body{font-family: 'Ubuntu', sans-serif; 'Fredoka One', cursive;color:#FFFFFF;background:#fff; font-size:16px; padding-top:143px;transition: 0.5s;}

.montserrat {font-family: 'Montserrat','Roboto', arial, sans-serif;}

a:link,a:hover,a:active,a:visited{color:#dd6250;}
small{font-size:12px;}
big{font-size:20px;}
.font_25{font-size:25px;}
.font_24{font-size:24px;}
.font_23{font-size:23px;}
.font_22{font-size:22px;}
.font_21{font-size:21px;}
.cake-error{color:#f00;}


.cout{border-radius: 10px 10px 10px 10px; text-transform:uppercase; width:150px; font-size:16px !important;}

.fa-close {display:none;}
.container{width:1260px; margin: 0 auto;}

.button,button{border: 1px solid #2e2e2e;background:#2e2e2e;color:#fff; transition:background 0.5s, color 0.5s, opacity 2s; border-radius:35px; padding:10px 20px; text-align:center;}
.button:hover,button:hover{background:transparent;}

.header_all{width:100%;float:left;position:fixed;background:#FFFFFF;height:143px;}
.logo_top{width:29%;float:left;}
.img_logo_top{padding-top:40px;}
.header_right{width:71%;float:left;}
.header_right_top{width:100%;float:left;border-bottom:solid 5px #0077C1;}
.header_right_info{width:60%;float:left;font-size:21px;font-weight:500;color:#3a4257;text-align:center;padding-top:10px;}
.contact-button{margin-top:60px; padding-bottom:80px;}
#contact_button,#contact_button2{margin-top:25px;font-size:39px;font-weight:bold; color:#3a4257;background-color: #dd6250;padding:2%;transition: 0.5s;}
#contact_button2{font-size:28px; margin-top:0px;}
#contact_button:hover,button:hover{color:white;}
#contact_button2:hover{color:white;}
.screen-el{width:100%; float:left;}
.screen-el img{max-width:100%; padding-top:50px; padding-bottom:50px;}
.buttons_section .add{padding-top:0;}



.like{width:20%;float:left;text-align:right;}
.google{width:20%;float:left;text-align:right;}

.left-side{width:80%;float:left;}
.right-side{width:20%;float:left;text-align:center;padding-bottom:30px;}

.red{color:#dd6250;}

.third_main{width:100%; float:left; background: url('/img/third_background.jpg') no-repeat center;padding-top:20px; background-size:cover;}
.left_side{width:80%; float:left;}
.right_side{width:20%; float:left;}
.main_text{font-size:24px; text-align:center;font-weight:300;}
.header_top{width:100%;float:left;padding-top:5px;padding-bottom:5px;background:#FFFFFF;}
.header_top_logo{width:70%;float:left;padding-top:11px;}
.header_top_like{width:15%;float:left;}
.header_top_google{width:15%;float:left;}
.header_bottom{width:100%;float:left;background-color:#FFFFFF;padding-top:30px;
padding-bottom:30px;}
.header_bottom_info{width:40%;float:left;font-size:21px;font-weight:500;color:#3a4257;}
.navigation{width:100%;float:left;text-align:center;margin-top:2px;}
.navigation ul{ width: 100%; float: left; list-style-type: none; padding: 0;}
.navigation ul li{ display: inline-block; margin-left: 20px;}
.navigation ul li a{ font-size: 21px; color: #3a4257; padding: 10px 5px 40px 5px;border-radius:20px;}
.navigation > ul > li > a:hover, .navigation > ul > li > a.active{ color:#dd6250;background: url('../img/hover.png') no-repeat center 45px }

@media only screen and (min-width: 1020px){
	
	.navigation ul li .dropdown-content a:hover {background-color: #dd6250; color:white;}
.dropdown:hover .dropdown-content {
    display: block;
}

	
}



.dropdown {
    position: relative;
    display: inline-block;
}
.navigation ul li .dropdown-content a {
    
    
    background-color: #0077C1;
    z-index: 9999;
    
    color: white;    
    line-height:30px;
    padding-bottom:0px;
    min-width:246px;
    border-radius:0;
    color:#FFFFFF;
    padding:2%;
    display:block;
    
}

.navigation ul li .dropdown-content  {
    display: none;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.0);
    z-index: 9999;
    min-width:257px;
    color: white;    
    line-height:30px;
    padding-bottom:0px;
   	color:#3a4257;
    padding-top:45px;
    border-radius:0;
    text-align:center;
    right:-45px;
    
    
}



.like_header{width:50%;}
.google_header{width:65%;}

.main_page{width:100%;float:left;}
.main_page_top{width:100%;float:left;background: url('/img/middle_background.jpg')center;}
.main_page_top_left{width:28%;float:left;padding-right:5px;padding-top:55px;}
.main_page_top_right{width:71%;float:left;padding-top:55px;}

.main_top{width:100%;float:left;background: url('/img/top_background.jpg')no-repeat center;height:500px;}
.top_left{width:36%;float:left; background-color:#DD6250;height:500px;}
.top_right{width:64%;float:left;}
.inner_left{width:100%;float:left;}
.inner_right{width:100%;float:left}
.pyth{max-width:100%;}
.main_title{font-size:30px;color:#dd6250;margin-top:0;}

.main_page_bottom{width:100%;float:left;background: url('/img/bottom_section.jpg')no-repeat center; background-size:cover;}
.bottom_left{width:48%;float:left;}
.bottom_right{width:50%;float:left;}

.dark_info{font-size:21px;color:#3a4257;text-align:left;}
.dark_info_small{font-size:16px;color:#3a4257;text-align:center;}

.info{font-size:18px; font-weight:300; text-align:justify;}
.title{font-size:30px;;font-weight:500;text-align:center;}

.middle_title{font-size:43px;font-family:'Fredoka One';color:#3a4257;text-align:center;padding-top:100px;}
.title_small{font-size:22px;font-family:'Fredoka One';color:#3a4257;}

.red_bar{text-align:center;padding-bottom:60px;}
.white_bar{text-align:center;}
.footer_all{width:100%;float:left;background-color:#1587e3;}

.example{width:100%;float:left;padding-bottom:20px;padding-top:20px;}
.left_example{width:50%;float:left;}
.right_example{width:50%;float:left;}
.top_example{width:100%;float:left;font-size:16px; text-align:center;padding-bottom:10px;}
.bot_example{width:100%;float:left;}

.box{width:80%;float:left;text-align:center;}
.top_box{width:100%;float:left;}

.middle_box{width:100%;float:left;}
.bot_box{width:100%;float:left;}
.right_add{width:20%;float:left;}
#first{bottom:200px;right:360px;}
#second{left:125px;}
#third{bottom:200px; right:-125px;}

.no-margin{margin:0; padding:0;}
.write{border: 2px solid #1587e3; border-radius:20px;width:215px; height:130px;font-size:50px;margin-left:50px; margin-right:50px;text-align:center;}
.th{width:130px; height:70px;font-size:36px;margin-left: 20px;margin-right: 35px;}
.mini{width:120px; height:60px;font-size:30px;margin-left: 0;margin-right: 0;position: relative;}
.eq{font-size:25px; color:black; font-weight:bold;text-align:center;}
.triangle{text-align:center;}
.add{text-align:center;padding-top:40px; padding-bottom:40px;}

#open_mobile_menu{display:none;}

header {height: 94px; position:fixed;left:0;top:0; z-index:10;background: #ffffff;}

.copyrights{background: #444444; color:#a29e9e;}
.copyrights .text{padding-top:12px;}

.opened_mobile_menu .fa-close{display: inline;}
.opened_mobile_menu .fa-bars{display: none;}

.social{color:#FFFFFF;text-align:center;padding-top:8px;}
.fb{padding-left:5px;}
.logo-mobile{text-align:center;}
.burger_logo{max-width:80%;}
.faq{text-align:justify;}
.write_form{padding:1%; border: 1px solid #ffffff; border-radius:5px;margin-bottom:5px; margin-top:5px;width:450px;}
.text_area{padding:1%; border: 1px solid #ffffff; border-radius:5px;margin-bottom:5px;margin-top:5px;width:450px;}
.submit_button{margin-top:25px;font-size:30px; color:#3a4257;background-color: #dd6250;padding:10px 20px 10px 20px;transition: 0.5s; border:1px solid #dd6250;}
.submit_button:hover,button:hover{color:white;}
.form_area{text-align:center;}
@media only screen and (max-width: 1280px){
	#first{bottom:200px;right:390px;}
	#second{left:140px;}
	#third{bottom:200px; right:-150px;}
	.container{width:96%;}
	.header_bottom_info{display:none;}
	.header_bottom_nav {
    width: 100%;
    float: left;
    text-align: center;}
    .header_right_info{font-size:16px;}
    
    .header_bottom{padding-bottom:45px;}
    .header_right_top{border-bottom: solid 2px #0077C1;}
    .navigation ul li a{font-size:18px; padding: 10px 3px 40px 3px;}
    .img_logo_top{max-width:100%;}
    .title{font-size:26px;}
    .info{font-size:14px;}
    .main_page_top_left{width:21%;padding-top:20px;}
    .main_page_top_right{padding-top:20px;width:78%;}
    .write{width: 130px;height: 80px;}
    .right_add{display:none;}
	.box{width:100%;}
	
	
    
	

}
#background_wrapper{transition: margin 0.5s; float:left;width:100%;}


@media only screen and (max-width: 1020px){
	#home {
    padding-top: 94px;}
    .th{margin-left: 20px;
		margin-right: 20px;
		margin-bottom:3px;
}
.low_res{width:350px;}
    .thales_ex2{max-width:100%;}
    .red-cross{width:22%;}
    .three-boxes{max-width:100%;}
    .pyth_triangle{max-width:50%;}
    .write {
    width: 80px;
    height: 80px;}
    #third{position:initial;}
    #second{position:initial;}
    #first{position:initial;}
	.bot_box{padding-bottom:20px;}
    .main_page_top{width:100%; background: url('/img/top_background.jpg');background-size: cover;}
    .main_page_top_right{width:100%;padding-left:0;}
	.logo_top{width:100%;text-align:center;}
	.header_right_top{display:none;}
	.header_right_info{display:none;}
	.red_bar{padding-bottom:20px;}
	.img_logo_top{padding-top:10px;}
	.header_right_top{border:none; padding-top:16px;}
	.header_all{height:auto;}
	.info{font-size:21px; text-align:center;}
	.example-content{width:80%; float:none; margin :0 auto;}
	.example{text-align:center;}
	.main_page_top_right{padding-top:0;}
	body.opened_mobile_menu #background_wrapper{margin-left:70%;}
	body.opened_mobile_menu #mobile_menu{left:0%;}
	#mobile_menu{position:fixed;left:-70%;width:70%;top:93px; height:100%; overflow:hidden; transition: right 0.5s, width 0.5s; background: #dd6250;transition: all 0.5s;z-index: 11;}
	#mobile_menu ul{list-style-type:none;}
	#mobile_menu > ul{border-top:1px solid #fff;}
	#mobile_menu ul{padding:0;width: 100%; margin:0; float:left;}
	#mobile_menu ul li{border-bottom:1px solid #fff; float:left;width:100%;}
	#mobile_menu ul li.active > a{background: #3dd6250}
	#mobile_menu ul a{width:100%;display:block;text-align:center; padding: 10px 0; background: #dd6250; color: #fff; font-size:16px; transition: background 0.5s, color 0.5s; }
	#mobile_menu ul ul li a{ width:96%;padding-left:2%;padding-right:2%;background: #007791;}
	#mobile_menu ul ul{display:none;}
	#mobile_menu ul ul li:last-child{border-bottom:none;}
	#open_mobile_menu{ position: absolute; z-index: 99999; top: 15px; left: 10px; text-align: center;border-radius: 50%; display:block; background:#dd6250;height:45px;width:45px;text-align:center;line-height:45px; color:#fff;}
	#open_mobile_menu:focus{ outline: none;}
	
	#mobile_menu ul li.dropdown::after{content: "\f078";
position: absolute;
right: 10px;
top: 9px;
color: #fff;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
}

#mobile_menu ul li.dropdown.active::after{content: "\f077";}
	.header_top_like{display:none;}
    .header_top_google{display:none;}
    .header_top_logo{width:100%; text-align:center;}
    .header_bottom_nav ul {margin: -15px 0 0 0px;}
    .main_page_bottom{background:#ffffff;}
    .bottom_left{width:100%;}
    .bottom_add{max-width:100%;}
    .right_add{display:none;}
    .desktop_only{display:none;}
    .header_bottom{padding-bottom:0px; padding-top:0px;}
    
    .middle_title{padding-top:50px;}
}

@media only screen and (max-width: 570px){
	body > iframe{display:none;}
	
	.mini{position:initial;}
	.low_res{293px;}
	.title{padding-bottom:5px;}
	.bot_box{padding-bottom:20px;}
	.write{width:60px; height:40px;border-radius:10px; font-size:16px;}
	.red-cross{width:100px;}
	.dark_info{font-size:16px; text-align:justify;}
	.middle_title{font-size:35px;}
	.right-side{display:none;}
	.main_text{font-size:16px; text-align:justify;}
	.left-side{width:100%;}
	.title{font-size:35px;padding-top:15px;}
	.contact-button{margin-top: 25px;margin-bottom: 25px;text-align: center;}
	#contact_button{font-size:30px;}
	.header_right_info{display:none;}
	.google{width: 48%;}
	.like{width: 50%;}
	.logo_top{width: 100%;padding-left:25px;}
	.img_logo_top{max-width:80%;padding-top:20px;}
	.header_right{width: 60%;}
	.header_right_top{padding-top:10px;}
	.info{font-size:16px; text-align:justify;}
	.form_area{text-align:center;}
	.write_form{width:90%;}
	.text_area{width:90%;}
	.submit_button{margin-bottom:20px;}
	.add{display:none;}

@media only screen and (max-width: 470px){
	.low_res{width:278px;}
	.no{display:none;}
	#dm_login{max-width:96%;}
	#dm_login label, #dm_login input{padding:0;}
	.write{margin-left: 10px;
margin-right: 10px;}

}

@media only screen and (max-width: 520px){
}