@font-face {
    font-family: "helveticaneue";
    font-weight: 300;
    src: url('../fonts/helveticaneue/helveticaneue-light.woff');
}
@font-face {
    font-family: "helveticaneue";
    font-weight: 400;
    src: url('../fonts/helveticaneue/helveticaneue-regular.woff');
}
@font-face {
    font-family: "helveticaneue";
    font-weight: 700;
    src: url('../fonts/helveticaneue/helveticaneue-bold.woff');
}
@font-face {
    font-family: "helveticaneue";
    font-weight: 100;
    src: url('../fonts/helveticaneue/helveticaneue-ultralight.woff');
}
@font-face {
    font-family: "helveticaneue";
    font-weight: 200;
    src: url('../fonts/helveticaneue/helveticaneue-thin.woff');
}
@font-face {
    font-family: "helveticaneue";
    font-weight: 600;
    src: url('../fonts/helveticaneue/helveticaneue-medium.woff');
}
@font-face {
    font-family: "helveticaneue";
    font-weight: 800;
    src: url('../fonts/helveticaneue/helveticaneue-condensed-bold.woff');
}
@font-face {
    font-family: "helveticaneue";
    font-weight: 900;
    src: url('../fonts/helveticaneue/helveticaneue-condensed-black.woff');
}
/*---------------------ITALIC FONT-------------------------------*/

@font-face {
    font-family: "helveticaneue";
    font-weight: 100;
    font-style: italic;
    src: url('../fonts/helveticaneue/helveticaneue-ultralight-italic.woff');
}
@font-face {
    font-family: "helveticaneue";
    font-weight: 200;
    font-style: italic;
    src: url('../fonts/helveticaneue/helveticaneue-thin-italic.woff');
}
@font-face {
    font-family: "helveticaneue";
    font-weight: 300;
    font-style: italic;
    src: url('../fonts/helveticaneue/helveticaneue-light-italic.woff');
}
@font-face {
    font-family: "helveticaneue";
    font-weight: 400;
    font-style: italic;
    src: url('../fonts/helveticaneue/helveticaneue-regular-italic.woff');
}
@font-face {
    font-family: "helveticaneue";
    font-weight: 600;
    font-style: italic;
    src: url('../fonts/helveticaneue/helveticaneue-medium-italic.woff');
}
@font-face {
    font-family: "helveticaneue";
    font-weight: 700;
    font-style: italic;
    src: url('../fonts/helveticaneue/helveticaneue-bold-italic.woff');
}
body {
    color: #333;
    -webkit-font-smoothing: antialiased
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300
}
.space_down {
    min-height: 100px
}
input[type="radio"] {
    display: none;
}
.breadcrumb ol li,
p {
    font-size: 18px;
    line-height: 28px
}
.header .logo {
    padding-bottom: 15px;
    padding-top: 30px
}
.header button.navbar {
    padding-bottom: 25px;
    padding-top: 40px
}
.navbar img path {
    fill: #000;
}
/*Navigation CSS*/

.oyela {
    background: none !important
}
.oyela a {
    background: none;
}
.oyela a img {
    vertical-align: top
}
nav#block-basis-main-menu {
    position: absolute !important;
    top: 104px !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100%;
    text-align: center !important;
    float: left !important;
    z-index: 9999 !important;
    display: none;
}
nav#block-basis-main-menu ul {
    text-align: center !important;
    margin: 0 !important;
}
nav#block-basis-main-menu li {
    background: #fff !important;
    float: left !important;
    width: 100% !important;
    list-style-type: none !important;
    list-style-image: none !important;
    margin: 0 !important;
}
nav#block-basis-main-menu li a {
    font-size: 27px !important;
    font-weight: 400;
    float: left!important;
    width: 100% !important;
    padding: 12px 5px 12px 5px!important;
}
nav#block-basis-main-menu li a:hover,
nav#block-basis-main-menu li a.currect {
    color: #00a8e9 !important
}
/*End Navigation CSS*/

.bg_home_banner_shape {
    width: 100%;
    height: 100%;
    position: absolute;
    background: -webkit-linear-gradient(left, rgba(57, 57, 57, .3) 0, rgba(50, 50, 50, .3) 100%);
    background: -o-linear-gradient(left, rgba(57, 57, 57, .3) 0, rgba(50, 50, 50, .3) 100%);
    background: -ms-linear-gradient(left, rgba(57, 57, 57, .3) 0, rgba(50, 50, 50, .3) 100%);
    background: -moz-linear-gradient(left, rgba(57, 57, 57, .3) 0, rgba(50, 50, 50, .3) 100%);
    background: linear-gradient(to right, rgba(57, 57, 57, .3) 0, rgba(50, 50, 50, .3) 100%)
}
.bg_home_banner {
    background-position: center center;
    background-size: cover;
    min-height: 612px;
    padding-bottom: 30px;
    position: relative;
}
.bg_home_banner .link {
    border: 1px solid #fff;
    border-radius: 24px;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    height: 50px;
    padding: 9px 0 0 32px;
    position: relative;
    text-align: left;
    width: 173px;
}
.bg_home_banner .link .arrow,
.mobile-banner .link .arrow {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 6px 13px;
    display: inline-block;
    position: absolute;
    right: 17px;
    top: 18px
}
.bg_home_banner h1 {
    font-size: 54px;
    line-height: 58px;
    margin-top: 130px
}
.bg_home_banner p {
    margin-top: 30px
}
.bg_home_cont_2 {
    background-color: #333;
    padding: 60px 0 65px
}
.bg_home_cont_2 h2 {
    font-size: 38px;
    padding-bottom: 20px
}
.bg_menubar {
    background-color: #00a8e9;
    padding: 9px 0;
}
.bg_menubar ul li {
    display: inline-block
}
.bg_menubar ul li a {
    display: block;
    font-size: 17px;
    font-weight: 700;
    padding: 5px 10px;
    margin: 4px;
    border-radius: 20px;
    /* border: 1px solid #fff; */
}
.bg_menubar ul li a:hover {
    border-color: #94e6ff
}
.button_org,
.footer h3 {
    font-weight: 600
}
.button_org,
.footer ul.social li {
    display: inline-block
}
.button_org,
#webform-submission-enquire-form input[type="submit"] {
    background-color: #ef753d;
    border-radius: 35px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 170px
}
#webform-submission-enquire-form input[type="submit"] {
    line-height: 0px
}
/*.button_org:hover { background-color: #00a9ea; }*/

.button_org:hover {
    background-color: #cc6633;
}
.button_org.button_white:hover {
    background-color: transparent !important
}
.button_white {
    background-color: transparent;
    border: 1px solid #fff
}
.bg_home_slider {
    padding-bottom: 100px
}
.bg_home_cont_3 h3,
.bg_home_slider h3 {
    color: #00a8e9;
    font-size: 50px;
    margin-top: 65px;
    text-align: center
}
.bg_home_slider .box1 {
    margin-top: 55px
}
.bg_home_slider .box2 {
    margin-top: 75px;
    position: relative;
    text-align: right
}
.bg_home_slider .box2 img {
    margin: 0 auto;
}
.bg_home_slider .box1 h4 {
    font-size: 36px
}
.bg_home_slider .box1 p {
    margin-top: 30px
}
.bg_home_slider .box2 .dec {
    background-color: #00a8e9;
    border-radius: 20px;
    color: #fff;
    width: 270px;
    padding: 12px 15px 13px;
    position: absolute;
    text-align: left;
    top: -15px;
    z-index: 999
}
.bg_home_slider .box2 .dec::before {
    border-color: transparent #00a8e9 transparent transparent;
    border-style: solid;
    border-width: 0 20px 20px;
    bottom: -20px;
    content: "";
    position: absolute;
    right: 100px;
    z-index: -1
}
.bg_home_slider .box2 .dec p {
    font-size: 16px;
    line-height: 21px
}
.banner .flex-control-paging li a {
    border-color: #fff;
}
.banner .flex-control-paging li a.flex-active {
    background-color: #fff;
}
.banner .flex-control-nav {
    bottom: 40px;
}
.bg_gray_slider {
    background-color: #f4f4f4;
    padding-top: 15px
}
.bg_gray_slider .flex-control-nav {
    bottom: 35px
}
.bg_home_cont_3 {
    padding-bottom: 95px;
    padding-top: 15px
}
.bg_home_cont_3 ul {
    margin: 30px 0
}
.bg_home_cont_3 ul li {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0
}
.bg_home_cont_3 ul li .tick {
    background: url(../img/icon/tick.svg) no-repeat;
    display: inline-block;
    height: 12px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 16px
}
.bg_home_cont_4 {
    background-color: #00a9ea
}
.bg_home_cont_4 .box {
    margin-top: 30px
}
.bg_home_cont_4 h3 {
    font-size: 50px;
    margin-top: 85px;
    text-align: center
}
.bg_home_cont_4 h4 {
    font-size: 34px;
    margin-bottom: 25px;
    margin-top: 10px
}
.bg_home_cont_4 .button_white {
    margin-bottom: 70px;
    margin-top: 35px
}
.bg_home_cont_5 {
    background-color: #666
}
.bg_home_cont_5 h3 {
    font-size: 38px;
    margin-bottom: 35px;
    margin-top: 75px
}
.bg_home_cont_5 .button_org {
    margin-bottom: 80px;
    margin-top: 40px
}
.footer h3,
.footer ul.link li {
    font-size: 17px;
    margin-bottom: 5px
}
.breadcrumb {
    max-width: 960px;
    margin: 10px auto !important;
    text-align: center
}
.breadcrumb,
.footer .box {
    margin: 10px 0
}
.footer {
    background-color: #fafafa;
    color: #666;
    padding: 20px 0
}
.footer ul.social li a {
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 36px;
    line-height: 39px;
    position: relative;
    text-align: center;
    width: 36px
}
.footer ul.social li a i {
    font-size: 20px;
    text-indent: 5px;
}
.footer ul.social li.youtube a {
    background-color: #ca3737
}
.footer ul.social li.google-plus a {
    background-color: #e34226
}
.footer ul.social li.twitter a {
    background-color: #1ab9e4
}
.breadcrumb ol li {
    color: #999;
    display: inline;
    padding: 10px 0
}
.breadcrumb ol li a {
    color: #00a9ea
}
.breadcrumb ol li a:hover {
    text-decoration: underline
}
.breadcrumb ol li+li:before {
    content: "/";
    margin: 0 7px 0 3px
}
.call p {
    font-size: 27px;
    margin: 30px 0
}
hr {
    border-color: #e9e9e9;
    border-style: solid;
    border-width: 1px 0 0;
    margin: 35px 0;
    padding: 0
}
.bg_map {
    padding: 5px 0 60px
}
.bg_map h2 {
    font-size: 38px;
    line-height: 38px;
    padding-top: 20px
}
.bg_map iframe {
    height: 250px;
    width: 100%
}
.bg_map .box {
    margin-top: 45px
}
.bg_map h3 {
    font-size: 27px;
    margin-top: 20px
}
.bg_map p {
    margin-bottom: 30px;
    margin-top: 30px
}
.bg_map a:hover {
    color: #00a9ea
}
.service_cont_1 {
    margin: 40px 0;
}
.service_cont_1 h2 {
    color: #00adee;
    font-size: 55px;
    margin-bottom: 25px;
    margin-top: 15px
}
.service_cont_1 h3 {
    font-size: 27px;
    font-weight: 400;
    margin-bottom: 25px
}
.service_cont_1 .button_org {
    margin-top: 30px;
}
.con_with_img {
    margin-bottom: 55px;
    margin-top: 65px
}
.con_with_img h3,
.con_with_img h4,
.con_with_img p {
    margin-bottom: 25px
}
.con_with_img h3 {
    font-size: 36px
}
.con_with_img h4 {
    font-size: 26px;
    font-weight: 400
}
.con_with_img img {
    display: block;
    margin: 0 auto
}
.bg_menubar ul li a.currect,
.bg_menubar ul li a:hover {
    color: #94e6ff;
    /*  border: 1px solid #94e6ff; */
}
.to_top {
    background-color: #29abe2;
    /* border: 1px solid #fff; */
    
    text-align: center;
    bottom: -100px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    padding: 6px 15px;
    position: fixed;
    right: 10px;
    transition: all .3s ease 0s;
    z-index: 999;
    width: 50px;
}
.bg_reason h4,
.bg_reason img.icon {
    margin-bottom: 20px
}
.bg_feature_cont {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 519px;
    padding: 130px 0
}
.bg_feature_cont h3 {
    font-size: 38px
}
.bg_feature_cont blockquote {
    font-size: 28px;
    font-style: italic;
    font-weight: 300;
    line-height: 40px
}
.bg_reason {
    background-color: #00a9ea;
    padding-bottom: 110px;
    padding-top: 50px
}
.bg_reason h3 {
    font-size: 38px
}
.bg_reason h4 {
    font-size: 26px;
    font-weight: 400
}
.bg_reason .box {
    margin-top: 60px
}
.bg_reason .link {
    display: inline-block;
    font-weight: 700;
    margin-top: 25px
}
.bg_sitemap {
    margin-top: 70px
}
.bg_sitemap ul ul {
    margin-left: 10px
}
.bg_sitemap ul li {
    font-size: 12px;
    text-transform: capitalize
}
.bg_sitemap ul li a {
    display: inline-block;
    padding: 5px 0
}
.bg_sitemap ul li i {
    margin-right: 5px
}
.bg_sitemap ul li a:hover {
    color: red
}
.bg_testimonial {
    border: 1px solid #e8e8e8;
    margin-top: 40px;
    padding: 40px 25px
}
.bg_testimonial .logo {
    margin-bottom: 35px;
    margin-top: 5px;
    min-height: 155px;
    text-align: center
}
.bg_testimonial h3 {
    font-size: 27px;
    font-weight: 400
}
.bg_testimonial p {
    margin-top: 25px
}
.showcase .bg_radio_tab {
    margin: 5px 0 65px;
}
input[type="radio"] + label span::before {
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    color: #555;
    content: "";
    display: inline-block;
    font-size: 40px;
    height: 23px;
    left: 0;
    line-height: 23px;
    margin-right: 7px;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 23px;
}
input[type="radio"]:checked + label span::before {
    content: "•";
}
.showcase .bg_radio_tab label {
    display: inline-block;
    font-size: 18px;
    margin-right: 10px;
    padding: 10px 0 10px 32px;
    position: relative;
}
.box_visit_site {
    margin-bottom: 55px;
    text-align: center;
}
.box_visit_site .bg_box {
    background-color: #00a8e9;
    height: 250px;
    margin-bottom: 25px;
    overflow: hidden;
    padding: 40px 25px 0;
    position: relative;
}
.box_visit_site .bg_box .shape {
    background-color: #0080b1;
    height: 210px;
    padding: 0 10px;
}
.box_visit_site .bg_box .shape img {
    margin-top: -15px;
    transition: all 0.3s ease 0s;
}
.box_visit_site .bg_box .shape img:hover {
    margin-top: -25px;
}
.bg_post_image {} .bg_post_image img {
    margin-top: 35px;
}
.pricing h2 {
    font-size: 38px;
    margin-top: 30px;
    margin-bottom: 38px;
}
.pricing-button-1 {
    width: 268px;
}
.pricing-button-2 {
    width: 222px;
    margin-top: 20px;
    margin-top: 20px;
    margin-bottom: 40px;
}
.product-details h2 {
    margin-bottom: 46px;
}
.product-details p {
    margin-bottom: 50px;
    color: #333333;
}
/* Start Product Details Table CSS*/

.rwd-table {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}
.rwd-table tr th:nth-child(1),
.rwd-table tr td:nth-child(1) {
    text-align: left;
}
.rwd-table tr {
    border-bottom: 1px solid #ddd;
}
.rwd-table tr td {
    padding: 30px 0;
}
.rwd-table th {
    padding-bottom: 34px;
    font-size: 18px;
}
.rwd-table tr:last-child td {
    text-align: center;
}
.rwd-table tr:last-child {
    border-bottom: none;
}
/* Close Product Details Table CSS*/

.management-btn {
    margin-top: 38px;
    margin-bottom: 70px;
}
/*Package*/

.pricing-mobile h2 {
    font-size: 38px;
    margin-top: 40px
}
.package-bg {
    margin: 37px 0 0 0;
    padding: 0;
    width: 100%;
    float: left;
}
.package-bg h2 {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 0
}
.package-bg h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 30px;
}
.package-bg a.button_org {
    margin-top: 34px;
}
.insights-post-bg {
    margin: 48px 24px 0 0;
    padding: 0;
    width: 98%;
    float: left;
    border: 1px solid #e8e8e8;
}
.insights-post-bg:nth-child(2n+2) {
    margin: 0;
}
.insights-post-bg h2 {
    font-size: 27px;
    margin: 34px 24px;
}
.insights-post-bg p {
    margin: 0 24px 34px;
}
.insight-internal .con_with_img {
    margin-top: 44px;
    margin-bottom: 0;
}
.insight-internal .bg_home_banner h1,
.testimonial-single .bg_home_banner h1,
.enquire .bg_home_banner h1,
.support .bg_home_banner h1,
.support-single .bg_home_banner h1,
.support-single-desc .bg_home_banner h1 {
    margin-top: 144px;
}
.testimonial-single .bg_home_banner,
.insight-internal .bg_home_banner {
    min-height: 458px;
}
.enquire .bg_home_banner,
.support .bg_home_banner,
.support-single .bg_home_banner,
.support-single-desc .bg_home_banner {
    min-height: 352px;
}
.benifits li:before,
.benefits li:before {
    content: "•";
    padding-right: 8px;
    color: black;
}
.benefits li {
    font-size: 18px;
    line-height: 30px;
    list-style-type: none;
    padding: 0 15px;
    position: relative;
    text-align: left;
}
.benefits li:before {
    content: "•";
    padding-right: 8px;
    color: black;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}
.testimonial-single .con_with_img {
    margin-top: 25px;
    margin-bottom: 15px;
}
.form,
#webform-submission-enquire-form {
    margin-top: 64px;
    margin-bottom: 0;
    max-width: 960px;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
}
#webform-submission-enquire-form .form-actions {
    text-align: center
}
.form label,
#webform-submission-enquire-form label {
    font-size: 18px;
    text-align: left;
    float: left;
    width: 100%;
    font-weight: 400;
    margin-bottom: 14px;
}
.form select,
#webform-submission-enquire-form select {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #e5e5e5;
    background-image: url("../img/icon/down-arrow.svg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 25px auto;
    border: medium none;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 12px 16px;
}
.form input,
#webform-submission-enquire-form input {
    background: #fff;
    padding: 12px 16px;
    height: 38px;
    border: 1px solid #e7e7e7;
    margin-bottom: 0;
    width: 100%;
}
.support-bg {
    margin: 60px 0 0 0;
    padding: 0;
    width: 100%;
    float: left;
}
.support-bg h2 {
    margin-bottom: 38px;
    font-weight: 400;
    font-size: 27px;
    float: left;
    width: 100%
}
.support-links {
    margin: 0;
    padding: 0;
}
.support-links li {
    margin-bottom: 38px;
}
.support-links li a {
    color: #00a9ea;
    font-size: 18px;
}
.support-links li a:hover {
    color: #1187B4
}
.support-single .support-links li a {
    font-size: 27px;
}
.support-bg h3 {
    color: #00a9ea;
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 700;
}
.support-desc {
    padding-top: 60px;
}
.support-desc p {
    margin-top: 42px;
    margin-bottom: 42px;
}
.support-links .active a {
    color: #999999
}
.contact .box a:hover {
    color: #00a9ea
}
#block-basis-branding {
    display: none !important;
}
#block-basis-account-menu ul.menu {
    width: auto;
    float: left;
    background-color: #00a8e9;
    padding: 9px 0;
    position: fixed;
    top: 0;
    right: 0;
    margin: 0;
    z-index: 9999999;
    text-align: right
}
#block-basis-account-menu ul.menu li {
    display: inline;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    padding: 5px 15px;
    text-transform: uppercase;
    margin: 0 !important;
    list-style-type: none !important;
    list-style-image: none !important;
}
ul.menu a.is-active {
    color: #00a8e9;
}
.page-node-type-learn #block-basis-breadcrumbs,
.page-node-type-support #block-basis-breadcrumbs {
    display: none
}
#support_breadcrumb #block-basis-breadcrumbs {
    display: initial !important;
}
#user-login-form,
.profile {
    background: #f1f1f1;
    border-radius: 20px;
    margin: 0 auto 50px auto;
    padding: 15px 0 0 0;
    width: 320px;
    overflow: hidden;
}
.messages.messages--error {
    margin: 15px auto 15px auto;
    width: 320px;
    overflow: hidden;
}
.profile {
    text-align: center;
    padding: 0;
    margin-bottom: 25px;
}
#user-login-form .js-form-item {
    padding: 0 15px;
}
#user-login-form input {
    border: medium none;
    margin: 6px 0;
    padding: 6px 10px;
}
#user-login-form label {
    font-weight: bold;
    margin: 10px 0;
    float: left;
}
#user-login-form #edit-submit {
    background: #00A8E9;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px;
}
#user-login-form .form-item,
#user-login-form .form-actions {
    margin: 0;
}
#user-login-form .form-item input,
#user-login-form .form-actions input {
    margin: 0;
}
#user-login-form .form-composite > .fieldset-wrapper > .description,
.form-item .description {
    margin: 10px 0;
}
.views-view-grid .views-row {
    margin-bottom: 50px;
    padding-left: 11em;
    text-align: center;
    font-size: 25px;
}
.bg_reason .link {
    display: inline-block;
    font-weight: 700;
    margin-top: 25px;
    border-radius: 35px;
    width: 170px;
    padding: 10px;
}
.popup-iframe {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    overflow: hidden;
    display: none;
    z-index: 99999;
    /*  padding:5em;*/
}
.popup-iframe iframe {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.max-width-svg {
    max-width: 70%;
}
.page-node-type-showcase-slider .views-row {
    padding-right: 11em;
}
/*
.field__item .efficient .con_with_img img {
     max-width: 70%;
}
.field__item .powerful .con_with_img img {
     max-width: 70%;
}
.field__item .simple .con_with_img img {
     max-width: 70%;
}
.field__item .secure .con_with_img img {
    max-width: 70%;
}
.field__item .manage .con_with_img img {
    max-width: 85%;
}
*/

.path-insights #block-basis-content {
    margin-bottom: 50px;
}
form#views-exposed-form-showcase-block-block-1 {
    text-align: center;
    margin-bottom: 18px;
}
form#views-exposed-form-showcase-block-block-1 label {
    display: inline-block;
    font-size: 18px;
    margin-right: 10px;
    padding: 10px 0 10px 32px;
    position: relative;
}
#views-exposed-form-showcase-block-block-1 .form--inline {
    display: none
}
#block-basis-account-menu {
    display: none
}
div#drupal_login {
    float: left;
    text-align: right;
    width: 84%;
    margin: 42px 0;
}
div#drupal_login li a {
    color: #00a8e9;
}
div#drupal_login li {
    display: inline;
    margin: 0 10px 0 0;
}
div#drupal_login ul.menu {
    text-align: right !important
}
.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.mobile-banner {
    background: #01a9ea;
    color: #fff;
    padding: 70px 0;
    text-align: center;
    display: none;
}
.mobile-banner img {
    max-width: 220px;
    width: 100%;
}
.mobile-banner h1 {
    font-size: 54px;
    line-height: 58px;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}
.mobile-banner .link {
    border: 1px solid #fff;
    border-radius: 24px;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    height: 50px;
    padding: 9px 0 0 32px;
    position: relative;
    text-align: left;
    width: 173px;
}
.mobile-content-block {
    display: none
}
#block-webform h2 {
    text-align: center;
    margin-top: 56px;
    margin-bottom: 33px;
    padding: 0 15px;
    font-size: 38px;
    line-height: 38px;
}
.counter {
    margin: 65px auto 25px auto;
    color: #00a9ea;
}
.counter img {
    width: 150px;
}
.counter P {
    margin-top: 20px
}
span#trans_time,
span#assets_time,
span#user_time,
span#assets_update_time,
span#user_update_time,
span#tran_update_time {
    display: none;
}
.counter h2 {
    visibility: hidden;
    font-size: 38px;
}
.learn-video .col-lg-4 {
    padding: 0
}
.learn-video {
    padding: 0;
    margin: 0 0 25px 0;
    float: left;
    width: 100%
}
.learn-video li {
    padding: 40px 0;
    border-bottom: 1px solid #E6E6E6;
    float: left;
    width: 100%
}
.learn-video li .col-lg-4 {
    position: relative
}
.overlay-bg-new {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    margin: 0 auto;
    padding: 0;
}
.learn-video li h3 {
    margin: 10px 0 20px 0;
    font-weight: 400;
    font-size: 26px
}
.video-overlay {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 99999;
    /* padding:5em;*/
}
.video-popup-iframe {
    display: none
}
.video-iframe,
div#ooyalaplayer {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    margin: auto !important;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 99999;
    /* padding:5em;*/
}
.video-bg-background {
    float: left;
    width: 100%;
    background: #000;
    position: relative;
    height: 180px;
    text-align: center;
    line-height: 180px;
    font-size: 40px;
    background-size: cover !important
}
.video-bg-background i {
    position: relative;
    color: #fff;
    display: inline;
    left: 7px;
    cursor: pointer
}
div.view-map p {
    margin-bottom: 10px;
    margin-top: 10px;
}
.after-video-icon::after {
    content: "";
    position: absolute;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 6px 13px;
    display: inline-block;
    position: absolute;
    right: 17px;
    top: 18px;
}
.sub-heading {
    margin: 20px 0;
}
.float-left {
    float: left !important;
}
.common-head-part-2 {
    font-size: 38px;
}
.margin-top-none {
    margin-top: 0 !important
}
.node__content a{
    text-decoration: underline;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.embed-responsive::before {
    display: block;
    content: "";
}
.embed-responsive .video-ooyala-container{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


/*Conference register popup*/
.ms-custom-popup-design {max-width: 480px;margin: 0;padding: 15px;position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;box-sizing: border-box;display: none;z-index: 9;margin: auto;z-index: 99999}
.ms-modal-dialogue-overlay {margin: 0;padding: 15px;position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;box-sizing: border-box;background: rgba(0,0,0,0.5);display: none;}
.ms-custom-popup-design .ms-modal-dialogue {margin: 0 auto 0 auto;padding: 60px 25px 25px 25px;max-width: 480px;width: 100%;background: #1ca6e3;color: #ffffff;position: relative;position: absolute;top: 0;left: 0;right: 0;position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;z-index: 9999999}
.ms-modal-dialogue h3 {color: #ffffff;font-weight: 600;font-size: 34px;line-height: 40px;margin: 0 0 28px 0;max-width: 330px;}
.ms-modal-dialogue h3 span {color: #5e2f98;display: block;}
.ms-modal-dialogue h5 {font-weight: 600;font-size: 20px;margin-bottom: 6px;}
.ms-modal-dialogue p {font-size: 20px;font-weight: 300}
.next-img {max-width: 194px;position: absolute;bottom: 30px;right: 25px;}
.ms-modal-dialogue .btn {margin: 22px 0 0 0;padding: 12px 28px;background: #5e2f98;color: #ffffff;border-radius: 6px;font-size: 22px;display: inline-block !important;}
.ms-modal-dialogue .btn:hover {background: #8256bf;}
.ms-modal-dialogue .close-icon {color: #5e2f98;font-size: 30px;position: absolute;top: 25px;right: 25px;}
.ms-modal-dialogue .close-icon:hover {color: #8256bf}
@media(max-width:480px) {
    .ms-custom-popup-design {max-width: 98%;}
    .ms-custom-popup-design .ms-modal-dialogue {max-width:  98%;padding: 60px 15px 25px 15px;}
    .ms-modal-dialogue h3 {font-size: 25px;line-height: 34px;}
    .ms-modal-dialogue h5, .ms-modal-dialogue p {font-size: 15px;line-height: 20px;}
    .next-img {max-width: 114px;position: absolute;bottom: 96px;right: 13px;}
    .ms-modal-dialogue .btn {width: 100%;}
    a.btn {text-align: center;}
}
/*End - Conference register popup*/


/*Conference new banner*/
.hero-section-new-design {margin: 0;padding: 102px 0;background: #00adee;color: #ffffff;float: left;width: 100%;overflow: hidden;}  
.hero-section-new-design .row {position: relative}
.hero-section-new-design h1 {font-size: 56px;font-weight: 600;line-height: 58px;margin-bottom: 33px;}
.hero-section-new-design h1 span {display: block;color: #5e2f98;}
.hero-section-new-design .font-bold {font-weight: 700;}
.hero-section-new-design .button-group {margin-top: 33px;}
.hero-section-new-design .button-group a{background: #5e2f98;position: relative;}
.hero-section-new-design .button-group a.after-video-icon:after {top: 20px;}
.hero-section-new-design .big-image {position: absolute;top:-102px;right: -18%;width: 100%;max-width: 700px}
@media(max-width:767px) {
    .hero-section-new-design {padding: 152px 0 23px 0;}
    .hero-section-new-design .big-image {right: 30px;top: -152px;max-width: initial;width: 60%;}
    .hero-section-new-design h1 {font-size: 35px;line-height: 40px;margin-bottom: 20px;}
    .button-group {margin-top: 20xp;}
}
@media(min-width:767px) and (max-width:1164px) {
    .hero-section-new-design .big-image {right: 0;width: 54%;}
}
/*Conference new banner*/



.position-fixed {
    position: fixed;
}
.look-calculator {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    height: 100%;
    position: relative;
    display: table;
}

.look-calculator .col-6 {
    margin: 0;
    padding: 88px 112px;
    width: 50%;
    float: right;
    min-height: 100%;
    display: table-cell;
    vertical-align: middle
}

.blue-bg {
    background: #00ADEE
}

.look-calculator-heading {
    margin: 0 0 40px 0;
    padding: 0;
    float: left;
    width: 100%;
    font-size: 82px;
    font-weight: 100;
    color: #ffffff;
    line-height: 82px;
}
.look-calculator-heading span {
    color: #99DEF8
}

.look-calculator .big-heading {
    margin: 0 0 40px 0;
    font-size: 30px;
    line-height: 36px;
    color: #ffffff;
    font-weight: 300
}

.white-logo {
    position: absolute;
    bottom: 33px;
    left: 33px;
    max-width: 204px;
}
.look-calculator-form .form-group:last-child {
    margin-bottom: 0
}
.look-calculator-form .form-group {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.look-calculator-form h3{
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 20px 0;
    padding: 0;
}

.look-calculator-form h3 span {
    color: #999999;
    font-weight: 400;
    font-size: 18px;
    display: block;
    line-height: 26px;
    margin-top: 10px;
}

.look-calculator-form p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}


.look-calculator-primary-heading {
    font-weight: 100;
    font-size: 52px;
    line-height: 58px;
    margin-bottom: 30px;
    color: #99DEF8;
}

.look-calculator-primary-heading span {
    display: block;
    color: #ffffff
}

.normal-heading {
    font-size: 22px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 300
}

.look-calculator-step {
    margin: 0 0 30px 0;
    padding: 0;
    float: left;
    width: 100%;
    list-style-type: none;
}

.look-calculator-step li {
    width: 20px;
    height: 20px;
    float: left;
    border: 2px solid #ffffff;
    text-align: center;
    font-size: 0;
    margin-right: 25px;
    border-radius: 50%;
    position: relative;
}
.look-calculator-step li:after {
        content: "";
    position: absolute;
    top: 0;
    right: -27px;
    width: 25px;
    height: 2px;
    background: #ffffff;
    bottom: 0;
    margin: auto;
}
.look-calculator-step li.active {
    background: #EF753D url('../img/check-icon.svg') center center / 10px no-repeat
}
.look-calculator-step li:last-child:after {
    display: none
}
.look-calculator-step li:last-child {
    margin-right: 0
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-control {
    position: relative;
    display: block;
    padding-left: 34px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    float: left;
    width: 100%;
    margin-bottom: 18px;
}
.custom-control:last-child {
    margin-bottom: 0;
}
.custom-control-label::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 16px;
    height: 16px; 
    border: 2px solid #CCCCCC;
    border-radius: 50%;
}


.custom-control-input:checked~.custom-control-label::after {
   background: #00ADEE url('../img/check-icon.svg') center center / 10px no-repeat;
    border-color: #00ADEE
}
.custom-control-label .form-control {
    margin-top: 14px
}
.form-control {
    background: #E0F5FD;
    border: 1px solid #CCEFFC !important;
    border-radius: 3px;
    height: 38px;
    padding: 10px;
    width: 100%;
}

textarea.form-control {
    height: auto;
    resize: none
}


.look-calculator-form-button {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 18px 24px;
    border-top: 1px solid #E5E5E5;
    width: 50%;
    text-align: right;
    background: #ffffff
}

.look-calculator-form-button a {
    font-size: 16px;
    padding: 13px 26px;
    background: #000000;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    margin-right: 18px;
}

.look-calculator-form-button a:last-child {
    margin-right: 0
}

.look-calculator-form-button a.back {
    background: #00ADEE;
}
.look-calculator-form-button a.next {
    background: #EF753D;
}

.estimate-input-bg {
    margin: 0 -5px;
    padding: 15px 0 12px 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E8E8E8;
}

.estimate-input-bg:last-child, .estimate-input-bg:first-child {
    border-bottom: 0;
    padding-bottom: 0
}

.estimate-heading {
    margin: 0;
    padding: 0 20px 0 5px;
    float: left;
    width: calc(100% - 180px);
}
.estimate-heading h4 {
    font-size: 18px;
    
    font-weight: normal;
    color: #000000
}
.estimate-heading p {
    font-size: 14px;
    color: #999999;
    line-height: 26px;
    margin-top: 5px
}
.estimate-input {
    margin: 0;
    padding: 0 5px;
    width: 90px;
    float: left;
    
}

.estimate-input h5 {
    font-weight: 700;
    font-size: 13px
}

.pos-rel {
    position: relative;
}
.pos-rel input {
    padding-right: 28px;
}
.data-attr {
    position: absolute;
    top: 1px;
    right: 7px;
    font-size: 12px;
    text-transform: uppercase;
    height: 100%;
    display: flex;
    align-items: center;
}

.inline-group {
    width: auto;
    display: inline-block;
    float: none;
    margin-right: 36px;
    /*margin-bottom: 0;*/
}
.inline-group:last-child {
    margin-right: 0
}

.estimate-input-bg.two-col .estimate-heading{
    width: calc(100% - 90px);
}

.form-group .desc {
    margin: 0 0 15px 0;
    padding: 0;
    float: left;
    width: 100%;
}

.form-group .desc p {
    margin: 0 0 20px 0
}

.form-group .desc p:last-child {
    margin: 0
}

.form-label {
    font-size: 18px;
    font-weight: 700;
    line-height: normal !important;
    margin-bottom: 14px;
    display: inline-block;
    width: 100%;
}

.form-input {
    margin: 0 0 16px 0;
    padding: 0;
    float: left;
    width: 100%;
}

.full-width {
    width: 100% !important;
    float: none !important;
}
.thankyou {
    text-align: center;
}
.thankyou img{
    width: 268px;
    margin-bottom: 40px
}

.thankyou a {
    font-size: 16px;
    padding: 13px 26px;
    border-radius: 30px;
    color: #ffffff;
    border:1px solid #ffffff;
    display: inline-block;
    margin-right: 18px;
    margin-top: 36px;
}

.left-pos {
    left: 0;
}

.left-pos .data-attr {
    left: 7px;
    right: inherit;
}

.left-pos input {
    padding-left: 19px;
    padding-right: 5px;
}

.dialog-off-canvas-main-canvas {
    height: 100%
}

.pointer-none {
    pointer-events: none;
}

@media(max-width:767px) {

.look-calculator .col-6 {
width: 100%;
padding: 30px 20px;
position: relative !important
}

.look-calculator-step {
margin-bottom: 20px
}
.look-calculator {
height: auto !important;
}

.white-logo {
position: inherit !important;
top: 0;
left: 0;
margin-bottom: 30px;
max-width: 150px
}

.look-calculator-step li:after {
right: -15px;
width: 14px;
}

.look-calculator-step li {
margin-right: 11px;
}

.look-calculator-primary-heading {
font-size: 35px;
line-height: 40px;
margin-bottom: 20px
}

.normal-heading {
font-size: 18px
}

.look-calculator-form-button {
width: 100%;
padding: 10px 20px
}
.form-group .desc p, .form-label {
font-size: 16px;
}
.mobile-padding {
padding-bottom: 80px !important
}

.back {
    float: left;
}

.look-calculator .big-heading {
    margin: 0 0 20px 0;
    font-size: 20px;
    line-height: 26px;
}

.look-calculator-heading {
    margin: 0 0 20px 0;
    font-size: 45px;
    line-height: 45px;
}
}