@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');

html { font-size: 100%; font-family: 'Lato', sans-serif;}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, title { display: block }
body { font-family: 'Lato', sans-serif; font-weight: normal; font-style: normal; font-size: 15px; line-height: 15px; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#fefefe; overflow-x:hidden;}
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
ol, ul { list-style: none }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
* { outline:none !important; }
a:active, a:focus, a:hover, input[type="image"], select:focus, input, input[type="button"]:focus, :focus { outline: 0; text-decoration: none; }
.clearfix { *zoom:1}
.clearfix:before, .clearfix:after { display: block; content: ""; line-height: 0 }
.clearfix:after { clear: both }
.clear { clear: both }
.btn { outline: 0px; }
.lists { list-style: none; margin: 0px; padding: 0px;}
.mainpage{ position:relative;}
/* Fonts */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
header{ position:relative; z-index:1;}
.top_container{ background:#efefef; font-size:14px; padding:10px 0px;}
.top_container select{ width: 82px; float:left; background:url(../images/arrow.png) no-repeat right 11px; border:none; margin-top: -5px;}
.top_container i{ float:left;}
.header_right ul{ float:right;}
.header_right ul li{ color:#5f5f5f; display:inline-block; margin-left:30px;}
.header_right ul li a, .top_container i{ color:#5f5f5f;}
.header_right ul li a:hover{ color:#ff8207;}
.header_right i{ margin-right:3px;}
.header_right .fa-phone{ font-size:12px; transform:rotate(95deg);}
.header{ padding:0px 0px 5px;}
.logo{ width:28%; float:left; margin-top:5px; position:relative; z-index:1;}
.logo img { width: 280px;}
.wsmenu{ width:70%; float:right; margin-top:30px;}
.wsmenu-list{ text-align:right;}
.wsmenu-list > li{ display:inline-block; margin: 0px 0px 0px 26px; position:relative;}
.wsmenu-list > li > a{ border-right:none; border-bottom:2px solid #fff; display:inline-block; padding:0px 0px; transition:all 0.5s ease-in-out;}
.wsmenu-list > li > a:hover, .wsmenu-list > li:hover a, .wsmenu-list > li.active a{ background-color:inherit !important; border-bottom:2px solid #ff8207; color:#ff8207;}
.wsmenu-list li:hover > .wsmenu-submenu{ min-width:200px;}
.wsmenu-submenu{ left:0px; top:50px;}
.wsmenu-submenu li a{ font-size: 14px; padding:10px 12px;}
.wsmenu-list li a .arrow::after{ margin:0 0 0 5px;}
.wsmenu-list > li:hover .wsmenu-submenu li a{ background:#fff; border:none !important;}
.wsmenu-list > li:hover .wsmenu-submenu li a:hover{ background-color:rgba(0,0,0,0.05) !important; color:#ff8207 !important;}

.m_hide{ display:block;}
.d_hide{ display:none;}

.banner_blk{ position:relative;}
.banner_txt{ width:100%; position:absolute; left:0px; top:37%;}
.banner_caption{ width:550px; background-color:rgba(0,0,0,0.4); padding:45px 25px 10px; position:relative;}
.banner_caption::after{ width:45px; height:45px; content:''; background:url(../images/bdr-img.png) no-repeat 0px 0px; position:absolute; bottom:0px; right:0px;}
.banner_caption small{ display:block; font-size:18px; font-weight:700; color:#fff; margin-bottom:30px;}
.banner_caption h1{ border-left:4px solid #ff8207; font-size:36px; color:#fff; font-weight:700; line-height:40px; margin-bottom:23px; padding-left:10px;}
.banner_caption p{ font-size:18px; color:#fff; font-weight: 700; line-height:20px; margin-bottom:32px;}
.banner_caption a{ background:#ff8207; border:1px solid #ff8207; font-size:15px; color:#fff; font-weight:700; margin:0px 0px 0px -25px; padding:10px 20px; position:relative; top:16px; text-transform:uppercase; transition:all 0.5s ease-in-out;}
.banner_caption a:hover{ background:#2d2c32; border:1px solid #fff; color:#ff8207;}
.banner_blk .slick-arrow{ background-color:rgba(255,130,7,0.7); cursor:pointer; font-size:0px; top:45%; transition:all 0.5s ease-in-out; width:50px;}
.banner_blk .slick-prev{ background-image:url(../images/left-arrow.png); background-repeat:no-repeat; background-position:center center;}
.banner_blk .slick-next{ background-image:url(../images/right-arrow.png); background-repeat:no-repeat; background-position:center center;}
.banner_blk .slick-arrow:hover{ background-color:rgba(255,130,7,0.85);}
.banner .slick-dots{ position:absolute; left:0px; right:0px; bottom:70px; text-align:center;}
.banner .slick-dots li{ display:inline-block; margin:0px 5px;}
.banner .slick-dots li button{ background:#fff; border:none; font-size:0px; width:13px; height:13px; border-radius:100%; padding:0px;}
.banner .slick-dots li.slick-active button{ background:#ff8207; border:none; font-size:0px; width:13px; height:13px; border-radius:100%; padding:0px;}

.check_work{ width: 100%; display:inline-block; background:url(../images/check-work-bg.jpg) no-repeat top center; margin-top:-57px; padding:33px 0px; position:relative;}
.check_work h2{ float:left; font-size:22px; color:#fff; font-weight:700; line-height:44px; padding-left:30px;}
.check_work a{ float:right; border:2px solid #fff; font-size:15px; color:#fff; font-weight:700; margin-right:30px; line-height:20px; padding:10px 25px; text-transform:uppercase; transition:all 0.5s ease-in-out;}
.check_work a:hover{ background:#fff; border-color:#fff; color:#ff8207;}

.about{ background:url(../images/pattern-bg.jpg) repeat top center; padding:120px 0px 60px; margin-top:-55px;}
.about_left{ padding-right:15px;}
.about_left h2, .about_links h2, .about_content h2{ font-size:32px; color:#232121; font-weight:900; line-height:40px; margin-bottom:45px; position:relative; text-transform:uppercase;}
.about_left h2::after, .about_links h2::after, .about_content h2::after{ width:45px; height:4px; background:#ff8207; content:''; position:absolute; left:0px; bottom:-15px;}
.about_left h3{ font-size:15px; color:#777777; font-weight:700; line-height:22px; margin-bottom:15px; text-transform:uppercase;}
.about_left p{ font-size:16px; color:#454545; line-height:22px; margin-bottom:15px;}
.about_left ul{ margin-bottom:15px;}
.about_left ul li{ color:#7a7a7a; line-height:24px; margin-bottom:15px; padding-left:20px; position:relative;}
.about_left ul li::before{ width:10px; height:10px; border-radius:100%; border:1px solid #ff8207; background:#fff; content:''; position:absolute; left:0px; top:7px;}
.about_left ul li::after{ width:1px; height:30px; background:#dbdbdb; content:''; position:absolute; left:4px; top:17px;}
.about_left ul li:last-child{ margin-bottom:0px;}
.about_left ul li:last-child::after{ content:none;}
.about_left span a{ float:left; border:2px solid #ff8207; font-size:15px; color:#ff8207; font-weight:700; margin-top:10px; margin-left:20px; padding:12px 25px; text-transform:uppercase; transition:all 0.5s ease-in-out;}
.about_left span a:hover{ border-color:#2d2c32; color:#2d2c32;}

.left_img{ padding-right:0px;}
.right_img{ padding-left:0px;}
.img_left{ padding-right:8px;}
.img_left img, .img_right img{ margin-bottom:15px;}
.img_right{ padding-left:8px; margin-top:83px;}

.services{ background:#2d2c32; padding:80px 0px;}
.service_left h2{ font-size:32px; color:#fff; font-weight:900; line-height:40px; margin-bottom:45px; position:relative; text-transform:uppercase;}
.service_left h2::after{ width:45px; height:4px; background:#ff8207; content:''; position:absolute; left:0px; bottom:-15px;}
.service_left p{ font-size:16px; color:#cbcbcb; line-height:22px; margin-bottom:20px;}
.service_left{ border-right:1px solid #38373c; padding-right:50px;}
.service_left a{ float:left; border:2px solid #ff8207; font-size:15px; color:#ff8207; font-weight:700; margin-top:10px; padding:12px 25px; text-transform:uppercase; transition:all 0.5s ease-in-out;}
.service_left a:hover{ border-color:#fff; color:#fff;}

.service_right{ padding:20px 0px 0px 70px;}
.service_right h2{ font-size:74px; color:#3a393f; font-weight:900; line-height:62px; margin-bottom:30px; text-transform:uppercase;}
.service_right h2 span{ font-size:38px; display:block;}
.service_right h3{ font-size:42px; color:#fff; font-weight:900; line-height:44px; text-transform:uppercase;}

.ser_row{ margin:70px -7.5px 0px;}
.services .col{ padding:0px 7.5px;}
.service_blk{ background:#38373c; padding:15px 10px;}
.service_blk h4{ font-size:16px; color:#d3d3d3; font-weight:700; min-height:48px; line-height:24px; margin-top:15px;}

.location{ padding:80px 0px;}
.location_blk h2{ font-size:32px; color:#232121; font-weight:900; line-height:40px; margin-bottom:30px; position:relative; text-transform:uppercase; text-align:center;}
.location_blk h2::after{ width:45px; height:4px; background:#ff8207; content:''; position:absolute; left:0px; right:0px; margin:0px auto; bottom:-15px;}
.location_blk p{ font-size:16px; color:#5a5a5a; font-weight:400; line-height:22px; margin-bottom:60px; text-align:center;}
.location_blk{ width:100%;}
.location_left{ width:48%; float:left; background:url(../images/location-1.png) no-repeat top right; height:491px; padding:80px 181px 0px 0px;}
.location_left li{ cursor:pointer; margin-bottom:70px; text-align:right; font-size:17px; font-weight:700; text-transform:uppercase; transition:all 0.5s ease-in-out;}
.location_left li:last-child{ margin-bottom:0px;}
    .location_left i {
        width: 45px;
        height: 45px;
        border: 1px solid #ccc;
        display: inline-block;
        text-align: center;
        line-height: 38px;
        background: #fff;
        margin-left: 10px;
        padding-top: 5px;
    }
.location_left li:hover i{ border:1px solid #ff8207;}

.location_right{ width:48%; float:right; background:url(../images/location-2.png) no-repeat top left; height:491px; padding:80px 0px 0px 181px;}
.location_right li{ cursor:pointer; line-height:38px; margin-bottom:70px; text-align:left; font-size:17px; font-weight:700; text-transform:uppercase; transition:all 0.5s ease-in-out;}
.location_right li:last-child{ margin-bottom:0px;}
    .location_right i {
        width: 45px;
        height: 45px;
        float: left;
        border: 1px solid #ccc;
        display: inline-block;
        text-align: center;
        line-height: 38px;
        background: #fff;
        margin-right: 10px;
        padding-top: 5px;
    }
.location_right li:hover i{ border:1px solid #ff8207;}

.footer_top{ background:url(../images/map.png) no-repeat center center #2d2c32; padding:25px 0px;}
.footer_1{ padding-top:40px;}
.footer_1 img{ margin-bottom:20px;}
.footer_1 p{ color:#cbcbcb; line-height:22px; margin-bottom:20px;}
.footer_bottom{ background:#26252b; color:#d5d5d5; padding:17px 0px; text-align:center;}

.footer_2{ padding-top:33px;}
.footer_2 h2{ font-size:20px; color:#fff; font-weight:700; line-height:28px; margin-bottom:20px; text-transform:uppercase;}
.footer_2 ul li{ width:49%; float:left; margin-bottom:35px;}
.footer_2 ul li a{ color:#cbcbcb; transition:all 0.5s ease-in-out;}
.footer_2 ul li a:hover{ color:#ff8207;}

.footer_3{ padding-top:33px; margin-bottom:20px;}
.footer_3 h2{ font-size:20px; color:#fff; font-weight:700; line-height:28px; margin-bottom:20px; text-transform:uppercase;}
.footer_3 input[type="text"]{ width:100%; background:#403f43; border:none; color:#d5d5d5; height:45px; margin-bottom:20px; padding:8px 15px;}
.footer_3 input[type="submit"]{ width:100%; background:#ff8207; border:1px solid #ff8207; color:#fff; font-weight:700; height:45px; padding:8px 0px; transition:all 0.5s ease-in-out;}
.footer_3 input[type="submit"]:hover{ border-color:#fff; background:none;}

.footer_3 ul li{ width:35px; height:35px; display:inline-block; font-size:18px; line-height:35px; margin-right:8px; text-align:center;}
    .footer_3 ul li a {
        width: 100%;
        height: 100%;
        border-radius: 2px;
        display: inline-block;
        background: #37363b;
        color: #fff;
        transition: all 0.5s ease-in-out;
        padding-top: 7px;
    }
.footer_3 ul li a:hover{ background:#ff8207;}
.footer_3 ul li:last-child{ margin-right:0px;}

.pad_l_0{ padding-left:0px;}


.inner_banner_blk{ background:url(../images/inner-banner.jpg) no-repeat top center;}
.inner_banner_blk h1{ font-size:44px; color:#fff; font-weight:700; line-height:50px; position:relative;}
.inner_banner_blk h1::after{ width:45px; height:4px; background:#fff; content:''; position:absolute; left:0px; bottom:-15px;}

.about_1{ background:url(../images/pattern-bg.jpg) repeat top center; padding:60px 0px 60px; margin-top:0px;}
.about_1 .about_left{ padding-right:0px;}
.about_1 .about_left h3{ font-size:18px; font-weight:500; text-transform:capitalize;}
.about_1 .about_left p{ background: #f5f5f5; border:1px solid #ececec; border-left:3px solid #ff8207; color:#454545; padding:10px 15px;}
.about_1 .about_left ul{ margin-bottom:30px;}

.about_links ul li{ width:100%; margin-bottom:30px; position:relative;}
.about_links ul li a{ background:#fff; border:1px dashed #ccc; font-size:16px; color:#7a7a7a; display:inline-block; line-height:30px; padding:10px 15px; transition:all 0.5s ease-in-out; width:100%;}
.about_links ul li a:hover{ border-color:#ff8207; color:#ff8207;}
.about_links ul li a i{ float:right; margin-top:6px;}

.pro-list-wrap { background:#fff; box-shadow:0px 0px 4px 0px #ccc; border-radius:3px; margin-bottom:35px; padding:10px; transition:all 0.5s ease-in-out;}
.pro-det-img img { min-height:170px; max-height:170px; width: 100%;}
.pro-det-wrap{ padding:12px 0px 5px;}
.pro-type{ font-size:16px; color:#333333; font-weight:600;}
.pro-place{ font-size:14px; color:#888888; margin:7px 0px;}
.pro-date{ font-size:14px; color:#2d8f1a; margin-bottom:6px;}
.pro-more{ display:inline-block; font-size:14px; border:1px solid #ff8207; color:#ff8207; margin-top:4px; padding:5px 10px; transition:all 0.3s ease-in-out;}
.pro-more:hover{ border-color:#2d2c32; color:#2d2c32;}
.pro-list-wrap:hover{ box-shadow:0px 4px 10px 0px #ccc;}



h4.title{ font-size:19px; font-weight:600; color:#232121; margin-bottom:15px;}
.sub-title{ display:block; color:#555555; font-size:16px; line-height:22px; margin-bottom:20px;}
.contact_right .form-control{ background-color:#fff; border: 1px solid #e1e1e1; box-shadow: none; border-radius:0px; color: #484848; font-size: 15px; margin-bottom:10px; padding:7px 15px; height: 46px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; font-weight: 400;}
.contact_right textarea.form-control{ height:120px;}
.contact_right .form-control:focus{ box-shadow: none; border: 1px solid #ccc;}
.contact_right input.btn{ background:#ff8207; border-radius:0px; border:none; font-weight: 600; height: 45px; padding:8px 30px; text-transform: uppercase; transition:all 0.5s ease-in-out;}
.contact_right input.btn:focus{ box-shadow:none; border:none;}
.contact_right input.btn:hover{ background:#2d2c32;}

.contact_left{ margin-bottom:35px;}
.contact_left h4{ font-size:19px; font-weight:600; color:#232121; margin-bottom:15px;}
.contact_left p{ line-height:26px; color:#555555;}

.detail .pro-type{ font-size:22px;}
.detail .pro-place{ font-size:18px; margin:18px 0px 15px;}
.callbacks{ padding:10px; box-shadow:0px 0px 10px 1px #ccc;}
.callbacks img{ max-width:346px; height:228px; width:100%;}




/*---------------Updates---------------*/
.pro-det-img{ width: 170px; float: left;}
.pro-det-wrap{ padding-left: 190px;}
.pro-list-wrap{display: inline-block; width: 100%; }
.pro-det-img img {min-height: 150px; max-height: 150px;  width: 100%;}

.detail .pro-det-wrap{ padding-left: 0px;}

.head_sel p a {
    color: black;
    padding: 0 10px 13px 8px;
    font-weight:bold;
}

    .head_sel p a:hover {
        color: #fa8619;
    }

.service_blk center img {
    width: 100%;
    height: 160px;
}