/*
1. BASIC
2. HELPER
3. BOOTSTRAP RESET
4. NAVBAR
5. HOME
6. SERVICES
7. ABOUT US
8. WEBSITE DESCRIPTION
9. PRICING BOX
10. TEAM
11. OUR PROCESS
12. PEOPLE SAYS
13. GET STARTED
14. BLOG
15. CONTACT
16. FOOTER
17. RESPONSIVE
18. TABLES
*/


/* ==========
   1.BASIC
   ========== */

@import url('https://fonts.googleapis.com/css?family=Quicksand:400,700');

body {
    font-family: 'Quicksand', Arial, Helvetica, sans-serif;
    font-weight: 400;
    overflow-x: hidden !important;
    position: relative;
}

a,
a:hover,
a:focus,
button {
    text-decoration: none !important;
    outline: none !important;
}
.web-desc {
    font-size: 1rem;
}
.p-class {
    font-size: 14.4px;

}
p {
    font-size: 14.4px;
    line-height: 24px;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Quicksand', sans-serif;
    font-weight: 800;
}

.h1,
h1 {
    font-size: 36px;
}

.h2,
h2 {
    font-size: 30px;
}

.h3,
h3 {
    font-size: 24px;
}

.h4,
h4 {
    font-size: 18px;
}

.h5,
h5 {
    font-size: 14px;
}

.h6,
h6 {
    font-size: 12px;
}

b {
    font-weight: 500;
}

::-moz-selection {
  background-color: #2e3138;
  color: #fff; }

::selection {
  background-color: #2e3138;
  color: #fff; }


/*====================
  2.HELPER
  ===================*/

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

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

.margin-t-50 {
    margin-top: 50px;
}

.margin-b-0 {
    margin-bottom: 0px;
}
.margin-b-10 {
    margin-bottom: 10px;
}
.margin-b-50 {
    margin-bottom: 50px;
}

.padding-t-15 {
    padding-top: 15px;
}

.padding-t-30 {
    padding-top: 30px;
}

.padding-b-10 {
    padding-bottom: 10px;
}

.height-100vh {
//    height:100vh;
}

.vertical-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: row;
    -webkit-flex-direction: row;
}
.vertical-content-pricing {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: row;
    -webkit-flex-direction: row;
}

.bg-overlay {
    background: linear-gradient(to right, #032c40, #FF4C44);
//    background: linear-gradient(45deg, rgba(255,0,93,1) 0%, rgba(255,159,43,1) 100%);
    opacity: 0.9;
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
}

.bg-overlay-light {
    background-color: rgba(0, 0, 0, 0.5);
}

.section {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}


.section-lg {
    padding: 100px 0;
}
.section-sm {
    padding: 100px 0;
    padding-bottom:30px;
    padding-top:100px;
}

.section-title {
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0px;
    padding-bottom: 1rem;
    line-height: 1;
    font-size: 1.75rem;
    font-weight: 800;
}

.section-title-border {
    width: 50px;
    height: 2px;
    margin-right: auto;
    margin-left: auto;
}

.section-subtitle {
    letter-spacing: 0.02em;
}

.svg-pattern {
  width: 100%;
  position: relative; 
}

iframe {
    max-width: 100%;
}


.hover-effect {
    transition: all .3s ease-in-out;
}
.hover-effect:hover {
    transform: translateY(-1rem);
}

/*----BACKGROUND COLOR-----*/

.bg-gray {
    background-color: #f7f7f7;
}

.bg-white {
    background-color: #fff;
}

.bg-dark {
    background-color: #393f4f !important;
}

.bg-light {
    background-color: #fafbfe!important;
}


/*=====================
  3. BOOTSTRAP RESET
  ======================*/


/*--Text color--- */

.text-muted {
    color: #a8aeb4 !important;
}

.text-white {
    color: #fff !important;
}

.text-gray {
    color: #777 !important;
}

.text-dark {
    color: #212121 !important;
}


/*====Buttons=======*/

.btn {
    padding: 10px 22px;
    transition: all 0.5s;
    box-shadow: none !important;
}

.btn:hover {
//    transform: translateY(-5px);
}

.btn-rounded {
    border-radius: 30px;
}
.rounded-pricing {
    padding-top:40px;
    border-radius: 30px;
    background:#EFF2F3;
}


.btn-custom {
//    border: 1px solid;
    color: #fff;
    transition: all 0.3s;
    font-size: 14px;
    font-weight:800;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active,
.btn-custom.focus,
.btn-custom:active,
.btn-custom:focus,
.btn-custom:hover,
.open > .dropdown-toggle.btn-custom {
//    border: 0px solid !important;
    color: #f3f3f3 !important;
}


.btn-bg-white {
    background-color: #fff !important;
    transition: all 0.3s;
    border: 2px solid #fff;
    color: #000 !important;
    font-size: 14px;
}

.read-btn {
    font-size: 15px;
}

.read-btn:hover {
    color: #212529 !important;
}


/*======================
  4.NAVBAR
  ======================*/


.navbar-custom {
    padding: 10px 0px;
    width: 100%;
    border-radius: 0px;
    z-index: 999;
    margin-bottom: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.navbar-custom2 {
    padding: 0px 0px 10px;
    width: 100%;
    border-radius: 0px;
    z-index: 999;
    margin-bottom: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


.sticky-wrapper {
    position: absolute;
    width: 100%;
}

.navbar-nav {
    margin-left: 15px;
    border-bottom: none;
}


.navbar-custom .navbar-brand {
    text-transform: uppercase;
    color: #fff !important;
    font-weight: 800;
    letter-spacing: 2px;
    height: auto;
}

.navbar-custom .navbar-nav li a {
    color: rgba(255, 255, 255, 0.6);
    font-size: 15px;
    font-weight: 800;
    background-color: transparent !important;
    padding: 15px 0;
    margin: 0 10px;
    transition: all 0.4s;
    
}

.navbar-custom .navbar-nav li a:hover,
.navbar-custom .navbar-nav li a:focus,
.navbar-custom .navbar-nav li a:active {
    color: #fff;
}

.navbar-custom .navbar-nav li.active a {
    color: #fff;
}


.is-sticky .navbar-custom {
    margin-top: 0px;
    padding: 10px 0px;
    background-color: #fff;
    -moz-box-shadow: 0 10px 33px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 33px rgba(0, 0, 0, .1);
}

.navbar-toggle {
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
}


.has_submenu {

    visibility:visible;
    height: 71px;
    overflow:auto;
    overflow-x:hidden;
}
.click_submenu {
    visibility:visible;
    height: 71px;
    overflow:auto;
    overflow-x:hidden;
}
.navbar-expand-lg .navbar-nav .nav-link {
    margin-top:23px;
}

.btn-intention-blue {
    border-width: 0px !important;
    padding: 10px 21px;;
    position: relative;
    background: #032c40;
    color:#fff;
    border-radius: 42px;
    font-size:12px;
    font-weight:800;
}
.btn-intention-inactive {
    padding: 8px 19px;;
    position: relative;
    background:#fff;
    border: 2px solid #032c40;
    color:#032c40;
    border-radius: 42px;
    font-size:12px;
    font-weight:800;
}
.btn-intention-inactive:hover {
    background: #032c40;
    color:#fff; 
}
.btn-intention-blue:hover {
    color:#fb3e3e; 
}



.btn-intention-dark {
    border-width: 0px !important;
    padding: 3px;
    position: relative;
///    background: linear-gradient(45deg, rgba(255, 159, 43, 1) 0%, rgba(255, 0, 93, 1) 100%);
    background: linear-gradient(45deg,#cfcfcf 0%, #cfcfcf 100%);
//    background: #032c40;
    border-radius: 42px;
}
.btn-intention-dark > span {
    width: 100%;
//    height: 100%;
    display: block;
    background-color: #fff;
    padding: .6rem 1.2rem;
    border-radius: 42px;
}
.btn-intention-dark > span > span {
    background: linear-gradient(45deg, rgba(255, 0, 93, 1) 0%, rgba(255, 159, 43, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    /*font-size: 1.15em;*/
//    text-transform: lowercase;
}
.btn-intention-dark:hover > span {
    background: #032c40;
}
.btn-intention-dark:hover > span > span {
    color: #fff;
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: #fff;
}



.btn-intention {
    border-width: 0px !important;
    padding: 3px;
    position: relative;
    background: linear-gradient(45deg, rgba(255, 159, 43, 1) 0%, rgba(255, 0, 93, 1) 100%);
    border-radius: 42px;
}

.btn-intention > span {
    width: 100%;
//    height: 100%;
    display: block;
    background-color: #fff;
    padding: .6rem 1.2rem;
    border-radius: 42px;
}
.btn-intention > span > span {
    background: linear-gradient(45deg, rgba(255, 0, 93, 1) 0%, rgba(255, 159, 43, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    /*font-size: 1.15em;*/
}

.btn-intention > span > span {
    background: linear-gradient(45deg, rgba(255, 0, 93, 1) 0%, rgba(255, 159, 43, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    /*font-size: 1.15em;*/
}
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .btn-intention > span > span {
	background:none;
	color:#000;     
    }
    
}

.btn-intention:hover > span {
    background: none;
}

.btn-intention:hover > span > span {
    color: #fff;
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: #fff;
}
.offline {
    border-color:#c0c0c0;
    background: #cfcfcf;
    color:#fff; 
}
.offline:hover {
    border-color:#c0c0c0;
    background: #cfcfcf;
    color:#fff; 
}

.navbar-custom .btn-custom {
    margin-top: 4px;
    margin-bottom: 4px;
}


.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: transparent;
    border-color: #337ab7;
}




/*---Navbar-White--*/

.navbar-custom.navbar-white {
    background-color: #fff;
    padding: 0px 0;
    box-shadow: 0 10px 33px rgba(0, 0, 0, .1);
}
.navbar-custom.navbar-dark {
    background-color: #032c40;
    padding: 0px 0;
    box-shadow: 0 10px 33px rgba(0, 0, 0, .1);
}

.navbar-custom.navbar-white .navbar-nav li a,
.navbar-custom.navbar-white .navbar-brand,
.navbar-white .navbar-toggle {
    color: #393f4f !important;
}

.navbar-custom.navbar-dark .navbar-nav li a,
.navbar-custom.navbar-dark .navbar-brand,
.navbar-dark .navbar-toggle {
    color: #fff !important;
}


/*=======================================
          5.HOME 
  =====================================*/
.snow{	
    background-image:
        url(https://i.imgur.com/uYjnk8N.png), 
           url(https://i.imgur.com/iAGD6MA.png), 
           url(https://i.imgur.com/hIJDjbg.png);
    animation: snow 20s linear infinite;
}

@keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    100% {background-position: 500px 1000px, 400px 400px, 300px 300px}
}

.bg-home {
    background: url("../images/bg-background.php");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg-support-c {
    background: url("../images/bg-support-c.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;

}
.bg-support {
    background: url("../images/bg-support.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position:bottom;

}
.bg-juridisch {
    background: url("../images/bg-juridisch.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;

}
.bg-mail {
    background: url("../images/bg-mail.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;

}
.bg-cluster {
    background: url("../images/bg-racks.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;

}
.bg-domain {
    background: url("../images/bg-domain.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;

}
.bg-verhuis {
    background: url("../images/bg-verhuis.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;

}
.bg-wordpress {
    background: url("../images/bg-wordpress.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;

}
.bg-helpdesk {
    background: url("../images/bg-helpdesk.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;

}

.home-title {
    font-size: 46px;
    line-height: 64px;
}

.display-table-cell {
    padding-top:50px;
    display: table-cell;
    vertical-align:middle;
}

.display-table {
    display: table;
    width: 100%;
}
.display-table-full-height {
    display: table;
    width: 100%;
    height:100%;
}

.home-up {
    z-index: 10;
    position: relative;
}

.play-btn {
    border: 2px solid;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: block;
    font-size: 30px;
    margin-right: auto;
    margin-left: auto;
    line-height: 60px;
    margin-top: 10px;
    text-align: center;
}

.play-shadow {
    border-radius: 50%;
    border: 1px solid transparent;
    width: 82px;
    height: 82px;
    margin: 20px auto;
}

.home-desc {
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    max-width: 600px;
    margin: 0 auto;
}

/* ------------- Demo 1 bg-pattern ------------- */
.home-full {
    padding-top: 220px;
}
.home-half {
    padding-bottom: 150px;
    padding-top: 220px;
}
.home-kwart {
    padding-bottom: 50px;
    padding-top: 100px;
}

.bg-pattern-effect{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.bg-pattern-effect img {
    width:100%;
}

/*-------Demo 3 Rgistartion form ------*/

.home-registration-form .form-heading {
    margin-bottom: 25px;
}

.home-registration-form {
    padding: 15px 32px 32px 32px;
    border-radius: 3px;
    box-shadow: 0px 0px 3px 0px #000000;
}

.home-subtitle-width-100 {
    max-width: 100%;
}

.small-text {
    font-size: 14px;
}

.home-btn-width {
    width: 100%;
}


/*----Demo 4 Dashboard image ----*/

.home-cell-bottom {
    display: table-cell;
    vertical-align: middle;
}

.home-padding-t-150 {
    padding-top: 150px;
}


/*---Demo 5 Subscribe -----*/

.subscribe-form input {
    padding: 15px 20px;
    width: 100%;
    font-size: 17px;
    color: #4c5667 !important;
    border: none;
    outline: none !important;
    padding-right: 180px;
    padding-left: 30px;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 30px;
}
.subscribe-form .half {
    padding: 15px 20px;
    width: 49%;
    font-size: 17px;
    color: #4c5667 !important;
    outline: none !important;
    padding-right: 10px;
    padding-left: 30px;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 30px;
}

.subscribe-form button {
    position: absolute;
    text-transform: uppercase;
    top: 6px;
    right: 8px;
    outline: none !important;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 800;
    padding: 9px 30px;
}

.order-form input {
    padding: 10px 2px;
    width: 100%;
    font-size: 15px;
    color: #4c5667 !important;
    border: none;
    outline: none !important;
    padding-left: 30px;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 30px;
}
.order-form select {
    padding: 5px 2px;
    width: 100%;
    font-size: 17px;
    color: #4c5667 !important;
    border: 1px solid #000;
    outline: none !important;
    padding-left: 30px;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 30px;
}
.order-form .half {
    padding: 10px 2px;
    width: 49%;
    font-size: 15px;
    color: #4c5667 !important;
    outline: none !important;
    padding-left: 30px;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 30px;
}
.order-form .right {
    float:right;
}
.order-form button {
    position: absolute;
    text-transform: uppercase;
    right: 8px;
    outline: none !important;
    border-radius: 30px;
    font-size: 10px;
    font-weight: 800;
    padding: 1px 10px;
}




@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .subscribe-form button { 
	top:3px;
    }
    
}

.subscribe-form form {
    position: relative;
    max-width: 600px;
    margin: 0px auto;
}

/*---Demo 5 Search -----*/

.search-form input {
    padding: 15px 20px;
    width: 100%;
    font-size: 17px;
    color: #4c5667 !important;
    border: none;
    outline: none !important;
    padding-right: 180px;
    padding-left: 30px;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 30px;
}

.search-form button {
    position: absolute;
    text-transform: uppercase;
    top: 6px;
    right: 8px;
    outline: none !important;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 800;
    padding: 9px 30px;
}

.search-form form {
    position: relative;
    max-width: 600px;
    margin: 0px auto;
}

/*======================================
     6. SERVICES
========================================*/

.services-box {
    padding: 15px 10px;
}

.services-box i {
    font-size: 32px;
    height: 68px;
    width: 68px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 1.25rem rgba(108,118,134,.1)!important;
    line-height: 68px;
    margin-bottom: 15px;
}

.services-box:hover i {
    background-color: #fb3e3e !important;
    color: #ffffff !important;
    transition: all .3s ease-in-out;
}


/*=====================================
     7. ABOUT US
======================================*/


.features-box h3 {
    margin-bottom: 25px;
    margin-top: 0;
    line-height: 32px;
}

.features-item-list li:before {
    content: "";
    border-radius: 50%;
    width: 7px;
    height: 7px;
    position: absolute;
    left: 0;
    top: 14px;
    margin-left:10px;
}

.hosting-item-list li:before {
    content: "";
    border-radius: 50%;
    width: 7px;
    height: 7px;
    position: absolute;
    left: 0;
    top: 14px;
    margin-left:10px;
}
.hosting-item-list li {
    position: relative;
    line-height: 24px;
    font-size: 15px;
    padding: 7px 0 7px 20px;
}
.hosting-item-list span {
    margin-left:10px;
}


.features-item-list li {
    position: relative;
    line-height: 24px;
    font-size: 15px;
    padding: 7px 0 7px 20px;
}
.features-item-list span {
    margin-left:10px;
}
.features-item-list a {
    color:#032c40;
}
.hosting-item-list a {
    color:#032c40;
}
.features-item-list a .active {
    color:#FF3C4A;
}


.features-item-list .active {
    background:#F0F0F0;
     border-top-right-radius: 25px;
     border-bottom-right-radius: 25px;
}
.features-img {
	position: relative;
 	max-width: 500px;
	margin: 0 0 0 auto;
}
.logomain {
  top: 0;
  right: 0;
  z-index:1;
}
.logo1234 {
  position: absolute;
  top: 0;
  right: 0;
  z-index:2;
}
/*=====================================
     8. WEBSITE DESCRIPTION
======================================*/

.bg-web-desc{
    background: url("../images/img-1.jp2");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*======================================
    9.  PRICING BOX
========================================*/

.pricing-box {
    padding: 50px 40px 50px 40px;
    border: 1px solid #ecf0f5;
    border-radius: 8px;
    box-shadow: 0 0 1.25rem rgba(108,118,134,.1)!important;
}

.pricing-box-small {
    padding: 50px 0px 50px 0px;
}
.pricing-box-pack {
    padding:25px 0px 50px 0px;
    min-width:200px;
//    border: 1px solid #ecf0f5;
//    border-radius: 8px;
//    box-shadow: 0 0 1.25rem rgba(108,118,134,.1)!important;
}


.pricing-box-around {
    position: relative;
    padding: 0px 0px 0px 0px;
    border: 1px solid #ecf0f5;
    border-radius: 8px;
    box-shadow: 0 0 1.25rem rgba(108,118,134,.1)!important;
    overflow-y:auto;
}
.col-lg-2-small {
    padding-right:0px;
    padding-left:0px;
}
.col-lg-3-small {

    padding-right:0px;
    padding-left:0px;
}

@media (min-width: 994px) {
    .pricing-box-small {
	padding:50px 25px 50px 0px;
        min-width:240px;
    }
    .pricing-box-pack {
	padding:25px 2px 25px 0px;
        min-width:200px;
    }
}

.pricing-box h4 {
    font-size: 15px;
}

.pricing-box h1 {
    font-size: 36px;
    padding-top: 4px;
}

.pricing-border {
    width: 100%;
    height: 1px;
    margin-top: 35px;
    background-color: #ecf0f5;
}

.price-active {
    box-shadow: 0 0rem 4rem rgba(0,0,0,.1)!important;
}

.plan-features p {
    padding-top: 5px;
}


/*======================================
         10. TEAM
========================================*/

.team-box {
    border-bottom: 1px solid #ecf0f5;
}

.team-name {
    font-size: 16px;
    padding-top: 20px;
    margin-bottom: 7px;
}

.team-designation {
    font-size: 13px;
    color: #a8aeb4;
}


/*=======================================
     11. OUR PROCESS
=========================================*/

.process-box i {
    font-size: 48px;
    line-height: 72px;
}

.plan-line:before {
    content: "";
    border: 1px dashed #e0e0e0;
    position: absolute;
    width: 67%;
    left: 65%;
    top: 50px;
}

.process-left-icon {
    content: "";
    position: absolute;
    top: 10px;
    background-color: #000;
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

.process-left-icon-1 i,
.process-left-icon-2 i {
    font-size: 35px;
    border-radius: 50%;
    position: absolute;
    top: 83px;
    color: #fff;
    z-index: 9;
}

.process-left-icon-1 i {
    left: 63%;
}

.process-left-icon-2 i {
    left: 30%;
}


/*=======================================
       12. PEOPLE SAYS
=========================================*/

.testimonial-decs {
    border: 1px solid #ecf0f5;
    border-radius: 8px;
    transition: all .3s ease-in-out;
    box-shadow: 0 0 1.25rem rgba(108,118,134,.1)!important;
    min-height:300px;
}
.testimonial-box img {
    margin: -40px auto;
    height: 68px;
    width: 68px;
}

.testimonial-decs p {
    padding: 60px 25px 30px;
    line-height: 24px;
    font-style: italic;
}

/*=====================================
     13. GET STARTED
======================================*/

.bg-get-start{
    background: url("../images/img-2.jp2");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*=======================================
       14. BLOG
=========================================*/

.blog-title {
    color: #212529;
    transition: all 0.5s;
}
.blog-box {
    background:#032c40;
    padding:30px;
    padding-bottom:30px;
    border-radius: 20px;
}
.blog-box-small {
    background:#032c40;
    padding-top:40px;
    padding-bottom:30px;
    border-radius: 20px;
}
.hostingblok {
 display: block;
  position: relative;    
}
.hostingblok::after {
  content: "";
    background: url(../images/subfooter.png) repeat-x;
//   background-size:cover;
   opacity: 0.6;
// margin-bottom:200px; 
    top: 0;
  left: 0;
  bottom: 122px;
  right: 0;
  position: absolute;
  z-index: -1;   
}
.orderblok {
 display: block;
  position: relative;    
}
.orderblok::after {
  content: "";
    background: url(../images/subfooter.png) repeat-x;
//   background-size:cover;
   opacity: 0.6;
// margin-bottom:200px; 
    top: -90;
  left: 0;
  bottom: 102px;
  right: 0;
  position: absolute;
  z-index: -1;   
}
.supportblok {
 display: block;
  position: relative;    
}
.supportblok::after {
  content: "";
    background: url(../images/subfooter.png) repeat-x;
//   background-size:cover;
   opacity: 0.6;
// margin-bottom:200px; 
    top: 0;
  left: 0;
  bottom: 135px;
  right: 0;
  position: absolute;
  z-index: -1;   
}
.overonsblok {
 display: block;
  position: relative;    
}
.overonsblok::after {
  content: "";
    background: url(../images/subfooter.png) repeat-x;
//   background-size:cover;
   opacity: 0.6;
// margin-bottom:200px; 
    top: 0;
  left: 0;
  bottom: 110px;
  right: 0;
  position: absolute;
  z-index: -1;   
}
.contactblok {
 display: block;
  position: relative;    
}
.contactblok::after {
  content: "";
    background: url(../images/subfooter.png) repeat-x;
//   background-size:cover;
   opacity: 0.6;
// margin-bottom:200px; 
    top: 0;
  left: 0;
  bottom:60px;
  right: 0;
  position: absolute;
  z-index: -1;   
}

.boxer-blog {

    float:right;
}
.blog-box-small img {
    
}
.blog-box-liner {
    border-right: 1px solid rgba(255,255,255,0.2);
    height:auto;
    margin:35px 0px 35px 0;
}
.blog-boxer {
    width:100%;
    background:#032c40;
    position:relative;
    display:flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    border-radius: 20px;
}	
@media (max-width: 768px) {
    .blog-boxer {
	width:100%;
	background:#fff;
	display:block;
	margin-top:30px;
    }	
    .col-lg-10 {
	width:auto;
    }
    .blog-flex {
	padding-left:0;
    }
}
/*======================================
    15. CONTACT
=======================================*/

.form-control {
    margin-bottom: 20px;
    box-shadow: none !important;
    height: 50px;
    padding-left: 20px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
}

.form-control:focus {
    border-color: #032c40;
    border-width:2px;
    border-radius:30px;
}

textarea.form-control {
    height: auto;
    padding-top: 13.5px;
}


.error {
    margin: 8px 0px;
    display: none;
    color: red;
}

#ajaxsuccess {
    font-size: 16px;
    width: 100%;
    display: none;
    clear: both;
    margin: 8px 0px;
}

.error_message {
    padding: 10px;
    background-color: #fdf0d3;
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
}

.contact-loader {
    display: none;
}

#success_page {
    text-align: center;
    margin-bottom: 20px;
    background-color: #c5ffdf;
    padding: 18px;
}

#success_page h4 {
    color: #0dba26;
    font-size: 22px;
}


/*======================================
       16. FOOTER
========================================*/

.social-icon {
    border: 0px solid #dadcdf;
    border-radius: 50%;
    color: #dadcdf !important;
    width: 24px;
    height:24px;
    display: block;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
}

.cta {
    padding: 20px 0;
}

.social-icon:hover i {
    transition: all 0.5s;
}

.footer {
    padding: 50px 0;
    background-color: #fafbfe!important;
//    border-top:1px solid #000;
}

.footer h4 {
//    color: #ffffff;
}

.footer-list li a {
    color: #98a0aa;
    padding-top: 8px;
    display: inline-block;
    font-size: 14px;
    transition: all .3s ease-in-out;
}

.footer-list li a:hover {
    color: #ff9f2b;//dce6f3;
}

.contact-title {
    font-size: 20px;
}

.contact-detail {
    padding-left: 25px;
    font-size: 12px;
}

.subscribe {
    position: relative;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 25px;
}

.subscribe input {
    height: 40px;
    background-color: #2e313a !important;
    box-shadow: none !important;
    border: none;
    padding-right: 50px;
    color: #fff !important;
}

.subscribe .submit {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    width: 50px;
    line-height: 45px;
    text-align: center;
    color: #acacac !important;
}

.footer-alt-border {
    background-color: #032c40;
    height: 1px;
    width: 100%;
}

.footer-alt {
    padding: 15px 0;
    background-color: #032c40;
//    opacity:0.9;
}

.copy-rights {
    margin-bottom: 0;
//    line-height: 3px;
    margin-top:5px;
}
.copy-rights a {
    color:#a8aeb4;
}
.copy-rights a:visited {
    color:#a8aeb4;
}
.copy-rights a:hover {
    color:#fff;
}

/*=====================================
    17. EXTRA PAGES
====================================*/


.mobile{
    display:none
}
.bg-account-pages {
    background: #032c40;
    //linear-gradient(to right, #032c40, #FF4C44);
    opacity: 0.9;
}

.account-home-btn{
    position: absolute;
    top: 18px;
    right: 28px;
    z-index: 1;
}

.account-pages-logo{
    letter-spacing: 2px;
}

.account-card form .form-control{
    height: 45px;
}

.account-card form label{
    font-size: 15px;
}

.account-card .custom-control-input:checked~.custom-control-label::before{
    background: #fb3e3e;
    border-color: #fb3e3e;
}

.account-card .alert{
    font-size: 14px;
}



@media (max-width: 1024px) {
    .mobile {
	display:block;
    }
    .nomobile {
	display:none;
    }
    .navbar-custom .navbar-nav {
        margin-left: 0;
    }
    .navbar-custom {
        margin-top: 0px;
        padding: 10px 0px !important;
        background-color: #272a33 !important;
    box-shadow: 0 10px 33px rgba(0, 0, 0, .1);
        color: #fff !important;
    }

    .navbar-white {
        margin-top: 0px;
        padding: 10px 0px !important;
        background-color: #fff !important;
        box-shadow: 0 10px 33px rgba(0, 0, 0, .1);
        color: #fff !important;
    }
    .navbar-dark {
        margin-top: 0px;
        padding: 10px 0px !important;
        background-color: #032c40 !important;
        box-shadow: 0 10px 33px rgba(0, 0, 0, .1);
        color: #fff !important;
    }

     .navbar-white .navbar-toggler {
    	color: #393f4f !important;
	}
     .navbar-dark .navbar-toggler {
    	color: #393f4f !important;
	}
    .navbar-custom .navbar-nav li a {
        transition: all 0.4s;
        margin: 0px;
    }
    .navbar-custom>.container-fluid {
        width: 100%;
    }
    .navbar-custom .navbar-nav .active {
        color: #fff !important;
        border-color: transparent;
    }
    .navbar-custom>.container {
        width: 90%;
    }
    .navbar-toggler {
        font-size: 24px;
        margin-top: 0px;
        margin-bottom: 0px;
        color: #fff !important;
    }
    .login-btn {
        padding-left: 10px;
    }
    .navbar-custom .navbar-brand {
        line-height: 24px;
    }

    .bg-pattern-effect{
        bottom: -4px
    }
    .home-title {
        font-size: 32px;
        line-height: 48px;
    }
    .vertical-content {
        display: inherit;
    }
    .team-box {
        margin-top: 45px;
    }
    .footer-alt .float-none {
        float: none !important;
        text-align: center;
    }
    .features-img {
        margin-top: 30px;
    }

    
    .float-center.pull-none {
	    float: left;
	    text-align: center;
	}

    .float-left.pull-none {
	    float: none !important;
	    text-align: center;
	}

	.float-right.pull-none {
	    float: none !important;
	    text-align: center;
	}

	.pricing-box {
		margin-top: 30px;
	}
}

@media (max-width: 991px) and (min-width: 200px) {
    .plan-line:before {
        content: "";
        display: none;
    }
    .process-left-icon-1 i,
    .process-left-icon-2 i {
        display: none;
    }
}

@media (max-width: 768px) {

    .wave-one, .wave-three {
        background-size: 50% 50px;
    }

    .wave-two {
        background-size: 50% 70px;
    }
    .bg-pattern-effect{
        bottom: -7px
    }
    .social {
        margin-top: 0;
    }
    .social-icon {
        margin-bottom: 5px;
    }
    .testimonial-box {
        margin-top: 80px;
    }
    .contact-title {
        text-align: left;
    }
}

@media (max-height: 420px) {
	.navbar-collapse {
	    max-height: 200px;
    	overflow-y: auto;
    }
}


.header__menu li a { line-height: 0px; }
.header__menu li:hover > .header__sub-container,
.header__menu li:active > .header__sub-container { opacity: 1; visibility: visible; transform: translateY(0); }

.header__menu li.click_submenu .dropdown:after { 
    font-family: 'Pe-icon-7-stroke';
    content: '\e688'; 
    color: #393f4f;
    font-size: 20px;
    margin-left: 5px; 
   display:inline-block;
//    float:right;
    vertical-align: bottom; 
    transition: all 200ms ease; 
     -webkit-transition: all 200ms ease; 
     -moz-transition: all 200ms ease; !important; 
     -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 
}
.header__menu li.has_submenu .dropdown:after { 
    font-family: 'Pe-icon-7-stroke';
    content: '\e688'; 
    color: #393f4f;
    font-size: 20px;
    margin-left: 5px; 
   display:inline-block;
//    float:right;
    vertical-align: bottom; 
    transition: all 200ms ease; 
     -webkit-transition: all 200ms ease; 
     -moz-transition: all 200ms ease; !important; 
     -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 
}


.header__menu li.has_submenu:hover .dropdown:after  {
      transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg);
}

.header__menu li.has_submenu:hover::after,
.header__menu li.has_submenu:active::after { color: #119ee7; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); }
.header__menu li.has_submenu:hover ~ .header__dim,
.header__menu li.has_submenu:active ~ .header__dim { opacity: .4; visibility: visible; }

.page__sub-container  { 

    //background: linear-gradient(45deg, #cfcfcf, #fafbfe);
    background:#EFF2F3;
    color: #032c40;
    text-align:center;
// box-shadow: 0 10px 33px rgba(0, 0, 0, .1);
 }
.page__sub-container .nav-link {
    width:150%;
}
.page__sub-container .nav-link:hover {
    width:150%;
}
.page__active {
    background:#FFF;
}

.undermenu {
//  padding: 8px 0px 8px 0px;
 //border-bottom: 2px solid #ededed;
  background-color: #ededed;
  text-align: center; 
  }

.undermenu--current {
    text-decoration: none !important;
    padding-top: 13px;
    background: white;
    color: #032c40 !important; 
}

.undermenu--text a {
    color: #919191;
    font-style: normal;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    text-decoration: none; }

.undermenu--text a:hover {
      color: #032c40; 
}



.affix {
  position: fixed;
  top: 71;
  right: 0;
  left: 0;
  z-index: 98;
}


.header__sub-container { 
#    background: linear-gradient(45deg, #cfcfcf, #fafbfe);
background:#E8E8E8;
    box-shadow: 0 10px 33px rgba(0, 0, 0, .1); opacity: 0; visibility: hidden; position: absolute; width: 100%; left: 0; top: 71px; padding: 40px 0; z-index: 99; transform: translateY(5px); transition: all 300ms ease; -webkit-transition: all 300ms ease; }
.header__sub-col { width: 24.5%; padding-left: 5%; display: inline-block; vertical-align: top; }
.header__sub-col-title { color: #1a203d !important; line-height: 2 !important; display: block; }
.header__sub-col li {  display: block; margin: 0; }
.header__sub-col li a:visited,
.header__sub-col li a { color: #FF3C4A; line-height: 2; display: block; }
.header__sub-col li a.semibold { font-family: 'Campton-SemiBold'; }
.header__sub-col li a.tip::after { content: 'tip'; display: inline-block; font-family: 'Campton-SemiBold'; font-size: 13px; line-height: 1; color: #fff; padding: 5px 10px 4px 10px; background-color: #119ee7; border-radius: 3px; position: relative; left: 12px; top: -2px; }
.header__sub-col a.current,
.header__sub-col a:hover,
.header__sub-col a:active { color: #FF3C4A !important; }

.page__sub-container a  { 
    color: #032c40;
}
.page__sub-container .header__sub-col .page__active:hover{ 
    color: #032c40 !important;
}


@media ( max-width: 991px ){
    .header__menu > li { padding: 0; display: block; }

    .header__menu li.has_submenu .dropdown:after { display:none; }
    .header__menu li.click_submenu .dropdown:after { display:none; }


    .header__sub-container { opacity: 1; visibility: visible; position: relative; top: initial; padding: 0; transform: translateY(0); -webkit-transform: translateY(0); padding-top:15px; }
    .header__sub-container .container { padding-left: 0; padding-right: 0; margin-left: 0; }
    .header__sub-col { width: 100%; padding-left: 20px; padding-bottom: 20px; display: block; }
    .header__header { color: #393f4f;font-size:14px; }    

    .has_submenu {
	visibility:visible;
        overflow:hidden;
        height:100%;
    }
    .click_submenu {
	visibility:visible;
        overflow:hidden;
        height:100%;
    }




}
@media ( max-width: 1298px ){

    .blog-box {
	height:450px;
    }
}


/*=====================================
    19.TABLES
====================================*/
.pricing-form form {
    max-width:100%;
    
}
.pricing-form form input {
    max-width:100%;
    border:2px solid #032c40
}
.pricing-form form button {
    padding: 11px 20px 12px 20px;
    top:5;
    right:5;    
    text-transform:lowercase;
}
.order-form form button {
    font-size:12px;
    padding: 11px 20px 9px 20px;
    top:3px;
    right:4px;
}
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .pricing-form form button { 
	top:3px;
    }
    
}

.tablewrapper {
    width:100%;
    overflow-x: auto;
}
.rTable { 
    display: table; 
    width:100%;
//    table-layout:fixed;
//    display: -webkit-box; 
} 
.rTableRow { 
    display: table-row; 
} 
.rTableHeading { 
    display: table-header-group; 
} 
.rTableBody { display: table-row-group; } 
.rTableFoot { display: table-footer-group; } 
.rTableCell, .rTableHead, .rTableHeader { 
    border-top:0px;
    border-bottom: 1px solid #E0E0E0;
    font-weight:800;
    color: #032c40;
    display: table-cell; 
    padding:15px;
} 
.rTableHead, .rTableHeader {
    border-top:0px;
    border-bottom: 2px solid #032c40;
    font-weight:800;
    text-transform: uppercase;
    font-size:13px;
    color: rgba(3,44,64,.5);
    letter-spacing: 1.5px; 
}
.rTablePricing {
    font-size:14px;
    font-weight:400;
}


@media (max-width: 1024px) {		
    .rTableHead small {
	display:none;
    }
    .rTableHead:last-child {
	display:none;
    }

    .rTableRow {
	display:inline-block;
	width:100%;
    }
    .rTableRow2 {
	display:table-row;
	width:100%;
    }
    .rTable2 { 
	display: table; 
	width:100%;
        table-layout:fixed;
        display: -webkit-box; 
    } 

    .rTableHead {
//	display:block;
    }

    .rTableHead2 {
	display:block;
    }
    .rTableHead2:last-child {
	display:block;
    }
    .rTableHead2:first-child {
//	display:none;
    }
    .rTableCell {
	display:block;
	width:100%;
    }
    .rTableCell2 {
	display:table-cell;
	width:100%;
    }


    .rTableCellFl { 
        border-bottom: 0px solid #E0E0E0;
        padding-bottom:0px;
	width:50%;
	min-width:110px;
	display:table-cell;
    }
    .rTableCellFl:nth-child(3) {
	text-align:right;
    }

    .rTablePricing {
	text-align:left;
	font-size:14px;
        font-weight:400;
    }
    .rTableHead {
	width:50%;
	display:table-cell;
        border-bottom: 2px solid #032c40;
    }
    .rTableHead2 {
	width:100%;
	display:table-cell;
        border-bottom: 2px solid #032c40;
    }
    .rTableHeadSupport {
	width:100%;
	display:block;
        border-bottom: 2px solid #032c40;
    }
    .rTableCell .btn-res {
	width:102%;
    }

    .rTableHide {
	display:none;
    }
    

}
.support-link {
    width:100%;
}    
.hand {
     cursor: hand;
     cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}


.tooltipper {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltipper .tooltiptext {
  visibility: hidden;
  width: 270px;
  background-color: #ededed;
  color: #000;
  line-height:20px;
  text-align: left;
  font-weight: 400;
  font-size:12px;
  padding: 7px 7px 7px 7px;
  border-radius: 6px;
  position: absolute;
  z-index:1;
  bottom: 150%;
  left: 50%; 
  margin-left: -80px;
}

.nav-link active {
    display:none;
}
.tooltipper .tooltiptextmain {
  visibility: hidden;
  width: 270px;
  background-color: #ededed;
  color: #000;
  line-height:20px;
  text-align: left;
  font-weight: 400;
  font-size:12px;
  padding: 7px 7px 7px 7px;
  border-radius: 6px;
  position: absolute;
  z-index:1;
  bottom: 150%;
  left: 50%; 
  margin-left: -180px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipper:hover .tooltiptext {
  visibility: visible;
}
.tooltipper:hover .tooltiptextmain {
  visibility: visible;
}




ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #ff9f2b;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #ff9f2b;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
.liner {
  content : "";
  width   : 100%; 
  border-top:2px solid #032c40;
}


.containerd {
    max-width:1200px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
	padding-right: 5px;
        padding-left: 5px;
}
@media (max-width: 524px) {
    .containerd {
	padding-right: 0px;
        padding-left: 0px;
    }
}
@media (min-width: 768px) {
    .form-row {
	height:62px;
    }
}
.card-footer {
    padding:0px;
    margin:0px;
}

.steps {
    display:table;
    width:100%;
}
.currentStep {
    display:table-cell;
}
.nextStep {
    display:table-cell;
}

.modal-open {
    padding-right:0px;
}
.modal-open .navbar-fixed-top {
        right: 15px;
}
.navbar { padding-right: 0 !important }

.fixed-top-head { 

    top:30px;
}
body { padding-right: 0 !important }

.card-header {
    padding:0px;
    margin:0px;
}
.selectWrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid #032c40;
    border-radius: 2px;
    background:#FFFFFF url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23032c40%22%2F%3E%3C%2Fsvg%3E') right 13px center no-repeat;
}

.selectWrapper select {
        padding: 12px 40px 12px 20px;
        font-size: 14px;
        line-height: 18px;
        width: 100%;
        border: none;
        box-shadow: none;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
        outline: none;
        cursor: pointer;
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: ellipsis;
}
 
 .my-select {
    background-color: #FFF;
    color: #032c40;
    border: 1 solid #032c40;
    border-radius: 30px;
    padding: 6px 13px;
  }