@charset "utf-8";

/*------------| body frame start |-----------*/
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: transparent;-moz-text-size-adjust: none;-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
html, body {width: 100%;padding: 0px;margin: 0;}
body {padding:0;margin: 0px; /*overflow-x: hidden;*/min-width: 320px;font-family:'Conv_BrandonGrotesque-Regular',Sans-Serif;font-size:22px;line-height: 28px;color: #021936;background: #fff;}

#page-wrap{overflow-x: hidden;}

/*=============== tags start ===================**/
section {
	position: relative;
	clear: both;
	width: 100%;
}
*:focus {
	outline: 0;
}
*:focus, a:hover, a:active, a:focus {
	outline: 0;
}
button::-moz-focus-inner {
 border: 0;
 outline: 0;
}
figure {
	padding: 0px;
	margin: 0px;
}
a {
	opacity: 1;
	color: #021936;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	cursor: pointer;
}
a:hover { color:#E18800;
	text-decoration: underline;
}
img {
	border: 0px;
	outline: none;
	display: block;
	max-width: 100%;
	height: auto;
}

blockquote {
	position: relative;
	margin: 20px 0 20px;
	padding: 110px 0 0;
	font-size: 35px;
	color: #E18800;
	text-transform: uppercase;
	font-family: 'Conv_BrandonGrotesque-Bold',Sans-Serif;
	letter-spacing: 4px;
	line-height: 45px;
}
blockquote:before {
	content:"";
	position: absolute;
	left: 0px;
	top:0px;
	width: 104px;
	height:74px;
	background:url(../images/blockquote.svg) no-repeat;
}

img[data-lazy-src] {
   opacity: 0;
}

img.lazyloaded {
-webkit-transition: opacity .5s linear 0.2s;
-moz-transition: opacity .5s linear 0.2s;
transition: opacity .5s linear 0.2s;
opacity: 1;

}


input {
	margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	display: block;
	font-display: auto;
	font-weight: normal;font-family:'Conv_BrandonGrotesque-Bold',Sans-Serif;letter-spacing: 2px;
}
h1 {font-size:68px;line-height:78px;color:#E18800; position: relative; text-transform: uppercase;}
h2{ font-size: 44px;line-height:54px;color:#E18800; position: relative; text-transform: uppercase;}
h3 {font-size:28px;line-height: 36px;}
h4 {font-size: 26px;line-height:30px;font-family:'Conv_BrandonGrotesque-Medium',Sans-Serif;}
h5 {font-size: 24px;line-height: 28px;}
h6 {font-size: 22px;line-height: 26px;}
ul {
	padding: 0px 0px 20px 20px;
	margin: 0px;
}
ol {
	padding: 0px 0px 20px 20px;
	margin: 0px;
}


ul li, ol li {
	padding-bottom: 16px;
}
ul li {
	position: relative;

}
p {
	display: block;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}
hr {
	padding: 0px;
	    border: 0px;
	    height: 1px;
	    margin: 10px 0 30px;
	    background-color: #021936;
	    max-width: 100%;
	    width: 100%;

	}

strong, b {
	font-weight: 700;
}

.alignleft {
	float: left;
	margin: 20px 25px 20px 0px;
}
.alignright {
	float: right;
	margin: 20px 0px 20px 25px;
}
.aligncenter {
	float: none;
	margin: 20px auto 20px auto;
}

.box {
	position: relative;
}
.box:before {
	content: "";
	display: block;
	padding-top:64%; 	/* initial ratio of 1:1*/
}
.imageHolder {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.OF-cover {
	object-fit: cover;
	font-family: 'object-fit: cover';
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center';
	width: 100%;
	height: 100%;
}

.container_1600{
	max-width: 1440px;
	margin: 0px auto;
	padding: 0 20px;
}
.container_1200{
	max-width: 1240px;
	margin: 0px auto;
	padding: 0 20px;
}
.container_1400{
	max-width: 1400px;
	margin: 0px auto;
	padding: 0 20px;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}

.container_1600::after,.container_1200::after{
	visibility: hidden;
	display: block;
	font-size: 0px;
	content: " ";
	clear: both;
	height: 0%;
}

.btnbox{ text-align: center;}
.btn{display: inline-block;padding:9px 40px;font-family:'Conv_BrandonGrotesque-Bold',Sans-Serif;color:#021936;background:#FF9729;
	text-align: center;cursor: pointer;text-transform: uppercase;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; letter-spacing: 1px;border:0;	-webkit-appearance: none;-moz-appearance:none;appearance:none;font-size:22px;}
.btn:hover{color:#fff;background:#062951;text-decoration: none;}

/* button Animation */
.btn { overflow: hidden; position: relative; line-height: normal;}
/* button Animation */

.purple{ background:#3F2F4B; color:#fff;}

.white{color:#021936;background:#fff;}
.white:hover{color:#021936;background:#FF9729;}

.flexWrap{text-align: left;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;	flex-flow: row wrap;
	padding: 0;list-style: none;}
.col-12{width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666667%;}
.col-7 {width: 58.33333333%;}
.col-6{width: 50%;}
.col-5 {width: 41.66666667%;}
.col-4{width: 33.33%}
.col-3{width: 25%;}
.col-2 {width: 16.66666667%;}
.col-1 {width: 8.33333333%;}

/* common css */
.SpaceTB{ padding: 80px 0;}
.TSpace{ margin:80px 0 0 0;}
.BSpace{ padding: 0 0 80px;}
.TBSpace{ padding: 80px 0;}


/* Animation css */
.fadeInUp.animateMe { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
.fadeInUp {-webkit-transform: translate3d(0, 30px, 0); -moz-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); opacity: 0; transition: opacity .8s ease-in-out, transform .8s ease-in-out; -webkit-transition: opacity .8s ease-in-out, transform .8s ease-in-out; -moz-transition: opacity .8s ease-in-out, transform .8s ease-in-out; -o-transition: opacity .8s ease-in-out, transform .8s ease-in-out;}
.fadeIn.animateMe { animation: fadein 2s; -moz-animation: fadein 2s; -webkit-animation: fadein 2s; -o-animation: fadein 2s;}

@keyframes fadein {
 from { opacity: 0; }
 to   { opacity: 1; }
}


/* Firefox < 16 */
@-moz-keyframes fadein {
 from { opacity: 0; }
 to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
 from { opacity: 0; }
 to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
 from { opacity: 0; }
 to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
 from { opacity: 0; }
 to   { opacity: 1; }
}