/*
::Table Of Content

1.) @FontFace Style
2.) Global TypoGraphy
	2.1) Body Copy
	2.2) Global Heading Elements
	2.3) Inline Text Elements
	2.4) Alignment Classes
	2.5) Address css
	2.6) Global List
	2.7) Global List
3.) Forms Element
4.) Button & Link Element
5.) Helping Classes
	5.1) Clear Style
	5.2) Global Sprite Icon Style
	5.3) Global Show Mobile Style
	5.4) Float Style
	5.5) Width Style
6.) Header Section
7.) Footer Section
8.) Content Section
9.) Responsive CSS
	9.1) Media query only for desktop
	9.2) Media query for Ipad and below
	9.3) Media query only for Ipad Portrate and below
	9.4) Media query only for Ipad
	9.5) Media query only for Ipad Landscape
	9.6) Media query only for Ipad Portrate
	9.7) Media query for Iphone
	9.8) Media query for Iphone Landscape
	9.9) Media query for Iphone Portrate
*/

/*1.) @FontFace Style*/

/*1.) @FontFace Style End*/

/*2.) Global TypoGraphy*/

/*2.1) Body Copy*/

html.hideScroll {
	position: relative;
	overflow-y: scroll;
	height: 100%;
}

.hideScroll body {
	position: relative;
	overflow: hidden;
	height: 100%;
}

body {
	font-family: "sofia-pro",sans-serif;
	font-size: 18px;
	line-height: 1.556;
	font-weight: 400;
	color: #5d595e;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	/* background: url(../images/bg.jpg) center top no-repeat; */
}

p {
	/* text-align: justify; */
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	letter-spacing: -.52px;
	margin-bottom: 28px;
}

p:last-child {
	margin-bottom: 0px;
}

p span {
	font-weight: 600;
}

/*2.1) Body Copy End*/

h1, h2 {
	font-size: 85px;
	letter-spacing: -.5px;
	line-height: 0.942;
}

h3 {
	font-size: 45px;
	line-height: 1;
	letter-spacing: -1.3px;
}

h4 {
	font-size: 35px;
	line-height: 1.1;
	letter-spacing: -1px;
	margin-bottom: 26px;
}

h5 {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.7px;
	margin-bottom: 10px;
}




/*2.2) Global Heading End*/

/*2.3) Inline Text Elements*/

img {
	max-width: 100%;
	height: auto;
	display: block;
}

strong {
	font-weight: 700;
}

em {
	font-style: italic;
}

sup {
	vertical-align: top;
	font-size: 35px;
}

/*2.3) Inline Text Elements End*/

/*2.4) Alignment Classes*/

.align-center {
	text-align: center;
}

.align-center p {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

/*2.4) Alignment Classes End*/

/*2.5) Address css*/

address {}

/*2.5) Address css End*/

/*2.6) Global List*/

.default {
	font-size: 3em;
	line-height: 2;
	margin-bottom: 60px;
}

.default li {
	position: relative;
	padding-left: 12px;
}

.default li:before {
	width: 5px;
	height: 5px;
	position: absolute;
	left: 0;
	top: 16px;
	background: #000;
	content: "";
	border-radius: 50%;
}

/*2.6) Global List*/

/*2.7) Global List*/

.flex {
	display: flex;
}

.v-center-flex {
	display: flex;
	align-items: center;
}

.v-bottom-flex {
	display: flex;
	align-items: flex-end;
}

.v-top-flex {
	display: flex;
	align-items: flex-start;
}

.h-end-flex {
	display: flex;
	justify-content: flex-end;
}

.hv-center-flex {
	display: flex;
	align-items: center;
	justify-content: center;
}

.space-between-flex {
	display: flex;
	justify-content: space-between;
}


/*2.7) Global List*/

/*2.) Global TypoGraphy End*/

/*3.) Forms Element*/


/*3.) Forms Element End*/

/*4.) Button & Link Element*/

a {
	cursor: pointer;
	transition: all .5s ease;
	color: inherit;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

/*4.) Button & Link Element End*/

/*5.) Helping Classes*/

.dshow {
	display: none;
}

.full-width, .full-width img {
	width: 100%;
}

.two-col > div {
	width: 50%;
}

/*5.1) Clear Style*/

.cursor {
	cursor: pointer;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
	/* For IE 6/7 (trigger hasLayout) */
}

.clear {
	clear: both;
}

/*5.1) Clear Style End*/

/*5.2) Global Sprite Icon Style*/

[class^="icon-"], .after-icon:after, .before-icon:before {
	background: url(../images/sprite.png) no-repeat;
	background-size: 250px auto;
}

.after-icon:after, .before-icon:before {
	content: '';
	position: absolute;
	left: 0px;
}

.after-icon:after {
	left: auto;
	right: 0px;
}



/*5.2) Global Sprite Icon Style End*/

/*5.3) Global Show Mobile Style*/

/*5.3) Global Show Mobile Style End*/

/*5.4) Float Style*/

.float-r {
	float: right !important;
}

.float-l {
	float: left !important;
}

/*5.4) Float Style End*/

/*5.5) Width Style*/

.container {
	max-width: 1132px;
	margin: 0 auto;
}

/*5.5) Width Style End*/

/*5.) Helping Classes End*/

/*6.) Header Section Start*/

/*6.) Header Section End*/

/*8) Content Section Start*/

.mDash {
	display: none;
}



/*8) Content Section End*/

/* 9.) Responsive CSS Start */

/*
-------------------------------------------
9.1) Media query only for desktop
-------------------------------------------
*/

@media (min-width:1026px) {}

/*
-------------------------------------------
9.2) Media query for Ipad and below
-------------------------------------------
*/

@media(max-width:1200px) {
	.container {
		padding-left: 30px;
		padding-right: 30px;
	}

	body {
		font-size: 16.4px;
		line-height: 1.572;
	}

	h1,h2 {
		font-size: 70px;
	}

	h3 {
		font-size: 38px;
	}

	h4 {
		font-size: 30px;
	}
}

/*
-------------------------------------------
9.3) Media query only for Ipad Portrate and below
-------------------------------------------
*/

@media (max-width:990px) {
	h1, h2 {
		font-size: 41px;
	}

	h3, h4 {
		font-size: 25.78px;
	}

	h3 {
		letter-spacing: -0.8px;
		line-height: 1.2;
	}

	h4 {
		line-height: 1.25;
		margin-bottom: 15px;
	}

	h5 {
		font-size: 21px;
	}
	
}

/*
-------------------------------------------
9.4) Media query only for Ipad
-------------------------------------------
*/

@media (min-width:768px) and (max-width:1200px) {
	.tabletFullImage {
		position: relative;
		overflow: hidden;
		height: 100vh;
	}

	.tabletFullImage img {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		max-width: none;
		height: 100%;
		width: auto;
		bottom: auto;
	}
}

/*
-------------------------------------------
9.5) Media query only for Ipad Landscape
-------------------------------------------
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

/*
-------------------------------------------
9.6) Media query only for Ipad Portrait
-------------------------------------------
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {}

/*
-------------------------------------------
9.7) Media query for Iphone
-------------------------------------------
*/

@media (max-width:767px) {
	body {
		font-size: 16.4px;
		line-height: 1.572;
	}

	.float-r, 
	.float-l {
		float: none;
	}

	.v-center-flex, 
	.v-bottom-flex, 
	.v-top-flex, 
	.hv-center-flex,
	.h-end-flex {
		flex-direction: column;
	}

	.mDash {
		display: inline;
	}

	.container {
		padding-left: 40px;
		padding-right: 40px;
	}
	
}

/*
-------------------------------------------
9.8) Media query for Iphone Landscape
-------------------------------------------
*/

@media (max-width: 900px) and (orientation: landscape) {}

/*
-------------------------------------------
9.9) Media query for Iphone Portrate
-------------------------------------------
*/

@media (min-width: 0px) and (max-width: 767px) and (orientation: portrait) {}

/* 9.) Responsive CSS End */