html{height: 100%; min-height: 33%;}
body{font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300;} 
h2{width: fit-content; font-size: 32px;}
h1{font-size: 2rem;}


.p12{font-size: 12px;}
.p14{font-size: 14px;}
.p16{font-size: 16px;}
.p18{font-size: 18px;}
.p20{font-size: 20px;}  
.p22{font-size: 22px;}
.p24{font-size: 24px;}
.p28{font-size: 28px;}
.p30{font-size: 30px;}
.p32{font-size: 32px;}
.p36{font-size: 36px;}
.p40{font-size: 40px;} 
.p42{font-size: 42px;} 
.p48{font-size: 48px;}
.p200{font-size: 200px;}
.bold{font-weight: 700;} 
.main-color-background{background: #cee39b;}
.main-color-text{color: #cee39b;}
.main-color-text-dark{color: #306b6f;}
.btn-primary{background: #4fa8ae; color: #fff; border: none; }
.b-shadow{box-shadow: 0 0 10px rgba(0,0,0,0.5);}
/*.btn-primary{
	background: linear-gradient(to left, #70ab01, #efb55a); 
	color: #fff; 
	border: 1px solid #70ab01;} */
.map iframe{border-radius: 20px;}

/*header*/

.bg-light{background: #70ab01!important;}
.bg-light a{color: #fff!important;} 
.top-line{background: #cee39b;}
.top-address, .bottom-address{
	background:url("/themes/custom/cat/images/address.png") no-repeat left center;
	padding-left: 45px;
	}
.top-phone, .bottom-phone{ 
	background:url("/themes/custom/cat/images/phone.png") no-repeat left center;
	padding-left: 45px;
	}
.write-image img{border-radius: 10px;}
.write-header span{color: #cee39b;}
.write-text{border-radius: 20px; border: 2px solid #4fa8ae;}
.camp .write-text ul{list-style: none; padding-left: 0;}
.write-header p, .write-text p{margin-bottom: 0;}
.why, 
.why-camp, 
.why-afterschool{font-size: 24px;} 

.why div>div.odd{border-radius: 20px; border: 2px solid #a6cf45; height: 140px;}
.why .number-1,
.why-camp .number-1
{background: #a6cf45; top: 28%; left: 0; padding: 10px; border-radius: 40px;}
.why .number-2,
.why-camp .number-2
{background: #4fa8ae; top: 28%; left: 0; padding: 10px; border-radius: 40px;}
.why .number-1 img, 
.why .number-2 img,
.why-camp .number-1 img,
.why-camp .number-2 img{width: 32px; height: auto;}
.why .odd,
.why-camp .odd,
.why .pair,
.why-camp .pair{padding-left: 40px!important;}
.why-camp div>div.odd{border-radius: 20px; border: 2px solid #a6cf45;}
.why-afterschool div>div.odd{border-radius: 20px; border: 2px solid #a6cf45;}
.why div>div.pair{border-radius: 20px; border: 2px solid #4fa8ae; height: 140px;}
.why-camp div>div.pair{border-radius: 20px; border: 2px solid #4fa8ae; }
.why-afterschool div>div.pair{border-radius: 20px; border: 2px solid #4fa8ae; }
.odd p, .pair p{margin: 0;}
.why-afterschool .number-1,
.why-afterschool .number-2{top: -20px; left: 0;}

.main-open{background: #2d4043;}
.main-open-inner{background:url("/themes/custom/cat/images/line1.jpg") no-repeat right top;}

.feedback .card-body{border-radius: 20px!important; border: 2px solid #4fa8ae!important;}
.feedback .card{border: 0!important;} 
.feedback .card a{color: #333;} 
.feedback .card a:link{color: #939393; font-size: 16px;} 
.feedback-img{
background:url("/themes/custom/cat/images/igla.png") no-repeat top center;
width: 40px;
height: 40px;
top: -25px;
left: 50%;
}

.time-line span{width: 57px; border-radius: 50px;}
.owner img{border-radius: 20px;}
.owner h5{color: #3c949a;}
.price{background: #306b6f;}
.price-camp{background: #306b6f;}
.card{border-radius: 20px!important;}
.adv .card{border: 0!important;}
.adv .card img{border-radius: 20px!important; height: auto!important;}
.adv .card h5{color: #306b6f;}

.gallery img{
border-radius: 10px; 
box-shadow: 3px 3px 5px #bbb;  
border-radius: 10px!important; 
overflow: hidden;
margin: 0 14px 15px 0;
}

.photo img{
border-radius: 10px; 
box-shadow: 3px 3px 5px #bbb;  
border-radius: 10px!important; 
overflow: hidden;
margin: 0 14px 15px 0;
}

/*content*/ 


.about-block .row2 .pText{order: 3; padding-left: 3rem;}
.about-block .row2 .pImage{order: 2;}
.about-block .row1 .pImage{padding-left: 3rem;}
.pImage img{border-radius: 10px; width: 100%; height: auto;}
.treners .card,
.events .card,
.documents .item, 
.types .card{box-shadow: 3px 3px 5px #bbb; border-radius: 10px!important; overflow: hidden;} 
.types .card{ height: 570px!important;}
.types .owl-item .card{ height: 595px!important;}
.pluses{background: linear-gradient(to right, #b92fa1, #481173); color: #fff;}
.owl-nav{display: flex; align-items: center; padding: 15px; justify-content: center;}
.owl-nav .owl-prev, .owl-nav .owl-next{ 
display: block!important;
border: 1px solid white!important; 
width: 32px!important;
height: 33px!important;
border-radius: 5px!important;
font-size: 25px!important; 
line-height: 5px!important;  
}
.owl-nav .owl-prev{margin-right: 15px;}
.owl-types .owl-prev, .owl-types .owl-next{border: 1px solid #b92fa1!important;}
.owl-event .owl-prev, .owl-event .owl-next{border: 1px solid #b92fa1!important;}
.owl-about .owl-prev, .owl-about .owl-next{border: 1px solid #b92fa1!important;}
.owl-photo img{height: auto;}


.types-page img{width: 100%; height: auto;}
.events-page img{margin: 0 10px 10px 0; border-radius: 10px;}
.events .card-text{margin-bottom: 0px;}
.events .card img{height: auto;}
.documents .item{background: url("/themes/custom/tiffani/images/doc.png") no-repeat left center;}
.about img,

.about img{height: auto;}
.events .card{height: 650px;}
.navbar-toggler {border-color: rgba(255, 255, 255, 1)!important;} 
.types .card img{height: auto; max-height: 500px;} 
.btn-outline-danger{color: white!important; border: 1px solid white!important;}
.btn-outline-danger:hover{color: #b92fa1!important; background: white!important;}

.docs ul{padding-left: 0;} 
.docs li{list-style: none;} 
.docs .card{overflow: auto;}
.docs .card-header{background: #cee39b!important;}

/*footer*/
footer{background: #ebf3d8;}

.scrollup {
    width: 40px;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    bottom: 50px;
    right: 15px;
    display: none;
    border: none;
    z-index: 10;
    text-indent: -9999px;
    background: url("/themes/custom/cat/images/icon_top.png") no-repeat;
}

/*map*/
#map{height: 300px;} 


@media (max-width: 1300px) {
.navbar .container{justify-content: end!important;}
.navbar-nav .nav-item{text-align: end!important;}
.about-block .row1 .pImage{padding-left: 15px;}	
} 
 
@media (max-width: 1138px) {
footer .content{display: block!important;}

.about-block .row2 .pText{order: 2; padding-left: 15px;}
.about-block .row2 .pImage{order: 3;}
.price-camp .card{width: 24rem!important;}
	 
} 
 
@media (max-width: 768px) {
body{font-size: 16px!important;}
h2{font-size: 28px!important;}
.write-image img{width: 100%; height: auto;}
.write-header{font-size: 30px!important;}
.school .write-header{font-size: 26px!important;}
.write-text{font-size: 18px!important;}
.write-txt{font-size: 22px!important;}
.brone{font-size: 14px!important; text-align: center;}
 
.why, 
.why-camp, 
.why-afterschool{font-size: 18px!important;} 
.why .number-1,
.why-camp .number-1,
.why-camp .number-2,
.why .number-2{left: 10px;}

.time-line span {width: 44px!important; font-size: 18px!important;}
.owner img{width: 100%; height: auto;}

.why-afterschool div>div.odd,
.why-afterschool div>div.pair{font-size: 18px!important;}

.camp img{height: min-content;}
.price-camp .card{width: 20rem!important;}
.b-logo img{width: 70px; height: auto;}
.navbar .container{justify-content: space-between!important;}




}
 
@media (max-width: 576px) {

}