html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
* { max-height: 1000000px; }
/* ===========================================
**STRUCTURE**
=========================================== */
body {
margin: 0;
color: #1a1a1a;
font: 400 15px/26px 'Open Sans', Arial, Helvetica, sans-serif;
background: #fff;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
min-width: 1003px;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; }
img { border-style: none; }
.sitecolor {color:#2984b8;}
a { text-decoration: none; color: #2984b8; outline: none;}
a:hover { text-decoration: underline; }
.clear {clear:both;float:none;}
.hide, .fld-options-e, #btRequiredSection, #form_label_modules_interested, .row-e {display:none;}
a.anchor{display: block; position: relative; top: -140px; visibility: hidden;}
a.qlink { color:#00a5ff;}
q { quotes: none; }
q:before, q:after { content: ''; content: none;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
.center {text-align:center;}
table {border-collapse: collapse; border-spacing: 0;}
p { margin: 0 0 1.2em; }
::-webkit-input-placeholder { color: #323232;}
:-moz-placeholder { color: #323232;}
::-moz-placeholder { color: #323232; opacity: 1;}
:-ms-input-placeholder { color: #323232;}
.ico-spinner:before {content: url("/lib/img/loader.gif"); padding-right: 7px; display: block;}
/* ===========================================
**FORM**
===========================================*/
input, textarea, select {
font: 100% "Open Sans", Arial, Helvetica, sans-serif;
vertical-align: middle;
color: #000;
font-size:13px;
}
textarea {overflow: auto; resize: vertical; vertical-align: top;}
form, fieldset { margin: 0; padding: 0; border-style: none;}
button::-moz-focus-inner, input::-moz-focus-inner { padding:0; border:0;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer;}
input[type=text], input[type=password], input[type=file], input[type=submit], input[type="email"], button[type="submit"] button[type="search"], textarea {
-webkit-appearance: none;
-webkit-border-radius: 0 !important;
-ms-border-radius: 0 !important;
border-radius: 0 !important;
}
input[type="search"] { -webkit-appearance: none; }
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type="search"]::-webkit-search-decoration {display:none;}
/* added new */
input[type="text"],input[type="password"],input[type="email"],textarea,select {
border: 1px solid #ccc !important;
padding: 3px 4px;
outline: 0;
height: 30px;
line-height:30px;
vertical-align:middle;
margin: 0;
min-width: 250px;
width: 90%;
margin-bottom:10px;
background: #fff;
}
select { padding: 0; height: 30px;min-width: 250px;width: 90%;}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
border: 1px solid #cecece;
color: #444;
border-color: #66afe9;
outline: 0;
-moz-box-shadow: 0 0 1px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
textarea { min-height: 60px; }
label,legend { display: block; font-size: 13px; }
input[type="checkbox"] { display: inline; }
label span, legend span { font-weight: normal; font-size: 13px; color: #444;}
input[type="text"].full-width,
input[type="password"].full-width,
input[type="email"].full-width,
textarea.full-width,select.full-width { width: 98%; padding-left: 2% !important; padding-right: 0 !important;}
.optin-req {display:none;margin:0 auto 10px auto;text-align:center;padding:8px 15px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}
.newsletter-form .optin-req {width:300px; margin-top: 5px;}
.invalidFieldHeader {font-size: 13px; color:#C00; padding:8px 35px 8px 14px;margin-bottom:18px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}
.invalidFieldHeader i { padding-right: 5px;}
.invalidFieldMessage, .invalidFieldMessage:hover { font-size: 12px; font-weight:600;cursor:pointer;}
.invalidFieldMessage:hover {color:#41a9d6; }
.invalidFieldMessageUnder {color: #C00;font-size: 12px;}
.XMFormRow label {font-weight:400;letter-spacing: 0;}
.XMValidationMessage, #ValidationMessages {border: none !important;background-color: none !important;padding: 0 !important;}
#customFormMsg {display:none;background-color:#f2dede; color:#990000 ; font-size: 12px;display:none;padding: 3px 10px; border-radius:4px;}
#customFormMsg.cfm-alt {width: 280px;box-sizing:border-box}
#customFormMsg.full-width {width: 100%;}
.fld-options {display:inline-block;margin-right: 20px;margin-top:10px;margin-bottom:10px;}
.fld-options input {display:inline-block;margin-right: 5px;vertical-align:middle;}
.fld-options label {display:inline-block;vertical-align:middle;}
.fields_center {width: 100%;text-align:center;}
input[type="text"].field-auto, select.field-auto {width: auto; min-width: 0;}
.msg-error {color:#b94a48;font-size:14px;font-weight: normal;text-align:center;}
.fld-options-module {display:block;margin: 10px 0;border:1px solid #ccc;}
.fld-options-module .opt-row {padding: 4px 15px;}
.fld-options-module .opt-row input {display:inline-block;margin-right: 8px;vertical-align:middle;width: 17px; height: 17px;}
.fld-options-module .opt-row label {display:inline-block;vertical-align:middle;font-size: 14px; /*font-weight: 600; letter-spacing:-1px;*/}
.fld-options-extra { margin: 10px 25px;}
input[type="text"].subdomain {min-width:200px;width:200px;}
#dm-available, #dm-unavailable, #dm-checking {font-size: 13px; font-weight:bold; display:none;padding-left: 20px;}
#dm-available i, #dm-unavailable i, #dm-checking i {font-size: 16px; font-weight:bold;padding-right: 5px; }
#dm-available {color:#3eb322;}
#dm-unavailable {color:#990000;}
.inline-error { background-color:#f2dede; color:#990000 ; font-size: 11px;display:none;padding: 3px 10px; border-radius:4px;}
/* ===========================================
**BUTTONS**
===========================================*/
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
font-family: 15px/26px 'Open Sans', Arial, Helvetica, sans-serif;
color: #fff;
font-weight: 600;
text-align: center;
vertical-align: middle;
display: inline-block;
text-decoration: none;
line-height: normal;
margin-bottom: 3px;
cursor: pointer;
background-color: #0093d1;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
}
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {
color: #ffffff;
text-decoration: none; opacity: 0.8;
}
.button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active { border: 1px solid #666;background: #ccc; }
.button.full-width,button.full-width,input[type="submit"].full-width,input[type="reset"].full-width,input[type="button"].full-width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center;
font-size: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.button.small,button.small {padding: 4px 15px;margin:0;font-size: 14px;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }/* Fix for odd Mozilla border & padding issues */
/* ===========================================
**HEADER**
===========================================*/
.drop-open{ display: none;}
#wrapper {
width: 100%;
overflow: hidden;
padding: 129px 0 0;
}
#header {
background: #fff;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 999;
-webkit-box-shadow: 0 0 2px rgba(1,1,1,.40);
-moz-box-shadow: 0 0 2px rgba(1,1,1,.40);
box-shadow: 0 0 2px rgba(1,1,1,.40);
}
.landing #header { box-shadow: none; }
#header .holder {
max-width: 999px;
margin: 0 auto;
padding: 19px 23px 10px 35px;
position: relative;
z-index: 100;
}
.landing #header .holder { padding: 19px 134px 41px 35px; }
#header .holder:after { content: ""; clear: both; display: block;}
.logo { float: left; width: 225px; height: 53px; margin: 16px 0 0;}
.logo img { display: block; }
.top-holder { overflow: hidden; }
.right-area { float: right; max-width: 650px; }
.tel, .login { color: #3f3f3f; font-size: 14px; line-height: 16px; display: inline-block; vertical-align: middle; text-transform: uppercase; margin: 6px 24px 0 0;}
.login { font-size: 13px;}
.mobile-login { display:none; text-align:center;margin:0 0 20px 0;background-color:#0093d1;width: 100%;}
.mobile-login .login { color: #fff; margin:0;text-decoration: none;padding:2px 138px;}
.mobile-login:hover { opacity: 0.8;}
.landing .tel { color: #2786b7; font-size: 23px; line-height: 25px; font-weight: 600; margin: 34px 0 0; letter-spacing: -1px;}
.btn {
display: inline-block;
vertical-align: top;
color: #fff;
/*text-transform: capitalize;*/
font-size: 16px;
line-height: 18px;
font-weight: 600;
background: #01a1df;
padding: 8px 36px 9px;
max-width: 500px;
}
.btn:hover { text-decoration: none; opacity: 0.8;}
.btn-gray {border-color: #bebebe !important;;background-color: #bebebe !important;}
.btn-gray:hover {border-color: #aaaaaa !important;;background-color: #aaaaaa !important;}
.btn.full-width {width: 100%; text-align:center;padding: 12px 0;}
#nav {
font-size: 13px;
line-height: 15px;
font-weight: 600;
padding: 7px 0;
}
#nav:after { content: ""; clear: both; display: block;}
.search-area { float: right; position: relative; padding: 0 0 0 12px;}
.search-area:after { width: 1px; height: 27px; background: #9b9b9b; position: absolute; left: 0; top: -7px;content: "";}
.search-area .opener {
background: url(../images/sprite.png) no-repeat;
width: 16px;
height: 16px;
text-indent: -9999px;
overflow: hidden;
float: right;
}
.search-area .opener:hover { opacity: 0.8; }
.search-form {
position: absolute;
right: -14px;
top: 34px;
border: 1px solid #e7e7e7;
background: #fff;
width: 212px;
}
.search-form input[type="text"]::-webkit-input-placeholder, .search-form input[type="search"]::-webkit-input-placeholder { color: #5b5b5b;}
.search-form input[type="text"]:-moz-placeholder, .search-form input[type="search"]:-moz-placeholder { color: #5b5b5b;}
.search-form input[type="text"]::-moz-placeholder, .search-form input[type="search"]::-moz-placeholder { color: #5b5b5b; opacity: 1;}
.search-form input[type="text"]:-ms-input-placeholder, .search-form input[type="search"]:-ms-input-placeholder { color: #5b5b5b;}
.search-form input[type="search"], .search-form input[type="text"] {
background: #fff;
border: 0;
width: 100%;
height: 40px;
font: italic 13px/20px 'Open Sans';
color: #5b5b5b;
outline: none;
padding: 10px 8px;
}
.search-results {list-style:none;margin:0;padding:0;}
.search-results li {border-bottom: 1px solid #ebebeb;padding:5px 0; margin-right:10px;}
.search-results div {color:##808080;padding:5px;}
#nav > ul {
padding: 0;
margin: 0;
list-style: none;
text-align: right;
text-transform: uppercase;
}
#nav > ul > li {
display: inline-block;
vertical-align: top;
position: relative;
margin: 0 17px 0 19px;
}
#nav > ul > li:hover .dropdown { display: block; }
#nav > ul > li a { color: #5b5b5b; cursor:pointer;}
#nav > ul > li:hover > a { text-decoration: none;color: #01a1df;}
.dropdown {
position: absolute;
left: -67px;
top: 100%;
padding: 19px 0 0;
display: none;
width: 212px;
z-index: 555;
}
.dropdown.add { left: -50%; margin: 0 0 0 4px;}
.dropdown ul {
padding: 0;
position: relative;
background: #fff;
margin: 0;
list-style: none;
text-align: left;
border: 1px solid #e7e7e7;
font-weight: 400;
}
.dropdown ul li:first-child { border: 0; }
.dropdown ul li { border-top: 1px solid #f2f2f2; }
.dropdown.add ul li a { padding: 13px 20px 12px; letter-spacing: 0;}
.dropdown ul li a { display: block; padding: 13px 0 12px 15px;}
.dropdown ul li:hover a { text-decoration: none; background: #f4f4f4;}
/* ===========================================
**HOMEPAGE**
===========================================*/
.visual { width: 100%; background: #00619e url(../images/bg-banner.jpg) no-repeat 50% 0; background-size: cover;}
.visual .holder {
max-width: 999px;
margin: 0 auto;
color: #fefefe;
text-align: center;
padding: 78px 0 82px;
letter-spacing: -1px;
}
.landing .visual .holder { text-align: left; padding: 49px 0 40px 1.9%;text-align:center;}
.block-holder:after { content: ""; clear: both; display: block;}
.block-holder .img-area { float: right; margin: 33px 35px -33px 0; width: 38.3%;}
.block-holder .img-area img { display: block; width: 100%; height: auto;}
.services-area {
overflow: hidden;
font-size: 17px;
line-height: 30px;
font-weight: 600;
padding: 0 0 0 7px;
}
.services-area ul {
float: left;
padding: 0;
margin: 0;
list-style: none;
width: 42%;
}
.services-area ul:first-child { margin: 0 11% 0 0; width: 45%;}
.services-area ul li {position: relative; padding: 0 0 1px 22px;}
.services-area ul li:after {background: url(../images/sprite.png) no-repeat -55px -5px; width: 12px; height: 9px; position: absolute; left: 0; top: 12px; content: "";}
.services-area ul li a { color: #fefefe; }
.slideshow { position: relative; margin: 0 0 13px;}
.slideshow .slide { position: absolute; z-index: 1; left: 0; top: 0; width: 100%;}
.slideshow .slide.active { z-index: 2; }
.visual .welcome-txt {
display: block;
font-size: 29px;
line-height: 31px;
font-weight: 300;
margin: 0 0 15px -7px;
}
.visual .welcome-txt br { display: none; }
.visual .welcome-txt em { font-weight: 400; }
.welcome-txt em span { font-weight: 300; }
.visual h1 {
font-size: 41px;
line-height: 43px;
font-weight: 600;
text-transform: uppercase;
margin: 0;
color: #fff;
}
.landing .visual h1 {
font-size: 40px;
line-height: 42px;
margin: 0 0 10px -2px;
text-transform: uppercase;
letter-spacing: -1px;
text-align:center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);
}
.landing .visual h2 {
font-size: 28px;
line-height: 30px;
font-weight: 300;
color: #fefefe;
letter-spacing: -1px;
margin: 0 0 23px;
text-align:center;
}
.visual .sub-txt {
font-size: 27px;
line-height: 29px;
display: block;
font-weight: 300;
margin: 0 11px 58px 0;
}
.btns {
overflow: hidden;
padding: 0;
margin: 0;
list-style: none;
}
.btns li {
display: inline-block;
vertical-align: middle;
margin: 0 17px 10px 9px;
}
.btns li a {
display: block;
background: #0093d1;
font-size: 20px;
line-height: 54px;
height: 56px;
color: #fefefe;
position: relative;
padding: 0 15px 0 5px;
min-width: 237px;
}
.btns li a:before {
display: inline-block;
vertical-align: middle;
background: url(../images/sprite.png) no-repeat -26px -2px;
width: 21px;
height: 16px;
content: "";
margin: -2px 9px 0 0;
}
.btns li.how a { background: #74af18; text-decoration: none;}
.btns li:hover a { background: #079fdf; text-decoration: none;}
.btns li.how:hover a { background: #7fbd1f; text-decoration: none;}
.btns li span { font-size: 23px; line-height: 25px; font-style: italic;}
.form-bock { background: #f0f0f0; width: 100%;}
.form-bock .holder {
max-width: 999px;
margin: 0 auto;
overflow: hidden;
padding: 26px 0 23px 4.5%;
}
.form-bock .alignleft { float: left; margin: 2px 31px 0 0;}
.form-bock .form-area:after { content: ""; clear: both; display: block;}
.form-area h2 {
margin: 0 0 8px;
font-size: 23px;
line-height: 25px;
font-weight: 300;
color: #005c99;
letter-spacing: -1px;
}
.form-area .signup-txt {
display: block;
font-size: 14px;
line-height: 16px;
font-weight: 600;
color: #005c99;
text-transform: uppercase;
margin: 0 0 15px;
}
.newsletter-form:after {
content: "";
clear: both;
display: block;
}
.newsletter-form input[type="text"]::-webkit-input-placeholder, .newsletter-form input[type="email"]::-webkit-input-placeholder {
color: #777;
}
.newsletter-form input[type="text"]:-moz-placeholder, .newsletter-form input[type="email"]:-moz-placeholder {
color: #777;
}
.newsletter-form input[type="text"]::-moz-placeholder, .newsletter-form input[type="email"]::-moz-placeholder {
color: #777;
opacity: 1;
}
.newsletter-form input[type="text"]:-ms-input-placeholder, .newsletter-form input[type="email"]:-ms-input-placeholder {
color: #777;
}
.newsletter-form input[type="email"], .newsletter-form input[type="text"] {
outline: none;
width: 235px;
height: 39px;
border: 1px solid #c9c9c9;
background: #fff;
color: #777;
font: 15px/28px 'Open Sans';
float: left;
padding: 5px 13px;
margin: 0 15px 0 1px;
}
.newsletter-form .submit {
width: 146px;
height: 39px;
text-align: center;
font: 700 13px/39px 'Open Sans', Arial, Helvetica, sans-serif;
color: #fff;
padding: 0 16px 0 0;
margin: 0;
cursor: pointer;
border: 0;
background: none;
float: left;
text-transform: uppercase;
}
.newsletter-form .submit span {
position: relative;
background: #0093d1;
display: block;
}
.newsletter-form .submit:hover {
opacity: 0.8;
text-decoration: none;
}
.newsletter-form .submit span:after {
background: url(../images/sprite.png) no-repeat -2px -23px;
width: 16px;
height: 39px;
position: absolute;
right: -16px;
top: 0;
content: "";
}
.platform-block {
overflow: hidden;
margin: 0 auto 80px;
max-width: 999px;
padding: 47px 0 0;
}
.platform-block h1 {
text-align: center;
color: #323232;
margin: 0 6px 33px 0;
font-size: 35px;
line-height: 37px;
font-weight: 300;
letter-spacing: -1px;
}
.platform-block .carousel {
position: relative;
max-width: 813px;
margin: 0 auto 52px;
left: -3px;
}
.platform-block .carousel .mask1 {
position: relative;
overflow: hidden;
}
.platform-block .carousel .btn-next, .platform-block .carousel .btn-prev {
background: url(../images/sprite.png) no-repeat -28px -34px;
width: 10px;
height: 16px;
text-indent: -9999px;
overflow: hidden;
position: absolute;
left: 71px;
top: 17px;
display: none;
}
.platform-block .carousel .btn-next {
background-position: -43px -34px;
left: auto;
right: 75px;
}
.tabset {
border: 1px solid #dedede;
list-style: none;
padding: 0;
text-align: center;
text-transform: uppercase;
font: 14px/52px "Lato", Arial, Helvetica, sans-serif;
position: relative;
margin: 0;
}
.tabset:after {
content: "";
clear: both;
display: block;
}
.tabset li {
float: left;
border-left: 1px solid #dedede;
position: relative;
}
.tabset li:first-child { border: 0; }
.tabset li a {
height: 52px;
display: block;
color: #005c83;
padding: 0 5px;
}
.tabset li:hover a { text-decoration: none; }
.tabset li.active a:after, .tabset li:hover a:after {
width: 101.2%;
height: 8px;
position: absolute;
background: #1179ad;
left: -1px;
bottom: -1px;
content: "";
z-index: 100;
}
.tab-holder {
overflow: hidden;
padding: 0 4% 0 5.6%;
}
.tab-holder .views-area {
float: left;
width: 50%;
font-size: 14px;
line-height: 23px;
color: #222;
padding: 0 4% 0 0;
}
.views-area .txt {
color: #016e92;
display: block;
text-transform: uppercase;
margin: 0 0 5px;
}
.views-area h2 {
font-size: 25px;
line-height: 27px;
font-weight: 600;
margin: 0 0 12px;
color: #3a3a3a;
text-transform: uppercase;
}
.views-area ul {
padding: 0;
margin: 0 0 11px;
line-height: 28px;
list-style: none;
overflow: hidden;
}
.views-area ul li {
position: relative;
padding: 0 0 0 21px;
}
.views-area ul li:after {
background: url(../images/sprite.png) no-repeat -55px -5px;
width: 12px;
height: 9px;
position: absolute;
left: 0;
top: 10px;
content: "";
}
.views-area p { margin: 0 0 15px; }
.views-area .btn {
text-transform: uppercase;
font-size: 13px;
line-height: 15px;
padding: 10px 34px;
margin: 0 0 0 3px;
}
.tab-holder .img-holder {
overflow: hidden;
width: 50%;
padding: 24px 0 0 4.2%;
}
.tab-holder .img-holder img {
display: block;
width: 100%;
height: auto;
}
.video-block {
position: relative;
overflow: hidden;
margin: 0 0 56px;
}
.video-block img {
display: block;
margin:0 0 0 -49px;
}
.video-block .outer {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.video-block .holder {
max-width: 999px;
margin: 0 auto;
overflow: hidden;
text-align: center;
position: relative;
color: #fff;
padding: 106px 0;
}
.video-block h1 {
font-size: 45px;
line-height: 47px;
font-weight: 300;
margin: 0 0 9px 33px;
letter-spacing: -2px;
}
.video-block .sub-txt {
display: block;
font-size: 25px;
line-height: 27px;
font-style: italic;
font-weight: 300;
margin: 0 9px 38px 0;
letter-spacing: -1px;
}
.video-block .btn-play {
background: url(../images/sprite.png) no-repeat -83px -2px;
width: 106px;
height: 106px;
text-indent: -9999px;
overflow: hidden;
display: block;
margin: 0 auto 32px;
position: relative;
left: -5px;
}
.video-block .btn-play:hover { opacity: 0.8; }
.video-block .video-txt {
display: block;
font-size: 49px;
line-height: 51px;
font-weight: 700;
margin: 0 9px 0 0;
letter-spacing: -2px;
}
.application-block {
max-width: 999px;
margin: 0 auto 48px;
overflow: hidden;
text-align: center;
}
.application-block h3 {
margin: 38px 0 15px 10px;
font-size: 26px;
line-height: 23px;
font-weight: 300;
letter-spacing: -1px;
}
.application-block h1 {
margin: 0 0 89px;
font-size: 35px;
line-height: 37px;
font-weight: 300;
color: #333;
letter-spacing: -1px;
}
.application-block .twocolumns {
overflow: hidden;
padding: 0 7.5%;
text-align: left;
margin: 0 0 -39px;
}
/* ===========================================
**CONTENT (Internal Pages)**
===========================================*/
.bullet-num-list { counter-reset: my-list-counter; }
.bullet-num-list dt { position: relative; font-size:15px; font-weight:700;padding: 4px 0 0 0; }
.bullet-num-list dt:before { content: counter(my-list-counter); counter-increment: my-list-counter; position: absolute; font: bold 1.6em/1.3 Sans-Serif; top: 1; left: 0;
width: 1.35em;
height: 1.35em;
text-align: center;
color: #fff;
border-radius: 50%;
background-color: #2984b8;
}
.bullet-num-list dd { margin: 0 0 15px; font-size: 13px;}
.bullet-num-list dt, .bullet-num-list dd { padding-left: 40px; }
#main { width: 100%; background: #f5f5f5; padding: 40px 0 0;}
#main h1 {
text-align: center;
/*text-transform: capitalize;*/
color: #393939;
font-size: 35px;
line-height: 37px;
font-weight: 300;
margin: 0 auto 48px;
max-width: 999px;
}
#main .twocolumns {
max-width: 999px;
margin: 0 auto;
overflow: hidden;
padding: 0 0.4% 56px;
}
#content { float: left; max-width: 675px; width: calc(100% - 302px);}
#sidebar { width: 302px; float: right;}
#sidebar .widget-box {
border: 1px solid #e4e4e4;
overflow: hidden;
margin: 0 0 10px;
background: #fff;
padding: 24px 25px;
}
#sidebar .widget-box:first-child { padding: 21px 24px 39px 26px; margin: 0 0 7px;}
#sidebar .widget-box h3 {
margin: 7px 0 16px 8px;
font-size: 14px;
line-height: 16px;
color: #343434;
font-weight: 600;
text-transform: uppercase;
}
#sidebar .widget-box.add h3 { margin: 0 0 23px 23px; }
#sidebar .widget-box ul {padding: 0 0 0 8px; margin: 0 0 -4px; list-style: none;}
#sidebar .widget-box.add ul { padding: 0; margin: 0; font-size: 14px; line-height: 16px;}
#sidebar .widget-box.add ul li:first-child { border: 0; }
#sidebar .widget-box.add ul li { margin: 0; border-top: 1px solid #eee; padding: 14px 5px 9px 23px;}
#sidebar .widget-box.add .views {
display: block;
color: #1179ad;
font-size: 14px;
line-height: 27px;
font-weight: 600;
}
#sidebar .widget-box.add { padding: 15px 0 9px; margin: -3px 0 0;}
.widget-box ul li { margin: 0 0 16px; }
.widget-box ul li a { color: #565656; }
.widget-box ul li a:hover { text-decoration: none; color: #41a9d6;}
.twocolumns .col {
float: right;
width: 43%;
}
.twocolumns .col:first-child { float: left; }
.twocolumns .col .box {
overflow: hidden;
margin: 0 0 40px;
}
.col .box {min-height:300px;}
.col .box .top-area {
overflow: hidden;
margin: 0 0 12px;
}
.box-holder {
background: #fafafa;
border: 1px solid #ededed;
padding: 9px 16px;
margin: 0;
width: 100%;
}
.box-holder-alt {
padding: 9px 16px;
margin: 0;
width: 100%;
}
/* ===========================================
**BLOG**
===========================================*/
.blog #main .twocolumns { padding: 0 0.3% 68px 0.4%; }
.blog #content { max-width: 677px; }
.post { overflow: hidden; margin: 0 0 9px;}
.post .alignleft { float: left; }
.post .txt-area {
overflow: hidden;
border-width: 1px 1px 1px 0;
border-color: #e4e4e4;
border-style: solid;
background: #fff;
min-height: 190px;
color: #555;
font-size: 13px;
line-height: 23px;
padding: 19px 21px 12px;
}
.post .txt-area h2 {
font-size: 17px;
line-height: 19px;
font-weight: 600;
margin: 0 0 9px;
text-transform: uppercase;
}
.post .txt-area h2 a { color: #0d8ebd; }
.post .txt-area .readmore {
color: #0d8ebd;
/*text-transform: capitalize;*/
font-size: 12px;
line-height: 14px;
font-weight: 600;
}
.post .txt-area p { margin: 0 0 14px; }
.post-detail {
overflow: hidden;
color: #555;
font-size: 13px;
line-height: 26px;
border: 1px solid #e4e4e4;
padding: 31px 20px 13px 33px;
background: #fff;
margin: 0 0 7px;
}
.post-detail h2 {
font-size: 23px;
line-height: 25px;
font-weight: 700;
margin: 0 0 24px;
color: #0d8ebd;
text-transform: uppercase;
}
.post-detail h3 { font-size: 16px; line-height: 23px; font-weight: 700; margin: 35px 0 15px; color: #3a3a3a; text-transform: uppercase;}
.post-detail.thank-you {background-color: #41a9d6; color:#FFF;}
.post-detail.success {background-color: #41a9d6; color:#FFF;}
.post-detail.thank-you h2, .post-detail.thank-you a, .post-detail.thank-you a:hover, .post-detail.success h2, .post-detail.success a, .post-detail.success a:hover, .post-detail.warning h2 {color:#FFF;}
.post-detail.thank-you a, .post-detail.success a {font-weight: bold;}
.post-detail.warning {background-color: #e67d7d; color:#FFF; font-size: 15px;}
.post-detail.warning a {color: #5a1111; font-weight:700;}
.post-detail p { margin: 0 0 26px; }
.social-area { overflow: hidden; padding: 111px 2px 0 2px;}
.social-area ul {
padding: 14px 0 0;
margin: 0;
list-style: none;
border-top: 1px solid #dedede;
}
.social-area ul li { float: left; margin: 0 10px 10px 0;}
.social-area ul li:hover img { opacity: 0.8; }
.social-area ul li img { display: block; }
.hours-block {
border: 1px solid #e4e4e4;
background: #fff;
overflow: hidden;
margin: 0 0 7px;
padding: 30px 25px 25px 31px;
}
.hours-block .box { float: left; margin: 0 0 10px 6.5%;}
.hours-block .box:first-child { margin: 0; }
.hours-block .box h3 {
margin: 0 0 12px;
font-size: 14px;
line-height: 17px;
color: #0d8ebd;
text-transform: uppercase;
}
.comments-block {
border: 1px solid #e4e4e4;
background: #fff;
overflow: hidden;
padding: 23px 26px 19px 23px;
}
.comments-block p {font-size:13px;}
.comments-block .pad {display:none;}
.comments-block.add {
padding: 22px 19px 19px 21px;
margin: 0 0 9px;
}
.comment-from {
overflow: hidden;
background: #f2f2f2;
padding: 14px 22px 18px 22px;
}
.comment-from h2 {
color: #565758;
font-size: 16px;
line-height: 18px;
margin: 0 0 23px -2px;
padding: 0 0 8px;
border-bottom: 1px solid #dedede;
text-transform: uppercase;
font-weight: 700;
}
.comments-block .top-bar {
overflow: hidden;
text-transform: uppercase;
padding: 0 11px 14px 4px;
}
.btn-comment {
float: right;
font-size: 12px;
line-height: 22px;
font-weight: 700;
text-align: center;
color: #fff;
background: #01a1df;
padding: 0 5px;
}
.btn-comment:hover { text-decoration: none;opacity: 0.8;}
.comments-block .top-bar h2 {
font-size: 14px;
line-height: 16px;
margin: 2px 0 0;
float: left;
color: #5e5e5e;
}
.comments-box {
overflow: hidden;
border-top: 1px solid #eee;
font-size: 13px;
line-height: 26px;
padding: 29px 4px 42px;
color: #505050;
}
.comments-box .title {
display: block;
text-transform: uppercase;
margin: 0 0 4px;
font-size: 14px;
line-height: 16px;
}
.comments-box .title a { color: #41abdb; }
.comments-box time { display: block;margin: 0 0 10px;}
.comments-box p { margin: 0; }
.comment-from .row { margin: 0 0 9px; }
.comment-from .row:after { content: ""; clear: both; display: block;}
.comment-from .row textarea::-webkit-input-placeholder, .comment-from .row input[type="text"]::-webkit-input-placeholder, .comment-from .row input[type="email"]::-webkit-input-placeholder { color: #c0bbc0;}
.comment-from .row textarea:-moz-placeholder, .comment-from .row input[type="text"]:-moz-placeholder, .comment-from .row input[type="email"]:-moz-placeholder { color: #c0bbc0;}
.comment-from .row textarea::-moz-placeholder, .comment-from .row input[type="text"]::-moz-placeholder, .comment-from .row input[type="email"]::-moz-placeholder { color: #c0bbc0; opacity: 1;}
.comment-from .row textarea:-ms-input-placeholder, .comment-from .row input[type="text"]:-ms-input-placeholder, .comment-from .row input[type="email"]:-ms-input-placeholder { color: #c0bbc0;}
.comment-from .row textarea, .comment-from .row input[type="email"], .comment-from .row input[type="text"] {
padding: 2px 5px;
width: 290px;
height: 28px;
outline: none;
font: 12px/24px Arial, Helvetica, sans-serif;
border: 1px solid #ccc;
color: #383838;
}
.comment-from .row .txt {
color: #5f5f76;
font-size: 11px;
line-height: 12px;
}
.comment-from .row textarea {
width: 562px;
height: 68px;
padding: 0 4px;
}
.comment-from .row input[type="submit"] {
width: 148px;
height: 34px;
text-align: center;
text-transform: uppercase;
color: #fff;
background: #41a9d6;
font: 600 14px/34px 'Open Sans';
border: 0;
padding: 0;
margin: 3px 0 0;
cursor: pointer;
}
.comment-from .row input[type="submit"]:hover { opacity: 0.8; }
#main .pagination {
background: #1179ad;
padding: 41px 9999px 42px;
margin: 0 -9999px;
list-style: none;
overflow: hidden;
border-width: 1px 0;
border-style: solid;
border-color: #c9c9c9;
text-align: center;
font-size: 20px;
line-height: 22px;
text-transform: uppercase;
position: relative;
left: -12px;
}
#main .pagination li {
display: inline-block;
vertical-align: middle;
margin: 0 3px 0 5px;
}
#main .pagination li.next, #main .pagination li.previous {
font-size: 14px;
vertical-align: bottom;
line-height: 16px;
margin: 0 22px;
}
#main .pagination li a { color: #f0f0f0; }
.search-blog {background: #fff; border: 1px solid #dfdfdf;}
.search-blog:after { content: ""; clear: both; display: block;}
.search-blog input[type="text"]::-webkit-input-placeholder, .search-blog input[type="search"]::-webkit-input-placeholder { color: #7f7f7f;}
.search-blog input[type="text"]:-moz-placeholder, .search-blog input[type="search"]:-moz-placeholder { color: #7f7f7f;}
.search-blog input[type="text"]::-moz-placeholder, .search-blog input[type="search"]::-moz-placeholder { color: #7f7f7f; opacity: 1;}
.search-blog input[type="text"]:-ms-input-placeholder, .search-blog input[type="search"]:-ms-input-placeholder { color: #7f7f7f;}
.search-blog input[type="text"], .search-blog input[type="search"] {
border: 0;
color: #7f7f7f;
background: #fff;
font: 600 14px/32px 'Open Sans';
padding: 5px 10px;
height: 42px;
outline: none;
text-transform: uppercase;
float: left;
width: 86%;
letter-spacing: -1px;
}
.search-blog input[type="submit"] {
background: url(../images/sprite.png) no-repeat -128px -125px;
width: 16px;
height: 16px;
float: right;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
padding: 0;
margin: 14px 17px 0 0;
border: 0;
font-size: 14px;
line-height: 34px;
font-weight: 600;
}
.search-blog input[type="submit"]:hover { opacity: 0.8; }
/* ===========================================
**SHARING ICONS**
===========================================*/
.icon-twitter:before { content: "\f099";}
.icon-facebook:before { content: "\f09a";}
.icon-googleplus:before { content: "\f0d5";}
.icon-pinterest:before { content: "\f0d2";}
.icon-chat:before { content: "\f086";}
.share { overflow: hidden;margin-top: 20px;border-top: 1px solid #ccc;padding-top:10px;padding-left:0;}
.share li { padding: 0; margin: 0; list-style: none;}
.share li { float: left; padding: 0;margin:0;}
.share li:first-child { margin-left: 0;}
.share li:last-child { margin-right: 0;}
.share li a { display: block; text-align: center; font-weight: normal; text-decoration: none;}
.share .ics, .share { vertical-align: middle;}
/** Footer sharing icons
=================================== */
.share-foot li a { color: #FFF; text-transform: uppercase; font-family: arial,tahoma,sans-serif; position: relative;}
.share-foot .fb a { background: #3c5a98; }
.share-foot .fb a:hover { background-color: #31497b; }
.share-foot .tw a { background: #00abf0;}
.share-foot .tw a:hover { background-color: #0095d1; }
.share-foot .pin a { background: #dc0000; }
.share-foot .pin a:hover { background-color: #c20000; }
.share-foot .gp a { background: #da5534;}
.share-foot .gp a:hover { background-color: #bf492b; }
.share-foot .comm a { background: #5e5e5e;}
.share-foot .comm a:hover { background-color: #333333; }
.share-foot li { margin: 0 5px; width: 100px;}
.share-foot li a { font-size: 10px; padding: 3px 0;}
.share-foot .ics { font-size: 16px; padding-right: 4px;line-height: 16px; }
/* Optin
=========================================== */
.optin-req {display:none;color:#C00;font-size:12px;text-align:center;}
.reports-form { text-align: center; }
.reports-form h2 {
margin: 0 0 9px;
color: #343434;
font-size: 22px;
line-height: 24px;
font-weight: 300;
text-transform: uppercase;
}
.reports-form .txt {
display: block;
font-size: 18px;
line-height: 26px;
color: #000;
margin: 0 0 5px;
}
.reports-form .img-box {
overflow: hidden;
margin: 0 -5px 17px;
}
.reports-form .img-box img {
display: block;
margin: 0 auto;
}
.reports-form input[type="text"]::-webkit-input-placeholder, .reports-form input[type="email"]::-webkit-input-placeholder { color: #6f6f6f;}
.reports-form input[type="text"]:-moz-placeholder, .reports-form input[type="email"]:-moz-placeholder { color: #6f6f6f;}
.reports-form input[type="text"]::-moz-placeholder, .reports-form input[type="email"]::-moz-placeholder { color: #6f6f6f; opacity: 1;}
.reports-form input[type="text"]:-ms-input-placeholder, .reports-form input[type="email"]:-ms-input-placeholder { color: #6f6f6f;}
.reports-form input[type="text"], .reports-form input[type="email"] {
outline: none;
width: 100%;
border: 1px solid #d2d2d2;
height: 44px;
text-align: center;
color: #6f6f6f;
font: 600 14px/34px 'Open Sans';
padding: 5px;
margin: 0 0 10px;
display: block;
background: #fff;
text-transform: uppercase;
}
.reports-form input[type="submit"] {
border: 0;
width: 100%;
font: 600 15px/43px 'Open Sans';
height: 43px;
padding: 0;
margin: 0;
text-align: center;
color: #fff;
background: #41a9d6;
text-transform: uppercase;
}
.reports-form input[type="submit"]:hover { opacity: 0.8; }
.box .top-area .alignleft {
float: left;
margin: 4px 14px 0 0;
display:inline-block;
font-size: 25px;
color:#fff;
text-align:center;
line-height: 50px;
height: 50px;
width: 50px;
background-color:#016ba5;
border-radius:3px;
}
.box .top-area .alignleft.b-communities {background-color:#316480;}
.box .top-area .alignleft.b-crm {background-color:#15b0bf;}
.box .top-area .alignleft.b-content-management {background-color:#91d1e3;}
.box .top-area .alignleft.b-project-management {background-color:#9baf12;}
.box .top-area .alignleft.b-marketing-campaigns {background-color:#678495;}
.box .top-area .alignleft.b-event-management {background-color:#f99f1c;}
.box .top-area .alignleft.b-document-management {background-color:#1095a6;}
.box .top-area .alignleft.b-blogging {background-color:#0a4569;}
.box .top-area .alignleft.b-webinars-courses {background-color:#8a8c01;}
.box .top-area .alignleft.b-online-store {background-color:#4484a3;}
.box .top-area .alignleft.b-form-builder {background-color:#fec30c;}
.box .top-area .alignleft.b-employee-onboarding {background-color:#1395a4;}
.box .top-area h2 {
font-size: 26px;
line-height: 28px;
font-weight: 300;
margin: 0;
letter-spacing: -1px;
overflow: hidden;
/*text-transform: capitalize;*/
}
.box .top-area h2 a {
color: #000;
display: inline-block;
}
.box .top-area h2 a:hover .sub-txt, .box .top-area h2 a:hover {
color: #01a1df;
text-decoration: none;
}
.box .top-area .sub-txt {
font-size: 18px;
line-height: 24px;
font-weight: 600;
color: #262626;
display: block;
padding: 5px 0 0;
}
.col .box .detail {
font-size: 14px;
line-height: 16px;
font-weight: 600;
letter-spacing: -1px;
text-transform: uppercase;
}
.col .box p {
margin: 0 0 12px;
/*letter-spacing: -1px;*/
}
.all-applications {
font-size: 14px;
line-height: 16px;
font-weight: 600;
text-transform: uppercase;
}
.more {
font-size: 13px;
line-height: 15px;
font-weight: 600;
margin: 0 0 0 7px;
}
.pricing-block {
max-width: 999px;
overflow: hidden;
margin: 0 auto;
padding: 40px 1.4% 38px 1.6%;
}
.pricing-block h1 {
font-size: 35px;
line-height: 38px;
color: #393939;
font-weight: 300;
margin: 0 0 48px;
letter-spacing: -1px;
text-align: center;
}
.pricing-block .threecolumns { overflow: hidden; }
.threecolumns .col {
width: 33.33%;
float: left;
color: #fff;
border-bottom: 1px solid #d4d4d4;
background: #f7f7f7;
}
.threecolumns .col h2 {
font-size: 24px;
line-height: 26px;
text-transform: uppercase;
text-align: center;
font-weight: 400;
background: #03547c;
margin: 0;
padding: 18px 17px 15px 7px;
letter-spacing: -1px;
}
.threecolumns .col.add h2 { padding: 20px 17px 28px 23px; }
.threecolumns .col:first-child .price-area { padding: 26px 7.1% 30px 5%; }
.threecolumns .col .price-area {
overflow: hidden;
background: #1179ad;
text-align: center;
padding: 26px 5.7% 30px 7%;
}
.threecolumns .col.add .price-area { padding: 15px 5.9% 30px 6.6%; }
.col .price-area .price {
display: block;
font-size: 50px;
line-height: 52px;
font-weight: 600;
border-bottom: 1px solid #d4d4d4;
letter-spacing: -2px;
margin: 0 0 20px;
padding: 0 0 23px;
}
.col.add .price-area .price { padding: 0 0 19px; margin: 0 0 18px;}
.price-area .price.custom-quote {font-size:24px;}
.price-area .price sup {
font-size: 28px;
line-height: 30px;
font-weight: 700;
display: inline-block;
vertical-align: top;
margin: 14px 13px 0 -11px;
}
.price-area .price sub {
font-size: 19px;
line-height: 21px;
font-weight: 600;
display: inline-block;
vertical-align: bottom;
margin: 0 -15px 6px 15px;
letter-spacing: 0;
}
.price-area .info-txt {
font-size: 21px;
line-height: 27px;
display: block;
padding: 0 7% 29px;
min-height: 110px;
}
.col:first-child .price-area a { margin: 0 29px 0 27px; }
.price-area a {
display: block;
font-size: 21px;
line-height: 50px;
height: 51px;
background: #329cd1;
padding: 0 5px;
text-align: center;
color: #fff;
/*text-transform: capitalize;*/
margin: 0 28px 0 27px;
}
.col.add .price-area a { margin: 2px 34px 0 23px; }
.price-area a:hover { text-decoration: none; background-color: #33b3e5;}
.threecolumns .col .features {
padding: 0;
margin: 0 0 0 10px;
list-style: none;
overflow: hidden;
background: #f7f7f7;
color: #686868;
text-align: center;
border-width: 0 1px 0 0;
border-color: #d4d4d4;
border-style: solid;
}
.threecolumns .col:first-child .features { border-width: 0 0 0 1px; margin: 0 10px 0 0;}
.threecolumns .col.add .features { border-width: 0 1px 0 1px; margin: 0;}
.threecolumns .col.add { position: relative; }
.threecolumns .col.add:before, .threecolumns .col.add:after {
background: rgba(0,0,0,0.07);
top: 0;
width: 10px;
right: -10px;
height: 100%;
position: absolute;
content: "";
z-index: 100;
}
.threecolumns .col.add:before {left: -10px; right: auto;}
.col .features li:first-child { border: 0; padding: 19px 6px 19px 0}
.col .features li { border-top: 1px solid #d4d4d4; padding: 13px 5px 13px 0;}
.col .features li.last { padding: 18px 5px 24px 0; }
.col .features li div {min-height: 120px;margin:0 40px;font-size: 14px;}
.col .features li div ul {list-style:disc;}
.col .features li div ul li:first-child {padding: 1px;}
.col .features li div ul li {border:none;padding: 1px;line-height:18px; text-align:left;}
.features-container {
max-width: 999px;
margin: 0 auto;
overflow: hidden;
padding: 40px 0.7% 12px;
}
.features-container h1 {
margin: 0 0 48px;
letter-spacing: -1px;
text-align: center;
font-size: 35px;
line-height: 37px;
font-weight: 300;
/*text-transform: capitalize;*/
color: #393939;
}
.features-table {
overflow: hidden;
border-collapse: collapse;
width: 100%;
table-layout: fixed;
}
.features-table th {
width: 230px;
background: #0093d1;
padding: 0 0 48px;
vertical-align: top;
box-sizing: content-box;
border-left: 17px solid #fff;
}
.features-table tr:first-child { border-bottom: 15px solid #fff; }
.features-table th .top-area {
background: #03547c;
color: #fff;
position: relative;
padding: 20px 9% 10px;
}
.features-table th:first-child { border: 0; }
.features-table th:first-child .top-area { padding: 20px 9% 44px; }
.features-table th .top-area:after {
background: url(../images/arrow.png) no-repeat;
width: 100%;
height: 37px;
position: absolute;
left: 0;
bottom: -37px;
content: "";
background-size: 100% auto;
}
.features-table th .top-area .title {
font-size: 22px;
line-height: 24px;
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #0892ca;
padding: 0 0 11px;
margin: 0 0 22px;
display: block;
}
.features-table th .top-area .price-txt {
display: block;
font-size: 15px;
line-height: 17px;
font-weight: 600;
letter-spacing: -1px;
text-transform: uppercase;
}
.features-table th .top-area .price {
display: block;
font-size: 38px;
line-height: 40px;
font-weight: 600;
margin: -3px 0 -3px -3px;
letter-spacing: -1px;
}
.features-table th .top-area .per-month {
display: block;
font-size: 15px;
line-height: 17px;
font-weight: 600;
margin: 0;
}
.features-table tr td.heading {
background: #0093d1;
text-transform: uppercase;
font-size: 14px;
line-height: 45px;
font-weight: 700;
color: #fff;
height: 45px;
}
.features-table tr td {
text-align: center;
font-size: 13px;
line-height:20px;
min-height: 40px;
padding-top: 10px;
padding-bottom: 10px;
color: #393939;
}
.features-table tr td span {
display:inline-block;
margin-top: 10px;
margin-bottom: 10px;
}
.features-table tr td:first-child {
text-align: left;
padding: 0 0 0 3.1%;
}
.features-table tr td:nth-child(2) {
padding-left: 3.1%;
}
/* ===========================================
**CONTENT: ABOUT **
===========================================*/
.auother-block, .plain-block {
max-width: 999px;
margin: 0 auto;
overflow: hidden;
/*padding: 40px 3% 0;*/
padding: 40px 0 50px 0;
}
.plain-block {padding: 0 0 50px;}
.auother-block h1 {
text-align: center;
letter-spacing: -1px;
margin: 0 0 44px 44px;
color: #393939;
font-size: 35px;
line-height: 37px;
font-weight: 300;
}
.auother-block h1.signup {line-height: 40px; padding-bottom:15px; margin-bottom: 0;}
.signup span.subheading {display:block;font-size:18px;font-weight:700;color:#0d8ebd;line-height:25px;margin:15px 0;}
.signup span.subheading span {font-weight:400;display:block;line-height:15px;padding: 10px 0;font-size:13px;text-decoration:none;color:#1a1a1a;letter-spacing: 0;}
.signup span.subheading span a {color:#029ad3}
h1.bluehead {font-size:18px;font-weight:700;color:#0d8ebd;line-height:25px;margin:0 0 15px 0;text-align:left;}
h1.blackhead, h1.blackhead-alt {font-size:16px;font-weight:600;color:#3a3a3a;line-height:25px;margin:0 0 15px 0;text-align:left;}
h1.blackhead-alt {text-align:center;}
h1.simple-thin {font-size: 20px;margin:0}
h2 span.subheading {display:block;font-size:15px;font-weight:700;color:#000;line-height:25px;margin:0;text-transform:none;}
/*.login-form {margin-bottom:40px;max-width: 500px;margin: 0 auto 40px auto;}*/
.mtneg { margin-top:-10px}
.form-mto { margin-top: 25px;}
.mbo { margin-bottom: 20px;}
.mto { margin-bottom: 20px;}
.mbz {margin-bottom:0;}
.auother-block .core-info {
margin: 0 0 43px;
letter-spacing: -1px;
}
.auother-block .core-info:after {
content: "";
clear: both;
display: block;
}
.auother-block .core-info h2 {
font-size: 25px;
line-height: 27px;
font-weight: 300;
margin: 0 0 5px -2px;
}
.auother-block .core-info h2 a { color: #252525; }
.auother-block .core-info h2 a:hover {
color: #01a1df;
text-decoration: none;
}
.auother-block .core-info p { margin: 0; }
.auother-container {
width: 100%;
background: #f0f0f0;
}
.auother-container .holder {
max-width: 999px;
margin: 0 auto;
overflow: hidden;
padding: 46px 1.3% 25px 1.5%;
}
.auother-container .auother-info {
overflow: hidden;
margin: 0 0 18px;
}
.auother-container .auother-info .alignleft { float: left; }
.auother-container .auother-info .txt-box {
overflow: hidden;
background: #fff;
border-width: 1px 1px 1px 0;
border-color: #e1e1e1;
border-style: solid;
min-height: 282px;
padding: 28px 4.6%;
}
.auother-info .txt-box h3 {
font-size: 26px;
line-height: 28px;
color: #0093d1;
font-weight: 400;
/*text-transform: capitalize;*/
margin: 0 0 7px;
letter-spacing: -1px;
}
.auother-info .txt-box .designation {
display: block;
color: #000;
margin: 0 0 18px;
font-size: 13px;
line-height: 15px;
font-weight: 600;
/*text-transform: capitalize;*/
}
.auother-info .txt-box p { margin: 0 0 10px; }
.auother-left {width:50%;display:inline-block;margin-right:4%; vertical-align:top;}
.auother-right {width:45%;display:inline-block;vertical-align:top;}
.auother-left-alt {width:65%;display:inline-block;margin-right:4%; vertical-align:top;}
.auother-right-alt {width:30%;display:inline-block;vertical-align:top;}
.applications-block {
max-width: 999px;
margin: 0 auto;
padding: 40px 0 0;
}
.applications-block:after {
content: "";
clear: both;
display: block;
}
.applications-block.overview { padding: 40px 0 0; }
#ContactForm input[type="text"],#ContactForm input[type="password"],#ContactForm input[type="email"],#ContactForm textarea,#ContactForm select,
#UserProfileForm input[type="text"],#UserProfileForm input[type="password"],#UserProfileForm input[type="email"],#UserProfileForm select {width: 100%;}
/* ===========================================
**SERVICES**
===========================================*/
.customizations-block {
border-bottom: 1px solid #e9e9e9;
padding: 0 9999px 40px;
margin: 0 -9999px 60px;
}
.services-holder { overflow: hidden; }
.services-holder .col:first-child {
border: 0;
width: 33.7%;
}
.services-holder .col {
width: 33.15%;
text-align: center;
float: left;
padding: 0 3% 25px;
color: #5e5e5e;
line-height: 24px;
border-left: 1px solid #e7e7e7;
}
.services-holder .col .img-box {
width: 100%;
min-height: 115px;
white-space: nowrap;
margin: 0 0 28px;
}
.services-holder .col .img-box:after {
content: '';
display: inline-block;
height: 115px;
width: 1px;
overflow: hidden;
margin: 0 0 0 -5px;
vertical-align: middle;
}
.services-holder .col .img-box span {
vertical-align: middle;
display: inline-block;
white-space: normal;
margin: 0;
}
.services-holder .col img {
display: block;
margin: 0 auto;
}
.services-holder .col h2 {
font-size: 30px;
line-height: 32px;
color: #0f0f0f;
font-weight: 300;
margin: 0 0 16px;
}
.services-holder .col p { margin: 0; }
.services-holder .col h2 a { color: #0f0f0f; }
.services-holder .col h2 a:hover {
color: #01a1df;
text-decoration: none;
}
.applications-block h1 {
margin: 0 0 48px 22px;
letter-spacing: -1px;
text-align: center;
font-size: 35px;
line-height: 37px;
color: #393939;
font-weight: 300;
/*text-transform: capitalize;*/
}
.customizations-block h1 span { display: none; }
.overview .app-holder .txt-area {
padding: 0 0 0 5.7%;
line-height: 29px;
width: 46%;
}
.overview .app-holder .txt-area h2 { margin: 0 0 9px; }
.overview .app-holder .txt-area h3 {
text-transform: none;
margin: 0 0 12px;
}
.overview .app-holder .txt-area .btn-more { margin: 0 0 0 3px; }
.overview .app-holder .txt-area p { margin: 0 0 27px; }
.applications-block.add h1 {
margin: 0 0 68px;
color: #000;
}
.applications-block.add .customizations-block h1 {
margin: 0 6px 48px 0;
color: #393939;
}
.applications-block .app-holder {
overflow: hidden;
padding: 31px 0 68px;
}
.applications-block.overview .app-holder { padding: 0 0 47px; }
.applications-block .app-holder.even {
background: #fafafa;
border-width: 1px 0;
border-color: #ededed;
border-style: solid;
padding: 31px 9999px 68px;
margin: 0 -9999px;
}
.applications-block .outer-holder {
background: #fafafa;
border-width: 1px 0;
border-color: #ededed;
border-style: solid;
padding: 9px 9999px 16px;
margin: 0 -9999px;
}
.applications-block .outer-holder .app-holder { padding: 31px 0 60px; }
.applications-block .outer-holder .app-holder .txt-area { padding: 27px 0 0 4.9%; }
.applications-block .outer-holder .slider.img-holder {
margin: 32px 5% 0 0;
width: 40.9%;
}
.applications-block .outer-holder .app-holder:first-child .txt-area, .applications-block .outer-holder .app-holder .odd {
float: right;
padding: 19px 0 0 2.7%;
}
.applications-block .outer-holder .app-holder:first-child .slider.img-holder { margin: 32px 7% 0 0; }
.app-holder .txt-area {
float: left;
width: 45%;
padding: 19px 0 0 3.7%;
}
.app-holder .txt-area h2 {
font-size: 26px;
line-height: 28px;
font-weight: 300;
color: #000;
letter-spacing: -1px;
margin: 0 0 4px;
/*text-transform: capitalize;*/
}
.app-holder .txt-area h3 {
font-size: 20px;
line-height: 22px;
margin: 0 0 15px;
font-weight: 600;
letter-spacing: -1px;
color: #000;
/*text-transform: capitalize;*/
}
.app-holder .txt-area p { margin: 0 0 16px; }
.app-holder .txt-area .btn-more {
display: inline-block;
vertical-align: top;
min-width: 143px;
height: 35px;
background: #0093d1;
color: #fff;
font-size: 14px;
line-height: 35px;
font-weight: 600;
text-align: center;
/*text-transform: capitalize;*/
padding: 0 11px 0 5px;
}
.app-holder .txt-area .btn-more:hover {
text-decoration: none;
opacity: 0.8;
}
.slider {
position: relative;
float: right;
width: 41%;
margin: 0 5% 0 0;
}
.slider.img-holder img {
display: block;
width: 100%;
height: auto;
}
.slider.img-holder {
margin: 0 5.7% 0 0;
width: 41.4%;
}
.slider .btn-next, .slider .btn-prev {
background: url(../images/sprite.png) no-repeat -28px -34px;
width: 10px;
height: 16px;
position: absolute;
left: 50%;
bottom: -43px;
text-indent: -9999px;
overflow: hidden;
display: block;
margin: 0 0 0 -22px;
}
.slider .btn-next {
background-position: -43px -34px;
margin: 0 0 0 8px;
}
.slider .btn-next:hover, .slider .btn-prev:hover { opacity: 0.8; }
.slider .mask2 {
position: relative;
overflow: hidden;
}
.slider .mask2 .slideset2 {
width: 99999px;
float: left;
}
.slider .mask2 .slide2 { float: left; }
.slider .mask2 .slide2 img {
display: block;
width: 100%;
height: auto;
}
.questions-block {
max-width: 999px;
margin: 0 auto;
text-align: center;
overflow: hidden;
padding: 0 2% 93px 1.8%;
}
.features-table tr.add { background: #f7f7f7; }
.features-table tr td img {
display: inline-block;
vertical-align: middle;
}
.questions-block h1 {
margin: 0 0 14px;
letter-spacing: -1px;
font-size: 34px;
line-height: 36px;
color: #545454;
font-weight: 400;
}
.questions-block h2 {
margin: 0 0 76px;
letter-spacing: -1px;
font-size: 34px;
line-height: 36px;
font-weight: 600;
color: #1179ad;
}
.questions-block .col-holder {
overflow: hidden;
text-align: left;
}
.col-holder .col:first-child { float: left; }
.col-holder .col {
float: right;
width: 45%;
color: #000;
line-height: 28px;
}
.col-holder .col h3 {
font-size: 24px;
line-height: 26px;
color: #313131;
font-weight: 400;
margin: 0 0 10px;
}
.col-holder .col p { margin: 0; }
.information-block {
width: 100%;
background: #1179ad;
border-width: 1px 0;
border-color: #c9c9c9;
border-style: solid;
}
.information-block.add {
border: 0;
text-align: center;
}
.information-block .holder {
max-width: 999px;
margin: 0 auto;
overflow: hidden;
padding: 34px 7% 39px 4.2%;
}
.information-block.add .holder { padding: 30px 5% 46px; }
.information-block h1 {
float: left;
letter-spacing: -1px;
font-size: 30px;
line-height: 34px;
font-weight: 300;
color: #f0f0f0;
font-style: italic;
margin: 0;
max-width: 50%;
}
.information-block.add h1 {
float: none;
max-width: inherit;
font-size: 34px;
line-height: 36px;
font-style: normal;
font-weight: 400;
color: #fff;
}
.information-block a {
float: right;
font-size: 16px;
line-height: 20px;
font-weight: 700;
color: #f0f0f0;
text-transform: uppercase;
margin: 9px 0 0;
max-width: 50%;
}
.information-block.add a {
float: none;
display: inline-block;
vertical-align: top;
max-width: inherit;
font-size: 34px;
font-weight: 600;
line-height: 36px;
text-transform: inherit;
color: #fff;
}
.help-block {
background: #f0f0f0;
width: 100%;
}
.help-block .holder {
max-width: 999px;
margin: 0 auto;
overflow: hidden;
text-align: center;
padding: 43px 0 51px;
}
.help-block h1 {
color: #393939;
font-size: 35px;
line-height: 37px;
font-weight: 300;
margin: 0 0 50px 24px;
letter-spacing: -1px;
}
.help-block a {
font-size: 35px;
line-height: 37px;
font-weight: 300;
text-align: center;
color: #fff;
/*text-transform: capitalize;*/
position: relative;
background: #0093d1;
display: inline-block;
vertical-align: top;
padding: 30px 50px 37px 32px;
margin: 0 0 0 -13px;
letter-spacing: -1px;
}
.help-block a:before {
display: inline-block;
vertical-align: middle;
background: url(../images/sprite.png) no-repeat -26px -2px;
width: 21px;
height: 16px;
content: "";
margin: -3px 29px 0 0;
}
.help-block a:hover {
text-decoration: none;
opacity: 0.8;
}
.testimonial-block {
width: 100%;
background: #005b96 url(../images/bg-block.jpg) -49px 0 no-repeat;
background-size: cover;
padding-top:43px;
}
/* ===========================================
**SUBCRIPTION SIGN UP**
===========================================*/
/* portal overwrites */
.xm-sm-info h3 {margin-bottom:0;}
.xm-sm-info strong {color: #555;font-weight: bold;font-size: 1.093em;}
.xm-sm-info .xm-row span {float: right;}
.xm-sm-info .xm-first {margin-top: 10px;margin-bottom: 5px;}
.xm-sm-info .xm-row {display: block;border-bottom: 1px solid #e5e5e5;}
.xm-sm-info-footer {margin: 0;text-align: right;padding: 10px 0;font-size: 1.17em;line-height: 1.215em;color: #000;font-weight: bold;}
.sm-plan-title {font-size: 1.17em;font-weight:bold;font-style:italic; color:#000;margin-bottom: 20px;}
.xm-sm-loading {display:none; text-align:center;margin:30px 0; font-weight:bold; color: #990000}
.signup-form .xm-sm-loading { font-size: 16px; color:#fff;}
.newsletter-form .xm-sm-loading { text-align:left;padding-left:20px;color:#990000;font-size: 14px;margin: 10px 0;}
.sm-order-left {float:left;width: 70%}
.sm-order-right {float:right;width: 30%; text-align:right;}
.sm-order-right .btn i {padding-right: 7px;}
/* ===========================================
**LANDING PAGE**
===========================================*/
ul.countdown {margin:0;text-align:center;padding-bottom: 30px;}
ul.countdown li {display:inline-block; margin-right: 40px; font-size: 70px; font-weight: 400; text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);}
ul.countdown li span {display:block; font-size:16px; text-transform: uppercase; font-weight:400;text-align:left; padding-bottom: 20px;letter-spacing:0;text-shadow:none;}
.landing .visual .holder .block-holder h3 {margin:0;text-align:center;padding-bottom: 10px; text-transform: uppercase; font-size: 22px;font-weight: 700;text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);}
.landing .visual .holder .block-holder .descr {font-size: 16px;font-weight: 400;text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);}
.landing-share { overflow: hidden;margin:5px 0 0 0;padding-top:0;padding-left:0;vertical-align: middle;max-width: 392px;}
.landing-share li { padding: 0; margin: 0 1.2% 0 0; list-style: none;width: 32.5%; float: left; }
.landing-share li:first-child { margin-left: 0;}
.landing-share li:last-child { margin-right: 0;}
.landing-share li a { display: block; text-align: center; font-weight:400; text-decoration: none;color: #FFF; text-transform: none;position: relative;font-size: 15px; padding: 7px 0;}
.landing-share .fb a { background: #005894; }
.landing-share .fb a:hover { background-color: #014777; }
.landing-share .tw a { background: #2786b7;}
.landing-share .tw a:hover { background-color: #1a709d; }
.landing-share .em a { background: #ce4b12;}
.landing-share .em a:hover { background-color: #b73e0a; }
.landing-share .ics { font-size: 16px; padding-right: 8px;line-height: 16px; }
.content-area {
max-width: 999px;
margin: 0 auto;
overflow: hidden;
padding: 55px 0.6% 45px 1.6%;
}
.content-area .info-block {
float: left;
width: 51%;
color: #3b3b3b;
font-size: 23px;
line-height: 35px;
font-weight: 300;
}
.info-block h3 {
margin: 2px 0 13px -2px;
font-size: 21px;
line-height: 25px;
color: #0e0e0e;
font-weight: 700;
letter-spacing: -1px;
}
.info-block p {
margin: 0 0 16px;
letter-spacing: -1px;
}
.info-block .learn {
display: block;
color: #fff;
font-size: 16px;
line-height: 72px;
height: 74px;
font-weight: 700;
text-align: center;
background: #2786b7;
padding: 0 5px;
margin: 0 6.1% 26px 0;
letter-spacing: -1px;
}
.see-txt {
display: block;
color: #1f1f1f;
font-size: 19px;
line-height: 21px;
font-style: italic;
margin: 0 0 40px;
}
.info-block .view {
display: block;
color: #000;
font-size: 31px;
line-height: 60px;
height: 64px;
font-weight: 700;
text-align: left;
/*text-transform: capitalize;*/
border-bottom: 5px solid #73ae19;
margin: 0 6.1% 0 0;
letter-spacing: -1px;
padding-left: 2px;
}
.info-block .subhead {
display: block;
color: #343434;
font-size: 19px;
font-weight: 700;
text-transform: none;
margin: 10px 6.1% 0 0;
letter-spacing: -1px;
line-height: 28px;
}
.info-block div.quote {
display: block;
color: #696969;
font-size: 23px;
font-weight: 300;
text-transform: none;
margin: 0 6.1% 0 0;
letter-spacing: -1px;
line-height: 35px;
font-style:italic;
}
.info-block div.quote p {
display: block;
margin: 40px 40px 0 40px;
}
.info-block div.quote span {
display: block;
margin: 0 20px;
text-align:right;
font-style:normal;
text-transform:uppercase;
font-size: 14px;
font-weight:700;
}
.info-block div.yes-remind {
display:block;
color: #000;
font-size: 24px;
font-weight: 700;
text-transform: none;
margin: 0 6.1% 0 0;
letter-spacing: -1px;
line-height: 30px;
padding:20px;
}
.info-block div.yes-remind span:first-child {display:inline-block;width: 300px; width: calc(100% - 3em);vertical-align:top; }
.info-block div.yes-remind span:last-child {
display: inline-block;
background: url(/lib/theme/webauthor-xm/images/sign-up-arrow.png) no-repeat;
width: 63px;
height: 44px;
vertical-align:middle;
margin-top: 10px;
}
.info-block a:hover {
text-decoration: none;
opacity: 0.8;
}
.form-holder {
float: right;
width: 45%;
color: #818181;
font-size: 13px;
line-height: 23px;
}
.form-holder p { margin: 0 0 -2px; }
.form-holder p a { color: #818181; }
.form-holder p a:hover {
text-decoration: none;
color: #2786b7;
}
.policy { color: #2786b7; }
.signup-form {
background: #2786b7;
max-width: 392px;
padding: 17px 9.5% 22px;
margin: 0 0 1px;
}
.signup-form h3 {
text-align: center;
color: #fff;
font-size: 26px;
line-height: 33px;
font-weight: 400;
margin: 0 0 31px;
}
.signup-form .txt {
display: block;
font-size: 14px;
line-height: 16px;
color: #fff;
margin: 0 0 7px;
}
.signup-form .row {
margin: 0 0 10px;
text-align: center;
}
.signup-form .row:after {
content: "";
display: block;
clear: both;
}
.error { border: 1px solid #f20; }
.signup-form input[type="text"]::-webkit-input-placeholder, .signup-form input[type="email"]::-webkit-input-placeholder { color: #4a4a4a;}
.signup-form input[type="text"]:-moz-placeholder, .signup-form input[type="email"]:-moz-placeholder { color: #4a4a4a;}
.signup-form input[type="text"]::-moz-placeholder, .signup-form input[type="email"]::-moz-placeholder { color: #4a4a4a; opacity: 1;}
.signup-form input[type="text"]:-ms-input-placeholder, .signup-form input[type="email"]:-ms-input-placeholder { color: #4a4a4a;}
.signup-form input[type="email"], .signup-form input[type="text"] {
padding: 5px 15px;
border: 1px solid #dedede;
width: 100%;
height: 43px;
outline: none;
color: #4a4a4a;
font: 16px/33px 'Open Sans', Arial, Helvetica, sans-serif;
background: #fff;
}
.signup-form input[type="submit"], .signup-form button {
padding: 10px 0;
margin: 22px auto 0 auto;
background: none;
border: 0;
color: #fff;
cursor: pointer;
font: 400 18px/24px 'Open Sans', Arial, Helvetica, sans-serif;
background-color:#054b6f;
width: 100%;
}
.signup-form input[type="submit"]:hover, .signup-form button:hover { background-color:#1e658a; opacity:1}
.signup-disclaimer {font-size:12px;max-width: 392px;padding-top: 5px;}
.form-holder a.policy {font-size:12px;}
.testimonial-block .carousel {
position: relative;
max-width: 999px;
margin: 0 auto;
padding: 0 0.85% 80px;
}
.carousel .pagination {
position: absolute;
left: 45px;
/*bottom: 20px;*/
margin-top: 20px;
}
.carousel .pagination ul {
padding: 0;
margin: 0;
list-style: none;
}
.carousel .pagination li {
margin: 0 5px 0 6px;
float: left;
}
.carousel .pagination li a {
display: block;
width: 19px;
height: 19px;
text-indent: -9999px;
overflow: hidden;
border-radius: 50%;
-webkit-border-radius: 50%;
background: #fcfdfe;
}
.carousel .pagination li.active a, .carousel .pagination li:hover a { background: #0093d1; }
.testimonial-block h1 {
font-size: 30px;
line-height: 32px;
font-weight: 300;
color: #fff;
margin: 0 29px 41px 0;
text-align: center;
letter-spacing: -1px;
}
.testimonial-block .carousel .mask {
position: relative;
overflow: hidden;
}
.carousel .mask .slideset {
width: 99999px;
float: left;
}
.carousel .mask .slide { float: left; }
.testimonial-block blockquote {
overflow: hidden;
color: #fff;
margin: 0;
padding: 0 3.9%;
}
.testimonial-block .img-box {
float: left;
margin: 10px 30px 0 0;
width:171px;
}
.testimonial-block .img-box img {
display: block;
margin: 0 0 15px;
}
.testimonial-block blockquote q {
overflow: hidden;
font-size: 19px;
line-height: 37px;
font-weight: 400;
font-style: italic;
max-height: 182px;
display: block;
letter-spacing: -1px;
}
.testimonial-block cite {
color:#FFF;
display: block;
font-size: 15px;
line-height: 20px;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
letter-spacing: -1px;
padding: 0 3.9%;
}
.logos-block {
/*background: #024160;*/
width: 100%;
}
.logos-block .logos-holder {
padding: 42px 0;
margin: 0 auto;
overflow: hidden;
max-width: 999px;
text-align: center;
position: relative;
}
.logos-block .logos-holder .slide {
display: inline-block;
vertical-align: middle;
margin: 0 2.7%;
}
.logos-holder .slide img { display: block; }
.difference-block {
max-width: 999px;
margin: 0 auto;
overflow: hidden;
padding: 57px 1.75% 55px 2.15%;
}
.difference-block h2 {
float: left;
color: #434343;
margin: 3px 0 0;
letter-spacing: -1px;
font-size: 24px;
line-height: 26px;
font-weight: 400;
}
/* FAQ */
h3.faq-header {margin:0;}
.faq-row { margin:5px 0;}
.faq-row a { font-weight: 600; font-size: 14px; color: #313131}
.faq-row a:hover { color: #41a9d6; text-decoration:none;}
.faqs .txt-area {
padding: 0;
margin-bottom: 30px;
line-height: 29px;
font-size: 15px;
}
.faqs .txt-area div {
padding: 19px 0 0 0;
}
.faqs .txt-area h2 {
font-size: 26px;
line-height: 28px;
font-weight: 300;
color: #000;
letter-spacing: -1px;
margin: 0;
}
.faqs .txt-area a.faq-question {
text-transform: none;
display:block;
font-size: 15px;
line-height: 22px;
margin: 0 0 5px;
font-weight: 600;
letter-spacing: -1px;
}
.faqs .txt-area a.faq-question:hover { text-decoration:none;}
.faqs .txt-area div span {font-size:13px;line-height:20px;display:none;}
/* ===========================================
**FOOTER**
===========================================*/
.links {
float: right;
padding: 0;
margin: 0;
list-style: none;
max-width: 500px;
}
.links li {
float: left;
margin: 0 6px 6px 0;
}
.links li a {
display: block;
min-width: 144px;
font-size: 16px;
line-height: 35px;
height: 35px;
color: #fff;
background: #0093d1;
padding: 0 5px;
/*text-transform: capitalize;*/
text-align: center;
font-weight: 700;
}
.links li:hover a {
text-decoration: none;
opacity: 0.8;
}
#footer {
width: 100%;
background: #323232;
}
.landing #footer {
border-width: 1px 0;
border-color: #ededed;
border-style: solid;
background: #fff;
}
#footer .holder {
max-width: 999px;
margin: 0 auto;
overflow: hidden;
padding: 33px 0 21px;
}
.landing #footer .holder {
color: #9a9a9a;
font-size: 13px;
line-height: 15px;
padding: 18px 86px 15px 47px;
}
.landing #footer .holder .number {
display: inline-block;
vertical-align: top;
margin: -3px 0 0;
}
.landing #footer .holder a { color: #9a9a9a; }
#footer .top-holder {
overflow: hidden;
padding: 0 6.3% 129px;
}
#footer .links-area {
float: left;
border-right: 1px solid #fff;
padding: 14px 0 0;
width: 73.8%;
}
#footer .links-area .col:first-child { margin: 0 7.4% -20px 0; }
#footer .links-area .col {
float: left;
width: 27%;
margin: -4px 4.3% 0 0;
}
#footer .links-area .col.two {
width: 22%;
}
#footer .links-area .col.add {
width: 18%;
margin: -4px 1.2% 0 0;
}
#footer .links-area .col.last { margin: -4px 0 0;width: 14%; }
#footer .links-area .col.add .links-holder { margin: 0 0 16px; }
#footer .links-area .col:first-child .links-holder { margin: 0; }
.links-area .col .links-holder {
overflow: hidden;
margin: 0 0 36px;
}
#footer .links-area .col:first-child .title { margin: 0 0 10px; }
.col .links-holder .title {
font-size: 14px;
line-height: 16px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
display: block;
margin: 0 0 7px;
}
#footer .links-area .col.add .title { margin: 0 0 11px; }
.links-holder .title a { color: #fff; }
.links-holder .title a:hover {
text-decoration: none;
color: #01a1df;
}
.col .links-holder ul {
padding: 0;
margin: 0;
list-style: none;
font-size: 13px;
line-height: 15px;
/*text-transform: capitalize;*/
}
.links-holder ul li { padding: 0 0 9px; }
.links-holder ul li a { color: #d6d6d6; }
.links-holder ul li a:hover {
text-decoration: none;
color: #01a1df;
}
.col .links-holder .social-networks {
overflow: hidden;
padding: 7px 0 0;
margin: 0;
list-style: none;
}
.social-networks li {
float: left;
margin: 0 2px;
}
.social-networks li a {
display: block;
background: url(../images/sprite.png) no-repeat;
width: 26px;
height: 26px;
text-indent: -9999px;
overflow: hidden;
}
.social-networks li:hover a { opacity: 0.8; }
.social-networks li a.facebook { background-position: -3px -120px; }
.social-networks li a.twitter { background-position: -33px -120px; }
.social-networks li a.linkedin { background-position: -63px -120px; }
.social-networks li a.twitter1 { background-position: -93px -120px; }
.info-box {
float: right;
padding: 14px 4px 0 2%;
}
.info-box .box:first-child { margin: 0 0 41px; }
.info-box .box {
overflow: hidden;
font-size: 13px;
line-height: 24px;
}
.info-box .box .title {
font-size: 14px;
line-height: 16px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
display: block;
margin: 0 0 7px;
}
.info-box .box ul {
padding: 0;
margin: 0;
list-style: none;
}
.info-box .box ul a { color: #d6d6d6; }
.info-box .box ul .mail:hover {
text-decoration: none;
color: #01a1df;
}
.info-box .box address {
color: #d6d6d6;
font-style: normal;
}
.copyrigt-area {
overflow: hidden;
font-size: 12px;
line-height: 16px;
color: #fff;
padding: 0 5.7% 20px 3.4%;
}
.copyrigt-area a { color: #fff; }
.landing #footer .holder a:hover, .copyrigt-area a:hover {
color: #01a1df;
text-decoration: none;
}
.copyrigt-txt { float: left; }
.powered-txt { float: right; }
/* ===========================================
**FONT AWESOME**
===========================================*/
@font-face {font-family: 'FontAwesome';src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight: normal;font-style: normal;}
[class^="icon-"]:before,
[class*="icon-"]:before {font-family: FontAwesome;font-weight: normal;font-style: normal;display: inline-block;text-decoration: inherit;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-check:before { content: "\f00c";}
.icon-cross:before {content: "\f00d";}
.icon-communities:before { content: "\f0c0";}
.icon-crm:before { content: "\f044";}
.icon-content-management:before { content: "\f0f6";}
.icon-project-management:before { content: "\f07c";}
.icon-marketing-campaigns:before { content: "\f0a1";}
.icon-event-management:before { content: "\f133"; }
.icon-document-management:before { content: "\f0c5";}
.icon-blogging:before { content: "\f086";}
.icon-webinars-courses:before { content: "\f109";}
.icon-online-store:before { content: "\f02c";}
.icon-warning:before {content: "\f071";}
.icon-spinner:before { content: "\f110";}
.icon-print:before {content: "\f02f";}
.icon-email:before {content: "\f0e0";}
.icon-form-builder:before {content: "\f0c9";}
.icon-employee-onboarding:before {content: "\f1cd";}
/* ===========================================
**PORTAL OVERWRITES**
===========================================*/
.XMFormGroupHeader {padding-left: 0 !important;}
.XMFormGroup {background-color: transparent !important;border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important;border:0 !important;outline: 0 !important;box-shadow:none !important;}
.XMFormRow {border-bottom: none !important;}
.XMFormRow td { padding-top: 0; padding-bottom: 3px;}
.TableGrid TBODY TR TD, .TableDisplay THEAD TR TD { border:0 !important; }
.TableGrid TD { border:0 !important; }
.padleft { padding-left: 0 !important;}
.SectionLabel {
background:none !important;
border:1px solid #FFF !important;
border-bottom:none !important;
letter-spacing:1px !important;
line-height:24px !important;
margin:0 !important;
text-transform:uppercase !important;
font-weight: 700 !important;
color: #2984b8 !important;
font-size: 17px !important;
padding:5px 0 5px 0 !important;
}
.SectionLabel td {
font-size: 17px !important;
line-height: 25px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
color: #2984b8 !important;
}
.FieldTable {width:100% !important;}
.FieldTable td {border-color: transparent !important; ;border:none !important;}
/* ==========================================
** Email Page Fancybox
===========================================*/
.popup-frame {text-align:center;width: 500px; box-sizing:border-box; background-color:#FFF;}
.emailbox-form {display:block;width:460px;margin: 0 auto 20px auto;vertical-align:top;}
.emailbox-form .send-form .full-width {margin-left:0;}
.send-email .row-url {background-color:#FFF;border: 1px solid #ccc; width: 98%;padding: 2px 0 2px 8px; text-align:left;margin: 0 auto 10px auto; font-size: 13px; }
.send-email input[type="submit"] {width: 98%;}
.send-email #req-alert {display:none; font-size: 13px; width: 98%; margin:0 auto 10px auto;text-align:center;padding:8px 15px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}
.email-sent {margin: 30px auto; text-align:center; display:none;}
#emailBoxPopup .landing-share { text-align:center; margin-left: auto; margin-right: auto;max-width: 250px; }
#emailBoxPopup .landing-share li { margin: 0 1% 0 0; list-style: none;width: 49%;}
/* ===========================================
**MOBILE**
===========================================*/
@media only screen and (min-width:1025px) {
.tel-link { cursor: default; pointer-events: none;}
}
@media only screen and (min-width:768px) {
.opener1 { display: none; }
#nav { position: static !important; }
#nav > ul > li:hover .dropdown {
display: block !important;
top: 100% !important;
left: -67px !important;
}
.tabset { min-width: 100% !important; }
#nav > ul > li:hover .dropdown.add { left: -50% !important; }
#nav .js-slide-hidden {
display: none !important;
left: 0 !important;
top: 0 !important;
}
.search-form input[type="submit"] { display: none; }
.tabset{
width:100% !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (max-width: 660px) {
.share-foot .txt { display:none; }
.share-foot li { margin: 0 2px; width: 35px;}
.share-foot .ics { padding-right: 0; }
}
@media only screen and (min-width:766px) {
.tabset li { width: 25% !important; }
}
@media only screen and (max-width:1024px) {
body { min-width: 320px; }
}
@media only screen and (max-width:999px) {
#wrapper { padding: 0; }
#header {
position: relative;
border-top: 1px solid #b7b7b7;
}
#header .holder { padding: 16px 40px 16px 42px; }
.logo { margin: 0; }
.tel, .login { margin: 6px 21px 0 0; }
#nav { padding: 27px 9px 0 0; }
.search-area:after { top: -9px; }
#nav > ul > li { margin: 0 20px 0 0; }
.visual .welcome-txt { margin: 0 0 22px; }
.visual h1 {
font-size: 30px;
line-height: 34px;
}
.visual .holder { padding: 61px 0 59px; }
.slideshow { margin: 0 0 15px; }
.visual .sub-txt { margin: 0 11px 45px 0; }
.btns li { margin: 0 12px 9px 14px; }
.newsletter-form input[type="email"], .newsletter-form input[type="text"] {
width: 196px;
margin: 0 13px 0 1px;
}
.form-area h2 {
font-size: 18px;
line-height: 22px;
margin: 0 0 7px;
}
.form-bock .alignleft {
width: 81px;
height: 67px;
margin: 5px 28px 0 0;
}
.search-form { top: 32px; }
.dropdown { padding: 17px 0 0; }
.form-bock .holder { padding: 31px 0 25px 5.9%; }
.platform-block h1 {
font-size: 26px;
line-height: 30px;
margin: 0 15px 34px 0;
}
.platform-block .carousel { margin: 0 auto 48px; }
.tabset { font-size: 13px; }
.tab-holder {
padding: 0;
margin: 0 -7px 0 0;
}
.platform-block {
padding: 53px 5% 0 5.9%;
margin: 0 auto 64px;
}
.views-area h2 {
font-size: 22px;
line-height: 26px;
}
.tab-holder .views-area { padding: 0 0 0 2px; }
.views-area .txt { margin: 0 0 6px 3px; }
.views-area ul { margin: 0 0 16px; }
.views-area p { margin: 0 0 21px 3px; }
.tab-holder .img-holder { padding: 29px 0 0 2.8%; }
.video-block h1 {
font-size: 35px;
line-height: 38px;
margin: 0 0 10px -13px;
letter-spacing: -1px;
}
.video-block { margin: 0 0 50px; }
.video-block .video-txt {
font-size: 40px;
line-height: 42px;
}
.video-block img {
display: block;
width: 100%;
margin:0;
}
.video-block .holder { padding: 58px 0; }
.video-block .sub-txt { margin: 0 11px 38px 0; }
.video-block .btn-play { margin: 0 auto 36px; }
.application-block h1 {
font-size: 26px;
line-height: 30px;
margin: 0 7px 61px 0;
}
.box .top-area h2 {
font-size: 22px;
line-height: 24px;
}
.box .top-area .sub-txt {
font-size: 16px;
line-height: 20px;
padding: 8px 0 0;
}
.application-block .twocolumns {
padding: 0 6.7%;
margin: 0 0 -26px;
}
.col .box .top-area { margin: 0 0 14px; }
.col .box p { margin: 0 0 17px; }
.twocolumns .col { width: 43.4%; }
.twocolumns .col .box { margin: 0 0 92px; }
.all-applications { margin: 0 14px 0 0; }
.application-block h3 { margin: 15px 19px 6px 0; }
.more { margin: 0 18px 0 0; }
.application-block { margin: 0 auto 57px; }
.col .price-area .price {
font-size: 39px;
line-height: 41px;
padding: 0 0 25px;
}
.price-area .info-txt {
padding: 0 0 29px;
margin: 0 -10px;
letter-spacing: -1px;
font-size: 20px;
min-height: 110px;
}
.threecolumns .col .price-area { padding: 36px 10.2% 30px 11%; }
.pricing-block { padding: 40px 3% 46px 3.4%; }
.threecolumns .col h2 { padding: 19px 20px 15px 0; }
.threecolumns .col.add h2 { padding: 19px 17px 22px 23px; }
.threecolumns .col:first-child .price-area { padding: 35px 10% 30px 11%; }
.col:first-child .price-area .price sup { margin: 5px 24px 0 -28px; }
.col:first-child .price-area .price sub { margin: 0 -12px 3px 13px; }
.price-area .price sup { margin: 5px 10px 0 -21px; }
.price-area .price sub { margin: 0 -10px 5px 13px; }
.threecolumns .col.add .price-area { padding: 29px 9.8% 30px 11.1%; }
.col.add .price-area .price {
margin: 0 0 19px;
padding: 0 0 24px;
}
.col:first-child .price-area a { margin: 0 0 0 -10px; }
.col.add .price-area a { margin: 1px -4px 0 -7px; }
.price-area a { margin: -1px -8px 0 -4px; }
.col .features li div {min-height: 0;}
.col .features li div ul li {margin: 0 auto; width:170px;}
.questions-block { padding: 0 4% 66px 4.3%; }
.information-block h1 {
font-size: 26px;
line-height: 36px;
}
.information-block .holder { padding: 35px 7% 37px 6.2%; }
.features-table th .top-area .title {
font-size: 17px;
line-height: 20px;
padding: 0 0 9px;
margin: 0 0 18px;
}
.features-table th .top-area .price-txt {
font-size: 11px;
line-height: 13px;
letter-spacing: 0;
margin: 0 -5px;
}
.features-container {
padding: 41px 7px 5px;
max-width: 768px;
margin: 0 auto;
}
.customizations-block h1 span {
display: inline-block;
vertical-align: top;
letter-spacing: -1px;
text-transform: none;
}
.features-container h1 { margin: 0 28px 48px 0; }
.features-table th:first-child, .features-table th {
border-left: 9px solid #fff;
width: 182px;
padding: 0 0 38px;
}
.features-table th:first-child { border: 0; }
.features-table th .top-area { padding: 14px 9% 7px; }
.features-table th:first-child .top-area { padding: 14px 9% 34px; }
.features-table th .top-area .price {
font-size: 30px;
line-height: 32px;
}
.features-table tr td img {
width: 13px;
height: 14px;
}
.customizations-block {
padding: 0 9999px 38px;
margin: 0 -9999px 50px;
}
.landing .visual h1 {
font-size: 30px;
line-height: 32px;
}
.landing .visual h2 {
font-size: 22px;
line-height: 24px;
}
.landing .visual .holder { padding: 20px 0 15px 1.9%; }
.info-block .view { font-size: 26px; }
.services-area { padding: 0 0 20px; }
.block-holder .img-area { margin: 55px 35px -33px 0; }
.content-area { padding: 55px 2% 45px; }
.services-area {
font-size: 15px;
line-height: 26px;
}
#main h1 {
margin: 0 auto 40px;
position: relative;
left: 12px;
letter-spacing: -1px;
}
.blog #main { padding: 40px 0 0; }
.blog #main h1 { margin: 0 auto 48px; }
.blog #main .twocolumns { padding: 0 5.7% 122px 6.2%; }
#main .twocolumns { padding: 0 6% 122px; }
.comment-from .row textarea { width: 100%; }
.comment-from { padding: 14px 6.8% 14px 3.3%; }
.post { margin: 0 0 12px; }
.blog #content, #content {
float: none;
overflow: hidden;
width: 100%;
max-width: inherit;
margin: 0 0 4px;
}
.blog #content { margin: 0 0 20px; }
.post-detail { padding: 32px 20px 13px 33px; }
#sidebar {
float: none;
width:100%;
}
#main .pagination { left: -28px; }
.applications-block.add h1 { margin: 0 24px 61px 0; }
.applications-block .customizations-block h1 { margin: 0 0 64px; }
.services-holder .col:first-child { width: 33.3%; }
.services-holder .col {
width: 32.73%;
padding: 0 2% 3px;
}
.services-holder .col p { letter-spacing: -1px; }
.information-block.add a, .information-block.add h1 {
font-size: 27px;
line-height: 30px;
margin: 0;
}
.information-block.add h1 { margin: 0 0 5px; }
.information-block.add .holder { padding: 25px 5% 33px; }
.features-table tr:first-child { border-bottom: 10px solid #fff; }
.features-table th .top-area .per-month {
font-size: 12px;
line-height: 14px;
}
.features-table tr td.heading {
font-size: 11px;
line-height: 35px;
height: 35px;
}
.features-table tr td {
font-size: 12px;
min-height: 31px;
}
.features-table tr td span {
margin-top: 6px;
margin-bottom: 6px;
}
.questions-block h1 {
font-size: 25px;
line-height: 27px;
}
.col-holder .col h3 {
font-size: 22px;
line-height: 24px;
letter-spacing: -1px;
}
.applications-block { padding: 40px 0 0; }
#main h1,
.applications-block h1 { margin: 0 0 48px; }
.questions-block h2 { margin: 0 0 78px; }
.applications-block .app-holder.even { padding: 40px 9999px 46px; }
.applications-block .app-holder {
padding: 40px 0 46px;
min-height: 375px;
}
.app-holder .txt-area {
padding: 0 0 0 5.7%;
width: 44%;
}
.app-holder .txt-area p { margin: 0 0 34px; }
.col-holder .col { width: 47%; }
.slider {
width: 49%;
margin: 8px 4% 0 0;
max-width: 375px;
}
.slider .btn-next, .slider .btn-prev {
bottom: -48px;
margin: 0 0 0 -27px;
}
.slider .btn-next { margin: 0 0 0 3px; }
.help-block h1 {
font-size: 29px;
line-height: 32px;
margin: 0 0 46px 20px;
}
.help-block .holder { padding: 52px 0 53px; }
.help-block a { margin: 0 0 0 -8px; }
.applications-block.overview { padding: 40px 0 0; }
.applications-block .outer-holder { padding: 9px 9999px 11px; }
.applications-block.overview h1 { margin: 0 14px 48px 0; }
.applications-block.overview .app-holder { padding: 0 0 49px; }
.applications-block .outer-holder .app-holder { padding: 32px 0 4px; }
.applications-block .outer-holder .app-holder:first-child .txt-area {
padding: 19px 2% 0 0;
width: 43.6%;
}
.applications-block .outer-holder .app-holder:first-child .slider.img-holder {
margin: 27px 5.7% 0 0;
width: 46.6%;
}
.applications-block .outer-holder .slider.img-holder {
margin: 32px 4% 0 0;
width: 46.6%;
}
.overview .app-holder .txt-area {
width: 46%;
padding: 0 0 0 5.1%;
}
.overview .app-holder .txt-area p { margin: 0 0 22px; }
.slider.img-holder {
width: 49.3%;
margin: 46px 3.7% 0 0;
}
.auother-block {
padding: 40px 5.9% 64px;
margin: 0 auto;
}
.auother-container .holder { padding: 46px 5.1% 25px 4.5%; }
.auother-container .auother-info .txt-box { padding: 20px 4% 20px 4.6%; }
.auother-info .txt-box h3 {margin: 0 0 6px; }
.auother-block .core-info h2 {
margin: 0 0 12px;
font-size: 22px;
}
.auother-block .core-info { margin: 0 0 22px; }
.auother-info .txt-box .designation { margin: 0 0 21px; }
.auother-block h1 { margin: 0 0 44px; }
.auother-block h1.bluehead, .auother-block h1.blackhead { margin: 0 0 15px; }
.testimonial-block {
background: #005e97 url(../images/bg-block-768.jpg) no-repeat;
background-size: cover;
}
.testimonial-block h1 {
font-size: 25px;
line-height: 28px;
margin: 0 3px 41px 0;
}
.testimonial-block blockquote cite { display: none; }
.testimonial-block blockquote q {
font-size: 15px;
max-height: auto;
line-height: 35px;
}
.testimonial-block .carousel { padding: 0px 0.75% 60px; }
.testimonial-block .img-box { margin: 10px 26px 0 0; }
.carousel .pagination {
left: 30px;
/*bottom: 18.7%;*/
}
.difference-block {
text-align: center;
padding: 39px 2% 35px;
}
.difference-block h2 {
float: none;
margin: 0 0 21px 18px;
}
.links {
float: none;
overflow: hidden;
padding: 0 0 0 2.3%;
max-width: inherit;
}
.links li {
float: none;
display: inline-block;
vertical-align: top;
margin: 0 2px 6px 0;
}
#footer .links-area {
height: inherit!important;
width: 75.3%;
}
#footer .links-area .col:first-child { margin: 0 4.2% 0 0; }
#footer .top-holder { padding: 0 1.8% 109px 5%; }
#footer .links-area .col {
width: 25%;
margin: 0 1.6% 0 0;
}
#footer .links-area .col.add {
margin: 0 1.7% 0 0;
width: 14%;
}
.info-box {
padding: 14px 0 0;
height: inherit !important;
}
#footer .links-area .col.last { margin: 0;width: 17%}
.copyrigt-area { padding: 0 3.7% 0 5.6%; }
.newsletter-form .submit span:after { right: -15px; }
}
@media screen and (max-width: 960px) {
.col .features li div {margin:0 20px;}
/*Table Responsive with 2 columns
==========================================*/
table.rwdmulti {
border: 0;
padding-bottom: 0;
display: block;
width: 100%;
}
table.rwdmulti .mobileHidden {
display: none;
}
table.rwdmulti > tbody > tr > td:first-child, .TableGrid tbody tr td:first-child {color:#5f5f5f;font-weight:bold !important;}
table.rwdmulti > tbody > tr {border-bottom: 5px double #dadada;margin-bottom:4px;}
table.rwdmulti > thead {
display: none;
visibility: hidden;
}
table.rwdmulti > tbody, table.rwdmulti > tr, table.rwdmulti > thead > tr > th, table.rwdmulti > thead > tr > td, table.rwdmulti > tbody > tr, table.rwdmulti > thead > tr > th, table.rwdmulti > tbody > tr > td {
border: 0;
display: block;
text-align: left !important;
width: auto !important;
white-space: normal;
}
table.rwdmulti > tbody > tr > td {
border-bottom:none !important;
}
table.rwdmulti > tbody > tr > td:last-child {border-bottom: none;}
table.rwdmulti > tbody > tr:not([style*="display: none"]):not([style*="display:none"]) {
display:inherit !important;
clear:both;
height:auto !important;
}
table.rwdmulti td.XMFormRow {width:auto !important;margin:0;}
table.rwdmulti td.XMFormRow table table {width:100% !important;}
table.rwdmulti td.XMFormRow td {border-bottom:none;}
table.rwdmulti > thead > tr > th[data-title]:before,
table.rwdmulti > tr > td td[data-title]:before,
table.rwdmulti > tr > td[data-title]:before,
table.rwdmulti > tbody > tr > td[data-title]:before
{
content: attr(data-title) ":\00A0";
font-weight: bold;
float:left;
width:100px;
overflow:hidden;
text-overflow:ellipsis;
}
table.rwdmulti > th:not([data-title]),table.rwdmulti > thead > th:not([data-title]) {
font-weight: bold;
}
table.rwdmulti > tbody > tr > td:empty, table.rwdmulti > tr > td:empty {
display: none;
}
table.rwdmulti > tr > td.nonMobile, table.rwdmulti > tbody > tr > td.nonMobile {display:none !important;}
table.TableGrid td table td {display:table-cell;}
table.rwdmulti .rwdmultiPositionRelative {position:inherit !important;}
table.rwdmulti .XMFormRow td {padding-left: 0 !important;}
/*Structure
===========================================*/
table.rwdmulti input[type="text"],
table.rwdmulti input[type="password"],
table.rwdmulti input[type="email"],
table.rwdmulti textarea,
table.rwdmulti select { width: 100%; }
}
@media only screen and (max-width:767px) {
.threecolumns .col.add:before, .threecolumns .col.add:after, .copyrigt-txt, .btns li span, .search-area:after, .search-area .opener, .btn { display: none; }
.landing #header .holder, #header .holder {
text-align: center;
padding: 14px 0 0;
}
.landing .tel {
font-size: 18px;
line-height: 24px;
margin: 15px 0 0;
}
.landing .content-area {padding-top: 25px;}
.info-block .view, .info-block .subhead, .info-block div.quote {text-align:center;margin-right: auto; margin-left: auto;}
.newsletter-form .optin-req {width:100%;}
.opener1 {
display: inline-block;
vertical-align: top;
color: #3f3f3f;
font-size: 13px;
line-height: 16px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 0 9px;
}
.blog #main h1 { margin: 0 auto 42px; }
#header.active .opener1:after {
background-position: -45px -77px;
width: 15px;
height: 15px;
left: 21px;
top: 100px;
}
#header.active .opener1{
text-decoration: none;
color: #01a1df;
}
.opener1:hover { text-decoration:none;}
.opener1:after {
background: url(../images/sprite.png) no-repeat -5px -75px;
width: 23px;
height: 17px;
position: absolute;
left: 18px;
top: 98px;
content: "";
}
.btn-close {
position: relative;
left: -13px;
}
#header.active .btn-close:after, .btn-close:after {
background: url(../images/sprite.png) no-repeat -10px -99px;
width: 12px;
height: 12px;
right: -25px;
top: 1px;
left: auto;
}
.opener1:hover:after { opacity: 0.8; }
#nav {
padding: 0 0 13px;
border-top: 1px solid #b7b7b7;
top: 1px;
position: relative;
}
.tel { margin: 10px 9px 0 0; }
.top-holder { padding: 0 18px 34px 37px; }
.search-area {
float: none;
overflow: hidden;
width: 100%;
padding: 5px 15px;
border-bottom: 1px solid #f2f2f2;
}
.search-form.js-slide-hidden { position: static !important; }
.search-form {
width: 100%;
border: none;
}
.search-form input[type="search"], .search-form input[type="text"] {
color: #5b5b5b;
font-size: 13px;
font-weight: 600;
font-style: normal;
width: 92%;
text-transform: uppercase;
float: left;
}
.search-form input[type="submit"] {
background: url(../images/sprite.png) no-repeat;
width: 16px;
height: 16px;
text-indent: -9999px;
overflow: hidden;
float: right;
cursor: pointer;
padding: 0;
margin: 14px 16px 0 0;
border: 0;
}
.search-form input[type="submit"]:hover { opacity: 0.8; }
#nav > ul {
text-align: left;
margin: 0 0 15px;
}
#nav > ul > li {
margin: 0;
display: block;
border-bottom: 1px solid #f2f2f2;
}
#nav > ul > li > a {
display: block;
padding: 15px 25px;
}
.dropdown {
position: static !important;
width: 100%;
padding: 0;
}
.dropdown.add {
width: 100%;
margin: 0;
}
.dropdown ul {
border: none;
background: #f9f9f9;
}
.drop-open{
padding: 0 !important;
width: 46px;
height: 46px;
position: absolute;
right: 0;
top: 0;
display: block;
text-indent: -9999px;
overflow: hidden;
}
.drop-open:after{
content:'';
position: absolute;
top: 21px;
left: 18px;
width: 10px;
height: 10px;
background:url(../images/sprite.png) no-repeat -37px -101px;
}
#nav > ul li.active .drop-open:after{
content:"";
background-position: -60px -106px;
width: 10px;
height: 3px;
top: 24px;
}
.dropdown ul li a, .dropdown.add ul li a { padding: 14px 25px 11px; }
.visual .welcome-txt {
font-size: 22px;
line-height: 30px;
margin: 0 3px 16px 0;
}
.visual h1 {
font-size: 28px;
line-height: 30px;
margin: 0 3%;
}
.visual .sub-txt {
font-size: 22px;
line-height: 30px;
margin: 0 16px 38px 0;
}
.visual .holder { padding: 27px 0 0; }
.visual .welcome-txt br { display: block; }
.block-holder .img-area {
float: none;
width: 50%;
margin: 0 auto 20px;
}
.services-area ul:first-child {
margin: 0 10% 0 0;
width: 40%;
}
.content-area .info-block {
float: none;
width: 100%;
overflow: hidden;
margin: 0 0 20px;
}
.form-holder {
float: none;
width: 100%;
}
.landing #footer .holder .number { margin: 0; }
.info-block .view, .info-block .learn { margin: 0 0 26px; }
.landing-share, .signup-form,.signup-disclaimer {max-width: inherit;}
.slideshow { margin: 0 0 24px; }
.btns { margin: 0 0 -3px; }
.btns li {
display: block;
margin: 0 auto 26px;
max-width: 236px;
}
.btns li a { padding: 0 25px 0 5px; }
.btns li a:before { margin: -2px 15px 0 0; }
.form-bock .alignleft {
width: 107px;
height: 89px;
margin: 8px 28px 0 0;
}
.form-area h2 {
font-size: 19px;
line-height: 27px;
}
.form-area .signup-txt {
line-height: 25px;
margin: 0 9% 25px 0;
}
.form-bock .form-area { overflow: visible; }
.newsletter-form input[type="email"], .newsletter-form input[type="text"] {
width: 100%;
display: block;
margin: 0 0 10px;
padding: 5px 10px;
}
.form-bock .holder { padding: 23px 20px 38px 5.7%; }
.newsletter-form { padding: 0 11% }
.newsletter-form .submit span { padding: 0 12px 0 0; }
.tabset li {
width: auto;
border: 1px solid #dedede !important;
}
.tabset {
border: none;
font-size: 14px;
}
.platform-block .carousel .btn-next, .platform-block .carousel .btn-prev {
display: block;
z-index: 500;
}
.platform-block .carousel .mask1 { height: 54px !important; }
.platform-block .carousel {
left: auto;
padding: 0 26.8% 0 26%;
margin: 0 auto 45px;
}
.tab-holder {
margin: 0;
padding: 0 11%;
}
.tab-holder .img-holder, .tab-holder .views-area {
padding: 0;
float: none;
overflow: hidden;
width: 100%;
margin: 0 0 33px;
}
.tab-holder .img-holder {
padding: 0 11px 0 2px;
margin: 0;
}
.app-holder .txt-area {
float: none;
width: 100%;
overflow: hidden;
padding: 0 8.5% 39px;
}
.app-holder .txt-area p { margin: 0 0 26px; }
.post-detail { padding: 30px 5%; }
.comment-from { padding: 14px 5%; }
.comments-block { padding: 15px 5%; }
.blog #main .twocolumns { padding: 0 3% 100px; }
.comment-from .row textarea, .comment-from .row input[type="email"], .comment-from .row input[type="text"] { width: 100%; }
.hours-block { text-align: center; }
.hours-block .box:first-child, .hours-block .box {
float: none;
display: inline-block;
vertical-align: top;
margin: 0 20px 20px;
}
.comment-from .row .txt {
display: block;
padding: 5px 0;
}
.slider {
float: none;
max-width: inherit;
width: 100%;
margin: 0;
padding: 0 9.7% 0 12%;
}
.applications-block h1 { margin: 0 11px 42px 0; }
.customizations-block {
padding: 0 9999px;
margin: 0 -9999px 40px;
}
.applications-block.add h1 { margin: 0 16px 56px 0; }
.applications-block .app-holder.even { padding: 25px 9999px 99px; }
.applications-block.add { padding: 40px 0 0; }
.applications-block.add .customizations-block h1 { margin: 0 0 36px; }
.services-holder .col .img-box { margin: 0 0 15px; }
.applications-block .app-holder { padding: 25px 0 99px; }
.slider .btn-next, .slider .btn-prev {
bottom: -54px;
margin: 0 0 0 -46px;
}
.slider .btn-next { margin: 0 0 0 34px; }
.customizations-block h1 span { display: none; }
.services-holder .col:first-child { width: 100%; }
.services-holder .col {
float: none;
width: 100%;
border: 0;
padding: 0 7% 69px;
height: auto !important;
}
.platform-block {
padding: 29px 5% 0;
margin: 0 auto 38px;
}
.platform-block h1 {
line-height: 35px;
margin: 0 15px 24px 12px;
}
.auother-block { padding: 40px 7.2% 22px; }
.auother-container .auother-info .alignleft {
float: none;
display: block;
margin: 0 auto;
}
.auother-container .auother-info .txt-box {
border-width: 0 1px 1px 1px;
padding: 20px 6% 22px 10.6%;
min-height: inherit;
}
.auother-container .auother-info {
margin: 0 auto 23px;
max-width: 282px;
}
.auother-container .holder { padding: 46px 20.3% 25px 21.1%; }
.auother-block .core-info { margin: 0 0 34px; }
.features-container {
width: 480px;
padding: 40px 5px 5px;
}
.features-table th:first-child, .features-table th {
width: 114px;
border-left: 5px solid #fff;
padding: 0 0 23px;
}
.features-table tr:first-child { border-bottom: 7px solid #fff; }
.features-table th:first-child { border: 0; }
.video-block { margin: 0 0 51px; }
.views-area .btn {
display: inline-block;
margin: 0 0 0 1px;
padding: 10px 33px;
}
.views-area p { margin: 0 0 19px 3px; }
.video-block h1 {
font-size: 26px;
line-height: 28px;
margin: 0 0 4px -8px;
}
.features-table th .top-area .title {
font-size: 11px;
line-height: 13px;
padding: 0 0 5px;
margin: 0 0 12px;
}
.features-container h1 {
margin: 0 0 42px;
}
.features-table th .top-area .per-month, .features-table th .top-area .price-txt {
font-size: 9px;
line-height: 11px;
}
.features-table tr td.heading, .features-table tr td {
font-size: 9px;
min-height: 12px;
line-height:12px;
}
.features-table tr td span {
margin-top: 4px;
margin-bottom: 4px;
}
.features-table tr td img {
width: 9px;
height: 9px;
}
.features-table th:first-child .top-area { padding: 9px 9% 8px; }
.features-table th .top-area { padding: 9px 9% 4px; }
.information-block.add h1 {
font-size: 26px;
line-height: 32px;
}
.information-block.add a {
font-size: 34px;
line-height: 36px;
}
.features-table th .top-area .price {
font-size: 19px;
line-height: 21px;
}
.applications-block.overview h1 { margin: 0 0 38px 7px; }
.overview .app-holder .txt-area h3 { margin: 0 0 5px; }
.applications-block.overview .app-holder { padding: 0 9% 96px; }
.video-block .sub-txt {
font-size: 20px;
line-height: 24px;
margin: 0 8px 48px 0;
}
.video-block .video-txt {
font-size: 34px;
line-height: 36px;
}
.video-block .btn-play {
background-position: -196px -2px;
width: 78px;
height: 78px;
left: -4px;
margin: 0 auto 24px;
}
.video-block .holder { padding: 79px 0; }
.twocolumns .col:first-child, .twocolumns .col {
float: none;
width: 100%;
overflow: hidden;
}
.twocolumns .col .box:first-child, .twocolumns .col .box {min-height:0;}
.application-block h1 { margin: 0 15px 55px 0; }
.application-block .twocolumns {
padding: 0 20.2%;
margin: 0 0 -38px;
}
.box .top-area .alignleft { margin: 1px 12px 0 0; }
.twocolumns .col .box { margin: 0 0 95px; }
.application-block h3 { margin: 15px 19px 5px 0; }
.application-block { margin: 0 auto 48px; }
.threecolumns .col {
float: none;
width: 100%;
overflow: hidden;
margin: 0 0 22px;
}
.threecolumns .col .features, .threecolumns .col:first-child .features {
margin: 0;
border-width: 0 1px;
}
.pricing-block h1 {
margin: 0 0 39px;
font-size: 35px;
line-height: 44px;
}
.threecolumns .col h2 { padding: 19px 20px 28px; }
.pricing-block { padding: 37px 6.4% 30px 5.2%; }
.threecolumns .col:first-child .price-area { padding: 16px 17.7% 30px; }
.overview .app-holder .txt-area {
width: 100%;
padding: 0 2% 50px 0;
}
.overview .app-holder .txt-area p {
margin: 0 0 17px;
letter-spacing: -1px;
}
.overview .app-holder .txt-area .btn-more { margin: 0; }
.slider.img-holder {
margin: 0;
width: 100%;
padding: 0;
}
#main h1{
margin: 0 0 42px;
}
.applications-block .outer-holder .app-holder:first-child .txt-area {
float: none;
width: 100%;
padding: 16px 1% 10px 0;
}
.applications-block .outer-holder .app-holder .txt-area { padding: 0; }
.applications-block .outer-holder .app-holder:first-child .txt-area h3 { margin: 0 0 16px; }
.applications-block .outer-holder .app-holder:first-child .slider.img-holder, .applications-block .outer-holder .slider.img-holder {
margin: 0;
width: 100%;
}
.help-block h1 {
font-size: 26px;
line-height: 34px;
margin: 0 18px 17px 0;
}
.help-block a {
font-size: 28px;
line-height: 30px;
padding: 23px 34px 26px 26px;
margin: 0;
}
.help-block .holder { padding: 14px 14% 30px 13%; }
.help-block a:before {
background-position: -57px -55px;
width: 16px;
height: 12px;
margin: -4px 15px 0 0;
}
.block-holder .img-area { width: 80%; }
.post { margin: 0 auto 12px; }
.post .txt-area { border-width: 0 1px 1px 1px; }
.testimonial-block {
background: #005d97 url(../images/bg-block-480.jpg) no-repeat;
background-size: cover;
}
.testimonial-block h1 {
font-size: 26px;
line-height: 35px;
margin: 0 8px 16px 0;
}
#main .twocolumns { padding: 0 3% 100px; }
#main .pagination {
left: 0;
font-size: 14px;
}
#main .pagination li.next, #main .pagination li.previous {
margin: 0 5px;
vertical-align: middle;
}
#main .pagination li { margin: 0 3px; }
.col .price-area .price {
font-size: 49px;
line-height: 51px;
padding: 0 0 20px;
}
.col:first-child .price-area .price sup { margin: 10px 30px 0 -28px; }
.col:first-child .price-area .price sub { margin: 0 -8px 8px 9px; }
.price-area .info-txt {
font-size: 21px;
line-height: 27px;
letter-spacing: 0;
margin: 0;
min-height: 81px;
}
.threecolumns .col.add { margin: 0 0 27px; }
.threecolumns .col .price-area { padding: 16px 17.6% 30px; }
.price-area a, .col.add .price-area a, .col:first-child .price-area a { margin: 0 28px; }
.threecolumns .col.add h2 { padding: 20px 18px 27px; }
.threecolumns .col.add .price-area { padding: 16px 17.6% 30px; }
.price-area .price sup { margin: 10px 10px 0 -33px; }
.price-area .price sub { margin: 0 -10px 8px 11px; }
.col.add .price-area .price { padding: 0 0 20px; }
.testimonial-block { padding-bottom: 43px;}
.testimonial-block blockquote cite { display: block; }
.testimonial-block .img-box { display:none;
/*float: none;
overflow: hidden;
margin: 10px 0 72px 0;*/
}
.testimonial-block blockquote q {
display: block;
font-size: 15px;
line-height: 35px;
letter-spacing: 0;
}
.questions-block h1 {
line-height: 34px;
margin: 0 0 18px 9px;
}
/*.testimonial-block .img-box img { margin: 0 0 14px; }*/
.testimonial-block .carousel { padding: 17px 4.75% 11px; }
.testimonial-block blockquote { padding: 0 0 0 3.9%; }
.carousel .pagination {
position:static;
/*bottom: 10%;
top: 50%;*/
margin: 20px auto 20px 13px;
}
.difference-block h2 {
font-size: 25px;
line-height: 27px;
margin: 0 0 27px 1px;
}
.col-holder .col:first-child { margin: 0 0 34px; }
.col-holder .col:first-child, .col-holder .col {
float: none;
width: 100%;
overflow: hidden;
}
.questions-block h2 { margin: 0 0 71px; }
.questions-block { padding: 0 4% 27px; }
.questions-block .col-holder { padding: 0 5%; }
.difference-block { padding: 25px 2% 32px; }
.links {
margin: 0;
padding: 0;
}
#footer .links-area {
border: 0;
}
#footer .links-area .col:first-child .links-holder { margin: 0 0 4px; }
#footer .links-area { width: 100%; }
#footer .links-area .col:first-child { margin: 0; }
#footer .links-area .col.add, #footer .links-area .col, #footer .links-area .col.last, #footer .links-area .col.two {
width: 43%;
margin: 0;
}
.info-box {
float: left;
padding: 0;
}
.information-block .holder {
text-align: center;
padding: 27px 7% 53px 3.2%;
}
.information-block a, .information-block h1 {
float: none;
max-width: inherit;
}
.information-block h1 { margin: 0 0 14px; }
#footer .links-area .outer {
overflow: hidden;
margin: 0 0 20px;
}
#footer .holder { padding: 34px 0 21px; }
#footer .top-holder { padding: 0 5% 120px 18.5%; }
.info-box .box:first-child { margin: 3px 0 32px; }
.copyrigt-area {
font-size: 14px;
padding: 0 5.7% 0 5.6%;
}
.auother-left, .auother-left-alt {width:95%;display:block;margin: 0 auto 20px auto;}
.auother-right, .auother-right-alt {width:95%;display:block;margin: 0 auto;}
.info-block div.yes-remind { display:none;}
}
@media only screen and (max-width:650px) {
.post .alignleft {
float: none;
display: block;
width: 100%;
height: auto;
}
/*Structure
===========================================*/
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select { width: 100%; }
#footer .links-area .col:first-child {
margin: 0 2% 2% 2%;
}
}
@media only screen and (max-width:540px) {
.landing ul.countdown li {margin-right: 30px; font-size: 60px; }
}
@media only screen and (max-width:479px) {
#main{padding: 35px 0 0;}
.powered-txt, .tel, .right-area { display: none; }
.mobile-login { display:block;}
/*.top-holder { padding: 9px 2%; }*/
.top-holder { padding: 0 2% 9px 2%; }
/*.landing #header .holder, #header .holder { padding: 14px 0 18px; }*/
.landing #header .holder, #header .holder { padding: 0 0 18px; }
.landing ul.countdown li {margin-right: 25px; font-size: 40px; }
.landing ul.countdown li span {font-size:14px}
.logo {
float: none;
display: block;
margin: 0 auto;
position: relative;
left: 12px;
}
.opener1 {
vertical-align:bottom;
margin:15px 0 -6px 9px;
}
.opener1:after {
left: 15px;
top: 123px;
}
.search-form input[type="search"], .search-form input[type="text"] { width: 86%; }
.btn-close {
text-indent: inherit;
overflow: visible;
}
#header.active .btn-close:after, .btn-close:after {
left: auto;
right: -25px;
top: 2px;
}
#nav { top: 14px; }
.visual h1 {
font-size: 23px;
line-height: 30px;
margin: 0;
}
.visual .sub-txt {
line-height: 31px;
margin: 0 16px 27px 0;
}
.visual .holder { padding: 29px 4% 12px; }
.visual .welcome-txt { margin: 0 7px 17px 0; }
.slideshow { margin: 0 0 14px; }
.btns li { margin: 0 auto 13px; }
.form-bock .alignleft {
float: none;
width: 150px;
height: 123px;
margin: 0 auto 17px;
display: block;
}
.form-area h2 {
font-size: 22px;
line-height: 28px;
margin: 0 0 9px;
}
.applications-block.add,
.blog #main,
.applications-block { padding: 35px 0 0; }
.blog #main h1,
#main h1,
.pricing-block h1,
.features-container h1,
.applications-block h1 {
margin: 0 0 40px;
font-size: 26px;
line-height: 30px;
}
.applications-block.add .customizations-block h1{margin: 0 0 34px;}
.app-holder .txt-area { padding: 0 6.5% 25px; }
.app-holder .txt-area p { margin: 0 0 19px; }
.slider { padding: 0 5.4% 0 7%; }
.slider .btn-next, .slider .btn-prev {
bottom: -48px;
margin: 0 0 0 -49px;
}
.slider .btn-next { margin: 0 0 0 31px; }
.information-block.add a { font-size: 22px; }
.applications-block .app-holder.even { padding: 25px 9999px 86px; }
.applications-block .app-holder { padding: 25px 0 86px; }
.features-container { width: 100%; padding: 35px 5px 5px;}
.features-table { width: 480px; }
.table-response {
overflow: auto;
width: 100%;
}
.form-bock .holder { padding: 49px 9.4%; }
.form-area .signup-txt { margin: 0 0 20px; }
.newsletter-form { padding: 0; }
.newsletter-form input[type="email"], .newsletter-form input[type="text"] { margin: 0 0 12px; }
.platform-block h1 { margin: 0 0 24px; }
.platform-block .carousel {
padding: 0 16% 0 13%;
margin: 0 auto 30px;
}
.platform-block .carousel .btn-next, .platform-block .carousel .btn-prev {
left: -3px;
top: 20px;
}
.platform-block .carousel .btn-next {
left: auto;
right: 5px;
}
.landing #footer .holder { padding: 10px 2%; }
.landing #footer .powered-txt { display: block !important; }
.services-area ul:first-child {
margin: 0;
width: 100%
}
.services-area ul {
float: none;
width: 100%;
}
.tab-holder { padding: 0 3%; }
.views-area ul { margin: 0 0 21px; }
.views-area p { margin: 0 0 17px 5px; }
.views-area .btn { margin: 0 0 0 5px; }
.tab-holder .views-area { margin: 0 0 35px; }
.tab-holder .img-holder { padding: 0 3px 0 8px; }
.pricing-block { padding: 35px 0.8% 20px; }
.threecolumns .col.add { margin: 0 0 25px; }
.questions-block h1 {
font-size: 25px;
line-height: 37px;
margin: 0 10px 18px 0;
}
.col-holder .col:first-child { margin: 0 0 27px; }
.questions-block h2 {
line-height: 40px;
margin: 0 0 51px;
}
.col-holder .col h3 {
line-height: 30px;
margin: 0 0 5px;
}
.threecolumns .col .price-area, .threecolumns .col.add .price-area, .threecolumns .col:first-child .price-area { padding: 16px 6.7% 30px; }
.questions-block .col-holder { padding: 0 4%; }
.price-area a, .col.add .price-area a, .col:first-child .price-area a { margin: 0 32px 0 23px; }
.threecolumns .col { margin: 0 0 26px; }
.platform-block {
margin: 0 auto 25px;
padding: 10px 5% 29px;
}
.auother-block h1 {
line-height: 30px;
font-size: 26px;
margin: 0 0 34px;
}
.auother-block h1.bluehead { line-height: 26px; font-size: 18px; margin: 0 0 15px; }
.auother-block h1.blackhead { line-height: 26px; font-size: 16px; margin: 0 0 15px; }
.auother-block .core-info { margin: 0 0 22px; }
.auother-block { padding: 35px 8.2% 3px; }
.auother-container .holder { padding: 29px 6%; }
.auother-container .auother-info { margin: 0 auto 18px; }
.video-block { margin: 0 0 39px; }
.video-block h1 {
line-height: 38px;
margin: 0 0 17px;
}
.applications-block.overview { padding: 35px 0 0; }
.applications-block.overview h1 { margin: 0 0 38px 4px; }
.applications-block.overview .app-holder { padding: 0 7% 51px; }
.overview .app-holder .txt-area h3 { margin: 0 0 12px; }
.overview .app-holder .txt-area { padding: 0 0 38px; }
.applications-block .outer-holder { padding: 0 9999px 11px; }
.applications-block .outer-holder .app-holder:first-child .txt-area h3 { margin: 0 0 24px; }
.overview .app-holder .txt-area p { margin: 0 0 18px; }
.information-block h1 {
font-size: 25px;
line-height: 27px;
margin: 0 0 18px;
}
.information-block a {
font-size: 20px;
line-height: 22px;
font-weight: 400;
letter-spacing: -1px;
text-transform: none;
}
.questions-block { padding: 0 4% 40px; }
.information-block .holder { padding: 31px 5px 53px; }
.video-block .sub-txt {
font-size: 24px;
line-height: 29px;
margin: 0 0 27px;
}
.video-block .btn-play {
left: -6px;
margin: 0 auto 25px;
}
#fancybox-outer {
max-width: 290px !important;
margin: 0 auto;
}
.video-block .holder { padding: 30px 6%; }
.video-block .video-txt {
margin: 0 9px 0 11px;
letter-spacing: -1px;
}
.application-block h1 {
line-height: 35px;
margin: 0 16% 38px 12%;
}
.application-block .twocolumns {
padding: 0 7.5%;
margin: 0 0 6px;
}
.box .top-area .alignleft { margin: 3px 12px 0 0; }
.box .top-area .sub-txt {
font-size: 14px;
line-height: 31px;
padding: 4px 0 0 2px;
}
.col .box .top-area { margin: 0 0 7px; }
.col .box p { margin: 0 0 9px; }
.twocolumns .col .box { margin: 0 0 44px; }
.application-block h3 {
font-size: 18px;
line-height: 20px;
margin: 12px 0 6px;
}
.all-applications, .more { margin: 0; }
.application-block { margin: 0 auto 41px; }
.help-block a {
font-size: 21px;
line-height: 23px;
padding: 20px 24px 21px 22px;
letter-spacing: 0;
}
.help-block .holder { padding: 14px 3% 38px; }
.help-block h1 { margin: 0 0 23px; }
.help-block a:before { margin: -4px 11px 0 0; }
.testimonial-block {
background: #005d97 url(../images/bg-block-320.jpg) no-repeat;
background-size: cover;
}
.testimonial-block .carousel { padding: 21px 2.65% 28px; }
.testimonial-block h1 {
margin: 0 0 22px 8px;
letter-spacing: 0;
}
/*.testimonial-block .img-box { margin: 10px auto; }*/
.testimonial-block blockquote q { padding: 0 5px; }
.links { padding: 0 0 0 6px; }
.links li {
display: block;
margin: 0 auto 20px;
max-width: 143px;
}
.difference-block h2 {
font-size: 20px;
line-height: 26px;
margin: 0 9px 28px 0;
}
.difference-block { padding: 29px 15% 5px; }
#footer .holder { padding: 25px 0 21px; }
#footer .top-holder { padding: 0 5% 100px 9%; }
#footer .links-area .col:first-child {
float: left;
width: 50%;
}
#footer .links-area .col {
float: right;
width: 43%;
}
#footer .links-area .col.last { width: 45%; }
#footer .links-area .col:first-child { margin-right: 2%; }
.info-box { padding: 47px 0 0 3px; }
.info-box .box:first-child { margin: 0 0 32px; }
.comments-block .top-bar { padding: 0 0 14px; }
.services-holder .col h2,
.app-holder .txt-area h2,
.overview .app-holder .txt-area h2,
.post-detail h2,
.auother-info .txt-box h3 {
font-size: 22px;
line-height: 24px;
}
.overview .app-holder .txt-area h3{
font-size: 18px;
line-height: 20px;
}
.auother-block h1 { margin: 0 0 38px; }
/*Table Responsive with 1 column
==========================================*/
.fld-options {display:block;margin-right: 0;}
.fld-options:last-child {margin-bottom:15px;}
.fields_center {text-align:left;}
input[type="text"].subdomain {width:180px;min-width:180px;}
table.rwd {
border: 0;
padding-bottom: 0;
display: block;
width: 100%;
}
table.rwd .mobileHidden {
display: none;
}
table.rwd > tbody > tr > td:first-child, .TableGrid tbody tr td:first-child {color:#5f5f5f !important;font-weight:bold;}
table.rwd > tbody > tr {border-bottom: 5px double #dadada;margin-bottom:4px;}
table.rwd > thead {
display: none;
visibility: hidden;
}
table.rwd > tbody, table.rwd > tr, table.rwd > thead > tr > th, table.rwd > thead > tr > td, table.rwd > tbody > tr, table.rwd > thead > tr > th, table.rwd > tbody > tr > td {
border: 0;
display: block;
text-align: left !important;
width: auto !important;
white-space: normal;
}
table.rwd > tbody > tr > td {
border-bottom:1px solid #efefef !important;
}
table.rwd > tbody > tr > td:last-child {border-bottom: none;}
table.rwd > tbody > tr:not([style*="display: none"]):not([style*="display:none"]) {
display:inherit !important;
clear:both;
height:auto !important;
}
table.rwd td.XMFormRow {width:auto !important;margin:0;}
table.rwd td.XMFormRow table table {width:100% !important;}
table.rwd td.XMFormRow td {border-bottom:none;}
table.rwd > thead > tr > th[data-title]:before,
table.rwd > tr > td td[data-title]:before,
table.rwd > tr > td[data-title]:before,
table.rwd > tbody > tr > td[data-title]:before
{
content: attr(data-title) ":\00A0";
font-weight: bold;
float:left;
width:100px;
overflow:hidden;
text-overflow:ellipsis;
}
table.rwd > th:not([data-title]),table.rwd > thead > th:not([data-title]) {
font-weight: bold;
}
table.rwd > tbody > tr > td:empty, table.rwd > tr > td:empty {
display: none;
}
table.rwd > tr > td.nonMobile, table.rwd > tbody > tr > td.nonMobile {display:none !important;}
table.TableGrid td table td {display:table-cell;}
table.rwd .rwdPositionRelative {position:inherit !important;}
table.rwd .XMFormRow td { padding-left: 0 !important; padding-right: 0 !important;}
.nonmandatory label {padding-left: 0 !important;font-weight: bold !important;}
}
@media screen and (max-width: 346px) {
.share div { float: none; display:block; margin: 0; width: 100px;height: 40px;}
}
.all-logos-container { display: none; }
.logos-block .logos-holder { height: 115px; }
/* FANCYBOX
===================================== */
.popup-holder {
position: relative;
overflow: hidden;
height: 0;
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url(../images/fancybox/fancybox.png);
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0 solid #fff; /* border-width should be zero */
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url(../images/fancybox/fancybox.png) -40px 0;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url(../images/fancybox/blank.gif);
z-index: 1102;
display: none;
}
#fancybox-left { left: 0; }
#fancybox-right { right: 0; }
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url(../images/fancybox/fancybox.png);
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url(../images/fancybox/fancybox.png);
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url(../images/fancybox/fancybox-x.png);
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url(../images/fancybox/fancybox.png);
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url(../images/fancybox/fancybox-y.png);
background-position: -20px 0;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url(../images/fancybox/fancybox.png);
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url(../images/fancybox/fancybox-x.png);
background-position: 0 -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url(../images/fancybox/fancybox.png);
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url(../images/fancybox/fancybox-y.png);
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url(../images/fancybox/fancybox.png);
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url(../images/fancybox/fancy_title_over.png);
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url(../images/fancybox/fancybox.png) -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url(../images/fancybox/fancybox-x.png) 0 -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url(../images/fancybox/fancybox.png) -55px -90px no-repeat;
}