*{ box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:0;  }
img{ max-width:100%; outline:none; border:0 none; margin:0;  padding:0; }
ul,li{ list-style:none; }
h1,h2,h3,h4,h5,h6{ font-weight:normal; }

.container{width:100%; max-width:1100px; margin:0 auto;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
a:focus{text-decoration:none;}

.header-back{float:left; width:100%; background:url(../images/header-back.jpg) no-repeat scroll center center / cover;s}
.header-back .logo{float:left; width:auto; padding:0;}
.header-back .contact { float: right; width: 17%; text-align: center; padding:28px 0 12px;}
.header-back .contact span{padding:0 0 8px; margin:0; text-transform:uppercase; border-bottom:1px solid #512929; float:left; width:100%;}
.header-back .contact h3{font-size:26px; color:#ada3a3; font-weight:400; padding:13px 0 0; margin:0; font-family: 'Lato', sans-serif; float:left; width:100%; margin:0;}
#pull-btn{ width:27px; float:right; margin:5px 0; display:none; }
#pull-btn .inner-box{ width:27px; height:3px; background:#fff; display:block; margin-bottom:5px; }

.navigation{float:left; width:100%; background:#660000;}
.navigation .nav-list{float:left; width:100%; padding:0; margin:0; list-style:none; text-align:center;}
.navigation .nav-list li{display:inline-block; vertical-align:top; padding:0; border-right:1px solid #7e2828;}
.navigation .nav-list li:first-child{ border-left:1px solid #7e2828;}
.navigation .nav-list li a{float:left; width:100%; padding:20px 55px; outline:none; text-decoration:none; text-transform:uppercase; font-size:18px; font-family: 'Lato', sans-serif; font-weight:900; color:#cbb8b8; transition:0.4s; letter-spacing:3px;}
.navigation .nav-list li a:hover{color:#fff; transition:0.4s;}

.banner{float:left; width:100%; position:relative;background:url(../images/Depositphotos_69425545banner.jpg) no-repeat scroll center center / cover; min-height: 615px;}
.banner .ban-content{position:absolute; bottom:5%; left:0; width:100%; text-align:center;}
.banner .ban-content .ban-text{float:left; width:auto;}
.banner .ban-content .ban-text h1{font-size:35px; color:#fff; padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:700; text-transform:uppercase;}
.banner .president{position:absolute; right:0; top:5%;  width:100%;}
.banner .president .about-president{float:right; width:34%; background:#000; padding:6px; }
.banner .president .about-president .border{padding:30px 20px 30px 24px; border:2px solid #171b1e; float:left; width:100%;}
.banner .president .about-president span.thumb{float:left; width:auto;}
.banner .president .about-president h2{ float:left; width:auto; font-family: 'Playfair Display', serif; font-weight:400; font-size:25px; color:#fff; text-transform:uppercase; padding:0; margin:0 0 0 13px;}
.banner .president .about-president h2 span{font-size:19px;}
.banner .president .about-president h3{float:left; font-family: 'Playfair Display', serif; font-weight:400; font-size:27px; color:#707070; padding:0; margin:0 0 0 14px; text-transform:uppercase;}
.banner .president .about-president h4{float:left; width:100%; text-align:center; font-size:35px; color:#e81e1e; padding:35px 0 12px; margin:0;}
.banner .president .about-president .links{float:left; width:100%; padding:0; margin:0; list-style:none; text-align:center;}
.banner .president .about-president .links li{float:left; width:100%; background:#660000; margin:0 0 10px; padding:5px 0;}
.banner .president .about-president .links li a{font-family: 'Lato', sans-serif; color:#e9e1db; outline:none;font-size:18px; font-weight:400; text-transform:capitalize;}

.content{float:left; width:100%; background:#000;  padding:62px 0 ;}
.content .left-part{float:left; width:65%; }
.content h2{color:#fff; font-weight:900;  padding:0 0 30px; margin:0 0 28px; float:left; width:100%; border-bottom:1px solid #3e3e3e; font-size:25px;  font-family: 'Lato', sans-serif; text-transform:uppercase;}
.content h3{color:#fff; font-weight:900;  padding:0 0 30px; margin:0 0 28px; float:left; width:100%; border-bottom:1px solid #3e3e3e; font-size:25px;  font-family: 'Lato', sans-serif;}
.content .content-para{float:left; width:100%;}
.content .content-para p{float:left; width:100%; color:#8d8d8d; font-size:17px;  font-weight:400; padding:0 0 26px 0; margin:0; line-height: 27px; font-family: 'Lato', sans-serif;  }
.content .right-part{float:right; width:30%;}
.content .right-part .list{float:left; width:100%; padding:0; margin:0; list-style:none;}
.content .right-part .list li{float:left; width:100%; background:url(../images/bullet.png) no-repeat scroll left top 5px; font-size:17px;  font-weight:400;  font-family: 'Lato', sans-serif; color:#8d8d8d; padding:0 0 20px 25px; }
.content .right-part .list2 li{float:left; width:100%; background:url(../images/bullet.png) no-repeat scroll left top 5px; font-size:12px;  font-weight:400;  font-family: sans-serif; color:#fff; padding:0 0 20px 25px; }

footer{background:#300000; float:left; width:100%; border-top:5px solid #652020; border-bottom:5px solid #652020;}
footer .left-foot{float:left; width:45%; padding:40px 0 35px;}
footer .left-foot p{font-size:16px; color:#beb8b8; line-height:27px; font-weight:300;  font-family: 'Lato', sans-serif;}
footer .right-foot{float:left; width:55%; text-align:right; padding:19px 0;}

.last-border{float:left; width:100%; background:#000; padding:18px 0 0;}

@media (min-width:1025px) and (max-width:1199px){
.container{max-width:970px;}
.navigation .nav-list li a{font-size:16px; padding: 20px 45px;}
.header-back .contact{width:22%;}
.banner .ban-content .ban-text h1{font-size:25px;}
footer .left-foot .foot-nav-list li a{font-size:16px;}
.header-back .logo{width:100%; text-align:center;}
.header-back{padding:0 0 20px;}
.header-back .contact{ padding:0; width:50%; display:block; margin:0 auto; float:none;}
.banner .president .about-president{width:40%;}
}

@media (min-width:992px) and (max-width:1024px){
.container{max-width:970px;}
.navigation .nav-list li a{font-size:16px; padding: 20px 45px;}
.header-back .contact{width:22%;}
.banner .ban-content .ban-text h1{font-size:25px;}
footer .left-foot .foot-nav-list li a{font-size:16px;}
.header-back .logo{width:100%; text-align:center;}
.header-back .contact{ padding:0; width:50%; display:block; margin:0 auto; float:none;}
.header-back{padding:0 0 20px;}
.banner .president .about-president{width:40%;}
}


@media (min-width:768px) and (max-width:991px){
.container{max-width:687px;}	
.header-back{padding:0 0 20px;}
.header-back .contact{ padding:0; width:50%; display:block; margin:0 auto; float:none;}	
.banner .ban-content .ban-text h1 {font-size:18px;}
.banner .ban-content .ban-text h1 span{font-size:45px;}
.banner .ban-content .ban-text a {width: 277px; line-height: 44px; min-height: 44px;}
.navigation .nav-list li a{font-size:12px; padding: 20px ;}
.navigation .nav-list li {padding:0 8px;}
footer .left-foot .foot-nav-list li{padding:0 5px;}
footer .left-foot .foot-nav-list li a{font-size:12px;}
.banner .president .about-president .border{ padding: 20px 20px 20px 14px;}
.banner .president .about-president h4{font-size:20px; padding-top:5px;}
.banner .president .about-president span.thumb{width:100%; text-align:center;}
.banner .president .about-president h2{width:100%; margin:0; text-align:center; font-size:20px;}
.banner .president .about-president h2 span{font-size:16px;}
.banner .president .about-president h3{width:100%; text-align:center; margin:0;}
.banner .president .about-president .links li a{font-size:11px;}
.content .left-part{width:100%;}
.content .right-part{width:100%;}
footer .right-foot{padding:69px 0;}
}

@media(max-width:767px){
.container { max-width: 100%; padding: 0 30px;}
.header-back{padding:0 0 20px;}
.header-back .contact{ padding:0; width:50%; display:block; margin:0 auto; float:none;}	
.banner .ban-content .ban-text h1 {font-size:18px;}
.banner .ban-content .ban-text h1 span{font-size:45px;}
.banner .ban-content .ban-text a {width: 277px; line-height: 44px; min-height: 44px;}
.navigation .nav-list li a{font-size:12px; padding: 20px ;}
.navigation .nav-list li {padding:0 8px;}
footer .left-foot .foot-nav-list li{padding:0 5px;}
footer .left-foot .foot-nav-list li a{font-size:12px;}
.banner .president .about-president .border{ padding: 20px 20px 20px 14px;}
.banner .president .about-president h4{font-size:16px; padding-top:5px;}
.banner .president .about-president span.thumb{width:100%; text-align:center;}
.banner .president .about-president h2{width:100%; margin:0; text-align:center; font-size:20px;}
.banner .president .about-president h2 span{font-size:16px;}
.banner .president .about-president h3{width:100%; text-align:center; margin:0;}
.banner .president .about-president .links li a{font-size:11px;}
.banner .ban-content{position:static; padding: 20px 0; float: left; }	
.banner .ban-content .ban-text{width:100%;}
.content .left-part{width:100%;}
.content .right-part{width:100%;}
.banner .president{position:static;}
.banner .president .about-president{width:100%; max-width:220px;}
#pull-btn{display:block;}
.navigation .nav-list { display: none; width: 100% !important; margin: 0 0 20px !important; padding:0 !important; position: static !important; left: 0 !important; top: 0 !important; background: #dea432;}
.navigation .nav-list li{float:left; width:100%; text-align:left; padding:10px; border-bottom:1px solid #bba43c; border-right:none;}
.navigation .nav-list li a{padding:0; color:#000;}
footer .right-foot{width:100%;}
footer .left-foot{width:100%;}
}

@media(max-width:480px){
.banner .ban-content{position:static; padding: 20px 0; float: left; }	
.banner .ban-content .ban-text{width:100%;}	
.banner .president{position:static;}
.banner .president .about-president{width:100%; max-width:100%;}
.content .content-para p{font-size:15px;}
.content .right-part .list li{font-size:15px;}
.content h2{font-size:15px;}
}

@media(max-width:360px){
.banner .ban-content .ban-text h1 br{display:none;}	
.header-back .contact{width:100%;}
}