@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&
subset=cyrillic,cyrillic-ext);
*{
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-decoration:none;
    list-style:none;
    outline:0;
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; 
}
h1,h2,h3,h4,h5,h6,hr,p,ul{
    margin:0!important;
    padding:0
}
.card{
    border:none
}
a,button,input{
    transition:.5s;
    outline:0!important;
    text-decoration:none!important
}
a:hover,button:hover,input:hover{
    outline:0!important;
    text-decoration:none!important
}
.page .header{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    padding:4vh 10vh;
    background-color:#fff;
    position:relative;
    -webkit-transition:.5s;
    transition:.5s
}
.page .header .left_side .logo{
    width:300px
}
.page .header .left_side .logo img{
    width:100%;
    height:auto
}
.page .header .right_side{
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
    align-items:center
}
.page .header .right_side .phone-header{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start
}
.page .header .right_side .phone-header a{
    color:#000;
    font-size:20px;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center
}
.page .header .right_side .phone-header a .fas_icon{
    font-size:18px;
    margin-right:5px;
    -webkit-transform:rotateZ(110deg);
    transform:rotateZ(110deg);
    color:#67cc67
}
.page .header .right_side .phone-header a:hover{
    color:#67cc67
}
.page .header .right_side .phone-header p{
    font-size:16px;
    padding:5px 0;
    color:#666
}
.page .header .right_side .order_call{
    margin-left:20px
}
.page .header .right_side .order_call button{
    padding:10px;
    color:#fff;
    font-size:18px;
    text-align:center;
    border:none;
    text-transform:uppercase;
    cursor:pointer;
    background-color:#67cc67
}
.page .header .right_side .order_call button:hover{
    background-color:#f93
}
.page #header{
    background-color:#ffa200;
    position:fixed;
    top:0;
    width:100%;
    -webkit-transition:top .3s;
    transition:top .3s;
    z-index:999;
    height:120px;
    -webkit-box-shadow:0 2px 10px 2px rgba(75,75,75,.4);
    box-shadow:0 2px 10px 2px rgba(75,75,75,.4)
}
.page .main{
    margin-top:120px
}
.page .main .carousel .carousel-inner .carousel-item .cont{
    background:url(/themes/prof=potolki/assets/alterweb/img/main_bg.jpg) no-repeat center center/cover;
    height:100%;
    min-height:100vh;
    padding:5vw 25vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    width:100%
}
.page .main .carousel .carousel-control-next .carousel-control-next-icon,.page .main .carousel .carousel-control-next .carousel-control-prev-icon,.page .main .carousel .carousel-control-prev .carousel-control-next-icon,.page .main .carousel .carousel-control-prev .carousel-control-prev-icon{
    height:40px;
    width:40px
}
.page .main .carousel .carousel-control-next-icon,.page .main .carousel .carousel-control-prev-icon{
    width:40px
}
.page .main .main_header{
    padding:50px 0
}
.page .main .main_header h1{
    opacity:1;
    text-transform:uppercase;
    font-size:40px;
    line-height:1.45
}
.page .main .main_header h1 span{
	text-align:left;
	border:2px solid #000;
    padding:1px 20px;
    background-color:rgba(255,255,255,.5)
}
.page .main .main_header h1 .offer{
	border:2px solid #fff;
    background-color:#f93;
	text-align:left;
    font-size:60px;
    color:#fff;
    line-height:1.38
}
.page .main .main_header h1 .offer2{
	text-align:left;
    color:#fff
}
.page .main .main_header h1 .offer3{
	text-align:left;
    color:#fff
}
.page .main h3{
    color:#666;
    text-transform:uppercase;
    font-size:30px
}
.page .main h3 span{
    color:#f93
}
.page .main .main_buttons{
    margin-top:15px;
    padding-bottom:100px
}
.page .main .main_buttons button{
    border:2px solid #f93;
    background-color:#f93;
    color:#fff;
    padding:12px 35px;
    font-size:20px;
    text-transform:uppercase;
    margin-right:20px;
    cursor:pointer
}
.page .main .main_buttons button:hover{
    background-color:#d67513;
    border-color:#d67513
}
.page .main .main_buttons #get_types{
    border:2px solid #f93;
    color:#f93;
    padding:15px 35px;
    font-size:20px;
    text-transform:uppercase;
    background-color:rgba(255,255,255,.8)
}
.page .main .main_buttons #get_types:hover{
    background-color:rgba(255,255,255,.9)
}
.page .about_us{
    width:100%
}
.page .about_us .cont{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:5vw 10vh
}
.page .about_us .cont .left_side{
    width:50%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center
}
.page .about_us .cont .left_side .fotorama{
    width:80%
}
.page .about_us .cont .right_side{
    width:50%
}
.page .about_us .cont .right_side .about_us_title h3{
    font-size:30px;
    text-transform:uppercase;
    color:#67cc67;
    padding-bottom:20px
}
.page .about_us .cont .right_side .desc p{
    color:#666;
    font-size:18px;
    padding:10px 0
}
.page .feedbacks{
    padding:5vw 2vh;
    position:relative;
    background-color:#f1f1f1
}
.page .feedbacks .feedbacks_cont{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    position:relative;
    margin-top:10px
}
.page .feedbacks .feedbacks_cont .feedback{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    max-width:300px
}
.page .feedbacks .feedbacks_cont .feedback p{
    text-align:center
}
.page .feedbacks .feedbacks_cont .slick-slide{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:flex-start
}
.page .feedbacks .feedbacks_cont .c_btn{
    border:none;
    background-color:transparent;
    position:absolute;
    z-index:4;
    cursor:pointer;
    opacity:.7
}
.page .feedbacks .feedbacks_cont .c_btn img{
    width:50px
}
.page .feedbacks .feedbacks_cont .c_btn:hover{
    opacity:1
}
.page .feedbacks .feedbacks_cont .c_btn_l{
    left:0
}
.page .feedbacks .feedbacks_cont .c_btn_r{
    right:0
}
.page .feedbacks .slick-initialized .slick-slide{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.page .calc_examples_title,.page .calc_title,.page .feedbacks_title,.page .gallery_title,.page .how_install_title,.page .how_order_title,.page .out_benefits_title{
    padding-bottom:5vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.page .calc_examples_title h3,.page .calc_title h3,.page .feedbacks_title h3,.page .gallery_title h3,.page .how_install_title h3,.page .how_order_title h3,.page .out_benefits_title h3{
    font-size:30px;
    color:#67cc67;
    text-transform:uppercase;
    text-align:center;
    padding-bottom:10px
}
.page .calc_examples_title hr,.page .calc_title hr,.page .feedbacks_title hr,.page .gallery_title hr,.page .how_install_title hr,.page .how_order_title hr,.page .out_benefits_title hr{
    width:100px;
    height:4px;
    border:none;
    background-color:#67cc67
}
.page .gallery{
    padding:5vw 0
}
.page .gallery .cont ul{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    max-width:1000px;
    margin:0 auto!important;
    padding-bottom:5vw
}
.page .gallery .cont ul li{
    padding:10px;
    border:2px solid #7f7f7f;
    border-radius:10px;
    text-align:center;
    color:#f93;
    margin:10px;
    -webkit-transition:.5s;
    transition:.5s;
    cursor:pointer
}
.page .gallery .cont ul li:hover{
    color:#fff;
    background-color:#f93;
    border-color:#f93
}
.page .gallery .cont ul li.active{
    color:#fff;
    background-color:#f93;
    border-color:#f93
}
.page .gallery .cont .box{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:flex-start;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
    display:none
}
.page .gallery .cont .box a{
    width:25%;
    height:220px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center
}
.page .gallery .cont .box a img{
    height:100%;
    width:auto;
    min-width:100%
}
.page .gallery .cont .box.active{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.page .how_install{
    padding:5vw 10vh
}
.page .how_install .cont{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center
}
.page .how_install .cont .left_side{
    width:50%
}
.page .how_install .cont .left_side h4{
    color:#f93;
    font-size:26px;
    text-align:left;
    padding-bottom:10px
}
.page .how_install .cont .left_side p{
    color:#666;
    font-size:16px;
    padding:10px 0
}
.page .how_install .cont .right_side{
    width:50%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center
}
.page .how_install .cont .right_side .video{
    width:80%;
    height:300px
}
.page .our_benefits{
    width:100%;
    padding:5vw 10vh;
    background-color:#f1f1f1
}
.page .our_benefits .cont{
    width:100%
}
.page .our_benefits .cont ul{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:flex-start;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.page .our_benefits .cont ul li{
    margin:40px 20px;
    width:100%;
    max-width:300px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.page .our_benefits .cont ul li .img{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center
}
.page .our_benefits .cont ul li .img img{
    height:100px;
    width:auto
}
.page .our_benefits .cont ul li h5{
    color:#f93;
    font-size:22px;
    text-align:center;
    padding:10px 0
}
.page .our_benefits .cont ul li p{
    color:#7f7f7f;
    font-size:16px;
    text-align:center
}
.page .calc_examples{
    padding:5vw 2vh;
    width:100%
}
.page .calc_examples .cont{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:flex-start;
    width:100%;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.page .calc_examples .cont .plan{
    width:100%;
    max-width:340px;
    margin:20px 40px;
    -webkit-box-shadow:0 0 40px 2px rgba(0,0,0,.3);
    box-shadow:0 0 40px 2px rgba(0,0,0,.3);
    -webkit-transition:.5s;
    transition:.5s;
    padding:20px
}
.page .calc_examples .cont .plan:hover{
    -webkit-box-shadow:0 0 45px 2px rgba(0,0,0,.4);
    box-shadow:0 0 45px 2px rgba(0,0,0,.4)
}
.page .calc_examples .cont .plan h4{
    color:#f93;
    text-align:center;
    font-size:24px;
    padding-bottom:20px
}
.page .calc_examples .cont .plan .img{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center
}
.page .calc_examples .cont .plan .img img{
    height:200px;
    width:auto
}
.page .calc_examples .cont .plan h5{
    color:#67cc67;
    font-size:20px;
    text-align:center;
    padding:10px 0
}
.page .calc_examples .cont .plan ul li{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    padding:5px 0
}
.page .calc_examples .cont .plan ul li .fas_icon{
    color:#67cc67;
    font-size:18px;
    margin-right:10px
}
.page .calc_examples .cont .plan ul li span{
    color:#7f7f7f;
    font-size:16px
}
.page .calc_examples .cont .plan .price{
    background-color:#f93;
    padding:10px;
    width:100%;
    margin-top:20px
}
.page .calc_examples .cont .plan .price h3{
    text-align:center;
    color:#fff;
    text-transform:uppercase
}
.page .calc{
    width:100%;
    background:url(/themes/prof=potolki/assets/alterweb/img/review-bg.png);
    padding:5vw 10vh
}
.page .calc .cont ul{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center
}
.page .calc .cont ul li{
    background-color:#f93;
    padding:10px 20px;
    color:#fff;
    font-size:18px;
    text-align:center;
    margin:0 20px;
    border-radius:10px;
    cursor:pointer;
    -webkit-transition:.5s;
    transition:.5s
}
.page .calc .cont ul li:hover{
    background-color:#67cc67
}
.page .calc .cont ul li.active{
    background-color:#67cc67
}
.page .calc .cont form{
    margin-top:40px
}
.page .calc .cont form .line{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:100%;
    padding:10px 0
}
.page .calc .cont form .line .left_side{
    width:100%;
    max-width:300px
}
.page .calc .cont form .line .left_side p{
    font-size:18px;
    color:#2a2a2a
}
.page .calc .cont form .line .right_side{
    width:100%;
    max-width:300px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center
}
.page .calc .cont form .line .right_side input{
    border:1px solid #2a2a2a;
    border-radius:5px;
    padding:5px 10px
}
.page .calc .cont form .line .right_side h3{
    background-color:#67cc67;
    font-size:20px;
    color:#fff;
    text-align:center;
    padding:10px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center
}
.page .calc .cont form .line .right_side h3 span{
    margin-left:10px
}
.page .calc .cont form .line .right_side h3 .fas_icon{
    margin:0 10px
}
.page .how_order{
    width:100%;
    padding:5vw 10vh
}
.page .how_order .cont ul{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:flex-start
}
.page .how_order .cont ul li{
    width:100%;
    max-width:300px;
    margin:20px 40px
}
.page .how_order .cont ul li .img{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    margin-bottom:20px
}
.page .how_order .cont ul li .img img{
    width:auto;
    height:100px
}
.page .how_order .cont ul li h5{
    color:#666;
    font-weight:400;
    font-size:18px;
    text-align:center
}
.page .how_order .cont p{
    color:#666;
    font-size:20px;
    padding:10px 0;
    padding-top:40px;
    text-align:center
}
.page .footer{
    background-color:#ffa200;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding-bottom:2vh
}
.page .footer .logo{
    width:100%;
    max-width:300px
}
.page .footer .logo img{
    width:100%
}
.page .footer .phone-footer{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
.page .footer .phone-footer a{
    color:#fff;
    font-size:20px
}
.page .footer .phone-footer a:hover{
    color:#000
}
.page .footer p{
    color:#fff;
    font-size:18px;
    text-align:center
}
.modal{
    display:none;
    position:fixed;
    z-index:99999999;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgba(0,0,0,.4)
}
.modal .modal-content{
    background-color:#fefefe;
    margin:15% auto;
    padding:20px;
    border:1px solid #888;
    width:100%;
    max-width:340px;
    position:relative
}
.modal .modal-content .close{
    position:absolute;
    top:20px;
    right:20px;
    cursor:pointer
}
.modal .modal-content .close img{
    width:20px;
    opacity:.7;
    -webkit-transition:.5s;
    transition:.5s
}
.modal .modal-content .close img:hover{
    opacity:1
}
.modal .modal-content h2,.modal .modal-content h3{
    padding-top:40px;
    text-align:center;
    font-size:28px;
    text-transform:uppercase;
    color:#67cc67;
    padding-bottom:20px
}
.modal .modal-content h4{
    text-align:center;
    color:#4b4b4b;
    font-size:20px;
    padding:10px 0
}
.modal .modal-content h4 span{
    color:#ff3838
}
.modal .modal-content h6{
    padding:20px 0;
    text-align:center;
    font-size:20px;
    color:#414141
}
.modal .modal-content form{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    width:100%;
    padding-top:10px
}
.modal .modal-content form input,.modal .modal-content form select,.modal .modal-content form textarea{
    padding:15px;
    background-color:rgba(255,255,255,.9);
    width:270px;
    border:1px solid #4b4b4b;
    margin:10px 0
}
.modal .modal-content form textarea{
    height:100px
}
.modal .modal-content form input[type=submit]{
    background-color:rgba(103,204,103,.8);
    border:1px solid #fff;
    padding:10px 15px;
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    letter-spacing:1px;
    font-size:18px;
    font-weight:700;
    margin:20px 0;
    cursor:pointer
}
.modal .modal-content form input[type=submit]:hover{
    background-color:#7ad27a
}
@media (max-width:575px){
    .page .header{
		background-color:#ffa200;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        padding:4vh 2vh
    }
    .page .header .left_side .logo{
        width:260px;
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center
    }
    .page .header .right_side{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .page .header .right_side .phone{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        margin:10px
    }
    .page .header .right_side .order_call{
        margin:5px
    }
    .page #header{
        position:relative;
        height:auto;
        -webkit-box-shadow:0 0 0 0 #fff;
        box-shadow:0 0 0 0 #fff
    }
    .page .main{
        margin-top:0
    }
    .page .main .carousel .carousel-inner .carousel-item .cont{
        padding:5vw 5vh
    }
    .page .main .main_header h1{
        font-size:24px;
        line-height:1.65
    }
    .page .main .main_header h1 span{
        background-color:rgba(255,255,255,.5)
    }
    .page .main .main_header h1 .offer{
		text-align:left;
        font-size:30px;
        line-height:1.55
    }
    .page .main h3{
        font-size:26px
    }
    .page .main .main_buttons{
        display:flex;
        flex-direction:row;
        justify-content:flex-start;
        align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .page .main .main_buttons button{
        margin:5px
    }
    .page .main .main_buttons #get_types{
        margin:5px
    }
    .page .main .main_buttons #get_types:hover{
        color:#f93
    }
    .page .about_us .cont{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:flex-start;
        -ms-flex-wrap:wrap-reverse;
        flex-wrap:wrap-reverse;
        padding:5vw 2vh
    }
    .page .about_us .cont .left_side{
        width:100%
    }
    .page .about_us .cont .left_side .fotorama{
        width:90%
    }
    .page .about_us .cont .right_side{
        width:100%;
        margin-top:40px
    }
    .page .feedbacks{
        overflow:hidden
    }
    .page .feedbacks .feedbacks_cont .c_btn img{
        width:40px
    }
    .page .feedbacks .feedbacks_cont .c_btn_l{
        left:-20px
    }
    .page .feedbacks .feedbacks_cont .c_btn_r{
        right:-20px
    }
    .page .gallery .cont ul li{
        padding:5px;
        margin:5px
    }
    .page .gallery .cont .box a{
        width:50%;
        height:150px
    }
    .page .how_install{
        padding:5vw 2vh
    }
    .page .how_install .cont{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .page .how_install .cont .left_side{
        width:100%
    }
    .page .how_install .cont .right_side{
        width:100%;
        margin-top:40px
    }
    .page .how_install .cont .right_side .video{
        width:90%;
        height:300px;
		display: flex;
		align-items: center;
		justify-content: center;
    }
	.page .how_install .cont .right_side .video img{
		object-fit: cover;
		width: 100%;
	}
    .page .our_benefits{
        padding:5vw 2vh
    }
    .page .our_benefits .cont ul li{
        margin:20px 10px
    }
    .page .calc_examples .cont .plan{
        margin:20px 10px;
        padding:20px 10px
    }
    .page .calc{
        padding:5vw 2vh
    }
    .page .calc .cont ul{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .page .calc .cont ul li{
        padding:10px 10px;
        margin:5px
    }
    .page .calc .cont form .line{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .page .calc .cont form .line .right_side{
        margin-top:5px
    }
    .page .how_order{
        padding:5vw 2vh
    }
    .page .how_order .cont ul{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:flex-start;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .page .how_order .cont ul li{
        margin:20px 10px
    }
}
@media (min-width:576px) and (max-width:767px){
    .page .header{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        padding:4vh 2vh
    }
    .page .header .left_side .logo{
        width:260px;
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center
    }
    .page .header .right_side{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .page .header .right_side .phone{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        margin:10px
    }
    .page .header .right_side .order_call{
        margin:5px
    }
    .page #header{
        position:relative;
        height:auto;
        -webkit-box-shadow:0 0 0 0 #fff;
        box-shadow:0 0 0 0 #fff
    }
    .page .main{
        margin-top:0
    }
    .page .main .carousel .carousel-inner .carousel-item .cont{
        padding:5vw 5vh
    }
    .page .main .main_header h1{
        font-size:35px;
        line-height:1.5
    }
    .page .main .main_header h1 span{
        background-color:rgba(255,255,255,.5)
    }
    .page .main .main_header h1 .offer{
		text-align:left;
        font-size:45px;
        line-height:1.44
    }
    .page .main h3{
        font-size:26px
    }
    .page .main .main_buttons{
        display:flex;
        flex-direction:row;
        justify-content:flex-start;
        align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .page .main .main_buttons button{
        margin:5px
    }
    .page .main .main_buttons #get_types{
        margin:5px
    }
    .page .main .main_buttons #get_types:hover{
        color:#f93
    }
    .page .about_us .cont{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:flex-start;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        padding:5vw 2vh
    }
    .page .about_us .cont .left_side{
        width:100%
    }
    .page .about_us .cont .left_side .fotorama{
        width:90%;
        max-width:500px;
        margin:0 auto
    }
    .page .about_us .cont .right_side{
        width:100%;
        margin-top:40px
    }
    .page .feedbacks{
        overflow:hidden
    }
    .page .feedbacks .feedbacks_cont .c_btn img{
        width:40px
    }
    .page .feedbacks .feedbacks_cont .c_btn_l{
        left:-20px
    }
    .page .feedbacks .feedbacks_cont .c_btn_r{
        right:-20px
    }
    .page .gallery .cont ul li{
        padding:5px;
        margin:5px
    }
    .page .gallery .cont .box a{
        width:50%;
        height:200px
    }
    .page .how_install{
        padding:5vw 2vh
    }
    .page .how_install .cont{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .page .how_install .cont .left_side{
        width:100%
    }
    .page .how_install .cont .right_side{
        width:100%;
        margin-top:40px
    }
    .page .how_install .cont .right_side .video{
        width:90%;
        height:300px;
        max-width:500px;
        margin:0 auto
    }
    .page .our_benefits{
        padding:5vw 2vh
    }
    .page .our_benefits .cont ul li{
        margin:20px 10px
    }
    .page .calc_examples .cont .plan{
        margin:20px 10px;
        padding:20px 10px
    }
    .page .calc{
        padding:5vw 2vh
    }
    .page .calc .cont ul{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .page .calc .cont ul li{
        padding:10px 10px;
        margin:5px
    }
    .page .calc .cont form .line{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .page .calc .cont form .line .right_side{
        margin-top:5px
    }
    .page .how_order{
        padding:5vw 2vh
    }
    .page .how_order .cont ul{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:flex-start;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .page .how_order .cont ul li{
        margin:20px 10px
    }
}
@media (min-width:768px) and (max-width:991px){
    .page .header{
        padding:4vh 2vh
    }
    .page .main .carousel .carousel-inner .carousel-item .cont{
        padding:5vw 5vh
    }
    .page .about_us .cont{
        padding:5vw 4vh
    }
    .page .gallery .cont ul li{
        padding:5px;
        margin:5px
    }
    .page .gallery .cont .box a{
        width:50%;
        height:220px
    }
    .page .how_install{
        padding:5vw 2vh
    }
    .page .how_install .cont{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .page .how_install .cont .left_side{
        width:100%
    }
    .page .how_install .cont .right_side{
        width:100%;
        margin-top:40px
    }
    .page .how_install .cont .right_side .video{
        width:90%;
        height:300px;
        max-width:500px;
        margin:0 auto
    }
    .page .our_benefits{
        padding:5vw 2vh
    }
    .page .our_benefits .cont ul li{
        margin:20px 10px
    }
    .page .calc_examples .cont .plan{
        margin:20px 10px;
        padding:20px 10px
    }
    .page .calc{
        padding:5vw 2vh
    }
    .page .calc .cont ul{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .page .calc .cont ul li{
        padding:10px 10px;
        margin:5px
    }
    .page .calc .cont form .line{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .page .calc .cont form .line .right_side{
        margin-top:5px
    }
    .page .how_order{
        padding:5vw 2vh
    }
    .page .how_order .cont ul{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:flex-start;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .page .how_order .cont ul li{
        margin:20px 10px
    }
}
@media (min-width:992px) and (max-width:1199px){
    .page .header{
        padding:4vh 4vh
    }
    .page .main .carousel .carousel-inner .carousel-item .cont{
        padding:5vw 20vh
    }
    .page .about_us .cont{
        padding:5vw 4vh
    }
    .page .how_install{
        padding:5vw 4vh
    }
    .page .our_benefits{
        padding:5vw 2vh
    }
    .page .our_benefits .cont ul li{
        margin:20px 10px
    }
    .page .calc{
        padding:5vw 4vh
    }
    .page .how_order{
        padding:5vw 2vh
    }
    .page .how_order .cont ul{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:flex-start;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .page .how_order .cont ul li{
        margin:20px 10px
    }
}