@import url(https://fonts.googleapis.com/earlyaccess/alefhebrew.css);
@import url(../fonts/open_sans_hebrew/fonts.css);
@import url(../themes/animate.min.css);
@import url('https://fonts.googleapis.com/css?family=Assistant:200,300,400,500,600,700&subset=hebrew');

body {
    font-family: 'Assistant';
}

.Alef {
    font-family: 'Assistant';
}

input[type="text"] {
    text-align: $Language.Align$;
    direction: rtl;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

h1 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #082d54;
    font: 44px/1 'Assistant';
    direction: $Language.Direction$;
}

h2 {
    margin-bottom: 10px;
    color: #073853;
    font: 32px/1 'Assistant';
}

.navbar {
    min-height: 65px;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    margin-bottom: 0;
}

.navbar-header {
    float: $Language.Align$;
}

.navbar-brand {
    height: 65px;
}

.navbar-toggle {
    margin-top: 18px;
}

.navbar-nav {
    margin-$Language.Align$: 3%;
}

    .navbar-nav > li {
        float: $Language.Align$;
    }

.nav > li > a {
    padding: 10px 30px;
}

.navbar-default .navbar-nav > li > a {
    color: #0e4582;
    font-size: 36px;
    line-height: 60px;
}

.collapse.navbar-collapse {
    float: $Language.Align$;
}

.navbar-left {
    float: $Language.AlignInvert$ !important;
}

.navbar-nav .open > a {
    background: #e8eef5 !important;
    color: #0e4582 !important;
}

.navbar-nav li > a:hover {
    color: #0e4582 !important;
}

.navbar-inner {
    float: $Language.Align$;
}

.nav-mega {
    width: 100%;
}

.dropdown {
    position: static !important;
}

.dropdown-menu.mega-menu {
    min-width: auto;
    width: 100%;
    padding-top: 30px;
    padding-$Language.Align$: 30px;
    padding-bottom: 10px;
    padding-$Language.AlignInvert$: 0;
    background: #e8eef5;
    border: none;
    box-shadow: none;
}

    .dropdown-menu.mega-menu > li {
        float: $Language.Align$;
        display: block;
        width: 25%;
        padding-bottom: 20px;
    }

.subMenu {
    border-$Language.AlignInvert$: solid 1px #cbd8e9;
}

.dropdown-menu.mega-menu > li:last-child .subMenu {
    border: none;
}



.subMenu li {
    display: block;
    text-align: $Language.Align$;
    padding-bottom: 10px;
    padding-$Language.AlignInvert$: 12%;
    padding-$Language.Align$: 20px;
}

    .subMenu li a {
        color: #0e4582;
        font: 18px/1 'Assistant';
    }

        .subMenu li a:hover {
            text-decoration: none;
        }

    .subMenu .title, .subMenu li.title a {
        padding-bottom: 20px !important;
        color: #0e4582;
        font: 30px/1 'Assistant';
    }

.navbar-form {
    position: relative;
    /*margin-top: 17px;*/
    padding: 10px;
}

    .navbar-form .form-control {
        border-radius: 40px;
        border: solid 1px #8da9ce;
        box-shadow: none;
        color: #8da9ce;
        line-height: 20px;
        font-size: 21px;
        font-family: 'Assistant';
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .navbar-form .form-control {
        line-height: 28px;
    }
}

.navbar-form .form-control::-webkit-input-placeholder {
    color: #8da9ce;
}

.navbar-form .form-control::-moz-placeholder {
    color: #8da9ce;
}

.navbar-form .form-control::-ms-input-placeholder {
    color: #8da9ce;
}

.searchBtn {
    position: absolute;
    $Language.AlignInvert$: 23px;
    top: 17px;
    width: 20px;
    height: 19px;
    background: url(../images/searchIcon.png) 0 0 no-repeat;
    padding: 0;
    border: none;
    border-radius: 0px;
}

    .searchBtn:hover {
        background: url(../images/searchIcon.png) 0 0 no-repeat;
    }

.languages {
    float: $Language.AlignInvert$;
    padding: 9px 8px;
    margin-top: 17px;
    margin-$Language.Align$: 15px;
    background-color: #0f4582;
    border-radius: 50%;
    color: #fff;
    font: 17px/1 'Assistant';
}

    .languages:hover {
        color: #fff;
        text-decoration: none;
    }

.searchLang {
    float: $Language.AlignInvert$;
}

.carousel.slide {
    margin-bottom: 10px;
}

.carousel-indicators {
    bottom: 25px;
    /*$Language.AlignInvert$: 95%;*/
}

    .carousel-indicators li {
        border: none;
        background: #627c9e;
        margin-$Language.AlignInvert$: 3px !important;
    }

.anchors {
    margin-bottom: 10px;
    padding-$Language.Align$: 2px !important;
}

    .anchors.col-xs-8 {
        float: $Language.Align$;
    }

.MasterBannerPageControl {
    margin-bottom: 40px;
}

.anchors .row {
    margin-$Language.Align$: 5px;
    margin-$Language.AlignInvert$: 5px;
}

    .anchors .row .col-md-3 {
        padding-$Language.AlignInvert$: 5px;
        padding-$Language.Align$: 5px;
    }

.anchors .BoxCategoriesPageControl .col-xs-6 {
    float: $Language.Align$;
}

.cloudAnchor {
    background-color: #148fc9;
    cursor: pointer;
}

.internetAnchor {
    background-color: #954d93;
    cursor: pointer;
}

.hostingAnchor {
    background-color: #5a7d2a;
    cursor: pointer;
}

.integrationAnchor {
    background-color: #e9602c;
    cursor: pointer;
}

.anchors .thumbnail img {
    margin-bottom: 37px;
}

.anchors .caption p {
    color: #fff;
    font-size: 24px;
}

.security a {
    cursor: pointer;
}

.securityMore {
    display: none;
}

.securityMain {
    padding: 20px;
}

.securityBox {
    min-height: 120px;
    padding: 10px 15px;
    margin-bottom: 20px;
    border: solid 1px #d7d7d7;
    max-height: 420px;
    overflow: hidden;
}

    .securityBox img,
    .securityMain img {
        float: $Language.Align$;
        margin-$Language.AlignInvert$: 30px;
    }

    .securityBox a, .securityBox span {
        color: #073853;
        font: bold 16px/1 'Assistant';
    }

    .securityBox p,
    .securityMain p, .securityMain span {
        color: #073853;
        font: 16px/1 'Assistant';
    }

.securityMain > a,
.securityMain > span {
    display: block;
    padding-bottom: 30px;
    color: #073853;
    font: 30px/1 'Assistant';
}

.securityMain p {
    display: block;
    padding-$Language.Align$: 130px;
    line-height: 1.3;
}

    .securityMain p a span {
        color: #187aaf;
    }

.form-control {
    box-shadow: none;
    border-color: Transparent;
    border-radius: 0px;
    font-size: 18px;
}

.contactUs .form-control::-webkit-input-placeholder {
    color: #6E6E6E;
}

.contactUs .form-control::-moz-placeholder {
    color: #6E6E6E;
}

.contactUs .form-control::-ms-input-placeholder {
    color: #6E6E6E;
}

.contactUs .form-group:last-child {
    margin-bottom: 8px;
}

.contactUs .blueBigBtn {
    float: $Language.AlignInvert$;
}
/*.contactUs.contactUsGeneral  .form-group { margin-bottom: 44px;}*/
.contactUsGeneral {
    background: #e8eef5;
    padding-top: 5px;
    padding-bottom: 4px;
}

    .contactUsGeneral p {
        margin-bottom: 0;
        color: #0b4280;
        font-size: 29px;
        text-align: $Language.Align$;
        direction: $Language.Direction$;
    }

.contactUsBanner {
    position: absolute !important;
    $Language.AlignInvert$: 0px;
    top: 40px;
    padding: 10px 15px 5px;
    display: none;
}

.cloud.contactUs,
.cloudBanner .contactUs {
    background: rgba(9, 93, 139, 0.5);
}

.internet.contactUs {
    background: rgba(97, 18, 99, 0.5);
}

.vertical-text {
    position: absolute;
    $Language.AlignInvert$: 0px;
    /*margin-$Language.Align$: 77.5%;*/
    top: 172px;
    padding-bottom: 6px;
    padding-top: 6px;
    padding-$Language.Align$: 22px;
    padding-$Language.AlignInvert$: 21px;
    margin-$Language.AlignInvert$: -93px;
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    /*-ms-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;*/
    white-space: nowrap;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    min-width: 220px;
}

    .vertical-text:hover {
        color: #fff;
        text-decoration: none;
    }

/*.arrowOpen {
    position: absolute;
    top: 40px;
    $Language.AlignInvert$: 0px;
    width: 35px;
    height: 39px;
    cursor: pointer;
}*/

.cloudBanner .vertical-text {
    background: rgba(9, 93, 139, 0.5);
}

.cloudBanner .arrowright {
    background: url(../images/cloudright.jpg) right no-repeat;
    position: absolute;
    top: 40px;
    $Language.AlignInvert$: 0px;
    width: 35px;
    height: 39px;
    cursor: pointer;
}

.cloudBanner .arrowleft {
    background: url(../images/cloudleft.jpg) right no-repeat;
    position: absolute;
    top: 40px;
    $Language.AlignInvert$: 0px;
    width: 35px;
    height: 39px;
    cursor: pointer;
}
/*.cloudBanner .arrowOpenEng {
    background: url(../images/cloudCloseOpen.jpg) right bottom no-repeat;
}

.cloudBanner .arrowClose {
    $Language.AlignInvert$: 379px;
    background: url(../images/cloudClose.jpg) right bottom no-repeat;
}*/

.internetBanner .vertical-text {
    background: rgba(97, 18, 99, 0.5);
}

.internetBanner .arrowright {
    background: url(../images/internetright.jpg) right no-repeat;
    position: absolute;
    top: 40px;
    $Language.AlignInvert$: 0px;
    width: 35px;
    height: 39px;
    cursor: pointer;
}

.internetBanner .arrowleft {
    $Language.AlignInvert$: 379px;
    background: url(../images/internetleft.jpg) right no-repeat;
    position: absolute;
    top: 40px;
    $Language.AlignInvert$: 0px;
    width: 35px;
    height: 39px;
    cursor: pointer;
}

.contactUp-open {
    $Language.AlignInvert$: 379px;
}

.mainBanner {
    position: relative;
    margin-bottom: 25px;
}

.mainBannerlobby {
    margin-bottom: -25px;
}


.internet .mainBanner {
    margin-bottom: 50px;
}

.generalBox {
    padding: 15px 4px;
    border-color: #d7d7d7;
    border-radius: 0px;
}

    .generalBox:hover {
        border-color: #d7d7d7 !important;
        text-decoration: none;
    }

    .generalBox .caption {
        padding: 4px 9px 0 9px;
        text-align: center;
    }

        .generalBox .caption p {
            font: 20px/1 'Assistant';
            white-space: nowrap;
        }

.hand {
    cursor: pointer;
}

.col-md-fourteen {
    width: 14.28%;
}

.hosting,
.integration,
internet,
.cloud,
.knowledge {
    margin-bottom: 10px;
}

    .hosting .caption p {
        color: #335315;
    }

    .integration .caption p {
        color: #bf3e14;
    }

    .knowledge .caption p {
        color: #082d54;
    }

    .cloud .caption p {
        color: #073853;
        font: 21px/1 'Assistant';
        white-space: nowrap;
    }

.otherServices-close,
.otherServices-open {
    cursor: pointer;
}

    .otherServices-close a,
    .otherServices-open a {
        height: 167px;
    }

.otherServices-open {
    display: none;
}

    .otherServices-open .generalBox {
        background: #f6f6f6;
        border: solid 1px #36a1d2 !important;
    }

.otherServices {
    display: none;
}

.integration .generalBox {
    height: 169px;
}

.knowledge .generalBox {
    height: 162px;
}

    .knowledge .generalBox p {
        padding-top: 15px;
    }

.knowledge .newsletter p {
    padding-top: 0;
}

.cloud .generalBox .caption {
    padding: 4px 0 0;
}

.caseStudies {
    background-color: #f6f6f6;
    padding: 40px 30px;
}

    .caseStudies .generalBox {
        min-height: 220px;
        float: $Language.Align$;
    }

.companyLogo {
    padding-top: 0;
}

    .companyLogo img {
        transform: translateY(25%);
    }

.caseStudiesInner p {
    color: #082d54;
    font: 27px/1 'Assistant';
}

.caseStudiesInner span {
    display: block;
    color: #082d54;
}

.caseStudiesInner .blueSmallBtn {
    margin-top: 8px;
}

.caseStudiesMore {
    text-align: $Language.AlignInvert$;
    display: block;
    color: #082d54 !important;
    font: 23px/1 'Assistant';
}

.internet .col-xs-fifteen {
    width: 15%;
}

.internet .col-xs-eighteen {
    width: 18%;
}

.internet .row {
    margin-$Language.Align$: 5px;
    margin-$Language.AlignInvert$: 5px;
}

    .internet .row .col-xs-fifteen {
        padding-$Language.Align$: 5px;
        padding-$Language.AlignInvert$: 5px;
    }

.internet .title {
    color: #611263;
    font: 40px/1 'Assistant';
    margin-top: -40px;
    direction: $Language.Direction$;
}

.priceLabel {
    padding: 14px 0 0;
    background-color: #8f4891;
    border-radius: 100%;
    color: #fff;
    width: 120px;
    margin: 0 auto 10px auto;
    height: 110px;
}

    .priceLabel p {
        margin: 0;
        font: 22px/1 'Assistant' !important;
    }

.productDetails .priceLabel p {
    color: #fff;
}

.priceLabel .megaNum {
    font-size: 60px !important;
}

.priceLabel.iptv {
    border-radius: 0;
    height: auto;
    width: auto;
    display: inline-block;
    text-align: center;
    padding: 5px 14px;
    margin-bottom: 10px;
    background-color: #8f4891;
}

    .priceLabel.iptv strong {
        font-size: 24px;
    }

.price {
    margin-bottom: 15px;
    color: #611263;
    direction: rtl;
}

    .price * {
        line-height: 1;
    }

.shekel {
    font-size: 50px;
}

.penny {
    font-size: 20px;
    line-height: 33px;
    vertical-align: top;
}

.currency {
    font-size: 18px;
    vertical-align: bottom;
}

.internetBusiness {
    width: 20% !important;
    float: $Language.AlignInvert$ !important;
    padding-$Language.Align$: 5px !important;
    padding-$Language.AlignInvert$: 5px !important;
}

    .internetBusiness .generalBox {
        padding: 60px 0;
    }

    .internetBusiness .caption p {
        color: #611263;
        font-size: 35px;
    }

    .internetBusiness.col-xs-6.col-md-3 {
        width: 50% !important;
        padding: 0 15px !important;
    }

.hostingBanner .contactUsBannerText .vertical-text {
    background-color: #6F8E30;
    opacity: 0.85;
    /*min-width: 219px;
    text-align: $Language.AlignInvert$;*/
}

.hostingBanner .arrowright {
    background: url(../images/hostingright.jpg) right top no-repeat;
    position: absolute;
    top: 40px;
    $Language.AlignInvert$: 0px;
    width: 35px;
    height: 39px;
    cursor: pointer;
}

.hostingBanner .arrowleft {
    $Language.AlignInvert$: 379px;
    background: url(../images/hostingleft.jpg) right bottom no-repeat;
    position: absolute;
    top: 40px;
    $Language.AlignInvert$: 0px;
    width: 35px;
    height: 39px;
    cursor: pointer;
}

.hosting.contactUs {
    background-color: #6F8E30;
    opacity: 0.8;
}

.integrationBanner .contactUsBannerText .vertical-text {
    background-color: #EB6832;
    opacity: 0.85;
}

.integrationBanner .arrowright {
    background: url(../images/integrationright.jpg) right no-repeat;
    position: absolute;
    top: 40px;
    $Language.AlignInvert$: 0px;
    width: 35px;
    height: 39px;
    cursor: pointer;
}

.integrationBanner .arrowleft {
    $Language.AlignInvert$: 379px;
    background: url(../images/integrationleft.jpg) right no-repeat;
    position: absolute;
    top: 40px;
    $Language.AlignInvert$: 0px;
    width: 35px;
    height: 39px;
    cursor: pointer;
}

.integration.contactUs {
    background-color: #EB6832;
    opacity: 0.75;
}
/* Start -Lobby */

/*p.beforeDivText + div {
max-height:69px;
}*/

.bannerText {
    position: absolute;
    top: 7%;
    $Language.Align$: 3%;
    width: 550px;
}

    .bannerText p {
        padding-bottom: 15px;
        color: #fff;
        font: 48px/1 'Assistant';
    }

    .bannerText span {
        color: #fff;
        font: 18px/1.2 'Assistant';
    }

.lobbyInner .securityBox {
    background: #fff;
}

.lobby .generalBox {
    width: 100%;
    min-height: 170px;
}

.lobbyBox a {
    display: block;
    padding-bottom: 12px;
    color: #073853;
    font: 30px/1 'Assistant';
    direction: $Language.Direction$;
}

.lobbyBox p {
    color: #073853;
    font: 16px/1.2 'Assistant';
}

div.lobbyBox > div:first-child {
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.securityBox-lobby {
}

.securityBox-lobby-active {
    min-height: 200px !important;
    padding-bottom: 20px;
    margin-bottom: 0px;
    border-bottom: none;
}

.securityBox-lobby .col-xs-4 img {
    margin-top: 22px;
}

.lobbyInner {
    float: $Language.Align$;
    padding-top: 20px;
    margin-bottom: 20px;
    margin-$Language.AlignInvert$: 15px;
    margin-$Language.Align$: 15px;
    background: #f6f6f6;
    border: solid 1px #d7d7d7;
    display: none;
}

.lobbyInnerNew {
    float: $Language.Align$;
    padding-top: 20px;
    width: 97.3%;
    margin-bottom: 20px;
    margin-$Language.AlignInvert$: 15px;
    margin-$Language.Align$: 15px;
    background: #f6f6f6;
    border: solid 1px #d7d7d7;
    display: block;
}
/*.lobbyInnerNew .securityBox { background: #fff; }*/
.arrowDown {
    position: absolute;
    bottom: -1px;
    $Language.Align$: 30%;
    display: none;
}
/* End -Lobby */

/* Start -Product */
.breadcrumbs {
    position: relative;
    direction: $Language.Direction$;
    margin-top: 10px;
    margin-bottom: 30px;
}

    .breadcrumbs * {
        display: inline-block;
        color: #073853;
        font: 14px/1.2 'Assistant';
        height: 14px;
        vertical-align: middle;
    }

/*.breadcrumbs a { padding-$Language.AlignInvert$: 18px; }
.breadcrumbs a:after { position: absolute; top: 0px; height: 0px; content: ">"; display: inline-block; margin-$Language.Align$: 8px; font: 14px/20px 'Assistant'; }*/

.productDetails {
    margin-bottom: 30px;
}

.productDetailsInner {
    padding-$Language.AlignInvert$: 30px;
    border-$Language.AlignInvert$: solid 1px #d7d7d7;
}

.productDetails .col-xs-3 {
    padding-top: 70px;
}

.productLogo .thumbnail {
    padding: 25px 4px;
    border-radius: 0px;
}

.productDetails p {
    color: #082d54;
}

.interested {
    margin-bottom: 15px;
}

    .interested * {
        display: block;
        color: #082d54;
        font: 20px/1.3 'Assistant';
        direction: $Language.Direction$;
    }

    .interested p {
        margin-bottom: 0;
        font-weight: bold;
        direction: $Language.Direction$;
    }


.interestedInner {
    float: $Language.Align$;
    margin-$Language.AlignInvert$: 10px;
    /*margin-$Language.AlignInvert$: 10px;
    padding: 13px;*/
    /*background-color: #1588c1;
    background-image: -webkit-linear-gradient(top, #1296d2, #187aaf);
    background-image: linear-gradient(to bottom, #1296d2, #187aaf);*/
    /*border-radius: 50%;*/
}

.saves {
    margin-bottom: 30px;
}

.savesBox {
    padding: 20px 20px 30px;
    background: #f6f6f6;
    border: none;
    border-bottom: solid 6px #1295d1;
    border-radius: 0;
    /*min-height: 330px;
    max-height: 330px;*/
}

    .savesBox p {
        margin-bottom: 10px;
        color: #1295d1;
        font: 30px/1 'Assistant';
        direction: $Language.Direction$;
        text-align: $Language.Align$;
    }

    .savesBox ul {
        list-style: square;
        padding-$Language.Align$: 20px;
        color: #1295d1;
    }

        .savesBox ul li {
            width: 100%;
        }

            .savesBox ul li span {
                color: #082d54;
            }

.productsRow {
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 40px;
    margin-$Language.AlignInvert$: 0;
    margin-$Language.Align$: 0;
    border-bottom: solid 1px #d7d7d7;
    border-top: solid 1px #d7d7d7;
}

    .productsRow .thumbnail {
        margin-bottom: 0;
        border: none;
        text-align: center;
    }

.col-xs-Twenty {
    width: 20% !important;
}

.productsRow .thumbnail h3 {
    color: #073853;
    font: 24px/1 'Assistant';
}

.productsRow .thumbnail p {
    color: #073853;
    font: 14px/1 'Assistant';
}

.packageBox {
    padding: 0;
    border-radius: 0;
}

.packageBoxInner {
    padding: 15px;
    border-bottom: solid 1px #d7d7d7;
}

.packageBoxTitle {
    padding-bottom: 10px;
    color: #073853;
    font: bold 36px/1 'Assistant';
}

.packageBoxInner {
    font-size: 15px;
}

.packageBox ul {
    padding: 0;
    margin: 0;
}

    .packageBox ul li {
        display: block;
        padding: 20px 10px;
        text-align: center;
        color: #073853;
        font: bold 16px/1 'Assistant';
    }

        .packageBox ul li + li {
            border-top: solid 1px #d7d7d7;
        }

.packagePrice {
    color: #1295d1;
    margin: 0;
    /*font: bold 44px/1 'Assistant';*/
}

    .packagePrice span {
        font-size: 22px;
        vertical-align: bottom;
    }

.packageBoxInner select {
    border: solid 1px #d7d7d7;
    font-size: 16px;
}

.product-moreInfo {
    /*margin-bottom: 30px;*/
    margin-bottom: 0px;
    margin-$Language.Align$: 15px !important;
}

.embed-responsive {
    overflow: inherit;
}

.product-moreInfo .embed-responsive {
    margin-top: 65px;
}

.product-moreInfo .col-md-6 * {
    color: #073853;
}

.product-moreInfo ul {
    padding-top: 0;
    padding-bottom: 0;
    padding-$Language.Align$: 20px;
    padding-$Language.AlignInvert$: 0;
    margin: 0 0 10px 0;
}

.saves {
    margin-bottom: 30px;
}

.savesBox {
    padding: 20px 20px 30px;
    background: #f6f6f6;
    border: none;
    border-bottom: solid 6px #1295d1;
    border-radius: 0;
}

    .savesBox p {
        margin-bottom: 10px;
        color: #1295d1;
        font: 30px/1 'Assistant';
        direction: rtl;
    }

    .savesBox ul {
        list-style: square;
        padding-$Language.Align$: 20px;
        color: #1295d1;
    }

        .savesBox ul li {
            width: 100%;
        }

            .savesBox ul li span {
                color: #082d54;
            }

.product-moreInfo ul li {
    position: relative;
    display: block;
    color: #073853;
}

    .product-moreInfo ul li:before {
        position: absolute;
        top: 0px;
        height: 0px;
        content: "-";
        display: inline-block;
        margin-$Language.Align$: -15px;
        font: 14px/20px 'Assistant';
    }

.options {
    margin-bottom: 30px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background: #ededed;
}

.options th {
    text-align: center;
    font-size: 20px;
}

.options td {
    font-size: 16px;
}

.customers {
    margin-bottom: 30px;
}

    .customers .generalBox,
    .securitySection .generalBox {
        float: $Language.Align$;
    }

    .customers h2,
    .securitySection h2 {
        margin-$Language.Align$: 15px;
        margin-top: 0;
        direction: $Language.Direction$;
    }

.securitySection {
    background: #f6f6f6;
    padding-top: 20px;
    padding-bottom: 30px;
}
/* End -Product */

.footer {
    padding-top: 35px;
    background-color: #082e55;
    background-image: -webkit-linear-gradient(top, #25588f, #082e55);
    background-image: linear-gradient(to bottom, #25588f, #082e55);
}

.footerInner {
    padding-bottom: 20px;
    margin-$Language.Align$: 20% !important;
}

    .footerInner ul {
        padding: 0;
    }

    .footerInner > ul > li {
        display: block;
        float: $Language.Align$;
        margin-$Language.AlignInvert$: 5%;
    }

        .footerInner > ul > li p {
            color: #428bca;
            font: 25px/1 'Assistant';
            text-align: $Language.Align$;
        }

        .footerInner > ul > li ul li {
            display: block;
            text-align: $Language.Align$;
            direction: $Language.Direction$;
        }

            .footerInner > ul > li ul li a {
                padding-bottom: 5px;
                color: #fff;
            }

                .footerInner > ul > li ul li a:hover {
                    color: #fff;
                }

p.securityMainInnerText ~ div {
    width: 75% !important;
    margin-$Language.Align$: 25%;
}

.cloudSolutions ul li {
    width: 33%;
    float: $Language.Align$;
}

.cloudSolutions > * {
    padding-$Language.Align$: 20px !important;
}

.social {
    padding-top: 12px;
    /*border-top: solid 1px #052444;*/
    margin-bottom: 15px;
}

    .social ul {
        padding: 0;
        text-align: center;
    }

        .social ul li {
            display: inline-block;
        }

.copyRight {
    color: #8eaace;
    font: 12px/1 Arial;
    text-align: center;
    direction: $Language.Direction$;
}

    .copyRight ul {
        padding: 0;
    }

        .copyRight ul li {
            display: inline-block;
            margin-bottom: 5px;
        }

            .copyRight ul li + li {
                padding-$Language.Align$: 8px;
                border-$Language.Align$: solid 1px #8eaace;
                margin-$Language.Align$: 8px;
            }

            .copyRight ul li a {
                color: #8eaace;
            }

                .copyRight ul li a:hover {
                    color: #8eaace;
                }

.blueBigBtn {
    background-color: #0c4581 !important;
    border: none;
    border-radius: 20px;
    padding: 0 20px;
    color: #fff !important;
    font: 17px/33px 'Assistant';
}

.blueSmallBtn {
    background-color: #8eaace !important;
    border: none;
    border-radius: 20px;
    padding: 0 15px;
    color: #fff;
    font: 17px/22px 'Assistant';
}

.whiteBtn {
    background-color: #fff;
    border: none;
    border-radius: 20px;
    padding: 0 15px;
    color: #611263;
    font: 22px/32px 'Assistant';
}

.purpleBtn {
    background-color: #611263;
    border: none;
    border-radius: 20px;
    padding: 0 15px;
    color: #fff;
    font: 22px/32px 'Assistant';
}

.purpleLightBtn {
    background-color: #8f4891 !important;
    border: none;
    border-radius: 20px;
    padding: 0 15px;
    color: #fff;
    font: 22px/32px 'Assistant';
}

.smartBtn {
    background-color: #073853 !important;
    border: none;
    border-radius: 20px;
    padding: 0 15px;
    color: #fff;
    font: 22px/32px 'Assistant';
    height: 40px;
    width: 185px;
}

    .smartBtn:hover {
        background-color: #3071a9 !important;
        border: none;
        border-radius: 20px;
        padding: 0 15px;
        color: #fff;
        font: 22px/32px 'Assistant';
        height: 40px;
        width: 185px;
    }

.backBtn {
    float: $Language.AlignInvert$;
    margin-bottom: 10px;
    margin-top: -40px;
    background-color: #187aaf !important;
    border: none;
    border-radius: 20px;
    padding: 0 15px;
    color: #fff;
    font: 22px/32px 'Assistant';
}

.moreInfoBtn {
    display: inline-block !important;
    border: none;
    border-radius: 20px;
    padding: 0 15px !important;
    margin-top: 40px;
    margin-$Language.AlignInvert$: 5px;
    background: #187aaf !important;
    color: #fff !important;
    font: 22px/32px 'Assistant' !important;
}

.guideBtn {
    display: inline-block !important;
    border: solid 1px #d7d7d7;
    border-radius: 20px;
    padding: 0 15px !important;
    background: #fff !important;
    color: #082d54 !important;
    font: 19px/32px 'Assistant' !important;
}

    .guideBtn img {
        float: $Language.Align$;
        margin-$Language.AlignInvert$: 5px;
        margin-top: 5px;
    }

.purchasePackageBtn {
    display: block;
    background: #1295d1;
    padding: 10px 20px;
    margin-top: 15px;
    border-radius: 0;
    color: #fff !important;
    font: 20px/1 'Assistant';
}

    .purchasePackageBtn.bottom {
        margin-top: 0;
    }

.ancor {
    cursor: pointer;
}

.correct {
    color: Green;
    font-size: 0.8em;
    font-weight: bold;
}

.incorrect {
    color: Red;
    font-size: 0.8em;
    font-weight: bold;
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    /*$Language.AlignInvert$: 50%;*/
    z-index: 15;
    width: 60%;
    /*padding-$Language.AlignInvert$: 0;
    margin-$Language.Align$: -70%;
    text-align: center;*/
    list-style: none;
}

/* Site Map */
.siteMap {
    margin-bottom: 30px;
}

    .siteMap ul {
        margin: 0;
        padding: 0;
        list-style: none;
        list-style-position: inside;
        overflow: hidden;
    }

.rptLevelsLi,
.ulInner {
    display: block;
    float: $Language.Align$;
}

.rptLevelsLi {
    margin: 0 !important;
    padding: 0 !important;
}

.rptOthersLi {
    width: 33%;
    display: block;
    float: $Language.Align$;
}

.myUl > li {
    width: 100%;
}

.ulInner h3 {
    color: #428bca;
}

/* Start -Double Service */
.bold {
    font-weight: bold;
}

.doubleSerWrap {
    width: 18% !important;
    margin-right: 1%;
}

.doubleSer {
    background-image: -webkit-linear-gradient(top, #914a92 0%, #611263 100%);
    background-image: -o-linear-gradient(top, #914a92 0%, #611263 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#914a92), to(#611263));
    background-image: linear-gradient(to bottom, #914a92 0%, #611263 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#914a92', endColorstr='#611263', GradientType=0);
}

    .doubleSer a {
        position: relative;
        display: block;
        margin: 67.5% 0;
        color: #fff;
        font: 24px/1 'Assistant';
        cursor: pointer;
    }

        .doubleSer a:after {
            width: 23px;
            height: 40px;
            position: absolute;
            top: 8px;
            left: 16px;
            content: url(../images/doubleSerArrow.png);
        }

.doubleSerOK {
    background: #f6f6f6;
    border: none;
}

    .doubleSerOK a {
        position: relative;
        display: block;
        margin: 60.5% 0;
        color: #611263;
        font: 24px/1 'Assistant';
        cursor: pointer;
    }

        .doubleSerOK a:before {
            width: 23px;
            height: 40px;
            display: block;
            position: absolute;
            top: 18px;
            right: 14px;
            content: url(../images/doubleSerOKArrow.png);
        }

.doubleService {
}

    .doubleService .modal-header {
        padding: 3px 8px;
        border-bottom: none;
    }

        .doubleService .modal-header button.close {
            opacity: 1;
            color: #0b4280;
            font-size: 40px;
            position: absolute;
            top: 4px;
            left: 7px;
            z-index: 10;
        }

    .doubleService hgroup {
        overflow: hidden;
        padding: 0 50px;
    }

        .doubleService hgroup * {
            text-align: center !important;
        }

        .doubleService hgroup h4 {
            color: #934b93;
            font: bold 27px/1 Arial;
        }

        .doubleService hgroup h5 {
            color: #611263;
            font: 42px/1 'Assistant';
        }

.infrastructureYes {
    width: 161px;
    height: 75px;
    float: right;
    display: block;
    margin-right: 30px;
    background: url(../images/yesOnOff.png) right top no-repeat;
    text-decoration: none;
    cursor: pointer;
}

.infrastructureNo {
    width: 161px;
    height: 75px;
    float: left;
    display: block;
    margin-top: 27px;
    margin-left: 30px;
    background: url(../images/noOnOff.png) right top no-repeat;
    text-decoration: none;
    cursor: pointer;
}

.doubleService hgroup a:hover,
.infrastructureYesActive {
    background-position: right bottom;
    text-decoration: none;
}

.yesWrapper {
}

    .yesWrapper h6 {
        color: #073853;
        font: 24px/1 Arial;
    }

.yesWrapperInner {
    overflow: hidden;
    padding: 12px;
    background-color: #f6f6f6;
}

    .yesWrapperInner label {
        color: #073853;
        font: bold 14px/1 Arial;
    }

    .yesWrapperInner .form-control {
        width: 50%;
        border: solid 1px #d7d7d7;
        font: 14px/1 Arial;
    }

    .yesWrapperInner .blueBigBtn {
        opacity: 1;
        padding-left: 25px;
        padding-right: 25px;
    }

    .yesWrapperInner input.error {
        border: solid 1px #bb2020;
    }

    .yesWrapperInner span.error {
        color: #de2626;
    }

.fieldValid {
    display: inline-block;
    vertical-align: bottom;
    color: #de2626;
    font: bold 16px/1 Arial;
}

.infrastructureValid {
    display: block;
    color: #bb2020;
    font: 14px/1 Arial;
}

    .infrastructureValid span {
        display: block;
        color: #000;
    }

        .infrastructureValid span a {
            color: #0b4280;
            font-weight: bold;
        }

.secondField {
    color: #000;
    font: 18px/1 Arial;
}

a.disabled, a.disabled:hover {
    cursor: default;
    text-decoration: none;
}

.internetBusiness .bezeqDetails {
    padding: 5px 0;
    color: #611263;
    position: relative;
}

    .internetBusiness .bezeqDetails * {
        text-align: right;
    }

.bezeqDetails td {
    vertical-align: top;
    text-align: right;
    color: #611263;
    padding: 0 5px 5px 0;
    font-size: 15px;
}

.bezeqDetails h1 {
    font-weight: bold;
    font-size: 30px;
    margin: 0;
    color: #611263;
}

.bezeqDetails .h1-message {
    font-weight: bold;
    font-size: 15px;
    color: #611263;
}

.bezeqDetails table {
    margin-top: 20px;
}

.bezeqDetails .purchase-pointer {
    color: #611263;
    font-size: 50px;
    font-weight: bold;
    position: absolute;
    bottom: 10px;
    left: 18px;
}

    .bezeqDetails .purchase-pointer:before {
        width: 23px;
        height: 40px;
        display: block;
        position: absolute;
        top: 4px;
        right: 0;
        content: url(../images/doubleSerOKArrow.png);
    }

    .bezeqDetails .purchase-pointer span {
        padding-right: 35px;
    }

/* End -Double Service */

/* New installation start */


.NewInstallationPageControl .formBoxWrapper {
    border: 1px solid #d9d9d9;
    width: 100%;
}

.NewInstallationPageControl .formBox {
    position: relative;
    min-height: 100px;
    padding: 20px 10px;
}

.NewInstallationPageControl .formBoxWrapper .bottom {
    background-color: #f6f6f6;
    width: 100%;
    min-height: 70px;
    line-height: 70px;
}

.NewInstallationPageControl .purpleLightBtn {
    height: 40px;
    width: 185px;
}

.NewInstallationPageControl .formBoxWrapper .buttons {
    text-align: left;
    padding-left: 20px;
}

.NewInstallationPageControl .formBox input[type="text"] {
    width: 100%;
}

.NewInstallationPageControl .formBox table {
    width: 100%;
}

.NewInstallationPageControl .formBox td {
    vertical-align: top;
}

.NewInstallationPageControl .formBox label, .NewInstallationPageControl .formBox .bold, .NewInstallationPageControl .formBoxTitle h2 {
    color: #000;
}

.NewInstallationPageControl .formBox .col {
    margin-top: 20px;
}

.NewInstallationPageControl .formBoxTitle h2 {
    font-size: 28px;
}

.NewInstallationPageControl input.error {
    border: solid 1px #bb2020;
}

.NewInstallationPageControl span.error {
    color: #de2626;
}

.NewInstallationPageControl .coordinateTechnician .iconBox h3 {
    margin: 0 0 20px 0;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
}

.NewInstallationPageControl .coordinateTechnician .iconBox > div {
    width: 200px;
}

.NewInstallationPageControl .coordinateTechnician .bottom {
    padding-right: 20px;
}

    .NewInstallationPageControl .coordinateTechnician .bottom a {
        color: #611263;
        font-weight: bold;
    }

.NewInstallationPageControl select {
    padding: 5px;
    width: 200px;
}

    .NewInstallationPageControl select[disabled] {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }

.NewInstallationPageControl .generalErrorMessage {
    color: red;
    margin: 40px 15px 0px;
}

/* New installation end */

/* FAQ start */

.faq-box {
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
}

.FaqPageControl .faq-box .min-max {
    background: url(../images/qaPlus.png) no-repeat 0 0;
    width: 24px;
    height: 24px;
    float: right;
    cursor: pointer;
}

.FaqPageControl .faq-box.open .min-max {
    background-image: url(../images/qaMinus.png);
}

.FaqPageControl .faq-box .question {
    color: #954D93;
    font-weight: bold;
    float: right;
    margin-right: 10px;
    font-size: 18px;
    cursor: pointer;
}

.FaqPageControl .faq-box .answer {
    padding: 25px 36px;
    background: #f1f1f1;
    margin-top: 5px;
    display: none;
}

/* FAQ end */

/* Article start */

.article .titleContainer .title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
}

.article .titleContainer .subTitle {
    font-size: 18px;
    font-weight: normal;
}

.article .titleContainer .titleContent {
    font-weight: bold;
}

.article .rightColContent {
    text-align: justify;
    font-size: 16px;
}

.article article {
    margin-bottom: 20px;
}

.ArticlesPageControl {
    margin-bottom: 20px;
}

    .ArticlesPageControl .btnShowMore {
        margin-top: 10px;
        background-color: #0171b0 !important;
    }

.articleShortBox h3 {
    margin: 2px 0;
}

    .articleShortBox h3 a {
        color: #0072b0;
        font-weight: bold;
    }

.articleShortBox {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 15px 0;
}

    .articleShortBox + .articleShortBox {
        border-top: none;
    }

    .articleShortBox img {
        height: 106px;
        float: $Language.AlignInvert$;
    }

    .articleShortBox .continue {
        color: #0072b0;
        font-weight: bold;
    }

    .articleShortBox .subtitle {
        font-size: 13px;
        margin: 3px 0;
    }

/* Article end */

.dropdown-container .dropdown {
    position: relative !important;
}

.dropdown-container .dropdown-menu {
    margin-right: 0 !important;
    top: 35px;
}

.dropdown-container.hasError .dropdown-toggle {
    border-color: #a94442;
}

.dropdown-container.selected .dropdown-toggle {
    border-color: #3c763d;
}

.dropdown-container.hasError .help-block {
    display: block !important;
    color: #a94442;
}

.dropdown-container .form-control-feedback {
    top: 0;
    display: none;
}

.dropdown-container.hasError .form-control-feedback.glyphicon-remove {
    display: block;
    color: #a94442;
}

.dropdown-container.selected .form-control-feedback.glyphicon-ok {
    display: block;
    color: #3c763d;
}

.DynamicFormPageControl .form-control {
    padding-$Language.Align$: 42.5px;
}

.modal-dialog {
    margin: 10px auto;
}

/* PartnersStoriesCategory Start */

.PartnersStoriesCategoryPageControl {
    margin: 15px 0;
}

    .PartnersStoriesCategoryPageControl .customers {
        margin-bottom: 10px;
        background: #f6f6f6;
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .PartnersStoriesCategoryPageControl .caseStudiesMore {
        margin: 0 18px;
    }

    .PartnersStoriesCategoryPageControl h2 {
        margin-right: 15px;
        margin-top: 0;
    }

/* PartnersStoriesCategory End */

.internetBoxChoosePackageWrapper, .generalBoxWrapper, .internetBoxInfoWrapper {
    float: right;
    width: 25%;
    box-sizing: border-box;
    padding: 0 15px;
}


/* double service new -start */

.internetBoxInfo.generalBox {
    color: #611263;
    text-align: center;
}

.internetBoxChoosePackage {
    position: relative;
    text-align: $Language.Align$;
    color: #fff;
    padding: 15px;
    background: -webkit-linear-gradient(#914a92, #611263); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#914a92, #611263); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#914a92, #611263); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#914a92, #611263); /* Standard syntax */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#914a92', EndColorStr='#611263')"; /* IE8 */
    padding-left: 30px;
}

ol .purchaseModal

.internetBoxChoosePackage .tripleC {
    background: url(../images/TripleCPurchaseLogo.png) no-repeat top right;
    height: 38px;
}

.internetBoxChoosePackage:after {
    position: absolute;
    content: '';
    top: 0;
    $Language.AlignInvert$: 0;
    bottom: 0;
    width: 30px;
    background-color: #fff;
    opacity: 0.4;
}

.internetBoxChoosePackage:before {
    position: absolute;
    content: '';
    $Language.AlignInvert$: 7px;
    background: url(../images/arrow-$Language.AlignInvert$.png) no-repeat 0 0;
    top: 45%;
    bottom: 0;
    width: 30px;
}


/* desktop -Internrt-store-start */

.InternrtstorePurchaseModal .doubleService {
    border-radius: 0;
}
/*.InternrtstorePurchaseModal .modal-dialog { width: 900px; }*/
.InternrtstorePurchaseModal .modal-body {
    padding-top: 50px;
    min-height: 217px;
}

.InternrtstorePurchaseModal .modal-header {
    padding: 0;
    min-height: 0;
}

    .InternrtstorePurchaseModal .modal-header button.close {
        opacity: 1;
        color: #0b4280;
        font-size: 40px;
        position: absolute;
        top: 4px;
        left: 7px;
        z-index: 10;
    }

.InternrtstorePurchaseModal .modal-body .title {
    font-size: 25px;
    padding-right: 60px;
}

.InternrtstorePurchaseModal .modal-body .body {
    font-size: 18px;
    padding-right: 50px;
    padding-top: 20px;
}


/* desktop -double service -start */

.doubleServicePurchaseModal .doubleService {
    border-radius: 0;
}

.doubleServicePurchaseModal .modal-dialog {
    width: 900px;
}

.doubleServicePurchaseModal .modal-body {
    padding: 0px;
    min-height: 275px;
}

.doubleServicePurchaseModal .modal-header {
    padding: 0;
    min-height: 0;
}

.doubleServicePurchaseModal .selectedInternetBox {
    width: 200px;
    padding-left: 45px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

    .doubleServicePurchaseModal .selectedInternetBox .priceLabel {
        background-color: #fff;
        color: #8f4891;
        text-align: center;
    }

    .doubleServicePurchaseModal .selectedInternetBox .price {
        color: #fff;
        text-align: center;
    }

    .doubleServicePurchaseModal .selectedInternetBox.userInfo {
        width: 460px;
    }

        .doubleServicePurchaseModal .selectedInternetBox.userInfo .btnsWrapper {
            margin-top: 15px;
        }

.doubleServicePurchaseModal .close {
    font-weight: normal;
    font-size: 40px;
}

.doubleServicePurchaseModal .left-dialog {
    float: left;
    width: 698px;
    padding: 10px 25px 10px 25px;
}

.doubleServicePurchaseModal hgroup {
    width: 530px;
    margin: 0 auto;
}

.doubleServicePurchaseModal .tableForm input[type="text"] {
    width: 90px;
}

.doubleServicePurchaseModal .existingCustomerIdentification .tableForm td {
    padding: 10px 0 5px 20px;
}

.doubleServicePurchaseModal .bezeqCustomerIdentification {
    margin-top: 10px;
}

    .doubleServicePurchaseModal .bezeqCustomerIdentification .tableForm td {
        padding: 3px 0 3px 20px;
    }

.doubleServicePurchaseModal .purpleBtn.continueBtn {
    width: 120px;
    font-family: arial;
}

    .doubleServicePurchaseModal .purpleBtn.continueBtn:after {
        content: '';
        padding: 0 20px 0 0;
        background: url(../images/arrow-left-14px.png) no-repeat 0 0;
        width: 9px;
        height: 14px;
        display: inline-block;
    }

.doubleServicePurchaseModal .back {
    font-size: 26px;
    color: #8f4891;
    cursor: pointer;
}

    .doubleServicePurchaseModal .back > span {
        font-weight: bold;
    }

    .doubleServicePurchaseModal .back:hover {
        text-decoration: none;
    }

    .doubleServicePurchaseModal .back:before {
        content: '';
        padding: 0 0 0 14px;
        background: url(../images/arrow-right-purple-14px.png) no-repeat right 0 top 12px;
    }

.doubleServicePurchaseModal span.error {
    color: red;
    margin-right: 10px;
}

.doubleServicePurchaseModal .infrastructureValid {
    margin: 7px 0;
    line-height: 18px;
}

.doubleServicePurchaseModal table.subscriptions {
    width: 100%;
}

.doubleServicePurchaseModal .subscriptions tr:hover td {
    background-color: #EDEDED;
    cursor: pointer;
}

.doubleServicePurchaseModal .customerDetails {
    font-size: 17px;
    margin-top: 5px;
}

.doubleServicePurchaseModal .whiteBtn {
    line-height: 38px;
    width: 190px;
}

.doubleServicePurchaseModal .otherAvailablePackage {
    width: 400px;
    margin-left: 37px;
    padding: 15px 0 0 0;
    min-height: 330px;
}

.doubleServicePurchaseModal .form-control {
    border-color: #d7d7d7;
}

.doubleServicePurchaseModal .otherAvailablePackage .generalBox {
    min-height: 310px;
}

.doubleServicePurchaseModal .routerInfo {
    padding: 0 40px;
}

.doubleServicePurchaseModal .otherAvailablePackage .box {
    width: 48%;
    box-sizing: border-box;
    float: right;
    margin: 0 1%;
}

.doubleServicePurchaseModal .noInfrastructureRegistration .tableForm td {
    padding: 10px 0 5px 20px;
}

.doubleServicePurchaseModal .noInfrastructureRegistration .tableForm input[type="text"] {
    width: 130px;
}

.isInfrastructure.ng-hide-animate.ng-hide,
.isInfrastructure.ng-hide-animate.ng-hide *,
.isExistingCustomer.ng-hide-animate.ng-hide,
.isExistingCustomer.ng-hide-animate.ng-hide *,
.isIPTV.ng-hide-animate.ng-hide,
.isIPTV.ng-hide-animate.ng-hide * {
    opacity: 0;
    visibility: hidden;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0;
    padding: 0;
}

.isExistingCustomer, .isInfrastructure, .isIPTV {
    transition: opacity linear 0.3s;
}

/* desktop -double service -end */

/* mobile -double service -start */

.doubleServicePurchaseMobile {
    margin-bottom: 50px;
}

    .doubleServicePurchaseMobile .doubleService {
        border-radius: 0;
    }

    .doubleServicePurchaseMobile .modal-dialog {
        width: 900px;
    }

    .doubleServicePurchaseMobile .modal-body {
        padding: 0px;
        min-height: 275px;
    }

    .doubleServicePurchaseMobile .modal-header {
        padding: 0;
        min-height: 0;
    }

    .doubleServicePurchaseMobile .selectedInternetBox {
        width: 100%;
        margin-bottom: 20px;
    }

        .doubleServicePurchaseMobile .selectedInternetBox .priceLabel {
            background-color: #fff;
            color: #8f4891;
            text-align: center;
        }

        .doubleServicePurchaseMobile .selectedInternetBox .price {
            color: #fff;
            text-align: center;
        }

        .doubleServicePurchaseMobile .selectedInternetBox.userInfo {
            width: 100%;
            min-height: 380px;
        }

            .doubleServicePurchaseMobile .selectedInternetBox.userInfo .btnsWrapper {
                margin-top: 15px;
            }

    .doubleServicePurchaseMobile .internetBoxChoosePackage:after {
        top: initial;
        right: 0;
        width: 100%;
        height: 30px;
    }

    .doubleServicePurchaseMobile .internetBoxChoosePackage:before {
        top: initial;
        left: 49%;
        width: 100%;
        height: 20px;
        background-image: url(../images/arrow-down.png)
    }

    .doubleServicePurchaseMobile .close {
        font-weight: normal;
        font-size: 40px;
    }

    .doubleServicePurchaseMobile .left-dialog {
        width: 100%;
        padding: 10px 25px 10px 25px;
        box-sizing: border-box;
    }

        .doubleServicePurchaseMobile .left-dialog.isInfrastructure {
            min-height: 300px;
        }

        .doubleServicePurchaseMobile .left-dialog.otherAvailablePackage {
            padding: 10px 0;
        }

            .doubleServicePurchaseMobile .left-dialog.otherAvailablePackage:after {
                content: '';
                display: block;
                clear: both;
            }

    .doubleServicePurchaseMobile hgroup {
        max-width: 530px;
        margin: 0 auto;
        text-align: center;
        padding: 0;
    }

    .doubleServicePurchaseMobile .bezeqCustomerIdentification .btnsWrapper {
        margin-top: 15px;
    }

        .doubleServicePurchaseMobile .bezeqCustomerIdentification .btnsWrapper .back {
            line-height: 25px;
        }

    .doubleServicePurchaseMobile .tableForm input[type="text"] {
        width: 90px;
    }

    .doubleServicePurchaseMobile .existingCustomerIdentification .tableForm td {
        padding: 10px 0 5px 20px;
    }

    .doubleServicePurchaseMobile .bezeqCustomerIdentification {
        margin-top: 10px;
    }

        .doubleServicePurchaseMobile .bezeqCustomerIdentification .tableForm td {
            padding: 3px 0 3px 20px;
        }

    .doubleServicePurchaseMobile .purpleBtn.continueBtn {
        width: 120px;
        font-family: arial;
    }

        .doubleServicePurchaseMobile .purpleBtn.continueBtn:after {
            content: '';
            padding: 0 20px 0 0;
            background: url(../images/arrow-left-14px.png) no-repeat left 0 top 7px;
        }

    .doubleServicePurchaseMobile .back {
        font-size: 26px;
        color: #8f4891;
        cursor: pointer;
    }

        .doubleServicePurchaseMobile .back > span {
            font-weight: bold;
        }

        .doubleServicePurchaseMobile .back:hover {
            text-decoration: none;
        }

        .doubleServicePurchaseMobile .back:before {
            content: '';
            padding: 0 0 0 14px;
            background: url(../images/arrow-right-purple-14px.png) no-repeat right 0 top 12px;
        }

    .doubleServicePurchaseMobile span.error {
        color: red;
        margin-right: 10px;
    }

    .doubleServicePurchaseMobile .infrastructureValid {
        margin: 7px 0;
        line-height: 18px;
    }

    .doubleServicePurchaseMobile table.subscriptions {
        width: 100%;
    }

    .doubleServicePurchaseMobile .subscriptions tr:hover td {
        background-color: #EDEDED;
        cursor: pointer;
    }

    .doubleServicePurchaseMobile .customerDetails {
        font-size: 17px;
        margin-top: 5px;
    }

    .doubleServicePurchaseMobile .whiteBtn {
        line-height: 38px;
        width: 190px;
    }
    /*.doubleServicePurchaseMobile .otherAvailablePackage { width: 33%; margin-left: 37px; padding: 15px 0 0 0; }*/
    .doubleServicePurchaseMobile .otherAvailablePackage .box {
        width: 48%;
        box-sizing: border-box;
        float: right;
        margin: 0 1%;
    }

    .doubleServicePurchaseMobile .form-control {
        border-color: #d7d7d7;
    }

    .doubleServicePurchaseMobile .otherAvailablePackage .generalBox {
        min-height: 310px;
    }

    .doubleServicePurchaseMobile .isInfrastructureBtnsWrapper {
        display: inline-block;
        width: 100%;
        max-width: 350px;
    }

    .doubleServicePurchaseMobile .infrastructureYes {
        margin-right: 0;
        display: inline-block;
    }

    .doubleServicePurchaseMobile .infrastructureNo {
        margin-left: 0;
        display: inline-block;
    }

    .doubleServicePurchaseMobile .noInfrastructureRegistration .tableForm td {
        padding: 10px 0 5px 20px;
    }

    .doubleServicePurchaseMobile .noInfrastructureRegistration .tableForm input[type="text"] {
        width: 130px;
    }

/* mobile -double service -end */

.filteringPageControl {
    font-family: 'Assistant';
    margin-top: -20px;
    margin-bottom: 60px;
    min-height: 400px;
}

    .filteringPageControl h2 {
        font-size: 44px;
        font-family: inherit;
    }

    .filteringPageControl table + h2 {
        margin-top: 30px;
    }

    .filteringPageControl .categories {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-top: 70px;
    }

        .filteringPageControl .categories:after {
            content: '';
            clear: both;
            display: block;
        }

        .filteringPageControl .categories > li {
            float: right;
            width: 19%;
            height: 139px;
            line-height: 139px;
            margin-left: 1%;
            border: 1px solid #dadada;
            background: #f6f6f6;
            color: #828282;
            vertical-align: middle;
            text-align: center;
            position: relative;
            padding: 40px 20px 0 20px;
            cursor: pointer;
        }

            .filteringPageControl .categories > li:last-child {
                width: 20%;
                margin-left: 0;
            }

            .filteringPageControl .categories > li.active {
                color: #954d93;
            }

                .filteringPageControl .categories > li.active > .bottom {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    height: 10px;
                    background: #954d93;
                }

                    .filteringPageControl .categories > li.active > .bottom:after {
                        content: '';
                        width: 0;
                        height: 0;
                        border-left: 20px solid transparent;
                        border-right: 20px solid transparent;
                        border-top: 20px solid #954d93;
                        position: absolute;
                        top: 0px;
                        right: ~"calc(50% -20px)";
                    }

            .filteringPageControl .categories > li figure {
                position: absolute;
                top: -39px;
                right: ~"calc(50% -39px)";
                height: 79px;
                width: 79px;
                border: 1px solid #dadada;
                background: #fff;
                border-radius: 100%;
                vertical-align: middle;
                line-height: 79px;
            }

                .filteringPageControl .categories > li figure img,
                .filteringPageControl .categories > li.active figure img.disabled {
                    display: none;
                }

                    .filteringPageControl .categories > li figure img.disabled,
                    .filteringPageControl .categories > li.active figure img {
                        display: inline;
                    }

            .filteringPageControl .categories > li label {
                font-size: 37px;
                line-height: 36px;
                cursor: pointer;
                height: 72px;
                display: table-cell;
                vertical-align: middle;
                width: 100%;
            }

    .filteringPageControl .filters {
        margin-top: 33px;
        border-collapse: collapse;
        width: 100%;
    }

        .filteringPageControl .filters td {
            min-height: 83px;
            border: 1px solid #d5d5d5;
        }

        .filteringPageControl .filters th {
            border: 1px solid #d5d5d5;
            color: #954d93;
            font-size: 22px;
            padding: 0 20px;
            position: relative;
        }

        .filteringPageControl .filters td.name {
            width: 230px;
            font-size: 22px;
            padding: 0 15px;
            font-weight: bold;
            vertical-align: middle;
            position: relative;
        }

            .filteringPageControl .filters td.name.openCategoryKeys {
                cursor: pointer;
            }

        .filteringPageControl .filters .name:before, .filteringPageControl .filters th.first:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: -2px;
            width: 5px;
            background-color: #fff;
            height: 14px;
        }

        .filteringPageControl .filters .name:after, .filteringPageControl .filters th.first:after {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            left: -2px;
            width: 5px;
            background-color: #fff;
            height: 14px;
        }

        .filteringPageControl .filters .description {
            width: ~"calc(100% -203px -76px -100px)";
            font-size: 18px;
            font-family: Arial;
            padding: 20px 20px;
        }

        .filteringPageControl .filters .level {
            width: 76px;
            color: #954d93;
            text-align: center;
            font-size: 16px;
        }

            .filteringPageControl .filters .level img {
                max-height: 30px;
            }

            .filteringPageControl .filters .level span {
                display: inline-block;
                margin-top: 1px;
            }

        .filteringPageControl .filters .status {
            width: 100px;
            text-align: center;
        }

            .filteringPageControl .filters .status > span {
                width: 54px;
                height: 27px;
                background: #d7d7d7;
                display: inline-block;
                border-radius: 15px;
                position: relative;
                cursor: pointer;
                transition: all 0.3s ease-in-out;
            }

                .filteringPageControl .filters .status > span:after {
                    content: '';
                    position: absolute;
                    display: block;
                    border: 1px solid #b7b7b7;
                    border-radius: 100%;
                    top: 0;
                    bottom: 0;
                    width: 27px;
                    left: 0;
                    background: #fff;
                    transition: all 0.3s ease-out;
                }

                .filteringPageControl .filters .status > span.active {
                    background: #954d93;
                }

                    .filteringPageControl .filters .status > span.active:after {
                        left: 27px;
                    }

    .filteringPageControl .levels {
        list-style: none;
        margin: 70px 0 0 0;
        padding: 0;
    }

        .filteringPageControl .levels:after {
            content: '';
            clear: both;
            display: block;
        }

        .filteringPageControl .levels > li {
            width: 32%;
            margin-left: 1%;
            float: right;
            border: 1px solid #d7d7d7;
            position: relative;
            text-align: center;
            margin-bottom: 5%;
        }

            .filteringPageControl .levels > li:nth-child(2) {
                width: 33%;
            }

            .filteringPageControl .levels > li > .top {
                border-bottom: 1px solid #d7d7d7;
                color: #954d93;
                padding: 55px 0 10px 0;
            }

            .filteringPageControl .levels > li .icon {
                position: absolute;
                width: 76px;
                height: 76px;
                top: -38px;
                right: ~"calc(50% -38px)";
                border: 1px solid #dfdfdf;
                border-radius: 100%;
                vertical-align: middle;
                line-height: 76px;
                background: #fff;
                text-align: center;
            }

            .filteringPageControl .levels > li .title {
                font-size: 48px;
                font-weight: bold;
                line-height: 36px;
            }

            .filteringPageControl .levels > li .titleDescription {
                font-size: 22px;
            }

            .filteringPageControl .levels > li .icon img {
                display: inline;
            }

            .filteringPageControl .levels > li > .bottom {
                padding: 15px 20px;
            }

            .filteringPageControl .levels > li .description {
                font-size: 18px;
                font-family: Arial;
            }

            .filteringPageControl .levels > li button {
                background: #954d93;
                border: none;
                font-size: 23px;
                color: #fff;
                padding: 4px 42px;
                margin-top: 25px;
                border-radius: 20px;
            }

                .filteringPageControl .levels > li button.disabled {
                    opacity: 0.5;
                    cursor: default;
                    outline: none;
                }

    .filteringPageControl .login label {
        width: 100px;
        font-size: 18px;
    }

    .filteringPageControl .login .row {
        margin: 10px 0 0 0;
    }

    .filteringPageControl .login button {
        background: #0f4582;
        border: none;
        font-size: 18px;
        color: #fff;
        padding: 0px 15px;
        border-radius: 5px;
        margin-left: 10px;
        margin-top: 5px;
    }

    .filteringPageControl .login h2 + .row {
        margin-top: 30px;
    }

    .filteringPageControl .error {
        color: #af3131;
        margin-right: 10px;
    }

    .filteringPageControl .userDetails {
        font-size: 18px;
    }

        .filteringPageControl .userDetails .info span {
            display: inline-block;
        }

            .filteringPageControl .userDetails .info span + label {
                margin-right: 20px;
            }

    .filteringPageControl .options button {
        background: #0f4582;
        border: none;
        font-size: 18px;
        color: #fff;
        padding: 0px 15px;
        border-radius: 5px;
        margin-left: 10px;
        margin-top: 5px;
    }

    .filteringPageControl .options .btnMiddle1 {
        width: 170px;
    }

    .filteringPageControl .purchaseModal, .filteringPageControl .changePackageModal {
        font-size: 18px;
    }

    .filteringPageControl .form-container {
        padding: 20px;
    }

        .filteringPageControl .form-container .row {
            margin: 10px 0 0 0;
            padding: 0;
        }

        .filteringPageControl .form-container label {
            width: 80px;
        }

        .filteringPageControl .form-container input[type="text"] {
            width: 170px;
        }

            .filteringPageControl .form-container input[type="text"].phoneBase {
                width: 116px;
            }

            .filteringPageControl .form-container input[type="text"].phonePrefix {
                margin-right: 5px;
                width: 45px;
            }

    .filteringPageControl .modal-dialog {
        margin-top: 100px;
    }

        .filteringPageControl .modal-dialog button + button {
            margin-right: 20px;
        }

    .filteringPageControl input[type="text"], .filteringPageControl input[type="password"] {
        height: 30px;
        border-radius: 5px;
        border: 1px solid #777;
        padding-right: 5px;
        padding-left: 5px;
        transition: border 0.3s ease-out;
    }

        .filteringPageControl input[type="text"].invalid, .filteringPageControl input[type="password"].invalid {
            border-color: #af3131;
        }

    .filteringPageControl .loader {
        position: relative;
        min-height: 17px;
        min-width: 75px;
    }

        .filteringPageControl .loader:after {
            content: '';
            display: block;
            position: absolute;
            top: ~"calc(50% -6px)";
            left: ~"calc(50% -22px)";
            background: url(../images/ajax-loader2.gif) no-repeat 0 0;
            height: 11px;
            width: 43px;
        }

    .filteringPageControl .blackOrWhite {
        margin-bottom: 100px;
    }

        .filteringPageControl .blackOrWhite .white {
            margin-top: 70px;
        }

        .filteringPageControl .blackOrWhite ul {
            list-style: none;
            margin: 30px 0 0 0;
            padding: 0;
        }

        .filteringPageControl .blackOrWhite .url {
            background: #fff;
            padding: 7px;
            direction: ltr;
            text-align: right;
        }

            .filteringPageControl .blackOrWhite .url button {
                float: left;
                background: #0f4582;
                border: none;
                color: #fff;
                padding: 0px 8px;
                border-radius: 5px;
                direction: rtl;
                font-size: 14px;
            }

                .filteringPageControl .blackOrWhite .url button span {
                    font-size: 10px;
                }

            .filteringPageControl .blackOrWhite .url:nth-child(odd) {
                background: #ccc;
            }

        .filteringPageControl .blackOrWhite .addUrl {
            margin-top: 20px;
        }

            .filteringPageControl .blackOrWhite .addUrl button {
                background: #0f4582;
                border: none;
                font-size: 18px;
                color: #fff;
                padding: 0px 15px;
                border-radius: 5px;
                margin-right: 10px;
                height: 28px;
            }

            .filteringPageControl .blackOrWhite .addUrl > label {
                width: 129px;
            }

            .filteringPageControl .blackOrWhite .addUrl button span {
                font-size: 12px;
            }

            .filteringPageControl .blackOrWhite .addUrl input[type="text"] {
                width: 500px;
                max-width: 100%;
                text-align: left;
                direction: ltr;
                width: ~"calc(100% -230px)";
            }

        .filteringPageControl .blackOrWhite .error {
            margin-right: 130px;
        }

    .filteringPageControl .expander {
        background: #0f4582;
        border: none;
        color: #fff;
        padding: 4px 7px;
        border-radius: 100%;
        text-align: center;
        font-size: 14px;
        outline: none;
    }

        .filteringPageControl .expander span {
            margin: 3px 0 0 2px;
        }

            .filteringPageControl .expander span.glyphicon-minus {
                margin: 3px 1px 0 1px;
            }

    .filteringPageControl .categoryKeys {
        max-height: 0;
        transition: max-height 0.25s ease-in;
        overflow: hidden;
    }

        .filteringPageControl .categoryKeys table {
            width: 100%;
        }

        .filteringPageControl .categoryKeys.opened {
            max-height: 1000px;
        }

    .filteringPageControl .filters .categoryKeys .status {
        width: 104px;
        padding-top: 7px;
    }

    .filteringPageControl .filters .categoryKeys td.name {
        font-weight: normal;
        font-size: 20px;
    }

        .filteringPageControl .filters .categoryKeys td.name:before,
        .filteringPageControl .filters .categoryKeys td.name:after {
            display: none;
        }

    .filteringPageControl .filters .categoryKeys tr:first-child td {
        border-top: none;
    }

    .filteringPageControl .filters .categoryKeys tr td:first-child {
        border-right: none;
    }

    .filteringPageControl .filters .categoryKeys tr:last-child td {
        border-bottom: none;
    }

    .filteringPageControl .filters .categoryKeys tr td:last-child {
        border-left: none;
    }


/* filtering page -end */

/* landing page -start */

.landingTopPageControl {
    background-repeat: no-repeat;
    background-position: left 0 top 0;
    background-size: auto 100%;
    height: 357px;
    font-family: 'Open Sans Hebrew', Arial;
    color: #114983;
}

    .landingTopPageControl img {
        display: inline;
        max-height: 100%;
    }

    .landingTopPageControl .right-side {
        width: 520px;
        background: #fff;
    }

    .landingTopPageControl .top {
        height: 170px;
        position: relative;
    }

    .landingTopPageControl .bottom {
        position: relative;
        padding-top: 40px;
    }

    .landingTopPageControl .logo {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .landingTopPageControl .phone {
        position: absolute;
        bottom: 0;
        left: 0;
    }

.landingRegistrationPageControl {
    background-color: #ececec;
    min-height: 357px;
    font-family: 'Open Sans Hebrew', Arial;
    color: #114983;
}

    .landingRegistrationPageControl:after {
        content: '';
        display: block;
        clear: both;
    }

    .landingRegistrationPageControl .reg-desc {
        float: right;
        width: ~"calc(50% + 34px)";
        text-align: justify;
        font-size: 22px;
        padding: 80px 90px 80px 110px;
    }

    .landingRegistrationPageControl .reg-form {
        float: left;
        width: ~"calc(50% -34px)";
        height: 100%;
    }

    .landingRegistrationPageControl .form-box {
        width: 470px;
        height: 100%;
        background-color: #dadada;
        padding: 12px 60px;
        position: relative;
        max-width: 100%;
    }

        .landingRegistrationPageControl .form-box .header {
            font-size: 25px;
            font-weight: bold;
            text-align: center;
        }

        .landingRegistrationPageControl .form-box input[type="text"] {
            width: 100%;
            border: none;
            border-radius: 3px;
            padding: 15px 10px;
            margin-top: 15px;
        }

        .landingRegistrationPageControl .form-box .remarks {
            font-size: 13px;
            margin-top: 10px;
        }

        .landingRegistrationPageControl .form-box .sendBtn {
            width: 100%;
            margin-top: 15px;
            background: #32a9e1;
            border: 1px solid #61b5e1;
            font-size: 25px;
            color: #fff;
            font-weight: bold;
            border-radius: 3px;
            padding: 7px 0;
        }

            .landingRegistrationPageControl .form-box .sendBtn:disabled {
                opacity: 0.7;
            }

        .landingRegistrationPageControl .form-box .error {
            color: #af3131;
            margin-top: 5px;
            display: block;
        }

        .landingRegistrationPageControl .form-box .successMessage {
            color: rgb(46, 134, 46);
            margin-top: 5px;
            font-weight: bold;
        }

.landingAdvantagePageControl {
    text-align: center;
    font-family: 'Open Sans Hebrew', Arial;
}

    .landingAdvantagePageControl > ul {
        list-style: none;
        margin: 0 auto;
        padding: 60px 0 0 0;
        display: inline-block;
    }

        .landingAdvantagePageControl > ul:after {
            content: '';
            clear: both;
            display: block;
        }

        .landingAdvantagePageControl > ul > li {
            float: right;
            width: 20%;
            height: 270px;
        }

            .landingAdvantagePageControl > ul > li .inner {
                display: inline-block;
                width: 210px;
                margin: 0 20px;
            }

    .landingAdvantagePageControl img {
        display: inline;
    }

    .landingAdvantagePageControl figure {
        height: 96px;
        text-align: center;
        line-height: 96px;
    }

[animate-view] {
    visibility: hidden;
}

.landingAdvantagePageControl figure.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    visibility: visible;
}

.landingAdvantagePageControl figure img {
    max-height: 100%;
}

.landingAdvantagePageControl h3 {
    color: #114983;
    font-size: 30px;
    font-weight: bold;
}

.landingAdvantagePageControl .description {
    font-size: 23px;
}

.landingDageshPageControl {
    text-align: center;
    color: #114983;
    font-size: 23px;
    font-family: 'Open Sans Hebrew', Arial;
    background: #dadada;
    padding: 106px 20px;
}

    .landingDageshPageControl ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .landingDageshPageControl li {
        display: inline-block;
        margin: 0 10px 0 0;
        position: relative;
        padding-right: 25px;
        font-weight: bold;
    }

        .landingDageshPageControl li:before {
            content: '';
            height: 9px;
            width: 9px;
            background: #33aae2;
            border-radius: 100%;
            position: absolute;
            top: 14px;
            right: 0;
        }

        .landingDageshPageControl li:first-child:before {
            display: none;
        }

.landingDealPageControl {
    color: #fff;
    font-family: 'Open Sans Hebrew', Arial;
}

    .landingDealPageControl > ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .landingDealPageControl > ul > li {
            width: 33%;
            float: right;
            text-align: center;
            margin-top: 40px;
        }

            .landingDealPageControl > ul > li .inner {
                width: 260px;
                min-height: 232px;
                padding: 20px;
                display: inline-block;
                max-width: ~"calc(100% -20px)";
            }

    .landingDealPageControl .title {
        font-family: 'Open Sans Hebrew', Arial;
        font-weight: bold;
        margin: 0;
    }

    .landingDealPageControl .price {
        color: #fff;
        margin-top: 15px;
    }

    .landingDealPageControl .title.zoomIn {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        visibility: visible;
    }

/* landing page -end */

.blockingPageControl .categories {
    margin: 0 0 15px 0;
}

    .blockingPageControl .categories table {
        max-width: 100%;
        font-size: 20px;
        color: #082d54;
        margin: 0 auto;
    }

    .blockingPageControl .categories th, .blockingPageControl .categories td {
        padding: 2px 15px;
    }

@media (max-width: 1199px) {
    .hosting .col-xs-6,
    .knowledge .col-xs-6,
    .integration .col-xs-6 {
        width: 50%;
    }

    .caseStudies .col-xs-6 {
        width: 100%;
    }

    .internet .col-xs-fifteen {
        width: 33%;
    }

    .anchors {
        width: 100%;
    }

        .anchors .row .col-md-3 {
            width: 50%;
        }

    .contactUs {
        width: 100%;
        margin-bottom: 40px;
    }

    .contactUsBanner,
    .contactUsBannerText {
        display: none;
    }

    .generalBox .caption p {
        font: 15px/1 'Assistant';
        white-space: nowrap;
    }

    .internetBusiness {
        width: 33% !important;
        float: $Language.Align$ !important;
    }
}

@media (max-width: 1024px) {
    .subMenu {
        border: none;
    }

    /* Elad.M.: this code is wrong, but it's a problem now to remove it (I didn't wrote this code), so use col-xs-6-alt instead of col-xs-6 */
    .dropdown-menu.mega-menu > li,
    .lobby .col-xs-6,
    .customers .col-xs-6,
    .SearchPage .col-xs-6 {
        width: 100%;
    }

    .bannerText p {
        padding-bottom: 5px;
        font: 26px/1 'Assistant';
    }

    .bannerText span {
        font: 16px/1.2 'Assistant';
    }

    .lobby .generalBox {
        min-height: 190px;
    }

    .generalBox .caption p {
        font: 23px/1 'Assistant';
        white-space: nowrap;
    }

    .anchors {
        padding-$Language.Align$: 15px !important;
    }

        .anchors.col-xs-8 {
            width: 100%;
            padding-$Language.Align$: 15px !important;
        }

    .col-xs-4.contactUs.contactUsGeneral {
        width: 100%;
    }

    .generalBoxWrapper {
        width: 33%;
    }

    .internetBoxChoosePackageWrapper, .internetBoxInfoWrapper {
        width: 100%;
    }

        .internetBoxChoosePackageWrapper > .internetBoxChoosePackage {
            text-align: center;
        }

            .internetBoxChoosePackageWrapper > .internetBoxChoosePackage .tripleC {
                display: inline-block;
                width: 115px;
            }

            .internetBoxChoosePackageWrapper > .internetBoxChoosePackage:after {
                top: auto;
                right: 0;
                width: 100%;
                height: 30px;
            }

            .internetBoxChoosePackageWrapper > .internetBoxChoosePackage:before {
                top: auto;
                left: 49%;
                width: 100%;
                height: 20px;
                background-image: url(../images/arrow-down.png)
            }

    .landingAdvantagePageControl > ul > li {
        width: 33%;
    }
}

@media (max-width: 768px) {
    .generalBox .caption p {
        font: 23px/1 'Assistant';
        white-space: nowrap;
    }

    .navbar-form {
        width: 100%;
        float: $Language.Align$;
    }

    .searchLang {
        width: 100%;
        float: none;
    }

    .navbar-nav {
        margin-$Language.Align$: 0;
    }

    .searchBtn {
        margin-top: 10px;
    }

    .languages {
        margin-bottom: 5px;
        margin-top: 23px;
    }

    .footerInner > ul > li {
        width: 100%;
        margin-bottom: 20px;
    }

        .footerInner > ul > li > * {
            padding-$Language.Align$: 20px !important;
        }

    .copyRight {
        padding: 0 20px;
    }

    .internet .internetBusiness,
    .securityMore .col-md-6,
    .securitySection .col-xs-6 {
        width: 100%;
    }

    .anchors .row .col-md-3 {
        width: 50%;
    }

    .contactUs .form-group:nth-child(2) .col-sm-6 {
        margin-bottom: 15px;
    }

    .bannerText {
        display: none;
    }

    .lobby .generalBox {
        min-height: 190px;
    }

    .col-xs-Twenty {
        width: 50%;
        float: $Language.Align$;
    }

    .productLogo {
        width: 100% !important;
    }

        .productLogo .thumbnail img {
            display: block;
            margin-$Language.Align$: auto;
            margin-$Language.AlignInvert$: auto;
        }

    .productDetailsInner {
        width: 100% !important;
        /*padding-$Language.AlignInvert$: 0 !important;*/
        border: none;
    }

    .interested {
        width: 50%;
    }

    .contactUs.contactUsGeneral {
        width: 100%;
    }
    /*.DescriptionOfProductBenefitsPageControl .col-sm-6.col-md-4,*/
    .col-sm-6.col-md-2.col-xs-Twenty,
    .col-xs-6.col-md-2.col-xs-fifteen,
    .col-xs-6.col-md-2.internetBusiness {
        width: 50% !important;
    }

    .col-xs-6.productDetailsInner {
        padding-$Language.AlignInvert$: 20px;
    }

    .carousel-indicators li {
        width: 5px;
        height: 5px;
        margin-bottom: -15px;
    }

    .carousel-indicators .active {
        width: 7px;
        height: 7px;
        margin-bottom: -15px;
    }

    .NewInstallationPageControl {
        padding: 0 15px;
    }

        .NewInstallationPageControl .formBoxWrapper .buttons {
            text-align: center;
            padding: 0;
        }

        .NewInstallationPageControl .coordinateTechnician .iconBox > div {
            margin: 0 auto;
        }

        .NewInstallationPageControl .coordinateTechnician .errorBox {
            text-align: center;
        }

        .NewInstallationPageControl .pickDateAndTimeWrapper {
            text-align: right;
            max-width: 210px;
            margin: 0 auto;
        }

    .articleShortBox img {
        float: none;
        margin-top: 10px;
    }

    .productButtons .interested:first-child {
        margin-top: 20px;
    }

    .internetBoxChoosePackageWrapper, .generalBoxWrapper, .internetBoxInfoWrapper {
        width: 100%;
    }

    .landingAdvantagePageControl > ul > li {
        width: 50%;
    }

    .landingTopPageControl .right-side {
        width: 100%;
        background: none;
    }

    .landingTopPageControl {
        height: auto;
    }

    .landingRegistrationPageControl {
        background: rgba(236, 236, 236, 0.5);
    }

        .landingRegistrationPageControl .reg-form {
            width: 100%;
            float: none;
        }

        .landingRegistrationPageControl .reg-desc {
            width: 100%;
            float: none;
            padding: 20px;
            font-size: 16px;
        }

        .landingRegistrationPageControl .form-box {
            width: 100%;
            padding: 12px 20px;
        }

    .landingTopPageControl .logo {
        height: 50px;
        position: static;
        float: right;
    }

    .landingTopPageControl .phone {
        height: 50px;
        position: static;
        float: left;
    }

    .landingTopPageControl .top {
        height: auto;
        background: #fff;
        padding: 5px 10px;
    }

        .landingTopPageControl .top:after {
            content: '';
            display: block;
            clear: both;
        }

    .landingTopPageControl .bottom * {
        font-size: 18px !important;
        text-align: right !important;
    }

    .landingTopPageControl .bottom {
        padding: 20px;
        background-color: rgba(255, 255, 255, 0.6);
    }

    .landingAdvantagePageControl figure {
        height: 56px;
        line-height: 56px;
    }

    .landingAdvantagePageControl h3 {
        font-size: 18px;
    }

    .landingAdvantagePageControl .description {
        font-size: 16px;
    }

    .landingAdvantagePageControl > ul > li {
        height: 190px;
    }

    .landingDageshPageControl {
        padding: 30px;
    }

        .landingDageshPageControl li {
            font-size: 14px;
            margin: 0 5px 0 0;
            padding-right: 15px;
        }

            .landingDageshPageControl li:before {
                top: 7px;
                height: 6px;
                width: 6px;
            }

    .landingDealPageControl > ul > li {
        width: 50%;
    }

    .navbar-default .navbar-nav > li > a {
        width: 100%;
        float: $Language.Align$;
        text-align: center;
    }

    .navbar-inner {
        width: 100%;
    }
}

@media (max-width: 480px) {

    .generalBox .caption p {
        font: 18px/1 'Assistant';
        white-space: nowrap;
    }

    .cloud .col-xs-6,
    .hosting .col-xs-6,
    .knowledge .col-xs-6,
    .integration .col-xs-6,
    .internet .col-xs-fifteen,
    .internet .internetBusiness,
    .anchors .row .col-md-3 {
        width: 100%;
        height: auto;
    }

    .navbar-default .navbar-nav > li > a {
        width: 100%;
        float: $Language.Align$;
        text-align: center;
    }

    .securityMore .col-md-6 img {
        float: none;
        margin: 0 auto 10px;
    }

    .securityMore .col-md-6 * {
        display: block;
        margin-bottom: 10px;
        text-align: center;
    }

    .securityMain p {
        padding-$Language.Align$: 0;
    }

    .moreInfoBtn {
        margin-top: 4px;
    }

    .lobby .generalBox {
        min-height: 275px;
    }

    .securityBox-lobby-active {
        min-height: 170px !important;
    }

    .interested {
        width: 100%;
    }

    .col-sm-6.col-md-2.col-xs-Twenty,
    .col-xs-6.col-md-2.col-xs-fifteen,
    .col-xs-6.col-md-2.internetBusiness {
        width: 100% !important;
    }

    .internet > .row > .col-xs-6.col-md-3 {
        width: 100% !important;
        padding: 0 !important;
    }

    .doubleServicePurchaseMobile .isInfrastructureBtnsWrapper {
        width: 161px;
    }

    .doubleServicePurchaseMobile .infrastructureYes {
        margin-top: 10px;
    }

    .doubleServicePurchaseMobile .infrastructureNo {
        margin-top: 30px;
    }

    .doubleServicePurchaseMobile .tableForm, .doubleServicePurchaseMobile .tableForm tr, .doubleServicePurchaseMobile .tableForm tbody {
        display: block;
    }

    .doubleServicePurchaseMobile .tableForm {
        margin-top: 20px;
    }

        .doubleServicePurchaseMobile .tableForm td {
            display: block;
            width: 100%;
        }

        .doubleServicePurchaseMobile .tableForm input[type="text"],
        .doubleServicePurchaseMobile .noInfrastructureRegistration .tableForm input[type="text"] {
            width: 100%;
            height: 35px;
            font-size: 18px;
            padding-right: 5px;
        }

    .doubleServicePurchaseMobile .purpleBtn.continueBtn {
        margin-top: 5px;
    }

    .doubleServicePurchaseMobile .btnsWrapper {
        margin-top: 20px;
    }

    .doubleServicePurchaseMobile span.error {
        margin-right: 0;
        margin-top: 5px;
        display: inline-block;
    }

    .doubleServicePurchaseMobile .doubleServiceRouterModal .formTable td {
        width: initial !important;
    }

    .doubleServicePurchaseMobile .doubleServiceRouterModal .formTable {
        margin-right: 0;
        width: 100%;
    }

    .doubleServicePurchaseMobile .routerDeliveryDateDescription {
        margin-bottom: 10px;
        display: inline-block;
    }

    .doubleServicePurchaseMobile .otherAvailablePackage .box {
        width: 100%;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
    }

    .doubleServicePurchaseMobile .selectedInternetBox.userInfo .btnsWrapper {
        width: 190px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }

        .doubleServicePurchaseMobile .selectedInternetBox.userInfo .btnsWrapper > .btn {
            margin-bottom: 20px;
        }

    .landingAdvantagePageControl > ul > li {
        width: 100%;
    }

    .landingDealPageControl > ul > li {
        width: 100%;
    }
}

@media (max-width: 320px) {

    .generalBox .caption p {
        font: 18px/1 'Assistant';
        white-space: normal;
    }

    .lobby .generalBox {
        min-height: 400px;
    }

    .securityBox-lobby-active {
        min-height: 225px !important;
    }

    .col-xs-Twenty {
        width: 100%;
    }

    .purchasePackageBtn {
        font: 23px/1 'Assistant';
    }

    .navbar-default .navbar-nav > li > a {
        text-align: center;
    }
}

@media screen and (max-width: 450px) {
    .carousel-indicators li {
        width: 4px;
        height: 4px;
        margin-bottom: -20px;
    }

    .carousel-indicators .active {
        width: 6px;
        height: 6px;
        margin-bottom: -20px;
    }
}

.bv-form .help-block {
    margin-bottom: 0;
}

.bv-form .tooltip-inner {
    text-align: $Language.AlignInvert$;
}

.nav-tabs li.bv-tab-success > a {
    color: #3c763d;
}

.nav-tabs li.bv-tab-error > a {
    color: #a94442;
}

.bv-form .bv-icon-no-label {
    top: 0;
}

.bv-form .bv-icon-input-group {
    top: 0;
    z-index: 100;
}

.LobyItemsPageControl {
    cursor: pointer;
}

.showLobbyElement {
    display: block;
}

.showChilds {
    display: block;
    padding-bottom: 12px;
    color: #073853;
    font: 30px/1 'Assistant';
    text-align: $Language.Align$;
}

/*Modal -Start*/
.modalNotification {
    font-family: Arial;
    font-size: 22px;
    color: #0C4581;
}

.businessPartners-info {
    padding: 20px;
    background-color: #e8eef5;
}

    .businessPartners-info p {
        text-align: $Language.Align$;
        color: #073853;
        font: 14px/1.3 'Assistant';
    }

/*Modeal -End*/
.carousel.c-fade .item {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.carousel.c-fade .active.left {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel.c-fade .active.right {
    right: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel.c-fade .next,
.carousel.c-fade .prev {
    $Language.AlignInvert$: 0;
    z-index: 1;
}

.carousel.c-fade .carousel-control {
    z-index: 3;
}


@media (min-width: 950px) and (max-width: 991px) {
    .back-to-top {
        position: fixed;
        transition: all 0.25s ease 0s;
        z-index: 110;
        $Language.Align$: 10px;
        bottom: 10px;
        font-size: 46px;
        /*background-color: rgba(160, 160, 160, 0.8);*/
        color: #FFF;
        padding: 10px;
        border-radius: 5px;
        width: 60px;
        height: 60px;
        text-align: center;
        display: none;
    }

        .back-to-top:hover {
            text-decoration: none;
            cursor: pointer;
        }

    a.back-to-top {
        line-height: 50px;
    }

    [class^="icon-"]:before, [class*=" icon-"]:before, .font-icon-source {
        font-style: normal !important;
        font-weight: 400 !important;
        font-variant: normal !important;
        text-transform: none !important;
        line-height: 1;
        display: inline-block;
        vertical-align: middle;
    }
}

@media (min-width: 880px) and (max-width: 989px) {
    .back-to-top {
        position: fixed;
        transition: all 0.25s ease 0s;
        z-index: 110;
        $Language.Align$: 10px;
        bottom: 10px;
        font-size: 46px;
        /*background-color: rgba(160, 160, 160, 0.8);*/
        color: #FFF;
        padding: 10px;
        border-radius: 5px;
        width: 60px;
        height: 60px;
        text-align: center;
        display: none;
    }

        .back-to-top:hover {
            text-decoration: none;
            cursor: pointer;
        }

    a.back-to-top {
        line-height: 50px;
    }

    [class^="icon-"]:before, [class*=" icon-"]:before, .font-icon-source {
        font-style: normal !important;
        font-weight: 400 !important;
        font-variant: normal !important;
        text-transform: none !important;
        line-height: 1;
        display: inline-block;
        vertical-align: middle;
    }
}

@media (min-width: 1124px) and (max-width: 1199px) {
    .back-to-top {
        position: fixed;
        transition: all 0.25s ease 0s;
        z-index: 110;
        $Language.Align$: 10px;
        bottom: 10px;
        font-size: 46px;
        /*background-color: rgba(160, 160, 160, 0.8);*/
        color: #FFF;
        padding: 10px;
        border-radius: 5px;
        width: 60px;
        height: 60px;
        text-align: center;
        display: none;
    }

        .back-to-top:hover {
            text-decoration: none;
            cursor: pointer;
        }

    a.back-to-top {
        line-height: 50px;
    }

    [class^="icon-"]:before, [class*=" icon-"]:before, .font-icon-source {
        font-style: normal !important;
        font-weight: 400 !important;
        font-variant: normal !important;
        text-transform: none !important;
        line-height: 1;
        display: inline-block;
        vertical-align: middle;
    }
}

@media (min-width: 1324px) {
    .back-to-top {
        position: fixed;
        transition: all 0.25s ease 0s;
        z-index: 110;
        $Language.Align$: 10px;
        bottom: 10px;
        font-size: 46px;
        /*background-color: rgba(160, 160, 160, 0.8);*/
        color: #FFF;
        padding: 10px;
        border-radius: 5px;
        width: 60px;
        height: 60px;
        text-align: center;
    }

        .back-to-top:hover {
            text-decoration: none;
            cursor: pointer;
        }

    a.back-to-top {
        line-height: 50px;
    }

    [class^="icon-"]:before, [class*=" icon-"]:before, .font-icon-source {
        font-style: normal !important;
        font-weight: 400 !important;
        font-variant: normal !important;
        text-transform: none !important;
        line-height: 1;
        display: inline-block;
        vertical-align: middle;
    }
}


.contactUsFull {
    background: #e8eef5;
    padding: 20px;
}

    .contactUsFull p {
        margin-bottom: 0;
        color: #0b4280;
        font-size: 29px;
    }

    .contactUsFull .form-group {
        padding-bottom: 5px;
    }

.tab {
    display: block;
    height: 48px;
    margin-bottom: 20px;
    text-align: center;
    color: #fff !important;
    font: 28px/48px 'Assistant';
    text-decoration: none !important;
}

.cloudTab {
    background-color: #148fc9;
}

.internetTab {
    background-color: #954d93;
}

.hostingTab {
    background-color: #5a7d2a;
}

.integrationTab {
    background-color: #e9602c;
}

.tab > img {
    position: absolute;
    bottom: 20px;
    $Language.Align$: 35px;
    display: none;
}

.activeTab {
    display: block !important;
}

.partnerName {
    position: relative;
    padding: 15px 5px 54px;
    border-color: #d7d7d7;
    border-radius: 0px;
}

    .partnerName > img {
        margin-bottom: 20px;
        max-width: 100%;
        height: auto;
    }

    .partnerName .caption {
        position: absolute;
        bottom: 0px;
        $Language.AlignInvert$: 0px;
        width: 100%;
        height: 43px;
        padding: 5px 20px;
        background: #f6f6f6;
        border-bottom: solid 6px #114983;
        text-align: center;
        color: #082d54;
        font: 16px/30px 'Assistant';
        text-decoration: none;
    }

        .partnerName .caption img {
            position: absolute;
            $Language.AlignInvert$: 10px;
            bottom: 11px;
        }

.cloudPartners-name .caption {
    border-color: #1295d1;
}

.BoxItemCloudPageControl.col-xs-6.col-md-2,
.col-xs-6.col-md-2.col-xs-fifteen,
.col-xs-6.col-md-2.internetBusiness,
.hosting .col-xs-6.col-md-3,
.integration .col-xs-6.col-md-3,
.knowledge .col-xs-6.col-md-3,
.LobyItemsPageControl .col-xs-6,
.thumbnail.generalBox.LobyItemsPageControl .col-xs-4,
/*.productLogo.col-xs-6.col-md-3,*/
.productDetailsInner.col-xs-6,
.securitySection.row .col-xs-6,
.securitySection.row .col-xs-4,
.BoxProductBenefitsPageControl .col-xs-Twenty {
    float: $Language.Align$;
    z-index: 100;
}

    .thumbnail.generalBox.LobyItemsPageControl .col-xs-8.lobbyBox,
    .productDetailsInner.col-xs-6 > div,
    .securitySection.row .lobbyBox.col-xs-8 > div {
        direction: $Language.Direction$;
    }

.dialogHeader {
    color: #0c4581;
    font: 19px/1.2 'Assistant';
    margin-bottom: 15px;
    width: 290px;
    text-align: $Language.Align$;
}

.ellip {
    display: block;
    height: 100%;
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%;
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden;
}

/*.col-sm-6.col-md-2.col-xs-Twenty .thumbnail .caption > h3 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }*/
.securityBox .ellip,
.securityBox .ellip * {
    font: normal 16px/1 'Assistant' !important;
}

.fSearch-data {
    text-align: right;
    margin-$Language.Align$: 30px;
    padding-$Language.Align$: 10px;
    text-align: $Language.Align$;
    border-bottom: solid 1px gainsboro;
    margin-$Language.AlignInvert$: 5px;
}

    .fSearch-data .block-ellipsis {
        display: block;
        display: -webkit-box;
        max-width: 100%;
        /*height: 43px;*/
        margin: 0 auto;
        font-size: 14px;
        line-height: 1.3;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.searchLang {
    margin-top: 7px;
}

    .searchLang .active {
        background-color: #8da9ce;
    }

.fSearch-img {
    width: 30px;
    float: $Language.Align$
}

.SearchPage .generalBox {
    width: 100%;
    min-height: 170px;
}

.SearchPage .form-control {
    border-radius: 40px;
    border: solid 1px #8da9ce;
    box-shadow: none;
    color: #8da9ce;
    font-size: 21px;
    font-family: 'Assistant';
}

.thumbnail.partnerName.allStoriesPartners img {
    max-height: 100%;
}


.cloud .contactUs,
.cloudBanner .contactUs {
    background: rgba(9, 93, 139, 0.5);
}

.internet .contactUs {
    background: rgba(97, 18, 99, 0.5);
}

.vertical-text {
    position: absolute;
    $Language.AlignInvert$: 1px;
    top: 79px;
    padding: 6px 22px 6px 21px;
    margin-left: 35px;
    margin-right: -224px;
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;
    white-space: nowrap;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

    .vertical-text:hover {
        color: #fff;
        text-decoration: none;
    }

.arrowOpen {
    position: absolute;
    top: 40px;
    $Language.AlignInvert$: 0px;
    width: 35px;
    height: 39px;
    cursor: pointer;
}

.cloudBanner .vertical-text {
    background: rgba(9, 93, 139, 0.5);
}

.cloudBanner .arrowOpen {
    background: url(../images/cloudCloseOpen-$Language.Direction$.jpg) right top no-repeat;
}

.cloudBanner .arrowClose {
    $Language.AlignInvert$: 379px;
    background: url(../images/cloudCloseOpen-$Language.Direction$.jpg) right bottom no-repeat;
}

.internetBanner .vertical-text {
    background: rgba(97, 18, 99, 0.5);
}

.internetBanner .arrowOpen {
    background: url(../images/internetCloseOpen-$Language.Direction$.jpg) right top no-repeat;
}

.internetBanner .arrowClose {
    $Language.AlignInvert$: 379px;
    background: url(../images/internetCloseOpen-$Language.Direction$.jpg) right bottom no-repeat;
}

.hostingBanner .vertical-text {
    background: rgba(111, 142, 48, 0.5);
}

.hostingBanner .arrowOpen {
    background: url(../images/HostingCloseOpen-$Language.Direction$.jpg) right top no-repeat;
}

.hostingBanner .arrowClose {
    $Language.AlignInvert$: 379px;
    background: url(../images/HostingCloseOpen-$Language.Direction$.jpg) right bottom no-repeat;
}

.integrationBanner .vertical-text {
    background: rgba(235, 104, 50, 0.5);
}

.integrationBanner .arrowOpen {
    background: url(../images/integrationCloseOpen-$Language.Direction$.jpg) right top no-repeat;
}

.integrationBanner .arrowClose {
    $Language.AlignInvert$: 379px;
    background: url(../images/integrationCloseOpen-$Language.Direction$.jpg) right bottom no-repeat;
}


.contactUp-open {
    $Language.AlignInvert$: 379px;
}

table.subscriptions {
    color: #954d93;
}

    table.subscriptions td {
        padding: 5px 0;
    }

    table.subscriptions tr + tr td {
        border-top: 1px solid #954d93;
    }

.content-loader {
    position: relative;
}

    .content-loader > * {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
    }

    .content-loader:before {
        position: absolute;
        left: 49%;
        top: 49%;
        content: url(../images/ajax-loader.gif);
        height: 32px;
        width: 32px;
    }

    .content-loader:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: ''
    }

.datepicker-container input {
    width: 80px;
}

.datepicker-container img {
    display: inline;
    margin-right: 5px;
    cursor: pointer;
}

.doubleServiceRouterModal .formTable {
    margin-right: 40px;
}

    .doubleServiceRouterModal .formTable td {
        padding: 10px 0 10px 5px;
        vertical-align: top;
    }

        .doubleServiceRouterModal .formTable td.price {
            white-space: nowrap;
        }

.datepicker-container {
    direction: ltr;
    display: inline-block;
}

.doubleServiceRouterModal span.error {
    color: #de2626;
}

.ui-autocomplete {
    z-index: 10000 !important;
}

.align-center {
    text-align: center;
}

.clear {
    clear: both;
}

/* device restriction -start */

.device-restriction {
    display: none;
}

@media (min-width: 992px) {
    .device-restriction.desktop {
        display: block;
    }

    .internetBusiness.col-xs-6.col-md-3 {
        width: 25% !important;
        padding: 0 15px !important;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    .device-restriction.tablet {
        display: block;
    }
}

@media (max-width: 768px) {
    .device-restriction.mobile {
        display: block;
    }
}

/* device restriction -end */

.allot-page .login {
}

    .allot-page .login .row {
        margin-top: 10px;
    }

        .allot-page .login .row label {
            width: 100px;
        }

/* filtering page -start */
.FloatingContactUs {
    position: fixed;
    top: 2%;
    left: 13%;
    z-index: 1000;
    font: 18px/1 'Assistant';
    font-size: 18px;
    color: #0e4582;
    font-weight: bold;
}
.FloatingLead {
    position: fixed;
    top: 14%;
    left: 13%;
    z-index: 1000;
    font: 18px/1 'Assistant';
    font-size: 18px;
    color: #0e4582;
    font-weight: bold;
}

@media screen and (min-width: 571px) {
    .modal-dialog {
        width: 750px;
        height: -webkit-fill-available;
    }

    #myIframe {
        width: 720px;
        height: 700px;
    }
}

@media screen and (max-width: 570px) {
    .modal-dialog, #myIframe {
        width: -webkit-fill-available;
        height: -webkit-fill-available;
    }
}

/*ProductLeadAndContactBox Style*/
.wrapper, .wrapper div {
    font-family: "Assistant";
}

.wrapper {
    -webkit-box-shadow: 0px 0px 17px -6px rgba(0,0,0,0.77);
    -moz-box-shadow: 0px 0px 17px -6px rgba(0,0,0,0.77);
    box-shadow: 0px 0px 17px -6px rgba(0,0,0,0.77);
    border: none;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 20px 25px;
}

.leadAndContactBox {
}

.content {
    color: #4D4D4D;
    font-size: 14px;
}

.firstTitle, .secondTitle {
    text-align: center;
}

.firstTitle {
    color: #93278F;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 5px;
}

.secondTitle {
    color: #93278F;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 5px;
}

.btnWrapper {
    width: 100%;
    bottom: 10%;
    position: absolute;
    right: 0;
}

.callBtn, .callBtn:hover, .callBtn:active, .callBtn:focus, .callBtn:visited, .callBtn:link {
    border-radius: 20px;
    box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
    border: solid 2px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(-135deg, #FF659A, #942295);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #fff inset;
    width: 180px;
    /*float: left;*/
    font-size: 20px;
    color: #93278F;
    height: 38px;
}

.contactUsBtn, .contactUsBtn:hover, .contactUsBtn:active, .contactUsBtn:focus, .contactUsBtn:visited, .contactUsBtn:link {
    /*border: solid 2px transparent;*/
    /*background-image: linear-gradient(-135deg, #FF659A, #942295);*/
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(-135deg, #FF659A, #942295);
    border-radius: 20px;
    color: white;
    font-size: 20px;
    font-weight: 400;
    /*float: right;*/
    width: 180px;
    height: 38px;
}

.contactUsBtn, .callBtn {
    padding: 4px 12px;
}

.productLeadContactInput {
    margin-top: 10px;
    margin-bottom: 5px;
    border: 0;
    border-bottom: 2px solid lightgray;
    width: 60%;
    font-family: "Assistant";
    background-color: transparent;
    color: gray;
    font-size: 1.8rem;
    font-weight: 400;
}

    .productLeadContactInput::placeholder {
        text-align: center;
        font-family: "Assistant";
        font-size: 1.8rem;
        color: gray;
        font-weight: 300;
    }

.form .Error {
    color: red;
    font-size: 1.5rem;
}

.leadAndContactBox .form {
    margin-top: 20px;
}

.leadAndContactBox .successMessage {
    font-size: 20px;
    color: #93278F;
}

.leadAndContactBox .errorMessage {
    font-size: 20px;
    color: red;
}

@media screen and (max-width: 500px) {
    .contactUsBtn, .contactUsBtn:hover, .contactUsBtn:active, .contactUsBtn:focus, .contactUsBtn:visited, .contactUsBtn:link {
        display: block;
    }

    .btnWrapper {
        position: inherit;
        margin-top: 20px;
    }

    .productLeadContactInput {
        width: 90%;
    }

    .callBtn, .callBtn:hover, .callBtn:active, .callBtn:focus, .callBtn:visited, .callBtn:link {
        margin-top: 10px;
    }
}

html, body, div, table, tr, td, h1, h2, h3, span, p, a, option, select, input, button {
    font-family: "Assistant";
}

#searchHeaderForm {
    margin-left: 0;
}