@charset utf-8;

/* CSS Document */
/*
Theme Name: Persona.
Description: Persona Parallax Creative Portfolio Responsive HTML5 Theme.
Version: RE 3.0 - Reworked Edition as Major update released on June 25, 2013.
Author: Designova
Website: http://designova.net/
Credits: Design, Coding and Development by Jean P Johnson at Designova
*/


/* ===================================*/
/* TABLE OF CONTENTS: */
/* ===================================*/
/* 01 - LAYOUT INITIALIZATION */
/* 02 - COLOR SWATCHES */
/* 03 - COMMON ELEMENTS & STYLES */
/* 04 - PAGES & SECTIONS SETUP*/
/* 05 - INDIVIDUAL PAGES AND ELEMENTS*/
/* 06 - RESPONSIVE RULES : MOBILE OPTIMIZATION*/



/* ===================================*/
/* CONTENTS: */
/* ===================================*/

/* 01 - LAYOUT INITIALIZATION */

@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300&subset=latin,latin-ext);

body{
	overflow-x:hidden !important;
	background:#fff !important
}
a img{
	border:none !important;
}
a:hover{
	color:#4AB7E4;
}
p{
font-family:'Open Sans';
font-size: 14px;
line-height: 21px;
color: #333333;
}
.test-item {
    float: left;
    list-style: outside none none;
    margin: 0 1.6666% 3em;
    width: 30%;
}

#third img:hover{opacity:0.8;}

#third a h3:hover{color:#000000;text-decoration:none;}

#third a{text-decoration:none!important;}
.lb{ background: #f59308 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-weight: bold;
    margin: 0 auto 15px;
    padding: 10px 0;
    text-align: center;
    width: 300px;}

	.lb:hover{ background: #cc0000 none repeat scroll 0 0;
    color: #ffffff;}
.imgtest{
 border: 2px solid #1b8cb8;
    border-radius: 0.25em;
    display: table;
    float: left;
    height: 100px !important;
    margin: 0 10px 20px 0;
    overflow: hidden;
}

.imgtest:hover{
border: 2px solid #74b81b;}

.imgtest img{ height: 100px !important;}

.test-item p{
	background: #3498db url("../images/testbg.jpg") no-repeat bottom left;
    border-radius: 0.25em;
    color: #ffffff;
    line-height: 1.4;
    margin-bottom: 1em;
    padding: 2em;
	
}

.cd-author {
margin-left: 1em;}

.cd-author img {
    height: 50px;
    width: 50px;
}

.testimonials-wrapper ul {
    list-style: outside none none;
}

.testimonial-author{list-style: outside none none;font-weight:bold;}

.testimonial-client{list-style: outside none none;}

.topcms{
	height:400px;
	width:100%;
	background: url("../images/topcms.jpg") no-repeat fixed top left;
}

.toptravel{
	height:400px;
	width:100%;
	background: url("../images/toptravel.jpg") no-repeat fixed top left;
}

.topsupport{
	height:400px;
	width:100%;
	background: url("../images/topsupport.jpg") no-repeat fixed top left;
}

.topsklepy{
	height:400px;
	width:100%;
	background: url("../images/topsklepy.jpg") no-repeat fixed top left;
}

.topredesign{
	height:400px;
	width:100%;
	background: url("../images/topredesign.jpg") no-repeat fixed top left;
}

.toppp{
	height:400px;
	width:100%;
	background: url("../images/toppp.jpg") no-repeat fixed top left;
}

.topfaq{
	height:400px;
	width:100%;
	background: url("../images/topfaq.jpg") no-repeat fixed top left;
}


#bgtravel{background: rgba(0, 0, 0, 0) url("../images/bg/bgtravel1.jpg") no-repeat fixed 50% 0;
    color: white;
    min-height: 900px;
    padding-bottom: 60px !important;
	 background-position: 50% 0; 
	 padding: 0 300px 0 85px!important;
	 }
.services-info p.add-bottom{
	   color: #212121;
    padding: 10px 0 0;
	}

#master-foot .story{
		font-size: 11px;
	}
	
#master-foot .story a{  color: #888888;}
.custom{
  height: 100px;
    list-style: outside none none;
    margin-top: 12px;
    padding-left: 20px;
    padding-right: 0;
    position: fixed;
    right: 0;
    width: 161px;
    z-index: 9999;
}	
.container-fluid{
 padding: 0px !important;
}
.container{
	width: 100% !important;
}
.add-top-main{
}
.pad-common{
	padding: 15px;
}

#third .row-fluid{
	margin: 0 0 25px;
}

#third .row-fluid p{
	text-align:justify;
}



/* 02 - COLOR SWATCHES */
.pe-color-one{
	color: #e74c3c !important;
}
.pe-color-two{
	color: #3498db !important;
}
.pe-color-three{
	color: #2ecc71 !important;
}
.pe-color-four{
	color: #8e44ad !important;
}
.pe-bg-one{
	background: #e74c3c !important;
}
.pe-bg-two{
	background: #3498db !important;
}
.pe-bg-three{
	background: #2ecc71 !important;
}
.pe-bg-four{
	background: #8e44ad !important;
}
.pe-bg-five{
	background: #1abc9c !important;
}
.pe-bg-six{
	background: #f1c40f !important;
}
.pe-bg-seven{
	background: #E671B5 !important;
}
.pe-bg-eight{
	background: #E56C19 !important;
}


/* 03 - COMMON ELEMENTS */
#nav-arrow{
	display:none;
	position:fixed;
	top:0px;
	right:0px;
	z-index:99999;
}
#main-nav{
	width:200px;
	list-style: none;
	position: fixed;
	right: 0px;
	height:100%;
	margin-top:100px;
	padding-right:0px;
	padding-left:20px;
	z-index:9999;
}

#main-nav li{
	margin: 0px;	
	text-align:right;
	margin-top:10px;
	margin-bottom:10px;
	line-height: 28px;
}
.nav-link{
	margin: 0px;
	color:#fff !important;
font-family:"Open_Sans_L";
font-size:18px;
	text-decoration:none;
	background:#000;
	padding:2px 10px;
	border-top:solid 4px #000;
	border-bottom:solid 4px #000;
}
.nav-link:hover, .nav-link:focus{
	text-decoration:none !important;
}
#full-arrow{
	display:none;
	position:fixed;
	z-index:999999 !important;
	cursor:pointer;
}
.arrow-off{
	display:none;
}


/* 04 - PAGES & SECTIONS SETUP */

#header, #intro, #second{
	width: 100%;
}

#intro{
	background:url(../images/bg/01.jpg) 50% -75px no-repeat fixed;
	color: white;
	min-height: 860px;
	margin: 0 auto;
	/*box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.9);*/
}

#second{
	background: url(../images/bg/02.jpg) 50% 0 no-repeat fixed;
	color: #555555;
    font-size: 14px;
	min-height: 936px;
	margin: 0 auto;
	overflow: hidden;
	/*box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.9);*/
}

#second .bg{
	background: url(../images/bg/02a.png) 50% 0 no-repeat fixed;
	min-height: 1300px;
	margin: 0 auto;
	position: absolute;
	width: 900px;
	z-index: 200;
}
#third{
	background: url(../images/bg/03.jpg) 50% 0 no-repeat fixed;
	color: white;
	min-height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	/*box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.9);*/}
	
#fourth{
	background: url(../images/bg/07.jpg) 50% 0 no-repeat fixed;
	color: white;
	min-height: 1400px;
	margin: 0 auto;
	overflow: hidden;
	/*box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.9);*/}
#fourth .bg{
	min-height: 1300px;
	margin: 0 auto;
	position: absolute;
	width: 900px;
	z-index: 200;
}
#fifth{
	background: url(../images/bg/05.jpg) 50% 0 no-repeat fixed;
	color: white;
	min-height: 900px;
	padding-bottom: 60px !important;
}

#sixth{
	background: url(../images/bg/04.jpg) 50% 0 no-repeat fixed;
	color: white;
	min-height: 936px;
	margin: 0 auto;
	overflow: hidden;
	/*box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.9);*/
}

#seventh{
	background: url(../images/bg/06.jpg) 50% 0 no-repeat fixed;
	color: white;
	min-height: 950px;
	/*box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.9);*/
}

#seventh-travel {
    background: rgba(0, 0, 0, 0) url("../images/bg/06-travel.jpg") no-repeat fixed 50% 0;
    color: white;
    min-height: 950px;
}

#seventh-faq {
    background: rgba(0, 0, 0, 0) url("../images/bg/06-faq.jpg") no-repeat fixed 50% 0;
}

#seventh-pp {
    background: rgba(0, 0, 0, 0) url("../images/bg/06-pp.jpg") no-repeat fixed 50% 0;
}

#seventh-ref {
    background: rgba(0, 0, 0, 0) url("../images/bg/06-ref.jpg") no-repeat fixed 50% 0;
}


#seventh-redesign {
    background: rgba(0, 0, 0, 0) url("../images/bg/06-redesign.jpg") no-repeat fixed 50% 0;
}

#seventh-support {
    background: rgba(0, 0, 0, 0) url("../images/bg/06-support.jpg") no-repeat fixed 50% 0;
}

#seventh-sklep {
    background: rgba(0, 0, 0, 0) url("../images/bg/06-sklep.jpg") no-repeat fixed 50% 0;
}

#seventh-cms {
    background: rgba(0, 0, 0, 0) url("../images/bg/06-cms.jpg") no-repeat fixed 50% 0;
}


#eighth{
	background: #121212;
	height: 120px;
	margin: 0 auto;
	padding: 40px 0 0 0;
	/*box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.9);*/
}


.outer-wrap{
	padding: 0 85px 0 85px !important;
}

/*Inner*/
#welcome{
}
#welcome h1{
font-family:"Ostrich_Sans_Black";
	margin-top:160px;
}
#welcome p{
	font-family:"Open_Sans_R";
	font-size:16px;
	line-height:21px;
	font-weight:normal;
}
.main-heading{
font-family:"Ostrich_Sans_Black";
text-transform:uppercase;
font-size:148px;
line-height:148px;
font-weight:normal;
}
.main-heading-alt{
font-family:"Open_Sans_L";
font-size:24px;
font-weight:normal !important;
}
.main-heading-alt > span{
background: #4AB7E4;
padding: 4px;
color: #fff !important;
padding-left: 10px;
padding-right: 10px;
}
.main-heading-inner{
font-family:"Ostrich_Sans_Black";
background: transparent !important;
color: #4AB7E4;
text-transform:uppercase;
font-size:48px;
line-height:48px;
font-weight:normal;
}
.main-heading-inner > span{
font-family:"Ostrich_Sans_Black";
background: transparent !important;
color: #000 !important;
text-transform:uppercase;
font-size:117px;
line-height:128px;
font-weight:normal;
}
.main-heading-inner-inv > span{
font-family:"Ostrich_Sans_Black";
background: transparent !important;
color: #fff !important;
text-transform:uppercase;
font-size:148px;
line-height:148px;
font-weight:normal;
}


.dark-txt{
	color:#171717 !important;
}
.light-txt{
	color:#f8f8f8 !important;
}
.white-txt{
	color:#fff !important;
}
.grey-txt{
	color:#888 !important;
}
.color-high{
	color:#4AB7E4 !important;
}
.color-dark{
	color:#0a0a0a !important;
}
.promo-txt{

font-family:"Ostrich_Sans_Regular" !important;
	font-size:18px !important;
	line-height:25px;
	
}
.medium-para{
	font-size:14px;
	line-height:21px;
	font-family:"Open Sans";
}

#bgtravel .medium-para {
    color: #212121;
    font-family: "Open Sans";
    font-size: 14px !important;
    line-height: 21px;
}
.credit-txt{
	color:#999;
	margin-top:18px;
font-family:"Open_Sans_R";
font-size:12px !important;
}
.credit-txt a{
	color:#fff;
}

.credit-txt a:hover{
	color:#4AB7E4;
}

.foot-logo{
font-family:"Ostrich_Sans_Black";
text-transform:uppercase;
font-size:36px;
line-height:36px;
font-weight:normal;
color: #fff !important;
}
.foot-logo:hover{
color: #4AB7E4 !important;
text-decoration: none !important;
cursor: pointer;
}

/* 05 - INDIVIDUAL PAGES AND ELEMENTS*/

/* -----------------------------------------
   Page Name 1
----------------------------------------- */
.features{
	list-style:none;
	color:#000 !important;
}
.features li{
	font-size:20px !important;
	line-height:25px;
	padding-top:15px;
	padding-bottom:10px;
	border-bottom:solid 1px #ccc;
}
.features li span{
	color:#000;
font-family:"Ostrich_Sans_Black";
	font-size:24px !important;
	line-height:25px;
	width:230px;
	display:inline-block;
	margin-left:5px;
}
.features li i{
	font-size:32px;
	margin-right:5px;
}
.features-first{
	border-top:none;
}
/*--------------------------
 Services
 --------------------------*/
 .services-info{
}
.services-info h3{
	font-weight: normal;
font-family:'Open Sans';
	padding:10px;
	font-size:24px;
	line-height: 31px;
	background: #4AB7E4;
	color: #fff;
	text-align: center;
}
.services-promo h3{
	font-family:"Nexa_Bold";
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom:solid 2px #4AB7E4;
	font-size:28px;
}
 .icon-thumb-big{
	 text-align:center;
	 font-size:222px !important;
	 padding-top: 40px;
 }
 .services-testimonial p{
 	color: #fff;
 	margin-bottom: 10px;
 }
 .services-testimonial h4{
	font-weight: normal;
font-family:'Open Sans';
	padding:10px;
	font-size:24px;
	line-height: 31px;
	background: #0a0a0a;
	color: #fff;
	text-align: left;
	margin-bottom: 30px;
}
 .services-testimonial h5{
 	font-weight: normal;
font-family:'Open Sans';
font-size: 24px;
line-height: 31px;
	 color:#fff !important;
 }
 .testimonial-alt{
font-family:'Open Sans';
	 font-weight:normal;
	 color:#fff !important;
font-size: 14px;
line-height: 21px;
 }
/* ----------------------------
   SERVICES GRAPH 
--------------------------     */
.skill-info{
}
.skill-info h3{
	font-weight: 600;
font-family:'Open Sans';
	padding:10px;
	font-size:24px;
	line-height: 31px;
	background: #4AB7E4;
	color: #fff;
	 margin: 0 0 10px;
}

#services-graph{list-style-type:none;margin-top:10px;padding:0;}
#services-graph li{margin-bottom:16px;position:relative;}
#services-graph li p{color:#fff;font-size:16px;font-weight:700;left:10px;position:absolute;top:10px; text-transform:uppercase;
font-family:"Nexa_Light";}
.percentage{color:#000;font-family:'PT Sans', tahoma, sans serif;font-size:1.4em;font-weight:700;margin-left:4px; letter-spacing:0; font-style:normal; margin-left:15px;}
.bar-container{background:url('../images/overlay_solid_dark.png') repeat;height:47px;width:100%;}
.bar-10{background:url('../images/overlay_solid_darkest.png') repeat; height:47px;width:10%;}
.bar-20{background:url('../images/overlay_solid_darkest.png') repeat; height:47px;width:20%;}
.bar-30{background:url('../images/overlay_solid_darkest.png') repeat;height:47px;width:30%;}
.bar-40{background:url('../images/overlay_solid_darkest.png') repeat; height:47px;width:40%;}
.bar-50{background:url('../images/overlay_solid_darkest.png') repeat; height:47px;width:50%;}
.bar-60{background:url('../images/overlay_solid_darkest.png') repeat;height:47px;width:60%;}
.bar-70{background:url('../images/overlay_solid_darkest.png') repeat;height:47px;width:70%;}
.bar-80{background:url('../images/overlay_solid_darkest.png') repeat;height:47px;width:80%;}
.bar-90{background:url('../images/overlay_solid_darkest.png') repeat;height:47px;width:90%;}
.bar-100{background:url('../images/overlay_solid_darkest.png') repeat;height:47px;width:100%;}


/* -----------------------------------------
   Page Name 2
----------------------------------------- */
.framework-demo{
}
.framework-demo p{
	color:#111 !important;
	font-family:"liberation_Sans" !important;
}
.framework-demo a{
	color:#000 !important;
	text-transform:uppercase;
}
.framework-demo li{
	color:#111 !important;
}
.framework-demo .panel{
	background:#fff;
	border:solid 1px #ccc;
}
.framework-demo h3, .framework-demo h4{
	font-weight: normal;
font-family:'Open Sans';
	padding:10px;
	font-size:24px;
	line-height: 31px;
	background: #4AB7E4;
	color: #fff;
	text-align: left;
	margin-bottom: 30px;
}
/* -----------------------------------------
   Page Name 2
----------------------------------------- */
#work-intro{
	border-top:solid 4px #4AB7E4;
	border-bottom:solid 4px #4AB7E4;
	color: #fff; text-shadow: 0 1px 2px #000000;
}
#work-block{
}
.work-item{
	height:155px;
	padding:2px;
}
.work-item .thumb{
}
.work-item-name{
	margin-top:70%;
	color:#4AB7E4;
font-family:"Nexa_Light";
}
.null-div{
	opacity:0;
}
#work-filter{
}

.filter-button{
	color:#fff;
	font-size:24px;
	font-family:"Ostrich_Sans_Black";
	cursor:pointer;
}
/* Filter */
#filters{
	margin-bottom: 25px;
}
#filters li { float: left;
font-size:20px;
color:#000000 !important; }
#filters li:after { content: "/"; color:#000000;  font-size:32px;}
#filters li:last-child:after { content: "";}
#filters a { padding: 0 10px; color: #000000; text-decoration: none;
font-family:"Ostrich_Sans_Black"; font-size:32px; line-height: 44px;}
#filters a:hover, .current a { color: #4AB7E4; }


/* -----------------------------------------
   Page Name 1
----------------------------------------- */
.contact{
	list-style:none;
	color:#000 !important;
}
.contact a{
	color:#4AB7E4 !important;
}

.contact a:hover{
	color:#13668a !important;
	text-decoration: none !important;
}
.contact li{
	font-size:20px !important;
	line-height:25px;
	padding-top:15px;
	padding-bottom:10px;
	border-bottom:solid 1px #ccc;
}
.foundation-social{
font-family:"Foundation_Social";
font-style:normal !important;
}
.contact li span{
	color:#000;
font-family:"Oswald";
	font-size:24px !important;
	line-height:25px;
	display:inline-block;
	margin-left:5px;
}
.contact li i{
	font-size:32px;
	margin-right:5px;
}
.contact-first{
	border-top:none;
	margin-top:30px;
}
.contact-form-label{
 color: #000 !important;
    font-family: oswald;
    font-size: 21px !important
}
.contact-icons {
	margin-top: 30px;
    list-style: none outside none;
}
.contact-icons li {
    font-size: 14px;
	color:#666 !important;
}
.contact-icons li span {
    font-size: 16px;
    margin-right: 5px;
	color:#4AB7E4 !important;
}
#address-block p{
	margin-top: 30px;
	font-size:14px !important;
}
.contact-btn{
	text-transform:uppercase;
}
.text-field{
	font-family:"Ostrich_Sans_Black";
	font-size:16px !important;
	color:#999 !important;
}
.error{
	color:#4AB7E4 !important;
}

#master-foot{
	padding-top: 20px;
	padding-bottom: 30px;
	background: #0a0a0a;
}



#small-device-header{
	display:none;
	position:fixed;
	top:0px;
	width:100%;
	height:90px;
	background:#fff;
	text-align:left;
}
#mobile-logo{
	margin-top:6px;
}
#mobile-nav{
	margin:8px 11px;
	
}
.mob-nav-link{
	font-size:20px;
font-family:"Ostrich_Sans_Black";
text-transform:uppercase;
margin-right:15px;
color:#000;
}
.mob-nav-link:hover{
	font-size:20px;
font-family:"Ostrich_Sans_Black";
text-transform:uppercase;
margin-right:15px;
color:#4AB7E4;
}

/*Bootstrap Resets*/

.text-field{
	margin-top: 12px !important;
	margin-bottom: 18px !important;
	background: #eee !important;
    border: none !important;
    border-radius: 0px !important;
    box-shadow:none !important;
    color: #000 !important;
    font-size: 18px!important;
    transition: all 0.15s linear 0s;
    width: 100%;
	font-family:"Open_Sans_R" !important;
}
.text-field:hover {
	margin-top: 12px !important;
	margin-bottom: 18px !important;
	background: #4AB7E4 !important;
    border: none !important;
    border-radius: 0px !important;
    box-shadow:none !important;
    color: #fff !important;
    font-size: 18px!important;
    transition: all 0.15s linear 0s;
    width: 100%;
	font-family:"Open_Sans_R" !important;
}
textarea {
	background: #fff;
    border: solid 1px #4AB7E4 !important;
    border-radius: 0px !important;
    box-shadow:none !important;
    color: #000 !important;
    display: block;
    font-size: 18px!important;
    height: 130px;
    margin: 0 0 35px;
    padding: 6px;
    transition: all 0.15s linear 0s;
    width: 100%;
font-family:"Open_Sans_R" !important;
}
textarea:hover{
	background: #4AB7E4;
    border: none !important;
    border-radius: 0px !important;
    box-shadow:none !important;
    color: #fff !important;
    display: block;
    font-size: 18px !important;
    height: 130px;
    margin: 0 0 35px;
    padding: 6px;
    transition: all 0.15s linear 0s;
    width: 100%;
font-family:"Open_Sans_R" !important;
}

input:focus, textarea:focus{
background: #4AB7E4 !important;
color: #fff !important;
}

.button.secondary {
    background-color: #4AB7E4 !important;
    border: none !important;
    color: #000 !important;
    padding: 20px 34px !important;
}
.button.secondary:hover {
    background-color: #0a0a0a !important;
    border: none !important;
    color: #fff !important;
    padding: 20px 34px !important;
    cursor: pointer;
}

/* 06 - MOBILE OPTIMIZATION*/
#bgcms{
  background: rgba(0, 0, 0, 0) url("../images/bg/bgcms.png") repeat fixed right 50%;
}

@media (max-width: 1368px){
#intro {
    background: rgba(0, 0, 0, 0) url("../images/bg/01ab.jpg") no-repeat fixed 50% -75px;

}

#bgtravel{background: rgba(0, 0, 0, 0) url("../images/bg/bgtravel1.jpg") no-repeat fixed right 50%;
   
	 }

}

@media (max-width: 768px){
	body, html{
		max-width: 768px !important;
		overflow-x: hidden !important;
	}
	.container{
	}

	.bg{
		display: none !important;
		visibility: hidden !important;
	}

	.outer-wrap{
		text-align: center;
		padding: 30px 15px 0 !important
	}
	.credit-txt{
		text-align: center !important;
	}
	#master-foot{
		padding-bottom: 50px !important;
	}
	.main-heading-inner > span{
		font-size: 96px;
		line-height: 103px;
	}
	.main-heading{
		font-size: 96px;
		line-height: 103px;
	}
	.main-heading-alt{
		font-size: 18px;
		text-align: center;
	}
	.main-heading-inner-inv > span{
		font-size: 96px;
		line-height: 103px;
	}
	
	.skill-info{
		margin-bottom: 30px;
	}
	.skill-info > p{
		margin-top: 10px;
	}
	.skill-info > h3 > i{
		display: block;
	}

	/*Parallax layers deactivated on Mobiles*/
	#intro{
		min-height: 760px !important;
	background:url(../images/bg/01.jpg) center center no-repeat fixed;
	background-size: cover;
	}

	#second{
		background:#fff;
	}

	#second .bg{
		display: none;
	}
	#third{
		background:#eee;
	}
		
	#fourth{
		background: url(../images/bg/07.jpg) center center no-repeat fixed;
	background-size: cover;
	}
	#fourth .bg{
	}
	#fifth{
		background: url(../images/bg/05.jpg) center center no-repeat fixed;
	background-size: cover;
	}

	#sixth{
		background: url(../images/bg/04.jpg) center center no-repeat fixed;
	background-size: cover;
	}

	#seventh{
		padding-bottom: 60px !important;
		background: #fff;
	}

	#eighth{
	}
}



@media (max-width: 640px){
	body, html{
		max-width: 640px !important;
		overflow-x: hidden !important;
	}
	.container{
	}
	
	.isotope .isotope-item {
    text-align: left;
}

	.bg{
		display: none !important;
		visibility: hidden !important;
	}

	.outer-wrap{
		text-align: center;
		padding: 30px 15px 0 !important
	}
	.credit-txt{
		text-align: center !important;
	}
	#master-foot{
		padding-bottom: 50px !important;
	}
	.main-heading-inner > span{
		font-size: 96px;
		line-height: 103px;
	}
	.main-heading{
		font-size: 96px;
		line-height: 103px;
	}
	.main-heading-alt{
		font-size: 18px;
		text-align: center;
	}
	.main-heading-inner-inv > span{
		font-size: 96px;
		line-height: 103px;
	}
		
	.skill-info{
		margin-bottom: 30px;
	}
	.skill-info > p{
		margin-top: 10px;
	}
	.skill-info > h3 > i{
		display: block;
	}

	/*Parallax layers deactivated on Mobiles*/
	#intro{
		min-height: 760px !important;
	background:url(../images/bg/01.jpg) center center no-repeat fixed;
	background-size: cover;
	}

	#second{
		background:#fff;
	}

	#second .bg{
		display: none;
	}
	#third{
		background:#eee;
	}
		
	#fourth{
		background: url(../images/bg/07.jpg) center center no-repeat fixed;
	background-size: cover;
	}
	#fourth .bg{
	}
	#fifth{
		background: url(../images/bg/05.jpg) center center no-repeat fixed;
	background-size: cover;
	}

	#sixth{
		background: url(../images/bg/04.jpg) center center no-repeat fixed;
	background-size: cover;
	}

	#seventh{
		padding-bottom: 60px !important;
		background: #fff;
	}

	#eighth{
	}
}

@media (max-width: 480px){
	body, html{
		max-width: 480px !important;
		overflow-x: hidden !important;
	}
	
	#bgtravel{background:#ffffff;padding: 0 30px !important;}
	.custom{display: none !important;}
	.container{
	}

	.bg{
		display: none !important;
		visibility: hidden !important;
	}

	.outer-wrap{
		text-align: center;
		padding: 30px 15px 0 !important
	}
	.credit-txt{
		text-align: center !important;
	}
	#master-foot{
		padding-bottom: 50px !important;
	}
	.main-heading-inner > span{
		font-size: 96px;
		line-height: 103px;
	}
	.main-heading{
		font-size: 96px;
		line-height: 103px;
	}
	.main-heading-alt{
		font-size: 18px;
		text-align: center;
	}
	.main-heading-inner-inv > span{
		font-size: 96px;
		line-height: 103px;
	}
	.skill-info{
		margin-bottom: 30px;
	}
	.skill-info > p{
		margin-top: 10px;
	}
	.skill-info > h3 > i{
		display: block;
	}


	/*Parallax layers deactivated on Mobiles*/
	#intro{
		min-height: 760px !important;
	background:url(../images/bg/01.jpg) center center no-repeat fixed;
	background-size: cover;
	}

	#second{
		background:#fff;
	}

	#second .bg{
		display: none;
	}
	#third{
		background:#eee;
	}
		
	#fourth{
		background: url(../images/bg/07.jpg) center center no-repeat fixed;
	background-size: cover;
	}
	#fourth .bg{
	}
	#fifth{
		background: url(../images/bg/05.jpg) center center no-repeat fixed;
	background-size: cover;
	}

	#sixth{
		background: url(../images/bg/04.jpg) center center no-repeat fixed;
	background-size: cover;
	}

	#seventh{
		padding-bottom: 60px !important;
		background: #fff;
	}

	#eighth{
	}
}


@media (max-width: 360px){
	body, html{
		max-width: 360px !important;
		overflow-x: hidden !important;
	}
	.container{
	}

	.bg{
		display: none !important;
		visibility: hidden !important;
	}

	.outer-wrap{
		text-align: center;
		padding: 30px 15px 0 !important
	}
	.credit-txt{
		text-align: center !important;
	}
	#master-foot{
		padding-bottom: 50px !important;
	}
	.main-heading-inner > span{
		font-size: 64px;
		line-height: 103px;
	}
	.main-heading{
		font-size: 64px;
		line-height: 103px;
	}
	.main-heading-alt{
		font-size: 18px;
		text-align: center;
	}
	.main-heading-inner-inv > span{
		font-size: 64px;
		line-height: 103px;
	}
	.main-heading-alt > span{
		background: none;
	}
	.skill-info{
		margin-bottom: 30px;
	}
	.skill-info > p{
		margin-top: 10px;
	}
	.skill-info > h3 > i{
		display: block;
	}

	/*Parallax layers deactivated on Mobiles*/
	#intro{
		min-height: 600px !important;
	background:url(../images/bg/01.jpg) center center no-repeat fixed;
	background-size: cover;
	}

	#second{
		background:#fff;
	}

	#second .bg{
		display: none;
	}
	#third{
		background:#eee;
	}
		
	#fourth{
		background: url(../images/bg/07.jpg) center center no-repeat fixed;
	background-size: cover;
	}
	#fourth .bg{
	}
	#fifth{
		background: url(../images/bg/05.jpg) center center no-repeat fixed;
	background-size: cover;
	}

	#sixth{
		background: url(../images/bg/04.jpg) center center no-repeat fixed;
	background-size: cover;
	}

	#seventh{
		padding-bottom: 60px !important;
		background: #fff;
	}

	#eighth{
	}
}


@media (max-width: 320px){
	body, html{
		max-width: 320px !important;
		overflow-x: hidden !important;
	}
	.container{
	}

	.bg{
		display: none !important;
		visibility: hidden !important;
	}

	.outer-wrap{
		text-align: center;
		padding: 30px 15px 0 !important
	}
	.credit-txt{
		text-align: center !important;
	}
	#master-foot{
		padding-bottom: 50px !important;
	}
	.main-heading-inner > span{
		font-size: 64px;
		line-height: 103px;
	}
	.main-heading{
		font-size: 64px;
		line-height: 103px;
	}
	.main-heading-alt{
		font-size: 18px;
		line-height: 22px;
		text-align: center;
	}
	.main-heading-alt > span{
		background: none;
	}
	.main-heading-inner-inv > span{
		font-size: 64px;
		line-height: 103px;
	}
	.skill-info{
		margin-bottom: 30px;
	}
	.skill-info > p{
		margin-top: 10px;
	}
	.skill-info > h3 > i{
		display: block;
	}

	/*Parallax layers deactivated on Mobiles*/
	#intro{
		min-height: 600px !important;
	background:url(../images/bg/01.jpg) center center no-repeat fixed;
	background-size: cover;
	}

	#second{
		background:#fff;
	}

	#second .bg{
		display: none;
	}
	#third{
		background:#eee;
	}
		
	#fourth{
		background: url(../images/bg/07.jpg) center center no-repeat fixed;
	background-size: cover;
	}
	#fourth .bg{
	}
	#fifth{
		background: url(../images/bg/05.jpg) center center no-repeat fixed;
	background-size: cover;
	}

	#sixth{
		background: url(../images/bg/04.jpg) center center no-repeat fixed;
	background-size: cover;
	}

	#seventh{
		padding-bottom: 60px !important;
		background: #fff;
	}

	#eighth{
	}
}