@charset "utf-8";
/* CSS Document */


/*
Theme Name: FlatHost - Responsive Hosting Template
Version: 2.0
Author: Surjith SM
Author URI: http://themeforest.net/user/surjithctly
*/


/******************  Table of Contents  *****************************
1. GLOBAL STYLES
1. HEADER
2. MAIN FEATURES
3. MORE FEATURES
4. FEATURES LAYOUT
5. TESTIMONIALS
6. PLANS AND PRICING
7. COMPARE PLANS
8. DOMAIN SEARCh
9. CONTACT
10. FOOTER
11. MODAL SIGNIN / SIGNUP
12. BLOG
13. CUSTOM MEDIA QUERIES
14. VERSION 1.1


If you having trouble in editing css. please send a mail to support@surjithctly.in - i will really help you

*/


/*==========0. GLOBAL STYLES==============*/


body {
	font-family:"Montserrat", Arial, Helvetica, sans-serif;
	background:rgb(24, 26, 35);
	position:relative;
	color: rgb(207, 223, 242);
}
a {
    color: #ffffff;
}
h1, h2, h3, h4 {
	font-weight:bold;
}
p {
    color: rgb(207, 223, 242);
}
/*==========1. HEADER==============*/

.navbar-header {
	min-height:80px;
}
.navbar-default .navbar-toggle {
	border-color: #808080;
}
.navbar-toggle {
	margin-top: 20px;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height: 370px;
}
.jumbotron {
    position: relative;
    color: #fff;
    background-image: linear-gradient(rgb(0 0 0 / 55%), #000000d6), url(http://inebur.com/antler/template/img/topbanner05.jpg);
    height: 630px;
    background-size: cover;
    overflow: hidden;
}
.navbar {
    background: rgb(24, 26, 35);
    border-bottom: 0;
}
.navbar-collapse {
	background:none;
	border:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	padding-top: 5px;
	filter:none;
	-ms-filter:none;
}
.navbar .nav > li > a {
    color: #FFF;
    text-shadow: 0 1px 0 #424242;
	font-weight: bold;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
	color:#CCC;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    background: none;
    color: #8d0438;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-weight: bold;
}
.navbar .nav {
	padding:12px;
}
.navbar .btn, .navbar .btn-group {
    margin: 8px;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
	color: #FFF;
	background-color: transparent;
}
.btn-lg {
	font-size:18px;
	padding:20px 50px;
	margin:5px 10px;
}

.btn-blauw {
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: rgb(232, 230, 227);
    background-image: initial;
    background-color: rgb(16, 63, 157);
}
.btn-blauw:hover, .btn-blauw:focus, .btn-blauw:active {
    background-color: rgb(15, 83, 185)!important;
    color: #FFF!important;
}
.btn-blauw.active, .btn-blauw.focus, .btn-blauw:active, .btn-blauw:focus, .btn-blauw:hover, .open>.dropdown-toggle.btn-blauw {
    /* color: #fff; */
    color: rgb(232, 230, 227);
    background-image: initial;
    background-color: rgb(15, 83, 185);
}

/*
.btn-success {
    background-color: #02a73c;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}*/

.btn-success {
    color: #fff;
    background-color: #437c43;
}

.btn-orange {
    color: #fff;
    background-color: #c56e2b;
}

.btn-orange:hover {
    color: #fff;
    background-color: #eb8d44;
}

.navbar .btn-success {
    color: #fff;
    background-color: #4c954c;
	font-size: 12px;
	font-weight: 700;
    margin: 10px;
}

.navbar .btn-success:hover, .btn-success:focus, .btn-success:active {
    color: #fff!important;
    background: #4d9d4d;
    box-shadow: rgb(22 22 22 / 31%) 0px 0px 3px 3px;
}

.btn-success:hover, .btn-success:focus, .btn-success:active {
    color: #fff!important;
    background: #4d9d4d;
    box-shadow: rgb(22 22 22 / 31%) 0px 0px 3px 3px;
}

.btn-primary {
	background-color: #2db6d8;
	background-image:none;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-purple {
    background: linear-gradient(rgb(80 3 143), rgb(75 4 124));
    border-color: rgb(66 4 120) rgb(59 1 116) rgb(70 7 92);
    box-shadow: rgb(0 0 0 / 21%) 0px 0px 0px 1px;
}

.btn-purple:hover, .btn-purple:focus, .btn-purple:active {
    color: #FFF!important;
    background: linear-gradient(rgb(69 2 124), rgb(59 2 98));
    border-color: rgb(50 3 90) rgb(45 4 86) rgb(45 3 60);
    box-shadow: rgb(0 0 0 / 21%) 0px 0px 0px 1px;
}

.btn-blue {
    background: linear-gradient(rgb(25 116 115), rgb(14 86 86));
    border-color: rgb(11 92 91) rgb(12 82 82) rgb(9 64 64);
    box-shadow: rgb(0 0 0 / 21%) 0px 0px 0px 1px;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
    color: #FFF!important;
    background: linear-gradient(rgb(16 96 95), rgb(7 66 66));
    border-color: rgb(7 70 69) rgb(8 66 66) rgb(4 52 52);
    box-shadow: rgb(0 0 0 / 21%) 0px 0px 0px 1px;
}

/*
.btn-purple {
    background-color: #8d0438;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-purple:hover, .btn-purple:focus, .btn-purple:active {
    background-color: #4a031e!important;
    color: #FFF!important;
}
.btn-purple.active, .btn-purple.focus, .btn-purple:active, .btn-purple:focus, .btn-purple:hover, .open>.dropdown-toggle.btn-purple {
    color: #fff;
    background-color: #449d44;
    border-color: #380518;
}

.btn-blue {
    background-color: rgb(32, 80, 113);
    background-image: none;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-blue.active, .btn-blue.focus, .btn-blue:active, .btn-blue:focus, .btn-blue:hover, .open>.dropdown-toggle.btn-blue {
    color: #fff;
    background-color: rgb(22 59 84);
    border-color: #102b3e;
}*/

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background-color: #209ab8!important;
	color:#FFF!important;
}
.btn-danger {
	background-color: #f45c57;
	background-image:none;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
	background-color: #eb534e!important;
	color:#FFF!important;
}
.navbar .nav > .active > a.btn {
	background-color: #22bb5f!important;
	color:#FFF!important;
}
.hero-unit {
	background:none;
	text-align:center;
	padding: 60px;
	padding-top:130px;
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: 200;
	line-height: 30px;
	color: inherit;
}
.hero-unit h1 {
	padding-bottom:15px;
	font-weight:bold;
}
.hero-unit h3 {
	font-weight:normal;
	padding-bottom:15px;
	line-height: 1.5;
	color: #D5D5D5;
}
.slide2 {
	background:none;
	text-align:center;
	padding-top:90px;
}
.slide2 h1 {
	font-size:50px;
	font-weight:bold;
}
.slide3 {
	background:none;
	text-align:left;
	padding-top:100px;
}
.slide3 h1 {
	font-size:50px;
	padding-top:90px;
	font-weight:bold;
}
.slide3 h3 {
	font-size:20px;
	padding-right:20px;
	color: #D5D5D5;
	line-height: 1.5;
}


/*============HEADER ====================*/

.homefeatures {
    background-color: rgb(14, 15, 21);
}

.homefeatures {
    background-color: #11131a;
    padding-top: 12px;
    margin-bottom: -5px;
}

.textcenter {
    text-align: center !important;
    color: rgb(207, 223, 242);
}

ul#menu li {
    display: inline;
    margin: 5%;
}

.fas.fa-check {
    color: rgb(79 221 116);
}

/*==========2. MAIN FEATURES==============*/

.mainFeatures {
	margin-top:50px;
}
.img-thumbnail {
	border:0;
	padding:20px 0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	text-align: center;
}
.img-thumbnail h4, .img-thumbnail p {
	text-align:center;
}
/*==========3. MORE FEATURES==============*/

.PageHead {
    margin-top: 15px;
}
.PageHead h1, .PageHead h3 {
	text-align:center;
}
.PageHead h3 {
	color: #9AA5AA;
	font-weight: normal;
	margin-bottom: 20px;
	margin-top: 10px;
}
.features {
	margin:25px 0;
	float:left;
}
.features img {
	float:left;
	padding:10px 20px 0 0;
}
.features p {
	padding-left: 80px;
}
/*==========4. FEATURES LAYOUT==============*/

.FeatLayout {
	margin-top:50px;
}
.FeatLayout .Featimg {
	text-align:center;
}
.lead {
	color:#666;
}
.ticklist {
	margin:0;
	padding:0;
	list-style:none;
}
.ticklist li {
	width:50%;
	float:left;
	padding:5px 5px 5px 30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:url(../images/tick.png) no-repeat left;
}

.ticklist1 {
	margin:0;
	padding:0;
	list-style:none;
}
.ticklist1 li {
	width:50%;
	float:left;
	padding:5px 5px 5px 30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:url(../images/tick1.png) no-repeat left;
}
/*==========5. TESTIMONIALS==============*/


.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container-fluid.black, .container.black {
    background: #141414;
}

.container-fluid.black, .container.black {
    background-image: initial;
    background-color: rgb(15, 16, 17);
}

.positives .row {
    margin-top: 50px;
    padding-bottom: 25px;
    color: #fff;
}

.Testimonials p {
	margin-top:10px;
}
.Testimonials .img-thumbnail img {
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
}
.Testimonials .img-thumbnail h5 {
	text-align: center;
	color: #646464;
	font-weight: bold;
	margin: 18px 0;
}
.PartnersList {
	text-align:center;
	margin-top: 30px;
}
/* Animation */

.Testimonials .tm-data {
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
@media (min-width:767px) {
.Testimonials .tm-data:hover {
 -moz-transform:scale(1.1);
 -webkit-transform:scale(1.1);
 -o-transform:scale(1.1);
 -ms-transform:scale(1.1);
 transform:scale(1.1);
 z-index:2;
}
}
/*==========6. PLANS AND PRICING==============*/

/* Animation */

.PlanPricing {
    margin-top: 35px;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.4s cubic-bezier(0.49, 0.35, 0.01, 0.85);
}

@media (min-width:767px) {
.PlanPricing:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.05);
    z-index: 1000;
}
}

.package__price {
    font-weight: 800;
    margin: 16px 0 5px;
	color: rgb(255 255 255);
}

.package__price--price {
    font-size: 35px;
    line-height: 24px;
    position: relative;
}

.PlanPricing .planName h4 {
    color: rgb(206, 202, 196);
    text-align: center;
    padding: 0;
    margin: 0;
	font-weight: 700;
    margin-bottom: 8px;
}

.planName h2 {
    color: rgb(197 192 184);
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 25px;
    margin-top: 10px;
}

.package__desc {
    color: rgb(165, 158, 146);
}

.package__desc {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.p-5 {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
}

.package__price--cycle {
    font-size: 18px;
}

.PlanPricing .planName {
    background: rgb(34, 38, 55) !important;
    padding-top: 20px;
    padding-bottom: 1px;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: rgb(0 0 0 / 26%) 0px 5px 13px 2px;
}

.PlanPricing .price {
    background: #0bad00;
    padding: 5px;
    color: #FFF;
    font-size: 42px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    display: block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: 0 auto;
    position: relative;
    margin-top: -107px;
    margin-bottom: 10px;
    line-height: 2.2;
    box-shadow: 0px 0px 5px 2px #000000a1;
}
.PlanPricing.Recommended .price {
    background: #8d0438;
}
.PlanPricing .planName h3 {
	color:#FFF;
	text-align:center;
	padding:0;
	margin:0;
	text-transform:uppercase;
}
.PlanPricing .planName p {
	color:#999;
	text-align:center;
}

.PlanPricing .planFeatures {
    background: rgb(34, 38, 55) !important;
    text-align: center;
    padding: 10px;
    margin-top: -1px;
    box-shadow: rgb(0 0 0 / 26%) 0px 5px 5px 2px;
}

.PlanPricing .planFeatures ul {
    text-align: left;
    list-style: none;
    padding: 0;
    margin-left: 10px;
}
.PlanPricing .planFeatures ul li {
    padding: 5px 0;
    list-style: none;
}

.panelimg.img-fluid.spacenew {
	margin-top: 5px;
}

.tartak {
    display: block;
    content: "";
    position: relative;
    height: 4px;
    width: 40px;
    background-color: #4bdd74;
    margin: auto;
    border-radius: 4px;
    margin-bottom: 20px;
}

.tartak-orange {
    display: block;
    content: "";
    position: relative;
    height: 4px;
    width: 40px;
    background-color: #eb8d44;
    margin: auto;
    border-radius: 4px;
    margin-bottom: 20px;
}

.tartak-blauw {
    display: block;
    content: "";
    position: relative;
    height: 4px;
    width: 40px;
    background-color: rgb(16, 63, 157);
    margin: auto;
    border-radius: 4px;
    margin-bottom: 20px;
}

.tartak-pink {
    display: block;
    content: "";
    position: relative;
    height: 4px;
    width: 40px;
    background-color: #ee5586;
    margin: auto;
    border-radius: 4px;
    margin-bottom: 20px;
}

.PlanPricing .planFeatures ul li span {
    padding: 0px 0px 0px 27px;
    font-weight: bold;
}

.planFeatures li i {
    position: absolute;
    font-size: 16px;
    color: rgb(152, 171, 193);
    width: 20px;
    height: 20px;
}

.fas.fa-check {
    color: rgb(152, 171, 193);
}

.fas.fa-server {
    color: rgb(152, 171, 193);
}

.fas.fa-user-alt {
    color: rgb(152, 171, 193);
}

.fas.fa-microchip {
    color: rgb(152, 171, 193);
}

.fas.fa-memory {
    color: rgb(152, 171, 193);
}

.far.fa-hdd {
    color: rgb(152, 171, 193);
}

.fas.fa-memory {
    color: rgb(152, 171, 193);
}

.pz--ip {
background-image: url(../images/IP.svg);
}

.pz--website {
background-image: url(../images/website.svg);
}

.pz--lock {
background-image: url(../images/lock.svg);
}

.fas.fa-shopping-basket.try {
    padding: 0px 5px 0px 0px;
}

.spajes {
    margin-left: 2px;
}

.planFeatures .delivery {
    font-weight: bold;
    color: #4bdd74;
    background: url(../images/ster.gif) repeat-x left top scroll;
}

.fas.fa-ticket-alt {
    color: rgb(152, 171, 193);
}

.fas.fa-solar-panel {
    color: rgb(207 126 217);
}

.fas.fa-truck {
    color: #4bdd74;
}

.fas.fa-random {
    color: rgb(152, 171, 193);
}

.fas.fa-shipping-fast {
    color: rgb(152, 171, 193);
}

.fas.fa-shield-virus {
    color: rgb(212 221 79);
}

.PlanPricing p {
	margin:0;
}
.PlanPricing .btn {
    width: 100%;
    border-radius: 0;
    margin: 0;
    box-sizing: border-box;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex: 1 auto;
    margin-top: -1px;
}

/*==========7. COMPARE PLANS ==============*/

.package__promotion {
    position: absolute;
    background-color: #ff7800;
    color: #fff;
    font-weight: 700;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 4px;
    min-width: 158px;
    padding: 3px;
}

.package__icon {
    max-width: 150px;
    max-height: 80px;
    height: 80px;
    margin: 0 auto 24px;
    margin-top: 10px;
}

.package__icon_VPS {
    max-width: 150px;
    margin: 0 auto 10px;
}

.package__prices {
    font-weight: 800;
    margin: 16px 0 5px;
    color: #fff;
}

.PlanPricing .planFeaturess {
    background: #e8e9ea;
    text-align: center;
    padding: 10px;
}

.PlanPricing .planFeaturess ul li {
    padding: 5px 0;
    list-style: none;
}

.PlanPricing .planFeaturess ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.PlanPricing .planName h1 {
    color: rgb(206, 202, 196);
    text-align: center;
    padding: 0;
    margin: 0;
    font-weight: 700;
    margin-bottom: 8px;
}

.ComparePlans {
	margin-top:20px;
}
.ComparePlans .planFeatures {
	text-align:center;
	padding:10px;
}
.ComparePlans .CompareList .planFeatures {
	text-align:right;
}
.ComparePlans .planFeatures ul {
	margin:0;
	padding:0;
	list-style:none;
}
.ComparePlans .planFeatures ul li {
	padding:13px 0;
	list-style:none;
}
.ComparePlans .planHead1 {
	height:60px;
	background:#FFF;
}
.ComparePlans .planHead2 {
	height:60px;
	background:#8d0438;
}
.ComparePlans .planHead3 {
	height:60px;
	background:#f45c57;
}
.ComparePlans .planHead2 h3, .ComparePlans .planHead3 h3 {
	color:#FFF;
	text-align:center;
	padding:0;
	margin:0;
	text-transform:uppercase;
	padding-top:10px;
	line-height: 1.8;
}
.ComparePlans .pricing1 .planFeatures {
	border-right:solid 1px #8d0438;
	border-left:solid 1px #8d0438;
}
.ComparePlans .pricing2 .planFeatures {
	border-right:solid 1px #f45c57;
	border-left:solid 1px #f45c57;
}
.ComparePlans .btn {
	width:100%;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/*==========8. DOMAIN SEARCH ==============*/


.domain {
	position: relative;
	background:#34454e;
	background-size:cover;
	overflow:hidden;
	margin-top:80px;
}
.domain h1 {
	color:#FFF;
	margin-top:0;
}
.domain h3 {
	color:#D5D5D5;
	margin-bottom: 40px;
}
.input-append, .input-prepend {
	display:inline;
}
.input-append input, .input-prepend input {
	height:50px;
}
.domain .submitbtn {
	text-align:center;
	padding-top:10px;
	padding-bottom:40px;
}
.input-append .btn-group:last-child > .dropdown-toggle {
	height:50px;
	background:#e2e5e6;
	font-size:18px;
	font-weight:bold;
	padding-left:15px;
}
.domain select, .domain input[type=text] {
	padding: 10px;
	height:50px;
}
/*==========9. CONTACT ==============*/

.ContactUs {
	margin-top:25px;
}
.ContactUs input[type=text], .ContactUs input[type=email] {
	height:50px;
}
.ContactUs textarea {
	height:150px;
}
.ContactUs .btn {
	width:100%;
	margin:5px 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
address {
	color:#70747A;
}
.mapwrap iframe {
	margin-bottom:20px;
}
/*==========10. FOOTER ==============*/


.footer {
    position: relative;
    color: #fff;
    background: url(../images/header-bg.jpg) no-repeat #232a31;
    background-size: cover;
    overflow: hidden;
}

.footer h1, .footer h3 {
	color:#FFF;
}
.footerlinks {
    margin: 15px 0px 0px -15px;
}

.footerlinks p {
	color:#68737b;
	text-transform:uppercase;
	padding-top:15px;
}
.footerlinks ul {
	margin:0;
	padding:0;
	list-style:none;
}
.footerlinks ul li {
	color:#FFF;
	padding:2px 0;
}
.footerlinks ul li a {
	color:#FFF;
}
.copyright {
	margin:30px 0;
}
/*==========11. MODAL SIGNIN / SIGHUP ==============*/


.modal-header {
	padding:10px 30px;
	padding-right:15px;
}
.modal-body {
	padding:30px;
	padding-bottom:15px;
}
.LoginSignup input[type="text"], .LoginSignup input[type="password"] {
	font-size: 14px;
	border-radius: 3px;
	font-weight:normal;
}
.LoginSignup .btn {
	width:100%;
	margin:0;
}
/*==========12. BLOG ==============*/

.blogpost {
	margin-bottom:30px;
}
.blogpost img {
	padding:10px 0;
	max-width:100%;
	min-width:100%;
}
.blog h1.title {
	font-size:30px;
	line-height:32px;
}
.blog h3.subtitle {
	font-size:16px;
	font-weight:normal;
	line-height:20px;
	padding-bottom:5px;
	margin-top: 0;
	color: #5F5F5F;
}
.bloglist {
	margin:0;
	padding:0;
	list-style:none;
}
.bloglist li {
	padding:5px 0;
	color:#666;
}
.bloglist li a {
	color:#666;
}
.commentform input {
	height: 40px;
}
.commentform textarea {
	height:150px;
}
.commentform p {
	text-align:right;
}
.commentform .btn {
	margin-right:0;
}
.media-list p {
	margin-bottom:30px;
}
.media-list .timestamp {
	font-size:12px;
	color:#999;
	display:block;
	padding:5px 0;
}



/*==========13. CUSTOM MEDIA QUERIES==============*/


/*MEDIA QUERIES*/

@media (max-width: 979px) {
.hero-unit {
padding: 190px 0;
padding-bottom:0;
}
 .hero-unit h1 {
 font-size:50px;
}
 .hero-unit h3 {
 font-size:18px;
 line-height:25px;
 padding-top:5px;
 padding-bottom:5px;
 font-weight:normal;
}
 .navbar .navbar-btn {
margin-top: 20px;
background: transparent;
text-shadow: none;
border: 0;
box-shadow: none;
}
 .navbar .navbar-btn:hover {
 background: transparent;
}
 .navbar-fixed-top.navbar-absolute {
 position: absolute;
 margin: 0;
}
 .slide2, .slide3 {
padding-top: 150px;
}
 .slide3 h1, .slide2 h1 {
 font-size:34px;
}
 .slide3 h3, .slide2 h3 {
 font-size:18px;
 line-height:25px;
 padding-top:5px;
 padding-bottom:5px;
 font-weight:normal;
}
}
 @media (max-width: 767px) {
.jumbotron {
padding: 20px 20px;
margin-top: -20px;
height:auto;
}
.hero-unit {
padding: 100px 0;
padding-bottom:0;
}
 .hero-unit h1 {
 font-size:36px;
}
.flex-direction-nav {
display: none;
}
 .PageHead h3, .FeatLayout h3 {
 font-size:20px;
 line-height:25px;
 padding-top:5px;
 padding-bottom:5px;
}
 .jumbotron .navbar-fixed-top.navbar-absolute {
 top: 20px;
}
 .navbar .navbar-btn {
margin-top: 23px;
}
 .domain {
padding: 0 20px;
margin-bottom: -20px;
}
 .domain .input-append input.span11 {
 width:83%;
}
 .footer {
padding: 20px 20px;
margin-bottom: -20px;
}
}
 @media (max-width: 480px) {
 .domain .input-append input.span11 {
 width:74%;
}
 .ticklist li {
 width:100%;
}
 .modal {
 width:auto;
}
}
 @media (min-width: 768px) {
.navbar li.dropdown:hover ul {
 display:block;
}
}

.collapse.navbar-nav.nav.li.active {
    padding-top: 15px;
    padding-bottom: 15px;
}

/*==========14. VERSION 1.1==============*/


.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {
	top:97%;
}
/*==========15. VERSION 1.2==============*/

.scrollup {
	width:40px;
	height:40px;
	opacity:0.4;
	position:fixed;
	bottom:30px;
	right:30px;
	display:none;
	text-indent:-9999px;
	background: url('../images/icon_top.png') no-repeat;
}
/*==========16. VERSION 2==============*/

.navbar li.dropdown ul {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


/*Image fix for IE*/

.img-responsive {
    width: auto \9;
}


.alert-gradient {
    color: rgb(232, 230, 227);
    box-shadow: rgb(0 0 0 / 26%) 0px 8px 40px;
    background-image: initial !important;
    background-color: rgb(34, 38, 55) !important;
}

.alert {
	padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert {
    border-color: transparent;
}

.text-white {
    color: rgb(232, 230, 227) !important;
}

.mt-3 {
    margin-top: 2rem!important;
}

.lead {
    font-size: 1.75rem;
    font-weight: 300;
}

.btn-black {
    color: rgb(208, 204, 198);
    background: linear-gradient(rgb(20 23 24), rgb(18 18 18));
    border-color: rgb(23 26 23) rgb(20 24 20) rgb(18 19 22);
    transition: all 0.4s cubic-bezier(0.52, 0.21, 0, 1.21);
}

.btn-black:hover {
    color: rgb(208, 204, 198);
    background: linear-gradient(rgb(24, 26, 27), rgb(22 22 22));
    border-color: rgb(22 26 22) rgb(25 30 24) rgb(23 26 23);
    transform: translateY(-3px);
    box-shadow: rgb(0 0 0 / 32%) 0px 5px 1rem 0px !important;
    border: 2px solid #939393;
}

.row .col-md-4 h1 {
	font-size: 34px;
}

.shadow {
    box-shadow: rgb(0 0 0 / 15%) 0px 0.5rem 1rem !important;
    margin-top: 60px;
}

hr:not([size]) {
    height: 1px;
}

.pyrzhero-hr {
    border: 3px solid #2cc76a;
    background: #2cc76a;
    opacity: 80%;
    border-radius: 3px;
    width: 90px;
    padding: 0!important;
    margin: 0!important;
}

.pyrzhero-hr-pink {
    border: 3px solid #ee5586;
    background: #ee5586;
    opacity: 80%;
    border-radius: 3px;
    width: 90px;
    padding: 0!important;
    margin: 0!important;
}

.pyrzhero-hr-green-center {
    border: 3px solid #2cc76a;
    background: #2cc76a;
    opacity: 80%;
    border-radius: 3px;
    width: 90px;
    padding: 0!important;
    margin: auto!important;
}


.pyrzhero-hr-goud-center.spacenew {
    margin-bottom: 35px;
}

.pyrzhero-hr-blue-center {
    border: 3px solid rgb(15, 83, 185);
    background: rgb(15, 83, 185);
    opacity: 80%;
    border-radius: 3px;
    width: 90px;
    padding: 0!important;
    margin: auto;
}

.pyrzhero-hr-goud-center {
    border: 3px solid #e1cb66;
    background: #e1cb66;
    opacity: 80%;
    border-radius: 3px;
    width: 90px;
    padding: 0!important;
    margin: auto;
}

.package__desc.p-5.d1 {
    font-weight:700;
}

.pyrzhero-hr-orange-center {
    border: 3px solid #eb8d44;
    background: #eb8d44;
    opacity: 80%;
    border-radius: 3px;
    width: 90px;
    padding: 0!important;
    margin: auto;
}

.pyrzhero-hr-pink-center {
    border: 3px solid #ee5586;
    background: #ee5586;
    opacity: 80%;
    border-radius: 3px;
    width: 90px;
    padding: 0!important;
    margin: auto;
}

.pyrzhero-hr-lichtblauw-center {
    border: 3px solid #61d9d8;
    background: #61d9d8;
    opacity: 80%;
    border-radius: 3px;
    width: 90px;
    padding: 0!important;
    margin: auto;
}

.pyrzhero-hr-orange {
    border: 3px solid #eb8d44;
    background: #eb8d44;
    opacity: 80%;
    border-radius: 3px;
    width: 90px;
    padding: 0!important;
    margin: 0!important;
}

.pyrzhero1-hr {
    border: 3px solid #61d9d8;
    background: #61d9d8;
    opacity: 80%;
    border-radius: 3px;
    width: 90px;
    padding: 0!important;
    margin: 0!important;
}

.pyrzherogoud-hr {
    border: 3px solid #e1cb66;
    background: #e1cb66;
    opacity: 80%;
    border-radius: 3px;
    width: 90px;
    padding: 0!important;
    margin: 0!important;
}

hr {
    color: inherit;
}

.ddosimg {
    width: 100%;
    height: 100%;
}

::-webkit-scrollbar {
    background-color: #202324;
    color: #aba499;
}

::-webkit-scrollbar-corner {
    background-color: #181a1b;
}

::-webkit-scrollbar-thumb {
    background-color: #454a4d;
}

::selection {
    background-color: #004daa !important;
    color: #e8e6e3 !important;
}

.header {
    padding-top: 90px;
    background-color: #282F4F;
}

.header .title {
    padding-top: 10px;
    font-weight: 600;
    font-size: 40px;
}

.PlanPricing .planFeatures b {
    color: rgb(255 245 229);
    font-weight: 700;
}

.panelimg {
    width: 100%;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 26%) 0px 5px 10px 1px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.dual-section {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.padding-topbot50 {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.darker-bg {
    background: #11131a !important;
}

.custom-width {
    width: 1250px;
    margin: auto;
    display: block;
}

.main-title {
    width: 750px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.main-title.title-white h2 {
    color: #ffffff;
}

.main-title h2 {
    font-size: 36px;
    font-weight: 700;
}

.dual-section .col-md-6 .left-content {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding-right: 40px;
}

.dual-section .col-md-6 .right-content {
    padding-left: 20px;
}

.dual-section .featuress {
    margin-bottom: 40px;
}

.dual-section i {
    border: 1px solid #e1cb66;
    height: 55px;
    width: 60px;
    line-height: 55px;
    color: #e1cb66;
    text-align: center;
    font-size: 18px;
    box-shadow: 0 0 13px 1px rgb(225 203 102 / 11%);
    border-radius: 5px;
    margin: 17px 0px 0px 14px;
    position: relative;
    right: 10px;
}

.fa-server:before {
    content: "\f233";
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

img, svg {
    vertical-align: middle;
}

.upfooter {
    background-color: #11131a !important;
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: solid 10px #0f1016;
}

.justify-content-center {
    justify-content: center!important;
}

.badge-gray-700-soft {
    background-color: rgb(187 211 255 / 10%);
    color: #506690;
}

.badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.text-uppercase {
    text-transform: uppercase!important;
}

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

.btn1 {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn1-custom {
    background-color: #28648d;
    border: 2px solid #28648d;
    border-radius: 8px;
    padding: 16px, 80px;
    color: #F4F6FC;
}

.btn1.focus, .btn1:focus, .btn1:hover {
    color: #fff;
    text-decoration: none;
}

.btn1-custom:hover {
    border: 2px solid #8DA1F7;
    box-shadow: 0px 0px 15px 4px rgb(141 161 247 / 10%);
    transition: .3s ease-in-out;
    color: #F4F6FC;
    transform: translateY(-3px);
    background: #2d719f;
}

.dual-section .left-content {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding-right: 40px;
}

.dual-section .text {
    overflow: hidden;
}

.dual-section h4 {
    font-weight: 600;
}






/*-------- FOOTER ------------ */    
    .footer-section {
    background: var(--global--color-blue);
    padding: 50px 0 50px 0;
}
    .newsletter{
        padding-top: 53px;
    }
    .footer-section h3{
        font-size: 24px;
        line-height: 30px;
        font-weight: 700;
    }
    .footer-section p{
        font-size: 16px;
        line-height: 31px;
        font-weight: 400;
        color: var(--global--color-grey);
        margin-bottom: 31px;
    }
    .footer-section .form-control {
        padding: 28px;
        padding: 28px;
        background: var(--global--color-white);
        border-radius: 50px;
        position: relative;
        border: none;
        color: #808080;
        font-size: 16px;
    }
    .footer-section .form-group {
        position: relative;
        background: var(--global--color-white);
        border-radius: 50px;
        border: 1px solid #e8eaf1;
    }
    .footer-form{
        width: 66%;
        margin: auto;
    }
    .subscribe-btn{
        font-size: 14px;
        font-weight: 700;
        color: var(--global--color-lightblack);
        background: var(--global--color-yellow);
        border-radius: 50px;
        border: none;
        padding: 18px 27px 19px 27px;
        position: absolute;
        right: -1px;
        top: -1px;
        left: inherit;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
    }
    .subscribe-btn:hover{
        box-shadow: 0 0 20px rgba(0,0,0,.25);
    }
    .footer-logo small{
        font-size: 14px;
        font-weight: 400;
        color: var(--global--color-grey);
    }
    .footer-logo-text{
        margin-bottom: 32px;
    }
    .footer-list li{
        display: inline-block;
        margin-right: 5px;
    }
    .footer-list li a{
        display: inline-block;
        color: var(--global--color-pyrz);
        border: 2px solid var(--global--color-pyrz);
        border-radius: 50%;
        height: 43px;
        width: 43px;
        text-align: center;
        line-height: 41px;
        transition: 0.3s ease-in-out;
        position: relative;
    }
    .footer-list li a:hover{
        background: var(--global--color-pyrz);
        color: var(--global--color-blue);
        height: 43px;
        width: 43px;
        transform: translateY(-5px);
        cursor: pointer;
        z-index: 0;
        box-shadow: 0 10px 10px rgba(0,0,0,.5);
    }
    .footer-list {
        padding-top: 32px;
    }
    .footer-logo figure{
        margin-bottom: 33px;
    }
    .footer-section .form-group{
        margin-bottom: 78px;
    }
    .footer-company{
        padding-left: 18px;
    }
    .footer-contact{
        padding-left: 15px;
    }
    .footer-section h5{
        font-weight: 700;
        margin-bottom: 35px;
    }
    .footer-hosting{
        padding-left: 10px;
    }
    .hosting-list li, .company-list li, .contact-list li{ padding-bottom: 11px;}
    .hosting-list li a{
        font-size: 16px;
        color: var(--global--color-grey);
        line-height: 25px;
        font-weight: 400;
    }
    .company-list li a{
        font-size: 16px;
        color: var(--global--color-grey);
        line-height: 25px;
        font-weight: 400;
    }
    .contact-list li a{
        font-size: 16px;
        color: var(--global--color-grey);
        line-height: 25px;
        font-weight: 400;
    }
    .hosting-list li a:hover, .company-list li a:hover, .contact-list li a:hover{
        color: var(--global--color-white);
        text-decoration: none;
    }
    .footer-image {
    max-width: 170px;
}
/*-------- FOOTER BAR------------ */      
    .footer-bar{
        background: var(--global--color-darkblue);
        padding: 11px 0;
    }
    .footer-bar .footer-cards small{
        font-size: 14px;
        color: var(--global--color-grey);
        font-weight: 400;
        margin: 0px 14px 0px 15px;
        padding-top: 12px; 
        float: left;
    }
    .footer-cards-list li a{   
        color: var(--global--color-grey);
        font-size: 29px;
        padding-left: 5px;
    }
    .footer-cards-list li i{
        transition: all 0.3s ease-in-out;
        position: relative;
    }
    .footer-cards-list li a:hover i{
        transform: translateY(-5px);
        box-shadow: 0 10px 10px rgba(0,0,0,.1);
        cursor: pointer;
        z-index: 0;
    }
    .footer-cards-list {
        margin-bottom: 0px;
    } 
    .footer-cards-list li{
        display: inline-block;
    }
    
    .footer-bar .footer-arrow small {
        font-size: 14px;
        color: var(--global--color-grey);
        font-weight: 400;
        margin: 0px 5px 0px 0px;
        padding-top: 12px; 
    }
	
	.footer-logo figure .img-fluid {
    max-width: 100%;
    height: auto;
    opacity: 0.6;
}
	.footer-logo figure .img-fluid:hover {
    opacity: 1.0;
}
    .heart {
    color: var(--global--color-pyrz);
    font-size: 14px;
}
    .footer-arrow-setting {
        height: 43px;
        width: 43px;
        font-size: 18px;
        background: var(--global--color-yellow);
        color: var(--global--color-lightblack);
        border-radius: 50%;
        text-align: center;
        line-height: 41px !important;
        margin-left: 11px;
    }
    .footer-arrow-setting:hover{
        box-shadow: 0 0 20px rgba(0,0,0,.25);
    }
    .footer-arrow {
        float: right;
        text-align: right;
    }
    .about-main-header{
        background: none;
    }
	
	.footer-logo-setting .fab, .far {
    font-weight: bold;
    font-size: 15px;
}

.footer-arrow .back-to-top i {
    padding: 14px;
    background-color: #ddd;
    color: #888;
    border-radius: 3px;
    opacity: .7;
}

.footer-arrow .back-to-top i:hover {
    opacity: 1;
    background-color: #f1f1f1;
}

.fa-chevron-up:before {
    content: "\f077";
}
	
.navbar .nav strong {
    background: none;
    color: var(--global--color-pyrz);
    box-shadow: none;
    font-weight: bold;
}

.nav>li>strong {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.navbar-nav>li>strong {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}

.navbar-nav>li>strong {
    padding-top: 15px;
    padding-bottom: 15px;
}

:root {
    --global--color-darkblue: #171a24;
    --global--color-blue: #1e222f;
    --global--color-grey: #bcbcbc;
    --global--color-yellow: #ffda68;
    --global--color-lightpink: #cb6686;
    --global--color-white: #ffffff;
    --global--color-pink: #ff687d;
    --global--color-lightblack: #11141b;
    --global--color-purple: #745984;
    --global--color-light: #f8f8f8;
    --global--color-lightgrey: #808080;
    --global--color-black: #181b22;
    --global--color-pyrz: #850435;
}

.space {
    padding-top: 25px;
    padding-bottom: 25px;
}

.nav .btn a {
    padding: 5px;
}

.col-sm-6.col-md-3.fadeInUp.animated.extra {
    left: 435px;
}

.img.feathermid {
    max-width: 350px;
    margin-left: 70px;
}

.col-md-6.omlaag {
    margin-top: 80px;
}

.col-md-6.beetjelaag {
    margin-top: 30px;
    left: 60px;
}