/* DEFAULTS */
*, ::before, ::after {box-sizing: border-box}
html {font-family: "Questrial", sans-serif;font-weight: 100;color: #080808;font-size: 1rem;margin: 0;padding: 0;}
body {margin: 0;padding: 0;background:#FFF}
a:link {color:#0D5D6C;text-decoration:none}
a:visited {color:#0D5D6C;text-decoration:none}
a:hover, a:active {color:#0D5D6C;text-decoration:none}
h1 {font-size:2.5rem;margin:0;padding:40px 0;text-transform:uppercase;font-weight:900;letter-spacing:5px;text-align: center}
h2 {font-size:2rem;margin:0;padding:40px 0;text-transform:uppercase;font-weight:900;text-align: center}
h3 {font-size:1.2rem;margin:0;-webkit-margin-before: 1em;-webkit-margin-after: 1em;text-transform:uppercase}
h4 {font-size:1rem;margin:0 0 30px;color:#FFF;text-transform:uppercase}
h5 {font-size:1rem;margin:0;color:#FFF;text-transform:uppercase;font-weight: 100;}
h6 {font-size:1rem;margin:30px 0 0;color:#0D5D6C}
label{font-size:1rem;margin:0;padding:0;font-weight:600}
label[required=required]:after{content:"*";color:#0D5D6C;margin: 5px;}
p {font-size: 1rem;line-height:1.5rem}
ul {margin: 0;padding: 0}
ul li {display: inline-block;padding:20px;text-decoration:none}
input, select, textarea {padding:15px;margin: 10px 0 20px;font-family: "Raleway", sans-serif;font-weight: 400;color: #080808;font-size: 1rem}
textarea:focus, input:focus{outline: none}
option {padding:15px}
/*table {width:100%;border-collapse: collapse;}
th, td {padding: 10px;vertical-align: top;}
table, td {border: 1px solid #EEE;border-spacing: 0;background:#FFF;}
th {border-spacing: 0;background: #929297;color:#FFF;}*/
button {font-size:1rem;cursor: pointer;color:#FFF;background: #0D5D6C;border: 1px solid #0D5D6C;outline:none;margin: 0 auto;display: flex;text-transform:uppercase;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease}
button:hover {color:#0D5D6C;background: none;border: 1px solid #0D5D6C}
button:active {color:#FFF;background: #0D5D6C;border: 1px solid #0D5D6C}
a button {color:#FFF!important;padding:15px 25px}
a.btn button:hover {text-decoration:none;color:#0D5D6C!important}
a.btn {text-decoration:none}

/* COMMON */
.orange-background {background:#0D5D6C}
.white-background {background:#FFF}
.grey-background {background:#E9E9EA}
.full-width {width: 100%}
.max-width {max-width: 100%;margin: 0 auto;padding: 50px}
.text-center {text-align: center}
.float-left {float:left}
.float-right {float:right}
.clearfix::after {content: " ";display: block;height: 0;clear: both;}
.white-text {color:#FFF}

/* STYLES */
header {position:fixed;width:100%;background:#FFF;z-index:10;-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.25);box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.25)}
header.sticky .header {height:100px}
header.sticky .navbar ul li {-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease}
#alert {display:flex;justify-content:center;align-items:center;height:48px;margin: 0 149px}
.social-media-icons li {padding:0;font:normal normal normal 1.5rem/1 FontAwesome !important}
.header {display:flex;align-items:center;height:183px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease}
.logo {height:80px}
#mobile-menu-btn {padding:5px;cursor:pointer;display:none}
#mobile-menu-btn svg {color:#0D5D6C;font-size:2rem}
header div:first-of-type .cart-btn {display:block;width:48px;height:48px}
header div:first-of-type .cart-btn i {color: #FFF}
.navbar {margin-left: auto;text-transform: uppercase}
.navbar ul li a {color:#000}
.navbar ul li a:hover {color:#0D5D6C!important;text-decoration:none}
.navbar ul li a.current {color:#0D5D6C;}
.navbar ul li ul {display: none; position: absolute;background:#FFF;padding:0 20px 20px;margin-left:-20px;-webkit-transition: height 300ms ease;-moz-transition: height 300ms ease;-o-transition: height 300ms ease;transition: height 300ms ease}
.navbar ul li:hover ul {display: block;}
.navbar ul li ul li {display:block;padding-left:0;padding-bottom:0}
#mobile-navbar {display:none;border-top:1px solid #FFF;border-bottom:1px solid #FFF;background:#FFF}
section {padding-bottom: 40px}
section.font-zero {font-size: 0;padding-left:25px;padding-right:25px}
/*.padding-correction {margin-left:-20px;margin-right:-20px}*/
#top-div {padding-top:198px} /*full height of header*/
.home-image-slider {height:598px;overflow:hidden;background:#080808;position: relative;padding:0!important}
.home-image-slider span {position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: flex;justify-content: center;align-items: center;margin-top:198px}
.home-image-slider img {width:100%;opacity:0.5;/*top: 50%;left: 50%;transform: translate(0, -25%)*/}
.contact-left {width: 48%;float: left}
.contact-right {width: 48%;float: right}
div[class^="span-"] {display: inline-block;/*padding: 20px*/;vertical-align: text-top}
div[class^="span-"] img.section-image {width:100%;height:400px;object-fit:cover}
.box {width: 50%;margin: auto;background: none;border: 1px solid #0D5D6C;padding: 0 20px 20px}
.span-responsive-1 {width: 100%;padding: 20px}
.span-responsive-1 ul li {display:list-item;padding:5px;margin-left:20px;text-decoration:none;font-size:1rem;list-style:disc !important}
.span-responsive-2 {width: 50%}
.span-responsive-3 {width: 33.33%;padding: 20px;text-align: center}
.span-responsive-4 {width: 25%}
.container {background: #FFF;padding: 20px}
.contact-form input, .contact-form select, .contact-form textarea {width:100%;border: 1px solid #999}
.contact-form input:hover, .contact-form select:hover, .contact-form textarea:hover {border: 1px solid #0D5D6C}
#top-btn {bottom:20px;right:20px;position:fixed;padding:10px 15px}
footer {clear:both;line-height:1.6;text-align: center}
footer div:first-of-type div {padding:50px 0}
.links li {font-size:1rem;display: block;padding:0}

@media screen and (max-width: 1220px) {
	h2 {padding:40px 20px}
	.header {padding:20px}
	section.padding {padding:20px}
	section.padding h2 {padding:40px 0}
	/*.padding-correction {margin-left:0;margin-right:0}*/
	.home-image-slider {max-height:398px}
	.contact-form {padding-left:20px;padding-right:20px}
	.span-responsive-1 {padding:0 20px!important}
	.span-responsive-3 {width:50%}
	.span-responsive-4 {width:50%}
	footer div:first-of-type div {padding:20px}
	footer div:nth-child(2) div p {padding-left:20px;padding-right:20px}
	p img {width: 100%!important;height:auto!important}
}

@media screen and (max-width: 768px) {
	h1 {font-size:2rem}
	.navbar ul li {display: block}
	header .social-media-icons {display:none}
	.header {height:80px}
	header.sticky .header {height:80px}
	#alert {margin: 0}
	#logo {width:100%}
	.logo {height:40px}
	#mobile-menu-btn {display:block}
	#navbar > ul {display:none}
	.navbar display: none
	#top-div {padding-top:128px} /*full height of header*/
	.home-image-slider {max-height:280px}
	.home-image-slider span {margin-top:80px}
	.contact-left, .contact-right {width: 100%;float: none}
	.box {width: auto;margin-left:20px;margin-right:20px}
	div[class^="span-"] img.section-image {height:428px}
	.span-responsive-2 {width:100%}
	.span-responsive-3 {width:100%}
	.span-responsive-4 {width:100%}
	footer div:nth-child(2) div p {width:100%;display:block}
}