@import url("/css/all.css");

#bg1, #bg2 {background-image: url(/i/bg.png); background-repeat: repeat-y; background-position:center; min-height:100%; margin:0 auto;}
#bg1 {border-top:3px solid #537cb2; width:1334px;}
#bg2 {background-image: url(/i/bg2.png); padding:20px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; width:1334px;}
#map {width:1334px; margin:0 auto;}
#bottom {width:1334px; margin:0 auto; background-color:#595959;}

* {font-family: 'Exo-20', arial;}



H1 {font-size:34px; text-transform: uppercase; display: block; margin:20px auto; text-align:right; color:#4a4a4a;}
H2  {color:#1c94ba; display:block; text-transform:uppercase; font-weight:normal; font-size:18px; text-align:center; padding:10px 0 10px 0;}
H3  {color:#957447; display:block; text-transform:uppercase; font-weight:normal; font-size:18px; text-align:center; padding:10px 0 10px 0;}

.title1, .news_item H1 {font-size:28px; text-transform:uppercase; text-align:center; font-weight:normal; color:#3c3c3c; padding:47px 0 25px 0; margin:0 0 30px 0; background-image: url(/i/fka2.png); background-repeat: no-repeat; background-position: center bottom; background-size:300px; }

.btn1 {background-color:#cee7ff; padding:10px; text-transform:uppercase; color:#ae9562 !important; text-decoration:none;}
.btn1:hover {background-color:#f8fcff; border:1px solid #b9dbfd; color:#ae9562; text-decoration:none;}

.fas, .fab {color:#ffffff; font-size:24px; padding:0 10px 0 0;}

.tmenu {text-align:center;  height:50px; padding:6px 0 0 0;}
.tmenu A {text-decoration:none; color: #395d75 !important; font-size: 22px; font-weight:normal; height: 38px; padding:0px 20px;}
.tmenu A:hover, .tmenu A.active {color:#ae9562 !important;}

.mob_menu_bar {display:none; position:absolute; top:20px; right:0px; }
#mob-menu {background-color: #eeeeee; padding:0px; margin:50px 0 5px 0; padding:0; /*position:absolute; top:0px; left:0; z-index:9998;*/ width:100%; padding:20px; border-bottom:3px solid #444444;}
#mob-menu A {display:block; line-height: 2; font-size: 16px; text-align: center; color:#5c5c5c; text-transform:uppercase; padding:2px 0;}
#mob-menu SPAN A {font-size: 14px;  background-color:white;}
#mob-menu A.active, #mob-menu SPAN A.active {font-weight:bold; background-color:#cdcbcb;}
#mob-menu A.noact {font-weight:normal;}

.smenu {text-align:center;  padding:30px 0 0 0;}
.smenu A {white-space: nowrap; text-decoration:none; color: #ae9562 !important; font-size: 21px; font-weight:normal; height: 38px; padding:0px 12px;}
.smenu A:hover, .smenu A.active {color:#1c94ba !important;}
.smenu IMG {width:40px;}

.ssmenu {text-align:center;  padding:30px 0 0 0;}
.ssmenu A {white-space: nowrap;text-decoration:none; color: #1c94ba !important; font-size: 16px; font-weight:normal; height: 38px; padding:2px 18px 4px 18px; line-height: 30px; border-radius: 6px; }
.ssmenu A:hover, .ssmenu A.active {color:#ae9562 !important; background-color:#cee7ff;}


.mainimg {background-image: url(/i/mainimg.jpg); background-repeat: no-repeat; background-position: center; background-size:contain; height:719px;}
.social_top {position:absolute; top:30px; left:44px;}
.social_bottom {position:static !important; text-align:center;}
.social_bottom .fas, .social_bottom .fab {color:#b2d8e7; font-size:28px;}


.inews {padding:0 0 10px 0;}
.inews DIV {text-align:center; margin: 0 0 20px 0;}
.inews IMG {width:320px; display:block; margin:0 auto; border:1px solid #ceaa1c; padding:4px;}
.inews EM {display:block; text-align:center; color:#717171; padding:20px 0 0px 0;}
.inews STRONG {color:#1c94ba; display:block; text-transform:uppercase; font-weight:normal; font-size:18px; text-align:center; padding:15px 0 10px 0;}
.inews P {text-align:center; padding:0 10px 10px 10px;}

.irasp {text-align:center;}
.irasp IMG {max-width:100%; margin:0 0 0px 0;}

.iblock1 IMG {max-width:100%;}
.iblock1 DIV {padding:0;}
.iblock1 DIV:nth-child(1) {padding:0 0 0 0px;}
.iblock1 DIV:nth-child(2) DIV {padding:43px 20px 43px 30px; margin:0 0px 0 0; background-color:#e5e5e5; font-size:16px;}
.iblock1 DIV:nth-child(2) P {padding:0 0 10px 0;}

.bottom_tit1 {color:#c7a45c; font-size:21px; font-weight:normal; display:block; text-align:center;}
.bottom_tit2 {font-size:17px; font-weight:normal; display:block; text-align:center; padding:10px 0;}
.bottom_tit3 SPAN {color:#2da4ca;}
.bottom_tit3, .bottom_tit3 A {text-decoration: none; color:#c7a45c; font-size:28px; font-weight:normal; display:block; text-align:center; margin:0 0 10px 0;}

.copy1, .copy2 { padding-top:15px; padding-bottom:15px; height:70px;}
.copy2 {text-align:right;}
.copy1 A, .copy2 A {color:#909090; font-size:12px;}
.copy1 IMG {width:94px;}
.copy2 IMG {width:103.5px;}
.copy1 SPAN {display:Block; padding:0 0 0 2px ;}
.copy2 SPAN {display:Block; padding:0 0px 0 0 ;}

/*.content IMG {border:1px solid #ceaa1c; padding:4px;}*/



@media screen and (max-width: 1330px)
{
    #bg1, #bg2, #map, #bottom  {width:100%;}
}
@media screen and (max-width: 1200px)
{
    #bg1 {border:0;}
    .tmenu {display:none;}
    .mainimg {background-size:cover; height:630px;}
    .social_top {top:20px; left:0;}
    .mob_menu_bar {display:block;}

    .copy1, .copy2 { text-align:center;}
    .copy1 {border-bottom:1px solid #717171;}
    .copy2 {text-align:center;}
}
@media screen and (max-width: 992px)
{
    .mainimg {height:550px;}
    .inews IMG {margin:20px auto  0 auto;}
}
@media screen and (max-width: 768px)
{
    .mainimg {background-image: url(/i/mainimg_768.jpg); height:414px;}
    .mainimg {height:432px;}
    .smenu A {font-size: 18px;}
}
@media screen and (max-width: 687px)
{
    .mainimg {height:430px;}
    .iblock1 DIV:nth-child(2) DIV {padding:20px; font-size:14px;}
}
@media screen and (max-width: 500px)
{
    .mainimg {background-size:cover;  height:300px;}
    .inews EM {padding:10px 0 0px 0;}
    .inews STRONG {font-size:16px; padding:5px 0 5px 0;}
}
@media screen and (max-width: 416px)
{
    .mainimg {background-size:cover;  height:232px;}
}

@media screen and (max-width: 400px)
{
    .mainimg {background-size:cover; height:232px;}
    .smenu A {font-size: 18px;}
    .inews IMG {width:100%;}
    .title1 {font-size:22px;}
}
@media screen and (max-width: 350px)
{

}