﻿body {
   background-color:white;
   font-family: "Cuprum", sans-serif;
}

.clear {
    clear: both;
}
.important {
    color: #fddc00;
}

.black{
    color: black !important;
}

.underline {
    background: url(../images/bg-text.jpeg) 0px 48px repeat-x;
}

.underline-2 {
    background: url(../images/bg-text-2.jpeg) 0px 28px repeat-x;
}

.header-section { padding: 18px 0 18px 0; background: #ffffff; height: 134px}
.logo {
    font-family: 'Cuprum', sans-serif;
    display: block;
}
.logo__left {
    display: inline-block;
    margin-top: -18px;
}

.logo__right {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
}

.logo__img {
    display: inline-block;
    width: 100%;
}

.logo__text {
    display: inline-block;
    font-weight: bold;
    font-size: 27px;
    line-height: 32px;
    padding-top: 3px;
    vertical-align: top;
}

.logo__description {
    color: #ff151f;
    font-weight: bold;
    font-size: 21px;
    line-height: 25px;
    padding-top: 3px;
    vertical-align: top;
}




.header-section__phone {
    font-family: 'Cuprum', sans-serif;
    text-align: right;
}

.header-section__action {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 17px;
}

.header-section__phone-number {
    text-decoration: none;
    font-size: 41px;
    line-height: normal;
    color: black;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

.header-section__working-hours {
    font-size: 15px;
    font-weight: normal;
}


.main-section {margin-top: 0;margin-bottom: 0;
   background: url('../images/bg-main.jpeg') no-repeat;background-position: top center;
   background-size: cover;
   /*height: 715px;*/
   padding-top: 46px;
   padding-bottom: 40px;
/*   background-position-y: -140px;*/
}

.main-section__offer {
    max-width: 850px;
    text-align: center;
    margin: auto;
    font-size: 42px;
    line-height: normal;
    font-family:  'Cuprum', sans-serif;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
}

.main-section__timer {
    max-width: 390px;
    margin: auto;
    text-align: center;
    color: white;
    margin-top: 20px;
}

.main-section__rect {
    margin: auto;
    position: absolute;
    left: -21%;
    top: -41%;
    z-index: -100;
}

.timer-end {
    font-size: 21px;
    font-family: "Cuprum", sans-serif;
    margin-bottom: -8px;
}
.main-section__form {
    max-width: 390px;
    margin: auto;
    margin-top: 34px;
    position:relative;
    z-index: 10;
}

.form__description {
    text-align: center;
    color: white;
    font-size: 15px;
    font-family: "Cuprum";
    font-weight: normal;
    margin-top: 15px;
}

.main-section__triggers {
    margin-top: 35px;
}

.main-section__triggers-1 {
    width: 29%;
    display: inline-block;
}

.main-section__triggers-2 {
 width: 20%;
     display: inline-block;
}

.main-section__triggers-3 {
 width: 20%;
     display: inline-block;
}

.main-section__triggers-4 {
 width: 23%;
     display: inline-block;
}

.trigger {
    color: white;
    font-family: "Cuprum", sans-serif;
}

.trigger__icon {
    display: inline-block;
    width: 80px;
    vertical-align: top;
}

.trigger__icon img {
    width: 100%;
}

.trigger__text{
    display: inline-block;
    padding-left: 10px;
    width: 72%;
    vertical-align: top;

}

.trigger__title {
    font-size: 27px;
        color:#fddc00;
}

.trigger__description{
    font-size: 23px;
}

.need-section {
padding-top: 200px;
padding-bottom: 180px;
background: white;
position: relative;
}
	
.need-section__container {
    max-width: 1140px;
    margin: auto;
    border: 7px solid #fddc00;
    padding-bottom: 30px;
}

.need-section__title {
    text-transform: uppercase;
    font-size: 27px;
    font-weight: bold;
    margin-top: -48px;
    margin-left: -9px;
}

.need-section__title span {
    background: white;
}

.need-section__phone {
    background: #fddc00 !important;
    padding: 2px 5px 2px 5px;
}

.need-section__benefits {
margin-top: 20px;
    background: white;
    margin-left: -9px;

}
.need-section__benefit-item-first {
   margin-top: -30px !important; 
   padding-top: 30px !important;
}


.need-section__benefit-item {
    font-size: 25px;
    font-weight: normal;
    padding: 8px 0 10px 0;

}

.need-section__benefit-item img{
    display: inline-block;
    width: auto;
        vertical-align: bottom;
}

.need-section__benefit-text
{
    width: 90%;
    display: inline-block;
}
.need-section__benefit-item-icon {
    padding-right: 13px;
    width: 35px;
    display: inline-block;
}
.need-section__hero {
    position: absolute;
    bottom: 0;
    right: 300px;
}

.flat-section__item {
    width: 25%;
    border: 1px solid white;
    /*border-left: 1px solid white;*/
    background-color: #61bd19;
    display: inline-block;
    float: left;
    padding-top: 4px;
    padding-bottom: 5px;
}

.flat__icon {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.flat__icon img {
    width: 100%;
}

.flat__text{
    display: inline-block;
    width: 50%;
    vertical-align: top;
    float: right;
    color: white;
    font-weight: normal;
    padding-top: 22px;
}

.flat__title {
    font-size: 21px;
}

.flat-type {
    color: black;
    background-color: #fddc00;
    font-size: 27px;
    padding-left: 5px;
    padding-right: 5px;
}

.flat__old-price {
    font-size: 21px;
    text-decoration: line-through;
    padding-left: 10px;
    padding-top: 5px;
}

.flat__price {
    font-size: 37px;
    padding-left: 10px;
    color: #fddc00;
    padding-top: 10px;
}


.service-section {
    padding-top: 140px;
    padding-bottom: 140px;
}

.service-section__discount {
    text-align: center;
    font-size: 45px;
    font-weight: bold;
    text-transform: uppercase;
}

.service-section__item {
    margin-top: 80px;
    margin-bottom: 10px;
}

.service-section__discount-description {
text-align: center;
font-size: 21px;
font-weight: bold;
text-transform: uppercase;
padding-top: 10px;
}
.service__img {
    display: inline-block;
    width: 41.6666%;
    max-width: 458px;
    margin: auto;
    vertical-align: top;
}

.service__img img {
    width: 100%;
    max-width: 458px;
}

.service__text{
    display: inline-block;
    width: 58%;
    padding-left: 30px;
    vertical-align: top;
}

.service__discount {
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.service__discount span{
    background: #fddc00;
    padding: 2px 5px 2px 5px;
}

.service__title {
    text-transform: uppercase;
    font-size: 27px;
    font-weight: bold;
    margin-bottom: 10px;
}

.service__note {
    font-size: 17px;
    margin-bottom: 8px;
}

.service__benefits {
    font-size: 17px;
    font-weight: bold;
}

.service__benefits li {
    padding-top: 8px;
    padding-bottom: 8px;
}

.service__benefits li img {
    padding-right: 5px;
}

.garant-section {
    background: #fddc00;
    padding-top: 80px;
    padding-bottom: 50px;
}

.garant-section__top-image {
    text-align: center;
    margin-top: -140px;
    padding-bottom: 45px;
}
.garant-section__offer {
    text-transform: uppercase;
    font-size: 45px;
    line-height: 55px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}

.garant-section__offer-remark {
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px;
}

.garant-section__photo {
    vertical-align: top;
    width: 40.6666%;
    display: inline-block;
    text-align: center;
}

.garant-section__description {
    vertical-align: top;
    width: 58%;
    display: inline-block;
    padding-left: 15px;
    padding-top: 30px;
}

.garant {
    margin-bottom: 25px;
}

.garant__icon {
    display: inline-block;
    vertical-align: top;
    width: 14%;
}

.garant__text {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    width: 84%;
    padding-left: 5px;
}

.garant__icon img {
    width: 100%;
}

.garant__title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 3px;
}

.garant__description {
font-size: 19px;
}

.sert-section {
    padding-top: 80px;
    padding-bottom: 80px;
    background: url(../images/pre_bg.jpeg) center top no-repeat;
    background-size: cover;
    color: white;
}

.sert-section__sert {
    width:  49%;
    display: inline-block;
    padding-top: 35px;
    padding-bottom: 45px;
}
.sert-section__title {
font-size:  45px;
text-transform:     uppercase;
text-align:     center;

}

.sert-section__title-remark {
 font-size: 21px;
font-weight: bold;
text-align: center;
}

.sert__text {
    text-transform: uppercase;
    font-size:  25px;
    line-height: 35px;    
    display: inline-block;
    vertical-align: top;
    padding-top: 15px;
    width: 85%;
    max-width: 360px;
    padding-left: 20px;

}

.sert__icon {
    display: inline-block;
    vertical-align: top;
    width: 14%;
}

.sert__icon  img {
    width: 100%;
}

.spec-section {
    padding-top: 80px;
    padding-bottom: 40px;
}
.spec-section__title {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size:  45px;
    margin-bottom: 10px;
}
.spec-section__title-remark {
    font-weight: bold;
    font-size:  21px;
    text-align: center;
    margin-bottom: 80px;
}
.spec-section__table {
    max-width: 1140px;
    height: auto;
    border: 1px solid #cedae6;
    margin: 0 auto;
    margin-bottom: 30px;
}
.spec-section__table-cell1 { 
    width: 60%;
    display: inline-block;
    vertical-align: top;
    padding: 30px;
    border-right: 1px solid #cedae6;
     }
.spec-section__table-cell2 { 
    width: 39%;
    display: inline-block;
    vertical-align: top;
    padding: 28px;
}
.spec-section__table-img {  
    float: left;
    padding-right: 30px;
 }
.spec-section__table-name { 
    color: black;
    font-size: 27px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 20px;
 }
.company-section {
    padding-top: 80px;
    padding-bottom: 40px;
}
.company-section__title {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size:  45px;
    margin-bottom: 40px;
}
.company-section__logo { 
    width: 1132px;
    height: 257px;
    display: block;
    margin: 0 auto;
    background: url(../images/logo.jpeg) center top no-repeat;
     }
.doc-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.doc-section__title {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size:  45px;
    margin-bottom: 40px;
}

.doc-section__title-remark {
    font-weight: bold;
    font-size:  21px;
    text-align: center;
}
.slick-galery__item
{
        text-align:     center; 
}
.slick-galery__item img{
    margin: auto;
}

.slick-next {
    background: url(../images/right-arrow.png)no-repeat right !important;
    background-repeat: no-repeat;
/*    content:"" !important;*/
}

.slick-prev {
    background: url(../images/left-arrow.png) no-repeat left !important;
    background-repeat: no-repeat;
}

.slick-galery__item img {
    width: 100%;
}

.slick-next:before {
/*    background-image: url(../images/right-arrow.png)!important;
    background-repeat: no-repeat;*/
    content:"" !important;
}

.slick-prev:before {
/*    background-image: url(../images/left-arrow.png)!important;
    background-repeat: no-repeat;*/
    content:"" !important;
}



.slick-next, .slick-next:before, .slick-prev, .slick-prev:before {
    height: 70px !important;
    width: 70px !important;

}

.slick-next, .slick-next:before {
    margin-right: 20px;
        z-index: 1000;
}

.slick-prev, .slick-prev:before {
    margin-left: 20px;
    z-index: 1000;
}


.about-section {
/*    height: 555px;*/
}

.about-section__photo {
    width: 50%;
    display: inline-block;
    text-align: right;
    padding-right: 15px;
    height: auto;
}

.about-section__photo img {
    width: 100%;
}

.about-section__description {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
    margin-top: 105px;
}
.about-section__description-title {
    font-size: 45px;
    font-weight: bold;
    text-transform: uppercase;
}

.about-section__description-text {
    font-size: 15px;
    line-height: 25px;
    margin-top: 35px;
    max-width: 505px;
}
.about-section__description-oput {
    margin-top: 55px;
}
.about-section__description-oput-item {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 15px;
}
.about-section__description-oput-item img {
    padding-right: 15px;
    /*width: 10px;*/
}

.question-section {
    margin-top: -4px;
    padding-top: 60px;
    padding-bottom: 80px;
    color: black;
    background: #fddc00;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.question-section-container {
    max-width: 810px;
    margin: auto;
}
.question-section__question {
    font-size: 45px;
    line-height: 54px;

}

.question-section__offer {
    font-size: 21px;
    margin-top: 7px;
    line-height: 35px;
}

.question-section__phone {
    font-size: 75px;
    margin-top: 10px;
}

.question-section__working-hours {
    font-weight: normal;
    font-size: 17px;
    text-transform: none;
}

.footer-section{
    color: white;
    background: black;
    padding-bottom: 25px;
    position: relative;
}

.footer-section__logo {
width: 50%;
display: inline-block;
vertical-align: top;
}

.footer-section__reqvisit {
width: 33%;
display: inline-block;
vertical-align: top;
padding-top: 30px;
font-size: 15px;
line-height: 25px;
}

.footer-section__creator {
width: 13%;
float: right;
padding-top: 30px;
display: inline-block;
vertical-align: top
}

.logo-2__left {
    display: inline-block;
    margin-top: 0;
    width: 108px;
}

.logo-2__right {
    display: inline-block;
    vertical-align: top;
        padding-left: 20px;
}

.logo-2__img {
    display: inline-block;
    width: 100%;
}

.logo-2__text {
    display: inline-block;
    font-weight: bold;
    font-size: 17px;
    line-height: 25px;
    padding-top: 30px;
    vertical-align: top;

}

.logo-2__description {
    color: #7e8994;
    font-weight: bold;
    font-size: 17px;
    line-height: 25px;
    padding-top: 3px;
    vertical-align: top;
}

.logo-2__copyright {
    padding-top: 10px;
    font-size: 15px;
}


.adtrust_logo {
display: inline-block;
    width: 122px;
    height: 39px;
    /* margin-left: 6px; */
    vertical-align: text-bottom;
    background: url(../images/logo-adtrust-white.png) no-repeat;
    text-decoration: none;
}




.contacts-section__phone-bottom {
    text-align: center;
    color: #FFF;
    font-size: 16px;
    padding-top: 10px;
}

.port-item__hero {
    display: inline-block;
    max-width: 16.6%;
    vertical-align: top;
    padding-left: 15px;
    padding-right: 15px;
}

.port-item__description-wrapper {
        max-width: 82%;
        display: inline-block;
}

.port-item__description {
    display: inline-block;
    max-width: 58%;
    vertical-align: top;
        padding-left: 15px;
    padding-right: 15px;
}

.port-item__triggers {
    display: inline-block;
    max-width: 41%; 
    vertical-align: top;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

/* приемущества */



.advantages-section {background:#eff2f5; padding:100px 0;}

.advantages-section__title {color:#000000; font-size:41px; font-weight:700; text-align:left;}

.advantages-section__advantages-list {
    max-width: 475px;
    margin-bottom: 40px;
    display: table;
    width: 100%;

}


.advantages-section__advantages-list .entry-thumb {
    float: left;
    width: 100px;
}

.entry-thumb img {
   /*  width: 100%; */
    height: auto;
}

.advantages-section__advantages-list .entry-body {
    margin-left: 180px;
    display: table-cell;
    vertical-align: top;
}

.advantages-section__advantages-list .entry-title {
    font-size: 17px;
    margin-bottom: 10px;
	color:#000000;
	 font-weight: 700;
    margin: 0 0 10px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	text-align: left;
}



.advantages-section__advantages-list .entry-summary {
   font-size: 15px;
    line-height: 20px;
    height: 80px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
}


.entry-body {
    padding: 25px 20px;
    position: relative;
}

.advantages-section__advantages-list .entry-body {
    margin-left: 180px;
    display: table-cell;
    vertical-align: top;
}


/* //приемущества */





.portfolio-section { padding-top: 80px; background:#FFF; }
.portfolio-section__title { margin-bottom: 47px;}

.portfolio-container { /*padding-left: 65px;*/}  
.portfolio-container .flex-images .item img {    /*display: block;  */  /*width: auto;    height: 100%; */  margin-top: -50px;}  
.portfolio-container .title{    font-family: "Open Sans", sans-serif;   text-align: center;    font-size: 14px;    color: #FFF;     line-height: 17px;   padding-top: 15px;   }
.portfolio-container .port-list .port-item { }
.portfolio-container .item:hover { background: url('../images/portfolio-hover.png'); background-repeat: no-repeat; background-position: center; background-color: #0090d3; }
.portfolio-container .item img:hover { opacity: 0.4; }
.portfolio-container .flex-images .item { border: none; margin: 5px; margin-right: 15px; margin-left: 15px; padding-top: 50px;}


.port-list__title h3{color:#00cc74; font-weight:700; font-size:23px; text-align:left; margin-bottom:20px;}

.port-list__divelery {padding:8px 10px; background:#eff2f5; color:#00cc74; font-weight:400; font-size:15px;border-radius: 4px;    margin-bottom: 18px;}
.port-list__divelery img {float:left;padding-right:8px;}


.port-list__action-left {margin-bottom:18px; color:#7e8994; padding:0;padding-top: 15px;}
.port-list__action-left-title {text-align:center; font-size:13px;display: block;padding-bottom: 10px; color:#7e8994;padding-top: 5px;}
.action-left-price__s {font-style:italic; font-size:15px; float:left;    padding-top: 8px;}
.action-left-price__right {font-size:23px;color:#fc680d; font-weight:700; text-align: center;}

.action-left-stars__s {    font-style: italic;
    font-size: 15px;
    float: left;
    padding-top: 8px;margin-right: 7px;
	margin-left: 10px;
	}
	
	.port-list__action-right {    
	padding: 15px;
    background: #eff2f5;  
    font-weight: 400;
    font-size: 15px;
    border-radius: 4px;
   }
	
	.action-left-stars__s img {   
		margin-right:2px; 
	}
	
	
	.form__buttom {    display: inline-block;
    height: 50px;
    padding: 10px 20px 3px 20px;
  border:0;
    font-family: "Roboto";
    font-size: 15px;
    line-height: normal;
    color: white;
    font-weight: bold;
     letter-spacing: 0.5px; 
    background-color: #00cc74;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    overflow: visible;
    border-radius: 3px;
    border-bottom: 3px solid #10ae6f;
    margin-top: 15px;
	width: 100%;
	}
	
	
	
		.form__buttom:hover {   
   
 
  
   
    background-color: #10ae6f;
  
	}
	
	
	.fal {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.portfolio-list {/* border-bottom:2px #c1c6cb dotted; */padding-bottom:45px;/*  margin-bottom:40px; */    padding-left: 0;
    padding-right: 0;}
	
	.border-bottom {      border-bottom: 2px #c1c6cb dotted;
    margin: 20px 15px;
    padding: 0px 0;}



.port-list__sp {
    width: 200px;
	font-size:15px;
	color:#000;	
	
   
}

/*.port-list__sp:before {
   
	
    clip: rect(0px, 190px, 20px, 0px);
    content: " .................... ";
    position: absolute;
    z-index: -1;
}

td.port-list__sp:before {
    clip: rect(0px, 190px, 20px, 0px);
    content: " ............ ";
    position: absolute;
    z-index: -1;
}*/


.port-list__sp2 {
    width: 345px;
	font-size:15px;
	color:#000;
}

td.port-list__sp2 {
    text-align: left;
}

td span {
    background-color: #FFF;
}

.table td{    padding-bottom: 15px;}



	
		dl { width: 320px }
		dt { float: left; width: 135px; overflow: hidden; white-space: nowrap }
		dd { float: left; width: 160px; overflow: hidden }

		dt:after { content: " .................................................................................." }





.contacts-section {
  padding:70px 0;
}

.contacts-section__title {
       color: #FFF;
    font-size: 23px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 0em;
    text-align: center;
}

.contacts-section__phone{
   text-decoration: none;
    font-size: 37px;
    /* font-family: "RobotoBold"; */
    line-height: normal;
    color: #00cc74;
    font-weight: bold;
    letter-spacing: 0px;
}

.contacts-section__phone-wrapper {
   margin-top: 30px;
   margin-bottom: 30px;
   padding: 5px 20px 5px 20px;
   max-width: 500px;
   width: 100%;
   margin:auto;
   text-align: center;
}

.logo-section {
   margin-top: 100px;
   margin-bottom: 50px;
   text-align: center;
}


.port-list__user-photo {width:100%;    border-radius: 5px;}

.curent {
    text-align: left;
    padding-top: 15px;
    font-size: 17px;
}


ul.oglavl {
    padding: 0;
    margin: 0;
    list-style-type: none; 
    }
    
ul.oglavl li {
    border-bottom: 1px dotted #C2C2C2; /* Необязателен. Здесь задается толщина, тип и цвет точек */
    position: relative;
    padding: 0;
    margin-bottom:5px; /* Необязателен. Задается для установки расстояния между блоками li */
    }
    
ul.oglavl li span {
    background-color: #FFF; /* Это необходимо, чтобы перекрыть точки фоном */
    margin: 0;
    }

ul.oglavl li span.text, ul.oglavl li span.page {
    bottom: -5px; /* Смещаем значимые блоки, чтобы они перекрыли точки */
    }

ul.oglavl span.text {
    position :relative;
    margin-right:7em; /* Задается чтобы текст не заходил на номера страниц */
    padding-right:2px; /* Необязателен. Задается чтобы точки не подходили вплотную к концу текста */
    }
    
ul.oglavl span.page {
    position: absolute;
    right: 0;
    padding-left:2px; /* Необязателен. Задается чтобы точки не подходили вплотную к номерам страниц */
    }
	
	
	
		.port-list__sp {
    float: left;
	width: 156px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 15px;
    line-height: 21px;
}
		.port-list__sp2 { float: left; overflow: hidden ;      width: 268px;    padding-left: 5px;  margin-bottom: 5px; font-size: 15px; line-height: 21px; }

		.port-list__sp:after { content: " .................................................................................." }
		
		
a.poli{
    color: #6f4a25; /* Цвет ссылок */ 
    text-decoration: none; /* Убираем подчеркивание */ 
   }
   a.poli:visited { 
    color: purple; /* Цвет посещенных ссылок */ 
   }
   a.poli:hover {
    color: red; /* Цвет ссылок при наведении на них курсора мыши */ 
   }		
		
.clients-section {margin-bottom:120px;}
		
.title-h2{
    margin: 30px 0; 
   text-align: center; 
   font-size: 28px;   
 font-weight: bold;   
 text-transform: uppercase;
}

.client-itm {
margin: 25px 50px;
}	
.client-itm img{
margin: 0 auto;
}
 .slick-prev{
    left: 0px!important}
.slick-next{
    right: 0px!important}
		
.client-name {
    text-align: center;
    margin: 15px;
    font-size: 20px;
}		
		

@media (min-width: 968px) {
 .slick-prev{
    left: -70px!important}
.slick-next{
    right: -70px!important}
.title-h2 { 
    margin: 60px 0;
    text-align: center;
    font-size: 45px;   
 font-weight: bold;   
 text-transform: uppercase;}

}		

.otziv-section {text-align: center; margin-bottom:120px;}
		

.otziv-itm {margin: 20px 40px; }
.otziv-itm img{
width:200px;
margin: 0 auto;  
border-radius: 50%;
}	
.review-name {
font-size: 21px;  
  margin: 20px 0;
}	
		
/* Container */
.container-license {
  width: 100%;
  padding: 0;
  background-color: #F6F7F9;
}

/* License section */
.license-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding: 80px 195px;
max-width: 1560px;
  margin: 0 auto;
}

/* Heading */
h1 {
  font-weight: bold;
  color: #333333;
  font-size: 45px;
  text-align: center;
  line-height: 1.2;
}

/* Content wrapper */
.content-wrapper {
  display: flex;
  gap: 40px;
  width: 100%;
}

/* Features container */
.features-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Individual feature */
.feature {
  display: flex;
  gap: 8px;
}

.check-icon {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #22c55e;
  font-size: 18px;
}

.feature-content {
  flex: 1;
}

.feature h3 {
  font-weight: bold;
  color: #333333;
  font-size: 27px;
  line-height: 1.4;
  margin: 0 0 5px;
}

.feature p {
  color: #333333;
  font-size: 19px;
  line-height: 1.4;
  margin: 0 0 45px;
}

/* License card */
.license-card {
  flex-shrink: 0;
  width: 480px;
  padding: 10px;
  background: white;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

.license-image {
  width: 100%;
  aspect-ratio: 410/596;
  background: url(/license.png) center center/cover;
}

/* Button */
.check-license-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 397px;
  height: 60px;
  background: linear-gradient(180deg, rgba(56,142,227,1) 0%, rgba(14,65,121,1) 100%);
  border: none;
  cursor: pointer;
}

.check-license-btn span {
  font-family: 'Cuprum', sans-serif;
  font-weight: bold;
  color: white;
  font-size: 19px;
  white-space: nowrap;
}

/* Responsive styles */
@media (max-width: 1280px) {
  .license-section {
    padding: 60px 32px;
  }
  
  h1 {
    font-size: 40px;
  }
  
  .feature h3 {
    font-size: 24px;
  }
  
  .feature p {
    font-size: 18px;
  }
  
  .license-card {
    width: 380px;
  }
  
  .check-license-btn {
    width: 350px;
  }
}

@media (max-width: 980px) {
  .license-section {
    padding: 50px 24px;
  }
  
  h1 {
    font-size: 35px;
  }
  
  .feature h3 {
    font-size: 22px;
  }
  
  .feature p {
    font-size: 17px;
    margin: 0 0 25px;
  }
  
  .license-card {
    width: 350px;
  }
  
  .check-license-btn {
    width: 300px;
  }
}

@media (max-width: 768px) {
  .content-wrapper {
    flex-direction: column;
    align-items: center;
  }
  
  .features-container {
    width: 100%;
    gap: 10px;
  }
  
  h1 {
    font-size: 35px;
  }
  
  .license-section {
    gap: 24px;
  }
}

@media (max-width: 480px) {
  .license-section {
    padding: 40px 16px;
  }
  
  h1 {
    font-size: 28px;
  }
  
  .feature h3 {
    font-size: 20px;
    margin: 0 0 5px;
  }
  
  .feature p {
    font-size: 16px;
    margin: 0 0 25px;
  }
  
  .license-card {
    width: 100%;
  }
  
  .check-license-btn {
    width: 100%;
    height: 50px;
  }
  
  .check-license-btn span {
    font-size: 16px;
  }
}

@media (max-width: 360px) {
  .license-section {
    padding: 30px 16px;
  }
}

@media (max-width: 320px) {
  h1 {
    font-size: 24px;
  }
}