@import url("bootstrap.min.css");
@import url("font-awesome.min.css");
@import url("animate.min.css");
@import url("pe-icon-7-stroke.css");
@import url("magnific-popup.css");
@import url("owl.carousel.css");
@import url("owl.theme.css");
@import url("jquery.kenburnsy.css");
@import url("jquery.wordrotator.min.css");

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


/*-- ========================================= --
	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;
}
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:white;
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
}
h1{
	font-size:72px;
	line-height:67px;
	letter-spacing:0px;
	font-weight:900;
}
h1 span{
	font-family: 'Roboto', sans-serif;
}
h1.slim{
	font-weight:100;
}
h1.slim-number{
	font-weight:100;
	font-size:116px;
	line-height:111px;
}

h2{
	font-weight:900;
	font-size:50px;
	line-height:47px;
	letter-spacing:0px;	
}
h2.slim{
	font-weight:100;
}

h3{
	font-weight:900;
	font-size:24px;
	text-transform:uppercase;
	line-height:24px;
	letter-spacing:0px;
}
h3.slim{
	font-weight:100;
	font-size:24px;
	line-height:24px;
}


h4{
	font-size:20px;
	text-transform:uppercase;
	line-height:20px;
	letter-spacing:0px;
	font-weight:900;
}

h5{
	font-size:16px;
	text-transform:uppercase;
	line-height:16px;
	letter-spacing:0px;
	font-weight:900;
}

h6{
	font-size:14px;
	text-transform:uppercase;
	line-height:14px;
	letter-spacing:0px;
	font-weight:900;
}


/*-- ============ 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:30px;
	letter-spacing:0px;
	color:#dadada;
}
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:left;
	color:white;
}
p.subtitle-big{
	font-size:32px;
	letter-spacing:5px;
}
p.subtitle-medium{
	font-size:24px;
	letter-spacing:5px;
}
p.subtitle-small{
	margin-top:-7px;
	font-size:11px;
	letter-spacing:3px;
	text-transform:uppercase;
}


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

/*-- ============ 3.1 LOGO ============ --*/
.logo-container{
	position:fixed;
	display:block;
	height:43px;
	left:65px;
	top:65px;
	padding:0px;
	z-index:5;
	visibility:hidden;
	opacity:0;
	-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-transform:translateY(-50px);
	   -moz-transform:translateY(-50px);
	    -ms-transform:translateY(-50px);
	     -o-transform:translateY(-50px);
	        transform:translateY(-50px);
	-webkit-backface-visibility:hidden;
}
.logo-container.is-visible{
	visibility:visible;
	opacity:1;
	-webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
	    -ms-transform:translateY(0px);
	     -o-transform:translateY(0px);
	        transform:translateY(0px);
}
.logo-container .img-logo{
	position:relative;
	float:left;
	display:block;
	height:43px;
	width: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; }
.page-border-left,
.page-border-right
{
	position:absolute;
	width:35px;
	height:100%;
	background:rgba(255,255,255,1);
	z-index:4;
}
.page-border-top,
.page-border-bottom
{
	position:absolute;
	height:35px;
	width:100%;
	background:rgba(255,255,255,1);
	z-index:4;
}
.page-border-left{
	left:0px;
	top:0px;
}
.page-border-right{
	right:0px;
	top:0px;
}
.page-border-top{
	left:0px;
	top:0px;
}
.page-border-bottom{
	left:0px;
	bottom:0px;
}


/*-- ============ 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%;
}


/*-- ============ 4.5 BUTTONS ============ --*/

/*-- Button With Icon --*/
.button-with-icon{
	position:relative;
	display:block;
	width:auto;
	height:70px;
	z-index:1;
}
.button-with-icon.fixed-width{
	display:inline-block;
	width:45px;
}
.button-with-icon .icon-container{
	position:relative;
	float:left;
	width:45px;
	height:70px;
	border:1px solid #262626;
	text-align:center;
	overflow:hidden;
	-webkit-transition:all 0.3s cubic-bezier(0.2, 1, 0.3, 1);
	   -moz-transition:all 0.3s cubic-bezier(0.2, 1, 0.3, 1);
	    -ms-transition:all 0.3s cubic-bezier(0.2, 1, 0.3, 1);
	     -o-transition:all 0.3s cubic-bezier(0.2, 1, 0.3, 1);
	        transition:all 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}
.button-with-icon.icon-right .icon-container{
	float:right;
}
.button-with-icon.icon-left .icon-container{
	float:left;
}
.button-with-icon .icon-container::before{
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	width:180%;
	height:100%;
	background: #262626;
	z-index:-1;
	-webkit-transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
	   -moz-transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
	    -ms-transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
	     -o-transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
	        transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
	-webkit-transform-origin:0% 100%;
	   -moz-transform-origin:0% 100%;
	    -ms-transform-origin:0% 100%;
	     -o-transform-origin:0% 100%;
	        transform-origin:0% 100%;
	-webkit-transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
	   -moz-transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
	    -ms-transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
	     -o-transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
	        transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.button-with-icon:hover .icon-container::before{
	background:#262626;
	-webkit-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
	   -moz-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
	    -ms-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
	     -o-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
	        transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
}
.button-with-icon.reverse .icon-container::before{
	background:#262626;
	-webkit-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
	   -moz-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
	    -ms-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
	     -o-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
	        transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
}
.button-with-icon.reverse:hover .icon-container::before{
	-webkit-transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
	   -moz-transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
	    -ms-transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
	     -o-transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
	        transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
}
.button-with-icon .icon-container .icon{
	display:inline-block;
	color:#262626;
	font-size:30px;
	line-height:90px;
	-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-with-icon.fixed-width .icon-container .icon.fa{
	font-size:24px;
	line-height:97px;
}
.button-with-icon:hover .icon-container .icon,
.button-with-icon.reverse .icon-container .icon
{
	color:white;
}
.button-with-icon.reverse:hover .icon-container .icon{
	color:#262626;
}
.button-with-icon .text-container{
	position:relative;
	font-family:'Roboto', sans-serif;
	line-height:16px;
	font-size:16px;
	color:#262626;
	font-weight:900;
	text-transform:uppercase;
	top:50%;
	-webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	     -o-transform:translateY(-50%);
	        transform:translateY(-50%);
}
.button-with-icon.icon-right .text-container{
	float:right;
	text-align:right;
	margin-right:10px;
}
.button-with-icon.icon-left .text-container{
	float:left;
	text-align:left;
	margin-left:10px;
}

/*-- button with icon color --*/
.button-with-icon.button-white{
	border:none;
}
.button-with-icon.button-white .icon-container{
	border:1px solid white;
}
.button-with-icon.button-white .icon-container::before{
	background:white;
}
.button-with-icon.button-white .icon-container .icon,
.button-with-icon.button-white .text-container,
.button-with-icon.button-white.reverse:hover .icon-container .icon
{
	color:white;
}
.button-with-icon.button-white:hover .icon-container .icon,
.button-with-icon.button-white.reverse .icon-container .icon
{
	color:#262626;
}


/*-- square button --*/
.button{
	font-family:'Roboto', sans-serif;
	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;
	background:none;
    filter:none;
	-webkit-transition:all 0.5s cubic-bezier(0.5, 1, 0.2, 1);
	   -moz-transition:all 0.5s cubic-bezier(0.5, 1, 0.2, 1);
	    -ms-transition:all 0.5s cubic-bezier(0.5, 1, 0.2, 1);
	     -o-transition:all 0.5s cubic-bezier(0.5, 1, 0.2, 1);
	        transition:all 0.5s cubic-bezier(0.5, 1, 0.2, 1);
}
.button::before{
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	width:180%;
	height:100%;
	z-index:-1;
	-webkit-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
	   -moz-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
	    -ms-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
	     -o-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
	        transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
	-webkit-transform-origin:0% 100%;
	   -moz-transform-origin:0% 100%;
	    -ms-transform-origin:0% 100%;
	     -o-transform-origin:0% 100%;
	        transform-origin:0% 100%;
	-webkit-transition:all 0.5s cubic-bezier(0.5, 1, 0.2, 1);
	   -moz-transition:all 0.5s cubic-bezier(0.5, 1, 0.2, 1);
	    -ms-transition:all 0.5s cubic-bezier(0.5, 1, 0.2, 1);
	     -o-transition:all 0.5s cubic-bezier(0.5, 1, 0.2, 1);
	        transition:all 0.5s cubic-bezier(0.5, 1, 0.2, 1);
}
.button-reverse::before{
	-webkit-transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
	   -moz-transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
	    -ms-transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
	     -o-transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
	        transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
}
.button:hover::before{
	-webkit-transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
	   -moz-transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
	    -ms-transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
	     -o-transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
	        transform:rotate3d(0, 0, 1, -60deg) translate3d(0, -3em, 0);
}
.button-reverse:hover::before{
	-webkit-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
	   -moz-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
	    -ms-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
	     -o-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
	        transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
}

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

/*-- button color - cyan --*/
.button-cyan{
	color:white;
	border:1px solid #00e4b6;
}
.button-cyan.button-reverse{
	color:#00e4b6;
	border:1px solid #00e4b6;
}
.button-cyan::before{
	background:#00e4b6;
}
.button-cyan:hover{
	color:#00e4b6;
}
.button-cyan.button-reverse:hover{
	color:white;
}

/*-- button color - white --*/
.button-white{
	color:#262626;
	border:1px solid white;
}
.button-white::before{
	background:white;
}
.button-white:hover{
	color:white;
}
.button-white.button-reverse{
	color:white;
}
.button-white.button-reverse:hover{
	color:#262626;
}


/*-- subscribe button --*/
form.subscribe-form .button{
	position:absolute;
	display:block;
	right:25px;
	top:15px;
}



/*-- ============ 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:18px 25px 22px 25px;
	font-size:16px;
	letter-spacing:1px;
	font-weight:400;
	color:#262626;
	border:none;
	background:none;
	z-index:2;
	backface-visibility:hidden;
}
textarea{
	height:150px;
	resize:none;
}

form.subscribe-form input[type="text"]{
	padding-right:143px;
}

form .input-container{
	position:relative;
	display:inline-block;
	float:left;
	width:100%;
	margin-bottom:44px;
	background:white;
	overflow:visible;
	z-index:1;
}
form .input-container.no-mrg{
	margin-bottom:29px;
}

form .input-container,
form .input-border-bottom
{
	-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;
}
form .input-border-bottom{
	position:absolute;
	display:inline-block;
	left:0px;
	bottom:0px;
	width:0%;
	height:2px;
	z-index:1;
	background:#00e4b6;
}

/*-- form label --*/
form label{
	position:absolute;
	left:25px;
	top:23px;
	font-family:'Roboto', sans-serif;
	font-size:12px;
	font-weight:900;
	text-transform:uppercase;
	color:#262626;
	-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;
}

/*-- form when focus --*/
input[type="text"]:focus ~ .input-border-bottom,
input[type="email"]:focus ~ .input-border-bottom,
textarea:focus ~ .input-border-bottom
{
	width:100%;
}

input[type="text"]:focus ~ label,
input[type="email"]:focus ~ label,
textarea:focus ~ label,
input[type="text"].filled ~ label,
input[type="email"].filled ~ label,
textarea.filled ~ label
{
	top:-25px;
	color:white;
}

/*-- form when error --*/
form .input-container.form-error .input-border-bottom{
	width:100%;
	background:#f81430;
}

/*-- form notification --*/
label.loading, 
label.notif-success, 
label.notif-error, 
label.error
{
	font-family: 'Josefin Sans', sans-serif;
	position:relative;
	text-transform:none;
	float:left;
	width:100%;
	margin-top:-53px;
	text-align:center;
	padding:15px 0px 18px 0px;
	font-weight:500;
	font-size:14px;
	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;
	top:inherit;
	left:inherit;
}
label.loading{
	background:#4c4c4c;
	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;
	z-index:2;
}
.notif-container{
	margin-top:-29px;
}
.form-notif{
	opacity:0;
	height:0px;
}
.form-notif.is-visible{
	opacity:1;
	height:53px;
	visibility:visible;
}
.form-notif.is-visible label{
	margin-top:0px;
}
.subscribe-form .notif-container{
	margin-top:-45px;
}


/*-- ============ 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 ============ --*/
.skill-container{
	margin-top:20px;
}
.progress-container{
	margin-bottom:35px;
}
.progress-container:last-child{
	margin-bottom:0px;
}
.progress-container .progress-bar{
	position:relative;
	float:left;
	width:100%;
	height:2px;
	margin-top:7px;
	background:rgba(255,255,255,0.3);
}
.progress-container .progress-bar span{
	content:'';
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	width:6%;
	height:2px;
	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;
}
.progress-container .progress-bar span::before{
	content:attr(data-percent);
	position:absolute;
	width:38px;
	height:auto;
	left:100%;
	top:0px;
	margin-left:-38px;
	padding:5px 6px 2px 0px;
	font-weight:700;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:0px;
	text-align:right;
	color:white;
	border-right:2px solid white;
}

/*-- ============ 4.9 COUNTDOWN ============ --*/
.countdown-container{
	position:absolute;
	left:0px;
	top:70px;
	width:100%;
	height:auto;
	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:auto;
	height:auto;
	background:none;
	margin:0px 20px;
}
.full-countdown .dash .counter{
	display:table-cell;
	vertical-align:middle;
	width:auto;
	height:auto;
}
.full-countdown .digit{
	display:inline-block;
	margin-top:-10px;
	padding:0px;
}
.full-countdown .digit,
.full-countdown .digit > div
{
	font-family:'Roboto', sans-serif;
	font-size:50px;
	line-height:50px;
	font-weight:900;
	color:white;
}
.full-countdown .dash_title{
	font-family:'Roboto', sans-serif;
	text-transform:uppercase;
	width:100%;
	display:block;
	color:white;
	font-size:14px;
	line-height:32px;
	font-weight:700;
	letter-spacing:2px;
	margin-bottom:10px;
}


/*-- ============ 4.10 PRELOADERS ============ --*/ 
.preloader-container{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(34,35,39,1);
	z-index:10;
	-webkit-transition:all 0.5s ease 500ms;
	   -moz-transition:all 0.5s ease 500ms;
	    -ms-transition:all 0.5s ease 500ms;
	     -o-transition:all 0.5s ease 500ms;
	        transition:all 0.5s ease 500ms;
	opacity:1;
	visibility:visible;
}
.preloader-container.is-hidden{
	opacity:0;
	visibility:hidden;
}
.preloader-container > div{
	position:absolute;
	display:block;
	text-align:center;
	width:100%;
	height:auto;
	top:50%;
	-webkit-transform:translateY(-50%) scale(1);
	   -moz-transform:translateY(-50%) scale(1);
	    -ms-transform:translateY(-50%) scale(1);
	     -o-transform:translateY(-50%) scale(1);
	        transform:translateY(-50%) scale(1);
	-webkit-filter:blur(0px);
       -moz-filter:blur(0px);
         -o-filter:blur(0px);
        -ms-filter:blur(0px);
            filter:blur(0px);
	-webkit-transition:all 0.3s ease 0ms;
	   -moz-transition:all 0.3s ease 0ms;
	    -ms-transition:all 0.3s ease 0ms;
	     -o-transition:all 0.3s ease 0ms;
	        transition:all 0.3s ease 0ms;
	opacity:1;
	visibility:visible;
}
.preloader-container.is-hidden > div{
	opacity:0;
	visibility:hidden;
	-webkit-transform:translateY(-50%) scale(1.5);
	   -moz-transform:translateY(-50%) scale(1.5);
	    -ms-transform:translateY(-50%) scale(1.5);
	     -o-transform:translateY(-50%) scale(1.5);
	        transform:translateY(-50%) scale(1.5);
	-webkit-filter:blur(5px);
       -moz-filter:blur(5px);
         -o-filter:blur(5px);
        -ms-filter:blur(5px);
            filter:blur(5px);
}
.preloader-container .preloader-text{
	color:#00e4b6;
	margin-top:20px;
}
.preloader-container .spinner-section-far{
	position:relative;
	display:inline-block;
	width:50px;
	height:50px;
	border-radius:50%;
	border:3.125px solid #dadada;
	animation:spinner 1.2s linear infinite;
}
.preloader-container .spinner-section-far:before{
	content:'';
	position:absolute;
	display:block;
	top:-9.375px;
	left:-9.375px;
	width:62.5px;
	height:62.5px;
	border-radius:50%;
	border:3.125px solid transparent;
	border-top-color:#00e4b6;
}
@-webkit-keyframes spinner{
  	0% {
  		-webkit-transform:rotate(0);
  	}
  	100% {
  		-webkit-transform:rotate(360deg);
  	}
}
@-moz-keyframes spinner{
  	0% {
  		-moz-transform:rotate(0);
  	}
  	100% {
  		-moz-transform:rotate(360deg);
  	}
}
@-o-keyframes spinner{
  	0% {
  		-o-transform:rotate(0);
  	}
  	100% {
  		-o-transform:rotate(360deg);
  	}
}
@-ms-keyframes spinner{
  	0% {
  		-ms-transform:rotate(0);
  	}
  	100% {
  		-ms-transform:rotate(360deg);
  	}
}
@keyframes spinner{
  	0% {
  	  	transform:rotate(0);
  	}
  	100% {
  	  	transform:rotate(360deg);
  	}
}


/*-- ============ 4.11 MENU ============ --*/
nav.menu-container{
	position:fixed;
	display:block;
	right:65px;
	top:65px;
	height:auto;
	padding:0px;
	z-index:5;
	visibility:visible;
	opacity:1;
}
.menu-bg{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:108px;
	background:#262626;
	z-index:3;
	display:none;
	-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;
}
ul.menu-list{
	position:relative;
	float:right;
	width:100%;
	height:0px;
	list-style:none;
	border-right:2px solid white;
	overflow:hidden;
	-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;
}
ul.menu-list.is-visible{
	height:205px;
}
ul.menu-list li{
	position:relative;
	display:block;
	text-align:right;
	width:100%;
	padding:10px 0px;
	opacity:0;
	visibility:hidden;
	-webkit-transform:translateX(15px);
	   -moz-transform:translateX(15px);
	    -ms-transform:translateX(15px);
	     -o-transform:translateX(15px);
	        transform:translateX(15px);
	-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;
}
ul.menu-list.is-visible li{
	opacity:1;
	visibility:visible;
	-webkit-transform:translateX(0px);
	   -moz-transform:translateX(0px);
	    -ms-transform:translateX(0px);
	     -o-transform:translateX(0px);
	        transform:translateX(0px);
}
ul.menu-list li a{
	position:relative;
	padding:0px 12px 0px 15px;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	letter-spacing:3px;
	color:#bbbbbb;
	font-weight:700;
	text-transform:uppercase;
	-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;
}
ul.menu-list li.show-menu{
	display:none;
}
ul.menu-list li a:hover,
ul.menu-list li a.active
{
	color:white;
}
ul.menu-list li a:before{
	content:'';
	position:absolute;
	right:0px;
	width:0%;
	height:2px;
	background:white;
	bottom:2px;
	-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;
}
ul.menu-list li a:hover::before,
ul.menu-list li a.active::before
{
	width:100%;
}


/*-- ============ 4.12 TAB NAVIGATION & TAB CONTENT ============ --*/
/*-- 4.12.1 TAB NAV --*/
.tab-nav{
	position:absolute;
	display:block;
	top:69px;
	width:100%;
	height:auto;
	padding:0px;
	list-style:none;
	text-align:center;
	z-index:2;
	-moz-transform:translateY(-1px);
}
.tab-nav li{
	position:relative;
	display:inline-block;
	text-align:center;
	width:auto;
	height:auto;
	margin:0px 25px;
}
.tab-nav li a{
	font-family:'Roboto', sans-serif;
	font-size:20px;
	color:white;
	font-weight:900;
	-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::before{
	content:'';
	position:absolute;
	left:50%;
	bottom:5px;
	width:0%;
	height:2px;
	background:#00e4b6;
	-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-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	opacity:0;
	visibility:hidden;
}
.tab-nav li a:hover,
.tab-nav li a.active
{
	color:#00e4b6;
}
.tab-nav li a:hover::before,
.tab-nav li a.active::before
{
	opacity:1;
	visibility:visible;
	width:300%;
}


/*-- 4.12.2 TAB CONTENT --*/
.tab-content-container{
	position:relative;
	display:block;
	height:100%;
	z-index:1;
}
.tab-content-container .tab-content{
	position:absolute;
	display:block;
	padding:0px;
	visibility:hidden;
	opacity:0;
	top:50%;
	left:0%;
	-webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	     -o-transform:translateY(-50%);
	        transform:translateY(-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;
}
.tab-content-container .tab-content.active{
	opacity:1;
	visibility:visible;
}
.tab-content-container .tab-content h1,
.tab-content-container .tab-content h2
{
	display:inline-block;
}
.tab-content-container .tab-content h1.slim-number{
	width:90px;
	color:#00e4b6;
}
.tab-content-container .tab-content .about-desc{
	margin-top:10px;
	padding-left:94px;
}
.tab-content-container .tab-content .img-container{
	text-align:right;
	height:auto;
}
.tab-content-container .tab-content .img-container img{
	position:absolute;
	display:block;
	top:0px;
	left:50%;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	    -ms-transform:translateX(-50%);
	     -o-transform:translateX(-50%);
	        transform:translateX(-50%);
	width:auto;
	height:350px;
	z-index:2;
}
.tab-content-container .tab-content .img-container .img-shadow{
	-webkit-box-shadow: 15px 15px 0 -10px #00e4b6;
	   -moz-box-shadow: 15px 15px 0 -10px #00e4b6;
	        box-shadow: 15px 15px 0 -10px #00e4b6;
}

/*-- 4.12.3 TAB CONTENT ENTRANCE ANIMATION --*/
.tab-content-container .tab-content .anim-1,
.tab-content-container .tab-content .anim-2
{
	visibility:hidden;
	opacity:0;
	-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;
}
.tab-content-container .tab-content .anim-1{
	-webkit-transition-delay:0ms;
	   -moz-transition-delay:0ms;
	    -ms-transition-delay:0ms;
	     -o-transition-delay:0ms;
	        transition-delay:0ms;
}
.tab-content-container .tab-content .anim-2{
	-webkit-transition-delay:400ms;
	   -moz-transition-delay:400ms;
	    -ms-transition-delay:400ms;
	     -o-transition-delay:400ms;
	        transition-delay:400ms;
}
.tab-content-container .tab-content .e-left{
	-webkit-transform:translateX(-50px);
	   -moz-transform:translateX(-50px);
	    -ms-transform:translateX(-50px);
	     -o-transform:translateX(-50px);
	        transform:translateX(-50px);
}
.tab-content-container .tab-content .e-right{
	-webkit-transform:translateX(50px);
	   -moz-transform:translateX(50px);
	    -ms-transform:translateX(50px);
	     -o-transform:translateX(50px);
	        transform:translateX(50px);
}
.tab-content-container .tab-content .e-top{
	-webkit-transform:translateY(-50px);
	   -moz-transform:translateY(-50px);
	    -ms-transform:translateY(-50px);
	     -o-transform:translateY(-50px);
	        transform:translateY(-50px);
}
.tab-content-container .tab-content .e-bottom{
	-webkit-transform:translateY(50px);
	   -moz-transform:translateY(50px);
	    -ms-transform:translateY(50px);
	     -o-transform:translateY(50px);
	        transform:translateY(50px);
}
.tab-content-container .tab-content.active .anim-1,
.tab-content-container .tab-content.active .anim-2
{
	visibility:visible;
	opacity:1;
	-webkit-transform:translate(0,0);
	   -moz-transform:translate(0,0);
	    -ms-transform:translate(0,0);
	     -o-transform:translate(0,0);
	        transform:translate(0,0);
}


/*-- ============ 4.13 WORKS ============ --*/
.works-container .work .left-side,
.works-container .work .right-side
{
	min-height:350px;
	height:auto;
	overflow:hidden;
}
.works-container .work .img-container{
	position:relative;
	float:right;
	display:block;
	height:350px;
	width:auto;
}
.works-container .work .img-container::after{
	content:'';
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(34,35,39,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;
	z-index:2;
}
.works-container .work .img-container .icon{
	position:absolute;
	display:inline-block;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%) scale(1.5);
	   -moz-transform:translate(-50%, -50%) scale(1.5);
	    -ms-transform:translate(-50%, -50%) scale(1.5);
	     -o-transform:translate(-50%, -50%) scale(1.5);
	        transform:translate(-50%, -50%) scale(1.5);
	-webkit-filter:blur(5px);
       -moz-filter:blur(5px);
         -o-filter:blur(5px);
        -ms-filter:blur(5px);
            filter:blur(5px);
	-webkit-transition:all 0.3s ease 0ms;
	   -moz-transition:all 0.3s ease 0ms;
	    -ms-transition:all 0.3s ease 0ms;
	     -o-transition:all 0.3s ease 0ms;
	        transition:all 0.3s ease 0ms;
	opacity:0;
	font-size:40px;
	color:white;
	z-index:3;
}
.works-container .work .img-link{
	display:block;
}
.works-container .work .img-link:hover .img-container::after{
	background:rgba(34,35,39,0.7);
}
.works-container .work .img-link:hover .img-container .icon{
	opacity:1;
	-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-filter:blur(0px);
       -moz-filter:blur(0px);
         -o-filter:blur(0px);
        -ms-filter:blur(0px);
            filter:blur(0px);
	-webkit-transition:all 0.3s ease 300ms;
	   -moz-transition:all 0.3s ease 300ms;
	    -ms-transition:all 0.3s ease 300ms;
	     -o-transition:all 0.3s ease 300ms;
	        transition:all 0.3s ease 300ms;
}
.works-container .work .img-container img{
	display:inline-block;
	height:350px;
	width:auto;
}
.works-container .work .work-date{
	position:relative;
	float:right;
	width:100%;
	text-align:right;
	margin-top:10px;
}

/*-- WORKS CONTROLS --*/
.works-section .works-controls{
	position:absolute;
	display:block;
	width:116px;
	height:175px;
	right:63px;
	bottom:57px;
}
.works-section .works-controls .button-container,
.works-section .works-controls .counter-container
{
	position:relative;
	float:left;
	display:block;
	width:58px;
	height:175px;
}
.works-section .works-controls .button-container .works-button{
	position:relative;
	display:block;
	width:56px;
	height:84px;
	border:1px solid white;
	text-align:center;
	line-height:128px;
	overflow:hidden;
	-webkit-transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
	   -moz-transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
	    -ms-transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
	     -o-transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
	        transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
	z-index:1;
}
.works-section .works-controls .button-container .works-button.prev-button{
	margin-top:-1px;
}
.works-section .works-controls .button-container .works-button:hover{
	border:1px solid #00e4b6;
	z-index:2;
}
.works-section .works-controls .button-container .works-button::before{
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	width:200%;
	height:110%;
	background:#00e4b6;
	z-index:-1;
	-webkit-transform:rotate3d(0, 0, 1, -80deg) translate3d(0, -3em, 0);
	   -moz-transform:rotate3d(0, 0, 1, -80deg) translate3d(0, -3em, 0);
	    -ms-transform:rotate3d(0, 0, 1, -80deg) translate3d(0, -3em, 0);
	     -o-transform:rotate3d(0, 0, 1, -80deg) translate3d(0, -3em, 0);
	        transform:rotate3d(0, 0, 1, -80deg) translate3d(0, -3em, 0);
	-webkit-transform-origin:0% 100%;
	   -moz-transform-origin:0% 100%;
	    -ms-transform-origin:0% 100%;
	     -o-transform-origin:0% 100%;
	        transform-origin:0% 100%;
	-webkit-transition:all 0.5s cubic-bezier(0.2, 1, 0.5, 1);
	   -moz-transition:all 0.5s cubic-bezier(0.2, 1, 0.5, 1);
	    -ms-transition:all 0.5s cubic-bezier(0.2, 1, 0.5, 1);
	     -o-transition:all 0.5s cubic-bezier(0.2, 1, 0.5, 1);
	        transition:all 0.5s cubic-bezier(0.2, 1, 0.5, 1);
}
.works-section .works-controls .button-container .works-button:hover::before{
	background:#00e4b6;
	-webkit-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, -0.5em, 0);
	   -moz-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, -0.5em, 0);
	    -ms-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, -0.5em, 0);
	     -o-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, -0.5em, 0);
	        transform:rotate3d(0, 0, 1, 0deg) translate3d(0, -0.5em, 0);
}
.works-section .works-controls .works-button .icon{
	color:white;
	font-size:30px;
}

.works-section .works-controls .counter-container .current-page,
.works-section .works-controls .counter-container .all-page
{
	position:relative;
	display:block;
	float:right;
	text-align:center;
	width:56px;
	height:84px;
	margin-right:-1px;
	-webkit-backface-visibility:hidden;
}
.works-section .works-controls .counter-container .current-page{
	border-bottom:1px solid white;
	line-height:126px;
	color:white;
	font-size:16px;
	font-weight:600;
}
.works-section .works-controls .counter-container .all-page{
	padding-top:6px;
	color:white;
	font-size:16px;
	font-weight:600;
}


/*-- ============ 4.14 MAP ============ --*/
#map{
	position:relative;
	display:inline-block;
	width:100%;
	height:325px;
	z-index:1;
}
.map-marker-info{
	line-height:26px;
	font-size:14px;
	color:#636363;
}


/*-- ============ 4.15 SOCIAL MEDIA LINKS ============ --*/
.social-media-links{
	position:absolute;
	display:block;
	padding:0px;
	left:65px;
	bottom:65px;
	visibility:hidden;
	opacity:0;
	-webkit-transform:translateY(50px);
	   -moz-transform:translateY(50px);
	    -ms-transform:translateY(50px);
	     -o-transform:translateY(50px);
	        transform:translateY(50px);
	-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;
}
.home-section.is-visible .social-media-links{
	visibility:visible;
	opacity:1;
	-webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
	    -ms-transform:translateY(0px);
	     -o-transform:translateY(0px);
	        transform:translateY(0px);
}
.social-media-links a{
	position:relative;
	float:left;
}
.social-media-links a.social-media{
	margin-left:3px;
	-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:translateX(-20px);
	   -moz-transform:translateX(-20px);
	    -ms-transform:translateX(-20px);
	     -o-transform:translateX(-20px);
	        transform:translateX(-20px);
	opacity:0;
	visibility:hidden;
}
.social-media-links a.social-media.is-visible{
	opacity:1;
	visibility:visible;
	-webkit-transform:translateX(0px);
	   -moz-transform:translateX(0px);
	    -ms-transform:translateX(0px);
	     -o-transform:translateX(0px);
	        transform:translateX(0px);
}
.social-media-links a.social-media.is-visible:nth-child(1),
.social-media-links a.social-media:nth-child(4)
{
	-webkit-transition-delay:0ms;
	   -moz-transition-delay:0ms;
	    -ms-transition-delay:0ms;
	     -o-transition-delay:0ms;
	        transition-delay:0ms;
}
.social-media-links a.social-media.is-visible:nth-child(2),
.social-media-links a.social-media:nth-child(3)
{
	-webkit-transition-delay:300ms;
	   -moz-transition-delay:300ms;
	    -ms-transition-delay:300ms;
	     -o-transition-delay:300ms;
	        transition-delay:300ms;
}
.social-media-links a.social-media.is-visible:nth-child(3),
.social-media-links a.social-media:nth-child(2)
{
	-webkit-transition-delay:600ms;
	   -moz-transition-delay:600ms;
	    -ms-transition-delay:600ms;
	     -o-transition-delay:600ms;
	        transition-delay:600ms;
}
.social-media-links a.social-media.is-visible:nth-child(4),
.social-media-links a.social-media:nth-child(1)
{
	-webkit-transition-delay:900ms;
	   -moz-transition-delay:900ms;
	    -ms-transition-delay:900ms;
	     -o-transition-delay:900ms;
	        transition-delay:900ms;
}


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

/*-- ============ 5.1 PAGE CONTAINER ============ --*/
.page-container{
	position:absolute;
	display:block;
	left:0%;
	top:0%;
	width:100%;
	height:100%;
	z-index:2;
	overflow:hidden;
}
.page-container .section-container{
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow:visible;
	-webkit-transition:all 1s ease;
	   -moz-transition:all 1s ease;
	    -ms-transition:all 1s ease;
	     -o-transition:all 1s ease;
	        transition:all 1s ease;
	-webkit-transform:translate(0%,0%);
	   -moz-transform:translate(0%,0%);
	    -ms-transform:translate(0%,0%);
	     -o-transform:translate(0%,0%);
	        transform:translate(0%,0%);
}


/*-- ============ 5.2 SECTIONS ============ --*/
section{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	z-index:1;
}
section .top-line{
	position:absolute;
	top:90px;
	width:50%;
	height:2px;
	left:50%;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	    -ms-transform:translateX(-50%);
	     -o-transform:translateX(-50%);
	        transform:translateX(-50%);
	background:white;
}
section .outer-container{
	position:absolute;
	display:block;
	top:0px;
	left:50%;
	width:90.5%;
	height:100%;
	overflow:hidden;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	    -ms-transform:translateX(-50%);
	     -o-transform:translateX(-50%);
	        transform:translateX(-50%);
}
.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.2.1 SUBSCRIBE SECTION --*/
.subscribe-section{
	left:100%;
	top:-100%;
}
.subscribe-button-container{
	position:absolute;
	right:65px;
	bottom:65px;
	visibility:hidden;
	opacity:0;
	-webkit-transform:translateY(50px);
	   -moz-transform:translateY(50px);
	    -ms-transform:translateY(50px);
	     -o-transform:translateY(50px);
	        transform:translateY(50px);
	-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;
}
.home-section.is-visible .subscribe-button-container{
	visibility:visible;
	opacity:1;
	-webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
	    -ms-transform:translateY(0px);
	     -o-transform:translateY(0px);
	        transform:translateY(0px);
}
.subscribe-section .close-subscribe-button{
	margin-top:41px;
	text-align:center;
}


/*-- 5.2.2 HOME SECTION --*/
.home-section{
	left:0%;
	top:0%;
}
.home-section .top-line,
.home-section .countdown-container,
.home-section .headline
{
	visibility:hidden;
	opacity:0;
	-webkit-transform:translateX(-50%) scale(1.5);
	   -moz-transform:translateX(-50%) scale(1.5);
	    -ms-transform:translateX(-50%) scale(1.5);
	     -o-transform:translateX(-50%) scale(1.5);
	        transform:translateX(-50%) scale(1.5);
	-webkit-filter:blur(5px);
       -moz-filter:blur(5px);
         -o-filter:blur(5px);
        -ms-filter:blur(5px);
            filter:blur(5px);
	-webkit-transition:all 0.5s ease 700ms;
	   -moz-transition:all 0.5s ease 700ms;
	    -ms-transition:all 0.5s ease 700ms;
	     -o-transition:all 0.5s ease 700ms;
	        transition:all 0.5s ease 700ms;
}
.home-section .countdown-container{
	-webkit-transform:scale(1.5);
	   -moz-transform:scale(1.5);
	    -ms-transform:scale(1.5);
	     -o-transform:scale(1.5);
	        transform:scale(1.5);
}
.home-section.is-visible .top-line,
.home-section.is-visible .countdown-container,
.home-section.is-visible .headline
{
	visibility:visible;
	opacity:1;
	-webkit-transform:translateX(-50%) scale(1);
	   -moz-transform:translateX(-50%) scale(1);
	    -ms-transform:translateX(-50%) scale(1);
	     -o-transform:translateX(-50%) scale(1);
	        transform:translateX(-50%) scale(1);
	-webkit-filter:blur(0px);
       -moz-filter:blur(0px);
         -o-filter:blur(0px);
        -ms-filter:blur(0px);
            filter:blur(0px);
}
.home-section.is-visible .countdown-container{
	-webkit-transform:scale(1);
	   -moz-transform:scale(1);
	    -ms-transform:scale(1);
	     -o-transform:scale(1);
	        transform:scale(1);
}
.home-section .headline{
	top:50%;
	left:0%;
	-webkit-transform:translateY(-50.2%) scale(1.5);
	   -moz-transform:translateY(-50.2%) scale(1.5);
	    -ms-transform:translateY(-50.2%) scale(1.5);
	     -o-transform:translateY(-50.2%) scale(1.5);
	        transform:translateY(-50.2%) scale(1.5);
	-webkit-transition:all 0.5s ease 1200ms;
	   -moz-transition:all 0.5s ease 1200ms;
	    -ms-transition:all 0.5s ease 1200ms;
	     -o-transition:all 0.5s ease 1200ms;
	        transition:all 0.5s ease 1200ms;
}
.home-section.is-visible .headline{
	-webkit-transform:translateY(-50.2%) scale(1);
	   -moz-transform:translateY(-50.2%) scale(1);
	    -ms-transform:translateY(-50.2%) scale(1);
	     -o-transform:translateY(-50.2%) scale(1);
	        transform:translateY(-50.2%) scale(1);
}
.home-section .title-container{
	position:relative;
	width:100%;
	display:block;
	min-height:115px;
	height:auto;
	overflow:hidden;
}
.home-section .headline h1{
	word-wrap:break-word;
	display:inline-block;
	line-height:60px;
}

/*-- 5.2.3 SERVICE SECTION --*/
.services-section{
	left:-100%;
	top:0%;
}
.services-section .title-container{
	margin-top:-1px;
}
.services-section .service .icon-container{
	position:relative;
	float:left;
	width:90px;
	height:135px;
	border:2px solid #00e4b6;
	text-align:center;
	overflow:hidden;
	-webkit-transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
	   -moz-transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
	    -ms-transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
	     -o-transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
	        transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.services-section .service:hover .icon-container{
	border:2px solid #00e4b6;
}
.services-section .service .icon-container::before{
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	width:200%;
	height:110%;
	background:#00e4b6;
	z-index:-1;
	-webkit-transform:rotate3d(0, 0, 1, -80deg) translate3d(0, -3em, 0);
	   -moz-transform:rotate3d(0, 0, 1, -80deg) translate3d(0, -3em, 0);
	    -ms-transform:rotate3d(0, 0, 1, -80deg) translate3d(0, -3em, 0);
	     -o-transform:rotate3d(0, 0, 1, -80deg) translate3d(0, -3em, 0);
	        transform:rotate3d(0, 0, 1, -80deg) translate3d(0, -3em, 0);
	-webkit-transform-origin:0% 100%;
	   -moz-transform-origin:0% 100%;
	    -ms-transform-origin:0% 100%;
	     -o-transform-origin:0% 100%;
	        transform-origin:0% 100%;
	-webkit-transition:all 0.5s cubic-bezier(0.2, 1, 0.5, 1);
	   -moz-transition:all 0.5s cubic-bezier(0.2, 1, 0.5, 1);
	    -ms-transition:all 0.5s cubic-bezier(0.2, 1, 0.5, 1);
	     -o-transition:all 0.5s cubic-bezier(0.2, 1, 0.5, 1);
	        transition:all 0.5s cubic-bezier(0.2, 1, 0.5, 1);
}
.services-section .service:hover .icon-container::before{
	background:#00e4b6;
	-webkit-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, -0.5em, 0);
	   -moz-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, -0.5em, 0);
	    -ms-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, -0.5em, 0);
	     -o-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, -0.5em, 0);
	        transform:rotate3d(0, 0, 1, 0deg) translate3d(0, -0.5em, 0);
}
.services-section .service .icon-container .icon{
	color:white;
	font-size:60px;
	line-height:178px;
}
.services-section .service .text-container{
	position:relative;
	width:100%;
	padding-left:103px;
	min-height:135px;
	height:auto;
	z-index:-2;
}
.services-section .service .text-container h3{
	color:white;
	-webkit-transition:all 0.3s ease 150ms;
	   -moz-transition:all 0.3s ease 150ms;
	    -ms-transition:all 0.3s ease 150ms;
	     -o-transition:all 0.3s ease 150ms;
	        transition:all 0.3s ease 150ms;
	-webkit-backface-visibility:hidden;
}
.services-section .service .text-container h3.line-1{
	-webkit-transform:translateY(58px);
	   -moz-transform:translateY(58px);
	    -ms-transform:translateY(58px);
	     -o-transform:translateY(58px);
	        transform:translateY(58px);
}
.services-section .service .text-container h3.line-2{
	-webkit-transform:translateY(47px);
	   -moz-transform:translateY(47px);
	    -ms-transform:translateY(47px);
	     -o-transform:translateY(47px);
	        transform:translateY(47px);
}
.services-section .service:hover .text-container h3{
	color:#00e4b6;
	-webkit-transition:all 0.3s ease 0ms;
	   -moz-transition:all 0.3s ease 0ms;
	    -ms-transition:all 0.3s ease 0ms;
	     -o-transition:all 0.3s ease 0ms;
	        transition:all 0.3s ease 0ms;
	-webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
	    -ms-transform:translateY(0px);
	     -o-transform:translateY(0px);
	        transform:translateY(0px);
}
.services-section .service .text-container p{
	font-size:18px;
	line-height:26px;
	margin-top:12px;
	visibility:hidden;
	opacity:0;
	-webkit-transition:all 0.3s ease 0ms;
	   -moz-transition:all 0.3s ease 0ms;
	    -ms-transition:all 0.3s ease 0ms;
	     -o-transition:all 0.3s ease 0ms;
	        transition:all 0.3s ease 0ms;
	-webkit-transform:translateY(30px);
	   -moz-transform:translateY(30px);
	    -ms-transform:translateY(30px);
	     -o-transform:translateY(30px);
	        transform:translateY(30px);
	-webkit-backface-visibility:hidden;
}
.services-section .service:hover .text-container p{
	visibility:visible;
	opacity:1;
	-webkit-transition:all 0.3s ease 150ms;
	   -moz-transition:all 0.3s ease 150ms;
	    -ms-transition:all 0.3s ease 150ms;
	     -o-transition:all 0.3s ease 150ms;
	        transition:all 0.3s ease 150ms;
	-webkit-transform:translateY(0px);
	   -moz-transform:translateY(0px);
	    -ms-transform:translateY(0px);
	     -o-transform:translateY(0px);
	        transform:translateY(0px);
}

/*-- 5.2.4 ABOUT SECTION --*/
.about-section{
	left:100%;
	top:0%;
}

/*-- 5.2.5 WORKS SECTION --*/
.works-section{
	left:0%;
	top:-100%;
}

/*-- 5.2.6 CONTACT SECTION --*/
.contact-section{
	left:0%;
	top:100%;
}
.contact-section .content-container{
	position:relative;
	float:left;
	display:block;
	width:100%;
	height:100%;
	-webkit-transform:translateX(0%);
	   -moz-transform:translateX(0%);
	    -ms-transform:translateX(0%);
	     -o-transform:translateX(0%);
	        transform:translateX(0%);
	-webkit-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   	   -moz-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	    -ms-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000); 
         -o-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000); 
            transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.contact-section .content-container.show-form{
	-webkit-transform:translateX(-100%);
	   -moz-transform:translateX(-100%);
	    -ms-transform:translateX(-100%);
	     -o-transform:translateX(-100%);
	        transform:translateX(-100%);
}
.contact-section .contact-info,
.contact-section .contact-form-container
{
	position:absolute;
	display:block;
	top:0px;
	width:100%;
	height:100%;
	-webkit-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   	   -moz-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	    -ms-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000); 
         -o-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000); 
            transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.contact-section .contact-info{
	opacity:1;
	visibility:visible;
	left:0px;
}
.contact-section .contact-form-container{
	opacity:0;
	visibility:hidden;
	left:100%;
}
.contact-section .content-container.show-form .contact-info{
	opacity:0;
	visibility:hidden;
}
.contact-section .content-container.show-form .contact-form-container{
	opacity:1;
	visibility:visible;
}
.contact-section .contact-form-container .contact-form-title{
	margin-bottom:45px;
}
.contact-section .contact-form-container .contact-form{
	margin-top:69px;
}
.contact-section .info .icon-container{
	position:absolute;
	left:-7px;
	top:0px;
	width:60px;
	height:90px;
	line-height:140px;
	background:#00e4b6;
	text-align:center;
}
.contact-section .info .icon-container .icon{
	color:white;
	font-size:36px;
}
.contact-section .info .text-container{
	position:relative;
	float:left;
	display:block;
	width:100%;
	padding-left:48px;
	margin:0px;
}
.contact-section .info .text-container p{
	margin-top:7px;
}
.contact-section .send-message-text{
	margin-top:22px;
}


/*-- ============ 5.3 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 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(34,35,39,0.5);
	-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;
}
.bg-container.dark::before{
	background:rgba(34,35,39,0.9);
}


/*-- ============ 5.5 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:#262626; }
.text-blue{ color:#444b6e; }
.text-cyan{ color:#00e4b6; }
.text-red{ color:#d81e5b; }

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

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


/*-- ===================================================== --*
	7.0 STYLE FOR TABLET LANDSCAPE 
/*-- ===================================================== --*/
@media all and (max-width: 1199px){
	/*-- ============ 7.1 TYPOGRAPHY ============ --*/
	h1.slim-number{
		font-size:90px;
		line-height:85px;
	}
	h2{
		font-size:40px;
		line-height:37px;
	}

	/*-- ============ 7.2 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.3 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.4 COUNTDOWN ============ --*/
	.countdown-container .seconds_dash{
		display:none;
	}
	
	/*-- ============ 7.5 TAB CONTENT ============ --*/
	.tab-content-container .tab-content .img-container img{
		height:230px;
	}
	.tab-content-container .tab-content h1.slim-number{
		width:70px;
	}
	.tab-content-container .tab-content .about-desc{
		padding-left:74px;
	}
	
	/*-- ============ 7.6 WORKS ============ --*/
	.works-container .work .left-side,
	.works-container .work .right-side
	{
		min-height:250px;
	}
	.works-container .work .img-container,
	.works-container .work .img-container img
	{
		height:250px;
	}
	
	/*-- ============ 7.7 MENU ============ --*/
	ul.menu-list.is-visible{
		height:205px;
	}
}

/*-- ===================================================== --*
	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 ============ --*/
	.countdown-container .seconds_dash,
	.countdown-container .minutes_dash
	{
		display:none;
	}
	
	/*-- ============ 8.5 MENU ============ --*/
	ul.menu-list.is-visible{
		height:52px;
	}
	ul.menu-list li.show-menu{
		display:block;
	}
	ul.menu-list li.show-menu a{
		color:white;
	}
	ul.menu-list li.show-menu a::before{
		color:white;
		width:100%;
	}
	
	/*-- ============ 8.6 ABOUT SECTION ============ --*/
	.about-section .top-line{
		display:none;
	}
	.about-section .tab-nav{
		text-align:left;
		top:185px;
		width:100%;
		padding:0px 0px 0px 52px;
	}
	.about-section .tab-content-container .tab-content{
		padding:0px 48px;
	}
	.about-section .tab-content-container .tab-content .img-container{
		text-align:center;
		height:auto;
	}
	.about-section .tab-content-container .tab-content .img-container img{
		position:relative;
		display:inline-block;
		left:inherit;
		-webkit-transform:translateX(0%);
		   -moz-transform:translateX(0%);
		    -ms-transform:translateX(0%);
		     -o-transform:translateX(0%);
		        transform:translateX(0%);
	}
	.about-section .skill-container{
		padding-left:90px;
	}
	
	/*-- ============ 8.7 SERVICES SECTION ============ --*/
	.services-section > div,
	.services-section > div .title-container
	{
		padding:0px;
	}
	.services-section .service{
		padding-left:0px;
	}
	
	/*-- ============ 8.8 WORKS SECTION ============ --*/
	.works-container .work{
		padding:0px 30px;
	}
	.works-container .work .left-side,
	.works-container .work .right-side
	{
		min-height:200px;
		height:auto;
	}
	.works-container .work .img-container,
	.works-container .work .img-container img
	{
		height:200px;
	}
	.works-container .work .right-side .text-container{
		position:relative;
		top:inherit;
		left:inherit;
		-webkit-transform:translateY(0%);
		   -moz-transform:translateY(0%);
		    -ms-transform:translateY(0%);
		     -o-transform:translateY(0%);
		        transform:translateY(0%);
	}
	
	/*-- ============ 8.9 CONTACT SECTION ============ --*/
	.contact-section .contact-info > div{
		padding:0px 13px;
	}
	.contact-section .info{
		margin-top:35px;
	}
	.contact-section .info .icon-container{
		left:0px;
	}
	.contact-section .info .text-container{
		padding-left:55px;
		word-wrap:break-word;
	}
	.contact-section .send-message-text{
		margin-top:0px;
	}
}

/*-- ===================================================== --*
	9.0 STYLE FOR EXTRA SMALL DEVICES 
/*-- ===================================================== --*/
@media all and (max-width: 767px){	
	/*-- ============ 9.1 TYPOGRAPHY ============ --*/
	h1{
		font-size:52px;
		line-height:47px;
	}
	h1.slim-number{
		font-size:68px;
		line-height:63px;
	}
	h2{
		font-size:30px;
		line-height:27px;
	}
	h3,
	h3.slim
	{
		font-size:20px;
		line-height:20px;
	}

	/*-- ============ 9.2 COLUMNS ============ --*/
	.col-xs-rlt{
		position:relative;
		display:block;
		float:left;
		top:0;
		left: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 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.5 BORDERS ============ --*/
	.page-border-left,
	.page-border-right
	{
		width:15px;
	}
	.page-border-top,
	.page-border-bottom
	{
		height:15px;
	}
	
	/*-- ============ 9.6 MENU ============ --*/
	nav.menu-container{
		right:35px;
		top:35px;
	}
	.menu-bg{
		display:block;
	}
	
	/*-- ============ 9.7 LOGO ============ --*/
	.logo-container{
		left:35px;
		top:40px;
	}
	
	/*-- ============ 9.8 COUNTDOWN ============ --*/
	.countdown-container{
		top:120px;
		margin-left:7px;
	}
	.home-section .top-line{
		top:140px;
		margin-left:7px;
	}
	.countdown-container .seconds_dash,
	.countdown-container .minutes_dash,
	.countdown-container .hours_dash
	{
		display:none;
	}
	
	
	/*-- ============ 9.9 SECTION ============ --*/
	section{
		padding:0px 15px;
		overflow:auto;
	}
	
	/*-- ============ 9.10 HOME SECTION ============ --*/
	.home-section{
		padding-left:30px;
	}
	.home-section .headline{
		position:relative;
		padding:240px 0px 50px 0px;
		top:inherit;
		left:inherit;
		-webkit-transform:translateY(0%) scale(1.5);
	   	   -moz-transform:translateY(0%) scale(1.5);
	   	    -ms-transform:translateY(0%) scale(1.5);
	         -o-transform:translateY(0%) scale(1.5);
	            transform:translateY(0%) scale(1.5);
	}
	.home-section.is-visible .headline{
		-webkit-transform:translateY(0%) scale(1);
	   	   -moz-transform:translateY(0%) scale(1);
	    	-ms-transform:translateY(0%) scale(1);
	     	 -o-transform:translateY(0%) scale(1);
	        	transform:translateY(0%) scale(1);
	}
	.subscribe-button-container{
		position:relative;
		display:inline-block;
		float:right;
		right:inherit;
		bottom:inherit;
		margin:0px 5px 50px 0px;
	}
	.subscribe-button-container .text-container{
		display:none;
	}
	.social-media-links{
		position:relative;
		display:inline-block;
		float:left;
		left:inherit;
		bottom:inherit;
		margin:0px 0px 50px 50px;
	}
	
	/*-- ============ 9.11 ABOUT SECTION ============ --*/
	.about-section{
		padding:0px 20px 0px 35px;
	}
	.about-section .tab-nav{
		position:relative;
		float:left;
		top:inherit;
		margin:125px 0px 0px 0px;
		padding:0px;
	}
	.about-section .tab-nav li:first-child{
		margin-left:13px;
	}
	.about-section .tab-nav li a{
		font-size:18px;
	}
	.about-section .tab-content-container{
		height:auto;
	}
	.about-section .tab-content-container .tab-content{
		margin-top:20px;
		padding:0px 5px 0px 0px;
		top:inherit;
		left:inherit;
		-webkit-transform:translateY(0%);
		   -moz-transform:translateY(0%);
		    -ms-transform:translateY(0%);
		     -o-transform:translateY(0%);
		        transform:translateY(0%);
	}
	.about-section .tab-content-container .tab-content > div > div{
		padding:0px;
	}
	.about-section .tab-content-container .tab-content h1.slim-number{
		width:55px;
	}
	.about-section .tab-content-container .tab-content .about-desc{
		padding:0px 0px 0px 59px;
	}
	.about-section .tab-content-container .tab-content .skill-content > div{
		padding:0px;
	}
	.about-section .tab-content-container .tab-content .skill-content .skill-container{
		padding-left:59px;
	}
	
	/*-- ============ 9.12 SERVICES SECTION ============ --*/
	.services-section{
		padding:0px 20px 0px 35px;
	}
	.services-section > div{
		padding:128px 0px 100px 0px;
	}
	.services-section .service .text-container h3.line-1,
	.services-section .service .text-container h3.line-2
	{
		color:#00e4b6;
		-webkit-transform:translateY(0px);
	   	   -moz-transform:translateY(0px);
	    	-ms-transform:translateY(0px);
		     -o-transform:translateY(0px);
		        transform:translateY(0px);
	}
	.services-section .service .text-container p{
		visibility:visible;
		opacity:1;
		-webkit-transform:translateY(0px);
		   -moz-transform:translateY(0px);
		    -ms-transform:translateY(0px);
		     -o-transform:translateY(0px);
		        transform:translateY(0px);
	}
	.services-section .service .icon-container::before{
		background:#00e4b6;
		-webkit-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, -0.5em, 0);
		   -moz-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, -0.5em, 0);
		    -ms-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, -0.5em, 0);
		     -o-transform:rotate3d(0, 0, 1, 0deg) translate3d(0, -0.5em, 0);
		        transform:rotate3d(0, 0, 1, 0deg) translate3d(0, -0.5em, 0);
	}
	.services-section .service .icon-container{
		width:70px;
		height:105px;
	}
	.services-section .service .icon-container .icon{
		color:white;
		font-size:40px;
		line-height:142px;
	}
	.services-section .service .text-container{
		padding-left:85px;
	}
	
	/*-- ============ 9.13 WORKS SECTION ============ --*/
	.works-section{
		padding:0px 20px 0px 35px;
	}
	.works-section .outer-container{
		position:relative;
		float:left;
		display:block;
		height:auto;
		width:100%;
		padding:0px;
	}
	.works-section .works-container{
		padding:128px 0px 100px 0px;
	}
	.works-section .works-container .work{
		padding:5px;
	}
	.works-section .works-container .left-side{
		text-align:center;
		padding:0px;
	}
	.works-section .works-container .right-side{
		margin-top:30px;
		padding-left:0px;
	}
	.works-container .work .img-link{
		display:inline-block;
	}
	.works-container .work .img-container,
	.works-container .work .img-container img
	{
		height:auto;
		width:100%;
	}
	.works-container .work .work-date{
		text-align:center;	
	}
	.works-section .works-controls{
		position:relative;
		float:right;
		display:block;
		width:116px;
		height:175px;
		right:inherit;
		bottom:inherit;
		margin:-50px 0px 28px 0px;
	}
	
	/*-- ============ 9.14 CONTACT SECTION ============ --*/
	.contact-section{
		padding:0px 20px 0px 35px;
	}
	.contact-section .outer-container{
		width:100%;
		padding:133px 8px 0px 22px;
		overflow-x:hidden;
		overflow-y:auto;
	}
	.contact-section .contact-info{
		
	}
	.contact-section .contact-info .map-container{
		padding:0px;
		margin-bottom:7px;
	}
	.contact-section .contact-info .info-container{
		padding:0px;
		margin-top:10px;
	}
	.contact-section .info{
		margin:15px 0px;
	}
	.contact-section .send-message-text{
		padding:0px;
		margin-top:30px;
	}
	.contact-section .send-message-text .button-container{
		text-align:left;
		padding-bottom:50px;
		margin-top:20px;
	}
	.contact-section .contact-form-container div{
		padding:0px;
	}
	.contact-section .contact-form-container > div{
		padding:0px 13px;
	}
	.contact-section .contact-form-container .hide-contact-form{
		margin-right:0px;
		margin-bottom:15px;
	}
	
	/*-- ============ 9.15 SUBSCRIBE SECTION ============ --*/
	.subscribe-section{
		padding:0px 20px 0px 35px;
	}
	.subscribe-section > div{
		padding:95px 0px 50px 0px;
	}
	.subscribe-section > div div[class*=col-]{
		padding:0px;
	}
	.subscribe-section .subscribe-form-container{
		padding:0px 5px 20px 5px;
	}
}

/*-- ===================================================== --*
	10.0 STYLE FOR EXTRA SMALL DEVICES (LANDSCAPE)
/*-- ===================================================== --*/
@media all and (max-width: 767px) and (orientation: landscape){
	.subscribe-button-container .text-container{
		display:block;
	}
	.works-container .work .img-container,
	.works-container .work .img-container img
	{
		width:auto;
		height:250px;
	}
	.contact-section .contact-form-container .hide-contact-form{
		margin-right:15px;
		margin-bottom:0px;
	}
}