/*
 Theme Name:   UnderStrap Child
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      0.5.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@font-face {
  font-family: 'Social Gothic';
  src: url('/wp-content/themes/understrap-child/fonts/SocialGothic.eot');
  src: local('Social Gothic'),
   local('SocialGothic'),
      url('SocialGothic-Bold.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/understrap-child/fonts/SocialGothic.woff2') format('woff2'),
      url('/wp-content/themes/understrap-child/fonts/SocialGothic.woff') format('woff'),
      url('/wp-content/themes/understrap-child/fonts/SocialGothic.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}

::-webkit-scrollbar { width: 3px; height: 1px;}

::-webkit-scrollbar-track {  background-color: #e62574;}
::-webkit-scrollbar-track-piece { background-color: #000;}
::-webkit-scrollbar-thumb {  background-color: #e62574; }
::-webkit-scrollbar-corner { background-color: #e62574;}
::-webkit-resizer { background-color: #e62574;}


::selection {
    color: #fff;
    background:#e62574;
   }

   .hubspot-link__container.sproket, .hubspot-link__container {
       display:none !important;
   }


.navbar-toggler{display: none;}
article{border:0px!important;
  padding-bottom: 0px!important;
  margin-bottom: 0px!important;}
body .wrapper {
    padding: 0 0 0px ;
}


.navbar-brand.custom-logo-link{
  width: 250px;
}
.img-fluid, .img-thumbnail {
    width: 100%;
}
.heder-vc > .container{padding: 0}


body{font-family: 'Myriad Pro' !important;}

body .navbar {
    background: #030405;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0;
    position: fixed;
    z-index: 1000;
    width: 100%;
}
.navbar-expand-md .navbar-collapse {
    width: 100%;
}
  .navbar  .collapse{
	display:block;
}

.navbar-nav .nav-link {

height: 100%;
font-size: 18px;
font-style: normal;
font-stretch: normal;
text-align: center;
letter-spacing: 1px;
color: #fff;
display: flex;
align-items: center;
padding: 20px 10px 15px !important;
font-family: 'Social Gothic';
text-transform: uppercase;
position: relative;
}

.menu-item{
  position: relative;
  transition: .3s all ease;
}
.menu-item .nav-link:hover {
display: block;
opacity: 1;
transition: .3s all ease;
color: #e62574;
}




body .menu-item:hover .dropdown-menu {
  display: block !important;
  background: #000;
  padding: 5px;
  border: 1px solid rgb(230 37 116) !important;
  border-radius: 0;
  box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.47);
}
body .dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 0.6rem;
  clear: both;
  font-weight: 400;
  color: #ffffff;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
  font-family: 'Social Gothic';
}


body  .dropdown-item.active, body .dropdown-item:active, body .dropdown-item:hover  {
  color: #e62574;
  text-decoration: none;
  background-color: #00a9e000;
}
.copirait{
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.85;
letter-spacing: normal;
text-align: right;
color: #1c1c1c;
}
.foot-col2 .navbar-nav .nav-link{
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.82;
  letter-spacing: 1px;
  text-align: center; 
  color: #000000;
}
.foot-col2 .navbar-nav {
    display: flex;
    flex-direction: row;
    justify-content:flex-end;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.footer-cop{
  align-items: center;
}


.collapse.navbar-collapse .navbar-nav {
      flex-direction: inherit;
      align-items: center;
      justify-content: flex-end;
  }

.section1{
	background: #030405;
}

.section1 img,
.section1 .vc_single_image-wrapper.vc_box_border_grey,
.section1 .wpb_single_image .vc_figure {
  width: 100%;
}
.section1_h2{
  font-family: 'Social Gothic';
  font-size: 40px;
  color: #e62574;
  text-transform: uppercase; 
  letter-spacing: 5px;
}
.section2{
	background: #030405;
  padding: 40px 0;
}
.title-left-home {
color: #fff;
font-size: 55px;
text-transform: uppercase;
letter-spacing: 5px;
font-family: 'Social Gothic';
}
.title-left-home-p{
color: #fff;
font-size: 15px;
font-family: 'Social Gothic';
}

.text-block-border {
position: relative;
padding: 15px;
border-radius:10px;
border: 4px dashed #fff;
font-family: "Open Sans", sans-serif;
color: #fff;
font-size: 20px;
hyphens: auto;
}

.section2 .btn {
  font-family: 'Social Gothic';
  position: relative;
  padding: 10px 30px;
  border: 2px solid #e62574;
  margin-top: 15px;
  display: flex;
  text-decoration: none;
  color: #e62574;
  letter-spacing: 2px;
  text-transform: uppercase;
  transition: 0.5s;
  overflow: hidden;
  width: 185px;
  justify-content: center;
  letter-spacing: 5px;
}

.section2 .btn:hover {
  color:#fff;
}

.section2 .btn .btn-color {
  position: absolute;
  display: block;
  width: 0px;
  height: 0px;
  transform: translate(-50%, -50% );
  border-radius:50%;
  background:#e62574;
  transition: width 0.5s, height 0.5s;
}

.section2 .btn:hover .btn-color {
  width: 400px;
  height: 400px;
}

.btn-text {
  z-index: 1;
}

.section3 {
  background: #030405;
}
.section3 .title-left-home {
margin-bottom: 40px;
}

.section3 .text-block-border{
  padding: 11px;
}

 strong{
  background:#e62574;
  padding: 0 5px;
}

#archive-wrapper{
  background:#000;
  padding-top: 80px;
}

#archive-wrapper .page-header h1{
  font-family: 'Social Gothic';
  color: #fff;
  font-size: 40px;
}
.archive.category .col-sm-4{
  padding: 0 20px !important;
}
#archive-wrapper img.wp-post-image {

  justify-content: center;
  align-items: center;
  display: flex;
  border:0;
  margin: 0;
  padding: 0;
}
.postik{margin-bottom: 40px;}
.postik-link_b {
  justify-content: center;
  align-items: center;
  display: flex;
  border: 0;
  padding: 15px;
  height: 484px;
  border-radius: 10px;
  border: 4px dashed #fff;
}
.red{
  font-size: 25px !important;
  color: #fc0202 !important;
}
.singl_p {
  padding-top: 80px;
}
.singl_p .title-left-sigle{
  color: #fff;
  margin-bottom: 30px;
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-family: 'Social Gothic';
}
.singl_p .single-block, .singl_p  .wpb_single_image.vc_align_center{
  padding: 15px;
border-radius:10px;
border: 4px dashed #fff;
font-family: "Open Sans", sans-serif;
color: #fff;
font-size: 20px;
hyphens: auto;
}

.singl_p .vc_single_image-wrapper.vc_box_border_grey {
  width: 100%;
  height: 369px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pagination {
  margin: 0;
  justify-content: center;
  padding-bottom: 30px;
  margin-top: 30px;
}
.archive.category .site-main > .row{
  max-width: 100%;
  margin: auto;
}
.archive.category .entry-title,
.archive.category .entry-title a {
  color: #ffffff;
  font-size: 23px;
  margin: 20px 0;
  font-family: 'Social Gothic';
}

.archive.category .entry-title a:hover {
  text-decoration: none;
  color: #e62574;
}

body .page-item:first-child .page-link,
 body .page-item:last-child .page-link {
  border-radius: 0rem;
}
.archive.category .postik p{
  font-family: "Open Sans", sans-serif;
  color: #fff;
}
body .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin: 0 5px;
  line-height: 1.25;
  color: #e62574;
  background-color: #000;
  font-family: 'Social Gothic';
  border: 1px solid #e62574;
}

body .page-item.active .page-link, body .page-item .page-link:hover {
  z-index: 2;
  color: #fff;
  background-color: #e62574;
  border-color: #e62574;
}


body .understrap-read-more-link {
  color: #e62574;
  background-color: #000000;
  background-image: none;
  border-color: #e62574;
  font-family: 'Social Gothic';
  border-radius: 0;
  font-size: 14px;
  letter-spacing: 3px;
}
body .understrap-read-more-link:hover{
  background-color: #e62574;
  color: #ffffff;
  border-color: #e62574;
}



body #wrapper-footer.wrapper {
    background-color: #fff;
}
.form-title{
  font-size: 30px;
  font-family: 'Social Gothic';
  color: #fff;
  margin: 30px 0 10px;
}
.form-title2{
  color: #fff;
  margin-bottom: 30px ;
}

body .wpcf7 {
  max-width: 100% !important;
  margin: 0 auto !important;
}
::placeholder {
  color: #e62574!important;
  font-size: 15px!important;
  font-family: 'Social Gothic';
}

body .wpcf7 .form{
  display: flex;
  justify-content: center;
}
body .wpcf7 .form div{
  margin: 0 11px 0 !important;
}

body .wpcf7 .form input, body .wpcf7 .form input:focus  {
  display: block;
  width: 100%;
  padding: 15px;
  font-size: 15px;
  font-family: 'Social Gothic';
  line-height: 1.25;
  color: #e6e6e6;
  background-color: #000;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #e62574;
  border-radius: 0;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


body  .wpcf7  .form input[type=submit] {
    color: #e62574;
    background:  #000;
    border-color: #e62574;
    font-size: 15px;
    font-family: 'Social Gothic';
    letter-spacing: 3px;
    width: auto;
padding: 15px 34px;
    transition: border-color .15s ease-in-out, background .15s ease-in-out;
}
body .wpcf7 .form  input[type=submit]:hover{
  background: #e62574;
  color: #fff;
  border-color:#e62574;
}






.row.footer-cop{
  padding: 0 25px;
  align-items: flex-start;
}
.row.footer-cop .col-3 {
  padding: 0 25px
}

body #wrapper-footer.wrapper {
  border-top :3px solid #e62574;
    background-color: #000000;
    padding-top: 25px;
    padding-bottom: 25px;
}
.footer-logo img{
  width: 60px;
  height: auto;
  margin-bottom: 15px;
}
.footer-logo{
    width: 100%;
    display: block;
}

#custom_html-2 p, #custom_html-3 p{
  font-family: 'Social Gothic';
  font-size: 15px;
  color:#fff;
}
#custom_html-2 a{
  color:#e62574;
}
.single-block a, .current-menu-item a {
  color:#e62574 !important;
}
.row.footer-cop .sosial{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sosial .fa{
    font-size: 30px;
}
.hbspt-form iframe{
  width: 100%
}
.mobile-header{
  display: none;
}



@media screen and (max-width:  1024px){
   .side.widget {
      flex-direction: column;
  }

    .navigation_btn.open .navigation_btn-close {
        left: 246px;
        width: 37px;
        height: 37px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 25px;
    }
        .navigation_navbar1.open {
        left: 0; z-index: 10;
        transition: all 0.6s ease; }
.navbar.navbar-expand-md{display: none;}
.mobile-header{
  position: fixed;
      display: flex;
      background: rgb(0 42 66 / 100%);
      top: 0;
      left: 0;
      width: 100%;
      z-index: 100;
      justify-content: space-between;
      align-items: center;
      padding: 10px 20px;
}
.navigation_btn {
  display: flex;
  order: 3;
  justify-content: flex-end;
  width: 30px;
  margin-left: 0px;
  align-items: center;
  cursor: pointer; 
}
  .navigation_btn .navigation_btn-burger {
  width: 30px;
position: relative;}
  .navigation_btn .navigation_btn-burger span {
  width: 100%;
  height: 2px;
  background-color: #fff;
  display: block;
  margin-top: 7px; }
  .navigation_btn .navigation_btn-burger span:first-child {
  margin-top: 0;
width: 100%;
float: right;
}
.navigation_btn .navigation_btn-burger::before {
    width: 31px;
    height: 31px;
    content: '';
    position: absolute;
    left: -2px;
    top: -4px;
    z-index: -1;
    border-radius: 25px;
    display: block;
}
.open ul{
  display: inline-block;
  padding: 0;
}
  .navigation_btn .navigation_btn-close {
  display: block;
  position: fixed;
  top: 20px;
  z-index: 11;
  left: -60px;
  transition: left 0.6s ease; }
  .navigation_btn .navigation_btn-close svg {
  width: 20px;
  height: 20px; }
  .navigation_btn .navigation_btn-close svg:hover {
  fill: #fdbe00!important; }

  .navigation_navbar1 {
    display: block;
    width: 100%;
    background-color: #002a42 !important;
    position: fixed;
    height: 100vh;
  top: 0;
  z-index: 2;
  padding-top: 60px;
  max-width: 100%;
  left: -100%;
  transition: all 0.6s ease;
  }
.navigation_navbar1 ul li{
  margin:0 0 15px;
  text-align: left;
}
  .navigation_navbar1 ul li a{
    font-family: 'Social Gothic';
     font-size: 25px;
     font-weight: 900;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.22;
     letter-spacing: normal;
     text-align: left;
  color: #fff;
    }
    .side.widget {
    display: flex;
    width: 100%;
    padding: 0px;
    text-align: center;
}
.row.footer-cop .col-3 {
    padding: 0 0px;
    text-align: center;
    justify-content: center;
}

.navigation_navbar1 ul li a:hover{
       color: #fdbe00;
      }

      .navigation_navbar1  li{list-style: none; width: 100%;}
      .navigation_navbar1.open {
      left: 0; z-index: 10;
      transition: all 0.6s ease;
  display: block;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
    }
    .home .wrapper {
    padding: 0px 0 0px;
}


.menu-item-has-children .sub-menu {
  /* hide this by default somehow maybe like this: */
display: none;
}

.menu-item-has-children.open-sub-menu .sub-menu {
  display: inline-block;
  margin: 22px 0 0;

}

}

@media screen and (max-width:  1000px){


  .row.footer-cop .sosial {
    display: flex;
    align-items: center;
    justify-content: center;
}
.row.footer-cop .sosial li{
  margin:  0 10px;
}
  .row.footer-cop, .side.widget{
      flex-direction: column;
  }
  .row.footer-cop .col-3, .row.postik .col-4,
   .row.postik .col-8, .row.singl-postik .col-6{
      flex: 0 0 100%;
      max-width: 100%;
  }
  .row.footer-cop .menu-item {
      float: left;
      display: inline;
      width: auto;
      width: 100%;
  }


  .side.widget {
      padding: 20px 20px 0;
  }

}

@media screen and (max-width:  992px){
 .row.footer-cop .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
}
  .services {
    max-width: 99px;
}
}
@media screen and (max-width:  767px){

  .postik-link_b {
    height: 363px;
}
.singl_p .title-left-sigle {
  font-size: 15px;
}

  body .wpcf7 .form{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  body .wpcf7 .form input {
    margin-bottom: 20px !important;
  width: 100%;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0em 0.5em 1em;
  font-size: 15px;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2;
}
body .wrapper {
  padding: 0px 0 0;
}
  .title-block-page .title-h2{
    font-size: 24px
  }
  .heder-logo img {
    width: 200px;
}
  .blog-title {
      margin: 30px 0;
      font-size: 39px;
      text-align: center;
  }

.row.footer-cop, .side.widget{
    flex-direction: column;
}
.row.footer-cop .col-3, .row.postik .col-4,
 .row.postik .col-8, .row.singl-postik .col-6{
    flex: 0 0 100%;
    max-width: 100%;
}

.hbspt-form iframe{
  width: 100%
}

.row.footer-cop .menu-item {
    float: left;
    display: inline;
    width: auto;
    width: 100%;
}


.services {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.services > .wpb_column > .vc_column-inner > .wpb_wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.title-service a {
    color: #fff!important;
    font-weight: bold;
    font-size: 24px;
    font-family: 'Futura';
    position: relative;
    left: 0;
    padding: 20px;
    bottom: 0;
    writing-mode: unset;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: fit-content;
    width: 100%;
    height: 100%;
}
.title-service a strong {
  transform: rotate(0deg);
}
.height-s {
    height: 30px!important;
}




}


@media screen and (max-width:  900px){

}

@media screen and (max-width:  400px){
  .navigation_btn.open .navigation_btn-close {
left: 85%;}
}