/*--
AUTHOR   : SimplePixel
URL      : http://themeforest.net/user/SimplePixel
TEMPLATE : Neana - 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 PROGRESS BAR
	4.9 COUNTDOWN
	4.10 COUNT-UP
	4.11 PRELOADERS
	4.12 MENU
	4.13 TITLE LINE
	4.14 HOME SLIDER
	4.15 QUOTE BLOCK
	4.16 TAB NAVIGATION & TAB CONTENT
	4.17 SKILL BLOCK
	4.18 CLIENT LIST
	4.19 PORTFOLIO
	4.20 MAP
5.0 LAYOUTS
	5.1 SECTIONS
	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
8.0 STYLE FOR TABLET PORTRAIT
	8.1 SECTIONS
	8.2 COLUMNS
	8.3 MARGINS & PADDINGS
	8.4 COUNTDOWN
	8.5 TAB NAV
	8.6 PORTFOLIO
	8.7 MAP
	8.8 MENU
9.0 STYLE FOR EXTRA SMALL DEVICES
	9.1 TYPOGRAPHY
	9.2 COLUMNS
	9.3 MARGINS & PADDINGS
	9.4 COUNTDOWN
	9.5 TITLE LINE
	9.6 PORTFOLIO
	9.7 MAGNIFIC POPUP STYLE
	9.8 INFO HEADER
	9.9 HOME SLIDER
	9.10 LOGO
10.0 STYLE FOR EXTRA SMALL DEVICES (LANDSCAPE)
	10.1 TITLE LINE
	10.2 PORTFOLIO
	10.3 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("owl.carousel.css");
@import url("owl.theme.css");
@import url("jquery.kenburnsy.css");


/*-- ====== IMPORT GOOGLE FONT ======= --*/
@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:400,300,700");


/*-- ========================================= --
	1.0 BASIC STYLE
/*-- ========================================= --*/
html, body{
	-webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}
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 ============ --*/
*{
	font-family: 'Josefin Sans', sans-serif;
}


/*-- ============ 2.2 HEADINGS ============ --*/
h1, h2, h3, h4, h5, h6{
	position:relative;
	margin:0px;
	color:#FFFFFF;
}
h1{
	font-size:70px;
	line-height:90px;
	letter-spacing:10px;
	font-weight:300;
}
h1.text-center{
	padding-left:10px;
}
h1.text-left{
	margin-left:-5px;
}
h1.text-right{
	margin-right:-10px;
}

h2{
	font-weight:300;
	font-size:54px;
	line-height:66px;
	letter-spacing:8px;
}
h2.text-right{
	margin-right:-8px;
}
h2.text-center{
	padding-left:8px;
}


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

h4{
	font-size:20px;
	text-transform:uppercase;
	line-height:32px;
	letter-spacing:2px;
	font-weight:700;
}
h4.text-right{
	margin-right:-2px;
}

h5{
	font-size:16px;
	text-transform:uppercase;
	line-height:28px;
	letter-spacing:3px;
	font-weight:700;
}
h5.text-right{
	margin-right:-3px;
}

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


/*-- ============ 2.3 FONT STYLES ============ --*/
strong { font-weight:700; color:white; }
.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:18px;
	margin:0px;
	padding:0px;
	line-height:35px;
	letter-spacing:0px;
	color:#636363;
}
footer p{
	font-size:16px;
	line-height:28px;
}

/*-- ============ 2.5 TITLES ============ --*/
p.subtitle-big,
p.subtitle-medium,
p.subtitle-small
{
	position:relative;
	font-weight:400;
	margin:0px;
	text-align:center;
	color:#FFFFFF;
}
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{
	position:relative;
	float:left;
	display:block;
	margin-top:-2px;
}
.logo .img-logo{
	width:125px;
	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:#FFFFFF;
}

.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;
	overflow:visible;
	-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;
}
a.link-1::before{
	content:'';
	position:absolute;
	display:block;
	width:0%;
	height:1px;
	right:0px;
	bottom:-1px;
	background:white;
	-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;
	backface-visibility:hidden;
}
a.link-1 i,
a.link-1 > span
{
	-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;
}
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:white;
}
a.link-1:hover::before,
a.link-1.active::before
{
	width:100%;
}


/*-- social media container --*/
.social-media-link{
	position:fixed;
	z-index:9;
	right:30px;
	bottom:30px;
}
.social-media-link a.link-1{
	font-size:12px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:white;
	margin-right:30px;
}
.social-media-link a.link-1:last-child{
	margin-right:0px;
}


/*-- social media link (style-1) --*/
a.social-media-1{
	display:inline-block;
	margin:0px 12px;
}
a.social-media-1 i{
	color:#8f93a8;
	font-size:18px;
	-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:hover i{
	color:white;
}


/*-- ============ 4.5 BUTTONS ============ --*/
/*-- square button --*/
.button{
	position:relative;
	display:inline-block;
	text-align:center;
	text-transform:uppercase;
	font-weight:700;
	overflow:hidden;
	z-index:1;
	outline:none;
	border:none;
	background-image:none;
    filter:none;
}
.button span{
	display:block;
	-webkit-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1);
	   -moz-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1);
	    -ms-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1);
	     -o-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1);
	        transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1);
	-webkit-transform:translateY(100px);
	   -moz-transform:translateY(100px);
	    -ms-transform:translateY(100px);
	     -o-transform:translateY(100px);
	        transform:translateY(100px);
}
.button::before{
	content:attr(data-text);
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	-webkit-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1);
	   -moz-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1);
	    -ms-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1);
	     -o-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1);
	        transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1);
	-webkit-transform:translateX(0%);
	   -moz-transform:translateX(0%);
	    -ms-transform:translateX(0%);
	     -o-transform:translateX(0%);
	        transform:translateX(0%);
	z-index:1;
}
.button:hover::before{
	-webkit-transform:translateX(-100%);
	   -moz-transform:translateX(-100%);
	    -ms-transform:translateX(-100%);
	     -o-transform:translateX(-100%);
	        transform:translateX(-100%);
}
.button:hover span{
	-webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
	    -ms-transform:translateY(0px);
	     -o-transform:translateY(0px);
	        transform:translateY(0px);
}

.button-small,
.button-small::before,
.button-small::after
{
	padding:8px 30px 8px 30px;
	letter-spacing:1px;
	font-size:10px;
}
.button-medium,
.button-medium::before,
.button-medium::after
{
	padding:15px 50px 15px 50px;
	height:45px;
	letter-spacing:2px;
	font-size:11px;
}
.button-large,
.button-large::before,
.button-large::after
{
	padding:25px 60px 25px 60px;
	letter-spacing:3px;
	font-size:13px;
}

/*-- button color - red --*/
.button-red{
	background:none;
	-webkit-box-shadow: inset 0 0 0 1px #d81e5b;
	   -moz-box-shadow: inset 0 0 0 1px #d81e5b;
	    -ms-box-shadow: inset 0 0 0 1px #d81e5b;
	     -o-box-shadow: inset 0 0 0 1px #d81e5b;
	        box-shadow: inset 0 0 0 1px #d81e5b;
}
.button-red::before{
	background:#d81e5b;
	color:white;
}
.button-red span{
	color:#d81e5b;
}

/*-- button color - white --*/
.button-white{
	background:none;
	-webkit-box-shadow: inset 0 0 0 1px white;
	   -moz-box-shadow: inset 0 0 0 1px white;
	    -ms-box-shadow: inset 0 0 0 1px white;
	     -o-box-shadow: inset 0 0 0 1px white;
	        box-shadow: inset 0 0 0 1px white;
}
.button-white::before{
	background:white;
	color:#0c1a34;
}
.button-white span{
	color:white;
}

/*-- subscribe button --*/
form.subscribe-form .button{
	position:absolute;
	display:block;
	right:25px;
	top: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:16px;
	letter-spacing:2px;
	font-weight:400;
	color:#FFFFFF;
	border:none;
	background:none;
	z-index:2;
	backface-visibility:hidden;
}
textarea{
	height:150px;
	resize:none;
}
form.subscribe-form input[type="text"]{
	color:#dadada;
	padding-right:143px;
}

form .input-container{
	position:relative;
	display:inline-block;
	float:left;
	width:100%;
	border-bottom:1px solid #FFFFFF;
	overflow:visible;
}
form.subscribe-form .input-container{
	border-bottom:1px solid white;
}

form .input-container,
form .input-border-bottom,
form .input-border-bottom::before,
form .input-border-bottom::after
{
	-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;
}
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:white;
	-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-transform: rotateX(90deg);
	   -moz-transform: rotateX(90deg);
	    -ms-transform: rotateX(90deg);
	     -o-transform: rotateX(90deg);
	        transform: rotateX(90deg);
	opacity:0;
}
form.subscribe-form .input-border-bottom::before{
	background:rgba(255,255,255,0.1);
}

form .input-border-bottom::after{
	content:'';
	position:absolute;
	display:none;
	width:100%;
	height:2px;
	bottom:0px;
	left:0px;
	background:#FFFFFF;
}
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 .input-container.form-error{
	border-bottom:1px solid #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:#FFFFFF;
	-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:#FFFFFF;
	color:white;
}
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: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;
	overflow:hidden;
}
.form-notif{
	opacity:0;
	height:0px;
}
.form-notif.is-visible{
	opacity:1;
	height:53px;
	visibility:visible;
}
.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-block-desc.text-center h4{
	padding-left:4px;
}


/*-- ============ 4.8 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:#FFFFFF;
	-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:#FFFFFF;
}

/*-- ============ 4.9 COUNTDOWN ============ --*/
.countdown-container{
	position:relative;
	float:left;
	width:100%;
	height:200px;
	margin-top:-109px;
	text-align:center;
	z-index:2;
}

/*-- shows days, hours, minutes, and seconds left --*/
.full-countdown{
	text-align:center;
}
.full-countdown .dash{
	position:relative;
	display:inline-block;
	width:200px;
	height:200px;
	background:none;
}
.full-countdown .dash .counter{
	display:table-cell;
	vertical-align:middle;
	width:200px;
	height:200px;
}
.full-countdown .digit{
	display:inline-block;
	font-weight:300;
	font-size:100px;
	line-height:100px;
	margin-top:-10px;
	padding:0px;
}
.full-countdown .digit > div{
	color:white;
}
.full-countdown .dash_title{
	text-transform:uppercase;
	width:100%;
	display:block;
	color:#FFFFFF;
	font-size:11px;
	line-height:24px;
	font-weight:700;
	letter-spacing:2px;
	margin-top:-6px;
}


/*-- ============ 4.10 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 #FFFFFF;
}




/*-- ============ 4.12 MENU ============ --*/
nav{
	position:fixed;
	display:block;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 50px 0px 50px;
	height:100px;
	z-index:4;
	-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;
	-webkit-transform:translateY(-100%);
	   -moz-transform:translateY(-100%);
	    -ms-transform:translateY(-100%);
	     -o-transform:translateY(-100%);
	        transform:translateY(-100%);
	opacity:0;
	visibility:hidden;
}
nav.is-visible{
	opacity:1;
	visibility:visible;
	-webkit-transform:translateY(0%);
	   -moz-transform:translateY(0%);
	    -ms-transform:translateY(0%);
	     -o-transform:translateY(0%);
	        transform:translateY(0%);
}
nav::before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:0%;
	height:100%;
	background:#FFFFFF;
	-webkit-transition:all 0.7s ease;
	   -moz-transition:all 0.7s ease;
	    -ms-transition:all 0.7s ease;
	     -o-transition:all 0.7s ease;
	        transition:all 0.7s ease;
	-webkit-backface-visibility:hidden;
}
nav.has-bg{
	height:80px;
}
nav.has-bg::before{
	width:100%;
}
nav .menu{
	position:absolute;
	display:block;
	right:50px;
	height:20px;
	width:auto;
}

/*-- 4.12.1 MENU ICON --*/
nav .menu .icon-container{
	position:absolute;
	top:0px;
	right:0px;
	width:30px;
	height:20px;
	-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;
	visibility:visible;
	opacity:1;
}
nav .menu .icon-container.is-hidden{
	visibility:hidden;
	opacity:0;
}
nav .menu .show-menu-button{
	visibility:hidden;
	opacity:0;
}
nav .menu .show-menu-button.is-visible{
	visibility:visible;
	opacity:1;
}
nav .menu .icon-container .label-container{
	position:absolute;
	right:70px;
	top:0px;
	width:200px;
	text-align:right;
	color:white;
	line-height:20px;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:3px;
	-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;
	visibility:hidden;
	opacity:0;
}
nav .menu .icon-container.more-info-button:hover .label-container{
	visibility:visible;
	opacity:1;
	right:50px;
}
nav .menu .icon-container > span{
	position:absolute;
	right:0px;
	width:100%;
	height:1px;
	-webkit-transform-origin:50% 50%;
	   -moz-transform-origin:50% 50%;
	     -o-transform-origin:50% 50%;
	    -ms-transform-origin:50% 50%;
	        transform-origin:50% 50%;
	-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;
	background:white;
}
nav .menu .icon-container > span:nth-child(1){
	top:0px;
}
nav .menu .icon-container > span:nth-child(2){
	top:9px;
	width:80%;
}
nav .menu .icon-container > span:nth-child(3){
	top:18px;
	width:60%;
}
nav .menu .icon-container:hover > span:nth-child(1){
	width:100%;
}
nav .menu .icon-container:hover > span:nth-child(2){
	width:100%;
}
nav .menu .icon-container:hover > span:nth-child(3){
	width:100%;
}
nav .menu .icon-container.open > span:nth-child(1){
	top:9px;
	transform:rotate3d(0, 0, 1, 45deg);
	-moz-transform:rotate3d(0, 0, 1, 45deg);
	-webkit-transform:rotate3d(0, 0, 1, 45deg);
	-o-transform:rotate3d(0, 0, 1, 45deg);
	-ms-transform:rotate3d(0, 0, 1, 45deg);
}
nav .menu .icon-container.open > span:nth-child(2){
	top:9px;
	opacity:0;
}
nav .menu .icon-container.open > span:nth-child(3){
	top:9px;
	transform:rotate3d(0, 0, 1, -45deg);
	-moz-transform:rotate3d(0, 0, 1, -45deg);
	-webkit-transform:rotate3d(0, 0, 1, -45deg);
	-o-transform:rotate3d(0, 0, 1, -45deg);
	-ms-transform:rotate3d(0, 0, 1, -45deg);
}

/*-- 4.12.2 MENU LIST --*/
nav .menu .menu-list{
	position:relative;
	float:right;
	display:block;
	width:auto;
	padding:0px;
	list-style:none;
	margin-right:0px;
}
nav .menu .menu-list{
	opacity:0;
	visibility:hidden;
	-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;
}
nav .menu .menu-list.is-visible{
	opacity:1;
	visibility:visible;
}
nav .menu .menu-list li{
	position:relative;
	float:right;
	display:inline-block;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:3px;
	margin:0px 15px;
	overflow:hidden;
	-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;
}
nav .menu .menu-list li:first-child{
	margin:0px 0px 0px 15px;
}
nav .menu .menu-list li a{
	color:white;
	padding-left:2px;
}


/*-- ============ 4.13 TITLE LINE ============ --*/
.title-line-h1,
.title-line-h2
{
	position:relative;
	display:inline-block;
	margin-top:-10px;
	width:55px;
	height:50px;
}
.title-line-h2{
	height:38px;
}
.title-line-h1:before,
.title-line-h2:before
{
	content:'';
	position:absolute;
	left:0px;
	top:50%;
	width:40px;
	height:1px;
	background:white;
}
.title-line-h2.line-left:before{
	left:5px;
}
.title-line-h2.line-grey:before{
	background:#FFFFFF;
}
.title-line-h1:after,
.title-line-h2:after
{
	content:'';
	position:absolute;
	left:40px;
	top:50%;
	margin-top:-5px;
	width:10px;
	height:10px;
	border:1px solid white;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	    -ms-border-radius:50%;
	     -o-border-radius:50%;
	        border-radius:50%;
}
.title-line-h2.line-left:after{
	left:-5px;
}
.title-line-h2.line-grey:after{
	border:1px solid #FFFFFF;
}


/*-- ============ 4.14 HOME SLIDER ============ --*/
.home-slider{
	margin:0px;
}
.home-slider .owl-wrapper-outer,
.home-slider .owl-wrapper-outer .owl-wrapper,
.home-slider .owl-wrapper-outer .owl-wrapper .owl-item
{
	height:100% !important;
	padding:0px;
}
.home-slider .owl-wrapper-outer{
	width:100%;
}
.home-slider .owl-controls .owl-buttons{
	display:none !important;
}
.home-slider .owl-controls .owl-pagination{
	position:absolute;
	display:block;
	width:100%;
	left:0px;
	bottom:40px;
	-webkit-transition:all 1s ease 1.5s;
	   -moz-transition:all 1s ease 1.5s;
	    -ms-transition:all 1s ease 1.5s;
	     -o-transition:all 1s ease 1.5s;
	        transition:all 1s ease 1.5s;
	-webkit-transform:translateY(80px);
	   -moz-transform:translateY(80px);
	    -ms-transform:translateY(80px);
	     -o-transform:translateY(80px);
	        transform:translateY(80px);
	opacity:0;
	visibility:hidden;
}
.home-slider.is-visible .owl-controls .owl-pagination{
	opacity:1;
	visibility:visible;
	-webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
	    -ms-transform:translateY(0px);
	     -o-transform:translateY(0px);
	        transform:translateY(0px);
}
.home-slider .owl-controls .owl-page span{
	display: block;
	width: 15px;
	height: 15px;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	background:none;
	-webkit-transition:all 0.7s ease;
	   -moz-transition:all 0.7s ease;
	     -o-transition:all 0.7s ease;
	    -ms-transition:all 0.7s ease;
	        transition:all 0.7s ease;
	-webkit-box-shadow: inset 0 0 0 1px white;
	   -moz-box-shadow: inset 0 0 0 1px white;
	    -ms-box-shadow: inset 0 0 0 1px white;
	     -o-box-shadow: inset 0 0 0 1px white;
	        box-shadow: inset 0 0 0 1px white;
}
.home-slider .owl-controls .owl-page span::before{
	content:'';
	position:absolute;
	display:block;
	width:21px;
	height:1px;
	left:-21px;
	top:7px;
	background:white;
}
.home-slider .owl-controls .owl-page:first-child span::before{
	display:none;
}
.home-slider .owl-controls .owl-page.active span,
.home-slider .owl-controls.clickable .owl-page:hover span
{
	background:none;
	-webkit-box-shadow: inset 0 0 0 15px white;
	   -moz-box-shadow: inset 0 0 0 15px white;
	    -ms-box-shadow: inset 0 0 0 15px white;
	     -o-box-shadow: inset 0 0 0 15px white;
	        box-shadow: inset 0 0 0 15px white;
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	     -o-transform: rotate(0deg);
	        transform: rotate(0deg);
}
.home-slider .image-container{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:1;
	overflow:hidden;
}
.home-slider .owl-item .image-container img{
	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%);
}
@media only screen and (orientation: landscape){
	.home-slider .image-container img{
		position:absolute;
		display:block;
		width:100%;
		min-height:100%;
	}
}
@media only screen and (orientation: portrait){
	.home-slider .image-container img{
		position:absolute;
		display:block;
		height:100%;
		min-width:100%;
	}
}
.home-slider .image-container::before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:2;
	background:rgba(68,75,110,0.5);
}
.home-content .text-container{
	position:relative;
	z-index:3;
	height:100%;
}


/*-- 4.14.1 HEADLINE TRANSITION --*/
.home-content .headline,
.home-content .headline-desc,
.home-content .button-container,
.home-slider .owl-item .headline,
.home-slider .owl-item .headline-desc,
.home-slider .owl-item .button-container
{
	visibility:hidden;
	opacity:0;
}

.home-slider .owl-item.active .headline,
.home-slider .owl-item .button-container,
.home-slider .owl-item .headline-desc,
.home-slider .owl-item .headline,
.home-content .headline
{
	-webkit-transition:all 1s ease 0ms;
	   -moz-transition:all 1s ease 0ms;
	     -o-transition:all 1s ease 0ms;
	    -ms-transition:all 1s ease 0ms;
	        transition:all 1s ease 0ms;
}
.home-slider .owl-item.active .headline-desc,
.home-content .headline-desc
{
	-webkit-transition:all 1s ease 500ms;
	   -moz-transition:all 1s ease 500ms;
	     -o-transition:all 1s ease 500ms;
	    -ms-transition:all 1s ease 500ms;
	        transition:all 1s ease 500ms;
}
.home-slider .owl-item.active .button-container,
.home-content .button-container
{
	-webkit-transition:all 1s ease 1s;
	   -moz-transition:all 1s ease 1s;
	     -o-transition:all 1s ease 1s;
	    -ms-transition:all 1s ease 1s;
	        transition:all 1s ease 1s;
}


.home-slider .owl-item .in-top,
.home-content .in-top,
.home-slider.is-visible .owl-item .in-top
{
	visibility:hidden;
	opacity:0;
	-webkit-transform:translate(0px, 80px);
	   -moz-transform:translate(0px, 80px);
	    -ms-transform:translate(0px, 80px);
	     -o-transform:translate(0px, 80px);
	        transform:translate(0px, 80px);
}
.home-slider .owl-item .in-bottom,
.home-content .in-bottom,
.home-slider.is-visible .owl-item .in-bottom
{
	visibility:hidden;
	opacity:0;
	-webkit-transform:translate(0px, -80px);
	   -moz-transform:translate(0px, -80px);
	    -ms-transform:translate(0px, -80px);
	     -o-transform:translate(0px, -80px);
	        transform:translate(0px, -80px);
}
.home-slider .owl-item .in-left,
.home-content .in-left,
.home-slider.is-visible .owl-item .in-left
{
	visibility:hidden;
	opacity:0;
	-webkit-transform:translate(80px, 0px);
	   -moz-transform:translate(80px, 0px);
	    -ms-transform:translate(80px, 0px);
	     -o-transform:translate(80px, 0px);
	        transform:translate(80px, 0px);
}
.home-slider .owl-item .in-right,
.home-content .in-right,
.home-slider.is-visible .owl-item .in-right
{
	visibility:hidden;
	opacity:0;
	-webkit-transform:translate(-80px, 0px);
	   -moz-transform:translate(-80px, 0px);
	    -ms-transform:translate(-80px, 0px);
	     -o-transform:translate(-80px, 0px);
	        transform:translate(-80px, 0px);
}
.home-content.is-visible .in-top,
.home-content.is-visible .in-bottom,
.home-content.is-visible .in-left,
.home-content.is-visible .in-right,
.home-slider.is-visible .owl-item.active .in-top,
.home-slider.is-visible .owl-item.active .in-bottom,
.home-slider.is-visible .owl-item.active .in-left,
.home-slider.is-visible .owl-item.active .in-right
{
	visibility:visible;
	opacity:1;
	-webkit-transform:translate(0px, 0px);
	   -moz-transform:translate(0px, 0px);
	    -ms-transform:translate(0px, 0px);
	     -o-transform:translate(0px, 0px);
	        transform:translate(0px, 0px);
}

/*-- ============ 4.15 QUOTE BLOCK ============ --*/
.quote-block{
	position:relative;
	width:100%;
	height:auto;
	padding:30px 15px;
	background:#f5f5f5;
	text-align:center;
}
.quote-block .icon{
	display:inline-block;
	color:#FFFFFF;
	font-size:34px;
}
.quote-block p{
	color:#FFFFFF;
	font-style:italic;
}
.quote-block .quote-by{
	font-weight:700;
	letter-spacing:3px;
	color:#a4a4a4;
	text-transform:uppercase;
	font-size:12px;
}


/*-- ============ 4.16 TAB NAVIGATION & TAB CONTENT ============ --*/
/*-- 4.16.1 TAB NAV --*/
.tab-nav{
	display:inline-block;
	width:auto;
	padding:0px 50px 30px 50px;
	list-style:none;
	text-align:center;
	border-bottom:1px solid #FFFFFF;
}
.tab-nav li{
	position:relative;
	display:inline-block;
	text-align:center;
	width:200px;
	height:auto;
	margin:0px 10px;
}
.tab-nav li,
.tab-nav li a,
.tab-nav li .vertical-line,
.tab-nav li a::after
{
	-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;
}
.tab-nav li a{
	position:relative;
	display:block;
	background-color:white;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:3px;
	padding:0px 0px 20px 3px;
	font-size:16px;
	-webkit-transform:translateY(20px);
	   -moz-transform:translateY(20px);
	    -ms-transform:translateY(20px);
	     -o-transform:translateY(20px);
	        transform:translateY(20px);
	z-index:2;
}
.tab-nav li a.bg-lightgrey{
	background-color:#f5f5f5;
}
.tab-nav li a::after{
	content:'';
	position:absolute;
	display:block;
	bottom:0px;
	left:50%;
	-webkit-transform:translateX(-45%);
	   -moz-transform:translateX(-45%);
	    -ms-transform:translateX(-45%);
	     -o-transform:translateX(-45%);
	        transform:translateX(-45%);
	width:11px;
	height:11px;
	border:1px solid #FFFFFF;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	    -ms-border-radius:50%;
	     -o-border-radius:50%;
	        border-radius:50%;
}
.tab-nav li .vertical-line{
	position:absolute;
	display:block;
	bottom:-30px;
	margin-left:1px;
	width:50%;
	height:30px;
	z-index:1;
	border-right:1px solid #FFFFFF;
	background:none;
}
.tab-nav li.active a{
	color:#d81e5b;
	-webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
	    -ms-transform:translateY(0px);
	     -o-transform:translateY(0px);
	        transform:translateY(0px);
}
.tab-nav li a:hover{
	-webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
	    -ms-transform:translateY(0px);
	     -o-transform:translateY(0px);
	        transform:translateY(0px);
}

/*-- 4.16.2 TAB CONTENT --*/
.tab-content .tab-pane > div{
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	-o-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: top;
	-moz-perspective-origin: top;
	-ms-perspective-origin: top;
	-o-perspective-origin: top;
	perspective-origin: top;
}
.tab-content.service-content .tab-pane .service-desc{
	-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;
}
.tab-content.service-content .tab-pane .icon{
	color:#d81e5b;
	font-size:67px;
	margin:30px 0px;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	   -moz-transition:all 0.3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	    -ms-transition:all 0.3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	     -o-transition:all 0.3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	        transition:all 0.3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
.tab-content.service-content .tab-pane:hover .icon{
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	     -o-transform: scale(1.2);
	        transform: scale(1.2);
}
.tab-content.service-content .tab-pane:hover .service-desc{
	-webkit-transform: translateY(10px);
	   -moz-transform: translateY(10px);
	    -ms-transform: translateY(10px);
	     -o-transform: translateY(10px);
	        transform: translateY(10px);
}


/*-- ============ 4.17 SKILL BLOCK ============ --*/
.skill-block{
	display:block;
	width:100%;
	height:auto;
	padding:30px;
	margin-top:30px;
	text-align:center;
	-webkit-transform: rotateX(0deg);
	   -moz-transform: rotateX(0deg);
	    -ms-transform: rotateX(0deg);
	     -o-transform: rotateX(0deg);
	        transform: rotateX(0deg);
	-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.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;
	-webkit-box-shadow: inset 0 0 0 0px #d81e5b;
	   -moz-box-shadow: inset 0 0 0 0px #d81e5b;
	    -ms-box-shadow: inset 0 0 0 0px #d81e5b;
	     -o-box-shadow: inset 0 0 0 0px #d81e5b;
	        box-shadow: inset 0 0 0 0px #d81e5b;
	outline: 1px solid transparent;
}
.skill-block:hover{
	-webkit-transform: rotateX(20deg);
	   -moz-transform: rotateX(20deg);
	    -ms-transform: rotateX(20deg);
	     -o-transform: rotateX(20deg);
	        transform: rotateX(20deg);
	-webkit-box-shadow: inset 0 0 0 3px #d81e5b;
	   -moz-box-shadow: inset 0 0 0 3px #d81e5b;
	    -ms-box-shadow: inset 0 0 0 3px #d81e5b;
	     -o-box-shadow: inset 0 0 0 3px #d81e5b;
	        box-shadow: inset 0 0 0 3px #d81e5b;
}
.skill-block .icon{
	color:#d81e5b;
	font-size:36px;
	padding-bottom:5px;
}
.skill-block h1{
	letter-spacing:0px;
	font-size:80px;
	line-height:60px;
}


/*-- ============ 4.18 CLIENT LIST ============ --*/
.client-list{
	position:relative;
	float:left;
	display:block;
	width:100%;
	height:300px;
	background-image:url(http://placehold.it/2500x1100);
	background-size:cover;
}
.client-list::before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:1;
	background:rgba(68,75,110,0.5);
}
.client-list .client-logo{
	display:inline-block;
	width:195px;
	height:125px;
}
.client-list .logo-carousel{
	margin-top:87px;
	text-align:center;
}
.client-list .logo-carousel .owl-wrapper-outer{
	z-index:2;
}
.client-list .logo-carousel .owl-controls{
	z-index:1;
	position:absolute;
	display:block;
	width:100%;
	margin-top:0px;
	top:52px;
	opacity: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;
}
.client-list:hover .logo-carousel .owl-controls{
	opacity:1;
}
.client-list .logo-carousel .owl-buttons .owl-prev,
.client-list .logo-carousel .owl-buttons .owl-next
{
	position:absolute;
	display:block;
	color:rgba(0,0,0,0);
	width:55px;
	height:10px;
	margin-top:10px;
	opacity:1;
	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;
}
.client-list .logo-carousel .owl-buttons .owl-prev{
	left:-80px;
}
.client-list .logo-carousel .owl-buttons .owl-prev:hover{
	-webkit-transform: translateX(-10px);
	   -moz-transform: translateX(-10px);
	    -ms-transform: translateX(-10px);
	     -o-transform: translateX(-10px);
	        transform: translateX(-10px);
}
.client-list .logo-carousel .owl-buttons .owl-next{
	right:-80px;
}
.client-list .logo-carousel .owl-buttons .owl-next:hover{
	-webkit-transform: translateX(10px);
	   -moz-transform: translateX(10px);
	    -ms-transform: translateX(10px);
	     -o-transform: translateX(10px);
	        transform: translateX(10px);
}
.client-list .logo-carousel .owl-buttons .owl-prev::before,
.client-list .logo-carousel .owl-buttons .owl-next::before
{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:10px;
	height:10px;
	border:1px solid white;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	    -ms-border-radius:50%;
	     -o-border-radius:50%;
	        border-radius:50%;
}
.client-list .logo-carousel .owl-buttons .owl-next::before{
	left:45px;
}
.client-list .logo-carousel .owl-buttons .owl-prev::after,
.client-list .logo-carousel .owl-buttons .owl-next::after
{
	content:'';
	position:absolute;
	display:block;
	width:40px;
	height:1px;
	left:10px;
	top:5px;
	background:white;
}
.client-list .logo-carousel .owl-buttons .owl-next::after{
	left:5px;
}


/*-- ============ 4.19 PORTFOLIO ============ --*/
.portfolio .portfolio-item{
	display:block;
	height:275px;
	margin-bottom:30px;
}
.portfolio .portfolio-item .portfolio-content{
	position:relative;
	float:left;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.portfolio .portfolio-item .portfolio-content::before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background:rgba(68,75,110,0);
	z-index:1;
	-webkit-transition:all 0.7s ease;
	   -moz-transition:all 0.7s ease;
	    -ms-transition:all 0.7s ease;
	     -o-transition:all 0.7s ease;
	        transition:all 0.7s ease;
}
.portfolio .portfolio-item .portfolio-content img{
	position:absolute;
	width:105%;
	height:auto;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%) scale(1);
	   -moz-transform:translate(-50%, -50%) scale(1);
	    -ms-transform:translate(-50%, -50%) scale(1);
	     -o-transform:translate(-50%, -50%) scale(1);
	        transform:translate(-50%, -50%) scale(1);
	-webkit-transition:all 2s ease;
	   -moz-transition:all 2s ease;
	    -ms-transition:all 2s ease;
	     -o-transition:all 2s ease;
	        transition:all 2s ease;
	z-index:-1;
	-webkit-backface-visibility:hidden;
}
.portfolio .portfolio-item .portfolio-content:hover::before{
	background:rgba(68,75,110,0.8);
}
.portfolio .portfolio-item .portfolio-content:hover img{
	-webkit-transform:translate(-50%, -50%) scale(1.4);
	   -moz-transform:translate(-50%, -50%) scale(1.4);
	    -ms-transform:translate(-50%, -50%) scale(1.4);
	     -o-transform:translate(-50%, -50%) scale(1.4);
	        transform:translate(-50%, -50%) scale(1.4);
}
.portfolio .portfolio-item .portfolio-content .text-container{
	position:absolute;
	display:block;
	width:100%;
	height:auto;
	left:0px;
	bottom:30px;
	padding:0px 15px;
	z-index:2;
}
.portfolio .portfolio-item .portfolio-content .text-container h4{
	text-transform:none;
	color:white;
	-webkit-transition:all 0.5s ease 0ms;
	   -moz-transition:all 0.5s ease 0ms;
	    -ms-transition:all 0.5s ease 0ms;
	     -o-transition:all 0.5s ease 0ms;
	        transition:all 0.5s ease 0ms;
	-webkit-transform:translateX(-50px);
	   -moz-transform:translateX(-50px);
	    -ms-transform:translateX(-50px);
	     -o-transform:translateX(-50px);
	        transform:translateX(-50px);
	opacity:0;
}
.portfolio .portfolio-item .portfolio-content:hover .text-container h4{
	-webkit-transition:all 0.5s ease 200ms;
	   -moz-transition:all 0.5s ease 200ms;
	    -ms-transition:all 0.5s ease 200ms;
	     -o-transition:all 0.5s ease 200ms;
	        transition:all 0.5s ease 200ms;
	-webkit-transform:translateX(0px);
	   -moz-transform:translateX(0px);
	    -ms-transform:translateX(0px);
	     -o-transform:translateX(0px);
	        transform:translateX(0px);
	opacity:1;
}
.portfolio .portfolio-item .portfolio-content .text-container .category{
	position:relative;
	float:left;
	width:100%;
	font-weight:400;
	font-size:12px;
	text-transform:uppercase;
	color:white;
	margin-top:-2px;
	opacity:0;
	-webkit-transition:all 0.5s ease 0ms;
	   -moz-transition:all 0.5s ease 0ms;
	    -ms-transition:all 0.5s ease 0ms;
	     -o-transition:all 0.5s ease 0ms;
	        transition:all 0.5s ease 0ms;
	-webkit-transform:translateX(50px);
	   -moz-transform:translateX(50px);
	    -ms-transform:translateX(50px);
	     -o-transform:translateX(50px);
	        transform:translateX(50px);
}
.portfolio .portfolio-item .portfolio-content:hover .text-container .category{
	-webkit-transition:all 0.5s ease 400ms;
	   -moz-transition:all 0.5s ease 400ms;
	    -ms-transition:all 0.5s ease 400ms;
	     -o-transition:all 0.5s ease 400ms;
	        transition:all 0.5s ease 400ms;
	-webkit-transform:translateX(0px);
	   -moz-transform:translateX(0px);
	    -ms-transform:translateX(0px);
	     -o-transform:translateX(0px);
	        transform:translateX(0px);
	opacity:1;
}

/*-- ============ 4.20 MAP ============ --*/
#map{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:1;
}
.map-container{
	height:500px;
	overflow:hidden;
}
.map-container .contact-details{
	position:absolute;
	display:block;
	left:60px;
	width:300px;
	height:auto;
	background:rgba(68,75,110,0.8);
	padding:30px;
	z-index:2;
	-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;
	top:50%;
	-webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	     -o-transform:translateY(-50%);
	        transform:translateY(-50%);
	opacity:1;
	visibility:visible;
}
.map-container .contact-details p{
	line-height:30px;
}
.map-container .show-details{
	position:absolute;
	display:block;
	width:100%;
	bottom:0px;
	z-index:2;
	left: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;
	-webkit-transform:translate(0px,50px);
	   -moz-transform:translate(0px,50px);
	    -ms-transform:translate(0px,50px);
	     -o-transform:translate(0px,50px);
	        transform:translate(0px,50px);
}
.map-container .show-details:hover::before{
	-webkit-transform:translateX(0%);
	   -moz-transform:translateX(0%);
	    -ms-transform:translateX(0%);
	     -o-transform:translateX(0%);
	        transform:translateX(0%);
}
.map-container .show-details:hover span{
	-webkit-transform:translateY(100px);
	   -moz-transform:translateY(100px);
	    -ms-transform:translateY(100px);
	     -o-transform:translateY(100px);
	        transform:translateY(100px);
}
.map-container .show-details.is-visible{
	-webkit-transform:translate(0px,0px);
	   -moz-transform:translate(0px,0px);
	    -ms-transform:translate(0px,0px);
	     -o-transform:translate(0px,0px);
	        transform:translate(0px,0px);
}
.map-marker-info{
	line-height:26px;
	font-size:14px;
	color:#636363;
}


/*-- ========================================= --
	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-auto-height{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	padding:130px 0px 140px 0px;
}
.section-auto-height.pad-top-80{
	padding-top:80px;
}

/*-- 5.1.1 HOME SECTION --*/
.home-section{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:3;
	-webkit-transition:all 1s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	   -moz-transition:all 1s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	    -ms-transition:all 1s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	     -o-transition:all 1s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	        transition:all 1s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-webkit-transform:translateY(0%);
	   -moz-transform:translateY(0%);
	    -ms-transform:translateY(0%);
	     -o-transform:translateY(0%);
	        transform:translateY(0%);
}
.home-section.slider-solid-bg::before{
	content:'';
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#ffffff;
}
.home-section.is-hidden{
	-webkit-transform:translateY(-100%);
	   -moz-transform:translateY(-100%);
	    -ms-transform:translateY(-100%);
	     -o-transform:translateY(-100%);
	        transform:translateY(-100%);
}
.home-section .home-content{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:2;
}
.home-section .home-content .slide{
	position:relative;
	float:left;
	width:100%;
	height:100%;
}
.home-section .headline,
.home-section .headline-desc
{
	color:white;
}
.home-section .headline-desc{
	margin-top:30px;
}

/*-- 5.1.2 INFO SECTION --*/
.info-section{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:2;
	overflow-x:hidden;
	overflow-y:auto;
	background:white;
	-webkit-transition:all 1s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	   -moz-transition:all 1s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	    -ms-transition:all 1s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	     -o-transition:all 1s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	        transition:all 1s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-webkit-transform:translateY(50%);
	   -moz-transform:translateY(50%);
	    -ms-transform:translateY(50%);
	     -o-transform:translateY(50%);
	        transform:translateY(50%);
}
.info-section.is-visible{
	-webkit-transform:translateY(0%);
	   -moz-transform:translateY(0%);
	    -ms-transform:translateY(0%);
	     -o-transform:translateY(0%);
	        transform:translateY(0%);
}
.info-section .info-header{
	background-image:url(http://placehold.it/2500x1100);
	background-size:cover;
	background-repeat:no-repeat;
	height:500px;
}
.info-section .info-header::before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:1;
	background:rgba(68,75,110,0.5);
}
.info-section .info-header > div{
	z-index:2;
}
.info-section .send-message.bg-lightgrey,
.info-section footer.bg-blue
{
	background:none;
}
.info-section .send-message.bg-lightgrey::before,
.info-section footer.bg-blue::before
{
	content:'';
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:-2;
}
.info-section .send-message.bg-lightgrey::before{
	background:#f5f5f5;
}
.info-section footer{
	padding:50px 0px;
}
.info-section footer.bg-blue::before{
	background:#ffffff;
}
.info-section .about,
.info-section .services,
.info-section .portfolio,
.info-section .contact
{
	position:relative;
	float:left;
	display:block;
}


/*-- ============ 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;
}
.col-height-500{
	height:500px;
}





/*-- ============ 5.4 MARGINS & PADDINGS ============ --*/
.mrg-top-minus{ margin-top:-1px; }
.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; }

.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; }
.no-pad-left{ padding-left:0px; }
.no-pad-right{ padding-right:0px; }


/*-- ========================================= --
	6.0 COLOR SCHEMES
/*-- ========================================= --*/
.text-white{ color:white; }
.text-lightgrey{ color:#dadada; }
.text-grey{ color:#636363; }
.text-darkgrey{ color:#FFFFFF; }
.text-blue{ color:#ffffff; }
.text-lightblue{ color:#8f93a8; }
.text-red{ color:#d81e5b; }

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

.bg-lightgrey{ background-color:#f5f5f5; }
.bg-white{ background-color:white; }
.bg-blue{ background-color:#ffffff; }


/*-- ===================================================== --*
	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 ============ --*/
	.portfolio .portfolio-item{
		height:240px;
	}

	/*-- fix bug --*/
	.client-list{
		background-size:auto 700px;
		background-position:center;
	}
}

/*-- ===================================================== --*
	8.0 STYLE FOR TABLET PORTRAIT
/*-- ===================================================== --*/
@media all and (max-width: 991px){
	/*-- ============ 8.1 SECTIONS ============ --*/
	.section-full-rlt{
		height:auto;
	}

	/*-- ============ 8.2 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.3 MARGINS & PADDINGS ============ --*/
	.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; }


	/*-- ============ 8.4 COUNTDOWN ============ --*/
	.full-countdown .dash.seconds_dash{
		display:none;
	}

	/*-- ============ 8.5 TAB NAV ============ --*/
	.tab-nav{
		width:100%;
	}
	.tab-nav li{
		display:block;
		margin:0px;
		width:100%;
	}
	.tab-nav li a{
		display:inline-block;
		-webkit-transform:translateY(20px);
		   -moz-transform:translateY(20px);
	    	-ms-transform:translateY(20px);
	    	 -o-transform:translateY(20px);
	    	    transform:translateY(20px);
	}
	.tab-nav li a::after,
	.tab-nav li .vertical-line
	{
		display:none;
	}
	.tab-nav li:last-child a::after,
	.tab-nav li:last-child .vertical-line
	{
		display:block;
	}
	.tab-nav li.active a,
	.tab-nav li a:hover
	{
		-webkit-transform:translateY(20px);
	   	   -moz-transform:translateY(20px);
	    	-ms-transform:translateY(20px);
	         -o-transform:translateY(20px);
	            transform:translateY(20px);
	}

	/*-- ============ 8.6 PORTFOLIO ============ --*/
	.portfolio .portfolio-item{
		height:220px;
	}


	/*-- ============ 8.7 MAP ============ --*/
	.map-container .contact-details{
		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%);
	}
	.map-container .contact-details.is-hidden{
		opacity:0;
		visibility:hidden;
		-webkit-transform:translate(-50%, 0%);
	   	   -moz-transform:translate(-50%, 0%);
	    	-ms-transform:translate(-50%, 0%);
	     	 -o-transform:translate(-50%, 0%);
	            transform:translate(-50%, 0%);
	}


	/*-- ============ 8.8 MENU ============ --*/
	nav{
		padding:0px 30px 0px 30px;
		height:80px;
	}
	nav .menu{
		position:fixed;
		display:block;
		left:0px;
		top:0px;
		float:none;
		height:80px;
		width:100%;
		z-index:10;
		-webkit-transform	: translate(0,0);
		-moz-transform		: translate(0,0);
		-ms-transform		: translate(0,0);
		-o-transform		: translate(0,0);
		transform			: translate(0,0);
	}
	nav .menu .more-info-button .label-container{
		display:none;
	}
	nav .menu .show-menu-button,
	nav .menu .more-info-button
	{
		right:30px;
		top:30px;
	}
	nav .menu .menu-list{
		position:relative;
		float:left;
		display:block;
		width:100%;
		height:auto;
		padding:0px;
		list-style:none;
		margin:0px;
	}
	nav .menu .menu-list.menu-large-device{
		display:none;
	}
	nav .menu .menu-list.menu-small-device{
		display:block;
		visibility:hidden;
		-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:translateY(-100%);
		   -moz-transform:translateY(-100%);
		    -ms-transform:translateY(-100%);
		     -o-transform:translateY(-100%);
		        transform:translateY(-100%);
		background:#FFFFFF;
	}
	nav .menu .menu-list.menu-small-device.is-visible{
		visibility:visible;
		-webkit-transform:translateY(0%);
		   -moz-transform:translateY(0%);
		    -ms-transform:translateY(0%);
		     -o-transform:translateY(0%);
		        transform:translateY(0%);
	}
	nav .menu .menu-small-device li a.hide-menu{
		color:#d81e5b;
		font-size:12px;
		font-weight:400;
		text-transform:uppercase;
	}
	nav .menu .menu-list li{
		position:relative;
		float:right;
		display:block;
		width:100%;
		text-align:center;
		margin:15px 0px;
	}
	nav .menu .menu-list li:first-child{
		margin:30px 0px 15px 0px;
	}
	nav .menu .menu-list li:last-child{
		margin:15px 0px 30px 0px;
	}
	nav .menu .menu-list li a{
		color:white;
		padding-left:2px;
	}
}

/*-- ===================================================== --*
	9.0 STYLE FOR EXTRA SMALL DEVICES
/*-- ===================================================== --*/
@media all and (max-width: 767px){
	/*-- ============ 9.1 TYPOGRAPHY ============ --*/
	h1{
		font-size:50px;
		line-height:70px;
		letter-spacing:6px;
	}
	h1.text-center{
		padding-left:6px;
	}
	h1.text-left{
		margin-left:-3px;
	}
	h1.text-right{
		margin-right:-6px;
	}

	h2{
		font-weight:300;
		font-size:36px;
		line-height:48px;
		letter-spacing:4px;
	}
	h2.text-right{
		margin-right:-4px;
	}
	h2.text-center{
		padding-left:4px;
	}


	/*-- ============ 9.2 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.3 MARGINS & PADDINGS ============ --*/
	.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; }


	/*-- ============ 9.4 COUNTDOWN ============ --*/
	.full-countdown .dash.seconds_dash,
	.full-countdown .dash.minutes_dash,
	.full-countdown .dash.hours_dash
	{
		display:none;
	}

	/*-- ============ 9.5 TITLE LINE ============ --*/
	.title-line-h2{
		display:none;
	}

	/*-- ============ 9.6 PORTFOLIO ============ --*/
	.portfolio .portfolio-item{
		height:auto;
	}
	.portfolio .portfolio-item .portfolio-content img{
		position:relative;
		float:left;
		width:100%;
		height:auto;
		top:0%;
		left:50%;
		-webkit-transform:translate(-50%, 0%) scale(1);
		   -moz-transform:translate(-50%, 0%) scale(1);
		    -ms-transform:translate(-50%, 0%) scale(1);
		     -o-transform:translate(-50%, 0%) scale(1);
		        transform:translate(-50%, 0%) scale(1);
	}
	.portfolio .portfolio-item .portfolio-content:hover img{
		-webkit-transform:translate(-50%, 0%) scale(1.4);
		   -moz-transform:translate(-50%, 0%) scale(1.4);
		    -ms-transform:translate(-50%, 0%) scale(1.4);
		     -o-transform:translate(-50%, 0%) scale(1.4);
		        transform:translate(-50%, 0%) scale(1.4);
	}

	/*-- ============ 9.7 MAGNIFIC POPUP STYLE ============ --*/
	.mfp-title{
		display:none;
	}
	.mfp-counter{
		position:absolute;
		display:inline-block;
		right:inherit;
		top:0px;
		left:50%;
		-webkit-transform:translateX(-50%);
	   	   -moz-transform:translateX(-50%);
	        -ms-transform:translateX(-50%);
	         -o-transform:translateX(-50%);
	            transform:translateX(-50%);
	}
	.mfp-arrow {
  		position:relative;
		display:inline-block;
		right:inherit;
	}
	.mfp-arrow-left{
		right:inherit;
		margin-left:0px;
	}
	.mfp-arrow-right{
		right:inherit;
		margin-left:60px;
	}

	/*-- ============ 9.8 INFO HEADER ============ --*/
	.info-section .info-header{
		max-height:100%;
	}

	/*-- ============ 9.9 HOME SLIDER ============ --*/
	.home-section{
		overflow-y:auto;
	}
	.home-content .text-container{
		padding:100px 15px 70px 15px;
		height:100%;
		overflow:auto;
	}
	.home-content .text-container > div{
		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);
	}
	.home-slider .owl-controls{
		position:absolute;
		display:block;
		width:100%;
		left:0px;
		bottom:-40px;
	}
	.home-slider .owl-controls .owl-pagination{
		bottom:0px;
	}

	/*-- ============ 9.10 LOGO ============ --*/
	.logo .img-logo{
		width:100px;
		height:auto;
	}

}

/*-- ===================================================== --*
	10.0 STYLE FOR EXTRA SMALL DEVICES (LANDSCAPE)
/*-- ===================================================== --*/
@media all and (max-width: 767px) and (orientation: landscape){
	/*-- ============ 10.1 TITLE LINE ============ --*/
	.title-line-h2{
		display:inline-block;
	}
	.title-line-h2{
		height:27px;
	}
	h2.text-center .title-line-h2{
		display:none;
	}

	/*-- ============ 10.2 PORTFOLIO ============ --*/
	.portfolio-item.col-sm-4{
		width:50%;
	}
	.portfolio-item.col-sm-8{
		width:50%;
	}

	/*-- ============ 10.3 COUNTDOWN ============ --*/
	.full-countdown .dash.hours_dash{
		display:inline-block;
	}
}

a {
    color: gold;
}