/* G Suite Pages*/
#cont {
    background-color: #FFF; 
}
h1.txt-banner-gs{
     font-size: 31px;   
     font-style: normal;
     line-height: 38px;
     font-weight: 600;
     color: #fff;
     text-shadow: 2px 2px  4px #000;
     background-color: transparent; 
}
.btn-check{
   margin: 50px 0% 50px 0%;
   border-radius: 0px;
   border: 0px solid #fff;
   display: inline-block;
   color: #fff;
   font-style: normal;
   font-size: 18px;
   padding: 15px 20px;
   text-decoration: none;
   margin-top: 34px;
   background: linear-gradient(to right, #2948ff, #396afc); 
   border: 2px solid transparent;
   border-image: linear-gradient(to right, #2948ff, #396afc);
   
   
    
}
.btn-check:hover {
    background: #0575E6; 
    border: 2px solid transparent;
    color: #FFF; 
    text-decoration: none; 
    
}
.btn-check-border{
   margin: 50px 0% 50px 0%;
   background-color: #396afc;
   border-radius: 0px;
   border: 2px solid #396afc;
   display: inline-block;
   color: #2948ff;
   font-style: normal;
   font-size: 18px;
   padding: 15px 20px;
   text-decoration: none;
   margin-top: 30px;

   
    
}
.btn-check-border:hover{  
    text-decoration: none;
    background: #396afc; 
    background: -webkit-linear-gradient(to right, #2948ff, #396afc);  
    background: linear-gradient(to right, #2948ff, #396afc); 
    color: #FFF; 
}   
div#top-bg-gsuite{
    color: #FFF;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 656px;
    min-height: 656px;
    
}
div.top-bg-gsuite{
    color: #FFF;
    background: url(../images/Banner-GSuite-2018.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: -20px;
    margin-bottom: -40px;
    
}

 div.bg-gs-w{
    background-color: #fff;   
    padding : 70px 0px 70px 0px;
 }
 div.bg-gs-pricing{
    background-color: #F8F8F8;   
    padding : 70px 0px 70px 0px;  
 } 
 h3.h3-titel-content{
    
    font-style: normal; 
    color: #0052cd;
    margin-top: 30px;
    font-weight:300;
 }
 
@media only all and (max-width: 768px) {
  .modal-hero-height {
        height: 430px;
        background: rgba(0, 0, 0, 0.5);
  }
  
  div.top-bg-gsuite {
   height: 656px;
  }
  .bg-gs-pricing > .container > .row-fluid >  .span4 >  div.plan-gs{
    
        height: 1250px;

   }
  .g-txt16 {
       font-size: 16px;
       line-height: 20px;
   }

 .tb-plan-gs{
    font-size: 15px;
   
    margin-bottom: 50px;
    border-collapsa: collapse;
    color: #717171;
 }
 /** div pc **/
 div.bg-gs-w{
    background-color: #fff;   
    padding : 70px 0px 70px 0px;
 }
 div.bg-gs-pricing{
    background-color: #F8F8F8;   
    padding : 70px 0px 70px 0px;  
 } 
 h3.h3-titel-content{
    
    font-style: normal; 
    color: #0052cd;
    margin-top: 30px;
    font-weight:300;
 }
  .footer-2018{
   margin-top: -50px;
 }
 
  .gs-content{
    list-style: 24px;
    font-style: normal;
    font-weight: 100;
    color: #545454;
    font-size: 16px;  
    line-height: 1.6em;                 
 }
  #articleModal {
        width: 1000px; 
        /*margin-top: -300px !important;*/
        margin-left:  -500px !important;
    } 

   div#ceoModal{
    margin-top: 200px;
    position: absolute;
    dtsplay: black;
   }
}

@media only all and (max-width: 480px) {

.modal-hero-height {
   height: 400px; 
   background: rgba(0, 0, 0, 0.5);
  } 
div.top-bg-gsuite {
   height: 350px; 
}
 .bg-gs-pricing > .container > .row-fluid  > .span4 > div.plan-gs{
      
    height: auto;
}
 .g-txt16 {
    font-size: 20px;
    line-height: 24px;
  }

 .tb-plan-gs{
    font-size: 18px;
    margin-top: -20px;
    margin-bottom: 50px;
    border-collapse: collapse;
    color: #717171;
 } 
  /** div pc **/
  div.bg-gs-w {
    background-color: #fff;
    padding: 10px 10px 10px 10px;
  }
  
  div.bg-gs-pricing {
    background-color: #F8F8F8;
    padding: 10px 10px 10px 10px;
 }
 h3.h3-titel-content {
    font-style: normal;
    color: #0052cd;
    /* margin-top: 30px; */
    font-weight: 300;
 }
 
 .footer-2018{
 margin-top: 0px;
 }
  .gs-content{
    list-style: 24px;
    font-style: normal;
    font-weight: 100;
    color: #545454;
    font-size: 18px;                    
 }
 .tb-plan-gs{
   font-size: 17px;
  } 
   .gs-content{
    list-style: 25px;
    font-style: normal;
    font-weight: 100;
    color: #545454;
    font-size: 18px; 
    line-height: 1.9em;                     
 }
  #articleModal 
    {
        width: 60%; 
        margin-top: 50px !important;
        margin-left:  -500px !important;
    } 

  div#ceoModal{
    margin-top: 200px;
    position: absolute;
    dtsplay: black;
   }
}
 .div-whynetway{
    margin-top : 20px;
    background-color: #FFF;
    padding: 50px 20px 50px 20px;
    border-radius: 7px;
    color: #414141;
   }
 .div-whynetway:hover {
    margin-top : 20px;
    background-color: #FFF;
    padding: 50px 20px 50px 20px;
    border-radius: 7px;
    color: #414141;
    box-shadow: 1px 1px 22px rgba(157,184,209,0.19);
  }
  

body { 
    background-color:#fff; 
    padding:0; 
    margin:0; 
    font-family: Roboto,Arial, sans-serif; 
    font-size: 20px;
    font-style: normal;
    font-weight:100; 
    /*zoom: 125%;*/
}
.title-gs {
    
    font-style : normal;
    font-weight : 400;
    color : #405368;
    margin-top : 20px;
    margin-bottom: -10px;   
}
a.link-gs{
    color : #0F5BDA;
    text-decoration: none !important;  
}

span.gs-line{
    background-color: #FFAB00;
    text-align: center;
    height: 2px;
    width: 100px; 
    display: block;
    margin: 20px 0% 20px 0%;
}
div.bg-gs{
    background-color: #ECF0F1;   
    padding : 70px 10px 70px 10px;  
}
div.bg-gs-pricing{
    background-color: #F8F8F8;   
    padding : 70px 10px 70px 10px;  
}

div.hr-pro{
    padding-bottom: 30px;
    padding-top: 30px;
    border-top: 1px solid #dedede;
}
div.hr-pro-bottom{
    border-bottom: 1px solid #dedede;
}
div.div-products-gs {
    
    background-color: #F0F1F5;
    padding: 20px 20px 20px 20px;
    border-radius: 7px;
    height: 250px;
    color: #414141;
    margin-top: 30px;
    margin-bottom: 30px;
    
}
div.div-products-gs:hover {
    /*border: 3px solid #5290f5;*/
    box-shadow: 1px 2px 22px rgba(157,184,209,0.19);
    border-radius: 7px;
}
div.sale-not-gs{
    margin-top: 20px;
    color: transparent;
    background-color: transparent;
    height: 35px;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    
}
div.sale-gs{

    color: #FFF;
    background: #fe8c00;  
    height: 35px;
    padding: 20px 0 36px 0;
    font-size: 22px;
    text-align: center;
                
}

div.plan-gs-2{
    margin-top: 30px;
    background-color: #FFF;
    padding: 50px 50px 0px 50px;
    color: #414141;
    border-top: 5px solid #448aff;
    border: 2px solid #e4e4e4;
    width: 100%;
    margin-bottom: 50px;
    border: 1px solid #cae0eb;
    box-shadow: 0 0 41px 0 rgba(49,110,255,.08);
    
}
 div.plan-gs{
    background-color: #FFFFFF;
    padding: 50px 20px 50px 20px;
    color: #414141;
    height: 1194px;
    border: 1px solid #e8eaeb;
    box-shadow: 0 0 41px 0 rgba(49,110,255,.08);
    border-radius: 5px;
  }
  div.plan-gs:hover {
    background-color: #FFFFFF;
    padding: 50px 20px 50px 20px;
    color: #414141;
    height: 1194px;
    border: 1px solid #0971f2;
    box-shadow: 0 0 41px 0 rgba(49,110,255,.08);
    border-radius: 5px;
  }
.btn-plan{
   margin: 10px 0% 0px 0%;
   box-shadow: 0 4px 0 #0052cd;
   background: transparent;
   border: 0px solid #fff;
   display: inline-block;
   color: #0052cd;
   font-style: normal;
   font-size: 18px;
   padding: 15px 5px;
   text-decoration: none;
   margin-top: 30px;
   width: 100px;
   magin-left: -5px;
   
    
}
.btn-plan:hover {
   box-shadow: 0 4px 0 #0052cd;
   color: #0052cd; 
   text-decoration: none;
}

.btn-plan:focus {
   background: transparent;
   box-shadow: 0 4px 0 #0052cd;
   color: #0052cd;
   outline: none;
    
}

.btn-plan:active {
   background: transparent;
   box-shadow: 0 4px 0 #0052cd;
   color: #0052cd;
   outline: none;
}
.price-bill{
    margin: 10px 0 0;
    font-size: 14px;
    color: #999;
}
div.pricing{
    margin-top: -30px;
    
}

div.gs-price{
    padding: 25px 0px 25px 0px;
    line-height: 1;
    display: block;
}
div.gs-price-2{
    padding: 36px 0px 25px 0px;
    line-height: 1;
    display: block;
}
.usd-gs{
    margin-top: 5px;
    margin-bottom: 5px;
}
span.font-sale{
    color: #ff562f;
    font-weight: 600;
}
span.font-normal{
    color: #cccccc;
}
p.info-gs{
    margin-top:20px;
    margin-bottom:20px;
    line-height: 1.6em;   
}
p.info-gs-2{
    margin-top:20px;
    margin-bottom:10px;
    line-height: 1.6em;
}
.tb-plan-gs{
    font-size: 15px;
    margin-top: -20px;
    margin-bottom: 50px;
    border-collapsa: collapse;
    color: #717171;
    line-height: 1.6em;
}
.tb-plan-gs td, .tb-plan-gs th {
    padding : 6px;
    text-align: left;
}

.fa-check{
    color: #ddd;
}
hr.gs-hr {
    border-top: 2px solid #eeeeee;
}
.g-txt14 { 
    font-size:14px;
}
.txt14 { 
    font-size:14px;
}
.g-txt18 { 
    font-size:18px;
}
.g-txt20 { 
    font-size:20px;
}
.g-txt22 { 
    font-size:22px;
}
.g-txt24 { 
    font-size:24px;
}
.g-txt26 { 
    font-size:26px;
}
.g-txt28 { 
    font-size:28px;
}
.g-txt30 { 
    font-size:30px;
}
.g-txt32 { 
    font-size:28px !important;
}
.g-txt34 { 
    font-size:34px;
}
.g-txt36 { 
    font-size:36px;
}
.gs-tooltip {
    position: relative;
    display: inline-block;

}
.gs-tooltip {

    color: #717171;
    font-size: 15px;
    

    /* Position the gs-tooltip 
    position: absolute;
    z-index: 1;
    */
}
.gs-tooltiptext {
    visibility: hidden;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    background: #f2f2f2;
    color: #333;
    text-align: left;
    border-radius: 3px;
    padding: 10px 10px 10px 10px;
    font-size: 15px;
    width: 300px;
    /* Position the gs-tooltip */
    position: absolute;
    z-index: 1;
    left: 10px;
}

.gs-tooltip:hover .gs-tooltiptext {
    visibility: visible;
}




.pd-tooltip {

    color: #717171;
    font-size: 15px;
    

    /* Position the gs-tooltip 
    position: absolute;
    z-index: 1;
    */
}
.pd-tooltiptext {
    visibility: hidden;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    background: #f8f8fb;
    color: #333;
    border-radius: 10px;
    padding: 20px 15px 20px 15px;
    font-size: 18px; 
    width: 280px;
    position: absolute;
    z-index: 1; 
    margin-top: 120px;
    margin-left: 37px;
   
}

.pd-tooltip:hover .pd-tooltiptext {
    visibility: visible;
}


.gs-form-intro{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 30px 0 10px;
}
input[type="email"].txt-ga-email{
    max-width: 300px;
    width:100%;
    height: 30px;
    font-size: 16px;
    font-weight: 500;
    border: solid 1px #c6c6c6;
    padding: 16px;
}
.gs-button{
   color: #fff;
   background-color: #0f5bda;
   padding: 7px 30px;
   border-radius: 3px;
   margin-top: -9px;
   border: 0px;
   
    
}
.p-team{
    margin-left: 10px;
}
div.gs-partner-nw-2018{
    background:#fff;
    margin-top: 5px;
}
p.phover {
    color : #717171;
    tet-align: justify;
    text-indent: 10px;
    }
p.phover:hover {
    color : #000;
    tet-align: justify;
    text-indent: 10px;
}

h1 {
  font-size: 24px !important;
  
}

h2{
  
  font-size: 22px;
}
h3{

  font-family: Roboto,Arial, sans-serif !important; 
}
h4{
  
  font-size: 16px;
}
/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: auto;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

div.pricing:hover .plan-gs{
    border-top: 5px solid #448aff;
    border-left: 2px solid #e4e4e4;
    border-right: 2px solid #e4e4e4;
    border-bottom: 2px solid #e4e4e4;
    box-shadow: #d0d7e5 0 0 15px;
}
p.nw-product-title{
    font-style: normal;
    font-weight: 400;
    color: #405368;
    line-height: 26px;  
        
}
div.footer-adr-2018{
    padding: 30px 30px 30px 30px;
    background:#e0e1e5;
}
div.white-nw-2018{

    background:#f8f8f8;
}
.footer-address{ 
    background-color:#eeefef; 
    border-top: #b2b2b2 solid 3px;  
    border-bottom: #b2b2b2 solid 3px; 
    padding:15px 0; 
}
div.footer-adr-2018{
    padding: 30px 30px 30px 30px;
    background:#e0e1e5;
}
div.white-nw-2018{
    padding: 30px 0 30px 3px;
    background:#f8f8f8;
}
div.footer-nw-2018{
    font-style: normal;
    line-height: 24px;
    font-size : 22px;
     
    font-weight: 500;
    padding: 30px 30px 30px 30px;
    background: #f6f6f6;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3592fc, #215bc3);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3592fc, #215bc3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   
}
table.table-txt-footer{
    width : 100%;
    font-style: normal;
    line-height: 24px;
    font-size : 20px;
    font-weight: 300;
    color: #FFF;

}
div.img-footer-show{
    
    /* margin-top: 30px; */
    width: 270 px;
    height: 140px;
    background: #FFFFFF;
    text-align: center;
    /* border-radius: 10px; */
    color: #FFF;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0.25),0 2px 5px 0 rgba(0,0,0,0.12)!important;
    /* border-bottom-width: 4px; */
    /* border-bottom-style: solid; */
    /* border-color: #f4dc20; */

}
.txt22{ 
    font-size:22px;
}

/*************  Start Go to top ****************/

#back-top {
    position: fixed;
    bottom: 10%;
    right: 0px; 
    z-index: 1000;
}
#back-top a {
    width: 40px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}
#back-top span {
    width: 44px;
    height: 77px;
    display: block;
    margin-bottom: 7px;
    background: #6d6d6d url(../images/go_to_top.jpg) no-repeat center center;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;  
    opacity: 0.5;
    filter: alpha(opacity=50);
    zoom: 1;
}
#back-top a:hover span {
    background-color: #073e71;  
    opacity: 1;
    filter: alpha(opacity=100);
    zoom: 1;
}




/*/
/* section Why Netway*/
div.image-nw-2018 {
    background-image: url(../images/Bg-WhyNetway.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.div-whynetway:hover p.title-why-netway{
    color :#ff562f;
}
.hover-icon{
   
   box-shadow: 0 4px 16px transparent; 
   text-align: center;
   border-radius: 7px;
   background-color: #FFF;
   margin-bottom: 20px;
   padding: 20px 10px 20px 10px;
   
   
    
}
.hover-icon:hover{
    
    box-shadow: 0 4px 16px #e0e0e0;
    text-decoration: none;
    text-align: center;
    border-radius: 7px;
    background-color: #FFF;
    margin-bottom: 15px
}

.hover-Payment{
   padding :  4px 0px 25px 0px;

}

div.icon-payment-cart{
    background-image : url('../images/icon-payment-cart-2018-unhovernew.png');
    background-size: 80px;
    height: 120px;
    width: 150px;
    padding: 30px 30px 30px 30px;
    margin-left: 80px;
}
div.icon-payment-pay{
    background-image : url('../images/icon-payment-2018-unhovernew.png'); 
    background-size: 80px;
    height: 120px;
    width: 150px;
    padding: 30px 30px 30px 30px;
    margin-left: 80px;
}
div.icon-payment-bill{
    background-image : url('../images/icon-billing-unhovernew.png');
    background-size: 80px;
    height: 120px;
    width: 150px;
    padding: 30px 30px 30px 30px;
    margin-left: 80px;
}
div.icon-payment-exchange{
    background-image : url('../images/icon-nomal.png');
    background-size: 80px;
    height: 120px;
    width: 150px;
    padding: 30px 30px 30px 30px;
    margin-left: 80px;
}


div.hover-Payment:hover div.icon-payment-cart{
    background-image: url('../images/icon-payment-cart-2018new.png');  
    background-size: 80px;
    height: 120px;
    width: 150px;
    padding: 30px 30px 30px 30px;
    margin-left: 80px;
}

div.hover-Payment:hover div.icon-payment-pay{
    background-image: url('../images/icon-payment-2018new.png'); 
    background-size: 80px;
    height: 120px;
    width: 150px;
    padding: 30px 30px 30px 30px;
    margin-left: 80px;
    
}
div.hover-Payment:hover div.icon-payment-bill{
    background-image: url('../images/icon-billingnew.png');  
    background-size: 80px;
    height: 120px;
    width: 150px;
    padding: 30px 30px 30px 30px;
    margin-left: 80px;
}
div.hover-Payment:hover div.icon-payment-exchange{
    background-image: url('../images/icon-nomal-hover.png'); 
    background-size: 80px;
    height: 120px;
    width: 150px;
    padding: 30px 30px 30px 30px;
    margin-left: 80px;
}
div.hover-Payment:hover  p.txt-payment-kb {
    font-family: 'Prompt', sans-serif;
    color: #0052cd;
}

/*
.div-whynetway:hover {
    background-color: #5290f5;
    border: 2px solid #5290f5;
    height: 550px;
    width:  280px; 
    color : #FFF;
}*/
.icon-onestopservice{
    background-image : url('../images/icon-netway-top1.png');
    background-size : 110px 110px;
    height: 120px;
    width:  120px;
    margin-top : -20px;
}
.icon-support247{
    background-image : url('../images/icon-support247365.png');
    background-size : 110px 110px;
    height: 120px;
    width:  120px;
    margin-top : -20px;
}
.icon-20year{
    background-image : url('../images/icon-netway-20th.png');
    background-size : 110px 110px;
    height: 120px;
    width:  120px;
    margin-top : -20px;
}
.icon-billing{
    background-image : url('../images/icon-billing.png');
    background-size : 110px 110px;
    height: 120px;
    width:  120px;
    margin-top : -20px;
}
.icon-safe{
    background-image : url('../images/icon-netway-safe-2018.png');
    background-size : 110px 110px;
    height: 120px;
    width:  120px;
    margin-top : -20px;
}
.icon-goodpastner{
    background-image : url('../images/icon-netway-goodpastner-2018.png');
    background-size : 110px 110px;
    height: 120px;
    width:  120px;
    margin-top : -20px;
}
.register-step-1{
    background-image : url('../images/register-step-1.png');
    background-size : 150px 150px;
    height: 150px;
    width:  150px;
}
.register-step-2{
    background-image : url('../images/register-step-2.png');
    background-size : 150px 150px;
    height: 150px;
    width:  150px;
}
.register-step-3{
    background-image : url('../images/register-step-3.png');
    background-size : 150px 150px;
    height: 150px;
    width:  150px;
}
/*
.icon-onestopservice:hover {
    background-image : url('../images/icon-netway-top1-white.png');
    background-size : 120px 120px;
    height: 150px;
    width:  150px;
}
*/
.title-why-netway{
    
    font-style : normal;
    font-weight : 700;
    color : #405368;
    margin-top : 20px;
    margin-bottom: -10px;
    font-size: 18px;    
}
hr.hr-whynetway{
    background:  rgba(219, 234, 248, 0.6);
    height:  4px;
    margin:  5px;
    margin-top : 30px;
}
h4.h4-nw-2018{
        line-height: 26px;
        font-size: 20px;
        font-family: prompt;
        font-style: normal;
        font-weight:100; 
}

p.nw-content{
    
    /*white-space: pre;
    word-spacing: 5pt;
    text-indent: 1cm;*/
    text-indent: 30px;
    line-height: 24px;
    font-style: normal;
    font-weight:100; 
    color : #545454;
     
    
}

p.nw-product-title{
    font-style: normal;
    font-weight: 400;
    color: #405368;
     
        
}
p.nw-product-title-cloud {
    font-style: normal;
    font-weight: 400;
    color: #405368;
     
        
}
p.nw-sub-title{
    margin-top:20px;
    line-height: 24px;
    font-style: normal;
    font-weight:100; 
    color : #545454;
     
}




div.icon-nw2018-Domain {
    background-image : url('../images/icon-Netway2018-Domain.png');
    background-size: 100px 100px;
    height: 120px;
    width: 120px;
    margin-left: -8px

}
div.icon-nw2018-Hosting{
    background-image : url('../images/icon-Netway2018-Hosting.png');
    background-size: 100px 100px;
    height: 120px;
    width: 120px;
    margin-left: -8px

}
div.icon-nw2018-Cloud{
    background-image : url('../images/icon-Netway2018-Cloud.png');
    background-size: 100px 100px;
    height: 120px;
    width: 120px;
    margin-left: -8px

}
div.icon-nw2018-SSL{
    background-image : url('../images/icon-Netway2018-SSL.png');
    background-size: 100px 100px;
    height: 120px;
    width: 120px;
    margin-left: -8px

}
div.icon-nw2018-MS{
    background-image : url('../images/icon-Netway2018-MS-hover.png');
    background-size: 100px 100px;
    height: 120px;
    width: 120px;
    margin-left: -8px

}
div.icon-nw2018-Google{
    background-image : url('../images/icon-Netway2018-GSuite-hover.png');
    background-size: 100px 100px;
    height: 120px;
    width: 120px;
    margin-left: -8px


}

div.icon-nw2018-Zendesk{
    background-image : url('../images/icon-Netway2018-Zendesk-hover.png');
    background-size: 100px 100px;
    height: 120px;
    width: 120px;
    margin-left: -8px

}
div.icon-nw2018-Other{
    background-image : url('../images/icon-Netway2018-Other-hover.png');
    background-size: 100px 100px;
    height: 120px;
    width: 120px;
    margin-left: -8px
}

div.icon-nw2018-365{
    background-image : url('../images/icon-Netway2018-365.png');
    background-size: 100px 100px;
    height: 120px;
    width: 120px;
    margin-left: -8px


}
div.icon-nw2018-VMware{
    background-image : url('../images/icon-Netway2018-VMware.png');
    background-size: 100px 100px;
    height: 120px;
    width: 120px;
    margin-left: -8px
}
div.icon-nw2018-Dedicated {
    background-image : url('../images/icon-Netway2018-Dedicated.png');
    background-size: 100px 100px;
    height: 120px;
    width: 120px;
    margin-left: -8px
}
div.icon-nw2018-Managed{
    background-image : url('../images/icon-Netway2018-Managed.png');
    background-size: 100px 100px;
    height: 120px;
    width: 120px;
    margin-left: -8px
}
div.icon-Netway2018-Azure{
    background-image : url('../images/icon-Netway2018-Azure.png');
    background-size: 100px 100px;
    height: 120px;
    width: 120px;
    margin-left: -8px
}


div.img-technical-web{
    background-image : url('../images/img-banner-ftp.png');
    background-size: 270px;
    height: 140px;
    width: 100%;
  
}

div.img-technical-linux{
    background-image : url('../images/img-banner-linux-server.png');
    background-size: 270px;
    height: 140px;
    width: 100%;
}
div.img-technical-window{
    background-image : url('../images/img-banner-windows.png');
    background-size: 270px;
    height: 140px;
    width: 100%;
}

div.img-technical-database{
    background-image : url('../images/img-banner-database.png');
    background-size: 270px;
    height: 140px;
    width: 100%;
}

.btn-readmore-2018 {
     /*margin: 10px 0% 0px 0%;*/
     background-color:transparent;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 15px;
    border:2px solid #ff562f;
    display:inline-block;
    color:#ff562f;
    font-style: normal;
    font-size: 16px;
    padding:5px 20px;
    text-decoration:none;
     
    /*margin-bottom : 10px;*/
}
.btn-readmore-2018:hover {
    margin: 10px 0% 0px 0%;
    background: #f12711; 
    background: -webkit-linear-gradient(to right, #f5af19, #f12711);  
    background: linear-gradient(to right, #f5af19, #f12711); 
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 15px;
    border:2px solid #ffffff;
    display:inline-block;
    color:#ffffff;
    font-style: normal;
    font-size: 16px;
    padding:5px 20px;
    text-decoration:none;
     
    /*margin-bottom : 10px;*/
}

div.gs-img{
    padding: 20px 20px 20px 20px; 
}
div.gs-txt{
    padding: 20px 5px 20px 5px; 
}

























    
/* End G Suite Pages */


/**** FAQ ****/

 .fix-topmenu-desktop  {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 9988;
        padding-bottom: 7px !important;
   }
   .btn {
    padding: 14px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    }
     
    .btn:focus, .btn:active:focus, .btn.active:focus {
        outline: 0 none;
    }
     
    .btn-primary {
        background: #0099cc;
        color: #ffffff;
        text-decoration: none;
    }
     
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background: #33a6cc;
        text-decoration: none;
    }
     
    .btn-primary:active, .btn-primary.active {
        background: #007299;
        box-shadow: none;
    }
    
    
    div.tab-pane > h3 {
        padding-left: 20px;
    }
    p.click-back , p.click-back-sr{
        cursor: pointer;
    }
    
    ul.dynamic-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #4489FF;
    height: 68px;
    }
    
    li.dynamic-nav {
        float: left;
    }
    
    li.dynamic-nav a {
        display: block;
        color: white;
        text-align: center;
        padding: 24px 16px;
        text-decoration: none;
        font-size: 16px;
        margin-top:0px;
    }
    
    li.dynamic-nav a:hover {
        background-color: #0661FB;
        color: #FFF;
        height: 68px;
        font-size: 16px;
    }
    
    li.dynamic-nav a.active{
        background-color: #186DFF;
        color: #FFF;
        height: 68px;
        font-size: 16px;
    }
    
    
    li.dynamic-nav-re {
        float: left;
    }
    
    li.dynamic-nav-re a {
        display: block;
        color: #4a4848;
        text-align: center;
        padding: 24px 16px;
        text-decoration: none;
        font-size: 16px;
        margin-top:0px;
    }
    
    li.dynamic-nav-re  a:hover {
        background-color: #FFEB3B;
        color: #4a4848;
        height: 68px;
        font-size: 16px;
    }
    
    li.dynamic-nav-re  a.active{
        background-color: #f7e337;
        color: #4a4848;
        height: 68px;
        font-size: 16px;
    }
    
    
   
    
    li.dynamic-nav:last-child {
        float: right;
    }
    
    div.empty-section{
        margin-bottom: 50px;
    }
    
    .fix-top-dynamic-menu{
       position: fixed;
       width: 100%;
       text-align: center;
        top: 0;
        left: 0;
        z-index: 9988;
        background-color: #4489ff;
    }
    

    
    #articleModal .modal-body {
        /*max-height: 768px;*/
        /*max-width: 1024px;*/
    }
    
    .faq-q {
        position: relative;
            font-style: normal;
            font-size: 20px;
            text-align: left;
            color: #2d4b70;
            margin-top: 20px;
            line-height: 24px;
             
    }
    .faq-q:focus {
           color: #0D1AB1;
    }
    .faq-q:before {
        content: "Q: ";
            font-style: normal;
            font-size: 20px;
            text-align: left;
            color: #2f8dff;
            font-weight: 400;

             
    }
    .faq-q:hover {
        color: #2431A8;
    }
    
    .faq-a {
            margin-left: 23px;
            position: relative;
            font-style: normal;
            font-weight: 100;
            font-size: 18px;
            text-align: justify;
            line-height: 30px;
            color: #555555;
            padding-top: 5px;
            border-left: 2px solid rgb(218, 234, 251);
            padding: 10px 20px 10px 10px;
      }      

    .faq-a:before {
        content: "A: ";
        font-style: normal;
            font-weight: 200;
            font-size: 20px;
            text-align: left;
            line-height: 30px;
            color: #2f8dff;
            padding-top: 5px;
         
             
    }
    .span12{
        margin-left: 0px !important;
    }
      
    hr.hr-faq{

        width: 100%;
        margin-top: 20px;
        margin-bottom: 30px;
     
    }
    
    strong {
        
        font-weight: bold;
        
    }
      p.titlefaq {
      margin-top: 70px !important;
    }

    strong.title-faq{
      font-size: 22px;
      color: #333;
      margin-top: 30px;
       
    }    
    .dynamic-content > .container {
     font-size: 18px
      
    }
    .dynamic-content > .container > ul > li {
       line-height: 0px;
 
    }
     .dynamic-content > .container  > ul  {
       margin-top: 30px;
      
     }
    .dynamic-content > .container  > ul > li > a {
     position:relative;
     font-sytle: normal;
     font-size: 20px;
     color: #2d4b70;
     margin-top:20px;
     text-align: left;
     
    }
     .dynamic-content >  .container > ul > li > a:hover {
      color: #2431A8;
      text-decoration: none;

     }
    .dynamic-content >  .container > ul {
      list-style-type:none;

    }

    #faq > h3 {
      margin-bottom: 30px;
      padding :69px 0px 0px 0px;
    }
    .modal {
      text-align: center;
      font-size: 16px;
    }
    .modal-header {
      text-align: left;
      font-size: 22px;
      
    }
    .modal-body  {
      text-align: left;  
    }
    .dynamic-content > h3 {
      font-size: 22px;
      
    }
    
    div#datasheet > h3.h3-title-content {
      font-style: normal; 
      color: #0052cd;
      margin-top: 30px;
      font-weight:300;
    
    }
    .modal-body > p > span.wysiwyg-font-size-medium {
      font-size: 16px;
    }
    
  
    .modal-body > h2 {
       text-align: left;
       padding: 0px;
    
    } 
    
    font {
      font-size: 16px;
    }
    .modal-body > h1 > span {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
}

/****  / FAQ ****/


/*** Footer ***/

.footer-2018{
margin-top: 0px;
}
/*** Footer ***/
  ul.detail > li:before {
        content: "\f00c";
        font-family: FontAwesome;
        display: inline-block;
        margin-right: 0;
        margin-left: 0;
        color: #ddd;
        font-size: 14px;
        /* width: 1.3em; */
        }
    ul.detail-1 > li:before {
        content: "\f00c";
        font-family: FontAwesome;
        display: inline-block;
        margin-right: 0;
        margin-left: 0;
        color: #ddd;
        font-size: 14px;
        /* width: 1.3em; */
        }
    ul.detail-2 > li:before {
        content: "\f00c";
        font-family: FontAwesome;
        display: inline-block;
        margin-right: 0;
        margin-left: 0;
        color: #ddd;
        font-size: 14px;
        /* width: 1.3em; */
        }   
    ul.detail, ul.detail-1, ul.detail-2 {
      font-size: 15px;
      font-weight: 100;
      color: #545454;
    }
    p.gs-text, p.gs-text-1, p.gs-text-2 {
      font-size: 18px;
      color: blue;
      font-weight: 300;
  } 
  i.x, i.xx, i.xxx {
      font-size: 24px;
      color: blue;
      font-weight: 300;
  }
  
  /*** CSS Responsive for Topic Why Netway? visible-phone only  ***/
  .div-why-left{
    float: left;
    box-shadow: 1px 1px 22px rgba(157,184,209,0.19);
    background-color: #FFF;
    border-radius: 7px;
    color: #414141;
    margin-top: 20px;
    width: 180px;
    padding: 10px 5px 10px 5px;
   }
   
  /*** End CSS Responsive for Topic Why Netway? visible-phone only  ***/
  /*************************KB***************************************/
 .nw-slogan1 { 
    padding: 10px 20px 10px 20px;
    color: #454545;
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    font-family: 'prompt', Tahoma, Verdana, sans-serif !important;  

}
.nw-slogan2 { 
    padding:0; 
    margin:0 0 30px 0;  
    color:#333;
    text-align:center;
    font-size:22px; 
    font-weight:400;  
    font-family:  Tahoma, Verdana, sans-serif;  
}

div.white-kb-2018 {
    background: #fff;
}
.txt-payment-kb {
    font-family: 'Prompt', sans-serif;
    color: #454545;
    
}
.txt-tech-kb {
    color: #4d64ae;
    font-size: 17px;
    padding: 0px;
}
.nw-kb-btn-ticket {
    margin: 50px 0% 50px 0%;
    border-radius: 3px;
    background:#fff url("https://theme.zdassets.com/theme_assets/1304520/a03830341c6bc80b7e2f5f09b4b50df1fb72300c.png") left center no-repeat;  
    border: 2px solid #ff6f00;
    display: inline-block;
    color: #fff;
    font-style: normal;
    font-size: 18px;
    font-family: 'prompt', Tahoma, Verdana, sans-serif;
    padding: 13px 8px 13px 61px;
    text-decoration: none;
    margin-top: 1px;
    background-color: #ff6f00;
}
.nw-kb-btn-ticket:hover {
    margin: 50px 0% 50px 0%;
    border-radius: 3px;
   background:#0072ef url("https://theme.zdassets.com/theme_assets/1304520/a03830341c6bc80b7e2f5f09b4b50df1fb72300c.png") left center no-repeat;  
    border: 2px solid #ff5722;
    display: inline-block;
    color: #fff;
    font-style: normal;
    font-size: 18px;
    font-family: 'prompt', Tahoma, Verdana, sans-serif;
    padding: 13px 8px 13px 61px;
    text-decoration: none;
    margin-top: 1px;
    background-color: #ff5722;
}
.section-tree {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .section-tree {
    flex-direction: row;
  }
}

.section-tree .section {
  flex: initial;
}

@media (min-width: 768px) {
  .section-tree .section {
    flex: 0 0 45%;
    /* Two columns for tablet and desktop. Leaving 5% separation between columns */
  }
}

.section-tree-title {
    margin-bottom: 0;
    background: #f2f2f2;
    padding: 10px 10px;
    border-radius: 4px;
}
.kb-section-tree-title {
    background: #f2f2f2;
    padding: 10px 5px 10px 20px;
    border-radius: 4px;
  
}

.article-list{
    padding: 0px 12px;
}

.article-list-item {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    padding: 15px 0;
}

.kb-section {
    margin: 30px 50px 30px 0 !important;
    width: 535px !important;
}

.kb-section-list {   
   margin: 30px 0px 30px 0;
  
}
.kb-pro-icon {
    height: 163px;
    width: 163px;

}
/*.kb-word{
    
    flex-direction: column;
    justify-content: space-between;
    margin: 20px 69px 20px 10px;
    padding: 0;
    border-bottom: #cccccc solid 2px;
    
}*/


.kb-in-word{
    font-weight: 300;
    margin: 0 0 30px 0;
    word-break: break-word;
}
.kb-txt-pro {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 500;
    
} 

h2.kb-hr  {
    font-family: 'Prompt', sans-serif;
    font: 33px sans-serif;
    margin-top: -33px;
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    color: #7a7a7a;
    
}

h2.kb-hr {
    position: relative;
    z-index: 1;
    
    &:before {
        border-top: 2px solid #dfdfdf;
        content:"";
        margin: 0 auto; /* this centers the line to the full width specified */
        position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
        top: 50%; left: 0; right: 0; bottom: 0;
        width: 95%;
        z-index: -1;
    }

    span.kb-hr { 
        /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
        background: #fff; 
        padding: 0 15px; 
        
    }
}

.kb-show-all {
    background: none;
    border: none;
    border-top: 2px solid #e0e0e0;
    cursor: pointer;
    display: block;
    margin: 2em 0 0;
    padding: 0;
    position: relative;
    width: 100%;
}

   .kb-show-all:after{
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 4px;
    content: '';
    height: 2em;
    left: 50%;
    margin-left: -77px;
    position: absolute;
    top: -15px;
    width: 135px;
    height: 32px;
}

div.kb-other-product{
    background-image : url('https://netway.co.th/templates/netwaybysidepad/images/icon-Ohter-Products-KB.png');
    margin-top: -60px;
    border: 2px solid #cecece;
}

.txt-whysam{
    font-family: 'Prompt', sans-serif;
    color: #454545; 
}

.txt-whatsam {
    font-size: 19px;
    text-indent: 40px;
    font-family: Roboto, Arial, sans-serif;
    line-height: 25px;
    margin-top: 20px;
    color: #454545;

}
.explain-sam{
    text-indent: 40px;
    margin-top: 20px;
    line-height: 25px;
}
.sam-checklist {
    background-color: #ffffff;
    padding: 20px 0px 20px 0px;
    border-radius: 7px;
    color: #414141;
    margin-top: 30px;
    margin-bottom: 30px;
}
div.resller-3step {
    background-image : url('https://netway.co.th/templates/netwaybysidepad/images/resellerTry2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
 .div-regisreseller{
    margin-top : 20px;
    background-color: #FFF;
    padding: 50px 20px 50px 20px;
    border-radius: 7px;
    color: #414141;
    height: 410px;
    box-shadow: 0 0 5px rgb(53, 108, 186);
   }
    .div-regisreseller:hover {
    margin-top : 20px;
    background-color: #FFF;
    padding: 50px 20px 50px 20px;
    border-radius: 7px;
    color: #414141;
    height: 410px;
    box-shadow: 0 0 15px rgb(53, 108, 186);
   }
   
   
      
/******* Login  *******/   

#loginbox  { 
   font-family:Arial, Verdana, Tahoma !important;
    max-width: 400px;
    margin: 0 auto;
}
#loginbox .social-button, #loginbox .social-button:hover { 
   background:#E14E3D;
    border: 1px solid rgba(0,0,0,0.1);
    color: #fff;
    text-shadow: none  !important;
    text-transform: none !important;
    box-shadow: none !important;
    width: 95%;
    font-size: 16px;
    font-family: Arial, Verdana, Tahoma !important;
    letter-spacing: normal;
}
#loginbox .social-button:hover { 
   opacity:0.8;
}
#loginbox .social-button .fa{ 
   color:#fff;
   margin-right:5px;
}
#loginbox input.login-textbox {
    width: 97% !important;
}

.pt15 form[name="signupform"] textarea, 
.pt15 form[name="signupform"] input[type="text"], 
.pt15 form[name="signupform"] input[type="password"], 
.pt15 form[name="signupform"] input[type="datetime"], 
.pt15 form[name="signupform"] input[type="datetime-local"], 
.pt15 form[name="signupform"] input[type="date"], 
.pt15 form[name="signupform"] input[type="month"], 
.pt15 form[name="signupform"] input[type="time"], 
.pt15 form[name="signupform"] input[type="week"], 
.pt15 form[name="signupform"] input[type="number"], 
.pt15 form[name="signupform"] input[type="email"], 
.pt15 form[name="signupform"] input[type="url"], 
.pt15 form[name="signupform"] input[type="search"], 
.pt15 form[name="signupform"] input[type="tel"], 
.pt15 form[name="signupform"] input[type="color"], 
.uneditable-input { 
    padding:3px;
    height: 2em;
}
@media only all and (min-width: 1170px) {
  .modal-hero-height {
        height: 430px;
        background: rgba(0,0,0,0.5); 
  }
  .pt15 form[name="signupform"] label{
    float:right;
  }
  
}

/****** orderpage cloud **************************/
.select-cloud{
    border:1px solid #aaaaaa;
    border-radius: 5px;
    padding:13px 0px 0px 18px; 
    background:#f3f3f3; 
    overflow:visible; 
    position:relative; 
    z-index:110;
    margin-bottom: 10px;
}

.cc-selector{
    border-radius: 5px;
    border:1px solid #aaaaaa;
    padding:13px 0px 0px 18px; 
    background:#e6eff0; 
    overflow:visible;
    position:relative;
    z-index:110;
    margin-bottom: 10px;
    margin-right: 10px;
}

.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

.cc-selector-2{
    border:1px solid #aaaaaa;
    padding:13px 0px 0px 18px; 
    background:#e6eff0; 
    overflow:visible;
    position:relative;
    z-index:110;
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 12px;
}
.cc-selector-2 input{
    position:absolute;
    z-index:150;
}

.server-vps{background-image:url(../images/logo_basicvps.png);}
.server-vm{background-image:url(../images/logo_vmware.png);}
.server-aws{background-image:url(../images/logo_aws.png);}
.server-azure{background-image:url(../images/logo_azure.png);}

.cc-selector-2 input:active +.drinkcard-cc, .cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector-2 input:checked +.drinkcard-cc, .cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:170px;height:120px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

/* Extras */
/*a:visited{color:#FFF}*/
a{
   /* color:#444;*/
    text-decoration:none;
}


.rslider {
  display: inline-block;
  margin-top: 20px;
  margin-left: 20px;
}

#slider1.rs-animation .rs-transition  {
    transition-timing-function: cubic-bezier(1.000, -0.530, 0.405, 1.425);
}

#slider2.rs-animation .rs-transition  {
    transition-timing-function: cubic-bezier(1.000, -0.530, 0.405, 1.425);
}

#slider3.rs-animation .rs-transition  {
    transition-timing-function: cubic-bezier(1.000, -0.530, 0.405, 1.425);
}

.pg_inr_drop_1, .pg_inr_drop_2{width:95%; height:27px; border:1px solid #aaadad; padding-left:5px; line-height:38px; font-size:13px; color:#27292a; background:#f0f2f3; box-shadow:1px 2px 0px #e0e1e1;}

.pg_inr_drop_1 option[disabled], .pg_inr_drop_1 option:disabled, .pg_inr_drop_2 option[disabled], .pg_inr_drop_2 option:disabled{background:#f5f7f8 !important; color:#abacad !important;}  

.header-order-cloud{
    margin-bottom: 20px;
    cursor: pointer;
}



/* Start CSS for Office 365 */
  .hero-office365-main {

                background-position: top center;
                background-repeat: no-repeat;
                text-align: center;
                width: 100%;
                background:url('https://netway.co.th/templates/netwaybysidepad/images/bg-main-office365-min.png');
                background-repeat: no-repeat;
                background-size: cover;
                background-attachment: fixed;
                background-position: center;
                
    
            } 
       .nw-product-title{
               text-align: center;
       } 
       .features {
            
            top: 0px;
            border: 1px solid rgb(0, 82, 250);
            padding: 20px 20px 20px 20px;
            margin-top: 30px;
         }
       .dep {
        
             height: 250px;
             top: 0px;
             border: 1px solid #0b4ab3;
             padding: 30px 10px 30px 10px;
             margin-bottom: 70px;
             margin-top: 20px;
             background: #fff;
         
       }
         .dep:hover {
        
             height: 250px;
             top: 0px;
             border: 2px solid #0b4ab3;
             padding: 30px 10px 30px 10px;
             margin-bottom: 70px;
             margin-top: 20px;
             background: #fff;
         
       }
        .features:hover {
     
            top: 0px;
            border: 2px solid #0078D7;
            padding: 20px 20px 20px 20px;
            margin-top: 30px;
         }

         .licen-topic{
            color: #0052cd; 
            font-weight: 300; 
            font-family: 'Prompt', sans-serif;
        }      
            
        .re-txt-banner {
            font-size: 32px;
            font-style: normal;
            font-weight: 500;
            color: #fff;
            margin-top: 10px;
         

        }
        
        .re-topic{
            color: #0052cd; 
            font-weight: 300; 
            font-family: 'Prompt', sans-serif;
        }
        
        
         .re-btn-regis {
            color: #000000;
            font-family: 'Prompt', sans-serif;
            background-color: #f3a749;
            padding: 9px 10px 9px 10px;
            font-size: 18px;
            font-weight: 600;
            line-height: 26px;
            border: 2px solid #a94f01;
            border-radius: 10px;
            text-decoration: none;
        
        }
        .re-btn-regis:hover {
            color: #000000;
            font-family: 'Prompt', sans-serif;
            background-color: #ef8707;
            padding: 9px 10px 9px 10px;
            font-size: 18px;
            font-weight: 600;
            line-height: 26px;
            border:2px solid #7d3a00;  
            border-radius: 10px;
            text-decoration: none;
          }
    div.payment-div-visible-phone{
        float: left;
        width: 150px;
        padding: 20px 0px 20px 0px;
    }
       a.cer{
         color:#000;
       } 
       a.cer:hover{
           color:#0052cd;
       }
       
    body{
        overflow:-moz-scrollbars-vertical;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    ul.f {
      list-style: none;
      padding: 0;
      margin-top: 20px;
    }
    ul.f  > li {
      font-size: 15px;
      margin-top: 5px;
     
    }
    ul.f > li:before {
      content: "\f00c"; /* FontAwesome Unicode */
      font-family: FontAwesome;
      display: inline-block;
      margin-left: -1.3em; /* same as padding-left set on li */
      width: 1.3em; /* same as padding-left set on li */
      color: #ccc;
    }
    
    p.nw-product-title {
        font-style: normal;
        font-weight: 500;
        color: #002050;
        font-size: 16px;
        font-family: 'Prompt', sans-serif;
    }
    .title {
       
        font-style: normal;
        font-weight: 500;
        height: auto;
        display: block;
        padding-top: 25px;
        
    }
    
    .logo {
    background-position: center;
    background-image: url('https://netway.co.th/templates/netwaybysidepad/images/hexagon-min.png');

    background-repeat: no-repeat;
    height: 66px;
    width: 77px;
    text-align: center;
    position: relative;
    margin-bottom: 40px;
    margin-top: -63px;
    }
    
        /*Departmental Modules  */
.hvrbox , .hvrbox * {
    box-sizing: border-box;
}
.hvrbox {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.hvrbox .hvrbox-layer_bottom {
    display: block;
}
.hvrbox .hvrbox-layer_top {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 15px;
    
    
}

.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
    opacity: 1;
    
}
.hvrbox .hvrbox-text {
    text-align: left;
    display: inline-block;
    margin-top: 40px;
    left: 0px;
    color: #000000c7;
}
.hvrbox .hvrbox-text_mobile {
    font-size: 15px;
    border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
    border-top: 1px solid rgba(179, 179, 179, 0.7);
    margin-top: 5px;
    padding-top: 2px;
    display: none;
}
.hvrbox.active .hvrbox-text_mobile {
    display: block;
}
.plan {
   background-color: transparent;
   color: #2F36CF;  
   margin: 50px 0% 50px 0%;
   border-radius: 3px;
   border: 1px solid #fff;
   display: inline-block;
   font-style: normal;
   font-size: 18px;
   padding: 15px 20px;
   text-decoration: none;
   margin-top: 34px;    
   
}
.plan:hover {
   background-color: transparent;
   color: #FF5744;  
   margin: 50px 0% 50px 0%;
   border-radius: 3px;
   border: 1px solid #fff;
   display: inline-block;
   font-style: normal;
   font-size: 18px;
   padding: 15px 20px;
   text-decoration: none;
   margin-top: 34px;    
   
}
.nav li.x {
   color: #717171;
}
.nav li.x.active a {
   color: #0052cd;
   background: #f8f8f8;
}

a > button.pricing { 
    padding: 20px 20px 20px 20px;
    margin-right: 10px;
    background-color: #F5F5F5;
    color: #555;
    border: 2px solid #AEAEAE;
    font-size: 22px;
    font-weight: 100;

}

 
button.pricing:active  ,button.pricing:hover ,button.pricing:focus {
    padding: 20px 20px 20px 20px;
    margin-right: 10px;
    background-color: #737373;
    color: #FFF;
    border: 2px solid #737373;
    font-size: 22px;
    font-weight: 100;
}

.detail_plan{
     padding: 20px 10px 20px 10px;
}
/*End Departmental Modules */

.txt-price-top  {
    font-size: 34px;
    line-height: normal;
    font-weight: bold;
    color: #ff562f;
    margin-bottom: 30px;
    
}

.txt-price-small  {
    font-size: 22px;
    line-height: normal;
    font-weight: inherit;
    color: #333;
    
}
.txt-price-detill {
    font-size: 15px;
    font-weight: 300;
    color: #0060ac;
}
.txt-titel-pro {
    font-size: 15px;
    font-weight: 700;
    color: #d83b01;
}
.txt-namepro {
    font-size: 12px;
}
.btn-buy {
    color: #fff;
    padding: .55em 1.5em;
    background-color: #0f5bda;
    border-color: #0f5bda;
    transition: background-color .5s;
    border: 1px solid;
    font-size: 18px;
    width: 180px;
}
.btn-buy:hover {
    color: #fff;
    padding: .55em 1.5em;
    background-color: #448aff;
    border-color: #448aff;
    transition: background-color .5s;
    border: 1px solid;
    font-size: 18px;
    width: 180px;
}
.btn-try {
    color: #fff;
    padding: .55em 1.5em;
    background-color: #999;
    border-color: #999;
    transition: background-color .5s;
    border: 1px solid;
    font-size: 18px;
    width: 180px;

}
.btn-try:hover {
    color: #fff;
    padding: .55em 1.5em;
    background-color: #737373;
    border-color: #737373;
    transition: background-color .5s;
    border: 1px solid;
    font-size: 18px;
    width: 180px;

}
.i-product{
        float: left;

}
.img-icon {
    background-size : 48px 48px;
    height: 48px;
    width:  48px;
    margin-bottom: -10px;

}

.bg-Access  {
    background-image : url('https://netway.co.th/templates/netwaybysidepad/images/Office365-Access-home-min.png');
}
.bg-Access-BS  {
    background-image : url('https://netway.co.th/templates/netwaybysidepad/images/Office365-Access-business-min.png');
}
.bg-Excel {
    background-image : url('https://netway.co.th/templates/netwaybysidepad/images/Office365-Excel-min.png');
}
.bg-Exchange  {
    background-image : url('https://netway.co.th/templates/netwaybysidepad/images/Office365-Exchange-min.png');
}
.bg-OneDrive  {
    background-image : url('https://netway.co.th/templates/netwaybysidepad/images/Office365-OneDrive-min.png');
}
.bg-OneNote {
    background-image : url('https://netway.co.th/templates/netwaybysidepad/images/Office365-OneNote-min.png');
}
.bg-Outlook {
    background-image : url('https://netway.co.th/templates/netwaybysidepad/images/Office365-Outlook-min.png');
}
.bg-Publisher {
    background-image : url('https://netway.co.th/templates/netwaybysidepad/images/Office365-Publisher-min.png');
}
.bg-PowerPoint {
    background-image : url('https://netway.co.th/templates/netwaybysidepad/images/Office365-PowerPoint-min.png');
}
.bg-SharePoint   {
    background-image : url('https://netway.co.th/templates/netwaybysidepad/images/Office365-SharePoint-min.png');
}
.bg-Skype  {
    background-image : url('https://netway.co.th/templates/netwaybysidepad/images/Office365-Sky.png');
}
.bg-Skype-BS  {
    background-image : url('https://netway.co.th/templates/netwaybysidepad/images/Office365-Sky-for-Business.png');
}
.bg-Teams   {
    background-image : url('https://netway.co.th/templates/netwaybysidepad/images/Office365-Teams-min.png');
}
.bg-Word {
    background-image : url('https://netway.co.th/templates/netwaybysidepad/images/Office365-Wold-min.png');
}
.row-gray  {
   background-color: #f8f8f8;
}
.row-white  {
    background-color: #fff;     
}
.padding-row-plan {
    padding: 30px 20px 30px 20px;
}
.padding-row-plan > .fa-check {

    font-size: 22px;
    color: #107C10;
    font-weight: 100;
    margin-top: 10px;

}     
.padding-row-plan > p {
   margin-top: 10px;
}
.gs-tooltiptext{
   background: #fff;
   left: 80px;
}
.gs-tooltip {
   color: #ooo !important;
}
select.plan-office365 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    height: 45px;
    color: #000;
}
div.promotion {
    background-color: #ff580d;
    padding: 10px 10px 10px 10px;
    text-align: center;
    color: #fff;
    width: 250px;  
}
.fa-info-circle{
    color: #ccc;
}


ul.menu-office365 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.menu-office365 > li {
    float: left;
    border:2px solid #AEAEAE;
    margin-right: 5px;
    background-color: #F5F5F5;
    color: #505050;
    
    
}

ul.menu-office365 > li:last-child {
    border-right:2px solid #AEAEAE;
    background-color: #F5F5F5;
    color: #505050;
}

ul.menu-office365 > li a {
    display: block;
    color: #505050;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 20px;
}

ul.menu-office365 > li a:hover:not(.active) {
    background-color: #999;
    color: #ff;
}

ul.menu-office365 > li > .active {
    background-color: #737373;
    color: #FFF;
}
.container-office365 {
  margin: 0 auto;
  padding: 40px;
  width: 80%;
  color: #333;
  background: #419be0;
}

.container-office365 > .slick-slide {
  text-align: center;
  color: #419be0;
  background: white;
}

/*Office 365 Business*/
.re-txt-banner-office365-bs {
            font-size: 32px;
            
            font-style: normal;
            font-weight: 900;
            color: #fff;
            margin-top: 10px;
            text-shadow: 2px 2px 4px #212127;

 }
 
.hero-office365-bs {
                background: red;
                background-position: top center;
                background-repeat: no-repeat;
                text-align: center;
                width: 100%;
                background-repeat: no-repeat;
                background-size: cover;
                background-attachment: fixed;
                background-position: center;
                
    
  }  
.re-topic--office365-bs{
            color: #0052cd; 
            font-weight: 300; 
}
  .txt-banner-office365-bs {
            font-size: 32px;          
            font-style: normal;
            font-weight: 900;
            color: #fff;
            margin-top: 10px;
            text-shadow: 2px 2px 4px #212127;

        }
.content-365 {
           padding: 60px 10px 40px 10px;
           
}

/* End CSS for Office 365 */

/***** cart full screen ***/ 
.container-cart { width: 100%; }

/*** Start Windows Basic VPS ***/
.hero-windows-basic-vps {
   height: 430px;  
   background-color: bule;
   text-align: center;
   width: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   background-position: top;
   
}
.hero-windows-basic-vps-mobile {  
    background-repeat: no-repeat;
    height: 400px;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
}
.txt-hero-small {
   font-weight: 300;

}
.btn-banner-cloud{
    margin: 50px 0% 50px 0%;
    background-color: #ff8c00;
    border: 2px solid #ff8c00;
    display: inline-block;
    color: #fff;
    font-style: normal;
    font-size: 18px;
    padding: 15px 40px;
    text-decoration: none;
    margin-top: 25px;
    font-weight: 600;   
}
.btn-banner-cloud:hover {
    margin: 50px 0% 50px 0%;
    background: #fc4a1a;  
    background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a); 
    background: linear-gradient(to right, #f7b733, #fc4a1a); 

    border: 2px solid transaparent;
    border-image: linear-gradient(to right, #f7b733, #fc4a1a); 
    border-image-slice: 1;
    display: inline-block;
    color: #fff;
    font-style: normal;
    font-size: 18px;
    padding: 15px 40px;
    text-decoration: none;
    margin-top: 25px;
    font-weight: 600;
}
.windows-basic-vps-features {
    background: linear-gradient(to right, #353eae, #0f5bda);
    color: #FFF;
}
.hr-windows-basic-vps-features {
    size: 2px;
    width: 10%;
    color: #ffab00;
    border-top: 1px solid #ffab00;
    border-bottom: 1px solid #ffab00;
}
/*** End Windows Basic VPS ***/

/*** Start  Linux Basic VPS ***/
.hero-linux-basic-vps {
   height: 430px;  
   background-color: bule;
   text-align: center;
   width: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   background-position: top;
   
}
.hero-linux-basic-vps-mobile {  
   background: url(https://netway.co.th/templates/netwaybysidepad/images/bg-Linux-Basic-VPS-min-min.png);
    background-repeat: no-repeat;
    height: 400px;
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
}
.linux-basic-vps-features {
    background: #000428;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #004e92, #000428);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #004e92, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    color: #FFF;
}
/*** End Linux Basic VPS ***/

/** Start  Linux VMware **/
  .hero-linux-vmware {
   height: 430px;  
   background-color: bule;
   text-align: center;
   width: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   background-position: top;
   
}
  .hero-linux-vmware-mobile {
   height: 400px;  
   background-color: bule;
   text-align: center;
   width: 100%;

   
}
.div-circle-cloud {
    width: 140px;
    height: 140px;
    background: red;
    background: linear-gradient(to right,  #000428,#004e92);
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    border-radius: 70px;
}
/** End Linux VMware **/

/** Start  Windows VMware **/
  .hero-windows-vmware {
   height: 430px;  
   background-color: bule;
   text-align: center;
   width: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   background-position: top;
   
}
  .hero-windows-vmware-mobile {
   height: 400px;  
   background-color: bule;
   text-align: center;
   width: 100%;
   
}
.div-circle {
    width: 140px;
    height: 140px;
    background: red;
    background: linear-gradient(to right, #0f5bda,#353eae);
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    border-radius: 70px;
}
/** End Windows VMware **/

/** Start windows Dedicated Server **/
.herowindows-ded {
   height: 430px;  
   text-align: center;
   width: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   background-position: top;
   
}
  .herowindows-ded-mobile {
   height: 400px;  
   text-align: center;
   width: 100%;

   
}
/** End windows Dedicated Server **/


/** Start linux Dedicated Server  **/

.hero-linux-dedicated-server {
   height: 430px;  
   text-align: center;
   width: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   background-position: top;
   
}
  .hero-linux-dedicated-server-mobile {
   height: 400px;  
   text-align: center;
   width: 100%;

   
}
ul.plan-cloud-2018 > li {
    
    line-height: 50px;
    border-bottom: 1px solid #cbdaf8;
    text-align: left;
    
}
.bg-cloud-content {

   background:url('https://netway.co.th/templates/netwaybysidepad/images/bg-cloud-content-2018-min.png');
   text-align: center;
   width: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   background-position: top;
   line-height: 28px;
   
}


.top-plan {
    color: # 0052cc;
}

/** End linux Dedicated Server  **/

/*-------article guide---------*/
.article {
    flex: 1 0 66%;
    min-width: 640px;
    max-width: 66%;
    padding: 0 30px ;
}
.article > h2{
   padding: 0px 0px !important;
}
.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px !important;
 
}

@media (min-width: 768px) {
  .article-header {
    flex-direction: row;
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .article-title {
    flex-basis: 100%;
    /* Take entire row */
  }
}
.article-info {
  max-width: 100%;
}

.article-title .icon-lock::before {
  content: "\1F512";
  font-size: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}
h1.article-title {
  color:#555;
  font-size: 22px;
  background-color: transparent;
}
.article-content {
  line-height: 1.6;
  margin: 0px 0 !important;
  word-wrap: break-word;
  font-size: 16px;

}
.article-body img {
  height: auto;
  max-width: 100%;
}

.article-body ul, .article-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

.article-body ul > ul, .article-body ol > ol, .article-body ol > ul, .article-body ul > ol {
  margin: 0;
}

.article-body ul {
  list-style-type: disc;
}

.article-body a:visited {
  color: darken($color_4, 20%);
}

.article-body code {
  background: darken($color_5, 3%);
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.article-body pre {
  background: darken($color_5, 3%);
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.article-body blockquote {
  border-left: 1px solid #ddd;
  color: lighten($color_3, 20%);
  font-style: italic;
  padding: 0 15px;
}

.article-body > p:last-child {
  margin-bottom: 0;
}

@media (min-width: 1024px)
.article-sidebar {
    border: 0;
    flex: 0 0 17%;
    height: auto;
}
.article-sidebar {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    flex: 1 0 auto;
    margin-bottom: 20px;
    padding: 0;
    border-right: 1px solid #ddd;
}


@media (min-width: 1024px)
.collapsible-sidebar {
    max-height: none;
    padding: 0;
}

.collapsible-sidebar {
    flex: 1;
    max-height: 45px;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
}

.collapsible-sidebar-title {
    margin-top: 0;
}
.sidenav-title {
    font-size: 22px;
    position: relative;
    padding-top: 10px;
    color: #555555;
}
.avatar img {
    height: 40px;
    width: 40px;
}

.user-avatar {
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}
.icon-agent::before {
  content: "\1F464";
}
.avatar .icon-agent::before {
  background-color: $color_1;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  color: $color_2;
  content: "\1F464";
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 14px;
}
.icon-agent::before {
  content: "\1F464";
}

.article-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .article-container {
    flex-direction: row;
  }
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee !important;
}
@media (min-width: 768px){
    .page-header {
        align-items: baseline;
        flex-direction: row;
        margin: 5px 0 20px 0;
    }
}
.section-content {
  flex: 1;
}

@media (min-width: 1024px) {
  .section-content {
    flex: 0 0 80%;
  }
}


/** Start Azure**/
  .hero-azureeeeee {

   background-position: top center;
   background-repeat: no-repeat;
   text-align: center;
   width: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   background-position: top;
   height: 430px;
                
} 
/** End Azure **/


/** Start Cloud**/
  .hero-cloudddd {

   background-position: top center;
   background-repeat: no-repeat;
   text-align: center;
   width: 100%;
   background:url('https://netway.co.th/templates/netwaybysidepad/images/bg-index-cloud-min.png');
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   background-position: top;
   height: 430px;
                
} 

/** End Cloud **/


/** Start Microsoft**/
  .hero-ms-2018 {

   background-position: top center;
   background-repeat: no-repeat;
   text-align: center;
   width: 100%;
   background:url('https://netway.co.th/templates/netwaybysidepad/images/bg-microsoft-min.png');
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   background-position: top;
   height: 430px;
                
} 

/** End microsoft**/

/** Start Hosting**/
  .hero-hosting-2018 {

   background-position: top center;
   background-repeat: no-repeat;
   text-align: center;
   width: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   background-position: top;
   height: 430px;
                
} 
.nav-tab > active {
    border: 1px solid #fff;
    
}
.btn-menu-hosting {
    margin: 50px 0% 50px 0%;
    background-color: transparent;
    border-radius: 0px;
    border: 1px solid #0052cd;
    color: #0052cd;
    padding: 10px 0 10px 0;
    font-size: 18px;
}


/** End Hosting**/

/** Start Azure Backup **/

  .hero-azurebackup-2018 {

   background-position: top center;
   background-repeat: no-repeat;
   text-align: center;
   width: 100%;
   background-color: #f5f9ff;  
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   height: 430px;
                
} 


.btn-banner-azurebackup {
    margin: 50px 0% 50px 0%;

    background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a); 
    background: linear-gradient(to right, #f7b733, #fc4a1a); 
    border: 2px solid transaparent;
    border-image: linear-gradient(to right, #f7b733, #fc4a1a); 
    border-image-slice: 1;
    display: inline-block;
    color: #fff;
    font-style: normal;
    font-size: 18px;
    padding: 15px 40px;
    text-decoration: none;
    margin-top: 25px;
    font-weight: 600;
}
.btn-banner-azurebackup:hover {
    background: -webkit-linear-gradient(to right, #333333, #999999); 
    text-decoration: none;
}

.plan-azure-backup {
    background-color: #9bb0c0;
    padding: 50px 20px 50px 20px;
    color: #414141;
    height: 450px;
    box-shadow: 0 0 41px 0 rgba(49,110,255,.08);
    border-radius: 5px;
    border: 1px solid #8d9fad;
}
.plan-azure-backup > hr {
  border-top: 1px solid #8d9eac;
  border-bottom: 1px solid #8d9fad;
}
/** End Azure Backup **/
/** Start Zendesk Page**/

        .hero-zendeskkkkk {
           background-repeat: no-repeat;
           background-size: cover;
           background-position: center;
           height: 430px;
          
        } 
        .div-emailllll {
        
            text-decoration: none;
            text-align: left;
            border-radius: 7px;
            background-color: #f5f7f8;
            margin-bottom: 15px;
            color: #414141;
            padding: 20px 20px 20px 20px;
            margin-bottom: 50px;
        
            
        }
        .div-emailllll:hover {
        
            text-decoration: none;
            text-align: left;
            border-radius: 7px;
            background-color: #f2f2f2;
            margin-bottom: 15px;
            color: #414141;
            padding: 20px 20px 20px 20px;
            margin-bottom: 50px;
        
            
        }
        hr.zendesk {
            margin: 20px 0;
            border: 0;
            border-top: 1px solid  #ccc;
            border-bottom: 1px solid  #ccc;
            width: 10%;
        }
        table.zendesk-plan {
            border-color: grey;
            margin-bottom: 10px;
        }
        table.zendesk-plan  td {
            padding: 10px 5px 10px 5px;
            vertical-align: top;
            border: 1px solid #d3d3d3;
        
        }
        
        
        table.zendesk-plan-mobile {
            border-color: grey;
            margin-bottom: 10px;
        }
        table.zendesk-plan-mobile  td {
            
            vertical-align: top;
            border: 1px solid #d3d3d3;
        
        }

        .div-solutionnn {
        
            text-decoration: none;
            text-align: left;
            border-radius: 7px;
            background-color: #ffffff;
            margin-bottom: 15px;
            color: #414141;
            border: 1px solid #f2f2f2;
            padding: 55px 20px 20px 20px;
            margin-bottom: 50px;
            line-height: 24px;
            
        
            
        }
        
        .div-solutionnn > ul {
             list-style: none;
             font-size: 16px;
             
        }
        .div-solutionnn  > ul  > li{
          line-height: 24px;
        }
        .div-solutionnn   > ul  > li:before {
          content: "\f105";
          font-family: FontAwesome;
          display: inline-block;
          margin-left: -1.3em; 
          width: 1.3em; 
        }
        
        
        /** End Zendesk Page**/
        
        
       /**  Start Email Email Migration **/
          .banner-emailmi {
                
			   background-position: top center;
			   background-repeat: no-repeat;
			   text-align: center;
			   width: 100%;
			   background-repeat: no-repeat;
			   background-size: cover;
			   background-attachment: fixed;
			   background-position: top;
			   height: 430px;
		      width: 100%;
          }        
       /**  End Email Email Migration **/
       
       
       /*** Start Lazy Loading ***/
       .lazy {
			  opacity: 1;
			  transition: opacity 0.3s; 
			  background-repeat: no-repeat;
			  background-position: center center; 
			  background-size:cover;
			}
			
			.lazy[data-src] {
			  opacity: 1;
			}
			.lazy-load {
			  opacity: 1;
			  transition: opacity 0.5s; 
			  background-image: url('https://netway.co.th/templates/netwaybysidepad/images/loading.gif');
			  background-repeat: no-repeat;
			  background-position: center; 
			        
			}
			 .uk-cover-background {
			   opacity: 0;
}       
      /*** End Lazy Loading ***/  
      
      /*** Start Cloud Product Comparison ***/ 
      
       .bgcloud_comparison {
                
               background-position: top center;
               background-repeat: no-repeat;
               text-align: center;
               width: 100%;
               background-repeat: no-repeat;
               background-size: cover;
               background-attachment: fixed;
               background-position: top;
               height: 430px;
               width: 100%;
       }
       .th-comparison {
              vertical-align: middle; 
              border-bottom: 2px solid #ddd; 
              text-align: center; 
       }      
      
      
      /*** End Cloud Product Comparison ***/