/*
Theme Name: 97Display Landing Page Generator
Author: Julian Chaniolleau
Description: ...
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* /// RESET //// */
*,a{margin:0;padding:0}a,html{font-size:100%}.clearfix,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,img,menu,nav,section,summary{display:block}*,:focus{outline:0}a,img{border:0}a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background:0 0}em,mark{font-style:italic}ins,mark{background-color:#ff9;color:#000}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{vertical-align:baseline;background:0 0}ins{text-decoration:none}mark{font-weight:700}del{text-decoration:line-through}input,select{vertical-align:middle}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400}input[type=submit]{-webkit-appearance:none}img,object{max-width:100%}p{margin-bottom:20px}.gallery-caption{margin-left:0;margin-bottom:10px;padding:0 10px}.aligncenter,.aligncenter img{margin-left:auto;margin-right:auto;clear:both}.clear{clear:both;height:0}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.none{display:none}.alignleft{float:left}.alignright{float:right;text-align:right}.aligncenter{display:block}.alignleft img{float:left}.alignright img{float:right}.aligncenter img{display:block}img.alignleft{float:left;margin:0 20px 0 0}img.alignright{float:right;margin:0 0 0 20px}img.aligncenter{margin-left:auto;margin-right:auto;display:block;clear:both}iframe{display:block}input,textarea{font-size:inherit;line-height:inherit;font-family:inherit;outline:0}.inv{display:none}a img{border:none}img{margin:0;padding:0;white-space:normal;display:block}.alignleft{text-align:left}.aligncenter{text-align:center}.alignRight{text-align:right}.alignLeft{text-align:left}.alignCenter{text-align:center}.right{text-align:right}.left{text-align:left}.center{text-align:center}.wp-smiley{display:inline}


html *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
} 

body{
	background: #fff;
	color: #000000;
	font-family: 'Mukta Mahee','Open Sans', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	margin:0;
	padding:0;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
::selection{background-color:#000;color:#fff;}
::-moz-selection{background-color:#000;color:#fff;}

.gecko * {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*----------------------------------*/
/*			 TYPOGRAPHY				*/
/*----------------------------------*/
a{
	text-decoration:none;
	  -webkit-transition: all 0.2s ease-in-out;
		 -moz-transition: all 0.2s ease-in-out;
		   -o-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}


h1 , h2 , h3 , h4 , h5 , h6 { color: inherit; font-family: 'Mukta Mahee', 'Open Sans', sans-serif; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{ font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{ display: inline-block; }

h1{ font-size: 72px; line-height: 60px; margin-bottom: 20px; }
h2{ font-size: 60px; line-height: 54px; margin-bottom: 20px; }
h3{ font-size: 48px; line-height: 54px; margin-bottom: 20px; }
h4{ font-size: 36px; line-height: 48px; margin-bottom: 20px; }
h5{ font-size: 24px; line-height: 36px; margin-bottom: 20px; }
h6{ font-size: 18px; line-height: 24px; margin-bottom: 10px; }

strong { font-weight: bold; }
em     { font-style: italic; }
small  { font-size: 80%; line-height: 60%;}
sup{
	position: relative;
	font-size: 60%; line-height: 12px;
	top: -5px;
}


.biglines{ font-size: 24px; line-height: 36px; font-weight: 600; }
.smallerTxt{ font-size: 85%; color: #919191; }
.upper{ text-transform: uppercase; }
.bold{ font-weight: bold; }
.textbox ul li{ list-style-position: inside; list-style-type: disc; padding-left: 20px; }

.gap-10, .gap-20, .gap-30, .gap-40, .gap-50, .gap-60, .gap-70, .gap-80, .gap-90, .gap-100{ display:block; width:100%; }
.gap-10{ height: 10px; } .gap-20{ height: 20px; } .gap-30{ height: 30px; } .gap-40{ height: 40px; } .gap-50{ height: 50px; } .gap-60{ height: 60px; } .gap-70{ height: 70px; } .gap-80{ height: 80px; } .gap-90{ height: 90px; } .gap-100{ height: 100px; }

.max100{ width: 100%; max-width: 100px !important; margin-left: auto; margin-right: auto;}
.max200{ width: 100%; max-width: 200px !important; margin-left: auto; margin-right: auto;}
.max300{ width: 100%; max-width: 300px !important; margin-left: auto; margin-right: auto;}
.max400{ width: 100%; max-width: 400px !important; margin-left: auto; margin-right: auto;}
.max500{ width: 100%; max-width: 500px !important; margin-left: auto; margin-right: auto;}
.max600{ width: 100%; max-width: 600px !important; margin-left: auto; margin-right: auto;}
.max700{ width: 100%; max-width: 700px !important; margin-left: auto; margin-right: auto;}
.max800{ width: 100%; max-width: 800px !important; margin-left: auto; margin-right: auto;}
.max900{ width: 100%; max-width: 900px !important; margin-left: auto; margin-right: auto;}
.max1000{ width: 100%; max-width: 1000px !important; margin-left: auto; margin-right: auto;}
.max1100{ width: 100%; max-width: 1100px !important; margin-left: auto; margin-right: auto;}
.max1200{ width: 100%; max-width: 1200px !important; margin-left: auto; margin-right: auto;}
.max1280{ width: 100%; max-width: 1280px !important; margin-left: auto; margin-right: auto;}
.max1400{ width: 100%; max-width: 1400px !important; margin-left: auto; margin-right: auto;}
.max1440{ width: 100%; max-width: 1440px !important; margin-left: auto; margin-right: auto;}
.max1600{ width: 100%; max-width: 1600px !important; margin-left: auto; margin-right: auto;}




.separator{
	height: 4px;
	width: 100px;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}




.button{
	background-color: #999;
	border:none;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-weight: 800;
	padding: 16px 40px;
	text-transform: uppercase;
	-webkit-box-shadow: 0px 0px 0px 0px #000;
	box-shadow: 0px 0px 0px 0px #000;
}

.button:hover{
	background-color: #fff;
	color: #999;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 0px 2px #999;
	box-shadow: 0px 0px 0px 2px #999;
}

@font-face {
  font-family: 'peyton';
  src:  url('assets/fonts/peyton.eot?vuo47d');
  src:  url('assets/fonts/peyton.eot?vuo47d#iefix') format('embedded-opentype'),
    url('assets/fonts/peyton.ttf?vuo47d') format('truetype'),
    url('assets/fonts/peyton.woff?vuo47d') format('woff'),
    url('assets/fonts/peyton.svg?vuo47d#peyton') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'peyton' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-youtube:before {
  content: "\e900";
}
.icon-yelp:before {
  content: "\e901";
}
.icon-vimeo:before {
  content: "\e902";
}
.icon-twitter:before {
  content: "\e903";
}
.icon-pinterest:before {
  content: "\e904";
}
.icon-phone:before {
  content: "\e905";
}
.icon-mail:before {
  content: "\e906";
}
.icon-linkedin:before {
  content: "\e907";
}
.icon-instagram:before {
  content: "\e908";
}
.icon-googleplus:before {
  content: "\e909";
}
.icon-facebook:before {
  content: "\e90a";
}
.icon-exa:before {
  content: "\e90b";
}
.icon-dribbble:before {
  content: "\e90c";
}
.icon-check:before {
  content: "\e90d";
}
.icon-arrowUp:before {
  content: "\e90e";
}
.icon-arrowRight:before {
  content: "\e90f";
}
.icon-arrowLeft:before {
  content: "\e910";
}
.icon-arrowDown:before {
  content: "\e911";
}


/*
********************************************************************************************
////////////////////////////////////////////////////////////////////////////////////////////
********************************************************************************************

lpg_wrapper

********************************************************************************************
////////////////////////////////////////////////////////////////////////////////////////////
********************************************************************************************
*/

.lpg_wrapper{}

.lpg_fold{
	background-color: #0f1015;
	min-height: 100vh;
	position: relative;
	overflow: hidden;
}
.lpg_fold .content{
	padding: 10% 40px;
	text-align: center;
	position: absolute; top: 50%; left: 0; z-index: 2;
	transform: translateY(-50%);
	width: 100%;
}
.lpg_fold .illustration{
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	position: absolute; top: 0; left: 0; z-index: 1;
	width: 100%; height: 100%;
}
.lpg_fold_limit{ margin: 0 auto; max-width: 900px; }

.lpg_fold h1{ color: #fff; font-weight: 800; text-transform: uppercase; margin-top: 20px; }
.lpg_fold h2{ color: #fff; font-weight: 200; font-size: 30px; line-height: 36px; }

.catFoldButtons{
	padding: 40px 0 0 0;
	text-align: center;
}
.catFoldButtons a{ margin: 0 20px; }

.gotocontent{
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 10;
	width: 60px; height: 40px;
	margin-left: -30px;
	text-align: center;
	font-size: 40px;
	color: #fff;
}

/* about_leadform */
.about_leadform{ position: relative; }
.aboutSide{
	float: left;
	width: 50%;
}
.aboutSide_limit{ max-width: 1000px; margin: 0 auto; padding: 80px; }

.leadSide{ background-color: #0f1015; color:#fff; float: left; width: 50%; position: relative; }
.leadSide .illustration{
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	position: absolute; top: 0; left: 0; z-index: 1;
	width: 100%; height: 100%;
}
.leadSideContent{ position: relative; z-index: 5; padding: 80px; }
.leadSideContent h3{
	display: table;
	clear: both;
	margin: 0 auto 30px auto;
	font-weight: 800;
	text-transform: uppercase;
	border-bottom: 4px solid #999;
}





/* slogan */
.slogan,
.slogan2{
	background-color: #999;
	display: block;
	padding: 5% 40px;
	position: relative;
	text-align: center;
	width: 100%;
}
.slogan h2,
.slogan2 h2{ font-weight:800; max-width: 800px; margin: 0 auto; text-transform: uppercase;}
.slogan .button,
.slogan2 .button{ position: absolute; top: 100%; left: 50%; z-index: 10; transform: translate(-50%, -50%); }




/* Testimonials */
.testimonials{ padding: 100px 60px; position: relative; }
.testimonialSlider{ max-width: 1800px; margin: 0 auto; width: 100%; }
.testimonials_item{ padding: 20px; text-align: center; }
.testi_item_text{ padding: 10px; font-size: 21px; line-height: 30px;}
.testi_item_head:after{
	background-color: #999;
	content: '';
	display: block;
	width: 80px;
	height: 2px;
	margin: 0 auto;
}
.testi_item_head h4{ font-size: 18px; line-height: 24px; font-weight: 800; margin: 0 auto;}
.testi_item_head em{ font-style: normal; display: block; }
.testi_item_head figure{ max-width: 150px; margin: 0 auto 6px auto; }
.testi_item_head img{ border-radius: 50%; }

/* SWIPER */
.swiper-pagination{
    bottom: 40px; left: 0;
    width: 100%;
}
.swiper-pagination-bullet-active { background: #007aff; }
.swiper-pagination-bullet{
	width: 40px !important; height: 4px !important;
	border-radius: 0px !important;
	margin: 0 4px !important;
}

.swiper-button-prev,
.swiper-button-next{
	background-color: #12121c;
	color: #fff;
	font-size: 40px;
	position: absolute;
	top: 50%;
	margin-top: -60px !important;
	width: 60px !important;
	height: 120px !important;
	  -webkit-transition: all 0.2s ease-in-out;
		 -moz-transition: all 0.2s ease-in-out;
		   -o-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}

.swiper-button-prev{ left: 0; }
.swiper-button-next{ right: 0; }
.swiper-button-prev span,
.swiper-button-next span{
	position: absolute;
	top: 0; left: 0;
	width: 60px;
	text-align: center;
	line-height: 120px;
}


/* VIDEO */
.videoSection{}
.videoSide{ float: left; width: 50%; padding: 120px 80px; position: relative; z-index: 2; }
.videoSide:after{
	content: '';
	background-color: #999;
	height: 60%; width: 120%;
	transform-origin: 0 0;
	transform: skewX(-16deg) translateY(-50%);
	position: absolute; top: 50%; right: 30px;
	z-index: -1;
}

.videoArea{ max-width: 1004px; margin: 0 auto; width: 100%; }
.videoContent{
	float: left; width: 50%; padding: 8% 80px 20px 80px;
	max-width: 800px;
}


/* INSTAGRAM */
.instagramFeed{ background-color: #0f1015; font-size: 0; text-align: center; }
.instagramFeed a{ display: inline-block; font-size: 18px; width: calc(100% / 6); margin-bottom: 0; vertical-align: top; }
.instagramFeed:hover a{ opacity: 0.5; }
.instagramFeed:hover a:hover{ opacity: 1; }

/* FOOTER */

.footer{
	background-color: #0f1015;
	color: #fff;
	position: relative;
	text-align: center;
}

.footer .illustration{
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	position: absolute; top: 0; left: 0; z-index: 1;
	width: 100%; height: 100%;
}

.footer .content{
	padding: 80px 20px 20px 20px;
	position: relative;
	z-index: 2;
}

.footer a{ color: #fff; }
.footer a:hover{ color: #999; }

.footer .logo{}

.footer h3{ font-size: 40px; line-height: 46px; margin-bottom: 40px; font-weight: 800; text-transform: uppercase; }
.footer h4{ font-size: 16px; font-weight: 800; text-transform: uppercase; letter-spacing: 10px; margin-bottom: 0; }

.footer ul{font-size: 0; margin-bottom: 40px;}
.footer ul li{ font-size: 64px; display: inline-block; padding: 0 20px; }

.copyright{ opacity: 0.5; text-transform: uppercase; font-size: 11px; letter-spacing: 2px; }




#hiddenForm {
    position: fixed;
    bottom: -100px;
    z-index: 50000;
    width: 100%;
    max-height: 100%;
    max-height: 100vh;
    -webkit-transition: all 0.9s cubic-bezier(.6,.03,.07,1);
    -moz-transition: all 0.9s cubic-bezier(.6,.03,.07,1);
    -o-transition: all 0.9s cubic-bezier(.6,.03,.07,1);
    transition: all 0.9s cubic-bezier(.6,.03,.07,1);
}

#hiddenForm.isThere {
    bottom: 0;
}

#hiddenForm .content {
    max-width: 1280px;
    padding: 100px 40px;
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#hiddenForm h4{ line-height: normal; }
#hiddenForm .slideForm {
    background: #15181e;
    background: rgba(21,24,30,0.97);
    color: #fff;
    position: fixed;
    bottom: -100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    -webkit-transition: all 0.3s cubic-bezier(.6,.03,.07,1);
    -moz-transition: all 0.3s cubic-bezier(.6,.03,.07,1);
    -o-transition: all 0.3s cubic-bezier(.6,.03,.07,1);
    transition: all 0.3s cubic-bezier(.6,.03,.07,1);
}

#hiddenForm .slideForm.active {
    bottom: 0%;
}

#hiddenForm .slideForm .content {
    padding-top: 60px;
}

#hiddenForm .slideForm h3 {
    color: #fff;
}

#hiddenForm .slideForm iframe {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

#hiddenForm .popLeadCall_close {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 20px;
    right: 20px;
    margin: 0 0 0 -25px;
    text-indent: -9999px;
}

#hiddenForm .popLeadCall_close:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-indent: 0px;
    content: "X";
    font-size: 30px;
    color: #FFF;
    line-height: 50px;
    text-align: center;
    font-family: "Lato";
    font-weight: 900;
}



/*------------------------------------------------------------------------------------------------*/
.ebook{
	position: relative;
	overflow: hidden;
	padding: 80px;
	background: #999;
}
.ebook .content{
	background-color: #999;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
	margin:0 auto;
	position: relative;
	z-index: 5;
	-webkit-box-shadow: 0px 0px 60px 10px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 60px 10px rgba(0,0,0,0.5);
}
.ebook .content:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0; left:0;
	z-index: 1;
background: rgba(15,16,19,0);
background: -moz-linear-gradient(left, rgba(15,16,19,0) 0%, rgba(15,16,19,0.9) 60%, rgba(15,16,19,0.9) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15,16,19,0)), color-stop(60%, rgba(15,16,19,0.9)), color-stop(100%, rgba(15,16,19,0.9)));
background: -webkit-linear-gradient(left, rgba(15,16,19,0) 0%, rgba(15,16,19,0.9) 60%, rgba(15,16,19,0.9) 100%);
background: -o-linear-gradient(left, rgba(15,16,19,0) 0%, rgba(15,16,19,0.9) 60%, rgba(15,16,19,0.9) 100%);
background: -ms-linear-gradient(left, rgba(15,16,19,0) 0%, rgba(15,16,19,0.9) 60%, rgba(15,16,19,0.9) 100%);
background: linear-gradient(to right, rgba(15,16,19,0) 0%, rgba(15,16,19,0.9) 60%, rgba(15,16,19,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f1013', endColorstr='#0f1013', GradientType=1 );
}
.ebook .illustrative{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 50%;
    padding: 40px;
    z-index: 2;
    text-align: right;
}
.ebook .illustrative img{ display: inline-block; }
.ebook-text{
	padding:13% 40px 13% 50%;
	position: relative;
	z-index: 2;
}
.ebook:before{
	content: '';
	background:#0f1013;
	width:300px;
	height: 100%;
	z-index: 1;
		position: absolute; top:0; left: 3%;
		-webkit-transform: skew(-45deg);
		transform: skew(-45deg);
}
.ebook:after{
	content: '';
	background:#0f1013;
	width:120px;
	height: 100%;
	z-index: 1;
	opacity: 0.3;
		position: absolute; top:0; left: 73%;
		-webkit-transform: skew(-45deg);
		transform: skew(-45deg);
}
.ebook-text h4{
    max-width: 600px;
}



#reportForm{
    overflow:scroll;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
	background: #000;
	background: rgba(0,0,0,0.9);
	display: block;
	width: 100%; height: 100%;
	  -webkit-transition: opacity 0.3s ease-in-out;
		 -moz-transition: opacity 0.3s ease-in-out;
		   -o-transition: opacity 0.3s ease-in-out;
			  transition: opacity 0.3s ease-in-out;
}
#reportForm.active{
	opacity: 1;
	z-index: 90000;
}

#reportForm .content{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

#reportForm .frame{
	background: #000;
	padding: 20px;
	width: 100%;
	max-width: 490px;
	margin: 0 auto;
	position: relative;

	  -webkit-box-shadow: 0 0 0 8px rgba(255,255,255,0.2);
		 -moz-box-shadow: 0 0 0 8px rgba(255,255,255,0.2);
		   -o-box-shadow: 0 0 0 8px rgba(255,255,255,0.2);
			  box-shadow: 0 0 0 8px rgba(255,255,255,0.2);
}
#reportForm h3{
	color: #fff;
	font-size: 26px; line-height: 24px;
	text-align: center;
}

#reportForm .cover{
	display: none;
	margin-top: -50px;
	margin-left: -60px;
	float: left;
}



#reportForm .popLeadCall_close{
    height: 50px;
    width: 50px;
    position: absolute;
    bottom: -60px;
    left: 50%;
    margin: 0 0 0 -25px;
    text-indent: -9999px;

}

#reportForm .popLeadCall_close:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-indent: 0px;
    content: "X"; /* use the hex value here... */
    font-size: 30px; 
    color: #FFF;
    line-height: 50px;
    text-align: center;
    font-family: "Lato";
    font-weight: 900;
    z-index: 90;
}


#reportForm p{
	width: 96%;
	padding: 0 2% 0 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}