@import url('https://fonts.googleapis.com/css?family=Montserrat:500,600,700,800&display=swap&subset=cyrillic');
body{
    font-family: 'Montserrat', sans-serif;
    color: #363636;
    font-size: 16px;
    font-weight: 500;
}
body.active{
    overflow: hidden;
}
*{
    outline: none!important
}
/*
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -7px rgba(0,0,0,0.2);
box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
*/


/*header*/
.header{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
    
}
.header:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0dc6bf;
    background-image: linear-gradient(90deg, #00BBB3, #0dc6bf);
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
    
}




.nav .left, .nav .right, .nav .center{
    position: relative;
    display: inline-flex;
    align-items: center;
}
.m1{
    display: none;
}
.logo img{
height: 80px;
}
.time{
    
    font-size: 14px;
    margin-left: 20px;
    padding-left: 60px;
    background: url(../img/icons/time.svg) 0 50% no-repeat;
}
.time strong{
    color: #fff;
    font-weight: 500;
    font-size: 20px;
}
.nav{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.phoneblock{
    vertical-align: top;
    margin-right: 20px;
    text-align: right;
}
.phoneblock *{
    display: block;
    font-size: 14px;
    line-height: 1.22;
}
a.tel{
    padding-left: 30px;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    background: url(../img/icons/telephone.svg) 0 50% no-repeat;
    background-size: 20px;
    transition:all 0.5s
}
a.tel:hover{
    color: #F24088
}

.recall{
    cursor: pointer;
    border-radius: 50px;
    line-height: 1.1;
    font-weight: 500;
    color: #fff;
    padding: 15px;
    font-size: 14px;
    display: inline-block;
    background: #F24088;
    background-image: url(../img/icons/recall.svg) , linear-gradient(135deg, #F24088, #c65085);
    background-position: 20px 50%;
    background-repeat: no-repeat;
    background-size: 40px, auto;
    padding-left: 70px;
    padding-right: 20px;
    text-align: center;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
}
.recall:hover{
    transform: scale(0.98)
}
.recall:active{
    transform: scale(0.95)
}



/*.sec*/
.gradient {
    color: #F24088;
}

@supports (-webkit-background-clip: text) {
    .gradient {
        background-image: linear-gradient(135deg, #F24088, #c65085);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}
.gradient1 {
    color: #00BBB3;
}

@supports (-webkit-background-clip: text) {
    .gradient1 {
        background-image: linear-gradient(90deg, #00BBB3, #0dc6bf);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}


/*section0*/
.sec0{

position: relative;
    min-height: 100vh;

    background: linear-gradient(90deg, rgb(255, 255, 255),rgba(255, 255, 255, 0)), url(../img/bg0.jpg) ;
    background-position: 50% 50%, 50%;
    background-size: cover, cover;
    background-attachment: fixed;
    display: flex;
    flex-direction: column;


}
.sec0 .top {
    padding-top: 100px;
    min-height: 650px;
    width: 100%;
    display: flex;
    flex-grow: 1;
    align-items: center;
}
.cta{
    display: inline-block;
}
.cta .text{
    font-weight: 700;
    font-size: 28px;
    display: inline-block;
    line-height: 1;
}
.cta .text strong{
    font-size: 1.3em;
    display: inline-block;
    color: #0dc6bf;
    vertical-align: middle;
    
}
.cta .text span{

    vertical-align: middle;
    display: inline-block;


}
.cta .h1{
    margin-top: 10px;
    text-transform: uppercase;
    line-height: 1.2;
    font-size: 30px;
    
}
.cta .h1 strong{
    font-weight: 800;
    display: block;
    font-size: 2.48em;
}

.cta .h2{
    padding-left: 40px;
    font-size: 28px;
    background: url(../img/icons/loc.svg) 0 50% no-repeat;
    background-size: 30px;
} 


.digits{
    width: 100%;
    display: flex;
    justify-content: space-between;

    
}
.digits li{
    text-align: center;
    width: 25%;
        background-image: linear-gradient(90deg, #00BBB3, #0dc6bf);
    padding: 20px;

    box-shadow: 0 0 5px  rgba(0, 0, 0, 0.2);
}
.digits .big{
    font-size: 36px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}
.digits .small{
    color: rgba(255, 255, 255, 0.7)
}

.cta form{
    display: inline-block;
    margin-top: 30px;
    width: 100%;
        max-width: 500px;
}
.cta form .name{
    position: relative;
    margin-top: 10px;
    display: block;
    font-size: 18px;
    text-align: center;

}
.cta form .name:after{
    position: absolute;
    right: -40px;

    bottom: 5px;
    content: "";
    width: 25px;
    height: 60px;
    background: url(../img/icons/arrow.svg) no-repeat;
    background-size: contain
}

.cta .inp{
    position: relative;
    display: inline-flex;
    width: 100%;
}
.cta input{
    width: 100%;

    padding: 15px;
    padding-left: 30px;
    border: 1px solid #ddd;
    font-family: 'Montserrat', sans-serif;
    border-radius: 50px;
    box-shadow: inset 0 0 5px  rgba(0, 0, 0, 0.2);
    
}
.cta button{
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    color: #fff;
    padding: 10px 20px;
    background-image: linear-gradient(135deg, #F24088, #c65085);
    border-radius: 50px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
    box-shadow: 0 0 0 0 #F24088, 0 1px 2px 0 rgba(0,0,0,0.14);
}
.cta button:hover{
    transition: box-shadow 0.5s;
        box-shadow: 0 0 0 10px rgba(242, 64, 136, 0), 0 1px 2px 0 rgba(0,0,0,0.14);
}
.cta button:active{
    transform: translateY(-50%) scale(0.95)
}
.shine{
    position: relative;
    
}
.shine:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

    border-radius: 50px;
            background-size: 200% 100%,auto,100% 2px,100% 2px,100% 1px,100% 1px;
    background-image: linear-gradient(45deg,rgba(255,255,255,.0) 30%,rgba(255,255,255,.8),rgba(255,255,255,.0) 70%);
    background-repeat: no-repeat;
    background-position: -200% 0,0 0,0 0,0 100%,0 4px,0 calc(100% - 4px);
    animation: shine 2s ease reverse infinite;
}
@keyframes shine{
    

100% {
    background-position: 500% 0,0 0,0 0,0 100%,0 4px,0 calc(100% - 4px);
}
20% {
    background-position: 200% 0,0 0,0 0,0 100%,0 4px,0 calc(100% - 4px);
}
0% {
    background-position: -200% 0,0 0,0 0,0 100%,0 4px,0 calc(100% - 4px);
}
    }





/*sec*/
.sec{
    padding: 80px 0;
}
.sec .title{
    line-height: 1.2;
    font-weight: 800;
    font-size: 42px;
    text-align: center;
}
.sec .subtitle{
    text-align: center;
    font-size: 18px;
}
.center{
    text-align: center;
}
.btn{
    cursor: pointer;
    border: none;
    display: inline-block;

font-size: 16px!important;
    color: #fff;
    padding: 10px 20px;
    background-image: linear-gradient(135deg, #F24088, #c65085);
    border-radius: 50px;
    box-shadow: 0 0 0 0 #F24088, 0 1px 2px 0 rgba(0,0,0,0.14);
}
.btn:hover{
    transition: box-shadow 0.5s;
        box-shadow: 0 0 0 10px rgba(242, 64, 136, 0), 0 1px 2px 0 rgba(0,0,0,0.14);
}
.btn:active{
    transform:scale(0.95)
}
fieldset{
    border: 1px solid #00BBB3
}
legend{
    font-size: 24px;
    color: #00BBB3;
    font-weight: 700;
    width: auto;
    padding: 0 20px;
    display: inline-block;
}
.input{
    margin-top: 15px;
}
.input input, .input textarea{
    padding: 13px 20px;
    width: 100%;
    box-shadow:  inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 50px;
    border: none;
}
.input textarea{
    border-radius: 25px;
}
.input .btn{
    width: 100%;
    padding: 13px 20px;
}
/*section1*/


.sec1{
    padding-bottom: 150px;
    background: url(../img/shadowtop.png) 50% 100% no-repeat, #fff url(../img/shadow.png) 50% 0 no-repeat;
    background-size: 100% 20px;
}

.s1p{
    position: relative;
    padding: 20px 0;
    border-radius: 5px;
    background: #F2F2F2;
    text-align: center;
    margin-top: 30px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
    padding-bottom: 20px;
    transition: 0.4s
}
/*
.s1p:before{
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 170px;
height: 2px;
    background-image: linear-gradient(90deg, #F24088, #00BBB3);
    border-radius: 5px;

}
*/
.s1p:hover{
    transform: translateY(-10px)
}
.s1p *{
    position: relative;
}
.s1p figure{
    padding: 5px;
    margin-top: 15px;
    display: inline-block;
    border-radius: 50%;
    
    overflow: hidden;


    
     background-image: linear-gradient(90deg, #00BBB3, #0dc6bf);
}
.s1p img{
        width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 50%;
}
.s1p .name{

}
.s1p .btnarea{
    margin-top: 20px;
}
.s1p .btn{
    min-width: 200px;
}
.s1p .ps{
    font-size: 14px;
    margin-top: 10px;
}
.sec1 .wrap{
    text-align: center;

    margin-top: 50px;


}
.sec1 .subtitle{
    font-size: 24px;
}
.s1p1{
    
    padding: 15px;
        border-radius: 5px;
        background: #F2F2F2;
    margin-top: 30px;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
}
.s1p1 img{
    width: 100%;
    border-radius: 50%;
}

.s1p1 figure{
    margin: auto;
    margin-top: 15px;
    width: 200px;
    border-radius: 50%;
    padding: 5px;
    background-image: linear-gradient(90deg, #00BBB3, #0dc6bf);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
}

.s1p1 .btnarea{
    margin-top: 15px;
    margin-bottom: -35px;
}


.form2{
    
    text-align: center;
    margin-top: 100px;
}

.form2 fieldset{
    padding: 20px;
    padding-top: 0;
    border-radius: 5px;
}


/*section2*/
.sec2{
    position: relative;
    background: #FAF9F8;
    min-height: 650px;
    padding: 0;
    text-align: center;
    border-top: 2px solid #00BBB3;

}
.sec2 .btnarea{
    display: none;
}

.sec2 .title{
    font-size: 28px;
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
    background-image: linear-gradient(90deg, #00BBB3, #0dc6bf);
    transform: translateY(-100%);
    margin-left: auto;
    margin-right: auto;

    text-align: center;

    padding: 20px 50px;
    border-radius: 20px 20px 0 0;
        box-shadow: 8.135px 18.271px 40px 0px rgba(0, 0, 0, 0.08);

}
.sec2 .title span{
    
}
#map{
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
   

}
.ymaps-2-1-75-ground-pane{
    filter: grayscale(0.9);
    transition:filter 0.5s;
}
#map:hover .ymaps-2-1-75-ground-pane
{
    filter: grayscale(0.5)
}
.list{
    margin-top: 50px;
}
.list ul{
    display: none;
}

.selectdistrict{
    width: 100%;
    max-width: 360px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -10px);

}

select.select{
    
    background-color: #00BBB3;
    background-image: url(../img/icons/locationw.svg), url(../img/icons/down.svg);
    background-size: 25px, 10px;
    background-repeat: no-repeat;
    background-position: 10px 50%, 95% 50%;
    border-radius: 5px;
    display: inline-block;
    padding: 20px;
    font-size: 16px;
    padding-left: 40px;
    width: 100%;
    border: none;
    color: #fff;
    box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    letter-spacing: 1px;
         -webkit-appearance: none;/* Chrome */
    -moz-appearance: none;/* Firefox */
    appearance: none;/* убираем дефолнтные стрелочки */
cursor:pointer;
    
}
select option{

    padding-left: 12px;


}


.mapmappop{
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
}
.mappop .name{
    font-size: 20px;
    text-transform: uppercase;
    padding-bottom: 15px;
}
.mappop ul{
    border-bottom: 1px solid #ddd;
}
.mappop li{
    padding: 10px 0;
    border-top: 1px solid #ddd;
    font-size: 14px;

}
.mappop li a{
    padding-left: 30px;
        
    font-size: 16px;
    display: inline-block;
    color: #363636!important;
}
.madr, .madr:visited{

    background: url(../img/icons/location.svg) 0 0px no-repeat;
background-size: 16px;
}
.mtel, .mtel:visited{
    font-size: 22px!important;
    background: url(../img/icons/telephone.svg) 0 0px no-repeat;
    background-size: 16px;

}
.madr:hover,
.mtel:hover{
    color: #363636!important;
}

.mkids{
    padding-left: 30px;
        background: url(../img/icons/kids.svg) 0 50% no-repeat;
    background-size: 20px;
    font-weight: 700;
    font-size: 16px;
}
.mmetro{
    padding-left: 30px;
        background: url(../img/icons/metro.svg) 0 50% no-repeat;
    background-size: 20px;

    font-size: 16px;
}
.mappop .btn{
    margin-top: 10px;
}

.mpopup .btn{
    
    padding: 13px 20px;
}

/*sec3*/
.sec3{
/*
    background: url(../img/shadowtop.png) 50% 100% no-repeat, #fff url(../img/shadow.png) 50% 0 no-repeat;
    background-size: 100% 20px
*/

    background:  url(../img/bg5.png) 50%, linear-gradient(rgba(0, 187, 179, 0.5), rgba(0, 187, 179, 0.5));
    background-attachment: fixed;
    
}
.sec3 .title{
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.sec3 .text{
    text-align: center;
    color: #fff;
}

table{

    width: 100%;
     
    overflow: hidden;
}
table img{
    height: 30px;
}
.services th{
    padding: 20px 0;
    text-align: center;
}
.services  td{
position: relative;
    padding: 15px;
}
tr.hit{
    box-shadow:  0 0 5px rgba(0, 0, 0, 0.5);
    
}



.services  td:first-child{
    width: 50%;
}
.services  td:nth-child(n+2){
    width: 20%;
    text-align: center;
    border-left: 1px solid rgba(0, 0, 0, 0.07);

}
.services th:nth-child(2),
.services td:nth-child(2){
    font-weight: 700;
    color: #00BBB3
}


.services td:first-child{
    font-weight: 700;    
}
.services tr:nth-child(even){
    background: rgba(0, 0, 0, 0.05);
}
table tr:nth-child(2) td:nth-child(2){
border: 1px solid #00BBB3;


}
.servicesTab{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    
}
.servicesTab li{
    padding: 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #363636;
    width: 20%;
    text-align: center;
    border-radius: 20px 20px 0 0 ;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

    transition: all 0.5s
}

.servicesTab li.active, .servicesTab li:hover{
    transform: translateY(0);
        background: #fff;

    color: #F24088;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
}

.services{
    position: relative;
       background: #fff;
    min-height: 442px;

    border-radius: 0 0 5px 5px;

box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);


}



.services .rec{
    
    color: #F24088;
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
    width: 100%;
    display: inline-block;
}

/*section4*/
.sec4{
        background: url(../img/shadowtop.png) 50% 100% no-repeat, #fff url(../img/shadow.png) 50% 0 no-repeat;
    background-size: 100% 20px;


}



.graph{
text-align: center;
    margin-top: 50px;
}
.graph li{
    margin-top: 15px;
}
.graph li > span{
    margin-right: 20px;
    width: 250px;
    display: inline-block;
    text-align: right;
}
.graph li div{
    position: relative;
    border-radius: 50px;
    padding: 5px;
    max-width: 480px;
    width: 100%;
    background: #fff;
    display: inline-block;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.27);
    text-align: left;
    height: 44px;
}
.graph li div span{
    display: inline-block;
    background: #F24088;
    border-radius: 50px;
    color: #fff;
    
    text-align: right;
    padding: 5px 10px;
}
.graph li div span:after{
    content: "%"
}
.graph li:nth-child(1) div span{
    background: #A2D4FF;
}
.graph li:nth-child(2) div span{
    background: #F7BD10;
}
.graph li:nth-child(3) div span{
    background: #8CBD00;
}
.graph li:nth-child(4) div span{
    background: #FF8C42;
}
.graph li:nth-child(5) div span{
    background: #FF0000;
}
.graph li:nth-child(6) div span{
    background: #008C8C;
}
.graph li:nth-child(7) div span{
    background: #D64242;
}

/*sec5*/
.sec5{
    background: #F2F2F2 url(../img/pattern.svg);
    background-attachment: fixed;
}
.car1{
    margin-top: 30px;
}
.car1 .slide{
    background: #fff;
    text-align: center;
    transition:all 0.5s;
    border: 1px solid transparent
}
.car1 img{

    transition: all 0.5s;
}


.car1 .slide:hover{
border: 1px solid #00BBB3
}
.car1 .name{
    padding: 10px 0;
}
.car1 figure{
    overflow: hidden;
    padding: 5px 0;
    background-image: linear-gradient(90deg, #00BBB3, #0dc6bf);
}
.car1 .bottom{
    
    padding: 10px 0;
}

.car1 .years{
    opacity: 0.5
}
.car1 .btnarea{
    margin-top: 10px;
}

.owl-dots{
    bottom: -40px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}
.owl-dot{
    width: 12px;
    height: 12px;
    background: #00BBB3!important;
    border-radius: 50%;
    margin: 0 3px;
    opacity: 0.3;
}
.owl-dot:hover, .owl-dot.active{
    opacity: 1
}
.owl-nav button{
    top: 50%;
    position: absolute;
    width: 30px;
    height: 30px;
    opacity: 0.3

}
.owl-nav button:hover{
    opacity: 1
}

.owl-nav button:after{
    left: 50%;
    top: 50%;
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border-top: 4px solid #00BBB3;
    border-left: 4px solid #00BBB3;
    border-top-left-radius:  5px;
    transform:  translate(-30%, -50%) rotate(-45deg)
}
.owl-nav .owl-prev{
    left: -30px;
    transform: translateY(-50%)
}
.owl-nav .owl-next{
    right: -30px;
    transform: translateY(-50%) rotate(-180deg)
}
.sec5 .subtitle{
    margin-top: 50px;
    text-align: center;
}
/*section 6*/
.sec6{
            background: url(../img/shadowtop.png) 50% 100% no-repeat, #fff url(../img/shadow.png) 50% 0 no-repeat;
    background-size: 100% 20px;
}
.car2{
    margin-top: 50px;
}
.car2 .slide{
    padding: 5px;
    
}
.car2 .slide a{
    background: #F2F2F2;
    padding: 5px;
    display: inline-block;
    box-shadow: 0 0px 5px rgba(0,0,0,0.14);
}
/*section7*/

.sec7{
    text-align: center;
    background: #F2F2F2 url(../img/pattern.svg);
    background-attachment: fixed;
}


.otz{
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}

.otz li{
    cursor: pointer;
    border-radius: 10px;
padding: 0 10px;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
    border: 2px solid transparent;
    transition: all 0.5s;

}
.otz li img{
    max-width: 100%
}
.otz li:hover, .otz li.active{
        border: 2px solid #00BBB3
}
.sliders{
    min-height: 240px
}
.sliders li:not(:first-child){
    display: none;
}
.car3{
    margin-top: 30px;
}  
.more, .more:visited{
    display: inline-block;
    margin-top: 50px;
    text-decoration: underline;
    color: #F24088;
}
.more:hover{
    color: #F24088;
    text-decoration: none;
}

/*footer*/
.footer{
    padding: 50px 0;
    background:  linear-gradient(rgba(0, 187, 179, 0.8), rgba(0, 187, 179, 0.8)),  url(../img/fbg.jpg) 50% 0;

}
.footer .title{
    text-align: center;
    color: #fff;
}
.footer figure{
    margin-top: 50px;
    padding: 5px;
    background: #fff;
    border-radius: 5px;
}
.footer img{
    width: 100%;
}
.form3{
    margin-top: 50px;
}
.form3 .name{
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
.text-center{
    margin-top: 30px;
    text-align: center;
    
}
.text-center a{
    color: #fff;
    font-size: 18px;
}
a.phone, a.email{
    padding-left: 30px;
    font-size: 22px;
    font-weight: 500;
    color: #fff;

}
a.phone{
      background: url(../img/icons/telephone.svg) 0 50% no-repeat;
    background-size: 20px;  
}
a.email{
    margin-left: 30px;
        background: url(../img/icons/email.svg) 0 50% no-repeat;
    background-size: 20px;
}
.copy{
    color: #fff;
    padding: 10px 0;
        background-image: linear-gradient(90deg, #00BBB3, #0dc6bf);
}
.pol{
    float: right;
    cursor: pointer;
    text-decoration: underline;
}

/*.modal*/
.form{
    background: #f1f1f1;
    width: 100%;
    max-width: 480px;
    text-align: center;
    padding: 25px;
      box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    border-radius: 5px;
}

#pol{
    width: 100%;
    max-width: 600px;
    text-align: justify;
}
#pol h3{
    text-align: center;
    margin-bottom: 20px;
}