@charset "utf-8";
/* CSS Document */
 @import url('font-awesome.min.css');
 @import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Montserrat:100,200,300,400,500,600,700,800,900|Poppins:100,200,300,400,500,600,700,800,900|Open+Sans:300,400,600,700,800);
/*----------------------------------------------------*/
/*===================================================================== 
Table of Content: 
01 - Global Style Start 
02 - Header 
03 - Banner
04 - Services
05 - Recent-Project
06 - Testimonial Section
07 - Latest News 
08 - Image Hover Effect
09 - Home 6 
10 - Home 7
11 - Home 8
=====================================================================*/
/*----------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*01 - Global Style Start */
/*-------------------------------------------------------------------------------------------------------------------------------*/
 body {
     margin:0px;
     padding:0px;
     font-family: 'Lato', sans-serif;
     color:#575757;
     overflow-y: scroll;
     overflow-x: hidden;
}
 body.yellow-body{
     background: url(../images/coming-page-bg.jpg) no-repeat center -100px;
     background-size:cover;
}
 body.maintenance-body{
     background:#f2ae2b;
}
a {
    color: #ffffff;
    text-decoration: none;
}
a:focus, a:hover {
    color: #a0a2a5;
    text-decoration: underline;
}
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Montserrat', sans-serif;
     margin:0px;
     padding:0px;
     font-weight:700;
     color:#00aeef;
     text-transform:uppercase;
}
 * {
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
}
 p {
     font-family: 'Lato', sans-serif;
     font-size:15px;
     color:#575757;
     margin:0px;
     padding:0px;
     line-height:30px;
}
.headoff{
    color: black;
}
.anheadoff{
    color: #00bcb4;
}
.skills{
    color: #46a247;
}
 p.line-height26{
     line-height:26px;
}
 p.fnt-16{
     font-size:16px;
}
 p.fnt-17{
     font-size:17px;
     text-align: justify;
}
p.fnt-cont{
    font-size:17px;
}
 p.fnt-18{
     font-size:18px;
}
 header, footer, main, nav, section{
     width:100%;
     float:left;
}
 h2{
     font-size:46px;
     font-weight:300;
     font-family: 'Open Sans', sans-serif;
     margin-bottom:30px;
}
 h2 span{
     font-weight:700;
}
 h3{
     font-size:30px;
     margin-bottom:44px;
}
 h3.mar-btm30{
     margin-bottom:30px;
}
 h3.black-color{
     color:#000;
}
 h3.white-color{
     color:#fff;
}
 .fl{
     float:left;
}
 .fr{
     float:right;
}
 h4{
     font-size:17px;
     margin-bottom:20px;
}
 .pad100-top-bottom{
     padding:100px 0px;
}
 .pad100-70-top-bottom{
     padding:100px 0px 70px;
}
 .pad100-50-top-bottom{
     padding:100px 0px 50px;
}
 .pad100-95-top-bottom{
     padding:100px 0px 95px;
}
 .pad100-85-top-bottom{
     padding:100px 0px 85px;
}
 .pad95-100-top-bottom{
     padding:95px 0px 100px;
}
 .pad95-70-top-bottom{
     padding:95px 0px 70px;
}
 .pad95-50-top-bottom{
     padding:95px 0px 50px;
}
 .pad95-45-top-bottom{
     padding:95px 0px 45px;
}
 a:hover{
     text-decoration:none;
}
 .marbtm20{
     margin-bottom:20px;
}
 .martop30{
     margin-top:30px;
}
 .marbtm30{
     margin-bottom:30px;
}
 .marbtm50{
     margin-bottom:50px;
}
 .marbtm80{
     margin-bottom:80px;
}
 .display-block{
     display:block;
}
 .display-none{
     display:none;
}
 .pad-left_zero{
     padding-left:0px;
}
 .pad-right_zero{
     padding-right:0px;
}
 .pad_zero{
     padding:0px;
}
 .wdt-100{
     width:100%;
     float:left;
}
 .img img{
     width:100%;
     float:left;
     height:auto;
}
 .yellow-background{
     background:#f2ae2b;
}
 .read-more-link{
     font-size:15px;
     color:#6f6f6f;
     font-weight:700;
     text-decoration:none;
     display:inline-block;
}
 .read-more-link a{
     color:#f2ae2b;
}
header {
    padding: 23px 0px 0px;
}
/*Home6-base style*/
.home6 h1,.home6 h2,.home6 h3,.home6 h4,.home6 h5,.home6 h6,
.home7 h1,.home7 h2,.home7 h3,.home7 h4,.home7 h5,.home7 h6,
.home8 h1,.home8 h2,.home8 h3,.home8 h4,.home8 h5,.home8 h6{
	font-family: 'poppins', sans-serif;
	color: #011327;
	text-transform: capitalize;
}
.home6 a,.home7 a,.home8 a{
	font-weight: 500;
	font-family: 'poppins', sans-serif;
}
.home6 p,.home8 p{
	font-family: 'Open Sans', sans-serif;
	color: #5a5959;
	font-size: 16px;
     line-height: normal;
}
/*End*/
/*Home7-base style*/
.home7 p{
     font-family: 'Open Sans', sans-serif;
     color: #393e43;
     font-size: 16px;
     line-height: normal;
}
/*End*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*02 - Header */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*===Main Header1===*/

 .sticky_header .logo {
     width: 196px;
}
 ul.header-info{
    margin: 5px 0px 20px 0px;
    padding: 0px;
    width: 72%;
    float: left;
}
 ul.header-info li{
    list-style: none;
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
	padding: 0px 15px;
    border-right: 1px solid #838383;
    margin-right: 10px;
    position: relative;
	font-weight: 600;
}
 ul.header-info li:last-child{
     border:0px;
     margin:0px;
}
 ul.header-info li:before{
    font-family: 'FontAwesome';
    top: 3px;
    left: 0px;
    font-size: 24px !important;
    color: #00bcb4;
    margin-right: 10px;
    float: left;
}

 ul.header-info li.phn{
     width:41%;
}


ul.header-info li.maiil{
    width:41%;
}

ul.header-info li.address{
     width:55%;
}
 ul.header-info li.address:before{
     content: "\f041";
}
 ul.header-info li.phn:before{
     content: "\f095";
}

ul.header-info li.maiil:before{
    content: "\f0e0";
}
 a.header-requestbtn{
     font-size:14px;
     color:#000;
     background:#f2ae2b;
     display:block;
     float:right;
     text-decoration:none;
     text-transform:uppercase;
     font-weight:600;
     padding:14px 20px;
     font-family: 'Montserrat', sans-serif;
     margin:3px 0px;
     text-align:center;
}
 a.header-requestbtn:before {
     background:#333;
     color:#fff;
}
/*===hdrvariation1_Navigation===*/
.header2 #main-navigation-wrapper.navbar-default
{
	margin-top: 5px!important;
}
 #main-navigation-wrapper.navbar-default{
     width: 100%;
     float: left;
     margin: 10px 0px 0px;
     height: 64px;
     background:#131313;
     z-index:1009;
     border-radius:0px;
     border:0px;
}
 .navbar-collapse.collapse{
     padding:0px;
}
 #main-navigation-wrapper .navbar-nav {
     margin-left: 0;
     margin-right: 0;
}
 #main-navigation-wrapper .nav > li {
     padding:18px 0px;
}
 #main-navigation-wrapper .nav > li > a {
     padding: 4px 20px;
     font-size: 16px;
     font-weight: 700;
     color: #fff;
     text-transform: uppercase;
     border-right: 1px dashed #383838;
}
 .header1 #main-navigation-wrapper .nav > li {
     padding:0px;
}
 .header1 #main-navigation-wrapper .nav > li > a{
     border-right:0px;
     padding:22px 20px;
}
 #main-navigation-wrapper .nav > li:last-child > a {
     border:0px;
}
 #main-navigation-wrapper .navbar-nav li .dropdown-submenu {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1000;
     display: none;
     float: left;
     min-width:243px;
     font-size: 16px;
     text-align: left;
     list-style: none;
     background-clip: padding-box;
     padding: 0;
     border: none;
     border-radius: 0;
     display: block;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all .4s ease;
     transition: all .4s ease;
     background: #ebebeb;
     -webkit-transform: translate3d(-20px, 0, 0);
     transform: translate3d(-20px, 0, 0);
     -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);
     box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);
}
 #main-navigation-wrapper .navbar-nav li:hover .dropdown-submenu, #main-navigation-wrapper .navbar-nav .open .dropdown-submenu {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translate3d(0px, 0, 0);
     transform: translate3d(0px, 0, 0);
}
 #main-navigation-wrapper .dropdown-submenu li {
     width:100%;
     position: relative;
}
 #main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.second_submenu{
     opacity: 0;
     visibility: hidden;
     top: 0;
     left: 90%;
}
 #main-navigation-wrapper .dropdown-submenu li:hover > ul.dropdown-submenu.second_submenu{
     opacity: 1;
     visibility: visible;
     left: 100%;
     top: 0;
}
 #main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.third_submenu{
     opacity: 0;
     visibility: hidden;
     top: 0;
     left: 90%;
}
 #main-navigation-wrapper .dropdown-submenu li:hover > ul.dropdown-submenu.third_submenu{
     opacity: 1;
     visibility: visible;
     left: 100%;
     top: 0;
}
 #main-navigation-wrapper .dropdown-submenu li a {
     display: block;
     clear: both;
     line-height: 1.42857143;
     color: #2a2a2a;
     white-space: nowrap;
     padding: 14px 25px;
     border-bottom: 1px solid #cec8ba;
     font-size: 15px;
     font-weight: 400;
     text-transform: capitalize;
     letter-spacing: 0.50px;
}
 #main-navigation-wrapper .dropdown-submenu li:hover {
}
 #main-navigation-wrapper .dropdown-submenu li:last-child a {
     border: none;
}
 #main-navigation-wrapper .dropdown-submenu li > a:focus, #main-navigation-wrapper .dropdown-submenu li a:hover {
     background: #e4a732;
     color: #f1f1f1;
}
 @keyframes fadeItIn {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         -moz-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
    }
     to {
         opacity: 1;
         -webkit-transform: none;
         -moz-transform: none;
         transform: none;
    }
}
 .sticky_header {
     position: fixed;
     top: 0;
     z-index: 9999;
     background: #e9c865;
     background: -moz-linear-gradient(top, #e9c865 0%, #d0ac54 100%);
     background: -webkit-linear-gradient(top, #e9c865 0%, #d0ac54 100%);
     background: linear-gradient(to bottom, #e9c865 0%, #d0ac54 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9c865', endColorstr='#d0ac54', GradientType=0 );
     float: left;
     width: 100%;
     height: 78px;
}
 #main-navigation-wrapper.navbar-default.sticky_header {
     margin: 0px;
}
/*===Main Navigation===*/
 .logo-menu {
     float: left;
     margin:14px 0 14px 25px;
     display: none;
}
 .dropdown-submenu-active:before {
     width: 0;
     height: 0;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-top: 10px solid #12121b;
     content: "";
     position: absolute;
     top: 0 !important;
     right: 24px;
}
 #main-navigation-wrapper .nav > li.dropdown:hover:before {
     width: 0;
     height: 0;
     content: "";
     position: absolute;
     bottom: -7px !important;
     z-index: 1010;
     text-align: center;
     left: 20px;
}
 #main-navigation-wrapper.navbar-default .navbar-nav > .open > a, #main-navigation-wrapper.navbar-default .navbar-nav > .open > a:focus, #main-navigation-wrapper.navbar-default .navbar-nav > .open > a:hover, #main-navigation-wrapper.navbar-default .navbar-nav > li:hover > a, #main-navigation-wrapper.navbar-default .navbar-nav > li > a.active {
     background: none;
     color: #000000a8;
}
 .header1 #main-navigation-wrapper.navbar-default .navbar-nav > .open > a, .header1 #main-navigation-wrapper.navbar-default .navbar-nav > .open > a:focus, .header1 #main-navigation-wrapper.navbar-default .navbar-nav > .open > a:hover, .header1 #main-navigation-wrapper.navbar-default .navbar-nav > li:hover > a, .header1 #main-navigation-wrapper.navbar-default .navbar-nav > li > a.active {
     color: #f2ae2b;
     background:#000;
}
 #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler {
     display: none;
}
/*===hdrvariation1_Navigation end===*/
 .header-nav-right{
     width:22%;
     float:right;
}
 .header-socials{
     float:left;
}
 .header-socials i{
     color:#fff;
     font-size:16px;
     margin:0px 8px;
     width:30px;
     line-height:64px;
     text-align:center;
}
 .header-socials a:before{
     background:#f2ae2b;
}
 .header-socials i:hover{
     color:#000;
}
 .search-column{
     position:relative;
     float:right;
     margin:19px 10px;
}
 .search-column:before{
     width:1px;
     height:26px;
     background:url(../images/btn-left-divider.jpg) no-repeat;
     left:0px;
     top:0px;
     position: absolute;
     content:"";
}
 .search-btn{
     width:40px;
     height:26px;
     background:url(../images/white-search-btn.png) no-repeat center center;
     border:0px;
     float:left;
     padding:0px;
}
 .search-btn:focus{
     outline:none;
}
 .search-btn:hover{
     opacity:.8;
}
 .search-column.search-fl{
     float:left;
     margin-left:10px;
     margin-right:0px;
}
 .search-column.search-fl:before{
     display:none;
}
 .search-btn.black-search-btn {
     background: url(../images/search-btn.png) no-repeat center center;
}
 .modal {
     padding-right: 0px;
     background-color: rgba(4, 4, 4, 0.8);
}
 .modal-backdrop.in{
     z-index:9;
     position: relative;
}
 .modal-dialog {
     
     width: 37%;
     position: absolute;
     left:20%;
     right:20%;
	 margin:0 auto;
	 vertical-align:center;
	 
}
 .modal-content {
     border-radius: 0px;
     border: none;
     top: 40%;
     position: relative;
}
 .modal-body {
     color: white;
     width:auto;
     float:left;
     padding:0 5px;
}
 .modal-body h3{
     margin-bottom:20px;
     font-weight:400;
     color:#000;
}
 .modal-body .search-form{
     width:100%;
     float:left;
     position:relative;
}
 .search_lightbox_input {
     width: 100%;
     float: left;
     border-bottom: 1px solid #242424 !important;
     border: 0px;
     font-size: 18px;
     color: #242424;
     background: transparent;
     padding: 5px 0;
}
 .search-form input::placeholder{
     color:#242424;
}
 .search-form input:focus{
     outline:none;
}
 .search_lghtbox_btn {
     position: absolute;
     right: 0px;
     background: url(../images/search_popup_icon.png) no-repeat;
     width: 18px;
     height: 18px;
     border: 0;
     top: 8px;
}
/*===Main Header1 end===*/
/*======header2=======*/
 header.header2{
     position:relative;
     background: black;
}
.address{
    color: white;
}

.phn{
    color: white;
}

.phn a{
    color: white !important;
}

.maiil a{
    color: white !important;
}



 header.header2:before {
     width: 32%;
     height: 0px;
     position: absolute;
     left: 0px;
     top: 0px;
     content: "";
     border-top: 132px solid #000000;
     border-right: 80px solid transparent;
}
 header.header2 .header-socials{
     float:right;
     margin:12px 0px;
}
 header.header2 .header-socials i{
     width:30px;
     height:30px;
     border:2px solid #eeeeee70;
     line-height:27px;
     text-align:center;
     margin:0px 3px;
     border-radius:30px;
     color:#00bcb4;
}
 header.header2 .header-socials i:hover{
     border:2px solid #00bcb442;
     color:#00bcb4;
}
 #main-navigation-wrapper.navbar2-wrap{
     background:none;
     margin-bottom:-32px;
}
 #main-navigation-wrapper.navbar-default.sticky_header.navbar2-wrap {
     background:#00aeef;
}
 .var2-nav{
     background:#00aeef;
}
 a.header-requestbtn.header2-requestbtn{
     margin:0px;
     padding:22px 20px;
}
/*======header2 end=======*/
/*======header3=======*/
 header.header3{
     position:absolute;
     z-index:99;
}
 #main-navigation-wrapper.navbar2-wrap.navbar3-wrap {
     background: none;
     margin:13px 0px 0px;
}
 .hdr3-right{
     width:25%;
     float: right;
}
 header.header3 .header-socials i:hover{
     color:#f2ae2b;
}
 a.header-requestbtn.header3-requestbtn {
     background:#333;
     color:#fff;
}
 a.header-requestbtn.header3-requestbtn:before{
     background:#000;
}
 .var2-nav.var3-nav {
     background:#f2ae2b;
}
 #main-navigation-wrapper .var2-nav.var3-nav .nav > li {
     padding:0px 15px;
}
 #main-navigation-wrapper .var2-nav.var3-nav .nav > li > a{
     border-right:0px;
     padding:22px 5px;
     color:#000;
}
 #main-navigation-wrapper .var2-nav.var3-nav .nav > li > a:hover, #main-navigation-wrapper .var2-nav.var3-nav .nav > li > a.active{
     color:#fff;
}
 #main-navigation-wrapper.navbar-default.sticky_header.navbar2-wrap.navbar3-wrap {
     margin:0px;
     background:#f2ae2b;
}
/*======header3 end=======*/
/*======header4=======*/
 header.header4{
     background:#fff;
     padding:0px;
}
 .hdr-top-bar{
     width:100%;
     float:left;
     background:#f2f2f2;
     padding:3px 0px;
}
 .hdr-top-bar ul.header-info li{
     padding:0px 20px;
     width:auto!important;
     margin-right:20px;
}
 .hdr-top-bar ul.header-info li:before {
     font-size:16px !important;
     top:-1px;
}
 .hdr3-right.hdr4-right{
     width:21%;
}
 .hdr3-right.hdr4-right .header-socials i{
     line-height:37px;
     color:#333;
}
 .hdr3-right.hdr4-right .search-column {
     margin: 6px 0px;
}
 .hdr3-right.hdr4-right .search-column .search-btn {
     background: url(../images/search-btn.png) no-repeat center center;
}
 header.header4 .logo{
     float:left;
     margin:22px 0px;
}
 header.header4 #main-navigation-wrapper.navbar-default {
     margin:0px;
     height: auto;
     background: none;
}
 header.header4 #main-navigation-wrapper .navbar-nav {
     float:right;
}
 header.header4 #main-navigation-wrapper .nav > li > a {
     color: #000;
}
 header.header4 #main-navigation-wrapper .nav > li{
     padding:36px 0px;
}
 header.header4 #main-navigation-wrapper.navbar-default.sticky_header{
     background:#fff;
     box-shadow:0px 0px 10px #ccc;
}
 header.header4 #main-navigation-wrapper.navbar-default.sticky_header .nav > li {
     padding: 18px 0px;
}
 header.header4 .sticky_header .logo {
     margin: 4px 0px;
}
/*======header4 end=======*/
/*======header5=======*/
 header.header5{
     background:#f2ae2b;
}
 header.header5:before{
     display:none;
}
 header.header5 ul.header-info li:before {
     color: #000;
}
 header.header5 ul.header-info li {
     color: #000;
     border-right:1px solid #000;
}
 header.header5 ul.header-info li:last-child{
     border-right:0px;
}
 header.header5 #main-navigation-wrapper.navbar2-wrap {
     background:#fff;
     margin:22px 0px 0px;
}
 header.header5 #main-navigation-wrapper .nav > li > a {
     color: #000;
     border-right: 1px dashed #383838;
}
 header.header5 #main-navigation-wrapper .nav > li > a:last-child{
     border-right:0px;
}
 header.header5 a.header-requestbtn.header2-requestbtn {
     background:#f2f2f2;
}
 header.header5 #main-navigation-wrapper.navbar-default.sticky_header.navbar2-wrap {
     background: #fff;
     margin:0px;
     box-shadow:0px 0px 10px #ccc;
}
 header.header5 .header-socials i{
     border:2px solid #de9302;
     color:#000;
}
 header.header5 .header-socials a i:hover{
     border:2px solid #fff;
}
/*======header5 end=======*/
/*======header end======*/
/*======footer=======*/
 .solution-available{
     padding:20px 0px 21px;
}
 .solution-available h5{
     font-size:30px;
     color:#000;
     font-weight:400;
     font-family: 'Open Sans', sans-serif;
     text-transform:none;
     margin:10px 20px;
     display:inline-block;
}
 .solution-available h5 span{
     font-weight:700;
}
 a.header-requestbtn.contactus-btn{
     background:#fff;
     color:#000;
     width:200px;
     float:none;
     display:inline-block;
     font-size:16px;
     margin:-15px 0px 0px;
     text-align:center;
}
 a.header-requestbtn.contactus-btn:hover{
     color:#fff;
}
 /*.ftr-section{
     background:#52575b;
     width:100%;
     float:left;
     padding:80px 0px 0px;
    // background-size:cover;
}*/
.ftr-section {
    background: #393939;
    width: 100%;
    float: left;
    padding: 80px 0px 0px;
    background-size: cover;
}
 .ftr-section h6{
     font-size:18px;
     color:#ffffff;
     text-transform:none;
     font-weight:600;
     margin-bottom:25px;
}
 .ftr-section p{
     color:#ffffffe0;
}
 ul.footer-info{
     width:100%;
     float:left;
     margin:0px 0px 70px;
     padding:0px;
     border-bottom:1px solid #ffffff54;
}
 ul.footer-info li{
     list-style:none;
     float:left;
     width:auto;
     font-size:15px;
     color:#ffffff;
     padding:8px 40px 23px 35px;
     border-right:1px solid #373737;
     margin-right:49px;
     position:relative;
}
 ul.footer-info li:last-child{
     border-right:0px;
     margin:0px;
}
 ul.footer-info li:before{
     position: absolute;
     font-family: 'FontAwesome';
     top: 3px;
     left: 0px;
     font-size: 20px !important;
     color: #e5e5e5;
}
 ul.footer-info li.ftr-loc{
     font-size:16px;
     padding:0px 40px 12px 35px;
}
 ul.footer-info li.ftr-loc:before {
     content: "\f041";
     top:9px;
}
 ul.footer-info li.ftr-phn:before {
     content: "\f095";
     top:8px;
}
 ul.footer-info li.ftr-msg:before {
     content: "\f0e0";
     font-size:15px!important;
     top:10px;
}
 ul.footer-info li.ftr-support:before {
     content: "\f017";
     top:7px;
}
 .ftr-about-text{
     padding-right:70px;
     float:left;
}
 a.ftr-read-more{
     font-size:14px;
     color:#c8c8c8;
     font-weight:700;
     font-family: 'Lato', sans-serif;
     border:1px solid #676868;
     padding:8px 20px;
     display:block;
     float:left;
     text-decoration:none;
}
 a.ftr-read-more:hover{
     color:#f2ae2b;
     border:1px solid #f2ae2b;
}
 ul.footer-link{
     width:100%;
     float:left;
     margin:0px;
     padding:0px;
}
 ul.footer-link li{
     list-style:none;
     float:left;
     font-size:15px;
     margin-bottom:10px;
     width:100%;
}
 ul.footer-link li a{
     color:#ffffffe0;
     text-decoration:none;
}
 ul.footer-link li a:hover{
     color:#000000 !important;
}
 .header-socials.footer-socials {
     margin:0px 0px 30px;
     width:100%;
     float: left;
}
 .header-socials.footer-socials i{
     width:30px;
     height:30px;
     line-height:28px;
     border:2px solid #e4e4e473;
     border-radius:30px;
     margin:0px 3px 0px 0px;
     color:#ffffff;
     text-align:center;
}
 .header-socials.footer-socials i:hover {
     color: #ffffff;
     border:2px solid #fcfcfc;
}
 .ftr-logo{
     width:auto;
     float:left;
}
 .footer-btm{
     width:100%;
     float:left;
     border-top: 1px solid #ffffff54;
     padding:22px 0px 26px;
     margin:60px 0px 0px;
}
/*======footer end=======*/
/*======home page variation1=======*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*03 - Banner */
/*-------------------------------------------------------------------------------------------------------------------------------*/
 .carousel-caption h1{
     font-size:50px;
     color:#fff;
     font-weight:300;
     font-family: 'Open Sans', sans-serif;
     margin-bottom:25px;
     text-transform:none;
}
 .carousel-caption h1 span{
     font-weight:700;
}
 .carousel-caption p{
     font-size:18px;
     color:#fff;
     line-height:28px;
     margin-bottom:25px;
}
 a.header-requestbtn.learn-more{
     padding:14px 10px;
     float:left;
     margin-right:10px;
     width:185px;
     font-size:17px;
     text-align:center;
     background:#83c644;
     color:#2b2b2b;
}
 a.header-requestbtn.learn-more:before{
     background:#fff;
}
 a.header-requestbtn.learn-more.our-solution{
     background:#fff;
     margin-right:0px;
     color:#000;
}
 a.header-requestbtn.learn-more.our-solution:before{
     background:#000;
}
 a.header-requestbtn.learn-more.our-solution:hover{
     color:#fff;
}
 a.header-requestbtn.learn-more.btn-center{
     float:none;
     display:inline-block;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*04 - Services */
/*-------------------------------------------------------------------------------------------------------------------------------*/

 .head-section{
     margin-bottom:50px;
}
 .head-section h3{
     margin:47px 0px;
}
 .head-section p{
     border-left:1px solid #838383;
     padding:4px 41px;
}
 .service-column{
     padding:30px 15px;
     transition: all .3s ease-out;
     float:left;
}
 .service-column .icons{
     width:78px;
     height:78px;
     display:inline-block;
}
 .service-column h5{
     font-size:16px;
     margin:5px 0px 20px;
}
 .service-column p span{
     font-weight:700;
}
 .service-column:hover{
     background:#f2ae2b;
     transition: all .3s ease-in;
}
 .service-column:hover a{
     text-decoration:none;
}
 .service-column:hover p, .service-column:hover h5, .service-column:hover .read-more-link{
     color:#000;
}

/*======services end=======*/
/*======bestthing-section=======*/
 .bestthing-section{
     position:relative;
     padding:81px 0px 63px;
     height:387px;
	 background:#f1f1f1;
}
 .bestthing-text-column{
     z-index:1;
}
 .bestthing-img{
     padding-right:0px;
     position:absolute;
     right:0px;
     top:0px;
     width:50.7%;
     max-width:683px;
}
 .bestthing-img img{
     width:100%;
     float:left;
     height:387px;
}
/*======bestthing-section end=======*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*05 - Recent-Project */
/*-------------------------------------------------------------------------------------------------------------------------------*/

 .recent-project-section{
     /* background:#f2ae2b; */
     padding-top:95px;
}
 .nav-tabs {
     border:0px;
     width:100%;
     float: left;
     text-align:center;
     background:#e09300;
}
 .nav-tabs>li{
     float:none;
     display:inline-block;
}
 .nav-tabs>li>a {
     margin-right: 0px;
     line-height: 1.42857143;
     border:0px;
     border-radius:0px;
     font-size:18px;
     font-family: 'Lato', sans-serif;
     color:#000;
     padding:12px 20px;
}
 .nav-tabs>li>a:hover{
     background:none;
}
 .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
     color: #fff;
     cursor: default;
     background-color: #000;
     border:0px;
}
/*======recent-project end=======*/
/*======high-level section=======*/
 .hight-level-section{
     padding:93px 0px 94px;
}
 .hight-level-section h2{
     font-size:40px;
     text-transform:none;
}
 .hight-level-section ul{
     margin:25px 0px;
     padding:0px;
     display:inline-block;
}
 .hight-level-section ul li{
     list-style:none;
     display:inline-block;
     font-size:17px;
     color:#242424;
     font-weight:700;
	 padding: 12px 25px 12px 20px;
     border-right:1px solid #666;
     margin-right:15px;
}
 .hight-level-section ul li:last-child{
     border:0px;
}
 /* .vision-icon{ */
     /* background:url(../images/vision-icon.png) no-repeat 0px 0px; */
/* } */
 /* .value-icon{ */
     /* background:url(../images/value-icon.png) no-repeat 0px 0px; */
/* } */
 /* .mission-icon{ */
     /* background:url(../images/mission-icon.png) no-repeat 0px 0px; */
/* } */
 .hight-level-section.background-variation{
     background:#f2f2f2;
}
/*======high-level section end=======*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*06 - Testimonial Section */
/*-------------------------------------------------------------------------------------------------------------------------------*/

 .testimonial-section{
     background:#000;
     position:relative;
}
 .testimonial-left-sidebar{
     margin:102px 0px 97px;
}
 .testimonial-slider{
}
 .testimonial-slider .carousel-control.left{
     background:none;
}
 .testimonial-slider .carousel-control{
     width:20px;
     top:50px;
}
 .testimonial-left-sidebar .testimonial-head{
     width:100%;
     float:left;
     margin-bottom:15px;
     padding:0px 60px;
}
 .testimonial-left-sidebar .testimonial-head .testi-img{
     width:123px;
     float:left;
}
 .testimonial-left-sidebar .testimonial-head .testi-text{
     float:left;
     margin:30px 0px 0px 30px;
}
 .testimonial-left-sidebar .testimonial-head .testi-text h5{
     font-size:20px;
     color:#fff;
     font-weight:700;
     margin-bottom:5px;
}
 .testimonial-left-sidebar .testimonial-head .testi-text .testi-designation{
     font-size:20px;
     color:#fff;
     font-weight:300;
}
 .testimonial-left-sidebar p{
     font-size:17px;
     color:#aeaeae;
}
 .testimonial-rght-head{
     width:34%;
     float:right;
     background:#f2ae2b;
     padding:133px 0px 123px;
     position:absolute;
     right:0px;
     top:0px;
     text-align:center;
}
 .testimonial-rght-head:before{
     position:absolute;
     left:-159px;
     top:0px;
     width:159px;
     height:457px;
     content:"";
     border-bottom: 457px solid #f2ae2b;
     border-left: 157px solid transparent;
}
 .testimonial-rght-head h2{
     font-size:50px;
     color:#000;
     background:url(../images/testi-quotes.png) no-repeat center top;
     padding:146px 0px 0px;
     float:left;
     font-family: 'Montserrat', sans-serif;
     font-weight:800;
     margin-bottom:0px;
}
/*======testimonial section end=======*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*07 - Latest News */
/*-------------------------------------------------------------------------------------------------------------------------------*/

 .news-column{
     margin-bottom:50px;
}
 .news-column .yellow-strip{
     width:100%;
     float:left;
     background:#eaa41c;
     padding:12px 0px 12px 80px;
     position:relative;
     margin-bottom:20px;
}
 .news-column .yellow-strip ul{
     margin:0px;
     padding:0px;
}
 .news-column .yellow-strip ul li{
     list-style:none;
     float:left;
     font-size:15px;
     color:#000;
     border-right:1px solid #000;
     padding:0px 20px;
}
 .news-column .yellow-strip ul li:last-child{
     border:0px;
}
 .news-column .yellow-strip .news-time{
     background:#000;
     width:75px;
     text-align:center;
     position:absolute;
     left:0px;
     top:-52px;
     padding:16px 0px;
}
 .news-column .yellow-strip .news-time h5{
     font-size:36px;
     color:#fff;
     font-weight:700;
     font-family: 'Montserrat', sans-serif;
     line-height:40px;
}
 .news-column .yellow-strip .news-time span{
     font-size:18px;
     color:#fff;
     font-weight:300;
     font-family: 'Lato', sans-serif;
     text-transform:uppercase;
}
.news-column h6 {
    font-size: 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    line-height: 25px;
    padding-top: 15px;
    margin-bottom: 20px;
    text-transform: none;
}
 .news-column h6 a{
     text-decoration:none;
     color:#242424;
}
 .news-column h6 a:hover{
     color:#013488;
}
/*======latest news end=======*/
/*======client section=======*/
 .head-section.client-head{
     margin:46px 0px 50px;
     width:100%;
     float:left;
}
 .head-section.client-head h3 {
     margin: 32px 0px;
}
 .client_hover .image_hover {
     float: left;
     width:100%;
     margin-bottom:30px;
}
 .client_hover .image_hover img {
     float: left;
     width:100%;
     height:auto;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     -ms-transition: all 1s ease;
     transition: all 1s ease;
}
.client_hover .image_hover:focus:after, .client_hover .image_hover:hover:after{
	opacity:0;
}
.client_hover .image_hover{
	border: 1px solid #01348894;
    border-radius: 15px;
}
.client_hover .image_hover:hover .zoom_img_effect{
	transform: scale(1.10) translateZ(0);
}

   .client_hover_1{
	   float:left;
	   width:100%;
   }
/*======client section end=======*/
/*======home page variation1 end=======*/
/*======home page variation2=======*/
 a.header-requestbtn.more-infobtn{
     font-size:14px;
     border:1px solid #ccc;
     border-radius: 20px;
     float:left;
     background:#013488ba;
     color:#ffffff;
     padding:15px;
     margin:30px 0px 0px;
     width:185px;
     text-align:center;
}
 a.header-requestbtn.more-infobtn:before{
     background:#013488;
     border-radius: 20px;
}
 a.header-requestbtn.more-infobtn:hover{
     border: 1px solid #00bcb447;
}
 ul.whychoose-list{
     width:100%;
     float:left;
     margin:0px;
     padding:0px;
}
 ul.whychoose-list li{
     list-style:none;
     float:left;
     width:100%;
     padding:0px 0px 0px 94px;
     margin-bottom:50px;
}
 ul.whychoose-list li.delivery-icon{
     background:url(../images/delivery-icon.png) no-repeat 10px 0px;
}
 ul.whychoose-list li.technology-icon{
     background:url(../images/technology-icon.png) no-repeat 10px 0px;
}
 ul.whychoose-list li.support-icon{
     background:url(../images/support-icon.png) no-repeat 10px 0px;
}
 ul.whychoose-list li:last-child{
     margin-bottom:0px;
}
 .home2.bestthing-section {
     height: auto;
     background:url(../images/banner/middile.jpg) no-repeat center top;
	 padding: 95px 0px 95px;
     background-size:cover;
	 background-attachment: fixed;
	 position: static;
}
 .home2 .bestthing-text-column h2{
     color:#fff;
}
 .home2 .bestthing-text-column p{
     color:#fff;
}
 .home2.recent-project-section {
	/* background: url(../images/project_bg.jpg) no-repeat center top; */
    /* background-size: cover;
    background-attachment: fixed; */
	padding-bottom:150px!important;
}
 .home2.recent-project-section h3{
     float:left;
}
 .home2.recent-project-section .nav-tabs {
     border: 0px;
     width:auto;
     float: right;
     margin: -10px 0px 0px;
     background: none;
}
 .home2.recent-project-section .nav-tabs>li>a {
     color:#f2f2f2;
}
 .home4.recent-project-section{
     background: #1c1c1c;
	 background: url(../images/home2-images/project_bg.jpg) no-repeat center top;
	 background-size: cover;
}
 .home4.recent-project-section .nav-tabs>li>a {
     color:#f2f2f2;
}
 .home4.recent-project-section .nav-tabs{
     background:#000;
}
 .home4.recent-project-section .nav-tabs>li.active>a, .home4.recent-project-section .nav-tabs>li.active>a:focus, .home4.recent-project-section .nav-tabs>li.active>a:hover {
     color: #f2ae2b;
}
/*======home page variation2 end=======*/
/*======home page variation3=======*/
 .boxes-column{
     width:100%;
     float:left;
     margin:-220px 0px 80px;
     background:#f2ae2b;
     position:relative;
}
 .boxes-column ul{
     margin:0px;
     padding:0px;
}
 .boxes-column ul li{
     list-style:none;
     width:33.3%;
     padding:60px 30px;
     position:relative;
     float:left;
}
 .boxes-column ul li:after{
     width:1px;
     height:150px;
     background:#000;
     position:absolute;
     right:0px;
     top:18.9%;
     content:"";
}
 .boxes-column ul li:last-child:after{
     display:none;
}
 .boxes-column ul li .boxes-icons{
     width:80px;
     float:left;
}
 .boxes-column ul li .boxes-icons img{
     max-width:80px;
}
 .boxes-column ul li .boxes-desc{
     width:70%;
     float:right;
     text-align:left;
}
 .boxes-column ul li h4{
     font-weight:700;
     font-size:18px;
     margin-bottom:10px;
     color:#000;
}
 .boxes-column ul li p{
     color:#000;
     font-size:17px;
}
 .static-section.home3-static ul{
     margin:0px;
}
 .static-section.home3-static h2{
     font-size:60px;
}
 .home3-service-column h4{
     border-bottom:1px solid #ccc;
     padding:20px 0px;
}
 .home3-service-column .read-more-link a:hover{
     color:#000;
}
 .home3.recent-project-section {
     background: url(../images/home3-images/home-project-bg.jpg) no-repeat center top;
     padding-bottom: 70px!important;
     background-size:cover;
	 background-attachment: fixed;
}
 .home3.recent-project-section h3{
     float:left;
}
 a.view-project-link{
     float:right;
     font-size:14px;
     color:#fff;
     text-decoration:none;
     font-family: 'Montserrat', sans-serif;
     font-weight:600;
     text-transform:uppercase;
     margin:8px 0px;
}
 a.view-project-link:hover{
     color:#f2ae2b;
}
 .home3_testimonial{
     background:#f2f2f2;
     padding-bottom:150px!important;
}
 .home3-client-img{
     width:187px;
     float:left;
     margin-right:20px;
}
 .home3-client-desc{
     width:60%;
     float:left;
     margin:25px 0px 0px;
}
 .home3-client-desc h4{
     color:#f2ae2b;
     font-size:18px;
     margin-bottom:10px;
}
 .home3-client-desc .client-designation{
     color:#7c7c7c;
     font-size:16px;
     margin-bottom:15px;
     width:100%;
     float:left;
}
 #var_testimonial .controls{
     bottom:50px;
     top:inherit;
     position:absolute;
     width:100%;
     left:0px;
}
/*======home page variation3 end=======*/
/*======home page variation4=======*/
 .certifield-section{
     padding:40px 0px 30px 0px;
}
 .certifield-section .won-txt{
     font-size:24px;
     color:#000;
     font-weight:700;
     float:left;
}
 a.header-requestbtn.contactus-btn.more-info{
     float:right;
     margin:-10px 0px 0px;
}
 .home4-service-section{
     padding:100px 0px 85px;
}
 .service-column.service4-column{
     padding:0px 15px;
     margin:15px 0px;
}
 .service-column.service4-column:hover{
     background:none;
}
 .service-column.service4-column:hover h5{
     color:#242424;
}
 .service-column.service4-column:hover p{
     color:#575757;
}
 .service-column.service4-column:hover .read-more-link{
     color:#f2ae2b;
}
 .service-column.service4-column:hover .read-more-link:hover{
     color:#000;
}
 .service4-icons{
     margin:30px 0px;
}
 .service4-desc{
     width:82%;
     float:right;
     border-left:1px solid #ccc;
     background:#f2f2f2;
     padding:20px;
}
 .static-section.home4-static-section {
     background:none;
     margin:0px;
}
 .static-section.home4-static-section ul li{
     border-right:1px solid #fff;
}
 .static-section.home4-static-section ul li:last-child{
     border-right:0px;
}
 .bestthing-text-column.home4-bestthing-txt {
     display:inline-block;
     width:60%;
}
 .static-section.home4-static-section h2 {
     color:#fff;
}
 .static-section.home4-static-section p {
     color:#fff;
}
 .home2.home4.bestthing-section{
     background-size:cover;
}
/*======home page variation4 end=======*/
/*======home page variation5=======*/
 .row_mar_zero{
    margin:0;
}
 .banner-bottom-boxes{
     width:100%;
     float:left;
     margin:-100px 0px 80px;
}
 .banner-bottom-boxes ul{
     margin:0px;
     padding:0px;
     text-align:center;
}
 .banner-bottom-boxes ul li{
     list-style:none;
     float:none;
     display:inline-block;
     width:33.3%;
     text-align:center;
     padding:35px 0px 28px;
     position:relative;
     -webkit-transition: all .3s ease;
     margin:-2px;
     transition: all .3s ease;
}
 .banner-bottom-boxes ul li .icons{
     width:60px;
     height:60px;
     display:inline-block;
     margin-bottom:25px;
}
 .banner-bottom-boxes ul li h4{
     font-weight:700;
     font-size:18px;
     margin-bottom:10px;
}
 .banner-bottom-boxes ul li p{
     color:#000;
     font-size:17px;
}
 .banner-bottom-boxes ul li.first-box{
     background:#f2ae2b;
}
 .banner-bottom-boxes ul li.second-box{
     background:#1d1d1d;
}
 .banner-bottom-boxes ul li.second-box h4{
     color:#fff;
}
 .banner-bottom-boxes ul li.second-box p{
     color:#fff;
}
 .banner-bottom-boxes ul li.third-box{
     background:#dedede;
}
 .banner-bottom-boxes ul li:hover{
     -webkit-transform: scale3d(1.1,1.1,1.1);
     z-index:99999;
}
 .banner-bottom-boxes.index5-boxes {
     margin:2px 0px;
}
 .banner-bottom-boxes.index5-boxes ul li.first-box {
     background: url(../images/home5-delivery-img.jpg) no-repeat center top;
     background-size: cover;
}
 .banner-bottom-boxes.index5-boxes ul li.second-box {
     background: url(../images/home5-technology-img.jpg) no-repeat center top;
     background-size: cover;
}
 .banner-bottom-boxes.index5-boxes ul li.third-box {
     background: url(../images/home5-labour-img.jpg) no-repeat center top;
     background-size: cover;
}
 .home2.home4.home5.bestthing-section {
     background:#fff;
}
 .home2.home5 .bestthing-text-column h2 {
     color: #000;
}
 .home2.home5 .bestthing-text-column p {
     color: #000;
}
 .static-section.home4-static-section.home5-static-section ul li{
     border-right:1px solid #000;
}
 .static-section.home4-static-section.home5-static-section ul li:last-child{
     border:0px;
}
 .static-section.home4-static-section.home5-static-section h2{
     color:#f2ae2b;
}
 .static-section.home4-static-section.home5-static-section p{
     color:#000;
}
 .home2.home5.recent-project-section {
     background: #e3e2e2;
	 
}
 .home2.home5.recent-project-section .nav-tabs>li>a {
     color: #000;
}
 .home2.home5.recent-project-section .nav-tabs>li.active>a, .home2.home5.recent-project-section .nav-tabs>li.active>a:focus, .home2.home5.recent-project-section .nav-tabs>li.active>a:hover {
     color: #fff;
}
 .homeprj3-slide{
     margin-bottom:30px;
}
 .home5-service1{
     background:url(../images/home5-service1.jpg) no-repeat center top;
     background-size:cover;
     padding:100px 100px 101px;
     transition: all .3s ease-out;
}
 .home5-service1:hover {
     background-position: 0 -25px !important;
}
 .home5-service1 h4{
     font-size:20px;
     color:#fff;
}
 .home5-service1 p{
     color:#fff;
     margin-bottom:10px;
}
 .home5-service1.home5-service2{
     background:url(../images/home5-service2.jpg) no-repeat center top;
     background-size:cover;
}
 .home5-service1.home5-service3{
     background:url(../images/home5-service3.jpg) no-repeat center top;
     background-size:cover;
}
 .home5-service1.home5-service4{
     background:url(../images/home5-service4.jpg) no-repeat center top;
     background-size:cover;
}
 .home5-service1.home5-service5{
     background:url(../images/home5-service5.jpg) no-repeat center top;
     background-size:cover;
}
 .home5-service1.home5-service6{
     background:url(../images/home5-service6.jpg) no-repeat center top;
     background-size:cover;
}
 header.header5 .header-socials i:hover {
     color: #fff;
     border:1px solid #fff;
}
/*======home page variation5 end=======*/
/*======inner pages=======*/
/*======inner pages banner=======*/
 .inner-pages-bnr{
     width:100%;
     float:left;
     text-align:center;
     position:relative;
}
 .inner-pages-bnr img {
     width: 100%;
}
 .inner-pages-bnr .banner-caption{
     position:absolute;
     left:0px;
     top:50%;
     width:100%;
     margin-top:-44px;
}
 .inner-pages-bnr h1{
     font-size:45px;
     color:#fff;
     text-transform:none;
     margin-bottom:10px;
}
 ul.breadcumb{
     width:100%;
     float:left;
     margin:0px;
     padding:0px;
     text-align:center;
}
 ul.breadcumb li{
     list-style:none;
     font-size:18px;
     font-weight:300;
     display:inline-block;
     color:#fff;
}
 ul.breadcumb li a{
     color:#fff;
}
 ul.breadcumb li a:hover{
     text-decoration:none;
     color:#f2ae2b;
}
/*======inner pages banner end=======*/
/*=======about-page========*/
 .bestthing-section.why-choose-section{
     height:580px;
}
 .bestthing-section.why-choose-section .bestthing-text-column {
     padding-top:10px;
}
 .bestthing-section.why-choose-section h3{
     margin-bottom:30px;
}
 ul.choose-list{
     width:80%;
     float:left;
     margin:20px 0px 0px;
     padding:0px;
}
 ul.choose-list li{
     list-style:none;
     float:left;
     width:50%;
     font-size:16px;
     color:#575757;
     background:url(../images/choose-arrow.png) no-repeat 0px center;
     padding:3px 5px 3px 20px;
}
 .bestthing-img.whychoos-img{
     width:62%;
     max-width:779px;
}
 .bestthing-img.whychoos-img img{
     height:469px;
}
 .history-section{
     background:#efefef;
     padding:95px 0px 95px;
}
 .history-list{
     margin-bottom:93px;
     position:relative;
}
 .history-list:before{
     width:100%;
     position:absolute;
     right:0px;
     height:1px;
     content:"";
     background:#ccc;
     left:0px;
     top:58%;
}
 .history-list .top-img{
     display:inline-block;
     width:100%;
}
 .history-list .top-img img{
     display:inline-block;
     float:none;
}
 .history-list-middle{
     width:100%;
     float:left;
     position:relative;
     margin:-53px 0px 30px;
}
 .history-list-middle .white-circle{
     width:110px;
     height:110px;
     display:inline-block;
     background:#fff;
     border-radius:100%;
     padding:5px;
     box-shadow:0px 0px 5px #ccc;
     position:relative;
}
 .history-list-middle .white-circle-border{
     width:100px;
     height:100px;
     display:inline-block;
     background:#fff;
     border-radius:100%;
     border:1px solid #f2ae2b;
     padding:5px;
}
 .history-list-middle .yellow-circle{
     background:#f2ae2b;
     width:88px;
     height:88px;
     border-radius:100%;
     font-size:30px;
     font-weight:900;
     font-family: 'Open Sans', sans-serif;
     line-height:88px;
     color:#fff;
}
 .history-list-middle .white-circle:after{
     width:14px;
     height:14px;
     background:#fff;
     border-radius:20px;
     border:1px solid #333;
     content:"";
     position:absolute;
     left:45%;
     bottom:-9px;
}
 .history-list h5{
     font-size:16px;
     font-weight:700;
     text-transform:none;
     margin-bottom:20px;
}
 .static-section{
     padding:91px 0px 100px;
}
 .static-section.home3-static{
     padding:100px 0px;
}
 .static-section h2{
     font-weight:800;
     font-family: 'Montserrat', sans-serif;
     color:#000;
}
 .static-section p{
     color:#000;
}
 .static-section ul{
     margin:50px 0px 0px ;
     padding:0px;
     width:100%;
     float:left;
}
 .static-section ul li{
     list-style:none;
     float:left;
     width:25%;
     text-align:center;
     border-right:1px solid #333;
}
 .static-section ul li:last-child{
     border:0px;
}
 .static-section ul li h2{
     margin:0px;
}
 .static-section ul li p{
     text-transform:uppercase;
}
 .experiecnce-section{
     padding:95px 0px 0px;
}
 .experience-team{
     margin-bottom:93px;
}
 .experience-team h5{
     font-size:18px;
     text-transform:none;
     margin:20px 0px 5px;
}
 .experience-team .designation{
     font-size:15px;
     color:#242424;
}
 .experience-team hr{
     width:100%;
     height:2px;
     float:left;
     background:#f2ae2b;
     margin:10px 0px;
     padding:0px;
     border:0px;
}
 .experience-team img{
     width:100%;
     float:left;
     height:auto;
}
/*=======about-page end========*/
/*=======team-page========*/
 .head-section.other-heading{
     margin-bottom:70px;
     float:left;
}
 .team-list{
     margin:20px 0px 0px;
     position:relative;
}
 .team-list img{
     width:100%;
     float:left;
     height:auto;
}
 .team-list h5{
     font-size:18px;
     text-transform:none;
}
 .dedicated-team-img-holder {
     position: relative;
     overflow: hidden;
     margin-bottom:30px;
}
 .dedicated-team-img-holder .overlay {
     position: absolute;
     top: 100%;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(255,168,0, .80);
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
}
 .dedicated-team-img-holder:hover > .default_hidden img {
     -webkit-transform: scale(1.05) translateZ(0);
     transform: scale(1.05) translateZ(0);
}
 .dedicated-team-img-holder:hover .overlay {
     top: 0;
}
 .dedicated-team-img-holder .overlay .inner-holder {
     display: table;
     width: 100%;
     height: 100%;
     opacity: 0;
     filter: alpha(opacity=0);
     -webkit-transition: all .3s ease .3s;
     transition: all .3s ease .3s;
}
 .dedicated-team-img-holder .overlay:hover > .zoom_img_effect{
    -webkit-transform: scale(1.05) translateZ(0);
     transform: scale(1.05) translateZ(0);
}
 .dedicated-team-img-holder:hover .overlay .inner-holder {
     opacity: 1;
     filter: alpha(opacity=100);
}
 .dedicated-team-img-holder:hover .overlay ul {
     -webkit-animation-duration: .6s;
     animation-duration: .6s;
     -webkit-animation-delay: .6s;
     animation-delay: .6s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: slideInDown;
     animation-name: slideInDown;
}
 .dedicated-team-img-holder .overlay ul {
     text-align: center;
     display: table-cell;
     vertical-align: middle;
     margin:0px;
     padding:0px;
}
 .dedicated-team-img-holder .overlay ul {
     margin-left: -5px;
     margin-right: -5px;
}
 .dedicated-team-img-holder .overlay ul li {
     display: inline;
     padding-left: 10px;
}
 .dedicated-team-img-holder .overlay ul li a {
     display: inline-block;
     width: 30px;
     height: 30px;
     font-size: 15px;
     background: #000;
     text-align: center;
     color: #fff;
     line-height: 30px;
     border-radius: 50%;
     margin-left: -4px;
}
 .dedicated-team-img-holder .overlay ul li a:hover {
     background: #fff;
     color: #f2ae2b;
}
 .dedicated-team-single-item {
     position: relative;
     margin-bottom: 80px;
}
 .dedicated-team-img-holder img {
     height: auto;
     width: 100%;
}
 .default_hidden{
    width:100%;
     float:left;
     position:relative;
     overflow:hidden;
}
 .default_hidden:hover > img.zoom_img_effect{
     -webkit-transform: scale(1.05) translateZ(0);
     transform: scale(1.05) translateZ(0);
}
/*=======team-page end========*/
/*=======testimonial page========*/
 .client-testimonial{
     margin:20px 0px;
}
 .client-img{
     width:140px;
     float:left;
}
 .client-desc{
     width:71%;
     float:right;
     padding:20px 0px 0px;
}
 .client-testimonial p{
     background:url(../images/client-quote-img.png) no-repeat 0px 0px;
     padding-left:18px;
     float:left;
}
 .client-testimonial .client-name{
     font-size:16px;
     color:#242424;
     font-weight:400;
     font-style:italic;
     float:left;
     margin:10px 0px 0px 20px;
}
/*=======testimonial page end========*/
/*=======service page========*/
 .head-section.service-head h3 {
     margin: 32px 0px;
}
 .service-list-column{
     float:left;
}
 .service-list-column img{
     width:100%;
     float:left;
     height:auto;
}
 .service-list-column .service-heading{
     width:100%;
     float:left;
     border-top:4px solid #ffffff;
     border-left:4px solid #ffffff;
     padding:15px 10px 15px 90px;
     box-shadow:0px 4px 10px #ffffff;
}
 .service-list-column .service-heading h5{
     font-size:17px;
     margin-bottom:8px;
}
 .service-list-column a:hover{
     text-decoration:none;
}
 .service-list-column:hover .read-more-link{
	 color: #00bcb4;
}
 .service-list-column .service-manufactureicon, .service-list-column .service-cncicon, .service-list-column .service-chemicalicon, .service-list-column .service-energyicon, .service-list-column .service-oilicon, .service-list-column .service-materialicon{
     background-size:47px;
     background-position:20px center;
     
}


.service-manufactureicon{
    background:url(../images/icon/1-b.png) no-repeat 0px 0px;
}
.service-cncicon{
    background:url(../images/icon/2-b.png) no-repeat 0px 0px;
}
.service-chemicalicon{
    background:url(../images/icon/3-b.png) no-repeat 0px 0px;
}
.service-energyicon{
    background:url(../images/icon/4-b.png) no-repeat 0px 0px;
}
.service-oilicon{
    background:url(../images/icon/5-b.png) no-repeat 0px 0px;
}
.service-materialicon{
    background:url(../images/material-icon.png) no-repeat 0px 0px;
}


 .service-list-column:hover .service-manufactureicon{
     background:url(../images/icon/1.png) no-repeat 0px 0px;
     background-size:47px;
     background-position:20px center;
}
 .service-list-column:hover .service-cncicon{
     background:url(../images/icon/2.png) no-repeat 0px 0px;
     background-size:47px;
     background-position:20px center;
}
 .service-list-column:hover .service-chemicalicon{
     background:url(../images/icon/3.png) no-repeat 0px 0px;
     background-size:47px;
     background-position:20px center;
}
 .service-list-column:hover .service-energyicon{
     background:url(../images/icon/4.png) no-repeat 0px 0px;
     background-size:47px;
     background-position:20px center;
}
 .service-list-column:hover .service-oilicon{
     background:url(../images/icon/5.png) no-repeat 0px 0px;
     background-size:47px;
     background-position:20px center;
}
 .service-list-column:hover .service-materialicon{
     background:url(../images/material-icon-hover.png) no-repeat 0px 0px;
     background-size:47px;
     background-position:20px center;
}
 .left-column{
     width:28.8%;
     float:left;
}
 .left-column.right-left-column{
     float:right;
}
 ul.category-list{
     width:100%;
     float:left;
     margin:0px 0px 70px;
     padding:0px;
}
 ul.category-list li{
     list-style:none;
     float:left;
     font-size:15px;
     font-family: 'Montserrat', sans-serif;
     font-weight:700;
     text-transform:uppercase;
     width:100%;
     border-bottom:1px solid #cacaca;
}
 ul.category-list li a{
     color:#242424;
     text-decoration:none;
     padding:15px;
     display:block;
     margin:-1px 0px;
}
 ul.category-list li a:hover, ul.category-list li a.active-category{
     color:#000;
     background:#f2ae2b;
}
ul.category-list li i.fa {
     display: none;
}
 .office-info-col{
     margin-bottom:73px;
}
 ul.office-information{
     width:100%;
     float:left;
     margin:0px;
     padding:0px;
}
 ul.office-information li{
     list-style:none;
     float:left;
     width:100%;
     position:relative;
}
 ul.office-information li:before {
     position: absolute;
     font-family: 'FontAwesome';
     top: 3px;
     left: 0px;
     font-size: 23px !important;
     color: #f2ae2b;
}
 ul.office-information li.office-loc:before {
     content: "\f041";
     top: 9px;
}
 ul.office-information li.office-phn:before{
     content: "\f095";
     top: 8px;
}
 ul.office-information li.office-msg:before {
     content: "\f0e0";
     font-size:18px!important;
     top: 10px;
}
 ul.office-information li .info-txt{
     width:90%;
     float:right;
     font-size:16px;
     color: #bcbcbc;
     border-left:1px solid #8e8e8e;
     padding:10px;
}
 ul.office-information li .info-txt.fnt_17{
     font-size:17px;
}
 .contact-help{
     width:100%;
     float:left;
     padding:40px 0px 0px 20px;
     background:url(../images/contact-help-bg.jpg) no-repeat center top;
     border-bottom:4px solid #ffae13;
     background-size:cover;
     position:relative;
}
 .contact-help h4{
     color:#fff;
     text-transform:none;
}
 .contact-help p{
     color:#bebebe;
     line-height:26px;
     padding:3px 86px 52px 0px;
}
 .contact-help:after{
    background:url(../images/contact-help-cal.png) no-repeat right top;
     position:absolute;
     right:0px;
     bottom:-1px;
     width:100px;
     height:141px;
     content:"";
}
 a.pdf-button{
     font-size:18px;
     color:#242424;
     font-weight:700;
     font-family: 'Montserrat', sans-serif;
     text-decoration:none;
     background:url(../images/pdf-icon.jpg) no-repeat 0px 0px;
     text-transform:uppercase;
     padding:20px 0px 21px 80px;
     width:100%;
     float:left;
}
 a.pdf-button:hover{
     color:#ffae13;
}
 .right-column{
     width:70%;
     float:right;
}
 .right-column h3{
     margin-bottom:30px;
     font-weight:600;
}
 .service-right-desc{
     width:100%;
     float:left;
     margin-bottom: 50px;
}
 .service-right-desc img{
     width:100%;
     float:left;
     height:auto;
}
 .service-right-desc h5{
     font-size:17px;
     font-weight:700;
     text-transform:none;
     font-family: 'Lato', sans-serif;
     line-height:30px;
	 margin: 40px 0px 20px;
     width:100%;
     float:left;
}
 .specialization-cl{
     width:100%;
     float:left;
	 margin-bottom: 50px;
}
 .special-img{
     width:50%;
     float:left;
}
 .special-img.chemical-special-img{
     float:right;
}
 .special-img img{
     width:100%;
     float:left;
     height:auto;
}
 .special-text{
     width:45%;
     float:right;
}
 .special-text.chemical-special-txt{
     float:left;
}
 .special-text.project-mission{
     width:100%;
     float:left;
}
 .service-detail{
     width:100%;
     float:left;
}
 .choose_Accordian_Wdt{
     width:60%;
     float:left;
}
 .have-queston{
     width:36.7%;
     float:right;
     background:#f2ae2b;
     text-align:center;
     padding:21px 26px;
}
 .have-queston p{
     font-size:24px;
     color:#000;
     font-weight:300;
     line-height:25px;
}
 .have-queston h3{
     font-size:24px;
     color:#000;
     margin:20px 0px;
}
 .header-requestbtn.black-request-btn{
     background:#000;
     display:inline-block;
     float:none;
     color:#fff;
}
 .cnc-img{
     width:56.3%;
     float:left;
}
 .cnc-img.cnc-img2{
     width:42.3%;
     float:right;
}
 .portfoio-section{
	 padding: 0px 0px 20px;
}
 .portfoio-section3{
	 padding: 0px 0px 30px;
}
 .blog-list-cl{
     width:100%;
     float:left;
     margin-bottom:60px;
}
 .blog-list-cl.mar-btmnone{
     margin-bottom:0px;
}
.blog-list-cl h6 {
    font-size: 30px;
    text-transform: none;
    font-weight: 600;
    width: 100%;
    float: left;
    line-height: 30px;
}
 .blog-list-cl h6.wdt-100{
     width:100%;
}
 .blog-list-cl h6 a{
     color:#242424;
     text-decoration:none;
}
 .blog-list-cl h6 a:hover{
     color:#f2ae2b;
}
 .blog-img{
     width:100%;
     float:left;
     position:relative;
     margin-bottom:30px;
}
 .blog-img img{
     width:100%;
     float:left;
     height:auto;
}
 .blog-timing{
     width:79px;
     padding:18px 10px;
     background:#f2ae2b;
     position:absolute;
     left:0px;
     bottom:0px;
     text-align:center;
}
 .blog-timing h5{
     font-size: 30px;
     color: #000;
     font-weight: 700;
     font-family: 'Montserrat', sans-serif;
     line-height: 32px;
}
 .blog-timing span{
     font-size: 16px;
     color: #000;
     font-weight: 400;
     font-family: 'Lato', sans-serif;
     text-transform: uppercase;
}
 .blog-list-cl p a{
     color:#000;
     text-decoration:none;
}
 .blog-list-cl p a:hover{
     color:#f2ae2b;
}
 .blog-head{
     width:100%;
     float:left;
     margin-bottom:20px;
     border-bottom:1px solid #ccc;
     padding-bottom:20px;
}
 .blog-list-cl ul{
     margin:3px 0px;
     padding:0px;
     float:right;
}
 .blog-list-cl ul.blog-wdt{
     width:100%;
     float:left;
     margin:10px 0px 0px;
}
 .blog-list-cl ul li{
     list-style:none;
     float:left;
     font-size: 13px;
     color:#242424;
     padding:3px 20px 3px 30px;
     border-right:1px solid #666;
     margin-right:20px;
	 text-transform: uppercase;
}
 .blog-list-cl ul li:last-child{
     border-right:0px;
}
 .date_icon{
     background:url(../images/blog-icons-list.png) no-repeat 0px -2px;
}
 .author_icon{
     background:url(../images/blog-icons-list.png) no-repeat 0px -108px;
}
 .blog_icon{
     background:url(../images/blog-icons-list.png) no-repeat 0px -220px;
}
 .pagination{
     width:100%;
     float:left;
     margin:0px;
}
 .pagination ul{
     margin:0px;
     padding:0px;
}
 .pagination ul li{
     list-style:none;
     float:left;
     font-size:14px;
     background:#efefee;
     font-family: 'Montserrat', sans-serif;
     font-weight:600;
     margin-right:5px;
     width:40px;
}
 .pagination ul li a{
     color:#929292;
     text-decoration:none;
     height:40px;
     text-align:center;
     line-height:40px;
     display:block;
}
 .pagination ul li.prev-next{
     width:109px;
}
 .pagination ul li a:hover, .pagination ul li a.active-page{
     background:#383838;
     color:#fff;
}
 ul.blog-category-cl{
     margin:0px;
     padding:0px;
}
 ul.blog-category-cl li{
     list-style:none;
     float:left;
     width:100%;
     font-size:16px;
     border-bottom:1px solid #ccc;
}
 ul.blog-category-cl li a{
     color:#242424;
     text-decoration:none;
     padding:8px 17px;
     display:block;
     position:relative;
}
 ul.blog-category-cl li a:before{
     content: "\f105";
     position: absolute;
     font-family: 'FontAwesome';
     top: 8px;
     left: 0px;
     font-size: 15px !important;
     color: #000;
}
 ul.blog-category-cl li a:hover{
     color:#f2ae2b;
}
 ul.blog-category-cl li a:hover:before{
     color:#f2ae2b;
}
 .post-list{
     width:100%;
     float:left;
     border-bottom:1px solid #ccc;
     padding:20px 0px;
}
 .post-list .post-img{
     width:79px;
     height:79px;
     float:left;
}
 .post-list .post-img img{
     border:1px solid #bfbfbf;
}
 .post-list .post-txt{
     width:70%;
	float: left;
    padding-left: 15px;
}
 .post-list .post-txt h5{
     font-size:13px;
     color:#575757;
     line-height:20px;
     font-weight:600;
     margin-bottom:5px;
}
 .post-list .post-txt a.read-more{
     font-size:13px;
     color:#e29b12;
     text-decoration:none;
     text-transform:uppercase;
     font-family: 'Montserrat', sans-serif;
     font-weight:600;
}
 .post-list .post-txt a.read-more:hover{
     text-decoration: underline;
}
 ul.tag-cloud{
     margin:0px;
     padding:0px;
}
 ul.tag-cloud li{
     list-style:none;
     float:left;
     font-size:13px;
     margin-right:6px;
     margin-bottom:6px;
}
 ul.tag-cloud li a{
     color:#333;
     padding:10px 20px;
     display:block;
     border:1px solid #ccc;
}
 ul.tag-cloud li a:hover{
     background:#f2ae2b;
     border:1px solid #f2ae2b;
     color:#000;
     text-decoration:none;
}
 .blog-graylist{
     width:100%;
     float:left;
     background:#82c54533;
     padding:42px 30px;
     margin:50px 0px;
}
 .blog-graylist ul{
     margin:0px;
     padding:0px;
}
 .blog-graylist ul li{
     list-style:none;
     float:left;
     width:50%;
     background:url(../images/blog-graybg-arrow.png) no-repeat 0px 9px;
     font-size:16px;
     color:#000;
     border-right:0px;
     margin:2px 0px;
     padding-left:30px;
}
 .blog-testimonial{
     width:100%;
     float:left;
     background:url(../images/blog-testimonial-quote.png) no-repeat 0px 0px;
     padding:0px 0px 0px 82px;
     margin-bottom:50px;
}
 .blog-testimonial p{
     margin-bottom:20px;
}
 .blog-testimonial .client-name{
     font-size:17px;
     color:#eaa011;
     font-style:italic;
}
 .shares-col{
     background:#f2ae2b;
     width:auto;
     float:left;
     padding:7px 30px;
     margin-bottom:60px;
}
 .shares-col p{
     width:auto;
     float:left;
     color:#000;
     font-size:16px;
     text-transform:uppercase;
     margin-right:20px;
}
 .shares-col .header-socials{
     margin-right:0px;
     border-left:1px solid #000;
     padding:7px 15px;
     margin:0px;
}
 .shares-col .header-socials a{
     height:16px;
     line-height:16px;
}
 .shares-col .header-socials i{
     color:#000;
     width:auto;
     line-height:inherit;
}
 .shares-col .header-socials i:hover{
     color:#fff;
}
 .leave-reply-column{
     width:75%;
     float:left;
}
 .form-field{
     margin-bottom:8px;
}
 .form-field:last-child{
     margin-bottom:0px;
}
 .form-field label{
     width:100%;
     float:left;
     font-size:16px;
     color:#000;
}
 .form-field .form-input, .form-field .form-comment{
     width:100%;
     float:left;
     font-size:15px;
     color:#939393;
     border:1px solid #a3a3a3;
     padding:18px;
     font-family: 'Lato', sans-serif;
}
 .form-field.input-halfrght{
     padding-right:5px;
}
 .form-field.input-halflft{
     padding-left:5px;
}
 .form-submit-btn{
     width:auto;
     background:#313131;
     font-size:17px;
     color:#fff;
     text-transform:uppercase;
     text-align:center;
     padding:13px 30px;
     border:0px;
     font-weight:700;
     border-radius: 15px;
}
 .form-submit-btn:hover{
     background:#00adef;
     color:#000;
}

 .comingsoon-page{
     width:100%;
     float:left;
     text-align:center;
     padding:100px 0px;
}
 .comingsoon-page .logo{
     display:inline-block;
     float:none;
}
 .comingsoon-page h2{
     font-size:60px;
     color:#000;
     font-family: 'Montserrat', sans-serif;
     font-weight:700;
     margin:35px 0px 59px;
}
 ul.coming-list{
     width:100%;
     margin:0px 0px 50px;
     padding:0px;
     float:left;
}
 ul.coming-list li{
     list-style:none;
     display:inline-block;
     width:136px;
     height:136px;
     border:1px solid #000;
     border-radius:100%;
     text-align:center;
     text-transform:uppercase;
     color:#000;
     padding:37px 0px;
     margin:0px 25px;
     background:#f2ae2b;
}
 ul.coming-list li .number{
     font-size:72px;
     font-weight:700;
     font-family: 'Montserrat', sans-serif;
     line-height:40px;
}
 ul.coming-list li .day{
     font-size:18px;
     font-weight:300;
     width:100%;
     float:left;
}
 a.header-requestbtn.home-link{
     font-size:14px;
     background:#000;
     color:#fff;
     float:none;
     display:inline-block;
     padding:10px 33px;
}
 a.header-requestbtn.home-link:before{
     background:#e09505;
}
 a.header-requestbtn.home-link:hover{
     color:#000;
}

 .container.maintenance-container{
     max-width:940px;
     padding:200px 0px 0px;
}
 .maintenance-section{
     width:100%;
     float:left;
     padding:0px;
     position: relative;
}
 .maintenance-img{
     width:72.7%;
     float:left;
}
 .maintenance-img img{
     width:100%;
     float:left;
     height:auto;
}
 .maintenance-desc{
     width:60%;
     position:absolute;
     right:0px;
     top:0px;
}
 .maintenance-section h2{
     font-size:48px;
     color:#000;
     font-weight:800;
     text-transform:none;
     margin:-70px 0px 20px;
}
 .maintenance-section .subhead{
     font-size:18px;
     color:#000;
     border-bottom:1px solid #000;
     padding-bottom:20px;
     width:100%;
     float:left;
     margin-bottom:30px;
}
 .maintenance-section p{
     color:#000;
}
 .maintenance-footer{
     width:100%;
     float:left;
     font-size:15px;
     color:#8b8b8b;
     text-align:center;
     background:#1b1b1b;
     padding:30px 0px 31px;
     position:fixed;
     bottom:0px;
}

 .page-404{
     width:100%;
     float:left;
     text-align:center;
     background:url(../images/404bg.jpg) no-repeat center top;
     padding:182px 0px;
     font-family: 'Lato', sans-serif;
     color:#fff;
}
 .page-404 h1{
     font-size:172px;
     color:#fff;
     font-weight:900;
}
 .page-404 .pagenot-found{
     font-size:30px;
     width:100%;
     float:left;
     margin-bottom:20px;
}
 .page-404 a.gotohome{
     font-size:16px;
     color:#fff;
     text-decoration:none;
     text-transform:uppercase;
}
 .page-404 a.gotohome:hover{
     color:#f2ae2b;
}

 .portfoli-section{
     padding:80px 0px 20px;
}
 .portfoli-section2{
     padding:80px 0px 60px;
}
 .portfolio-column{
}
 .portfolio-column img{
     width:100%;
     float:left;
     height:auto;
     margin-bottom:30px;
}
 .portfolio-column h4{
     font-size:16px;
}
 .portfolio-column p{
     font-size:16px;
     line-height:26px;
}
 .portfolio-img-column{
     width:100%;
     float:left;
}
 .portfolio-img-column img{
     width:100%;
     float:left;
     height:auto;
}
 .black-portfolio-left{
     background:#1c1c1c;
     padding:36px 20px;
}
 .black-portfolio-left ul{
     margin:0px;
     padding:0px;
}
 .black-portfolio-left ul li{
     list-style:none;
     float:left;
     font-size:17px;
     color:#fff;
     width:100%;
     padding:5px 10px;
}
 .black-portfolio-left ul li .colleft{
     width:30%;
     float:left;
     font-weight:700;
}
 .black-portfolio-left ul li .colrght{
     width:70%;
     float:right;
}
 .header-socials.portfolio-socials{
     margin:0px;
}
 .header-socials.portfolio-socials i{
     width:auto;
     height:auto;
     line-height:inherit;
     margin-right:20px;
     color:#fff;
}
 .black-portfolio-left ul li:last-child{
     border-top:1px solid #ccc;
     padding:12px 10px;
     margin-top:10px;
}
 .portfolio-info-column{
     background:#f2ae2b;
     padding:72px 0px;
}
 .portfolio-info-column ul{
     margin:0px;
     padding:0px;
}
 .portfolio-info-column ul li{
     list-style:none;
     float:left;
     width:33.3%;
     border-right:1px solid #000;
     padding:10px 0px 10px 50px;
}
 .portfolio-info-column ul li:last-child{
     border:0px;
}
 .portfolio-info-column ul li h4{
     font-weight:700;
     font-family: 'Lato', sans-serif;
     text-transform:none;
     color:#000;
     font-size:18px;
}
 .portfolio-info-column ul li p{
     font-weight:400;
     color:#000;
     font-size:18px;
}
 .blog-graylist.portfoli-scope{
     width:auto;
     margin:0px;
     border-radius: 10px;
     padding:30px;
}
 .blog-graylist.portfoli-scope ul{
     margin:20px 0px 0px;
}
 .blog-graylist.portfoli-scope ul li{
     width:100%;
}
 .scope-img img{
     width:100%;
     float:left;
     height:auto;
}
 .filter-price{
     width:100%;
     float:left;
     margin:20px 0px 40px;
}
 .filter-price .gray-line{
     background:#eaeaea;
     width:100%;
     float:left;
     height:6px;
     position:relative;
}
 .left-price{
     width:30%;
     float:left;
     position:absolute;
     left:-1px;
     top:-5px;
}
 .left-price .gray-circle{
     width:16px;
     height:16px;
     background:#ccc;
     border-radius:20px;
     float:left;
}
 .left-price .price{
     font-size:14px;
     color:#000;
     width:100%;
     float:left;
     margin:10px 0px 0px;
}
 .left-price .price span{
}
 .left-price.right-price{
     left: inherit;
     right:-1px;
}
 .left-price.right-price .gray-circle{
     float:right;
}
 .left-price.right-price .price{
     text-align:right;
}
 a.header-requestbtn.filter-link{
     font-size:15px;
     text-transform:none;
     float:left;
     font-weight:600;
     padding:9px 34px;
     background:#f2ae2b;
     color:#000;
     width:108px;
}
 a.header-requestbtn.filter-link:before{
     background:#333;
}
 a.header-requestbtn.filter-link:hover{
     color:#fff;
}
 .post-list .post-txt.product-txt {
}
 .post-list .post-txt.product-txt h5{
     font-size:16px;
     text-transform:none;
}
 .post-list .post-txt.product-txt p{
     line-height:21px;
}
 .post-list .post-txt.product-txt p a{
     color: #d8a749;
}
 .post-list .post-txt.product-txt .price{
     font-size:16px;
     color:#000;
     margin-right:50px;
     float:left;
     width:30%;
}
 .post-list .post-txt.product-txt .rating{
     width:auto;
     float:left;
}
 .shop-column{
     width:31.6%;
     float:left;
     margin-bottom:60px;
     margin-right:20px;
}
 .shop-column:nth-child(3), .shop-column:nth-child(6), .shop-column:nth-child(9), .shop-column:nth-child(12){
     margin-right:0px;
}
 .shop-column img{
     width:100%;
     float:left;
     height:auto;
     border:1px solid #c1c1c1;
}
 .shop-column-head{
     width:100%;
     float:left;
     border-bottom:1px solid #ccc;
     margin-bottom:16px;
     padding:19px 0px;
}
 .shop-column-head h5{
     font-size:16px;
     text-transform:none;
     color:#4a4949;
     float:left;
     font-weight:600;
}
 .shop-column-head .rating{
     width:auto;
     float:right;
     margin:3px 0px;
}
 .shop-column-head .rating img{
     width:10px;
     height:10px;
     border:0px;
     margin:0px 1px;
}
 .shop-column .shop-price{
     width:auto;
     float:left;
     font-size:17px;
     color:#242424;
     font-family: 'Montserrat', sans-serif;
     font-weight:600;
     margin:7px 0px;
}
 a.header-requestbtn.filter-link.buy-now-link{
     float:right;
     font-size:14px;
     padding:9px 10px;
     margin:0px;
     width:120px;
     text-align:center;
}
 .product-desc{
     width:40%;
     float: left;
}
 .product-desc h2{
     font-size:36px;
     font-family: 'Montserrat', sans-serif;
     font-weight:600;
     text-transform:none;
}
 .product-desc .price{
     font-size:48px;
     font-weight:700;
     color:#f2ae2b;
     margin:5px 0px 10px;
     width:100%;
     float:left;
}
 .product-desc .quantity-cl{
     width:100%;
     float:left;
     margin:10px 0px;
}
 .product-desc .quantity-cl .quantity-input{
     width:114px;
     color:#000;
     font-size:20px;
     float:left;
     background:#dcdcdc;
     box-shadow:none;
     border:0px;
     font-family: 'Open Sans', sans-serif;
     text-align: center;
     padding:9px 10px 10px;
     margin:0px 1px;
}
 .product-desc .quantity-cl .plus-minus{
     width:42px;
     line-height:47px;
     background:#dcdcdc;
     color:#000;
     font-size:20px;
     float:left;
     text-align:center;
}
 a.header-requestbtn.filter-link.add-cart-link{
     padding:14px 12px;
     text-align:center;
     width:170px;
}
 ul.prd-info-list{
     width:100%;
     float:left;
     margin:25px 0px;
     padding:0px;
}
 ul.prd-info-list li{
     list-style:none;
     float:left;
     width:100%;
     font-size:16px;
     color: #d8a749;
     font-family: 'Lato', sans-serif;
     margin:3px 0px;
}
 ul.prd-info-list li span{
     font-weight:700;
     color:#000;
}
 .header-socials.footer-socials.product-socials {
	 margin: 0px 0px 0px;
}
 .header-socials.footer-socials.product-socials i{
     color:#000;
     border:1px solid #000;
}
 .header-socials.footer-socials.product-socials i:hover{
     color:#f2ae2b;
     border:1px solid #f2ae2b;
}
 .product-slider{
     width:55.4%;
     float:right;
}
 .product-slider img{
     width:100%;
     float:left;
     height:auto;
     border:1px solid #ccc;
}
 h4.fnt20{
     font-size:20px;
     border-bottom:1px solid #ccc;
     padding-bottom:20px;
}
 .rating-cl{
     width:100%;
     float:left;
     margin:20px 0px;
}
 .rating-cl h5{
     font-size: 16px;
     color: #000;
     width:auto;
     float:left;
}
 .rating-cl .rating-img{
     width:auto;
     float:left;
     margin:-5px 0px 0px 20px;
}
 .cart-table{
     width:100%;
     float:left;
     border:1px solid #ccc;
     margin-bottom:50px;
}
 ul.cart-table-top{
     width:100%;
     float:left;
     margin:0px;
     padding:0px;
     background:#f2f2f2;
}
 ul.cart-table-top li{
     list-style:none;
     float:left;
     font-size:14px;
     color:#575757;
     padding:15px 20px;
     font-family: 'Montserrat', sans-serif;
     text-transform:uppercase;
     font-weight:600;
}
 .cart-wdt1{
     width:40%;
     float:left;
     text-align:left!important;
}
 .cart-wdt2{
     width:17.3%;
     float:left;
     text-align:center;
}
 .cart-wdt3{
     width:8%;
     float:left;
     text-align:center;
}
 .cart-wdt4{
     width:38%;
     float:right!important;
}
 ul.cart-table-top.cart-table-mid{
     background:none;
     border-bottom:1px solid #ccc;
}
 ul.cart-table-top.cart-table-mid li{
}
 .cartproduct-img{
     width:37%;
     float:left;
     margin-right:24px;
}
 .cartproduct-img img{
     border:1px solid #ccc;
     width:100%;
     float:left;
     height:auto;
}
 .cartproduct-desc{
     width:55%;
     float:left;
     margin:15px 0px 0px;
}
 .cartproduct-desc h4{
     text-transform:none;
}
 .cartproduct-desc p{
     line-height:25px;
     text-transform:none;
     font-weight:400;
}
 .prdt-price{
     font-size:17px;
     color:#4a4949;
     font-family: 'Montserrat', sans-serif;
     font-weight:600;
     display:inline-block;
}
 .cart-prdt-qty{
     width:55px;
     height:37px;
     border:1px solid #ccc;
     font-size:17px;
     color:#4a4949;
     font-family: 'Montserrat', sans-serif;
     font-weight:600;
     display:inline-block;
     text-align:center;
}
 .margin-txt{
     margin:50px 0px;
}
 ul.cart-table-top.cart-table-btm{
     background:#fff;
     padding:15px 20px;
}
 a.continue-shop{
     background:#f6f4f4;
     font-size:15px;
     color:#5d5d5d;
     font-family: 'Montserrat', sans-serif;
     font-weight:600;
     padding:8px 10px;
     display:block;
     border:1px solid #ccc;
     float:left;
     text-transform:none;
     text-decoration:none;
     width:200px;
     text-align:center;
}
 a.continue-shop:hover{
     background:#f2ae2b;
     color:#000;
     border:1px solid #f2ae2b;
}
 a.continue-shop.clear-shoppingbtn{
     background:#fff;
     margin-left:5px;
     margin-right:5px;
}
 a.continue-shop.clear-shoppingbtn:hover{
     color:#f2ae2b;
}
 a.continue-shop.update-shoppingbtn{
     background:#f2ae2b;
     color:#000;
     border:1px solid #f2ae2b;
     float:right;
}
 a.continue-shop.update-shoppingbtn:hover{
     opacity:.8;
}

 .discount-codes{
     width:45.3%;
     float:left;
     background:#f6f4f4;
     padding:40px 55px 40px 40px;
     margin-right:70px;
}
 .discount-codes h4{
     font-size:20px;
}
 .codes-field{
     width:100%;
     float:left;
}
 .codes-field label{
     width:100%;
     float:left;
     font-size:18px;
     color:#575757;
     font-weight:400;
     margin-bottom:20px;
}
 .codes-field .codes-input{
     width:100%;
     float:left;
     background:#fff;
     border:1px solid #ccc;
     padding:10px;
}
 .apply-coupon, a.proceed-checkout{
     background: #f2ae2b;
     color: #000;
     float: left;
     font-size:15px;
     font-family: 'Montserrat', sans-serif;
     font-weight:600;
     padding:9px 19px;
     border:0px;
     margin:13px 0px 0px;
}
 .apply-coupon:hover{
     opacity:.8;
}
 .discount-codes.your-order{
     background:#fff;
     border:1px solid #ccc;
     width:35%;
     margin-right:0px;
     padding:40px;
}
 ul.order-lst{
     width:100%;
     float:left;
     margin:0px;
     padding:0px;
}
 ul.order-lst li{
     font-size:18px;
     color:#575757;
     width:100%;
     float:left;
     list-style:none;
     border-bottom:1px solid #ccc;
     padding:10px 0px;
}
 ul.order-lst li .span1{
     width:40%;
     float:left;
}
 ul.order-lst li .span2{
     width:40%;
     float:right;
     text-align:right;
}
 ul.order-lst li:last-child{
     border-bottom:0px;
}
 a.proceed-checkout{
     width:100%;
     text-decoration:none;
     text-align:center;
}
 a.proceed-checkout:hover{
     background:#000;
     color:#fff;
}
 .returning-customer{
     width:100%;
     float:left;
     background:#c5f2f0;
     font-size:15px;
     color:#525252;
     padding:14px 30px;
     margin-bottom:10px;
}
 .returning-customer a{
     color:#f09e00;
     text-decoration:none;
}
 .returning-customer a:hover{
     color:#18948e;
}
 .returning-customer.coupon-code{
     background:#e6e6e6;
     margin-bottom:50px;
}
 .returning-customer.coupon-code a{
     color:#000;
}
 .returning-customer.coupon-code a:hover{
     color:#7b7b7b;
}
 .billing-left{
     width:53%;
}
 .order-rght{
     width:43%;
     float:right;
}
 .checkout-form{
     width:100%;
     float:left;
}
 .checkout-form .form-field{
     width:100%;
     float:left;
     margin:10px 0px;
}
 .checkout-form .form-field.field-49{
     width:49%;
}
 .checkout-form .form-field.field-55{
     width:55%;
}
 .checkout-form .form-field.field-fr{
     float:right;
}
 .checkout-form .form-field label{
     width:100%;
     float:left;
     font-size:15px;
     color:#696969;
     font-weight:400;
     margin-bottom:10px;
}
 .checkout-form .form-field .form-input, .checkout-form .form-field .form-select, .checkout-form .form-field .form-msg{
     width:100%;
     float:left;
     background:#fff;
     border:1px solid #ccc;
     padding:14px;
     font-size:15px;
     color:#969696;
}
 .input-marginbtm{
     margin-bottom:8px;
}
 .checkout-form .form-field .checkbox_label{
     width:auto;
     cursor:pointer;
}
 .checkout-form .form-field .checkbox_label input[type=checkbox], input[type=radio] {
     margin: 4px 10px 0 0;
}
 .product-orderlst{
     background:#f6f6f6;
     width:100%;
     float:left;
     padding:20px 35px 30px;
     margin:20px 0px;
}
 .product-orderlst ul{
     margin:0px;
     padding:0px;
}
 .product-orderlst ul li{
     list-style:none;
     float:left;
     width:100%;
     font-size:15px;
     color:#7e7e7e;
     padding:14px 0px;
}
 .product-orderlst ul li .left-txt{
     width:45%;
     float:left;
}
 .product-orderlst ul li .rght-txt{
     width:25%;
     float:right;
}
 .product-orderlst ul li:first-child{
     font-weight:700;
     font-size:18px;
}
 .product-orderlst ul li:last-child{
     border-top:1px solid #ccc;
     border-bottom:1px solid #ccc;
}
 .paypal-img{
     float:left;
     margin:-13px 20px 0px;
}
 a.whatpaypal{
     font-size:16px;
     color:#f2ae2b;
}
 .checkout-form .form-field .form-msg{
     height:95px;
}
 .paypal-margin{
     margin:40px 0px!important;
}
 .contact-info-column{
     margin-bottom:60px;
}
 .contact-info-column img{
     margin-bottom:20px;
}
 .contact-form{
     width:74%;
     display:inline-block;
     margin:40px 0px 0px;
     text-align:center;
}
 .contact-form.request-form{
     width:100%;
     margin:0px;
     text-align:left;
}
 .contact_map {
     width: 100%;
     height: 421px;
     float:left;
	 border:0;
}
 .contact_map iframe {
     width: 100%;
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     height: 421px;
	 border:0;
}
 .footer-social-bg{
     background:#f2ae2b;
     padding:12px 0px;
}
 .header-socials.header2-socials.contact-social{
     float:none;
     display:inline-block;
}
 .header-socials.header2-socials.contact-social i {
     width: 60px;
     height: 60px;
     margin-right: 10px;
     line-height: 60px;
     border-radius:74px;
     border:1px solid #000;
     color:#000;
     font-size:30px;
}

 .recent-project-section .item.active{
     border:0;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*08 - Image Hover Effect */
/*-------------------------------------------------------------------------------------------------------------------------------*/

 .image-zoom-on-hover {
     overflow: hidden;
}
 .image-opacity-on-hover img, .image-zoom-on-hover img{
     transition: opacity 300ms ease-out, transform 300ms ease-out, filter 300ms ease-out;
     -moz-transition: opacity 300ms ease-out, -moz-transform 300ms ease-out, -moz-filter 300ms ease-out;
     -o-transition: opacity 300ms ease-out, -o-transform 300ms ease-out, -o-filter 300ms ease-out;
     -webkit-transition: opacity 300ms ease-out, -webkit-transform 300ms ease-out, -webkit-filter 300ms ease-out;
}
 .image-zoom-on-hover:hover img {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
}
 .image-opacity-on-hover:hover img {
     opacity: 0.55;
     filter: alpha(opacity=55);
}
 .image-opacity-on-hover {
     background: #1c1c1c;
}
 .get_in_01{
     background:#f3f3f3;
}
 .get_in_01 textarea{
     height:100px;
}
 .get_in_02 .request_btn{
     margin:0 auto;
     text-align:center;
     margin-top:20px;
}
 .faq_04{
     background:#f3f3f3;
}
.faq_05 ul li{
     font-size:16px;
     font-family: 'Open Sans', sans-serif;
     font-weight:400;
     list-style:none;
     line-height:36px;
}
 .faq_05 ul {
     padding-left:0;
}
 .faq_05 .extraspace{
     margin-bottom:10px;
}
 .faq_05 ul{
     margin-bottom:0;
}

.ftr-section p a{
    color: #757575;
	text-decoration:none;
}
.ftr-link-column{
	margin-left:-40px;
}
.header-info .phn a{
	color:#575757;
	word-wrap: break-word;
}

.header-info .maiil a{
	color:#575757;
	word-wrap: break-word;
}

.google-maps {
    position: relative;
    padding-bottom: 27%;
    height: 0;
    overflow: hidden;
	clear: both;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
	border:0;
	height:300px;
}
.service_section1{
	margin-bottom: 50px;
}

.service_section1 .right_sec {
    background: #f1f1f1;
    text-align: center;
    padding: 30px;
    margin-top: 25px;
}
.service_section1 .right_sec i {
	color: #f2ae2b;
    font-size: 20px;
    vertical-align: middle;
}
.service_section1 .right_sec h5{
	margin-top:15px;
}
.service_section1 .col-md-4 {
    width: 39.333333%;
}
.service_section1 .col-md-8 {
    width: 60.666667%;
}
.service_section1 .right_sec .simple-text p{
	padding:8px 0px;
}
.cnc_services{
	width:100%;
}

 .service-tab-box .tab-menu {
     border-bottom: 1px solid #f4f4f4;
     overflow: hidden;
     padding: 0;
     margin-bottom: 0;
}
 .service-tab-box .tab-menu li {
     display: inline-block;
     float: left;
     margin-bottom: 0px;
     margin-right: 3px;
}
 .service-tab-box .tab-menu li span {
     background: #ffffff;
     border-top: 1px solid #f4f4f4;
     border-left: 1px solid #f4f4f4;
     border-right: 1px solid #f4f4f4;
     border-bottom: 1px solid #f4f4f4;
     border-radius: 0;
     display: block;
     margin-bottom: -1px;
     padding: 15px 30px 13px;
     color: #2a2a2a;
     font-size: 17px;
     font-weight: 600;
     text-transform: capitalize;
     transition: all 500ms ease;
     font-family: 'Work Sans', sans-serif;
     position: relative;
     display: block;
     cursor: pointer;
}
 .service-tab-box .tab-menu li.active span, .service-tab-box .tab-menu li:hover span{
     background: #f4f4f4;
     color: #f2ae2b;
     border-left-color: #f4f4f4;
     border-top-color: #f4f4f4;
     border-right-color: #f4f4f4;
     border-bottom-color: #f4f4f4;
}
 .service-tab-box .tab-content-box {
     background: #f4f4f4;
     padding: 29px 20px 20px;
     display: block;
}
 .service-tab-box .tab-content-box .single-tab-content{
}
 .service-tab-box .tab-content-box .single-tab-content .top-content {
     margin-bottom: 10px;
}
 .service-tab-box .tab-content-box .single-tab-content .top-content p{
     color:#42435d;
     font-size:15px;
     font-weight:400;
     font-family: 'Open Sans', sans-serif;
     line-height:26px;
     margin-bottom:0;
}
 .service-tab-box .tab-content-box .single-tab-content .bottom-content {
     overflow: hidden;
}
 .service-tab-box .tab-content-box .single-tab-content .bottom-content .title {
     padding-bottom: 10px;
}
 .service-tab-box .tab-content-box .single-tab-content .bottom-content .title h3 {
     font-size: 20px;
}
 .service-tab-box .tab-content-box .single-tab-content .bottom-content ul {
}
 .service-tab-box .tab-content-box .single-tab-content .bottom-content ul.left{
     margin-right: 50px;
}
 .service-tab-box .tab-content-box .single-tab-content .bottom-content ul li{
     line-height: 36px;
}
 .service-tab-box .tab-content-box .single-tab-content .bottom-content ul li i{
     color: #3740b0;
     font-size: 16px;
     display: inline-block;
     padding-right: 8px;
}
.section_3{
	margin-bottom:60px;
	clear:both;
}
.service_advantage h3{
	font-family: 'Montserrat', sans-serif;
    margin: 0px;
	font-size:30px;
    font-weight: 700;
    color: #242424;
    text-transform: uppercase;
}
.havequestion_01{
	width:100%;
}
.contact_form{
	width:100%;
	margin-top:0;
}
.contact_form h3{
	text-align:left;
}
.contact_form .form-submit-btn{
	float:left;
	margin-top: 20px;
}
.icon_size i{
	font-size:40px;
	padding-right:15px;
	margin-top: 15px;
    vertical-align: middle;
    display: inline;
}
 .gal-item a {
     display: block;
}
 .img-full {
     display: block;
     width: 100%;
}
 .black-hover:hover .tour-layer {
     opacity: 1;
}
 .black-hover:hover .vertical-align {
	 opacity:1;
 }
 .delay-1 {
     -webkit-transition: all 800ms cubic-bezier(.23,1,.32,1);
     -moz-transition: all 800ms cubic-bezier(.23,1,.32,1);
     -o-transition: all 800ms cubic-bezier(.23,1,.32,1);
     transition: all 800ms cubic-bezier(.23,1,.32,1);
}
 .gal-item a:hover .vertical-align {
     opacity: 1;
     margin-top: 0;
}
 .gal-item .vertical-align, header.bg-black-o {
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
}
 .gal-item .vertical-align {
     text-align: center;
     opacity: 0;
     margin-top: -50px;
}
 .vertical-align {
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     top: 50%;
     position: absolute;
     width: 100%;
     left: 0;
}
 .tour-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.4);
     opacity: 0;
     transition: all .3s ease-in;
     -webkit-transition: all .3s ease-in;
     -moz-transition: all .3s ease-in;
     -ms-transition: all .3s ease-in;
}
 .delay-1 {
     -webkit-transition: all 800ms cubic-bezier(.23,1,.32,1);
     -moz-transition: all 800ms cubic-bezier(.23,1,.32,1);
     -o-transition: all 800ms cubic-bezier(.23,1,.32,1);
     transition: all 800ms cubic-bezier(.23,1,.32,1);
}
.sim-button:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #333;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.border h5{
	color:#fff;
	font-family: 'Montserrat', sans-serif;
    font-weight: 600;
	font-size:16px;
}
.view-all.slide_learn_btn.view_project_btn {
    width: 147px;
    font-size: 16px;
    display: inline-block;
    top: 0px;
    position: relative;
    z-index: 999;
    -webkit-transition: -webkit-transform 0.90s;
    transition: transform 0.90s;
    line-height: 43px;
    font-family: 'Montserrat', sans-serif;
    margin: 20px 0px 20px;
    background: #f2ae2b;
    color: #0e0e0e;
    font-weight: 600;
    letter-spacing: 0.50px;
}
.view-all.slide_learn_btn.view_project_btn:hover {
    color: #fff;
}
.portfolio-2 .grid,.portfolio-3 .grid,.portfolio-4 .grid,.portfolio-5 .grid{
	overflow:hidden;
	position:relative;
}

.home2 .slide-1{
	background-image: url(../images/banner/banner-02.jpg);
	background-position: center right;
}
.home2 .slide-2{
	background-image: url(../images/banner/banner-01.jpg);
	background-position: center right;
}
.home2 .slide-3{
	background-image: url(../images/banner/banner-03.jpg);
	background-position: center right;
}


.common_testimonial_01#var_testimonial .controls{
	bottom:100px;
}
.common_testimonial_01 .carousel-inner{
	padding-bottom:50px;
}
.static-section.home3-static.home5-static-section_01{
	padding-top:50px;
}
.who_we_01 h3{
	margin-bottom:30px;
}
.havequestion_01{
	padding-top:40px;
	padding-bottom:40px;
}
.portfoio-section h4{
	margin-bottom: 5px;
}
 .form-submit-btn{
	margin-top:20px;
}
.why-choose-section_01{
	background:#fff;
}
.header5 .header-info .phn a{
	color:#000;
}

/*****************************************************************************************
                            Home6
*****************************************************************************************/

.responsive_search-fl,.responsiveSide{
	display: none;
}
.paddingSection{
	padding: 120px 0;
}
.home6 #main-navigation-wrapper.navbar-default .navbar-nav > .open > a, 
.home6 #main-navigation-wrapper.navbar-default .navbar-nav > .open > a:focus,
.home6 #main-navigation-wrapper.navbar-default .navbar-nav > .open > a:hover, 
.home6 #main-navigation-wrapper.navbar-default .navbar-nav > li:hover > a, 
.home6 #main-navigation-wrapper.navbar-default .navbar-nav > li > a.active {
     color: #fdcd00;
}
.home6 #main-navigation-wrapper .dropdown-submenu li > a:focus, 
.home6 #main-navigation-wrapper .dropdown-submenu li a:hover{
	background: #011327;
}
.header6 ul.header-info li:before{
     font-size: 40px !important;
     line-height: 42px;
}
.header6 #main-navigation-wrapper.navbar-default{
     margin: 0;
     margin-bottom: -32px;
}
 .header6 .logoSec .logo { 
     margin: 20px;
} 
header.header6{ 
    position:relative; 
    padding: 0;
}
.header6 a.header-requestbtn:before{
   display: none;
}
.header6 ul.header-info li{
     font-size: 16px;
}
.header6 .headerTopSec:before 
{ 
     width: 62%;
     position: absolute;
     top: 0px;
     content: "";
     border-bottom: 65px solid #fdcd00;
     border-right: 25px solid transparent;
}
.headerTopSec{ 
    background: #011327; 
}
.topSecLeft,.topSecRight{
 min-height: 65px;
 padding-top: 18px;  
}
.topSecLeft h3{ 
    font-size: 16px;
    margin-bottom: 0;
    padding: 3px 0 0 10px; 
    font-family: 'Montserrat', sans-serif;
}
.topSecRight a{ 
    color: #fff; 
}
.addressSec ul.header-info{ 
    width: 100%; 
	
}
.addressSec ul.header-info li
{   
      margin-right: -21px;
      padding: 0 0 0 40px; 
}
.topSecRight i{ 
    margin: 0 12px; 
}
.header6Social{ 
    border-right: 1px solid #fff;
    text-align: right; 
}
.header6Social i {
    font-size: 20px;
}
.topSecRight a:last-child{ 
    padding-right: 10px; 
}
.header6 .var2-nav{ 
    background: #fdcd00; 
}
.header6 #main-navigation-wrapper.navbar-default.sticky_header.navbar2-wrap{ 
    background: #011327; 
}
ul.header-info li.phnClass:before
{   
    color: #fdcd00;
    font-size: 36px !important;
    top: 7px;
    margin-top: 2px;
}
.header6 #main-navigation-wrapper .nav>li>a{ 
     border-right: none;
    font-family: 'poppins', sans-serif;
    font-weight: 500;
}
.header6 .navbar-collapse:before
{  
    width: 74%;
    position: absolute;
    top: 0;
    content: "";
    border-top: 65px solid #011327;
    border-right: 29px solid transparent; 
}
.header6 .sticky_header .navbar-collapse:before{ 
    border-top: 65px solid #011327; 
}
.header6 a.header-requestbtn{ 
     background: none;
    font-family: 'poppins', sans-serif;
    font-size: 16px;
    padding: 21px;
    font-weight: 600;
}
.header6 a.header-requestbtn:hover{
         color: #1c1b1b;
}
.header6 #main-navigation-wrapper.navbar-default .navbar-nav > li.current_page_parent.current-menu-ancestor.current-menu-parent > a {
    color: #fdcd00;
}
header.header6 ul.header-info{ 
   margin: 28px 0px;
   display: inline-flex;
}
@media(max-width: 991px)
{
    .headerTopSec,.logoSec{ 
        display: none; 
    }
    header.header6 .navbar-header { 
        background: #011327; 
    }
    .header6 .navbar .navbar-header .logo-menu .logo{
     margin: 0; 
 }
    header .navbar.sticky_header{ 
        top: 0!important;
        position: fixed; 
    }
}
.header6 .headerMiddleSec .addressSec ul.header-info li
{
     border-right: 0px;
}
.header6 #main-navigation-wrapper .dropdown-submenu li a {
    font-family: 'poppins', sans-serif;
}

.hm6-text h1,
.hm6-text h2,
.hm6-text h3,
.hm6-text h4,
.hm6-text h5,
.hm6-text h6{ 
    text-transform:none; 
}

button.sideOpenbtn.sidebarDeskButton{ 
    color: #000;
    display: none;
    margin-top: 7px; 
}
button.sideOpenbtn.sidebarRespButton{ 
    display: block; 
	float: right;
}
button.sideOpenbtn{ 
    background: none;
    border: unset;
    color: #fff;
    outline: none; 
}
.headerSidebar
{
    height: 700px;
    width: 360px;
    position: fixed;
    z-index: 1010;
    top: -10%;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding: 0;
    border: 1px solid #ccc;
    right: -420px; 
    margin-top: 120px; 
}
.headerSidebar a:hover { 
    color: #011327; 
}
.headerSidebar .sideClosebtn 
{ 
    top: 0;
    font-size: 36px;
    text-decoration: none;
    color: #818181;
    transition: 0.3s; 
}
.sideCloseButton{ 
    width: 100%;
    text-align: right; 
}
p.textQuote {  
    margin-top: 10px; 
}
.iconArea{ 
    margin-top: 30px; 
}
.iconArea hr{ 
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #011327;
    width: 115px;
    float: left;
    margin-right: 15px; 
}
.iconArea i{ 
    font-size: 30px;
    color: #fdcd00;
    padding-left: 5px;
    padding-top: 4px; 
}
.iconArea h5{ 
    font-weight: 600;
}
.iconArea p{ 
    margin-bottom: 30px;
    margin-top: 6px; 
}
.contactButton{ 
    padding-left: 10px;
    margin-top: 10px; 
}
a.header-contctbtn{ 
    padding: 7px 25px;
    background: #000;
    color: #fff;
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px; 
}
a.header-contctbtn:hover{ 
    color: #011327;
}
a.header-contctbtn:before{ 
    background: #fdcd00;
    border-radius: 4px;
}
a.header-contctbtn i{ 
    padding-right: 10px; 
}
.sideBarSocial{ 
    margin-top: 50px; 
}
.sideBarSocial i{ 
    color: #fff;
    line-height: 22px;
    margin: 0;
    text-align: center;
    font-size: 16px;
    padding: 0 11px 0 11px; 
}
.sideBarSocial i.fa.fa-facebook{ 
    padding: 0 11px 0 13px; 
}
.sideBarSocial i.fa.fa-twitter{
    padding: 0 7px 0 11px; 
}
.sideBarSocial i.fa.fa-linkedin{ 
    padding: 0 8px 0 11px; 
}
.sideBarSocial a{ 
    background: #000;
    padding: 8px 0;
    border-radius: 50%;
    margin-right: 12px; 
}
.sideBarSocial a:hover{ 
    background: #fdcd00; 
}
.sideBarSocial a:hover i{ 
    color: #011327; 
}
.ic-bar {
    background: #fff;
    width: 18px;
    height: 2px;
    display: block;
    margin: 4px;
}
.slider-content{ padding-top :180px}
.home6 .ftr-section{
	background: url(../images/home6-images/footer-bg.jpg) no-repeat center center;
	background-size:cover;
}
.home6 .ftr-section p,.home6 ul.footer-link li a,.home6 .ftr-section h6,.home6 .ftr-section p a{
	color: #ccc;
}

.home6 #minimal-bootstrap-carousel .carousel-inner .item{
	min-height: 807px;
}
.home6 .home6Slider .slide-1{
	background-image: url(../images/home6-images/slider-1.jpg);
	background-position: center right;
}
.home6 .home6Slider .slide-2{
	background-image: url(../images/home6-images/slider-2.jpg);
	background-position: center right;
}
.home6 .home6Slider .slide-3{
	background-image: url(../images/home6-images/slider-3.jpg);
	background-position: center right;
}
 #minimal-bootstrap-carousel.home6Slider .carousel-caption .thm-container .box .content{
	width: 67%;
}
.home6Slider .carousel-caption .thm-container .box .content::before{
    width: 165px;
    position: absolute;
    content: "";
    height: 477px;
    background: #fdcd00;
    z-index: -1;
}
.home6Slider .carousel-caption h5{
	font-style: italic;
	color: #fff;
	font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;
    width: 96%;
    margin-top: -10px;
    padding-left: 5px;
}
.home6Slider .carousel-caption h1{
	padding-left: 40px;
	color: #fff;
	font-weight: 400;
    font-size: 60px;
    line-height: 50px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
}
.home6Slider .carousel-caption h1.title2{
	font-weight: 600;
	line-height: 63px;
	padding-top: 3px;
}
.home6Slider a.header-requestbtn.learn-more.our-solution{
	margin-left: 41px;
	margin-top: 5px;
    border-radius: 5px;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    background: #011327;
    color: #fff;
}
.home6Slider a.header-requestbtn.learn-more.our-solution:before{
	background: #fff;
	color: #011327!important;
	border: 2px solid #011327;
	border-radius: 5px;
}
.home6Slider a.header-requestbtn.learn-more.our-solution:hover{
	color: #011327!important;
}
.home6Slider .carousel-caption .topText{
	margin-top: 115px;
	padding-left: 41px;
	display: flex;
}
.home6Slider .sliderTitle{
	margin-bottom: 25px;
	margin-top: 15px;
}
.home6Slider .carousel-caption .topText .line{
    height: 3px;
    background: #011327;
    width: 4%;
}
.missionImageCol .vertical_titleStrip{ 
    margin-top: -47%;
    width: 82%; 
    background: #fdcd00;
    transform: rotate(270deg);
    margin-top: -47%;
    margin-left: -37%;
}
.missionImageCol .vertical_titleStrip{ 
    padding-top: 10px!important;
    padding-bottom: 10px!important; 
}
.missionImageCol .vertical_titleStrip h1{
   font-size: 30px;
    color: #fff;
    font-weight: bold;
    line-height: normal;
    padding-left: 25px;
}
.company_mission_video { 
    margin: 0;
    width: 50%;
    float: right;
    margin-top: 8%;
    margin-right: -11%!important;
    position: relative;
}
.imageDiv {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.missionContentCol,.missionImageCol{
	padding-left: 30px;
    padding-right: 30px;
}
.home6 .tophead{
     margin-top: 15px;
     padding-left: 0;
     display: flex;
}
.home6 .tophead p{
     margin-bottom: 25px;
    margin-top: -15px;
    padding-left: 12px;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    color: #fdcd00;
    margin-bottom: 10px;
}
.home6 .tophead .line{
     height: 4px;
     background: #011327;
     width: 22px;
     margin-top: -4px;
}
.home6 .titleHead h1{
    font-weight: bold;
    color: #011327;
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 40px;
    text-transform: capitalize;
}
.home6 .iconButton{
     margin-top: 40px;
}
.home6 .iconButton .iconContent i{
    color: #fdcd00;
    font-size: 30px;
    text-align: center;
}
.home6 .iconButton .iconContent h4{
    font-size: 20px;
    text-transform: capitalize;
    line-height: 27px;
}
.home6 .iconButton .iconContent p{
     line-height: 21px;
     font-size: 15px;
}
.home6 .iconButton .iconContent .col-md-9{
     padding-right: 0;
     padding-left: 0;
     width: 80%;
}
.home6 .iconButton .iconContent .col-md-3{
     padding-right: 0;
     width: 20%;
}
.divider hr {
    margin: 50px auto 70px;
    width: 80%;
}
.col-md-5.signLeftCol{ 
    padding-left: 50px; 
}
.signCol img{
     padding-left: 45px;
}
.signCol {
    border-left: 1px solid #fdcd00;
}
.signLeftCol p{
     font-size: 17px;
    font-weight: normal;
    color: #011327;
    line-height: 26px;
}
.signLeftCol p span{
     font-size: 18px;
}
.company_mission{
    background: url(../images/home6-images/welcm-lft-bg.jpg) no-repeat ;
    position: relative;
}
.home6 .serviceSection{
	background: url(../images/home6-images/service-bg-1.jpg) no-repeat center center;
    background-size:cover;
}
.home6 .singleService{ 
    border: 1px solid #ccc;
    padding: 0 25px 24px 25px; 
    min-height: 282px;
    background: #fff;
     transition: all .4s ease-out;
    margin-top: 60px; 
}
.home6 .serviceImgArea{ 
    background: #fdcd00;
    width: 85px;
    padding: 15px 10px 10px 16px;
    height: 88px;
    margin-top: -25px;
}
.home6 .serviceContent{
    padding: 15px 0;
}
.home6 .serviceContent h5{
     font-size: 24px;
     font-weight: 700;
    margin: 30px 0px 15px 0; 
     font-family: 'poppins', sans-serif;
     text-transform: none;
     color: #011327;
}
.home6 .serviceContent p{ 
     font-size: 16px;
     font-family: 'Open Sans', sans-serif;
}
.home6 .singleTeam {
    margin-top: 20px;
}
.home6 .singleService:hover{ 
    background: #011327;
    transition: all .4s ease-in; 
}
.home6 .singleService:hover .serviceContent h5{ 
    color: #fdcd00; 
}
.home6 .singleService:hover .serviceContent p{ 
    color: #fff; 
}
.home6 .serviceSection .uvc-heading{ 
    padding-left: 1%; 
}
.emergencySec{ 
    text-align: center; 
    background: url(../images/home6-images/emergency-call-bg.jpg) no-repeat center center;
    background-size:cover;
    padding-bottom: 170px;
}
.emergencySec h3{ 
    text-transform: none;
    font-weight: bold;
    font-size: 36px;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
}
.emergencySec h3 span{
	font-style: italic;
    color: #fdcd00;
}
.emergencySec h1{
	font-weight: bold;
    color: #fdcd00;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 60px;
    line-height: 70px;
}
.home6 a.home6Button{
    margin-left: 41px;
    margin-top: 5px;
    border-radius: 5px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    background: #fdcd00;
    color: #fff;
    padding: 12px 10px;
    width: 185px;
}
.home6 a.home6Button.hvr-bounce-to-right:before{
	background: #fff;
	color: #011327;
	border-radius: 5px;
}
.home6 a.home6Button:hover{
	color: #011327;
}
section.success_story{ 
    margin-top: -105px; 
    padding-bottom: 130px;
}

.formSec{
	background: url(../images/home6-images/form-bg.png) no-repeat center center;
    background-size:cover;
    padding: 89px 50px;
}
.home6 .formSec .tophead p{
	color: #ffffff;
	margin-bottom: 3px;
}
.home6 .formSec .titleHead h1{
	margin-bottom: 0;
}
.home6 .formSec .titleHead{
	float: left;
    margin-bottom: 60px;
}
.schedule_services .form-field .form-input, .schedule_services .form-field .form-comment,
.schedule_services select
{ 
    width: 95%;
    padding: 6px 18px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #5a5959;
  border: 1px solid #fff;
  border-radius: 5px; 
}
.schedule_services .form-field .form-comment{ 
    height: 75px; 
}
.schedule_services .form-submit-btn
{   padding: 10px 45px;
    font-size: 16px;
    text-transform: capitalize;
    background: #011327;
    margin-top: -3px;
    border-radius: 5px;
    transition: all .4s ease-out;
}
.schedule_services .form-submit-btn:hover{ 
    background: #fff;
    transition: all .4s ease-in; 
}
.schedule_services .form-field{ 
    margin-bottom: 28px; 
}
.success_story .success_story_content .topText p{
	font-style: italic;
    font-weight: bold;
    color: #011327;
    margin-bottom: 20px;
    line-height: normal;
}
.iconSec.col-md-7{
   width: 50.333333%;
}
.iconSec{ 
    margin-left: 60px; 
    background-color: #f2f2f2;
    padding-top: 60px;
    padding-bottom: 35px;
}
.success_story .iconSec .row{
	padding-right: 50px;
    padding-left: 55px;
}
.success_story .col-md-10{
   padding-left: 0;
}
.success_story .col-md-2{
   text-align: center;
}
.iconSec .icon_counter{
	margin-bottom: 30px;
    float: left;
}
.success_story .iconSec i{
	color: #011327;
	font-size: 50px;
	line-height: 1;
	padding-top: 8px;
}
.success_story .iconSec h3{
	font-size: 36px;
    color: #fdcd00;
    text-align: left;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif;
    display: inline;
}
.success_story .iconSec h4{
	font-weight: bold;
    color: #011327;
    margin-top: 3px;
    font-size: 24px;
    line-height: normal;
    margin-bottom: 0;
}
.success_story .iconSec p{
	font-weight: normal;
    color: #5a5959;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: normal;
}
.icon_counter h3{ 
    display: inline; 
}
.success_story .vertical_titleStrip{ 
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    padding-top: 15px;
    padding-bottom: 15px; 
    padding-left: 35px; 
    background: #011327;
    margin-top: -46.5%;
    float: left;
    margin-left: -55%;
    width: 90%; 
}
.success_story .vertical_titleStrip h1{
	font-weight: bold;
    color: #ffffff;
    font-size: 36px;
    line-height: normal;
}
.home6 .projectSec .tophead p{
	color: #ffffff;
	margin-bottom: 3px;
}
.home6 .projectSec .titleHead h1{
	margin-bottom: 0;
}
.home6 .projectSec .titleHead{
    margin-bottom: 6px;
}
.featuredProject .col-md-3.col-sm-3.col-xs-12,.featuredProject .col-md-6.col-sm-6.col-xs-12{ 
    height: 485px;
    padding-right: 0;
    padding-left: 0; 
}
.featuredProject img.proImg{ 
    width: 100%; 
    height: 485px; 
}
.featuredProject{ 
    display: block; 
}
.featuredProject .titleSec{ 
     padding: 145px;
     padding-right: 40px;
     background-image: url(../images/home6-images/form-bg.png);
     background-repeat: no-repeat, repeat;
     background-color: #fdcd00;
     background-position: right;
}
.projectTopRight{ 
    background: #ebebeb; 
}
.projectNameLeft{ 
    background: #011327; 
}
.projectNameRight{ 
    background: #fdcd00; 
}
.projectTopRight,.projectNameRight,.projectNameLeft{     
    padding: 180px 0px; 
}
.title2 h1{ 
    font-weight: bold;
    font-size: 36px;
    line-height: 38px; 
    text-transform:none; 
    color: #011327; 
}
.titleContent p{ 
    font-weight: normal;
    font-size: 16px;
    color: #011327;
    margin-top: 10px; 
    line-height: normal;
}
.titleButton{ 
    border-radius: 5px;
    border: 2px solid #011327;
    background: #011327;
    transition: all .4s ease-out;
    width: 160px;
    text-align: center;
    line-height: 38px;
    height: 42px;
    margin-top: 25px;
  }
.titleButton:hover{ 
    border: 2px solid #fff;
    background: #fff;
    transition: all .4s ease-in; 
}
.titleButton:hover a{ 
    color: #011327;
    font-weight: bold; 
}
.titleButton a{ 
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
  font-size: 18px;
  color: #fff; 
  padding: 12px;
}
.title1.titleLine{ 
    margin-bottom: 13px; 
}
.projectName h1{
     font-size: 36px;
     line-height: 34px;
     margin-bottom: 25px!important;
     text-align: center;
 }
.titleButton.projectButton{ 
    margin: 0 auto; 
}
.projectNameLeft .projectName h1{ 
    color: #fff; 
}
.projectNameLeft .titleButton.projectButton{ 
    border: 2px solid #fdcd00;
    background: #fdcd00; 
}
.projectNameLeft .titleButton.projectButton a{ 
    color: #011327;
    font-weight: bold; 
}
.projectNameLeft .titleButton.projectButton:hover{ 
    border: 2px solid #fff;
    background: #fff;
    transition: all .4s ease-in; 
}
.projectTopRight .titleButton:hover{ 
    border: 2px solid #fdcd00;
    background: #fdcd00;
    transition: all .4s ease-in; 
}
.projectTopRight .titleButton:hover a{ 
    color: #011327; 
}
img.proImg{ 
    width: 100%;
    transition: all .4s ease-in; 
}
.projectImage2,.projectImage1,.projectImage3{ 
    overflow: hidden; 
}
.projectImage2:hover>img.proImg,.projectImage1:hover>img.proImg,.projectImage3:hover>img.proImg
{  
    -webkit-transform: scale(1.05) translateZ(0);
     transform: scale(1.05) translateZ(0);
    transition: all .4s ease-in; 
}
.featuredProject .row{ 
    margin-left: 0;
    margin-right: 0; 
}
.title2.projectName{
     padding: 0 25px;
}
.ourTeam img{ 
    height: auto;
    width: 100%;
    margin-left: 5px;
}
.teamImage{ 
    position: relative; 
}
.imgEffect{ 
    position: relative;
    transition: all .3s ease-out; 
}
.teamImage{ 
    background: #fdcd00; 
}
.teamContent{ 
    background: #fdcd00;
    padding: 20px 20px 25px 25px;
    width: 90%; 
}
.teamContent h3{ 
     font-size: 24px;
     font-weight: bold;
     margin-bottom: 5px;
    text-transform: none;
    color: #011327;
     font-family: 'poppins', sans-serif;
}
.teamContent p{ 
    font-size: 18px;
    color: #fff;
    font-weight: 600; 
    margin-bottom: 10px;
}
.teamSocial a{ 
    color: #fdcd00;
    background: #011327;
    margin-right: 10px;
    padding: 3px 6px;
     font-size: 18px;
    border-radius: 3px; 
}
.teamSocial a.fb{ 
    padding: 3px 10px; 
}
.teamSocial a:hover{ 
    color: #011327;
    background: #fff; 
}
.testimonialArea{
	background: url(../images/home6-images/testimonial-bg.jpg) no-repeat ;
}
.testimonialRightSec{ 
    width: 30%;
    float: right;
    background: #f1bb28;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center; 
}
.testimonialArea .title1 p{ 
    color: #fdcd00; 
}
section.testimonialArea{ 
    padding: 100px 0; 
}
.testimonialContent .carousel .item .testimonialText{ 
     border: 1px solid #ccc;
     padding: 42px;
     -webkit-box-shadow: -2px 4px 6px -3px rgba(0,0,0,0.43);
     -moz-box-shadow: -2px 4px 6px -3px rgba(0,0,0,0.43);
     box-shadow: -2px 4px 6px -3px rgba(0,0,0,0.43);
     margin-top: 30px;
     background: #fff;
}
.testimonialContent .carousel .item .testimonialText::before
{ 
    content: '';
    width: 94.75%;
    height: 94%;
    position: absolute;
    border-right: 6px solid #011327;
    border-top: 6px solid #011327;
    top: -6px; 
}
.testimonialText h5{ 
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 18px;
    text-transform: none;
    color: #011327;
}

.testimonialText p{ 
    margin-top: 8px; 
    line-height: normal;
}
.testimonialText .testi-star{ 
    color: #fdcd00; 
}
.testimonialText .testi-star i{
	font-size: 20px;
}
.testimonialImgSec img.testiImg
{ 
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
}
img.testiImg.testiImg3{ 
     content: '';
     width: 99%;
     height: 94%;
     position: absolute;
     border-right: 6px solid #011327;
     border-top: 6px solid #011327;
     top: -6px;
}
img.testiImg.testiImg2{ 
    margin-left: 9%;
    margin-top: -12%;
    margin-bottom: 12%; 
}
img.testiImg.testiImg4{ 
    margin-left: 9%;
}
img.testiImg.testiImg5{ 
    margin-left: 38%;
    margin-top: -7%; 
}
.col-md-5.testimonialImgSec{ 
    padding-left: 76px; 
}
.hm6-testimg { 
    padding:20px;
}
.newsData{ 
    background: #f2f2f2;
    padding: 23px 0;
    margin-bottom: 15px!important;
}
.newsData .col-md-3.col-sm-3.col-xs-3{ 
    text-align: center; 
}
.newsDate{ 
    border: 2px solid #fdcd00;
    text-align: center;
    padding: 20px 10px;
    width: 77%;
    margin: 0 auto; 
}
.newsDate h5{ 
    font-size: 36px;
    font-weight: bold; 
}
.newsDate span{ 
    font-weight: bold;
    color: #011327;
    font-family: 'poppins', sans-serif;
    font-size: 18px;
}
.newsAuth ul{ 
    list-style-type: none;
    display: inline-flex;
    padding-inline-start: 0; 
    margin: 0;
}
.newsAuth i.fa.fa-user,.newsAuth i.fa.fa-comment-o{ 
    padding-right: 7px;
    color: #011327; 
}
.newsAuth li{  
    margin-right: 30px; 
}
.newsAuth li a{ 
    color: #fdcd00;
    font-size: 16px;
    font-weight: 600;
}
.newsContent p{
     font-size: 22px;
    font-weight: bold;
    margin-top: 8px;
    line-height: 30px;
    font-family: 'Poppins', sans-serif;
     color: #011327;
}
.newsContent p a{
     color: #011327;
     font-weight: bold;
}
.newsImg{ 
    overflow: hidden; 
}
img.nwsImg
{
     height: 338px;
     width: 100%;
     transition: all .4s ease-in;
}
.newsImg:hover>img.nwsImg
{ -webkit-transform: scale(1.05) translateZ(0);
     transform: scale(1.05) translateZ(0);
    transition: all .4s ease-in; 
}
.row.newsData{ 
    margin-left: 0;
    margin-right: 0; 
}
.clientSection{
	padding-bottom: 130px;
}
.clientSection .col-md-2{
     width: 235px;
}
#var_testimonial.clientSection .controls{
     position: relative;
     bottom: 0;
}
.clientSection .next_prve_control i{
     font-size: 50px;
}
.clientSection .next_prve_control{
     border: none;
     width: auto;
}
.clientSection .right.next_prve_control{
     float: right;
     margin-right: -2%;
     margin-top:-8.4%;
     
}
.clientSection .left.next_prve_control{
     margin-left: -3%;
     position: absolute;
     top: 35px;
}

/*************************************End Home6****************************************************/

/*****************************************************************************************
                             Home 7
*****************************************************************************************/
.home7 .ftr-section{
     background: url(../images/home7-images/footer-bg.jpg) no-repeat center center;
     background-size:cover;
}
.home7 .ftr-section p,.home7 ul.footer-link li a,.home7 .ftr-section h6,.home7 .ftr-section p a{
     color: #ccc;
}

.header7 .hdr-top-bar{
   border-bottom: 2px dashed #58606a;
   background: #011327;
}
header.header4.header7{
     background: #011327;
}
.header7 .header-nav-right{
     width: auto;
}
header.header4.header7 #main-navigation-wrapper .navbar-nav{
     float: none;
}
.header7 .ulDiv{
     float: right;
     display: flex;
}
.header7 #main-navigation-wrapper .nav > li > a{
     border-right: none;
}
.header7 .search-column:before{
     display: none;
}
.header7 .search-column{
     float: none;
    padding-top: 15px;
}
.header7 .hdr-top-bar ul.header-info li{
     border-right: none;
     color: #fff;
     font-size: 16px;
     font-weight: 500;
}
.header7 .hdr-top-bar ul.header-info li:before{
     font-size: 22px!important;
     color: #fff;
     margin-top: -4px;
}
ul.header-info li.mail:before{
     content: "\f0e0";
}
.header7 ul.header-info{
     margin: 10px 0 7px;
}
.header7 .hdr3-right.hdr4-right .header-socials i{
     font-size: 20px;
     color: #fff;
     padding-top: 5px;
}
header.header7 #main-navigation-wrapper .nav > li > a {
    color: #fff;
    font-weight: 500;
}
header.header7 #main-navigation-wrapper.navbar-default.sticky_header{
     background: #011327;
}
.header7 .sticky_header .search-column{
     padding-top: 10px;
}
header.header7 .logo{
    background: #fdcd00;
    padding: 18px 15px;
    margin: 0;
}
header.header7 #main-navigation-wrapper .nav > li{
     padding: 32px 0px;
}
header.header7 .sticky_header .logo{
     margin: 0;
}
header.header7 #main-navigation-wrapper.navbar-default.sticky_header .nav > li{
     padding: 28px 0px;
}
.header7 #main-navigation-wrapper .dropdown-submenu li > a:focus, 
.header7 #main-navigation-wrapper .dropdown-submenu li a:hover{
     background: #011327;
}
.home7Banner .slide-1{
     background: url(../images/home7-images/slider-bg.png) no-repeat center center;
     background-size:cover;
}
.home7Banner h4{
    line-height: 25px;
    font-size: 18px; 
    font-weight: 400;
    color: #fdcd00;
}
.home7Banner h1{
    line-height: 50px;
    font-size: 60px; 
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    margin-bottom: 12px;
}
.home7Banner p{
    line-height: 20px;
    font-size: 16px; 
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}
.home7Banner h1.title2{
     font-weight: 700;
     margin-bottom: 25px;
}
#minimal-bootstrap-carousel.home7Banner .carousel-caption .thm-container .box .content {
    width: 57%;
    margin-top: 130px;
}
#minimal-bootstrap-carousel.home7Banner .carousel-caption .thm-container .box .contentImg {
    width: 35%;
    float: right;
}
.home7Banner a.header-requestbtn.learn-more{
     font-size: 18px;
     font-family: 'Poppins', sans-serif;
     text-transform: capitalize;
     background: #fdcd00;
     width: 165px;
     padding: 10px 10px;
}
.supportTextCol h3{
     font-weight: bold;
     color: #fdcd00;
     margin-bottom: 10px;
     font-size: 18px;
     line-height: normal;
}
.supportTextCol h1{
     font-weight: bold;
     color: #011327;
     margin-bottom: 12px;
     font-size: 36px;
     line-height: 48px;
}
.supportTextCol p{
     font-weight: normal;
     color: #393e43;
     margin-bottom: 10px; 
     font-size: 16px;
     line-height: normal;
}
.phoneSupport {
    margin-top: 45px;
}
.phoneSupport .col-md-4.col-sm-4.col-xs-4{
    width: 18.333333%; 
    background: #011327;
    padding: 24px 5px;
    text-align: center;
}
.phoneSupport i{
     color: #fff;
     font-size: 20px;
     border: 2px solid #fff;
     border-radius: 50%;
     padding: 7px 10px;
}
.phoneSupport .col-md-8.col-sm-8.col-xs-8{ 
     width: 70%;
     padding: 15px;
     background-color: #fdcd00;
}
.phoneSupport h3{
     font-weight: bold;
     color: #011327;
     font-size: 18px;
     line-height: normal;
     text-transform: uppercase;
}
.phoneSupport h3.num{
     font-style: italic;
     font-weight: bold;
     color: #ffffff;
     margin-top: 8px;
     font-size: 24px;
     line-height: 20px;
     margin-bottom: 0;
}
.counterBox
{ 
    background: #fff;
    padding: 15px 30px;
    border: 1px solid #ebebeb;
    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.2);
    z-index: 1;
    margin-right: -26%;
    margin-left: 0%;
 }
 .counterBox i{
     color: #fdcd00;
    font-size: 30px;
    width: 100%;
    padding-bottom: 7px;
 }
.counterBox h1{ 
     display: inline;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 36px;
    color: #011327;
    text-align: left;
}
.counterBox h3{
     font-weight: bold;
     color: #011327;
     margin-top: 10px;
     margin-bottom: 12px;
     font-size: 18px;
     line-height: normal;
     text-transform: uppercase;
}
.supportBoxCol.col-md-3{ 
    width: 19%;
    padding: 4.5% 0;
    z-index: 1;
}
.supportVideoCol.col-md-4{ 
    width: 39.333333%; 
    position: relative;
}
.counterBox2{ 
    margin-top: 6%; 
}

.home7Services .grid-wrapper{ 
    border-right: 1px solid #2d4a6c; 
}
.hm7singleService
{ 
    padding: 46px 15px;
    text-align: center;
    background: #011327;
    height: 425px;
    border-top: 2px solid #092044;
    border-bottom: 2px solid #2d4a6c;
    border-left: 2px solid #2d4a6c;
    border-right: 2px solid transparent;
    transition: all .4s ease-in; 
}
.hm7singleService:hover{ 
    background: #092044;
    border: 2px solid #fdcd00;
    transition: all .4s ease-in; 
}
.hm7singleService h5{ 
     color: #c1c7da;
     font-size: 24px;
     font-weight: 600;
     margin-bottom: 45px;
     text-decoration:none;
}
.hm7serviceImgArea{ 
    border: 1px solid #fdcd00;
    width: 32%;
    padding: 15px;
    border-radius: 50%;
    margin: 0 auto; 
}
.hm7serviceContent p{ 
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin-top: 30px; 
    padding: 20px 15px; 
    font-family: 'Open Sans', sans-serif;
    line-height: normal;
}
.hm7serviceContent i{ 
    font-size: 20px;
    margin-top: 15px;
    float: right;
    color: #fff;  
}
.home7Services .slick-dots li button{ 
    padding: 0;
    height: 6px;
    background: #fff;
    width: 30px; 
    font-family:'Open Sans'; 
    font-size:16px; 
}
.home7Services .slick-dots li.slick-active button{ 
    background: #fdcd00; 
}
.home7Services .slick-dots li button:before,.slick-dots li.slick-active button:before{ 
    display: none; 
}
.home7Services .slick-dots li{
 margin: 0 12px; 
}
.home7Services ul.slick-dots{ 
    padding: 0;
    padding-top: 30px; 
}
.home7Services{
     background: url(../images/home7-images/services-bg.jpg) no-repeat center center;
    background-size:cover;
	padding-bottom:160px;
}
.home7Services .home7Title h3{
    font-weight: bold;
    color: #fdcd00;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: normal;
}
.home7Services .home7Title h1{
     font-weight: bold;
     color: #ffffff;
     margin-bottom: 15px;
     font-size: 36px;
     line-height: 40px;
}
.home7Services .home7Title p{
     font-weight: normal;
     color: #ffffff;
     margin-bottom: 35px;
     font-size: 16px;
     line-height: 24px;
}
.companyMissionSec{
     background: url(../images/home7-images/bg-icons.png) no-repeat;
}
.home7Accordian{
    background: url(../images/home7-images/fectory-bg.png) no-repeat right;
    background-size: contain; 
    padding-top: 130px;
}
.companyMissionSec .accrodion+.accrodion {
  margin-top: 18px;
}
.companyMissionSec .accrodion.active .accrodion-title:before {
  content: '-';
  color: #fff;
  background: #011327;
    line-height: 7px;
    padding: 5px 6px 13px 6px;
    font-weight: 300;
    font-size: 45px;
}
.companyMissionSec .accrodion.active .accrodion-title {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.companyMissionSec .accrodion.active .accrodion-title h4 {
  color: #011327;
}
.companyMissionSec .accrodion .accrodion-title {
  background-color: #E9EDF3;
  border: 1px solid #d5dde7;
  border-radius: 0;
  padding: 18px 20px;
  cursor: pointer;
  position: relative;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.companyMissionSec .accrodion .accrodion-title:before {
    content: '+';
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #011327;
    line-height: 23px;
    padding: 0 6px 2px;
}
.companyMissionSec .accrodion .accrodion-title h4 {
  margin: 0;
  color: #2b3036;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}
.companyMissionSec .accrodion .accrodion-content .inner {
  padding: 14px 20px;
}
.companyMissionSec .accrodion .accrodion-content p {
  margin: 0;
  color: #45484a;
  font-size: 16px;
  line-height: normal;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-left: none;
}
.hm7missionContentSide{
     padding-top: 70px;
}
.home7Title h3{
    font-weight: bold;
    color: #fdcd00;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: normal;
}
.home7Title h1{
     font-weight: bold;
     color: #011327;
     margin-bottom: 12px;
     font-size: 36px;
     line-height: 40px;
}
.home7Title p{
     font-weight: normal;
     color: #393e43;
     margin-bottom: 35px;
     font-size: 16px;
     line-height: normal;
}
.hm7missionContentSide a.header-requestbtn.more-infobtn{
     font-weight: bold;
    width: 156px;
    min-height: 30px;
    padding: 12px 30px;
    border: none;
    background: #fdcd00;
    color: #011327;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;;
    text-transform: capitalize;
}
.hm7missionContentSide a.header-requestbtn.more-infobtn:before {
    background: #011327;
    color: #fff;
}
.hm7missionContentSide a.header-requestbtn.more-infobtn:hover{
     color: #fff;
}
.home7Project .home7Title{
     text-align: center;
}
.demo3Project{
	padding-top:10px;
}
.demo3Project .col-md-3{ 
    padding-left: 0;
    padding-right: 0; 
}
.demo3ProjectImg img{ 
    height:635px; 
    filter: grayscale(1);
    transition: all .4s ease-in;
    width: 100%; 
}
.demo3ProjectImg img:hover{ 
    filter: grayscale(0%);
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0);
    transition: all .4s ease-in; }
.demo3ProjectImg{ overflow: hidden; 
}
.demoProContent h1{ 
     font-size: 16px;
     font-weight: 600;
     font-family: 'poppins';
}
.demoProContent
{ 
    bottom: 43%;
    position: absolute;
    background: #fdcd00;
    width: 45%;
    text-align: center;
    padding: 13px 16px;
    margin-left: 23%;
    transition: all .4s ease-in; 
}
.demoProContent h1 a{ 
    color: #011327; 
    font-weight: 600;
}
.demoProContent:hover a{ 
    color: #fff; 
}
.demoProContent:hover{ 
    background: #011327;
    transition: all .4s ease-in; 
}
.home7Project{
     padding-top: 130px;
	 background:#f7f9fa;
}
.home7Client{
     padding: 100px 0;
}
.home7Client ul.slick-dots{
     padding-top: 25px;
}
.home7Team .home7Title{
     text-align: center;
     padding-bottom: 20px;
}
.demo3TeamImage img{ 
    width: 100%; 

}
.demo3TeamTitle
{ 
    position: absolute;
    bottom: -100%;
    text-align: center;
    width: 92.5%;
    background-color: transparent;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .4s ease-in;
    padding: 20px 0;
    bottom: 55px;
    margin-bottom:39px!important;
    z-index: 1; 
  }
.demo3SingleTeam{
 margin-bottom: 30px!important;
}
.demo3TeamImage:before
{
    content: '';
    height: 50%;
    position: absolute;
    bottom: 106px;
    left: 15px;
    right: 15px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8) 50%),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(3,14,39,.8) 50%,rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.8) 50%,rgba(0,0,0,0));
    background-image: -ms-linear-gradient(bottom,rgba(0,0,0,.8) 50%,rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.8) 50%,rgba(0,0,0,0));
    background-image: linear-gradient(bottom,rgba(0,0,0,.8) 50%,rgba(0,0,0,0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(0, 0, 0, 0.8) 50%',endColorStr='rgba(0, 0, 0, 0)');
    z-index: 1;
    -webkit-transition: all .3s linear 0ms;
    -khtml-transition: all .3s linear 0ms;
    -moz-transition: all .3s linear 0ms;
    -ms-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
}
.demo3SingleTeam:hover .demo3TeamTitle { 
    background-color: #fdcd00;
    transition: all .4s ease-in; 
}
.demo3TeamTitle h3{ 
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #fff; z-index:1; 
    position:relative;
}
.demo3TeamTitle p{ 
    font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #fdcd00; 
    z-index:1; 
    position:relative;
}
.demo3SingleTeam:hover .demo3TeamTitle h3{ 
    color: #011327 
}
.demo3SingleTeam:hover .demo3TeamTitle p{ 
    color: #fff; 
}
.demo3TeamContent{ 
    padding: 22px 0;
    background: #fdcd00;
    text-align: center; 
}
.demo3TeamContent a i{
    margin: 0px 15px;
    font-size: 26px; 
    font-size: 26px; 
}
.demo3TeamContent a{ 
    color: #fff; 
}
.demo3TeamContent a:hover{ 
    color: #011327; 
}
.teamLine{ 
    background: #fff;
    margin: 0 auto;
    width: 100%; 
}
.demo3TeamBottom{ 
    background: #fdcd00;
    padding: 0 16px; 
}

.home7Testimonial{
     background: url(../images/home7-images/testimonial-sec-bg.jpg) no-repeat center center;
     background-size:cover;
     padding-bottom: 130px;
}
.hm7TestiHeading{
     background: #fff;
     position: relative;
}
.hm7Testimonial .testimonialText{ 
    padding: 50px 40px; 
}
.hm7Testimonial .carousel
{ 
    width: 94%;
    float: right;
    background: #fff;
    border-top: 1px solid #ddd;
    box-shadow: 0px -10px 10px -10px rgba(0,0,0,.2);
    box-shadow: 0px -3px 15px -5px black;
    -webkit-box-shadow: 0 -3px 15px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 0px -3px 15px -5px rgba(0,0,0,.2); 
}
.hm7Testimonial .testimonialText img{ 
    margin: 0 auto;
    margin-top: -22px;
    margin-bottom: 25px; 
}
.hm7Testimonial .border_img{
     border-radius: 50%;
}
.hm7TestimonialSec{ 
    margin-left: 29%!important; 
}
.hm7TestimonialSec .col-md-12{ 
    width: 95%; 
    margin-top: -27%;
    position: relative;
}
.hm7TestimonialArrow{ 
    width: 7%;
    margin-top: 46.4%;
    background: #fdcd00;
    padding: 13px 0 12px 8px; 
}
.hm7TestimonialArrow .next_prve_control{
    width: 46px;
    height: 46px;
     border: none; 
    text-align: center;
     color: #828383; 
     margin: 0; 
    font-size: 23px;
     line-height: normal; 
     text-decoration: none !important; 
}
.hm7TestimonialArrow .next_prve_control i{ 
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin: 4px 0;
    background: #fff;
    border: none;
    color: #fdcd00; 
    line-height: 31px;
    font-weight: bold;
    }
.hm7TestimonialArrow .next_prve_control i:hover{ 
    color: #fff;
    background: #011327; 
}
.hm7TestimonialArrow .fa.next_prve_control i{ 
    line-height: 35px;
    font-size: 20px; 
}
.hm7TestimonialContent{ 
    text-align: center; 
}
.hm7Testimonial .testimonialText p{ 
    margin-top: 18px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 12px; 
    font-size: 18px;
}
.hm7Testimonial .testimonialText h5{ 
    font-size: 18px;
    margin-bottom: 4px; 
}
.hm7Testimonial .testimonialText p.desig{ 
    margin-top: 0;
    color: #fdcd00; 
}
.hm7Testimonial .testimonialText i.fa.fa-quote-left{ 
    font-size: 50px;
    color: #ebebeb;
    text-align: left!important;
    margin-left: 14%; 
}
.home7News .home7Title{
     text-align: center;
	 padding-bottom:10px;
}
.home7SingleNews .dateArea{ 
    display: inline-flex; 
}
.home7SingleNews .dateArea p{ 
    font-size: 15px;
    color: #fdcd00;
    text-transform: uppercase;
    font-weight: 600; 
}
.home7SingleNews .dateArea p.date{ 
    margin-right: 18px;
    margin-bottom: 0; 
}
.home7SingleNews .dateArea i{ 
    margin-right: 7px;
    font-size: 15px;
    color: #011327;  
}
.home7_news_content h6 a { 
     color: #011327;
    font-weight: 700;
    text-transform: none;
}
.home7_news_content h6 a:hover{ 
    color: #fdcd00; 
}
.home7_news_content h6 { 
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 16px; 
}
.home7_news_content p{ 
    color: #5a5959;
    font-size: 16px;
    padding-bottom: 16px;
    font-family: 'open sans';
}
.home7_news_content{ 
    padding: 22px;
    box-shadow: 0px 4px 10px rgba(0,0,0,.2); 
}

/*************************************End Home7****************************************************/

/*****************************************************************************************
                             Home 8
*****************************************************************************************/
.hm8paddingSection{
     padding: 120px 0;
}
.home8 .ftr-section{
     background: url(../images/home8-images/footer-bg.jpg) no-repeat center center;
     background-size:cover;
}
.home8 .ftr-section p,.home8 ul.footer-link li a,.home8 .ftr-section h6,.home8 .ftr-section p a{
     color: #ccc;
}

.header8 .hdr-top-bar {
    border-bottom: 2px dashed #fff;
    background: #fff;
}
.header8 .hdr-top-bar ul.header-info li,.header8 .hdr-top-bar ul.header-info li:before,
.header8 .hdr3-right.hdr4-right .header-socials i{
     color: #011327;
}
.header8 .hdr3-right.hdr4-right .header-socials i{
     margin-right: 2px;
}
.header8 .header-socials {
    float: right;
}
.header8 .header-nav-right{
     display: flex;
}
.header8 #main-navigation-wrapper .nav > li > a{
     padding: 4px 15px;
}
header.header8 .sideLogo .logo{
     width: 100%;
     margin-bottom: 25px;
}
header.header8 #main-navigation-wrapper.navbar-default:before {
    width: 25%;
    position: absolute;
    top: 0;
    content: "";
    border-top: 88px solid #fdcd00;
    border-right: 0 solid transparent;
}
header.header8 .logo{
     padding: 16px 15px;
     position: relative;
}
header.header8 #main-navigation-wrapper .nav > li {
    padding: 30px 0px;
}
.home8Banner .slide-1{
     background: url(../images/home8-images/slider-1.jpg) no-repeat center center;
     background-size:cover;
}
.home8Banner .slide-2{
     background: url(../images/home8-images/slider-2.jpg) no-repeat center center;
     background-size:cover;
}
.home8Banner h4{
    line-height: 25px;
    font-size: 16px; 
    font-weight: 400;
    color: #fdcd00;
    background: rgb(1, 19, 39);
    padding: 2px 15px;
    max-width: 242px;
}
.home8Banner h1{
    line-height: 51px;
    font-size: 72px; 
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    color: rgb(1, 19, 39);
    margin-bottom: 12px;
}
.home8Banner p{
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: rgb(1, 19, 39);
    font-style: italic;
    max-width: 75%;
}
.home8Banner h1.title2{
     font-weight: 700;
     margin-bottom: 25px;
     margin-top: 17px;
}
#minimal-bootstrap-carousel.home8Banner .carousel-caption .thm-container .box .content {
    width: 72%;
}
.home8Banner a.header-requestbtn.learn-more{
     font-size: 18px;
     font-family: 'Poppins', sans-serif;
     text-transform: capitalize;
     background: #fdcd00;
     width: 165px;
     padding: 10px 10px;
}
#minimal-bootstrap-carousel.home8Banner .carousel-inner .item{
     min-height: 809px;
}
.hm8WelcomeStrip img{
     margin: 0 auto;
}
.hm8WelconeLeft,.hm8WelconeRight
{
     padding-top: 80px;
     padding-bottom: 60px;
     height: 405px;
}
.hm8WelconeCenter{ 
    padding-top: 115px;
    padding-bottom: 80px;
    height: 460px;
}
.hm8WelconeLeft h3,.hm8WelconeRight h3{
     font-weight: bold;
     color: #fdcd00;
     margin-top: 15px;
     margin-bottom: 15px;
     font-size: 24px;
     line-height: normal;
}
.hm8WelconeCenter h3{
     font-weight: bold;
     color: #011327;
     margin-top: 15px;
     margin-bottom: 15px;
     font-size: 24px;
     line-height: normal;
}
.hm8WelconeCenter p{
     font-weight: normal;
     color: #011327;
     font-size: 16px;
     line-height: 25px;
}
.hm8WelconeCenter{
     background: url(../images/home8-images/box2-bg.jpg) no-repeat center center;
     background-size:cover;
}
.hm8WelconeLeft{
     background: url(../images/home8-images/box1-bg.jpg) no-repeat center center;
     background-size:cover;
}
.hm8WelconeRight{
     background: url(../images/home8-images/box3-bg.jpg) no-repeat center center;
     background-size:cover;
}
.hm8WelconeLeft p,.hm8WelconeRight p{
    font-weight: normal;
    color: #ffffff;
    font-size: 16px;
    line-height: 25px;
}
.aio-icon-img
{
     width:unset!important;
}
.aio-icon-img .img-icon {
    width:unset!important;
}
.ultv-video__outer-wrap {
    overflow: initial!important;
}
.hm8WelconeLeft,.hm8WelconeRight,.hm8WelconeCenter{ 
     border-top: 7px solid #fff;
     border-bottom: 7px solid #fff;
     box-shadow: 0px 4px 10px rgba(0,0,0,.2); 
     text-align: center;
     margin-left: 10px;
     margin-right: 10px;
     padding-left: 15px;
     padding-right: 15px;
}
.hm8WelcomeStrip .col-md-4{
     width: 31.333333%;
}
.hm8WelconeCenter{
     margin-top: -23px; 
}
section.hm8WelcomeStrip{ 
    margin-top: -5%;
    z-index: 1; 
}
.home8Title h3{
     font-weight: bold;
     color: #fdcd00;
     margin-bottom: 10px;
     font-size: 16px;
     line-height: normal;
}
.home8Title h1{
     font-weight: bold;
     margin-bottom: 20px;
     font-size: 36px;
     line-height: 45px;
}
.home8Title p{
     font-weight: normal;
     margin-bottom: 25px;
     line-height: normal;
}
.experienceLeft .iconText{
     display: flex;
}
.experienceLeft .iconText i{
     color: #fdcd00;
     font-size: 20px;
     margin-right: 15px;
	 margin-top:8px;
}
.experienceLeft .iconText p{
     font-style: italic;
     font-weight: bold;
     color: #011327;
     margin-top:6px;
     font-size: 15px;
}
.experienceLeft .signRow{
     margin-top: 35px;
     margin-bottom: 35px;
}
section.experienceSec{ 
    background: url(../images/home8-images/welcome-bg.jpg) no-repeat right;
    background-size: contain;
}
.experienceLeft .signLeftCol{ 
    width: 40%; 
    padding-left: 50px;
}
.experienceLeft .signCol{ 
    width: 60%; 
}
.experienceLeft .signLeftCol p,.experienceLeft .signLeftCol p span{
    color: #5a5959;
    font-size: 16px;
}
.home8 a.home8Button{
    margin-top: 5px;
    border-radius: 5px;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    background: #fdcd00;
    color: #011327;
    padding:10px 15px;
    width: 158px;
    text-align: center;
    float: left;
}
.home8 a.home8Button.hvr-bounce-to-right:hover{
     color: #fff;
}
.home8 a.home8Button.hvr-bounce-to-right:before {
    background: #011327;
    color: #fff;
    border-radius: 5px;
}
.expImgTitle .row{
     width: 75%;
     margin: 0 auto;
     margin-top: -42px;
     padding-bottom: 20px;
     padding-top: 20px;
     background-color: #fdcd00;
     position: relative;
}
.expImgTitle h1{
     font-weight: bold;
     font-size: 40px;
     line-height: 40px;
     margin-bottom: 0;
}
.expImgTitle h3{
     font-weight: bold;
     font-size: 26px;
     line-height: normal;
     margin-bottom: 0;
}
.expImgTitle .col-md-3 {
    width: 20%;
    padding-left: 20px;
    padding-right: 0;
    text-align: right;
}
.expImgTitle .col-md-9 {
    width: 80%;
}
.experienceRight img{
     margin: 0 auto;
}
.videoServiceLeft.col-md-5 {
    margin-right:0;
    padding-right: 0 !important;
}
.videoServiceLeft img{
     border-bottom: 6px solid #fdcd00;
     min-height: 542px;
}
.hm8singleService{ 
    margin: 20px 0;
}
.hm8serviceContent h5{ 
     margin: 5% 0!important;
     font-size: 24px;
     font-weight: 600;
     font-family: 'Poppins', sans-serif;
     text-transform: none;
     color: #011327;
}
.hm8serviceContent p{ 
     line-height: 20px;
     font-size: 16px;
     font-family: 'Open Sans', sans-serif;
}
.hm8serviceImgArea img{ 
    width: 52px; 
}
.videoServiceRight.col-md-6{ 
    width: 53%; 
}
.videoServiceRight .home8Title h1{
     margin-bottom: 0;
}
.videoServiceRight .home8Title h3{
     margin-bottom: 0;
}
.videoServiceRight{
     background: url(../images/home8-images/service-bg.jpg) no-repeat center center;
     background-size:cover;
     padding-right: 20px;
     padding-top: 100px;
     padding-bottom: 100px;
     padding-left: 50px; 
     z-index: -1;
}
.hm8ProjectHeadLeft .home8Title h3{
     margin-bottom: 5px;
}
.hm8ProjectHeadLeft .home8Title h1{
     line-height: 40px;
     margin-bottom: 0;
}
.home8 .hm8ProjectSection a.home8Button{
     font-size: 18px;
    padding:10px 15px;
}
.hm8ProjectHeadRight {
    padding-top: 40px;
}
.hm8ProjectSection .nav-tabs{ 
    text-align: left;
    background: none;
    float: unset;
	padding-bottom:10px;	
}
.hm8ProjectSection .nav-tabs>li>a
{ 
    color: #fdcd00;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    padding: 0 40px 0 0;
    margin-bottom: 15px; 
}
.projectFilterTab { 
    padding: 12px 0 4px 0; 
    margin-top: 40px;
}
.hm8ProjectSection .nav-tabs>li.active>a, .hm8ProjectSection .nav-tabs>li.active>a:focus, 
.hm8ProjectSection .nav-tabs>li.active>a:hover
{ 
    background-color: unset;
    color: #011327; 
}
.hm8ProjectSection .black-hover:hover .tour-layer{ 
    background: rgba(0,0,0,0.6); 
}
.home8-testi-bg{
     background: url(../images/home8-images/testimonial-bg.png) no-repeat right;
     background-size:cover;
}
.hm8CounterCol{
     background: url(../images/home8-images/counter-bg.png) no-repeat center center;
     background-size:cover;
}
.hm8CounterCol .icon_counter{ 
    padding-bottom: 35px; 
}
.hm8CounterCol .icon_counter.first{ 
    padding-top: 40px; 
}
.hm8CounterCol .col-md-4{
     text-align: right;
}
.hm8CounterCol i{
     color: #fff;
     font-size: 38px;
     line-height: 57px;
}
.hm8CounterCol .first i,.hm8CounterCol .third i{
     font-size: 45px;
}
.hm8CounterCol h3{
     font-size: 48px;
     color: #011327;
     text-align: left;
}
.hm8CounterCol h4{
     font-weight: bold;
     color: #5a5959;
     margin-top: 3px;
     font-size: 18px;
     line-height: normal;
     margin-bottom: 0;
}
.hm8Testimonial .testimonialText i{ 
    font-size: 50px;
    color: #2c3244; 
}
.hm8Testimonial .testimonialText p
{   
    font-size: 15px;
    color: #fff;
    padding: 20px 0 0 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-top: 0;
}
.hm8TestimonialContent h5{ 
    color: #fff;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600; 
    text-transform: none;
}
.hm8TestimonialContent p{ 
    color: #fdcd00;
    font-size: 15px;
    padding: 5px 0;
}
.hm8TestimonialContent .testi-star i{ 
    color: #fdcd00;
    font-size: 15px; 
}
.hm8TestimonialContent{ 
    padding: 30px 0; 
}
.hm8TestimonialSection .next_prve_control i{ 
    font-weight: bold;
    padding: 0px 16px;
    font-size: 32px;
}
.hm8TestimonialSection .next_prve_control:hover i{
    color: #fdcd00;
}
.hm8TestimonialSection .next_prve_control{
     padding: 6px 0px 3px;
}
.hm8Testimonial{ 
    width: 100%;
    border-left: 4px solid #fdcd00;
    padding-left: 40px; 
}
.home8-testi-bg { 
    background-repeat:no-repeat;
}
.hm8CounterCol{ 
    width: 33%;
    margin-top: -50px;
    padding-bottom: 10px;
}
.hm8TestimonialCol{ 
    width: 63%; 
    padding-top: 130px;
    padding-bottom: 130px;
    padding-left: 50px;
}
.hm8TestimonialCol .testimonialArea{
     background: unset;
}
.home8-news-title p {
    padding: 0 100px!important;
}
.hm8-product-title p {
    padding: 0 100px!important;
}
.hm8ProductSection .home8Title{
     text-align: center;
     margin-bottom: 50px;
}
.hm8ProductSection ul{
     display: flex;
     width: 100%;
     list-style-type: none;
}
.hm8ProductSection .woocommerce ul.products li.product
{ 
    width: 22.6%;
    margin: 0 10px;
    border: 1px solid #c1c1c1;
}
.hm8ProductSection .woocommerce ul.products li.product a img{ 
    border: none;
    margin: 0px auto 20px auto;
    width: 89%; 
}
.hm8ProductSection .woocommerce ul.products li.product h2
{ 
    padding: 23px 12px;
    background: #f2f3f3;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}
.hm8ProductSection .woocommerce ul.products li.product .price{ 
    padding: 15px 0 0 12px; 
}
.hm8ProductSection .woocommerce ul.products li.product .button
{ 
    font-size: 13px;
    padding: 9px 11px;
    margin-top: 15px;
    margin-right: 11px;
    font-family: 'poppins', sans-serif;
}
.hm8ProductSection .woocommerce ul.products li.product .onsale{ 
    min-height: 3.236em;
    min-width: 3.236em;
    padding: 0 11px;
    font-weight: 700;
    text-align: center;
    line-height: 3.236;
    border-radius: 100%;
    color: #fff;
    font-size: .857em;
    z-index: 9; 
    margin: 10px 0 0 10px;
    background-color: #f7c02d;
    position: unset;
    font-size: 15px;
    float: left;
}
.hm8ProductSection .woocommerce ul.products li.product .button {
    text-transform: capitalize;
    font-weight: 600;
    background: #f7c02d;
    color: #000;
    float: right;
    margin: 0px;
    text-align: center;
    border-radius: 0%;
    font-size: 13px;
    padding: 9px 11px;
    margin-bottom: 10px;
    margin-right: 11px;
    font-family: 'poppins', sans-serif;
}
.hm8ProductSection .price .woocommerce-Price-amount.amount {
    width: auto;
    float: left;
    font-size: 17px;
    color: #242424;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin: 7px 0px;
}
.hm8ProductSection .price .woocommerce-Price-amount.amount span {
    padding-right: 2px;
}
.hm8ProductSection .woocommerce ul.products li.product .price ins {
    background: 0 0;
    font-weight: 700;
    display: inline-block;
}
.hm8ProductSection .woocommerce ul.products li.product .price del {
    color: inherit;
    opacity: .5;
    display: inline-block;
}
.hm8ProductSection .woocommerce ul.products li.product .button:hover {
    color: #fff;
    background: #333;
}
.hm8NewsSection{
     background: #eaeff4;
}
.hm8NewsSection .home8Title{
     text-align: center;
     margin-bottom: 50px;
}

/*************************************End Home8****************************************************/

@charset "utf-8";
/* CSS Document */
 @media(min-width:992px) and (max-width:1200px){
     .faq_04 h3.marbtm30{
         font-size:25px;
    }
	.have-queston.havequestion_01{
		margin-top:0;
	}
	
	.topSecRight i {
		margin: 0 10px;
	}
	.search-btn {
		width: 25px;
	}
	
}
 @media(max-width:991px){
	.bestthing-text-column h2{
         margin-top:30px;
    }
	.left-column {
			margin-top: 50px;
	}
    .faq_04 a.header-requestbtn.more-infobtn{
         margin-bottom:40px;
    }
	.ftr-link-column {
		margin-left: 0;
	}
	.service_section1 .col-md-4 {
		width: 100%;
		padding:0;
	}
	.service_section1 .col-md-8 {
		width: 100%;
		padding:0;
	}
	.have-queston.havequestion_01{
		margin-top:0;
	}
}
 @media only screen and (min-width:1200px) and (max-width: 1345px) {
     .home5-service1:hover {
         background-position: 0 0px !important;
    }
     .maintenance-footer{
         position:fixed;
         bottom:0px;
    }
}
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
     .header1 #main-navigation-wrapper .nav > li > a {
         padding:22px 15px;
    }
     .header-nav-right {
         width: 27%;
    }
     .carousel-caption h1 {
         font-size: 49px;
    }
     .service-column p{
         min-height:80px;
    }
     .service-column.service4-column p{
         min-height:0px;
    }
     h2 {
         font-size: 35px;
    }
     .bestthing-text-column {
         padding-top:0px;
    }
     .testimonial-rght-head {
         width: 38%;
    }
     .testimonial-left-sidebar {
         margin: 99px 0px 70px;
    }
     .news-column .yellow-strip .news-time {
         width: 65px;
    }
     .news-column .yellow-strip {
         padding: 12px 0px 12px 55px;
    }
     ul.footer-info li.ftr-loc {
         padding: 0px 13px 12px 28px;
    }
     ul.footer-info li {
         padding: 8px 16px 23px 29px;
         margin-right: 14px;
    }
     .header-socials.footer-socials i {
         margin: 0px;
    }
     .bestthing-container {
         background-size:50%;
         padding:20px 0px;
    }
     .bestthing-section {
         padding: 95px 0px 96px;
    }
     .bestthing-section.why-choose-section .bestthing-text-column {
         padding-top: 0px;
    }
     .bestthing-img.whychoos-img {
         width: 57%;
    }
     ul.choose-list {
         width: 100%;
    }
     a.pdf-button {
         padding: 8px 0px 8px 80px;
    }
     a.header-requestbtn.black-request-btn {
         font-size: 15px;
         padding: 11px 16px;
    }
     .client-desc {
         width: 65%;
    }
     .blog-list-cl h6 {
         width: 57%;
    }
     .left-column {
         width: 29.8%;
    }
     .post-list .post-txt {
         width: 65%;
    }
     .portfolio-info-column ul li {
         padding: 10px 0px 10px 20px;
    }
     #main-navigation-wrapper .nav > li > a {
         padding-right: 15px;
         padding-left: 15px;
         font-size:15px;
    }
     header.header2 ul.header-info{
         margin-left:70px;
         width: 68%;
    }
     .service-list-column .service-heading {
         height: 90px;
    }
     .shop-column {
         width: 31.2%;
    }
     .shop-column-head .rating {
         float: left;
         margin: 10px 0px;
    }
     .cart-wdt1 {
         width: 47%;
    }
     .cart-wdt2 {
         width: 14.3%;
    }
     .cart-wdt4 {
         width: 47%;
    }
     .cartproduct-img {
         margin-right: 19px;
    }
     .hdr3-right {
         width: 30%;
    }
     .home3-client-desc {
         width: 54%;
    }
     .hdr3-right.hdr4-right {
         width: 25%;
         margin:8px 0px;
    }
     .hdr-top-bar ul.header-info li {
         padding: 0px 20px;
         width: 34%;
    }
     .certifield-section .won-txt {
         width:76%;
    }
     a.header-requestbtn.contactus-btn.more-info {
         margin: 0px 0px 0px;
    }
     .home5-service1:hover {
         background-position: 0 0px !important;
    }
     .container.maintenance-container {
         padding: 100px 0px 0px;
    }
     .boxes-column ul li {
         padding: 60px 15px;
    }
     .boxes-column ul li .boxes-desc {
         width: 73%;
    }
     .boxes-column ul li .boxes-icons{
         width:70px;
    }
     .boxes-column ul li .boxes-icons img{
         max-width:70px;
    }
     .maintenance-footer{
         position:fixed;
         bottom:0px;
    }
     .maintenance-section h2 {
         margin: -30px 0px 20px;
    }
}
 @media (min-width: 992px){
     .nav li i.fa {
         display: none;
    }
}
 @media only screen and (min-width: 260px) and (max-width: 991px) {
     .display-block{
         display:none;
    }
     .display-none{
         display:block;
    }
     .header-nav-right {
         width:100%;
    }
     .header-nav-right .header-socials{
         display:none;
    }
     .header-nav-right .search-column{
         display:none;
    }
     .mob-social{
         width:200px;
         float:right;
    }
     header.header1 .search-column {
         margin: 6px 0px;
    }
     header.header2 .search-column{
         display:none;
    }
     header.header1 .search-btn{
         background:url(../images/search-btn.png) no-repeat center center;
    }
     header.header2 .navbar-header{
        background: #1483ad !important;
    }
    .address{
        display: none;
    }
     a.header-requestbtn.header2-requestbtn {
         margin: 10px 0px;
         padding:14px 20px;
    }
     header.header2:before {
         display:none;
    }
     ul.header-info li{
         color:white;
         border-right: 1px solid #000;
		 font-size: 14px;
    }
     .header2 ul.header-info li:before {
         color: white;
    }
     .display-block {
         display: none!important;
    }
     .container {
         width: 100%;
         padding:0px 10px;
    }
     header.header1 ul.header-info {
         margin:0px;
         width:72%;
    }
     header.header1 .header-socials {
         margin: 4px 0px;
    }
     header.header1 .header-socials i {
         color: #000;
         line-height: 27px;
         border: 2px solid #ccc;
         border-radius: 100%;
         height: 30px;
         margin:0px 2px;
    }
     header.header2 .header-socials {
         margin: 5px 0px;
    }
     header.header2 .header-socials i {
         border: 2px solid #666;
    }
     header.header3 .header-socials i {
         line-height: 40px;
    }
     header.header5 .header-socials {
         margin:10px 0px;
    }
     header.header3 .search-column {
         margin: 7px 10px;
    }
     .hdr3-right {
         width: auto;
         float: none;
         display: inline-block;
    }
     .hdr3-right.hdr4-right {
         width:auto;
    }
     header.header4 ul.header-info {
         width: 100%;
    }
     .hdr-top-bar {
         padding: 10px 0px;
    }
     .shares-col .header-socials {
         display:block;
    }
     #main-navigation-wrapper .container{
         padding:0px;
    }
     #main-navigation-wrapper.navbar2-wrap.navbar3-wrap {
         margin:0px;
    }
     .logo-menu {
         display: block;
         margin:8px 0px 0px 10px;
         max-width: 160px;
    }
     .logo-menu img {
         width: 100%;
         float:left;
         height:auto;
    }
     .navbar-header{
         width:100%;
         float:none;
         margin:0px!important;
    }
     .navbar-default .navbar-toggle {
         border: medium none;
         display: block;
         margin: 8px 0px 9px;
         padding: 15px 10px;
    }
     .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
         background-color: transparent;
    }
     .navbar-default .navbar-toggle:hover {
         border-color: #fff;
         background: none !important;
         background-color: transparent;
    }
     .navbar-default .navbar-toggle .icon-bar {
         background: #fff;
         width: 25px;
         height: 3px;
    }
     .navbar-default .navbar-toggle:hover .icon-bar {
         background: #fff;
    }
     .navbar-collapse.collapse {
         display: none!important;
         height: 0!important;
         padding-bottom: 0;
         overflow: auto!important;
         width: 100%;
    }
     .navbar-default .navbar-collapse {
         background: #12121b;
         padding: 0px 0px !important;
         padding-bottom: 0px !important;
         margin: 0;
    }
     .navbar-collapse.collapse.in {
         display: block !important;
         height: auto !important;
         max-height: 80vh;
    }
     .navbar-collapse.in {
         overflow-y: auto;
    }
     #main-navigation-wrapper .navbar-collapse {
         border-color: #232333;
         border-radius: 0px;
         background: #ffffff;
         text-align:center;
    }
     .navbar-nav {
         margin: 0;
    }
     #main-navigation-wrapper .nav {
         width: 100%;
    }
     #main-navigation-wrapper .nav > li {
         display: block;
         padding: 0;
         text-align:left;
         width: 100%;
    }
     #main-navigation-wrapper .nav > li > a {
         display: block;
         width: 100%;
         padding: 16px 25px;
         border-bottom: 1px solid #00bcb43d !important;
         border-right: 0px;
         position: relative;
         font-size: 15px;
         color: #48402b;
    }
     #main-navigation-wrapper .nav > li:first-child > a {
         padding-left: 25px;
    }
     #main-navigation-wrapper.navbar-default .navbar-nav > .open > a, 
     #main-navigation-wrapper.navbar-default .navbar-nav > .open > a:focus, 
     #main-navigation-wrapper.navbar-default .navbar-nav > .open > a:hover, 
     #main-navigation-wrapper.navbar-default .navbar-nav > li:hover > a, 
     #main-navigation-wrapper.navbar-default .navbar-nav > li > a.active {
         background: #000;
         color: #fff;
    }
     #main-navigation-wrapper .nav > li.dropdown.dropdown-active > a {
         border-bottom: 1px solid #12121b;
    }
     #main-navigation-wrapper .nav > li:last-child > a {
         border-bottom: 1px solid #c3a554;
    }
     .header1 #main-navigation-wrapper .nav > li > a {
         padding:16px 20px;
    }
     #main-navigation-wrapper .nav > li + li > a {
         border-left: none;
    }
     #main-navigation-wrapper .navbar-nav > li > .dropdown-submenu {
         position: relative;
         width: 100%;
         opacity: 1;
         visibility: visible;
         left: auto;
         right: auto;
         transform: translate3d(0px, 0px, 0px);
         transition: none !important;
         display: none;
         top: auto;
         float: none;
         background: #fff none repeat scroll 0 0;
         box-shadow: 0 0 0 #fff;
    }
     #main-navigation-wrapper .nav > li.test > .dropdown-submenu{
        display:block
    }
     #main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.second_submenu{
         position: relative;
         width: 100%;
         opacity: 1;
         visibility: visible;
         left: auto;
         right: auto;
         transform: translate3d(0px, 0px, 0px);
         transition: none !important;
         display: none;
         top: auto;
         float: none;
         background: #c3a554 none repeat scroll 0 0;
         box-shadow: 0 0 0 #fff;
    }
     #main-navigation-wrapper .dropdown-submenu li:hover > ul.dropdown-submenu.second_submenu {
         left: 0;
    }
     #main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.second_submenu li a {
        background: #f2f2f2;
         padding-left: 50px;
    }
     #main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.third_submenu{
         position: relative;
         width: 100%;
         opacity: 1;
         visibility: visible;
         left: auto;
         right: auto;
         transform: translate3d(0px, 0px, 0px);
         transition: none !important;
         display: none;
         top: auto;
         float: none;
         background: #c3a554 none repeat scroll 0 0;
         box-shadow: 0 0 0 #fff;
    }
     #main-navigation-wrapper .dropdown-submenu li:hover > ul.dropdown-submenu.third_submenu {
         left: 0;
    }
     #main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.third_submenu li a {
        background: #fbc358;
         padding-left: 70px;
    }
     #main-navigation-wrapper .dropdown-submenu > li > a {
        /* color: #000;
         */
         border-bottom: 1px solid #ccc;
    }
     #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler {
         display: block;
    }
     #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler {
         background: transparent none repeat scroll 0 0;
         border: medium none;
         float: right;
         height: 51px;
         margin: -15px 0 0;
         position: relative;
         right: -25px;
         width: 51px;
    }
     #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler:before {
         position: absolute;
         font-family: 'FontAwesome';
         border: none;
         content: "\f078";
         top: 15px;
         color: #52482e;
         right: 17px;
    }
     #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler.dopdown-nav-toggler-active:before {
         position: absolute;
         font-family: 'FontAwesome';
         border: none;
         content: "\f077";
         top: 15px;
         color: #52482e;
    }
     #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler .icon-bar + .icon-bar {
         margin-top: 4px;
    }
     a.header-requestbtn {
         width: 90%;
         display: inline-block;
         float: none;
         background:#fff;
    }
     .bestthing-img {
         padding-right: 0px;
         padding-left: 0px;
         position:static;
         float:none;
         display:inline-block;
         width:91%;
         margin-bottom:-5px;
    }
     .bestthing-section {
         height: auto;
         padding:0px;
         text-align:center;
    }
     .bestthing-text-column {
         padding:0px 15px 40px;
         text-align:center;
    }
     .bestthing-img img {
         height: auto;
    }
     .hight-level-section p{
         text-align:center!important;
    }
     .testimonial-rght-head {
         width: 100%;
         text-align: center;
         padding: 50px 0px 45px;
         position: static;
    }
     .testimonial-rght-head:before {
         display:none;
    }
     .testimonial-rght-head h2 {
         float: none;
         font-size: 28px;
         padding: 35px 0px 0px;
         margin-bottom: 0px;
         background-size: 32px;
    }
     .testimonial-left-sidebar {
         margin: 52px 0px 45px;
         float: left;
         text-align: center;
         padding: 0px;
    }
     .testimonial-left-sidebar .testimonial-head .testi-text h5 {
         font-size: 18px;
    }
     .testimonial-left-sidebar .testimonial-head .testi-text .testi-designation {
         font-size: 18px;
    }
     .testimonial-left-sidebar .testimonial-head {
         width: auto;
         float: none;
         display: inline-block;
    }
     .testimonial-left-sidebar .testimonial-head .testi-text {
         text-align:left;
    }
     .head-section.client-head {
         margin:0px 0px 80px;
    }
     .bestthing-container {
         background:none;
         padding:0px;
    }
     .bestthing-section.why-choose-section {
         height: auto;
         padding-top:70px;
    }
     ul.choose-list {
         float: none;
         display: inline-block;
         text-align: left;
    }
     .bestthing-img.whychoos-img img {
         height: auto;
    }
     .bestthing-img.whychoos-img {
         width: 80.2%;
    }
     .bestthing-section.why-choose-section .bestthing-text-column {
         padding-top: 0px;
    }
     .special-img.chemical-special-img {
         margin: 30px 0px 0px;
    }
     .blog-list-cl h6 {
         width: 100%;
         margin-bottom:10px;
    }
     .blog-list-cl ul {
         float: left;
    }
     .form-field {
         float: left;
         width: 100%;
         padding: 0;
    }
     .form-field.input-halfrght {
         padding-right:0px;
    }
     .form-field.input-halflft {
         padding-left:0px;
    }
     .blog-graylist ul li {
         width: 100%;
    }
     a.header-requestbtn.contactus-btn {
         margin: 10px 0px;
    }
     .header-socials.portfolio-socials {
         display:block;
    }
     .header-socials.portfolio-socials i {
         margin-right: 16px;
    }
     .project-desc{
         margin:30px 0px 0px;
    }
     .blog-graylist.portfoli-scope {
         padding:26px;
    }
     .scope-img{
         margin:30px 0px;
    }
     header.header3 {
         padding:0px;
         text-align:center;
    }
     #main-navigation-wrapper .var2-nav.var3-nav .nav > li {
         padding: 0px;
    }
     #main-navigation-wrapper .var2-nav.var3-nav .nav > li > a {
         padding: 16px 25px;
    }
     header.header4 .navbar-default .navbar-toggle .icon-bar {
         background: #000;
    }
     header.header4 #main-navigation-wrapper .nav > li {
         padding:0px;
    }
     header.header4 #main-navigation-wrapper.navbar-default.sticky_header .nav > li {
         padding:0px;
    }
     header.header4 .sticky_header .logo {
         margin:0px;
    }
     .home5-service1:hover {
         background-position: 0 0px !important;
    }
     .maintenance-img {
         width: 100%;
    }
     .container.maintenance-container {
         padding: 100px 0px 0px;
    }
     .maintenance-desc {
         width: 100%;
         position: static;
         right: 0px;
         top: 0px;
         float:left;
    }
     .maintenance-section h2 {
         margin:0px 0px 20px;
    }
     .product-slider {
         width: 100%;
    }
     i.fa.fa-chevron-down {
         float: right;
         color: #fff;
         z-index: 9999;
         position: absolute;
         top: 0;
         right: 9px;
         padding: 13px 16px;
    }
	ul.dropdown-submenu.opened li i {
    color: #000;
  }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .display-block{
         display:none!important;
    }
     .row_mar_zero_ipad{
        margin:0;
    }
     .display-none{
         display:block;
    }
     .carousel-caption h1 {
         font-size: 44px;
    }
     .news-column .yellow-strip ul li {
         border-bottom: 1px solid #bd7d01;
         border-right:0px;
         padding: 5px;
         width: 100%;
    }
     .news-column .yellow-strip {
         padding: 0px 0px 0px 80px;
    }
     .news-column .yellow-strip .news-time {
         top: -34px;
    }
     .ftr-about-text {
         padding-right: 30px;
    }
     ul.footer-info li {
         width: 45%;
    }
     ul.footer-info li {
         width: 48%;
         margin-right:10px;
    }
     ul.footer-info li:nth-child(2){
         border-right:0px;
    }
     .ftr-sol-column{
         min-height:310px;
    }
     .static-section ul li h2 {
         font-size: 35px;
    }
     .service-list-column .service-manufactureicon, .service-list-column:hover .service-manufactureicon, .service-list-column .service-cncicon, .service-list-column:hover .service-cncicon, .service-list-column .service-chemicalicon, .service-list-column:hover .service-chemicalicon, .service-list-column .service-energyicon, .service-list-column:hover .service-energyicon, .service-list-column .service-oilicon, .service-list-column:hover .service-oilicon, .service-list-column .service-materialicon, .service-list-column:hover .service-materialicon {
         background-position:-1px center;
    }
     .service-list-column .service-heading {
         padding:15px 3px 15px 55px;
    }
     .service-list-column .service-heading {
         height: 90px;
    }
     ul.choose-list{
         width:57%;
    }
     .left-column {
         width: 100%;
    }
     .right-column {
         width: 100%;
    }
     .special-img {
         width: 100%;
    }
     .special-text {
         width: 100%;
         margin:40px 0px 0px;
    }
     .choose_Accordian_Wdt {
         width: 100%;
    }
     .have-queston {
         width: 100%;
         margin:40px 0px 0px;
    }
     a.pdf-button {
         padding: 22px 0px 23px 70px;
         font-size:14px;
    }
     .client-desc {
         width: 79%;
    }
     ul.coming-list li {
         margin: 0px 24px;
    }
     .post-list .post-txt {
         width: 63%;
    }
     .portfolio-info-column ul li {
         padding: 10px;
    }
     .portfolio-info-column ul li h4 {
         margin-bottom:0px;
         height: 50px;
    }
     .portfolio-info-column {
         padding: 67px 0px;
    }
     .shop-column {
         width: 48%;
    }
     .shop-column-head .rating {
         float: left;
         margin: 10px 0px 0px;
    }
     .shop-column:nth-child(3), .shop-column:nth-child(5), .shop-column:nth-child(7), .shop-column:nth-child(9) {
         margin-right: 20px;
    }
     .shop-column:nth-child(2), .shop-column:nth-child(4), .shop-column:nth-child(6), .shop-column:nth-child(8) {
         margin-right: 0px;
    }
     .product-desc {
         width: 100%;
    }
     .cartproduct-img {
         margin-right: 0px;
         width:50%;
    }
     .cartproduct-desc {
         width:100%;
    }
     .cart-wdt4 {
         width: 60%;
         float: left!important;
         padding:15px 18px!important;
    }
     .discount-codes {
         width: 48.3%;
         margin-right: 30px;
    }
     .discount-codes.your-order {
         width: 47%;
    }
     .checkout-form .form-field.field-49 {
         width: 100%;
    }
     .order-rght {
         width: 47%;
    }
     a.whatpaypal {
         width: 100%;
         float: left;
         padding:10px 28px 0px;
    }
     .banner-bottom-boxes {
         margin:0px 0px 80px;
    }
     .who-margin {
         margin:0px;
    }
     .static-section.home3-static h2 {
         font-size: 40px;
    }
     .static-section.home3-static p {
         font-size: 13px;
    }
     .home3-client-desc {
         width: 100%;
    }
     .certifield-section .won-txt {
         width:70%;
    }
     a.header-requestbtn.contactus-btn.more-info {
         margin:0px;
    }
     .bestthing-text-column.home4-bestthing-txt {
         width: 90%;
    }
     .banner-bottom-boxes ul li h4 {
         font-size: 15px;
    }
     .service-column.service4-column .service4-desc{
         width:76%;
         min-height:210px;
    }
     .boxes-column ul li {
         text-align:center;
    }
     .boxes-column ul li h4 {
         font-size: 16px;
    }
     .boxes-column ul li .boxes-desc {
         width: 100%;
         text-align:center;
    }
     .boxes-column ul li .boxes-icons img {
         max-width: 60px;
    }
     .boxes-column ul li .boxes-icons {
         width: 60px;
         float:none;
         display:inline-block;
         margin-bottom:20px;
    }
     .boxes-column ul li:after {
         top: 40%;
    }
     .history-list:before {
         top: 63%;
    }
     .maintenance-footer{
         position:fixed;
         bottom:0px;
    }
     .hight-level-section {
         padding: 93px 0px 76px;
    }
     .row{
        margin:0
    }
     .static-section.home4-static-section {
         padding: 0px!important;
    }
     .home5-service1 {
         padding: 100px 60px 101px;
    }
}
 @media only screen and (min-width: 260px) and (max-width: 767px) {
     a.header-requestbtn.learn-more {
         display:none!important;
    }
     .row{
        margin:0
    }
     .header-info {
         width: 100%;
    }
     ul.header-info li{
         padding:0px 13px 0px 20px;
         margin-right:14px;
    }
     ul.header-info li.address {
         width: 53%;
    }
     ul.header-info li.phn {
         width: 41%;
    }
     .hdr-top-bar ul.header-info li{
         margin:5px;
    }
     .navbar-collapse.in {
         height: 400px !important;
         overflow-y: scroll;
    }
     .head-section {
         margin-bottom:10px;
    }
     .head-section h3 {
         margin:0px 0px 10px;
    }
     h3 {
         font-size: 20px;
         margin-bottom:30px;
    }
     h2 {
         font-size: 28px;
         margin-bottom:20px;
    }
     .solution-available h5 {
         font-size: 22px;
         line-height: 30px;
         width:100%;
    }
     a.header-requestbtn.learn-more-btn {
         font-size: 15px;
    }
     ul.footer-info li {
         width: 100%;
         border-right:0px;
         margin-right:0px;
         font-size:15px;
    }
     ul.footer-info li.ftr-loc:before {
         top: 5px;
    }
     ul.footer-info li.ftr-phn:before {
         top: 7px;
    }
     ul.footer-info li.ftr-msg:before {
         top: 7px;
    }
     ul.footer-info li.ftr-support:before {
         top: 5px;
    }
     .ftr-section h6 {
         font-size: 17px;
    }
     ul.footer-info {
         margin: 0px 0px 30px;
    }
     .ftr-about-text {
         padding-right: 15px;
         margin-bottom: 30px;
         text-align: left;
    }
     a.ftr-read-more {
         float:none;
         display:inline-block;
    }
     .ftr-sol-column, .ftr-link-column, .ftr-follow-column{
         margin-bottom:20px;
         text-align:left;
    }
     .ftr-logo {
         float: none;
         display: inline-block;
    }
     .wdt_img {
         width: 100%;
    }
     .ftr-section {
         padding: 40px 0px 0px;
    }
     a.ftr-read-more {
         font-size: 13px;
    }
     .footer-btm {
         margin: 10px 0px 0px;
         text-align:center;
    }
     .footer-btm .text-right {
         text-align: center;
    }
     .solution-available h5 {
         font-size: 20px;
         margin:0px 0px 10px;
    }
     a.header-requestbtn.learn-more-btn.contactus-btn {
         top: 0px;
    }
     .solution-available {
         padding: 20px 0px;
         text-align:center;
    }
     .news-column p {
         line-height: 25px;
         text-align: left;
    }
     .pad100-top-bottom {
         padding:50px 0px;
    }
     .pad100-top {
         padding: 40px 0px 0px;
    }
     .testimonial-left-sidebar .testimonial-head .testi-text {
         margin: 30px 0px 0px 20px;
    }
     .testimonial-left-sidebar .testimonial-head {
    }
     .head-section p {
         border-left: 0px;
         padding: 4px 0px;
         font-size:15px;
    }
     .hight-level-section ul li {
         padding: 12px 15px 12px 55px;
    }
     .hight-level-section ul {
         margin: 25px 0px 0px;
    }
     .head-section.client-head h3 {
         margin:0px 0px 20px 0px;
    }
     .history-list .year-circle {
         font-size: 24px;
         line-height:116px;
    }
     .history-list {
         margin-bottom: 30px;
    }
     p.fnt-17 {
         font-size: 15px;
    }

    p.fnt-cont{
        font-size:15px;
    }
     .nav-tabs>li>a {
         font-size: 15px;
         padding: 12px 10px;
    }
     .static-section ul li {
         width: 50%;
         margin-bottom:15px;
    }
     .static-section ul li:nth-child(2){
         border-right:0px;
    }
     .inner-pages-bnr .banner-caption {
         margin-top:-30px;
    }
     .inner-pages-bnr h1 {
         font-size: 35px;
    }
     ul.choose-list{
         width:92%;
    }
     ul.breadcumb {
         display:none;
    }
     .head-section.service-head h3 {
         margin: 0px 0px 32px 0px;
    }
     .left-column {
         width: 100%;
    }
     .right-column {
         width: 100%;
         margin-top: 40px;
    }
     .special-img {
         width: 100%;
         margin-bottom:40px;
    }
     .special-text {
         width: 100%;
    }
     .choose_Accordian_Wdt {
         width: 100%;
    }
     .accordion-first .accordion-heading {
         text-align: left;
    }
     .have-queston {
         width: 100%;
         margin:40px 0px 0px;
    }
     a.pdf-button {
         font-size: 15px;
    }
     a.header-requestbtn.black-request-btn {
         font-size: 16px;
         padding:14px 10px;
    }
     .cnc-img {
         width: 100%;
    }
     .cnc-img.cnc-img2 {
         width: 100%;
         margin:30px 0px 0px;
    }
     .faq-mobile-margin{
         margin-bottom:40px;
    }
     .accordion-first .accordion-heading .accordion-toggle {
         font-size: 15px!important;
    }
     .contact-help p {
         text-align:left;
    }
     .client-testimonial p {
         text-align:left;
    }
     .client-img {
         margin-right:20px;
    }
     .client-desc {
         width: 61%;
         float:left;
    }
     .comingsoon-page h2 {
         font-size: 30px;
    }
     ul.coming-list li {
         margin: 10px 25px;
    }
     .container.maintenance-container {
         padding: 80px 10px 0px;
    }
     .maintenance-section {
         background:none;
         padding:0px;
         text-align:center;
         height:auto;
    }
     .maintenance-section h2 {
         margin: 0px 0px 20px;
         font-size:35px;
    }
     .page-404 h1 {
         font-size: 100px;
    }
     .page-404 .pagenot-found {
         font-size: 25px;
    }
     .post-list .post-txt {
         width:60%;
         text-align:left;
         padding-left:20px;
         float:left;
    }
     ul.tag-cloud li a {
         padding:10px;
    }
     .blog-graylist ul li {
         width: 100%;
    }
     .project-desc{
         margin:50px 0px 0px;
    }
     .project-desc1{
         margin:0px 0px 50px;
    }
     .portfolio-info-column ul li {
         padding: 10px;
         text-align:center;
    }
     .portfolio-info-column ul li h4 {
         margin-bottom:0px;
    }
     .scope-rght-img{
         margin:30px 0px 0px;
    }
     .why-choose{
         margin:50px 0px 0px;
    }
     .experience-team{
         margin-bottom:50px;
    }
     .shop-column {
         width: 48%;
         margin-bottom: 40px;
    }
     .shop-column-head .rating {
         float: left;
         margin: 10px 0px 0px;
    }
     .shop-column:nth-child(3), .shop-column:nth-child(5), .shop-column:nth-child(7), .shop-column:nth-child(9) {
         margin-right: 20px;
    }
     .shop-column:nth-child(2), .shop-column:nth-child(4), .shop-column:nth-child(6), .shop-column:nth-child(8) {
         margin-right: 0px;
    }
     .blog-graylist {
         padding: 42px 10px;
    }
     .blog-testimonial {
         background-size:30px;
         padding:0px 0px 0px 45px;
    }
     .product-desc {
         width: 100%;
    }
     .cart-wdt1, .cart-wdt2, .cart-wdt3, .cart-wdt4 {
         width: 100%;
         text-align:left;
         border-bottom:1px solid #ccc;
    }
     .margin-txt {
         margin: 0px 0px;
    }
     a.continue-shop.update-shoppingbtn {
         float:left;
         margin:5px 5px 0px;
    }
     .discount-codes {
         width: 100%;
         margin-right:0px;
    }
     .discount-codes.your-order {
         width: 100%;
         margin:20px 0px 0px;
    }
     a.continue-shop{
         margin:5px 5px 0px;
    }
     .billing-left {
         width: 100%;
         margin-bottom:50px;
    }
     .checkout-form .form-field.field-49 {
         width: 100%;
    }
     .order-rght {
         width: 100%;
    }
     a.whatpaypal {
         width: 100%;
         float: left;
         padding:10px 28px 0px;
    }
     .checkout-form .form-field.field-55 {
         width: 100%;
    }
     .product-orderlst {
         padding: 20px 10px 30px;
    }
     .contact-form {
         width:100%;
    }
     .header-socials.header2-socials.contact-social i {
         width: 50px;
         height: 50px;
         margin-right: 1px;
         line-height: 50px;
         border-radius: 50px;
         font-size: 24px;
    }
     .banner-bottom-boxes {
         margin:0px 0px 80px;
    }
     .banner-bottom-boxes ul li {
         width:100%;
         margin:0px;
    }
     .client-column{
         margin-bottom:30px;
    }
     a.header-requestbtn.contactus-btn.more-info {
         float: left;
         margin:10px 0px 0px;
    }
     .bestthing-text-column.home4-bestthing-txt {
         width: 100%;
         padding-bottom:0px;
    }
     .static-section.home4-static-section ul li {
         border-bottom: 1px solid #fff;
         border-right:0px;
         padding-bottom:20px;
    }
     .nav-tabs>li {
         width: 32%;
    }
     .home3-client-desc {
         width: 51%;
    }
     .home3_testimonial {
         padding-bottom: 100px!important;
    }
     .service-column.service4-column .service4-desc{
         width:80%;
    }
     .inner-pages-bnr img{
         height:180px;
         width:100%;
    }
     .boxes-column {
         margin: 0px 0px 50px;
    }
     .boxes-column ul li {
         text-align:center;
         width:100%;
         padding:30px;
    }
     .boxes-column ul li h4 {
         font-size: 16px;
    }
     .boxes-column ul li .boxes-desc {
         width: 100%;
         text-align:center;
    }
     .boxes-column ul li .boxes-icons img {
         max-width: 60px;
    }
     .boxes-column ul li .boxes-icons {
         width: 60px;
         float:none;
         display:inline-block;
         margin-bottom:20px;
    }
     .boxes-column ul li:after {
         width:80%;
         left:10%;
         right:10%;
         height:1px;
         bottom:0px;
         top:inherit;
    }
     .history-list:before {
         top: 62%;
    }
     header.header1 ul.header-info {
         width: 100%;
    }
     ul.header-info li:before {
         font-size: 15px !important;
         top:0px;
    }
     .mob-social {
         float:left;
         margin:10px 0px 0px;
    }
     .hight-level-section h2 {
         font-size: 28px;
    }
     .testimonial-left-sidebar p {
         font-size: 15px;
    }
     .news-column h6 {
         font-size: 17px;
    }
     .marbtm50 {
         margin-bottom: 45px;
    }
     .head-section.client-head {
         margin: 0px 0px 40px;
    }
     a.header-requestbtn.contactus-btn {
         font-size: 14px;
         width:160px;
    }
     ul.footer-info li.ftr-loc {
         font-size: 15px;
    }
     .bestthing-section.why-choose-section {
         padding-top: 50px;
    }
     .pad95-0-top-bottom {
         padding: 75px 0px 0px;
    }
     p.fnt-18 {
         font-size: 15px;
    }
     .home2.bestthing-section {
         padding: 60px 0px 20px;
    }
     .pad95-50-top-bottom {
         padding: 45px 0px 10px;
    }
     .hight-level-section.background-variation {
         padding:43px 0px 34px;
    }
     .home2.recent-project-section {
         padding-bottom: 125px!important;
    }
     .static-section.home3-static {
         padding: 80px 0px 70px;
    }
     .pad95-45-top-bottom {
         padding: 45px 0px 0px;
    }
     a.view-project-link {
         margin: 1px 0px;
    }
     header.header2 ul.header-info{
         width:100%;
    }
     .pad100-85-top-bottom {
         padding: 50px 0px 25px;
    }
     header.header5 .header-socials {
         float: left;
    }
     .pad100-95-top-bottom {
         padding: 50px 0px 45px;
    }
     .head-section.other-heading {
         margin-bottom: 10px;
    }
     .pad100-80-top-bottom {
         padding: 40px 0px 20px;
    }
     .pad100-50-top-bottom {
         padding:50px 0px 5px;
    }
     .pad61-bottom {
         padding: 0px 0px 41px;
    }
     .pad100-70-top-bottom {
         padding: 50px 0px 20px;
    }
     .pad95-70-top-bottom {
         padding: 45px 0px 20px;
    }
     .pad95-100-top-bottom {
         padding: 45px 0px 50px;
    }
     .recent-project-section {
         padding-top: 45px;
    }
     .hight-level-section {
         padding:47px 0px 40px;
    }
     .home3.recent-project-section {
         padding-bottom: 20px!important;
    }
     .certifield-section {
         padding: 40px 0px 50px 0px;
    }
     .home4-service-section {
         padding: 45px 0px 35px;
    }
     .home2.home4.bestthing-section {
         padding-bottom: 50px;
    }
     .banner-bottom-boxes.index5-boxes {
         margin: 0px 0px;
    }
     .history-section {
         padding: 45px 0px 10px;
    }
     .history-section {
         padding: 45px 0px 10px;
    }
     .experiecnce-section {
         padding: 45px 0px 0px;
    }
     .portfoio-section {
         padding: 0px 0px 21px;
    }
     .portfoio-section3 {
         padding: 0px 0px 20px;
    }
     .portfolio-info-column {
         padding: 42px 0px;
    }
     .blog-list-cl h6 {
         font-size: 17px;
    }
     .product-desc h2 {
         font-size: 25px;
    }
     .product-desc .price {
         font-size: 38px;
    }
	.google-maps {
		padding-bottom: 42%;
		clear: both;
	}
	.havequestion_01{
		margin-top:0;
	}
	.common_testimonial_01#var_testimonial .controls{
		bottom:50px;
	}
	.common_testimonial_01 .carousel-inner{
		padding-bottom:0px;
	}
}
 @media only screen and (min-width: 468px) and (max-width: 767px) {
     .static-section.home4-static-section.home5-static-section ul li{
         min-height:120px;
    }
     .static-section.home4-static-section.home5-static-section ul li:nth-child(2) {
         border:0px;
    }
}
@media(max-width:550px){
	.service-tab-box .tab-menu li span {
		padding: 13px 15px 13px;
	}

}
@media (max-width: 480px){
.service-tab-box .tab-menu li {
    width: 100%;
}
}
 @media only screen and (min-width: 260px) and (max-width: 467px) {
     .testimonial-left-sidebar .testimonial-head .testi-text {
         margin:20px 0px 0px;
         width: 100%;
         text-align:center;
    }
     a.header-requestbtn.learn-more {
         margin-right:0px;
    }
     #minimal-bootstrap-carousel .carousel-inner .item {
         min-height: 800px!important;
    }
     ul.header-info li{
         border:0px;
         margin-bottom:5px;
    }
     ul.header-info li br{
         display:none;
    }
     ul.header-info li.address {
         width:100%;
    }
     ul.header-info li.phn {
         width:100%;
    }
     .testimonial-left-sidebar .testimonial-head {
         width: 100%;
         text-align: center;
    }
     .testimonial-left-sidebar .testimonial-head .testi-img {
         float:none;
         display:inline-block;
    }
     .hight-level-section ul li {
         float: none;
         margin:10px 0px;
         border-right:0px;
         padding:5px 12px 5px 37px;
         font-size:16px;
    }
     .static-section ul li {
         width: 100%;
         border-right:0px;
         border-bottom:1px solid #000;
         padding:20px 0px;
         margin-bottom:0px;
    }
     .news-column .yellow-strip .news-time {
         width: 50px;
         top:-33px;
    }
     .news-column .yellow-strip .news-time h5 {
         font-size: 25px;
         line-height:25px;
    }
     .news-column .yellow-strip .news-time span {
         font-size: 14px;
    }
     .news-column .yellow-strip {
         padding: 12px 0px 12px 62px;
    }
     .news-column .yellow-strip ul li{
         padding:0px 8px;
    }
     ul.choose-list{
         width:100%;
    }
     ul.choose-list li {
         width:100%;
         font-size:15px;
    }
     .client-testimonial {
         text-align:center;
    }
     .client-img {
         margin-right:0px;
         display:inline-block;
         float:none;
    }
     .client-desc {
         width: 100%;
    }
     .client-testimonial p {
         text-align:center;
    }
     .client-testimonial .client-name {
         float: none;
         display:inline-block;
         margin-left:0px;
    }
     .blog-list-cl ul li {
         border:0px;
         margin:0px;
    }
     .blog-timing {
         width: 65px;
         padding: 5px;
    }
     .blog-timing h5 {
         font-size: 25px;
         line-height: 26px;
    }
     .pagination ul{
         text-align:center;
    }
     .pagination ul li{
         float:none;
         display:inline-block;
    }
     .pagination ul li.prev-next {
         margin:4px 0px;
    }
     .shares-col {
         padding: 7px 5px;
    }
     .portfolio-info-column ul li {
         width:100%;
         border-bottom:1px solid #000;
         border-right:0px;
    }
     .shop-column {
         width: 100%;
    }
     .shop-column:nth-child(3), .shop-column:nth-child(5), .shop-column:nth-child(7), .shop-column:nth-child(9) {
         margin-right:0px;
    }
     .shop-column:nth-child(2), .shop-column:nth-child(4), .shop-column:nth-child(6), .shop-column:nth-child(8) {
         margin-right: 0px;
    }
     .shop-column-head .rating {
         float: left;
         width:100%;
         margin: 10px 0px 0px;
    }
     .shares-col .header-socials {
         padding: 7px 6px;
    }
     .cartproduct-img {
         width: 100%;
         margin-right:0px;
    }
     .cartproduct-desc {
         width: 100%;
    }
     ul.cart-table-top.cart-table-btm {
         padding: 15px 10px;
    }
     .discount-codes {
         padding: 20px 10px;
    }
     .discount-codes.your-order {
         padding: 20px 10px;
    }
     .paypal-img {
         margin:0px 20px;
    }
     .home3-client-desc {
         width: 100%;
    }
     header.header5 ul.header-info li {
         border-right:0px;
    }
     .static-section.home4-static-section.home5-static-section ul li {
         border-bottom: 1px solid #000;
         border-right:0px;
    }
     .nav-tabs>li {
         width:auto;
    }
     .client-column {
         text-align:center;
    }
     .home3-client-img {
         float:none;
         display:inline-block;
         margin-right: 0px;
    }
     .service-column.service4-column{
         text-align:center;
    }
     .service-column.service4-column .icons {
         margin:0px;
    }
     .service-column.service4-column .service4-desc {
         width: 100%;
         border:0px;
    }
     .home5-service1 {
         padding: 100px 30px;
    }
     .black-portfolio-left ul li .colleft {
         width: 100%;
    }
     .black-portfolio-left ul li .colrght {
         width: 100%;
    }
     .leave-reply-column {
         width: 100%;
    }
     #minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides {
         margin-right:0px!important;
         margin-top: 90px!important;
    }
     .vision-icon {
         background-size: 30px;
    }
     .value-icon {
         background-size: 30px;
    }
     .mission-icon {
         background-size: 30px;
    }
     .static-section.home3-static {
         padding:40px 0px 30px;
    }
     a.view-project-link {
         margin: 0px 0px 20px;
         float: left;
    }
     .pagination ul li {
         font-size: 12px;
         width:28px;
         margin-right:0px;
    }
     .pagination ul li a {
         height: 34px;
         line-height: 34px;
    }
     .pagination ul li.prev-next {
         width: 82px;
    }
}

/*****************Home6, Home7 & Home8*******************/
@media(max-width: 1190px)
{
    .icon_counter h3{
        font-size: 24px!important; 
    }
    section.serviceSection {
        background-size: cover; 
    }
    .emergencySec h3{
        font-size: 30px;
    }
    .emergencySec h1{
        font-size: 40px;
        line-height: 40px;
    }
    .paddingSection {
        padding: 100px 0;
    }
    section.success_story,.clientSection{
        padding-bottom: 100px;
    }
    .success_story .iconSec .row{
        padding-right: 25px;
    }
    .success_story .col-md-10 {
        padding-left: 15px;
    }
    .home6 .titleHead h1{
        font-size: 30px;
        line-height: 30px;
    }
    #var_testimonial .controls,#minimal-bootstrap-carousel .carousel-control{
        display: none;
    }
    /*Home7*/
    .home7Accordian,.home7Project{
        padding-top: 100px;
    }
    .home7Testimonial{
        padding-bottom: 100px;
    }
    .supportTextCol h1,.home7Title h1{
        font-size: 30px;
        line-height: 30px;
    }
    .home7 .counterBox{
        padding: 15px;
    }
    .supportBoxCol.col-md-3{
        padding: 2.5% 0;
    }
    section.vc_section.demo3Client{ 
        padding-bottom: 9% !important; 
    }
    .demo3Client ul.slick-dots,.hm7TestimonialArrow,.serviceNav,.home7Services ul.slick-dots{
        display: none!important; 
    }
    .demo3TeamImage:before{ 
        bottom: 121px; 
    }
    .demo3TeamTitle{ 
        bottom: 71px;
    }
    /*Home8*/
    .headerSidebar{ 
        height: 100%; 
    }
    .home8Title h1{
        font-size: 30px;
        line-height: 32px;
    }
    .headerSidebar,.home8 .headerSidebar{
        top: 0;
        margin-top: 0;
    }
}
@media(max-width: 1190px) and (min-width: 992px)
{
    .home6 #minimal-bootstrap-carousel .carousel-caption .thm-container .box .content.text-left{
        padding-left: 80px;
        width: 100%;
    }
    .header6 .col-md-6.logoSec{
        width: 30%;
    }
    .header6 .col-md-6.addressSec {
        width: 70%;
    }
    .header6 .navbar .container,.header7 .navbar .container,.header8 .navbar .container {
        width: 1000px;
    }
    .header6 .navbar-collapse:before{
        width: 78%;
    }
    .header6 .sticky_header .navbar-collapse:before{
        border-top: 64px solid #011327;
    }
    .missionImageCol .vertical_titleStrip{ 
        margin-left: -45%;
        margin-top: -57%;
        width: 99%; 
    }
    .divider hr {
        margin: 27px auto 35px;
    }
    section.success_story{
        margin-top: -60px;
    }
    .success_story .vertical_titleStrip{
        width: 100%;
        margin-top: -51.5%;
        margin-left: -62%;
    }
    .success_story .vertical_titleStrip h1{
        font-size: 30px;
    }
    .success_story_content .titleLine{ 
        margin-top: 20%; 
    }
    .home6 .titleHead h1{
        font-size: 30px;
    }
    .home6 .formSec{
        padding: 86px 33px;
    }
    .schedule_services .form-field .form-comment {
        height: 83px;
    }
    .home6 .formSec .titleHead h1{
        padding-top: 5px;
    }
    .singleService{ 
        min-height: 306px; 
    }
    .serviceImgArea{ 
        width: 33%; 
    }
    .schedule_services .form-field{ 
        margin-bottom: 24px; 
    }
    .clientSection .col-md-2 {
        width: 188px;
    }
    .featuredProject .col-md-3.col-sm-3.col-xs-12,.featuredProject .col-md-6.col-sm-6.col-xs-12,
    .featuredProject img.proImg
    { 
        height: 320px; 
    }
    .title2 h1{ 
        font-size: 28px; 
    }
    .titleSec .col-md-4{ 
        width: 25.333333% 
    }
    .featuredProject .titleSec{ 
        padding-top: 35px; 
    }
    .projectTopRight, .projectNameRight, .projectNameLeft{ 
        padding-top: 90px; 
    }
    .col-md-5.testimonialImgSec{ 
        padding-left: 35px; 
    }
    .testimonialContent .carousel .item:before{ 
        width: 93%; 
    }
    .testimonialContent .carousel .item .testimonialText{ 
        padding: 33px; 
    }
    .newsDate h5{ 
        font-size: 30px; 
    }
    .newsContent p{ 
        font-size: 20px;
        line-height: 26px; 
    }
    /*Home7*/
    .header7 ul.header-info {
        margin: 15px 0 7px;
    }
    #minimal-bootstrap-carousel.home7Banner .carousel-caption .thm-container .box .content{
        margin-top: 90px;
    }
    .phoneSupport .col-md-4.col-sm-4.col-xs-4{
        width: 15%;
    }
    .phoneSupport .col-md-8.col-sm-8.col-xs-8{
        width: 84%;
    }
    .hm7serviceImgArea{
        width: 45%;
    }
    .demo3ProjectImg img{ 
        height: 400px; 
    }
    .demoProContent{ 
        width: 70%;
        margin-left: 15%; 
    }
    .hm7serviceContent p{ 
        padding: 20px 0; 
    }
    .demo3TeamTitle{ 
        width: 91%;
        margin-bottom: 35px!important; 
    }
    .home7 .home7Client .slick-slide img{
        max-width: 188px;
    }
    .home7 .demo3TeamImage img {
        width: 100%;
        max-height: 400px;
    }
    .hm7TestimonialSec .col-md-12{
        margin-top: -38%;
    }

    /*Home8*/
    .header8 #main-navigation-wrapper .nav>li>a{ 
        font-size: 13px; 
    }
    .header8 .menuSecHeader7{ 
        max-width: 77%; 
    }
    .hm8WelcomeStrip .col-md-4{
        width: 30.333333%;
    }
    .hm8WelconeCenter,.hm8WelconeLeft, .hm8WelconeRight{
        padding-top: 75px;
    }
    .videoServiceRight .col-md-10{ 
        width: 100%; 
    }
    .videoServiceRight.col-md-6{ 
        padding-top: 5%; 
    }
    .videoServiceRight.col-md-6{ 
        padding-bottom: 5%!important; 
    }
    .hm8serviceContent h5{ 
        font-size: 15px; 
    }
    .videoServiceLeft .ultv-video__outer-wrap, .videoServiceLeft img.ultv-video__thumb{ 
        height: 455px; 
    }
    .hm8ProductSection .woocommerce ul.products li.product .price{ 
        width: 100%;
        text-align: center; 
    }
    .hm8ProductSection .woocommerce ul.products li.product .button{ 
        margin-right: 19%;
        margin-top: 0; 
    }
    .hm8WelconeLeft.vc_col-has-fill>.vc_column-inner, .hm8WelconeRight.vc_col-has-fill>.vc_column-inner, 
    .hm8WelconeCenter.vc_col-has-fill>.vc_column-inner
    { 
        border-top: 0;
        border-bottom: 0; 
    }
    .hm8CounterCol.vc_col-sm-6{ 
        margin-top: 50px; 
    }
    .hm8ProductSection .woocommerce ul.products li.product .button{ 
        padding: 9px 30px; 
    }
    .hm8ProductSection .woocommerce ul.products li.product a img{
        max-height: 200px;
    }
    .hm8TestimonialCol{
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
@media(max-width: 1190px) and (min-width: 415px)
{
    .newsArea .col-md-6.col-sm-6{ 
        width: 50%;margin: 0; 
    }
    /*Home7*/
    .phoneSupport .vc_col-sm-8{ 
        width: 80.666667%; 
    }
    .counterBox h1{ 
        font-size: 28px!important; 
    }
    .home7 #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-middle{
        padding: 0 15px;
    }
    /*Home8*/
    .home8 #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-middle {
        padding: 0 15px;
    }

}
@media(max-width: 991px)
{ 
    .home6 ul.header-info .search-btn,.home8 .search-btn{
        background: url(../images/zoom_icon.jpg) no-repeat center center
    }
    .home6 ul.header-info .ic-bar,.home8 .ic-bar{
        background: #000;
    }
    .responsive_search-fl,.responsiveSide{
        display: none;
    }
    .header6 #main-navigation-wrapper .navbar-collapse{
        background: #fdcd00;
    }
    .header6 .sticky_header .navbar-collapse:before{
        border-top: 0;
    }
    .home6 #main-navigation-wrapper.navbar-default .navbar-nav > li:hover > i,
    .home6 #main-navigation-wrapper.navbar-default .navbar-nav > li > i.active{
        color: #fdcd00;
    }
    .header6 #main-navigation-wrapper.navbar-default .navbar-nav > li.current_page_parent.current-menu-ancestor.current-menu-parent > a,
    .header8 #main-navigation-wrapper.navbar-default .navbar-nav > li.current_page_parent.current-menu-ancestor.current-menu-parent > a,
    .header6 #main-navigation-wrapper.navbar-default .navbar-nav > li.current_page_parent.current-menu-ancestor.current-menu-parent > i,
    .header7 #main-navigation-wrapper.navbar-default .navbar-nav > li.current_page_parent.current-menu-ancestor.current-menu-parent > i,
    .header8 #main-navigation-wrapper.navbar-default .navbar-nav > li.current_page_parent.current-menu-ancestor.current-menu-parent > i{
        color: #fff;
    }
    .header6 #main-navigation-wrapper .nav > li > a,{
        color: #48402b;
    }
    .header8 #main-navigation-wrapper .nav > li > a,
     header.header4.header7 #main-navigation-wrapper .nav>li>a{
        color: #fff;
    }
    .header6 .navbar-collapse:before{
        border-top: 0;
    }
    .missionContentCol, .missionImageCol{
        width: 100%;
    }
    .imageDiv img{
        max-width: 71%;
        margin: 0 auto;
    }
    .missionContentCol .iconButton .ubtn-ctn-left{ 
        margin-bottom: 0; 
    }
    .divider hr{
        margin: 30px auto 30px;
    }
    .singleService{ 
        margin-bottom: 40px!important; 
    }
    .home6 .iconSec.col-md-7 {
        width: 100%;
    }
    .home6 .iconSec{
        margin-left: 0;
    }
    .newsAuth li{ 
        margin-right: 15px; 
    }
    .newsDate h5{ 
        font-size: 20px; 
    }
    .newsDate{ 
        width: 100%; 
    }
    .newsContent p{ 
        font-size: 16px; 
    }
    .col-md-5.testimonialImgSec{ 
        padding-left: 0;
        margin-bottom: 35px; 
    }
    .testimonialTitle,.testimonialContent .carousel{
        padding-left: 20px; 
    }
    .ftr-section{
        padding: 80px 15px 0;
    }
    .testimonialArea{
        background-size: cover;
    }
    /*Home7*/
    header.header7 .logo{
        display: none;
    }
    .header7 #main-navigation-wrapper .navbar-collapse{
        background: #fdcd00;
    }
    .header7 .navbar-header{
        background: #fdcd00;
    }
    .header4.header7 #main-navigation-wrapper .nav>li>a,
    .header4.header7 #main-navigation-wrapper.navbar-default .navbar-nav>li.current_page_parent.current-menu-ancestor.current-menu-parent>a{
        padding: 16px 25px;
    }
    .header7 #main-navigation-wrapper.navbar-default .navbar-nav > li.current_page_parent.current-menu-ancestor.current-menu-parent > a{
        color: #fff!important;
    }
    .hm7ServiceSec .vc_col-sm-6{ 
        padding-left: 15px;
        padding-right: 15px; 
    }
    .header7 i.fa.fa-chevron-down,header.header4.header7 #main-navigation-wrapper .nav>li>a{
        color: #000;
    }
    header.header4.header7 #main-navigation-wrapper .nav>li>a.active,.header7 i.fa.fa-chevron-down.active{
          color: #fff;
    }
    .header7 #main-navigation-wrapper.navbar-default .navbar-nav > li:hover > a,
    .header7 #main-navigation-wrapper.navbar-default .navbar-nav > li:hover > i{
          color: #fff;
    }
    .wpb-js-composer .hm7missionContentSide .vc_tta.vc_general .vc_tta-panel{ 
        margin-bottom: 10px; 
    }
    .hm7missionContentSide .vc_column-inner{ 
        margin-top: 0!important; 
    }
    .demo3ProjectImg img{ 
        height: auto; 
    }
    .home7Accordian{
        padding-bottom: 100px;
        background-size: cover;
    }
    .home7 .home7Client .slick-slide img{
        margin: 0 auto;
    }
    /*Home8*/
    .header4.header7.header8 #main-navigation-wrapper .nav>li>a{
        padding: 16px 25px;
    }
    .header8 #main-navigation-wrapper .navbar-collapse{
        background: #fdcd00;
    }
    header.header4.header7.header8 #main-navigation-wrapper .navbar-nav{
        /*border-top: 1px solid #fff;*/
    }
    .header4.header7.header8 #main-navigation-wrapper.navbar-default .navbar-nav>li.current_page_parent.current-menu-ancestor.current-menu-parent>a{
        color: #fff!important;
        border-bottom: 1px solid #f3c05f;
    }
    header.header4.header7.header8 #main-navigation-wrapper.navbar-default{
        background: #fdcd00;
    }
    header.header4.header7.header8 #main-navigation-wrapper.navbar-default:before{ 
        display: none; 
    }
    .header8 i.fa.fa-chevron-down,header.header4.header8 #main-navigation-wrapper .nav>li>a{
        color: #000;
    }
    header.header4.header8 #main-navigation-wrapper .nav>li>a.active,.header8 i.fa.fa-chevron-down.active{
          color: #fff;
    }
    .header8 #main-navigation-wrapper.navbar-default .navbar-nav > li:hover > a,
    .header8 #main-navigation-wrapper.navbar-default .navbar-nav > li:hover > i{
          color: #fff;
    }
    section.experienceSec{
        background-size: cover;
    }
    .home8 .expImgTitle h3{
        font-size: 20px;
    }
    .home8 .expImgTitle h1{
        font-size: 30px;
        line-height: 30px;
    }
    .home8 .expImgTitle .row{
        width: 85%;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .hm8ProductSection ul{
        display: inline-block;
        list-style-type: none;
        padding-inline-start: 0;
    }
    .hm8ProductSection .woocommerce ul.products li.product{
       display: inline-block;
    }
    .home8 .videoServiceRight.col-md-6{
        width: 100%;
    }
    .home8 .videoServiceRight{
        padding-left: 50px;
    }
    .hm8ServiceSection .home8Title {
        padding-bottom: 15px;
    }
    .hm8ProjectSection .nav-tabs>li>a{ 
        padding: 0 25px 0 0;
        font-size: 15px; 
    }
    button.sideOpenbtn.sidebarDeskButton{ 
        display: block; 
    }
    .header8 .header-socials{ 
        float: left; 
    }
    .header4.header7.header8 .hdr3-right.hdr4-right .search-column .search-btn {
        background: url(assets/images/allmix/search-btn.html) no-repeat center center!important;
    }
    .home8 a.home8Button{
        float: left;
        margin-bottom: 30px;
    }
    .header8 .header-nav-right{
        display: none;
    }
    
}
@media(max-width: 991px) and (min-width: 481px)
{
    ul.header-info li.address{
        width: 43%;
    }
    ul.header-info li.phn {
        width: 40%;
    }
    ul.header-info .responsive_search-fl,ul.header-info .responsiveSide{
        width: 8%;
    }
    .addressSec ul.header-info li{
        margin-right: 0;
        padding: 0 21px 0 10px;
    }
    .home6 #minimal-bootstrap-carousel .carousel-caption .thm-container .box .content.text-left{
        padding-left: 80px;
        width: 100%;
    }
    .home6Slider .carousel-caption .thm-container .box .content::before{
        height: 395px;
    }
    .home6Slider .carousel-caption .topText{
        margin-top: 80px;
    }
    .home6Slider a.header-requestbtn.learn-more.our-solution{
        width: 155px;
        padding: 8px 10px;
        font-size: 16px;
    }
    .missionContentCol .vc_separator{ 
        margin-top: 4% !important;
        margin-bottom: 6% !important; 
    }
    .missionContentCol button.ubtn-normal{ 
        padding: 9px 30px;
    }
    .missionContentCol .signLeftCol.vc_col-sm-5{ 
        width: 28.666667%;
        padding-left: 5px; 
    }
    .missionImageCol .vertical_titleStrip{ 
        margin-left: -15%;
        margin-top: -35.6%;
        width: 62%; 
    }
    .company_mission_video{
        width: 35%;
        margin-right: 0!important;
    }
    .missionImageCol.vc_col-sm-6,.missionContentCol.vc_col-sm-6{ 
        width: 100%; 
    }
    .company_mission_video .ult-video{ 
        width: 50%;
        margin-top: -38%;
        margin-right: 0; 
    }
    .missionContentCol{ 
        margin-top: 30px; 
    }
    
    .success_story .iconSec .row{
        padding-left: 91px;
    }
    .iconSec{ 
        margin-left: 50px; 
    } 
    section.success_story{ 
        margin-top: -54px; 
    }
    .vertical_titleStrip{ 
        margin-top: -21%;
        left: -33%;
        width: 58%; 
    }
    .success_story_content .titleLine{ 
        margin-top: 14%; 
    }
    .home6 .formSec{ 
        width: 100%;
    }
    .home6 .titleHead h1 {
        font-size: 24px;
        line-height: 28px;
    }
    .clientSection .col-md-2 {
        width: 192px;
    }
    .ourTeam img{ 
        margin-top: -28px; 
    }
    section.serviceSection{ 
        padding-bottom: 60px!important; 
    }
    .featuredProject .titleSec{ 
        padding-top: 20px; 
    }
    .featuredProject .col-md-3.col-sm-3.col-xs-12, .featuredProject .col-md-6.col-sm-6.col-xs-12,.featuredProject img.proImg
    { height: 250px; }
    .projectTopRight, .projectNameRight, .projectNameLeft{ 
        padding-top: 70px; 
    }
    .titleButton a{ 
        font-size: 16px;
        padding: 10px; 
    }
    .title2 h1{ 
        font-size: 20px;
        padding: 0 11px;
        line-height: 27px; 
    }
    .titleButton{ 
        width: 130px;
        line-height: 37px;
        height: 40px; 
    }
    .titleSecRight{ 
        padding: 0 25px; 
    }
    .title2.projectName{ 
        padding: 0; 
    }
    img.nwsImg{ 
        height: 296px; 
    }
    img.testiImg.testiImg2{ 
        margin-top: -8%;
        margin-bottom: 7%;
        margin-left: 11%; 
    }
    img.testiImg.testiImg3{ 
        margin-top: -11%;
        margin-right: 0;
        float: none;
        margin-left: 36%; 
    }
    img.testiImg.testiImg1{ 
        margin-left: 0; 
    }
    img.testiImg.testiImg5{ 
        margin-left: 28%;
        margin-top: -3%; 
    }
    img.testiImg.testiImg4{
        margin-top: -6%;
        margin-left: 11%; 
    }
    .testimonialContent .carousel .item .testimonialText{ 
        padding: 39px; 
    }
    .newsContent p{ 
        line-height: 22px; 
    }
    .newsData{ 
        margin-bottom: 5px!important; 
    }
    .newsAuth li a{
        font-size: 14px;
    }
    /*Home7*/
    .carousel-caption h1 {
        font-size: 40px;
        line-height: 40px;
    }
    #minimal-bootstrap-carousel.home7Banner .carousel-caption .thm-container .box .content {
        margin-top: 40px;
    }
    .home7 .hdr-top-bar ul.header-info li{
        padding: 0px 15px;
        margin-right: 0;
    }
    header.header7 ul.header-info {
        width: 75%;
    }
    header.header8 ul.header-info {
        width: 66%;
    }
    .header8 .hdr3-right.hdr4-right {
        width: 34%;
    }
    .home7 .supportTextCol {
        width: 60%;
    }
    .supportBoxCol.col-md-3{
        width: 29%;
        margin-bottom: 12px;
    }
    .phoneSupport .col-md-4.col-sm-4.col-xs-4{
            width: 13.333333%;
    }
    .phoneSupport .col-md-8.col-sm-8.col-xs-8{
        width: 75%;
    }
    .home7Services .home7Title {
        padding: 0 15px;
    }
    .hm7serviceImgArea{
        width: 24%;
    }
    .hm7TestimonialSec .col-md-12{
        margin-top: -45%;
    }
    .demo3TeamTitle{ 
        bottom: 55px;
        width: 92.5%; 
    }   
    /*Home8*/
    #minimal-bootstrap-carousel.home8Banner .carousel-inner .item{
        min-height: 600px;
    }
    .hm8WelconeLeft, .hm8WelconeRight, .hm8WelconeCenter{
        margin-left: 3px;
        margin-right: 3px;
    }
    .hm8WelcomeStrip .col-md-4 {
        width: 32.333333%;
    }
    .hm8WelconeLeft, .hm8WelconeRight{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .hm8WelconeCenter {
        padding-top: 85px;
        padding-bottom: 50px;
    }
    .home8 .experienceLeft{
        width: 100%;
    }
    .home8 .experienceLeft .signLeftCol{
        width: 32%;
    }
    .hm8ProductSection .woocommerce ul.products li.product{ 
        width: 47%;
        margin: 20px 10px 0; 
    }
    .hm8WelconeCenter.vc_col-has-fill>.vc_column-inner{ 
        border-top: 0;
        border-bottom: 0;
        padding-left: 10px!important;
        padding-right: 10px!important; 
    }
    .experienceRight .wpb_single_image.vc_align_center{ 
        text-align: left;
        margin-left: 30px; 
    }
    .vc_row.expImgTitle{ 
        margin: 0 0 0 30px;
        width: 69%; 
    }
    .hm8CounterCol.vc_col-sm-6{ 
        margin-top: -4%; 
    }
    .home8 .hm8ProjectSection a.home8Button{
        width: 118px;
    }
    .hm8TestimonialCol{
        padding-top: 100px;
        width: 60%;
    }
    .hm8CounterCol{
        width: 40%;
    }
    .hm8ProductSection ul{
        padding-inline-start: 0;
    }
    .home8 .responsive_search-fl, .home8 .responsiveSide{
        margin-top: 10px;
    }
    .home8 .search-btn, .home8 .search-btn{
        border-left: 1px solid #000;
        margin-left: 8px;
    }
}
@media(max-width: 768px) and (min-width: 415px)
{
    img.nwsImg{ 
        height: 305px; 
    }
    .newsDate span{ 
        font-size: 16px; 
    }
    .newsAuth li{ 
        margin-right: 10px; 
    }
    .newsData { 
        margin-bottom: 12px!important; 
    }
    /*Home7*/
    .supportBoxCol.vc_col-sm-3{ 
        padding: 3.5% 0; 
    }
    .supportVideoCol .ultv-video__outer-wrap,.supportVideoCol .ultv-video__outer-wrap img{ 
        height: 390px; 
    }
    .vc_row.wpb_row.hm7TestimonialSec{ 
        margin-top: -33%; 
    }
    /*Home8*/
    .hm8ProductSection .woocommerce ul.products[class*=columns-] li.product{ 
        margin: 20px 6px 0 6px; 
    }
    .vc_row.expImgTitle{ 
        width: 72%; 
    }
    .hm8CounterCol.vc_col-sm-6{ 
        margin-top: -7%; 
    }
}
@media(max-width: 480px)
{
    .header8 .hdr3-right.hdr4-right{
        padding-left: 6px;
        padding-top: 8px;
    }
    header.header4.header7 ul.header-info{
        padding-top: 0;
        padding-bottom: 0;
    }
    header.header6 ul.header-info{
        display: block;
    }
    .header6 .addressSec ul.header-info li{
        padding: 5px 0;
    }
    .header6 ul.header-info li.phnClass:before{
        margin-left: 8px;
        margin-top: -3px;
    }
    .header6 ul.header-info li:before{
        background: #fdcd00;
        color: #fff;
        font-size: 20px !important;
        padding: 0 8px;
        border-radius: 5px;
        top: 7px;
        margin-left: 8px;
        margin-top: -3px;
    }
    .header6 ul.header-info li.address{
        margin-top: 15px;
    }
    /*Home1 Slider*/
    .vc_row[data-vc-full-width].slider_row{
        overflow: hidden!important;
    }
    .bestthing-section h2{ 
        font-size: 25px; 
    }
    /*Home6*/
    #minimal-bootstrap-carousel.home6Slider .carousel-caption .thm-container .box .content{
        display: none;
    }
    .imageDiv img{
        max-width: 100%;
    }
    .missionImageCol .vertical_titleStrip h1{
        font-size: 20px;
    }
    .missionContentCol{ 
        margin-top: 30px; 
    }
    .missionImageCol .vertical_titleStrip{
        margin-top: -58%;
        margin-left: -45%;
        width: 100%;
    }
    .col-md-5.signLeftCol ,.signCol img{
        padding-left: 0;
    }
    .missionContentCol, .missionImageCol {
        padding-left: 15px;
        padding-right: 15px;
    }
    .home6 .iconButton .iconContent h4{
        margin-bottom: 0;
    }
    .iconContent {
        padding-bottom: 15px;
    }
    .company_mission_video{
        margin-right: 0!important;
    }
    .signRow { 
        display: inline-flex; 
    }
    .projectTopRight, .projectNameRight, .projectNameLeft{ 
        padding: 115px 0; 
    }
    .featuredProject .col-md-3.col-sm-3.col-xs-12,.featuredProject .col-md-6.col-sm-6.col-xs-12{ 
        height: auto; 
    }
    .featuredProject img.proImg{ 
        height: 375px; 
    }
    .featuredProject .titleSec{ 
        padding: 100px 15px; 
    }
    .emergencySec .uvc-heading{ 
        display: block; 
    }
    .success_story_content .vc_col-sm-7{ 
        width: 100%; 
    }
    .iconSec,.formSec{ 
        margin-left: 0; 
    }
    section.success_story{ 
        margin-top: 0; 
    }
    section.vc_section.emergencySec.vc_section-has-fill{ 
        padding-top: 18%!important;
        padding-bottom: 20%!important; 
    }
    .success_story .iconSec .row {
        padding-right: 0;
    }
    section.serviceSection{ 
        padding-bottom: 0!important; 
    }
    .success_story .vertical_titleStrip{
        width: 100%;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        margin-top: 0;
        margin-left: 0;
        padding-left: 15px;
    }
    .success_story .vertical_titleStrip h1{
        font-size: 24px;
    }
    .success_story .iconSec .row{
        padding-left: 15px;
    }
    .newsArea .col-md-6.col-sm-6{ 
        width: 100%;
        margin: 0; 
    }
    .newsContent p{ 
        font-size: 18px;
        line-height: 25px; 
    }
    .newsData .col-xs-3{
     padding-left: 0;
     padding-right: 0; 
    }
    .newsDate{ 
        width: 83%;
        padding: 24px 10px; 
    }
    .newsDate h5{ 
        font-size: 30px; 
    }
    img.nwsImg{ 
        height: 260px; 
    }
    img.testiImg.testiImg3{ 
        margin-top: -21%;
        margin-right: 11%; 
    }
    .hm6-testimg{ 
        padding: 20px 0; 
    }
    img.testiImg.testiImg1{ 
        margin-left: 0;
        margin-bottom: 1%; 
    }
    img.testiImg.testiImg5{ 
        margin-left: 40%;
        margin-top: -9%; 
    }
    .testimonialContent .carousel .item .testimonialText{ 
        padding: 15px; 
    }
    .testimonialContent .carousel .item:before{ 
        width: 100%; 
    }
    .testimonialContent .carousel .item .testimonialText::before{ 
        width: 96%; 
    }
    .testimonialContent .carousel .item{ 
        width: 100%;
        padding: 0; 
    }
    .testimonialContent .carousel{ 
        padding: 0; 
    }
    .title2 h1{ 
        font-size: 24px; 
    }
    .home6 .clientSection img{
        margin: 0 auto;
    }
    .home6 .formSec{
        padding: 80px 15px;
    }
    .clientSection .col-md-2{
        width: 100%;
    }
    /*Home7*/
    #minimal-bootstrap-carousel.home7Banner .carousel-caption .thm-container .box .contentImg {
        width: 41%;
        float: unset;
        margin: 0 auto;
    }
    .phoneSupport .col-md-8.col-sm-8.col-xs-8{
        width: 80%;
        padding: 12px;
    }
    .phoneSupport .col-md-4.col-sm-4.col-xs-4{
        padding: 18px 5px;
    }
    .phoneSupport h3{
        font-size: 14px;
    }
    .supportTextCol { 
        display: block;
        width: 100%; 
    }
    .supportBoxCol.col-md-3,.supportVideoCol.col-md-4,.supportVideoCol img{ 
        width: 100%; 
    }
    .counterBox{ 
        margin-left: 0;
        margin-right: 0; 
    }
    .counterBox2{ 
        margin-top: 2%; 
    }
    .supportVideoCol{ 
        height: auto; 
    }
    .hm7companyMissionRow{ 
        background-size: cover; 
    }
    .hm7missionContentSide{ 
        padding-bottom: 50px; 
    }
    section.hm7AccordionSec{ 
        padding-top: 0; 
    }
    .hm7missionContentSide{ 
        padding-top: 100px; 
    }
    .hm7TestimonialSec
    { 
        margin-top: 35px;
        margin-left: 0!important; 
    }
    .hm7TestimonialSec .col-md-12{
        margin-top: 0;
    }
    .hm7Testimonial .testimonialText{
        padding: 50px 15px;
    }
    .hm7TestimonialSec .col-md-12,.hm7Testimonial .carousel{ 
        width: 100%; 
    }
    .demo3TeamTitle{
        bottom: 56px;
    }
    .demo3TeamImage img{
        max-height: 400px;
    }
    .home7Accordian{
        padding-bottom: 0;
    }
    /*Home8*/
    .header7 .ulDiv{
        float: unset;
    }
    #minimal-bootstrap-carousel .carousel-caption .thm-container .box .content{
        display: none;
    }
    section.hm8WelcomeStrip{
        margin-top: 80px;
    }
    .hm8WelconeCenter{
        margin-top: 0;
    }
    .hm8WelcomeStrip .col-md-4 {
        width: 100%;
    }
    .hm8WelconeLeft, .hm8WelconeRight, .hm8WelconeCenter{
        margin-left: 0;
        margin-right: 0;
    }
    .experienceLeft .signLeftCol{
        padding-left: 0;
        width: 50%;
    }
    .experienceLeft .signCol{
        width: 50%;
    }
    .home8 a.home8Button{
        margin-left: 0;
    }
    .home8 .expImgTitle .row{
        width: 100%;
    }
    .home8 .videoServiceLeft img{
        min-height: auto;
    }
    .home8 .videoServiceLeft.col-md-6{
        margin-right: 0;
        padding-right: 15px;
    }
    .home8 .videoServiceRight {
        padding-left: 15px;
        padding-right: 15px;
    }
    .expImgTitle .col-md-9{ 
        margin: 0 auto;
        width: 75%; 
    }
    .hm8serviceContent h5{
     margin: 4% 0!important; 
    }
    .hm8CounterCol .icon_counter h3{ 
        margin-bottom: 0; 
    }
    .hm8CounterCol h3.testimonialcounter1{ 
        margin-left: 43%; 
    }
    .hm8CounterCol{
        width: 100%;
        margin-top: 100px;
    }
    .hm8TestimonialCol {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 100px;
        padding-left: 15px;
    }
    .hm8TestimonialArrow {
        display: none;
    }
    .hm8ProductSection .woocommerce ul.products li.product
    { 
        width: 100%!important;
        margin: 20px 0 0!important;
        height: auto!important; 
    }
    .headerSidebar{ 
        top: 0;
        width: 415px; 
    }
    .iconArea i.fas, .iconArea i.far{ 
        margin-bottom: 10px;
        padding-left: 0; 
    }
    .hm8ProjectSection .nav-tabs>li>a{ 
        padding: 0 20px 0 0; 
    }
    .hm8-product-title p,.home8-news-title p{ 
        padding: 0 15px!important; 
    }
    .header8 .header-socials{
        margin-bottom: 6px;
    }
    .home8 .search-btn{
        margin: 0 6px;
    }
}
@media(max-width: 360px)
{
    .serviceImgArea{ 
        width: 31%; 
    }
    .newsAuth ul{ 
        display: block; 
    }
    .newsDate {
     width: 87%;
     padding: 40px 10px; 
    }
    /*Home7*/
    .supportTextCol .vc_col-has-fill>.vc_column-inner
    { 
        padding-left: 7px!important;
        padding-right: 5px!important;
        padding-top: 17px!important; 
    }
    .phoneSupport .vc_col-sm-8 { 
        width: 95.666667%; 
    }
    .demo3TeamTitle{ 
        width: 91.2%; 
    }
    /*Home8*/
    .expImgTitle .vc_col-sm-9{ 
        width: 85%; 
    }
    .headerSidebar{ 
        width: 360px; 
    }
}

@media(min-width: 1500px) and (max-width: 1600px)
{
    .header6 .navbar-collapse:before{ 
        width: 65%;
        border-top: 65px solid #011327; 
    }
    header .headerTopSec:before{ 
        width: 62%; 
    }
    header.header4.header7.header8 #main-navigation-wrapper.navbar-default:before{ 
        width: 27%; 
    }
}
@media(min-width: 1601px) and (max-width: 2000px)
{
    header .headerTopSec:before{ 
        width: 62%; 
    }
    .header6 .navbar-collapse:before{ 
        width: 52%; 
    }
    header.header4.header7.header8 #main-navigation-wrapper.navbar-default:before{ 
        width: 31%; 
    }
}
@media(min-width: 2001px)
{
    header .headerTopSec:before{ 
        width: 55%; 
    }
    .header6 .navbar-collapse:before{ 
        width: 980px; 
    }
    .header6 .navbar-collapse:before{ 
        border-top: 65px solid #011327; 
    }
    
}
@media(min-width: 2001px) and (max-width: 2500px)
{
    header.header4.header7.header8 #main-navigation-wrapper.navbar-default:before{ 
        width: 34%; 
    }
}
@media(min-width: 2501px)
{
    header.header4.header7.header8 #main-navigation-wrapper.navbar-default:before{ 
        width: 38%; 
    }
}

/* Bounce To Right */
.hvr-bounce-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.9s;
	transition-duration: 0.9s;
}
.hvr-bounce-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #333;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.9s;
	transition-duration: 0.9s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
	color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.9s;
  transition-duration: 0.9s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #5db5ff;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.9s;
  transition-duration: 0.9s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/*======home1 banner======*/

#minimal-bootstrap-carousel .carousel-caption {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 0;
	text-align: left;
	text-shadow: none;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container {
	display: table;
	width: 100%;
	height: 100%;
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box {
	display: table-cell;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-top {
	vertical-align: top;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom {
	vertical-align: bottom;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-middle {
	vertical-align: middle;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content {
	float:left;
	width:54%;
}

#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides{
	float:right; width:100%; text-align:left; margin-right:-92px; margin-top:140px; z-index:20; position:relative;
}
#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides h1{
	color:#000;
}
#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides p{
	color:#000;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content.text-left{
	text-align:left; padding-left:10px;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content.home1-slide3 {
	    width: 80%;
    float: none;
    display: inline-block;
}
#minimal-bootstrap-carousel .carousel-inner .item {
	min-height: 640px;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-color: #1E1E1E;
}
#minimal-bootstrap-carousel .carousel-control {
	background: none;
	width: 40px;
	height: 40px;
	font-size: 15px;
	line-height: 40px;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	visibility: visible !important;
	opacity: .65;
	margin-top: -20px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	top: 50%;
	border-radius: 0;
	z-index: 88;
}
#minimal-bootstrap-carousel .carousel-control.left {
	left: 1%;
}
#minimal-bootstrap-carousel .carousel-control.right {
	right: 1%;
}
#minimal-bootstrap-carousel .carousel-control:hover {
	opacity: 1;
	background: #000;
}

.carousel {
    position: relative; width:100%; float:left; 
}
#minimal-bootstrap-carousel.home1 .carousel-caption{
	width:40%; height:755px; background:rgba(242, 174, 43, .9);
}
#minimal-bootstrap-carousel.home1 .carousel-caption:after{
	width:240px;  /*background:url(../images/slider-left-bg.png) no-repeat right top; */content:""; right:-240px; top:0px; z-index:2; position:absolute;
	border-top: 755px solid rgba(242, 174, 43, .9);
	border-right: 240px solid transparent;
}
/* processing for fadeing effect styles */
.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
	z-index: 2;
}
/* fixing layers styles */
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom .content {
	padding-bottom: 89px;
}
#minimal-bootstrap-carousel .carousel-caption h1 {
 -webkit-animation-delay: .5s;
 animation-delay: .5s;
}
.fnt55{
	font-size:50px; font-weight:300!important;
}
#minimal-bootstrap-carousel .carousel-caption p {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

/*======home1 banner end======*/


#minimal-bootstrap-carousel.home3-banner .carousel-inner .item {
    min-height: 900px;
}

.enitre_mouse:hover .effect-apollo::before{	-webkit-transform: scale3d(2.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(2.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	}
.enitre_mouse:hover  .effect-apollo img {
	opacity: 0.8;
	-webkit-transform: scale3d(1.15,1.15,1);
	transform: scale3d(1.15,1.15,1);
	
}
.enitre_mouse:hover h6 a{
	color:#eaa41c;
}
.shadow_effect{    position: relative;
    overflow: hidden;}
.effect-apollo img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	width:100%; float:left; height:auto;
}
.effect-apollo::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(2.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(2.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.effect-apollo:hover img {
	opacity: 0.8;
	-webkit-transform: scale3d(1.15,1.15,1);
	transform: scale3d(1.15,1.15,1);
}
.effect-apollo:hover::before {
	-webkit-transform: scale3d(2.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(2.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}


.image_hover{
	position: relative;
    display: block;
    overflow: hidden;
 }
.image_hover.mbot_38{margin-bottom:38px; }
.image_hover:after{
    position: absolute;
    content: '';
    opacity: 0;
    background-color: rgba(0,0,0,.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .3s ease-out;
}
.image_hover:hover:after{opacity:.1}
.zoom_img_effect {
    position: relative;
    transition: all .3s ease-out;
}
.image_hover:hover .zoom_img_effect {
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0);
}
.image_hover:focus:after, .image_hover:hover:after {
    opacity: 1;
}



.accordion-first{
	margin:22px 0px 0px; width:100%; float:left;
}
.accordion-first.acord_mar_non{
	margin:0px;
}
.accordion-first .accordion-group {
    margin-bottom: 15px; 
}
.accordion-first .accordion-group:last-child{
	margin-bottom:0px;
}

.accordion-first .accordion-heading, .accordion-first .accordion-toggle:hover, .accordion-first .accordion-heading .accordion-toggle.active {
    background: none repeat scroll 0% 0% transparent;
}
.accordion-first .accordion-heading .accordion-toggle.active{
	background:#000; color:#fff;
}
.accordion-first .accordion-heading {
    font-size: 15px;
	border:1px solid #868686;
}

.accordion-first .accordion-heading .accordion-toggle {
    display: block;
    cursor: pointer;
    padding: 14px 20px!important;
    color: #000; font-size:18px; font-weight:400;
    outline: medium none !important;
    text-decoration: none;
	background:#fff;
	letter-spacing:0.5px;
}

.accordion-first .accordion-heading .accordion-toggle.active em{border:1px solid #ededed; color: #6c6c6c;}

.accordion-first .accordion-heading .accordion-toggle > em {
	background:#fff;
	border:1px solid #ededed; margin:-2px 0px 0px;
    color: #6c6c6c;
    font-size: 14px;
    height:29px;
    line-height: 29px;
    text-align: center;
    width: 29px;
	float:right;}
.accordion-inner{
	background:#fff;
	border:1px solid #efefef; border-top:0px;
	padding:17px 14px 20px;
	line-height:26px;
}

.accordion-first.accordion-second{
}
.accordion-first.accordion-second .accordion-group {
    margin-bottom: 15px;
}
.accordion-first.accordion-second .accordion-group:last-child{
	margin-bottom:0px;
}



.isotopeSelector {
	margin-bottom: 30px;
}
.portfolio-section {
	padding-bottom: 0;
	float: left;
	width: 100%;
}
.filter-section {
	padding-bottom: 0;
	float: left;
	width: 100%;
	border-bottom:1px solid #ccc;
	margin-bottom:50px;
}
.filter-container {
	text-align:center;
	
}
.list-inline {
	margin-bottom:0px;
}
ul.filter > li > a {
	padding: 26px 0px;
	text-decoration: none;
	color: #242424;
	display: block;
	line-height: 25px;
	box-sizing: border-box;
	border-bottom: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-bottom: 2px solid transparent;
}
ul.filter > li > a:hover, ul.filter > li > a:focus {
	border-bottom: 2px solid #f2ae2b;
	color:#f2ae2b;
}
ul.filter > li.active a {
	color:#f2ae2b;
	border-bottom: 2px solid #f2ae2b;
}
ul.filter > li span {
	color:#ddd;
	font-size:20px;
	display:inline-block;
	margin:0 5px
}
.filter-section .filter-container .filter > li {
	color: #c1c1c1;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 700;
	list-style: outside none none;
	margin-left: 0;
	margin-right: 0;
	padding:0 12px;
	text-transform: uppercase;
}
.filter-section h1 {
	text-align:center
}
/* the color of the transparent overlay border */

.portfolio-section.port-col figure .overlay-background {
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.4);
}
/* portfolio images */

.portfolio-section figure {
	float:left;
	width:100%;
	position:relative
}
.portfolio-section figure img {
	width:100%;
	height:auto
}
/* project title under image */

.portfolio-section .article-title {
	text-align:center;
	float:left;
	width:100%;
	font-size:18px;
	line-height:24px;
	padding:10px 0 30px 0;
}
.portfolio-section .article-title a {
	color:#aaa
}
/* transparent overlay */

.portfolio-section figure:hover .overlay {
	opacity:1;
	visibility:visible
}
.portfolio-section figure:hover .overlay-background {
	opacity:.8;
	visibility:visible
}
.portfolio-section figure .overlay-background {
	z-index:1;
 -webkit-transition:all .2s ease-in-out;
 -moz-transition:all .2s ease-in-out;
 -o-transition:all .2s ease-in-out;
 transition:all .2s ease-in-out;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	visibility:hidden;
	width:100%;
	height:100%
}
.portfolio-section figure .overlay-background .inner {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:11px;
	background-color:#ad6334;
	background-color:rgba(173, 99, 52, 0.9)
}
.portfolio-section figure .overlay {
	z-index:2;
 transition:all .2s ease-in-out;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	visibility:hidden;
	width:100%;
	height:100%
}
.portfolio-section figure .inner-overlay {
	display:table;
	width:100%;
	height:100%
}
.portfolio-section figure .inner-overlay-content {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding:20px 40px
}
.portfolio-section figure .inner-overlay-content.with-icons {
	text-align:center
}
/* icons inside overlay */

.portfolio-section figure .inner-overlay-content.with-icons a {
	width:40px;
	height:40px;
	line-height:42px;
	display:inline-block;
	margin:0 10px;
	text-decoration:none;
	font-size:20px;
	background:rgba(0, 0, 0, 0.9);
	color:#fff;
	border-radius:0
}
/* skew image on hover */ 

.isotopeSelector img {
 -webkit-transition:all .4s ease;
 -moz-transition:all .4s ease;
 -ms-transition:all .4s ease;
 -o-transition:all .4s ease;
 transition:all .4s ease
}
.isotopeSelector:hover img {
	-moz-transform:scale(1.5) rotate(2deg);
	-webkit-transform:scale(1.5) rotate(2deg);
	-o-transform:scale(1.5) rotate(2deg);
	-ms-transform:scale(1.5) rotate(2deg);
	transform:scale(1.5) rotate(2deg);
 -webkit-transition:all .8s ease;
 -moz-transition:all .8s ease;
 -ms-transition:all .8s ease;
 -o-transition:all .8s ease;
 transition:all .8s ease
}
.isotopeSelector figure {
	overflow:hidden
}
.isotopeSelector figure {
}
 @media only screen and (max-width: 767px) {
ul.filter > li > a {
    padding: 10px 0px;
}
}
.full_potfolio_img .effect-goliath img {
    
    width: 100%;
}
.full_potfolio_img .project_img {
    margin-bottom: 10px;
    padding: 0 5px;
}
.full_potfolio_img .full_view .project_txt_btn {
    width: 97%;
    left: 1.5%;
}
.effect-goliath img,
.effect-goliath h6 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
.effect-goliath:hover > .black_overlay:before{    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;}
.effect-goliath img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border:0;
}


.effect-goliath:hover img {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
		border:0;
		-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.effect-goliath h6, .effect-goliath .view_project_btn{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index:99;

}
.effect-goliath:hover .view_project_btn {
	-webkit-transform: translate3d(0,140px,0);
	transform: translate3d(0,140px,0);
}


.effect-goliath:hover h6 {
	-webkit-transform: translate3d(0,-60px,0);
	transform: translate3d(0,-60px,0);
}
.effect-goliath:hover .view_project_btn{ opacity:1}
.project_img {
	position:relative;
}
.project_img.pad_zero {
    padding: 0;
}
.project_txt_btn {
	width: 100%;
	float: left;
	position: absolute;
	left: 0;
	overflow: hidden;
	top: 0px;
	text-align: center;
	height: 100%;
}
.project_classic {
}
.project_classic .project_txt_btn {
	width:100%;
}
.effect-goliath:hover .view_project_btn {
    -webkit-transform: translate3d(0,230px,0);
    transform: translate3d(0,230px,0);
}
a.view-all.slide_learn_btn.view_project_btn {
	width:147px;
	font-size:14px;
	display:inline-block;
	top:-140px;
	position:relative;
	z-index:999;
	-webkit-transition: -webkit-transform 0.90s;
	transition: transform 0.90s;
	line-height:43px;
	font-family: 'Montserrat', sans-serif;
	margin:86px 0px 74px;
	background:#f2ae2b;
	color: #0e0e0e;
    font-weight: 600;
    letter-spacing: 0.50px;
}
.projectsec1 a.view-all.slide_learn_btn.view_project_btn{
	margin:86px 0px 74px;
	
}
.projectsec2 a.view-all.slide_learn_btn.view_project_btn{
	margin:0;
	
}
.homeprj1-slide:hover a.view-all.slide_learn_btn.view_project_btn{
	top:-160px!important;
}
.homeprj3-slide:hover a.view-all.slide_learn_btn.view_project_btn{
	top:-220px!important;
}
a.view-all.slide_learn_btn.view_project_btn:hover{
	color:#fff;
}
.portfolio-2:hover a.view-all.slide_learn_btn.view_project_btn {
	top: -60px!important;
	margin: 0;
}
.portfolio-3:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -200px!important;
}
.portfolio-4:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -250px!important;
}
.portfolio-5:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -270px!important;
}
.isotopeSelector.project_img .lens_icon {
	width: 66px;
	height: 66px;
	background:url(../images/zoom_icon.jpg) no-repeat center center #fff;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	border-radius: 100%;
	display: inline-block;
	top: -50%;
	position: relative;
	text-indent:-9999px;
	z-index: 99;
}
.isotopeSelector.project_img:hover .lens_icon {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	top: 32%;
}
.full_view .project_txt_btn {
	width: 91%;
}
.project_txt_btn h6 {
	width:100%;
	float:left;
	font-size:15px;
	text-align:center;
	background:#333;
	color:#fff;
	line-height:50px;
	bottom:-60px;
}
.mobile_line {
	display:none;
}


.next_prve_control {
    width: 46px;
    height: 46px;
    border: 2px solid #838383;
    text-align: center;
    color: #828383;
    margin: 0 10px;
    font-size: 23px;
    line-height: 38px;
    text-decoration: none !important;
}


#our_project .next_prve_control, #our_project1 .next_prve_control, #our_project2 .next_prve_control, #our_project3 .next_prve_control,
#our_project4 .next_prve_control, #our_project5 .next_prve_control {
    border:0px;
    color: #fff;
	background:#000;
	line-height:43px;
	opacity:.7;
}
#our_project .next_prve_control:hover, #our_project1 .next_prve_control:hover, #our_project2 .next_prve_control:hover, #our_project3 .next_prve_control:hover, #our_project4 .next_prve_control:hover, #our_project5 .next_prve_control:hover{
	opacity:1;
}
.home1-project#our_project .controls, .home1-project#our_project1 .controls, .home1-project#our_project2 .controls, .home1-project#our_project3 .controls, .home1-project#our_project4 .controls, .home1-project#our_project5 .controls{
	position: absolute;
    right: 6.3%;
    top: -130px;
}

.home2-project#our_project .controls, .home2-project#our_project1 .controls, .home2-project#our_project2 .controls, .home2-project#our_project3 .controls, .home2-project#our_project4 .controls, .home2-project#our_project5 .controls{
	width:100%; bottom:-80px; display:inline-block;
	position:absolute; text-align:center;
}

.portfolio-5 .projt-column{
	width:20%;
}
@media only screen and (min-width: 1400px) and (max-width: 2400px) {
	#minimal-bootstrap-carousel.home1 .carousel-caption {
    width: 47%;
	}
	#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides {
    width: 74%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides {
    margin-right: -40px;
    margin-top: 90px;
}
.portfolio-3 .isotopeSelector.project_img:hover a.view-all.slide_learn_btn.view_project_btn {
	top: -150px;
}
.portfolio-4 .isotopeSelector.project_img:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -200px;
}
.portfolio-5 .projt-column {
    width: 25%;
}
.home2 #our_project .controls {
    right: 20px;
}

.homeprj1-slide:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -220px!important;
}
.homeprj3-slide:hover a.view-all.slide_learn_btn.view_project_btn{
	top:-250px!important;
}

.portfolio-2:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -100px!important;
}
.portfolio-3:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -250px!important;
}
.portfolio-4:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -270px!important;
}

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides {
    margin-right: -44px;
    margin-top: 67px;
	}
	.portfolio-2 .isotopeSelector.project_img:hover a.view-all.slide_learn_btn.view_project_btn {
	top: -120px;
}
.portfolio-3 .isotopeSelector.project_img:hover a.view-all.slide_learn_btn.view_project_btn {
	top: -130px;
}
.portfolio-5 .projt-column {
    width: 33.3%;
}
.home2 #our_project .controls {
    right: 10px;
}

.portfolio-2:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -140px!important;
}
.portfolio-3:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -230px!important;
}
.portfolio-4:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -220px!important;
}

}
@media only screen and (min-width: 467px) and (max-width: 767px) {
	.homeprj1-slide:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -130px!important;
}
.home1-project#our_project .controls, .home1-project#our_project1 .controls, .home1-project#our_project2 .controls, .home1-project#our_project3 .controls, .home1-project#our_project4 .controls, .home1-project#our_project5 .controls {
    top: -157px;
}

.portfolio-2:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -110px!important;
}
.portfolio-3:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -200px!important;
}
.portfolio-4:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -200px!important;
}
}
@media only screen and (min-width: 260px) and (max-width: 767px) {
	#minimal-bootstrap-carousel.home1 .carousel-caption {
    width: 100%;
    height:auto;
    background: none;
	padding-left:10px; padding-right:10px;
}
#minimal-bootstrap-carousel.home1 .carousel-caption:after{
	display:none;
}
/*#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides {
    text-align: center;
    margin-right:0px;
    margin-top: 0px;
}
	#minimal-bootstrap-carousel .carousel-inner .item {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 450px;
	min-height: 700px;
}
#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides h1 {
    color: #fff;
}
#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides p {
    color: #fff;
}

#minimal-bootstrap-carousel .carousel-caption p {
    font-size: 17px; line-height:28px; color:#fff;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content {
	float:none; display:inline-block;
    width: 80%;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-top, #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-middle{
    vertical-align: top;
    padding-top:300px;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content.text-left {
    text-align: center;
}
#minimal-bootstrap-carousel .carousel-control {
    top: 15%;
}*/
#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides p {
	display:none;
}
#minimal-bootstrap-carousel .carousel-caption h1 {
    font-size: 25px !important; text-align:center; color:#fff!important;
}
#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides {
    margin-right: 0px; padding:0px 30px; margin-top: 105px;
}
#minimal-bootstrap-carousel .carousel-inner .item {
    min-height: 240px!important;
}

#minimal-bootstrap-carousel.home3-banner .carousel-inner .item {
    min-height:360px!important;
}
#our_project .left  {
	margin-left:0px;
}
#our_project .right  {
	margin-right:0px;
}
.isotopeSelector.project_img:hover a.view-all.slide_learn_btn.view_project_btn {
	top: -50px;
}
.portfolio-5 .projt-column {
    width: 50%;
}
.filter-section .filter-container .filter > li {
	width:100%; text-align: left; font-size:13px;
}
.home2 #our_project .controls {
    right: 10px;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom {
    
}
#minimal-bootstrap-carousel .carousel-caption p {
	display:none;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content {
    width: 100%;
}
}
@media only screen and (min-width: 260px) and (max-width: 467px) {
.isotopeSelector.project_img:hover a.view-all.slide_learn_btn.view_project_btn {
	top: -150px;
}
.portfolio-5 .projt-column {
    width:100%;
}
.recent-project-section:hover a.view-all.slide_learn_btn.view_project_btn {
	top: -200px;
}
.home2 #our_project .controls {
	margin:60px 0px 0px;
}
.home2.recent-project-section h3 {
	margin-bottom:50px;
}


.homeprj1-slide:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -150px!important;
}
.home1-project#our_project .controls, .home1-project#our_project1 .controls, .home1-project#our_project2 .controls, .home1-project#our_project3 .controls, .home1-project#our_project4 .controls, .home1-project#our_project5 .controls {
	display:none;
	
}
.portfolio-2:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -180px!important;
}
.portfolio-3:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -250px!important;
}
.portfolio-4:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -250px!important;
}
.portfolio-5:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -245px!important;
}
}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.html');
	src:url('../fonts/codropsicons/codropsiconsd41d.html?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons-2.html') format('woff'),
		url('../fonts/codropsicons/codropsicons-3.html') format('truetype'),
		url('../fonts/codropsicons/codropsicons-4.html#codropsicons') format('svg');
}
.content {
	margin: 0 auto;
	max-width: 1000px;
}

.content > h2 {
	clear: both;
	margin: 0;
	padding: 4em 1% 0;
	color: #484B54;
	font-weight: 800;
	font-size: 1.5em;
}

.content > h2:first-child {
	padding-top: 0em;
}

/* Header */
.codrops-header {
	margin: 0 auto;
	padding: 4em 1em;
	text-align: center;
}

.codrops-header h1 {
	margin: 0;
	font-weight: 800;
	font-size: 4em;
	line-height: 1.3;
}

.codrops-header h1 span {
	display: block;
	padding: 0 0 0.6em 0.1em;
	color: #74777b;
	font-weight: 300;
	font-size: 45%;
}

/* Demo links */
.codrops-demos {
	clear: both;
	padding: 1em 0 0;
	text-align: center;
}

.content + .codrops-demos {
	padding-top: 5em;
}

.codrops-demos a {
	display: inline-block;
	margin: 0 5px;
	padding: 1em 1.5em;
	text-transform: uppercase;
	font-weight: bold;
}

.codrops-demos a:hover,
.codrops-demos a:focus,
.codrops-demos a.current-demo {
	background: #3c414a;
	color: #fff;
}

/* To Navigation Style */
.codrops-top {
	width: 100%;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	display: inline-block;
	padding: 1em 2em;
	text-decoration: none;
	letter-spacing: 1px;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	display: block;
	float: left;
}

.codrops-icon:before {
	margin: 0 4px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'codropsicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

/* Related demos */
.related {
	clear: both;
	padding: 6em 1em;
	font-size: 120%;
}

.related > a {
	display: inline-block;
	margin: 20px 10px;
	padding: 25px;
	border: 1px solid #4f7f90;
	text-align: center;
}

.related a:hover {
	border-color: #39545e;
}

.related a img {
	max-width: 100%;
	opacity: 0.8;
}

.related a:hover img,
.related a:active img {
	opacity: 1;
}

.related a h3 {
	margin: 0;
	padding: 0.5em 0 0.3em;
	max-width: 300px;
	text-align: left;
}

@media screen and (max-width: 25em) {
	.codrops-header {
		font-size: 75%;
	}
	.codrops-icon span {
		display: none;
	}
}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'feathericons';
	src:url('../fonts/feathericons/feathericons3869.html?-8is7zf');
	src:url('../fonts/feathericons/feathericonsd41d.html?#iefix-8is7zf') format('embedded-opentype'),
		url('../fonts/feathericons/feathericons3869-2.html?-8is7zf') format('woff'),
		url('../fonts/feathericons/feathericons3869-3.html?-8is7zf') format('truetype'),
		url('../fonts/feathericons/feathericons3869-4.html?-8is7zf#feathericons') format('svg');
}

.grid {
	position: relative;
	margin: 0 auto;
	/* padding: 0; */
    padding: 10px;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	max-height: 100%;
	width: 100%;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */


/*---------------*/
/***** Zoe *****/
/*---------------*/

figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 50px;
    background: #333;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-zoe h2 {
	    width: 100%;
    float: left;
    font-size: 15px;
    text-align: center;
    background: #333;
    color: #fff;
        line-height: 1;
    bottom: -60px;
	font-family: 'Montserrat', sans-serif;
    font-weight: 600;
	    letter-spacing: 0.90px;
}

figure.effect-zoe p.icon-links a {
	float: right;
	color: #3c4a50;
	font-size: 1.4em;
}

figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
	color: #252d31;
}

figure.effect-zoe p.description {
    position: absolute;
    bottom: 1em;
    padding: 2em;
    color: #fff;
    text-transform: none;
    font-size: 90%;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    -webkit-backface-visibility: hidden;
    width: 92%;
}

figure.effect-zoe h2,
figure.effect-zoe p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

figure.effect-zoe p.icon-links a span::before {
	display: inline-block;
	padding: 8px 10px;
	font-family: 'feathericons';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-eye::before {
	content: '\e000';
}

.icon-paper-clip::before {
	content: '\e001';
}

.icon-heart::before {
	content: '\e024';
}

figure.effect-zoe h2 {
	display: inline-block;
}

figure.effect-zoe:hover p.description {
	opacity: 1;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-zoe:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-zoe:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

/*-/--------------*/

@media(min-width:1201px) and (max-width:1400px){
	  .projectsec1 a.view-all.slide_learn_btn.view_project_btn {
      top: -70px;
}
	
}
@media(min-width:991px) and (max-width:1200px){
	.projectsec1  a.view-all.slide_learn_btn.view_project_btn {
   top: 0px;
}
	
}

.whatsapp-container { /* Container for button and caption */
    position: fixed;
    bottom: 40px;
    right: 40px; /* Changed from left to right */
    display: flex; /* Use flexbox for horizontal alignment */
    align-items: center; /* Vertically align items */
    z-index: 100;
  }

  .whatsApp {
    width: 60px;
    height: 60px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    margin-left: 10px; /* Space between button and caption */
  }

  .my-whatsApp {
    margin-top: 16px;
  }

  .whatsapp-caption { 
     color: #333;
background: #6ab24a;
font-weight: 700;
font-size: 15px;
padding: 3px;
border-radius: 10px;
margin-right: 0px;
white-space: nowrap;
  }
@charset "utf-8";
/* CSS Document */
 @media(min-width:992px) and (max-width:1200px){
     .faq_04 h3.marbtm30{
         font-size:25px;
    }
	.have-queston.havequestion_01{
		margin-top:0;
	}
	
	.topSecRight i {
		margin: 0 10px;
	}
	.search-btn {
		width: 25px;
	}
	
}
 @media(max-width:991px){
	.bestthing-text-column h2{
         margin-top:30px;
    }
	.left-column {
			margin-top: 50px;
	}
    .faq_04 a.header-requestbtn.more-infobtn{
         margin-bottom:40px;
    }
	.ftr-link-column {
		margin-left: 0;
	}
	.service_section1 .col-md-4 {
		width: 100%;
		padding:0;
	}
	.service_section1 .col-md-8 {
		width: 100%;
		padding:0;
	}
	.have-queston.havequestion_01{
		margin-top:0;
	}
}
 @media only screen and (min-width:1200px) and (max-width: 1345px) {
     .home5-service1:hover {
         background-position: 0 0px !important;
    }
     .maintenance-footer{
         position:fixed;
         bottom:0px;
    }
}
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
     .header1 #main-navigation-wrapper .nav > li > a {
         padding:22px 15px;
    }
     .header-nav-right {
         width: 27%;
    }
     .carousel-caption h1 {
         font-size: 49px;
    }
     .service-column p{
         min-height:80px;
    }
     .service-column.service4-column p{
         min-height:0px;
    }
     h2 {
         font-size: 35px;
    }
     .bestthing-text-column {
         padding-top:0px;
    }
     .testimonial-rght-head {
         width: 38%;
    }
     .testimonial-left-sidebar {
         margin: 99px 0px 70px;
    }
     .news-column .yellow-strip .news-time {
         width: 65px;
    }
     .news-column .yellow-strip {
         padding: 12px 0px 12px 55px;
    }
     ul.footer-info li.ftr-loc {
         padding: 0px 13px 12px 28px;
    }
     ul.footer-info li {
         padding: 8px 16px 23px 29px;
         margin-right: 14px;
    }
     .header-socials.footer-socials i {
         margin: 0px;
    }
     .bestthing-container {
         background-size:50%;
         padding:20px 0px;
    }
     .bestthing-section {
         padding: 95px 0px 96px;
    }
     .bestthing-section.why-choose-section .bestthing-text-column {
         padding-top: 0px;
    }
     .bestthing-img.whychoos-img {
         width: 57%;
    }
     ul.choose-list {
         width: 100%;
    }
     a.pdf-button {
         padding: 8px 0px 8px 80px;
    }
     a.header-requestbtn.black-request-btn {
         font-size: 15px;
         padding: 11px 16px;
    }
     .client-desc {
         width: 65%;
    }
     .blog-list-cl h6 {
         width: 57%;
    }
     .left-column {
         width: 29.8%;
    }
     .post-list .post-txt {
         width: 65%;
    }
     .portfolio-info-column ul li {
         padding: 10px 0px 10px 20px;
    }
     #main-navigation-wrapper .nav > li > a {
         padding-right: 15px;
         padding-left: 15px;
         font-size:15px;
    }
     header.header2 ul.header-info{
         margin-left:70px;
         width: 68%;
    }
     .service-list-column .service-heading {
         height: 90px;
    }
     .shop-column {
         width: 31.2%;
    }
     .shop-column-head .rating {
         float: left;
         margin: 10px 0px;
    }
     .cart-wdt1 {
         width: 47%;
    }
     .cart-wdt2 {
         width: 14.3%;
    }
     .cart-wdt4 {
         width: 47%;
    }
     .cartproduct-img {
         margin-right: 19px;
    }
     .hdr3-right {
         width: 30%;
    }
     .home3-client-desc {
         width: 54%;
    }
     .hdr3-right.hdr4-right {
         width: 25%;
         margin:8px 0px;
    }
     .hdr-top-bar ul.header-info li {
         padding: 0px 20px;
         width: 34%;
    }
     .certifield-section .won-txt {
         width:76%;
    }
     a.header-requestbtn.contactus-btn.more-info {
         margin: 0px 0px 0px;
    }
     .home5-service1:hover {
         background-position: 0 0px !important;
    }
     .container.maintenance-container {
         padding: 100px 0px 0px;
    }
     .boxes-column ul li {
         padding: 60px 15px;
    }
     .boxes-column ul li .boxes-desc {
         width: 73%;
    }
     .boxes-column ul li .boxes-icons{
         width:70px;
    }
     .boxes-column ul li .boxes-icons img{
         max-width:70px;
    }
     .maintenance-footer{
         position:fixed;
         bottom:0px;
    }
     .maintenance-section h2 {
         margin: -30px 0px 20px;
    }
}
 @media (min-width: 992px){
     .nav li i.fa {
         display: none;
    }
}
 @media only screen and (min-width: 260px) and (max-width: 991px) {
     .display-block{
         display:none;
    }
     .display-none{
         display:block;
    }
     .header-nav-right {
         width:100%;
    }
     .header-nav-right .header-socials{
         display:none;
    }
     .header-nav-right .search-column{
         display:none;
    }
     .mob-social{
         width:200px;
         float:right;
    }
     header.header1 .search-column {
         margin: 6px 0px;
    }
     header.header2 .search-column{
         display:none;
    }
     header.header1 .search-btn{
         background:url(../images/search-btn.png) no-repeat center center;
    }
     header.header2 .navbar-header{
         background:#1483ad;
    }
     a.header-requestbtn.header2-requestbtn {
         margin: 10px 0px;
         padding:14px 20px;
    }
     header.header2:before {
         display:none;
    }
     ul.header-info li{
         color:#ffffff;
         border-right: 1px solid #000;
		 font-size: 14px;
    }
     .header2 ul.header-info li:before {
         color: #ffffff;
    }
     .display-block {
         display: none!important;
    }
     .container {
         width: 100%;
         padding:0px 10px;
    }
     header.header1 ul.header-info {
         margin:0px;
         width:72%;
    }
     header.header1 .header-socials {
         margin: 4px 0px;
    }
     header.header1 .header-socials i {
         color: #000;
         line-height: 27px;
         border: 2px solid #ccc;
         border-radius: 100%;
         height: 30px;
         margin:0px 2px;
    }
     header.header2 .header-socials {
         margin: 5px 0px;
    }
     header.header2 .header-socials i {
         border: 2px solid #666;
    }
     header.header3 .header-socials i {
         line-height: 40px;
    }
     header.header5 .header-socials {
         margin:10px 0px;
    }
     header.header3 .search-column {
         margin: 7px 10px;
    }
     .hdr3-right {
         width: auto;
         float: none;
         display: inline-block;
    }
     .hdr3-right.hdr4-right {
         width:auto;
    }
     header.header4 ul.header-info {
         width: 100%;
    }
     .hdr-top-bar {
         padding: 10px 0px;
    }
     .shares-col .header-socials {
         display:block;
    }
     #main-navigation-wrapper .container{
         padding:0px;
    }
     #main-navigation-wrapper.navbar2-wrap.navbar3-wrap {
         margin:0px;
    }
     .logo-menu {
         display: block;
         margin:8px 0px 0px 10px;
         max-width: 160px;
    }
     .logo-menu img {
         width: 100%;
         float:left;
         height:auto;
    }
     .navbar-header{
         width:100%;
         float:none;
         margin:0px!important;
    }
     .navbar-default .navbar-toggle {
         border: medium none;
         display: block;
         margin: 8px 0px 9px;
         padding: 15px 10px;
    }
     .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
         background-color: transparent;
    }
     .navbar-default .navbar-toggle:hover {
         border-color: #fff;
         background: none !important;
         background-color: transparent;
    }
     .navbar-default .navbar-toggle .icon-bar {
         background: #fff;
         width: 25px;
         height: 3px;
    }
     .navbar-default .navbar-toggle:hover .icon-bar {
         background: #fff;
    }
     .navbar-collapse.collapse {
         display: none!important;
         height: 0!important;
         padding-bottom: 0;
         overflow: auto!important;
         width: 100%;
    }
     .navbar-default .navbar-collapse {
         background: #12121b;
         padding: 0px 0px !important;
         padding-bottom: 0px !important;
         margin: 0;
    }
     .navbar-collapse.collapse.in {
         display: block !important;
         height: auto !important;
         max-height: 80vh;
    }
     .navbar-collapse.in {
         overflow-y: auto;
    }
     #main-navigation-wrapper .navbar-collapse {
         border-color: #232333;
         border-radius: 0px;
         background: #ffffff;
         text-align:center;
    }
     .navbar-nav {
         margin: 0;
    }
     #main-navigation-wrapper .nav {
         width: 100%;
    }
     #main-navigation-wrapper .nav > li {
         display: block;
         padding: 0;
         text-align:left;
         width: 100%;
    }
     #main-navigation-wrapper .nav > li > a {
         display: block;
         width: 100%;
         padding: 16px 25px;
         border-bottom: 1px solid #c2efed !important;
         border-right: 0px;
         position: relative;
         font-size: 15px;
         color: #48402b;
    }
     #main-navigation-wrapper .nav > li:first-child > a {
         padding-left: 25px;
    }
     #main-navigation-wrapper.navbar-default .navbar-nav > .open > a, 
     #main-navigation-wrapper.navbar-default .navbar-nav > .open > a:focus, 
     #main-navigation-wrapper.navbar-default .navbar-nav > .open > a:hover, 
     #main-navigation-wrapper.navbar-default .navbar-nav > li:hover > a, 
     #main-navigation-wrapper.navbar-default .navbar-nav > li > a.active {
         background: #000;
         color: #fff;
    }
     #main-navigation-wrapper .nav > li.dropdown.dropdown-active > a {
         border-bottom: 1px solid #12121b;
    }
     #main-navigation-wrapper .nav > li:last-child > a {
         border-bottom: 1px solid #c3a554;
    }
     .header1 #main-navigation-wrapper .nav > li > a {
         padding:16px 20px;
    }
     #main-navigation-wrapper .nav > li + li > a {
         border-left: none;
    }
     #main-navigation-wrapper .navbar-nav > li > .dropdown-submenu {
         position: relative;
         width: 100%;
         opacity: 1;
         visibility: visible;
         left: auto;
         right: auto;
         transform: translate3d(0px, 0px, 0px);
         transition: none !important;
         display: none;
         top: auto;
         float: none;
         background: #fff none repeat scroll 0 0;
         box-shadow: 0 0 0 #fff;
    }
     #main-navigation-wrapper .nav > li.test > .dropdown-submenu{
        display:block
    }
     #main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.second_submenu{
         position: relative;
         width: 100%;
         opacity: 1;
         visibility: visible;
         left: auto;
         right: auto;
         transform: translate3d(0px, 0px, 0px);
         transition: none !important;
         display: none;
         top: auto;
         float: none;
         background: #c3a554 none repeat scroll 0 0;
         box-shadow: 0 0 0 #fff;
    }
     #main-navigation-wrapper .dropdown-submenu li:hover > ul.dropdown-submenu.second_submenu {
         left: 0;
    }
     #main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.second_submenu li a {
        background: #f2f2f2;
         padding-left: 50px;
    }
     #main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.third_submenu{
         position: relative;
         width: 100%;
         opacity: 1;
         visibility: visible;
         left: auto;
         right: auto;
         transform: translate3d(0px, 0px, 0px);
         transition: none !important;
         display: none;
         top: auto;
         float: none;
         background: #c3a554 none repeat scroll 0 0;
         box-shadow: 0 0 0 #fff;
    }
     #main-navigation-wrapper .dropdown-submenu li:hover > ul.dropdown-submenu.third_submenu {
         left: 0;
    }
     #main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.third_submenu li a {
        background: #fbc358;
         padding-left: 70px;
    }
     #main-navigation-wrapper .dropdown-submenu > li > a {
        /* color: #000;
         */
         border-bottom: 1px solid #ccc;
    }
     #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler {
         display: block;
    }
     #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler {
         background: transparent none repeat scroll 0 0;
         border: medium none;
         float: right;
         height: 51px;
         margin: -15px 0 0;
         position: relative;
         right: -25px;
         width: 51px;
    }
     #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler:before {
         position: absolute;
         font-family: 'FontAwesome';
         border: none;
         content: "\f078";
         top: 15px;
         color: #52482e;
         right: 17px;
    }
     #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler.dopdown-nav-toggler-active:before {
         position: absolute;
         font-family: 'FontAwesome';
         border: none;
         content: "\f077";
         top: 15px;
         color: #52482e;
    }
     #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler .icon-bar + .icon-bar {
         margin-top: 4px;
    }
     a.header-requestbtn {
         width: 90%;
         display: inline-block;
         float: none;
         background:#fff;
    }
     .bestthing-img {
         padding-right: 0px;
         padding-left: 0px;
         position:static;
         float:none;
         display:inline-block;
         width:91%;
         margin-bottom:-5px;
    }
     .bestthing-section {
         height: auto;
         padding:0px;
         text-align:center;
    }
     .bestthing-text-column {
         padding:0px 15px 40px;
         text-align:center;
    }
     .bestthing-img img {
         height: auto;
    }
     .hight-level-section p{
         text-align:center!important;
    }
     .testimonial-rght-head {
         width: 100%;
         text-align: center;
         padding: 50px 0px 45px;
         position: static;
    }
     .testimonial-rght-head:before {
         display:none;
    }
     .testimonial-rght-head h2 {
         float: none;
         font-size: 28px;
         padding: 35px 0px 0px;
         margin-bottom: 0px;
         background-size: 32px;
    }
     .testimonial-left-sidebar {
         margin: 52px 0px 45px;
         float: left;
         text-align: center;
         padding: 0px;
    }
     .testimonial-left-sidebar .testimonial-head .testi-text h5 {
         font-size: 18px;
    }
     .testimonial-left-sidebar .testimonial-head .testi-text .testi-designation {
         font-size: 18px;
    }
     .testimonial-left-sidebar .testimonial-head {
         width: auto;
         float: none;
         display: inline-block;
    }
     .testimonial-left-sidebar .testimonial-head .testi-text {
         text-align:left;
    }
     .head-section.client-head {
         margin:0px 0px 80px;
    }
     .bestthing-container {
         background:none;
         padding:0px;
    }
     .bestthing-section.why-choose-section {
         height: auto;
         padding-top:70px;
    }
     ul.choose-list {
         float: none;
         display: inline-block;
         text-align: left;
    }
     .bestthing-img.whychoos-img img {
         height: auto;
    }
     .bestthing-img.whychoos-img {
         width: 80.2%;
    }
     .bestthing-section.why-choose-section .bestthing-text-column {
         padding-top: 0px;
    }
     .special-img.chemical-special-img {
         margin: 30px 0px 0px;
    }
     .blog-list-cl h6 {
         width: 100%;
         margin-bottom:10px;
    }
     .blog-list-cl ul {
         float: left;
    }
     .form-field {
         float: left;
         width: 100%;
         padding: 0;
    }
     .form-field.input-halfrght {
         padding-right:0px;
    }
     .form-field.input-halflft {
         padding-left:0px;
    }
     .blog-graylist ul li {
         width: 100%;
    }
     a.header-requestbtn.contactus-btn {
         margin: 10px 0px;
    }
     .header-socials.portfolio-socials {
         display:block;
    }
     .header-socials.portfolio-socials i {
         margin-right: 16px;
    }
     .project-desc{
         margin:30px 0px 0px;
    }
     .blog-graylist.portfoli-scope {
         padding:26px;
    }
     .scope-img{
         margin:30px 0px;
    }
     header.header3 {
         padding:0px;
         text-align:center;
    }
     #main-navigation-wrapper .var2-nav.var3-nav .nav > li {
         padding: 0px;
    }
     #main-navigation-wrapper .var2-nav.var3-nav .nav > li > a {
         padding: 16px 25px;
    }
     header.header4 .navbar-default .navbar-toggle .icon-bar {
         background: #000;
    }
     header.header4 #main-navigation-wrapper .nav > li {
         padding:0px;
    }
     header.header4 #main-navigation-wrapper.navbar-default.sticky_header .nav > li {
         padding:0px;
    }
     header.header4 .sticky_header .logo {
         margin:0px;
    }
     .home5-service1:hover {
         background-position: 0 0px !important;
    }
     .maintenance-img {
         width: 100%;
    }
     .container.maintenance-container {
         padding: 100px 0px 0px;
    }
     .maintenance-desc {
         width: 100%;
         position: static;
         right: 0px;
         top: 0px;
         float:left;
    }
     .maintenance-section h2 {
         margin:0px 0px 20px;
    }
     .product-slider {
         width: 100%;
    }
     i.fa.fa-chevron-down {
         float: right;
         color: #fff;
         z-index: 9999;
         position: absolute;
         top: 0;
         right: 9px;
         padding: 13px 16px;
    }
	ul.dropdown-submenu.opened li i {
    color: #000;
  }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .display-block{
         display:none!important;
    }
     .row_mar_zero_ipad{
        margin:0;
    }
     .display-none{
         display:block;
    }
     .carousel-caption h1 {
         font-size: 44px;
    }
     .news-column .yellow-strip ul li {
         border-bottom: 1px solid #bd7d01;
         border-right:0px;
         padding: 5px;
         width: 100%;
    }
     .news-column .yellow-strip {
         padding: 0px 0px 0px 80px;
    }
     .news-column .yellow-strip .news-time {
         top: -34px;
    }
     .ftr-about-text {
         padding-right: 30px;
    }
     ul.footer-info li {
         width: 45%;
    }
     ul.footer-info li {
         width: 48%;
         margin-right:10px;
    }
     ul.footer-info li:nth-child(2){
         border-right:0px;
    }
     .ftr-sol-column{
         min-height:310px;
    }
     .static-section ul li h2 {
         font-size: 35px;
    }
     .service-list-column .service-manufactureicon, .service-list-column:hover .service-manufactureicon, .service-list-column .service-cncicon, .service-list-column:hover .service-cncicon, .service-list-column .service-chemicalicon, .service-list-column:hover .service-chemicalicon, .service-list-column .service-energyicon, .service-list-column:hover .service-energyicon, .service-list-column .service-oilicon, .service-list-column:hover .service-oilicon, .service-list-column .service-materialicon, .service-list-column:hover .service-materialicon {
         background-position:-1px center;
    }
     .service-list-column .service-heading {
         padding:15px 3px 15px 55px;
    }
     .service-list-column .service-heading {
         height: 90px;
    }
     ul.choose-list{
         width:57%;
    }
     .left-column {
         width: 100%;
    }
     .right-column {
         width: 100%;
    }
     .special-img {
         width: 100%;
    }
     .special-text {
         width: 100%;
         margin:40px 0px 0px;
    }
     .choose_Accordian_Wdt {
         width: 100%;
    }
     .have-queston {
         width: 100%;
         margin:40px 0px 0px;
    }
     a.pdf-button {
         padding: 22px 0px 23px 70px;
         font-size:14px;
    }
     .client-desc {
         width: 79%;
    }
     ul.coming-list li {
         margin: 0px 24px;
    }
     .post-list .post-txt {
         width: 63%;
    }
     .portfolio-info-column ul li {
         padding: 10px;
    }
     .portfolio-info-column ul li h4 {
         margin-bottom:0px;
         height: 50px;
    }
     .portfolio-info-column {
         padding: 67px 0px;
    }
     .shop-column {
         width: 48%;
    }
     .shop-column-head .rating {
         float: left;
         margin: 10px 0px 0px;
    }
     .shop-column:nth-child(3), .shop-column:nth-child(5), .shop-column:nth-child(7), .shop-column:nth-child(9) {
         margin-right: 20px;
    }
     .shop-column:nth-child(2), .shop-column:nth-child(4), .shop-column:nth-child(6), .shop-column:nth-child(8) {
         margin-right: 0px;
    }
     .product-desc {
         width: 100%;
    }
     .cartproduct-img {
         margin-right: 0px;
         width:50%;
    }
     .cartproduct-desc {
         width:100%;
    }
     .cart-wdt4 {
         width: 60%;
         float: left!important;
         padding:15px 18px!important;
    }
     .discount-codes {
         width: 48.3%;
         margin-right: 30px;
    }
     .discount-codes.your-order {
         width: 47%;
    }
     .checkout-form .form-field.field-49 {
         width: 100%;
    }
     .order-rght {
         width: 47%;
    }
     a.whatpaypal {
         width: 100%;
         float: left;
         padding:10px 28px 0px;
    }
     .banner-bottom-boxes {
         margin:0px 0px 80px;
    }
     .who-margin {
         margin:0px;
    }
     .static-section.home3-static h2 {
         font-size: 40px;
    }
     .static-section.home3-static p {
         font-size: 13px;
    }
     .home3-client-desc {
         width: 100%;
    }
     .certifield-section .won-txt {
         width:70%;
    }
     a.header-requestbtn.contactus-btn.more-info {
         margin:0px;
    }
     .bestthing-text-column.home4-bestthing-txt {
         width: 90%;
    }
     .banner-bottom-boxes ul li h4 {
         font-size: 15px;
    }
     .service-column.service4-column .service4-desc{
         width:76%;
         min-height:210px;
    }
     .boxes-column ul li {
         text-align:center;
    }
     .boxes-column ul li h4 {
         font-size: 16px;
    }
     .boxes-column ul li .boxes-desc {
         width: 100%;
         text-align:center;
    }
     .boxes-column ul li .boxes-icons img {
         max-width: 60px;
    }
     .boxes-column ul li .boxes-icons {
         width: 60px;
         float:none;
         display:inline-block;
         margin-bottom:20px;
    }
     .boxes-column ul li:after {
         top: 40%;
    }
     .history-list:before {
         top: 63%;
    }
     .maintenance-footer{
         position:fixed;
         bottom:0px;
    }
     .hight-level-section {
         padding: 93px 0px 76px;
    }
     .row{
        margin:0
    }
     .static-section.home4-static-section {
         padding: 0px!important;
    }
     .home5-service1 {
         padding: 100px 60px 101px;
    }
}
 @media only screen and (min-width: 260px) and (max-width: 767px) {
     a.header-requestbtn.learn-more {
         display:none!important;
    }
     .row{
        margin:0
    }
     .header-info {
         width: 100%;
    }
     ul.header-info li{
         padding:0px 13px 0px 20px;
         margin-right:14px;
    }
     ul.header-info li.address {
         width: 53%;
    }
     ul.header-info li.phn {
         width: 41%;
    }
     .hdr-top-bar ul.header-info li{
         margin:5px;
    }
     .navbar-collapse.in {
         height: 400px !important;
         overflow-y: scroll;
    }
     .head-section {
         margin-bottom:10px;
    }
     .head-section h3 {
         margin:0px 0px 10px;
    }
     h3 {
         font-size: 20px;
         margin-bottom:30px;
    }
     h2 {
         font-size: 28px;
         margin-bottom:20px;
    }
     .solution-available h5 {
         font-size: 22px;
         line-height: 30px;
         width:100%;
    }
     a.header-requestbtn.learn-more-btn {
         font-size: 15px;
    }
     ul.footer-info li {
         width: 100%;
         border-right:0px;
         margin-right:0px;
         font-size:15px;
    }
     ul.footer-info li.ftr-loc:before {
         top: 5px;
    }
     ul.footer-info li.ftr-phn:before {
         top: 7px;
    }
     ul.footer-info li.ftr-msg:before {
         top: 7px;
    }
     ul.footer-info li.ftr-support:before {
         top: 5px;
    }
     .ftr-section h6 {
         font-size: 17px;
    }
     ul.footer-info {
         margin: 0px 0px 30px;
    }
     .ftr-about-text {
         padding-right: 15px;
         margin-bottom: 30px;
         text-align: left;
    }
     a.ftr-read-more {
         float:none;
         display:inline-block;
    }
     .ftr-sol-column, .ftr-link-column, .ftr-follow-column{
         margin-bottom:20px;
         text-align:left;
    }
     .ftr-logo {
         float: none;
         display: inline-block;
    }
     .wdt_img {
         width: 100%;
    }
     .ftr-section {
         padding: 40px 0px 0px;
    }
     a.ftr-read-more {
         font-size: 13px;
    }
     .footer-btm {
         margin: 10px 0px 0px;
         text-align:center;
    }
     .footer-btm .text-right {
         text-align: center;
    }
     .solution-available h5 {
         font-size: 20px;
         margin:0px 0px 10px;
    }
     a.header-requestbtn.learn-more-btn.contactus-btn {
         top: 0px;
    }
     .solution-available {
         padding: 20px 0px;
         text-align:center;
    }
     .news-column p {
         line-height: 25px;
         text-align: left;
    }
     .pad100-top-bottom {
         padding:50px 0px;
    }
     .pad100-top {
         padding: 40px 0px 0px;
    }
     .testimonial-left-sidebar .testimonial-head .testi-text {
         margin: 30px 0px 0px 20px;
    }
     .testimonial-left-sidebar .testimonial-head {
    }
     .head-section p {
         border-left: 0px;
         padding: 4px 0px;
         font-size:15px;
    }
     .hight-level-section ul li {
         padding: 12px 15px 12px 55px;
    }
     .hight-level-section ul {
         margin: 25px 0px 0px;
    }
     .head-section.client-head h3 {
         margin:0px 0px 20px 0px;
    }
     .history-list .year-circle {
         font-size: 24px;
         line-height:116px;
    }
     .history-list {
         margin-bottom: 30px;
    }
     p.fnt-17 {
         font-size: 15px;
    }
     .nav-tabs>li>a {
         font-size: 15px;
         padding: 12px 10px;
    }
     .static-section ul li {
         width: 50%;
         margin-bottom:15px;
    }
     .static-section ul li:nth-child(2){
         border-right:0px;
    }
     .inner-pages-bnr .banner-caption {
         margin-top:-30px;
    }
     .inner-pages-bnr h1 {
         font-size: 35px;
    }
     ul.choose-list{
         width:92%;
    }
     ul.breadcumb {
         display:none;
    }
     .head-section.service-head h3 {
         margin: 0px 0px 32px 0px;
    }
     .left-column {
         width: 100%;
    }
     .right-column {
         width: 100%;
         margin-top: 40px;
    }
     .special-img {
         width: 100%;
         margin-bottom:40px;
    }
     .special-text {
         width: 100%;
    }
     .choose_Accordian_Wdt {
         width: 100%;
    }
     .accordion-first .accordion-heading {
         text-align: left;
    }
     .have-queston {
         width: 100%;
         margin:40px 0px 0px;
    }
     a.pdf-button {
         font-size: 15px;
    }
     a.header-requestbtn.black-request-btn {
         font-size: 16px;
         padding:14px 10px;
    }
     .cnc-img {
         width: 100%;
    }
     .cnc-img.cnc-img2 {
         width: 100%;
         margin:30px 0px 0px;
    }
     .faq-mobile-margin{
         margin-bottom:40px;
    }
     .accordion-first .accordion-heading .accordion-toggle {
         font-size: 15px!important;
    }
     .contact-help p {
         text-align:left;
    }
     .client-testimonial p {
         text-align:left;
    }
     .client-img {
         margin-right:20px;
    }
     .client-desc {
         width: 61%;
         float:left;
    }
     .comingsoon-page h2 {
         font-size: 30px;
    }
     ul.coming-list li {
         margin: 10px 25px;
    }
     .container.maintenance-container {
         padding: 80px 10px 0px;
    }
     .maintenance-section {
         background:none;
         padding:0px;
         text-align:center;
         height:auto;
    }
     .maintenance-section h2 {
         margin: 0px 0px 20px;
         font-size:35px;
    }
     .page-404 h1 {
         font-size: 100px;
    }
     .page-404 .pagenot-found {
         font-size: 25px;
    }
     .post-list .post-txt {
         width:60%;
         text-align:left;
         padding-left:20px;
         float:left;
    }
     ul.tag-cloud li a {
         padding:10px;
    }
     .blog-graylist ul li {
         width: 100%;
    }
     .project-desc{
         margin:50px 0px 0px;
    }
     .project-desc1{
         margin:0px 0px 50px;
    }
     .portfolio-info-column ul li {
         padding: 10px;
         text-align:center;
    }
     .portfolio-info-column ul li h4 {
         margin-bottom:0px;
    }
     .scope-rght-img{
         margin:30px 0px 0px;
    }
     .why-choose{
         margin:50px 0px 0px;
    }
     .experience-team{
         margin-bottom:50px;
    }
     .shop-column {
         width: 48%;
         margin-bottom: 40px;
    }
     .shop-column-head .rating {
         float: left;
         margin: 10px 0px 0px;
    }
     .shop-column:nth-child(3), .shop-column:nth-child(5), .shop-column:nth-child(7), .shop-column:nth-child(9) {
         margin-right: 20px;
    }
     .shop-column:nth-child(2), .shop-column:nth-child(4), .shop-column:nth-child(6), .shop-column:nth-child(8) {
         margin-right: 0px;
    }
     .blog-graylist {
         padding: 42px 10px;
    }
     .blog-testimonial {
         background-size:30px;
         padding:0px 0px 0px 45px;
    }
     .product-desc {
         width: 100%;
    }
     .cart-wdt1, .cart-wdt2, .cart-wdt3, .cart-wdt4 {
         width: 100%;
         text-align:left;
         border-bottom:1px solid #ccc;
    }
     .margin-txt {
         margin: 0px 0px;
    }
     a.continue-shop.update-shoppingbtn {
         float:left;
         margin:5px 5px 0px;
    }
     .discount-codes {
         width: 100%;
         margin-right:0px;
    }
     .discount-codes.your-order {
         width: 100%;
         margin:20px 0px 0px;
    }
     a.continue-shop{
         margin:5px 5px 0px;
    }
     .billing-left {
         width: 100%;
         margin-bottom:50px;
    }
     .checkout-form .form-field.field-49 {
         width: 100%;
    }
     .order-rght {
         width: 100%;
    }
     a.whatpaypal {
         width: 100%;
         float: left;
         padding:10px 28px 0px;
    }
     .checkout-form .form-field.field-55 {
         width: 100%;
    }
     .product-orderlst {
         padding: 20px 10px 30px;
    }
     .contact-form {
         width:100%;
    }
     .header-socials.header2-socials.contact-social i {
         width: 50px;
         height: 50px;
         margin-right: 1px;
         line-height: 50px;
         border-radius: 50px;
         font-size: 24px;
    }
     .banner-bottom-boxes {
         margin:0px 0px 80px;
    }
     .banner-bottom-boxes ul li {
         width:100%;
         margin:0px;
    }
     .client-column{
         margin-bottom:30px;
    }
     a.header-requestbtn.contactus-btn.more-info {
         float: left;
         margin:10px 0px 0px;
    }
     .bestthing-text-column.home4-bestthing-txt {
         width: 100%;
         padding-bottom:0px;
    }
     .static-section.home4-static-section ul li {
         border-bottom: 1px solid #fff;
         border-right:0px;
         padding-bottom:20px;
    }
     .nav-tabs>li {
         width: 32%;
    }
     .home3-client-desc {
         width: 51%;
    }
     .home3_testimonial {
         padding-bottom: 100px!important;
    }
     .service-column.service4-column .service4-desc{
         width:80%;
    }
     .inner-pages-bnr img{
         height:180px;
         width:100%;
    }
     .boxes-column {
         margin: 0px 0px 50px;
    }
     .boxes-column ul li {
         text-align:center;
         width:100%;
         padding:30px;
    }
     .boxes-column ul li h4 {
         font-size: 16px;
    }
     .boxes-column ul li .boxes-desc {
         width: 100%;
         text-align:center;
    }
     .boxes-column ul li .boxes-icons img {
         max-width: 60px;
    }
     .boxes-column ul li .boxes-icons {
         width: 60px;
         float:none;
         display:inline-block;
         margin-bottom:20px;
    }
     .boxes-column ul li:after {
         width:80%;
         left:10%;
         right:10%;
         height:1px;
         bottom:0px;
         top:inherit;
    }
     .history-list:before {
         top: 62%;
    }
     header.header1 ul.header-info {
         width: 100%;
    }
     ul.header-info li:before {
         font-size: 15px !important;
         top:0px;
    }
     .mob-social {
         float:left;
         margin:10px 0px 0px;
    }
     .hight-level-section h2 {
         font-size: 28px;
    }
     .testimonial-left-sidebar p {
         font-size: 15px;
    }
     .news-column h6 {
         font-size: 17px;
    }
     .marbtm50 {
         margin-bottom: 45px;
    }
     .head-section.client-head {
         margin: 0px 0px 40px;
    }
     a.header-requestbtn.contactus-btn {
         font-size: 14px;
         width:160px;
    }
     ul.footer-info li.ftr-loc {
         font-size: 15px;
    }
     .bestthing-section.why-choose-section {
         padding-top: 50px;
    }
     .pad95-0-top-bottom {
         padding: 75px 0px 0px;
    }
     p.fnt-18 {
         font-size: 15px;
    }
     .home2.bestthing-section {
         padding: 60px 0px 20px;
    }
     .pad95-50-top-bottom {
         padding: 45px 0px 10px;
    }
     .hight-level-section.background-variation {
         padding:43px 0px 34px;
    }
     .home2.recent-project-section {
         padding-bottom: 125px!important;
    }
     .static-section.home3-static {
         padding: 80px 0px 70px;
    }
     .pad95-45-top-bottom {
         padding: 45px 0px 0px;
    }
     a.view-project-link {
         margin: 1px 0px;
    }
     header.header2 ul.header-info{
         width:100%;
    }
     .pad100-85-top-bottom {
         padding: 50px 0px 25px;
    }
     header.header5 .header-socials {
         float: left;
    }
     .pad100-95-top-bottom {
         padding: 50px 0px 45px;
    }
     .head-section.other-heading {
         margin-bottom: 10px;
    }
     .pad100-80-top-bottom {
         padding: 40px 0px 20px;
    }
     .pad100-50-top-bottom {
         padding:50px 0px 5px;
    }
     .pad61-bottom {
         padding: 0px 0px 41px;
    }
     .pad100-70-top-bottom {
         padding: 50px 0px 20px;
    }
     .pad95-70-top-bottom {
         padding: 45px 0px 20px;
    }
     .pad95-100-top-bottom {
         padding: 45px 0px 50px;
    }
     .recent-project-section {
         padding-top: 45px;
    }
     .hight-level-section {
         padding:47px 0px 40px;
    }
     .home3.recent-project-section {
         padding-bottom: 20px!important;
    }
     .certifield-section {
         padding: 40px 0px 50px 0px;
    }
     .home4-service-section {
         padding: 45px 0px 35px;
    }
     .home2.home4.bestthing-section {
         padding-bottom: 50px;
    }
     .banner-bottom-boxes.index5-boxes {
         margin: 0px 0px;
    }
     .history-section {
         padding: 45px 0px 10px;
    }
     .history-section {
         padding: 45px 0px 10px;
    }
     .experiecnce-section {
         padding: 45px 0px 0px;
    }
     .portfoio-section {
         padding: 0px 0px 21px;
    }
     .portfoio-section3 {
         padding: 0px 0px 20px;
    }
     .portfolio-info-column {
         padding: 42px 0px;
    }
     .blog-list-cl h6 {
         font-size: 17px;
    }
     .product-desc h2 {
         font-size: 25px;
    }
     .product-desc .price {
         font-size: 38px;
    }
	.google-maps {
		padding-bottom: 42%;
		clear: both;
	}
	.havequestion_01{
		margin-top:0;
	}
	.common_testimonial_01#var_testimonial .controls{
		bottom:50px;
	}
	.common_testimonial_01 .carousel-inner{
		padding-bottom:0px;
	}
}
 @media only screen and (min-width: 468px) and (max-width: 767px) {
     .static-section.home4-static-section.home5-static-section ul li{
         min-height:120px;
    }
     .static-section.home4-static-section.home5-static-section ul li:nth-child(2) {
         border:0px;
    }
}
@media(max-width:550px){
	.service-tab-box .tab-menu li span {
		padding: 13px 15px 13px;
	}

}
@media (max-width: 480px){
.service-tab-box .tab-menu li {
    width: 100%;
}
}
 @media only screen and (min-width: 260px) and (max-width: 467px) {
     .testimonial-left-sidebar .testimonial-head .testi-text {
         margin:20px 0px 0px;
         width: 100%;
         text-align:center;
    }
     a.header-requestbtn.learn-more {
         margin-right:0px;
    }
     #minimal-bootstrap-carousel .carousel-inner .item {
         min-height: 800px!important;
    }
     ul.header-info li{
         border:0px;
         margin-bottom:5px;
    }
     ul.header-info li br{
         display:none;
    }
     ul.header-info li.address {
         width:100%;
    }
     ul.header-info li.phn {
         width:100%;
    }
     .testimonial-left-sidebar .testimonial-head {
         width: 100%;
         text-align: center;
    }
     .testimonial-left-sidebar .testimonial-head .testi-img {
         float:none;
         display:inline-block;
    }
     .hight-level-section ul li {
         float: none;
         margin:10px 0px;
         border-right:0px;
         padding:5px 12px 5px 37px;
         font-size:16px;
    }
     .static-section ul li {
         width: 100%;
         border-right:0px;
         border-bottom:1px solid #000;
         padding:20px 0px;
         margin-bottom:0px;
    }
     .news-column .yellow-strip .news-time {
         width: 50px;
         top:-33px;
    }
     .news-column .yellow-strip .news-time h5 {
         font-size: 25px;
         line-height:25px;
    }
     .news-column .yellow-strip .news-time span {
         font-size: 14px;
    }
     .news-column .yellow-strip {
         padding: 12px 0px 12px 62px;
    }
     .news-column .yellow-strip ul li{
         padding:0px 8px;
    }
     ul.choose-list{
         width:100%;
    }
     ul.choose-list li {
         width:100%;
         font-size:15px;
    }
     .client-testimonial {
         text-align:center;
    }
     .client-img {
         margin-right:0px;
         display:inline-block;
         float:none;
    }
     .client-desc {
         width: 100%;
    }
     .client-testimonial p {
         text-align:center;
    }
     .client-testimonial .client-name {
         float: none;
         display:inline-block;
         margin-left:0px;
    }
     .blog-list-cl ul li {
         border:0px;
         margin:0px;
    }
     .blog-timing {
         width: 65px;
         padding: 5px;
    }
     .blog-timing h5 {
         font-size: 25px;
         line-height: 26px;
    }
     .pagination ul{
         text-align:center;
    }
     .pagination ul li{
         float:none;
         display:inline-block;
    }
     .pagination ul li.prev-next {
         margin:4px 0px;
    }
     .shares-col {
         padding: 7px 5px;
    }
     .portfolio-info-column ul li {
         width:100%;
         border-bottom:1px solid #000;
         border-right:0px;
    }
     .shop-column {
         width: 100%;
    }
     .shop-column:nth-child(3), .shop-column:nth-child(5), .shop-column:nth-child(7), .shop-column:nth-child(9) {
         margin-right:0px;
    }
     .shop-column:nth-child(2), .shop-column:nth-child(4), .shop-column:nth-child(6), .shop-column:nth-child(8) {
         margin-right: 0px;
    }
     .shop-column-head .rating {
         float: left;
         width:100%;
         margin: 10px 0px 0px;
    }
     .shares-col .header-socials {
         padding: 7px 6px;
    }
     .cartproduct-img {
         width: 100%;
         margin-right:0px;
    }
     .cartproduct-desc {
         width: 100%;
    }
     ul.cart-table-top.cart-table-btm {
         padding: 15px 10px;
    }
     .discount-codes {
         padding: 20px 10px;
    }
     .discount-codes.your-order {
         padding: 20px 10px;
    }
     .paypal-img {
         margin:0px 20px;
    }
     .home3-client-desc {
         width: 100%;
    }
     header.header5 ul.header-info li {
         border-right:0px;
    }
     .static-section.home4-static-section.home5-static-section ul li {
         border-bottom: 1px solid #000;
         border-right:0px;
    }
     .nav-tabs>li {
         width:auto;
    }
     .client-column {
         text-align:center;
    }
     .home3-client-img {
         float:none;
         display:inline-block;
         margin-right: 0px;
    }
     .service-column.service4-column{
         text-align:center;
    }
     .service-column.service4-column .icons {
         margin:0px;
    }
     .service-column.service4-column .service4-desc {
         width: 100%;
         border:0px;
    }
     .home5-service1 {
         padding: 100px 30px;
    }
     .black-portfolio-left ul li .colleft {
         width: 100%;
    }
     .black-portfolio-left ul li .colrght {
         width: 100%;
    }
     .leave-reply-column {
         width: 100%;
    }
     #minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides {
         margin-right:0px!important;
         margin-top: 90px!important;
    }
     .vision-icon {
         background-size: 30px;
    }
     .value-icon {
         background-size: 30px;
    }
     .mission-icon {
         background-size: 30px;
    }
     .static-section.home3-static {
         padding:40px 0px 30px;
    }
     a.view-project-link {
         margin: 0px 0px 20px;
         float: left;
    }
     .pagination ul li {
         font-size: 12px;
         width:28px;
         margin-right:0px;
    }
     .pagination ul li a {
         height: 34px;
         line-height: 34px;
    }
     .pagination ul li.prev-next {
         width: 82px;
    }
}

/*****************Home6, Home7 & Home8*******************/
@media(max-width: 1190px)
{
    .icon_counter h3{
        font-size: 24px!important; 
    }
    section.serviceSection {
        background-size: cover; 
    }
    .emergencySec h3{
        font-size: 30px;
    }
    .emergencySec h1{
        font-size: 40px;
        line-height: 40px;
    }
    .paddingSection {
        padding: 100px 0;
    }
    section.success_story,.clientSection{
        padding-bottom: 100px;
    }
    .success_story .iconSec .row{
        padding-right: 25px;
    }
    .success_story .col-md-10 {
        padding-left: 15px;
    }
    .home6 .titleHead h1{
        font-size: 30px;
        line-height: 30px;
    }
    #var_testimonial .controls,#minimal-bootstrap-carousel .carousel-control{
        display: none;
    }
    /*Home7*/
    .home7Accordian,.home7Project{
        padding-top: 100px;
    }
    .home7Testimonial{
        padding-bottom: 100px;
    }
    .supportTextCol h1,.home7Title h1{
        font-size: 30px;
        line-height: 30px;
    }
    .home7 .counterBox{
        padding: 15px;
    }
    .supportBoxCol.col-md-3{
        padding: 2.5% 0;
    }
    section.vc_section.demo3Client{ 
        padding-bottom: 9% !important; 
    }
    .demo3Client ul.slick-dots,.hm7TestimonialArrow,.serviceNav,.home7Services ul.slick-dots{
        display: none!important; 
    }
    .demo3TeamImage:before{ 
        bottom: 121px; 
    }
    .demo3TeamTitle{ 
        bottom: 71px;
    }
    /*Home8*/
    .headerSidebar{ 
        height: 100%; 
    }
    .home8Title h1{
        font-size: 30px;
        line-height: 32px;
    }
    .headerSidebar,.home8 .headerSidebar{
        top: 0;
        margin-top: 0;
    }
}
@media(max-width: 1190px) and (min-width: 992px)
{
    .home6 #minimal-bootstrap-carousel .carousel-caption .thm-container .box .content.text-left{
        padding-left: 80px;
        width: 100%;
    }
    .header6 .col-md-6.logoSec{
        width: 30%;
    }
    .header6 .col-md-6.addressSec {
        width: 70%;
    }
    .header6 .navbar .container,.header7 .navbar .container,.header8 .navbar .container {
        width: 1000px;
    }
    .header6 .navbar-collapse:before{
        width: 78%;
    }
    .header6 .sticky_header .navbar-collapse:before{
        border-top: 64px solid #011327;
    }
    .missionImageCol .vertical_titleStrip{ 
        margin-left: -45%;
        margin-top: -57%;
        width: 99%; 
    }
    .divider hr {
        margin: 27px auto 35px;
    }
    section.success_story{
        margin-top: -60px;
    }
    .success_story .vertical_titleStrip{
        width: 100%;
        margin-top: -51.5%;
        margin-left: -62%;
    }
    .success_story .vertical_titleStrip h1{
        font-size: 30px;
    }
    .success_story_content .titleLine{ 
        margin-top: 20%; 
    }
    .home6 .titleHead h1{
        font-size: 30px;
    }
    .home6 .formSec{
        padding: 86px 33px;
    }
    .schedule_services .form-field .form-comment {
        height: 83px;
    }
    .home6 .formSec .titleHead h1{
        padding-top: 5px;
    }
    .singleService{ 
        min-height: 306px; 
    }
    .serviceImgArea{ 
        width: 33%; 
    }
    .schedule_services .form-field{ 
        margin-bottom: 24px; 
    }
    .clientSection .col-md-2 {
        width: 188px;
    }
    .featuredProject .col-md-3.col-sm-3.col-xs-12,.featuredProject .col-md-6.col-sm-6.col-xs-12,
    .featuredProject img.proImg
    { 
        height: 320px; 
    }
    .title2 h1{ 
        font-size: 28px; 
    }
    .titleSec .col-md-4{ 
        width: 25.333333% 
    }
    .featuredProject .titleSec{ 
        padding-top: 35px; 
    }
    .projectTopRight, .projectNameRight, .projectNameLeft{ 
        padding-top: 90px; 
    }
    .col-md-5.testimonialImgSec{ 
        padding-left: 35px; 
    }
    .testimonialContent .carousel .item:before{ 
        width: 93%; 
    }
    .testimonialContent .carousel .item .testimonialText{ 
        padding: 33px; 
    }
    .newsDate h5{ 
        font-size: 30px; 
    }
    .newsContent p{ 
        font-size: 20px;
        line-height: 26px; 
    }
    /*Home7*/
    .header7 ul.header-info {
        margin: 15px 0 7px;
    }
    #minimal-bootstrap-carousel.home7Banner .carousel-caption .thm-container .box .content{
        margin-top: 90px;
    }
    .phoneSupport .col-md-4.col-sm-4.col-xs-4{
        width: 15%;
    }
    .phoneSupport .col-md-8.col-sm-8.col-xs-8{
        width: 84%;
    }
    .hm7serviceImgArea{
        width: 45%;
    }
    .demo3ProjectImg img{ 
        height: 400px; 
    }
    .demoProContent{ 
        width: 70%;
        margin-left: 15%; 
    }
    .hm7serviceContent p{ 
        padding: 20px 0; 
    }
    .demo3TeamTitle{ 
        width: 91%;
        margin-bottom: 35px!important; 
    }
    .home7 .home7Client .slick-slide img{
        max-width: 188px;
    }
    .home7 .demo3TeamImage img {
        width: 100%;
        max-height: 400px;
    }
    .hm7TestimonialSec .col-md-12{
        margin-top: -38%;
    }

    /*Home8*/
    .header8 #main-navigation-wrapper .nav>li>a{ 
        font-size: 13px; 
    }
    .header8 .menuSecHeader7{ 
        max-width: 77%; 
    }
    .hm8WelcomeStrip .col-md-4{
        width: 30.333333%;
    }
    .hm8WelconeCenter,.hm8WelconeLeft, .hm8WelconeRight{
        padding-top: 75px;
    }
    .videoServiceRight .col-md-10{ 
        width: 100%; 
    }
    .videoServiceRight.col-md-6{ 
        padding-top: 5%; 
    }
    .videoServiceRight.col-md-6{ 
        padding-bottom: 5%!important; 
    }
    .hm8serviceContent h5{ 
        font-size: 15px; 
    }
    .videoServiceLeft .ultv-video__outer-wrap, .videoServiceLeft img.ultv-video__thumb{ 
        height: 455px; 
    }
    .hm8ProductSection .woocommerce ul.products li.product .price{ 
        width: 100%;
        text-align: center; 
    }
    .hm8ProductSection .woocommerce ul.products li.product .button{ 
        margin-right: 19%;
        margin-top: 0; 
    }
    .hm8WelconeLeft.vc_col-has-fill>.vc_column-inner, .hm8WelconeRight.vc_col-has-fill>.vc_column-inner, 
    .hm8WelconeCenter.vc_col-has-fill>.vc_column-inner
    { 
        border-top: 0;
        border-bottom: 0; 
    }
    .hm8CounterCol.vc_col-sm-6{ 
        margin-top: 50px; 
    }
    .hm8ProductSection .woocommerce ul.products li.product .button{ 
        padding: 9px 30px; 
    }
    .hm8ProductSection .woocommerce ul.products li.product a img{
        max-height: 200px;
    }
    .hm8TestimonialCol{
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
@media(max-width: 1190px) and (min-width: 415px)
{
    .newsArea .col-md-6.col-sm-6{ 
        width: 50%;margin: 0; 
    }
    /*Home7*/
    .phoneSupport .vc_col-sm-8{ 
        width: 80.666667%; 
    }
    .counterBox h1{ 
        font-size: 28px!important; 
    }
    .home7 #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-middle{
        padding: 0 15px;
    }
    /*Home8*/
    .home8 #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-middle {
        padding: 0 15px;
    }

}
@media(max-width: 991px)
{ 
    .home6 ul.header-info .search-btn,.home8 .search-btn{
        background: url(../images/zoom_icon.jpg) no-repeat center center
    }
    .home6 ul.header-info .ic-bar,.home8 .ic-bar{
        background: #000;
    }
    .responsive_search-fl,.responsiveSide{
        display: none;
    }
    .header6 #main-navigation-wrapper .navbar-collapse{
        background: #fdcd00;
    }
    .header6 .sticky_header .navbar-collapse:before{
        border-top: 0;
    }
    .home6 #main-navigation-wrapper.navbar-default .navbar-nav > li:hover > i,
    .home6 #main-navigation-wrapper.navbar-default .navbar-nav > li > i.active{
        color: #fdcd00;
    }
    .header6 #main-navigation-wrapper.navbar-default .navbar-nav > li.current_page_parent.current-menu-ancestor.current-menu-parent > a,
    .header8 #main-navigation-wrapper.navbar-default .navbar-nav > li.current_page_parent.current-menu-ancestor.current-menu-parent > a,
    .header6 #main-navigation-wrapper.navbar-default .navbar-nav > li.current_page_parent.current-menu-ancestor.current-menu-parent > i,
    .header7 #main-navigation-wrapper.navbar-default .navbar-nav > li.current_page_parent.current-menu-ancestor.current-menu-parent > i,
    .header8 #main-navigation-wrapper.navbar-default .navbar-nav > li.current_page_parent.current-menu-ancestor.current-menu-parent > i{
        color: #fff;
    }
    .header6 #main-navigation-wrapper .nav > li > a,{
        color: #48402b;
    }
    .header8 #main-navigation-wrapper .nav > li > a,
     header.header4.header7 #main-navigation-wrapper .nav>li>a{
        color: #fff;
    }
    .header6 .navbar-collapse:before{
        border-top: 0;
    }
    .missionContentCol, .missionImageCol{
        width: 100%;
    }
    .imageDiv img{
        max-width: 71%;
        margin: 0 auto;
    }
    .missionContentCol .iconButton .ubtn-ctn-left{ 
        margin-bottom: 0; 
    }
    .divider hr{
        margin: 30px auto 30px;
    }
    .singleService{ 
        margin-bottom: 40px!important; 
    }
    .home6 .iconSec.col-md-7 {
        width: 100%;
    }
    .home6 .iconSec{
        margin-left: 0;
    }
    .newsAuth li{ 
        margin-right: 15px; 
    }
    .newsDate h5{ 
        font-size: 20px; 
    }
    .newsDate{ 
        width: 100%; 
    }
    .newsContent p{ 
        font-size: 16px; 
    }
    .col-md-5.testimonialImgSec{ 
        padding-left: 0;
        margin-bottom: 35px; 
    }
    .testimonialTitle,.testimonialContent .carousel{
        padding-left: 20px; 
    }
    .ftr-section{
        padding: 80px 15px 0;
    }
    .testimonialArea{
        background-size: cover;
    }
    /*Home7*/
    header.header7 .logo{
        display: none;
    }
    .header7 #main-navigation-wrapper .navbar-collapse{
        background: #fdcd00;
    }
    .header7 .navbar-header{
        background: #fdcd00;
    }
    .header4.header7 #main-navigation-wrapper .nav>li>a,
    .header4.header7 #main-navigation-wrapper.navbar-default .navbar-nav>li.current_page_parent.current-menu-ancestor.current-menu-parent>a{
        padding: 16px 25px;
    }
    .header7 #main-navigation-wrapper.navbar-default .navbar-nav > li.current_page_parent.current-menu-ancestor.current-menu-parent > a{
        color: #fff!important;
    }
    .hm7ServiceSec .vc_col-sm-6{ 
        padding-left: 15px;
        padding-right: 15px; 
    }
    .header7 i.fa.fa-chevron-down,header.header4.header7 #main-navigation-wrapper .nav>li>a{
        color: #000;
    }
    header.header4.header7 #main-navigation-wrapper .nav>li>a.active,.header7 i.fa.fa-chevron-down.active{
          color: #fff;
    }
    .header7 #main-navigation-wrapper.navbar-default .navbar-nav > li:hover > a,
    .header7 #main-navigation-wrapper.navbar-default .navbar-nav > li:hover > i{
          color: #fff;
    }
    .wpb-js-composer .hm7missionContentSide .vc_tta.vc_general .vc_tta-panel{ 
        margin-bottom: 10px; 
    }
    .hm7missionContentSide .vc_column-inner{ 
        margin-top: 0!important; 
    }
    .demo3ProjectImg img{ 
        height: auto; 
    }
    .home7Accordian{
        padding-bottom: 100px;
        background-size: cover;
    }
    .home7 .home7Client .slick-slide img{
        margin: 0 auto;
    }
    /*Home8*/
    .header4.header7.header8 #main-navigation-wrapper .nav>li>a{
        padding: 16px 25px;
    }
    .header8 #main-navigation-wrapper .navbar-collapse{
        background: #fdcd00;
    }
    header.header4.header7.header8 #main-navigation-wrapper .navbar-nav{
        /*border-top: 1px solid #fff;*/
    }
    .header4.header7.header8 #main-navigation-wrapper.navbar-default .navbar-nav>li.current_page_parent.current-menu-ancestor.current-menu-parent>a{
        color: #fff!important;
        border-bottom: 1px solid #f3c05f;
    }
    header.header4.header7.header8 #main-navigation-wrapper.navbar-default{
        background: #fdcd00;
    }
    header.header4.header7.header8 #main-navigation-wrapper.navbar-default:before{ 
        display: none; 
    }
    .header8 i.fa.fa-chevron-down,header.header4.header8 #main-navigation-wrapper .nav>li>a{
        color: #000;
    }
    header.header4.header8 #main-navigation-wrapper .nav>li>a.active,.header8 i.fa.fa-chevron-down.active{
          color: #fff;
    }
    .header8 #main-navigation-wrapper.navbar-default .navbar-nav > li:hover > a,
    .header8 #main-navigation-wrapper.navbar-default .navbar-nav > li:hover > i{
          color: #fff;
    }
    section.experienceSec{
        background-size: cover;
    }
    .home8 .expImgTitle h3{
        font-size: 20px;
    }
    .home8 .expImgTitle h1{
        font-size: 30px;
        line-height: 30px;
    }
    .home8 .expImgTitle .row{
        width: 85%;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .hm8ProductSection ul{
        display: inline-block;
        list-style-type: none;
        padding-inline-start: 0;
    }
    .hm8ProductSection .woocommerce ul.products li.product{
       display: inline-block;
    }
    .home8 .videoServiceRight.col-md-6{
        width: 100%;
    }
    .home8 .videoServiceRight{
        padding-left: 50px;
    }
    .hm8ServiceSection .home8Title {
        padding-bottom: 15px;
    }
    .hm8ProjectSection .nav-tabs>li>a{ 
        padding: 0 25px 0 0;
        font-size: 15px; 
    }
    button.sideOpenbtn.sidebarDeskButton{ 
        display: block; 
    }
    .header8 .header-socials{ 
        float: left; 
    }
    .header4.header7.header8 .hdr3-right.hdr4-right .search-column .search-btn {
        background: url(assets/images/allmix/search-btn.html) no-repeat center center!important;
    }
    .home8 a.home8Button{
        float: left;
        margin-bottom: 30px;
    }
    .header8 .header-nav-right{
        display: none;
    }
    
}
@media(max-width: 991px) and (min-width: 481px)
{
    ul.header-info li.address{
        width: 43%;
    }
    ul.header-info li.phn {
        width: 40%;
    }
    ul.header-info .responsive_search-fl,ul.header-info .responsiveSide{
        width: 8%;
    }
    .addressSec ul.header-info li{
        margin-right: 0;
        padding: 0 21px 0 10px;
    }
    .home6 #minimal-bootstrap-carousel .carousel-caption .thm-container .box .content.text-left{
        padding-left: 80px;
        width: 100%;
    }
    .home6Slider .carousel-caption .thm-container .box .content::before{
        height: 395px;
    }
    .home6Slider .carousel-caption .topText{
        margin-top: 80px;
    }
    .home6Slider a.header-requestbtn.learn-more.our-solution{
        width: 155px;
        padding: 8px 10px;
        font-size: 16px;
    }
    .missionContentCol .vc_separator{ 
        margin-top: 4% !important;
        margin-bottom: 6% !important; 
    }
    .missionContentCol button.ubtn-normal{ 
        padding: 9px 30px;
    }
    .missionContentCol .signLeftCol.vc_col-sm-5{ 
        width: 28.666667%;
        padding-left: 5px; 
    }
    .missionImageCol .vertical_titleStrip{ 
        margin-left: -15%;
        margin-top: -35.6%;
        width: 62%; 
    }
    .company_mission_video{
        width: 35%;
        margin-right: 0!important;
    }
    .missionImageCol.vc_col-sm-6,.missionContentCol.vc_col-sm-6{ 
        width: 100%; 
    }
    .company_mission_video .ult-video{ 
        width: 50%;
        margin-top: -38%;
        margin-right: 0; 
    }
    .missionContentCol{ 
        margin-top: 30px; 
    }
    
    .success_story .iconSec .row{
        padding-left: 91px;
    }
    .iconSec{ 
        margin-left: 50px; 
    } 
    section.success_story{ 
        margin-top: -54px; 
    }
    .vertical_titleStrip{ 
        margin-top: -21%;
        left: -33%;
        width: 58%; 
    }
    .success_story_content .titleLine{ 
        margin-top: 14%; 
    }
    .home6 .formSec{ 
        width: 100%;
    }
    .home6 .titleHead h1 {
        font-size: 24px;
        line-height: 28px;
    }
    .clientSection .col-md-2 {
        width: 192px;
    }
    .ourTeam img{ 
        margin-top: -28px; 
    }
    section.serviceSection{ 
        padding-bottom: 60px!important; 
    }
    .featuredProject .titleSec{ 
        padding-top: 20px; 
    }
    .featuredProject .col-md-3.col-sm-3.col-xs-12, .featuredProject .col-md-6.col-sm-6.col-xs-12,.featuredProject img.proImg
    { height: 250px; }
    .projectTopRight, .projectNameRight, .projectNameLeft{ 
        padding-top: 70px; 
    }
    .titleButton a{ 
        font-size: 16px;
        padding: 10px; 
    }
    .title2 h1{ 
        font-size: 20px;
        padding: 0 11px;
        line-height: 27px; 
    }
    .titleButton{ 
        width: 130px;
        line-height: 37px;
        height: 40px; 
    }
    .titleSecRight{ 
        padding: 0 25px; 
    }
    .title2.projectName{ 
        padding: 0; 
    }
    img.nwsImg{ 
        height: 296px; 
    }
    img.testiImg.testiImg2{ 
        margin-top: -8%;
        margin-bottom: 7%;
        margin-left: 11%; 
    }
    img.testiImg.testiImg3{ 
        margin-top: -11%;
        margin-right: 0;
        float: none;
        margin-left: 36%; 
    }
    img.testiImg.testiImg1{ 
        margin-left: 0; 
    }
    img.testiImg.testiImg5{ 
        margin-left: 28%;
        margin-top: -3%; 
    }
    img.testiImg.testiImg4{
        margin-top: -6%;
        margin-left: 11%; 
    }
    .testimonialContent .carousel .item .testimonialText{ 
        padding: 39px; 
    }
    .newsContent p{ 
        line-height: 22px; 
    }
    .newsData{ 
        margin-bottom: 5px!important; 
    }
    .newsAuth li a{
        font-size: 14px;
    }
    /*Home7*/
    .carousel-caption h1 {
        font-size: 40px;
        line-height: 40px;
    }
    #minimal-bootstrap-carousel.home7Banner .carousel-caption .thm-container .box .content {
        margin-top: 40px;
    }
    .home7 .hdr-top-bar ul.header-info li{
        padding: 0px 15px;
        margin-right: 0;
    }
    header.header7 ul.header-info {
        width: 75%;
    }
    header.header8 ul.header-info {
        width: 66%;
    }
    .header8 .hdr3-right.hdr4-right {
        width: 34%;
    }
    .home7 .supportTextCol {
        width: 60%;
    }
    .supportBoxCol.col-md-3{
        width: 29%;
        margin-bottom: 12px;
    }
    .phoneSupport .col-md-4.col-sm-4.col-xs-4{
            width: 13.333333%;
    }
    .phoneSupport .col-md-8.col-sm-8.col-xs-8{
        width: 75%;
    }
    .home7Services .home7Title {
        padding: 0 15px;
    }
    .hm7serviceImgArea{
        width: 24%;
    }
    .hm7TestimonialSec .col-md-12{
        margin-top: -45%;
    }
    .demo3TeamTitle{ 
        bottom: 55px;
        width: 92.5%; 
    }   
    /*Home8*/
    #minimal-bootstrap-carousel.home8Banner .carousel-inner .item{
        min-height: 600px;
    }
    .hm8WelconeLeft, .hm8WelconeRight, .hm8WelconeCenter{
        margin-left: 3px;
        margin-right: 3px;
    }
    .hm8WelcomeStrip .col-md-4 {
        width: 32.333333%;
    }
    .hm8WelconeLeft, .hm8WelconeRight{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .hm8WelconeCenter {
        padding-top: 85px;
        padding-bottom: 50px;
    }
    .home8 .experienceLeft{
        width: 100%;
    }
    .home8 .experienceLeft .signLeftCol{
        width: 32%;
    }
    .hm8ProductSection .woocommerce ul.products li.product{ 
        width: 47%;
        margin: 20px 10px 0; 
    }
    .hm8WelconeCenter.vc_col-has-fill>.vc_column-inner{ 
        border-top: 0;
        border-bottom: 0;
        padding-left: 10px!important;
        padding-right: 10px!important; 
    }
    .experienceRight .wpb_single_image.vc_align_center{ 
        text-align: left;
        margin-left: 30px; 
    }
    .vc_row.expImgTitle{ 
        margin: 0 0 0 30px;
        width: 69%; 
    }
    .hm8CounterCol.vc_col-sm-6{ 
        margin-top: -4%; 
    }
    .home8 .hm8ProjectSection a.home8Button{
        width: 118px;
    }
    .hm8TestimonialCol{
        padding-top: 100px;
        width: 60%;
    }
    .hm8CounterCol{
        width: 40%;
    }
    .hm8ProductSection ul{
        padding-inline-start: 0;
    }
    .home8 .responsive_search-fl, .home8 .responsiveSide{
        margin-top: 10px;
    }
    .home8 .search-btn, .home8 .search-btn{
        border-left: 1px solid #000;
        margin-left: 8px;
    }
}
@media(max-width: 768px) and (min-width: 415px)
{
    img.nwsImg{ 
        height: 305px; 
    }
    .newsDate span{ 
        font-size: 16px; 
    }
    .newsAuth li{ 
        margin-right: 10px; 
    }
    .newsData { 
        margin-bottom: 12px!important; 
    }
    /*Home7*/
    .supportBoxCol.vc_col-sm-3{ 
        padding: 3.5% 0; 
    }
    .supportVideoCol .ultv-video__outer-wrap,.supportVideoCol .ultv-video__outer-wrap img{ 
        height: 390px; 
    }
    .vc_row.wpb_row.hm7TestimonialSec{ 
        margin-top: -33%; 
    }
    /*Home8*/
    .hm8ProductSection .woocommerce ul.products[class*=columns-] li.product{ 
        margin: 20px 6px 0 6px; 
    }
    .vc_row.expImgTitle{ 
        width: 72%; 
    }
    .hm8CounterCol.vc_col-sm-6{ 
        margin-top: -7%; 
    }
}
@media(max-width: 480px)
{
    .header8 .hdr3-right.hdr4-right{
        padding-left: 6px;
        padding-top: 8px;
    }
    header.header4.header7 ul.header-info{
        padding-top: 0;
        padding-bottom: 0;
    }
    header.header6 ul.header-info{
        display: block;
    }
    .header6 .addressSec ul.header-info li{
        padding: 5px 0;
    }
    .header6 ul.header-info li.phnClass:before{
        margin-left: 8px;
        margin-top: -3px;
    }
    .header6 ul.header-info li:before{
        background: #fdcd00;
        color: #fff;
        font-size: 20px !important;
        padding: 0 8px;
        border-radius: 5px;
        top: 7px;
        margin-left: 8px;
        margin-top: -3px;
    }
    .header6 ul.header-info li.address{
        margin-top: 15px;
    }
    /*Home1 Slider*/
    .vc_row[data-vc-full-width].slider_row{
        overflow: hidden!important;
    }
    .bestthing-section h2{ 
        font-size: 25px; 
    }
    /*Home6*/
    #minimal-bootstrap-carousel.home6Slider .carousel-caption .thm-container .box .content{
        display: none;
    }
    .imageDiv img{
        max-width: 100%;
    }
    .missionImageCol .vertical_titleStrip h1{
        font-size: 20px;
    }
    .missionContentCol{ 
        margin-top: 30px; 
    }
    .missionImageCol .vertical_titleStrip{
        margin-top: -58%;
        margin-left: -45%;
        width: 100%;
    }
    .col-md-5.signLeftCol ,.signCol img{
        padding-left: 0;
    }
    .missionContentCol, .missionImageCol {
        padding-left: 15px;
        padding-right: 15px;
    }
    .home6 .iconButton .iconContent h4{
        margin-bottom: 0;
    }
    .iconContent {
        padding-bottom: 15px;
    }
    .company_mission_video{
        margin-right: 0!important;
    }
    .signRow { 
        display: inline-flex; 
    }
    .projectTopRight, .projectNameRight, .projectNameLeft{ 
        padding: 115px 0; 
    }
    .featuredProject .col-md-3.col-sm-3.col-xs-12,.featuredProject .col-md-6.col-sm-6.col-xs-12{ 
        height: auto; 
    }
    .featuredProject img.proImg{ 
        height: 375px; 
    }
    .featuredProject .titleSec{ 
        padding: 100px 15px; 
    }
    .emergencySec .uvc-heading{ 
        display: block; 
    }
    .success_story_content .vc_col-sm-7{ 
        width: 100%; 
    }
    .iconSec,.formSec{ 
        margin-left: 0; 
    }
    section.success_story{ 
        margin-top: 0; 
    }
    section.vc_section.emergencySec.vc_section-has-fill{ 
        padding-top: 18%!important;
        padding-bottom: 20%!important; 
    }
    .success_story .iconSec .row {
        padding-right: 0;
    }
    section.serviceSection{ 
        padding-bottom: 0!important; 
    }
    .success_story .vertical_titleStrip{
        width: 100%;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        margin-top: 0;
        margin-left: 0;
        padding-left: 15px;
    }
    .success_story .vertical_titleStrip h1{
        font-size: 24px;
    }
    .success_story .iconSec .row{
        padding-left: 15px;
    }
    .newsArea .col-md-6.col-sm-6{ 
        width: 100%;
        margin: 0; 
    }
    .newsContent p{ 
        font-size: 18px;
        line-height: 25px; 
    }
    .newsData .col-xs-3{
     padding-left: 0;
     padding-right: 0; 
    }
    .newsDate{ 
        width: 83%;
        padding: 24px 10px; 
    }
    .newsDate h5{ 
        font-size: 30px; 
    }
    img.nwsImg{ 
        height: 260px; 
    }
    img.testiImg.testiImg3{ 
        margin-top: -21%;
        margin-right: 11%; 
    }
    .hm6-testimg{ 
        padding: 20px 0; 
    }
    img.testiImg.testiImg1{ 
        margin-left: 0;
        margin-bottom: 1%; 
    }
    img.testiImg.testiImg5{ 
        margin-left: 40%;
        margin-top: -9%; 
    }
    .testimonialContent .carousel .item .testimonialText{ 
        padding: 15px; 
    }
    .testimonialContent .carousel .item:before{ 
        width: 100%; 
    }
    .testimonialContent .carousel .item .testimonialText::before{ 
        width: 96%; 
    }
    .testimonialContent .carousel .item{ 
        width: 100%;
        padding: 0; 
    }
    .testimonialContent .carousel{ 
        padding: 0; 
    }
    .title2 h1{ 
        font-size: 24px; 
    }
    .home6 .clientSection img{
        margin: 0 auto;
    }
    .home6 .formSec{
        padding: 80px 15px;
    }
    .clientSection .col-md-2{
        width: 100%;
    }
    /*Home7*/
    #minimal-bootstrap-carousel.home7Banner .carousel-caption .thm-container .box .contentImg {
        width: 41%;
        float: unset;
        margin: 0 auto;
    }
    .phoneSupport .col-md-8.col-sm-8.col-xs-8{
        width: 80%;
        padding: 12px;
    }
    .phoneSupport .col-md-4.col-sm-4.col-xs-4{
        padding: 18px 5px;
    }
    .phoneSupport h3{
        font-size: 14px;
    }
    .supportTextCol { 
        display: block;
        width: 100%; 
    }
    .supportBoxCol.col-md-3,.supportVideoCol.col-md-4,.supportVideoCol img{ 
        width: 100%; 
    }
    .counterBox{ 
        margin-left: 0;
        margin-right: 0; 
    }
    .counterBox2{ 
        margin-top: 2%; 
    }
    .supportVideoCol{ 
        height: auto; 
    }
    .hm7companyMissionRow{ 
        background-size: cover; 
    }
    .hm7missionContentSide{ 
        padding-bottom: 50px; 
    }
    section.hm7AccordionSec{ 
        padding-top: 0; 
    }
    .hm7missionContentSide{ 
        padding-top: 100px; 
    }
    .hm7TestimonialSec
    { 
        margin-top: 35px;
        margin-left: 0!important; 
    }
    .hm7TestimonialSec .col-md-12{
        margin-top: 0;
    }
    .hm7Testimonial .testimonialText{
        padding: 50px 15px;
    }
    .hm7TestimonialSec .col-md-12,.hm7Testimonial .carousel{ 
        width: 100%; 
    }
    .demo3TeamTitle{
        bottom: 56px;
    }
    .demo3TeamImage img{
        max-height: 400px;
    }
    .home7Accordian{
        padding-bottom: 0;
    }
    /*Home8*/
    .header7 .ulDiv{
        float: unset;
    }
    #minimal-bootstrap-carousel .carousel-caption .thm-container .box .content{
        display: none;
    }
    section.hm8WelcomeStrip{
        margin-top: 80px;
    }
    .hm8WelconeCenter{
        margin-top: 0;
    }
    .hm8WelcomeStrip .col-md-4 {
        width: 100%;
    }
    .hm8WelconeLeft, .hm8WelconeRight, .hm8WelconeCenter{
        margin-left: 0;
        margin-right: 0;
    }
    .experienceLeft .signLeftCol{
        padding-left: 0;
        width: 50%;
    }
    .experienceLeft .signCol{
        width: 50%;
    }
    .home8 a.home8Button{
        margin-left: 0;
    }
    .home8 .expImgTitle .row{
        width: 100%;
    }
    .home8 .videoServiceLeft img{
        min-height: auto;
    }
    .home8 .videoServiceLeft.col-md-6{
        margin-right: 0;
        padding-right: 15px;
    }
    .home8 .videoServiceRight {
        padding-left: 15px;
        padding-right: 15px;
    }
    .expImgTitle .col-md-9{ 
        margin: 0 auto;
        width: 75%; 
    }
    .hm8serviceContent h5{
     margin: 4% 0!important; 
    }
    .hm8CounterCol .icon_counter h3{ 
        margin-bottom: 0; 
    }
    .hm8CounterCol h3.testimonialcounter1{ 
        margin-left: 43%; 
    }
    .hm8CounterCol{
        width: 100%;
        margin-top: 100px;
    }
    .hm8TestimonialCol {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 100px;
        padding-left: 15px;
    }
    .hm8TestimonialArrow {
        display: none;
    }
    .hm8ProductSection .woocommerce ul.products li.product
    { 
        width: 100%!important;
        margin: 20px 0 0!important;
        height: auto!important; 
    }
    .headerSidebar{ 
        top: 0;
        width: 415px; 
    }
    .iconArea i.fas, .iconArea i.far{ 
        margin-bottom: 10px;
        padding-left: 0; 
    }
    .hm8ProjectSection .nav-tabs>li>a{ 
        padding: 0 20px 0 0; 
    }
    .hm8-product-title p,.home8-news-title p{ 
        padding: 0 15px!important; 
    }
    .header8 .header-socials{
        margin-bottom: 6px;
    }
    .home8 .search-btn{
        margin: 0 6px;
    }
}
@media(max-width: 360px)
{
    .serviceImgArea{ 
        width: 31%; 
    }
    .newsAuth ul{ 
        display: block; 
    }
    .newsDate {
     width: 87%;
     padding: 40px 10px; 
    }
    /*Home7*/
    .supportTextCol .vc_col-has-fill>.vc_column-inner
    { 
        padding-left: 7px!important;
        padding-right: 5px!important;
        padding-top: 17px!important; 
    }
    .phoneSupport .vc_col-sm-8 { 
        width: 95.666667%; 
    }
    .demo3TeamTitle{ 
        width: 91.2%; 
    }
    /*Home8*/
    .expImgTitle .vc_col-sm-9{ 
        width: 85%; 
    }
    .headerSidebar{ 
        width: 360px; 
    }
}

@media(min-width: 1500px) and (max-width: 1600px)
{
    .header6 .navbar-collapse:before{ 
        width: 65%;
        border-top: 65px solid #011327; 
    }
    header .headerTopSec:before{ 
        width: 62%; 
    }
    header.header4.header7.header8 #main-navigation-wrapper.navbar-default:before{ 
        width: 27%; 
    }
}
@media(min-width: 1601px) and (max-width: 2000px)
{
    header .headerTopSec:before{ 
        width: 62%; 
    }
    .header6 .navbar-collapse:before{ 
        width: 52%; 
    }
    header.header4.header7.header8 #main-navigation-wrapper.navbar-default:before{ 
        width: 31%; 
    }
}
@media(min-width: 2001px)
{
    header .headerTopSec:before{ 
        width: 55%; 
    }
    .header6 .navbar-collapse:before{ 
        width: 980px; 
    }
    .header6 .navbar-collapse:before{ 
        border-top: 65px solid #011327; 
    }
    
}
@media(min-width: 2001px) and (max-width: 2500px)
{
    header.header4.header7.header8 #main-navigation-wrapper.navbar-default:before{ 
        width: 34%; 
    }
}
@media(min-width: 2501px)
{
    header.header4.header7.header8 #main-navigation-wrapper.navbar-default:before{ 
        width: 38%; 
    }
}
@charset "utf-8";
/* CSS Document */

/* Bounce To Right */
.hvr-bounce-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.9s;
	transition-duration: 0.9s;
}
.hvr-bounce-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #333;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.9s;
	transition-duration: 0.9s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
	color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.9s;
  transition-duration: 0.9s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #5db5ff;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.9s;
  transition-duration: 0.9s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/*======home1 banner======*/

#minimal-bootstrap-carousel .carousel-caption {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 0;
	text-align: left;
	text-shadow: none;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container {
	display: table;
	width: 100%;
	height: 100%;
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box {
	display: table-cell;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-top {
	vertical-align: top;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom {
	vertical-align: bottom;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-middle {
	vertical-align: middle;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content {
	float:left;
	width:54%;
}

#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides{
	float:right; width:100%; text-align:left; margin-right:-92px; margin-top:140px; z-index:20; position:relative;
}
#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides h1{
	color:#000;
}
#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides p{
	color:#000;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content.text-left{
	text-align:left; padding-left:10px;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content.home1-slide3 {
	    width: 80%;
    float: none;
    display: inline-block;
}
#minimal-bootstrap-carousel .carousel-inner .item {
	min-height: 640px;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-color: #1E1E1E;
}
#minimal-bootstrap-carousel .carousel-control {
	background: none;
	width: 40px;
	height: 40px;
	font-size: 15px;
	line-height: 40px;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	visibility: visible !important;
	opacity: .65;
	margin-top: -20px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	top: 50%;
	border-radius: 0;
	z-index: 88;
}
#minimal-bootstrap-carousel .carousel-control.left {
	left: 1%;
}
#minimal-bootstrap-carousel .carousel-control.right {
	right: 1%;
}
#minimal-bootstrap-carousel .carousel-control:hover {
	opacity: 1;
	background: #000;
}

.carousel {
    position: relative; width:100%; float:left; 
}
#minimal-bootstrap-carousel.home1 .carousel-caption{
	width:40%; height:755px; background:rgba(242, 174, 43, .9);
}
#minimal-bootstrap-carousel.home1 .carousel-caption:after{
	width:240px;  /*background:url(../images/slider-left-bg.png) no-repeat right top; */content:""; right:-240px; top:0px; z-index:2; position:absolute;
	border-top: 755px solid rgba(242, 174, 43, .9);
	border-right: 240px solid transparent;
}
/* processing for fadeing effect styles */
.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
	z-index: 2;
}
/* fixing layers styles */
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom .content {
	padding-bottom: 89px;
}
#minimal-bootstrap-carousel .carousel-caption h1 {
 -webkit-animation-delay: .5s;
 animation-delay: .5s;
}
.fnt55{
	font-size:50px; font-weight:300!important;
}
#minimal-bootstrap-carousel .carousel-caption p {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

/*======home1 banner end======*/


#minimal-bootstrap-carousel.home3-banner .carousel-inner .item {
    min-height: 900px;
}

.enitre_mouse:hover .effect-apollo::before{	-webkit-transform: scale3d(2.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(2.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	}
.enitre_mouse:hover  .effect-apollo img {
	opacity: 0.8;
	-webkit-transform: scale3d(1.15,1.15,1);
	transform: scale3d(1.15,1.15,1);
	
}
.enitre_mouse:hover h6 a{
	color:#eaa41c;
}
.shadow_effect{    position: relative;
    overflow: hidden;}
.effect-apollo img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	width:100%; float:left; height:auto;
}
.effect-apollo::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(2.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(2.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.effect-apollo:hover img {
	opacity: 0.8;
	-webkit-transform: scale3d(1.15,1.15,1);
	transform: scale3d(1.15,1.15,1);
}
.effect-apollo:hover::before {
	-webkit-transform: scale3d(2.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(2.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}


.image_hover{
	position: relative;
    display: block;
    overflow: hidden;
 }
.image_hover.mbot_38{margin-bottom:38px; }
.image_hover:after{
    position: absolute;
    content: '';
    opacity: 0;
    background-color: rgba(0,0,0,.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .3s ease-out;
}
.image_hover:hover:after{opacity:.1}
.zoom_img_effect {
    position: relative;
    transition: all .3s ease-out;
}
.image_hover:hover .zoom_img_effect {
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0);
}
.image_hover:focus:after, .image_hover:hover:after {
    opacity: 1;
}



.accordion-first{
	margin:22px 0px 0px; width:100%; float:left;
}
.accordion-first.acord_mar_non{
	margin:0px;
}
.accordion-first .accordion-group {
    margin-bottom: 15px; 
}
.accordion-first .accordion-group:last-child{
	margin-bottom:0px;
}

.accordion-first .accordion-heading, .accordion-first .accordion-toggle:hover, .accordion-first .accordion-heading .accordion-toggle.active {
    background: none repeat scroll 0% 0% transparent;
}
.accordion-first .accordion-heading .accordion-toggle.active{
	background:#000; color:#fff;
}
.accordion-first .accordion-heading {
    font-size: 15px;
	border:1px solid #868686;
}

.accordion-first .accordion-heading .accordion-toggle {
    display: block;
    cursor: pointer;
    padding: 14px 20px!important;
    color: #000; font-size:18px; font-weight:400;
    outline: medium none !important;
    text-decoration: none;
	background:#fff;
	letter-spacing:0.5px;
}

.accordion-first .accordion-heading .accordion-toggle.active em{border:1px solid #ededed; color: #6c6c6c;}

.accordion-first .accordion-heading .accordion-toggle > em {
	background:#fff;
	border:1px solid #ededed; margin:-2px 0px 0px;
    color: #6c6c6c;
    font-size: 14px;
    height:29px;
    line-height: 29px;
    text-align: center;
    width: 29px;
	float:right;}
.accordion-inner{
	background:#fff;
	border:1px solid #efefef; border-top:0px;
	padding:17px 14px 20px;
	line-height:26px;
}

.accordion-first.accordion-second{
}
.accordion-first.accordion-second .accordion-group {
    margin-bottom: 15px;
}
.accordion-first.accordion-second .accordion-group:last-child{
	margin-bottom:0px;
}



.isotopeSelector {
	margin-bottom: 30px;
}
.portfolio-section {
	padding-bottom: 0;
	float: left;
	width: 100%;
}
.filter-section {
	padding-bottom: 0;
	float: left;
	width: 100%;
	border-bottom:1px solid #ccc;
	margin-bottom:50px;
}
.filter-container {
	text-align:center;
	
}
.list-inline {
	margin-bottom:0px;
}
ul.filter > li > a {
	padding: 26px 0px;
	text-decoration: none;
	color: #242424;
	display: block;
	line-height: 25px;
	box-sizing: border-box;
	border-bottom: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-bottom: 2px solid transparent;
}
ul.filter > li > a:hover, ul.filter > li > a:focus {
	border-bottom: 2px solid #f2ae2b;
	color:#f2ae2b;
}
ul.filter > li.active a {
	color:#f2ae2b;
	border-bottom: 2px solid #f2ae2b;
}
ul.filter > li span {
	color:#ddd;
	font-size:20px;
	display:inline-block;
	margin:0 5px
}
.filter-section .filter-container .filter > li {
	color: #c1c1c1;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 700;
	list-style: outside none none;
	margin-left: 0;
	margin-right: 0;
	padding:0 12px;
	text-transform: uppercase;
}
.filter-section h1 {
	text-align:center
}
/* the color of the transparent overlay border */

.portfolio-section.port-col figure .overlay-background {
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.4);
}
/* portfolio images */

.portfolio-section figure {
	float:left;
	width:100%;
	position:relative
}
.portfolio-section figure img {
	width:100%;
	height:auto
}
/* project title under image */

.portfolio-section .article-title {
	text-align:center;
	float:left;
	width:100%;
	font-size:18px;
	line-height:24px;
	padding:10px 0 30px 0;
}
.portfolio-section .article-title a {
	color:#aaa
}
/* transparent overlay */

.portfolio-section figure:hover .overlay {
	opacity:1;
	visibility:visible
}
.portfolio-section figure:hover .overlay-background {
	opacity:.8;
	visibility:visible
}
.portfolio-section figure .overlay-background {
	z-index:1;
 -webkit-transition:all .2s ease-in-out;
 -moz-transition:all .2s ease-in-out;
 -o-transition:all .2s ease-in-out;
 transition:all .2s ease-in-out;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	visibility:hidden;
	width:100%;
	height:100%
}
.portfolio-section figure .overlay-background .inner {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:11px;
	background-color:#ad6334;
	background-color:rgba(173, 99, 52, 0.9)
}
.portfolio-section figure .overlay {
	z-index:2;
 transition:all .2s ease-in-out;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	visibility:hidden;
	width:100%;
	height:100%
}
.portfolio-section figure .inner-overlay {
	display:table;
	width:100%;
	height:100%
}
.portfolio-section figure .inner-overlay-content {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding:20px 40px
}
.portfolio-section figure .inner-overlay-content.with-icons {
	text-align:center
}
/* icons inside overlay */

.portfolio-section figure .inner-overlay-content.with-icons a {
	width:40px;
	height:40px;
	line-height:42px;
	display:inline-block;
	margin:0 10px;
	text-decoration:none;
	font-size:20px;
	background:rgba(0, 0, 0, 0.9);
	color:#fff;
	border-radius:0
}
/* skew image on hover */ 

.isotopeSelector img {
 -webkit-transition:all .4s ease;
 -moz-transition:all .4s ease;
 -ms-transition:all .4s ease;
 -o-transition:all .4s ease;
 transition:all .4s ease
}
.isotopeSelector:hover img {
	-moz-transform:scale(1.5) rotate(2deg);
	-webkit-transform:scale(1.5) rotate(2deg);
	-o-transform:scale(1.5) rotate(2deg);
	-ms-transform:scale(1.5) rotate(2deg);
	transform:scale(1.5) rotate(2deg);
 -webkit-transition:all .8s ease;
 -moz-transition:all .8s ease;
 -ms-transition:all .8s ease;
 -o-transition:all .8s ease;
 transition:all .8s ease
}
.isotopeSelector figure {
	overflow:hidden
}
.isotopeSelector figure {
}
 @media only screen and (max-width: 767px) {
ul.filter > li > a {
    padding: 10px 0px;
}
}
.full_potfolio_img .effect-goliath img {
    
    width: 100%;
}
.full_potfolio_img .project_img {
    margin-bottom: 10px;
    padding: 0 5px;
}
.full_potfolio_img .full_view .project_txt_btn {
    width: 97%;
    left: 1.5%;
}
.effect-goliath img,
.effect-goliath h6 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
.effect-goliath:hover > .black_overlay:before{    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;}
.effect-goliath img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border:0;
}


.effect-goliath:hover img {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
		border:0;
		-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.effect-goliath h6, .effect-goliath .view_project_btn{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index:99;

}
.effect-goliath:hover .view_project_btn {
	-webkit-transform: translate3d(0,140px,0);
	transform: translate3d(0,140px,0);
}


.effect-goliath:hover h6 {
	-webkit-transform: translate3d(0,-60px,0);
	transform: translate3d(0,-60px,0);
}
.effect-goliath:hover .view_project_btn{ opacity:1}
.project_img {
	position:relative;
}
.project_img.pad_zero {
    padding: 0;
}
.project_txt_btn {
	width: 100%;
	float: left;
	position: absolute;
	left: 0;
	overflow: hidden;
	top: 0px;
	text-align: center;
	height: 100%;
}
.project_classic {
}
.project_classic .project_txt_btn {
	width:100%;
}
.effect-goliath:hover .view_project_btn {
    -webkit-transform: translate3d(0,230px,0);
    transform: translate3d(0,230px,0);
}
a.view-all.slide_learn_btn.view_project_btn {
	width:147px;
	font-size:14px;
	display:inline-block;
	top:-140px;
	position:relative;
	z-index:999;
	-webkit-transition: -webkit-transform 0.90s;
	transition: transform 0.90s;
	line-height:43px;
	font-family: 'Montserrat', sans-serif;
	margin:86px 0px 74px;
	background:#f2ae2b;
	color: #0e0e0e;
    font-weight: 600;
    letter-spacing: 0.50px;
}
.projectsec1 a.view-all.slide_learn_btn.view_project_btn{
	margin:86px 0px 74px;
	
}
.projectsec2 a.view-all.slide_learn_btn.view_project_btn{
	margin:0;
	
}
.homeprj1-slide:hover a.view-all.slide_learn_btn.view_project_btn{
	top:-160px!important;
}
.homeprj3-slide:hover a.view-all.slide_learn_btn.view_project_btn{
	top:-220px!important;
}
a.view-all.slide_learn_btn.view_project_btn:hover{
	color:#fff;
}
.portfolio-2:hover a.view-all.slide_learn_btn.view_project_btn {
	top: -60px!important;
	margin: 0;
}
.portfolio-3:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -200px!important;
}
.portfolio-4:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -250px!important;
}
.portfolio-5:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -270px!important;
}
.isotopeSelector.project_img .lens_icon {
	width: 66px;
	height: 66px;
	background:url(../images/zoom_icon.jpg) no-repeat center center #fff;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	border-radius: 100%;
	display: inline-block;
	top: -50%;
	position: relative;
	text-indent:-9999px;
	z-index: 99;
}
.isotopeSelector.project_img:hover .lens_icon {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	top: 32%;
}
.full_view .project_txt_btn {
	width: 91%;
}
.project_txt_btn h6 {
	width:100%;
	float:left;
	font-size:15px;
	text-align:center;
	background:#333;
	color:#fff;
	line-height:50px;
	bottom:-60px;
}
.mobile_line {
	display:none;
}


.next_prve_control {
    width: 46px;
    height: 46px;
    border: 2px solid #838383;
    text-align: center;
    color: #828383;
    margin: 0 10px;
    font-size: 23px;
    line-height: 38px;
    text-decoration: none !important;
}


#our_project .next_prve_control, #our_project1 .next_prve_control, #our_project2 .next_prve_control, #our_project3 .next_prve_control,
#our_project4 .next_prve_control, #our_project5 .next_prve_control {
    border:0px;
    color: #fff;
	background:#000;
	line-height:43px;
	opacity:.7;
}
#our_project .next_prve_control:hover, #our_project1 .next_prve_control:hover, #our_project2 .next_prve_control:hover, #our_project3 .next_prve_control:hover, #our_project4 .next_prve_control:hover, #our_project5 .next_prve_control:hover{
	opacity:1;
}
.home1-project#our_project .controls, .home1-project#our_project1 .controls, .home1-project#our_project2 .controls, .home1-project#our_project3 .controls, .home1-project#our_project4 .controls, .home1-project#our_project5 .controls{
	position: absolute;
    right: 6.3%;
    top: -130px;
}

.home2-project#our_project .controls, .home2-project#our_project1 .controls, .home2-project#our_project2 .controls, .home2-project#our_project3 .controls, .home2-project#our_project4 .controls, .home2-project#our_project5 .controls{
	width:100%; bottom:-80px; display:inline-block;
	position:absolute; text-align:center;
}

.portfolio-5 .projt-column{
	width:20%;
}
@media only screen and (min-width: 1400px) and (max-width: 2400px) {
	#minimal-bootstrap-carousel.home1 .carousel-caption {
    width: 47%;
	}
	#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides {
    width: 74%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides {
    margin-right: -40px;
    margin-top: 90px;
}
.portfolio-3 .isotopeSelector.project_img:hover a.view-all.slide_learn_btn.view_project_btn {
	top: -150px;
}
.portfolio-4 .isotopeSelector.project_img:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -200px;
}
.portfolio-5 .projt-column {
    width: 25%;
}
.home2 #our_project .controls {
    right: 20px;
}

.homeprj1-slide:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -220px!important;
}
.homeprj3-slide:hover a.view-all.slide_learn_btn.view_project_btn{
	top:-250px!important;
}

.portfolio-2:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -100px!important;
}
.portfolio-3:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -250px!important;
}
.portfolio-4:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -270px!important;
}

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides {
    margin-right: -44px;
    margin-top: 67px;
	}
	.portfolio-2 .isotopeSelector.project_img:hover a.view-all.slide_learn_btn.view_project_btn {
	top: -120px;
}
.portfolio-3 .isotopeSelector.project_img:hover a.view-all.slide_learn_btn.view_project_btn {
	top: -130px;
}
.portfolio-5 .projt-column {
    width: 33.3%;
}
.home2 #our_project .controls {
    right: 10px;
}

.portfolio-2:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -140px!important;
}
.portfolio-3:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -230px!important;
}
.portfolio-4:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -220px!important;
}

}
@media only screen and (min-width: 467px) and (max-width: 767px) {
	.homeprj1-slide:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -130px!important;
}
.home1-project#our_project .controls, .home1-project#our_project1 .controls, .home1-project#our_project2 .controls, .home1-project#our_project3 .controls, .home1-project#our_project4 .controls, .home1-project#our_project5 .controls {
    top: -157px;
}

.portfolio-2:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -110px!important;
}
.portfolio-3:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -200px!important;
}
.portfolio-4:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -200px!important;
}
}
@media only screen and (min-width: 260px) and (max-width: 767px) {
	#minimal-bootstrap-carousel.home1 .carousel-caption {
    width: 100%;
    height:auto;
    background: none;
	padding-left:10px; padding-right:10px;
}
#minimal-bootstrap-carousel.home1 .carousel-caption:after{
	display:none;
}
/*#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides {
    text-align: center;
    margin-right:0px;
    margin-top: 0px;
}
	#minimal-bootstrap-carousel .carousel-inner .item {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 450px;
	min-height: 700px;
}
#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides h1 {
    color: #fff;
}
#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides p {
    color: #fff;
}

#minimal-bootstrap-carousel .carousel-caption p {
    font-size: 17px; line-height:28px; color:#fff;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content {
	float:none; display:inline-block;
    width: 80%;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-top, #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-middle{
    vertical-align: top;
    padding-top:300px;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content.text-left {
    text-align: center;
}
#minimal-bootstrap-carousel .carousel-control {
    top: 15%;
}*/
#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides p {
	display:none;
}
#minimal-bootstrap-carousel .carousel-caption h1 {
    font-size: 25px !important; text-align:center; color:#fff!important;
}
#minimal-bootstrap-carousel.home1 .carousel-caption .thm-container .box .content.home1-slides {
    margin-right: 0px; padding:0px 30px; margin-top: 105px;
}
#minimal-bootstrap-carousel .carousel-inner .item {
    min-height: 240px!important;
}

#minimal-bootstrap-carousel.home3-banner .carousel-inner .item {
    min-height:360px!important;
}
#our_project .left  {
	margin-left:0px;
}
#our_project .right  {
	margin-right:0px;
}
.isotopeSelector.project_img:hover a.view-all.slide_learn_btn.view_project_btn {
	top: -50px;
}
.portfolio-5 .projt-column {
    width: 50%;
}
.filter-section .filter-container .filter > li {
	width:100%; text-align: left; font-size:13px;
}
.home2 #our_project .controls {
    right: 10px;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom {
    
}
#minimal-bootstrap-carousel .carousel-caption p {
	display:none;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content {
    width: 100%;
}
}
@media only screen and (min-width: 260px) and (max-width: 467px) {
.isotopeSelector.project_img:hover a.view-all.slide_learn_btn.view_project_btn {
	top: -150px;
}
.portfolio-5 .projt-column {
    width:100%;
}
.recent-project-section:hover a.view-all.slide_learn_btn.view_project_btn {
	top: -200px;
}
.home2 #our_project .controls {
	margin:60px 0px 0px;
}
.home2.recent-project-section h3 {
	margin-bottom:50px;
}


.homeprj1-slide:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -150px!important;
}
.home1-project#our_project .controls, .home1-project#our_project1 .controls, .home1-project#our_project2 .controls, .home1-project#our_project3 .controls, .home1-project#our_project4 .controls, .home1-project#our_project5 .controls {
	display:none;
	
}
.portfolio-2:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -180px!important;
}
.portfolio-3:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -250px!important;
}
.portfolio-4:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -250px!important;
}
.portfolio-5:hover a.view-all.slide_learn_btn.view_project_btn {
    top: -245px!important;
}
}
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
@charset "UTF-8";
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
 -webkit-animation-duration: .75s;
 animation-duration: .75s;
}
 @-webkit-keyframes bounce {
 from, 20%, 53%, 80%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%, 43% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
 @keyframes bounce {
 from, 20%, 53%, 80%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%, 43% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}
 @-webkit-keyframes flash {
 from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
 @keyframes flash {
 from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
}
 @keyframes pulse {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
 @-webkit-keyframes rubberBand {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.25, 0.75, 1);
 transform: scale3d(1.25, 0.75, 1);
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 65% {
 -webkit-transform: scale3d(.95, 1.05, 1);
 transform: scale3d(.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, .95, 1);
 transform: scale3d(1.05, .95, 1);
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
}
 @keyframes rubberBand {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.25, 0.75, 1);
 transform: scale3d(1.25, 0.75, 1);
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 65% {
 -webkit-transform: scale3d(.95, 1.05, 1);
 transform: scale3d(.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, .95, 1);
 transform: scale3d(1.05, .95, 1);
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}
 @-webkit-keyframes shake {
 from, to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
}
 @keyframes shake {
 from, to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}
 @-webkit-keyframes headShake {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 6.5% {
 -webkit-transform: translateX(-6px) rotateY(-9deg);
 transform: translateX(-6px) rotateY(-9deg);
}
 18.5% {
 -webkit-transform: translateX(5px) rotateY(7deg);
 transform: translateX(5px) rotateY(7deg);
}
 31.5% {
 -webkit-transform: translateX(-3px) rotateY(-5deg);
 transform: translateX(-3px) rotateY(-5deg);
}
 43.5% {
 -webkit-transform: translateX(2px) rotateY(3deg);
 transform: translateX(2px) rotateY(3deg);
}
 50% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @keyframes headShake {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 6.5% {
 -webkit-transform: translateX(-6px) rotateY(-9deg);
 transform: translateX(-6px) rotateY(-9deg);
}
 18.5% {
 -webkit-transform: translateX(5px) rotateY(7deg);
 transform: translateX(5px) rotateY(7deg);
}
 31.5% {
 -webkit-transform: translateX(-3px) rotateY(-5deg);
 transform: translateX(-3px) rotateY(-5deg);
}
 43.5% {
 -webkit-transform: translateX(2px) rotateY(3deg);
 transform: translateX(2px) rotateY(3deg);
}
 50% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake;
}
 @-webkit-keyframes swing {
 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
to {
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
}
}
 @keyframes swing {
 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
to {
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}
 @-webkit-keyframes tada {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%, 20% {
 -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
}
 @keyframes tada {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%, 20% {
 -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
 from {
 -webkit-transform: none;
 transform: none;
}
 15% {
 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes wobble {
 from {
 -webkit-transform: none;
 transform: none;
}
 15% {
 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
	-webkit-transform: none;
	transform: none;
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}
 @-webkit-keyframes jello {
 from, 11.1%, to {
 -webkit-transform: none;
 transform: none;
}
 22.2% {
 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 transform: skewX(-12.5deg) skewY(-12.5deg);
}
 33.3% {
 -webkit-transform: skewX(6.25deg) skewY(6.25deg);
 transform: skewX(6.25deg) skewY(6.25deg);
}
 44.4% {
 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 transform: skewX(-3.125deg) skewY(-3.125deg);
}
 55.5% {
 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 transform: skewX(1.5625deg) skewY(1.5625deg);
}
 66.6% {
 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
 77.7% {
 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 transform: skewX(0.390625deg) skewY(0.390625deg);
}
 88.8% {
 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
 @keyframes jello {
 from, 11.1%, to {
 -webkit-transform: none;
 transform: none;
}
 22.2% {
 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 transform: skewX(-12.5deg) skewY(-12.5deg);
}
 33.3% {
 -webkit-transform: skewX(6.25deg) skewY(6.25deg);
 transform: skewX(6.25deg) skewY(6.25deg);
}
 44.4% {
 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 transform: skewX(-3.125deg) skewY(-3.125deg);
}
 55.5% {
 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 transform: skewX(1.5625deg) skewY(1.5625deg);
}
 66.6% {
 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
 77.7% {
 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 transform: skewX(0.390625deg) skewY(0.390625deg);
}
 88.8% {
 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center;
}
 @-webkit-keyframes bounceIn {
 from, 20%, 40%, 60%, 80%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(.97, .97, .97);
 transform: scale3d(.97, .97, .97);
}
to {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
}
 @keyframes bounceIn {
 from, 20%, 40%, 60%, 80%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(.97, .97, .97);
 transform: scale3d(.97, .97, .97);
}
to {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}
 @-webkit-keyframes bounceInDown {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}
 75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
to {
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes bounceInDown {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}
 75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
to {
	-webkit-transform: none;
	transform: none;
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
 @-webkit-keyframes bounceInLeft {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
to {
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes bounceInLeft {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
to {
	-webkit-transform: none;
	transform: none;
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
 @-webkit-keyframes bounceInRight {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
	opacity: 0;
	-webkit-transform: translate3d(3000px, 0, 0);
	transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0);
}
to {
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes bounceInRight {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
	opacity: 0;
	-webkit-transform: translate3d(3000px, 0, 0);
	transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0);
}
to {
	-webkit-transform: none;
	transform: none;
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
 @-webkit-keyframes bounceInUp {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
	opacity: 0;
	-webkit-transform: translate3d(0, 3000px, 0);
	transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 75% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
 @keyframes bounceInUp {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
	opacity: 0;
	-webkit-transform: translate3d(0, 3000px, 0);
	transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 75% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
 @-webkit-keyframes bounceOut {
 20% {
 -webkit-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9);
}
 50%, 55% {
 opacity: 1;
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3);
}
}
 @keyframes bounceOut {
 20% {
 -webkit-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9);
}
 50%, 55% {
 opacity: 1;
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
}
 @-webkit-keyframes bounceOutDown {
 20% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0);
}
}
 @keyframes bounceOutDown {
 20% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
 @-webkit-keyframes bounceOutLeft {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(20px, 0, 0);
 transform: translate3d(20px, 0, 0);
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0);
}
}
 @keyframes bounceOutLeft {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(20px, 0, 0);
 transform: translate3d(20px, 0, 0);
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
 @-webkit-keyframes bounceOutRight {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(-20px, 0, 0);
 transform: translate3d(-20px, 0, 0);
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0);
}
}
 @keyframes bounceOutRight {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(-20px, 0, 0);
 transform: translate3d(-20px, 0, 0);
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
 @-webkit-keyframes bounceOutUp {
 20% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0);
}
}
 @keyframes bounceOutUp {
 20% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
 @-webkit-keyframes fadeIn {
 from {
 opacity: 0;
}
to {
	opacity: 1;
}
}
 @keyframes fadeIn {
 from {
 opacity: 0;
}
to {
	opacity: 1;
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
 @-webkit-keyframes fadeInDown {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes fadeInDown {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
 @-webkit-keyframes fadeInDownBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes fadeInDownBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
 @-webkit-keyframes fadeInLeft {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes fadeInLeft {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
 @-webkit-keyframes fadeInLeftBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes fadeInLeftBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
 @-webkit-keyframes fadeInRight {
 from {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes fadeInRight {
 from {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
 @-webkit-keyframes fadeInRightBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes fadeInRightBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
 @-webkit-keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
 @-webkit-keyframes fadeInUpBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes fadeInUpBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
 @-webkit-keyframes fadeOut {
 from {
 opacity: 1;
}
to {
	opacity: 0;
}
}
 @keyframes fadeOut {
 from {
 opacity: 1;
}
to {
	opacity: 0;
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
 @-webkit-keyframes fadeOutDown {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
}
 @keyframes fadeOutDown {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
 @-webkit-keyframes fadeOutDownBig {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0);
}
}
 @keyframes fadeOutDownBig {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
 @-webkit-keyframes fadeOutLeft {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
}
 @keyframes fadeOutLeft {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
 @-webkit-keyframes fadeOutLeftBig {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0);
}
}
 @keyframes fadeOutLeftBig {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
 @-webkit-keyframes fadeOutRight {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
}
 @keyframes fadeOutRight {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
 @-webkit-keyframes fadeOutRightBig {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0);
}
}
 @keyframes fadeOutRightBig {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
 @-webkit-keyframes fadeOutUp {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
}
 @keyframes fadeOutUp {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
 @-webkit-keyframes fadeOutUpBig {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0);
}
}
 @keyframes fadeOutUpBig {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
 @-webkit-keyframes flip {
 from {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 40% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 50% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 80% {
 -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
 transform: perspective(400px) scale3d(.95, .95, .95);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
}
 @keyframes flip {
 from {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 40% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 50% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 80% {
 -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
 transform: perspective(400px) scale3d(.95, .95, .95);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}
 @-webkit-keyframes flipInX {
 from {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
}
}
 @keyframes flipInX {
 from {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
}
}
.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}
 @-webkit-keyframes flipInY {
 from {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
}
}
 @keyframes flipInY {
 from {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
}
}
.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}
 @-webkit-keyframes flipOutX {
 from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
}
to {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	opacity: 0;
}
}
 @keyframes flipOutX {
 from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
}
to {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	opacity: 0;
}
}
.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}
 @-webkit-keyframes flipOutY {
 from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 opacity: 1;
}
to {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	opacity: 0;
}
}
 @keyframes flipOutY {
 from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 opacity: 1;
}
to {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	opacity: 0;
}
}
.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
}
 @-webkit-keyframes lightSpeedIn {
 from {
 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 transform: translate3d(100%, 0, 0) skewX(-30deg);
 opacity: 0;
}
 60% {
 -webkit-transform: skewX(20deg);
 transform: skewX(20deg);
 opacity: 1;
}
 80% {
 -webkit-transform: skewX(-5deg);
 transform: skewX(-5deg);
 opacity: 1;
}
to {
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
 @keyframes lightSpeedIn {
 from {
 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 transform: translate3d(100%, 0, 0) skewX(-30deg);
 opacity: 0;
}
 60% {
 -webkit-transform: skewX(20deg);
 transform: skewX(20deg);
 opacity: 1;
}
 80% {
 -webkit-transform: skewX(-5deg);
 transform: skewX(-5deg);
 opacity: 1;
}
to {
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
 @-webkit-keyframes lightSpeedOut {
 from {
 opacity: 1;
}
to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0;
}
}
 @keyframes lightSpeedOut {
 from {
 opacity: 1;
}
to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0;
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
 @-webkit-keyframes rotateIn {
 from {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
 @keyframes rotateIn {
 from {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}
 @-webkit-keyframes rotateInDownLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
 @keyframes rotateInDownLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
 @-webkit-keyframes rotateInDownRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
 @keyframes rotateInDownRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
 @-webkit-keyframes rotateInUpLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
 @keyframes rotateInUpLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
 @-webkit-keyframes rotateInUpRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -90deg);
 transform: rotate3d(0, 0, 1, -90deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
 @keyframes rotateInUpRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -90deg);
 transform: rotate3d(0, 0, 1, -90deg);
 opacity: 0;
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
 @-webkit-keyframes rotateOut {
 from {
 -webkit-transform-origin: center;
 transform-origin: center;
 opacity: 1;
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, 200deg);
	transform: rotate3d(0, 0, 1, 200deg);
	opacity: 0;
}
}
 @keyframes rotateOut {
 from {
 -webkit-transform-origin: center;
 transform-origin: center;
 opacity: 1;
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, 200deg);
	transform: rotate3d(0, 0, 1, 200deg);
	opacity: 0;
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}
 @-webkit-keyframes rotateOutDownLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0;
}
}
 @keyframes rotateOutDownLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0;
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
 @-webkit-keyframes rotateOutDownRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0;
}
}
 @keyframes rotateOutDownRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0;
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
 @-webkit-keyframes rotateOutUpLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0;
}
}
 @keyframes rotateOutUpLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0;
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
 @-webkit-keyframes rotateOutUpRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 90deg);
	transform: rotate3d(0, 0, 1, 90deg);
	opacity: 0;
}
}
 @keyframes rotateOutUpRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 90deg);
	transform: rotate3d(0, 0, 1, 90deg);
	opacity: 0;
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
 @-webkit-keyframes hinge {
 0% {
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 20%, 60% {
 -webkit-transform: rotate3d(0, 0, 1, 80deg);
 transform: rotate3d(0, 0, 1, 80deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 40%, 80% {
 -webkit-transform: rotate3d(0, 0, 1, 60deg);
 transform: rotate3d(0, 0, 1, 60deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 opacity: 1;
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0;
}
}
 @keyframes hinge {
 0% {
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 20%, 60% {
 -webkit-transform: rotate3d(0, 0, 1, 80deg);
 transform: rotate3d(0, 0, 1, 80deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 40%, 80% {
 -webkit-transform: rotate3d(0, 0, 1, 60deg);
 transform: rotate3d(0, 0, 1, 60deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 opacity: 1;
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0;
}
}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes rollIn {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
 @keyframes rollOut {
 from {
 opacity: 1;
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}
 @-webkit-keyframes zoomIn {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 50% {
 opacity: 1;
}
}
 @keyframes zoomIn {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 50% {
 opacity: 1;
}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
 @-webkit-keyframes zoomInDown {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
 @keyframes zoomInDown {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}
 @-webkit-keyframes zoomInLeft {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
 @keyframes zoomInLeft {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}
 @-webkit-keyframes zoomInRight {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
 @keyframes zoomInRight {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
}
 @-webkit-keyframes zoomInUp {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
 @keyframes zoomInUp {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}
 @-webkit-keyframes zoomOut {
 from {
 opacity: 1;
}
 50% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
to {
	opacity: 0;
}
}
 @keyframes zoomOut {
 from {
 opacity: 1;
}
 50% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
to {
	opacity: 0;
}
}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}
 @-webkit-keyframes zoomOutDown {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
 @keyframes zoomOutDown {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
}
 @-webkit-keyframes zoomOutLeft {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	transform: scale(.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	transform-origin: left center;
}
}
 @keyframes zoomOutLeft {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	transform: scale(.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	transform-origin: left center;
}
}
.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
}
 @-webkit-keyframes zoomOutRight {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	transform: scale(.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	transform-origin: right center;
}
}
 @keyframes zoomOutRight {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	transform: scale(.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	transform-origin: right center;
}
}
.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
}
 @-webkit-keyframes zoomOutUp {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
 @keyframes zoomOutUp {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
}
 @-webkit-keyframes slideInDown {
 from {
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 visibility: visible;
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
 @keyframes slideInDown {
 from {
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 visibility: visible;
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}
 @-webkit-keyframes slideInLeft {
 from {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
 visibility: visible;
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
 @keyframes slideInLeft {
 from {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
 visibility: visible;
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}
 @-webkit-keyframes slideInRight {
 from {
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 visibility: visible;
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
 @keyframes slideInRight {
 from {
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 visibility: visible;
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}
 @-webkit-keyframes slideInUp {
 from {
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
 visibility: visible;
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
 @keyframes slideInUp {
 from {
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
 visibility: visible;
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}
 @-webkit-keyframes slideOutDown {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
}
 @keyframes slideOutDown {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}
 @-webkit-keyframes slideOutLeft {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
}
 @keyframes slideOutLeft {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}
 @-webkit-keyframes slideOutRight {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
}
 @keyframes slideOutRight {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}
 @-webkit-keyframes slideOutUp {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
}
 @keyframes slideOutUp {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}