@import url("reset.css");

/* 
font color:#5a5a5a
light font color:#f6f6f6

BLUE 
blue : 1a92d0
dark: 006aa8
darker: 004066
other dark blue: 001928

GREEN
orange: ff9500


*/
.clr {clear:both;}
body {color:#5a5a5a; font-family:"open sans",Helvetica,Arial,sans-serif; font-size:14px;}
strong {font-weight:bold;}
textarea {font-family:inherit; font-size:inherit;}
.margin {margin:0 auto; width:1000px;}
.hide {display:none;}
.show {display:block;}
#pos,#pos2 {position:fixed;background:#fff; color:#000; z-index:100}
#pos2 {margin-top:30px;}

/******************
    HEADER
******************/
#testimonials {height:50px}
#testimonials li {display:none;}
/* nav */
#header {background:url(../images/header-bg.png) repeat-x center top; height:110px; position:absolute; width:100%;}
#logo {float:left; padding:70px 0 0 150px;}
#nav {color:#fff; float:right; font-size:14px; padding:30px 30px 0 30px;}
#nav li {float:left;}
#nav li a {display:block; margin:0 10px;}
.nav {border-bottom:2px solid transparent; padding:5px;}
.current {border-bottom:2px solid #fff; padding:5px;}
#header_quote {border:2px solid #fff; border-radius:2px; padding:5px 15px;}
#nav_contact {color:#ff9500; float:right; font-size:22px; padding:20px 40px 0;}
#header_quote_resp {display:none;}
#resp_nav {display:none;}

/******************
    HOMEPAGE
******************/

/* intro */
#home_intro_cont {background:url(../images/home-intro.jpg) #003f69; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; height:500px;}

/* nav */
#home_header {width:100%; height:70px;}
.header_spacers {height:50px;}
#home_logo {float:left; padding:10px 0 0 50px;}
#home_nav {color:#fff; float:right; font-size:14px; padding:30px 30px 0 30px;}
#home_nav li {float:left;}
#home_nav li a {display:block; margin:0 10px;}
.home_nav {border-bottom:2px solid transparent; padding:5px;}
.home_nav_scroll {border-bottom:2px solid #006aa8; padding:5px;}
#home_header_quote {border:1px solid #fff; padding:5px 10px;}

#home_intro {margin:0 auto; width:1000px;}

#home_intro h1 {color:#fff; font-family:'Raleway',sans-serif; font-size:50px; padding:150px 0 20px; text-align:center;}
#home_intro h2 {color:#fff; font-size:28px; font-style:italic; line-height:40px; padding:30px 0;text-align:center; }
#home_intro_text {color:#fff; font-size:20px; line-height:24px; text-align:center;}


#home_scroll {padding-top:20px; color:#fff; text-align:center; }
#home_scroll_but {border:2px solid #fff; border-radius:20px; cursor:pointer; display:inline-block; height:45px; position:relative; width:30px;}
#home_scroll_but span {background:url(../images/white-down-arrow.png) no-repeat center center; display:inline-block; height:20px; margin-top:10px; width:20px;}


#home_intro_text_cont {background:#fff; padding:100px 0;}
#home_intro_text_cont h2 {font-size:40px; padding-bottom:30px; text-align:center;}
#home_intro_text_cont p {font-size:20px; line-height:34px; margin:0 auto; width:800px;}

/* services */
#home_services_cont {background:#fff; width:100%;}
#home_services h2 {color:#676d77; font-family:'Raleway',sans-serif; font-size:36px; padding:50px; text-align:center;}
.home_service_box {background-position:center center; background-repeat:no-repeat; background-size:110%; color:#fff; cursor:pointer; float:left; height:350px; width:50%;}
.home_service_box h3 {font-size:40px; padding-top:50px; text-align:center;}
.home_service_box p {font-size:20px; line-height:50px; padding:40px 100px; text-align:center;}

#home_service_design {background-image:url(../images/home/forest.jpg);}
#home_service_development {background-image:url(../images/home/wave.jpg);}
#home_service_marketing {background-image:url(../images/home/city.jpg);}
#home_service_conversions {background-image:url(../images/home/zion.jpg);}

/* home text */
#home_text {background:#006aa8; color:#fff; float:left; font-size:32px; font-style:italic; line-height:75px; text-align:center; padding:5% 10%; width:30%;}
#home_text_image {float:left; padding:5%; width:40%;}

/* experience */
#home_why {background:#003f67; color:#fff; font-family:'Raleway',sans-serif; font-size:36px; line-height:45px; padding:50px; text-align:center;}

#home_exp_cont {height:500px; z-index:10;}
#home_exp {float:left; height:500px; overflow:hidden; position:relative; width:50%;}
#home_exp_txt {background:url(../images/dblue-opacity.png); box-shadow:0px 0px 5px #0d1e28 inset; height:500px; position:relative; width:100%; z-index:15;}
#home_exp h3 {color:#fff; font-family:'Raleway',sans-serif; font-size:36px; line-height:45px; padding:100px 0 50px 0; text-align:center;}
#home_exp p {color:#fff; font-size:18px; line-height:35px; padding:0 100px; text-align:center;}
#home_exp_guarantee {position:relative; float:left; height:500px; width:50%;}
#home_exp_guarantee h3 {font-family:'Raleway',sans-serif; font-size:36px; line-height:45px; padding:100px 0 40px 0; text-align:center;}
#home_exp_guarantee p {font-size:18px; line-height:35px; padding:0 100px 20px 100px; text-align:center;}
#home_exp_guarantee span {color:#000; font-weight:bold;}
#home_exp_hosting {bottom:10px; color:#bbbbbb; font-size:12px; left:10px; position:absolute;}

#home_vid {position:absolute; min-height:100%; min-width:100%; z-index:5;}

/* results */
#home_results_cont {background:#001928;}
#home_results {float:left; width:50%;}
#home_results h2 {color:#fff; font-family:'Raleway',sans-serif; font-size:36px; line-height:45px; padding:100px 50px 50px 50px; text-align:center;}
#home_results p {color:#fff; font-size:18px; line-height:35px; padding:20px 100px; text-align:center;}

#home_results_image {float:left; position:relative; width:50%;}
#home_results_image_bg {background:url(../images/results-graph.png) no-repeat left center; height:400px; margin:50px auto; width:0px;}

/* features */
#home_feat {margin:0 auto; width:1000px;}
#home_feat h2 {color:#1a92d0; font-size:36px; padding:50px; text-align:center;}
.home_feat_box {background-position:center 5px; background-repeat:no-repeat; float:left; margin:10px; padding:50px 10px 30px 10px; width:290px;}
.home_feat_box h3 {color:#676d77; font-size:18px; font-weight:bold; text-align:center;}
.home_feat_box p {font-size:14px; line-height:20px; padding:10px; text-align:center;}

#home_feat_experience {background-image:url(../images/home/experience.png);}
#home_feat_guarantee {background-image:url(../images/home/guarantee.png);}
#home_feat_support {background-image:url(../images/home/support.png);}
#home_feat_results {background-image:url(../images/home/results.png);}
#home_feat_tech {background-image:url(../images/home/technology.png);}
#home_feat_search {background-image:url(../images/home/search.png);}

/* customers */

#home_cust h2 {color:#676d77; font-size:36px; padding:50px; text-align:center;}
 
#testimonial_wrapper {background:#004066; height:400px !important;float:left; width:50%;}
.home_cust_text {color:#fff; float:left; text-align:center;}
.home_cust_text h4 {font-family:'Raleway',sans-serif; font-size:28px; padding-top:50px;}
.home_cust_testim {font-size:22px; font-style:italic; line-height:35px; text-align:center; padding:5% 10%;}
.home_cust_person {color:#1a92d0; font-size:18px;}
 
#testimonial_img_wrapper {background:#f5f5f5; height:400px !important; float:left; width:50%;}
.home_cust_image {padding-top:75px; text-align:center;}
.home_cust_image img {box-shadow:0px 0px 10px #636363; height:250px; width:350px;}


/******************
    DESIGN
******************/

/* intro */
#design_intro_cont {background:url(../images/design-intro.jpg) #003f69; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; height:500px;}
#design_intro {margin:0 auto; width:1000px;}
#design_intro h1 {color:#fff; font-family:'Raleway',sans-serif; font-size:50px; font-weight:bold; padding:150px 0 20px; text-align:center;}
#design_intro h2 {color:#fff; font-size:28px; font-style:italic; line-height:40px; padding:30px; text-align:center;}

#design_feat {background:#004066;}
#design_feat h2 {color:#fff; font-size:36px; padding:100px 0; text-align:center;}
#design_features {background:#173445;}

/* responsive */
#resp_cont {background:url(../images/responsive.jpg) no-repeat center center; background-size:cover; height:700px;}
#resp {margin:0 auto; width:1000px;}
#resp h2 {color:#fff; float:left; font-family:'Raleway',sans-serif; font-size:34px; line-height:50px; padding-top:100px; text-align:left; width:50%;}
#resp_text {float:left; padding-top:200px; width:50%;}
#resp_text p {color:#fff; font-size:18px; line-height:28px; padding:10px 40px;}

/* features */
.design_feat {}
.design_feat_head {color:#fff; font-family:'Raleway',sans-serif; font-size:30px; padding:180px 0 20px; text-align:center;}
.design_feat_text {color:#fff; font-size:18px; line-height:30px; padding:20px 100px; text-align:center;}

/* retina */
#design_retina_cont {background:#004066;}
#design_feat_retina {float:left; width:50%;}
#design_feat_retina_image {background:#fff; float:left; width:50%;}
#design_feat_frog1 {background:url(../images/retina-frog1.jpg) no-repeat center center; background-size:cover; height:300px;}
#design_feat_frog2 {background:url(../images/retina-frog2.jpg) no-repeat center center; background-size:cover; height:300px;}
#design_feat_retina_image p {color:#fff; padding-top:140px; text-align:center;  text-shadow:0px 0px 10px #000;}

/* browsers */
#design_feat_brows_cont {background:#004066;}
#design_feat_browser_icons {background:url(../images/designs.png) no-repeat center center #fff; float:left; height:600px; width:50%;}
#design_feat_browser {float:left; height:600px; width:50%;}
#design_brow_cont {height:600px; margin:0 auto; position:relative; width:440px;}
.design_brow {background-position:center center; background-repeat:no-repeat; height:85px; position:absolute; width:100px;}
#design_brow_ios {background-image:url(../images/design/ios.png); margin-left:100px; margin-top:100px;}
#design_brow_ie {background-image:url(../images/design/ie.png); margin-left:270px; margin-top:100px;}
#design_brow_chrome {background-image:url(../images/design/chrome.png); margin-left:340px; margin-top:220px;}
#design_brow_ff {background-image:url(../images/design/firefox.png); margin-left:270px; margin-top:360px;}
#design_brow_saf {background-image:url(../images/design/safari.png); margin-left:100px; margin-top:360px;}
#design_brow_and {background-image:url(../images/design/android.png); margin-left:0; margin-top:220px;}

#design_feat_gallery {background:#001928; box-shadow:0px 0px 10px #000; height:500px;}
#design_feat_gallery h3 {padding-top:120px;}
#design_feat_gallery_text {float:left; padding:40px 0; width:50%;}
#design_feat_gallery_image {float:left; width:50%}
.design_gallery {background-position:center center; background-repeat:no-repeat; position:absolute;}
#design_100 {background-image:url(../images/design/gallery100.png); height:89px; width:100px; margin-left:50px; margin-top:340px;}
#design_150 {background-image:url(../images/design/gallery150.png); height:134px; width:150px; margin-left:300px; margin-top:20px;}
#design_175 {background-image:url(../images/design/gallery175.png); height:175px; width:155px; margin-left:330px; margin-top:260px;}
#design_200 {background-image:url(../images/design/gallery200.png); height:188px; width:200px; margin-left:30px; margin-top:100px;}
#design_250 {background-image:url(../images/design/gallery250.png); height:233px; width:250px; margin-left:330px; margin-top:260px;}

#design_feat_cont_sear {background:#001928; padding-bottom:0px;}
#design_feat_bg {background:url(../images/tree.png) center bottom no-repeat #173445; background-size:150px 369px; margin:0 auto; position:relative; width:90%;}
#design_feat_search {float:left; height:300px; padding:100px 0; width:50%;}
#design_feat_search h3 {background:url(../images/design-search.png) no-repeat center top; padding-top:60px;}
#design_feat_contact {float:left; height:300px; padding:100px 0; width:50%;}
#design_feat_contact h3 {background:url(../images/design-mail.png) no-repeat center top; padding-top:60px;}

/******************
    DEVELOP
******************/

/* intro */
#dev_intro_cont {background:url(../images/develop-intro.jpg) #003f69; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; height:500px;}
#dev_intro {margin:0 auto; width:1000px;}
#dev_intro h1 {color:#fff; font-family:'Raleway',sans-serif; font-size:50px; font-weight:bold; padding:150px 0 20px; text-align:center;}
#dev_intro h2 {color:#fff; font-size:28px; font-style:italic; line-height:40px; padding:30px; text-align:center;}

.border_text {text-align:center;}
.border_text span {border:2px solid #fff; border-radius:3px; color:#fff; display:inline-block; font-size:16px; height:30px; line-height:30px; margin-top:30px; padding:0 30px;}

/* database */
#dev_data_cont {background:#1c4259; height:500px; width:100%; z-index:2;}
#dev_data_text {background:#1c4259; float:left; width:50%;}
#dev_data_text h2 {color:#fff; font-family:'Raleway',sans-serif; font-size:36px; padding:100px 0 30px 0; text-align:center;}
#dev_data_text p {color:#dff3ff; font-size:18px; line-height:35px; padding:0 30px 40px 30px; text-align:center;}
#dev_data_image {position:relative; float:left; height:300px; background-size:130px 130px; width:50%;}
#db_image {margin:100px auto; width:280px;}
.db_image {background-repeat:no-repeat; background-position: left center; font-family:'Raleway',sans-serif; height:128px; padding-top:20px; position:absolute; width:100%;}
#db_image1 {background-image:url(../images/database-icon1.png);}
#db_image2 {background-image:url(../images/database-icon2.png);}
#db_image3 {background-image:url(../images/database-icon3.png);}
#db_image p {color:#fff; display:none; padding-left:180px; width:200px;}
#db_image1 p {margin-top:10px;}
#db_image2 p {margin-top:50px;}
#db_image3 p {margin-top:90px;}
#dev_data_spacer {display:none; height:500px;}

/* animation */
#dev_anim_cont {background:#fff; box-shadow:0px 0px 15px black; position:relative; z-index:12;}
#dev_anim {height:500px;}
#dev_anim_text {background:#fff; float:left; height:500px; position:absolute; width:50%;}
#dev_anim h2 {font-family:'Raleway',sans-serif; font-size:36px; padding:100px 0 50px; text-align:center;}
#dev_anim p {font-size:18px; line-height:35px; padding:0 50px; text-align:center;}
#anim_engage {text-align:center;}
#anim_engage span {border:2px solid #000; border-radius:3px; color:#000; display:inline-block; font-size:16px; height:30px; line-height:30px; margin-top:30px; padding:0 30px;}

#home_sensors_icons li .sensor_border {background:url(../images/home/white-trans-bg.png); border:4px solid #fff; border-radius:50%; cursor:pointer; height:110px; margin:20px 18px; position:absolute; transition:0.5s; -webkit-transition:0.5s; width:110px;}
#home_sensors_icons li .sensor_border:hover {transform:scale(1.1); -ms-transform:scale(1.1); -webkit-transform:scale(1.1);}

#dev_admin_control {background:#001928; float:right; height:500px; position:relative; width:50%; z-index:10;}
#dev_admin_control:after {right:100%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;}
#dev_admin_control:after {border-color:rgba(0, 37, 59, 0); border-right-color:#001928; border-width:30px; margin-top:-30px;}
#dev_admin_control h3 {color:#fff; font-family:'Raleway',sans-serif; font-size:28px; padding:100px 0 30px 0; text-align:center;}
#dev_admin_control p {color:#fff; font-size:18px; font-style:italic; padding-bottom:30px; text-align:center;}
#anim_effects {text-align:center;}
#anim_effects li {border:2px solid #fff; color:#fff; border-radius:50%; cursor:pointer; display:inline-block; height:70px; margin:0 30px; text-align:center; transition:0.5s; -webkit-transition:0.5s; width:70px;}
#anim_effects li:hover {transform:scale(1.1); -ms-transform:scale(1.1); -webkit-transform:scale(1.1);}
#anim_effects li span {font-size:14px; line-height:70px;}
#anim_tools {padding-top:30px; text-align:center;}
#anim_tools li {border:2px solid #fff; color:#fff; border-radius:50%; cursor:pointer; display:inline-block; height:70px; margin:0 30px; text-align:center; transition:0.5s; -webkit-transition:0.5s; width:70px;}
#anim_tools li:hover {transform:scale(1.1); -ms-transform:scale(1.1); -webkit-transform:scale(1.1);}
#anim_tools li span {font-size:14px; line-height:70px;}

/* cms */
#dev_cms_vid_cont {height:500px; overflow:hidden; position:relative; width:100%; z-index:1;}
#cms_vid { min-height:100%; min-width:100%; position:absolute; z-index:5;}

#dev_cms_cont {background:url(../images/dblue-opacity.png); height:500px; position:relative; z-index:15;}
#dev_cms {float:left; width:50%;}
#dev_cms h2 {color:#fff; font-family:'Raleway',sans-serif; font-size:28px; padding:100px 0 30px 0; text-align:center;}
#dev_cms p {color:#fff; font-size:18px; line-height:35px; padding:0px 50px; text-align:center;}

#dev_cms_image {float:left; height:300px; width:50%;}
#dev_cms_frame {border:10px solid #fff; border-radius:10px; height:316px; margin:100px auto 0 auto; width:400px;}
.dev_cms_act {border:2px solid #fff; border-radius:5px; color:#fff; display:none; font-size:20px; line-height:50px; height:50px; margin:20px; text-align:center; width:354px;}
#dev_cms_spacer {display:none; height:500px; z-index:1;}

/******************
    MARKETING
******************/

#marketing_intro_cont {background:url(../images/marketing-intro.jpg) #003f69; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; height:500px;}
#mar_intro {margin:0 auto; width:1000px;}
#mar_intro h1 {color:#fff; font-family:'Raleway',sans-serif; font-size:50px; font-weight:bold; padding:150px 0 20px; text-align:center;}
#mar_intro h2 {color:#fff; font-size:28px; font-style:italic; line-height:40px; padding:30px; text-align:center;}

/* SEO */
#mar_seo_cont {background:#1c4259; height:500px;}
#mar_seo_text {background:#1c4259; float:left; width:50%;}
#mar_seo_text h2 {color:#fff; font-family:'Raleway',sans-serif; font-size:36px; padding:100px 0 30px 0; text-align:center;}
#mar_seo_text p {color:#dff3ff; font-size:18px; line-height:35px; padding:0 100px 40px 100px; text-align:center;}
#ppc_roi {text-align:center;}
#ppc_roi span {border:2px solid #000; border-radius:3px; color:#000; display:inline-block; font-size:16px; height:30px; line-height:30px; margin-top:30px; padding:0 30px;}
#mar_seo_image {background:url(../images/mark-seo.jpg) no-repeat top center; background-size:cover; position:relative; float:left; height:500px; width:50%;}

/* PPC */
#dev_ppc_cont {height:500px;}
#dev_ppc {float:left; width:50%;}
#dev_ppc h2 {font-family:'Raleway',sans-serif; font-size:36px; padding:100px 0 30px 0; text-align:center;}
#dev_ppc p {font-size:18px; line-height:35px; padding:0 100px 40px 100px; text-align:center;}

#dev_ppc_visitors {background:url(../images/topbuilding.jpg) no-repeat; background-size:cover; float:left; height:500px; width:50%;}
#dev_ppc_traffic {text-align:center;}
#dev_ppc_traffic h2 {color:#fff; font-family:'Raleway',sans-serif; font-size:30px; padding-top:130px; text-align:center; text-shadow:0px 0px 5px #000;}
#dev_ppc_number {color:#fff; font-size:36px; padding:50px 0 20px; text-shadow:0px 0px 5px #000;}
#dev_ppc_vis {color:#fff; font-size:20px; text-shadow:0px 0px 5px #000;}

#dev_ppc_image {background:url(../images/queue.jpg) no-repeat center center; background-size:cover; float:left; height:500px; width:50%;}


/* Facebook */
#dev_fb_cont {background:#1c4259; height:500px;}
#dev_fb {float:left; width:50%;}
#dev_fb h2 {color:#fff; font-family:'Raleway',sans-serif; font-size:36px; padding:100px 0 30px 0; text-align:center;}
#dev_fb p {color:#fff; font-size:18px; line-height:35px; padding:0 100px 40px 100px; text-align:center;}
#dev_fb_image_cont {float:left; height:500px; width:50%;}
#dev_fb_image {background:url(../images/facebookf.png) no-repeat center top #fff; height:345px; margin:90px auto 0 auto; width:200px;}

/******************
    CONVERSIONS
******************/

#conv_intro_cont {background:url(../images/conversions-intro.jpg) #003f69; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; height:500px;}
#conv_intro {margin:0 auto; width:1000px;}
#conv_intro h1 {color:#fff; font-family:'Raleway',sans-serif; font-size:50px; font-weight:bold; padding:150px 0 20px; text-align:center;}
#conv_intro h2 {color:#fff; font-size:28px; font-style:italic; line-height:40px; padding:30px; text-align:center;}

/* intro */
#conv_what_cont {background:#1c4259; height:500px; width:100%;}
#conv_what {float:left; width:50%;}
#conv_what h2 {color:#fff; font-family:'Raleway',sans-serif; font-size:36px; line-height:45px; padding:100px 50px 40px 50px; text-align:center;}
#conv_what p {color:#fff; font-size:18px; line-height:35px; padding:0 100px; text-align:center;}

#conv_what_image {float:left; height:500px; width:50%;}
#conv_graph {border-bottom:2px solid #fff; height:250px; margin:100px auto; width:300px;}
#conv_graph li {background:#fff; float:left; height:0px; margin:250px 15px 0 15px; width:30px;}
#conv_graph_label {color:#fff; padding-top:10px; text-align:center;}

/* process */
#conv_pro {height:500px; margin:0 auto; position:relative; width:1000px;}
#conv_pro h2 {color:#0791d3; font-family:'Raleway',sans-serif; font-size:36px; line-height:45px; padding:100px 50px 40px 50px; text-align:center;}
#conv_pro h3 {font-size:30px; top:263px; position:absolute; text-align:center;}
.conv_pro_circle {float:left;}
.conv_pro {height:160px; margin:20px 86px; width:160px;}
#pro_edit {border-color:#73ba58; color:#73ba58;}
#pro_test {border-color:#ff9500; color:#ff9500;}
#pro_move {border-color:#1a92d0; color:#1a92d0;}
.conv_pro_circle p {font-size:14px; line-height:20px; margin:0 auto; text-align:center; width:180px;}
#pro_edit h3 {margin-left:48px;}
#pro_test h3 {margin-left:28px;}
#pro_move h3 {margin-left:25px;}

/* how */
#conv_how_cont {background:#001928; height:500px;}
#conv_how {float:left; width:50%;}
#conv_how h2 {color:#fff; font-family:'Raleway',sans-serif; font-size:36px; line-height:45px; padding:100px 50px 40px 50px; text-align:center;}
#conv_how p {color:#fff; font-size:18px; line-height:35px; padding:0 100px; text-align:center;}
#conv_how_steps {padding:30px 100px;}
#conv_how_steps li {background:url(../images/white-arrow.png) no-repeat 0px 11px; color:#d7f0ff; font-size:16px; padding:10px 0 15px 25px;}
#conv_how_steps li span {color:#fff; font-weight:bold;}

#conv_how_image {background:url(../images/conv-track.jpg) center center no-repeat; background-size:cover; float:left; height:500px; width:50%;}
#conv_how_image p {color:#fff; font-size:35px; line-height:50px; padding:100px; text-align:center;}


/******************
    CLOUD
******************/

#cloud_par_cont {background:#004066; height:3000px; position:absolute; width:100%;}
#cloud_spacer {height:10000px;}

/* intro */
#cloud_par {opacity:1; position:absolute; width:100%;}
#cloud_par h2 {color:#0791d3; font-family:'Raleway',sans-serif; font-size:45px; line-height:45px; padding:100px 50px 40px 50px; position:relative; text-align:center;}
#cloud_par p {color:#fff; font-size:30px; line-height:35px; padding:0; position:absolute; text-align:center; width:100%;}
#cloud_par p span {display:inline-block; line-height:50px; margin:0 auto; padding:40px; width:400px;}

#cloud_examples_text {display:none;}

/* calendar */
#cloud_cal_cont {display:none;}
#cloud_info_circle {background:#fff; height:2000px; position:absolute; text-align:center; width:100%}
#cloud_info_circle span {background:#001928; display:inline-block; border-radius:50%; height:100px; position:absolute; width:100px;}

/* information */
#cloud_info_cont {display:none;}
#cloud_info_bg {background:#1a92d0; height:3000px; left:0; position:absolute; top:0; width:100%; z-index:3;}
#cloud_info {position:absolute; width:100%; z-index:2;}
#cloud_info_image_cont {overflow:hidden;}
#cloud_info_image_text {position:absolute;}
#cloud_info_image_cont h2 {color:#fff; font-family:'Raleway',sans-serif; font-size:36px; padding:100px 0 50px; position:relative; text-align:center;}
#cloud_info_desc {color:#fff; font-size:18px; line-height:30px; margin: 0 auto; position:relative; text-align:center; width:600px;}
#cloud_info_list {padding:310px 3% 0 3%; width:94%;}
#cloud_info_list li {float:left; padding:125px 0 0; text-align:center; width:33%;}
#cloud_info_list li p {color:#001928; font-size:16px; line-height:22px; margin:0 auto; width:200px;}
#moving_circle {background:url(../images/cloud-circle.png) no-repeat; display:none; height:2000px; position:absolute; width:5000px; z-index:20px}

#cloud_info_image_text {margin-left:500px; position:absolute; z-index:6;}

#cloud_info_dl {background:url(../images/cloud-download.png) no-repeat center top;}
#cloud_info_photos {background:url(../images/cloud-photos.png) no-repeat center top;}
#cloud_info_search {background:url(../images/cloud-customers.png) no-repeat center top;}

/* why */
#cloud_why_cont {display:none; position:relative; z-index:3;}
#cloud_why_vid {position:absolute; min-height:100%; min-width:100%; z-index:2;}

/* night day */
#cloud_day_cont {display:none; height:2000px; position:absolute; width:100%; z-index:1;}

#cloud_day_sun {background:url(../images/cloud-sun.png) no-repeat center center; height:800px; position:absolute; width:800px; z-index:5;}

#cloud_day_sky {background:#1a92d0; height:400px; position:absolute; top:0; width:100%; z-index:3;}
#cloud_night_sky {background:url(../images/cloud-stars.png) #004066 center top; display:none; height:400px; position:absolute; top:0; width:100%; z-index:4;}
#cloud_day_ground {background:#2e9e4e; top:400px; height:1000px; position:absolute; width:100%; z-index:6;}

#cloud_day_text {position:absolute; top:420px; width:100%; z-index:10;}
#cloud_day_text h2 {color:#fff; font-size:36px; line-height:45px; text-align:center;}
#cloud_day_text p {color:#fff; font-size:26px; line-height:45px; padding-top:30px; text-align:center;}

#cloud_sky_text {display:none; position:absolute; text-align:center; top:450px; width:100%; z-index:11;}
#cloud_sky_text span {border:2px solid #1a92d0; border-radius:3px; color:#1a92d0; display:inline-block; font-size:16px; height:30px; line-height:30px; margin-top:30px; padding:0 30px;}




#cloud_scroll_button {color:#fff; position:fixed; z-index:20;}


/******************
    CONTACT
******************/

#contact_intro {background:url(../images/contact-bg.jpg) no-repeat center top; background-size:cover; color:#fff; height:400px; text-align:center;}
#contact_intro h1 {color:#fff; font-family:'Raleway',sans-serif; font-size:50px; font-weight:bold; padding:100px 0 20px; text-align:center;}
#contact_intro p  {color:#fff; font-size:28px; font-style:italic; line-height:32px; margin:0 auto; padding:30px 0; text-align:center; width:700px;}

/* form */
#contact_form_container {float:left; height:700px; position:relative; width:50%;}
#contact_form_container h2 {color:#1c4259; font-family:'Raleway',sans-serif; font-size:36px; line-height:45px; padding-top:100px; text-align:center;}
#contact_form_container form {margin:0 auto; padding:30px 0 100px 0; width:400px;}
.field_cont {padding-top:40px;}
.form_txt_field {border:1px solid #ccc; border-radius:5px; font-size:14px; padding:12px; width:350px;}
.field_cont textarea {border:1px solid #ccc; border-radius:5px; font-size:14px; height:100px; padding:12px; width:350px;}
.field_cont label {color:#929292; display:none; font-size:12px; position:absolute; margin:10px 0 0 12px;}
.field_orange {border:1px solid #ff9500 !important;}
#form_submit {border:none; border-radius:5px; background:#1a92d0; color:#fff; cursor:pointer; display:inline-block; font-size:16px; font-weight:bold; padding:12px; position:relative; width:376px;}
.field_error {background:url(../images/form-error.png) no-repeat 0px 10px; color:#ff9500; display:none; padding:10px 0 0 20px;}
#form_load {background:url(../images/load-bg.png); display:none; height:100%; position:absolute; top:0; width:100%; z-index:10;}
#loading_anim {background:url(../images/ring.gif) no-repeat center center; background-size:100px 100px; height:100%; position:absolute; width:100%; z-index:12;}

/* address */
#contact_address {background:#1c4259; color:#fff; float:left; height:700px; width:50%;}
#contact_address h2 {font-family:'Raleway',sans-serif; font-size:36px; line-height:45px; padding-top:100px; text-align:center;}
#contact_address p {font-size:20px; line-height:30px;}
#contact_physical_address {padding:100px 0 0 150px;}
#contact_phone {padding:20px 0 0 150px;}
#contact_freephone {font-size:24px !important; font-weight:bold; padding:30px 0 0 150px;}
#contact_freephone span {color:#1a92d0; font-weight:bold;}
#contact_email_cont {padding:50px 0 0 150px;}
#contact_email_cont a {background:#1a92d0; border-radius:3px; color:#fff; display:inline-block; padding:10px 25px;}

#contact_thanks h3 {color:#1c4259; font-family:'Raleway',sans-serif; font-size:36px; line-height:45px; padding-top:100px; text-align:center;}
#contact_thanks p {color:#1c4259; font-size:20px; line-height:30px; padding:100px; text-align:center;}

/* map */
#map_canvas {border-bottom:1px solid #001928; border-top:1px solid #001928; height:280px; width:100%;}

/******************
    FOOTER
******************/

/* help */
#footer_help_cont {background:#0b80bd;}
#footer_enquire {background:#1a92d0; color:#fff; float:left; height:170px; padding:30px 20px; width:630px;}
#footer_enquire h3 {font-family:'Raleway',sans-serif; font-size:30px; font-weight:bold; margin-bottom:10px;}
#footer_enquire p {display:block; float:left; font-size:16px; line-height:22px; padding-top:7px; width:200px}
.footer_action {float:left; width:200px;}
.footer_action a {background-repeat:no-repeat; background-position:center 5px; border:1px solid #1a92d0; border-radius:3px; display:block; font-size:16px; margin-left:65px; padding:45px 0 5px 0; text-align:center; width:130px;}
#footer_contact_email a {background-image:url(../images/footer-email.png);}
#footer_contact_enquiry a {background-image:url(../images/footer-enquire.png);}

#footer_call {background:#0b80bd; float:left; height:170px; padding:0 20px; width:290px;}
#footer_contact_call {color:#fff; font-size:18px; padding:70px 0 0 70px;}
#footer_contact_phone {border:2px solid #a6deff; border-radius:3px; color:#fff; display:inline-block; font-size:26px; margin:10px 20px;}
#footer_contact_phone a {padding:10px;}
#footer_phone_bg {background:url(../images/footer-phone.png) no-repeat center center #a6deff; border:2px solid #a6deff; display:inline-block; padding:10px; width:20px;}

/* footer nav */

#footer_wrapper {background:#001928; box-shadow:0px 5px 4px #909090; color:#b3b3b3; padding-top:40px; position:relative; z-index:30;}
#footer {margin:0 auto; width:1000px;}

#footer_nav ul {float:left; padding:0 20px;}

#footer_nav li {display:block; font-size:14px; margin-bottom:18px;}
#footer_nav li p {line-height:20px;}

#bottom_nav_contact {width:200px;}
#bottom_nav_contact span {color:#fff; font-weight:bold; font-size:14px; margin-left:5px;}

#bottom_nav_products {margin-left:140px; width:200px;}
#bottom_nav_products li a {display:block; margin-bottom:10px;}
#bottom_nav_products li a:hover {color:#fff; text-decoration:underline;}
#footer_nav h5 {color:#94d448; font-size:20px; margin-bottom:5px;}

#footer_logo {background:url(../images/footer-logo.png) no-repeat center center; float:left; height:120px; margin:20px 140px 0 50px; width:120px;}

/* copyright area */

#footer_copy_cont {background:#001623;}
#footer_copyright {background:url(../images/footer-logos.png) no-repeat center 12px; color:#f6f6f6; margin:0 auto; padding:25px; padding-top:50px;  text-align:center; width:1000px;}
#footer_copyright p {padding-bottom:10px;}
#footer_copyright a:hover {text-decoration:underline;}


/******************
    Retina
******************/

@media 
(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

/* HEADER */
#responsive_menu_icon {background-image:url(../images/menu-icon@2x.png); background-size:50px 38px;}
#header {background-image:url(../images/header-bg@2x.png); background-size:1px 100px;}

/* HOME */
#home_scroll_but span {background-image:url(../images/home/white-down-arrow@2x.png); background-size:20px 20px;}
#home_results_image_bg {background-image:url(../images/results-graph@2x.png); background-size:350px 254px;}


#home_feat_experience {background-image:url(../images/home/experience@2x.png); background-size:30px 30px;}
#home_feat_guarantee {background-image:url(../images/home/guarantee@2x.png); background-size:30px 30px;}
#home_feat_support {background-image:url(../images/home/support@2x.png); background-size:30px 30px;}
#home_feat_results {background-image:url(../images/home/results@2x.png); background-size:30px 30px;}
#home_feat_tech {background-image:url(../images/home/technology@2x.png); background-size:30px 30px;}
#home_feat_search {background-image:url(../images/home/search@2x.png); background-size:30px 30px;}

/* DEVELOPMENT */
#db_image1 {background-image:url(../images/database-icon1@2x.png); background-size:128px 128px;}
#db_image2 {background-image:url(../images/database-icon2@2x.png); background-size:128px 128px;}
#db_image3 {background-image:url(../images/database-icon3@2x.png); background-size:128px 128px;}
#db_screen_image {background-image:url(../images/db-screen@2x.png); background-size:120px 120px;}

/* DESIGN */
#design_feat_browser_iconss {background-image:url(../images/design@2x.png); background-size:449px 398px;}

#design_brow_ios {background-image:url(../images/design/ios@2x.png); background-size:100px 85px;}
#design_brow_ie {background-image:url(../images/design/ie@2x.png); background-size:100px 85px;}
#design_brow_chrome {background-image:url(../images/design/chrome@2x.png); background-size:100px 85px;}
#design_brow_ff {background-image:url(../images/design/firefox@2x.png); background-size:100px 85px;}
#design_brow_saf {background-image:url(../images/design/safari@2x.png); background-size:100px 85px;}
#design_brow_and {background-image:url(../images/design/android@2x.png); background-size:100px 85px;}

#design_100 {background-image:url(../images/design/gallery100@2x.png); background-size:100px 89px;}
#design_150 {background-image:url(../images/design/gallery150@2x.png); background-size:150px 134px;}
#design_175 {background-image:url(../images/design/gallery175@2x.png); background-size:175px 155px;}
#design_200 {background-image:url(../images/design/gallery200@2x.png); background-size:200px 188px;}

#design_feat_search h3 {background-image:url(../images/design-search@2x.png); background-size:50px 40px;}
#design_feat_contact h3 {background-image:url(../images/design-mail@2x.png); background-size:50px 34px;}
#design_feat_bg {background-image:url(../images/tree.png); background-size:150px 369px;}

/* CONVERSIONS */
#conv_how_steps li {background-image:url(../images/white-arrow@2x.png); background-size:15px 15px;}

/* CONTACT */
.field_error {background-image:url(../images/form-error@2x.png); background-size:14px 14px;}

/* FOOTER */
#footer_contact_email a {background-image:url(../images/footer-email@2x.png); background-size:30px 30px;}
#footer_contact_enquiry a {background-image:url(../images/footer-enquire@2x.png); background-size:30px 30px;}
#footer_phone_bg {background-image:url(../images/footer-phone@2x.png); background-size:30px 30px;}

#footer_logo {background-image:url(../images/footer-logo@2x.png); background-size:120px 120px;}


}


}