/* Parscale Media Style Sheet
-----------------------------------------------------------------------------

Prototype Version:  2.4	
Developer: 			Giles-Parscale Inc
Email Address:		info@parscale.com
Developer Website:  http://www.parscale.com/

Client Website: 	http://
Last Modifier:		Brad Parscale - Giles-Parscale Inc
Last Modified: 		04.01.2012

*/

/* Table of Contents
-----------------------------------------------------------------------------

	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl {list-style: none;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}


/* 2. Define Base Typography 
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {color: #474d50; font-family: 'Montserrat', sans-serif; font-weight: normal;}

/* Create the Default Paragraphs */
p {color: #858585; line-height:20px; letter-spacing: .40px; font-family: 'Lato', sans-serif; font-size: 14px;}

/* Specific Header Settings */
h1 {font-size: 18px; color: #464646; font-weight: 400; line-height: 24px; letter-spacing: .20px; font-family: Montserrat, sans-serif;}
h2 {font-size: 22px; font-family: Montserrat, sans-serif;}
h3 {font-size: 22px; font-family: Montserrat, sans-serif; color:#858688;}
h4 {font-size: 16px; font-family: Montserrat, sans-serif;}
h5 {font-size: 14px; font-family: Montserrat, sans-serif;}
h6 {font-size: 12px; font-family: Montserrat, sans-serif;}

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* Google Web Font Smoothing */
html, body, p, a, h1, h2, h3, h4, h5, h6 {-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color:#00b4e5; font-weight: 400; text-decoration: none; cursor: finger;}
a.active {color:#00b4e5;}
a:hover {color:#000000; text-decoration: none;}
a:active {outline: none;}
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* Removes fieldset borders. even on Opera 7 */
fieldset {border: 1px solid transparent;}

/* 7. Framework
------------------------------------------------------------------------------*/

/* Page Layout */
body {font-size: 15px; font-family: 'Lato', sans-serif;}
#wrapper {min-height: 100%; height: auto !important; margin:0 auto -175px;}
.container {width: 960px; margin: auto; position: relative;}

/* Header */
#header {width: 100%; height: 80px; position: fixed; top: 15px; left: 0; background: rgba(255,255,255,.7); z-index: 1000;}
#header .container {height: 80px; margin: 0px auto;}
#brand {position: absolute; top: 10px; left: 0;}
#brand a {line-height: 50px;}
#brand img {vertical-align: middle;}
#header_call {display: none;}
#header_call h3 {color: #00b4e5; font-size: 22px;}
#header_call p {color: #737373; font-size: 18px;}
#header_start {position: absolute; top: 7px; right: 0;}
#header_start a {font-weight: 400; display: inline-block; text-align: center; font-size: 13px; font-family: 'Montserrat', sans-serif; color: #3d3d3b; letter-spacing: .06em;}
#header_start a.active {color:#00b4e5;}
#header_start .btn {letter-spacing: .0; margin-left: 10px; font-size: 14px; color: #fff; display: inline-block;}
#header_start a img {vertical-align: middle;}

/* Navigation */
#navigation {position: absolute; bottom: 0; right: -15px; height: 35px}
#navigation ul li {display: inline-block; padding: 0px 15px; line-height: 37px; position: relative; margin-top: -6px;}
#navigation a {font-weight: 400; display: inline-block;  text-align: center;  font-size: 13px; font-family: 'Montserrat', sans-serif; color: #3d3d3b; text-transform: uppercase; letter-spacing: .06em;}
#navigation ul li:hover {border-bottom: 3px solid #00b4e5;}
#navigation li.active {border-bottom: 3px solid #00b4e5;}
#navigation ul #about #about_menu {width: 140%; padding: 5px 0px 5px 0px; display: none; background: rgba(255, 255, 255, 0.9); position: absolute; left: 0; top: 41px;}
#navigation ul #about:hover #about_menu {display: block;}
#navigation ul #about #about_menu ul li:hover {border: none; color: ;}
#navigation ul #about #about_menu ul li:hover a {color: #00b4e5;}

/* Banner */
#banner_wrapper {width: 100%; min-width: 960px; overflow: hidden; background: url(/images/site/banner_rptr.jpg) 0 0 repeat-x;}
#banner {width: 960px; margin: 0 auto; height: 245px; position: relative;}
.banner_image {width: 660px; height: 245px; position: absolute; left: 0; top: 0;}
.banner_message {width: 260px; height: 205px; padding: 20px; position: absolute; left: 660px; top: 0;}
.banner_message h3 {color: #fff; font-size: 20px; margin-bottom: 10px;}
.banner_message p {color: #dbdbdb;}
#video_banner_message {position: absolute; top: 235px; z-index: 200; width: 100%; text-align: center;}
#video_banner_message h1 {text-decoration: none; color: #fff; font-size: 62px; border: none; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 55px; line-height: 60px; letter-spacing: ..005em; text-shadow: 0px 0px 20px rgba(93, 76, 49, 0.95);}
#video_banner_message h2 {padding: 10px 0; margin: 20px auto; width: 545px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; text-shadow: 0px 0px 20px rgba(93, 76, 49, 0.95); color: #fff; font-size: 22px; letter-spacing: ..04em; font-weight: 700;}
#video_banner_message p {text-shadow: 0px 0px 20px rgba(93, 76, 49, 0.95); color: #fff; font-size: 18px; text-transform: uppercase; letter-spacing: ..04em; font-weight: 400;}

/* Home */
#home #banner {width: 100%; height: auto; overflow: hidden;}
#home #banner img {width: 100%; margin: 0 auto; display: block;}
#home #banner .video {width: 100%; min-width: 960px; height: auto; min-height: 585px;}
#home #banner .video #hero {position: absolute; left: 50%; -webkit-transform: translateY(-25%) translateX(-50%); transform: translateY(-25%) translateX(-50%); -ms-transform: translateY(-25%) translateX(-50%); -o-transform: translateY(-25%) translateX(-50%); -moz-transform: translateY(-25%) translateX(-50%); z-index: -1; min-width: 100%; min-height: 585px;}
#banner_shadow {width: 100%; height: 14px; background: url(/images/site/banner_shdw.png); min-width: 960px;}

#home #callouts {padding: 60px 0 50px 0;}
#home #callouts .callout {position: relative; padding: 45px 10px 25px 10px; width: 278px; float: left; min-height: 200px; border: 1px solid #00b4e5; margin-right: 20px; text-align: center;}
#home #callouts .callout h2 {font-family: 'Montserrat', sans-serif; font-weight: 400; color: #4d4e4e; font-size: 24px;}
#home #callouts .callout h3 {margin-bottom: 15px; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 18px; color: #00b4e5;}
#home #callouts .callout p {line-height: 18px; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 13px; color: #464646;}
#home #callouts #callout2 p {margin-bottom: 3px;}
#home #callouts .callout p span {font-weight: 700;}
#home #callouts .callout.last {margin-right: 0;}
#home #callouts .callout .icon {width: 52px; height: 52px; position: absolute; top: -26px; left: 50%; margin-left: -26px;}
#home #callouts #callout3 a {color: #00b4e5; margin-top: 10px; font-family: 'Montserrat', sans-serif; padding: 10px 20px; font-size: 14px; font-weight: 700; display: inline-block; border: 1px solid #00b4e5;}
#home #callouts #callout3 a:hover {color: #fff; background: #00b4e5;}

#home #services {padding-top: 50px; text-align: center; position: relative; width: 100%; height: 300px; min-width: 960px; overflow: hidden;}
#home #services h2 {margin-bottom: 25px; text-align: center; width: 100%; font-weight: 700; text-transform: uppercase; position: relative; z-index: 2; font-family: 'Montserrat', sans-serif; font-size: 30px; color: #fff;}
#home #services .container {z-index: 2;}
#home #services .service {margin: 0 5px; text-align: center; position: relative; width: 175px; height: 175px; display: inline-block; border: 1px solid #fff; border-radius: 90px; vertical-align: top;}
#home #services .service .service_image {display: none; border-radius: 90px; width: 175px; height: 175px; background-size: cover;}
#home #services .service:hover .service_image {display: block;}
#home #services .service .service_title {width: 175px; height: 175px; display: table; position: absolute; top: 0; left: 0;}
#home #services .service .service_title p {padding: 0 10px; display: table-cell; vertical-align: middle; font-size: 18px; font-weight: 700; color: #fff; font-family: 'Montserrat', sans-serif;}
#home #services .background {position: absolute; top: 0; left: 0; width: 100%; min-width: 960px; height: auto;}
#home #services .background img {min-width: 100%; min-height: 350px;}

/* Landing */
.landing #banner #banner_message {width: 100%; height: 585px; min-width: 960px; display: table;}
.landing #banner #banner_message h1 {border-bottom: none; display: table-cell; vertical-align: middle; text-shadow: 0px 0px 20px rgba(93, 76, 49, 0.95); color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 50px; text-transform: uppercase; line-height: 65px; letter-spacing: ..02em;}

.landing #content #form {width: 380px; position: relative; background: url(/images/site/header_bg2.png); top: -130px; text-align: center; padding: 35px 0; float: left; -webkit-box-shadow: 1px 1px 7px 0px rgba(170,171,171,0.7); -moz-box-shadow: 1px 1px 7px 0px rgba(170,171,171,0.7); box-shadow: 1px 1px 7px 0px rgba(170,171,171,0.7);}
.landing #content #form h2 {font-family: 'Montserrat', sans-serif; font-size: 38px; font-weight: 400;}
.landing #content #form h3 {font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 400; color: #00bff3;}
.landing #content #form hr {width: 80px; border-color: #cccccc; margin: 10px auto;}
.landing #content #form h4 {font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 400; color: #464646;}
.landing #content #form #form_fields {width: 260px; margin: auto; text-align: left;}
.landing #content #form #form_fields label {font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 400; color: #a1a1a1;}
.landing #content #form #form_fields input[type=text], .landing #content #form #form_fields input[type=email] {padding: 0 5px; border: 1px solid #a1a1a1; width: 248px; height: 25px;}
.landing #content #form #form_fields input[type=text]:focus, .landing #content #form #form_fields input[type=email]:focus {border: 1px solid #00bff3;}
.landing #content #form #form_fields input[type=submit] {padding: 10px 30px; display: block; margin: 20px auto; background: #00b4e5; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700;}
.landing #content #body {width: 485px; float: right; padding: 15px 0;}
.landing #content #body h3 {font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 400; color: #464646;}
.landing #content #body p {margin: 15px 0; font-family: 'Montserrat', sans-serif; font-size: 13px; line-height: 20px; font-weight: 400; color: #464646;}
.landing #content #body ul li {margin-bottom: 5px; margin-left: 20px; font-family: 'Montserrat', sans-serif; font-size: 13px; line-height: 18px; font-weight: 400; color: #464646;}
.landing #content #body td {vertical-align: top; padding: 10px;}

.landing #callouts {padding: 0 0 50px 0 !important;}

/* Content
#content {width: 960px; margin: 0 auto; padding: 30px 0;}
.callout {width: 295px; margin-right: 25px; float: left;} 
.callout_title {padding: 5px 0 10px 60px;}
.callout_title h2 {color: #00b4e5; font-size: 24px;}
#callouts p {font-size: 18px; line-height: 25px; color:#727176;}
#call1 {background: url(/images/site/icon_1.jpg) 0 0 no-repeat;}
#call2 {background: url(/images/site/icon_2.jpg) 0 0 no-repeat;}
#call3 {background: url(/images/site/icon_3.jpg) 0 0 no-repeat;} */

/* Main Content */
#main_content {width: 640px; float: left; padding-left: 10px; margin-right: 50px;}
#main_content h1 {margin-bottom: 10px;}
#main_content p {margin-bottom: 20px;}
#main_gallery {margin-bottom: 20px;}

/* Secondary Content */
#secondary_content {width: 245px; float: right; margin-right: 10px; margin-top:40px;}
#secondary_content h3 {text-transform: uppercase; margin-bottom: 10px;}
#secondary_content ul {list-style: none; margin-bottom: 20px;}
#secondary_content ul li {margin-bottom: 10px; font-size: 16px;}
#secondary_content ul li a.active {color: #000;}

/* SC Testimonial */
#sc_testimonial {margin-bottom: 20px;}
#sc_testimonial p {font-size: 18px; margin-bottom: 10px; font-family: 'Lato', sans-serif; line-height: 24px; font-style: italic; color: #7a7a7f;}

/* SC Tweet */
#sc_tweet {width: 245px; margin-bottom: 20px;}
#tweet_top {width: 245px; height: 80px; background: url(/images/site/twitter_top.jpg) 0 0 no-repeat;}
#tweet_mid {width: 215px; padding: 0 15px 10px; background: url(/images/site/twitter_mid.jpg) 0 0 repeat-y;}
#tweet_mid p {color: #fff;}
#tweet_btm {width: 245px; height: 40px; background: url(/images/site/twitter_btm.jpg) 0 0 no-repeat;}

/* Staff */
#main_content .staff {display: block; width: 298px; padding: 10px; float: left; margin-bottom: 20px; border: 1px solid #fff;}
#main_content .staff_image {margin-bottom: 10px;}
#main_content .staff h2 {color: #00b4e5; margin-bottom: 5px;}
#main_content .staff p {color: #46464e;}
#main_content .staff:hover {background: #e5e5e8;border: 1px solid #B7B5B8;}

/* Contact Left */
#contact_left {width: 460px; float: left; margin-right: 100px;}
#contact_left p {margin-bottom: 10px;}
#contact_right {width: 300px; float: right; margin-right: 100px; padding-top: 40px;}
#contact_right input {width: 280px; background: #f9fafa; border: 1px solid #98989e; padding: 10px; border-radius: 6px;}
#contact_right textarea {width: 280px; height: 100px; background: #f9fafa; border: 1px solid #98989e; padding: 10px; border-radius: 6px;}
#contact_right input.submit {width: 150px; background: #78787f; color: #fff; font-weight: bold; cursor: pointer; border-left: none;}

/* Services
#services_wrapper {background: #a1a1a6; height: 275px; padding-top: 20px;}
#services {width: 960px; margin: 0 auto;}
#services p {font-family: 'Open Sans', sans-serif; color: #fff; margin-bottom: 10px; font-size: 12px; letter-spacing: .1px; line-height: 18px;}
.service {width: 180px; float: left; margin-right: 10px;}
.service_image {width: 180px; height: 200px; position: relative; overflow: hidden;}
.service_image_text {-webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; transition: background 0.3s ease-out; opacity: 0; width: 160px; height: 190px; padding: 5px 10px; position: absolute; top: 0; left: 0; text-align: left;}
.service:hover .service_image_text {opacity: 1; background: rgba(0,0,0,.7);} */

/* Footer Push */
#push {height: 175px;}

/* Footer */
#footer_mobility {float: right;}
#footer_wrapper {height: 175px; border-top: 1px solid #4A4A4A; margin-top: 215px;}
#footer {padding-top: 15px; width: 960px; margin: 0 auto;}
#footer_brand {width: 300px; float: left; margin-right: 60px; padding-top: 10px;}
#footer_brand_logo {float: left; margin-right: 10px;}
#footer_social {width: 280px; float: left; padding-top: 15px;}
.footer_twitter {background: url(/images/site/sm_twitter.jpg) 0 0 no-repeat; padding: 4px 0 5px 30px;}
.footer_facebook {background: url(/images/site/sm_facebook.jpg) 0 0 no-repeat; padding: 4px 0 5px 30px;}
#footer_newsletter {width: 303px; float: right;}
#footer_newsletter p {color: #46464e; font-size: 15px; margin-bottom: 5px;}
#footer_newsletter input {background: #f9fafa; border: 1px solid #98989e; padding: 6px; width: 190px; border-radius: 6px;}
#footer_newsletter input.submit {background: #78787f; color: #fff; font-weight: bold; cursor: pointer; padding: 5px 0; border-left: none; width: 80px; border-radius: 6px; margin-left: 8px;}
#footer_copyright {border-top: 1px solid #BBBBBF; margin-top: 20px; padding-top: 10px; text-align: center;}
#footer_copyright ul {list-style: none; float: right;}
#footer_copyright p {float: left;}
#footer_copyright ul li {display: inline; margin-left: 20px;}

/* Helper Classes */
.left {float: left;}
.right {float: right;}
.relative {position: relative;}
.active {color: #00b4e5;}

/* General */
.details .content h3 {font-size: 18px; color: #464646; margin: 30px 0px 22px;}
.details .content p {color: #858585; margin-bottom: 20px;}
.details .content li {list-style: disc; color: #858585; margin-bottom: 20px;}
.details .content figure {margin: 3px 10px;}
.details .content img {margin: 3px 10px 10px 2px;}
.details .content ul {margin: 0 0 20px 20px;}

/* Side Nav */
.side-nav {width: 240px;}
.side-nav h3 {font-weight: 400; letter-spacing: .20px; border-bottom: 1px solid #e1e1e1; padding-bottom: 12px; margin-bottom: 0px; text-transform: uppercase; color: #464646;}
.side-nav ul li {font-weight: 400; letter-spacing: .20px; border-bottom: 1px solid #e1e1e1; color: #464646; list-style: none; padding: 11px 0px 12px 0px;}
.side-nav ul li.active {color: #00b4e5;}
.side-nav ul li:hover {color: #00b4e5;}
.side-nav .bottom {margin-top: 40px;}
.training .side-nav .bottom {margin-top: 0;}

/* About */
.c:after{clear: both; content: ""; display: block;}
.about h3 {color: #464646; font-size: 18px; margin-bottom: 24px;}
.about p {margin: 12px auto;}
.about .container {margin: 45px auto auto auto;}
.about #banner {width: 100%; min-width: 960px; height: 430px; background-position: center; background-size: cover; overflow: hidden; position: relative; text-align: center;}
.about .content {width: 70%;}

/* Staff */
.staff .container {margin: 45px auto auto auto;}
.staff #banner {width: 100%; min-width: 960px; height: 430px; background-position: center; background-size: cover; overflow: hidden; position: relative; text-align: center;}
.staff .left {width: 70%;}
.staff .staff-callout {margin: 10px auto; height: 200px;}
.staff .staff-callout .blue-bar {height: 72px; position: absolute; border-left: 3px solid #00b4e5; bottom: -11px; left: 70.5px; z-index: 1;}
.staff .staff-callout:last-child .blue-bar {display: none;} 
.staff .staff-callout .staff-pic {margin-right: 20px; width: 141px; overflow: hidden; height: 141px; position: relative;}
.staff .staff-callout .staff-pic img {width: 141px;}
.staff .staff-callout .staff-pic img.staff-pic-overlay {position: absolute; top: 0;}
.staff .staff-callout .staff-pic a {width: 141px; height: 141px; position: absolute; top: 0; display: block;}
.staff .staff-callout .content {width: 500px;}
.staff-callout .content h3 {margin: 20px 0px; color: #4e4e4e;}
.staff-callout .content p {margin-bottom: 30px;}

.staff .details .staff-pic {margin-right: 20px; width: 141px; height: 141px;}
.staff .details .staff-pic img {width: 141px;}
.staff .details .left.content {width: 52%;}

/* Blog */
.blog #banner {width: 100%; min-width: 960px; height: 430px; background-position: center; background-size: cover; overflow: hidden; position: relative; text-align: center;}
.blog .container {margin: 45px auto auto auto;}
.blog .container.details {padding-bottom: 53px;}
.blog .blog-callout {width: 600px; min-height: 100px; margin-bottom: 30px;}
.blog .blog-callout .content {width: 537px; padding-bottom: 30px; border-bottom: 1px solid #858585;}
.blog .blog-callout .content h2 {margin-bottom: 20px; font-size: 20px;}
.blog .blog-callout .content img {width: 100%;}
.blog .blog-callout .content p {margin-top: 20px; margin-bottom: 24px;}
.blog .blog-callout .date {width: 48px; height: 48px;}
.blog .blog-callout .date p {position: absolute; top: 4px; left: 9px; width: 30px; text-align: center; font-size: 12px; font-family: Montserrat, sans-serif;}
.blog .blog-callout .date img {position: absolute;}

.date-social {width: 65%; position: absolute; bottom: 0; border-top: 1px solid #afafaf; border-bottom: 1px solid #afafaf; padding: 10px 0px;}
.date-social p {float: left;}
.date-social .social-links {float: right;}
.date-social .social-links img {margin: 0px 3px;}

.blog .details .left.content {width: 65%;}
.blog .details .left.content h1 {margin-bottom: 20px;}
.blog .details .left.content img {max-width: 300px;}

/* Contact */
.contact #map {width: 100%; min-width: 960px; min-height: 720px; height: 100%; background-position: center; background-size: cover; overflow: hidden; position: relative; text-align: center;}
.contact .container {width: 960px; margin: auto; position: relative; margin-top: -550px; margin-bottom: 230px;}
.contact .container .top {background-color: rgba(0, 0, 0, 0.81); padding: 30px 0px 1px 51px; width: 219px; margin-bottom: 12px;}
.contact .container .top ul {list-style: none;}
.contact .container .top ul li {margin-bottom: 23px;}
.contact .container .top ul li img {float: left; margin-right: 10px; margin-left: -25px;}
.contact .container .top ul li p {color: #fff; font-family: Montserrat, sans-serif; font-size: 14px;}
.contact .container .bottom {background-color: rgba(0, 0, 0, 0.81); padding: 23px 0px 5px 25px; width: 245px; margin-bottom: 12px;}
.contact .container .bottom h3 {font-family: Montserrat, sans-serif; color: #fff; font-size: 16px; margin-bottom: 11px;}

/* Form */
#new_submission .dform_container input.text {background-color: #000; padding: 7px 15px; letter-spacing: normal; width: 190px; margin: 3px 0px; color: #A8A8A8; font-family: Lato, sans-serif; font-size: 12px;}
#new_submission .dform_container textarea {padding: 7px 15px; resize: none; background-color: #000; width: 190px; height: 58px; font-family: Lato, sans-serif; font-size: 12px; color: #A8A8A8; margin-bottom: 13px;}
#new_submission .dform_container input.submit {padding: 10px 23px; border: 1px solid #00b4e5; color: #00b4e5; font-size: 12px; font-family: Montserrat, sans-serif; text-transform: uppercase;}
#new_submission .dform_container input.submit:hover {border: 1px solid #00b4e5; color: #000; background-color: #00b4e5;}

/* Services */
.services #banner {width: 100%; min-width: 960px; height: 430px; background-position: center; background-size: cover; overflow: hidden; position: relative; text-align: center;}
.services .container {margin: 45px auto auto auto;}
.services .services-callout {width: 300px; height: 344px; float: left; margin: 0px 10px; text-align: center;}
.services .services-callout .top .service-circle {width: 141px; height: 141px; border-radius: 90px; margin: 0 auto 10px; overflow: hidden; position: relative; background-position: center; background-size: cover;}
.services .services-callout .top .service-circle img {position: absolute; width: 100%; left: 0;}
.services .services-callout .bottom h1 {margin-bottom: 24px;}
.services .services-callout .bottom p {width: 262px; margin: auto;}
.services .details .left.content {width: 65%;}
.services h1, h2, h3, h4 {margin-bottom: 10px;}
.services ol li {list-style-position: inside;}


/* Performance-Lab */
.performance #banner {width: 100%; min-width: 960px; height: 430px; background-position: center; background-size: cover; overflow: hidden; position: relative; text-align: center;}
.performance .container {margin: 45px auto auto auto;}
.performance .performance-callout {width: 300px; height: 344px; float: left; margin: 0px 10px; text-align: center;}
.performance .performance-callout .top .performance-circle {width: 141px; height: 141px; border-radius: 90px; margin: 0 auto 10px; overflow: hidden; position: relative; background-position: center; background-size: cover;}
.performance .performance-callout .top .performance-circle img {position: absolute; width: 100%; left: 0;}
.performance .performance-callout .bottom h1 {margin-bottom: 24px;}
.performance .performance-callout .bottom p {width: 262px; margin: auto;}
.performance .details .left.content {width: 65%;}
.performance h1, h2, h3, h4 {margin-bottom: 10px;}
.performance .details .content ol li {margin-left: 20px;}


/* Edited by @M02022016 */
.mobile-nav{display: none;}
#push{height: 0;}
.blog .container.details{padding-top: 90px;}
.blog.has_banner .container.details{padding-top: 0;}
input, textarea{border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
body{-webkit-appearance:none;-ms-appearance:none; -webkit-text-size-adjust:none;-ms-text-size-adjust:none;}

/*  preloader for mobile device */
.preloader{position:fixed;width:100%;height:100%;background:rgba(255, 255, 255, 0.86);z-index:99999;display: none;top: 0;left: 0;}
.preloader .item{position:absolute;width:50px;height:50px;left:50%;top:50%;margin-left:-25px;margin-top:-25px;} 
.spinner {width: 50px;height: 50px;margin: 0px auto;background-color: #333;border-radius: 100%;  -webkit-animation: scaleout 1.0s infinite ease-in-out;animation: scaleout 1.0s infinite ease-in-out;}
@-webkit-keyframes scaleout {0% {-webkit-transform: scale(0.0);background-color: #4e4f4e;}100% {-webkit-transform: scale(1.0);opacity: 0;background-color: #00b3e4;}}@keyframes scaleout {0% {transform: scale(0.0);-webkit-transform: scale(0.0);background-color: #4e4f4e;}100% {transform: scale(1.0);-webkit-transform: scale(1.0);background-color: #00b3e4;opacity: 0;}}

.recovery .mount-table ul {top: 60px;}
.recovery .mount-table ul li.terms {font-size: 11px; width: 90%; margin: auto; padding: 0 5%; line-height: 25px;}
.recovery .mount-table ul li.last {overflow: scroll; height: 150px;}
.recovery .mount-table {margin-bottom: 110px;}
.performance .services .details .left.content {width: 100%;}
.performance .details .content ol li {list-style: decimal;}
.performance .details .content ol li ul li {list-style: disc;}

.basic main#wrapper {padding-top:95px;}
@media (max-width:767px) {
	.basic main#wrapper {padding-top:0;}
}

/* popup */
.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 99999;
	background-color: rgba(0,0,0,.85);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	transition: 300ms ease all;
 }
 .popup h3 {
	 font-family: 'Montserrat', sans-serif;
	 font-weight: 400;
	 font-size: 18px;
	 color: #00b4e5;
 }
 .popup p {
	 margin-bottom: 0;
 }
 .popup .content-wrapper {
	padding: 20px;
	width: 100%;
	max-width: 375px;
 }
 .popup .content-wrapper .content {
	background-color: #fff;
	padding: 20px;
	text-align: center;
	position: relative;
	border: 1px solid #00b4e5;
 }
 .popup .content-wrapper .content button {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 15px;
	height: 15px;
	background: none;
	background-image: url(/images/site/close.svg);
	display: block;
	text-indent: -9999px;
	background-size: 100%;
	background-repeat: no-repeat;
	text-indent: -9999px;
	border: none;
	padding: 0;
	cursor: pointer;
	outline: inherit;
 }
 .popup .content-wrapper .content .title {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
 }
 .popup .content-wrapper .content .text {
	padding-bottom: 20px;
 }
 .popup .content-wrapper .content .image {
	display: block;
 }
 .popup .content-wrapper .content .image img {
	display: block;
	max-width: 760px;
	width: 100%;
 }
 .popup .content-wrapper .content .button {
	padding-top: 20px;
	padding-bottom: 20px;
 }
 .popup[aria-hidden="false"] {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
 }
 .popup[aria-hidden="true"] {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
 }