@charset "utf-8";
/* CSS Document */
body, ul, li, ol, h1, h2, h3, h4, h5, h6, nav{ padding:0; margin:0;}
a, a:hover, a:visited, a:active{ color:inherit; cursor:pointer; text-decoration:none; outline:none;}
input:focus{ outline:none;}
ul, li{ list-style:none;}
img{ max-width:100%;}



/****** Typography  ****/

h1, h2, h3, h4, h5, h6{color:#9d9999; font-family: 'Poppins', sans-serif; font-weight:700}
body{ color:#000; background:#fff; font-size:100%; font-family: 'Varela Round', sans-serif; font-weight:normal;}

.Common_tbl {
	display: table;
	width: 100%;
	height: 100%;
}
.Common_tbl_cell {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	
}
body, html{ height:100%;}
a{transition: all 0.7s ease;}
.wrapprer{ float:left; width:100%; height:100%;}
header{ position:relative; width:100%; float:left;}
.header-inner{ float:left; top:15px; width:100%; position:absolute;z-index:9;}
.floating{ position:fixed; top:0 !important; padding-bottom:10px; z-index:999 !important; left:0; right:0; background:rgba(0, 0, 0, 0.5); color:white; border-bottom:#f15a29 1px solid; }
.logo-outer{ width:100%;  margin:auto; text-align:center;}
.logo-outer a{ float:left; width:100%; text-align:center; }
header .left-bx{ padding-top:7px;}
header .left-bx .l-b-inr{ text-align:center; width:100%; color:white; font-size:25px; font-weight:300; }
header .left-bx .l-b-inr p{ margin-bottom:0px; line-height:28px; font-size:16px;}
.social-icons{ float:left; width:100%; margin-bottom:15px;}
header .left-bx .social-icons{ margin-bottom:0;}
.social-icons a{ display:inline-block; padding:0 5px; font-size:17px; font-weight:400;}
.floating .social-icons a:hover{ color:#ec1212;}
header h6{ font-size:23px; }
a.menu-icon{ float:right; position:relative; padding:22px 17px; width:64px; height:64px; background:#fff; font-size:30px; border-radius:50%; line-height:64px; text-align:center; color:#1d1d1d;}
.menu-bx{ padding-top:10px;}
.icon-bar {
  display: block;
  width: 31px;
  height: 4px;
  border-radius: 1px;
}
.icon-bar + .icon-bar {
  margin-top: 4px;
}
.icon-bar {
    background: #000; transition: all 0.3s ease 0s;
}.h3-class{ font-size:25px; margin-top:35px; color:#f15a29;}	
.line-41{ line-height:41px;}
.close1 .none-cls{ background:none !important;}
.close1 .icon-bar{ background:#000;}
.close1 .cls1 {
    position: absolute;
    top: 29px;
    transform: rotate(45deg);
}.close1 .cls2 {
    position: absolute;
    top: 25px;
    transform: rotate(-45deg);
}
.drop-down{ display:none;}
nav{ position:absolute; z-index:9; background:#f15a29; width:65%; right:0; top:100px; border-radius:5px;}
nav:before{top:-20px; right:25px; content:''; position:absolute; width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 20px 20px;
border-color: transparent transparent #f15a29 transparent;}
nav li{ float:left; width:100%; border-bottom:#b2b2b2 1px dashed;}
nav li:last-child{ border-bottom:0;}
nav a{ color:black; padding:7px 25px 7px 5px; text-transform:uppercase; text-align:right; font-size:14px; font-weight:300; float:left; width:100%;}
nav a:hover{ background:#d33603; color:white;}
.floating .logo-outer{  margin-top:7px;}
.floating .logo-outer a{ width:80px; float:none; display:inline-block;  line-height:80px;}
.floating .left-bx .l-b-inr p, .floating .social-icons a, .floating .left-bx .l-b-inr h6{ color:#fff;}
.floating h6{ line-height:25px;}
.floating .left-bx .l-b-inr p{ line-height:24px;}
.floating a.menu-icon{ background:#fff;}
.inner-container{ position:relative; margin:auto;}
.width_50{ width:50%;}
.width_70{ width:70%; text-align:center;}
.home-box{ position:absolute; width:100%; bottom:50px; text-align:center; font-size:17px; line-height:25px; color:white;}
.home-box a{ border-radius:50px; margin-top:10px; line-height:44px; padding:0 50px; display:inline-block;border-style: solid;border-width: 2px;border-color: #f15a29;}

h1{ font-size:40px; margin-bottom:15px;}
.h1-class{ color:#f15a29; font-size:50px; }
.h1-class2{ color:#000; font-size:50px; }
.top-ftr{ padding-bottom:45px;}
.home{ float:left; width:100%; height:100%; background:url(../images/home-banner.jpg); background-size:cover; background-position:center center; position:relative; background-repeat:no-repeat;}
.top-ftr{ padding-bottom:45px;}
.home{ float:left; width:100%; height:100%; background:url(../images/home-banner.jpg); background-size:cover; background-position:center center; position:relative; background-repeat:no-repeat;}
.home .icon-wrapper{     position: absolute;
    left: 0;
    width: 80px;
    bottom: 0;
    z-index: 9999; }
	.iconInner {
    float: left;
    width: 100%;
    padding: 15px;
    background: rgba(255, 255, 255, .15);
   -webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}
.home .icon-wrapper a{ position:relative; float:left; width:100%; height:50px; margin:10px 0; background:#000; border-radius:50%; text-align:center; line-height:50px;}
.home .icon-wrapper a img{width:65%; max-height:70%;}
.home .icon-wrapper a span {
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    right: -112px;
    padding: 5px;
    height: auto;
    line-height: normal;
    top: 13px;
    font-size: 14px;
    border-radius: 3px; display:none;
}
.home .icon-wrapper a span.ui{ right:-72px}
.home .icon-wrapper a span.cs{ right:-129px}
.home .icon-wrapper a span.web{ right:-135px}
.home .icon-wrapper a span.seo{ right:-120px}
.home .icon-wrapper a:hover{ background:rgba(0, 0, 0, 0.39 );}
.home .icon-wrapper a:hover span{ display:block;}
.home .icon-wrapper a span:after {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 7px 6px 0;
    border-color: transparent rgba(0, 0, 0, 0.7) transparent transparent;
    content: '';
    position: absolute;
    left: -7px;
    top: 8px;
}
.features{ padding-top:150px; text-align:center; font-size:16px; color:#6C6C6C; float:left; width:100%; min-height:100%;  background:#fff;}
.feature-box-wrp a{ color:#999; font-size:23px; font-weight:300;}
.feature-box-wrp a:hover{ color:black;}
.feature-box-wrp{ margin-bottom:120px;}
.features .icons{ padding-left:15px; padding-right:15px; width:20%; float:left;} 
.features .icons img{ height:75px;}
.features video{ width:100%;  -webkit-background-size:cover; 
   -moz-background-size:cover; 
   -o-background-size:cover; 
   background-size:cover; background:url(../images/thumb.jpg);}
   .ifrm{ width:100%; min-height:350px;}
.feature-box-wrp a p{ margin-top:8px; font-size:16px;}
.video-frame{ float:left; width:100%;}
.specialists{ float:left; width:100%; min-height:100%; padding-top:150px; font-size:16px; color:#6C6C6C;}
.img-wrp{ margin-top:160px; float:left; width:100%;}
.ProcessWp{ float:left; width:100%; margin-top:45px; height:auto; padding-top:100px; padding-bottom:100px; background:url(../images/img.jpg) center center no-repeat; background-size:cover;}
.newHeight{height:auto;}
.img-wrp{ margin-top:160px; float:left; width:100%;}
.splst-wrp{ text-align:center;}
.splst-wrp img{ width:90%;}
.splst-wrp a {
    float: none;
    width: 220px;
    background:rgba(0, 0, 0, 0.48);
    border-radius: 50%;
    height: 220px;
    position: relative;
    display: inline-block; padding:15px; color:white;
    /* overflow: auto; */
}
.splst-wrp a.NewCircle{ width:300px; height:300px; }
#newCircle{ display:none;}
.splst-wrp a.FirstCircle{float: right;
margin-right: -92px;}
.splst-wrp a.SecondCircle{float: right;
margin-right: -15px;}
.splst-wrp a.ThirdCircle{float: left;
margin-left: -15px;}
.splst-wrp a.FourthCircle{float: left;
margin-left: -92px;}
.splst-wrp a:hover {
    box-shadow: 0 0 20px #7a7a7a;
}
.splst-wrp a span {
    position: absolute;
    width: 25px; top:0;
    height: 25px;
    background: #000;
    border-radius: 50%;
    color: white;
    right: 41px;
}
.splst-wrp div:hover img{ opacity:0.7;}

.splst-wrp h5{ font-weight:300; font-family: 'Varela Round', sans-serif;
    font-size:21px;
    color: #f15a29;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;}
.splst-wrp p{ font-size:14px;}
.testimonials{ float:left; width:100%; min-height:100%; padding-top:160px; padding-bottom:160px; text-align:center;}
.carousel-control.left, .carousel-control.right{ background-image:none; height:160px;}
.carousel-control.left .left-nav, .carousel-control.right .right-nav{ }
.testi-img{ display:inline-block; margin-bottom:15px;}
.testimonials h5{ font-size:20px; font-family: 'Varela Round', sans-serif; font-weight:300; color:#000;}
.testimonials h6{ font-size:12px; font-weight:300; color:#000; margin-bottom:15px; font-family: 'Varela Round', sans-serif;}
.testimonials{ font-size:16px; color:#6C6C6C;}
footer{ float:left; width:100%;}
.top-footer, .bottom-footer{ float:left; width:100%; position:relative;}
.top-footer{ padding-top:150px;}
.row.over-flw{ margin-left:-2px; margin-right:-2px;}
.top-footer li{}
.top-footer a{ float:left; width:100%;  padding:0 2px;}
.top-footer .f-box-m{ position:relative;}
.top-footer{ overflow:hidden; text-align:center;}
.top-footer .f-box-m iframe{ position:absolute; left:0px; right:0px; top:0; bottom:0;}
.visibility-cl{ visibility:hidden;}
.h1-class3{ color:#000;}
.top-footer a{ position:relative;}
.pro-dtls{ display:none; position:absolute; left:0; right:0; top:0; bottom:0; padding:15px; background:rgba(0, 0, 0, 0.8);}
.top-footer a:hover .pro-dtls{ display:block;}
.pro-dtls h2{ color:#fff; font-size:35px;}
.pro-dtls p{ color:white; font-size:15px;}
.pro-dtls span{ background:#f15a29; font-size:14px; border-radius:25px; padding:7px 15px; display:inline-block; color:white;}
.pro-dtls span:hover{ background:black;}
.port-flo-outr{ position:relative; float:left; width:100%;}
.bottom-footer{ background:#221811; padding:50px 0; text-align:left;}
.bottom-footer .ftr-lft .f-logo img{ width:50%;}
.bottom-footer .ftr-lft .f-logo{font-family: 'Poppins', sans-serif; color:#69625e; font-size:34px; line-height:51px; margin-bottom:0px; float:left; width:100%;}
.bottom-footer .ftr-lft p{ font-size:15px; color:white;}
.bottom-footer .ftr-lft p.font-1{ font-weight:300;}
.bottom-footer h5{ color:#69625e; font-size:20px; margin-bottom:0px;}
.bottom-footer .ftr-mid1 ul li{ margin-bottom:20px;}
.bottom-footer .ftr-mid1 ul li:last-child{ margin-bottom:0;}
.bottom-footer .ftr-mid1 ul li a{font-weight:300; font-size:14px; color:#fff;}
.bottom-footer .ftr-mid1 ul li a:hover{ color:gray;}
.bottom-footer .ftr-mid2 li a:hover{ text-decoration:underline; color:gray;}
.bottom-footer .ftr-mid1 ul li a p{ margin-bottom:0;}
.bottom-footer .ftr-mid1 ul li a span{ font-weight:300; font-style:italic; font-size:12px;}
.bottom-footer .ftr-mid2 li{ margin-bottom:8px;}
.bottom-footer .ftr-mid2 li a{ font-weight:300; font-size:14px; color:#fff;}
.sbs-box{ float:left; width:100%; margin-bottom:50px;}
.sbs-box input[type="text"]{border-radius:25px; background:#605750; float:left; width:100%; border:0; height:32px; line-height:32px; padding:0 15px; color:#221811; font-weight:300; font-size:12px; margin-bottom:16px;}
.sbs-box input[type="text"]:focus{ background:#857a72;}
.sbs-box input[type="submit"]{border-radius:25px; background:#4b880d; float:left;  height:32px; line-height:32px; padding:0 25px; color:white; font-weight:300; font-size:12px; border:0;}
.sbs-box input[type="submit"]:hover{ background:#f15a29;}
.sbs-box ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #221811;
}
.sbs-box :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #221811;
   opacity:  1;
}
.sbs-box ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #221811;
   opacity:  1;
}
.sbs-box :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #221811;
}
.sbs-box :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #221811;
}
.bottom-footer .ftr-rght .social-icons{ float:left; width:100%; text-align:left;}
.bottom-footer .ftr-rght .social-icons h5{ margin-bottom:3px;}
footer .social-icons a{ float:left; color:white;}
footer .social-icons a:hover{ color:#ec1212;}

/***** plugin *****/
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%; float:left;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
   
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
}
.nbs-flexisel-item img {
    cursor: pointer;
    position: relative;
}
.map-info iframe {
    width: 100%;
}
/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width:40px; top:0 !important; bottom:0; background-color:rgba(0, 0, 0, 0.7); 
    position: absolute;
    cursor: pointer; line-height:116px; color:#797878; font-size:47px; text-align:center;
    z-index: 100;
}

.nbs-flexisel-nav-left:before {
    content: "\f104";
    font-family: 'FontAwesome';
}
.nbs-flexisel-nav-right:before {
    content: "\f105";
    font-family: 'FontAwesome';
}

.nbs-flexisel-nav-right {
    right: 0px;
}
#fade{ position:fixed; display:none; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.7); z-index:999999;}
.pop-container{ margin:auto; width:400px;}
.popup-box{ border-radius: 20px; background:white; border:1px solid #CCC; padding:15px; position:relative; float:left; font-family: 'Varela Round', sans-serif;}
.popup-box h2{ color: black;
font-size: 25px;
text-align: center;
margin-bottom: 10px;}
.form-re{ float:left; width:100%; margin-bottom:5px; font-size:13px;}
.popup-box .inpt-bx, .popup-box .inpt-bx1{border-radius:10px; float:left; width:100%; border:1px solid #CCC; padding:5px; height:37px; margin-bottom:15px; color: #727272;}
.popup-box .inpt-bx1{ width:80%;}
a.add {
    float: right;
    width: 37px;
    height: 37px;
    background: #ccc;
    text-align: center;
    line-height: 37px;
    color: #444242;
    font-size: 16px;
}
.popup-box label{ font-weight:normal; color:black; float:left; width:100%; color:black;}
.popup-box select{border-radius:10px; border:1px solid #CCC; float:left; width:100%; height:37px; padding:5px; color:#727272; margin-bottom:10px;}
.popup-box textarea{border-radius:10px; border:1px solid #CCC; float:left; width:100%; height:100px; resize:none; padding:5px;}
.popup-box input[type="submit"]{ border-radius:15px;float:left; width:100%; height:37px; line-height:37px; border:none; cursor:pointer; background:#f15a29; color:white; font-size:17px; margin-top:10px;}
.popup-box *::-webkit-input-placeholder { /* Chrome */
  color: #727272;
}
.popup-box *:-ms-input-placeholder { /* IE 10+ */
  color: #727272;
}
.popup-box *::-moz-placeholder { /* Firefox 19+ */
  color: #727272;
  opacity: 1;
}
.popup-box *:-moz-placeholder { /* Firefox 4 - 18 */
  color: #727272;
  opacity: 1;
}
a.pop-close {
border-radius: 20px;
    float: right;
    position: absolute;
    right: 0;
    background: white;
    width: 30px;
    height: 30px;
    /* border: 1px solid #f1f1f1; */
    top: 0;
    line-height: 30px;
    text-align: center;
    color: #6d6c6c;
    font-size: 20px;
}
.content-container{ float:left; width:100%; font-size:14px; color:#6C6C6C; text-align:center; margin-bottom:50px;}
.banner-wrapper{ float:left; width:100%; height:300px; background:url(../images/img.jpg) center bottom no-repeat; background-size:cover; background-attachment:fixed; margin-bottom:50px;}
#recentworks{    padding-top: 150px;
    font-size: 17px;
    float: left;
    width: 100%;
    min-height: 100%;
    background: #fff;  text-align:center}
#recentworks .workholder{ padding-left:0; padding-right:0;}
#recentworks .workholder .workinner{ float:left; width:100%; position:relative; overflow:hidden;}
#recentworks .workholder .workinner .mouseover{ position:absolute; bottom:0; background:rgba(0, 0, 0, 0.8); color:white; padding:15px; left:0; right:0;      bottom:-96px;
    padding-top:100px
    -webkit-transition:bottom .3s ease-in-out;
    -moz-transition:bottom .3s ease-in-out;
    -o-transition:bottom .3s ease-in-out;
    transition:bottom .3s ease-in-out}
#recentworks .workholder:hover .mouseover{ bottom:0px;
    padding-top:0px}
#recentworks .workholder .workinner .mouseover h6{ font-size:35px;}
#recentworks .workholder .workinner .mouseover a{    background: #f15a29;
    font-size: 14px;
    border-radius: 25px;
    padding: 7px 15px;
    display: inline-block;
    color: white;
}
.content-container .container{ padding-top:100px;}
.contact-banner{ background-image:url(../images/Contact-Us.jpg); background-position:center bottom; }
.content-container h5{ font-size:20px; color:#727272; margin-bottom:15px;}
.nav-tabs > li > a{font-size:20px; font-family: 'Poppins', sans-serif; padding-top:0; padding-bottom:0; }
.contact-container{ text-align:left;}
.contact-container h1{ text-align:center;}
.contact-inner{ float:left; width:100%; padding:30px; padding-left:0;}
.contact-inner label{ font-size:16px; font-weight:normal;}
.contact-inner .inpt-box, .select-box, .message-box{ float:right; width:60%; background:none; border:#bfbfbf 1px solid; height:40px; font-weight:bold; padding:5px; font-size:14px;}
.message-box{ resize:none; height:120px;}
.form-repeat{ float:left; width:100%; margin-bottom:15px;}
.form-repeat .submit-cls{ margin-left:40%; background:#f15a29; padding:7px 17px; color:white; border:none;}
.adrs-inner{ float:left; width:100%; padding:15px;}
p.email {
    margin-top:20px;
    color:#f15b29;
    font-weight:300; font-style:italic;
}
p.phone{color:#f15b29;}
.map-info {
    float: left;
    width: 100%;
    margin-top: 15px;
}
ul.worklist{ margin-left:-5px; margin-right:-5px;}
ul.worklist li{ margin-bottom:5px; margin-top:5px; padding-left:5px; padding-right:5px;}
ul.worklist li.first-child{ height:289px;}
ul.worklist li.second-child{ height:150px;}
ul.worklist li.third-child, ul.worklist li.fourth-child, ul.worklist li.common-child{ height:130px;}
ul.worklist li a{ float:left; position:relative; width:100%; height:100%;  overflow:hidden;}
ul.worklist li a img { overflow:hidden; min-width:100%;}
ul.worklist .popup-holder, #posts .post .popup-holder{ position:absolute; bottom:0; background:rgba(0, 0, 0, 0.8); color:white; padding:15px; left:0px; right:0px;      bottom:-96px;
    padding-top:100px
    -webkit-transition:bottom .3s ease-in-out;
    -moz-transition:bottom .3s ease-in-out;
    -o-transition:bottom .3s ease-in-out;
    transition:bottom .3s ease-in-out}
	ul.worklist .popup-holder{ bottom:-103px;}
	footer p{ color:white; font-size: 14px;}
.img-holder{ float:left; width:100%; }
.img-holder img{ -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}
  ul.worklist li a:hover img, #posts .post a:hover img{  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);}
ul.worklist a:hover .popup-holder, #posts .post a:hover .popup-holder{ bottom:0px;
    padding-top:5px}
ul.worklist .popup-holder h6, #posts .post .popup-holder h6{ font-size:16px; margin-bottom:5px;}
ul.worklist .popup-holder span, #posts .post .popup-holder span{    background: rgba(0, 0, 0, 0.58);
    font-size: 14px;
    border-radius: 25px;
    padding: 7px 15px;
    display: inline-block;
    color: white;
}
.bttn-holder {
    float: left;
    width: 100%;
    margin-top: 25px;
}
.bttn-holder a {
      background:#f15a29;
    border-radius: 50px;
    margin-top: 10px;
    line-height: 44px;
    padding: 0 50px;
    display: inline-block; color:white;
}
.hidden { display: none; }

#filter {
  text-align: center; margin-bottom:30px;
}

#filter button {
  border: 0;
  font-size: 16px;
  color: #000;
  cursor: pointer;
  padding: 0px 30px; line-height:34px; margin:0 3px; background:none;
}
.gallery-wrapper .row{ margin-left:-5px; margin-right:-5px;}
#filter button.active, #filter button:hover { background-color: #f15a29; color:white; }

#filter button:focus { outline: 0; }

#posts {
  max-width: 100%; width:100%;
  margin: 0 auto;
  
}

#posts .post, #posts .post:nth-child(3) {
  width: 25%;
  float: left;
  height:130px;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
 /* position: relative;*/
  z-index: 1;
  display: inline-block;
  padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px;
}
#posts .post a{ float:left; width:100%; height:100%; overflow:hidden; position:relative;}
#posts .post:nth-child(1) {
    width: 50%;
    height: 280px;
}
#posts .post:nth-child(2) {
    width: 50%;
    height: 150px;
}
/* Shrink */
.hvr-shrink, .home-box a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active, .home-box a:hover, .home-box a:focus {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.home-box a:hover, .home-box a:focus{ background:#535353;}
/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.talkBox {
    display: block;
}
.BoxInner{ float:left; width:100%; padding:15px; text-align:left; background:#f1f1f1;}
.box2 .BoxInner{ background:#fbfafa;}
.BoxInner .h3-class{ margin-top:0; margin-bottom:5px;}
.BoxInner img{ float:left; margin:0 15px 0px 0; width:30%;}
#ImgPopUp{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.5); z-index:9999; display:none;}
.closeCls{float: right;
background: #f15a29;
width: 60px;
height: 60px;
color: white;
font-size: 49px;
line-height: 53px;
text-align: center; cursor:pointer; position:absolute; right:0; z-index:999;}
#ImgPopUp .modal-dialog{ z-index:99;}
#ImgPopUp .modal-dialog .modal-body{ height:520px; overflow:auto}
#OverLayCl {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.ImgPopUp .modal-dialog{ position:relative; z-index:2;}
.talkBoxMobile{ display:none;}
.OurStory, .OurValues {
    float: left;
    width: 100%;
    padding: 0px 0 25px;
    text-align: left;
    border-bottom: 1px dashed #a09c9c;
}
.OurValues{ padding:25px 0 0;  border-bottom:0; }
.OurStory h1,.OurValues h1 {
    font-size: 40px; margin-bottom:5px;}
.ImgBox {
    float: left;
    width: 30%;
    margin-right: 30px;
}
.ImgBox img{ width:100%;}
.OurValues .ImgBox { float:right; margin-right:0; margin-left:15px;}

@media (min-width:960px) and (max-width:1100px){
ul.worklist li.first-child, #posts .post:nth-child(1) {
    height: 240px;
}
ul.worklist li.second-child, #posts .post:nth-child(2) {
    height: 120px;
}
ul.worklist li.third-child, ul.worklist li.fourth-child, ul.worklist li.common-child, #posts .post, #posts .post:nth-child(3) {
    height: 110px;
}

	}
@media (min-width:801px) and (max-width:959px){
.features .icons img {
    height: 60px;
}
.splst-wrp a{ width:164px; height:164px;}
.splst-wrp h5{ font-size:18px;}
ul.worklist li.first-child, #posts .post:nth-child(1) {
    height: 175px;
}
ul.worklist li.second-child, #posts .post:nth-child(2)  {
    height: 90px;
}
ul.worklist li.third-child, ul.worklist li.fourth-child, ul.worklist li.common-child, #posts .post, #posts .post:nth-child(3) {
    height: 75px;
}
	}
@media (min-width:768px) and (max-width:800px){
.features .icons img {
    height: 60px;
}
.splst-wrp a{ width:164px; height:164px;}
.splst-wrp h5{ font-size:18px;}
ul.worklist li.first-child, #posts .post:nth-child(1) {
    height: 175px;
}
ul.worklist li.second-child, #posts .post:nth-child(2)  {
    height: 90px;
}
ul.worklist li.third-child, ul.worklist li.fourth-child, ul.worklist li.common-child,  #posts .post, #posts .post:nth-child(3){
    height: 75px;
}
	}
@media (min-width:768px) and (max-width:1100px){
	.floating .logo-outer{ text-align:center;}
.floating .logo-outer a{ width:68px; display:inline-block; float:none;}
	}	
@media (max-width: 1100px){
header .left-bx, header .menu-bx{ width:40%;}	
header .mid-bx{ width:20%;}
.logo-outer a{ width:150px; }
nav::before{ right:10px;}
nav{ right:15px;}
header .left-bx .l-b-inr{ width:100%; text-align:left;}
.social-icons a{ float:left;}
.header-inner{ top:15px;}
	}
@media (max-width: 990px){
	.ImgBox { width:40%;}
}	
@media (max-width:900px){
.width_50, .width_70{ width:100%;}
#home .width_50{
    width: 75%;
}
	}
@media (max-device-width: 767px) and (orientation: landscape) {
.home .icon-wrapper a{
height: 30px;
margin: 5px 0;
line-height: 30px;}
.iconInner{ padding:5px;}
.home .icon-wrapper {
    width: 46px;
    top: auto;
}
#ImgPopUp .modal-dialog .modal-body{ height:300px; }
	}
@media (min-width:768px){
header .left-bx .l-b-inr{ text-align:left;}

						}

@media (max-width:767px){
.ImgBox {
    width: 100%; margin-bottom:5px;
}	
	.home-box a{ padding:0 25px; line-height:30px;}
	.home-box{ bottom:15px;}
.talkBoxMobile {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.6);
    z-index: 999;
}	
.talkBoxInner {
	margin: auto;
	width: 300px; position:relative; z-index:2;
	
}
.PhoneDetails{background: white;
	border-radius: 5px;
	border: 1px solid #959292;
	
	display: block;
	text-align: center;
	font-size: 17px; float:left; width:100%; position:relative; overflow:auto;}
.PhoneDetails h6{color:#f15a29}
.PhoneDetails .Cover{float:left; width:100%; padding: 25px 15px;
border-bottom: #f15a29 5px solid;}
.PhoneDetails h6 {
    color: white;
    background: #f15a29;
   padding: 9px 15px;
font-size: 20px;
}
.talkBoxInner .CloseBttn {
	position: absolute;
	right: -12px;
	background: black;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	color: white;
	line-height: 30px;
	top: -12px; z-index: 1;
font-size: 15px;
text-align: center;
}
.PhoneDetails .social-icons{ margin-top:15px; margin-bottom:0;}
.PhoneDetails .social-icons a {
    float: none;
    color: #000;
    border: #f15a29 1px solid;
    display: inline-block;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
    width: 30px;
    line-height: 30px;
    margin: 0 5px;
    height: 30px; font-size:14px;
}
.PhoneDetails .social-icons a:hover{ background:#f15a29; color:white;}
.OverLay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
}
.DisplayOn{ display:block;}
	#fade {
    overflow-y: scroll;
    padding: 15px 0;
}
header h6{ cursor:pointer; font-size:15px;}
header h6:after{font-family: 'FontAwesome';
content: "\f078";
font-size: 13px;
margin-left: 10px;
line-height: 26px;
color: #f15a29;}
header h6::before {
    font-family: 'FontAwesome';
    content: "\f095";
    font-size: 13px;
    margin-left: 0;
    line-height: 26px;
    color: #fff;
    background: #f15a29;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    float: none;
    display: inline-block;
    margin-right: 10px;
    line-height: 25px;
}
	
header h6:hover{ color:#f15a29;}
.home{ min-height:100%; height:auto;}	
	.header-inner{ top:5px;}
header .left-bx, header .mid-bx, header .menu-bx{ width:33.33%;}
header .left-bx{ padding-left:5px; padding-right:5px;}
.floating .logo-outer{ width:100%; text-align:center;}
.talkBox{ display:none}
header .left-bx .l-b-inr{ text-align:center; float:left;}
header .left-bx .l-b-inr p{ font-size:15px; line-height:20px;}
header .left-bx .social-icons{ text-align:center;}
header .left-bx .social-icons a{ float:none; display:inline-block; line-height:10px}
a.menu-icon{padding: 12px 7px;
width: 45px;
height: 45px;}
header .menu-bx{ float: right;

padding: 5px;}
.home .icon-wrapper{ display:none;}
.logo-outer, .logo-outer a {
    width: 100%;
    float: left; text-align:center;
}
.logo-outer a img{ max-width:100%;}
.home h1{ font-size:25px;}
.home-box{font-size: 16px;
line-height: 21px;}
.close1 .cls2{top: 17px;}
.close1 .cls1{ top:21px;}
nav{ right:5px; left:auto; width:250px; top:72px;}
.floating .logo-outer a{ width:100%;}
.floating .logo-outer a img{width:60px;}
.floating{ top:0}
.features, #recentworks, .specialists, .testimonials{ padding-top:93px; font-size:16px;}
.h1-class, h1, .h1-class2 {
    font-size: 30px;
}
h1{ margin-bottom:10px; }
.top-ftr{ padding-bottom:15px;}
.feature-box-wrp{ margin-bottom:0; text-align:center;}
.features .icons{ float:none; display:inline-block; width:30%;}
.features .icons img {
    height: 40px;
}
.feature-box-wrp a p{ font-size:15px;}
ul.worklist li.first-child, ul.worklist li.second-child, ul.worklist li.third-child, ul.worklist li.fourth-child, ul.worklist li.common-child, ul.worklist li a, #posts .post:nth-child(1), #posts .post:nth-child(2), #posts .post, #posts .post:nth-child(3){ height:auto;}
.ProcessWp{ margin-top:15px; padding-top:15px; padding-bottom:15px;}
.CircleCover { text-align:center;}
.splst-wrp a.FirstCircle, .splst-wrp a.SecondCircle, .splst-wrp a.ThirdCircle, .splst-wrp a.FourthCircle{float: none; display:inline-block; 
margin-right:0px; margin-left:0;}
.splst-wrp a.FirstCircle{ margin-bottom:-40px;}
.splst-wrp a.SecondCircle{}
.splst-wrp a.ThirdCircle{margin-top:-40px;}
.splst-wrp a.FourthCircle{margin-top:-40px;}
.testimonials{ padding-bottom:15px;}
.contact-inner{ padding:0;}
.contact-inner .inpt-box, .select-box, .message-box{ width:100%;}
.form-repeat .submit-cls{ margin-left:0;}
.nav-tabs{ border-bottom:0;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    background-color: #f15a29;
    border:0;
    border-bottom-color: transparent;
}
.nav-tabs > li > a {
    margin-right: 2px;
    border:0; color: #f15a29; background:#f1f1f1; line-height:39px;
    border-radius:0; padding:0 9px; font-size:17px;
}
.banner-wrapper{ height:200px;}
#posts .post:nth-child(1), #posts .post a, #posts .post:nth-child(2), #posts .post, #posts .post:nth-child(3){ height:auto; width:100%;}
#filter button{ padding:0px 10px; font-size:16px; margin-bottom:5px;}
.TalkNew{ display:block;}	
	}
@media (min-device-width:640px) and (max-device-width:767px) and (orientation: landscape) {
.CircleCover { width:25%}
.splst-wrp a{ width:150px; height:150px;}
.splst-wrp h5{ font-size:17px;}
.splst-wrp a.FirstCircle{float: right;
margin-right: -92px;}
.splst-wrp a.SecondCircle{float: right;
margin-right: -15px;}
.splst-wrp a.ThirdCircle{float: left;
margin-left: -15px;}
.splst-wrp a.FourthCircle{float: left;
margin-left: -92px;}
	}	
@media (max-device-width:767px) and (orientation: landscape) {

ul.worklist li, #posts .post{ width:50% !important;}

	}	
@media (max-width:414px){
.pop-container {
    width: 300px;
}
.floating .logo-outer a img {
    width: 60px;
}

	}