/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
.elementor-widget-wrap{padding: 0 30px;}
#main #content-wrap{padding-top: 0 !important;}
#main #content-wrap{padding-bottom: 0 !important;}
#footer-widgets{padding: 0 !important;}
header .container{width: 100%;max-width: 100%;}
#top-bar{padding: 0;}

/*Header*/

.header-right ul li a{font-family: 'ProximaNova-Regular';font-size: 16px;text-transform: uppercase;}
.header-right ul{display: block;text-align: right;}
.header-right ul li{display: inline-block;}
.header-right ul li a{font-family: ProximaNova-Regular;font-size: 16px;text-transform: uppercase;margin-right: 20px;color: #7f7f7f;}
#site-header { position: fixed !important;top: 0;z-index: 99999;border-bottom: 0px solid !important;}
/*Menu Effect cc7163*/
.menu-menu-container ul li a{position: relative;}
.home .menu-menu-container ul li a:before{bottom:-5px;}
.home .menu-menu-container ul li a:after{bottom:-7px;}
.menu-menu-container ul li a:before{content: "";position: absolute;width: 100%; height:1px; bottom:-6px; left: 0px; background-color: #1073fd;visibility: hidden;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all 0.3s ease-in-out 0s;    transition: all 0.3s ease-in-out 0s;}
.menu-menu-container ul li a:hover:before, .menu-menu-container ul li.current-menu-item a:before, .menu-menu-container ul li.current-menu-ancestor a:before{    visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1); }
.menu-menu-container  li a:hover:after,.menu-menu-container  li.current-menu-item a:after{content: "";position: absolute;width: 5px; height:5px; bottom:-8px;background-color: #1073fd;right: 42%;}
.menu-menu-container ul li a:before {   content: "";    position: absolute;    width: 100%;    height: 1px;    bottom: -6px;    left: 0px;
    background-color: #1073fd;    visibility: hidden;    -webkit-transform: scaleX(0);    transform: scaleX(0);    -webkit-transition: all 0.3s ease-in-out 0s;    transition: all 0.3s ease-in-out 0s;}
.menu-menu-container li a:hover:after, .menu-menu-container li.current-menu-item a:after {    content: "";    position: absolute;    width: 5px;
    height: 5px;    bottom: -8px;    background-color: #1073fd;    right: 42%;}
.menu-menu-container  li.current-menu-item a{font-family: ProximaNova-Semibold;}

.content2{width: 58%;float: left;}
.content1{width: 42%;float: left;padding: 0px 20px;}
/*Slider*/
.slider-res{display: none;}
.slider p{margin: 50px 0!important;}
.tp-mask-wrap .tp-caption .content h2{color: #221f20;font-size: 64px;}
.tp-mask-wrap .content p{color: #7b8898;font-size: 24px;}
.tp-mask-wrap p a{color:#fff;background: #1073fd;padding: 10px 20px;text-align: center;border-radius: 100px;}
.hesperiden.tparrows{background: none !important;}
.hesperiden.tparrows.tp-leftarrow:before{content: "";background: url(../img/arrow_l.png) no-repeat !important;width: 37px;height: 13px;}
.hesperiden.tparrows.tp-leftarrow:hover:before{content: "";background: url(../img/arrow_l_hover.png) no-repeat !important;width: 37px;height: 13px;}
.hesperiden.tparrows.tp-leftarrow{left: 5% !important;transform: matrix(1, 0, 0, 1, 19, -30) !important;}
.hesperiden.tparrows.tp-rightarrow:before{content: "";background: url(../img/arrow_r.png) no-repeat !important;width: 37px;height: 13px;}
.hesperiden.tparrows.tp-rightarrow:hover:before{content: "";background: url(../img/arrow_r_hover.png) no-repeat !important;width: 37px;height: 13px;}
.rev_slider .hesperiden.tparrows.tp-rightarrow{right: 88% !important;left: auto !important;transform: matrix(1, 0, 0, 1, 19, -30) !important;}
.tp-mask-wrap .content p{margin-bottom: 50px !important;line-height: 25px !important;}
.rev_slider .tp-mask-wrap *:last-child{font-family: ProximaNova-Light;}
.rev_slider .tp-mask-wrap *:last-child a{padding: 15px 35px !important;font-size: 20px !important;}
.rev_slider .tp-mask-wrap *:last-child a:hover{background: #0046a7;}
.tp-mask-wrap .slide-status-numbers{color: #373737 !important;font-size: 18px !important;}
.slideshow {
  position: relative;
  z-index: 1;
  height: 100%;
  max-width: 700px;
  margin: 50px auto;
  
  * {
    outline: none;
  }
  
  .slider {
    box-shadow: 0 20px 50px -25px rgba(0, 0, 0, 1);
  }
  
  .slider-track {
    transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  }
  
  .item {
    height: 100%;
    position: relative;
    z-index: 1;
    
    img {
      width: 100%;
      transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
      transform: scale(1.2);
    }
    
    &.slick-active img {
      transform: scale(1);
    }
  }
}
a:hover {
    
    text-decoration: none !important;
}
#topslider h2 {
    font-family: ProximaNova-Light;
       font-size: 64px !important;
    margin-top: 218px !important;
    line-height: 84px !important;
        color: #221f20;
}
#topslider p {
    font-family: ProximaNova-Light;
         font-size: 22px !important;
         
    margin-bottom: 50px !important;
    line-height: 25px !important;
        color: #7b8898;
        text-decoration: none;
}
#topslider a {
      
    color: #fff;
    background: #1073fd;
    border-radius: 100px;
    padding: 15px 35px !important;
    font-size: 20px !important;
    font-family: ProximaNova-Light;
}
.pagingInfo {
    font-size: 18px;
        color: #373737 !important;
    position: absolute;
    bottom: 12px;
    left: 333px;
        letter-spacing: 3px;
}
#topslider img{    padding-top: 85px;}
#Z8HoIGb-1564552068309{display: none !important;}
#topslider .slick-prev:hover:before {
    content: "";
    background: url(../img/arrow_l_hover.png) no-repeat !important;
    
    width: 37px;
    height: 13px;
    background-size: cover;
}
   #topslider a:hover { color: #ffffff;
    background-color: #0046a7;
    }
    #topslider .slick-prev, .slick-next{font-size: 0px !important;}
     .wptww-testimonials-slide-widget .wptww-testimonials-text p{font-size: 20px !important;}
#tawkchat-minified-wrapper{display: none !important;}

#topslider .slick-prev:before {
    content: "";
    background: url(../img/arrow_l.png) no-repeat !important;
            left: 101px;
    width: 37px;
    height: 13px;
    background-size: cover;
    position: absolute;
}
#topslider .slick-next:hover:before {
    content: "";
    background: url(../img/arrow_r_hover.png) no-repeat !important;
    width: 37px;
    height: 13px;
    background-size: cover;
}
#topslider .slick-next:before {
    content: "";
    background: url(../img/arrow_r.png) no-repeat !important;
    width: 37px;
    height: 13px;
    background-size: cover;
    position: absolute;
        left: 150px;
}
#topslider .slick-next{background: none;}
#topslider .slick-prev{background: none;}
button:focus{outline: none !important;}
/*Slider Bottom*/
.slider-bottom h2 strong{font-family: ProximaNova-Semibold;font-size: 40px;color: #000;}
.slider-bottom h2{font-family: ProximaNova-Light;font-size: 40px;color: #7b8898;margin: auto;}
.slider-bottom p{font-family: ProximaNova-Regular;font-size: 20px;color: #7b8898;}

/*Services*/
.services h3{font-family: ProximaNova-Light !important;}
.services p{font-family: ProximaNova-Regular !important;}

/*Solutuions*/

.domain .domain-right h2{font-family: ProximaNova-Semibold;}
.domain .domain-right p{font-family: ProximaNova-Regular;}
.domain .domain-right ul li{font-family: ProximaNova-Regular;list-style: none;background: url(../img/Arow.png) no-repeat left;padding-left: 27px;}
.domain .domain-right span{font-family: ProximaNova-Light;}
.domain .domain-right ul{margin: auto;}
.domain .domain-right{background-size: 85%;}

/*Solution-bottom*/
.tech-left h2{font-family: ProximaNova-Semibold !important;}
.tech-left p{font-family: ProximaNova-Regular;}
.tech-right h3{font-family: ProximaNova-Semibold !important;}

/*Technology*/
.tech-right .elementor-widget{position: absolute;}

.tech{background: url(../img/bg.png) no-repeat;background-size: cover;background-position: 100% 30%;}
.tech-left a span{font-family: ProximaNova-Light;}
.tech-r{float: right;}
.tech-left, .tech-right{padding-top: 0;}
.tech1 h3{background: url(../img/icon_1.png) no-repeat left center;height: 38px;padding-left: 40px;}
.tech2 h3{background: url(../img/icon_2.png) no-repeat left center;height: 38px;padding-left: 40px;}
.tech3 h3{background: url(../img/icon_3.png) no-repeat left center;height: 38px;padding-left: 40px;}
.tech4 h3{background: url(../img/icon_4.png) no-repeat left center;height: 38px;padding-left: 40px;}
.tech5 h3{background: url(../img/icon_5.png) no-repeat left center;height: 38px;padding-left: 40px;}
.tech1, .tech2, .tech3, .tech4, .tech5{transition: 1s;} 
.tech1:hover,.tech3:hover, .tech5:hover{margin-left: -20px;}
.tech2:hover, .tech4:hover{margin-right: 20px;}
.tech-right .tech1,.tech2,.tech3,.tech4,.tech5{max-width: 340px;background: #fff;padding: 25px;border-radius: 10px;-webkit-box-shadow: 2px -2px 44px -19px rgba(0,0,0,0.75);-moz-box-shadow: 2px -2px 44px -19px rgba(0,0,0,0.75);box-shadow: 2px -2px 44px -19px rgba(0,0,0,0.75);}
.tech-right .tech2{top: 100px;right: -50px;}
.tech-right .tech3{top: 38%;left: 10%;}
.tech-right .tech4{top: 53%;right: -100px;}
.tech-right .tech5{top: 73%;}

.tech-right .elementor-widget-container .elementor-image-box-title h3{font-size: 20;}



/*Testimonials*/
.testimonial{padding-top: 70px;margin-bottom: -30px;}

.testimonial h2{font-family: ProximaNova-Semibold !important;padding-top: 30px !important;}
.testimonial p,.testimonial strong{font-family: ProximaNova-Regular;color: #fff;font-size: 20px;}
.wptww-testimonial-content h4{display: none;}
.wptww-testimonial-content .fa-quote-left{display: none;}
.wptww-testimonials-slide-widget.design-1 .slick-prev{display: none !important;}
.wptww-testimonials-slide-widget.design-1 .slick-next{display: none !important;}
.wptww-testimonials-slide-widget .wptww-testimonials-text p{font-size: 20px;}
.wptww-testimonials-text p em:before{content: "";background: url(../img/test.png) no-repeat;width: 38px;height: 35px;display: block;float: left;}
.wptww-testimonials-text p em:after{content: "";float: right;background: url(../img/test1.png) no-repeat;width: 38px;height: 35px;display: block;}
.testimonial .wptww-testimonials-slide-widget .slick-dots li button,.wptww-testimonials-slide-widget .slick-dots li button{background: url(../img/navi_2.png) no-repeat !important;width: 19px !important;height: 19px !important;border:0px!important;}
.testimonial .wptww-testimonials-slide-widget .slick-dots li,.wptww-testimonials-slide-widget .slick-dots li{margin: 0 10px !important;}
.testimonial .wptww-testimonials-slide-widget .slick-dots li.slick-active button,.wptww-testimonials-slide-widget .slick-dots li.slick-active button{background: url(../img/navi_1.png) no-repeat !important;}
.wptww-testimonials-slide-widget .slick-dots li.slick-active{margin-top:-8px !important;}

/*Map*/
.map .elementor-widget-wrap{padding: 0;}


/*Footer*/
.footer h3{font-family: ProximaNova-Bold !important;font-size: 22px !important;}
.footer p{font-family: ProximaNova-Regular !important;font-size: 20px !important;}
.footer .col-1 figure, .footer .col-2 figure, .footer .col-3 figure{min-height: 100px;}
.footer .col-1 figure img{margin-top: 21px;}
.footer .col-2 figure img{margin-top: 34px;}
.footer .col-3 figure img{margin-top: 47px;}
.footer .col-4 figure img{margin-top: 30px;}

.footer-bottom ul{display: block;text-align: center;}
.footer-bottom ul li{display: inline-block;}
.footer-bottom ul li a{font-family: ProximaNova-Regular;font-size: 18px;text-transform: capitalize;padding: 0 20px;color: #cddaec;border-right: 1px solid #cddaec;}
.footer-bottom ul li:last-child a{border: none;}
.footer-bottom h2{font-family: ProximaNova-Regular !important;}
.footer-bottom ul li.current-menu-item a{color: #2caae0;font-family: ProximaNova-Semibold !important;}
.footer-bottom ul li a:hover{color: #2caae0;}

.social-icons img{-webkit-transform: rotate(0deg);-webkit-transition: -webkit-transform 0.25s ease-in-out;}
.social-icons img:hover{-webkit-transform: rotate(350deg);-webkit-transition: -webkit-transform 0.25s ease-in-out;}
.social-icons .elementor-text-editor{max-width: 360px;margin: auto;}
.copyright h2{font-size: 18px !important;font-family: ProximaNova-Regular !important;}
/*Pages*/
.page-header{background: #fff;text-transform: uppercase;}
.page-content h2, .page-content .elementor-image-box-content h3, .ourtech-btm h3{font-family: ProximaNova-Semibold !important;font-size: 30px !important;color:#373737 !important;}
.page-content p, .page-content ul li, .img-btm p, .sol-img p, .sol-toggle .elementor-tab-title a, .sol-toggle p, .img-btm p, .ourtech-btm p{font-family: ProximaNova-Regular !important;font-size: 18px !important;color: #747d89 !important;}

.work-with h2{font-family: ProximaNova-Semibold !important;font-size: 30px !important;color:#fff !important;text-transform: uppercase;}
.work-with p{font-family: ProximaNova-Regular !important;font-size: 18px !important;color: #fff !important;}
.footer .col-2 p a, .footer .col-3 p a{color: #7a7d86;display: block;}
.footer .col-2 p a:hover, .footer .col-3 p a:hover{color: #2caae0;}
.copyright a:hover{color: #2caae0 !important;}

/*Solutions*/
.solution h2{font-family: ProximaNova-Semibold;}
.page-content ul li{list-style: none;background: url(../img/Arow.png) no-repeat left;padding-left: 27px;}
.page-content.publishing ul li{background: none;padding: 0;}

/*Technology*/
.our-technology .box h2{text-align: center;font-size: 20px;font-family: ProximaNova-Semibold !important;}
.our-technology .box p{font-size: 16px;font-family: ProximaNova-Regular !important;margin-top: -10px;}
.our-technology .box .elementor-widget-container{min-height: 430px;}
.our-technology .elementor-widget-wrap{padding: 0 5px;}
.our-technology .box:hover h2,.our-technology .box:hover p{color: #fff;}


/*Conatct Us*/
.contact-us .con-left h2{line-height: 40px;}
.contact-page h3{font-size: 18px !important;}
.contact-page p{font-size: 15px !important;line-height: 1.5;}
.page-content .elementor-image-box-content h3{font-family: ProximaNova-Semibold !important;color:#373737 !important;}
.page-content .elementor-image-box-content h3 p{font-family: ProximaNova-Regular !important;font-size: 14px !important;color: #747d89 !important;}
.page-content .contact-loc{background: url(../img/location_1.png) no-repeat left center;padding-left: 80px;}

.page-content .contact-ph{background: url(../img/call.png) no-repeat left center;padding-left: 80px;}
.page-content .contact-mail{background: url(../img/mail_1.png) no-repeat left center;padding-left: 80px;}
.page-content .contact-page h3{margin-top: 18px;font-size: 20px !important;}
.page-content .contact-loc, .page-content .contact-ph, .page-content .contact-mail{height: 80px;}
.page-content .contact-loc2{padding-left: 80px;}
.contact-loc p, .contact-loc2 p, .contact-ph p, .contact-mail p{font-size: 18px !important;}


/*test*/

.wpcf7-form-control-wrap input, textarea{background-color: #efefef !important;padding: 13px !important;   }
div.wpcf7 input[type="file"]{padding: 20px;}
.wpcf7-form input[type="submit"]{font-family: ProximaNova-Light !important;text-transform: capitalize;background-color: #0f73fd;color: #fff;float: right;padding: 12px 25px;font-size: 16px;text-transform:uppercase;font-weight: normal;border-radius: 25px;}


.contact-page .wpcf7-form input[type="submit"]{font-family: ProximaNova-Light !important;text-transform: capitalize;color: #fff;}
.wpcf7-form input[type="submit"]:hover{background-color: #0046a7;}


.loader{position: fixed;width: 100%;height: 100%;z-index: 999;background: #ddd;}
#loader_spinner{width:65px;height:65px;background-image: url(../img/loader_outer.png);position:absolute;top:0;left:0;right: 0;bottom: 0;margin: auto;display:block; -webkit-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index: 999;}
#loader_inner{width:35px;height:35px;background-image: url(../img/loader_inner.png);position:absolute;top:0;left:0;right: 0;bottom: 0;margin: auto;display:block; -webkit-animation:spinr 2s linear infinite;-moz-animation:spinr 2s linear infinite;animation:spinr 2s linear infinite;z-index: 999;}
@-webkit-keyframes spinner { 
    from{-webkit-transform: rotateY(0deg);} 
    to {-webkit-transform: rotateY(-360deg);} 
} 
@keyframes spinner { 
    from { -moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);} 
    to{-moz-transform: rotateY(-360deg);-ms-transform: rotateY(-360deg);transform: rotateY(-360deg);} 
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
@-moz-keyframes spinr { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spinr { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spinr { 100% { -webkit-transform: rotate(360deg); transform:rotate(-360deg); } }

#wpcf7-f564-p19-o1 .uploads input{width: 214px;height: 45px;font-size: 0px;background: url(../img/Browse.png)no-repeat;background-color: transparent !important;}

span.cv {position:relative;}
span.cv:before {content: "";position: absolute;left: 9px;top: 10px;background-color: #1073fd;background-position: 44px 13px;font-size: 24px;width: 21px;height: 20px;z-index: 9;}

/*Footer*/
.footer-section h2{margin: 0;}
.footer-sec-left .elementor-column-wrap, .footer-sec-left .elementor-widget-wrap, .footer-sec-right .elementor-column-wrap, .footer-sec-right .elementor-widget-wrap{padding: 0;}
.footer-sec-left1{background: url(../img/location_01.png) no-repeat;width: 100%;height: 71px;padding-left: 90px;}
.footer-sec-left2{padding-left: 90px;margin-top: 70px;}
.footer-sec-left h2{color: #eaeffb;font-size: 22px;font-family: ProximaNova-Bold !important;font-size: 22px;}
.footer-sec-left h6{color: #eaeffb;font-size: 16px;font-family: ProximaNova-Regular !important;font-size: 18px;line-height: 2;font-weight: normal;}
.footer-sec-left1, .footer-sec-right1, .footer-sec-right3{float: left;}
.footer-sec-left1:after{content: '';display: block;background: url(../img/footer_sep.png) no-repeat;width: 358px;height: 1px;}
.footer-sec-right{margin-left: 130px;} 
.footer-sec-right2, .footer-sec-right4{float: right;}
.footer-sec-right h2{color: #595a64;font-size: 22px;font-family: ProximaNova-Bold !important;}
.footer-sec-right a{display: block;color: #595a64;font-size: 20px;font-family: ProximaNova-Regular !important;}
.footer-sec-right1{background: url(../img/call_01.png) no-repeat;height: 71px;padding-left: 90px;}
.footer-section-right1{margin-bottom: 50px !important;}
.footer-sec-right2{background: url(../img/mail_01.png) no-repeat;height: 71px;padding-left: 90px;}
.footer-sec-right4 a{font-size: 20px;font-family: ProximaNova-Semibold !important;color: #ffffff;background-color: #1073fd;border-radius: 50px;padding: 15px 60px;}
.footer-sec-left1, .footer-sec-left2{max-width: 390px;}
.footer-section-right2, .footer-section-left2{margin-top: 50px;}
.footer-sec-right3{position: relative;line-height: 10px;}
.footer-sec-right3 img{margin-right: 10px;}
.footer-sec-right3{margin-left: 10px;}
.footer-sec-right1 a:hover, .footer-sec-right2 a:hover{color: #164590;}
.footer-sec-right4 a:hover{background: #0046a7;}
.footer-sec-right3 a{display: inline-block;}

.elementor-msie #wpcf7-f564-p19-o1 .uploads input{background: none; -webkit-appearance: none;font-size: 13px;}
.elementor-msie span.cv:before{display: none;}
.elementor-msie .wpcf7-form-control-wrap{position: inherit;}

.mac_ipad #wpcf7-f564-p19-o1 .uploads input{background: none !important;}
.mac_ipad span.cv:before{display: none;}
#main {
    
    margin-top: 75px;
}

/*=== Wt Validate ===*/
label span.wpcf7-form-control-wrap { position: relative; display: block }
div#wt-validate div#wt-validate-in {position: relative;
   
    background-image: none;
    padding: 10px;
    border-radius: 3px;
    width: 230px;}
div#wt-validate {   position:absolute; width:340px; max-width:90%; z-index:19000; display:none; }
div#wt-validate-in a.info_hint{ padding:2px 0px 5px 0px; display:block; color:#FFFFFE; font-size:14px; border-bottom:1px dotted #333333; }
.field_info_err input,.field_info_err textarea{ border-color: red!important;border: 1px solid;}
.action_delete,.action_export,.action_add:hover,.action_save{background: #353535;border-color: #353535;}
.action_delete:hover,.action_export:hover,.action_add,.action_save:hover{background:#7a7a7a;border-color: #7a7a7a;}
.onclosed{display: none}
td img{max-width: 50px;cursor: pointer}