body{
    margin: 0;
    padding: 0;

    font-family: 'Girassol', cursive;
font-size: 15px;
color: #333;
line-height: 1.5;


}
*,
*:before,
*:after{
    box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
}
hr{
    display: block;

    width: 100%;
    height: 1px;
    bottom: 35px 0;

    border: 0;
    background: #e5e5e5;
}
a{
    text-decoration: none;
}
/* container */
.container{
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 15px;
}

/* intro */
.intro{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100vh;
    min-height: 820px;
    max-height: 900px;
    position: relative;

    background: linear-gradient(45deg, rgba(103, 0, 31, .8), rgba(34, 101, 163, .5)), url(../image/1920x1080_px_Anime_Girls_Charlotte_anime_Tomori_Nao-1243839.jpg!d) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
}
.header_inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/* Header-logo */
.header {
    width: 100%;
    padding-top: 30px;
    text-decoration: none;
    position: absolute ;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}
.header--fixed{
    padding: 0;
    background: #86638aa3;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
    position: fixed;
    right: 0;
    top: 0;
    left: 0;

    transform: translate3d(0,0,0);

}

.header_logo{
    font-size: 20px;
    padding-top: 0;
    font-weight: 700;
    color: #ffffff;
    margin-top:-10px;
    cursor: pointer;
    opacity: .8;
    
}


/* Nav */
 .nav{
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 1px;





}  
.nav__link{
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    
    text-decoration: none;
    color: #ffffff;
    
    transition: color  0.2s linear;
    padding-right: 50px;
    
    

}   

.nav__link:hover {


opacity: .8;


}
.nav__link:hover:after{
    display: block;
}
.About{
    border-bottom: solid 3px ;
    color:#f5c587 ;
}
.decoration{
font-size: 60px;

}
.nav-toggle{

    width: 30px;
    position: absolute;
    display: none;

    font-size: 0;
    color: transparent;

    border: 0;
    background: none;
    cursor: pointer;

    top: 30px;
    right: 30px;
    padding: 15px 0;
    z-index: 1;
}
.nav-toggle:focus {
    outline: 0;
}
.nav-toggle__element{
    display: block;
    width: 100%;
    height: 3px;

    background-color: #fff;

    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;

    transition: backgroud .2s linear;
}
.nav-toggle__element:before,
.nav-toggle__element:after{
    content: "";
    width: 100%;
    height: 3px;
    
    background-color: #fff;

    position: absolute;
    right: 0;
    left: 0;    
    z-index: 1;

    transition: transform .2s linear;   
}
.nav-toggle__element:before{
    top: -8px;
}
.nav-toggle__element:after{
    bottom: -8px;
}

.nav-toggle.active .nav-toggle__element{
    background: none;
}
.nav-toggle.active .nav-toggle__element::before{
    transform-origin:left top ;
transform: rotate(45deg) translateX(-2.5px);
}
.nav-toggle.active .nav-toggle__element::after{
    transform-origin:left bottom ;
transform: rotate(-45deg) translateX(-3px);
}


.header__text {
    font-family: 'Kaushan Script', cursive; 
    font-size:62px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0;
    margin-top: 30px;
    opacity: .6;
    letter-spacing: 10px;

}
.h1{
    font-family: 'Girassol', cursive;
    font-size: 130px;
    margin-top: -75px;
}

.h1:after{
    content:"";
    display: block;
    width: 60px;
    height: 3px;
    text-align: center;
    margin: 30px  auto 0;
    background-color: #ffffff;

}
/* Button */
.btn{
    display: inline-block;
    vertical-align: top;
    padding: 8px 20px;

    border: 3px solid #fff;

    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px ;
    font-weight: 700;
    font-family: 'Girassol', cursive;
    margin-top: 50px;

    transition: background .1s
    linear,color .1s linear;

}

.btn:hover{
    background: #fff;
    color: #333;
}


/* Slider */

.slider{
    display: flex;
    justify-content: space-between;
}
.slider__item{
    width: 24%;
    padding: 20px 0;
    position: relative;

    border-top: 2.9px solid #fff  ;
    margin-top: 60px;

    opacity: .7;

    font-size: 18px;
    color: #fff;
    text-transform: uppercase;

}

.slider__item.active{
    opacity: 1;
}

.slider__item.active:before{
    content: "";
    display: block;
    width: 70px;
    height: 3px;
    background: #f38181;

    position: absolute;
    top: -3px;
    margin-top: -0.1px;
    left: 0;
    z-index: 1;

}


.slider__item span{
    font-size: 24px;
    color: #fff;
    font-weight: 700;
}


/* Section-1 */
.section{
    padding: 80px 80px;
    overflow: hidden;
}


.section--devices{
    margin-bottom: 40px;
    background: url("../image/siluet_zvezdnoe_nebo_stolby_134464_1920x1080.jpg")center no-repeat;   
   
    background-size: cover;
    -webkit-background-size: cover;


}
.section--gray{
    background: #f8f8f8;

}
.section--map{
    padding: 40px 0;
    background: #e6e6e6 url(../image/Layer\ 59.png) center no-repeat;

    background-size: cover;
    -webkit-bacgraund-size: cover;
}
.section__header{
    width: 100%;
    max-width: 950px;
    margin: 0 auto 40px;

    text-align: center;
}

.section--people{
    background: #f5f5f5 url(../image/Layer\ 53.png) no-repeat;
 background-size: cover;
-webkit-bacgraund-size: cover;
}
.section__suptitle{
    font-family: 'Kaushan Script', cursive; 
    font-size: 24px;
    color: #333;
}
.section__title{
    font-family: 30px;
    color: #333;
    letter-spacing: 3px;
    margin-top: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.section__title:after{
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    margin: 30px auto;
    background:#86364f ;


}

.section__text{
    color: #d0d0d0;
}


/* About */

.about{
    margin: 60px -15px 0;
    display: flex;
    flex-wrap:wrap ;
    justify-content: space-between;
}

.about__item{
    width: 33.33333%;
    padding: 0 43px 0 32px;
    cursor: pointer;


}
.about__inner{
    position: relative;
    background: #86364f;
}
.about__item:hover .about__image {
    transform: translate3d(-10px, -10px, 0);
}

.about__item:hover .about__image img{
    opacity: .1;

}

.about__item:hover .about__text{
    opacity: 1;

}

.about__image{

    background:  linear-gradient(45deg, #f3e691,#ff180b); 
    
    transition: transform .1s linear;
}

.about__image img{
    display: block;
    transition: opacity .1s linear;
    max-width: 100%;
    height: auto;
}

.about__text{
    width: 100%;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 6px;
    text-align: center;
    opacity:0;

    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    transform: translate3d(0, -50%, 0);

    transition: opacity .2s linear;
}

/* social__ MEET WE OUR TEAM */
.about__info{
    margin-top: 31px;
    text-align: center;
    margin-bottom: 17px;
}
.about__name{
    letter-spacing: 2px;
    margin-bottom: 5px;
}
.about__prof{
    color: #999999;
    font-size: 15px;
    font-weight: 300px;
    font-style: italic;
}

 /* Statistics */
.statistics{
background-color: #ba669a;

}
.stat{
    display: flex;
    flex-wrap: wrap;


}
.statistics_item{
    flex: 1 1 0;

    padding: 70px 40px;

    border-left: 1px solid #ffc7e9;

    text-align: center;
    color: #fff;

}
.statistics_item:last-child{
    border-right: 1px solid #ffc7e9;

}

.statistics__number{
    font-size: 72px;
    font-weight: 700;
    line-height: 1;
}

.statistics__text{
text-transform: uppercase;
}


/* Section-2 */
.section-2{
    padding: 80px 80px;
}

.section__Amazing{
    width: 100%; 
    max-width: 950px;   
    margin: 0 auto 40px;



    text-align: center;
    color: #333;
}
.section__siptaitle{
    font-family: 'Kaushan Script', cursive; 
    font-size: 24px;

}

.section__title{
    font-size: 30px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 700;
}
.section__title:after{
    margin-bottom: 30px;
}
.services{
margin-top: px;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4em;
    grid-auto-rows: minmax(150px, auto);
    

    
}
.services > div{
    padding-right: 30px;
    padding-top: 20px;
    justify-items: center;

}
.services__item{
    position: relative;
    


}

.services__icon{
    position: absolute;
    top: 30px;
    left: -50px;
    z-index: 1;
}


.services__title{
    font-size: 14px;
    font-weight: 700;
    color: #333;
    text-align: left;
    margin-bottom: 10px;
}

.services__text{
    font-size: 15px;
    color: #999999;
}

.services__item{
    margin-top: 40px;
}
.A5{
    width: 570px;
    height: 365px;
    margin-left: 120px;

}


/* Devices */

.devices{
    width: 100%;
    max-width: 600px;
    margin: 0 auto;



    position: relative;
}



.devices img{
    border-radius: 30px 30px 2px 2px;
}

.devices__item{
    display: block;
    max-width: 100%;
    height: auto;
    
    
}
.devices__item--Phone{
position: absolute;
bottom: -50px;
right: 0;
z-index: 1;


}


/* story */

.services__story{
    display: flex;

    margin-bottom: 120px;

}

.services__story__item{
    width: 50%;
}


/* Accordion */

.accordion{
    margin-right: 81px;
}
.accordion__item{
    margin-bottom: 10px;
border:2px solid #e5e5e5 ;

}

.accordion__item.active
.accordion__content {
display: block;
}
.accordion__item.active
.accordion__header{
border-bottom-color:#e5e5e5;
}

.accordion__header{
    padding:15px 20px 15px 60px ;

    position: relative;
    border: 1px solid transparent;
    cursor: pointer;
}
.accordion__item.active
.accordion__header:after{
    transform: rotate(-45deg);
    margin-top: -10px;

}

.accordion__header:after{
    content: "";
    display: block;
    width: 8px;
    padding: 8px;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    margin-top: -9px;

    position: absolute;
    top: 60%;
    left: 430px;
    z-index: 1;

    transform: translateY(-50%) rotate(135deg);
}
.accordion__icon{
    position: absolute;
    top: 0;
    left: 18px;
    z-index: 1;

    transform: translateY(40%);

}
.accordion__content{
    padding: 15px,20px;
    display:none ;
    font-family: 'Comic Neue', cursive;
    font-family: 'Montserrat', sans-serif;

    text-align: left;
    color: #999999;
    font-size: 15px;

}
.accordion__title{
    width: 400px;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;

}

/* rewiews */

.rewiews{
    position: relative;
}
.rewiews__photo--photo2{
    max-width: 150px;
    height: 0 auto;
}
.slick-slider{
    padding: 110px;  


}
.rewiews__item{
    min-height: 210px;
    padding-left:205px ;
    position: relative;

    

}
.rewiews__photo{
    display: block;
    cursor: pointer;
    border: 1px solid #333;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.rewiews__photo:hover{
    border: 5px solid #333;
    width: 152px;
    height: 152px;
}
.rewiews__text{
    margin-bottom: 25px;
    font-size: 22px;
    font-style: italic;
    font-weight: 300;
    color: #999;

}
.rewiews__after{
    font-size: 24px;
    color: #333;
     font-family: 'Kaushan Script'


}
.rewiews__after:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 2.8px;
    margin-right: 10px;

    background: #86364f;
}
.slick-arrow {
    display: block;
    font-size: 0;
    color: transparent;

    border: 0;
    background: none;
    cursor: pointer;

    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}

.slick-arrow:focus {
    outline: 0;
}

.slick-arrow:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;

    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
}

.slick-prev {
    left: 0;
    transform: rotate(-45deg);
}

.reviews__btn--next,
.slick-next {
    right: 0;
    transform: rotate(135deg);
}



/* SOCIAL */
.social{
    display: flex;
    justify-content: center;
    
}
.social__item{
    width: 60px;
    height: 60px;
    padding: 17px 17px 17px 17px;
background: #fce38a;
border-right: 2px solid #f38181 ;
font-size: 25px;

color: #f38181;
line-height: 1;
 transition: background .2s
 linear, color .4s linear;
}
.social__item:last-child{
    border-right:transparent ;
}
.social__item:hover{
    background: #f38181;
    color: #ffffff;


}

/* logos */

.logos{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 -15px;
}
.logos__item{
    padding: 0 15px;
}
.logos__image{
    display: block;
    max-width: 100%;
    height: auto;
}
  

/* Works */
.works{
    display: flex;
}
.works__col{
    flex: 1 1 0;
}
.works__item{
position: relative;
background: linear-gradient(45deg, #f3e691,#ff180b);
}
.works__item:hover .works__image{
opacity: .1;
}
.works__item:hover .works__info{
    opacity: 1;
}





.works__image{
    display: block;
    transition: opacity .3s linear;
    max-width: 100%;
    height: auto;
}
.works__info{
    width: 100%;
    padding: 0 15px;
    letter-spacing: 1px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1 ;
    opacity: 0;

    transform: translate3d(0 , -50%, 0);

    transition: opacity .2s linear;


}
.works__icon{
font-size: 30px;
width: 100%;
}

.works__title{
font-size: 14px;
text-transform: uppercase;
margin-bottom: 5px;
}
.works__text{
    font-size: 15px;    
    font-weight: 300;
    font-style: italic;
}


.people{

    display: grid;
    grid-template-columns: repeat(2,2fr);
    grid-gap: 3em;


}

.people__col{
    padding: 2em;
    position: relative;
    width: 71%;
    margin-left: 160px;



}
.people__photo{
    padding: 0px 10px 45px 10px;
    position: absolute;
    top: 0;
    left: -100px;
    z-index: 1;
}

.people__photo{
    width: 150px;
    height: 180px;
    border-radius: 50%;
    margin-top: 30px;
    margin-left: -10px;

}
.people__suptitle{
    font-size: 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #333333;
}
.people__title{
    font-size: 15px;
    font-weight: 300;
    font-style: italic;
    color: #545454;
}

.people__title:after{
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    margin: 15px 15px;
    border-bottom: 3px solid #f38181;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
    


}

.people__text{
    font-size: 15px;
    font-weight: 300;
    color: #a9a9a9;
}


/* Blog */

.blog{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.blog__item{
    width: 32%;
}
.blog__header{
   position: relative;
}
.blog__date{
    padding: 5px;
    position: absolute;
    left: -10px;
    top: 64%;
    z-index: 1;

    background: #f5c587;
    width: 60px;
    height: 70px;
    color: #fff;
    text-align: center;
}

.blog__number{
font-size: 30px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: -8px;

}

.blog__Jan{
    font-size: 15px;
    font-style: italic;
    font-weight: 100;
}

.blog__title{
    color: #333;
    font-size: 14px;
    top: 5px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.blog__title a{
    color: inherit;
}
.blog__title a:hover{
    text-decoration: underline;
}
.blog__text{
    color: #9f9f9f;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 10px;
}
.blog__footer{
    border-top: 1px solid #e5e5e5;
color: #acacac;
font-size: 15px;
font-weight: 200;
font-style: italic;
}

.blog__stat__item{
    display: inline-block;
    vertical-align: top;
    margin-right: 22px;
}
.blog__stat__item i{
    color: #f5c587;
}


/* MAP */

.map{
    text-align: center;
}

.map__title{
    color: #f38181;
    font-size: 700;
    font-size: 24px;
    text-transform: uppercase;
}
.map__title a{
    color: inherit;
}
.map__title a:hover{
    text-decoration: underline;
}
.map__title:after{
    content: "";
    display:inline-block;
    width: 60px;
    height: 3px;
    background: #f38181;
    margin-top: 20px;

}

/* Footer */

.footer{
    padding-top: 80px;

    background: #f8f8f8;
}
.footer__inner{
padding-bottom: 64px;
}
.footer__inner{
    display: flex;
    flex-wrap: wrap;    
    justify-content: space-between;

}
.footer__col--one{
width: 35%;

}
.footer__col--two{
   width: 29%;
}
.footer__col--three{
    width: 30%;
}

.footer__logo{
    margin-bottom: 40px;
    font-size: 46px;
    font-weight: 400;
    color: #cccccc;

}

.footer__text{
    margin-bottom: 50px;
    font-size: 15px;
    color: #a0a0a0;
    font-weight: 200;

}
.footer__social__followers{
    font-size: 14px;
    color: #333;
    font-weight: 300;
}
.footer__social__followers b{
    font-size: 18px;
}
.footer__social__followers{
border-bottom: 1px solid #e5e5e5;
padding: 10px ;
padding-top: 10px;
}

.footer__social__content{
    padding-top: 10px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-evenly;
    color: #86364f;
    font-size: 16px;


}
.footer__social__content a{
    color: inherit;
}
.footer__social__content a:hover{
   text-decoration: underline;
}
.footer__social__content i{
    transition: .1s linear;
}
.footer__social__content i:hover{
    color: #f4a4a4;

}

.footer__title{
    margin-top: 22px;
    margin-bottom: 35PX;
    text-transform: uppercase;
    color: #333;
    font-size: 14PX;
    letter-spacing: 2px;

}

/* Subscribe */
.subscribe{
    width: 100%;
    max-width: 380px;
}
.subscribe__input{
    width: 60%;
    height: 40px;
    padding: 12px;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-right: 0;
    line-height: 1.1;
    color:#333 ;


    font-family: 'Kaushan Script';
    font-style: italic;
    font-size: 15px;
    font-weight: 300;
}
.subscribe__input:focus{
    outline: 0;
    border-color: #86364f ;
}
.subscribe__input::placeholder{
    color: #ccc;

}
.subscribe__but{
    width: 40%;
    background: #86364f;
    width: 140px;
    padding: 12px 30px;
    border: 0;
    height: 40px;
    border-left: 0;

    color: #fff;

    font-family: 'Kaushan Script';

    font-size: 14px;
    line-height: 1.1;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;

    transition: .2s linear;
}
.subscribe__but:hover{
    background: #86364fc5;
}
.subscribe__but:focus{
    outline: 0;
}

/* Blogs */
.blogs__item{
    display: flex;
}
.blogs__img{

    width: 107px;
    height: 80px;
}
.blogs__content{
    padding: 24.5px;
}
.blogs__content{
    font-size: 13px;
    color: #333;
    margin-bottom: 5px;
}
.blogs__content a{
    color: inherit;
}
.blogs__content a:hover{
    text-decoration: underline;
}
.blogs__data{
    font-size: 11px;
    color: #a5a5a5;
    font-weight: 200;
    font-style: italic;
}


/* inst */
.inst__content{
    display: grid;
    grid-template-columns: repeat(3,0fr);
}

.inst__img{
    display: block;

    width: 88px;
    height: 88px;
    padding: 0.5px;
    cursor: pointer;



    transition: .2s linear;
}

.inst__img:hover{
    width: 91px;
    height: 91px;

}
.inst__text{
    margin-top: 20px;
    color: #7d7d7d;

    font-size: 13px;
    font-weight: 300;
    font-family: italic;
    
}

.inst__text a{
    color: inherit;
}
.inst__text a:hover{
    text-decoration: underline;
}

/* foter__end */
.copiright{
    padding: 25px;

    text-align: center;
    font-size: 14px;
    font-weight: 300;
    color:#919191 ;
    font-family: italic;
    letter-spacing: 1px;
    
}
.copiright span{
color: #f4a4a4;
}
.copiright{
    border-top: 1px solid #e5e5e5;
}













@media (max-width: 1330px){
    /* header */

    .header--fixed{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .nav{
        font-size: 13px;
        margin-top: 10px;
        margin-left: 100px;
    }
    .header_logo {
        
        margin-left: 10px;
        font-size: 20px;
        margin-top: 1px;
    }
    .decoration{
        font-size: 40px;
    }
    /* Intro */
    .header__text{
        font-size: 52px;
    }
.h1{
    font-size: 100px;
}
/* Slider */
.slider{
    padding: 0px 60px 0 60px;
}
.slider__item{
    font-size: 13px;
}
.slider__item span{
    font-size: 20px;
}
/* btn */
.btn{
    font-size: 12px;
    padding: 7px 15px;
}




/* Section */
.section{
    padding: 40px 40px;

    padding-bottom: 75px;
}



/* Accordion */
.A5{
margin: 0;

   
}
.accordion {
    margin-right: -10px;
    
}
.accordion__title{
    width: 100px;
    width: 100%;
}

/* rewiews */
.rewiews__text{
font-size: 20px;
}






@media (max-width: 1100px){
    .nav{
        font-size: 12px;
        margin-top: 10px;
        margin-left: 0px;
        
    }
    .header_logo {
        
        margin-left: 10px;
        font-size: 15px;
        margin-top: 1px;
        
    }
    .decoration{
        font-size: 35px;
    }
    /* Intro */
    .header__text p{
        font-size: 42px;

    }
.h1{
    font-size: 80px;
    margin-top: -30px;
}
/* Slider */
.slider{
    padding: 0px 60px 0 60px;
}
.slider__item{
    font-size: 13px;
}
.slider__item span{
    font-size: 20px;
}
/* btn */
.btn{
    font-size: 12px;
    padding: 7px 15px;
}
.nav__link{
    margin: 0 5px;
}
.header_logo {
    
    margin-left: 5px;
    font-size: 12px;
    margin-top: 1px;
}
.decoration{
    font-size: 30px;

    }
    .slider__item{
      padding: 0 10px 0 10px;
    } 
    /* Accordion */
.accordion{
    width: 500px;
    height: 100px;
    
    }
    .accordion__header{
    padding: 10px 15px 10px 40px;
    }
    .accordion__header:after{
        display: none;
    }
    .accordion__title {
    font-size: 12px;
    }
    .accordion__icon{
    max-width: 18px;
    }
    .A5{
        max-width: 500px;
        max-height: 330px;
        margin-left: 100px;
    
    
    }
    .accordion__content {
    font-size: 11px;
    }
}


/* Blog */
.blog{
    max-width: 380px;
    margin: 0 auto;
}
    .blog__item{
        width: 100%;
        margin-bottom: 25px;

    }
    .blog__item:last-child{
        margin-bottom: 0;
    }

}
    





@media (max-width: 990px){
    /* STAT */
    .stat{
        justify-content: center;
        
    }
    .statistics_item{
        flex: none;
        border: 1px solid #ffc7e9;
        width: 33.33333%;
        padding-top: 30px;
        padding-bottom: 20px;

    }


    /* Servises */
    .services{
        grid-template-columns: repeat(2,1fr);
    }


/* people */
.people{
    grid-template-columns: repeat(1,1fr);

    
}
.people__col{
    width: 50%;
    max-width: 600px;

    margin: 0 auto;


}
.people__col:last-child{
    margin-bottom: 0;
}
.people__photo{
    margin: 0 auto;
    grid-gap: 0;
}

.section--people{
    padding-bottom: 0;
}


/* social */
.social__item{
    font-size: 20px;
    width: 46px;
    height: 46px;
    padding: 14px 30px 17px 14px;
}
.about__text{
    margin-left: -10px;
}



@media (max-width :900px){
    .A5{

        max-width: 400px;
        max-height: 330px;
        margin-left: 100px;
}
/* rewiews */
.slick-slider{
    padding: 80px;
}
.rewiews__text{
    font-size: 15px;
    }
    .rewiews__photo{
        width: 120px;
        height: 120px;
    }
    .rewiews__after{
        font-size: 17px;
    }
    .rewiews__after:before{
        height: 2px;
    }
    .rewiews__photo:hover {
        border: 5px solid #333;
        width: 122px;
        height: 122px;
    }
    .rewiews__item {
        padding-left: 150px;
    }



/* instagramm */
.inst__content{
    display: grid;

}
  



/* footer */
.footer__col--one{
    width: 100%;
}
.footer__col--two {
    width: 55%;
}
.footer__col--three{
    width: auto;
}



/* social */
.social__item{
    font-size: 18px;
    width: 40px;
    height: 40px;
    padding: 12px 25px 14px 12px;
}
.about__text{
    margin-left: -10px;
}

    @media (max-width: 774px){

        /* Header */
        .header{
            padding-top: 13px;
        }
        .nav{
            /* display: none; */
            display: none ;
            width: 100%;

            position: absolute;
            top: 87%;
            left: 0;

            background: #86638aa3;
            

        }
        .nav.active{
            display: block;
        }
        .nav__link{
            display: block;
            margin: 0;
            padding: 8px 20px;
            letter-spacing: 2px;
            font-size: 15px;

            
        }
        .nav-toggle{
            display: block;
        }
        .slider__item.active:before{
            width: 50%;
            

        }

        /* About */
        .about{
            justify-content: center;
            margin-top: 40px;
        }
        .about__item{
        width: 100%;
        max-width: 400px;

        margin-bottom: 24px;
        }
        .about__item:last-child{
            margin-bottom: 0;
        }

        /* devices */
        .services__story__item{
            width: 100%;

        }
        .services__story{
            flex-wrap: wrap;
        }
        .accordion{
            width: 100%;
        }
        .A5{
            display: none ;
        }
        .accordion__header:after{
            left: 650px;
        }

        /* Works */
        .works{
            flex-wrap: wrap;
        }
        .works__col{
            flex: none;
            width: 50%;
        }

        .intro{
            min-height: 650px ;
        }
    }



    /* social */
    .social__item{
        width: 60px;
        height: 60px;
        padding: 17px 17px 17px 17px;
    font-size: 25px;
    




    }



    @media (max-width: 570px){
/* header */
.nav{
    font-size: 11px;
    margin-top: 10px;
    margin-left: 100px;
    
}
.header_logo {
    
    margin-left: 10px;
    font-size: 11px;
    margin-top: 1px;
}
.decoration{
    font-size: 25px;
}
/* Intro */
.header__text{
    font-size: 40 px;
    
}
.header__text p{
    font-size: 35px;
    margin-bottom: 100px;
}
.h1{
font-size: 40px;
}

/* slider */
.slider{
    padding: 0 7px 0 7px;
    margin-bottom: -100px;
}
.btn{
    padding: 10px;
    font-size: 10px;
    height: 40px;
}


        .section__suptitle{
            font-size: 18px;
        }
        .section__title{
            font-size: 20px;
        }
        .section__title:after{
            margin: 20px auto;
            width: 46px;
            height: 2px;
        }


        /* STAT */
.statistics_item{
    width: 100%;
    border: none;
    border-bottom: 1px solid #ffc7e9;

}
.statistics_item:last-child{
    border-right:none ;
}
.statistics__text{
    font-size: 42px;
}





/* servises */

.services{
    grid-template-columns: repeat(1,1fr);

    grid-gap: 10px;
}
.services__item--hr{
    border-bottom: 1px solid #e5e5ee;
    margin-top: 10px;
    width: 130%;
}


.services__icon{
    max-width: 30px;
}
.services__item{
    padding: 10px 0px 10px 0px;
}


/* devices */
.devices{
    max-width: 320px;
    bottom: -24px;

    
}
.devices__item--Phone{
    position: absolute;
    max-width: 150px;
    right: -80px;
    bottom: -40px;
    
}
/* Accordion */
.accordion__header:after{
    display: none;
}
/* rewiews */
.rewiews__photo{

    margin: 0 auto 10px;
    position: static;
    justify-content: center;


}
.rewiews.slick-arrow{
    padding: 0;

}
.rewiews__text{
    font-size: 14px;
    
}
.rewiews__item{
    padding-left: 0;
    
}

/* logos */
.logos{
    flex-wrap:wrap ;
    justify-content: center;
}
.logos__items{
    margin-bottom: 16px;
    width: 50%;
}
.logos__image{
    margin: 0 auto;
}

/* blog */

.blog__photo{
    max-width: 270px;
}




    }
    @media (max-width: 400px){
/* nav */
.nav__link {
    padding: 8px 17px;

    font-size: 13px;
}
.nav-toggle__element,
.nav-toggle__element::after,
.nav-toggle__element::before{
    width: 80%;
}
.nav-toggle.active .nav-toggle__element::before{
    transform-origin:left top ;
transform: rotate(45deg) translateX(2.5px);
}
.nav-toggle.active .nav-toggle__element::after{
    transform-origin:left bottom ;
transform: rotate(-45deg) translateX(1.5px);
}

        /* Services */
        .services > div {
            padding-right: 0px;
        }
        .devices{
            max-width: 300px;
            bottom: -34px;
        
            
        }
        .devices__item--Phone{
            position: absolute;
            max-width: 100px;
            right: -60px;
            bottom: -20px;
            
        }
        /* rewiews */
        .rewiews{
            padding: 0; 
            margin-top: 220px;
        }
        .slick-arrow{
            margin-top: -50%;
        }

        .rewiews__photo {
            width: 100px;
            height: 100px;
            
        }


        /* Social */
        .social__item {
            width: 40px;
            height: 40px;
            padding: 10px 1px 1px 8px;
            font-size: 20px;
    }
        /* Works */
        .works__col{
            width: 100%;
        }
        /* People */
        .people__photo{
            position: static;
        }
        .people__col{
            width: 100%;
            padding-left: 0;
            padding-right: 0;
            text-align: center;
        }
        .people__title:after{
            margin: 15px auto;
        }
        .blog__date{
            padding: 2px;
            width: 50px;
            height: 60px;
        }
        .blog__number {
            margin-bottom: -10px;
        }
        .blog__photo{
            max-width: 246px;
        }


        /* subscribe */
        .subscribe{
            flex-wrap: wrap;
        }
        
        .subscribe__input
        {
            width: 100%;
        }
        .subscribe__but{
            width: 100%;
        }
        .blogs__content{
            margin-top: -25px;
            
        }
        .subscribe__input{
            margin-bottom: 8px;
        }
    }




    @media (max-width: 320px){
        .social__item {
            width: 30px;
            height: 30px;
            padding: 10px 1px 10px 8px;
            font-size: 20px;
    }

/* people */
.people__col{
    padding: 0;
        
        }
/* social */
.social__item {
    font-size: 18px;
    width: 40px;
    height: 40px;
    padding: 12px 4px 4px 9px;

}

.about__text {
font-size: 18px;
top: 45%;
}

    
    
    








/* font-family: 'Kaushan Script', cursive; */
/* font-family: 'Kaushan Script', cursive; */