@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
*{
    margin: 0px;
    padding: 0px;
}
body {
    font-family: 'Roboto'!important;
}
.center{
    text-align: center!important;
}
.text-white{
    color: #fff!important;
}

.nav-pills>li>a {
    border-radius: 0px!important;
}
.clears_space{
    clear: both;
}

/* Styles for wrapping the search box */

.icon-bar{
	background-color: #000;
}

.top-hd-nav{
	padding-top: 0px!important;
	 padding-bottom: 0px!important;
	 background-color: #fff!important;
     position: relative;
         height: 60px;
}

.navbar-brand img{
    height: 43px;
    margin-top: -8px;
}
.nav-list{
    color: #000;
}
.nav-eng{
    color: #000;
}
.top-hd-nav ul li a{
	color: #000;
	font-family: roboto;
    font-size: 15px;
    height: 60px;
}
.dropmetop:after {
    content: "\f107";
    color: #000;
    padding-left: 5px;
    font-family: 'FontAwesome';
}
#cons{
	margin-top: 7px;
}
.top-hd-nav li a:hover{
	text-decoration: none;
    background-color: transparent !important;
    color: skyblue!;
}

.navbar{
        margin: 0px!important;
        padding: 0px!important;
}

.navbar-scnd{
        background-color: #373d41!important;
}
.navbar-scnd .container-fluid{
    padding: 0px;
    border-radius: 0px!important;
}

.navbar-scnd .navbar ul li a{
    color: #fff;
    font-size: 16px;
    font-family: roboto;
    font-weight: 400!important;
}
.navbar-scnd .nav{
    margin-left: 68px!important
}


.hero {
 position: relative;
}

/* MENU VERTICAL */

#vertical .navbar-brand {
}
#vertical .ttmenu-full.open {
    max-width: 100%;
    width: 100% !important;
    position: absolute; 
}
#vertical .navbar-default,
#vertical .navbar-default .nav,
#vertical .navbar-default .collapse,
#vertical .navbar-default .dropup,
#vertical .navbar-default .dropdown {
    position: static;
    width: 240px !important;
    left:0;
}
#vertical .navbar-collapse {
    padding: 0
}
#vertical .navbar-default .navbar-nav li .vertical-menu {
    opacity: 1;
    position: absolute;
    left: 240px !important;
    right: 0 !important;
    top:auto;
    margin-top: -65px !important;
    max-width: 900px;
    padding:0;
}

#vertical .navbar-default .navbar-nav li .vertical-dropdown-menu {
    opacity: 1;
    position: absolute;
    left: 240px !important;
    right: 0 !important;
    top:auto;
    margin-top: -65px !important;
    max-width: 240px;
    padding:0;
}
#vertical .navbar-default .navbar-nav li .dropdown {
    width: 240px !important
}
#vertical .navbar-default .navbar-nav li ul {
    width: 100% !important
}
#vertical .dropdown-menu, 
#vertical .navbar-default .ttmenu-content {
    padding:20px;
}
#vertical .nav-pills {
    max-width: 200px;
}
#vertical .dropme:after{
    content: "\f105";
    color:#fff;
    position: absolute;
    right: 20px;
    padding-left: 5px;
    font-family: 'FontAwesome';
}

/* MENU DEFAULT */

.ttmenu .navbar-default {
    border:0;
    width: 100% !important;
    border-radius: 0;
}
.ttmenu .navbar-default .dropdown-menu {
    background: rgb(255,255,255); 
    box-shadow:none !important;
    border:0;
    
}
.ttmenu .navbar-default .dropdown-menu,
.ttmenu .navbar-default .dropdown-menu li a {
    color:#282828;
    list-style:none;
}
.white-style .navbar-brand i {
    color:#ffffff !important;
}
.ttmenu .navbar-default .navbar-toggle span {
    color:#fff !important;
    background:#fff !important;
}
.ttmenu .navbar-default .navbar-toggle {
    border-color:#111;
    color:#fff !important;
    margin-top:15px;
}
.ttmenu .navbar ul {
    padding-left:0;
    list-style:none;
}
.ttmenu .navbar-brand {
    color: #fff !important;
    float: left;
    font-size: 20px;
    height:65px;
    background:#303030;
    line-height: 38px;
    position: relative;
    text-align: center;
    top: 0;
    width:65px;
}
.ttmenu .navbar-collapse {
    border-bottom: 0  !important;
}
.ttmenu .navbar-default .navbar-nav > li > .dropdown-menu {
    margin-top:0;
}
.ttmenu .navbar-default .nav,
.ttmenu .navbar-default .collapse,
.ttmenu .navbar-default .dropup,
.ttmenu .navbar-default .dropdown {
    position: static;
    background-color: #373d41!important;
}
.ttmenu .navbar-default .container {
    position: relative;
}
.ttmenu .navbar-default .dropdown-menu {
    left: auto;
    background-color: #ffffff !important
}
.ttmenu-content .box li,
.ttmenu .navbar-default .dropdown-menu li a {
    text-decoration:none !important;
    color: #fff;
    background-color: #2c3134;
}
.ttmenu .navbar-default .dropdown-menu,
.ttmenu-content .dropdown-menu {
    padding:0 !important
}
.navbar{
    min-height: auto!important;
}
.nav-stacked>li {
    float: none;
    margin: 0!important;
}
.navbar-default .navbar-nav > li > a {
        padding-bottom: 20px;
    padding-top: 14px;
    font-family: "Raleway",Arial,sans-serif;
    font-size: 13px;
    height: 48px;
    font-style: normal;
    color: #fff !important;
    font-weight: 700;
    text-transform: capitalize;
}
.navbar-default .dropdown-menu li a  {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #282828;
    font-size: 13px;
    font-weight: 400;
    font-family: "Raleway",Arial,sans-serif;
    padding: 13px 10px 13px 15px !important;
    position: relative;
    text-decoration:none;
    text-transform: none;
}
.ttmenu .navbar-default li .widget a {
    padding:0 !important;
}
.tabbable .col-md-3{
    position: relative;
    left: -68px;
    top: -6px;
}
.tabbable ul{
    width: 345px;
}

.ttmenu-content .box li a{
    color: #282828;
    font-size: 13px;
    border-bottom:none;
    border-bottom:0 !important;
    font-weight: 400;
    font-family: "Raleway",Arial,sans-serif;
    padding: 14px 30px 12px 0 !important;
    position: relative;
    text-decoration:none;
    text-transform: none;
}
.ttmenu .dropdown-menu,
.ttmenu .navbar-default .ttmenu-content {
    background-color: #2c3134;
    color: #fff;
}
.ttmenu .navbar-default .ttmenu-full .dropdown-menu {
    left: 0;
    right: 0;
}

.ttmenu .nav li span.label {
    color:#fff !important;
   margin-left: 5px;
    margin-top: 2px !important;
    padding: 5px 10px;
}
.ttmenu .navbar-default .navbar-nav > .active > a, 
.ttmenu .navbar-default .navbar-nav > .active > a:hover, 
.ttmenu .navbar-default .navbar-nav > .active > a:focus {
    /*  */
        color: #fff!important;
    background-color: #373d41;
        
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
        color: #00c1de!important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: #transparent!important;
    color: #fff!important;
}
#tab-subt{
    color: #fff;
}
.ttmenu-content .widget {
    padding:0;
    margin:0;
}
.ttmenu-content,
.ttmenu-content .widget,
.ttmenu-content .widget .thumb {
    position: relative;
}
.ttmenu-content .widget .title h4 {
    font-size:14px;
    text-transform: uppercase;
    font-weight: 400;
}
.ttmenu-content .box li {
    position: relative;
    color: #fff;        
}
.ttmenu-content .box li i {
    right:0;
    clear: both;
    top:10px;
    display:block;
    position:absolute;
}
.dropme:after{
    content: "\f107";
    color:#fff;
    padding-left: 5px;
    font-family: 'FontAwesome';
}
.dropme-left:after{
    content: "\f105";
    color:#1a1a1a;
    font-family: 'FontAwesome';
    display:block;
    right:10px;
    width:0;
    position:absolute;
    height:0;
    top:13px;
    margin-top:0;
    margin-right:10px;
}
.navbar-default .dropdown-menu li:last-child,
.ttmenu-content .box li:last-child {
    border-bottom:0 solid #fff;
}
.box p {
    padding-left: 20px;
    color:#fff;
    font-weight: 400;
    font-size:13px;
    margin-left: 0px;
    font-family: roboto;
}
.top-box p {
    color:#999;
    font-weight: 400;
    font-size:14px;
    margin-left: 0px;
    font-family: roboto;
} p {
    color:#1a1a1a;
    font-weight: 400;
    font-size:13px;
    margin-left: 0px;
}
.box h6 {
    color:#1a1a1a;
    font-size:14px;
    color: #fff;
    margin-left: 20px;
    text-align: left;
    font-family: roboto;
}
.box ul li span {
    float:right;
    margin-top:4px;

}
.top-box:hover h3{color: #fff}
.top-box:hover p{color: #ffff}

.services-items:hover span{color: #fff}
.services-items:hover p{color: #fff!important}

/* MENU SEARCH */

.searchbox {
    bottom: 0;
    float: right;
    line-height: 65px;
    min-width: 65px;
    overflow: hidden;
    position: relative;
    background: #222;
    right: 0;
    width:0;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

/* MENU FORM */

.ttmenu .form-control {
    background-color: #f9f9f9;
    border: 1px solid #f5f5f5;
    border-radius: 0;
    box-shadow: none;
    font-size:12px;
    height: 35px;
    margin-bottom: 10px;
}
.ttmenu textarea {
    height: 140px !important
}

/* MENU IMAGE HOVER */

.ttmenu .entry {
    position:relative;
    overflow:hidden;
    margin-bottom:0;
}
.ttmenu .entry img {
    width:100%;
}
.ttmenu .magnifier {
    background:rgba(0,0,0,.9) url(images/magnifier.png) no-repeat center;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.ttmenu .entry:hover .magnifier {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}
.ttmenu .menu-image {
    margin-bottom: 30px;
}

/* MENU TABBED */

.nav-pills {
    margin-top: 6px;
}
.nav>li {
    position: relative;
    display: block;
    margin-left: 6px;
}
.nav-pills > li {
  float: none;
  margin-top:0;
  cursor: pointer;
  background: #2c3134;
}
.nav-pills > li > a {
  border-radius: 0;
  cursor: pointer !important;
  border:0 !important;
  position: relative;
  font-weight: bold !important;
  text-transform: capitalize !important;
  margin-right: 0;
}
.nav-pills > li > a:after{
    content: "\f105";
    color:#fff;
    font-family: 'FontAwesome';
    display:block;
    right:10px;
    width:0;
    position:absolute;
    height:0;
    top:13px;
    margin-top:0;

    margin-right:10px;
}

.nav-pills > li > a:after:hover{
    content: "\f105";
    color:#000;
    font-family: 'FontAwesome';
    display:block;
    right:10px;
    width:0;
    position:absolute;
    height:0;
    top:13px;
    margin-top:0;

    margin-right:10px;
}
/* MENU GRADIENT */

.demo_changer .demo-icon,
.menu-color-gradient .btn-primary,
.menu-color-gradient .label-danger,
.menu-color-gradient .navbar-brand,
.menu-color-gradient .navbar-default .navbar-nav > .open > a,
.menu-color-gradient .navbar-default .navbar-nav > .open > a:hover,
.menu-color-gradient .navbar-default .navbar-nav > .open > a:focus,
.menu-color-gradient .navbar-default .navbar-nav > li > a:focus,
.menu-color-gradient .navbar-default .navbar-nav > li > a:active,
.menu-color-gradient .navbar-default .navbar-nav > li > a.active,
.menu-color-gradient .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
  border-top:2px solid #f97352;
    opacity:1;
}
.menu-color-gradient .navbar-default .navbar-toggle:hover,
.menu-color-gradient .coldesc:hover {
    background:#f97352;
    color:#fff !important;
}
.menu-color-gradient .form-control:focus {
    border-color: transparent;
    outline: 0;
    box-shadow:none;
}
.menu-color-gradient .btn-primary {
    border-radius:0;
    font-size:13px;
    background-color: #f97352 !important;
    border-color: #f97352 !important;
    color: #fff !important;
}
.menu-color-gradient .box ul li:hover .fa {
    color: #f97352 !important;
}
.menu-color-gradient .magnifier {
    background-color:rgba(169,3,41,.9);
}

/* DARK STYLE */

.dark-style .coldesc {
    background:#333;
    color:#fff;
    margin-bottom: 10px;
    text-align:center;
}
.dark-style .navbar-default .ttmenu-content {
    border-radius: 0;
}
.dark-style .dropdown-menu {
    background-color:#ffffff !important;
}
.dark-style .navbar-default .dropdown-menu li a,
.dark-style .ttmenu-content .box li a,
.dark-style .ttmenu-content .box li:before {
    color:#1a1a1a !important;
}
.dark-style .ttmenu-content .box li a:hover,
.dark-style .ttmenu-content .box li a:focus {
    background:none !important
}
.dark-style .ttmenu-content .box li {
    border-bottom-color: rgba(0, 0, 0, 0.1);
}
.dark-style .navbar-default .dropdown-menu li a:hover,
.dark-style .navbar-default .dropdown-menu li a:focus {
    background:#ffffff;
}
.dark-style .form-control,
.dark-style .searchbox-icon, .searchbox-submit,
.dark-style .navbar-default {
    background: transparent!important; 
 
}

/* RESPONSIVE */

@media (max-width: 100px) {

    #vertical .navbar-brand {
        width: 60px;
    }
    #vertical .ttmenu-full.open {
        max-width: 100%;
        width: 100% !important;
        position: relative;
    }
    #vertical .navbar-default,
    #vertical .navbar-default .nav,
    #vertical .navbar-default .collapse,
    #vertical .navbar-default .dropup,
    #vertical .navbar-default .dropdown {
        position: static;
        width: 100% !important;
        left:0;
    }
    #vertical .navbar-collapse {
        padding: 0
    }
    #vertical .navbar-default .navbar-nav li .vertical-menu {
        opacity: 1;
        position: static;
        left: 100% !important;
        right: 100% !important;
        top:auto;
        margin-top: 0 !important;
        max-width: 100%;
        padding:0;
    }
    #vertical .navbar-default .navbar-nav li .vertical-dropdown-menu {
        opacity: 1;
        position: static;
        left: 100% !important;
        right: 100% !important;
        top:auto;
        margin-top: 0 !important;
        max-width: 100%;
        padding:0;
    }
    #vertical .navbar-collapse {
        padding:0 0 0 20px;
    }
    #vertical .dropdown-menu, 
    #vertical .navbar-default .ttmenu-content {
        padding:20px;
    }
    #vertical .nav-pills {
        max-width: 200px;
    }
    #vertical .dropme:after{
        content: "\f107";
        color:#fff;
        position: absolute;
        right: 20px;
        padding-left: 5px;
        font-family: 'FontAwesome';
    }
    .nav-pills > li > a::after,
    .dropme-left:after{
        content: "\f107";
    }
    .ttmenu .nav-pills,
    #vertical .nav-pills {
        width: 100%;
        padding:0;
        max-width: 100%;
        margin-bottom: 20px;
    }
}

/* SUB MENU STYLE */

.ttmenu .dropdown-submenu {
    position:relative;
}
.ttmenu .dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:0;
    margin-left:0;
    border-radius:0;
}
.ttmenu .dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.ttmenu .dropdown-submenu.pull-left {
    float:none;
}
.ttmenu .dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
.ttmenu .open > .dropdown-menu {
  animation-name: slidenavAnimation;
  animation-duration:.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: slidenavAnimation;
  -webkit-animation-duration:.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: slidenavAnimation;
  -moz-animation-duration:.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
@keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}




  .carousel .carousel-indicators li {
  	border-radius: 0px;
    width: 46px;
    height: 3px;
  }
  .carousel .carousel-indicators>li.active {
   border-radius: 0px;
    width: 46px;
    height: 3px
    background-color:gold;
  }
.carousel-inner>.item>a>img{
	width: 100%;
	height: 550px!important;
}
.carousel-caption h1{
       margin-top: -31%;
    color: #424242;
    text-shadow: none;
    text-align: left;
    font-family: roboto;
    font-weight: 500;
}   
}
.carousel-caption p{
    font-size: 11px;
}
.top-carousel-subt{
    color: #fff!important;
}
.carousel-caption .btn{
    background-color: #cacad2;
    color: #fdfdfd;
    border-radius: 0px;
    width: 180px;
    height: 40px;
    padding: 7px;
    position: relative;
    top: 20px;
}
.carousel-caption .btn:hover{
    background-color: #373d41!important;
    color: #fff;
}
.top-hd-bx{
	position: absolute;
    top: -96px;

}
/*search box css start here*/
.top-hd-box{
 border-top:0.5px solid #ebecec;
 border-bottom:0.5px solid #ebecec;
}
.top-hd-box .top-box:hover{
    background-color: #ff8a14;
}
.top-hd-box .top-box{  
    border-right: 0.1rem solid #ebecec;
    height: 111px;
}
.top-hd-box img{
	margin-left: auto;
	margin-right: auto;
	padding-top: 23px;
}
.top-hd-box h3{
    text-align: left;
    color: #181818;
    font-family: Roboto;
    font-weight: 400;;
    font-size: 18px;
}
.top-hd-box h4:hover{
 color: #fff;
 cursor: pointer;

}
.top-hd-box a{
    text-decoration: none!important;
}



@media (min-width: 992px){
    .top-hd-box {
    top: 573px;
    left: 0;
    right: auto;
    width: 100%;
}
}

@media (max-width: 992px){
    .top-hd-box{
        background: #1A4668;
    }
}

.services{
	position: relative;
    background-color: #e4e3e1;
    /*margin-top: -111px;
*/    /*min-height: 1550px;*/
}
.services .container-fluid{
        padding-right: 40px;
    padding-left: 40px;
}
#tp-img{
	margin: 33px auto 12px auto;
    height: 25px;
}
.ser-t {
    text-align: center;
    font-family: roboto;
    color: #383838;
    font-weight: 400;
    letter-spacing: 2px;
    margin-top: 40px;
}
.ser-st{
	text-align: center;
	font-family: roboto;
	color: #575757;
	font-weight: 400;
}
.ser-box{
	background-color: #fff;
	margin-top: 20px;
}
.ser-box:hover{
	border: 1px solid #aa892f;

}

.ser-title{
	height: 62px;
    line-height: 62px;
    padding-left: 20px;
    border-bottom: 1px solid #ebecec;
}

.ser-title img{
	width: 34px;
    display: inline-block;
}
.ser-title h3{

	font-size: 22px;
    color: #373D41;
    font-weight: 400;
    margin: 0 auto 0 10px;
    display: inline-block;
    vertical-align: middle;
    width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: roboto;

}
.ser-title i{
	 display: inline-block;
	 color: #c3c5c6;
   
}
.ser-items{
	min-height: 318px;
    overflow: hidden;
    position: relative;
    padding: 6px 0;
}
.ser-inneritems{
	    transition-duration: .4s;
    transition-timing-function: ease-in-out;
}
.ser-inneritems ul{
	display: inline-block;
    vertical-align: top;
    width: 100%;
}
.ser-inneritems a{
	  
    display: block;
    padding-left: 20px;
    padding-top: 13px;
    padding-bottom: 10px;
    padding-right: 20px;
    height: 100%;
    position: relative;
    transition: all .4s;
    background-size: contain;
    background-color: transparent;
    text-decoration: none!important;
    color: #000;
}
.ser-inneritems ul li span{
	color: #373D41;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    font-family: roboto;
    font-weight: 400;
}

.ser-inneritems ul li .product-item-desc {
    color: #AFB1B3;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-family: roboto;
}



.ser-box .ser-items .ser-inneritems ul li a.services-items:hover{
	background-color: #aa892f;
	color: #fff!important;

}


/*.ser-items ul li  .ser-inneritems a.services-items:hover{
	background-color: #aa892f;
	color: #fff!important;
}*/



.btn-allproducts{
	background-color: #aa892f;
	color: #fff;
	font-size: 16px;
	border-radius: 0px!important;
	margin-left: auto;
	margin-right: auto;
	text-align: center!important;
	margin-top: 80px;
    margin-bottom: 80px!important;
}
.btn-allproducts a{
	color: #fff!important;
	font-size: 16px;
	padding: 2px;
	text-decoration: none!important;
}
.btn-allproducts:hover{
	color: #fff;
	text-decoration: none!important;
	background-color: #333;
}

a:hover,a:focus{
    text-decoration: none;
    outline: none;
}
.nav-stacked li a{
    counter-reset: level1 0 level2 0 level3 0;
    margin-left: 87px;
}
.tabbable .col-md-9 ul{
   width: auto;
}

.new-solution{
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 40px;
    padding-right: 40px;;
}
 .tit-desc {
    color: rgb(153, 153, 153);
    line-height: 24px;
    margin-bottom: 10px;
}
.header-right {
    padding-top: 5px;
}
.header h2 {
    color: #181818;
    letter-spacing: 0;
    line-height: 1.5;
}
.module-body .tab-big h2 {
    color: #FFF;
    line-height: 1.5;
    margin-bottom: 10px;
    font-weight: 600;
}
.module-body .tab-big p {
    color: #FFF;
    line-height: 24px;
    max-height: 144px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
.module-body .tab-big:nth-child(1) {
    background-color: #555;
}
.module-body .tab-big:hover {
    box-shadow: 0 10px 40px 0 rgba(0,0,0,.1);
    z-index: 9;
}
.module-body .tab-big {
    color: #FFF;
    padding: 30px 20px 55px 30px;
    min-height: 295px;
    position: relative;
    z-index: 1;
} .tab-big {
    background-color: #FF6A00;
}
.module-body .tab-big .btn-group i {
    display: inline-block;
    font-style: normal;
}
.btn-white-outline {
    color: #fff;
    letter-spacing: 0;
    line-height: 30px;
    text-decoration: none;
}
 .module-body .click-cont {
    display: block;
    text-decoration: none;
}
.module-body .tab-big h2 .arrow {
    display: none;
}
.text-base {
    font-size: 16px;
}
.header .header-right .btn-group {
    margin-bottom: 40px;
}
.text-md {
    font-size: 18px;
}
.tab-video .video-box {
    height: 295px;
    background: center center/cover no-repeat;
}
.tab-video .video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 96px;
    height: 96px;
}
.tab-small:nth-child(odd) {
    background-color: #ebecec;
}
.module-body .tab-small {
    color: #FFF;
    padding: 30px 20px 55px 30px;
    min-height: 225px;
    position: relative;
    z-index: 1;
}
.module-body .click-cont {
    display: block;
    text-decoration: none;
}
.tab-small h2 {
    color: #181818;
    line-height: 1.5;
    margin-bottom: 10px;
    font-weight: 600;
    max-height: 54px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.tab-small h2 .arrow {
    display: none;
}
.module-body .tab-small p {
    color: #999;
    line-height: 1.5;
    max-height: 72px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.module-body .tab-small .btn-group {
    position: absolute;
    bottom: 20px;
    left: 30px;
}
.tab-small .btn-group i {
    font-style: normal;
    line-height: 18px;
    text-decoration: none;
    vertical-align: middle;
    color: #FF6A00;                 
}
.module-body .tab-small:nth-child(even) {
    background-color: #fff;
}
.module-body .tab-small:hover {
    box-shadow: 0 10px 40px 0 rgba(0,0,0,.1);
    z-index: 9;
}
.module-body .tab-big .btn-group {
    position: absolute;
    bottom: 26px;
    left: 30px;
}
.module-body .tab-video.video:hover {
    cursor: pointer;
    box-shadow: 0 10px 40px 0 rgba(0,0,0,.1);
    z-index: 9;
}
.btn-orange-outline {
    color: #FF6A00;
}
.new-solution{
    background-color: #f5f5f5;
}
.module-body .tab-video {
    padding: 0;
    min-height: 295px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.tab-small:last-child .btn-group .btn-orange-normal:hover {
    background-color:  #FF6A00;
    color: #fff;
}

.tab-small:last-child .btn-group .btn-orange-normal {
    border: 1px solid #FF6A00;
    border-radius: 0;
}

/*our solution end here*/

.whyus{
    background-color:  #e4e3e1;
    width: 100%;
    min-height: 700px;
    font-family: roboto;
}
.whyus .container-fluid{
    padding-left: 40px;
    padding-right: 40px;
}

.whyus h2{
    margin-top: 50px;
}

.whyus-subtitle{
    color: #575757;
    font-size: 16px;
}
.whyus-box{

    width: 100%;
    height: 350px;
    background-color: transparent;
    margin-top: 50px;
    text-align: center;
    font-weight: 400;
}
.whyus-box:hover{
    background-color: #fff;
    -webkit-box-shadow: -1px 3px 27px 0px rgba(0,0,0,0.4);
-moz-box-shadow: -1px 3px 27px 0px rgba(0,0,0,0.4);
box-shadow: -1px 3px 27px 0px rgba(0,0,0,0.4);
transition: ease-in 0.5s;

    
}
.whyus-box h5{
        padding-bottom: 14px;
    margin-top: 16px;
    font-size: 30px;
    font-weight: 500;
    color: #383838;
    font-family: roboto;

}

.whyus-box img{
    max-height: 72px;
    max-width: 72px;
}

.whyus-box p{
     color: #575757;
    font-size: 15px;
    padding: 22px 0 0 0;
    text-align: center;

}

.btn-whyus{
background-color: #aa892f;
    color: #fff;
    border-radius: 0!important;
    width: 150px;
    margin-top: 40px;
    margin-bottom:40px; 
}
.btn-whyus a{
    color: #fff;
}
.btn-whyus a:hover{
    color: #fff;
    text-decoration: none;
}
.btn-whyus:hover{
background-color: #000;   
}
.active{
    color: #00c1de;
}

/*why us end here*/

.new-location{
    padding-top: 60px;
    padding-bottom: 70px;
    padding-right: 40px;
    padding-left: 40px;
}
.main .titleBox .subBox p {
    color: #999;
    line-height: 1.5;
    margin-bottom: 11px;
}
.main .titleBox h2 {
    line-height: 1.5;
    color: #181818;
    padding-right: 70px;
    margin: 0px;
}
.main .titleBox .subBox div a {
    color: #FF6A00;
    line-height: 30px;
    text-decoration: none;
}

.main .contentBox {
    margin-top: 66px;
}
.main .contentBox .leftBox ul {
    margin-top: 90px;
        list-style: none;
    padding: 0;
    margin: 0;
}
.main .contentBox .leftBox ul li h4 {
    font-size: 42px;
    color: #C3C5C6;
    margin-bottom: 8px;
    line-height: 55px;
}
.contentBox .leftBox ul li .downBox {
    position: relative;
    color: #181818;
    line-height: 25px;
    text-align: left;
    padding-right: 30px;
    font-size: 14px;
}
.main .contentBox .leftBox ul li .downBox div {
    position: relative;
    right: 9px;
    top: 3px;
    left: 5px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
}
.main .contentBox .leftBox ul li .downBox div p {
    display: none;
    position: absolute;
    bottom: 32px;
    border: 1px solid #D7D8D9;
    box-shadow: 0 0 8px 0 rgba(55,61,65,.3);
    width: 190px;
    min-height: 36px;
    transform: translateX(-50%);
    left: 50%;
    z-index: 1;
    background: #fff;
    color: #181818;
    line-height: 18px;
    text-align: center;
    padding: 8.5px 13px;
    word-wrap: break-word;
}
.contentBox .leftBox ul li .downBox div p span {
    left: 50%;
    z-index: 1;
    position: absolute;
    bottom: -17px;
    display: none;
    width: 17px;
    height: 17px;
    transform: rotate(225deg) translateX(77%);
    box-shadow: -1px -1px 1px 0 rgba(55,61,65,.2);
    background: #fff;
}
.main .contentBox .rightBox {
    display: block;
    position: relative;
}

 .main .contentBox .rightBox img {
    width: 100%;
    height: 100%;
}
.main .contentBox .rightBox .point {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: #fff;
}
.main .contentBox .rightBox .orange-Bg {
    background: #FF6A00;
}
.main .contentBox .rightBox .point p {
    font-size: 10px;
    line-height: 16px;
    text-align: center;
}
.main .contentBox .rightBox .point .pointCoontent {
    left: 50%;
    transform: translateX(-50%);
    min-width: 60px;
    text-align: center;
    font-size: 12px;
    white-space: nowrap;
    color: #181818;
    position: absolute;
    top: -20px;
}
.main .contentBox .rightBox .tagging {
    position: absolute;
    bottom: -40px;
    right: 20px;
    display: flex;
    align-items: center;
}
.main .contentBox .rightBox .point .right {
    left: 0;
    transform: translateX(36%);
    text-align: left;
    top: -1px;
}
.main .contentBox .rightBox .point .left {
    left: 0;
    transform: translateX(-107%);
    top: -1px;
    text-align: right;
}

.main .contentBox>div {
    padding-left: 0;
    padding-right: 0;
}

 /*location section end here*/
.customer-review{
    background-image: url('images/review_header.jpg');
    width: 100%;
    min-height: 500px;
}
.review-title{
    text-align: center;
    color: #000;
    margin-bottom: 30px;
    font-size: 32px;
}

.customer-review h2 {
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-family: roboto;
    font-weight: 400;
    position: relative;
    margin: 35px 0 35px;
}
.customer-review .col-center {
    margin: 0 auto;
    float: none !important;
        width: 100%;
        padding: 
}

.customer-review .carousel .item {
    color: #999;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
}
.customer-review .carousel .item .img-box {
    width: 250px;
    height: 135px;
    margin: 0 auto;
    padding: 5px;
}
.customer-review .carousel .img-box img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
}
.customer-review .carousel .testimonial {
    padding: 30px 0 10px;
}
.customer-review .carousel .overview {   
    font-style: italic;
}
.customer-review .carousel .overview b {
    text-transform: uppercase;
    color: #7AA641;
}
.customer-review .carousel .carousel-control {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
    background: none;
}
.customer-review .carousel-control i {
    font-size: 68px;
    line-height: 42px;
    position: absolute;
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}

/*customer review end here*/

.blog-news{
    width: 100%;
    min-height: 450px;
    background-color: #f5f5f6;

}

.line{
    width: 30px;
    position: absolute;
    bottom: 0;
    height: 1px;
    background-color: #999;
    left: 0;
}
.notice-item{
    
    padding-top: 15px;
    padding-left: 60px;
    padding-bottom: 15px;
    min-height: 78px;
    position: relative;
}

.notice-item a{
    color: #373D41;
    display: block;
    font-size: 14px;
}
.notice-item a:hover{
   color: #00c1de;
    text-decoration: none;
}
.day-wrap {
    width: 30px;
    position: absolute;
    top: 15px;
    left: 0!important;
    word-break: break-all;
    display: block;
}
.blog-news h2{
    float: none;
        margin: 58px auto 30px auto;
    padding-bottom: 15px;
    position: relative;
}
.blog-news .container-fluid{
    padding-left: 40px;
    padding-right: 40px;
}
.more-text {
    font-size: 14px;
}

.more-text a:hover{
    font-size: 14px;
    color: #00c1de;
    text-decoration: none;
}

/*notice news blog end here*/

.detail-page{
    width: 100%;
    background-color: #2c3134;
}
.module-detail {
    padding-top: 40px;
    padding-bottom: 48px;
}

.detail-page h3{
    color: #fff;
    font-family: roboto;
}
.des11 {
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    display: block;
    margin: 16px 0 15px;
    color: #FFF;
    font-family: roboto;
}
.module-detail .btn {
    background: #00C1DE;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 44px;
    padding: 0 35px;
    color: #FFF;
    min-width: 6pc;
    white-space: nowrap;
    margin-top: 15px;
    border-radius: 0;
    font-family: roboto;
}

/*detail page end here*/


.footer {
    font-size: 12px;
    line-height: 20px;
    font-family: "OpensansRegular",sans-serif;
}
.footer .top-footer {
    padding: 35px 35px 0;
    background: #303030;
}
.footer .contact-connect {
    margin: 15px -35px 0;
    border-top: 1px solid #3F3F3F;
    text-align: center;
    padding: 10px 0 3px;
}
.footer .contact-connect h3 {
    margin: 5px;
}
.footer .column {
    padding-left: 25px;
    padding-right: 25px;
}
@media only screen and (min-width: 992px){
.footer .footer-menu {
    border-right: 1px solid #3F3F3F;

}
}
.footer h3 {
    font-size: 16px;
    margin: 0 0 20px;
    text-transform: uppercase;
}
@media only screen and (min-width: 992px){
.footer .accordion-content {
    display: block !important;
}
}

.footer h4 {
    font-size: 12px;
    line-height: 20px;
    font-family: "OpensansSemibold",sans-serif;
    margin: 0;
}
.footer h3, .footer h4, .footer p {
    color: #fff;
        text-align: left;
}
.footer .footer-menu-links ul {
    margin-bottom: 15px;
}
.footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer .footer-menu-links li {
    margin: 0 0 2px;
}
.footer .footer-menu-links ul {
    margin-bottom: 15px;
}
.footer-menu-links ul a {
    color: #999999;
}
.footer a:hover{
    color: #f58220;
    text-decoration: none;
}
.footer .footer-menu:last-child {
    border: none;
}
a, .footer h4 a {
    color: #fff;
}
.footer .contact-connect {
    margin: 15px -35px 0;
    border-top: 1px solid #3F3F3F;
    text-align: center;
    padding: 10px 0 3px;
}
.footer .contact-connect h3 {
    margin: 5px;
}
.footer .contact-connect ul {
    position: relative;
    top: -5px;
}
.footer .contact-connect .connect-social-link {
    display: inline-block;
    margin: 0 2px 0 0;
}
.footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.d-inline-block {
    display: inline-block;
}
.footer .footer-connect-links {
    margin: 0 10px;
}
.footer p {
    font-size: 12px;
}
.footer p {
    color: #fff;
}
.footer .bottom-footer {
    background: #303030;
    text-align: center;
    padding: 10px 0;
    color: #999999;
    border-top: 1px solid #3F3F3F;
}
.footer .bottom-footer #block-block-76 {
    display: inline-block;
}
.footer .bottom-footer #block-menu-menu-pre-footer-link {
    display: inline-block;
    vertical-align: middle;
}


.social-icon li i{
    display: inline-block;
}
.fa {
  padding: 10px;
  font-size: 20px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
  font-family: roboto;
}

.fa:hover {

    background-color: #aa892f;
    color: #fff;
    text-decoration: none;
}

.fa-facebook {
  background: #73777a;
  color: white;
}

.fa-twitter {
  background: #73777a;
  color: white;
}

.fa-google {
  background: #73777a;
  color: white;
}

.fa-linkedin {
  background: #73777a;
  color: white;
}





/*Our solution tab start from here*/ 

/* Style the tab */
.tab {
  float: left;
  border-right: 2px solid #aa892f;
  background-color: transparent;
  width: 20%;
  height: 300px;
  font-family: roboto;
  color: #fff;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: transparent;
  color: #fff;
  padding: 13px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  font-family: roboto;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #aa892f;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #aa892f;
}

/* Style the tab content */
.tabcontent {
  float: left;
  position: relative;
  left: 20px;
  padding: 0px 12px;
  width: 80%;
  border-left: none;
  height: auto;
  font-family: roboto;
}
.tabcontent h3, p{
    color: #fff;
    font-family: roboto;
}

.tabcontent h3 {
    margin-bottom: 30px;
    font-weight: 500;
    font-family: roboto;
}
.description {
    margin-bottom: 20px;
    height: 60px;
    overflow: hidden;
    font-family: roboto;
    font-size: 14px;
    }
  .tabcontent .btn {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0px;
    width: 170px;
    height: 36px;
    padding: 5px;
    font-family: roboto;
}
 .tabcontent .btn:hover {
    color: #fff;
    background-color: #aa892f;
}
    .quick-link {
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 40px;
}
.quick-link .col-md-4 {
    padding-left: 21px;
    padding-right: 21px;
}
.quick-link a {
    background: rgba(255,255,255,.12);
    display: block;
    height: 80px;
    width: 250px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    font-family: roboto;
}
.quick-link a:hover{
background-color: #aa892f;
text-decoration: none;

}
.quick-link a p {
    max-height: 48px;
    font-size: 15px;
    overflow: hidden;
}

/*Our solution tab end from here*/ 



#custom_carousel .item {

    color:#000;
    background-color:#fff;
    padding:20px 0;
}
#custom_carousel .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding: 20px 20px 0 20px;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#fff;
}
#custom_carousel .controls li {
    display: table-cell;
    width: 1%;
    color: #000;
}
#custom_carousel .controls li.active {

    border-bottom:3px solid #aa892f;
}
.controls img{
    max-height: 100%;
    max-width: 100%!important;

}

.carousel-inner p{
       letter-spacing: 0;
    line-height: 23px;
    font-weight: 400;
    font-size: 16px;
    font-family: roboto;
    text-align: left;
    color: #44494d!important;
    text-shadow: none;
    margin: auto;
}
.carousel-inner h3 a{
    border: 1px solid #aa892f;
    border-radius: 0px;
    width: 180px;
    width: 144px;
    height: 37px;
    color: #aa892f;
    text-transform: uppercase;
}
.carousel-inner h3 a:hover{
  color: #fff;
  background-color: #aa892f; 
}
.carousel-inner .author{
    color: #373D41;
    letter-spacing: 0;
    line-height: 33px;
    font-weight: 400;
    font-size: 14px;
    padding-top:5px;
    width: 80%;
    margin: auto;
    font-family: roboto;
}
.view-all-cus h3 a{
    border: 2px solid #fff!important;
    border-radius: 0px!important;
    border-radius: 0px!important;
    width: 180px!important;
    width: 144px;
    height: 37px;
    color: #fff;
    margin: 50px;
}
.view-all-cus h3 a:hover{
    border: 2px solid #aa892f!important;
    color: #fff;
    background-color: #aa892f;
 
}

.ser-inneritems ul li span i:before {
    content: '';
    display: inline-block;
    border-radius: 7px;
    width: 8px;
    height: 16px;
    background-size: contain;
    position: absolute;
    top: 0;
    left: -6px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgAgMAAABm5xBfAAAACXBIW…tKQCTpJSUgkvBpowREfvA/POLhW3OAoxx68S5ypcvvDB/UD6ZXOKHUPFpaAAAAAElFTkSuQmCC);
}
.ser-inneritems ul li span i {
    font-size: 12px;
    font-style: normal;
    vertical-align: top;
    margin-left: 10px;
    padding: 0 3px 0 6px;
    background-color: #f45428;
    border-radius: 4px;
    color: #fff;
    position: relative;
    height: 16px;
    display: inline-block;
    line-height: 16px;
}
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent!important;
}
.nav>li>a:focus {
    text-decoration: none;
    background-color: transparent!important;
}

/* Style tab links */
.toptablink {
  background-color: #fff;
  color: #000;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
}



/* Style the tab content (and add height:100% for full page content) */
.toptabcontent {
  color: #000;
  display: none;
  padding: 0 0;
  height: 100%;
  
}
.toptab button {
background: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px; 
  height: 80px;;
      
}

#tp-img:after{
   
}
.toptab img{
        height: 30px;
}

.toptab{
text-align: center;
}
.circle-side:after {
    content: "\f054";
    color: #fff;
    padding: 5px;
    font-family: 'FontAwesome';
    font-size: 10px;
  
}
.circle-side{
    border:1px solid #fff;
    border-radius: 50%;
    margin: 0 0 0 10px;
}
.search-container input[type=text] {
    padding: 6px;
    margin-top: 14px;
    font-size: 14px;
    border: 1px solid #a0a0a0;
    width: 184px;
}
.search-container i{
  position: absolute;
    left: 146px;
    top: 9px;
    font-weight: lighter!important;
    color: #000;
    visibility: visible;
}
.search-container button{
  visibility: hidden;
}
.search-container i:hover{
 background-color: transparent;
 color: #000;
 cursor:pointer;
}
.nav-site {
    display: inline-block;
    width: 102px;
    color: #dcdcdc;
}
.list-unstyled ul li a{
    color: #000!important;
}

.list-unstyled ul{
    width: 200px;
}
.list-unstyled a:hover{
    color: #fff;
}
.list-unstyled span{
    color: #000;
}
.nav-eng {
    float: right;
    padding-right: 22px;
}
.divider{
    border: 1px solid #e4e3e1;
}
.toptab .active{
    background-color: #e4e3e1;
}

/*Homepage css end here*/

.pricing-header{
 margin: 0px;
}
.pricing-header .container {
    padding-top: 50px;
    color: #fff;
}
.pricing-header .container h1 {
    color: #fff;
    line-height: 1.25;
    font-size: 42px;
    font-family: Montserrat;
}
.pricing-header .container .text-lg {
    font-size: 16px;
    font-family: Montserrat;
    margin-bottom: 20px;
}
.pricing-header .container a.btn {
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    height: 42px;
    line-height: 30px;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    width: 150px;
}
.pricing-header .btn-outline:hover {
    color: #333;
    background-color: #fff;
}
.pricing-header .container a.btn:hover {
    background-color: #fff;
    color: #000;
}

.product-pricing{
    }

.product-pricing h2 {
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 36px;
    font-weight: 300;
    font-family: Montserrat;    
}
.product-pricing h2 small {
    display: block;
    margin-top: 15px;
    font-size: 20px;
    font-family: Montserrat;

}

.products {
    margin-bottom: 60px;
}

.products dl {
    margin-bottom: 8px;
}

.products dl dt{
    margin-bottom: 15px!important;
    font-weight: 700;   
    font-size: 16px;
}
.products dl dd{
    margin-bottom: 15px!important;
}
.products dl dd a,.products dl dt a {
    line-height: 24px;
    font-size: 16px;
    font-family: proxima nova;
    text-decoration: none;
}

.text-black {
    color: #333;
}

.products a:hover {
    color: #1c90f6;
}

/*Pricing calculator start here*/
.pricing-icon{
    width: 20px;
    height: 20px;
}

.pricing-calculator {
    color: #373D41;
    background: #F5F5F6;
    width: 100%;
}
.pricing-calculator span{
    font-size: 36px;
    font-family:Montserrat; 
}
.pricing-calculator .container {
    padding-bottom: 20px;
    padding-top: 36px;
}
.pricing-calculator .container h2 {
    margin-bottom: 60px;
}
.pricing-calculator .container .col-md-6 {
    padding-bottom: 30px;
}
.pricing-calculator img {
    max-width: 100%;
}
.pricing-calculator p {
    font-size: 16px;
    color: #666;
}
.pricing-calculator .button-wrap a {
    min-width: 120px;
    background-color: #00C1DE;
    border-radius: 0;
    border-color: #00C1DE;
    font-size: 16px;
    min-height: 36px;
    line-height: 1.5;
    padding-top: 6px;
    padding-bottom: 6px;

}
.pricing-calculator .button-wrap a:hover {

  background-color: #358b98;
}

/*pricing calculator end here*/

.price-principle .container{
    border-bottom: 1px solid #e4e3e1;
}

.price-principle .col-center {
    float: none;
    margin: 0 auto;
}
.price-principle h2 {
    margin: 0;
}

.price-principle .module-info {
    padding-top: 52px;
    padding-bottom: 20px;
}
.price-principle .module-info h2 {
    margin-bottom: 18px;
    font-weight: 300;
    font-size: 36px;
    line-height: 1.5;
    font-family: Montserrat
}

.price-principle .module-info p {
    margin-bottom: 18px;
    font-weight: 300;
    line-height: 1.5;
    font-family: Montserrat;
    color: #000;
    font-size: 18px;
    color: #888;
}

.price-principle .items {
    padding-top: 40px;
}
.price-principle img {
    margin-top: 10px;
}

.price-principle .items li {
    padding-bottom: 45px;
}

.price-principle .items li .item-text{
    padding-top: 21px;
}

.price-principle .list-text{
    font-weight: 300;
    line-height: 1.5;
    font-family: Montserrat;
    color: #000!important;
    font-size: 15px!important;

}
.text-black {
    color: #333;
}

.text-lg{
    font-size: 20px;
}
.text-gray {
    color: #888!important;
}
.text-black {
    color: #333!important;
}

/*pricing principle end here*/

.prepaid-billing .module-info {
    padding: 48px 0 60px;
}

.prepaid-billing .col-center {
    float: none;
    margin: 0 auto;
}

 .prepaid-billing .item__header p {
    margin-top: 17px;
    margin-bottom: 0;
    color: #000;
}

.prepaid-billing  h2{
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 300;
}

.prepaid-billing  .item__view {
    padding-top: 48px;
}

.prepaid-billing .item-descp{
    line-height: 27px;
    margin-top: 4px;
    color: #000!important;
    font-size: 16px;
}

.prepaid-billing .container{
    border-bottom: 1px solid #e4e3e1;
}

.try-out{
    height: 150px;
    padding-top: 58px;
    background-color: #55a3f5;
}
.prepaid-billing 

.try-out.try-our-inner{
    background: #55a3f5;
    height: 150px;
    padding-top: 58px;
}

.try-our-inner a.btn {
    padding: 7px 32px;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
}

.try-our-inner a.btn:hover{
    background-color: #fff;
    color: #000;
    transition:  0.3s ease-in;

}

                                                                /*Pricing end here*/

.market_header{

    
}                                                                

.bs-cons{
    height: 100%;
    position: relative;
    z-index: 9;
}
.bs-tit{
    margin: 76px auto 12px;
    font-size: 42px;
    color: #FFF;
    text-align: center;
    line-height: 60px;
}

.bs-des{
    font-size: 18px;
    color: #FFF;
    text-align: center;
    line-height: 27px;
    margin-bottom: 32px;
}

.b-list{
    width: 100%;
    text-align: center;
    font-size: 0;
}
.b-list h2{
    color: #fff;
    font-size: 30px;
    padding-top: 60px;
}

.b-list .b-items{
    width: 20%;
    padding: 0 10px;
    box-sizing: border-box;
    float: left;
    position: relative;
}
.b-items dt {
    width: 100%;
    height: 160px;
    position: relative;
    margin-bottom: 16px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.b-items dd{
    font-size: 14px;
    color: #C3C5C6;
    text-align: center;
    line-height: 21px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.b-items a{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.b-itm-logo{
    width: 100px;
    height: 100px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.bs-search {
    width: 800px;
    height: 80px;
    background: #FFF;
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: 0 2px 15px 0 rgba(55,61,65,.15);
    -moz-box-shadow: 0 2px 15px 0 rgba(55,61,65,.15);
    box-shadow: 0 2px 15px 0 rgba(55,61,65,.15);
    -webkit-transition: .15s ease-out;
    -moz-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out;
    border: 1px solid transparent;
    box-sizing: border-box;
}
.bs-search-icon {
    width: 32px;
    position: absolute;
    left: 40px;
    top: 24px;
    cursor: pointer;
}
.bs-search-icon.in {
    display: block;
}

 .bs-search-ipt {
    width: 650px;
    height: 100%;
    position: absolute;
    right: 50px;
    top: 0;
    border: 0;
    outline: 0;
    font-size: 20px;
    color: #73777A;
}

/*market header end here*/

.marketplace-categories{
    background: #fff;
    padding: 104px 0 60px;
}

.cw-title {
    font-size: 32px;
    color: #2C3134;
    text-align: center;
    margin-bottom: 40px;
}
.cw-list .cw-item {
    text-align: center;
    font-size: 0;
    position: relative;
}
.cw-items dt>img {
    width: 128px;
}
.cw-items dd {
    
    font-weight: 500;
    font-size: 19px;
    font-family: roboto;
    color: #373D41;
    line-height: 32px;
    margin-top: 12px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    text-align: center;
}
.cw-items:hover dd {
    color: #00c1de;
}

.featured-products{
    background: #F5F5F6;
    padding: 60px 0 30px;
      font-family: roboto;
}
.tp-title {
    font-size: 32px;
    color: #2C3134;
    text-align: center;
    margin-bottom: 40px;
      font-family: roboto;
}

.tab-card-item {
    height: 296px;
    background: #ffffff;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.card-logo {
    display: block;
    height: 60px;
}
 .card-con {
    height: 125px;
    padding-bottom: 12px;
      font-family: roboto;
}
.card-con .card-title {
    max-height: 57px;
    font-size: 20px;
    color: #373D41;
    line-height: 30px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
      font-family: roboto;
}
.card-company-name {
    max-height: 42px;
    font-size: 14px;
    color: #73777A;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-btm {
    padding-top: 12px;
    font-size: 16px;
    color: #73777A;
    line-height: 24px;
    border-top: 1px solid #EBECEC;
    box-sizing: border-box;
}

.card-btm em {
    color: #FF8A00;
    text-decoration: none;
    font-style: normal;
}
 .card-btm span {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-more {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/*product feature end here*/

.whychooseus{
    background-color: #fff;
        padding: 60px 0 30px;
}

.why-title{
    font-size: 32px;
    color: #373D41;
    line-height: 43px;
    text-align: center;
    margin-bottom: 40px;
    font-family: roboto;
}
.why-card {
    margin-bottom: 30px;
}
.why-card .img-wrap{
    width: 100%;
    margin-bottom: 12px;
}
.why-card .img-wrap img {
    display: block;
    margin: 0 auto;
    max-width: 80px;
}
.why-card .why-tit {
    font-size: 18px;
    color: #373D41;
    line-height: 27px;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-family: roboto;
}
.why-card .why-des {
    font-size: 14px;
    color: #9B9EA0;
    line-height: 21px;
    text-align: center;
    font-family: roboto;
}
.marketplace-sucess-story{
    background: #F5F5F6!important;
    padding: 60px 0;
}

.ss-title {
    font-size: 32px;
    color: #373D41;
    line-height: 43px;
    text-align: center;
    margin-bottom: 40px;
    font-family: roboto;
}
.tb-des-text {
    padding: 60px 68px 0;
    box-sizing: border-box;
    float: left;
    font-family: roboto;
}
.tb-des-text .tb-des {
    font-size: 24px;
    font-family: roboto;
    color: #373D41;
    line-height: 32px;
    font-style: italic;
    margin-bottom: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.tb-des-text .tb-txt-name {
    font-size: 16px;
    color: #9B9EA0;
    font-family: roboto;
    line-height: 24px;
    margin-bottom: 40px;
}
.tb-des-text .tb-txt-name span {
    color: #373D41;
    font-family: roboto;
}
.tb-des-text .tb-txt-name {
    font-size: 16px;
    color: #9B9EA0;
    line-height: 24px;
    margin-bottom: 40px;
    font-family: roboto;
}

/*customer success story end here*/

.detail-page h1{
    color: #fff;
    font-family: roboto;

}

/*ecs css start here*/

.ecs-header{
   height: 350px;
}
.text-thin {
    font-weight: 300;
}

.ecs-header h1 {
    color: #fff;
    line-height: 1.25;
    font-size: 42px;
    text-align: left;
    font-family: proxima nova;
}
.ecs-header .container .text-lg {
    font-size: 16px;
    text-align: left;
        font-family: proxima nova;
}
.ecs-header .container .h2-keep {
    margin-top: 0;
}
.breadcrumb.default {
    padding-top: 20px;
    padding-bottom: 0;
    padding-top: 40px;
        background-color: transparent;
}
.breadcrumb {
    overflow: hidden;
    padding-top: 8px;
    padding-bottom: 8px;
}
.breadcrumb li {
    list-style: none;

}

.breadcrumb li {
    float: left;
    height: 24px;
    line-height: 24px;
    color: #9B9EA0;
}
.breadcrumb .bread-arrow {
    padding-left: 10px;
    padding-right: 10px;
    color: #9B9EA0;
}
.breadcrumb a {
    color: #9B9EA0;
}
.breadcrumb a:hover {
    color: #00C1DE;
}
.text-sm {
    font-size: 14px;
}
.ecs-header .container a.btn-highlight {
    min-width: 160px;
    background-color: #00C1DE;
    border: 1px solid #00C1DE;
    transition: all ease .3s;
    color: #fff;
    border-radius: 0px;
    border: none!important;
}
.ecs-header .container a.btn-highlight:hover {

    background-color: #fff;
    color: #000;
}
.ecs-header .container a.btn{
    margin-right: 8px;
    margin-bottom: 10px;
    font-size: 16px;
    height: 42px;
    line-height: 28px;
    padding: 6px 24px;
    border: 1px solid #fff;
    border-radius: 0px;
    min-width: 160px;
    color: #fff;
}
.ecs-header .container a.btn:hover{
    background-color: #fff;
    transition: all ease .3s;
    color: #000;
}

/*----- Tabs -----*/
.tabsecs {
    width:100%;
    display:inline-block;
    background-color: #373D41;
}

/*----- Tab Links -----*/
/* Clearfix */
    .tab-links:after {
    display:block;
    clear:both;
    content:'';
}
.tabdescp{
    background-color: transparent;
}


.tab-links li {
    float: left;
    text-align: center;
    list-style: none;
    position: relative;
    width: 25%;
    background-color: #2c3134;
    padding: 8px;
    
}

.tab-links a {
    padding:9px 15px;
    display:inline-block;
    border-radius:3px 3px 0px 0px;
    font-size:16px;
    font-weight:500;
    color:#fff;
    transition:all linear 0.15s;
    margin: auto;

}

.tab-links a:hover {
    text-decoration:none;
}

li.active a, li.active a:hover {
    color:#fff;
}

/*----- Content of Tabs -----*/
.tab-contentecs {
    padding:15px;
    border-radius:3px;
    box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
    background-color: #373D41;
    color: #fff;

}
.tab-contentecs p{
    color: #d3d4d5;
    font-weight: 400;
    margin-bottom: 7px;
    font-size: 15px;
    line-height: 19px;
    margin-top: 30px;
    font-family: roboto;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;
}

.overview .row{
    background-color: #373d41;
    color: #fff;
}

.tabecs {
    display:none;

}

.tabecs.active {
    display:block;
    border: none;

}
.tab-links .active{
    border-top: 3px solid skyblue; 
    background-color: #373d41; 
    transition: 0.3s ease-in;

}

/*ecs tab end here*/

.why-alibaba{
     background-color: #f5f5f6;
     padding-top: 60px;
    padding-bottom: 60px;
}

.why-alibaba>.container>h2, .why-alibaba>.container>h3 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 2pc;
    padding-bottom: 15px;
}
.why-alibaba .panel-content {
    padding: 0 20px 20px;
    text-align: center;
}
.generation-item .icon-wrap {
    text-align: center;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
.icon-wrap img {
    max-width: 100%;
}
.generation-item .h1 {
    color: #00C1DE;
    font-size: 3pc;
}

.generation-item .sub-title {
    padding: 10px 0;
    font-weight: 700;
    font-size: 16px;
}
 .generation-item .panel-content p {
    margin-bottom: 19px;
    color: #000;
}

/*ecs css end here*/

.benefits-resg{
    background-color: #fff; 
}

.benefits-resg {
    padding-top: 50px;
    padding-bottom: 24px;
}
.benefits-resg  .h3 {
    margin: 0 0 40px;
    text-align: center;
    font-size: 32px;
    color: #373D41;
}
.benefits-resg dl{
    height: 48px;
    display: table;
}
.benefits-resg dl dt img{
    margin-right: 20px;
    width: 42px;
}

.benefits-resg dl dt{
    display: table-cell;
    vertical-align: top;
}

.benefits-resg dl dd{
    padding-right: 23px;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    color: #373D41;
}
.benefits-resg dl dd span{
    padding-right: 23px;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    color: #9b9ea0;
}
.tab-pane{
    background-color: #2c3134!important;
}
.product-features{
    background-color: #373D41;
}

.pf-wrap{
    padding-bottom: 50px;
}
.pf-wrap .h1{
    padding: 50px 0 33px;
    color: #fff;
    font-size: 32px;
    text-align: center;
    margin: 0;
}
.accordion {
  width: 100%;
  margin: 30px auto 20px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 0px;

}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 42px;

  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 64px;
  background-color: #F5F5F6;
}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
  position: absolute;
    top: 10px;
    left: 3px;
  font-size: 18px;
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 50%;
  background-color: #00c1de;
  padding: 7px;
}
.accordion li i:hover{
  color: #fff;
  background-color: #00c1de;
}

.accordion li i.fa-chevron-down {
  right: 12px;
    left: auto;
    font-size: 16px;
}

.accordion li.open .link { color: #fff; }

.accordion li.open i { color: #fff; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none;
  background: #fff;
  font-size: 14px;
  width: 92%;
  margin: auto;
}



.submenu a {
  display: block;
  text-decoration: none;
  color: #d9d9d9;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

/*.submenu a:hover {
  background: #b63b4d;
  color: #FFF;
}*/
.product-features ul li{
    list-style: none;
}

.product-features img{
    position: absolute;
    height: 40px;
    padding: 1px;
    top: 11px;
}

.product-features h3{
    text-align: left;
    position: relative;
    left: 66px;
    top: -12px;
    font-weight: 400;
    font-size: 20px;
    color: #373D41;
}
.submenu .top-titsub{
    font-size: 14px;
    color: #373D41;
    line-height: 19px;
    margin: 0;
}
.top-titsub b{
    font-weight: 500!important;
    font-size: 16px;
    padding-bottom: 5px;

}
.sub-h{
    font-size: 16px;
    color: #373D41;
    line-height: 21px;
    margin: 0;
    padding-bottom: 5px;
}


/*documentation css start here*/

.search-wrapper {
    padding: 82px 0 60px;
    height: 286px;
    background-size: contain;
    background-position: center;
}
.search-wrapper .bigTitle {
    color: #373d41;
    font-size: 36px;
    text-decoration: none;
}
#top-search-box>.input-group {
    margin: 42px auto 0;
    width: 75%;
    max-width: 720px;
    border: 1px solid #ebecec;
}
#top-search-box input {
    width: 100%;
    height: 40px;
    padding-left: 40px;
    position: relative;
    border: none;
}
.input-group>.help-top-search-result {
    display: none;
    position: absolute;
    padding: 0;
    list-style: none;
    top: 43px;
    z-index: 30;
    width: 100%;
    background-color: #fff;
    border-top: none;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
}
#top-search-box span {
    position: absolute;
    right: 0;
    z-index: 11;
}

.search-wrapper .btn-search {
    height: 40px;
    background-color: #00c1de;
    color: #fff;
    float: right;
    font-size: 16px;
}
#top-search-box .input-group .btn{
    line-height: 18px;
    width: 120px;
    border-radius: 0;
}
#top-search-box span {
    position: absolute;
    right: 0;
    z-index: 11;
}

#products-listing .product-wrapper {
    padding-bottom: 30px;
    margin-top: 20px;
}
.product-wrapper .row {
    position: relative;
}
.productCatalogBoxMobile .catalogTitle {
    /*border-bottom: 1px solid #ebecec;
    padding-bottom: 14px;*/
}
.catalogTitle{
    padding-left: 26px;
    font-size: 14px;
    color: #373d41;
    font-weight: 600;
}
.catalogList {
    padding-left: 46px;
    margin-top: 20px;
}
.productCatalogBox{
    background: #f0f1f4;
    padding: 23px 0 20px;
    margin-bottom: 20px;
    height: 500px;
    overflow-x: hidden;
}

.masonry-item {
    padding: 27px 0 22px 20px;
    border: 1px solid #ebecec;
}
.masonry-item:hover{
-webkit-box-shadow: -1px 0px 11px 6px rgba(207,207,207,1);
-moz-box-shadow: -1px 0px 11px 6px rgba(207,207,207,1);
box-shadow: -1px 0px 11px 6px rgba(207,207,207,1);
}
.masonry-item-index {
    margin-bottom: 20px;
}

.asonry-item-icon {
    float: left;
    width: 22px;
    height: 18px;
    background-size: contain;
    margin-top: 4px;
    margin-right: 17px;
    margin-bottom: 6px;
}
.list-features h2 {
    font-weight: 600;
    color: #373d41;
}
.list-features a {
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #ebecec;
    color: #373d41;
    text-decoration: none;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.list-features a:hover{
    color: #337ab7;
    text-decoration: none;
}
.list-features dt {
    margin-bottom: 15px;
    color: #333;
    font-weight: 400;
}
.list-features dd {
    margin-bottom: 8px;
}
.masonry-list{
    padding-left: 40px!important;
}
.catalogLink{
    color: #373d41;
}
.catalogLink:hover{
    color: skyblue;
    text-decoration: none;

}


/*documentation css end here*/


.form-main-list {
    padding: 0 10px;
   
}
.form-list {
    margin: 0 auto;
    font-size: 14px;
}
.form-title {
    margin: 65px auto 0;
}
.form-title {
    font-size: 24px;
    text-align: center;
    margin: 60px auto 0;
}
.form-subtitle {
    font-size: 14px;
    margin: 14px auto 40px auto;
    text-align: center;
}
.form-subtitle {
    margin: 11px auto 25px auto;
}
.form-item {
    padding: 0;
    padding-top: 20px;
    text-align: center;
}
.form-item .form-text {
    height: 42px;
    border: 1px solid #D7D8D9;
}
.form-item .auth-msg, .form-item .form-text {
    text-align: left;
    margin-left: 0;
}
@media (min-width: 480px){
.auth-msg, .form-item-msg, .form-text {
    width: 400px;
}}

.form-text {
    border: 1px solid #C3C5C6;
    width: 360px;
    height: 36px;
    padding-left: 12px;
    font-size: 14px;
    outline: 0;
}
.form-checkbox {
    text-align: left;
    margin-right: 0;
    margin-left: 0;
}
@media (min-width: 480px){
.form-checkbox, .mobile-item {
    padding-left: 60px;
    padding-right: 60px;
}
}

.form-checkbox {
    margin-left: auto;
    margin-right: auto;
    margin-top: -3px;
    margin-bottom: 10px;
    width: 431px;
}
@media (min-width: 480px){
.form-item {
    color: #373D41;
    line-height: 21px;
}
}
@media (min-width: 480px){
#J_BtnForm.btn-large {
    width: 400px;
    margin-left: 0;
    margin-bottom: 200px;
}
}

.how-it-works-server{
    padding-bottom: 50px;
    background-color: #f5f5f6;
}

.tab-strg-wrap .hd{
    margin: 38px 0 38px!important;
    text-align: center!important;
    font-size: 32px!important;
    color: #373D41!important;
}

.bd {
    background: #FFF;
}
.how-it-works-server ul li{
    list-style: none;
}

.how-it-works-server .tab-nav {
    text-align: center;
    background: #f5f5f6;
    zoom: 1;
}

.tab-nav li .logo {
    width: 60px;
    height: 60px;
    margin: 0 auto;
   
}
.logo img {
    width: 100%;
}

.bd-tab{
     padding: 26px 26px 30px;
     background-color: #fff;
     min-height: 584px;
     -webkit-box-shadow: 0px 2px 5px 8px rgba(224,224,224,1);
     -moz-box-shadow: 0px 2px 5px 8px rgba(224,224,224,1);
     box-shadow: 0px 2px 5px 8px rgba(224,224,224,1);

}
.bd-tab .tab-pic{
    float: left;
    width: 56%;
    margin-right: 34px;
}
.tab-pic img{
    width: 100%;
}

.bd-tab .text-bd {
    position: relative;
    overflow: hidden;
    padding-right: 14px;
}
.bd-tab .tit {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #00c1de;
}
.subtit {
    margin-top: 16px!important;
    font-size: 14px!important;
    font-weight: 700!important;
    color: #373d41!important;
    line-height: 27px!important;
}
.strg .tittop{
    margin-top: 16px!important;
    font-size: 16px!important;
    font-weight: 400;
    color: #373d41!important;
    line-height: 27px!important;
}
.tittop{
    margin-top: 16px!important;
    font-size: 16px!important;
    font-weight: 400;
    color: #373d41!important;
    line-height: 27px!important;
}
.part h3 {
    margin: 10px 0 0;
    font-size: 16px;
    color: #373D41;
    line-height: 27px;
    text-align: left;
}
.part {
    position: relative;
    margin-bottom: 24px;
    border-top: 1px solid #ebecec;
}
.list-con{
    font-size: 14px;
    color: #9B9EA0;
    line-height: 21px;
}


/*.how-it-works-server end here*/

.upgrd-support{
    background-color: #f8f8f8;
    overflow: hidden;
    padding-bottom: 30px;
        padding-top: 60px;
}
.upgrd-support .title {
    margin: 0 auto;
    float: none;
    color: #373D41;
    line-height: 38px;
    font-size: 32px;
    text-align: center;
}
.upgrd-support .desc {
    margin: 12px auto 20px;
    float: none;
    color: #373d41;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
}
.upgrd-support .row .list .list-li {
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
}

.upgrd-support .row .list .list-li .logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
}


.upgrd-support .row .list .list-li .logo img {
    width: 100%;
    margin-top: 3px;
}


.upgrd-support .row .list .list-li .word {
    padding-left: 70px;
}

.upgrd-support .row .list .list-li .word h3 {
    margin-bottom: 8px;
    margin-top: 0;
    color: #373D41;
    letter-spacing: 0;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
}

.upgrd-support .row .list .list-li .word p {
    color: #73777A;
    line-height: 21px;
    height: 63px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.faqs-server{
    color: #000!important;
}
.faqs-server p{
    color: #373D41!important;
    font-family: roboto;
        font-size: 14px;

}

.faqs-server h2{
    margin-bottom: 0;
        float: none;
    margin: 0 auto;
    padding-bottom: 15px;
    position: relative;
    font-family: 'Roboto', sans-serif;
    color: #373d41;
    font-size: 36px;

}

.module {
    padding-top: 50px;
    padding-bottom: 30px;
}
.product-body {
    font-size: 14px;
}
.prod-descp{
    padding-bottom: 18px;
}

/*faqs end here*/

.faqs-bottom{
    background-color: #fff;
}
.faqs-bottom ul li{
    list-style: none;
}

.faqs-bottom .category {
    margin-top: 50px;
    *zoom: 1;
}
.faqs-bottom .category .faq-items {
    padding-left: 19px;
    float: left;
    margin-bottom: 20px;
    box-sizing: border-box;
    position: relative;
    border-right: 1px solid #D7D8D9;
}
.faqs-bottom .category .faq-items a.block {
    display: block;
    color: #373d41;
    text-decoration: none;
}
.faqs-bottom .category .faq-items .faqs-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    padding-right: 30px;
    margin-bottom: 0;
    color: #373d41;
}
.faqs-bottom .category .faq-items .faqs-title:hover{

    color: #26CAE3;
}
.faqs-bottom .category .faq-items .fasqs-descp{
    display: block;
    color: #9b9ea0;
}
 /*simple application server end here*/

.btm-btn {
    margin: 65px auto 50px auto;
    text-align: center;
}
.btm-btn .login-button{
    width: 200px;
    height: 40px;
    background-color: #00C1DE;
    border: 0;
    border-radius: 0;
    padding: 9px;
    font-size: 16px;
}

/*web hosting end here*/

.ecs-header .web-hosting{
    background-repeat: no-repeat;
    background-position: 95%;
    background-size: 50%;
}

.web-hosting h2 {
    font-size: 46px;
    color: #FFF;
    line-height: 54px;
    vertical-align: sub;
    display: inline-block;
}
.web-hosting .videobtn {
    color: #fff;
    margin-left: 20px;
    vertical-align: text-bottom;
    background-color: transparent;
    border-color: #fff;
    padding: 4px 15px;
    position: relative;
    min-width: 120px;
    margin-bottom: 0!important;
}
.videobtn span.video-icon {
    position: absolute;
    left: -6px;
    top: 8px;
}
.videobtn span {
    margin-left: 20px;
    vertical-align: text-top;
}
.videobtn span.btn-text {
    padding-left: 10px;
}
.videobtn span {
    margin-left: 20px;
    vertical-align: text-top;
}
.web-hosting h3 {
    font-size: 24px;
    color: #FFF;
    margin-top: 0;
    text-align: left;
}
.web-hosting i:hover{
    background-color: transparent;
}

.points-list {
    margin-bottom: 30px;
    padding: 0;
}
 .buybtn {
    color: #FFF;
    background: #00C1DE;
    font-size: 21px;
    line-height: 30px;
    width: 200px;
    border-radius: 0;
    border: none!important;
}
.extra-tip {
    width: 500px;
    margin-top: 14px;
    color: #fff;
}
 .points-list li {
    margin: 0;
    color: #afb1b3!important;
    font-size: 16px;
    font-weight: 400;
    list-style: none;
    background: url(//img.alicdn.com/tfs/TB1geqbRXXXXXXDXVXXXXXXXXXX-30-22.png) 0 center no-repeat;
    background-size: 16px auto;
}

.hosting-pkg h2{
        text-align: center;
    font-size: 32px;
    color: #373D41;
    padding-top: 25px;
        margin-top: 24px;
    margin-bottom: 9pt;
}
.basepackage {
    border: 1px solid #D7D8D9;
    margin-top: 35px;
}
.overview-host{
    background: #373D41;
    padding: 12px 0 14px 120px;
    position: relative;
}
.overview-host .overview-hot-tag {
    background-color: #35B34A;
    position: absolute;
    top: 10px;
    right: -5px;
    padding: 3px 15px 3px 30px;
    font-size: 12px;
    color: #fff;
}
.overview-hot-tag .arrow {
    border-width: 12px;
    border-color: transparent transparent transparent #373D41;
    border-style: solid;
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.overview-host li {
    display: inline-block;
    min-width: 250px;
    padding-top: 8px;
}
.overview-host li .title-host{
    font-size: 42px;
    color: #00C1DE;
}
.overview-host ul li{
    list-style: none;
}

.overview-host li .content-host {
    font-size: 16px;
    padding-left: 3px;
    color: #FFF;
    margin-top: 5px;
}
.hosting-pkg .detail {
    padding: 16px 0 30px;
}
.hosting-pkg .detail ul {
    width: 81.5%;
    margin: 0 auto;
    list-style: none;
    padding-bottom: 3px;
    border-bottom: 1px solid #E7E7E7;
}
.hosting-pkg .detail li {
    min-width: 300px;
}
.detail li {
    display: inline-block;
    min-width: 33%;
    font-size: 16px;
    color: #666;
    line-height: 22px;
    margin-bottom: 12px;
}
.detail .opreate{
    margin-top: 15px;
}
.price{
    min-width: 300px;
}
.detail .price {
    display: block;
    text-align: center;
    font-size: 32px;
    color: #FF8A00;
    min-width: 350px;
    margin-bottom: 20px;
    vertical-align: middle;
    margin-top: 30px;
}
.detail .buybtn {
    display: block;
    color: #FFF;
    background: #00C1DE;
    font-size: 21px;
    line-height: 30px;
    width: 200px;
    margin: 0 auto;
    border-radius: 0;
}

/*base pakage end here*/


/*----- Tabs -----*/
.tab-host {
    width:100%;
    display:inline-block;
    background-color: #fff;
}

/*----- Tab Links -----*/
/* Clearfix */
    .tab-linksh:after {
    display:block;
    clear:both;
    content:'';
}


.tab-linksh ul li{
    list-style: none;
}

.tab-linksh li {
    float: left;
    text-align: center;
    list-style: none;
    position: relative;
    width: 33.33%;
    background-color: #fff;
    padding: 8px;
    border-bottom: 1px solid #ebebec;

    
}

.tab-linksh a {
    padding:9px 15px;
    display:inline-block;
    border-radius:3px 3px 0px 0px;
    font-size:20px;
    font-weight:600;
    color:#000;
    transition:all linear 0.15s;
    margin: auto;

}

.tab-linksh a:hover {
    text-decoration:none;
}

.tab-host li.active a{
    color:#fff;
    text-decoration: none;
}
.tab-host li.active a{
    color:#000;
}

/*----- Content of Tabs -----*/
.tab-content-host{
    padding:15px;
    border-radius:3px;
/*    box-shadow:-1px 1px 1px rgba(0,0,0,0.15);*/
    background-color: #fff;
    color: #000;

}
.tab-content-host p{
    color: #a0a3a5;
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 19px;
    margin-top: 45px;
    font-family: roboto;
    letter-spacing: 1px;


}

.overview-host-table .row{
    background-color: #ffffff;
    color: #000;
}
.tab-content-host .container{
    width: 100%;
}

.tabe-host{
    display:none;

}

.tab-host .active {
    display:block;
    border: none;

}
.tab-linksh .active{
    border-bottom: 3px solid skyblue; 
    background-color: #fff; 
    transition: 0.3s ease-in;
    
}
.tab-content-host .row{
    border: 1px solid #EBECEC;
}
.tab-content-host .row i{
    color: #000;
}
.tab-content-host i:hover{
     background-color: transparent;
}
.tab-content-host .row:hover{
    background-color: #00C1DE;
    cursor: pointer;
}
.title-host-tab{
line-height: 45px;
background-color: #F5F5F5;
padding-left: 30px !important;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 14px;
}
.title-host-tab:hover{
    color: #000!important;
}
 .content-host-tab{
    line-height: 35px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
}

/*tab end here*/

.maint-web{
    padding-top: 25px;
    padding-bottom: 44px;
}
.maint-web h2 {
    text-align: center;
    font-size: 32px;
    color: #373D41;
    margin-bottom: 30px;
}
.maint-web .row {
    padding: 43px 0 20px 6%;
        padding-left: 6%;
    background: #FFF;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
}
.maint-web .row .col-md-4 {
    padding-right: 120px;
    background: url(images/img-host.png) 270px center no-repeat;
}
.maint-web .row .col-md-4 {
    display: inline-block;
    text-align: center;
    padding-right: 150px;
    background: url(//img.alicdn.com/tfs/TB1t51VSFXXXXa7apXXXXXXXXXX-13-23.png) 320px center no-repeat;
    background-size: 13px 23px;
    margin-bottom: 28px;
}
.maint-web .row .col-md-4 .price {

    font-size: 14px;
    color: #9B9EA0;
    letter-spacing: 0;
    line-height: 21px;
    text-align: center;
    margin-bottom: 12px;
}
.maint-web .row .col-md-4 .buybtn {
    display: block;
    font-size: 16px;
    line-height: 36px;
    width: 140px;
    margin: 0 auto;
    color: #fff;
    background: #00C1DE;
    padding: 0;
    transition: .3s all;
    border-radius: 0;
}

.maint-web .row .col-md-4 .price span {
    font-size: 18px;
    color: #FF8A00;
    margin-right: 92px;
}

.maint-web .row .col-md-4 .name {
    display: inline-block;
    padding-left: 28px;
    font-size: 18px;
    color: #373D41;
    letter-spacing: 0;
    margin-bottom: 9px;
}

.hosting-ftr{
    background-color: #373d41;
    padding-bottom: 20px;
}

.hosting-ftr h2{
    text-align: center;
    font-size: 34px;
    color: #FFF;
    padding-bottom: 20px;
}


.hosting-ftr .info {

    background: url(https://img.alicdn.com/tfs/TB1CXzcRXXXXXcMapXXXXXXXXXX-120-120.png) 0 5px no-repeat;
        background-image: url("https://img.alicdn.com/tfs/TB1CXzcRXXXXXcMapXXXXXXXXXX-120-120.png");
        background-size: auto;
    padding-left: 80px;
    background-size: 60px auto;
    padding-right: 50px;

}

.hosting-ftr .info h3 {
    margin-top: 0;
    color: #FFF;
    font-size: 24px;
    text-align: left;
}

.hosting-ftr .info p {

    font-size: 14px;
    color: #FFF;
    line-height: 21px;
    opacity: .6;

}

/*storage tab start here*/

/*----- Tabs -----*/
.tab-strg {
    width:100%;
    display:inline-block;
    background-color: #fff;
}

/*----- Tab Links -----*/
/* Clearfix */
    .tab-linksst:after {
    display:block;
    clear:both;
    content:'';
}


.tab-linksst ul li{
    list-style: none;
}

.tab-linksst li {
    float: left;
    text-align: center;
    list-style: none;
    position: relative;
    width: 20%;
    background-color: #fff;
    padding: 8px;
    border-bottom: 1px solid #ebebec;

    
}

.tab-linksst a {
    padding:9px 15px;
    display:inline-block;
    border-radius:3px 3px 0px 0px;
    font-size:20px;
    font-weight:600;
    color:#000;
    transition:all linear 0.15s;
    margin: auto;

}

.tab-linksst a:hover {
    text-decoration:none;
}

.tab-strg li.active a{
    color:#fff;
    text-decoration: none;
}
.tab-strg li.active a{
    color:#000;
}

/*----- Content of Tabs -----*/
.tab-content-strg{
    padding:15px;
    border-radius:3px;
/*    box-shadow:-1px 1px 1px rgba(0,0,0,0.15);*/
    background-color: #fff;
    color: #000;

}


.overview-strg-table .row{
    background-color: #ffffff;
    color: #000;
}
.tab-content-strg .container{
    width: 100%;
}

.tabe-strg{
    display:none;

}

.tab-strg .active {
    display:block;
    border: none;

}
.tab-linksst .active{
    border-bottom: 3px solid skyblue; 
    background-color: #fff; 
    
}
.tab-contentt-strg .row{
    border: 1px solid #EBECEC;
}
.tab-content-strg .row i{
    color: #000;
}
.tab-contentt-strg i:hover{
     background-color: transparent;
}
.tab-contentt-strg .row:hover{
    background-color: #00C1DE;
    cursor: pointer;
}
.title-strg-tab{
line-height: 45px;
background-color: #F5F5F5;
padding-left: 30px !important;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 14px;
}
.title-strg-tab:hover{
    color: #000!important;
}
 .content-strg-tab{
    line-height: 35px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
}

.tab-linksst li .active .logostrg{
    filter: grayscale(0)!important;
}

.tab-strg li .logotrg {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.logotrg img {
    width: 100%;
}
.nav-txt{
    position: relative;
    float: left;
    line-height: 21px;
    text-align: center;
    font-size: 14px;
    color: #373D41;
    cursor: pointer;
}
.intr {
    padding-top: 6px!important;
    margin-bottom: 20px!important;
    font-size: 14px!important;
    color: #373d41!important;
    line-height: 21px!important;

}
.strg{
    border-bottom: 1px solid #ebecec;
}
.part-02 h3 {
    font-size: 16px;
    color: #373D41;
    line-height: 27px;
    text-align: left;
}
.part-02 .products .item a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    color: #373D41;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.part-02 i {
    color: #3db2e2!important;
}
.part-02 i:hover{
    background-color: transparent;
}
.how-it-works-server1{
    background-color: #fff;
}
.how-it-works-server1 ul li{
    list-style: none;
}

/*tab end here*/

.emap-feature{
    padding-top: 50px;
    padding-bottom: 50px;
}
.emap-feature h3{
    float: none;
    margin: 0 auto 20px;
    color: #373D41;
    text-align: center;
    font-size: 30px;
}
.emap-feature section {
    margin-top: 30px;
}
.emap-main .emap-inner {
    border-bottom: 1px solid #EBECEC;
    padding-bottom: 40px;
}
.emap-main .emap-inner h2{
    color: #373D41;
    line-height: 36px;
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 20px;
    text-align: left!important;
}
.emap-inner>p {
    color: #373D41;
    line-height: 24px;
    float: none;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.emap-inner section main>div{
    margin-top: 26px;
}
.emap-inner .con{
    border-left: 3px solid #00C1DE;
    padding-left: 13px;
}
.emap-inner .con h4{
    color: #373D41;
    margin-bottom: 10px;
    text-align: left;
    font-weight: 600;
}
.emap-inner .con p{
    color: #373D41;
    line-height: 21px;
}

/*css for price table*/

h2,h4 {
    font-family: 'Dosis', sans-serif;
    font-style: normal;
    margin-bottom: 10px;
    font-weight: 500;
    color: #1c1d3e;
}
#canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}
.pos-r {
    position: relative;
    padding: 80px 0;}
}

.section-title{margin-bottom:50px; position: relative;}
.section-title p{font-size: 16px;}
.title-effect {width: 50px; height: 50px; top: 0; position: absolute; left: 0; opacity: 0.5; animation: rotation 12.8s steps(1) 0s infinite;}
.text-center .title-effect{left: 50%; margin-left: -25px;}
.text-center .section-title h6{    padding: 0 0;
    font-size: 17px;
    color: #9B9EA0;}

.title-effect .bar {background: #2575fc;}
.title-effect .bar-top {width: 100%; height: 7px; position: absolute; top: 0; left: 0; transform-origin: left top; transform: scale(0, 1); animation: bar-top 3.2s linear 0s infinite;}
.title-effect .bar-right {width: 7px; height: 100%; position: absolute; top: 0; right: 0; transform-origin: left top; transform: scale(1, 0); animation: bar-right 3.2s linear 0s infinite;}
.title-effect .bar-bottom {width: 100%; height: 7px; position: absolute; right: 0; bottom: 0; transform-origin: right top; transform: scale(0, 1); animation: bar-bottom 3.2s linear 0s infinite;}
.title-effect .bar-left {width: 7px; height: 100%; position: absolute; left: 0; bottom: 0; transform-origin: left bottom; transform: scale(1, 0); animation: bar-left 3.2s linear 0s infinite;}

.title {position: relative; color: #1c1d3e; margin-bottom: 0;}
.section-title h2{margin-bottom: 15px;}


/*--rotation--*/

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bar-top {
  0% {
    transform: scale(0, 1);
  }
  12.5% {
    transform: scale(1, 1);
  }
  87.5% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0, 1);
  }
}
@keyframes bar-right {
  0% {
    transform: scale(1, 0);
  }
  12.5% {
    transform: scale(1, 0);
  }
  25% {
    transform: scale(1, 1);
  }
  75% {
    transform: scale(1, 1);
  }
  87.5% {
    transform: scale(1, 0);
  }
  100% {
    transform: scale(1, 0);
  }
}
@keyframes bar-bottom {
  0% {
    transform: scale(0, 1);
  }
  25% {
    transform: scale(0, 1);
  }
  37.5% {
    transform: scale(1, 1);
  }
  62.5% {
    transform: scale(1, 1);
  }
  75% {
    transform: scale(0, 1);
  }
  100% {
    transform: scale(0, 1);
  }
}
@keyframes bar-left {
  0% {
    transform: scale(1, 0);
  }
  37.5% {
    transform: scale(1, 0);
  }
  50% {
    transform: scale(1, 1);
  }
  62.5% {
    transform: scale(1, 0);
  }
  100% {
    transform: scale(1, 0);
  }
}


/* ------------------------
    Price Table
------------------------*/
.price-table{padding: 50px 30px; border-radius: 7px; overflow: hidden; position: relative; background: #ffffff; text-align: center;-webkit-box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);
    box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);-webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;}
.price-title{text-transform: uppercase; font-weight: 700; color: #2575fc;}
.price-header{position: relative; z-index: 9;}
.price-value {display: inline-block; width: 100%;}
.price-value h2 {font-size: 60px; line-height: 60px; font-weight: 800; color: #1c1d3e; margin-bottom: 0; position: relative; display: inline-block;}
.price-value h2 span {font-size: 26px; left: -15px; line-height: 24px; margin: 0; position: absolute; top: 10px; color: #5f5f5f; font-weight: normal;}
.price-value span {margin: 15px 0; display: block;}
.price-list ul li {position: relative; display: block; margin-bottom: 20px;}
.price-list ul li:last-child{margin-bottom: 0;}
.dark-bg .price-list ul li{color: rgba(255,255,255,0.8);}
.price-list ul li:last-child{margin-right: 0;}
.price-list li i {color: #2575fc; line-height: 20px; font-size: 20px;}

.price-inside {font-size: 80px; line-height: 80px; position: absolute; left: 85%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(-90deg); font-weight: 900; color: rgba(0,0,0,0.040);}
.price-table::before {background: #fafaff; content: ""; height: 300px; left: -25%; position: absolute; top: -10%; transform: rotate(-10deg); width: 150%;}
.price-table.active::before{transform: rotate(10deg);}

.price-table.style-2{background: rgba(255,255,255,0.020); box-shadow: none;}
.price-table.style-2::before {background: rgba(255,255,255,0.030); top: 50%; transform: translateY(-50%) rotate(-10deg);}
.price-table.style-2 .price-title{color:#005bea;}
.price-table.style-3.active .price-title{color:#ffffff;}
.price-table.style-2 .price-value h2, .price-table.style-3.active .price-value h2{color: #ffffff;}
.price-table.style-2 .price-list{margin-top: 20px;}
.price-table.style-2.active::before{transform: rotate(0);}
.price-table.style-2 .price-inside{color: rgba(255,255,255,0.040);}
.price-table.style-2 .btn, .price-table.style-3.active .btn{-webkit-box-shadow: 0 10px 20px rgba(255,255,255,0.1);}

.price-table.active{padding: 70px 30px;}
.price-table.style-3.active{background: #2575fc; color: #ffffff;}
.price-table.active .price-value h2 span{color: #000;}
.price-table.style-3:before, .price-table.style-4:before{display: none;}
.price-table.style-3 .price-list{margin-top: 25px;}

.price-table.style-4 .price-list{margin: 25px 0;}
.price-table.style-4 h3{text-transform: capitalize;}

.price-table .btn{padding: 12px 25px; font-weight: 500; background: none; color: #1c1d3e; overflow: hidden; border-radius: 7px; border: none; position: relative; z-index: 9; transition: all 0.5s ease-in-out 0s; box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);}
.price-table .btn.btn-theme{background: rgb(0,91,234); background: linear-gradient(90deg, rgba(0,91,234,1) 0%, rgba(37,117,252,1) 80%);  color: #ffffff;bottom: 5px;}
.price-table .btn.focus, .btn:focus{box-shadow: none;}
.price-table .btn:hover {transform: translateY(-3px);}
.price-table .btn.btn-circle{border-radius: 30px;}

.price-table .btn span {display: inline-block; opacity: 0; -webkit-transform: translate3d(10, 10px, 0); -moz-transform: translate3d(10, 10px, 0); -ms-transform: translate3d(10, 10px, 0); -o-transform: translate3d(10, 10px, 0); transform: translate3d(10, 10px, 0);
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
 .price-table:hover{-webkit-box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.5); -moz-box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.5); box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.5);}

.price-table .btn::before {content: attr(data-text); height: 100%; left: 0; position: absolute; top: 0; transition: all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0s; width: 100%; padding: 12px 0;}
.price-table .btn:hover:before {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
.price-table .btn:hover span{opacity:1; -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)}
.price-table .btn:hover span:nth-child(1){-webkit-transition-delay:0.01s; -moz-transition-delay:0.01s; -o-transition-delay:0.01s; transition-delay:0.01s}
.price-table .btn:hover span:nth-child(2){-webkit-transition-delay:0.05s; -moz-transition-delay:0.05s; -o-transition-delay:0.05s; transition-delay:0.05s}
.price-table .btn:hover span:nth-child(3){-webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay:0.1s}
.price-table .btn:hover span:nth-child(4){-webkit-transition-delay:0.15s; -moz-transition-delay:0.15s; -o-transition-delay:0.15s; transition-delay:0.15s}
.price-table .btn:hover span:nth-child(5){-webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s}
.price-table .btn:hover span:nth-child(6){-webkit-transition-delay:0.25s; -moz-transition-delay:0.25s; -o-transition-delay:0.25s; transition-delay:0.25s}
.price-table .btn:hover span:nth-child(7){-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s}
.price-table .btn:hover span:nth-child(8){-webkit-transition-delay:0.35s;-moz-transition-delay:0.35s; -o-transition-delay:0.35s; transition-delay:0.35s}
.price-table .btn:hover span:nth-child(9){-webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s}
.price-table .btn:hover span:nth-child(10){-webkit-transition-delay:0.45s; -moz-transition-delay:0.45s; -o-transition-delay:0.45s; transition-delay:0.45s}
.price-table .btn:hover span:nth-child(11){-webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s}
.price-table .btn:hover span:nth-child(12){-webkit-transition-delay:0.55s; -moz-transition-delay:0.55s; -o-transition-delay:0.55s; transition-delay:0.55s}
.price-table .btn:hover span:nth-child(13){-webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -o-transition-delay:0.6s; transition-delay:0.6s}
.price-table .btn:hover span:nth-child(14){-webkit-transition-delay:0.65s; -moz-transition-delay:0.65s; -o-transition-delay:0.65s; transition-delay:0.65s}
.price-table .btn:hover span:nth-child(15){-webkit-transition-delay:0.7s; -moz-transition-delay:0.7s; -o-transition-delay:0.7s; transition-delay:0.7s}
.price-table .btn:hover span:nth-child(16){-webkit-transition-delay:0.75s; -moz-transition-delay:0.75s; -o-transition-delay:0.75s; transition-delay:0.75s}
.price-table .btn:hover span:nth-child(17){-webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s}
.price-table .btn:hover span:nth-child(18){-webkit-transition-delay:0.85s; -moz-transition-delay:0.85s; -o-transition-delay:0.85s; transition-delay:0.85s}
.price-table .btn:hover span:nth-child(19){-webkit-transition-delay:0.95s; -moz-transition-delay:0.95s; -o-transition-delay:0.95s; transition-delay:0.95s}
.price-table .btn:hover span:nth-child(20){-webkit-transition-delay:1s; -moz-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s}

/*Price table end here*/

.fa-icon{
    margin-right: 10px!important;
    color: #00C1DE!important;
    font-size: 18px!important;
    transform: rotate(30deg)!important;
}
.fa-icon:hover{
        background-color: transparent!important;
}
.mid-img{

    background-color: #373d41;
    padding-top: 35px;
    padding-bottom: 47px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.mid-img .links {
    float: none;
    margin: 0 auto 13px;
    text-align: center;
    color: #00C1DE;
}

.mid-img .title-mid{
    font-size: 28px;
    color: #FFF;
    text-align: center;
    float: none;
    margin: 0 auto 10px;
}

.mid-img .desc {
    opacity: .7;
    color: #FFF;
    text-align: center;
    float: none;
    margin: 0 auto;
}

.mid-img a{
    margin-top: 26px;
    color: #fff;
    background-color: #00c1de;
    border-color: transparent;
    border-radius: 0;
    width: 150px;
    height: 40px;
    padding: 10px;
}


 .mid-img main {
    text-align: center;
}

.dns-func{
    padding-top: 50px;
    padding-bottom: 30px;
}

.dns-func .h3 {
    float: none;
    margin: 0 auto;
    padding-bottom: 15px;
    position: relative;
    font-size: 2pc;
}

.dns-func .table-item-row{
    overflow: hidden;
    overflow-x: auto;
    position: relative;
}


.dns-func .table {
    border: 1px solid #D7D8D9;
    background: #fff;
    width: 100%;
    margin-bottom: 24px;
}
.dns-func .table th {
   font-weight: 400;
}

.dns-func .table thead {
    background: #ebecec;
}
.dns-func thead td {
    border-bottom: #e2e3e4;
}
.descriptions{
    padding-bottom: 18px;
    color: #000;;
}
.kms{
    width: 100%;
    background-color: #f5f5f6;
    padding-top: 50px;
    padding-bottom: 70px;
}
.kms_dhr{
    font-size: 32px;
    height: 43px;
    line-height: 43px;
    color: #373d41;
    text-align: center;
}
.kms_block-chain{
    margin-top: 40px;
}
.kms-inner {
    position: relative!important;
    padding-left: 0!important;
    padding-right: 0!important;
}
.col-list {
    background-color: #fff;
}
.tb-title {
    padding: 0!important;
    height: 52px;
    background-color: #ebecec;
}
.col-list li {
    font-size: 14px;
    text-align: center;
    color: #373d41;
    line-height: 1.6;
    padding: 20px 15px;
    border-bottom: 1px solid #ebecec;
    border-right: 1px solid #ebecec;
    list-style: none;
}
.col-list li p{
    font-size: 14px;
    text-align: center;
    color: #373d41!important;
    line-height: 1.6;
    padding: 20px 15px;
    list-style: none;
}
.tb-title span {
    display: block;
    padding: 12px 10px;
    font-size: 18px;
    font-weight: 700;
    color: #373d41;
    text-align: center;
}
.col-list li .mid-wrap {
    width: 100%;
    height: 100%;
    display: table;
    overflow: hidden;
}
.mid-wrap .kms-con {
    display: table-cell;
    vertical-align: middle;
}
.leve2-title {
    border-left: 2px solid #00C1DE;
    padding-left: 13px;
    margin-bottom: 18px;
}

/*domain css start here*/
.domains{
    padding-bottom: 0;
    padding-top: 100px;
    height: auto;
    background-size: cover;
}
.domains h1 {
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #fff;
}
.domain-body{
    padding-top: 23px;
}
.search-main {
    padding-bottom: 41px;
}
.search-bar {
    margin: 0 auto!important;
    float: none!important;
    background: #fff!important;
    position: relative!important;
    z-index: 110!important;
}
.search-bar .ipt-domain {
    height: 54px;
    width: 100%;
    margin-left: -15px;
    border: none;
    padding-right: 150px;
    padding-left: 15px;
}
.search-bar .btn {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 150px;
    max-width: 150px;
    padding: 12px;
    color: #fff;
    background-color: #00c1de;
    border-color: transparent;
    border-radius: 0px;
}
.rel-links {
    margin: 0 auto!important;
    float: none!important;
    padding: 10px 0!important;
}
.rel-links a{
    color: #fff;
    font-size: 18px;
}

.extend-banner {
    background-color: #030b1a;
    background-color: rgba(3,11,26,.8);
    min-height: 76px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.extend-banner .col-md-4 {
    color: #e1e1e1;
    padding-top: 11px;
    padding-bottom: 11px;
}
.extend-banner h5 {
    padding-bottom: 0;
    font-size: 18px;
    line-height: 25px;
}
/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
    left: -12px;
    background-image: none;
    /* background: none repeat scroll 0 0 #222222; */
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    color: rgb(20, 20, 20);
    width: 40px;
    margin-top: 85px;
    font-size: 68px;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
    right: -12px;
    background-image: none;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    color: rgb(20, 20, 20);
    width: 40px;
    margin-top: 85px;
    font-size: 68px;
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
    width: 154px;
    height: 105px;
}

.domain-slider .extn{
    position: relative;
    top: 10px;
    left: 0;
    text-align: left;
    font-size: 40px;
    padding-left: 15px;
    color: #fff;
}
.price-extn{
    text-align: left;
    color: #FF8A00;
    margin-top: 20px;
    padding-left: 15px; 
    font-size: 26px;
    color: #ffcf00;
}
.price-extn strike{
    text-align: left;
    font-size: 20px;
    color: #a9b0b4;
    margin-left: 10px;
}

.domain-slider .btn{
    background-color: #10a7ff;
    width: 150px;
    margin: 18px auto 20px auto;
    text-align: center;
    color: #fff;
    font-size: 17px;
    border-radius: 0;
}
.hot-sales {
    background: #e90a4a;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    width: 58px;
    height: 58px;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    line-height: 58px;
    font-size: 20px;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}
.domain-slider .col-md-3{
    width: 254px;
    height: 205px;
    margin-left: 15px;
}
/* End carousel */

.style1{
    overflow: hidden;
}
.style1 {
    background: #F4F7FA;
    position: relative;
}
.style1-left {
    padding: 32px 35px 32px 64px!important;
}
.style1-left li {
    position: relative;
    color: #373D41;
    padding-top: 10px;
    padding-bottom: 12px;
    list-style: none;
    font-size: 15px;
}
.style1-left li .arrowd {
    position: absolute;
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid;
    border-color: #1C92F6 transparent transparent #1C92F6;
    line-height: 0;
    left: -14px;
    top: 10px;
}
.style1-right {
    color: #373D41;
    padding: 32px 35px 32px 64px!important;
}
.domain-offer h5 {
    padding-bottom: 10px;
    font-size: 20px;
    text-align: left;
}
.style1-right p {
    color: #777F84;
    padding-bottom: 10px;
    min-height: 62px;
    font-size: 18px;
}
.line-style {
    position: absolute;
    width: 4px;
    top: 0;
    bottom: 0;
    left: 33.33333333%;
    background-color: #fff;
    margin-left: -2px;
}
.icon-wrapd img{
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    top: 50%;
    bottom: 0;
    left: 33.33333333%;
    background-color: #fff;
    border-radius: 100%;
    margin-left: -25px;
    margin-top: -25px;
}
.style1 .line-style {
    position: absolute;
    width: 4px;
    top: 0;
    bottom: 0;
    left: 33.33333333%;
    background-color: #fff;
    margin-left: -2px;
}

.domain-offer .btn{
    float: right;
    background-image: linear-gradient(-225deg,#1C90F6 0,#00C1DE 100%);
    border: none;
}
.domain-offer{
    padding-top: 60px;
    padding-bottom: 60px;
}
.price-domain{
    font-size: 42px;
    vertical-align: top;
    line-height: 42px;
}
.symbol {
    font-size: 20px;
    vertical-align: top;
    margin-right: 5px;
}
.style1:hover .price-domain ,.style1:hover .symbol {
    color: #FF8A00;
}
.style1:hover .icon-wrap, .style1:hover .line-style {
    background-color: #1E99FE;
}
.style1:hover {
    border: 1px solid #1E99FE;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(28,144,246,.4);
}
.whychoose-alibaba{
    padding-top: 60px;
    padding-bottom: 60px;
}
.whychoose-alibaba h3 {
    text-align: center;
    margin-bottom: 15px;
    float: none;
    margin: 0 auto;
    padding-bottom: 50px;
    position: relative;
    font-size: 2pc;
}
.whychoose-alibaba p {
    min-height: 68px;
    overflow: hidden;
    color: #999;
    font-size: 1pc;
    line-height: 25px;
}
.whychoose-alibaba h5 {
    padding: 14px 0;
    text-align: left;
    font-size: 20px;
    font-weight: 500;
}
.module-row img {
    position: absolute;
    max-height: 390px!important;
    left: 0;
    top: 0;
}
.module-row .block-chain {
    padding-top: 90px;
}
.slider-body {
    padding-bottom: 60px;
    padding-top: 60px;
}
.module-row {
    height: 390px;
}
.module-row h4{
    font-size: 24px;
    text-align: left;
    margin-bottom: 20px;
}
.module-row li{
        padding-bottom: 10px;
        list-style: none;  
        font-size: 15px;
        color: #373d41;
        font-weight: 500;
}
.ben{
    background-color: rgb(249, 249, 248,1);
}
.cloud-section--border {
    border-top: 1px solid #ffffff;
}

.cloud-headline2 {
    font-size: 40px;
    letter-spacing: -0.5px;
    line-height: 52px;
    text-align: left;
}

.devsite-table-wrapper {
    display: inline-table;
    overflow: initial;
}
.cloud-table {
    min-width: 600px;
}

.devsite-table-wrapper table {
    margin: 16px 0;
}
.cloud-table {
    background-color: #F5F5F5;
    border: 0;
    border-collapse: collapse;
    border-radius: 0;
    border-spacing: 0;
    box-shadow: none;
    margin: 0;
    table-layout: fixed;
    width: 100%;
}
.cloud-table tr {
    border-bottom: 1px solid #dadce0;
    border-top: 0;
}
.cloud-table th[colspan] {
    text-align: left;
    
    
}
.pricing-table-heading {
    padding-top: 0;
}
.cloud-table th {
    color: #000;
    vertical-align: top;
}
.cloud-table th {
    background: transparent;
    border: 0;
    padding: 28px 0;
    width: 184px;
    padding-left: 30px;
}
.table-heading {
    font: 500 20px/32px Roboto,sans-serif;
    font-size: 22px;
    overflow: visible;
    white-space: nowrap;
    text-align: left;
}
.cloud-table tr {
    background: transparent;
    border-bottom: 1px solid #dadce0;
    border-top: 0;
}

.cloud-section {
    padding: 80px 0;
}
.tabdescp img{
    
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .cloud-section{
        overflow: scroll;
    }
}

.devsite-table-wrapper {
    box-shadow: none;
}
.devsite-table-wrapper {
    margin: 16px 0;
    overflow: auto;
}
.devsite-table-wrapper table {
    background: #fff;
    border: 1px solid #2b85e7;
    border-collapse: separate;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.24), 0 0 2px rgba(0,0,0,.12);
    box-shadow: 0 2px 2px rgba(0,0,0,.24), 0 0 2px rgba(0,0,0,.12);
    margin-bottom: 32px;
}
.devsite-table-wrapper table tbody tr {
    background: none;
}
.devsite-table-wrapper table tbody th {
    background: rgba(236,239,241,.24);
    font-size: 16px;
    font-weight: 600;
    width: 20%;
}
.devsite-table-wrapper table tbody th, .devsite-table-wrapper table tbody td {
    border: 1px solid rgba(207,216,220,.24);
    padding: 8px 24px;
    text-align: left;
}
.devsite-table-wrapper table thead th {
    background: #2b85e7;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding: 8px 24px;
    text-align: left;
    text-transform: uppercase;
}
.devsite-table-wrapper table tbody th {
    background: rgba(236,239,241,.24);
    font-size: 16px;
    font-weight: 500;
}
.l-space-bottom-12 {
    margin-bottom: 96px;
}
.l-content {
    padding: 64px 96px;
}
.l-showcase {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 64px;
    margin-left: auto;
    margin-right: auto;
    max-width: 346px;
    position: relative;
}
.cloud-section__spacer {
    margin-bottom: 56px;
}
.l-space-bottom-6 {
    margin-bottom: 48px;
}
.cloud-body-text {
    color: #5f6368;
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.cloud-card__content--has-footer {
    padding: 32px 32px 24px;
}
.cloud-headline5 {
    font-size: 18px;
    line-height: 30px;
    text-align: left;
}
.cloud-body-text__small {
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}
.cloud-card__container .cloud-card {
    flex: 0 1 100%;
    margin: 0 12px 24px;
    max-width: 300px;
    min-height: 272px;
}
.cloud-card__footer {
    align-self: end;
    margin-right: auto;
    margin-top: auto;
    padding: 0 32px 32px;
}
.cloud-card .cloud-button:not(.cloud-button--flat-alternate) {
    display: flex;
    justify-content: flex-start;
}
.cloud-card__container--3up .cloud-card {
    flex-basis: calc(33.3% - 24px);
}
.cloud-card {
    border: 1px solid #dadce0;
    transition: box-shadow 280ms ease-in-out;
    background-color: #fff;
    background-position: center center;
    background-size: auto 100%;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-width: 225px;
    overflow: hidden;
    position: relative;
}
.cloud-card__container--3up {
    max-width: 978px;
}
.cloud-card__container--3up {
    margin-left: auto;
    margin-right: auto;
}
.cloud-card__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -24px;
}
.cloud-card:not(.cloud-card--no-hover):hover {
    border: 1px solid #dadce0;
    transition: box-shadow 280ms ease-in-out;
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.05), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
    background-size: auto 103%;
}
.cloud-card__container--3up .cloud-card {
    flex-basis: calc(33.3% - 24px);
}
.cloud-ntwrk{
    background-color: rgb(236, 236, 236);
}
.cloud-ntwrk h5{
    font-size: 20px;
    padding-bottom: 0;
}
.cloud-ntwrk img{
    width: 50px;
    height: 50px;
}
.l-content p{
    color: #000;
    font-size: 16px;    
}
.background-mist {
    background: #eceff1;
    color: #4a5960;
}
.text-display-1{ 
    font-size: 43px;
    font-weight: 400;
    line-height: 40px;
    margin: 0 0 16px 0;
    text-align: left;
        color: #4a5960;
}

.l-pad-top-3,.text-body{
        font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin: 0 0 16px 0;
    text-align: left;
}
.security-list li{
    list-style: circle!important;
}
.security-list li a{
    color: #000!important;
    cursor: pointer;
    padding: 0px;
}
.cloud-price-wrapper{
    border: 1px solid #000;
    padding-top: 50px;
}
.cloud-price-menu li{
    list-style: none;
        line-height: 24px;
        font-size: 16px;
    font-weight: 400;
}
.cloud-price-menu li i{
    font-size: 25px;
    margin-right: 15px;
    color: #34a853;
}
.cloud-price-rate{
padding-bottom: 80px;
    padding-top: 60px;
}
.cloud-price-rate h1{
padding-bottom: 40px;
}
.cloud-price-rate p{
color: #5f6368;
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}
.cloud-price-wrapper .price-wrapper{
        padding-top: 180px;
}

/*AWS Css start end here*/

.aws_started{
    padding: 50px;
}
.aws_started_wrapper{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 30px;
}
.aws_started_wrapper img{
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-align: center;
    padding-bottom: 20px;
}
.gts_tit{
    color: #007dca;
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 0px;
}
.gts_subtit{
    color: #000;
    font-size: 1.8rem;
    line-height: 1.5;
    
}
.text-ps{
    font-size: 15px;
    color: #000;
}
.text-psb{
    font-size: 16px;
    color: #005b86;
    font-weight: 500;
}
.ios-services{
    background-color: rgb(243, 243, 243);
    padding-top: 30px;
    padding-bottom: 30px;
        font-size: 1.4rem;
    line-height: 1.6;
    font-weight: 400;
    color: #333;
}
.ios-services ul li{
    margin-top: 10px;
}

.ios-feature{
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 1.4rem;
    line-height: 1.6;
    font-weight: 400;
    color: #333;
}
.ios-feature h2{
    padding-bottom: 40px;
    font-size: 20px;
    font-weight: 600;
}

.ios-feature h5{
    padding-bottom: 20px;
    font-weight: 600;
}
.ios-feature p{
    color: #000;
    font-weight: 400;
    text-align: justify;
}


/*managed services css start from here*/
.mng-serbox .mng-title{
    padding-top: 40px;
}
.mng-serbox{
    background-color: #f5f5f6;
    padding-bottom: 50px;
}
.serbox{
    background-color: #fff;
    padding: 21px;
    margin-top: 50px;
}

.mng-serbox .serbox h1{
    font-size: 50px;
}
.mng-serbox .serbox h4{
    font-weight: 600;
    line-height: 28px;
    color: #424242;
}
.serbox ul li{
    font-size: 16px;
    line-height: 30px;
}
.serbox ul{
        margin-top: 26px;
}





/*simple application server pricing start here*/

.simple-pricing{
 padding-top: 50px;
    padding-bottom: 30px;   
}
.module>.container>h2 {
    float: none;
    margin: 0 auto;
    padding-bottom: 15px;
    position: relative;
    text-align: center;
}

.module .h5 {
    padding-bottom: 18px;
        font-weight: 700;
            font-size: 20px;
    line-height: 1.3;
    text-align: left;
}
.table-item-row {
    overflow: hidden;
    overflow-x: auto;
    position: relative;
}
.simple-pricing .table {
    border: 1px solid #D7D8D9;
    background: #fff;
    color: #000;
}
.simple-pricing .table thead {
    background: #ebecec;
}
.simple-pricing .table tbody th {
    font-weight: 400;
    min-width: 140px;
}
/*simple application server pricing end here*/

/*elastic gpu service end here*/

.content {
    margin: 0 auto;
    max-width: 960px;
    color: #9B9EA0;
}
.gpu-pricing h5{
    margin: 0 auto;
    max-width: 960px;
    color: #9B9EA0;
    font-size: 1pc;
    font-size: 16px;
    line-height: 1.5;
}
.gpu-pricing a{
    color: #00c1de;
}

.gpu-pricing a:hover{
    color: #00c1de;
}

.gpu-opt{
    margin: 54px auto 40px;
    max-width: 940px;
    list-style: none;
}
.gpu-opt p{
    text-align: center;
    
}
.gpu-opt img{
    height: 64px;
    display: block;
    margin: auto;
}
/*elastic gpu service end here*/

/*Auto Scalling start here*/

.pricing-as{
        padding-top: 50px;
    padding-bottom: 30px;
    text-align: center;
}
.pricing-as span{
    text-align: center;
}
/*Auto Scalling end here*/

/*server load balancer start here*/

.slb-pricing{
    padding-top: 50px;
    padding-bottom: 30px;
}
.leve2-title {
    border-left: 2px solid #00C1DE;
    padding-left: 13px;
    margin-bottom: 18px;
}
.slb-pricing .table {
    border: 1px solid #D7D8D9;
    background: #fff;
    color: #000;
}
.slb-pricing .table th {
    color: #000;
    font-weight: 400;
}
.slb-pricing .table thead {
    background: #ebecec;
}

 .slb-pricing .table .odd td, .slb-pricing .table .odd th {
    background: #f9fafa;
    font-weight: 400;
}
.slb-pricing p{
        font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding-bottom: 18px;
}

/*slb pricing end here*/
.ehpc-pricing h4{
    text-align: left;
    font-weight: 500;
    font-size: 20px;
    padding-bottom: 18px;
}
.ehpc-pricing p{    
    color: #fff;
    font-weight: 400;
    margin-bottom: 7px;
    font-size: 13px;
    line-height: 19px;
    margin-top: 30px;
    font-family: roboto;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;
}

/*ehpc pricing end here*/
.fc-pricing table th {
    padding: 6px 13px;
    border: 1px solid #ddd;
    word-break: normal;
}
.fc-pricing table tr {
    background-color: #fff;
    border-top: 1px solid #ccc;
    color: #000;
}