@import url('uikit.min.css');
@import url('https://fonts.googleapis.com/css?family=Raleway:200,400,700&display=swap');

::-moz-selection { color: #ffffff; background: #3f3e9c;}
::selection { color: #ffffff; background: #3f3e9c;}

body {font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: lighter; color: #333;}
a {color: #001C37;}
a:hover {text-decoration: none; color: #2d2c82;}
p {margin: 0px 0px 15px;}
em {color: #3a2218;}
.highlight {font-weight: bold; margin: 0px 5px; color: #005377;}

.slider .uk-overlay {padding: 0px; -webkit-box-sizing: content-box;}
.slider .wrapper {background: rgba(255,255,255,0.3); width: 250px; height: 200px; padding: 20px; text-align: center; position: relative;}
.slider .wrapper .title {font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: bold; background: #2d2c82; width: 100%; position: absolute; left: 0px; bottom: 0px; padding: 10px 0px; border-top: 20px solid #a70022; border-bottom: 20px solid #fff;}
.slider .wrapper .title span {font-weight: 200; display: block; font-size: 12px}
.slider .callus {margin-bottom: 100px; text-align: center;}
.slider .callus a {color: #fff; background: #a70022; padding: 10px 30px; font-weight: bold; font-size: 18px;}
.slider .callus a:hover {background: #3f3e9c;}

.navigation {background: #fff; padding: 15px 0px; text-align: center; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); z-index: 10; position: relative;}
.navigation .logo {width: 210px; float: left;}
.navigation ul {float: right; margin: 0px;}
.navigation ul li {list-style: none; display: inline; line-height: 70px;}
.navigation ul li a {color: #2d2c82; padding: 15px 40px; margin-left: 2px; font-size: 28px;}
.navigation ul li a:hover {background: #a70022; color: #fff; padding: 13px 40px; border-radius: 50px;}
.navigation .hamburger {float: right;}
.navigation .hamburger button svg {width: 40px; color: #2d2c82;}
.navigation .hamburger .phone {color: #a70022; font-weight: bold; font-size: 14px; line-height: 18px;}
.offcanvas {width: 100%;}
.offcanvas .uk-offcanvas-close {color: #a70022;}
.offcanvas .menu {background: rgba(255,255,255,0.9); width: 100%; height: 100%; text-align: center;}
.offcanvas .menu img {padding: 50px 50px 0px;}
.offcanvas .menu ul {margin: 0px; padding: 50px;}
.offcanvas .menu ul li {list-style: none;}
.offcanvas .menu ul li a {color: #2d2c82; display: block; border-bottom: 1px solid #a70022; font-size: 42px; padding: 10px 0px;}

.spotlight {background: #2d2c82; padding: 100px 0px 70px; text-align: center; color: #fff; font-size: 18px; font-weight: 200; z-index: 5; position: relative;}
.spotlight h3 {font-family: 'Raleway', sans-serif; font-size: 32px; color: #fff;}

.gallery {padding: 30px 10px;}
.gallery h2 {font-weight: 200; text-align: center; color: #2d2c82; border-bottom: 1px solid #C4B799; padding-bottom: 10px;}
.gallery .icons {text-align: center; margin: 20px 0px;}

.contact {background: #a70022; text-align: center; padding: 50px 0px 0px 0px; border-bottom: 15px solid #fff; font-size: 18px;}
.contact h1 {font-family: "Raleway", serif; font-size: 42px; font-weight: bold; text-align: center; color: #fff; border-bottom: 1px solid #2d2c82; padding: 40px 0px 80px;}
.contact h1 span {font-weight: 200; display: block; font-size: 38px; padding: 20px 0px;}
.contact .googlemap {margin-top: 50px; border-top: 15px solid #fff;}
.contact h3 {background: #fff; margin: 0px; padding-top: 10px}
.contact p {background: #fff; margin: 0px; padding: 10px 0px 20px;}

.footer {padding: 50px 0px 70px; background: #2d2c82; text-align: center; color: #fff;}
.footer a {color: #fff; font-weight: bold;}
.footer a:hover {color: #a70022;}
.footer .copyright {border-bottom: 1px solid #a70022; padding-bottom: 20px; margin-bottom: 20px;}
.footer .social {margin: 20px 0px 40px; padding: 0px;}
.footer .social li {list-style: none; display: inline; padding: 0px 5px;}
.footer .social li a {color: #fff;}
.footer .social li a:hover {color: #a70022;}

/** UI KIT **/
.uk-lightbox {background: rgba(0,0,0,0.7);}
.uk-lightbox img {border: 10px solid #fff; margin: 50px 0px;}
.uk-lightbox-toolbar {background: none;}

/** ERROR PAGE **/
.errorPage {text-align: center; margin-top: 100px;}
.errorPage .error {background: #fff; padding: 100px 0px;}
.errorPage .error img {width: 500px;}
.errorPage .error p {font-size: 18px; margin-bottom: 50px;}
.errorPage .error .button {background: #2d2c82; font-weight: normal; text-transform: uppercase; padding: 5px 20px; border-radius: 50px; color: #fff;}
.errorPage .error .button:hover {background: #C4B799; text-decoration: none;}
.errorPage .error h3 {font-size: 140px; font-weight: bold; font-style: italic; color: #2d2c82; padding: 50px 0px; border-bottom: 1px solid #ccc; line-height: 110px;}

@media (max-width: 768px) {

}

@media (min-width: 768px) {
	.slider .wrapper {width: 400px; height: 200px; padding: 50px 80px 250px; text-align: center;}
	.slider .callus a {padding: 15px 50px; font-size: 21px;}
	.contact h1 {font-size: 62px; line-height: 40px;}
}

@media (min-width: 1024px) {
	.slider .wrapper {width: 700px; height: 400px; padding: 50px 150px 200px; text-align: center;}
	.slider .wrapper .title {font-size: 48px; padding: 80px 0px;}
	.slider .wrapper .title span {font-size: 32px}
	.spotlight {padding: 150px 0px 100px;}
	.spotlight h3 {font-size: 48px;}
	.gallery {padding: 30px 30px;}
}