body {font-family: 'Roboto Slab', serif; font-size: 13px; line-height: 20px; font-weight:400; text-align: center;} div.subpage { padding-top: 71px; } .packages-features {display:none} .box-list-mid {display:none} .wrapper {max-width:1180px; margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} a {color: #fff;} a.reg-lnk { color: #32679B; text-decoration: underline; } #header { position: fixed;left:0;top:0; width: 100%;z-index: 3001;height:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; /*-webkit-transform:translateZ(1px);*/ -moz-transform:translateZ(1px); -o-transform:translateZ(1px); transform:translateZ(1px);} #header .wrapper { position: relative;} #header h2 { position: absolute;left:0;top:126px; margin: 0;opacity:1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #header h2.active {opacity:1;} #header h2 a { width: 198px;height:39px;display: block; background: url(/img/logo_rgb.png) 0 0 no-repeat; background-position:0 100%; background-size: 85%; text-indent: -9999px;-webkit-transition: all 0.5 sease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #header .global { position: absolute;right:0;top:127px;opacity:1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #header .global.active {opacity: 1;} #header .global ul { margin: 0; padding: 0; opacity: 1;} #header .global ul ul {width: auto; float: left; width: 252px; background: rgba(0, 0, 0, 0.9);border-bottom:2px solid #18a8f4;top:52px;left:51px;display:none;} #header.stuckdark .global ul ul {top:55px;} #header .global ul ul li {display: block; float: left; padding-left: 0; width: 100%; padding-bottom: 0;} #header .global ul ul li a { float: left; padding: 0; font-size: 15px; font-weight: 400; line-height: 35px; padding-left: 21px;display: block; width: 100%; text-align: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #header .global ul ul li:hover a { color: #2ebfd5; } #header .global ul > li {display: inline-block; list-style: none; padding-left: 31px; padding-bottom: 20px; padding-top: 7px;position: relative;} #header .global > ul > li:first-child {display:inline-block; opacity:1;} #header .global li a { font-size: 15px; font-family:'Roboto Slab', serif; font-weight: 500;display:block;position: relative; line-height: 32px;padding:0 20px;} #header .global li a span {display: block; position: relative;} #header .global li a span span {display:block; position: absolute;left:0;bottom:-13px;width:0;background: #18a8f4;height:2px;} #header.stuckdark .global li a span span {bottom:-12px;} #header .global li.active a { /*background: #002c6f;*/color: #2ebfd5; font-size: 15px;opacity:1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #header .global li.contact {width:20px; padding-bottom: 0px;} #header .global li.contact a {width: 20px; text-indent: -9999px; background:url(/img/ico_mail.png) 0 50% no-repeat;} #header h3 { position: absolute; right: 0;top:60px; font-family: 'Roboto Slab', serif; font-weight: 300; margin: 0;color: #fff;display: inline-block; line-height: 32px;opacity:1;-webkit-transition: all 0.5s sease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #header h3.active {opacity:1;} #header h3 span { font-size: 22px;color: #fff; opacity: 0.4; position: relative;top:2px; padding-right: 12px; font-weight: 400;} /*#header.stuck {z-index:3000;height:91px; background: rgba(30,71,134,1);-webkit-transform:translateZ(1px); -moz-transform:translateZ(1px); -o-transform:translateZ(1px);transform:translateZ(1px);}*/ #header.stuck {position: fixed;left:0;top:0; width: 100%;z-index: 21; z-index:3000;height:91px; background: rgba(0, 0, 0, 0.4); -webkit-transform:translateZ(1px); -moz-transform:translateZ(1px); -o-transform:translateZ(1px);transform:translateZ(1px); } #header.stuckdark {background: rgba(0, 0, 0, 0.8) !important; height:61px !important;} #header.stuck h3.active {opacity:0;-webkit-transition: all 0.2s sease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #header.stuck .global {top:24px;} #header.stuckdark .global {top:6px !important;} #header.stuck h2 {top:22px; width: 198px; height: 39px;} #header.stuckdark h2 {top:8px !important; width: 198px; height: 39px;} #header.stuck h2 a {background-position:0 100%; width: 198px;height:39px;} #header.stuck .global ul > li:first-child {display:inline-block;opacity:1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} /*.subpage #header {z-index:3000;height:91px; background: rgba(30,71,134,1);-webkit-transform:translateZ(1px); -moz-transform:translateZ(1px); -o-transform:translateZ(1px); transform:translateZ(1px);}*/ .subpage #header {z-index:3000;height:81px; -webkit-transform:translateZ(1px); -moz-transform:translateZ(1px); -o-transform:translateZ(1px); transform:translateZ(1px);} #shortheader { width:100%;height:237px; position: fixed; background-size: cover;z-index: 20;top:0;left:0; background-position: 50% 50%; padding-top: 180px !important;overflow:hidden;-webkit-backface-visibility: hidden; } .servicesheader { background: url("/img/subpage/services_01.jpg") no-repeat scroll 50% 50%; } .quoteheader { background: url("/img/subpage/contact.jpg") no-repeat scroll 50% 50%; } .experienceheader { background: url("/img/subpage/experience_02.jpg") no-repeat scroll 50% 50%; } .companyheader { background: url("/img/subpage/company_04.jpg") no-repeat scroll 50% 50%; } .subpage #header h3 {opacity:0;-webkit-transition: all 0.2s sease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .subpage #header .global {top:24px;} .subpage #header h2 {top:22px; width: 198px; height: 39px;} .subpage #header h2 a {background-position:20% 100%; width: 198px;height:39px; background-size: 85%;} .subpage #header .global ul > li:first-child {display:inline-block;opacity:1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .subpage section > div p a, .subpagetall section > div p a { color: #32679B; text-decoration: underline; } section { position: relative;z-index: 20; width: 100%;} section .wrapper > h2 { text-align:center;font-size: 38px; line-height:40px;color:#fff; text-transform: uppercase;font-family: 'Open Sans', sans-serif; font-weight: 700; margin: 0; padding-bottom: 30px;} section .wrapper > p {color: #fff; margin: 0; opacity:1; font-size: 18px; line-height: 1.6;} section .wrapper > a {color: #ffd339; width: 162px; height: 42px;background-size: contain;display: inline-block; line-height: 42px; position: relative;} section .wrapper > a svg { position: absolute;left:0;top:0;} section > .narrow_wrapper { width: 60%; font-size: 16px; line-height: 30px; font-weight: 300; padding-bottom: 40px !important; } section > .narrow_wrapper_wide { width: 90%; } section .narrow_wrapper > h4 { text-transform: uppercase; font-weight: 600; } section .narrow_wrapper > a { color: #32679B !important; width: auto !important; height: auto !important; text-decoration: underline; } section .narrow_wrapper > ol li a { color: #32679B !important; text-decoration: underline; } section .narrow_wrapper > p { color: #000000 !important; font-size: 16px !important; line-height: 30px; font-weight: 300; } section .narrow_wrapper p.center { width:100%; padding-left: 0; text-align: center; } section .narrow_wrapper p.center > img { max-width:100%; } section .narrow_wrapper > ol li p img { width:100%; } section .help_center p > a { color: #32679B !important; width: auto !important; height: auto !important; text-decoration: none !important; } section .help_center div.help_center_answers p { padding-left: 5%; font-size: 15px !important; } section .help_center div.help_center_answers p a > strong { font-size: 16px !important; padding-bottom: 20px; display: block; } #web_experience { position: fixed;width:100%;height:597px; /*background: url(/img/sec1-1.jpg) no-repeat;*/ background-size: cover;z-index: 20;top:0;left:0; background-position: 50% 50%; padding-top: 300px;overflow:hidden;-webkit-backface-visibility: hidden;} #web_experience.stuck {display:none!important;} #web_experience .wrapper {opacity:1;-webkit-transition: all 0.9s ease-in-out 1.7s;;-moz-transition: all 0.9s ease-in-out 1.7s;-ms-transition: all 0.9s ease-in-out 1.7s;-o-transition: all 0.9s ease-in-out 1.7s;transition: all 0.9s ease-in-out 1.7s;} #web_experience .wrapper.active {opacity:1} #web_experience h1 {margin: 0 auto;font-size: 60px; line-height:110px;color:#fff; padding-bottom: 0!important; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 700;} #web_experience p {opacity:1; padding-right: 80px;} #web_experience a { font-size: 20px; width: 308px !important; line-height:70px !important; height:70px !important;display: inline-block; margin-top: 57px; position: relative;background-size: contain; background: none;} #web_experience a svg { position: absolute;left:0;top:0;} #web_experience a:hover .stroke1 {} #web_experience .social { float: right; position: fixed;bottom:67px;right:0;} #web_experience .social > div { float: left; margin-left: 20px;} .scroll { position: fixed;bottom:40px;left:50%; margin-left:-38px;z-index: 20;} #we_provide { margin-top: 843px; background:#122647 /*url(/img/sec2.png) 0 0 repeat-x*/;min-height:900px; padding-top: 85px; padding-bottom: 30px; position: relative;z-index: 20; /*-webkit-transform:translateZ(1px);*/ -moz-transform:translateZ(1px); -o-transform:translateZ(1px); transform:translateZ(1px);} .box_provide { width: 100%; /*float: left;*/ padding-top: 80px; padding-bottom: 10px;} #we_provide .box { width:270px; margin-left: 30px;height:163px; float: none;display: inline-block; padding-top: 147px; position: relative; background-size:100% auto; } #we_provide .box h3 { margin-top: 0; font-size: 20px; font-weight: 400;color: #fff; margin-bottom: 13px;font-family:'Roboto Slab',serif; position: relative;z-index:2} #we_provide .box p { margin: 0 20px; font-size: 13px;color: #fff; font-weight: 300;position: relative;z-index:2} #we_provide .box img { position: absolute;top:20px;lefT:50%;margin-left: -24px;top:65px;} #we_provide .box .path { position: absolute;top:0;left:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; width: 100%!important;height:100%;} #we_provide .box svg.ico { position: absolute;top:20px;lefT:50%;margin-left: -20px;top:65px;} #we_provide .box .stroke { stroke:#FFC397;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} #we_provide .next { position: absolute;top:50%;right:0;z-index:100;width: 42px;height:82px; background: url(/img/ne_pre.png) 100% 0 no-repeat; text-indent: -9999px;} #we_provide .prev { position: absolute;top:50%;left:0;z-index: 100;width: 42px;height:82px;background: url(/img/ne_pre.png) 0 0 no-repeat; text-indent: -9999px;} #we_provide .box:hover .stroke {stroke: #ffffff;} .box_provide .box a {width:100%;height:100%; position: absolute;left:0;top:0;z-index:30;display: block;} #we_provide .box .path1 {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} #we_provide .box:hover .path1 {fill:#0cc9dd; /*stroke: #15e2db;*/} #we_provide .box:first-child { margin-left: 0;} #we_provide .box:nth-child(5n) { margin-left: 0;} #we_provide .box.b1 img { margin-left: -24px;top:65px;} #we_provide .box.b2 img { margin-left: -24px;top:65px;} #form_concept_to {background:#10818e;min-height:719px; padding-top: 90px; position: relative;z-index: 20; /*-webkit-transform:translateZ(1px);*/ -moz-transform:translateZ(1px); -o-transform:translateZ(1px); transform:translateZ(1px);} #form_concept_to .wrapper > p { opacity: 1;} #form_concept_to img {overflow: hidden;width:auto;} #form_concept_to a {clear:both;display: inline-block;} #form_concept_to figure { padding-top: 60px; padding-bottom: 60px;} #we_write {/*background:url(/img/sec3.jpg) no-repeat;*/background-size: cover; background-position: 50% 50%;min-height:515px; padding-top: 90px; position: relative;z-index: 20; /*-webkit-transform:translateZ(1px);*/ -moz-transform:translateZ(1px); -o-transform:translateZ(1px); transform:translateZ(1px);} #we_write p {opacity: 1; width: 630px; margin: 0 auto;} #we_write .wrapper > p { color: #ffffff; } #we_write ul { padding: 70px 200px 0; width: 100%;box-sizing: border-box;-moz-box-sizing: border-box; float: left;} #we_write ul li {width:50%; float: left; list-style: none; text-align: left; font-size: 18px;font-family:'Roboto Slab',serif; font-weight: 700;color: #fff; padding-left: 25px; padding-right: 20px; background:url(/img/bullet2.png) 0 3px no-repeat;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-bottom: 30px;} .bulletwrapper { padding-left:150px } /*.web-exp-video-wrapper { z-index: -1; top: 0px; position: absolute; width:100%; height:100%; overflow: hidden;}*/ /*.web-exp-video { height:100%; }*/ .web-exp-video { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background-size: cover; } .web-exp-video-img { display:none; background:url(/videos/home-still.jpg) no-repeat; position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background-size: cover; } .we-write-video-wrapper { z-index: -1; top: 0px; position: absolute; width:100%; height:100%; overflow: hidden;} .we-write-video { height:100%; } #online_marketing {background:url(/img/OnlineMarketing.jpg) no-repeat;background-size: cover; background-position: 50% 50%;min-height:516px; padding-top: 90px; position: relative;z-index: 20; /*-webkit-transform:translateZ(1px);*/ -moz-transform:translateZ(1px); -o-transform:translateZ(1px); transform:translateZ(1px);} #online_marketing .wrapper > ul { width: 100%; float: left; padding-top: 70px;} #online_marketing .wrapper > ul li { width: 33%;font-family:'Roboto Slab',serif; font-weight: 400; background:url(/img/bullet2.png) 0 3px no-repeat; padding-left: 25px;list-style: none;color:#fff; float: left; text-align: left; padding-right: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #online_marketing .wrapper > ul li h3 { margin: 0;font-family:'Roboto Slab',serif; font-weight: 700; font-size: 18px;} #online_marketing .wrapper > ul li p { margin: 1.5em 0; font-size: 14px;} #online_marketing .wrapper > p { color: #0cc9dd; } #online_marketing .wrapper > a { color: #0cc9dd; } #online_marketing .swipe-wrap div {width: 33%;font-family:'Roboto Slab',serif; font-weight: 400; background:url(/img/bullet2.png) 0 3px no-repeat; padding-left: 30px;list-style: none;color:#fff; float: left; text-align: left; padding-right: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #online_marketing .swipe-wrap {color:#fff;} #online_marketing .swipe-wrap h3 { margin: 0;font-family:'Roboto Slab',serif; font-weight: 700; font-size: 18px;} #online_marketing .swipe-wrap p { margin: 1.5em 0; font-size: 15px; } #online_marketing figure { padding-bottom: 60px; padding-top: 10px; float: left; width: 100%;} #form_concept_to .dropp { padding-bottom: 0; padding-top: 0; float: left; width: 100%; background: url(/img/bg_slider.png) 50% 0 no-repeat;height: 395px; margin-bottom: 30px; margin-top: 30px;} .slide_all {width:568px;height:343px; margin: 0 auto; margin-top: 52px; position: relative;left:7px;} .slide1 { width: 100%; position: absolute;left:0;top:0;height:100%;background:url(/img/screen2.png) 0 0 no-repeat;z-index: 9;} .slide2 { width: 0%; position: absolute;right:0;top:0;height:100%;background:url(/img/screen1.png) 100% 0 no-repeat;z-index: 9;} .slider_map {height:100%;width:100%; position: relative;z-index:10; position: relative;} .slider_map a { width: 10px;height:100%; background: url(/img/slider_cs.png) no-repeat; position: absolute; margin-left: -5px;} #footer { background: #fafafa url(/img/footer_bg.png) 54% 75% no-repeat;width:100%; z-index: 21; float: left; padding-bottom: 30px; position: relative; -moz-transform:translateZ(1px); -o-transform:translateZ(1px); /*transform:translateZ(1px); -webkit-transform:translateZ(1px);*/} #footer .wrapper { padding-top: 44px; color:#555;} #footer .wrapper > h2 { text-align:center;font-size: 30px; line-height:23px;color:#fff; text-transform: uppercase;font-family: 'Orbitron', sans-serif; font-weight: 700; margin: 0;} #footer .wrapper > p {color: #555;; margin: 0;} #footer .wrapper a {color: #555;} #footer .wrapper address { float: left;width:200px;color: #555555; font-style: normal; text-align: left; font-weight: 300;} #footer .wrapper address h3 { margin: 0; width: 190px;height:39px; background:url(/img/logo_bt.png) no-repeat; text-indent: -9999px; margin-left: -31px;} #footer .wrapper address a {color: #555; font-weight: 300;} #footer .wrapper address a.mail { color: #008dd7;} #footer .wrapper address a.mail:hover { text-decoration:underline} #footer .wrapper address p { margin-top: 1.5em;} #footer .wrapper li {display: inline-block; padding: 10px 24px 30px;} #footer .wrapper li a { font-size: 16px;font-family:'Roboto Slab',serif; font-weight: 700; -webkit-transition: all 0.3s ease-in-out 0.3s;-moz-transition: all 0.3s ease-in-out 0.3s;-ms-transition: all 0.3s ease-in-out 0.3s;-o-transition: all 0.3s ease-in-out 0.3s;transition: all 0.3s ease-in-out 0.3s;} #footer .wrapper li a:hover { font-size: 16px;font-family:'Roboto Slab',serif; font-weight: 700; color: #858585} #footer .socials { float: right;} .a_facebook {width:28px;height:29px; text-indent:0;display: inline-block;} .a_facebook svg {width: 100%} .a_twitter {width:28px;height:29px; text-indent:0;display: inline-block;padding-left: 8px;} .a_twitter svg { width: 100%;} .a_twitter .tw { fill: #c3c3c3;-webkit-transition: all 0.3s ease-in-out 0.3s;-moz-transition: all 0.3s ease-in-out 0.3s;-ms-transition: all 0.3s ease-in-out 0.3s;-o-transition: all 0.3s ease-in-out 0.3s;transition: all 0.3s ease-in-out 0.3s;} .a_twitter:hover .tw { fill: #000;} .a_facebook .fb { fill: #c3c3c3;-webkit-transition: all 0.3s ease-in-out 0.3s;-moz-transition: all 0.3s ease-in-out 0.3s;-ms-transition: all 0.3s ease-in-out 0.3s;-o-transition: all 0.3s ease-in-out 0.3s;transition: all 0.3s ease-in-out 0.3s;} .a_facebook:hover .fb { fill: #000;} .text {display:none;} .form_concept_to .mobile { display:none !important;} /*#swipe2 {display: none}*/ #swipe_control {display: none;} #swipe_control li { background: url(/img/bl.png) 100% 0 no-repeat; -webkit-background-size: 12px auto; background-size: 12px auto;width: 12px;height: 12px; list-style: none; margin: 0; padding: 0;display: inline-block;} #swipe_control li.on { background-position: 0 0; background-image: url(/img/bl_on.png);} #swipe_control2 {display: none;} #swipe_control2 li { background: url(/img/bl.png) 100% 0 no-repeat; -webkit-background-size: 12px auto; background-size: 12px auto;width: 12px;height: 12px; list-style: none; margin: 0; padding: 0;display: inline-block;} #swipe_control2 li.on { background-position: 0 0; background-image: url(/img/bl_on.png);} #swipe_control3 {display: none;} #swipe_control3 li { background: url(/img/bl.png) 100% 0 no-repeat; -webkit-background-size: 12px auto; background-size: 12px auto;width: 12px;height: 12px; list-style: none; margin: 0; padding: 0;display: inline-block;} #swipe_control3 li.on { background-position: 0 0; background-image: url(/img/bl_on.png);} .mobile {display: none!important;} #we_provide .next {display: none;} #we_provide .prev {display: none;} #online_marketing .next {display: none;} #online_marketing .prev {display: none;} .subpage section { position: relative;z-index: 20; width: 100%;} .subpage section .wrapper > h1, .subpagetall section .wrapper > h1 {text-align: center;font-size: 40px;line-height: 40px;color: #ffffff;text-transform: uppercase;font-family: 'Open Sans', sans-serif;margin: 0;padding-bottom: 15px; font-weight: 700;} /*.subpage section .wrapper > h2, .subpagetall section .wrapper > h2 { text-align:center;font-size: 30px; line-height:40px;color:#122647; text-transform: uppercase;font-family: 'Orbitron', sans-serif; font-weight: 700; margin: 0; padding-bottom: 30px;}*/ .subpage section .wrapper > h2, .subpagetall section .wrapper > h2 {text-align: center;font-size: 40px;line-height: 40px;color: #ffffff;text-transform: uppercase;font-family: 'Open Sans', sans-serif;font-weight: 700;margin: 0;padding-bottom: 30px;} /*.subpage section .wrapper > p, .subpagetall section .wrapper > p {color: #555555; margin: 0; opacity:1;}*/ .subpage section .wrapper > p, .subpagetall section .wrapper > p {color: #2ebfd5; margin: 0; opacity:1; font-size: 18px; padding-left: 5%; width: 90%;} .subpage section .wrapper > p.big, .subpagetall section .wrapper > p.big {font-size: 30px !important;} .subpage section .wrapper > p.blogauthor { margin-top: 60px !important; margin-bottom: 0px !important; padding-bottom: 60px !important; color: #606787 !important; font-weight:400 !important; } .subpage section .wrapper p.authorpost { margin-top: 0px !important; text-align: center; } .subpage section .wrapper p.blogauthor > img { margin-left: 10px; margin-right: 10px; margin-bottom: 0px !important; } .subpage section .wrapper > p.blogsum { margin-top: 30px !important; padding-bottom: 0px !important; color: #2ebfd5 !important; font-weight:400 !important; } .subpage section .wrapper p.blogsum > a { text-decoration: none !important; color: #2ebfd5 !important; } .subpage section .wrapper p.blogsum > a img { margin-top: 60px; } .subpage section .wrapper > a, .subpagetall section .wrapper > a {color: #ffd339; width: 162px; height: 42px;background-size: contain;display: inline-block; line-height: 30px; position: relative;} .subpage section .wrapper > a svg, .subpagetall section .wrapper > a svg { position: absolute;left:0;top:0;} .subpage section .wrapper > ul li p, .subpagetall section .wrapper > ul li p { font-size: 18px; line-height: 1.6; } .subpage section .wrapper > div p, .subpagetall section .wrapper > div p { font-size: 18px; line-height: 1.6; font-weight: 300; } /*#subpage_1 { padding-top: 80px; }*/ .short_min_height { min-height: 270px !important; } .subpagesection_1 { padding-top: 60px; background-color: #FFFFFF; margin-top: 0px;} .subpagesection_1 .wrapper > ul { width: 95%; float: left; padding-top: 40px; padding-left: 5%;} .subpagesection_1 .wrapper > ul li { width: 33%;font-family:'Roboto Slab',serif; font-weight: 300; padding-left: 0;list-style: none;color:#555555; float: left; text-align: left; padding-right: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .subpagesection_1 .wrapper > ul.blog_bul_list { padding-top: 20px; } .subpagesection_1 .wrapper > ul.blog_bul_list li { width: 100%; color:#000000; list-style-image: url('/img/bullet2.png'); margin-left: 35px; padding-bottom: 15px; padding-left: 10px; } .subpagesection_1 .wrapper > ul.blog_bul_list li a { color: #32679B; text-decoration: underline; } .subpagesection_1 .wrapper > ul li h3 { margin: 0;font-family:'Roboto Slab',serif; font-weight: 400; font-size: 22px;} .subpagesection_1 .wrapper > ul li p { margin: 1.5em 0;} .subpagesection_1 .wrapper > p.bighdg { font-size: 28px !important; text-align: center; font-weight: 600; } .subpagesection_1 .wrapper > p.bighdgdark { font-size: 28px !important; text-align: center; font-weight: 600; color: #606787; padding-top: 20px; padding-bottom: 20px;} .subpagesection_1 .wrapper img { margin-bottom: -5px;} .subpagesection_1 .wrapper h2 { color:#606787; font-size: 40px;} .subpagesection_1 .wrapper h2 a { color: #606787; font-size: 27px; } .topsection { margin-top: 310px; } .padbottom { padding-bottom: 60px; } #subpage_1 { padding-top: 90px; background-color: #FFFFFF; min-height: 620px; margin-top: 310px;} #subpage_1 .wrapper > ul { width: 95%; float: left; padding-top: 50px; padding-left: 5%;} #subpage_1 .wrapper > ul li { width: 33%;font-family:'Roboto Slab',serif; font-weight: 300; padding-left: 0;list-style: none;color:#555555; float: left; text-align: left; padding-right: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #subpage_1 .wrapper > ul li h3 { margin: 0;font-family:'Roboto Slab',serif; font-weight: 400; font-size: 22px;} #subpage_1 .wrapper > ul li p { margin: 1.5em 0;} #subpage_1 .wrapper img { margin-bottom: -5px;} #subpage_1 .wrapper h1 { color:#606787; font-size: 25px; font-weight: 100;} #subpage_1 .wrapper h2 { color:#606787; font-size: 40px;} #subpage_1 .wrapper h2 a { color: #606787; font-size: 34px; } #subpage_1 .wrapper h1.pagehdg { font-size: 30px; text-align: left; border-bottom: 1px dashed; padding-bottom: 20px; } #subpage_2 { /*padding-top: 80px;*/ height:809px;width:100%; background: url(/img/subpage/scr2.jpg) 0 50% no-repeat; background-color: #ffffff; -webkit-background-size: 100% auto;background-size: 100% auto;} #subpage_3 { padding-top: 80px; background-color: #ffffff; } #subpage_3 .wrapper > ul { width: 90%; float: left; padding-top: 70px; padding-left: 10%; padding-right: 0%;} #subpage_3 .wrapper > ul li { width: 50%;font-family:'Roboto Slab',serif; font-weight: 300; padding-left: 0;list-style: none;color:#555555; float: left; text-align: left; padding-right: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #subpage_3 .wrapper > ul li h3 { margin: 0;font-family:'Roboto Slab',serif; font-weight: 400; font-size: 22px;} #subpage_3 .wrapper > ul li p { margin: 1.5em 0;} #subpage_3 .wrapper img { margin-bottom: -5px; margin-top: 40px;} #subpage_3 .wrapper h2 { color:#606787; font-size: 40px;} #subpage_3 .wrapper h2 a { color: #606787; font-size: 34px; } .subpagesection_4 { background: #fafafa;} .subpagesection_4 .wrapper { padding: 50px 0 10px 0 !important;} .subpagesection_4 .wrapper p { padding-bottom: 50px; width: 70%; margin: 0 auto;color: #555555; line-height: 1.6; font-weight: 300;} .subpagesection_4 .wrapper h2 { color:#606787; font-size: 40px;} .subpagesection_4 .wrapper h2 a { color: #606787; font-size: 27px; } #subpage_4 { background: #f5f8fd;} #subpage_4 .wrapper { padding: 70px 0 70px 0 !important;} #subpage_4 .wrapper p { padding-bottom: 50px; width: 70%; margin: 0 auto;color: #555555; line-height: 1.6; font-weight: 300;} #subpage_4 .wrapper h2 { color:#606787; font-size: 40px;} #subpage_4 .wrapper h2 a { color: #606787; font-size: 34px; } #subpage_5 { /*padding-top: 80px;*/ height:809px;width:100%; background: url(/img/subpage/scr5.jpg) 0 0 no-repeat; background-color: #ffffff; -webkit-background-size: 100% auto; background-size: 100% auto;} #subpage_6 { padding-top: 80px; background-color: #ffffff; min-height: 950px; } #subpage_6 .wrapper > ul { width: 90%; float: left; padding-top: 0; padding-left: 10%; padding-right: 0%; padding-bottom: 70px;} #subpage_6 .wrapper > ul li { width: 50%;font-family:'Roboto Slab',serif; font-weight: 300; padding-left: 0;list-style: none;color:#555555; float: left; text-align: left; padding-right: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #subpage_6 .wrapper > ul li h3 { margin: 0;font-family:'Roboto Slab',serif; font-weight: 400; font-size: 22px;} #subpage_6 .wrapper > ul li p { margin: 1.5em 0;} #subpage_6 .wrapper h2 { color:#606787; font-size: 40px;} #subpage_6 .wrapper img { margin-bottom: 40px; margin-top: 70px;} .img_left { background: #fafafa;overflow: hidden;} .img_left .wrapper { padding: 40px 0 !important;} .img_left .sb1 { width: 45%; float: left;} .img_left .sb1 img {/*width: 90%;*/ margin: 0 auto;} .img_left .sb1_s { width: 496px; float: left; padding-left: 49px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align: left;} .img_left .sb1_s h3 { font-size: 28px;color: #606787;font-family: 'Roboto Slab', serif; font-weight: 700;} .img_left .sb1_s li { list-style: none;} .img_left .sb1_s li > a {border:1px solid #2ebfd5; line-height: 44px;display: inline-block;color: #555555; padding-left: 45px; width: 100%; max-width:300px!important; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background: #fff url(/img/subpage/bg_a.png) 16px -209px no-repeat;} .img_left .sb1_s li > a.active {border:1px solid #2ebfd5; line-height: 44px;display: inline-block;color: #fff; padding-left: 45px; width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background: #13c0c0 url(/img/subpage/bg_a.png) 16px 13px no-repeat;} .img_left .sb_p a {color: #ffc397; width: 162px; height: 42px;background-size: contain;display: inline-block; line-height: 42px; position: relative; text-align: center;} .img_left .sb_p a svg { position: absolute;left:0;top:0;} .img_left .tarb .sb_p {display:none;} .img_left .tarb li { padding-bottom: 24px;} #subpage_7 { background: #f5f8fd;overflow: hidden;} #subpage_7 .wrapper { padding: 80px 0 !important;} #subpage_7 .sb1 { width: 45%; float: left;} #subpage_7 .sb1 img {width: 90%; margin: 0 auto;} #subpage_7 .sb1_s { width: 446px; float: left; padding-left: 99px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align: left;} #subpage_7 .sb1_s h3 { font-size: 28px;color: #606787;font-family: 'Roboto Slab', serif; font-weight: 700;} #subpage_7 .sb1_s li { list-style: none;} #subpage_7 .sb1_s li > a {border:1px solid #13c0c0; line-height: 44px;display: inline-block;color: #555555; padding-left: 45px; width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background: #fff url(/img/subpage/bg_a.png) 16px -209px no-repeat;} #subpage_7 .sb1_s li > a.active {border:1px solid #13c0c0; line-height: 44px;display: inline-block;color: #fff; padding-left: 45px; width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background: #13c0c0 url(/img/subpage/bg_a.png) 16px 13px no-repeat;} #subpage_7 .sb_p a {color: #ffc397; width: 162px; height: 42px;background-size: contain;display: inline-block; line-height: 42px; position: relative; text-align: center;} #subpage_7 .sb_p a svg { position: absolute;left:0;top:0;} #subpage_7 .tarb .sb_p {display:none;} #subpage_7 .tarb li { padding-bottom: 24px;} .img_right { background: #fff;overflow: hidden;} .img_right .wrapper { padding: 80px 0 !important;} .img_right .sb1 { width: 45%; float: left;} .img_right .sb1 img { /*width: 100%;*/ } .img_right .sb1_s { width: 550px; float: left; padding-left:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align: left; padding-right: 90px; padding-left: 10%;} .img_right .sb1_s h3 { font-size: 28px;color: #606787;font-family: 'Roboto Slab', serif; font-weight: 700;} .img_right .sb1_s li { list-style: none;} .img_right .sb1_s li > a {border:1px solid #13c0c0; line-height: 44px; text-align: right; display: inline-block;color: #555555; padding-right: 45px; width: 100%; max-width:300px!important; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background: #fff url(/img/subpage/bg_a_2.png) 95% -209px no-repeat;} .img_right .sb1_s li > a.active {border:1px solid #13c0c0; line-height: 44px;display: inline-block;color: #fff; padding-right: 45px; width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background: #13c0c0 url(/img/subpage/bg_a_2.png) 95% 13px no-repeat;} .img_right .sb_p a {color: #ffc397; width: 162px; height: 42px;background-size: contain;display: inline-block; line-height: 42px; position: relative; text-align: center;} .img_right .sb_p a svg { position: absolute;left:0;top:0;} .img_right .tarb .sb_p {display:none;} .img_right .tarb li { padding-bottom: 24px;} #subpage_8 { background: #fff;overflow: hidden;} #subpage_8 .wrapper { padding: 80px 0 !important;} #subpage_8 .sb1 { width: 45%; float: left;} #subpage_8 .sb1 img { width: 100%;} #subpage_8 .sb1_s { width: 550px; float: left; padding-left:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align: left; padding-right: 90px; padding-left: 10%;} #subpage_8 .sb1_s h3 { font-size: 28px;color: #606787;font-family: 'Roboto Slab', serif; font-weight: 700;} #subpage_8 .sb1_s li { list-style: none;} #subpage_8 .sb1_s li > a {border:1px solid #13c0c0; line-height: 44px; text-align: right; display: inline-block;color: #555555; padding-right: 45px; width: 100%; max-width:300px!important; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background: #fff url(/img/subpage/bg_a_2.png) 95% -209px no-repeat;} #subpage_8 .sb1_s li > a.active {border:1px solid #13c0c0; line-height: 44px;display: inline-block;color: #fff; padding-right: 45px; width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background: #13c0c0 url(/img/subpage/bg_a_2.png) 95% 13px no-repeat;} #subpage_8 .sb_p a {color: #ffc397; width: 162px; height: 42px;background-size: contain;display: inline-block; line-height: 42px; position: relative; text-align: center;} #subpage_8 .sb_p a svg { position: absolute;left:0;top:0;} #subpage_8 .tarb .sb_p {display:none;} #subpage_8 .tarb li { padding-bottom: 24px;} .subpage_8 { background: #fff;overflow: hidden;} .subpage_8 .wrapper { padding: 40px 0 !important;} .subpage_8 .bio { width: 45%; float: left;} .subpage_8 .bio { width: 47%; float: left; padding-left:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align: left; padding-right: 3%; padding-left: 3%; padding-top: 30px; } .subpage_8 .bio h3 { font-size: 28px; line-height: 28px; color: #606787;font-family: 'Roboto Slab', serif; font-weight: 700;} .subpage_8 .wrapper .bio p { font-size: 15px; } .subpage_8 .bio li { list-style: none;} .subpage_8 .bio li > a {border:1px solid #13c0c0; line-height: 44px;display: inline-block;color: #555555; padding-left: 45px; width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background: #fff url(/img/subpage/bg_a.png) 16px -209px no-repeat;} .subpage_8 .bio li > a.active {border:1px solid #13c0c0; line-height: 44px;display: inline-block;color: #fff; padding-left: 45px; width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background: #13c0c0 url(/img/subpage/bg_a.png) 16px 13px no-repeat;} .subpage_8 .bio li > a.up_down {border:1px solid #13c0c0; line-height: 44px;display: inline-block;color: #555555; padding-left: 45px; width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background: #fff url(/img/subpage/bg_a_up_down.png) 16px 17px no-repeat;} .subpage_8 .bio li > a.up_down_active {border:1px solid #13c0c0; line-height: 44px;display: inline-block;color: #fff; padding-left: 45px; width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background: #2ebfd5 url(/img/subpage/bg_a_up_down.png) 16px -210px no-repeat;} .subpage_8 .bio li > a.reg {border: none; line-height: normal; color: #32679B !important; text-decoration: underline; padding-left: 0px; width: auto; height: auto; background: none;} .subpage_8 .sb_p a {color: #ffc397; width: 162px; height: 42px;background-size: contain;display: inline-block; line-height: 42px; position: relative; text-align: center;} .subpage_8 .sb_p a svg { position: absolute;left:0;top:0;} .subpage_8 .tarb .sb_p {display:none;} .subpage_8 .tarb ul { padding-left: 30px;} .subpage_8 .tarb li { padding-bottom: 20px; } .subpage_8 .tarb .sb_p li { padding-bottom: 20px; font-size: 14px; font-weight: 300; list-style-image: url('/img/bullet2.png'); } ul.hexlist { font-size: 18px; line-height: 1.6; margin: 1.5em 0px 0px 45px; float: left; } #subpage_1 .wrapper ul.hexlist > li { float: none; list-style-image: url('/img/bullet2.png'); list-style-type: disc; padding-right: 35px; padding-bottom: 5px; padding-left:10px; white-space: nowrap; } #subpage_3 .wrapper ul.hexlist > li { float: none; /*list-style-image: url('/img/subpage/hexagon.png');*/ list-style-type: disc; padding-right: 35px; padding-bottom: 5px; white-space: nowrap; } ul.hexlistwide, ul.formwrapper { font-size: 18px; line-height: 1.6; margin: 1.5em 0px 0px 25px; float: left; padding-top: 40px !important; } ul.formwrapper { padding-top: 20px !important; } ul.hexlistwide > li a, ul.formwrapper > li a { color: #768fad; text-decoration: underline;} .form-bg { /*height: 248px;*/ max-width: 800px; width: 100%; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; margin: 0px auto 0; background: url(/img/form-bg.png) top left; padding: 8px 0 30px 8px; } .form-bg .contact-form h2 { text-align: left; font-size: 14px; font-weight: bold; color: #555555; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 0 1px 0 #fff; filter: dropshadow(color=#fff, offx=0, offy=1); line-height: 45px; margin-bottom: 24px; margin-left: 25px; } .form-bg .contact-form p { margin: 0 0 20px !important; padding-right: 15px; width: 31%; float: left; } .form-bg .login-form p { margin: 0 0 20px !important; padding-right: 15px; width: 100%; float: left; } .form-bg .login-form .forgot { margin: 15px 0 0 0; font-size: 15px; } .form-bg .contact-form input[type="text"], textarea, input[type="password"] { width: 91%; height: 45px; padding: 0 10px 0 10px; margin: 0 auto; color: #000000; border: 1px solid #bec2c4; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 16px 'Roboto Slab',serif; max-width: 100%; display: block; background: #fff; } .form-bg .contact-form textarea { height: 150px; width: 99%; padding: 10px 10px 0 10px; } .form-bg .login-form input[type="text"], .form-bg .login-form input[type="password"] { float:left; } ul.formwrapper a.btn { text-decoration: none; color: #2ebfd5; width: 162px; height: 42px; background-size: contain; display: inline-block; line-height: 42px; position: relative; text-align: center; } ul.formwrapper a.btn > svg { position: absolute; left: 0; top: 0; } #subpage_1 ul.formwrapper > li.formshort { width: 35% !important; } #subpage_1 ul.formwrapper li.formshort span { font-weight: 600; font-size: 20px; } #subpage_1 ul.formwrapper > li.formwide { width: 65% !important; } #subpage_1 ul.formwrapper > li.formlogin { width: 400px !important; list-style-type: none; margin: 0 auto; float: none; } #subpage_1 .wrapper ul.hexlistwide > li { float: none; list-style-image: url('/img/bullet2.png'); padding-left:10px; padding-right: 0px; padding-bottom: 45px; width: 100%; } #subpage_1 .wrapper ul.hexlistwide > li span { font-weight: 400; } ul.medwidth { width: 45% !important; padding-left: 5%; margin: 0px !important; } #subpageFandP { padding-top: 10px; background-color: #FFFFFF; margin-top: 310px;} .subnav { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; z-index: 21; background: #6e86a0; right: 0; top: 400px; color: white; } .subnav_ctr { margin: 0 auto; height: 100%; } .inner-wrapper { height: 100% } .subnav_ul { color: #ffffff; height: 100%; } .services_subnav_ul li { padding: 0 8px !important; font-size: 11px; } .subnav_ul li { display: inline-block; padding: 0 20px; margin-top: 10px; vertical-align: middle; position: relative; } .subnav li:after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -4px; height: 10px; width: 1px; background: #ffffff; } .subnav li:last-child::after { display: none; } .subnav_stuck { position: fixed; top: 60px; } .formflds { margin: 0 auto; min-height: 300px; padding: 1px 21px 1px 1px; width: 80%; } .formflds ul { overflow: hidden; padding: 12px 0 10px; margin: 0 0 0 0; } .formflds ul li { list-style: none outside none; margin: 0; height: auto; float: left; min-height: 42px !important; width: 100%; } .formflds ul li span.spanlbl { color: #020100; float: left; font-family: Tahoma,Helvetica,sans-serif; font-size: 12px; font-weight: bold; padding: 10px 12px 0 0; width: 129px; } .formflds ul li strong { color: #222120; float: left; font-family: Tahoma,Helvetica,sans-serif; font-size: 12px; font-weight: normal; width: 50%; margin-left: 10px; } .formflds ul li strong input { border: 2px solid #DDDDDD; margin-bottom: 0px; } .formflds ul li a.save { float:left; text-align:center; background:url(/images/form/read_more_bt.png) 50% 50% no-repeat; color:#020100; width:124px; height:25px; line-height:25px; margin-left:90px; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; } .formflds ul li .save { float:left; text-align:center; width:124px; height:25px; line-height:25px; margin-left:160px; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; } .formflds ul li div.formdesc { clear:both; padding: 5px 0 15px 90px; height: 10px; float:left; } .formflds input[type="text"], .formflds textarea, .formflds input[type="password"] { width: 80%; height: 35px; padding: 0 10px 0 10px; margin: 0 auto; color: #000000; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 16px 'Roboto Slab',serif; max-width: 100%; display: block; background: #fff; } .formflds select { height: 35px; width: 85%; font-size: 16px; border: 2px solid #DDDDDD; padding-left: 7px; } .loginformflds { padding: 1px 21px 1px 1px; } .loginformflds ul { overflow: hidden; padding: 12px 0 10px; margin: 0 0 0 0; } .loginformflds ul li { list-style: none outside none; margin: 0; height: auto; float: none; min-height: 42px !important; } .loginformflds ul li span.spanlbl { color: #020100; float: left; margin-left: 0px; font-family: Tahoma,Helvetica,sans-serif; font-size: 12px; font-weight: bold; padding: 10px 12px 0 0; width: 129px; } .loginformflds ul li strong { color: #222120; float: left; font-family: Tahoma,Helvetica,sans-serif; font-size: 12px; font-weight: normal; } .loginformflds ul li strong input { border: 2px solid #DDDDDD; margin-bottom: 0px; } .loginformflds ul li a.save { float:left; text-align:center; background:url(/images/form/read_more_bt.png) 50% 50% no-repeat; color:#020100; width:124px; height:25px; line-height:25px; margin-left:90px; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; } .loginformflds ul li .save { float:left; text-align:center; width:124px; height:25px; line-height:25px; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; } .loginformflds ul li div.forgot { clear:both; padding: 10px 0 20px 0px; height: 10px; font-size: 12px; } span.fail_entry { color: red; font-size: 14px; font-weight: 300; padding: 10px 10px 10px 55px; } .formflds ul li div.flddesc { display: inline; padding-left: 20px; padding-top: 10px; color: #2ebfd5; float: left; font-size: 14px; } .formflds a { color: #768fad; text-decoration: underline; } .spanPackageMessage { margin-left: 130px; } ol.licterms li { margin-left: 120px; } .leg-btn { border-style: none; border-color: inherit; border-width: medium; display: inline-block; background-color: #768fad; background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); font-family: Ubuntu, sans-serif; font-size: 14px; line-height: 15px; color: #fff !important; text-transform: none; text-decoration: none !important; padding: 13px 22px 14px 22px; text-shadow: none; margin-top: 15px; background-image: linear-gradient(to bottom, #768fad, #768fad); } .leg-btn:hover { background: #6e86a0; color: #ffffff; } .leg-btn-small { padding: 8px 13px 8px 13px; margin-top: 18px; font-weight: normal; } .contact-form a { margin-left: 16px; margin-top: 10px; } .leg-btn-1click-small { width: 60px; height: 15px; margin-top: 0px; box-shadow: none; } .leg-btn-large { padding: 11px 4px 5px 4px; margin-top: 18px; font-weight: normal; } .leg-btn-1click-large { width: 130px; height: 20px; margin-top: 0px; box-shadow: none; text-align: center; } /*********************standard live chat app styles begin*****************/ div.chatboxleftrail { border-right: 1px solid #dddddd; margin-right: 10px; min-height: 500px; padding-right: 0px; text-align: left; } div.chatboxleftrail img.imgball { float: left; padding-top: 17px; padding-right: 7px; padding-left: 41px; width:24px;} div.chatboxleftrail h4.header { float: left; margin-bottom: 10px; margin-top: 20px; border-bottom: 1px solid #dddddd; padding-bottom: 10px; width: 100%;} div.chatbox { position: relative; min-height: 43px; padding: 10px; margin-bottom: 10px; margin-right: 10px; cursor: pointer; border: 1px solid #E3E3E3; background-color: #F6F6F6; border-radius: 4px 4px 4px 4px; text-align: left; } div.chatboxactive { background-color: #FFFFFF; border: 1px solid #E3E3E3; text-align: left; } div.chatboxloading { background: url("/images/loading.gif") no-repeat scroll 50% 50% #FFFFFF; } div.chatboxnotvisible { display: none; } div.chatbox span.user { font-weight: normal; float: left; margin-right: 7px;} div.chatbox span.timerun { float: right; margin-right: 5px; color: #D64411; font-size: 12px; } div.chatuserinfo { margin: 10px; padding: 10px; width: 94%; overflow: auto; } div.chatuserinfo div.chatuserimg { float: left; } div.chatuserinfo div.chatuservars { float: left; margin-left: 15px; text-align: left; max-width: 385px; overflow: hidden; white-space: nowrap;} div.chatuserinfo div.chatuservars a { color: #3278CD; } div.chatuserinfo div.chatuservars h4 { margin-top: 0px; margin-bottom: 10px; } div.divLeftUserInfo { overflow:hidden; width: 215px; height: 20px; } div.divLeftUserInfo a { color: #3278CD; } div.divLeftUserIcons { float: left; height: 23px; } div.divLeftChatVisitorIdInfo { float: left; margin-top: 2px; } div.livechathistorybox { position: relative; height: 215px; margin: 10px 10px 5px 10px; padding: 10px; background-color: white; width: 92%; border-radius: 4px 4px 4px 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; border: 1px solid rgb(204, 204, 204); } div.livechathistorybox div.chatmessagescontainer { position: absolute; bottom: 5px; width: 98%; overflow: auto; height: 225px; } .livechattextbox { width: 92%; margin: 5px 10px 10px 10px; height: 60px; padding: 10px; float: left; } div.activesessionctr { display: block; } div.inactivesessionctr { display: none; } div.inactivesessionctrTemplate { display: none; } div.activerightrailctr { display: block; } div.inactiverightrailctr { display: none; } div.inactiverightrailctrTemplate { display: none; } img.imgUnreadMessages { position:absolute; left: 230px; top: 43px; width: 26px; height: 26px; } span.spanUnreadMessagesCount { box-sizing: border-box; color: #ffffff; display: block; height: 19px; min-width: 10px; opacity: 0.88; position: absolute; right: -6px; text-align: center; top: 49px; white-space: nowrap; width: 18.88px; z-index: 0; align-self: stretch; background: #DA5430 none repeat scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(255, 255, 255); border-radius: 10px 10px 10px 10px; font: 10px/15px 'Open Sans'; list-style: none outside none; outline: #ffffff none 0px; padding: 2px 0px 0px; } div.noChatsMessage { font-size: 34px; font-weight: bold; margin-left: 30px; margin-top: 70px; color: #E7E7E7; line-height: 40px; } div.noVisitorsMessage { font-size: 34px; font-weight: bold; margin-left: 30px; margin-top: 40px; color: #E7E7E7; line-height: 40px; } div.divFilterLoading { margin: 0 auto; width: 100%; text-align: center; } .ui-effects-transfer { border: 2px dotted gray; } #spanNoActiveChatsMessage, #spanNoCompletedChatsMessage { text-align: left; font-style: italic; color: #BFBCBB; margin-left: 5px; } /****Visitor tracking styles start here****/ .visitorHeaderCtr { width: 100%; border-bottom: 1px dashed #dedddd; margin-bottom: 15px; } .visitorHeaderCtrLeft { float:left; } .visitorHeaderCtrRight { float:right; margin-top: 14px; } .filterVisitors { width: 336px; font-style: italic; color: #C2BBBE !important; } .visitor-bottom h2.white { color: #060505; font: bold 18px/30px 'Roboto Slab',serif; padding: 0 0 0px 2px; letter-spacing: 0; } .visitor-bottom-white { padding: 0 0 0 10px; } .visitor-center { background: none; width: auto; margin: 0px 10px 0 0; } .visitor-bottom .top-nav { background: none; margin: 6px 0 5px 0; overflow: hidden; } .visitor-bottom .top-nav ul { margin: 0; padding-left: 10px; } .visitor-bottom .check-box-area ul.bor { height: 50px; margin: 0; border-radius: 4px; width: 98%; padding-left: 10px; } .visitor-bottom .check-box-area ul.bor:hover { background: #f0f0f0; } .visitor-bottom .check-box-area ul.bor a { color: #3278CD; vertical-align: top; } .visitor-bottom .top-nav ul li { float: left; background: none; height: 31px; padding: 0 2px 0 0; } .visitor-bottom .check-box-area { margin: 0 0 0 0; height: auto; overflow: auto; border-left: none; border-right: none; border-bottom: none; } .visitor-bottom .check-box-area ul { overflow: hidden; background: none; border-bottom: none; border-top: none; margin: 0; } .visitor-bottom .check-box-area ul li { float: left; padding: 2px 2px 0 2px; height: 17px; } .visitor-bottom .check-box-area ul li.active { color: #060505; font: normal 12px/20px 'Roboto Slab',serif !important; cursor: default; white-space: nowrap; } .visitor-bottom .top-nav ul li a { font: bold 12px/24px Tahoma; padding: 0 0 0 0px; color: #C2BBBE; display: block; text-transform: uppercase; } .visitor-bottom .top-nav ul li a:hover{background:none;} .visitor-bottom .top-nav ul li a.desc{background:none;} .visitor-bottom .top-nav ul li a.asc{background:none;} .vtrd {width: 95px; overflow: hidden;} .vfst{width:135px;} .vsnd{width:40px;} .vtrdhdr{width:61px; margin-left: 14px;} .vtrd{width:73px; height: 50px !important; margin-top: 5px; text-align: center;} .vtrd span{border-radius:3px;padding:3px;color:white; font-size: 11px;} .vtrd span.new{background-color:#B3D24B;} .vtrd span.return{background-color:#EFBA28;} .vtrd span.exit{background-color:#E1734A;} .vtrd span.idle{background-color:#EFBA28;} .vfrthhdr{width:180px;} .vfrth{width:178px;} .vfrth span {border-radius:3px; padding:2px 4px 2px 4px; color:white; font-size: 10px; vertical-align: top;} .vfrth span.vispopval {color:black; font-size: 11px; vertical-align: top;} .vfrth span.visitorInfo {border-radius: 0; padding: 0; color:#060505; font-size: 12px;} .vfrth span.new {background-color:#B3D24B;} .vfrth span.exit {background-color:#E1734A;} .vfrth span.time {background-color:#BFBCBB;} .vfth{width: 52px; margin-top: 5px; text-align: center;} .vfth span{background-color:#BFBCBB;border-radius:3px;padding:3px;color:white; font-size: 11px;} .vfthhdr{width:59px; text-align: center;} .vsix{width:36px;} .vsixhdr{width:50px;} .varrow{width:26px;} .varrowhdr{width:35px;} .vcat{width:300px;} .vcatshort{width:240px; overflow: hidden; height: 50px !important; white-space: nowrap; display:block; } .vcatshort span.viewing { margin-right: 3px; font-style: italic; color:#BFBCBB; font-size: 11px;} .vcatshort span.referred { margin-right: 2px; font-style: italic; color:#BFBCBB; font-size: 11px;} .vactionshdr{width:177px; margin-left: 15px;} .vactions{width:180px; margin-top: 9px; margin-left: 5px;} .vactions span { font: normal 12px/12px 'Roboto Slab',serif !important; margin-left: 2px; } .vchathdr{width:100px; margin-left: 10px;} .vchat{width:106px; height: 50px !important; margin-top: 5px; text-align: center;} .vchat span{border-radius:3px;padding:3px;color:white; font-size: 11px;} .vchat span.request{background-color:#B3D24B;} .vchat span.chatting{background-color:#EFBA28;} .vchat span.ended{background-color:#E1734A;} .vchat span.none{background-color:#BFBCBB;} div.divVisitorCtr { border-radius: 7px; padding: 8px 6px 5px 5px; width: 180px; height: 75px; cursor: pointer; background-color: #FFFFFF; /*border: 1px solid #E3E3E3;*/ margin-left: 25px; } div.divVisitorCtrInActive { background-color: #F4F4F4 !important; } div.divVisitorCtr a { color: #3278CD; vertical-align: top; } div.divVisitorsCount { font-weight: normal; font-size: 40px; color: black; margin: 0px; float: none; text-align: center; padding-top: 12px; font-family: Tahoma; } #visitorsCountBg { text-align: center; height: 45px; width: 185px; } #visitor__VISITORGUID__ { display:none; } .visitorSprite { background: url('/images/visitorSprite.png') no-repeat top left; width: 20px; height: 16px; display: inline-block; cursor: pointer; margin-top: 3px; } .visitorSprite.android { background-position: 0 0; } .visitorSprite.apple { background-position: -26px 0; } .visitorSprite.chrome { background-position: -52px 0; } .visitorSprite.elipses { background-position: -78px 0; } .visitorSprite.firefox { background-position: -104px 0; } .visitorSprite.ie { background-position: -131px 0; } .visitorSprite.ios { background-position: -157px 0; } .visitorSprite.linux { background-position: -183px 0; } .visitorSprite.more { background-position: -209px 0; } .visitorSprite.opera { background-position: -235px 0; } .visitorSprite.safari { background-position: -261px 0; } .visitorSprite.windows { background-position: -287px 0; } .flag { width: 16px;height: 11px;background:url(/images/flagsSprite.png) no-repeat;float: left;margin-top: 5px;margin-right: 4px;cursor: pointer; } .flag.flag-ad {background-position: -16px 0} .flag.flag-ae {background-position: -32px 0} .flag.flag-af {background-position: -48px 0} .flag.flag-ag {background-position: -64px 0} .flag.flag-ai {background-position: -80px 0} .flag.flag-al {background-position: -96px 0} .flag.flag-am {background-position: -112px 0} .flag.flag-an {background-position: -128px 0} .flag.flag-ao {background-position: -144px 0} .flag.flag-ar {background-position: -160px 0} .flag.flag-as {background-position: -176px 0} .flag.flag-at {background-position: -192px 0} .flag.flag-au {background-position: -208px 0} .flag.flag-aw {background-position: -224px 0} .flag.flag-az {background-position: -240px 0} .flag.flag-ba {background-position: 0 -11px} .flag.flag-bb {background-position: -16px -11px} .flag.flag-bd {background-position: -32px -11px} .flag.flag-be {background-position: -48px -11px} .flag.flag-bf {background-position: -64px -11px} .flag.flag-bg {background-position: -80px -11px} .flag.flag-bh {background-position: -96px -11px} .flag.flag-bi {background-position: -112px -11px} .flag.flag-bj {background-position: -128px -11px} .flag.flag-bm {background-position: -144px -11px} .flag.flag-bn {background-position: -160px -11px} .flag.flag-bo {background-position: -176px -11px} .flag.flag-br {background-position: -192px -11px} .flag.flag-bs {background-position: -208px -11px} .flag.flag-bt {background-position: -224px -11px} .flag.flag-bv {background-position: -240px -11px} .flag.flag-bw {background-position: 0 -22px} .flag.flag-by {background-position: -16px -22px} .flag.flag-bz {background-position: -32px -22px} .flag.flag-ca {background-position: -48px -22px} .flag.flag-catalonia {background-position: -64px -22px} .flag.flag-cd {background-position: -80px -22px} .flag.flag-cf {background-position: -96px -22px} .flag.flag-cg {background-position: -112px -22px} .flag.flag-ch {background-position: -128px -22px} .flag.flag-ci {background-position: -144px -22px} .flag.flag-ck {background-position: -160px -22px} .flag.flag-cl {background-position: -176px -22px} .flag.flag-cm {background-position: -192px -22px} .flag.flag-cn {background-position: -208px -22px} .flag.flag-co {background-position: -224px -22px} .flag.flag-cr {background-position: -240px -22px} .flag.flag-cu {background-position: 0 -33px} .flag.flag-cv {background-position: -16px -33px} .flag.flag-cw {background-position: -32px -33px} .flag.flag-cy {background-position: -48px -33px} .flag.flag-cz {background-position: -64px -33px} .flag.flag-de {background-position: -80px -33px} .flag.flag-dj {background-position: -96px -33px} .flag.flag-dk {background-position: -112px -33px} .flag.flag-dm {background-position: -128px -33px} .flag.flag-do {background-position: -144px -33px} .flag.flag-dz {background-position: -160px -33px} .flag.flag-ec {background-position: -176px -33px} .flag.flag-ee {background-position: -192px -33px} .flag.flag-eg {background-position: -208px -33px} .flag.flag-eh {background-position: -224px -33px} .flag.flag-england {background-position: -240px -33px} .flag.flag-er {background-position: 0 -44px} .flag.flag-es {background-position: -16px -44px} .flag.flag-et {background-position: -32px -44px} .flag.flag-eu {background-position: -48px -44px} .flag.flag-fi {background-position: -64px -44px} .flag.flag-fj {background-position: -80px -44px} .flag.flag-fk {background-position: -96px -44px} .flag.flag-fm {background-position: -112px -44px} .flag.flag-fo {background-position: -128px -44px} .flag.flag-fr {background-position: -144px -44px} .flag.flag-ga {background-position: -160px -44px} .flag.flag-gb {background-position: -176px -44px} .flag.flag-gd {background-position: -192px -44px} .flag.flag-ge {background-position: -208px -44px} .flag.flag-gf {background-position: -224px -44px} .flag.flag-gg {background-position: -240px -44px} .flag.flag-gh {background-position: 0 -55px} .flag.flag-gi {background-position: -16px -55px} .flag.flag-gl {background-position: -32px -55px} .flag.flag-gm {background-position: -48px -55px} .flag.flag-gn {background-position: -64px -55px} .flag.flag-gp {background-position: -80px -55px} .flag.flag-gq {background-position: -96px -55px} .flag.flag-gr {background-position: -112px -55px} .flag.flag-gs {background-position: -128px -55px} .flag.flag-gt {background-position: -144px -55px} .flag.flag-gu {background-position: -160px -55px} .flag.flag-gw {background-position: -176px -55px} .flag.flag-gy {background-position: -192px -55px} .flag.flag-hk {background-position: -208px -55px} .flag.flag-hm {background-position: -224px -55px} .flag.flag-hn {background-position: -240px -55px} .flag.flag-hr {background-position: 0 -66px} .flag.flag-ht {background-position: -16px -66px} .flag.flag-hu {background-position: -32px -66px} .flag.flag-ic {background-position: -48px -66px} .flag.flag-id {background-position: -64px -66px} .flag.flag-ie {background-position: -80px -66px} .flag.flag-il {background-position: -96px -66px} .flag.flag-im {background-position: -112px -66px} .flag.flag-in {background-position: -128px -66px} .flag.flag-io {background-position: -144px -66px} .flag.flag-iq {background-position: -160px -66px} .flag.flag-ir {background-position: -176px -66px} .flag.flag-is {background-position: -192px -66px} .flag.flag-it {background-position: -208px -66px} .flag.flag-je {background-position: -224px -66px} .flag.flag-jm {background-position: -240px -66px} .flag.flag-jo {background-position: 0 -77px} .flag.flag-jp {background-position: -16px -77px} .flag.flag-ke {background-position: -32px -77px} .flag.flag-kg {background-position: -48px -77px} .flag.flag-kh {background-position: -64px -77px} .flag.flag-ki {background-position: -80px -77px} .flag.flag-km {background-position: -96px -77px} .flag.flag-kn {background-position: -112px -77px} .flag.flag-kp {background-position: -128px -77px} .flag.flag-kr {background-position: -144px -77px} .flag.flag-kurdistan {background-position: -160px -77px} .flag.flag-kw {background-position: -176px -77px} .flag.flag-ky {background-position: -192px -77px} .flag.flag-kz {background-position: -208px -77px} .flag.flag-la {background-position: -224px -77px} .flag.flag-lb {background-position: -240px -77px} .flag.flag-lc {background-position: 0 -88px} .flag.flag-li {background-position: -16px -88px} .flag.flag-lk {background-position: -32px -88px} .flag.flag-lr {background-position: -48px -88px} .flag.flag-ls {background-position: -64px -88px} .flag.flag-lt {background-position: -80px -88px} .flag.flag-lu {background-position: -96px -88px} .flag.flag-lv {background-position: -112px -88px} .flag.flag-ly {background-position: -128px -88px} .flag.flag-ma {background-position: -144px -88px} .flag.flag-mc {background-position: -160px -88px} .flag.flag-md {background-position: -176px -88px} .flag.flag-me {background-position: -192px -88px} .flag.flag-mg {background-position: -208px -88px} .flag.flag-mh {background-position: -224px -88px} .flag.flag-mk {background-position: -240px -88px} .flag.flag-ml {background-position: 0 -99px} .flag.flag-mm {background-position: -16px -99px} .flag.flag-mn {background-position: -32px -99px} .flag.flag-mo {background-position: -48px -99px} .flag.flag-mp {background-position: -64px -99px} .flag.flag-mq {background-position: -80px -99px} .flag.flag-mr {background-position: -96px -99px} .flag.flag-ms {background-position: -112px -99px} .flag.flag-mt {background-position: -128px -99px} .flag.flag-mu {background-position: -144px -99px} .flag.flag-mv {background-position: -160px -99px} .flag.flag-mw {background-position: -176px -99px} .flag.flag-mx {background-position: -192px -99px} .flag.flag-my {background-position: -208px -99px} .flag.flag-mz {background-position: -224px -99px} .flag.flag-na {background-position: -240px -99px} .flag.flag-nc {background-position: 0 -110px} .flag.flag-ne {background-position: -16px -110px} .flag.flag-nf {background-position: -32px -110px} .flag.flag-ng {background-position: -48px -110px} .flag.flag-ni {background-position: -64px -110px} .flag.flag-nl {background-position: -80px -110px} .flag.flag-no {background-position: -96px -110px} .flag.flag-np {background-position: -112px -110px} .flag.flag-nr {background-position: -128px -110px} .flag.flag-nu {background-position: -144px -110px} .flag.flag-nz {background-position: -160px -110px} .flag.flag-om {background-position: -176px -110px} .flag.flag-pa {background-position: -192px -110px} .flag.flag-pe {background-position: -208px -110px} .flag.flag-pf {background-position: -224px -110px} .flag.flag-pg {background-position: -240px -110px} .flag.flag-ph {background-position: 0 -121px} .flag.flag-pk {background-position: -16px -121px} .flag.flag-pl {background-position: -32px -121px} .flag.flag-pm {background-position: -48px -121px} .flag.flag-pn {background-position: -64px -121px} .flag.flag-pr {background-position: -80px -121px} .flag.flag-ps {background-position: -96px -121px} .flag.flag-pt {background-position: -112px -121px} .flag.flag-pw {background-position: -128px -121px} .flag.flag-py {background-position: -144px -121px} .flag.flag-qa {background-position: -160px -121px} .flag.flag-re {background-position: -176px -121px} .flag.flag-ro {background-position: -192px -121px} .flag.flag-rs {background-position: -208px -121px} .flag.flag-ru {background-position: -224px -121px} .flag.flag-rw {background-position: -240px -121px} .flag.flag-sa {background-position: 0 -132px} .flag.flag-sb {background-position: -16px -132px} .flag.flag-sc {background-position: -32px -132px} .flag.flag-scotland {background-position: -48px -132px} .flag.flag-sd {background-position: -64px -132px} .flag.flag-se {background-position: -80px -132px} .flag.flag-sg {background-position: -96px -132px} .flag.flag-sh {background-position: -112px -132px} .flag.flag-si {background-position: -128px -132px} .flag.flag-sk {background-position: -144px -132px} .flag.flag-sl {background-position: -160px -132px} .flag.flag-sm {background-position: -176px -132px} .flag.flag-sn {background-position: -192px -132px} .flag.flag-so {background-position: -208px -132px} .flag.flag-somaliland {background-position: -224px -132px} .flag.flag-sr {background-position: -240px -132px} .flag.flag-ss {background-position: 0 -143px} .flag.flag-st {background-position: -16px -143px} .flag.flag-sv {background-position: -32px -143px} .flag.flag-sx {background-position: -48px -143px} .flag.flag-sy {background-position: -64px -143px} .flag.flag-sz {background-position: -80px -143px} .flag.flag-tc {background-position: -96px -143px} .flag.flag-td {background-position: -112px -143px} .flag.flag-tf {background-position: -128px -143px} .flag.flag-tg {background-position: -144px -143px} .flag.flag-th {background-position: -160px -143px} .flag.flag-tibet {background-position: -176px -143px} .flag.flag-tj {background-position: -192px -143px} .flag.flag-tk {background-position: -208px -143px} .flag.flag-tl {background-position: -224px -143px} .flag.flag-tm {background-position: -240px -143px} .flag.flag-tn {background-position: 0 -154px} .flag.flag-to {background-position: -16px -154px} .flag.flag-tr {background-position: -32px -154px} .flag.flag-tt {background-position: -48px -154px} .flag.flag-tv {background-position: -64px -154px} .flag.flag-tw {background-position: -80px -154px} .flag.flag-tz {background-position: -96px -154px} .flag.flag-ua {background-position: -112px -154px} .flag.flag-ug {background-position: -128px -154px} .flag.flag-um {background-position: -144px -154px} .flag.flag-us {background-position: -160px -154px} .flag.flag-uy {background-position: -176px -154px} .flag.flag-uz {background-position: -192px -154px} .flag.flag-va {background-position: -208px -154px} .flag.flag-vc {background-position: -224px -154px} .flag.flag-ve {background-position: -240px -154px} .flag.flag-vg {background-position: 0 -165px} .flag.flag-vi {background-position: -16px -165px} .flag.flag-vn {background-position: -32px -165px} .flag.flag-vu {background-position: -48px -165px} .flag.flag-wales {background-position: -64px -165px} .flag.flag-wf {background-position: -80px -165px} .flag.flag-ws {background-position: -96px -165px} .flag.flag-xk {background-position: -112px -165px} .flag.flag-ye {background-position: -128px -165px} .flag.flag-yt {background-position: -144px -165px} .flag.flag-za {background-position: -160px -165px} .flag.flag-zanzibar {background-position: -176px -165px} .flag.flag-zm {background-position: -192px -165px} .flag.flag-zw {background-position: -208px -165px} /*.lcspan7 {border-right:none !important; width:75%;}*/ /* .lcspan2 {display:none;} img.imgUnreadMessages { position: absolute; left: 239px; top: 133px; width: 100px; height: 100px; } #divNoChatsMessage { display: none !important; } .ctrsound { display: none !important; } */ /****Visitor tracking styles end here****/ /****Right-rail styles start here****/ .genheading {font-size: 16px; margin-top: 20px !important; margin-left: 0px !important; margin-bottom: 10px;border-bottom: 1px solid #dddddd; padding-bottom: 10px;} .advheading {font-size: 16px; margin-top: 25px !important; margin-left: 0px !important; margin-bottom: 10px;border-bottom: 1px solid #dddddd; padding-bottom: 10px;} .rrindent {margin-left: 5px; font-size: 11px;} .rrindent a {color: #3278CD;} .rrlbl {width: 80px;float: left;font-style: italic; color: #BFBCBB;} /****Right-rail styles end here****/ /* Switchery defaults. */ .switchery { background-color: #fff; border: 1px solid #dfdfdf; border-radius: 20px; cursor: pointer; display: inline-block; height: 30px; position: relative; vertical-align: bottom; width: 50px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-background-clip: content-box; background-clip: content-box; } .switchery > small { background: #fff; border-radius: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); height: 30px; position: absolute; top: 0; width: 30px; } /* Switchery sizes. */ .switchery-small { border-radius: 20px; height: 20px; width: 33px; } .switchery-small > small { height: 20px; width: 20px; } .switchery-large { border-radius: 40px; height: 40px; width: 66px; } .switchery-large > small { height: 40px; width: 40px; } .review-popup-inner { box-sizing: border-box; color: rgb(60, 118, 61); min-height: 96px; width: 664.5px; perspective-origin: 332.25px 48px; transform-origin: 332.25px 48px; background: rgb(223, 240, 216) none repeat scroll 0% 0% / auto padding-box border-box; border: 1px solid rgb(214, 233, 198); font: 14px/21px 'Open Sans'; margin: 0px 0px 20px; outline: rgb(60, 118, 61) none 0px; padding: 15px; } #review-popup-link, .popxbtn { background-position: 0px 0px; cursor: pointer; display: block; float: right; height: 17px; opacity: 0.200000002980232; text-shadow: rgb(255, 255, 255) 0px 1px 0px; width: 12.578125px; z-index: 0; perspective-origin: 6.28125px 8.5px; transform-origin: 6.28125px 8.5px; background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box; border: 0px none rgb(0, 0, 0); font: normal normal bold normal 16px/16px 'Open Sans'; padding: 0px; } .review-ask { box-sizing: border-box; color: rgb(60, 118, 61); height: 21px; width: 632.5px; perspective-origin: 316.25px 10.5px; transform-origin: 316.25px 10.5px; border: 0px none rgb(60, 118, 61); font: 14px/21px 'Open Sans'; margin: 0px; outline: rgb(60, 118, 61) none 0px; } .review-ask-str { box-sizing: border-box; color: rgb(60, 118, 61); border: 0px none rgb(60, 118, 61); font: 14px/21px 'Open Sans'; outline: rgb(60, 118, 61) none 0px; font-weight: 700; } .review-comment { margin-top: 20px; width: 450px; height: 70px; border: 1px solid #87b87f; font-size: 14px; } .review-buttons { box-sizing: border-box; color: rgb(60, 118, 61); height: 33px; width: 632.5px; perspective-origin: 316.25px 16.5px; transform-origin: 316.25px 16.5px; border: 0px none rgb(60, 118, 61); font: 14px/21px 'Open Sans'; margin: 15px 0px 0px; outline: rgb(60, 118, 61) none 0px; } .review-green { color: rgb(255, 255, 255); cursor: pointer; height: 33px; position: relative; text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px; touch-action: manipulation; vertical-align: middle; white-space: nowrap; min-width: 71.375px; perspective-origin: 35.6875px 16.5px; transform-origin: 35.6875px 16.5px; background: rgb(135, 184, 127) none repeat scroll 0% 0% / auto padding-box border-box; border: 4px solid rgb(135, 184, 127); font: 13px/17.9400005340576px 'Open Sans'; outline: rgb(255, 255, 255) none 0px; padding: 4px 9px; transition: background-color 0.15s ease 0s, border-color 0.15s ease 0s, opacity 0.15s ease 0s; } .review-grey { color: rgb(255, 255, 255); cursor: pointer; height: 33px; position: relative; text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px; touch-action: manipulation; vertical-align: middle; white-space: nowrap; min-width: 71.375px; perspective-origin: 49.125px 16.5px; transform-origin: 49.125px 16.5px; background: rgb(171, 186, 195) none repeat scroll 0% 0% / auto padding-box border-box; border: 4px solid rgb(171, 186, 195); font: 13px/17.9400005340576px 'Open Sans'; outline: rgb(255, 255, 255) none 0px; padding: 4px 9px; transition: background-color 0.15s ease 0s, border-color 0.15s ease 0s, opacity 0.15s ease 0s; margin-left: 10px; } .notifySettingsCtr { box-sizing: border-box; color: rgb(57, 57, 57); position: absolute; right: 0px; width: 305px; z-index: 12; align-self: stretch; perspective-origin: 21px 19.5px; transform-origin: 21px 19.5px; border: 0px none rgb(57, 57, 57); font: 13px/19.5px 'Open Sans'; outline: rgb(57, 57, 57) none 0px; } .notifySettingsIconCtr { box-sizing: border-box; color: rgb(255, 255, 255); cursor: pointer; float: right; height: 36px; opacity: 1; position: relative; text-align: center; text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px; touch-action: manipulation; vertical-align: top; white-space: nowrap; width: 42px; z-index: 0; perspective-origin: 21px 19.5px; transform-origin: 21px 19.5px; background: rgb(179, 210, 75) linear-gradient(rgb(179, 210, 75) 0px, rgb(179, 210, 75) 100%) repeat-x scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(255, 255, 255); border-radius: 6px 0 0 6px; font: 15px/21.75px 'Open Sans'; outline: rgb(255, 255, 255) none 0px; padding: 8px 0px 7px; transition: background-color 0.15s ease 0s, border-color 0.15s ease 0s, opacity 0.15s ease 0s; } .addUserIconCtr { box-sizing: border-box; color: rgb(255, 255, 255); cursor: pointer; float: right; top: 36px; height: 36px; opacity: 1; position: relative; text-align: center; text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px; touch-action: manipulation; vertical-align: top; white-space: nowrap; width: 42px; z-index: 0; perspective-origin: 21px 19.5px; transform-origin: 21px 19.5px; background: rgb(79, 153, 198) linear-gradient(rgb(79, 153, 198) 0px, rgb(79, 153, 198) 100%) repeat-x scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(255, 255, 255); border-radius: 6px 0 0 6px; font: 15px/21.75px 'Open Sans'; outline: rgb(255, 255, 255) none 0px; padding: 8px 0px 7px; transition: background-color 0.15s ease 0s, border-color 0.15s ease 0s, opacity 0.15s ease 0s; } .chkNotifySettingCtr { box-sizing: border-box; color: rgb(68, 68, 68); height: 20px; max-height: 24px; min-width: 140px; position: relative; white-space: nowrap;width: 140px; perspective-origin: 70px 10px; transform-origin: 70px 10px; border: 0px none rgb(68, 68, 68); font: 13px/19.5px 'Open Sans'; margin: 6px 0px; outline: rgb(68, 68, 68) none 0px; } .chkNotifySetting { color: rgb(68, 68, 68); cursor: pointer; display: block; height: 16px; position: absolute; white-space: nowrap; width: 16px !important; z-index: 1; align-self: stretch; perspective-origin: 9px 9px; transform-origin: 9px 9px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(68, 68, 68); font: 13px/normal 'Open Sans'; margin: 4px 0px 0px; outline: rgb(68, 68, 68) none 0px; padding: 0px; } .chkNotifySettingLbl { box-sizing: border-box; color: rgb(68, 68, 68); cursor: pointer; display: inline-block; height: 20px; min-height: 18px; min-width: 18px; position: relative; white-space: nowrap; width: 99.875px; perspective-origin: 49.9375px 10px; transform-origin: 49.9375px 10px; border: 0px none rgb(68, 68, 68); font: 13px/20px 'Open Sans'; outline: rgb(68, 68, 68) none 0px; margin-left: 22px; margin-top: 1px; } .notifySettings { display: none; box-sizing: border-box; color: rgb(77, 104, 131); max-width: 260px; position: absolute; text-align: left; width: 260px; z-index: 1060; align-self: stretch; perspective-origin: 138px 46px; transform-origin: 138px 46px; background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box padding-box; border: 1px solid rgb(179, 210, 75); font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0px 0px 0px; outline: rgb(77, 104, 131) none 0px; transition: opacity 0.15s linear 0s; white-space: normal; } .notifySettingsHeading { background: rgb(179, 210, 75); box-sizing: border-box; color: #ffffff; height: 35px; text-align: left; width: 258px; perspective-origin: 137px 16px; transform-origin: 137px 16px; border-top: 0px none rgb(63, 121, 182); /*border-right: 0px none rgb(63, 121, 182); border-bottom: 1px solid rgb(209, 223, 243);*/ border-left: 0px none rgb(63, 121, 182); font: 14px/15.3999996185303px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0px; outline: rgb(63, 121, 182) none 0px; padding: 8px 14px; } .notifySettingsContent { box-sizing: border-box; color: rgb(77, 104, 131); text-align: left; width: 259px; perspective-origin: 137px 29px; transform-origin: 137px 29px; border: 0px none rgb(77, 104, 131); font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; outline: rgb(77, 104, 131) none 0px; padding: 9px 12px; } .visMoreInfo { display: none; box-sizing: border-box; color: rgb(77, 104, 131); max-width: 292px; position: absolute; text-align: left; width: 292px; z-index: 1000; align-self: stretch; perspective-origin: 138px 46px; transform-origin: 138px 46px; background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box padding-box; border: 1px solid #dddddd; font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 11px 0px 0px; outline: rgb(77, 104, 131) none 0px; transition: opacity 0.15s linear 0s; white-space: normal; } .visMoreInfoArrow { box-sizing: border-box; color: rgb(77, 104, 131); height: 11px; left: 67px;position: absolute;text-align: left;top: -11px;width: 22px;align-self: stretch;perspective-origin: 11px 5.5px;transform-origin: 11px 5.5px;border-top: 0px solid rgba(0, 0, 0, 0);border-right: 11px solid rgba(0, 0, 0, 0);border-bottom: 11px solid #dddddd;border-left: 11px solid rgba(0, 0, 0, 0);font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;margin: 0px 0px 0px -11px;outline: rgb(77, 104, 131) none 0px; } .visMoreInfoArrow:after { box-sizing: border-box;color: rgb(77, 104, 131);display: block;height: 10px;position: absolute;text-align: left;top: 1px;width: 20px;align-self: stretch;perspective-origin: 10px 5px;transform-origin: 10px 5px;content: ' ';border-top: 0px solid rgba(0, 0, 0, 0);border-right: 10px solid rgba(0, 0, 0, 0);border-bottom: 10px solid #eeeeee;border-left: 10px solid rgba(0, 0, 0, 0);font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;margin: 0px 0px 0px -10px;outline: rgb(77, 104, 131) none 0px; } .visMoreInfoHeading { background: #eeeeee; box-sizing: border-box; color: rgb(63, 121, 182); height: 32px; text-align: left; width: 290px; perspective-origin: 137px 16px; transform-origin: 137px 16px; border-top: 0px none rgb(63, 121, 182); border-right: 0px none rgb(63, 121, 182); border-bottom: 1px solid rgb(209, 223, 243); border-left: 0px none rgb(63, 121, 182); font: 14px/15.3999996185303px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0px; outline: rgb(63, 121, 182) none 0px; padding: 8px 14px; } .visMoreInfoContent { box-sizing: border-box; color: rgb(77, 104, 131); text-align: left; width: 290px; perspective-origin: 137px 29px; transform-origin: 137px 29px; border: 0px none rgb(77, 104, 131); font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; outline: rgb(77, 104, 131) none 0px; padding: 9px 12px; } .pgviewedicon { font-size: 125% !important; color: #EFBA28; margin-left: 2px; cursor: pointer; } .visPages { display: none; box-sizing: border-box; color: rgb(77, 104, 131); max-width: 312px; position: absolute; text-align: left; width: 312px; z-index: 1000; align-self: stretch; perspective-origin: 138px 46px; transform-origin: 138px 46px; background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box padding-box; border: 1px solid #dddddd; font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 7px 0px 0px; outline: rgb(77, 104, 131) none 0px; transition: opacity 0.15s linear 0s; white-space: normal; } .visPagesArrow { display: none; box-sizing: border-box; color: rgb(77, 104, 131); height: 11px; left: 225px;position: absolute;text-align: left;top: -11px;width: 22px;align-self: stretch;perspective-origin: 11px 5.5px;transform-origin: 11px 5.5px;border-top: 0px solid rgba(0, 0, 0, 0);border-right: 11px solid rgba(0, 0, 0, 0);border-bottom: 11px solid #dddddd;border-left: 11px solid rgba(0, 0, 0, 0);font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;margin: 0px 0px 0px -11px;outline: rgb(77, 104, 131) none 0px; } .visPagesArrow:after { box-sizing: border-box;color: rgb(77, 104, 131);display: block;height: 10px;position: absolute;text-align: left;top: 1px;width: 20px;align-self: stretch;perspective-origin: 10px 5px;transform-origin: 10px 5px;content: ' ';border-top: 0px solid rgba(0, 0, 0, 0);border-right: 10px solid rgba(0, 0, 0, 0);border-bottom: 10px solid #eeeeee;border-left: 10px solid rgba(0, 0, 0, 0);font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;margin: 0px 0px 0px -10px;outline: rgb(77, 104, 131) none 0px; } .visPagesHeading { background: #eeeeee; box-sizing: border-box; color: rgb(63, 121, 182); height: 32px; text-align: left; width: 310px; perspective-origin: 137px 16px; transform-origin: 137px 16px; border-top: 0px none rgb(63, 121, 182); border-right: 0px none rgb(63, 121, 182); border-bottom: 1px solid rgb(209, 223, 243); border-left: 0px none rgb(63, 121, 182); font: 14px/15.3999996185303px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0px; outline: rgb(63, 121, 182) none 0px; padding: 8px 14px; } .visPagesContent { box-sizing: border-box; color: rgb(77, 104, 131); text-align: left; width: 310px; overflow: auto; height: 165px; perspective-origin: 137px 29px; transform-origin: 137px 29px; border: 0px none rgb(77, 104, 131); font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; outline: rgb(77, 104, 131) none 0px; padding: 9px 12px; } .visChatPages { display: none; box-sizing: border-box; color: rgb(77, 104, 131); max-width: 312px; position: absolute; text-align: left; width: 312px; z-index: 1000; align-self: stretch; perspective-origin: 138px 46px; transform-origin: 138px 46px; background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box padding-box; border: 1px solid #dddddd; font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 6px 0px 0px -46px; outline: rgb(77, 104, 131) none 0px; transition: opacity 0.15s linear 0s; white-space: normal; } .visChatPagesArrow { display: none; box-sizing: border-box; color: rgb(77, 104, 131); height: 11px; left: 294px;position: absolute;text-align: left;top: -11px;width: 22px;align-self: stretch;perspective-origin: 11px 5.5px;transform-origin: 11px 5.5px;border-top: 0px solid rgba(0, 0, 0, 0);border-right: 11px solid rgba(0, 0, 0, 0);border-bottom: 11px solid #dddddd;border-left: 11px solid rgba(0, 0, 0, 0);font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;margin: 0px 0px 0px -11px;outline: rgb(77, 104, 131) none 0px; } .visChatPagesArrow:after { box-sizing: border-box;color: rgb(77, 104, 131);display: block;height: 10px;position: absolute;text-align: left;top: 1px;width: 20px;align-self: stretch;perspective-origin: 10px 5px;transform-origin: 10px 5px;content: ' ';border-top: 0px solid rgba(0, 0, 0, 0);border-right: 10px solid rgba(0, 0, 0, 0);border-bottom: 10px solid #eeeeee;border-left: 10px solid rgba(0, 0, 0, 0);font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;margin: 0px 0px 0px -10px;outline: rgb(77, 104, 131) none 0px; } .visChatPagesHeading { background: #eeeeee; box-sizing: border-box; color: rgb(63, 121, 182); height: 32px; text-align: left; width: 310px; perspective-origin: 137px 16px; transform-origin: 137px 16px; border-top: 0px none rgb(63, 121, 182); border-right: 0px none rgb(63, 121, 182); border-bottom: 1px solid rgb(209, 223, 243); border-left: 0px none rgb(63, 121, 182); font: 14px/15.3999996185303px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0px; outline: rgb(63, 121, 182) none 0px; padding: 8px 14px; } .visChatPagesContent { box-sizing: border-box; color: rgb(77, 104, 131); text-align: left; width: 310px; overflow: auto; height: 165px; perspective-origin: 137px 29px; transform-origin: 137px 29px; border: 0px none rgb(77, 104, 131); font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; outline: rgb(77, 104, 131) none 0px; padding: 9px 12px; } .visChatPagesLinks span.viewing { margin-right: 3px; font-style: italic; color:#BFBCBB; font-size: 11px;} .chatIncomingCtr { box-sizing: border-box; color: rgb(57, 57, 57); perspective-origin: 332.25px 23px; transform-origin: 332.25px 23px; border: 0px none rgb(57, 57, 57); font: 13px/19.5px 'Open Sans'; margin: 0px 0px 10px; outline: rgb(57, 57, 57) none 0px; text-align: center; width: 95%; } .btnAccDec { cursor: pointer; height: 40px; position: relative; text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px; touch-action: manipulation; vertical-align: middle; white-space: nowrap; width: 100px; perspective-origin: 63px 23px; transform-origin: 63px 23px; font: 16px/20px 'Open Sans'; outline: rgb(255, 255, 255) none 0px; padding: 0px 0px 2px; transition: background-color 0.15s ease 0s, border-color 0.15s ease 0s, opacity 0.15s ease 0s; } .btnAcceptChat { color: rgb(255, 255, 255); background: #9abc32 none repeat scroll 0% 0% / auto padding-box border-box; border: 5px solid #9abc32; } .btnDeclineChat { color: rgb(255, 255, 255); background: #DA5430 none repeat scroll 0% 0% / auto padding-box border-box; border: 5px solid #DA5430; margin-left: 15px; } .btnAccDecDisabled { background: #aaaaaa none repeat scroll 0% 0% / auto padding-box border-box; border: 5px solid #aaaaaa; } .chatIncomingMsg { box-sizing: border-box; color: #000000;height: 21px;width: 100%; perspective-origin: 319.25px 10.5px; transform-origin: 319.25px 10.5px; border: 0px none rgb(255, 137, 42); font: 14.3000001907349px/21.4500007629395px 'Open Sans'; list-style: none outside none; margin: 0px 0px 15px 0px; outline: rgb(255, 137, 42) none 0px; } .msgOuter { box-sizing:border-box;color:rgb(103,106,108);width:94%;border:0px none rgb(103,106,108);font: 13px/18px 'open sans','Helvetica Neue',Helvetica,Arial,sans-serif;outline:rgb(103,106,108) none 0px; margin:0px 10px 0px 10px; } .msgInner { background-position: 15px 50%;box-shadow: rgb(153, 153, 153) 0px 0px 3px 0px;box-sizing: border-box;color: rgb(255, 255, 255);opacity: 0.90;position: relative;width: 100%;z-index: 0;background: #f76447 none no-repeat scroll 15px 50% / auto padding-box border-box;border: 0px none rgb(255, 255, 255);border-radius: 3px 3px 3px 3px;font: 13px/18.5px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;margin: 0px 0px 6px;outline: rgb(255, 255, 255) none 0px;overflow: hidden;padding: 8px 15px 8px 10px;} .msgBottom { bottom: 0px;box-sizing: border-box;color: rgb(255, 255, 255);height: 4px;left: 0px;opacity: 0.400000005960465;position: absolute;width: 100%;z-index: 0;align-self: stretch;background: rgb(0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;border: 0px none rgb(255, 255, 255);font: 13px/18px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;outline: rgb(255, 255, 255) none 0px;} .msgClose { background-position: 0px 0px;color: rgb(255, 255, 255);cursor: pointer;display: block;float: right;height: 28px;opacity: 0.800000011920929;position: relative;right: -20px;text-shadow: rgb(255, 255, 255) 0px 1px 0px;top: -10px;width: 35px;z-index: 0;background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;border: 0px none rgb(255, 255, 255);font: bold 20px/28.5714302062988px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;outline: rgb(255, 255, 255) none 0px;padding: 0px;} .msgText { float: right;width: 85%;box-sizing: border-box;color: rgb(255, 255, 255);overflow-wrap: break-word;word-wrap: break-word;border: 0px none rgb(255, 255, 255);font: 14px/20px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;outline: rgb(255, 255, 255) none 0px;} .transferOuter { box-sizing:border-box;color:rgb(103,106,108);width:96%;border:0px none rgb(103,106,108);font: 13px/18px 'open sans','Helvetica Neue',Helvetica,Arial,sans-serif;outline:rgb(103,106,108) none 0px; margin:0px 10px 0px 10px;float:left; } .transferInner { background-position: 15px 50%;box-shadow: rgb(153, 153, 153) 0px 0px 3px 0px;box-sizing: border-box;color: rgb(255, 255, 255);opacity: 0.90;position: relative;width: 100%;z-index: 0;background: rgb(79, 153, 198) none no-repeat scroll 15px 50% / auto padding-box border-box;border: 0px none rgb(255, 255, 255);border-radius: 3px 3px 3px 3px;font: 13px/18.5px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;margin: 0px 0px 6px;outline: rgb(255, 255, 255) none 0px;overflow: hidden;padding: 8px 15px 8px 10px;} .transferBottom { bottom: 0px;box-sizing: border-box;color: rgb(255, 255, 255);height: 4px;left: 0px;opacity: 0.400000005960465;position: absolute;width: 100%;z-index: 0;align-self: stretch;background: rgb(0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;border: 0px none rgb(255, 255, 255);font: 13px/18px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;outline: rgb(255, 255, 255) none 0px;} .transferClose { background-position: 0px 0px;color: rgb(255, 255, 255);cursor: pointer;display: block;float: right;height: 28px;opacity: 0.800000011920929;position: relative;right: -20px;text-shadow: rgb(255, 255, 255) 0px 1px 0px;top: -10px;width: 35px;z-index: 0;background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;border: 0px none rgb(255, 255, 255);font: bold 20px/28.5714302062988px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;outline: rgb(255, 255, 255) none 0px;padding: 0px;} .transferText { float: right;width: 85%;box-sizing: border-box;color: rgb(255, 255, 255);overflow-wrap: break-word;word-wrap: break-word;border: 0px none rgb(255, 255, 255);font: 13px/18px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;outline: rgb(255, 255, 255) none 0px;} .transferFlyOuter { box-sizing: border-box;color: rgb(57, 57, 57);float:right;margin-right: 18px;height: 29px;position: relative;vertical-align: middle;width: 82px;border: 0px none rgb(57, 57, 57);font: 13px/19.5px 'Open Sans';outline: rgb(57, 57, 57) none 0px;} .btnTransfer { border-radius: 4px;color: rgb(255, 255, 255);cursor: pointer;isplay: block;float: left;height: 29px;position: relative;text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px;touch-action: manipulation;vertical-align: middle;white-space: nowrap;width: 82px;background: rgb(79, 153, 198) none repeat scroll 0% 0% / auto padding-box border-box;border: 2px solid rgb(79, 153, 198);font: 13px/17.9400005340576px 'Open Sans';margin: 0px 1px 0px 0px;outline: rgb(255, 255, 255) none 0px;padding: 4px 9px;transition: background-color 0.15s ease 0s, border-color 0.15s ease 0s, opacity 0.15s ease 0s;} .btnTransferFlyout { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;box-sizing: border-box;color: rgb(57, 57, 57);min-width: 160px;position: absolute;right: 0px;left: auto;text-align: left;top: 28px;z-index: 1000;align-self: stretch;background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box padding-box;border: 1px solid rgba(0, 0, 0, 0.14902);font: 14px/21px 'Open Sans';list-style: none outside none;margin: 2px 0px 0px;outline: rgb(57, 57, 57) none 0px;padding: 5px 0px;} .liTransferAgent { box-sizing: border-box;color: rgb(57, 57, 57);height: 25px;width: 220.046875px;border: 0px none rgb(57, 57, 57);font: 14px/21px 'Open Sans';list-style: none outside none;outline: rgb(57, 57, 57) none 0px;} .aTransferAgent { box-sizing: border-box;clear: both;color: rgb(51, 51, 51);display: block;height: 25px;text-align: left;text-decoration: none;white-space: nowrap;width: 220.046875px;border: 0px none rgb(51, 51, 51);font: 13px/18px 'Open Sans';list-style: none outside none;margin: 1px 0px;outline: rgb(51, 51, 51) none 0px;padding: 3px 11px 4px;} .aTransferAgent:hover { color: #FFFFFF; background-color: #6FB3E0; } .modalOuter { z-index: 3002;box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 3px 0px;box-sizing: border-box;color: rgb(103, 106, 108);position: absolute;width: 329px;background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box padding-box;border: 1px solid rgba(0, 0, 0, 0);border-radius: 4px 4px 4px 4px;font: 13px/18px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;outline: rgb(103, 106, 108) none 0px; } .modalHeader { box-sizing: border-box;color: rgb(103, 106, 108);height: 57px;min-height: 16px;text-align: center;width: 327px;border-top: 0px none rgb(103, 106, 108);border-right: 0px none rgb(103, 106, 108);border-bottom: 1px solid rgb(229, 229, 229);border-left: 0px none rgb(103, 106, 108);font: 13px/18px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;outline: rgb(103, 106, 108) none 0px;padding: 12px 15px; } .modalBtnClose { background-position: 0px 0px;display: block !important;cursor: pointer;display: block;float: right;height: 21px;opacity: 0.20;text-shadow: rgb(255, 255, 255) 0px 1px 0px;width: 12px;z-index: 0;background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;border: 0px none rgb(0, 0, 0);font: bold 21px/21px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;margin: -2px 0px 0px;padding: 0px; } .modalSpanX { box-sizing: border-box;cursor: pointer;text-align: center;text-shadow: rgb(255, 255, 255) 0px 1px 0px;align-self: flex-start;font: bold 21px/21px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif; } .modalSpanClose { box-sizing: border-box;clip: rect(0px 0px 0px 0px);cursor: pointer;display: block;height: 1px;position: absolute;text-align: center;text-shadow: rgb(255, 255, 255) 0px 1px 0px;width: 1px;align-self: stretch;font: bold 21px/21px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;margin: -1px;overflow: hidden; } .modalHeading { box-sizing: border-box;color: rgb(103, 106, 108);height: 37px;text-align: center;width: 278px; overflow: hidden;border: 0px none rgb(103, 106, 108);font: 600 17px/37px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;margin: 0px;outline: rgb(103, 106, 108) none 0px; } .modalDescCtr { box-sizing: border-box;color: rgb(103, 106, 108);position: relative;width: 326px;background: rgb(248, 250, 251) none repeat scroll 0% 0% / auto padding-box border-box;border: 0px none rgb(103, 106, 108);font: 13px/18px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;outline: rgb(103, 106, 108) none 0px;padding: 20px 30px 0px 34px; } .modalDesc { box-sizing: border-box; color: rgb(103, 106, 108); width: 262px; border: 0px none rgb(103, 106, 108); font: 13px/18px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif; margin: 0px 0px 3px;outline: rgb(103, 106, 108) none 0px; } .modalDescStrong { box-sizing: border-box;color: rgb(103, 106, 108);border: 0px none rgb(103, 106, 108);font: 14px/18px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;outline: rgb(103, 106, 108) none 0px; } .modalBtnCtr { box-sizing: border-box;color: rgb(103, 106, 108);height: 65px;text-align: right;width: 327px;border-top: 1px solid rgb(229, 229, 229);border-right: 0px none rgb(103, 106, 108);border-bottom: 0px none rgb(103, 106, 108);border-left: 0px none rgb(103, 106, 108);font: 13px/18px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;outline: rgb(103, 106, 108) none 0px;padding: 15px; } .modalBtnCtr:after { box-sizing: border-box;clear: both;color: rgb(103, 106, 108);display: table;text-align: right;width: 1px;content: ' ';border: 0px none rgb(103, 106, 108);font: 13px/18px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;outline: rgb(103, 106, 108) none 0px; } .modalBtnCtr:before { box-sizing: border-box;color: rgb(103, 106, 108);display: table;text-align: right;width: 1px;content: ' ';border: 0px none rgb(103, 106, 108);font: 13px/18px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;outline: rgb(103, 106, 108) none 0px; } .modalBtn { cursor: pointer;height: 34px;touch-action: manipulation;vertical-align: middle;white-space: nowrap;border-radius: 3px 3px 3px 3px;font: 14px/20px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;} .modalBtnCancel { color: rgb(103, 106, 108);background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;border: 1px solid rgb(231, 234, 236);font: 14px/20px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;outline: rgb(103, 106, 108) none 0px;padding: 6px 12px;margin: 0px 0px 0px 5px;} .modalBtnTransfer { color: rgb(255, 255, 255);background: rgb(79, 153, 198) none repeat scroll 0% 0% / auto padding-box border-box;border: 1px solid rgb(79, 153, 198);font: 14px/20px 'open sans' , 'Helvetica Neue' , Helvetica, Arial, sans-serif;outline: rgb(255, 255, 255) none 0px;padding: 6px 12px;} /*********************standard live chat app styles end*****************/ .activechatsctr { z-index: 9999; position: fixed ! important; left: 10px; cursor: pointer; height: 25px; line-height: 15px; text-align: center; bottom: 0px; width: 95px; background: url('/images/form/buttons/blue-chat-bubble.png') no-repeat scroll 10px 6px #FFD646; border-radius: 0px 0px 0px 0px; } .activechats { color: #000000; font-weight: bold; font-family: Arial; padding: 7px 0px 0px 20px; font-size: 13px; } #defaultMessageBubble { bottom: 0px; left: 10px; display: none; margin: 0; padding: 0; position: fixed; float: left; width: 231px; z-index: 10000; opacity: 1; } .messageBubbleTop { background: url("/images/speechbubble/speechbubble_top.png") no-repeat scroll 0 0 transparent; height: 6px; margin: 0 0 0 3px; padding: 0; width: 235px; } .messageBubbleContent { background: url("/images/speechbubble/speechbubble_body.png") no-repeat scroll 0 0 transparent; margin: 0; padding: 10px 20px 10px 10px; width: 235px; line-height: 17px; text-align: left; } .messageBubbleClose { float: right; height: 18px; margin-right: 18px; width: 18px; } .messageBubbleContent h3 { display: block; font-family: 'Roboto Slab',serif; font-size: 14px; font-weight: bold; color: #000000; /*margin: 5px 0 0 0;*/ margin: 5px 10px 0; padding: 0; width: 220px; letter-spacing: 0; } .messageBubbleContent p { font-family: 'Roboto Slab',serif; font-size: 11px; color: #000000; margin: 0; width: 215px; padding: 0px 0px 0px 7px; } .messageBubbleContent p a { color: #25C2E6; } .messageBubbleBottom { background: url("/images/speechbubble/speechbubble_bottom.png") no-repeat scroll 0 0 transparent; height: 30px; margin: 0 0 0 1px; padding: 0; width: 235px; } /* Begin Affiliate Styles */ .part_ctr p { font-size: 18px; margin-top: 30px; } .part_ctr ul { padding-left: 30px;} .part_ctr li { padding-bottom: 20px; font-size: 14px; font-weight: 300; list-style-image: url('/img/bullet2.png'); } .partner_terms div p { padding-left: 0% !important; margin-bottom: 15px !important; width: 95% !important; } .partner_terms ol.licterms li { list-style-type: lower-alpha; margin-left: 60px; } .partner_terms ol.shortindentterms li { list-style-type: lower-alpha; margin-left: 22px; } .partner_terms ol.romanterms li { list-style-type: lower-roman; margin-left: 40px; } /* End Affiliate Styles */ /*Begin Custom CSS*/ #page-overlay { z-index:-99; position:fixed; top:0; bottom:0; left:0; width:100%; height: 100%; background:#000; opacity:0.20; -moz-opacity:0.20; filter:alpha(opacity=20); } .packages-features { overflow:hidden; margin:30px 0 0 0; width: 1180px;} .packages-features ul.list-first { overflow:hidden; padding:10px 0 0 0; border-bottom: 1px dashed #DEDDDD; margin: 0 0 0 0px; width: 1100px;} .packages-features ul.list-first li { float:left; min-height:89px; list-style-type: none;} .packages-features ul.list-first li.one { width:490px; border-right: 1px dashed #DEDDDD;} .packages-features ul.list-first li.one h3 { font-size:30px; font-family: 'myriad pro'; padding:0 56px 0 0; float:left;} .packages-features ul.list-first li.one h3 span.top { color:#000000;} .packages-features ul.list-first li.one h3 span.bottom { color:#5D5C5B;} .packages-features ul.list-first li a.btn { text-decoration: none; color: #25C2E6; width: 100px; height: 42px; background-size: contain; display: inline-block; line-height: 42px; position: relative; text-align: center; } .packages-features ul.list-first li a.btn > svg { position: absolute; left: 0; top: 0; } .packages-features ul.list-first li a.btn > span { font: bold 13px/43px 'Roboto Slab', serif; letter-spacing: 1px; } .packages-features ul.list-first li.two { width:150px; text-align:center; list-style: none; border-right: 1px dashed #DEDDDD; font-weight: 300;} .packages-features ul.list-first li.two h3 {font-size:28px; padding:10px 0px 7px 0;} .packages-features ul.list-first li.two h4 {color:#2ebfd5; font-size:17px; font-weight: 400; margin: 35px 0px 0px;} .packages-features ul.list-first li.three { width:150px; text-align:center; list-style: border-right: 1px dashed #dedddd; none; font-weight: 300;} .packages-features ul.list-first li.three h3 {font-size:28px; padding:10px 0px 7px 0;} .packages-features ul.list-first li.three h4 {color: rgb(0, 173, 213); font-size:17px; font-weight: 400; margin: 35px 0px 0px;} .packages-features ul.list-first li.four { width:207px; text-align:center; background:none; list-style: none;} .packages-features ul.list-first li.four h3 {font-size:28px; padding:10px 0px 7px 0;} .box-list-top { width:1100px; padding:0 0 5px 0;} .box-list-mid { } .box-list-top h4 { font:bold 16px/16px Tahoma, Geneva, sans-serif; color:#c14301; padding:7px 0px 4px 0px; } .box-list-top ul.list-second { overflow:hidden; padding:0 0 4px 1px; } .box-list-top ul.list-second li { float:left; margin-right:1px; font:bold 13px/17px Tahoma, Geneva, sans-serif; color:#444443;} .box-list-top ul.list-second li img { margin-top:20px;} .box-list-top ul.list-second li.one { width:295px; padding:2px 25px 0 0; text-align:right; list-style: none;} .box-list-top ul.list-second li.two { width:214px; padding:0px 0px 0 0; text-align:center; list-style: none;} .box-list-top ul.list-second li.three { width:231px; padding:0px 0px 0 0; text-align:center; list-style: none;} .box-list-top ul.list-second li.four { width:203px; padding:0px 0px 0 0; text-align:center; list-style: none;} .box-list-top ul.list-third { overflow:hidden; padding:0 0 0px 1px; border-bottom: 1px dashed #DEDDDD; margin: 0 0 0 0px; min-height: 75px;} .box-list-top ul.list-third li { float:left; margin-right:1px; font:bold 14px/25px 'Roboto Slab', serif; color:#444443;} .box-list-top ul.list-third li div { font:normal 13px/20px 'Roboto Slab', serif; color:#444443;} .box-list-top ul.list-third li div a { color: #32679B; text-decoration: underline; } .box-list-top ul.list-third li img { margin-top:0px; padding-top: 35px; } .box-list-top ul.list-third li.one { width:464px !important; padding:12px 25px 0 0; text-align:left; list-style: none; border-right: 1px dashed #DEDDDD; min-height: 115px;} .box-list-top ul.list-third li.two { width:149px; padding:10px 0px 0 0; text-align:center; list-style: none; border-right: 1px dashed #DEDDDD; min-height: 120px;} .box-list-top ul.list-third li.three {border-right:1px dashed #dedddd; width:149px; padding:10px 0px 0 0; text-align:center; list-style: none; min-height: 120px;} .box-list-top ul.list-third li.four { width:149px; padding:10px 0px 0 0; text-align:center; list-style: none;} .box-list-top ul.list-third li.short { min-height: 84px;} .box-list-top ul.list-third li.shortdetail { min-height: 90px;} .box-list-top ul.list-third.bot { background:none;} .packages-features-second { overflow:hidden; background:url(/img/subpage/content-top2.jpg) left top no-repeat; margin:0px 0 0 0; padding-bottom:10px;} .packages-features-second ul.list-first { overflow:hidden; padding:10px 0 0 0;} .packages-features-second ul.list-first li { float:left; background:url(/img/subpage/dotted-line2.png) right top no-repeat; min-height:104px; padding:24px 0px 0 0;} .packages-features-second ul.list-first li.one { width:321px;} .packages-features-second ul.list-first li.two { width:215px; text-align:center;} .packages-features-second ul.list-first li.two h3 {font-size:28px; padding:4px 0px 0px 0;} .packages-features ul.list-first li.two span { font:bold 16px/28px 'Roboto Slab', serif; display:block; color:#2b2b2b; padding:0px 0 0 0px; letter-spacing:1px;} .packages-features-second ul.list-first li.three { width:232px; text-align:center;} .packages-features-second ul.list-first li.three h3 {font-size:28px; padding:4px 0px 0px 0;} .packages-features ul.list-first li.three span { font:bold 16px/28px 'Roboto Slab', serif; display:block; color:#2b2b2b; padding:0px 0 0 0px; letter-spacing:1px;} .packages-features-second ul.list-first li.four { width:207px; text-align:center; background:none;} .packages-features-second ul.list-first li.four h3 {font-size:28px; padding:4px 0px 0px 0;} .packages-features-second ul.list-first li.four span { font:bold 22px/25px 'Roboto Slab', serif; display:block; color:#2b2b2b; padding:0px 0 0 0px; letter-spacing:-.5px; } .tel-nmbr { background:url(/img/subpage/number-bg.png) left top no-repeat; padding:0 0 22px 0; margin-bottom: 20px; text-align: left;} .tel-nmbr dfn { font:bold 15px/20px 'Roboto Slab', serif; display:block; color:#000; padding:31px 0 0 85px;} .tel-nmbr span { font:bold 15px/20px 'Roboto Slab', serif; display:block; color:#444443; padding:2px 0 0 85px;} .tel-nmbr span a { color: #25C2E6; } /*features & pricing page*/ .package_pricing_wrapper { min-height: 500px; max-width: 1080px; text-rendering: optimizeSpeed; padding-top: 50px; padding-left: 20px; perspective-origin: 490px 388px; transform-origin: 490px 388px; font: normal 16px / normal 'Open Sans', helvetica, Arial, sans-serif; overflow: hidden; } .package_pricing_wrapper h1 { color: rgb(51, 51, 51); line-height: 27px; text-align: center; text-rendering: optimizeSpeed; border: 0px none rgb(51, 51, 51); font-size: 25px; font-weight: 600; font-family: 'Open Sans', helvetica, Arial, sans-serif; outline: rgb(51, 51, 51) none 0px; } .span_no_cc_req { color: rgb(51, 51, 51); text-align: center; text-rendering: optimizeSpeed; border: 0px none rgb(51, 51, 51); font-family: 'Open Sans', helvetica, Arial, sans-serif; font-weight: 200; outline: rgb(51, 51, 51) none 0px; } .ul_packages { height: 460px; position: relative; text-rendering: optimizeSpeed; width: 100%; perspective-origin: 490px 315.5px; transform-origin: 490px 315.5px; font: normal 16px / normal 'Open Sans', helvetica, Arial, sans-serif; list-style: none outside none; margin: 0px 0px 20px; padding: 30px 0px 20px; } .li_package { display: block; float: left; min-width: 258px; min-height: 370px; margin-top: 10px; text-align: center; text-rendering: optimizeSpeed; perspective-origin: 163.313px 300.5px; transform-origin: 163.313px 300.5px; background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box; font: normal 16px / normal 'Open Sans', helvetica, Arial, sans-serif; list-style: none outside none; } .div_package_wrapper { height: 480px; text-align: center; text-rendering: optimizeSpeed; perspective-origin: 163.313px 300.5px; transform-origin: 163.313px 300.5px; border-top: 1px solid rgba(0, 0, 0, 0.0980392); border-bottom: 1px solid rgba(0, 0, 0, 0.0980392); border-left: 1px solid rgba(0, 0, 0, 0.0980392); font: normal 16px / normal 'Open Sans', helvetica, Arial, sans-serif; list-style: none outside none; } .div_popular_package_wrapper { height: 475px; text-align: center; text-rendering: optimizeSpeed; width: 100%; perspective-origin: 163.313px 300.5px; transform-origin: 163.313px 300.5px; border-top: 1px solid rgba(0, 0, 0, 0.0980392); border-bottom: 1px solid rgba(0, 0, 0, 0.0980392); border-left: 1px solid rgba(0, 0, 0, 0.0980392); font: normal 16px / normal 'Open Sans', helvetica, Arial, sans-serif; list-style: none outside none; } .package_pricing_wrapper h3 { color: rgb(51, 51, 51); height: 16px; font-size: 16px; font-weight: 400; text-align: center; text-rendering: optimizeSpeed; text-transform: uppercase; perspective-origin: 162.813px 23px; transform-origin: 162.813px 23px; border: 0px none rgb(51, 51, 51); font-family: 'Open Sans', helvetica, Arial, sans-serif; list-style: none outside none; margin: 0px 0px 10px; outline: rgb(51, 51, 51) none 0px; padding: 20px 0px 0px; } .div_package { height: 152px; text-align: center; text-rendering: optimizeSpeed; perspective-origin: 162.813px 101.5px; transform-origin: 162.813px 101.5px; border-bottom: 1px solid rgb(238, 238, 238); font: normal 16px / normal 'Open Sans', helvetica, Arial, sans-serif; list-style: none outside none; padding: 0px 16px 25px; } .span_price { color: rgb(0, 173, 213); display: block; height: 55px; letter-spacing: -2px; text-align: center; text-rendering: optimizeSpeed; width: 90%; perspective-origin: 136.25px 27.5px; transform-origin: 136.25px 27.5px; border: 0px none rgb(0, 173, 213); font-family: 'Open Sans', helvetica, Arial, sans-serif; font-size: 50px; font-weight: 600px; list-style: none outside none; outline: rgb(0, 173, 213) none 0px; } .package_pricing_wrapper small { color: rgb(0, 173, 213); display: inline-block; height: 30px; letter-spacing: -2px; position: relative; right: -10px; text-align: center; text-rendering: optimizeSpeed; top: -10px; width: 15.1563px; perspective-origin: 7.57813px 15px; transform-origin: 7.57813px 15px; border: 0px none rgb(0, 173, 213); font: normal 30px / 30px 'Open Sans', helvetica, Arial, sans-serif; font-size: 30px; list-style: none outside none; outline: rgb(0, 173, 213) none 0px; } .span_users_month { color: rgb(85, 85, 85); display: block; height: 14px; min-height: 14px; text-align: center; text-rendering: optimizeSpeed; perspective-origin: 130.25px 9.5px; transform-origin: 130.25px 9.5px; border: 0px none rgb(85, 85, 85); font-size: 14px; font-family: 'Open Sans', helvetica, Arial, sans-serif; list-style: none outside none; margin: 10px 0px 9px; outline: rgb(85, 85, 85) none 0px; } .span_term { color: rgb(102, 102, 102); display: block; height: 19px; text-align: center; text-rendering: optimizeSpeed; perspective-origin: 130.25px 9.5px; transform-origin: 130.25px 9.5px; border: 0px none rgb(102, 102, 102); font: normal 13px / 19px 'Open Sans', helvetica, Arial, sans-serif; list-style: none outside none; margin: 0px 0px 20px; outline: rgb(102, 102, 102) none 0px; } .span_signup { display: block; height: 39px; text-align: center; text-rendering: optimizeSpeed; font-size: 14px; font-weight: 600; perspective-origin: 130.25px 19.5px; transform-origin: 130.25px 19.5px; list-style: none outside none; } .package_pricing_wrapper a { color: rgb(255, 255, 255); height: 19px; text-align: center; text-decoration: none; text-rendering: optimizeSpeed; text-transform: uppercase; perspective-origin: 130.25px 19.5px; transform-origin: 130.25px 19.5px; background: rgb(0, 173, 213) none repeat scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(255, 255, 255); font: normal normal 600 normal 14px / normal 'Open Sans', helvetica, Arial, sans-serif; list-style: none outside none; outline: rgb(255, 255, 255) none 0px; padding: 10px 65px; } .ul_features { height: 130px; min-height: 130px; text-align: left; text-rendering: optimizeSpeed; perspective-origin: 162.813px 170px; transform-origin: 162.813px 170px; font: normal 16px / normal 'Open Sans', helvetica, Arial, sans-serif; list-style: none outside none; margin: 0px; padding: 15px 32.5625px 10px 32.5625px } .li_popular_package { display: block; float: left; height: 480px; position: relative; text-align: center; text-rendering: optimizeSpeed; perspective-origin: 163.313px 315.5px; transform-origin: 163.313px 315.5px; background: rgb(247, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box; font: normal 16px / normal 'Open Sans', helvetica, Arial, sans-serif; list-style: none outside none; margin: -20px 0px 0px; padding: 30px 0px 0px; min-width: 258px; } .li_popular_package:after { bottom: 0px; display: block; height: 5px; left: 0px; text-align: center; text-rendering: optimizeSpeed; width: 100%; z-index: 2; align-self: stretch; perspective-origin: 163.313px 2.5px; transform-origin: 163.313px 2.5px; content: ""; background: rgb(0, 173, 213) none repeat scroll 0% 0% / auto padding-box border-box; font: normal 16px / normal 'Open Sans', helvetica, Arial, sans-serif; list-style: none outside none; } .li_popular_package:before { display: block; height: 5px; left: 0px; position: absolute; text-align: center; text-rendering: optimizeSpeed; top: 0px; width: 100%; z-index: 2; align-self: stretch; perspective-origin: 163.313px 2.5px; transform-origin: 163.313px 2.5px; content: ""; background: rgb(0, 173, 213) none repeat scroll 0% 0% / auto padding-box border-box; font: normal 16px / normal 'Open Sans', helvetica, Arial, sans-serif; list-style: none outside none; } .span_popular { color: rgb(225, 149, 51); display: block; height: 26px; left: 0px; letter-spacing: 1px; position: absolute; text-align: center; text-rendering: optimizeSpeed; text-transform: uppercase; top: 0px; width: 100%; align-self: stretch; perspective-origin: 163.313px 18px; transform-origin: 163.313px 18px; background: rgb(247, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(225, 149, 51); font-size: 14px; list-style: none outside none; outline: rgb(225, 149, 51) none 0px; padding: 10px 0px 0px; } .span_popular:after { color: rgb(225, 149, 51); display: block; height: 30px; letter-spacing: 1px; position: absolute; right: -1px; text-align: center; text-rendering: optimizeSpeed; text-transform: uppercase; top: 0px; width: 1px; align-self: stretch; perspective-origin: 0.5px 18px; transform-origin: 0.5px 18px; content: ""; background: rgba(0, 0, 0, 0.0980392) none repeat scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(225, 149, 51); font: normal 11px / 26px 'Open Sans', helvetica, Arial, sans-serif; list-style: none outside none; outline: rgb(225, 149, 51) none 0px; } .span_popular:before { color: rgb(225, 149, 51); display: block; height: 36px; left: 0px; letter-spacing: 1px; position: absolute; text-align: center; text-rendering: optimizeSpeed; text-transform: uppercase; top: 0px; width: 1px; align-self: stretch; perspective-origin: 0.5px 18px; transform-origin: 0.5px 18px; content: ""; background: rgba(0, 0, 0, 0.0980392) none repeat scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(225, 149, 51); font: normal 11px / 26px 'Open Sans', helvetica, Arial, sans-serif; list-style: none outside none; outline: rgb(225, 149, 51) none 0px; } .ul_features li { color: rgb(51, 51, 51); display: block; font-size: 14px; position: relative; text-rendering: optimizeSpeed; perspective-origin: 129.859px 11px; transform-origin: 129.859px 11px; border: 0px none rgb(51, 51, 51); font: normal 14px / 22px 'Open Sans', helvetica, Arial, sans-serif; list-style: none outside none; margin: 0px 0px 11px; outline: rgb(51, 51, 51) none 0px; } .ul_features li.li_everything_in { color: rgb(153, 153, 153); cursor: text; display: block; position: relative; text-rendering: optimizeSpeed; perspective-origin: 130.25px 13px; transform-origin: 130.25px 13px; border: 0px none rgb(153, 153, 153); font: normal 13px / 22px 'Open Sans', helvetica, Arial, sans-serif; list-style: none outside none; margin: 0px 0px 15px; outline: rgb(153, 153, 153) none 0px; } /*End features & pricing page*/ /*End Custom CSS*/ @media only screen and (min-width: 768px) { #we_provide .box p { width: 248px!important; margin: 0 auto;} #footer nav {clear: none} #footer p {width:auto; float: none;text-align: center} #footer .wrapper address p { text-align: left;} section .wrapper > p { margin: 0 100px;} #we_write p { width:70%;} #online_marketing .swipe-wrap p {width: 70%;margin: 0 auto;} li.text {display: none!important;} .packages-features {display:block} .box-list-mid {display:block} } @media only screen and (min-width: 481px)and (max-width: 768px){ #we_provide .box p { width: 50%!important; margin: 0 auto !important;text-align: center} #header.stuck h2.active {top:23px!important;} #header.stuck h3.active {opacity:1!important;} section > .wrapper {padding:0 40px 25px !important;} } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { #we_provide .box p { width: 248px !important;margin: 0 auto !important;} } @media only screen and (max-width: 830px) { .div_package_wrapper {border-right: 1px solid rgba(0, 0, 0, 0.0980392);} .div_popular_package_wrapper {border-right: 1px solid rgba(0, 0, 0, 0.0980392);} .li_package {padding-bottom:20px;} .li_popular_package {padding-bottom:10px;} .wrapper {padding:0;} #header.stuck {height:61px!important} #header.stuckdark .global { top: auto !important;} #header .global ul {display:none;} #header { background: rgba(0, 0, 0, 0.6);height:61px;opacity:1; position: fixed;top:0;z-index:1000;} #header nav {display:none;height:61px;} #header nav ul {position: absolute;top:61px;right:0; background:rgba(0, 0, 0, .7); } /*#header nav > ul > li:first-child {display:none!important;}*/ #header.stuck h2 {top:23px!important;} #header.stuck h2 a {background-position: 50% 50%;} #header.stuck h2.active {top:23px!important;} #header.stuck h3.active {opacity:1!important;} #header h2 { position: absolute;left:23px;top:23px !important; margin: 0;opacity:1;-webkit-transition: all 0.3s ease-in-out 0.3s;-moz-transition: all 0.3s ease-in-out 0.3s;-ms-transition: all 0.3s ease-in-out 0.3s;-o-transition: all 0.3s ease-in-out 0.3s;transition: all 0.3s ease-in-out 0.3s;} #header h2 a { width: 100px!important;height:22px!important;display: block; background: url(/img/logo.png) 50% 50% no-repeat; background-size:100px auto !important; text-indent: -9999px;-webkit-transition: all 0.5 sease-in-out 0.3s;-moz-transition: all 0.5s ease-in-out 0.3s;-ms-transition: all 0.5s ease-in-out 0.3s;-o-transition: all 0.5s ease-in-out 0.3s;transition: all 0.5s ease-in-out 0.3s;} #header .global ul { width: 160px; padding-top: 10px; padding-bottom: 10px;} #header .global ul li {display: block; float: left; padding-left: 0; width: 100%; padding-bottom: 0;} #header .global ul li a { float: left; padding: 0; font-size: 15px; font-weight: 400; line-height: 25px !important; padding-left: 21px;display: block; width: 100%; text-align: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #header .global ul li a:hover { color: #25C2E6; /* background: #001f3d;*/ } #header .global ul li a span span { display: none;} #header .global ul ul {position:relative !important;left:0 !important;top:0 !important; background: #001f3d; width: 100%; float: left;overflow:hidden;} #header .global li.contact a { text-indent:0; width: auto!important; background-image: none;} #header h3 { position: absolute;right:61px;top:0; background: url(/img/call.png) 50% 50% no-repeat; -webkit-background-size: 16px auto;background-size: 16px auto;width:61px;height:61px;opacity:1;} #header h3 a {display: block;width:100%;height:100%; float: left; text-indent: -9999px;} .scroll {display:none;} #online_marketing .wrapper > ul {display:none} div.subpage { padding-top: 0px; } #shortheader { height:auto!important; padding-top: 100px !important; position: relative;} #shortheader .wrapper h2 { font-size: 32px!important; } #web_experience .wrapper {opacity:1;} #web_experience {height:200px !important; position: relative; padding-top: 126px; /*margin-top: 60px;*/} /*.web-exp-video { height:750px; }*/ #web_experience h1 { font-size: 25px; line-height: 24px;} #web_experience h1 {padding-right: 0px;} #web_experience p {padding-right: 0px;} #web_experience a {width: 162px!important; height: 42px!important;background-size: contain!important;display: inline-block!important; line-height: 38px!important; position: relative!important; font-size: 13px;} section {min-height: 0 !important;} section .wrapper {padding:0 40px 25px;} section .wrapper > h2 { font-size: 25px!important; padding-bottom: 0px!important;} #swipe2 {display: block} #swipe3 {display: block} #we_provide { position: relative; margin-top: 0; padding-bottom:0!important; padding-top: 45px; min-height: 500px; } .box_provide { text-align: center; padding-bottom: 10px;} .social {display:none;} .mobile {display: block!important;} .dropp {display: none!important} #we_provide .box { width: 100%; float: left; margin: 0;} #form_concept_to figure { width: 100%;} #form_concept_to figure img { width: 100%;} #we_write p { width: 100%;} #we_write ul {padding:0; padding-top: 45px;} /*#we_write ul li { width: 100%; background-position:50% 100%; padding-bottom: 40px; margin-bottom: 20px; text-align: center;}*/ #we_write ul li { width: auto; padding-left: 0px; padding-bottom: 10px; font-size: 14px; background: none; padding-bottom: 10px; margin-bottom: 20px;} .bulletwrapper { padding-left:50px } #we_write ul li:last-child { background: none;} #online_marketing figure { width: 100%; float: left;} #online_marketing figure img { width: 80%;} #online_marketing .wrapper > ul { padding-top: 35px;} #online_marketing .wrapper > ul li { padding: 0; width:100%; background: none; text-align: center;} #swipe {overflow: hidden;visibility: hidden;position: relative;padding:0 !important; margin-top: 20px; margin-bottom: 20px;} .swipe-wrap {overflow: hidden;position: relative;} .swipe-wrap > div {float:left;width:100%;position: relative;} .btn_mobile {width:61px!important;height:61px!important;float: right !important;position:absolute;top:0;right:0;z-index:100000; text-indent: -9999px;display: block!important; background:url(/img/nav_mobile.png) 50% 50% no-repeat; -webkit-background-size: 17px auto;background-size: 17px auto;} .global { position: absolute;right:0;top:0!important;display: block!important;opacity:1!important;} .global nav {display: block!important} .global nav ul {display: none} .global nav ul ul { position: relative!important;} .text {display:block;color:#fff; text-align: left; padding-left: 21px!important; font-size:10px; padding-right: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; line-height: 15px; padding-bottom: 10px !important;} .text a { font-size: 10px!important;padding-left: 0!important;line-height: 15px!important; color: #25C2E6;} #footer {padding:0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-bottom: 15px;} #footer nav {display:block;width: 100%;clear: both} #footer nav a { font-size: 12px!important;} #footer nav li { padding-right:10px!important;padding-left:10px!important; padding-bottom: 10px !important;} #footer .wrapper address h3 { margin-left: 0; width: 90px;background-size: 90px auto; height: 20px;} #footer { background: #ffffff;} #footer p {width:100%; float: left; font-size: 10px; line-height: 14px;margin: 0.7em 0;} #footer address { width: 150px !important;} .form_concept_to .mobile { display:block !important;} #swipe_control {display: block!important;} #swipe2 {overflow: hidden;} #swipe_control2 {display: block!important;} #swipe_control3 {display: block!important;} #we_provide .next { position: absolute;top:55%;right:5px;z-index:100;width: 21px;height:41px; background: url(/img/next.png) 100% 0 no-repeat; text-indent: -9999px; -webkit-background-size: 21px auto; background-size: 21px auto; display:block;} #we_provide .prev { position: absolute;top:55%;left:5px;z-index: 100;width: 21px;height:41px;background: url(/img/prev.png) 0 0 no-repeat; text-indent: -9999px; -webkit-background-size: 21px auto; background-size: 21px auto;display:block;} #online_marketing .next { position: absolute;top:55%;right:5px;z-index:100;width: 21px;height:41px; background: url(/img/next.png) 100% 0 no-repeat; text-indent: -9999px; -webkit-background-size: 21px auto; background-size: 21px auto; display:block;} #online_marketing .prev { position: absolute;top:55%;left:5px;z-index: 100;width: 21px;height:41px;background: url(/img/prev.png) 0 0 no-repeat; text-indent: -9999px; -webkit-background-size: 21px auto; background-size: 21px auto;display:block;} #swipe {visibility: inherit} li.text {display: block!important;} #swipe3 {overflow:hidden;} .img_left .wrapper img { max-width: 70%;} #subpage_7 .wrapper img { max-width: 70%;} /*.subpage #header h2, .subpagetall #header h2 {top:13px!important;}*/ /*.subpage #header h2.active, .subpagetall #header h2.active {top:13px!important;}*/ .subpage #header h3.active, .subpagetall #header h3.active {opacity:1!important;} .box_provide { padding-top: 30px;} .subpage #header, .subpagetall #header { background: rgba(0, 0, 0, 0.6);height:61px;opacity:1; position: fixed;top:0;z-index:1000;} .subpage .wrapper > img, .subpagetall .wrapper > img { width: 80%; margin: 0 auto;} #subpage_1 { padding-top: 0px; margin-top: 40px; } #subpage_1 .wrapper > ul { padding: 30px 0 0 0!important;width: 100%!important; float: none;} #subpage_1 li { width: 100%!important; text-align: center; padding-right: 0!important;} #subpage_1 .wrapper > h2 { font-size: 20px!important; line-height: 30px !important;} #subpage_2 {height:150px; -webkit-background-size: auto 100%;background-size: auto 100%; background-position: 50% 0;} #subpage_3 ul { padding: 30px 0 0 0!important;width: 100%!important} #subpage_3 li { width: 100%!important; text-align: center; padding-right: 0!important;} #subpage_3 .wrapper { padding-bottom: 0 !important;} #subpage_5 {height:150px; -webkit-background-size: auto 100%;background-size: auto 100%; background-position: 50% 0;} #subpage_6 ul { padding: 30px 0 0 0!important;width: 100%!important} #subpage_6 li { width: 100%!important; text-align: center; padding-right: 0!important;} .img_left .wrapper { padding: 40px 0 !important;} .img_left .sb1 { width: 100%;} .img_left .sb1_s { width: 100%;padding: 0 30px;} .img_left .sb1_s h3 { font-size: 18px; font-weight: 500;} #subpage_7 .wrapper { padding: 40px 0 !important;} #subpage_7 .sb1 { width: 100%;} #subpage_7 .sb1_s { width: 100%;padding: 0 30px;} #subpage_7 .sb1_s h3 { font-size: 18px; font-weight: 500;} .img_right .wrapper { padding: 40px 0 !important;} .img_right .sb1_s { width: 100%;padding: 0 30px;} .img_right .sb1 { width: 100%;} .img_right .sb1 img { max-width: 80%;} .img_right .sb1_s h3 { font-size: 18px; font-weight: 500;} #subpage_8 .wrapper { padding: 40px 0 !important;} #subpage_8 .sb1_s { width: 100%;padding: 0 30px;} #subpage_8 .sb1 { width: 100%;} #subpage_8 .sb1 img { max-width: 80%;} .subpage #footer, .subpagetall #footer { background: #f4f4f4;} section .wrapper > p {font-size: 15px !important; } .subpage section .wrapper > h1, .subpagetall section .wrapper > h1 {font-size: 30px; } .subpage section .wrapper > p.big, .subpagetall section .wrapper > p.big {font-size: 18px !important;} .subpage section .wrapper > div p, .subpagetall section .wrapper > div p { font-size: 15px; } .subpage section .wrapper > ul li p, .subpagetall section .wrapper > ul li p { font-size: 15px; margin: 1em 0 !important; } ul.hexlist { margin: 0px 0px 0px 25px; font-size: 15px; width: 100%; } #subpage_1 .wrapper > ul li h3 { margin: 1em 0; font-family:'Roboto Slab',serif; font-weight: 400; font-size: 18px; padding-top: 30px; } .bulbheader { display:none; } .form-bg { padding: 8px 0 0 0px; } .form-bg .contact-form p { width: 100%; } #subpage_1 ul.formwrapper > li.formshort { width: 100% !important; } #subpage_1 ul.formwrapper > li.formwide { width: 100% !important; } .form-bg .contact-form input[type="text"], textarea, input[type="password"] { margin: 0; } #subpageFandP { padding-top: 30px; background-color: #FFFFFF; margin-top: 0px;} .topsection { margin-top: 0px; } section > .narrow_wrapper { width: 100%; font-size: 16px; line-height: 30px; font-weight: 300; } .subnav { display:none; } .subpage_8 .bio { width: 100%; } #page-overlay { display:none; } .web-exp-video-wrapper { display:none; } .web-exp-video-img { display: block; } #subpage_1 .wrapper { padding-bottom: 0 !important;} .subpage #header h3 {opacity: 1!important;} #subpage_1 .wrapper > ul li { float: left; } #subpage_1 .wrapper > ul.nofloat li { float: none; } .formflds ul li strong { width: 100%; margin-left: 0px; } .formflds ul li div.flddesc { float: none; } .formflds input[type="text"], .formflds textarea, .formflds input[type="password"] { width: 89%; } .formflds ul li div.formdesc { padding: 5px 0 30px 0px; } .spanPackageMessage { margin-left: 30px; } span.fail_entry { font-size: 14px; padding: 10px 10px 10px 15px; } .purchaseFrame { display: none; } } @media only screen and (max-width: 480px) { #header.stuck h2.active {top:23px!important;} #header.stuck h3.active {opacity:1!important;} section > .wrapper {padding:0 40px 25px !important;} .package_pricing_wrapper {padding-left:20px;} } @media only screen and (min-width: 830px) { .btn_mobile {display: none!important} #we_write ul { padding: 70px 30px 0; width: 100%;box-sizing: border-box;-moz-box-sizing: border-box; float: left;} #we_write ul li {font-size: 14px;padding-bottom: 20px;} .formflds ul li strong { margin-left: 10px; } } @media only screen and (min-width: 900px) { #header .global ul ul {left:41px;} .wrapper {padding:0 20px!important;} #we_provide .box:first-child { margin-left: 0;} #we_provide .box:nth-child(5n) { margin-left: 30px;} #we_provide .box:nth-child(4n) { margin-left: 0;} #we_provide .box:nth-child(7n) { margin-left: 0;} #we_provide .box:nth-child(8n) { margin-left: 30px;} .box_provide { text-align: center;} .swipe-wrap { margin: 0 auto;overflow:hidden; float: none;} .swipe-wrap .box { float: none !important;display:inline-block;} #footer .wrapper {padding:40px 20px 0!important;} #we_provide .box p { width: auto; margin: 0 10px;} #header .global { position: absolute;right:20px;top:127px;opacity:1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #header h3 { position: absolute; right: 20px;top:60px; font-family: 'Roboto Slab', serif; font-weight: 300; margin: 0;color: #fff;display: inline-block; line-height: 32px;opacity:1;-webkit-transition: all 0.5s sease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #header .global li a { font-size: 15px; font-family:'Roboto Slab', serif; font-weight: 500;display:block;position: relative; line-height: 32px;padding:0 10px;} #header h2 { position: absolute;left:20px;top:126px; margin: 0;opacity:1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #footer .wrapper address h3 { margin: 0; width: 190px;height:39px; background:url(/img/logo_bt.png) no-repeat; text-indent: -9999px; margin-left: 0;} #form_concept_to .dropp { padding-bottom: 0; padding-top: 0; float: left; width: 100%; background: url(/img/bg_slider2.png) -22px 0 no-repeat !important;height: 395px; margin-bottom: 30px; margin-top: 30px;} #header .global ul ul { position: absolute;} #header.stuck h3.active { display: none; /*opacity:0!important;*/} .social {display:block;right:20px!important;margin-right:0!important;bottom:0;position:fixed!important;} .scroll {bottom:0;} #footer .wrapper address p { text-align: left;} #online_marketing .wrapper > ul li:last-child { padding-right: 0;} section .wrapper > p { margin: 0;} #we_write p { width:100%;} /*#online_marketing .swipe-wrap p {width: 70%;margin: 0 auto;}*/ #we_write ul { padding: 70px 30px 0; width: 100%;box-sizing: border-box;-moz-box-sizing: border-box; float: left;} #we_write ul li {font-size: 18px;padding-bottom: 30px;} } @media only screen and (min-width: 1088px) { /*.web-exp-video { height: 100%;}*/ .we-write-video { width:100%; height: auto;} .services_subnav_ul li { padding: 0 20px !important; } .formflds ul li strong { margin-left: 100px; } } @media only screen and (min-width: 1179px) { #we_provide .box:first-child { margin-left: 0;} #we_provide .box:nth-child(5n) { margin-left: 0!important;} #we_provide .box:nth-child(4n) { margin-left: 30px;} #we_provide .box:nth-child(7n) { margin-left: 30px;} #we_provide .box:nth-child(8n) { margin-left: 30px;} #header .global { position: absolute;right:0;top:127px;opacity:1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #header h3 { position: absolute; right: 0px;top:67px; font-family: 'Roboto Slab', serif; font-weight: 400; margin: 0;color: #fff;display: inline-block; line-height: 32px;opacity:1;-webkit-transition: all 0.5s sease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #header .global li a { font-size: 15px; font-family:'Roboto Slab', serif; font-weight: 500;display:block;position: relative; line-height: 32px;padding:0 20px;} #header h2 { position: absolute;left:0;top:126px; margin: 0;opacity:1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #footer .wrapper address h3 { margin: 0; width: 190px;height:39px; background:url(/img/logo_bt.png) no-repeat; text-indent: -9999px; margin-left: -31px;} section > .wrapper {padding:0!important;} #form_concept_to .dropp { padding-bottom: 0; padding-top: 0; float: left; width: 100%; background: url(/img/bg_slider.png) 50% 0 no-repeat !important;height: 395px; margin-bottom: 30px; margin-top: 30px;} #header .global ul ul {left:51px;} #web_experience .social {right:50%!important;margin-right:-510px!important; top: 700px;} .scroll { position: absolute;bottom:80px;} .social { position: fixed!important;} #online_marketing .swipe-wrap p {width: 100%;margin: 10px auto;} #we_write ul { padding: 50px 150px 0; width: 100%;box-sizing: border-box;-moz-box-sizing: border-box; float: left;} #we_write ul li {font-size: 18px;padding-bottom: 30px;} #subpage_1 { min-height: 470px;} .services_subnav_ul li { padding: 0 20px; font-size: 13px; } } /*Begin Scroller*/ .als-container { position: relative; width: 85%; margin: 0px auto; z-index: 0; } .als-viewport { position: relative; overflow: hidden; margin: 0px auto; } .als-wrapper { position: relative; list-style: none; } .als-item { position: relative; display: block; text-align: center; cursor: pointer; float: left; } .als-prev, .als-next { position: absolute; cursor: pointer; clear: both; } #demo3 { margin: 40px auto; } #demo3 .als-item { margin: 0px 5px; padding: 4px 0px; min-height: 128px; min-width: 128px; width: 128px; height: 156px; text-align: center; } #demo3 .als-item img { display: block; margin: 0 auto; vertical-align: middle; } #demo3 .als-prev, #demo3 .als-next { top: 65px; } #demo3 .als-prev { left: 80px; } #demo3 .als-next { right: 80px; } /*End Scroller*/ /* Begin stlyes from bootstrap */ button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } label, input, button, select, textarea { font-size: 13px; font-weight: normal; line-height: 21px; } input, button, select, textarea { font-family: Arial, Helvetica, sans-serif; } label { display: block; margin-bottom: 5px; } select, textarea, input[type="text"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 21px; padding: 4px 6px; margin-bottom: 9px; font-size: 13px; line-height: 21px; color: #555555; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input, textarea, .uneditable-input { width: 206px; } textarea { height: auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; *margin-top: 0; /* IE7 */ margin-top: 1px \9; /* IE8-9 */ line-height: normal; cursor: pointer; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } select, input[type="file"] { height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 30px; } select { width: 220px; border: 1px solid #cccccc; background-color: #ffffff; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .span3 h4 { font-size: 16px; line-height: 20px; margin-top: 0; margin-left: 10px; font-weight: normal; } /* End stlyes from bootstrap */