/*-- 
AUTHOR   : SimplePixel
URL      : http://themeforest.net/user/SimplePixel
TEMPLATE : Lauren - Creative Coming Soon Template
VERSION  : 1.0

TABLE OF CONTENTS
0.0 CSS IMPORT
1.0 BASIC STYLE
2.0 TYPOGRAPHY
	2.1 BASIC TEXT COLOR & FONT FAMILY
	2.2 HEADINGS
	2.3 FONT STYLES
	2.4 BASIC PARAGRAPH
	2.5 TITLES
3.0 IMAGES
	3.1 LOGO
	3.2 RESPONSIVE IMAGE
4.0 COMPONENTS
	4.1 UNDERLINES
	4.2 BORDERS
	4.3 LISTS
	4.4 LINKS
	4.5 BUTTONS
	4.6 FORMS
	4.7 ICON BLOCKS
	4.8 PORTFOLIO / GALLERY BLOCKS
	4.9 PROGRESS BAR 
	4.10 COUNTDOWN
	4.11 COUNT-UP
	4.12 SCROLL REVEAL
	4.13 LEFT & RIGHT NAVIGATION PANEL
	4.14 MENU PANEL (ONLY VISIBLE ON SMALL DEVICES)
	4.15 CAROUSEL CONTROLS
	4.16 JQUERY FULLPAGE
	4.17 PRELOADERS
5.0 LAYOUTS
	5.1 SECTIONS
		5.1.1 HOME SECTION
	5.2 COLUMNS
	5.3 BACKGROUND CONTAINER
	5.4 MARGINS & PADDINGS
6.0 COLOR SCHEMES
7.0 STYLE FOR TABLET LANDSCAPE
	7.1 COLUMNS
	7.2 MARGINS & PADDINGS
	7.3 PORTFOLIO / GALLERY BLOCKS
8.0 STYLE FOR TABLET PORTRAIT
	8.1 LEFT & RIGHT NAVIGATION
	8.2 JQUERY FULLPAGE
	8.3 SECTIONS
	8.4 COLUMNS
	8.5 MARGINS & PADDINGS
	8.6 PORTFOLIO / GALLERY BLOCKS
	8.7 SIMPLE COUNTDOWN
	8.8 SHUFFLE LETTERS
	8.9 MAP
9.0 STYLE FOR EXTRA SMALL DEVICES 
	9.1 TYPOGRAPHY
	9.2 SECTIONS
	9.3 COLUMNS 
	9.4 MARGINS & PADDINGS
	9.5 MENU PANEL
	9.6 SIMPLE COUNTDOWN
--*/

/*-- ========================================= --
	0.0 CSS IMPORT
/*-- ========================================= --*/
@import url("bootstrap.min.css");
@import url("font-awesome.min.css");
@import url("animate.min.css");
@import url("et-line-icons.css");
@import url("magnific-popup.css");
@import url("jquery.wordrotator.min.css");
@import url("owl.carousel.css");
@import url("owl.theme.css");
@import url("jquery.kenburnsy.css");
@import url("jquery.fullPage.css");

/*-- ====== IMPORT GOOGLE FONT ======= --*/
@import url("https://fonts.googleapis.com/css?family=Karla:400,400italic,700");
@import url("https://fonts.googleapis.com/css?family=Raleway:700");


/*-- ========================================= --
	1.0 BASIC STYLE
/*-- ========================================= --*/
html, body{
	-webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}
body.auto-height{
	overflow:auto;
}

a{
	text-decoration:none;
	outline:none;
	border:none;
	background:none;
}

.centering-x{
	position:absolute;
	display:inline-block;
	top:0%;
	left:50%;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	    -ms-transform:translateX(-50%);
	     -o-transform:translateX(-50%);
	        transform:translateX(-50%);
}
.centering-y{
	position:absolute;
	display:inline-block;
	top:50%;
	left:0%;
	-webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	     -o-transform:translateY(-50%);
	        transform:translateY(-50%);
}
.centering-xy{
	position:absolute;
	display:inline-block;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	   -moz-transform:translate(-50%, -50%);
	    -ms-transform:translate(-50%, -50%);
	     -o-transform:translate(-50%, -50%);
	        transform:translate(-50%, -50%);
}


/*-- ========================================= --
	2.0 TYPOGRAPHY
/*-- ========================================= --*/ 

/*-- ============ 2.1 BASIC TEXT COLOR & FONT FAMILY ============ --*/
*{
	color:#636363;
	font-family: 'Karla', sans-serif;
}


/*-- ============ 2.2 HEADINGS ============ --*/
h1, h2, h3, h4, h5{
	position:relative;
	font-weight:700;
	color:#262626;
	margin:0px;
}
h1{
	font-family: 'Raleway', sans-serif;
	font-size:70px;
	text-transform:uppercase;
	line-height:82px;
	letter-spacing:10px;
}
h1.text-right{
	margin-right:-10px;
}

h2{
	font-size:46px;
	text-transform:uppercase;
	line-height:58px;
	letter-spacing:8px;
}
h2.text-right{
	margin-right:-8px;
}

h3{
	font-size:24px;
	text-transform:uppercase;
	line-height:36px;
	letter-spacing:6px;
}
h3.text-right{
	margin-right:-6px;
}

h4{
	font-size:16px;
	text-transform:uppercase;
	line-height:28px;
	letter-spacing:4px;
}
h4.text-right{
	margin-right:-4px;
}

h5{
	font-size:14px;
	text-transform:uppercase;
	line-height:26px;
	letter-spacing:3px;
}
h5.text-right{
	margin-right:-2px;
}


/*-- ============ 2.3 FONT STYLES ============ --*/
strong { font-weight:700; color:#262626; }
.text-bold{ font-weight:700; }
.text-normal{ font-weight:400; }
.text-light{ font-weight:300; }
.text-small{ font-size:14px; }
.text-extra-small{ font-size:12px; }
.text-wide{ letter-spacing:3px; }
.text-wide.text-center{ padding-left:3px; }
.text-narrow{ letter-spacing:-1px; }
.text-underlined{ text-decoration:underline; }
.text-uppercase{ text-transform:uppercase; }
.text-lowercase{ text-transform:lowercase; }


/*-- ============ 2.4 BASIC PARAGRAPH ============ --*/
p,
.basic-text
{
	font-weight:400;
	font-size:16px;
	margin:0px;
	padding:0px;
	line-height:28px;
	letter-spacing:0px;
}

/*-- ============ 2.5 TITLES ============ --*/
p.subtitle-big,
p.subtitle-medium,
p.subtitle-small
{
	position:relative;
	font-weight:400;
	margin:0px;
	text-align:center;
	color:#262626;
}
p.subtitle-big{
	font-size:32px;
	letter-spacing:5px;
}
p.subtitle-medium{
	font-size:24px;
	letter-spacing:5px;
}
p.subtitle-small{
	font-size:14px;
	letter-spacing:5px;
}


/*-- ========================================= --
	3.0 IMAGES
/*-- ========================================= --*/

/*-- ============ 3.1 LOGO ============ --*/
.logo{
	text-align:center;
	margin-top:30px;
}
.layout-2 .logo{
	text-align:left;
}
.logo .img-logo{
	width:80px;
	height:auto;
}

/*-- ============ 3.2 RESPONSIVE IMAGE ============= --*/
.img-responsive{
	width:100%;
	height:auto;
}


/*-- ========================================= --
	4.0 COMPONENTS
/*-- ========================================= --*/

/*-- ============ 4.1 UNDERLINES ============ --*/
.underline-thick-small,
.underline-medium-small,
.underline-thin-small,
.underline-xthin-small,
.underline-xthin-full
{
	display:inline-block;
	background:#262626;
}

.underline-thick-small{
	width:30px;
	height:8px;
}
.underline-medium-small{
	width:30px;
	height:4px;
}
.underline-thin-small{
	width:30px;
	height:2px;
}
.underline-xthin-small{
	width:30px;
	height:1px;
}
.underline-xthin-full{
	width:100%;
	height:1px;
}

/*-- ============ 4.2 BORDERS ============ --*/
.border-all-thin{ border:2px solid; }
.border-all-medium{ border:4px solid; }
.border-all-thick{ border:8px solid; }
.border-all-xthin-dashed{ border:1px dashed; }


/*-- ============ 4.3 LISTS ============ --*/
ul.list-full-width{
	display:inline-block;
	padding:0px;
	list-style:none;
}
ul.list-full-width li{
	position:relative;
	float:left;
	display:block;
	width:100%;
}


/*-- ============ 4.4 LINKS ============ --*/
/*-- link style 1 (show underline on hover) --*/
a.link-1{
	position:relative;
	width:auto;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	    -ms-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
a.link-1::before{
	content:'';
	position:absolute;
	display:block;
	width:0%;
	height:2px;
	left:0px;
	bottom:0px;
	background:#262626;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	    -ms-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
a.link-1 i,
a.link-1 > span
{
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	    -ms-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
a.link-1:hover,
a.link-1:hover i,
a.link-1:hover > span,
a.link-1.active,
a.link-1.active i,
a.link-1.active > span
{
	color:#262626;
}
a.link-1:hover::before,
a.link-1.active::before
{
	width:100%;
}

/*-- social media link (style-1) --*/
a.social-media-1{
	display:inline-block;
	width:40px;
	height:40px;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	    -ms-border-radius:50%;
	     -o-border-radius:50%;
	        border-radius:50%;
	overflow:hidden;
	margin:0px 10px;
}
a.social-media-1.first-left{
	margin:0px 10px 0px 0px;
}
a.social-media-1 .icon-container{
	position:relative;
	float:left;
	display:block;
	margin-top:0px;
	width:40px;
	height:40px;
	text-align:center;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	    -ms-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
a.social-media-1 .icon-container i{
	position:relative;
	float:left;
	width:100%;
	height:40px;
	line-height:40px;
	font-size:14px;
}
a.social-media-1:hover .icon-container{
	margin-top:-40px;
}

/*-- ============ 4.5 BUTTONS ============ --*/
button{
	outline:none;
	border:none;
}

/*-- square button --*/
.button,
.button-arrow
{
	position:relative;
	display:inline-block;
	text-align:center;
	text-transform:lowercase;
	font-weight:700;
	overflow:hidden;
	z-index:1;
}

.button::before,
.button::after
{
	content:attr(data-text);
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	    -ms-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
	z-index:1;
}
.button::before{
	left:0px;
	bottom:0px;
}
.button::after{
	left:0px;
	bottom:-100%;
}
.button:hover::before{
	bottom:100%;
}
.button:hover::after{
	bottom:0px;
}

.button-small,
.button-small::before,
.button-small::after
{
	padding:4px 28px 6px 31px;
	letter-spacing:3px;
	font-size:12px;
}
.button-medium,
.button-medium::before,
.button-medium::after
{
	padding:8px 32px 9px 35px;
	letter-spacing:3px;
	font-size:13px;
}
.button-large,
.button-large::before,
.button-large::after
{
	padding:12px 34px 13px 39px;
	letter-spacing:3px;
	font-size:14px;
}

.button.button-white{
	border-top:2px solid #262626;
	border-bottom:2px solid #262626;
	color:white;
}
.button.button-white::before{
	background:white;
	color:#262626;
}
.button.button-white::after{
	background:#262626;
	color:white;
}
.button.button-darkgrey{
	border-top:2px solid #262626;
	border-bottom:2px solid #262626;
	color:#262626;
}
.button.button-darkgrey::before{
	background:#262626;
	color:white;
}
.button.button-darkgrey::after{
	background:white;
	color:#262626;
}
.button.button-paleblue{
	border-top:2px solid #262626;
	border-bottom:2px solid #262626;
	color:#262626;
}
.button.button-paleblue::before{
	background:#262626;
	color:white;
}
.button.button-paleblue::after{
	background:#d0d4e6;
	color:#262626;
}
.button.button-lightturquoise{
	border-top:2px solid #262626;
	border-bottom:2px solid #262626;
	color:#262626;
}
.button.button-lightturquoise::before{
	background:#262626;
	color:white;
}
.button.button-lightturquoise::after{
	background:#c7efcf;
	color:#262626;
}


/*-- arrow button --*/
.button-arrow{
	background:none;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	    -ms-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.button-arrow i{
	font-size:20px;
	color:#262626;
}
.button-arrow.arrow-right{
	position:absolute;
	right:25px;
	top:50%;
	padding:0px 0px 0px 10px;
	line-height:0px;
	margin-top:-1px;
	-webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	     -o-transform:translateY(-50%);
	        transform:translateY(-50%);
}
.button-arrow.arrow-right:hover{
	right:20px;
}


/*-- ============ 4.6 FORMS ============ --*/
::-webkit-input-placeholder{
	
}
:-moz-placeholder{
	
}
::-moz-placeholder{
	
}
:-ms-input-placeholder{
	
}

input[type="text"],
input[type="email"],
textarea
{
	display:inline-block;
	width:100%;
	padding:22px 25px 25px 25px;
	font-size:13px;
	letter-spacing:3px;
	font-weight:700;
	color:#262626;
	border:none;
	background:none;
	z-index:2;
	backface-visibility:hidden;
}
textarea{
	height:150px;
	resize:none;
}


form.subscribe-form input[type="text"]{
	padding:22px 65px 25px 25px;
}

form .input-container{
	position:relative;
	display:inline-block;
	float:left;
	width:100%;
	border-bottom:2px solid #262626;
	overflow:visible;
}
form .input-border-bottom,
form .input-border-bottom::before
{
	position:absolute;
	display:inline-block;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:-1;
}
form .input-border-bottom{
	-webkit-perspective: 1000px;
	   -moz-perspective: 1000px;
	    -ms-perspective: 1000px;
	     -o-perspective: 1000px;
	        perspective: 1000px;
	-webkit-perspective-origin: 50% 50%;
	   -moz-perspective-origin: 50% 50%;
	    -ms-perspective-origin: 50% 50%;
	     -o-perspective-origin: 50% 50%;
	        perspective-origin: 50% 50%;
}
form .input-border-bottom::before{
	content:'';
	background:#f7f7f7;
	-webkit-transform-origin: 50% 100%;
	   -moz-transform-origin: 50% 100%;
	    -ms-transform-origin: 50% 100%;
	     -o-transform-origin: 50% 100%;
	        transform-origin: 50% 100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	    -ms-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
	-webkit-transform: rotateX(90deg);
	   -moz-transform: rotateX(90deg);
	    -ms-transform: rotateX(90deg);
	     -o-transform: rotateX(90deg);
	        transform: rotateX(90deg);
	opacity:0;
}
form .input-border-bottom::after{
	content:'';
	position:absolute;
	display:none;
	width:100%;
	height:2px;
	bottom:0px;
	left:0px;
	background:#262626;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	    -ms-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
input[type="text"]:focus ~ .input-border-bottom::before,
input[type="email"]:focus ~ .input-border-bottom::before,
textarea:focus ~ .input-border-bottom::before
{
	-webkit-transform: rotateX(0deg);
	   -moz-transform: rotateX(0deg);
	    -ms-transform: rotateX(0deg);
	     -o-transform: rotateX(0deg);
	        transform: rotateX(0deg);
	opacity:1;
}

/*-- form when error --*/
.form-error ~ .input-border-bottom::after{
	background:#f81430;
}

/*-- form notification --*/
label.loading, 
label.notif-success, 
label.notif-error, 
label.error
{
	position:relative;
	float:left;
	width:100%;
	margin-top:-53px;
	text-align:center;
	padding:15px 0px 18px 0px;
	font-weight:500;
	font-size:13px;
	color:#262626;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	    -ms-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
label.loading{
	background:#f7f7f7;
}
label.loading::before{
	position:absolute;
	left:50%;
	margin-left:-45px;
	font-family:'FontAwesome';
	content:'\f021';
	-webkit-transform:translateX(-50%);
	        transform:translateX(-50%);	
	-webkit-animation: spin 1.5s linear 0s infinite;
	   -moz-animation: spin 1.5s linear 0s infinite; 
	        animation: spin 1.5s linear 0s infinite;
}
label.notif-success{
	color:white;
	background:#3ca156;
}
label.notif-error{
	color:white;
	background:#f81430;
}
label.notif-error::before{
	font-family:'FontAwesome';
	content:'\f00d';
	margin-right:10px;
}
label.notif-success::before{
	font-family:'FontAwesome';
	content:'\f00c';
	margin-right:10px;
}
label.loading::before{
	display:inline-block;
	left:auto;
	margin-left:-22px;
}

.form-notif,
.notif-container
{
	position:relative;
	display:inline-block;
	float:left;
	width:100%;
	height:0px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	    -ms-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
	overflow:hidden;
}
.notif-container{
	height:0px;
	overflow:visible;
}
.form-notif.notif-abs-bottom{
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	z-index:2;
}
.form-notif.is-visible{
	height:53px;
}
.form-notif.is-visible label{
	margin-top:0px;
}


/*-- ============ 4.7 ICON BLOCKS ============ --*/
/*-- PLAIN ICON --*/
.icon-block,
.icon-block-rounded
{
	display:inline-block;
}
.icon-block .icon-sm{
	font-size:25px;
}
.icon-block .icon-md{
	font-size:35px;
}
.icon-block .icon-lg{
	font-size:45px;
}
.icon-block .abs-left{
	position:absolute;
	left:0px;
	top:0px;
}
.icon-block .abs-right{
	position:absolute;
	right:0px;
	top:0px;
}
.icon-block .icon-sm.abs-left ~ .icon-block-desc{
	padding-left:50px;
}
.icon-block .icon-sm.abs-right ~ .icon-block-desc{
	padding-right:50px;
}
.icon-block .icon-md.abs-left ~ .icon-block-desc{
	padding-left:70px;
}
.icon-block .icon-md.abs-right ~ .icon-block-desc{
	padding-right:70px;
}
.icon-block .icon-lg.abs-left ~ .icon-block-desc{
	padding-left:90px;
}
.icon-block .icon-lg.abs-right ~ .icon-block-desc{
	padding-right:90px;
}

/*-- ICON WITH CIRCLE BACKGROUND --*/
.icon-block-rounded .icon-sm{
	font-size:22px;
}
.icon-block-rounded .icon-md{
	font-size:32px;
}
.icon-block-rounded .icon-lg{
	font-size:42px;
}
.icon-block-rounded .icon-container{
	position:relative;
	display:inline-block;
	margin-top:8px;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	    -ms-border-radius:50%;
	     -o-border-radius:50%;
	        border-radius:50%;
	-webkit-transition:all 1s ease;
	   -moz-transition:all 1s ease;
	    -ms-transition:all 1s ease;
	     -o-transition:all 1s ease;
	        transition:all 1s ease;
}
.icon-block-rounded .icon-container.no-mrg{
	margin-top:0px;
}
.icon-block-rounded .icon-container.icon-bg-grey,
.icon-block-rounded:hover .icon-container.icon-bg-darkgrey
{
	background-color:#eeeeee;
}
.icon-block-rounded .icon-container.icon-bg-darkgrey,
.icon-block-rounded:hover .icon-container.icon-bg-grey
{
	background-color:#262626;
}
.icon-block-rounded .icon-container .outer-border{
	fill:transparent;
	stroke-width:2;
	stroke:#262626;
	stroke-dasharray:534;
	-webkit-transition:stroke-dashoffset 1s ease;
	   -moz-transition:stroke-dashoffset 1s ease;
	    -ms-transition:stroke-dashoffset 1s ease;
	     -o-transition:stroke-dashoffset 1s ease;
	        transition:stroke-dashoffset 1s ease;
}
.icon-block-rounded .icon-container .outer-border.svg-border-white{
	stroke:white;
}
.icon-block-rounded .icon-container.icon-bg-grey .outer-border,
.icon-block-rounded .icon-container.icon-bg-darkgrey .outer-border.svg-border-white,
.icon-block-rounded:hover .icon-container.icon-bg-darkgrey .outer-border
{
	stroke-dashoffset:0;
}
.icon-block-rounded:hover .icon-container.icon-bg-grey .outer-border,
.icon-block-rounded .icon-container.icon-bg-darkgrey .outer-border,
.icon-block-rounded:hover .icon-container.icon-bg-darkgrey .outer-border.svg-border-white
{
	stroke-dashoffset:534;
}


.icon-block-rounded .icon-container.icon-sm svg,
.icon-block-rounded .icon-container.icon-md svg,
.icon-block-rounded .icon-container.icon-lg svg
{
	position:absolute;
	left:-4px;
	top:-4px;
	z-index:-1;
}
.icon-block-rounded .icon-container.icon-sm{
	width:70px;
	height:70px;
	line-height:73px;
}
.icon-block-rounded .icon-container.icon-sm svg{
	width:78px;
	height:78px;
}
.icon-block-rounded .icon-container.icon-md{
	width:90px;
	height:90px;
	line-height:93px;
}
.icon-block-rounded .icon-container.icon-md svg{
	width:98px;
	height:98px;
}
.icon-block-rounded .icon-container.icon-lg{
	width:110px;
	height:110px;
	line-height:113px;
}
.icon-block-rounded .icon-container.icon-lg svg{
	width:118px;
	height:118px;
}
.icon-block-rounded .icon-container i{
	position:relative;
	display:inline-block;
	z-index:2;
	-webkit-transition:all 1s ease;
	   -moz-transition:all 1s ease;
	    -ms-transition:all 1s ease;
	     -o-transition:all 1s ease;
	        transition:all 1s ease;
}
.icon-block-rounded .icon-container.icon-bg-grey i,
.icon-block-rounded:hover .icon-container.icon-bg-darkgrey i
{
	color:#262626;
}
.icon-block-rounded:hover .icon-container.icon-bg-grey i,
.icon-block-rounded .icon-container.icon-bg-darkgrey i
{
	color:white;
}
.icon-block-rounded .abs-left{
	position:absolute;
	left:0px;
	top:0px;
}
.icon-block-rounded .abs-right{
	position:absolute;
	right:0px;
	top:0px;
}
.icon-block-rounded .icon-container.icon-sm.abs-left ~ .icon-block-desc{
	padding-left:90px;
}
.icon-block-rounded .icon-container.icon-md.abs-left ~ .icon-block-desc{
	padding-left:110px;
}
.icon-block-rounded .icon-container.icon-lg.abs-left ~ .icon-block-desc{
	padding-left:130px;
}
.icon-block-rounded .icon-container.icon-sm.abs-right ~ .icon-block-desc{
	padding-right:90px;
}
.icon-block-rounded .icon-container.icon-md.abs-right ~ .icon-block-desc{
	padding-right:110px;
}
.icon-block-rounded .icon-container.icon-lg.abs-right ~ .icon-block-desc{
	padding-right:130px;
}

.icon-block-desc.text-center h4{
	padding-left:4px;
}


/*-- ============ 4.8 PORTFOLIO / GALLERY BLOCKS ============ --*/

/*-- FULL PAGE PORTFOLIO WITH 2 COLUMNS (TEXT ON LEFT SIDE, IMAGE ON RIGHT SIDE) --*/
.portfolio-style-1{
	height:300px;
}
.layout-2 .portfolio-style-1{
	height:auto;
	padding-left:25px;
}
.portfolio-style-1 .text-container,
.portfolio-style-1 .img-container
{
	height:100%;
}
.layout-2 .portfolio-style-1 .text-container,
.layout-2 .portfolio-style-1 .img-container
{
	min-height:250px;
	height:auto;
}
.portfolio-style-1 .img-container{
	overflow:hidden;
	padding:0px;
}
.portfolio-style-1 .img-container::after{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	-webkit-box-shadow: inset 0 0 0 4px #262626;
	   -moz-box-shadow: inset 0 0 0 4px #262626;
	    -ms-box-shadow: inset 0 0 0 4px #262626;
	     -o-box-shadow: inset 0 0 0 4px #262626;
	        box-shadow: inset 0 0 0 4px #262626;
}
.portfolio-style-1 .text-container h3{
	font-size:20px;
}
.portfolio-style-1 .text-container h3.text-center{
	padding-left:5px;
}


/*-- ============ 4.9 PROGRESS BAR ============ --*/
.progress-container .progress-bar{
	position:relative;
	float:left;
	width:100%;
	height:2px;
	margin-top:5px;
	background:#d1d1d1;
}
.progress-container .progress-bar span{
	content:'';
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	width:6%;
	height:2px;
	background:#262626;
	-webkit-transition:all 1s ease;
	   -moz-transition:all 1s ease;
	    -ms-transition:all 1s ease;
	     -o-transition:all 1s ease;
	        transition:all 1s ease;
}
.progress-container .progress-bar span::before{
	content:attr(data-percent);
	position:absolute;
	width:38px;
	margin-left:-39px;
	height:auto;
	left:100%;
	top:-14px;
	font-weight:700;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:0px;
	text-align:right;
	color:#262626;
}

/*-- ============ 4.10 COUNTDOWN ============ --*/

/*-- shows days, hours, minutes, and seconds left --*/
.full-countdown{
	text-align:center;
}
.full-countdown .dash-container{
	display:inline-block;
	width:120px;
	height:auto;
	margin:20px;
}
.full-countdown .dash{
	position:relative;
	display:block;
	width:120px;
	height:50px;
}
.full-countdown .dash .counter{
	display:table-cell;
	vertical-align:middle;
	width:120px;
	height:50px;
}
.full-countdown .digit{
	font-weight:700;
	display:inline-block;
	font-size:50px;
	height:60px;
	width:auto;
	overflow:hidden;
	margin:-12px 0px 0px 0px;
	padding:0px;
}
.full-countdown .digit > div{
	color:#262626;
}
.full-countdown .dash_title{
	text-transform:uppercase;
	width:100%;
	display:block;
	color:#262626;
	font-size:13px;
	font-weight:700;
	letter-spacing:2px;
	padding:8px 0px 0px 2px;
}

/*-- simple countdown (only shows days left) --*/
.layout-2 .countdown-container{
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	height:100%;
}
.layout-2 .countdown-container > div{
	position:absolute;
	display:block;
	right:0px;
	bottom:30px;
	padding-right:107px;
	height:auto;
	text-align:right;
}
.simple-countdown{
	position:relative;
	display:inline-block;
	width:270px;
	height:230px;
	margin-top:8px;
	overflow:hidden;
}
.simple-countdown svg{
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	width:270px;
	height:230px;
	z-index:-1;
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	     -o-transform: rotate(180deg);
	        transform: rotate(180deg);
}
.simple-countdown svg .countdown-border{
	stroke-dasharray:1000;
	stroke-dashoffset:1000;
	stroke-width:8px;
	fill:transparent;
	stroke:#262626;
	-webkit-transition:all 3s ease;
	   -moz-transition:all 3s ease;
	    -ms-transition:all 3s ease;
	     -o-transition:all 3s ease;
	        transition:all 3s ease;
}
.simple-countdown.is-visible svg .countdown-border{
	stroke-dashoffset:0;
}
.simple-countdown h5{
	padding:5px 15px;
}
.simple-countdown .days_dash{
	display:inline-block;
	text-align:right;
	padding:0px 16px;
	margin-bottom:-7px;
}
.simple-countdown .days_dash .digit{
	display:inline-block;
	width:auto;
	font-weight:700;
	font-size:70px;
}
.simple-countdown .days_dash .digit > div{
	color:#262626;
}
.simple-countdown .days_dash .dash_title{
	display:inline-block;
	padding:0px;
	margin-left:10px;
}

/*-- ============ 4.11 COUNT-UP ============ --*/
.countup-1 .counter-up,
.countup-2 .counter-up
{
	margin-left:5px;
}
.countup-1 .icon-block-rounded{
	margin:0px 0px 25px -3px;
}
.countup-2 h2{
	display:inline-block;
	width:auto;
	padding:5px 20px 5px 23px;
	border:4px solid #262626;
}

/*-- ============ 4.12 SCROLL REVEAL ============ --*/
[data-sr]{
	visibility: hidden;
}


/*-- ============ 4.13 LEFT & RIGHT NAVIGATION PANEL ============ --*/
.left-nav-panel,
.right-nav-panel
{
	position:fixed;
	width:50%;
	height:100%;
	z-index:2;
	background:white;
	-webkit-transition:all 1.5s ease;
	   -moz-transition:all 1.5s ease;
	    -ms-transition:all 1.5s ease;
	     -o-transition:all 1.5s ease;
	        transition:all 1.5s ease;
	
}
.left-nav-panel.small-panel,
.right-nav-panel.small-panel
{
	width:75px;
}
.left-nav-panel{
	left:0px;
	top:0px;
}
.right-nav-panel{
	right:0px;
	top:0px;
}
.right-nav-panel .text-container{
	position:absolute;
	display:block;
	left:50%;
	width:200px;
	-webkit-transform: rotate(90deg) translateY(-50%);
	   -moz-transform: rotate(90deg) translateY(-50%);
	    -ms-transform: rotate(90deg) translateY(-50%);
	     -o-transform: rotate(90deg) translateY(-50%);
	        transform: rotate(90deg) translateY(-50%);
	-webkit-transform-origin: left top 0;
	   -moz-transform-origin: left top 0;
	    -ms-transform-origin: left top 0;
	     -o-transform-origin: left top 0;
	        transform-origin: left top 0;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	    -ms-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
	-webkit-backface-visibility:hidden;
	visibility:visible;
	opacity:1;
}
.right-nav-panel .text-container.is-hidden{
	margin-left:100px;
	visibility:hidden;
	opacity:0;
}
.right-nav-panel .text-container.top-container{
	top:20px;
	text-align:left;
}
.right-nav-panel .text-container.bottom-container{
	text-align:right;
	bottom:200px;
}
.right-nav-panel .text-container.top-container a,
.right-nav-panel .text-container.bottom-container a
{
	letter-spacing:3px;
	font-weight:700;
}
.right-nav-panel .text-container.current-section{
	text-align:center;
	top:50%;
	-webkit-transform: rotate(90deg) translate(-50%,-50%);
	   -moz-transform: rotate(90deg) translate(-50%,-50%);
	    -ms-transform: rotate(90deg) translate(-50%,-50%);
	     -o-transform: rotate(90deg) translate(-50%,-50%);
	        transform: rotate(90deg) translate(-50%,-50%);
}
.right-nav-panel .text-container.current-section h5{
	position:relative;
	display:inline-block;
	width:auto;
	padding:0px 20px 2px 23px;
	border:3px solid #262626;
}
.right-nav-panel .text-container a{
	visibility:visible;
	opacity:1;
}
.right-nav-panel .text-container a.is-hidden{
	visibility:hidden;
	opacity:0;
}

/*-- ============ 4.14 MENU PANEL (ONLY VISIBLE ON SMALL DEVICES) ============ --*/
.menu-panel{
	position:fixed;
	top:0px;
	right:-100%;
	width:100%;
	height:100%;
	overflow-x:visible;
	z-index:3;
	background:white;
	-webkit-transition:all 1s ease;
	   -moz-transition:all 1s ease;
	    -ms-transition:all 1s ease;
	     -o-transition:all 1s ease;
	        transition:all 1s ease;
}
.menu-panel.is-hidden{
	right:-150%;
}
.menu-panel.is-visible{
	right:0px;
}
.menu-panel li a{
	font-size:30px;
	text-transform:lowercase;
	line-height:42px;
	letter-spacing:5px;
	padding-left:5px;
	font-weight:700;
	color:#636363;
}
.menu-panel .close-menu-button,
.menu-panel .open-menu-button
{
	position:absolute;
	display:block;
	width:50px;
	height:50px;
	border:3px solid #262626;
	line-height:50px;
	text-align:center;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	    -ms-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
	z-index:2;
}
.menu-panel .close-menu-button{
	right:20px;
	top:20px;
}
.menu-panel .open-menu-button{
	left:-70px;
	top:20px;
}
.menu-panel .close-menu-button i,
.menu-panel .open-menu-button i
{
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	    -ms-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
	color:#262626;
	font-size:20px;
}
.menu-panel .close-menu-button:hover,
.menu-panel .open-menu-button:hover
{
	background:#262626;
}
.menu-panel .close-menu-button:hover i,
.menu-panel .open-menu-button:hover i
{
	color:white;
}


/*-- ============ 4.15 CAROUSEL CONTROLS ============ --*/
.carousel-controls-1{
	text-align:center;
}
.layout-2 .carousel-controls-1{
	padding-left:15px;
}
.carousel-controls-1 .center-icon{
	font-size:22px;
	line-height:28px;
	color:#636363;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	    -ms-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.carousel-controls-1:hover .center-icon{
	color:#262626;
}
.carousel-controls-1 .carousel-next,
.carousel-controls-1 .carousel-prev
{
	line-height:0px;
	font-size:28px;
	margin:0px 20px;
}
.carousel-controls-1 .carousel-next i,
.carousel-controls-1 .carousel-prev i
{
	color:#636363;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	    -ms-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.carousel-controls-1 .carousel-next:hover i{
	color:#262626;
	-webkit-transform: translateX(5px);
	   -moz-transform: translateX(5px);
	    -ms-transform: translateX(5px);
	     -o-transform: translateX(5px);
	        transform: translateX(5px);
}
.carousel-controls-1 .carousel-prev:hover i{
	color:#262626;
	-webkit-transform: translateX(-5px);
	   -moz-transform: translateX(-5px);
	    -ms-transform: translateX(-5px);
	     -o-transform: translateX(-5px);
	        transform: translateX(-5px);
}

/*-- ============ 4.16 JQUERY FULLPAGE ============ --*/
#full-page{
	position:relative;
	float:left;
	display:block;
	width:100%;
	height:100%;
	z-index:1;
}

/*-- ============ 4.17 PRELOADERS ============ --*/ 
.preloader-container{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:white;
	z-index:10;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	    -ms-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
	opacity:1;
	visibility:visible;
}
.preloader-container.is-hidden{
	opacity:0;
	visibility:hidden;
}
.preloader{
	width:40px;
	height:40px;
	z-index:3;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	    -ms-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
	opacity:1;
	visibility:visible;
}
.preloader.is-hidden{
	opacity:0;
	visibility:hidden;
}
.preloader .double-bounce {
  	width:40px;
  	height:40px;
  	position:relative;
}
.preloader .double-bounce .circle {
    width:100%;
    height:100%;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	     -o-border-radius:50%;
            border-radius:50%;
    background-color:#262626;
    opacity:0.7;
    position:absolute;
    top:0;
    left:0;
    -webkit-animation: doubleBounceAnim 2s infinite ease-in-out;
            animation: doubleBounceAnim 2s infinite ease-in-out; 
}
.preloader .double-bounce .circle-inner {
    -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s; 
}

@-webkit-keyframes doubleBounceAnim {
  	0%, 100%{
    	-webkit-transform: scale(0);
                transform: scale(0); 
	}
  	50%{
    	-webkit-transform: scale(1);
                transform: scale(1); 
	} 
}
@keyframes doubleBounceAnim {
  	0%, 100%{
    	-webkit-transform: scale(0);
                transform: scale(0); 
	}
  	50%{
    	-webkit-transform: scale(1);
                transform: scale(1); 
	} 
}


/*-- ========================================= --
	5.0 LAYOUTS
/*-- ========================================= --*/

/*-- ============ 5.1 SECTIONS ============ --*/
.section-full-abs,
.section-full-rlt
{
	display:block;
	width:100%;
	height:100%;
	z-index:1;
	overflow:hidden;
}
.section-full-abs{
	position:absolute;
	left:0px;
	top:0px;
}
.section-full-rlt{
	position:relative;
	float:left;
}
section .left-side,
section .right-side
{
	padding:0px;
	height:100%;
}
section .left-side .content-container,
section .right-side .content-container,
section .content-container-center
{
	position:absolute;
	display:inline-block;
	top:50%;
	left:0%;
	-webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	     -o-transform:translateY(-50%);
	        transform:translateY(-50%);
}
section .left-side .content-container{
	padding-left:105px; 
	padding-right:15px;
}
section .right-side .content-container{
	padding-right:105px; 
	padding-left:15px;
}
section .right-side .content-container.pad-left-md{
	padding-left:30px;		
}
section .content-container-center{
	padding:0px;
}


/*-- 5.1.1 HOME SECTION --*/
#home-section h1.main-title-stroke{
	display:inline-block;
	width:auto;
	padding:10px 40px 10px 50px;
}
#wordrotator,
#wordrotator > span > span,
#wordrotator > span > span > span
{
	font-family: 'Raleway', sans-serif;
}
#home-section h1.main-title-stroke.wordrotator-container{
	display:block;
	overflow:hidden;
}
#home-section h1.main-title-stroke #wordrotator > span > span > span,
#home-section h1.main-title-stroke #wordrotator > span > span,
#home-section h1.main-title-stroke #wordrotator > span
{
	color:#262626;
}
#home-section h1.main-title-stroke .shuffle-letters,
#home-section h1 .shuffle-letters,
.demo-header .shuffle-letters
{
	display:block;
	min-height:82px;
	height:auto;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	    -ms-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
	opacity:0;
}

#home-section h1.main-title-stroke .shuffle-letters.is-visible,
#home-section h1 .shuffle-letters.is-visible,
.demo-header .shuffle-letters.is-visible
{
	opacity:1;
}
#home-section h1.main-title-stroke .border-top-bottom{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:-1;
}
#home-section h1.main-title-stroke::before,
#home-section h1.main-title-stroke::after
{
	content:'';
	position:absolute;
	width:4px;
	height:0%;
	background:#262626;
}
#home-section h1.main-title-stroke .border-top-bottom::before,
#home-section h1.main-title-stroke .border-top-bottom::after
{
	content:'';
	position:absolute;
	width:0%;
	height:4px;
	background:#262626;
}
#home-section h1.main-title-stroke::before{
	left:0px;
	bottom:0px;
	-webkit-transition:all 1s ease 1s;
	   -moz-transition:all 1s ease 1s;
	    -ms-transition:all 1s ease 1s;
	     -o-transition:all 1s ease 1s;
	        transition:all 1s ease 1s;
}
#home-section h1.main-title-stroke::after{
	right:0px;
	top:0px;
	-webkit-transition:all 1s ease 3s;
	   -moz-transition:all 1s ease 3s;
	    -ms-transition:all 1s ease 3s;
	     -o-transition:all 1s ease 3s;
	        transition:all 1s ease 3s;
}
#home-section h1.main-title-stroke .border-top-bottom::before{
	right:0px;
	bottom:0px;
	-webkit-transition:all 1s ease 0s;
	   -moz-transition:all 1s ease 0s;
	    -ms-transition:all 1s ease 0s;
	     -o-transition:all 1s ease 0s;
	        transition:all 1s ease 0s;
}
#home-section h1.main-title-stroke .border-top-bottom::after{
	top:0px;
	left:0px;
	-webkit-transition:all 1s ease 2s;
	   -moz-transition:all 1s ease 2s;
	    -ms-transition:all 1s ease 2s;
	     -o-transition:all 1s ease 2s;
	        transition:all 1s ease 2s;
}
#home-section.is-visible h1.main-title-stroke::before,
#home-section.is-visible h1.main-title-stroke::after
{
	height:100%;
}
#home-section.is-visible h1.main-title-stroke .border-top-bottom::before,
#home-section.is-visible h1.main-title-stroke .border-top-bottom::after
{
	width:100%;
}
#home-section .animated-mouse-icon{
	position:absolute;
	display:inline-block;
	left:0px;
	bottom:0px;
	margin-bottom:30px;
	text-align:center;
}
#home-section .animated-mouse-icon .to-about{
	display:inline-block;
	line-height:60px;
	-webkit-transform:translateY(-15px);
	   -moz-transform:translateY(-15px);
	    -ms-transform:translateY(-15px);
	     -o-transform:translateY(-15px);
	        transform:translateY(-15px);
	-webkit-animation:mouseIconAnim 1s infinite ease reverse;
            animation:mouseIconAnim 1s infinite ease reverse;
}
#home-section .animated-mouse-icon img{
	height:40px;
	width:auto;
}
@-webkit-keyframes mouseIconAnim{
	0%{
  		-webkit-transform:translateY(-15px);
	        -ms-transform:translateY(-15px);
	         -o-transform:translateY(-15px);
	            transform:translateY(-15px);
  	}
  	50%{
    	-webkit-transform:translateY(0px);
	         -o-transform:translateY(0px);
	            transform:translateY(0px); 
	}
	100%{
		-webkit-transform:translateY(-15px);
	        -ms-transform:translateY(-15px);
	         -o-transform:translateY(-15px);
	            transform:translateY(-15px);
	}
}
@keyframes mouseIconAnim{
  	0%{
	       -moz-transform:translateY(-15px);
	        -ms-transform:translateY(-15px);
	         -o-transform:translateY(-15px);
	            transform:translateY(-15px); 
  	}
  	50%{
	       -moz-transform:translateY(0px);
	        -ms-transform:translateY(0px);
	         -o-transform:translateY(0px);
	            transform:translateY(0px); 
	}
	100%{
	       -moz-transform:translateY(-15px);
	        -ms-transform:translateY(-15px);
	         -o-transform:translateY(-15px);
	            transform:translateY(-15px);
	}
}



/*-- ============ 5.2 COLUMNS ============ --*/
.col-rlt-left{
	position:relative;
	float:left;
}
.col-rlt-right{
	position:relative;
	float:right;
}
.col-abs-left-top{
	position:absolute;
	left:0px;
	top:0px;
}
.col-abs-right-top{
	position:absolute;
	right:0px;
	top:0px;
}
.col-abs-left-bottom{
	position:absolute;
	left:0px;
	bottom:0px;
}
.col-abs-right-bottom{
	position:absolute;
	right:0px;
	bottom:0px;
}
.col-inline{
	display:inline-block;
}
.col-height-100p{
	height:100%;
}
.col-height-200{
	height:200px;
}
.col-height-250{
	height:250px;	
}


/*-- ============ 5.3 BACKGROUND CONTAINER ============ --*/
canvas#bg-canvas{
	position:fixed;
	display:block;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1;
}
.bg-container{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	overflow:hidden;
	height:100%;
	z-index:1;
}
.bg-container.bg-abs{
	position:absolute;
	z-index:-1;
}
.bg-container::before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:1;
	/*background:rgba(255,255,255,.1);*/
}


/*-- ============ 5.4 MARGINS & PADDINGS ============ --*/
.mrg-top-lg{ margin-top:90px; }
.mrg-top-md{ margin-top:60px; }
.mrg-top-sm{ margin-top:30px; }
.mrg-top-xs{ margin-top:12px; }
.mrg-right-lg{ margin-right:90px; }
.mrg-right-md{ margin-right:60px; }
.mrg-right-sm{ margin-right:30px; }
.mrg-right-xs{ margin-right:12px; }
.mrg-bottom-lg{ margin-bottom:90px; }
.mrg-bottom-md{ margin-bottom:60px; }
.mrg-bottom-sm{ margin-bottom:30px; }
.mrg-bottom-xs{ margin-bottom:12px; }
.mrg-left-lg{ margin-left:90px; }
.mrg-left-md{ margin-left:60px; }
.mrg-left-sm{ margin-left:30px; }
.mrg-left-xs{ margin-left:12px; }
.mrg-all-lg{ margin:90px; }
.mrg-all-md{ margin:60px; }
.mrg-all-sm{ margin:30px; }
.mrg-all-xs{ margin:12px; }
.no-mrg{ margin:0px; }

.large-pad-left{ padding-left:105px; padding-right:15px; }
.large-pad-right{ padding-right:105px; padding-left:15px; }
.pad-top-lg{ padding-top:45px; }
.pad-top-md{ padding-top:30px; }
.pad-top-sm{ padding-top:15px; }
.pad-right-lg{ padding-right:45px; }
.pad-right-md{ padding-right:30px; }
.pad-right-sm{ padding-right:15px; }
.pad-bottom-lg{ padding-bottom:45px; }
.pad-bottom-md{ padding-bottom:30px; }
.pad-bottom-sm{ padding-bottom:15px; }
.pad-left-lg{ padding-left:45px; }
.pad-left-md{ padding-left:30px; }
.pad-left-sm{ padding-left:15px; }
.pad-all-lg{ padding:45px; }
.pad-all-md{ padding:30px; }
.pad-all-sm{ padding:15px; }
.no-pad{ padding:0px; }


/*-- ========================================= --
	6.0 COLOR SCHEMES
/*-- ========================================= --*/
.text-white{ color:white; }
.text-grey{ color:#636363; }
.text-darkgrey{ color:#262626; }

.border-bg-lightgrey{ border-color:#d4d4d4; }
.border-bg-grey{ border-color:#636363; }
.border-bg-darkgrey{ border-color:#262626; }

.bg-white{ background-color:white; }
.bg-grey{ background-color:#636363; }
.bg-darkgrey{ background-color:#262626; }
.bg-lightturquoise{ background-color:#c7efcf; }
.bg-paleblue{ background-color:#d0d4e6; }
.bg-palelavendar { background-color:#A293AA; }
.bg-mint { background-color:#A0D7CB; }




/*-- ===================================================== --*
	7.0 STYLE FOR TABLET LANDSCAPE 
/*-- ===================================================== --*/
@media all and (max-width: 1199px){
	/*-- ============ 7.1 COLUMNS ============ --*/
	.col-md-rlt{
		position:relative;
		display:block;
		float:left;
		top:0;
		-webkit-transform	: translate(0,0);
		-moz-transform		: translate(0,0);
		-ms-transform		: translate(0,0);
		-o-transform		: translate(0,0);
		transform			: translate(0,0);
	}
	.col-md-height-auto{ height:auto; }
	
	
	/*-- ============ 7.2 MARGINS & PADDINGS ============ --*/
	.col-md-mrg-top-lg{ margin-top:90px; }
	.col-md-mrg-top-md{ margin-top:60px; }
	.col-md-mrg-top-sm{ margin-top:30px; }
	.col-md-mrg-top-xs{ margin-top:12px; }
	.col-md-mrg-right-lg{ margin-right:90px; }
	.col-md-mrg-right-md{ margin-right:60px; }
	.col-md-mrg-right-sm{ margin-right:30px; }
	.col-md-mrg-right-xs{ margin-right:12px; }
	.col-md-mrg-bottom-lg{ margin-bottom:90px; }
	.col-md-mrg-bottom-md{ margin-bottom:60px; }
	.col-md-mrg-bottom-sm{ margin-bottom:30px; }
	.col-md-mrg-bottom-xs{ margin-bottom:12px; }
	.col-md-mrg-left-lg{ margin-left:90px; }
	.col-md-mrg-left-md{ margin-left:60px; }
	.col-md-mrg-left-sm{ margin-left:30px; }
	.col-md-mrg-left-xs{ margin-left:12px; }
	.col-md-mrg-all-lg{ margin:90px; }
	.col-md-mrg-all-md{ margin:60px; }
	.col-md-mrg-all-sm{ margin:30px; }
	.col-md-mrg-all-xs{ margin:12px; }

	.col-md-pad-top-lg{ padding-top:45px; }
	.col-md-pad-top-md{ padding-top:30px; }
	.col-md-pad-top-sm{ padding-top:15px; }
	.col-md-pad-right-lg{ padding-right:45px; }
	.col-md-pad-right-md{ padding-right:30px; }
	.col-md-pad-right-sm{ padding-right:15px; }
	.col-md-pad-bottom-lg{ padding-bottom:45px; }
	.col-md-pad-bottom-md{ padding-bottom:30px; }
	.col-md-pad-bottom-sm{ padding-bottom:15px; }
	.col-md-pad-left-lg{ padding-left:45px; }
	.col-md-pad-left-md{ padding-left:30px; }
	.col-md-pad-left-sm{ padding-left:15px; }
	.col-md-pad-all-lg{ padding:45px; }
	.col-md-pad-all-md{ padding:30px; }
	.col-md-pad-all-sm{ padding:15px; }
	
	/*-- ============ 7.3 PORTFOLIO / GALLERY BLOCKS ============ --*/
	/*-- FULL PAGE PORTFOLIO WITH 2 COLUMNS (TEXT ON LEFT SIDE, IMAGE ON RIGHT SIDE) --*/
	.portfolio-style-1,
	.portfolio-style-1 .text-container,
	.portfolio-style-1 .img-container
	{
		height:auto;
	}
	.layout-2 .portfolio-style-1 .text-container,
	.layout-2 .portfolio-style-1 .img-container
	{
		min-height:10px;
		height:auto;
	}
}

/*-- ===================================================== --*
	8.0 STYLE FOR TABLET PORTRAIT 
/*-- ===================================================== --*/
@media all and (max-width: 991px){
	/*-- ============ 8.1 LEFT & RIGHT NAVIGATION ============ --*/
	.left-nav-panel.small-panel,
	.right-nav-panel.small-panel
	{
		width:0px;
	}
	.right-nav-panel .text-container{
		display:none;
	}
	
	/*-- ============ 8.2 JQUERY FULLPAGE ============ --*/
	#full-page{
		overflow:auto;
	}
		
	/*-- ============ 8.3 SECTIONS ============ --*/
	section .left-side,
	section .right-side,
	.section-full-rlt
	{
		height:auto;
	}
	section .left-side .content-container,
	section .right-side .content-container,
	section .content-container-center
	{
		position:relative;
		display:block;
		float:left;
		top:0;
		-webkit-transform	: translate(0,0);
		-moz-transform		: translate(0,0);
		-ms-transform		: translate(0,0);
		-o-transform		: translate(0,0);
		transform			: translate(0,0);
		padding-left:30px; 
		padding-right:30px; 
	}
	#home-section{
		height:100%;
	}
	#home-section .animated-mouse-icon{
		padding-bottom:50px;
	}
	
	
	/*-- ============ 8.4 COLUMNS ============ --*/
	.col-sm-rlt{
		position:relative;
		display:block;
		float:left;
		top:0;
		-webkit-transform	: translate(0,0);
		-moz-transform		: translate(0,0);
		-ms-transform		: translate(0,0);
		-o-transform		: translate(0,0);
		transform			: translate(0,0);
	}
	.col-sm-height-auto{ height:auto; }
	
	/*-- ============ 8.5 MARGINS & PADDINGS ============ --*/
	.large-pad-left{ padding-left:30px; padding-right:30px; }
	.large-pad-right{ padding-right:30px; padding-left:30px; }
	.col-sm-mrg-top-lg{ margin-top:90px; }
	.col-sm-mrg-top-md{ margin-top:60px; }
	.col-sm-mrg-top-sm{ margin-top:30px; }
	.col-sm-mrg-top-xs{ margin-top:12px; }
	.col-sm-mrg-right-lg{ margin-right:90px; }
	.col-sm-mrg-right-md{ margin-right:60px; }
	.col-sm-mrg-right-sm{ margin-right:30px; }
	.col-sm-mrg-right-xs{ margin-right:12px; }
	.col-sm-mrg-bottom-lg{ margin-bottom:90px; }
	.col-sm-mrg-bottom-md{ margin-bottom:60px; }
	.col-sm-mrg-bottom-sm{ margin-bottom:30px; }
	.col-sm-mrg-bottom-xs{ margin-bottom:12px; }
	.col-sm-mrg-left-lg{ margin-left:90px; }
	.col-sm-mrg-left-md{ margin-left:60px; }
	.col-sm-mrg-left-sm{ margin-left:30px; }
	.col-sm-mrg-left-xs{ margin-left:12px; }
	.col-sm-mrg-all-lg{ margin:90px; }
	.col-sm-mrg-all-md{ margin:60px; }
	.col-sm-mrg-all-sm{ margin:30px; }
	.col-sm-mrg-all-xs{ margin:12px; }

	.col-sm-pad-top-lg{ padding-top:45px; }
	.col-sm-pad-top-md{ padding-top:30px; }
	.col-sm-pad-top-sm{ padding-top:15px; }
	.col-sm-pad-right-lg{ padding-right:45px; }
	.col-sm-pad-right-md{ padding-right:30px; }
	.col-sm-pad-right-sm{ padding-right:15px; }
	.col-sm-pad-bottom-lg{ padding-bottom:45px; }
	.col-sm-pad-bottom-md{ padding-bottom:30px; }
	.col-sm-pad-bottom-sm{ padding-bottom:15px; }
	.col-sm-pad-left-lg{ padding-left:45px; }
	.col-sm-pad-left-md{ padding-left:30px; }
	.col-sm-pad-left-sm{ padding-left:15px; }
	.col-sm-pad-all-lg{ padding:45px; }
	.col-sm-pad-all-md{ padding:30px; }
	.col-sm-pad-all-sm{ padding:15px; }
	.col-sm-no-pad{ padding:0px; }
	.col-sm-no-pad-left{ padding-left:0px; }
	.col-sm-no-pad-right{ padding-right:0px; }
	.col-sm-spacer{ padding-top:80px !important; padding-bottom:80px !important; }
	
	/*-- ============ 8.6 PORTFOLIO / GALLERY BLOCKS ============ --*/
	.layout-2 .carousel-controls-1{
		padding-left:0px;
	}
	.layout-2 .portfolio-style-1{
		padding:0px 5px 0px 0px;
	}
	
	/*-- ============ 8.7 SIMPLE COUNTDOWN ============ --*/
	.layout-2 .countdown-container{
		position:relative;
		float:left;
		margin-top:60px;
		display:block;
		height:auto;
	}
	.layout-2 .countdown-container > div{
		position:relative;
		float:left;
		bottom:0px;
		padding:0px;
		text-align:left;
	}
	
	/*-- ============ 8.8 SHUFFLE LETTERS ============ --*/
	#home-section h1 .shuffle-letters{
		min-height:164px;
	}
	
	/*-- ============ 8.9 MAP ============ --*/
	.layout-2 #map{
		height:300px;
	}
}

/*-- ===================================================== --*
	9.0 STYLE FOR EXTRA SMALL DEVICES 
/*-- ===================================================== --*/
@media all and (max-width: 767px){	
	/*-- ============ 9.1 TYPOGRAPHY ============ --*/
	h1{
		font-size:50px;
		line-height:62px;
		letter-spacing:6px;
	}
	p.subtitle-big{
		font-size:26px;
		letter-spacing:4px;
	}
	#home-section h1.main-title-stroke{
		padding:10px 20px 10px 26px;
	}
	
	
	/*-- ============ 9.2 SECTIONS ============ --*/
	section .left-side .content-container,
	section .right-side .content-container,
	section .content-container-center
	{
		padding-left:15px; 
		padding-right:15px; 
	}
	section .right-side .content-container.pad-left-md{
		padding-left:15px;		
	}
	#home-section{
		height:auto;
	}
	#home-section .main-title-stroke{
		margin-bottom:80px;
	}
	
	
	/*-- ============ 9.3 COLUMNS ============ --*/
	.col-xs-rlt{
		position:relative;
		display:block;
		float:left;
		top:0;
		-webkit-transform	: translate(0,0);
		-moz-transform		: translate(0,0);
		-ms-transform		: translate(0,0);
		-o-transform		: translate(0,0);
		transform			: translate(0,0);
	}
	.col-xs-height-auto{ height:auto; }
	
	
	/*-- ============ 9.4 MARGINS & PADDINGS ============ --*/
	.logo{ margin-top:0px; }
	.col-xs-mrg-top-lg{ margin-top:90px; }
	.col-xs-mrg-top-md{ margin-top:60px; }
	.col-xs-mrg-top-sm{ margin-top:30px; }
	.col-xs-mrg-top-xs{ margin-top:12px; }
	.col-xs-mrg-right-lg{ margin-right:90px; }
	.col-xs-mrg-right-md{ margin-right:60px; }
	.col-xs-mrg-right-sm{ margin-right:30px; }
	.col-xs-mrg-right-xs{ margin-right:12px; }
	.col-xs-mrg-bottom-lg{ margin-bottom:90px; }
	.col-xs-mrg-bottom-md{ margin-bottom:60px; }
	.col-xs-mrg-bottom-sm{ margin-bottom:30px; }
	.col-xs-mrg-bottom-xs{ margin-bottom:12px; }
	.col-xs-mrg-left-lg{ margin-left:90px; }
	.col-xs-mrg-left-md{ margin-left:60px; }
	.col-xs-mrg-left-sm{ margin-left:30px; }
	.col-xs-mrg-left-xs{ margin-left:12px; }
	.col-xs-mrg-all-lg{ margin:90px; }
	.col-xs-mrg-all-md{ margin:60px; }
	.col-xs-mrg-all-sm{ margin:30px; }
	.col-xs-mrg-all-xs{ margin:12px; }

	.col-xs-pad-top-lg{ padding-top:45px; }
	.col-xs-pad-top-md{ padding-top:30px; }
	.col-xs-pad-top-sm{ padding-top:15px; }
	.col-xs-pad-right-lg{ padding-right:45px; }
	.col-xs-pad-right-md{ padding-right:30px; }
	.col-xs-pad-right-sm{ padding-right:15px; }
	.col-xs-pad-bottom-lg{ padding-bottom:45px; }
	.col-xs-pad-bottom-md{ padding-bottom:30px; }
	.col-xs-pad-bottom-sm{ padding-bottom:15px; }
	.col-xs-pad-left-lg{ padding-left:45px; }
	.col-xs-pad-left-md{ padding-left:30px; }
	.col-xs-pad-left-sm{ padding-left:15px; }
	.col-xs-pad-all-lg{ padding:45px; }
	.col-xs-pad-all-md{ padding:30px; }
	.col-xs-pad-all-sm{ padding:15px; }
	.col-xs-no-pad{ padding:0px; }
	.col-xs-spacer{ padding-top:80px !important; padding-bottom:80px !important; }
	
	.large-pad-left{ padding-left:15px; }
	.large-pad-right{ padding-right:15px; }
	
	
	/*-- ============ 9.5 MENU PANEL ============ --*/
	.menu-panel li a{
		font-size:24px;
		line-height:36px;
		letter-spacing:3px;
		padding-left:3px;
	}
	
	/*-- ============ 9.6 SIMPLE COUNTDOWN ============ --*/
	.layout-2 .countdown-container{
		padding:0px 15px;
	}
}