#footerwrap {text-align:center;width:100%;}
body { margin:0px; padding:0px; text-align:left; font-size:12px; font-family:Open Sans;} 
body table { text-align:left;}
h1 { font-family:Passion One; font-weight:bold;} 
#searchContainer { position:absolute; top:10px; right:10px; display:none; float:left;} 
#pageContainer { width:100%;margin:0 auto;} 
#header { width:100%; background-position:default; position:absolute; display:none;} 
#leftcolumn { width:150px; padding:0px 0px 20px 0px; position:relative; display:none; float:left;} 
#maincolumn { width:100%; position:relative; overflow:hidden; float:none;} 
#rightcolumn { width:150px; padding:0px 0px 20px 0px; position:relative; display:none; float:right;} 
#footerwrap { display:none;} 
#footer { width:1140px; height:75px; display:block; clear:both;} 
#Navigation-3666 { width:270px !important; position:relative; display:none;} 
#Navigation-3666 ul li a { text-indent:-9999px;} 
#Navigation-3666 ul li a.hover {cursor:pointer;}
#Navigation-3666>ul>li:first-child>a { width:270px !important; height:47px; background-image:url('/images/114959/layout/logo.svg');} 
::selection {background:#2ea0c5;color:#fff;}
::-moz-selection {background:#2ea0c5;color:#fff;}
* {box-sizing: border-box;}

clearfix:before, .clearfix:after, .row:before, .row:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.container:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

header {position:absolute;width:100%;z-index:2;color:#FFF;-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;}
header a {color:#FFF;text-decoration:none;}

/*Nav*/
nav {float:right;animation-delay:0.5s;margin:3.68em;}

nav ul {
	  -webkit-font-smoothing:antialiased;
    list-style: none;
    margin: 0;
    padding: 0;
}
nav li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}
nav a {
    color: #FFF;
    display: block;
    font: bold 16px/50px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
nav li {
     cursor:pointer;
}
nav li:hover a {
}
nav li ul {
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
nav li:hover ul {
    opacity: 1;
    visibility: visible;
}
nav li ul li {
    float: none;
    width: 100%;
}
nav li ul a:hover {
}
.button span {
    background: none repeat scroll 0 0 #FFF;
    display: block;
    height: 3px;
    margin: 5px 0 0;
    width: 35px;
}
.button span:first-child {margin-top:0;}

/* Clearfix */

.cf:after, .cf:before {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}

#logo {position:relative;margin:2.5em auto;width:270px;}
#logo span {display:none;}
#logo a {display:block;text-indent:-999px;background-image: url("/images/114959/layout/logo.svg");background-size:270px 47px;background-repeat:no-repeat;height:47px;color:#000;transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;}
#logo a:hover {opacity:0.5;-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;}

.pageName {display:none;}

#columnsContainer, #maincolumn, #header {min-width:100%;padding:0!important;}

#social {float:left;color:#FFF;font-size:25px;margin:1.44em 1em;animation-delay:0.5s;}
#social a {margin-left:0.5em;color:#FFF;display:inline;-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;}
#social a:first-child {margin:0;}
#social a:hover {color:rgba(255,255,255,0.5);}

.stuck {position:fixed!important;top:0;width:100%;background-color:rgba(46,160,197,0.9);}

.section {padding:3em;width:100%;}

#portfolio, #contact {height:500px;}

#intro {background-color:#0e130d;background-image: url("/images/114959/layout/introbg2.png");background-repeat:no-repeat;color:#FFF;background-size:100% auto;background-position:center top;background-attachment:fixed;padding:40.25em 2em 4.25em;text-align:center;line-height:1.75;color:#FFF;}

#intro a {color:#FFF;}

#slogan {position:relative;margin:0 auto;font-size:6.75em;text-transform:uppercase;font-weight:700;line-height:1;text-shadow: 0px 2px rgba(0,0,0,0.25);}

#intro p {width:100%;font-size:16px;margin:0 auto;position:relative;display:block;max-width:635px;text-shadow: 0 1px rgba(0, 0, 0, 0.7);}

.phone_sm {overflow:hidden;position:absolute;right: 8.25em;top: 28.8em;z-index:0;background-image: url("/images/114959/layout/phone_sm.png");width:250px;height:470px;}

.phone_lg {overflow:hidden;position:absolute;right: -7.75em;top: 23.4em;z-index:0;background-image: url("/images/114959/layout/phone_lg.png");width:299px;height:563px;animation-duration:1.25s;}

.screen {overflow:hidden;position:absolute;right: 65%;top: 81em;z-index:0;background-image: url("/images/114959/layout/screen.png");width:755px;height:657px;opacity:0;animation-duration:1s;animation-delay:0.75s;}

.phone_lg span, .phone_sm span, .screen span {display:none;}

.intro_wrapper {animation-duration:2s;animation-delay:0.75s;}
#intro .button {margin:40px 0 0 0;animation-delay:2.1s;}
#intro .button a {color:#FFF;padding: 10px 28px;padding: 10px 28px;border-radius:4px;border:1px #FFF solid;text-decoration:none;font-size:15px;text-transform:uppercase;display:inline-block;-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;}
#intro .button a:hover {background-color:rgba(255,255,255,0.1);transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;}

#about {background-color: #FFF;color:#185e8f;min-height:500px;}

@media handheld, only screen and (max-width:1350px) {
#intro {padding:11.75em 2em 0;background-size:cover;}
.phone_sm {position:relative;margin:0 auto;top:10em;}
.phone_lg {position:relative;margin:-410px auto -90px;top:0;}
.screen {top:94.5em;}
}

@media handheld, only screen and (max-width:750px) {
#social .fb, #social .tw, #social .ig, #social .db, #social .gh {display:none;}
#social a {float:left;margin-left:0;}
#slogan {font-size:5em;}
#intro {background-position:50% 0!important;}
}

@media handheld, only screen and (max-width:600px) {
nav {margin-right:2.5em;}
#logo {width:46px;}
#slogan {font-size:4em;}
#intro {padding:12em 2em 8em;background-attachment:scroll;}
.phone_sm, .phone_lg, .screen {display:none;}
}

@media handheld, only screen and (max-width:500px) {
#intro .button a {width:100%;}
}

@media handheld, only screen and (max-width:425px) {
#social {margin:0.989em 0 0.989em 0.75em;}
#logo {width:203px!important;height:35px;margin:2em auto;}
#logo a {width:203px!important;background-size:203px 35px;height:35px;}
nav {margin:2.72em 1.75em;}
}

@media handheld, only screen and (max-width:350px) {
#logo {width:162px!important;height:28px;margin:1.75em auto;}
#logo a {width:162px!important;background-size:162px 28px;height:28px;}
nav {margin:2.18em 1.75em;}
#social {margin:0.729em 0 0.729em 0.75em;}
}