/*
Theme Name: ArkaHost Child
Template: arkahost
Theme URI: http://arkahost.com/
Description: ***
Author: King-Theme
Author URI: http://king-theme.com
Version: 5.1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-menu, editor-style, featured-images, post-formats, sticky-post, translation-ready
*/

  
/* To resolve error: Not enough storage in IE9 */
@import url("core/assets/css/font-awesome.min.css");
@import url("core/assets/css/simple-line-icons.css");
@import url("core/assets/css/etlinefont.css");
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('core/assets/fonts/glyphicons-halflings-regular.eot');
  src: url('core/assets/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('core/assets/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('core/assets/fonts/glyphicons-halflings-regular.woff') format('woff'), url('core/assets/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('core/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


/*-------------------------------------------------------
[Table of contents]

1. Header
	+ logo
	+ top navigation
	+ search
	
2. Content
	+ feature sections
	+ page title
	+ parallax backgrounds
	+ video backgrounds
	
3. Sidebar
	+ site search
	+ tabs
	+ portfolio widgets
	+ advertisements

3. Typography
	+ lists
	+ buttons
	+ styled boxes
	+ dropcaps
	+ highlight colors
	+ tables
	+ pricing tables
	+ framed boxes
	+ pagination
	
4. Footer
	+ copyrights
	+ google map
	
--------------------------------------------------------*/ 
    
html{
	overflow-x: hidden;
	background: #fafafa;
}
@media (max-width: 992px){
	[class*="col-md-"] [class*="col-md-"] {
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media (min-width: 992px){
	[class*="col-md-"] [class*="col-md-"]:first-child {
		padding-left: 0px;
	}	
	[class*="col-md-"] [class*="col-md-"]:last-child {
		padding-right: 0px;
	}
}	
:focus {
	outline: none 0px;
}

ol, ul {
	list-style: none outside none;
}

blockquote::before, blockquote::after, q::before, q::after {
}

blockquote, q {
}

a img {
	border: 0px none;
}

article, .widget, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body{
	background-color: #f0f0f0;
    background-attachment: fixed;
}

body code {
	display: inline-block;
	white-space: normal;
}
.container-fluid{
	/*padding-left: 0px;
	padding-right: 0px;*/
}
.full-width {
	min-width: 100%;
	max-width: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.full-width.layout-boxed{
	min-width: 0px;
}
.layout-boxed .wpb_revslider_element{
	width: 100%;
	overflow:hidden;
}
html body .layout-boxed .rowlevelone.limit-width {
	margin: 0px auto !important;
	padding: 0 18px;
}



/******************************/


@media only screen and (min-width: 320px) and (max-width: 539px){
.heigh-mob {
    display: none;
}
.top_nav{
height: 45px;
min-height: 45px;
}
.top_nav .left{
float: left;
width: 30%;
padding: 4px 0px 12px 0px;
}

.top_nav ul.tplinks {
    float: right;
    padding: 5px 0 0 0;
    margin: 0px 0px 0px 0px; 
}
.top_nav strong {
    font-size: 16px !important;
}
.tpbut{
margin-top: 3px;
}

.header{
top: 60px !important;
height: 80px;
padding-top:0;
}

.margin_bottom11 {
   margin-bottom: 62px !important;
}



.copyrights{
margin-bottom: -24px !important;
height: auto !important;
background: #213B7C !important;
padding: 9px 0px 0px 0px !important;
color: #fff !important;
font-size: 11px !important;
}
.footer .ftop .right {
    width: 100% !important;
}

.footer .ftop .right .newsle_eminput {
    width: 100% !important;
}
.footer .ftop .right .input_submit {
    margin-top: 10px;
    width: 100%;   
    margin-left: 0 !important;
}
.footer .ftop {
    background: #3183D7 !important;
    padding-bottom: 0 !important;
}
.footer .ftop .left h1 {
    color: #fff !important;
    margin-bottom: 0!important;
}
.footer .ftop .right p{
text-align: center;
}
.footer .secarea aside.widget{
margin-bottom: 0px !important;
}

.domain_search .serch_area .enter_email_input {
    width: 77% !important;
}

.feature_section7 .one_fifth_less{
  border: 2px solid #fff !important;
  border-radius: 0px !important;
  background: #d8d8d8 !important;
  padding: 10px 0px 0px 0px !important;
  width: 46% !important;
  margin: 5px !important;
  height: 153px !important;
}

.feature_section7 {
    padding: 0px 0px 0px 0px !important;
}

.mmm {
    margin-right: 5px !important;
}
.margin_top3{
margin-top: 0px !important;
}
one_fifth_less{
color: #2a363f !important;
}
one_fifth_less:hover{
color: #2a363f !important;
}
.wpb_wrapper{
  color: #2a363f !important;
}
.wpb_wrapper:hover{
  color: #2a363f !important;
}
.wpb_wrapper h5{
 color: #2a363f !important;
}
.wpb_wrapper h5:hover{
  color: #2a363f !important;
}
.wpb_wrapper h5 i{
  color: #2a363f !important;
}
.wpb_wrapper h5 i:hover{
  color: #2a363f !important;
}
.domain_search .offers li {
    border-top: 0px solid #666 !important;
    border-bottom: 0px solid #666 !important;
    padding: 15px 0 7px 0px !important;
    width: 50% !important;
    font-size: 25px !important;
}

.domain_search .offers li:first-child {
    float: left;
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-left: 0px solid #666 !important;
    border-top: 0px solid #666 !important;
}
.domain_search .offers li:last-child{
	padding-top: 15px !important;
	padding-bottom: 20px !important;
	float: left !important;
	margin-left: 55px !important;
}
.pritable .pacdetails{
border-right: 1px solid #acacac !important;
border-bottom: 1px solid #acacac !important;
border-left: 1px solid #acacac !important;
box-shadow: 0px -5px 0px #4A83D7 !important;
width: 100% !important;
margin-right: 10px !important;
margin-bottom: 50px !important;
}

.domain_search .serch_area{
border-bottom: 1px solid #666 !important;
padding: 40px 0px 45px 0px !important;
}

	.top_nav .tplinks li:nth-child(2n){
		display:none;
	}
#footer_column-1 {
    text-align: center !important;
}
#footer_column-2 {
    text-align: center !important;
}
#footer_column-3 {
    text-align: center !important;
}
#footer_column-4 {
    text-align: center !important;
}
.address {
    text-align: center !important;
}
.footer ul.foosocial{
	    margin: 8px 0px 0px 49px !important;	
}
.vc_custom_1510815337694.vc_custom_1510815337694 {
    margin-top: 60px !important;
}
	body .one_fifth_less {
    width: 45% !important;
	margin: 0 2.5% !important;
	margin-bottom: 20px !important;
}

}

@media only screen and (min-width: 540px) and (max-width: 768px){
	.heigh-mob {
    display: none;
}
.top_nav{
height: 45px;
min-height: 45px;
}
.top_nav .left{
float: left;
width: 30%;
padding: 4px 0px 12px 0px;
}

.top_nav ul.tplinks {
    float: right;
    padding: 5px 0 0 0;
    margin: 0px 0px 0px 0px; 
}

.tpbut{
margin-top: 3px;
}

.header{
top: 90px !important;
height: 80px;
padding-top:0;
}

.margin_bottom11 {
    margin-bottom: 62px !important;
}

#footer_column-4 h3 {
    text-align: left !important;
}

.footer ul.foosocial{
float: left !important;
}

.copyrights{
margin-bottom: -24px !important;
height: auto !important;
background: #213B7C !important;
padding: 5px 0px 0px 0px !important;
color: #fff !important;
font-size: 11px !important;
}
.footer .ftop .right {
    width: 100% !important;
}

.footer .ftop .right .newsle_eminput {
    width: 100% !important;
}
.footer .ftop .right .input_submit {
    margin-top: 10px;
    width: 100%;   
    margin-left: 0 !important;
}
.footer .ftop {
    background: #3183D7 !important;
    padding-bottom: 0 !important;
}
.footer .ftop .left h1 {
    color: #fff !important;
    margin-bottom: 0!important;
}
.footer .ftop .right p{
text-align: center;
}
.footer .secarea aside.widget{
margin-bottom: 0px !important;
}

.domain_search .serch_area .enter_email_input {
        width: 65.2% !important;
}

.feature_section7 .one_fifth_less{
	border: 2px solid #fff !important;
    border-radius: 0px !important;
    background: #d8d8d8 !important;
    padding: 10px 0px 10px 0px !important;
    width: 30% !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
	    height: 153px !important;
}

.feature_section7 {
    padding: 0px 0px 30px 0px !important;
}

.mmm {
    margin-right: 5px !important;
}
.margin_top3{
margin-top: 0px !important;
}
one_fifth_less{
color: #2a363f !important;
}
one_fifth_less:hover{
color: #2a363f !important;
}
.wpb_wrapper{
  color: #2a363f !important;
}
.wpb_wrapper:hover{
  color: #2a363f !important;
}
.wpb_wrapper h5{
 color: #2a363f !important;
}
.wpb_wrapper h5:hover{
  color: #2a363f !important;
}
.wpb_wrapper h5 i{
  color: #2a363f !important;
}
.wpb_wrapper h5 i:hover{
  color: #2a363f !important;
}
.host_plans .one_fourth_less{
width:48% !important;
}
.feature_section1 .one_third{
    width: 30% !important;
}
.king-elements{
    height: 250px !important;
}
.one_third .king-elements-inner {
    text-align: center;
}
.feature_section1 i{
float: none !important;
}
.margin_top4{
margin-top: 20px !important;
}
.domain_search .offers li {
 	border-left: 0px solid #1d262c !important;
    border-right: 0px solid #3f3f3f !important;
    border-top: 0px solid #666 !important;
    border-bottom: 0px solid #666 !important;
    padding: 20px 0 8px 0px !important;
    width: 30% !important;
    font-size: 24px !important;
	text-align: center;
}

.domain_search .offers li:first-child {
    float: left;
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-left: 0px solid #666 !important;
    border-top: 0px solid #666 !important;
}
.domain_search .offers li:last-child{
	padding-top: 15px !important;
}
.pritable .pacdetails{
border-right: 1px solid #acacac !important;
border-bottom: 1px solid #acacac !important;
border-left: 1px solid #acacac !important;
box-shadow: 0px -5px 0px #4A83D7 !important;
width: 48% !important;
margin-right: 10px !important;
margin-bottom: 50px !important;
}
.domain_search .serch_area{
border-bottom: 1px solid #666 !important;
padding: 35px 0px 45px 0px !important;
}
	.top_nav .tplinks li:nth-child(2n){
		display:none;
	}
	body .one_fifth_less {
    width: 45% !important;
	margin: 0 2.5% !important;
	margin-bottom: 20px !important;
}
	
}


@media only screen and (min-width: 769px) and (max-width: 1080px) {
	.heigh-mob {
    display: inline-flex;
}

.tp-rightarrow.tparrows.uranus {
    left: 108% !important;
}
.top_nav{
height: 35px;
min-height: 35px!important;
}
.top_nav .left{
float: left;
width: 30%;
padding: 4px 0px 12px 0px!important;
}

.top_nav ul.tplinks {
    float: right !important;
    padding: 5px 0 0 0!important;
    margin: 0px 0px 0px 0px!important; 
}

.tpbut{
margin-top: 3px!important;
}

.header{
top: 35px!important;
height: 75px!important;
padding-top:5px!important;
}

.margin_bottom11 {
    margin-bottom: 75px!important;
}

#footer_column-4 h3{
text-align: right !important;
}

.footer ul.foosocial {
    float: right !important;
    width: auto !important;
}
.copyrights{
float: left;
width: 100%;
background: #213B7C !important;
padding: 5px 0px 0px 0px !important;
color: #fff !important;
font-size: 13px;
margin: 0;
margin-bottom: -24px;
height: 35px !important;
}
.footer .ftop .right{
width: 48% !important;
}
.footer .ftop .right .newsle_eminput{
width: 62% !important;
}
.footer .ftop .right .input_submit {
    margin-top: 0px;
    width: auto;   
    margin-left: 12px;
}
.footer .ftop{
background: #3183D7 !important;
padding-bottom: 60px !important;
}
.footer .ftop .left h1{
 color: #fff !important;
 margin-bottom: 30px !important;
}
.footer .ftop .right p{
text-align: left;
}
.footer .secarea aside.widget{
margin-bottom: 25px !important;
}

.domain_search .serch_area .enter_email_input{
    width: 70% !important;
}

.feature_section7 .one_fifth_less{
 	 border: 2px solid #fff !important;
    border-radius: 0px !important;
    background: #d8d8d8 !important;
    padding: 10px 0px 10px 0px !important;
    width: 30% !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}

.feature_section7 {
    padding: 0px 0px 50px 0px !important;
}

.mmm {
    margin-right: 10px !important;
}
.margin_top3{
margin-top: 30px !important;
}
one_fifth_less{
color: #2a363f !important;
}
one_fifth_less:hover{
color: #2a363f !important;
}
.wpb_wrapper{
  color: #2a363f !important;
}
.wpb_wrapper:hover{
  color: #2a363f !important;
}
.wpb_wrapper h5{
 color: #2a363f !important;
}
.wpb_wrapper h5:hover{
  color: #2a363f !important;
}
.wpb_wrapper h5 i{
  color: #2a363f !important;
}
.wpb_wrapper h5 i:hover{
  color: #2a363f !important;
}
.host_plans .one_fourth_less{
width:48% !important;
margin-right: 10px !important;
}

.domain_search .offers li{
border-left: 1px solid #666 !important;
border-right: 1px solid #666 !important;
padding: 30px 22px 35px 21px !important;

}

.domain_search .offers li:first-child{
float: left;
padding-left: 0px !important;
padding-right: 35px !important;
border-left: 0px solid #666 !important;
}
.domain_search .offers li:last-child{
	padding-top: 30px !important;
}
.pritable .pacdetails{
border-right: 1px solid #acacac !important;
border-bottom: 1px solid #acacac !important;
border-left: 1px solid #acacac !important;
box-shadow: 0px -5px 0px #4A83D7 !important;
width: 24% !important;
margin-right: 10px !important;
}

.domain_search .serch_area{
border-bottom: 1px solid #666 !important;
padding: 60px 0px 45px 0px !important;
}
	body .one_fifth_less {
    width: 15% !important;
}

}

@media only screen and (min-width: 1080px) and (max-width: 2000px) {
	.heigh-mob {
    display: inline-flex;
}
.top_nav{
height: 35px;
min-height: 35px!important;
}
.top_nav .left{
float: left;
width: 30%;
padding: 5px 0px 12px 0px!important;
}

.top_nav ul.tplinks {
    float: right !important;
    padding: 9px 0 0 0!important;
    margin: 0px 0px 0px 0px!important; 
}

.tpbut{
margin-top: 7px!important;
}

.header{
top: 35px!important;
height: 79px!important;
padding-top:5px!important;
}

.margin_bottom11 {
    margin-bottom: 75px!important;
}

#footer_column-4 h3{
text-align: right !important;
}

.footer ul.foosocial {
    float: right !important;
    width: auto !important;
}
.copyrights{
float: left;
width: 100%;
background: #213B7C !important;
padding: 10px 0px 0px 0px !important;
color: #fff !important;
font-size: 13px;
margin: 0;
margin-bottom: -24px;
height: 35px !important;
}
.footer .ftop .right{
width: 48% !important;
}
.footer .ftop .right .newsle_eminput{
width: 76% !important;
}
.footer .ftop .right .input_submit {
    margin-top: 0px;
    width: auto;   
    margin-left: 12px;
}
.footer .ftop{
background: #3183D7 !important;
padding-bottom: 60px !important;
}
.footer .ftop .left h1{
 color: #fff !important;
 margin-bottom: 30px !important;
}
.footer .ftop .right p{
text-align: left;
}
.footer .secarea aside.widget{
margin-bottom: 25px !important;
}

.domain_search .serch_area .enter_email_input{
    width: 56% !important;
}

.feature_section7 .one_fifth_less{
  border: 2px solid #fff !important;
  border-radius: 0px !important;
  background: #d8d8d8 !important;
  padding: 10px 0px 10px 0px !important;
  width: 15% !important;
}

.feature_section7 {
    padding: 0px 0px 50px 0px !important;
}

.mmm {
    margin-right: 10px !important;
}
.margin_top3{
margin-top: 30px !important;
}
one_fifth_less{
color: #2a363f !important;
}
one_fifth_less:hover{
color: #2a363f !important;
}
.wpb_wrapper,.yrm-content{
  color: #2a363f !important;
}
.wpb_wrapper:hover{
  color: #2a363f !important;
}
.wpb_wrapper h5{
 color: #2a363f !important;
}
.wpb_wrapper h5:hover{
  color: #2a363f !important;
}
.wpb_wrapper h5 i{
  color: #2a363f !important;
}
.wpb_wrapper h5 i:hover{
  color: #2a363f !important;
}
.domain_search .offers li{
border-left: 1px solid #666 !important;
border-right: 1px solid #666 !important;
padding: 30px 21px 35px 21px !important;
}

.domain_search .offers li:first-child{
float: left;
padding-left: 0px !important;
padding-right: 21px !important;
border-left: 0px solid #666 !important;
}
.domain_search .offers li:last-child{
	padding-top: 41px !important;
    padding-bottom: 41px !important;
}
.pritable .pacdetails{
border-right: 1px solid #acacac !important;
border-bottom: 1px solid #acacac !important;
border-left: 1px solid #acacac !important;
box-shadow: 0px -5px 0px #4A83D7 !important;
width: 24% !important;
margin-right: 10px !important;
}
.domain_search .serch_area{
border-bottom: 1px solid #666 !important;
padding: 60px 0px 45px 0px !important;
}
.top_nav .tplinks li:nth-child(1n){
		margin-right: 15px !important;
	}
	body .one_fifth_less {
    width: 15% !important;
}
	.top_nav .tplinks li img{
	    margin-top: 2px !important;
}
}

#logo{
margin-top: 5px !important;
}

#king-mainmenu{
margin-top: 2px !important;
}
.page_title1 {
  padding: 70px 0 30px !important;
}
.page_title1 h1 {
  line-height: 50px !important;
  text-align: center !important;
}

.page_title1 .pagenation {
  margin-bottom: 10px !important;
}

.pricing-layout-1:hover{
transform: none !important;
}

.pricing-layout-2:hover{
transform: none !important;
}


.footer .secarea {
    padding: 35px 0px 0px 0px !important;
}


.footer ul.foosocial li:last-child {
  margin-right: 0 !important;
}

.host_plans .planbox li{
      padding: 6px 0px !important;
}

.host_plans .planbox ul{
         margin: 0px 0px 0px 0px !important;
}

.host_plans .planbox .title{
      padding: 10px 0px 10px 0px !important;
      background: #213B7C !important;
}

.title h4{
    margin-bottom: 0px !important;
    color: #fff !important;
}

.host_plans .planbox li{
     border-bottom: 1px solid #dedede !important;
	 padding: 10px 0px !important;
     font-size: 14px;
}

.host_plans .planbox.highlight .prices::before{
   border-top: 21px solid #ffffff  !important;
 
}
.host_plans .planbox .prices::before{
    border-top: 21px solid #ffffff !important;
    
}


.host_plans .planbox .prices{
   background: #3183D7 !important;
}

.host_plans .planbox .prices a{
     color: #3183D7 !important;
}

.host_plans .planbox .prices a:hover{
      color: #fff !important;
    background: #86C724 !important;
}

.top_nav{
  background: #213B7C !important;
}

.top_nav .topsocial li{
background: #3183D7 !important;
}

.top_nav strong i{
    background: #3183D7 !important;
	height: 23px !important;
	line-height: 25px !important;
	width: 22px !important;
	font-size: 16px !important;
}

.domain_search .serch_area .input_submit{
  float: right !important;
}

.tpbut{
 background: #3183D7 !important;
}

.tpbut i{
   color: #fff !important;
}

.tpbut:hover {
 background: #86C724 !important;
}

.pricing-layout-2 .planbox .price_des li:nth-child(6){
    color: #2a363f !important;
}

.pricing-layout-2 .planbox .price_des li:nth-child(7){
    color: #2a363f !important;
}

 .pricing-layout-1 .planbox  .price_des li:nth-child(6) {
    color: #0F9D58 !important;
}

.pricing-layout-1 .planbox .price_des li:nth-child(7) {
    color: #0F9D58 !important;
}

.pricing-layout-1{
 transition:none !important;
}

.pricing-layout-3{
 transition:none !important;
}
.pricing-layout-3:hover{
transform: none !important;
}

.margin_top2{
  margin-top: 20 !important;
}



.pritable .pacdetails .title{
 border-bottom: 5px solid #dedede !important;
 margin-bottom: 5px !important;
 padding: 15px 0px 30px 0px !important;
}

.pritable .pacdetails li{
border-bottom: 1px solid #dedede;
padding: 8px !important;
margin: 0 !important;
}

.pritable .pacdetails .bottom{
margin-top: 0px !important;
border-top: 0px solid #eee !important;
}

.pritable .pacdetails .title h2{
color: #3183D7 !important;
}

.host_plans .planbox.highlight .hiimg{
    top: -21px !important;
}

.host_plans .planbox .prices{
margin-bottom: 8px !important;
padding: 18px 0px 22px 0px !important;
}

.compact .header{
    top: 0 !important;
}


.aliright{
text-align: left;
}
.copyrights a{
color: #fff !important; 
}
.copyrights a:hover{
color: #B0B0B0 !important; 
}


.host_plans .planbox .prices b{
margin-bottom: 14px !important;
}


.footer .ftop .right{
margin-top: 20px !important;
}

.footer .ftop .left{
text-align: left !important;
}

.footer .ftop .right .input_submit{
background-color: #8CC63E !important;
}

.footer .secarea h3.widget-title{
color: #8CC63E !important;
}
.footer .foolist li a{
color: #fff !important;
 font-size: 14px !important;
}

.footer .secarea .address{
color: #fff !important;
	font-size: 14px !important;
	line-height: 1.5;
}

.footer .secarea .address b{
font-weight: bold !important;
}



.domain_search .serch_area h5{
color: #fff !important;
}

.wpb_row h1{
    margin-top: 33px !important;   
    margin-bottom: 30px !important;
}

.vc_custom_1453129503877{
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.feature_section10 .box{
border: 2px solid #b2b2b2 !important;
border-radius: 5px !important;
float: left;
padding: 0 0 0px !important;
width: 100%;
background: #f1f2f3 !important;
}

.feature_section10 .box h1{
margin-top: 5px !important;
}

.wpb_wrapper{
margin-top: 0px !important;
}

.wpb_wrapper h1 em{
color:#2A363F !important;
margin-bottom: 20px;
font-weight: bold;
}

.host_plans{
padding: 63px 0px !important;
}

.feature_section107{
    padding: 20px 0px 20px 0px !important;
    margin-top: 15px !important;
}

.feature_section1{
    padding: 50px 0px 90px 0px !important;
}
.vc_custom_1456768379836{
padding-bottom: 0px !important;
}

.parallax_section1{
padding: 50px 0px 70px 0px !important;
}

.domain_search .offers li:last-child{
padding-right: 0 !important;
float: right;
border-right: 0px solid #000002 !important;
padding-left: 18px !important;
}

.domain_search .offers li small {
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal !important;
    margin: 0;
    margin-bottom: 0px;
    float: right !important;
}



.vc_custom_1453129370860 .wpb_wrapper h1{
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.vc_custom_1452770018200 .wpb_wrapper h1{
margin-top: 20px !important;
margin-bottom: 15px !important;
}

.vc_custom_1452769860565 .wpb_wrapper h1{
margin-top: 30px !important;
margin-bottom: 0px !important;
}

.stcode_title11 h1{
margin-top: 30px !important;
margin-bottom: 30px !important;
}


.vc_custom_1452957150418 .wpb_wrapper h1{
margin-top: 30px !important;
margin-bottom: 30px !important;
}

#king-760277 .wpb_wrapper h1{
margin-top: 30px !important;
margin-bottom: 30px !important;
}

.price{
margin-bottom: 30px !important;
}

.vc_custom_1452965692332{
padding-top: 30px !important;
}

.page_title1 .container > h1{
font-size: 44px !important;
}



.navbar-default .navbar-nav > li > a{
font-weight: bold !important;
}

.vc_custom_1509185336999 h1{
margin-bottom: 0px !important;
}
.wpb_wrapper p{

}

.pricing-tables .title{
background-color: #213B7C !important;
border-top: 0px solid #272727 !important;
border-bottom: 0px solid #818181 !important;
}

.pricing-tables .price{
background-color: #3183D7 !important;
}
.but_small3{
padding-right: 25px !important;
padding-left: 25px !important;
}
.but_small3.gray{
background-color: #3183d7 !important;
}

.but_small3.gray:hover{
color: #3183d7 !important;
background: #fff !important;
}

.stcode_title11 .hhh{
margin-bottom: 10px !important;
}

.pritable .pacdetails .bottom a{
background: #3183D7 !important;
color: #fff !important;
}
.pritable .pacdetails .bottom a:hover{
background: #DEDEDE !important;
color: #3183D7 !important;
}

.wpb_wrapper .hig{
margin-top: 10px !important;
margin-bottom: 10px !important;
}

.pricing-tables .ordernow .but_small3 span i{
display: none !important;
}
.pricing-tables{
margin-right: 10px !important;
}


.mar2{
margin-right:0px !important;
}
.btn{
margin-left: 10px;
min-width: 70px;
padding: 0px 3px 2px 3px;
}
.btn a{
color:#fff;
}

.fether{
background: #fff;
padding: 20px;
margin: 10px;
border: 1px solid #CCCCCC;
}

#mytable,
        #mytable td {
            border: 1px solid #ccc;
			background: #fff;
        }

        #mytable td {

            padding: 10px 15px;
            line-height: 35px;

        }

        .titled-logo {
            background: url(
) no-repeat;
            background-position: 9px 1px;
            display: block;
            padding-left: 49px;

        }
.bg-primary{
    background: #233C7D;
    color: #fff;
}
.btn-success{
    background: #3399FF;
}
.feat-img{
	padding: 20px;
	margin: 0 0 20px 20px !important;
	border: 1px solid #999;
	background: #F0F0F0;
}
.feat-img:hover{
box-shadow: 3px 3px 3px #999;
}
.feat-img img{
	margin-right: 50px !important;
}

.loc-img img {
    border-radius: 3px;
    margin-right: 30px !important;
}
.bg-pri{
background: #00ADEF;
color: #fff;
border-radius: 3px;
padding: 3px;
}

.vc_message_box{
margin: 0 0 3.74px !important;
padding: 4px 3px 4px 30px !important;
}
.king-tabs-pane{
	padding: 3% 3% 3% 3% !important;
}
.vc_message_box-icon i{
font-size: 18px !important;
left: 12px !important;
top: 14px !important;
}
.vc_color-info.vc_message_box {
    color: #395A71 !important;
    border-color: #cfebfe !important;
    background-color: #eafdff !important;
}

.white{
color:#3183D7 !important;
}

.img-dedi{
padding: 10px;
background: #f6f6f6;
border: 1px solid #CCCCCC;
}

#king-145666 {
    background: #CECECE !important;
    padding: 40px 0 !important;
}

.fa.fa-phone {
    margin-top: -3px;
}

.wpb_wrapper .sitecolor{
	color: #3183d7 !important;
}

.wpb_wrapper .sitecolor:hover{
	color: #3183d7 !important;
}

h5 em{
    font-weight: bold !important;
}

.feature_section14_elm .one_half p {
    text-align: justify;
	
}



.f-color .feature_section14_elm .one_half:hover{
	color:#fff;
}

h1.sitecolor {
    margin-bottom: 0 !IMPORTANT;
}

.box h1{
	margin-bottom: 0 !IMPORTANT;
}

.blog_postcontent .feature_section9{
	padding: 0px 0px 0px 0px !important;
}



.blog_postcontent .parallax{
	    padding: 50px 0px 65px 0px !important;
}

.vc_color-info.vc_message_box .vc_message_box-icon {
    color: #56b0ee;
    margin-top: 3px !important;
}

.page_title1.sty7 {
    background-color: #00004d !important;
	padding-bottom: 50px !important;
}
.molinks{
	display: none !important;
}

.content-result strong.domain-available {
    color: #fff !important;
}

.dom-h1.wpb_column.vc_column_container.wpb_column.vc_column_container.vc_col-sm-12 h1 em {
    color: #fff !important;
}

.dom-h1.wpb_column.vc_column_container.wpb_column.vc_column_container.vc_col-sm-12 h1 {
    color: #fff !important;
}

.feature_section11{
	    padding: 0px 0px 0px 0px !important;
}

.textwidget P {
    margin-bottom: 9px !important;
}

.feature_section10{
	    padding: 50px 0 45px !important;
}

.vc_icon_element{
	     margin-bottom: 0 !important;
}
h5.rsl {
    font-size: 24px;
    color: #3183D7 !important;
}

.wpb_column.vc_column_container.wpb_column.vc_column_container.vc_col-sm-2.new-circle {
    border: 1px solid #3183D7;
    padding: 30px 10px 30px 10px;
    border-radius: 100%;
    margin: 10px;
	box-shadow: 0 10px 15px -3px #3183D7;
}
.wpb_column.vc_column_container.wpb_column.vc_column_container.vc_col-sm-2.new-circle:hover{
	background: #3183D7;
	transition: background-color .5s ease-out;
	box-shadow: 0 10px 20px -2px #3183D7;

}
.wpb_column.vc_column_container.wpb_column.vc_column_container.vc_col-sm-2.new-circle:hover h5.rsl{
	color:#fff !important;
}
.wpb_column.vc_column_container.wpb_column.vc_column_container.vc_col-sm-2.new-circle:hover .vc_icon_element-icon{
	color:#fff !important;
}

.vc_col-sm-2.new-circle {
    width: 14.666667% !important;
}
/*******************************/

.noanimate{
	-webkit-animation-name: none !important;
	animation-name: none !important;
}
.alignleft {
	display: inline;
	float: left;
	text-align: left;
}
img.alignleft {
	margin-right: 18px;
}
.alignright {
	display: inline;
	float: right;
	text-align:right;
}
img.alignright {
	margin-left: 18px;
}
.aligncenter {
	text-align: center;
}

a.more-link {
	margin: 0px 0px 10px;
}
caption{
	text-align: left;
}
pre {
	background-image: none;
	background-attachment: scroll;
	background-color: rgb(244, 244, 244);
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}

code, kbd, samp, var {
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: normal;
	font-family: Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
}

abbr, acronym, dfn {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(102, 102, 102);
	cursor: help;
}

address {
	display: block;
	margin: 0px 0px 1.625em;
}

.execphpwidget{
	float: left;
	width: 100%;
}
.assistive-text {
	clip: rect(1px 1px 1px 1px);
	position: absolute !important;
}
.hentry, .no-results {
	clear: both;
}
.page.type-page {
	
}

img.sizefullwidth {
	margin: 10px 0px 20px;
	width: 99.5% !important;
}

body.search .hentry {
	padding-bottom: 10px;
}

.hentry:last-child, .no-results {
	border-bottom-width: medium;
	border-bottom-style: none;
}

.page-link span {
	margin-right: 6px;
}

.layout-boxed{
	margin: 0px auto;
	background: #fff;
	display: inline-block;
	text-align: left;
	transition: all 500ms ease-out;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}

html body .layout-boxed .full{
	margin: 0px !important;
}
.layout-boxed .footer1{
	padding-bottom: 10px;
}
.layout-boxed .widget .container{
	width: auto;
}
.entry-meta .edit-link a, .commentlist .edit-link a {
	color: rgb(102, 102, 102);
	float: right;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.5em;
	padding: 3px 10px;
}

.entry-meta .edit-link a:hover, .commentlist .edit-link a:hover {
	color: rgb(255, 255, 255);
}

.entry-content .edit-link {
	clear: both;
	display: block;
}

.entry-content img, .comment-content img, .widget img {
	max-width: 100%;
	max-height: 100%;
}
.entry-content .ls-container img{
	max-height: inherit;
	max-width: inherit;
}
.imgframe5 img{
	border: none !important;
	background-color: #fff; 
}
.widget .ls-wp-container img{
	max-width: inherit;
	max-height: inherit;	
}
.ls-wp-container{
	float: left;
}
.widget_contents-component img{	
	border: 1px solid rgba(0,0,0,0.05);
}

img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
	height: auto;
}

img.size-full, img.size-large {
	max-width: 100%;
	width: auto;
	height: auto;
}

.entry-content img.wp-smiley {
	border: medium none;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
}

img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 1.625em;
}

p img, .wp-caption {
	margin-top: 0.4em;
}

.wp-caption {
	background-image: none;
	background-attachment: scroll;
	background-color: rgb(238, 238, 238);
	margin-bottom: 1.625em;
	max-width: 100%;
	padding: 9px;
	margin-right: 18px;
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}

.wp-caption img {
	display: block;
	margin: 0px auto;
	max-width: 100%;
}

.wp-caption .wp-caption-text, .gallery-caption {
	color: rgb(102, 102, 102);
	font-family: Georgia, serif;
	font-size: 12px;
}

.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 10px 5px 10px;
	position: relative;
	text-align: center;
}

.wp-caption .wp-caption-text::before {
	color: rgb(102, 102, 102);
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}

ul#links404 {
	list-style: inherit;
	margin-left: 20px;
}

ul#links404 li {
	line-height: 25px;
}

.wp-caption img {
	border-color: rgb(238, 238, 238);
}

.rssicon {
	height: 20px;
	width: 20px;
	margin-top: 15px;
	background-repeat: no-repeat no-repeat;
}
embed, iframe, object {
	max-width: 100%;
}

.post-password-required .entry-header .comments-link {
	margin: 1.625em 0px 0px;
}

.post-password-required input[type="password"] {
	margin: 0.8125em 0px;
}

.post-password-required input[type="password"]:focus {
	background-image: none;
	background-attachment: scroll;
	background-color: rgb(247, 247, 247);
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}
#author-info {
	font-size: 12px;
	overflow: hidden;
}

header.entry-header {
	text-align: left;
	display: inline-block;
	width: 100%;
	margin: 15px 0 0px;
	padding: 0 0px;
}
li.ext-nav,.minicart-li{
	position: relative !important;
	z-index: 1000000;
}
li.ext-nav>a{
	padding-right: 18px;
	padding-left: 13px;
}
li.ext-nav i{
	margin-top: 5px;
	transition: all 350ms;
	font-size: 15px;
	font-weight: 600;
	display: inherit;
}
li.ext-nav:hover i,.minicart-li:hover i{
	transform: scale(1.2);
}
li.ext-nav>ul,.minicart-li>ul{
	border: none;
	top: 29px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: transparent;
	right: 0px;
	left: inherit !important;
	box-shadow: none;
	position: absolute;
	padding-bottom: 0px;
}
.minicart-li>ul {
    top: 100%;
    margin-top: -5px;
}
.minicart-li>ul .minicart-wrp{
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
}
.minicart-li:hover>ul{
	display: block;
}
.minicart-li .total strong{
	color: #555;
}
.minicart-li .buttons .checkout{
	margin-right: 0px !important;
}
.compact li.ext-nav>ul, .compact .minicart-li>ul{
	top: 42px;
}
li.ext-nav:last-child>a{
	margin-right: 0px;
	padding-left: 0px;
}
li.ext-nav.search-nav #searchform{
	box-shadow: none;
}
li.ext-nav #searchform #s{
	background-color: #eee;
}
li.ext-nav #searchform #searchsubmit{
	padding: 7px 10px 6px;
}	
.minicart-wrp{
	background: #fff;
}
.minicart-wrp .empty{
	padding: 15px;
}	
.search-nav #searchform #searchsubmit{
	float: right;
}
.search-nav #searchform #s{
	border: none;
	font-size: 12px;
}
.search-nav #searchform{
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
	display: inline-block;
	min-width: 250px;
}
.search-nav .dropdown-menu{
	min-width: 250px;
}
#content{
	min-height: 500px;
}
#logo img{
	max-height: 50px;
	transition: all 450ms ease-out;
	-webkit-transition: all 450ms ease-out;
	-moz-transition: all 450ms ease-out;
}
.compact #logo img{	
	margin-top: 0px;
}
.singular #author-info {
	background-image: none;
	background-attachment: scroll;
	background-color: rgb(249, 249, 249);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgb(221, 221, 221);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(221, 221, 221);
	margin: 2.2em -35.6% 0px -35.4%;
	padding: 20px 35.4%;
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}

.archive #author-info {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(221, 221, 221);
	margin: 0px 0px 2.2em;
	padding: 0px 0px 2.2em;
}

#author-avatar {
	float: left;
	margin-right: -78px;
}

#author-avatar img {
	background-image: none;
	background-attachment: scroll;
	background-color: rgb(255, 255, 255);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow: rgb(187, 187, 187) 0px 1px 2px;
	padding: 3px;
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}

#author-description {
	float: left;
	margin-left: 108px;
}

#author-description h2 {
	color: rgb(0, 0, 0);
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0px 10px;
}

.entry-header .comments-link a {
	background-attachment: scroll;
	background-color: rgb(238, 238, 238);
	color: rgb(102, 102, 102);
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0px;
	position: absolute;
	top: 1.5em;
	right: 0px;
	text-align: center;
	width: 43px;
	height: 36px;
	background-position: 0% 0%;
	background-repeat: no-repeat no-repeat;
}
.king-LvCRow{
	width: 100%;
	display: inline-block;
	min-height: 20px;
}
.devnConColbody{
	width: 100%;
	height: 100%;
	display: block;
	min-height: 20px;
}
.entry-header .comments-link a:hover, .entry-header .comments-link a:focus, .entry-header .comments-link a:active {
	background-color: rgb(25, 130, 209);
	color: rgba(255, 255, 255, 0.8);
}

.entry-header .comments-link .leave-reply {
	visibility: hidden;
}

.entry-header hgroup .entry-title {
	padding-top: 15px;
}

article.format-aside .entry-content, article.format-link .entry-content, article.format-status .entry-content {
	padding: 20px 0px 0px;
}

article.format-status .entry-content {
	min-height: 65px;
}

.recent-posts .entry-header .entry-format {
	display: none;
}

.recent-posts .entry-header hgroup .entry-title {
	padding-top: 0px;
}

.singular .hentry {
	border-bottom-width: medium;
	border-bottom-style: none;
	padding: 4.875em 0px 0px;
	position: relative;
}

.singular.page .hentry {
	padding: 0px;
}

.singular .entry-title {
	color: rgb(0, 0, 0);
	font-size: 36px;
	font-weight: bold;
	line-height: 48px;
}

.singular .entry-title, .singular .entry-header .entry-meta {
	padding-right: 0px;
}

.singular .entry-header .entry-meta {
	position: absolute;
	top: 0px;
	left: 0px;
}

blockquote.pull {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.6125em;
	margin: 0px 0px 1.625em;
	text-align: center;
}

.singular blockquote.pull {
	margin: 0px -22.25% 1.625em;
}

.pull.alignleft {
	margin: 0px 1.625em 0px 0px;
	text-align: right;
}

.singular .pull.alignleft {
	margin: 0px 1.625em 0px -22.25%;
}

.pull.alignright {
	margin: 0px 0px 0px 1.625em;
	text-align: left;
}

blockquote.pull.alignleft, blockquote.pull.alignright {
	width: 33%;
}

.singular .pull.alignright {
	margin: 0px -22.25% 0px 1.625em;
}

.singular blockquote.pull.alignleft, .singular blockquote.pull.alignright {
	width: 33%;
}

.singular .entry-meta .edit-link a {
	bottom: auto;
	left: 50px;
	position: absolute;
	right: auto;
	top: 80px;
}

.format-aside .entry-title, .format-aside .entry-header .comments-link {
	display: none;
}

.singular .format-aside .entry-title {
	display: block;
}

.format-aside .entry-content {
	padding: 0px;
}

.singular .format-aside .entry-content {
	padding: 1.625em 0px 0px;
}

.format-link .entry-title, .format-link .entry-header .comments-link {
	display: none;
}

.singular .format-link .entry-title {
	display: block;
}

.format-link .entry-content {
	padding: 0px;
}

.singular .format-link .entry-content {
	padding: 1.625em 0px 0px;
}

.format-gallery .gallery-thumb {
	float: left;
	display: block;
	margin: 0.375em 1.625em 0px 0px;
}

.format-status .entry-title, .format-status .entry-header .comments-link {
	display: none;
}

.singular .format-status .entry-title {
	display: block;
}

.format-status .entry-content {
	padding: 0px;
}

.singular .format-status .entry-content {
	padding: 1.625em 0px 0px;
}

.format-status img.avatar {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow: rgb(204, 204, 204) 0px 1px 2px;
	float: left;
	margin: 4px 10px 2px 0px;
	padding: 0px;
}

.format-quote blockquote {
	color: rgb(85, 85, 85);
	font-size: 17px;
	margin: 0px;
}

.indexed.format-image .entry-header {
	min-height: 61px;
}

.indexed.format-image .entry-content {
	padding-top: 0.5em;
}

.indexed.format-image .entry-content p {
	margin: 1em 0px;
}

.indexed.format-image .entry-content p:first-child, .indexed.format-image .entry-content p:first-child a, .indexed.format-image .entry-content p:first-child img {
	display: block;
	margin: 0px;
}

.indexed.format-image .entry-content .wp-caption .wp-caption-text {
	margin: 0px;
	padding-bottom: 1em;
}

.indexed.format-image footer.entry-meta {
	background-image: none;
	background-attachment: scroll;
	background-color: rgb(221, 221, 221);
	overflow: hidden;
	padding: 4%;
	max-width: 96%;
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}

.indexed.format-image div.entry-meta {
	display: inline-block;
	float: left;
	width: 35%;
}

.indexed.format-image div.entry-meta + div.entry-meta {
	float: none;
	width: 65%;
}

.indexed.format-image .entry-meta span.cat-links, .indexed.format-image .entry-meta span.tag-links, .indexed.format-image .entry-meta span.comments-link {
	display: block;
}

.indexed.format-image footer.entry-meta a {
	color: rgb(68, 68, 68);
}

.indexed.format-image footer.entry-meta a:hover {
	color: rgb(255, 255, 255);
}

#content .indexed.format-image img {
	border: medium none;
	max-width: 100%;
	padding: 0px;
}

.indexed.format-image .wp-caption {
	background-image: none;
	background-attachment: scroll;
	background-color: rgb(17, 17, 17);
	margin-bottom: 0px;
	max-width: 96%;
	padding: 2% 2% 0px;
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}

.indexed.format-image .wp-caption .wp-caption-text {
	color: rgb(221, 221, 221);
}

.indexed.format-image .wp-caption .wp-caption-text::before {
	color: rgb(68, 68, 68);
}

.indexed.format-image a:hover img {
	opacity: 0.8;
}

h1.showcase-heading {
	color: rgb(102, 102, 102);
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}

article.intro {
	background-image: none;
	background-attachment: scroll;
	background-color: rgb(249, 249, 249);
	border-bottom-width: medium;
	border-bottom-style: none;
	margin: -1.855em -8.9% 1.625em;
	padding: 0px 8.9%;
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}

article.intro .entry-title {
	display: none;
}

article.intro .entry-content {
	color: rgb(17, 17, 17);
	font-size: 16px;
	padding: 1.625em 0px 0.625em;
}

article.intro .edit-link a {
	background-image: none;
	background-attachment: scroll;
	background-color: rgb(170, 170, 170);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	color: rgb(255, 255, 255);
	font-size: 12px;
	padding: 0px 8px;
	position: absolute;
	top: 30px;
	right: 20px;
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}

article.intro .edit-link a:hover, article.intro .edit-link a:focus, article.intro .edit-link a:active {
	background-image: none;
	background-attachment: scroll;
	background-color: rgb(119, 119, 119);
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}

section.featured-post {
	float: left;
	margin: -1.625em -8.9% 1.625em;
	padding: 1.625em 8.9% 0px;
	position: relative;
	width: 100%;
}

section.featured-post .hentry {
	border: medium none;
	color: rgb(102, 102, 102);
	margin: 0px;
}

section.featured-post .entry-meta {
	clip: rect(1px 1px 1px 1px);
	position: absolute !important;
}

section.featured-post .attachment-small-feature {
	float: right;
	height: auto;
	margin: 0px -8.9% 1.625em 0px;
	max-width: 59%;
	position: relative;
	right: -15px;
}

section.featured-post.small {
	padding-top: 0px;
}

section.featured-post .attachment-small-feature:hover, section.featured-post .attachment-small-feature:focus, section.featured-post .attachment-small-feature:active {
	opacity: 0.8;
}

article.feature-image.small {
	float: left;
	margin: 0px 0px 1.625em;
	width: 45%;
}

article.feature-image.small .entry-title {
	line-height: 1.2em;
}

article.feature-image.small .entry-summary {
	color: rgb(85, 85, 85);
	font-size: 13px;
}

article.feature-image.small .entry-summary p a {
	background-image: none;
	background-attachment: scroll;
	background-color: rgb(34, 34, 34);
	color: rgb(238, 238, 238);
	display: block;
	left: -23.8%;
	padding: 9px 26px 9px 85px;
	position: relative;
	top: 20px;
	width: 180px;
	z-index: 1;
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}

article.feature-image.small .entry-summary p a:hover {
	background-image: none;
	background-attachment: scroll;
	background-color: rgb(25, 130, 209);
	color: rgba(255, 255, 255, 0.8);
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}

section.feature-image.large {
	border: medium none;
	max-height: 288px;
	padding: 0px;
	width: 100%;
}

section.feature-image.large .showcase-heading {
	display: none;
}

section.feature-image.large .hentry {
	border-bottom-width: medium;
	border-bottom-style: none;
	left: 9%;
	margin: 1.625em 9% 0px 0px;
	position: absolute;
	top: 0px;
}

article.feature-image.large .entry-title a {
	background-image: none;
	background-attachment: scroll;
	background-color: rgba(0, 0, 0, 0.8);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	color: rgb(255, 255, 255);
	display: inline-block;
	font-weight: 300;
	padding: 0.2em 20px;
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}

section.feature-image.large:hover .entry-title a, section.feature-image.large .entry-title:hover a {
	background-image: none;
	background-attachment: scroll;
	background-color: rgba(255, 255, 255, 0.8);
	color: rgb(34, 34, 34);
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}

article.feature-image.large .entry-summary {
	display: none;
}

section.feature-image.large img {
	display: block;
	height: auto;
	max-width: 117.9%;
	padding: 0px 0px 6px;
}

.featured-posts {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(221, 221, 221);
	display: block;
	height: 328px;
	margin: 1.625em -8.9% 20px;
	max-width: 1000px;
	padding: 0px;
	position: relative;
	overflow: hidden;
}

body.error404 .widget-title {
	margin-bottom: 10px;
}

.featured-posts .showcase-heading {
	padding-left: 8.9%;
}

.featured-posts section.featured-post {
	background-image: none;
	background-attachment: scroll;
	background-color: rgb(255, 255, 255);
	height: 288px;
	left: 0px;
	margin: 0px;
	position: absolute;
	top: 30px;
	width: auto;
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}

.featured-posts section.featured-post.large {
	max-width: 100%;
	overflow: hidden;
}

.featured-posts section.featured-post {
}

.featured-posts section.featured-post {
	opacity: 0;
	visibility: hidden;
}

.featured-posts #featured-post-1 {
	opacity: 1;
	visibility: visible;
}

.featured-post .feature-text::after, .featured-post .feature-image.small::after {
	width: 100%;
	height: 45px;
	position: absolute;
	top: 230px;
}

.featured-post .feature-image.small::after {
	top: 253px;
}

#content .feature-slider {
	top: 5px;
	right: 8.9%;
	overflow: visible;
	position: absolute;
}

.feature-slider ul {
	list-style-type: none;
	margin: 0px;
}

.feature-slider li {
	float: left;
	margin: 0px 6px;
}

.feature-slider a {
	background-image: none;
	background-attachment: scroll;
	background-color: rgba(60, 60, 60, 0.901961);
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px inset, rgba(255, 255, 255, 0.498039) 0px 0px 2px inset;
	display: block;
	width: 14px;
	height: 14px;
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}

.feature-slider a.active {
	background-image: none;
	background-attachment: scroll;
	background-color: rgb(25, 130, 209);
	box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 5px inset, rgba(255, 255, 255, 0.8) 0px 0px 2px inset;
	cursor: default;
	opacity: 0.5;
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}

section.recent-posts {
	padding: 0px 0px 1.625em;
}

section.recent-posts .hentry {
	border: medium none;
	margin: 0px;
}

section.recent-posts .other-recent-posts {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(221, 221, 221);
	list-style: none outside none;
	margin: 0px;
}

section.recent-posts .other-recent-posts li {
	padding: 0.3125em 0px;
	position: relative;
}

section.recent-posts .other-recent-posts .entry-title {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgb(221, 221, 221);
	font-size: 17px;
}

section.recent-posts .other-recent-posts a[rel="bookmark"] {
	color: rgb(55, 55, 55);
	float: left;
	max-width: 84%;
}

section.recent-posts .other-recent-posts a[rel="bookmark"]::after {
	color: transparent;
	font-size: 11px;
}

section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
}

section.recent-posts .other-recent-posts .comments-link a, section.recent-posts .other-recent-posts .comments-link > span {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: rgb(153, 153, 153);
	bottom: -2px;
	color: rgb(68, 68, 68);
	display: block;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.76333em;
	padding: 0.3125em 0px 0.3125em 1em;
	position: absolute;
	right: 0px;
	text-align: right;
	text-transform: uppercase;
	z-index: 1;
}

section.recent-posts .other-recent-posts .comments-link > span {
	border-color: rgb(187, 187, 187);
	color: rgb(136, 136, 136);
}

section.recent-posts .other-recent-posts .comments-link a:hover {
	color: rgb(25, 130, 209);
	border-color: rgb(25, 130, 209);
}

section.recent-posts .other-recent-posts li::after {
	clear: both;
	display: block;
	height: 0px;
	visibility: hidden;
}

.image-attachment div.attachment {
	background-image: none;
	background-attachment: scroll;
	background-color: rgb(249, 249, 249);
	border-style: solid;
	border-color: rgb(221, 221, 221);
	border-image-source: none;
	border-width: 1px 0px;
	margin: 0px -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 1.625em 0px;
	text-align: center;
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}

.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0px auto 1.625em;
	max-width: 100%;
}

.image-attachment div.attachment a img {
	border-color: rgb(249, 249, 249);
}

.image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img {
	border-color: rgb(221, 221, 221);
	background-image: none;
	background-attachment: scroll;
	background-color: rgb(255, 255, 255);
	background-position: 0% 0%;
	background-repeat: repeat repeat;
}

.image-attachment .entry-caption p {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0px 0px 2.6em;
	text-transform: uppercase;
}
.bypostauthor{
	
}

#content nav {
	clear: both;
	overflow: hidden;
	padding: 30px 0;
}

#nav-above {
	padding: 0px 0px 1.625em;
}

#nav-above {
	display: none;
}

.paged #nav-above {
	display: block;
}

.nav-previous {
	float: left;
	width: 50%;
}

.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#content nav .meta-nav {
	font-weight: normal;
}

#wrap {
	display: inline-block;
	position: relative;
	height: 30px;
	float: right;
	padding: 0;
	position: relative;
	margin-right: 15px;
	margin-top: 15px;
}

#wrap input[type="text"] {
	height: 30px;
	font-size: 15px;
	display: inline-block;
	border: none;
	outline: none;
	color: #999;
	padding: 0px 10px;
	padding-right: 60px;
	width: 0px;
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	z-index: 3;
	transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
	cursor: pointer;
	border-radius: 3px;
}

#wrap input[type="text"]:focus:hover {
	background-color: #fff;
	-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}

#wrap input[type="text"]:focus {
	width: 300px;
	z-index: 1;
	cursor: text;
	background-color: #fff;
	-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}
#wrap input[type="submit"] {
	height: 30px;
	width: 30px;
	display: inline-block;
	color: red;
	float: right;
	background: url(assets/images/site-search-menu.png) no-repeat center 1px;
	text-indent: -10000px;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	cursor: pointer;
	opacity: 0.4;
	cursor: pointer;
	transition: opacity .4s ease;
	background-size: 30px;
}

#wrap input[type="submit"]:hover {
	opacity: 0.8;
}
.edit-link a {
	float: right;
	height: 20px;
	line-height: 20px;
	font-size: 12px !important;
	text-transform: none !important;
}

/* C O M M E N T S   P A G I N A T I O N
----------------------------------------*/
.pagination-comments {
	padding: 5px;
	margin: 0;
}

.pagination-comments li {
	display: inline;
	list-style: none;
}

.pagination-comments a {
	background: #e7e7e7;
	border: 1px solid #d7d7d7;
	color: #666666;
	margin-right: 4px;
	padding: 3px 6px;
	text-align: center;
	text-decoration: none;
}

.pagination-comments a:hover,.pagination-comments a:active {
	background: #d7d7d7;
	color: #888888;
}

.pagination-comments .title {
	margin-right: 4px;
}

.pagination-comments .gap {
	color: #999999;
	margin-right: 4px;
}

.pagination-comments .current {
	color: #666666;
	background: #f7f7f7;
	border: 1px solid #e7e7e7;
	margin-right: 4px;
	padding: 3px 6px;
}

.pagination-comments .page {
	
}

.pagination-comments .prev,.pagination-comments .next {
	
}

/*****Web Design Page css Start****/
footer,
header,
nav,
section {
	display: block
}

audio,
canvas,
video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

svg:not(:root) {
	overflow: hidden
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

button,
html,
input,
select,
textarea {
	font-family: sans-serif
}

body>iframe {
	display: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: '';
	content: none
}

a {
	text-decoration: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

ol,
ul {
	list-style: none
}

a:active,
a:hover,
label:active,
label:focus {
	outline: 0
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: middle;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #f6f6f6 inset
}

button,
input,
select,
textarea {
	font-size: 100%;
	vertical-align: baseline
}

textarea {
	overflow: auto;
	min-height: 30px;
	max-height: 400px;
	resize: vertical
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0;
	vertical-align: middle
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

input[type=search] {
	-webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

button[disabled],
input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

small {
	font-size: 85%
}

strong,
th {
	font-weight: 700
}

td,
td img {
	vertical-align: top
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	margin: 0
}

html {
	height: 100%
}

body {
	font: 12px/1.2 Arial, sans-serif;
	background: #fff;
	height: 100%;
	width: 100%
}

input,
select,
textarea {
	color: #444;
	font: 12px Arial, sans-serif
}

a:link {
	-webkit-tap-highlight-color: #478FB2
}

a {
	color: #4aa6bd
}

a:hover {
	color: #036
}

::-webkit-input-placeholder {
	color: #878a8c
}

::-moz-placeholder {
	color: #878a8c;
	opacity: 1
}

::-moz-selection {
	color: #fff;
	background: #0078AE
}

::selection {
	color: #fff;
	background: #0078AE
}

:focus::-webkit-input-placeholder {
	color: transparent
}

:focus::-moz-placeholder {
	color: transparent
}

.foot-area a:not(.btn-simple),
.header a,
.text-lnk {
	transition: color .3s ease-out, background-color .3s ease-out;
	cursor: pointer
}

.clearfix:after,
.clearfix:before,
.container:after,
.container:before,
.f-row:after,
.f-row:before,
.nav:after,
.nav:before {
	content: "";
	display: table
}

.clearfix:after,
.container:after,
.f-row:after,
.nav:after {
	clear: both
}

.hidden {
	display: none;
	visibility: hidden
}

.no-marg {
	margin: 0!important
}

.no-marg-b {
	margin-bottom: 0!important
}

.no-pad {
	padding: 0!important
}

.no-pad-b {
	padding-bottom: 0!important
}

.no-pad-t {
	padding-top: 0!important
}

.no-bg {
	background: none!important
}

.no-bd {
	border: none!important
}

.fl-l {
	float: left!important
}

.fl-r {
	float: right!important
}

.a-center {
	text-align: center
}

.a-left {
	text-align: left
}

.a-right {
	text-align: right
}

.clear {
	clear: both
}

.d-block {
	display: block!important
}

.d-none,
.show-in-desktop,
.show-in-mobile,
.show-in-tablet {
	display: none
}

.d-block-mobile,
.d-block-tablet {
	display: inline
}

.t-holder {
	display: table;
	width: 100%
}

.t-cell {
	display: table-cell;
	vertical-align: middle
}

.ir {
	border: 0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	background-color: transparent
}

.wrapper {
	height: auto!important
}

.frame {
	max-width: 980px;
	margin: 0 auto;
	min-width: 268px
}

.frame-wide {
	max-width: 1144px
}





.search-field {
	float: left;
	width: 0;
	overflow: hidden;
	transition: all .4s linear
}

.search-field input[type=text] {
	width: 110px;
	padding: 5px 5px 4px;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #5a6063;
	border: 1px solid #ccc;
	margin: 0 4px 0 0
}

.search-active .search-field {
	width: 110px
}




.foot-area .tag {
	font: 400 12px/11px Arial, sans-serif;
	color: #9a9a9a;
	text-transform: uppercase;
	margin: 0 0 8px;
	padding: 0 0 0 8px;
	border-left: solid 2px #0087bd
}

.foot-area .btn-raq {
	font-size: 17px;
	border-left: 0;
	transition: color .3s ease-out
}

.foot-area .btn-raq:after {
	font-size: 28px
}

.foot-area .btn-raq:hover,
.foot-area .btn-raq:hover:after {
	color: #0078ae!important
}

.foot-area .ttl {
	display: block;
	color: #0477ae;
	margin-bottom: 20px;
	font: 700 36px/1.3 Roboto, Arial, Helvetica, Sans-Serif;
	letter-spacing: -1px
}

.subscribe-form {
	background: #f4f4f4;
	border-radius: 4px;
	position: relative;
	max-width: 664px;
	margin: 0 auto
}

.subscribe-form input[type=text] {
	background: 0 0;
	border-radius: 4px;
	border: 0;
	padding: 0 174px 0 29px;
	color: #767676;
	font: 400 italic 18px/53px Roboto, sans-serif;
	width: 100%;
	height: 53px
}

.subscribe-form input[type=text]::-webkit-input-placeholder {
	color: #777
}

.subscribe-form input[type=text]::-moz-placeholder {
	color: #777
}

.subscribe-form .btn-simple {
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 4px;
	white-space: nowrap;
	min-width: 158px;
	margin: 0;
	text-shadow: none;
	color: #fff!important;
	font-size: 17px;
	padding: 15px 40px;
	cursor: pointer;
	height: 53px
}

.subscribe-form .btn-simple:after {
	border-color: #fff
}

.subscribe .message {
	font-weight: 700;
	padding: 10px 0;
	color: #D02525
}

.subscribe .thank-you-message {
	font-weight: 700;
	font-size: 20px;
	padding: 10px 0;
	color: #aad15a
}

.subscribe {
	max-width: 1500px;
	margin: 0 auto;
	position: relative;
	padding: 40px 20px 0;
	text-align: center;
	min-height: 210px;
	overflow: hidden
}

.foot-area .f-post-mob {
	display: none
}

.f-post {
	position: relative;
	background: #f6f6f6;
	padding: 60px 0 20px;
	border-top: 3px solid #e8e8e8
}

.f-post .frame {
	max-width: 1586px
}

.f-post .t-holder {
	table-layout: fixed
}

.f-post .divider {
	display: table-cell;
	width: 2.5%
}

.f-post .t-cell {
	display: table-cell;
	width: 48.75%;
	vertical-align: top;
	text-align: center;
	padding-bottom: 23px
}

.f-post .info {
	margin-bottom: 20px
}

.f-post-item {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	background: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	padding: 23px;
	position: relative
}

.whitepaper-post:after {
	content: "";
	position: absolute;
	top: -4px;
	right: -5px;
	background: url(img/foot-post-whitepaper.jpg) no-repeat;
	width: 299px;
	height: 87px
}

.foot-area .f-post .tag {
	color: #009ddc
}

.f-post .txt {
	padding-left: 35px;
	position: relative;
	z-index: 2
}

.f-post .whitepaper-post .visual {
	text-align: center
}

.f-post .whitepaper-post .txt {
	padding: 0 35px 0 0
}

.f-post a {
	color: #0078ae
}

.f-post h6 {
	color: #0078ae;
	font: 700 28px/1.15 Roboto, Arial, Helvetica, Sans-Serif
}

.whitepaper-post h6 {
	border-bottom: 1px solid #d8d9d9;
	padding-bottom: 20px;
	margin-bottom: 20px
}

.f-post .txt,
.f-post .visual {
	display: inline-block;
	width: 49.7%;
	vertical-align: middle
}

.download-lnk {
	color: #90c404!important;
	text-transform: uppercase;
	font: 700 17px/1.15 Roboto, Arial, Helvetica, Sans-Serif
}

.download-lnk .icon {
	top: -5px;
	position: relative;
	display: inline-block;
	width: 6px;
	height: 9px;
	background: #90c404;
	margin-left: 9px;
	transition: all .2s linear
}

.download-lnk .icon:after,
.download-lnk .icon:before {
	content: "";
	position: absolute;
	transition: border-color .2s linear
}

.download-lnk .icon:after {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 5px solid #90c404;
	bottom: -4px;
	left: 50%;
	margin-left: -6px
}

.download-lnk .icon:before {
	bottom: -8px;
	left: -4px;
	width: 12px;
	height: 2px;
	border: solid #90c404;
	border-width: 0 1px 2px
}

.download-lnk:hover {
	color: #0078ae!important
}

.download-lnk:hover .icon {
	background-color: #0078ae;
	top: -2px
}

.download-lnk:hover .icon:before {
	border-color: #0078ae
}

.download-lnk:hover .icon:after {
	border-top-color: #0078ae
}

.socials-box {
	position: relative
}

.socials-box:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 50%;
	background: #0f1217
}

.socials-box .frame {
	position: relative;
	z-index: 2;
	max-width: 1578px;
	background: #00a3de;
	border-radius: 5px;
	text-align: center;
	padding: 50px 20px;
	margin: 0 auto
}

.socials-box .ttl {
	color: #fff
}

.socials {
	display: table;
	width: 100%;
	table-layout: fixed;
	border: 1px solid #5cc2e9;
	max-width: 1444px;
	margin: 0 auto
}

.socials .item {
	background: rgba(37, 37, 37, .1);
	border-left: 1px solid #5cc2e9;
	display: table-cell;
	height: 73px;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	font: 700 25px/1.2 Roboto, Arial, Helvetica, Sans-Serif;
	transition: background .2s ease-out
}

.socials .item:first-child {
	border-left: none
}

.socials .icn {
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	background-image: url(https://www.webhostbd.com/wp-content/uploads/2018/03/socials.png;)
}

.socials .soc-gp .icn {
	width: 27px;
	height: 29px;
	background-position: 0 2px
}

.socials .soc-in .icn {
	width: 28px;
	height: 25px;
	background-position: -29px 0
}

.socials .soc-fb .icn {
	width: 15px;
	height: 30px;
	background-position: -59px 0
}

.socials .soc-inst .icn {
	width: 27px;
	height: 28px;
	background-position: -76px 1px
}

.socials .soc-tw .icn {
	width: 31px;
	height: 27px;
	background-position: -105px 1px
}

.socials .soc-subscr .icn {
	width: 24px;
	height: 26px;
	background-position: -138px 2px
}

.socials .soc-gp:hover {
	background-color: #dd4b39
}

.socials .soc-in:hover {
	background-color: #007bb5
}

.socials .soc-fb:hover {
	background-color: #3b5998
}

.socials .soc-inst:hover {
	background-color: #e95950
}

.socials .soc-tw:hover {
	background-color: #55acee
}

.socials .soc-subscr:hover {
	background-color: #FF0000;
}

.location-area {
	position: relative;
	width: 100%;
	background-color: #05679c;
	padding: 87px 20px 166px;
	margin-bottom: -121px;
	color: #fff;
	line-height: 1.4
}

.location-area .frame {
	max-width: 1578px;
	border-radius: 5px;
	padding: 25px;
	border: 1px solid rgba(86, 207, 255, .3);
	border-top: none;
	position: relative;
	z-index: 2
}

.location-ttl {
	display: block;
	position: relative;
	text-align: center;
	font: 700 36px Roboto, Arial, Helvetica, Sans-Serif;
	margin-top: -80px
}

.location-ttl svg {
	display: inline-block;
	width: 50px;
	height: 60px;
	fill: #fff;
	opacity: .2;
	position: relative;
	top: 17px;
	margin-right: 3px
}

.location-ttl span {
	display: inline-block
}

.location-ttl span:after,
.location-ttl span:before {
	content: "";
	height: 26px;
	width: 41%;
	position: absolute;
	top: 76%;
	border: rgba(86, 207, 255, .3) solid;
	border-width: 1px 0 0
}

.location-ttl span:after {
	left: -25px;
	border-radius: 5px 0 0
}

.location-ttl span:before {
	right: -25px;
	border-radius: 0 5px 0 0
}

.location-subttl {
	display: block;
	font-size: 28px
}

.location-area .t-holder {
	border-top: 13px solid transparent
}

.location-cell {
	vertical-align: top;
	width: 25%;
	position: relative;
	transition: width .5s linear;
	overflow: hidden
}

.location-cell:not(:first-child):not(.loc-active):before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background: rgba(86, 207, 255, .3)
}

.location-cell.loc-active {
	width: 50%
}

.location-cell.loc-active:before {
	background: 0 0
}

.loc-visual {
	transition: all .5s linear;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 390px;
	width: 0;
	overflow: hidden;
	text-align: right
}

.loc-visual img {
	max-width: 999px
}

.loc-txt {
	padding: 23px 35px 23px 0;
	float: right;
	width: 345px
}

.loc-ny .loc-txt {
	width: 355px
}

.loc-active .loc-visual {
	width: 363px
}

.loc-contact {
	display: inline-block
}

.loc-ny .loc-contact {
	margin-top: -4px
}

.link-more {
	font: 900 14px/25px Roboto, Arial, sans-serif;
	color: #90c404!important;
	text-transform: uppercase;
	padding-right: 0!important;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.link-more:hover {
	color: #036!important
}

.link-more:after {
	font: 900 24px/14px Roboto, Arial, sans-serif;
	padding-left: 5px;
	vertical-align: -2px;
	content: "\bb"
}

.loc-contact,
.loc-contact .link-more {
	font: 700 17px Roboto, Arial, Helvetica, Sans-Serif
}

.loc-contact .link-more:after {
	transition: padding-left .2s linear;
	font-size: 30px
}

.loc-contact .link-more,
.loc-phone,
.loc-phone>a {
	color: #fff!important
}

.loc-contact .link-more:hover:after {
	padding-left: 7px
}

.loc-phone:after {
	content: "";
	display: inline-block;
	height: 21px;
	width: 1px;
	background: rgba(255, 255, 255, .24);
	margin-right: 20px;
	position: relative;
	top: 5px;
	right: -11px
}

.loc-phone svg {
	display: inline-block;
	width: 23px;
	height: 23px;
	fill: #fff;
	position: relative;
	top: 6px
}

.loc-address {
	padding: 8px 0 13px;
	font-style: normal;
	display: block;
	font-size: 17px
}

.bfm-awards {
	background: #fff;
	text-align: center;
	padding: 55px 0 40px;
	max-width: 1103px;
	margin: 0 auto
}

.foot-area .bfm-awards {
	border-bottom: 3px solid #e8e8e8
}

.bfm-awards .ttl {
	text-align: center;
	font: 300 27px/36px Roboto, sans-serif;
	color: #5a6063;
	margin: 0 0 40px;
	display: block
}

.bfm-awards .ttl span {
	display: block;
	font: 700 50px/45px Roboto, sans-serif;
	color: #0078ae;
	padding-bottom: 9px
}

.bfm-awards .ttl strong {
	font-family: Roboto, sans-serif;
	font-weight: 700
}

.bfm-awards .ttl em.mobile-wrap {
	font-style: normal
}

.bfm-awards-list {
	display: table;
	width: 100%;
	padding: 0 0 27px
}

.bfm-awards-list .item {
	display: table-cell;
	width: 33.3%;
	text-align: center;
	font: 400 15px Roboto, sans-serif;
	color: #5a6063
}

.bfm-awards-list .item strong {
	font-family: Roboto, sans-serif;
	font-weight: 700
}

.bfm-awards-list img {
	display: block;
	margin: 20px auto 0
}

.bfm-awards .txt {
	font: 700 38px 'Roboto Condensed', sans-serif;
	color: #0078ae;
	padding: 0 0 20px
}

.bfm-awards .txt span {
	font: italic normal 28px Georgia, serif;
	color: #5a6063
}

.bfm-awards .btn-green {
	float: none;
	display: inline-block;
	font-size: 21px;
	padding: 12px 40px 14px;
	border-radius: 22px
}

.rd-holder {
	overflow: hidden;
	background: #f6f6f6;
	position: relative;
	padding: 50px 0
}

.rd-holder:before {
	content: "";
	position: absolute;
	top: -18px;
	left: 50%;
	margin-left: -800px;
	width: 1600px;
	height: 10px;
	border-radius: 50%;
	box-shadow: 0 0 2px 10px rgba(0, 0, 0, .05)
}

.rd-holder .ready-discuss {
	text-align: center
}

.f-menu-wrapper {
	color: #798185;
	font: 300 16px Roboto, sans-serif
}

.f-menu-wrapper .t-cell {
	vertical-align: top;
	white-space: nowrap
}

.f-menu-content {
	background: #101417;
	padding: 32px 0 36px
}

.f-menu-content .fmc-list li {
	display: inline-block;
	margin: 4px 10px 0
}

.f-menu-content .fmc-list a {
	color: #798185;
	font: 500 14px/14px Roboto, Arial, Helvetica, Sans-Serif;
	text-transform: uppercase;
	transition: color .2s linear
}

.f-menu-content .fmc-list .active a,
.f-menu-content .fmc-list a:hover {
	color: #fff
}

.fmc-contact .loc-phone svg {
	fill: #798185
}

.fmc-contact .loc-phone,
.fmc-contact .loc-phone>a {
	color: #798185!important
}

.fmc-contact .loc-phone:hover svg {
	fill: #fff
}

.fmc-contact .loc-phone:hover>a {
	color: #fff!important
}

.fmc-contact .loc-phone:after {
	display: none
}

.fmc-contact {
	text-align: right
}

.fmc-contact li {
	display: inline-block
}

.fmc-contact {
	width: 40%
}

.fmc-list {
	width: 60%
}

.fmc-contact li:not(:first-child):before {
	content: "";
	display: inline-block;
	height: 12px;
	width: 1px;
	background: #646b6e;
	margin: 0 15px 0 10px;
	position: relative;
	top: 1px
}

.fmc-copyright {
	color: #798185;
	background: #161b20;
	font: 300 14px/14px Roboto, Arial, Helvetica, Sans-Serif;
	text-align: center;
	padding: 20px 0 20px;
	margin-bottom: 0px;
}

.fmc-copyright a {
	color: #798185;
	position: relative;
	display: inline-block
}

.fmc-copyright a:after {
	content: "";
	height: 1px;
	margin: 2px auto 0;
	width: 100%;
	display: block;
	background-color: #798185;
	transition: width .3s linear
}

.fmc-copyright a:hover {
	color: #fff
}

.fmc-copyright a:hover:after {
	width: 0;
	background: #fff
}

.frame-alt {
	max-width: 1580px;
	margin: 0 auto;
	min-width: 320px;
	position: relative;
	z-index: 3
}

.home-slider-wrapper {
	padding-top: 104px;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	z-index: 4
}

.hs-demo {
	padding-top: 20px;
	position: absolute;
	top: 0;
	left: 32%
}

.slider-activated .hs-demo {
	opacity: 0;
	transition: opacity .4s, z-index 0s .4s;
	z-index: -1
}

.hs-left .btn-raq {
	display: inline-block;
	font: 500 18px/1.3 Roboto, Arial, Helvetica, sans-serif;
	position: relative;
	z-index: 3;
	margin: 30px 0 40px;
	padding: 0!important;
	border: none;
	text-transform: uppercase;
	transition: color .3s ease-out
}

.hs-left .btn-raq:after {
	font-size: 30px
}

.hs-left .btn-raq:hover {
	color: #0078ae!important
}

.home-slider {
	position: absolute;
	top: 0;
	left: 43%;
	opacity: 0;
	transition: opacity .4s;
	cursor: pointer
}

.home-slider.activated {
	opacity: 1
}

.home-slider img {
	display: block;
	max-width: none
}

.home-slider .slides {
	width: 100%
}

.home-slider .slides>li {
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-transition: -webkit-transform .5s, transform .5s;
	transition: -webkit-transform .5s, transform .5s
}

.home-slider .slides>li.flex-active-slide {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.home-slider .slides>li.deactive-next {
	-webkit-transform: translateX(20px);
	transform: translateX(20px)
}

.home-slider .slides>li.active-next {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.home-slider .slides>li.deactive-prev {
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px)
}

.home-slider .slides>li.active-prev {
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
	transition: none
}

.mobile-mode .home-slider .slides>li {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.hs-items-desc {
	padding-top: 116px;
	position: absolute;
	top: 195px;
	left: 55px;
	font: 300 17px/24px Roboto, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #878a8c;
	z-index: 3;
	-webkit-background-size: 100%;
	background: rgba(255, 255, 255, .75);
	border-radius: 50%;
	box-shadow: 0 0 8px 2px rgba(0, 0, 0, .07);
	width: 343px;
	height: 343px
}

.active-item-3 .hs-items-desc {
	background: 0 0;
	box-shadow: none;
	z-index: 1
}

.hs-items-logo {
	width: 100%;
	position: absolute;
	bottom: 263px;
	left: 0
}

.hs-items-logo img {
	display: inline-block;
	position: absolute;
	left: 50%;
	opacity: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: opacity .4s
}

.hs-items-logo img.active {
	position: relative;
	opacity: 1;
	left: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.hs-items-logo .logo-paul {
	top: 20px
}

.hs-items-logo .logo-baldor {
	top: 17px
}

.hs-item-text {
	display: none;
	width: 270px;
	max-width: 100%;
	margin: 0 auto
}

.hs-item-text.active {
	display: block
}

.home-slider .hs-btn {
	display: inline-block;
	margin-top: 15px;
	font: 700 16px Roboto, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	transition: color .3s
}

.home-slider .hs-btn .icon {
	display: inline-block;
	position: relative;
	top: -11px;
	font-size: 27px;
	vertical-align: top
}

.hs-control-nav {
	position: absolute;
	left: 50%;
	bottom: 40px;
	line-height: 13px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.hs-control-nav ul {
	display: inline-block
}

.hs-control-nav .control-nav-item,
.hs-control-nav li {
	display: inline-block;
	width: 9px;
	height: 9px;
	margin: 0 8px;
	border-radius: 50%;
	position: relative;
	vertical-align: middle;
	background: #D1D1D1;
	background-clip: content-box;
	box-shadow: inset 0 0 3px #D1D1D1;
	cursor: pointer;
	transition: box-shadow .3s, background-color .3s
}

.hs-control-nav .control-nav-item:before,
.hs-control-nav li:before {
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid transparent;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	transition: .3s;
	box-sizing: border-box
}

.hs-control-nav .control-nav-item:after,
.hs-control-nav li:after {
	content: "";
	width: 19px;
	height: 19px;
	border-radius: 50%;
	position: absolute;
	top: -5px;
	left: -5px;
	background: 0 0
}

.hs-control-nav .control-nav-item:hover:before,
.hs-control-nav li:hover:before {
	width: 240%;
	height: 240%;
	top: -70%;
	left: -70%;
	border-color: #90C404;
	box-shadow: inset 0 0 3px #90C404
}

.hs-control-nav .control-nav-item.flex-active,
.hs-control-nav li.flex-active {
	background: #90C404;
	box-shadow: inset 0 0 3px #90C404, 0 0 0 3px #90C404
}

.hs-control-nav .control-nav-item.flex-active:before,
.hs-control-nav li.flex-active:before {
	display: none
}

.active-item-3 .hs-direction-nav .next:after,
.hs-direction-nav .next,
.hs-direction-nav .prev,
.init-slider:after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAYAAAC4JqlRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzczNTc1MzMzQUI1MTFFNUJENTE4OTE4RTE4QzE5RjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzczNTc1MzQzQUI1MTFFNUJENTE4OTE4RTE4QzE5RjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NzM1NzUzMTNBQjUxMUU1QkQ1MTg5MThFMThDMTlGMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NzM1NzUzMjNBQjUxMUU1QkQ1MTg5MThFMThDMTlGMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pviz9a0AAALMSURBVHjatFc9SFtRFH55eVYxSAYpmElEsKUu0sFJHJykYIcq0tIhUIcOKSIdOmRxsSYdRCguKSTSoZQW2sGOBdeODk4dtW8sBRfB0OT1e+n34Hi47zfxhI/knpx7/u4579yXW/n+28pAb4E7wArX34CfwGZaRXYG4+vAC2ASaBOT5K3ftAP3gBaQA/YFf5+8FmVuxIEx4AtQAM6AQ/HfIXkFyowN2oEgurtc15j6gNrkWZQJsjQwB7aANf4+V9HLLJzz9xr3DMSBBeCNWOvoTVmwuGehXwcmgM/AkIi+FSHfElkY4t6JrA7kgU9ASfDqIdHLLNTFukQd+SwO+ClcFOtfQDPBkTUpG9CiOsJEDqwCLxWvFhN9WC1Y1LWa1IEZRiHbyE0YvcyCq9q4Sd2RDowCX4Gi4u8mjF5mYVfxitQ9GuXAO2BW8dyYyo/qCFfxZmnD6EAFeGpQ5J/nVQYHrgy1YNFGRTtwH9gzCKc9+7haCGiPNnsOjAAfgWGDYD1j9DILdQN/mDZHnMKfs7Ld+etXZxfF2kW95li1Hj7T/ld/lJuGto7QCYWeH/hMN++UbRhvYHHwPxueY3leHrB735bnn9VUH9anejqu63SY+QPfti2m3ZFBwS1gpw8HdqhD01EwLQMH/BQ9AU4Mwo+BuQzG57hX0wltdXQbXgIPDVVrh7RTHNUMzxmXNi7DHkS+wAPgQvGXgaUUxpe4R9IFdbtxs+AUeGR49NYSXrNyhoy1qfM06TQ8Bp5Z13twPmyiGSbpvFh71HWc9j7wAagq3mvAidjjUEZSlboyXcn8p1hDjeqNCPkNNXIbIU/CVJfSTZW+bT1SxSjfVscY+6qWxAFdQKWQK/eWuD+GFXLm9wLdQq+AcfH/OHlRrdz3q5lUXFQFWiXP2OuDfDmVqfUH1W2iEtXrVkzbpCW/uJ4DZXF9+wG8D+v1KPonwAAQBLPUY6tK2wAAAABJRU5ErkJggg==)
}

.hs-direction-nav .next,
.hs-direction-nav .prev {
	width: 16px;
	height: 33px;
	position: absolute;
	top: 151px;
	cursor: pointer;
	transition: opacity .3s
}

.hs-direction-nav .next:hover,
.hs-direction-nav .prev:hover {
	opacity: .7
}

.hs-direction-nav .prev {
	left: 13px
}

.hs-direction-nav .next {
	right: 13px;
	background-position: -16px 0
}

.preload-imgs {
	width: 35.8779%;
	height: 57.473%;
	position: absolute;
	top: 10.6317%;
	left: 24.6183%
}

.preload-imgs .img {
	width: 41.7553%;
	height: 42.0912%;
	position: absolute;
	opacity: 0;
	transition: opacity 1s linear
}

.preload-imgs.ready .img {
	opacity: 1
}

.preload-imgs.loaded .img {
	opacity: 1;
	transition: none
}

.preload-imgs .img-1 {
	top: 13.941%;
	left: 0;
	transition-delay: .4s
}

.preload-imgs .img-2 {
	top: 0;
	left: 43.883%
}

.preload-imgs .img-3 {
	top: 43.1635%;
	left: 58.5106%;
	transition-delay: 1s
}

.preload-imgs .img-4 {
	top: 57.6408%;
	left: 15.1596%;
	transition-delay: 1.6s
}

.active-item-3 .hs-direction-nav .next,
.init-slider {
	width: 138px;
	height: 138px;
	margin: -80px 0 0;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: -150px;
	background: #fff;
	box-shadow: -2px -2px 7px rgba(0, 0, 0, .1);
	opacity: 0;
	transition: opacity .3s, right .6s
}

.active-item-3 .hs-direction-nav .next:after,
.init-slider:after {
	content: "";
	display: block;
	width: 16px;
	height: 33px;
	margin-top: -16.5px;
	position: absolute;
	top: 50%;
	left: 23px;
	background-position: -16px 0;
	transition: left .3s
}

.active-item-3 .hs-direction-nav .next:hover:after,
.init-slider:hover:after {
	left: 33px
}

.active-item-3 .hs-direction-nav .next {
	right: -700px;
	opacity: 1;
	transition: opacity 1s
}

.animation-end .init-slider {
	right: -81px;
	opacity: 1;
	transition: opacity 1s, right .3s
}

.home-slider-wrapper .home-slider-content {
	position: relative;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.home-slider-content .hs-left {
	width: 52%;
	padding-top: 50px;
	padding-bottom: 10px;
	background: url(img/home-slider-shadow.png) 0 100% no-repeat;
	min-height: 420px
}

.hs-left .hsl-header {
	font: 300 28px/32px Roboto, Arial, Helvetica, Sans-Serif;
	color: #0078AE;
	position: relative;
	z-index: 3
}

.hs-left .hsl-subcaption {
	font: 300 22px/1.35 Roboto, Arial, Helvetica, Sans-Serif;
	padding: 22px 60px 0 0;
	color: #444
}

.hs-left .hsl-subcaption strong {
	font: 500 22px/1.3 Roboto, Arial, Helvetica, Sans-Serif
}

.hs-left .general-text {
	font: 400 32px/1.3 Roboto, Arial, Helvetica, Sans-Serif
}

.hs-left .general-text strong {
	font-family: Roboto, Arial, Helvetica, Sans-Serif;
	font-weight: 700
}

.hs-left .general-text h1 {
	font: 500 65px/1.3 Roboto, Arial, Helvetica, Sans-Serif
}

.hs-sub-row {
	background: 0 0;
	padding: 29px 0 41px
}

.hs-sub-item {
	display: inline-block;
	vertical-align: middle;
	margin: 0 57px 0 0;
	max-height: 52px
}

.home-company-logos-wrapper {
	padding: 39px 0 37px;
	position: relative;
	z-index: 10;
	border-top: 1px solid rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px #fff;
	background: linear-gradient(to bottom, rgba(255, 255, 255, .3) 0, rgba(255, 255, 255, 1) 63%, rgba(255, 255, 255, 1) 100%)
}

.home-company-logos-content .divider {
	display: none
}

.home-company-logos-content {
	width: 100%;
	text-align: center
}

.home-company-logos-content li {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	line-height: 0;
	margin: 0 2.5%;
	color: transparent;
	position: relative
}

.home-company-logos-content li:first-child {
	margin-left: 0
}

.home-company-logos-content li:last-child {
	margin-right: 0
}

.client-logo-item:before {
	position: absolute;
	top: 0;
	left: 0;
	height: 69px;
	z-index: 2;
	content: "";
	opacity: 0;
	transition: opacity .4s
}

.client-logo-item,
.client-logo-item:before {
	background-image: url(img/logos-sprite.png);
	background-repeat: no-repeat
}

.cl-pg,
.cl-pg:before {
	background-position: -145px 0;
	width: 81px;
	height: 36px
}

.cl-pg:before {
	background-position: -145px -51px
}

.cl-at,
.cl-at:before {
	background-position: 0 0;
	width: 105px;
	height: 48px
}

.cl-at:before {
	background-position: 0 -50px
}

.cl-nasa,
.cl-nasa:before {
	background-position: -258px 0;
	width: 71px;
	height: 58px
}

.cl-nasa:before {
	background-position: -258px -73px
}

.cl-canon,
.cl-canon:before {
	background-position: 0 -104px;
	width: 109px;
	height: 23px
}

.cl-canon:before {
	background-position: 0 -132px
}

.cl-nfl,
.cl-nfl:before {
	background-position: -378px 0;
	width: 48px;
	height: 63px
}

.cl-nfl:before {
	background-position: -378px -73px
}

.cl-ea,
.cl-ea:before {
	background-position: -117px -93px;
	width: 125px;
	height: 46px
}

.cl-ea:before {
	background-position: -117px -142px
}

.cl-toys,
.cl-toys:before {
	background-position: -300px -142px;
	width: 124px;
	height: 33px
}

.cl-toys:before {
	background-position: -300px -179px
}

.btn-green {
	float: right;
	font: 900 18px/18px Roboto, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 9px 40px 11px;
	text-shadow: 0 -1px 0 #447523;
	box-shadow: 0 -1px 0 #c9e973, 0 1px 0 #5e8900;
	border-radius: 18px;
	background: linear-gradient(to bottom, #a2d90c 0, #89bb00 100%) 0 0/100% 100%;
	transition: all .4s linear
}

.btn-green:hover {
	color: #fff;
	background-position: 0 -200%;
	background-size: 100% 200%
}

.section-title {
	text-align: center;
	margin: 0 0 36px
}

.section-title h2 {
	font: 300 57px/1 Roboto, sans-serif;
	color: #fff;
	margin: 0 0 10px
}

.section-title h2 span {
	font-family: Roboto, sans-serif;
	font-weight: 900
}

.section-title h2 strong {
	font-family: Roboto, sans-serif;
	font-weight: 700
}

.section-title p {
	font-size: 17px;
	line-height: 1.4;
	color: #74c9ef;
	text-shadow: 0 -1px 0 #00374f
}

#menu {
	visibility: hidden
}

body .mm-menu {
	visibility: visible!important
}

.jq-verisign-container,
.mobile-panel-menu {
	display: none
}

html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging.mm-front .mm-menu,
html.mm-opened.mm-dragging.mm-next .mm-menu {
	transition-duration: 0s
}

html.mm-accelerated.mm-opening #mm-blocker,
html.mm-accelerated.mm-opening .mm-page {
	-webkit-transform: translate3d(0, 0, 1px);
	transform: translate3d(0, 0, 1px)
}

html.mm-opened #mm-blocker,
html.mm-opened .mm-page {
	transition: none .4s ease;
	-webkit-transition-property: top, right, bottom, left, margin, border, -webkit-transform;
	transition-property: top, right, bottom, left, margin, border, transform;
	border: none solid transparent;
	margin: 0;
	left: 0;
	top: 0
}

html.mm-opening #mm-blocker,
html.mm-opening .mm-page {
	border: none solid rgba(1, 1, 1, 0);
	margin: 0 0 0 -65px;
	left: 270px
}

.mm-menu,
.mm-menu .mm-inner,
html.mm-opened .mm-page {
	box-sizing: border-box
}

html.mm-opened,
html.mm-opened body {
	width: 100%;
	height: 100%;
	overflow: hidden
}

html.mm-opened body {
	position: relative
}

.mm-menu {
	display: none;
	width: 270px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	overflow: hidden;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAABBAMAAADk0HnAAAAAD1BMVEXS1NTs7e3y8/P4+Pj8/Px+wEtqAAAADElEQVR42mNwVmQAAAEPAGUt8fqkAAAAAElFTkSuQmCC) 200px 0 repeat-y
}

.mm-menu.mm-opened {
	display: block;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.mm-menu.mm-opened~.mm-menu.mm-opened {
	display: none
}

.mm-inner {
	width: 100%;
	padding: 0 65px 0 0
}

.mm-menu ul {
	width: 100%
}

.mob-menus>ul>li {
	border-bottom: 1px solid #f6f6f6
}

.mob-menus>ul>li>a {
	display: block;
	color: #5a6063;
	font: 500 17px/1.2 Roboto, sans-serif;
	text-transform: uppercase;
	padding: 18px 10px 16px 26px
}

.mob-menus>ul>li>a:hover {
	color: #0078ae
}

.mob-menus .secondary-menu li a {
	color: #878a8c;
	font: 16px/1.2 Arial, Helvetica, sans-serif;
	text-transform: none
}

html.mm-opened .mm-page {
	height: 100%;
	position: absolute
}

html.mm-background .mm-page {
	background: inherit
}

#mm-blocker {
	background: #fff;
	opacity: 0;
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9999
}

html.mm-opened #mm-blocker {
	display: block
}

html.mm-iphone-addressbar body {
	padding-bottom: 60px
}

.mob-menus {
	width: 205px;
	box-shadow: inset 0 2px 1px 0 #f3f3f3
}

.mob-menus .sub {
	position: relative;
	padding: 10px 10px 0;
	display: none;
	background: url(img/mobile-drop.png)
}

.mob-menus .drop-open .sub {
	display: block
}

.mob-menus .sub:after {
	position: absolute;
	top: -7px;
	left: 60px;
	width: 13px;
	height: 7px;
	content: "";
	background: url(img/sprite.png) -250px 0 no-repeat
}

.mob-menus .sub>li {
	border: 0;
	padding: 0 0 9px
}

.mob-menus .sub>li>a {
	display: block;
	background: #0087bd;
	text-shadow: 0 -1px 0 #004c6e;
	border: 1px solid #00618a;
	border-color: #005b81 #006f9c #00618a #00648d;
	box-shadow: 1px 1px 0 0 #008fcd;
	border-radius: 4px;
	padding: 8px 15px;
	color: #fff;
	font: 700 17px/1 Roboto, sans-serif;
	text-transform: uppercase;
	position: relative;
	overflow: hidden
}

.mob-menus .sub>li>a:hover {
	color: #fff;
	background: #0ae
}

.mob-menus .sub>li>a:before {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 5px;
	height: 100%;
	background: #0ae;
	content: "";
	border-radius: 0 0 3px 3px
}

.shadow:before {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDwAAAAICAQAAAC/xyfAAAAJlklEQVR42u1bTY8kORF9z5nV3bN8roTEhQMHrvz/38GNIwcuCAkWEDPTXWk/DumPsNPOzKr+YHe1NdKoq8qODIfDES9euAiiej3g9/gdfoZnBFxxxRUBwoJAYYEH4DHhE77BBcACD4/AACFAIGZcMAHmMw9ixgQCBAQhIAAIICe4qIDiP4AkHABFjbR+SwKovwEAUXHU+h3A8n1cW8iSmJdLI4GVTJkRjLOaKdW48tfCdRghTpjLiiCmUWUFoqJGrFZB0CHOBMh1RXFVZLX23noVNVdX62TtuB1ZfzaDhM6LPYntkGy/kZS+CCrPZn5/4sW+TB0pWu1zsuWpBx1+2K67P1O7Tzm5+p9eY7OfsCfv3b0Uso4VwOD8WdkaL4d78nXiaUpy1A8Iu4vg9sO9ZwYrhDYkNXJYrU8lJKXYqBxJZd+tXwmAi6tbYyzjgWLOQ9UhE0AEeKPqrPHOFh0FgNLQI9idqjxX3Rkyh1/GmdIo13yZYmowVmWzSyE+j6J5XvpGQsw0ycYBHpID4OCMbT0WCBMIB8LBCfC4YokZdv1swoQZwBWf8QUeE4AJMwinGYTDBRdc4PCI/+Kv+AteOudgY70HfIvf4td4AhDg8YIrPBau6gZ4eDg84AnzChwYECLICFFBR5eTbN5yAsSUjanibXHpCXp0ExqtQ29TnHVmGZBxlFLUPI8N6CHYnrehxCvtpk8VvAHTyZyiKYL1rfWYxVNitE/asftsbpI+T0U+KJpZxpLNgeJxKBaPbXLy++o5rgJR2gjQUCo7oOr+PMbTmr/2xbOWegNtvm+ghu+qoCpH1YeZa3BmTuNpbd+p9wDuqqBO8rtzjRodPe3pI1XnSaa4kA1HGmqjVHqFvJM5UsokMQFCsPqpFI/BoiLM2oJSwog8hIB7UE3VeG4XdFjlUAWMmGIsxUO1PpIBibraq86vJSElCd74VyIDVuIgKGX0FYw4OEBCwIKveEHAhAkuzpo14YIHTHAAvuI7/A3/3ICOg8RxibzGN/glLnCYsHIeAR4LV/gRAEwgJky4pBqfZaPT4lbGouIPCncRE3Iaa10yZBSi9N5wBqmm1k4gEwA3LCzUcQ6y3syR+3Q9kIn3QOY3LM5cQUVJr84UJhk6kZGFKZhEbSgyDMqIkalWx900ypPVNse20FFG5DEH8TYJlsOdGdd63GMk9AqdOrHtbFX7fnjnVsn6nsm/FW+01Jvey7qtp4i7hAJvFaw30W1wYnUXQDoYpy3L02MHUsqnlLOENjsXgYsqbZXygnIVnaREHl2hOlOXbMywz140nAzP8EsNfmKDvrh7vtMnQYMyq+XiZdkOh6r8lqv0z4X+mnPyTKupImNix7poUYJYcIWHh+ABuAg5Zq3AYwbhEXDFv/E5ciHXob/wXNxweMKv8IQZD5jxiMcoITEgAZ5pMxMls/41IaxK0hBpUSYzgbQmR9r0Gz91th5nMZ01dntwXIXtXIQSgm1noNGm5z7OjCCYGYtxgi6me2E9aorQyll9a86BLfCxqNayOlXQYDmm2CNDzMFsIfpmNl8Zpqk3DOyKntF1Tu7DzjsASpeB0N3ybqXhf2qxvB/YurUR0jYKdLcPqKpbb4JcVXpWV6+b4Ixu87QN56izc1IrZAB2ZEdlkJDbxKWyZ5cvKHq5XOuXBkdp3FdMvmzaCzsxsxfhdVBVOACSDDAIQ89jNds0UOIKQx5XYFWrXynCU9merJ0aTrC8+WpHKc9K0AtVXvBa87WPedxmdACY5DLDsc56xjMWvGDBV/wLXytmaWw83hNRHR5wwRyT6SM+4RMuCCAuUUEX2y7BtNlU9bMKSGFemiA4zAB9NNtkgEnqfAWocAXGvKE52owMQ0nukyGXti3aBEhoWMUet+maIDBqwhTg88yty2UsaZsdDUBa/3dm7nobpDRlWGleeCJ2wKWxGdtAMOIvtI9lRuxvduyRkwk7lRCOWj3j6NfS2zR3f86yCTr6pmoOvh3d8HaQg+/NJnwQULh7DXeEOZ292TFGx8P0z6F0dZ8Yun660ujHWrIDGcYAi4eMh4ZnC8NVrKmPOdyMYJGaBkfMCLLJ2EZAI191+RhyM6Vuqzxpj1vYvmeUNajAugBFTUFaW8jCIQ5suHqItwyLWEEuGa7f7ltAaHJjGmdyqBaETaZlzkA0+hQw6GJ7JcQVXiE4XPEFX/AMAfBYcMVLD2ocHtn5tWTa36ukOoOYcMHjetEEQNCEGRNmOAQoXkpZzfyATybNFuKLupjGQ7miyZiIPQRlOZYdmSINhIz5ymWkdPyDmVMvbzJ8RNxGKs+rIQ1jIlcVugpWLWOd0TRh9c90GXIkScw9UEToturEhqAjthc3LRhB5JvqHqDLBFodBG1SFuvkXB/5Nni6fJjsxV4akJn7k9yGLWH/6qlemTLrGz9tBNmT7W7IbbfK0Q2I5P71/xhYE71q33vvwivYqrMzN3sumjOnQ1p//Bewrf7ZsKLYKQXaOrtmfFl5tE3qtlCs2AxxY1k2TwlNgnUNpAom5sWCVdsVE9eqRAkR1ChDhDLn56IBAnaFrrN6mluJ9X2+LRtiW+al8R8atlmm3KFqwGQvt7KO5uZnEQGoyknmLOBz3HJ55gLBpTuDmS8iCOpiwOdcWWEd8wUv8RbieoWCcAhY4LHA567Cgmdc4SEslU1+88ogM39UhPhz56xNuMRNmqq6fsJUUqaIRzxhzs7kAcyD9EDMDXgoiczHjZija/UQ+wY2aGUnZkzN9aRxuujfJHnAxWDxp47+qZ7+R9VMnAydaNCpEHUqsKIOe/NGW0Ugsb12oOoQ8LjmN6CqBmWuaxh268txy0sbPkE3pwGeqJ975On2d1N769hLWNOrD9Z41eFH2hBxbyrtFk6KN8ndI+lbX2OMWTV7wDu8uPYqVkntuCHK3LpobcTq9x4jriQ04IEDT0+QYmv9ZaOTz4nQY6nvwhk7e2P3gG9lC5/T8FMje4bMBxNXXCtueN+TpmblDi7+KmTL5dZRvAY0MHPYiQDE0qR9uyuL2QGHBV/xXP0Ew6ero3G8j2Dp2uz6+vrDB1Ut84fFlA8rw/7Eo+DmBtXH+LaA68CZ2wLqEz5V0EX35JvhMZsbwEV8Rw0SqwZkbwEPOr2qxwERa3BU5xhbhslWMu/lPFPD3PyQmAGdbCv98F98U1n8v2lfsyz+3Z7nDHvgO9X0eVaIeK5OX+jefyggZxQ5Clzoz/6Fbl1hG6kDFvznTT2/jvFfRncUTkvbi/G9TFO3dkavP/7orn79Dy3WumKe8M0UAAAAAElFTkSuQmCC) 50% 0/auto 100% no-repeat;
	content: "";
	width: 100%;
	height: 12px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .6
}

.btn-simple {
	display: inline-block;
	font: 900 18px/18px Roboto, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 9px 40px;
	text-shadow: 0 -1px 0 #447523;
	border-radius: 18px;
	background: 0 0/100% 100% #95c906;
	background: -moz-linear-gradient(top, #a2d90c 0, #89bb00 100%) 0 0/100% 100%;
	background: -webkit-linear-gradient(top, #a2d90c 0, #89bb00 100%) 0 0/100% 100%;
	background: -ms-linear-gradient(top, #a2d90c 0, #89bb00 100%) 0 0/100% 100%;
	background: linear-gradient(to bottom, #a2d90c 0, #89bb00 100%) 0 0/100% 100%;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	transition: all .4s linear
}

.btn-simple:hover {
	color: #fff;
	background-position: 0 -200%;
	background-size: 100% 200%
}

.link-arrow {
	font: 700 16px Roboto, sans-serif;
	color: #90c404;
	display: inline-block;
	margin: 32px 0 0;
	position: relative;
	text-transform: uppercase
}

.link-arrow:before {
	content: "";
	width: 108%;
	height: 3px;
	background: #e8e8e8;
	position: absolute;
	bottom: -10px;
	left: 0;
	transition: all .3s linear;
	opacity: 0
}

.link-arrow:hover {
	color: #90c404
}

.link-arrow:hover:before {
	background: #90c404
}

.link-arrow:after {
	content: "";
	width: 6px;
	height: 6px;
	border: 3px solid #90c404;
	border-width: 3px 3px 0 0;
	transform: rotate(45deg);
	display: inline-block;
	position: relative;
	left: 8px;
	top: -1px
}

.rd-box {
	max-width: 1103px;
	background: #fff;
	margin: -85px auto;
	position: relative;
	z-index: 3;
	border: 1px solid #dedede;
	border-radius: 5px;
	text-align: center;
	padding: 50px 20px
}

.foot-area {
	background-color: #fff
}

.rd-box-holder {
	background: #fff;
	padding: 40px 20px 50px
}

.rd-box.stream {
	margin: 0 auto
}

.rd-box:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #009ddc;
	height: 3px;
	border-radius: 0 4px 4px 0
}

.rd-box .txt {
	color: #009ddc;
	font: 700 42px/1.3 'Roboto Condensed', sans-serif;
	display: inline-block
}

.rd-box .btn-simple {
	display: inline-block;
	margin: 0 0 0 70px;
	border-radius: 5px;
	font-size: 17px;
	text-transform: uppercase;
	text-shadow: none;
	padding: 17px 20px;
	min-width: 250px;
	position: relative;
	top: -5px;
	color: #fff
}

.rd-box .btn-simple:hover {
	color: #fff
}

.rd-box .btn-simple:after {
	border-color: #fff
}

.de-blog-title a {
	color: #0078ae;
	transition: color .4s
}

.de-blog-title a:hover {
	color: #009ddc
}

.de-blog-item {
	margin: 0 0 20px;
	border: 1px solid #d9dadb;
	position: relative;
	min-height: 0;
	transition: min-height .3s linear;
	height: 50%;
	display: flex;
	flex-direction: column
}

.de-blog-item:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #009ddc;
	z-index: 2
}

.de-blog-img {
	display: block;
	margin: 20px;
	position: relative;
	overflow: hidden;
	max-height: 50%
}

.de-blog-img .overflow {
	display: block;
	box-sizing: border-box;
	transition: margin .4s linear
}

.de-blog-item img {
	transition: all .4s linear;
	position: relative;
	height: 257px;
}

.de-blog-item:hover .overflow {
	margin: 0
}

.de-text {
	position: relative;
    padding: 10px 20px 50px;
    flex-grow: 1;
    height: 115px;
}

.de-text-frame {
	padding: 0 24px;
	text-align: left;
	position: relative;
	overflow: hidden;
	z-index: 2
}

.de-blog-title {
	font: 700 22px/30px Roboto, sans-serif;
	text-transform: capitalize;
	color: #0078ae
}

.read-more-anim {
	display: none
}

.lead-box {
	background-color: #fff;
	position: relative;
	padding: 30px 0
}

.lead-box .frame {
	max-width: 1600px
}

.lead-box .section-title h2 {
	color: #0078ae;
	font-size: 50px
}

.lead-box .section-title h2 strong {
	font-family: Roboto, sans-serif;
	font-weight: 500
}

.lead-box .ttl {
	position: relative;
	margin: 7px 0 30px
}

.lead-box .ttl:after {
	content: "";
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 9px;
	background: #90c404
}

.lead-box h3 {
	font: 700 40px/1 Roboto, sans-serif;
	color: #0078ae;
	background: #fff;
	display: inline-block;
	vertical-align: bottom;
	padding-right: 60px;
	position: relative;
	z-index: 2
}

.lead-sections {
	display: table;
	width: 100%;
	table-layout: fixed
}

.lead-col {
	width: 33.3%;
	display: table-cell;
	vertical-align: top;
	padding: 0 11px
}

.lead-col .t-holder {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-bottom: 15px;
}

.lead-col .divider {
	display: none
}

.lead-box .tag {
	font: 400 12px/11px Arial, sans-serif;
	color: #9a9a9a;
	text-transform: uppercase;
	margin: 0 0 8px;
	padding: 0 0 0 8px;
	border-left: solid 2px #0087bd
}

.lead-box img {
	display: block;
	width: 100%;
	transition: opacity .4s
}

.lead-col .btn-raq {
	font-size: 17px;
	border-left: 0;
	transition: color .3s ease-out
}

.lead-col .btn-raq:after {
	font-size: 28px
}

.lead-col .btn-raq:hover,
.lead-col .btn-raq:hover:after {
	color: #0078ae!important
}

.lead-col .shadow {
	position: relative;
	padding-bottom: 35px
}

.lead-col .shadow:before {
	top: 100%;
	background-size: 130% 10px
}

.go-next-step {
	position: absolute;
	top: -45px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 90px;
	height: 90px;
	border-width: 5px;
	border-style: solid;
	border-radius: 50%;
	z-index: 20
}

.step-color-white {
	background: #fff
}

.step-color-light-grey {
	background: #f1f3f2
}

.step-color-dark {
	background: #13181d
}

.step-border-white {
	border-color: #fff
}

.step-border-blue {
	border-color: #0090c1
}

.step-border-light-grey {
	border-color: #f9f9f9
}

.gns-arrow {
	width: 56px;
	height: 28px;
	position: absolute;
	top: 36%;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transition: -webkit-transform .2s linear;
	transition: transform .2s linear
}

.go-next-step:hover .gns-arrow {
	-webkit-transform: translate(0, 8px);
	transform: translate(0, 8px)
}

.gs-arrow-left {
	fill: #4FBAEE
}

.gs-arrow-right {
	fill: #5AA6C8
}

.full-services-section {
	padding: 94px 10px;
	background: #fff;
	box-shadow: inset 0 4px 78px rgba(0, 0, 0, .1);
	position: relative
}

.full-services-section h2 {
	font: 300 50px/1.1 Roboto, sans-serif;
	color: #0078ae;
	text-align: center;
	margin: 0 0 50px
}

.full-services-section h2 span {
	font-family: Roboto, sans-serif;
	font-weight: 500
}

.fss-frame {
	max-width: 980px;
	margin: 0 auto
}

.services-tabs {
	margin: 0 0 24px;
	position: relative;
	font-size: 0;
	line-height: 0
}

.services-tabs:before {
	position: absolute;
	top: 77px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 74%;
	height: 22px;
	content: "";
	background: linear-gradient(to bottom, #d5d5d5 0, #dedede 10%, #e5e5e5 14%, #f1f1f1 29%, #f6f6f6 38%, #f8f8f8 48%, #f8f8f8 81%, #f6f6f6 90%, #f1f1f1 100%);
	z-index: 1
}

.services-tabs li {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	position: relative;
	z-index: 2;
	padding: 192px 0 0
}

.fss-step-number {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 176px;
	height: 176px
}

.fss-step-number strong {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 152px;
	height: 152px;
	border-radius: 50%;
	background: #f7f7f7;
	box-shadow: inset 0 3px 4px rgba(0, 0, 0, .2);
	content: "";
	z-index: 1;
	transition: all .2s
}

.active .fss-step-number strong {
	width: 176px;
	height: 176px
}

li:nth-child(2) .fss-step-number strong:before {
	position: absolute;
	top: 50%;
	margin-top: -11px;
	width: 3px;
	height: 22px;
	content: "";
	background: linear-gradient(to bottom, #d5d5d5 0, #dedede 10%, #e5e5e5 14%, #f1f1f1 29%, #f6f6f6 38%, #f8f8f8 48%, #f8f8f8 81%, #f6f6f6 90%, #f1f1f1 100%)
}

li:first-child .fss-step-number strong:after {
	right: 0
}

li:last-child .fss-step-number strong:after,
li:nth-child(2) .fss-step-number strong:after {
	left: 0
}

li:nth-child(2) .fss-step-number strong:before {
	right: 0
}

.fss-step-number em {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 118px;
	height: 118px;
	background: #fff;
	color: #a0a0a0;
	border-radius: 50%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
	font: 700 57px/118px Roboto, sans-serif;
	text-align: center;
	z-index: 2;
	transition: all .2s
}

.active .fss-step-number em {
	color: #fff;
	background: rgba(136, 186, 0, 1);
	width: 142px;
	height: 142px;
	line-height: 142px
}

.fss-active-1 li:nth-child(1) .fss-step-number em,
.fss-active-2 li:nth-child(1) .fss-step-number em,
.fss-active-2 li:nth-child(2) .fss-step-number em {
	background: #0078ae;
	color: #fff
}

a:hover .fss-step-number em {
	color: #fff;
	background: rgba(136, 186, 0, 1)
}

.tab-text {
	font: 700 24px/1.1 Roboto, sans-serif;
	color: #a0a0a0;
	text-align: center;
	display: block;
	padding: 0 40px
}

.active .tab-text {
	color: #88ba00
}

.fss-active-1 li:nth-child(1) .tab-text,
.fss-active-2 li:nth-child(1) .tab-text,
.fss-active-2 li:nth-child(2) .tab-text {
	color: #0078ae
}

.progress-filler {
	margin: 0 0 60px;
	height: 17px;
	background: #0078ae;
	border-radius: 4px;
	position: relative
}

.progress-indicator {
	display: block;
	width: 33.33%;
	height: 17px;
	background: #88ba00;
	border-radius: 4px;
	transition: width .4s
}

.fss-active-1 .progress-indicator {
	width: 66.66%
}

.fss-active-2 .progress-indicator {
	width: 100%
}

.progress-active {
	position: absolute;
	top: 100%;
	margin-left: -22px;
	width: 0;
	height: 0;
	border-left: 22px solid transparent;
	border-right: 22px solid transparent;
	border-top: 16px solid #88ba00;
	transition: left .4s
}

.fss-active-0 .progress-active {
	left: 16.3%
}

.fss-active-1 .progress-active {
	left: 50%
}

.fss-active-2 .progress-active {
	left: 83.5%
}

.tabs-content {
	padding: 0 46px
}

.tabs-column {
	float: left;
	width: 57.8%;
	font-size: 17px;
	line-height: 1.6;
	color: #5a6063
}

.tabs-column:first-child {
	width: 42.1%;
	padding: 0 48px 0 0;
	font: 700 33px/1.2 Roboto, sans-serif;
	color: #0078ae
}

.tabs-content p {
	margin: 0 0 28px
}

.tabs-content a {
	font-weight: 700;
	color: #0078ae
}

.tabs-content a:hover {
	color: #88ba00
}

.mCustomScrollbar {
	-ms-touch-action: none;
	touch-action: none
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto
}

.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: 0;
	direction: ltr
}

.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto
}

.mCSB_inside>.mCSB_container {
	margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0
}

.mCSB_scrollTools {
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools {
	right: auto;
	left: 0
}

.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	border-radius: 16px;
	text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 8px
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
	transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
	opacity: .75
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
	opacity: 0
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
	opacity: 1
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: rgba(0, 0, 0, .4)
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(255, 255, 255, .75)
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: rgba(255, 255, 255, .85)
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: rgba(255, 255, 255, .9)
}

.feat-expanded-section {
	padding: 90px 0 60px;
	position: relative;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAllBMVEUVGh8UGR4WGyATGB0XHCEZHiMYHSIaHyQbICUSFxwUGR0YHSETGBwXHCAYHCETFxwVGh4ZHiIUGB0ZHSIWGx8SFxsaHyMbICQVGR4WGh8XGyAaHiMRFhsVGyARFRoRFhoQFRkSFhsUGBwTGR4UGh4UGh8VGiAaICQcISYQFBkSFhoSGB0TGR0UGR8VGR0WGh4XHSIZHyTRdQMyAAACMElEQVQYGQXBBYIkRxADQCmpqJmHFo7N9v8/5wgYkhD5j2sguqCKEziAeijEQZNkzrlnq42GLP/x0Dy2PRDEoZAAqhR5kIwq5jru/XvByQ5Ya88ByWEW2jgUQ88BvTp8x97dJpb873Qf1eyD47To0jAhFDyBfhxshgdNDKlmzZirFy/CWOCo1ldQ2AEiP0mcFPif1IdUmGC63W9D+hHmkiRqU8chDaFzATC8K7NebQPTB2SGMgTiVAQWf7t1qa0DAut1XlF6XT8HhLgaYKYvIbVA3DY0VSaZ4JRRdoDp5bxzdayaGHQxCfHJ1PphQVlmTiaUA53G1HUrRAOQjWSgu783OnNS5/y0j+3LDTMCzql7CGwnzvrkKHIGmYvqCmVW6NYRuN2OSNr6p5nDcOcvsRp6XIb0A1fnSsvCBEECmGy7emXXY4Sj5urWED1mxvfGjMRB0zXUYTJBk3G5q7IzW0WYBGOCwDto5gT8ROKq7pNPYQnHGH8N9Z/fBumfUkBkQhrMi8g8siSUsHHXNL7RURIdzkg661xOxpTVikhmKj3xALcgeXUcFuDX2NEV9K7boAQbjM61/d7vGZmNB5LMVRB4CEaclV9D3/9eyKQLV77q/fW2PaDMUNegM5keOsCQPk3vS1vi0zV9Ryw7TqhgXGYqB+u/OUp11Kd/fcP2ZbdqJbU9xDW9zJwZmTatJQwaGb05ZSMY33qemCxBkG8KhzqSONOms6SSSoiwiTFzoON/83IeUYnE+XAAAAAASUVORK5CYII=);
	text-align: center;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.feat-expanded-section .section-title {
	margin-bottom: 15px
}

.section-title.in-dark p {
	color: #758288;
	font-size: 20px
}

.feat-section-frame {
	max-width: 1582px;
	margin: 0 auto
}

.feat-section-frame .ready-discuss {
	background: rgba(255, 255, 255, .03);
	text-align: center;
	padding: 45px 0 50px;
	margin: 50px 6px 0
}

.feat-gallery-images .slide-item {
	display: none;
	position: relative;
	overflow: hidden;
	outline: transparent solid 1px;
	width: 100%;
	height: 835px;
	color: #fff
}

.feat-gallery-images .slide-item.active-slide-item {
	display: block
}

.feat-gallery-images .slide-item.active-slide-item.no-transform,
.feat-gallery-images .slide-item.active-slide-item.start-load {
	-webkit-clip-path: none;
	clip-path: none
}

.feat-expanded-section .tab-lnk {
	display: inline-block;
	vertical-align: top
}

.feat-expanded-section .tab-lnk>a {
	display: inline-block;
	height: auto;
	width: 100%
}

.feat-expanded-section .exp-bg {
	background-color: #000;
	padding: 15px 0;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 19px;
	position: relative;
	z-index: 2;
	overflow: hidden
}

.feat-expanded-section .feat-section-frame {
	position: relative
}

.feat-expanded-section .exp-bg.aol {
	background-image: url(img/bg-aol.jpg)
}

.feat-expanded-section .exp-bg.epicreads {
	background-image: url(img/bg-epicreads.jpg)
}

.feat-expanded-section .exp-bg.johnjay {
	background-image: url(img/bg-johnjay.jpg)
}

.feat-expanded-section .exp-bg.nfl {
	background-image: url(img/bg-nfl.jpg)
}

.feat-expanded-section .exp-bg.paulstuart {
	background-image: url(img/bg-paul.jpg)
}

.feat-expanded-section .exp-bg.amf {
	background-image: url(img/bg-amf.jpg)
}

.feat-expanded-section .exp-bg.nuna {
	background-image: url(img/bg-nuna.jpg)
}

.feat-expanded-section .exp-bg.serviceking {
	background-image: url(img/bg-serviceking.jpg)
}

.feat-expanded-section .exp-bg.engel {
	background-image: url(img/bg-engel.jpg)
}

.button-close {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 59px;
	height: 67px;
	background-color: #b20000;
	transition: background .3s;
	border-radius: 0 0 3px 3px;
	box-shadow: inset -1px -1px rgba(0, 0, 0, .3), inset 1px 0 #c43a3a, 1px 1px rgba(255, 255, 255, .2);
	color: #fff;
	z-index: 5
}

.button-close:active,
.button-close:hover {
	background-color: #900101
}

.button-close:after,
.button-close:before {
	content: "";
	width: 36px;
	height: 4px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 2px;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	transition: all .2s
}

.button-close:after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

.feat-content .btn-raq {
	text-transform: uppercase;
	color: #009ddc!important;
	font: 700 17px Roboto, sans-serif;
	margin-top: 7px;
	display: inline-block;
	border: none
}

.feat-content {
	max-width: 1280px;
	margin: 0 auto;
	text-align: left;
	position: relative
}

.feat-brand {
	text-indent: -9999px;
	overflow: hidden;
	text-align: center;
	height: 178px;
	position: absolute;
	width: calc(100% - 416px);
	top: 7px;
	right: 0;
	max-width: 953px
}

.feat-brand:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.engel .feat-brand:after {
	background: url(img/logo-engel.png) no-repeat;
	width: 287px;
	height: 68px
}

.serviceking .feat-brand:after {
	background: url(img/logo-serviceking.png) no-repeat;
	width: 202px;
	height: 71px
}

.aol .feat-brand:after {
	background: url(img/logo-aol.png) no-repeat;
	width: 319px;
	height: 89px
}

.nuna .feat-brand:after {
	background: url(img/logo-nuna.png) no-repeat;
	width: 278px;
	height: 48px
}

.epicreads .feat-brand:after {
	background: url(img/logo-epicreads.png) no-repeat;
	width: 236px;
	height: 65px
}

.johnjay .feat-brand:after {
	background: url(img/logo-johnjay.png) no-repeat;
	width: 129px;
	height: 93px
}

.nfl .feat-brand:after {
	background: url(img/logo-nfl.png) no-repeat;
	width: 91px;
	height: 123px
}

.paulstuart .feat-brand:after {
	background: url(img/logo-paul.png) no-repeat;
	width: 215px;
	height: 36px
}

.amf .feat-brand:after {
	background: url(img/logo-amf.png) no-repeat;
	width: 141px;
	height: 109px
}

.feat-txt h5 {
	font: 300 22px/1.3 Roboto, sans-serif;
	margin-bottom: 25px;
	color: #fff
}

.feat-txt p {
	margin-bottom: 25px
}

.feat-txt ul li {
	line-height: 1.5;
	padding-left: 19px
}

.feat-txt ul li:before {
	content: "»";
	display: inline-block;
	font-size: 19px;
	color: #009ddc;
	text-indent: -19px
}

.feat-txt-holder {
	position: relative;
	overflow: hidden;
	padding: 185px 0 0;
	margin-right: 50px;
	z-index: 3
}

.feat-txt {
	padding: 46px 46px 24px 454px;
	position: relative;
	box-sizing: border-box;
	border: solid #4a4a4a;
	border-width: 0 1px 1px 0;
	background: #1f1f1f;
	color: silver;
	font-size: 16px;
	line-height: 1.7;
	z-index: 3;
	max-width: 953px
}

.feat-txt .btn-holder br {
	display: none
}

.feat-content .btn-holder {
	border-top: 1px solid #3d3d3d;
	margin: 40px 0 0;
	padding: 24px 0 0
}

.feat-gallery {
	position: relative;
	z-index: 4;
	float: left;
	max-width: 728px;
	margin: 53px 63px 0 0;
	min-height: 850px
}

.feat-gallery-images {
	position: absolute;
	top: 0;
	left: 100%;
	width: 514px;
	z-index: 4;
	overflow: hidden
}

.feat-gallery-images .mCSB_inside>.mCSB_container {
	margin-right: 0
}

.feat-gallery-images .mCSB_scrollTools {
	width: 0;
	overflow: hidden
}

.feat-gallery-images .slide-item.no-transform {
	overflow: visible
}

.feat-gallery-images .active-slide-item .slide-item-inner:after {
	content: "";
	width: 80%;
	width: calc(100% - 36px);
	height: 250px;
	position: absolute;
	bottom: -1px;
	left: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);
	transition: opacity .1s linear;
	z-index: 4
}

.feat-gallery-images .loaded.slide-item-inner .img-slide {
	background-color: transparent
}

.feat-gallery-images .start-load .slide-item-inner .img-slide,
.feat-gallery-images .start-load .slide-item-inner:after {
	opacity: 0
}

.feat-gallery-images .slide-item-inner .img-slide,
.feat-gallery-images .slide-item-inner:after {
	opacity: 1
}

.feat-gallery-images .slide-item.no-transform .slide-item-inner:after {
	display: none
}

.start-load .slide-item-inner {
	overflow: visible
}

.slide-item-inner .img-loader:after {
	top: 270px
}

.slide-item-inner .img-loader {
	height: 835px
}

.slide-item-inner {
	padding-right: 36px;
	position: relative;
	overflow: hidden;
	z-index: 4
}

.feat-gallery-images .no-transform .slide-item-inner {
	overflow: visible
}

.expand-shape-wrap {
	position: absolute;
	top: 0;
	left: -1000000%
}

.no-transform .slide-item-inner img {
	max-width: 470px
}

.slide-img-wr {
	position: relative;
	text-align: center;
	-webkit-backface-visibility: hidden
}

.feat-gallery-images .slide-item.scroll .slide-item-inner,
.feat-gallery-images .slide-item:first-child .slide-item-inner,
.slide-item-inner {
	max-height: 850px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slide-item-inner .mCSB_inside>.mCSB_container {
	cursor: ns-resize
}

.feat-expanded-section .img-side {
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-transform: skewY(-20deg);
	transform: skewY(-20deg);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.feat-expanded-section .img-side-block+img {
	margin-left: 8px;
	max-width: 470px
}

.feat-expanded-section .start-load .img-side-block {
	left: 9px;
	opacity: 0
}

.feat-expanded-section .img-side-block {
	width: 9px;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	left: 0;
	opacity: 1;
	transition: left .2s linear
}

.feat-expanded-section .img-side-block:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .2)
}

.feat-expanded-section .img-side-block img {
	max-width: none;
	width: 100000%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.feat-expanded-section .img-body {
	width: 100%;
	width: calc(100% - 9px);
	margin-left: 9px
}

.feat-gallery-thumbs {
	float: left;
	width: 213px;
	margin: 132px 0 0;
	padding: 33px 0;
	background: #fff;
	text-align: center;
	position: relative;
	z-index: 3
}

.feat-gallery-thumbs:after {
	content: "";
	position: absolute;
	background-color: #fff;
	height: 100%;
	width: 30%;
	left: 100%;
	top: 0
}

.feat-gallery-thumbs>a {
	display: inline-block;
	box-shadow: 3px 3px #939392;
	margin: 6px 0 6px 12px;
	transition: all .3s;
	position: relative;
	background: #dedede
}

.feat-gallery-thumbs>a:before {
	content: "";
	position: absolute;
	right: -16px;
	top: 50%;
	margin-top: -12px;
	opacity: 0;
	border-left: 12px solid #88ba00;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	transition: all .3s
}

.feat-gallery-thumbs>a.active,
.feat-gallery-thumbs>a:hover {
	box-shadow: 0 1px #fff, 6px 6px #88ba00
}

.feat-gallery-thumbs>a.active {
	-webkit-transform: translate(-3px, -3px);
	transform: translate(-3px, -3px)
}

.feat-gallery-thumbs>a.active:before {
	opacity: 1
}

.feat-expanded-section img {
	transition: all .5s ease
}

.load-start img {
	opacity: 0!important;
	position: absolute;
	transition: .3s
}

.first-loaded>img:first-child,
.loaded img {
	opacity: 1!important;
	position: static
}

.expanded-mode .main-image {
	cursor: pointer;
	margin-bottom: 7px;
	position: relative
}

.slide-item.start-draw img {
	opacity: 0!important
}

.industry-section {
	background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAvAC0DASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAECB//EACUQAAEDAgYBBQAAAAAAAAAAAAEAESExQQJRYXGBkTISQrHB8f/EABYBAQEBAAAAAAAAAAAAAAAAAAABBv/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AOZizNZK4XOS0HaaOFmR11K1TDLL6ygkhqQyE1QWGzqgRHCYi/ZUFBtCuKpbNAHkHrCg8aWVG2Se1tPtQA79/CCSIvRCZd3qgzs4QLHJlMQkuboaTMW3VI2qUDQs0JDbhAH1kKWn9lBo35kKASOFS19VJcaMqJBEUZUgTF1CXEgUntUgF/VYkKD/2Q==);
	position: relative;
	padding: 95px 0 100px;
	margin-top: -1px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.industry-section a {
	color: #fff
}

.industry-section:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.industry-section .frame {
	max-width: 1060px;
	min-width: 287px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	text-align: center;
	color: #fff
}

.industry-section h2 {
	font: 500 50px/1.1 Roboto, sans-serif;
	margin-bottom: 10px;
	color: #fff;
}

.industry-section .subheading {
	font-size: 20px;
	margin-bottom: 20px
}

.industry-section .content {
	border-radius: 0 0 10px 10px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .03) 12%, rgba(0, 0, 0, .16) 39%, rgba(0, 0, 0, .17) 51%, rgba(0, 0, 0, .18) 100%)
}

.industry-section .list {
	font: 700 24px/1.1 Roboto, sans-serif;
	padding: 43px 0 0
}

.industry-section .list li {
	display: inline-block;
	vertical-align: top
}

.industry-section .list a {
	display: inline-block;
	padding: 26px 17px;
	position: relative;
	transition: all .3s linear
}

.industry-section .list a:before {
	content: "";
	background: url(https://www.webhostbd.com/wp-content/uploads/2018/03/ico-industries.png;) no-repeat;
	display: block;
	min-height: 61px;
	margin: 0 auto 14px
}

.industry-section .list .b2b:before {
	width: 62px;
	height: 51px;
	background-position: -3px -3px
}

.industry-section .list .ecommerce:before {
	width: 51px;
	height: 58px;
	background-position: -69px -3px
}

.industry-section .list .b2c:before {
	width: 51px;
	height: 48px;
	background-position: -124px -3px
}

.industry-section .list .enterprise:before {
	width: 53px;
	height: 52px;
	background-position: -179px -3px
}

.industry-section .list .education:before {
	width: 64px;
	height: 52px;
	background-position: -235px -3px
}

.industry-section .list .startups:before {
	width: 38px;
	height: 61px;
	background-position: -371px -3px
}

.industry-section .list .profit:before {
	width: 57px;
	height: 49px;
	background-position: -311px -3px
}

.industry-section .list a:active,
.industry-section .list a:hover {
	background: rgba(0, 157, 220, .25);
	box-shadow: inset 4px 4px 10px -4px rgba(0, 0, 0, .3);
	border-radius: 3px
}

.industry-expand-list {
	padding: 15px 30px 25px;
	display: none
}

.industry-expand-list ul {
	display: inline-block;
	font-size: 15px
}

.industry-expand-list li {
	text-align: left;
	width: 31.9%;
	margin: 1px .5% 0;
	background: rgba(0, 0, 0, .18);
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box
}

.industry-expand-list a {
	display: block;
	padding: 11px 15px 11px 22px;
	transition: all .3s linear
}

.industry-expand-list a:before {
	content: "\bb";
	padding-left: 6px;
	font-size: 19px;
	position: relative;
	left: -9px;
	color: #009ddc
}

.industry-expand-list a:active,
.industry-expand-list a:hover {
	padding-left: 32px;
	background: #88ba00
}

.industry-expand-list a:active:before,
.industry-expand-list a:hover:before {
	color: #fff
}

.button {
	background: #fff;
	color: #0078ae;
	font: 700 18px/1 Roboto, sans-serif;
	border-radius: 25px;
	padding: 16px 12px;
	box-sizing: border-box;
	display: inline-block;
	box-shadow: 1px 1px #065c8b;
	position: relative;
	width: 260px;
	text-align: center;
	transition: width .3s linear;
	white-space: nowrap
}

.button.close {
	padding-right: 45px;
	box-shadow: 0 3px #065c8b;
	width: 180px
}

.button.close:after {
	content: "";
	border-radius: 50%;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .9);
	width: 28px;
	height: 28px;
	position: absolute;
	top: 10px;
	right: 15px
}

.button.close:before {
	content: "";
	position: absolute;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #0078ae;
	top: 21px;
	right: 23px
}

.industry-section .button {
	color: #0078ae;
	position: relative;
	bottom: -25px
}

.solutions-section {
	background: linear-gradient(to bottom, #f9f9f9 0, #fdfdfd 82%, #fff 83%, #fefefe 100%);
	text-align: center;
	padding: 58px 0 90px;
	position: relative
}

.solutions-section h2 {
	font: 500 36px/1.3 Roboto, sans-serif;
	color: #0078ae;
	margin: 0 0 70px
}

.solutions-section .item {
	display: inline-block;
	vertical-align: top;
	padding: 0 29px;
	margin-bottom: 20px;
	position: relative;
	font: 700 16px/1.2 Roboto, sans-serif
}

.solutions-section h3 a {
	display: block;
	font-size: 23px;
	position: relative;
	z-index: 22
}

.solutions-section .t-cell {
	width: 126px;
	height: 116px;
	padding-left: 2px;
	transition: all .1s linear
}

.solutions-section h3 .ico {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto -15px;
	border-radius: 50%;
	width: 126px;
	height: 126px;
	background: linear-gradient(to bottom, #f6f6f4 0, #f6f6f4 38%, #fafaf8 64%, #fbfbf9 100%);
	border: 3px solid #fff;
	transition: all .05s linear;
	z-index: 4
}

.solutions-section .ico .ico-consulting {
	display: inline-block;
	width: 53px;
	fill: #71970d
}

.solutions-section .ico .ico-design {
	display: inline-block;
	width: 51px;
	fill: #f18f0e
}

.solutions-section .ico .ico-dev {
	display: inline-block;
	width: 58px;
	fill: #862e9f
}

.solutions-section .ico .ico-marketing {
	display: inline-block;
	width: 61px;
	fill: #009ddc
}

.solutions-section h3 .txt {
	display: block;
	position: relative;
	z-index: 5
}

.solutions-section .ico svg {
	height: 115px;
	width: 115px
}

.solutions-section .ico .ico-mobile {
	width: 87px;
	fill: #aa4141
}

.solutions-section .consulting h3 .ico {
	box-shadow: -3px -3px 5px rgba(95, 128, 7, .13)
}

.solutions-section .design h3 .ico {
	box-shadow: -3px -3px 5px rgba(212, 123, 6, .13)
}

.solutions-section .dev h3 .ico {
	box-shadow: -3px -3px 5px rgba(160, 41, 189, .13)
}

.solutions-section .onl-marketing h3 .ico {
	box-shadow: -3px -3px 5px rgba(108, 186, 216, .13)
}

.solutions-section .mobile h3 .ico {
	box-shadow: -3px -3px 5px rgba(151, 19, 13, .13)
}

.solutions-section .consulting a {
	color: #71970d
}

.solutions-section .design a {
	color: #f18f0e
}

.solutions-section .dev a {
	color: #862e9f
}

.solutions-section .mobile a {
	color: #aa4141
}

.solutions-section .onl-marketing a {
	color: #009ddc
}

.sw-logo-hold svg {
	width: 100%;
	height: 100%;
	vertical-align: middle
}

.sw-description {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
	font: 400 17px/1.5 Roboto, Arial, sans-serif;
	color: #5a6063;
	width: 415px
}

.wma-anim {
	width: 53px;
	height: 70px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-49%, -57%) scale(0.55);
	-webkit-transform: translate(-50%, -57%) scale(0.53)
}

.wma-anim .sq {
	position: absolute;
	background-color: #AA4141;
	width: 18px;
	height: 18px
}

.wma-anim .sq:nth-child(odd) {
	left: 6px
}

.wma-anim .sq:nth-child(even) {
	left: 29px
}

.wma-anim .sq01,
.wma-anim .sq02 {
	top: 6px
}

.wma-anim .sq03,
.wma-anim .sq04 {
	top: 29px
}

.wma-anim .sq05,
.wma-anim .sq06 {
	top: 51px
}

@keyframes sq01Move {
	0%,
	13% {
		left: 6px
	}
	33% {
		left: 59px;
		transform: translateY(0)
	}
	33.2% {
		left: -29px;
		transform: translateY(-100px)
	}
	46% {
		left: -29px;
		transform: translateY(0)
	}
	100%,
	54% {
		left: 6px
	}
}

@keyframes sq02Move {
	0% {
		left: 29px
	}
	5% {
		left: 59px;
		transform: translateY(0)
	}
	5.5% {
		left: -29px;
		transform: translateY(-100px)
	}
	27% {
		left: -29px;
		transform: translateY(0)
	}
	100%,
	33% {
		left: 29px
	}
}

@keyframes sq05Move {
	0%,
	17% {
		left: 6px
	}
	37% {
		left: 59px;
		transform: translateY(0)
	}
	37.5% {
		left: -29px;
		transform: translateY(-100px)
	}
	50% {
		left: -29px;
		transform: translateY(0)
	}
	100%,
	58% {
		left: 6px
	}
}

@keyframes sq06Move {
	0%,
	8% {
		left: 29px
	}
	14% {
		left: 59px;
		transform: translateY(0)
	}
	14.5% {
		left: -29px;
		transform: translateY(-100px)
	}
	33% {
		left: -29px;
		transform: translateY(0)
	}
	100%,
	42% {
		left: 29px
	}
}

@keyframes sq07Move {
	0%,
	13% {
		left: 6px
	}
	37% {
		left: 59px;
		transform: translateY(0)
	}
	37.5% {
		left: -29px;
		transform: translateY(-100px)
	}
	53% {
		left: -29px;
		transform: translateY(0)
	}
	100%,
	63% {
		left: 6px
	}
}

@keyframes sq08Move {
	0% {
		left: 29px
	}
	7% {
		left: 59px;
		transform: translateY(0)
	}
	7.5% {
		left: -29px;
		transform: translateY(-100px)
	}
	37% {
		left: -29px;
		transform: translateY(0)
	}
	100%,
	46% {
		left: 29px
	}
}

.img-loader {
	width: 100%;
	height: 470px;
	position: relative;
	transition: .5s;
	z-index: 1
}

.first-loaded>.img-loader {
	position: absolute;
	opacity: .5
}

.loaded>.img-loader {
	position: absolute;
	opacity: 0;
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.img-loader:after {
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: loaderAnim 1.5s steps(28) infinite;
	animation: loaderAnim 1.5s steps(28) infinite;
	background: url(img/loader-sprite.png) no-repeat
}

@-webkit-keyframes loaderAnim {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 0 -2800px
	}
}

@keyframes loaderAnim {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 0 -2800px
	}
}

.scroll-arrow-wrap {
	position: absolute;
	top: -35px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .08);
	z-index: 20;
	background: #fff
}

.scroll-arrow {
	width: 36px;
	height: 16px;
	position: absolute;
	top: 42%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: transform .2s linear
}

.scroll-arrow-wrap:hover .scroll-arrow {
	-webkit-transform: translate(0, 3px);
	transform: translate(0, 3px)
}

.scroll-arrow-right {
	fill: #009ddc
}

.scroll-arrow-left {
	fill: #00b2fa
}

.slide-area {
	display: none
}

.scroll-arrow-wrap+.content-section,
.scroll-arrow-wrap+.dark-section,
.scroll-arrow-wrap+.slider-section:not(.process-section) {
	padding-top: 80px
}

@media only screen and (max-width:1700px) {
	.lead-box .frame {
		padding: 0 10px
	}
}

@media only screen and (max-width:1600px) {
	.f-menu-wrapper .frame-alt {
		padding: 0 20px
	}
	.f-post {
		padding: 60px 20px 20px
	}
	.socials-box {
		padding: 0 20px
	}
	.location-subttl {
		font-size: 24px
	}
	.location-cell .loc-txt {
		width: 300px;
		padding-right: 20px
	}
	.loc-phone {
		display: block;
		margin-bottom: 10px
	}
	.loc-phone:after {
		display: none
	}
	.loc-visual {
		right: 330px
	}
	.location-cell:not(:first-child)::before {
		left: 6%
	}
	.location-ttl span:after,
	.location-ttl span:before {
		width: 39%
	}
	.f-menu-wrapper .loc-phone {
		display: inline-block;
		margin: 0
	}
}

@media only screen and (max-width:1500px) {
	.loc-visual img {
		width: 290px;
		height: auto
	}
	.loc-active .loc-visual {
		width: 290px
	}
	.location-cell .loc-txt {
		padding: 0 20px 0 0
	}
	.location-subttl {
		font-size: 22px
	}
	.loc-address {
		padding: 4px 0 6px
	}
	.location-cell:before {
		display: none
	}
	.loc-phone {
		margin-bottom: 5px
	}
}

@media only screen and (max-width:1400px) {
	.loc-visual {
		right: 320px
	}
}

@media only screen and (max-width:1300px) {
	.f-menu-content .fmc-list a {
		font-size: 13px;
		line-height: 2
	}
	.f-menu-content .fmc-list li {
		margin: 4px 7px 0
	}
	.f-menu-wrapper {
		font-size: 15px
	}
	.f-post h6 {
		font-size: 24px
	}
	.f-post .divider {
		width: 1.5%
	}
	.f-post .txt {
		width: 60.25%;
		padding-left: 17px
	}
	.f-post .visual {
		width: 38.25%
	}
	.f-post .whitepaper-post .txt {
		padding-left: 17px
	}
	.location-area .t-holder {
		-webkit-transform: scale(.85) translateX(-9%);
		transform: scale(.85) translateX(-9%);
		margin: -10px auto -20px;
		width: 118%
	}
	.loc-address {
		font-size: 20px
	}
	.loc-visual {
		margin-top: -10px;
		-webkit-transform: translateY(-55%);
		transform: translateY(-55%)
	}
	.location-ttl span:after,
	.location-ttl span:before {
		width: 37%
	}
}

@media only screen and (max-width:1170px) {
	.feat-txt-holder {
		margin-right: 0
	}
	.socials .item {
		font-size: 20px;
		height: 63px
	}
	.socials .icn {
		margin: -2px 4px 0 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
	.location-area .t-holder {
		-webkit-transform: scale(.8) translateX(-13%);
		transform: scale(.8) translateX(-13%);
		margin: -19px auto -29px;
		width: 126%
	}
	.rd-box {
		margin: -85px 20px
	}
	.f-menu-wrapper .t-cell,
	.f-menu-wrapper .t-holder {
		display: block;
		width: 100%;
		text-align: center;
		white-space: normal
	}
	.f-menu-content .fmc-list a {
		line-height: 14px
	}
	.f-menu-wrapper .fmc-contact {
		padding-top: 20px
	}
}

@media only screen and (max-width:1090px) {
	.solutions-section .item {
		padding: 0 24px
	}
	.industry-section {
		padding: 50px 0 120px
	}
	.industry-section .frame {
		max-width: 100%;
		box-sizing: border-box;
		padding: 0 30px
	}
	.industry-section h2 {
		font-size: 45px;
		margin-bottom: 7px
	}
	.industry-section .subheading {
		font-size: 18px;
		margin-bottom: 10px
	}
	.industry-section .list {
		padding: 10px 0 0;
		font-size: 18px
	}
	.industry-section .list a {
		padding: 15px 10px
	}
	.industry-section .list a:before {
		transform: scale(.75);
		-webkit-transform: scale(0.75);
		margin-bottom: 6px
	}
}

@media only screen and (max-width:1024px) {
	.de-blog-img {
		margin: 10px
	}
	.de-text {
		padding: 0 10px 40px
	}
	.de-blog-title {
		line-height: 28px
	}
	.de-text-frame {
		padding: 0 12px
	}
	.lead-box h3 {
		font-size: 32px;
		padding-right: 30px
	}
	.lead-box .frame {
		padding: 0 10px
	}
	.lead-col {
		padding: 0 8px
	}
	.feat-expanded-section .exp-bg {
		background-size: 1400px auto
	}
	.feat-gallery {
		float: none;
		max-width: 657px;
		margin: 50px auto 0
	}
	.feat-gallery-thumbs {
		margin-top: 86px;
		padding: 20px 0;
		max-width: 186px;
		border: none;
		width: auto
	}
	.feat-gallery-thumbs:after {
		display: none
	}
	.feat-gallery-thumbs>a {
		max-width: 140px
	}
	.feat-gallery-thumbs>a:before {
		right: auto;
		left: -12px;
		margin-top: -9px;
		border-left: none;
		border-right: 9px solid #88ba00;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent
	}
	.feat-gallery-thumbs>a.active,
	.feat-gallery-thumbs>a:hover {
		box-shadow: 0 1px #fff, -4px 4px #88ba00
	}
	.feat-txt {
		border-right: none;
		padding: 46px 46px 24px;
		max-width: 100%
	}
	.feat-gallery-images {
		float: left;
		margin-right: -46px;
		position: static
	}
	.feat-content {
		position: relative
	}
	.feat-brand {
		width: 100%;
		max-width: 100%;
		top: 4px;
		height: 132px
	}
	.feat-brand:after {
		-webkit-transform: scale(0.7) translate(-71%, -51%);
		transform: scale(.7) translate(-71%, -51%);
		margin-left: 240px
	}
	.johnjay .feat-brand:after {
		margin-left: 233px
	}
	.aol .feat-brand:after,
	.engel .feat-brand:after {
		margin-left: 196px
	}
	.button-close {
		width: 49px;
		height: 57px
	}
	.button-close:after,
	.button-close:before {
		width: 33px
	}
	.feat-txt-holder {
		clear: both;
		padding: 0;
		position: static;
		margin-right: 0;
		max-width: 100%
	}
	.feat-section-frame h2 {
		font-size: 45px
	}
	.feat-expanded-section .tab-lnk {
		display: inline-block;
		vertical-align: bottom;
		width: 31%;
		height: auto;
		max-width: 353px;
		margin: 0 6px
	}
	.home-slider-content .hs-left {
		padding-left: 20px;
		background-size: 370px auto
	}
	.hs-left .hsl-header {
		font-size: 22px;
		line-height: 1.3
	}
	.hs-left .hsl-subcaption {
		padding: 32px 70px 12px 0;
		line-height: 1.2
	}
	.hs-left .hsl-subcaption,
	.hs-left .hsl-subcaption strong {
		font-size: 20px
	}
	.hs-left .btn-raq {
		font-size: 16px;
		margin: 30px 0
	}
	.hs-sub-row {
		padding: 30px 10px;
		margin-bottom: 20px
	}
	.hs-sub-item {
		margin: 0 0 0 30px
	}
	.hs-left .general-text h1 {
		font-size: 57px
	}
	.hs-left .general-text,
	.hs-left .general-text strong {
		font-size: 32px
	}
	.home-company-logos-wrapper {
		padding: 25px 0
	}
	.solutions-section {
		padding: 38px 0 55px
	}
	.solutions-section h2 {
		font-size: 40px
	}
	.solutions-section h3 a {
		font-size: 20px;
		line-height: 1.1
	}
	.solutions-section .item {
		min-width: 18%
	}
	.solutions-section h3 .t-cell {
		-webkit-transform: scale(.85);
		transform: scale(.85)
	}
	.solutions-section h3 .ico {
		margin-bottom: -19px
	}
	.go-next-step {
		width: 80px;
		height: 80px;
		top: -40px
	}
	.gns-arrow {
		width: 47px;
		height: 24px
	}
	.active-item-3 .hs-control-nav,
	.active-item-3 .hs-items-desc,
	.active-item-3 .hs-items-logo,
	.active-item-3 .hs-items-texts {
		display: none
	}
	.f-post .txt,
	.f-post .visual,
	.f-post-item {
		vertical-align: top
	}
	.foot-area .ttl,
	.location-ttl {
		font-size: 30px;
		line-height: 1.1
	}
	.location-ttl {
		margin-top: -76px
	}
	.f-post {
		padding: 40px 20px 20px
	}
	.bfm-awards {
		padding-top: 43px
	}
	.bfm-awards .ttl {
		font-size: 24px
	}
	.bfm-awards .ttl span {
		font-size: 45px;
		padding-bottom: 0
	}
	.location-area .t-holder {
		display: block;
		-webkit-transform: none;
		transform: none;
		margin: 20px 0 0;
		width: 100%
	}
	.location-area .location-cell {
		display: table;
		width: 100%;
		margin-bottom: 40px;
		overflow: visible
	}
	.location-area .location-cell:last-child {
		margin-bottom: 0
	}
	.location-cell .loc-txt {
		padding: 0 0 0 20px;
		float: none;
		width: auto;
		vertical-align: middle;
		display: table-cell
	}
	.loc-phone,
	.loc-phone:after {
		display: inline-block
	}
	.location-area .loc-visual {
		margin-top: 0;
		width: 200px;
		-webkit-transform: none;
		transform: none;
		text-align: left;
		vertical-align: middle;
		position: static;
		display: table-cell
	}
	.location-area {
		padding-top: 70px
	}
	.loc-visual img {
		width: auto;
		max-width: 100%
	}
	.location-area .location-cell:not(:first-child):after {
		content: "";
		position: absolute;
		top: -20px;
		left: 0;
		width: 100%;
		height: 1px;
		background: rgba(86, 207, 255, .3)
	}
	.location-ttl span::after,
	.location-ttl span::before {
		width: 35%
	}
}

@media only screen and (max-width:980px) {
	.home-company-logos-content li {
		margin: 0 1.7%
	}
	.hs-left .general-text h1 {
		font-size: 48px
	}
	.hs-left .general-text,
	.hs-left .general-text strong {
		font-size: 25px
	}
	.hs-left .hsl-subcaption,
	.hs-left .hsl-subcaption strong {
		font-size: 18px
	}
	.d-block-tablet {
		display: block
	}
	.img-loader {
		height: 390px
	}
	.header {
		padding-left: 10px;
		padding-right: 10px
	}
	.award-image {
		text-align: center;
		padding: 5px 15px
	}
	
	.h-animated .nav .p-box {
		display: none
	}
	.socials .item {
		font-size: 16px;
		line-height: 1.9;
		height: 50px
	}
	.socials .icn {
		margin: 2px -3px 0 0;
		-webkit-transform: scale(0.6);
		transform: scale(0.6)
	}
	.socials .soc-fb .icn {
		margin: 0
	}
	.f-menu-content .fmc-list {
		float: none;
		text-align: center
	}
	.f-menu-content .fmc-list li {
		display: inline;
		float: none;
		white-space: nowrap
	}
	.fmc-copyright {
		float: none;
		text-align: center
	}
	.fmc-copyright .mobile-sep {
		display: block;
		height: 10px
	}
	.rd-box {
		padding: 40px 20px 20px;
		margin: -125px 20px
	}
	.rd-box .txt {
		font-size: 30px;
		padding-bottom: 25px
	}
	.rd-box .btn-simple {
		margin-left: 20px
	}
}

@media only screen and (max-width:900px) {
	.full-services-section {
		padding: 70px 10px 60px
	}
	.full-services-section h2 {
		font-size: 45px;
		margin: 0 0 25px
	}
	.lead-box .section-title h2 {
		font-size: 45px
	}
	.services-tabs {
		margin: 0 0 15px
	}
	.services-tabs:before {
		top: 59px;
		height: 18px
	}
	.services-tabs li {
		padding-top: 150px
	}
	.fss-step-number {
		width: 140px;
		height: 140px
	}
	.fss-step-number strong {
		width: 122px;
		height: 122px
	}
	.active .fss-step-number strong {
		width: 140px;
		height: 140px
	}
	.fss-step-number strong:after,
	li:nth-child(2) .fss-step-number strong:before {
		height: 18px
	}
	.fss-step-number em {
		width: 94px;
		height: 94px;
		line-height: 94px
	}
	.active .fss-step-number em {
		width: 115px;
		height: 115px;
		line-height: 115px
	}
	.progress-filler {
		margin: 0 0 36px
	}
	.progress-filler,
	.progress-indicator {
		height: 14px
	}
	.progress-active {
		margin-left: -18px;
		border-left: 18px solid transparent;
		border-right: 18px solid transparent;
		border-top: 13px solid #88ba00
	}
	.tab-text {
		font-size: 20px;
		padding: 0
	}
	.tabs-content {
		padding: 0 17px
	}
	.tabs-column,
	.tabs-column:first-child {
		float: none;
		width: 100%;
		padding: 0
	}
	.tabs-content p {
		margin: 0 0 20px
	}
	.f-menu-content .fmc-list {
		float: none;
		text-align: center
	}
	.f-menu-content .fmc-list li {
		display: inline;
		float: none;
		white-space: nowrap
	}
	.fmc-copyright .mobile-sep {
		display: block;
		height: 10px
	}
}

@media only screen and (max-width:880px) {
	.home-company-logos-content li {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		margin: 0 .7%
	}
	.img-loader {
		height: 330px
	}
	.hs-demo {
		left: 40%
	}
	#header-anim {
		width: 550px;
		height: auto;
		margin-bottom: -5px
	}
	.home-slider-wrapper {
		padding-top: 0
	}
	.home-slider-content .hs-left {
		padding-top: 40px;
		padding-left: 25px;
		min-height: 0;
		background-position: 100% 100%
	}
	.hs-left .hsl-header {
		color: #0179AE;
		font-size: 21px;
		line-height: 26px
	}
	.hs-left .hsl-subcaption {
		font-size: 17px;
		line-height: 26px;
		color: #596163
	}
	.hs-sub-row {
		padding-left: 25px
	}
	.hs-left .btn-raq {
		margin-top: 25px
	}
	.hs-sub-item {
		height: auto
	}
	.hs-sub-item.hs-item-ima {
		width: 160px
	}
	.hs-sub-item.hs-item-google {
		width: 101px
	}
	.home-slider {
		width: 63%;
		left: 40%
	}
	.slider-activated .hs-demo {
		display: none
	}
	.home-slider img {
		max-width: 100%;
		height: auto
	}
	.preload-imgs {
		top: 12.7%
	}
	.wrapper {
		padding-top: 62px
	}
	.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99999;
		padding: 0px 0 9px;
		border-width: 3px 0 0
	}
	.header .frame {
		position: static
	}

	.header .nav>li {
		position: static
	}
	
	.header .nav li .link-arrow {
		position: absolute;
		top: 10px;
		right: 8px;
		display: inline-block;
		margin-top: 0;
		padding-top: 5px;
		padding-bottom: 6px;
		padding-left: 8px;
		font-size: 17px
	}
	.head-top {
		margin-right: 197px;
		padding-top: 0
	}
	.ht-simplemenu .phone {
		padding: 8px 0 4px 13px;
		font-size: 17px;
		line-height: 1.2;
		font-weight: 400;
		margin-top: 0
	}
	.ht-simplemenu .phone em {
		width: 27px;
		height: 27px;
		margin-top: -4px;
		margin-right: 2px;
		background-position: -156px -1px
	}
	.ht-simplemenu .search {
		width: 29px;
		height: 29px;
		background-position: -125px 0;
		margin: 4px 0 0;
		position: relative
	}
	.hm-advancedmenu {
		padding: 0
	}
	.header .open-m-menu {
		display: block
	}
	.menu-title {
		border-width: 3px 0 0
	}
	.search-line {
		margin-top: -1px;
		margin-left: 0;
		padding-bottom: 2px
	}
	.search-field {
		right: 0;
		bottom: 9px;
		padding: 7px 22px 0;
		position: absolute;
		display: none;
		border-top: 1px solid #dadada
	}
	.search-active {
		padding-bottom: 50px!important
	}
	.search-field input[type=text] {
		width: 360px
	}
	.search-active .search-field {
		display: block;
		width: 100%
	}
	.ht-simplemenu .search:hover {
		background-position: -514px -284px
	}
	.section-title {
		margin-bottom: 48px
	}
	.section-title h2 {
		margin: 0 0 12px
	}
	.header .nav>li.active:before {
		display: none
	}
	.industry-section h2 {
		font-size: 43px
	}
	.industry-section .list {
		font-size: 16px
	}
	.industry-section .frame {
		padding: 0 20px
	}
	.industry-expand-list {
		padding: 15px
	}
	.industry-expand-list li {
		width: 48%
	}
	.industry-section .list a {
		padding: 12px 6px
	}
	.industry-section .list a:before {
		margin-bottom: 4px;
		-webkit-transform: scale(0.65);
		transform: scale(.65)
	}
}

@media only screen and (max-width:830px) {
	.location-ttl span::after,
	.location-ttl span::before {
		width: 30%
	}
	.loc-visual img {
		max-width: 300px
	}
}

@media only screen and (max-width:800px) {
	.de-blog-title {
		font-size: 20px
	}
	.go-next-step {
		width: 66px;
		height: 66px;
		top: -33px
	}
	.gns-arrow {
		width: 38px;
		height: 20px
	}
	.f-post .download-lnk {
		white-space: nowrap
	}
	.f-post .whitepaper-post .txt {
		padding: 0
	}
	.f-post .txt,
	.f-post .visual {
		display: block;
		width: 100%;
		position: relative;
		z-index: 2;
		padding: 0
	}
	.f-post .visual {
		text-align: center;
		margin-bottom: 20px
	}
	.loc-phone {
		display: block
	}
	.loc-phone:after {
		display: none
	}
}

@media only screen and (min-width:787px) {
	.feat-expanded-section .txt-tab-lnk.tab-lnk {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
		margin: 60px 0 0;
		cursor: default;
		-webkit-transform: none;
		transform: none
	}
}

@media only screen and (max-width:786px) {
	.feat-expanded-section .tab-lnk {
		width: 47%
	}
}

@media only screen and (max-width:768px) {
	.lead-col .shadow {
		padding-bottom: 0
	}
	.lead-col .shadow:before {
		display: none
	}
	.lead-sections {
		display: block
	}
	.lead-col {
		display: table;
		width: 100%;
		margin-bottom: 20px
	}
	.lead-col:last-child {
		margin-bottom: 0
	}
	.lead-col .t-holder {
		display: table;
		margin-bottom: 5px;
		table-layout: fixed
	}
	.de-blog-item:first-child+.divider {
		display: table-cell;
		width: 2%
	}
	.de-blog-item {
		display: table-cell;
		vertical-align: top;
		width: 48%;
		margin-bottom: 0
	}
	.de-text {
		padding-bottom: 25px
	}
	.animation-end .init-slider {
		display: none
	}
	.home-slider .slides img {
		width: 100%
	}
	.hs-demo {
		display: inline-block;
		padding-top: 65px;
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		top: 80px
	}
	.preload-imgs {
		width: 35.878%;
		height: 51.473%;
		top: 22.9%
	}
	.home-slider-content .hs-left {
		width: 100%;
		float: none;
		padding: 30px 0 0;
		margin: 0 auto;
		text-align: center;
		overflow: hidden;
		background-image: none
	}
	.home-slider-content .hs-left:after {
		content: "";
		display: table;
		width: 100%;
		clear: both
	}
	.hs-left .hsl-subcaption {
		display: none
	}
	.hs-left .hsl-header {
		padding-right: 25px;
		padding-bottom: 20px;
		padding-left: 25px;
		font-size: 18px;
		line-height: 23px
	}
	.home-slider {
		width: 100%;
		left: 0;
		position: static;
		margin-bottom: 0;
		height: 328px
	}
	.active-item-3 li {
		height: 0
	}
	.active-item-3 .slides>li.flex-active-slide,
	.home-slider.activated {
		height: auto
	}
	.home-slider .slides:after {
		content: "";
		display: table;
		width: 100%;
		clear: both
	}
	.slider-activated .home-slider {
		display: block
	}
	.home-slider:after {
		content: "";
		display: table;
		width: 100%;
		clear: both
	}
	.hs-items-desc {
		width: 100%;
		height: auto;
		margin-top: -100px;
		padding-top: 90px;
		position: relative;
		top: 0;
		left: 0;
		font: 300 12px/18px Roboto, Arial, Helvetica, sans-serif;
		text-align: center;
		color: #878a8c;
		z-index: 11;
		background: 0 0;
		box-shadow: none
	}
	.active-item-3 .hs-items-desc {
		margin: 0;
		padding: 0
	}
	.active-item-3 .hs-direction-nav .next,
	.active-item-3 .hs-direction-nav .prev {
		top: -195px
	}
	.hs-item-text {
		width: 190px;
		padding-top: 20px
	}
	.hs-items-texts {
		margin-bottom: 40px
	}
	.hs-items-logo {
		bottom: auto;
		top: 0
	}
	.home-slider .hs-btn {
		margin-top: 10px
	}
	.hs-direction-nav .next,
	.hs-direction-nav .prev {
		width: 94px;
		height: 94px;
		border-radius: 50%;
		top: 80px;
		background: #fff
	}
	.hs-direction-nav .next:after,
	.hs-direction-nav .prev:after {
		content: "";
		width: 15px;
		height: 32px;
		margin-top: -16px;
		position: absolute;
		top: 50%;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAYAAAC4JqlRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzczNTc1MzMzQUI1MTFFNUJENTE4OTE4RTE4QzE5RjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzczNTc1MzQzQUI1MTFFNUJENTE4OTE4RTE4QzE5RjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NzM1NzUzMTNBQjUxMUU1QkQ1MTg5MThFMThDMTlGMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NzM1NzUzMjNBQjUxMUU1QkQ1MTg5MThFMThDMTlGMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pviz9a0AAALMSURBVHjatFc9SFtRFH55eVYxSAYpmElEsKUu0sFJHJykYIcq0tIhUIcOKSIdOmRxsSYdRCguKSTSoZQW2sGOBdeODk4dtW8sBRfB0OT1e+n34Hi47zfxhI/knpx7/u4579yXW/n+28pAb4E7wArX34CfwGZaRXYG4+vAC2ASaBOT5K3ftAP3gBaQA/YFf5+8FmVuxIEx4AtQAM6AQ/HfIXkFyowN2oEgurtc15j6gNrkWZQJsjQwB7aANf4+V9HLLJzz9xr3DMSBBeCNWOvoTVmwuGehXwcmgM/AkIi+FSHfElkY4t6JrA7kgU9ASfDqIdHLLNTFukQd+SwO+ClcFOtfQDPBkTUpG9CiOsJEDqwCLxWvFhN9WC1Y1LWa1IEZRiHbyE0YvcyCq9q4Sd2RDowCX4Gi4u8mjF5mYVfxitQ9GuXAO2BW8dyYyo/qCFfxZmnD6EAFeGpQ5J/nVQYHrgy1YNFGRTtwH9gzCKc9+7haCGiPNnsOjAAfgWGDYD1j9DILdQN/mDZHnMKfs7Ld+etXZxfF2kW95li1Hj7T/ld/lJuGto7QCYWeH/hMN++UbRhvYHHwPxueY3leHrB735bnn9VUH9anejqu63SY+QPfti2m3ZFBwS1gpw8HdqhD01EwLQMH/BQ9AU4Mwo+BuQzG57hX0wltdXQbXgIPDVVrh7RTHNUMzxmXNi7DHkS+wAPgQvGXgaUUxpe4R9IFdbtxs+AUeGR49NYSXrNyhoy1qfM06TQ8Bp5Z13twPmyiGSbpvFh71HWc9j7wAagq3mvAidjjUEZSlboyXcn8p1hDjeqNCPkNNXIbIU/CVJfSTZW+bT1SxSjfVscY+6qWxAFdQKWQK/eWuD+GFXLm9wLdQq+AcfH/OHlRrdz3q5lUXFQFWiXP2OuDfDmVqfUH1W2iEtXrVkzbpCW/uJ4DZXF9+wG8D+v1KPonwAAQBLPUY6tK2wAAAABJRU5ErkJggg==)
	}
	.hs-direction-nav .prev {
		left: -58px;
		box-shadow: 2px -2px 7px rgba(0, 0, 0, .1)
	}
	.hs-direction-nav .prev:after {
		right: 15px
	}
	.hs-direction-nav .next {
		right: -56px;
		box-shadow: -2px -2px 7px rgba(0, 0, 0, .1)
	}
	.hs-direction-nav .next:after {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		left: 17px
	}
	.hs-control-nav {
		bottom: -15px
	}
	.hs-items-logo img {
		max-width: 50%
	}
	.hs-items-logo .logo-baldor {
		max-width: 40%
	}
	.hs-left .btn-raq {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		bottom: -76px
	}
	.home-slider-wrapper .home-slider-content {
		z-index: 11
	}
	.solutions-section .show-in-mobile {
		display: block
	}
	.solutions-section .item {
		min-height: 155px
	}
	.industry-section:after {
		background: linear-gradient(to bottom, #026c9c 0, #0779ab 14%, #0c88bc 25%, #0d86bb 25%, #1196ce 42%, #0f90c7 87%, #108dc3 100%)
	}
	.header {
		padding-bottom: 13px
	}
	.home-company-logos-content li {
		-webkit-transform: scale(.7);
		transform: scale(.7);
		margin: 0
	}
	.client-logo-item {
		overflow: hidden
	}
	.hs-left .general-text h1 {
		font-size: 33px
	}
	.hs-left .general-text,
	.hs-left .general-text strong {
		font-size: 20px
	}
	.solutions-section h2 {
		font-size: 30px;
		margin-bottom: 30px
	}
	.solutions-section h3 a {
		font-size: 18px
	}
	.solutions-section h3 .ico {
		margin-bottom: -16px
	}
	.hs-sub-row {
		text-align: center;
		padding: 70px 0 30px;
		margin-bottom: 0;
		background: url(img/home-slider-shadow.png) 50% 0 no-repeat;
		z-index: 10;
		position: relative
	}
	.hs-sub-item {
		margin: 0 15px
	}
	
	.head-top {
		margin-right: 196px
	}
	.ht-simplemenu .phone {
		padding-left: 7px
	}
	.search-field {
		padding-right: 7px;
		padding-left: 7px
	}
	.bfm-awards {
		padding: 30px 0 0
	}
	.bfm-awards .ttl {
		font: 300 20px Roboto, sans-serif
	}
	.bfm-awards .ttl span {
		font-size: 30px;
		line-height: normal
	}
	.bfm-awards-list {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		margin-top: -25px
	}
	.bfm-awards-list br {
		display: block
	}
	.bfm-awards-list .item {
		padding: 0 10px
	}
	.rd-holder .ready-discuss {
		padding: 0 0 40px
	}
	.socials .item {
		font-size: 0;
		line-height: 0
	}
	.socials .icn {
		-webkit-transform: scale(1);
		transform: scale(1);
		margin: 0
	}
	.socials-box .frame {
		padding: 30px 10px
	}
	.f-menu-content .fmc-list li {
		margin: 0 6px 10px;
		display: inline-block
	}
	.f-menu-content .fmc-list li:last-child {
		margin-right: 0
	}
	.fmc-contact {
		font-size: 14px
	}
	.fmc-contact li {
		padding: 5px 10px;
		display: block;
	}
	.fmc-copyright {
		padding-bottom: 20px
	}
	.fmc-contact li:not(:first-child):before {
		display: none
	}
	.location-ttl svg {
		width: 30px;
		height: 40px;
		top: 10px
	}
	.location-ttl {
		margin-top: -60px
	}
	.location-subttl {
		font-size: 20px
	}
	.loc-address,
	.loc-contact,
	.loc-contact .link-more {
		font-size: 16px;
		margin-bottom: 0;
	}
	.loc-contact .link-more:after {
		font-size: 27px
	}
	.loc-visual img {
		max-width: 250px
	}
	.rd-box-holder {
		padding: 40px 20px
	}
}

@media screen and (min-width:480px) and (max-width:768px) {
	.feat-expanded-section .txt-tab-lnk {
		padding: 0;
		margin: 0 6px;
		position: relative;
		max-height: 276px
	}
	.feat-expanded-section .txt-tab-lnk img {
		height: 100%!important;
		width: 100%!important;
		display: block;
		text-indent: -9999px;
		overflow: hidden
	}
	.feat-expanded-section .txt-tab-lnk .holder {
		position: absolute;
		top: 50%;
		margin-top: -72px;
		left: 0;
		width: 100%
	}
	.feat-expanded-section .txt-tab-lnk .txt {
		font-size: 29px;
		line-height: 1.2
	}
	.feat-expanded-section .txt-tab-lnk .btn-green {
		font-size: 19px
	}
}

@media only screen and (max-width:755px) {
	.img-loader {
		height: 470px
	}
	.show-in-mobile {
		display: inline
	}
	.feat-expanded-section {
		padding: 60px 0 30px
	}
	.feat-expanded-section h2 {
		font-size: 30px
	}
	.section-title.in-dark p {
		font-size: 14px
	}
}

@media only screen and (min-width:850px) and (max-width:1300px) {
	.read-more-anim span {
		bottom: 10px;
		right: 10px;
		font-size: 13px
	}
	.aol .feat-brand:after,
	.engel .feat-brand:after,
	.nuna .feat-brand:after {
		-webkit-transform: scale(.7) translate(-72%, -75%);
		transform: scale(.7) translate(-72%, -75%)
	}
}

@media only screen and (max-width:1024px) and (min-width:680px) {
	.aol .feat-brand:after,
	.engel .feat-brand:after {
		-webkit-transform: scale(.5) translate(-71%, -71%);
		transform: scale(.5) translate(-71%, -71%)
	}
	.nuna .feat-brand:after {
		-webkit-transform: scale(.55) translate(-71%, -35%);
		transform: scale(.55) translate(-71%, -35%);
		margin-left: 209px
	}
}

@media only screen and (max-width:700px) {
	.industry-section {
		padding: 25px 0 80px
	}
	.industry-section h2 {
		font-size: 30px
	}
	.industry-section .subheading {
		font-size: 14px;
		line-height: 1.6
	}
	.industry-section .list {
		padding: 0
	}
	.industry-expand-list li {
		width: 100%
	}
	.industry-section .list a {
		padding: 8px 6px;
		font-size: 14px
	}
	.industry-section .list a:before {
		margin-bottom: 0;
		min-height: 58px;
		-webkit-transform: scale(0.58);
		transform: scale(0.58)
	}
	.button {
		padding: 13px 12px;
		font-size: 16px
	}
	.button.close:after {
		top: 7px;
		right: 10px
	}
	.button.close:before {
		right: 18px;
		top: 18px
	}
	.industry-section .button {
		bottom: -20px
	}
}

@media only screen and (max-width:680px) {
	.home-company-logos-wrapper .home-company-logos-content li {
		margin: 0 -4px
	}
	.home-company-logos-content .cl-toys {
		left: 5px
	}
	.feat-expanded-section .exp-bg {
		background-size: 1000px auto
	}
	.feat-expanded-section .exp-bg.aol {
		background-size: 700px auto
	}
	.feat-content {
		text-align: center
	}
	.feat-gallery-images,
	.feat-txt-holder {
		text-align: left
	}
	.feat-brand {
		height: 100px
	}
	.feat-brand:after {
		-webkit-transform: scale(.6) translate(-83%, -83%);
		transform: scale(.6) translate(-83%, -83%)
	}
	.feat-txt-holder .feat-brand:after {
		margin-left: 0
	}
	.feat-gallery {
		-webkit-transform: scale(.9);
		transform: scale(.9);
		margin: 60px -26px 0;
		display: inline-block
	}
	.full-services-section {
		padding: 50px 6px 40px
	}
	.full-services-section h2 {
		font-size: 30px;
		margin: 0 0 20px
	}
	.lead-col .t-holder {
		margin-bottom: 0
	}
	.lead-col .btn-raq {
		font-size: 14px
	}
	.lead-col .btn-raq:after {
		font-size: 22px;
		bottom: 1px
	}
	.lead-box h3 {
		font-size: 22px
	}
	.lead-box .section-title {
		margin-bottom: 30px
	}
	.lead-box {
		padding: 10px 0 40px
	}
	.lead-box .section-title h2 {
		font-size: 30px
	}
	.services-tabs {
		margin: 0 0 15px
	}
	.services-tabs:before {
		top: 34px;
		width: 74%;
		height: 12px
	}
	.services-tabs li {
		padding-top: 84px
	}
	.fss-step-number {
		width: 78px;
		height: 78px
	}
	.fss-step-number strong {
		width: 66px;
		height: 66px
	}
	.active .fss-step-number strong {
		width: 78px;
		height: 78px
	}
	.fss-step-number strong:after,
	li:nth-child(2) .fss-step-number strong:before {
		height: 12px;
		margin-top: -6px
	}
	.fss-step-number em {
		width: 52px;
		height: 52px;
		font-size: 33px;
		line-height: 52px
	}
	.active .fss-step-number em {
		width: 64px;
		height: 64px;
		line-height: 64px
	}
	.tab-text {
		font-family: Roboto, Sans-Serif;
		font-weight: 500;
		font-size: 13px;
		padding: 0
	}
	.progress-filler {
		margin: 0 0 20px
	}
	.progress-active {
		margin-left: -13px;
		border-left: 13px solid transparent;
		border-right: 13px solid transparent;
		border-top: 10px solid #88ba00
	}
	.tabs-content {
		padding: 0 10px
	}
	.tabs-column {
		font-size: 13px
	}
	.tabs-column:first-child {
		font-size: 19px
	}
	.feat-expanded-section .tab-lnk {
		width: 47%
	}
	.img-loader {
		height: 270px
	}
	.download-lnk .icon {
		-webkit-transform: scale(.85);
		transform: scale(.85);
		width: 5px;
		top: -3px
	}
	.download-lnk,
	.foot-area .btn-raq {
		font-size: 14px
	}
	.foot-area .btn-raq:after {
		font-size: 22px;
		bottom: 1px
	}
	.location-area .loc-visual {
		display: none
	}
	.loc-phone,
	.loc-phone:after {
		display: inline-block
	}
	.location-area {
		text-align: center
	}
	.location-area .t-holder {
		margin: 0
	}
}

@media only screen and (max-width:646px) {
	.lead-box img {
		margin-bottom: 0;
		height: 50%;
	}
	.home-company-logos-wrapper .home-company-logos-content li {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		margin: 0 -14px
	}
	.home-company-logos-content .cl-nfl {
		left: 5px
	}
	.home-company-logos-content .cl-toys {
		left: 8px
	}
	.feat-txt .btn-holder {
		text-align: center;
		padding: 15px 0 10px;
		margin-top: 20px
	}
	.feat-txt .btn-raq {
		margin: 0 0 15px
	}
	.feat-txt .btn-holder br {
		display: block
	}
	.feat-txt .btn-green {
		float: none;
		display: inline-block
	}
	.feat-txt {
		padding: 15px;
		font-size: 13px
	}
	.feat-txt p {
		margin-bottom: 10px
	}
	.feat-txt h5 {
		font-size: 17px;
		margin-bottom: 10px
	}
	.button-close {
		width: 39px;
		height: 47px
	}
	.button-close:after,
	.button-close:before {
		width: 24px;
		height: 3px
	}
	.feat-gallery {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		margin: 23px -56px -56px
	}
	.wrapper {
		padding-top: 102px
	}
	.header {
		border-top: 0;
		padding-top: 59px;
		padding-bottom: 0;
		height: 102px;
		transition: top .4s ease-out
	}
	.head-r-side {
		float: none!important
	}
	.head-top {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		width: 100%;
		max-width: 100%;
		height: 44px;
		background: #0078ae;
		float: none;
		padding: 4px 0 0
	}
	.ht-nav li {
		padding: 0
	}
	.ht-simplemenu .phone {
		border-left: 0;
		margin-right: 12px;
		color: #fff
	}
	.ht-simplemenu .phone:hover {
		color: #fff!important
	}
	.ht-simplemenu .phone em {
		background-position: -268px 0
	}
	.search-line {
		border: 0
	}
	.header .nav li .link-arrow {
		top: 7px;
		color: #FFF!important;
		right: auto;
		left: 7px;
		font-size: 13px;
		padding: 3px 22px 3px 12px!important;
		box-shadow: 0 -1px 0 #c9e973, 0 1px 0 #5e8900;
		border-radius: 18px;
		background: linear-gradient(to bottom, #a2d90c 0, #89bb00 100%) 0 0/100% 100%;
		transition: all .4s linear;
		text-shadow: none
	}
	.header .nav li .link-arrow:hover {
		background-position: 0 -200%;
		background-size: 100% 200%;
		color: #fff!important
	}
	.header .nav li .link-arrow:after,
	.header .nav li .link-arrow:hover:after {
		border-color: #fff!important
	}
	.ht-simplemenu .search {
		position: absolute;
		right: 15px;
		bottom: -42px;
		width: 23px;
		height: 24px;
		background-position: -222px 0;
		margin: 0;
		overflow: visible
	}
	.ht-simplemenu .search:before {
		border-left: 1px solid #dadada;
		content: "";
		height: 36px;
		position: absolute;
		top: -6px;
		left: -14px;
		width: 0
	}
	.menu-title {
		border-width: 44px 0 0;
		height: 101px
	}
	.menu-title .open-m-menu {
		margin-top: 14px
	}
	.search-active {
		padding-bottom: 102px!important
	}
	.search-field {
		bottom: -105px
	}
	.h-animated {
		top: -41px
	}
	.ht-simplemenu .search:hover {
		background-position: -570px -287px
	}
	.mm-opened .b-animated .wrapper {
		padding-top: 61px
	}
	html.mm-opened .b-animated .menu-title {
		height: 61px;
		border-top-width: 3px
	}
	.section-title {
		margin-bottom: 24px
	}
	.de-text-frame {
		padding: 10px
	}
	.foot-area .ttl.f-post-mob {
		display: block;
		text-align: center
	}
	.foot-area .btn-raq.f-post-mob {
		display: inline-block;
		margin: 0 0 20px 20px
	}
	.f-post .t-holder.info {
		display: block
	}
	.f-post .divider,
	.f-post-desk {
		display: none
	}
	.f-post-item {
		overflow: hidden;
		display: block;
		width: 100%;
		margin-bottom: 20px
	}
	.bfm-awards-list {
		-webkit-transform: scale(.67);
		transform: scale(.67);
		width: 130%;
		margin: -25px -15% 0
	}
	.foot-area .ttl,
	.location-ttl {
		font-size: 24px
	}
	.socials .item {
		height: 43px
	}
	.socials .icn {
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}
	.rd-box-holder {
		padding: 30px 10px
	}
	.rd-box {
		border-radius: 4px;
		padding: 20px 10px;
		margin: -150px 10px
	}
	.rd-box .txt {
		font-size: 20px;
		display: block
	}
	.rd-box .btn-simple {
		margin-left: 0;
		font-size: 16px;
		min-width: 0;
		padding: 12px 40px 12px 30px
	}
}

@media only screen and (max-width:600px) {
	.solutions-section h2 {
		font-size: 23px
	}
	.d-block-tablet {
		display: inline
	}
	.d-block-mobile {
		display: block
	}
	.solutions-section .item {
		padding: 0 9px
	}
	.feat-gallery {
		-webkit-transform: scale(.68);
		transform: scale(.68);
		margin: -30px -106px -110px
	}
	.bfm-awards .txt {
		font-size: 23px;
		line-height: 24px
	}
	.bfm-awards .txt span {
		font-size: 22px
	}
	.subscribe {
		padding: 50px 20px 100px
	}
	.subscribe-form {
		width: auto;
		height: 54px
	}
	.subscribe-form .btn-simple {
		width: 156px;
		position: static;
		float: none;
		display: block;
		margin: 18px auto 0
	}
	.subscribe-form input[type=text] {
		padding: 0 16px;
		font-size: 17px
	}
	.subscribe .message {
		padding: 90px 0 0;
		margin: 0 0 -80px
	}
	.f-menu-content .fmc-list a {
		font-size: 13px
	}
}

@media only screen and (max-width:480px) {
	.entry-content ul{
		margin: 0 0 10px 0 !important;
	}
	.de-blog-item {
		display: block;
		margin-bottom: 15px
	}
	.de-blog-item:first-child+.divider,
	.lead-col .divider {
		display: none
	}
	.de-blog-item {
		width: 100%
	}
	.de-blog-title {
		font-size: 18px
	}
	.de-text {
		padding-bottom: 10px
	}
	.feat-gallery {
		-webkit-transform: scale(.6);
		transform: scale(.6);
		margin: -60px -140px -146px
	}
	.feat-expanded-section .tab-lnk {
		width: 100%;
		height: auto;
		margin: 0 auto
	}
	.feat-home .tab-lnk {
		display: none
	}
	.feat-home .tab-lnk.show-in-mobile {
		display: block
	}
	.feat-expanded-section .txt-tab-lnk {
		max-width: 100%
	}
	.feat-section-frame .ready-discuss {
		margin: 30px 0 0;
		padding: 20px 0
	}
	.header {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 99999;
		transition: top .4s ease-out
	}
	.search-field input[type=text] {
		width: 100%
	}
	.search-active {
		padding-bottom: 84px!important
	}
	.search-field {
		bottom: -90px
	}
	.h-animated {
		top: -41px
	}
	.home-company-logos-wrapper {
		padding: 10px 0
	}
	.home-company-logos-content {
		width: 286px;
		margin: 0 auto;
		position: relative
	}
	.home-company-logos-wrapper .home-company-logos-content li {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		margin: 0 -15px
	}
	.home-company-logos-content .divider {
		display: block
	}
	.home-company-logos-content .cl-nfl {
		left: 0
	}
	.home-company-logos-content .divider+li {
		margin-left: 10px
	}
	.hs-sub-item:first-child {
		margin-left: 0
	}
	.hs-sub-item:last-child {
		margin-right: 0
	}
	.hs-item-ima {
		max-width: 180px
	}
	.hs-item-google {
		max-width: 84px
	}
	.section-title {
		margin-bottom: 32px
	}
	.section-title h2 {
		font-size: 32px
	}
	.bfm-awards-list {
		width: 100%;
		display: block;
		margin: -35px 0 -10px;
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}
	.bfm-awards-list .item {
		display: block;
		width: 100%;
		padding: 0 0 25px
	}
	.bfm-awards-list .item:last-child {
		padding-bottom: 0
	}
	.bfm-awards-list img {
		margin-top: 5px
	}
	.f-menu-content .fmc-list {
		margin-bottom: 10px;

	}
	.f-menu-content .fmc-list li {
		display: block;
		margin: 0 0 15px;
	}
	.fmc-copyright {
		margin-top: 0
	}
	.loc-phone {
		display: block
	}
	.loc-phone:after {
		display: none
	}
	.location-area {
		padding: 40px 20px 140px
	}
	.location-area .frame {
		padding: 20px 15px 15px
	}
	.location-ttl span:after,
	.location-ttl span:before {
		right: -15px;
		top: 87%;
		width: 15%
	}
	.location-ttl span:after {
		right: auto;
		left: -15px
	}
	.location-area .location-cell {
		margin-bottom: 20px
	}
	.location-area .location-cell:not(:first-child):after {
		top: -10px
	}
}

@media only screen and (max-width:420px) {
	.feat-gallery {
		-webkit-transform: scale(.46);
		transform: scale(.46);
		margin: -128px -173px -200px
	}
}

@media screen and (max-width:500px) and (orientation :landscape) {
	.wrapper {
		padding-top: 90px
	}
	.mm-opened .b-animated .wrapper {
		padding-top: 50px
	}
	.header {
		height: 90px;
		padding-top: 50px
	}
	.ht-simplemenu .search {
		bottom: -34px
	}
	.search-field {
		bottom: -84px
	}
	.menu-title {
		height: 90px
	}
	.menu-title .open-m-menu {
		margin-top: 8px
	}
	html.mm-opened .b-animated .menu-title {
		height: 50px;
		border-top-width: 3px
	}
}

@media only screen and (max-width:380px) {
	.feat-expanded-section .tab-lnk {
		max-width: 287px
	}
	.feat-expanded-section .txt-tab-lnk {
		max-width: 100%
	}
	.solutions-section .item {
		padding: 0;
		margin: 0 0 -10px;
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
}

@media only screen and (max-width:320px) {
	.hsl-subcaption {
		display: none
	}
}

@media only screen and (max-height:600px) {
	.header .nav .nav-submenu>li:hover {
		position: static
	}
	.header .nav .nav-sublevel {
		transition: none
	}
}

@media only screen and (min-width:850px) {
	.de-blog-img .overflow {
		margin: -23px -23px 0
	}
	.de-text {
		-webkit-transition: -webkit-transform .4s;
		transition: transform .4s
	}
	.read-more-anim {
		display: block;
		width: 100%;
		height: 0;
		color: #fff;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 10;
		overflow: hidden;
		text-align: right;
		transition: height .4s
	}
	.read-more-anim:hover {
		color: #fff
	}
	.de-blog-item:hover .read-more-anim {
		height: 68px
	}
	.read-more-anim:before {
		position: absolute;
		top: 100%;
		right: -4%;
		width: 222%;
		height: 61px;
		content: "";
		background: #009ddc;
		-webkit-transition: -webkit-transform .4s;
		transition: transform .4s;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		outline: transparent solid 1px
	}
	.de-blog-item:hover .read-more-anim:before {
		-webkit-transform: rotate(-6deg);
		transform: rotate(-6deg)
	}
	.read-more-anim span {
		position: absolute;
		right: 15px;
		bottom: 15px;
		z-index: 5;
		text-transform: uppercase;
		font: 700 14px/1 Roboto, sans-serif;
		display: inline-block
	}
	.read-more-anim span:after {
		content: "»";
		padding-left: 5px;
		font-size: 24px;
		line-height: 1;
		position: relative;
		top: 2px
	}
}

@media only screen and (min-width:850px) and (max-width:1024px) {
	.de-text {
		padding-bottom: 30px
	}
	.read-more-anim span {
		bottom: 6px;
		right: 5px;
		font-size: 12px
	}
}

@media only screen and (min-width:756px) and (max-width:1024px) {
	.show-in-tablet {
		display: inline
	}
}

@media only screen and (min-width:769px) {
	.industry-section:after {
		background: url(https://www.webhostbd.com/wp-content/uploads/2018/03/bg-idustry.jpg;) 50% 0 no-repeat fixed;
	}
}



@media only screen and (min-width:1025px) {
	.section-title.alt h2 {
		font-size: 48px
	}
	.section-title.alt h2 strong {
		font-family: Roboto, sans-serif;
		font-weight: 500
	}
	.section-title.in-dark.alt p {
		font-size: 32px;
		font-family: Roboto, sans-serif;
		font-weight: 300
	}
	.client-logo-item:hover:before {
		opacity: 1
	}
	.solutions-section .ico .show-in-mobile,
	.solutions-section .ico .show-in-tablet {
		display: none
	}
	.solutions-section .item.mobile:hover .sq01 {
		animation: sq01Move 2.4s ease infinite
	}
	.solutions-section .item.mobile:hover .sq02 {
		animation: sq02Move 2.4s ease infinite
	}
	.solutions-section .item.mobile:hover .sq03 {
		animation: sq05Move 2.4s ease infinite
	}
	.solutions-section .item.mobile:hover .sq04 {
		animation: sq06Move 2.4s ease infinite
	}
	.solutions-section .item.mobile:hover .sq05 {
		animation: sq07Move 2.4s ease infinite
	}
	.solutions-section .item.mobile:hover .sq06 {
		animation: sq08Move 2.4s infinite ease
	}
	.an-nuna {
		background: url(img/bg.png) 0 100% no-repeat;
		transition: background-position .2s
	}
	.an-nuna .mouth {
		background: url(img/mouth.png);
		width: 40px;
		height: 31px;
		position: absolute;
		top: 87px;
		left: 312px;
		visibility: hidden;
		transition: left .2s
	}
	.an-nuna:before {
		content: "";
		background: url(img/arm-l.png);
		width: 199px;
		height: 103px;
		position: absolute;
		top: 140px;
		left: 202px;
		-webkit-transition: all .13s linear;
		transition: all .13s linear;
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
		z-index: 2
	}
	.an-nuna:after {
		content: "";
		background: url(img/arm-r.png);
		width: 55px;
		height: 99px;
		position: absolute;
		top: 90px;
		left: 181px;
		-webkit-transition: all .13s linear;
		transition: all .13s linear;
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
		z-index: 1
	}
	.an-nuna .an-brand {
		background: url(img/logo.png);
		width: 178px;
		height: 31px;
		position: absolute;
		bottom: 49px;
		right: 43px
	}
	.an-nuna:hover {
		background-position: 100% 100%
	}
	.an-nuna:hover:before {
		-webkit-transform: rotate(11deg) translateX(-33px) translateY(-30px);
		transform: rotate(11deg) translateX(-33px) translateY(-30px)
	}
	.an-nuna:hover:after {
		-webkit-transform: rotate(18deg);
		transform: rotate(18deg);
		left: 160px;
		top: 80px
	}
	.an-nuna:hover .mouth {
		visibility: visible;
		left: 294px
	}
	.an-paul {
		background: url(img/bg.png) 85% 0 no-repeat;
		transition: background-position .3s
	}
	.an-paul:before {
		content: "";
		background: url(img/hand.png);
		width: 173px;
		height: 414px;
		position: absolute;
		top: 25px;
		left: 239px;
		-webkit-transform: rotate(-1deg);
		transform: rotate(-1deg);
		-webkit-transition: all .3s;
		transition: all .3s;
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%
	}
	.an-paul:after {
		content: "";
		background: url(img/logo.png);
		width: 196px;
		height: 33px;
		position: absolute;
		bottom: 46px;
		left: 33px
	}
	.an-paul:hover {
		background-position: 0 0
	}
	.an-paul:hover:before {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
		left: 285px;
		top: 28px
	}
	.an-aol {
		background: url(img/bg.png) 50% 100% no-repeat;
		-webkit-transition: background-position .3s;
		transition: background-position .3s
	}
	.an-aol:before {
		content: "";
		background: url(img/girl.png);
		width: 247px;
		height: 231px;
		position: absolute;
		bottom: 47px;
		left: -16px;
		transition: bottom .5s, left .8s
	}
	.an-aol .man {
		position: absolute;
		top: 40px;
		right: 0;
		width: 263px;
		height: 246px;
		-webkit-transition: top .5s, right .8s, transform .8s;
		transition: top .5s, right .8s, transform .8s;
		overflow: hidden
	}
	.an-aol .man:after {
		content: "";
		background: url(img/man.png);
		width: 263px;
		height: 246px;
		position: absolute;
		top: 0;
		right: -75px;
		transition: right .8s
	}
	.an-aol .an-brand {
		background: url(img/logo.png);
		width: 156px;
		height: 87px;
		position: absolute;
		bottom: 33px;
		right: 27px
	}
	.an-aol:hover {
		background-position: 100% 100%;
		overflow: visible
	}
	.an-aol:hover:before {
		bottom: 30px;
		left: -45px
	}
	.an-aol:hover .man {
		top: 20px;
		-webkit-transform: translateY(15px);
		transform: translateY(15px)
	}
	.an-aol:hover .man:after {
		right: 5px
	}
	.an-serviceking {
		background: url(img/bg.png) 0 100% no-repeat;
		transition: background-position .3s linear;
		overflow: hidden
	}
	.an-serviceking:before {
		content: "";
		background: url(img/man.png) no-repeat;
		width: 270px;
		height: 368px;
		position: absolute;
		bottom: -20px;
		right: 65px;
		transition: all .3s linear;
		-webkit-transform: rotate(11deg) translateY(-9px);
		transform: rotate(11deg) translateY(-9px);
		z-index: 1
	}
	.an-serviceking:after {
		content: "";
		background: url(img/logo.png) no-repeat;
		width: 210px;
		height: 93px;
		position: absolute;
		bottom: 19px;
		right: 29px;
		z-index: 2
	}
	.an-serviceking:hover {
		background-position: 100% 100%
	}
	.an-serviceking:hover:before {
		right: 120px;
		-webkit-transform: none;
		transform: none
	}
	.an-engel {
		background: url(img/bg.png) 0 100% no-repeat;
		transition: background-position .3s linear;
		overflow: hidden
	}
	.an-engel:after {
		content: "";
		background: url(img/logo.png) no-repeat;
		width: 269px;
		height: 114px;
		position: absolute;
		bottom: 42px;
		right: 0;
		z-index: 2
	}
	.an-engel:hover {
		background-position: 100% 100%
	}
	.an-epicreads {
		background: url(img/bg.png) 0 25px no-repeat;
		transition: all .4s
	}
	.an-epicreads:before {
		content: "";
		background: url(img/logo.jpg) 53% 43% no-repeat #000;
		width: 100%;
		height: 200px;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 4;
		transition: all .4s
	}
	.an-epicreads .an-books {
		background: url(img/books.jpg);
		width: 207px;
		height: 242px;
		position: absolute;
		top: 80px;
		left: 68px;
		z-index: 3;
		transition: all .4s
	}
	.an-epicreads .an-book-left {
		background: url(img/book-left.png);
		width: 56px;
		height: 259px;
		position: absolute;
		top: 37px;
		left: 27px;
		z-index: 2;
		transition: all .6s
	}
	.an-epicreads .an-book-right {
		background: url(img/book-right.png);
		width: 68px;
		height: 325px;
		position: absolute;
		top: 39px;
		right: 197px;
		z-index: 2;
		transition: all .6s
	}
	.an-epicreads:hover {
		background-position: 0 13px
	}
	.an-epicreads:hover:before {
		height: 167px
	}
	.an-epicreads:hover .an-books {
		top: 68px
	}
	.an-epicreads:hover .an-book-left {
		top: 28px;
		left: 14px
	}
	.an-epicreads:hover .an-book-right {
		top: 30px;
		right: 171px
	}
	.an-johnjay {
		overflow: hidden
	}
	.an-johnjay .an-bg {
		background: url(img/bg.jpg) 100% 100% no-repeat;
		transition: all .3s;
		position: absolute;
		bottom: 0;
		left: -48px;
		width: 563px;
		height: 394px;
		z-index: 1
	}
	.an-johnjay .an-bg:before {
		content: "";
		background: url(img/people.png) no-repeat;
		width: 378px;
		height: 154px;
		position: absolute;
		bottom: 6px;
		left: 178px
	}
	.an-johnjay:after {
		content: "";
		background: url(img/logo.png);
		width: 203px;
		height: 159px;
		position: absolute;
		bottom: 269px;
		left: 25px;
		transition: all .7s;
		z-index: 2
	}
	.an-johnjay:hover .an-bg {
		left: 0
	}
	.an-johnjay:hover .an-bg:before {
		background: url(img/people.gif) 20px 25px no-repeat;
		width: 459px;
		height: 207px;
		left: 130px
	}
	.an-johnjay:hover:after {
		bottom: 189px
	}
	.an-uspolo {
		background: url(img/bg.jpg) -33px 100% no-repeat;
		transition: background-position .7s;
		overflow: hidden
	}
	.an-uspolo:before {
		content: "";
		background: url(img/girl.png) 0 100%;
		width: 309px;
		height: 434px;
		position: absolute;
		bottom: 0;
		right: -33px;
		transition: all .7s;
		z-index: 2
	}
	.an-uspolo:after {
		content: "";
		background: url(img/logo.gif) 32px 50% no-repeat #fff;
		width: 100%;
		height: 111px;
		position: absolute;
		bottom: 50px;
		left: 0;
		z-index: 1
	}
	.an-uspolo:hover {
		background-position: 0 100%
	}
	.an-uspolo:hover:before {
		right: 0
	}
	.an-amf {
		overflow: hidden
	}
	.an-amf .bg {
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -59%;
		width: 118%;
		height: 100%;
		background: url(img/bg.png) 50% 0/100% auto no-repeat;
		transition: all .2s linear
	}
	.an-amf:before {
		content: "";
		background: url(img/girl.png);
		width: 138px;
		height: 273px;
		position: absolute;
		right: -55px;
		bottom: 28px;
		transition: all .33s;
		z-index: 2
	}
	.an-amf:after {
		content: "";
		background: url(img/people.png);
		width: 356px;
		height: 321px;
		position: absolute;
		left: -8px;
		bottom: -52px;
		transition: all .3s;
		z-index: 3
	}
	.an-amf .an-brand {
		background: url(img/logo.png) no-repeat;
		width: 148px;
		height: 114px;
		position: absolute;
		bottom: 19px;
		right: 37px;
		z-index: 4
	}
	.an-amf:hover .bg {
		width: 100%;
		left: 0;
		margin-left: 0
	}
	.an-amf:hover:before {
		bottom: 59px;
		right: -17px
	}
	.an-amf:hover:after {
		bottom: 0;
		left: 5px
	}
	.an-nfl {
		overflow: hidden;
		-webkit-transition: all 2s ease-out;
		transition: all 2s ease-out
	}
	.an-nfl:after,
	.an-nfl:before {
		content: "";
		width: 100%;
		height: 88%;
		position: absolute;
		bottom: 0;
		left: 0;
		background: url(img/bg.jpg) 50% 50% no-repeat;
		-webkit-transition: all 2s ease-out;
		transition: all 2s ease-out;
		z-index: 1
	}
	.an-nfl:after {
		z-index: 2;
		background: rgba(90, 201, 1, .1);
		transition: opacity .5s ease;
		opacity: 0
	}
	.an-nfl:before {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	.an-nfl:hover:before {
		-webkit-transform: scale(.85) translate(-55px, 41px);
		transform: scale(.85) translate(-55px, 41px);
		width: 120%;
		height: 104%
	}
	.an-nfl:hover:after {
		opacity: 1
	}
	.an-nfl .an-brand {
		width: 100px;
		height: 138px;
		position: absolute;
		bottom: 47px;
		right: 53px
	}
	.an-nfl .an-brand:before {
		content: "";
		background: url(img/logo.png);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3
	}
	.an-nfl .an-brand:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -8px 0 0 -4px;
		border-radius: 50%;
		width: 10px;
		height: 10px;
		box-shadow: 0 0 34px 57px rgba(255, 255, 255, .7);
		opacity: 0;
		z-index: 1;
		transition: opacity .7s .5s ease-out
	}
	.an-nfl:hover .an-brand:after {
		opacity: 1
	}
	.an-nfl .an-person {
		content: "";
		background: url(img/person.png);
		width: 377px;
		height: 478px;
		position: absolute;
		top: -6px;
		left: 19px;
		-webkit-transition: all .7s ease-out;
		transition: all .7s ease-out;
		z-index: 3;
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	.an-nfl:hover .an-person {
		left: -30px;
		-webkit-transform: rotate(7deg);
		transform: rotate(7deg)
	}
	.feat-expanded-section .tab-lnk {
		width: 515px;
		height: 448px;
		margin: 0 5px;
		position: relative;
		display: inline-block;
		vertical-align: bottom;
		cursor: pointer;
		-webkit-transition: all .2s;
		transition: all .2s;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	.feat-expanded-section .an-item {
		display: block;
		height: 100%;
		position: relative
	}
	.solutions-section .consulting {
		padding-left: 0
	}
	.solutions-section .mobile-apps {
		padding-right: 0
	}
	.show-in-desktop {
		display: inline
	}
	.home-slider-wrapper {
		background: url(img/bg-home-top.jpg) 50% 28px no-repeat #fff
	}
	.f-post .download-lnk {
		white-space: nowrap
	}
	.bg-ny {
		background-image: url(https://www.webhostbd.com/wp-content/uploads/2018/03/bg-ny.jpg;);
	}
	.location-area .bg {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-position: 50% 100%;
		background-size: cover;
		background-repeat: no-repeat
	}
}

@media only screen and (max-width:1598px) and (min-width:1025px) {
	.feat-expanded-section .tab-lnk {
		-webkit-transform: scale(.9);
		transform: scale(.9);
		margin: -23px
	}
}

@media only screen and (max-width:1434px) and (min-width:1025px) {
	.feat-expanded-section .tab-lnk {
		-webkit-transform: scale(.85);
		transform: scale(.85);
		margin: -35px
	}
}

@media only screen and (max-width:1357px) and (min-width:1025px) {
	.feat-expanded-section .tab-lnk {
		-webkit-transform: scale(.76);
		transform: scale(.76);
		margin: -57px
	}
}

@media only screen and (max-width:1230px) and (min-width:1025px) {
	.feat-expanded-section .tab-lnk {
		-webkit-transform: scale(.68);
		transform: scale(.68);
		margin: -76px
	}
	.feat-expanded-section .txt-tab-lnk {
		margin: 60px 0 0;
		-webkit-transform: none;
		transform: none
	}
	.feat-txt p {
		margin-bottom: 10px
	}
	.feat-txt h5 {
		font-size: 19px;
		margin-bottom: 15px
	}
	.feat-content .btn-holder {
		margin-top: 20px
	}
	.feat-content .btn-green {
		padding: 9px 15px 11px;
		font-size: 15px
	}
	.feat-content .btn-raq {
		font-size: 14px
	}
}

@media only screen and (max-width:1115px) and (min-width:1025px) {
	.feat-expanded-section .tab-lnk {
		-webkit-transform: scale(.62);
		transform: scale(.62);
		margin: -84px -94px
	}
	.feat-expanded-section .txt-tab-lnk {
		margin: 60px 0 0;
		-webkit-transform: none;
		transform: none
	}
	.feat-txt {
		padding: 24px 24px 24px 430px
	}
}
/****
@media only screen and (max-width:880px) and (-webkit-min-device-pixel-ratio:2) {
	.logo a {
		background: url(img/logo-tablet-2x.png) 0 0/238px 40px no-repeat;
		width: 238px;
		height: 40px
	}
}

@media only screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:2) {
	.logo a {
		background: url(img/logo-mobile-2x.png) 0 0/180px 30px no-repeat;
		height: 30px;
		width: 180px
	}
}

@media only screen and (min-width:881px) and (-webkit-min-device-pixel-ratio:2) {
	.logo {
		background: url(img/logo-desctop-x2.png) 0 0/360px 60px no-repeat
	}
	.simple-header.h-animated .logo {
		top: 20px;
		width: 360px;
		height: 60px;
		background-size: 360px 60px
	}
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
	.solutions-section h3 svg {
		height: 70px
	}
}

@media all and (min-width:1026px) and (max-width:1600px) {
	.header.nw-header {
		padding: 0 4.7vw
	}
}

@media (max-width:1300px) and (min-width:1026px) {
	.header.nw-header {
		padding: 0 3.5vw
	}
}
********/
@media print {
	*,
	:after,
	:before,
	:first-letter,
	:first-line {
		background: 0 0!important;
		color: #000!important;
		box-shadow: none!important;
		text-shadow: none!important
	}
	a,
	a:visited {
		text-decoration: underline
	}
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: ""
	}
	blockquote,
	pre {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	img,
	tr {
		page-break-inside: avoid
	}
	img {
		max-width: 100%!important
	}
	h2,
	h3,
	p {
		orphans: 3;
		widows: 3
	}
	h2,
	h3 {
		page-break-after: avoid
	}
	.fade-anim {
		opacity: 1!important
	}
	.btm-scroll {
		opacity: 1!important;
	}
	.logo img {
		display: block
	}
	.location-cell {
		width: 100%!important
	}
	.feat-expanded-section .show-in-tablet {
		display: block!important
	}
	.btn-top,
	.foot-area,
	.go-next-step,
	.home-slider,
	.industry-section,
	.jq-tab-box,
	.lead-box,
	.mobile-panel-menu,
	.nw-header--menu,
	.services-tabs,
	.top-page-panel,
	.video-frame {
		display: none!important
	}
	.top-section .ttl br,
	.top-section h1 br {
		display: none
	}
	.top-section .s-left {
		height: auto;
		width: 100%;
		padding: 60px 0 0;
		text-align: center
	}
	.nw-header+#main.has-no-sub {
		padding-top: 0
	}
	.home-slider-content .hs-left,
	.tabs-column {
		width: 100%
	}
}

.nw-container {
	max-width: 1582px;
	margin: 0 auto
}

.nw-container:after {
	content: '';
	display: block;
	clear: both
}

.nw-container.pd {
	max-width: 1622px;
	padding: 0 20px
}

.nw-container.narrow {
	max-width: 1152px
}

#main {
	background: #fff
}

.f--nw-container {
	display: -ms-flexbox;
	display: flex;
	max-width: 1582px;
	margin: 0 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.nw--wide-container {
	max-width: 1822px;
	margin: 0 auto
}

.nw-header.header>.nw--container-xl {
	max-width: 1582px;
	margin: 0 auto
}

.nw--b__section {
	max-width: 1368px;
	margin: 0 auto
}

.sec-ttl .descr .subhead-descr {
	text-align: center;
	color: #009ddc;
	font-size: 24px;
	font-family: roboto-medium-webfont, Arial, sans-serif;
	margin-bottom: 25px
}

.sand,
.sand .txt-slider {
	background: #f6f6f6
}

.slider-head {
	padding-top: 80px
}

@media all and (max-width:767px) {
	.slider-head {
		padding-top: 40px
	}
}

.rd-box-holder.tr-top {
	margin-top: -100px;
	padding: 0
}

.scroll-btn--wrp {
	position: relative;
	height: 0
}

.scroll-btn--wrp .nxt-anchor {
	height: 69px;
	position: absolute;
	left: 50%;
	top: -35px;
	z-index: 9;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 69px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .1);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.scroll-btn--wrp .nxt-anchor svg {
	width: 36px;
	height: 16px;
	transition: transform .2s linear
}

@media all and (max-width:1025px) {
	.top-section.nw--top-section .top--col-left,
	.top-section.nw--top-section .top--col-right {
		position: static;
		width: 100%;
		float: none;
		padding: 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		height: auto
	}
	.top-section.nw--top-section .top--col-left .ttl br,
	.top-section.nw--top-section .top--col-right .ttl br {
		display: none;
		text-align: center;
		font-size: 55px
	}
	.top-section.nw--top-section .top--col-left .btn-holder,
	.top-section.nw--top-section .top--col-left p,
	.top-section.nw--top-section .top--col-right .btn-holder,
	.top-section.nw--top-section .top--col-right p {
		text-align: center
	}
	.top-section.nw--top-section .top--col-left {
		margin-bottom: 30px
	}
	.top-section.nw--top-section .top--col-right {
		margin-bottom: 0
	}
}

.tl-title--text {
	font-weight: 700;
	font-family: roboto-light-webfont, Arial, Helvetica, sans-serif;
	font-size: 40px;
	text-align: center
}

.container-xx {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 20px
}

.container-xx.no-pd {
	max-width: 1100px;
	padding: 0
}

.pd-top--container {
	padding-top: 80px
}

.pmp-rd {
	margin: -120px auto
}

.nw--inner-container {
	max-width: 1350px;
	margin: 0 auto
}

.bfb {
	font-family: roboto-bold-webfont, Arial, Helvetica, Sans-Serif!important
}

.sm-pd--b {
	padding: 80px 0 60px;
	margin-bottom: 60px;
	border-bottom: 3px solid #009ddc
}

@media all and (max-width:1025px) {
	.sm-pd--b {
		margin-bottom: 30px
	}
}

.sm-pd--b .ns-see-more {
	font-family: roboto-bold-webfont, Arial, Helvetica, Sans-Serif
}

.sm-pd--b .ns-see-more a {
	margin-left: 7px
}

@media all and (max-width:767px) {
	.sm-pd--b .ns-see-more a {
		display: block;
		margin-left: 0
	}
}

.nw-container-12 {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px
}

.va-pd {
	padding: 0 20px
}

.brand-list {
	min-height: 200px
}

.brand-list img {
	height: 0
}

.brand-list img:first-child {
	height: auto!important
}

.brand-list img:first-child.ac:not(.active-slide-img) {
	height: 0!important
}

.bbt {
	border-bottom: 3px solid #e8e8e8
}
























img.pixel {
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	position: absolute;
	top: 1359px;
	z-index: 999;
	opacity: .5;
	pointer-events: none;
	height: auto;
	margin-left: 0;
	max-width: none
}

.svg-arrow-link {
	transition: color .3s;
	color: #009ddc;
	cursor: pointer;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	font-size: 24px
}

.svg-arrow-link .svg-ico {
	position: relative;
	left: 0;
	-ms-transform: scale(1.1, .5);
	transform: scale(1.1, .5)
}

.svg-arrow-link .svg-ico * {
	fill: #009ddc
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.svg-arrow-link {
		letter-spacing: -.5px;
		font-size: 21px;
		line-height: 25px
	}
}

@media only screen and (max-width:766px) {
	.svg-arrow-link {
		font-size: 19px;
		line-height: 23px
	}
}

.svg-arrow-link:hover {
	color: #fff!important
}

.svg-arrow-link:hover .svg-ico * {
	fill: #fff
}

.blue-link {
	text-transform: uppercase;
	color: #018fcf;
	font-weight: 700;
	display: inline-block
}

@media only screen and (min-width:768px) {
	.blue-link {
		font-size: 17px;
		line-height: 21px
	}
}

@media only screen and (max-width:766px) {
	.blue-link {
		font-size: 12px;
		line-height: 16px
	}
}

.blue-link:after {
	transition: transform .3s;
	content: "»";
	display: inline-block;
	position: relative;
	top: 2px;
	padding-left: 6px;
	font-size: 26px;
	line-height: 30px
}

.blue-link:hover:after {
	transform: translate3d(3px, 0, 0)
}

.main-green-button {
	white-space: nowrap;
	text-align: center;
	transition: background-position .4s, background-size .4s;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 5px;
	text-transform: uppercase;
	position: relative;
	color: #fff;
	background: #a2d90c;
	background: linear-gradient(to bottom, #a2d90c 0, #89bb00 100%);
	border: none
}

@media only screen and (min-width:768px) {
	.main-green-button {
		font-size: 17px;
		line-height: 21px;
		padding: 17px 20px;
		min-width: 250px
	}
}

@media only screen and (max-width:766px) {
	.main-green-button {
		font-size: 14px;
		line-height: 18px;
		padding: 12px;
		min-width: 175px
	}
}

.main-green-button:before {
	content: "";
	width: 108%;
	height: 3px;
	background: #e8e8e8;
	position: absolute;
	bottom: -10px;
	left: 0;
	transition: all .3s linear;
	opacity: 0
}

/*.main-green-button:after {
	content: "";
	width: 6px;
	height: 6px;
	border: 3px solid #fff;
	border-width: 3px 3px 0 0;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: inline-block;
	position: relative;
	left: 8px;
	top: -1px
}*/

.main-green-button .svg-ico {
	width: 16px;
	height: 16px;
	margin-left: 7px
}

.main-green-button:hover {
	background-position: 0 -200%;
	background-size: 100% 200%;
	color: #fff
}

.main-green-button:hover:before {
	background: #90c404
}

.green-arrow-link {
	position: relative;
	color: #90c404;
	letter-spacing: .4px;
	padding-right: 17px;
	text-transform: uppercase;
	white-space: nowrap
}

.green-arrow-link:after {
	transition: border-color .3s;
	content: "";
	width: 6px;
	height: 6px;
	border: 3px solid #90c404;
	border-width: 3px 3px 0 0;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: inline-block;
	position: relative;
	left: 8px;
	top: -1px
}

.green-arrow-link:hover {
	color: #018fcf
}

.green-arrow-link:hover:after {
	border-color: #018fcf
}

.green-arrow-link-animation {
	display: -ms-inline-flexbox;
	display: inline-flex;
	transition: border-radius .3s, color .3s;
	overflow: hidden;
	position: relative;
	color: #90c404;
	letter-spacing: .4px;
	text-transform: uppercase;
	font-weight: 700;
	z-index: 1;
	box-shadow: inset 0 -2px 0 #5a6063;
	padding: 7px 10px
}

@media only screen and (min-width:768px) {
	.green-arrow-link-animation {
		font-size: 19px;
		line-height: 23px
	}
}

@media only screen and (max-width:766px) {
	.green-arrow-link-animation {
		font-size: 14px;
		line-height: 18px
	}
}

.green-arrow-link-animation:after,
.green-arrow-link-animation:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #90c404
}

.green-arrow-link-animation:before {
	transition: transform .3s;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	top: 0;
	z-index: -1
}

.green-arrow-link-animation:after {
	transition: transform .3s .2s;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
	height: 2px;
	-ms-transform: scaleX(0);
	transform: scaleX(0)
}

.green-arrow-link-animation:hover {
	transition: color .3s .2s;
	border-radius: 5px;
	color: #fff
}

.green-arrow-link-animation:hover:before {
	transition: transform .3s .2s;
	-ms-transform: scaleY(1);
	transform: scaleY(1)
}

.green-arrow-link-animation:hover:after {
	transition: transform .3s;
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

.green-arrow-link-animation:hover span {
	transform: translate3d(0, 0, 0)
}

.green-arrow-link-animation:hover span:after {
	border-color: #fff;
	transition: border-color .3s .2s
}

.green-arrow-link-animation span {
	transition: transform .3s ease-in-out;
	transform: translate3d(-10px, 0, 0);
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center
}

.green-arrow-link-animation span:after {
	transition: border-color .3s;
	content: "";
	width: 6px;
	height: 6px;
	border: 3px solid #90c404;
	border-width: 3px 3px 0 0;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: inline-block;
	margin-left: 5px
}

.plus-link {
	transition: color .3s;
	cursor: pointer;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px
}

.plus-link:after {
	transition: color .3s, border-color .3s;
	content: '+';
	border-radius: 100%;
	display: inline-block;
	border-width: 2px;
	border-style: solid;
	font-weight: 400
}

.plus-link.pl-white {
	position: relative;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px
}

@media only screen and (min-width:1154px) {
	.plus-link.pl-white {
		padding-bottom: 12px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.plus-link.pl-white {
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 10px
	}
}

@media only screen and (max-width:766px) {
	.plus-link.pl-white {
		font-size: 12px;
		line-height: 16px;
		padding-bottom: 8px
	}
}

.plus-link.pl-white:after {
	text-align: center;
	border-color: rgba(255, 255, 255, .45);
	font-weight: 400;
	color: #fff;
	text-indent: 1px
}

@media only screen and (min-width:1154px) {
	.plus-link.pl-white:after {
		width: 18px;
		height: 18px;
		font-size: 20px;
		line-height: 18px;
		margin-left: 8px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.plus-link.pl-white:after {
		width: 15px;
		height: 15px;
		font-size: 14px;
		line-height: 16px;
		margin-left: 1px
	}
}

@media only screen and (max-width:766px) {
	.plus-link.pl-white:after {
		width: 12px;
		height: 12px;
		font-size: 12px;
		line-height: 12px;
		margin-left: 3px
	}
}

.plus-link.pl-white:before {
	transition: background .3s, opacity .3s;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: #fff;
	opacity: .2
}

.plus-link.pl-white:hover {
	color: #018fcf
}

.plus-link.pl-white:hover:after {
	border-color: #018fcf;
	color: #018fcf
}

.plus-link.pl-white:hover:before {
	background: #018fcf;
	opacity: 1
}

.plus-link.pl-blue {
	text-transform: none;
	color: #018fcf
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.plus-link.pl-blue {
		letter-spacing: -.5px;
		font-size: 21px;
		line-height: 25px;
		padding-bottom: 10px
	}
}

@media only screen and (max-width:766px) {
	.plus-link.pl-blue {
		font-size: 19px;
		line-height: 23px;
		padding-bottom: 8px
	}
}

.plus-link.pl-blue:after {
	margin-left: 3px;
	border-color: #018fcf;
	color: #018fcf
}

@media only screen and (min-width:1154px) {
	.plus-link.pl-blue:after {
		width: 25px;
		height: 25px;
		font-size: 20px;
		line-height: 26px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.plus-link.pl-blue:after {
		width: 21px;
		height: 21px;
		font-size: 19px;
		line-height: 21px
	}
}

@media only screen and (max-width:766px) {
	.plus-link.pl-blue:after {
		width: 21px;
		height: 21px;
		font-size: 19px;
		line-height: 21px
	}
}

.plus-link.pl-blue:hover {
	color: #90c404
}

.plus-link.pl-blue:hover:after {
	border-color: #90c404;
	color: #90c404
}

@-moz-document url-prefix() {
	.plus-link.pl-white:after {
		line-height: 17px
	}
}

.red-close-btn {
	background: #b20000;
	position: absolute;
	top: 0;
	z-index: 10;
	box-shadow: 1px 1px 0 #801a1b, -1px 0 0 #a8abac;
	cursor: pointer;
	transition: background .3s ease-in-out;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media only screen and (min-width:1154px) {
	.red-close-btn:hover {
		background: #900
	}
}

@media only screen and (min-width:768px) {
	.red-close-btn {
		right: 1.7%;
		width: 60px;
		height: 68px;
		border-radius: 0 0 4px 4px
	}
}

@media only screen and (max-width:766px) {
	.red-close-btn {
		right: 3.7%;
		width: 32px;
		height: 31px
	}
}

.red-close-btn .svg-ico {
	margin-top: 9px;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

@media only screen and (min-width:768px) {
	.red-close-btn .svg-ico {
		width: 40px;
		height: 40px
	}
}

@media only screen and (max-width:766px) {
	.red-close-btn .svg-ico {
		width: 22px;
		height: 22px
	}
}

.red-close-btn .svg-ico * {
	fill: #fff
}

@media only screen and (max-width:766px) {
	.red-close-btn .svg-ico * {
		filter: none!important
	}
}

.svg-ico {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	vertical-align: middle
}

.svg-ico * {
	transition: fill .3s;
	max-width: 100%;
	max-height: 100%
}

.svg-ico svg {
	vertical-align: middle;
	width: inherit;
	height: inherit
}

.d-flex {
	display: -ms-flexbox;
	display: flex
}

.d-flex.f-align-left {
	-ms-flex-align: start;
	align-items: flex-start
}

.d-flex.f-align-right {
	-ms-flex-align: end;
	align-items: flex-end
}

.d-flex.f-align-center {
	-ms-flex-align: center;
	align-items: center
}

.d-flex.f-just-center {
	-ms-flex-pack: center;
	justify-content: center
}

.break-desck,
.break-mob,
.break-tab {
	display: none
}

.ttl-line {
	overflow: hidden
}

.ttl-line.f-align-center {
	text-align: center
}

.ttl-line.f-align-right {
	text-align: right
}

.ttl-line:after,
.ttl-line:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 1px;
	background-color: rgba(86, 207, 255, .3);
	position: relative
}

.ttl-line:before {
	margin-left: -100%;
	left: -14px
}

.ttl-line:after {
	margin-right: -100%;
	right: -14px
}

.shad-round {
	position: relative;
	background: #fff;
	padding-bottom: 20px
}

.shad-round:before {
	content: "";
	position: absolute;
	z-index: -1;
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	top: 50%;
	bottom: 0;
	left: 20px;
	right: 20px;
	border-radius: 10px
}

.banner-container {
	position: relative;
	font-family: Roboto, sans-serif;
	overflow: hidden
}

@media only screen and (min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),
only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),
only screen and (min-resolution:192dpi) and (min-width:1154px) and (max-width:1419px),
only screen and (min-resolution:2dppx) and (min-width:1154px) and (max-width:1419px) {
	.banner-container {
		zoom: .8
	}
}

@media only screen and (min-width:1154px) {
	.banner-container {
		margin-top: 100px
	}
}

@media only screen and (min-width:880px) {
	.banner-container {
		margin-top: 101px
	}
}

.banner-container .bb-title-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #fff
}

@media only screen and (min-width:1154px) {
	.banner-container .bb-title-container {
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: 2;
		width: 100%;
		max-width: 1655px;
		left: 50%;
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		padding: 1.5vw 2vw 0
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .bb-title-container {
		padding: 5.5vw 0 3vw;
		width: 522px;
		margin: 0 auto
	}
}

@media only screen and (max-width:766px) {
	.banner-container .bb-title-container {
		padding: 9vw 4vw 14vw 5vw;
		width: 522px;
		margin: 0 auto
	}
}

.banner-container .bb-title-container .bb-title {
	position: relative;
	z-index: 2;
	text-transform: uppercase;
	font-weight: 600
}

@media only screen and (min-width:1154px) {
	.banner-container .bb-title-container .bb-title {
		font-size: 63px;
		line-height: 56px;
		letter-spacing: .6px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .bb-title-container .bb-title {
		font-size: 45px;
		line-height: 40px
	}
}

@media only screen and (max-width:766px) {
	.banner-container .bb-title-container .bb-title {
		font-size: 26px;
		line-height: 24px
	}
}

.banner-container .bb-title-container .bb-title span {
	display: block
}

@media only screen and (min-width:1154px) {
	.banner-container .bb-title-container .bb-title span:nth-child(2) {
		padding-left: 3vw
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .bb-title-container .bb-title span:nth-child(2) {
		padding-left: 5vw
	}
}

@media only screen and (max-width:766px) {
	.banner-container .bb-title-container .bb-title span:nth-child(2) {
		padding-left: 7vw
	}
}

@media only screen and (min-width:1154px) {
	.banner-container .bb-title-container .bb-title span:nth-child(3) {
		padding-left: 5vw
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .bb-title-container .bb-title span:nth-child(3) {
		padding-left: 9vw
	}
}

@media only screen and (max-width:766px) {
	.banner-container .bb-title-container .bb-title span:nth-child(3) {
		padding-left: 12vw
	}
}

.banner-container .bb-title-container .blue-sub-title {
	position: relative;
	z-index: 1;
	color: #009ddc
}

@media only screen and (min-width:1154px) {
	.banner-container .bb-title-container .blue-sub-title {
		padding-left: 5vw;
		font-size: 44px;
		line-height: 48px;
		letter-spacing: .5px;
		margin-bottom: 21px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .bb-title-container .blue-sub-title {
		font-size: 31px;
		line-height: 38px;
		letter-spacing: .6px;
		padding-left: 9vw;
		margin-bottom: 7px
	}
}

@media only screen and (max-width:766px) {
	.banner-container .bb-title-container .blue-sub-title {
		font-size: 20px;
		line-height: 24px;
		letter-spacing: .6px;
		padding-left: 13vw;
		margin-bottom: 7px
	}
}

.banner-container .bb-title-container .blue-sub-title:before {
	content: '&';
	position: absolute;
	left: 0;
	bottom: 100%;
	color: transparent;
	font-style: italic;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #00b4fc
}

@media only screen and (min-width:1154px) {
	.banner-container .bb-title-container .blue-sub-title:before {
		font-size: 128px;
		margin: 0 0 25px 13px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .bb-title-container .blue-sub-title:before {
		font-size: 91px;
		margin: 0 0 12px 6px
	}
}

@media only screen and (max-width:766px) {
	.banner-container .bb-title-container .blue-sub-title:before {
		font-size: 50px;
		margin: 0 0 9px 5px
	}
}

.banner-container .bb-title-container .blue-sub-title span {
	font-weight: 300;
	font-style: italic
}

.banner-container .bb-title-container .blue-sub-title strong {
	font-weight: 700;
	font-style: italic
}

.banner-container .bb-title-container .bb-link {
	pointer-events: all
}

@media only screen and (min-width:1154px) {
	.banner-container .bb-title-container .bb-link {
		padding-left: 100px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .bb-title-container .bb-link {
		padding-left: 9vw
	}
}

@media only screen and (max-width:766px) {
	.banner-container .bb-title-container .bb-link {
		padding-left: 13vw
	}
}

.banner-container .ts-close-btn {
	background: #b20000;
	position: absolute;
	top: 0;
	right: 1.7%;
	width: 60px;
	height: 68px;
	z-index: 10;
	box-shadow: 1px 1px 0 #801a1b, -1px 0 0 #a8abac;
	border-radius: 0 0 4px 4px;
	cursor: pointer;
	transition: background .3s ease-in-out;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.banner-container .ts-close-btn .svg-ico {
	margin-top: 9px;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 40px;
	height: 40px
}

.banner-container .ts-close-btn .svg-ico * {
	fill: #fff
}

.banner-container .ts-close-btn:hover {
	background: #900
}

@media only screen and (min-width:1154px) {
	.banner-container .bb-awards {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

@media only screen and (max-width:1153px) {
	.banner-container .bb-awards {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0
	}
}

@media only screen and (min-width:1154px) {
	.banner-container .bc-anchor {
		position: relative;
		width: 64px;
		height: 16px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAQCAYAAACm53kpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdFN0QxRTQyNjBCQjExRTdCREIzQTFCMkFERTUxMjRDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdFN0QxRTQzNjBCQjExRTdCREIzQTFCMkFERTUxMjRDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0U3RDFFNDA2MEJCMTFFN0JEQjNBMUIyQURFNTEyNEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0U3RDFFNDE2MEJCMTFFN0JEQjNBMUIyQURFNTEyNEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz427XLRAAABYklEQVR42uTXPy8EQRjH8Zm5UIiEoFLZikQhQqEUolAT7TXn3gPdeRvCC7hTUSiQKJRENESDSkciEg3Z8Z3Lc/5cbs8ce3G7+0s+V2w2d88z8+xcVltrb5RSk3hS2Uofzg0fAbagM9S8lp4DIxeWsJGhBShJz0rZz4RYhUq5gvRazdcFcHlDPsXN56XHj5i60chhG8UUjn1Rnvvct6u2cdyIlKBTsOtaegkbNRq1ALVU0J/g5l3t5WYN6uoqNM8tVnCasJGfRln+5iNjPL7IfcEJ1tGdgMZdjWtSc/Dj3ba1XGG+g0d+Tmr0jmlxdcdwiB1MdNCuu1oqOJIa/WN/H3eq7mHmH3fc/fZu1AnvE59D0Cdn2JTJeGjzbg9iGQU56P72UhDTAtTyimPs4wCXCGN4cRnHAhYxi67Y3opiXoD6PMp0XOAad7iXKXnGi9zXg14MYRgjGJVnewoD7SrwXYABALZRFsGOjKCOAAAAAElFTkSuQmCC) 0 0/cover no-repeat;
		margin: -16px auto 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: end;
		align-items: flex-end;
		z-index: 1
	}
	.banner-container .bc-anchor:after,
	.banner-container .bc-anchor:before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100vw;
		background: #fff
	}
	.banner-container .bc-anchor:before {
		right: 100%
	}
	.banner-container .bc-anchor:after {
		left: 100%
	}
	.banner-container .bc-anchor .svg-ico {
		cursor: pointer;
		width: 55px;
		height: 55px;
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		padding: 7px 0
	}
	.banner-container .bc-anchor .svg-ico * {
		fill: #018fcf
	}
	.banner-container .bc-anchor .svg-ico:hover * {
		fill: #90c404
	}
}

@media only screen and (max-width:1153px) {
	.banner-container .bc-anchor {
		display: none
	}
}

.banner-container .banner-backgrounds {
	position: relative;
	z-index: 1;
	margin-bottom: -1px
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .banner-backgrounds {
		padding-bottom: 114px
	}
}

@media only screen and (max-width:766px) {
	.banner-container .banner-backgrounds {
		padding-bottom: 108px
	}
}

.banner-container .banner-backgrounds .gallery-top {
	pointer-events: none
}

.banner-container .banner-backgrounds .gallery-top .swiper-wrapper {
	height: auto
}

.banner-container .banner-backgrounds .gallery-top .swiper-slide {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-backgrounds .gallery-top .swiper-slide {
		height: 669px
	}
}

@media only screen and (max-width:1153px) {
	.banner-container .banner-backgrounds .gallery-top .swiper-slide {
		height: 100%
	}
}

.banner-container .banner-backgrounds .gallery-top .bbc-thumb-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: 50% 50%;
	transition: opacity .3s ease;
	filter: blur(5px)
}

.banner-container .banner-backgrounds .gallery-top .swiper-lazy-loaded .bbc-thumb-image {
	opacity: 0
}

.banner-container .banner-backgrounds .swiper-pagination {
	bottom: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 3
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-backgrounds .swiper-pagination {
		top: 0;
		right: 0!important;
		left: auto!important;
		width: 140px!important;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-bottom: 19px
	}
}

@media only screen and (max-width:1153px) {
	.banner-container .banner-backgrounds .swiper-pagination {
		position: relative
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .banner-backgrounds .swiper-pagination {
		padding: 0 3.3%
	}
}

@media only screen and (max-width:1153px) {
	.banner-container .banner-backgrounds .swiper-pagination {
		padding: 0 3.3%
	}
}

.banner-container .banner-backgrounds .swiper-pagination-bullet {
	position: relative;
	border-radius: 0;
	z-index: 1;
	opacity: 1
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-backgrounds .swiper-pagination-bullet {
		width: 100%;
		height: 135px;
		margin: 1.5px 0;
		background: #fff
	}
	.banner-container .banner-backgrounds .swiper-pagination-bullet:after {
		pointer-events: none;
		transition: transform .3s ease-in-out, opacity .3s;
		opacity: 1;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2;
		background: #202020
	}
}

@media only screen and (min-width:1154px){
	.banner-container .banner-backgrounds .swiper-pagination-bullet:after {
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

@media only screen and (max-width:1153px) {
	.banner-container .banner-backgrounds .swiper-pagination-bullet {
		width: auto;
		-ms-flex-positive: 1;
		flex-grow: 1;
		margin: 0 .5%;
		background: #202020
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .banner-backgrounds .swiper-pagination-bullet {
		height: 79px
	}
}

@media only screen and (max-width:766px) {
	.banner-container .banner-backgrounds .swiper-pagination-bullet {
		height: 64px
	}
}

.banner-container .banner-backgrounds .swiper-pagination-bullet img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	max-width: 75%;
	max-height: 75%;
	opacity: 0
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-backgrounds .swiper-pagination-bullet img {
		transition: opacity .3s
	}
}

.banner-container .banner-backgrounds .swiper-pagination-bullet .bullet-img {
	opacity: 1;
	z-index: 3
}

.banner-container .banner-backgrounds .swiper-pagination-bullet .bullet-img-active {
	opacity: 0
}

.banner-container .banner-backgrounds .swiper-pagination-bullet:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	z-index: 1;
	border-style: solid
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-backgrounds .swiper-pagination-bullet:before {
		transition: transform .3s ease-in-out, opacity .3s;
		transform: translate3d(12px, 0, 0);
		top: 50%;
		right: 100%;
		margin-top: -6px;
		border-width: 12px 12px 12px 0;
		border-color: transparent #fff transparent transparent
	}
}

@media only screen and (max-width:1153px) {
	.banner-container .banner-backgrounds .swiper-pagination-bullet:before {
		opacity: 0;
		bottom: 100%;
		left: 50%;
		margin-left: -8px;
		border-width: 0 8px 8px;
		border-color: transparent transparent #fff
	}
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-backgrounds .swiper-pagination-bullet-active:after {
		opacity: 0
	}
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-backgrounds .swiper-pagination-bullet-active:after {
		-ms-transform: scale(0);
		transform: scale(0)
	}
}

@media only screen and (max-width:1153px) {
	.banner-container .banner-backgrounds .swiper-pagination-bullet-active {
		background: #fff
	}
}

.banner-container .banner-backgrounds .swiper-pagination-bullet-active .bullet-img {
	opacity: 0
}

.banner-container .banner-backgrounds .swiper-pagination-bullet-active .bullet-img-active {
	opacity: 1
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-backgrounds .swiper-pagination-bullet-active:before {
		transform: translate3d(0, 0, 0)
	}
}

@media only screen and (max-width:1153px) {
	.banner-container .banner-backgrounds .swiper-pagination-bullet-active:before {
		opacity: 1
	}
}

.banner-container .banner-bg-container {
	background: #070808
}

@media only screen and (max-width:1153px) {
	.banner-container .banner-bg-container {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1
	}
}

.banner-container .banner-round-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media only screen and (min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),
only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),
only screen and (min-resolution:192dpi) and (min-width:1154px) and (max-width:1419px),
only screen and (min-resolution:2dppx) and (min-width:1154px) and (max-width:1419px) {
	.banner-container .banner-round-container {
		right: 15.4vw!important
	}
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-round-container {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 10.4vw;
		z-index: 3;
		padding-bottom: 11px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .banner-round-container {
		margin-bottom: -13px
	}
}

@media only screen and (max-width:766px) {
	.banner-container .banner-round-container {
		margin-bottom: -11px
	}
}

.banner-container .banner-round-container .brc-description {
	font-size: 16px;
	font-weight: 300;
	line-height: 28px;
	max-width: 100%
}

.banner-container .banner-round-container .descr {
	font-weight: 500;
	margin-bottom: 8px
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-round-container .descr {
		font-size: 24px
	}
}

.banner-container .banner-round-container .descr+p {
	margin-top: 15px
}

@media only screen and (max-width:1153px) {
	.banner-container .banner-round-container .descr {
		margin: 0 auto
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .banner-round-container .descr {
		width: 70%;
		font-size: 16px;
		line-height: 20px
	}
}

@media only screen and (max-width:766px) {
	.banner-container .banner-round-container .descr {
		width: 80%;
		font-size: 15px;
		line-height: 19px
	}
}

.banner-container .banner-round-container .note {
	font-weight: 900;
	text-transform: uppercase
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-round-container .note {
		font-size: 21px;
		line-height: 25px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .banner-round-container .note {
		font-size: 16px;
		line-height: 20px
	}
}

@media only screen and (max-width:766px) {
	.banner-container .banner-round-container .note {
		font-size: 13px;
		line-height: 17px
	}
}

.banner-container .banner-round-container strong.brc-big {
	font-weight: 500;
	display: block
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-round-container strong.brc-big {
		font-size: 133px;
		line-height: 137px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .banner-round-container strong.brc-big {
		font-size: 95px;
		line-height: 99px
	}
}

@media only screen and (max-width:766px) {
	.banner-container .banner-round-container strong.brc-big {
		font-size: 71px;
		line-height: 75px
	}
}

.banner-container .banner-round-container strong.brc-big span {
	font-weight: 300
}

.banner-container .banner-round-container strong.brc-middle {
	font-weight: 500;
	display: block;
	text-transform: uppercase;
	margin-bottom: 10px
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-round-container strong.brc-middle {
		font-size: 57px;
		line-height: 57px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .banner-round-container strong.brc-middle {
		font-size: 50px;
		line-height: 50px
	}
}

@media only screen and (max-width:766px) {
	.banner-container .banner-round-container strong.brc-middle {
		font-size: 32px;
		line-height: 36px
	}
}

.banner-container .banner-round-container strong.brc-middle span {
	font-weight: 300
}

.banner-container .banner-round-container .swiper-container {
	background: rgba(0, 0, 0, .75);
	border-radius: 100%;
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-round-container .swiper-container {
		width: 524px;
		height: 524px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .banner-round-container .swiper-container {
		width: 44.4vw;
		height: 44.4vw
	}
}

@media only screen and (min-width:768px) {
	.banner-container .banner-round-container .swiper-container {
		box-shadow: 0 0 0 9px rgba(255, 255, 255, .13)
	}
}

@media only screen and (max-width:766px) {
	.banner-container .banner-round-container .swiper-container {
		width: 91vw;
		height: 91vw;
		max-width: 400px;
		max-height: 400px;
		box-shadow: 0 0 0 5px rgba(255, 255, 255, .13)
	}
}

.banner-container .banner-round-container .swiper-slide {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-direction: column;
	flex-direction: column
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-round-container .swiper-slide {
		padding: 10% 12% 12%
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .banner-round-container .swiper-slide {
		padding: 8%
	}
}

@media only screen and (max-width:766px) {
	.banner-container .banner-round-container .swiper-slide {
		padding: 9% 9% 12%
	}
	.banner-container .banner-round-container .swiper-slide:last-child .brc-icon {
		height: 55px
	}
}

@media only screen and (max-width:1153px) {
	.banner-container .banner-round-container .brc-icon {
		max-width: 55%
	}
	.banner-container .banner-round-container .brc-icon img {
		max-width: 100%;
		max-height: 100%
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .banner-round-container .brc-icon {
		height: 48px
	}
}

@media only screen and (max-width:766px) {
	.banner-container .banner-round-container .brc-icon {
		height: 36px
	}
}

.banner-container .banner-round-container .brc-icon img {
	width: auto
}

.banner-container .banner-round-container .brc-details-button {
	padding-left: 14px
}

.banner-container .banner-round-container .swiper-button-next,
.banner-container .banner-round-container .swiper-button-prev {
	background-image: none
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-round-container .swiper-button-next,
	.banner-container .banner-round-container .swiper-button-prev {
		height: 42px
	}
	.banner-container .banner-round-container .swiper-button-next:hover *,
	.banner-container .banner-round-container .swiper-button-prev:hover * {
		fill: #90c404
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .banner-round-container .swiper-button-next,
	.banner-container .banner-round-container .swiper-button-prev {
		display: none
	}
}

@media only screen and (max-width:766px) {
	.banner-container .banner-round-container .swiper-button-next,
	.banner-container .banner-round-container .swiper-button-prev {
		height: 28px;
		margin-top: -17px
	}
}

.banner-container .banner-round-container .swiper-button-next *,
.banner-container .banner-round-container .swiper-button-prev * {
	fill: #fff
}

.banner-container .banner-round-container .swiper-button-prev {
	-ms-transform: scaleX(-1);
	transform: scaleX(-1)
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-round-container .swiper-button-prev {
		left: 1vw
	}
}

@media only screen and (max-width:1153px) {
	.banner-container .banner-round-container .swiper-button-prev {
		left: 0
	}
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-round-container .swiper-button-next {
		right: 1vw
	}
}

@media only screen and (max-width:1153px) {
	.banner-container .banner-round-container .swiper-button-next {
		right: 0
	}
}

.banner-container .banner-round-container .plus-link {
	pointer-events: all
}

.banner-container .banner-round-container .plus-link.pl-active {
	color: #018fcf
}

.banner-container .banner-round-container .plus-link.pl-active:after {
	content: '-';
	border-color: #018fcf;
	color: #018fcf
}

.banner-container .banner-round-container .plus-link.pl-active:before {
	background: #018fcf;
	opacity: 1
}

.banner-container .banner-tabs-slider {
	position: relative;
	transition: height .3s ease-in-out;
	overflow: hidden
}

.banner-container .banner-tabs-slider.tsc-hidden {
	height: 0
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-tabs-slider:not(.tsc-hidden) {
		height: 760px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .banner-tabs-slider:not(.tsc-hidden) {
		height: 600px
	}
}

@media only screen and (max-width:766px) {
	.banner-container .banner-tabs-slider:not(.tsc-hidden) {
		height: 522px
	}
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-tabs-slider .inner-tabs-slider,
	.banner-container .banner-tabs-slider .tabs-slider-container,
	.banner-container .banner-tabs-slider section {
		height: 760px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .banner-tabs-slider .inner-tabs-slider,
	.banner-container .banner-tabs-slider .tabs-slider-container,
	.banner-container .banner-tabs-slider section {
		height: 600px
	}
}

@media only screen and (max-width:766px) {
	.banner-container .banner-tabs-slider .inner-tabs-slider,
	.banner-container .banner-tabs-slider .tabs-slider-container,
	.banner-container .banner-tabs-slider section {
		height: 522px
	}
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-tabs-slider .swiper-slide:last-child .sc-logo {
		margin-top: -98px
	}
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-tabs-slider .tabs-pagination-slider .swiper-wrapper {
		-ms-transform: none!important;
		transform: none!important
	}
}

@media only screen and (min-width:1154px) {
	.banner-container .banner-tabs-slider>.swiper-container {
		height: 760px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.banner-container .banner-tabs-slider>.swiper-container {
		height: 600px
	}
}

@media only screen and (max-width:766px) {
	.banner-container .banner-tabs-slider>.swiper-container {
		height: 522px
	}
}

.banner-container .hide {
	display: none!important
}

.tabs-slider-container {
	background: linear-gradient(to right, #1b3244 0, #182d40 4%, #1b2e3f 4%, #192c3d 4%, #1a2d3e 5%, #162b3c 6%, #192c3d 6%, #192a3c 9%, #182939 10%, #152735 17%, #142632 17%, #132330 21%, #152232 21%, #11212e 22%, #14222f 22%, #14222d 23%, #132031 23%, #13212e 23%, #102230 24%, #132030 24%, #13212c 24%, #13212e 25%, #10202d 25%, #12202b 26%, #111f28 27%, #111f2c 27%, #101c28 29%, #131b26 29%, #101d26 30%, #0e1c25 31%, #121c26 31%, #101a24 31%, #111b27 31%, #0f1923 32%, #0f1923 33%, #0e1621 34%, #0e1822 34%, #0d181e 34%, #0d1720 35%, #0f1a20 35%, #0c161f 35%, #0d161f 36%, #0c151a 37%, #0d141c 37%, #0b121a 38%, #0d111c 38%, #0d1216 38%, #0e121b 38%, #0e121b 38%, #0d1218 38%, #0d1218 39%, #091016 39%, #0b1218 39%, #0c0f18 40%, #0b0e15 40%, #0b1016 41%, #0a0f13 41%, #080b10 45%, #0a0b0d 46%, #050a0d 48%, #08090d 48%, #07080a 50%, #09080d 50%, #05090c 50%, #060709 53%, #050507 54%, #040404 54%, #020307 60%, #030303 60%, #020202 64%, #020202 100%)
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .inner-tabs-slider {
		padding-bottom: 132px
	}
}

.tabs-slider-container .swiper-slide {
	position: relative;
	z-index: 1;
	overflow: hidden
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
	.tabs-slider-container .swiper-slide.fix-black .tsc-slide-bg:after,
	.tabs-slider-container .swiper-slide.fix-white .tsc-slide-bg:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: .8
	}
	.tabs-slider-container .swiper-slide.fix-black .tsc-slide-bg:after {
		background: #fff
	}
	.tabs-slider-container .swiper-slide.fix-white .tsc-slide-bg:after {
		background: #000
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .swiper-slide.fix-black .tsc-slide-bg:after,
	.tabs-slider-container .swiper-slide.fix-white .tsc-slide-bg:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: .8
	}
	.tabs-slider-container .swiper-slide.fix-black .tsc-slide-bg:after {
		background: #fff
	}
	.tabs-slider-container .swiper-slide.fix-white .tsc-slide-bg:after {
		background: #000
	}
}

@media only screen and (min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),
only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),
only screen and (min-resolution:192dpi) and (min-width:1154px) and (max-width:1419px),
only screen and (min-resolution:2dppx) and (min-width:1154px) and (max-width:1419px) {
	.tabs-slider-container .swiper-slide.fix-black .tsc-slide-bg:after,
	.tabs-slider-container .swiper-slide.fix-white .tsc-slide-bg:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: .8
	}
	.tabs-slider-container .swiper-slide.fix-black .tsc-slide-bg:after {
		background: #fff
	}
	.tabs-slider-container .swiper-slide.fix-white .tsc-slide-bg:after {
		background: #000
	}
}

.tabs-slider-container .swiper-slide.swiper-slide-active .sc-images-text img,
.tabs-slider-container .swiper-slide.swiper-slide-active .sc-statistics .sc-stat-item {
	transform: translate3d(0, 0, 0);
	opacity: 1
}

.tabs-slider-container .tsc-slide-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-size: cover
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .tsc-slide-bg {
		background-position: 50%
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .tsc-slide-bg {
		background-position: 55%
	}
}

.tabs-slider-container .tsc-slide-bg.swiper-lazy-loaded .tsc-thumb-image {
	opacity: 0
}

.tabs-slider-container .tsc-thumb-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	transition: opacity .3s ease;
	filter: blur(10px)
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .tsc-thumb-image {
		background-position: 50%
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .tsc-thumb-image {
		background-position: 55%
	}
}

.tabs-slider-container .pagination-progress-container {
	position: absolute;
	left: 0;
	right: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 1
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .pagination-progress-container {
		bottom: 72px
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .pagination-progress-container {
		bottom: 17px
	}
}

.tabs-slider-container .pagination-progress {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding-top: 11px
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .pagination-progress {
		width: 82vw;
		min-width: 1024px
	}
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
	.tabs-slider-container .pagination-progress {
		width: 95vw;
		min-width: 0
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .pagination-progress {
		width: 90vw
	}
}

.tabs-slider-container .pagination-progress:after {
	content: '';
	position: absolute;
	top: 11px;
	height: 5px;
	width: 100%;
	left: 0;
	right: 0;
	background: #dedede;
	z-index: -1
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .pagination-progress:after {
		display: none
	}
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .pagination-progress .pp-line {
		transition: width .3s ease-in-out;
		margin-top: -1px;
		position: relative;
		width: 200px;
		height: 5px;
		background: #90c404
	}
	.tabs-slider-container .pagination-progress .pp-line:not(.pp-dragged) {
		transition: transform .3s ease-in-out, width .3s ease-in-out
	}
	.tabs-slider-container .pagination-progress .pp-line:before {
		content: '';
		position: absolute;
		bottom: 100%;
		left: 50%;
		margin-left: -13px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 13px 10px;
		border-color: transparent transparent #90c404
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .pagination-progress .pp-line {
		display: none
	}
}

.tabs-slider-container .swiper-pagination {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	color: #5a6063;
	border-radius: 0 0 5px 5px;
	bottom: 0!important
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .swiper-pagination {
		overflow: hidden;
		font-size: 20px;
		line-height: 26px
	}
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
	.tabs-slider-container .swiper-pagination {
		font-size: 16px;
		line-height: 20px
	}
}

.tabs-slider-container .tabs-pagination-slider {
	background: #fff
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .tabs-pagination-slider {
		border-radius: 5px;
		border: 1px solid #dedede
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .swiper-slide,
	.tabs-slider-container .swiper-wrapper {
		height: auto!important
	}
}

.tabs-slider-container .swiper-button-next,
.tabs-slider-container .swiper-button-prev {
	transition: transform .3s ease-in-out;
	z-index: 1;
	overflow: hidden
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .swiper-button-next,
	.tabs-slider-container .swiper-button-prev {
		background: #fff;
		border: 1px solid #e4e4e4;
		width: 45px;
		height: 75px;
		margin-top: -102px
	}
	.tabs-slider-container .swiper-button-next:before,
	.tabs-slider-container .swiper-button-prev:before {
		transition: opacity .3s;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #90c404;
		opacity: 0;
		z-index: -1
	}
	.tabs-slider-container .swiper-button-next:hover:before,
	.tabs-slider-container .swiper-button-prev:hover:before {
		opacity: 1
	}
	.tabs-slider-container .swiper-button-next:hover *,
	.tabs-slider-container .swiper-button-prev:hover * {
		fill: #fff
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .swiper-button-next,
	.tabs-slider-container .swiper-button-prev {
		background: 0 0;
		top: auto;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		bottom: 17px;
		height: 90px;
		width: 70px
	}
}

.tabs-slider-container .swiper-button-next .svg-ico,
.tabs-slider-container .swiper-button-prev .svg-ico {
	width: 100%;
	height: 100%
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .swiper-button-next .svg-ico,
	.tabs-slider-container .swiper-button-prev .svg-ico {
		padding: 15px 10px
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .swiper-button-next .svg-ico,
	.tabs-slider-container .swiper-button-prev .svg-ico {
		height: 25px;
		width: 25px
	}
}

.tabs-slider-container .swiper-button-next *,
.tabs-slider-container .swiper-button-prev * {
	fill: #5a6063
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .swiper-button-next {
		right: 0;
		border-radius: 6px 0 0 6px
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .swiper-button-next {
		right: 5vw
	}
}

.tabs-slider-container .swiper-button-prev .svg-ico {
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .swiper-button-prev {
		left: 0;
		border-radius: 0 6px 6px 0
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .swiper-button-prev {
		left: 5vw
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .swiper-button-disabled {
		pointer-events: none;
		opacity: .8
	}
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .swiper-button-disabled.swiper-button-next {
		transform: translate3d(100%, 0, 0)
	}
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .swiper-button-disabled.swiper-button-prev {
		transform: translate3d(-100%, 0, 0)
	}
}

.tabs-slider-container .swiper-pagination-bullet {
	transition: color .3s;
	position: relative;
	width: auto;
	height: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 0;
	background: 0 0;
	opacity: 1;
	color: #5a6063;
	margin: 0!important;
	padding: 15px 10px
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .swiper-pagination-bullet {
		min-height: 118px;
		-ms-flex: 1 1;
		flex: 1 1
	}
	.tabs-slider-container .swiper-pagination-bullet:not(:last-child):after {
		content: '';
		position: absolute;
		-ms-flex-item-align: baseline;
		align-self: baseline;
		top: 21px;
		bottom: 21px;
		width: 1px;
		background: #e4e4e4;
		right: 1px
	}
	.tabs-slider-container .swiper-pagination-bullet:hover {
		color: #90c404
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .swiper-pagination-bullet {
		min-height: 88px;
		margin: 0!important;
		padding: 15px 15%
	}
}

.tabs-slider-container .swiper-pagination-bullet-active {
	background: 0 0
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .swiper-pagination-bullet-active {
		color: #90c404
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .swiper-pagination-bullet-active {
		color: #5a6063
	}
}

.tabs-slider-container .slide-content {
	height: 100%;
	font-family: Roboto, sans-serif;
	font-weight: 300;
	width: 82vw;
	margin: 0 auto;
	display: -ms-flexbox;
	display: flex
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .slide-content {
		font-size: 20px;
		line-height: 32px
	}
}

@media only screen and (min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),
only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),
only screen and (min-resolution:192dpi) and (min-width:1154px) and (max-width:1419px),
only screen and (min-resolution:2dppx) and (min-width:1154px) and (max-width:1419px) {
	.tabs-slider-container .slide-content {
		width: 98vw
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .slide-content {
		font-size: 13px;
		line-height: 20px;
		padding-bottom: 16vh
	}
}

.tabs-slider-container .slide-content .sc-title {
	font-family: Roboto, sans-serif;
	letter-spacing: -1px;
	display: block
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .slide-content .sc-title {
		font-size: 45px;
		line-height: 49px;
		font-weight: 500;
		margin-bottom: 20px
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .slide-content .sc-title {
		font-size: 26px;
		line-height: 28px;
		font-weight: 300;
		margin-bottom: 14px
	}
}

.tabs-slider-container .slide-content .sc-description p {
	margin-bottom: 16px
}

.tabs-slider-container .sc-statistics {
	text-align: center
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .sc-statistics {
		width: 100vw
	}
}

.tabs-slider-container .sc-statistics .sc-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%
}

.tabs-slider-container .sc-statistics .sc-stat-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-statistics .sc-stat-container {
		padding: 19px 0
	}
}

@media only screen and (max-width:766px) {
	.tabs-slider-container .sc-statistics .sc-stat-container {
		-ms-flex-align: center;
		align-items: center
	}
}

.tabs-slider-container .sc-statistics .sc-stat-item {
	position: relative;
	transition: transform .5s ease-in-out, opacity .5s;
	transform: translate3d(0, 100%, 0);
	opacity: 0;
	margin-bottom: 3%
}

.tabs-slider-container .sc-statistics .sc-stat-item:not(:last-child):after {
	content: '';
	position: absolute;
	top: 10%;
	bottom: 10%;
	right: 0;
	width: 1px;
	background: #dadada;
	opacity: .25
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-statistics .sc-stat-item:nth-child(4n):after {
		display: none
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .sc-statistics .sc-stat-item:nth-child(2n):after {
		display: none
	}
}

.tabs-slider-container .sc-statistics .sc-stat-data {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	margin-bottom: 8px
}

.tabs-slider-container .sc-statistics .sc-stat-text {
	font-weight: 500
}

.tabs-slider-container .sc-statistics .sc-small {
	padding: 0 4%
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-statistics .sc-small {
		width: 22.8%
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .sc-statistics .sc-small {
		width: 50%
	}
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-statistics .sc-small .sc-stat-data {
		font-size: 84px;
		line-height: 88px
	}
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
	.tabs-slider-container .sc-statistics .sc-small .sc-stat-data {
		font-size: 70px;
		line-height: 74px
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .sc-statistics .sc-small .sc-stat-data {
		font-size: 20px;
		line-height: 24px
	}
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-statistics .sc-small .sc-stat-text {
		font-size: 23px;
		line-height: 33px
	}
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
	.tabs-slider-container .sc-statistics .sc-small .sc-stat-text {
		font-size: 21px;
		line-height: 26px
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .sc-statistics .sc-small .sc-stat-text {
		font-size: 14px;
		line-height: 18px
	}
}

.tabs-slider-container .sc-statistics .sc-large {
	padding: 0 7%
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-statistics .sc-large {
		width: 48%
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .sc-statistics .sc-large {
		width: 100%
	}
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-statistics .sc-large .sc-stat-data {
		font-size: 152px;
		line-height: 156px
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .sc-statistics .sc-large .sc-stat-data {
		font-size: 50px;
		line-height: 54px
	}
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-statistics .sc-large .sc-stat-text {
		font-size: 30px;
		line-height: 41px
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .sc-statistics .sc-large .sc-stat-text {
		font-size: 20px;
		line-height: 24px
	}
}

.tabs-slider-container .sc-statistics .sc-stat-custom {
	padding: 1.4vw 0 0
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-statistics .sc-stat-custom {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
}

.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-item {
		padding: 58px 8.5vw 77px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-item {
		width: 50%;
		padding: 5vw
	}
}

@media only screen and (max-width:766px) {
	.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-item {
		width: 55%;
		padding: 10px 0
	}
}

.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-item:after {
	opacity: .5
}

@media only screen and (max-width:766px) {
	.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-item:after {
		top: auto;
		left: 0;
		bottom: 0;
		height: 1px;
		width: auto
	}
}

.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-data {
	font-weight: 700;
	text-transform: uppercase;
	font-family: Roboto, sans-serif;
	margin-bottom: 20px
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-data {
		font-size: 60px;
		line-height: 60px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-data {
		font-size: 44px;
		line-height: 48px
	}
}

@media only screen and (max-width:766px) {
	.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-data {
		font-size: 27px;
		line-height: 27px
	}
}

.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-data strong {
	position: relative
}

.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-data span {
	position: absolute;
	right: 100%;
	font-size: 13px;
	line-height: 17px;
	margin-right: 13px
}

@media only screen and (min-width:768px) {
	.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-data span {
		top: 27px
	}
}

@media only screen and (max-width:766px) {
	.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-data span {
		top: 10px
	}
}

.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-text {
	position: relative;
	font-weight: 700;
	color: #000;
	font-family: Roboto, sans-serif;
	font-size: 18px;
	line-height: 22px
}

@media only screen and (min-width:768px) {
	.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-text {
		padding: 29px 0
	}
}

@media only screen and (max-width:766px) {
	.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-text {
		padding: 10px 0
	}
}

.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-text:before {
	content: '';
	position: absolute;
	top: 0;
	left: 40%;
	right: 40%;
	height: 2px;
	background: #000
}

.tabs-slider-container .sc-short-description {
	padding: 2vw 0 7vw;
	-ms-flex-direction: column;
	flex-direction: column
}

.tabs-slider-container .sc-short-description:not([style="justify-content: flex-start;"]) .sc-container {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

.tabs-slider-container .sc-short-description .sc-container {
	height: 100%;
	max-width: 670px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-short-description .sc-container {
		padding: 0 40px
	}
}

.tabs-slider-container .sc-short-description .sc-title:first-child {
	margin-top: 6.5vw
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-short-description .sc-title:first-child {
		font-size: 47px;
		line-height: 51px
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .sc-short-description .sc-title:first-child {
		font-size: 35px;
		line-height: 39px
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .sc-short-description .sc-logo {
		max-width: 55%;
		margin: 0 auto 27px
	}
}

@media only screen and (min-width:768px) {
	.tabs-slider-container .sc-short-description .sc-logo {
		margin-bottom: 67px
	}
}

@media only screen and (max-width:766px) {
	.tabs-slider-container .sc-short-description .sc-logo {
		margin-bottom: 15px
	}
}

.tabs-slider-container .sc-short-description .sc-link .green-arrow-link-animation {
	box-shadow: inset 0 -2px 0 #90c404
}

.tabs-slider-container .sc-short-description .sc-link .green-arrow-link-animation span {
	transform: translate3d(0, 0, 0)
}

.tabs-slider-container .sc-images-text .sc-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	padding-top: 26px;
	-ms-flex-positive: 1;
	flex-grow: 1
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .sc-images-text .sc-container {
		-ms-flex-align: center;
		align-items: center
	}
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-images-text .sc-description-container {
		position: relative;
		width: 735px;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		margin: auto 0;
		padding: 0 3.5% 0 4.5%;
		-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: center;
		z-index: 1
	}
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-images-text .sc-images-container {
		position: relative;
		width: 53.3%;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
}

@media only screen and (min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),
only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),
only screen and (min-resolution:192dpi) and (min-width:1154px) and (max-width:1419px),
only screen and (min-resolution:2dppx) and (min-width:1154px) and (max-width:1419px) {
	.tabs-slider-container .sc-images-text .sc-images-container {
		zoom: .8
	}
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
	.tabs-slider-container .sc-images-text .sc-images-container {
		opacity: .5
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .sc-images-text .sc-images-container {
		display: none
	}
}

.tabs-slider-container .sc-images-text img {
	transition: transform .7s ease-in-out, opacity .7s;
	transform: translate3d(200px, 0, 0);
	opacity: 0;
	position: absolute;
	bottom: 0;
	left: 0
}

.tabs-slider-container .sc-blockquote {
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	padding-top: 5px
}

.tabs-slider-container .sc-blockquote .sc-container {
	max-width: 1100px
}

.tabs-slider-container .sc-blockquote blockquote {
	font-weight: 400
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-blockquote blockquote {
		font-size: 31px;
		line-height: 45px
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .sc-blockquote blockquote {
		font-size: 14px;
		line-height: 18px
	}
}

.tabs-slider-container .sc-blockquote blockquote p {
	position: relative;
	margin-bottom: 22px
}

.tabs-slider-container .sc-blockquote blockquote p:after,
.tabs-slider-container .sc-blockquote blockquote p:before {
	font-family: Arial, sans-serif;
	color: #000
}

.tabs-slider-container .sc-blockquote blockquote p:before {
	content: '“';
	position: absolute;
	top: 0;
	right: 100%;
	margin-right: 6px
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-blockquote blockquote p:before {
		font-size: 185px;
		line-height: 96px
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .sc-blockquote blockquote p:before {
		font-size: 55px;
		line-height: 31px
	}
}

.tabs-slider-container .sc-blockquote blockquote p:after {
	position: relative;
	display: inline-block;
	content: '“';
	-ms-transform: scale(-1);
	transform: scale(-1);
	width: 0
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-blockquote blockquote p:after {
		-ms-transform: scale(-4);
		transform: scale(-4);
		right: -70px;
		top: 0
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .sc-blockquote blockquote p:after {
		-ms-transform: scale(-3);
		transform: scale(-3);
		right: -25px;
		top: -7px
	}
}

.tabs-slider-container .sc-blockquote strong {
	display: block;
	margin-bottom: 9px
}

@media only screen and (min-width:1154px) {
	.tabs-slider-container .sc-blockquote strong {
		font-size: 28px;
		line-height: 32px
	}
}

@media only screen and (max-width:1153px) {
	.tabs-slider-container .sc-blockquote strong {
		font-size: 20px;
		line-height: 24px
	}
}

.tabs-slider-container .sc-blockquote span {
	display: block;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: .5px
}

.round-services-container {
	font-family: Roboto, sans-serif;
	max-width: 1545px;
	margin: 0 auto
}

@media only screen and (min-width:1154px) {
	.round-services-container {
		padding: 70px 0 49px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.round-services-container {
		padding: 6vw 0 2.25vw
	}
}

@media only screen and (max-width:766px) {
	.round-services-container {
		padding: 10vw 0 2.25vw
	}
}

.round-services-container .rsl-title {
	color: #0078ae !important;
	font-family: Roboto, sans-serif;
	font-weight: 300;
	text-align: center;
	letter-spacing: -.8px
}

@media only screen and (min-width:1154px) {
	.round-services-container .rsl-title {
		font-size: 45px;
		line-height: 90px;
		padding-right: 18px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.round-services-container .rsl-title {
		font-size: 36px;
		line-height: 41px
	}
}

@media only screen and (max-width:766px) {
	.round-services-container .rsl-title {
		font-size: 27px;
		line-height: 28px;
		padding: 0 8%
	}
}

.round-services-container .rsl-title h2 {
	font-weight: 500;
	display: block;
	letter-spacing: -1.3px;
	color: #0078ae;
}

@media only screen and (min-width:1154px) {
	.round-services-container .rsl-title h2 {
		font-size: 50px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.round-services-container .rsl-title h2 {
		font-size: 40px
	}
}

@media only screen and (max-width:766px) {
	.round-services-container .rsl-title h2 {
		font-size: 29px
	}
}

.round-services-container .rsl-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif
}

@media only screen and (min-width:1154px) {
	.round-services-container .rsl-list {
		padding: 54px 1% 45px;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
	.round-services-container .rsl-list:not(.rsl-visible) .rsl-item {
		opacity: 0
	}
	.round-services-container .rsl-list:not(.rsl-visible) .rsl-item:nth-child(1) {
		transform: translate3d(200%, 0, 0)
	}
	.round-services-container .rsl-list:not(.rsl-visible) .rsl-item:nth-child(2) {
		transform: translate3d(100%, 0, 0)
	}
	.round-services-container .rsl-list:not(.rsl-visible) .rsl-item:nth-child(3) {
		opacity: 0;
		-ms-transform: scale(1.8);
		transform: scale(1.8)
	}
	.round-services-container .rsl-list:not(.rsl-visible) .rsl-item:nth-child(4) {
		transform: translate3d(-100%, 0, 0)
	}
	.round-services-container .rsl-list:not(.rsl-visible) .rsl-item:nth-child(5) {
		transform: translate3d(-200%, 0, 0)
	}
	.round-services-container .rsl-list.rsl-visible {
		transform: translate3d(0, 0, 0)
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.round-services-container .rsl-list {
		padding: 47px 0;
		max-width: 680px;
		margin: 0 auto
	}
}

@media only screen and (max-width:766px) {
	.round-services-container .rsl-list {
		padding: 11px 0 5px
	}
}

.round-services-container .rsl-item {
	position: relative;
	border-radius: 100%;
	font-weight: 700;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 1
}

@media only screen and (min-width:1154px) {
	.round-services-container .rsl-item {
		transition: transform .5s ease-in-out, opacity .5s;
		width: 11vw;
		height: 11vw;
		min-width: 232px;
		min-height: 232px
	}
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
	.round-services-container .rsl-item {
		min-width: 200px;
		min-height: 200px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.round-services-container .rsl-item {
		width: 200px;
		height: 200px;
		margin: 0 18px
	}
}

@media only screen and (max-width:766px) {
	.round-services-container .rsl-item {
		width: 145px;
		height: 145px;
		margin: 0 2%
	}
	.round-services-container .rsl-item:not(:last-child) {
		margin-top: 15px
	}
}

.round-services-container .rsl-item .rsl-data-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 70%
}

.round-services-container .rsl-item strong {
	transition: color .3s
}

.round-services-container .rsl-item .svg-ico * {
	transition: fill .3s, stroke .3s
}

@media only screen and (min-width:1154px) {
	.round-services-container .rsl-item .svg-ico {
		width: 85px;
		height: 85px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.round-services-container .rsl-item .svg-ico {
		width: 75px;
		height: 75px
	}
}

@media only screen and (max-width:766px) {
	.round-services-container .rsl-item .svg-ico {
		width: 60px;
		height: 60px
	}
}

.round-services-container .rsl-item .srl-text {
	max-width: 100%;
	margin: 4px 0 22px
}

@media only screen and (min-width:1154px) {
	.round-services-container .rsl-item .srl-text {
		font-size: 1.96em;
    line-height: 1.3em;
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.round-services-container .rsl-item .srl-text {
		font-size: 22px;
		line-height: 26px
	}
}

@media only screen and (max-width:766px) {
	.round-services-container .rsl-item .srl-text {
		font-size: 16px;
		line-height: 19px
	}
}

.round-services-container .rsl-item .rsl-circle {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1
}

.round-services-container .rsl-item .rsl-circle .rsl-circle-shadow {
	transition: transform .3s ease-in-out, opacity .3s;
	border-radius: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .2;
	-ms-transform: scale(.97);
	transform: scale(.97);
	z-index: -1
}

.round-services-container .rsl-item .rsl-circle .round-icon {
	display: block;
	transition: transform .5s ease-in-out
}

.round-services-container .rsl-item .rsl-circle .round-icon,
.round-services-container .rsl-item .rsl-circle svg {
	width: 100%;
	height: 100%
}

.round-services-container .rsl-item .rsl-circle * {
	pointer-events: none
}

.round-services-container .rsl-item .rsl-circle-bg,
.round-services-container .rsl-item .rsl-circle-border {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	border-radius: 100%
}

.round-services-container .rsl-item .rsl-circle-border {
	opacity: .2
}

.round-services-container .rsl-item .rsl-circle-bg {
	transition: transform .3s ease-in-out, opacity .3s ease;
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0;
	overflow: hidden
}

.round-services-container .rsl-item .rsl-circle-bg:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: transform .2s .3s ease-in-out, opacity .2s .3s;
	transform: rotate(45deg) translate3d(-100%, 0, 0);
	background: rgba(255, 255, 255, .13);
	background: linear-gradient(to right, rgba(255, 255, 255, .13) 0, rgba(255, 255, 255, .13) 77%, rgba(255, 255, 255, .5) 92%, rgba(255, 255, 255, 0) 100%)
}

.round-services-container .rsl-item:hover {
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.round-services-container .rsl-item:hover strong {
	transition: color .3s .2s;
	color: #fff!important
}

.round-services-container .rsl-item:hover .rsl-circle-shadow {
	-ms-transform: scale(1.05) rotate(-180deg);
	transform: scale(1.05) rotateZ(-180deg)
}

.round-services-container .rsl-item:hover .round-icon {
	transition: transform .3s ease-in-out;
	-ms-transform: rotate(180deg) scale(1.2);
	transform: rotate(180deg) scale(1.2)
}

.round-services-container .rsl-item:hover .rsl-circle-bg {
	transition: transform .3s .2s ease-in-out, opacity .3s ease .2s;
	opacity: 1;
	-ms-transform: scale(1);
	transform: scale(1)
}

.round-services-container .rsl-item:hover .rsl-circle-bg:after {
	opacity: 1;
	transform: rotate(45deg) translate3d(100%, 0, 0)
}

.round-services-container .rsl-item:hover .svg-ico * {
	transition: fill .3s, stroke .3s;
	fill: #fff!important;
	stroke: #fff!important
}

.awards-container {
	pointer-events: all;
	position: relative
}

@media only screen and (min-width:1154px) {
	.awards-container {
		padding: 100px 5% 0;
		min-width: 800px
	}
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
	.awards-container {
		padding: 100px 0 0;
		min-width: 40vw
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.awards-container {
		padding: 42px 5% 13px
	}
}

@media only screen and (max-width:766px) {
	.awards-container {
		padding: 42px 0 13px
	}
}

.awards-container:before {
	content: '';
	position: absolute;
	left: -8%;
	right: -8%;
	height: 1px;
	background: linear-gradient(to right, rgba(255, 255, 255, .01) 0, rgba(255, 255, 255, .06) 6%, rgba(255, 255, 255, .23) 16%, rgba(255, 255, 255, .28) 22%, rgba(255, 255, 255, .28) 79%, rgba(255, 255, 255, .23) 85%, rgba(255, 255, 255, .07) 94%, rgba(255, 255, 255, .02) 98%, rgba(255, 255, 255, .02) 100%)
}

@media only screen and (min-width:1154px) {
	.awards-container:before {
		top: 55px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.awards-container:before {
		top: 23px
	}
}

@media only screen and (max-width:766px) {
	.awards-container:before {
		top: 22px
	}
}

.awards-container .swiper-wrapper {
	height: auto
}

@media only screen and (min-width:768px) {
	.awards-container .swiper-wrapper {
		-ms-transform: none!important;
		transform: none!important;
		-ms-flex-align: stretch;
		align-items: stretch;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
}

.awards-container .swiper-slide {
	text-align: center;
	height: auto
}

@media only screen and (min-width:768px) {
	.awards-container .swiper-slide {
		width: auto!important
	}
}

.awards-container .ai-text {
	font-size: 14px;
	line-height: 18px
}

@media only screen and (min-width:1154px) {
	.awards-container .ai-text {
		margin-bottom: 16px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.awards-container .ai-text {
		margin-bottom: 10px
	}
}

@media only screen and (max-width:766px) {
	.awards-container .ai-text {
		margin-bottom: 5px
	}
}

@media only screen and (max-width:766px) {
	.awards-container .swiper-button-next,
	.awards-container .swiper-button-prev {
		background-image: none;
		height: 28px;
		margin-top: -17px
	}
	.awards-container .swiper-button-next *,
	.awards-container .swiper-button-prev * {
		fill: #fff
	}
}

@media only screen and (min-width:768px) {
	.awards-container .swiper-button-next,
	.awards-container .swiper-button-prev {
		display: none
	}
}

.awards-container .swiper-button-prev {
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
	left: 7vw
}

.awards-container .swiper-button-next {
	right: 7vw
}

.home-new-section {
	background: #fff;
	font-family: Roboto, sans-serif;
	overflow: hidden
}

.projects-portfolio {
	background: #181d22
}

@media only screen and (min-width:1154px) {
	.projects-portfolio {
		padding: 4.76vw 0
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.projects-portfolio {
		padding: 8.6vw 15px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio {
		padding: 12.6vw 15px 11vw
	}
}

.projects-portfolio .pp-title {
	text-align: center;
	color: #fff
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .pp-title {
		margin-bottom: 3.6vw
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.projects-portfolio .pp-title {
		padding: 0 3%;
		margin-bottom: 7.5vw
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .pp-title {
		margin-bottom: 10vw
	}
}

.projects-portfolio .pp-title h2 {
	font-family: Roboto, sans-serif;
	font-weight: 500;
	color:#fff;
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .pp-title h2 {
		font-size: 50px;
		line-height: 54px;
		letter-spacing: -1.2px;
		margin-bottom: 13px
	}
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
	.projects-portfolio .pp-title h2 {
		font-size: 36px;
		line-height: 40px;
		letter-spacing: -1px;
		margin-bottom: 13px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.projects-portfolio .pp-title h2 {
		font-size: 41px;
		line-height: 44px;
		letter-spacing: -1.2px;
		margin-bottom: 21px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .pp-title h2 {
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 13px
	}
}

.projects-portfolio .pp-title .descr {
	font-family: Roboto, sans-serif;
	opacity: .5;
	font-weight: 300;
	margin-bottom: 15px
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .pp-title .descr {
		font-size: 30px;
		line-height: 45px
	}
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
	.projects-portfolio .pp-title .descr {
		font-size: 24px;
		line-height: 28px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.projects-portfolio .pp-title .descr {
		font-size: 24px;
		line-height: 28px;
		letter-spacing: -.4px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .pp-title .descr {
		font-size: 17px;
		line-height: 21px;
		padding: 0 4%
	}
}

@media only screen and (min-width:768px) {
	.projects-portfolio .pp-projects-list {
		max-width: 1545px;
		margin: 0 auto;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
	.projects-portfolio .pp-projects-list {
		width: 90vw
	}
}

.projects-portfolio .pp-load-more {
	color: #fff;
	font-weight: 300;
	text-align: center
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .pp-load-more {
		font-size: 24px;
		line-height: 28px;
		padding: 2.74vw 0 4vw
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.projects-portfolio .pp-load-more {
		font-size: 20px;
		line-height: 24px;
		padding: 3.4vw 0 5.8vw
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .pp-load-more {
		font-size: 18px;
		line-height: 22px;
		padding: 5.4vw 0 10.5vw
	}
}

.projects-portfolio .pp-load-more a {
	font-weight: 700;
	color: #018fcf
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .pp-load-more a {
		margin-left: 10px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .pp-load-more a {
		display: block;
		margin-top: 1px
	}
}

.projects-portfolio .pp-pl-item {
	transition: z-index .5s;
	position: relative;
	color: #fff
}

.projects-portfolio .pp-pl-item:nth-child(1) {
	z-index: 4
}

.projects-portfolio .pp-pl-item:nth-child(2) {
	z-index: 3
}

.projects-portfolio .pp-pl-item:nth-child(3) {
	z-index: 2
}

.projects-portfolio .pp-pl-item:nth-child(4) {
	z-index: 1
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .pp-pl-item {
		min-height: 528px;
		margin-bottom: 1.1vw
	}
	.projects-portfolio .pp-pl-item:before {
		pointer-events: none;
		transition: opacity .5s;
		opacity: 0;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 3;
		background: rgba(0, 0, 0, .5)
	}
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
	.projects-portfolio .pp-pl-item {
		min-height: 400px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.projects-portfolio .pp-pl-item {
		margin-bottom: 1.4%
	}
}

@media only screen and (min-width:768px) {
	.projects-portfolio .pp-pl-item {
		width: 49.4%
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .pp-pl-item {
		margin-bottom: 4vw
	}
}

@media only screen and (min-width:768px) {
	.projects-portfolio .pp-pl-item:nth-child(2n+1) .project-expanded-section {
		margin-left: 101.5%
	}
}

@media only screen and (min-width:768px) {
	.projects-portfolio .pp-pl-item:nth-child(2n) .project-expanded-section {
		margin-left: -1.5%
	}
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .pp-pl-item .project-expanded-section {
		left: -50vw
	}
}

.projects-portfolio .pp-pl-item .pp-images-container {
	pointer-events: none
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .pp-pl-item .pp-images-container {
		height: 528px
	}
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
	.projects-portfolio .pp-pl-item .pp-images-container {
		height: 400px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.projects-portfolio .pp-pl-item .pp-images-container {
		height: 252px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .pp-pl-item .pp-images-container {
		height: 52vw;
		    border: 3px solid #fff;
	}
}

.projects-portfolio .pp-pl-item .pp-image-main,
.projects-portfolio .pp-pl-item .pp-images-container,
.projects-portfolio .pp-pl-item .pp-main-image-block,
.projects-portfolio .pp-pl-item .pp-main-image-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1
}

.projects-portfolio .pp-pl-item .pp-main-image-block {
	transition: transform .5s ease-in-out
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .pp-pl-item .pp-main-image-block {
		transform: translateZ(-1000px)
	}
}

.projects-portfolio .pp-pl-item .pp-main-image-container {
	transition: transform .5s ease-in-out;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: stretch;
	align-items: stretch
}

.projects-portfolio .pp-pl-item .pp-main-perspective-image {
	position: relative;
	overflow: hidden;
	width: 12px;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	background: #000;
	transition: transform .5s ease-in-out
}

.projects-portfolio .pp-pl-item .pp-main-perspective-image .pp-image {
	width: 763px;
	right: auto
}

.projects-portfolio .pp-pl-item .pp-main-image-wrapper {
	position: relative;
	-ms-flex-positive: 1;
	flex-grow: 1;
	overflow: hidden
}

.projects-portfolio .pp-pl-item .pp-main-image-wrapper .pp-image-main {
	left: -10px
}

.projects-portfolio .pp-pl-item .pp-image-main {
	transition: transform .3s linear, opacity .3s
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .pp-pl-item:hover {
		z-index: 5
	}
	.projects-portfolio .pp-pl-item:hover .pp-main-image-block {
		transform: translate3d(-4%, 0, 0) scale(1.02)
	}
	.projects-portfolio .pp-pl-item:hover .pp-main-image-container {
		transform: perspective(300px) rotateY(4deg)
	}
	.projects-portfolio .pp-pl-item:hover .pp-main-perspective-image {
		transform: perspective(300px) rotateY(-40deg)
	}
	.projects-portfolio .pp-pl-item:hover .pp-main-perspective-image .pp-image {
		opacity: .7
	}
	.projects-portfolio .pp-pl-item:hover .pp-image-main {
		transition: transform 5s .4s linear, opacity .5s;
		transform: translate3d(-14%, 0, 0)
	}
	.projects-portfolio .pp-pl-item:hover .pp-image-perspective {
		opacity: 1;
		transform: perspective(1000px) rotateY(0)
	}
}

.projects-portfolio .pp-pl-item.pp-active {
	z-index: 6
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .pp-pl-item.pp-item-hovered:not(.pp-active):before {
		opacity: 1
	}
}

.projects-portfolio .pp-pl-item .pp-item-container {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	z-index: 2;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: end;
	align-items: flex-end
}

.projects-portfolio .pp-pl-item .pp-item-container * {
	pointer-events: none
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .pp-pl-item .pp-item-container {
		transition: transform .4s ease-in-out;
		transform: translate3d(0, -60px, 0)!important;
		-ms-transform-origin: 0 50%;
		transform-origin: 0 50%;
		height: 528px;
		padding: 0 8%
	}
	.projects-portfolio .pp-pl-item .pp-item-container .plus-link {
		transition: color .3s .4s
	}
	.projects-portfolio .pp-pl-item .pp-item-container .plus-link:after {
		transition: color .3s .4s, border-color .3s .4s
	}
	.projects-portfolio .pp-pl-item .pp-item-container .plus-link:before {
		transition: background .3s .4s, opacity .3s .4s;
		display: none
	}
	.projects-portfolio .pp-pl-item .pp-item-container:hover {
		transform: translate3d(-5%, 0, 0)!important
	}
	.projects-portfolio .pp-pl-item .pp-item-container:hover .pp-image {
		transform: translate3d(100px, 0, 0)
	}
	.projects-portfolio .pp-pl-item .pp-item-container:hover .pp-image:before {
		transform: scale(3) translate3d(10%, -15%, 0)
	}
	.projects-portfolio .pp-pl-item .pp-item-container:hover .pp-description {
		transform: perspective(300px) rotateY(3deg) translate3d(0, 0, 0)!important
	}
	.projects-portfolio .pp-pl-item .pp-item-container:hover .pp-top {
		transform: translate3d(0, 0, 0)
	}
	.projects-portfolio .pp-pl-item .pp-item-container:hover .pp-text {
		opacity: 1
	}
	.projects-portfolio .pp-pl-item .pp-item-container:hover .plus-link {
		color: #90c404
	}
	.projects-portfolio .pp-pl-item .pp-item-container:hover .plus-link:after {
		border-color: #90c404;
		color: #90c404
	}
	.projects-portfolio .pp-pl-item .pp-item-container:hover .plus-link:before {
		background: #90c404;
		opacity: 1
	}
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
	.projects-portfolio .pp-pl-item .pp-item-container {
		height: 400px
	}
	.projects-portfolio .pp-pl-item .pp-item-container:hover .pp-description {
		transform: perspective(300px) rotateY(9deg) translate3d(0, 0, 0)!important
	}
}

@media only screen and (max-width:1153px) {
	.projects-portfolio .pp-pl-item .pp-item-container {
		padding: 0 5%
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.projects-portfolio .pp-pl-item .pp-item-container {
		height: 252px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .pp-pl-item .pp-item-container {
		height: 52vw
	}
}

.projects-portfolio .pp-pl-item .pp-image-perspective {
	transition: transform .5s ease-in-out, opacity .5s;
	opacity: 0;
	position: absolute;
	top: 0%;
	right: -1%;
	width: auto;
	height: 107%;
	z-index: 2;
	-ms-transform-origin: 80% 50%;
	transform-origin: 80% 50%;
	transform: perspective(1000px) rotateY(-60deg)
}

.projects-portfolio .pp-pl-item .pp-image {
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	overflow: hidden
}

.projects-portfolio .pp-pl-item .pp-image:before {
	transition: transform .4s ease-in-out;
	-ms-transform: scale(2);
	transform: scale(2);
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, 0) 100%)
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .pp-pl-item .pp-logo {
		margin-bottom: 38px
	}
}

@media only screen and (max-width:1153px) {
	.projects-portfolio .pp-pl-item .pp-logo {
		margin-bottom: 7px
	}
	.projects-portfolio .pp-pl-item .pp-logo img {
		max-width: 100%
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.projects-portfolio .pp-pl-item .pp-logo {
		width: 125px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .pp-pl-item .pp-logo {
		width: 110px
	}
}

.projects-portfolio .pp-pl-item .pp-item-title {
	font-family: Roboto, sans-serif;
	letter-spacing: -.6px;
	margin-bottom: 18px;
	color: #fff !important;
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .pp-pl-item .pp-item-title {
		font-weight: 500;
		font-size: 28px;
		line-height: 32px
	}
}

@media only screen and (max-width:1153px) {
	.projects-portfolio .pp-pl-item .pp-item-title {
		font-weight: 400
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.projects-portfolio .pp-pl-item .pp-item-title {
		font-size: 18px;
		line-height: 26px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .pp-pl-item .pp-item-title {
		font-size: 16px;
		line-height: 20px
	}
}

.projects-portfolio .pp-pl-item .pp-description {
	position: relative;
	z-index: 2;
	line-height: 26px;
	font-size: 16px;
	padding-bottom: 7%
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .pp-pl-item .pp-description {
		transition: transform .4s ease-in-out;
		transform: translate3d(0, 100%, 0);
		-ms-transform-origin: 0 50%;
		transform-origin: 0 50%
	}
}

@media only screen and (min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),
only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),
only screen and (min-resolution:192dpi) and (min-width:1154px) and (max-width:1419px),
only screen and (min-resolution:2dppx) and (min-width:1154px) and (max-width:1419px) {
	.projects-portfolio .pp-pl-item .pp-description {
		zoom: .8
	}
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .pp-pl-item .pp-top {
		transition: transform .4s ease-in-out;
		transform: translate3d(0, -100%, 0)
	}
}

.projects-portfolio .pp-pl-item .pp-text p {
	transition: transform .3s .2s ease-in-out
}

.projects-portfolio .pp-pl-item .pp-text p:not(:last-child) {
	margin-bottom: 25px
}

@media only screen and (max-width:1153px) {
	.projects-portfolio .pp-pl-item .pp-text p:not(:last-child) {
		display: none
	}
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .pp-pl-item .pp-text {
		transition: opacity .7s .1s;
		opacity: 0
	}
}

.projects-portfolio .project-expanded-section {
	position: relative;
	z-index: 1;
	background: #000;
	display: none;
	overflow: hidden
}

@media only screen and (min-width:768px) {
	.projects-portfolio .project-expanded-section {
		width: 100vw;
		left: -50vw;
		margin-top: 1.1vw
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section {
		width: 100%;
		margin-top: 2vw
	}
}

.projects-portfolio .project-expanded-section .pes-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-size: 100% auto;
	background-repeat: no-repeat
}

.projects-portfolio .project-expanded-section .pes-container {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1 1;
	flex: 1 1;
	max-width: 1582px;
	margin: 0 auto
}

@media only screen and (min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),
only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px),
only screen and (min-resolution:192dpi) and (min-width:1154px) and (max-width:1419px),
only screen and (min-resolution:2dppx) and (min-width:1154px) and (max-width:1419px) {
	.projects-portfolio .project-expanded-section .pes-container {
		zoom: .8
	}
}

@media only screen and (max-width:1153px) {
	.projects-portfolio .project-expanded-section .pes-container {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section .pes-container {
		padding-top: 80px
	}
}

.projects-portfolio .project-expanded-section .pes-slider {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 0;
	z-index: 2
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .project-expanded-section .pes-slider {
		width: 45.4%
	}
}

@media only screen and (max-width:1153px) {
	.projects-portfolio .project-expanded-section .pes-slider {
		width: 70%
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.projects-portfolio .project-expanded-section .pes-slider {
		max-height: 850px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section .pes-slider {
		height: 780px
	}
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .project-expanded-section .pes-description {
		position: relative;
		width: 39%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media only screen and (max-width:1153px) {
	.projects-portfolio .project-expanded-section .pes-description {
		width: 100%
	}
}

.projects-portfolio .project-expanded-section .pes-logo {
	transition: opacity .3s .3s ease-in-out;
	opacity: 0;
	height: 178px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 1
}

@media only screen and (max-width:1153px) {
	.projects-portfolio .project-expanded-section .pes-logo {
		position: absolute;
		top: 0;
		right: 3.5%
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.projects-portfolio .project-expanded-section .pes-logo {
		width: 22%
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section .pes-logo {
		left: 0;
		height: 80px
	}
}

.projects-portfolio .project-expanded-section .pes-logo .pes-logo-container {
	max-height: 95%;
	max-width: 80%
}

.projects-portfolio .project-expanded-section .pes-logo img {
	max-height: 100%;
	max-width: 100%;
	width: auto
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section .pes-logo img {
		max-height: 45px
	}
}

.projects-portfolio .project-expanded-section .pes-content {
	position: relative;
	background: #1f1f1f;
	border: solid #4a4a4a;
	border-width: 0 1px 1px 0;
	margin-bottom: auto;
	color: silver;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.projects-portfolio .project-expanded-section .pes-content:before {
	content: '';
	position: absolute;
	top: 0;
	right: 100%;
	bottom: 0;
	width: 100%;
	background: inherit;
	border: inherit;
	border-right: 0;
	z-index: -1
}

@media only screen and (max-width:1153px) {
	.projects-portfolio .project-expanded-section .pes-content {
		min-height: 0!important
	}
}

@media only screen and (min-width:768px) {
	.projects-portfolio .project-expanded-section .pes-content {
		padding: 48px 9% 20px;
		font-size: 16px;
		line-height: 27px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section .pes-content {
		padding: 20px 6%;
		font-size: 13px;
		line-height: 18px
	}
}

.projects-portfolio .project-expanded-section .pr-title {
	font-weight: 300;
	color: #fff;
	display: block
}

@media only screen and (min-width:768px) {
	.projects-portfolio .project-expanded-section .pr-title {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 25px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section .pr-title {
		font-size: 17px;
		line-height: 21px;
		margin-bottom: 15px
	}
}

@media only screen and (min-width:768px) {
	.projects-portfolio .project-expanded-section p {
		margin-bottom: 20px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section p {
		margin-bottom: 10px
	}
}

.projects-portfolio .project-expanded-section .pes-tabs-bar {
	position: relative;
	z-index: 3
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .project-expanded-section .pes-tabs-bar {
		width: 15.6%
	}
}

@media only screen and (max-width:1153px) {
	.projects-portfolio .project-expanded-section .pes-tabs-bar {
		width: 26%;
		max-width: 200px
	}
}

@media only screen and (min-width:768px) {
	.projects-portfolio .project-expanded-section .pes-tabs-bar {
		padding: 178px 0
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section .pes-tabs-bar {
		padding-top: 55px
	}
}

.projects-portfolio .project-expanded-section .pes-tabs-container {
	background: #fff
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .project-expanded-section .pes-tabs-container {
		padding: 58px 55px 33px 30px
	}
}

@media only screen and (max-width:1153px) {
	.projects-portfolio .project-expanded-section .pes-tabs-container {
		padding: 20px 16px 10px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section .pes-tabs-container {
		padding: 8px
	}
}

.projects-portfolio .project-expanded-section .pes-tab {
	position: relative;
	transition: transform .3s;
	opacity: 1!important;
	background: #fff;
	width: 100%;
	height: auto;
	display: block;
	border-radius: 0;
	z-index: 1
}

@media only screen and (min-width:768px) {
	.projects-portfolio .project-expanded-section .pes-tab {
		margin-bottom: 15px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section .pes-tab {
		margin-bottom: 10px
	}
}

.projects-portfolio .project-expanded-section .pes-tab img {
	max-width: 100%
}

.projects-portfolio .project-expanded-section .pes-tab:before {
	transition: transform .3s ease-in-out, background .3s;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	content: '';
	position: absolute;
	top: 2px;
	bottom: -2px;
	left: 2px;
	right: -2px;
	background: #5a6063;
	z-index: -1
}

.projects-portfolio .project-expanded-section .pes-tab:after {
	transition: transform .3s, opacity .3s;
	opacity: 0;
	content: '';
	position: absolute;
	top: 50%;
	z-index: -1
}

@media only screen and (min-width:768px) {
	.projects-portfolio .project-expanded-section .pes-tab:after {
		transform: translate3d(-100%, 0, 0);
		left: 100%;
		margin: -12px 0 0 5px;
		border-left: 12px solid #90c404;
		border-top: 18px solid transparent;
		border-bottom: 18px solid transparent
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section .pes-tab:after {
		transform: translate3d(100%, 0, 0);
		right: 100%;
		margin: -9px 0 0 5px;
		border-right: 5px solid #90c404;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent
	}
}

@media only screen and (min-width:768px) {
	.projects-portfolio .project-expanded-section .pes-tab.swiper-pagination-bullet-active {
		transform: translate3d(-3px, -3px, 0)
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section .pes-tab.swiper-pagination-bullet-active {
		transform: translate3d(-1px, -1px, 0)
	}
}

.projects-portfolio .project-expanded-section .pes-tab.swiper-pagination-bullet-active:after {
	transform: translate3d(0, 0, 0);
	opacity: 1
}

.projects-portfolio .project-expanded-section .pes-tab.swiper-pagination-bullet-active:before,
.projects-portfolio .project-expanded-section .pes-tab:hover:before {
	background: #90c404
}

@media only screen and (min-width:768px) {
	.projects-portfolio .project-expanded-section .pes-tab.swiper-pagination-bullet-active:before,
	.projects-portfolio .project-expanded-section .pes-tab:hover:before {
		transform: translate3d(3px, 3px, 0)
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section .pes-tab.swiper-pagination-bullet-active:before,
	.projects-portfolio .project-expanded-section .pes-tab:hover:before {
		transform: translate3d(translate3d(-4px, -1px, 0))
	}
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .project-expanded-section .swiper-container,
	.projects-portfolio .project-expanded-section .swiper-slide,
	.projects-portfolio .project-expanded-section .swiper-wrapper {
		height: auto
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.projects-portfolio .project-expanded-section .swiper-container,
	.projects-portfolio .project-expanded-section .swiper-slide,
	.projects-portfolio .project-expanded-section .swiper-wrapper {
		height: 780px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section .swiper-container,
	.projects-portfolio .project-expanded-section .swiper-slide,
	.projects-portfolio .project-expanded-section .swiper-wrapper {
		height: 430px
	}
}

@media only screen and (max-width:766px) and (orientation:landscape) {
	.projects-portfolio .project-expanded-section .swiper-container,
	.projects-portfolio .project-expanded-section .swiper-slide,
	.projects-portfolio .project-expanded-section .swiper-wrapper {
		height: 650px
	}
}

.projects-portfolio .project-expanded-section .swiper-wrapper {
	position: relative;
	width: 74.2%
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .project-expanded-section .pes-scroll-bar {
		height: 930px
	}
}

@media only screen and (max-width:1153px) {
	.projects-portfolio .project-expanded-section .pes-scroll-bar {
		height: 100%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}
}

.projects-portfolio .project-expanded-section .pes-scroll-bar:after {
	pointer-events: none;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 250px;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
	transition: opacity .1s linear;
	z-index: 4
}

.projects-portfolio .project-expanded-section .pes-scroll-wrapper {
	overflow: hidden;
	max-height: 100%
}

@media only screen and (min-width:768px) {
	.projects-portfolio .project-expanded-section .pes-scroll-wrapper {
		padding-top: 53px
	}
}

.projects-portfolio .project-expanded-section .pes-scroll-wrapper:not(.mCS_no_scrollbar) {
	cursor: ns-resize
}

.projects-portfolio .project-expanded-section .scroll-image-container {
	position: relative;
	z-index: 1
}

@media only screen and (min-width:768px) {
	.projects-portfolio .project-expanded-section .scroll-image-container {
		padding-left: 10px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section .scroll-image-container {
		padding-left: 5px
	}
}

.projects-portfolio .project-expanded-section .scroll-image-container>img {
	width: 100%
}

.projects-portfolio .project-expanded-section .perspective-image {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-ms-transform: skewY(-20deg);
	transform: skewY(-20deg);
	z-index: -1
}

@media only screen and (min-width:768px) {
	.projects-portfolio .project-expanded-section .perspective-image {
		width: 11px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section .perspective-image {
		width: 5px
	}
}

.projects-portfolio .project-expanded-section .perspective-image img {
	height: 100%;
	max-width: none
}

.projects-portfolio .project-expanded-section .mCSB_inside>.mCSB_container {
	margin-right: 0
}

.projects-portfolio .project-expanded-section .mCSB_scrollTools {
	opacity: 0!important
}

.projects-portfolio .project-expanded-section .pes-sub {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	border-top: 1px solid #3d3d3d;
	padding: 24px 0 0
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .project-expanded-section .pes-sub {
		margin: auto 0 0
	}
}

@media only screen and (min-width:1154px) {
	.projects-portfolio .project-expanded-section .pes-sub .green-arrow-link-animation {
		font-size: 16px;
		line-height: 20px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section .pes-sub .green-arrow-link-animation {
		font-size: 12px;
		line-height: 16px
	}
}

@media only screen and (max-width:766px) {
	.projects-portfolio .project-expanded-section .pes-sub .blue-link {
		font-size: 11px;
		line-height: 15px
	}
	.projects-portfolio .project-expanded-section .pes-sub .blue-link:after {
		font-size: 23px;
		line-height: 0
	}
}

.projects-portfolio .project-expanded-section .red-close-btn {
	right: 0
}

.projects-portfolio .project-expanded-section.pes-expanded {
	z-index: 10
}

.projects-portfolio .project-expanded-section.pes-expanded .pes-logo {
	opacity: 1
}

.wwu-extra-padding {
	overflow: visible
}

.wwu-extra-padding:last-child .work-with-us-container {
	height: auto
}

@media only screen and (min-width:1154px) {
	.wwu-extra-padding+*>div {
		padding-top: 70px
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.wwu-extra-padding+*>div {
		padding-top: 150px
	}
}

@media only screen and (max-width:766px) {
	.wwu-extra-padding+*>div {
		padding-top: 60px!important
	}
}

.work-with-us-container {
	position: relative;
	z-index: 1;
	height: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.work-with-us-container {
		padding: 0 2vw
	}
}

@media only screen and (max-width:766px) {
	.work-with-us-container {
		padding: 0 4.5vw
	}
}

.work-with-us-container .wwu-block {
	border: 1px solid #dedede;
	border-bottom: 0;
	border-radius: 3px;
	box-shadow: inset 0 -3px 0 #009ddc;
	background: #fff;
	width: 100%;
	max-width: 1100px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media only screen and (min-width:1154px) {
	.work-with-us-container .wwu-block {
		margin-top: 7px;
		padding: 3vw
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.work-with-us-container .wwu-block {
		margin-top: -9px;
		padding: 5vw 7.5vw
	}
}

@media only screen and (max-width:766px) {
	.work-with-us-container .wwu-block {
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 7vw 3.5vw
	}
}

.work-with-us-container strong {
	color: #009ddc;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif
}

@media only screen and (min-width:1154px) {
	.work-with-us-container strong {
		font-size: 38px;
		line-height: 1.3
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.work-with-us-container strong {
		font-size: 26px;
		line-height: 30px
	}
}

@media only screen and (max-width:766px) {
	.work-with-us-container strong {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 0px
	}
	
}

.work-with-us-container .main-green-button {
	top: 0
}

@media only screen and (min-width:768px) {
	.work-with-us-container .main-green-button {
		margin-left: 3vw;
		min-width: 200px;
		font-size:24px;
	}
}

@media only screen and (min-width:767px) and (max-width:1153px) {
	.industry-section {
		padding: 95px 0 100px
	}
}

.industry-section:after {
	background-attachment: scroll
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform, height
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-o-transform: translate(0, -50%);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}

.swiper-pagination-progress {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
	overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}
/*****Web Design Page css End****/


.entry-content li{
	    font-size: 14px;
}

.f-color{
	color:#86C724 !important;
	
}
div#slider-7-layer-57 {
    display: none;
}

@media only screen and (max-width: 1440px) {
    .tp-rightarrow.tparrows.uranus {
    left: 105% !important;
}
}
@media only screen and (max-width: 1366px) {
    .tp-rightarrow.tparrows.uranus {
    left: 108% !important;
}
}
@media only screen and (max-width: 1024px) {
    .tp-rightarrow.tparrows.uranus {
    left: 112% !important;
}
	.tp-leftarrow.tparrows.uranus {
    left: 47% !important;
}
}
@media only screen and (max-width: 898px) {
    .tp-rightarrow.tparrows.uranus {
    left: 118% !important;
}
	.tp-leftarrow.tparrows.uranus {
    left: 42% !important;
}
}
@media only screen and (max-width: 768px) {
    .tp-rightarrow.tparrows.uranus {
    left: 118% !important;
}
	.tp-leftarrow.tparrows.uranus {
    left: 42% !important;
}
}
@media only screen and (max-width: 736px) {
    .tp-rightarrow.tparrows.uranus {
    left: 118% !important;
}
	.tp-leftarrow.tparrows.uranus {
    left: 42% !important;
}
}
@media only screen and (max-width: 700px) {
    .tp-rightarrow.tparrows.uranus {
    left: 120% !important;
}
	.tp-leftarrow.tparrows.uranus {
    left: 40% !important;
}
}
@media only screen and (max-width: 640px) {
    .tp-rightarrow.tparrows.uranus {
    left: 122% !important;
}
	.tp-leftarrow.tparrows.uranus {
    left: 38% !important;
}
}
@media only screen and (max-width: 600px) {
    .tp-rightarrow.tparrows.uranus {
    display:none;
}
	.tp-leftarrow.tparrows.uranus {
    display:none;
}
	.tp-bullets{
		display: none !important;
	}
	div#slider-7-layer-51 {
    padding: 2px 10px !important;
    font-size: 11px !important;
    line-height: 16px !important;
}
	.pricing-title h2 {
    line-height: 1 !important;
    font-size: 40px !important;
}
	.pricing-title h3{
		    font-size: 26px !important;
			line-height: 1;
		margin-top:10px;
	}
	.pp-text p {
    line-height: 20px;
	font-size:13px;
}
	.pp-description{
		padding-bottom: 3% !important;
	}
	div#slide-36-layer-14 {
    margin-top: 8px !important;
}
	div#slide-37-layer-18 {
    margin-top: 8px !important;
}
	div#slide-38-layer-7 {  margin-top: 8px !important;
}
	div#slide-39-layer-5 {
		 margin-top: 8px !important;
}
	
}

h3.white {
    color: #fff !important;
}
.bot-mar{
	    margin-bottom:0 !important;
	    border-bottom: 1px solid #999999;
}
.price-li-sty {
    text-align: left !important;
    padding: 5px 55px !important;
}
.pricingtable3 li.title{
	background-color: #3183D7 !important;
}
li.price.bot-mar h1 {
    color: #3183D7;
}
.pricing-title {
    padding-bottom: 30px;
}
.pricing-title h3{    font-size: 32px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 300;
    letter-spacing: .5px;
    text-transform: capitalize;
    margin-bottom: 20px !important;}
.pricing-title h2{ font-size: 50px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 500;
    letter-spacing: -1.3px;
    text-transform: capitalize;
    line-height: 1.75;
}


.pricingtable3 li.price {
    padding: 1px 0px 0px 0px !important;
}
.pricingtable3 li.price h1 {
    font-family: 'Mouse' !important;
	margin-top: 20px !important;
    margin-bottom: 20px !important;
}
h2.white {
    color: #fff !important;
}
.page-id-5540 div#wpcf7-f5544-p5540-o1,.page-id-5568 div#wpcf7-f5544-p5540-o1 {
    background: #fff;
    box-shadow: 0 0 1px 3px rgba(0,0,0,.07);
    padding: 60px 70px 0;
	margin-top: -425px;
	border-radius: 6px;
}
.page-id-5540 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,.page-id-5568 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    box-shadow: none;
    background: 0 0;
    height: 68px;
    line-height: 68px;
    border: 1px solid #a8abac;
    color: #5a6063;
    font: 20px/1 'Roboto', sans-serif;
	border-radius: 7px;
	padding-left: 10px;
	width: 100%;
}
.page-id-5540 input.wpcf7-form-control.wpcf7-submit textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required,.page-id-5568 textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    box-shadow: none;
    background: 0 0;
    line-height: 68px;
    border: 1px solid #a8abac;
    color: #5a6063;
    font: 20px/1 'Roboto', sans-serif;
    border-radius: 7px;
    padding-left: 10px;
	width: 100%;
}
 input.wpcf7-form-control.wpcf7-submit,.page-id-5568 input.wpcf7-form-control.wpcf7-submit {
    color: #fff;
    padding: 20px 40px 20px 40px;
    font: 23px roboto-bold-webfont,sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    background: #8CC63E;
    border-radius: 6px;
    margin: 20px;
    margin-left: 0;
}
.sty13 {
    padding: 145px !important;
}
.sty13 h2 {
   font-size:40px !important;
}
.page_title1.sty13 .pagenation {
    color: #fff;
    display: none;
}
.one_fifth.dildo{
	width:25%;
}
.flips4_front img{
	padding-top: 12px;
}
@media only screen and (max-width: 1024px) {
	.page-id-5540 div#wpcf7-f5544-p5540-o1 {margin-top:0 !important; padding: 10px 20px 0;}
	.page-id-5540 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{height:40px !important;font: 15px/1 'Roboto', sans-serif;}
	.sty13{padding:15px !important}
	
}
@media only screen and (max-width: 767px) {
	li.price.act.bot-mar h1 {
    font-size: 30px;
}
	.one_fifth.dildo{width:100% !important;}
}
.page-id-5540 #primary.site-content {
    float: left;
    width: 100%;
    background: #fff;
    padding: 100px 0px 0px 0px;
}

div#wpcf7-f5575-p5568-o1 {
    background: #fff;
    box-shadow: 0 0 1px 3px rgba(0,0,0,.07);
    padding: 60px 70px 0;
    margin-top: -330px;
    border-radius: 6px;
}
@media only screen and (max-width: 1024px) {
	.page-id-5568 div#wpcf7-f5575-p5568-o1 {margin-top:0 !important; padding: 10px 20px 0;}
	.page-id-5568 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{height:40px !important;font: 15px/1 'Roboto', sans-serif;}
	.sty13{padding:15px !important}
	
}

.page-id-5568 #primary.site-content {
    float: left;
    width: 100%;
    background: #fff;
    padding: 100px 0px 0px 0px;
}

.flips4_back{
	background-color: #4267B2 !important;
}
.flips4_back h5{
	color: #fff !important;
}
.font-col ul {
    color: #727272;
    line-height: 1.5;
    letter-spacing: .5px;
}
.ytsubscribe_container.default_theme {
    border: 1px solid #A9A9A9;
    padding: 10px;
    text-align: center;
}
.page-id-996 #primary.site-content{
	padding: 100px 0px 0px 0px;
}
i.fa.fa-usd {
    padding-left: 9px;
    padding-right: 20px !important;
}
.jamuna li {
    list-style: lower-alpha !important;
    line-height: 1.5;
    letter-spacing: .25px;
}
div#primary {
    background: #F3F3F3 !important;
}
article.blog_post {
    background: #fff;
}

.entry-content p ~ a {
    display:none;
}
ul.post_meta_links {
    display: none;
}

.clearfix.divider_line9.lessm.artciles-between {
    display: none;
}
.post{
	margin: 0 0 50px 0;
	box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
}
.vc_gitem-zone.vc_gitem-zone-a.vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-1-1.vc_gitem-is-link {
    height: 150px;
}
.vc_btn3-container.vc_btn3-left {
    display: none;
}
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title h4 {
    font-size: 22px;
    color: #009CFF;
    font-family: 'Lato';
    font-weight: 700;
    padding: 20px 20px 5px 20px;
}
.vc_grid-item-mini {
	box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
}
.vc_gitem_row .vc_gitem-col {
    padding: 0px;
}
.about_author {
    display: none;
}
.single-post h5.caps {
    display: none;
}
div#comments {
    display: none;
}
.single-post .entry-content.blog_postcontent {
    padding: 50px;
}

.page-id-517 .vc_gitem-zone.vc_gitem-zone-a.vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-1-1.vc_gitem-is-link {
    height: 210px;
}
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt {
    text-align: justify;
    padding: 0 20px;
}
.vc_gitem_row .vc_gitem-col {
    padding: 10px;
    height: 218px;
}
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title h4:hover {
    color: #111111;
}
#sidebar h3.widget-title {
    text-align: center;
}
aside#smyoutubesubscribe_widget-2 h3 {
    margin-top: 20px;
}
.ytsubscribe_container.default_theme {
    border: 1px solid #A9A9A9;
    padding: 10px 10px 20px 10px;
    text-align: center;
}
.king-sidebar ul.arrows_list1{
	text-align: justify;
}
#sidebar ul.arrows_list1 li {
    padding: 5px 0px;
    letter-spacing: 1px;
}
.our-team {
    padding: 10px;
}
.feature_section14_elm .one_half:hover {
    color: #000 !important;
    background: #fff !important;
}
.feature_section14_elm .one_half h5 em{
	    color: #3183d7 !important;
}
.entry-content li {
    list-style: inherit;
    line-height: 20px;
}
h2.vc_custom_heading.box-design {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    padding: 10px;
    padding-top: 3px;
}
.page-id-6674 div#primary {
    padding: 30px 0px 100px 0px;
}