@charset "utf-8";
/* 
	typography.css
	
	Project: Catalyst Solutions
	
*/

@import url(https://fonts.googleapis.com/css?family=Asul:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);

/*------ global elements------*/ 

body, td{font-size:14px; font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif; color:#333; line-height:1.4; letter-spacing:0px; -webkit-font-smoothing: antialiased;}
input, textarea, select, button { font-size: 14px; font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif; -webkit-font-smoothing: antialiased; }
p, a, small, td { -webkit-font-smoothing: antialiased; }

img{border:0; -ms-interpolation-mode:bicubic;}

p{padding:0 0 15px 0; margin:0;}

small { font-size: 12px; color: #aaa; }

ul, ol{padding:0 0 15px 0; margin:0 0 0 40px;}

hr{border:0; border-top:1px solid #ccc; height:0px; background:#fff; padding:0; margin:0 0 15px 0;}


/*------ typography ------*/

/* global links */
a,
a:link,
a:visited{color:#4f78bb;text-decoration:none; cursor:pointer;}
a:hover,
a:active{color:#ccc; text-decoration:none; cursor:pointer;} 

a[href^=tel] { color: inherit; text-decoration:inherit; }

/* headings reset */
h1,h2,h3,h4,h5,h6{padding:0; color: #4f78bb; font-weight:normal;}

h1{font-size:36px; margin-bottom:10px; font-weight: 500;}
h2{font-size:24px; margin-bottom:10px;}
h3{font-size:18px; margin-bottom:8px;}
h4{font-size:16px; margin-bottom:7px;}
h5{font-size:15px; margin-bottom:6px;}
h6{font-size:14px; margin-bottom:5px;}

/* classes */
.text_caps { text-transform: uppercase; }
.text_normalcase { text-transform: none; }
.text_bold { font-weight: bold; }
.text_italic { font-style: italic; }
.text_strike { text-decoration: line-through; }
.hidetext { text-indent: -9999px; }

.submit { font-size: 16px; }

.text_script { font-family: 'Euphoria Script', serif; }
.text_serif { font-family: 'Asul', 'Georgia', 'Times New Roman', sans-serif; }

.text_white, a.text_white:link, a.text_white:visited { color: #fff; }
a.text_white:hover, a.text_white:active, input[type='submit'].text_white:hover, input[type='button'].text_white:hover, button.text_white:hover { color: #333; }

.text_black, a.text_black:link, a.text_black:visited { color: #333; }
a.text_black:hover, a.text_black:active, input[type='submit'].text_black:hover, input[type='button'].text_black:hover, button.text_black:hover { color: #4f78bb; }

.text_blue, a.text_blue:link, a.text_blue:visited { color: #4f78bb; }
a.text_blue:hover, a.text_blue:active, input[type='submit'].text_blue:hover, input[type='button'].text_blue:hover, button.text_blue:hover { color: #333; }

.text_darkblue, a.text_darkblue:link, a.text_darkblue:visited { color: #1C2674; }
a.text_darkblue:hover, a.text_darkblue:active, input[type='submit'].text_darkblue:hover, input[type='button'].text_darkblue:hover, button.text_darkblue:hover { color: #333; }

.text_lightgrey, a.text_lightgrey:link, a.text_lightgrey:visited { color: #aaa; }
a.text_lightgrey:hover, a.text_lightgrey:active, input[type='submit'].text_lightgrey:hover, input[type='button'].text_lightgrey:hover, button.text_lightgrey:hover { color: #4f78bb; }

.text_grey, a.text_grey:link, a.text_grey:visited { color: #999; }
a.text_grey:hover, a.text_grey:active, input[type='submit'].text_grey:hover, input[type='button'].text_grey:hover, button.text_grey:hover { color: #fff; }

.text_darkgrey, a.text_darkgrey:link, a.text_darkgrey:visited { color: #666; }
a.text_darkgrey:hover, a.text_darkgrey:active, input[type='submit'].text_darkgrey:hover, input[type='button'].text_darkgrey:hover, button.text_darkgrey:hover { color: #4f78bb; }

.text_red, .error { color: #B91010; }
.text_green, .success { color: #008110; }

input.bg_black, .submit.bg_black { color: #fff; }
input.bg_blue, .submit.bg_blue { color: #fff; }
input.bg_darkblue, .submit.bg_darkblue { color: #fff; }
input.bg_white, .submit.bg_white { color: #333; }

.submit.bg_black:hover, .submit.bg_black:active { color: #fff; }
a.bg_blue:hover, .submit.bg_blue:hover, .submit.bg_blue:active { color: #333; }
a.bg_darkblue:hover, .submit.bg_darkblue:hover, .submit.bg_darkblue:active { color: #fff; }
a.bg_white:hover, .submit.bg_white:hover, .submit.bg_white:active { color: #fff; }
a.bg_blue.double_border:hover, .submit.bg_blue.double_border:hover, .submit.bg_blue.double_border:active { color: #fff; }
a.bg_white.double_border:hover, .submit.bg_white.double_border:hover, .submit.bg_white.double_border:active { color: #fff; }

.sidelines { line-height: 0.8; text-align: center; }

.text_shadow { text-shadow: 0 2px 5px rgba(11, 11, 11, 0.25); }
.no_shadow { text-shadow: none; }

.gradient_white { background: -webkit-linear-gradient(#fff, #ddd); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.gradient_blue { background: -webkit-linear-gradient(#4e77ba, #325896); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.gradient_black { background: -webkit-linear-gradient(#666, #333); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.gradient_shadow .gradient_white { position: absolute; }
.gradient_shadow:after { content: attr(data-title); text-shadow: 0 2px 5px rgba(11, 11, 11, 0.25); color: transparent; }

/* header */
#mobile_nav a { color: #fff; }
#mobile_nav a.bg_blue:hover, #mobile_nav a.bg_blue:active { color: #333; }

#header_social p { line-height: 39px; }
#page_title { font-size: 36px; line-height: 1; }
#page_title .gradient_white, .gradient_shadow:after { font-size: 72px; }
#page_title .sidelines { line-height: 1.1; }

#service_call_wrapper p.text_script { font-size: 36px; }
#topoverview_wrapper .gradient_black { font-size: 72px; }

/* slideshow */
#slideshow .text_script { line-height: 0.5; }
#slideshow p { padding-bottom: 30px; }
#slideshow .text_shadow { text-shadow: 0 2px 50px rgba(5, 5, 5, 1); }

/* featured services */
#services h3 { font-size: 24px; }
#services .or { font-size: 48px; line-height: 0.8; }
#services .contact_link { font-size: 18px; }

/* featured testimonials */
#testimonials h2.sidelines { margin-bottom: -20px; }
#testimonials .testimonial_text { font-size: 18px; }
#testimonials .testimonial_client { font-size: 24px; }
#testimonials_slideshow .owl-buttons div { color: #90a8d7; font-size: 30px; font-family: 'Asul', 'Georgia', 'Times New Roman', sans-serif; font-weight: bold; }

/* 24/7 bar - emergency bar */
.bar_247 p.text_white { font-size: 17px; }
.bar_247 p.text_grey { font-size: 15px; }
.bar_247 .text_script { font-size: 17px; line-height: 0.8; }

/* body wrapper - page content */
#body_wrapper h2.sidelines { line-height: 1.1; }
#body_wrapper h2.sidelines span { font-size: 72px; }
#body_wrapper h2.gradient_shadow:after { padding: 0 5px; }

/* services */
.feature_btn .text_blue.text_bold { font-size: 18px; }

/* service levels */
.service_lvl .service_name { font-size: 21px; }
.service_lvl .service_price { font-size: 36px; }
.service_lvl .service_price small { font-size: 16px; }

#checkout_steps span { color: #ccc; }
#checkout_steps .bg_blue span, #checkout_steps .text_white { color: #fff; }
#checkout_steps .text_bold { color: #fff; font-size: 18px; }
#checkout_steps .disabled { color: #ddd; }

/* testimonials */
#testimonials blockquote span.text_serif { font-size: 36px; line-height: 0; }

/* contact form */
#contact_form .text_bold.text_blue, #logmein_form .text_bold.text_blue, .checkout_form .text_bold.text_blue { font-size: 14px; }
#contact_form .text_blue, #logmein_form .text_blue, .checkout_form .text_blue { font-size: 18px; }

/* contact buttons */
.contact_btn .text_lightgrey { font-size: 12px; }
.contact_btn .text_blue { font-size: 14px; }
.contact_btn .text_blue.text_bold { font-size: 18px; }
a.contact_btn:hover .text_blue, a.contact_btn:active .text_blue { color: #333; }

/* footer */
#footer_contact { font-size: 12px; }