html {
  scroll-behavior: smooth;
}
.sub-info {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
}

.smartphoto {
    background-color: rgba(0,0,0,0.9);
}

.row {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 100%;
}

    .row.full-width {
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        max-width: 100%;
        width: 100%;
    }

    .row.no-gutter {
        margin: 0 auto;
    }

        .row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) {
            padding-left: 0;
            padding-right: 0;
        }

.center-block {
    float: none;
}

#partners {
    text-align: center;
}

.text_shadow {
    text-shadow: 0px -10px 10px rgba(0,0,0,0.7);
}

a {
    color: #fff;
    outline: 0;
    text-decoration: none;
}

.border0 {
    border: 0px !important;
}

.radius {
    border-radius: 2em
}

.no-radius {
    border-radius: 0px !important;
}

.shadow {
    -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
}

.outer-glow {
    -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
    -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
    box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
}

a:hover, a:active, a:focus {
    outline: 0;
    text-decoration: none;
    color: #0dc8a6;
}

.sticky-wrapper {
    z-index: 100;
    position: relative;
}

.banner-title {
    font-size: 3.5em;
    font-weight: 600;
    text-transform: uppercase;
}

.section-title {
    margin-top: -2px;
    text-align: center;
}

em {
    font-size: 1.4em;
    line-height: 1.2em;
    margin-bottom: 20px;
    display: inline-block;
}

.bg_dark .section-title h2 span {
    color: #fff;
}

.section_primary .section-title h2 {
    color: #fff;
}

    .section_primary .section-title h2:before {
        background-color: #FFFFFF;
    }

.slicknav_nav a:hover {
    background: #2bb4ab !important;
}

.is-sticky .main-badge {
    display: none;
    transition: all 2s linear;
}

#plan_option h6 span.how_much {
    background: #1a1a1a;
}

    #plan_option h6 span.how_much:after {
        border-top-color: #1a1a1a;
        border-color: rgba(114, 172, 148, 0);
    }

.top li.cart-link a {
    background: #0fa3f2;
}

.slicknav_menu {
    background: #013553;
    /*border-bottom: 1px solid #494B4C;*/
}

.slicknav_btn {
    background: #013553;
    padding-left: 20px;
}

.section-title h2 {
    display: inline-block;
    position: relative;
    margin: 0;
    font-weight: 700;
    padding-bottom: 15px;
}

    .section-title h2 span.morphext {
        margin: 0;
        color: #fff;
        font-weight: 600;
        padding-bottom: 15px;
        height: 34px;
    }

        .section-title h2 span.morphext span {
            color: #fff;
        }

    .section-title h2 span {
	display: block;
	margin-bottom: 5px;
	color: #777;
	font-size: 22px;
	font-weight: 500;
	line-height: 22px;
    }

    .section-title h2:before {
        content: " ";
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100px;
        height: 2px;
        margin: 0 auto;
        background-color: #EC1F24;
    }

    .section-title h2:after {
        content: " ";
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100px;
        height: 2px;
        margin: 0 auto;
        background-color: #EC1F24;
    }

.section-title h1 {
    display: inline-block;
    position: relative;
    margin: 0;
    color: #013553;
    font-weight: 700;
    padding-bottom: 15px;
}

    .section-title h1 span.morphext {
        margin: 0;
        color: #fff;
        font-weight: 700;
        padding-bottom: 15px;
        height: 34px;
    }

        .section-title h1 span.morphext span {
            color: #fff;
        }

    .section-title h1 span {
        display: block;
        margin-bottom: 5px;
        color: #013553;
        font-size: 17px;
        font-weight: 700;
        line-height: 22px;
        text-transform: uppercase;
    }

    .section-title h1:before {
        content: " ";
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 50px;
        height: 2px;
        margin: 0 auto;
        background-color: #013553;
    }

    .section-title h1:after {
        content: " ";
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 50px;
        height: 2px;
        margin: 0 auto;
        background-color: #013553;
    }

.section-title.bg_primary h2:before {
    content: " ";
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    margin: 0 auto;
    background-color: #fff;
}

.text-underline-white {
    border-bottom: 1px dotted #fff;
}

.text-underline-dark {
    border-bottom: 1px dotted #1a1a1a;
}

.bold {
    font-weight: 800;
}

.section_primary h2:before, .section_secondary h2:before, .section_dark h2:before, .section_primary h2 span, .section_secondary h2 span, .section_dark h2 span, .bg-primary h2:before, .bg-success h2:before, .bg-info h2:before, .bg-warning h2:before, .bg-danger h2:before, .bg-inverse h2:before, .bg_orange h2:before, .bg_red h2:before, .bg_purple h2:before, .bg_pink h2:before, .bg_blue h2:before, .bg_dark h2:before, .bg_primary h2:before, .bg_secondary h2:before, .bg-primary h2 span, .bg-success h2 span, .bg-info h2 span, .bg-warning h2 span, .bg-danger h2 span, .bg-inverse h2 span, .bg_orange h2 span, .bg_red h2 span, .bg_purple h2 span, .bg_pink h2 span, .bg_blue h2 span, .bg_dark h2 span, .bg_primary h2 span, .bg_secondary h2 span, .section_primary h2 span, .section_secondary h2 span, .section_dark h2 span {
    color: #fff;
}

/*Video Responsive*/

.pop-video-container {
    position: relative;
}

.col-md-6 .pop-video-container a i {
    top: 35%;
}

.pop-video-container a i {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;
    top: 40%;
    color: #fff;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    border: 3px solid;
    border-radius: 50%;
    line-height: 65px;
    font-size: 20px;
    -webkit-box-shadow: 1px 4px 28px -5px rgb(28, 31, 60);
    -moz-box-shadow: 1px 4px 28px -5px rgb(28, 31, 60);
    box-shadow: 1px 4px 28px -5px rgb(28, 31, 60);
    transition: 0.2s;
}

.pop-video-container a:hover i {
    transform: scale(1.5);
    background-color: #31b4ac;
    transition: 0.5s;
}

.demo-1:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.2s;
    -webkit-transition-property: top, left, right, bottom;
    -moz-transition-property: top, left, right, bottom;
    -ms-transition-property: top, left, right, bottom;
    -o-transition-property: top, left, right, bottom;
    transition-property: top, left, right, bottom;
}

.demo-1:hover:before, .demo-1:focus:before {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    border: #fff solid 3px;
    bottom: -7px;
    left: -7px;
    top: -7px;
    right: -7px;
}

.pop-video-container a i:hover {
    color: #fff;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.bg-primary {
    background-color: #0275d8;
}

.bg-success {
    background-color: #00a63f;
}

.bg-info {
    background-color: #279fba;
}

.bg-warning {
    background-color: #fd7140;
}

.bg-danger {
    background-color: #ef4a44;
}

.bg-inverse {
    background-color: #292b2c;
}

/*Over Riders Styles*/

.bg_orange {
    background: #ff5722;
    color: #fff;
}

.bg_dark-gray {
    background: #ebebeb;
    color: #333;
}

.bg_red {
    background: #ef4a44;
    color: #fff;
}

.bg_purple {
    background: #9c28b1;
    color: #fff;
}

.bg_pink {
    background: #fe1a67;
    color: #fff;
}

.bg_blue {
    background: #4385f5;
    color: #fff;
}

.bg_yellow {
    background: #ffcc00;
    color: #333 !important;
}

.text_blue {
    color: #279fba;
}

.bg_dark {
    background: #1a1a1a;
    color: #fff;
}

.bg4 {
    background: url(../images/bg4.jpg) center left;
    background-repeat: no-repeat;
}

.bg_gray {
    background-image: url(../images/pattern3.png) !important;
    background-repeat: repeat;
    background-color: #f7f6f7;
}

.bg_white {
    background-color: #0e112f;
    background-repeat: repeat;
}

.bg_primary {
    background: #31b4ac;
}

.bg_secondary {
    background: #fd7140;
    color: #fff;
}

.bg_dark .section-title h2, .bg_dark .section-title h2, .bg_primary .section-title h2, bg_secondary .section-title h2, .bg_pink .section-title h2, .bg_purple .section-title h2, .bg_red .section-title h2, .bg_dark-gray .section-title h2, bg_orange .section-title h2, .bg_dark h1, .bg_dark h2, .bg_dark h3, .bg_dark h4, .bg_dark h5, .bg_dark h6, .bg_dark p, .bg_primary h1, .bg_primary h2, .bg_primary h3, .bg_primary h4, .bg_primary h5, .bg_primary h6, .bg_primary p, .section-title.bg_orange h2 {
    color: #FFFFFF;
}

    .bg_dark .section-title h2:before, .bg_dark .section-title h2:before, .bg_primary .section-title h2:before, bg_secondary .section-title h2:before, .bg_pink .section-title h2:before, .bg_purple .section-title h2:before, .bg_red .section-title h2:before, .bg_dark-gray .section-title h2:before, bg_orange .section-title h2:before, .section-title.bg_orange h2:before {
        background-color: #ffffff;
    }

.section_gray {
    background-image: url(../images/pattern3.png) !important;
    background-color: #f7f6f7;
    background-repeat: repeat;
}

.section_bg1 {
    background: #F2E500 !important;
}

.section_bg3 {
    background-image: url(/assets/images/bg3.svg) !important;
    background-color: #2bb4ab;
}

.section_white {
    background: #fff;
}

.section_primary {
    background: #00a63f;
}

.section_secondary {
    background: #fd7140;
}

.section_dark {
    background: #1a1a1a;
}

.section_title {
    text-align: center;
}

.margin-t30 {
    margin-top: 30px !important;
}

.margin-b30 {
    margin-bottom: 30px !important;
}

.margin-t80 {
    margin-top: 80px !important;
}

.margin-t50 {
    margin-top: 50px !important;
}

.margin-b50 {
    margin-bottom: 50px !important;
}

.margin-b80 {
    margin-bottom: 80px !important;
}

.padding15 {
    padding: 15px !important;
}

.padding30 {
    padding: 30px !important;
}

.padding0 {
    padding: 0px !important;
}

.padding-t0 {
    padding-top: 0px !important;
}

.padding-l0 {
    padding-left: 0px !important;
}

.padding15 {
    padding: 15px !important;
}

.padding-l30 {
    padding-left: 30px !important;
}

.padding-l15 {
    padding-left: 15px !important;
}

.padding-r0 {
    padding-right: 0px !important;
}

.padding-r30 {
    padding-right: 30px !important;
}

.padding-r15 {
    padding-right: 15px !important;
}

.padding-t15 {
    padding-top: 15px !important;
}

.padding-t30 {
    padding-top: 30px !important;
}

.padding-b10 {
    padding-bottom: 10px !important;
}

.padding-b15 {
    padding-bottom: 15px !important;
}

.padding-b20 {
    padding-bottom: 20px !important;
}

.padding-b30 {
    padding-bottom: 30px !important;
}

.padding-t10 {
    padding-top: 10px !important;
}

.padding-t50 {
    padding-top: 50px !important;
}

.padding-t60 {
    padding-top: 50px !important;
}

.padding-t80 {
    padding-top: 80px !important;
}

.padding-t100 {
    padding-top: 100px !important;
}

.padding-b50 {
    padding-bottom: 50px !important;
}

.padding-b80 {
    padding-bottom: 80px !important;
}

.padding-b100 {
    padding-bottom: 100px !important;
}

.paddingleft60 {
    padding-left: 60px !important;
}

.paddingright60 {
    padding-right: 60px !important;
}

.border {
    border: 1px solid #ccc;
}

.border-top {
    border-top: 1px solid #ccc;
}

.border-bottom {
    border-top: 1px solid #ccc;
}

.border-solid {
    border: 1px solid #00a63f;
}

.border-dotted {
    border: 1px dotted #ccc;
}

.border-dashed {
    border: 1px dashed #ccc;
}

.relative {
    position: relative;
}

.border2-solid {
    border: 2px solid #00a63f;
}
/* Ηeadings */
.banner-price {
    font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Museo,Robot,sans-serif !important;
	line-height: 1.1;
	margin-bottom: 12px;
	margin-top: 12px;
	text-rendering: optimizelegibility;
	color: #013553;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.7em;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 1.3em;
}

h5 {
    font-size: 1.1em;
}

h6 {
    font-size: 0.9em;
}

.pricingtables .btn-primary {
  background-color: #013553;
  color: #FFF;
  font-weight:600;
}
.pricingtables .btn-primary:hover,
.pricingtables .btn-primary.hover {
  background-color: #FFFFFF;
  color: #013553;

}

.pricingtables .btn-primary2 {
  background-color: #EC1F24;
  color: #FFF;
  font-weight:600;
}
.pricingtables .btn-primary2:hover,
.pricingtables .btn-primary2.hover {
  background-color: #013553;
  color: #fff;
}

.tadaEffect[_ngcontent-xgv-c53] img[_ngcontent-xgv-c53]{
animation: updown 4.5s ease 50 backwards;
animation-delay: 0s;
}

.pricingtables .desc > h3 {
 font-size: 1.1em;
 color:#013553;
 font-weight:600;
}

.pricingtables .desc2 > h3 {
 font-size: 1.3em;
 color:#FFFFFF;
  font-weight:600;
}

.destaque img {
   left: -5%;
   position:relative;
}

/* End of Ηeadings */

p {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    line-height: 1.2;
    margin: 0 0 17px 0;
}

    p:last-child {
        margin-bottom: 0px;
    }

.white {
    color: #FFF !important;
}

hr {
    border: solid #eff0f4;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 21px 0;
}

    hr.small {
        border: solid #fd7140;
        border-width: 1px 0 0;
        clear: both;
        height: 0;
        margin: 0 auto;
        margin-top: 27px;
        margin-bottom: 27px;
        max-width: 150px;
    }

.spacing-70 {
    padding-top: 70px;
}

.spacing-40 {
    padding-top: 40px;
}

/* Bootstrap 5 columns */

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

/* Forms */

input[type="text"].form-control, input[type="password"].form-control, input[type="date"].form-control, input[type="datetime"].form-control, input[type="email"].form-control, input[type="number"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="time"].form-control, input[type="url"].form-control {
    height: 45px;
    padding: 10px;
    width: 100%;
}

textarea.form-control {
    font-size: 18px;
    padding: 15px;
    width: 100%;
}

select.form-control {
    font-size: 18px;
    height: 45px;
    padding: 5px 15px;
    width: 100%;
    background: #fff;
}

button[type="submit"] {
    background: #515151;
    border: 0;
    border-radius: 4em;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    font-weight: 900;
    height: 55px;
    padding: 8px 6px 6px;
    text-transform: uppercase;
    width: 100%;
}

    button[type="submit"]:hover {
        background: #646464;
    }

input[type="text"].form-control:focus, input[type="password"].form-control:focus, input[type="date"].form-control:focus, input[type="datetime"].form-control:focus, input[type="email"].form-control:focus, input[type="number"].form-control:focus, input[type="search"].form-control:focus, input[type="tel"].form-control:focus, input[type="time"].form-control:focus, input[type="url"].form-control:focus, textarea.form-control:focus, select:focus {
    box-shadow: none;
}

/* Breadcrumbs */

.breadcrumbs {
    padding: 0;
}

    .breadcrumbs h1 {
        color: #4a4a4a;
        font-size: 12px;
        margin: 0;
        padding: 0;
        font-weight: 300;
        line-height: 22px;
    }

ol.breadcrumb {
    background: transparent;
    border-radius: 0;
    color: #4a4a4a;
    float: right;
    margin: 0;
    padding: 0px 0 0;
    line-height: 18px;
}

    ol.breadcrumb li {
        font-size: 12px;
    }

        ol.breadcrumb li:first-child {
            color: #4a4a4a;
            font-size: 12px;
            font-weight: normal;
        }

        ol.breadcrumb li.active {
            color: #4a4a4a;
            font-size: 12px;
            font-weight: 300;
        }

        ol.breadcrumb li a {
            color: #00a63f;
            font-size: 12px;
        }

            ol.breadcrumb li a:hover {
                color: #4c746e;
            }

    ol.breadcrumb > li + li:before {
        color: #4a4a4a;
        content: "\f105";
        font-family: "fontawesome";
        font-weight: normal;
        padding: 0 5px;
    }

    ol.breadcrumb > li:first-child + li:before {
        content: "";
        padding: 0 3px 0 0;
        float: left;
    }

/* End of Breadcrumbs */


/* ============
   2 = Header
   ============ */
/* TopMiniBar  ---------------------- */
.topminibar {
    /*border-bottom: 1px solid #e8e8e8;*/
    background-color: #181A33;
}

    .topminibar ul li, .topminibar ul li a {
        margin: 0px 0 0px 0;
        padding: 0px;
        margin-right: 10px;
        color: #fff;
        /*border-right:1px solid #d6d6d6;*/
        padding-right: 10px;
    }

        .topminibar ul li:last-child, .topminibar ul li a:last-child {
            border-right: 0px;
            padding-right: 0px;
        }

.loginbuttons {
    padding: 5px 0;
}

    .loginbuttons a {
        margin: 0px 5px;
    }

.sticky.stuckMenu {
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid rgba(0,0,0,0.20);
    -webkit-box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.15);
    box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.15);
    background: #fff;
}

.top {
    padding: 2px 0;
    box-shadow: 0 0 2rem rgba(0,0,0,0.05);
    background: #013553;
}

    .top .wc_msg {
        color: #4a4a4a;
        font-size: 12px;
        font-weight: 400;
    }

    .top .nav {
        float: inherit;
    }

    .top li.cart-link a {
        background: #0fa3f2;
        color: #fff;
    }

    .top .nav li {
        color: #1a1a1a;
    }

        .top .nav li.cart-link a {
            background: #f2e500;
            padding: 0px 10px;
            margin-left: 5px;
            border-radius: 3em;
            color: #1a1a1a;
            border: 2px solid #f2e500;
        }

    .top li.cart-link a:hover {
        background: #ffffff !important;
        color: #013553;
    }

    .top li.login-link {
        margin: 0px 15px 0 0;
    }

        .top li.login-link a {
            background: #0fa3f2;
            color: #fff;
            line-height: 35px;
        }

        .top li.login-link a {
            background: #fff;
            padding: 2px 20px;
            margin-left: 5px;
            border-radius: 0;
            color: #175bb5;
            border: 2px solid #175bb5;
        }

            .top li.login-link a:hover {
                background: #175bb5;
                color: #fff;
            }

    .top li.register-link {
        margin: 0px 15px 0 0;
    }

        .top li.register-link a {
            background: #0fa3f2;
            color: #fff;
            line-height: 35px;
            border: 2px solid #f95732;
        }

        .top li.register-link a {
            background: #f95732;
            padding: 2px 20px;
            margin-left: 5px;
            border-radius: 0;
        }

            .top li.register-link a:hover {
                background: #fff;
                border: 2px solid #f95732;
                color: #f95732;
            }

    .top .nav li ul.dropdown-menu li {
        margin-top: 0px;
    }

    .top .nav li:last-child {
        margin-right: 0px;
    }

    .top .nav li a {
        color: #ffffff;
        font-weight: 400;
        display: inline-block;
        text-transform: uppercase;
        padding: 0px;
    }

        .top .nav li a:hover {
            color: #31b4ac;
            background: none;
        }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: #00a63f;
}

.top .country_select {
    float: left;
}

    .top .country_select button {
        background: none;
        border-radius: 0;
        border: none;
        box-shadow: none;
        padding: 0;
        font-weight: 400;
        color: #1a1a1a;
        text-transform: uppercase;
        margin-top: 1px;
    }

        .top .country_select button i {
            margin-left: 20px;
            font-size: 18px;
        }

        .top .country_select button:hover, .top .country_select button:focus {
            background: none;
            color: #767676;
        }

    .top .country_select .dropdown-menu {
        border-radius: 0;
        margin-top: 0px;
        background: #fff;
        border: none;
        z-index: 10000 !important;
        padding: 0;
        left: 0;
        right: 0;
    }

        .top .country_select .dropdown-menu li {
            line-height: 25px;
            margin-right: 0px;
        }

            .top .country_select .dropdown-menu li:hover {
                background: #00a63f;
            }

            .top .country_select .dropdown-menu li a {
                color: #1a1a1a;
                font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: .8em;
                padding: 10px 15px;
                line-height: 24px;
                display: block;
            }

                .top .country_select .dropdown-menu li a:hover {
                    color: #fff;
                }

.logo {
    padding-top: 0px;
}

/* Navigation  ---------------------- */

.main_menu {
    background: #013553;
}

nav#desktop-menu {
    padding: 0;
    float: left;
    text-align: left;
}

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sf-menu li {
        position: relative;
    }

    .sf-menu ul {
        position: absolute;
        display: none;
        top: 100%;
        left: 0;
        z-index: 99;
    }

.main_menu .col-sm-4 .sf-menu ul {
    right: 0px !important;
    left: inherit !important;
}

.sf-menu > li {
    float: left;
}

.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu ul ul {
    top: 0;
    left: 100%;
}

/*** SKIN ***/

.sf-menu {
    float: left;
    margin: 0;
}

    .sf-menu ul li:first-child {
        position: relative;
    }

        .sf-menu ul li:first-child:before {
            bottom: 100%;
            left: 15%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(194, 225, 245, 0);
            border-bottom-color: #fff;
            border-width: 6px;
            margin-left: -6px;
        }

    .sf-menu ul li ul li:first-child:before {
        border: 0px;
    }

    .sf-menu ul {
        min-width: 12em;
        *width: 12em;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        -webkit-transition: all .2s;
        transition: all .2s;
    }

#desktop-menu ul li ul li a {
    color: #1a1a1a;
    background: #fff;
    margin-right: 0px;
    border: 0px;
}

    #desktop-menu ul li ul li a:hover {
        color: #013553;
        background: #f2e500;
        transition: all 0.2s ease-out 0s;
    }

/* 1st level */

.sf-menu li {
    white-space: nowrap;
    *white-space: normal;
}

    .sf-menu li a {
        color: #F2E500;
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        border-left: 1px solid rgba(0,0,0,0.1);
    }

    .sf-menu li:first-child a {
        border-left: 0px;
    }

    .sf-menu li a:last-child {
        margin-right: 0px;
    }

    .sf-menu li:hover a, .sf-menu li.sfHover a {
        color: #fff;
        -webkit-transition: none;
        transition: 0.3s;
        background: #2BB4AB;
    }

    .sf-menu li.current a {
        color: #013553;
        -webkit-transition: none;
        transition: 0.3s;
        background: #fff;
    }

    .sf-menu li.mySpace a {
        color: #013553;
        -webkit-transition: none;
        transition: 0.3s;
        background: #F2E500;
    }

    /* 2nd level */

    .sf-menu ul li, .sf-menu li.current ul li {
        background: #fff;
    }

        .sf-menu ul li a {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            background: #1a1a1a;
            font-size: 14px;
            font-weight: 300;
            letter-spacing: .04em;
            padding: 10px 20px 10px
        }

        .sf-menu ul li:hover a, .sf-menu ul li.sfHover a {
            background: #ededed;
            color: #6f6f6f;
            -webkit-transition: none;
            transition: none;
        }

        /* 3rd level */

        .sf-menu ul li.sfHover li a {
            background: #fff;
        }

        .sf-menu ul li li:hover a, .sf-menu ul li li.sfHover a {
            background: #ededed;
            color: #6f6f6f;
            -webkit-transition: none;
            transition: none;
        }

/* Second level User Menu */

ul#user-menu li:first-child:before {
    border: 0px !important;
}

#user-menu li a {
    margin-right: 0px;
}

#user-menu li ul li a {
    color: #fff;
    border: 0px;
}

    #user-menu li ul li a:hover {
        color: #fff;
        background: #00a63f;
        transition: all 0.2s ease-out 0s;
        margin-left: 8px;
    }

/* ===============
   3 = Home Page
   =============== */


/* Tab Slider */

#mainslider .item {
    color: #fff;
    margin: 0;
    padding: 0;
    position: relative;
}

    #mainslider .item:before, .index-video-container:before, .cover-image:before, #index-video:after {
        background: #013553;
        content: " ";
        height: 100%;
        left: 0;
        opacity: 0.3;
        position: absolute;
        top: 0;
        width: 100%;
    }

.no-after:after, .no-before:before {
    background: transparent !important;
}

#mainslider .item .slidecaption {
    left: 1%;
    position: absolute;
    right: 1%;
    text-align: center;
}

    #mainslider .item .slidecaption h2 {
        color: #fff;
        font-weight: 900;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        border: none;
        color: rgba(255, 255, 255, 1);
        text-align: center;
        display: inline-block;
        padding: 10px 50px;
        text-shadow: 0px -10px 10px rgba(0,0,0,0.7);
        border-radius: 2em;
    }

    #mainslider .item .slidecaption h4 {
        color: #fff;
        font-size: 2em;
        font-weight: 300;
        margin-top: 0px;
    }

    #mainslider .item .slidecaption .btn-slide {
        background: #2bb4ab;
        border-radius: 6em;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        margin: 25px auto 10px auto;
        padding: 20px 50px;
        text-transform: uppercase;
        -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
        -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
        box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
    }

        #mainslider .item .slidecaption .btn-slide:hover {
            background: #2bb4ab;
            color: #fff;
        }

#mainslider-nav .item h6, #mainslider-nav .item h5 {
    margin-bottom: 6px;
    margin-top: 0;
}

#mainslider-nav .item {
    color: #4a4a4a;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: .07em;
    margin: 0;
    text-align: center;
}

    #mainslider-nav .item i {
        color: #00a63f;
        padding-right: 10px;
        vertical-align: middle;
        display: block;
        margin-bottom: 10px;
    }

#mainslider-nav .synced .item {
    background: #00a63f;
    color: #000;
    -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
}

    #mainslider-nav .synced .item i {
        color: #fff;
    }

    #mainslider-nav .synced .item h5, #mainslider-nav .synced .item h6 {
        color: #fff;
    }

/* End of Tab Slider */


/* Features */

.features {
    overflow: hidden;
}

    .features h2 {
        margin-bottom: 12px;
    }

    .features span {
        display: block;
        font-size: 18px;
        font-weight: 300;
    }

.feature img {
    margin: 0 auto;
}

.feature h4 {
    font-weight: 500;
    margin-top: 30px;
}

.feature p {
    font-size: 16px;
    font-weight: 300;
    margin: 0px 0 0;
    padding: 0 0px;
}

.feature {
    position: relative;
}

.notice-content {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 2em;
}

    .notice-content p {
        font-weight: 400;
    }

.bg_offer-header {
    background: #6D47D9; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #6D47D9, #4772D9); /* For Safari 5.1 to 6.0 */
    background: linear-gradient(to right, #6D47D9, #4772D9); /* Standard syntax */
}

.main-feature {
    margin: 10px;
    background-color: #fff;
    box-sizing: border-box;
    vertical-align: top;
    text-align: center;
    position: relative;
    border-radius: 2em;
    -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
}

/*single box left*/

.single_box_right {
    margin: 10px 10px 23px 60px;
    padding: 0px 20px 0;
}

    .single_box_right ul li [class^="fa"] {
        position: relative;
        font-size: 16px;
        display: inline-block;
        color: #808080;
    }

    .single_box_right h3 {
        margin: 0 0 10px;
        font-size: 22px;
    }

        .single_box_right h3 a {
            color: #e16657;
        }

            .single_box_right h3 a:hover {
                color: #e16657;
            }

.left_icons {
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    .left_icons [class^="fa"] {
        display: block;
        font-size: 40px;
        position: absolute;
        top: 0;
        left: 0;
        width: 70px;
        height: 70px;
        line-height: 70px;
        text-align: center;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

.style2 .single_box_right {
    margin: 10px 10px 10px 110px;
    padding: 0px;
}

.left_icons.style2 [class^="fa"] {
    text-align: center;
    background-color: #01c1c1;
    color: #e16657;
    font-size: 50px;
    width: 90px;
    line-height: 84px;
    height: 90px;
    padding: 0;
    top: 0;
    margin-top: 0;
    border: 4px solid transparent;
    color: #fff;
}

.left_icons.style2:hover [class^="fa"] {
    background-color: #21252b;
}

/*feature-icon*/

.feature-icon {
    width: 70px;
    height: 70px;
    display: inline-block;
    text-align: center;
    padding-top: 20px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0.5em;
}

.feature-title {
    font-size: 24px;
    font-size: 1.5em;
    color: #1a1a1a;
    font-weight: 400;
    margin: 0 0 10px;
}

/* End of Features */


/* Call to Action */

.offer {
    padding: 12px 0;
    text-align: center;
}

    .offer span {
        color: #fff;
        font-size: 18px;
        font-weight: 300;
        margin: 0;
        padding: 0;
    }

    .offer h2 {
        font-size: 69px;
        font-weight: 900;
        line-height: .9;
        margin: 0;
        padding: 0 0 5px;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        border: none;
        color: rgba(255, 255, 255, 1);
        -o-text-overflow: clip;
        text-overflow: clip;
        text-shadow: 0 1px 0 rgb(204, 204, 204), 0 2px 0 rgb(201, 201, 201), 0 3px 0 rgb(187, 187, 187), 0 4px 0 rgb(185, 185, 185), 0 5px 0 rgb(170, 170, 170), 0 6px 1px rgba(0, 0, 0, 0.0980392), 0 0 5px rgba(0, 0, 0, 0.0980392), 0 1px 3px rgba(0, 0, 0, 0.298039), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.247059), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.14902);
        -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
        -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
        -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
        transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    }

.offerdescription {
    padding: 12px 0px;
    position: relative;
    top: -25px;
}

    .offerdescription h2 {
        color: #fff;
        font-size: 44px \9;
        font-weight: 900;
        margin: 0;
        padding: 6px 0;
        text-shadow: 0px -10px 10px rgba(0,0,0,0.7);
    }

    .offerdescription p {
        color: #fff;
        font-size: 21px;
        font-weight: 300;
        margin: 0;
    }

.offerdescription2 {
    padding: 12px 0px;
}

    .offerdescription2 h2 {
        color: #00a63f;
        font-size: 44px \9;
        font-weight: 900;
        margin: 0;
        padding: 6px 0;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        border: none;
        color: #1a1a1a;
    }

    .offerdescription2 p {
        color: #fff;
        font-size: 21px;
        font-weight: 300;
        margin: 0;
    }

.cover-image {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
    position: relative;
}

.cover-image2 {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
    position: relative;
}

.cover-image3 {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
    position: relative;
}

.section-parallax, .section-parallax2, .section-parallax3, .section-parallax4, .section-parallax5 {
    background-repeat: repeat;
    background-attachment: fixed !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
}

.cover-image2:before {
    background: #000;
    content: " ";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
}

.domainsearch {
    border-radius: 3px;
    -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
}

    .domainsearch .form-control {
        width: 100%;
    }

    .domainsearch input[type="text"].form-control {
        border-radius: 3px 0 0 3px;
        font-size: 18px;
        height: 55px;
        padding: 5px 15px;
        width: 100%;
        border: 0;
    }

    .domainsearch select.form-control {
        border-radius: 0;
        font-size: 18px;
        height: 55px;
        padding: 5px 15px;
        width: 100%;
        box-shadow: none !important;
        border: 0;
    }

    .domainsearch button[type="submit"] {
        border-radius: 0 3px 3px 0;
        color: #fff;
        cursor: pointer;
        float: left;
        font-size: 16px;
        font-weight: 900;
        height: 55px;
        padding: 8px 6px 6px;
        text-transform: uppercase;
        width: 100%;
    }

    .domainsearch input[type="text"]:focus, .domainsearch select:focus {
    }

/* End of Call to Action */


/* Pricing Tables Home */

.pricingtables.shared .row.no-gutter [class*='col-']:not(:first-child) {
    padding-left: 0px;
    padding-right: 0px;
}

.pricingtables.shared .row.no-gutter [class*='col-']:not(:last-child) {
    padding-left: 0px;
    padding-right: 0px;
}

.price-cercle {
	position: relative;
	background-color: #EC1F24;
	padding: 20px 0;
}

    .price-cercle > * {
        color: #f2e500;
    }

/* 1-9 RIBBON */

.ribbon {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 150px;
    height: 150px;
    overflow: hidden;
}

.ribbon-content {
    font-weight: 700;
    z-index: 2;
    font-size: 20px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 12px 0;
    left: -5px;
    top: 28px;
    width: 202px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

    .ribbon-content:before, .ribbon-content:after {
        content: "";
        border-top: 3px solid rgba(34, 34, 34, 0.6);
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        position: absolute;
        bottom: -3px;
    }

    .ribbon-content:before {
        left: 0;
    }

    .ribbon-content:after {
        right: 0;
    }

.ribbon-small {
    top: -4px;
    right: -5px;
    width: 113px;
    height: 100px;
}

    .ribbon-small .ribbon-content {
        top: 20px;
        left: 5px;
        width: 140px;
        padding: 6px 0;
        font-size: 16px;
        font-weight: 500;
    }

.pricingtables .row.no-gutter [class*='col-']:not(:first-child), .pricingtables .row.no-gutter [class*='col-']:not(:last-child) {
    padding-left: 15px;
    padding-right: 15px;
}

.pricingtables h2 {
    margin-bottom: 12px;
    text-align: center;
    margin-top: 0px;
}

.pricingtables p {
    font-size: 14px;
    font-weight: 300;
    margin: 8px 0 0;
}

.pricingtables h4 {
    color: #FFFFFF;
    font-size: 70px;
    letter-spacing: -.07em;
    margin: 0;
    text-align: center;
    font-weight: 600;
}

.pricingtables .panel {
    border: 0;
    border-radius: 1em;
    margin: 0;
    padding: 5px 0 15px 0;
    -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
}

.pricingtables .panel-heading {
    background: transparent;
    border: 0;
    border-radius: 3px 3px 0 0;
    filter: none;
    /*border-bottom: 1px solid #ddd;*/
}

    .pricingtables .panel-heading h3 {
        font-size: 35px;
        font-weight: 800;
        margin: 0;
        padding: 15px;
    }
	
	.h3-planos {
	   color:#FFFFFF;
	}


.pricingtables .panel-body {
    margin: 0;
}

    .pricingtables .panel-body span {
        color: #FFFFFF;
        letter-spacing: 1px;
        font-size: 11px;
        margin: 0 auto;
        padding: 5px 5px;
    }

        .pricingtables .panel-body span.per2 {
	background: transparent;
	font-size: 18px;
	font-weight: 500;
        }

        .pricingtables .panel-body span.start {
            position: absolute;
            top: -25%;
            left: 0;
            right: 0;
        }

        .pricingtables .panel-body span.per {
            background: transparent;
            padding: 5px 10px 2px;
        }

.pricingtables ul {
    border: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .pricingtables ul li {
        border: 0;
        font-size: 16px;
        padding: 0px 0;
    }

.pricingtables .btn-group ul li, .pricingtables.shared .most-popular .btn-group ul li {
    padding: 0px;
}

.pricingtables .btn-group .btn {
    font-size: 14px !important;
}

.pricingtables .btn-group ul li a {
    padding: 10px;
}

    .pricingtables .btn-group ul li a:hover {
        color: #fff;
        background: #1a1a1a;
    }

.pricingtables .panel-footer {
	text-align: center;
	background: #F9F9F9;
	margin: 0 12px;
}

    .pricingtables .panel-footer .btn {
        width: 100%;
    }

.pricingtables .btn-pricetable {
    background: #f2e500;
    border-radius: 0;
    color: #013553;
    font-size: 1.3em;
    width: 100%;
    padding: 10px 30px;
}

    .pricingtables .btn-pricetable:hover {
        background: #013553;
        color: #f2e500;
    }

.pricingtables .most-popular {
    border-width: 3px;
    z-index: 2;
}

    .pricingtables .most-popular .panel-heading {
        background: transparent;
    }

    .pricingtables .most-popular .panel-body {
        background: #fff;
    }

    .pricingtables .most-popular h4 {
        color: #1a1a1a;
    }

    .pricingtables .most-popular .panel-body span.per {
        background: transparent;
        padding: 5px 10px 2px;
        color: #1a1a1a;
    }

    .pricingtables .most-popular .btn-pricetable {
        margin: 0 auto;
    }

/* End of Pricing Tables */


/* Statistics */

.statistics {
    overflow: hidden;
}

    .statistics h2 {
        margin-bottom: 12px;
        text-align: center;
    }

        .statistics h2 i {
            color: #00a63f;
        }

    .statistics p {
        font-size: 16px;
        font-weight: 300;
        margin: 0 auto;
        text-align: center;
    }

    .statistics span {
        display: block;
        font-size: 18px;
        font-weight: 300;
        text-align: center;
    }

    .statistics .circle-text {
        font-weight: 900;
        font-family: 'Montserrat', sans-serif;
        color: #00a63f;
    }

/* End of Statistics */


/* ==============================
   4 = Video Header Page
   ============================== */


/* Video */

#index-video .index-video-container {
    min-height: 640px;
    padding-bottom: 50px;
    position: relative;
    overflow: hidden;
}

    #index-video .index-video-container:after {
        background: url(images/video_bg_pattern.png) repeat;
        bottom: 0px;
        content: "";
        left: 0;
        opacity: 0.7;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }

    #index-video .index-video-container .videocaption {
        left: 1%;
        position: absolute;
        right: 1%;
        text-align: center;
        top: 25%;
        z-index: 2;
    }

        #index-video .index-video-container .videocaption h2 {
            color: #fff;
            font-size: 4.5em;
            font-weight: 900;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            border: none;
            color: rgba(255, 255, 255, 1);
            text-align: center;
            display: inline-block;
            padding: 10px 50px;
            text-shadow: 0px 5px 8px #000;
            border-radius: 2em;
        }

        #index-video .index-video-container .videocaption h4 {
            color: #fff;
            font-size: 2em;
            margin-top: 25px;
        }

        #index-video .index-video-container .videocaption .btn-slide {
            background: #00a63f;
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            margin: 25px auto 10px auto;
            padding: 20px 50px;
            border-radius: 2em;
            text-transform: uppercase;
            -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
            -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
            box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
        }

            #index-video .index-video-container .videocaption .btn-slide:hover {
                background: #fff;
                color: #1a1a1a;
            }

#index-video video {
    width: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

/* End of Video */


/* ==============================
   5 = Shared Hosting Page
   ============================== */


/* Choose Price Period */

span.chooseprice {
    background: #fd7140;
    border-radius: 6px;
    color: #fff;
    display: table;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 5px 20px;
    position: relative;
}

    span.chooseprice:after {
        border: solid transparent;
        border-color: rgba(222, 98, 98, 0);
        border-top-color: #fd7140;
        border-width: 10px;
        content: " ";
        height: 0;
        left: 50%;
        margin-left: -10px;
        pointer-events: none;
        position: absolute;
        top: 100%;
        width: 0;
    }

.btn-group.price-per-shared {
    display: table;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
}

    .btn-group.price-per-shared .btn {
        border: 0px;
        font-size: 16px;
        padding: 22px 40px 20px;
        outline: 0;
        z-index: 1;
    }

        .btn-group.price-per-shared .btn:hover {
            border: 0px;
        }

.price-per-shared .btn-shared-checked {
    z-index: 2;
}

.btn-shared-checked {
    background-color: #00a63f;
    border-color: #4cae4c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

    .btn-shared-checked:after {
        content: '';
        position: absolute;
        left: 42%;
        z-index: 100;
        top: 100%;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #00a63f;
        outline: 0;
        clear: both;
        z-index: 1000;
    }

    .btn-shared-checked:hover, .btn-shared-checked:focus, .btn-shared-checked.focus, .btn-shared-checked:active, .btn-shared-checked.active {
        background-color: #00a63f;
        border-color: #398439;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        color: #fff;
        webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    }

    .btn-shared-checked:active, .btn-shared-checked.active {
        background-image: none;
        z-index: 1000;
    }

/* End of Choose Price Period */


/* Pricing Tables Shared Hosting Page */

.pricingtables .left-price .panel, .pricingtables .left-price .panel-heading, .pricingtables .left-price .panel-body, .pricingtables .left-price .panel-footer {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.pricingtables .left-price ul {
    box-shadow: 0 2px 2px rgba(32, 44, 47, 0.2)
}

.pricingtables .left-price ul {
    margin-top: 122px;
    -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    border-radius: 1em 0 0 1em;
    overflow: hidden;
}

.pricingtables .sitelock ul {
    margin-top: 145px;
    -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    border-radius: 1em 0 0 1em;
    overflow: hidden;
}

.pricingtables.shared .left-price ul li {
    color: #fff;
    padding: 10px 10px;
}

    .pricingtables.shared .left-price ul li a {
        color: #7b7b7b;
    }

    .pricingtables.shared .left-price ul li:nth-child(odd) {
        background: #f9f9f9;
    }

    .pricingtables.shared .left-price ul li:nth-child(even) {
        background: #fff;
    }
/*.pricingtables ul li:nth-child(odd) {
	background: #f9f9f9 !important;
}*/
.pricingtables ul li:nth-child(even) {
}

.pricingtables.shared .most-popular {
    border-width: 3px;
    padding: 0;
    top: 0;
    z-index: 2;
}
/*.most-popular .price-cercle {
	border: 10px solid #1a1a1a;
}*/
.most-popular .panel-heading {
    background: transparent;
}

.pricingtables.shared h4 {
    color: #1a1a1a;
}

.pricingtables.shared ul li i {
    color: #00a63f;
}

.pricingtables.shared .most-popular .yearprice, .pricingtables.shared .most-popular .twoyearprice {
    border-color: #fff;
}

.pricingtables.shared .most-popular h4 {
    color: #1a1a1a;
}

.pricingtables.shared .most-popular .panel-body span.per {
    background: transparent;
}

.pricingtables.shared .most-popular ul li {
    font-size: 16px;
    padding: 10px 0;
}

.tab2, .tab3 {
    display: none;
    margin: 0 auto;
}

.tooltip {
    background: transparent;
    font-family: 'Montserrat', sans-serif;
}

.tooltip-inner {
    font-size: 16px;
    max-width: 150px;
    padding: 5px 8px;
}

/* End Pricing Tables Shared Hosting Page */


/* Tabs Section - Shared Hosting Page */

.shared-features {
    overflow: hidden;
}

    .shared-features p {
        font-size: 16px;
        font-weight: 300;
        margin: 0 auto;
    }

.r-tabs .r-tabs-nav {
    display: table;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.r-tabs .r-tabs-tab {
    float: left;
    list-style: none;
    margin: 0;
}

.r-tabs .r-tabs-panel {
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

.r-tabs {
    border: 0;
    position: relative;
}

    .r-tabs .r-tabs-nav .r-tabs-tab {
        font-size: 16px;
        font-weight: 300;
        text-transform: uppercase;
        margin: 0;
        padding: 0px;
        position: relative;
    }

    .r-tabs .r-tabs-nav .r-tabs-anchor {
        color: #7a7c89;
        float: left;
        font-weight: normal;
        margin: 0 5px;
        background: #fff;
        padding: 22px 40px 20px;
        text-decoration: none;
        -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
        -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
        box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
        border-radius: 6em;
    }

    .r-tabs .r-tabs-nav .r-tabs-state-disabled {
        opacity: 0.5;
    }

    .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
        background: #2ab4ab;
        color: #fff;
        border-bottom: 0px;
        font-weight: 500;
    }

    .r-tabs .r-tabs-nav .r-tabs-state-active i {
        color: #fff;
    }

    .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:after {
        content: '';
        position: absolute;
        left: 45%;
        top: 100%;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 10px solid #2ab4ab;
        outline: 0;
        clear: both;
    }

    .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
        background: #efeff2;
        border: 1px solid #e4e7f0;
        color: #222;
        display: block;
        font-size: 16px;
        padding: 10px;
    }

    .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor, {
        background: #fd7140;
        color: #fff;
        text-shadow: none;
    }

    .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
        opacity: 0.5;
    }

.panel-title a {
    display: block;
    padding: 20px 15px;
    font-size: 18px;
}

.panel {
    margin-top: 5px;
}

#shared-hosting-tabs .centralicon {
    text-align: center;
}

    #shared-hosting-tabs .centralicon img {
        border: 10px solid #f9f9f9;
        border-radius: 100%;
    }

#shared-hosting-tabs #feature1 h5, #shared-hosting-tabs #feature5 h5 {
    font-size: 25px;
    line-height: 1.3;
    margin-bottom: 17px;
    text-align: left;
    font-weight: 300;
}

#shared-hosting-tabs #feature1 p, #shared-hosting-tabs #feature5 p {
    padding-left: 0;
    padding-roght: 0;
}

#shared-hosting-tabs h5 {
    font-size: 25px;
    line-height: 1.3;
    font-weight: 300;
    margin-bottom: 17px;
    text-align: center;
}

#shared-hosting-tabs p {
    padding: 0 40px;
}

#shared-hosting-tabs .tabfeatures {
    margin-top: 30px;
}

    #shared-hosting-tabs .tabfeatures img {
        margin: 0 auto;
    }

    #shared-hosting-tabs .tabfeatures p {
        padding: 0;
    }

#shared-hosting-tabs h6 {
    font-size: 18px;
    line-height: 1.3;
    padding: 17px 0 6px;
}

#shared-hosting-tabs #feature1, #shared-hosting-tabs #feature2, #shared-hosting-tabs #feature3, #shared-hosting-tabs #feature4, #shared-hosting-tabs #feature5 {
    transition: all ease-out 0.2s 0.1s;
}

.supportchannels {
    display: table;
    margin: 0 auto;
    text-align: center;
}

    .supportchannels .block-grid-item {
        padding: 0 45px;
    }

        .supportchannels .block-grid-item i {
            background: #00a63f;
            border: 6px solid #f9f9f9;
            border-radius: 50%;
            color: #fff;
            font-size: 38px;
            height: 90px;
            padding: 20px 0 0 0;
            text-align: center;
            transition: all 0.4s ease;
            webkit-transition: all 0.4s ease;
            width: 90px;
        }

            .supportchannels .block-grid-item i:hover {
                background: #fd7140;
                transform: scale(1.3);
                webkit-transform: scale(1.3);
            }

/* End Tabs Section - Shared Hosting Page */


/* ==============================
   6 = VPS Page
   ============================== */


/* Order Steps - VPS Page */

.order-step {
    margin: 25px 0 20px;
}

.vps-order h3 {
    background: #00a63f;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    padding: 20px 35px;
    position: relative;
    text-align: center;
    border-radius: 2em;
}

.vps-order .ribbon {
    right: -4px;
    top: -2px;
}

.vps-order h3:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(114, 172, 148, 0);
    border-bottom-color: #00a63f;
    border-width: 10px;
    margin-left: -10px;
}

.vps-order p {
    font-size: 16px;
    padding: 0 25px;
}

.order-step .order-circle {
    position: relative;
    text-align: center;
}

    .order-step .order-circle span {
        border: 4px solid #00a63f;
        border-radius: 1000px;
        color: #00a63f;
        display: inline-block;
        font-weight: 900;
        height: 40px;
        line-height: 32px;
        moz-border-radius: 1000px;
        ms-border-radius: 1000px;
        o-border-radius: 1000px;
        position: relative;
        text-align: center;
        vertical-align: middle;
        webkit-border-radius: 1000px;
        width: 40px;
        z-index: 10;
    }

/* End of Order Steps - VPS Page */


/* Order Slider - VPS Page */

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        cursor: default;
        height: 1.2em;
        position: absolute;
        width: 1.2em;
        z-index: 2;
    }

    .ui-slider .ui-slider-range {
        background-position: 0 0;
        border: 0;
        display: block;
        font-size: .7em;
        position: absolute;
        z-index: 1;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        margin-left: -.6em;
        top: -.3em;
    }

    .ui-slider-horizontal .ui-slider-range {
        height: 100%;
        top: 0;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    height: 100px;
    width: .8em;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-bottom: -.6em;
        margin-left: 0;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.vps-prices-drag {
    float: left;
    margin: 0 0 40px;
    padding: 0 60px;
    width: 100%;
}

.vps-prices-container {
    background: #1a1a1a;
    border-radius: 6px;
    float: left;
    padding-top: 55px;
    width: 100%;
}

.vps-prices-panel {
    float: left;
    width: 100%;
}

.vps-prices-container #vps-slider {
    background: #000;
    background: rgba(0, 0, 0, .15);
    border-radius: 6px;
    float: left;
    height: 17px;
    margin: 0 0 12px;
    width: 100%;
    cursor: pointer;
}

.vps-prices-container #sliderlines {
    background: url(images/lines1.png) center top;
    display: table;
    height: 10px;
    margin: 0 auto;
    width: 100%;
}

.vps-prices-container #vps-slider .ui-slider-range {
    background: #00a63f;
    background: -moz-linear-gradient(left, #00a63f 0%, #FF8C00 100%);
    background: -webkit-linear-gradient(left, #00a63f 0%, #FF8C00 100%);
    background: linear-gradient(to right, #00a63f 0%, #FF8C00 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a63f', endColorstr='#FF8C00', GradientType=1);
    border-radius: 6px;
    cursor: pointer;
    -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
    -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
    box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
}

.vps-prices-container #vps-slider .ui-slider-handle {
    background: #eeeeee;
    top: -10px;
    border: 0;
    border-radius: 0;
    height: 20px;
    margin-left: -25px;
    margin-top: 8px;
    outline: none;
    width: 35px;
    border-radius: 16em;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    -webkit-transition: border-radius 0.5s;
    -moz-transition: border-radius 0.5s;
    -o-transition: border-radius 0.5s;
    transition: border-radius 0.5s;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top', endColorstr='@bottom', GradientType=0);
}

    .vps-prices-container #vps-slider .ui-slider-handle:hover {
        cursor: pointer;
    }

.vps-plans {
    display: table;
    margin: 0 auto;
    padding: 2% 0 0;
    width: 99%;
}

    .vps-plans div.vps-plan {
        color: #fff;
        float: left;
        font-size: 16px;
        font-weight: 300;
        margin: 0;
        text-align: left;
        width: 25%;
    }

        .vps-plans div.vps-plan:first-child {
            text-align: left;
        }

        .vps-plans div.vps-plan:last-child {
            margin-right: 0;
            padding-right: 0;
            text-align: right;
        }

        .vps-plans div.vps-plan:nth-child(2) {
            padding-left: 70px;
        }

        .vps-plans div.vps-plan:nth-child(3) {
            padding-right: 80px;
            text-align: right;
        }

    .vps-plans.threeplans div.vps-plan {
        width: 33.3333333333333%;
    }

        .vps-plans.threeplans div.vps-plan:nth-child(2) {
            padding-left: 0;
            text-align: center
        }

        .vps-plans.threeplans div.vps-plan:nth-child(3) {
            padding-right: 0;
            text-align: right;
        }

    .vps-plans.fiveplans div.vps-plan {
        width: 20%;
    }

        .vps-plans.fiveplans div.vps-plan:nth-child(2) {
            padding-left: 25px;
            text-align: left
        }

        .vps-plans.fiveplans div.vps-plan:nth-child(3) {
            padding-left: 0;
        }

        .vps-plans.fiveplans div.vps-plan:nth-child(4) {
            text-align: right;
            padding-right: 30px;
        }

    .vps-plans.sixplans div.vps-plan {
        width: 16.666666666667%;
    }

        .vps-plans.sixplans div.vps-plan:first-child {
            text-align: left;
            width: 16.666666666667%;
        }

        .vps-plans.sixplans div.vps-plan:nth-child(2) {
            padding-left: 0px;
        }

        .vps-plans.sixplans div.vps-plan:nth-child(3) {
            padding-right: 95px;
        }

        .vps-plans.sixplans div.vps-plan:nth-child(4) {
            text-align: center;
        }

        .vps-plans.sixplans div.vps-plan:nth-child(5) {
            padding-right: 25px;
            text-align: right
        }

        .vps-plans.sixplans div.vps-plan:last-child {
            margin-right: 0;
            padding-right: 0;
            text-align: right;
            width: 16.666666666667%;
        }

.sliderbottom {
    background: rgba(0, 0, 0, .1);
    float: left;
    padding: 10px 0 25px;
    text-align: center;
    width: 100%;
}

    .sliderbottom h6 {
        color: #fff;
        font-size: 19px;
        font-weight: 400;
    }

    .sliderbottom .how_much {
        font-size: 29px;
        font-weight: 600;
        line-height: .9;
        margin: 0;
        padding: 0 0 5px;
        font-family: 'Montserrat', sans-serif;
    }

.total_amount {
    font-size: 36px;
    font-weight: 600;
    line-height: .9;
    margin: 0 0 10px;
    margin: 0;
    padding: 10px 10px 20px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}

a.order-vps {
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    padding: 6px 15px;
    background-color: #00a63f;
    border-color: #4cae4c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    margin-top: 5px;
    display: inline-block;
    border-radius: 3px;
}

.vps3-price {
    font-size: 3em;
    padding-bottom: 0px;
}

/* End Order Slider - VPS Page */

.pricingtables.vps {
    overflow: hidden;
}

/* End of VPS Page */


/* ==============================
   7 = Dedicated servers
   ============================== */


/* Pricing Tables - Dedicated servers Page */

.pricingtables.servers {
    overflow: hidden;
}

    .pricingtables.servers .panel {
        border-radius: 2em 2em 0 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
        -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
        -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
        box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    }

    .pricingtables.servers .panel-heading {
        border: 0;
        border-radius: 0;
        filter: none;
    }

        .pricingtables.servers .panel-heading h3 {
            color: #1a1a1a;
            letter-spacing: -.07em;
            margin: 0;
            padding: 12px 0;
        }

    .pricingtables.servers h4 {
        color: #00a63f;
        letter-spacing: -.07em;
        text-align: center;
    }

    .pricingtables.servers .panel-body {
        background: #fff;
        margin: 0;
    }

        .pricingtables.servers .panel-body span {
            color: #555;
            font-size: 11px;
            margin: 0 auto;
            padding: 5px 10px;
        }

            .pricingtables.servers .panel-body span.per {
                padding: 5px 10px 2px;
                background: transparent;
            }

    .pricingtables.servers ul {
        border: 0;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .pricingtables.servers ul li {
            background: #fff;
            font-size: 16px;
            padding: 10px 0;
        }

    .pricingtables.servers .panel-footer {
        text-align: center;
        background: #fff;
        border: 0;
    }

    .pricingtables.servers .btn-pricetable {
        background: #00a63f;
        border-radius: 0;
        color: #fff;
        font-size: 13px;
        margin: 10px auto;
        padding: 15px 50px 13px;
        font-weight: 700;
    }

        .pricingtables.servers .btn-pricetable:hover {
            background: #00a63f;
        }

/* End of Pricing Tables - Dedicated servers Page */


/* Video Background - Dedicated servers Page */

#servers-video .servers-video-container {
    min-height: 550px;
    padding-bottom: 50px;
    position: relative;
    overflow: hidden;
}

    #servers-video .servers-video-container:after {
        background: url(images/video_bg_pattern.png) repeat;
        bottom: 0px;
        content: "";
        left: 0;
        opacity: 0.7;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }

    #servers-video .servers-video-container .videocaption {
        left: 1%;
        position: absolute;
        right: 1%;
        text-align: center;
        top: 30%;
        z-index: 2;
    }

        #servers-video .servers-video-container .videocaption h2 {
            color: #fff;
            font-size: 3.5em;
            text-shadow: -1px 1px 0 #2d2d2f;
            font-weight: 600;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            border: none;
            color: rgba(255, 255, 255, 1);
            text-align: center;
            -o-text-overflow: clip;
            text-overflow: clip;
            text-shadow: 0 1px 0 rgb(204, 204, 204), 0 2px 0 rgb(201, 201, 201), 0 3px 0 rgb(187, 187, 187), 0 4px 0 rgb(185, 185, 185), 0 5px 0 rgb(170, 170, 170), 0 6px 1px rgba(0, 0, 0, 0.0980392), 0 0 5px rgba(0, 0, 0, 0.0980392), 0 1px 3px rgba(0, 0, 0, 0.298039), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.247059), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.14902);
            -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
            -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
            -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
            transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
        }

        #servers-video .servers-video-container .videocaption h4 {
            color: #fff;
            font-size: 2em;
            font-weight: 300;
            margin-top: 25px;
            text-shadow: -1px 1px 0 #2d2d2f;
        }

        #servers-video .servers-video-container .videocaption .btn-slide {
            background: #00a63f;
            border-radius: 0;
            color: #fff;
            font-size: 19px;
            font-weight: 700;
            margin: 25px auto 10px auto;
            padding: 7px 20px;
            border-radius: 5px;
            position: relative;
        }

            #servers-video .servers-video-container .videocaption .btn-slide:after {
                top: 100%;
                left: 50%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-color: rgba(113, 172, 147, 0);
                border-top-color: #00a63f;
                border-width: 8px;
                margin-left: -8px;
            }

#servers-video video {
    width: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

/* End of Video Background - Dedicated servers Page */


/* Responsive Table - Dedicated servers Page */

.servers-table {
    overflow: hidden;
}

.products-table {
    min-width: 100%;
    border: 1px solid #DFE0E5;
    font-family: 'Montserrat', sans-serif;
    background: #F7F7F7;
}

    .products-table thead th {
        color: #6E6E6E;
        font-weight: 700 !important;
        font-size: 13px;
        font-weight: bold;
        border-left: 1px solid #DFE0E5;
        border-right: 1px solid #DFE0E5;
        border-bottom: 1px solid #DFE0E5;
        padding: 2em 1em;
    }

    .products-table th {
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        padding: 16px 12px;
        color: #6E6E6E;
        font-size: 16px;
        background: #fff;
    }

    .products-table td {
        color: #6E6E6E;
        padding: 16px 12px;
        font-size: 16px;
        border-bottom: 1px solid #DFE0E5;
    }

    .products-table th {
        padding: 2em 1em !important
    }

    .products-table td:last-child, .products-table thead th:last-child {
        text-align: center;
    }

    .products-table tr.even, .products-table tr.alt, .products-table tr:nth-of-type(even) {
        background: #fff;
    }

    .products-table td span {
        padding: 0px;
        margin: 0 auto;
        display: block;
    }

/* End of Responsive Table - Dedicated servers Page */


/* ==============================
   8 = Domains
   ============================== */

.domains h2 {
    color: #fff;
    text-align: center;
    font-weight: 300;
}

.domains p {
    color: #fff;
    text-align: center;
    font-size: 18px;
}

.domainsearch-full {
    background: #666;
    border-radius: 0;
    padding: 20px;
}

    .domainsearch-full .form-control {
        width: 100%;
    }

    .domainsearch-full input[type="text"].form-control {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 0;
        font-size: 18px;
        height: 55px;
        padding: 5px 15px;
        width: 100%;
    }

    .domainsearch-full select.form-control {
        border-radius: 0;
        font-size: 18px;
        height: 55px;
        padding: 5px 15px;
        width: 100%;
    }

    .domainsearch-full button[type="submit"] {
        background: #515151;
        border: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 5px;
        border-radius: 4px;
        border-top-left-radius: 0;
        border-top-right-radius: 5px;
        color: #fff;
        cursor: pointer;
        float: left;
        font-size: 16px;
        font-weight: 900;
        height: 55px;
        padding: 8px 6px 6px;
        text-transform: uppercase;
        width: 100%;
    }

        .domainsearch-full button[type="submit"]:hover {
            background: #646464;
        }

    .domainsearch-full input[type="text"]:focus, .domainsearch-full select:focus {
        border: 0;
        box-shadow: 0 8px 6px -6px #000;
    }

#domainextensions {
    margin-top: 10px;
}

    #domainextensions .ribbon {
        right: 8px;
        top: -5px;
    }

    #domainextensions .item {
        margin: 0 10px;
    }

        #domainextensions .item .extension {
            padding: 20px 20px;
            font-size: 22px;
            font-weight: 500;
            color: #00a63f;
            text-align: center;
            border-radius: 0px;
            text-transform: uppercase;
            background: #fff;
            border-radius: 2em;
            -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
            -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
            box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
        }

        #domainextensions .item .domain-price {
            text-align: center;
            padding: 5px;
            color: #1a1a1a;
            font-size: 20px;
            font-family: 'Montserrat', sans-serif;
        }

.domainfeatures p {
    font-size: 16px;
    font-weight: 300;
    margin: 18px 0 0;
    text-align: center;
    padding: 0 30px;
}

.domainfeatures h6 {
    font-size: 18px;
    color: #00a63f;
    font-weight: 300;
    letter-spacing: .07em;
    border: 2px solid #00a63f;
    margin: 0 auto;
    padding: 15px 25px;
    display: table;
    text-align: center;
}

.domainfeatures .panel {
    border: 0;
    box-shadow: 0;
}

.domainfeatures .panel-heading {
    border-left: 5px solid #00a63f;
    box-shadow: 0;
    background: #00a63f;
    color: #fff;
    border-radius: 0;
    padding: 22px 10px;
}

    .domainfeatures .panel-heading h4.panel-title {
        font-size: 16px;
        font-weight: normal;
        line-height: 1.3;
        color: #fff;
        color: #6E6E6E\9 \0;
    }

        .domainfeatures .panel-heading h4.panel-title a:hover, .domainfeatures .panel-heading h4.panel-title a:focus {
            color: #fff;
            color: #6E6E6E\9 \0;
        }

.domainfeatures .panel-body {
    padding: 15px;
    margin: 0;
}

    .domainfeatures .panel-body p {
        text-align: left;
        font-size: 16px;
        padding: 0;
        margin: 0;
    }

.through-line {
    color: rgba(0, 0, 0, 0.3);
    text-decoration: line-through;
}

.price-cercle .common-price {
    color: #FFA200;
    position: absolute;
    left: 0;
    right: 0;
    top: -22px;
    font-size: 16px;
    font-weight: 300;
}

.domains-table {
    overflow: hidden;
}

    .domains-table td img {
        width: 100px;
    }

#tld-table {
    min-width: 100%;
    border: 1px solid #DFE0E5;
    font-family: 'Montserrat', sans-serif;
    background: #f5f5f5;
}

    #tld-table thead th {
        background: #00a63f;
        color: #ffffff;
        font-weight: 300;
        padding: 30px 15px;
        font-size: 13px;
        position: relative;
        cursor: pointer;
        text-shadow: none;
    }

        #tld-table thead th.header.headerSortDown {
            background: #f5f5f5 !important;
            color: #333;
        }

        #tld-table thead th:before {
            position: absolute;
            font-family: FontAwesome;
            top: 30px;
            right: 12px;
            content: "\f0dc";
        }

    #tld-table th {
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        padding: 16px 12px;
        color: #6E6E6E;
        font-size: 16px;
        background: #FFFFFF;
    }

    #tld-table td {
        color: #6E6E6E;
        padding: 16px 12px;
        font-size: 16px;
        border-bottom: 1px solid #DFE0E5;
        text-align: center;
    }

        #tld-table td:first-child {
            font-weight: bold;
            text-align: left;
        }

    #tld-table thead th:first-child {
        text-align: left;
    }

    #tld-table tr.even, #tld-table tr.alt, #tld-table tr:nth-of-type(even) {
        background: #FFFFFF;
    }

/* ==============================
   9 = About Us
   ============================== */

.about-hero {
    position: relative;
}

.about-text {
    position: absolute;
    top: 35%;
    left: 1%;
    right: 1%;
    z-index: 999;
}

    .about-text h2 {
        color: #fff;
        text-align: center;
        font-size: 40px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .about-text p {
        font-size: 18px;
        color: #fff;
        text-align: center;
    }

.about p {
    font-size: 16px;
    font-weight: 300
}

.custom-info {
    background: url(../images/info-banners/1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.custom-info-column {
    background: #1a1a1a;
}

.custom-info2 {
    /*background: url(../images/info-banners/2.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.custom-info2-column {
    background: rgba(253, 113, 64, 0.7)
}

.custom-info3 {
    background: url(../images/info-banners/3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.custom-info3-column {
    background: rgba(0, 0, 0, 0.7);
}

.custom-info4 {
    background: url(../images/info-banners/3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.custom-info4-column {
    background: rgba(255, 255, 255, .8);
}

.custom-info-column {
    border-radius: 2em;
}

.thequote h5 {
    font-size: 2.5em;
    font-weight: 700;
}

.custom-info h5, .custom-info2 h5, .custom-info3 h5 {
    color: #fff;
    font-size: 41px;
    font-weight: 600;
    margin-bottom: 30px;
}

.custom-info p, .custom-info2 p, .custom-info3 p {
    color: #fff;
}

.clients {
    border: 1px solid #d7d5d5;
}

    .clients .block-grid-item {
        text-align: center;
        padding: 30px 20px;
        border: 1px solid #d7d5d5;
        border-left: 0;
        border-top: 0;
        background: #fff;
    }

.apps {
    text-align: center;
    padding: 0px 20px;
    border-left: 0;
    border-bottom: 0;
    margin: 15px;
}

    .apps img {
        background: #fff;
        text-align: center;
        border-radius: 2em;
        -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
        -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
        box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    }

.ourclients h3 {
    text-align: center;
}

.ourclients p {
    text-align: center;
    font-size: 18px;
}

.counter {
    position: relative;
    padding: 80px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}

.counter-holder:hover .counter-icon i.fa {
    border-radius: 50%;
}

.counter-text {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-transform: capitalize;
}

.counter-number {
    /* margin-bottom: -5px; */
    font-size: 41px;
    font-family: 'Montserrat', sans-serif;
}

.counter-number-holder {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
}

    .counter-number-holder .counter-number {
        font-size: 42px;
    }

.team {
    width: 100%;
    border-radius: 2em;
    overflow: hidden;
    -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
}

    .team img {
        max-width: 100%;
        height: auto;
        display: block;
        width: 100%;
    }

    .team figcaption {
        padding: 25px 20px;
        text-align: center;
    }

    .team h5 {
        text-transform: uppercase;
        line-height: normal;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 5px;
        margin-top: 0px;
    }

    .team p {
        color: #999;
    }

.clients .block-grid-item:nth-child(4n+4) {
    border-right: 0;
}

.testimonials h3 {
    text-align: center;
    color: #fff;
    font-weight: 300;
}

.testimonials p {
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.testimonial-content {
    padding: 20px 0 0;
    text-align: center;
}

    .testimonial-content p {
        color: #1a1a1a;
        padding: 25px 60px 5px;
        font-size: 16px;
        text-align: center;
    }

    .testimonial-content .whoclient h5 {
        font-size: 16px;
        color: #1a1a1a;
        text-transform: uppercase;
        letter-spacing: .07em;
        margin-bottom: 15px;
    }

        .testimonial-content .whoclient h5 a {
            color: #00a63f;
        }

.testimonialimg {
    text-align: center;
}

.testimonial-content img {
    width: 160px;
    height: 160px;
    border: 10px solid #00a63f;
    -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    border-radius: 2em;
}

/* ==============================
   10 = FAQ
   ============================== */

.faq {
    overflow: hidden;
}

    .faq h2 {
        margin-bottom: 12px;
        text-align: center;
    }

    .faq p {
        font-size: 16px;
        font-weight: 300;
        text-align: center;
    }

.faq-questions .panel-title a:hover, .faq-questions .panel-title a:active, .faq-questions .panel-title a:focus {
    color: #333;
    background: #f5f5f5;
}

.faq-questions .panel {
    margin-top: 0px !important;
}

.faq-questions .panel-group {
    margin-bottom: 0px;
}

.faq-questions {
    border: 1px solid #ddd;
}

.faq .panel {
    border: 0;
    box-shadow: 0;
    box-shadow: none;
    background: transparent;
}

.faq .panel-heading {
    border: 0;
    box-shadow: 0;
    background: transparent;
    color: #6E6E6E;
    border-radius: 0;
    padding: 0px;
}

.faq .panel {
    border-top: 1px solid #ddd;
}

    .faq .panel:first-child {
        border-top: 0px;
    }

.faq .panel-heading h4.panel-title {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3;
    color: #303030;
}

.faq .panel-body {
    padding: 15px;
    margin: 0;
    border-top: 0;
}

    .faq .panel-body p {
        text-align: left;
        font-size: 16px;
        padding: 0;
        line-height: 24px;
    }

.needsupport h6 {
    margin-top: 25px;
}

/* ==============================
   11 = Login
   ============================== */

.login {
    overflow: hidden;
}

.login-form-panel {
    border: 0;
    border-radius: 0px;
}

.login-form {
    text-align: center;
    border: 0;
    border-radius: 0px;
    overflow: hidden;
}

.login-form-panel .center-block, .Register-form-panel .center-block {
    border-radius: 2em;
}

/* ==============================
   12 = Datacenter
   ============================== */

.datacenter {
    overflow: hidden;
}

    .datacenter p {
        font-size: 16px;
        font-weight: 300;
        margin: 18px 0 0;
        text-align: center;
        padding: 0 30px;
    }

.datacenter-facilities {
    overflow: hidden;
}

#datacenter-partners .item {
    margin: 3px;
    text-align: center
}

/* ==============================
   13 = Elements
   ============================== */

/* qsSlider Order Slider  ----------------------- */
#qsSlider .title {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 600;
}

#qsSlider .sdecs {
    padding: 25px 0;
    color: #999
}

#qsSlider .slabels {
    float: right;
}

    #qsSlider .slabels .label {
        display: inline-block;
        padding-top: 6px;
        font-size: 15px;
        margin-top: -10px;
        border-radius: 3px;
        min-width: 80px;
    }

#qsSlider .slider {
    margin: 15px 0 75px;
}

#qsSlider #panelselector, #qsSlider #periodselector {
    padding: 25px 0;
    margin-bottom: 5px;
}

    #qsSlider #panelselector #panel, #qsSlider #periodselector #period {
        height: 50px;
    }

        #qsSlider #panelselector #panel #panelbackdrop, #qsSlider #periodselector #period #periodbackdrop {
            width: 10px;
            height: 10px
        }

#qsSlider #month, #qsSlider #pincluded {
    position: absolute;
    width: 170px;
    left: 20px;
    margin-top: 30px;
    cursor: pointer
}

#qsSlider #year, #qsSlider #nopanel {
    position: absolute;
    width: 170px;
    left: 20px;
    margin-top: -15px;
    cursor: pointer
}

#qsSlider #QsPrice {
    border: 1px solid #d5d7d8;
    border-width: 0 0 0 1px;
    padding-left: 15px
}

#qsSlider #buyvps {
    margin: 15px auto 0 0
}

#qsSlider #pricetext {
    border-bottom: 3px double #e5e5e5;
    display: inline-block
}

#qsSlider #pricetext {
    border: 2px dashed #1a1a1a;
    padding: 25px 15px;
    width: 100%;
    text-align: center;
}

    #qsSlider #pricetext #btext, #qsSlider #pricetext .fa, #qsSlider #pricetext .glyphicon {
        font-size: 18px
    }

    #qsSlider #pricetext h4, #qsSlider #pricetext h5 {
        text-transform: uppercase;
        margin-bottom: 0;
        font-weight: 600;
    }

#qsSlider #doller {
    font-size: 47px;
    font-weight: 700;
    color: #000;
}

#qsSlider #cents {
    font-size: 18px;
    font-weight: 700;
    color: #000
}

#qsSlider #presets {
    position: relative
}

    #qsSlider #presets .btn {
        width: 95%;
        font-size: 18px;
        text-transform: uppercase;
        margin-left: 2px;
        border-radius: 3px;
        margin-bottom: 15px;
        border: 0px;
        -webkit-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    }

        #qsSlider #presets .btn:hover {
            color: #000;
        }

    #qsSlider #presets div.product {
        float: left;
        display: block;
        width: 20%;
    }

#qsSlider .ui-slider {
    background: #e6e6e6;
    -webkit-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

    #qsSlider .ui-slider .ui-slider-handle:focus, #qsSlider .ui-slider .ui-slider-handle:active {
        outline: 0;
        box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .3);
        text-decoration: none
    }

        #qsSlider .ui-slider .ui-slider-handle:hover:before, #qsSlider .ui-slider .ui-slider-handle:focus:before, #qsSlider .ui-slider .ui-slider-handle:active:before {
            text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
        }

    #qsSlider .ui-slider .ui-slider-handle {
        cursor: pointer;
        background: white;
        border: 1px solid #ccc;
        width: 25px;
        height: 25px;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
        background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
        background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
        background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
        background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
        -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
    }

        #qsSlider .ui-slider .ui-slider-handle:before {
            display: inline-block
        }

        #qsSlider .ui-slider .ui-slider-handle:hover {
            background-color: #fff;
            outline: 0;
            box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .3);
            text-decoration: none;
        }

#qsSlider .ui-slider-horizontal {
    height: 15px
}

    #qsSlider .ui-slider-horizontal .ui-slider-handle {
        margin-left: -.725em;
        top: -.4em
    }

#qsSlider .ui-slider-vertical {
    width: 10px
}

    #qsSlider .ui-slider-vertical .ui-slider-handle {
        left: -8px;
        margin-bottom: -9px;
    }

#qsSlider .ui-slider-handle {
    outline: 0 !important;
    border-color: #414141;
    color: #414141;
}

#qsSlider .ui-slider-primary .ui-slider-handle, #qsSlider .ui-slider-primary .ui-slider-handle:hover, #qsSlider .ui-slider-primary .ui-slider-handle:focus, #qsSlider .ui-slider-primary .ui-slider-handle:active {
    color: #337ab7
}

#qsSlider .ui-slider-primary .ui-slider-range {
    background-color: #337ab7;
    border-radius: 16px;
}

#qsSlider .ui-slider-success .ui-slider-handle, #qsSlider .ui-slider-success .ui-slider-handle:hover, #qsSlider .ui-slider-success .ui-slider-handle:focus, #qsSlider .ui-slider-success .ui-slider-handle:active {
    color: #5cb85c;
}

#qsSlider .ui-slider-success .ui-slider-range {
    border-radius: 16px;
}

#qsSlider .ui-slider-danger .ui-slider-handle, #qsSlider .ui-slider-danger .ui-slider-handle:hover, #qsSlider .ui-slider-danger .ui-slider-handle:focus, #qsSlider .ui-slider-danger .ui-slider-handle:active {
    color: #d9534f
}

#qsSlider .ui-slider-danger .ui-slider-range {
    background-color: #d9534f;
    border-radius: 16px;
}

#qsSlider .ui-slider-info .ui-slider-handle, #qsSlider .ui-slider-info .ui-slider-handle:hover, #qsSlider .ui-slider-info .ui-slider-handle:focus, #qsSlider .ui-slider-info .ui-slider-handle:active {
    border-color: #5bc0de;
    color: #5bc0de
}

#qsSlider .ui-slider-info .ui-slider-range {
    background-color: #5bc0de
}

#qsSlider .ui-slider-warning .ui-slider-handle, #qsSlider .ui-slider-warning .ui-slider-handle:hover, #qsSlider .ui-slider-warning .ui-slider-handle:focus, #qsSlider .ui-slider-warning .ui-slider-handle:active {
    border-color: #f0ad4e;
    color: #f0ad4e
}

#qsSlider .ui-slider-warning .ui-slider-range {
    background-color: #f0ad4e
}

#qsSlider #tooltip {
    display: none;
    position: absolute;
    max-width: 200px;
    z-index: 1070;
    top: -75px
}

    #qsSlider #tooltip .text {
        padding: 10px 5px;
        display: block;
        background: #000;
        color: #fff;
        font-size: 12px;
        opacity: .8;
        filter: alpha(opacity=80);
        border-left: 5px solid #00b159;
    }

#qsSlider .cloud-msg {
    background: #303236;
    font-size: 18px;
    font-weight: normal;
    padding: 20px 35px;
    position: relative;
    text-align: center;
    line-height: 25px;
    color: #fff;
}

    #qsSlider .cloud-msg:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(114, 172, 148, 0);
        border-bottom-color: #303236;
        border-width: 10px;
        margin-left: -10px;
    }

#qsSlider .options {
    font-size: 19px;
    /* margin: 0; */
    padding: 0 0 5px;
    color: #292929;
    font-weight: 600;
}

/* cart ----------------------- */
.cart-section {
    padding: 15px;
    background: #fff;
    border: 1px solid #e4e4e4;
    -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
}
/* qsSlider ----------------------- */
#qsSlider .ui-slider-success .ui-slider-range {
    background-color: #5cb85c;
}

#qsSlider .ui-slider-range {
    background: #00a63f;
    background: -moz-linear-gradient(left, #00a63f 0%, #FF8C00 100%);
    background: -webkit-linear-gradient(left, #00a63f 0%, #FF8C00 100%);
    background: linear-gradient(to right, #00a63f 0%, #FF8C00 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a63f', endColorstr='#FF8C00', GradientType=1);
    cursor: pointer;
    border-radius: 16px;
}
/* Modal ----------------------- */
.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/* Smart Photo Gallery ----------------------- */
.smartphoto-nav ul {
    overflow: hidden;
}

/* Form Elements ----------------------- */
.coupon-code input {
    padding: 14px;
}

.coupon-code .input-copon {
    padding: 13px;
}

.coupon-code .btn {
    border-radius: 0px 3px 3px 0;
}

.checkbox {
    padding-left: 20px;
}

    .checkbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555555;
        }

    .checkbox input[type="checkbox"], .checkbox input[type="radio"] {
        opacity: 0;
        z-index: 1;
        cursor: pointer;
    }

        .checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {
            font-family: "FontAwesome";
            content: "\f00c";
        }

        .checkbox input[type="checkbox"]:indeterminate + label::after, .checkbox input[type="radio"]:indeterminate + label::after {
            display: block;
            content: "";
            width: 10px;
            height: 3px;
            background-color: #555555;
            border-radius: 2px;
            margin-left: -16.5px;
            margin-top: 7px;
        }

        .checkbox input[type="checkbox"]:disabled, .checkbox input[type="radio"]:disabled {
            cursor: not-allowed;
        }

            .checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label {
                opacity: 0.65;
            }

                .checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before {
                    background-color: #eeeeee;
                    cursor: not-allowed;
                }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }

.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::before, .checkbox-primary input[type="radio"]:indeterminate + label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::after, .checkbox-primary input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::before, .checkbox-danger input[type="radio"]:indeterminate + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::after, .checkbox-danger input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::before, .checkbox-info input[type="radio"]:indeterminate + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::after, .checkbox-info input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::before, .checkbox-warning input[type="radio"]:indeterminate + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::after, .checkbox-warning input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::before, .checkbox-success input[type="radio"]:indeterminate + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::after, .checkbox-success input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.radio {
    padding-left: 20px;
}

    .radio label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
    }

        .radio label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out;
            transition: border 0.15s ease-in-out;
        }

        .radio label::after {
            display: inline-block;
            position: absolute;
            content: " ";
            width: 11px;
            height: 11px;
            left: 3px;
            top: 3px;
            margin-left: -20px;
            border-radius: 50%;
            background-color: #555555;
            -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        }

    .radio input[type="radio"] {
        opacity: 0;
        z-index: 1;
        cursor: pointer;
    }

        .radio input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .radio input[type="radio"]:checked + label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .radio input[type="radio"]:disabled {
            cursor: not-allowed;
        }

            .radio input[type="radio"]:disabled + label {
                opacity: 0.65;
            }

                .radio input[type="radio"]:disabled + label::before {
                    cursor: not-allowed;
                }

    .radio.radio-inline {
        margin-top: 0;
    }

.radio-primary input[type="radio"] + label::after {
    background-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}

input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before {
    color: #fff;
}

input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after {
    color: #fff;
}

/* Combo Prices  ----------------------- */

.combo-prices h3 span {
    font-size: 13px;
    display: block;
}

.combo-prices p em {
    font-size: 16px;
}

/* Domain Prices  ----------------------- */

.domain-prices .prices {
    text-align: center;
}

    .domain-prices .prices h4 {
        background: #1a1a1a;
        padding: 12px 0;
        color: #fff;
        text-transform: uppercase;
        font-size: 26px;
        font-weight: 600;
        position: relative;
        margin: 0px;
        border-radius: 1em 1em 0 0;
    }

.domain-p-container:hover h4:after {
    content: '';
    position: absolute;
    left: 47%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #00a63f;
    clear: both;
}

.domain-p-container:hover h4, .domain-p-container h4.active {
    background: #00a63f;
    position: relative;
    margin: 0px;
    border-radius: 1em 1em 0 0;
}

    .domain-p-container:hover h4:hover:after, .domain-p-container:hover h4.active:after {
        content: '';
        position: absolute;
        left: 47%;
        top: 100%;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #00a63f;
        clear: both;
    }

.domain-prices .prices p {
    font-size: 30px;
    line-height: 32px;
    font-weight: 600;
    margin: 0px;
    padding: 30px;
    border-radius: 0 0 3px 3px;
}

    .domain-prices .prices p small {
        font-size: 16px;
        font-weight: 300;
    }

    .domain-prices .prices p span {
        display: block;
        font-size: 18px;
        font-weight: 600;
    }

.domain-p-container {
    margin-bottom: 30px;
    -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    border-radius: 2em;
    overflow: hidden;
}


/* Mini Badge  ----------------------- */

.main-badge {
    line-height: 18px;
    top: -5px;
    left: 5%;
    border-radius: 4px !important;
    height: 20px;
}

.left-badge-color-1, .left-badge-color-2, .left-badge-color-3 {
    width: auto;
    background: #F62459;
    position: absolute;
    margin-left: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 0px;
    border-radius: 4px;
    font-size: 11px;
    padding: 2px 6px;
    text-transform: uppercase;
    color: #fff;
    line-height: 18px;
}

.left-badge-color-2 {
    background: #00a63f;
}

    .left-badge-color-2:before {
        content: "";
        border-right: 5px solid #00a63f;
    }

.left-badge-color-3 {
    background: #175bb5;
}

    .left-badge-color-3:before {
        content: "";
        border-right: 5px solid #175bb5;
    }

.down-badge-color-1, .down-badge-color-2, .down-badge-color-3 {
    width: auto;
    background: #fc496d;
    position: absolute;
    margin-left: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 0px;
    border-radius: 0px 0px 0px 0;
    font-size: 11px;
    padding: 2px 6px;
    text-transform: uppercase;
    color: #fff;
}

.down-badge-color-2 {
    background: #ffba24;
    color: #333;
}

.down-badge-color-3 {
    background: #F62459;
}

    .down-badge-color-3:before {
        content: "";
        border-color: #F62459 transparent transparent;
    }

/*list style 1*/

ul.list1 {
    list-style: none;
    padding-left: 22px;
    overflow: hidden;
}

    ul.list1 li {
        position: relative;
        padding: 8px 0 4px;
        line-height: 25px;
        font-size: 16px;
    }

        ul.list1 li:before {
            content: '';
            display: block;
            position: absolute;
            border: 1px solid #00b159;
            left: -19px;
            top: 13px;
            width: 9px;
            height: 9px;
            border-radius: 100%;
        }

/*list style 2*/

ul.list2 {
    list-style: none;
    padding-left: 22px;
    overflow: hidden;
}

    ul.list2 li {
        position: relative;
        padding: 8px 0 4px;
        font-size: 16px;
    }

        ul.list2 li:before {
            content: '';
            display: block;
            position: absolute;
            border: 1px solid #00b159;
            left: -19px;
            top: 13px;
            width: 9px;
            height: 9px;
        }

/*list style 3*/

ul.list3 {
    list-style: none;
    padding-left: 22px;
    padding: 0;
}

    ul.list3 li {
        padding: 4px 0 4px;
    }

        ul.list3 li i.fa {
            color: #00b159;
            font-size: 16px;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            margin-right: 4px;
        }

/*list style 4*/

ul.list4 {
    list-style: none;
    padding-left: 22px;
    padding: 0;
}

    ul.list4 li {
        padding: 4px 0 4px;
        font-size: 16px;
    }

        ul.list4 li i.fa {
            background: #00b159;
            color: #fff;
            width: 17px;
            height: 17px;
            line-height: 20px;
            text-align: center;
            margin-right: 8px;
            font-size: 11px;
            border-radius: 100%;
        }

/*list style 5*/

ol.list5 {
    counter-reset: li;
    list-style: none outside none;
    padding: 0;
    overflow: hidden;
}

    ol.list5 li {
        position: relative;
        padding: 4px 0 4px 34px;
        font-size: 16px;
    }

        ol.list5 li:after {
            content: counter(li, decimal-leading-zero) ".";
            counter-increment: li;
            position: absolute;
            left: 2px;
            top: 50%;
            margin-top: -12px;
            color: #21252b;
            width: 26px;
            height: 26px;
            text-align: center;
            line-height: 26px;
        }

/*list style 6*/

ol.list6 {
    overflow: hidden;
}

    ol.list6 li {
        position: relative;
        padding: 4px 0 4px;
        font-size: 16px;
    }

/*BOXES STYLE*/

.boxes {
    border: 1px solid #dde1e1;
    padding: 30px 15px;
}

    .boxes:first-child h2, .boxes:first-child h1, .boxes:first-child h3 {
        margin-top: 0px;
    }

    .boxes p:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

.boxes-border-top {
    border-top: 5px solid #013553;
}

.boxes-border-left {
    border-left: px solid #01c1c1;
}

.boxes.border-dotted {
    border: 1px dotted #dde1e1;
}

.boxes.border-dotted-2 {
    border: 2px dotted #dde1e1;
}

.boxes.border-dotted-3 {
    border: px dotted #dde1e1;
}

.boxes.border-dashed {
    border: 1px dashed #dde1e1;
}

.boxes.border-dashed-2 {
    border: 2px dashed #dde1e1;
}

.boxes.border-dashed-3 {
    border: 3px dashed #dde1e1;
}

/*MARGINS*/

.margin-0 {
    margin: 0px;
}

.margin-5 {
    margin: 5px;
}

.margin-10 {
    margin: 10px;
}

.margin-15 {
    margin: 15px;
}

.margin-20 {
    margin: 20px;
}

.margin-25 {
    margin: 25px;
}

.margin-30 {
    margin: 30px;
}

.margin-35 {
    margin: 35px;
}

.margin-40 {
    margin: 40px;
}

.margin-45 {
    margin: 45px;
}

/*margins-top*/

.margin-top-0 {
    margin-top: 0px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-30 {
    margin-top: 10px;
}

.margin-top-35 {
    margin-top: 35px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-45 {
    margin-top: 10px;
}

/*margins-left*/

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-15 {
    margin-left: 15px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-left-25 {
    margin-left: 25px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-left-35 {
    margin-left: 35px;
}

.margin-left-40 {
    margin-left: 40px;
}

.margin-left-45 {
    margin-left: 45px;
}

/*margins-bottom*/

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-35 {
    margin-bottom: 35px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-45 {
    margin-bottom: 45px;
}

/*margins-right*/

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-15 {
    margin-right: 15px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-25 {
    margin-right: 25px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-right-35 {
    margin-right: 35px;
}

.margin-right-40 {
    margin-right: 40px;
}

.margin-right-45 {
    margin-right: 45px;
}

/*PROGRESS BAR*/

.progress {
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    border-radius: 4px;
    background: #e7e9e9;
    border-radius: 16px;
}

.progress-bar {
    background: #00a63f;
    font-size: 16px;
    color: #fff;
    -webkit-box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0);
    border-radius: 16px;
}

.skills-name {
    margin-left: 15px;
}

.skills-percentage {
    margin-right: 15px;
}

/*style 1*/

.progress.progress-style1 {
    border-radius: 0px;
    border-radius: 16px;
}

    .progress.progress-style1 .progress-bar {
        border-radius: 16px;
        background: #1a1a1a;
    }

/*style 2*/

.progress.progress-style2 {
    height: 30px;
    line-height: 30px;
}

    .progress.progress-style2 .progress-bar {
        height: 30px;
        line-height: 30px;
        background: #1a1a1a;
    }

.progress.progress-style3 {
    height: 30px;
    line-height: 30px;
    border-radius: 0px;
    border-radius: 16px;
}

    .progress.progress-style3 .progress-bar {
        height: 30px;
        line-height: 30px;
        border-radius: 16px;
    }

/*single_box Icons*/

.single_box {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-align: center;
}

    .single_box:hover {
    }

    .single_box img {
        border-radius: 100%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .single_box [class^="fa"] {
        font-size: 40px;
    }

    .single_box.style1 {
        padding: 0 0 30px;
    }

        .single_box.style1 [class^="fa"] {
            font-size: 48px;
            line-height: 60px;
            display: inline-block;
            width: 60px;
            height: 60px;
            margin-bottom: 7px;
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .single_box.style1:hover [class^="fa"] {
            color: #21252b;
        }

        .single_box.style1 p.introtext {
            margin-bottom: 0;
        }

    .single_box h3 {
        font-size: 24px;
        margin: 10px 0 14px;
    }

        .single_box h3 a {
            color: inherit;
        }

            .single_box h3 a:hover {
                color: #e16657;
            }

    .single_box p.introtext {
        margin: 10px 0 30px;
    }

/*CAROUSEL*/


/*owl style*/

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

    .owl-theme .owl-controls .owl-buttons div {
        color: #fff;
        display: inline-block;
        zoom: 1;
        margin: 5px;
        padding: 15px 13px;
        border-radius: 4px;
        font-size: 16px;
        background: #21252b;
        filter: Alpha(Opacity=70);
        opacity: 0.7;
    }

    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
        text-decoration: none;
    }

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver */
    }

        .owl-theme .owl-controls .owl-page span {
            display: block;
            width: 13px;
            height: 13px;
            margin: 5px 5px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            background: #21252b;
            filter: Alpha(Opacity=70);
            opacity: 0.7;
        }

        .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
            filter: Alpha(Opacity=100);
            /*IE7 fix*/
            opacity: 1;
        }

        .owl-theme .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #FFF;
            padding: 2px 10px;
            font-size: 12px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
        }

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center;
}

.owl-item-1 .owl-controls .owl-buttons div.owl-prev {
    position: absolute;
    top: 45%;
    left: 10px;
}

.owl-item-1 .owl-controls .owl-buttons div.owl-next {
    position: absolute;
    top: 45%;
    right: 10px;
}

/*search*/

.error h1 {
    font-size: 80px;
    font-weight: 600;
    color: #1a1a1a;
    text-align: center;
}

.big-title h1 {
    font-size: 80px;
    font-weight: 600;
    color: #1a1a1a;
    text-align: center;
}

.widget.search .input-group-addon {
    border-radius: 0px 3px 3px 0;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 6px 22px;
    background: #00a63f;
    -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
    -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
    box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
}

.widget.search {
}

/*Service Icons*/

.service-icon {
    margin: 0px auto;
    display: block;
    text-align: center;
    transition: all .3s;
}

    .service-icon:hover {
        transform: scale(1.1, 1.1);
        color: #013553;
        font-weight: 600;
    }

    .service-icon i {
        display: block;
    }

.service-text {
    width: 100%;
    margin-top: 15px;
    display: block;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
}

/* Icons */

.circle-icon {
    padding: 16px 19px;
    font-size: 32px;
    color: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    line-height: 46px !important;
    text-align: center;
}

.square-icon {
    padding: 16px 19px;
    font-size: 32px;
    color: #fff;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    line-height: 50px;
    text-align: center;
}

.square-border-icon {
	padding: 16px 19px;
	font-size: 32px;
	color: #FFFFFF;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	line-height: 46px !important;
	text-align: center;
	border-radius: 0.5em;
	background-color: #013553;
    /*-webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
	-moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
	box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);*/
}

.square-border-icon-fill {
    padding: 16px 19px;
    font-size: 32px;
    color: #fff;
    border: 2px solid #00a63f;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    line-height: 46px;
    text-align: center;
    border-radius: 3px;
}

.border-icon {
    background: transparent;
    padding: 19px;
    font-size: 32px;
    color: #00a63f;
    border-radius: 50%;
    border: 2px solid #00a63f;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    line-height: 41px;
    text-align: center;
}

.fa-cog.rotate-icon {
    background: #00a63f;
    padding: 16px 18px;
    font-size: 32px;
    color: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    line-height: 49px;
    text-align: center;
}

/* Alerts */

.alert-success {
    background: #e9ffd9;
    border: 1px solid #d1fab6;
    border-radius: 0px;
}

.alert-info {
    background: #d9edf7;
    color: #31708f;
    border: 0px;
    border-radius: 0px;
}

.alert-warning {
    background: #fcf8e3;
    color: #8a6d3b;
    border: 0px;
    border-radius: 0px;
}

.alert-danger {
    background: #f2dede;
    color: #a94442;
    border: 0px;
    border-radius: 0px;
}

.custom-alert {
    padding: 20px 15px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
    margin: 20px 0;
    border-radius: 3px;
}

    .custom-alert p {
        margin-top: 0px !important;
    }

.elements {
    background: #fff;
    overflow: hidden;
}

h2.elements {
    font-weight: 300;
    margin: 30px 0;
    font-size: 29px;
    text-align: center;
    border-bottom: 7px solid #ededed;
    padding-bottom: 12px;
}

.elements p {
    font-size: 16px;
    font-weight: 300;
    margin: 18px 0 0;
}

.accordion-example .panel {
    box-shadow: 0;
    /*box-shadow: 0 2px 2px #ddd;
	-webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
	-moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
	box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);*/
}

.accordion-example .panel-heading {
    border: 0;
    box-shadow: 0;
    background: #F2F2F2;
    color: #6E6E6E;
    border-radius: 3px 3px 0 0;
    padding: 0px;
}

    .accordion-example.panel-heading h4.panel-title {
        font-size: 16px;
        font-weight: normal;
        line-height: 1.3
    }

.accordion-example .panel-body {
    padding: 15px;
    margin: 0;
}

    .accordion-example .panel-body p {
        text-align: left;
        font-size: 16px;
        padding: 0;
        margin: 0;
    }

.buttons-example {
    display: table;
    margin: 0 auto;
}

.elements .btn {
    margin-bottom: 12px;
    margin: 0;
    border-radius: 3px;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 26px !important;
    line-height: 1.3333333 !important;
}

.btn-sm {
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5;
    border-radius: 3px;
}

.btn {
    text-shadow: none;
    padding: 6px 22px;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    white-space: normal;
    -webkit-box-shadow: 1px 4px 15px -5px rgba(28, 31, 60,1);
    -moz-box-shadow: 1px 4px 15px -5px rgba(28, 31, 60,1);
}

    .btn:hover {
        opacity: 1;
    }

        .btn:hover:after {
            -webkit-transition: .7s linear;
            transition: .7s linear;
            background-position: 150% 0;
        }

    .btn:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 110%;
        height: 100%;
        content: '';
        -webkit-transform: skewX(-50deg);
        transform: skewX(-50deg);
        background: -webkit-linear-gradient(right, rgba(248,248,255, .2), rgba(248,248,255, .2), rgba(248,248,255, .2)) no-repeat -2em 0;
        background: linear-gradient(to left, rgba(248,248,255, .2), rgba(248,248,255, .2), rgba(248,248,255, .2)) no-repeat -2em 0;
        background-size: 1em 100%;
    }

    .btn.no-radius {
        border-radius: 0
    }

a.btn {
    background: #dddddd;
}


.btn.btn-default {
    background: #fff;
    border: 1px solid #bebdbd;
}

    .btn.btn-default a {
        display: block;
    }

    .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {
        border: 1px solid #00a63f;
    }

.btn.btn-info {
    background: #59ABE3;
}

.btn.btn-success {
    background: #5cb85c;
    -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
    -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
    box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
}

.btn.btn-border {
    border: 1px solid #4cae4c;
    color: #fff;
}

.btn.btn-success:hover, .btn.btn-success:active {
    background: #449d44;
}

.btn.btn-warning {
    background: #E67E22;
}

    .btn.btn-warning:hover, .btn.btn-warning:active {
        background: #f28f37;
    }

.btn.btn-danger {
    background: #d9534f;
}

    .btn.btn-danger:hover, .btn.btn-danger:active {
        background: #c9302c;
    }

.btn-new {
    background: #013553 !important;
    color: #fff;
    -webkit-box-shadow: 1px 4px 15px -5px rgba(28, 31, 60,1);
    -moz-box-shadow: 1px 4px 15px -5px rgba(28, 31, 60,1);
    box-shadow: 1px 4px 15px -5px rgb(28, 31, 60);
}

    .btn-new:hover, .btn-new:active, .btn-new:focus {
        background: #2bb4ab !important;
        color: #fff;
    }

.btn-new2 {
    background: #2bb4ab !important;
    color: #fff;
    -webkit-box-shadow: 1px 4px 15px -5px rgba(43, 180, 171,1);
    -moz-box-shadow: 1px 4px 15px -5px rgba(43, 180, 171,1);
    box-shadow: 1px 4px 15px -5px rgba(43, 180, 171,1);
}

    .btn-new2:hover, .btn-new2:active, .btn-new2:focus {
        background: #013553 !important;
        color: #fff;
        box-shadow: none;
    }

.btn-new3 {
    background: #d73056 !important;
    color: #fff;
    -webkit-box-shadow: 1px 4px 15px -5px rgba(28, 31, 60,1);
    -moz-box-shadow: 1px 4px 15px -5px rgba(28, 31, 60,1);
    box-shadow: 1px 4px 15px -5px rgb(28, 31, 60);
}

    .btn-new3:hover, .btn-new3:active, .btn-new3:focus {
        background: #b01338 !important;
        color: #fff;
    }

#carousel-example .item {
    margin: 1px;
}

    #carousel-example .item img {
        display: block;
        width: 100%;
        height: auto;
    }

.counters p {
    font-size: 16px;
    font-weight: 300;
    margin: 0 auto;
    text-align: center;
}

.counters span {
    display: block;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}

.counters .circle-text {
    color: #807e7e;
    font-weight: 900;
}

.elements h5.badge {
    font-size: 18px;
    padding: 9px 20px;
    background: #fd7140;
    display: table;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 30px;
    border-radius: 0px;
}

.pricingtables.default {
    background: #fff;
}

    .pricingtables.default .panel-heading {
        background: transparent;
    }

        .pricingtables.default .panel-heading h3 {
            color: #1a1a1a;
            font-size: 21px;
            font-weight: 400;
            margin: 0;
            padding: 20px 0;
        }

/* ==============================
   14 = Blog
   ============================== */

.post-meta {
    display: table;
    width: 100%;
    height: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .post-meta .date, .post-meta .comments {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        padding: 0;
        background-color: #222;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        font-size: 12px;
        overflow: hidden;
    }

    .post-meta .date, .post-meta .comments {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        padding: 0;
        background-color: #222;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        font-size: 12px;
        overflow: hidden;
    }

.post-meta {
    display: table;
    width: 100%;
    height: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog .post-meta .date, .blog .post-meta .comments {
    float: none;
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    color: #1a1a1a;
    background-color: #e9e9e9;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    overflow: hidden;
    border-radius: 2em;
}

.blog .post-meta .comments {
    background-color: #00a63f;
    border-radius: 2em;
}

    .blog .post-meta .comments a {
        color: #fff;
    }

.blog .post-meta .date a {
    color: #303030;
}

.blog article {
    background: #fff;
    border-radius: 6px;
}

.blog.single article {
    margin-bottom: 40px;
}

.blog article .post-content {
    padding: 25px;
    border: 1px solid #e4e4e4;
    -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
}

    .blog article .post-content h2 {
        font-size: 32px;
    }

        .blog article .post-content h2 a {
            color: #00a63f;
            font-weight: 600;
            text-transform: uppercase;
            margin-bottom: 40px;
            display: block;
        }

    .blog article .post-content h2 {
        color: #6E6E6E;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 28px;
        margin-bottom: 40px;
        display: block;
    }

    .blog article .post-content hr {
        border: solid #fd7140;
        border-width: 1px 0 0;
        clear: both;
        height: 0;
        margin-top: 27px;
        margin-bottom: 27px;
        max-width: 70px;
    }

    .blog article .post-content .thedate {
        color: #abaaaa;
        font-size: 19px;
        font-weight: 300;
    }

    .blog article .post-content p {
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
    }

    .blog article .post-content ul li {
        font-size: 16px;
        font-weight: 300;
    }

    .blog article .post-content blockquote {
        border-left-color: #00a63f;
        font-size: 16px;
        font-weight: 300;
    }

    .blog article .post-content .button {
        color: #fff;
        display: inline-block;
        font-size: 16px;
        padding: 15px 20px;
        background: #00a63f;
        border-radius: 2em;
        text-decoration: none;
        -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
        -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
        box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
    }

        .blog article .post-content .button:hover {
            background: #00a63f;
        }

.blog .sidebar {
    border-radius: 0px;
    padding: 15px;
    -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35);
    background: #fff;
}

    .blog .sidebar .widget:last-child {
        margin-bottom: 0px;
    }

    .blog .sidebar .widget h3.badge {
        border-radius: 0px;
        padding: 12px 0;
        display: block;
        font-size: 16px;
        text-align: left;
        background: transparent;
        color: #00a63f;
        margin: 0px;
    }

        .blog .sidebar .widget h3.badge:first-child {
            margin-top: 0px;
            padding-top: 0px;
        }

    .blog .sidebar .widget ul {
        padding: 0;
        margin: 0;
        list-style: none;
        border: 1px solid #e6e6e6;
    }

        .blog .sidebar .widget ul li {
            padding: 9px 6px;
            font-size: 16px;
            font-weight: 300;
            border-bottom: 1px solid #EDEDED;
            background: #fff;
        }

            .blog .sidebar .widget ul li span.badge {
                float: right;
                margin-top: 2px;
                border: 1px solid #00a63f;
                background: transparent;
                color: #1a1a1a;
                font-weight: 300;
            }

            .blog .sidebar .widget ul li a {
                color: #6E6E6E;
            }

                .blog .sidebar .widget ul li a:hover {
                    color: #00a63f;
                }

    .blog .sidebar .widget .blogsearch input[type="text"].form-control {
        border: 0;
        box-shadow: none;
        border-radius: 3px;
        font-size: 16px;
        height: 45px;
        padding: 5px 15px;
        width: 100%;
        border: 1px solid #e6e6e6;
    }

.tagcloud {
    overflow: hidden;
}

    .tagcloud a {
        border: 1px solid #00a63f;
        color: #1a1a1a;
        display: block;
        float: left;
        font-size: 16px;
        margin: 0 6px 6px 0;
        padding: 5px 7px;
        position: relative;
        border-radius: 2em;
    }

        .tagcloud a:hover {
            background: #00a63f;
            color: #fff;
        }

.blog nav ul.pagination li {
    font-size: 16px;
}

    .blog nav ul.pagination li a {
        color: #6e6e6e;
        padding: 10px 18px 9px;
        border-radius: 3px;
        margin: 1px;
    }

        .blog nav ul.pagination li a.active, .blog nav ul.pagination li a.active:hover {
            background: #00a63f;
            color: #fff;
            border-color: #00a63f;
            -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
            -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
            box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
        }

        .blog nav ul.pagination li a:hover {
            background: #f5f5f5;
            color: #1a1a1a;
        }

/* Author box */

.author-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 50px;
}

.author-gravatar {
    margin: 0;
    line-height: 1;
}

    .author-gravatar img {
        border: 0;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

.author-title {
    color: #6E6E6E;
    display: block;
    line-height: 1.5;
    margin: 0 0 15px;
    padding: 0 0 10px;
    border-bottom: 1px solid #00a63f;
}

    .author-title h6 {
        padding: 0;
        margin: 0 0 6px;
        font-size: 19px;
        font-weight: 700;
        color: #00a63f;
    }

.author-description {
    display: block;
    margin: 0 0 5px;
}

    .author-description p {
        margin: 0;
        font-size: 16px;
        font-weight: 300;
    }

/* Comments */

.comments, #addcomments {
    border-radius: 6px;
}

#thecomments {
    margin-top: 0;
}

    #thecomments h2 {
        font-size: 25px;
    }

#addcomments {
    margin-top: 0;
}

/* Comments List */

ol.commentlist {
    margin: 0;
    padding: 0 20px;
}

.commentlist .comment-body {
    padding: 0;
    margin: 0;
    position: relative;
    border-top: 0;
}

.comment-body a:hover {
    text-decoration: underline;
}

.comment-body a.comment-reply-link {
    background: #00a63f;
    margin: 0;
    text-decoration: none;
    color: #fff;
    padding: 3px 8px 4px;
    font-size: 11px;
    border: 0;
    border-radius: 2em;
}

    .comment-body a.comment-reply-link:hover {
        background: #6E6E6E;
    }

ol.commentlist li {
    margin-top: 20px;
    list-style: none;
    padding: 20px 0;
    border-bottom: 1px solid #e9e9e9;
}

    ol.commentlist li ul.children {
        margin-bottom: 0px;
        margin-top: 25px;
    }

        ol.commentlist li ul.children li {
            border-bottom: 0;
            padding-left: 20px;
            margin: 10px 0;
            border-left: 1px solid #e8e8e8;
        }

        ol.commentlist li ul.children comment-body {
            padding: 15px 0 5px;
            margin: 10px 0 0;
            position: relative;
        }

.reply {
    margin-bottom: 25px;
}

ol.commentlist img.avatar {
    margin-right: 20px;
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 48px;
}

ol.commentlist .comment-author {
    line-height: 25px;
    border: 0;
    width: 100%;
}

.comment-body h6 {
    font-style: normal;
    margin: 0;
    padding: 8px 0 0;
}

    .comment-body h6 a {
        color: #6E6E6E;
    }

        .comment-body h6 a:hover {
            color: #fd7140;
            text-decoration: none
        }

.comment-time {
    font-size: 12px;
    font-style: normal;
    color: #ccc;
}

.commentmetadata {
    clear: both;
    padding: 0;
    margin: 0;
}

    .commentmetadata a {
        margin: 0;
        color: #000;
        text-decoration: underline;
    }

.comment-body p {
    padding: 20px 0 6px;
    font-weight: 300;
}

.comment-body .comment-author.vcard {
    margin: 0;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
}

.comment-body ul, .comment-body ol {
    padding: 0;
    margin: 0;
}

    .comment-body ul li, .comment-body ol li {
        padding: 7px 0;
        margin: 0;
        border: 0;
    }

        .comment-body ul li ul, .comment-body ol li ol {
            padding: 7px 0 7px 7px;
            margin: 0;
            border: 0;
        }

#reply-title {
    margin: 10px 0;
    padding: 0 0 5px;
    font-weight: normal;
    font-size: 26px;
    line-height: 1.3;
    display: block;
    margin-bottom: -2px;
    font-weight: 700;
}

.comment-notes {
    padding-top: 25px;
    text-align: center;
}

form#commentform textarea {
    min-height: 150px;
}

form#commentform label, form#commentform p {
    font-weight: 300;
}

form#commentform input#submit {
    background: #00a63f;
    margin-top: 0;
    color: #fff;
    padding: 9px 12px 10px;
    font-size: 16px;
    border: 0;
    border-radius: 2em;
}

    form#commentform input#submit:hover {
        background: #00a63f;
    }

/* ==============================
   15 = Contact
   ============================== */

#map_wrapper {
    height: 550px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

    #map_canvas img {
        max-width: none;
    }

.map iframe{
  width:100%;
  height:200px
}

.info_content h5 {
    font-weight: 400;
    color: #fd7140;
}

.info_content p {
    font-weight: 300;
    font-size: 16px;
}

.contact {
    background: #fff;
    overflow: hidden;
}

    .contact h3 {
        padding: 12px 0;
        font-size: 22px;
        border-bottom: 1px solid #EDEDED;
        margin-bottom: 25px;
        margin-top: 0;
        padding-top: 0;
    }

.contact-address address p i.fa {
    color: #00a63f;
    font-size: 20px;
    width: 35px;
    padding: 5px 0;
    text-align: center;
}

.contact-address address p i.fa, .contact-address address p span {
    display: table-cell;
    vertical-align: top;
}

#contactform label {
    font-weight: 300;
}

#sendstatus {
    margin: 0;
}

    #sendstatus .alert.alert-danger {
        border-radius: 0;
        background: #ffecec;
        border: 1px solid #fad9d7;
    }

    #sendstatus .alert.alert-success {
        background: #e9ffd9;
        color: #13c823;
        border-radius: 0;
        border: 1px solid #d1fab6;
    }

.contact h4.badge {
    border-radius: 0;
    padding: 12px;
    display: block;
    font-size: 16px;
    text-align: left;
    background: #fd7140
}

.contact p, .contact p a {
    color: #6E6E6E;
}

    .contact p a:hover {
        color: #fd7140;
    }

.contact ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .contact ul li {
        padding: 9px 6px;
        font-size: 16px;
    }

        .contact ul li a {
            color: #6E6E6E;
        }

            .contact ul li a:hover {
                color: #fd7140;
            }

/* Datacenter  ----------------------- */

#datacenterLocations .container {
    position: relative;
}

#datacenterLocations img.img-responsive {
    margin: 0 auto;
}

.datacenter-locations {
    position: relative;
}

.datacenter-location-marker {
    position: absolute;
    color: #00a63f;
    font-size: 34px;
    line-height: 38px;
    cursor: pointer;
}

    .datacenter-location-marker.marker-1 {
        top: 36%;
        left: 17%;
    }

    .datacenter-location-marker.marker-2 {
        top: 26%;
        left: 23%;
    }

    .datacenter-location-marker.marker-3 {
        top: 63%;
        left: 36%;
    }

    .datacenter-location-marker.marker-4 {
        top: 47%;
        left: 69%;
    }

    .datacenter-location-marker.marker-5 {
        top: 59%;
        left: 75.7%;
    }

    .datacenter-location-marker.marker-6 {
        top: 26%;
        left: 51%;
    }

/* ============
   16 = Footer
   ============ */

.footer {
    background-image: url(../images/pattern1.png);
    background-repeat: repeat;
}

    .footer h4 {
        color: #fff;
        font-size: 18px;
        letter-spacing: -.05em;
        margin: 0;
        padding: 0 0 12px;
        font-weight: 600;
    }

    .footer p {
        color: #fff;
    }

.main-footer ul {
    list-style: none;
    padding: 10px 0 0;
}

    .main-footer ul li {
        color: #013553;
        font-size: 16px;
        padding: 5px 0 5px 20px;
        position: relative;
    }

.copyright p {
    font-size: 18px;
    margin-bottom: 15px;
}

@media (max-width: 440px) {
    .copyright p {
        font-size: 13px;
        margin-bottom: 15px;
        word-wrap: break-word;
    }
}

.main-footer ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    left: 0;
    top: 5px;
    color: #93999E;
}

.social-links a i {
    position: relative;
    top: 3px;
}

.social-links a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    @include em(20);
    line-height: 2.6;
    margin-right: 10px;
    margin-bottom: 10px;
}

    .social-links a:hover {
        background-color: #31b4ac;
        border: 2px solid #31b4ac;
        color: #fff;
    }

.footer ul li a {
    color: #93999E;
    font-size: 14px;
}

    .footer ul li a:hover {
        color: #fff;
        text-decoration: none;
    }

.footer ul.questions {
    list-style: none;
    margin: 0;
    padding: 10px 0 0;
}

    .footer ul.questions li {
        font-size: 16px;
        margin-bottom: 4px;
        padding: 10px 15px;
    }

        .footer ul.questions li i {
            padding-right: 6px;
        }

        .footer ul.questions li a:hover {
            color: #fff;
        }

/* MailChip Newsletter Form Styling  ----------------------- */

#mc_embed_signup {
    text-align: right;
    padding-top: 3px;
}

    #mc_embed_signup input[type="email"].form-control {
        border-radius: 2em;
        font-size: 18px;
        height: 50px;
        padding: 5px 15px;
        width: 100%;
        border: 0;
    }

    #mc_embed_signup input[type="submit"] {
        background: #00a63f;
        border: 0;
        border-radius: 2em;
        color: #ffffff;
        cursor: pointer;
        font-size: 16px;
        height: 50px;
        padding: 8px 6px 6px;
        text-transform: capitalize;
        width: 100%;
        float: right;
        position: relative;
        -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
        -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
        box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);
    }

        #mc_embed_signup input[type="submit"]:hover {
            background: #00a63f;
        }

    #mc_embed_signup input[type="email"]:focus, .domainsearch select:focus {
        box-shadow: 0 8px 6px -6px #000;
    }

.subscribe h3 {
    margin-top: 0px;
}

/* End of Footer */


/* ============
   17 = Loader
   ============ */

/* Loading  ----------------------- */
.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 300000;
    background: #f3e700;
}

    .loading p {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 50vh;
    }

    .loading .loader {
        margin: -12em 0 0 -12em;
        width: 50px;
        height: 50px;
        font-size: 2px;
        position: absolute;
        text-indent: -9999em;
        top: 50vh;
        left: 50vw;
        border-top: 0.8em solid rgba(0,0,0,1);
        border-right: 0.8em solid rgba(0,0,0,1);
        border-bottom: 0.8em solid rgba(0,0,0,1);
        border-left: 0.8em solid #E9E52D;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 0.7s infinite linear;
        animation: load8 0.7s infinite linear;
    }

        .loading .loader,
        .loading .loader:after {
            border-radius: 50%;
            width: 24em;
            height: 24em;
        }

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* End of Loading */

/* Back to Top Button  ----------------------- */

#back-to-top {
    color: #fff;
    position: fixed;
    bottom: 140px;
    right: 20px;
    z-index: 99;
    display: none;
    text-align: center;
    border-radius: 3px;
    z-index: 10000;
    height: 50px;
    width: 50px;
    background-color: rgba(0, 0, 0, 0.4);
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
}

    #back-to-top i {
        padding-top: 15px;
        font-size: 16px;
    }

    #back-to-top:hover {
        background: #31b4ac;
    }

/* Bootstrap Styles Reset  ----------------------- */

.no-shadow {
    text-shadow: none !important;
}

.text-muted {
    color: #777 !important;
}

.text-left {
    text-align: left !important;
}

.text-new {
    color: #F62459 !important;
}

.text_dark {
    color: #1a1a1a !important;
}

.text_blue {
    color: #1B4899 !important;
}

.text_white {
    color: #fff !important;
}

.text_mute {
    color: #999 !important;
}

.text_primary {
    color: #31b4ac !important;
}

.text_secondary {
    color: #fd7140 !important;
}

.text_purple {
    color: #8d55a0 !important;
}

.text_pink {
    color: #dd1a4b !important;
}

.alert {
    border-radius: 3px;
}

.text-success, .text_success {
    color: #5cb85c;
}

.text-info, .text_info {
    color: #5bc0de !important;
}

.text-warning, .text_warning {
    color: #f0ad4e !important;
}

.text-danger, .text_danger {
    color: #ef4a44 !important;
}

@media screen and (max-width: 1024px) {
    /* #menu is the original menu */
    #topMenu {
        display: none;
    }
}

.topMenu, .slicknav_menu {
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
    -webkit-box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.3);
}

.icon i {
    transition: all 0.3s;
}

.icon:hover i {
    color: #f2e500;
    border: 2px solid #f2e500;
    border-radius: 100%;
    -webkit-animation: tada 1s;
    animation: tada 1s;
    transition: all 0.7s;
}

.icon:hover h3 {
    color: #f2e500;
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
    transition: all 0.7s;
}

/* ======================= */
.sectionIcon i {
    transition: all 0.3s;
    color: #31b4ac;
}

.sectionIcon:hover i {
    color: #fff;
    animation: tada 1s;
    transition: all 0.5s;
    background-color: #31b4ac;
    border: 2px solid #31b4ac;
    border-radius: 100%;
}
/* ======================= */

.scaleTransform {
    transition: all 0.3s;
    transform: scale(1);
}

    .scaleTransform:hover {
        transition: all 0.6s;
        transform: scale(1.2);
        z-index: 10;
    }

.rotateClock {
    animation: rotationClock 20s infinite;
    transform: rotate(0deg);
    animation-timing-function: linear;
}

.rotateClockWise {
    animation: rotationClockWise 20s infinite;
    transform: rotate(0deg);
    animation-timing-function: linear;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes rotationClock {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
/* Standard syntax */
@keyframes rotationClock {
    100% {
        transform: rotate(360deg);
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes rotationClockWise {
    100% {
        -webkit-transform: rotate(-360deg);
    }
}
/* Standard syntax */
@keyframes rotationClockWise {
    100% {
        transform: rotate(-360deg);
    }
}

.text-white {
    color: #FFFFFF !important;
}

.tadaEffect:hover {
    animation: tada 1s;
    -webkit-animation: tada 1s;
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

    .row > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

.verticalFlex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.verticalFlex2 {
    display: flex;
    justify-content: center;
}

.verticalIconFlex {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-size: 50px !important;
    width: 80px;
    height: 80px;
    line-height: 80px !important;
}

.before-mt-6:before {
    margin-top: 6px;
}

.before-mr-5:before {
    margin-right: 5px;
}

.before-ml-8:before {
    margin-left: 8px;
}

.before-mb-5:before {
    margin-bottom: 5px;
}

.well2 {
    /*background: #fff;*/
    border-radius: 14px 14px 0px 0px;
    padding: 30px 20px;
    /*margin-bottom: 20px;*/
}

.parallaxSection {
    background-image: url('/assets/site/images/bg4.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wow {
    opacity: 0;
}

.menuSpacer {
    height: 82px;
}

.blueGradient {
    padding-top: 30px;
    background: #EC1F24;
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, #EC1F24 20%, #EC1F24 80%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, #EC1F24 20%, #EC1F24 80%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    background: linear-gradient(180deg, #EC1F24 0%, #EC1F24 90%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.opacity-0 {
    opacity: 0;
}

.wow {
    visibility: hidden;
}

.faixaBanner {
    height: 30px;
}

    .faixaBanner div:nth-child(1) {
        height: 100%;
        background-color: #013553;
    }

    .faixaBanner div:nth-child(2) {
        height: 100%;
        background-color: #fff;
    }

    .faixaBanner div:nth-child(3) {
        height: 100%;
        background-color: #279fba;
    }

.h3Subtitle {
    text-align: justify;
}

.h3FaixaTexto {
    font-size: 1.7em;
    font-weight: 800;
    margin-bottom: 0;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.4em;
}

.h3FaixaPreco {
    font-size: 6.5em;
    font-weight: 800;
}

.paddingFaixaTopo {
    padding-top: 30px;
    padding-bottom: 30px;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:after {
    display: none;
}

.faixaAuxPadding {
    padding-bottom: 30px;
}

.empresaTitle {
    font-size: 25px !important;
    height: 56px;
    background: #013553;
    border-radius: 34px;
    color: #FFF !important;
    padding-top: 19px;
    padding-left: 20px;
    padding-right: 20px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /*.faixaBanner div:nth-child(1) {
        height: 100%;
        background-color: red;
    }*/

    .faixaBanner {
        height: 50px;
    }

    .h3Subtitle {
        font-weight: 800;
        font-size: 1.7em;
    }

    .h3FaixaTexto {
        font-size: 2em;
        font-weight: 800;
        margin-bottom: 0;
        text-align: center;
        margin-bottom: 0;
        line-height: 1.4em;
    }

    .h3FaixaPreco {
        font-size: 7em;
        font-weight: 800;
    }

    .paddingFaixa {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .paddingFaixaTopo {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .blueGradient {
        padding-top: 30px;
        background: #EC1F24;
        background: -moz-linear-gradient(180deg, #EC1F24 0%, #EC1F24 75%, rgba(255, 255, 255,1) 75%, rgba(255, 255, 255,1) 100%);
        background: -webkit-linear-gradient(180deg, #EC1F24) 0%, #EC1F24 75%, rgba(255, 255, 255,1) 75%, rgba(255, 255, 255,1) 100%);
        background: linear-gradient(180deg, #EC1F24 0%, #EC1F24 90%, rgba(255, 255, 255,1) 90%, rgba(255, 255, 255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    }

    .pricingtables h4 {
        font-size: 65px;
    }

    h3 {
        font-size: 1.1em;
    }

    .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:after {
        display: none;
    }

    .empresaTitle {
        font-size: 50px !important;
        height: 56px;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /*.faixaBanner div:nth-child(1) {
        height: 100%;
        background-color: blue;
    }*/
.text-container h5 {
white-space: nowrap;
}
    .faixaBanner {
        height: 60px;
    }

    .h3Subtitle {
        font-weight: 800;
        font-size: 1.7em;
        padding-top: 50px;
        padding-bottom: 10px;
    }

    .h3FaixaTexto {
        font-size: 1.2em;
        font-weight: 800;
        margin-bottom: 0;
        text-align: right;
        margin-bottom: 0;
        line-height: 1.4em;
    }

    .h3FaixaPreco {
        font-size: 5em;
        font-weight: 800;
    }

    .paddingFaixa {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .paddingFaixaTopo {
        padding-top: 30px;
        padding-bottom: 0px;
    }

    .blueGradient {
        padding-top: 0px;
        background: #EC1F24;
        background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, #EC1F24 0%, #EC1F24 100%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, #EC1F24 0%, #EC1F24 100%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, #EC1F24 0%, #EC1F24 100%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    }

    .pricingtables h4 {
        font-size: 65px;
    }

    h3 {
        font-size: 1.1em;
    }

    .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:after {
        display: none;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    /*.faixaBanner div:nth-child(1) {
        height: 100%;
        background-color: greenyellow;
    }*/
.text-container h2 {
 margin-top:3rem;
}
.telefone h2 {
 font-size: 1.5rem;
 margin-top:0rem;
}

.botao h2 {
 font-size: 2.5rem;
 margin-top:3rem;
}
.text-container h5 {
font-size: 1.3125rem;
}
    .faixaBanner {
        height: 70px;
    }

    .h3Subtitle {
        font-weight: 800;
        font-size: 2.2em;
        padding-top: 50px;
        padding-bottom: 10px;
    }

    .h3FaixaTexto {
        font-size: 1.6em;
        font-weight: 800;
        margin-bottom: 0;
        text-align: right;
        margin-bottom: 0;
        line-height: 1.4em;
    }

    .h3FaixaPreco {
        font-size: 7em;
        font-weight: 800;
    }

    .paddingFaixa {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .paddingFaixaTopo {
        padding-top: 60px;
        padding-bottom: 0px;
    }

    .blueGradient {
        padding-top: 0px;
        background: #EC1F24;
        background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, #EC1F24 10%, #EC1F24 90%, rgba(255, 255, 255,1) 90%, rgba(255, 255, 255,1) 100%);
        background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, #EC1F24 10%, #EC1F24 90%, rgba(255, 255, 255,1) 90%, rgba(255, 255, 255,1) 100%);
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, #EC1F24 10%, #EC1F24 90%, rgba(255, 255, 255,1) 90%, rgba(255, 255, 255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    }

    .faixaAuxPadding {
        padding-bottom: 0px;
    }

    .pricingtables h4 {
        font-size: 70px;
    }

    h3 {
        font-size: 1.3em;
    }

    .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:after {
        display: block;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
    .blueGradient {
        padding-top: 0px;
        background: #EC1F24;
        background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, #EC1F24 20%, #EC1F24 80%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, #EC1F24 20%, #EC1F24 80%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, #EC1F24 20%, #EC1F24 80%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    }
}


.service {
	margin: 30px 0 15px 0;
}

.main-feature p {
    font-size: 13px !important;
}

.plansDescription {
    letter-spacing: inherit !important;
    font-size: inherit !important;
    margin: auto !important;
    padding: initial !important;
}

.shadowBtn {
    -webkit-box-shadow: 1px 4px 15px -5px rgba(28, 31, 60,1);
    -moz-box-shadow: 1px 4px 15px -5px rgba(28, 31, 60,1);
    box-shadow: 1px 4px 15px -5px rgb(28, 31, 60);
}

a[href^=tel] {
    color: inherit !important;
    text-decoration: none !important;
}


/* BANNER ==================*/

/*Preço*/
.tp-caption.Dining-Social, .Dining-Social {
    color: rgb(27, 31, 59) !important;
    border-color: rgb(27, 31, 59) !important;
}

    .tp-caption.Dining-Social:hover, .Dining-Social:hover {
        color: #d73056 !important;
        border-color: #d73056 !important;
    }

.sifrao-banner {
    font-family: gothamrounded-book;
    color: #1b1f3b;
    font-size: 30%;
    top: -2.2em;
    left: 0.8em;
}

.decimal-banner {
    top: -0.2em;
    left: -0.5em;
}

.decimal-value-banner {
    top: -0.4em;
    left: -1em;
    font-size: 75%;
}

.velocidade-title {
    border-radius: 10px 0px !important;
}

@media (max-width: 768px) {
    .d-none-xs {
        display: none !important;
    }
}

/*@media (min-width: 576px) {
}*/

@media (min-width: 768px) {
    .sifrao-banner {
        top: -1.6em;
        left: 0.8em;
    }

    .decimal-banner {
        top: -0.2em;
        left: -0.4em;
    }

    .decimal-value-banner {
        top: -0.2em;
        left: -0.8em;
        font-size: 75%;
    }

    .velocidade-title {
        border-radius: 30px 0px !important;
    }
}


/* ANIMATIONS */

.ghost-animation-01 {
    animation: animationFramesMobile ease-in-out 2.1s;
    animation-iteration-count: infinite !important;
    animation-delay: 10s;
    transform-origin: 50% 50%;
    -webkit-animation: animationFramesMobile ease-in-out 2.1s;
    -webkit-animation-iteration-count: infinite !important;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: animationFramesMobile ease-in-out 2.1s;
    -moz-animation-iteration-count: infinite !important;
    -moz-transform-origin: 50% 50%;
    -o-animation: animationFramesMobile ease-in-out 2.1s;
    -o-animation-iteration-count: infinite !important;
    -o-transform-origin: 50% 50%;
    -ms-animation: animationFramesMobile ease-in-out 2.1s;
    -ms-animation-iteration-count: infinite !important;
    -ms-transform-origin: 50% 50%;
}

@media (min-width: 576px) {
    .ghost-animation-01 {
        animation: animationFrames ease-in-out 2.5s;
        animation-iteration-count: infinite !important;
        animation-delay: 10s;
        transform-origin: 50% 50%;
        -webkit-animation: animationFrames ease-in-out 2.5s;
        -webkit-animation-iteration-count: infinite !important;
        -webkit-transform-origin: 50% 50%;
        -moz-animation: animationFrames ease-in-out 2.5s;
        -moz-animation-iteration-count: infinite !important;
        -moz-transform-origin: 50% 50%;
        -o-animation: animationFrames ease-in-out 2.5s;
        -o-animation-iteration-count: infinite !important;
        -o-transform-origin: 50% 50%;
        -ms-animation: animationFrames ease-in-out 2.5s;
        -ms-animation-iteration-count: infinite !important;
        -ms-transform-origin: 50% 50%;
    }
}

/* ANIMAÇÃO DESKTOP*/
@keyframes animationFrames {
    0% {
        transform: translate(0px,0px) rotate(0deg);
    }

    27% {
        transform: translate(0px,0px) rotate(15deg);
    }

    49% {
        transform: translate(0px,0px) rotate(-15deg);
    }

    67% {
        transform: translate(0px,0px) rotate(0deg);
    }

    83% {
        transform: translate(0px,-50px);
    }

    101% {
        transform: translate(0px,0px) rotate(0deg);
    }
}

@-moz-keyframes animationFrames {
    0% {
        -moz-transform: translate(0px,0px) rotate(0deg);
    }

    27% {
        -moz-transform: translate(0px,0px) rotate(15deg);
    }

    49% {
        -moz-transform: translate(0px,0px) rotate(-15deg);
    }

    67% {
        -moz-transform: translate(0px,0px) rotate(0deg);
    }

    83% {
        -moz-transform: translate(0px,-50px);
    }

    101% {
        -moz-transform: translate(0px,0px) rotate(0deg);
    }
}

@-webkit-keyframes animationFrames {
    0% {
        -webkit-transform: translate(0px,0px) rotate(0deg);
    }

    27% {
        -webkit-transform: translate(0px,0px) rotate(15deg);
    }

    49% {
        -webkit-transform: translate(0px,0px) rotate(-15deg);
    }

    67% {
        -webkit-transform: translate(0px,0px) rotate(0deg);
    }

    83% {
        -webkit-transform: translate(0px,-50px);
    }

    101% {
        -webkit-transform: translate(0px,0px) rotate(0deg);
    }
}

@-o-keyframes animationFrames {
    0% {
        -o-transform: translate(0px,0px) rotate(0deg);
    }

    27% {
        -o-transform: translate(0px,0px) rotate(15deg);
    }

    49% {
        -o-transform: translate(0px,0px) rotate(-15deg);
    }

    67% {
        -o-transform: translate(0px,0px) rotate(0deg);
    }

    83% {
        -o-transform: translate(0px,-50px);
    }

    101% {
        -o-transform: translate(0px,0px) rotate(0deg);
    }
}

@-ms-keyframes animationFrames {
    0% {
        -ms-transform: translate(0px,0px) rotate(0deg);
    }

    27% {
        -ms-transform: translate(0px,0px) rotate(15deg);
    }

    49% {
        -ms-transform: translate(0px,0px) rotate(-15deg);
    }

    67% {
        -ms-transform: translate(0px,0px) rotate(0deg);
    }

    83% {
        -ms-transform: translate(0px,-50px);
    }

    101% {
        -ms-transform: translate(0px,0px) rotate(0deg);
    }
}

/* ANIMAÇÃO MOBILE*/
@keyframes animationFramesMobile {
    0% {
        transform: translate(0px,0px) rotate(0deg);
    }

    27% {
        transform: translate(0px,0px) rotate(15deg);
    }

    49% {
        transform: translate(0px,0px) rotate(-15deg);
    }

    67% {
        transform: translate(0px,0px) rotate(0deg);
    }

    83% {
        transform: translate(0px,-10px);
    }

    101% {
        transform: translate(0px,0px) rotate(0deg);
    }
}

@-moz-keyframes animationFramesMobile {
    0% {
        -moz-transform: translate(0px,0px) rotate(0deg);
    }

    27% {
        -moz-transform: translate(0px,0px) rotate(15deg);
    }

    49% {
        -moz-transform: translate(0px,0px) rotate(-15deg);
    }

    67% {
        -moz-transform: translate(0px,0px) rotate(0deg);
    }

    83% {
        -moz-transform: translate(0px,-10px);
    }

    101% {
        -moz-transform: translate(0px,0px) rotate(0deg);
    }
}

@-webkit-keyframes animationFramesMobile {
    0% {
        -webkit-transform: translate(0px,0px) rotate(0deg);
    }

    27% {
        -webkit-transform: translate(0px,0px) rotate(15deg);
    }

    49% {
        -webkit-transform: translate(0px,0px) rotate(-15deg);
    }

    67% {
        -webkit-transform: translate(0px,0px) rotate(0deg);
    }

    83% {
        -webkit-transform: translate(0px,-10px);
    }

    101% {
        -webkit-transform: translate(0px,0px) rotate(0deg);
    }
}

@-o-keyframes animationFramesMobile {
    0% {
        -o-transform: translate(0px,0px) rotate(0deg);
    }

    27% {
        -o-transform: translate(0px,0px) rotate(15deg);
    }

    49% {
        -o-transform: translate(0px,0px) rotate(-15deg);
    }

    67% {
        -o-transform: translate(0px,0px) rotate(0deg);
    }

    83% {
        -o-transform: translate(0px,-10px);
    }

    101% {
        -o-transform: translate(0px,0px) rotate(0deg);
    }
}

@-ms-keyframes animationFramesMobile {
    0% {
        -ms-transform: translate(0px,0px) rotate(0deg);
    }

    27% {
        -ms-transform: translate(0px,0px) rotate(15deg);
    }

    49% {
        -ms-transform: translate(0px,0px) rotate(-15deg);
    }

    67% {
        -ms-transform: translate(0px,0px) rotate(0deg);
    }

    83% {
        -ms-transform: translate(0px,-10px);
    }

    101% {
        -ms-transform: translate(0px,0px) rotate(0deg);
    }
}

.panel-footer {
    border: none;
}

.plano-highlight {
    max-width: 80%;
    background: #013553;
    color: #FFFFFF !important;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px 10px !important;
    border-radius: 5px;
    position: absolute;
    margin-top: -44px !important;
    left: 0;
    right: 0;
}

/* ================ STYLE DESTAQUE 01 ================ */

.plano-destaque {
    transform: scale(1.1);
}

    .plano-destaque .panel-info {
	background: #EC1F24;
    }

    .plano-destaque .price-cercle {
	background-color: #013553
        ;
    }

    .plano-destaque .plano-highlight {
	background: #fff;
	color: #777 !important;
    }

    .plano-destaque .panel-footer {
        background: transparent;
    }

    .plano-destaque .btn-pricetable {
        background: #013553;
        color: #f2e500;
    }

        .plano-destaque .btn-pricetable:hover {
            background: #f2e500;
            color: #013553;
        }

/* ================ STYLE DESTAQUE 02 ================ */

/*.plano-destaque {
    transform: scale(1.1);
}

    .plano-destaque .panel-info {
        background: #2bb4ab;
    }

    .plano-destaque .panel-heading h3 {
        color: #ffffff !important;
    }

    .plano-destaque .price-cercle {
        background-color: #f2e500;
    }

        .plano-destaque .price-cercle .yellowColor, .plano-destaque .price-cercle .text-white {
            color: #013553 !important;
        }

    .plano-destaque .plano-highlight {
        background: #013553;
        color: #fff !important;
    }

    .plano-destaque .well2 h3 {
        color: #fff !important;
    }

    .plano-destaque .panel-footer {
        background: #2bb4ab;
    }*/

.apartir {
    position: absolute;
    left: 0;
    top: 5px;
    width: 100%;
}

@media(min-width: 992px) {
    .order-md-1 {
        order: 1;
    }
	.img-wrapper {
	margin-left:-10%
	}
}
.h2-icons {
     margin: 1em 0 1em 0;
}
.text-container h2 {
font-weight: 900;
font-style: italic;
}
.text-container h5 {
font-weight: 600;
color: #013553;
padding-top: .5rem;
}
.text-uppercase {
text-transform: uppercase !important;
}
.color { 
color: #013553;
}
.icons {
color:#ffffff;
font-size:2.5em;
line-height:60px;
}
.text-border { 
width: 65px;
height: 65px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
border: solid 2px #ffffff;
margin-right:10px;
text-align:center;
padding-left: 3px;
padding-top: 8px;
}
.logo_footer {
  max-width:300px;
  width: 100%;
}
.texto p {
  color: #ffffff;
}
.texto i {
  color: #ffffff;
}
.campo { 
  padding: 1em 0 1em 0;
}
.campo h1 {
  font-size:2.5em;
}
.divisao {
  margin-bottom:30px;
}
.icone { 
  color: #EC1F24;
  font-size:50px;
}
.esconder {
 height:25px;
 width:100%;
 background-color:transparent;
 top:-28px;
 z-index:9999;
 position:relative;
}
.videos {
 width:100%;
 max-width:470px;
 margin:10px;
 float:left;
}
.menu li:hover > .sub-menu {
    display: block;
}
.menu .mergin {
padding-top:20px;
padding-bottom:20px;
}