/*
Internet Service Provider: Moreweb NZ
Version: 1.0
Date: 15th September 2020
Author: www.moreweb.nz
*\


/* Outage */
.outage {
    display: block;
    width: 100%;

}
.outage h2 {
    color: #fff;
    font-size: 1.5em;
    text-align: center;
    line-height: 1;
    padding: 15px;
}
.outage p {
    
}

/* Campaign Styles */
#myModal {
    display: none;
}
.modal-dialog {
    width: 700px;
}
img.campaignBanner {
    max-width: 100%;
}
.campaignButton {
    position: fixed;
    bottom: 70px;
    right: 25px;
    z-index: 10000;
    color: #fff;
    background-color: transparent !important;
    border: 1px solid #FFF;
}
.campaignButton:hover, .campaignButton:focus {
    color: #fff;
    background-color: #ffbf0a !important;
    border: 1px solid #ffbf0a !important;
}
.orangeStar {
    z-index: -1;
    position: absolute;
    max-width: 710px;
    top: -300px;
    left: -65px;
}
#header .proKiwi h1 {
    font-size: 50px;
    font-weight: 900;
}
@media screen and (max-width: 480px) {
    #myModal {
        display: none !important;
        z-index: -1000 !important;
    }
    .modal-dialog {
        max-width: 100px;
        display: none !important;
        z-index: -1000 !important;
    }
    .modal-backdrop.in, .modal-backdrop {
        display: none !important;
        z-index: -1000 !important;
    }
}


/*--- GENERAL STYLES ---*/
html,
body {
    height: 100%;
}
body {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #56453a; /* #56453a */
    overflow-x: hidden;
}
h1 {
    position: relative;
    margin-top: 10px;
    margin-bottom: 50px;
    font-size: 26px;
    line-height: 36px;
    font-weight: 700;
    /* text-transform: capitalize; */
}
h2 {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    /* text-transform: capitalize; */
}
h3 {
    margin-top: 15px;
    font-size: 22px;
}
h4 {
    margin-top: -5px;
}
a /* , a:visited, a:link */ {
    color: #EE6123;
    text-decoration: none;
    outline: 0;
}
a:hover, a:active {
    color: #EE6123;
    text-decoration: none;
}
li a:hover, li a:active {
    color: #EE6123;
    text-decoration: none;
}
input[type=checkbox],
input[type=radio] {
    margin-top: 3px;
}
code {
    color: #56453a;
    padding: 1px 6px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    text-transform: capitalize;
    font-weight: 500;
    cursor: pointer;
}
.li-subtitle {
    font-size: 0.9em;
    letter-spacing: 1px;
    opacity: 0.6;
}
.lead {font-weight: 400;}
.bolder, .weight-600 {font-weight: bolder;}
.stand-out, .stand-out li, .stand-out p {
    font-size: 1.6em;
    font-weight: bolder;
    letter-spacing: 1.1px;
    line-height: 1.4;
}
.divider {
    margin-top: 10px;
    margin-bottom: 20px;
}
.dashed {
    border-top: 1px dashed #e9e9e9;
    margin-top: 20px;
    margin-bottom: 20px;
}
.center-button {
    text-align: center;
    margin: 40px auto 25px;
}
br.break {
    line-height: 1;
}
br.xs-br {
    display: none;
}
.index-items {
    padding: 20px 40px;
    margin: 10px 0;
    box-shadow: -10px 0px 15px -12px rgb(86 69 58 / 0.2);
}
.index-items.text-right {
    padding: 20px 40px;
    box-shadow: 10px 0px 15px -12px rgb(86 69 58 / 0.2);
}
.index-items:hover {
    padding: 20px 40px;
    margin: 10px 0;
    box-shadow: -10px 0px 25px -5px rgb(86 69 58 / 0.2);
}
.header-slider--item .highlight-box.br1st {border-radius: 50px;}
.header-slider--item .highlight-box.br2nd {border-radius: 50px 0 40px 50px;}
.header-slider--item .highlight-box.br3rd {border-radius: 0 50px 50px 0px;}
.dashed-box {
    border-bottom: 1px dashed #e9e9e9;
    margin-bottom: 20px;
    min-height: 170px;
}
.dashed-box h3 {
    font-size: 22px;
    margin-top: 5px;
}
.dashed-box .lead {
    margin-bottom: 15px;
}
.border-box {
    border: 1px solid #e9e9e9;
    padding: 20px;
}
.space-box {
    padding: 20px 40px;
}
.header-box {
    padding: 20px 40px;
    min-height: 360px;
}
.header-box-light {
    padding: 25px 40px 20px;
    min-height: 200px;
}
.header-box-light a {
    font-weight: 600;
}
.header-box-light a:hover {
    color: #ffbf0a;
}
.highlight-box {
    padding: 20px 40px;
    margin-top: 10px;
    box-shadow: -10px 0px 15px -12px rgb(86 69 58 / 0.2);
    /* box-shadow: 0px 2px 10px -7px rgb(86 69 58 / 0.4); */
}
.highlight-box:hover {
    box-shadow: -10px 0px 25px -5px rgb(86 69 58 / 0.2);
}
.left-full-width-box {margin: 50px 10% 70px 18%;}
.arrow-d:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 50px 0 50px;
    border-color: #FFFFFF transparent transparent transparent;
    margin-left: -50px;
    left: 50%;
    top: 100%;
    clear: both;
}
.bg-umber.arrow-d:after { border-color: #56453a transparent transparent transparent; }
.bg-orange.arrow-d:after { border-color: #EE6123 transparent transparent transparent; }
.bg-mango.arrow-d:after { border-color: #ffbf0a transparent transparent transparent; }
.bg-whitesmoke.arrow-d:after { border-color: #f7f7f7 transparent transparent transparent; }
.bg-platinum.arrow-d:after { border-color: #E8E9ED transparent transparent transparent; }
.bg-turquoise.arrow-d:after { border-color: #91C7B1 transparent transparent transparent; }
.bg-charcoal.arrow-d:after { border-color: #2F4858 transparent transparent transparent; }
.bg-tangerine.arrow-d:after { border-color: #ee8a23 transparent transparent transparent; }
.plus:before {
    content: "+";
    font-size: 200px;
    color: #2F4858;
    position: absolute;
    left: -80px;
    top: 15%;
}
.bold {
    font-weight: 600;
}
.max-bold {
    font-weight: 900;
}
i.asterisk {
    font-size: 0.5em;
    font-weight: 600;
    padding: 5px 0 5px 2px;
    overflow: hidden;
    margin: 0;
}
.fm {margin-right: 3px;}
.mr15p {margin-right:15%;}
.ml20 {margin-left: 20px;}
.ml-18 {margin-left: -18px;}

.m0 {margin: 0px !important;}
.m0a {margin: 0 auto;}

.mt-30-xs { }
.mt-80-xs { }

.mt-300 {margin-top:-300px;}
.mt-200 {margin-top:-200px;}
.mt-10 {margin-top:-10px !important;}
.mt-3 {margin-top:-3px !important;}

.mt0 {margin-top:0px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt25 {margin-top:25px;}
.mt50 {margin-top:50px;}
.mt80 {margin-top:80px;}
.mt100 {margin-top:100px;}

.mt5p {margin-top:5%;}
.mt15p {margin-top:15%;}
.mt25p {margin-top:25%;}
.mt30p {margin-top:30%;}
.mt35p {margin-top:35%;}
.mt50p {margin-top:50%;}

.mtb50 {margin-top:50px;margin-bottom:50px;}
.mtb100 {margin-top:100px;margin-bottom:100px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb25 {margin-bottom:25px;}
.mb50 {margin-bottom:50px;}
.mb80 {margin-bottom:50px;}
.mb100 {margin-bottom:100px;}

.p0 {padding: 0px !important;}
.p25 {padding: 25px}

.pt15 {padding-top:15px;}
.pt25 {padding-top:25px;}
.pt50 {padding-top:50px;}

.pb15 {padding-bottom:15px;}
.pb25 {padding-bottom:25px;}
.pb50 {padding-bottom:50px;}

.pt10b15 {padding:10% 0 15%;}

.p55vh {padding: 40px 0 80px;height: 55vh;}
.p60vh {padding: 40px 0 80px;height: 60vh;}
.p80vh {padding: 100px 0 80px; height: 80vh;}
.p90vh {padding: 100px 0 80px; height: 90vh;}

.absolute-title {position: absolute;top: 25vh;}
.absolute-b25 {position: absolute;bottom: 25px;}
.absolute-b150 {position: absolute;bottom: 150px;}
.absolute-b250 {position: absolute;bottom: 250px;}
.absolute-t150 {position: absolute;top: 150px;}

.section  {
    padding: 60px 0 60px;
    /*
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #e9e9e9;
    */
}
.extended {padding: 80px 0 80px;}
.double {padding: 120px 0 120px;}
.bottom {padding: 60px 0 140px;}
.half, #faq.half {padding: 40px 0 40px;}
.lean {padding: 0px 0 0px;}
.full {height: 100vh;}
.border-orange {
    border: 3px solid #EE6123 !important;
}
/* SECTION TITLE */

/*
.section-title h1:before {
    content: " ";
    position: absolute;
    bottom: -15px;
    left: 50%;
    width: 50px;
    height: 2px;
    background-color: #EE6123;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
*/

.ft-1_6em {
    font-size: 1.6em;
    font-weight: 600;
}
.ft-1_8em {
    font-size: 1.8em;
    font-weight: 600;
}
.ft-2em {
    font-size: 2em;
    font-weight: 600;
}

/* FONT COLORS */
.ft-white { color: #FFFFFF; }
.ft-orange { color: #EE6123; }
.ft-mango { color: #ffbf0a; }
.ft-magma { color: #DF522A; }
.ft-grey { color: #BABFD1; }


/* BACKGROUND COLORS */
.bg-umber { background-color: #56453a; }
.bg-orange { background-color: #EE6123; }
.bg-mango { background-color: #ffbf0a; }
.bg-whitesmoke { background-color: #f7f7f7; }
.bg-grey { background-color: #BABFD1; }
.bg-platinum { background-color: #E8E9ED; }
.bg-blue { background-color: #00A7E1; }
.bg-white { background-color: #FFFFFF; }
.bg-turquoise { background-color: #91C7B1; }
.bg-charcoal { background-color: #2F4858; }
.bg-myrtle { background-color: #387D7A; }
.bg-pine { background-color: #1E7167; } /* 1A6158, 155149 */
.bg-celadon { background-color: #228176; }
.bg-tangerine { background-color: #ee8a23; }
.bg-linen { background-color: #f1debd }
.bg-green { background-color: #419D78; }
.bg-magma { background-color: #DF522A; }
.bg-manderine { background-color: #F1A945; }

.left-smoke::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -30%;
    width: 130%;
    height: 100%;
    background-color: #f7f7f7;
}
.right-smoke::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    margin-right: -30%;
    width: 130%;
    height: 100%;
    background-color: #f7f7f7;
}

.murray-peeking:after {
    content: '';
    background-image: url(/images/moreweb-murray.svg);
    position: absolute;
    background-repeat: no-repeat;
    height: 400px;
    width: 200px;
    top: 50px;
    right: -120px;
    z-index: -1;
    -ms-transform: scaleX(-1);
    transform: scaleX(-1) rotate(-30deg);
    /* -webkit-transition: 1s ease-in-out; */
    transition: 1s ease-in-out;
}
.murray-peeking:hover:after {
    -ms-transform: scaleX(-1) rotate(-10deg);
    transform: scaleX(-1) rotate(-10deg);
    /* -webkit-transition: 0.2s ease-in-out; */
    transition: 0.2s ease-in-out;
}

/* 1.3. BACKGROUND IMAGE */
.bg-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.bg-img.fixed {
    background: fixed;
    background-size: cover;
}
.bg-img.bg-top {
    background-position: top !important;
}
.bg-img.bg-center {
    background-position: center;
}
.bg-img.bg-bottom {
    background-position: bottom !important;
}
.bg-img-repeat {
    background-size: auto;
    background-repeat: repeat;
}
.bg-img.cover {
    background-size: cover !important;
}
.bg-img.specific {
    background: fixed;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    background-position: 0 -550px;
    background-repeat: no-repeat;
}
.bg-img.fixed-300 {
    background-position: 0 -300px;
}
.round-window {
    background-attachment: fixed;
    overflow: hidden;
    height: 300px;
    width: 400px;
    margin: 10px auto;
    border-radius: 50%;
}
.map-frame {
    position: relative;
}
.map-window {
    background-attachment: fixed;
    overflow: hidden;
    height: 230px;
    width: 230px;
    margin: 10px auto;
    border-radius: 50%;
    right: -80px;
    top: 280px;
    position: absolute;
}
.nzMap {
    position: absolute;
    min-height: 350px;
    width: 400px;
    top: 30px;
    /* left: 33px; */
    opacity: 0.8;
}
.nzMap:before {
    font-size: 2.2em;
    font-weight: 600;
    color: #ffbf0a;
    letter-spacing: 1px;
    line-height: 1.2;
    text-align: center;
    top: 350px;
    right: 160px;
    width: 240px;
    text-shadow: 2px 2px 2px rgba(255,255,255);
    content: "We are here in Oamaru!";
    text-transform: uppercase;
    position: absolute;
    display: block;
    z-index: 1;
}
.place-card.place-card-medium, .gm-bundled-control-on-bottom {
    display: none !important;
}
/* BACKGROUND OVERLAY */
.bg-overlay {
    position: relative;
    z-index: 0;
}
.bg-overlay:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: rgba(0, 0, 0, 0.3);
    z-index: -1;
}
.bg-overlay.ovl-turquoise:before {background: rgb(145 199 177 / 90%);}
.bg-overlay.ovl-mango:before {background: rgb(255 191 10/ 80%);}
.bg-overlay.ovl-umber:before {background: rgb(86 69 58/ 80%);}
.bg-overlay.ovl-white:before {background: rgb(255 255 255 / 80%);}
.bg-overlay.ovl-linen:before { background-color: rgba(241, 222, 189, 0.8); }
.bg-overlay.ovl-white.dark:before {background: rgb(255 255 255 / 90%);}
.bg-overlay.ovl-charcoal:before {background-color: rgb(47 72 88 / 70%);}
.bg-overlay.ovl-charcoal.dark:before {background-color: rgb(47 72 88 / 80%);}
.bg-overlay.ovl-green.light:before {background-color: rgb(65 157 120 / 50%);}
.bg-overlay.ovl-green:before {background-color: rgb(65 157 120 / 70%);}
.bg-overlay.ovl-green.dark:before {background-color: rgb(65 157 120 / 90%);}
.bg-overlay.ovl-grey:before {background: rgb(145 174 191 / 80%);}
.bg-overlay.five:before {background: rgba(0, 0, 0, 0.5);}
.bg-overlay.marine:before {background: rgba(76, 113, 158, 0.7);}
.bg-overlay-none:before {display: none;}
.bg-img.bg-overlay .table > tbody > tr > td, .bg-img.bg-overlay .table > tbody > tr > th, .bg-img.bg-overlay .table > tfoot > tr > td, .bg-img.bg-overlay .table > tfoot > tr > th, .bg-img.bg-overlay .table > thead > tr > td, .bg-img.bg-overlay .table > thead > tr > th {
    color: #fff;
    font-weight: 500;
}
.w250 {width: 250px;}
.w300 {width: 300px;}
.max-w500 {max-width: 500px;}
.max-w500 {max-width: 500px;}
.product-image {max-width: 100%;}
.frame {
    height: 100%;
    width: 100%;
    white-space: nowrap;
    text-align: center;
    margin: 2em 0;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.frame img {
    vertical-align: middle;
    max-height: 200px;
}
.icon {
    max-height: 130px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.icon-lg {
    max-height: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.icon-h250 {
    max-height: 250px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.dpIcon {
    position: absolute;
    margin: -160px 0 0 -15px;
}
.graphic {
    display: block;
    margin: auto;
    height: auto;
    padding-top: 50px;
}
img.glide-right {
    margin-right: 0px;
    float: right;
    position: absolute;
    vertical-align: middle;
    max-height: 400px;
    border-radius: 50% 0 0 50%;
}
img.glide-left {
    margin-left: 0px;
    float: left;
    position: absolute;
    vertical-align: middle;
    max-height: 380px;
    border-radius: 0 50% 50% 0;
}
.web-design-examples img {
    margin-bottom: 30px;
    border: 1px solid #e9e9e9;
    height: 205px;
}
.rotate20 {-ms-transform: rotate(20deg);transform: rotate(20deg);}
.rotate50 {-ms-transform: rotate(20deg);transform: rotate(20deg);}
.flip {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}
.rotate20.flip {-ms-transform: rotate(20deg) scaleX(-1);transform: rotate(20deg) scaleX(-1);}
.rotate50.flip {-ms-transform: rotate(50deg) scaleX(-1);transform: rotate(50deg) scaleX(-1);}
.rotate-20 {-ms-transform: rotate(-20deg);transform: rotate(-20deg);}
.rotate-50 {-ms-transform: rotate(-20deg);transform: rotate(-20deg);}
.rotate-20.flip {-ms-transform: rotate(-20deg) scaleX(-1);transform: rotate(-20deg) scaleX(-1);}
.rotate-50.flip {-ms-transform: rotate(-50deg) scaleX(-1);transform: rotate(-50deg) scaleX(-1);}

/* CUSTOM BUTTON */
.btn {
    padding: 6px 15px;
    border-radius: 4px;
    font-weight: 500;
    -webkit-transition: color .25s, background-color .25s ease-in-out, border-color .25s;
            transition: color .25s, background-color .25s ease-in-out, border-color .25s;
}
.btn-lg {
    padding: 12px 20px;
    font-size: 16px;
}
.btn-cta {
    padding: 25px 40px;
    font-size: 1.4em;
    text-align: center;
}
.btn-info {
    color: #fff;
}
.btn-highlight {
    color: #fff;
    background-color: #ffbf0a;
}
.btn-highlight:hover,
.btn-highlight:focus {
    color: #fff;
    background-color: #ffbf0a;
    box-shadow: none;
    outline: 0;
}
.btn-grey {
    color: #56453a;
    background-color: #dadada;
}
.btn-grey:hover,
.btn-grey:focus {
    color: #56453a;
    background-color: rgb(218, 218, 218, 0.8);
    box-shadow: none;
    outline: 0;
}
.btn-white {
    color: #56453a;
    background-color: #fff;
    border: 1px solid #56453a;
}
.btn-white:hover,
.btn-white:focus {
    color: #fff;
    background-color: #56453a;
    box-shadow: none;
    outline: 0;
}
.btn-orange {
    color: #fff;
    background-color: #EE6123;
}
.btn-orange:hover,
.btn-orange:focus {
    color: #fff;
    opacity: 0.9;
}
.btn-mango {
    color: #fff;
    background-color: #ffbf0a;
}
.btn-mango:hover,
.btn-mango:focus {
    color: #fff;
    opacity: 0.9;
}
.btn-toggle {
    padding: 6px 15px;
    color: #56453a;
    border: 1px solid #56453a;
    border-radius: 4px;
    display: inline-block;
}
.ft-white .btn-toggle {
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}
.btn-toggle-small {
    font-size: 0.8em;
    padding: 5px 12px 4px;
    margin: 5px 0;
    color: #56453a;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 25px;
    display: inline-block;
}
.btn-toggle-small:hover,
.btn-toggle-small:focus {
    color: #EE6123;
    border: 1px solid #EE6123;
}
.btn-toggle-large {
    padding: 15px 28px;
    color: #56453a;
    border: 1px solid #56453a;
    border-radius: 50%;
    font-size: 20px;
}
.btn-toggle-large:hover,
.btn-toggle-large:focus {
    color: #fff;
    background: #EE6123;
    border: 1px solid #EE6123;
    cursor: pointer;
}
.btn-toggle:hover,
.btn-toggle:focus {
    color: #fff;
    background: #EE6123;
    border: 1px solid #EE6123;
    box-shadow: none;
    outline: 0;
    cursor: pointer;
}
.toggle-txt {
    padding: 1px 7px;
    color: #56453a;
    border: 1px solid #56453a;
    border-radius: 4px;
    display: inline-block;
}
.toggle-txt:hover,
.toggle-txt:focus {
    color: #fff;
    background: #EE6123;
    border: 1px solid #EE6123;
    cursor: pointer;
}
.scroll-button {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 15px;
    border: 1px solid #fff;
    border-radius: 4px;
}
.scroll-button:hover {
    background-color: #EE6123;
    border: 1px solid #EE6123;
    opacity: 1;
}
.scroll-button i {
    padding: 0 15px;
}
ul.inline-buttons {
    margin-bottom: 0px;
    margin-left: -40px;
}
.inline-buttons li {
    display: inline-block;
    list-style: none;
    margin: 10px 5px;
}
.WPJetpackPlugin {
    margin-top: 5px;
}
.WPJetpackPlugin ul {
    margin-bottom: 0px;
    margin-left: -40px;
}
.WPJetpackPlugin ul li {
    list-style: none;
    margin: 10px 5px;
}

/* PAGINATION */
.pagination {
    display: block;
    margin: 15px 0 0;
    border-radius: 0;
    font-size: 0;
    line-height: 0;
}
.pagination > li {
    display: inline-block;
    list-style: none;
}
.pagination > li > a,
.pagination > li > span {
    padding-top: 6px;
    padding-bottom: 7px;
    color: #303030;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: color .25s, background-color .25s ease-in-out, border-color .25s;
    transition: color .25s, background-color .25s ease-in-out, border-color .25s;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:hover,
.pagination > li > span:hover,
.pagination > li > span:focus,
.pagination > li.active > span,
.pagination > li.active > span:hover,
.pagination > li.active > span:hover {
    color: #fff;
    background-color: #EE6123;
    border-color: #EE6123;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-radius: 30px 0 0 30px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-radius: 0 30px 30px 0;
}

/* BACK TO TOP AREA */
#backToTop {
    position: fixed;
    left: 20px;
    bottom: 12px;
    z-index: 999;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
}
body.isScrolling #backToTop {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
#backToTop a {
    display: block;
    min-width: 45px;
    height: 45px;
    padding: 7px 15px 9px 16px;
    color: #fff;
    background-color: #EE6123;
    border-radius: 50%;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
}
#backToTop a i {
    font-weight: 600;
}

/* PRELOADER */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #EE6123;
    z-index: 9999999999;
}
.preloader--spinners {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: preloaderRotate 2.0s infinite linear;
            animation: preloaderRotate 2.0s infinite linear;
}
.preloader--spinner,
.preloader--spinner {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: preloaderBounce 2.0s infinite ease-in-out;
            animation: preloaderBounce 2.0s infinite ease-in-out;
}
.preloader--spinner-2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s;
}

@-webkit-keyframes preloaderRotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes preloaderRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}

@-webkit-keyframes preloaderBounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes preloaderBounce {
    0%, 100% { 
        -webkit-transform: scale(0.0);
                transform: scale(0.0);
    } 50% { 
        -webkit-transform: scale(1.0);
                transform: scale(1.0);
    }
}
table p {
    margin: 0px;
}
table > tbody > tr > td.extension, .table > tbody > tr > th.extension, .table > tfoot > tr > td.extension {
    min-width: 15%;
}
table > tbody > tr > td.fee, .table > tbody > tr > th.fee, .table > tfoot > tr > td.fee {
    min-width: 100px;
}
table > tbody > tr > td.purpose, .table > tbody > tr > th.purpose, .table > tfoot > tr > td.purpose {
    min-width: 25%;
}
table .category a, table .fee a { color: inherit; }
table .category a, table .product a { text-transform: uppercase; }
table .fee, table .frequency { text-align: right; }
table.center th, table.center td { text-align: center; }

/*--- NAVIGATION AREA ---*/
#navigation.fixed {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #fff;
}
nav#navigation {
    position: relative;
    z-index: 10000;
    margin-bottom: -50px;
}
#index-page nav#navigation {

}

.contact-bar--items {
    margin: 0 -15px;
}
.contact-bar {
    padding: 6px 0 1px;
    /* background-color: #f2f2f2; */
    overflow: hidden;
}
.contact-bar .social-icons {
    margin-left: 15px;
}
.contact-bar .social-icons .nav {
    border: 0;
}
.contact-bar .social-icons .nav li a {
    padding: 2px 15px 0 0;
    border: 0;
    color: #56453a;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.contact-bar .social-icons .nav li a:hover,
.contact-bar .social-icons .nav li a:focus {
    color: #56453a;
    background-color: transparent;
}
.contact-bar--text {
    margin: 2px 15px 0;
    font-size: 14px;
}
.contact-bar--text p:last-child {
    margin-bottom: 0;
}
.contact-bar--text .slash {
    margin: 0 8px;
    color: #56453a;
}
.contact-bar a {
    color: rgba(22, 22, 22, 0.8);
    -webkit-transition: color 0.25s ease;
            transition: color 0.25s ease;
}
.contact-bar a:hover,
.contact-bar a:focus {
    color: #EE6123;
}
.contact-bar a.btn {
    color: #fff;
    padding: 0px 5px;
    margin: 0 0 0 3px;
    border-radius: 4px;
    /*
    color: #56453a;
    background-color: #fff;
    border-color: #56453a;
    */
}
.contact-bar a.btn:hover,
.contact-bar a.btn:focus {
    opacity: 0.8;
}
.navbar-left {
    margin-left: 50px;
}
#navigation .navbar {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    z-index: 999;
    background: #fff;
    height: 75px;
}
#navigation .is-sticky .navbar {
    box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
    background: #fff !important;
    height: 51px;
    -webkit-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    transition: height 1s;
    /* box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28); */
}
.sticky-wrapper.is-sticky a.navbar-brand {
    color: #56453a !important;
}
#navigation .navbar-toggle {
    border: 0;
    margin-right: 15px;
    background-color: #EE6123;
}
#navigation .navbar-toggle .icon-bar {
    background-color: #fff;
    height: 3px;
}
#navigation a.navbar-brand {
    display: block;
    padding: 15px 0;
    margin: 0;
    color: #fff; /* 56453a */
    font-size: 24px;
    font-weight: 700;
}
#navigation a.navbar-brand span {
    color: #EE6123;
}
.nav > li > a {
    padding: 0px;
}
#navigation .navbar .nav li a:hover,
#navigation .navbar .nav li a:focus,
#navigation .navbar .nav li.open a,
#navigation .navbar .nav li.open a:hover,
#navigation .navbar .nav li.open a:focus,
#navigation .navbar .nav li .dropdown-menu > li > a {
    background-color: transparent;
}
#navigation .navbar .nav > li > a {
    margin: 10px 0 10px 20px;
    padding: 20px 0 3px;
    border-bottom: 2px solid transparent;
    font: 500 15px 'Roboto Condensed', sans-serif;
    letter-spacing: 0.5px;
    /* font-size: 1em; */
    color: #56453a;
    text-transform: uppercase;
    -webkit-transition: border-color .25s, padding-bottom .25s ease-in;
            transition: border-color .25s, padding-bottom .25s ease-in;
}
#navigation .is-sticky .navbar .nav > li > a {
    padding: 9px 0 3px;
    transition: padding 1s;
}
#navigation .navbar .nav > li > a:hover,
#navigation .navbar .nav > li > a:focus,
#navigation .navbar .nav > li.active > a,
#navigation .navbar .nav > li.open > a {
    border-color: #EE6123;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#navigation .navbar .nav > li > .dropdown-menu {
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: #fff;
    margin: 2px 9px 0 4px;
    box-shadow: none;
    min-width: 207px;
    width: max-content;
}
#navigation .navbar .nav > li:active > .dropdown-menu {
    display: block;
}
#navigation .navbar .nav .dropdown-menu > li > a {
    color: #56453a;
    padding: 12px 15px 10px;
    border-bottom: 3px solid transparent;
    font: 400 14px 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}
#navigation .navbar .nav .dropdown-menu > li:hover {
    background-color: #EE6123;
}
#navigation .navbar .nav .dropdown-menu > li > a:hover {
    color: #FFF;
}
ul.dropdown-menu hr {
    margin: 0;
}
li.dropdown.open:before {
    content: " ";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.logo {
    height: 64px;
    padding: 3px 0 1px;
    width: auto;
    margin-top: -10px;
    transition: width 1s, height 1s;
}
.is-sticky img.logo {
    height: 40px;
    transition: width 1s, height 1s;
}
.dropdown-menu li span {
    font-size: 12px;
    display: block;
    font-weight: 300;
    padding-top: 5px;
    color: #727272;
    text-transform: none;
}
.dropdown-menu li:hover span {
    color: #fff;
}
.nav-cover {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    z-index: 5;
    background: rgba(0, 0, 0, 0.2);
    display: none;
}
.nav-cover.show {
    display: block;
}

/*--- HEADER AREA ---*/
.header-slider--item {
    padding: 100px 0 80px;
    height: 90vh;
}
.header-item-content {
    margin-top: 5%;
}
.pillar {
    margin-top: -120px;
    border-style: solid;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
    border-width: 5px 5px 0 5px;
    border-radius: 10px 10px 0 0;
    padding: 15px;
    height: 120px;
    text-align: center;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}
.pillar:hover {
    margin-top: -140px;
    height: 140px;
}
.pillar:hover p {

}
.pillar .btn {
    color: #FFFFFF;
    background-color: #EE6123;
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    padding: 15px 40px;
    margin-bottom: 10px;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}
.pillar .btn:hover {
    opacity: 0.8;
}
.header-item-content .title h2 {
    margin-top: 20px;
}
.header-item-content .title h3 {
    font-size: 22px;
    font-weight: 400;
    margin-top: 0px;
}
.header-item-img figure {
    position: relative;
}
.header-item-img img.img-responsive {
    float: right;
}
.header-item-badge {
    position: absolute;
    display: table;
    border-radius: 50%;
    text-align: center;
    z-index: 0;
}
.header-item-badge-1 {
    top: 35%;
    left: 40%;
    width: 150px;
    height: 150px;
    background-color: #fff;
}
.header-item-badge-2 {
    top: 15%;
    left: 20%;
    width: 120px;
    height: 120px;
    color: #fff;
    background-color: #EE6123;
}
.header-item-badge p {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    border: 0;
    color: inherit;
    font-size: 16px;
    line-height: 16px;
}
.header-item-badge span {
    display: block;
    font-size: 34px;
    line-height: 38px;
    font-weight: 700;
}
.header-slider .owl-pagination {
    font-size: 0;
    text-align: center;
}
.header-slider .owl-page {
    content: " ";
    width: 10px;
    height: 10px;
    background-color: #56453a;
    border-radius: 5px;
    -webkit-transition: padding-right .25s;
            transition: padding-right .25s;
    display: inline-block;
    margin: 0 5px;
}
.header-slider .owl-page.active {
    padding-right: 20px;
    background-color: #FF6C3A;
}
.owl-fadeInLeft,
.owl-fadeInRight {
    visibility: hidden;
}
.owl-item.active .owl-fadeInLeft {
    -webkit-animation: fadeInLeft 0.8s linear 0s;
            animation: fadeInLeft 0.8s linear 0s;
    visibility: visible;
}
.owl-item.active .owl-fadeInRight {
    -webkit-animation: fadeInRight 0.8s linear 0s;
            animation: fadeInRight 0.8s linear 0s;
    visibility: visible;
}
.owl-item.active .owl-fadeInUp {
    -webkit-animation: fadeInUp 0.8s linear 0s;
            animation: fadeInUp 0.8s linear 0s;
    visibility: visible;
}
.owl-item.active .owl-fadeInDown {
    -webkit-animation: fadeInDown 0.8s linear 0s;
            animation: fadeInDown 0.8s linear 0s;
    visibility: visible;
}
/* HEADER SLIDER NAV */
.header--slider-nav {
    position: absolute;
    left: 0;
    bottom: 60px;
    width: 100%;
}
.header--slider-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    overflow: hidden;
}
.header--slider-nav ul li {
    float: left;
    border-left: 1px solid #e9e9e9;
    cursor: pointer;
}
.header--slider-nav ul li:hover,
.header--slider-nav ul li.active {
    border-left-color: #EE6123;
}
.header--slider-nav ul li p {
    position: relative;
    display: block;
    width: 50px;
    height: 48px;
    margin-bottom: 0;
    color: #303030;
    font-size: 0;
    overflow: hidden;
}
.header--slider-nav ul li p:hover,
.header--slider-nav ul li.active p {
    width: 100%;
}
.header--slider-nav ul li p i.fa {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50px;
    padding: 14px 0;
    background-color: #fff;
    font-size: 20px;
    line-height: 24px;
    vertical-align: top;
    text-align: center;
}
.header--slider-nav ul li p:hover i.fa,
.header--slider-nav ul li.active p i.fa,
.header--slider-nav ul li p:hover i.fab,
.header--slider-nav ul li.active p i.fab,
.header--slider-nav ul li p:hover i.far,
.header--slider-nav ul li.active p i.far
.header--slider-nav ul li p:hover i.fas,
.header--slider-nav ul li.active p i.fas {
    color: #fff;
    background-color: #EE6123;
}
.header--slider-nav ul li p span {
    display: block;
    margin-left: 50px;
    padding: 14px 15px;
    background-color: #e9e9e9;
    line-height: 20px;
    vertical-align: top;
    overflow: hidden;
    text-transform: capitalize;
}
.header--slider-nav ul li:hover p span,
.header--slider-nav ul li.active p span {
    font-size: 16px;
}
/* HEADER SLIDER CONTROLS */
.header-slider > .owl-controls > .owl-buttons {
    display: none;
}
.header-slider.show-slider-controls > .owl-controls > .owl-buttons {
    display: none;
}
.header-slider > .owl-controls > .owl-buttons > .owl-prev,
.header-slider > .owl-controls > .owl-buttons > .owl-next {
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 12px 30px 11px 20px;
    color: #fff;
    background-color: #EE6123;
    border-radius: 0 30px 30px 0;
    font-size: 24px;
    line-height: 28px;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -webkit-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
}
.header-slider > .owl-controls > .owl-buttons > .owl-prev:hover,
.header-slider > .owl-controls > .owl-buttons > .owl-next:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.header-slider > .owl-controls > .owl-buttons > .owl-next {
    right: 0;
    padding-left: 30px;
    padding-right: 20px;
    border-width: 2px 0 2px 2px;
    border-radius: 30px 0 0 30px;
}
.header-slider--item.domain-extensions-item {
    padding: 20px 0;
    height: 45vh;
    padding-top: 10%;
}
.header-item-content.domain-extensions-title h1 {
    margin: 10px 0 0;
    color: #fff;
    font-size: 42px;
    line-height: 46px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    /* text-shadow: 0.5px 0.5px 0.5px rgba(0,0,0,0.5); */
}
.header-item-content.domain-extensions-title h1 span {
    display: block;
    margin: 0px;
    color: #fff;
    font-size: 42px;
    line-height: 46px;
    font-weight: 700;
    letter-spacing: 0;
    /* text-shadow: 0.5px 0.5px 0.5px rgba(0,0,0,0.5); */
}
.header-item-content.domain-extensions-title h2 {
    margin: 10px 0 0;
    color: #fff;
    font-size: 22px;
    line-height: 26px;
    font-weight: 300;
    display: block;
}
/*--- SPECIAL ELEMENT AREA ---*/
#certificate {
    padding: 60px 0 80px;
    text-align: center;
}
#certificate .h1 {
    font-weight: 700;
}
.certificate--img img {
    margin: 20px 20px 0;
}
.benefits h2 {
    font-size: 24px;
    margin-top: 10px;
    text-align: center;
}
.benefits h3, .benefits h4, .benefits p {
    text-align: center;
}
#media-section img {
    width: 200px;
    max-height: 120px;
    margin-right: 40px;
    float: left;
}
#media-section .btn-grey {
    margin: 12px 8px;
}
.bulk-domain-search {
    margin: 40px 0 0;
}
.bulk-domain-search h3 {
    margin-top: 0px;
}
.bulk-domain-search ul {
    margin: 20px 0 10px;
    line-height: 22px;
    list-style: none;
    padding-left: 0px;
}
.bulk-domain-search li {
    font-size: 18px;
    padding: 5px 0;
    line-height: 20px;
    font-weight: 400;
    /* margin: 0 auto; */
    padding-left: 24px;
    text-indent: -23px;
}
.bulk-domain-search li:before {
    font-size: 16px;
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    color: #ffbf0a;
    font-weight: 500;
    padding-right: 10px;
}
.bulk-domain-search textarea {
    resize: vertical;
    border-bottom: none;
    border-radius: 4px 4px 0px 0px;
}
.bulk-domain-search textarea.form-control {
    height: auto;
    font-size: 16px;
}
.bulk-domain-search button {
    width: 100%;
    border-radius: 0px 0px 4px 4px;
    border-color: #ccc;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
}
/*--- Columns Blocks ---*/
.columns-space {margin-bottom: 15px; line-height: 2;}
.columns-sub {font-weight: 500; display: block;}
.columns-2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.columns-3 {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
.columns-4 {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}
.columns-2 br, .columns-3 br, .columns-4 br, br.columns-space {
    line-height: 2;
}
@media (min-width: 481px) and (max-width: 768px) { 
  .columns-2, .columns-3, .columns-4 {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
      -moz-column-count: 1; /* Firefox */
      column-count: 1;
  }
  .columns-space {margin-bottom: 15px; line-height: 2;}
}
@media (max-width: 480px) { 
  .columns-2, .columns-3, .columns-4 {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
      -moz-column-count: 1; /* Firefox */
      column-count: 1;
  }
  .columns-space {margin-bottom: 15px; line-height: 2;}
}
/*--- HOME PAGE ---*/

#index-page #header {
    padding: 100px 0 80px;
    height: 75vh;
}
#index-page #header h1 {
    margin-top: 10vh;
}
#index-page #offer {
    margin-top: 7%;
}
#index-page .murray-header {
    display: none;
}
#index-page .murray-header {
    position: absolute;
    display: block;
    top: -240%;
    right: -20%;
    height: 200px;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}
#index-page .row:hover img.murray-header {
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    bottom: 40%;
    right: 20px;
}
#index-page ul.features li {
    font-size: 1.1em;
    padding: 5px 0;
    text-indent: -33px;
}
#index-page ul.features {
    margin: 40px 0 0;
}
#index-page ul.features li:before {
    color: #ffbf0a;
    font-size: 22px;
}
.bg-index {
    background-attachment: fixed;
    background-position: 0 -190px;
    background-repeat: no-repeat;
}
#index-page #testimonial .owl-controls {
    position: absolute;
    top: -55px;
    left: 250px;
}
/*--- DOMAIN SEARCH AREA ---*/
#offer {
    position: relative;
    padding: 20px 0 30px;
    margin-top: -136px;
    /* background-color: rgba(0, 0, 0,0.2); */
}
#offer.bulk-domain-search {
    margin-top: -271px; 
}
#offer.plesk-hosting {
    margin-top: -102px;
}
#offer.pro-web-design {
    padding: 10px 0 20px;
    margin-top: -108px;
}
#offer.WPJetpackPlugin {
    padding: 10px 0 20px;
    margin-top: -115px;
}
#offer.bulk-domain-search .form-group {
    margin-bottom: 0px;
}
#offer h2, #offer h3 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 8px;
    margin-bottom: 0px;
    text-align: center;
    color: #fff;
}
#offer .left-content p {
    margin: -40px 0 -50px;
    padding: 60px 20px 58px;
    color: #fff;
    background-color: #56453a;
    font-size: 30px;
    line-height: 34px;
    font-weight: 900;
}
#offer .left-content p span {
    display: block;
    font-size: 17.5px;
    line-height: 22px;
    font-weight: 300;
}
span.currency {
    font-size: 10px;
    padding-left: 2px;
    vertical-align: text-top;
}
.form-control:focus {
 border-color:#EE6123;
 outline:0;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 2px rgba(0,207,176,.6);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 2px rgba(0,207,176,.6)
}
#domainSearchForm .form-control {
    width: 100%;
    border: 0;
}
#domainSearchForm input[type="text"].form-control {
    font-size: 18px;
    height: 55px;
    padding: 5px 15px;
    border-radius: 4px 0 0 4px;
    box-shadow: none;
    color: #EE6123 !important;
    font-weight: 600;
}
#domainSearchForm ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #EE6123;
  opacity: 0.5; /* Firefox */
  letter-spacing: 1px;
}
#domainSearchForm :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #EE6123;
  letter-spacing: 1px;
}
#domainSearchForm ::-ms-input-placeholder { /* Microsoft Edge */
  color: #EE6123;
  letter-spacing: 1px;
}
#domainSearchForm .select-box {
    position: relative;
    background-color: #fff;
    z-index: 0;
}
#domainSearchForm .select-box:before {
    content: " ";
    position: absolute;
    top: 25px;
    right: 15px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #303030;
    z-index: -1;
}
#domainSearchForm select.form-control {
    font-size: 18px;
    height: 55px;
    padding: 0 15px;
    background-color: transparent;
    border-left: 1px solid #e9e9e9;
    border-radius: 0;
    box-shadow: none;
    line-height: 51px;
    -webkit-appearance: none;
       -moz-appearance: none;
}
#domainSearchForm button[type="submit"] {
    height: 55px;
    width: 100%;
    padding: 8px 8px 6px 0;
    color: #fff;
    background-color: #EE6123;
    border-width: 0 0 0 1px;
    border-color: #e9e9e9;
    border-radius: 0 4px 4px 0;
    box-shadow: none;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    outline: 0;
    cursor: pointer;
    -webkit-transition: color .25s, background-color .25s ease-in-out;
            transition: color .25s, background-color .25s ease-in-out;
}
#domainSearchForm button[type="submit"]:hover,
#domainSearchForm button[type="submit"]:focus {
    color: #fff;
    opacity: 0.9;
}
#offer .right-content {
    padding: 20px 15px 10px;
}
#offer .right-content.mailboxes {
    padding: 30px 15px 0px;
}
#offer .domain-ext {
    color: #fff;
}
#offer .domain-ext:hover a {
    text-decoration: none;
}
#offer .right-content .domain-ext > div {
    padding: 0px;
}
#offer .right-content .extension {
    color: #56453a;
    padding: 7px 3px;
    margin-top: 0px;
    display: block;
    font-weight: 500;
    text-align: center;
}
#offer .right-content .extension:hover {
    color: #fff;
    background-color: #EE6123;
    display: block;
    border-radius: 4px;
    opacity: 0.8;
}
#offer .right-content .extension span {
    display: block;
    margin-top: -3px;
}
#offer .right-content .extension span.name {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
}
/*
.domain-ext .col-sm-2:nth-child(5) .extension:before {
    content: '';
    background-image: url(/images/icons/party-time-murray-icon.svg);
    position: absolute;
    background-repeat: no-repeat;
    height: 90px;
    width: 100px;
    bottom: 50px;
    right: -15px;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.domain-ext .col-sm-2:nth-child(5) .extension:hover:before {
    content: '';
    background-image: url(/images/icons/party-time-murray-icon.svg);
    position: absolute;
    background-repeat: no-repeat;
    height: 90px;
    width: 100px;
    bottom: 500px;
    right: -15px;
    -webkit-transition-duration: 3s;
    transition-duration: 3s;
}
*/
a.transfer-name-link {
    color: #56453a;
    font-size: 12px;
    padding: 5px;
    position: absolute;
}
a.transfer-name-link:hover {
    color: #EE6123;
}
/* Domains Page */
#domains-page #header {
    padding: 100px 0 80px;
    height: 75vh;
}
#domains-page #header h1 {
    margin-top: 10vh;
}
#domains-page .bg-img {
    background: fixed;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
#domains-page .bg-img.minus750 {
    background-position: 0 -750px;
}
#domains-page #offer {
    position: relative;
    padding: 20px 0 30px;
    bottom: -180px;
}
#domains-page .favourite {
    background: #c3c3c3;
    padding: 20px 30px;
    margin: 10px auto;
    height: 200px;
    color: #FFFFFF;
    text-align: center;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
#domains-page .favourite:hover {
    box-shadow: -10px 0px 25px -5px rgb(86 69 58 / 0.2);
    background: #ffbf0a !important;
    margin-top: -10px; 
}
#domains-page .favourite:after {
    content: '';
    background-image: url(/images/moreweb-icon.svg);
    position: relative;
    background-repeat: no-repeat;
    top: 32px;
    left: -25px;
    display: block;
    height: 70px;
    width: 100px;
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
#domains-page .col-sm-2:first-child .favourite {
    background-color: #0093c9;
}
#domains-page .col-sm-2:first-child .favourite:after {
    content: '';
    background-image: url(/images/icons/murray-kiwi-celebrate-icon.svg);
    position: relative;
    background-repeat: no-repeat;
    top: 0px;
    left: -10px;
    display: block;
    height: 110px;
    width: 120px;
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
#domains-page #header #domainSearchForm:before {
    content: '';
    background-image: url(/images/icons/murray-domain-search-icon.svg);
    position: absolute;
    left: 10px;
    top: -85px;
    background-repeat: no-repeat;
    height: 80px;
    width: 90px;
    bottom: 50px;
    right: -15px;
    -webkit-transition-duration: 5s;
    transition-duration: 5s;
}
#domains-page #header #domainSearchForm:hover:before {
    content: '';
    background-image: url(/images/icons/murray-domain-search-icon.svg);
    position: absolute;
    left: 435px;
    top: -85px;
    background-repeat: no-repeat;
    height: 80px;
    width: 90px;
    bottom: 500px;
    right: -15px;
    -webkit-transition-duration: 5s;
    transition-duration: 5s;
}
#domains-page .favourite a {
    color: #fff;
}
#domains-page .favourite span.name {
    font-size: 2em;
    letter-spacing: 2px;
    font-weight: 900;
    display: block;
}
#domains-page .favourite span.fee {
    display: block;
    font-size: 1.8em;
    line-height: 0.9;
}
#domains-page ul.large-initial {
    list-style: none;
    margin-left: -15px;
}
#domains-page ul.large-initial li {
    font-size: 1.2em;
    line-height: 1.2;
    text-indent: 5px;
    padding-bottom: 30px;
}
#domains-page ul.large-initial li::first-letter {
  font-size: 200%;
  color: #ffbf0a;
}
#domains-page ul.large-initial li i {
    position: absolute;
    margin-left: -80px;
    margin-top: 10px;
    color: #ffbf0a;
}
#domains-page .feature-item.text-center .feature-item-icon {
    margin: 30px auto 0;
}
/* Cheap Domains Page */
#cheap-domains-page #header, #domain-extensions-page #header {
    height: 45vh;
}
/* Domains Extensions Page */
#domains-page.extensions-page #header h1 {
    margin-top: 15vh;
}
#domains-page.extensions-page #offer {
    position: relative;
    padding: 20px 0 30px;
    bottom: -110px;
    margin-top: 0px;
}
.domain-registration-steps i {
    font-size: 4em;
    color: #eee;
}
.domain-registration-steps i:hover {
    color: #ffbf0a;
}
div#domain-registration-prices .pagination-sm>li>a {
    padding: 5px 6px;
}
/* Email Page */
#email-page #header {
    padding: 100px 0 80px;
    height: 85vh;
}
/* Hosting Page */
#sharedhosting-page #header,
#wordpresshosting-page #header {
    padding: 100px 0 80px;
    height: 85vh;
}
/* Domain Privacy Page */
#DomainPrivacy-page #header {
    padding: 100px 0 80px;
    height: 55vh;
}
/* Small Business Website Page */
#smbwebsite-page #header {
    padding: 100px 0 80px;
    height: 55vh;
}
.web-design-steps i {
    font-size: 4em;
    color: #eee;
    float: right;
    padding: 15px 20px 5px 30px;
    min-height: 90px;
    text-align: center;
}
.web-design-steps i:hover {
    color: #ffbf0a;
}

/* Products Page */
#products-page {

}
#products-page #pageTitle {
    padding: 30vh 0 30px;
}
#products-page .products-services-item, #index-page .products-services-item {
    background-color: #FFFFFF;
    padding: 10px 25px 20px;
    border: 2px solid #FFF;
}
#WPJetpack-page #pageTitle, #WPthemes-page #pageTitle {
    padding: 30vh 0 30px;
}
#help-page #faq:before, #thanks-page #faq:before {
    background-color: inherit;
    background-image: none;
}
#thanks-page .thanks-box {
    max-width: 950px;
}
#thanks-page .faqCard {
    margin-top: -200px;
}
/*--- Managed Wordpress Hosting ---*/
.managedWP h3:before {
    font-size: 28px;
    font-family:"Font Awesome 5 Free";
    content: "\f13a"; /* caret down f0d7 */
    color: #EE6123;
    margin: 0px auto 15px;
    text-align: center;
    display: block;
}
.managedWP h3 {
    text-align: center;
    margin-top: 5px;
}
.managedWP p { /* :nth-child(2) */
    text-align: center;
}
/*--- SINGLE FEATURES AREA ---*/
.single-feature {
    padding: 80px 0;
}
.single-feature > .container > .row {
    display: table;
}
.single-feature > .container > .row > div {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.single-feature--image img.img-responsive {
    margin: 0 auto;
}
.single-feature--content h2 {
    font-size: 26px;
    margin: 0 0 15px;
    font-weight: 700;
}
.single-feature--content .btn {
    margin-top: 10px;
    padding: 12px 20px;
    font-size: 16px;
    line-height: 20px;
}
.single-feature.bg-img {
    color: #fff;
    background-size: auto;
    background-repeat: repeat;
}
.single-feature.bg-img .single-feature--content .btn:hover,
.single-feature.bg-img .single-feature--content .btn:focus {
    color: #fff;
    opacity: 0.9;
}
/* CONTENT SLIDER ITEM */
.content-slider ul {
    margin-left: -20px;
}
/*
.content-slider--item h3 {
    margin-top: 0px;
    margin-bottom: 15px;
}
.content-slider--item h3::first-letter {
    font-size: 40px;
    font-weight: 600;
    color: #EE6123;
}
.content-item-content h2 {
    margin: -5px 0 0;
    color: #fff;
    font-size: 48px;
    line-height: 52px;
    font-weight: 700;
}
.content-item-content p, .content-item-content li {
    font-weight: 400;
    font-size: 18px;
    list-style: none;
}
.content-item-content > p {
    margin-top: 16px;
    margin-bottom: 16px;
}
.content-item-content ul.list li {
    font-size: 16px;
    margin-bottom: 2px;
    list-style: none;
}
.content-item-content ul.list li i.fa {
    margin-right: 5px;
    color: #fff;
}
.content-item-content .button {
    margin-top: 20px;
    overflow: hidden;
}
.content-item-content .button .btn:hover,
.content-item-content .button .btn:focus {
    color: #fff;
    opacity: 0.9;
    box-shadow: none;
    outline: 0;
}
.content-item-content .title {
    color: #fff;
    padding: 55px 0 51px;
}
.content-item-content .title p, .content-item-content .title h1 {
    font-size: 48px;
    line-height: 52px;
    font-weight: 900;
    margin-top: 0px;
}
.content-item-content .title h2 {
    margin-top: 20px;
}
.content-item-content .title h3 {
    font-size: 22px;
    font-weight: 400;
    margin-top: 0px;
}
.content-item-content .title p span, .content-item-content .title h1 span, .content-item-content .title h2 {
    display: block;
    font-size: 30px;
    line-height: 34px;
    font-weight: 300;
}
.content-item-content .title p:last-child {
    margin-bottom: 0;
}
.content-item-badge {
    position: absolute;
    display: table;
    border-radius: 50%;
    text-align: center;
    z-index: 0;
}
.content-item-badge-1 {
    top: 35%;
    left: 40%;
    width: 150px;
    height: 150px;
    background-color: #fff;
}
.content-item-badge-2 {
    top: 15%;
    left: 20%;
    width: 120px;
    height: 120px;
    color: #fff;
    background-color: #EE6123;
}
.content-item-badge p {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    border: 0;
    color: inherit;
    font-size: 16px;
    line-height: 16px;
}
.content-item-badge span {
    display: block;
    font-size: 34px;
    line-height: 38px;
    font-weight: 700;
}
*/
.content-slider .owl-pagination {
    font-size: 0;
}
.content-slider .owl-page {
    position: relative;
    width: 10px;
    height: 10px;
    padding: 5px;
    border: 2px solid #EE6123;
    border-radius: 50%;
    display: inline-block;
    margin: 20px 2px;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition-property: margin, opacity, height, width;
            transition-property: margin, opacity, height, width;
    -webkit-transition-duration: .4s;
            transition-duration: .4s;
    z-index: 0;
    vertical-align: middle;
}
.content-slider .owl-page.active {
    width: 15px;
    height: 15px;
    background: #EE6123;
    margin-top: 0px;
    margin-bottom: 0px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
/* CONTENT SLIDER NAV */
.content--slider-nav {
    position: absolute;
    left: 0;
    bottom: 60px;
    width: 100%;
}
.content--slider-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    overflow: hidden;
}
.content--slider-nav ul li {
    float: left;
    border-left: 1px solid #e9e9e9;
    cursor: pointer;
}
.content--slider-nav ul li:hover,
.content--slider-nav ul li.active {
    border-left-color: #EE6123;
}
.content--slider-nav ul li p {
    position: relative;
    display: block;
    width: 50px;
    height: 48px;
    margin-bottom: 0;
    color: #303030;
    font-size: 0;
    overflow: hidden;
}
.content--slider-nav ul li p:hover,
.content--slider-nav ul li.active p {
    width: 100%;
}
.content--slider-nav ul li p i.fa {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50px;
    padding: 14px 0;
    background-color: #fff;
    font-size: 20px;
    line-height: 24px;
    vertical-align: top;
    text-align: center;
}
.content--slider-nav ul li p:hover i.fa,
.content--slider-nav ul li.active p i.fa {
    color: #fff;
    background-color: #EE6123;
}
.content--slider-nav ul li p span {
    display: block;
    margin-left: 50px;
    padding: 14px 15px;
    background-color: #e9e9e9;
    line-height: 20px;
    vertical-align: top;
    overflow: hidden;
    text-transform: capitalize;
}
.content--slider-nav ul li:hover p span,
.content--slider-nav ul li.active p span {
    font-size: 16px;
}
/* CONTENT SLIDER CONTROLS */
.content-slider > .owl-controls > .owl-buttons {
    display: none;
}
.content-slider.show-slider-controls > .owl-controls > .owl-buttons {
    display: block;
}

.content-slider > .owl-controls > .owl-buttons > .owl-prev,
.content-slider > .owl-controls > .owl-buttons > .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 12px 30px 11px 20px;
    color: #fff;
    background-color: #EE6123;
    border-radius: 0 30px 30px 0;
    font-size: 24px;
    line-height: 28px;
    opacity: 1.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -webkit-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
}
.content-slider > .owl-controls > .owl-buttons > .owl-prev:hover,
.content-slider > .owl-controls > .owl-buttons > .owl-next:hover {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.content-slider > .owl-controls > .owl-buttons > .owl-next {
    right: 0;
    padding-left: 30px;
    padding-right: 20px;
    border-width: 2px 0 2px 2px;
    border-radius: 30px 0 0 30px;
}
ul.content-list {
    padding-top: 10px;
    line-height: 22px;
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}
ul.content-list li {
    font-size: 14px;
    font-weight: 500;
    padding: 5px 0 5px 10px;
    border: 1px dashed #e9e9e9;
    margin: 0px 15px 20px 0;
    display: inline-block;
}
ul.content-list li:after {
    font-size: 18px;
    font-family:"Font Awesome 5 Free";
    content: "\f101";
    color: #EE6123;
    font-weight: 500;
    text-align: right;
    float: right;
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 2px;
}
ul.content-list.last li:after {
    content: "\f005";
}
/*--- FEATURES AREA ---*/
.domain-privacy-icon {
    margin: -10px auto;
    height: 68px;
}
.feature-item {
    min-height: 150px;
    margin-bottom: 15px;
    -webkit-transition: box-shadow .25s;
            transition: box-shadow .25s;
}
.feature-item-icon .fa,
.feature-item-icon .fab,
.feature-item-icon .far,
.feature-item-icon .fas {
    color: #eee;
}
.feature-item-icon .fa:hover,
.feature-item-icon .fab:hover,
.feature-item-icon .far:hover,
.feature-item-icon .fas:hover {
    color: #ffbf0a;
}
.feature-item.text-center .feature-item-icon {
    margin: 10px auto 0;
}
.feature-item-content {
    margin: 0 auto;
    max-width: 400px;
    max-height: 400px;
}
.feature-item-content p {
    font-size: 16px;
    margin-bottom: 0;
}
.feature-item-content h3, .feature-item-content h4 {
    font-weight: 700;
    margin: 15px 0 5px;
    font-size: 16px;
}
.feature-item-content a.btn {
    margin-top: 20px;
    padding: 10px 15px;
    font-size: 12px;
}
.feature-item-icon img {
    max-width: 100px;
    max-height: 80px;
}
.feature-item.hosting {
    border: 1px dotted rgba(233,233,233,0.8);
    min-height: 300px;
    margin-bottom: 0px;
}
ul.features {
    margin: 25px 0 0;
    line-height: 22px;
    list-style: none;
    padding-left: 0px;
}
ul.features li {
    font-size: 1.1em;
    padding: 5px 0;
    /* margin: 0 auto; */
}
ul.features li:before {
    font-size: 16px;
    font-family:"Font Awesome 5 Free";
    content: "\f058";
    color: #ffbf0a;
    font-weight: 500;
    padding-right: 10px;
}
ul.features.info li:before {
    font-size: 16px;
    font-family:"Font Awesome 5 Free";
    content: "\f129";
    color: #56453a;
    font-weight: 500;
    padding-right: 10px;
}
ul.features.indent li {
    font-size: 16px;
    padding: 5px 0 0 10px;
    text-indent: -27px;
}
/*--- VPS PRICING AREA ---*/
#vpsPricing,
#emailPricing {
    padding: 20px 0 0;
    margin: -196px 0 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#vpsPricing h2,
#emailPricing h2 {
    color: #fff;
    margin-bottom: 25px;
}

/* VPS SLIDER */
.vps-pricing--slider-holder,
.email-pricing--slider-holder {
    position: relative;
    padding: 40px 10%;
    background-color: rgba(0, 0, 0,0.2);
    border-radius: 4px;
}
.vps-pricing--slider-holder .pips,
.email-pricing--slider-holder .pips {
    position: absolute;
    left: 60px;
    right: 60px;
    height: 10px;
    overflow: hidden;
}
.vps-pricing--slider-holder .pip,
.email-pricing--slider-holder .pip {
    position: absolute;
    top: 2px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 2;
}
.vps-pricing--slider-holder .pip:first-child,
.email-pricing--slider-holder .pip:first-child {
    margin-left: -5px;
}
.vps-pricing--slider,
.email-pricing--slider {
    height: 10px;
    background-color: #fff;
    border: 0;
    border-radius: 20px;
    cursor: pointer;
}
.vps-pricing--slider .ui-slider-range,
.email-pricing--slider .ui-slider-range {
    background-color: #fff;
    border-radius: 20px;
}
.vps-pricing--slider .ui-slider-handle,
.email-pricing--slider .ui-slider-handle {
    left: 33.3333%;
    top: -9px;
    width: auto;
    height: auto;
    margin-left: -7px;
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
}
.vps-pricing--slider .ui-slider-handle:before,
.vps-pricing--slider .ui-slider-handle:after,
.email-pricing--slider .ui-slider-handle:before,
.email-pricing--slider .ui-slider-handle:after {
    content: " ";
    position: absolute;
    left: -1px;
    width: 0;
    height: 0;
    border-style: solid;
}
.vps-pricing--slider .ui-slider-handle:before,
.email-pricing--slider .ui-slider-handle:before {
    top: -15px;
    border-width: 10px 10px 0 10px;
    border-color: #EE6123 transparent transparent transparent;
}
.vps-pricing--slider .ui-slider-handle:after,
.email-pricing--slider .ui-slider-handle:after {
    top: 59px;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #0003 transparent;
}
.vps-pricing--slider .ui-slider-handle i.fa,
.email-pricing--slider .ui-slider-handle i.fa {
    position: relative;
    color: #EE6123;
    font-size: 36px;
    line-height: 40px;
    z-index: 0;
}
.vps-pricing--slider .fa-map-marker:after,
.email-pricing--slider .fa-map-marker:after {
    content: " ";
    position: absolute;
    top: 8px;
    left: 4px;
    width: 11px;
    height: 11px;
    background-color: #fff;
    z-index: -1;
}
.vps-pricing--slider .ui-slider-handle em,
.email-pricing--slider .ui-slider-handle em {
    display: block;
    position: absolute;
    top: -48px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100px;
    padding: 6px 0;
    color: #fff;
    background-color: #EE6123;
    border-radius: 30px;
    font-style: normal;
    text-align: center;
}
.email-pricing--slider .ui-slider-handle em {
    width: 120px;
}
.vps-pricing--features,
.email-pricing--features {
    margin-top: 10px;
    background-color: rgba(0, 0, 0,0.2);
    border-radius: 4px;
    position: relative;
}
.vps-pricing--feature,
.email-pricing--feature {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
    border-right: 1px dashed #fff;
}
.vps-pricing--features > .row > div:nth-last-child(2),
.email-pricing--features > .row > div:nth-last-child(2) {
    /* border-right: none; */
}
/*
.vps-pricing--feature i.fa,
.email-pricing--feature i.fa {
    display: block;
    float: left;
    height: 100%;
    margin-left: 18px;
    color: #3575d3;
    font-size: 40px;
    line-height: 48px;
}
*/
.vps-pricing--feature-img,
.email-pricing--feature-img {
    float: left;
    width: 45px;
    margin-left: 18px;
}
.vps-pricing--feature-name,
.vps-pricing--feature-value,
.email-pricing--feature-name,
.email-pricing--feature-value {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.vps-pricing--feature-name,
.email-pricing--feature-name {
    margin-top: 4px;
    font-weight: 700;
}

.vps-pricing--action-btn,
.email-pricing--action-btn {
    margin-top: 15px;
    text-align: center;
}
.vps-pricing--action-btn .btn,
.email-pricing--action-btn .btn {
    /* margin-right: 15px; */
    color: #fff;
    background: #EE6123;
    text-align: center;
}
.vps-pricing--action-btn .btn:hover,
.vps-pricing--action-btn .btn:focus,
.email-pricing--action-btn .btn:hover,
.email-pricing--action-btn .btn:focus {
    box-shadow: none;
    outline: 0;
}
/*--- SERVICES AREA ---*/
#services {
    padding: 100px 0 60px;
    overflow: hidden;
}
#services .even {
    margin: 60px 0;
    padding: 60px 0;
    background-color: #f8f8f8;
}
#services .container > .row {
    display: table;
}
#services .container > .row > div {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
#services .service-item-img img {
    width: 100%;
}
.service-item-content h2 {
    margin: 0;
    font-weight: 700;
    color: #EE6123;
}
.service-item-content h2 span {
    display: block;
    font-size: 22px;
    text-indent: 1px;
    font-weight: 500;
    color: #56453a;
}
.service-item-content > p {
    margin-top: 30px;
    margin-bottom: 30px;
}
.service-item-content .price {
    overflow: hidden;
    margin-top: 25px;
}
.service-item-content .price p {
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    float: left;
}
.service-item-content .price p span {
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 34px;
    margin: 0;
}
.service-item-content .price p span em {
    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    vertical-align: top;
}
.service-item-content .price a.btn {
    margin-left: 30px;
}
#services .container > .row:hover .price a.btn {
    background-color: #EE6123;
}
#services .container > .row:hover .service-item-content i.fa-check {
    color: #EE6123;
}
/* single_box boxes rounded */
.products-services-item {
    margin: 20px auto;
    padding: 10px 0 25px;
    border: 1px solid #f2f2f2;
    border-radius: 6px;
    position: relative;
    text-align: center;
    /* background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14);
    -webkit-transition: box-shadow .25s ease-in-out;
            transition: box-shadow .25s ease-in-out;
    */
}
.products-services-item:hover {
    box-shadow: 0px 3px 10px -2px rgba(0,0,0,0.3);
    -webkit-transition: box-shadow .25s ease-in-out;
            transition: box-shadow .25s ease-in-out;
}
.products-services-item h2 {
    font-size: 20px;
    font-weight: 500;
    margin: 15px 0 5px;
    line-height: 1.1;
}
.products-services-item h3 {
    margin: 0px;
}
.products-services-item h2, .products-services-item h3, .products-services-item h4, .products-services-item li {
    text-align: center;
}
.products-services-item.left h2, .products-services-item.left h3, .products-services-item.left h4, .products-services-item.left li {
    text-align: left;
}
.products-services-item h2, .products-services-item h3, .products-services-item h4, .products-services-item li, .products-services-item p {
    color: #56453a !important;
}
.products-services-item h3 span {
    font-size: 14px;
    padding: 2px;
}
.products-services-item h4 {
    font-size: 20px;
    margin: 25px auto;
}
.products-services-item h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
.products-services-item label {
    margin-bottom: 10px;
    font-weight: 500;
}
.products-services:hover {
    z-index: 2;
}
.products-services-item ul, .products-services-item li {
    list-style: none;
    padding-left: 0px;
    margin: 0;
}
.products-services-item.mailboxes ul, .products-services-item.hosting ul {
    margin-bottom: -10px;
}
.products-services-item.hosting {
    padding: 25px 0 15px;
}
.products-services-item .price {
    /*
    font-size: 26px;
    font-weight: 700;
    */
    padding: 10px 0 20px;
}
.products-services-item li.highlight {
    font-weight: 600;
    padding: 10px 0 5px;
}
.products-services-footer {
    /* border-top: 2px solid #f2f2f2; */
    margin: 0px -15px -15px;
    border-collapse: collapse;
    position: relative;
    padding: 10px 15px;
}
.products-services-item .btn {
    font-size: 16px;
    /* width: 100%; */
    margin: 10px auto;
    display: inline-block;
}
.products-services-item span {
    text-align: center;
    margin: 10px auto 0px;
    /* display: block; */
    width: 100%;
}
.products-services-item span.checkmark {
    margin: 0px;
    width: 22px;
}
.products-services-item a {
    /* width: 100%; */
}
.products-services-item img {
    
}
/* Plain Item */
.plain-item {
    margin: 20px auto;
    padding: 15px;
    position: relative;
    /* background-color: #fff; */
    text-align: center;
}
.plain-item h2 {
    font-size: 20px;
    color: #56453a;
    text-align: center;
    margin-top: 0px;
}
.plain-item p {
    color: #56453a;
    text-align: center;
}
/*--- TESTIMONIAL AREA ---*/
#testimonial {
    padding: 20px;
    background-color: #f8f8f8;
    margin-top: 20px;
    margin-left: -30px;
}
.testimonial-item {
    font-size: 1.2em;
    line-height: 1.3;
    margin: 0 auto;
}
.testimonial-slider .owl-page {
    position: relative;
    width: 10px;
    height: 10px;
    padding: 5px;
    border: 2px solid #EE6123;
    border-radius: 50%;
    display: inline-block;
    margin: 20px 2px;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition-property: margin, opacity, height, width;
            transition-property: margin, opacity, height, width;
    -webkit-transition-duration: .4s;
            transition-duration: .4s;
    z-index: 0;
    vertical-align: middle;
}
.testimonial-slider .owl-page.active {
    width: 15px;
    height: 15px;
    background: #EE6123;
    margin-top: 0px;
    margin-bottom: 0px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.testimonial-slider .owl-page span {
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.testimonial-slider .owl-page span img {
    width: 100%;
}
.container.owl-pagination {
    padding-left: 0px !important;
}
/*--- PRICING AREA ---*/
#pricing {
    padding: 80px 0;
}
.pricing-table-item {
    position: relative;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14);
    -webkit-transition: box-shadow .25s ease-in-out;
            transition: box-shadow .25s ease-in-out;
}
.pricing-table-item:hover,
.pricing-table-item.popular {
    box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
    z-index: 1;
}
.pricing-table-item:hover {
    z-index: 2;
}
.white-table {
    color: #fff;
}
table.white-table {
    padding: 0 50px;
}
tbody i.fa.fa-check {
    color: #ffbf0a;
}
tbody i.fa.fa-times {
    color: #ddd;
}
.bg-img.bg-overlay .white-table thead > tr > th:first-child, .white-table tbody > tr > td:first-child {
    font-size: 16px;
    text-align: left;
    padding: 10px 0;
}
.bg-img.bg-overlay .white-table thead > tr > :last-child, .white-table tbody > tr > td:last-child {
    font-size: 16px;
    text-align: right;
}
.bg-img.bg-overlay .white-table a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    margin-right: 15px;
}
.bg-img.bg-overlay .white-table a:hover:after {
    font-size: 36px;
    font-family:"Font Awesome 5 Free";
    content: "\f0d9";
    color: #EE6123;
    margin-top: -4px;
    padding-top: 0px;
    padding-left: 10px;
    position: absolute;
}
.white-table > tbody > tr > td, .white-table > tbody > tr > th, .white-table > tfoot > tr > td, .white-table > tfoot > tr > th, .white-table > thead > tr > td, .white-table > thead > tr > th {
    border-top: 1px dotted #ddd;
}
.bg-img.bg-overlay .white-table > tbody > tr > td, .bg-img.bg-overlay .white-table > tbody > tr > th, .bg-img.bg-overlay .white-table > tfoot > tr > td, .bg-img.bg-overlay .white-table > tfoot > tr > th, .bg-img.bg-overlay .white-table > thead > tr > td, .bg-img.bg-overlay .white-table > thead > tr > th {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.cheap-table {
    color: #56453a;
}
table.cheap-table {
    padding: 0 50px;
}
.cheap-table td a span {
    font-weight: 900;
    letter-spacing: 1px;
    font-size: 16px;
    text-transform: uppercase;
}
.bg-img.bg-overlay .cheap-table thead > tr > th:first-child, .cheap-table tbody > tr > td:first-child {
    font-size: 16px;
    text-align: left;
    padding: 10px 0;
}
.bg-img.bg-overlay .cheap-table thead > tr > :last-child, .cheap-table tbody > tr > td:last-child {
    font-size: 16px;
    text-align: right;
}
.bg-img.bg-overlay .cheap-table a {
    color: #56453a;
    font-size: 18px;
    text-decoration: none;
    margin-right: 15px;
}
.bg-img.bg-overlay .cheap-table a:hover:after {
    font-size: 36px;
    font-family:"Font Awesome 5 Free";
    content: "\f0d9";
    color: #EE6123;
    margin-top: -4px;
    padding-top: 0px;
    padding-left: 10px;
    position: absolute;
}
.cheap-table > tbody > tr > td, .cheap-table > tbody > tr > th, .cheap-table > tfoot > tr > td, .cheap-table > tfoot > tr > th, .cheap-table > thead > tr > td, .cheap-table > thead > tr > th {
    border-top: 1px dotted #ddd;
}
.bg-img.bg-overlay .cheap-table > tbody > tr > td, .bg-img.bg-overlay .cheap-table > tbody > tr > th, .bg-img.bg-overlay .cheap-table > tfoot > tr > td, .bg-img.bg-overlay .cheap-table > tfoot > tr > th, .bg-img.bg-overlay .cheap-table > thead > tr > td, .bg-img.bg-overlay .cheap-table > thead > tr > th {
    color: #56453a;
    font-size: 16px;
    font-weight: 500;
}
.pt-head {
    padding: 15px 0 0;
    border-top: 5px solid #EE6123;
    text-align: center;
}
.pt-head .popular-indicator {
    position: absolute;
    top: 0;
    right: 20px;
    padding: 15px 10px 10px;
    color: #fff;
    background-color: #EE6123;
    font-size: 18px;
    line-height: 22px;
}
.pt-head .caption {
    margin-bottom: 0;
    text-align: center;
    font-size: 14px;
    letter-spacing: .12em;
    border-bottom: 1px solid #EE6123;
    display: inline-block;
    padding: 0 0 5px;
}
.pt-price-tag {
    margin-bottom: 10px;
    font-size: 50px;
    font-weight: 700;
}
.pt-price-tag span {
    font-size: 24px;
    font-weight: 500;
}
.pt-plan {
    padding: 20px 0;
    color: #fff;
    background-color: #EE6123;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    text-transform: capitalize;
}
.pt-features {
    padding-top: 10px;
    text-align: center;
}
.pt-features ul {
    padding: 0;
    margin: 0;
    list-style: none;
    white-space: nowrap;
}
.pt-features ul li {
    color: #56453a;
    padding: 10px 20px;
    border-bottom: 1px solid rgba(0,0,0,.05);
    text-overflow: ellipsis;
    overflow: hidden;
}
.pt-footer {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.pt-footer a.btn {
    width: 100px;
    padding: 8px 0;
}
.checkmark-box {
    display: block;
    color: #56453a;
    position: relative;
    padding-left: 10px;
    margin-bottom: 12px;
    margin-left: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
label.checkmark-box .checkmark {
    margin-left: 20px;
}
/* Hide the browser's default checkbox */
.checkmark-box input {
    position: absolute;
    opacity: 0;
    display: none;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: -1px;
    left: 0;
    border-radius: 4px;
    height: 22px;
    width: 22px;
    /* background-color: #eee; */
    border: 2px solid #EE6123;
}
/* On mouse-over, add a grey background color */
.checkmark-box:hover input ~ .checkmark {
    background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.checkmark-box input:checked ~ .checkmark {
    background-color: #EE6123;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.checkmark-box input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.checkmark-box .checkmark:after {
    left: 7px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*--- BRANDS AREA ---*/
#footer {
    padding: 40px 0;
    background-color: #f2f2f2;
    overflow: hidden;
}
#footer h3 {
    font-size: 16px;
    font-weight: bold;
    padding-left: 0px;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
#footer ul {
    padding-left: 0px;
    margin-bottom: 10px;
}
#footer li {
    list-style: none;
    padding-top: 5px;
}
#footer li a {
    color: #56453a;
    font-weight: 400;
}
#footer li a:hover {
    color: #EE6123;
}
.murray-footer {
    position: absolute !important;
    right: -87px !important;
    height: 230px !important;
    width: auto !important;
    -ms-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important;
    -webkit-transition-duration: 3s !important;
    transition-duration: 3s !important;
}
#footer:hover img.murray-footer {
    -webkit-transition-duration: 3s !important;
    transition-duration: 3s !important;
    right: -200px !important;
}
.secureSite {
    position: relative;
    z-index: 10000;
    border: 1px solid #e9e9e9;
    overflow: hidden;
    border-radius: 20px;
    padding: 0px !important;
    margin-right: -1px;
}
#brands {
    padding: 30px 0;
    border-top: 1px solid #e9e9e9;
}
.bg-whitesmoke + #brands {
    border-top: 0;
}
.brands-slider img {
    margin: 0 auto;
}
/*--- FOOTER AREA ---*/
.footer-widget {
    margin-bottom: 25px;
}
.footer-about {
    color: #fff;
}
.footer-widget h4 {
    color: #56453a;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    position: relative;
    padding-bottom: 0px;
}
.footer-about p {
    margin-top: 20px;
    color: #56453a;
    font-size: 14px;
}
.footer-about a.btn {
    color: #fff;
    margin-top: 5px;
}
.footer-about a.btn:hover {
    color: #56453a;
    background-color: #fff;
}
.footer-widget ul {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}
.footer-widget ul li {
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 4px;
}
.footer-widget ul li a {
    color: #56453a;
    font-size: 14px;
    -webkit-transition: color .25s;
    transition: color .25s;
    /* border-bottom: 1px solid rgba(233,233,233,0.8); */
    display: block;
    margin: 4px 0;
    padding-bottom: 5px;
}
.footer-widget a:hover,
.footer-widget a:focus {
    color: #EE6123;
}
.footer-widget ul li a {
    color: #56453a;
    font-size: 14px;
    -webkit-transition: color .25s;
    transition: color .25s;
    border-bottom: 1px solid rgba(233,233,233,0.8);
    margin: 4px 0;
    padding-bottom: 5px;
}
.footer-widget .contact-social-links.media {
    margin-top: 28px;
}
.contact-info {
    color: #56453a;
    padding: 15px 0 0;
    border-top: 1px solid rgba(233,233,233,0.8);
}
.contact-info a {
    color: #56453a;
    font-size: 14px;
    font-weight: 400;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.contact-info a:hover,
.contact-info a:focus {
    color: #EE6123;
}
.contact-info i.fa,
.contact-info i.fab,
.contact-info i.far,
.contact-info i.fas {
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
}
#footer #subscribeForm, #footer #mc-embedded-subscribe-form {
    margin-top: 18px;
    padding-bottom: 10px;
}
#subscribeForm .input-group, #mc-embedded-subscribe-form .input-group {
    padding: 3px 2px 3px 0;
    border-radius: 4px;
    z-index: 0;
}
#mc_embed_signup {
    max-width: 450px;
    background: transparent;
}
#subscribeForm .form-control, #mc-embedded-subscribe-form .form-control {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    outline: 0;
}
#subscribeForm .input-group-addon, #mc-embedded-subscribe-form .input-group-addon {
    color: #fff;
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
}
#subscribeForm .input-group-addon:before, #mc-embedded-subscribe-form .input-group-addon:before  {
    content: " ";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px solid rgba(233,233,233,0.8);
    border-radius: 4px;
    -webkit-transition: border-color .25s;
            transition: border-color .25s;
    z-index: -1;
}
#subscribeForm .form-control.error + .input-group-addon:before, #mc-embedded-subscribe-form .form-control.error + .input-group-addon:before {
    border-color: #a94442;
}
#subscribeForm .btn:hover,
#subscribeForm .btn:focus, #mc-embedded-subscribe-form .btn:hover, #mc-embedded-subscribe-form .btn:focus {
    color: #fff;
    opacity: 0.9;
    box-shadow: none;
    outline: 0;
}

.footer-supported-payment h4 {
    margin: 32px 0 25px;
}
.footer-supported-payment img {
    height: 34px;
}
/*--- COPYRGIHT AREA ---*/
#copyright {
    padding: 20px 0 18px;
    color: #56453a;
    background-color: #f2f2f2;
    text-align: left;
    border-top: 1px solid rgba(233,233,233,0.8);
}
#copyright p {
    margin-bottom: 0;
    font-size: 14px;
    margin: 7px 0 0;
    display: inline-block;
}
#copyright p a {
    display: inline-block;
    color: #56453a;
    font-weight: 500;
    font-size: 14px;
}
#copyright p a:hover {
    color: #EE6123;
}
#copyright .contact-social-links {
    display: inline-block;
    float: right;
}
#copyright .contact-social-links li a {
    margin: 0px;
    color: #56453a;
    border: 1px solid #56453a;
}
#copyright .contact-social-links li:hover a {
    color: #FFF;
    border: 1px solid #EE6123;
    background-color: #EE6123;
}
.plain-faq {
    background: url(/images/backgrounds/moreweb-bg-35.jpg);
    background-position: center;
    background-size: cover;
    background-position: left bottom;
    background-repeat: no-repeat;
}
.plain-faq:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 80%);
}
/*--- GENERAL PAGE STYLES ---*/
#pageTitle.topPage {
    padding: 15vh 0 10vh;
    height: 65vh;
    margin-top: 0px;
}
#pageTitle {
    padding: 35vh 0 0px;
    background-size: cover;
    /* background-position: left bottom; */
    background-repeat: no-repeat;
    text-align: left;
    height: 50vh;
    margin-top: -92px;
}
#pageTitle h3, #header h3 {
    margin-top: 0px;
}
#pageTitle.plain {
    padding: 20px 0 5px;
    text-align: left;
    height: auto;
    margin-top: 0px;
    background-color: #72818e;
}
#pageTitle.plain-faq {
    padding: 25vh 0 10vh;
    height: 70vh;
    text-align: left;
    margin-top: 0px;
}
#pageTitle.plain-faq h1 {
    font-size: 40px;
    line-height: 40px;
}
#pageTitle.plain-faq h2 {
    font-size: 30px;
    line-height: 30px;
}
#pageTitle.gradient {
    padding: 20px 0 5px;
    text-align: left;
    height: auto;
    margin-top: 0px;
    background-color: #205049;
    background-image: linear-gradient(141deg, #205049 5%, #376962 50%, #4d4e4e 80%);
}
#pageTitle h1, #header h1 {
    margin: 15px 0 15px;
    /* text-shadow: 0.5px 0.5px 0.5px rgba(0,0,0,0.5); */
    font-size: 44px;
    line-height: 1;
}
#pageTitle h2, #header h2 {
    margin: 15px 0 15px;
    text-align: left;
    /* text-shadow: 0.5px 0.5px 0.5px rgba(0,0,0,0.5); */
    font-size: 34px;
    font-weight: 500;
    line-height: 1;
    padding-top: 15px;
}
#pageTitle h3, #header h3 {
    margin-top: -10px;
    font-size: 22px;
    font-weight: 400;
    /* text-shadow: 0.5px 0.5px 0.5px rgba(0,0,0,0.5); */
}
.bg-breadcrumb {background-color: #56453a;}
.breadcrumb {
    padding: 8px 0px;
    margin: 15px 0;
    list-style: none;
    background-color: inherit;
    border-radius: 4px;
}
.breadcrumb > li > a {
    color: #fff;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.breadcrumb > li > a:hover,
.breadcrumb > li > a:focus,
.breadcrumb > li.active {
    color: #ffbf0a;
}
.breadcrumb > li.active {
    font-weight: 500;
    color: #fff;
}
.breadcrumb > li + li::before {
    padding: 0 5px;
    color: #fff;
    content: ">\00a0";
}
.breadcrumb > li {
    display: inline-block;
    font-size: 14px;
}
/*--- SHARED HOSTING PAGE ---*/
#pricingTable {
    padding: 80px 0;
}
#pricingTable.price-details {
    padding: 0;
}
#pricingTable.price-details > .item {
    padding: 80px 0;
}
#pricingTable.price-details > .item:nth-child(2) {
    background-color: #f8f8f8;
    border-style: solid;
    border-width: 1px 0;
    border-color: #e9e9e9;
}
#pricingTable .pricing-table-item {
    padding: 0;
}
#pricingTable .pricing-table-item.mt-md {
    margin-top: 65px;
}
#pricingTable .pt-features {
    padding: 0;
}
#pricingTable .pricing-table-item.first-child {
    font-weight: 700;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14);
    z-index: 0;
}
#pricingTable .pricing-table-item .pt-body {
    border-top: 1px solid #e9e9e9;
}
#pricingTable .pt-features strong {
    display: none;
}
.price-details .pt-head {
    padding-top: 0;
}
/*--- 19. DOMAINS PAGE ---*/
.brands-slider .extra-bg {
    background-color: #fff;
    padding: 20px 0;
}
#domain-registration-prices {
    padding: 60px 0;
}
#pricingTable2 {
    padding: 5px 0;
}
#pricingTable2 table {
    border: 1px solid #e9e9e9;
    width: 100%;
    margin: 0px 0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
}
#pricingTable2 table thead {
    background-color: #e9e9e9;
}
#pricingTable2 table th,
#pricingTable2 table td {
    padding: 10px 20px 8px;
    border-top: none;
}
.table>thead>tr>th {
    border-top: none;
}
#pricingTable2 table th a:hover,
#pricingTable2 table td a:hover {
    border-bottom: 2px solid #EE6123;
}
#pricingTable2 table tbody tr:nth-child(even) td {
    background-color: #f8f8f8;
}
#pricingTable2 table tbody tr:nth-child(odd) td {
    background-color: #fff;
}
#pricingTable2 table thead th:first-child, #pricingTable2 table tbody td:first-child {
    text-align: left;
}
#pricingTable2 table thead th:last-child, #pricingTable2 table tbody td:last-child {
    text-align: left;
}
#pricing-page #pricingTable2 table thead th:last-child, #pricing-page #pricingTable2 table tbody td:last-child {
    text-align: right;
}
/*
#pricing-page .freeMail:before  {
    content: "";
    border-top: 25px solid transparent;
    border-right: 25px solid #419D78;
    border-bottom: 25px solid transparent;
    position: absolute;
    top: 0px;
    left: -25px;
}
*/
#pricing-page .freeMail {
    color: #fff;
    font-weight: 600;
    line-height: 1;
    padding: 10px 17px 10px;
    margin: -15px 0 0 21px;
    position: absolute;
    width: 162px;
    border-radius: 0px 30px 30px 0px;
    background-color: #ffbf0a;
}
#pricing-page .freeMail:after {
    bottom: 42px;
    right: 30px;
}
ul.similar-extensions {
    margin: 15px 0px 15px -40px;
}
ul.similar-extensions li {
    display: inline-block;
    padding-right: 15px;
}
ul.similar-extensions a.btn.btn-white {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
}
/*--- DEDICATED PAGE ---*/
#compare {
    padding: 80px 0;
    background-color: #f8f8f8;
}
#compare table {
    width: 100%;
    margin:0;
    padding:0;
    border: 1px solid #ccc;
    border-spacing: 0;
    border-collapse: collapse;
}
#compare table thead {
    background-color: #ddd;
    color: #56453a;
}
#compare table thead th {
    padding: 15px 10px;
}
#compare table tr {
    border: 1px solid #ddd;
    padding: 5px;
}
#compare table th,
#compare table td {
    padding: 10px;
}
#compare table th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}
#compare table tbody tr {
    background-color: #fff;
}
#compare table tbody tr:nth-child(even) td {
    background-color: #f8f8f8;
}
#compare table tbody td .labelText {
    display: none;
}
/* Hosting Page
#CoreSharedHosting, #AdvancedHosting {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}
div#AdvancedEmail:before {
    color: #fff;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    content: "Free with any domain purchase";
    padding: 15px 25px 10px;
    margin: -20px 10% 0px;
    position: absolute;
    border-radius: 30px 30px 0px 0px;
    background-color: #ffbf0a;
}
*/
.MailboxDomainEmail {
    position: absolute;
    top: -50px;
    right: -8.33333333%;
}
div#BasicEmail .freeMail, #products-page .freeMail, #index-page .freeMail {
    color: #fff;
    font-size: 0.9em;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    padding: 13px 30px 10px;
    margin: -17px 13% 0px;
    position: absolute;
    border-radius: 60px 60px 0px 0px;
    background-color: #ee8a23;
}
#BasicEmail .products-services-item, #products-page .col-sm-6.col-md-4:first-child .products-services-item, #index-page .col-sm-6.col-md-4:first-child .products-services-item {
    border: 2px solid #ee8a23;
}

/*
div#BasicEmail .freeMail {
    color: #fff;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    padding: 12px 15px 10px;
    margin: -29px 10% 0px;
    max-width: 170px;
    position: absolute;
    border-radius: 50px 50px 0px 0px;
    background-color: #ffbf0a;
}
.freeMail:after {
    content: '';
    background-image: url(/images/moreweb-murray.svg);
    position: absolute;
    background-repeat: no-repeat;
    height: 90px;
    width: 100px;
    bottom: -50px;
    right: -85px;
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
div#BasicEmail:hover .freeMail:after {
    bottom: -35px;
}
*/


div#CoreSharedHosting, div#AdvancedHosting, div#AdvancedPlusHosting, div#BasicWordPress, div#AdvancedWordPress {
    margin-top: -45vh;
}
div#SMBwebsite, div#DomainPrivacy {
    margin-top: -20vh;
}
div#BasicEmail, div#AdvancedEmail, div#ProfessionalEmail {
    margin-top: -45vh;
}
div#InstantSSL, div#DomainSSL, div#OrganisationSSL, div#ExtendedSSL {
    margin-top: -40vh;
}
div#InstantSSL .products-services-item h2, div#DomainSSL .products-services-item h2, div#OrganisationSSL .products-services-item h2, div#ExtendedSSL .products-services-item h2 {
    margin: 25px 0 5px;
}
div#CoreSharedHosting .products-services-item, div#AdvancedHosting .products-services-item, div#AdvancedPlusHosting .products-services-item, div#BasicWordPress .products-services-item, div#AdvancedWordPress .products-services-item, div#mailbox-comparison .products-services-item, div#SMBwebsite .products-services-item, div#InstantSSL .products-services-item, div#DomainSSL .products-services-item, div#OrganisationSSL .products-services-item, div#ExtendedSSL .products-services-item, div#DomainPrivacy .products-services-item {
    background: #fff;
}

/* SSL Cert page */

#sslcert-page #header {
    padding: 40px 0 80px;
    height: 75vh;
}
#compareSSL ul {
    margin-left: -40px;
    list-style: none;
}
#compareSSL ul li {
    padding-bottom: 10px;
    text-indent: -26px;
    padding-right: 30px;
}
#compareSSL  ul li:before {
    font-size: 16px;
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    color: #ffbf0a;
    font-weight: 500;
    padding-right: 10px;
}
#compareSSL ul li:first-child:before {
    font-size: 24px;
    font-family: "Font Awesome 5 Free";
    content: "\f164";
}
#compareSSL ul li:first-child {
    font-size: 1.1em;
    font-weight: 600;
    padding-bottom: 15px;
    text-indent: -36px;
}
#compareSSL h3 {
    font-size: 1.3em;
}


/* cloud storage table */
#cloud-storage-table table {
    text-align: center;
    margin: 0 auto;
    max-width: 75%;
}
#cloud-storage-table .table > tbody > tr > td, #cloud-storage-table .table > tbody > tr > th, #cloud-storage-table .table > tfoot > tr > td, #cloud-storage-table .table > tfoot > tr > th, #cloud-storage-table .table > thead > tr > td, #cloud-storage-table .table > thead > tr > th {
    border-top: 1px dashed #ddd;
    padding: 12px 5px;
    font-weight: 500;
    font-size: 16px;
}
#cloud-storage-table .table > tbody > tr > td.notb, #cloud-storage-table .table > tbody > tr > th.notb, #cloud-storage-table .table > tfoot > tr > td.notb, #cloud-storage-table .table > tfoot > tr > th.notb, #cloud-storage-table .table > thead > tr > td.notb, #cloud-storage-table .table > thead > tr > th.notb {
    border-top: none;
}
#cloud-storage-table h2, #cloud-storage-table h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.table.cloud-storage-table > tbody > tr:first-child > td {
    border-top: none;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px dashed #ddd;
    padding: 9px 5px;
    font-weight: 400;
}
.table.email-plans  > tbody > tr > td {
    padding: 5px;
}
table.email-plans tbody tr:first-child td {
    min-width: 160px;
}
.table.table-hover.email-plans tr th:nth-child(2), .table.table-hover.email-plans tr th:nth-child(3), .table.table-hover.email-plans tr th:nth-child(4), .table.table-hover.email-plans tr td:nth-child(2), .table.table-hover.email-plans tr td:nth-child(3), .table.table-hover.email-plans tr td:nth-child(4) {
    text-align: center;
}
.table.table-hover.hosting-plans tr th:nth-child(2), .table.table-hover.hosting-plans tr th:nth-child(3), .table.table-hover.hosting-plans tr th:nth-child(4), .table.table-hover.hosting-plans tr td:nth-child(2), .table.table-hover.hosting-plans tr td:nth-child(3), .table.table-hover.hosting-plans tr td:nth-child(4) {
    text-align: center;
}
.hosting-plans h4 {
    margin-top: 15px;
}
.voucher-box {
    background: #f2f2f2;
    padding-top: 15px;
    padding-bottom: 1px;
}
.voucher-box::after {
    content: '';
    position: absolute;
    left: 46%;
    margin: 0px auto 0;
    width: 0;
    height: 0;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 30px solid #f2f2f2;
    clear: both;
}
#domain-promo-codes .products-services-item {
    padding: 0px;
    margin: 0px;
}
#domain-promo-codes .products-services-item h2 span {
    margin-left: 5px;
    padding-left: 10px;
    border-left: 1px dashed #e9e9e9;
}
#domain-promo-codes .products-services-item h4 {
    font-size: 20px;
    margin: 15px auto 10px;
    padding: 10px 0;
    border-style: dashed;
    border-width: 1px 0;
    border-color: #e9e9e9;
}
.promo-code {
    border: 1px dashed #e9e9e9;
    padding: 5px 15px 15px;
    margin: 10px 0 20px;
    background-color: #FFFFFF;
    /* background-image: linear-gradient(141deg, #ffbf0a 30%, #ffbf0a 10%, #fff 75%); */
}
.promo-code:hover {
    box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
    -webkit-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
}
.promo-code h2 {
    font-weight: 900;
    margin: 10px 0 30px;
}
.promo-code h4 {
    display: inline-block;
    margin: 5px 0;
}
.promo-code button {
    display: inline-block;
    margin: 5px 0;
    float: right;
}
.promo-code button:before {
    font-size: 14px;
    font-family:"Font Awesome 5 Free";
    content: "\f060";
    color: #56453a;
    padding-right: 10px;
}
.promo-code .prx {
    font: 400 22px 'Roboto Condensed', sans-serif;
    padding: 6px 12px;
    letter-spacing: 2px;
    color: #56453a;
    font-style: italic;
    width: 100%;
    text-align: center;
    border: 1px dashed #56453a;
}
.promo-code span {
    text-align: right;
    float: right;
}

/*--- Control Panel Graphics ---*/
.cp-graphic {
    position: relative;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14);
    -webkit-transition: box-shadow .25s ease-in-out;
            transition: box-shadow .25s ease-in-out;
}
.cp-graphic:hover {
    box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
    z-index: 1;
}
.cp-graphic:hover {
    z-index: 2;
}
/* ZOOMIN Function */
.zoomin { 
-webkit-transition: all 1s ease; 
-moz-transition: all 1s ease; 
-ms-transition: all 1s ease; 
transition: all 1s ease; 
} 
.zoomin:active { 
border: 1px solid #fff;
margin: 0 auto; 
display: block;
background-color:#fff;
transform: scale(0.8);
position: fixed;
max-width: 80%;
right: 0;
left: 0;
top: 0;
z-index: 100 !important;
overflow: hidden;
text-align: center;
} 
/*--- OX Drive Page ---*/
.ox-drive h3:before {
    font-size: 28px;
    font-family:"Font Awesome 5 Free";
    content: "\f13a"; /* caret down f0d7 */
    color: #ffbf0a;
    margin: 0px auto 15px;
    text-align: center;
    display: block;
}
.ox-drive h3 {
    text-align: center;
    margin-top: 5px;
}
.ox-drive p { /* :nth-child(2) */
    text-align: center;
}
/*--- ABOUT PAGE ---*/
.about-description {
    padding: 80px 0;
}
.about-desc-content a {
    color: #303030;
    border-bottom: 1px dotted #56453a;
}
.about-desc-content p:last-child {
    margin-bottom: 0;
}
.about-page-logo {
    margin-top: 5px;
    height: 190px;
}
/* TEAM */
#team {
    padding: 80px 0 80px;
}
.team-item {
    /* padding: 30px 10px 20px; */
    min-height: 250px;
    margin: 20px 0 2px;
    line-height: 0;
    text-align: center;
    border-bottom: 1px solid #56453a;
    box-shadow: -10px 0px 15px -12px rgb(86 69 58 / 0.2);
}
.team-item:hover {
    box-shadow: -10px 0px 25px -5px rgb(86 69 58 / 0.2);
}
.team-info {
    padding: 5px 0;
}
.team-info h2 {
    font-size: 18px;
    line-height: 1;
    color: #56453a;
    margin: 0;
    padding: 5px 0;
    display: inline-block;
}
.team-info p {
    margin: 0;
    color: #56453a;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize;
}
.team-img {
    min-height: 130px;
    position: relative;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
}
.team-img:hover:before {
    -webkit-transform: scale(1);
            transform: scale(1);
}
.team-img img {
    max-height: 250px;
}
.team-img.murrayIcon img {
    height: 200px;
    margin-top: 25px;
}
.team-img:hover .team-social-links {
    -webkit-transform: translate(0, -50%) scale(1);
            transform: translate(0, -50%) scale(1);
}
ul.team-social-links {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    float: right;
}
ul.team-social-links li {
    display: inline-block;
    margin-left: 4px;
}
ul.team-social-links li a {
    display: block;
    height: 22px;
    width: 22px;
    margin: 2px 0px 0;
    padding: 2px 0;
    color: #56453a;
    border: 1px solid #56453a;
    border-radius: 15%;
    font-size: 13px;
    text-align: center;
    -webkit-transition: color .25s, background-color .25s ease-in-out, border-color .25s;
    transition: color .25s, background-color .25s ease-in-out, border-color .25s;
}
ul.team-social-links li a:hover {
    color: #fff;
    background-color: #EE6123;
    border-color: #EE6123;
}
/* Timeline */
#history {
    padding: 80px 0 80px;
}
.timeline {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    font-weight: 300;
}
.timeline:before {
    top: 0;
    bottom: 20px;
    position: absolute;
    content: " ";
    width: 2px;
    background-color: #EE6123;
    left: 50%;
    margin-left: -1.5px;
}
.timeline > li {
    margin-bottom: 20px;
    position: relative;
    width: 50%;
    float: left;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li > .timeline-panel {
    float: left;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    position: relative;
}
.timeline > li:nth-child(odd) > .timeline-panel {
    margin-right: 30px;
}
.timeline > li:nth-child(even) > .timeline-panel {
    margin-left: 30px;
}
.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #dcdcdc;
    border-right: 0 solid #dcdcdc;
    border-bottom: 15px solid transparent;
    content: " ";
}
.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #ffffff;
    border-right: 0 solid #ffffff;
    border-bottom: 14px solid transparent;
    content: " ";
}
.timeline > li > .timeline-badge {
    position: absolute;
    top: 33px;
    right: -12px;
    width: 24px;
    height: 24px;
    color: #EE6123;
    text-align: center;
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
}
.timeline--date {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    /*
    color: #fff;
    background-color: #EE6123;
    */
    text-align: center;
}
.timeline--date p {
    margin-bottom: 0;
    position: absolute;
    color: #56453a !important;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    width: 100%;
    font-weight: 700;
}
.timeline--date span {
    font-size: 12px;
    display: block;
}
.timeline--logo {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    margin: -40px auto 0px;
    bottom: 0px;
    background: #EE6123;
    text-align: center;
    left: 49%;
}
.timeline-body {
    margin-left: 100px;
}
.timeline-body > p,
.timeline-body > ul {
    font-size: 16px;
    line-height: 24px;
    padding: 15px 20px;
    margin-bottom: 0;
    color: #56453a !important;
}
.timeline > li.timeline-inverted {
    float: right;
    clear: right;
}
.timeline > li:nth-child(2) {
    margin-top: 60px;
}
.timeline > li.timeline-inverted > .timeline-badge {
    left: -12px;
}
.no-float {
    float: none !important;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}
.timeline--date {
    border-right: 1px dashed #dcdcdc;
}
.timeline-inverted .timeline--date {
    left: auto;
    right: 0;
    border-left: 1px dashed #dcdcdc; 
    border-right: none;
}
.timeline-inverted .timeline-body {
    margin-left: 0;
    margin-right: 100px;
}
/*--- CONTACT PAGE ---*/
#contact {
    padding: 0px;
    position: relative;
}
#contact:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-color: #f8f8f8;
    border-left: 1px solid #e9e9e9;
}
#contactForm label {
    font-weight: 400;
}
#contactForm input.form-control {
    border-color: #e9e9e9;
    border-radius: 0;
    box-shadow: none;
}
#contactForm textarea.form-control {
    border-color: #e9e9e9;
    border-radius: 0;
    box-shadow: none;
    resize: none;
    margin-top: 15px;
}
#contactForm input.error,
#contactForm textarea.error {
    border-color: #FF6C3A;
}
#contactForm input.valid,
#contactForm textarea.valid {
    border-color: #EE6123;
}
#contactForm .submit-button {
    padding: 10px 30px;
    color: #fff;
    background-color: #EE6123;
    border-radius: 4px;
    font-weight: 500;
    outline: 0;
    -webkit-transition: color .25s, background-color .25s ease-in-out, border-color .25s;
            transition: color .25s, background-color .25s ease-in-out, border-color .25s;
}
#contactForm .submit-button:hover,
#contactForm .submit-button:focus {
    opacity: 0.9;
}
address {
    margin-top: 10px;
}
address p {
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 16px;
}
address p:last-child {
    margin-bottom: 0;
}
address p i.fa,
address p i.fab,
address p i.far,
address p i.fas {
    /* width: 35px; */
    margin-right: 10px;
    padding: 8px 0 8px 2px;
    /* border: 1px solid #56453a; */
    /* border-radius: 50%; */
    font-size: 16px;
    text-align: center;
}
.full-width-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
#map {
    height: 400px;
}
iframe.adjusted-map {
    width: -webkit-calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: calc(100% + 30px);
}
.contact-social-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.contact-social-links li {
    display: inline-block;
    margin-right: 4px;
}
.contact-social-links li a {
    display: block;
    width: 35px;
    margin: 18px 0;
    padding: 6px 0;
    color: #56453a;
    border: 1px solid #56453a;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    -webkit-transition: color .25s, background-color .25s ease-in-out, border-color .25s;
    transition: color .25s, background-color .25s ease-in-out, border-color .25s;
}
#contact-page .contact-social-links li a:hover,
#contact-page .contact-social-links li a:focus {
    color: #fff;
    background-color: #EE6123;
    border: 1px solid #EE6123;
}
.contact-social-links.media li a {
    margin: 0px;
}
#my-form-status {
    background: #ffbf0a;
    border: none;
    padding: 10px 15px;
    margin-bottom: 20px;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
/*--- FAQ PAGE ---*/
#faq {
    padding: 80px 0 120px;
    /* background: #ffbf0a; */
    background-image: url("/images/backgrounds/moreweb-bg-11.jpg");
    background-position: bottom !important;
    position: relative;
    z-index: 0;
}
#faq:before {
    /* background-image: linear-gradient(127deg, #2f4858 50%, #2f4858 50%, transparent 120%); */
    background-color: rgb(255 255 255 / 90%);
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: -1;
}
#faq .section-title h2 {

}
#faq .faq-content:after {
    content: '';
    background-image: url(/images/faq-helper-murray.svg);
    position: absolute;
    background-repeat: no-repeat;
    height: 50px;
    width: 200px;
    top: 120px;
    right: -550px;
    opacity: 0.2;
    /* -webkit-transition: 1s ease-in-out; */
    transition: 1s ease-in-out;
}
#faq .faq-content:hover:after {
    content: '';
    background-image: url(/images/faq-helper-murray.svg);
    position: absolute;
    background-repeat: no-repeat;
    height: 140px;
    width: 180px;
    top: 140px;
    right: -200px;
    opacity: 1;
    /* -webkit-transition: 1s ease-in-out; */
    transition: 1s ease-in-out;
}
#help-page #faq .faq-content:hover:after {
    display: none;
    height: 150px;
    width: 200px;
    top: -70px;
    right: 20px;
    opacity: 1;
    /* -webkit-transition: 1s ease-in-out; */
    transition: 1s ease-in-out;
}
#help-section #faq {
    background: inherit;
    color: inherit;
}
.faq-categories {

}
.faq-categories > ul {
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.faq-categories > ul > li {
    display: inline-block;
}
.faq-categories ul li a {
    position: relative;
    padding: 12px 25px;
    background-color: #f2f2f2;
    color: #56453a;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    -webkit-transition: color .25s, background-color .25s;
            transition: color .25s, background-color .25s;
}
.faq-categories ul li a:hover,
.faq-categories ul li.active a {
    color: #fff;
    background-color: #EE6123;
}
.faq-categories ul li a:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #EE6123 transparent transparent transparent;
    -webkit-transition: top .55s;
            transition: top .55s;
    z-index: -1;
}
.faq-categories ul li a:hover:before,
.faq-categories ul li.active a:before {
    top: 100%;
    -webkit-transition: top .25s;
            transition: top .25s;
}
.faq-categories ul li:first-child a {
    border-radius: 5px 0 0 5px;
}
.faq-categories ul li:last-child a {
    border-radius: 0 5px 5px 0;
}
.faq-content.ox-drive {
    /*
    border: 2px solid #EE6123;
    padding: 15px 25px;
    box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,0.2); */
}
.faq-content .panel-group {
    margin-bottom: 20px;
}
.faq-content .accordion .panel {
    border-radius: 0;
}
.faq-content .accordion .panel-heading {
    padding: 0;
}
.faq-content .accordion .panel-heading a {
    color: #fff;
    display: block;
    padding: 10px 15px 8px;
    background-color: #EE6123;
}
.faq-content .accordion .panel-heading a.collapsed {
    color: #56453a;
    background-color: #f2f2f2;
}
.faq-content .accordion .panel-heading a.collapsed:hover {
    background-color: #EE6123;
    -webkit-transition: background-color .1s ease-in-out;
            transition: background-color .1s ease-in-out;
}
.faq-content .accordion .panel-heading a.collapsed:hover h2,
.faq-content .accordion .panel-heading a.collapsed:hover h2 i:before {
    color: #fff;
    -webkit-transition: color .1s ease-in-out;
            transition: color .1s ease-in-out;
}
.faq-content .accordion .panel-heading a.collapsed h2, .faq-content .accordion .panel-heading a.collapsed h4 {
    font-weight: 600;
    overflow: hidden;
    line-height: 20px;
    color: #56453a;
}
.faq-content .accordion .panel-heading a h2, .faq-content .accordion .panel-heading a h4, .faq-content .accordion .panel-heading a.active h2, .faq-content .accordion .panel-heading a.active h4, .faq-content .accordion .panel-heading a h2, .faq-content .accordion .panel-heading a h4 {
    color: #fff;
    font-weight: 600;
    line-height: 20px;
}
.faq-content .accordion .panel-heading a h2 i.fa-minus, .faq-content .accordion .panel-heading a h4 i.fa-minus {
    float: right;
    color: #fff;
    margin-top: 3px;
    margin-left: 15px;
}
.faq-content .accordion .panel-heading a.collapsed i.fa-minus:before {
    content: "\f067";
    color: #56453a;
}
#faq .faq-content .panel-body h3, #faq .faq-content .panel-body p, #faq .faq-content .panel-body ul, #faq .faq-content .panel-body li {
  color: #56453a !important;
  font-size: 16px;
}
#faq .faq-content .panel-body {
    padding: 5%;
}
.panel-default {
    border-color: none;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 1px solid #EE6123;
}
.panel {
    border: none;
}
#faq a:hover, #faq a:active {
    text-decoration: none;
}
.faqCard{
    max-width: 950px;
    background-color: #fff;
    margin-top: -300px;
    position: relative;
    padding: 20px 40px 10vh;
}
.faqCard .helpBack {
    position: absolute;
    right: 40px;
    top: 30px;
    display: inline-block;
    margin-bottom: 15px;
}
ol.lead, ol.lead ul li {
    margin-left: -20px;
}
ol.lead li {
    margin-bottom: 8px;
    line-height: 1.3;
}
/*--- Help PAGE ---*/
#help-section p.lead {
    max-width: 730px;
}
#help-section .faqCard .faq-list {
    margin-left: -40px;
}
#help-section h3 {
    margin-top: 30px;
}
#help-section .tab-content > .tab-pane {
    margin-top: -15px
}
#help-section .nav-tabs {
    margin-top: 25px;
}
#help-section ul.help-sections-list {
    list-style: none;
    border-bottom: none;
    margin-left: -15px;
}
#help-section ul.help-sections-list li, .faq-categories > ul.help-sections-list > li {
    padding: 2px 0;
    list-style: none;
    display: block;
}
.faq-categories ul.help-sections-list li a {
    border-radius: 4px 0 0 4px;
}
.faq-categories ul.help-sections-list li a::before {
    display: none;
}
.faq-categories ul.help-sections-list li a:hover, .faq-categories ul.help-sections-list li.active a {
    color: #fff;
    background-color: #EE6123;
    border-radius: 4px 0 0 4px;
}
.faq-categories ul li a:hover, .faq-categories ul li.active a {
    color: #fff;
    background-color: #EE6123;
}
#help-section ul li {
    padding: 5px 0;
    list-style: none;
}
#help-section ul.help-list li:before {
    font-size: 16px;
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    color: #ffbf0a;
    font-weight: 500;
    padding-right: 10px;
}
#help-section ul.help-list li:hover:before {
    font-size: 16px;
    padding-left: 10px;
    z-index: 100;
    color: #fff;
    position: relative;
    margin-left: -10px;
}
#help-section ul.help-list li a {
    font-size: 16px;
    color: #56453a;
}
#help-section ul.help-list li:hover a {
    font-size: 16px;
    color: #fff;
    background-color: #EE6123;
    padding: 5px 10px 5px 35px;
    margin-left: -35px;
    border-radius: 4px;
}
.help-list {
    margin-left: -40px;
}
#help-section ol.faq-list li {
    padding: 0px 0 5px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Arial', sans-serif;
    margin-left: 15px;
}
#help-section ul.faq-list li {
    padding: 0px 0 5px;
    list-style: none;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Raleway', sans-serif;
}
#help-section ul.faq-list li:first-child {
    padding: 10px 0 5px;
}
#help-section ul.faq-list li:last-child {
    padding: 0 0 15px;
}
#help-section ul.faq-list li:before {
    font-size: 12px;
    font-family:"Font Awesome 5 Free";
    content: "\f069";
    font-weight: 100;
    color: #56453a;
    padding-right: 10px;
}
#help-section ul.faq-list li a {
    font-size: 16px;
    color: #56453a;
}
#help-section .faq-list {
    font-size: 18px;
    margin-bottom: 5%;
}
/* SEARCH WIDGET */
.search-widget .input-group {
    padding: 3px 3px 3px 0;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    z-index: 0;
}
.search-widget .form-control {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    outline: 0;
}
.search-widget .input-group-addon {
    color: #fff;
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
}
.search-widget .input-group-addon:before {
    content: " ";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    -webkit-transition: border-color .25s;
            transition: border-color .25s;
    z-index: -1;
}
.search-widget .form-control.error + .input-group-addon:before {
    border-color: #a94442;
}
.search-widget .btn {
    padding: 6px 25px;
    transition: width 2s, height 2s;
}
.search-widget .btn:hover, .search-widget .btn:focus {
    box-shadow: none;
    outline: 0;
    padding: 11px 28px;
    margin: -5px;
}
/*--- TERMS PAGE ---*/
.terms-page h2, .terms-page h3 {
    margin-top: 15px;
}
/*--- 404 PAGE ---*/
#f0f {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    z-index: 0;
    height: 100%;
    margin: -95px 0 0;
}
#f0f:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(48, 48, 48, 0.6);
    z-index: -1;
}
#f0f > .container,
#f0f > .container > .row,
#f0f > .container > .row > div {
    height: 100%;
}
#f0f  h2 {
    margin: 0 0 50px;
    color: #fff;
    font-size: 120px;
}
#f0f h2:before {
    display: none;
}
#f0f .description p {
    color: #fff;
    margin: 70px 0 30px;
    font-size: 20px;
    font-weight: 500;
}
#f0f a.btn {
    padding: 10px 30px;
}
#f0f .search-widget {
    max-width: 320px;
    margin: 0 auto 30px;
    padding-bottom: 0;
    color: #fff;
    border-bottom: 0;
}
#f0f .search-widget .form-control, #f0f i.fa {
    color: #fff;
}
#f0f .contact-social-links li a {
    color: #fff;
    color: #2e3138;
    border: 1px solid #fff;
    border-radius: 50%;
}
#f0f .contact-social-links li a:hover {
    border: 1px solid #00cfb0;
}
/*--- HELPER CLASSES ---*/
.reset-gutter {
    margin-left: 0;
    margin-right: 0;
}
.reset-gutter > [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
}
.reset-margin {
    margin-right: 0;
    margin-left: 0;
}
.reset-padding {
    padding-right: 0;
    padding-left: 0;
}

/* VERTICAL-CENTERING */
.vc-parent {
    width: 100%;
    height: 100%;
    display: table;
}
.vc-child {
    display: table-cell;
    vertical-align: middle;
}
.row-vc {
    display: table;
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
}
.row-vc > div {
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding-left: 0;
    padding-right: 0;
}

/*--- Core Owl Carousel ---*/
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    display: none; /*--- HIDE OWL CONTROLS ---*/
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
/*--- Contact Form Alerts ---*/
.alert {
    border: none;
    margin-bottom: 20px;
    margin-top: 24px;
    display: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase;
}
.alert-info {
    background: #ffbf0a;
    color: #fff;
}
.alert-success {
    background: #EE6123;
    color: #fff;
}
.alert-danger {
    background: #ff0099;
    color: #fff;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #f1f1f1);
    background-image: none;
    color: rgb(0, 0, 0);
}
#ticket_form {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    color: dimgray;
    width: 100%;
    min-width: 320px;
    border: 1px solid lightgray;
    padding: 0 8px;
}
.field {
    width: 100%;
}
.register {
    font-size: 8pt;
    color: gray;
    padding: 8px 0;
}
.feedback {
    font-size: 8pt;
    padding: 8px 0 0;
}
iframe#ticketform {
    width: 274px;
    height: 306px;
    border: none;
}
/*--- MEDIA QUERIES ---*/
span.nobr { white-space: nowrap; }

/* 1.1. LARGE DEVICES, WIDE SCREENS */
@media screen and (max-width: 1200px) {
    /* OFFER AREA */
    #offer .left-content p span {
        font-size: 14px;
        line-height: 18px;
    }
    #offer .left-content p {
        font-size: 24px;
        line-height: 28px;
    }
    .timeline--logo {
    left: 48.7%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    br.md-br {
        display: none;
    }
}

@media only screen and (min-width: 769px) and (max-width: 991px) { 

}

@media only screen and (min-width: 769px) { 
    #index-page #header {
        min-height: 580px !important;
    }
    #domains-page #header {
    min-height: 450px !important;
    }
}


/* MEDIUM DEVICES, DESKTOPS */
@media screen and (max-width: 991px) {
    /* NAVIGATION AREA */
    #navigation .navbar .nav > li > a {
        margin: 10px 0 10px 15px;
        padding: 13px 0 3px;
    }

    .content-item-content {
        padding: 5px 20px;
    }

    /* OFFER AREA */
    #offer .left-content {
        text-align: center;
    }
    #offer .right-content {
        padding-left: 15px;
    }
    #offer .left-content p {
        margin-top: 0px;
        margin-bottom: 0;
        padding: 30px 0;
        font-size: 30px;
        line-height: 34px;
    }
    #offer .left-content p span {
        font-size: 18px;
        line-height: 22px;
    }
    #offer .domain-ext {
        margin-top: 30px;
        text-align: center;
    }
    /* HEADER AREA */
    .header-item-content + .header-item-img,
    .header-item-img + .header-item-content {
        margin-top: 30px;
    }
    .header-item-img img.img-responsive {
        float: none;
        margin: 0 auto;
    }
    .header-slider > .owl-controls > .owl-buttons > .owl-prev,
    .header-slider > .owl-controls > .owl-buttons > .owl-next {
        top: 70%;
    }
    /* SINGLE FEATURES AREA */
    .single-feature > .container > .row,
    .single-feature > .container > .row > div {
        display: block;
    }
    .single-feature--image + .single-feature--content,
    .single-feature--content + .single-feature--image {
        margin-top: 50px;
    }
    .single-feature--image img.img-responsive {
        margin: 0;
    }
    
    /* PRICING AREA */
    #pricing {
        padding-bottom: 80px;
    }
    .pricing-table-item {
        margin-bottom: 30px;
    }
    #pricingTable .pt-features {
        text-align: right;
    }
    #pricingTable .pt-features strong {
        display: block;
        float: left;
    }
    
    /* BLOG AREA */
    .blog-page-sidebar + .blog-page-content,
    .blog-page-content + .blog-page-sidebar {
        margin-top: 80px;
        padding-top: 80px;
    }
    .blog-page-sidebar + .blog-page-content:before,
    .blog-page-content + .blog-page-sidebar:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px;
        border-top: 1px solid #e9e9e9;
    }
    .blog-page-sidebar + .blog-page-content {
        margin-top: 60px;
    }
    .post-comments ul {
        padding-left: 0;
    }
    
    /* FOOTER AREA */
    #footer {
        padding: 0px 0;
    }
    .contact-info a {
        margin-bottom: 30px;
        display: inline-block;
    }
    /* COMPARE AREA */
    #compare table {
      border: 0;
    }
    #compare table thead {
      display: none;
    }
    #compare table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }
    #compare table td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
    }
    #compare table td:last-child {
      border-bottom: 0;
    }
    #compare table td span.labelText {
      float: left;
      display: block;
      text-transform: uppercase;
      font-weight: bold;
    }
    #compare table tbody tr:nth-child(even) td {
        background-color: #fff;
    }
    
    /* PRICING TABLE AREA */
    #pricingTable2 table {
        border: 0;
    }
    #pricingTable2 table thead {
        display: none;
    }
    #pricingTable2 table tr {
        margin-bottom: 10px;
        display: block;
        border-bottom: 1px solid #ddd;
        background-color: #fff;
    }
    #pricingTable2 table tbody tr:nth-child(even) td {
        background-color: #fff;
    }
    #pricingTable2 table td {
        display: block;
        text-align: right;
        font-size: 13px;
        border-top: 1px dashed #ccc;
    }
    #pricingTable2 table td:last-child {
        border-bottom: 0;
        padding-top: 10px;
    }
    #pricingTable2 table td:empty {
      visibility: hidden;
    }
    /* VPS PRICING */
    .vps-pricing--action-btn,
    .email-pricing--action-btn {
        text-align: center;
        margin: 0 auto 15px;
    }
    .vps-pricing--action-btn .btn,
    .email-pricing--action-btn .btn {
        margin: 15px auto 0px;
    }
    .timeline--logo {
        left: 48.3%;
    }
    /* AFFILIATE PRICING AREA */
    .affiliate-signup-btn-holder {
        margin-top: 30px;
    }

    /* BACK TO TOP AREA */
    #backToTop {
        position: fixed;
        left: 20px;
        bottom: 12px;
    }

    /* VERTICAL CENTERING */
    .row-vc,
    .row-vc > div {
        display: block;
    }

    /* SIZED ELEMENTS */
    br.break {
        display: none;
    }
    .cp-graphic {
        position: relative;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14);
        -webkit-transition: box-shadow .25s ease-in-out;
        transition: box-shadow .25s ease-in-out;
        min-height: 320px;
        margin-bottom: 20px;
    }
    img.glide-right, img.glide-left {
        display: none !important;
    }
    #vpsPricing, #emailPricing {
        padding: 30px 0;
    }
}

/* SMALL DEVICES, TABLETS */
@media screen and (max-width: 767px) {
    /* NAVIGATION AREA */
    #navigation a.navbar-brand {
        margin-left: 15px;
        padding-top: 13px;
    }
    #navigation .navbar-toggle {
        float: right;
    }
    
    #navbar {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0;
        height: 100vh;
        /* max-height: 320px; no max-height navbar */
        border-color: #e9e9e9;
        /* border: none; */
        background-color: #56453a;
        /* box-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28); */
        overflow: auto;
    }
    #navigation .navbar .nav {
        margin: 0;
    }
    #navigation .navbar .nav > li > a {
        margin: 5px 0 10px 15px;
        padding: 13px 20px 3px 20px;
        color: #fff;
    }
    .nav>li {
        position: relative;
        display: block;
        border-bottom: 1px solid rgb(255 255 255 / 0.2);
    }
    #navigation .navbar .nav > li.open > a {
        border: none;
    }
    #navbar .nav > li > a {
        color: #fff;
    }
    #navigation .navbar .nav > li.open > .dropdown-menu {
        display: block;
        box-shadow: none;
        background-color: #fff;
        margin: 0;
        width: 100%;
    }
    #navigation .navbar .nav .dropdown-menu > li > a {
        text-align: center;
        border-bottom: 1px solid #56453a;
    }
    .logo {
        height: 40px;
        margin-top: -1px;
    }
    /* OFFER AERA */
    #domainSearchForm select.form-control {
        border-left: none;
        border-top: 1px solid #e9e9e9;
    }
    #domainSearchForm input[type="text"].form-control,
    #domainSearchForm .select-box,
    #domainSearchForm .btn[type="submit"] {
        margin-bottom: 10px;
        border: 0;
        border-radius: 4px;
        overflow: hidden;
    }
    #domainSearchForm .btn[type="submit"] {
        margin-bottom: 0;
    }
    #offer {
        margin-top: -251px;
    }
    /* COPYRIGHT AREA */
    #copyright p.left, #copyright p.right {
        float: none;
        text-align: center;
    }
    #copyright p.left {
        margin: 0 0 20px;
    }
    .header-item-content > p {
        margin-top: 5px;
        margin-bottom: 15px;
    }
    /* PRICING TABLE AREA */
    #pricingTable .pricing-table-item.mt-md {
        margin-top: 0;
    }

    #pricingTable2 > .container {
        padding: 0 15px;
    }
    
    /* TIMELINE AREA */
    ul.timeline:before {
        display: none;
    }
    ul.timeline > li {
        margin-bottom: 0px;
        position: relative;
        width: 100%;
        float: left;
        clear: left;
    }
    ul.timeline > li > .timeline-badge {
        left: 28px;
        margin-left: 0;
        top: 16px;
    }
    ul.timeline > li > .timeline-panel {
        float: right;
        width: 100%;
        overflow: hidden;
    }
    .timeline > li:nth-child(odd) > .timeline-panel,
    .timeline > li:nth-child(even) > .timeline-panel {
        margin: 0;
    }
    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
    .timeline > li.timeline-inverted {
        float: left;
        clear: left;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .timeline > li.timeline-inverted > .timeline-badge {
        left: 28px;
    }
    .timeline--logo {
        display: none;
    }
    .bg-img.specific, .bg-img.fixed-300 {
        background-position: 0 -140px;
    }
    /* TESTIMONIAL AREA */
    .testimonial-slider.overload .owl-controls {
        margin-top: 0;
        margin-bottom: 0;
    }
    .testimonial-slider.overload .owl-page {
        width: auto;
        height: auto;
        margin: 0px 16px;
        padding: 0;
        border: none;
    }
    .testimonial-slider.overload .owl-page:before {
        bottom: 0;
    }
    .testimonial-slider.overload .owl-page span {
        display: none;
    }
    
    /* FAQ AREA */
    .faq-content {
        margin-top: 30px;
    }
    .faq-categories > ul > li {
        display: block;
        margin-bottom: 1px;
        border-bottom: none;
    }
    .faq-categories ul li a, .faq-categories ul li:first-child a, .faq-categories ul li:last-child a {
        border-radius: 0px;
    }
    .faq-categories > ul > li:last-child {
        margin-bottom: 0;
    }
    .faq-categories ul li a {
        overflow: hidden;
    }
    #help-section .search-widget {
        margin-right: 15px;
    }
    /* BLOG AREA */
    .blog-item.full-post .tags ul {
        margin-bottom: 20px;
    }
    .post-social-links {
        margin-top: -18px;
        margin-bottom: 28px;
    }
    .post-social-links ul {
        text-align: left;
    }

    /* CONTACT AREA */
    #contact.page {
        padding-bottom: 0;
    }
    #contact:before {
        display: none;
    }
    #contactForm {
        background-color: inherit;
        border-top: 1px solid transparent;
        margin: 40px 0 40px;
        padding: 0px;
    }
    .pagination > li:first-child, .pagination > li.active, .pagination > li:last-child {
        display: inline-block;
    }  
    .pagination > li {
        display: none;
    }
    /* SIZED ELEMENTS */
    br.md-br {
        display: none;
    }
    .zoomin { 
        pointer-events: none;
        padding-bottom: 20px;
    } 
    .cp-graphic {
        box-shadow: none !important;
    }
    .content-slider > .owl-controls > .owl-buttons > .owl-prev,
    .content-slider > .owl-controls > .owl-buttons > .owl-next {
        opacity: 0.4;
        padding: 12px 5px 11px 10px;
    }
    ul.content-list {
        padding-top: 10px;
    }
    ul.content-list li {
        font-size: 13px;
        padding: 5px 0 5px 10px;
        margin: 0px 8px 12px 0;
    }
    .content-item-content p, .content-item-content li {
        font-size: 16px;
    }
    .index-items {
        text-align: center;
        margin-bottom: 40px;
    }
    .vps-pricing--features,
    .email-pricing--features {
        background-color: rgb(255, 255, 255);
    }
    .vps-pricing--feature,
    .email-pricing--feature {
        color: #56453a;
        border: none;
    }
    .center-mobile {
        text-align: center;
        margin: 0 auto;
    }
    .domain-privacy-icon {
        margin: 10px auto;
    }
    #offer.pro-web-design .btn {
        margin-top: 15px;
    }
}

/* SMALL DEVICES, SMARTPHONES */
@media screen and (max-width: 480px) {
    #navigation .navbar .nav > li > a {
        margin: 10px !important;
        text-align: center;
        letter-spacing: 2px;
    }
    #navbar {
        height: 100vh !important;
        width: 100vw !important;
        overflow-y: scroll  !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .sticky-wrapper.is-sticky .navbar #navbar .nav > li > a {
        color: #fff;
    }
    #navigation .navbar .nav > li.open > .dropdown-menu, ul.dropdown-menu li {
        width: 100%;
    }
    .logo {
        height: 40px;
    }
    #domainSearchForm {
        padding-top: 15px;
    }
    #domains-page #header #domainSearchForm:before {
        display: none !important;
    }
    li.dropdown.open:before {
        display: none !important;
    }
    ul.dropdown-menu li {
        position: relative;
        z-index: 1000;
    }
    ul.dropdown-menu li a {
        position: relative;
        z-index: 1000;
    }
    .section {
        padding: 30px 0 30px;
    }
    .section.lean {
        padding: 0px;
    }
    .mtb50 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .stand-out, .stand-out li, .stand-out p {
        font-size: 1.2em;
        font-weight: bold;
        letter-spacing: 1.1px;
        line-height: 1.2;
    }
    .graphic {
        max-width: 280px;
    }
    /* HEADER AREA */
    .header-box {
        padding: 15px 18px;
        min-height: 360px;
    }
    .header-box-light {
        padding: 15px 18px;
        min-height: 100px;
    }
    .p80vh, .p90vh {
        padding: 15px 0 40px;
    }
    .header-item-content ul.list li {
        float: none;
        width: 100%;
    }
    .header-item-content h1 {
        font-size: 28px !important;
        line-height: 32px;
    }
    .header-item-content h2 {
        font-size: 26px !important;
        line-height: 28px;
    }
    .header-item-content p, .header-item-content li {
        font-size: 20px;
        line-height: 24px;
    }
    #navigation .navbar {
        background-color: #fff;
        max-height: 50px;
    }
    #navigation a.navbar-brand {
        padding-top: 8px;
    }
    .highlight-box {
        padding: 10px 20px;
    }
    .left-full-width-box {margin: 50px 10% 70px 18%;}
    .pillar {
        height: auto;
        margin: 0px;
        padding: 0px;
    }
    .pillar .btn {
        padding: 10px;
        margin-bottom: 5px;
        font-size: 0.9em;
    }
    #index-page .p90vh {
        height: 70vh;
    }
    .pillar-box {
        margin-top: 20px;
    }
    #index-page ul.features li {
        padding: 10px;
        text-indent: 0px;
    }
    #testimonial {
        margin-left: auto;
    }
    /* SERVICES AREA */
    #services {
        padding-bottom: 80px;
    }
    #services .container > .row > div {
        display: block;
    }
    #offer .left-content p {
        padding: 6px 0;
    }
    #faq .faq-content .panel-body {
        padding: 15px;
    }
    #offer .right-content {
        padding: 10px 15px;
    }
    .absolute-title {
        top: 12vh;
    }
    div#AdvancedEmail, div#ProfessionalEmail, div#AdvancedHosting, div#AdvancedPlusHosting, div#AdvancedWordPress, div#DomainSSL, div#OrganisationSSL, div#ExtendedSSL /* , div#SMBwebsite */ {
        margin-top: 0 !important;
    }
    div#InstantSSL {
        margin-top: -50vh;
    }
    div#BasicWordPress, div#CoreSharedHosting, div#InstantSSL, div#SMBwebsite {
        margin-top: -65vh;
    }
    #compareSSL ul {
        margin-left: 10px;
    }
    /* FOOTER AREA */
    #subscribeForm .input-box {
        width: 100%;
    }
    .contact-info > .container > .row > .col-xs-6 {
        width: 100%;
        float: none;
    }
    #copyright {
        padding: 20px 0 75px;
    }
    .timeline--logo {
        display: none;
    }
    /* COUNTER AREA */
    .counter .col-xs-6 {
        float: none;
        display: block;
        width: 100%;
    }
    /* VPS PRICING AREA */
    .vps-pricing--feature,
    .email-pricing--feature {
        float: none;
        width: auto;
    }
    .vps-pricing--action-btn .btn,
    .email-pricing--action-btn .btn {
        margin: 15px 0px 0px 65%;
    }
    #vpsPricing .action a.deatils-link,
    #emailPricing .action a.deatils-link {
        margin-top: 20px;
    }
    
    /* HOSTING AREA */
    .table.hosting-plans > thead > tr > th {
        border-top: 1px dashed #fff !important;
    }

    /* COPYRIGHT AREA */
    #copyright img {
        display: block;
        margin: 10px auto;
        max-width: 100%;
    }
    
    /* LOGIN AREA */
    #loginForm {
        padding: 20px;
    }

    /* HIDDEN XXS */
    .hidden-xxs {
        display: none !important;
    }
    #pricingTable2 .table > tbody > tr > td, #pricingTable2 .table > tbody > tr > th, #pricingTable2 .table > tfoot > tr > td, #pricingTable2 .table > tfoot > tr > th, #pricingTable2 .table > thead > tr > td, #pricingTable2 .table > thead > tr > th {
        border-top: none;
    }
    .pagination > li:first-child, .pagination > li.active, .pagination > li:last-child {
        display: inline-block;
    }  
    .pagination > li {
        display: none;
    }
    #pageTitle h1, #header h1 {
        font-size: 22px;
    }
    .header-item-content {
        margin-top: 0;
    }
    .header-slider--item {
        height: 40vh !important;
        padding: 10% 0 20%;
    }
    .header-slider--item .highlight-box.br1st, .header-slider--item .highlight-box.br2nd {
        border-radius: 10px;
    }
    .header-slider--item .highlight-box {
        padding: 2px 20px;
    }
    .p55vh, .p60vh {
        padding: 40px 0 80px;
        height: 75vh !important;
    }
    #domains-page .p55vh {
        padding: 30px 0;
        height: 50vh !important;
    }
    #domains-page #offer {
        margin-top: -220px;
    }
    #domains-page .favourite {
        height: 130px;
    }
    #domains-page .favourite span.name {
        position: absolute;
        top: 30px;
        right: 50px;
    }
    #domains-page .favourite span.fee {
        position: absolute;
        top: 70px;
        right: 50px;
    }
    #domains-page .col-sm-2:first-child .favourite:after {
        top: -15px;
        left: 0px;
    }
    #domains-page .favourite:after {
        top: 10px;
        left: -20px;
    }
    .absolute-b150 {
        position: relative;
        bottom: unset;
    }
    .bg-img.specific, .bg-img.fixed-300 {
        background-position: 0 -140px;
    }
    .domain-privacy-icon {
        margin: 10px auto;
    }
    .header-item-content .title p, .header-item-content .title h1 {
        font-size: 36px;
        line-height: 38px;
        margin-top: 0px;
    }
    .header-item-content .title {
        padding: 10px 0 30px;
    }
    .header-slider > .owl-controls > .owl-buttons > .owl-prev,
    .header-slider > .owl-controls > .owl-buttons > .owl-next {
        top: 90%;
    }
    .vps-pricing--feature, .email-pricing--feature {
        padding-top: 12px;
        padding-bottom: 4px;
    }
    /* SIZED ELEMENTS */
    br.md-br {
        display: none;
    }
    br.xs-br {
        display: block !important;
    }
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        border: none;
    }
    .benefits {
        margin-bottom: 25px;
    }
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        border-top: 1px dashed #ddd;
        padding: 8px 5px;
        font-weight: 400;
        font-size: 14px;
    }
    td.extension {
        position: absolute;
    }
    td.purpose {
        margin-top: -10px;
    }
    table.email-plans tbody tr td:first-child {
        min-width: 100px;
        font-size: 0.8em;
    }
    table.email-plans tbody tr:first-child td {
        min-width: 0px;
    }
    table.email-plans tbody tr td {
        min-width: 0px;
    }
    #pricingTable2 table th, #pricingTable2 table td {
        padding: 10px 20px 5px;
    }
    #pricingTable2 table td:last-child {
        padding-bottom: 15px;
    }
    .btn-toggle {
        display: block;
        margin-bottom: 10px;
    }
    .mr15p {margin-right: 0;}
    .section.double {
        padding: 30px 0 30px;
    }
    .zoomin { 
        pointer-events: none;
        padding-bottom: 20px;
    } 
    #faq .faq-content:after {
        display: none !important;
    }
    .cp-graphic {
        box-shadow: none !important;
        min-height: 0px;
        margin-bottom: 0px;
    }
    .index-items {
        text-align: center;
        margin-bottom: 40px;
    }
    .mt-30-xs {margin-top: -30px;}
    .mt-80-xs {margin-top: -60px;}
    #howtodesign .container {
        width: auto;
        margin: 0 15px !important;
    }
    h2, #pageTitle h2, #header h2 {
        font-size: 1.2em;
        line-height: 1.2;
    }
    .ml-15 {
        margin-left: 0;
    }
    #offer h2, #offer h3 {
        margin-top: 15px;
    }
    #offer.pro-web-design .btn {
        margin-top: 15px;
    }
    #pageTitle {
        padding: 20vh 0 0px !important;
        height: 35vh !important;
    }
    #pageTitle.plain-faq {
        height: 75vh !important;
    }
    #pageTitle h1 {
        font-size: 32px;
        line-height: 36px;
        margin: 0 0 15px;
    }
    #pageTitle .breadcrumb {
        display: none;
    }
    .faq-categories ul.help-sections-list li a {
        border-radius: 4px !important;
        padding: 8px;
    }
    .half, #faq.half {
        padding: 25px 0 40px;
    }
    .faq-content .accordion .panel-heading a h2 i.fa-minus, .faq-content .accordion .panel-heading a h4 i.fa-minus {
        display: none;
    }
    #help-section p.small-text {
        font-size: 0.5em;
    }
    .search-widget .btn {
        padding: 6px 10px;
    }
    .faqCard {
        padding: 20px 20px 10vh;
    }
    .murray-footer {
        position: absolute !important;
        z-index: 1 !important;
        bottom: 180px !important;
        right: 30px !important;
        height: 130px !important;
        width: auto !important;
        -ms-transform: scaleX(-1) !important;
        transform: scaleX(-1) !important;
        -webkit-transition-duration: 0.1s !important;
        transition-duration: 0.1s !important;
    }
}

/* CUSTOM, IPHONE RETINA */
@media screen and (max-width: 320px) {
    .table > tbody > tr > td:last-child, .table > tbody > tr > th:last-child, .table > tfoot > tr > td:last-child, .table > tfoot > tr > th:last-child, .table > thead > tr > td:last-child, .table > thead > tr > th:last-child {
    display: none;
    }
    .header-slider--item {
        padding: 30px 0;
    }
    .header-item-content .title p, .header-item-content .title h1 {
        font-size: 36px;
        line-height: 38px;
        margin-top: 0px;
    }
    /* SIZED ELEMENTS */
    br.md-br {
        display: none;
    }
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        border-top: 1px dashed #ddd;
        padding: 8px 5px;
        font-weight: 400;
        font-size: 14px;
    }
    .mr15p {margin-right: 0;}
    .section.double {
        padding: 30px 0 30px;
    }
    .zoomin { 
        pointer-events: none;
        padding-bottom: 20px;
    } 
    .cp-graphic {
        box-shadow: none !important;favourite-
    }  
}