/*
Theme Name: Custom

*/

html{scroll-behavior: smooth;}
body{font-family: "Roboto", sans-serif;color:#fff;background:#000}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: "Manrope", sans-serif;font-weight: 800;color:#fff;}
p:empty{margin:0;}
a{color: #ff1d58;}
a:hover{color:inherit;}


.top-cta{font-size:40px;color:#fff !important;display: inline-block;font-weight: 700 !important;}
.navbar-bg{background:#000;padding:20px 0;}
.navbar-bg *{color:#fff;}
#main-menu {width: 100%;}
.navbar-bg a {color: #fff !important;font-weight: 400;}
.navbar-bg .dropdown-menu a {color: #4e4c4c !important;}
/*
.hp-slider .slide {
background-repeat: no-repeat;
background-size: cover;
height: 633px;
background-position: center;
padding: 50px;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.hp-slider .slide-1 {background-image: url(imgs/slide1.jpg);}
*/
.txtc1{color:#ff1d58 !important;}
.txtc2{color:#ad41d5 !important;}
.txtc3{color:#07ccea !important;}
.txtc4{color:#ff9900 !important;}
.txtc5{color:#259a37 !important;}
.txtc6{color:#262f98 !important;}
.hp-title{font-size:54px;}
.sub-title{font-size:28px;color:#ff1d58;font-weight:500;}
.txti{font-size:2.5rem;}

.btn-primary,.send{background-color:#ff1d58 !important;border-color:#ff1d58 !important;color:#fff !important;}
.btn-secondary{background-color:#ad41d5 !important;border-color:#ad41d5!important;color:#fff !important;}
.btn-blue{background-color:#07ccea !important;border-color:#07ccea!important;color:#fff !important;}
.btn-white{background-color:#fff !important;border-color:#fff !important;color:#ff1d58 !important;}
.btn,.send{border-radius:0 !important;font-weight: 400 !important;}
.btn:hover,.send:hover {
  box-shadow: 5px 5px 20px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 5px 5px 20px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 5px 5px 20px rgba(255, 255, 255, 0.5);
}

.header-bg {padding: 100px 0;position: relative;}
.header-bg h1{color:#fff;font-size:54px;}
.top-social {position: absolute;top: 50%;right: 20px;transform: translatey(-50%);}
.top-social a {display: block;margin-bottom:15px;font-size: 22px;text-align: center;color: #fff;}

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

[class^="icomoon-icon-"], [class*=" icomoon-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;
}

.icomoon-icon-approval:before {
  content: "\e900";
}
.icomoon-icon-app-store:before {
  content: "\e901";
}
.icomoon-icon-basket:before {
  content: "\e902";
}
.icomoon-icon-curved-arrow:before {
  content: "\e903";
}
.icomoon-icon-down-left:before {
  content: "\e904";
}
.icomoon-icon-facebook2:before {
  content: "\e905";
}
.icomoon-icon-facebook:before {
  content: "\e906";
}
.icomoon-icon-mail:before {
  content: "\e907";
}
.icomoon-icon-ppc:before {
  content: "\e908";
}
.icomoon-icon-phone:before {
  content: "\e909";
}
.icomoon-icon-seo:before {
  content: "\e90a";
}
.icomoon-icon-web-design:before {
  content: "\e90c";
}
.icomoon-icon-twitterx:before {
  content: "\e108";
}
.icomoon-icon-twitterx1:before {
  content: "\e109";
}
.icomoon-icon-arrow-right:before {
  content: "\e90b";
}

.hpsec1,.hpsec2,.hpsec3,.hpsec4,.hpsec5,.hpsec6,.hpsec7,.hpsec8{padding:100px 0;}
.hpsec1 .hp-title{font-weight:700;}
.cta-wrap{margin-bottom:50px;}
.cta-wrap p{color:#fff;}
.icon-wrap {display: inline-block;margin-bottom: 30px;color: #fff;font-size: 25px;width: 90px;height: 90px;border-radius: 20px;line-height: 90px;}
.serv1{background:#ad41d5 !important;position: relative;}
.serv2{background:#07ccea !important;position: relative;}
.serv3{background:#ff1d58 !important;position: relative;}
.serv4{background:#ff9900 !important;position: relative;}
.serv5{background:#259a37 !important;position: relative;}
.serv6{background:#262f98 !important;position: relative;}

.hpbox-list1 li,.hpbox-list2 li {font-size: 19px;display: flex;align-items: center;margin-bottom: 20px;}
.hpbox-list1 i,.hpbox-list2 i {margin-right: 20px;font-size: 3rem;}

.home .btn,.home .send{padding:30px 50px;min-width:243px;font-size:1.2rem !important;}
.home .hp-contact-form-holder .wpcf7-submit {padding: 30px 50px !important;}

.hp-contact-form-holder ::placeholder {
color: #fff !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 #fff;
border-radius: 0;
background: 0 0;
padding-left: 0;
color: #fff !important;
margin-bottom: 30px;
}
.hp-contact-form-holder .servicetype select {
color: #fff !important;
background: #000 !important;
}
.hp-contact-form-holder .wpcf7-submit {
display: inline-block !important;
width: auto !important;
background: #ff1d58 !important;
color: #fff !important;
border-color: #ff1d58 !important;
border-radius: 0 !important;
padding: 12px 50px !important;
}
.hp-contact-form-holder .wpcf7-spinner {
display: none;
}

.hpsec8 .btn{min-width:243px;}

.footer {padding:50px 0;background: #000;}
.footer h4 {margin: 30px 0 15px;font-size: 22px;}
.footer *{color: #fff;}
.foot-menu li {display: inline-block;margin-right: 20px;line-height: 40px;}
.foot-social a{display:inline-block;margin:0 5px;font-size:22px;}
.footer-bottom {background: #000;padding: 50px 0;}
.footer-bottom *{color: #fff;}
.copy-bdr{border-top:2px solid #ff1d58;padding-top:50px;}
.section-white {background: #fff;padding: 70px 0;}
.section-lightgrey {background: #eee;padding: 70px 0;}
.section-white *,.section-lightgrey *{color: #000;}
.section-primary {background: #ff1d58;padding: 70px 0;}
.section-secondary {background: #ad41d5;padding: 70px 0;}
.section-black {background: #000;padding: 70px 0;}
.section-skyblue {background: #07ccea;padding: 70px 0;}
.section-orange {background: #ff9900;padding: 70px 0;}
.section-green {background: #259a37;padding: 70px 0;}
.section-blue {background: #262f98;padding: 70px 0;}
.section-primary *,.section-secondary *,.section-black *,.section-skyblue *,.section-orange *,.section-green *,.section-blue * {color: #fff;}

.section-primary .send{background-color:#fff !important;border-color:#fff !important;color:#ff1d58 !important;}
.g-recaptcha {display: inline-block;transform: scale(0.77);-webkit-transform: scale(0.77);transform-origin: 0 0; -webkit-transform-origin: 0 0;}
.wrapper {padding: 70px 0;}
.updated {display: none;}
.published.updated {display: inline;}
#recent-posts-2 a,#categories-2 a,h2.entry-title a {color: inherit;}
.pagination .page-link{color:#ff1d58 !important;}
.pagination .page-item.active .page-link{background: #ff1d58 !important;border-color: #ff1d58 !important;color:#fff !important;}
.send {background: #ff1d58 !important;color: #fff !important;border-radius: 0 !important;}
.txtarea-field{height:100px;}
#breadcrumbs {padding: .75rem 1rem;margin: 0;}
.ewd-ufaq-faq-title-text h4 {font-size: 18px;}
.sp-testimonial-free-section .testimonial-nav-arrow {transform: none;}

/***************************** MEDIA *******************************/
@media screen and (min-width: 992px) {
.home .navbar-bg{background:transparent;margin-bottom:-100px;z-index:2;position: relative;}
.header-bg{padding-top:200px;}
.hpsec1{padding-top:200px;}
.hpsec3{padding-top:150px;}
.hpservice{padding:50px 0 100px;}
.header-bg::after {content: "";display: block;background: #ff1d58;width:42vw;position: absolute;top: 0;right: 0;bottom: 0;z-index: -1;}
.serv1::before {content: "";display: block;width: 10px;height: 10px;border-radius: 50%;background: #ad41d5;position: absolute;top: 50%;right: -80px;transform: translatex(-50%);}
.serv2::before,.serv2::after {content: "";display: block;width: 10px;height: 10px;border-radius: 50%;background: #07ccea;position: absolute;top: 50%;right: -80px;transform: translatex(-50%);}
.serv3::before {content: "";display: block;width: 10px;height: 10px;border-radius: 50%;background: #ff1d58;position: absolute;top: 50%;left: -80px;transform: translatex(-50%);}
.serv4::before {content: "";display: block;width: 10px;height: 10px;border-radius: 50%;background: #ff9900;position: absolute;top: 50%;right: -80px;transform: translatex(-50%);}
.serv5::before,.serv5::after {content: "";display: block;width: 10px;height: 10px;border-radius: 50%;background: #259a37;position: absolute;top: 50%;right: -80px;transform: translatex(-50%);}
.serv6::before {content: "";display: block;width: 10px;height: 10px;border-radius: 50%;background: #262f98;position: absolute;top: 50%;left: -80px;transform: translatex(-50%);}
.serv2::after,.serv5::after{right:auto;left:-80px;}
.serv1::after, .serv4::after {content: "";display: block;width: 130px;height: 1px;border-top: 2px dashed rgba(255, 255, 255, 0.1);position: absolute;top: 50px;right: -200px;z-index: -1;}
.serv3::after, .serv6::after {content: "";display: block;width: 130px;height: 1px;border-top: 2px dashed rgba(255, 255, 255, 0.1);position: absolute;top: 50px;left: -210px;z-index: -1;}
.imgsqr1 {position: relative;padding: 100px 0 100px 100px;}
.imgsqr1::before{content: "";display: block;background: #ff1d58;width: 430px;position: absolute;top: 0;left: 0;bottom: 0;z-index: -1;}
.imgsqr2 {position: relative;padding: 100px 100px 100px 0;}
.imgsqr2::before{content: "";display: block;background: #ff9900;width: 430px;position: absolute;top: 0;right: 0;bottom: 0;z-index: -1;}
.hpsec5 {position: relative;padding:150px 0;}
.hpsec5::before {content: "";display: block;background: url(imgs/form-rect.svg) no-repeat right bottom;background-size: auto;background-size: cover;width:490px;position: absolute;top: 0;bottom: 0;left: -240px;}
.hparrow1 {font-size: 450px;position: absolute;top: -300px;}
.hparrow2,.hparrow3 {font-size: 300px;position: absolute;top: -200px;left: 50%;transform: translatex(-50%);}
.hpsec6 {padding:150px 0;}
.hpsec8 {padding-bottom:150px;}
.hpsec8 .btn{font-size: 20px;}
.imgfit{height:100%;object-fit:cover;width:auto;}
}

@media screen and (max-width: 991px) {
.navbar-bg .navbar-dark .navbar-toggler{border:0 !important;font-size:20px;display: flex;align-items: center;}
.navbar-bg span.mtxt {font-size: 20px;padding-left:10px;}
.navbar-bg .navbar a{font-size:17px;font-weight:500;}
.top-cta {margin-bottom: 20px;font-size: 32px;}
.header-bg h1,.hp-title{font-size:32px;}
.header-bg,.hpsec2,.hpsec3,.hpsec5,.hpsec6,.hpsec7{text-align:center;}
.header-bg img,.hpsec2 img,.hpsec3 img,.hpsec5 img,.hpsec7 img{margin-top:70px;}
.header-bg,.hpsec1, .hpsec2, .hpsec3, .hpsec6, .hpsec7, .hpsec8 {padding: 70px 0;}
.hpservice{padding-bottom:70px;}
.hpsec5{padding: 110px 0 70px;}
.hpsec4{padding:0;}
.hpbox-list1 li, .hpbox-list2 li{font-size:16px;}
.hpbox-list1 i, .hpbox-list2 i{font-size:2.5rem;}
.hpsec8 .btn{min-width:271px;}
}

@media screen and (max-width: 767px) {
.top-social{display:none;}
.footer{text-align:center;}
}