/* put here your custom css styles */
.vc_images_carousel{    max-width: 100%;}h1.box-header{    text-align: center;    font-size: 32px;    line-height: 45px;    font-weight: 700;}h1.box-header::after{    width: 100px;    margin-left: auto;    margin-right: auto;    margin-top: 15px;}.carousel-alt .services-list li{    width: 285px;    padding-bottom: 0;	margin-right:10px; display: flex;}@media screen and (max-width:1189px){	.carousel-alt .services-list li{		width: 350px;		margin-right: 30px;	}	}.services-list li .h4{    text-transform: uppercase;    color: #fff;    padding: 5px 15px 5px;     text-shadow: 0px 0px 3px black, 0 0 3px #009ada; font-size: 14px;}.services-list li .h4.box-header::after{    margin-left: auto;    margin-right: auto;	}.carousel-alt .services-list li .h4.box-header::after{	margin-top:5px;	margin-bottom:10px;}.service-alt-hover{    width: 100%;    height: 100%;    position: absolute;    top: 0;}.service-alt-hover > a{    width: 100%;    height: 100%;    display: flex;    flex-direction: column;    align-items: center;    justify-content: space-between;	z-index: 2;	position:relative;}.service-alt-hover:after{	position:absolute;	width:100%;	height:100%;	background: rgba(54, 59, 64, 0.4);	content:" ";	opacity:0;	z-index:1;	transition: all 0.3s ease 0s;	-webkit-transition: all 0.3s ease 0s;	-moz-transition: all 0.3s ease 0s;	top:0;	left:0;}.service-alt-hover:hover:after{	opacity:1;}.parallax_images .image{	position:relative;	box-shadow: 0px 0px 10px;	max-width:280px;}.parallax_images .image .image{	position:absolute;	top:30px;	left:50px;}.slider-form{    padding: 40px 20px;    border-radius: 20px;    background: #75A3C0;}.slider-form p{	padding:0 !important; }.slider-form input{	max-width:100%;	padding: 5px !important;	border-radius: 20px;	text-align: center !important;	margin-top:5px !important;}.slider-form label{    font-size: 16px;    text-align: center !important;    display: block;    color: #fff;    font-weight: 700 !important;	margin-bottom: 20px !important;}.services-list li .service-content .h4{    color: #111;    padding: 5px 15px 5px;  text-shadow: none; font-size: 16px;}
.slider-form input[type=submit]{    
	background: #FFF;   
	padding: 10px 37px !important;    
	display: block;    
	margin: 0 auto !important;    
	color: #75a3c0;
}

.admin-bar .header-container.sticky.move{
	margin-top: 32px;
}
.slider-form input[type=submit]:hover,
.slider-form input[type=submit]:focus,
.slider-form input[type=submit]:active{ 
	background: #75a3c0!important;
	border-color: #fff!important;
	color: #fff!important;
}
.slider-form .ajax-loader{	display:none !important;}

.whatsapp-baba{	position:relative}
.whatsapp-baba img{	position: absolute;	top: -130px;}

@media (max-width: 1199px) {
	.whatsapp-baba img{top: -149px;}
}

@media (max-width: 767px) {
	.whatsapp-baba img{display:none !important;}
}

.ba-slider .handle:after {
    background: #75a3c0 !important;
    border: 1px solid #75a3c0 !important;
    box-shadow: none !important;
}

.ba-slider img{
	height:100%;
}

.transparent-header-container{
	background-color: rgba(0,0,0,0.2);
	padding-bottom: 20px;
}


.transparent-header-container.overlay{
	background-color: none;
	padding-bottom: 0;
}
.vc_carousel-inner img{
	margin:0 auto;
}
.vc_images_carousel .vc_carousel-control .icon-next, .vc_images_carousel .vc_carousel-control .icon-prev {
	color:#75a3c0;
	font-size: 40px !important;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
 .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 95%;
  max-width:600px;
  top:50%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  animation-name: animatetop;
  animation-duration: 0.4s;
  transform: translateY(-50%);
}


.modal-body,
.modal-header,
.modal-footer{
	padding: 2px 15px;
	clear: both;
}

.modal-body{
	padding:5px 15px;
}

.modal-title{
	font-size:20px;
	font-weight:600;
	padding: 10px 0;
}

/* Add Animation */
@keyframes animatetop {
  from {top: 0px; opacity: 0}
  to {top: 50%; opacity: 1}
} 

span.required{
	color:red !important;
}


.modal input{
	width:100%;
	box-sizing: border-box;
	border-radius: 20px;
}

.modal input[type=submit]{
	width:auto;
}


#callback.modal{
	text-align:center;
}


.clearfix{
	clear:both;
}

/*sprite with stars*/
#reviewStars-input input:checked ~ label, #reviewStars-input label, #reviewStars-input label:hover, #reviewStars-input label:hover ~ label {
  background: url('./images/stars-new.png') no-repeat;
}

#reviewStars-input {
  
  /*fix floating problems*/
  overflow: hidden;
  *zoom: 1;
  /*end of fix floating problems*/
  
  position: relative;
  float: left;
}

#reviewStars-input input {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 5;
  z-index: 0;
}

#reviewStars-input input:checked ~ label {
  background-position: 0px -32px;
  height: 28px;
  width: 28px;
}

#reviewStars-input label {
  background-position: 0px 0px;
  height: 28px;
  width: 28px;
  float: right;
  cursor: pointer;
  margin-right: 4px;
  
  position: relative;
  z-index: 1;
}

#reviewStars-input label:hover, #reviewStars-input label:hover ~ label {
  background-position: 0px -32px;
  height: 28px;
  width: 28px;
}

#reviewStars-input #star-1 {
  left: 0px;
}
#reviewStars-input #star-2 {
  left: 32px;
}
#reviewStars-input #star-3 {
  left: 64px;
}
#reviewStars-input #star-4 {
  left: 96px;
}
#reviewStars-input #star-5 {
  left: 128px;
}


.test-back{
		background:#f6f6f6;
}

.testimonials{
	max-width:1170px;
	padding:0 15px;
	margin:0 auto;
}

.testimonials .navigation.paging-navigation {
    margin: 10px 0 30px;
}

.testimonials .testimonials-block  {
	display: flex;
	flex-wrap: wrap;
	margin: 70px 0px 20px 0px;
}
.testimonials .form-title{
	font-size:18px;
	font-weight:700;
	text-align:center;
	margin-bottom:20px;
	margin-top: 20px;
}
.testimonials-block .item .comment {
	padding: 10px 15px 10px 25px;
	border-radius: 15px;
	margin-top: 10px;
	background: #009ada;
	line-height: 24px;
	color: #fff;
	text-align: justify;
}
.testimonials-block .item .comment .comment-title {
	color: #fff;
}
.testimonials-block .rating span{ 
    background: url('./images/stars2.png') no-repeat; 
    display: block;
	float: left;
    height: 10px;
    width: 10px;
    margin-right: 3px;

}
.testimonials-block .rating .star-full{  
  background-position: -5px -25px !important;
}
.testimonials-block .rating .star-empty{
  background-position: -5px -5px;
}


.testimonials-super-container.type-big .rating{
    display: flex;
    justify-content: center;
	padding:10px 0px;
}

.testimonials-super-container.type-small .rating{
    display: flex;
	padding:15px 0px;
}

.testimonials-super-container .rating span{
    background: url('./images/stars-new.png') no-repeat; 
    display: block;
	float: left;
	  height: 28px;
	  width: 28px;
    margin-right: 4px;

}
.testimonials-super-container .rating .star-full{  
  background-position: 0px -32px !important;
}
.testimonials-super-container .rating .star-empty{
  background-position: 0px 0px;
}

.testimonials-super-container .author{
	color:#fff;
}


.testimonials-super-container.type-big .testimonials-list p {
    padding-top:0px;
}
.testimonials-super-container .testimonials-list p:after {
    margin: 10px auto 14px;
}


.testimonials-super-container .testimonials-super-list-wrap{
	display:flex;
	flex-wrap:wrap;
	padding: 5px 0 15px;
	background: #0007;
	
}

.testimonials-super-container .testimonials-super-list-avatar-wrap{
	max-width:300px;
	padding: 10px;
}

.testimonials-super-container .testimonials-super-list-wrap .testimonial-avatar {
    max-width: 100px;
	max-height: 100px;
    margin-left: 20px;
    margin-top: 20px;
}


.testimonials-from-block{
	margin-bottom: 30px !important;

	
}
.testimonials-from-block form{
	display:flex;
	flex-wrap: wrap;
}
.testimonials-from-block .vc_col-sm-6{
	padding:0;
}

.testimonials-from-block .testimonial-stars, 
.testimonials-from-block .testimonial-image
{
	background:#fff;
}
.testimonials-from-block .testimonial-name,
.testimonials-from-block .testimonial-stars,
.testimonials-from-block .testimonial-image{
	border-right:1px solid #f6f6f6;
}
.testimonials-from-block .testimonial-name{
	border-bottom:1px solid #f6f6f6;
}
.testimonials-from-block .testimonial-stars{
	border-bottom:1px solid #f6f6f6;
	border-top:1px solid #f6f6f6;
}

.testimonials-from-block .testimonial-image{
	border-top:1px solid #f6f6f6;
}

.testimonials-from-block .textarea-wrapper{
	border-left:1px solid #f6f6f6;
}

.testimonials-from-block input,
.testimonials-from-block textarea{
    width: 100%;
	box-sizing: border-box;
	border: 1px solid transparent;
	padding-top:37px;
}


.testimonials-from-block .testimonial-urid{
	padding:20px 15px;
	text-align:center;
	font-family: 'Raleway', 'Arial', sans-serif;
	color: #303030;
	font-size: 14px;
}


.testimonials-from-block .testimonial-button{
	padding:0px 15px 20px 15px;
	text-align:center;
}
.testimonials-from-block .testimonial-button input{
	width:auto;
	
}
.testimonials-from-block label{

    display: block;
    position: relative;
    margin-top: 8px;
    margin-bottom: -29px;
    margin-left: 16px;
    font-weight: 500;
    font-family: 'Raleway', 'Arial', sans-serif;
    font-size: 11px;
    line-height: 21px;
    color: #999;
    letter-spacing: 2px;
    z-index: 2;
	margin-bottom: -30px;
}


#reviewStars-input label{
    margin-bottom: 0px;
    margin-left: 0px;
}


.testimonials-from-block .textarea-wrapper{
	height:100%;
}
.testimonials-from-block .textarea-wrapper textarea{
	height:100%;
}


.testimonials-from-block .testimonial-message{
	text-align:center;
}

.testimonials-from-block .message{
	display:none;
	margin:0 auto;
	color:#fff;
	padding: 5px;
	margin-bottom: 10px;
}


.testimonials-from-block .empty{
	border:1px solid #E9431C;
}

.testimonials-from-block .testimonial-stars.empty{
	margin-right: 1px;
}
.testimonials-from-block .message.succes{
	background-color:#61911B;
	display:inline-block;

}

.testimonials-from-block .message.error{
	background-color:#E9431C;
	display:inline-block;
}


.testimonials-from-block .testimonial-stars #reviewStars-input{
	 padding: 17px 11px 12px 15px;
}
.testimonials-from-block .testimonial-content{

}
.testimonials-from-block .button {
   /* margin: 0 auto;
    display: block !important;
    line-height: normal !important;
    max-width: 300px !important;*/
}
.testimonials .testimonial-sort {
	padding: 0px 0px 10px;
}
.testimonials .testimonial-sort form {
	float: right;
}
.testimonials .testimonial-sort label {
	font-size: 14px;
    padding: 0px 10px;
    color: #808080;
    text-transform: lowercase;
}
.testimonials .testimonial-sort select {
	max-width: 180px;
	min-width: 160px;
	padding: 0px 10px;
	border: 1px solid #f5f5f5;
	border-radius: 10px;
	background: linear-gradient(to bottom, #00b6ee, #009ada);
	font-size: 14px;
	text-transform: lowercase;
	text-align-last: center;
	text-align: center;
	box-shadow: 0px 0px 3px 1px #009ada;
	color: #fff;
}
.testimonials .testimonial-sort select:hover {
	cursor: pointer;
	border-color: #007cba;
}
.testimonials .testimonial-sort option {
	background-color: #009ada;
}
.testimonials .testimonial-header{
	display:flex;
	align-items: start;
	padding: 10px 10px;
	height: 65px;
}
.testimonials-super-container .testimonial-avatar{
	border-radius: 50%;
	max-width: 160px;
}

.testimonials .testimonial-avatar{
	border-radius: 50%;
	max-width: 160px;
	position: relative;
	top: -85px;
}
.testimonials .testimonial-avatar.no-avatar{
}
.testimonials .testimonial-header .title {
	font-size: 18px;
	font-weight: 700;
	margin: 0 auto;
	text-align: center;
	text-transform: capitalize;
}
.testimonials-block .item  {
	padding: 0px 10px 10px;
	margin: 0px 0px 80px 0px;
}
.testimonials-block .item .item-content  {
    border: 1px solid #009ada;
	border-radius: 15px;
	padding: 0px 10px 10px;
	background: #fff;
}
.testimonials-block .item .rating,
.testimonials-block .item .date {
	padding:0px;
	font-size: 12px;
	font-weight: 700;
}
.testimonials-block .item .rating {
	text-align: left;
	padding: 0px 55px 0px;
}
.testimonials-block .item .date {
	text-align: right;
	visibility: hidden; /*update 25.11.21 - dont forget unset noindex on page template */
}
.testimonials .testimonials-block .content {
	padding: 25px 8px 10px;
	max-height: 260px;
	overflow-y: auto;
	font-size: 14px;
	text-indent: 1em;
	line-height: 24px;
	text-align: justify;
}
.testimonials .testimonials-block .content:before {
	content: '';
	background-color: #009ada;
	height: 1px;
	width: 100%;
	position: relative;
	display: block;
	top: -10px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.testimonials .navigation.pagination{
	margin-bottom:20px;
	text-align: center;
}
.testimonials-slider-onmain .testimonials-super-container .testimonials-list p,
.testimonials-slider-onmain .testimonials-super-container .testimonials-list .author,
.testimonials-slider-onmain .testimonials-super-container .testimonials-list .author-details {
	text-shadow: 1px 1px 6px #007cba;
	color: #fff;
}
.testimonials-slider-onmain .testimonials-super-container .testimonials-list p::after {
	background: #007cba;
}

@media (max-width: 767px) {
	.testimonials .testimonial-header {
		flex-direction: column;
		height:auto;
		padding-bottom: 20px;
	}
	.testimonials .testimonial-header .title {
		padding-left: 0px;
	}
	.testimonials-block .item .date {
		padding: 0px;
		text-align: right;
		/*width: 50%;*/
		padding-right: 8px;
	}
	.testimonials-block .item .rating{
		padding-left: 8px;
	}
	.testimonials-block .item .rating, .testimonials-block .item .date {
		/*width: 50%;*/
	}
	.testimonials-block .item{
		padding: 0px 0px 10px;
		margin: 0px 0px 30px 0px
	}
	.testimonials-from-block form{
		display:block;
	}
	
	.testimonials-from-block textarea{
		min-height: 200px;
	}
	
	.testimonials .testimonial-avatar {
		max-width: 150px;
		top: 0px; 
		margin: 0px auto 10px auto;
		width:50%;
		
	}	
	.testimonials .testimonials-block .content {
		padding: 15px 8px 10px;
	}
}

.text-block {
	text-align: justify;
	text-indent: 2em;
}

@media (min-width: 767px) {
	.header .logo a img {
		margin-right:0px;
	}
}

.anchor-button{
    margin-right: 10px;
}


@media only screen and (max-width: 767px) {
	
	/* Force table to not be like tables anymore */
	.no-more-tables table, 
	.no-more-tables thead, 
	.no-more-tables tbody, 
	.no-more-tables th, 
	.no-more-tables td, 
	.no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.no-more-tables tr { 
		border: 1px solid #ccc; 
		margin-bottom:10px;
	}
 
	.no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		/*padding-left: 50%;*/ 
		white-space: normal;
		/*text-align:left;*/
		text-align:center;
	}
 
	.no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 18px;
		left: 30px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	.no-more-tables td:before { content: attr(data-title); }
}

.no-more-tables td.numeric, th.numeric {
    text-align: right;
	padding-right: 30px;
}

@media screen and (max-width: 479px) {
	.no-more-tables td:before {
		top: 8px;
		left: 30px;	
	}
}

.display-flex .wpb_column .wpb_wrapper {
	display:flex;
	flex-direction: row;
	justify-content: center;
}
@media only screen and (max-width: 767px) {
	.display-flex .wpb_column .wpb_wrapper {
		flex-direction: column;
	}
	.display-flex .wpb_column .wpb_wrapper .more {
		padding: 8px;
		margin: 5px 15px 10px;
	}
}

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


.scroll-top.animated-element.fadeOut{
	pointer-events: none;
}
.scroll-top.animated-element.fadeIn{
    pointer-events: all;
}


.sert-gallery li{
	margin:20px 2.5% !important;
	width:20% !important;
}

@media only screen and (max-width: 1200px) {
	.sert-gallery li{
		margin:20px 1.5% !important;
		width:30% !important;	
	}
}

@media only screen and (max-width: 979px) {
	.sert-gallery li{
		margin:20px 2.5% !important;
		width:45% !important;
	}
}

@media only screen and (max-width: 767px) {
	.sert-gallery li{
		margin:10px 0 !important;
		width:100% !important;
	}
	
	.button-label + .more{
		margin-left:0px;
	}
	
}

.sert-gallery li img{
	margin:0 auto;
}

.header-top-bar.additional{
	display:none !important;
}

@media only screen and (max-width: 480px) {
	.header-top-bar.additional.active{
		display:flex !important;
	}
.header-top-bar.additional ul{	
		display: flex;
		justify-content: center;
	}
	.header-top-bar.additional li{
		font-size: 20px;
	}
}
.services-list li.advancement .hexagon.small{
	margin-bottom:10px;
}
.services-list li.advancement .h4.box-header::after {
    margin-top: 5px;
    margin-bottom: 10px;
}
.services-list li.advancement.cm-background.cm-overlay div.h4 a {
	color:#fff;
}

.services-list-onmain .services-list.services-icons li.advancement {
	padding-top: 15px;
	padding-bottom: 15px;
}
.services-list.services-icons.bg-grey {
	background: #F6F6F6;
}
.services-list.services-icons.bg-grey .service-icon::before {
	background: #FFF;
}

@media only screen and (max-width: 461px) {
	h1.box-header{
		font-size: 24px;
		line-height: 38px;
	}
	.button-label {
		display: none;
		display: block;
		margin-bottom: 20px;
		font-size: 20px;
	}
	
}
.service-alt-hover .more {
	font-size: 15px;
	padding: 7px 70px 7px;
	line-height: 14px;
	margin: 0px 0px 5px 0px;
}
.service-alt-hover .more:hover {
	background: #fff;
}
.footer-prolog {
	text-align: justify;
	margin: 0px 20px 5px 0px;
}

.header-top-bar .custom-html-widget {
	padding: 5px 0 0 0;
}

@media only screen and (min-width: 1199px) {
	.header-top-bar .custom-html-widget {
		float: right;
	}
}

@media only screen and (min-width: 480px) {
	.header-top-bar .custom-html-widget {
		padding: 12px 0;
		float:right;
		text-align:center;
	}
}
@media only screen and (max-width: 479px) {
	.header-top-bar .custom-html-widget {
		width: 100%;
		text-align:center;
	}
}



.header-top-bar .custom-html-widget .header-button{
    padding: 6px 20px;
    background: #dcdcdc;
    border-color: #dcdcdc;
	text-shadow: 1px 1px 2px black;
}
.header-top-bar .custom-html-widget .header-button:hover,
.header-top-bar .custom-html-widget .header-button:active,
.header-top-bar .custom-html-widget .header-button:focus{
	background: #009ada;
	border-color: #009ada;
	color:#fff;
	text-shadow: none;
}


.carousel-container .slider-control{
	z-index:3;
}


.slider-navigation-wrapper{
    position: absolute;
    width: 100%;
    top: 0;
}

.slider-navigation-wrapper .slider-control{
	top:calc(50% - 25px);
	background: rgba(0,0,0, 0.3);
}

.vc_section{
	margin-left:0px;
	margin-right:0px;
}
.calc-page .cost-calculator-box input+.cost-slider-container {
	margin-top: 6px;
}
.calc-page .cost-calculator-box.padding-top-35 {
	padding-top: 35px;
}

.more.blue-btn1 {
	color: #fff;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	opacity: 1;
}
.more.blue-btn1:hover {
	color: #000;
	opacity: 1;
}

.navbar-fixed-top {
    top: 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
	background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}

.header-container.sticky.navbar-fixed-top{
	padding-bottom: 10px;
}

.header-container.sticky.navbar-fixed-top .primary-logo{
	display:none;
}

.header-container.sticky.navbar-fixed-top .secondary-logo{
	display:block
}


.header-container.sticky.navbar-fixed-top a.mobile-menu-switch .line{
	background:#009ada;
}
	
.mobile-menu{
	max-height: 500px;
	overflow-y: scroll;
}	

@media only screen and (min-width: 481px) {
	.admin-bar .header-container.sticky.navbar-fixed-top{
		margin-top:46px;
	}
}


.video-carousel .more{
  margin-bottom: 5px;
  margin-top: auto;
}

.video-carousel .service-alt-hover a:after{
	content: '\25B6';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	color: #fff;
	font-weight: 700;
	font-size: 36px;
	text-align: center;
	line-height: 64px;
	background: #009ada;
	border-radius: 50%;
}