/**
* Theme Name: Udrive Child
* Description: This is a child theme of Udrive, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/theme-kalia">Theme Kalia</a>
* Template: udrive
* Version: 1.4
*/


:root {
    --primary-blue: #42b5a6;
    --primary-yellow: #E4CF1D;
}

p, h1, h2, h3, h4, h5, h6, .list-style-one li, .main-menu .navigation > li > a {
    font-family: "Open Sans", serif !important;
}

.highlights-style-two .single-column:first-child .single-item {
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 65%, 90% 100%, 0% 100%, 0% 100%, 0% 0%);
}

.highlights-style-two .single-column:nth-child(2) .single-item {
    clip-path: polygon(0% 0%, 100% 0%, 100% 15%, 100% 100%, 80% 100%, 11% 100%, 0% 65%, 0% 20%);
}

.highlights-style-two .single-column:nth-child(3) .single-item {
    clip-path: polygon(0% 0%, 90% 0%, 100% 36%, 100% 100%, 80% 100%, 21% 100%, 0% 100%, 0% 20%);
}

.highlights-style-two .single-column:nth-child(4) .single-item {
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 100%, 90% 100%, 0% 100%, -15% 100%, 10% 0%);
}

.highlights-style-two .single-column:nth-child(5) .single-item {
    clip-path: polygon(0% 0%, 90% 0%, 100% 36%, 100% 100%, 80% 100%, 21% 100%, 0% 100%, 0% 20%);
}

.highlights-style-two .single-column:nth-child(6) .single-item {
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 100%, 90% 100%, 0% 100%, -15% 100%, 10% 0%);
}
@media only screen and (min-width: 768px) and (max-width: 946px){
    .single-item.wow.fadeInLeft.animated.animated {
        height: 250px;
    }
}
@media only screen and (min-width: 960px) and (max-width: 1008px){
    .single-item.wow.fadeInLeft.animated.animated {
        height: 200px;
    }
}
@media only screen and (min-width: 1017px) and (max-width: 1127px){
    .single-item.wow.fadeInLeft.animated.animated {
        height: 170px;
    }
}


.scroll-to-top .scroll-bar-text {
    color: var(--primary-blue);
}

.header-top .top-inner .single-item .icon {
    color: var(--primary-blue);
}

.header-top .top-inner .share-box li h6 i {
    color: var(--primary-blue);
}

.header-top .top-inner .share-box li a:hover {
    color: var(--primary-blue);
}

.theme-btn.btn-one {
    background: var(--primary-yellow);
}

.theme-btn.btn-two {
    background: var(--primary-yellow) !important;
    color: #121113 !important;
}

.sidebar-info-contents .content-inner .contact-info ul li a:hover {
    color: var(--primary-blue);
}

.sidebar-info-contents .content-inner .social-box li a:hover {
    background: var(--primary-blue);
    border-color: var(--primary-blue);
}

.main-header .outer-box .support-box h4 a:hover {
    color: var(--primary-blue);
}

.main-menu .navigation > li > .megamenu ul li:last-child a:hover {
    color: var(--primary-blue);
}

.main-menu .navigation > li > .megamenu ul li:last-child a:before {
    color: var(--primary-blue);
}

.main-menu .navigation > li > ul > li > a:before {
    color: var(--primary-blue);
}

.main-menu .navigation > li > ul > li > a:hover {
    color: var(--primary-blue);
}

.main-menu .navigation > li > ul > li > ul > li > a:hover {
    color: var(--primary-blue);
}

theme-btn.btn-two:hover {
    background: #CDBA1A !important;
    opacity: 0.1;
}

.theme-btn.btn-two:before {
    background: #CDBA1A !important;
}

.banner-carousel .content-box p:before {
    background: var(--primary-blue);
}

.banner-section .owl-theme .owl-dots .owl-dot.active span {
    background: var(--primary-blue);
}

.banner-section .curve-text h6 a:hover {
    color: var(--primary-blue);
}

.about-section .small-column .image-box .social-list li a:hover {
    background: var(--primary-blue);
}

.service-block-one .inner-box .image-box .icon-box:before {
    background: var(--primary-blue);
}

.service-block-one .inner-box .lower-content .text h4 a:hover {
    color: var(--primary-blue);
}

.service-block-one .inner-box:hover .lower-content .lower-box {
    background: var(--primary-blue);
}

.service-section .owl-theme .owl-dots .owl-dot.active span:before {
    color: var(--primary-blue);
}

.main-header .outer-box .menu-right .search-toggler:hover {
    color: var(--primary-blue);
}

.courses-section .left-column .inner-box .image-box .text {
    background: var(--primary-blue);
}

.courses-section .content-box .inner .single-item h6 a:hover {
    color: var(--primary-blue);
}

.courses-section .content-box .lower-content h5 i {
    color: var(--primary-blue);
}

.courses-section .right-column .inner-box .image-box .text {
    background: var(--primary-blue);
}

.highlights-section .single-item h4 i {
    color: var(--primary-blue);
}

.find-section .upper-box .content-box form .form-group input:focus {
    border-color: var(--primary-blue);
}

.process-section .left-column .inner-box .single-item p a:hover {
    color: var(--primary-blue);
}

.process-section .right-column .inner-box .single-item h4 a:hover {
    color: var(--primary-blue);
}

.pricing-block-one.active-block .pricing-table .table-header h2 {
    color: var(--primary-blue);
}

.pricing-block-one.active-block .pricing-table .table-header h2 .course {
    color: var(--primary-blue);
}

.highlights-style-two .single-item .inner .icon-list li {
    color: var(--primary-blue);
}

.highlights-style-two .single-item .inner h4 a:hover {
    color: var(--primary-blue);
}

.advanced-section .title-inner .download-box .icon {
    color: var(--primary-blue);
}

.advanced-section .title-inner .download-box h4 a:hover {
    color: var(--primary-blue);
}

.list-style-one li:before {
    color: var(--primary-blue);
}

.testimonial-section .title-inner .rating-box .rating li {
    background: var(--primary-blue);
}

.testimonial-section .sec-title h2 {
    font: normal normal bold 44px/48px Open Sans;
}

.testimonial-section .sec-title p {
    font: normal normal bold 20px/26px Open Sans;
}

.testimonil-block-one .inner-box .rating li {
    color: var(--primary-blue);
}

.testimonil-block-one .inner-box .author-box h6 {
    color: var(--primary-blue);
}

.news-block-one .inner-box .image-box .category {
    background: var(--primary-blue);
}

.news-block-one .inner-box .lower-content h4 a:hover {
    color: var(--primary-blue);
}

.news-block-one .inner-box .lower-content .post-info li a:hover {
    color: var(--primary-blue);
}

.news-block-one .inner-box .lower-content .link-box a:hover {
    color: var(--primary-blue);
}

.newsletter-section .single-item {
    background: var(--primary-blue);
}

.newsletter-section .single-item .content-box .icon-box {
    color: var(--primary-blue);
}

.newsletter-section .single-column:last-child .single-item .content-box .icon-box {
    background: var(--primary-blue);
}

.newsletter-section .single-item .content-box .subscribe-form .form-group button {
    background: var(--primary-blue);
}

.newsletter-section .shape .shape-8 {
    background: var(--primary-blue);
}

.footer-top .logo-widget .list li a:after {
    color: var(--primary-blue);
}

.footer-top .logo-widget .copyright p span,
.footer-top .logo-widget .copyright p span a {
    color: var(--primary-blue);
}

.footer-top .widget-title:before {
    background: var(--primary-blue);
}

.footer-top .links-widget .links-list li a:hover {
    color: var(--primary-blue);
}

.footer-top .links-widget .links-list li a:hover:before {
    background: var(--primary-blue);
}

.footer-top .gallery-widget .image-list li .image {
    background: var(--primary-blue);
}

.footer-bottom .list li a:hover {
    color: var(--primary-blue);
}

.main-menu .navigation > li > a {
    font-size: 16px !important;
}

@media only screen and (min-width: 1000px) {
    .main-header .outer-box .menu-right {
        margin-left: 120px !important;
        margin-right: 153px !important;
    }
}

.theme-btn {
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 700 !important;
    font-family: 'Open Sans', sans-serif !important;
    padding: 15px 38px !important;
    text-transform: uppercase;
}

.main-header .outer-box .logo-box {
    padding: 0 !important;
}

.logo img {
    padding-top: 15px;
    height: auto !important;
}

.banner-carousel .image-box .image {
    margin: 35px !important;
    clip-path: unset !important;

}

.banner-section .slide-item {
    padding-bottom: 180px !important;
}

.banner-section .curve-text .icon-box {
    left: 0 !important;
    top: 0 !important;
}


.banner-section .shape .shape-1 {
    top: 0 !important;
    right: 0 !important;
    width: 127px !important;
    height: 217px !important;
    background-repeat: no-repeat;
}

.banner-section .shape .shape-2 {
    right: 0 !important;
    bottom: 90px !important;
    width: 201px !important;
    height: 216px !important;
    background-repeat: no-repeat;
}

.banner-section .shape .shape-3 {
    right: 225px !important;
    bottom: 160px !important;
    width: 137px !important;
    height: 13px !important;
    background-repeat: no-repeat;
    z-index: 1;
}

.banner-section .shape .shape-4 {
    left: 50%;
    bottom: 47px !important;
    width: 183px !important;
    height: 21px !important;
    background-repeat: no-repeat;
}

.banner-section .shape .shape-5 {
    left: 370px !important;
    bottom: 100px !important;
    width: 137px !important;
    height: 13px !important;
    background-repeat: no-repeat;
    z-index: 1;
}

.banner-section .shape .shape-6 {
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 213px !important;
    background-repeat: no-repeat;

}

.banner-section .shape .shape-7 {
    left: 0 !important;
    bottom: 65px !important;
    width: 100% !important;
    height: 219px !important;
    background-repeat: no-repeat;
}

.banner-section .shape .shape-8 {
    left: 44% !important;
    top: 63% !important;
    width: 49px !important;
    height: 18px !important;
    background-repeat: no-repeat;
    z-index: 1;
}

.banner-section .owl-theme .owl-dots .owl-dot span:before {
    color: #40484E !important;
}

.banner-section .owl-theme .owl-dots .owl-dot.active span:before {
    color: #FFFFFF !important;
}

.banner-section .owl-dots {
    bottom: 30px !important;
}

.elementor-widget:not(:last-child) {
    margin-bottom: 0 !important;
}

.contact-details .elementor-widget:not(:last-child) {
    margin-bottom: 20px !important;
}

.banner-section .content-box {
    max-width: 735px !important;
}

.banner-carousel .content-box h2 {
    text-align: left;
    font: normal normal bold 55px/60px Open Sans !important;
    letter-spacing: -0.82px !important;
    color: #1A1A1A;
    opacity: 1;
}

.banner-carousel .image-box .image.overlay-layer:before {
    background: transparent !important;
}

.highlights-style-two {
    background: #40484E !important;
}

.highlights-style-two .sec-title p {
    width: 635px;
    color: #F5F5F5 !important;
}

.highlights-style-two .single-item .inner h4 {
    font-size: 20px !important;
    line-height: 26px !important;
    font-weight: 700 !important;
    margin-bottom: 11px !important;
    color: #1A1A1A !important;
    transition: all 500ms ease;
}

.fomco-features .single-item p {
    font-family: 'Open Sans', sans-serif;
    color: #525B64 !important;
    font-weight: 400 !important;
    margin: 0;
    transition: all 500ms ease;
}

.fomco-features .single-item p {
    text-align: left;
    font: normal normal normal 16px/26px Open Sans;
    letter-spacing: -0.35px;
    color: #525B64;
    opacity: 1;
}
.advanced-section .title-inner .sec-title {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.advanced-section .list-style-one li {
    color: #1A1A1A;
    font: normal normal bold 20px/24px Open Sans;
    letter-spacing: 0;
}

.testimonil-block-one .inner-box {
    padding: 80px 50px 60px 40px !important;
}

.testimonil-block-one .inner-box .author-box {
    padding: 7px 0 9px 0 !important;
}

.testimonil-block-one .inner-box h4 {
    color: var(--primary-yellow) !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
}

.contact-section {
    position: relative;
    padding: 96px 0;
    background: #40484E 0 0 no-repeat padding-box;
}

.contact-form-inputs {
    width: 80%;
    max-width: 1030px;
}

.contact-section-title h1 {
    text-align: left;
    font: normal normal bold 44px/52px Open Sans;
    letter-spacing: 0;
    color: #FFFFFF;
    width: 51%;
}

.contact-section-title {
    margin-bottom: 30px;
}

.contact-section-title .pattern-layer {
    width: 43%;
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: inherit;
}

.contact-form-inputs input[type=email],
.contact-form-inputs input[type=tel],
.contact-form-inputs input[type=text], select, .wpcf7-textarea {
    width: 100%;
    padding: 15px 25px;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    background: #FFFFFF 0 0 no-repeat padding-box;
}

.contact-form-inputs .wpcf7-spinner {
    position: absolute;
}

.succes-message img {
    padding-bottom: 50px;
}

.succes-message h1 {
    padding-bottom: 50px;
}

.succes-message {
    display: flex;
    align-items: center;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
}

.contact-form-inputs ::placeholder {
    text-align: left;
    font: normal normal normal 16px/52px Open Sans;
    letter-spacing: 0px;
    color: #868686;
    opacity: 1;
}

.contact-form-inputs input[type=submit] {
    background: #E4CF1D;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 2px;
    opacity: 1;
    width: 200px;
    height: 60px;
    text-align: center;
    font: normal normal bold 16px/26px Open Sans;
    letter-spacing: 0;
    color: #1A1A1A;
    text-transform: uppercase;
}

.contact-address {
    background: #F5F5F5 0 0 no-repeat padding-box;
    height: 280px;
    padding: 65px;
}

/** scroll-to-top **/
.scroll-to-top {
    position: fixed;
    right: 25px !important;
}

.scroll-top-inner {
    border-radius: 50%;
    background-color: #E4CF1D;
    width: 50px;
    height: 50px;
}

.scroll-to-top .visible {
    visibility: visible !important;
    opacity: 1 !important;
}

.arrow-to-top {
    width: 30px;
    height: 30px;
    position: relative;
    transform: rotate(-135deg)
}

.arrow-to-top::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    border: 20px solid transparent;
    border-top: 10px solid;
    border-right: 10px solid;
    border-top-color: #40484E;
    transform: translateX(-15%);
    cursor: pointer;
}

.scroll-to-top .scroll-top-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: flex-end;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    justify-content: space-around;
}

.scroll-to-top .scroll-bar {
    width: 50px;
    height: 2px;
    margin-right: 10px;
    position: relative;
}

.scroll-to-top .scroll-bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #f4244f;
    opacity: .3;
}

.scroll-to-top .scroll-bar .bar-inner {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: currentColor;
}

.scroll-to-top .scroll-bar-text {
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 500ms ease;
}

.scroll-to-top .scroll-bar-text:hover {
    transform: scale(1.1);
}

.program-de-lucru p {
    color: #1A1A1A !important;
}

.newsletter-form {
    text-align: center;
}

.newsletter-form p {
    display: flex;
    justify-content: center;
    align-items: center;
}

.newsletter-form .wpcf7-spinner {
    position: absolute;
}

.newsletter-container .wpcf7 input[type="email"] {
    background: #FFFFFF;
    height: 52px;
    width: 218px;
    padding: 15px 20px;
    font: normal normal normal 16px/52px Open Sans;
    letter-spacing: 0px;
    color: #868686
}

.newsletter-icon {
    width: 52px;
    height: 52px;
    background: #42B5A6 no-repeat;
    background-position: 50%;
    background-image: url('./assets/images/letterbutton.svg');
    font-size: 0;
    line-height: 0;
    margin-top: 17px;
}

.footer-bottom {
    display: flex;
    color: #E2E2E2;
    font: normal normal normal 16px/24px Open Sans;
}
.highlights-style-two .sec-title {
    max-width: 650px !important;
}
.row.clearfix {
    display: flex;
    justify-content: center;
}
.row.clearfix .theme-btn.btn-one{
    margin-top: 54px;
}
.contact-section-title h1 {
    text-align: left;
    font: normal normal bold 44px/52px Open Sans;
    letter-spacing: 0;
    color: #FFFFFF;
    width: 60%;
    margin-left: -5%;
}
@media only screen and (max-width: 768px){
    .contact-section-title h1 {
        text-align: left;
        font: normal normal bold 44px/52px Open Sans;
        letter-spacing: 0;
        color: #FFFFFF;
        width: 80%;
        margin-left: 11%;
    }
}
/* top up button */
/*.scroll-top-inner::before {*/
/*    content: "Go to top";*/
/*    display: block;*/
/*    transform: rotate(359deg) translateX(-100%);*/
/*    white-space: nowrap;*/
/*    margin: 5px 0;*/
/*	  font: normal normal bold 14px/19px Open Sans;*/
/*		letter-spacing: 0px;*/
/*		color: #42B5A6;*/
/*		opacity: 1;*/
/*		margin-left: 100%;*/
/*}*/
/*.scroll-top-inner{*/
/*    background-color: #e4cf1d00;*/
/*}*/
/*.arrow-to-top::after{*/
/*		display: none;*/
/*}*/
/*.arrow-to-top{*/
/*    content: "";*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 2px;*/
/*    position: absolute;*/
/*    background: linear-gradient(90deg, rgba(82,91,100,1) 50%, rgba(226,226,226,1) 50%);*/
/*    top: 50%;*/
/*    left: -260%;*/
/*		margin-left: 50%;*/
/*    transform: rotate(180deg);*/
/*}*/
.contact-section-title .pattern-layer {
    width: 40%;
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: inherit;
    margin-left: 5%;
}
h4.elementor-heading-title.elementor-size-default {
    text-align: left;
    font: normal normal bold 20px/24px Open Sans !important;
    opacity: 1;
}
	.highlights-style-two .sec-title h2 {
    width: 94% !important;
}
.highlights-style-two .shape .shape-2{
    left: 64% !important;
}
.advanced-section .list-style-one li{
    padding-right: 20px;
}
section.advanced-section .sec-title h2{
    font: normal normal bold 40px/48px Open Sans !important;
}
.testimonial-section .title-inner .sec-title p {
    color: #fff;
    padding-top: 20px;
}
.contact-section-title .pattern-layer {
    width: 20%;
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: inherit;
    margin-left: 25%;
}