/*
Theme Name: Custom

*/


body{font-family: 'Inter', sans-serif;color:#ADADAD;}
h1,h2,h3,h4,h5,h6{font-weight:700;color:#15415A;}
p:empty{margin:0;}
a{color: #15415A;}
a:hover{color:inherit;}
.top-bar{padding:15px 0;background-image: linear-gradient(
  115deg,
  hsl(202deg 62% 22%) 0%,
  hsl(202deg 62% 22%) 17%,
  hsl(202deg 62% 22%) 33%,
  hsl(202deg 62% 22%) 50%,
  hsl(187deg 100% 27%) 67%,
  hsl(168deg 46% 50%) 83%,
  hsl(109deg 78% 80%) 100%
);}
.home .top-bar{margin-bottom:-188px;position:relative;z-index:999;background:transparent;}
.top-cta a{font-size:30px;font-weight: 700;color:#fff;}
.top-mail a{color:#fff;}
.navbar-bg{padding-top:15px;padding-left: 27px;}
.navbar-bg span{font-size:25px;color:#fff;}
.navbar-bg span.mtxt {font-size: 22px;}
.overlay {height: 100%;width: 0;position: fixed;top: 0;left: 0;background-color:rgba(21, 65, 90, 0.84);overflow-x: hidden;transition: 0.5s;z-index: 9999;}
.overlay-content {position: relative;top: 20%;width: 100%;text-align: center;margin-top: 30px;}
.overlay a {padding: 8px;text-decoration: none;font-size: 36px;color: #fff;display: block;transition: 0.3s;}
.overlay a:hover, .overlay a:focus {color: #B3F4A4;}
.overlay .closebtn {position: absolute;top: 20px;right: 45px;font-size: 60px;}

.btn{border-radius:10px !important;min-width:221px;}
.btn-primary{color: #15415A !important;background-color: #B3F4A4 !important;border-color: #B3F4A4 !important;}
.btn-secondary{color: #fff !important;background-color: #55A29A !important;border-color: #55A29A !important;}
.btn-white{color: #15415A !important;background-color: #fff !important;border-color: #fff !important;}

.hp-banner{padding:190px 0 50px;height:800px;background-image: linear-gradient(
  115deg,
  hsl(202deg 62% 22%) 0%,
  hsl(202deg 62% 22%) 17%,
  hsl(202deg 62% 22%) 33%,
  hsl(202deg 62% 22%) 50%,
  hsl(187deg 100% 27%) 67%,
  hsl(168deg 46% 50%) 83%,
  hsl(109deg 78% 80%) 100%
);}
.banner-txt h1{font-size:64px;margin-bottom:50px;}
.banner-txt *{color:#fff;}

.hp-title{font-size:44px;}
.sub-title{font-size:22px;font-weight:500;}
.sub-title2{font-size:22px;font-weight:500;}
.hpsec1{padding:100px 0;}
.hpsec1 h3{font-weight: 500;}
.hpnum{font-size:28px;font-weight: normal;color: #15415A;}
.hpsec2{padding:120px 0;background-image: linear-gradient(
  310deg,
  hsl(202deg 62% 22%) 0%,
  hsl(202deg 62% 22%) 15%,
  hsl(202deg 62% 22%) 29%,
  hsl(202deg 62% 22%) 43%,
  hsl(187deg 100% 27%) 58%,
  hsl(168deg 46% 50%) 76%,
  hsl(109deg 78% 80%) 100%
);}
.hpsec2 h2,.hpsec2 .sub-title{color:#fff;}
.hp-services{padding:50px 35px;}
.cta-wrap{padding:45px 30px;text-align:left;margin-top:100px;border-radius: 20px;box-shadow: 10px 10px 15px rgba(21, 65, 90, 0.16),5px 5px 10px rgba(21, 65, 90, 0.16) inset;background:#fff;}
.cta-wrap h3{font-size:24px;margin:30px 0;font-weight:400;}
.cta-wrap p{margin-bottom:0;color: #15415A;}
.cta-wrap i{font-size: 3rem;color: #15415A !important;}
.icon-wrap {position: relative;}
.icon-wrap i {position: relative;z-index: 2;background: #fff;padding-right: 20px;}
.icon-wrap::after {
content: " ";
height: 2px;
background: #B3F4A4;
position: absolute;
top: 50%;
right: 0;
transform: translatey(-50%);
z-index: 1;
left: 0;
}
.cta-wrap .btn {min-width: auto;margin-top: 30px;}
.cta-wrap:hover, .cta-wrap:hover i {background: #55A29A;}
.cta-wrap:hover i, .cta-wrap:hover h3, .cta-wrap:hover p {color: #fff !important;}
.cta-wrap:hover .icon-wrap::after {background: #fff;}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?h4arer');
  src:  url('fonts/icomoon.eot?h4arer#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?h4arer') format('truetype'),
    url('fonts/icomoon.woff?h4arer') format('woff'),
    url('fonts/icomoon.svg?h4arer#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-copywriter:before {
  content: "\e900";
}
.icon-google:before {
  content: "\e901";
}
.icon-fast-turnaround:before {
  content: "\e902";
}
.icon-responsive:before {
  content: "\e903";
}
.icon-approval:before {
  content: "\e904";
}
.icon-web-design:before {
  content: "\e905";
}

.hpsec3,.hpsec5,.hpsec6{padding:100px 0;}
.hp-formimg{background:url(imgs/hpimg-4.jpg) no-repeat center;background-size:cover;min-height: 600px;}
.hp-formbg{background: #fff;padding: 50px;}
.hp-contact-form-holder ::placeholder {
color: #ADADAD !important;
}
.hp-contact-form-holder .wpcf7 input[type="text"],
.hp-contact-form-holder .wpcf7 input[type="email"],
.hp-contact-form-holder .wpcf7 input[type="tel"],
.hp-contact-form-holder .wpcf7 select {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #ADADAD;
border-radius: 0;
background: 0 0;
padding-left: 0;
color: #ADADAD !important;
margin-bottom: 30px;
}
.hp-contact-form-holder .servicetype select {
color: #fff !important;
background: #ADADAD !important;
}
.hp-contact-form-holder .wpcf7-submit,.send {
display: inline-block !important;
width: 221px !important;
color: #fff !important;
border: 0 !important;
border-radius: 10px !important;
background: linear-gradient(
  115deg,
  hsl(202deg 62% 22%) 0%,
  hsl(202deg 62% 22%) 17%,
  hsl(202deg 62% 22%) 33%,
  hsl(202deg 62% 22%) 50%,
  hsl(187deg 100% 27%) 67%,
  hsl(168deg 46% 50%) 83%,
  hsl(109deg 78% 80%) 100%
) !important;
}
.hp-contact-form-holder .wpcf7-spinner {
display: none;
}

.hpsec4{padding:120px 0;background-image: linear-gradient(
  140deg,
  hsl(202deg 62% 22%) 0%,
  hsl(202deg 62% 22%) 15%,
  hsl(202deg 62% 22%) 29%,
  hsl(202deg 62% 22%) 43%,
  hsl(187deg 100% 27%) 58%,
  hsl(168deg 46% 50%) 76%,
  hsl(109deg 78% 80%) 100%
);}
.hpsec4 h2,.hpsec4 .sub-title{color:#fff;}
.price-box{padding:30px;margin-top:50px;border-radius: 20px;box-shadow: 10px 10px 15px rgba(21, 65, 90, 0.16),5px 5px 10px rgba(21, 65, 90, 0.16) inset;background:#fff;}
.price-box h4{margin-bottom:30px;color:#15415A;}
.price-box p{color:#15415A;}
.price-box .btn{margin-top:30px;}
.hp-bar{padding:50px 0;background-image: linear-gradient(
  115deg,
  hsl(202deg 62% 22%) 0%,
  hsl(202deg 62% 22%) 17%,
  hsl(202deg 62% 22%) 33%,
  hsl(202deg 62% 22%) 50%,
  hsl(187deg 100% 27%) 67%,
  hsl(168deg 46% 50%) 83%,
  hsl(109deg 78% 80%) 100%
);}
.hp-bar h2{color:#fff;}
.hpsec7{padding:100px 0;background-image: linear-gradient(
  310deg,
  hsl(202deg 62% 22%) 0%,
  hsl(202deg 62% 22%) 15%,
  hsl(202deg 62% 22%) 29%,
  hsl(202deg 62% 22%) 43%,
  hsl(187deg 100% 27%) 58%,
  hsl(168deg 46% 50%) 76%,
  hsl(109deg 78% 80%) 100%
);}
.hpsec7 *{color:#fff;}
.hp-tetiqut::before {font: normal normal normal 18px/1 FontAwesome;  content: "\f10d"; color: #fff; font-size:20px; display: block;text-align: left;}
.hp-tetiqut::after {font: normal normal normal 18px/1 FontAwesome;  content: "\f10e"; color: #fff; font-size:20px;display: block; text-align: right;}
.hp-tetiqut #sp-testimonial-free-9 {margin: 0 30px;}

.footer{background:#15415A;padding:20px 0 50px;}
.footer h5{margin:30px 0 15px;font-size:22px;}
.footer *{color:#fff;}
.footer-bottom{background:#B3F4A4;padding:20px 0;}
.footer-bottom *{color:#15415A;}
.foot-social a{display:inline-block;margin:0 5px;font-size:22px;}
.section-white {
background: #fff;
padding: 75px 0;
}
.section-primary {
background: #15415A;
padding: 70px 0;
}
.section-primary * {
color: #fff;
}
.section-secondary {
background: #B3F4A4;
padding: 70px 0;
}
.section-secondary *,.section-green *,.section-grad *{
color: #fff;
}
.section-green {
background: #55A29A;
padding: 70px 0;
}
.section-grad {padding: 50px 0;background-image: linear-gradient(
  115deg,
  hsl(202deg 62% 22%) 0%,
  hsl(202deg 62% 22%) 17%,
  hsl(202deg 62% 22%) 33%,
  hsl(202deg 62% 22%) 50%,
  hsl(187deg 100% 27%) 67%,
  hsl(168deg 46% 50%) 83%,
  hsl(109deg 78% 80%) 100%
);}
.section-lightgrey {
background: #eee;
padding: 70px 0;
}
.wrapper {padding: 75px 0;}
.updated {display: none;}
.published.updated {display: inline;}
#recent-posts-2 a,#categories-2 a,h2.entry-title a {color: inherit;}
.txtarea-field{height:100px;}
.g-recaptcha {display: inline-block;transform: scale(0.77);-webkit-transform: scale(0.77);transform-origin: 0 0; -webkit-transform-origin: 0 0;}
.su-spoiler-title {color: #15415A;font-size: 18px !important;}
.mt-75{margin-top: 75px;}

/***************************** MEDIA *******************************/
@media screen and (min-width: 992px) {
.hbdr{border-right:5px solid #B3F4A4;}
.cta-wrap{width:265px;}
.hpsec2 a{display:inline-block;}
.price-box{width:310px;}
.hp-formbg{padding:100px;}
}

@media screen and (max-width: 991px) {
.banner-txt h1{font-size:40px;}
.hp-title{font-size:32px;}
.top-cta a{font-size:22px;}
.banner-txt,.cta-wrap,.hpsec1,.hpsec2,.hpsec4,.hpsec7{text-align: center;}
.icon-wrap i{padding-left:20px}
}
@media screen and (min-width: 768px) {
.hp-formimg{border-top-right-radius:20px;border-bottom-right-radius:20px;}
.mb-100{margin-bottom:100px;}
}
@media screen and (max-width: 767px) {
.home .top-bar {margin-bottom: -350px;}
.top-mail{margin-top: 15px;}
.top-bar .btn {margin: 20px 0;}
.hp-banner{padding-top:380px;height:auto;}
.banner-txt h1 {font-size: 32px;}
.mobpt-0{padding-top:0 !important;}
.mob-title{margin-bottom:100px !important;}
.mobmt-100{margin-top:100px;}
.hpsec5,.hpsec6,.footer,.footer-bottom,.hp-bar{text-align: center;}
.hp-bar .btn{margin-top:30px;}
}