
/*
Theme Name:     Divi Child – Original
Theme URI:      https://www.elegantthemes.com/gallery/divi/
Description:    Divi Child – A Theme for WordPress
Author:         GraVoc
Author URI:     https://www.gravoc.com/
Template:       Divi
Version:        1.0
*/

/* Theme customization starts here...
----------------------------------------------------------------------------- */

/******************************************************************************\
*** Your Custom CSS
\******************************************************************************/

/* HEADER */
#top-menu li a {
	font-weight: normal;
	line-height: 1em;
}

#et-secondary-nav li {
	margin-right: 75px;
}

.et-fixed-header #et-secondary-nav li {
	margin-right: 105px;
}

.et-fixed-header #et-secondary-nav li ul li {
	margin-right: 0px;
}

.et-fixed-header #et-secondary-nav > li:last-child {
	margin-right: 0px;
}

.et-fixed-header #top-menu li a {
	font-size: 20px !important;
}

#top-header.et-fixed-header a {
	font-size: 16px !important;
}

#et-secondary-menu {
	float: none;
	text-align: center;
}

#et-secondary-nav li li a {
	text-transform: none !important;
	font-size: 18px !important;
	padding: 10px;
	text-align: left;
}

#et-secondary-nav li li {
	padding: 10px;
}

#et-secondary-nav li > ul {
	width: 240px;
}

#et_top_search {
	top: 2px;
}

.et-fixed-header #et_top_search {
	top: 2px;
}

.header-content .et_pb_fullwidth_header_subhead {
	/*width: 60%;*/
	margin-left: auto;
	margin-right: auto;
}

#top-header {
	z-index: 9999;
}

@media only screen and (min-width: 981px) {
	#main-header {
		top: 0 !important;
		z-index: 9999;
	}
	
	#top-header {
		top: 94px !important;
	}
	
	#top-header.et-fixed-header {
		top: 60px !important;
	}
	
	.admin-bar #main-header {
		top: 31px !important;
	}
	
	.admin-bar #top-header {
		top: 126px !important;
	}
	
	.admin-bar .et-fixed-header#top-header {
		top: 91px !important;
	}
}

#top-menu li.border-menu a {
	border: 2px solid #50acc8;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px !important;
}

.et-fixed-header#top-header #et-secondary-nav li ul {
	background-color: #f2f2f2 !important;
}

/*  FOOTER  */

/*  MODULES  */
.no-pad-left-blurbs .et_pb_blurb_position_left .et_pb_blurb_container {
	padding-left: 0px;
}

.et_pb_blurb_content {
	max-width: 100%;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
	max-width: 1080px;
	width: 100%;
}

.fullwidth-menu li.current-page-ancestor, .page-id-17250 .fullwidth-menu li.page-item-17250 {
	float: left;
	text-transform: uppercase;
	padding-top: 5px;
}

.fullwidth-menu li.current-page-parent a, .fullwidth-menu li.current-page-ancestor a, .page-id-17250 .fullwidth-menu li.menu-item-17358 a {
	font-size: 18px !important;
}

.fullwidth-menu li.current_page_item {
	font-weight: bold;
}

.et_pb_main_blurb_image {
	margin-bottom: 10px;
	text-align: left;
}

/*  MISCELLANEOUS  */
.custom-footer .et_pb_blurb .et_pb_blurb_content h4 {
	color: #fff !important;
}

.et_pb_specialty_fullwidth .et_pb_column_4_4 h4.et_pb_module_header {
	font-size: 18px;
}

.et_pb_post h2 {
	text-transform: none;
}

h5.et_pb_toggle_title {
	font-size: 24px;
}

.clear-group {
	white-space: pre-line;
	line-height: 0;
}

.clear-group h1 {
	display: inline-block;
	line-height: 100%;
}

.clear-group .header-content .et_pb_fullwidth_header_subhead {
	padding: 40px !important;
}

.home-news .et_pb_post {
	margin-bottom: 20px;
	background-color: #72bbd3;
	padding: 20px;
	border: 0px;
}

.home-news .et_pb_post a.more-link {
	color: #fff;
	text-align: right;
	text-transform: uppercase;
}

.home-news .et_pb_post h2 {
	margin-top: 0px;
}

.et_pb_social_media_follow li a.icon {
	height: 45px;
	width: 45px;
}

.et_pb_social_media_follow li a.icon::before {
	height: 45px;
	width: 45px;
	font-size: 23px;
	line-height: 45px;
}

div.widget_rotatingtweets_widget, div.rotatingtweet, div.widget_rotatingtweets_widget div.widget-title {
	max-width: 90%;
}

#logmeinsupport input:matches([type="button"], [type="submit"], [type="reset"]) {
	background-color: #439dc0;
	color: #fff;
	font-size: 18px;
	padding: 12px;
	width: 100%;
	border: none;
	border-radius: 4px;
}

.et_pb_post:last-of-type {
	margin-bottom: 0px;
}

/*IMAGE TRANSITIONS*/
.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}

.hovereffect .et_pb_blurb_container {
	position: absolute;
	overflow: hidden;
	width: 80%;
	height: 80%;
	left: 10%;
	top: 10%;
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
}

.hovereffect:hover .et_pb_blurb_container {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.hovereffect img {
	display: block;
	position: relative;
	-webkit-transition: all .35s;
	transition: all .35s;
}

.hovereffect h4 {
	text-transform: uppercase;
	text-align: center;
	position: relative;
	top: 28%;
	font-size: 32px;
	background-color: transparent;
	color: #fff;
	padding: .5em 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

.hovereffect p {
	color: #fff;
	text-align: center;
	text-align: center;
	position: relative;
	top: 30%;
	padding: 0em;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	font-size: 18px;
	text-transform: uppercase;
}

.hovereffect.two-lines p, .hovereffect.two-lines h4 {
	top: 22%;
}

.hovereffect a {
	color: #fff;
}

.hovereffect:hover p, .hovereffect:hover h4 {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.blurb-home-standard h4.et_pb_module_header {
	font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif;
	font-size: 22px;
	color: #747d88 !important;
	padding-top: 5px;
}

.blurb-home-standard svg {
	vertical-align: top;
}

.page-template-page-survey #top-header, .page-template-page-survey #main-header {
	display: none;
}

.fullwidth-menu li.parent, .fullwidth-menu li.et_pb_menu_page_id-16588, .fullwidth-menu li.et_pb_menu_page_id-16732, .fullwidth-menu li.et_pb_menu_page_id-16472 {
	float: left;
	text-transform: uppercase;
	padding-top: 5px;
	font-size: 18px !important;
}

@media all and (min-width: 1901px) and (max-width: 2500px) {
	.left-diagonal:after {
		top: -150px;
		height: 85%;
	}
}

@media all and (min-width: 1501px) and (max-width: 1900px) {
	.left-diagonal:after {
		top: -131px;
		height: 68%;
	}
}

@media all and (min-width: 1001px) and (max-width: 1500px) {
	.left-diagonal:after {
		top: -116px;
	}
}

/*@media all and (min-width: 1455px) and (max-width: 1456px) {
.page-id-19589 .et_pb_blurb_0.et_pb_blurb {
	padding-bottom: 127px !important;
}
}*/
@media all and (min-width: 1432px) and (max-width: 1456px) {
	.hover-cols-alt .et_pb_blurb.home-blurb-yellow {
		padding-bottom: 127px !important;
	}
}

/*@media all and (min-width: 1423px) and (max-width: 1535px) {
.page-id-19589 .et_pb_blurb_2.et_pb_blurb {
	padding-bottom: 160px !important;
}
}*/

/* @media all and (max-width: 1381px) {
.et_pb_number_counter .percent p span.percent-value {
	font-size: 85px;
}
}

@media all and (max-width: 1306px) {
.et_pb_number_counter .percent p span.percent-value {
	font-size: 80px;
}
} */
@media all and (max-width: 1299px) {
	.front-header  .et_pb_text.et_pb_text_1 h1 {
		font-size: 55px;
	}
}

/*@media all and (min-width: 1093px) and (max-width: 1288px) {
.page-id-19589 .et_pb_blurb_0.et_pb_blurb {
	padding-bottom: 142px !important;
}
}*/
@media all and (min-width: 1281px) {
	.home-banner .et_pb_row {
		padding: 280px 0px;
	}
}

@media all and (max-width: 1280px) {
	.home-banner .et_pb_row {
		padding: 120px 50px;
	}
	
	.home-banner .et_pb_row .et_pb_text_align_right {
		text-align: right;
	}
}

@media all and (min-width: 1132px) and (max-width: 1280px) {
	#top-header, #top-header a, #et-secondary-nav li li a, #top-header .et-social-icon a:before, #top-header.et-fixed-header a {
		font-size: 16px !important;
	}
}

@media all and (max-width: 1224px) {
	#main-content .front-header.et_pb_text_1 h1 {
		font-size: 52px !important;
	}
}

@media all and (max-width: 1228px) {
	.et_pb_number_counter .percent p span.percent-value {
		font-size: 75px;
	}
}

@media all and (min-width: 981px) and (max-width: 1235px) {
	.home-support h4 {
		font-size: 20px;
		margin-top: 15px;
	}
}

@media all and (max-width: 1190px) {
	.front-header  .et_pb_text.et_pb_text_1 h1 {
		font-size: 50px !important;
	}
}

@media all and (max-width: 1173px) {
	#menu-information-technology.fullwidth-menu #menu-item-16686 {
		max-width: 140px;
	}
}

@media all and (max-width: 1170px) {
	.hovereffect p {
		top: 25%;
	}
	
	.hovereffect h4 {
		top: 25%;
	}
	
	.hovereffect.two-lines p, .hovereffect.two-lines h4 {
		top: 20%;
	}
}

@media all and (max-width: 1164px) {
	#main-content .front-header.et_pb_text_1 h1 {
		font-size: 48px !important;
	}
}

@media all and (max-width: 1150px) {
	.et_pb_number_counter .percent p span.percent-value {
		font-size: 70px;
	}
}

@media all and (max-width: 1131px) {
	#top-header, #top-header a, #et-secondary-nav li li a, #top-header .et-social-icon a:before, #top-header.et-fixed-header a {
		font-size: 14px !important;
	}
}

@media all and (max-width: 1106px) {
	#main-content .front-header.et_pb_text_1 h1 {
		font-size: 44px !important;
	}
}

@media all and (max-width: 1104px) {
	#menu-information-technology.fullwidth-menu #menu-item-16686 {
		font-size: 16px !important;
		max-width: 125px;
	}
}

@media all and (max-width: 1082px) {
	.front-header  .et_pb_text.et_pb_text_1 h1 {
		font-size: 45px !important;
	}
}

@media all and (max-width: 1073px) {
	.et_pb_number_counter .percent p span.percent-value {
		font-size: 65px;
	}
}

@media all and (max-width: 1047px) {
	#main-content .front-header.et_pb_text_1 h1 {
		font-size: 40px !important;
	}
}

@media all and (max-width: 1037px) {
	#menu-information-technology.fullwidth-menu li {
		padding-right: 10px;
	}
}

@media all and (min-width: 994px) and (max-width: 1011px) {
	#top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {
		padding-right: 15px;
	}
}

@media all and (max-width: 1020px) {
	.et_pb_number_counter_2.et_pb_number_counter h3 {
		font-size: 18px !important;
	}
	
	.et_pb_number_counter .title h3 {
		font-size: 18px !important;
	}
}

@media all and (max-width: 1000px) {
	.left-diagonal:after {
		top: -90px;
	}
}

@media all and (max-width: 997px) {
	.et_pb_number_counter .percent p span.percent-value {
		font-size: 60px;
	}
}

@media all and (min-width: 981px) and (max-width: 993px) {
	#top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {
		padding-right: 15px;
	}
}

@media all and (max-width: 988px) {
	#main-content .front-header.et_pb_text_1 h1 {
		font-size: 38px !important;
	}
}

@media all and (min-width: 981px) {
	#et-secondary-nav li, .et-fixed-header #et-secondary-nav li {
		margin-right: 0px;
	}
	
	.et_ie9 #et-secondary-nav li, .et_ie9 .et-fixed-header #et-secondary-nav li, .et_ie8 #et-secondary-nav li, .et_ie8 .et-fixed-header #et-secondary-nav li {
		display: table-cell;
	}
	
	.et_ie9 #et-secondary-nav li ul li, .et_ie9 .et-fixed-header #et-secondary-nav li ul li, .et_ie8 #et-secondary-nav li ul li, .et_ie8 .et-fixed-header #et-secondary-nav li ul li {
		display: block;
	}
	
	ul#et-secondary-nav {
		display: flex;
		justify-content: space-between;
	}
	
	.et_ie9 ul#et-secondary-nav, .et_ie8 ul#et-secondary-nav {
		display: table;
		width: 100%;
		text-align: center;
	}
}

@media all and (max-width: 980px) {
	.et_pb_column.hovereffect {
		margin-bottom: 0px !important;
	}
	
	.oneComp .et_pb_text {
		text-align: center;
	}
	
	.home-support .et_pb_text {
		text-align: center !important;
	}
	
	.contact-us-section-home .et_pb_row.et_pb_row_fullwidth, .contact-us-section-home.et_pb_specialty_fullwidth>.et_pb_row {
		width: 100% !important;
	}
	
	.row-color-2-col .et_parallax_bg, .row-color-4-col .et_parallax_bg, .row-color-3-col .et_parallax_bg {
		background-image: none !important;
		background-color: #35d687 !important;
	}
	
	.row-color-2-col .et_parallax_bg.nitro-lazy, .row-color-4-col .et_parallax_bg.nitro-lazy, .row-color-3-col .et_parallax_bg.nitro-lazy {
		background-image: none !important;
	}
	
	.row-color-4-col .et_pb_text.et_pb_bg_layout_light p, .row-color-3-col .et_pb_text.et_pb_bg_layout_light p {
		color: #fff !important;
		padding: 20px;
	}
	
	.row-color-2-col .et_pb_column_1_2 .et_pb_module.et_pb_text {
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 80% !important;
	}
	
	.row-color-2-col .et_pb_column_1_2:last-of-type .et_pb_module.et_pb_text {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.row-color-2-col .et_pb_circle_counter_0.et_pb_bg_layout_light.et_pb_circle_counter .percent p, .row-color-2-col .et_pb_number_counter.et_pb_module.et_pb_bg_layout_light .percent {
		color: #fff !important;
	}
	
	@media all and (max-width: 739px) {
		.et_pb_column .et_pb_row_inner, .et_pb_row {
			padding: 15px 0;
		}
	}
	
	@media all and (max-width: 744px) {
		.et_pb_gutters1 .contact-form-home .et_pb_row_1-4_1-4 .et_pb_column.et_pb_column_1_4 {
			width: 100% !important;
		}
	}
	
	@media all and (max-width: 394px) {
		.front-header  .et_pb_text.et_pb_text_1 h1 {
			font-size: 38px !important;
		}
	}
	
	@media all and (max-width: 379px) {
		#main-content .front-header.et_pb_text_1 h1 {
			font-size: 34px !important;
		}
	}
	
	@media all and (max-width: 350px) {
		#main-content .front-header.et_pb_text_1 h1 {
			font-size: 30px !important;
		}
	}
	
	@media all and (max-width: 333px) {
		.front-header  .et_pb_text.et_pb_text_1 h1 {
			font-size: 34px !important;
		}
	}
	
	@media all and (max-width: 320px) {
		#main-content .front-header.et_pb_text_1 h1 {
			font-size: 28px !important;
		}
	}
	
	@media all and (max-width: 306px) {
		#main-content .front-header.et_pb_text_1 h1 {
			font-size: 24px !important;
		}
	}
	
	@media all and (max-width: 297px) {
		.front-header  .et_pb_text.et_pb_text_1 h1 {
			font-size: 30px !important;
		}
	}
	
	@media all and (max-width: 276px) {
		#main-content .front-header.et_pb_text_1 h1 {
			font-size: 22px !important;
		}
	}
	
	@media all and (max-width: 262px) {
		.front-header  .et_pb_text.et_pb_text_1 h1 {
			font-size: 28px !important;
		}
	}
	
	@-webkit-keyframes slideInLeft {
		from {
			-webkit-transform: translate3d(-100%, 0, 0);
			transform: translate3d(-100%, 0, 0);
			visibility: visible;
		}
		
		to {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
	}
	
	@keyframes slideInLeft {
		from {
			-webkit-transform: translate3d(-100%, 0, 0);
			transform: translate3d(-100%, 0, 0);
			visibility: visible;
		}
		
		to {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
	}
	
	.slideInLeft {
		-webkit-animation-name: slideInLeft;
		animation-name: slideInLeft;
		-webkit-animation-delay: 2s !important;
		animation-delay: 3s !important;
	}
	
	@-webkit-keyframes slideInRight {
		from {
			-webkit-transform: translate3d(100%, 0, 0);
			transform: translate3d(100%, 0, 0);
			visibility: visible;
		}
		
		to {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
	}
	
	@keyframes slideInRight {
		from {
			-webkit-transform: translate3d(100%, 0, 0);
			transform: translate3d(100%, 0, 0);
			visibility: visible;
		}
		
		to {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
	}
	
	.slideInRight {
		-webkit-animation-name: slideInRight;
		animation-name: slideInRight;
		animation-delay: 4s !important;
	}
	
	.animated {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	
	/**TESTING**/
	.slant.et_pb_specialty_fullwidth > .et_pb_row {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.slant .et_pb_column_1_2 {
		margin-right: 0px;
		width: 50%;
	}
	
	.slant-col-left {
		margin-right: 0px;
		width: 50%;
		-webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
	}
	
	.slant-col-right {
		-webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
	}
	
	#et-main-area {
		overflow: hidden;
	}
	
	/* Hides all the items that float over the right margin */
	.big-triangle:after, .big-triangle:before {
		content: "";
		position: absolute;
		bottom: 0;
		width: 50%;
		z-index: 100;
		border-bottom: 50px solid #f2f2f2;
		-moz-transform: rotate(.000001deg);
		-webkit-transform: rotate(.000001deg);
		-o-transform: rotate(.000001deg);
		-ms-transform: rotate(.000001deg);
		transform: rotate(.000001deg);
	}
	
	.big-triangle:before {
		right: 50%;
		border-right: 75px solid transparent;
		border-left: 1000px solid;
	}
	
	.big-triangle:after {
		left: 50%;
		border-left: 75px solid transparent;
		border-right: 1000px solid;
	}
	
	#et-main-area {
		overflow: hidden;
	}
	
	/* Hides all the items that float over the right margin */
	.big-triangle2:after, .big-triangle2:before {
		content: "";
		position: absolute;
		bottom: 0;
		width: 50%;
		z-index: 100;
		border-bottom: 50px solid #fff;
		-moz-transform: rotate(.000001deg);
		-webkit-transform: rotate(.000001deg);
		-o-transform: rotate(.000001deg);
		-ms-transform: rotate(.000001deg);
		transform: rotate(.000001deg);
	}
	
	.big-triangle2:before {
		right: 50%;
		border-right: 75px solid transparent;
		border-left: 1000px solid;
	}
	
	.big-triangle2:after {
		left: 50%;
		border-left: 75px solid transparent;
		border-right: 1000px solid;
	}
}
