/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */

/* #Site Styles
================================================== */
:root {
	scroll-behavior: unset;
}

/* ### general ### */
html,
body { font-family: 'Open Sans', sans-serif; font-size: 17px; line-height: 1.8; color: #000; }
body { background: #fff; }
input,
select,
textarea { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #000; }
img { display: block; max-width: 100%; border: 0; }
:focus { outline: none; }
ul,
li { margin: 0; padding: 0; list-style: none; }
a { display: inline-block; text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Open Sans', sans-serif; font-weight: 500; line-height: 1.1; color: #000; }
h1 { font-size: 30px; }
h2 { font-size: 30px; }
h3 { font-size: 20px; }
h4 { font-size: 20px; }
h5 { font-size: 10px; }
h6 { font-size: 10px; }

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.container-lg { max-width: 1774px; }
.container { max-width: 1597px; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { position: relative; top: 0; z-index: 9; width: 100%; background-color: #fff; transition: 0.3s; }
#headerCntr .logo { float: right; z-index: 5; margin: 30px 0; }
#headerCntr .logo img { height: 300px; transition: 0.3s; }

/* ### content container ### */
#contentCntr { width: 100%; }

/* ### banner box ### */
.bannerBox { padding-top: 50px; padding-bottom: 30px; background-color: #fff; }
.bannerBox .content { padding-bottom: 15px; z-index: 1; }
.bannerBox h1 { margin-bottom: 48px; color: #d22c27; }
.bannerBox .content p, .bannerBox .content ul { font-size: 17px; font-weight: 500; line-height: 1.2; color: #000; }
.bannerBox .content ul { margin-bottom: 20px; }

.bannerBox2 { background: #fff; }
.bannerBox2 h1 { color: #d22c27; }

.bannerBox .question1 { margin-top: 50px; padding: 30px; border-radius: 30px; background: #e6f0fc; }
.bannerBox h2 { font-size: 20px; font-weight: bold; }

.sub { margin-top: 30px; padding: 30px; border-radius: 30px; background: #cbe0f5; }

.header-image { margin-top: -400px; width: 100%; min-height: 600px; background-image: url('../images/header.jpg'); background-size: cover; }

.submit { padding-top: 10px; }
input[type="submit"] { padding: 15px 60px; font-size: 15px; border-radius: 20px; border: 0px; }

/* ### about box ### */
.aboutBox { width: 100%; height: 845px; }
.aboutBox.inner { height: 625px; }

/* ### image Box ### */
.imageBox { padding-top: 103px; padding-bottom: 110px; }
.imageBox .holder { margin: 0 auto; max-width: 1412px; }
.imageBox h3 { margin-bottom: 78px; }
.imageBox .slider { padding-right: 60px; padding-left: 60px; }
.imageBox .item { padding-right: 25px; padding-left: 25px; }
.imageBox .slick-list { margin-right: -25px; margin-left: -25px; display: grid; }
.imageBox .slick-arrow { position: absolute; top: 50%; opacity: 1; visibility: visible; font-size: 26px; color: #653c00; transform: translateY(-50%); font-size: 40px; }
.imageBox .prev-arrow { left: -60px; }
.imageBox .next-arrow { right: -60px; }
.imageBox .slick-arrow.slick-disabled { opacity: 0; visibility: hidden; }
.imageBox.inner { background-color: #f4e5ed; }

.imageBox2 { background: #268990; }
.imageBox2 .slick-arrow { color: #fff; }

/* ### image card ### */
.image-card { padding: 0; height: 100%; }

/* ### footer container ### */
#footerCntr { padding-top: 25px; padding-bottom: 15px; width: 100%; background-color: #653c00; overflow: hidden; color: #fff; }
#footerCntr a { color: #fff; }

input[type="text"], textarea { padding: 10px; font-size: 15px; width: 100%; max-width: 100%; border-radius: 10px; border: 0; }
input[type="number"] { padding: 10px; font-size: 15px; border-radius: 10px; border: 0; }
textarea { width: 100%; }
.answers input[type="radio"] { margin-top: 20px; width: 30px; height: 30px; }
.answers { font-size: 20px; }
input[type="submit"] { width: 50%; max-width: 50%; color: #fff; background: #0067b4; }

.question1 img { max-width: 100%; }

.blue { color: #0067b4; }
.orange { color: #bc0013; }
.green { color: #307027; }

/* #Media Queries
================================================== */
@media only screen and (max-width: 767px) {	
	#headerCntr .logo img { height: 200px; transition: 0.3s; }
	.imageBox { padding-top: 60px; }
	.imageBox .slider { padding-right: 0; padding-left: 0; }
	.imageBox .slick-arrow { top: auto; bottom: -60px; transform: translateY(0); }
	.imageBox .prev-arrow { transform: rotate(-180deg); }
	.imageBox h3 { margin-bottom: 30px; }
	.image-card .paragraph { min-height: auto; }	
	.header-image { margin-top: -250px; min-height: 300px; }	
}