/*Powered by: ArcWeb SMAC(p)
css3
font-family:roboto;
color primery: #FF7D01;
secondary: 

*/

/*Powered by: ArcWeb SMAC(p)css3font-family:roboto;color primery: #FF7D01;secondary: */
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Bold.woff2') format('woff2'), url('../fonts/RobotoCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.woff2') format('woff2'), url('../fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('../fonts/RobotoMono-Medium.woff2') format('woff2'), url('../fonts/RobotoMono-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Light.woff2') format('woff2'), url('../fonts/RobotoCondensed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/RobotoSlab-Regular.woff2') format('woff2'), url('../fonts/RobotoSlab-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('../fonts/RobotoMono-Bold.woff2') format('woff2'), url('../fonts/RobotoMono-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.woff2') format('woff2'), url('../fonts/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/RobotoSlab-Light.woff2') format('woff2'), url('../fonts/RobotoSlab-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('../fonts/RobotoMono-Regular.woff2') format('woff2'), url('../fonts/RobotoMono-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/RobotoSlab-Bold.woff2') format('woff2'), url('../fonts/RobotoSlab-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Regular.woff2') format('woff2'), url('../fonts/RobotoCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*----------------------------OSWALD FONT FAMILY-------------------------------*/

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-SemiBold.woff2') format('woff2'),
        url('../fonts/Oswald-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Bold.woff2') format('woff2'),
        url('../fonts/Oswald-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Light.woff2') format('woff2'),
        url('../fonts/Oswald-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Regular.woff2') format('woff2'),
        url('../fonts/Oswald-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Medium.woff2') format('woff2'),
        url('../fonts/Oswald-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Regular.woff2') format('woff2'),
        url('../fonts/Oswald-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-ExtraLight.woff2') format('woff2'),
        url('../fonts/Oswald-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}



body{margin: 0;padding: 0;font-family: 'roboto'}
p, a, li, ol, ul{font-family: 'roboto' !important;}
a:hover {text-decoration: none !important}
/*h2 {font-family:'oswald', Sans-serif;}*/
/*--------------------------------
wordpress customize
---------------------------------*/
.entry-header {display: none;}
#masthead {display: none;}
.title-box {margin: auto;text-align: center}
.title-box h2 {position: relative;}
.title-box h2:before{content: '';}
/*-------------------------------------------------------
Master Header Customization 
---------------------------------------------------------*/
.header-contact {text-align: right;padding: 10px;font-size: 19px;position: relative;top: -50px;transition: all 230ms ease}
.header-contact a{color: #fff;font-family: 'rubik'}
.darkHeader .header-contact{top:12px;}

/*-------------------------------------------------------
Inner Header
---------------------------------------------------------*/
.header-bg{
background: linear-gradient(312deg, #1996f9, #045ebc, #0aea7f);
background-size: 600% 600%;
-webkit-animation: bganimation 32s ease infinite;
-moz-animation: bganimation 32s ease infinite;
-o-animation: bganimation 32s ease infinite;
animation: bganimation 32s ease infinite;
}

@-webkit-keyframes bganimation {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes bganimation {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-o-keyframes bganimation {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes bganimation {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}

.main-carousel-bg{background: linear-gradient(322deg, #f2c975, #ed6353, #fb9488);background-size: 600% 600%;-webkit-animation: bganimation 22s ease infinite;-moz-animation: bganimation 22s ease infinite;animation: bganimation 22s ease infinite;}
/*--------------------------------
hamburgur custommization
---------------------------------*/
.hamburger {padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible; }
.hamburger:hover {opacity: 0.7; }
.hamburger.is-active:hover {opacity: 0.7; }
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after {background-color: #fff; }

.hamburger-box {width: 40px;height: 24px;display: inline-block;position: relative; color: #fff }

.hamburger-inner {display: block;top: 50%;margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width:35px;height: 4px;background-color: #fff;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {content: "";display: block; }
.hamburger-inner::before {top: -10px; }
.hamburger-inner::after {
bottom: -10px; }
/** Collapse **/
.hamburger--collapse .hamburger-inner {top: auto;bottom: 0;transition-duration: 0.13s;transition-delay: 0.13s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after {top: -20px;transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {transform: translate3d(0, -10px, 0) rotate(-45deg);transition-delay: 0.22s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after {top: 0;opacity: 0;transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse.is-active .hamburger-inner::before {top: 0;transform: rotate(-90deg);transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }


/*--------------------------------
hamburgur custommization
---------------------------------*/
.main-nav {margin-top: 10px;}
.master-head {position: fixed;z-index: 999;left: 0;right: 0;top: 0;width: 100%;}
.darkHeader{background: rgba(0, 0, 0, 0.71);transition: all 230ms linear}
/*.logo img {max-width:50%;height: auto}*/
.logo img {height: 90px;
    width: auto;}
.main-nav-overlayer {position: fixed;width: 100%; height: 100%;top: 0;left: 0;right: 0;z-index: 998;background: rgba(0, 0, 0, 0.90);display:none}
.nav-container {margin: 20% auto;text-align: center;position: relative;}
.main-nav ul{margin:0;padding: 0;display: inline-block}
.main-nav ul li {display: inline-block;border:4px solid rgba(170, 170, 170, 0.49);
    margin: 15px; transition:all 230ms ease;position: relative;z-index: 9;overflow: hidden}
.main-nav ul li a{color: #fff;text-transform: uppercase;padding: 10px 30px;display: block;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box;}
.main-nav ul li:before {content: ''; width: 100%;height: 100%;position: absolute;top: 100%;left: 0;right: 0;z-index:-1;
background: #ffb76b; transition: all 230ms linear; background: linear-gradient(312deg, #1996f9, #045ebc, #0aea7f);
background-size: 600% 600%;
-webkit-animation: bganimation 32s ease infinite;
-moz-animation: bganimation 32s ease infinite;
-o-animation: bganimation 32s ease infinite;
animation: bganimation 32s ease infinite;}
.main-nav ul li:hover:before {top: 0;}


/*--------------------------------
Service section customize
---------------------------------*/
.service-box{position: relative;overflow: hidden}
.service-content {position: relative;background: #ffffff;z-index: 9}
.service_image{position: relative}
.service-box img{filter: grayscale(70%); -webkit-filter: grayscale(70%); transition: all 300ms linear; transition-delay: 50ms}
.service-box:hover img{filter: grayscale(70%); -webkit-filter: grayscale(0%);}
/*.service_image .elementor-image{border: 1px solid #fff;width: 90%;background: #fff;border-radius: 5px;transition: all 300ms linear;transform-style: preserve-3d;position: relative}
.service_image .elementor-image:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 100%; height: 100%;background: #fff;border: 1px solid #ccc;box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.71)}*/

/*.service-box:hover .service_image .elementor-image {transform: rotateY(18deg);}*/
/*.s-left:before,.s-right:before{content: '';width: 5%; height: 100%; position: absolute;transition: all 230ms linear 160ms;z-index: -1}*/
/*.service-box:hover .s-left:before {width: 100%;background:rgba(34, 34, 34, 0.7); }
.service-box:hover .s-right:before {width: 100%;background:rgba(34, 34, 34, 0.7); }*/
/*.service-box:hover{background:#ff7f04 }*/
.s-left:before{background: #ff7f04;right: 100%;}
.s-left:after {content: '';width:0%;height:100%;margin: auto;background:rgba(114, 114, 114, 0.44);position: absolute;top: 0;bottom: 0;right: 0; z-index: -1;transition: all 245ms linear}
.s-right:after {content: '';width:0%;height:100%;margin: auto;background:rgba(114, 114, 114, 0.44);position: absolute;top: 0;bottom: 0;left: 0; z-index: -1;transition: all 245ms linear}
/*.service-box:hover .s-left:after {width: 100%;right: 100%} 
.service-box:hover .s-right:after {width: 100%;left: 100%} */
.s-right:before{background: #ff7f04;left: 100%;}

/*.service-pie {position: absolute !important;top:100%;left: 0;right: 0;bottom: 0;margin: auto;transition: all 230ms linear;z-index:12}*/
/*.service-box:hover .service-pie {top: 15%;}*/
/*--------------------------------
footer customize
---------------------------------*/


.footer-box{width: 325px;height: 186px;position: absolute;left: 0;right: 0;margin: auto;top: -100px;background: #ffb76b;text-align: center;transition: all 230ms linear;padding: 15px;box-sizing: border-box; z-index: 9; background: linear-gradient(322deg, #f2c975, #ed6353, #fb9488);background-size: 600% 600%;-webkit-animation: bganimation 22s ease infinite;-moz-animation: bganimation 22s ease infinite;animation: bganimation 22s ease infinite;}

.footer-box i {font-size: 66px;line-height: 86px;color: #fff;}
.footer-box p, .footer-box a{color: #fff;font-size: 16px;white-space: pre-line;margin: auto;text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif;letter-spacing: 2px;}
.footer-middle {margin-bottom: 35px;height: 265px;border: 16px solid #333;box-sizing: border-box;position: relative}
.subscribe-box {position: absolute;width: 80%;margin: auto;bottom: 0;left: 0;right: 0;}
.footer-middle .form-control {width: 70% !important;height: 55px;padding: 15px;margin-right: 15px;float: left;}
.btn-subscribe {height: 55px;font-size: 16px !important;text-transform: uppercase;font-family: 'oswald';padding: 0px 42px !important;background: transparent !important;color: #fff !important;cursor: pointer;border: 2px solid #fff;box-sizing: border-box;}

.footer-btm {height: auto;border: 16px solid #333;box-sizing: border-box;position: relative;border-bottom:none;}

.main-footer{background:url(../images/footer-bg.jpg) center fixed no-repeat;-webkit-background-size: cover;background-size:cover ;padding: 40px 0 0;box-sizing: border-box;position: relative}
.main-footer h2 {
    color: #fff;
    font-size: 17px;
    margin: auto;
    padding-bottom: 16px;
    position: relative;
    text-transform: uppercase;
    color: #b4b4b4;
    font-family: 'Roboto Condensed', sans-serif;
}

.main-footer address {
    margin: auto;
    margin-bottom: 30px;
    width: 50%;
    float: left;
}
.main-footer address h3{position: relative;font-size: 15px; text-transform: uppercase;padding-bottom: 5px;color: #e2e2e2; font-family: 'Roboto Condensed', sans-serif; font-weight: 300;}
.main-footer address h3:before {content: '';width: 20px;height: 2px;background: #ff7f04;position: absolute;bottom: 0;left: 0;}

address p {
    margin: 0;
    color: #a8a8a8;
    text-transform: capitalize;
    font-size: 14px
}

ul.dark li.tweets_avatar {background: rgba(51, 51, 51, 0.76) !important}


.partner-box {margin:20px auto}
.partner-box h2 {font-size: 30px;border-bottom: 4px double #e6e6e6;padding-bottom: 15px;margin-bottom: 24px;}
.wpocup-owl-carousel.wpocup-image-fit .wpocup-img-wrap {height: auto !important}
.wpocup-image-fit img.wpocup-slider-img{height: auto !important;width: auto !important;object-fit:initial !important;filter: grayscale(1);transition: all linear 230ms;opacity:1;}
img.wpocup-slider-img:hover{filter: grayscale(0);opacity: 1}
.wpocup-owl-carousel.wpocup-image-fit .wpocup-img-wrap {background: transparent !important}

.footer-nav {margin: auto;padding: 0;text-align: right}
.footer-nav ul{margin:0;padding:15px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.footer-nav ul li{display: inline-block;margin:5px auto;box-sizing: border-box;}
.footer-nav ul li a{color: #efefef;padding: 0 8px;display: block;border-right: 1px solid #4e4e4e;line-height: 10px;font-size: 13px;text-transform: uppercase;}
.footer-nav ul li:last-child a{border: none}

.footer-social{text-align: right;padding: 15px;box-sizing: border-box;}
.footer-social ul{padding: 0;margin: 0;display: inline-block}
.footer-social ul li {display: inline-block;list-style: none}
.footer-social ul li a{color: #dadada;font-size: 15px;box-sizing: border-box;width: 30px;height: 30px;display: block;text-align: center;line-height: 30px;border-radius: 0px;border: 1px solid #fff;}

.copy-rights {text-align: left;margin: auto;padding: 15px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.copy-rights P {margin: 0;color: #ffffff;font-size: 11px;text-transform: uppercase;font-family: 'oswald';line-height: 28px;}

.btn.btn-submit {font-family: 'Roboto Condensed', sans-serif;text-transform: uppercase;font-size: 15px;border-radius: 0;padding: 8px 25px;margin-top: 10px;}

/*--------------------------------
back to top
---------------------------------*/
#back-to-top {position: fixed;bottom: 150px;right: 40px;z-index: 9999;width: 32px;height: 32px;text-align: center;line-height: 30px;background: #f5f5f5;color: #444;cursor: pointer;border:1px solid #1996f9;border-radius: 2px;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0;}
#back-to-top:hover {background: #ff7f04;color: #fff}
#back-to-top.show {opacity: 1;}
#back-to-top i {
    transform: rotate(-90deg);
    position: relative;
    transition: all 100ms linear;
    top: 0px
}

#back-to-top:hover i {
    top: -40px;
    transition: all 2s linear;
    color: #ff7f04
}

/*--------------------------------
Contact us page
---------------------------------*/

.mail-log a {font-family: oswald;}

.contact-us-hubspot {}
.contact-us-hubspot .fieldset {max-width: 100% !important}

span.wpcf7-not-valid-tip {color: #f00;font-size: 1em;font-weight: normal;display: block;position: absolute;width: 503px;top: 174%;}

.contact-top {position: relative}
.contact-icon > .elementor-icon i{color: #333}
.contact-top a:hover {color:#EF7100 }


.contact-top a{color: #5d5d5d;transition: all 230ms linear;font-family: 'oswald';}
.contact-top:hover .contact-icon .elementor-icon{color: #fff !important;border-color: #ff7f04;background: #ff7f04;}
.contact-top:hover a{color: #ff7f04 !important;border: 1px solid #e0e0e0;padding: 2px 18px;transition: all 230ms linear;}

.career-form .form-control {margin-bottom: 21px;min-height: 48px;padding: 10px;box-sizing: border-box;font-family: 'Roboto Condensed', sans-serif;font-size: 14px;letter-spacing: 1.5px;}

/*--------------------------------
Call to action bg
---------------------------------*/

.cta-bg{
background: linear-gradient(322deg, #f2c975, #ed6353, #fb9488);background-size: 600% 600%;-webkit-animation: bganimation 22s ease infinite;-moz-animation: bganimation 22s ease infinite;animation: bganimation 22s ease infinite;
}


/*--------------------------------
MAP BOX Gl
---------------------------------*/
.map-box {margin: auto;width: 100%;height:auto;position: relative;padding: 0;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.map-place-listing {width: 100%;padding: 5px 15px;box-sizing: border-box;position: absolute;z-index: 9;top: 0;left: 0;right: 0;text-align: center}
.map-place-listing p{display: inline-block;text-transform: uppercase;color: #fff;border: 4px solid #eee;background: #282828;padding: 5px 20px;font-family: 'oswald';border-radius: 30px;box-sizing: border-box;box-shadow: 0px 0px 13px -4px #333;}
.map {border-left: 1px solid #fff;position: absolute;width: 100%;min-height:400px;top: 0;bottom: 0;left: 0;right: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.heading {background: #fff;border-bottom: 1px solid #eee;height: 60px;line-height: 60px;padding: 0 10px;}

.listings {height: 100%;overflow: auto;display: inline-table;}

.listings .item {display: inline-block;border: 4px solid rgba(255, 255, 255, 0.34);text-decoration: none;margin: 2px;color: #fff;background: #008aff;border-radius: 20px;text-transform: uppercase;box-sizing: border-box;transition: all 230ms cubic-bezier(.19, .8, .8, .31);box-shadow: 0px 0px 9px -2px #333;}
.listings .item:hover  {background: #fff;border-color: #008aff;}
/*.listings .item:last-child { border-bottom: none; }*/

.listings .item .title {display: block;color: #fff;font-weight: 700;font-family: "Oswald", Sans-serif;padding: 6px 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.listings .item .title small { font-weight: 400; }
.listings .item.active .title,
.listings .item .title:hover, .listings .item:hover .title { color:#008aff; }
.listings .item.active {background-color: #f8f8f8;}
::-webkit-scrollbar {width: 3px;height: 3px;border-left: 0;background: rgba(0, 0, 0, 0.1);}
::-webkit-scrollbar-track {background: none;}
::-webkit-scrollbar-thumb {
background: #ff7c00;
border-radius: 0;
}
.mapboxgl-popup-content {position: relative;background: #fff;border-radius: 3px;box-shadow: 7px 10px 7px 4px rgba(0, 0, 0, 0.18);padding: 0px 10px 15px;pointer-events: auto;}
.mapboxgl-popup-close-button {border: 1px solid #000;background: #3c3c3c;color: #fff;}
.clearfix { display: block; }

.clearfix::after {content: '.';display: block;height: 0;clear: both;visibility: hidden;}

.marker {border: none;cursor: pointer;height: 56px;width: 56px;background-image: url(../images/marker.png);background-color: rgba(0, 0, 0, 0);}

.mapboxgl-popup-content h3 {background: #367bff;color: #fff;margin: 0;display: block;padding: 10px;border-radius: 3px 3px 0 0;font-weight: 700;margin-top: -15px;font-size: 18px;}
.mapboxgl-popup-content h4{white-space: pre-line;font-size: 15px;}

.mapboxgl-canvas {left: 0;right: 0;}
.mapboxgl-popup-close-button{border-radius: 3px;cursor: pointer;background-color: #ff6c6c !important;}
.mapboxgl-popup-content h3{margin-bottom: 15px;}

/*--------------------------------
        INFOGRAFICS 
---------------------------------*/
.info-container {margin: auto;text-align: center;position: relative;padding: 8% 0 18% 0;
box-sizing: border-box;}
.main-circle-border {width: 330px;height: 330px;border-radius: 50%;border: 2px solid #fff;text-align: center;padding:25px 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: auto;}

.main-circle {width:280px;height:280px;border-radius: 50%;margin: auto;text-align: center;padding: 15px;box-sizing: border-box;position: relative;  background: linear-gradient(314deg, #08ca65, #418de4);
background-size: 400% 400%;

-webkit-animation: bganimation 23s ease infinite;
-moz-animation: bganimation 23s ease infinite;
animation: bganimation 23s ease infinite;}

.circle-1, .circle-2, .circle-3, .circle-4, .circle-5{position: absolute; width:30px;height:30px;border-radius: 50%;border:1px solid #fff;padding: 4px 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }
.circle-1 {left:6px;top: 9px;}
.circle-2 {left: 250px;top: 18px;}
.circle-3 {left: 274px;top: 188px;}
.circle-4 {left: 124px;top: 284px;}
.circle-5 {top: 200px;left: -16px;}
.inner-dot {margin:auto; width: 20px;height:20px;border-radius: 50%;background: #fff;}
/*.c-change .inner-dot{background: #FEDC18}*/
.sub-circle {padding: 36% 10%;box-sizing: border-box;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;text-transform: uppercase;}
.sub-circle h2 {text-align: center;white-space: pre-wrap;color: #fff;font-size: 28px;line-height: 40px;box-sizing: border-box;}

.title-box-1, .title-box-2, .title-box-3, .title-box-4, .title-box-5 {margin: auto;position: relative;width: 220px;height: 50px;background: #FEDC18;border-radius: 4px;padding-top: 10px;    box-sizing: border-box;}
.title-box-1 {right: 113%;bottom: 6%;z-index: 99}
.title-box-2 {top: -66px;left: 284px;z-index: 99}
.title-box-3 {left:290px;top:75px;}
.title-box-4 {top:182px;left: 0;z-index: 99}
.title-box-5 {right: 300px;bottom: 25px;}
.title-box-1:before, .title-box-5:before {content: '\f0da';font-family: 'Font Awesome\ 5 Free';font-weight: 900;font-size: 40px;color: #fedc18;position: absolute;left: 98%;bottom: 0px;}
.title-box-2:before, .title-box-3:before, .title-box-4:before {content: '\f0d9';font-family: 'Font Awesome\ 5 Free';font-weight: 900;font-size: 40px;color: #fedc18;position: absolute;right:98%;top:0px;}
.title-box-4::before {content: '\f0d8';font-family: 'Font Awesome\ 5 Free';font-weight: 900;font-size: 40px;color: #fedc18;position: absolute;top:-35px;left: 0px;right: 0;}

.main-circle .desc h2{font-size: 15px;}
.main-circle .desc h2 {font-size: 16px;margin: auto;text-align: center;vertical-align: middle;}
.main-circle .details {margin: auto;width:94%;height: auto;color: #fff;font-size: 14px;background: #ff6d6d;padding: 5px 10px;margin-top:6px;display: none}

.btn-callback {text-align: center;display: inherit;margin: 15px auto;background: #43b0ff;border: 4px solid #fff;padding: 12px 20px;text-transform: uppercase;box-shadow: 3px 3px 7px -6px #333;color: #fff;}

/*--------------------------------
        BLOG HEADER
---------------------------------*/
.blog-header{background: linear-gradient(312deg, #1996f9, #045ebc, #0aea7f);background-size: 600% 600%;-webkit-animation: bganimation 32s ease infinite;-moz-animation: bganimation 32s ease infinite;-o-animation: bganimation 32s ease infinite;animation: bganimation 32s ease infinite;height: 40vh;width: 100%;padding-top: 80px;}

.blog-header .eael-dual-header .title {color: #fff !important;margin: auto;text-transform: uppercase;font-size: 36px;}
.blog-header .eael-dual-header .title span.lead {color: #fff;text-transform: uppercase;font-size: 36px;}
.blog-header .subtext{color: #fff}
.blog-header .eael-dual-header i{color: #fff;font-size: 45px;}

.blog-wrapper {padding-top:30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.blog-wrapper .card{padding: 15px;background: #fcfcfc;border: 3px solid #f0f0f0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: all 230ms linear;margin-bottom: 30px;}
.blog-wrapper .card:hover {box-shadow: 0px 0px 15px -6px rgba(51, 51, 51, 0.34);border-top-color: #1996f9}
.post-title a{display: block;line-height: 30px;color: #000 !important;font-weight: 900;font-size: 21px;}
.post-title a:hover {color: #EF7100 !important}
.single-post-details .post-title h1 {font-size: 50px !important;margin-top: 25px;line-height: 62px;font-weight: 300;color: #000;}
.single-post-details .post-title h1 {font-size: 50px !important;margin-top: 25px;line-height: 62px;font-weight: 300;color: #000;}
.container.single-post-details h2 {font-size: 40px;font-weight: 300;margin-bottom: 15px;}
.container.single-post-details h3 {font-size: 28px;font-weight: 300;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #ccc;}
.cont-info p{font-size: 14px;line-height: 26px;color: #6e6e6e;text-align: justify;}
.post-thumbnail-box {margin-bottom: 10px;border: 1px solid #f2f2f2;box-sizing: border-box; min-height: 190px;max-height: 190px;overflow: hidden;}
.post-description hr {border-top-color: #f0f0f0}
.blog-wrapper .card hr{margin-top: 0.5rem;margin-bottom: 0.2rem;border-top-color: #f0f0f0}
.post-details {text-align: left;width: 100%;border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;margin: 20px auto;padding: 4px 12px;box-sizing: border-box;background: #f0f0f0;}
.entry-content p {/*text-align: justify;*/font-size: 15px;/*color: #898989;*/line-height: 28px;font-family: 'roboto';}
.entry-content ul{margin: 0;padding: 0}
.entry-content ul li {text-align: justify}
.post-details li{list-style: none;display: inline-block;margin-right: 10px}
.post-details li, .post-details li a {color: #b7b7b7;font-size: 13px;font-style: italic;}
.post-details li i {margin-right: 10px;color: #7a7a7b;}
.post-details li:hover a{color: #1996f9 !important;margin: auto;}

.btn-readmore {font-style: normal !important;padding: 8px 20px;border-radius: 5px;background: #393939;color: #fff !important;display: inline-block;font-size: 13px;box-sizing: border-box;float: right;clear: both;border: none;box-shadow: 2px 2px 0px 0px #59b2fe;transition: all 100ms linear;}
.btn-readmore i{vertical-align: middle}
.post-details li:last-child i, .post-details li:last-child{margin: 0px;}
.btn-readmore:hover {color: #59b2fe !important;background: #0d3352;box-shadow: 4px 4px 0px 0px #59b2fe;}

.paggination {margin: auto;}
.paggination .page-numbers {width: auto;height: 30px;display: inline-block;text-align: center;background: #f8f8f8;line-height: 30px;border-radius: 4px;padding: 0px 10px;margin-bottom: 20px;font-family: 'oswald';font-size: 12px;text-transform: uppercase;color: #333;border: 1px solid #f5f5f5;}
.paggination .page-numbers.current {background: #008aff;color: #fff;border: 1px solid #008aff;}

.blog-header{text-align: center;}
.blog-header h2{color: #fff;width: 60%; margin: auto;white-space: pre-wrap}
.single-post-details {margin-top: 30px;}

.post-title {text-align: left;min-height: 50px}
/*--------------------------------
        Blog Sidebar
---------------------------------*/
.blog-sidebar {margin: auto;text-align: left}
.blog-sidebar h2 {font-size: 19px;padding-bottom: 15px;border-bottom: 1px solid #eaeaea;box-sizing: border-box;}
#recent-posts-2, #archives-2, #categories-2 {border: 1px solid #f0f0f0;padding: 15px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: #f9f9f9;outline: 4px solid #f3f3f3;}
.blog-sidebar ul{margin: 0;padding:0;}
.blog-sidebar ul li {list-style:none;margin-bottom: 12px;border-bottom: 1px solid #eaeaea;line-height: 18px} 
.blog-sidebar ul li a {color: #808080 !important;font-size: 14px;padding-bottom: 8px;display: block;}

input.search-field {height: 50px;border-radius: 0;padding: 10px 20px;width: 100%;box-sizing: border-box;}
input.search-submit{height: 52px;padding: 0px 18px;background: #299bff;border: 1px solid #f0f0f0;color: #fff;text-transform: uppercase;box-sizing: border-box;}

.comments-area h3 {font-family: 'oswald';font-size: 22px;text-transform: uppercase;padding: 15px 0px;border-bottom: 2px solid #f0f0f0;}

#archive-list h1 {font-size: 17px;font-family: 'oswald';text-transform: uppercase;margin-bottom: 30px;background: #f0f0f0;display: block;width: 100%;padding: 15px;box-sizing: border-box;}


.error404 .master-head {
    background: #474747;
}
.error-4 {padding: 10vh 0;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.error-header{height:18vh}
.error-box {margin: auto;text-align: center;width: 100%;position: relative}
.error-box img {margin: auto}
.error-box h2 {position: absolute;top: 33px;left: 0;font-size:85px;font-weight: 300;right: 0;}
.error-message {position: absolute;bottom: 45px;left: 0;right: 0;}
.error-box a.btn {color: #fff}

/*--------------------------------
        Form Customize
---------------------------------*/

.modal-content.enquiry-form {padding: 18px;}
label {display: inline-block;margin-bottom: .5rem;font-family: 'Roboto Condensed', sans-serif;text-transform: uppercase;font-size: 14px;letter-spacing: 1px;margin-top: 14px;}
.form-control {min-height: 42px;}
.modal-title {margin-bottom: 0;line-height: 1.5;font-size: 18px;}

/*--------------------------------
        Responsive View
---------------------------------*/

@media screen and (max-width:768px) {
 .custom-logo-link {display: inline-block;margin-top: 5%;}
.main-nav ul li {display: block;border: 4px solid rgba(170, 170, 170, 0.49);margin: 4px;transition: all 230ms ease;position: relative;z-index: 9;overflow: hidden;}
.main-nav ul li a {color: #fff;text-transform: uppercase;padding: 8px 30px;}
    /*carousle banner*/
.eael-fancy-text-prefix{}
    
    /*Footer*/
.footer-box{width: auto !important;height:auto !important;position: relative !important;top: 0px}
.footer-middle {height: auto}
.subscribe-box {position: relative;width: 100%;margin: auto;bottom: 0;left: 0;right: 0;top: 15px;}
.footer-middle .form-control {width: 100% !important;}
.btn-subscribe {height: 45px;box-sizing: border-box;margin: 15px auto;width: 100%;}    
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  .card-columns {column-count: 2;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 .card-columns {column-count: 3;}
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
   .card-columns {column-count:3;}
   .card-columns.archive-post {column-count:2;}
}





/*Animation box for service*/


/*Service Page*/
.service-wrapper {background: #f5f5f5;margin: 20px;padding: 15px 15px;box-sizing: border-box;border-radius: 0px 0px 15px 15px;border-bottom: 5px solid #bcbcbc;}
.service-wrapper img {transition: all 230ms linear;border-radius: 50%;}
.service-wrapper:before{content: '';width: 100%;height:0;background: #d0d0d0;position: absolute;top: 0;left: 0;right: 0;margin: auto;border-radius: 0px 0px 20px 20px;transition: all 150ms linear}
.service-wrapper:hover:before{height:20px;border-bottom: 5px solid #bcbcbc;}

.service-wrapper:hover img {background: rgba(255, 255, 255, 0.6);border-radius: 50%;padding: 15px;}
.ul-list li {display: inline-block;list-style: cjk-decimal;margin: 12px 5px;border: 1px solid #ccc;padding: 6px 12px;}


.h1-hidden {display: none}

.landing-form-wrapper label {
    color: #fff
}

a:hover {
    text-decoration: none;
    color:#fff;
}
.main-footer.landing-page address {
    margin: auto;
    margin-bottom: 30px;
    width:25% !important;
    float: left;
}

.landing-page-header {background: rgba(0, 0, 0, 0.71);transition: all 230ms linear}
.landing-page-header .header-contact{top:0px !important} 

div.wpcf7-mail-sent-ok {border: 2px solid #398f14;background: #398f14;color: #fff;border-radius: 25px;width: 100%;}

/*landing page*/
.choose-us-box {transition:all 230ms linear}
.choose-us-box:hover {transform: scale(1.05);transition:all 230ms linear;box-shadow: 0 0 11px 0px rgba(204, 204, 204, 0.67);}
.wpcf7-validation-errors, .wpcf7-acceptance-missing {border: 2px solid transparent;background: #f00;color: #fff;border-radius: 5px;box-sizing: border-box;}

/*pop offer footer landing page*/
.pop-offer {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;background: rgba(0, 0, 0, 0.76);padding:15px 0;z-index: 999;display: none}
.pop-offer ul{text-align: center;margin: auto;padding: 0px;}
.pop-offer ul li {list-style: none;display: inline-block;color: #fff;margin-right: 15px}
.pop-offer ul li:first-child {background: #1996f9;padding: 5px 10px;}
.close-btn {cursor: pointer}
.close-btn {cursor: pointer}

.landing-form-wrapper {/*background:rgba(2, 55, 100, 0.92);*/background:#fff;padding: 15px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.landing-form-wrapper .form-control, .landing-form-wrapper textarea {margin-bottom: 12px;padding:10px;font-family: roboto condensed;font-size: 14px;border-radius: 0px;border: 2px solid #f0f0f0;}

.landing-form-wrapper .btn.btn-submit {font-family: roboto condensed,sans-serif;text-transform: uppercase;font-size: 15px;border-radius: 0;padding: 8px 25px;margin-top: 10px;display: block;width: 100%;background-image: linear-gradient(to right, #308cd0, #2770a7);color: #fff;transition:all 230ms linear}

.landing-form-wrapper .btn.btn-submit:hover{background-image: linear-gradient(to right,#2770a7, #308cd0);transition:all 250ms linear}

.site-lock-box {position: fixed;bottom: 0;}

/*#archives-dropdown-2, #cat {width: 100%;border: 1px solid #f0f0f0;padding: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: #f9f9f9;outline: 4px solid #f3f3f3;}*/

.search-form label {width: 70%}
.single-post-details .blog-content-desc ul{padding: 0;margin-left: 15px;}
.single-post-details .blog-content-desc ul li{position: relative;margin-left: 10px;margin-bottom: 8px;font-size: 15px;list-style: none;padding-left: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.single-post-details .blog-content-desc ul li:before{content: '\f0a4';font-family: 'fontAwesome'; color: #333;position: absolute;padding-right: 10px;left: 0;}
.single-post-details .blog-content-desc ul li a{color: #ff7f04}
.single-post-details .blog-content-desc ul li a:hover{color: #1996f9}

.nav-previous, .nav-next {background:#f7f7f7;min-height: 70px;padding: 15px 44px;box-sizing: border-box;position: relative}
.nav-previous a, .nav-next a{font-size:13px;color:#969697;font-family:'roboto'  }
.nav-previous {border-right: 4px solid #fff;}
.nav-previous:before {content: '\f104';font-family: 'fontAwesome';font-size: 30px;position: absolute;left: 15px;width: 40px;height: 40px;margin: auto;top: 0;bottom: 0;} 
.nav-next:after{content: '\f105';font-family: 'fontAwesome';font-size: 30px;position: absolute;right: 15px;width: 40px;height: 40px;margin: auto;top: 0;bottom: 0;} 

.comment-form-author, .comment-form-email, .comment-form-url {width: 45%;box-sizing: border-box;float: left;}
.comment-form-comment {width: 50%;float: left;margin-right: 25px;}

.comment-form-author label, .comment-form-email label, .comment-form-url lable, .comment-form-author input, .comment-form-email input, .comment-form-url input {display: block}
.form-submit {
    display: block;
    clear: both;
}
.form-submit input[type="submit"] {background: #008aff;border: none;padding: 10px 15px;color: #fff;font-size: 14px;font-weight: 400;text-transform: uppercase;border-radius: 3px;}

.related-title h2{font-size: 18px;text-transform: uppercase;color: #008aff;}

.intl-tel-input{margin-bottom: 12px !important;}

.contact-footer-wrapper {}
.contact-footer-wrapper label{color: #fff}


.header-contact ul{margin: auto;text-align: right}
.header-contact ul li{list-style: none;display: inline-block;}
.header-contact ul li a{color:#fff;font-family: 'rubik' !important; }
.header-contact ul li img{max-width: 90%;background:#fff;border-radius: 5px;}