/*
Theme Name: grandprixoil
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
h2 {
	font-size: 50px;
	line-height: 1;
}
h3 {
	font-size: 28px;
}
.section.has-parallax h5 {
	font-size: 20px;
	line-height: 22px;
	font-weight: normal !important;
}
p {
	line-height: 23px;
}
.nav-dark .is-outline, .dark .nav>li>a, .dark .nav>li.html, .dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical>li>ul li a, .nav-dropdown.dark>li>a, .nav-dropdown.dark .nav-column>li>a, .nav-dark .nav>li>a, .nav-dark .nav>li>button {
	color: rgba(255,255,255);
}
.back-to-top.is-outline:hover {
	color: #16110D;
}
.nav-uppercase>li>a {
	font-weight: normal;
}
.header-phone a {
	font-size: 18px;
}
.flex-left .header-nav li a.nav-top-link:hover {
 border-bottom: 1px #FCEA10 solid;
}
.header-main .flex-col.hide-for-medium.flex-left {
	flex: none;
	margin: 0 auto;
}
.header-nav-main .html_topbar_left {
	margin-right: 40px;
}
.flex-right .header-nav-main li:nth-child(2),
.flex-right .header-nav-main li:nth-child(3) {
	padding-right: 7px;
	margin-right: 0;
	border-right: 1px solid #D4D4D4;
}
.flex-right .header-nav-main .lang-item a {
	padding: 0;
	line-height: 1;
}
.flex-right .header-nav-main li.lang-item {
	line-height: 1;
	padding-bottom: 2px;
}
.flex-right .header-nav-main .current-lang a {
    color: #FCEA10 !important;
    cursor: default;
    pointer-events: none;
}
.absolute-footer {
	padding-top: 20px;
}

.icon-download{
    position: absolute;
    right: 20px;
    top: 40%;
}
.work-section .number-row .col-inner {
	background: linear-gradient(180deg, rgba(252, 234, 16, 0.14) 0%, #FCEA10 100%);
	height: 278px;
}
.work-section .icon-box .icon-box-img {
    margin-bottom: 0;
    position: absolute;
    left: 0;
    top: -3px;
}
.work-section .icon-box .icon-box-img:after {
    position: absolute;
     content: ""; 
     background: url('/wp-content/uploads/2021/02/arrow-right.svg');
	 width: 135px;
     height: 43px;
     top: 25px;
     left: 145px;
}
.work-section .row .col:last-child .icon-box .icon-box-img:after {
	display: none;
}
.gpo-section h5,
.gpo-section p {
	margin-bottom: 0;
}
div.wpforms-container-full .wpforms-form input[type=text], 
div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form textarea {
	background-color: transparent;
	box-shadow: none;
	border: 1px solid #424242;
}
div.wpforms-container-full .wpforms-form input[type=submit], 
div.wpforms-container-full .wpforms-form button[type=submit], 
div.wpforms-container-full .wpforms-form .wpforms-page-button {
	background-color: #16110D !important;
	border: none;
	color: #fff;
	font-size: 1em;
	padding: 0 15px;
	width: calc(50% - 16px);
	position: absolute;
	top: -115px;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
	position: relative;
	top: -58px;
	height: 160px;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
	margin-bottom: -79px;
}
div.wpforms-container-full .wpforms-form label.wpforms-error {
	position: absolute;
}
.wpforms-confirmation-container-full, 
div[submit-success]>.wpforms-confirmation-container-full {
	margin: 0 auto 154px;
}
.gpo-section .divider {
	display: none;
}
.text-footer-addr {
	padding-top: 10px;
}
.header .stuck .header-main .nav > li > a {
	line-height: 1;
}
.arrow-down {
	width: 1px;
	margin: 0 auto;
	position: relative;
	bottom: -150px;
}
.arrow-down span {
	display: block;
	width: 30px;
	height: 30px;
	border-bottom: 5px solid #FCEA10;
	border-right: 5px solid #FCEA10;
	transform: rotate(45deg);
	margin: -16px;
	animation: arrow-down 2s infinite;
}
.arrow-down span:nth-child(2){
	animation-delay: -0.2s;
}
.arrow-down span:nth-child(3){
	animation-delay: -0.4s;
}

@keyframes arrow-down {
	0%{
			opacity: 0;
			transform: rotate(45deg) translate(-20px,-20px);
	}
	50%{
			opacity: 1;
	}
	100%{
			opacity: 0;
			transform: rotate(45deg) translate(20px,20px);
	}
}
.benefits__number {
	opacity: 0;
}
.draw {
	width: 100%;
	height: auto;
	opacity: 0;
}

@keyframes draw
{
	0% {stroke-dasharray: 0 99999;}
	100% {stroke-dasharray: 99999 99999;}
}

@keyframes pathfill
{
	0% {fill-opacity:0;}
	100% {fill-opacity:1;}
}
.absolute-footer {
	padding-top: 15px;
}
.absolute-footer .icon-box-img {
	display: inline-block;
	margin-bottom: 0;
}
.absolute-footer .icon-box-text {
	display: inline-block;
	padding-left: 15px;
}
.mfp-bg {
	background: #000;
}
.section-map li{
	margin-bottom: 5px;
}
.phone-footer {
	padding: 12px 0;
}
@media only screen and (max-width: 1300px) {
	.work-section .icon-box .icon-box-img:after {
		width: 100px;
	}
}
@media only screen and (max-width: 1200px) {
	.gpo-section .benefits__inner > .col {
		max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
	}
	.header-phone a {
		display: none;
	}
	.work-section .icon-box .icon-box-img:after {
    width: 42px;
		left: 170px;
	}
}
@media only screen and (max-width: 991px) {
	.nav-size-medium>li>a {
    font-size: 14px;
	}
	.header #logo {
    width: 120px;
	}
	.work-section .icon-box .icon-box-img:after {
    display: none;
	}
}
@media only screen and (max-width: 850px) {
	.header-main {
    height: 70px !important;
	}
	.header #logo {
		display: none;
	}
	.header .stuck #logo {
		display: block;
	}
	div.wpforms-container-full .wpforms-form .wpforms-one-half {
		width: 100%;
	}
	div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
		position: unset;
		height: 160px;
	}
	div.wpforms-container-full .wpforms-form .wpforms-one-half {
		margin-left: 0;
	}
	div.wpforms-container-full .wpforms-form input[type=submit], 
	div.wpforms-container-full .wpforms-form button[type=submit], 
	div.wpforms-container-full .wpforms-form .wpforms-page-button {
    width: 100%;
    position: unset;
	}
}
@media only screen and (max-width: 550px) {
	.col {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		}
	
	h3 {
		font-size: 20px;		
		line-height: 1;
	}
	h2 {
		font-size: 34px;
		line-height: 1;
	}
	#content .partners-section .ux-logo {
		max-width: 150px!important;
	}
	.gpo-section .divider {
		display: block;
	}
	.gpo-section .is-border {
		display: none;
	}

	div.wpforms-container-full {
    margin-right: 15px;
	}
}
.icon-download a[href="#download"]{
	display: none;
}
.adv-section:after {
	content: " ";
	display: block;
	position: absolute;
/* 	top: 200px; */
  left: 0;
	background-image: url('/wp-content/uploads/2021/03/bg-adv-ylw.svg'); 
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 100%;
	height: 100%;
	opacity: .8;
}
.adv-section .section-bg:after {
	content: " ";
	display: block;
	position: absolute;
	/* top: 274px; */
  left: 0;
	background-image: url('/wp-content/uploads/2021/03/bg-adv-br.svg'); 
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 100%;
	height: 100%;
}