/* General classes */
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box;}
body{font-family:Raleway, Helvetica, sans-serif;font-size:100%;color:#191719;text-align:center;margin:0;padding:0;}
div,img,input,textarea{vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box;}
a{text-decoration:none;color:#0F8EB6;outline:none;}a:hover{text-decoration:none;}
p{text-align:left;margin:0;padding:0 0 15px 0;font-size:95%;vertical-align:top;}
h1,h2,h3,h4{margin:0; padding:0;font-weight:bold;line-height:125%;}
h1{font-family:Lora, Helvetica, sans-serif;font-size:170%;padding:0;font-weight:400;text-align:center;color:#fff;}
.strong{font-weight:700;}
.clear{clear:both; font-size:1%; line-height:1%; display:block; height:0;float:none!important;}
.large{font-size:130%;}
.rounded2{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.rounded4{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.vid-wrapper{float:none;clear:both;width:100%;position:relative;padding-bottom:56.25%;height:0;}
.vid-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.alignleft{text-align:left;}.alignright{text-align:right;}.aligncenter{text-align:center;}
.aligncentervertical{align-items:center;justify-content:center;}


.cols{
	display:-webkit-flex;display:-moz-flex;display:flex;
	-webkit-flex-flow:row wrap;-moz-flex-wrap:row-wrap;flex-flow:row wrap;}
.cols5050,.col6040,.col4060,.cols6633,.cols3366,.cols333{width:100%;}
.cols5050 div div,.cols6040 div div,.cols4060 div div,.cols6633 div div,.cols3366 div div,.cols333 div div{width:100%;}
.cols5050 div{width:48%;-webkit-flex-basis:48%;-moz-flex-basis:48%;flex-basis:48%;}
.cols5050 div:first-child{margin-right:4%;}
.cols6040 div{width:38%;-webkit-flex-basis:38%;-moz-flex-basis:38%;flex-basis:38%;}
.cols6040 div:first-child{width:58%;-webkit-flex-basis:58%;-moz-flex-basis:58%;flex-basis:58%;margin-right:4%;}
.cols4060 div{width:58%;-webkit-flex-basis:58%;-moz-flex-basis:58%;flex-basis:58%;}
.cols4060 div:first-child{width:38%;-webkit-flex-basis:38%;-moz-flex-basis:38%;flex-basis:38%;margin-right:4%;}
.cols6633 div{width:31%;-webkit-flex-basis:31%;-moz-flex-basis:31%;flex-basis:31%;}
.cols6633 div:first-child{width:64%;-webkit-flex-basis:64%;-moz-flex-basis:64%;flex-basis:64%;margin-right:4%;}
.cols3366 div{width:64%;-webkit-flex-basis:64%;-moz-flex-basis:64%;flex-basis:64%;}
.cols3366 div:first-child{width:31%;-webkit-flex-basis:31%;-moz-flex-basis:31%;flex-basis:31%;margin-right:4%;}
.cols333 div{width:32%;-webkit-flex-basis:32%;-moz-flex-basis:32%;flex-basis:32%;}
.cols333 div:nth-child(2){margin-right:2%;margin-left:2%;}
.cols img{max-width:100%;}
.text-col{padding:0 20px;}

.grid{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-flex-flow:row wrap;-moz-flex-wrap:row-wrap;flex-flow:row wrap;width:100%;}
.grid5050 div{width:48%;-webkit-flex-basis:48%;-moz-flex-basis:48%;flex-basis:48%;margin:1%;}
.grid333 div{width:30%;-webkit-flex-basis:30%;-moz-flex-basis:30%;flex-basis:30%;margin:1%;}


.button-link{text-transform:uppercase;border-radius:100px;display:inline-block;padding:18px 22px;color:#0F8EB6;font-weight:900;font-size:140%;background:#fff;text-align:center;transition:all 0.3s;}.button-link:hover{color:#fff;background:#0E80A5;}
.button-link-blue{background:#0E80A5;color:#fff;}.button-link-blue:hover{background:#191719;color:#0E80A5;}
.clickable{cursor:pointer;}

.card-shadow{-webkit-box-shadow:3px 3px 6px -2px #444;-moz-box-shadow:3px 3px 6px -2px #444;box-shadow:3px 3px 6px -2px #444;}
.shadow1{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}
.shadow2{box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}
.shadow3{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}
.shadow4{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}
.shadow5{box-shadow:0 19px 38px rgba(0,0,0,0.30),0 15px 12px rgba(0,0,0,0.22)}
.shadow-bottom{box-shadow:0px 21px 29px -16px rgba(0,0,0,0.55);margin-bottom:30px!important;}
img.shadow{filter:drop-shadow(0px 12px 15px rgba(0,0,0,0.22));}

.parallax{padding:400px 0 0 0;z-index:1;}

/*Elements*/
#outwrapper{overflow:hidden;}
#hdr-wrapper{position:relative;z-index:200;width:100%;background:#fff;border-bottom:1px solid #DBDBDB;}
#hdr{text-align:center;width:100%;max-width:1100px;margin:0 auto;padding:20px 0;position:relative;}
#hdr img{max-width:221px;padding:0 40px 20px 40px;border-bottom:1px solid #0F8EB6;}

#banner-wrapper{background:#474A35;border-bottom:1px solid #fff;}

.title-wrapper{color:#fff;}
.title-wrapper h1{font-family:Alfa Slab One, Helvetica, sans-serif;font-size:360%;color:#fff;padding:110px 0 0 0;width:100%;max-width:800px;margin:0 auto;}
.title-wrapper h2{font-size:250%;font-weight:normal;color:#fff;padding:12px 0 100px 0;width:100%;max-width:800px;margin:0 auto;}

.section-wrapper{background:#fff;}
.section-blue{background:#0F8EB6;color:#fff;}.section-blue a.key{color:#fff;}
.section-bg{}
.section{width:100%;max-width:1100px;margin:0 auto;padding:80px 0 100px 0;font-size:120%;text-align:left;}
.section h2{font-family:Alfa Slab One, Helvetica, sans-serif;font-weight:normal;font-size:230%;padding:0 0 20px 0;}
.section .button-link{font-size:120%;}

#ftr-contact-wrapper{background:#0F8EB6;}
#ftr-contact{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;width:100%;max-width:1100px;margin:0 auto;}
#ftr-contact .cols div{color:#fff;padding:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box;display:flex;align-items:center;justify-content:center;}
#ftr-contact div div:nth-child(2){border-left:1px solid #fff;border-right:1px solid #fff;}
#ftr-contact div div:nth-child(1){font-size:120%;}
#ftr-contact a{color:#fff;font-family:Alfa Slab One, Helvetica, sans-serif;font-weight:normal;font-size:240%;}
#ftr-contact img{margin:0 0 15px 0;}
#ftr-contact em{font-size:130%;font-weight:800;}#ftr-contact em strong{display:block;font-style:normal;font-weight:bold;font-size:80%;padding:40px 0 0 0;background:url(images/ftrtestimonial.png) no-repeat 50% 10px;}#ftr-contact em strong span{display:block;font-weight:normal;}

#copy-wrapper{background:#191719;color:#fff;}
#copy{text-align:center;width:100%;max-width:1100px;margin:0 auto;padding:26px 0;font-size:75%;}
#copy a{color:#fff;}

/*Pages*/
#home-banner{width:100%;height:100vh;min-height:580px!important;}
.slider{width:100%;height:100%;overflow:hidden;position:relative;}
.slide{width:100%;height:100%;top:0;left:0;float:left;position:absolute;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;}
#slide1{background:url(images/home/slide1.jpg) no-repeat 50% 50%;background-size:cover;}
#slide2{background:url(images/home/slide2.jpg) no-repeat 50% 50%;background-size:cover;}
#slide3{background:url(images/home/slide3.jpg) no-repeat 50% 50%;background-size:cover;}
.slide-content{width:100%;max-width:800px;margin:0 auto;padding:20px;}
#home-banner h1{font-family:Alfa Slab One, Helvetica, sans-serif;font-weight:normal;font-size:400%;}
#home-banner h2{color:#fff;font-size:220%;font-weight:400;padding:20px 0 30px 0;}

#home-about-wrapper{position:relative;z-index:100;}
#home-about{text-align:center;width:100%;max-width:1000px;margin:0 auto;padding:40px 0 60px 0;position:relative;}
#home-about strong{display:block;width:100%;padding:40px 0 50px 0;color:#191719;font-size:350%;font-family:Caveat, Helvetica, sans-serif;text-align:center;background:url(images/home/arrows.png) no-repeat 50% 50px;}
#home-about .home-section-divider{position:absolute;top:-68px;left:0;width:100%;text-align:center;z-index:10;}
#home-about{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;
	-webkit-align-items:stretch;-moz-align-items:stretch;align-items:stretch;}
#home-about .cols div{background:#0F8EB6 url(images/icons/star.png) no-repeat 50% 15px;color:#fff;padding:40px;border-radius:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;position:relative;top:-90px;}
#home-about .cols div:before{content:'';float:left;padding:50% 0;}
#home-about div:nth-child(2){top:0px;}
#home-about h2{color:#fff;font-family:Alfa Slab One, Helvetica, sans-serif;font-weight:normal;font-size:230%;padding:10px 0;}
#home-about em{font-style:normal;font-size:120%;text-shadow:2px 1px 1px #000;filter:DropShadow(Color=#000000, OffX=1, OffY=1);}
#home-what-wrapper{position:relative;top:-120px;}
#home-what{position:relative;top:120px;}

.section-portfolio-wrapper{padding:110px 0 110px 0;background:url(images/home/portfolio.jpg) no-repeat 50% 50%;}
.section-portfolio{width:90%;max-width:740px;margin:0 auto;padding:50px 30px 30px 30px;background:#191719;background:rgba(25,23,25,0.8);border-radius:5px;}
.section-portfolio h2{font-family:Alfa Slab One, Helvetica, sans-serif;font-weight:normal;font-size:300%;padding:0 0 20px 0;color:#fff;text-shadow:2px 1px 1px #000;filter:DropShadow(Color=#000000, OffX=1, OffY=1);}

.services-icon{min-height:120px;margin:20px 0;}
#services-webdesign .services-icon{background:url(images/services/web-design-icon.png) no-repeat 50% 50%;background-size:contain;}
#services-cms .services-icon{background:url(images/services/cms-icon.png) no-repeat 50% 50%;background-size:contain;}
#services-responsive .services-icon{background:url(images/services/responsive-icon.png) no-repeat 50% 50%;background-size:contain;}

.process-block{text-align:center;border:1px solid #191719;padding:30px 30px 0 30px;}
.process-block span{color:#fff;font-family:Alfa Slab One, Helvetica, sans-serif;font-size:300%;display:inline-block;border-radius:50%;background:#008CBB;position:relative;top:-60px;color:#fff;width:100px;height:100px;line-height:100px;}
.process-block h2{color:#008CBB;position:relative;top:-40px;overflow-wrap:break-word;font-size:230%;}
.process-block p{text-align:center;position:relative;top:-40px;}
.process-block:last-child{border:none;padding:30px 30px 0 30px;width:98%;-webkit-flex-basis:98%;-moz-flex-basis:98%;flex-basis:98%;}
.process-block:last-child{background:#008CBB url(images/process/launch.png) no-repeat 30px 50%;}
.process-block:last-child h2,.process-block:last-child p{color:#fff;}
.process-block:last-child span{border:1px solid #fff;}

.contact-block{text-align:center;border:1px solid #191719;padding:30px 30px 0 30px;}
.contact-block span{display:inline-block;border-radius:50%;background:#008CBB;position:relative;top:-60px;color:#fff;width:120px;height:120px;line-height:105px;text-align:center;}.contact-block span img{vertical-align:middle;}
.contact-block a{color:#008CBB;position:relative;top:-40px;overflow-wrap:break-word;font-family:Alfa Slab One, Helvetica, sans-serif;font-size:300%;line-height:110%;}
.contact-block p{text-align:center;position:relative;top:-40px;}

#portfolio div a{display:block;padding:10px;}
#portfolio div img{width:100%;border:15px solid #191719;border-radius:5px;transition:all 0.3s;}
#portfolio div a:hover img{border-color:#0F8EB6;}

/*Forms*/
form{margin:0 auto;padding:20px;text-align:center;max-width:800px;}
input{font-family:Raleway, Helvetica, sans-serif;border:none;padding:5px 5px 13px 5px;display:block;width: 100%;background: transparent;font-weight:bold;outline:none;color:#191719;}
input::-webkit-input-placeholder{color:#191719;font-weight:normal;}
input::-moz-placeholder{color:#191719;font-weight:normal;}
input:-moz-input-placeholder{color:#191719;font-weight:normal;}
input:-ms-input-placeholder{color:#191719;font-weight:normal;}
input:focus{background-color:#B3DDEB;}
input:focus::-webkit-input-placeholder{color:transparent;}
input:focus::-moz-placeholder{color:transparent;}
input:focus:-moz-input-placeholder{color:transparent;}
input:focus:-ms-input-placeholder{color:transparent;}
textarea{font-family:Raleway, Helvetica, sans-serif;border:none;padding:5px 5px 13px 5px;display:block;width: 100%;background: transparent;font-weight:bold;outline:none;resize:none;min-height:200px;color:#191719;}
textarea::-webkit-input-placeholder{color:#191719;font-weight:normal;}
textarea::-moz-placeholder{color:#191719;font-weight:normal;}
textarea:-moz-input-placeholder{color:#191719;font-weight:normal;}
textarea:-ms-input-placeholder{color:#191719;font-weight:normal;}
textarea:focus{background-color:#B3DDEB;}
textarea:focus::-webkit-input-placeholder{color:transparent;}
textarea:focus::-moz-placeholder{color:transparent;}
textarea:focus:-moz-input-placeholder{color:transparent;}
textarea:focus:-ms-input-placeholder{color:transparent;}
label{display:block;text-align:left;font-size:85%;opacity:0.8;padding-left:5px;}
input[type=submit]{text-transform:uppercase;border-radius:100px;display:inline-block;padding:18px 22px;color:#0F8EB6;font-weight:900;font-size:120%;background:#008CBB;color:#fff;text-align:center;transition:all 0.3s;width:auto;border:1px solid #fff;}
input[type=submit]:hover{background:#fff;color:#008CBB;}

form input{background-repeat:no-repeat!important;background-position:10px 50%!important;background-size:30px!important;}

/*Lists*/
ul{margin:0; padding:0; list-style:none;}


/*Navigation*/
#nav-toggle{position:absolute;top:45px;right:20px;cursor:pointer;display:none;}
#nav-toggle span{display:block;width:30px;border-top:2px solid #19171A;}#nav-toggle span:nth-child(2){margin:6px 0;}
#nav{padding-top:18px;}
#nav ul{font-size:85%;font-weight:400;}
#nav ul li{display:inline-block;padding:0;}
#nav ul li a{color:#19171A;border-radius:100px;display:block;padding:10px 12px;font-weight:400;font-size:130%;text-transform:uppercase;position:relative; -webkit-transition: color .55s ease-in;
  -moz-transition: color .55s ease-in;
  -ms-transition: color .55s ease-in;
  -o-transition: color .55s ease-in;
  transition: color .55s ease-in;}
  #nav ul li a:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#0F8EB6;z-index:-1;-webkit-transform:scaleX(0) scaleY(0);transform:scaleX(0) scaleY(0);-webkit-transition: -webkit-transform .25s ease-in;transition: transform .25s ease-in;border-radius:100px;}
#nav ul li:hover a{color:#fff;}
#nav ul li:hover a:before{color:#fff;-webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1);}
#nav ul li.selected a{background:#0F8EB6;color:#fff;}


/*Masonry*/
#portfolio[data-columns]::before{content: '3 .column.size-1of3';}
.column{float:left;}
.size-1of3{width:33.33%;}