body{margin: auto;font-family:'Myriad Pro Regular' !important ; line-height: 19px !important;}
b, strong {
    font-weight: bolder !important;
}
a{color: inherit !important;}
a:hover{text-decoration: none !important}

/* #### Generated By: http://www.cufonfonts.com #### */

    @font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed'), url('MYRIADPRO-COND.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed Italic'), url('MYRIADPRO-CONDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Light'), url('MyriadPro-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold'), url('MYRIADPRO-SEMIBOLD.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Semibold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold Italic'), url('MYRIADPRO-SEMIBOLDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Condensed'), url('MYRIADPRO-BOLDCOND.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold'), url('MYRIADPRO-BOLD.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Italic'), url('MYRIADPRO-BOLDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Condensed Italic'), url('MYRIADPRO-BOLDCONDIT.woff') format('woff');
    }

#header{   width: 100%;
    background: url(/cover.jpg);
    background-position: 50% 46%;
    background-size: cover;}

#in-header{max-width: 1170px; margin:auto; overflow:auto; height:auto; background:;padding: 15px 12px 15px 12px }

#in-header-left{float: left;}

#in-header-right{    float: right;
    padding-top: 28px;}

#menus{max-width: 1170px; margin:auto;}
#menu{height: 45px;
    background: #ffffff;
    width: 600px;
    margin: auto;}
#menu ul,#menu li{margin:0;padding:0;list-style:none;}
#menu ul{height:45px}
#menu li{float:left;display:inline;position:relative;font:bold 17px Arial;}
#menu a{    display: block;
    line-height: 45px;
    padding: 0 14px;
    text-decoration: none; 
    color: #003980;
    font-family:'Myriad Pro Regular';
    font-weight:normal;
    text-shadow: none;}
    
#menu ul li:hover a{background:#fff;color:#333!important}
#menu input{display:none;margin:0 0;padding:0 0;width:100%;height:45px;opacity:0;cursor:pointer}
#menu label{font:bold 30px Arial;display:none;width:35px;height:45px;line-height:45px;text-align:center;color:#fff}
#menu label span{font-size:13px;position:absolute;left:35px}
#menu ul li ul{height:auto;overflow:hidden;position:absolute;z-index:99;color:#333}
#menu ul li ul li a{color:#333;width:235px;height:35px;line-height:35px;background:#fff;}
#menu a.prett{padding:0 27px 0 14px; cursor: pointer;}
#menu a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#ccc transparent transparent transparent;position:absolute;top:20px;right:9px}
#menu a.prett:hover::after,#menu ul li:hover a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#333 transparent transparent transparent;position:absolute;top:20px;right:9px}
#menu ul li ul li a:hover{background:#f3f3f3;}
#menu a.prett:hover{background: #f5f5f5}
@media screen and (max-width: 600px){
#menu{position:relative}
#menu ul{background: #f5f5f5;position:absolute; top:100%;right:0;left:0;z-index:8;height:auto;display:none;}
#menu ul.menus{width:100%;position:static;border:none}
#menu li{display:block;float:none;width:auto;text-align:left}
#menu li a{color:#fff}
#menu li a:hover{color:#333}
#menu li:hover{color:#333;}
#menu li:hover > a.prett,#menu a.prett:hover{background:#BABABA;color:#333;}
#menu ul.menus a:hover{background:#fff;}
#menu input,#menu label{position:absolute;top:0;left:0;display:block;color: #5092b9}
#menu input{z-index:4;}
#menu ul li ul li a{width:100%;}
}
#language{    float: right;
    margin-top: 13px;
    margin-right: 10px;}

#gallery{max-width: 100%; margin:auto;}
#gallery-up{    padding-top: 20px;
    max-width: 1129px;
    margin: auto;}
#gallery-down{border-radius: 4px;
    border: 1px solid #dadada;
    padding: 20px 15px 20px 15px;
    box-shadow: 0px 2px 2px #6b6b6b0d;
    max-width: 1129px;
    margin: auto;    line-height: 25px;
    margin-top: 20px;}
h1 {    font-size: 23px !important;}

 @media only screen and (max-width: 950px){
#gallery{max-width: 90%;
}
}

#gallery-in{max-width: 1170px; margin:auto;}


#info{overflow: auto;width: 100%; padding-left: 20px; padding-right: 20px}
#info-in{max-width: 1170px; margin:auto;}
#info-in-left{width: 33.33%; float: left;}
#info-in-right{        width: 63.66%;
    float: right;
    padding-top: 19px; text-align: justify;
  font-family:'Myriad Pro Regular' !important;
    padding-right: 55px;
    font-size: 15px;
    padding-left: 19px;}

 @media only screen and (max-width: 950px){
#info-in-left{width: 100%; float: left;text-align: center;}
}
 @media only screen and (max-width: 950px){
#info-in-left img {width: 100%; max-width: 100%; text-align: center;}
}
 @media only screen and (max-width: 950px){
#info-in-right{        padding-top: 20px;  width: 100%; padding-left: 20px; padding-bottom: 20px; padding-right: 20px;
   }}
#info-m{  overflow: auto;
    border: 1px solid #00000029;
    border-radius: 5px;
    box-shadow: 0px 2px 1px #0000000a;
    max-width: 1130px;
    margin: auto;}

    .panel-title {
    
    color: white !important;
}

#menus2{background: white;    border-bottom: 1px solid #71717121;}

#language img{width: 20px;
    margin: 3px;}

     @media only screen and (max-width: 600px){
#language {
    float: left;
    margin-top: 13px;
    margin-left: 10px;
    padding-bottom: 30px;
}}



 #close-footer{right: 0;
    position: absolute;
    border: 1px solid white;
    border-radius: 100px;
    width: 22px;
    text-align: center;
    height: 22px; cursor: pointer;
    vertical-align: middle;
    padding-top: 1px;}

    button  {
    
    background: inherit;
 }

 #list-main{overflow: auto;}
 #list-main-in{      border: 1px solid #00000033;
    overflow: auto;
    border-radius: 4px;
    max-width: 1125px;
    margin: auto;
    margin-top: 15px;}

    #list-main-in:hover{box-shadow: 0px 3px 9px #0000002e;}


 #list-main-in-left{width: 50%; float: left;}
  #list-main-in-left img{width: 100%;}

 #list-main-in-right{width: 50%;
    float: right;
    padding-left: 30px;
    padding-top: 10px;}

       @media only screen and (max-width: 600px){
 #list-main-in-left{width: 100%;
}}

     @media only screen and (max-width: 600px){
 #list-main-in-right{width: 100%;     padding-left: 5px;padding-right: 5px;

}}

#list-main-single{min-width: 33.333%;
    max-width: 400px;
    min-height: 414px;
    max-height: 414px;
    padding: 8px;}

    #list-main-single:hover{}
#list-main-single-img{max-width: 100%; width: 100%;border: 1px solid #0000003b; border-radius: 0px 0px 0px 0px;}
#list-main-single-img img{max-width: 100%;
    width: 100%;
    border-radius: 0px 0px 0px 0px;
    max-height: 188px; min-height: 188px;}

#list-main-single-text{border: 1px solid #0000003b;
    padding: 19px;
    border-radius: 0px 0px 0px 0px; border-top: 0px;
    font-size: 14px;
    box-shadow: 0px 2px 2px #00000008;}

    #lists{
    
    max-width: 1142px;
    margin: auto;
     display: grid;
    grid-template-columns: auto auto auto;
    }

    #list-main-single-img:hover + #list-main-single-text {background: #dedede1f;}

#list-main-single-text:hover{ background: #dedede1f; }


     @media only screen and (max-width: 600px){

#list-main-single{   width: 50%;
    float: left;
    min-height: 396px;;
   }}

        @media only screen and (max-width: 375px){

#list-main-single{   width: 100%;
    float: left;
    min-height: auto;;
   }}

   #resims{        padding-top: 0px;
    max-width: 1142px;
    margin: auto;}
   #resims-in{}

#gallerys-text{    position: relative;
    z-index: 8;
    background: white;
    border: 1px solid #0000001a;
    padding: 5px;     font-size: 13px;
    border-top: 0;}

    #sol-item{width: 76%; float: right;}
    #sag-item{width: 24%; float: left;}

         @media only screen and (max-width: 600px){
    #sol-item{width: 100%; float: right;}
}



 @media only screen and (max-width: 600px){
    #sag-item{width: 100%; float: right;}
}

     @media only screen and (max-width: 600px){
#lists {
    max-width: 1142px;
    margin: auto;
    display: inline-block;
    grid-template-columns: auto auto auto;
}}