/*
Theme Name: Unicon Child Theme
Description: Unicon Child Theme for your Customizations
Author: minti
Template: unicon
Version: 2.4
*/

/* THIS IS SITEGROUND */

@import url("../unicon/style.css");

.hide {
	display:none;
}

.button {
	text-transform: inherit!important;
	font-weight: 600 !important;
	font-size: initial!important;	
}
a.button.color-8,
a.button.color-1,
a.button.color-2,
a.button.color-6,
a.button.color-3,
.wpcf7-form .wpcf7-submit {
    border-radius: 25px !important;
}

#content p a {
	font-weight:400!important;
	color:#333!important;
}

.fontsize-xxl {
    font-size: 52px!important;
    line-height: inherit!important;
}

#mobile-header {
    height: 90px!important;
}

#mobile-header .logo {
    margin-top: 10px!important;
}

#mobile-navigation-btn, #mobile-cart-btn, #mobile-shopping-btn {
    line-height: 90px!important;
}

/* page headers */
.page-header h1 {
    font-size: 62px!important;
    color: #fff;
    font-weight: 600!important;
}
.page-header h2 {
	color:#fff;	
	font-size: 20px!important;
	line-height: inherit;
}

/* Calendy link */
.calendly-link a {
    border: 2px solid #4196b1!important;
    padding: 10px!important;
	border-radius: 3px;
}

/* Responsive iFrame */

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Share This */

.addtoany_header {
    font-size: 22px;
}

/* #### COOKIEYES STYLES ### */
a.cky-banner-element {
    background: #2a3f48;
    padding: 10px 20px;
    border-radius: 3px;
    color: #fff;
	margin-bottom:30px;
	display: inline-block;
}
a.cky-banner-element:hover {
	color:#fff;
	background:#333;
}
.cky-cookie-audit-table {
    margin-top: 20px;
}
.cky-audit-table-element h3 {
    font-weight: 500;
}
.cky-cookie-audit-table th, .cky-cookie-audit-table td {
    font-size: inherit!important;
}
/* #### END ### */

#mobile-navigation ul li a {
    padding: 25px 0 !important;
    text-align: center!important;
}

/* Calendly */
.calendly-inline-widget {
    min-height: 1000px!important;
    min-width: 310px!important;
}

/* Contact form */
.wpcf7-form input[type="radio"] {
	width: 25px;
    height: 25px;
    vertical-align: sub;
}
.wpcf7-form input[type="checkbox"] {
    width: 25px!important;
    height: 25px;
    vertical-align: middle;
}

/* ### Error Messages on Contact Form 7 ### */
.wpcf7 span.wpcf7-not-valid-tip, .wpcf7-validation-errors {
    display: block !important;
}

.wpcf7-response-output {
    display: block!important;
}

.wpcf7 form .wpcf7-response-output {
    border: 0px solid #00a0d2!important;
}

.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.sent div.wpcf7-response-output {
    border-color: #46b450!important;
    border: 2px!important;
    background: #46b450!important;
    padding: 20px!important;
    color: #fff;
    border-radius: 5px;
    margin: 20px 0px!important;
}

#form-gdpr {
    padding: 15px;
    background: #eeeeee;
    border: 1px solid #e4e4e4;
    margin-bottom: 55px;
	margin-top:85px;
}

#form-gdpr .wpcf7-list-item {
    margin: 0 5px 0 0!important;
}

.wpcf7 form.wpcf7-form p {
    font-weight: 400!important;
}

p.form-padding-top {
    padding-top: 40px;
}

/*get a quote form headings*/
.page-id-292 .wpcf7 h2,
.page-id-292 .wpcf7 h3 {
    font-size: 46px!important;
	color: #3e95ad!important;
}

/* Accordions */
.vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon:after, .vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon:before {
    border-color: #5894ae!important;
}

/* HOMEPAGE */

.gradient-txt {
    color: #337b8e;
    background: linear-gradient(-45deg, #38ad5b, #3ce1e7, #23a6d5, #23d551);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 400% 400%;
    animation: gradient 8s ease infinite;
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
 
    50% {
        background-position: 100% 50%;
    }
 
    100% {
        background-position: 0% 50%;
    }
}

.gradient-txt_still {
    color: #337b8e;
    background: linear-gradient(-45deg, #38ad5b, #3ce1e7, #23a6d5, #23d551);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 400% 400%;
}

.testimonial-slide span {
    opacity: 0.95!important;
}

#homepage-portfolio .imagebox-img:hover {
    transform: scale(1.01);
    transition: all .2s ease-in-out;
    opacity: 0.8;
}

.homequote {
	font-size:75px;
	font-weight:700;
	line-height:80px;
	margin-top:60px;
}
.fade-in-homequote p {
	font-size:x-large;
}

.fade-in-homequote {
  animation: fadeIn 3s;
  -webkit-animation: fadeIn 3s;
  -moz-animation: fadeIn 3s;
  -o-animation: fadeIn 3s;
  -ms-animation: fadeIn 3s;
}

.home #header .logo {
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}



.imagebox {
    color: #333!important;
	border:0px!important;
}

#footer, #copyright {
    font-size: 16px!important;
}

/* SERVICES */
span.servicebox-arrow {
    background: #ccc;
    color: #fff;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-weight: 500;
}
.iconbox.wpb_content_element.iconbox-style-1.icon-color-accent.color-dark.animation-none:hover {
    background: #f4f4f4;
    border-radius: 8px;
}

/* PORTFOLIO */
.portfolio-detail-title.sixteen.alpha.omega.columns {
    display: none!important;
}

.portfolio-overlay-name .portfolio-overlay {
    background: #234049!important;
}

.portfolio-item h4 a {
    color: #666666!important;
    font-size: 26px!important;
    font-weight: 400!important;
    text-transform: initial!important;
}
.portfolio-filters ul li a {
    background: #24262b!important;
    color: #fff!important;
    border-radius: 25px;
    padding: 0px 15px;
}

.portfolio-filters ul li:after {
    content: ' '!important;
}

.portfolio-filters ul li a.active {
    color: #fff!important;
    background: #5693aa!important;
}
.portfolio-filters ul li a:hover {
    color: #fff!important;
    background: #5693aa!important;
}

/* ABOUT US LOGOS */
@media (max-width: 767px) {
    .aboutus-logo .customer-logo {
        width: 48.33%;
        display: inline-block;
    }
    .aboutus-logo .customer-logo.extra-pad50 {
        padding-bottom: 60px;
    }
}

/* MOBILE */

@media only screen and (max-width: 959px) {
	.fontsize-xxl {
        font-size: 32px !important;
        line-height: inherit!important;
    }
    
    .curvedtop {
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
		margin-top: -50px!important;
		background: #fff;
		z-index: 999;
	}
	
	.custom-page-header {
		padding-bottom:100px!important;
		padding-top:60px!important;
	}
	
	#fullimagecenter .title-h1 {
    padding: 50px 0!important;
	}
	
}

@media only screen and (max-width: 767px) {
	.fontsize-xxl {
        font-size: 32px !important;
        line-height: inherit!important;
    }
    
    .wpb_row .span_12 > .col.padding-2.mob-padding {
		padding: 5%!important;
	}
	
	.vc_col-sm-4.mob-extraheight.wpb_column.column_container.col.vertical-center.padding-3.animate.color-dark {
    min-height: 400px!important;
}
	
	.vc_col-sm-4.mob-hide.wpb_column.column_container.col.vertical-center.padding-3.animate.color-dark {
    display: none;
	}
	
	/* homepage*/
	#quoterow {
    padding-top: 50px!important;
    padding-bottom: 80px!important;
	}
	.homequote {
	font-size:50px;
	font-weight:700;
	line-height:55px;
	margin-top:30px;
	}
    .home .customer-logo {
        padding-bottom: 0px!important;
        padding-top: 0px!important;
        max-height: 160px!important;
    }
    .home .customer-logo.extra-pad50 {
        padding-bottom: 0px!important;
        padding-top: 50px!important;
        max-height: 160px!important;
    }
	
	.portfolio-element {
    margin: 0% 6% 6% 6%!important;
	}

	.portfolio-nomargin .portfolio-item {
		margin-top: 20px!important;
	}
	
    .portfolio-filters ul li a {
        margin-right: 5px!important;
        margin-bottom: 20px!important;
        font-size: small!important;
    }

	#fullimagecenter .title-h1 {
    padding: 50px 0!important;
	}
	
	.curvedtop {
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
		margin-top: -50px;
		background: #fff;
		padding-top: 30px!important;
		z-index: 999;
	}
	
	.curvedtop .portfolio-element {
		margin:0% 6% 6% 6%!important;
	}
	
	.curvedtop .portfolio-filters {
		margin:0px!important;
	}
	
}