/*!
Theme Name: bascom_hunter_v2
Theme URI: http://underscores.me/
Author: Underscores.me 
Author URI: http://underscores.me/ 
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bascom_hunter_v2
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

bascom_hunter_v2 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
    - Normalize
    - Box sizing
# Base
    - Typography
    - Elements
    - Links
    - Forms
## Layouts
# Components
    - Navigation
    - Posts and pages
    - Comments
    - Widgets
    - Media
    - Captions
    - Galleries
# plugins
    - Jetpack infinite scroll
# Utilities
    - Accessibility
    - Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize

font-family: 'Nunito', sans-serif;
--------------------------------------------- */

/*@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');*/

html { box-sizing: border-box; }
body { background: #fff; font-size: 18px; line-height: normal;font-weight: 400; font-family: 'Nunito', sans-serif; color: #000000;} 
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }
img { height: auto; max-width: 100%; }
figure { margin: 1em 0; }
table { margin: 0 0 1.5em; width: 100%; }

p{font-size: 22px;  margin-bottom: 15px;}
li{font-size: 22px;}
small{font-size: 18px;}
a{color: #00B3FD; text-decoration: none; transition: all 0.3s;}
a:hover{ color: #00B3FD; text-decoration: none; outline: none;}


blockquote{color: #000000;font-size: 24px; font-weight: 700; font-style: italic; line-height: 28px; /* Text style for "“, Lorem i" */ letter-spacing: 1.2px;}

/*## Title*/
/*body.single-service h1{font-size: 60px}*/
h1{font-size: 80px; font-weight: 600;}
h2{font-size: 50px; font-weight: 400;line-height: 1.36;}
h3{font-size: 45px; font-weight: 600;}
h4{font-size: 35px; font-weight: 400;}
h5,aside#secondary h2{font-size: 30px; font-weight: 600;}
h6{font-size: 20px; font-weight: 700;}
.h1 {font-size: 80px; font-weight: 600;}
.h2 {font-size: 50px; font-weight: 400;line-height: 1.36;}

h2.banner_h2{font-size: 60px;line-height: 1.2;font-weight: 600;}
.outer-acordian h3{font-size: 30px;font-weight: 400}
.page-template-tp-about h2.blue,.page-template-tp-service h2.coral{font-size: 35px;font-weight:600;}

.title-tp-label { color: #00B3FD; font-size: 22px; letter-spacing: 2.2px; line-height: 35px; text-transform: uppercase; font-weight: 700; display: block; margin-bottom: 10px; }

/*Class*/
button{font-size: 20px; font-weight: 700;}
.bg-cover{background-size: cover; background-position: center center; background-repeat: no-repeat;}
.bg-cover .img-hide,.img-hide{opacity: 0; visibility: hidden; width: 100%;}

/*Btn*/
.btn,input[type="submit"]{ min-width: 260px; height: auto; /*background-color: #16E8B8;*/ background-color: #6fe6bc; color: #000; text-transform: uppercase; outline: none; border: none;  font-weight: 700; font-size: 18px; padding: 15px; line-height: normal; border-radius: 65px; transition: all 0.3s; border: none;box-shadow: 0px 5px 7px #9595954D;} 
.btn:hover{background-color: #FF6663; color: #fff;box-shadow: 0px 5px 7px #9595954D;}
a.btn:hover, a.btn:focus,input[type="submit"]:hover{background-color: #FF6663; color: #fff; box-shadow: none;}
.btn.focus, .btn:focus{outline: none; box-shadow: none; }

.btn.btn-primary{/*background-color: #16E8B8;*/ color: #000; background-color: #6fe6bc ; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{    background-color: #FF6663; border-color: #FF6663; outline: none;}
.btn.btn-secondary { background-color: transparent; padding: 0 0 5px 0; color: #000; text-transform: uppercase; min-width: inherit; box-shadow: none; position: relative;}
.btn.btn-secondary:after { content: ""; background: url(images/icons/Line-Straight-new.svg) no-repeat; position: absolute; left: 0; top: auto; bottom: 0; width: 100%; height: 4px; background-size: 100% 100%; opacity: 0; transition: opacity 0.5s;}
.btn.btn-secondary:hover,.btn.btn-secondary:focus{background-color: transparent; color: #000;}
.btn.btn-secondary:hover:after{opacity: 1;}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus{box-shadow: none; background-color: transparent; color: #000;}

.btn-link.btn-dashed { font-size: 45px; display: table; color: #000; position: relative; padding-bottom: 30px; margin-bottom: 15px; }
.btn-link.btn-dashed:after { content: ""; background: url(images/line/line-1-blue.svg) no-repeat; position: absolute; top: auto; bottom: 0; width: 100%; height: 16px; left: 0; background-position: center center; background-size: 95% 100%; }
.btn-link.btn-dashed.btn-dashed-coral:after{background-image: url(images/line/line-1-coral.svg);}
.btn-link:hover,.btn-link:focus{text-decoration: none; outline: none;}


body a.btn.btn-secondary.myfindout:hover{color: #ff6663}
body a.btn.btn-secondary.myfindout{min-width: auto;display: inline-block;text-align: left;margin-bottom: 30px}

/*Form*/
input, select, textarea{
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    
    height: 75px;
    border: 1px solid #d7d6d1;
    background-color: transparent;
    color: #000;
    padding: 15px 25px;
    font-weight: 300;
    font-size: 22px; }
textarea{ height: 200px; resize: none; padding-top: 25px; }

select:focus, input:focus,textarea:focus,button:focus,select:hover,input:hover,textarea:hover,button:hover { outline: none; }
::-webkit-input-placeholder { opacity: 1; color: #a3a3a3;} 
:-moz-placeholder { opacity: 1; color: #a3a3a3;}
::-moz-placeholder { opacity: 1; color: #a3a3a3;}
:-ms-input-placeholder { opacity: 1; color: #a3a3a3;} 
   
input{ -moz-appearance: value; appearance: value; -webkit-appearance: none; outline: none; box-shadow: none; }  


textarea:-moz-placeholder { text-transform: inherit;}
textarea::-moz-placeholder710 { text-transform: inherit;}
textarea:-ms-input-placeholder { text-transform: inherit;}
input::-ms-clear { display: none;} 
select::-ms-expand {display: none;} 

/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  { -webkit-box-shadow: 0 0 0 100px #fff inset !important; }
/*Change text in autofill textbox*/
input:-webkit-autofill { -webkit-text-fill-color: #000 !important; font-weight: 300; font-size: 22px; }
input:-webkit-autofill::first-line { font-weight: 300; font-size: 22px;}

/*contact form*/
.wpcf7-form-control-wrap{display: block; width: 100%;}
.wpcf7-form-control-wrap .wpcf7-form-control{width: 100%;}
.row.form-group.submit-btn { text-align: center; }
.form-group { margin-bottom: 25px; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { border: none; text-align: left;    margin: 1em 0 1em; padding: 0; }
.wpcf7-not-valid-tip { color: #dc3232 !important; font-size: 10px; font-weight: normal; display: block; text-transform: uppercase; margin-top: 5px; }
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border: none; text-align: center;    margin: 1em 0 1em; padding: 0; }
div.wpcf7 .ajax-loader{background-image: url(images/loader.gif);}

form p label {
    width: 100%;
    margin-bottom: 0;
}
form p{
    margin-bottom: 10px;
}
form input[type="submit"]{min-width: 140px;}


.social-links{display: flex; align-items: center; list-style: none; padding: 0; margin: 0;}
.social-links li{margin-left: 44px;}
.social-links li a .icon{width: 50px; height: 50px; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center; color: #000; font-size: 28px; transition: all 0.5s;}
.social-links li a:hover .icon { /*background: #16E8B8;*/ background: #6fe6bc; }

/*============================================
# header
============================================*/
.site-header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; }
.site-branding { position: absolute; top: 0px; left: 24px; width: 116px; height: 215px; box-shadow: 0px 3px 6px rgba(0,0,41,0.35); border-radius: 0px 0px 10px 10px; opacity: 0.9; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff; z-index: 9999; }



/*menu toggle*/
.menu-toggle{ width: 36px; height: 24px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; display: inline-block; margin-top: 42px;}
.menu-toggle span{ display: block; position: absolute; height: 3px; width: 100%; background: #000; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; border-radius: 4px;}
.menu-toggle span { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.menu-toggle span:nth-child(2) { top: 10px; }
.menu-toggle span:nth-child(3) { top: 20px; }

.menu-open .menu-toggle span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -2px; left: 5px; }
.menu-open .menu-toggle span:nth-child(2)  { width: 0%; opacity: 0; }
.menu-open .menu-toggle span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 24px; left: 5px; }


/*Menu*/
body.menu-open{overflow: hidden;}
.main-navigation { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 9998; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: -webkit-transform .6s cubic-bezier(.77,0,.175,1); transition: transform .6s cubic-bezier(.77,0,.175,1); transition: transform .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1); overflow: auto; }
.main-navigation .menu { display: block; position: absolute; left: 0; top: 50%; transform: translateY(-100%); right: 0; margin: 0 auto; text-align: center; transition: transform 0.4s,opacity 0.3s; opacity: 0;padding: 50px 0 }
.main-navigation ul{ padding: 0; margin: 0; }
.main-navigation ul li{list-style: none; width: 100%;}
.main-navigation ul li a{font-weight: 700; text-transform: uppercase; display: inline-block; font-size: 80px; color: #000;}
.touch .main-navigation ul li.open > .sub-menu{display: block;}
.main-navigation .menu > li { margin: 0 15px; opacity: 0; transition: opacity 0.3s; margin: 25px 0;}


.main-navigation .menu > li > a:hover,
.main-navigation .menu > li.current-menu-item > a {/* color: #16E8B8;*/ color: #6fe6bc; }

.main-navigation .menu > li > a{position: relative;}
.main-navigation .menu > li > a:after{ content: "";
    background: url(images/line/line-1-green.svg) no-repeat;
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 12px;
    opacity: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-position: center center;
    background-size: 100% 116%;

    width: 200px;
    background-size: 247px 90px;

     }

.main-navigation .menu > li > a:hover:after,
.main-navigation .menu > li.current-menu-item > a:after{
    opacity: 1;
}

.menu-open .main-navigation{-webkit-transform: translateY(0);transform: translateY(0)}
.menu-open .main-navigation .menu { transform: translateY(-50%); transition-delay: 1s; opacity: 1; }
.menu-open .main-navigation .menu > li{ opacity: 1;  }



/*============================================
# Footer
============================================*/
.site-footer{background-color: #000000;color: #ffffff; padding-top: 45px; padding-bottom: 45px; font-size: 18px;}
.site-footer a{color: #fff;}
.footer-left { display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer-links ul{ padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.footer-links li{ list-style: none; width: 50%; margin-bottom: 5px;}
.footer-links li.current_page_item a{/*color: #16E8B8;*/color: #6fe6bc;}
.footer-links li a{ color: #fff; }
.site-footer p{font-size: 18px;}
.site-footer .logo{max-width: 107px;}
.col.footer-links { max-width: 200px; }
.site-footer .social-links{justify-content: flex-end;} 

/*========================================================================================
# main content 
========================================================================================*/
.main-content{overflow: hidden;}
.section{position: relative;}

/*Radius BG*/
.bg-white-radius{position: relative; overflow: hidden; z-index: 1;}
.bg-white-radius:after { content: ""; background-color: #fff; position: absolute; left: 0; top: -20%; width: 60%; height: 130%; border-radius: 0 50% 50% 0; z-index: 1; }
.bg-radius-top{position: relative; margin-top: 14%;background-color: #f5f5f5;}
.bg-radius-top:before {
    content: "";
    background-color: #f5f5f5;
    position: absolute;
    left: -5%;
    top: -110px;
    width: 150%;
    height: 400px;
    border-radius: 120% 120% 0 0;
    z-index: -1;
    transform: rotate(8deg);
}

.bg-white{background-color: #fff;}
.bg-green{/*background-color: #16E8B8;*/ background-color: #6fe6bc; }
.bg-coral{/*background-color: #FF6663;*/ background-color: #ff6663; }
.bg-blue{background-color: #00B3FD;}
.bg-black{background-color: #000000;}
.bg-grey{background-color: #959595;}

.blue{color: #00B3FD;}
.coral{/*color: #FF6663;*/ color: #ff6663; }
.green{/*color: #16E8B8;*/ color: #6fe6bc }

.cir{border-radius: 50%; position: absolute; z-index: 1; width: 50px; height: 50px;}
.cir.x4 { width: 80px; height: 80px; }
.cir.x04 { width: 76px; height: 76px; }
.cir.x3 { width: 56px; height: 56px; }
.cir.x2 { width: 40px; height: 40px; }
.cir.x02 { width: 30px; height: 30px; }
.cir.x1 { width: 25px; height: 25px; }
.cir.x0 { width: 15px; height: 15px; }
.dot.x0 { border-radius: 50%; width: 13px; height: 13px; display: inline-block; }

.move-cir-big .rcir.x4 { width: 90px; height: 90px; }
.move-cir-big .rcir.x3 { width: 70px; height: 70px; } 
.move-cir-big .rcir.x2 { width: 40px; height: 40px; } 

.image-round-small {width: 330px;height: 330px;border-radius: 50%;overflow: hidden;display: inline-block;}
.image-round { border-radius: 50%; overflow: hidden; display: inline-block; width: 470px; height: 470px;/* background-color: #16E8B8; */ background-color: #6fe6bc; }
.image-round.green-pattern{background: url(images/dots-bg-circle.png) no-repeat;}
.image-round.blue-pattern{background: #00B3FD url(images/about-dancer-dot-bg.png) no-repeat; background-size: 100% 100%;}
.image-round.coral-pattern{background: #FF6663 url(images/service-car-bg.png) no-repeat; background-size: 100% 100%;}
.image-round.open-circle { overflow: visible; }

.image-round:not(.blue-pattern):not(.coral-pattern):not(.open-circle){
    position: relative;
    z-index: 1;
    transition: transform 0.5s;
    transition-delay: 0s !important;
}
.image-round:not(.blue-pattern):not(.coral-pattern):not(.open-circle):hover,
.image-round-small.bg-green:hover{
    transform: scale(1.05);
    transition-delay: 0s !important;
}

.vshide{opacity: 0; visibility: hidden; transition: opacity 0.3s;}

/*Slick dots*/
.slick-slide{outline: none !important;}
.slick-dots li button{width: 13px; height: 13px;padding: 0; opacity:1;}
.slick-dots li button:before{content: ""; /*background-color: #16E8B8;*/ background-color: #6fe6bc; width: 13px; height: 13px; opacity: 0.5; border-radius: 50%;}
.slick-dots li.slick-active button:before,.slick-dots li:hover button:before{opacity: 1;}


/*Overlay*/
.overlay{position: relative;}
.overlay:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.5;}
.overlay.o--green:after{ /*background-color: #16E8B8;*/ background-color: #6fe6bc; }
.overlay.o--coral:after{ background-color: #FF6663; }
.overlay.o--blue:after{ background-color: #00B3FD; }

/*Hover*/
.site-footer a:hover{/*color: #16E8B8;*/color: #6fe6bc;}


/*-----------------------------
# Section global
-----------------------------*/
.section--wheight {
    height: 100vh;
}

/* Image + content */
/* .section-image-content .row{align-items: center;} */
.section-image-content h2.title{margin-bottom: 30px;}
.section-image-content.image--right .image{text-align: right;}

.section-image-content.image--left .image{text-align: left;}
.section-image-content.image--left .image{order: 1; padding-left: 60px;}
.section-image-content.image--left .content{order: 2;}

.content > p + .btn{margin-top: 30px;}

.page-title { margin-bottom: 60px; }
.container.p-left{padding-left: 6.6%;}

a.box-link {position: absolute;left: 0;top: 0;width: 100%;z-index: 1;height: 100%;}

.scroll-arrow-hide .scroll-down{display: none;}


/*-----------------------------
# Home page
------------------------------*/
.home-top-hero{position: relative; }

.home-top-hero span.cloud.vector--colud {
    transform: translateY(20%);
}
/*.home-top-hero.aos-animate span.cloud.vector--colud {
    transform: translateY(0%);
}*/


/*Home -- Hero top banner*/
.home-top-hero .hero-banner-bottom,
.home-top-hero .section-hero-banner{z-index: auto; min-height: 250px;}
.home-top-hero .section-hero-banner .container{padding-left: 138px;}
.section-hero-banner{display: flex; align-items: center; background: url('images/dots-bg.png') repeat; background-position: center right;}
.section-hero-banner:before{ content: ""; position: absolute; bottom: 0; top: auto; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); width: 100%; height: 55%; }
.section-hero-banner .row > div,
.hero-banner-bottom .container,
.section-acordian .container{z-index: 3;}
.hero-banner-bottom .container,
.section-acordian .container{position: relative;}
.hero-content .title{margin-bottom: 30px;}
.col.hero-content { max-width: 50%;  position: relative; top: -30px; }
.col.hero-image{ position: absolute; left: auto; right: -20px; max-width: 50%; margin-left: auto; height: 100%; display: block;}
.hero-banner-bottom{padding-bottom: 100px; }
.hero-banner-bottom .container{ max-width: 980px;     }
.section-hero-banner .circle-vector { position: absolute; left: auto; right: 0; max-width: 750px; width: 100%; height: 70%; top: -30px; margin: auto; bottom: 0; z-index:2 !important; }
.sky-drive-solo { position: absolute; left: auto; right: 60px; display: block; width: 100%; text-align: right; top: 80px; max-width: 860px; backface-visibility: hidden;}
.sky-drive-solo img{transition: transform 0.1s;}


.section-hero-banner .circle-vector .cir.bg-white{ left: 0; top: 60%; }
.section-hero-banner .circle-vector .cir.bg-blue {
    left: auto;
    top: auto;
    bottom: 34%;
    right: 8%;
    animation: none;
}
/*.section-hero-banner .circle-vector .cir.bg-coral {
    left: 0%;
    top: 30%;
    width: 60px;
    height: 60px;
}*/
/*.section-hero-banner .circle-vector .cir.bg-black {
    left: 15%;
    top: auto;
    bottom: 15%;
    width: 35px;
    height: 35px;
}*/
.section-hero-banner .circle-vector .cir.bg-green{ left: 50%; top: 150%; opacity: 0; display: none;}

body .circle-vector.load-animation .cir{transition: all 2s 0s; animation-delay: 1s;}
.section-hero-banner .circle-vector.load-animation .cir.bg-green{
    top: 30%;
    opacity: 1;
}
.section-hero-banner .circle-vector.load-animation .cir.bg-blue,
.after-first-load .section-hero-banner .circle-vector .cir.bg-blue{
    bottom: 15%;
}
.circle-vector.load-animation .cir.bg-white {
    top: 10%;
    left: -5%;
}
/*.circle-vector.load-animation .cir.bg-black{ bottom: 5%; }*/
.circle-vector.load-animation .cir.bg-white {
    top: 15%;
    left: 2%;
}
/*body .circle-vector.load-animation .cir.bg-coral {
    top: 82%;
}*/
.section-hero-banner .circle-vector .cir { /*transform: translateY(0) !important;*/ }


.section-hero-banner .move-360 .bg-coral {
    left: 25%;
    top: 50%;
    /* transform: translate(-50%,-50%) !important; */
    width: 50px;
    height: 50px;
}
.section-hero-banner .move-360 .bg-black {
    left: auto;
    right: -10%;
    bottom: 25%;
    width: 30px;
    height: 30px;
}

.section-hero-banner .circle-vector.load-animation .cir.bg-white { display: none; }

.hero-banner-bottom p { font-size: 15px; line-height: 26px; }

/*Home --  accordian*/
.section-acordian{background-color: #F8F8F8; padding: 135px 0;}
.section-acordian .content .title{margin-bottom: 20px;}
.tab_container .image{ position: absolute; right: 0; top: 70px; left: auto; }
.tab_container { width: 100%; }
.tab_content { padding: 5px 80px 15px 48px; display: none; }
.tab_content .content > p + .btn{margin-top: 5px;}
.tab_drawer_heading { display: none; }
.tabs { display: none; }
.tab_drawer_heading { margin: 30px 0 0 0; padding: 0 0 0 48px; display: inline-block; width: 100%; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 400; position: relative; }
.d_active { color: #FF6663;}
.tab_drawer_heading:before { content: ""; position: absolute; left: 0; top: 12px; background: url(images/icons/Arrow_Dotted_black.svg) no-repeat; width: 28px; height: 16px; background-size: 100% 100%; transition: transform 0.3s; }
.tab_drawer_heading.d_active:before{background-image: url('images/icons/Arrow_Dotted_coral.svg');transform: rotate(180deg);}


    

/*Home -- Testimonial*/
.icon-qouate{border-radius: 50%; width: 75px; height: 75px; background: #6fe6bc url('images/icons/icon-qoute.svg') no-repeat; background-size: auto 40px; background-position: center center;}
.section-testimonials{padding-top: 140px; padding-bottom: 70px;}
.section-testimonials .container{max-width: 1294px;}
.section-testimonials .icon-qouate{position: absolute; left: 0; right: 0; margin: 0 auto; top: 70px;}
.testimonial-carsoul { margin-top: 50px; margin-bottom: 0 !important; padding-bottom: 65px; }
.testimonial-carsoul .item{text-align: center;}
.testimonial-carsoul .item .name{color: #959595; margin-top: 25px;}

/*Home -- Service */
.section-box-image{padding-top: 110px;}
.section-box-image .row{margin: 64px -8px 0 -8px;}
.section-box-image .row .item{padding: 0 8px; }
.section-box-image .item-inner{position: relative; border-radius: 10px; color: #fff; padding: 30px; overflow: hidden; height: 578px;}
.section-box-image .item-inner h3 { padding-right: 20px; }
.section-box-image .item-inner:after { content: ""; /*background: #16E8B8;*/ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: #6fe6bc; }
.section-box-image .item-inner .btn{color: #fff; position: absolute; top: auto; bottom: 20px;}
.section-box-image .item-inner .btn:after{background-image: url(images/icons/Line-Straight-new-white.svg); opacity: 1;}
.section-box-image .item-inner .service-image {  bottom: 0; left: auto; right: 0; position: absolute; transition: opacity 0.3s;}
.section-box-image .item-inner .service-image img { max-height: 410px; }
.section-box-image .item-inner .vshide{backface-visibility: hidden;}
.section-box-image .item-inner:hover .vshide{opacity: 1; visibility: visible;}
.section-box-image .item-inner:hover:after{background-color: #FF6663;}
.section-box-image .item-inner:hover .service-image{opacity: 0;}

/*Home -- Connect*/
.section-contact{ padding-top: 230px; padding-bottom: 210px;}
.section-contact .container{position: relative;} 
.section-contact .row .content{padding: 0;}
.section-contact .image-round{position: relative;}
.section-contact .image .animate-img { position: absolute; top: -30%; left: 0; right: 0; }
.image .image-parachute > img{max-height: 570px;}

.section-contact .image .image-plane { top: 35%;  left: calc(100% - 190px); right: auto; }
.image .image-plane > img{max-width: 250px;}

/*Home -- post*/
.section-views{background-color: #F5F5F5; padding-top: 70px; padding-bottom: 105px;}
.section-views .container{position: relative;}
.section-views .title{margin-bottom: 48px;}
.post-carsoul .item,
.views-post .item{padding: 0 36px; backface-visibility: hidden;}
.filter-image {
    display: block;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.post-carsoul .item .post-image,
.views-post .item .post-image{position: relative;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);}
.post-carsoul .item .filter-image:after,.views-post .item .filter-image:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.5; transition: opacity 0.5s;}
.post-carsoul .item.o-green .filter-image:after,
.views-post .item.o-green .filter-image:after{/*background-color: #16E8B8; */background-color: #6fe6bc;}
.post-carsoul .item.o-coral .filter-image:after,
.views-post .item.o-coral .filter-image:after{background-color: #FF6663;}
.post-carsoul .item.o-blue .filter-image:after,
.views-post .item.o-blue .filter-image:after,.views-post .item-inner.o-blue .filter-image:after{background-color: #00B3FD;}
.post-carsoul .item .post-content,
.views-post .item .post-content{ z-index: 1; position: relative; background: #f5f5f5; padding: 20px; max-width: calc(100% - 40px); margin: -20% auto 0 auto; border-top: 5px solid #000; border-radius: 0 0 10px 10px;}
.post-content .tag { position: absolute; top: -47px; background: #000; left: 0; display: block; color: #fff; width: 111px; height: 44px; text-align: center; padding: 9px 0; text-transform: uppercase; border-radius: 10px 10px 0px 0px; }

.post-carsoul .item:hover .filter-image:after,
.views-post .item .item-inner:hover .filter-image:after{opacity: 0;}
.views-post .item .item-inner:hover .post-image, 
.post-carsoul .item:hover .post-image{
        -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
}
.views-post .item .item-inner:hover .btn.btn-secondary:after{opacity: 1;}

.views-post .item .post-image { /* -webkit-filter: none; -moz-filter: none; filter: none;*/ background-blend-mode: multiply;    }
.views-post .item .post-image img {  }
.views-post .post-image-wrap:after { content: ''; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.5; transition: opacity 0.5s; }

.post-image-wrap { position: relative;    border-radius: 10px; overflow: hidden; }
.views-post .item.o-green .post-image-wrap:after{ background-color: #6fe6bc;}
.views-post .item.o-coral .post-image-wrap:after{background-color: #FF6663;}
.views-post .item.o-blue .post-image-wrap:after{background-color: #00B3FD;}

/*.views-post .item.o-green .post-image { background-color:  rgb(111, 230, 188) }
.views-post .item.o-coral .post-image { background-color:  rgb(255, 102, 99) }
.views-post .item.o-blue .post-image { background-color:  rgb(0, 179, 253) }*/

.views-post .item .item-inner:hover .post-image {  background-color: transparent; }
.views-post .item .item-inner:hover .post-image-wrap:after {  background-color: transparent; }

/*---------------------------
#About page
-----------------------------*/
.section--page-top .btn,.section--about-article .btn,.section--about-article .btn,.what-makes--row .content .content-inner .btn{min-width: 210px;}

.section--page-top.bg-white-radius:after{width: 60.5%;} 
.section--page-top.flex-item-center{display: flex; align-items: center;}
.section--page-top .container{z-index: 2;}
.section--page-top:before { content: ""; position: absolute; left: auto; right: 0; top: 0; height: 100%; width: 95%; background: #00B3FD url(images/about-top-banner-dots.png) no-repeat; background-position: top right; background-size: 100% 100%; }

.section--page-top .row .content{max-width: 39.5%;}
.section--page-top .row .image{max-width: 55%; margin-left: auto;} 


.section--page-top .row .image { position: absolute; left: auto; right: 0%; top: 0; }
.section--page-top .row .image .about--dancer-image.dancer--1 { transform: translate3d(85px, 50%, 0); opacity: 0;}
.section--page-top .row .image .about--dancer-image.dancer--2{ transform: translate3d(0, 20%, 0); opacity: 0;}
.section--page-top.aos-animate .row .image .about--dancer-image.dancer--1 { transform: translate3d(85px, 10%, 0); opacity: 1;}
.section--page-top.aos-animate .row .image .about--dancer-image.dancer--2{ transform: translate3d(0, -10%, 0); opacity: 1;}


.section--about-article .article-item{padding-top: 90px; padding-bottom: 90px;}
.section--about-article .article-item:last-child{padding-bottom: 170px;}
.section--about-article .article-item .row{align-items: center;}
.article-item .content .content-inner{max-width: 630px;}
.article-item .content .title{margin-bottom: 15px;}
.article-item .content p{margin-bottom: 10px;}
.article-item .image-round .inner{ display: block; width: 100%; height: 100%; }
.section--about-article .article-item .image-round { width: 676px; height: 676px; margin-left: auto; display: block; text-align: center; position: relative; }
.section--about-article .article-item .image-round img { position: absolute; top: 50%; transform: translateY(-50%); max-height: 830px; left: 0; right: 0; margin: 0 auto; }
.article-item .content-inner .btn{margin-top: 45px;}
.article-item:nth-child(2) .image-round img{max-height: 1000px;    top: 40%; margin-left: -40px;}


.article-item .move-cir-big .rcir.x4.bg-black{left: auto; right: 0;}
.article-item .move-cir-big .rcir.x3.bg-blue{top: 20%; left: 0;}
.article-item .move-cir-big .rcir.x2.bg-coral { top: 35%; left: -3%; }

.article-item:nth-child(2) .move-cir-big{ transform: rotate(-30deg); }
.article-item:nth-child(2).aos-animate .move-cir-big{ transform: rotate(0deg); }
.article-item:nth-child(2) .move-cir-big .rcir.bg-coral { width: 65px; height: 65px; left: auto; right: 0; bottom: 0; }
.article-item:nth-child(2) .move-cir-big .rcir.bg-black { width: 30px; height: 30px; left: auto; right: 8%; top: -5%; }
.article-item:nth-child(2) .move-cir-big .rcir.bg-blue { width: 55px; height: 55px; left: auto; right: -5px; top: 3%; }


.section--about-wahtmakes{background-color: #f5f5f5; padding-bottom: 150px;}
.section--about-wahtmakes .title.section-title { max-width: 500px; }
.what-makes--row{align-items: center; padding-top: 75px; padding-bottom: 75px;}
.what-makes--row:first-of-type { padding-top: 0; }


.what-makes--row .image{padding-left: 15px; padding-right: 90px;}
.what-makes--row:nth-child(odd) .image{ order: 1; padding-left: 90px; padding-right: 15px;}
.what-makes--row:nth-child(odd) .content{ order: 2; }
.what-makes--row:nth-child(odd) .content .content-inner{margin-left: auto;}


.what-makes--row .image-round{width: 500px; height: 500px; display: block; margin: 0 auto;}
.what-makes--row .image-round img{max-height: 500px;}
.what-makes--row .content .content-inner{max-width: 680px;}
.what-makes--row .content .content-inner .title{margin-bottom: 10px;}
.what-makes--row .content .content-inner p{margin-bottom: 10px;}
.what-makes--row .content .content-inner .btn-link.btn-dashed{margin-top: 60px;}
.what-makes--row .content .content-inner .btn{margin-top: 20px;}

.what-makes--row .move-cir-big{max-width: 560px;}
.what-makes--row .move-cir-big .rcir.bg-blue{  width: 80px; height: 80px; left: 95%; }
.what-makes--row .move-cir-big .rcir.bg-black{ width: 35px; height: 35px; left: auto; right: 0; top: auto; bottom: 0;}

.what-makes--row:nth-child(odd) .move-cir-big .rcir.bg-blue{left: 2%;}
.what-makes--row:nth-child(odd) .move-cir-big .rcir.bg-black{left: -5%; top: 30%; bottom: auto;}

.what-makes--row .move-cir-big.cir--1 .rcir.bg-blue{width: 130px; height: 130px;}
.what-makes--row .move-cir-big.cir--3 .rcir.bg-blue{left: 100%; top: 15%;}
.what-makes--row .move-cir-big.cir--3 .rcir.bg-black { top: 50%; right: -15%; left: auto; }
.what-makes--row .move-cir-big.cir--4 .rcir.bg-blue{    top: auto; bottom: 11%; left: 3%;}
.what-makes--row .move-cir-big.cir--4 .rcir.bg-black {top: auto; bottom: 55%; left: -5%; }


/*---------------------------
# Views page
----------------------------*/
.rotation-image {opacity: 0; transition: opacity 0.3s;}
.aos-animate .rotation-image{opacity: 1; transition-delay: 2s;}

.section--page-top.section--views-post.bg-white-radius:after{width: 59%;}
/*.section--page-top.section--views-post{min-height: 750px;}*/

.section--views-post .row{align-items: center;}

.section-views-listing .container,
.section--views-post .container{padding: 0 70px;}
.section--views-post .page-title { margin-bottom: 45px;}

.section--views-post.section--page-top:before{ background-image: url('images/Views-Top-Banner-Bgd.png'); background-size: cover;}
.section--views-post.section--page-top .image{right: 1.5%; top: 50%; transform: translateY(-50%);}
.section--views-post .content-inner {   max-width: 500px;}
.section--views-post .image img{max-width: 840px; max-height: 760px; display: block; margin-left: auto;}

.section-views-listing .container{position: relative;}
.section-views-listing{padding-bottom: 200px; padding-top: 80px; background-color: #f5f5f5;}
.views-post .item{margin: 18px 0;}

.section-views-listing .rcir{opacity: 1;}

/*----------------------------------------
# Single page 
----------------------------------------*/
nav.navigation.post-navigation{display: none;}
.single-post .scroll-down{display: none;}
.single-header-banner{  min-height: 250px; background-image: url('images/single-header-banner-bg.png'); background-position: right center; background-size: cover;}
.single-header-banner .container{
    position: relative;
}
.vector-circle2 {
    position: absolute;
    left: auto;
    top: 55px;
    right: 7%;
    width: 260px;
    height: 160px;
}
.vector-circle2 .cir.bg-coral.x3{
    top: auto;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 80px;
}
.vector-circle2 .cir.bg-blue.x2{
    top: 0;
    left: 30%;
    width: 50px;
    height: 50px;
}
.vector-circle2 .cir.bg-black.x1 {
    top: auto;
    bottom: 8%;
    left: auto;
    right: 2%;
    width: 40px;
    height: 40px;
}
.section--single-page{padding-top: 70px; padding-bottom: 70px;}
.section--single-page .site-main{max-width: 68%;flex: 0 0 68%; padding-right: 35px;}
.section--single-page .sidebar {
    max-width: 31%;
    flex: 0 0 31%;
    padding: 0 70px 0 20px;
    margin-left: auto;
}
.sidebar .views-post .item .post-content{
    background-color: #fff;
}
.section--single-page .entry-header {
    max-width: 90%;
}
h1.entry-title,.sub-title {
    margin-bottom: 20px;
}
.entry-meta{margin-bottom: 35px;}
.entry-meta a{color: #000;}
.section--single-page img.size-full {
    width: 100%;
}
.section--single-page p{
    margin-bottom: 30px;
}
.section--single-page .sub-title{
    font-size: 25px;
    color: #00B3FD;
}
.section--single-page .site-main h3 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 35px
}
.section--single-page .site-main h4{color: #00B3FD;font-size: 24px;}  
.section--single-page .site-main h5{color: #00B3FD;font-size: 22px;}
.section--single-page .site-main h6{font-size: 18px;}

/*----- Sidebar*/
.sidebar-inner {
    position: absolute;
    max-width: 390px;
    width: 390px;
    margin: 0 auto;
    display: block;
    margin: 0 auto;
    padding-top: 30px;
}
/*.sidebar-inner.fixed{
    position: fixed;
}*/
.sidebar-block{padding-bottom: 20px; font-size: 22px;}
.sidebar-block p {font-size: 16px;margin-bottom: 15px;}
.sidebar-block .row {margin: 0;}
.sidebar-block .row > div { padding: 0;}
.sidebar-block .views-post .item{margin: 10px 0;}
.sidebar-block .views-post .post-content .tag{top: -35px;width: 85px; height: 35px;padding: 6px 0; font-size: 18px;}
.sidebar-block ul {padding-left: 20px; padding-top: 5px;}
.sidebar-block ul li {padding: 8px 0;}
.sidebar-block ul li a{color: #000;}
.sidebar-block ul li a:hover{color: #FF6663;}


/*----------------------------------
#Contact page 
-----------------------------------*/
.section--contactus{margin-bottom: 70px;}
.section--contactus .content{
    padding-top: 15%;
}
.section--contactus .content .content-inner {
    max-width: 640px;
    padding-left: 10%;
}
.section--contactus .page-title{
    margin-bottom: 35px;
}
.section--contactus .map {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    max-width: 50%;
    height: 100%;
    padding: 0;
}
.map-inner-radius {
    width: 1400px;
    height: 1400px;
    border-radius: 80% 80% 70% 80%;
    overflow: hidden;
    left: auto;
    right: -40%;
    position: absolute;
    top: -10%;
    z-index: -1;
}
.map-inner-radius .map-inner{
    width: 100%;
    height: 100%;
}

.map .cir.bg-blue.x3 {
    top: 10%;
    left: -20%;
    width: 75px;
    height: 75px;
}
.map .cir.bg-green.x2 {
    top: auto;
    bottom: 11%;
    left: -10%;
}
.map .cir.bg-coral.x2 {
    top: auto;
    bottom: 2%;
    left: 30%;
}

.section--contactus input[type="submit"]{
    margin-top: 35px;
}
.section--contactus .wpcf7{
    padding-top: 35px;
}

/*-------------------------------
#Service page
--------------------------------*/
.section-service-banner:before {
    background: #FF6663 url(images/ServicesTopBannerBgd.png) no-repeat;
    background-position: center center;
    background-size: cover;
}
.section--page-top.section-service-banner .image{text-align: right; right: -1%; height: 100%; top: -27%;} 
.section-service-banner.aos-animate .image img{max-height: 120%;}
.section-service-banner .image .el-animate{transform: translateY(-100%);position: relative; display: inline-block; height: 100%;}
.section-service-banner.aos-animate .image .el-animate{transform: translateY(0%); opacity: 1;}


.section--services{padding-bottom: 85px;}
.services--row {
    align-items: center;
    padding-top: 25px;
    padding-bottom: 25px;
}
.services--row p{margin-bottom: 20px;}
.services--row .btn{min-width: 220px;}
.services--row .image{text-align: right;}
.services--row .image .image-round{width: 520px; height: 520px;}
.services--row:nth-child(even) .content {
    order: 2;
}
.services--row:nth-child(even) .image {
    order: 1;
    text-align: left;
}

.services--row .content .content-inner {
    max-width: 100%;
   padding-right: 70px;
   padding-left: 0;
}
.services--row:nth-child(even) .content-inner {
    padding-left: 70px;
    padding-right: 0;
}

.services--row .image .move-cir-big .x3{width: 85px; height: 85px;}
.services--row .image .move-cir-big .x2{width: 40px; height: 40px;}

.services--row .image .move-cir-big.cir--1 .x3{top: 14%;}
.services--row .image .move-cir-big.cir--1 .x2 {top: 49%;right: -17%;}

.services--row .image .move-cir-big.cir--2 .x3 {top: 15%;left: -18%;}
.services--row .image .move-cir-big.cir--2 .x2 {top: 2%;left: -3%;}

.services--row .image .move-cir-big.cir--3 .x2{top: 10%;left: 10%; right: auto;}
.services--row .image .move-cir-big.cir--3 .x3{top: 30%;left: -5%; right: auto;}

.services--row .image .move-cir-big.cir--4 .x3{left: auto;right: 2%;top: auto;bottom: 18%;}
.services--row .image .move-cir-big.cir--4 .x2 {top: auto;right: 16%;bottom: 5%;}

.services--row .image .move-cir-big.cir--5 .x1{left: auto;right: 2%;top: auto;bottom: 18%;}
.services--row .image .move-cir-big.cir--5 .x3{left: auto;right: 2%;top: auto;bottom: 18%;}
.services--row .image .move-cir-big.cir--5 .x2 {top: auto;right: 16%;bottom: 5%;}

.section--serive-info {
    padding-bottom: 100px;
}
.serive-info--row{padding-bottom: 0; align-items: center;}
.serive-info--row .content .content-inner{max-width: 540px;}
.serive-info--row .content .title{margin-bottom: 45px;}
.serive-info--row .content ul {
    padding: 0;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}
.serive-info--row .content ul li {
    position: relative;
    list-style: none;
    padding-left: 40px;
    margin-bottom: 35px;
}
.serive-info--row .content ul li:before{content: "";
    background: url(images/icons/Arrow_Dotted_black.svg) no-repeat;
    background-size: 30px auto;
    position: absolute;
    left: -5px;
    top: 8px;
    width: 30px;
    transform: rotate(-90deg);
    height: 30px;
    transform-origin: 50% 24% 0;
}
.serive-info--row .content .btn{min-width: 220px;}
.serive-info--row .content .btn-dashed{margin-bottom: 40px;}

.serive-info--row .image{text-align: right;}
.serive-info--row .image-round{width: 675px; height: 675px;}
.serive-info--row .image-round img{max-width: 820px;}


.serive-info--row .image-round-small {
    position: absolute;
    left: -2%;
    top: -14%;
}


.serive-info--row .image .image--car .inner{display: block;position: relative;top: -12%;left: -15%; opacity: 1; /*transform: translate3d(100%,0,0);*/}
.serive-info--row .aos-animate.image .image--car .inner {/*transform: translate3d(0%,0,0); opacity: 1;*/}
.serive-info--row .image .image--car .inner img {transform: translate3d(100%,0,0); opacity: 0;}
.serive-info--row .image .image--car .inner img.car-blue {margin-top: -28%; transform: translate3d(100%,0,0); opacity: 0; transition: transform 1.3s,opacity 0.5s;}
.serive-info--row .image .image--car .inner img.car-red {transition: transform 0.8s,opacity 0.35s;}
.serive-info--row .aos-animate.image .image--car .inner img {transform: translate3d(0,0,0); opacity: 1;}
.serive-info--row .image .image--drivers .inner {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    /*overflow: hidden;
    border-radius: 0 0 50% 50%;*/
}
.serive-info--row .image--drivers img{
   transform: translateY(20%);
}
.serive-info--row .image.aos-animate .image--drivers img {
    transform: translateY(-20%);
    opacity: 1;
    transition-delay: 1s;
}


/*.serive-info--row.row--how.aos-animate .move-cir-big{transform: rotate(110deg);}*/
.serive-info--row .move-cir-big,
.serive-info--row.aos-animate .move-cir-big {
    transform: rotate(-40deg);
}
.serive-info--row .image.aos-animate .move-cir-big{
    transform: rotate(0deg);
}
.serive-info--row .image .rcir.x2{width: 70px;height: 70px;}
.serive-info--row .image .rcir.x1{width: 40px; height: 40px;}
.serive-info--row .move-cir-big.cir--1 .rcir.x1 {bottom: 15%;left: auto;right: -2%;}
.serive-info--row .move-cir-big.cir--1 .rcir.x2 {top: auto;bottom: -1%;left: auto;right: 3%;}

.serive-info--row .move-cir-big.cir--2{width: 100%; height: 680px; left: auto; right: 0; bottom: 0; z-index: 2;}
.serive-info--row .move-cir-big.cir--2 .rcir.x1 {
    bottom: 5%;
    left: 2%;
}
.serive-info--row .move-cir-big.cir--2 .rcir.x2 {
    top: auto;
    bottom: 15%;
    left: -11%;
}


.serive-info--row.row--how{padding-top: 50px;}
.serive-info--row .circle-round{position: relative; width: 675px; margin-left: auto;}
.serive-info--row.row--how .image .main-image {
    padding-top: 25%;
    overflow: hidden;
    width: 100%;
}
.serive-info--row.row--how .image .main-image .move-cir-big{top: 0;}
.svg-mask{
    width: 100%;
    height: 325px;
    position: absolute;
    bottom: 0px;
    top: auto;
    left: auto;
    z-index: 1;
    left: 0;
    transform: rotate(0deg);
}

.svg-mask circle {
    r: 336;
    cx: 50%;
    cy: -5%;
    fill: black;
}
circle.screen{display: none;}
circle.screen-1{display: block;}


.section--diagram{padding-bottom: 147px; padding-top: 70px; background-color: #f5f5f5;}
.section--diagram .row {
    margin: 0;
    justify-content: center;
}
.section--diagram .item {
    width: 470px;
    height: 470px;
    border-radius: 50%;
    background-color: rgba(149,149,149,1);
    text-transform: uppercase;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    margin: 0 -60px;
    overflow: hidden;
    opacity: 0.8 !important;
    position: relative;
}
.section--diagram .item .image {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: transform 0.5s;
}
.section--diagram .item:hover .image {
    transform: scale(1.2);
}

.section-404.section--page-top .row  .image{
    position: relative;
}
.section-404 .title-404 {
    position: absolute;
    left: 50%;
    right: 0;
    top: 50%;
    font-size: 9rem;
    font-weight: 700;
    margin: 0 auto;
    transform: translateY(-50%);
    opacity: 0.5;
}


.section.section--page {
    padding-top: 5%;
    padding-bottom: 50px;
}
.footer-links {
    padding-right: 0;
}



body:not(.page-template-tp-home-php) .preloader{
    display: none !important;
}

.circle-vector.blue-down .cir.bg-blue {transform: translateY(5000px) !important;transition-delay: 0.2s !important;}
.circle-vector.load-animation .bg-blue {transition-delay: 0s !important;transition: all 2.5s !important;}
.circle-vector.load-animation.blue-down .bg-blue {transition: all 5s !important;}
.hover-link { position: absolute; top: 0; left: 0; height: 100%; width: 100%;    z-index: 1; }


/*Service single page */
.section-service-single-banner:before{background: #6fe6bb url("https://carbonglobal.wpstagecoach.com/wp-content/uploads/2020/12/New-Project-3.png") no-repeat; background-position: center center; background-size: cover;}
.section--page-top.section-service-single-banner .image{text-align: right; right: -1%; height: 100%; top: 10%;} 
.section-service-single-banner.aos-animate .image img{max-height: 100%; max-width: 75%;}
.section-service-single-banner.aos-animate.bannerType_pitching-sales .image img{max-width: 95%;}
.section-service-single-banner .image .el-animate{transform: translateY(-100%);position: relative; display: inline-block; height: 100%;}
.section-service-single-banner.aos-animate .image .el-animate{transform: translateY(0%); opacity: 1;}
.services--row.single-service-row {align-items: inherit; padding: 0}

.section-service-single-banner .page-title{margin-bottom: 60px;}

/*section.section.section--services.dotType_data-building span.rcir.x4.bg-green{right: 30%}*/
section.section.section--services.dotType_data-building .move-cir-big.cir--1 .x4.bg-green{top: 45%; right: 32%;}
section.section.section--services.dotType_data-building .move-cir-big.cir--1 .x2.bg-black{top: 15%; right: 15%;width: 35px;height: 35px}
section.section.section--services.dotType_data-building .move-cir-big.cir--1 .x2.bg-coral{top: 50%; right: 0;width: 35px;height: 35px}
section.section.section--services.dotType_data-building .move-cir-big.cir--2 .x2.bg-black{top: 66%; right: 18%; left: auto;}
section.section.section--services.dotType_data-building .move-cir-big.cir--2 .x3.bg-coral{top:41%; right: 25%; left: auto;width: 70px;
    height: 70px;}
section.section.section--services.dotType_data-building .move-cir-big.cir--3 .x4.bg-coral{top: 55%; right: 0; left: auto;}
section.section.section--services.dotType_data-building .move-cir-big.cir--3 .x3.bg-black{top: 105%; left: 30%;width: 75px;height: 75px}
section.section.section--services.dotType_data-building .move-cir-big .rcir.x4{top: 40%; width: 90px; height: 90px; right: 0}
section.section.section--services.dotType_data-building .move-cir-big .rcir.x1{bottom: auto; left: auto; right: 15%; top: 80%;}
section.section--serive-info.single--serive-info.bg-radius-top.dotType_data-building .move-cir-big .rcir.x4{right: -15%;top: 50%;width: 90px;height: 90px}
section.section--serive-info.single--serive-info.bg-radius-top.dotType_data-building .rcir.x1.bg-black{bottom: 0%;right:5%}


section.section.section-testimonials.dotType_data-building .x2.bg-green{top: -15%;left: 4%;width: 35px;height: 35px;}
section.section.section-testimonials.dotType_data-building .x1.bg-coral{top: -25%; left: -6%;width: 30px;height: 30px}



.dotType_Type1 .services--row.single-service-row .image .move-cir-big.cir--1 .x4.bg-green{top: 45%; right: 10%;}
.dotType_Type1 .services--row.single-service-row .image .move-cir-big.cir--1 .x2.bg-black{top: 35%; right: 0;}
.dotType_Type1 .services--row.single-service-row .image .move-cir-big.cir--1 .x2.bg-coral{top: 50%; right: -8%;}

.dotType_buisness-dev .services--row.single-service-row .image .move-cir-big.cir--1 .x4.bg-green{top: 60%; right: 25%; width: 90px; height: 90px;}
.dotType_buisness-dev .services--row.single-service-row .image .move-cir-big.cir--1 .x2.bg-black{display: none}
.dotType_buisness-dev .services--row.single-service-row .image .move-cir-big.cir--1 .x2.bg-coral{top: 30%; right: auto;left: 20%;width: 70px;height: 70px;}

.dotType_b2b .services--row.single-service-row .image .move-cir-big.cir--1 .x4.bg-green{top: 45%; right: 38%; width: 35px; height: 35px;}
.dotType_b2b .services--row.single-service-row .image .move-cir-big.cir--1 .x2.bg-black{display: none}
.dotType_b2b .services--row.single-service-row .image .move-cir-big.cir--1 .x2.bg-coral{top: 30%; right: 27%; left: auto; width: 30px; height: 30px;}

.dotType_pitching-sales .services--row.single-service-row .image .move-cir-big.cir--1 .x4.bg-green{display: none;}
.dotType_pitching-sales .services--row.single-service-row .image .move-cir-big.cir--1 .x2.bg-black{top: 59%; right: 6%; width: 30px; height: 30px;}
.dotType_pitching-sales .services--row.single-service-row .image .move-cir-big.cir--1 .x2.bg-coral{top: 35%; right: 11%; left: auto; width: 70px; height: 70px;}

.dotType_Type1 .services--row.single-service-row .image .move-cir-big.cir--2 .x2.bg-black{top: 62%; right: 18%; left: auto;}
.dotType_Type1 .services--row.single-service-row .image .move-cir-big.cir--2 .x3.bg-coral{top:45%; right: 25%; left: auto;}

.dotType_buisness-dev .services--row .image .move-cir-big.cir--2 .x2 {top: 40%; left: 40%;width: 30px;height: 30px}
.dotType_buisness-dev .services--row .image .move-cir-big.cir--2 .x3 {top: 64%; left: 18%; width: 30px; height: 30px;}
.dotType_buisness-dev .services--row .image .move-cir-big.cir--2 .x3:before{content: ""; width: 35px; height: 35px; position: absolute; top: 100px; left: 240px; background-color: #6fe6bc; border-radius: 100%;}

.dotType_b2b .services--row .image .move-cir-big.cir--2 .x2 {top: 45%; left: 45%;width: 30px;height: 30px}
.dotType_b2b .services--row .image .move-cir-big.cir--2 .x3 {top: 60%; left: 28%; width: 65px; height: 65px;}
.dotType_b2b .services--row .image .move-cir-big.cir--2 .x3:before{content: ""; width: 90px; height: 90px; position: absolute; top: 125px; left: 150px; background-color: #6fe6bc; border-radius: 100%;}

.dotType_pitching-sales .services--row .image .move-cir-big.cir--2 .x2{top: 35%; left: auto;right: 40%;width: 30px;height: 30px}
.dotType_pitching-sales .services--row .image .move-cir-big.cir--2 .x3 {top: 50%; left: auto; width: 30px; height: 30px; right: 25%}
.dotType_pitching-sales .services--row .image .move-cir-big.cir--2 .x3:before{content: ""; width: 90px; height: 90px; position: absolute; top: 0px; right: 185px; background-color: #6fe6bc; border-radius: 100%;}

.dotType_Type1 .services--row.single-service-row .image .move-cir-big.cir--3 .x4.bg-coral{top: 40%; right: 0; left: auto;}
.dotType_Type1 .services--row.single-service-row .image .move-cir-big.cir--3 .x3.bg-black{top: 85%; left: 20%;}

.dotType_buisness-dev .services--row.single-service-row .image .move-cir-big.cir--3 .x4.bg-coral{top: 50%; right: 38%; left: auto;width: 75px;height:75px }
.dotType_buisness-dev .services--row.single-service-row .image .move-cir-big.cir--3 .x3.bg-black{left: 20%;width: 30px;height: 30px;bottom: -20%;top: unset;}

.dotType_b2b .services--row.single-service-row .image .move-cir-big.cir--3 .x4.bg-coral{right: auto; left: auto; top: 110%; left: 40%;height: 70px;width: 70px}
.dotType_b2b .services--row.single-service-row .image .move-cir-big.cir--3 .x3.bg-black{top: 75%; right: 30%; left: auto; width: 30px; height: 30px;}

.dotType_pitching-sales .services--row.single-service-row .image .move-cir-big.cir--3 .x4.bg-coral{top: 60%; left: auto; right: 15%; width: 30px; height: 30px;}
.dotType_pitching-sales .services--row.single-service-row .image .move-cir-big.cir--3 .x3.bg-black{background-color: #6fe6bc; top: 80%; right: 25%; left: auto; width: 35px; height: 35px;}

.dotType_Type1.section-testimonials.single-testimonials .move-cir-big.cir--3 .x1.bg-coral{top: -30%; left: 8%; width: 15px; height: 15px;}
.dotType_Type1.section-testimonials.single-testimonials .move-cir-big.cir--3 .x2.bg-green{top: -25%; left: 6%;}

.dotType_buisness-dev.section-testimonials.single-testimonials .move-cir-big.cir--3 .x1.bg-coral{top: -50px; left: 14%; width: 35px; height: 35px}
.dotType_buisness-dev.section-testimonials.single-testimonials .move-cir-big.cir--3 .x2.bg-green{display: none;}

.dotType_b2b.section-testimonials.single-testimonials .move-cir-big.cir--3 .x1.bg-coral{top: -27%; left: 40%; width: 30px; height: 30px;}
.dotType_b2b.section-testimonials.single-testimonials .move-cir-big.cir--3 .x2.bg-green{display: none;}


.dotType_pitching-sales.section-testimonials.single-testimonials .move-cir-big.cir--3 .x1.bg-coral{top: -25%; left: 30%; width: 90px; height: 90px;}
.dotType_pitching-sales.section-testimonials.single-testimonials .move-cir-big.cir--3 .x2.bg-green{background: #000; width: 75px; height: 75px; left: 6%; top: 12%;}

.dotType_Type1.single--serive-info .serive-info--row .move-cir-big .rcir.x4{top: 40%; width: 90px; height: 90px; right: 0}
.dotType_Type1.single--serive-info .serive-info--row .move-cir-big .rcir.x1{bottom: auto; left: auto; right: 15%; top: 80%;}

.dotType_buisness-dev.single--serive-info .serive-info--row .move-cir-big .rcir.x4{top: 0; width: 90px; height: 90px; right: 16%}
.dotType_buisness-dev.single--serive-info .serive-info--row .move-cir-big .rcir.x1{top: -70%; right: 0; width: 55px; height: 55px;}
.dotType_buisness-dev.single--serive-info .serive-info--row .move-cir-big .rcir.x4:before {content: ""; position: absolute; width: 30px; height: 30px; border-radius: 100%; background: black; right: 490px; top: 390px;}

.dotType_b2b.single--serive-info .serive-info--row .move-cir-big .rcir.x4{top: 2%; width: 90px; height: 90px; right: auto; left: -10%;}
.dotType_b2b.single--serive-info .serive-info--row .move-cir-big .rcir.x1{top: -20%; right: 0; width: 55px; height: 55px;}
.dotType_b2b.single--serive-info .serive-info--row .move-cir-big .rcir.x4:before {content: ""; position: absolute; width: 30px; height: 30px; border-radius: 100%; background: black; right: -480px; top: 290px;}

.dotType_pitching-sales.single--serive-info .serive-info--row .move-cir-big .rcir.x4{top: 5%; width: 70px; height: 70px; right: auto; left: -5%;}
.dotType_pitching-sales.single--serive-info .serive-info--row .move-cir-big .rcir.x1{top: 30%; right: auto; width: 30px; height: 30px; left: -15%;}

.single--serive-info .serive-info--row{align-items:normal}
.single--serive-info .serive-info--row .bottom_content{text-align:left}
.single--serive-info .image--car{position: relative}

.section-testimonials.single-testimonials{padding-bottom: 120px;}

.single--serive-info .bottom_content ul{padding: 0; margin-bottom: 30px; display: inline-block; width: 100%; margin-top: 30px;}
.single--serive-info .bottom_content ul li{position: relative; list-style: none; padding-left: 40px; margin-bottom: 35px;}
.single--serive-info .bottom_content ul li:before{content: ""; background: url(images/icons/Arrow_Dotted_black.svg) no-repeat; background-size: 30px auto; position: absolute; left: -5px; top: 8px; width: 30px; transform: rotate(-90deg); height: 30px; transform-origin: 50% 24% 0;}

.single--serive-info .views-post h2{margin-bottom: 10px !important;}
.single--serive-info .views-post .item-inner{max-width:360px;}
.single--serive-info .views-post .col-md-12{padding:0;}
.single--serive-info .views-post .col-md-12:nth-of-type(1){margin-top: 50px;}
.single--serive-info .serive-info--row .image .image--car .inner{text-align: left}
.single--serive-info .serive-info--row .move-cir-big, .single--serive-info .serive-info--row.aos-animate .move-cir-big{transform: none}
.single--serive-info .serive-info--row .image .image--car .inner img{transform: none; opacity: 1;}

.single--serive-info .serive-info--row{align-items:normal}
.single--serive-info .serive-info--row .bottom_content{text-align:left}
.single--serive-info .image--car{position: relative}

.section-testimonials.single-testimonials{padding-bottom: 120px;}

.single--serive-info .bottom_content ul{padding: 0; margin-bottom: 30px; display: inline-block; width: 100%; margin-top: 30px;}
.single--serive-info .bottom_content ul li{position: relative; list-style: none; padding-left: 40px; margin-bottom: 35px;}
.single--serive-info .bottom_content ul li:before{content: ""; background: url(images/icons/Arrow_Dotted_black.svg) no-repeat; background-size: 30px auto; position: absolute; left: -5px; top: 8px; width: 30px; transform: rotate(-90deg); height: 30px; transform-origin: 50% 24% 0;}

.single--serive-info .views-post h2{margin-bottom: 20px !important;}
.single--serive-info .views-post .col-md-12{padding:0;}
.single--serive-info .views-post .col-md-12:nth-of-type(1){margin-top: 50px;}
.single--serive-info .serive-info--row .image .image--car .inner{text-align: left}
.single--serive-info .serive-info--row .move-cir-big, .single--serive-info .serive-info--row.aos-animate .move-cir-big{transform: none}
.single--serive-info .serive-info--row .image .image--car .inner img{transform: none; opacity: 1;}




.coral{ font-weight: 600; font-size: 35px; line-height: 45px; }
.section--page-top.section-service-single-banner .image{ margin-right: -15px; }
/* .section-service-single-banner:before{ background-image: url('images/top_right_brading_img.png') !important; } */
.single-service .move-cir-big{ padding-top: 50px; }
/*.single-service .move-cir-big .rcir.x4 {    width: 90px;    height: 90px;}
.single-service .dotType_pitching-sales .services--row .image .move-cir-big.cir--2 .x3:before{   width: 90px;    height: 90px; }
.single-service .dotType_pitching-sales.single--serive-info .serive-info--row .move-cir-big .rcir.x4{   width: 90px;    height: 90px; }*/

@media screen and (max-width: 767px){
    .coral{  font-size: 26px; line-height: 32px; }
    .single--serive-info .bottom_content ul,body .announce_img img{padding-bottom: 20px}
    body.single-service .section-testimonials .move-cir-big {position: absolute;left: 100px;top: -15px;}
    body.single-service .section-testimonials .move-cir-big .rcir.x2{width: 30px;height: 30px}
    body.single-service .section-testimonials .move-cir-big .cir.x1{width: 20px;height: 20px;top: -5px;left: 25px}
}

@media screen and (max-width: 991px){
    .section-service-single-banner.aos-animate .image img{ margin-right: -30px; }
    .coral{  font-size: 30px; line-height: 36px; }
    .section--page-top .row .image {    text-align: right !important;    width: 100%;    max-width: 100% !important;}

}