h1,h2,h3,h4,h5,h6,li,span,label,input,button,textarea
{
	font-family:'Open Sans',sans-serif;
	font-weight:normal;
	text-decoration:none;
}

a,p{font-family:'Open Sans',sans-serif;font-weight:normal;text-decoration:none}
h1{line-height:50px}
h2{line-height:40px}
h3{line-height:34px}
h4{line-height:30px}
h5{line-height:24px}
h6{line-height:21px}
.bold{font-weight:bold}
.italic{font-style:italic}
.link{color:#ff0060}
.heading{display:inline-block;font-weight:normal;text-decoration:none;position:relative}
.heading:before,.heading:after{content:'';width:200px;height:1px;position:absolute;top:55%}
.heading:before{background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,0,84,0)),color-stop(100%,rgba(255,0,84,1)));background:-webkit-linear-gradient(left,rgba(255,0,84,0)0%,rgba(255,0,84,1)100%);background:-moz-linear-gradient(left,rgba(255,0,84,0)0%,rgba(255,0,84,1)100%);background:-ms-linear-gradient(left,rgba(255,0,84,0)0%,rgba(255,0,84,1)100%);background:-o-linear-gradient(left,rgba(255,0,84,0)0%,rgba(255,0,84,1)100%);background:linear-gradient(to right,rgba(255,0,84,0)0%,rgba(255,0,84,1)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff0054',endColorstr='#ff0054',GradientType=1);left:-210px}
.heading:after{background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,0,84,1)),color-stop(100%,rgba(255,0,84,0)));background:-webkit-linear-gradient(left,rgba(255,0,84,1)0%,rgba(255,0,84,0)100%);background:-moz-linear-gradient(left,rgba(255,0,84,1)0%,rgba(255,0,84,0)100%);background:-ms-linear-gradient(left,rgba(255,0,84,1)0%,rgba(255,0,84,0)100%);background:-o-linear-gradient(left,rgba(255,0,84,1)0%,rgba(255,0,84,0)100%);background:linear-gradient(to right,rgba(255,0,84,1)0%,rgba(255,0,84,0)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0054',endColorstr='#00ff0054',GradientType=1);right:-210px}
html,body{height:100%}
body{-moz-font-smoothing:antialiased!important;font-smoothing:antialiased!important;font-smooth:always;text-align:center}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul,ol{list-style:none}
*{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0}
*:focus{outline:0}
#headernav li.current a,#mobilenav li.current a,#navicon:hover,#scroll-down:hover,section.header span,#services .item i,#services .item h3,#portfolio label:hover,#contact .info i,#social ul li a:hover
{color:#ff0060}
#headernav li a:hover,#contact .success,.btn.pink{background:#ff0060}
.btn.pink{color:#fff}
.btn.pink:active{box-shadow:inset 0 0 20px rgba(0,0,0,0.5),inset 0 2px 0 #903}
::selection{background-color:#ff0060;color:#fff}
::-moz-selection{background-color:#ff0060;color:#fff}
#sticky-header.stuck{position:fixed;top:0;z-index:999}
#sticky-header{width:100%;height:auto}
#sticky-header h1{margin:0 auto;float:left}
#sticky-header h1 a,footer h1 a{display:block;max-width:100%;max-height:100%;color:transparent;font:0/0 a;text-decoration:none;text-shadow:none;padding:15px 0}
#headernav{display:block;float:right}
#headernav ul{margin:0;float:right}
#headernav li,#mobilenav li{display:inline-block;height:auto;float:left;position:relative}
#headernav li a,#mobilenav li a{display:block;height:100%;font-size:14px;font-family:'Open Sans',sans-serif;text-transform:capitalize;text-decoration:none;padding:27px 20px}
#headernav li a:hover{box-shadow:inset 0 0 45px rgba(0,0,0,0.5)}
#headernav li.current:hover a,#mobilenav li.current:hover a{color:#fff}
#navicon{display:none;font-size:28px;margin:16px 0;float:right}
#mobilenav.stuck{position:fixed;top:70px}
#mobilenav{display:none;width:100%;box-shadow:inset 0 0 15px #000;z-index:999}
#mobilenav ul{width:100%;margin:15px 0;float:left}
#mobilenav li{display:block;width:100%;text-align:left}
#mobilenav li:first-child{border-top:0}
#mobilenav li:last-child{border-bottom:0}
#mobilenav li a{padding:15px}
#mobilenav li a:hover{color:#fff}
footer{width:100%;height:auto;text-align:left;padding:30px 0;position:relative}
footer h1 a{padding:0;float:none}
footer .copyright{width:100%;text-align:center}
footer .copyright p{font-size:14px}
#intro{width:100%;height:100%;min-width:100%;min-height:100%;background:url('background1.png') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;box-shadow:inset 0 0 35px rgba(0,0,0,0.5);-webkit-backface-visibility:hidden}
#intro-image{width:100%;height:100%;min-width:100%;min-height:100%;background:url('../images/background/background2.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;box-shadow:inset 0 0 35px rgba(0,0,0,0.5);-webkit-backface-visibility:hidden}
#intro-image .overlay{display:block;width:100%;height:100%;background:url('6.diag.png') repeat rgba(0,0,0,0.7)}
#intro-logo{position:absolute;top:30%;left:50%;z-index:10;margin-left:-210px}
#intro-logo,#scroll-down{-webkit-animation:fadeIn 5s 1 ease-in;-moz-animation:fadeIn 5s 1 ease-in;-ms-animation:fadeIn 5s 1 ease-in;-o-animation:fadeIn 5s 1 ease-in;animation:fadeIn 5s 1 ease-in}
#scroll-down{color:#fff;font-size:60px;text-shadow:0 0 15px #ff0060;border-radius:25px;margin-left:-42px;position:absolute;left:50%;bottom:25%;z-index:10}
@-webkit-keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@-moz-keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@-ms-keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@-o-keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
#content{display:block;text-align:left}
section.header{width:100%;text-align:center;padding:70px 0;margin-bottom:30px}
section.header h1{
	margin:70px 0 14px;
	font-family:'Open Sans';
}
section.header span{display:block;font-size:20px;text-transform:uppercase;letter-spacing:2px}
#services .container,#staff .container,#portfolio .container,#contact .container{padding-bottom:70px}
#services .item{text-align:center;padding:30px}
#services .item i{font-size:60px}
#services .item:hover i{text-shadow:1px 2px 1px #903,0 0 30px rgba(255,0,96,0.7)}
#services .item h3{font-size:24px;text-transform:uppercase;padding:30px 0 0}
#services .item h3:after{content:'';display:block;width:50px;height:1px;opacity:.5;position:relative;left:50%;margin:30px 0 30px -25px}
#services .item p{font-size:14px;line-height:30px}
#staff .row{margin-bottom:0}
#staff .indiv{text-align:center;padding-bottom:10px}
#staff .indiv .image-container{max-width:220px;max-height:220px}
#staff .indiv h3{font-size:20px;text-transform:uppercase;line-height:22px;letter-spacing:2px;padding:10px 0 0;margin:0}
#staff .indiv h3 span{display:block;width:100%;font-family:'Open Sans',sans-serif}
#staff .indiv h6{font-size:14px;font-weight:lighter;text-transform:uppercase;padding:10px 0;margin:0}
#staff .indiv ul{display:inline-block;list-style:none}
#staff .indiv ul li{display:inline-block;margin:0 2px;float:left}
#staff .indiv ul li a{font-size:16px;border-radius:2px;padding:3px}
#staff .about{text-align:center;padding-top:70px}
#staff .about h2{margin-bottom:28px; font-family:'Open Sans'}
#staff .about p{display:block;font-size:14px;line-height:28px;letter-spacing:1px;text-align:left;padding-bottom:21px}
#quote section.header{background:url('../images/background/background4.jpg') no-repeat fixed;background-size:cover;padding:140px 0;margin-bottom:0;position:relative}
#quote h3.quote{color:#fff;font-size:32px;text-transform:uppercase;text-shadow:0 3px 15px #000;padding-top:0;margin-bottom:21px}
#quote h3.quote:after{content:'';display:block;width:50px;height:1px;background:#fff;opacity:.5;position:relative;left:50%;margin:30px 0 30px -25px}
#quote span.quote-author{color:#eee;font-size:21px;text-shadow:0 3px 15px #000;text-transform:none}
#portfolio-items li{display:inline-block;max-width:316px;max-height:248px;margin:2px;float:left;overflow:hidden;position:relative}
#portfolio-items li:hover img{-webkit-transform:scale(3);-moz-transform:scale(3);-o-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}
#portfolio-items li .mask{width:100%;height:100%;text-align:center;background:url('6.diag.png') repeat rgba(255,0,96,1);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;position:absolute;overflow:hidden;top:0;left:0}
#portfolio-items li:hover .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);opacity:.7}
#portfolio-items li .mask h2{font-size:24px;text-transform:uppercase;padding:10px;margin:15% 0 10%;position:relative}
#portfolio-items li .mask i{font-size:28px}
#portfolio-items li .mask h2,#portfolio-items li .mask i{color:#fff;text-shadow:1px 2px 1px #000;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
#portfolio-items li:hover .mask h2,#portfolio-items li:hover .mask i{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
#portfolio-items li .mask,#portfolio-items li .mask h2,#portfolio-items li .mask i{-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
.item-details .item-img img{max-width:100%;box-shadow:0 0 15px #000}
.item-details .item-info{background:url('1.darklinen.png') repeat #252525;box-shadow:0 0 15px #000;padding:30px}
.item-details .item-info h2{display:block;color:#fff;width:100%;border-bottom:1px dashed #2a2a2a;padding-bottom:15px;margin-bottom:15px}
.item-details .item-info p{color:#999;line-height:28px;margin-bottom:15px}
#contact .info{padding:0 15px 30px 0}
#contact .info h3{font-size:20px;text-transform:uppercase;padding-bottom:30px}
#contact .info h4{padding-bottom:15px}
#contact .info span{padding-bottom:5px}
#contact .info h4,#contact .info p,#contact .info span{display:block;line-height:20px}
#contact .info h4,#contact .info p,#contact .info span,#contact .info a{font-size:14px;font-family:'Open Sans',sans-serif}
#contact .info a{margin-left:10px}
#contact .info a.showmap{margin-left:0}
#contact .info .show,#contact .info .hide{display:inline}
#contact .form textarea{min-height:180px}
#contact .send{float:right;margin:0}
#contact .sending-loader{display:inline-block}
#contact .error:before{content:'';width:0;height:0;border-top:10px solid #903;border-right:8px solid transparent;border-left:8px solid transparent;margin:0 -20px 0 0;position:absolute;top:100%;right:100%;visibility:visible}
#contact .error{width:auto;height:auto;color:#fff;font-size:12px;text-align:center;background:#903;border-radius:3px;padding:5px 10px 5px 5px;margin:-10px 0 0 -460px;position:absolute;z-index:998}
#contact .nobots,#contact .formerror{background:#903}
#contact .success,#contact .nobots,#contact .formerror{display:block;width:100%;height:auto;color:#eee;font-size:18px;text-align:center;padding:15px;margin-bottom:15px}
#map-wrapper{display:none;width:100%;height:345px;box-shadow:inset 0 0 15px #000}
#map-canvas{width:100%;height:100%;padding:0;margin:0}
.closemap{width:auto;display:none;background:#fff;border:1px solid #666;box-shadow:0 2px 5px rgba(0,0,0,0.3);padding:0 5px;margin:5px 110px 0 0;position:absolute;right:0;z-index:99}
.closemap a{color:#000;font-size:12.5px}
#social section.header{background:url('../images/background/background3.jpg') no-repeat fixed;background-size:cover;background-position:50% 0;padding:30px 0;margin-bottom:0}
#social ul{display:inline-block;list-style:none}
#social ul li{display:inline-block;margin:0 15px;float:left}
#social ul li a{display:block;color:#fff;font-size:35px;text-shadow:0 0 15px rgba(0,0,0,0.5);position:relative}
#social ul li a:hover{text-shadow:0 0 15px rgba(0,0,0,0.7)}
#social ul li a span{width:100px;height:40px;font-size:14px;text-align:center;text-transform:none;letter-spacing:0;border-radius:5px;opacity:0;padding:10px;margin-left:-50px;position:absolute;left:50%;bottom:100px;pointer-events:none}
#social ul li a:hover span{opacity:1;bottom:55px}
button,input[type=submit]{width:auto}
.btn{color:#666;display:inline-block;width:auto;font-size:14px;font-family:'Quicksand',sans-serif;text-transform:uppercase;text-decoration:none;text-align:center;background:#efefef;border:0;border-radius:3px;cursor:pointer;padding:15px;margin:15px 0}
.btn:active{text-decoration:none;box-shadow:inset 0 0 15px rgba(0,0,0,0.3)}
input[type=text],input[type=email],input[type=password],textarea{width:100%;height:auto;font-size:15px;padding:15px;margin-bottom:15px}
input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,textarea:hover{border:1px solid #ff0060}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{border:1px solid #ff0060;box-shadow:inset 0 0 10px rgba(0,0,0,0.4)}
a,i,span,label,button,input,textarea,img,.image-container{-webkit-transition:.3s linear;-moz-transition:.3s linear;-ms-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear}
#preloader{position:absolute;top:0;left:0;right:0;bottom:0;z-index:999}
#status{width:200px;height:200px;margin:-100px 0 0 -100px;position:absolute;top:50%;left:50%}
@media only screen and (min-width:768px) and (max-width:959px){#staff .indiv .image-container{max-width:172px;max-height:172px}
#quote h3{font-size:26px}
#quote span{font-size:20px}
#portfolio-items li{max-width:252px;max-height:196px}
#contact .error{margin:-10px 0 0 -364px}
#map-wrapper{height:273px}
}
@media only screen and (min-width:480px) and (max-width:767px){#headernav{display:none}
#navicon{display:block}
.heading:before,.heading:after{display:none}
#services .item{margin-bottom:15px}
#staff .container{padding-bottom:30px}
#staff .indiv{margin-bottom:30px}
#staff .indiv .image-container{max-width:420px;max-height:420px}
#staff .indiv h3{font-size:28px}
#staff .indiv h6{font-size:20px}
#staff .indiv ul li a{color:#ff0060;font-size:18px}
#quote section.header{background-attachment:scroll;padding:70px 0}
#quote h3.quote{font-size:24px;padding:0 10px}
#quote span.quote-author{font-size:18px}
#portfolio .container{padding-bottom:30px}
#portfolio-items li{display:block;max-width:420px;max-height:328px;margin:1px 0;float:none}
#portfolio-items li .mask h2{margin:70px 15px}
.mfp-close{right:0}
#contact .send{width:100%;float:none}
#contact .info h3{font-size:24px}
#contact .info h4{font-size:18px}
#contact .info span{font-size:18px;padding-bottom:15px}
#contact .error{margin:-10px 0 0 -420px}
#map-wrapper{height:180px}
#social section.header{background-attachment:scroll}
#social ul li{margin:10px;float:none}
#social ul li a{font-size:30px}
#social ul li a span{display:none}
input[type=text],input[type=email],input[type=password],textarea{border-radius:0}
}
@media only screen and (max-width:479px){#headernav{display:none}
#navicon{display:block}
.heading:before,.heading:after{display:none}
section.header span{font-size:16px}
#services .item{margin-bottom:15px}
#staff .container{padding-bottom:30px}
#staff .indiv{margin-bottom:30px}
#staff .indiv .image-container{max-width:300px;max-height:300px}
#staff .indiv h3{font-size:24px}
#staff .indiv h6{font-size:18px}
#staff .indiv ul li a{color:#ff0060;font-size:16px}
#quote section.header{background-attachment:scroll;padding:70px 0}
#quote h3.quote{font-size:22px;padding:0 10px}
#quote span.quote-author{font-size:16px}
#portfolio .container{padding-bottom:30px}
#portfolio-items li{display:block;max-width:300px;max-height:234px;margin:1px 0;float:none}
#contact .send{width:100%;float:none}
#contact .error{margin:-10px 0 0 -300px}
#map-wrapper{height:180px}
#social section.header{background-attachment:scroll}
#social ul li{margin:10px;float:none}
#social ul li a{font-size:30px}
#social ul li a span{display:none}
input[type=text],input[type=email],input[type=password],textarea{border-radius:0}
}