.body-container-wrapper{
    padding-top:10px !important;
    }
    
.widget-type-logo img.hs-image-widget{
    width:55% !important;
}    

.header-container-wrapper{
    position:relative !important;
}
.section.post-header a.link span{
    color: #124f90 !important;
    text-transform:uppercase;
    margin-bottom:20px;
    padding-left:5px;
    font-size:32px;
    word-wrap:normal;
}
.about-author-sec img{
    border:0px !important;
    border-radius: 0px !important;
    
}
.post-header h2{
    line-height:1.2em;
}
@font-face {
  font-family: 'Roboto Regular';
  src: url('../fonts/roboto/Roboto-Regular.ttf') format("TrueType");
}
@font-face {
  font-family: 'Roboto Light';
  src: url('../fonts/roboto/Roboto-Light.ttf') format("TrueType");
}
@font-face {
  font-family: 'Roboto Bold';
  src: url('../fonts/roboto/Roboto-Bold.ttf') format("TrueType");
}
@font-face {
  font-family: 'Roboto Medium';
  src: url('../fonts/roboto/Roboto-Medium.ttf') format("TrueType");
}
@font-face {
  font-family: 'Bebas Neue';
  src: url('../fonts/BebasNeue.ttf') format("TrueType");
}
@font-face {
  font-family: 'HelveticaNormal';
  src: url('../fonts/helvetica/Helvetica.ttf') format("TrueType");
}
@font-face {
  font-family: 'HelveticaBold';
   src: url('../fonts/helvetica/Helvetica-Bold.ttf') format("TrueType");
}
@font-face {
  font-family: 'Helvetica-light';
   src: url('../fonts/helvetica/Helvetica-Light.ttf') format("TrueType");
}
@font-face {
  font-family: 'Helvetica-light-oblique';
   src: url('../fonts/helvetica/Helvetica-LightOblique.ttf') format("TrueType");
}
@font-face {
  font-family: 'Helvetica-oblique';
   src: url('../fonts/helvetica/Helvetica-Oblique.ttf') format("TrueType");
}
@font-face {
  font-family: 'Bebas Neue';
  src: url("//cdn2.hubspot.net/hubfs/2120090/fonts/BebasNeue.ttf") format("TrueType");
}
.fhn{font-family: "HelveticaNormal"}
.fhb{font-family: "HelveticaBold"}
.fhl{font-family: "Helvetica-Light"}
.fhlo{font-family: "Helvetica-oblique"}
.fho{font-family: "Helvetica-oblique"}
.fhbo{font-family: "Helvetica-bold-oblique"}


.f_bebasneue{
    font-family: 'Bebas Neue' !important;
}
.f_helveticanormal{
	font-family: 'HelveticaNormal';
}
body{
	color:#7a9cd2;
}
.black-text *{
	color:#000;
}
body{
	font-family:"Roboto Light";
}
h1,h2,h3,h4,h5,h6{
	font-family:"Roboto Regular";
}
b,strong{
	font-family:"Roboto Bold";
}
/*p{
	font-family:"HelveticaNormal";
}*/
.w100{
    width:100%; 
}
.mp0{
	margin: 0px;
	padding: 0px;
}
.grey-border{
	border:3px solid #ccc;
}
.big-row{
	max-width: 80rem !important;
}
.orbit-container .orbit-slides-container img{
	width:100%;
}
.top-navbar-custom{
	height:75px;
	background-color:#fff;
}
.top-site-logo{
	width: 200px;
    margin-top: 15px;
    margin-left:15px;
}
.menu-toggle-button{
	border-left:none;
	top:12px;
	right:20px;
}
.menu-toggle-button .mhr{
	display: block;
    width: 40px;
    height: 8px;
    background: #4d6191;
    margin-top: 5px;
    position: relative;
    right: 0px;
}
label.mhr-text {
    text-align: center;
    margin-left: -2px;
    font-size: 14px;
    bottom: -29px;
    position: absolute;
    color: #3b5186;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
}
.show-mobile-nav .mobile-icon > span:first-child{
     -ms-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
    height: 5px;
    margin-top:21px !important;
} 
.show-mobile-nav .mobile-icon > span:nth-child(2){
    -ms-transform: rotate(-50deg);
    -ms-transform-origin: 9px -2px;
    -webkit-transform: rotate(-50deg);
    -webkit-transform-origin: 9px -2px;
    transform: rotate(-50deg);
    transform-origin: 9px -2px;
    height: 5px;
} 
.show-mobile-nav .mobile-icon > span:nth-child(3){
        display: none;
} 


.orbit-container #main-slider.orbit-slides-container > * .orbit-caption {
    top: 50px;
    background-color: rgba(255, 255, 255, 0.8);
    color: #FFFFFF;
    text-align: center;
    bottom:auto;
}
#main-slider.orbit-slides-container > * .orbit-caption h1,
#main-slider.orbit-slides-container > * .orbit-caption h3 {
    color:#394962;
}
#main-slider.orbit-slides-container > * .orbit-caption h1{
	font-size:4em;
}
#main-slider .orbit-slide-number{
	display:none;
}
.main-slider-container{
	position: relative;
}
.arrow-caption{
	left: 50%;
    margin-left: -35px;
    position: fixed;
    top: 408px;
    z-index: 8;
}
.arrow-caption span{
	display: block;
    font-size: 25px;
    margin-left: -27px;
    font-weight: bold;
    color:#fff;
}
.software-area{
	width:100%;
	height:350px;
	padding:30px;
	text-align: center;
	background-color: #394962;
	border-top:8px solid #44799b;
	color:#fff;
}
.software-area *{
	color:#fff;
}
.software-area .sd_img{
	width:226px;

}
.white-area{
	background-color: #fff;
	padding-bottom:0px;
}
.text-red{
	color:#e23227;
}
.text-gray{
	color:#7a7a7a;
}
.text-blue{
	color:#24446a;
}
.text-light-blue{
	color:#648aa5;
}
.text-light{
	text-align: right;
}
.p20{
	padding:20px;
}
.p30{
	padding: 30px;
}
.pt10{
	padding-top: 10px;
}
.pt30{
	padding-top: 30px;
}
.pt70{
	padding-top:70px;
}
.pt150{
	padding-top:150px;
}
.pl70{
	padding-left: 70px;
}
.pr50{
	padding-right:50px;
}
.pl140{
	padding-left: 140px;
}
.plr60{
	padding-right: 60px;
	padding-left: 60px;
}
.pl10{
    padding-left: 10px;
}
.pr10{
    padding-right: 10px;
}
.pl20{
    padding-left: 20px;
}
.pb50{
	padding-bottom: 50px !important;
}
.pb70{
	padding-bottom: 70px;
}
.pb100{
	padding-bottom: 100px !important;
}

.p20{
	padding: 20px;
}
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mt70{
    margin-top: 70px;
}
.pb75{
	margin-bottom: 75px;
}
.margin_custom{
margin-top: -5px;
}
.back_index{
	z-index: 0 !important;
}
.industries_area{
	border-top:5px solid #d8d8d8;
	padding-top:30px;
	margin-top:80px;
}
.ind-imgs{
	padding-top:20px;
	padding-bottom:20px;
}
.ind-imgs img{
	width:100%;
}
.no-bullet{
	list-style: none;
}
.center-list{
	width:300px;
	margin:0 auto;
	display:block;
}
.paralax-container{
	height: 600px;
    background: url("../img/slider2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    position: fixed;
    z-index: -1;
    top: 0;
}
.t410{
	position:relative;
	margin-top:410px;
}
 img.close-full-btn{
	width: 50px;
}
.paralax-caption{
	top: 33%;
    background-color: rgba(36, 68, 106, 0.8);
    color: #d6dbde;
    text-align: center;
    bottom: auto;
    position: absolute;
    width: 100%;
}
.paralax-caption h1{
	color: #FFFFFF
}
.paralax-caption h3{
	color:#d6dbde;
}
.percentage_area{
	position:relative;
	width:420px;
	margin:0 auto;
}
.percentage_area .per_num{
	position: absolute;
	font-size: 25px;
}
.per_num.p1{
	left: 79px;
    top: 77px;
}
.per_num.p2{
	top: 77px;
    left: 186px;
}
.per_num.p3{
	top: 77px;
    left: 284px;
}
.per_num.p4{
	bottom: 77px;
    left: 87px;
}
.per_num.p5{
	left: 187px;
    bottom: 77px;
}
.per_num.p6{
	bottom: 77px;
    left: 276px;
}


.percentage_area img{
	width:100%;
}

.graph_area{
	position:relative;
	width:395px;
	margin:0 auto;
}

.graph_area img.maing{
	width:100%;
}
.light_blue_block{
	position: absolute;
    left: 28px;
    bottom: 73px;
    color:#3e7395;
}
.light_blue_block h2,.light_blue_block span{
	color:#3e7395;
}
.medium_blue_block h2,.medium_blue_block span{
	color:#24446a;
}
.dark_blue_block h2,.dark_blue_block span{
	color:#14143a;
}

.medium_blue_block{
	position: absolute;
    left: 135px;
    bottom: 73px;
}
.dark_blue_block{
	bottom: 73px;
    left: 243px;
    position: absolute;
}
.cgimg{
	height:10px;
	width:90px;
	-webkit-transition: all 1s ease 0s; /* Safari 3.1 to 6.0 */
    transition: all 1s ease 0s;
}
.video_first{
	position: absolute;
    left: 50%;
    top: 0px;
    width: 222px;
    height: 222px;
    z-index: 9;
    background-color: rgba(255,255,255,1);
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all 2s ease 0s; /* Safari 3.1 to 6.0 */
    transition: all 2s ease 0s;
    margin-left: -111px;
}
.video_first video{
	position: relative;
	height: 100%;
	margin-left: -50px;

}
.video_sec{
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background-color: rgba(255,255,255,1);
    display:none;
}
.video_sec video{
	
}

.video_sec{
	position: absolute;
    left: 50%;
    top: 0px;
    width: 222px;
    height: 222px;
    z-index: 10;
    background-color: transparent;
    display: none;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all 2s ease 0s; /* Safari 3.1 to 6.0 */
    transition: all 2s ease 0s;
    margin-left: -111px;
}

.circle_video{
	width:100%;
	height:auto;
	
}
.circle_video_section{
	position:relative;
	border-radius: 50%;
    width: 220px;
    margin: 0 auto;
    height: 220px;
    cursor:pointer;
}

.close_full{
	color: #000;
    right: 2px;
    position: absolute;
    z-index: 999999;
    font-size: 35px;
    top: 2px;
}
.meter_area{
	position:relative;
	width:330px;
	margin:0 auto;
}
.meter_area img{
	width:100%;
}
.dial1,.dial2,.dial3{
	width:33px;
	height:34px;
	position:absolute;
	-ms-transform: rotate(-136deg); /* IE 9 */
    -webkit-transform: rotate(-136deg); /* Chrome, Safari, Opera */
    transform: rotate(-136deg);
}
.dial1{
	left: 50%;
    top: 58px;
    margin-left: -12px;
}
.dial2{
	bottom: 45px;
    left: 19%;
}
.dial3{
	bottom: 45px;
    right: 20%;
}
/*.roa_area{
	margin-top:70px;
}*/


.side-main-menu{
	background:#001e50;
	color:#fff;
}
.side-main-menu ul li{
	display: block;
	width: 100%;
	padding-left: 60px;
	text-align: left;
	overflow: hidden;
	border-bottom: 0px;
}
.side-main-menu ul.off-canvas-list li a{
	color:#425e8d;
	/*border-bottom:4px solid #5c759c;*/
	font-family:"Roboto Medium";
	font-size:20px;
	display: block;
	height: 50px;
	padding-top: -10px;	 
	border-bottom: 0px;	
}

.side-main-menu ul li.big_menu, .side-main-menu ul li.big_menu a{
	height: 70px;
	padding-left: 0px;
	padding-top: 0px;
}
.side-main-menu ul.off-canvas-list li a:hover,
.side-main-menu ul.off-canvas-list li a:active{
	background:#5879ad;
	color:#fff;
}

.side-main-menu ul li h5 {
	height: 50px;
}
.side-main-menu ul li h5 a span.nav_img_span{
	position: relative;
	display: block;
	padding:5px 20px;
	float: left;
	color:#fff;
}
.side-main-menu ul li h5 a span.nav_img_span img{
	width: 80%;
	float: left;
}
.side-main-menu ul li h5 a span{
	display: block;
	color: #fff;
	font-size: 18px;

}
.side-main-menu ul li h5 a {
	display: block;

}
.side-main-menu ul li h5 a span.single{
	padding-top: 12px;
}
.side-main-menu ul li h5 a span.double{
	padding-top: 1px;
}

.big_menu  img{
	width: 51px;
	float: left;
	margin: 5px;
	margin-left: 20px;
	margin-right: 16px;
	z-index: 999999;
    position: relative;
	
}
.side-main-menu ul li ul, ul li ol{
	margin-left:0px;
	height:0px;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}
.side-main-menu .dropdown.open ul{
	height:auto;
}
.side-main-menu a.dark_blue{
	background-color: #5879ad;	
}
.side-main-menu a.dark_blue:hover{
	background-color: #6982ab !important;	
}
.side_menu_social{
	display: block;
	width: 100%;
	text-align: center !important;

}
.side_menu_social {
	width: 100%;
	height: 120px;
	margin-top: 50px;
}
.side_menu_social a{
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 1px solid transparent;
	border-radius: 50%;
	margin-left: 2px;
	padding-top: 7px;
	background-color: #5272a1;
	color: #001e50;
	padding-left: 2px;
	
}
.side_menu_social a:hover span{
	color:#fff !important;
}
.side_menu_social a span{
	font-size: 26px !important;
	
}

.cnt-tab-area{
	position: relative;
}
.tab-active-block{
	position: absolute;
	width:30%;
	border:3px solid #e12d22;
	height:48px;
	z-index: 999;
	-webkit-transition: all 0.5s ease 0s; /* Safari 3.1 to 6.0 */
    transition: all 0.5s ease 0s;

}
.tab-active-block:after{
	content: "\25bc";
    display: block;
    font-size: 15px;
    color: #e12d22;
    position: absolute;
    bottom: -18px;
    left: 50%;
    margin-left: -10px;
}
.contact_us_tabs{
	margin:0 auto;
}
.contact_us_tabs li{
	margin-right:20px;
	border:3px solid #fff;
	position:relative;
	width:30%;
	height:48px;
	text-align: center;
	white-space: nowrap;
}
.contact_us_tabs .tab-title > a{
	font-size:20px;
	padding-top:5px;
	padding-bottom:5px;
}

.contact_us_tabs li.active{
	/*border:3px solid #e12d22;*/
}
.contact_us_tabs li.active:after{
	/*content: "\25bc";
    display: block;
    font-size: 15px;
    color: #e12d22;
    position: absolute;
    bottom: -18px;
    left: 50%;
    margin-left: -10px;*/
}
.address-list{
	list-style: none;
}
.ad-title{
	color:#3e7395;
}
.ad-title .fa{
	color:inherit;
}
.ad-link,.ad-link a{
	color:#1a41d0;
	text-decoration: underline;
}

.form-area .button-group {
  position: relative;
  display: inline-block;
  margin: 1rem 0; 
  width:100%;
}
button.disabled, button[disabled], .button.disabled, .button[disabled]{
	background-color: #939698;
	border-color: #939698;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus{
	background-color: #939698;
}
.form-area .button-group:before {
    content: attr(data-grouptype);
    z-index: 99999;
    color: #000;
    display: block;
    font-size: 16px;
    padding: 16px;
    border-radius: 50%;
    background: #d3d2d2;
    position: absolute;
    left: 50%;
    top: -6px;
    margin-left:-29px;
}
.form-area .button-group button + button {
    margin-left: 5px; 
}

.spindle-red{
	background-color:#df3026;
	position: relative;
	color:#fff;
}
.spindle-dark-red{
	background-color: #b8111d;
	color:#fff;
	position:relative;
}
.spindle-dark-red:hover,
.spindle-dark-red:visited{
	background-color: #b8111d;
	color:#fff;
}
.spindle-red-blank{
	background-color:#df3026;
	position: relative;
	color:#fff;	
}
.spindle-red-blank:hover,.spindle-red-blank:visited{
	background-color:#df3026;
}
.spindle-couple-btn{
	width:50%;
	float: left;
	margin-left: 0px !important;
}
.spindle-lg-btn{
	width:30%;

}
.spindle-red:hover{
	box-shadow:0px 5px 0px 0px #a21f17 inset;
	background-color:#df3026;
}
.spindle-red:hover:before{
	content:"\25bc";
	position: absolute;
	top:0px;
	left:50%;
	margin-left:-6px;
	font-size:12px;
	color:#a21f17;

}

.flight-blue{
	background-color:#3e7395;
}
.fdark-blue{
	background-color: #24446a;
}
.fdark-gray{
	background-color: #939698;
}
.flight-gray{
	background-color: #cccccc;
}
.fblock{

	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
	color:#fff;
	position: relative;
}
.fblock h3{
   font-size: 1.3rem;
}
.fblock a:hover{
	color:#fff;
}
.fblock *{
	color:#fff;
}
.fblock.black *{
	color:#000;
}
.fblock .ad-link, .fblock .ad-link a{
	color:#fff;
	text-decoration: none;
}
.term-list{
	position: absolute;
	bottom:20px;
	left:0px;
	right:0px;
	text-align: center;
}
.knowledge-center-area *{
	color:#3a3a3a;
}
.knowledge-center-area{
	padding-top:30px;
}
.spindle-red-border-top{
	border-top:5px solid #e3483f;
}
.spindle-grey-border-top{
	border-top:5px solid #d8d8d8;
}

.kn-desc-type h5{
	padding:5px;
	display:inline-block;
}
.dark-blue-border h5{
	border:3px solid #3e7395;
	color:#3e7395;
}
.red-border h5{
	border:3px solid #e23127;
	color:#e23127;
}
.light-blue-border h5{
	border: 3px solid #69a9d2;
	color:#69a9d2;
}
.dark-gray-border h5{
	border: 3px solid #676767;
	color:#676767;
}


.kn-desc-footer a{
	color:#e44940;
	text-decoration: underline;
	line-height: 2px;
}
.kn-desc-dt{
	margin-top:-26px;
}
.subscribe-form-area a{
	color:#fff;
}
.subscribe-form-area input{
	border:3px solid #d6dbde;
	height:60px;
	font-size:20px;
}
.subscribe-form-area .postfix{
	height:60px;
	padding-top:12px;
	font-size:25px;
}
.load-more-area *{
	color:#fff;
}
.big-btn{
	height:60px;
	padding-top:12px;
	font-size:25px;
}
.back-link *{
	color:#2c5697;
}
.back-link{
	margin-left:-30px;
	font-size:25px;
	font-weight: normal;
}
.back-link .fa{
	font-size: 38px;
    vertical-align: middle;
    margin-top: -6px;
}
.kn-desc-img-inner{
	padding-bottom:20px;
	padding-right:30px;
}
.kn-desc-share-btns .fa-linkedin-square{
	color:#0077b5;
}
.kn-desc-share-btns .fa-envelope{
	color:#c8c8c8;
}
.kn-desc-share-btns .fa-twitter{
	color:#55acee;
}
.kn-desc-share-btns .fa-facebook{
	color:#3b5998;
}
.kn-desc-share-btns .fa{
	font-size: 38px;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 5px;
}
.related-articles-text h3,.related-articles-text .kn-desc-type{
	vertical-align:middle;
	display:inline-block;
	padding-right:5px;
}
.small_padding{
		padding:10px 30px;	
}

.main-header-img img{
	width:100%;
}
.top-arrow-border{
	margin-bottom:70px;
}
.top-arrow-border img{
	width:100%;
	margin-top: -5px;
}
.table-responsive{
	width:100%;
	table-layout: fixed;
}
.improvement-spindle-area{
	background-color: #edf0f1;
	margin-top:70px;
}
.improvement-spindle-area table{
	margin:0 auto;
	background: transparent;
	border:none;
	width:100%;
}
.improvement-spindle-area table tr.even,.improvement-spindle-area table tr.alt,.improvement-spindle-area table tr:nth-of-type(even){
	background: transparent;
}
.title-star .fa-star{
	color:#3e7395;
	margin-right:15px;
	border:0px;
}

/* Product Page Css start here*/
.product_top_thumb_div img{
	max-width: 172px;
}

.product_feature_div{
	margin: 0px ;
	padding: 2px;
	
}
.product_feature_div ul {
	border:none;
}
.product_feature_div ul li{
	border:none;
	margin: 8px 4px;
	height: 55px;
}
.product_feature_div ul li>span.fa{
	font-size: 30px;
margin-top: -3px;
color: rgb(255, 255, 255);
}


.product_feature_div.product_feature_list ul li{
	text-align: left;
	background-color: #eaedee;
	color:#000000;
	font-weight: bold;
	font-size: 20px;
}
.product_feature_div.product_feature_check ul li{
	background-color: #afb2b4;
}
.product_feature_div.product_feature_check.selected ul li:not(:first-child){
	background-color: #24446a;
}
.product_feature_div.product_feature_check.selected ul li.title{
	background-color:#921209;
}
.product_feature_div.product_feature_check.selected ul li:last-child{
	background-color:#de2c21;
}
.product_feature_div.second.product_feature_check.selected ul li:last-child{
	background-color:#24446a;
}

.product_feature_div.product_feature_check_center ul li{
	background-color: #cccdce;
}
.product_feature_div ul li.title{
	background-color: #939698 ;
	font-size: 18px;
	position: relative;
	z-index: 2;
	overflow: hidden;

}
.product_feature_div ul li.title h5{
	color:#ffffff;
	margin-bottom: 20px;
	-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.product_feature_div.product_feature_list ul li:first-child,
.product_feature_div.product_feature_list ul li:last-child{
	text-align: left;
	background-color: #fff;
}
.product_feature_div.second.product_feature_list ul li:first-child{
	text-align: left;
	background-color: #939698;
	color: white;
	border:none;
}
.product_feature_div.second.product_feature_list ul li:last-child{
	text-align: left;
	background-color: #eaedee;
	color: #000;
}
.product_feature_div .product_check_last_li{
	text-align: center;
	padding-top: 5px;
	color:#fff;

}
.product_feature_div .product_check_last_li span,
.product_feature_div .product_check_last_li small{
	color:#fff;
}











.product_top_thumb_div img{
	max-width: 172px;
}

.product_feature_div{
	margin: 0px ;
	padding: 2px;
	
}

.product_more_div ul li{
	border:none;
	margin: 8px 4px;
	height: 55px;
}
.product_more_div ul li>span.fa{
	font-size: 30px;
margin-top: -3px;
color: rgb(255, 255, 255);
}


.product_more_div.product_feature_list ul li{
	text-align: left;
	background-color: #eaedee;
	color:#000000;
	font-weight: bold;
	font-size: 20px;
    height:auto;
}
.product_more_div.product_feature_check ul li{
	background-color: #afb2b4;
}
.product_more_div.product_more_check.selected ul li:not(:first-child){
	background-color: #24446a;
}
.product_more_div.product_more_check.selected ul li.title{
	background-color:#921209;
}
.product_more_div.product_more_check.selected ul li:last-child{
	background-color:#de2c21;
}
.product_more_div.second.product_more_check.selected ul li:last-child{
	background-color:#24446a;
}

.product_more_div.product_more_check_center ul li{
	background-color: #cccdce;
}
.product_more_div ul li.title{
	background-color: #939698 ;
	font-size: 18px;
	position: relative;
	z-index: 2;
	overflow: hidden;

}
.product_more_div ul li.title h5{
	color:#ffffff;
	margin-bottom: 20px;
	-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.product_more_div.product_more_list ul li:first-child,
.product_more_div.product_more_list ul li:last-child{
	text-align: left;
	background-color: #fff;
}
.product_more_div.product_more_list.selected ul li.title{
	background-color:#921209;
}
.product_more_div.second.product_more_list ul li:first-child{
	text-align: left;
	background-color: #939698;
	color: white;
	border:none;
}
.product_more_div.second.product_more_list ul li:last-child{
	text-align: left;
	background-color: #eaedee;
	color: #000;
}
.product_more_div .product_check_last_li{
	text-align: center;
	padding-top: 5px;
	color:#fff;

}
.product_more_div .product_check_last_li span,
.product_more_div .product_check_last_li small{
	color:#fff;
}

.product_top_thumb_div img{
	max-width: 172px;
}

.product_more_div{
	margin: 0px ;
	padding: 2px;
	
}
.product_more_div ul {
	border:none;
}
.product_more_div ul li{
	border:none;
	margin: 8px 4px;
	height: 55px;
}
.product_more_div ul li>span.fa{
	font-size: 30px;
margin-top: -3px;
color: rgb(255, 255, 255);
}


.product_more_div.product_more_list ul li{
	text-align: left;
	background-color: #eaedee;
	color:#000000;
	font-weight: bold;
	font-size: 20px;
    min-height: 70px;
}
.product_more_div.product_more_check ul li{
	background-color: #afb2b4;
}
.product_more_div.product_more_check.selected ul li:not(:first-child){
	background-color: #24446a;
}
.product_more_div.product_more_check.selected ul li.title{
	background-color:#921209;
}
.product_more_div.product_more_check.selected ul li:last-child{
	background-color:#de2c21;
}
.product_more_div.second.product_more_check.selected ul li:last-child{
	background-color:#24446a;
}

.product_more_div.product_more_check_center ul li{
	background-color: #cccdce;
}
.product_more_div ul li.title{
	background-color: #939698 ;
	font-size: 18px;
	position: relative;
	z-index: 2;
	overflow: hidden;

}
.product_more_div ul li.title h5{
	color:#ffffff;
	margin-bottom: 20px;
	-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.product_more_div.product_more_list ul li:first-child,
.product_more_div.product_more_list ul li:last-child{
	text-align: left;
	background-color: #fff;
    min-height:70px;
}
.product_more_div.second.product_more_list ul li:first-child{
	text-align: left;
	background-color: #939698;
	color: white;
	border:none;
    min-height: 70px;
}
.product_more_div.second.product_more_list ul li:last-child{
	text-align: left;
	background-color: #eaedee;
	color: #000;
    min-height: 70px;
}
.product_more_div .product_check_last_li{
	text-align: center;
	padding-top: 5px;
	color:#fff;
    min-height: 70px;

}
.product_more_div .product_check_last_li span,
.product_more_div .product_check_last_li small{
	color:#fff;
    min-height: 70px;
}



.product_top_thumb_div img{
	max-width: 172px;
}

.product_feature_div{
	margin: 0px ;
	padding: 2px;
	
}

.product_addon_div ul li{
	border:none;
	margin: 8px 4px;
	height: 55px;
}
.product_addon_div ul li>span.fa{
	font-size: 30px;
margin-top: -3px;
color: rgb(255, 255, 255);
}


.product_addon_div.product_feature_list ul li{
	text-align: left;
	background-color: #eaedee;
	color:#000000;
	font-weight: bold;
	font-size: 20px;
    height:auto;
}
.product_addon_div.product_feature_check ul li{
	background-color: #afb2b4;
}
.product_addon_div.product_addon_check.selected ul li:not(:first-child){
	background-color: #24446a;
}
.product_addon_div.product_addon_check.selected ul li.title{
	background-color:#921209;
}
.product_addon_div.product_addon_check.selected ul li:last-child{
	background-color:#de2c21;
}
.product_addon_div.second.product_addon_check.selected ul li:last-child{
	background-color:#24446a;
}

.product_addon_div.product_addon_check_center ul li{
	background-color: #cccdce;
}
.product_addon_div ul li.title{
	background-color: #939698 ;
	font-size: 24px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.product_addon_div ul li.title h5{
	color:#ffffff;
	margin-bottom: 20px;
	-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.product_addon_div.product_addon_list ul li:first-child,
.product_addon_div.product_addon_list ul li:last-child{
	text-align: left;
	background-color: #fff;
}
.product_addon_div.second.product_addon_list ul li:first-child{
	text-align: left;
	background-color: #939698;
	color: white;
	border:none;
}
.product_addon_div.second.product_addon_list ul li:last-child{
	text-align: left;
	background-color: #eaedee;
	color: #000;
}
.product_addon_div .product_check_last_li{
	text-align: center;
	padding-top: 5px;
	color:#fff;

}
.product_addon_div .product_check_last_li span,
.product_addon_div .product_check_last_li small{
	color:#fff;
}

.product_top_thumb_div img{
	max-width: 172px;
}

.product_addon_div{
	margin: 0px ;
	padding: 2px;
	
}
.product_addon_div ul {
	border:none;
}
.product_addon_div ul li{
	border:none;
	margin: 8px 4px;
	height: 55px;
}
.product_addon_div ul li>span.fa{
	font-size: 30px;
margin-top: -3px;
color: rgb(255, 255, 255);
}


.product_addon_div.product_addon_list ul li{
	text-align: left;
	background-color: #eaedee;
	color:#000000;
	font-weight: bold;
	font-size: 20px;
    height: 110px;
}
.product_addon_div.product_addon_check ul li{
	background-color: #afb2b4;
}
.product_addon_div.product_addon_check.selected ul li:not(:first-child){
	background-color: #24446a;
}
.product_addon_div.product_addon_check.selected ul li.title{
	background-color:#921209;
}
.product_addon_div.product_addon_check.selected ul li:last-child{
	background-color:#de2c21;
}
.product_addon_div.second.product_addon_check.selected ul li:last-child{
	background-color:#24446a;
}

.product_addon_div.product_addon_check_center ul li{
	background-color: #cccdce;
}
.product_addon_div ul li.title{
	background-color: #939698 ;
	font-size: 24px;
	position: relative;
	z-index: 2;
	overflow: hidden;
    min-height: 70px;

}
.product_addon_div ul li.title h5{
	color:#ffffff;
	margin-bottom: 20px;
	-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.product_addon_div.product_addon_list ul li:first-child,
.product_addon_div.product_addon_list ul li:last-child{
	text-align: left;
	background-color: #fff;
    min-height:70px;
}
.product_addon_div.second.product_addon_list ul li:first-child{
	text-align: left;
	background-color: #939698;
	color: white;
	border:none;
}
.product_addon_div.second.product_addon_list ul li:last-child{
	text-align: left;
	background-color: #eaedee;
	color: #000;
}
.product_addon_div .product_addon_last_li{
	text-align: center;
	padding-top: 5px;
	color:#fff;
}
.product_addon_div .product_addon_last_li span,
.product_addon_div .product_addon_last_li small{
	color:#fff;
}

.custom_checbox label{
	margin: 20px 10px;
}
.custom_checbox *{
	float: left
}
.custom_checbox span{
	float: left;
	width: 30px;
	height: 30px;
	border: 3px solid #a2a6a9;
}
.custom_checbox label small{
	float: left;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-left: 20px;
	color:#a2a6a9;
	padding-top: 10px;
}
.custom_checbox input[type=checkbox]:checked + span {
	background-color: #cccccc;
}
.active_div_span_upside{
	position: absolute;
width: 92%;
border: 3px solid #e12d22;
height: 24px;
z-index: 1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
margin-left: 4px;
top: 20px;
border-bottom: 0px;
text-align: center;
padding-top: 12px;
overflow: hidden;
}
.product_feature_check.selected .active_div_span_upside {
	height:70px;
	-webkit-transition: all 0.5s ease 0s; /* Safari 3.1 to 6.0 */
    transition: all 0.5s ease 0s;
    top:-60px;
}
.product_feature_check.selected .title .prod_title_1{

	margin-top: -38px;
	-webkit-transition: all 0.5s ease 0s; /* Safari 3.1 to 6.0 */
    transition: all 0.5s ease 0s;
}
.product_feature_check.selected .title .prod_title_2{
	
}
.product_feature_check.selected .title .prod_title_1-1{

	margin-top: -60px;
	-webkit-transition: all 0.5s ease 0s; /* Safari 3.1 to 6.0 */
    transition: all 0.5s ease 0s;
}
.active_div_span_upside small{
	font-size: 12px;
}

.active_div_span_upside:after{
	content: "\25bc";
    display: block;
    font-size: 15px;
    color: #e12d22;
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -10px;
}
.active_div_span_upside.active{
	border-top: 6px;
}
.prod_aditional_mod{
	padding-top: 20px;
	padding-bottom: 40px;
}

/* Product Page Css End here*/

/* Industry Page Css Start here*/
.indu-overlay-sec{

}
.indu-overlay-sec .indu-thumb{
	padding: 2px 4px;
	position: relative;
}
.indu-overlay-sec .indu-thumb img{
	position: relative;
	width: 100%;

}
.indu-overlay-sec .indu-thumb>.overlay{
	position: absolute;
	background-color:;
	width: calc(100% - 8px);
	height: 100%;
	margin-right: 3px;
	z-index: 5;
	top:0px;
	background-color: rgba(204,204,204,0.6);
}
.indu-overlay-sec .indu-thumb>.overlay h1{
	font-weight: bold;
	margin-top: -30px;
    padding-top: 50%;
}
.indu-overlay-sec .indu-thumb>.overlay h1.heading-doubble{
	margin-top: -60px;
}

.indu-overlay-sec .indu-thumb>.overlay:hover{
	-webkit-transition: all 0.9s ease 0s; /* Safari 3.1 to 6.0 */
    transition: all 0.9s ease 0s;
	background-color: rgba(0,0,0,0.6);
	cursor: pointer;

}
.indu-overlay-sec.hover-off .indu-thumb>.overlay:hover{
	-webkit-transition: all 0.9s ease 0s; /* Safari 3.1 to 6.0 */
    transition: all 0.9s ease 0s;
	background-color:rgba(204,204,204,0.6) !important;
	cursor: default;

}
.indu-overlay-sec .indu-thumb>.overlay:hover a{ 
	color:#ffffff;
}
.testimonial_heading_div{
	padding-left: 100px;
}
.testimonial-quote{
	font-size: 2.8em;
margin-top: 1.5em;
margin-right: 1.5em;
line-height: 1.1em;
}
.testimonial-quote::before{

	content: url(../img/industry/quot_start.png);
	position: relative;
	top: -9px;
	padding-right: 11px;
	
}
.testimonial-quote::after{
	content: url(../img/industry/quot_end.png);
	position: relative;
	bottom: -28px;
	padding-left: 11px;
	
}
.icon_head_div{
	padding-left: 20px;
}
.icon_head_div img{
	margin-top: 90%;
	margin-top: 15%;
}
.icon_head_div h1{
	font-size: 3.0rem;
	margin-top: 0.3em;
}
.indu-headline-section hr{
	border-top:3px solid #ccc;
}
/*.indu-headline-section .plr60 > div{
	background-color: #d9e0e2;
}*/
.indu-headline-section .plr60 >div h1{
	line-height: 1.9em;
	font-weight: bold;
}
.ind-grid-img{
	margin-top: 35px;
	width: 500px;
	float: right;
}
.ind-grid-detail{
	padding-left: 70px;
}
/* Industry Page Css End here*/
.roi-dial-block{
	position: relative;
	width:100%;
}
.main-header-img{
	background-image:url("../img/square-background-white.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-size: cover;
	background-position: center;
	width:100%;
	overflow: hidden;
	padding-top:40px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:40px;
	color:#596677;
}
.main-header-img *{
	color:#596677;
}
.main-header-img2{
	background-image:url("../img/roi/check_bg.png");
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-size: cover;
	background-position: center;
	width:100%;
	overflow: hidden;
	padding-top:40px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:40px;
	color:#596677;
}
.dollar-image{
position: absolute;
top: 171px;
 left: 45%;
 width: 11%;
}
.img-arrow-red{
/*width: 95%;*/
position: absolute;
/*clip: rect(0px,60px,200px,0px);*/
}
.roi-dial-area{
	width:80%;
	background-image:url("../img/roi/roi_meter_gray.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size:80%;
}
img.roi-dial-circle-img{
	width: 22%;
margin-left: 55%;
margin-top: 6%;	
    transform-origin: 3% 100%;
    position: relative;
    z-index: 999;
    -webkit-transition: all 1.2s ease 0s;
	transition: all 1.2s ease 0s;
    transform:rotate(-110deg);-webkit-transform:rotate(-110deg);-moz-transform:rotate(-110deg);
   

}
img.roi-blue-meter{
	width: 66%;
position: absolute;
top: -1%;
z-index: 99;
left: 41%;
margin-left: -25%;
-webkit-transition: all 1.5s ease 0s;
	transition: all 1.5s ease 0s;
 clip: rect(0px, 3px, 400px, 0px);

}
.roi-dial-title{
	position: absolute;
    z-index: 9999;
    width: 100%;
    text-align: center;
    padding-right: 21%;
    top: 52%;
    /* font-size: 20% !important; */
}
.roi-dial-caption{
	margin-left: -9%;
}
.roi-calc-title .fa{
	color:#24446a;
}
.map-area iframe {
  width: 100%;
  height: 400px;
  min-height: 200px;
}
#map-canvas{
	width:100%;
	height:500px;
	min-height: 200px;
	border:2px solid #e7e7e8;
}
#roi-container{
	width: 100%;
    min-width: 100%;
    height: auto;
    border:5px solid #cecfd0;
    display: none;
}

/* Side menu style updated */
.move-left > .inner-wrap{
	webkit-transform: translate3d(-30rem, 0, 0);
    -moz-transform: translate3d(-30rem, 0, 0);
    -ms-transform: translate3d(-30rem, 0, 0);
    -o-transform: translate3d(-30rem, 0, 0);
	transform: translate3d(-30rem, 0, 0);
}
.side-main-menu{
	width:480px;
}
/* End Side Menu style updated*/

.roa_area ul{
	list-style: none;
	margin-left:0px;
}
.roa_area ul li{
	margin-bottom:10px;
}
.top-video-fullscreen{
	position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url("../img/slider2.png") no-repeat;
    background-size: cover; 
    display: block;
}
.play_btn{
	position: absolute;
    z-index: 9;
    left: 50%;
    margin-left: -28px;
    top: 50%;
    margin-top: -28px;
}
.inn-imgs{
	position: relative;
}
.inn-map-marker{
	position: absolute;
    width: 7%;
}
.first-marker{
	top: 32%;
    left: 18.5%;
}
.second-marker{
	top: 33%;
    left: 48%;
}
.third-marker{
	top: 38%;
    right: 23%;
}
.fourth-marker{
	bottom: 41%;
    right: 13.5%;
}
.inn-customers{
	position: absolute;
}
.first-customer{
    top: 14%;
    width: 10%;
    left: 11%;
    z-index:1;
}
.second-customer{
	width: 20%;
    left: 10%;
    top: 14%;
    z-index:2;
}
.third-customer{
    width: 30%;
    left: 10%;
    top: 14%;
    z-index:3;
}
.fourth-customer{
    left: 10%;
    width: 51%;
    top: 14%;
    z-index:4;
}
.fifth-customer{
	position: relative;
	z-index: 5;
}
.pie-charts{
	width:16%;
	position: absolute;
	-ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
.pie-charts-big{
	position: absolute;
	width:38%;
	-ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
.first-piece{
    left: 54%;
    top: 15%;
    webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}
.second-piece{
    left: 55%;
    top: 17%;
    webkit-transform: rotate(39deg);
    -moz-transform: rotate(39deg);
    -ms-transform: rotate(39deg);
    -o-transform: rotate(39deg);
	transform: rotate(39deg);
}
.third-piece{
    top: 20%;
    left: 54.2%;
    webkit-transform: rotate(74deg);
    -moz-transform: rotate(74deg);
    -ms-transform: rotate(74deg);
    -o-transform: rotate(74deg);
	transform: rotate(74deg);
}
.fourth-piece{
    left: 52.6%;
    top: 21.8%;
    webkit-transform: rotate(109deg);
    -moz-transform: rotate(109deg);
    -ms-transform: rotate(109deg);
    -o-transform: rotate(109deg);
    transform: rotate(109deg);
}
.fifth-piece{
	left: 50%;
    top: 22%;
    webkit-transform: rotate(145deg);
    -moz-transform: rotate(145deg);
    -ms-transform: rotate(145deg);
    -o-transform: rotate(145deg);
    transform: rotate(145deg);
}
.sixth-piece{
	left: 47%;
    top: 21%;
    webkit-transform: rotate(181deg);
    -moz-transform: rotate(181deg);
    -ms-transform: rotate(181deg);
    -o-transform: rotate(181deg);
    transform: rotate(181deg);
}
.seventh-piece{
	left: 46%;
    top: 19%;
    webkit-transform: rotate(217deg);
    -moz-transform: rotate(217deg);
    -ms-transform: rotate(217deg);
    -o-transform: rotate(217deg);
    transform: rotate(217deg);
}
.eight-piece{
	left: 47%;
    top: 16%;
    webkit-transform: rotate(253deg);
    -moz-transform: rotate(253deg);
    -ms-transform: rotate(253deg);
    -o-transform: rotate(253deg);
    transform: rotate(253deg);
}
.nine-piece{
	left: 49%;
    top: 14.5%;
    webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg);
}
.ten-piece{
	left: 26%;
    top: 6%;
}
.pie-charts-per{
	position: absolute;
}
.eleven-piece{
    left: 4%;
    top: 25%;
    width: 30%;
}
.millions-box{
	position: absolute;
}
.first-million{
	z-index: 2;
    width: 40%;
    left: 31%;
    top: 10%;
}
.second-million{
	z-index: 3;
    width: 44%;
    bottom: 26%;
    left: 28%;
}

img.round-text-roi-1{
	width: 35%;
    position: absolute;
    top: 19%;
    z-index: 99;
    left: 48%;
    margin-left: -25%;
}
img.round-text-roi-2{
	width: 32.5%;
    position: absolute;
    top: 19%;
    z-index: 99;
    left: 49%;
    margin-left: -25%;
}
img.round-text-roi-3{
	width: 8%;
    position: absolute;
    top: 19%;
    z-index: 99;
    left: 60%;
    margin-left: -24%;
}

.chart-img{
	position: relative;
}
.btn-425-area{
	width:425px !important;
	margin:70px auto !important;
	display: block !important;
}
.privacy-p h2,
.privacy-p h3,
.privacy-p h4,
.privacy-p h5{
	color:#3e7395;
}
.privacy-p h3{
	margin-top:50px;
}
.tooter-inn{
	position: absolute;
    top: 50%;
    margin-top: -40px;
    right: 5px;
    font-size: 48px;
    font-weight: bold;
}
.inov_cat_div_det{
	background-color: #d5dbde;
    padding-left: 50px;
    padding-right: 50px;
    padding-top:30px;
    padding-bottom:30px;
    position: absolute;
    right: 0;
    height: 85%;
    top: 10px;
    text-align:left;
    overflow-y:scroll;
    overflow-x:hidden;
}
.inov_cat_div_det h1,
.inov_cat_div_det p{
	color:#2d2d2d;
}
.tileft{
	display:none;
}
.inov_cat_active.inov_cat_div .inov_cat_div_det{
	left:170px;
}
.inov_cat_active.inov_cat_div{
	overflow: visible;
	width:100%;
	height: auto;
	margin-top:-20px;
}
.inov_cat_div.inov_cat_active .img_div{
	border-top:6px solid #e33128;
}
.inov_cat_div.inov_cat_active .img_div .overlay-div{
	opacity: 0;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.inov_cat_div.inov_cat_active .bottom_blue{
	
	height: 60px;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;

}
.inov_cat_div.inov_cat_active .img_div::after {
    content: "\25bc";
    transform: rotate(180deg);
    display: block;
    font-size: 18px;
    color: #235880;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -10px;
    display: block;
}
.inov_cat_active.inov_cat_div:hover{
	width:100%;
	height: auto;
}
.inov_cat_active.inov_cat_div .bottom_blue{
	width:180px;
}
.inov_cat_active.inov_cat_div .img_div{
	width:180px;
}
.inov_active_tooter{
	position: absolute;
    right: -10px;
    top: 15px;
}
.cta_input_block{
	display:none;
}
.cta_submit_block{
	display:none;
}
/*.overlay .text-white a:hover{
color: white;
}*/
.subscribe_btn{
	color: #fff;
    padding-top: 0px !important;
}

.error.error-field{
	border:3px solid #df3026 !important;
}
.error.error-shadow{
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
	border : 1px solid #df3026 !important;
	margin:0 0 1rem 0 !important;
}
.operational_effeciency_img_block{
	position: absolute;
}

.h348 .operational_effeciency_img_block{
    left: 50%;
    margin-left: -25%;
}
.abs{
	position: absolute;
	z-index:1;
}
.blue-circle-blank-first{
	bottom: 16%;
    width: 10%;
    left: 10.6%;
}
.blue-circle-blank-second{
    width: 10%;
    bottom: 16%;
    left: 40%;
}
.red-trepozoid-blank-first{
	width: 11%;
    bottom: 16%;
    left: 25%;
}
.grey-triangle-first{
	right: 17%;
    top: 22%;
    width: 12%;
}
.red-trepozoid-first{
	top: 23%;
    right: 31%;
    width: 13%;
}
.blue-circle-first{
	right: 2%;
    top: 22%;
    width: 12%;
}
.cloud-main-image{
	position: relative;
	z-index:2;
}
.machine_area{
	position: relative;
}
.machine_area img{
	 -webkit-transition: all 0.5s ease 0s; /* Safari 3.1 to 6.0 */
    transition: all 0.5s ease 0s;
}
.top-machine{
	position: relative;
	z-index:5;
	width:47%;
}
.red-box{
    bottom: 5%;
    left: 29%;
    width: 12%;
}
.grey-box{
	bottom: 5%;
    width: 12%;
    left: 59%;
}
.blue-box{
	bottom: 5%;
    width: 14%;
    left: 44%;
    height:26%;
}
.red_number{
	top: 50%;
    z-index: 6;
    left: 29.6%;
    width:11.2%;
}
.blue_number{
	top: 50%;
    z-index: 6;
    left: 44.3%;
    width:11.2%;
}
.grey_number{
	top: 50%;
    z-index: 6;
    left: 59%;
    width: 11.2%;
}
.blue-circle{
	top: 20%;
    left: 44.5%;
    width: 11%;
}
.grey-diamond{
	top: -10%;
    left: 44.5%;
    width: 11%;
}
.red-block{
	top: -40%;
    left: 44.5%;
    width: 11%
}
.red-meter{
	width: 2.5%;
    top: 57%;
    z-index: 8;
    left: 34%;
}
.grey-meter{
	width: 2.5%;
    top: 57%;
    z-index: 8;
    left: 63.4%;
}
.blue-meter{
	width: 2.5%;
    top: 57%;
    z-index: 8;
    left: 48.7%;
}
.main-cloud{
padding-right: 130px;
padding-top: 20px;
position: relative;
z-index:3;
}
.up-arrow-left {
	z-index: 2;
height: 22px;
width: 22px;
position: absolute;
top: 200px;
right: 375px;
transform: rotateZ(22deg);
-webkit-animation-name: up-arrow-left; /* Chrome, Safari, Opera */
-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
-webkit-animation-delay:0.2s;
animation-name: up-arrow-left;
animation-duration: 1s;
animation-delay:0.2s;
animation-iteration-count: 1000;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes up-arrow-left {
    0%   {right:375px; top:200px;}
    100% {right:350px; top:140px;}
}

/* Standard syntax */
@keyframes up-arrow-left {
    0%   {right:375px; top:200px;}
    100% {right:350px; top:140px;}
}
.up-arrow-middle{
	z-index: 2;
height: 20px;
width: 20px;
position: absolute;
top: 200px;
right: 308px;
-webkit-animation-name: up-arrow-middle; /* Chrome, Safari, Opera */
-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
animation-name: up-arrow-middle;
animation-duration: 1s;
animation-delay:0.5s;
animation-iteration-count: 1000;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes up-arrow-middle {
    0%   {right:308px; top:200px;}
    100% {right:308px; top:140px;}
}

/* Standard syntax */
@keyframes up-arrow-middle {
    0%   {right:308px; top:200px;}
    100% {right:308px; top:140px;}
}
.up-arrow-right{
height: 22px;
z-index:2;
width: 22px;
position: absolute;
top: 200px;
right: 240px;
transform: rotateZ(-22deg);
-webkit-animation-name: up-arrow-right; /* Chrome, Safari, Opera */
-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
animation-name: up-arrow-right;
animation-duration: 1s;
animation-delay:0.8s;
animation-iteration-count: 1000;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes up-arrow-right {
    0%   {right:240px; top:200px;}
    100% {right:270px; top:140px;}
}

/* Standard syntax */
@keyframes up-arrow-right {
    0%   {right:240px; top:200px;}
    100% {right:270px; top:140px;}
}
.arrow-right{
height: 50px;
width: 80px;
position: absolute;
right: 105px;
top: 80px;
}
.task-list{
position: absolute;
right: -30px;
top:25px;
width: 110px;
}
.arrow-tick1{
position: absolute;
width: 15px;
top: 23%;
right: 9%;

}
.blue-diamond1{
position: absolute;
width: 14px;
right: 24px;
top: 23%;
}
.blue-diamond2{
position: absolute;
width: 14px;
right: 8px;
top: 23%;
}
.blue-diamond3{
position: absolute;
width: 14px;
right: -8px;
top: 23%;
}
.arrow-tick2{
position: absolute;
width: 15px;
top: 33%;
right: 9%;

}
.blue-circle1{
position: absolute;
width: 12px;
right: 5%;
top: 33%;
}
.blue-circle2{
position: absolute;
width: 12px;
right: 2%;
top: 33%;
}
.blue-circle3{
position: absolute;
width: 12px;
right: -1%;
top: 33%;
}
.arrow-tick3{
position: absolute;
width: 15px;
top: 43%;
right: 9%;

}
.blue-hexagon1{
position: absolute;
width: 13px;
right: 5%;
top: 43%;
}
.blue-hexagon2{
position: absolute;
width: 13px;
right: 2%;
top: 43%;
}
.blue-hexagon3{
position: absolute;
width: 13px;
right: -1%;
top: 43%;
}
.img-circle{
border-radius: 50%;
height: 205px;
}


a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #FFFFFF url("../img/up-arrow.png") no-repeat center 25%;
	background-size: 75% 68%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a.back-to-top:hover {
background-image:url("../img/up-arrowwhite.png");
background-color: red;
}
.product_more_list.selected .title{
	background-color: #921209 !important;
}
.product_more_list.selected .bullet-item{
	background-color: #24446a !important;
	color:#fff !important;
}
.play_btn.mobile{
	pointer-events:none;
}
.full-box-link{
	display: block;
    width: 100%;
    height: 100%;
    position: absolute;
}
.ind-imgs .overlay:hover h1{
	color:#fff;
}

.roi-main-header-img{
	background-image:url("../img/square-background-white.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	width:100%;
	overflow: hidden;
	padding-top:40px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:40px;
	color:#596677;
	height:390px;
}
.calc-long{
	width:auto !important;
	padding:12px !important;
}
.main-logo-img-area{
	position: relative;
	width:100%;
}
.full-responsive-img{
	width:90%;
}
.main-logo-img-link {
	position: absolute;
	z-index:99;
	
	display: block;
}
.dempsey-link{
	top: 11%;
    left: 17%;
    width: 11%;
    height: 13%;
}
.prudentialuniforms-link{
	top: 11%;
    left: 6%;
    width: 10%;
    height: 21%;
}
.cws-link{
	top: 8%;
    left: 30%;
    width: 10%;
    height: 17%;
}
.aramark-link{
	top: 33%;
    left: 14%;
    width: 10%;
    height: 17%;
}
.cadillacuniform-link{
	top: 32%;
    left: 27%;
    width: 9%;
    height: 17%;
}
.eroscoe-link{
	top: 39%;
    left: 3%;
    width: 7%;
    height: 31%;
}
.alsco-link{
	top: 56%;
    left: 11%;
    width: 9%;
    height: 16%;
}
.lhls-link{
	top: 56%;
    left: 22%;
    width: 8%;
    height: 16%;
}
.angelica-link{
	top: 56%;
    left: 32%;
    width: 8%;
    height: 16%;
}
.newsletter_form_hubspot{
	position: relative;
}

.newsletter_form_hubspot input[type="email"]{
	background-color: #5176ab;
    color: #a4b7c5;
    font-size: 26px;
    border: 0px;
    height: 42px;
    width:95%;
    margin-bottom: 42px;
}
.newsletter_form_hubspot input[type="email"]::-webkit-input-placeholder {
   color: #fff;
}

.newsletter_form_hubspot input[type="email"]:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

.newsletter_form_hubspot input[type="email"]::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

.newsletter_form_hubspot input[type="email"]:-ms-input-placeholder {  
   color: #fff;  
}

.newsletter_form_hubspot input[type="submit"]{
	display: block;
    background: #4b7ac0;
    color: #fff;
    padding: 7px 12px;
    font-size: 20px;
    text-align: center;
    position: relative;
    top: -3px;
    border:2px solid #fff;
}
.newsletter_form_hubspot .hs_email{
	display: inline-block;
    
}
.newsletter_form_hubspot .hs_submit{
	display:inline-block;
}
.newsletter_form_hubspot .hs-error-msgs{
	    display: block;
    position: absolute;
    top:68px;
}
.newsletter_form_hubspot .hs-form-required{
	display:none;
}
.footer-link-area{
	position: relative;
    top: -82px;
}
.on-top{
	    position: relative;
    z-index: 9999999;
}

/* Community Involvement Page */
.community-area{
	display:table;
	table-layout: fixed;
	width:100%;
}
.recent_contributions_box{
	display:table-cell;
	vertical-align: top;
	width:404px;
	text-align: center;
	padding-top:51px;
}
.recent_contributions_box img{
	padding:15px;
}
.rec_com_heading{
	color: #10325d;
    border: 2px solid #10325d;
    display: inline-block;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom:30px;
    
}
.emp_com_heading{
	color: #fff;
    border: 2px solid #fff;
    display: inline-block;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom:30px;
}


.employee_volunteerism{
	display:table-cell;
	background-color: #10305a;
	color:#fff;
	padding:50px;
}
.employee_volunteerism *{
	color:#fff;
}
.employee_volunteerism p{
	padding-left:0px;
}
.evol_box_body{
	margin-top:30px;
}
.evol_box_body .columns{
	padding:0px;
}
.evol_box_body_text{
	padding-left:25px;
}
.evol_box_body_text h3{
	font-weight: bold;
}
.evol_img_box img{
	width:100%;
}
.evol_box{
	margin-bottom:90px;
}

.vh_logo{
	height: 130px;
    width: auto;
}
.hh_logo{
	width:225px;
	height:auto;
}
.hhh_logo{
	width:184px;
	height:auto;
}
.rec_footer{
	padding-left:20px;
	padding-right:20px;
}




/* End Community Involvement Page */

.contact_us_hubspot input[type="submit"]{
	    display: block;
    background: #4b7ac0;
    color: #fff;
    padding: 7px 12px;
    font-size: 20px;
    text-align: center;
    position: relative;
    top: -3px;
    border: 2px solid #fff;
}
.last_bordered{
	border-bottom:1px solid #ccc;
}
.mp0pt71{
	margin:0 !important;
	padding:0 !important;
	padding-top: 71px !important;
}
.white_bordered{
	border:1px solid #fff;
}
.always_visible{
	display:block !important;
}

/* Horizontal Time line */
	.cd-horizontal-timeline .events-wrapper::before {
	    left: 0;
	    background-image: none;
	    background-image: none;
	}

	.cd-horizontal-timeline .events-wrapper::after {
	    right: 0;
	    background-image: none;
	    background-image: none;
	}

	.cd-horizontal-timeline .timeline{
		overflow: visible;
	}

/* Horizontal Time line*/

.page_sub_heading_bordered{
	border:2px solid #c7dcf9;
	display:inline-block;
	color:#c7dcf9;
	padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.news_box{
	padding:20px;
	min-height:475px;
}
.news_box h2{
    color: #676767;
}
.news_box p {
    padding-left: 0px;
    color: #676767;
    font-size:1.1rem;
}
.news_pad_header span {
    color: #acacac;
    position: relative;
    top: 5px;

}
.news_box .narrow_pad_footer a {
    color: #124f90;
    font-size: 24px;
    border-bottom: 2px solid #124f90;
}
.news_box .narrow_pad_footer{
    background-color:#fff !important;
}
.show-medium-down-custom{
	display:none;
}
.landing_page_form_style{
    margin-bottom:20px;
}
.landing_page_form_style input[type="text"],
.landing_page_form_style input[type="email"]{
    width: 90% !important;
    margin-bottom: 10px;
    margin-top: 5px;
    background: #fff;
    padding:5px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
    font-size: 13px;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.landing_page_form_style textarea{
    width: 90%;
    margin-bottom: 10px;
    margin-top: 5px;
    background: #fff;
    padding:5px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
    font-size: 13px;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.landing_page_form_style label{
    font-weight: bold;
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    color: #414141;
}
.landing_page_form_style .hs-form-required {
    color: red;
}
.landing_page_form_style input[type="submit"]{
    background:#f59428;
    box-shadow: inset 0px 1px 0px rgba(245,148,40,0.5),0 0 5px #f59428;
    border-top: 1px solid #f59428;
    border-bottom: 1px solid #f59428;
    border-right: 1px solid #f59428;
    border-left: 1px solid #f59428;
    color: #fff;
    border-radius:3px;
    padding:4px;
}
img.img_responsive{
    width:100% !important;
    max-width:100% !important;
}
.img_responsive img{
    width:100% !important;
    max-width:100% !important;
}


.fd-author-avatar-div{
 width:100%;
}
.fd-author-avatar-div .hs-author-avatar  img{
 width:50%;
 
}
.hs-blog-social-share{
    width:100% !important;
}


/* Media Queries */
@media (max-width: 1070px){
	.back-link{
		margin-left: 2px;
	}		
}

@media (max-width: 1024px){
	.h348 .operational_effeciency_img_block {
    left: 28%;
    margin-left: -25%;
    width: 525px;
}
	.graph_area{
		margin-top:70px;
	}
	.cnt-tab-area{
		width:767px;
		margin:0 auto;
	}
	.term-list{
		bottom:56%;
	}
}
@media(min-width: 980px){
	.play1{
		display: none;
	}
}

@media (max-width: 980px){

	
	/*.play_btn{
		display: none;
	}*/
	.video_first{
		display: none;
	}

	.recent_contributions_box{
		display: block;
		width:100%;
	}
	.show-medium-up-custom{
		display:none;
	}
	.show-medium-down-custom{
		display:block;
	}
	.employee_volunteerism{
		display: block;
		padding:5px;
	}
	.evol_box_body .text-right{
		text-align: center !important;
	}
}
@media (max-width:820px){
	.kn-desc-dt{
		margin-top: 0px;
	}
	.product_feature_div.product_feature_list ul li{
		font-size: 14px;
	}
	.product_feature_div ul li.title{
	
		padding: 19px 2px;
		font-size: 0.6em;
	}
	.product_feature_div ul li>span.fa{
		font-size: 20px;
		margin-top: 0px;
		color: rgb(255, 255, 255);
	}
	.icon_head_div h1{
		font-size: 2.0em;
	}


}
@media (max-width:767px){
	.paralax-container{
		background:rgba(0, 0, 0, 0) url("../img/spindle-vid.gif") no-repeat scroll center center / cover ;
	}
	.ind-grid-detail{
	padding-left: 0px;
	}
	.testimonial-quote{
		font-size:18px;
	}
	.testimonial-quote{
		position: relative;
	}
	.testimonial-quote::before {
	    content: "";
	    background-image: url(../img/industry/quot_start.png);
	    padding-right: 11px;
	    position: absolute;
	    left: -45px;
	    width: 35px;
	    height: 50px;
	    background-size: 100%;
	    background-repeat: no-repeat;
	    top: -13px;
	}
	.testimonial-quote::after {
	            content: "";
    background-image: url(../img/industry/quot_end.png);
    position: absolute;
    right: -27px;
    width: 35px;
    height: 50px;
    background-size: 100%;
    bottom: -36px;
    background-repeat: no-repeat;
	}
	.pricing-table li.rotate-v{
		transform: rotate(-90deg);
	}
	.active_div_span_upside{
		display: none;
	}
	.rotate-v{
		   bottom: 25px;
		   left: -26px;
    position: relative;
    width: 110px;
	}
	.w60p{
		margin-left: 20px;
		width: 60px;
	}
	.cnt-tab-area{
		width:315px;
	}
	.contact_us_tabs .tab-title > a{
		font-size:12px;
		padding-left:5px;
		padding-top:10px;
		padding-right:5px;
		padding-bottom:13px;
	}
	.contact_us_tabs li{
		margin-right:8px;
	}
	.product_addon_div.product_addon_list ul li.bullet-item{
		    height: 250px;
    		font-size: 16px;
	}
	.product_addon_div.product_addon_list ul li.title{
		font-size:20px;
		height:75px;
	}
	.req-li{
		display:none;
	}
	.product_feature_div.product_feature_check.selected .req-li{
		display:block;
	    width: 150px;
	    margin-left: -101px;
	}
}

@media (max-width:735px){
	#main-slider .orbit-caption{
		display:none;
	}
}
@media (max-width:600px){
	.h348 .operational_effeciency_img_block {
    left: 28%;
    margin-left: -25%;
    width: 262px;
}
.main-cloud{
   left: 3%;
    padding-right: 130px;
    padding-top: 20px;
    position: relative;
    z-index: 3;
}
.up-arrow-left {
	z-index: 2;
height: 15px;
width: 15px;
position: absolute;
top: 123px;
right: 225px;
transform: rotateZ(22deg);
-webkit-animation-name: up-arrow-left; /* Chrome, Safari, Opera */
-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
-webkit-animation-delay:0.2s;
animation-name: up-arrow-left;
animation-duration: 1s;
animation-delay:0.2s;
animation-iteration-count: 1000;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes up-arrow-left {
    0%   {right:225px; top:123px;}
    100% {right:200px; top:80px;}
}

/* Standard syntax */
@keyframes up-arrow-left {
    0%   {right:225px; top:123px;}
    100% {right:200px; top:80px;}
}
.up-arrow-middle{
	z-index: 2;
height: 15px;
width: 15px;
position: absolute;
right: 180px;
top: 123px;
-webkit-animation-name: up-arrow-middle; /* Chrome, Safari, Opera */
-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
animation-name: up-arrow-middle;
animation-duration: 1s;
animation-delay:0.5s;
animation-iteration-count: 1000;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes up-arrow-middle {
    0%   {right:180px; top:123px;}
    100% {right:180px; top:80px;}
}

/* Standard syntax */
@keyframes up-arrow-middle {
    0%   {right:180px; top:123px;}
    100% {right:180px; top:80px;}
}
.up-arrow-right{
height: 15px;
z-index:2;
width: 15px;
position: absolute;
top: 123px;
right: 137px;
transform: rotateZ(-22deg);
-webkit-animation-name: up-arrow-right; /* Chrome, Safari, Opera */
-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
animation-name: up-arrow-right;
animation-duration: 1s;
animation-delay:0.8s;
animation-iteration-count: 1000;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes up-arrow-right {
    0%   {right:137px; top:123px;}
    100% {right:107px; top:80px;}
}

/* Standard syntax */
@keyframes up-arrow-right {
    0%   {right:137px; top:123px;}
    100% {right:160px; top:80px;}
}
.arrow-right{
   height: 35px;
    position: absolute;
    right: 19%;
    top: 28%;
    width: 60px;
}
.task-list{
position: absolute;
 right: -15%;
top:10%;
width: 30%;
}
.arrow-tick1{
position: absolute;
    right: 6%;
    top: 27%;
    width: 12px;

}
.blue-diamond1{
   position: absolute;
    right: 0;
    top: 28%;
    width: 11px;
}
.blue-diamond2{
    position: absolute;
    right: -13px;
    top: 28%;
    width: 11px;
}
.blue-diamond3{
 position: absolute;
    right: -25px;
    top: 28%;
    width: 11px;
}
.arrow-tick2{
position: absolute;
width: 12px;
top: 38%;
right: 6%;

}
.blue-circle1{
position: absolute;
width: 10px;
right: 1px;
top: 39%;
}
.blue-circle2{
position: absolute;
width: 10px;
right: -12px;
top: 39%;
}
.blue-circle3{
position: absolute;
width: 10px;
right: -25px;
top: 39%;
}
.arrow-tick3{
position: absolute;
width: 12px;
top: 50%;
right: 6%;

}
.blue-hexagon1{
 position: absolute;
    right: 0;
    top: 50%;
    width: 11px;
}
.blue-hexagon2{
   position: absolute;
    right: -13px;
    top: 50%;
    width: 11px;
}
.blue-hexagon3{
 position: absolute;
    right: -26px;
    top: 50%;
    width: 11px;
}
.fd-author-avatar-div img{
 width:100%;
 
}

}
@media (max-width:560px){
	/* Side menu style updated */
	.move-left > .inner-wrap{
		webkit-transform: translate3d(-20.5rem, 0, 0);
	    -moz-transform: translate3d(-20.5rem, 0, 0);
	    -ms-transform: translate3d(-20.5rem, 0, 0);
	    -o-transform: translate3d(-20.5rem, 0, 0);
		transform: translate3d(-20.5rem, 0, 0);
	}
	.side-main-menu{
		width: 335px;
	}
	.side-main-menu ul.off-canvas-list li a{
		font-size:25px;
	}
	/* End Side Menu style updated*/
	.inov_cat_div_det{
		padding:7px;
	}
	.inov_cat_div_det p{
		font-size:12px;
	}
	.inov_active_tooter {
	    position: absolute;
	    right: -10px;
	    top: -8px;
	    width: 80px;
	}

}

@media (max-width:460px){
	.percentage_area{
		position:relative;
		width:280px;
		margin:0 auto;
	}
	.percentage_area .per_num{
		position: absolute;
		font-size: 18px;
	}
	.per_num.p1{
	    left: 52px;
   		top: 52px;
	}
	.per_num.p2{
	    top: 52px;
    	left: 123px;
	}
	.per_num.p3{
	    top: 52px;
    	left: 189px;
	}
	.per_num.p4{
	    bottom: 49px;
    	left: 57px;
	}
	.per_num.p5{
	    left: 123px;
    	bottom: 49px;
	}
	.per_num.p6{
		bottom: 49px;
    	left: 182px;
	}


	.percentage_area img{
		width:100%;
	}
	.btn-425-area{
		width:100% !important;
	}
	
	
}
@media (max-width:380px){
	.menu-toggle-button{
		top:2px;
	}
}

.additional_title{
	padding-right: 10px;
}

.additional_title h3{
	padding: 10px 20px;
	background-color: #939698;
	color: #fff;
}
.additional-table{
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
	border:none;
 
}
.additional-table.list ul li{
	text-align: left;
}
.additional-table ul{

	border:0px;

}

.pricing-table.additional li{
	margin-bottom: 10px;
	background-color: #eaedee;
	color: #000000;
	font-weight: bold;
	font-size: 20px;
}
.pricing-table.additional li span{
	
	color: #000000;
}
.additional_thumb{
	position: relative;
	margin-top: 10px;
	padding-bottom: 50px;
}
.additional_thumb.top{
	
	padding-bottom: 110px;
}
.additional_thumb a{
	position: relative;
display: block;
max-width: 175px;
margin: 0 auto;
background-color: #e5e7e8;


}
.additional_thumb a:hover,
.additional_thumb a:focus,
.additional_thumb a:active{
background-color: #3e7395;
-webkit-transition: all 0.6s ease 0s; /* Safari 3.1 to 6.0 */
    transition: all 0.6s ease 0s;


}
.additional_thumb.top a:hover::after,
.additional_thumb.top a:focus::after,
.additional_thumb.top a:active::after{
content: "\25bc";
    display: block;
    font-size: 20px;
    color: #24446a;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;

}
.additional_thumb.top a:hover,
.additional_thumb.top a:focus,
.additional_thumb.top a:active{
	border-top: 10px solid #24446a;

}

.additional_thumb a h4{
	position: absolute;
bottom: -49px;
z-index: 999;
width: 175px;
text-align: center;
	
}
.additional_thumb .overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 50;
	background-color: transparent; 
	
	top:0px;
}
.additional_thumb.top h4{
	bottom: -80px;
}
	
.blue-normal{
    color:#254686;
}
.pr{
    position: relative;
}
.tbold{
    font-weight: bold;
}
.tbolder{
    font-weight: bolder;
}
.overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
}
.narrow_pad{
    padding: 3px;
}
.white{
    color:#FFF !important;
}
.font_xl{
    font-size: 3.6em;
}
.font_xxl{
    font-weight: bolder;
    line-height: 0.7em;
    font-size: 8.0em;
    letter-spacing: -1px;
}
.white_btn{
    padding: 10px 20px;
    border: 2px solid #fff;
    color: #fff;
}
.white_btn:hover{

    color: #fff;
}
.sm_line_height{
    line-height: 1.2em;
}
.bg_blue{
    background-color: #0f4f91;
}
.dark_blue{
    color:#0d3b6c;
}
.light_blue{
    font-size: #0f4f91;
}
.upper{
    text-transform: uppercase;
}

.bg_orange{
    background-color: #f26522;
}
.dt{
    display: table;
    height: 100%;
}
.dtc{
   display: table-cell;
   height: 100%;
   vertical-align: middle;
}
.bg_white{
    background: #fff;
}
.border0{
    border:0px;
}



/*Custome accordian slider css start here*/
.ej_accordian{
    width: 100%;
    height: 600px;
    float: left;
    position: relative;
    background-color:#fff
}
.ej_accordian ol{width:100%; height: 100%;margin: 0px;padding:0px;}
.ej_accordian ol li{
    position: relative;
    min-width: 60px;
    max-width: 60px;
    overflow: hidden;
    list-style-type: none;
    display: inline-block;
    float: left;

    background-color:transparent;
    height: 100%;
    padding: 0px;
    -webkit-transition: all 1.5s; /* Safari */
    transition: all 1.5s;
}
.ej_accordian ol li > h2{
    float:left;
    position: relative;
    background-color: #ccc;
    width: 100%;
    max-width: 60px;
    height: 100%;
    color:#fff !important;
    text-align: left;
    cursor:pointer;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    
}
.ej_accordian ol li:nth-child(1) { background-color:#258dc2;}
.ej_accordian ol li:nth-child(2) { background-color:#258dc2;}
.ej_accordian ol li:nth-child(3) { background-color:#258dc2;}
.ej_accordian ol li:nth-child(4) { background-color:#258dc2;}
.ej_accordian ol li:nth-child(5) { background-color:#6bbfd4;}

.ej_accordian ol li:nth-child(1) h2{ background-color:#024c93;}
.ej_accordian ol li:nth-child(2) h2{ background-color:#258dc2;}
.ej_accordian ol li:nth-child(3) h2{ background-color:#024c93;}
.ej_accordian ol li:nth-child(4) h2{ background-color:#258dc2;}
.ej_accordian ol li:nth-child(5) h2{ background-color:#6bbfd4;}


.ej_accordian ol li > h2 span{
   position: absolute;
    bottom: -14px;
    left: 5px;
    width: 600px;
    height: 48px;
    
    margin-top: 10px;
    font-weight: bolder;
    color: #fff !important;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: 0% 0%;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 0% 0%;
    transform: rotate(-90deg);
    transform-origin: 0% 0%;

}
.ej_accordian ol li > div{
    float: left;
    width: calc(100% - 60px);
    height: 100%;
    background-color: transparent;
    margin: 0px;
    padding: 0px;
}
.ej_accordian ol li > div figure{
    float: left;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
}

.ej_accordian ol li > div figure.one{
    background: url("../img/chemistry_slide_bg.png");
     background-repeat: no-repeat;
    -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    background-position: center center; 
}

.ej_accordian ol li > div figure.two{
    background: url("../img/sustainability.jpg");
     background-repeat: no-repeat;
    -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    background-position: center center; 
}
.ej_accordian ol li > div figure.three{
    background: url("../img/reach-2018.jpg");
     background-repeat: no-repeat;
    -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    background-position: center center; 
}
.ej_accordian figure > img{
    position: relative;
    width: 100%;
    height: 100%;
}


.ej_accordian figure > figcaption{
    position: absolute;
    top:0px;
    left: 0px;
    z-index: 50;
    margin-left: 80px;
    margin-top: 50px;
    color:#fff;
}
.ej_accordian img.fig_logo{
    width: 300px;
}
.ej_accordian h1.fig_heading_big{
    color:#fff;
    font-weight: bolder;
    line-height: 55px;
    font-size: 50px;
    letter-spacing: -1px;
}
.ej_accordian h1.fig_heading_big:nth-child(3){
   
    font-size: 70px;
}
.ej_accordian p.fig_para{
    color:#0d3b6c;
    font-size: 20px;
    font-family: HelveticaNormal;
    font-weight: normal !important;
 
}
.ej_accordian a.fig_btn{
    text-decoration: none;
    color:#fff;
    border:1px solid #fff;
    padding:5px 10px;
}

.ej_accordian ol li.active{
      position: relative;
    width: calc(100% - 127px);
    max-width:calc(100% - 127px);
    margin: 1px;
   
}

/*Custome accordian slider css End here*/


.chem_larg_main{
    height:600px;
    overflow: hidden;
    float: left;
    
}
.chem_larg_main .chem_larg{
    width: 100%;
    height: 100%;
    float:left;
    position: relative;
    overflow: hidden;
    
}
 .chem_larg .chem_larg_bg{
    height: 100%;
    width: 100%;
}
.chem_larg_overlay{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    padding: 50px;
    padding-top: 5%;
   
}
.chem_larg_overlay.left{
 
}
.chem_larg_overlay h1,.chem_larg_overlay h2, .chem_larg_overlay h3, .chem_larg_overlay h4,.chem_larg_overlay span,.chem_larg_overlay a,
.chem_larg_overlay p{
    color:#fff;
    text-align: right;
}
.chem_larg_overlay h1{
    font-size: 4.2em;
font-weight: bold;
word-spacing: -1px;
line-height: 0.8em;
    
}
.chem_small_box h2:first-child{
    font-size: 70px;
    margin-bottom: 22px;
    width: 37px;
    height: 30px;
    -webkit-transition: all 0.5s ease 0s; /* Safari 3.1 to 6.0 */
    transition: all 0.5s ease 0s;
}
.chem_small_box.box_open h2:first-child{
    -ms-transform: rotate(-136deg); /* IE 9 */
    -webkit-transform: rotate(-136deg); /* Chrome, Safari, Opera */
    transform: rotate(-136deg);
}
.chem_larg_overlay p{

line-height: 25px;
text-align: right;
font-size: 20px;margin-top: 20px;
    
    
}

.chem_larg_overlay a{

border: 2px solid #fff;
padding: 11px 25px;
font-weight: normal;
font-size: 26px;
background-color: #103059;
 
}
.big_figur_bg{
    width: 100% !important;
    height: 100% !important;
       
}
.big_figur_bg.one{

    background: url("../img/water_treatment_bg.png");
     background-repeat: no-repeat;
    -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    background-position: center center; 
        
}
.big_figur_bg.two{

    background: url("../img/formulated_detergent_bg.png");
     background-repeat: no-repeat;
    -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    background-position: center center; 
}
.big_figur_bg.three{

    background: url("../img/corrosion_scale_bg.png");
     background-repeat: no-repeat;
    -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    background-position: center center; 
}
.big_figur_bg.four{

    background: url("../img/operations_software_bg.png");
     background-repeat: no-repeat;
    -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    background-position: center center; 
}

/*hideen slids css start here*/

.chem_small_box{
    background-color:#275699;
    height: 200px;
    width: 200px;
   padding: 10px;
   border-bottom: 1px solid #ccc;
   position: absolute;
    -webkit-transition: all 0.5s ease 0s; /* For Safari 3.1 to 6.0 */
    -ms-transition: all 0.5s ease 0s; /* For Safari 3.1 to 6.0 */
    -moz-transition: all 0.5s ease 0s; /* For Safari 3.1 to 6.0 */
    -o-transition: all 0.5s ease 0s; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s ease 0s;
    z-index:30; 
}

.box_one{top:0px;right: 0px;}
.box_two{top:200px;right: 0px;}
.box_three{top:400px;right: 0px;}

.box_one.left{top:0px;left: 0px;}
.box_two.left{top:200px;left: 0px;}
.box_three.left{top:400px;left: 0px;}

.chem_small_box.box_open{
    right: 50%;
}
.chem_small_box.left.box_open{
    left: 50%;
}
.chem_small_box h2{
  color: #fff;
  font-size: 28px;
  line-height: 18px;
  cursor: pointer;
   
}


.product_div .hiden_slide{
    width:  50%;
    height: 100%;
   
    position: absolute;
    right:-50%;
   
     -webkit-transition: all 0.5s ease 0s; /* For Safari 3.1 to 6.0 */
    -ms-transition: all 0.5s ease 0s; /* For Safari 3.1 to 6.0 */
    -moz-transition: all 0.5s ease 0s; /* For Safari 3.1 to 6.0 */
    -o-transition: all 0.5s ease 0s; /* For Safari 3.1 to 6.0 */
    z-index:50;
    padding: 50px;
    overflow: hidden;
}
.product_div .hiden_slide.left{
    left:-50%;   
}
.hiden_slide.open{
    right: 0px;
}
.hiden_slide.left.open{
    left: 0px;
}
.hiden_slide .close_button{
    position: absolute;
    left: 30px;
    top: 20px;
    cursor: pointer;
    z-index: 50;
}
.hiden_slide .close_button img{
    width: 40px;

}
.product_div .hiden_slide h1{
    font-size: 4.8em;
    color:#fff;
    line-height: 42px;   
}
.hiden_slide.right_side *{
    text-align: right;
    color:#fff;
}
.hiden_slide.left *{
    
    color:#fff;
}
.product_div .hiden_slide h3{
  
    line-height:1.2em;   
}
.product_div .hiden_slide p{
    line-height: 20px;   
}
.product_div .hiden_slide p .company_logo{
   width:30%; 
}

/*hideen slids css start here*/
.bg_dark_blue{
    background-color:#103059;
}
.bg_light_blue{
    background-color:#258dc2;
}
.bg_green{
    background-color:#6ca542;
}
/*custome hidden slides css start here*/
.water_treatment_industries_slide {
     
}
.wt_product_slide .narrow_pad img{
  width: 95%   
}
.fd_slide_industries .small-12 img{
  float: left;
    margin-bottom: 5px;
    width: 90%;
}
/*custome hidden slides css start here*/

.wt-case-hidden-slide{
        padding:10px;
        padding-top: 100px;
    }




























/*footer section start here */
input[type=text].footer_email{
    font-size: 14px;
    width: 200px;
    height: 30px;
    font-weight: normal;
    background-color:#0088be;
    text-align: left;
    color: #fff;
    border:0px;
}
input.footer_email::-webkit-input-placeholder { 
  color:#fff;
  opacity: 1;
 
}
input.footer_email::-moz-placeholder { 
  color:#fff;
   opacity: 1;
  
}
input.footer_email:-ms-input-placeholder {  
  color:#fff;
   opacity: 1;
 
}
input.footer_email:-moz-placeholder {  
  color:#fff;
   opacity: 1;
  
}

input[type=text].footer_email:focus{
color:#fff;

  line-height: 9px;
 
}
input[type=submit].footer_submit{
    background-color: green;
    border:0px;
    padding: 6px 20px;
    float: right;
    margin-right: 100px;
}
.footer_inline{
    
}
.footer_inline p{
    text-align: center;
}
.footer_inline p a{
    text-decoration:none;
    color:#fff;
    font-size: 16px;
    display: block;
    border-right:2px solid #fff;
    padding: 3px 20px;
    position: relative;
    display: inline-block;
    
}
.footer_inline p a:last-child{
    border-right:0px ;
}

/*footer section End here */

/*  dob website homepage */
.heading_xl{
    font-size: 4.3em;
    line-height: 1em;
    font-weight: 900;

}
.home_contact_us{
    background-color: #124f90;
    padding-top: 20px;
}

.home_contact_us p>span.fa{
    position: relative;
    font-size: 63px;
   top: 20px;
   left:    10px;       
}
input.contact_us_input {
    background-color: #5176ab;
    color:#a4b7c5;
    font-size: 26px;
    border:0px;
    height: 42px;
}
input.contact_us_input:focus{
    background-color: #5176ab;

}
input.contact_us_input::-webkit-input-placeholder {
   color:#fff;
   font-size: 30px;
}

input.contact_us_input:-moz-placeholder { /* Firefox 18- */
   color:#fff;  
  
}
input.contact_us_input::-moz-placeholder {  /* Firefox 19+ */
   color:#fff;  
  
}
input.contact_us_input:-ms-input-placeholder {  
   color:#fff;  

}
.home_signup{
    display: block;
    background:#4b7ac0;
    color:#fff;
    padding: 6px 12px;
font-size: 20px;
text-align: center;
}



.home_contact_us .home_address{
    line-height: 20px;
}
.home_connect_with_us{
    background:#6a86b8;
    padding-top:20px;
}
.home_connect_with_us .home_social{
    margin-top: 15px;
    text-align: left !important;
}
.home_connect_with_us .home_social a{
    background-color: #fff ;
    width: 66px;
    height: 66px;
    padding-left: 12px;
    padding-top: 11px;
    

}
.home_connect_with_us .home_social a:hover{
    background-color: #103059;
}
.home_connect_with_us .home_social a span.fa{
    font-size: 41px !important;
    
}
.home_connect_with_us .home_social a:hover span.fa{
    color:#fff;
    
}
.home_connect_with_us .second_col .column{
    
    padding-top: 10px;
}
div.second_col_inner{
    width:100%;
    height:     250px;
    background-color: #dbe1ed;
    padding: 5px 10px;
    border:2px solid #23528c;
    overflow: hidden;
    padding-bottom: 25px;
    position: relative;
}
div.second_col_inner >p {
    font-size: 0.8rem;
}
.second_col_inner > img{
    max-height: 52px;
}

.second_col_inner .the_date{
    position: absolute;
    bottom: 4px;
    left: 7px;
}
.second_col_inner .read_more{
    position: absolute;
    bottom: 4px;
    right: 7px;
    
}

.second_col_inner .read_more a{
    text-decoration: underline;
     color: #103059 !important;
}
.second_col_inner .read_more a:hover{
   
    color: #103059 !important;
}

.second_col_inner  iframe{
    width: 100%;
    height: 105px;
}

/*aout page css start here */
.about_top_section{
    width:100%;
    height:256px;
    position: relative;
    background: url("../img/about/about_top_bg.png");
    background-repeat: no-repeat;
    background-size: auto 100%;
     background-position: center center;

}
.overlay{
    position: absolute;
    left: 0px;
    top:0px;
    padding: 10px 50px;
}
.about_top_section .overlay{

}
.about_top_section .overlay h1{
    font-size: 6.8em;
    color: #fff;
    line-height:1.2em; 
}
.about_top_section .overlay img{
     margin-top: -30px;
    min-width: 300px;
    width: 25%;
}
.about_content{
    padding: 10px 50px;
}
.about_content p{
    text-align: justify;
}
.blue_hr{
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-top:20px solid #103059; 
}
.about_bottom_section{
     width:100%;
    height:256px;
    position: relative;
    background: url("../img/about/about_bottom_bg.png");
    background-repeat: no-repeat;
    background-size: auto 100%;
     background-position: center center;
}
.about_bottom_section h2{
    margin-top: 50px;
}
.about_bottom_section h2 a{
    text-decoration: none;
    color: #fff;
}
.about_bottom_section p  a img{
   width: 15%;
   min-width: 200px;
}

/*detergent selector page css start here */
/*ds stand for detergent selector page*/
.ds_heading_larg{
    font-size:4.5em;
    text-align: center;
}
.ds_section1 h2 a img{
    width: 30px;
    height: 49px;    
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    margin-left: 15px;
}
.ds_content{
    padding-left: 50px;
    padding-right: 50px;
}
.ds_content div.medium-4{
    padding:5px 30px;
}
.ds_content div h3{
    margin-top: 20px;
    margin-bottom: 70px;

}
.ds_content div.medium-4 p img{
    width: 80%;
}
.request_study{
    
    padding:5px 10px;
}
/*personal care pag css start heere*/   
.about_top_section.pc{
    background: url("../img/personal_care/personal_care.png");
}
.about_top_section.pc h1{
   
    line-height: 0.7em;
}
.about_top_section.pc h1:first-child{
   
    margin-top: 50px;
}
.pc_imp_cleaning input[type = text]{
    background: #558cbf;
    border: 0px;
    color: #fff;

}
.pc_imp_cleaning h5 a{
    background: #f26522;
    padding: 3px 6px;
    text-decoration: none;
    color: #fff;
}
.pc_imp_cleaning h5 a:hover{
    color:#fff;
}
.about_content.bbe .medium-4{
    padding-bottom: 30px;
}
.about_content.bbe .medium-4 img{
    width: 65px;
    float: left;
}
.about_content.bbe .medium-4 h5{
     padding-left: 75px;
    padding-top: 13px;
}
.case_study_tile{
    height: 345px;
    overflow: hidden;
    padding: 10px 20px;
    margin-bottom: 50px;
}
.case_study_tile img{
    width: 100%;
}
.case_study_tile iframe{
    width: 100%;
    height: 250px;
}
.case_study_tile iframe *{
    background:#3c5796 !important;
}
.our_detergents .large-3 {
    position:relative;
    margin-bottom: 50px;

}
.our_detergents .first_img{
    margin-top: 26%;
}
.pc_contact_btn{
    background-color: #3c5796;
    color: #fff;
    padding:10px 30px;
    font-size: 24px;
}
.pc_contact_btn:hover{
    color:#fff;
}
.footer_lang_small{
    float: right;
    width: 145px;
    

}

/*R & D Lab page css here */




.rd_lab_top{
    background: url("../img/r_and_d_top_bg.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    min-height: 587px; 
}
.lab_num_div{
    padding-right: 3px;
}
.lab_num_div .inner_colured{
    background-color: #103059;
    padding: 28px 5px;
}
.lab_num_div .inner_colured h1{
    font-size: 7.6em;
    text-align:center;
    color:#fff;
    line-height: 1em;
}
.lab_num_div .inner_colured h3{
    font-size: 1.6em;
    text-align:center;
    color:#fff;
     text-transform: uppercase;
     line-height: 1em;
}
/*R & D Lab page css here  Ends */


/*CLEANING INNOVATION PAGE CSS START HERE*/
.cleaning_innov_top{
    background: url("../img/cleaning_innovations.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 60px 120px;
}
.cleaning_innov_top h2{
    font-size: 2.1em;
}
.cleaning_innov_top h4{
    font-size: 1.3em;
}
.cleaning_inov_bullit ul li{
    font-size: 25px;
    line-height: 1em;
    margin-bottom: 38px;

}
.innov_tech_blocks .column > div{
    height: 320px;
}
.innov_tech_blocks p{
    font-size: 12px;
}


/*CLEANING INNOVATION PAGE CSS START HERE*/

/*Our vlues page css start here*/
.our_value_top{
    overflow: visible !important;
    position: relative;
}
.our_value_top a{
    display: block;
    width: 100%;

}
.our_value_top a img{
    width: 100%;
    
}
.our_value_top a .overlay{
    background: #fff;
    opacity: 0.8;
    
}
.our_value_top a:hover .overlay{
    opacity: 0;  
}
.our_value_colored_cat span{
    font-size: 80px;
    position: absolute;
    left: 40%;
    bottom: -70px;

}

.our_vlue_effect{
    position: relative;
    overflow: visible;
}
.our_value_colored_cat span.one{
    color:#6eb2cb;
}
.our_value_colored_cat span.two{
    color:#ef9725;
}
.our_value_colored_cat span.three{
    color:#fdc816;
}
.our_value_colored_cat span.four{
    color:#38659e;
}
.our_value_colored_cat span.five{
    color:#547b36;
}


.my-tooltip{
    margin-top: 40px;
    width:83vw; 
    position:relative;
    left: 0%;

}

.my-tooltip.one{

 background-color:#6eb2cb;
 left: 414%;
}

.my-tooltip.two{
 background-color:#ef9725;
 left:  308%;
}
.my-tooltip.three{
 background-color:#fdc816;
 left: 206%
}
.my-tooltip.four{
 background-color:#38659e;
 left: 104%
}
.my-tooltip.five{
 background-color:#547b36;
}




.my-tooltip p{
    padding-top: 30px;
   color:white;
}
.my-tooltip span{
    float: right;
   color:white;
   margin-right: 10px;
   margin-top: 5px;
   cursor: pointer;
   font-size: 20px;
}

/*Our vlues page css End here*/

.locations_address div p{
        font-size: 1.4em
}

 /*community involvement page css start here*/
.contribution_text_box h2 span{
    border: 5px solid #10325d;
    padding: 10px 20px;
    text-transform: uppercase;
}
.contribution_text_box h2 span.multimedia{
    border:5px solid #fff;
    color:#fff;
}
/*community involvement page css End here*/

select.footer_language{
    width: 100%;
    border: 2px solid #506c9c;
    float: left;
    background: transparent url("../img/fselect_arrow_down.png") no-repeat 5% center;
    color: #99a0b0;
    font-size: 22px;
    height: 52px;
    font-weight: bold;
    padding-left: 38px;
    margin-top: 14px;
  
}
select.footer_language option{
    width: 100%;
    border-top: 1px solid #506c9c;
    color:#99a0b0;
      font-size: 20x;
    
}
.mm_vido_footer{
    position: relative;
    margin-top: -6px;
}
/*personal care pag css End heere*/ 


/*Media center pag css End heere*/
 
.multimedia_box .media_type h3{
    color:#fff;
    padding-left: 75px;
    text-transform: uppercase;
}
.multimedia_box .media_type{
    background: #19aad1;
    max-height: 50px;
    overflow: hidden;
}
.multimedia_box .media_type span{
    float:left;
    display: block;
    width: 50px;
    height: 50px;
    background:#008fba;
    padding: 10px;
}
.multimedia_box .media_type span.media_icon_left{
   position: absolute;
   top: 0px;
   right: 0px;
   
}
.multimedia_box .media_type span.media_icon_left img{
  
    padding-left: 2px;
    padding-top: 1px;  
}
 .multimedia_box.red .media_type{
    background: #ff5147;
}
 .multimedia_box.red .media_type span{
    background: #df3126;
}
.mm_photos_box img{
    width: 100%;
}
.mediacenter_video .column {
    position: relative;
}
.mediacenter_video .mm_vid_img img{
    width: 100%;
    min-height: 180px;
}
.mediacenter_video .my-video{
   position: absolute;
   top:0px;
   right: 0px;
   z-index: -1;
 
}

.post_box_main{
    border: 4px solid #102f5a;
    position: relative;
    height: 230px;
    overflow: hidden;
}

.post_box_main p{
 font-size: 14px;
}
.post_box_main p.heading{
 margin-top: 8px;
 margin-bottom: 8px;
}
.post_box_main .date{
 position: absolute;
 right: 14px;
 top: 5px;
}
.post_box_main .read_more{
 position: absolute;
 right: 14px;
 bottom: 5px;
 color:blue;
 text-decoration: underline;
}
.post_box_main .read_more a{
 color:#103059;
 text-decoration: underline;
}
.multimedia_box.top_left_post .post_box_main{
    border:0px;
    height: 171px;
    
}
.multimedia_box.top_left_post .post_box_main.twitter{
    
}
.multimedia_box.top_left_post .post_box_main.twitter a{
    text-decoration: none;
    color:#6cb5ef;
}
.multimedia_box.top_left_post .post_box_main .read_more{
    bottom: -3px;
    
}
.multimedia_box.top_left_post .media_type{
    max-height: 38px
}
.multimedia_box.top_left_post .media_type h3{
    padding-left: 45px;
    line-height: 1.2em;
}
.multimedia_box.top_left_post .media_type .media_icon{
    width: 38px;
    height: 38px;
    background: #008fba;
    padding: 8px;
    padding-top: 5px;
}
.multimedia_box.top_left_post .mm_photos_box{
    height: 210px;
}
.mm_large_btn{
    height: 80px;
}

input[type=text].search_input{
    border: none;
    box-shadow:none;
    width: 300px;
    border-bottom: 2px solid #102f5a;
    background: url('../img/multimediacenter/search.png');
    background-size: 27px auto;
    background-repeat: no-repeat;
    background-position: right 2px;
    padding-right: 32px;
    cursor: pointer;
    outline: none;
    font-size: 20px;
   
}
/*.search_input_span::after{
    content: url('img/search.png');
    position: absolute;
    right:-20px;
    top: 5px;
}*/

/*Media center pag css End heere*/ 

/*Search Result page css start here*/
.serch_result_page select, .serch_result_page select{
    background-color:#cfcfcf;
    width: 100%;
    font-size: 20px;
    height: 50px;
}
.serch_result_page select{
   padding-left: 32px;
background-image: url("../img/gray_arro_down.png");
background-position: 9px 19px;
background-repeat: no-repeat;
background-size: 20px;
}
input[type=text].search_result_input{
    font-size: 30px;
    height: 50px;
}
input[type=submit].search_page_submit{
    background: rgb(75, 122, 192) none repeat scroll 0% 0%;
color: rgb(255, 255, 255);
padding: 9px 20px;
font-size: 23px;
border: medium none;
margin-top: 2px;
}
.the_search_result h3{
    text-decoration: underline;
}
.the_search_result p a{
    color:#4db4f3;
}
.pius_year_tile > img{
   
    float: left;
    margin:15px;
}
/*Search Result page css End here*/


/*pius story page css start here */
.pius_soty_with_logo h1{
    font-size: 6em;
}
   
.twenty_percent{ /* twenty percent class is also handed in all media qures  */
    width: 20%;
    float: left;
}
.pius_soty_with_logo p{
        text-align: right;
        margin-top: 20px;
    }
.pius_soty_with_logo img{
        width: 60%;
    }
    .pius_soty_with_logo h1{
        
    }



/*pius story page css start here */

/*case studies page css start here*/
.the_case .case_logo{
    width: 200px;
}
.the_case .main-heading{
    text-transform: uppercase;
    font-size: 50px;
    line-height: 1em;
    margin-top: -13px;
    color:#124f90;
    font-weight: bold;
}
.the_case .main-heading span{
    font-size: 20px;
    color:#124f90;
    font-weight: bold;
    position: relative;
bottom: 22px;
padding-left: 5px;
    
}
.the_case .case_read_more a{
   
    text-decoration: none;
    padding: 10px 20px;
    color:#124f90;
    border: 1px solid #124f90;
}

.case_load_more a{
    padding: 10px 20px;
    border: 2px solid  #fff;
    color:#fff;
}
.left_read_more{
    color:#fff;
    text-decoration: underline;

}
.left_read_more:hover{
    color:#fff;
       
}

/*case studies page css End here*/

.wt-case-box .overlay{
  padding: 0px;
  display: table;
  table-layout: fixed;  
  background: rgba(10,48,89,0.5);
  opacity: 0;
  height: 100%;
}
.wt-case-box .overlay > div{
  display: table-cell;
  height: 100%
  width: 100%;
}
.wt-case-box  .more_arrow{
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 25px;
}
.wt-case-box .overlay h5{
   
    font-size: 16px;
    font-weight: bold;
}
.wt-case-box .overlay a{
    border: 1px solid #fff;
    padding: 5px;
    font-size: 18px;
}

.wt-case-box:hover .overlay{
    opacity: 0.5
}

.map-canvas{
    width: 98%;
    height: 200px;
}

.multimedia_box .media_type.light_blue {
    background: #1679db;
}
.multimedia_box .media_type.light_blue span {
    background: #0058be;
}
.news_box_here {
    border-bottom: 2px solid #c1c1c1;
    border-left: 2px solid #c1c1c1;
    border-right: 2px solid #c1c1c1;
}
.news_box_header{
    max-height: 50px !important;
    height:50px !important;
    overflow: hidden;
}
.news_box_header .media_icon{
    width: 50px !important;
    height: 50px !important;
    padding: 10px !important;
}
.news_box_header h3{
    color: #fff;
    padding-left: 75px !important;
    padding-top:5px;
    text-transform: uppercase;
}
.light_blue_box_news .news_box_header{
    background:#1679db !important;
}
.light_blue_box_news .media_icon{
    background:#0058be !important;
}
.light_purple_box_news .news_box_header{
    background:#5e64b8 !important;
}
.light_purple_box_news .media_icon{
    background:#41478e !important;
}
.light_pink_box_news .news_box_header{
    background:#ff5147 !important;
}
.light_pink_box_news .media_icon{
    background:#df3126 !important;
}
.always_visible_hover_block{
    opacity:1 !important;
}

.amp_hel{
    font-family: "HelveticaBold";
}

p{
    font-size:1.3rem;
}
.slide p{
	font-size:2rem;
}
.contact-hd-color{
	color: #558cbf;
}
.contact-hd-color2{
	color: #3c5796;
}
.contact-white-txt h3,h5{
	color: #FFF;
}
.lineh1{
	line-height: .5;
}
.contact-blue-back{
	background-color: #3c5796;
}
.contact_us_hubspot > div{
	padding-bottom: 75px;
}

/* Tabs Styles */

	.tabs-section{
		width:100%;
	}
	.tabs-list > ul{
		list-style: none;
		border-top:5px solid #00234f;
		margin-left:0px;
		display:table;
		table-layout: fixed;
		width:100%;
		overflow: hidden;
	}
	.tabs-list > ul > li{
		display:inline-block;
		display:table-cell;
		padding:15px;
		position: relative;
		text-align:center;
		font-size: 18px;
		color:#ccc;
		cursor:pointer;
		
	}
	.tabs-list > ul > li.active-tab{
    	font-weight: bold;
    	color:#00234f;
	}

	.tabs-list > ul > li > .fa-caret-down{
		position: absolute;
	    left: 50%;
	    font-size: 35px;
	    top: -24px;
	    margin-left: -10px;
	    color:#00234f;
	    display:none;
	}

	.tabs-list > ul > li.active-tab > .fa-caret-down{
		display:block;
	}

	.tab-desc{
		display:none;
	}

	.active-desc{
		display:block;
	}

	.tabs-detail{
		position: relative;

	}
	.tab-link a{
		color:#c7c7c7;
	}
	.tab-link.active-tab a{
		color:#00234f;
		font-weight: bold;
	}


/* End Tabs Styles*/

.banner-header{
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
}
.banner-header h1{
	color:#fff;
	font-size:6em;
	text-transform: uppercase;
	font-family: "Bebas Neue";
	margin:0;
}
.blue-water-bg{
	background-image:url("../img/blue-water.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-size:cover;
	background-position: center center;
}
.blue-detergent-bg{
	background-image:url("../img/fd_top_img.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-size:cover;
	background-position: center center;
}
.blue-corrosion-bg{
	background-image:url("../img/corrosion-scale-header-new.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-size:cover;
	background-position: center center;
}
.blue-operations-bg{
	background-image:url("../img/operations-software-header-new.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-size:cover;
	background-position: center center;
}


.text-underline{
	text-decoration: underline;
}
.btn-blue-with-arrow{
	padding:10px;
	color:#fff;
	background-color:#31508e;
	margin-top:5px;
	display:inline-block;
	width:100%;
	position: relative;
}
.btn-blue-with-arrow:hover,
.btn-blue-with-arrow:focus,
.btn-blue-with-arrow:active{
	color:#fff;
}
.btn-blue-with-arrow:nth-child(3){
	background-color: #6888c1;
}
.btn-blue-with-arrow:nth-child(4){
	background-color: #112e59;
}
.btn-blue-with-arrow .fa{
	color:#fff;
}
.btn-blue-with-arrow .fa-angle-right{
	position: absolute;
	right:10px;
	top:0px;
	font-size:45px;
}
.grey-box-det{
	background-color: #d6dade;
	padding:10px;
	border:1px solid #000;
}
.grey-box-body p{
	padding-left:0px;
}
.grey-box-body .fa.fa-angle-right{
	font-size: 50px;
    font-weight: bold;
}
.grey-box-sub-heading h3{
	color:#000;
	font-weight: bold;
}
.grey-box-header h1{
	color:#112e59;
	font-family: "Bebas Neue";
	font-size:70px;
	padding-left:10px;
}
.blue-gradient-bg{
	background-image:url("//cdn2.hubspot.net/hubfs/2120090/dober_case_studies/blue-gradient.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.sustainability-bg{
	background-image: url("../img/map_image_bg.png"),url("../img/blue-gradient.jpg");
    background-size: 100% 100%,100% 100%;
    background-repeat: no-repeat,no-repeat;
    background-position: center center,center center;
}
.contact-us-header{
	width:100%;
	padding:10px;
	padding-top:20px;
    margin-bottom:20px;
}
.contact-us-header.small-header{
	height:auto;
	padding:10px;
	padding-top:25px;	
}
.contact-us-header .lgo{
	width:280px;
}
.contact-us-header .page-headline{
	font-size: 4.5rem;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}
.contact-us-form-area{
	border-top:5px solid #31508d;
	margin-top:30px;
	background-color:#ebeff6;
}
.contact-us-form-area .middle{
	margin-top:5px;
}
.contact-us-form-area label,
.contact-us-form-area input,
.contact-us-form-area textarea{
	font-size:20px;
}

.light-blue-dropdown{
	background: #4969bd;
	background-image: url("../img/select_arrow-white.png");
	background-repeat: no-repeat;
	background-position: 15px;
	background-size: 20px;
	color:#fff;
	width: 280px;
	height: 50px;
	padding-left: 50px;
	font-size: 20px;
	overflow: scroll;
	text-align: center;
	font-weight: bold;
}

.light-blue-dropdown option{
	background-color:#e4e4e4;
	color:#5e5e5e;
	width: 280px;
	height: 50px;
	padding-top: 10px;
	border: 2px solid #cbcbcb;
	text-align: center;
	font-weight: bold;
}
.light-blue-dropdown:active,
.light-blue-dropdown:focus,
.light-blue-dropdown:visited{
	background-color: #4969bd;
}
.light-blue-dropdown option:active,
.light-blue-dropdown option:focus,
.light-blue-dropdown option:hover{
	background:red;
}

.light-blue-dropdown.top , .light-blue-dropdown.top option{
	width: 400px;
}

.select-box-with-caret{
	
}


.dark-text-blue-color{
	color:#223359;
}
.contact-us-form-header h1{
	font-weight: bold;
}
.no-border{
	border:none;
}
.btn-centered{
	margin:0 auto;
}

.custom-column {
    padding: 10px;
}

.industries_block {
    position: relative;
    width: 100%;
    height: 100%;
}
.hover_blue {
    background-color: #364e8c;
}
.hover_block_title {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.industries_block:hover .hover_block_title{
	opacity:1;
}
.industries_block_title {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
}
.hover_title {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
    text-align: center;
    color: #fff;
}
.hover_title h3 {
    font-family: 'Bebas Neue';
    font-size: 2.5em;
    color: #fff;
    width: 100%;
    display: block;
    line-height: 1em;
    position: absolute;
    top: 20px;
}
.hover_title span {
    display: table-cell;
    vertical-align: middle;
    font-family: 'Bebas Neue';
    color: #fff;
    font-size: 2.5em;
    text-transform: uppercase;
    line-height: 1em;
    width: 100%;
}
.hover_block_title p {
    color: #fff;
    font-family: "Roboto Regular";
    font-size: 16px;
    text-transform: none;
    line-height: 20px;
}
.hover_title .learn_more_btn {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -75px;
    width: 150px;
    font-size: 20px;
    padding-top: 5px;
    padding-bottom: 8px;
}

.block_title {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
    text-align: center;
}
.block_title h3 {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 2em;
    text-transform: uppercase;
    line-height: 1em;
}
.tr_white_btn {
    border: 1px solid #fff;
    text-decoration: none;
    color: #fff;
    padding: 10px;
    text-transform: capitalize;
}
.text-area p{
	font-size:20px;
	padding-left:0px;
}
.text-area{
	font-size:20px;
}
.other-dober{
	color:#2b5089;
}
.other-dober img{
	width:220px;
	margin-top:-10px;
}
.other-dober h1{
	font-size:61px;
	color:#2b5089;
	margin-top:-28px;
}
.other-dober h2{
	color:#2b5089;
}

.vision-area{
	background-image: url("../img/vision-bg.jpg");
    padding-top: 100px;
    padding-bottom: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover;
    margin-top:20px;
}
.vision-text{
	background-color:#f3f6f9;
	padding-top:40px;
	padding-left:40px;
	padding-right:40px;
	width:60%;
	padding-bottom:20px;
	margin:0 auto;
}


/* Horizontal Timeline Code */
	.horizontal-timeline-area{
		margin-top:50px;
		margin-bottom:100px;
	}
	.htimeline-box{
		position: relative;
		width:955px;
		height:300px;
		margin:0 auto;
		text-align: center;
		padding-top:20px;
		left:-26px;
	}
	.htimeline-box .horizontal-line{
		width:90%;
	}
	.htimeline-list{
		text-align: left;
		list-style: none;
		margin-left:38px;
		opacity:0;
		-webkit-transition: all 0.5s ease 0s;
    	transition: all 0.5s ease 0s;
    	height: 271px;
    	position: relative;
    	 -ms-transform: rotate(100%); /* IE 9 */
	    -webkit-transform: rotate(100%); /* Chrome, Safari, Opera */
	    transform: translateX(100%);
	}
	.active-list{
		opacity:1;
		 -ms-transform: rotate(0%); /* IE 9 */
	    -webkit-transform: rotate(0%); /* Chrome, Safari, Opera */
	    transform: translateX(0%);
	}
	.inactive-list{
		opacity:1;
		 -ms-transform: rotate(-100%); /* IE 9 */
	    -webkit-transform: rotate(-100%); /* Chrome, Safari, Opera */
	    transform: translateX(-100%);
	    display: none;
	}
	.right_btn_list{
		display: block;
		width:50px;
		height:50px;
		right:0;
		top:54%;
		margin-top:-25px;
		position: absolute;
		cursor: pointer;
		z-index: 999999;
	}


	.htimeline-list li{
		display:inline-block;
		width:200px;
		position: absolute;
	}
	.htimeline-list li:nth-child(2n+1){
		top:62%;
	}
	.htimeline-list li:nth-child(2n+1):before{
		content: "";
	    background-image: url("../img/timeline-button.png");
	    background-repeat: no-repeat;
	    -webkit-background-size: 100% 100%;
	    background-size: 100% 100%;
	    background-position: center center;
	    display: block;
	    width: 20px;
	    height: 35px;
	    position: absolute;
	    top: -35px;
	    left: 13%;
	}

	.htimeline-list li:nth-child(2n):after{
		content: "";
	    background-image: url("../img/timeline-button2.png");
	    background-repeat: no-repeat;
	    -webkit-background-size: 100% 100%;
	    background-size: 100% 100%;
	    background-position: center center;
	    display: block;
	    width: 20px;
	    height: 35px;
	    position: absolute;
	    bottom: -20px;
	    left: 13%;
	}

	/* ODDS */
	.htimeline-list li:nth-child(3){
		left:26%;
	}
	.htimeline-list li:nth-child(5){
		left:48%;
	}
	.htimeline-list li:nth-child(7){
		left:70%;
	}
	.htimeline-list li:nth-child(9){
		left:90%;
	}

	/* End ODDS */

	/* Evens */
	.htimeline-list li:nth-child(2){
		left:15%;
		width:148px;
	}
	.htimeline-list li:nth-child(4){
		left: 33%;
		width:188px;
	}
	.htimeline-list li:nth-child(6){
		left:53%;
		width:215px;
	}
	.htimeline-list li:nth-child(8){
		left: 78%;
	    width: 128px;
	    top: 20px;
	}
	/* End Evens */


	.htimeline-list h4{
		font-size: 16px;
    	font-weight: bold;
	}

	.htimeline-list p{
		padding-left: 0px;
    	font-size: 12px;
	}
	.htimeline-box .horizontal-line{
		position: absolute;
	    top: 50%;
	    margin-top: -1%;
	    width:100%;
	    max-width:100%;
	    left:0;
	}
/* End Horizontal Timeline Code */

.very-dark-blue-bg{
	background-color:#10305b;
	color:#fff;
}
.very-dark-blue-bg p{
	color:#fff;
	padding:0px;
}
.about-us-section-area .columns{
	padding:0px;
	position: relative;
	z-index:9999;
}
.about-us-section-area section{
	position: relative;
	border-top:5px solid #fff;
}
.about-us-section-area h5{
	font-weight: bold;
}
.abs-full-overlay{
	position: absolute;
	width:100%;
	height:100%;
	z-index:10;
    background-position: center center;
}
.half-width-abs{
	width: 52%;
}
.eight-col-width{
	width:69%;
}
.right-it{
	right:0;
}
.left-it{
	left:0;
}
.resp-img{
	width:100%;
	max-width: 100%;
}
.hpd{
	padding:100px;
}
.fpd{
	padding:50px;
}
.spd{
	padding:70px;
}
.science_instruments{
	background-image:url("../img/science_instruments.jpg");
	background-size:cover;
}
.ipad-image{
	background-image: url("../img/ipad-image.jpg");
	background-size: cover;
}
.team-image{
	background-image: url("../img/team-image.jpg");
	background-size: cover;
}
.machine-image{
	background-image: url("../img/machine-image.jpg");
	background-size: cover;
}
.seniors-image{
	background-image: url("../img/seniors-image.jpg");
	background-size: cover;
}
.seven-col-width{
	width:59%;
}
.dis-none{
	display:none;
}
.sub-page-heading{
	font-size:2.2em;
	color:#fff;
	font-style: italic;
	margin-top:-27px;
}
.sustain-icons-area{
	margin-bottom:70px;
}
.sustain-icons-area h4{
	margin-top:20px;
}
.sustain-icons-area *{
	color:#102f5a;
}
.full-width{
	width:100%;
}
.sus-image-block{
	position: relative;
	width:100%;
	background-size: 100% 100%;
	background-size: cover;
	background-position: center center;
	height:600px;
	overflow: hidden;
	margin-bottom:10px;

}
.tree-bg{
	background-image: url("../img/trees-image.jpg");
}
.sus-sub-block{
	background-color:rgba(38,66,105,0.8);
}
.sus-sub-block{
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	padding:20px;
	z-index:99999;
}
.sus-sub-block *{
	color:#fff;
}
.sus-sub-block h2{
	font-weight: bold;
}
.sus-sub-block p{
	padding-left: 0px;
    line-height: 26px;
    font-size: 18px;
}
.water-pump-bg{
	background-image:url("../img/water-pumps-image.jpg");
}
.cloth-bg{
	background-image: url("../img/cloth-bg.jpg")
}
.mining-bg{
	background-image: url("../img/mining_bg_header.jpg")
}
.pharma-bg{
	background-image: url("../img/pharma_bg_header.jpg")
}
.personal-care-bg{
	background-image: url("../img/personal_care_bg.jpg")
}

.oil-gas-bg{
	background-image: url("../img/oil_gas_bg.jpg")
}
.food-packaging-bg{
	background-image: url("../img/food_packaging_bg.jpg")
}
.building-facilities-bg{
	background-image: url("../img/building_facilities.jpg")
}
.biopharma-bg{
	background-image: url("../img/biopharma_bg.jpg")
}
.construction-bg{
	background-image: url("../img/construction_bg.jpg")
}
.commercial-laundry-bg{
	background-image: url("../img/commercial_laundry.jpg")
}

.landing_img_div img{
    width:100% !important;
}
.chem_landing_content *{
     font-family: 'HelveticaNormal';
}

.page_title{
	padding:5px;
	padding-top:10px;
}
.page_title h1{
	font-size:8em;
	font-weight: bold;
	font-family: "Bebas Neue";
	line-height: 1em;
	margin-bottom:0px;
}
.tfw{
	width:250px;
}
.darkblue *{
	color:#31508d;
}
.darkblue p{
	padding-left:0px;
}
.transparent-bordered-btn{
    border: 2px solid #31508d;
    text-decoration: none;
    color: #31508d;
    padding: 10px;
    text-transform: capitalize;
    background-color:#fff;
}

.cars_boxes{
	padding:50px !important;
	padding-top:50px !important;
}

.hs-input[type='email']{
    margin-right:3%;
    width:60% !important;
}
.hs-button{
    margin-top:2px;
}
.tabber-tabs{
    margin-bottom:0px !important;
}

.show_mobile_menu{
}
.mobile-icon {
    display: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    right: 25px;
}
.mobile-icon {
    display: block !important;
    top:15px;
}
.mobile-icon span, .mobile-icon span:before, .mobile-icon span:after {
    width: 40px;
    height: 8px;
    display: block;
    background-color: #68737a;
}
.mobile-icon span {
    margin: 5px auto;
    position: relative;
    top: 0px;
    background:#4d6191;
}
.mobile-icon span:before {
    margin-top: -13px;
}
.mobile-icon span:after {
    margin-top: 13px;
}

.side_blue_menu{
    background-color:#001e50;
    position: fixed;
    width: 450px !important;
    height: 100%;
    top: 0;
    z-index: 999999;
    right: -450px;
}
.header-container-wrapper{
    -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
    transition: all 0.5s;
}
.body-container-wrapper{
    -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
    transition: all 0.5s;
}
.footer-container-wrapper{
    -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
    transition: all 0.5s;
}

.show-mobile-nav .header-container-wrapper {
    -ms-transform: translate(-450px);
    -webkit-transform: translate(-450px);
    transform: translate(-450px);   
}
.show-mobile-nav .body-container-wrapper{
    -ms-transform: translate(-450px);
    -webkit-transform: translate(-450px);
    transform: translate(-450px);   
}
.show-mobile-nav .footer-container-wrapper{
    -ms-transform: translate(-450px);
    -webkit-transform: translate(-450px);
    transform: translate(-450px);   
}
body.hs-blog-listing {
 /*   background:#001e50; */
}

body.blog {
    background:#001e50;
}
.body-container-wrapper{
    background-color:#fff !important;
}
.side_blue_menu ul > li a{

    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    
    display: block;
    font-family: 'Roboto Medium',sans-serif;
    padding: .66667rem;
    text-align: left;
    font-size: 21px;
    font-weight:bold;
    
    color: #e4e4e4;
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    -ms-transition: background 300ms ease;
    transition: background 300ms ease;
    padding-left: 20px;

}
.side_blue_menu ul > li a:hover,
.side_blue_menu ul > li a:focus
.side_blue_menu ul > li a:active{
    background-color: #5879ad;

}
.side_blue_menu ul:nth-child(1) > li:nth-child(1) > a,
.side_blue_menu ul:nth-child(1) > li:nth-child(2) > a,
.side_blue_menu ul:nth-child(1) > li:nth-child(3) > a,
.side_blue_menu ul:nth-child(1) > li:nth-child(4) > a{
    padding-left:15px;
    font-weight:23px;
    font-weight:bold;
}

.side_blue_menu ul:nth-child(1) > li:nth-child(1) > a::before{background-image: url("//cdn2.hubspot.net/hubfs/2120090/logos/water_treatment.png");}
.side_blue_menu ul:nth-child(1) > li:nth-child(2) > a::before{background-image: url("//cdn2.hubspot.net/hubfs/2120090/logos/formulated_detergents.png");}
.side_blue_menu ul:nth-child(1) > li:nth-child(3) > a::before{background-image: url("//cdn2.hubspot.net/hubfs/2120090/logos/corrosion.png");}
.side_blue_menu ul:nth-child(1) > li:nth-child(4) > a::before{background-image: url("//cdn2.hubspot.net/hubfs/2120090/logos/operation_software.png");}

.side_blue_menu ul:nth-child(1) > li:nth-child(1) > a::before,
.side_blue_menu ul:nth-child(1) > li:nth-child(2) > a::before,
.side_blue_menu ul:nth-child(1) > li:nth-child(3) > a::before,
.side_blue_menu ul:nth-child(1) > li:nth-child(4) > a::before{    
    background-repeat: no-repeat;
    background-size: 42px 48px;
    content: "";
    display: inline-block;
    height: 48px;
    width: 45px;
    margin-right:5px;
    position:relative;
    left:0px;
    top:10px;
    z-index:1000;
    
}

/* 
 Water Treatment Side Menu Style
*/ 

.water_treatment_side_menu .hs-menu-wrapper > ul > li:nth-child(1) > a:before{background-image:url("//cdn2.hubspot.net/hubfs/2120090/logos/water_treatment.png");}
.water_treatment_side_menu .hs-menu-wrapper > ul > li:nth-child(2) > a:before{background-image:url("");}
.water_treatment_side_menu .hs-menu-wrapper > ul > li:nth-child(3) > a:before{background-image:url("");}
.water_treatment_side_menu .hs-menu-wrapper > ul > li:nth-child(4) > a:before{background-image:url("");}

.water_treatment_side_menu .hs-menu-wrapper > ul > li:nth-child(1) > a::before{    
    background-repeat: no-repeat;
    background-size: 42px 48px;
    content: "";
    display: inline-block;
    height: 48px;
    width: 45px;
    margin-right:5px;
    position:relative;
    left:0px;
    top:10px;
    z-index:1000;
    
}

.water_treatment_side_menu .hs-menu-wrapper > ul > li:nth-child(2) > a::before,
.water_treatment_side_menu .hs-menu-wrapper > ul > li:nth-child(3) > a::before,
.water_treatment_side_menu .hs-menu-wrapper > ul > li:nth-child(4) > a::before{    
    display:none;
    
}

/* 
 End Water Treatment Side Menu Style
*/ 

/* 
 Coolant Additives Side Menu Style
*/ 
.coolant_additives_side_menu.ctt .hs-menu-wrapper > ul > li:nth-child(1) > a:before{background-image:url("//cdn2.hubspot.net/hubfs/2120090/logos/feeder.png");}

.coolant_additives_side_menu .hs-menu-wrapper > ul > li:nth-child(1) > a:before{background-image:url("//cdn2.hubspot.net/hubfs/2120090/logos/corrosion.png");}
.coolant_additives_side_menu .hs-menu-wrapper > ul > li:nth-child(2) > a:before{background-image:url("");}
.coolant_additives_side_menu .hs-menu-wrapper > ul > li:nth-child(3) > a:before{background-image:url("");}
.coolant_additives_side_menu .hs-menu-wrapper > ul > li:nth-child(4) > a:before{background-image:url("");}

.water_treatment_side_menu .hs-menu-wrapper > ul > li:nth-child(1) > a::before{    
    background-repeat: no-repeat;
    background-size: 42px 48px;
    content: "";
    display: inline-block;
    height: 48px;
    width: 45px;
    margin-right:5px;
    position:relative;
    left:0px;
    top:10px;
    z-index:1000;
    
}

.coolant_additives_side_menu .hs-menu-wrapper > ul > li:nth-child(2) > a::before,
.coolant_additives_side_menu .hs-menu-wrapper > ul > li:nth-child(3) > a::before,
.coolant_additives_side_menu .hs-menu-wrapper > ul > li:nth-child(4) > a::before{    
    display:none;
    
}

/* 
 End Coolant Additives Side Menu Style
*/ 

/* 
 Formulated Detergents Side Menu Style
*/ 

.formulated_detergents_side_menu .hs-menu-wrapper > ul > li:nth-child(1) > a:before{background-image:url("//cdn2.hubspot.net/hubfs/2120090/logos/formulated_detergents.png");}
.formulated_detergents_side_menu .hs-menu-wrapper > ul > li:nth-child(2) > a:before{background-image:url("");}
.formulated_detergents_side_menu .hs-menu-wrapper > ul > li:nth-child(3) > a:before{background-image:url("");}
.formulated_detergents_side_menu .hs-menu-wrapper > ul > li:nth-child(4) > a:before{background-image:url("");}

.formulated_detergents_side_menu .hs-menu-wrapper > ul > li:nth-child(1) > a::before{    
    background-repeat: no-repeat;
    background-size: 42px 48px;
    content: "";
    display: inline-block;
    height: 48px;
    width: 45px;
    margin-right:5px;
    position:relative;
    left:0px;
    top:10px;
    z-index:1000;
    
}

.formulated_detergents_side_menu .hs-menu-wrapper > ul > li:nth-child(2) > a::before,
.formulated_detergents_side_menu .hs-menu-wrapper > ul > li:nth-child(3) > a::before,
.formulated_detergents_side_menu .hs-menu-wrapper > ul > li:nth-child(4) > a::before{    
    display:none;
    
}

/* 
 End Formulated Detergetns Side Menu Style
*/ 


.side_blue_menu ul{
    margin-left:0px !important;
    list-style:none !important;
    background-color:#001e50 !important;
}
.side_blue_menu ul li{
    text-align:left;
}

.side_blue_menu li > ul{
    left:0 !important;
    visibility:visible;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper{
    visibility:hidden !important;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts>ul li.hs-item-has-children > ul li a{
    padding-left:70px;
}
.side_blue_menu li.opened_dp > ul{
    opacity:1 !important;
    position:relative !important;
    visibility:visible !important;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts>ul li.hs-item-has-children.opened_dp:hover>ul.hs-menu-children-wrapper{
    visibility:visible !important;
}

.blue_gradient_bg{
    background: url("//cdn2.hubspot.net/hubfs/2120090/dober_case_studies/blue-gradient.jpg?t=1475759891100") !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
}
.blue_gradient_bg h1{
    text-align: center !important;
    text-transform: uppercase !important;
    font-size: 3em !important;
    font-weight: bold !important;
    color: #fff !important;
}
.chem_blog_listing_one_blog_div .post-item h2 a{
    text-decoration:none ;
    color:#6886b8;
    text-transform:uppercase;
    font-family: 'Bebas Neue' !important;
    font-size:36px;
}
.chem_blog_listing_one_blog_div .post-body{
    position:relative;
    top:-30px;
    color:#000 !important;
    font-size:18px !important;
}
.chem_blog_listing_one_blog_div .post-body *{
    color:#000 !important;
    font-size:18px !important;
}
 
/*Media Queires*/

@media(max-width:1130px){
	.cars_boxes.hiden_slide h3{
		line-height: 1em !important;
	    font-size: 24px !important;
	}
}

@media(max-width:1120px){
	/* Horizontal Timeline Code */
	.htimeline-box{
		position: relative;
		width:692px;
		height:300px;
		margin:0 auto;
		text-align: center;
		padding-top:20px;
		left:-26px;
	}
	.htimeline-list li{
		width:166px;
	}
	.htimeline-list li:nth-child(2n+1){
		top:62%;
		left:17px;
	}

	

	/* ODDS */
	.htimeline-list li:nth-child(3){
		left:27%;
		width:128px;
	}
	.htimeline-list li:nth-child(5){
		left:48%;
		width:146px;
	}
	.htimeline-list li:nth-child(7){
		left:70%;
		width:136px;
	}
	.htimeline-list li:nth-child(9){
		left:90%;
		width:116px;
	}

	/* End ODDS */

	/* Evens */
	.htimeline-list li:nth-child(2){
		left:7%;
		width:148px;
	}
	.htimeline-list li:nth-child(4){
		left: 32%;
		width:188px;
	}
	.htimeline-list li:nth-child(6){
		left:59%;
		width:172px;
		top:0px;
	}
	.htimeline-list li:nth-child(8){
		left: 85%;
	    width: 128px;
	    top: 39px;
	}
	/* End Evens */


	.htimeline-list h4{
		font-size: 16px;
    	font-weight: bold;
	}

	.htimeline-list p{
		padding-left: 0px;
    	font-size: 12px;
	}
/* End Horizontal Timeline Code */
	.hpd{
		padding:70px;
	}
	.spd{
		padding:50px;
	}
	
}

@media (max-width:767px){
	.medium-6{
		width:100%;
	}
	.medium-4{
		width:100%;
	}
	.medium-5{
		width:100%;
	}
	.hpd,.spd{
		padding:10px;
	}
	.text-box-pd{
		background-color: rgba(16,48,91,0.7);
	}
	.half-width-abs,.eight-col-width,.seven-col-width{
		width:100%;
	}

}
@media (max-width:766px) {
	
	.htimeline-box{
		width:500px;
	}
	.htimeline-box{
		left:0px;
	}
	.htimeline-list li:nth-child(2n):after {
	    bottom: -33px;
    	left: 23%;
	}
	.htimeline-list li:nth-child(2) {
	    left: 0px;
	    width: 150px;
	    top:0px;
	}
	.htimeline-list li:nth-child(4) {
	    left: 33%;
	    width: 150px;
	    top:-17px;
	}
	.htimeline-list li:nth-child(6) {
	    left: 66%;
	    width: 186px;
	    top: -17px;
	}
	.htimeline-list li:nth-child(8) {
	    left: 0px;
	    width: 122px;
	    top: 186px;
	}
	.htimeline-list li:nth-child(8):after {
	    display:none;
	}
	.htimeline-list li:nth-child(8):before {
	        content: "";
		    background-image: url("../img/timeline-button.png");
		    background-repeat: no-repeat;
		    -webkit-background-size: 100% 100%;
		    background-size: 100% 100%;
		    background-position: center center;
		    display: block;
		    width: 20px;
		    height: 35px;
		    position: absolute;
		    top: -35px;
			left: 50%;
	}
	.htimeline-list li:nth-child(2n+1) {
	    top: 62%;
	    left: 130px;
	}

	.htimeline-list li:nth-child(3) {
	    left: 60%;
	    width: 128px;
	}
	.htimeline-list li:nth-child(5) {
	    left: 118px;
	    width: 166px;
	    top: 464px;
	    display: none;
	}
	.htimeline-list li:nth-child(7) {
	    left: 118px;
	    width: 166px;
	    top: 464px;
	}

	.htimeline-list li:nth-child(9) {
	    left: 63%;
	    width: 175px;
	    top: 464px;
	}

	.horizontal-timeline-area {
	    margin-top: 50px;
	    margin-bottom: 350px;
	}
	
	.dis-none{
		display:block;
	}
	.dis-none {
	    top: 432px !important;
	}
	.page_title h1, .top-page-title{
		font-size: 5em !important;
	}
	.sus-image-block{
		height: 300px !important;
	}
	
}

@media (max-width:548px) {

	.horizontal-timeline-area {
	    margin-top: 50px;
	    margin-bottom: 550px;
	}
	
	.htimeline-box{
		width:280px;
	}
	.htimeline-box{
		left:0px;
	}
	.htimeline-list li:nth-child(2n):after {
	    bottom: -33px;
    	left: 23%;
	}
	.htimeline-list li:nth-child(2) {
	    left: 0px;
	    width: 150px;
	    top:0px;
	}
	.htimeline-list li:nth-child(4) {
	    left: 56%;
	    width: 140px;
	    top: -17px;
	}
	.htimeline-list li:nth-child(6) {
	    left: 0px;
	    width: 151px;
	    top: 187px;
	}
	.htimeline-list li:nth-child(8) {
        left: 175px;
	    width: 122px;
	    top: 186px;
	}

	.htimeline-list li:nth-child(8):after {
	    display:none;
	}
	.htimeline-list li:nth-child(6):after {
	    display:none;
	}


	.htimeline-list li:nth-child(8):before {
	        content: "";
		    background-image: url("../img/timeline-button.png");
		    background-repeat: no-repeat;
		    -webkit-background-size: 100% 100%;
		    background-size: 100% 100%;
		    background-position: center center;
		    display: block;
		    width: 20px;
		    height: 35px;
		    position: absolute;
		    top: -35px;
			left: 50%;
	}
	.htimeline-list li:nth-child(6):before {
	        content: "";
		    background-image: url("../img/timeline-button.png");
		    background-repeat: no-repeat;
		    -webkit-background-size: 100% 100%;
		    background-size: 100% 100%;
		    background-position: center center;
		    display: block;
		    width: 20px;
		    height: 35px;
		    position: absolute;
		    top: -35px;
			left: 50%;
	}

	.htimeline-list li:nth-child(2n+1) {
	    top: 624px;
	    left: 0px;
	}

	.htimeline-list li:nth-child(3) {
	    left: 59%;
	    width: 128px;
	}
	.htimeline-list li:nth-child(5) {
	    left: 86%;
	    width: 135px;
	}
	.htimeline-list li:nth-child(7) {
	    left: 0px;
	    width: 160px;
	    top: 422px;
	}

	.htimeline-list li:nth-child(7):before {
	        display:none;
	}
	.htimeline-list li:nth-child(7):after {
	        content: "";
		    background-image: url("../img/timeline-button2.png");
		    background-repeat: no-repeat;
		    -webkit-background-size: 100% 100%;
		    background-size: 100% 100%;
		    background-position: center center;
		    display: block;
		    width: 20px;
		    height: 35px;
		    position: absolute;
		    bottom: -35px;
			left: 50%;
	}
	.htimeline-list li:nth-child(9):before {
	        display:none;
	}
	.htimeline-list li:nth-child(9):after {
	        content: "";
		    background-image: url("../img/timeline-button2.png");
		    background-repeat: no-repeat;
		    -webkit-background-size: 100% 100%;
		    background-size: 100% 100%;
		    background-position: center center;
		    display: block;
		    width: 20px;
		    height: 35px;
		    position: absolute;
		    bottom: -35px;
			left: 50%;
	}



	.htimeline-list li:nth-child(9) {
	    left: 60%;
	    width: 127px;
	    top: 366px;
	}
	
	.dis-none{
		display:block;
	}
	.dis-none {
	    top: 594px !important;
	}
	.the_case .main-heading{
		font-size: 35px;
	}
	.case_study_main_case{
		padding: 30px !important;
	}
	.vision-text{
		padding-left: 10px;
		padding-right: 10px;
		width: 85%;
	}
	.tab-link a{
		font-size: 15px;
		color:#c7c7c7 ;
	}
}

.chem_landing_footer_css .widget-type-raw_html{
    width:20% !improtant;
}
.chem_landing_footer_css .widget-type-raw_html h3{
   font-family: "Bebas Neue";
    font-size: 25px;
    color:#fff;
}
.chem_landing_footer_css .widget-type-raw_html h3 a{
   
    font-size: 22px;
    color:#fff;
    text-decoration:none;
}
.chem_landing_footer_css .widget-type-raw_html ul li{
   margin-left:-25px;
   color:#fff;
}
.chem_landing_footer_css .widget-type-raw_html ul li a{
   text-decoration:none;
   color:#fff;
    font-family: "arial";
}
.chem_landing_footer_css input{
   background:#248ec2;
   color:#fff;
   padding:3px;
   margin-bottom:10px;
   border:none;
  
}
.chem_landing_footer_css input.hs-button{
   border:none;
   padding:10px 20px;
    background:#638d3d !important;
    text-transform:uppercase;
   margin-left:36%;
  
}
.chem_landing_footer_css .widget-type-raw_html .hs-form-required{
   display:none;
}
.chem_landing_form .hs_cos_wrapper_type_linked_image ,
.chem_landing_form img.hs-image-widget ,
.chem_landing_form_two img.hs-image-widget{
    width:100% ;
}
.ctt_icon_with_text img.has-image-widget{
    width:80px !important;
}

.chem_landing_form .chem_landing_left_img img{
    margin-top:160px;
}


.chem_landing_form input{
    background: #6886b8;
    border: 0;
    width: 100%;
    font-size: 18px;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 5px;
}
.chem_landing_form label{
    color:#000;
    font-size:16px;
    font-family:"arial";
    padding-bottom:10px;
}

.chem_landing_form .hs-button{
    color:#fff;
    text-decoration:none;
    padding:10px 20px;
    font-size:22px;
    background:#2c5698;
    font-family:"arial";
    position:relative;
    top:30px;
}
.chem_landing_form .chem_landing_center_rich_text{
    color:black !important;
    margin-top: 19px;
    font-size: 18px;
    padding-bottom: 30px;
}
.ctt_landing_two_green_icon{
    margin-bottom:25px;
}
.ctt_landing_two_green_icon img{
    margin-left:90px;
}
.ctt_landing_two_green_icon .widget-type-rich_text{
    color:#7fab79 !important;font-size:24px;font-family:'bebas neue';
    line-height:1.1em;
}

@media(min-width:1380px){
    .wt_product_slide .narrow_pad img{
        max-width:550px;   
    }
}
@media( min-width:1360px){
    .about_top_section{
        background-size: 100% 100%;
    }
}
@media(max-width:1279px){
    .twenty_percent{
        width: 30%;
    }
    .water_treatment_industries_slide{
        padding-left: 20px !important;
    }
    .home_wt_indus_img img{
        height: 96px;

    }
    .wt-case-hidden-slide{
        padding-top:20px;
    }
    .wt-case-box{
        padding: 3px !important;
    }
    .wt-case-box .industries_block >img{
        height: 156px;
        width: 100%;
    }
    .cars_boxes .wt-case-box .industries_block >img{
    	height:auto;
    }
    .pius_soty_with_logo h1{
        font-size: 4.3em;
    }
}
@media(max-width: 979px){
    .pius_soty_with_logo img{
        width: 60%;
    }
    .pius_soty_with_logo h1{
        font-size: 3.4em;
    }
    .cars_boxes{
		padding:0px !important;
		padding-top:10% !important;
	}
}
@media(max-width:801px){
    
    .home_top_heading{
        font-size: 5.5em;
    }
    .home_top_para{
        font-size: 18px;
    }
    .ej_accordian a.fig_btn{
        font-size: 20px;
    }
    
    .chem_larg_overlay .fig_heading_big {
        font-size: 2.6em;
    }
    .chem_larg_overlay .fig_para{
        font-family: HelveticaNormal;
        font-size: 16px !important;
        line-height: 1.2em;
        margin-top: 20px;
    }
    .chem_larg_overlay .fig_para br{
        display: none;
    }
    .footer_inline{
        margin-top: -100px;
    }
    .blog .blog-content {
        width:100% !important;
        padding:20px;
    }
    .blog .blog-sidebar{
        width:100% !important;
    }
}
@media(max-width:769px){
    
    .footer_inline p a{
    border:0px;
    
    }
    .pius_soty_with_logo p{
        text-align: center;
    }
    .pius_soty_with_logo h1{
        text-align: center;
    }
    .page-headline{
        font-size: 2.4em;
    }
    .stpius_content{
        padding: 10px !important;
    }
    .heading_xl{
        font-size: 2.4em;
    }
    .contact-us-header .page-headline{
        font-size: 2.4em;
    }
}

@media(max-width:767px){
    .twenty_percent{
        width: 50%;
       
    }
    .chem_small_box{
        display: none;
    }
    .home_top_heading{
        font-size: 2.5em;
    }
    .home_top_para{
        display: none;
    }
    
}

@media(max-width: 640px){
    .my-tooltip{
        width: 98vw;
        left: 0px !important;
    }    
    .chem_landing_form .widget-span,
    .chem_landing_form_two .widget-span{
        width:100% !important;
        padding:20px !important;
    }
    .chem_landing_form img.hs-image-widget{
        margin-top:10px;
    }

}

@media(max-width:500px){
    .twenty_percent{
        width: 100%;   
    }

    .tabs-list > ul > li {
    	padding-left:5px;
    	padding-right:0px;
    	font-size:14px;
    }
     
}