3/*
----------------
Css Name: Cavisson Custom Style
Description: Created custom style for website of cavisson!.
Version: 3.0.1
Author: Saurabh Mathur -Admin WebMaster
Created by Cavisson.com, Copyright 2023.
-------------------
 */

@media screen and (min-width: 1200px)
{
.about_page { width:100%;   padding:8em !important;    background-image:url('https://localhost/wp/wp-content/uploads/2016/05/cavi_about.jpg'); min-height: 350px;  }
.aboutp{ padding: 20px 0 0 !important;}
.about_page .page_heading{color: #e6e6e6;font-size: 2.5em;width:75%; font-style:italic;float: left; text-shadow: 2px 2px 2px #000;}
.page_heading{  color: #fff; font-size: 30px; line-height: 48px;  width:75%; font-style:italic; float: left;}
.contact_page { width:100%;   padding : 8em 12em;   min-height: 350px;    background-image:url('https://www.cavisson.com/wp-content/theme/onetone/images/cavi_contact.jpg');    }
.col-lg-4 { width: 32%; }
/*.bio-wrap {  min-height: 545px !important;}*/
.bio-wrap p { min-height: 33px; }
.leadership_page .leadership-heading{	width: 50%; padding: 2.5em 3.5em !important; margin: 0; font-size: 2.5em !important; font-style:italic;float: left; text-shadow: 2px 2px 2px #000;}
}

@media screen and (max-width: 768px)
{
.all_page{   padding: 3em !important;   }
.all_page h3{ color: #fff;   font-size: 1.7em !important;   font-weight: lighter;   padding: 0.5em!Important;}
.avatar-wrap img {  width: 140px !important; }
}

/*---------------------BreadCrub-------------------------
.page-title-bar {
	background: #f7f7f7 !important;
	padding: 10px 0 8px !important;
}*/


 
/*-------------------------Start About Cavisson Page CSS---------------------------*/
.about_page { width:100%;   padding : 6em 3em;    background-image:url('https://staging.cavisson.com/wordpress/wp-content/themes/onetone/images/cavi_about.jpg'); }
.about_page  .page_heading{  color: #e6e6e6;font-size: 2em; text-shadow: 2px 2px 2px #000;}
.aboutp{ padding: 20px 0 0;}
.aboutpage_div{
	padding: 10px !important; background: #f3f3f3;border-radius: 4px;text-transform: uppercase;
	margin: 4px 8px !important; width: 96% !important;font-style: italic;
}

/*-------------------------End About Cavisson Page CSS---------------------------*/

/*-------------------------Start Service Page CSS---------------------------*/
.all_page{
    		    width: 100%;
		    background: #515253;
		    color: #fff;
		    /* display: inline-flex; */
		    text-align: center;
		    padding: 4em;
   }
.all_forms{
    		    width: 100%;
		    background: #4483a4;
		    color: #fff;
		    text-align: center;
		    padding: 5em;
   }

.all_page h3{
		    color: #fff;     font-size: 2.5em;
		   /* font-family : "Myriad Pro Light" ,  sans-serif;*/
		    font-weight: lighter;    
}
.consulting-right{
	text-align:right;font-size: 1.5em;margin: 0 0 1em;padding: 1em;  border-bottom: 1px #e6e6e6 dashed;  color: #616161;
} 
.consulting-left {
	text-align:left; font-size: 1.5em;margin: 0 0 1em;padding: 1em;  border-bottom: 1px #e6e6e6 dashed;  color: #616161;
} 
.monitoring-features {
	 background: #E8F5E9;   padding: 1em 2em;  font-size: 14px;  color: #607D8B;
}

/*-------------------------End Service Page CSS---------------------------*/

.nsu-form input[type=text], .nsu-form input[type=email], .nsu-form input[type=tel], .nsu-form input[type=url] {
	/*height: 34px !important;*/
	width:90%;
	padding: 0 8px;
	background: transparent !important;
	border: 1px #616161 solid;
	border-radius: 4px;
}
.nsu-form input[type=submit], .nsu-form button {
		display:block;
		background: #FF9800;
		border: 0px #fff solid;
		border-radius: 4px;
		padding: 8px 16px;
		color: #000;
}
/*-------------------------Start Widget Footer CSS---------------------------*/

/*-------------------------End Widget Footer CSS---------------------------*/

/*-------------------------Start Contact Page CSS---------------------------*/
.contact_page { width:100%;   padding : 10em;      background-image: url('https://www.cavisson.com/wp-content/themes/onetone/images/cavi_contact.jpg');        }
.contact_page  .page_heading{  color: #e6e6e6;font-size: 2em; text-shadow: 2px 2px 2px #000; margin: 0px;}

/*-------------------------End Contact Page CSS---------------------------*/


/*-------------------------Start Mega Menu CSS---------------------------*/
.textwidget {
	/*border-bottom: 2px #c00 solid !important;
	width:18% !important;*/
/*	margin: 0 10px !important;*/
}
#mega-menu-wrap-home_menu #mega-menu-home_menu > li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
	padding: 0 12px;
}

#mega-menu-wrap-home_menu #mega-menu-home_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	margin: -10px 15px !important;
}
/*-------------------------End Mega Menu CSS---------------------------*/

/*----------------------------Leadership page Start----------------------------------*/
.leadership_page{
    		    width:100%;
		    color: #fff; 
		    display: inline-flex;
background: #4b9ab8;
background: -moz-linear-gradient(top,  #4b9ab8 82%, #4b9ab8 82%, #4483a4 82%, #4483a4 92%, #4483a4 92%, #4483a4 94%, #4483a4 94%, #4483a4 95%, #4483a4 95%, #4483a4 97%, #4483a4 97%, #4483a4 98%, #4483a4 100%);
background: -webkit-linear-gradient(top,  #4b9ab8 82%,#4b9ab8 82%,#4483a4 82%,#4483a4 92%,#4483a4 92%,#4483a4 94%,#4483a4 94%,#4483a4 95%,#4483a4 95%,#4483a4 97%,#4483a4 97%,#4483a4 98%,#4483a4 100%);
background: linear-gradient(to bottom,  #4b9ab8 82%,#4b9ab8 82%,#4483a4 82%,#4483a4 92%,#4483a4 92%,#4483a4 94%,#4483a4 94%,#4483a4 95%,#4483a4 95%,#4483a4 97%,#4483a4 97%,#4483a4 98%,#4483a4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b9ab8', endColorstr='#4483a4',GradientType=0 );
}
.leadership_page  .leadership-heading{
			width: 50%; 
			padding: 1em;
			font-size: 2em;
}
.leadership_page .imgdiv{
	 width:82%;
}
.avatar-wrap img{
  width: 120px;  
  -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

.avatar-wrap img:hover{
   -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);

}

.bio-wrap {
	  margin: 0 0.3em 0;
      border: 1px #d2d2d2 solid;
	  min-height: 220px;
      margin-bottom: 0 !important;
      text-align: center;   
	 /* box-shadow: 0 0 4px 1px #b5b5b5;*/
      -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
	-moz-transition-duration: 0.5s; /*Mozilla duration version*/
	-o-transition-duration: 0.5s; /*Opera duration version*/
}
.bio-wrap:hover {
box-shadow:0px 0px 20px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 20px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 20px gray; /*Mozilla shadow version*/
opacity: 1;
background: #fff;
cursor: pointer;
}
.bio-wrap p:hover {
  /*font-size: 12px;*/
  color: #000; margin-bottom: 5px;
}


/*.anil{border-top: 0px #52D6E7 solid;}*/
.anil_link a {  color:  #1992f3;}

/*.sunil{ border-top: 0px #c00 solid;}*/
.sunil_link a {  color:  #c00;}

/*.neeraj{border-top: 0px #6BD69C solid;}*/
.neeraj_link a {  color:  #6BD69C;}

/*.vipin{ border-top: 0px #FF5722 solid;}*/
.vipin_link a {  color:  #FF5722;}

/*.sandeep{border-top: 0px #009688 solid;}*/
.sandeep_link a {  color:  #009688;}

/*.ram-p{border-top: 0px #5E35B1 solid;}*/
.ram-p_link a {  color:  #5E35B1;}

/*.shashank{border-top: 0px #ac17c5 solid;}*/
.shashank_link a {  color:  #ac17c5;}

/*.sanjay{border-top: 0px #292726 solid;}*/
.sanjay_link a {  color:  #292726;}

/*.david{ border-top: 0px #e4d33a solid;}*/
.david_link a {  color:  #e4d33a;}

/*.vijay{ border-top: 0px #283593 solid;}*/
.vijay_link a {  color:  #283593;}

.bio-wrap h2{
	font-size: 20px;
	/*margin: 8px 0 12px !important;*/
	line-height: 0.5;
}
.round {
    border-radius: 100% !important;
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,.2) !important;
    margin: 5px 0 0 !important;
}
.bio-wrap h4{
	  margin : 6px 0 4px !important;
	  font-weight: 500;
	  color: #929292 ;/*#00a0d1;*/
	  text-transform: uppercase;
	  font-size: 14px;
	  line-height: 1.2 !important; 
}
@media (min-width: 1200px){
.col-lead {
	width:24% !important;l
}}

.bio-wrap p {
  font-size: 13px; text-align: left;
  color: #737373; margin-bottom: 5px;
}
.links-wrap {
   /*background-color: #00a0d1;
   background-color: rgba(0, 160, 209, 0.9);
   height: 48px; 
   position: absolute; */
  bottom: 0;
  padding: 0 30px;
  display: inline-flex;
  /* border-top: 5px solid rgba(0, 160, 220, 0.9); */
  text-align: center;
  /* box-shadow: 1px 1px 20px 2px rgba(0, 0, 0, 0.3); */
}
.links-wrap a span {
  display: none; visibility:hidden;
}
.links-wrap a {
  font-size: 2em;
  /*color: #c00;*/
  margin-right: 20px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.links-wrap a:hover {
  opacity: .8;
  -webkit-transform: scale(2, 2) rotate(5deg);
          transform: scale(2, 2) rotate(5deg);
}
/*----------------------------Leadership page End----------------------------------*/


/*----------------------------Product Why page Start----------------------------------*/
.y-product {
	 background: #f5f5f5;
	 padding: 3px 10px 2px;
}
.y-product li {
    padding: 5px 0 5px;
}
.caps li {
    padding: 5px 0 5px;
}
.tabs{}

.tabs ul li { padding: 8px 0;  list-style-type: circle;}
.tabs ul li ul li { padding: 0px !important;}
.tab-content {
	padding: 15px!important;
}
#tab_container {
	margin-top: -30px;
}
.txtcen {
	text-align:left;
	padding: 0 40px;
	color: #11248c;
	font-style: italic; 
	font-size: 13px;
}
.txtcen1 {
	text-align:center;
	/*padding: 0 40px;*/
	color: #11248c;
	font-style: italic; 
	font-size: 16px;
}

.side-accor {
	margin-top: 30px;
}
.accor-content1, .accor-content2 {
	 text-align: center;
}
.accor-content1 a, .accor-content2 a {
            display: flex;
}

.accor-content1 a, img : hover {
	  -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}
/*----------------------------Product Why page End----------------------------------*/


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	margin-bottom: 4px;
}
/*----------------------------Common page Start----------------------------------*/
.product_page{
    		    width:100%;
    		    /*min-height: 158px;*/
		    background: #515253; /*#4483a4; #81B149;*/ 
		    color: #fff; 
		   /* display: inline-flex; */
		    padding: /*3em;*/ 3em;
		        text-align: center;
}
.product_page h3{
		    color: #fff;     font-size: 2em;
		   /* font-family : "Myriad Pro Light" ,  sans-serif;
		    font-weight: lighter;    padding: 2em;*/
}
.new-btn {
    text-align: center;
     padding: /*3em;*/ 1em;*/
}
.new-btn .btn-success{

}
.new-btn .btn-default{
     background: transparent;
     color: #f9f9f9;
}
.new-btn .btn-primary{
     background: #03A9F4;
     color: #f9f9f9;
     border: 1px #03A9F4 solid;
}
.new-btn .btn-primary:hover{
     background: #0288D1;
     color: #f9f9f9;
     border: 1px #0288D1 solid;
}

.new-btn a.btn {
    margin: 0 8px;
    /*padding: 8px 12px;*/
}
hr {
	 margin: 5px 0 !important;
}
.logo-c {
	font-size: 18px;
}
 .perk-image {
	text-align:center;
	font-size: 14px;
}
.flipbox-content {
	height: 205px !important;
}
.customers{
	 margin: 15px 0; 
}
body .social-links li .social-icon {
	 margin-left: 6px;
}
body .social-icon:after {
    -webkit-box-shadow: 0 0 0 1px #444 !important;
    -moz-box-shadow: 0 0 0 1px #444 !important;
    -ms-box-shadow: 0 0 0 1px #444 !important;
    -o-box-shadow: 0 0 0 1px #444 !important;
    box-shadow: 0 0 0 1px #444 !important;
}

body .social-icon:hover:after,
body .social-icon:focus:after {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0.5;
}

section.home-section-3 .home-section-content, section.home-section-3 p {
	color: #404040; 
	font-size: 16px;
}

.magee-feature-box.style1 h3 a.testing{
	color: rgb(40, 40, 40);
    font-size: 22px;
    font-weight: 500; 
}
.magee-feature-box.style1 h3 a.testing:hover {
	    -webkit-transform: scale(0.84);
    -moz-transform: scale(0.84);
    -ms-transform: scale(0.84);
    transform: scale(0.84);
    opacity: 0.8;
	font-weight: 700; 
	 color: #EE7109;

}
.magee-feature-box.style1 h3 a.mon {
	color: rgb(40, 40, 40);
    font-size: 22px;
    font-weight: 500; 
}
.magee-feature-box.style1 h3 a.mon:hover {
	    -webkit-transform: scale(0.84);
    -moz-transform: scale(0.84);
    -ms-transform: scale(0.84);
    transform: scale(0.84);
    opacity: 0.8;
	font-weight: 700; 
	 color: #90BB24;

}
.feature-content p a{
	color: #e0e0e0 !important;
}
.nsu-form p label {
	display:none;
}

.site-info {
	color: #c5c7c9 !important;
}
.at-glance {

}
.at-glance p{
	text-align: center;
	margin-bottom:5px;
}
.at-glance h3 {
	color: #989898;
	line-height:1.5;
	text-align: center;
	margin-top:0;
	font-weight: 300;
    font-size: 22px;
}
.at-glance h4 {
	/*color: #4FC3F7;*/
	text-align: center;
	font-size:18px;
	line-height:1.5;
	margin: 0;
}
.y-cavi h4{ margin: 0;}
 
blockquote cite, blockquote small {
	color: #1565C0 !important;
	font-size: 20px !important;
	font-weight: 400;
	line-height: 1.5;
	font-style: normal !important;
}
.banner-h2 {
	 text-shadow: 0px 2px 2px #383838;
	  -webkit-text-shadow: 0px 2px 2px #383838;
	   -moz-text-shadow: 0px 2px 2px #383838;
}
.popup-content-pad h4{
	text-align: center !important;
}
.leadershiptab-height {
	/*min-height: 5em;*/
}

.help-block {
	font-size:10px !important;
	margin-top: 0 !important;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]
{
	margin-top: 6px;
}
.checkbox, .radio
{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.checkbox label, .radio label 
{
/*	padding-left: 40px !important;*/
}
.popup-content {
	height: 600px !important; 
}


.termuse > h3{
	font-size: 18px;
	line-height: 1.1;
	/*background: #EF5350;*/
	color: #424242; margin: 0;
	padding: 6px;
	border-bottom: 1px #ccc solid; 
}
.termuse > p{
	font-size: 13px;
	line-height: 18px;
	padding: 7px;
}

/*----------------------------Common page End----------------------------------*/

/*-------------------------Product Slider Product Page-------------------------------------*/


/*-------------------------End Product Slider Product Page-------------------------------------*/
img.site-logo {
	width: 200px !Important;
}

/*-------------------------Why Product Page Image Effects---------------------------------*/
.liftup{
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0; 
    border: 2px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 8px 15px -1px #696969;opacity: .95;
}
.liftup:hover {`
        opacity: 1;
	-webkit-transform: scale(1.1,1.1) rotate(0deg);
	transform: scale(1.1,1.1) rotate(0deg);
	-webkit-transition: all 2s;
	 transition: all 2s;
         border: 0px solid #696969;
}
.col-lg-12 {border: 0px #c00 solid;}
.pad-top {padding-top: 3em; padding-left: 1em;  padding-right: 1em;    color: #424242;font-weight: 300;line-height: 1.4;letter-spacing: 0.5px;     font-size: 25px;}
.pad-top2 {padding-top: 1em; padding-left: 1em;  padding-right: 1em;  color: #424242;font-weight: 300;line-height: 1.4;letter-spacing: 0.5px;    font-size: 25px; }

.headerbtn {
   width: 100%;
    text-align: right;
}
.dwnbrochure {
    margin-right: 8em;
    margin-top: -1px;
    position: relative;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top: 1px #515253 solid;
	background: #ddd;
    box-shadow: 0.2px 2px 0.5px #777;	
}
.main-header.sticky-element-original.element-is-sticky {
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.69) !important;
}
.main-header {
		width: 100%!important;
		background:  rgb(254 254 254 / 0.98) !important;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item{
	 margin: 1px !important;
}

.fxd-header {
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.69) !important;
}

#back-to-top {
	background: rgba(255, 255, 255, 0.56) !important;
}


/*--------------Responsive Menu -----------------*/
@media only screen and (max-width: 800px) {
#mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary {
    display: none;
}
.support {  padding: 0.5em 2em !important;}

}
@media only screen and (max-width: 1025px) {
.mob-menu-left-panel .mobmenu-left-bt, .mob-menu-right-panel .mobmenu-right-bt {
    top: 0px;
    text-align: right;
    font-size: 30px;
    width: 100%;
    background: #e8e8e8;
}
}

@media only screen and (max-width: 1025px) {
.mob-menu-slideout-over .mobmenu_content {
    padding-top: 62px !important;
}
.logo-left .site-nav {
    display: none !important;
}
}


/********************Contact Us-------------------*/
.red {color:#D14236;}
.green { color: #72BA4D; }
.blue {color: #3C8FBB;}
.pink{ color: #ff00fc;}
.orange{ color: #fa9301;}
.support {
    background: #252525;
    padding: 1em 10em 8em;
}
.support h6 {
	text-align: center;
}
.support h6 a{
    font-size: 16px;
    color: #efefef;
}
.support h5{
    font-size:16px;
	color: #4cafaf;
}
.support-color {
	color: #fff;
	border-right: 1px #dcdcdc solid;
}
.supportbtn {
   border-right: 0px #dcdcdc solid;
}


/*--------------------Footer Widget Area------------------*/
.footer-widget-area {
    background-color: #080808; /*#f1f1f1;*/
}
.footer-widget-area .widget-title {
    color: #fff;
}
.widget-box a {
    color:  #aaaaaa; /*#002b2d;*/
	font-size:14px;
}
.widget-box a:hover{
    color: #fff;
	font-size:14px;
}


.widget-box li {
    padding: 5px 3px !important;
}

.wpsw-social-links li a .social-icon.sicon-facebook {  color: #3A5BA2 !important; background: transparent !important;}
.wpsw-social-links li a .social-icon.sicon-twitter { color: #1EBEF0 !important; background: transparent !important;}
.wpsw-social-links li a .social-icon.sicon-linkedin {	 color: #007AB9 !important; background: transparent !important;}
.wpsw-social-links li a .social-icon.sicon-google { color: #CF472E !important; background: transparent !important;}
.wpsw-social-links li a .social-icon.sicon-instagram { color: #4f59cc !important; background: transparent !important;}
.wpsw-social-links li a .social-icon.sicon-youtube { color: #E42020 !important; background: transparent !important;}


/*-----------------------Timeline for Newsroom----------------*/

.timeline{
  margin-top:20px;
  position:relative;
  
}
.timeline p{
  margin : 0px; 
}

.timeline:before{
  position:absolute;
  content:'';
  width:4px;
  height:calc(100% + 50px);
background: rgb(138,145,150);
background: -moz-linear-gradient(left, rgba(138,145,150,1) 0%, rgba(122,130,136,1) 60%, rgba(98,105,109,1) 100%);
background: -webkit-linear-gradient(left, rgba(138,145,150,1) 0%,rgba(122,130,136,1) 60%,rgba(98,105,109,1) 100%);
background: linear-gradient(to right, rgba(138,145,150,1) 0%,rgba(122,130,136,1) 60%,rgba(98,105,109,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a9196', endColorstr='#62696d',GradientType=1 );
  left:14px;
  top:5px;
  border-radius:4px;
}

.timeline-month{
  position:relative;
  padding:4px 15px 4px 35px;
  background-color:#444950;
  display:inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  width:auto;
  border-radius:40px;
  border:1px solid #17191B;
  border-right-color:black;
  margin-bottom:30px;
}

.timeline-month span{
  position:absolute;
  top:-1px;
  left:calc(100% - 10px);
  z-index:-1;
  white-space:nowrap;
  display:inline-block;
  background-color:#111;
  padding:4px 10px 4px 20px;
  border-top-right-radius:40px;
  border-bottom-right-radius:40px;
  border:1px solid black;
  box-sizing:border-box;
}

.timeline-month:before{
  position:absolute;
  content:'';
  width:20px; 
   height:20px;
background: rgb(138,145,150);
background: -moz-linear-gradient(to bottom, #43A047 0%,#4CAF50 60%,#66BB6A 100%);
background: -webkit-linear-gradient(to bottom, #43A047 0%,#4CAF50 60%,#66BB6A 100%);
background: linear-gradient(to bottom, #43A047 0%,#4CAF50 60%,#66BB6A 100%);
  border-radius:100%;
  border:1px solid #17191B;
  left:5px;
  top: 10px;
}

.timeline-section{
  padding-left:35px;
  display:block;
  position:relative;
  margin-bottom:30px;
}

.timeline-date{
  margin-bottom:15px;
  padding:2px 15px;
  background:linear-gradient(#74cae3, #5bc0de 60%, #4ab9db);
  position:relative;
  display:inline-block;
  border-radius:20px;
  border:1px solid #17191B;
  color:#fff;
text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}
.timeline-section:before{
  content:'';
  position:absolute;
  width:30px;
  height:1px;
  background-color:#444950;
  top:12px;
  left:20px;
}

.timeline-section:after{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  background:linear-gradient(to bottom, rgba(138,145,150,1) 0%,rgba(122,130,136,1) 60%,rgba(112,120,125,1) 100%);
  top:7px;
  left:11px;
  border:1px solid #17191B;
  border-radius:100%;
}

.timeline-section .col-sm-4{
  margin-bottom:15px;
}

.timeline-box{
  position:relative;
  /*border-top-left-radius:0px;
  border-bottom-right-radius:0px;*/
  border-radius: 6px;
  border:1px solid #dedede;
  transition:all 0.3s ease;
  overflow:hidden;
  box-shadow: 0 0 1px 1px #ececec;
}
.timeline-box .latest{
  position:relative;
  /*/
 background-color:#444950;*/
  border-radius:15px;
  border-top-left-radius:0px;
  border-bottom-right-radius:0px;
  border:1px solid #8a8a8a;
  transition:all 0.3s ease;
  overflow:hidden;
  box-shadow: 0 0 1px 1px #c7c7c7;
}

.box-icon{
  position:absolute;
  right:5px;
  top:0px;
}

.box-title{
    padding: 15px;
    border-bottom: 1px solid #e2e2e2;
    background: #fdfdfd; 
    color: #1D5290;
    font-size: 16px;
	font-weight: 600;
}
.latest {
	    background: beige;
}

.box-title i{
    margin-right:5px;
    color: #53B771;
    font-size: 20px;
}

.box-content {
    padding: 20px 10px;
    line-height: 20px;
    min-height: 120px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
}
.box-content a{
	color: #888;
}
.box-content a:hover{
	color: #4a4a4a;
}


.box-content strong{
  color:#666;
  font-style:italic;
  margin-right:5px;
}

.box-item{
  margin-bottom:5px;
}

.boxtime-footer{
  border-top: 1px solid #f5f5f5;
  /*background-color:#444950;*/
  text-align:right;
  font-style:italic;
  height: 23px;
}


/*------------Ends timeline code--------------------*/

p {
    letter-spacing: 0.5px;
    font-size: 14.2px;
}

h3 {
    font-size: 26px;
}

div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
    min-height: 200px;
}

.testimonial-center {
	text-align: center;
    font-size: 1.35em;
    color:#565656;
	font-style: italic;
}
.testimonial-center span {
	text-align: left;
    font-size: 0.9em;
	font-style: italic;
    color:#184b85;
}
/*-------------New added for banner height -----------*/
#onetone-owl-slider .owl-item .item>img {
    min-height: auto !important;
}
.wpforms-form textarea {
	min-height : 200px !important;
}

/*---------------Truss Page CSS-------------*/
.trusscon>a>img {
    width: 80px;
    height: 80px;
}
.magee-feature-box.truss h3 a {
    font-weight: 400;
    font-size: 20px;
}
.truss-heading {
	padding: 1em 6em 1.4em;
	background: #f9f9f9;
}

.modalbg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 99999;
  -moz-transition: all 2s ease-out;
  -webkit-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -transition-delay: 0.2s;
  display: block;
  pointer-events: none;
}
.modalbg .dialog {
  width: 40%;
  position: relative;
  top: -1000px;
  min-height: 30%;
  margin: 12% auto;
  padding: 5px 20px 13px 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #fff;
  background: -moz-linear-gradient(#fff, #ccc);
  background: -webkit-linear-gradient(#fff, #ccc);
  background: -o-linear-gradient(#fff, #ccc);
  box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -webkit-box-shadow: 0 0 10px #000;
}
.modalbg .dialog .ie7 {
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=3);
}
.modalbg:target {
  display: block;
  pointer-events: auto;
  background: rgba(4, 10, 30, 0.58);
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.modalbg:target .dialog {
  top: -20px;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -transition-delay: 0.4s;
}
.modalbgclose {
     background: #606061;
    color: #FFF;
    position: absolute;
    right: -8px;
    text-align: center;
    top: -4px;
    height: 20px;
    width: 20px;
    text-decoration: none;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -transition-delay: 0.2s;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    opacity: 1.0; 
}
.close .ie7 {
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=3);
}
.close:hover {
  background: #00d9ff;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.trusscon>a>img:hover{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 1s ease;
}


.fineprint {
  font-style: italic;
  font-size: 10px;
  color: #646;
}
.devops-heading {
	margin-top: -20px;
	border-bottom: 1px #f3f3f3 solid;
	padding-bottom: 5px;
	color: #1d5290;
}

/*-------------------------Truss Training----------*/
.training-innertextheading{
	font-size: 13px;
}
.training-innertext{
	font-size: 12px;
}

/*-------------------TOP BAR CSS--------------*/
#tpbr_box{line-height: 26px !Important;}
.cav-top-bar {    color: #666;    font-size: 12px;}
.cav-top-bar-left{		float: left;     padding-left: 5.2em;}
.cav-top-bar-rght{		float: right;    padding-right: 5.2em;}
.cav-top-bar-rght span{		margin:0 10px;}

/*-------------------SAP HANA PAGE------------------*/
.db-functions{ text-align: center;  padding: 10px 0;}
.db-functions h3{font-size: 16px;color:#4c4c4c;}
.pad-topsap{padding-top: 2.5em; padding-left: 1em; padding-right: 1em; color: #424242;   font-weight: 300;    line-height: 1.4;    letter-spacing: 0.5px;    font-size: 18px;}
.sap-cap{color: #424242;   font-weight: 300;    line-height: 1.4;      font-size: 18px;}
.saptable-pad {padding-top:10em;}
.saptable-pad1 {padding-top:2em;}

/*-----------------COMMON TABLE--------------*/
.com-table {
	width: 100%;
}
.com-table th{
	text-align:center;
	font-weight: 600;
	background:rgba(210, 210, 210, 0.75);
}
.com-table td a{
    text-decoration: underline;
	color: #1565C0;
	font-weight: 600;
}
.com-table td a:hover{
    text-decoration: none;
	color: #1565C0;
}
.com-table tr:nth-child(even) {background-color:  #fbfbfb;}
.com-table tr:nth-child(odd) {background-color: #fff;}
.txt-right {text-align: right;}
.txt-left {text-align: left;}
.txt-center {text-align: center;}
.para-margin { margin-bottom: 10px;}

/*----------------------------------Other Header---------------*/
.small-head {
	width: 100%;
    background: #555758;
    color: #fff;
    text-align: center;
    padding: 4em;
}
.small-head h3 {
    color: #fff;
    font-size: 2em;
    font-weight: lighter;
    font-style: italic;
}
/*----------------Without Border TABLE--------------*/
table.no-border{
	border: 0px #fff solid;
}
table.no-border td{
	border: 0px #fff solid;
}

/*----------------------New Custom Code--------------------*/
/*-----------Spotlight Feature Added on 04/06/19-------*/
.spotlight-box{
    padding: 0.8em;
	margin:1px 2.38em;
	/*border: 1px #d2d2d2 solid;*/
	/*background: #fff;*/
    border-radius: 8px;
    text-align: left;
    /*box-shadow: 10px 10px 40px -15px rgba(0,0,0,0.4);*/
	overflow: hidden;
    /*transition: background-color .45s ease;*/
	transition: transform 0.3s;
    background: rgba(255,255,255,.03)!important;
    border: 0.8px solid rgba(255,255,255,.25);
	/*border: 0.8px solid #df6a0a;*/
    box-shadow: 0 0 30px 0 rgba(0,0,0,.4);
    border-radius: 5px;
		filter: grayscale(100%);
}
.spotlight-box-mon{
	 padding: 0.8em;
	margin:1px 2.38em;
    border-radius: 8px;
    text-align: left;
	overflow: hidden;
    /*transition: background-color .45s ease;*/
	transition: transform 0.3s;
    background: rgba(255,255,255,.03)!important;
    border: 0.8px solid rgba(255,255,255,.25);
	/*border: 0.8px solid #90BB23;*/
    box-shadow: 0 0 30px 0 rgba(0,0,0,.4);
	filter: grayscale(100%);
}
.spotlight-box-mon:hover {
    filter: grayscale(0%);
    transform: scale(1.15);
    transition-timing-function: linear;
    border: 1px solid #739222;
	color: #739222; /*#8cb523*/
    box-shadow: 0 0 20px 0 rgba(255,255,255,.1);
}
.spotlight-box:hover {
    filter: grayscale(0%);
    transform: scale(1.15);
    transition-timing-function: linear;
    border:  1px solid #ea6e08; /*1px solid #717171;*/
	color: #ea6e08;
    box-shadow: 0 0 20px 0 rgba(255,255,255,.1);
}
.spotlight-box h4{
   color: #cacaca;
    font-size: 12px;
    text-transform: uppercase;
	line-height: 1.6em;
	    margin: 5px 0 0px;
}
.spotlight-box-mon h4{
    color: #cacaca;
    font-size: 12px;
    text-transform: uppercase;
	line-height: 1.6em;
	    margin: 5px 0 0px;
	
}
.spotlight-box h4:hover{
   color: ea6e08;
}
.spotlight-box-mon h4:hover{
    color: #8cb523;
}
.spotlight-box-a {
	display: block;
	text-align: right;
	color: #1565C0;
}
.all-product-forms {
      margin: 4em 10em 4em;
}
.all-product-videoforms {
      margin: 4em 4em;
}
.icon-box {
    /*border: 1px #c5c5c5 solid;*/
    display: inline-block;
    /*border-radius: 50%;
    background: #fdfdfd;
    box-shadow: 0 0 4px 2px #dedede;*/
} 
@media only screen and (max-width: 768px), (max-device-width: 768px) {
	.spotlight-box{ padding: 0.8em;margin: 2em;    border-radius: 8px;    text-align: left;    box-shadow: 10px 10px 40px -15px rgba(0,0,0,0.0);   border-bottom: 1px #ccc solid;}
	.new-btn a.btn {    margin: 4px;}
	.new-btn {    text-align: center;     padding: /*3em;*/ 1em;}
	.product_page h3 {   font-size: 1.5em; }
	.all-product-forms {  margin: 0em ; }
	.all-product-videoforms {      margin: 0em;}
}
@media only screen and (max-width: 1024px)
{
	#tpbr_box {display: none !Important;}
	#tpbr_topbar{display: none !Important;}
	.col-sm-8.col-sm-offset-2 {    font-size: 16px;    padding-top: 3em;    padding: 0 5em;}
}
.pre-code{
	max-width: 100%;	overflow: auto;		padding: 10px; 	background: #f5f5f5;
	border: 1px solid rgba(0,0,0,0.1);
	font-size: 12px;	white-space: pre; 	white-space: pre-wrap;	word-wrap: break-word;
}

[class^="icon-"], [class*=" icon-"] {
    width: auto;
    height: auto;
}

.devops {border-right: 1.5px #b9b9b9 solid;padding-right: 2em; padding-left: 2em;}
.apmes{ border-right: 1.5px #b9b9b9 solid; padding-left: 2em; padding-right: 2em;}
.devops-h2{text-align:left;font-size:20px;}
.devops-h2{text-align:left;font-size:20px;}
.homebtn{    text-align: right;}
.sre {  padding-left: 3em;}
.benefits{float: left;margin: 0; margin-right: 10px;  margin-top: -8px; filter: opacity(0.8); width: 50px;}
.dei (position: absolute;)


/*************** Footer A Link*************************/
a.footernew:hover {
    color: #fff !important;
	text-decoration: underline;
}
/***************SIdeBar Documentation*********************/
.header-wrap {
    z-index: 1000;
}

.col-aside-left {
    background: #fff;
	position: fixed;
	z-index: 999;
	overflow-y: auto;
	height: 80%;
	left: 1%;
	padding: 0.8em;
	padding-top: 0px;
	border-top: 1px solid rgba(0,0,0,.1);
	box-shadow: 0 2px 5px rgba(0,0,0,.35);
	border-radius: 4px;
}
.wpdevart_menu_ul > li > div {
    border-bottom-width: 0.5px !important;
	border-bottom-color: #ccc !important;
}
.wpdevart_menu_ul > li > div > a {
    font-size: 13px !important;
    color: #282828 !important;
}
.wpdevart_menu_ul>li:hover>div>a {
    font-size: 14px !important;
    color: #000 !important;
}
.wpdevart_menu_ul > li {
    background-color: transparent !important;
}
.wpdevart_menu_ul>li:hover {
    background-color:  transparent !important; 
}
.wpdevart_menu_ul > li > div {
    padding-left: 2px !important;
}
.wpdevart_menu_ul>li.current-menu-item>div>a, .wpdevart_menu_ul>li.current-menu-ancestor>div>a {
    font-size: 14px !important;
    color: #0D47A1 !important;
}
.widget-box li {
    padding: 2px 4px !important;
}
.wpdevart_menu_ul>li.current-menu-item, .wpdevart_menu_ul>li.current-menu-ancestor {
    background-color: #eaeaea !important;
    border-radius: 4px;
}
.widget-area h2.widget-title {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 6px;
    background: #d9edf7;
    padding: 8px;
}
.wpdevart_menu_ul ul>li>div>a {
    font-size: 14px !important;
    color: #9e9e9e !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.wpdevart_menu_ul ul>li:hover>div>a {
    font-size: 14px !important;
    color: #000 !important;
	padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.wpdevart_menu_ul ul>li>div {
    border-bottom-width: .5px !important;
    border-bottom-color: #bbbbbb !important;
    border-style: dashed;
}
.wpdevart_menu_ul ul>li.current-menu-item>div>a, .wpdevart_menu_ul ul>li.current-menu-ancestor>div>a {
    font-size: 14px !important;
    color: #0D47A1 !important;
}
.wpdevart_menu_ul ul>li {
    background-color: transparent !important;
}
.wpdevart_menu_ul ul>li.current-menu-item, .wpdevart_menu_ul ul>li.current-menu-ancestor {
    background-color: transparent !important;
}
table.resource_table td { 
    font-size: 16px;
    vertical-align: middle;
    padding: 1em 0.8em;	
    border-left: 0px;
	border-right: 0;
	color: darkcyan;
}
.txt-center{text-align: center;}
table.resource_table {border: 0}
table.resource_table img{filter: opacity(0.75);}

.col-md-2.box-resource {
    min-height: 150px;
    text-align: center;
    font-size: 16px;
    padding: 2.8em 1em 0;
    margin: 1em 2em;
    vertical-align: middle;
    border-radius: 10%;
    background: #dcdcdc1c;
    box-shadow: 0 0 2px 1px #cecece;
	cursor:pointer;
}
table.resource_table a{
    font-size: 13px;
    color: #888;
;
}
table.resource_table a:hover{
    border-bottom: 1px #0D47A1 solid;
    color: #282828;
}
.col-md-2.box-resource a{
    font-size: 16px;
	color: #666;
}
.col-md-2.box-resource a:hover{
    font-size: 16px;
    box-shadow: 0 0 2px 1px #cecece;
	color: #000;
}
.col-aside-left .textwidget {
    width: 75% !important;
    font-size: 12px;
    border-bottom: 1px #afafaf solid !important;
    padding-bottom: 4px;
}
.textwidget a {
    color: #4c4c4c;
}
.textwidget a:hover{
    color: #000;
}
.col-aside-left .widget-box{
    margin-bottom: 20px;
}

.magee-animated.animated.zoomIn {
    /*  background: #fff;
      border-radius: 6px;
     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.30);
     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.30);
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.30);*/
      padding: 20px;
	  margin-top: 10px;
	  /*border-top: 2px #0b376a solid;*/
}
.feature-content a {
	color: #666;
    font-size: 16px;
    line-height: normal;
}
.magee-feature-box h3 {
    margin-top: 5px;
}
.blocks {
    border: 1px #ccc solid;
      box-shadow: 0 0 4px 1px #d6d6d6;
	  border-radius: 4px;
      padding: 2px;
}
	/*background: #fbfbfb;*/
	/*min-height: 175px;*/
}
.blocks img {
	/*box-shadow: 0 0 1px 1px #dadada;
    border-radius: 4px;*/
}/*
.blocks a{
    color: #888;
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 0.5em;
    display: inline-block;
}*/
.homebtn a {
    background-color: #1D5290;; /*#2196F3;*/
    /*border-radius: 2px;*/
}
.homebtn a {
    background-color: #1D5290;/*#2196F3;*/
	border-radius:4px;
}

.homebtn {
    text-align: right;
    /*margin-top: 0.5em;-*/
}
a.btn.btn-primary.btnmobile {
    background: #1D5290;
}
.post-pagination {
    border: 0 dashed #ccc;
    border-top-width: 0px;
    border-bottom-width: 0px;
    margin-top: 50px;
}
/*----------NS BAckup Process page-------*/
.ns_bckp li{ padding:5px 5px;}
.bg {background: #fbfbfb;}

/************Testimonials Section----------*/
.testimonials {
	text-align: left;
}
.testimonials i{
	font-size: 36px;
	text-align: center;
    color: darkcyan;
}
.testimonials h4{
	font-size: 20px;
	line-height: 1.6;
	font-style: italic;
	 color: #4a4a4a;
}
.testimonials h5{
	font-size: 18px;
	font-style: italic;
    color: darkcyan;
}
.jobs a.more-link {
    background: #E0E0E0;
    padding: 0px 10px 4px;
    border-radius: 4px;
    display: block;
    text-align: right;
}
.jobs li {
    list-style-type: none;
}
.jobs ul {
    list-style-type: none;
}

.jobs span {
   color: darkcyan;
}
a.jobs-apply-btn {
    background: #2196f3;
    font-size: 14px;
    padding: 5px;
    color: #fff;
    border-radius: 4px;
	display: none;
}

/*-------------------TroubleShoot-----------------------*/
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
 /*    margin-top: -15px;*/
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
   /* margin-top: -15px;*/
}
.panel-title {font-size: 14px;}
.panel-heading { }
#accordion p{ margin:0; font-size: 13px;   color: #505050;}
.faq-table td{ font-size: 13px;   color: #505050;}
.reason {background: #f5f5f5; font-weight: 600; width:21%}
.reason-a {background: #f5f5f5;}
.more-text { height:200px; overflow-y: auto; font-size: 12px;   color: #505050;  min-width: 631px;max-width: 631px;}
.descrip-text{ color: #2196f3 !important; font-size: 16px; font-weight: 600;}
.mar-bot{margin-bottom:0;}
#accordion .panel.panel-default {    margin-bottom: 15px;}
#accordion br {   display: none;}
#accordion hr {    height: 1.5px;}

/*------------NEW MENU ITEM ADDED------------*/
/*li#mega-menu-item-19013 a{
	    background: #2196f3 !important;
		color: #fff !important;
		border-radius: 4px !important;
        box-shadow: 0 0 1px 0px #666 !important;
}
li#mega-menu-item-19013 a:hover{
	    background: #337ab7!important;
		color: #fff !important;
		border-radius: 4px !important;
        box-shadow: 0 0 1px 0px #666 !important;
}*/
li#mega-menu-item-19013 a{
	   /* background: #e8e8e8 !important;
		border-radius: 4px !important;
		box-shadow: 0 0 1px 0.5px #ccc !important;*/
		/*color: #fff !important;*/
		font-weight: bold !important;
}
li#mega-menu-item-19013 a:hover{
	    background: #53B771!important;
		color: #fff !important;
		border-radius: 4px !important;
        box-shadow: 0 0 1px 0px #666 !important;
		font-weight: bold !important;
}
li#mega-menu-item-20145 a{
	    background: #53B771 !important;
		color: #fff !important;
		border-radius: 4px !important;
        box-shadow: 0 0 1px 0px #666 !important;
		display:none !important;
}
li#mega-menu-item-20145 a:hover{
	    background: /*#337ab7!important;*/ #368c50 !important;
		color: #fff !important;
		border-radius: 4px !important;
        box-shadow: 0 0 1px 0px #666 !important;
}
li#mega-menu-item-20494 a, li#mega-menu-item-20495 a, li#mega-menu-item-20496 a, li#mega-menu-item-20497 a, li#mega-menu-item-20500 a {
    background: #fff !important;
	border-radius: 0px !important;
    box-shadow: 0 0 0px 0px #666 !important;
}
li#mega-menu-item-20494 a:hover, li#mega-menu-item-20495 a:hover, li#mega-menu-item-20496 a:hover, li#mega-menu-item-20497 a:hover, li#mega-menu-item-20500 a:hover{
    background: transparent !important;
	border-radius: 0px !important;
	color: #ccc;
    box-shadow: 0 0 0px 0px #666 !important;
}
#mega-menu-wrap-home_menu #mega-menu-home_menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	color: #484848!Important;
}
/*
a.mega-menu-link {
    text-transform: uppercase !important;
}*/

.sticky-popup .popup-header {
    background-color: #2196f3 !important;
    border: 1px solid #2196f3 !important;
}


/*------Supported Tech----------*/

.icon-box img {
	  width: 75px;   filter: grayscale(0.85);
	/* -webkit-filter: contrast(0%); 
        filter:contrast(0%);
    -webkit-filter: grayscale(100%); 
        filter: grayscale(100%);*/
}

.icon-box img:hover {
	 width: 75px; 
	 cursor :pointer;filter: grayscale(0);
	/* -webkit-filter: grayscale(0%); 
        filter: grayscale(0%);*/
}
.new-btn a.btn {
    margin: 0 8px;
    color: #fff;
    background-color: #53B675;
    border-color: #4cae4c;
}

/*--------------Cloud Monitoring Page--------------*/
.cloud-a{ display: block; text-decoration: underline; padding-top: 0.6em;}
img.cloudplatform-img {    filter: grayscale(1);}

/*------------------Mail Chimp--------------------------*/
/* MailChimp Form Embed Code - Slim - 12/15/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; letter-spacing:.03em; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 15px; display:block; padding:0 0.4em; margin:0 4% 10px 0; min-height:32px; width:58%; min-width:130px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input.button {display:block; width:35%; margin:0 0 10px 0; min-width:90px;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

/*-------------Leadershippage------------*/
.leadership-pagesmargin{ margin:  3em 0 10em;}

.feature-content a {
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

h2.homeheadings {
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 1.25em;
    color: #4a4a4a;
}
h2.heading-testimonials {
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0em;
    color: #4a4a4a;
}

section.home-section-6 {
    background-size: cover !important;
}
section.home-section-3 {
    background-size: cover !important;
}

.icon-box {
    border-bottom: 2px solid rgb(33, 150, 243);
}
.supported-tech {
    text-align: left;font-size: 16px;  font-weight: 500;   line-height: 1.6;
}
.monitoring {
	    color: #90BB23;
}
.testing {
	    color: #ee7008;
}
.y-cavisson{
	font-size: 16px;   text-align: left;    font-weight: 500; color: #484848;
	text-shadow: 0 0 0.1px #53b675;
}
.testing-spotlight {
	 color: #c1c1c1; /*#ee7008;*/
	 margin-top:0;
}
.mon-spotlight{
	 color: #c1c1c1;  /* #90BB23;*/
	margin-top:0;
}
img.image-up-cm {
    margin-top: -4em;
}
.banner-lowertxt {
	font-size: 16px; margin-top: 0px;
}

/*-------------HomePage Slider New -----------*/
@media screen and (min-width: 768px) and (orientation:portrait){
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {    margin-right: 2em !important;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {    margin-left: 2em !important;}
.carousel-caption {    top: 28%;   }
.carousel-indicators {    bottom: 0px;}
.carousel-caption {     right: 15%;  left: 15%;}
.blocks a{        color: #666;    font-size: 18px;    font-weight: 300;  display: inline-block; line-height: 1.6;}
.homebtn a { font-size: 13px;  padding: 6px; color:#fff; margin-top: 10px;}
.carousel-control.techcontrol { width: 80% !important;  color: #000; margin-top: 5em; }
.doc-header-div {	height:62px; }
.search-bar-document{	float: right;    width: 30%;    margin-top: 1em;}
.contact-home {     margin: 0 2.75em;    text-align: center;    padding-top: 2em;}
}
@media screen and (min-width: 768px) and (orientation: landscape){
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {    margin-right: 2em !important;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {    margin-left: 2em !important;}
.carousel-caption {    top: 28%;   }
.carousel-indicators {    bottom: 0px; }
.carousel-caption {     right: 15%;  left: 15%;}
.blocks a{        color: #666;    font-size: 18px;    font-weight: 500;  display: inline-block; line-height: 1.6;}
.homebtn a { font-size: 13px;  padding: 6px; color:#fff; margin-top: 10px;}
.carousel-control.techcontrol {  color: #000;     top: 5em;    width: 75% !important;}
.doc-header-div {	height:62px; }
.search-bar-document{	float: right;    width: 30%;    margin-top: 1em;}
.contact-home {     margin: 0 0em;    text-align: center;    padding-top: 2em;}
}

.carousel-indicators li {    margin: 1px 4px;}

@media screen and (max-width: 768px) and (orientation:portrait){
.carousel-indicators {    top: 0%;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {    margin-right: 1.3em !important;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {    margin-left: 1.3em !important;}
.blocks a{	font-size: 12px;    display:block;     line-height: 1.2;    padding: 10px; }
.homebtn a{  font-size: 11px;  padding: 3px; color:#fff}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {    height: 180px;}
.carousel-control.techcontrol {  color: #000;  }
}
@media screen and (max-width: 768px) and (orientation: landscape){
.carousel-indicators {    top: 0%;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {    margin-right: 1.3em !important;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {    margin-left: 1.3em !important;}
.blocks a{	font-size: 14px; display:block;        line-height: 1.2;    padding: 10px;  }
.homebtn a{  font-size: 11px;  padding: 3px; color:#fff}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {    height: 180px;}
.carousel-control.techcontrol { color: #000; }
}

/**--------------Added on 25-11-2019 Banner Mobile Design-----------------*/
@media only screen and (max-device-width: 480px) and (min-device-width: 320px), (max-width: 480px){
section.homepage-slider h1, section.homepage-slider h2 {    font-size: 16px !important;    line-height: 2px!important;    margin-bottom: 20px;}
.new-btn a.btn {    margin: 4px;    padding: 6px 10px;    font-size: 12px;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 480px) {
section.homepage-slider h1, section.homepage-slider h2 {	font-size: 12px !important;		line-height: 20px!important;		margin-bottom: 20px;	}
.banner-h2{	font-size: 11px !important;	line-height: normal !important;	margin-bottom: 5px;	}
}
@media only screen and (min-device-width: 480px) and (max-device-width: 768px), (max-width: 768px) and (orientation: landscape)  {
section.homepage-slider h1, section.homepage-slider h2 {font-size: 16px !important;	line-height: 20px!important;		margin-bottom: 20px;	}
section.homepage-slider .inner {	padding-top: 4px;	padding-left:20px;	padding-right: 20px;	padding-bottom: 10px;}
.banner-h2{	font-size: 14px !important;	line-height: normal !important;	margin-bottom: 5px;	}
.support-color {    color: #fff;    border-bottom: 1px #4e4e4e solid;	width: 100%;	border-right: 0;}
.btnmobile{padding: 2px 4px;   font-size: 11px;}
.doc-header-div {	height:62px; }
}
@media only screen and (min-device-width: 480px) and (max-device-width: 768px), (max-width: 768px) and (orientation:portrait)  {
section.homepage-slider h1, section.homepage-slider h2 {font-size: 16px !important;	line-height: 20px!important;		margin-bottom: 20px;	}
section.homepage-slider .inner {	padding-top: 4px;	padding-left:20px;	padding-right: 20px;	padding-bottom: 10px;}
.banner-h2{	font-size: 14px !important;	line-height: normal !important;	margin-bottom: 5px;	}
.support-color {    color: #fff;    border-bottom: 1px #4e4e4e solid;	width: 100%;	border-right: 0;}
.btnmobile{padding: 2px 4px;   font-size: 11px;}
.doc-header-div { height: 100px;}
.search-bar-document { float: none;  width: 100%;  margin-top: 0em;}
.contact-home { margin: 0 0 em;}
}

@media only screen and (max-width: 768px), (max-device-width: 768px) {
.row [class*="col-md-"] {   /*margin: 4px 2px !important;*/}
.devops-h2{text-align:center;font-size:16px;}
.devops { border-right: 0px #b9b9b9 solid;}
.apmes{border-right: 0px #b9b9b9 solid; }
.homebtn{    text-align: center;}
.benefits{float: none;margin: 0; filter: opacity(0.8); width: 30px;}
.dei {position: relative;}
.magee-animated.animated.zoomIn { padding: 0.25em;}
.carousel-control.right, .carousel-control.left { font-size: 1.5em !important;  margin-top: 1em;}
.testimonials h4 {font-size: 16px; padding: 0 2em;}
.testimonials h5 { font-size: 15px;  padding: 0 3em;}
.small-head h3 {   font-size: 1.5em;  }
.small-head { padding: 2em;}
.banner-lowertxt {	font-size: 14px; margin: 0px 5em;}
.at-glance h3 {    font-size: 20px;}
.at-glance h4 {fon-size:16px;}
}

/*-----------------------Modal BTN----------------------*/
.modal {
  display: none; 
  position: fixed; 
  z-index: 99999; 
  padding-top: 12em;
  top: 0em;
  width: 100%;
  height: 100%;
  overflow: auto; 
  background-color: rgba(0,0,0,0.0); 
  	-webkit-animation-duration:1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
.modal-content {
     background: #fff;
	 width: 372px;
     height : auto;
	 position: relative;
	 min-height: 400px;
     border-radius: 5px;	 
     border: 1px solid #888;
}
.btnn {
    background: #1D5290; /*2196F3;*/
    width: 78px;
    height: 78px;
    padding: 0 10px;
    border-radius: 50%;
    color: #fff;
    font-size: 3em;
    text-align: center;
    position: fixed;
    top: 85%;
	float: right;
    right: 3%;
    z-index: 1000;
	cursor: pointer;
	box-shadow: 0 0 15px 5px #868686;
	-webkit-animation-duration: 4s;
     animation-duration: 4s;
     -webkit-animation-fill-mode: both;
      animation-fill-mode: both;	
         }
         
         @-webkit-keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }
         
         @keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }
         
         .fadeIn {
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
         }

.header-bot {
	padding: 0.4em;
    background: #1D5290;
    color: #fff;
    font-size: 1.5em;
}
.header-bot-copy{
     background: #EFF0F9;
	/*background: url('https://s.isanook.com/wo/0/rp/r/w350/ya0xa0m1w0/aHR0cHM6Ly9zLmlzYW5vb2suY29tL3dvLzAvdWkvMS81NTgyLzEwNjM5XzAwMi5qcGc=.jpg');*/
     /*height: 30px;*/
    width: 350px;
    margin: -4em 10px 2px;
    opacity: 1;
    position: relative;
	text-align: left;
    color: #666;
    border-top: 1px #ccc solid;
    font-size: 10px;
    padding-top: 12px;
}

/* The Close Button */
.close {
    color: #fff;
    float: right;
    font-size: 28px;
    opacity: 1;
    line-height: 50px;
    margin-right: 10px;
	opacity:1;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.close:hover {
	background: none;
}
.refresh{
    color: #fff;
    float: right;
    font-size: 18px;
    opacity: 1;
    line-height: 52px;
    margin-right: 10px;
	opacity:1;
	cursor: pointer;
}
.theme-light .message.my-message {
	background-color: #53B771!important;
}
.message.flex-item.my-message.flex-item-align-right {
     background-color: #53B771!important;
}
/*----------------------Supported Technologies Slider---------------------*/

.tcb-product-slider {

}
.tcb-product-slider .carousel-control {
  width: 5%;
}
.tcb-product-item a {
  color: #525252;
}
.tcb-product-item a:hover {
  text-decoration: none;
}
.tcb-product-item .tcb-hline {
  margin: 10px 0;
  height: 1px;
  background: #ccc;
}
@media all and (max-width: 768px) {
  .tcb-product-item {
    margin-bottom: 30px;
  }
}
.tcb-product-photo {
  text-align: center;
  height: 100px;
  background: #fff;
}
.tcb-product-photo img {
  /*height: 100%;*/
  display: inline-block;
}
.tcb-product-info {
  background: #f9f9f9;
  padding: 10px 0 10px 0;
}
.tcb-product-title h4 {
  margin-top: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tcb-product-rating {
  color: #acacac;
  display:none;
}
.tcb-product-rating .active {
  color: #ffb500;
    display:none;
  
}
.tcb-product-price {
  color: firebrick;
  font-size: 18px;
  display: none;
}

.details {
  margin: 50px 0;
}
.details h1 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 3px;
}
.details .back-link {
  text-align: center;
}
.details .back-link a {
  display: inline-block;
  margin: 20px 0;
  padding: 15px 30px;
  background: #333;
  color: #fff;
  border-radius: 24px;
}
.details .back-link a svg {
  margin-right: 10px;
  vertical-align: text-top;
  display: inline-block;
}


/*-------------------NEWSROOM CSS-----------------*/
.tabs {
    /* left: 50%; */
    /* -webkit-transform: translateX(-50%); */
    /* transform: translateX(-50%); */
    position: relative;
    background: #fff;
    padding: 0px;
    padding-bottom: 12em;
    /* width: 70%; */
    /* height: 250px; */
    /* box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22); */
    border-radius: 5px;
    /* min-width: 240px; */
}
.tabs input[name="tab-control"] { display: none; }

.tabs .content section h2, .tabs ul li label {
  font-weight: 600;
  font-size: 24px;
  color: #428BFF;
}

.tabs ul {
  list-style-type: none;
  padding-left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tabs ul li {
	list-style-type: none;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 25%;
  padding: 0 10px;
  text-align: center;
  z-index: 9;
}

.tabs ul li label {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #929daf;
    padding: 5px auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-grid;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tabs ul:before {
     content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #b5b5b5;
    top: 10px;
   /* left: 50px;*/
}

.tabs ul li label br { display: none; }

.tabs ul li label i {
    fill: #929daf;
    height: 1em;
    vertical-align: bottom;
    /* font-size: 20px; */
    /* margin-right: 0.5em; */
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {
  outline: 0;
  color: #bec5cf;
}

.tabs ul li label:hover svg, .tabs ul li label:focus svg, .tabs ul li label:active svg { fill: #bec5cf; }

.tabs .slider {
  position: relative;
  width: 25%;
  -webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
  transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}

.tabs .slider .indicator {
    position: relative;
    width: 60px;
    max-width: 100%;
    margin: 0 auto;
    height: 3px;
    background: #1D5290;
    border-radius: 1px;
}

.tabs .content  {
    background: transparent;
    border: 0 #c00 solid;
     color: #000; 
    border-radius: 6px;
	    margin: 4em auto;
		padding: 0 0em 0 4em;
}

.tabs .content section {
  display: none;
  -webkit-animation-name: content;
  animation-name: content;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  line-height: 1.4;
}

.tabs .content section h2 {
  color: #1D5290;
  display: none;
}

.tabs .content section h2::after {
  content: "";
  position: relative;
  display: block;
  width: 30px;
  height: 3px;
  background: #1D5290;
  margin-top: 5px;
  left: 1px;
}

.tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
  cursor: default;
  color: #53B771;
}

.tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg { fill: #428BFF; }
@media (max-width: 812px) {

.tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label { background:#fff; }
}

.tabs input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.tabs input[name="tab-control"]:nth-of-type(1):checked ~ .content > section:nth-child(1) { display: block; }

.tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
  cursor: default;
  color: #53B771;
}

.tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg { fill: #428BFF; }
@media (max-width: 812px) {

.tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label { background:#fff; }
}

.tabs input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
  -webkit-transform: translateX(80%);
  transform: translateX(80%);
}

.tabs input[name="tab-control"]:nth-of-type(2):checked ~ .content > section:nth-child(2) { display: block; }

.tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
  cursor: default;
  color: #53B771;
}

.tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg { fill: #428BFF; }
@media (max-width: 812px) {

.tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label { background:#fff; }
}

.tabs input[name="tab-control"]:nth-of-type(3):checked ~ .slider {
  -webkit-transform: translateX(158%);
  transform: translateX(158%);
}

.tabs input[name="tab-control"]:nth-of-type(3):checked ~ .content > section:nth-child(3) { display: block; }

.tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
  cursor: default;
  color: #53B771;
}

.tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg { fill: #428BFF; }
@media (max-width: 812px) {

.tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label { background:#fff; }
}


.tabs input[name="tab-control"]:nth-of-type(4):checked ~ .slider {
  -webkit-transform: translateX(237%);
  transform: translateX(237%);
}

.tabs input[name="tab-control"]:nth-of-type(4):checked ~ .content > section:nth-child(4) { display: block; }

.tabs input[name="tab-control"]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label {
  cursor: default;
  color: #53B771;
}

.tabs input[name="tab-control"]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label svg { fill: #428BFF; }
@media (max-width: 600px) {

.tabs input[name="tab-control"]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label { background:#fff; }
}


.tabs input[name="tab-control"]:nth-of-type(5):checked ~ .slider {
  -webkit-transform: translateX(315%);
  transform: translateX(315%);
}

.tabs input[name="tab-control"]:nth-of-type(5):checked ~ .content > section:nth-child(5) { display: block; }

@-webkit-keyframes 
content {  from {
 opacity: 0;
 -webkit-transform: translateY(5%);
 transform: translateY(5%);
}


to {
  opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
}
@keyframes 
content {  from {
 opacity: 0;
 -webkit-transform: translateY(5%);
 transform: translateY(5%);
}

to {
  opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
}
@media (max-width: 1000px) {
.tabs ul li label { white-space: initial; }
.tabs ul li label br { display: initial; }
.tabs ul li label svg { height: 1.5em; }
.tabs ul{margin: 0px;}
}
@media (max-width: 812px) {

.tabs ul li label {  padding: 0px;  border-radius: 5px;width: 50%;  background: #fff;}
.tabs ul li label span { display: none; }
.tabs .slider { display: none; }
.tabs .content { padding: 0 2em;     margin: 0em auto; }
.tabs .content section h2 { display: block;  font-size: 2.5em; }

}
/*----------------New Product Documentation CSS Updated---------*/
.row.product-res-main {    border-bottom: 1px #dcdcdc solid;	margin-top: 10px;}
.res-box {    padding: 0.8em;}
.res-box img{	    filter: opacity(0.8); }
.row.product-res-main h4 {   margin-top: 10px;    margin-bottom: 5px;}

@media (min-width: 992px) {
.left-aside .col-main {    width: 85%;}
.left-aside .col-main {    left: 15%;}
}
@media (min-width: 992px){
.left-aside .col-aside-left {    width: 20%;}
.left-aside .col-aside-left {    right: 75%; }
.top-main {    margin-top: 80px !important;}
.textwidget-mobile {   display: none; }
}
@media (max-width: 990px) {
.left-aside .col-aside-left {    width: 12%; display: none;}
.top-main {    margin-top: 110px !important;}
.textwidget-mobile {        margin-right: 3em;    padding-top: 1em; text-align: right;}
}




/*---------------------New Timeline CSS Updated-----------------*/
.timeline {
	position: relative;
}
.timeline::before {
	content: "";
	background: #c5cae9;
	width: 5px;
	height: 95%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.timeline-item {
	width: 100%;
	margin-bottom: 70px;
}
.timeline-item:nth-child(even) .timeline-content {
	float: right;
	padding: 40px 30px 10px 30px;
}
.timeline-item:nth-child(even) .timeline-content .date {
	right: auto;
	left: 0;
}
.timeline-item:nth-child(even) .timeline-content::after {
	content: "";
	position: absolute;
	border-style: solid;
	width: 0;
	height: 0;
	top: 30px;
	left: -15px;
	border-width: 10px 15px 10px 0;
	border-color: transparent #f5f5f5 transparent transparent;
}
.timeline-item::after {
	content: "";
	display: block;
	clear: both;
}

.timeline-content {
	position: relative;
	width: 45%;
	padding: 10px 30px;
	border-radius: 4px;
	background: #f5f5f5;
	box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3);
}
.timeline-content::after {
	content: "";
	position: absolute;
	border-style: solid;
	width: 0;
	height: 0;
	top: 30px;
	right: -15px;
	border-width: 10px 0 10px 15px;
	border-color: transparent transparent transparent #f5f5f5;
}

.timeline-img {
	width: 30px;
	height: 30px;
	background: #1D5290 ;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	margin-top: 25px;
	margin-left: -15px;
}
/*
a {
	background: #3f51b5;
	color: #ffffff;
	padding: 8px 20px;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 10px;
	display: inline-block;
	border-radius: 2px;
	box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.6);
}
a:hover,
a:active,
a:focus {
	background: #32408f;
	color: #ffffff;
	text-decoration: none;
}*/

.timeline-card {
	padding: 0 !important;
}
.timeline-card p {
	padding: 0 20px;
}
.timeline-card a {
	margin-left: 20px;
}

.timeline-item:nth-child(2) .timeline-img-header {
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)),
		url("https://instagram.fjnb3-1.fna.fbcdn.net/t51.2885-15/s750x750/sh0.08/e35/24174746_134980400549449_43116304806182912_n.jpg") center center
			no-repeat;
	background-size: cover;
}
.timeline-item:nth-child(5) .timeline-img-header {
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)),
		url("https://instagram.fjnb3-1.fna.fbcdn.net/t51.2885-15/s750x750/sh0.08/e35/24838731_1990388374582805_1447427175870365696_n.jpg") center center
			no-repeat;
	background-size: cover;
}
.timeline-item:nth-child(6) .timeline-img-header {
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)),
		url("https://instagram.fjnb3-1.fna.fbcdn.net/t51.2885-15/e35/19623430_1461139190618427_6886520076728532992_n.jpg") center center
			no-repeat;
	background-size: cover;
}
.timeline-item:nth-child(8) .timeline-img-header {
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)),
		url("https://instagram.fjnb3-1.fna.fbcdn.net/t51.2885-15/s750x750/sh0.08/e35/20066884_234316170422577_2955813312199131136_n.jpg") center center
			no-repeat;
	background-size: cover;
}

.timeline-img-header {
	height: 200px;
	position: relative;
	margin-bottom: 20px;
}
.timeline-img-header h2 {
	color: #ffffff;
	position: absolute;
	bottom: 5px;
	left: 20px;
}

blockquote {
	margin-top: 30px;
	color: #757575;
	border-left-color: #3f51b5;
	padding: 0 20px;
}

.date {
	background: #53B771;
	display: inline-block;
	color: #ffffff;
	padding: 10px;
	position: absolute;
	top: 0;
	right: 0;
}

@media screen and (max-width: 768px) {
	.timeline::before {
		left: 50px;
	}
	.timeline .timeline-img {
		left: 50px;
	}
	.timeline .timeline-content {
		max-width: 100%;
		width: auto;
		margin-left: 70px;
	}
	.timeline .timeline-item:nth-child(even) .timeline-content {
		float: none;
	}
	.timeline .timeline-item:nth-child(odd) .timeline-content::after {
		content: "";
		position: absolute;
		border-style: solid;
		width: 0;
		height: 0;
		top: 30px;
		left: -15px;
		border-width: 10px 15px 10px 0;
		border-color: transparent #f5f5f5 transparent transparent;
	}
}

/*----------New ADDED----------*/
 
 .entry-title {
    margin-top: 20px;
}

/*-----------------------New Menu Changes----------------------*/
.custom-html-widget { margin: 0 0 0 20px !important;}
.main-product-menu p{	line-height: normal !Important; color: #696969 !important; font-size:13px !important; padding: 0 25px 0 0 !important;}
.main-product-menu h6 { margin-bottom: 5px; font-size:14px !important; }

@media screen and (min-width: 768px) {
.mega-productonmobile a { display: none !important;}
}
/*-------------------------Start Mega Menu CSS---------------------------*/
.mega-block-title {
	border-bottom: 2px #53B771 solid !important;
	width:90% !important;
/*	margin: 0 10px !important;*/
}
.requestonmenu {
	text-align: right !important;
    padding: 10px !important;
    line-height: normal !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    background: #f2f2f2 !important;
    float: right !important;	
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    color: #222 !important;
}

/*-----------------------New Contact Page---------------------------*/
.form-border {border: 1px #ccc solid; -webkit-box-shadow: 0px 0px 4px 1px rgb(156 156 156);
box-shadow: 0px 0px 4px 1px rgb(156 156 156); }
.card{border: 1px #a9a9a9 solid; padding:2em 2em 0; margin:2em; min-height: 310px;}
.locations{border: 1px #c4ccdc solid;
    padding: 1em 1em 0px;
    margin: 0 3em;      min-height: 230px;}
.phone{ font-weight:600;}
.contactus_page {  padding: 2em 20em; width: 100%;    background: #515253;    color: #fff;    text-align: center;}
@media (max-width: 768px){
.form-border {margin: 0 1.75em;}
.hide-1 {display: none;}
.contactus_page {   padding: 2em;}
}
/*-----------------------Client Story---------------------------*/
.testimonial-author .name {    font-size: 18px;}
.testimonial-author .title {    font-size: 16px;}
.testimonial-quote:before {color: #1D5290 ;     opacity: .75;}
.client-story {margin: 2.25em 0;}
.testimonial-vcard.style1 .testimonial-author{    padding: 0 2.5em; color: #545454;}

.custormer-tag {
    margin: 0 1.2em;
    /* width: 212px; */
    padding: 1em;
    background: #fff;
    border-radius: 8px;
    border: 1px #d2d2d2 solid;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}


.custormer-tag:hover {
    background: rgba(255,255,255,.5);
    box-shadow: 10px 10px 30px -20px rgba(0,0,0,.2);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    cursor: pointer;
    border: 1.5px #d2d2d2 solid;
}

.custormer-tag img {
 /*-   filter: grayscale(0);*/
     width: 100%;
    opacity: 1;
}
.custormer-tag img:hove {
    width: 100%;
    filter: blur(0.5px);
    opacity: .75;
}

/******NEW ADDED-------------*/
.col-md-12.sdp { margin-bottom : 0px !important;}

.testimonial-quote:before {
    content: "\f10d";
    display: block;
    font: normal normal normal 30px/1 FontAwesome;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .3;
}
.testimonial-quote:before {
    color: #1D5290;
    opacity: .75;
}
.testimonial-quote {
    position: relative;
    padding: 10px 0 0 35px;
}
div#ajaxsearchlitewidget-10 {
    visibility: hidden;
    display: block;
    margin: 2em 0 0em 0px;
}
.AjaxSearchLiteWidget {
    margin-bottom:20px !important;
}

/*-----------------Product Add--------------*/
.exp-platform{
        background: #1d5290 !important;    height: 60px !important;    margin-left: -20px !important; display: flex!important;
}
.exp-platform .txt{
        font-size: 20px !important; line-height: 58px !important;  text-align: center !important;
        color: #fff !important; padding: 0 32px 0 8px!important;
}
.exp-platform a{
    background: #53b771 !important;
    height: 45px !important;
    display: inline !important;
    padding: 10px 10px !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    line-height: 50px!important;
    color: #fff!important;
}
li#menu-item-25104 {
    margin: 10px 0!important;
    background: #a9efc1!important;
    color: #fff!important;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
}
li#menu-item-25104 > div > a {
    font-weight: 600!important;
    font-size: 16px!important;
}
.new-btn1 {
    margin: 10px 0!important;
    background: #a9efc1!important;
    color: #fff!important;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 4px;
}