@import url("../fonts/Circe/stylesheet.css");

body{
    font:‘Circe’, Arial, Helvetica, sans-serif;
}

header a{
    color: #fff;
    font:17px ‘Circe’, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.banner{
    background-color: #242424;
    /*height: 651px;*/
    background-image: url("../img/banner.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding-bottom: 50px;
}

.banner h2.big{
    margin-top: 30px; margin-bottom: 30px; font-weight: 300; font-size: 33px; margin-left: 130px;
}

.banner h2.mini{
    margin-top: 20px; margin-bottom: 30px; font-weight: 300; font-size: 16px;
}

h1, h2{
    color:#fff;
}

.section-2{padding-top: 50px;}
.section-2 .row{margin-top: 50px;}
.section-2 a{
    display:block; margin: 0 auto; width: 300px;
}
.section-2 b{
    display: block;
    font:23px ‘Circe’, Arial, Helvetica, sans-serif;
    /*line-height: 20px;*/
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
    
}

.section-2 p{
    display: block;
    font:16px ‘Circe’, Arial, Helvetica, sans-serif;
    /*line-height: 20px;*/
    
    text-align: center;
    font-weight: 100;
}


.section-2 h2{
    font-size: 41px; color: #242424;
}

.section-2 .circle{
    background-color: #E62D3A; border-radius: 50%; padding-top: 30px; padding-left: 28px; width: 100px; height: 100px; margin: 0px auto;
}

.section-2 .circle img{
    width: 60%;
}


.section-2 button{
    display: block;
    margin: 0 auto;
}

.section-3{
    background-color: #F2F6FA;
    padding-top: 50px;
    margin-top: 50px;
    padding-bottom: 50px;
}

.section-3 h2, .section-4 h2{color: #242424; font-weight: 300; font-size: 41px; text-align: center;}

.section-3 h2 b, .section-4 h2 b{font-weight: 600;}

.section-3 .out{background-color: #fff; border-radius: 10px; padding: 5px; width: 250px; height: 260px;}
.section-3 .in{border: 1px solid lightgray; border-radius: 10px; padding: 20px; height: 100%;}
.section-3 img.icon{width: 50px; display: block; margin: 0 auto; margin-bottom: 20px;}
.section-3 img.layer{width: 20px; float: right; margin-top: -50%; margin-left: 20px;}

.section-4{
    padding-top: 50px;
    padding-bottom: 50px;
}

.red{
    color:#E62D3A;
}

.section-4 .col-md-4{
    padding: 20px;
}

.section-4 .red-title{
    display: block;
    font:70px ‘Circe’, Arial, Helvetica, sans-serif;
    font-weight: 600;
    margin-bottom: 30px;
}

.section-4 p{
    font:21px ‘Circe’, Arial, Helvetica, sans-serif;
    
}

.section-4 .title{
display: block;
    border: 1px solid lightgray;
    border-radius: 20px;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
}

.section-4 h4{
    font:21px ‘Circe’, Arial, Helvetica, sans-serif;
    color: #242424;
    font-weight: 600;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}


.section-4 .first li:before{
color: #E62D3A;

}

.section-4 .cena{
    
    display: block;
    width: 150px;
    font:24px ‘Circe’, Arial, Helvetica, sans-serif;
    border-radius: 20px;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    box-shadow: lightgrey 1px 1px 1px 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 50px;
}

.section-4 .first li{
    margin-bottom: 10px;
}


.got-resh img{
border-radius: 20px;
margin-bottom: 30px;
width: 100%;
}

.got-resh button{
    margin-top: 20px;
    margin-bottom: 20px;
}
.got-resh h4{
display: block;
height: 70px;

}

.foto-text{
    height: 170px;
    border: 0px solid gray;
}

footer{
padding-top: 50px;
padding-bottom: 50px;
color: #fff;

}




.white-popup {
    position: relative;
    background: #F2F6FA;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
border-radius: 10px;

}


.got-resh .popup-content{
    display: block;
    
    width: 250px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.hidden{
    display: none;
}