@import url('/CSS/Laptops/media-laptops.css');
@import url('/CSS/Phones/media-galaxy.css');
@import url('/CSS/Phones/media-htc.css');
@import url('/CSS/Phones/media-iphone.css');
@import url('/CSS/Tablets/media-galaxy.css');
@import url('/CSS/Tablets/media-ipads.css');
@import url('/CSS/Tablets/media-kindlefire.css');
@import url('/CSS/Tablets/media-nexus.css');
@import url('/CSS/Wearable/media-moto360watch.css');
@import url('/CSS/Wearable/media-wearable.css');

@font-face {
    font-family: Regular;
    src: url(../fonts/AkzidenzGroteskBE-Regular.otf);
}

@font-face {
    font-family: Bold;
    src: url('../fonts/Berthold Akzidenz Grotesk Medium.otf');
}

.Page_We_Beleive_Para {
    font-size: 38px;
    font-weight: bold;
}

.container {
    max-width: 1170px !important;
    width: inherit !important;
}

.NamePara {
    margin-top: -12px !important;
}


/*.quotation .upperQuote {
    font-family: Bold;
    font-size: 144px;
    color: #b4b6b8;
    line-height: 20px;
    position: absolute;
    display: inline-block;
    vertical-align: super;
    margin: 32px 0px 0px -57px;
    width: 53px;
}*/

.quotation .lowerQuote {
    font-family: Bold;
    font-size: 144px;
    /*bottom: -0.48em;*/
    vertical-align: top;
}

.bodyContent {
    min-height: 290px;
    padding-top: 69px;
}

p {
    line-height: 1.075em;
    margin: 0 0 30px !important;
    font-size: 34px;
}

ul {
    font-size: 31px;
}

span, .Panel {
    color: #b4b6b8;
}

p, ul, a {
    color: #b4b6b8;
    font-family: Regular;
}

h1, h2, h3, h4, h5 {
    font-family: Regular !important;
}

a, h1, h2 {
    color: #b4b6b8 !important;
}

    a:hover {
        text-decoration: none !important;
    }


.clear {
    clear: both;
}

.breakDiv {
    margin: 20px 0;
}

.padLeft0 {
    /*padding-left: 7px !important;*/
    /*position: relative !important;
    bottom: 16px;*/
}

.padLeftMenu {
    padding-left: 2px !important;
    /*position: relative !important;
    bottom: 16px;*/
}

.padLeftRight0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.colomImg {
    width: 100%;
}

/*header*/


.header {
    margin: 26px 0 32px;
    /*display:inline-block;*/
    padding: 0 !important;
}

.headerRight {
    text-align: left;
    padding-top: 37px;
    padding-right: 0 !important;
    /*padding-left: 11px !important;*/
    /*padding-left: 36px !important;*/
}


    .headerRight span {
        text-align: right;
        padding-right: 0;
        font-family: Regular;
        font-size: 16px;
    }

.h_RightImg {
    text-align: right;
    padding-top: 35px;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

    .h_RightImg span {
        padding: 0 8px 0 19px;
    }

/*nav*/


/*.nav
{
  list-style: none;
  font-size: 24px;
  line-height: 1.7em;
  
}*/

.navbar-default {
    background: none !important;
    border: none !important;
}


.nav li {
    float: none !important;
    padding-top: 10px;
}

    .nav li a {
        font-family: Regular;
        transition: 0.5s;
        font-size: 16px;
        padding-left: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 7px !important;
    }

        .nav li a:hover {
            cursor: pointer;
            color: #717171;
            transition: 0.5s;
            text-decoration: none;
        }


/*MOBILE NAV*/



/*Mobile gallery*/
.mobileGallery {
    padding: 0 !important;
}

/*.mobileGallery div
{
    margin-bottom:30px;
}*/

/*Login*/

.Panel {
    margin-left: 100px;
}

    .Panel td {
        padding: 10px;
    }

/*Product Name*/
.productName {
    min-height: 11px !important;
}

/*OurBelieve*/

.ourBelieve {
    padding-right: 0 !important;
    /*padding-left: 11px !important;*/
    /*width: 49% !important;*/
}


    .ourBelieve p {
        display: none;
        font-weight: 0;
    }

#process-para img {
    width: 33%;
}

#process-para .process-3 {
    width: 28%;
}

/*Index*/

.container-fluid {
    padding-right: 0 !important;
    padding-left: 0 !important;
}


.hb-container {
    padding-bottom: 32px;
}

.home-brand {
    font-size: 0;
}

/*@media (max-width: 767px) and (orientation:landscape) {
    .padLeft0 img {
        position: relative;
        top: 35px;
        left: 243%;
    }
}*/

@media (min-width: 765px) and (max-width: 990px) {
}


@media (max-width: 990px) {
    .home-brand .IdeaBlock {
        width: 22.2%;
    }

        .home-brand .IdeaBlock:nth-child(4n+1) {
            margin-left: 3.2%;
        }

        .home-brand .IdeaBlock:nth-child(4n) {
            margin-right: 3.2%;
        }
}


@media (min-width: 991px) {
    .home-brand .IdeaBlock {
        width: 23%;
    }

    /*.home-brand .IdeaBlock {
        width: 23%;
    }*/

    /*.home-brand .IdeaBlock:nth-child(4n+1) {
            margin-left: 1.6%;
        }

        .home-brand .IdeaBlock:nth-child(4n) {
            margin-right: 1.6%;
        }*/
}

.home-brand .IdeaBlock {
    display: inline-block;
    position: relative;
    margin: 0.80% 0.80% 0.80% 0.80%;
}

/*
    .home-brand .IdeaBlock:nth-child(4n-1) {
        margin: 0.75% 1.5% 0.75% 0%;
    }*/



.home-brand .dummy {
    padding-top: 100%;
}

.home-brand .IdeaBlockImg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.IdeaBlockImg div {
    height: 100%;
    text-align: center; /* align the inline(-block) elements horizontally */
    font: 0/0 a;
}


    .IdeaBlockImg div:before { /* create a full-height inline block pseudo=element */
        content: ' ';
        display: inline-block;
        vertical-align: middle; /* vertical alignment of the inline element */
        height: 100%;
    }



    .IdeaBlockImg div img {
        max-height: 100%;
        max-width: 100%;
        margin: auto;
        display: inline-block;
        vertical-align: middle;
    }


/*footer*/

footer {
    padding: 0 !important;
    margin-bottom: 24px;
}

    footer a {
        font-family: Regular;
    }

    footer span {
        padding-left: 2% !important;
    }

    footer .footerDistance {
        padding-bottom:20px;
    }

.pageNavigation {
    display: none;
    /*text-align: right;*/
    text-align: center;
}


    .pageNavigation a {
        margin: 0 5%;
        margin-right: 0;
        cursor: pointer;
        /*float: left;*/
        display: none;
    }

        .pageNavigation a:hover {
            text-decoration: none;
        }


    .pageNavigation #prev {
        background: url('../images/footer/prev.png') no-repeat;
        background-position-y: 3px;
        width: 15px;
        float: left;
    }

    .pageNavigation #up {
        background: url('../images/footer/up.png') no-repeat;
        background-position-y: 3px;
        padding-right: 0;
        float: left;
        width: 15px;
        line-height: 1em;
    }


    .pageNavigation #next {
        background: url('../images/footer/next.png') no-repeat;
        background-position: 3px 3px;
        float: right;
        /*font-size: 50px;*/
        width: 20px;
    }

.mobile-span {
    display: none;
}

.bottom-nav {
    padding: 0 !important;
    text-align: right;
    padding-right: 5px !important;
}

    .bottom-nav a {
        /*margin:0 2%;*/
        margin-left: 4%;
        cursor: pointer;
        /*float: left;*/
        transition: 0.5s;
    }

        .bottom-nav a:hover {
            color: #ed1c24 !important;
            transition: 0.5s;
        }


/*Client*/
.clientDetail {
    /*padding-top: 0;*/
    padding-bottom: 187px;
    /*padding-left: 0 !important;*/
    display: inline-block;
    /*margin-left: 8px !important;*/
}

    .clientDetail h1 {
        margin-top: 0;
        margin-bottom: 38px;
        font-size: 31px;
    }


.cl_details {
    padding-left: 0 !important;
    /*text-align: center;*/
}

    .cl_details .client-1 {
        padding-right: 23px;
    }

    .cl_details .client-2 {
        padding-right: 25px;
    }

    .cl_details div {
        padding-left: 0;
        font-size: 21px;
    }


.clientDetail a {
    display: table;
    text-decoration: none;
    line-height: 1.5em;
    transition: 0.5s;
}

    .clientDetail a:hover {
        color: #ed1c24 !important;
        transition: 0.5s;
    }


/*process*/

.process-detail {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 175px;
    /*margin-left: 8px !important;*/
}


    .process-detail span {
        color: #ed1c24;
        font-weight: bold;
    }

/*Services*/

.services {
    display: inline-block;
    width: 100% !important;
    /*padding-left: 0 !important;
    margin-left: 8px !important;*/
}

    .services ul {
        list-style: none;
        padding: 0;
        line-height: 1.1em;
    }



        .services ul .padLeft {
        }


.service_left {
    float: left;
}

.service_right {
    float: left;
    margin-left: 20px;
}


/*Product-details*/

#product-name {
    /*font-weight:600;*/
    font-size: 30px;
    /*padding-top: 10px;*/
    opacity: 0;
}


/*.product-detail
{
    padding:0 0 100px !important;
}*/


img#ContentPlaceHolder1_LVData_IImage_10 {
    /*width: auto;*/
    margin: 0 auto;
    float: none;
    /*display: block;*/
}

.product-detail img {
    margin-bottom: 20px;
    width: 100%;
}

.product-detail .quotation {
    padding-top: 50px;
    padding-bottom: 100px;
    display: inline-block;
    margin-left:-15px;
    margin-right:-15px;
}

.quotation p:first-child {
    margin-bottom: 20px !important;
}

.quotation p {
    padding: 0px 0px 0px 0px;
    margin-bottom: 0 !important;
}


.quotation img {
    width: 45px;
    margin: 0;
}

/*.quotation .closeQ img {
    width: 45px;
    margin: 0;
}*/

.quotation .fa {
    font-size: 130%;
}

.quotation .fa-quote-right {
    padding-top: 6px;
    position: absolute;
    padding-left: 10px;
}

.showForMobile {
    display: none;
}

    .showForMobile img {
        height: 345px;
        margin: 0 auto;
        display: block;
        width: auto;
    }

/*Mobile slider*/

#slider1_container {
    position: relative;
    top: 0px;
    left: 0px;
    width: 600px;
    height: 300px;
    overflow: hidden;
}

.slider-images {
    cursor: move;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 600px;
    height: 300px;
    overflow: hidden;
}

#slider1_container .loadscreen {
    position: absolute;
    top: 0px;
    left: 0px;
}

.jssorb05 {
    position: absolute;
    left: 176px !important;
    bottom: -26px;
}

    .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
        position: absolute;
        /* size of bullet elment */
        width: 16px;
        height: 16px;
        background: url(../images/product-detail/b05.png) no-repeat;
        overflow: hidden;
        cursor: pointer;
    }

    .jssorb05 div {
        background-position: -7px -7px;
    }

        .jssorb05 div:hover, .jssorb05 .av:hover {
            background-position: -37px -7px;
        }

    .jssorb05 .av {
        background-position: -67px -7px;
    }

    .jssorb05 .dn, .jssorb05 .dn:hover {
        background-position: -97px -7px;
    }


.jssora12l, .jssora12r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 30px;
    height: 46px;
    cursor: pointer;
    background: url(../images/product-detail/a03.png) no-repeat;
    overflow: hidden;
}

.jssora12l {
    background-position: -16px -37px;
}

.jssora12r {
    background-position: -75px -37px;
}

.jssora12l:hover {
    background-position: -136px -37px;
}

.jssora12r:hover {
    background-position: -195px -37px;
}

.jssora12l.jssora12ldn {
    background-position: -256px -37px;
}

.jssora12r.jssora12rdn {
    background-position: -315px -37px;
}

#slider1_container .jssora12l {
    top: 123px;
    left: 0px;
}

#slider1_container .jssora12r {
    top: 123px;
    right: 0;
}

.HiddenImage {
    display: none !important;
    visibility: hidden !important;
}

.Quotes {
    padding-right: 0;
    letter-spacing: -1.12px;
    margin-top: -14px;
}

blockquote {
    font-family: Regular;
    font-size: 18px;
    width: 100%;
    margin: 0.25em 0;
    padding: 0.25em 10px;
    line-height: 1.45;
    position: relative;
    color: #b4b6b8;
}

    blockquote:before {
        font-family: Bold;
        display: block;
        content: "\201C";
        font-size: 144px;
        line-height: 85px;
        position: absolute;
        margin-left: -50px;
    }

/*.closeQ {
    font-family: Bold;
    display: inline-block;
    /*content: "\201D";*
    font-size: 144px;
    text-align: right;
    position: absolute;
    margin: 50px 0 0 10px;
}*/

/*blockquote p:after {
        font-family: Bold;
        display: block;
        content: "\201D";
        font-size: 144px;
        text-align:right;
        /*position: absolute;
        left: -20px;
        bottom: 0;*/
}


/*blockquote:after {
        font-family: Bold;
        display: block;
        content: "\201D";
        font-size: 144px;
        /*position: absolute;
        left: -20px;
        bottom: 0;*/
}


blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

    blockquote cite:before {
        content: "\2014 \2009";
    }

.process-para {
    font-size: 22px;
}

.nopadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


.closeQ {
    display: inline-block;
    /*content: "\201D";*/
    position: absolute;
    margin: 1.075vh 0 0 10px;
}


.upperQuote {
    position: absolute;
    display: inline-block;
    /*margin: -0.85em 0px 0px -57px;*/
    margin: -1.03em 0 0 -57px;
    width: 53px;
}


.upperQuoteEmpty {
    width: 50px;
    display: inline-block;
}


@media screen and (max-width: 1200px) {
    .quotation p {
        margin-left: 57px !important;
        /*margin-left: 43px !important;*/
    }

    .upperQuote {
        margin-left: 0px !important;
        /*margin-top:-1.075em !important;*/
    }

    .quotation p:first-child {
        margin-bottom: 50px !important;
    }
}