@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900&display=swap');
@import 'plugins.css';

/*============================================================================================*/
/* GLOBAL CSS */
/*============================================================================================*/
* { margin: 0px; padding: 0px; border: 0 none; outline: 0 none; list-style-type: none; }
body { position: relative; height: 100%; font-family: 'Montserrat', sans-serif; font-size: 13px; line-height: normal; margin: 0; padding: 0; color: #222; background: #fefefe; }

a, a:active, a:hover { text-decoration: none; }
h1, h2, h3, h4, h5 { text-transform: none; }

.pull-left { float: left; }
.pull-right { float: right; }

.transition, a, a:hover, .partners a { transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; }

#main { position: relative; z-index: 2; overflow-x: hidden; max-width: 100%; margin: 0 auto; }

@media only screen and (max-width: 768px) {
	#main { padding: 0; }
}

/*============================================================================================*/
/* HEADER  */
/*============================================================================================*/
.header { position: relative; padding: 0; }
.header .header-h1 { display: block; padding: 30px 0; background: #1A4C93; }
.header .header-h1 .container { position: relative; }
.header .header-h1 .container .header-buttons { position: absolute; display: block; bottom: -50px; }
.header .header-h1 .container .header-buttons.header-buttons-right { right: 0; }
.header .header-h1 .container .header-buttons.header-buttons-right a.header-email { background: #fff; color: #1A4C93; }
.header .header-h1 .container .header-buttons.header-buttons-right a.header-phone { background: #FFFF99; color: #1A4C93; }
.header .header-h1 .container .header-buttons.header-buttons-left { left: 0; }
.header .header-h1 .container .header-buttons.header-buttons-left a.header-email { background: #FFFF99; color: #1A4C93; }
.header .header-h1 .container .header-buttons.header-buttons-left a.header-phone { background: #fff; color: #1A4C93; }
.header .header-h1 .container .header-buttons a { display: block; padding: 0; float: left; width: 130px; height: 40px; line-height: 40px; text-align: center; font-weight: 500; font-size: 15px; }
.header .header-h1 .container .header-buttons a:hover { background: #ddd !important; color: #111 !important; }
.header .header-h1 .container h1 { display: block; margin: 0; padding: 0; }
.header .header-h1 .container h1 a { display: block; margin: 0; padding: 0; text-align: center; color: #fff; font-weight: 900; font-size: 68px; text-shadow: 3px 6px 3px rgba(0, 0, 0, .3); text-transform: uppercase; }
.header h2 { display: block; margin: 0; padding: 30px 0; text-align: center; background: #dedede; color: #1A4C93; font-weight: 700; font-size: 42px; text-shadow: 2px 2px 2px rgba(0, 0, 0, .3); text-transform: uppercase; letter-spacing: 1px; }
.header h3 { display: block; margin: 60px 0 0 0; padding: 0; text-align: center; color: #17365d; font-weight: 600; font-size: 26px; text-transform: none; }

@media only screen and (max-width: 768px) {
	.header .header-h1 { padding: 20px 0; }
	.header .header-h1 .container .header-buttons { position: relative; margin: 20px 0 0 0; bottom: auto; text-align: center; }
	.header .header-h1 .container .header-buttons a { display: inline; display: inline-block; vertical-align: middle; float: none; width: auto; padding: 0 30px; border-radius: 4px; }
	.header .header-h1 .container .header-buttons.header-buttons-left { display: none; }
	.header .header-h1 .container .header-buttons.header-buttons-right { right: auto; }
	.header .header-h1 .container h1 a { font-size: 38px; }
	.header h2 { padding: 20px 0; font-size: 22px; text-shadow: 1px 1px 2px rgba(0, 0, 0, .3); }
	.header h3 { margin: 40px 0 10px 0; font-size: 18px; }
}

/*============================================================================================*/
/* SECTION HOME  */
/*============================================================================================*/
.main { position: relative; margin: 30px 0 50px 0; padding: 0; }
.main .buttons { text-align: center; }
.main .buttons .btn { background: #164382; box-shadow: 0px 5px 3px rgba(0, 0, 0, .5); color: #fff; font-weight: 600; font-size: 22px; padding: 25px 0; }
.main .buttons .btn i { display: inline; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
.main .buttons .btn span { display: inline; display: inline-block; vertical-align: middle; }
.main .buttons .btn:hover { background: #163f7a; color: #fff; }
.main .buttons .btn-sos { margin: 30px 0 0 0; background: #FFFF99; color: #164382; font-size: 36px; letter-spacing: 1px; text-transform: uppercase; }
.main .buttons .btn-sos:hover { background: #f7f788; color: #164382; }

@media only screen and (max-width: 768px) {
	.main { margin: 0; }
	.main .buttons { margin: 10px 0; }
	.main .buttons .btn { margin: 0 0 10px 0; font-size: 20px; font-weight: bold; }
	.main .buttons .btn-sos { margin: 10px 0 0 0; font-size: 16px; letter-spacing: 0; }
}
@media only screen and (max-width: 1023px) {
	.main .buttons .btn-sos { margin: 20px 0 0 0; font-size: 26px; letter-spacing: 0; }
}


/*============================================================================================*/
/* FORM */
/*============================================================================================*/
.form { position: relative; display: none; margin: 0 0 50px 0; padding: 20px; background: #eee; }
.form h3 { display: block; text-align: center; font-size: 26px; font-weight: 600; margin: 0; padding: 10px 0 20px 0; color: #214570; }
.form label { display: block; font-size: 15px; font-weight: 600; margin: 0; padding: 5px 0; color: #222; }

.form .btn { display: inline-block; vertical-align: middle; padding: 10px 30px; text-align: center; margin: 20px 0 0 0; background: #214570; color: #fff; font-size: 18px; border-radius: 2px; }
.form .btn:hover { background: #17365d; }
.form .btn i { display: inline; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
.form .btn span { display: inline; display: inline-block; vertical-align: middle; }

.form .error_string { display: block; position: absolute; right: 10px; bottom: 0; height: 42px; line-height: 42px; color: #ff0000; font-size: 12px; }
.form .form-group { position: relative; }
.form .form-group .form-control { height: 42px; }
.form .form-group textarea { min-height: 150px; width: 100%; min-width: 100%; max-width: 100%; }

.form .captcha-inline { display: inline; display: inline-block; vertical-align: middle; position: relative; }
.form .captcha-inline img { display: inline; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; border-radius: 2px; }
.form .captcha-inline .captcha { display: inline; display: inline-block; vertical-align: middle; width: 200px; height: 42px; }

.form-message { display: block; margin: 0; padding: 0 0 40px 0; font-size: 26px; font-weight: bold; text-align: center; color: #277f0a; }

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

}

/*============================================================================================*/
/* CONTACTS */
/*============================================================================================*/
.contacts { margin: 0; }
.contacts .contact-box { position: relative; display: block; padding: 10px; background: #f5f5f5; border: 1px solid #ccc; border-radius: 6px; }
.contacts .contact-box i { margin: 16px 0 0 0; font-size: 36px; color: #1A4C93; }
.contacts .contact-box .contact-box-icon { display: block; float: left; width: 80px; text-align: center; }
.contacts .contact-box .contact-box-info { display: block; float: right; width: calc(100% - 90px); }
.contacts .contact-box .contact-box-info h4 { display: block; font-size: 20px; font-weight: 600; color: #1A4C93; }
.contacts .contact-box .contact-box-info p { display: block; font-size: 16px; font-weight: 600; color: #111; }

@media only screen and (max-width: 768px) {
	.contacts { margin: 20px 0 0 0; }
	.contacts .contact-box  { margin: 0 0 10px 0; }
}

/*============================================================================================*/
/* MAP */
/*============================================================================================*/
.map { margin: 20px 0 0 0; }

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

}

/*============================================================================================*/
/* MAP */
/*============================================================================================*/
.aboutus { position: relative; margin: 0; background: #DEDEDE; background-image: linear-gradient(to right, #ccc, #f5f5f5, #ccc) }
.aboutus .aboutus-content { padding: 40px; }
.aboutus .aboutus-content p { display: block; margin: 0 0 10px 0; padding: 0; line-height: normal; font-size: 14px; text-align: justify; }
.aboutus .aboutus-content p strong { font-weight: 500; }

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

}

/*============================================================================================*/
/* PARTNERS */
/*============================================================================================*/
.partners { margin: 0 0 30px 0; }
.partners a { display: block; margin: 0; padding: 5px; border: 1px solid #487abf; box-shadow: 0px 0 3px rgba(0, 0, 0, .8); background: #164382; }
.partners a:hover { box-shadow: 0px 0 10px rgba(0, 0, 0, .8); }
.partners a strong { display: block; margin: 0; padding: 10px 0; text-align: center; background: #164382; color: #fff; font-size: 15px; font-weight: 400; }
.partners a strong i { margin: 0 5px 0 0; }
.partners a img { width: 100%; max-width: 100%; margin: 0 auto; }

.partners .aboutus { background: #ddd; border: 1px solid #ccc; padding: 10px 15px; }
.partners .aboutus h2 { display: block; margin: 0 0 10px 0; padding: 10px 0; color: #17365d; font-size: 24px; font-weight: 700; text-align: left; border-bottom: 1px solid #fff; }
.partners .aboutus p { display: block; margin: 0; padding: 0; font-size: 14px; line-height: 22px; }

@media only screen and (max-width: 768px) {
	.partners a { margin: 0 0 10px 0; }
}
@media only screen and (max-width: 1023px) {
	.partners a { margin: 0 0 10px 0; }
}

/*============================================================================================*/
/* FOOTER */
/*============================================================================================*/
#footer { position: relative; margin: 0; padding: 40px 0; background: #1A4C93; }
#footer p { display: block; margin: 0; padding: 0; text-align: center; font-size: 14px; color: #fff; }

@media only screen and (max-width: 768px) {
	#footer { margin: 40px 0 0 0; padding: 20px 0; }
	#footer p { text-align: center; }
}

/*============================================================================================*/
/* SCROLL TO TOP */
/*============================================================================================*/
.scrollToTop { position: fixed; right: 40px; bottom: 50px; margin: 0px; padding: 0px; display: none; width: 48px; height: 48px; line-height: 48px; z-index: 999; border: 0; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; text-align: center; background: #164382; color: #FFFF99; border-radius: 3px; }
.scrollToTop:before { font-family: "Ionicons"; content: "\f3d8"; color: #FFFF99; font-size: 34px; font-weight: normal; }
.scrollToTop:focus, .scrollToTop:hover { background: #103a70; text-decoration: none; outline: 0; }
.scrollToTop:hover:before { color: #fff; }

@media only screen and (max-width: 768px) {
	.scrollToTop { bottom: 10px; right: 10px; }
}