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

/*------ global ------*/ 
* {
	margin:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#apexchat_invitation_container_wrapper, #apexchat_invitation_container_wrapper * {
	-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: content-box;    /* Firefox, other Gecko */
	box-sizing: content-box;         /* Opera/IE 8+ */
}

body, html{width:100%; height:100%;}
body { top: 0 !important; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block;}

.auto{width:auto !important;}
.full{width:100%;}
.half{width:50%;}

.block { display: block; }
.inlineblock{display: inline-block;}
.hidden{display:none !important;}

.block_cell { display: block; padding-bottom: 15px; }

.relative { position: relative; }

.v_top { vertical-align: top; }
.v_middle { vertical-align: middle; }
.v_bottom { vertical-align: bottom; }

.f_right{float:right; display:block;}
.f_left{float:left; display:block;}
.clear{display:block; clear:both;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

.nomargin{margin:0 !important;}
.nopadding{padding:0 !important;}
.noborder{border:0 !important;}

.animate {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.container { width: 100%; padding: 0 15px; margin: 0 auto; }
.container_960 { width: 100%; padding: 0 15px; margin: 0 auto; }

.bg_noise { background: url('../images/ui/noise_bg.png') repeat 0 0; }
.bg_black, input.bg_black { background: #333; }
.bg_blue, input.bg_blue { background: #4f78bb; }
.bg_darkblue, input.bg_darkblue { background: #1C2674; }
.bg_white, input.bg_white { background: #fff; }
.bg_tintedwhite { background: #eee; }
.bg_grey { background: #ccc; }

.error { background: #FFEAEA; }
.error p { padding: 10px; margin-bottom: 15px; border: 1px solid #B91010; }
.success { background: #E8FFEB; }
.success p { padding: 10px; margin-bottom: 15px; border: 1px solid #008110; }

.input_wrapper { margin-bottom: 10px; }
.input { border: 1px solid #ccc; padding: 10px; width: 300px; height: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.select { border: 1px solid #ccc; padding: 10px; width: 300px; height: 50px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.textarea { border: 1px solid #ccc; padding: 10px; width: 300px; height: 170px; overflow: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.textarea.inlineblock { margin-bottom: -4px; }
.submit { padding: 10px 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; cursor: pointer; }
.disabled { background: #eee !important; color: #ccc !important; cursor: default !important; }

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

.double_border { border: 1px solid #fff; outline: 5px solid #666; }

.sidelines { overflow: hidden; } 
.sidelines > span {
  display: inline-block;
  position: relative;  
  padding: 0 3px;
}
.sidelines > span:before,
.sidelines > span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 1px solid #ccc;
  top: 18px;
  width: 1000px;
}
.sidelines > span:before {
  right: 100%;
  margin-right: 15px;
}
.sidelines > span:after {
  left: 100%;
  margin-left: 15px;
}

.float_shadow:after { 
	content: ""; 
	position: absolute; 
	left: 0;
	right: 0;
	bottom: -30px; 
	display: block; 
	width: 100%; 
	max-width: 490px;
	height: 20px; 
	margin: 0 auto;
	background-image: url('../images/ui/float_shadow520.png'); 
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
}

/*------ clearfix ------*/
.clearfix:after {
    content:"\0020";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}
.clearfix{display:inline-block;}
html[xmlns] .clearfix, html .clearfix{display:block;}
* html .clearfix{height:1%;}


/*------ navigation ------*/
#main_nav { display: none; float: right; padding: 28px 0; }

.ddsmoothmenu{ display: block; }
.ddsmoothmenu ul{z-index:100; margin:0; padding:0; list-style-type:none;}
.ddsmoothmenu ul li{position:relative; display:inline; float:left; margin-left: 1px;}
.ddsmoothmenu ul li a{ 
	display:block; 
	color:#FFF; 
	padding:10px; 
	text-decoration:none; 
	font-weight: bold; 
	text-transform: uppercase;
	-webkit-transition:background 0.3s ease;
	-moz-transition:background 0.3s ease;
	-o-transition:background 0.3s ease;
	-ms-transition:background 0.3s ease;
	transition:background 0.3s ease;
}
* html .ddsmoothmenu ul li a{display:inline-block;}
.ddsmoothmenu ul li a.signup { background: #36812C; }
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a.active{background:#4f78bb; color:#FFF;}

.ddsmoothmenu ul li ul{position:absolute; left:0; display:none; visibility:hidden; background: #fff; }
.ddsmoothmenu > ul > li > ul { border-top: 1px solid #333; }
.ddsmoothmenu ul li ul li{display:list-item; float:none; margin-left: 0;}
.ddsmoothmenu ul li ul li a { color: #333; }
.ddsmoothmenu ul li ul li a:hover{ background: #4f78bb; }
.ddsmoothmenu ul li ul li ul{top:0;}

.ddsmoothmenu ul li ul li a{ 
	width:250px; 
	padding:5px; 
	margin:0;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
	transition:none;
}
* html .ddsmoothmenu{height:1%;}

/* Mobile Navigation */
#open_nav { top: 23px; width: 39px; height: 39px;background: url('../images/ui/menu.png') no-repeat 0 0; cursor: pointer; }
#open_nav:hover, #open_nav:active { background-position: 0 -39px; }
#mobile_nav { /*position: absolute; top: 86px; left: 0; right: 0;*/ top: 47px; display: none; padding: 10px 0; z-index: 1; }
#mobile_nav a { 
	display: block; 
	padding: 5px 10px; 
	-webkit-transition:background 0.3s ease;
	-moz-transition:background 0.3s ease;
	-o-transition:background 0.3s ease;
	-ms-transition:background 0.3s ease;
	transition:background 0.3s ease;
}
#mobile_nav a:hover, #mobile_nav a:active/*, #mobile_nav a.active*/ { background: #4f78bb; }
#mobile_nav a.bg_blue:hover, #mobile_nav a.bg_blue:active { background: #fff; }
#mobile_nav .sub_nav { 
	list-style: none; 
	position: absolute; 
	top: 0; 
	left: 100%; 
	width: 100%; 
	min-height: 100%;
	height: auto; 
	margin: 0; 
	padding: 0 0 10px 0;
	opacity: 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
#mobile_nav div.nav_back { margin-bottom: 10px; padding: 10px; border-bottom: 1px solid #fff; /*background: #313535;*/ text-align: right; }
#mobile_nav div.nav_back a { position: relative; display: inline-block; }
#mobile_nav div.nav_back span { float: left; font-size: 12px; }

/* header */
#main_header { 
	/*min-height: 343px;*/ 
	background-image: url('../images/ui/header_bg.png'); 
	background-attachment: scroll;
	background-position: center bottom;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
}
#header_social { height: 39px; }
#header_social nav.f_right { display: none; }

#header_sticky { 
	position: absolute;
	top: 39px;
	left: 0;
	right: 0;
	height: 86px;
	border-bottom: 2px solid #fff;
	-moz-box-shadow:    0px 0px 25px 3px rgba(11, 11, 11, 0.4);
	-webkit-box-shadow: 0px 0px 25px 3px rgba(11, 11, 11, 0.4);
	box-shadow:         0px 0px 25px 3px rgba(11, 11, 11, 0.4);
	z-index: 10;
}

/*#logo { position: absolute; top: -10px; width: 290px; height: 106px; background: url('../images/ui/header_logo.png') no-repeat 0 0; z-index: 2; }*/
#logo { position: absolute; top: 14px; width: 200px; height: 56px; background: url('../images/ui/small_logo.png') no-repeat 0 0; background-size: 100%; z-index: 2; }
#small_logo { display: none; position: absolute; top: 14px; width: 200px; height: 56px; background: url('../images/ui/small_logo.png') no-repeat 0 0; background-size: 100%; }

/* page banner */
#page_banner { min-height: 220px; padding-top: 20px; padding-bottom: 20px; }
#page_banner:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */
}

/*#page_title:after { content: ""; position: relative; bottom: 0; display: block; height: 20px; margin-top: 15px; background: url('../images/ui/stars.png') no-repeat center center; }*/
#page_title { width: 100%; text-align: center; }
#page_title .sidelines span:before, #page_title .sidelines span:after { 
	top: 40px;
	height: 1px;
	-moz-box-shadow:    0px 0px 1px 0px rgba(11, 11, 11, 0.4);
	-webkit-box-shadow: 0px 0px 1px 0px rgba(11, 11, 11, 0.4);
	box-shadow:         0px 0px 1px 0px rgba(11, 11, 11, 0.4);
}
#stars_container { height: 20px; margin-top: 15px; }
#stars_container span { opacity: 0; }
.small_star { display: inline-block; width: 15px; height: 20px; background: url('../images/ui/stars.png') no-repeat 0 0; }
.small_star.left { left: -30px; }
.small_star.right { right: -30px; }
.big_star { display: inline-block; width: 26px; height: 20px; background: url('../images/ui/stars.png') no-repeat -15px 0; }

#service_call_wrapper { position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; /*left: -10px; bottom: -120px;*/ padding-top: 15px; text-align: center; }
#service_call_wrapper p { margin-right: 15px; padding-bottom: 20px; }
#service_call_wrapper .hand { margin-right: 5px; }
#service_call_wrapper .submit { min-width: 215px; padding: 10px 35px; margin-bottom: 20px; }

#page_banner h1.text_shadow span { left: 0; right: 0; } 
#page_banner.hasvideo #service_call_wrapper { padding-top: 100px; }

#banner_media { position: relative; top: 30px; left: 0; right: 0; margin: 0 auto -50px auto; }
#banner_media img { max-width: 490px; }

/* home */
#home_content { padding: 40px 0;  }
#home_content .submit { margin-top: 15px; }

/* slideshow */
#slideshow { position: relative; opacity: 0; }
#slideshow .slide { 
	position: relative;
	min-height: 300px; 
	height: 300px; 
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#slideshow .slide_img { position: relative; z-index: 1; margin-bottom: -6px; }
#slideshow .slide_img_wrapper img { display: block; width: 100%; }
#slideshow .container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; z-index: 2; }
#slideshow .container:before, #slideshow_wrapper .slide_nav:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}
#slideshow .text_script {
	display: inline-block;
	transform:rotate(-4deg);
	-ms-transform:rotate(-4deg); /* IE 9 */
	-webkit-transform:rotate(-4deg); /* Opera, Chrome, and Safari */
}
#slideshow .slide_links a { margin: 0 5px; }
#slideshow .hand { display: none; }
#slideshow .hand_left { margin-right: 10px; }
#slideshow .hand_right { margin-left: 10px; }
#slideshow .text_script { font-size: 32px; }
#slideshow .text_serif { font-size: 16px; }
#slideshow .submit { padding: 8px; font-size: 12px; }

#slideshow .owl-controls { margin: 0; }
#slideshow .owl-pagination { position: absolute; bottom: 30px; left: 0; right: 0; display: none; height: 0; }

#slideshow_wrapper .slide_nav { position: absolute; top: 0; bottom: 0; }
#slideshow_wrapper .slide_prev_wrapper { left: 0; }
#slideshow_wrapper .slide_next_wrapper { right: 0; }
#slideshow_wrapper .slide_nav a { display: none; margin: 0 25px; padding: 0 5px; font-size: 36px; font-weight: bold; text-shadow: 0 2px 5px rgba(11, 11, 11, 0.25); color: #fff; opacity: 0.5; }
#slideshow_wrapper .slide_nav a:hover, #slideshow_wrapper .slide_nav a:active { opacity: 1; }

/* featured services */
#services { padding: 25px 0; }
#services ul { list-style-type: none; margin: 0; padding: 15px 0; }
#services ul li { width: 100%; padding: 15px 10px 35px 10px; border-bottom: 1px solid #ccc; }
#services ul li:last-child { border: 0; }
#services ul li a.submit { margin-top: 15px; padding: 10px 40px; }
#services .service_imglink { width: 95px; height: 95px; margin-bottom: 20px; border: 2px solid #fff; -webkit-border-radius: 95px; -moz-border-radius: 95px; border-radius: 95px; }
#services .service_imglink:hover, #services .service_imglink.hover {
	webkit-box-shadow: 0px 0px 50px 10px rgba(79, 120, 187, 0.4);
	-moz-box-shadow: 0px 0px 50px 10px rgba(79, 120, 187, 0.4);
	box-shadow: 0px 0px 50px 10px rgba(79, 120, 187, 0.4);
}

/* featured testimonials */
#testimonials { padding-top: 25px; padding-bottom: 25px; overflow: hidden; }
#testimonials .sidelines span { font-size: 100px; }
#testimonials .sidelines span:before, #testimonials .sidelines span:after { border-color: #fff; }
#testimonials_slideshow .owl-controls { margin: 0; }
#testimonials_slideshow .owl-buttons div { opacity: 1; }

/* 24/7 bar - emergency bar */
.bar_247 { padding: 10px 0; border-bottom: 2px solid #fff; }
.bar_247 .container div:first-child { margin-right: 10px; }
.bar_247 .submit { width: 200px; margin: 5px; padding: 10px 20px; }
.bar_247 p { padding: 0 0 5px 0; }
.bar_247 a.text_grey { width: 100%; }
#big_or { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: inline-block; width: 39px; height: 29px; margin: auto; background: url('../images/ui/or.png') no-repeat center center; }

/* body wrapper - page content */
#body_wrapper { min-height: 150px; padding: 100px 0 25px 0; }
#body_wrapper.services_page { padding-top: 170px; }
#body_wrapper.services_page.listing { padding-top: 25px; }
#body_wrapper.services_page.hasvideo { padding-top: 250px; }
#body_wrapper.services_page.livesupport_page { padding-top: 25px; }
#body_wrapper.contact_page { padding-bottom: 0; }

#body_wrapper h2.sidelines { padding-top: 25px; border-top: 1px solid #ccc; }
#body_wrapper h2.sidelines span, #topoverview_wrapper h2.sidelines span { padding: 0 5px; }
#body_wrapper h2.sidelines span:before, #body_wrapper h2.sidelines span:after, #topoverview_wrapper h2.sidelines span:before, #topoverview_wrapper h2.sidelines span:after { top: 38px; }
#body_wrapper h2.gradient_shadow span, #topoverview_wrapper h2.gradient_shadow span { position: absolute; left: 0; right: 0; }

/* services */
.services_page #services { padding-top: 0; padding-bottom: 0; }
.services_page #services ul li { padding: 20px 10px; }

#features_wrapper { margin-bottom: 25px; }
.feature_btn { width: 100%; margin-top: 10px; padding: 15px 10px 10px 10px; border-bottom: 1px solid #ccc; }
#features_wrapper .feature_btn:last-child { border: 0; }
.feature_btn_icon { width: 95px; height: 94px; margin-bottom: 10px; background-position: center center; background-repeat: no-repeat; border: 2px solid #fff; -webkit-border-radius: 95px; -moz-border-radius: 95px; border-radius: 95px; }
.feature_btn:hover .feature_btn_icon {
	webkit-box-shadow: 0px 0px 50px 10px rgba(79, 120, 187, 0.4);
	-moz-box-shadow: 0px 0px 50px 10px rgba(79, 120, 187, 0.4);
	box-shadow: 0px 0px 50px 10px rgba(79, 120, 187, 0.4);
}

/* service levels */
#service_lvl_wrapper .service_lvl { width: 100%; max-width: 400px; margin: 10px auto; padding: 10px; border: 1px solid #ccc; cursor: pointer; }
.service_lvl .service_price { margin-top: 10px; }
.service_lvl .service_price sup { margin-left: -15px; }
.service_lvl .service_price small { margin-top: -10px; }
.service_lvl .service_desc { min-height: 60px; margin-top: 15px; }
#service_form .submit.bg_blue:hover, #service_form .submit.bg_blue:active { background: #333; color: #fff; }
#qty_wrapper { width: 60px; }
#qty_wrapper a { width: 60px; height: 24px; margin: 0; padding: 0; }
#qty_wrapper a:first-child { margin-bottom: 2px; }

#checkout_steps { list-style: none; padding: 0; margin: 0 auto; margin-bottom: 15px; }
#checkout_steps li { display: none; padding: 5px 10px; width: 100%; cursor: pointer; }
#checkout_steps li.bg_blue { display: inline-block; }
#checkout_steps li.bg_black:hover, #checkout_steps li.bg_black:active { background: #4F78BB; }
#checkout_steps li.disabled { cursor: default; }

/* forms */
#logmein_form { padding-top: 25px; }
#logmein_form label, #contact_form label, .checkout_form label { padding: 0 0 10px 0; /*min-width: 340px;*/ width: 100%; max-width: 340px; }
#logmein_form .input, #contact_form .input, .checkout_form .input, .checkout_form .select { max-width:340px; width: 100%; }
.checkout_form .input_sm { width: 108px; margin-right: 3px; }
#payment_form .input_sm { width: 108px; margin-right: 0; margin-left: 3px; }
.checkout_form .input_med { width: 223px; }
#logmein_form .submit, #contact_form .submit, .checkout_form .submit { max-width:340px; width: 100%; margin-top: 5px; }
.checkout_form .submit { width: auto; padding-left: 25px; padding-right: 25px; }
.checkout_form .submit:hover, .checkout_form .submit:active { background: #333; color: #fff; }
.checkout_form .submit.bg_black:hover, .checkout_form .submit.bg_black:active { background: #999; color: #fff; }
#logmein_form .half.f_left { padding-right: 5px; }
#logmein_form .half.f_right { padding-left: 5px; }

#terms { max-width: 500px; max-height: 300px; padding: 10px; margin: 15px 0 10px 0; border: 1px solid #ccc; overflow-y: auto; }

/* testimonials */
#testimonials.testimonials_page { padding-top: 0; }
#testimonials blockquote { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; }
#testimonials blockquote:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
#testimonials blockquote img { margin-right: 10px; }
#testimonials blockquote span.text_serif { position: relative; top: 12px; padding-right: 5px; opacity: 0.5; }
#testimonials a.bg_blue:hover { background: #ccc; }

/* contact form */
/*#contact_form .half.f_left { padding-right: 5px; }
#contact_form .half.f_right { padding-left: 5px; }
#contact_form label { padding: 13px 15px; }
#contact_form textarea { max-width: 300px; }
#contact_form .submit { margin-top: 4px; padding: 10px 40px; }*/

#contact_form { margin: 0 auto 60px auto; }
#contact_form .input_wrapper, .checkout_form .input_wrapper { width: 100%; max-width: 340px; /*width: 340px;*/ margin: 0 auto 10px auto; }
#captcha { position: absolute; bottom: 6px; /*left: 230px;*/ right: 9px; }

/* contact buttons */
#contact_btns { width: 100%; max-width: 340px; margin: 0 auto 40px auto; }
.contact_btn { width: 100%; margin-top: 30px; }
.contact_btn .contact_btn_text { width: 60%; padding-left: 15px; text-align: left; }

/* google map */
#map_wrapper { margin-top: 40px; }
#map { height: 400px; background: #eee; }
#map_wrapper #links_wrapper { position: absolute; bottom: 0; left: 0; right: 0; padding-bottom: 10px; }
#map_wrapper #links_wrapper a { margin: 0 0 10px 10px; }

/* drop off locations */
#locations_dropdown { margin-bottom: 25px; max-width: 100%; width: 320px; }
.location_address { margin: 20px 0; }
.location_address .submit { min-width: 250px; max-width: 100%; margin: 0 1px 1px 0; }

/* footer */
#footer_contact{ padding: 25px 0 50px 0; }
#footer_contact h6 { margin-bottom: 13px; }
#footer_contact div.full { text-align: center; }
/*#footer_contact .container .f_left .f_left:last-child { margin-left: 50px; }*/

/*------ icons ------*/
.social-icons{height:39px; width:auto; margin: 0; padding:0; text-align:center; overflow:hidden;}
.social-icons li{
	display:inline-block;
	margin:0 0 0 -3px; 
	padding:0;
	border:0;
	background-image:url("../images/ui/socialsprites.png");
	background-repeat:no-repeat;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.social-icons li:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.social-icons li a{display:block; text-indent:-9999px; height:40px; width:40px;}
.social-icons li a:active {
	box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
}
.social-icons li.facebook { background-position: 0 -160px; }
.social-icons li.facebook:hover { background-position: 0 -200px; }
.social-icons li.googleplus { background-position: 0 -400px; }
.social-icons li.googleplus:hover { background-position: 0 -440px; }
.social-icons li.linkedin { background-position: 0 -720px; }
.social-icons li.linkedin:hover { background-position: 0 -760px; }
.social-icons li.pinterest { background-position: 0 -1040px; }
.social-icons li.pinterest:hover { background-position: 0 -1080px; }
.social-icons li.twitter { background-position: 0 -1520px; }
.social-icons li.twitter:hover { background-position: 0 -1560px; }
.social-icons li.youtube { background-position: 0 -1840px; }
.social-icons li.youtube:hover { background-position: 0 -1880px; }
.social-icons li.instagram { background-position: 0 -2240px; }
.social-icons li.instagram:hover { background-position: 0 -2280px; }

.hand { display: inline-block; width: 70px; height: 31px; }
.hand_left { background: url('../images/ui/hand_left.png') 0 0; }
.hand_left_white { background: url('../images/ui/hand_left_white.png') 0 0; }
.hand_right { background: url('../images/ui/hand_right.png') 0 0; }
.hand_right_white { background: url('../images/ui/hand_right_white.png') 0 0; }

.contact_btn_icon { width: 95px; height: 94px; background: url('../images/ui/sprites_icons_contact.png') 0 0; border: 2px solid #fff; -webkit-border-radius: 95px; -moz-border-radius: 95px; border-radius: 95px; }
.contact_phone .contact_btn_icon { background-position: 0 0; }
.contact_doc .contact_btn_icon { background-position: 0 -90px; }
.contact_compass .contact_btn_icon { background-position: 0 -180px; }
.contact_mail .contact_btn_icon { background-position: 0 -270px; }
.contact_btn:hover .contact_btn_icon, .contact_btn:active .contact_btn_icon {
	webkit-box-shadow: 0px 0px 50px 10px rgba(79, 120, 187, 0.4);
	-moz-box-shadow: 0px 0px 50px 10px rgba(79, 120, 187, 0.4);
	box-shadow: 0px 0px 50px 10px rgba(79, 120, 187, 0.4);
}

.play { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 128px; height: 128px; margin: auto; background: url('../images/ui/play.png') center center no-repeat; opacity: .5; }
a:hover .play, a:active .play { opacity: .8; }

.arrowdown { position: fixed; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	display: block; 
	width: 60px; 
	height: 60px; 
	margin: 0 auto; 
	background: url('../images/ui/arrowdown.png') 50% 50% no-repeat; 
	-webkit-animation: fadeDown 1.6s both ease infinite; 
	-moz-animation: fadeDown 1.6s both ease infinite; 
	animation: fadeDown 1.6s both ease infinite; 
}

/* Slide from right to left */
@-webkit-keyframes fadeDown {
	0% { bottom: 80px; opacity: 0; }
	80% { opacity: 1; }
	100% { bottom: 0;  opacity: 0; }
}
@-moz-keyframes fadeDown {
	0% { bottom: 80px; opacity: 0; }
	80% { opacity: 1; }
	100% { bottom: 0;  opacity: 0; }
}
@keyframes fadeDown {
	0% { bottom: 80px; opacity: 0; }
	80% { opacity: 1; }
	100% {  bottom: 0;  opacity: 0; }
}