@charset "utf-8"; @import url('../css/jquery.mCustomScrollbar.css'); @import url('../css/owl.carousel.min.css'); @import url('../css/owl.theme.default.min.css'); @import url('../css/font-awesome.min.css'); @import url('../css/animate.css'); @import url('../css/slick.css'); @import url('../css/slick-theme.css'); @import url('../css/responsive.css'); abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    font: inherit;
}

@font-face {
    font-family: Raleway;
    font-display: auto;
    src: url(../fonts/Raleway-LightItalic.eot);
    src: url(../fonts/Raleway-LightItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-LightItalic.woff2) format('woff2'), url(../fonts/Raleway-LightItalic.woff) format('woff'), url(../fonts/Raleway-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    font-display: auto;
    src: url(../fonts/Raleway-ExtraBoldItalic.eot);
    src: url(../fonts/Raleway-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-ExtraBoldItalic.woff2) format('woff2'), url(../fonts/Raleway-ExtraBoldItalic.woff) format('woff'), url(../fonts/Raleway-ExtraBoldItalic.ttf) format('truetype');
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    font-display: auto;
    src: url(../fonts/Raleway-Medium.eot);
    src: url(../fonts/Raleway-Medium.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-Medium.woff2) format('woff2'), url(../fonts/Raleway-Medium.woff) format('woff'), url(../fonts/Raleway-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: url(../fonts/Raleway-Regular.eot);
    src: url(../fonts/Raleway-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-Regular.woff2) format('woff2'), url(../fonts/Raleway-Regular.woff) format('woff'), url(../fonts/Raleway-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    font-display: auto;
    src: url(../fonts/Raleway-ExtraLight.eot);
    src: url(../fonts/Raleway-ExtraLight.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-ExtraLight.woff2) format('woff2'), url(../fonts/Raleway-ExtraLight.woff) format('woff'), url(../fonts/Raleway-ExtraLight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    font-display: auto;
    src: url(../fonts/Raleway-BlackItalic.eot);
    src: url(../fonts/Raleway-BlackItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-BlackItalic.woff2) format('woff2'), url(../fonts/Raleway-BlackItalic.woff) format('woff'), url(../fonts/Raleway-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    font-display: auto;
    src: url(../fonts/Raleway-SemiBoldItalic.eot);
    src: url(../fonts/Raleway-SemiBoldItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-SemiBoldItalic.woff2) format('woff2'), url(../fonts/Raleway-SemiBoldItalic.woff) format('woff'), url(../fonts/Raleway-SemiBoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    font-display: auto;
    src: url(../fonts/Raleway-Italic.eot);
    src: url(../fonts/Raleway-Italic.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-Italic.woff2) format('woff2'), url(../fonts/Raleway-Italic.woff) format('woff'), url(../fonts/Raleway-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    font-display: auto;
    src: url(../fonts/Raleway-Bold.eot);
    src: url(../fonts/Raleway-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-Bold.woff2) format('woff2'), url(../fonts/Raleway-Bold.woff) format('woff'), url(../fonts/Raleway-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    font-display: auto;
    src: url(../fonts/Raleway-Light.eot);
    src: url(../fonts/Raleway-Light.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-Light.woff2) format('woff2'), url(../fonts/Raleway-Light.woff) format('woff'), url(../fonts/Raleway-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    font-display: auto;
    src: url(../fonts/Raleway-SemiBold.eot);
    src: url(../fonts/Raleway-SemiBold.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-SemiBold.woff2) format('woff2'), url(../fonts/Raleway-SemiBold.woff) format('woff'), url(../fonts/Raleway-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    font-display: auto;
    src: url(../fonts/Raleway-MediumItalic.eot);
    src: url(../fonts/Raleway-MediumItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-MediumItalic.woff2) format('woff2'), url(../fonts/Raleway-MediumItalic.woff) format('woff'), url(../fonts/Raleway-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    font-display: auto;
    src: url(../fonts/Raleway-BoldItalic.eot);
    src: url(../fonts/Raleway-BoldItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-BoldItalic.woff2) format('woff2'), url(../fonts/Raleway-BoldItalic.woff) format('woff'), url(../fonts/Raleway-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    font-display: auto;
    src: url(../fonts/Raleway-ExtraLightItalic.eot);
    src: url(../fonts/Raleway-ExtraLightItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-ExtraLightItalic.woff2) format('woff2'), url(../fonts/Raleway-ExtraLightItalic.woff) format('woff'), url(../fonts/Raleway-ExtraLightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    font-display: auto;
    src: url(../fonts/Raleway-Black.eot);
    src: url(../fonts/Raleway-Black.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-Black.woff2) format('woff2'), url(../fonts/Raleway-Black.woff) format('woff'), url(../fonts/Raleway-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    font-display: auto;
    src: url(../fonts/Raleway-Thin.eot);
    src: url(../fonts/Raleway-Thin.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-Thin.woff2) format('woff2'), url(../fonts/Raleway-Thin.woff) format('woff'), url(../fonts/Raleway-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    font-display: auto;
    src: url(../fonts/Raleway-ThinItalic.eot);
    src: url(../fonts/Raleway-ThinItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-ThinItalic.woff2) format('woff2'), url(../fonts/Raleway-ThinItalic.woff) format('woff'), url(../fonts/Raleway-ThinItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    font-display: auto;
    src: url('font-family: 'Open Sans';Raleway-ExtraBold.eot');
    src: url(../fonts/Raleway-ExtraBold.eot?#iefix) format('embedded-opentype'), url(../fonts/Raleway-ExtraBold.woff2) format('woff2'), url(../fonts/Raleway-ExtraBold.woff) format('woff'), url(../fonts/Raleway-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    font-display: auto;
    src: url(../fonts/OpenSans-BoldItalic.eot);
    src: url(../fonts/OpenSans-BoldItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/OpenSans-BoldItalic.woff2) format('woff2'), url(../fonts/OpenSans-BoldItalic.woff) format('woff'), url(../fonts/OpenSans-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    font-display: auto;
    src: url(../fonts/OpenSans-Bold.eot);
    src: url(../fonts/OpenSans-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/OpenSans-Bold.woff2) format('woff2'), url(../fonts/OpenSans-Bold.woff) format('woff'), url(../fonts/OpenSans-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Lato-Bold;
    font-display: auto;
    src: url(../fonts/Lato-Bold.eot);
    src: url(../fonts/Lato-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/Lato-Bold.woff2) format('woff2'), url(../fonts/Lato-Bold.woff) format('woff'), url(../fonts/Lato-Bold.ttf) format('truetype'), url(../fonts/Lato-Bold.svg#Lato-Bold) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Montserrat-Medium;
    font-display: auto;
    src: url(../fonts/Montserrat-Medium.eot);
    src: url(../fonts/Montserrat-Medium.eot?#iefix) format('embedded-opentype'), url(../fonts/Montserrat-Medium.woff2) format('woff2'), url(../fonts/Montserrat-Medium.woff) format('woff'), url(../fonts/Montserrat-Medium.ttf) format('truetype'), url(../fonts/Montserrat-Medium.svg#Montserrat-Medium) format('svg');
    font-weight: 500;
    font-style: normal
}

body {
    color: #193d4a;
    font-size: 18px;
    line-height: 1.5;
    background-color: #fff;
    font-family: Raleway
}

.wow {
    opacity: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

nav ul {
    list-style: none
}

html * {
    outline: 0
}

li, ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    text-decoration: none
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input, select {
    vertical-align: middle
}

outline {
    border: 0
}

.lft {
    float: left
}

.rgt {
    float: right
}

.center {
    text-align: center!important
}

a:hover {
    cursor: pointer!important
}

.clear {
    clear: both;
    line-height: 0;
    font-size: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.wrapper {
    width: 1300px;
    margin: 0 auto
}

.parallax {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

h2, h3, h4, h5, h6 {
    font-family: Raleway
}

h2 {
    font-size: 50px;
    line-height: 54px;
    font-weight: 600
}

h3 {
    font-size: 30px;
    line-height: 34px;
    font-weight: 600
}

h4 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600
}

.txt-blue {
    color: #23afd1
}

.site-header {
    position: fixed;
    left: 0;
    right: 0;
    padding: 32px 0;
    z-index: 99;
    background: #f5f8fa;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s
}

.site-header .wrapper {
    width: 1500px;
    position: relative
}

.site-header.fixed {
    background-color: #f5f8fa;
    padding: 15px 0;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,.11);
    -webkit-box-shadow: 0 3px 12px 0 rgba(0,0,0,.11)
}

.site-header .logo {
    width: 350px;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s
}

.site-header.fixed .logo {
    width: 260px
}

.main-navigation nav,.user-actions {
    display: inline-block;
    vertical-align: middle
}

.main-navigation nav {
    vertical-align: top
}

.user-actions ul li {
    display: inline-block;
    vertical-align: middle
}

.user-actions ul li a {
    color: #193d4a;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    padding: 10px 22px;
    border-radius: 60px;
    margin-left: 23px;
    display: inline-block;
    transition: all ease .1s;
    -webkit-transition: all ease .1s;
    -moz-transition: all ease .1s
}

.user-actions ul li a:hover {
    color: #fff
}

.user-actions ul li .cart-btn {
    border: 2px solid #193d4a
}

.user-actions ul li a span {
    width: 25px;
    height: 22px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.user-actions ul li a b {
    display: inline-block;
    vertical-align: middle
}

.user-actions ul li .cart-btn span {
    background: url(../images/new-cart.png) no-repeat center center;
    background-size: contain
}

.user-actions ul li .cart-btn:hover span {
    background: url(../images/new-cart-hover.png) no-repeat center center;
    background-size: contain
}

.user-actions ul li .cart-btn:hover {
    border: 2px solid #f89228;
    background: -moz-linear-gradient(top,rgba(248,147,40,1) 33%,rgba(244,127,34,1) 100%);
    background: -webkit-linear-gradient(top,rgba(248,147,40,1) 33%,rgba(244,127,34,1) 100%);
    background: linear-gradient(to bottom,rgba(248,147,40,1) 33%,rgba(244,127,34,1) 100%)
}

.user-actions ul li .login-btn span {
    background: url(../images/Client-Login.png) no-repeat 0 0;
    background-size: contain
}

.user-actions ul li .login-btn:hover span {
    background: url(../images/Client-Login-hover.png) no-repeat 0 0;
    background-size: contain
}

.user-actions ul li .login-btn {
    color: #fff!important;
    border: 2px solid #f47f22;
    border-bottom: 2px solid #f47f22;
    padding: 8.5px 15px!important;
    background: -moz-linear-gradient(top,rgba(248,147,40,1) 33%,rgba(244,127,34,1) 100%);
    background: -webkit-linear-gradient(top,rgba(248,147,40,1) 33%,rgba(244,127,34,1) 100%);
    background: linear-gradient(to bottom,rgba(248,147,40,1) 33%,rgba(244,127,34,1) 100%);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: all ease .1s;
    -webkit-transition: all ease .1s;
    -moz-transition: all ease .1s
}

.user-actions ul li .login-btn:hover {
    border: 2px solid #193d4a;
    background: 0 0;
    color: #193d4a!important
}

.user-actions ul li a img {
    margin-right: 0
}

.user-actions ul li a img {
    display: inline-block;
    vertical-align: middle
}

.humer_menu {
    display: none!important
}

.main-navigation {
    padding: 10px 0 0;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s
}

.site-header.fixed .main-navigation {
    padding: 0
}

.main-navigation nav>ul li {
    display: inline-block;
    margin-right: -4px;
    padding: 0 16px;
    vertical-align: text-top;
}

.main-navigation nav>ul li a {
    position: relative;
    color: #193d4a;
    font-size: 19px;
    /*.line-height: 13px;*/
    font-weight: 600;
    display: inline-block;
    transition: all ease .1s;
    -webkit-transition: all ease .1s;
    -moz-transition: all ease .1s;
    padding-top: 10px;
    padding-bottom: 20px;
}

/*.main-navigation nav>ul li a::before {
    content: '';
    position: absolute;
    bottom: 13px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #f89629;
    transform: scale(0,0);
    -webkit-transform: scale(0,0);
    transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s
}*/

.main-navigation nav ul li:hover a::before {
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1)
}

/*.main-navigation nav>ul li a::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    width: 0;
    height: 0;
    border-width: 0 13px 15px 13px;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    bottom: -2px;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    transition: all .25s ease-in-out,visibility 0s linear .1s,z-index 0s linear 10ms;
    -webkit-transition: all .25s ease-in-out,visibility 0s linear .1s,z-index 0s linear 10ms
}*/

.main-navigation nav>ul li a::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) rotate(45deg);
    width: 17px;
    height: 17px;
    background: #fff;
    bottom: -9px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: all .25s ease-in-out,visibility 0s linear .1s,z-index 0s linear 10ms;
    -webkit-transition: all .25s ease-in-out,visibility 0s linear .1s,z-index 0s linear 10ms;
    border-color: #dadada;
    border-width: 1px 0 0 1px;
    border-style: solid;
}


.main-navigation nav ul li:hover a::after {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s,0s,.15s;
    -webkit-transition-delay: 0s,0s,.15s;
    -moz-transition-delay: 0s,0s,.15s
}

/*.main-navigation nav ul li:nth-child(4) a::after {
    display: none
}*/

.main-navigation nav ul li:nth-child(4) a::after{
	bottom:-10px;
	background:#f5f5f5;
	left:60%;
}

.mga_menu {
    top: 72px;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    transform: translateY(-4em);
    -webkit-transform: translateY(-4em);
    -moz-transform: translateY(-4em);
    z-index: -1;
    transition: all .25s ease-in-out,visibility 0s linear .1s,z-index 0s linear 10ms;
    -webkit-transition: all .25s ease-in-out,visibility 0s linear .1s,z-index 0s linear 10ms;
    -moz-transition: all .25s ease-in-out,visibility 0s linear .1s,z-index 0s linear 10ms;
    box-shadow: 5px 16px 22px 5px rgba(0,0,0,.16);
    -webkit-box-shadow: 5px 16px 22px 5px rgba(0,0,0,.16);
    -moz-box-shadow: 5px 16px 22px 5px rgba(0,0,0,.16);
    -ms-box-shadow: 5px 16px 22px 5px rgba(0,0,0,.16);
    -o-box-shadow: 5px 16px 22px 5px rgba(0,0,0,.16)
}

.main-navigation nav ul li:hover .mga_menu {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transition-delay: 0s,0s,.15s;
    -webkit-transition-delay: 0s,0s,.15s;
    -moz-transition-delay: 0s,0s,.15s
}

.mga_menu .m-menu-left {
    float: left;
    width: 50%
}

.mga_menu .m-menu-right {
    float: left;
    width: 50%
}

.mga_menu a:empty,.mga_menu p:empty {
    display: none!important
}

.m-menu-box {
    border: 1px solid #e6e6e6;
    padding: 14px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 14px;
    cursor: pointer
}

.m-menu-box:hover {
    box-shadow: 2px 2px 15px 3px rgba(0,0,0,.08);
    -webkit-box-shadow: 2px 2px 15px 3px rgba(0,0,0,.08);
    -moz-box-shadow: 2px 2px 15px 3px rgba(0,0,0,.08);
    -ms-box-shadow: 2px 2px 15px 3px rgba(0,0,0,.08);
    -o-box-shadow: 2px 2px 15px 3px rgba(0,0,0,.08)
}

.m-menu-box a::after,.m-menu-box a::before {
    display: none
}

.m-menu-box h4 {
    font-family: Montserrat-Medium;
    font-size: 23px;
    line-height: 27px;
    color: #24b0d1;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 18px
}

.m-menu-box:hover h4 {
    color: #f47f22
}

.m-menu-box img {
    width: auto;
    margin: 15px auto
}

.m-menu-box p {
    font-family: Raleway;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(25,61,74,.7);
    text-align: center;
    margin-bottom: 10px
}

.m-menu-box a {
    display: block!important;
    padding: 0!important
}

.mga_menu.cloud .m-menu-right .m-menu-box p {
    text-align: left;
    float: left;
    width: 69%
}

.mga_menu.cloud .m-menu-right .m-menu-box img {
    float: left;
    margin: 0;
    margin-right: 15px;
    height: auto
}

.mga_menu.cloud .m-menu-left .m-menu-box img {
    display: block
}

.mga_menu.cloud .m-menu-left .m-menu-box {
    float: left;
    width: 46.1%;
    min-height: 428px
}

.mga_menu.cloud .m-menu-right .m-menu-box {
    float: left;
    width: 46.1%;
    min-height: 200px
}

.mga_menu.m-web .m-menu-left .m-menu-box {
    float: left;
    width: 46.1%;
    text-align: center
}

.mga_menu.m-web .m-menu-right .m-menu-box:first-child {
    float: none;
    width: 96%;
    min-height: 275px
}

.mga_menu.m-web .m-menu-right .m-menu-box {
    float: left;
    width: 46.1%;
    min-height: 249px
}

.mga_menu.m-web .m-menu-right .m-menu-box .bx-rgt {
    width: 61%;
    text-align: left
}

.mga_menu.m-web .m-menu-right .m-menu-box p {
    float: right;
    width: 69%;
    text-align: left
}

.mga_menu.m-web .m-menu-right .m-menu-box .bx-rgt h4,.mga_menu.m-web .m-menu-right .m-menu-box .bx-rgt p {
    width: 100%;
    text-align: left
}

.mga_menu.m-web .m-menu-right .m-menu-box .m-in-img {
    float: left
}

.mga_menu.m-web .m-menu-box ul {
    clear: both
}

.mga_menu.m-web .m-menu-box ul li {
    float: none;
    display: block;
    position: relative
}

.mga_menu.m-web .m-menu-box ul li a {
    font-family: Raleway;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(25,61,74,.7);
    display: block;
    padding: 5px 0!important;
    overflow: hidden
}

.mga_menu.m-web .m-menu-box ul li a span {
    vertical-align: middle;
    float: left;
    margin-top: 5px
}

.mga_menu.m-web .m-menu-box ul li a::before {
    display: none
}

.mga_menu.m-web .m-menu-box ul li::after {
    display: block;
    position: absolute;
    right: 20px;
    top: 17%;
    transform: translateY(-50%) scale(1,1);
    -webkit-transform: translateY(-50%) scale(1,1);
    -moz-transform: translateY(-50%) scale(1,1);
    content: '>';
    height: 10px;
    width: 10px;
    color: rgba(25,61,74,.7);
    opacity: 1;
    background: 0 0;
    font-size: 24px;
    left: auto;
    border: 0;
    bottom: auto!important
}

.mga_menu.m-web .m-menu-box ul li a img {
    float: left;
    margin: 0;
    margin-right: 10px;
    width: 35px
}

.mga_menu.e-mail .m-menu-box,.mga_menu.m-service .m-menu-box {
    width: 48%
}

.mga_menu.e-mail .m-menu-box .bx-rgt,.mga_menu.m-service .m-menu-box .bx-rgt {
    float: left;
    width: 60%
}

.mga_menu.e-mail .m-menu-box .bx-rgt h4,.mga_menu.e-mail .m-menu-box .bx-rgt p,.mga_menu.m-service .m-menu-box .bx-rgt h4,.mga_menu.m-service .m-menu-box .bx-rgt p {
    text-align: left
}

.mga_menu.e-mail .m-menu-box img,.mga_menu.m-service .m-menu-box img {
    float: right;
    width: 200px
}

.banner img {
    width: 100%
}

.banner {
    position: relative;


}

.banner::before {
    content: "";
    position: absolute;

    width: 100%;
    height: 658px;
    background: url(../images/cave_banner_test.png) 50% 50% no-repeat;
    background-size: cover;
    bottom: 0
}

.banner h1,.banner h2 {
    color: #193d4a;
    font-size: 52px;
    line-height: 73px;
    margin-bottom: 22px;
    font-weight: 700
}

.banner .wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 318px;
    width: 1500px
}

.banner .slider-banner2 {
    display: none
}

.site-btn {
    font-family: Raleway;
    font-weight: 600;
    text-align: center;
    color: #fff;
    font-size: 23px;
    line-height: 23px;
    border-radius: 50px;
    padding: 2px;
    width: 320px;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-size: 300% 100%;
    background-image: linear-gradient(to right,rgba(248,148,40,1),rgba(244,125,33,1));
    -webkit-background-image: linear-gradient(to right,rgba(248,148,40,1),rgba(244,125,33,1));
    -moz-background-image: linear-gradient(to right,rgba(248,148,40,1),rgba(244,125,33,1))
}

.site-btn span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 18px;
    border-radius: 50px;
    display: block;
    background-size: 300% 100%;
    background-image: linear-gradient(to right,rgba(248,148,40,1),rgba(244,125,33,1));
    -webkit-background-image: linear-gradient(to right,rgba(248,148,40,1),rgba(244,125,33,1));
    -moz-background-image: linear-gradient(to right,rgba(248,148,40,1),rgba(244,125,33,1));
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.site-btn:hover span {
    -webkit-box-shadow: 0 0 10px 20px #ef841e inset;
    -moz-box-shadow: 0 0 10px 20px #ef841e inset;
    box-shadow: 0 0 10px 20px #ef841e inset
}

.site-btn:hover {
    color: #fff
}

.section h2 {
    text-align: center;
    padding-bottom: 29px;
    margin-bottom: 60px;
    position: relative
}

.section h2::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 81px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #193d4a
}

.section.what-we-do {
    padding: 67px 0 50px;
    background-color: #f6f6f6;
}

.we-do-inner.owl-carousel .item {
    padding: 20px 15px
}

.we-do-inner.owl-carousel .owl-item img {
    display: block;
    width: auto;
    margin: 0 auto
}

.wedo-box {
    width: 100%;
    text-align: center;
    border-radius: 10px;
    padding: 60px 15px 46px 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-shadow: 0 0 15px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 15px 3px rgba(0,0,0,.1);
    box-shadow: 0 0 15px 3px rgba(0,0,0,.1)
}

.wedo-box h3 {
    color: #24b0d1;
    padding-bottom: 16px;
    margin-top: 41px;
    margin-bottom: 20px;
    position: relative
}

.wedo-box p {
    font-family: Raleway;
    font-weight: 400;
    color: #193d4a;
    font-size: 18px;
    line-height: 28px
}

.wedo-box h3::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 81px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #193d4a
}

.section.popular-products {
    padding: 200px 0 40px;
    position: relative;
    background: #ffffff;
    overflow: hidden
}

.section.popular-products::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 100vw solid transparent;
    border-top: 112px solid #f6f6f6;
    top: 0
}

.popular-products-inner ul {
    margin: 0 -22px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.popular-products-inner ul li {
    width: 33.33%;
    padding: 0 22px;
    margin-bottom: 50px
}

.products-box {
    padding: 38px 30px;
    text-align: center;
    border: 1px solid #c1e8f4;
    border-radius: 10px;
    background: #f4f9fd
}

.products-box h4 {
    margin: 14px 0 13px
}

.btnPrice {
    margin: 14px 0 0;
    padding: 30px 7px 0;
    border-top: 1px solid #eee
}

.buy-btn,.wp-google-url {
    font-weight: 600;
    margin-right: 15px;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    border-radius: 30px;
    padding: 10px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: rgba(248,147,40,1);
    background: -moz-linear-gradient(left,rgba(248,147,40,1) 0,rgba(246,134,37,1) 47%,rgba(244,124,33,1) 81%,rgba(244,124,33,1) 83%);
    background: -webkit-gradient(left top,right top,color-stop(0,rgba(248,147,40,1)),color-stop(47%,rgba(246,134,37,1)),color-stop(81%,rgba(244,124,33,1)),color-stop(83%,rgba(244,124,33,1)));
    background: -webkit-linear-gradient(left,rgba(248,147,40,1) 0,rgba(246,134,37,1) 47%,rgba(244,124,33,1) 81%,rgba(244,124,33,1) 83%);
    background: -o-linear-gradient(left,rgba(248,147,40,1) 0,rgba(246,134,37,1) 47%,rgba(244,124,33,1) 81%,rgba(244,124,33,1) 83%);
    background: -ms-linear-gradient(left,rgba(248,147,40,1) 0,rgba(246,134,37,1) 47%,rgba(244,124,33,1) 81%,rgba(244,124,33,1) 83%);
    background: linear-gradient(to right,rgba(248,147,40,1) 0,rgba(246,134,37,1) 47%,rgba(244,124,33,1) 81%,rgba(244,124,33,1) 83%);
    position: relative;
    overflow: hidden
}

.buy-btn span {
    position: relative;
    z-index: 1
}

.buy-btn:hover,.wp-google-url:hover {
    -webkit-box-shadow: 0 0 10px 20px #ef841e inset;
    -moz-box-shadow: 0 0 10px 20px #ef841e inset;
    box-shadow: 0 0 10px 20px #ef841e inset
}

.wp-google-url {
    margin: auto;
    float: none;
    max-width: 200px;
    display: block
}

.btnPrice .price {
    font-size: 26px;
    line-height: 20px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    font-family: 'Open Sans'
}

.btnPrice .price i {
    color: rgba(25,61,74,.7);
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    font-family: Raleway;
    margin-bottom: 4px
}

.btnPrice .price small {
    font-size: 70%
}

.section.popular-product {
    position: relative;
    overflow: hidden;
    padding: 200px 0 0
}

.section.popular-product::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    border-left: 100vw solid transparent;
    border-right: 0 solid transparent;
    border-top: 112px solid #ffffff
}

.search-doamin {
    width: 886px;
    margin: 0 auto 72px;
    position: relative;
    border-radius: 10px
}

.search-doamin input {
    width: 100%;
    height: 68px;
    color: rgba(25,61,74,.7);
    font-size: 18px;
    padding: 8px 26px;
    border-radius: 10px;
    padding-right: 90px;
    border: 1px solid #efefef;
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out
}

.search-doamin input[type=text]::placeholder {
    color: rgba(25,61,74,.7);
    opacity: .8
}

.search-doamin input[type=text]::-webkit-placeholder {
    color: rgba(25,61,74,.7)
}

.search-doamin input:focus {
    -webkit-box-shadow: 0 11px 16px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 11px 16px 0 rgba(0,0,0,.15);
    box-shadow: 0 11px 16px 0 rgba(0,0,0,.15)
}

.search-doamin input::-webkit-input-placeholder {
    color: #193d4a;
    opacity: 1
}

.search-doamin input::-moz-placeholder {
    color: #193d4a;
    opacity: 1
}

.search-doamin input:-ms-input-placeholder {
    color: #193d4a;
    opacity: 1
}

.search-doamin input:-moz-placeholder {
    color: #193d4a;
    opacity: 1
}

.popular-product.kb_domain.kb_domain {
    padding-bottom: 145px;
    background-color: #f6f6f6;
}

.search-doamin button {
    position: relative;
    cursor: pointer;
    color: #fff;
    border: none;
    width: 80px;
    height: 68px;
    font-size: 21px;
    border-radius: 0 10px 10px 0;
    position: absolute;
    right: 0;
    top: 0;
    background: #f89428;
    background: -moz-linear-gradient(left,rgba(248,148,40,1) 80%,rgba(244,125,33,1) 100%);
    background: -webkit-linear-gradient(left,rgba(248,148,40,1) 80%,rgba(244,125,33,1) 100%);
    background: linear-gradient(to right,rgba(248,148,40,1) 80%,rgba(244,125,33,1) 100%);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden
}

.search-doamin button:hover {
    border-color: transparent;
    background-position: right center
}

.search-doamin button::before {
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    background: #ef841e;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.search-doamin button:hover::before {
    opacity: 1
}

.search-doamin button i {
    position: relative;
    z-index: 2
}

.search-result-inner ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px
}

.search-result-inner ul li {
    width: 20%;
    padding: 0 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box
}

.result-box {
    padding: 20px 25px;
    text-align: center;
    border: 1px solid #d5eef9;
    border-radius: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
    -moz-box-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
    -ms-box-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
    -o-box-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1)
}

.result-box img {
    display: block;
    margin: auto
}
.inner_card {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;

}
.result-details {
    margin: 20px 0 0;
    border-top: 1px solid #e8ebed;
    padding-top: 27px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.result-details p {
    font-family: Raleway;
    font-size: 18px;
    line-height: 28px;
    color: rgba(25,61,74,.7);
    font-weight: 400
}

.result-details .rate {
    font-family: Raleway;
    font-size: 18px;
    line-height: 28px;
    color: rgba(25,61,74,.7);
    font-weight: 400;
    margin-bottom: 13px
}

.result-details .rate span {
    font-family: Lato-Bold;
    font-size: 40px;
    line-height: 64px;
    color: #24b0d1
}

.result-details .rate span small {
    font-family: Lato-Bold;
    font-size: 25px;
    line-height: 40px
}

.section.our_benifits {
    padding: 160px 0;
    position: relative;
    overflow: hidden;
    background: url(../images/benofit_bg.jpg) no-repeat 0 -140px;
    background-size: cover
}

.section.our_benifits::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 100vw solid transparent;
    border-top: 50px solid #f6f6f6;
    top: 0
}

.section.our_benifits::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    border-left: 0 solid transparent;
    border-right: 100vw solid transparent;
    border-bottom: 112px solid #fff
}

.section.our_benifits h2 {
    color: #fff
}

.section.our_benifits h2::before {
    background-color: #fff
}

.benifit_cercil {
    position: relative;
    width: 535px;
    height: 535px;
    border: 2px dashed #fff;
    border-radius: 50%;
    margin: 200px auto 170px auto
}

.benifit_cercil .benifit_center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 70%
}

.circel_box {
    width: 410px;
    text-align: center
}

.circel_box.circel_box_1 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -146px
}

.circel_box .circel_content h6 {
    font-family: Raleway;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 4px
}

.circel_box .circel_content p {
    font-family: Raleway;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    font-weight: 400
}

.circel_box .circel_img_box {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    position: relative;
    margin: 10px auto 0 auto
}

.circel_box .circel_img_box:hover {
    background: #193d4a
}
.footer-circle-box {
    width: 39px;
    height: 39px;

}

.circel_box .circel_img_box div.a {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    display: block
}

.circel_box .circel_img_box img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.circel_box.circel_box_2 .circel_img_box,.circel_box.circel_box_3 .circel_img_box {
    margin-right: 28px;
    float: left
}

.circel_box.circel_box_2 {
    text-align: left;
    position: absolute;
    right: -316px;
    top: 65px
}

.circel_box.circel_box_3 {
    text-align: left;
    position: absolute;
    right: -322px;
    bottom: 40px
}

.circel_box.circel_box_2 .circel_content,.circel_box.circel_box_3 .circel_content {
    width: 66%;
    margin-top: 25px;
    float: right
}

.circel_box.circel_box_5 .circel_img_box,.circel_box.circel_box_6 .circel_img_box {
    float: right
}

.circel_box.circel_box_5 .circel_content,.circel_box.circel_box_6 .circel_content {
    width: 66%;
    margin-top: 25px;
    text-align: right;
    float: left
}

.circel_box.circel_box_4 {
    position: absolute;
    bottom: -162px;
    left: 50%;
    transform: translateX(-50%);
    min-height: 220px
}

.circel_box.circel_box_4 .circel_content {
    position: absolute;
    bottom: 0
}

.circel_box.circel_box_4 .circel_img_box {
    position: relative
}

.circel_box.circel_box_5 {
    position: absolute;
    bottom: 47px;
    left: -327px
}

.circel_box.circel_box_6 {
    position: absolute;
    top: 65px;
    left: -316px
}
.social-icon {
    width:38px;
    height:38px;
}

.facebook_social_icon_box {
    background: url(../images/facebook.png) no-repeat ;
    background-size: contain;
    width:38px;
    height:38px;
}
.instagram_social_icon_box {
    background: url(../images/instagram.png) no-repeat;
    background-size: contain;
    width:38px;
    height:38px;
}
.youtube_social_icon_box {
    background: url(../images/youtube.png) no-repeat;
    background-size: contain;
    width:38px;
    height:38px;
}
.linkedin_social_icon_box {
    background: url(../images/linkedin.png) no-repeat;
    background-size: contain;
    width:38px;
    height:38px;
}
.facebook_social_icon_box:hover {
    background: url(../images/facebook_hover.png) no-repeat ;
    background-size: contain;
    width:38px;
    height:38px;
}
.instagram_social_icon_box:hover {
    background: url(../images/instagram_hover.png) no-repeat;
    background-size: contain;
    width:38px;
    height:38px;
}
.youtube_social_icon_box:hover {
    background: url(../images/youtube_hover.png) no-repeat;
    background-size: contain;
    width:38px;
    height:38px;
}
.linkedin_social_icon_box:hover {
    background: url(../images/linkedin_hover.png) no-repeat;
    background-size: contain;
    width:38px;
    height:38px;
}

.circel_box.circel_box_1 .circel_img_box div.a {
    background: url(../images/all_png_image.png) no-repeat -5px -4px
}

.circel_box.circel_box_1 .circel_img_box div.a:hover {
    background: url(../images/all_png_image.png) no-repeat -5px -117px
}

.circel_box.circel_box_2 .circel_img_box div.a {
    background: url(../images/all_png_image.png) no-repeat -116px -6px
}

.circel_box.circel_box_2 .circel_img_box div.a:hover {
    background: url(../images/all_png_image.png) no-repeat -116px -119px
}

.circel_box.circel_box_3 .circel_img_box div.a {
    background: url(../images/all_png_image.png) no-repeat -228px -2px
}

.circel_box.circel_box_3 .circel_img_box div.a:hover {
    background: url(../images/all_png_image.png) no-repeat -228px -115px
}

.circel_box.circel_box_4 .circel_img_box div.a {
    background: url(../images/all_png_image.png) no-repeat -353px -1px
}

.circel_box.circel_box_4 .circel_img_box div.a:hover {
    background: url(../images/all_png_image.png) no-repeat -353px -114px
}

.circel_box.circel_box_5 .circel_img_box div.a {
    background: url(../images/all_png_image.png) no-repeat -463px -6px
}

.circel_box.circel_box_5 .circel_img_box div.a:hover {
    background: url(../images/all_png_image.png) no-repeat -463px -119px
}

.circel_box.circel_box_6 .circel_img_box div.a {
    background: url(../images/all_png_image.png) no-repeat -577px -2px
}

.circel_box.circel_box_6 .circel_img_box div.a:hover {
    background: url(../images/all_png_image.png) no-repeat -577px -116px
}

.section.popular-product.kb_jtl {
    padding-bottom: 85px;
    overflow: visible;
    padding-top: 80px
}

.section.popular-product.kb_jtl::before {
    display: none;
    border: none;
    content: '';
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 79px;
    background: url(../images/benifit-carv.png) no-repeat 0 0
}

.jtl_lft {
    width: 49%
}

.jtl_right {
    width: 42%
}

.jtl_right img {
    width: 100%;
    height: auto;
    display: block
}

.jtl_lft p b {
    font-family: Raleway;
    font-weight: 700;
    color: #333;
    font-size: 18px;
    line-height: 36px
}

.jtl_lft p {
    font-family: Raleway;
    font-weight: 400;
    color: #333;
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 6px;
    text-align: left
}

.jtl_lft a {
    margin-top: 33px;
    font-family: Raleway;
    font-weight: 600;
    text-align: center;
    color: #fff;
    font-size: 23px;
    line-height: 23px;
    border-radius: 30px;
    padding: 10px;
    width: 200px;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    background: -moz-linear-gradient(top,rgba(248,147,40,1) 33%,rgba(244,127,34,1) 100%);
    background: -webkit-linear-gradient(top,rgba(248,147,40,1) 33%,rgba(244,127,34,1) 100%);
    background: linear-gradient(to bottom,rgba(248,147,40,1) 33%,rgba(244,127,34,1) 100%);
    position: relative
}

.jtl_lft a span {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 14px 0;
    border-radius: 30px;
    display: block;
    background-size: 300% 100%;
    background: -moz-linear-gradient(top,rgba(248,147,40,1) 33%,rgba(244,127,34,1) 100%);
    background: -webkit-linear-gradient(top,rgba(248,147,40,1) 33%,rgba(244,127,34,1) 100%);
    background: linear-gradient(to bottom,rgba(248,147,40,1) 33%,rgba(244,127,34,1) 100%);
    transition: all ease .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s
}

.jtl_lft a:hover span {
    -webkit-box-shadow: 0 0 10px 20px #ef841e inset;
    -moz-box-shadow: 0 0 10px 20px #ef841e inset;
    box-shadow: 0 0 10px 20px #ef841e inset
}

.jtl_lft a:hover {
    color: #fff
}

.jtl_bottom_area {
    margin-top: 65px
}

.jtl_bottom_box {
    width: 48.5%;
    padding: 54px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-shadow: 2px 2px 15px 3px rgba(0,0,0,.08);
    -webkit-box-shadow: 2px 2px 15px 3px rgba(0,0,0,.08);
    -moz-box-shadow: 2px 2px 15px 3px rgba(0,0,0,.08);
    -ms-box-shadow: 2px 2px 15px 3px rgba(0,0,0,.08);
    -o-box-shadow: 2px 2px 15px 3px rgba(0,0,0,.08);
    transition: all ease 0s;
    -webkit-transition: all ease 0s;
    -moz-transition: all ease 0s
}

.jtl_bottom_box:hover {
    -webkit-box-shadow: 2px 2px 22px 7px rgba(0,0,0,.08);
    box-shadow: 2px 2px 22px 7px rgba(0,0,0,.08);
    -moz-box-shadow: 2px 2px 22px 7px rgba(0,0,0,.08)
}

.jtl_bottom_box img {
    width: 120px;
    height: auto;
    display: block;
    float: left;
    margin-right: 20px;
    margin-top: 18px;
}

.jtl_bottom_box .inner_content {
    float: left;
    margin-top: 12px;
    width: 72%
}

.inner_content h6 {
    font-family: Raleway;
    font-weight: 600;
    color: #1a3d4a;
    font-size: 22px;
    line-height: 29px;
}

.inner_content h6 a {
    color: #1a3d4a;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;

}

.inner_content h6 a:hover {
    color: #23afd1
}

.inner_content p {
    font-family: Raleway;
    font-weight: 400;
    color: #333;
    font-size: 18px;
    line-height: 27px
}

.section.kb_testimonials {
    padding: 130px 0 120px;
    position: relative;
    background: #f5f5f5;
    overflow: hidden
}

.section.kb_testimonials::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 100vw solid transparent;
    border-top: 77px solid #fff;
    top: 0
}

.testimonials_box {
    position: relative;
    padding: 36px 20px 30px 10px;
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    min-height: 405px;
    max-height: 405px;
    box-shadow: 0 -1px 15px 3px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 -1px 15px 3px rgba(0,0,0,.08);
    -moz-box-shadow: 0 -1px 15px 3px rgba(0,0,0,.08)
}

.owl_testimonials .item {
    padding: 20px 15px;
    box-sizing: border-box
}

.owl-carousel .owl-item img.rplg-review-avatar,.owl_testimonials .testimonials_box .user_img {
    float: left;
    width: 45px;
    height: 45px;
    display: block;
    border-radius: 50%;
    margin-right: 10px
}

.testi-inner {
    float: left;
    width: 78%;
    padding-bottom: 40px;
    color: rgba(25,61,74,.7)
}

.testi-inner h6 a {
    font-family: Raleway;
    font-weight: 600;
    color: #24b0d1;
    font-size: 24px;
    line-height: 40px;
    text-decoration: none
}

.testi-inner p,.testi-inner span {
    font-family: Raleway;
    font-weight: 400;
    color: rgba(25,61,74,.7);
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px
}

.testi-inner span {
    margin-bottom: 5px;
    display: block;
    font-size: 18px;
    line-height: 28px
}

.testi-inner i {
    color: #ffbf00;
    padding: 0 1.5px;
    font-size: 19px
}

.testi-inner a {
    color: #f89628;
    text-decoration: underline
}

.testi-inner .k_share {
    margin-top: 10px
}

.owl_testimonials .testimonials_box .testi-inner p img {
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: top;
    padding: 0 5px
}

.owl_testimonials .testimonials_box .t_google {
    width: auto;
    height: auto;
    display: block;
    position: absolute;
    bottom: 20px;
    right: 25px
}

.owl_testimonials .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin: 0;
    transform: translateY(-50%)
}

.owl_testimonials .owl-nav button.owl-prev {
    position: relative;
    left: -75px;
    float: left
}

.owl_testimonials .owl-nav button.owl-next {
    position: relative;
    right: -75px;
    float: right
}

.owl_testimonials .owl-nav button.owl-prev::before {
    content: '';
    width: 10px;
    height: 18px;
    background: url(../images/rgt-arrow.png) no-repeat;
    position: absolute;
    top: 13px;
    left: 16px
}

.owl_testimonials .owl-nav button.owl-next::before {
    content: '';
    width: 10px;
    height: 18px;
    background: url(../images/lft-arrow.png) no-repeat;
    position: absolute;
    top: 13px;
    left: 19px
}

.owl_testimonials .owl-nav button span {
    color: #fff;
    font-size: 25px;
    line-height: 12px
}

.owl_testimonials .owl-nav button {
    width: 45px;
    height: 45px;
    background: 0 0;
    margin: 0!important;
    border-radius: 0!important;
    position: relative;
    border-radius: 50%!important;
    background: #fff!important;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    box-shadow: 0 0 24px 1px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 0 24px 1px rgba(0,0,0,.08)
}

.owl_testimonials .owl-nav button:hover {
    background: #f89629!important
}

.section.kb_our_partner {
    padding: 160px 0 50px;
    position: relative;
    background: #fff;
    overflow: hidden
}

.section.kb_our_partner h2 {
    margin-bottom: 30px
}

.section.kb_our_partner::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    border-left: 100vw solid transparent;
    border-right: 0 solid transparent;
    border-top: 112px solid #f5f5f5
}

.owl_partner .item {
    padding: 25px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.partner_box {
    border-radius: 10px;
    box-shadow: 0 0 24px 1px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 0 24px 1px rgba(0,0,0,.08)
}

.owl_partner .owl-nav.disabled {
    display: block
}

.owl_partner.owl-theme .owl-nav.disabled {
    margin-top: 30px
}

.owl_partner .owl-nav button.owl-next,.owl_partner .owl-nav button.owl-prev {
    position: relative
}

.owl_partner .owl-nav button.owl-prev::before {
    content: '';
    width: 10px;
    height: 18px;
    background: url(../images/rgt-arrow.png) no-repeat;
    position: absolute;
    top: 13px;
    left: 16px
}

.owl_partner .owl-nav button.owl-next::before {
    content: '';
    width: 10px;
    height: 18px;
    background: url(../images/lft-arrow.png) no-repeat;
    position: absolute;
    top: 13px;
    left: 19px
}

.owl_partner .owl-nav button span {
    color: #fff;
    font-size: 25px;
    line-height: 12px
}

.owl_partner .owl-nav button {
    width: 45px;
    height: 45px;
    background: 0 0;
    margin: 0!important;
    border-radius: 0!important;
    position: relative;
    border-radius: 50%!important;
    background: #fff!important;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    box-shadow: 0 0 24px 1px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 0 24px 1px rgba(0,0,0,.08);
    margin: 0 7px!important
}

.owl_partner .owl-nav.disabled button:hover {
    background: #f89629!important
}

footer {
    position: relative;
    padding-top: 160px;
    background: url(../images/footer-bg.jpg) no-repeat;
    background-size: cover;
    overflow: hidden
}

footer::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 100vw solid transparent;
    border-top: 77px solid #fff;
    top: 0
}

.footer_box {
    float: left
}

.footer_box.quick_link {
    width: 41%
}

.footer_box.contact_dtl {
    width: 29%
}

.footer_box.foot-logo {
    width: 30%;
    padding-top: 90px;
    text-align: center
}

.footer_box h6 {
    font-family: Raleway;
    font-weight: 600;
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    position: relative;
    margin-bottom: 50px
}

.footer_box h6::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 80px;
    height: 2px;
    background: #fff
}

.footer_box.quick_link ul {
    padding-left: 15px
}

.footer_box.quick_link ul li {
    list-style: outside;
    padding-left: 5px;
    width: 46%;
    float: left;
    margin-bottom: 5px
}

.footer_box.quick_link ul li {
    content: "\2022";
    color: #fff
}

.footer_box.quick_link ul li a {
    font-family: Raleway;
    font-weight: 400;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s
}

.footer_box.quick_link ul li a:hover {
    color: #29b0d2
}
.tag-link {
    color: #cfcbcb;
    font-family: Raleway;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ddd;
}
.jtl-left-test {
    margin-top: 80px;
}
.footer_box.contact_dtl p {
    margin-bottom: 13px;

}

.footer_box.contact_dtl p,.footer_box.contact_dtl p a {
    font-family: Raleway;
    font-weight: 400;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s
}

.footer_box.contact_dtl p a:hover {
    color: #29b0d2
}

.footer_box.contact_dtl p img {
    float: left;
    margin-right: 15px
}

.footer_box.contact_dtl p span {
    float: left;
    width: 66%
}

.footer_box.foot-logo ul {
    text-align: center;
    margin-top: 33px
}

.footer_box.foot-logo ul li {
    display: inline-block;
    margin: 0 4px
}

.footer_box.foot-logo ul li a i {
    height: 39px;
    line-height: 39px;
    width: 39px;
    color: #f89629;
    background: #fff;
    border-radius: 50%;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s
}

.footer_box.foot-logo ul li a:hover i {
    background: #f89629;
    color: #fff
}

.all_right {
    margin-top: 55px;
    background: #132e37;
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center
}

.all_right p {
    font-family: Raleway;
    font-weight: 400;
    color: #fff;
    font-size: 18px;
    line-height: 22px
}

.mga_menu.e-mail .m-menu-box,.mga_menu.m-service .m-menu-box {
    margin: 1%
}

span.wp-star {
    margin: 0;
    line-height: normal;
    margin-right: 2px;
    display: inline-block
}

span.wp-stars {
    margin-right: 10px;
    display: inline-block;
    margin-top: 2px;
    vertical-align: top
}

.page-id-245 .site-header {
    background: #f5f8fa
}

.page-id-519 .site-header {
    background: #f5f8fa
}

.page-id-245 .site-header.fixed,.page-id-519 .site-header.fixed {
    background-color: #f5f8fa
}

.page-id-245 .site-header .main-navigation nav>ul>li>a,.page-id-519 .site-header .main-navigation nav>ul>li>a {
    color: #fff
}

.page-id-245 .site-header.fixed .main-navigation nav>ul li a,.page-id-519 .site-header.fixed .main-navigation nav>ul li a {
    color: #193d4a
}

.page-id-245 .site-header .user-actions ul li .cart-btn,.page-id-519 .site-header .user-actions ul li .cart-btn {
    border: 2px solid #fff;
    color: #fff
}

.page-id-245 .fixed.site-header .user-actions ul li .cart-btn,.page-id-519 .fixed.site-header .user-actions ul li .cart-btn {
    border: 2px solid #193d4a;
    color: #193d4a
}

.page-id-245 .site-header .user-actions ul li .cart-btn:hover,.page-id-519 .site-header .user-actions ul li .cart-btn:hover {
    border: 2px solid #f89228
}

.page-id-245 .fixed.site-header .user-actions ul li .cart-btn:hover,.page-id-519 .fixed.site-header .user-actions ul li .cart-btn:hover {
    border: 2px solid #f89228;
    color: #fff
}

.page-id-245 .fixed.site-header .user-actions ul li .cart-btn span,.page-id-519 .fixed.site-header .user-actions ul li .cart-btn span {
    background: url(../images/new-cart.png) no-repeat center center;
    background-size: contain
}

.page-id-245 .fixed.site-header .user-actions ul li .cart-btn:hover span,.page-id-519 .fixed.site-header .user-actions ul li .cart-btn:hover span {
    background: url(../images/new-cart-hover.png) no-repeat center center;
    background-size: contain
}

.page-id-245 .site-header .user-actions ul li .cart-btn span,.page-id-519 .site-header .user-actions ul li .cart-btn span {
    background: url(../images/new-cart-hover.png) no-repeat center center;
    background-size: contain
}

.page-id-245 .site-header .user-actions ul li .login-btn:hover,.page-id-519 .site-header .user-actions ul li .login-btn:hover {
    border: 2px solid #fff;
    background: 0 0;
    color: #fff!important
}

.page-id-245 .fixed.site-header .user-actions ul li .login-btn:hover,.page-id-519 .fixed.site-header .user-actions ul li .login-btn:hover {
    border: 2px solid #193d4a;
    color: #193d4a!important
}

.page-id-245 .site-header .user-actions ul li .login-btn span,.page-id-519 .site-header .user-actions ul li .login-btn span {
    background: url(../images/Client-Login.png) no-repeat 0 0;
    background-size: contain
}

.page-id-245 .fixed.site-header .user-actions ul li .login-btn:hover span,.page-id-519 .fixed.site-header .user-actions ul li .login-btn:hover span {
    background: url(../images/Client-Login-hover.png) no-repeat 0 0;
    background-size: contain
}

.bread-cum-header {
    position: absolute;
    top: 130px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    background: #193d4a;
    overflow: hidden
}

.bread-cum-header ul li {
    display: inline-block;
    padding: 11px 40px 12px 20px;
    position: relative
}

.bread-cum-header ul li::after {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    right: 8px;
    height: 50px;
    width: 56px;
    background-size: contain;
    border: solid #3a6777;
    border-width: 0 3px 3px 0;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.bread-cum-header ul li:last-child {
    padding-right: 5px
}

.bread-cum-header ul li:last-child::after {
    display: none
}

.bread-cum-header ul li:firdt-child {
    padding-left: 0
}

.bread-cum-header a {
    font-weight: 400;
    font-size: 19px;
    line-height: 23px;
    color: #fff;
    transition: all ease .1s;
    -webkit-transition: all ease .1s;
    -moz-transition: all ease .1s
}

.bread-cum-header a:hover {
    color: #f48123
}

.bread-cum-header span {
    font-weight: 700;
    font-size: 19px;
    line-height: 23px;
    color: #fff
}

.inner-banner {
    position: relative;
    background: url(../images/Banner-Texture.jpg) no-repeat 0 0;
    background-size: cover;
    height: 867px
}

.inner-banner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 393px;
    background: url(../images/inner-banner-carv.png) 50% 50% no-repeat;
    background-size: cover;

    bottom: 0
}

.inner-banner .banner-img {
    display: block;
    width: 100%;
    opacity: .5
}

.inner-banner-content {
    position: absolute;
    top: 212px;
    left: 0;
    width: 100%;
    right: 0
}

.inner-banner-content .in-ban-lft {
    width: 41%
}

.inner-banner-content .in-ban-lft img {
    width: 100%
}

.inner-banner-content .in-ban-rgt {
    padding-top: 117px
}

.inner-banner-content h1,.inner-banner-content h2 {
    color: #fff;
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 10px;
    font-weight: 700
}

.inner-banner-content h5 {
    color: #fff;
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 10px;
    font-weight: 700
}

.about-jtl-cloud {
    padding-top: 65px;
    text-align: center;
    padding-bottom: 100px
}

.about-jtl-cloud p {
    font-family: Raleway;
    font-weight: 400;
    color: #333;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 20px
}

.about-jtl-cloud p b {
    font-family: Raleway;
    font-weight: 700;
    color: #333;
    font-size: 18px;
    line-height: 32px
}

.product-consult {
    margin-top: 172px;
    width: 100%;
    background: #fff;
    border: 1px solid #f4f4f4;
    border-radius: 30px;
    padding-bottom: 50px;
    -webkit-box-shadow: 0 8px 40px -23px rgba(0,0,0,.42);
    -moz-box-shadow: 0 8px 40px -23px rgba(0,0,0,.42);
    box-shadow: 0 8px 40px -23px rgba(0,0,0,.42)
}

.consult-icon {
    width: 183px;
    height: 183px;
    background: #24b0d1;
    border-radius: 50%;
    text-align: center;
    margin: -90px auto 20px auto
}

.consult-icon img {
    margin-top: 31px
}

.product-consult h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 48px;
    color: #193d4a
}

.product-consult .buy-btn {
    width: 340px;
    padding: 20px 32px;
    font-weight: 600;
    font-size: 24px;
    margin-top: 22px
}

.section.cloud-package {
    padding-top: 60px;
    text-align: center;
    padding-bottom: 125px
}

.cloud-package p {
    font-weight: 400;
    font-size: 22px;
    line-height: 22px;
    color: #333
}

.owl-carousel.owl_package {
    margin-top: 75px
}

.owl-carousel.owl_package .item {
    padding: 0 17px 30px 17px
}

.page-id-1290 .owl-stage,.page-id-1369 .owl-stage,.page-id-3179 .owl-stage {
    margin-left: auto;
    margin-right: auto
}

.page-id-1290 /*.owl-carousel .owl-item img{width:auto;padding:15px}*/
.package_box {
    border-radius: 20px;
    -webkit-box-shadow: 0 3px 30px -18px rgba(0,0,0,.42);
    -moz-box-shadow: 0 3px 30px -18px rgba(0,0,0,.42);
    box-shadow: 0 3px 30px -18px rgba(0,0,0,.42);
    width: 100%;
    background: #fff
}

.package_box .package-top {
    background: #193d4a;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-bottom: 18px
}

.package_box .package-top.prem {
    background: #24b0d1
}

.package_box .package-top span {
    font-weight: 400;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    background: #153340;
    padding: 20px 0;
   border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.package_box .package-top.prem span {
    background: #21a0c0
}

.package_box .package-top h5 {
    font-weight: 700;
    font-size: 46px;
    line-height: 46px;
    color: #fff;
    margin-top: 18px;
    margin-bottom: 10px
}

.package_box .package-top p {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px
}

.package_box .package-top h5 small {
    font-size: 22px
}

.package_box ul li {
    font-weight: 400;
    font-size: 17px;
    line-height: 25px;
    border-bottom: 1px solid #f0f0f0;
    padding: 15px 0
}

.package_box .buy-btn {
    width: 210px;
    padding: 12px 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    margin: 0
}

.package_box ul li .pro-dlt {
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    text-align: left;
    vertical-align: middle;
    margin-top: 16px;
    color: #193d4a
}

.package_box ul li .pro-dlt img {
    vertical-align: middle;
    width: auto;
    height: auto;
    display: inline-block;
    margin-left: 10px;
    transition: all ease .1s;
    -webkit-transition: all ease .1s;
    -moz-transition: all ease .1s
}

.package_box ul li .pro-dlt:hover img {
    margin-left: 15px
}

.package_box ul li:last-child {
    padding-bottom: 30px;
    border-bottom: 0
}

#sd,.package_box ul li p {
    margin-left: auto;
    margin-right: auto
}

.package_box ul li p br {
    display: none
}

#sd span,.package_box ul li span {
    width: 14px;
    height: 14px;
    background: #f58524;
    display: inline-block;
    margin-right: 3px
}

#sd span.act,.package_box ul li .act {
    background: #333
}

.technology-service {
    background: url(../images/tech-bg.jpg) no-repeat 0 0;
    padding: 100px 0 90px 0;
    background-size: cover
}

.technology-service h3 {
    font-size: 40px;
    line-height: 56px;
    color: #fff;
    font-weight: 600
}

.tech-ser-rgt {
    padding-top: 10px
}

.tech-ser-rgt ul li {
    float: left;
    margin-right: 24px
}

.tech-ser-rgt ul li:last-child {
    margin-right: 0
}

.tech-ser-rgt ul li img {
    display: block;
    vertical-align: middle
}

.cluod-hosting {
    padding-top: 150px;
    text-align: center;
    padding-bottom: 135px
}

.cluod-hosting h6 {
    font-weight: 400;
    font-size: 22px;
    line-height: 22px;
    color: #333;
    margin-bottom: 25px
}

.cluod-hosting p {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #333;
    margin-bottom: 25px
}

.hosting-area {
    padding-top: 55px
}

.owl-carousel.owl-loaded.owl_cluod_hosting {
    display: none!important
}

.hosting-box {
    width: 33.33%;
    padding: 52px 30px;
    float: left;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    min-height: 590px;
    position: relative
}

.hosting-box img {
    display: block;
    margin: 0 auto 45px auto
}

.hosting-box:nth-child(3),.hosting-box:nth-child(6) {
    border-right: none
}

.hosting-box:nth-child(4),.hosting-box:nth-child(5),.hosting-box:nth-child(6) {
    border-bottom: none;
    padding-top: 92px
}

.hosting-box:nth-child(4)::after,.hosting-box:nth-child(5)::after {
    content: '';
    position: absolute;
    right: -8px;
    top: -8px;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%
}

.hosting-box h6 {
    font-weight: 700;
    font-size: 26px;
    line-height: 33px;
    color: #333;
    margin-bottom: 10px
}

.hosting-box p {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #333;
    margin-bottom: 10px
}

.hybrid-server {
    position: relative;
    overflow: hidden;
    padding-top: 150px;
    padding-bottom: 100px
}

.hybrid-server::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    border-left: 100vw solid transparent;
    border-right: 0 solid transparent;
    border-top: 53px solid #f6f6f6
}

.jtl_lft ul {
    margin-top: 18px
}

.jtl_lft ul li {
    display: block;
    font-size: 18px;
    line-height: 26px;
    padding-left: 35px;
    background: url(../images/hy-tic.png) no-repeat 0 6px;
    margin-bottom: 20px;
    text-align: left
}

.section.our_benifits2::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 100vw solid transparent;
    border-right: 0 solid transparent;
    border-top: 50px solid #fff;
    top: 0
}

.hybrid-server .jtl_right {
    width: 37%
}

.hybrid-server .jtl_lft a,.hybrid-server .jtl_lft a span,.nodetails .jtl_lft a,.nodetails .jtl_lft a span,.managementprom .jtl_lft a,.managementprom .jtl_lft a span {
    border-radius: 50px
}

.server-packages {
    background: #f6f6f6;
    padding: 155px 0 110px 0;
    position: relative;
    overflow: hidden;
    text-align: center
}

.server-packages::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    border-left: 0 solid transparent;
    border-right: 100vw solid transparent;
    border-top: 53px solid #fff;
    left: 0
}

.page-id-1290 .section.our_benifits2::before,.page-id-1369 .section.our_benifits2::before,.page-id-1475 .section.our_benifits2::before {
    border-top: 53px solid #f6f6f6
}

.server-packages h6 {
    font-weight: 400;
    font-size: 22px;
    line-height: 22px;
    color: #333;
    margin-bottom: 40px
}

.server-packages-arae table {
    width: 100%
}

.table-package tr td {
    width: 20%;
    padding: 0 11px
}

.table-package tr td:first-child {
    width: 38%;
    padding-left: 0
}

.table-package tr td:last-child {
    padding-right: 0
}

.table-package .package_box {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 25px
}

.table-package .package_box .package-top {
    margin-bottom: 25px
}

.table-package .package_box .package-top span {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    padding: 14px 0
}

.table-package .package_box .package-top h5 {
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    margin-top: 18px;
    margin-bottom: 10px
}

.table-package .package_box .package-top h5 small {
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    margin-right: 10px
}

.accordion .link {
    background: #ddd;
    width: 100%;
    padding: 30px 35px 30px 20px;
    cursor: pointer;
    margin-bottom: 3px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.accordion .link h4 {
    text-align: left;
    float: left
}

.table-package tr:nth-child(8) .collaps-headt {
    margin-bottom: 0
}

.collaps-headt.color-cgange {
    background: #24b0d1
}

.collaps-headt h4 {
    font-weight: 700;
    font-size: 26px;
    line-height: 26px;
    color: #333;
    text-align: left;
    float: left
}

.collaps-headt.color-cgange h4 {
    color: #fff
}

.collaps-headt span {
    float: right;
    width: 30px;
    height: 30px;
    border: 2px solid #333;
    border-radius: 50%
}

.collaps-headt.color-cgange span {
    border: 2px solid #fff
}

.collaps-headt span::before {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    color: #333;
    font-size: 26px;
    text-align: center;
    width: auto;
    height: auto;
    display: block;
    margin-top: 1px;
    margin-left: 1px
}

.collaps-headt.color-cgange span::before {
    color: #fff;
    transform: rotate(-180deg)
}

.main-tab {
    display: none
}

.collaps-table {
    background: #f7f8fa;
    border: 1px solid #e5e5e5;
    border-right: none
}

.collaps-table p {
    text-align: left;
    font-weight: 400;
    color: #333;
    font-size: 17px;
    line-height: 21px;
    padding: 20px 0 20px 20px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.table-package>tr>tr>td {
    vertical-align: middle
}

.p-inn-box {
    font-weight: 400;
    font-size: 17px;
    line-height: 25px;
    padding: 20px 5px;
    background: #fff;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    min-height: 88px
}

.p-inn-box.ext-padidng {
    padding-top: 31px
}

.table-package>tr>tr>td:first-child {
    border: 1px solid #e5e5e5
}

.collaps-table tr {
    border-bottom: 1px solid #e5e5e5
}

.package_box .free {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #24b0d1;
    text-decoration: underline;
    text-decoration-color: #73c6dd;
    display: block;
    margin-top: 23px;
	width:100% !important;
}

.non-red .package_box {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.non-red .package_box .package-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.non-red .buy-btn {
    width: 170px
}

.page-id-1114 footer::before,.page-id-1164 footer::before,.page-id-1211 footer::before,.page-id-1290 footer::before,.page-id-1369 footer::before,.page-id-1475 footer::before,.page-id-245 footer::before,.page-id-721 footer::before,.page-id-792 footer::before,.page-id-817 footer::before,.page-id-865 footer::before,.page-id-908 footer::before {
    border-top: 77px solid #f5f5f5
}

.section.kb_testimonials.inn-testi::before {
    display: none
}

.section.our_benifits2::after {
    border-bottom: 112px solid #f5f5f5
}

.section.kb_testimonials.inn-testi {
    padding-top: 80px
}

.main-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    padding-top: 1px;
}

.main-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 0;
    left: 50%;
    height: 17px;
    width: 17px;
    border: 2px solid #24b0d1;
    border-radius: 3px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%)
}

.main-container input:checked~.checkmark {
    background-color: #fff
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.main-container input:checked~.checkmark:after {
    display: block
}

.main-container .checkmark::after {
    left: 6px;
    top: -5px;
    width: 5px;
    height: 12px;
    border: solid #24b0d1;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.accordion {
    width: 100%;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 22px 15px 22px 22px;
    color: #4d4d4d;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

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

.accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

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

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

.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 {
    display: none;
    font-size: 14px
}

.accordion li:first-child .submenu {
    display: block
}

.submenu li {
    border-bottom: 1px solid #4b4a5e
}

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

.submenu a:hover {
    background: #b63b4d;
    color: #fff
}

.link span {
    float: right;
    width: 30px;
    height: 30px;
    border: 2px solid #333;
    border-radius: 50%
}

.link span:before {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    color: #333;
    font-size: 26px;
    text-align: center;
    width: auto;
    height: auto;
    display: block;
    margin-top: 1px;
    margin-left: 1px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

i.fa.fa-info-circle {
    position: static;
    color: #595959!important
}

.open .link span {
    border-color: #fff
}

.open .link span:before {
    color: #fff;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

p#sd {
    padding: 0;
    TEXT-ALIGN: CENTER
}

.submenu td {
    vertical-align: middle;
    width: 20%;
    padding: 0 11px
}

.submenu tr td:first-child {
    width: 38%;
    padding-left: 0
}

.submenu tr td:last-child {
    padding-right: 0
}

.submenu td .tooltip-container {
    position: relative;
    cursor: pointer;
    padding-right: 5px;
    word-break: break-word
}

.submenu td .tooltip {
    position: absolute;
    bottom: 25px;
    left: -5px;
    width: 450px;
    font-weight: 400;
    color: #6a6a6a;
    font-size: 14px;
    line-height: 18px;
    visibility: hidden;
    background: #fff;
    padding: 7px 10px;
    border-radius: 5px;
    text-align: left;
    z-index: 99;
    box-shadow: 0 1px 10px 2px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 10px 2px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 10px 2px rgba(0,0,0,.3)
}

.tooltip-container:hover .tooltip {
    visibility: visible
}

.submenu td .tooltip::before {
    content: '';
    position: absolute;
    left: 5px;
    border-width: 10px 7px 0 7px;
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    bottom: -9px
}

a.wp-google-url {
    text-align: center;
    font-weight: 600;
    font-family:Raleway;
    font-size: 23px;


}

#common-banner h1 {
    color: #fff;
    text-shadow: 4px 1px 2px rgba(0,0,0,.65);
    font-size: 60px
}

#common-banner h1 span {
    font-size: 42px!important;
    line-height: 54px!important
}

#common-banner a.site-btn {
    width: 240px!important;
    padding: 0!important;
    font-weight: 400!important;
    line-height: 52px!important
}

#common-banner a.site-btn span {
    padding: 0!important
}

#common-page p {
    font-family: Raleway;
    font-weight: 400;
    color: #333;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 20px
}

.inner-txt {
    text-align: center;
    padding-top: 55px
}

p.gap {
    padding-top: 12px
}

.wawi-text {
    float: left;
    width: 790px
}

.wawi-text p {
    line-height: 32px
}

.wawi-section:nth-child(2n+2) .wawi-text {
    float: right
}

.wawi-img {
    float: right
}

.wawi-section:nth-child(2n+2) .wawi-img {
    float: left
}

.wawi-img img {
    padding-right: 110px;
    display: block
}

.wawi-section:nth-child(2n+2) .wawi-img img {
    padding-right: 0;
    padding-left: 110px
}

.wawi-text h3 {
    font-size: 26px;
    line-height: 28px;
    padding-bottom: 10px;
    color: #193d4a;
    font-family: Raleway;
    font-weight: 600;
    padding-top: 45px
}

.inner-txt p {
    font-size: 26px;
    line-height: 44px
}

.wawi-section {
    border-bottom: 1px solid #efefef;
    padding: 85px 0
}

.bar {
    height: 70px;
    background: #efefef;
    line-height: 70px;
    padding: 0 30px;
    box-sizing: border-box;
    color: #333;
    margin-bottom: 20px
}

.bar span {
    float: right
}

.bar:nth-child(2n+2) {
    color: #fff;
    background: #24b0d1;
    margin-bottom: 70px
}

.details {
    padding: 150px 0 80px 0;
    border-bottom: 1px solid #efefef
}

.details.section p {
    padding-bottom: 60px;
    text-align: center;
    font-size: 24px;
    line-height: 64px
}

.long-btn {
    font-family: Raleway;
    font-weight: 600;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 70px;
    border-radius: 50px;
    padding: 2px;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-size: 300% 100%;
    background-image: linear-gradient(to right,rgba(248,148,40,1),rgba(244,125,33,1));
    -webkit-background-image: linear-gradient(to right,rgba(248,148,40,1),rgba(244,125,33,1));
    -moz-background-image: linear-gradient(to right,rgba(248,148,40,1),rgba(244,125,33,1));
    width: 780px;
    margin: 0 auto 140px auto
}

.details.section h2 {
    margin-bottom: 15px
}

#copy2 {
    border: none
}

.desk,.m-568,.mob {
    display: block
}

.m-568,.mob {
    display: none
}

.p-inn-box p {
    text-align: center;
    padding-left: 0
}

.error404 {
    background: #f2f2f2
}

.error404 footer::before {
    border-top: 77px solid #f2f2f2
}

.page-id-654 .site-header {
    background: #f5f8fa
}

.page-id-654 .site-header.fixed {
    background: #f5f8fa
}

.page-id-654 .bread-cum-header {
    background: #193d4a
}

.page-id-654 .bread-cum-header a,.page-id-654 .bread-cum-header span {
    color: #193d4a
}

.page-id-654 .bread-cum-header ul li::after {
    border: solid #3a6777;
    border-width: 0 3px 3px 0
}

.banner.innr-bannerv2 .wrapper {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 1300px
}

.page-id-654 footer::before {
    border-top: 77px solid #f5f5f5
}

.innr-bannerv2 .inner-banner-content {
    top: 262px
}

.innr-bannerv2 .inner-banner-content .in-ban-rgt {
    padding: 15px;
    background: rgba(255,255,255,.6)
}

.innr-bannerv2 .inner-banner-content h1 {
    color: #e26c09;
    width: 100%
}

.innr-bannerv2 .inner-banner-content h5 {
    color: #1a3e4b
}

.common-template {
    padding-bottom: 5em
}

.common-template .wp-block-image img {
    width: 100%
}

.common-template {
    padding-top: 160px
}

.common-template h2 {
    font-size: 2.5em;
    padding-bottom: 30px
}

.common-template h3 {
    padding-bottom: 20px
}

.common-template p {
    font-family: Raleway;
    font-weight: 400;
    color: #193d4a;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 20px
}

.wp-block-image {
    padding-bottom: 10px
}

#wdc-style .input-group {
    border: none!important
}

#wdc-style .large #Search {
    border: 1px solid #efefef;
    border-right: none;
    border-top-left-radius: 10px!important;
    border-bottom-left-radius: 10px!important;
    font-size: 18px!important;
    color: rgba(25,61,74,.7)!important;
    font-family: Raleway!important
}

#wdc-style .input-group.large {
    box-shadow: 0 11px 12px 0 rgba(0,0,0,.11);
    -webkit-box-shadow: 0 11px 12px 0 rgba(0,0,0,.11);
    -moz-box-shadow: 0 11px 12px 0 rgba(0,0,0,.11);
    -ms-box-shadow: 0 11px 12px 0 rgba(0,0,0,.11);
    -o-box-shadow: 0 11px 12px 0 rgba(0,0,0,.11);
    border-radius: 10px!important
}

#wdc-style .input-group .input-group-btn {
    border: none!important;
    border-radius: 0 10px 10px 0!important;
    background: -moz-linear-gradient(left,rgba(248,148,40,1) 80%,rgba(244,125,33,1) 100%);
    background: -webkit-linear-gradient(left,rgba(248,148,40,1) 80%,rgba(244,125,33,1) 100%);
    background: linear-gradient(to right,rgba(248,148,40,1) 80%,rgba(244,125,33,1) 100%);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative
}

#wdc-style .input-group .input-group-btn::after {
    position: absolute;
    content: "\f002";
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
    font-size: 23px;
    right: 27px;
    top: 20px;
    width: 28%;
    text-align: center
}

#wdc-style .large button#Submit {
    height: 68px!important;
    padding: 0!important;
    margin: 0;
    background: 0 0!important;
    color: #fff!important;
    box-shadow: none;
    border: none!important;
    font-size: 14px!important;
    line-height: 14px!important;
    font-weight: 800!important;
    font-family: Raleway;
    text-indent: -900px
}

.search-doamin button::before {
    display: none
}

#wdc-style .input-group .input-group-btn:hover {
    background: -moz-linear-gradient(left,rgba(239,132,30,1) 80%,rgba(239,132,30,1) 100%);
    background: -webkit-linear-gradient(left,rgba(239,132,30,1) 80%,rgba(239,132,30,1) 100%);
    background: linear-gradient(to right,rgba(239,132,30,1) 80%,rgba(239,132,30,1) 100%)
}

.wdc-form #wdc-style button#buy,.wdc-form #wdc-style button#whois {
    height: auto!important;
    padding: 14px 0!important;
    margin: 0;
    color: #fff!important;
    box-shadow: none;
    border: none!important;
    font-size: 14px!important;
    line-height: 14px!important;
    font-weight: 800!important;
    background: -moz-linear-gradient(left,rgba(248,148,40,1) 80%,rgba(244,125,33,1) 100%);
    background: -webkit-linear-gradient(left,rgba(248,148,40,1) 80%,rgba(244,125,33,1) 100%);
    background: linear-gradient(to right,rgba(248,148,40,1) 80%,rgba(244,125,33,1) 100%);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%;
    font-size: 11px!important;
    font-weight: 800!important;
    font-family: Raleway;
    letter-spacing: .6px;
    border-radius: 50px!important
}

#wdc-style button#buy:hover,.wdc-form #wdc-style button#whois:hover {
    background: -moz-linear-gradient(left,rgba(239,132,30,1) 80%,rgba(239,132,30,1) 100%);
    background: -webkit-linear-gradient(left,rgba(239,132,30,1) 80%,rgba(239,132,30,1) 100%);
    background: linear-gradient(to right,rgba(239,132,30,1) 80%,rgba(239,132,30,1) 100%)
}

#results div {
    font-weight: 500;
    font-size: 18px;
    line-height: auto;
    word-wrap: break-word;
    height: 43px
}

#results .col-xs-10 {
    width: 70%
}

#results .col-xs-2 {
    width: 28%;
    float: right
}

#results>div {
    height: auto!important
}

button#whois {
    min-width: 180px
}

.blog-right {
    width: 25%
}

.blog-left {
    width: 72%
}

.recent-image {
    width: 25%
}

.recent-post-cn {
    width: 70%
}

.blog-attributes span {
    font-size: 14px;
    line-height: 24px;
    padding-right: 15px;
    text-transform: uppercase;
    margin-right: 15px;
    border-right: 1px solid #cfcbcb
}

.blog-attributes span:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0
}

.blog-attributes strong {
    font-weight: 700
}

.blog .blog-content p {
    padding-top: 30px
}

.blog-loop {
    padding-bottom: 40px
}

.blog {
    background: #fcfcfc
}

.blog-loop {
    margin-bottom: 40px;
    background: #fff;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 24px 1px rgba(0,0,0,.04);
    -moz-box-shadow: 0 0 24px 1px rgba(0,0,0,.04);
    box-shadow: 0 0 24px 1px rgba(0,0,0,.04)
}

.blog-image {
    padding-bottom: 0;
    background: #000;
    margin-bottom: 20px
}

.blog-image img {
    display: block;
    opacity: 1
}

.blog .common-template {
    padding-top: 210px
}

.blog-right img {
    vertical-align: middle;
    margin-top: -4px
}

.blog-right {
    box-sizing: border-box
}

.blog-right h4 {
    margin-bottom: 40px;
    text-transform: uppercase
}

.blog-right h5 {
    font-size: 14px;
    line-height: 19px
}

.recent-image {
    margin-top: 7px;
    background: #000
}

.recent-image img {
    opacity: .9
}

.recent-image a {
    padding: 0;
    margin: 0!important
}

.bold-cat {
    padding-top: 30px
}

.blog footer::before {
    border-top: 77px solid #fcfcfc
}

.blog-right ul li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ddd
}

.blog-right ul li:last-child {
    border-bottom: none
}

.bold-cat ul li {
    margin-bottom: 15px;
    padding-bottom: 15px
}

.bold-cat ul li a {
    margin-bottom: 0
}

.blog-left .blog-content a,.blog-right a,.blog-right a h4 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #193d4a;
    margin-bottom: 15px;
    display: block;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s
}

.blog-left .blog-content a:hover,.blog-right a h4:hover,.blog-right a:hover {
    color: #f89629
}

.blog-left .rd-btn {
    text-transform: capitalize;
    color: #fff!important;
    font-size: 18px;
    line-height: 18px;
    border-radius: 30px;
    padding: 10px 32px;
    display: inline-block!important;
    background: -moz-linear-gradient(left,rgba(248,148,40,1) 80%,rgba(244,125,33,1) 100%);
    background: -webkit-linear-gradient(left,rgba(248,148,40,1) 80%,rgba(244,125,33,1) 100%);
    background: linear-gradient(to right,rgba(248,148,40,1) 80%,rgba(244,125,33,1) 100%);
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    margin-bottom: 0!important
}

.rd-btn i {
    display: none
}

.blog-left .rd-btn:hover {
    color: #fff;
    background: -moz-linear-gradient(left,rgba(239,132,30,1) 80%,rgba(239,132,30,1) 100%);
    background: -webkit-linear-gradient(left,rgba(239,132,30,1) 80%,rgba(239,132,30,1) 100%);
    background: linear-gradient(to right,rgba(239,132,30,1) 80%,rgba(239,132,30,1) 100%)
}

.blog-left p {
    padding-bottom: 40px
}

.blog-content span {
    opacity: .5
}

.blog-content {
    padding: 30px
}

.blog-content h2 {
    padding-bottom: 0
}

.blog-left .blog-content a {
    margin-bottom: 0
}

.blog-content h2 {
    padding-bottom: 0;
    padding-top: 20px
}

.recent-post-cn span {
    font-size: 12px
}

.recent-post-cn a {
    margin-bottom: 0
}

.blog-recent,.bold-cat {
    background: #fff;
    padding: 30px 30px 10px 30px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 0 24px 1px rgba(0,0,0,.04);
    -moz-box-shadow: 0 0 24px 1px rgba(0,0,0,.04);
    box-shadow: 0 0 24px 1px rgba(0,0,0,.04)
}

.blog-right h4 i,.blog-right h4 img {
    margin-right: 10px
}

.blog-right h4 i {
    color: #4e6f8b
}

.blog-attributes {
    margin-top: 10px
}

p:empty {
    display: none
}

.blog-content-single h4 {
    font-size: 40px;
    line-height: 45px;
    font-weight: 600;
    margin-bottom: 20px
}

.blog-image-single {
    margin-bottom: 20px;
    background: #000
}

.blog-image-single img {
    display: block;
    opacity: 1
}

.category,.single {
    background: #fcfcfc
}

.category footer::before,.single footer::before {
    border-top: 77px solid #fcfcfc
}

.category .blog-content p {
    padding-top: 15px
}

.blog-content-single {
    padding: 30px 30px 0 30px
}

.package_box {
    border-radius: 20px;
    -webkit-box-shadow: 0px 3px 30px -18px rgba(0,0,0,0.42);
    -moz-box-shadow: 0px 3px 30px -18px rgba(0,0,0,0.42);
    -ms-box-shadow: 0px 3px 30px -18px rgba(0,0,0,0.42);
    -o-box-shadow: 0px 3px 30px -18px rgba(0,0,0,0.42);
    box-shadow: 0px 3px 30px -18px rgba(0,0,0,0.42);
    width: 100%;
    background: #fff;
}

.section.cloud-package2 {
    padding-top: 0;
    text-align: center;
    padding-bottom: 0;
}

/*switching start*/
.switch-bar {
    background: #153340;
    border-radius: 10px;
    padding: 10px;
}

.switch-bar .col-left p {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    text-align: left;
    padding: 0 0 0 19px;
}

.switch-bar .col-left {
    float: left;
    width: 60%;
    padding: 8px 0 0;
}

.switch-bar .col-right {
    float: right;
    width: 35%;
    text-align: right;
}

.switch-bar .clear {
    clear: both;
}

.can-toggle {
    position: relative;
}

.can-toggle *, .can-toggle *:before, .can-toggle *:after {
    box-sizing: border-box;
}

.can-toggle *:before, .can-toggle *:after {
    cursor: pointer;
}

.can-toggle input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.can-toggle input[type="checkbox"][disabled] ~ label {
    pointer-events: none;
}

.can-toggle input[type="checkbox"][disabled] ~ label .can-toggle__switch {
    opacity: 0.4;
}

.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:before {
    content: attr(data-unchecked);
    left: 0;
}

.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
    content: attr(data-checked);
}

.can-toggle label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.can-toggle label .can-toggle__label-text {
    flex: 1;
    padding-left: 32px;
}

.can-toggle label .can-toggle__switch {
    position: relative;
}

.can-toggle label .can-toggle__switch:before {
    content: attr(data-checked);
    position: absolute;
    top: 0;
    text-transform: uppercase;
    text-align: center;
    font-family: Raleway;
    font-weight: bold;
    font-size: 15px !important;
}

.can-toggle label .can-toggle__switch:after {
    content: attr(data-unchecked);
    position: absolute;
    z-index: 5;
    text-transform: uppercase;
    text-align: center;
    background: #23afd1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    font-family: Raleway;
    font-weight: bold;
    font-size: 15px !important;
    border-radius: 10px;
}

.can-toggle input[type="checkbox"][disabled] ~ label {
    color: rgba(119, 119, 119, 0.5);
}

.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch {
    background-color: #fff;
}

.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
    color: #fff;
}

.can-toggle input[type="checkbox"]:hover ~ label {
    color: #6a6a6a;
}

.can-toggle input[type="checkbox"]:checked ~ label:hover {
    color: #55bc49;
}

.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch {
    /*background-color: #70c767;*/
    background-color: #fff;
}

.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
    color: #fff;
}

.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch {
    background-color: #fff;
}

.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
    color: #fff;
}

.can-toggle label .can-toggle__label-text {
    flex: 1;
}

.can-toggle label .can-toggle__switch {
    transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
    background: #fff;
}

.can-toggle label .can-toggle__switch:before {
    color: #b3a7a7;
}

.can-toggle label .can-toggle__switch:after {
    transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
    transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
    transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
    color: #777;
}

/*.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}*/
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
    -webkit-transform: translate3d(204px, 0, 0);
    transform: translate3d(204px, 0, 0);
}

/*.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}*/
.can-toggle label {
    font-size: 14px;
}

.can-toggle label .can-toggle__switch {
    height: 60px;
    flex: 0 0 389px;
    border-radius: 10px;
}

.can-toggle label .can-toggle__switch:before {
    left: 190px;
    font-size: 12px;
    line-height: 59px;
    width: 190px;
    padding: 0 12px;
}

.can-toggle label .can-toggle__switch:after {
    top: 2px;
    left: 2px;
    line-height: 59px;
    width: 180px;
    line-height: 56px;
    font-size: 12px;
    color: #fff;
}

.can-toggle label .can-toggle__switch:after :hover {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}

.switch-bar-outer {
    padding: 0 17px;
}

/*switching end*/
.toggle_bar .dedicates_servers {
    display: none;
}

.toggle_bar.pop .dedicates_servers {
    display: block;
}

.toggle_bar.pop .virtual_servers {
    display: none;
}

.toggle_bar .virtual_servers {
    display: block;
}

.toggle_bar .dedicates_servers_details {
    display: none;
}

.toggle_bar.pop .dedicates_servers_details {
    display: block;
}

.toggle_bar.pop .virtual_servers_details {
    display: none;
}

.toggle_bar .virtual_servers_details {
    display: block;
}

.user-actions ul li .help-btn {
    border: 2px solid #193d4a
}

.user-actions ul li .help-btn span {
    background: url(../images/help.png) no-repeat center center;
    background-size: contain
}

.user-actions ul li .help-btn:hover span {
    background: url(../images/help_w.png) no-repeat center center;
    background-size: contain
}

.user-actions ul li .help-btn:hover {
    border: 2px solid #f89228;
    background: -moz-linear-gradient(top,rgba(248,147,40,1) 33%,rgba(244,127,34,1) 100%);
    background: -webkit-linear-gradient(top,rgba(248,147,40,1) 33%,rgba(244,127,34,1) 100%);
    background: linear-gradient(to bottom,rgba(248,147,40,1) 33%,rgba(244,127,34,1) 100%);
}

.switch-bar-details p {
    margin-top: 20px !important;
    font-size: 18px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    line-height: 32px !important;
}

.popmake-content .owl-stage {
    margin-left: auto;
    margin-right: auto;
}

.popmake-content .owl-carousel.owl_package {
    margin-top: 40px;
}

/*.server-packages-arae.for-mobile .slick-track, .server-packages-arae.for-mobile .slick-slide{
	width: 100% !important;
}*/
/*.server-packages-arae.for-mobile .slick-slide > div{
	min-width: 400px;
}*/
.switch-bar-details b {
    font-weight: bold;
}

.bewerbung {
    background-color: #fff !important;
    border: none !important;
    font-size: 1.2em !important;
}

.bewerbung .vfb-legend {
    color: #23afd1 !important;
}

.bewerbungbtn {
    font-size: 18px !important;
    border: none;
}

.bewerbungver {
    display: none !important;
}

.inner-banner.nextcloudbg {
    background: url(../images/nc-background.png) no-repeat 0 0;
    background-size: cover;
}

.inner-banner.nextcloudbg h1:not(.site-title):before, h2:before {
    display: none;
}

.inner-banner.wawicloudbg {
    background: #FF9800;
    background-size: cover;
}

.managementprom {
    /*padding-bottom: 100px;*/
}







/*----------------------------start--new menu css style--------------------------------*/

.mga_menu.m-web{
    border: 1px solid #dadada;
    border-radius: 7px;
    max-width: 1070px;
    width: 100%;
    right: 0;
    left: unset;
}
.mga_menu.cloud {
    border: 1px solid #dadada;
    border-radius: 7px;
    max-width: 1070px;
    width: 100%;
    right: 0;
    left: unset;
}
.newMenuInner {
    display: flex;
    justify-content: space-between;
}
.neuMenuRight {
    background: #f5f5f5;
    width: 100%;
    max-width: 44%;padding: 22px 15px;
}
.neuMenuLft {
    width: 100%;
    max-width: 56%;padding: 20px 15px;
}
.neuMenuLftFull {
	width: 100%;
    max-width: 100%;padding: 20px 15px;
}
.menuHeading {
    padding: 10px 15px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 15px;
    color: #173253;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}
.newmenyList {
    padding: 12px 15px  !important;
    display: flex !important;
    column-gap: 27px;
    border-radius: 7px;
    color: #173253 !important;
}

.newmenyList:before,.newmenyList:after { display: none !important;}
.newContBox h4{
    color: #173253 !important;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}
.IconBox {
    width: 43px;
}
.newContBox p {
    font-size: 14px !important;
    color: #173253 !important;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}
.neuMenuRight h4.menuHeading {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 8px;
}

.newmenyList:hover {
    background: #f5f5f5;
}
.neuMenuRight .newmenyList:hover {
    background: #fff;
}


.newContBox {
    position: relative;
}

.newContBox span {
    position: absolute;
    right: 0;
    top: -4px;
    left: 130px;
}

.newContBox span img{ width:30px; }




/*---------------------------end---new menu css style--------------------------------*/



.icons-pack {
    display: flex;
    justify-content: space-around;
    margin: 35px 0;
}
.icon-item {
    align-items: center;
    display: flex;
    flex-direction: column;
}
.icon-item img {
    height: auto;
    width: 35px !important;
}
.icon-item p {
    font-weight: 800;
    font-size: 18px;
}
.performance {
    padding: 30px 0 10px;
}
.performance img {
    height: auto;
    width: 50px !important;
}

.package_box.managed ul li > * {
    width: 50%;
    position: relative;
    padding: 10px 8px 10px 23px;
}





.package_box.managed ul li span {
    background: #fff !important;
}

.main-container-managed {
    /* position: relative; */
    padding-left: 0;
    margin-bottom: 30px;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    padding-top: 1px;
	pointer-events: none;
	
}

.main-container-managed input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    border: 2px solid #afb6ba;
    border-radius: 3px;
    transform: translateX(0);
    -webkit-transform: translateY(-50%);
    width: 17px !important;
    height: 17px !important;
    background: transparent !important;
    display: inline-block !important;
    margin-right: 3px !important;
    right: auto;
}
.main-container-managed input:checked +  .checkmark{
	 border: 2px solid #24b0d1;
}

.main-container-managed input:checked + .checkmark::after {
    left: 6px;
    top: -5px;
    width: 5px;
    height: 12px;
    border: solid #24b0d1;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    display: block;
}


.main-container-managed span.checkmark.uncheck {
    border: 2px solid #24b0d1;
}
li.list-item {
    display: flex;
    justify-content: space-between;
    /* column-gap: 30px; */
    padding: 0 25px !important;
}
/*.left, .right {
    display: flex;
    align-items: center;
}*/

.list-item p {
    font-size: 13px;
    font-weight: bold;
	text-align:left;
}
i.fa-solid.fa-circle-info {
    position: static;
    color: #595959 !important;
    padding-left: 5px;
}


.tooltip-managed {
    z-index: 1;
    position: absolute;
    bottom: 20px;
    height: auto !important;
    width: 200px !important;
    font-weight: 400;
    color: #6a6a6a;
    font-size: 14px;
    line-height: 18px;
    visibility: hidden;
    background: #fff;
    padding: 7px 10px;
    border-radius: 5px;
    text-align: left;
    box-shadow: 0 1px 10px 2px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 10px 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 10px 2px rgba(0, 0, 0, .3);
    left: -143px;
    right: auto;
	white-space:normal;
}

.tooltip-managed::before {
    content: '';
    position: absolute;
    left: auto;
    border-width: 10px 7px 0 7px;
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    bottom: -9px;
    right: 39px;
}

.tooltiip-content:hover .tooltip-managed{visibility: visible;}
.tooltiip-content:hover .tooltip-managed { visibility: visible;}
span.tooltiip-content { position: relative;word-wrap: break-word;}
.package_box.managed ul li {border: none; padding-top: 40px;}
span.tooltiip-content i {padding-left: 6px;}
.disable p{
    color:#bdbdbc;
}


.owl-stage .owl-item:first-child{ z-index:1 !important;}
p#sdn { padding: 0;}
p#sdn span { padding: 0; width: 14px; height: 14px; background: #fff; display: inline-block; margin-right: 3px;}
p#sdn span.act {background: #396170;}
p#sdn span { border-radius: inherit;}

.owl-carousel .owl-item img { display: inline-block !important; width: 100%;}
.performance {padding: 30px 0 10px;display: flex;align-items: center;justify-content: center;}
.performance span.tooltiip-content i {font-size: 16px;}
a.pro-dlt {text-align: center !important;}
.text p {font-size: 13px;line-height: 18px;font-weight: bold;}
.text em {text-align: -webkit-left; display: block; font-size: 12px;font-weight: normal;}