/* agent.ponorez.online Stylesheet */

/* FONT SETTINGS */
@import url(//fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic);


/* GENERAL SETTINGS */
body { font-family: 'Lato', sans-serif; font-size: 10px; padding: 0; margin: 0; }

.clickable { cursor: pointer; }
.row { display: flex; }
.container { width: 100%; padding: 0; }


/* MAIN MENU SETTINGS */


/* GENERAL SETTINGS */
.content { padding: 0 25px; width: 100%; }

/* HEADER SETTINGS */
.page-header { padding: 0; border-bottom: none; }
.page-header .branding { padding: 0; }
.page-header .additional-branding { text-align: right; padding: 40px 0 0 0; color: #006600; }

/* PAGE CONTENT SETTINGS */
.page-content { padding: 0; }

/* PAGE CONTENT - Page Content Header */
.page-content-header { background: #00aae5; padding: 25px 20px; font-size: 3em; color: #fff; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.page-content-header h1 { margin: 0; }

/* PAGE CONTENT - Info Block */
.info-block { border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 10px 25px; font-size: 1.3em; }
.info-block h2 { font-size: 1.8em; color: #333; }
.info-block .subtitle { font-weight: bold; text-decoration: underline; }

/* PAGE CONTENT - Registration form */
.form-container { border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 10px 25px 25px; border-bottom: 1px solid #e1e1e1; font-size: 1.3em; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-bottom: 25px; }
.form-container h2 { font-size: 1.8em; color: #333; background: #f7f7f7; padding: 10px; margin: 0 0 25px; }
.form-container .form-row { display: block; margin-bottom: 15px; padding-left: 10px; padding-right: 10px; }
.form-container .form-element { display: inline-block; padding: 0; }
.form-container label { font-weight: bold; margin-right: 10px; }
.form-container label.normal { font-weight: normal; }
.form-container label.group-title { display: block; }
.form-container .form-row input[type=radio], .form-container .form-row input[type=checkbox] { margin-right: 5px; }
.form-container .form-row input[type=text], .form-container .form-row input[type=password] { width: 100%; height: 30px; line-height: 30px; padding: 0 10px; border: 1px solid #e1e1e1; border-radius: 5px; }
.form-container #btn_submit { background: #6c6; font-size: 1.9em; padding: 10px 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; border: none; }
.form-container #btn_submit:hover { text-decoration: none; background: #3c3; }
.form-container .divider { height: 1px; background: #e1e1e1; margin: 20px 0 25px; }
.form-container .divider.last { margin-bottom: 40px; }


/* FOOTER SETTINGS */
.page-footer { font-size: 1.25em; color: #666; }
.page-footer .footer-branding { text-align: center; padding: 25px 0; }
.page-footer .footer-branding img { height: 75px; width: auto; }
.page-footer .footer-branding a { margin: 0 25px; }
.page-footer .footer-info { text-align: center; padding: 25px 0; line-height: 175%; }


/* RESPONSIVE SETTINGS */

	@media only screen and (max-width: 480px) { 
		.content { padding: 0 10px; width: 100%; }	
		.form-container { padding: 10px; }
		.form-container .form-row { display: block; }
		.form-container .form-element { display: block; }

		.page-header .branding { padding: 0; text-align: center; }
		.page-header .additional-branding { text-align: center; padding: 0; }
		.page-header .additional-branding h1 { line-height: 130%; }
		
		.form-container .divider, .form-container .divider.last { margin: 30px 0 30px; }
		
		.page-footer .footer-branding img { height: 50px; width: auto; }
		.page-footer .footer-branding a { margin: 0 10px; }
		
	}
	
	@media only screen and (min-width: 480px) and (max-width: 768px) { 
		
		.content { padding: 0 10px; width: 100%; }	
		.form-container { padding: 10px; }
		.form-container .form-row { display: block; }
		.form-container .form-element { display: block; }

		.page-header .branding { padding: 0; text-align: center; }
		.page-header .additional-branding { text-align: center; padding: 0; }
		.page-header .additional-branding h1 { line-height: 130%; }

	}

	@media only screen and (min-width: 769px) and (max-width: 1024px) { 
		
	
	}

	@media only screen and (min-width: 1025px) and (max-width: 1366px) {
		

		
	}