@font-face {
    font-family: 'MyFontIcons';
    src:  url('../fonts-icons/MyFontIcons.eot?47nrhv');
    src:  url('../fonts-icons/MyFontIcons.eot?47nrhv#iefix') format('embedded-opentype'),
      url('../fonts-icons/MyFontIcons.ttf?47nrhv') format('truetype'),
      url('../fonts-icons/MyFontIcons.woff?47nrhv') format('woff'),
      url('../fonts-icons/MyFontIcons.svg?47nrhv#MyFontIcons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
.custom-heading {font-weight: bold;letter-spacing: -1px;font-family: Tahoma;margin-left: 0px;text-align: center;display: block;font-size: 2em;margin-block-start: 0.2em;margin-block-end: 0.0em;margin-inline-start: 0px;margin-inline-end: 0px;color: #B51F1F;background: -webkit-linear-gradient(top, #E24545, #A31A1A);background: linear-gradient(top, #E24545, #A31A1A);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.custom-heading-dedicated-server{font-family: 'Helvetica Condensed';font-size: 30px;letter-spacing: -1px;line-height: 50px;margin-left: 1px;width: 100%;}
.custom-heading-image {font-family: 'Helvetica Condensed';letter-spacing: -1px;line-height: 50px;margin-left: 1px;width: 100%;display: block;font-size: 3em;margin-block-start: 0.67em;margin-block-end: 0.67em;margin-inline-start: 0px;margin-inline-end: 0px;} 
  [class^="web-"], [class*=" web-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'MyFontIcons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .web-email02:before {content: "\e920";color: #055298; }
  .web-locatoin-house:before {content: "\e93a";color: #055298;}
  .web-profile:before {content: "\e945";color: #055298;}
  .web-send:before {content: "\e94a";color: #055298;}
  .web-user02:before {content: "\e955";color: #055298;}

/* ///////////////////////////////////////////custom.css file code 05-02-24/////////////////////////////////////////////////////// */
html, body{height:100%;}
body{background: #ffffff;  font-size: 12px;  color: #444; font-family: Arial,helvetica,sans-serif; overflow-x:hidden;text-rendering:optimizeLegibility;text-rendering:geometricPrecision;font-smooth:always;font-smoothing:antialiased;-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;}
*, figure, ul, li{margin:0px;padding:0px;list-style:none;}
h1, h2, h3, h4, h5, h6{line-height:normal; margin-bottom: 0;}
a, .btn, button, i{color:#000000;}
/*a:hover{color:#89C930;}*/
.trs{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;}
a:hover, a:focus{text-decoration:none;outline:none;}
img{max-width:100%;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000000;opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#000000;opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#000000;opacity:1;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#000000;opacity:1;}
select, input, textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;-moz-appearance: none;appearance: none; margin: 0;}
input[type=number]::-webkit-inner-spin-button { background: url('../images/double-arrow.svg') no-repeat 100% 100%; width: 8px; height: 8px; padding: 6px 4px 6px 4px; background-position: 0px 1px; }
/***********default*********/
@font-face {font-family: 'Helvetica Condensed';src: url('../fonts/Helvetica-Condensed.eot');src: url('../fonts/Helvetica-Condensed.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Condensed.woff2') format('woff2'),
        url('../fonts/Helvetica-Condensed.woff') format('woff'),
        url('../fonts/Helvetica-Condensed.ttf') format('truetype'),
        url('../fonts/Helvetica-Condensed.svg#Helvetica-Condensed') format('svg');font-weight: normal;font-style: normal;font-display: swap;
}
@font-face {font-family: 'Trebuchet MS';font-style: normal;font-weight: normal;src: local('../fonts/Trebuchet MS'), url('fonts/trebuc.woff') format('woff');}
@font-face {font-family: 'Trebuchet MS Italic';font-style: normal;font-weight: normal;src: local('../fonts/Trebuchet MS Italic'), url('fonts/Trebuchet-MS-Italic.woff') format('woff');}
.container{max-width:930px;width:100%;}
.positioRelative{position:relative;}
.verticalyMiddle{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
p{font-size:14px;line-height:18px;font-weight:300;}
p { color: #000; font-size: 12px; margin: 0; padding: 8px 5px; text-align: justify; line-height: 18px;}
.img-cover-area{background:no-repeat center center scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:top center;}
.btn{padding: 12px 20px 10px 20px; color: #fff; font-size: 15px; margin: 30px auto; position: relative; border-radius: 8px; border: none;}
.btn .web-dash-line{ font-size: 30px; position: absolute; right: 0; bottom: 0px; opacity: 0.5; }
.btn.focus, .btn:focus{box-shadow:none;}
.btn-primary{box-shadow: 0 3px 0 0px #940303; color:#FFFFFF;  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e53637+0,c92122+100 */
background: rgb(229,54,55); /* Old browsers */
background: -moz-linear-gradient(top, rgba(229,54,55,1) 0%, rgba(201,33,34,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(229,54,55,1) 0%,rgba(201,33,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(229,54,55,1) 0%,rgba(201,33,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53637', endColorstr='#c92122',GradientType=0 ); /* IE6-9 */ }
.btn-primary:hover,.btn-primary:focus{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c92122+94,e53637+100 */
background: rgb(201,33,34); /* Old browsers */
background: -moz-linear-gradient(top, rgba(201,33,34,1) 94%, rgba(229,54,55,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(201,33,34,1) 94%,rgba(229,54,55,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(201,33,34,1) 94%,rgba(229,54,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c92122', endColorstr='#e53637',GradientType=0 ); /* IE6-9 */}
.show > .btn-primary.dropdown-toggle:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c92122+94,e53637+100 */
background: rgb(201,33,34); /* Old browsers */
background: -moz-linear-gradient(top, rgba(201,33,34,1) 94%, rgba(229,54,55,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(201,33,34,1) 94%,rgba(229,54,55,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(201,33,34,1) 94%,rgba(229,54,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c92122', endColorstr='#e53637',GradientType=0 ); /* IE6-9 */}
.btn.btn-secondary{border-radius: 6px; padding: 1px 10px; margin: 0;}
.btn-secondary{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a8c35e+0,98ad48+100 */
background: rgb(168,195,94); /* Old browsers */
background: -moz-linear-gradient(top, rgba(168,195,94,1) 0%, rgba(152,173,72,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(168,195,94,1) 0%,rgba(152,173,72,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(168,195,94,1) 0%,rgba(152,173,72,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8c35e', endColorstr='#98ad48',GradientType=0 ); /* IE6-9 */ color:#FFFFFF;}
.btn-secondary:hover,.btn-secondary:focus{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c92122+94,e53637+100 */
background: rgb(201,33,34); /* Old browsers */
background: -moz-linear-gradient(top, rgba(201,33,34,1) 94%, rgba(229,54,55,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(201,33,34,1) 94%,rgba(229,54,55,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(201,33,34,1) 94%,rgba(229,54,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c92122', endColorstr='#e53637',GradientType=0 ); /* IE6-9 */}
.show > .btn-secondary.dropdown-toggle:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c92122+94,e53637+100 */
background: rgb(201,33,34); /* Old browsers */
background: -moz-linear-gradient(top, rgba(201,33,34,1) 94%, rgba(229,54,55,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(201,33,34,1) 94%,rgba(229,54,55,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(201,33,34,1) 94%,rgba(229,54,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c92122', endColorstr='#e53637',GradientType=0 ); /* IE6-9 */box-shadow:none;}
.btn.btn-dark { font-family: 'Helvetica Condensed'; font-size:16px; color:#fff; text-align:center; line-height: 1; margin: 0 auto; padding:6px 25px; border-radius: 8px;}
.btn-dark{color:#FFFFFF; background:#434343; border-color: #434343;}
.btn-dark:hover,.btn-dark:focus{background:#89c744; border-color:#89c744; opacity: 1;}
.show > .btn-dark.dropdown-toggle:focus,
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle{background:#89c744; border-color: #89c744; box-shadow:none;}
.default-heading{display:block;position:relative;}
.default-heading h1, .default-heading > a.heading01{font-size:46px; }
.default-heading h2, .default-heading > a.heading02{font-size:26px; }
.default-heading h3, .default-heading > a.heading03{font-size:22px; }
.default-heading h4, .default-heading > a.heading04{font-size:18px; }
.default-heading h5, .default-heading > a.heading05{font-size:16px; }
.default-heading h6, .default-heading > a.heading06{font-size:12px; }
.form-group {position: relative; margin-bottom: 15px; }
.form-group label {color: #000000; font-size: 12px;  position: relative; line-height: 16px; }
.form-group label span{ position: absolute; top: 0; right: -10px; color: #FF0000; margin-left: 10px; display: block; }
.form-group select {font-size: 12px; padding: 3px 10px; height: auto; color: #000000; }
.form-control, .form-inline .form-control, .input-group-lg >.form-control, .form-select{width: 100%; padding: 3px 10px; font-size: 12px;  color: #000000; background: #FFFFFF; border: 1px solid #000; box-sizing: border-box; border-radius: 0px;}
.input-group-lg >.form-control{ width: auto; border-left: 0;}
.input-group-lg >.form-control:focus{ box-shadow: none; }
.input-group-lg .input-group-text{ background-color:#ffffff; border-radius: 0px; border-right: 0; }
.form-control.minheight, .form-inline .form-control.minheight { min-height: 80px; }
.form-group select.custom-select {background: #ebeff2 url(../images/down-arrow.png); background-repeat: no-repeat; background-position: 98% 16px; background-size: 15px; border: 1px solid #b9c6d3; }
.form-group .input-group.date .input-group-addon {background-color: #ddd; color: #d51b00; padding: 7px 8px; border-radius: 0rem .25rem .25rem 0rem;}
.form-group .input-group.date .input-group-addon .fa { color: #d51b00; }
.form-control:focus, select:focus, .custom-select:focus, .form-select:focus{ box-shadow: none; }
/*.form-control:invalid { border-color: #FF0000; }*/
.contact-form form .btn{ margin: 0; background: #89C930; padding: 10px 35px; }
.contact-form form .btn:hover{ background: #000000; }
.list-group{ position: relative; }
.list-group li{line-height: 30px; font-weight: 700; font-size: 12px; margin-left: 20px; }
.list-group li i{ margin-right: 5px; }
.list-group li a{ text-decoration: none; }
.list-group li a:hover{ color: #000000; }
.owl-carousel .owl-dots {  text-align: right; position: relative; z-index: 1;  padding:5px 0;}
.owl-carousel .owl-dots button.owl-dot {  height: 12px; width: 12px;  border-radius: 0px;  margin: 0 1px;  background: #E3E2E9; border: #565656 1px solid;}
.owl-carousel .owl-dots button.owl-dot:hover, 
.owl-carousel .owl-dots button.owl-dot.active { background: #565656;}
.modal-dialog{ max-width: 750px; }
.modal-header{ 
background: rgb(229,54,55);
background: -moz-linear-gradient(top, rgba(229,54,55,1) 0%, rgba(201,33,34,1) 100%); 
background: -webkit-linear-gradient(top, rgba(229,54,55,1) 0%,rgba(201,33,34,1) 100%); 
background: linear-gradient(to bottom, rgba(229,54,55,1) 0%,rgba(201,33,34,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53637', endColorstr='#c92122',GradientType=0 ); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0000+0,e80000+100 */
background: rgb(255,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(232,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(232,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,0,0,1) 0%,rgba(232,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#e80000',GradientType=0 ); /* IE6-9 */}
/**** Header **/
.login_box {color: #888888;}
.login_box .header{display: block; width: 100%; position: relative;}
.login_box .header .btn-close{ padding:10px; position: absolute; right: -35px; top: -35px; width: 35px; height: 35px; background-size: auto;}
.login_box .header .btn-close a{ line-height:20px;}  
.login_box h4{color:#fff;font-weight:bold; font-size:20px; padding:0px 0px 0px 10px;}
.login_box h6{color:#fff;font-weight:normal;font-size:13px;padding:0px 0px 0px 10px;}
.login_box ul.parts{ list-style: none;}
.login_box ul.parts li{width:100%; max-width: 340px; min-height:350px; vertical-align: top; padding: 0 10px; margin:0 8px; display: inline-block; background:#fff; border-radius:8px;-webkit-border-radius:8px; -moz-border-radius:8px;}
.login_box ul.parts li h3{font-size:21px; font-weight:bold; font-family:Corbel;  color:#363636; text-align:left; padding:15px 0 10px 24px; }
.login_box ul.parts li .box_head{  width:100%; max-width: 300px; padding: 8px 10px; border-radius: 10px; margin:3px auto 0 auto;  color:#000; }
.login_box table.links{ margin:0 auto; width:290px; }  
.login_box table.links tr{margin:10px 0 0 0;} 
.login_box table.links td {border: #0000FF 0px solid; padding:0;  vertical-align: baseline;}
.login_box table.links td img{ position:relative;}
.login_box table.links td a{  font-size:12px;  margin-top:0px;  color:#EA0300;  font-weight:bold;}
.login_box table.links td span a {    color: #333333;    font-family: Arial,Helvetica,sans-serif;    font-size: 11px;    padding: 0 7px;    font-weight: bold;}
.login_box table.links td a:hover{ color:#000000;}
.log_tb_arrow{background:url("images/login/arrow_log2.png") no-repeat scroll center top transparent; background-repeat:no-repeat; height:13px; width:68px;}
.support_login{ background: #f5f5f5; float: right; border-radius: 6px; height: 16px;  width: 99px;}
.support_login:hover{   background: url("ui/support_login_bg_hover.png") no-repeat scroll right center transparent;    float: right;    height: 16px;    width: 99px;}
.domain_btn{  height:51px;  width:275px;  margin:18px 0 0 17px;  border-radius: 10px; }
.domain_btn a{    color: #FFFFFF;    font-family: Corbel;    font-size: 18px;    font-weight: bold;    line-height: 41px;    padding-left: 18px;    text-decoration: none;    text-transform: uppercase;  }
.headerSection{ position: relative; background-color: #ffffff;}
.contact-info-area{ position: relative; padding: 3px 25px;}
.contact-info-area:before{ position: absolute; right: 0; top: 0; bottom: 0; width: 100%; max-width: 64%; content: ""; border-radius: 0px 0 0 90px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+0,e9e9e9+100 */
background: rgb(254,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(233,233,233,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(233,233,233,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(233,233,233,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */}
.contact-info-area .list-group{ width: 100%; max-width: 900px; margin: 0 auto;}
.navbar-brand{margin-right:0;font-size:36px;font-weight:700; width: 100%; padding: 5px 0; color:#ffffff;text-transform:uppercase; max-width: 280px;}
.navbar-brand img{ margin-top: -30px; width:100%; }
.navbar-brand span{color:#d51b00;}
.navbar-brand:hover{color:#ffffff;}
.navbar-brand .dotcom{font-size:20px;display:inline-block;margin-left:-10px;font-weight:600;text-transform:inherit;}
.navbar{ padding: 0; }
.navbar .navbar-nav li.nav-item{margin:0 5px; }
.navbar .navbar-nav li.nav-item > a.nav-link{ color: #4b4b4b; padding: 20px 12px 20px 12px;font-size: 13px;line-height: 15px;text-decoration: none;font-weight: 700;text-align: left;}
.navbar .navbar-nav li.nav-item > a.nav-link:hover,
.navbar .navbar-nav li.nav-item > a.nav-link.active,
.navbar .navbar-nav li.nav-item.show > a.nav-link{color:#000000; background: rgb(149,202,49); /* Old browsers */
background: -moz-linear-gradient(top, rgba(149,202,49,1) 0%, rgba(122,184,10,1) 50%, rgba(119,176,14,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(149,202,49,1) 0%,rgba(122,184,10,1) 50%,rgba(119,176,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(149,202,49,1) 0%,rgba(122,184,10,1) 50%,rgba(119,176,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95ca31', endColorstr='#77b00e',GradientType=0 ); /* IE6-9 */ background-size: 100%; -webkit-background-clip: text;-moz-background-clip: text;-webkit-text-fill-color: transparent;-moz-text-fill-color: transparent;}
.navbar .navbar-nav li.nav-item > a.nav-link:hover i,
.navbar .navbar-nav li.nav-item > a.nav-link.active i,
.navbar .navbar-nav li.nav-item.show > a.nav-link i{color:#000000;}
.navbar .navbar-nav .active > .nav-link,
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link.show,
.navbar .navbar-nav .show > .nav-link,
.navbar .navbar-nav .open > .nav-link{color:#000000;}
.navbar .navbar-collapse{position:relative; flex-grow: 0;}
.navbar-nav li ul.dropdown-menu{min-width:230px;padding:10px 5px;color:#6a6a6a;border-radius:0;border:none;margin:0px 0 0 0;}
.navbar-nav li:hover ul.dropdown-menu{ display: block; opacity: 1; }
.navbar-nav li ul.dropdown-menu  li{ position: relative; }
.navbar-nav li ul.dropdown-menu .dropdown-item{color:#666;border-bottom:#eee solid 1px;padding:5px 10px;/**/font-size:14px;line-height:16px;position:relative;}
/*.navbar-nav li .dropdown-item:before{position:absolute;background-color:#090e2b;height:5px;width:5px;left:0;top:15px;border-radius:100%;content:"";}*/
.navbar-nav li ul.dropdown-menu .dropdown-item:focus,.navbar-nav li ul.dropdown-menu .dropdown-item:hover,
.navbar-nav li ul.dropdown-menu .dropdown-item.active{color:#ffffff; background: rgb(149,202,49); /* Old browsers */
background: -moz-linear-gradient(top, rgba(149,202,49,1) 0%, rgba(122,184,10,1) 50%, rgba(119,176,14,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(149,202,49,1) 0%,rgba(122,184,10,1) 50%,rgba(119,176,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(149,202,49,1) 0%,rgba(122,184,10,1) 50%,rgba(119,176,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95ca31', endColorstr='#77b00e',GradientType=0 ); /* IE6-9 */ }
.navbar-nav li ul.dropdown-menu .nav-link{padding: 6px 10px; position: relative;  background-color: #fff; color: #666; font-size: 13px; line-height: 15px; text-decoration: none; text-align: left;      border-top: #eee 1px solid; }
.navbar-nav li ul.dropdown-menu .nav-link.arrow-right::after {right: 10px; top: 45%; transform: translateY(-50%); position: absolute; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; transform: rotate(-90deg);}
.navbar-nav li ul.dropdown-menu li ul{left:100%; display: none; position: absolute; z-index: 10; margin: -1px 0 0; list-style: none; background-color: #fff; border-right: #fff 1px solid;}
.navbar-nav li ul.dropdown-menu li ul li{margin: 0 5px; display: block; white-space: nowrap; position: relative; z-index: 1; list-style: none;}
.navbar-nav li ul.dropdown-menu li:hover ul {top: 0; left: 100%; display: block;}
.headerSection.menu-fixed{position:fixed;top:0;width:100%;left:0;right:0;z-index:9999;background-color:#ffffff;}
.head-right-area{position:relative;display:flex;align-items:center;padding-right:5px; z-index: 1;}
.head-right-area a{ width: 28px; height: 28px; line-height: 28px; margin-left: 10px; border-radius: 100%; color: #ffffff; text-align: center;  text-decoration: none; display: inline-block; vertical-align: middle;}
.head-right-area a.facebook-icon{ background-color: #3a589b; }
.head-right-area a.twitter-icon{ background-color: #598dca; }
.head-right-area a i{ color: #ffffff; font-size: 13px;}
.head-right-area.about-area a{ display: inline-block; padding-left: 20px; }
.head-right-area.about-area a:hover i{color: #A1D326;}
.head-right-area.about-area a:hover span::before{color: #A1D326;}
.head-right-area a.notification{ padding-right: 10px; }
.head-right-area a.notification img{ width: 100%; max-width: 45px; }
.head-right-area a.notification img.hover{ display: none; }
.head-right-area a.notification:hover img.unhover{ display: none; }
.head-right-area a.notification:hover img.hover{ display: inline-block; }
/**** Hero Image ****/
.hero-section { padding: 10px 0; background-repeat: no-repeat; background-position: top center; background-size: cover; position:relative;  background-position: center center; }
.heroTxt{ position: relative;}
.heroTxt .list-group-area{ padding: 20px 15px; text-align: center; }
.heroTxt .list-group-area{ padding:30px 45px 20px 45px; }
.heroTxt .list-group-area li{ font-family: 'Circular Std Medium'; padding-top: 15px; padding-bottom: 15px; font-size: 18px; text-align: left;}
.main-banner{ background-color:#FAFAFA; }
.main-graphic{position: absolute; bottom: 0px; width: 100%; z-index: 0;}
.home-questions.list-group-area li{ text-align: center; }
.home-questions li.item p i{ font-size: 24px; margin-right: 5px; } 
.offer-area .owl-dots{/*position: absolute; z-index: 1;  right: 0;  bottom:-15px;*/   /*old work /*/ margin-top:-28px; }
.slidecontent{  /*padding-top: 20px;*/}
.slidecontent .default-heading h1{/*margin-top: 15px;*/ padding: 5px 0; font-size: 36px; font-weight: 700; color: #131313; text-shadow: 0 0 5px #fff; font-family: Arial;}
.slidecontent .sub-heading h2{font-size: 24px; font-family: trebuchet ms; color: #131313; padding: 10px 0; text-shadow: 0 0 3px #fff; font-weight: 400;}
/*.slidecontent .sub-heading h5{ margin-bottom:10px; }*/
.slidecontent .slide_but { display: inline-block; width: 100%; max-width: 195px;  margin: 40px 0 4px 0;}
.slidecontent .slide_but a { font-size: 18px;color: #FFFFFF;font-style: normal; line-height: 40px; margin-bottom: 5px; text-align: center; text-shadow: 1px 1px 1px #a20f10; padding: 0 19px;}
.slidecontent p { background:none; font-size: 15px; font-family: trebuchet ms; line-height: 20px; margin-bottom: 0; padding-bottom: 0; color: #000;  clear: both; font-weight: 700;}
.offer {     background-position: center center;
    background-size: contain;position: relative; width: 100%; max-width: 312px; min-height: 195px; margin-top: 40px; margin-left: auto; text-align: center; /*old work*** float: right; margin-top: -100px; padding-top: 60px; border: #ccc 0 solid; ***/ background-repeat: no-repeat;}
.offer .priceDetails{ position:absolute; left:50%; top:55%; transform:translate(-50%,-50%); }
.offer .priceDetails h3 { color: #000; font-family: arial; font-size: 13px; font-weight: 700; padding: 0 0 0 0px;text-align: center; text-transform: uppercase;}
.offer .priceDetails .pricing{ color: #255785; font-family: arial; font-size: 48px; line-height: 55px; font-weight: 700; letter-spacing: -2px;}
.offer .priceDetails span {  color: #000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 18px; line-height: 12px;  padding-left: 10px;}
.offer_new{ /*max-width:inherit; width: auto; margin:0; padding:0; float: none;*/ min-height: 285px; margin-bottom: 20px; text-align: right;  background-position: center center; background-size: cover; position: relative;}
.offer_new_content{  display: none;  width: 100%;  max-width: 312px; left: 0; right: 0; margin: 0 auto; position: absolute; top: 50%; transform: translateY(-50%);}
.offer_new  img{ max-width:320px; margin-left: auto;}
.main-section-area{position: relative; }
.bg-body{background: linear-gradient(8deg, #EEF3F4 -100%, rgba(255, 255, 255, 0) 150%); padding-bottom: 90px; margin-bottom: -90px;}
.section{position:relative; padding:20px 0px;}
.services-area{ padding-bottom: 0; }
.services-area .box {height: auto;background: #fff; padding-bottom: 15px; min-height: 425px; margin-bottom: 20px; box-shadow: 0 0 6px #ddd; border: #999 0 solid;
  border-radius: 6px; -webkit-border-radius: 6px; -mox-border-radius: 6px; /*-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
  -moz-user-select: none;-ms-user-select: none; user-select: none; cursor: default;*/}
.services-area .box .header { background: #2f2e35; text-align: center; height: 45px; font-size: 20px; font-family: "Helvetica Condensed";  color: #fff; line-height: 45px; width: 100%; margin: 0 auto; border-radius: 6px;}
.services-area .box .price {text-align: center; padding-bottom: 0; font-size: 65px; line-height: 40px; font-weight: 700; font-family: Helvetica Condensed; color: #2f2e35; width: 100%; margin: 30px auto 0;}
.services-area .box .price span { font-size: 35px; position: relative; top: -25px;}
.services-area .box em { color: #8e8d99; font-size: 11px; position: relative; top: -5px;}
.services-area .box .box-month-1{ left: 66px; }
.services-area .box .box-month-2{ left: 50px; }
.services-area .box .box-month-3{ left: 62px; }
.services-area .box .box-month-4{ left: 45px; }

.services-area .box .planfeatures { min-height: 155px; margin: 10px auto 0; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; padding: 5px 0; width: 170px; }
.services-area .box .planfeatures p { display: block; color: #646368; font-family: "Trebuchet MS";  font-size: 15px;  line-height: 12px;}
.services-area .box .planfeatures p strong { color: #2f2e35; font-weight: 700; padding-right: 5px;}
.services-area .box p.slogan { font-size: 12px; width: 170px; margin: 5px auto 0px auto; letter-spacing: -0.5px;}
.services-area .box .signup_btn {width: 120px;margin-left: 26px; margin-top: 15px;}
.services-area .box .signup_btn a { font-size: 16px; text-transform: uppercase; font-family: trebuchet ms; color: #fff; display: block; text-align: center; line-height: 28px;}
.services-area .box.active .header,
.services-area .box:hover .header {
background: rgb(149,202,49); /* Old browsers */
background: -moz-linear-gradient(top, rgba(149,202,49,1) 0%, rgba(122,184,10,1) 50%, rgba(119,176,14,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(149,202,49,1) 0%,rgba(122,184,10,1) 50%,rgba(119,176,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(149,202,49,1) 0%,rgba(122,184,10,1) 50%,rgba(119,176,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95ca31', endColorstr='#77b00e',GradientType=0 ); /* IE6-9 */}
.services-area .box.active .signup_btn .btn,
.services-area .box:hover .signup_btn .btn{
background: rgb(201,33,34); /* Old browsers */
background: -moz-linear-gradient(top, rgba(201,33,34,1) 94%, rgba(229,54,55,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(201,33,34,1) 94%,rgba(229,54,55,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(201,33,34,1) 94%,rgba(229,54,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c92122', endColorstr='#e53637',GradientType=0 ); /* IE6-9 */}
.partner-area{width: 100%; background: #fff;  border-top: #e7e7e7 1px solid;}
.partner-logos.owl-carousel{ margin-bottom: 30px; }
.partner-logos.owl-carousel .owl-item{ display: inline-block; float: none; vertical-align: middle; }
.partner-logos .item img{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: gray;-webkit-filter: grayscale(100%);}
.partner-logos .item img:hover{filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: gray;-webkit-filter: grayscale(0%);}
.partner-logos.owl-carousel .owl-item img{ width: auto; margin:0 auto; }
.partner-logos.owl-carousel .owl-nav{ position: absolute; left: 0; right: 0; bottom: 0; top: 50%; transform: translateY(-50%);}
.partner-logos.owl-carousel .owl-nav button{background-color: #ffffff; border-radius: 6px; width: 28px; height: 28px; line-height: 30px; border:#444 solid 1px; color: #444; }
.partner-logos.owl-carousel .owl-nav button.owl-next{ position: absolute; right: 0; }
.partner-logos.owl-carousel .owl-nav button.owl-prev{position: absolute; left: 0; }
.securety-area{ position: relative; }
.titlebox { width: 100%; max-width: 340px; line-height: 35px; font-size: 16px; padding-left: 10px; margin-bottom: 5px; color: #444; background: #f5f5f5; font-family: 'Helvetica Condensed';}
.titlebox a { color: #444;}
.titlebox span { color: #c10000; font-size: 22px; width: 80px; display: block; float: left;}
.bigbox { width: 100%; max-width: 340px; padding-bottom: 8px;border-bottom: #eee 2px solid;}
.bigbox ul.security li { display: inline-block; vertical-align: middle;  list-style: none;}
.bigbox ul.cards {  text-align: center; }
.bigbox ul.cards li { display: inline-block; vertical-align: middle; margin-left: 5px; list-style: none;}
.bigbox ul.partner {  position: relative; margin-top: 10px;}
.bigbox ul.partner li {display: inline-block; vertical-align: middle; margin-left: 25px; list-style: none;}
.our-service-area{ position: relative; }
.title_bg{ width: 100%; max-width: 545px; line-height: 40px; font-family: 'Helvetica Condensed'; font-size: 20px; text-transform: uppercase; color: #444;}
.our-service-area .services {margin: 10px 3px; width: 100%; max-width: 250px; position: relative; display: inline-block;}
.our-service-area .services.padd-left{ padding-left: 32px; }
.our-service-area .services li {  line-height: 22px; font-size: 12px; position: relative; list-style: none; display: inline-block; vertical-align: middle; width: 100%;  max-width: 255px; color: #414141;}
.our-service-area .services .dot-icon{ position: absolute; left: 0; }
.our-service-area .services li a { color: #333; display: inline-block; vertical-align: middle; text-decoration: none; position: relative;  padding-left: 20px; }
.our-service-area .services li span { font-weight: 700; display: inline-block; vertical-align: middle; position: absolute; right: 0;}
.testimonial { padding: 10px 0 10px 10px; line-height: 20px; font-size: 13px;}
.testimonial strong { color: #222;}
.testimonial_footer { padding: 0 0 10px 5px; line-height: 18px;  font-size: 13px;}
.testimonial_footer ul{display: inline-block; vertical-align: middle; margin-left: 5px;}
.testimonial_footer ul li { list-style: none;  display: inline-block; vertical-align: middle;}
.testimonial_footer .morebtn {  display: inline-block; vertical-align: middle; width: auto !important; height: auto !important; background: none !important; }
.testimonial_footer .morebtn .btn{ max-width: 150px; width: 100%; }
/****************Footer Sart***************/
.footer-area{position:relative; background-color: #f1f2f3; background: repeat-x; color: #fff;  z-index: 1;}
.linkbox-area{ width: 100%;  position: relative;  top: 27px;  padding: 10px;  margin: 0 auto;  background: #fff; line-height: 25px; text-align: center;
    color: #343434; border: #ddc 1px solid;  box-shadow: 0 0 10px #888; border-radius: 4px; -webkit-border-radius: 4px;  -mozila-border-radius: 4px;
    -o-border-radius: 4px;}
.linkbox-area a{ text-decoration: none; }
.sitemap-area {    width: 100%;    max-width: 930px;    margin: 50px auto 0;    border-bottom: #aaa 1px solid;    overflow: hidden;}
.footer-col{position:relative;/*display:inline-block;width:100%;max-width:25%;margin-right:-4px;vertical-align:top;*/padding-left: 40px;
 margin-bottom: 15px; padding-right: 30px; min-height: 268px; border: #ccc 0 solid; border-left: #ccc 1px dashed;line-height: 20px;font-size: 12px; color: #313131;}
.footer-col.padd-bordr-none{ padding-left: 0; border-left: none; }
.footer-col p{color:#ffffff;font-weight:300;}
.footer-col h5{font-size: 16px; line-height: 24px; font-weight: 700; color: #313131; position: relative;}
.footer-col ul{list-style:inherit;margin:0; }
.footer-col ul li{display:block;position:relative;}
.footer-col ul li:last-child{margin-bottom:0;}
.footer-col ul li a{font-size: 12px; color: #313131;text-decoration: none; line-height: 24px; position: relative;}
.footer-col ul li a i{ color: #c4c3c8; font-size: 18px; margin-right: 10px;  vertical-align: middle;}
.footer-col ul li a i:before{color: #c4c3c8;}
.pin-area {position: absolute; left: -30px; top: 0; max-width: 25px;}
.Copyright{display:block;position:relative;  border-top: #fff 1px solid; line-height: 35px; font-size: 13px;  color: gray;}
.Copyright p{color: gray;margin-bottom:0; font-size: 12px;}
.Copyright ul{list-style:none;text-align:right;}
.Copyright ul li{display:inline-block;vertical-align:middle;padding-left:15px;}
.Copyright ul li a{color:#0f3569; font-size: 14px; line-height: 20px; text-decoration: none;}
.Copyright ul li a.facebook-squre{ color: #14488f; font-weight: 700; }
.Copyright ul li a.facebook-squre .fa-facebook-square{color: #14488f; font-size: 18px; position: relative; top: 2px;}
.Copyright ul li a.twitter-squre{ color: #48a2ff; font-weight: 700;}
.Copyright ul li a.twitter-squre .fa-twitter-square{color: #48a2ff; font-size: 18px; position: relative; top: 2px;}
.middle-area .boxshadow{box-shadow: 0px 1px 8px #bbb; -mox-box-shadow: 0px 1px 8px #bbb; -webkit-box-shadow: 0px 1px 8px #bbb;}
/******* Reseller *****/
.inner-banner{ position: relative; padding-top: 13px; background-repeat: repeat-x; background-position: left -110px; }
.innerpagehead{background-size: cover; background-repeat: no-repeat; border: 1px solid #6AA0CE; box-shadow: 0px 1px 8px #bbb; -mox-box-shadow: 0px 1px 8px #bbb; -webkit-box-shadow: 0px 1px 8px #bbb;}
.innerpagehead.boxheader{ background-repeat: repeat-x; min-height: 100px; border: none; background-size: contain;}
.top-left-area { width: 100%;max-width: 600px; display: inline-block; vertical-align: middle; padding-left: 35px;}
.top-left-area h1 { color: #232323; font-size: 40px; font-weight: bold; letter-spacing: -1px;}
.top-left-area h2 { color: #292929;  font-size: 24px; font-weight: bold; font-family: 'Helvetica Condensed';}
.top-left-area ul {  margin-top: 10px; }
.top-left-area ul li { line-height: 25px; position: relative;  font-size: 16px; margin-top: 2px; color: #101010; font-weight: bold; padding-left: 25px; }
.top-left-area ul li img.icon-area{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.offerbox {background-size: cover; background-repeat: no-repeat; width: 100%; max-width: 310px; height: 100%; min-height: 245px; display: inline-block; vertical-align: middle; padding-top: 30px;}
.offerbox h3 { font-size: 24px; color: #434343;text-align: center;  padding-top: 30px;}
.offerbox h1, .offerbox span { color: #B51F1F; background: -webkit-linear-gradient(top, #E24545, #A31A1A); background: linear-gradient(top, #E24545, #A31A1A);
    -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }
.offerbox h1 {margin-top:10px; font-size:24px; margin-bottom:6px; font-weight: bold; letter-spacing: -1px; font-family: Tahoma; margin-left: 0px; text-align: center;}
.offerbox span{padding-top:10px; font-size: 14px; font-weight: bold;  display: block; text-align: center}
.offerbox h6{ color: #1D1D1D; margin-top: 5px;  font-size: 16px; text-align: center; font-weight: 700;}
.offerbox h4{ font-size: 24px; text-align: center; margin-top: 5px; color: #b51f1f;  background: -webkit-linear-gradient(top,#E24545,#A31A1A);
    background: linear-gradient(top,#E24545,#A31A1A); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.heading-area{font-size: 18px; text-align: center; margin: 0px 0px 0px 0px; line-height: 32px;}
.offerbox h3.backup{ padding-top: 5px; }
.offerbox h4.free-area{ margin-top: 50px;}
.bluepagehead{ position: relative; }
.bluepagehead .top-left-area h1{ color: #B1DB5C; letter-spacing: -2px; font-size: 36px; margin-bottom: 10px;}
.bluepagehead .top-left-area h2{ margin-bottom: 20px; }
.bluepagehead .top-left-area h2, .bluepagehead .top-left-area ul li{ color: #ffffff; }
.bluepagehead .offerbox{ margin-top: 30px; max-width: 235px; min-height: 220px; }
.bluepagehead .offerbox h3{ color: #ffffff;}
.table-area{padding: 9px; min-height: 400px; border-right: #eee 1px solid; border-left: #eee 1px solid; margin: 0 auto; background: #fff; box-shadow: 0px 1px 8px #bbb; -mox-box-shadow: 0px 1px 8px #bbb; -webkit-box-shadow: 0px 1px 8px #bbb;}
.plantablenew{border: #d7d7d7 1px solid; width: 100%; border-spacing: 0px;}
/*.plantablenew{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default;}*/
.plantablenew th.slogan { background: #fff; color: #323232; padding-left: 15px;padding-top: 25px; letter-spacing: 0px; padding-right: 10px; border-right: #fff 1px solid;
text-align: left; text-shadow: none; font-weight: normal; font-family: Arial, Helvetica, sans-serif; line-height: 26px; font-size: 18px; width: 40%;}
.plantablenew th{ font-family: 'Helvetica Condensed'; font-size: 28px; text-align: center; border-spacing: 0px; line-height: 40px;  font-weight: bold;
    height: 40px; letter-spacing: -1px; background: #B1DB5C; color: #fff; text-shadow: 0px 1px 3px #999; min-width: 162px;}
.plantablenew th a, .plantablenew th a:hover{ color:#ffffff; text-decoration:none; }
.plantablenew td { height: 45px; /*line-height: 45px;*/ padding-left: 5px; padding-right: 5px; color: #262626; text-align: center; font-size: 13px;}
.plantablenew td.heading { font-size: 13px; color: #000;  vertical-align: middle; text-align: left; padding-left: 10px;}
.plantablenew td.heading h5{color: #024792; font-size: 14px; font-weight: 700;}
.plantablenew td.heading.Large-head h5{ font-size:18px; }
.plantablenew td.top div.plantabtop {height: 50px;  padding-top: 5px; padding-bottom: 8px; margin: 0 auto; font-family: 'Helvetica Condensed';
    font-size: 40px; color: #1B1B1B; font-weight: bold; text-align: center;}
 .plantablenew td.top div.plantabtop b { font-size: 32px; font-weight: bold; font-family: 'Berlin Sans FB Demi';}
.plantablenew td.top span {display: block; font-size: 20px; padding-bottom: 10px; color: #70B234; height: 35px; line-height: 35px;text-align: center; margin: 0 auto; width: 130px;}
.plantablenew td a{ text-decoration: none; }
.plantablenew td div.order { width: 100%; max-width: 105px; margin: 0 auto;  height: 38px; font-size: 13px; font-weight: bold; text-transform: uppercase;
    line-height: 38px;  text-align: center; color: #222; padding-left: 10px;}
.switch_btn_next, .switch_btn_next6, .switch_btn_back, .switch_btn_back6 {width: 30px; height: 30px; float: right; cursor: pointer; margin-right: 5px; margin-top: -2px;}

.left-panel { padding-top: 15px; width: 100%; /* max-width: 637px; display: inline-block; vertical-align: top;*/ border: #999 0px solid;}
.desc_heading {  font-size: 22px; font-weight: bold; color: #BE0000; display: block; text-align: center;}
.normal{ line-height: 22px; color: #666; font-size: 12px; margin: 0; text-align: justify; padding: 8px 5px;}
.normal strong{ font-weight:700; }
.faqnew li.head { background: #888;  color: #fff; font-size: 20px; padding: 10px 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px;}   

.faqnew li { background-repeat: repeat-x; background-color: #f9f9f9; background-position: top; border-left: #ddd 1px solid; border-right: #ddd 1px solid; border-bottom: #ccc 1px solid; padding-left: 15px; padding: 13px 15px;}
.faqnew li > a {  display: block; text-decoration: none; color: #000; position: relative; padding-left: 20px; font-size: 14px; line-height: 16px;}
.faqnew li > a img.icon-area{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.faqnew li.selected > a { color: #CC6633;}
.faqnew li p { font-size: 12px;  margin: 0; padding: 8px 5px; text-align: justify; display: none; line-height: 20px; color: #444; }
.faqsbtn { width: 100px; border: 1px solid #32323C; border-top: none; margin: 0 auto; text-align: center; border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px; background-color: #888888;}
.faqnew li p.list-faq strong{ font-weight:600; padding:0px 0 5px 0; display:block; }
.faqnew li p.list-faq span{ display:inline-block; width:100%; max-width:25%; margin-right:-3px; }
.faqsbtn a { color: #ffffff; font-weight: bold; display: block; text-decoration: none;}
.right_panel { max-width:290px; width: 100%;    display: inline-block;    vertical-align: top;    border: #ddd 0px solid;}
.right_panel .popbox { max-width:290px; width: 100%; margin-left: auto; margin-top: 15px; height: 120px; background-size: cover; background-repeat: no-repeat; background-position: center;
    border-radius: 10px; padding: 10px 6px 8px 10px; }
.right_panel .popbox h1 { font-size: 24px; color: #111111; font-family: 'Helvetica Condensed'; font-weight: bold;}
.right_panel .popbox p { font-size: 14px; background: none;}
.right_panel .popbox a .btn, .clickbtn { background-position: center; background-repeat: no-repeat;  text-decoration: none;  float: right;    height: 26px;    width: 85px;    font-size: 12px;    font-weight: bold;    color: #444444;    line-height: 26px;    text-align: center;    margin: 0;    padding: 0;}
.clickbtn.submit{float:left; color:#444; margin-top: 15px;}
.mail_box { max-width:290px; width: 100%; margin-top: 15px; display: inline-block; background-position: center; background-repeat: no-repeat; background-color: #F9F9F9; border: #ddd 1px solid; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding: 15px 15px;}
.mail_box .mail_box_head { font-size: 14px; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;  font-weight: bold;}
.mail_box strong{color: #777; line-height: 24px; padding-left: 10px;}
.mail_box input[type=text] { padding-left: 5px;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.text_cloud_input { background: #FFFFFF; border: 1px solid #E7E7E7; color: #CCCCCC; margin: 2px 0; padding: 5px 0; font-family: Arial, Helvetica, sans-serif;  font-size: 12px;}
.mail_box textarea { padding-left: 5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.card{ min-height: 420px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F8F8F8), color-stop(1, #F8F8F8) );
  background-color:#F8F8F8; border-radius: 8px; text-indent:0; border:1px solid #E3E3E3;border-top:none; box-shadow:0 3px 0 #D1D1D1; }
.card .card-body{ padding: 0; flex: inherit;}
.card .card-title{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #434343), color-stop(1, #434343) );
  background-color:#434343; border-radius: 8px 8px 0 0px; text-indent:0; border: none; display: block; color:#fff; font-size:18px; margin-bottom: 0;
  font-weight:bold; font-style:normal; font-family: 'Helvetica Condensed'; width:100%; line-height:50px; min-height:50px; text-decoration:none; text-align:center;}
.card:hover .card-title, .card.active .card-title{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89C744), color-stop(1, #89C744) ); background-color:#89C744;}
.card:hover .btn-dark, .card.active .btn-dark{background: #89c744; border-color: #89c744;}
.card>.list-group { padding:15px 0 0 10px; padding-bottom: 20px; min-height: 215px; margin: 0 4px; border-bottom: 1px solid #ddd;}
.card>.list-group.largeHeight{ min-height: 275px; }
.card>.list-group li{ margin: 0; list-style: none; color: #616161; font-size: 12px; padding: 0 15px; text-decoration: none; text-align: left; line-height: 30px; font-family: arial; font-weight: 700;  font-style: normal;  padding-left: 15px;  font-weight: 400;}
.card>.list-group li.list-group-item{ border: none; background: none; }
.card>.list-group li{ margin-left: 0; }
.card>.list-group li strong { color: #111; margin-right: 15px;}
.card .card-body-footer{ display: block; text-align: center; padding: 15px 15px; margin:30px 0px; }
.card .card-body-footer p{padding: 0; font-size: 20px; color: #000;  text-align: center; background: 0 0; line-height: 21px;}
.card .card-body-footer p strong{ font-size:12px; line-height: 30px; color:#c70028; }
.features{ background-repeat:repeat-x; background-position:bottom; width:100%; margin:30px 0 10px 0; padding:0px 0 38px 0; }
.managed{ background-color:#7E7E7E; color:#fff; font-size:26px; text-align:center; font-family: 'Helvetica Condensed';}
.opr_sys{ margin-right: 0; margin-top: 30px;}
.opr_sys h1{ font-family: 'Helvetica Condensed';  font-size: 30px; letter-spacing: -1px; line-height: 50px; margin-left: 1px; width: 100%; }
.opr_sys ul{margin: 10px 0 0; padding: 0;}
.opr_sys ul.paddLeft{ padding-left: 50px; }
.opr_sys li{ background-repeat: no-repeat; background-position: left center; position: relative; font-size: 14px; letter-spacing: -0.1px; line-height: 20px; padding: 5px 0 5px 40px;}
.opr_sys li .icon-area{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.scrollup{ width: 32px; height: 32px; right: 10px; bottom: 20px; position: fixed; line-height: 30px; text-align: center; color: #fff; font-size: 14px;
    z-index: 3335555; font-weight: 700; display: none; }
.why-us{ position: relative; padding-bottom: 100px; }
.innerpagehead.boxheader .TopHead{ padding: 15px 0 0 20px;  position: relative; min-height: 85px;}
.innerpagehead.boxheader .TopHead h1{ color: #232323; font-size: 28px; font-weight: bold; letter-spacing: -1px; }
.innerpagehead.boxheader .TopHead h5{ font-family: Arial; font-size: 14px; color: #000; line-height: 30px; padding-left: 5px; font-weight: 400;}
.innerpagehead.white-text{ background-size:cover; }
.innerpagehead.white-text .TopHead h1, .innerpagehead.white-text .TopHead h5{ color:#ffffff; }

.paragraph{ padding: 5px; clear: both; margin-bottom: 15px;}
.paragraph p{ padding: 0; margin-bottom: 15px; }
.paragraph p:last-child{ margin-bottom: 0; }
.photos{ float: left; text-align: center; }
.title_bar{ background-repeat: repeat-x; background-position: center; padding: 5px 15px; margin-bottom: 10px; background-size: contain; width: 100%;line-height: 18px; font-weight: 700; border-right: #ddd 1px solid; border-left: #ddd 1px solid;}
.imageIcon{ position: absolute; top: 15px; right: 15px; }

.location-area{ position: relative; }
.location-area > strong{ margin-bottom: 10px; font-weight: bold; color: #000;}
.location-area p strong{ font-weight: bold; color: #000;}

.contactForm{ padding: 20px 50px; }
.form-head{ margin-bottom: 15px; display: block; }
.form-head .blue_bold { font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: #2b4d9c;font-weight: 700; text-decoration: none;}
.mandatory{ display: block; }
.sub-btn{ padding: 1px 12px; border: #000 solid 1px; border-radius: 5px; }

.form-area{ position:relative; padding:25px; }
.form-area form{ background-color:#ffffff; padding:20px; border-radius:15px; }
.form-area form .input-field{ position:relative; }
.form-area form .input-field i{ position:absolute; left:30px; top:50%; transform:translateY(-50%); font-size:24px; }
.form-area form .input-field i:before{ color:#0f75bc; }
.form-area form .input-field .btn{ width:100%; max-width:200px; margin:0 auto; text-align:center; }
.form-area form .input-field .btn i{ position:inherit; left:0; transform:none; top:auto; }
.form-area form .input-field .btn i:before{ color:#ffffff; }
.form-area form .input-field.textarea i{top: 15px; transform: none;}
.form-area form .input-field.textarea textarea{ min-height:120px; }

.form-area form .form-group {position: relative; margin-bottom: 15px; }
.form-area form .form-group label {color: #B7B5C2; font-size: 16px; position: relative; line-height: 16px; min-height: 28px; }
.form-area form .form-group label span{ position: absolute; top: 0; right: -10px; color: #FF0000; margin-left: 10px; display: block; }
.form-area form .form-group select {font-size: 16px; padding: 15px 10px; height: auto; color: #1e1e1e; }
.form-area form .form-control, .form-area form .form-inline .form-control, 
.form-area form .input-group-lg >.form-control, .form-area form .form-select{width: 100%; padding: 12px 25px 12px 50px; border: 1px solid #ced4da; font-size:16px;  color: #3d3d3d; background: #efefef; box-sizing: border-box; border-radius:15px;}
.form-area form .input-group-lg >.form-control{ width: auto; border-left: 0;}
.form-area form .input-group-lg >.form-control:focus{ box-shadow: none; }
.form-area form .input-group-lg .input-group-text{ border-radius: 10px; background-color:#ffffff; border-radius: 10px; border-right: 0; }

.form-area form .form-control.minheight, .form-area form .form-inline .form-control.minheight { min-height: 230px; }
.form-area form .form-group select.custom-select {background: #ebeff2 url(../images/down-arrow.png); background-repeat: no-repeat; background-position: 98% 16px; background-size: 15px; border: 1px solid #b9c6d3; }
.form-area form .form-group .input-group.date .input-group-addon {background-color: #ddd; color: #d51b00; padding: 7px 8px; border-radius: 0rem .25rem .25rem 0rem;}
.form-area form .form-group .input-group.date .input-group-addon .fa { color: #d51b00; }
.form-area form .form-control:focus, select:focus, .custom-select:focus, .form-select:focus{ box-shadow: none; }
.faq-area{ padding: 20px 20px; }
.smallHeading{ margin-left: -15px; }
.smallHeading h6{ color: #024792; font-size: 12px; font-weight: 700;}
.faq-area .faq{ margin-bottom: 20px; padding-left: 15px;}
.faq-area .faq li {font-weight: 700; list-style: square; line-height: 23px; color: #666; cursor: pointer;}
.faq-area .faq li:hover { color: #06c;}
.faq-area .faq li p {font-weight: 400; display: none; cursor: text;}
.help-area{ padding: 20px 20px; }
.nav-pills{}
.nav-pills li{border: 1px solid #efefef; background-repeat: repeat-x; background-position: center; background-size: contain; border-top-left-radius: 2px; border-top-right-radius: 2px;}
.nav-pills .nav-link{color: #5c6269; font-size: 14px; font-weight: 600; padding: 6px 15px; border-radius: 0; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{color: #000000; background: #fff url(../images/bg-tab-active.jpg) repeat-x;}
.accordion-body{ padding: 0;}
.accordion-button{ padding: 10px 15px; font-size: 14px; font-weight: 600;}
.accordion-button:focus{box-shadow: none;}
.accordion-button.btn-heading{ padding: 5px 15px; font-size: 14px; font-weight: 600;}
.accordion-button.btn-heading::after{background:url(../images/bullet_arrow_down.png); background-repeat: no-repeat; width: 18px; height: 12px;}
.accordion-button.btn-heading:not(.collapsed){ color: #000000; }
.accordion-button.btn-heading:not(.collapsed)::after{background:url(../images/bullet_arrow_down.png); transform: rotate(-180deg);}
.accordion-body.bodycontent{ padding: 5px 10px; }
.accordion-body.bodycontent p{ position: relative; padding: 0; padding-left: 10px;}
.accordion-body.bodycontent p a{ text-decoration: none; }
.accordion-body.bodycontent .arrow-icon{ font-size: 12px; position: absolute; left: 0; line-height: 0; top: 45%; transform: translate(-55%); }
.small_heading, .small_heading:hover{color: #1D6B9C;}
.accordion-header > .accordion-button > a{color: #000000; text-decoration: none;}
.accordion-header > .accordion-button > a:hover{ color: #000000; }
.accordion-body p.small-paragraph{ padding: 10px; }
.large-text{color:#444; line-height:22px; font-size:13px; font-weight:bold;}
.olist li{list-style: square; margin-left: 40px; line-height: 20px; font-size: 12px;}
.olist li a{text-decoration: none; color: #06a;}
.sub-accordion .accordion-button{ color:#06a; }
.sub-accordion .accordion-button::after{ display:none }
.infotext{ padding:15px 0; }
.infotext .olist > li, .infotext .ul_list > li{ list-style: decimal; font-size: 14px; font-weight: 500; margin-bottom: 10px; margin-left:0; color: #000000;}
.infotext .olist > li > ul > li{ list-style:circle;}
.infotext .olist > li ul.word_list > li, .infotext ul.word_list > li{ list-style:lower-latin; }
.infotext .olist > li > ul > li p{ padding: 0; padding-left:5px; margin-bottom: 15px; }

.infotext .ul_list{ padding-left:40px; }
.infotext .default-heading h4{ padding: 15px 0;}
.infotext p, .infotext .default-heading h4{ padding-left:20px; padding-top: 0; line-height: 20px;}
.infotext .ul_list > li{ list-style:square; margin-bottom: 0;}
.infotext .ul_list > li p{ padding-left:0; }
.infotext .olist.list-q li{ margin-bottom:0; }
.small-heading-area{ position: relative; display: block; }
.small-heading-area h6{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #015479; font-weight: bold; line-height: 20px;}
.amount_text{font-size: 12px; color: #2b4d9c; font-weight: 700;}
.currency-conversion{ margin-top: 20px;}
.content-sitemap{ position: relative; display: block; margin-bottom: 30px; }
.content-sitemap h5{color:#006633; margin-bottom: 15px;}
#sitemap{padding:0; margin-left:20px;}
#sitemap li{  line-height:20px; font-weight:bold; font-size:12px; color:#024792; border:#ddd 0px solid;}
.col{ width:15px;  height:20px;  float: left;  background:url(../icons/sitemap/col.png) 0px 4px no-repeat;  }
.exp{ width:15px;  height:20px;  float: left; background-repeat: no-repeat; background-position: 0 4px;}
.colna{ width:15px;  height:20px;  float: left;  background-repeat: no-repeat; background-position: 0 4px; }
#sitemap li a{  line-height:20px;  color:#666;  text-decoration:none;}
#sitemap li a:hover{ color:#006600; text-decoration:underline;}
/* for drpdown links */
.sitemap_links{  padding:0;  margin-left:20px;}
.sitemap_links li{  line-height:20px; font-weight:normal;}
.sitemap_links li a{  color:#666;  font-weight:normal; text-decoration:none;  }
.sitemap_links li a:hover{ text-decoration:underline; color:#f00;}
/* for sub links */
.sitemap_sublink{  padding:0;  margin-left:20px;}
.sitemap_sublink li{  line-height:20px;  font-weight:normal;}
.sitemap_sublink li a{  color:#999;  font-weight:normal;  text-decoration:none;  }
.sitemap_sublink li a:hover{ text-decoration:underline; color:#f00;}
.bottons-area{ bottom: 0; top: auto; max-width:inherit;  }
.bottons-area.po-bottom{ padding:10px 0 0 0; }
.bottons-area a{ position: relative; display: inline-block; margin-left: 10px; padding: 5px 35px 5px 20px; border-radius: 6px; color: #ffffff; text-align: center;
        font-size: 14px;   text-decoration: none; font-weight: 700;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4ea0ed+0,2c82d3+51,115baa+100 */
background: rgb(78,160,237); /* Old browsers */
background: -moz-linear-gradient(top, rgba(78,160,237,1) 0%, rgba(44,130,211,1) 51%, rgba(17,91,170,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(78,160,237,1) 0%,rgba(44,130,211,1) 51%,rgba(17,91,170,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(78,160,237,1) 0%,rgba(44,130,211,1) 51%,rgba(17,91,170,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ea0ed', endColorstr='#115baa',GradientType=0 ); /* IE6-9 */}
.bottons-area a i{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #ffffff; }
.hosting-area .bordr{ padding: 10px 10px; border: #ddd 1px solid; position: relative; min-height: 200px;}
.hosting-area .image-area{ display: block; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left:0; right:0; }
.hosting-area .image-area strong{ display: block; }
.hosting-area .olist{ font-size: 11px; margin-bottom: 10px; }

.vps_links { background-color: #f4f4f4; border: 1px solid #ccc; margin: 0 0 0 13px; min-height: 84px; padding: 11px; width: 95%;}
.vps_links.column-uL ul{ display:inline-block; width:100%; max-width:48%; margin:0 7px; vertical-align:top; }
.vps_links li {background-color: #fff; border: 1px solid #f1f1f1; margin: 2px 0; padding: 8px 20px;}

.bottom-area strong, .bottom-area span{ font-size: 11px; }

.opisi-guide-area{ text-align:center; }
.opisi-guide{ margin-bottom:5px; }
.top-slide-contents{ position:relative; }
.installation-guide{ text-align:right; display:block;font-size: 14px; color: #015479; font-weight: bold; line-height: 20px;}
.img-logo{ text-align:right; display:block; }
.try{ padding:0; text-align:right; }
.select-platform{ text-align:right; }
.go-btn{width:22px;height:19px;margin-top:1px; padding:1px; padding-bottom:2px; border: #666666 1px solid; font-family:Arial; font-size:11px; font-weight:bold;  CURSOR: hand; COLOR: #fff; BACKGROUND-COLOR: #8C8C8C;}
.heading-inst-blue{font-size: 13px;  color: #2A63A8;  line-height: 20px;}
.tabs-slide{ position:relative; margin-bottom:-1px; margin-top:15px; }
.tabs-slide .tabs-slide-item{border: 1px solid #d3d3d3; background-color:#F5F5F5; width: 100%; max-width: 70px; border-radius: 5px 5px 0 0; display:inline-block;  padding: 8px 8px 8px 8px;}
.tabs-slide .tabs-slide-item a{text-align: center; font-weight: bold; display: block; text-decoration: none;}

.tabs-section{display: block; background: none; border: 1px solid #ccc; color: #222222; padding:10px; }
.text-inst {font-size: 12px;}
.text-inst strong{color: #E36C0A;}
.step-section-box {border: #ddd 1px solid; margin: 10px auto; max-width: 820px; width: 100%; padding: 0;}
.step-section-box .img-screenshot{ display:block; margin:0 auto; padding:15px; }
.tabs-section legend{border: #ddd 1px solid; padding: 1px 5px; margin-bottom: 0; font-size: 11px; font-weight: bold; color: #E36C0A; line-height: 18px;}
.list-items{ list-style:none; margin-top:25px; }
.list-items li{padding-left: 20px; position: relative; padding-top: 3px; padding-bottom: 3px;}
.list-items li .arrow-icon{ position:absolute; left:0; top:3px; }

.smalltable{outline:#2881c1 1px solid;border-collapse:collapse; margin: 6px auto; width: 100%; max-width: 400px;}
.table-area .smalltable th{ display:table-cell; }
.smalltable th{color:#fff;background:#2881c1;font-weight:700}
.smalltable th,.smalltable td{padding:4px 10px;border:#ddd 1px solid}
.page-id-91381 .meta h3.et_pb_module_header + a{ pointer-events:none; }
.paragraph-area{ position:relative; margin-top:0; }
.paragraph-area p{ padding:8px 0; }

.plans_baar{/*float:right; width:240px;*/ margin-bottom:15px; padding:10px; background:#F3F4F2; border-radius:6px; -mox-border-radius:6px; }
.plans_baar h6{ font-size:12px; color:#069; font-weight:bold; text-align:center; margin-bottom: 8px;}
.plans_baar .baar{ padding:0px 10px; color:#fff; font-size:14px; font-weight:bold; margin-bottom: 15px; line-height:32px; clear:both; height:32px; border-radius:6px; -mox-border-radius:6px;  -webkit-border-radius:6px; }
.plans_baar .baar .pointr{ width:22px; height:10px;}

.plans_baar .content{border:#ccc 0px solid;}
.plans_baar .content a{ line-height:22px; color:#666; }
.plans_baar .content{ margin-bottom:15px;  }
.plans_baar .content a:hover{ color: #006600; text-decoration:underline;}
.plans_baar .content span{ font-weight:bold;}
.blog-list{ position:relative; }
.blog-list li{ margin-bottom:25px; }
.blog-list li .wp-block-post-date a{ color:#0d6efd; }
.blog-list li .default-heading h2{ font-weight:700; }
.blog-list li p{ padding:10px 0; word-break: break-all;}

/* ////////////////////////////////////////////////////////rsponsive file .css 05-02-24/////////////////////////////////////////////////////// */
@media (min-width:1920px){
  .custom-heading {font-size: 1.5em;}
.custom-heading-image {font-family: 'Helvetica Condensed';letter-spacing: -1px;line-height: 50px; margin-left: 1px;width: 100%;display: block;font-size: 2.5em;margin-block-start: 0.67em;margin-block-end: 0.67em;margin-inline-start: 0px;margin-inline-end: 0px;} 
  body{font-size:20px;}
}
    
    @media (min-width:768px){.hero-section{ max-height:330px; } 
    .custom-heading-image {font-family: 'Helvetica Condensed';letter-spacing: -1px;line-height: 50px; margin-left: 1px;width: 100%;display: block;font-size: 2.5em;margin-block-start: 0.67em;margin-block-end: 0.67em;margin-inline-start: 0px;margin-inline-end: 0px; } 
    .custom-heading {font-size: 1.5em;}
     }
    @media (min-width:768px) and (max-width:991px){
     .custom-heading {font-size: 1.5em;}
     .custom-heading-image {font-family: 'Helvetica Condensed';letter-spacing: -1px;line-height: 50px;margin-left: 1px;width: 100%;display: block;font-size: 2.5em;margin-block-start: 0.67em;margin-block-end: 0.67em;margin-inline-start: 0px;margin-inline-end: 0px; } 
      .headerSection{  }
      .navbar-brand{ max-width: 200px; }
      .navbar .navbar-nav li.nav-item > a.nav-link{padding: 20px 3px 20px 3px;}
      .contact-info-area:before{ max-width: 75%; }
      .services-area .box .header{ font-size: 18px;  height: auto; }
      .services-area .box .price{ font-size: 55px; height: auto; }
      .services-area .box .price span{font-size: 24px;}
      .our-service-area .services{margin: 0 0 10px 0; max-width: 370px;}
      .our-service-area .services.padd-left{ padding-left: 0;}
      .our-service-area .services li{ max-width: 350px; }
      .our-service-area .services .dot-icon{left: -20px; top: -1px; }
      .testimonial{ padding: 0px 0px 10px 0px; }
      .testimonial_footer{ padding: 0 0 10px 0; }
      .testimonial_footer ul{ margin-left: 0; }
      .partner-logos.owl-carousel{padding-left: 40px; padding-right: 40px; }
      .contact-info-area{ padding: 3px 15px; }
      .slidecontent .slide_but{ margin-top:10px; }
      .slidecontent .default-heading h1{font-size: 24px;}
      .slidecontent .sub-heading h2, .slidecontent .sub-heading h5{ font-size: 18px; }
      .main-banner:before, .main-banner:after{ opacity:0.5; }
      /* Inner Pages */
      .innerpagehead{ padding:0px 0px 0px 25px; }
      .top-left-area { padding-left: 0;}
      .top-left-area h1{ line-height: 36px; font-size: 36px; }
      .offerbox{ min-height: 230px; }
      .offerbox h6{ font-size: 14px; }
    
      .plantablenew th{ font-size: 22px; min-width: inherit; }
      .plantablenew td div.order{ padding-left: 10px; text-align: revert; }
      .plantablenew td.top div.plantabtop{ font-size: 34px; }
      .right_panel .popbox p{ padding-left: 0; padding-right: 0; }
      .opr_sys{ padding: 0 20px; }
      .opr_sys h1{font-size: 26px; line-height: 36px;}
    
     }
    @media (max-width:767px){.custom-heading { font-size: 1.5em;}
    .custom-heading-image {
      font-family: 'Helvetica Condensed';
      letter-spacing: -1px;
      line-height: 50px;
      margin-left: 1px;
      width: 100%;
      display: block;
      font-size: 2em;
      margin-block-start: 0.67em;
      margin-block-end: 0.67em;
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      } 
      .padd-none-phone{ padding-left: 0; padding-right: 0; }
      .default-heading h1, .default-heading > a.heading01{ font-size: 30px; }
      .btn{ margin: 0px auto; padding: 10px 15px 8px 15px; }
      .headerSection{ padding: 0px 0 10px 0; }
      .hero-section{min-height: 300px;  background-position: bottom center; padding-bottom: 0;}
      .q-answer .btn{ margin-top: 30px; }
      .navbar-brand{ max-width: 320px; padding: 0 0; }
      .navbar-brand img{ margin-top:-5px; }
      .navbar .navbar-nav li.nav-item{ padding: 5px 10px; margin: 0;}
      .list-group li{ margin-left: 10px; font-size: 11px;}
      .list-group li i{ margin-right: 3px; }
      .head-right-area a{ margin-left: 5px; }
         /*** Mobile Menu **/ 
     .navbar-toggler{position:relative;-webkit-transition:all 0.3s;transition:all 0.3s;z-index:9999;background-color:#ffffff;border:#ffffff solid 1px;cursor:pointer;padding:0;line-height:0;}
     .navbar-toggler-icon{height: 28px; width: 30px; font-size: 30px; background: none;}
     .navbar-toggler-icon i{color:#255785;}
     .navbar-toggler:focus{box-shadow: none;}
    
     .navbar .navbar-nav li.nav-item{border-bottom:#EDF4FA solid 1px; padding: 0px;}
     .navbar .navbar-nav li.nav-item > a.nav-link {padding: 10px 20px; display: block;}
     .navbar .navbar-nav li.nav-item > a.nav-link:hover, 
     .navbar .navbar-nav li.nav-item > a.nav-link.active, 
     .navbar .navbar-nav li.nav-item.show > a.nav-link{background-color:#255785;color:#ffffff;border-bottom:#255785 solid 2px;}
     .navbar .navbar-nav li.nav-item > a.nav-link:hover i, 
     .navbar .navbar-nav li.nav-item > a.nav-link.active i, 
     .navbar .navbar-nav li.nav-item.show > a.nav-link i{color:#ffffff;}
     .navbar .navbar-collapse{position:absolute;top:100%; z-index:9999;background:#ffffff;  left: 0; right: 0; margin-left: -12px; margin-right: -12px; /*width:100%;left:-100%;bottom:0;max-width:270px;*/-webkit-transition:all 0.3s;transition:all 0.3s;}
     
     .navbar-nav li ul.dropdown-menu li:hover ul{ left: 0; margin-bottom: -1px; background-color: rgba(37,87,133,1); margin-top: 10px; margin-bottom: 10px; margin-left: 30px; position: relative; }
     .navbar-nav li ul.dropdown-menu li ul li:last-child a{ border: none; }
     .navbar-nav li ul.dropdown-menu li ul li .dropdown-item{ color: #ffffff; }
      
    .slidecontent .default-heading h1{ font-size: 24px; text-align: center; padding:5px 0; }
    .slidecontent .sub-heading h2, .slidecontent .sub-heading h5{ font-size: 16px; text-align: center; margin-bottom:0; }
    .offer,.offer_new{ margin-top: 0; float: none; /*min-height: 250px; max-width: 250px; padding-top: 35px; */margin-left: auto; margin-right: auto; /* old work/ background-size: contain;*/}
    .offer,.offer_new h3{ font-size: 11px; }
    .offer,.offer_new .pricing{ font-size: 36px; }
    .offer,.offer_new span{ font-size: 14px; }
    .offer_new{ min-height:inherit; }
    .offer_new img{ margin-left: auto; margin-right: auto;  }
    .offer{ margin-top:50px;}
    .slidecontent p{ text-align: center; margin-bottom: 5px; }
    .slidecontent .slide_but{ margin-top: 10px; margin-right: auto; margin-left: auto; display: block; }
    .owl-carousel .owl-dots{ text-align: center; margin-top:0; }
    .services-area .box .signup_btn{margin-left: auto;  margin-right: auto; width: 100%; max-width: 170px;}
    .services-area .box .price{ font-size: 55px; }
    .services-area .box em{ width: 100%; max-width: 60px; display: block; margin-left: auto; margin-right: auto; left: auto !important; margin-top: 15px; }
    .partner-logos.owl-carousel{ padding: 0 50px; }
    
    .our-service-area .services{ margin: 0 0 0px 0; max-width: 320px; }
    .our-service-area .services li{ max-width: 310px; }
    .our-service-area .services.padd-left{padding-left:0px;}
    .testimonial{ padding-left: 0; padding-top: 0; }
    .testimonial_footer{ padding-left: 0; }
    .testimonial_footer ul{ margin-left: 0; }
    .contact-info-area{ padding: 3px 10px; }
    .footer-col{ border-bottom: #ccc 1px dashed; padding-left: 0; min-height: 300px; padding: 15px 0; text-align: center; margin-bottom: 0;}
    .footer-col h5{ display: inline-block; }
    .footer-col.boder-three{ border-left: none; }
    /*.pin-area{ left: -35px; top: 0px; }*/
    .sitemap-area{ margin-bottom: -1px; }
    .Copyright ul li{  padding-left:8px; }
    
    /* Inner Pages */
    .innerpagehead{ padding:0px 0px 0px 15px; }
    .top-left-area { padding-left: 0;}
    .top-left-area h1{ font-size: 30px; line-height: 36px; }
    .top-left-area h2{ font-size: 18px; }
    .top-left-area ul li{ line-height: 16px; font-size: 14px; margin-bottom: 10px;}
    .offerbox{ padding-top: 20px; min-height: 200px; padding-left: 10px; max-width: 220px; margin-left: auto; display: block; }
    .offerbox h1{margin-top: 5px;}
    .offerbox h3{ font-size: 20px; padding-top: 20px; }
    .offerbox h6{ font-size: 14px; }
    .offerbox span{ padding-top: 5px; }
    .offerbox h4{ font-size: 18px; }
    
     /* Table Responsive */
    .table-area{ padding: 0; box-shadow: none; margin-bottom: 30px;}
    .plantablenew td{ height: auto; line-height: inherit;}
    .plantablenew .tableHead { border: none;  clip: rect(0 0 0 0);  height: 1px; margin: -1px; overflow: hidden; padding: 0;  position: absolute; width: 1px;}
    .plantablenew td, .table-area th { display: block; padding: 10px 10px; min-height: 30px;  line-height: 30px; text-align: right; position: relative;}
    .plantablenew tr{ display: block; }
    .plantablenew td:before { content: attr(data-label); float: left; width: 70%; /*height: 100%;*/ position: absolute; /*background: #b1db5c;*/ top: 50%; transform: translateY(-50%); left: 0; text-align: left; padding: 0 10px; display: inline-block; font-weight: 700; text-transform: capitalize; color: #000000; font-size: 16px; /*line-height: 50px;*/ z-index: 9;}
    .plantablenew td.heading, .plantablenew td.top div.plantabtop, .plantablenew td.top span{ text-align: right; width: auto; }
    .plantablenew td.top div.plantabtop{padding-top: 0; padding-bottom: 0; font-size: 24px;}
    .plantablenew td.top div.plantabtop b{ font-size: 18px; }
    .plantablenew td.top span{ font-size: 14px; line-height: 16px; height: auto; padding-bottom: 0; }
    .plantablenew td div.order{ margin: 0 0 0 auto; text-align: center; padding-left: 10px; }
    .plantablenew td span.avl{margin: 0 0 0 auto;      width: 100%;  max-width: 20px;}
    .plantablenew td.top div.plantabtop{ height: auto; line-height: 1; }
    
    .left-panel{ padding-left: 10px; padding-right: 10px; }
    .normal{ padding: 5px 0; }
    .faqnew li.head{ font-size: 18px; line-height: 22px;}
    .faqnew li{ padding: 10px 10px; }
    .right_panel{ padding-right:10px;}
    .right_panel, .right_panel .popbox{ margin-right: auto; margin-left: auto; display: block; max-width: 270px;}
    .right_panel .popbox p{ font-size: 13px; }
    .mail_box strong{ padding-left: 0; }
    
    .card{ margin-top: 10px; min-height: 310px; }
    .card .card-title{ line-height: 40px; min-height: 40px; letter-spacing: -0.4px; font-size: 16px; }
    .card>.list-group{ margin: 0; padding: 5px 0 0 5px; min-height: 170px; padding-bottom: 0; }
    .card>.list-group li{ padding: 0; line-height: 24px;}
    .card>.list-group li strong{ margin-right: 2px; }
    .card .card-body-footer{ margin:0px 0px;}
    .card .card-body-footer p{ font-size: 16px; line-height: 18px; margin-bottom: 0; }
    .opr_sys{ margin-top: 15px; padding: 0 10px; width: 100%; max-width: 350px; margin-left: auto; margin-right: auto; }
    .opr_sys h1{ line-height: 36px; font-size: 24px;  }
    .opr_sys ul{ margin-top: 0; }
    .opr_sys li{ padding: 5px 0 5px 25px; line-height: 16px; }
    .opr_sys li .icon-area img{ max-width: 20px; }
    
    .card>.list-group.largeHeight { min-height: 210px;}
    .heading-area{ font-size: 16px; }
    .offerbox h4.free-area{ margin-top: 30px; }
    .innerpagehead.boxheader .TopHead{ padding-left: 0; }
    .contactForm, .faq-area{ padding: 15px 15px; }
    .top-slide-contents{ padding:10px 10px; }
    .select-platform{ margin-bottom:15px; }
    
    .offer_new{ text-align:center; min-height:inherit; }
    .main-banner:before{ top: auto; max-width:inherit; height:80%; background-position:left; background-size: contain;}
    .main-banner:after{ bottom: auto; max-width:inherit; height:80%; background-position:right; background-size: contain;}
    }
     
    @media (max-width:575px){
     .custom-heading {font-size: 1.5em; }
    .custom-heading-image {font-family: 'Helvetica Condensed'; letter-spacing: -1px;line-height: 50px;margin-left: 1px;width: 100%;display: block;font-size: 2em;margin-block-start: 0.67em;margin-block-end: 0.67em;margin-inline-start: 0px;margin-inline-end: 0px; } 

    .navbar-brand{ max-width:240px; }
    .services-area .box{ width: 100%; max-width: 290px; margin-left: auto; margin-right: auto; }
    .contact-info-area:before{ max-width: 85%; }
    .footer-col{ border-bottom: #ccc 1px dashed; border-left: none; min-height: inherit;}
    .footer-col h5{ padding-top: 0; }
    .Copyright{ padding-top: 10px; }
    .Copyright p, .Copyright ul{ text-align: center; line-height: 20px;}
    
    .innerpagehead { padding:10px;}
    .top-left-area{ max-width: 300px; margin-left: auto; margin-right: auto; display: block; }  
    .top-left-area h1 { font-size: 24px;}
    .top-left-area h2 { font-size: 16px;}
    
    .offerbox{ margin-right: auto; min-height: 220px; max-width: 240px; margin-top: -15px; }
    .offerbox h3{ padding-top: 35px; }
    
    .opr_sys .icon-area img{ max-width: 35px; }
    .card{ min-height: 310px; max-width: 270px; width:100%; margin: 0 auto; margin-top: 10px;}
    .card>.list-group{ padding: 15px; margin: 0 4px; }
    
    .title_bar{ background-size:cover; }
    
    .heading-area{ font-size: 14px; line-height: 30px; }
    .photos{ float: none; display: block; text-align: center;}
    .why-us .paragraph p{ text-align: center; }
    .innerpagehead.boxheader{ min-height: 55px; }
    .innerpagehead.boxheader .TopHead{padding: 0 30px 0 0;}
    .innerpagehead.boxheader .TopHead h1{ font-size: 22px; margin-bottom:10px; }
    .innerpagehead.boxheader .TopHead h5{ line-height: 18px; padding-left:0; }
    .imageIcon{ max-width: 50px;  top: 0; right: 0;}
    .bottons-area{ max-width:inherit; position:relative;  top: auto;}
    .bottons-area a{ margin-left:0; margin-bottom:5px; }
    .bottons-area a:last-child{ margin-bottom:0; }
    .contactForm, .faq-area{ padding: 10px 10px; }
    .smallHeading{ margin-bottom: 5px; }
    .faq-area .faq{ margin-bottom: 10px; }
    .faq-area .faq li{ line-height: 18px; }
    
    .help-area{ padding: 10px; }
    .help-area .nav-pills li{ width: 100%; max-width: 50%; }
    .help-area .nav-pills .nav-link { font-size: 12px; padding: 5px 3px; text-align: center; display: block; width: 100%;}
    .accordion-button{ padding: 5px 5px; font-size: 12px; }
    .accordion-body p{ line-height: 16px; }
    .accordion-body p.small-paragraph{ padding: 0; }
    
    .login_box ul.parts li{ margin: 20px auto 20px auto; display: block; }
    .login_box .header .btn-close{ top: -25px; right: -20px; }
    .login_box .modal-body{ padding: 0; }
    .domain_btn{ margin-top: 15px; margin-left: 0; }
    
    .vps_links{ margin:0; width:100%; }
    .vps_links.column-uL ul{ display:block; max-width:100%; margin:0; }
    
    .main-banner:before{height:40%;}
    .main-banner:after{height:40%;}
    }
    
    @media (max-width:440px){.custom-heading {font-size: 1.5em;}
    .custom-heading-image {font-family: 'Helvetica Condensed';letter-spacing: -1px;line-height: 50px;margin-left: 1px; width: 100%;display: block;font-size: 2em;margin-block-start: 0.67em;margin-block-end: 0.67em;margin-inline-start: 0px;margin-inline-end: 0px;} 
    .contact-info-area:before{ max-width:95%; }
    .plantablenew td, .plantablenew th, .plantablenew td.heading{ font-size: 12px; padding: 5px 5px;}
    .plantablenew td:before{ font-size: 12px; width: 50%; line-height: 14px; }
    .desc_heading{ font-size: 18px; }
    .right_panel .popbox h1{ font-size: 20px; }
    }