/*********************************
/* START main component
*********************************/

@media screen and (max-width:480px) {
    .banner-text {
        font-size: 20px!important;
    }
}

body {
    text-align: center;
    font-family: "Arial";
    font-size: 100%;
    line-height: 1.125em;
    /* 16×1.125=18 */
}

.body-text p {
    font-size: 1em;
}

.content-text {
    font-size: 1em;
}

.small-text {
    font-size: 0.825em;
}

.side-note {
    font-size: 0.75em;
}

a:link {
    color: #000000;
}


/* unvisited link */

a:visited {
    color: #000000;
}


/* visited link */

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


/* mouse over link */

a:active {
    color: #000000 !important;
}


/* selected link */

.main-container {
    width: 100%;
}

.header,
.slide-show-area,
.service-banner-area,
.content,
.footer {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.fixed-container {
    margin: 0 auto;
    max-width: 1170px;
    text-align: center;
}

.fixed-container-landingpage {
    position: relative;
    height: 130px;
    margin: 0 auto;
    max-width: 1190px;
    text-align: center;
    background: url(../images/bg-red1190.jpg) no-repeat;
}

.h-separator {
    height: 1px;
    background: #cecece;
}

.h-separator2 {
    height: 3px;
    background: #cecece;
}

.v-separator {
    padding: 0 4px 0 4px;
}

.landing-page-title {
    font-size: 2.125em;
}

.full-width-image,
.landing-page-image {
    width: 100%;
}

.service-hilight,
.service-hilight-area {
    display: block;
    padding: 0;
}

.service-hilight .selector {
    width: 12.5%;
    padding: 0 0;
}

.service-hilight .selector .selected-icon {
    width: 125px;
    opacity: 0;
    /* css standard */
    filter: alpha(opacity=0);
    /* internet explorer */
}

.service-icon-box1,
.service-icon-box8 {
    margin-top: -8px;
}

.service-icon-box2,
.service-icon-box7 {
    margin-top: -32px;
}

.service-icon-box3,
.service-icon-box6 {
    margin-top: -60px;
}

.service-icon-box4,
.service-icon-box5 {
    margin-top: -68px;
}

.service-text1-box1,
.service-text1-box8 {
    margin-top: -28px;
    text-align: center;
    font-size: 11px;
}

.service-text1-box2,
.service-text1-box7 {
    margin-top: -58px;
    text-align: center;
    font-size: 11px;
}

.service-text1-box3,
.service-text1-box6 {
    margin-top: -83px;
    text-align: center;
    font-size: 11px;
}

.service-text1-box4,
.service-text1-box5 {
    margin-top: -93px;
    text-align: center;
    font-size: 11px;
}

.service-text2-box1,
.service-text2-box2,
.service-text2-box3,
.service-text2-box4,
.service-text2-box5,
.service-text2-box6,
.service-text2-box7,
.service-text2-box8 {
    margin-top: -2px;
    text-align: center;
    font-size: 11px;
}

.service-hilight .service-icon-box .service-icon {
    width: 144px;
    opacity: 0.5;
    /* css standard */
    filter: alpha(opacity=50);
    /* internet explorer */
}

.default-service-banner {
    display: block;
    position: absolute;
    padding: 0 100px;
}

.service-banner {
    display: none;
    position: absolute;
    padding: 0 80px;
}

.content {
    text-align: left;
}

.content .title {
    padding-bottom: 20px;
    font-size: 32px;
}

.content .text {
    padding-bottom: 10px;
}

.up-navigator {
    border-bottom: 1px solid #e2e2e2;
    text-align: left;
    background-color: #ffffff !important;
}

.big-title {
    font-size: 36px;
}

.bold-text {
    font-weight: bold;
}

.testimonial-box {
    margin-top: 20px;
    padding: 30px 40px 20px 40px !important;
    text-align: center;
    background-color: #e2e2e2;
}

.upcoming-event {
    background-image: url('../images/icon-upcoming-events.gif');
    background-repeat: no-repeat;
    background-position: right;
    background-color: #ffffff;
}


/*********************************
 /* START top toolbar
 *********************************/

.top-tool-bar {
    float: right;
    padding: 10px 0 20px 0;
}

.top-tool-bar .contact-us {
    padding-right: 10px;
}


/*********************************
 /* START Table for articles, press-releases, etc.
 *********************************/

.full-size-table {
    width: 100%;
    border-collapse: collapse;
}

.full-size-table .tb-header {
    background-color: #999999;
}

.full-size-table .tb-header .tb-title {
    padding: 8 8px;
    color: #ffffff;
}

.full-size-table .tb-content {
    border-bottom: 1px solid #999999;
    vertical-align: text-top;
}

.full-size-table .tb-content .tb-title {
    padding: 12 8px;
}


/*********************************
 /* START search tool
 *********************************/

.form-search input[type="text"] {
    width: 150px;
    height: 28px;
    padding: 6px 15px 6px 35px;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    color: #000000;
    background: url(images/search-dark.png) no-repeat 10px 6px #e4e4e4;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.form-search input[type="text"]:focus {
    width: 200px;
}

.form-option-space {
    font-size: 14px;
    padding-left: 14px;
}


/*********************************
 /* START logon element
 *********************************/

.login .login-icon {
    padding: 0 10px 0 10px;
}


/*********************************
 /* START custom basic component
 *********************************/

button,
input[type="submit"],
a.btn-submit {
    padding: 6px 18px 6px 18px;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    font: bold 12px Arial, Helvetica, Sans-serif;
    color: #ffffff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

a.btn-submit:hover {
    color: #FFFFFF !important;
}

button:hover,
input[type="submit"]:hover {
    background-color: #a10022;
}

.inetasia-select {
    margin-top: -30px;
}

.inetasia-select select option {
    margin: 4px 8px;
    color: #ffffff;
}

.inetasia-select select {
    margin-top: 0px;
    padding: 6px 10px 6px 15px;
    border: 0;
    color: #ffffff;
}

.interest-form {}

.send-button {
    position: relative;
    width: 100%;
    height: 60px;
    padding-top: 10px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    text-align: center;
    font-size: 2em;
    color: #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#a61920), to(#d61920));
    background: -webkit-linear-gradient(top, #d61920, #a61920);
    background: -moz-linear-gradient(top, #d61920, #a61920);
    background: -ms-linear-gradient(top, #d61920, #a61920);
    background: -o-linear-gradient(top, #d61920, #a61920);
    cursor: pointer;
    -moz-border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
}

.send-button:after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    border-top: 30px #ffffff solid;
    border-bottom: 30px #ffffff solid;
    border-left: 30px transparent solid;
    background: transparent;
}

.pain-point-box {
    margin-top: 45px;
}

.pain-point-box .text-box .text {
    width: 100%;
    padding-right: 10px;
}

.pain-point-box .image {
    width: 100%;
}

.pain-point-box .text-box {
    width: 100%;
    margin-top: -20px;
}

.pain-point-box .text-box-round {
    float: left;
    width: 100%;
    margin-top: -20px;
}

.interest-form {
    border: 2px solid #e2e2e2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.interest-form .title {
    margin-top: -10px;
    padding-bottom: 20px;
}

.band-logo-title {
    padding-bottom: 20px;
    text-align: left;
}

.band-logo-box {
    width: 96%;
}

.speak-to-inetasia {
    /*min-height: 237px;*/
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #f3f3f3;
    /* background-color: #e2e2e2;
    //border: 2px solid #e2e2e2;*/
}

.speak-to-inetasia h3 {
    margin-right: 40px;
}

.about-checklist {
    padding-top: 20px;
}

.about-checklist li {
    margin: 0;
    padding: 0 0 10px 60px;
    list-style: none;
    background: url(../images/icon-red-check.gif) no-repeat left top;
}

.form-title {
    margin-left: 15px;
}


/*********************************
 /* START positioning elements
 *********************************/

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

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

.pull-up {
    vertical-align: text-top;
}

.make-center {
    margin: auto;
}

.content-left {
    width: 94%;
    padding-bottom: 10px;
    font-size: 16px;
}

.space-between-object {
    padding-right: 4px;
    padding-left: 4px;
}

.big-row-space {
    height: 54px;
}

.mid-row-space {
    height: 24px;
}

.small-row-space {
    height: 14px;
}

.tiny-row-space {
    height: 8px;
}

.gray-border {
    border: 1px solid #e2e2e2;
}

.full-width {
    width: 100%;
}

.agenda-table {
    width: 100%;
}

.agenda-table .header {
    border-bottom: 3px solid #cccccc;
}

.agenda-table .time {
    width: 30%;
    padding: 4 16px;
    vertical-align: top;
}

.agenda-table .space {
    width: 5%;
    padding: 4 16px;
    text-align: ceter;
    vertical-align: top;
}

.agenda-table .detail {
    width: 65%;
    padding: 4 16px;
    vertical-align: top;
}


/*********************************
 /* START look & feel
 *********************************/

.white-background {
    background-color: #ffffff;
}

.light-gray-background {
    background-color: #cccccc;
}

.white-gray-background {
    background-color: #e2e2e2;
}

.dark-gray-background {
    background-color: #909497;
}

.red-background {
    background-color: #d61920 !important;
}

.red {
    color: #d61920;
}

.light-gray {
    color: #cccccc;
}

.white-gray {
    color: #e2e2e2;
}

.white {
    color: #ffffff;
}


/*********************************
 /* START custom menu for InetAsia
 *********************************/

.inetasia-menu {
    font-size: 16px;
    font-weight: bold;
}

.dropdown-menu a:hover {
    background-color: e2e2e2 !important;
}

.inetasia-menu .nav-pills>li.active>a,
.inetasia-menu .nav-pills>li.active>a:focus {
    color: #FFFFFF;
    background-color: #d61920;
}

.inetasia-menu .nav-pills>li.active>a:hover {
    color: #d61920;
    background-color: #cccccc;
}

.inetasia-menu .nav .caret {
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

.inetasia-menu .nav a:hover .caret {
    border-top-color: #d61920;
    border-bottom-color: #d61920;
}


/*********************************
 /* START CUSTOM FlexSlider for InetAsia (Main slide)
 *********************************/

.notopspace {
    margin-top: 0;
}

.inetasia-slideshow .flexslider {
    margin: 0;
    border: none;
    background: none;
    box-shadow: none;
}


/* Control Nav */

.inetasia-slideshow .flex-control-nav {
    bottom: 14px;
    text-align: center;
    margin-bottom: 0.5em;
}

.inetasia-slideshow .flex-control-paging li a {
    width: 18px;
    height: 18px;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.9);
}

.inetasia-slideshow .flex-control-paging li a:hover {
    background: rgba(188, 8, 8, 0.7);
}

.inetasia-slideshow .flex-control-paging li a.flex-active {
    background: rgba(188, 8, 8, 0.9);
}


/*********************************
 /* START CUSTOM FlexSlider for InetAsia (Testimonials)
 *********************************/

.notopspace {
    margin-top: 0;
}

.top-space {
    margin-top: 8px;
}

.bottom-space {
    margin-bottom: 12px;
}

.inetasia-testimonials .flexslider {
    margin: 0;
    border: none;
    background: none;
    box-shadow: none;
}


/* Control Nav */

.inetasia-testimonials .flex-control-nav {
    top: -20px;
    left: 140px;
    padding: 0 4px;
    text-align: center;
}

.inetasia-testimonials .flex-control-paging li a {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.9);
}

.inetasia-testimonials .flex-control-paging li a:hover {
    background: rgba(188, 8, 8, 0.7);
}

.inetasia-testimonials .flex-control-paging li a.flex-active {
    background: rgba(188, 8, 8, 0.9);
}


/*********************************
 /* START Other components for Inetasia
 *********************************/

.banner-button {
    padding: 46px 50px 46px 60px;
}

.banner-icon {
    float: left;
    padding: 32px 32px;
}

.banner-text-box {
    position: absolute;
    top: 20%;
    left: 130px;
}

.banner-text {
    text-align: left;
    font-weight: bold;
}

.banner-text-no-icon {
    position: absolute;
    top: 20%;
    left: 50px;
}

.calendar-shadow {
    padding: 8px 8px;
    min-height: 90px;
    border: 2px solid #e2e2e2;
    background: none repeat scroll 0 4px #ffffff;
    box-shadow: 5px 5px 3px #e2e2e2;
}

.calendar-box {
    padding: 0 4px;
    text-align: center;
    color: #ffffff;
    background-color: #d61920;
}

.calendar-box .day {
    font-size: 30px;
    font-weight: bold;
}

.calendar-box .month {
    margin-top: -6px;
    font-size: 11px;
}

.calendar-box .year {
    margin-top: -2px;
    font-size: 11px;
}

.calendar-shadow .text {
    margin-top: -6px;
    font-size: 10px;
}


/*********************************
 /* START custom media query for ido
 *********************************/

.tealium .flex-caption {
    display: block;
}

@media(min-width:768px) {
    .flex-caption h2 {
        font-family: Helvetica, Arial, Sans-serif;
        font-weight: bold;
        /*-webkit-text-stroke: 0.35px;*/
        text-align: left;
    }
    .flex-caption p {
        text-align: left;
        font-family: Helvetica, Arial, Sans-serif;
        font-size: 1.3em;
        color: white;
    }
    /*Index Page Slider*/
    .index-road .flex-caption {
        position: absolute;
        top: 100px;
        padding-left: 30px;
        line-height: 18px;
    }
    .index-road h2,
    .index-road p {
        text-shadow: 1px 2px 3px #000;
        color: white;
    }
    .index-road h2 {
        font-size: 45pt;
        line-height: 38pt;
    }
    .index-road p {
        line-height: 30pt;
        background: url(../images/next-button-red.png) no-repeat;
        background-position: 230px 45px;
    }
    .delivering-digital .flex-caption {
        position: absolute;
        top: 20px;
        padding-left: 30px;
    }
    .delivering-digital h2,
    .delivering-digital p {
        color: white;
    }
    .delivering-digital h2 {
        font-size: 45pt;
        line-height: 44pt;
    }
    .delivering-digital p {
        padding-right: 40px;
        line-height: 20pt;
        background: url(../images/next-button-white.png) no-repeat;
        background-position: 350px 24px;
    }
    .intergrate-internet .flex-caption {
        position: absolute;
        top: 50px;
        padding-left: 50px;
    }
    .intergrate-internet h2,
    .intergrate-internet p {
        color: black;
    }
    .intergrate-internet h2 {
        font-size: 45pt;
        line-height: 41pt;
    }
    .intergrate-internet p {
        padding-right: 40px;
        line-height: 25pt;
        background: url(../images/next-button-red.png) no-repeat;
        background-position: 300px 5px;
    }
    .tealium .flex-caption {
        display: none;
        position: absolute;
        top: 50px;
        padding-left: 50px;
    }
    .tealium h2,
    .tealium p {
        color: black;
    }
    .tealium h2 {
        font-size: 45pt;
        line-height: 41pt;
    }
    .tealium p {
        padding-right: 40px;
        line-height: 25pt;
        background: url(../images/next-button-red.png) no-repeat;
        background-position: 300px 5px;
    }
    /*Products Page*/
    .demo-button {
        float: left;
        padding: 7px 10px;
        padding-right: 30px;
        border-radius: 5px;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 16px;
        color: white;
        background: url(../images/img-arrow-next-white.jpg) no-repeat, #d61920;
        background-position: 130px;
    }
    .unified-analytics .flex-caption {
        position: absolute;
        top: 25px;
        margin-left: 120px;
    }
    .unified-analytics h2,
    .unified-analytics p {
        color: white;
    }
    .unified-analytics h2 {
        font-size: 45pt;
        line-height: 41pt;
    }
    .unified-analytics p {
        margin-bottom: 0;
        padding-right: 40px;
        font-size: 1.5em;
        line-height: 25pt;
        background-position: 210px 35px;
    }
    .mobile-analytics .flex-caption {
        position: absolute;
        top: 135px;
        margin-left: 680px;
    }
    .mobile-analytics h2,
    .mobile-analytics p {
        color: white;
    }
    .mobile-analytics h2 {
        font-size: 45pt;
        line-height: 41pt;
        letter-spacing: -1px;
    }
    .mobile-analytics p {
        margin-bottom: 0;
        font-size: 1.3em;
        line-height: 25pt;
        background-position: 210px 35px;
    }
    .mobile-analytics .demo-button {
        float: right;
        margin-right: 50px;
    }
    .webtrends .flex-caption {
        position: absolute;
        top: 180px;
        margin-left: 35px;
    }
    .webtrends p {
        color: white;
    }
    .webtrends p {
        margin-bottom: 0;
        font-size: 1.65em;
        line-height: 25pt;
        background-position: 210px 35px;
    }
    /*services page*/
    .digital-marketing .flex-caption {
        position: absolute;
        top: 120px;
        margin-left: 690px;
    }
    .digital-marketing h2,
    .digital-marketing p {
        color: white;
    }
    .digital-marketing h2 {
        font-size: 45pt;
        line-height: 41pt;
    }
    .digital-marketing p {
        margin-bottom: 0;
        font-size: 1.3em;
        line-height: 20pt;
    }
    .strategic-consulting .flex-caption {
        position: absolute;
        top: 120px;
        margin-left: 720px;
    }
    .strategic-consulting h2,
    .strategic-consulting p {
        color: white;
    }
    .strategic-consulting h2 {
        font-size: 45pt;
        line-height: 41pt;
    }
    .strategic-consulting p {
        margin-bottom: 0;
        font-size: 1.4em;
        line-height: 20pt;
    }
    .training .flex-caption {
        position: absolute;
        top: 140px;
        margin-left: 760px;
    }
    .training h2,
    .training p {
        color: white;
    }
    .training h2 {
        font-size: 45pt;
        line-height: 41pt;
    }
    .training p {
        margin-bottom: 0;
        font-size: 1.4em;
        line-height: 22pt;
    }
    .webtrends-professional .flex-caption {
        position: absolute;
        top: 100px;
        margin-left: 680px;
    }
    .webtrends-professional h2,
    .webtrends-professional p {
        color: white;
    }
    .webtrends-professional h2 {
        font-size: 45pt;
        line-height: 41pt;
    }
    .webtrends-professional p {
        margin-bottom: 0;
        font-size: 1.4em;
        line-height: 22pt;
    }
    .event-wrapper ul li {
        clear: both;
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #cecece;
        display: block;
    }
    .event_nav {
        float: right;
    }
    .event_nav a:link {
        display: inline-block;
        padding: 0 3px;
        color: #d61920;
        font-weight: bold;
    }
    .event_nav a.active_page,
    .event_nav a.active_page_up {
        color: #000000;
        font-weight: bold;
    }
    /* Media Queries */
    @media screen and (min-width:900) {
        .pain-point-box .image {
            float: left;
            width: 44%;
        }
        .pain-point-box .image img {
            width: 80%;
        }
        .pain-point-box .text-box-round {
            width: 44%;
            margin-top: -20px;
            padding-top: 50px;
        }
    }
    .img-header {
        padding-top: 3rem;
        padding-bottom: 2rem;
        text-align: center;
    }
    .img-header img {
        width: auto;
    }
    .content-left {
        width: 94%;
        padding-bottom: 10px;
        font-size: 16px;
    }
    .content-left p {
        margin-bottom: 3rem;
        margin-top: 0;
    }
    .content-left .clearfix {
        margin-bottom: 0;
    }
    .quoted {
        background: #F2F2F2;
        padding: 20px 30px;
    }
    .quoted table td {
        font-size: 16px;
        font-weight: bold;
        font-style: italic;
        line-height: 22px;
    }
    .quoted table td span {
        font-size: 14px;
        font-style: italic;
        line-height: 22px;
        font-weight: normal;
    }
    .icon-png {
        background: #cd2500;
        padding: 6px;
        width: 40px;
        height: 40px;
        margin: 0 10px 10px 10px;
    }
    .container-fluid {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}


/* 
   ##For Mobile Responsive
 */

@media (max-width:1024px) {
    .service-banner {
        padding: unset;
    }
    .service-banner p.white {
        font-size: 14px;
    }
    table.service-hilight {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll;
        max-width: 100vw;
    }
    table.service-hilight td {
        padding: 0.5em 1em;
    }
    .service-banner h3.white {
        font-size: 20px;
    }
    .service-banner .banner-button {
        padding: 12px 5px 12px 10px;
    }
}

@media(max-width:520px) {
    ul.slides li h2 {
        font-size: 25px;
    }
    .service-banner {
        padding: 0.5em;
    }
    .default-service-banner {
        padding: 0 0.5em;
    }
    .default-service-banner .banner-button {
        padding: 12px 5px 12px 10px;
    }
    .default-service-banner h3.white {
        font-size: 20px;
    }
    .default-service-banner p.white,
    .service-banner p.white {
        font-size: 12px;
    }
    .service-banner img.banner-icon {
        display: none;
    }
    .service-hilight-area>.fixed-container {
        min-height: 150px !important;
        background-color: #94979c;
    }
    .service-banner h3 {
        margin: 0;
    }
    div#tablelogo {
        max-width: 100%;
        overflow: scroll;
    }
}


/* 
   ##Device = Tablets, Ipads (portrait)
   ##Screen = B/w 768px to 1024px
   */

@media (min-width: 768px) and (max-width: 1024px) {
    .service-hilight,
    .service-hilight-area {
        /* display:none; */
    }
}


/* 
   ##Device = Tablets, Ipads (landscape)
   ##Screen = B/w 768px to 1024px
   */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .service-hilight,
    .service-hilight-area {
        /* display:none; */
    }
}


/* 
   ##Device = Low Resolution Tablets, Mobiles (Landscape)
   ##Screen = B/w 481px to 767px
   */

@media (min-width: 481px) and (max-width: 767px) {
    .service-hilight,
    .service-hilight-area {
        /* display:none; */
    }
}


/* 
   ##Device = Most of the Smartphones Mobiles (Portrait)
   ##Screen = B/w 320px to 479px
   */

@media (min-width: 375px) and (max-width: 812px) {
    .service-hilight,
    .service-hilight-area {
        /* display:none; */
    }
}

.service-hilight-m li {
    list-style: none;
    display: inline-block;
    /* border: 1px solid slateblue; */
    width: 200px;
    margin: .5em 0;
}

@media only screen and (max-width: 1024px) {
    .service-hilight-m li {
        width: 140px;
    }
    .service-hilight-m li img {
        max-width: 100px;
    }
}

.convizit-text {
    padding: 30px 15px;
    font-size: large;
    text-align: justify;
}

.convizit-imgs {
    width: -webkit-fill-available;
}

.convizit-logo img {
    padding: 10px;
    width: 90%;
}

.form-control-convizit {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
}

.interest-form-convizit {
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.form-inputstyle {
    padding-bottom: 15px;
}

.title-convizit {
    text-align: center
}