/*  ....................  Base Styles  ....................  */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body { color: #666; font: 14px/18px 'bitstream_vera_sansroman', sans-serif; }
h1, h2, h3 { font-family: 'BellGothicBlkBTBlack', sans-serif; font-weight: normal; color: #507594; line-height: 1; }
h1 { font-size: 30px; background: url("../images/separating-lines.gif") no-repeat 50% 45%; letter-spacing: 1px; text-align: center; text-transform: uppercase; margin: 0 0 40px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
a { color: #7298bb; }

/*  ....................  Navigation  ....................  */
.navbar { background: url("../images/bg-grd-blue.jpg") repeat-x 0 0 #7a9fbc; }
.navbar-inner { min-height: 58px; }
.navbar .nav > li > a { padding-top: 20px; letter-spacing: 1.5px; text-transform: uppercase; outline: none; font: 15px 'BellGothicBlkBTBlack'; }
.navbar .nav > .current > a, .navbar .nav > .current > a:hover, .navbar .nav > .current > a:focus, .navbar .nav > .active > a:focus, .navbar .nav > .active > a { background-color: transparent; text-decoration: none; color: #dfeffb; outline: none; box-shadow: none; }

/*  ....................  Home  ....................  */
.home { background: url("../images/bg-pat-light.png") repeat 0 0; }
.home .logo { display: block; margin: 40px auto 0; }

/*  ....................  Content  ....................  */
.main { background: url("../images/bg-content.gif") repeat; }
.section { padding: 40px 0; }
.box { background: url("../images/bg-noise.png") repeat; text-align: center; margin-bottom: 30px; }

/*  .................... Rounded Corners/ Box Shadow  ....................  */
.box, .block, .profile-img, #slider { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.box, #slider, .block, .profile-img, input, select, textarea, #form input { -webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.05); -o-box-shadow: 4px 4px rgba(0, 0, 0, 0.05); -ms-box-shadow: 4px 4px rgba(0, 0, 0, 0.05); box-shadow: 4px 4px rgba(0, 0, 0, 0.05); }

/*  ....................  Services  ....................  */
.services .box { height: 300px; }
.services h2 { font-size: 16px; background: url("../images/bg-noise-light.png") repeat; text-transform: uppercase; border-bottom: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -o-border-radius: 6px 6px 0 0; -ms-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; padding: 10px 0; margin: 0; }
.services p { padding: 15px 10px 20px; }
.services-icon { font-size: 65px; line-height: 65px; padding: 10px 0 0; display: block; width: 100%; color: #9cc9ec; transition: color 1s linear; -webkit-transition: color 1s linear; -moz-transition: color 1s linear; -o-transition: color 1s linear; -ms-transition: color 1s linear; }
.services-icon:hover { color: #003d6d; }

/*  ....................  Work  ....................  */
ul.client-list, ul.client-list li { padding:0; font-size:13px; }
ul.client-list li:after { content: ", "; }
ul.client-list li:last-child:after { content: ""; }

/*  ....................  Bio  ....................  */
.bio h3{ font-size: 14px; }
.profile-img { margin: 10px 0; }
.bio-details ul { margin: 0 0 15px 5px; padding-left: 10px; }

/*  ....................  Portfolio ....................  */
.block { margin-bottom: 2%; background: url("../images/bg-noise.png") repeat; }
.block img { width: 100%; }
.port-desc { text-align: left; padding: 10px; height: 120px; font-size: 13px; }
.port-desc h3 { margin: 0; font-size: 15px; line-height: 20px; }
.view-first img { transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.view-first .mask { background-color: rgba(105, 193, 231, 0.5); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; }
.view-first:hover .mask { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view { background: url("../images/loading.gif") no-repeat center center #F1F1F1 !important; cursor: default; position: relative; text-align: center; width: 100%; }
.view .mask { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; }
.view a.info { background: url(../images/zoom.png) #000; border: 1px solid rgba(0, 0, 0, 0.5); display: block; height: 32px; position: absolute; left: 55%; top: 50%; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; width: 32px; margin: -16px 0 0 -36px; }
.nolink a.info { margin-left: -17px !important; }
.view a.info:hover { background-color: #69C1e7 !important; border: 1px solid rgba(255, 255, 255, 0.7); transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; }
.view a.link { background: url("../images/link.png")  #000; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px 3px 3px 3px; display: block; height: 32px; position: absolute; left: 40%; top: 50%; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; width: 32px; margin: -16px 0 0 4px; }
.noinfo a.link { margin-left: -17px; }
.view a.link:hover { background-color: #69c1e7; border: 1px solid rgba(255, 255, 255, 0.7); transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; }

/*  ....................  Testimonials  ....................  */
.quotes { padding: 15px 30px; height: 285px; }
blockquote p { padding: 10px 0; text-align: left; }
.quo-ico { color: #e8e8e8; font-size: 50px; }
.position { display: block; font-size: 14px; font-style:italic; }

/*  ....................  Contact  ....................  */
#contact-form input, #contact-form select, #contact-form textarea, #contact-form label { margin-bottom: 20px; color: #747474; }
input[type="hidden"] { display: none; }
#form input { height: 50px; }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(0, 0, 0, 0.08); margin-bottom: 20px; padding: 10px; border-radius: 5px; }
input, select, textarea { background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(0, 0, 0, 0.08); margin-bottom: 20px; padding: 10px; border-radius: 5px; }
input:focus, select:focus, textarea:focus { border: 1px solid #9cc9ec; background-color: #f5f8f9; }
textarea { height: 150px; -webkit-resize: none; -moz-resize: none; resize: none; }
input#submit-form { color: #507594; font: 18px/24px 'BellGothicBlkBTBlack'; text-transform: uppercase; }
input#submit-form:hover { color: #9cc9ec; }
label { display: block; }
.g-recaptcha {margin: 10px 0;}
/* chrome, safari (faux placeholder)*/
::-webkit-input-placeholder { color: #ccc; font-style: italic; }

/* mozilla (faux placeholder) */
input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; font-style: italic; }

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text { color: #ccc; font-style: italic; }
.required { color: #c61313; font-size: 10px; }
#contact-form label.error { color: #c61313; }

/*  ....................  Footer  ....................  */
.footer-main { background: url("../images/bg-pat-light.png") repeat 0 0; height: auto; padding-bottom: 20px; }
.foot-logo { margin-top: 20px; text-align: center; }
.foot-contact { margin-top: 20px; }
.foot-contact ul { list-style: none; margin: 0; }
.footer-main  .fa { margin-right: 5px; width: 15px; }
.copyright { font-family: 'BellGothicBlkBTBlack'; color: #afafaf; text-transform: uppercase; font-size: 14px; margin: 10px 0; text-align: center; }

/*  ....................  Scroll Top  ....................  */
.scroll-top { background: url("../images/small-arrow-top.png") no-repeat scroll center center #6f90aa; bottom: 0; display: none; height: 30px; position: fixed; right: 10px; text-indent: -9999px; width: 30px; z-index: 9999; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; }

/*  ....................  Flexslider   ....................  */
#slider { margin-bottom: 20px; margin-top: 30px; position: relative; }

/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flexslider { margin: 0; padding: 0; background: #f5f5f5; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides > li:first-child { background: url('../images/spinner.gif') center center no-repeat #f5f5f5; }
.flexslider .slides img { max-width: 100%; display: block; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }
.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }

/* No JavaScript Fallback */
.no-js .slides > li:first-child { display: block; }
.flexslider { background: #f5f5f5; position: relative; zoom: 1; }
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; }
.flex-container { zoom: 1; position: relative; }

/* Caption */
.flex-caption { max-width: 52%; margin: 0; position: absolute; left: 0; bottom: 0; }
.flex-caption h3 { color: #507594; text-transform: uppercase; float: left; margin: 0 0 14% 8%; font-size: 32px; line-height: 34px; letter-spacing: 1.5px; }

/*  Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: 0; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #fff; background: rgba(255, 255, 251, 0.9); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }
.flex-control-paging li a:hover { background: #003d6d; background: rgba(0, 61, 109, 0.6); }
.flex-control-paging li a.flex-active { background: #003d6d; background: rgba(0, 61, 109, 0.9); cursor: default; }

/*  ....................  Fonts   ....................  */
@font-face { font-family: 'BellGothicBlkBTBlack'; src: url('../css/fonts/belgothk-webfont.eot'); src: url('../css/fonts/belgothk-webfont-.eot#iefix') format('embedded-opentype'), url('../css/fonts/belgothk-webfont.woff') format('woff'), url('../css/fonts/belgothk-webfont.ttf') format('truetype'), url('../css/fonts/belgothk-webfont.svg#BellGothicBlkBTBlack') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'bitstream_vera_sansroman'; src: url('../css/fonts/vera-webfont.eot'); src: url('../css/fonts/vera-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/vera-webfont.woff') format('woff'), url('../css/fonts/vera-webfont.ttf') format('truetype'), url('../css/fonts/vera-webfont.svg#bitstream_vera_sansroman') format('svg'); font-weight: normal; font-style: normal; }

/*  ....................    Media Queries   ....................  */
@media(max-width:980px) {
	.port-desc { height: 165px; }
	.services .box { height: 400px; font-size: 13px; }
	.services h2 { height: 55px; font-size: 15px; }
	.flex-caption h3 { font-size: 25px; }
	.section { padding: 15px 0; }
	.quotes { height: 350px; }
	.footer-main { height: auto; }
}
@media(max-width:800px) {
	.services .box { height: auto; width: auto; }
	.services h2 { font-size: 18px; }
	.navbar-fixed-top { margin-bottom: 0; }
	.navbar .btn, .navbar .btn-group { margin-top: 14px; }
	.home .logo { margin-top: 0; }
}
@media (max-width:767px) {
	.block { width: 46%; float: left; margin: 2%; height: 340px; }
	.quotes, .port-desc { height: auto; }
	.row, .navbar { padding: 0 20px; margin: 0; }
	.flex-caption h3 { font-size: 20px; line-height: 27px; }
	.navbar .btn, .navbar .btn-group { margin-top: 14px; }
	.home .logo, .profile-img { margin-top: 0; }
	.flex-caption h3 { font-size: 18px; line-height: 20px; }
}
@media (max-width:495px) {
	.flex-caption h3 { font-size: 16px; line-height: 19px; }
	.block { height: 280px; }
}
@media (max-width:480px) {
	.block { width: auto; float: none; margin: 5% 2%; height: auto; }
	.error h1 { font-size: 180px; }
	.main { background: transparent; }
	 #slider { background: url("../images/slider/slide1-mob.jpg") no-repeat 0 0; height: 105px; }
	.flexslider .slides img, .flexslider li, .flex-caption { display: none; }
	.footer-main { margin: 0; }
}