html, body {
    /* Убирает прокрутку по горизонтале, для мобильной версии */
    overflow-x: hidden;
}



body {
    position: relative;
    margin: 0;
 
    font-size: 14px;
    color: #555;
    line-height: 25px;
    font-weight: 400;
    overflow-x: hidden;
} 


.footer-section {
  background: #0d092d;
  position: relative;
}
.footer-cta {
  border-bottom: 1px solid #373636;
}
.single-cta i {
  color: #ff5e14;
  font-size: 30px;
  float: left;
  margin-top: 8px;
}
.cta-text {
  padding-left: 15px;
  display: inline-block;
}
.cta-text h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 2px;
}
.cta-text span {
  color: #757575;
  font-size: 15px;
}
.footer-content {
  position: relative;
  z-index: 2;
}
.footer-pattern img {
  position: absolute;
  top: 0;
  left: 0;
  height: 330px;
  background-size: cover;
  background-position: 100% 100%;
}
.footer-logo {
  margin-bottom: 30px;
}
.footer-logo img {
    max-width: 200px;
}
.footer-text p {
  margin-bottom: 14px;
  font-size: 14px;
      color: #7e7e7e;
  line-height: 28px;
}
.footer-social-icon span {
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 20px;
}
.footer-social-icon a {
  color: #fff;
  font-size: 16px;
  margin-right: 15px;
}
.footer-social-icon i {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 38px;
  border-radius: 50%;
}
.facebook-bg{
  background: #3B5998;
}
.twitter-bg{
  background: #55ACEE;
}
.google-bg{
  background: #DD4B39;
}
.footer-widget-heading h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
  position: relative;
}
.footer-widget-heading h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  height: 2px;
  width: 50px;
  background: #ff5e14;
}
.footer-widget ul li {
  display: inline-block;
  float: left;
  width: 50%;
  margin-bottom: 12px;
}
.footer-widget ul li a:hover{
  color: #ff5e14;
}
.footer-widget ul li a {
  color: #878787;
  text-transform: capitalize;
}
.subscribe-form {
  position: relative;
  overflow: hidden;
}
.subscribe-form input {
  width: 100%;
  padding: 14px 28px;
  background: #2E2E2E;
  border: 1px solid #2E2E2E;
  color: #fff;
}
.subscribe-form button {
    position: absolute;
    right: 0;
    background: #ff5e14;
 
    border: 1px solid #ff5e14;
    top: 0;
}
.subscribe-form button i {
  color: #fff;
  font-size: 22px;
  transform: rotate(-6deg);
}
.copyright-area{
  background: #202020;


}
.copyright-text p {
 
  font-size: 14px;
  color: #878787;
}
.copyright-text p a{
  color: #ff5e14;
}
.footer-menu li {
  display: inline-block;
  margin-left: 20px;
}
.footer-menu li:hover a{
  color: #ff5e14;
}
.footer-menu li a {
  font-size: 14px;
  color: #878787;
}</style>


       
        
        <style>.footer-widget-heading h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
  position: relative;
}
.footer-widget-heading h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  height: 2px;
  width: 50px;
  background: #ff5e14;
}
.footer-widget ul li {
  display: inline-block;
  float: left;
  width: 50%;
  margin-bottom: 12px;
}
.footer-widget ul li a:hover{
  color: #ff5e14;
}
.footer-widget ul li a {
  color: #878787;
  text-transform: capitalize;
}














.section-services {
    padding-top: 110px;
    padding-bottom: 120px;
    font-family: "Poppins", sans-serif;

    color: red;
}

.section-services .header-section {
    margin-top: -80px;
    
}

.section-services .header-section .title {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 25px;
    text-transform: uppercase;
    font-weight: 700;
}

.section-services .header-section .title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
    height: 1px;
    background-color: red
}

.section-services .header-section .title:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 45px;
    height: 3px;
    background-color:red;
}

.section-services .header-section .title span {
    color: red;
}

.section-services .header-section .description {
    color: red;
}

.section-services .single-service {
        
    margin-top: 40px;
    border-radius: 55px 55px 15px 15px;
     box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px #f17b7e;
}

.section-services .single-service .part-1 {
;

 
 
 
}

.section-services .single-service .part-1 i {
    margin-bottom: 25px;
    font-size: 50px;
    color: #f70037;
}

.section-services .single-service .part-1 .title {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.8em;
    
}


 
}
.section-services .single-service .part-2 {
    padding: 30px 40px 40px;
}

.section-services .single-service .part-2 .description {
    margin-bottom: 22px;
    margin-top: 10px;
   
    color: black;
    font-size: 16px;
    line-height: 1.8em;
}

.section-services .single-service .part-2 a {
   

}

.section-services .single-service .part-2 a i {
 
    align-items: center 
    color: black;
}










.blog-post-container  {
 margin-right: 250px;
}










.profile-card {
   background-color: transparent;

    border-radius: 15px;
    box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.25), -1px -1px 30px 1px #3a398f;

            
        }
        .profile-card img {

width: 100%;
  height: auto;
  

}
@supports(object-fit: cover){
    .profile-card img{
      height: 100%;
      object-fit: cover;
      object-position: center center;
    }
}
  
            
        }
        

                
.profile-info {
        color: black;
        padding: 25px;
        position: relative;
       
                }
        
.profile-info h5 {
    color: red;
    letter-spacing: 4px;
      padding-bottom: 12px;
                }
                
.profile-info span {
    display: block;
    font-size: 12px;
    color: #05052b;
    letter-spacing: 2px;
            }

.profile-info a {
     color: #4CB493;
        }
.profile-info i {
        padding: 15px 35px 0px 35px;
        }
        

.profile-card:hover .profile-pic {
    transform: scale(1.1);
        }

.profile-card:hover .profile-info hr  {
    opacity: 1;
        }
        
        
        
        
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  color: red;
 
  border-radius: 10px;
  text-decoration: underline;
 

}
.profile-card:hover .hvr-underline-from-center:before, .profile-card:focus .hvr-underline-from-center:before, .profile-card:active .hvr-underline-from-center:before {
  left: 0;
  right: 0;
  height: 1px;
  background: #CECECE;
  border-radius: 0;
}
.section {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: -20px;
  border-radius: 20px;

}

.hero {
  position: absolute;
  
  z-index: 5;

  filter: contrast(90%);
  pointer-events: none;
}


@keyframes animated-text {
  100% {
    background-position: 200% 0;
  }
}

.one,
.five {
  -webkit-text-stroke: 1px rgba(16, 104, 31, 0.8);
  background: url(https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/e9d06cb6-2844-49ed-9bde-23d3364b9fa4);
  -webkit-background-clip: text;
}

.two,
.three,
.four,
.six {
  -webkit-text-stroke: 1px #fff;
  background: url(https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/ba4edde6-822d-437a-88c2-f54392d7a56f);
  -webkit-background-clip: text;
}




nav3 {
  max-width: 960px;
  /* The mask-image gives us some extra fading. It is not necessary but without this, you can't face out the box-shadows. This clips our menu */
  mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 25%, #ffffff 75%, rgba(255, 255, 255, 0) 100%);
  margin: 0 auto;
  /* Using padding instead of margin for the top and bottom here will keep our box-shadow visible and not affected by the mask-image */
  padding: 75px 0;
}

nav3 ul {
  text-align: center;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);
}

nav3 ul li {
  display: inline-block;
}

nav3 ul li a {
  padding: 20px;
  font-family: "Roboto";
  color: rgba(0, 0, 0, 0.5);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
  font-size: 25px;
  text-decoration: none;
  display: block;
}

nav3 ul li a:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.1);
  color: rgba(0, 0, 0, 0.7);
}
#menu4 {
     margin: 0;
     width: auto;
     background-color: #05052b;
     font-size: 12px;
     font-family: Tahoma, Geneva, sans-serif;
     font-weight: bold;
     text-align: left;
     padding: 8px;
     border-radius: 8px;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     -o-border-radius: 8px;
}

#menu4 ul {
     margin: 0;
     padding: 8px 0;
     list-style: none;
     height: auto;
}

#menu4 li {
     display: inline;
     padding: 8px;
}

#menu4 a {
     color: #FFF;
     padding: 10px;
     text-decoration: none;
}

#menu4 a:hover {
     background-color: red;
     color: #FFF;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -o-border-radius: 20px;
}

#menu4 li .active {
     background-color: red;
     color: #FFF;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -o-border-radius: 20px;
}
.modal {
    overflow: hidden;
}
.modal-dialog {
    margin-right: 0;
    margin-left: 0;
}
.modal-header {
  height:30px;
  padding: 20px;
  background-color:#18456b;
  color:white;
}
.modal-title {
  margin-top:-10px;
  font-size:16px;
}
.modal-header .close {
  margin-top:-10px;
  color:#fff;
}
.modal-body {
  color:#888;
  padding: 5px 35px 20px;
}
.modal-body h3 {
  text-align: center;
}

}
.card-bordered {
  width: auto;
  margin-top: -50px;
}

.container-fluid {
    max-width: 1400px;

}


.darkerli
{
background-color:#ededed;
text-transform:capitalize;  

}

.darkerlishadow
{
background-color:#ededed;
text-transform:capitalize;  
-webkit-box-shadow: inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);
box-shadow:         inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);
}


.darkerlishadowdown
{
background-color:#ededed;
text-transform:capitalize;  
-webkit-box-shadow: inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);
box-shadow:         inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);
}

/* Darker element side menu End*/
  
  
.spam1 {
  margin-top: -23px;
  margin-left: 15px;
  position: relative;


}
.spam2 {
  margin-top: -55px;
  margin-left: 153px;
   
position: relative;
}


.spam3 {
    margin-top: -35px;
  margin-left: 300px;
   position: relative;
}
.spam4 {
    margin-top: -41px;
  margin-left: 340px;
   position: relative;
}
.searchmy
{
  float: right;
  position: relative;
 
}
.namemenu {
  
 background: white;
     border-bottom: 2px solid #e30613;
    border-top: 2px solid #e30613;
  box-shadow: 0px 0px 4px 0px #000;

z-index: 1;
padding: 4px;

}

.namemenu2 {
  
 background: white;
 border-bottom: 2px solid #e30613;
    border-top: 2px solid #e30613;
  box-shadow: 0px 0px 4px 0px #000;
position: relative;


}


.header {
  width: auto;
position: fixed;



}








.text-center {
  margin-top: 10px;}
  .text-center2 h2 { text-align: center }
   .text-center2 h5 { text-align: center }
   .text-center2 img {  display: block;
    margin-left: auto;
    margin-right: auto; }
   
    .text-center2 {
  margin-top: -5px;}
  
    
    
    


.card {
    background: #fff;
    transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
    border-radius: 0em;
     
     max-height: 530px;

  border-radius: 30px;
box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.25), -1px -1px 10px 1px #7156a1;
    
    
    
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(1rem - 1px);
    border-top-right-radius: calc(1rem - 1px);
    
}


.card h5 {
    overflow: hidden;
    height: 55px;
    font-weight: 300;
    font-size: 0.9rem;
}

.card h5 a {
  color: black;
  text-decoration: none;
} 

.card-img-top {
    width: 100%;
    min-height: 150px;
    max-height: 150px;
    object-fit: contain;
    padding: 1px;
    
}

.card h2 {
    font-size: 1rem;
}


.card:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
}

/* Centered text */
.label-top {
    position: absolute;
    background-color: var(--label-index);
    color: #fff;
    top: 8px;
    right: 8px;
    padding: 5px 10px 5px 5px;
    font-size: .7rem;
    font-weight: 600;
    border-radius: 3px;
    text-transform: uppercase;
    
}


.top-right span {
    display: inline-block;
    vertical-align: middle;
    /* line-height: normal; */
    /* padding: 0 25px; */
}

.aff-link {
    /* text-decoration: overline; */
    font-weight: 500;
}

.over-bg {
    background: rgba(53, 53, 53, 0.85);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(0.0px);
    -webkit-backdrop-filter: blur(0.0px);
    border-radius: 10px;
}
.bold-btn {

    font-size: 0.8rem;
    font-weight: 10;
    text-transform: uppercase;
  
}
.box .btn {
    font-size: 1.5rem;
}



/* START BUTTON */
.btn-warning {
    background: var(--btnbg);
    color: var(--btnfontcolor);
    fill: #ffffff;
    border: none;
    text-decoration: none;
    outline: 0;
    /* box-shadow: -1px 6px 19px rgba(247, 129, 10, 0.25); */
    border-radius: 100px;
}
.btn-warning:hover {
    background: var(--btnbghover);
    color: var(--btnfontcolorhover);
    /* box-shadow: -1px 6px 13px rgba(255, 150, 43, 0.35); */
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
    background: var(--btnbghover);
    color: var(--btnfontcolorhover);
    /* box-shadow: -1px 6px 13px rgba(255, 150, 43, 0.35); */
}
.btn-warning:active:focus {
    box-shadow: 0 0 0 0.25rem var(--btnactivefs);
}
.btn-warning:active {
    background: var(--btnbghover);
    color: var(--btnfontcolorhover);
    /* box-shadow: -1px 6px 13px rgba(255, 150, 43, 0.35); */
}

/* END BUTTON */

.bg-success {
    font-size: 1rem;
    background-color: var(--btnbg)!important;
    color: var(--btnfontcolor)!important;
}
.bg-danger {
    font-size: 1rem;
}


.price-hp {
    font-size: 1rem;
    font-weight: 600;
    color: darkgray;
}

.amz-hp {
    font-size: .7rem;
    font-weight: 600;
    color: darkgray;
}

.fa-question-circle:before {
    /* content: "\f059"; */
    color: darkgray;
}

.fa-heart:before {
    color:crimson;
}
.fa-chevron-circle-right:before {
    color: darkgray;
}

.deepshadow {
    margin-top: -80px;
}

@media screen and (max-width: 900px) {
  
  div.wrapper3
   {
    display: none;}
  .tel {
    display: none;
    
  }
  .zag {margin-top:50px;
  
  }
  .deepshadow {
    font-size: 14px;
     letter-spacing: 0.em;
     margin-top: 0px;
  }
  
}




 

 


.logo888 {

 max-width: 250px;
    height: auto;
    border: 3px solid white;
    margin-top: 1px;
  border: none;
    
}


.logoshop {
 width: 250px;
    height: auto;
    border: 3px solid white;
    margin-top: 1px;
  border: none;
  
    
}




.logo888m {
  margin-top: 10px;
position: absolute;
 width: 50px;

    height: auto;
    border: 3px solid white;
   
    
}


.krug {
 

    border: 3px solid white;
    

}
 .btn-icon {
    color: white;
  }
  
    overflow: hidden;
}

.frame {
  width: 90%;
   margin: 20px 10px auto;
   

  text-align: center;
}
.custom-btn {
  width: 13px;
  height: 40px;
  color: #fff;
  border-radius: 5px;
  

  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  
  margin-left: auto;
    margin-right: auto;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}

.custom-btn2 {
  width: 250px;
  height: 40px;
  color: #fff;
  border-radius: 5px;

  font-family: 'Lato', sans-serif;
  font-weight: 500;
  background: red;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}


.btn-2 {
  width: 250px;
  height: 40px;

  margin-top: 10px;
  border: none;
  background: #e30613;
  font-family: RussianRail;
  font-size: 12px;
}
.btn-2:hover {
  color: #f0094a;
  background: transparent;
   box-shadow:none;
}
.btn-2:before,
.btn-2:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #e30613;
  box-shadow:
   -1px -1px 5px 0px #fff,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
  transition:400ms ease all;
}
.btn-2:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.btn-2:hover:before,
.btn-2:hover:after{
  width:100%;
  transition:800ms ease all;
}





.btn-5 {
  width: 130px;
  height: 40px;
margin-right: 5px;
  margin-top: 10px;
  border: none;
  background: #e30613;
}
.btn-5:hover {
  color: #f0094a;
  background: transparent;
   box-shadow:none;
}
.btn-5:before,
.btn-5:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #e30613;
  box-shadow:
   -1px -1px 5px 0px #fff,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
  transition:400ms ease all;
}
.btn-5:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.btn-5:hover:before,
.btn-5:hover:after{
  width:100%;
  transition:800ms ease all;
}













.section {
  position: relative;
  width: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
 
  overflow: hidden;
}

.log {
  width: 260px;
  z-index:1000;
  


}































.content-box-title2 {
     border: 2px solid #4e3d6c;
     border-radius: 30px;
     color: #d8caff;
   
      padding: 10px 5px;
        box-sizing: border-box;
}

.content-box-title3 {
     border: 2px solid #4e3d6c;
     border-radius: 30px;
     color: #d8caff;
   
      padding: 10px 5px;
        box-sizing: border-box;
}

.content-box-title7 {
     border: 2px solid #4e3d6c;
     border-radius: 30px;
     color: #d8caff;
   
      padding: 10px 5px;
        box-sizing: border-box;
       
}



.content-box-title4 {
     border: 2px solid #4e3d6c;
     border-radius: 30px;
     color: #d8caff;
   
      padding: 10px 5px;
        box-sizing: border-box;
     

}



.content-box2 {
  background-image: url('house.JPG');
   background-size: cover;
    justify-content: space-around;
  margin: 30px auto;
  width: 400px;
  height: auto;
  border-radius: 40px;
box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px #7156a1;
  cursor: pointer;
  transition: 0.4s;
  padding: 15px 15px 20px;
  margin-left:auto;
  margin-right:auto;

}

.content-box-title {
     border: 2px solid #8764c5;;
     
     border-color: #880b31;
      padding: 10px 5px;
        box-sizing: border-box;
   
     
}
.content-box .finbyz-icon {
   
  
    
    position:relative;
    width:300px;
    margin-bottom: 25px;
   
    height:200px;
}


.descr {font-size: 2.5em;
margin-top: 0;}
.text-center {
    text-align: center;
}




:after,
:before,
*{
    box-sizing: border-box;
    
}
.container {
  width:100%;
  height: 100%;
  padding-right: 10px;
  padding-left: 10px;

  margin-right: auto;
  margin-left: auto;
 
}


.cards-list {
  z-index: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top:0px;
}

.ondol {
  max-width: 400px;
}

.card .card_image img {
  width: inherit;
  height: inherit;
  border-radius: 40px;
  object-fit: cover;
 
}

.card .card_title {
  text-align: center;
  border-radius: 0px 0px 40px 40px;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 30px;
  margin-top: -80px;
  height: 40px;
}

.card:hover {
  transform: scale(0.9, 0.9);
  box-shadow: 5px 5px 30px 15px rgba(0,0,0,0.25), 
    -5px -5px 30px 15px rgba(0,0,0,0.22);
}

.title-white {
  color: white;
}

.title-black {
  color: black;
}

@media all and (max-width: 500px) {
  .card-list {
    /* On small screens, we are no longer using row direction but column */
   
  }
}


/*
.card {
  margin: 30px auto;
  width: 300px;
  height: 300px;
  border-radius: 40px;
  background-image: url('https://i.redd.it/b3esnz5ra34y.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-repeat: no-repeat;
box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22);
  transition: 0.4s;
}
*/

.wrapper{
  margin-top: 10px;
  text-align: center;
}

.wrapper h1{
  font-family: 'Yatra One', cursive;
  font-size: 48px;
  color: #fff;
  margin-bottom: 25px;
}

.our_team{
  width: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.our_team .team_member{
  width: 250px;
  margin: 5px;
  background: black;
  padding: 10px 10px;
}

.our_team .team_member .member_img{
  background: #1e162e;  
  max-width: 200px;
  width: 100%;
  height: 200px;
  margin: 0 auto;
  border-radius: 2%;
  padding: 2px;
  position: relative;
  cursor: pointer;
    border-radius: 40px;
box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px #8034a4;
  cursor: pointer;
  transition: 0.4s;
}

.our_team .team_member .member_img img{
  width: 100%;
  height: 100%;
}

.our_team .team_member h3{
  text-transform: uppercase;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 2px;
  margin: 15px 0 0px;
}

.our_team .team_member span{
  font-size: 10px;
}

.our_team .team_member p{
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
}

.our_team .team_member .member_img .social_media{
  position: absolute;
  top: 5px;
  left: 5px;
  background: rgba(0,0,0,0.65);
  width: 95%;
  height: 95%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(0);
   transition: all 0.5s ease;
}

.our_team .team_member .member_img .social_media .item{
  margin: 0 10px;
}

.our_team .team_member .member_img .social_media .fab{
  color: #8c7ae6;
  font-size: 20px;
}

.our_team .team_member .member_img:hover .social_media{
  transform: scale(1);
}




.navbar-toggler
{
 background: white;
float: left;
position: relative;


}


.btn-icon1 {
  color: white;
border: 3px solid white;

}

.fa-shopping-cart {
  color: black;
  border: red;
margin-left: -50px;





}
.fa-heart {
  color:red;
margin-left: -50px;


}



 





.link-menu {
  width: 400px;
  margin-left: -35px;
  z-index: 5;
}
.link-menu ul li {
  display: block;
  text-transform: uppercase;
  height: 40px;
  width: auto;
  margin-bottom: 3px;
  position: relative;
  border-radius: 4px;
  background: #2a2929;
  z-index: 5;
}
.link-menu ul li:last-child {
  margin-bottom: 0;
}
.link-menu ul li a {
  color: #fff;
  padding-left: 7%;
  display: block;
  width: 85%;
  height: 100%;
  font-size: 18px;
  line-height: 42px;
  text-decoration: none;
  position: absolute;
  z-index: 2;
}
.link-menu ul li:before {
  content: "";
  position: absolute;
  background: #7289B6;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.link-menu ul li:after {
  content: "";
  position: absolute;
  background: #9EC337;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  z-index: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.link-menu ul li:hover:before {
  width: 10px;
  left: -10px;
}
.link-menu ul li:hover:after {
  width: 100%;
}




.mega-menu-body {
   background: white;
    
}


.d-block
{color:black}





.scec 
{
font-family: 'Montserrat', sans-serif;
font-size: 20px;
letter-spacing: 0px;
word-spacing: 0px;
color: red;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none; 

}









  
.color1 {
  color: white;
}
.color {
  color: white;
}







     
  



.fa-phone  {
  color: white;
 margin-top: 8px;
}







 



.fa-user-alt {
  color: white;
}
.fa-user-alt #before {
  color: white;
}

.fa-user-circle {
  color: white;
}



.products-section {
align-items: center;
  grid-column-start: 2;
  grid-row-start: 2;
  display: grid;
  height: 100%;
  width: 100%;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: repeat(auto-fill, minmax(300px, 2fr));
  grid-gap: 10px;
}


.products-section2 {
  margin-left:auto;
  margin-right:auto;
  width: 90%;
  height: 100%;
  
}

.product-card6 {
 
  margin: 3px auto;
  width: auto;
  height: auto;
  border-radius: 40px;
box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px #7156;
  cursor: pointer;
  transition: 0.4s;
  padding: 1px 1px 2px;
  
  margin-left:auto;
  margin-right:auto;
 
}


.product-cardcatalog {
 
  
  width: auto;
  height: auto;
  border-radius: 40px;
box-shadow: 1px 3px 1px 1px #cacdf2, -1px -1px 10px 3px #ffd6e6;
  cursor: pointer;
  transition: 0.1s;
  padding: 1px 1px 1px;
  
  margin-left:auto;
  margin-right:auto;
 
}

@media (max-width: 991px) {
  .product-cardcatalog {
    max-width: 300px;
    
  }
}






.product-card {
  grid-column-start: span 1;
  display: grid;
  grid-template-rows: 130px 30px 60px; 
  grid-gap: 16px;
  margin: 30px auto;
  width: auto;
  height: 300px;
  border-radius: 20px;
box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.25), -1px -1px 30px 1px #3a398f;
  cursor: pointer;
  transition: 0.4s;
  padding: 2px 2px 0px;
  margin-left:auto;
  margin-right:auto;
 
}

img {
  width: 100%;
  height: 100%;
 justify-content: space-around;
border-radius: 20px;
}

.product-card-footer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.product-category {
  color: #333;
  font-size: 12px;
  font-weight: bold;
}
.product-name {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
}

.product-description {
  color: black;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  line-height: 1.3rem;
  text-align: center;
  height: auto;
}

.product-reviews-wrapper {
  .product-rating {
    color: #0AB4B5;
    font-weight: bold;
  }
  .product-review {
    font-size: 13px;
    color: #555;
    margin-top: 4px;
  }


.blogSubMenu {
   background: white;
  
}
.fa-star-o {
  color:red;
}
.hs-has-sub-menu {
   background: white;
   
}


@media(max-width: 480px) {
  body {
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto;
    
    
  }
}


 html, body {
    /* Убирает прокрутку по горизонтале, для мобильной версии */
    overflow-x: hidden;
}

}


@media screen and (max-width: 900px) {
  .tel {
    display: none;
  }
}



.settings {
  
  height:73px; 
  float: right;

  width:250px;
  margin:0px;
 text-align: center;
font-size:20px;
font-family: 'Strait', sans-serif;
z-index: 99;

 background: #e30613;
  border-bottom: 2px solid #e30613;
  box-shadow: 0px 0px 4px 0px #000;
  color: #FFFFFF;
}






/* ScrolBar  */
.scrollbar
{

height: 20px;
width: 100%;
overflow-y: hidden;
overflow-x: hidden;
}

.scrollbar:hover
{

height: 20px;
width: 100%;
overflow-y: scroll;
overflow-x: hidden;
}

/* Scrollbar Style */ 



#style-1::-webkit-scrollbar-track
{
border-radius: 2px;
}

#style-1::-webkit-scrollbar
{
width: 5px;
background-color: #F7F7F7;
}

#style-1::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #BFBFBF;
}
/* Scrollbar End */ 




.fa-lg {
font-size: 1em;
  
}
.fa {
position: relative;
display: table-cell;
width: 55px;
height: 36px;
text-align: center;
top:12px; 
font-size:20px;

}



.main-menu:hover, nav.main-menu.expanded {
width:250px;
overflow:hidden;
opacity:1;

}

.main-menu {

position: relative;

bottom:0;
height: 152px;
right: 0;
width:55px;
overflow:hidden;
-webkit-transition:width .2s linear;
transition:width .2s linear;
-webkit-transform:translateZ(0) scale(1,1);

 background: #e30613;
  border-bottom: 2px solid #e30613;
  box-shadow: 0px 0px 4px 0px #000;
  color: #FFFFFF;
  opacity:1;
  z-index: 99999;
}

.main-menu>ul {
margin:7px 0;


}

.main-menu li {
position:relative;
display:block;
width:250px;
z-index: 99999;
  


}

.main-menu li>a {
position:relative;
width:255px;
display:table;



 background: #e30613;
  border-bottom: 2px solid #e30613;
  box-shadow: 0px 0px 4px 0px #000;
  color: #FFFFFF;


}



.main-menu .nav-icon {
  
position:relative;
display:table-cell;
width:55px;
height:36px;
text-align:center;
vertical-align:middle;
font-size:18px;

}

.main-menu .nav-text  {
   
position:relative;
display:table-cell;
vertical-align:middle;
width:190px;
font-family: 'Titillium Web', sans-serif;
}

.main-menu .share {
}



.main-menu .fb-like {

left: 180px;
position:absolute;
top: 15px;
}

.main-menu>ul.logout {
position:absolute;
left:0;
bottom:0;
  
}

.no-touch .scrollable.hover {
overflow-y:hidden;

}

.no-touch .scrollable.hover:hover {
overflow-y:auto;
overflow:visible;
  
}

/* Darker element side menu Start*/


.darkerli
{
background-color:#ededed;
text-transform:capitalize;  
}

.darkerlishadow
{
background-color:#ededed;
text-transform:capitalize;  
-webkit-box-shadow: inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);
box-shadow:         inset 0px 5px 5px -4px rgba(50, 50, 50, 0.55);
}


.darkerlishadowdown
{
background-color:#ededed;
text-transform:capitalize;  
-webkit-box-shadow: inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);
box-shadow:         inset 0px -4px 5px -4px rgba(50, 50, 50, 0.55);
}

/* Darker element side menu End*/




.main-menu li:hover>a,nav.main-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
color:#fff;
background-color:#00bbbb;
text-shadow: 0px 0px 0px; 
}
.area {
float: left;
background: #e2e2e2;
width: 100%;
height: 100%;
}

/* Logo Hover Property */


.settings:hover, settings:focus {   
  background:url( https://s17.postimg.org/74cl7s05b/logo_hover.jpg);
  -webkit-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
-moz-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
-o-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0; 
}

.settings:active, settings:focus {   
  background:url( https://s3.postimg.org/bqfooag4z/startific.jpg);
  -webkit-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
-moz-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
-o-transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0;
transition: all 0.1s ease-in-out, width 0, height 0, top 0, left 0; 
}


a:hover,a:focus {
text-decoration:none;
border-left:0px solid #F7F7F7;



}










.searchform input, .searchform button {

  margin-top: 2px;
}
.searchform input {
  background:#fefefe;
  border: none;
  font:12px/12px 'HelveticaNeue', Helvetica, Arial, sans-serif;
  margin-right: 5px;
  padding: 10px;
  width: 216px;
  box-shadow: 0 0 4px rgba(0,0,0,.4) inset, 1px 1px 1px rgba(255,255,255,.75);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,.4) inset, 1px 1px 1px rgba(255,255,255,.75);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.4) inset, 1px 1px 1px rgba(255,255,255,.75);
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px
}
  .searchform input:focus {
    outline: none;
    box-shadow:0 0 4px #0d76be inset;
    -moz-box-shadow:0 0 4px #0d76be inset;
    -webkit-box-shadow:0 0 4px #0d76be inset;
    


  }
  .searchform input::-webkit-input-placeholder {
    font-style: italic;
    line-height: 15px
  }

  .searchform input:-moz-placeholder {
    font-style: italic;
    line-height: 15px
  }

.searchform button {
  background: #e30613;

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34adec', endColorstr='#2691dc',GradientType=0 );
  border: none;
  color:#fff;
  cursor: pointer;
  font: 13px/13px 'HelveticaNeue', Helvetica, Arial, sans-serif;
  padding: 10px;
  width:90px;
  box-shadow: 0 0 2px #2692dd inset;
  -moz-box-shadow: 0 0 2px #2692dd inset;
  -webkit-box-shadow: 0 0 2px #2692dd inset;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}
  .searchform button:hover {
    opacity:.9;
  }
  
  
  
/*Мини слайдер в топе. Кнопки next prev убраны  коде index (none)*/

.autoplay-slider{
  
  width: 70%;
  height: auto;
 position: relative;
margin-left: auto;
    margin-right: auto;
  

} 

@media (max-width: 991px) {
  .autoplay-slider {
    display: none;
  }



}


@media (min-width: 991px) {
  .mobslider {
    display:none ;
  }

}


/*Вертикалное меню c рекомендацими на главной*/


div.wrapper3 {
  top: 100px;
    font-family: RussianRail;

  width: 250px;
  float: left;
  position: fixed;
  z-index: 9999999;
  margin-right: 20px;
  right: -15px;
 
}


nav.vertical {
  border-radius: 4px;
  box-shadow: 0px 0px 7px 0px #e30613;
  overflow: hidden;
  text-align: center;
}

nav.vertical > ul {
  list-style-type: none;
  text-align: center;
}

nav.vertical > ul > li {
  text-align: center;
  display: block;
}

nav.vertical > ul > li > a {
  background-color: rgb(157, 34, 9);

  background-color: #0043a4;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: rgb(255, 255, 255);
  display: block;
  font-size: 0.85rem;
 text-align: center;
  height: 50px;
  
  line-height: 50px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  transition: all 0.1s ease;
  text-decoration: none;
}




nav.vertical > ul > li > div > ul {
  list-style-type: none;
 
}

nav.vertical > ul > li > div > ul > li > a {
  background-color: rgb(255, 255, 255);
  
  color: #333331;
  display: block;
  font-size: 0.8rem;
  padding: 3px 0;
  padding-left: 2px;
  text-decoration: none;
  transition: all 0.15s linear;
  text-align: center;
  border-bottom: 1px solid #e30613;
}

nav.vertical > ul > li > div > ul > li:hover > a {
  background-color: lightBlue;
  color: rgb(255, 255, 255);
  
}
/*"Это отсутп каталога на главной"*/
.katalog{
  margin-top: -40px;
  margin-bottom: -20px;
}


.central { margin-left: auto;
    margin-right: auto; }
















/*Заголовок*/


h1 {
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic,
    "AppleGothic", sans-serif;
   font-size:calc(12px + 8 * (100vw - 320px) / 880);

margin-top: -70px;
  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;








  &.deepshadow {
    color: #3a398f;
    letter-spacing: 0.2em;
    text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c,
  text-decoration: line-through double;
  }
}
  
  h2 {
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic,
    "AppleGothic", sans-serif;
   font-size:calc(12px + 1 * (100vw - 320px) / 880);


  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  


  &.deepshadow2 {
    color: black;
    letter-spacing: 0.1em;
    text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c,
  
    
  }