/* General classes */
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box;}
body{font-family:Open Sans, Helvetica, sans-serif;font-size:100%;color:#222328;text-align:center;margin:0;padding:0;/*background:url(images/bg2.jpg) repeat top left;*/}
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:#202020;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;}
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;}
.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,.cols333{width:100%;}
.cols5050 div div,.cols6040 div div,.cols4060 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%;}
.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%;}

.button-link{text-transform:uppercase;border-radius:4px;display:inline-block;padding:12px 20px;border:1px solid #0099FF;color:#0099FF;font-weight:600;}.button-link:hover{color:#fff;}.button-link:after{background:#0099ff;}

.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));}

/*Elements*/
#outwrapper{overflow:hidden;/*margin:0 50px;-webkit-box-shadow:6px 6px 6px -3px #000;-moz-box-shadow:6px 6px 6px -3px #000;box-shadow:6px 6px 6px -3px #000;*/}
#hdr-wrapper{background:#181B1F;border-bottom:1px solid #fff;z-index:200;width:100%;top:0;left:0;}
#hdr{text-align:right;width:100%;max-width:1000px;margin:0 auto;padding:20px 0;position:relative;}
#hdr img{float:left;}

#title-wrapper{background:#474A35;border-bottom:1px solid #fff;}
#title{text-align:center;width:100%;max-width:1000px;margin:0 auto;padding:30px 0;}
#title h1{font-size:280%;color:#fff;}

#title-wrapper{background:#D3D3D3;}
#title-wrapper h1{/*font-family:Open Sans, Helvetica, sans-serif;*/font-size:320%;color:#333;padding:40px 0 30px 0;text-align:left;width:100%;max-width:1000px;margin:0 auto;}
.main-content-wrapper{background:#fff;}
.main-content{text-align:center;width:100%;max-width:1000px;margin:0 auto;padding:60px 0 0 0;font-size:120%;}.main-content:last-child{padding-bottom:90px;}
.main-content h2{text-align:left;font-weight:300;margin:0px 0 30px 0;padding:0;}.main-content h2 span{display:inline-block;border-bottom:1px solid #1FA5FF;padding:0 0 6px 0;font-size:200%;}
.main-content img{max-width:100%;}
.main-content a{color:#0099FF;}

#contactbar-wrapper{background:#0099FF url(images/contactbarbg.png) no-repeat 50% 0;border-bottom:1px solid #fff;}
#contactbar{width:100%;max-width:1000px;margin:0 auto;padding:40px 0 40px 50px;position:relative;}
#contactbar img{position:absolute;top:0;left:0;}
#contactbar div{display:inline-block;width:35%;font-size:110%;color:#121315;text-transform:uppercase;text-align:left;vertical-align:middle;}
#contactbar div:nth-child(3){width:25%;}
#contactbar div:last-child{width:20%;}
#contactbar a{color:#fff;text-transform:none;font-size:170%;display:block;}
#contactbar div:last-child a{text-transform:uppercase;font-size:100%;padding:12px 20px;border:1px solid #fff;border-radius:4px;display:inline-block;font-weight:600;font-size:85%;}#contactbar div:last-child a:hover{color:#09f;}#contactbar div:last-child a:after{background:#fff;}

#ftr1-wrapper{background:url(images/ftrbg.jpg) no-repeat 50% 50%;background-size:cover;padding-top:200px;}
#ftr1-wrapper-bg{background:#121316;border-bottom:1px solid #333;}
#ftr1{width:100%;max-width:1000px;margin:0 auto;padding:40px 0 54px 0;color:#fff;}
#somerset-web-design{padding:0 30px;}
#somerset-web-design h2{font-family:Lora, Helvetica, sans-serif;font-weight:normal;font-size:230%;padding-bottom:20px;}
#somerset-web-design a{text-transform:uppercase;font-size:100%;padding:12px 20px;border:1px solid #fff;border-radius:4px;display:inline-block;font-weight:600;margin:20px 0 0 0;color:#fff;}#somerset-web-design a:hover{color:#121316;}#somerset-web-design a:after{background:#fff;}

#ftr2-wrapper{background:#121316;}
#ftr2{width:100%;max-width:1000px;margin:0 auto;padding:30px 0 30px 0;font-size:80%;font-weight:300;}
#copy{color:#fff;padding:0 0 15px 0;}
#ftrlinks, #ftrlinks a{font-size:95%;color:#fff;}


/*Pages*/
#home-banner-wrapper{background-image:url(images/home/banner1.png);background-repeat:no-repeat;background-position:bottom left;}
#home-banner-bg{background:url(images/home/banner2b.png) no-repeat bottom right;}
#home-banner{text-align:left;width:100%;max-width:1000px;margin:0 auto;padding:120px 0 200px 0;}
#home-banner h1{font-size:380%;margin-bottom:20px;color:#222328;text-align:left;line-height:100%;width:80%;}
#home-banner h2{font-size:200%;text-align:left;width:60%;font-weight:300;line-height:110%;}
#home-portfolio-button{text-transform:uppercase;border-radius:4px;display:inline-block;padding:12px 20px;border:1px solid #0099FF;color:#0099FF;font-weight:600;margin:50px 0 0 0;background:#fff;}#home-portfolio-button:after{background:#222328;}
#home-portfolio-button:hover{background:transparent;}
#home-about-wrapper{background:#D3D3D3;}
#home-about{text-align:center;width:100%;max-width:1000px;margin:0 auto;padding:0 0 60px 0;}
#home-about h2{font-size:380%;margin-bottom:20px;font-weight:400;text-align:center;font-family:Lora, Helvetica, sans-serif;}
#home-about p{font-weight:300;font-size:160%;text-align:center;}
#home-about-panels{padding:20px 0 30px 0;display:-webkit-flex;display:-moz-flex;display:flex;}
#home-about-panels div{width:32%;background:#181B1F;color:#fff;padding:20px;border-radius:4px;font-weight:300;font-size:125%;text-align:center;}#home-about-panels div:nth-child(2){margin:0 2%;}
#home-about-panels img{display:block;margin:0 auto 15px auto;}
#home-about-button{text-transform:uppercase;border-radius:4px;display:inline-block;padding:12px 45px;border:1px solid #222328;color:#222328;font-weight:600;margin:0;}#home-about-button:after{background:#222328;}
#home-about-button:hover{color:#fff;}
#home-text-wrapper{padding:60px 0;background:#222328;color:#fff;}
#home-text{padding:0;margin:0;width:100%;max-width:1000px;margin:0 auto;}
#home-text p{font-family:Open Sans, Helvetica, sans-serif!important;font-size:100%!important;font-weight:300;}
#home-text a{color:#fff;}
#profile-img{display:inline-block;vertical-align:middle;width:149px;}
#profile-text{display:inline-block;width:calc(100% - 149px);vertical-align:middle;padding:0 30px;}
span.sectiondivider{text-align:center;position:relative;top:-25px;}
#home-projects-wrapper{}
#home-projects{text-align:center;width:100%;max-width:1000px;margin:0 auto;padding:60px 0;}
#home-projects h2{font-size:380%;margin-bottom:20px;font-weight:400;text-align:center;font-family:Lora, Helvetica, sans-serif;}
#home-projects div{display:inline-block;width:45%;margin:1%;}
#home-projects div img{width:100%;max-width:470px;}
#home-projects a.button-link{margin-top:30px;}
#home-projects a:after{background:#0099ff;}

#about-skills{}
#about-skills ul{
	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;}
#about-skills ul li{width:32%;background:#222328;color:#fff;padding:10px 50px;border-radius:5px;-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;
margin:0 0 2% 0;min-height:100px;position:relative;}
#about-skills ul li:before{content:'';padding:7px;border-radius:100px;position:absolute;top:calc(50% - 12px);left:20px;background:#fff url(images/icons/tick.svg) no-repeat 50% 50%;background-size:contain;border:7px solid #fff;}

#services-panels{padding:40px 0 0 0;}
#services-panels div{padding:20px;border:1px solid #E9E9E9;}
#services-panels h2{border-bottom:1px solid #1FA5FF;padding:0 0 10px 0;font-size:200%;}

.portfolio_item{display:-webkit-flex;display:-moz-flex;display:flex;
-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;
-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;}
.portfolio_detail{width:37%;align-items:center;margin:0 2% 2% 0;position:relative;text-align:left;}
.portfolio_img{width:61%;align-items:center;margin:0 0 2% 0;position:relative;}
.portfolio_name{font-size:200%;font-weight:300;border-bottom:1px solid #09f;padding:0 0 6px 0;}
.portfolio_type{font-weight:500;margin:6px 0 10px 0;font-style:italic;}
.portfolio_link{padding:10px 0;}

.portfolio_local{padding-top:80px;}
.portfolio_local strong{font-size:150%;}
.portfolio_local .button-link{margin-top:10px;/*word-break:break-word;*/}.portfolio_local .button-link:hover{background:#09f;/*word-break:break-word;*/}
.portfolio_local div:first-child{border-bottom:4px solid #09f;}

/*Forms*/
form{margin:0;padding:40px 0 0 0;text-align:left;}
input{font-family:Open Sans, Helvetica, sans-serif;border:none;padding:5px 5px 13px 5px;display:block;width: 100%;background: transparent;font-weight:bold;outline:none;}
input::-webkit-input-placeholder{color:#222328;}
input::-moz-placeholder{color:#222328;}
input:-moz-input-placeholder{color:#222328;}
input:-ms-input-placeholder{color:#222328;}
input:focus{background:#d3d3d3;}
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:Open Sans, Helvetica, sans-serif;border:none;padding:5px 5px 13px 5px;display:block;width: 100%;background: transparent;font-weight:bold;outline:none;height:calc(100% - 22px);resize:none;min-height:120px;}
textarea::-webkit-input-placeholder{color:#222328;}
textarea::-moz-placeholder{color:#222328;}
textarea:-moz-input-placeholder{color:#222328;}
textarea:-ms-input-placeholder{color:#222328;}
textarea:focus{background:#d3d3d3;}
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]{width:auto;text-transform:uppercase;border-radius:4px;display:inline-block;padding:12px 20px;margin:55px 0 0 0;border:1px solid #0099FF;color:#0099FF;font-weight:600;}
.form-error{background:#D87F7F;border-radius:5px;padding:20px;margin-bottom:12px;font-weight:bold;}
.form-success{background:#7FB28C;border-radius:5px;padding:20px;}

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


/*Navigation*/
#nav-toggle{position:absolute;top:55px;right:20px;cursor:pointer;display:none;}
#nav-toggle span{display:block;width:30px;border-top:2px solid #fff;}#nav-toggle span:nth-child(2){margin:6px 0;}
#nav{display:inline-block;padding-top:18px;}
#nav ul{font-size:85%;font-weight:400;}
#nav ul li{display:inline-block;padding:0;}
#nav ul li a{color:#fff;display:block;padding:10px 12px;font-weight:300;font-size:120%;text-transform:uppercase;}
#nav ul li:hover a{color:#0099FF;}
#nav ul li.selected a{color:#0099FF;}