@charset "utf-8";

/* CSS Document */

 html,
      body {
        position: relative;
        height: 100%;
      }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
body { font-family: 'poppinsregular', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing:-0.03em; line-height: 22px; color: #333; background: #ffffff;}
strong{font-family: 'poppinsbold'; font-weight:normal;}

ul { margin: 0; padding: 0; list-style: none; }
li { list-style: none; }
h1 { font-family: 'poppinssemibold', Arial, Helvetica, sans-serif; color: #020202; font-size: 30px; margin:20px 0px 30px 0px; line-height: 36px; text-transform:uppercase;letter-spacing:-0.03em; background: url("../images/line.jpg") no-repeat bottom left; padding-bottom: 15px !important;}
h2 { font-family: 'poppinssemibold', Arial, Helvetica, sans-serif; color: #020202; font-size: 22px; margin:20px 0px 30px 0px; line-height: 30px; text-transform:uppercase;letter-spacing:-0.03em; background: url("../images/line.jpg") no-repeat bottom left; padding-bottom: 15px !important;}
h3 { font-family: 'poppinslight', Arial, Helvetica, sans-serif; color: #656c73; font-size: 20px; margin: 10px 0px !important; line-height:28px;}
h4 { font-family: 'poppinssemibold', Arial, Helvetica, sans-serif; color: #daa520; font-size: 16px; margin: 0px 0px 20px 0px; text-transform: none; }
h5 { font-family: 'poppinssemibold', Arial, Helvetica, sans-serif; color: #daa520; font-size: 14px; margin: 0px 0px 20px 0px; text-transform: none; font-weight: normal; }
a, a:hover { color: #000;/*transition: color .6s;*/ }
.nop { padding: 0 !important; margin: 0 !important; }
.container { max-width: 1200px; width:1200px; margin: 0px auto !important; }
p { margin: 15px 0px; }
[class*="col-"] {padding: 0 15px;}

::-moz-selection { background:#666666; color:#fff; }
::selection { background:#666666; color:#fff; }

body{overflow-x:hidden;}

.active_header {
    position: fixed !important;
    top: 0;
    left: 0; right: 0;
    width: 100%; z-index:9990;padding: 0px !important; background:#fff;
}
.active_header .logo a{margin:5px 0px;}
.active_header .logo img{height:50px; width:auto; margin:0px;}
.active_header .toggle{margin:5px 0px;}


.content_area{padding:40px 0px !important;}
.ss img{width:100%; height:auto;}
.active_ss{margin-top:0px !important;}

.toggle {
    display: none !important;
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.sidelogo img, .bottom-nav img{width: 100%; height: auto;}

/*
	=======================================================================
	 General Styles
	=======================================================================	
*/

* {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}



      .swiper {
        width: 100%;
        height:auto;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
      }


      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
      }
      .swslider .swiper-slide div{position: absolute; z-index: 11; left: 0px; right: 0px; bottom: 0px; top: 0;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1c191f+0,1c191f+100&0+0,0.7+100 */
		background: -moz-linear-gradient(top,  rgba(28,25,31,0) 0%, rgba(28,25,31,0.9) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(28,25,31,0) 0%,rgba(28,25,31,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(28,25,31,0) 0%,rgba(28,25,31,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c191f', endColorstr='#b31c191f',GradientType=0 ); /* IE6-9 */
	  }
	  .swslider .swiper-slide div div{position: absolute; z-index: 12; left: 25px; right: 50px; bottom: 60px; top: auto;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1c191f+0,1c191f+100&0+0,0+100 */
		background: -moz-linear-gradient(top,  rgba(28,25,31,0) 0%, rgba(28,25,31,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(28,25,31,0) 0%,rgba(28,25,31,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(28,25,31,0) 0%,rgba(28,25,31,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c191f', endColorstr='#001c191f',GradientType=0 ); /* IE6-9 */
	  }
      .swslider .swiper-slide a{display: block; float: left;}
	  .swslider .swiper-button-next{width: 40px !important; height: 40px !important; display: block !important; background: #d4a861; color: #fff; position: absolute; z-index: 13; bottom: 0 !important; right: 0 !important; top: auto !important; padding: 10px !important; text-align: center;}
	  .swslider .swiper-button-prev{width: 40px !important; height: 40px !important; display: block !important; background: #f3d49a; color: #fff; position: absolute; z-index: 13; bottom: 0 !important; right: 40px !important; left: auto !important; top: auto !important; padding: 10px !important; text-align: center;}
	  .swslider .swiper-button-next:after, .swslider .swiper-button-prev:after{color: #fff !important; font-size: 16px !important; line-height: 16px !important; font-weight: 800 !important;}




.homess .swiper-pagination{bottom: 50px !important;}

.header{color: #797979;font-family: 'poppinsmedium'; font-size: 14px; height: 90px; background: #fff}
.active_header{border-bottom: 1px solid #ccc;}
.header_top{height: 49px; padding: 9px 0px !important;}
.header_top_list{display: table; float: right;}
.header_top_list li{font-size: 11px; line-height: 30px; display: block; float: left; margin-left: 4px;}
.header_top_list .header_join .btn {line-height: 30px; padding: 0px 10px; margin: 0px 1px;}
.black_btn{background: #000 !important; border: 1px solid #000;color: #fff !important;}
.black_btn:hover{border: 1px solid #000 !important; background: #fff !important; color: #000 !important;}
.header_top_list .header_join li, .header_top_list .header_social li{margin: 0px 1px;}
.header_top_list .header_social a{width: 30px; height: 30px; display: block; border: 1px solid #000; border-radius: 100px; text-align: center;}
.header_top_list .header_social img{width: 16px; height: auto;}
.logo_area{position: relative;}
.logo_area a{display: block; position: absolute; z-index: 2; top: 0; left: 0; right: 0; margin: 0px 5px 5px 5px; float: left; width: 180px; background: #fff; padding: 10px; border-radius: 0 0 5px 5px;box-shadow: 0px 12px 8px 0px rgba(0,0,0,0.3);}
.logo_area a img{width: 100%; height: auto;}


.hc-offcanvas-nav{background:rgba(0,0,0,0.8); }


.homess{position: relative;background: #10483b url("../images/black_lozenge.png"); clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%); overflow: hidden;}
.homess .swiper-slide img{opacity: 0.55;}
.homess .content {position: absolute; z-index: 10; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.homess .content h1{font-family: 'poppinssemibold'; color: #fff; text-transform: none; font-size: 36px; text-align: center; margin: 0px;}
.homess .content h1 .txt_holder{display: inline-block; background: url("../images/stroke.svg") no-repeat bottom; padding-bottom: 10px;}
.homess .content p{font-family: 'poppinssemibold'; font-size: 20px; color: #fff; margin: 10px 0px;}
.swslider{max-width: 1920px;}
.homess .swiper{z-index: 0;}

.homess .swslider{background: #000;}
.homess .swiper-slide a{display: block; max-width: 1000px; position: absolute; z-index: 10; color: #fff; font-family: 'poppinssemibold'; font-size: 16px; line-height: 24px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-transform: uppercase;}
.homess .swiper-slide a:hover{text-decoration: none; color: #ccc;}
.homess .swiper-slide a h2{text-transform: uppercase; color: #fff; font-size: 30px; line-height: 36px; font-family: 'poppinssemibold'; background-position: bottom center;}
.homess .swiper-slide a:hover h2{text-decoration: none; color: #ccc;}

.content_area{padding: 40px 0px !important;}


.btn{border: 1px solid #5a5a5a; border-radius: 5px; line-height: 18px; padding: 10px 15px; background: #fff; font-size: 14px; font-family: 'poppinssemibold'; color: #020202; margin: 10px 0px;transition: all 0.3s ease-out;}
.btn:hover{background: #5a5a5a; color: #fff;transition: all 0.3s ease-out;}
.cntr_btn{margin: 10px auto; display: table; background: none;}
.home_featured{position: relative;}
.featured1{max-width: 370px; height: auto; margin-top: -180px; border-radius: 5px;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);}
.featured2{max-width: 164px; height: auto; position: absolute; z-index: 10; top: 200px; right: -50px; border-radius: 5px;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);}

.recent_news_block{padding: 50px 0px !important; background: #f8f8f8;}

.news_list li{width: calc(50% - 20px); margin-right: 40px; display: block; float: left; margin-bottom: 40px;}
.news_list li:nth-child(even){margin-right: 0px;}
.news_list li a{display: block;}
.news_list li a .news_thumb_wraper{max-width: 180px; display: block; float: left;margin-right: 20px; position: relative;}
.news_list li a .news_thumb_wraper span{display: block; font-size: 11px; text-transform: uppercase; background: #000; color: #fff; line-height: 18px; padding: 4px 0px; border-radius: 3px;position: absolute; z-index: 10; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 76px; text-align: center; opacity: 0;transition: all 0.3s ease-out;}
.news_list li a:hover .news_thumb_wraper span{opacity: 1;transition: all 0.3s ease-out;}
.news_list li a img{width: 100%; height: auto; border-radius: 5px; display: block; float: left; transition: all 0.3s ease-out;}
.news_list li a div{padding: 0px; color: #585858; font-size: 14px; line-height: 22px;}
.news_list li a div h3{font-size: 18px; line-height: 28px;font-family: 'poppinssemibold'; margin: 0px !important; color: #020202;}
.news_list li a div p{margin-bottom: 0px;}
.news_list li a:hover{text-decoration: none;}
.news_list li a:hover h3{color: #000;}
.news_list li a:hover img{opacity: 0.6;transition: all 0.3s ease-out;}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

body.noscroll {
  overflow-y: hidden!important;
}
.footer_gallery a img{opacity: 1;transition: all 0.3s ease-out;}
.footer_gallery a:hover img{opacity: 0.6;transition: all 0.3s ease-out;}

.join_block{padding: 100px !important;}
.join_block .container{position: relative;}
.join_block .container div{max-width: 600px; text-align: center;position: absolute; z-index: 10; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);font-family: 'poppinssemibold'; font-size: 22px; line-height: 26px;}
.join_block .container div .btn{border: 2px solid #000;background: #000; color: #fff; padding: 14px 18px; font-size: 18px;transition: all 0.3s ease-out;}
.join_block .container div .btn:hover{border: 2px solid #000; background: #fff; color: #000;transition: all 0.3s ease-out;}


.footer{background: #10483b; padding: 140px 0px 50px 0px !important;clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%); margin-top: -50px !important; text-align: center; color: #bdbdbd; font-size: 14px; line-height: 26px;}
.footer a{color: #bdbdbd !important; text-decoration: none;transition: all 0.3s ease-out;}
.footer a:hover{color: #fff !important; text-decoration: none;transition: all 0.3s ease-out;}
.footer_top{text-align: left; border-bottom: 1px dotted #333333; padding-bottom: 40px !important; margin-bottom: 40px !important;}
.widget_footer_map iframe{overflow:hidden;width: 100% !important; display: block; border-radius: 5px;}
.footer_links{display: table; margin: 0px auto;}
.footer_links li{display: block; float: left; margin: 0px 10px 0px 0px; padding: 0px 10px 0px 0px; border-right: 1px solid #333333;}
.footer_links li:last-child{border:0px;}
.footer_links li a{line-height: 10px !important; display: block;}

.footer_social{display: table; margin: 0px auto;}
.footer_social a{display: block; float: left; width: 30px; height: 30px; border: 1px solid rgba(255,255,255,0.4); border-radius: 100px; text-align: center; position: relative;}
.footer_social a img{width: 13px; height: auto; position: absolute; z-index: 10; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.footer_social a:hover{margin-top: -5px;}
.footer_social li{ margin: 0px 3px; display: block; float: left;}


.mfp-bg{z-index: 9991 !important;}
.mfp-wrap{z-index: 9992 !important;}
.header_top_list li:nth-child(4){display: none;}
























/*
	=======================================================================
	 Media Queries
	=======================================================================	
*/
/* Large Devices, Desktops */
@media only screen and (max-width : 1200px) {
 
.container { max-width: 1000px; width:1000px; }
nav .menu a {padding: 0 14px !important;}
.homess .swiper-slide a{width:800px;}
.homess .swiper-slide a h2{font-size: 24px; line-height: 26px;}
.home_maintxt{width: 60%; max-width: 60%;}
.home_featured{width: 40%; max-width: 40%;}
.featured2{right: 0px;}
.news_list li a div h3{font-size: 16px; line-height: 20px;}
.news_list li a div p {font-size: 12px;line-height: 18px;}
.join_block { padding: 80px 0px !important;}
.footer{clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);}

}

/* Desktop App */
@media only screen and (max-width : 1024px) {

.container { max-width: 900px; width:900px; }
nav .menu a{font-size: 15px !important;padding: 0 12px !important;}
nav .menu li li a{font-size: 12px !important;}
.featured1{margin-top: -90px;}
.featured2{right: -8px;top: 290px;}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

.container { max-width: 90%; width:90%; }
.header_btm{display: none;}
.header{height: 60px;}
.header_top{padding: 14px 0px !important;}
.logo_area a{width: 130px;}
.header_top_list li:nth-child(3){display: none;}
.header_top_list li:nth-child(4), .header_top_list li .toggle{display: block !important;}
.toggle img{width: 30px; height: auto;}
.homess .swiper-slide a{width: 600px;}
.homess .swiper-slide a h2 {font-size: 18px;line-height: 20px; padding: 0px 0px 6px 0px !important;margin: 0px 0px 4px 0px;}
.homess .swiper-slide a p{font-size: 11px; margin: 0px !important; letter-spacing: 0.08em;}
.home_maintxt, .home_featured{width: 100%; max-width: 100%;}
.featured1 {margin-top: 20px;}
.featured2 {right: auto;top: 326px;left: 256px;}
.news_list li a .news_thumb_wraper{max-width: 100px;margin-right: 10px;}
.news_list li p{display: none;}
.news_list li a div h3 {font-size: 14px;line-height: 20px;}
.join_block .container div{max-width: 90%; width: 90%; font-size: 18px;}
.join_block .container div .btn{font-size: 16px;}
.footer {clip-path: polygon(0 6%, 100% 0, 100% 100%, 0% 100%);}
.footer_top{text-align: center;}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
.header_top_list li:nth-child(1){display: none;}
.header_top_list li:nth-child(2){display: none;}
.homess .swiper-slide a{width: 90%; position: relative; padding: 30px 0px 50px 0px; left: auto; top: auto;-webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);}
.homess .swiper-pagination{display: none;}
h1{font-size: 22px; line-height: 28px;}
.news_list li{width: calc(100%); margin-right: 0px;}
.footer {clip-path: polygon(0 4%, 100% 0, 100% 100%, 0% 100%);padding: 50px 0px 50px 0px !important;}
.join_block {padding: 80px 0px 100px 0px !important;}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {


.featured1{width: 100%; max-width: 100%; height: auto;}
.featured2{display: none;}
.news_list li a .news_thumb_wraper{width: 100%; max-width: 100%; margin: 0px 0px 10px 0px;}
.footer_links li{width: 100%; margin: 0px; border: 1px dotted #ccc; border-width: 0px 0px 1px 0px; padding: 5px; margin: 5px;}


}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	

	
}