/*------------------reset.css is here----------*/
*{margin:0; padding:0; box-sizing:border-box; }
table {border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
img{max-width:100%; height:auto; display:inline-block; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
ol,ul { list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a {color:#000; text-decoration:none; outline:0 none !important; }
a:hover, a:focus {color:#000;  text-decoration:none; outline:0 none !important;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:bold;}
h1 {font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
p{font-size:16px; line-height:24px; }
header,nav,section,article,aside,footer,hgroup,figure,main {display: block; }
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_bor{border:0 none !important; }
.flt_lt {float:left; display:inline;}
.flt_rt {float:right; display:inline;}


html {}
body {color:#000;font-family: 'Open Sans', sans-serif;font-size:12px; background:#fff;}

/*------------------reset.css is end here----------*/
/* ----------------------- layout ----------*/
.wrapper				    {margin:0 auto;padding: 0;position:relative;left:0;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;overflow:hidden;}
.container				    {width:1300px; margin:0 auto;display:block; padding:0;}
.maincontent				{padding:0;margin: 0; display: block;}


.banner{display:block; margin:0 0 108px; padding:0;position:relative; background:#000;}
.banner ul li:after{content:'';display:block;width:100%;height:100%;background: rgba(0, 0, 0, 0.2);position:absolute;left:0;top:0;z-index: 1;}
.banner ul{margin:0;}
.banner ul li{position:relative;}
.banner .slick-prev{left:0;}
.banner .slick-next{right:0;}

.banner figure{display:block; }
.banner figure img{display:block; width:100%;}
.banner-cont{display:inline-block;margin:0;padding: 50px 60px 20px;/* background:rgba(0, 0, 0, 0.8); *//* width:428px; */position:absolute;left:140px;top:50%;transform:translateY(-50%);/* height: 226px; */z-index: 9999;}
.banner-cont h2{display:block;margin: 0 0 20px;padding:0;font-family: 'Montserrat', sans-serif;font-size:40px;color: #fff;font-weight: 600;line-height:44px;}
.banner-cont h2 span{display:block; margin:0; padding:0; font-family: 'Montserrat', sans-serif; font-size:40px; color:#fdc24d; font-weight:600; }
.banner-cont p{display:block; margin:0; padding:0; font-family: 'Montserrat', sans-serif; font-size:16px; color:#fff; line-height:22px; font-weight:normal; }

.arrows{position:relative;margin: -40px -60px;}
.arrows .slick-prev:before, .arrows .slick-next:before{font-size:40px;}

.content-main{display:block; margin:0; padding:0; position:relative;}

.left-cont{display:inline-block; margin:0; padding:0; float:left; width:800px;}
.left-cont h2{display:table; margin:0 0 50px 0; padding:0 0 0 23px; font-family: 'Titillium Web', sans-serif; font-size:38px; color:#000000; font-weight:300; line-height:42px; background:#fff;}
.left-cont h2 strong{display:inline-block; margin:0; padding:0; font-family: 'Titillium Web', sans-serif; font-size:38px; color:#f47321; font-weight:600; text-transform:uppercase;}
.left-cont4{width:100% !important;}
.left-cont h2.line2{position:relative;}
.left-cont h2.line2:after{content:''; display:inline-block; margin:20px 0 0; padding:0; width:80px; background:#f47321; height:1px; position:absolute; left:-80px; z-index:-1; top:0;}

.left-cont h2.line1{margin:0; padding:0 23px;}
.left-cont h2.line1:after{content:'';display:inline-block;margin: 21px 0 0;padding:0;width: calc(100% + 160px);background:#f47321;height:1px;position:absolute;left:-80px;z-index:-1;}

.left-cont3{margin:0; width:100%; position:relative; z-index:-1;}

.inner-cont{display:block; margin:0 0 50px 120px; padding:0; width:480px; position:relative;}
.inner-cont:after{content:''; display:inline-block; margin:12px 0 0; padding:0; width:80px; background:#f47321; height:1px; position:absolute; left:-108px; z-index:-1; top:0;}

.inner-cont p{display:block; margin:0 0 20px 0; padding:0; font-family: 'Titillium Web', sans-serif; font-size:16px; color:#717171; font-weight:normal; line-height:24px;}
.inner-cont p span{color:#f47321;font-size:16px; font-weight:normal; display:inline-block; margin:0; padding:0;}
.inner-cont span{display:block; margin:0 0 30px 0; padding:0; font-family: 'Titillium Web', sans-serif; font-size:20px; color:#000000; font-weight:normal; line-height:26px;}
.inner-cont a{display:inline-block; margin:0; padding:0; font-family: 'Titillium Web', sans-serif; font-size:16px; color:#f47321; font-weight:600; text-transform:uppercase;}
.inner-cont a:after{content:''; display:inline-block; margin:0 0 4px 22px; padding:0; width:81px; background:#f47321; height:1px;}

.inner-cont a:hover{color:#dd6368;}
.inner-cont a:hover:after{background:#dd6368;}

.right-cont{display:inline-block; margin:0 0 -70px 0; padding:0; float:right;}
.right-cont figure {display:block; margin:0; padding:0;}
.right-cont figure img{width:100%;}
.isotops{display:block; margin:50px 0 50px 100px; position:0;}
.isotops ul{}
.isotops ul li{display:inline-block; margin:0; padding:5px 15px; font-family: 'Titillium Web', sans-serif; font-size:16px; color:#000; font-weight:600; text-transform:uppercase; border-radius:5px; float:left; cursor:pointer;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out; }
.isotops ul li:hover, .isotops ul li.active{color:#f47321; background:#eeeeee;}

.isotops-block{display:inline-block;margin:0;padding:0;width: 50%;float:right;}
.isotops-block ul{display:block;}
.isotops-block ul li{display:inline-block; margin:0; padding:0; float:left; width:50%; position:relative;overflow:hidden; cursor:pointer;}
.isotops-block ul li img{width:100%; height:auto; display:block;}

.isotops-block ul li:hover .cont1{bottom:0;}

.cont1{display: flex;height:100%;width:100%;background:#dd6368;position:absolute;left:0;bottom:-100%;align-items: center;text-align: center;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
.cont1 h3{color:#fff;font-size: 16px;font-weight:500;text-transform:uppercase;display: block;vertical-align:middle;text-align: center;width: 100%;}

.cont2{background:#fdc24d;}
.cont3{background:#3b3b3b;}
.cont4{background:#f69054;}

.section3{display:block; margin:0; padding:0;}
.slider-section{display:inline-block;margin:0;padding:0;position:relative;float:left;width:50%;}
.slider-section ul{margin:0}
.slider-section ul li{position:relative;}
.slider-section ul li:after{content:'';display:block;width:100%;height:100%;background: rgba(0, 0, 0, 0.49);position:absolute;left:0;top:0;z-index: 1;}


.slider-section .slick-prev, .slider-section .slick-next{left:inherit; right:0; z-index:9; background:#706f71;}
.slider-section .slick-prev{transform:translateY(-40px);}
.slider-section .slick-next{transform:translateY(0px);}

.slider-section .slick-prev:hover,
.slider-section .slick-prev:focus,
.slider-section .slick-next:hover,
.slider-section .slick-next:focus
{
   background:#f47321;
}

.slider-section figure{display:block; margin:; padding:0;}
.slider-section figure img{display:block; width:100%;}
.slid-cont{display:inline-block; margin:0; padding:40px 0 0 30px; position:absolute; left:0; top:0; z-index:99;}
.slid-cont h4{display:inline-block; margin:0; padding:0; font-family: 'Titillium Web', sans-serif; font-size:30px; color:#fff; font-weight:600; text-transform:uppercase; line-height:45px;}
.slid-cont h4:after{content:''; display:inline-block; margin:0 0 10px 22px; padding:0; width:100px; background:#f47321; height:1px;}
.slid-cont span{display:block; margin:0; padding:0;font-family: 'Titillium Web', sans-serif; font-size:16px; color:#fff; font-weight:normal; line-height:16px;}

.gallery-section{display:block; margin:50px 0; padding:0;}
.gallery-section h2{display:table; margin:0 0 0px 0; padding:0 23px; font-family: 'Titillium Web', sans-serif; font-size:38px; color:#000000; font-weight:300; line-height:42px; background:#fff; position:relative;}
.gallery-section h2 strong{display:inline-block; margin:0; padding:0; font-family: 'Titillium Web', sans-serif; font-size:38px; color:#f47321; font-weight:600; text-transform:uppercase;}
.gallery-section h2:after{content:''; display:inline-block; margin:20px 0 0; padding:0; width:80px; background:#f47321; height:1px; position:absolute; left:-80px; z-index:-1;}


.gallery-section ul{display:inline-block; margin:50px -15px 0; padding:0;}
.gallery-section ul li{display:inline-block; margin:0; padding:0 15px; float:left; width:33.3%;}
.gallery-section .block{display:block; margin:0; padding:0;}
.gallery-section .block a:hover img{opacity:0.7;}
.gallery-section .block figure{display:block; margin:0; padding:0;}
.gallery-section .block span{display:block; margin:0; padding:0; font-family: 'Titillium Web', sans-serif; font-size:16px; color:#717171; font-weight:600;}
.gallery-section .block h5{display:block; margin:0; padding:0; font-family: 'Titillium Web', sans-serif; font-size:20px; color:#000000; font-weight:600;}

.gallery-section .block .lf-cont{display:inline-block; margin:0; padding:0; float:left;}
.gallery-section .block .rt-cont{display:inline-block; margin:0; padding:0; float:right;}

.gallery-section .slick-prev, .gallery-section .slick-next{width:auto; height:auto; font-size:16px; color:#000; text-transform:uppercase; top:-70px; opacity:0.6;}
.gallery-section .slick-prev{left:inherit; right:110px;}
.gallery-section .slick-next{right:20px;}


.gallery-section .slick-prev:before
{
    content: '\f177'; display: inline-block; font-size:20px; color: #000;font-family: 'FontAwesome'; margin:0 7px 0 0;
}
[dir='rtl'] .gallery-section .slick-prev:before
{
    content: '\f177'; display: inline-block; font-size:20px; color: #000;font-family: 'FontAwesome';
}
.gallery-section .slick-next:after
{
    content: '\f178'; display: inline-block; font-size:20px; color: #000;font-family: 'FontAwesome'; margin:0 0px 0 7px;
}
[dir='rtl'] .gallery-section .slick-next:after
{
    content: '\f178'; display: inline-block; font-size:20px; color: #000;font-family: 'FontAwesome';
}

.gallery-section .slick-prev:hover, .gallery-section .slick-prev:focus, .gallery-section .slick-next:hover, .gallery-section .slick-next:focus{opacity:1;}


.left-cont2{width:680px;}
.left-cont2 small{display:table-cell; margin:-30px 0 30px; padding:0 23px; font-family: 'Titillium Web', sans-serif; font-size:16px; color:#717171; font-weight:600; text-transform:uppercase;}


.facts{display:block; margin:0; padding:0; background:url(../images/index/middle-banner.jpg) no-repeat center center; background-size:cover; height:503px; position:relative;}
.list-of-projects{display:inline-block; margin:70px 0 0; padding:0; float:left;}
.list-of-projects ul{display:block; margin:0; padding:0;}
.list-of-projects ul li{display:block; margin:0; padding:10px 25px 10px 60px; border-bottom:1px solid #fff;}
.list-of-projects ul li small{display:block; margin:0; padding:0; font-family: 'Titillium Web', sans-serif; font-size:16px; color:#fff; font-weight:600;}
.list-of-projects ul li span{display:block; margin:0; padding:0;font-family: 'Titillium Web', sans-serif; font-size:38px; color:#fff; font-weight:700; line-height:40px;}

.book-now{display:inline-block; margin:0; padding:0; width:400px;position:absolute; top:30%; right:62px; transform:translateY(-50%); }
.book-now h2{display:block; margin:0; padding:0;font-family: 'Titillium Web', sans-serif; font-size:38px; color:#fff; font-weight:300; text-transform:uppercase;line-height:40px; position:relative;}
.book-now h2:after{content:''; display:inline-block; margin:20px 0 0; padding:0; width:80px; background:#f47321; height:1px; position:absolute; left:-100px; z-index:-1; top:0;}

.book-now h3{display:block; margin:0; padding:0;font-family: 'Titillium Web', sans-serif; font-size:38px; color:#f47321; font-weight:700;text-transform:uppercase; line-height:40px;}
.book-now p{display:block; margin:20px 0; padding:0;font-family: 'Titillium Web', sans-serif; font-size:16px; color:#fff; font-weight:normal; line-height:20px;}
.book-now a{display:inline-block; margin:0; padding:0; background:#f47321; border-radius:5px; height:51px; font-family: 'Titillium Web', sans-serif; font-size:16px; color:#fff; font-weight:600;line-height:51px; width:256px; text-transform:uppercase; text-align:center;transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s; -o-transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; -ms-transition:all ease-in-out .2s;}
.book-now a:hover{background:#dd6368;}



/* ----------wave-shape-----------*/
.wave-shape{width:100%;margin: -7.9% 0 0;padding:0;position:relative;z-index:2;}
.wave-shape img{width:100%;height:auto;display: block;}

.block-iteams{display: block; margin: 0 0 80px 0; padding: 0; width: 100% !important; float: none !important; }
.block-iteams ul{margin: 0 -10px;}
.block-iteams ul li{display: inline-block; margin: 0; padding: 10px 10px; width:14.28%; float: left;}
.block-iteams ul li a{display: block;margin: 0; padding: 0; border: 1px solid #ccc; border-radius: 6px;overflow: hidden; background:#003274; text-align:center;}
.block-iteams ul li a h4{display: block; margin: 0; padding: 10px 20px; font-size: 14px; font-weight: normal;  color: #fff;}
.block-iteams img{display: block;}
.block-iteams ul li a:hover h4{background: #dd6368; color: #fff;}
.block-iteams h2{margin: 0 0 30px;}