body:before {
	background: url('../img/homebg.jpg');
	visibility:hidden;
	opacity:0;
	position:absolute;
	left:-999;
}

html {
	visibility:hidden;
    color: #222;
    font-size: 1em;
    line-height: 1.4;
	font-family: 'Dosis', sans-serif;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

h1 {font-size:42px; font-weight:600;}
h2 {font-size:42px; font-weight:600;}
h3 {font-size:32px; font-weight:600;}
p {font-size:18px;}

/*  ========================================================================== */



/*  Header */

header {position:fixed; top:0; height:200px; width:90%; padding:20px 5%; z-index: 70; pointer-events: none}

ul#menu {display: inline-block; float: right; pointer-events:auto    }
ul#menu li {display:inline-block; padding:40px 20px 0 0;}
ul#menu li a{color:#fff; font-weight:600; text-decoration:none; font-size:18px; -webkit-transition: all 2s ease;-moz-transition: all 2s ease;-ie-transition: all 2s ease;-o-transition: all 2s ease;transition: all 2s ease;}
ul#menu li a:hover{color:#eee;}
ul#menu li.active a{color:#00f0ff !important;}
ul#menu li.icon {display: none;}
ul#menu.menuw li a {color:#222;-webkit-transition: all 2s ease;-moz-transition: all 2s ease;-ie-transition: all 2s ease;-o-transition: all 2s ease;transition: all 2s ease;}



.logo {position:absolute; left:5%; opacity:1;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; pointer-events:auto }
  
.hidelogo {opacity:0; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
 
/*  Section Structure & Standards */

section.leftside {width:60%; padding:60px 0 0; float:left;}
section aside.rightside {width:19%; padding:60px 0 0 10%; float:right;}
section ul {list-style:none; padding:0;}
a.arrow, a.arroww {  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 0 none;bottom: 40px;color: #000000;height: auto;left: 50%;margin-left: -25px;position: absolute;text-decoration: none;width: 50px; z-index: 99; }
a.arrow {color:#fff;}
.arrow br {height: 60px;margin: 10px;}
  


/*  Home */

.homeaside {position:absolute; top:0; right:0; height:100%; width:auto; pointer-events: none}

section {padding:0 5%; background:no-repeat center center fixed; background-size: auto 100%; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; z-index:3;}

section.home {background:url('../img/homebg.jpg'); background-repeat: no-repeat;}
section.home h1{font-size:110px; line-height:110px; color:#fff; width:50%; }

.homeTitleLeave {-moz-transform: translateX(1540px);-webkit-transform: translateX(1540px);transform: translateX(1540px); -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out; }

section.home h1 span {color:#00f0ff;}


/*  About */
section.about {background:url('../img/aboutbg.jpg'); background-repeat: no-repeat;}

section.about p span {background:#00f0ff; padding:0 4px;}
section.about aside h3 {display:inline-block; font-weight:600; padding-right:10px;}
section.about aside span {background:#00f0ff; padding:0 4px;}
section.about aside span.head {display:inline-block; background:0; padding:0; font-weight:400; font-style:italic; font-size:24px;}
section.about aside li {font-weight:600; padding-bottom:20px;}
section.about .leftside h2 span {
    background: #00f0ff none repeat scroll 0 0;
    padding: 0 4px;
	text-transform:uppercase;
}

section.about br {margin:10px;}
section.about a.arrow {color:#000;}


/*  Services */
section.services {background:url('../img/servicesbg.jpg'); background-repeat: no-repeat; color:#fff; -webkit-transition: background-image 1s ease-in-out;-moz-transition: background-image 1s ease-in-out;-o-transition: background-image 1s ease-in-out;transition: background-image 1s ease-in-out;}

section.services span {color:#00f0ff;}

section.services ul {list-style:none; margin:0; padding:0;}
section.services ul li {font-size:24px; margin:0; padding:0; font-weight:600;}

.rightside > h2 {line-height:0; padding:0;}

section.services .port-link {background: url("../img/urlarrow.png") no-repeat scroll 98% center, #ffffff none repeat scroll 0 0;border-radius: 5px;color: #000000;display: inline-block;font-size: 18px;font-weight: 400;margin-top: 20px;padding: 6px 40px 6px 10px;text-decoration: none;text-transform:uppercase;}

.fp-controlArrow.fp-next {border:none; background:url('../img/arrow-right.png'); height:49px; width:26px; opacity:1; }
.fp-controlArrow.fp-prev {border:none; background:url('../img/arrow-left.png'); height:49px; width:26px; opacity:0; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.fp-prev.showarrow, .fp-next.showarrow {opacity:1; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.fp-next.showarrow { opacity:0; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out; }

section.services .arroww {color:#fff;}

/*  Portfolio */
section.services.portfoliobg { color:#fff; -webkit-transition: background-image 1s ease-in-out;-moz-transition: background-image 1s ease-in-out;-o-transition: background-image 1s ease-in-out;transition: background-image 1s ease-in-out; background:url('../img/portfoliobg.jpg'); background-repeat: no-repeat;}

.port-item{width:20%; padding:0 3% 0 1%; margin:0; display:inline-block; vertical-align:top;}
.port-item h2 {line-height:auto;}
.port-item h4 {color:#00f0ff;}
.port-item img {max-width:98%; padding-left:1px;}

/*  Contact */
section.contact {background:url('../img/contactbg.jpg'); background-repeat: no-repeat;}
section.contact p  {font-size:38px; line-height:58px;}
section.contact a {color:#000; text-decoration:none;}
section.contact p span {background:#00f0ff; padding:4px 6px; text-transform:uppercase; font-weight:600; margin:0px;}

form input {
    border: 0 none;
    float: left;
    margin: 10px 1% 10px 0;
    padding: 1%;
    width: 30%;
}

::-webkit-input-placeholder{color:#a1aeb7; font-style:italic;}
:-moz-placeholder{color:#a1aeb7; font-style:italic;}
::-moz-placeholder{color:#a1aeb7; font-style:italic;}
:-ms-input-placeholder{color:#a1aeb7; font-style:italic;}

form {width:70%;}

form textarea {
	border: 0 none;
    float: left;
    margin: 10px 1% 10px 0;
    padding: 1%;
    width: 96%;
	
}

.antispammessage {padding:0;}
#AntiSpam {float:none; width:50px; margin-left: 10px;}

form input[type="submit"] {background:#383E43;color:#fff; text-transform:uppercase; font-weight:600;}

.thankyou {opacity:0;}

#Im_Not_Real {display:none !important;}






/* ==========================================================================
   Media Queries
   ========================================================================== */


/* Desktop and Tablet Only */

@media only screen and (min-width : 736px) 
 { 
 
 }


/* Tablet / Small Screen */
@media only screen and (max-device-width : 1024px)  {
	
	/* General */
	
	section.leftside {padding:100px 0 0 0;}
	h1 {font-size:32px; font-weight:600;}
	h2 {font-size:24px; font-weight:600;}
	p {font-size:14px;}
	section aside img {max-width:100px; margin-top:40px;}
	
	/* Home */
	section.home h1{ font-size:74px; padding-top:80px; line-height:80px; }
	
	/* About */
	section.about aside span.head {font-size:18px;}
	
	/* Services */
	section.services section.leftside {padding:40px 0 0 0;}
	section.services ul li {font-size:18px;}
	
	/* Portfolio */
	.slide.portfolio h1 {margin-top:40px;}
	
	
}

/* Tablet Portrait */ 
@media only screen 
and (max-width : 1024px) 
and (orientation : portrait) { 

	/* Home */
	section.home h1{font-size:74px; padding-top:80px; line-height:80px; text-align:center; width:100%; }
	section.home .homeaside {display:none;}
	
	form {width:80%;}
	

}

/* Mobile */
@media only screen and (max-width : 736px) 
 { 
 
 	html, body {width:100%; overflow:hidden;}
	
	/* General */
	
	section.leftside {float:none; padding:60px 0 0 0; width:90%; margin:40px auto 0;}
	section aside.rightside {float:none; width:100%; padding:0; margin:40px auto; text-align:center;}
	h1 {font-size:32px; font-weight:600;}
	h2 {font-size:24px; font-weight:600;}
	p {font-size:14px;}
	section aside img {max-width:100px; margin-top:40px;}
	.logo {overflow:hidden; width:10%;}
	
	
	/* Menu */
	ul#menu {margin:0; width:50%; background:rgba(29,47,57,0.0); padding:0; -webkit-transition-duration: 0.4s;}
	ul#menu li {margin:0; width:40%; padding:5px 12px;display: none;}
	ul#menu li.icon {float: right; display: inline-block;width:10%;}
	ul#menu.responsive {position: relative; padding:0px 12px; margin:0; background:rgba(29,47,57,0.8);}
	ul#menu.responsive li.icon {position: absolute; right: 0;top: 0;}
    ul#menu.responsive li {float: left; display: inline; }
	ul#menu.responsive li a {display: block; text-align: left; color:#fff;}

		
	/* Home */
	section.home h1{ font-size:42px; padding-top:20px; line-height:50px; }
	section.home {background-size:auto 100%;}
	
	/* About */
	section.about {background-size:auto 100%;}
	section.about aside.rightside {margin:0 auto 120px; float:none; display:block; }
	
	/* Services */
	section.services {height:100%; padding:0;}
	section.services .services, section.services .portfolio{height:auto; clear:both; width:90%; padding:0 5%;}
	section.services {height:auto !important;}
	section.services aside.rightside {margin:0 auto 120px; width:100%; float:none; display:block; }
	section.services ul li {font-size:18px;}
	
	/* Portfolio */
	section.services .portfolio{padding:20px 5% 120px; text-align:center; background:url('../img/portfoliobg.jpg'), #000; background-size: auto 100%; color:#fff; -webkit-transition: background-image 1s ease-in-out;-moz-transition: background-image 1s ease-in-out;-o-transition: background-image 1s ease-in-out;transition: background-image 1s ease-in-out;}
	.port-item{width:80%; padding:0 5% 0 5%; display:inline-block; vertical-align:top;}
	
	/* Contact */
	form {width:100%;}
	form input { width:96%; padding:4%; }
	
	
}




@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}



/* No testimonials gathered yet so lets hide it */

.services aside.rightside {
    display: none;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}