body{font-family: 'Ubuntu',arial, sans-serif; color:#000000;background:#fff; font-size:16px;}
b,h1,h2,h3,h4,h5{font-weight:500;}
.montserrat {font-family: 'Montserrat','Roboto', arial, sans-serif;}

#main .button,a.button,button{display: inline-block;border: 1px solid #ed1c24;background:#ed1c24;color:#fff; transition:background 0.5s, color 0.5s, opacity 2s; border-radius:0; padding:10px 20px; text-align:center;}
#main .button:hover,a.button:hover,button:hover{background:transparent;color:#ed1c24;}

a:link,a:hover,a:active,a:visited{color:inherit;}
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;}

.container{width:1260px; margin: 0 auto;}

#open_mobile_menu{display:none;}

header {height: 433px;z-index:10; background:url('../img/header_bg.png') no-repeat top center; color: #fff; font-size:38px;}
header .container{height:inherit;position:relative;}
header .left_slogan{max-width: 50%; position:absolute; left:0;top:0;bottom:0;margin: auto; height: 140px; text-transform: uppercase;}

#main{padding: 40px 0 70px;}
#main h1{ text-transform: uppercase; margin: 30px 0;}
#main p{margin:20px 0;}
#main {text-align:center;}

footer {background: url('../img/footer_bg.jpg') no-repeat bottom center;}

.copyrights { background: #000000; color: #ffffff;}
.copyrights .text{padding-top:12px;}
.copyrights a{ color:#fff;}

@media only screen and (max-width: 1280px){
	.container{width:96%;}
}

@media only screen and (max-width: 1020px){
	body.opened_mobile_menu #wrap_whole_website,body.opened_mobile_menu nav{margin-left:70%;}
	body.opened_mobile_menu #mobile_menu{left:0%;}
	#mobile_menu{position:fixed;left:-70%;width:70%;top:0; height:100%; overflow:hidden; transition: right 0.5s, width 0.5s; background: #0077c1}
	#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: #308E97}
	#mobile_menu ul a{width:100%;display:block;text-align:center; padding: 10px 0; background: #0077c1; 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: 0; left: 10px; text-align: center;border-radius: 50%; display:block; background:#df9800;height:45px;width:45px;text-align:center;line-height:45px; color:#fff;}
	#open_mobile_menu:focus{ outline: none;}
}

@media only screen and (max-width: 570px){
	body > iframe{display:none;}
	header .left_slogan{margin: 10px 0 0;}
}

@media only screen and (max-width: 470px){
	#dm_login{max-width:96%;}
	#dm_login label, #dm_login input{padding:0;}
}

@media only screen and (max-width: 380px){
	header .left_slogan{font-size:30px;margin: 50px 0 0;}
}