/*------------------------------------------------------------------

 * template Name: Nuhost - Multipurpose Hosting HTML & WHMCS Template

 * Author: coodiv (nedjai mohamed)

 * Author URI: https://coodiv.net/

 * Author URI: https://themeforest.net/user/coodiv

 * Description: A Bootstrap Responsive Domain & Web Hosting Template + WHMCS template

 * Version: 1.0.0

 * Bootstrap v4.1.1 (http://getbootstrap.com)

 * Copyright 2018 coodiv.

 -------------------------------------------------------------------*/



/*------------------------------------------------------------------



    [Table of contents]



	1.------------------------- General Styles /

	2.------------------------- background & buttons /

	3.------------------------- preloader /

	4.------------------------- top header navbar /

	5.------------------------- the header /

	6.------------------------- megamenu dropdown /

	7.------------------------- header animations /

	8.------------------------- header main text /

	9.------------------------- the breadcrumb /

	10.------------------------ header domain search /

	11.------------------------ header search block /

	12.------------------------ header login dropdown /

	13.------------------------ header nav styles /

	14.------------------------ services box styles /

	15.------------------------ banner hosting menu /

	16.------------------------ hosting plans megamenu /

	17.------------------------ our services megamenu /

	18.------------------------ second secvices box styles /

	19.------------------------ simple title styles /

	20.------------------------ our pertners styles /

	21.------------------------ third services box styles /

	22.------------------------ first hosting plans styles /

	23.------------------------ perlex section /

	24.------------------------ video model styles /

	25.------------------------ fourth services box styles /

	26.------------------------ services tabs styles /

	27.------------------------ server place maps styles /

	28.------------------------ counter section styles /

	29.------------------------ blog boxes styles /

	30.------------------------ homepage contact form styles /

	31.------------------------ footer styles /

	32.------------------------ fixed header styles /

	33.------------------------ responsive menu styles /

	34.------------------------ SECOND HOMEPAGE STYLES START /

	35.------------------------ second header styles /

	36.------------------------ header slider styles /

	37.------------------------ second header text area /

	38.------------------------ carousel services box /

	39.------------------------ homepage domain search section /

	40.------------------------ hosting plans with chekout  /

	41.------------------------ video modal popup styles /

	42.------------------------ custom conatiner styles /

	43.------------------------ sub pages header styles /

	44.------------------------ main services box /

	45.------------------------ grandient backrounds /

	46.------------------------ domain resulte page /

	47.------------------------ about us page /

	48.------------------------ reseller hosting page /

	49.------------------------ Filter List /

	50.------------------------ wordpress hosting page /

	51.------------------------ DDOS pages styles /

	52.------------------------ knowledgebase page styles /

	53------------------------- contact us page styles /

	54.------------------------ help center page styles /

	55.------------------------ 404 page styles /

	56.------------------------ blog & blog single styles /

	57.------------------------ header extra styles /

	58.------------------------ additionell styles & updates /



    coodiv.net

	

-------------------------------------------------------------------*/







/*------------------------------------------------------------------

	1. General Styles

-------------------------------------------------------------------*/





body{

	font-family: 'Nunito', sans-serif;

}



a,.our-pertners img,.first-items-home .free-badje, a span,.video-section-text-place .over-ole-grandient-orl, button,.pricing-plan-one .best-selle-tag-plan,.pricing-plan-one .best-selle-tag-plan:hover,.pricing-plan-one .best-selle-tag-plan b,.pricing-plan-one .box-overlow-cari {

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {

    margin-left: 0 ;

}





.mr-tp-0{

	margin-top: 0 !important;

}



.mr-tp-10{

	margin-top: 10px !important;

}



.mr-tp-20{

	margin-top: 20px !important;

}



.mr-tp-30{

	margin-top: 30px !important;

}



.mr-tp-40{

	margin-top: 40px !important;

}





.mr-tp-50{

	margin-top: 50px !important;

}





.mr-tp-60{

	margin-top: 60px !important;

}



.mr-tp-70{

	margin-top: 70px !important;

}



.mr-tp-80{

	margin-top: 80px !important;

}





.mr-tp-90{

	margin-top: 90px !important;

}



.mr-tp-100{

	margin-top: 100px !important;

}



.mr-tp--120{

	margin-top: -120px !important;

}



.mr-tp-120{

	margin-top: 120px !important;

}



.mr-bt-5{

	margin-bottom: 5px !important

}



.mr-bt-60{

	margin-bottom: 60px !important;

}





.pad-bt-100{

	padding-bottom: 100px !important;

}



.padding60-100-100 {

    padding: 60px 100px 100px !important;

}



.padding-100-0 {

	padding: 100px 0 !important;

}



.padding-40-0-100{

	padding: 40px 0 100px !important;

}





.padding-50-0-100{

	padding: 50px 0 100px !important;

}



.padding-60-0-100{

	padding: 60px 0 100px !important;

}



.padding-80-0-100{

	padding: 80px 0 100px !important;

}

.padding-80-0-30{

	padding: 80px 0 30px !important;

}



.padding-80-0-60{

	padding: 80px 0 60px !important;

}



.padding-80-0-90{

	padding: 80px 0 90px !important;

}



.padding-80-100-100{

	padding: 80px 100px 100px !important;

}



.padding-130-0-160{

    padding: 130px 0 160px !important;

}



.padding-40-0-0{

	padding: 40px 0 0 !important;

}



.padding-40-0-80{

	padding: 40px 0 80px !important;

}



.padding-80-0-80{

	padding: 80px 0 80px !important;

}



.padding-90-0-100{

	padding: 90px 0 80px !important;

}



.padding-100-0-30{

	padding: 90px 0 80px !important;

}



.padding-100-0-0{

	padding: 100px 0 0 !important;

}



.font-size-33{

	font-size: 33px !important;

}



.overflow-hidden{

	overflow: hidden;

}





.gray-background{

    background: #f7f7f9 !important;

}



.white-gray-border-top {

    background: #fff;

    border-top: 1px solid #f0f2f3;

}





/*------------------------------------------------------------------

	2. background & buttons

-------------------------------------------------------------------*/





.section-with-moon-back-under{

    background: url(../img/header/moon-full.png) no-repeat;

    position: absolute;

    max-height: 201px;

    max-width: 1300px;

    background-size: 100%;

    width: 100%;

    right: -600px;

    bottom: 0;

    height: 100%;

    z-index: 0;

    pointer-events: none;

    left: 0;

    margin: auto;	

}



.section-with-moon-men-quastions-under{

    background: url(../img/header/quastions.png) no-repeat;

    position: absolute;

    max-width: 354px;

    max-height: 305px;

    background-size: 100%;

    width: 100%;

    right: -624px;

    bottom: 160px;

    height: 100%;

    z-index: 0;

    pointer-events: none;

    left: 0;

    margin: auto;

}





.btn-order-default-nuhost{

    padding: 11px 30px;

    color: #fff;

    letter-spacing: 1px;

    border-radius: 4px;

    font-weight: bold;

    font-size: 13px;

    background: #f06292;

    background-image: linear-gradient(to right,#f06292,#f062c8);

}



.btn-order-default-nuhost:hover{

    background-size: 175% 100%;

    color: #fff;

    outline: none;

    transition: background-size .2s ease-in-out,.2s box-shadow ease-in-out,.2s filter,.3s opacity;

    text-decoration: none;

}









/*------------------------------------------------------------------

	3. preloader

-------------------------------------------------------------------*/





/* .preloader{position: fixed; left: 0px;top: 0px;width: 100%;height: 100%; z-index: 9999; background:#fff; }     

.spinner{ position: absolute;top: 50%;left: 50%;margin: -33px 0 0 -33px;width: 32px;height: 32px;-webkit-animation: rotator 1.4s linear infinite;animation: rotator 1.4s linear infinite;}



@-webkit-keyframes rotator {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(270deg);

            transform: rotate(270deg);

  }

}



@keyframes rotator {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(270deg);

            transform: rotate(270deg);

  }

}

.path {stroke-dasharray: 187;stroke-dashoffset: 0;-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;-webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;

}



@-webkit-keyframes colors {

  0% {

    stroke: #ddd;

  }

  25% {

    stroke: #ddd;

  }

  50% {

    stroke: #ddd;

  }

  75% {

    stroke: #ddd;

  }

  100% {

    stroke: #ddd;

  }

}



@keyframes colors {

  0% {

    stroke: #ddd;

  }

  25% {

    stroke: #ddd;

  }

  50% {

    stroke: #ddd;

  }

  75% {

    stroke: #ddd;

  }

  100% {

    stroke: #ddd;

  }

}

@-webkit-keyframes dash {

  0% {

    stroke-dashoffset: 187;

  }

  50% {

    stroke-dashoffset: 46.75;

    -webkit-transform: rotate(135deg);

            transform: rotate(135deg);

  }

  100% {

    stroke-dashoffset: 187;

    -webkit-transform: rotate(450deg);

            transform: rotate(450deg);

  }

}

@keyframes dash {

  0% {

    stroke-dashoffset: 187;

  }

  50% {

    stroke-dashoffset: 46.75;

    -webkit-transform: rotate(135deg);

            transform: rotate(135deg);

  }

  100% {

    stroke-dashoffset: 187;

    -webkit-transform: rotate(450deg);

            transform: rotate(450deg);

  }

}



*/





/*------------------------------------------------------------------

	4. top header navbar

-------------------------------------------------------------------*/





.top-header-nav-home{

	top: 0;

}



.top-header-fixed {

    position: fixed;

    width: 100%;

    top: -20px;

    z-index: 99999;

    background: #ffffff;

    -webkit-box-shadow: 0 9px 18px rgba(0, 0, 0, 0.08);

    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.04);

    opacity: 1;

    transition: all 0.2s ease-in-out;

    left: 0;

    right: 0;

}



#header .top-header-fixed .navbar .accouting-h {

    background: #ebeff1;

}



#header .top-header-fixed .navbar .nav-link {

    color: #657075;

}



#header .top-header-fixed .navbar .nav-link:hover {

    color: #171819;

}



#header .top-header-fixed .navbar-brand img.black-bg-logo {

    display:none;

}



#header .navbar-brand img.white-bg-logo {

	display:none;

}



#header .navbar-brand img.black-bg-logo {

    display:block;

}





#header .top-header-fixed .navbar-brand img.white-bg-logo {

    display:block;

}



@media (min-width: 768px){

#header .top-header-fixed .navbar .nav-link:after,#header .top-header-fixed .navbar .nav-link:before {

    background: #9798b9;

}

}

.top-header-fixed .header-nav-algo-coodiv {

    margin-bottom: 0 !important;

	padding: 20px 0;

}





.top-header-fixed-btom0{

	top: -120px;

}









#header .top-header-fixed  .navbar-brand span,#header .top-header-fixed .navbar .search-headr {

    display: none;

}











/*------------------------------------------------------------------

	5. the header

-------------------------------------------------------------------*/





#header {

    padding: 0 0 20px;

    position: relative;

	max-height: 720px;

    background: #48486b;

    background: -webkit-linear-gradient(left top, #48486b, #131327);

    background: -o-linear-gradient(bottom right, #48486b, #131327);

    background: -moz-linear-gradient(bottom right, #48486b, #131327);

    background: linear-gradient(to bottom right, #48486b, #131327);

    /**background: linear-gradient(to bottom right, #28135b, #1a2b86);**/

}



#header .navbar-brand img {

    max-height: 80px;

}





#header .navbar-brand span{

    display: block;

    font-weight: 100;

    font-size: 12px;

    margin-top: 4px;

    margin-left: 4px;

    opacity: 0.8;

    text-transform: capitalize;

    color: #fff;

}





#header .navbar .nav-link {

    font-weight: bold;

    color: #ffffff;

    font-size: 13px;

    position: relative;

}



#header .navbar .accouting-h {

    height: 35px;

    display: block;

    width: 35px;

    background: #ffffff;

    text-align: center;

    line-height: 34px;

    border-radius: 35px;

    margin-left: 15px;

}



#header .navbar .accouting-h img{

    width: 16px;

}



#header .navbar .accouting-h:hover img{

	transition: all 0.2s ease-in-out;

	-webkit-animation: toRightFromLeft 0.3s forwards;

    -moz-animation: toRightFromLeft 0.3s forwards;

    animation: toRightFromLeft 0.3s forwards;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    -webkit-font-smoothing: antialiased;

}



@-webkit-keyframes toRightFromLeft {

	49% {

		-webkit-transform: translate(100%);

	}

	50% {

		opacity: 0;

		-webkit-transform: translate(-100%);

	}

	51% {

		opacity: 1;

	}

}

@-moz-keyframes toRightFromLeft {

	49% {

		-moz-transform: translate(100%);

	}

	50% {

		opacity: 0;

		-moz-transform: translate(-100%);

	}

	51% {

		opacity: 1;

	}

}

@keyframes toRightFromLeft {

	49% {

		transform: translate(100%);

	}

	50% {

		opacity: 0;

		transform: translate(-100%);

	}

	51% {

		opacity: 1;

	}

}





#header .navbar .search-headr {

    height: 35px;

    display: block;

    width: 35px;

    text-align: center;

    line-height: 34px;

    margin-left: 25px;

}



#header .navbar .search-headr img{

    width: 32px;

}







#header .navbar .nav-link:hover {

    color: #e3e8ea;

}

@media (min-width: 768px) {

#header .navbar-nav .nav-link {

    padding-right: .4rem;

    padding-left: .4rem;

    margin-right: .5rem;

    margin-left: .5rem;

}





#header .navbar .nav-link:after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    height: 2px;

    width: 0%;

    background: #ffffff;

	transition: all 0.2s ease-in-out;

}



#header .navbar .dropdown-toggle:after {

    margin-left: 0;

    vertical-align: 0;

    border-top: 0;

    border-right: 0;

    border-left: 0;

}



.caret {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: 2px;

    vertical-align: middle;

    border-top: 4px dashed;

    border-top: 4px solid\9;

    border-right: 4px solid transparent;

    border-left: 4px solid transparent;

}







/*------------------------------------------------------------------

	6. megamenu dropdown

-------------------------------------------------------------------*/



.mega-dropdown {

  position: static !important;

}



.mega-dropdown-menu {

    padding: 0 15px;

    width: 100%;

    box-shadow: none;

    -webkit-box-shadow: none;

}



.mega-dropdown-menu:before {

    display: none;

}





.blockshow{

	display:block !important;

}



#header .navbar .nav-link:hover::after {

    width: 100%;

	transition: all 0.2s ease-in-out;

}





#header .navbar .nav-link:before {

    content: '';

    position: absolute;

    bottom: 0;

    right: 0;

    height: 2px;

    width: 0%;

    background: #ffffff;

	transition: all 0.2s ease-in-out;

}





#header .navbar .nav-link:hover::before {

    width: 100%;

	transition: all 0.2s ease-in-out;

}



}







/*------------------------------------------------------------------

	7. header animations

-------------------------------------------------------------------*/



#header .header-animation .fist-circle {

    position: absolute;

    height: 280px;

    width: 280px;

    background: #f5c48d;

    border-radius: 50%;

    bottom: -90px;

    display: block;

    overflow: hidden;

    right: -30px;

    background: #f5c48d;

    background: -moz-linear-gradient(top, #f5c48d 0%, #da90a2 51%, #827ec1 100%);

    background: -webkit-linear-gradient(top, #f5c48d 0%,#da90a2 51%,#827ec1 100%);

    background: linear-gradient(to bottom, #f5c48d 0%,#da90a2 51%,#827ec1 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5c48d', endColorstr='#827ec1',GradientType=0 );

    transform: rotate(20deg);

}



#header .header-animation .second-circle {

    position: absolute;

    height: 70px;

    width: 70px;

    background: #f5c48d;

    border-radius: 50%;

    top: 140px;

    display: block;

    overflow: hidden;

    background: #f5c48d;

    left: -82%;

    right: 0;

    margin: auto;

    background: -moz-linear-gradient(top, #f5c48d 0%, #da90a2 51%, #827ec1 100%);

    background: -webkit-linear-gradient(top, #f5c48d 0%,#da90a2 51%,#827ec1 100%);

    background: linear-gradient(to bottom, #f5c48d 0%,#da90a2 51%,#827ec1 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5c48d', endColorstr='#827ec1',GradientType=0 );

    transform: rotate(120deg);

    opacity: 0.6;

}



#header .header-animation .third-circle {

    position: absolute;

    height: 30px;

    width: 30px;

    background: #f5c48d;

    border-radius: 50%;

    top: 210px;

    display: block;

    overflow: hidden;

    right: -70%;

    left: 0;

    margin: auto;

    background: #f5c48d;

    background: -moz-linear-gradient(top, #f5c48d 0%, #da90a2 51%, #827ec1 100%);

    background: -webkit-linear-gradient(top, #f5c48d 0%,#da90a2 51%,#827ec1 100%);

    background: linear-gradient(to bottom, #f5c48d 0%,#da90a2 51%,#827ec1 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5c48d', endColorstr='#827ec1',GradientType=0 );

    transform: rotate(31deg);

}



#header .header-animation .fourth-circle {

    position: absolute;

    height: 20px;

    width: 20px;

    background: #f5c48d;

    border-radius: 50%;

    bottom: 210px;

    display: block;

    overflow: hidden;

    left: 350px;

    background: #f5c48d;

    background: -moz-linear-gradient(top, #f5c48d 0%, #da90a2 51%, #827ec1 100%);

    background: -webkit-linear-gradient(top, #f5c48d 0%,#da90a2 51%,#827ec1 100%);

    background: linear-gradient(to bottom, #f5c48d 0%,#da90a2 51%,#827ec1 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5c48d', endColorstr='#827ec1',GradientType=0 );

    transform: rotate(31deg);

}



#header .header-animation .scrool-dwn-btn {

    position: absolute;

    bottom: 35px;

    right: 0;

    left: 0;

    margin: auto;

    width: 150px;

    text-align: center;

    text-decoration: none;

    z-index: 3;

}



#header .header-animation .scrool-dwn-btn span{

    font-weight: bold;

    font-size: 13px;

    margin-bottom: 14px;

    display: block;

    color: #d0d2d3;

}



#header .header-animation .scrool-dwn-btn img{

    width: 32px;

    display: block;

    margin: auto;

}



#header .header-animation .scrool-dwn-btn i{

    display: block;

    color: #6c6c6c;

    height: 25px;

}



#header .header-animation .scrool-dwn-btn:hover i{

    padding-top: 6px;

}







#header .header-animation .support-header-ring{

    position: absolute;

    bottom: 25px;

    left: 60px;

    z-index: 3;

}



#header .header-animation .support-header-ring img{

    width: 50px;

    z-index: 1;

    position: relative;

}



#header .header-animation .support-header-ring span{

    background: #fff;

    position: absolute;

    width: 0;

    top: 11px;

    z-index: 0;

    left: 35px;

    color: #333;

    text-transform: capitalize;

    font-size: 13px;

    font-weight: bold;

    letter-spacing: 0.5px;

    height: 28px;

    border-radius: 0 30px 30px 0;

    line-height: 28px;

    padding-left: 22px;

    overflow: hidden;

    opacity: 0;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



#header .header-animation .support-header-ring:hover span{

    width: 140px;

    opacity: 1;

}





#header .header-animation .backgroundssdlo{

    position: absolute;

    display: block;

    top: 0;

    left: 0;

    z-index: 0;

    opacity: 1;

	pointer-events: none;

}



#header .header-animation .first-clim-perv{

float: left;

    display: block;

    position: absolute;

    left: 0;

    right: -41%;

    margin: auto;

    width: 360px;

    transform: rotate(-10deg);

    bottom: -160px;

    border-radius: 4px;

    z-index: 0;

    -webkit-box-shadow: -6px -5px 45px -4px rgba(0,0,0,0.08);

    -moz-box-shadow: -6px -5px 45px -4px rgba(0,0,0,0.08);

    box-shadow: -6px -5px 45px -4px rgba(0, 0, 0, 0.08);

}



#header .header-animation .first-clim-perv:hover{

    bottom: -155px;

	box-shadow: -6px -5px 45px -4px rgba(0, 0, 0, 0.1)

}



#header .header-animation .first-clim-perv img{

    width: 360px;

	border-radius: 8px;

}



#header .header-animation .secnsd-clim-perv{

    float: left;

    display: block;

    position: absolute;

    left: 0;

    right: -7%;

    bottom: -96px;

    width: 250px;

    margin: auto;

    transform: rotate(-6deg);

    border-radius: 4px;

    z-index: 0;

    -webkit-box-shadow: -6px -5px 45px -4px rgba(0,0,0,0.08);

    -moz-box-shadow: -6px -5px 45px -4px rgba(0,0,0,0.08);

    box-shadow: -6px -5px 45px -4px rgba(0, 0, 0, 0.08);

}



#header .header-animation .secnsd-clim-perv:hover{

    bottom: -90px;

	box-shadow: -6px -5px 45px -4px rgba(0, 0, 0, 0.1)

}



#header .header-animation .secnsd-clim-perv img{

    width: 250px;

	border-radius: 8px;

}







/*------------------------------------------------------------------

	8. header main text

-------------------------------------------------------------------*/



.header-heeadline{

    width: 100%;

    padding: 0;

    display: table;

    height: 100%;

    position: absolute;

    top: 25px;

    left: 0;

    margin: 0;

    overflow: hidden;

}



.header-heeadline .outliner-middl-ha{

    padding: 0;

    vertical-align: middle;

    display: table-cell;

    margin: 0;

    width: 100%;

    text-align: center;

}



.header-heeadline h5{

    font-size: 2.1rem;

    font-weight: bold;

    text-transform: capitalize;

    color: #ffffff;

}



.header-heeadline p{

    font-size: 16px;

    font-weight: 100;

    text-transform: capitalize;

    margin-top: 15px;

    display: block;

    color: rgba(255, 255, 255, 0.81);

}





.header-nav-algo-coodiv{

    position: relative;

    z-index: 3;

    margin-top: 1rem;

}







/*------------------------------------------------------------------

	9. the breadcrumb

-------------------------------------------------------------------*/



.the_breadcrumb {

    padding: .75rem 1rem;

    margin-bottom: 1rem;

    list-style: none;

    background-color: #e9ecef;

    border-radius: .25rem;

    position: relative;

    margin-top: 10px;

    padding-left: 15px;

    color: #868e96;

    font-size: 13px;

    font-weight: 400;

    font-family: 'Heebo', sans-serif;

}



.the_breadcrumb a {

    color: #748086;

    font-weight: 400;

}



.the_breadcrumb i {

    margin-right: 10px;

}





.first-section-hom{

    padding: 170px 0;

    background: #f7f8f9;

    position: relative;

}



#header .header-animation .moon-bg-her{

    background: url(../img/header/moon-full.png) no-repeat;

    position: absolute;

    max-width: 895px;

    max-height: 239px;

    width: 100%;

    right: 0;

    bottom: 0;

    height: 100%;

    z-index: 1;

	pointer-events: none;

}











/*------------------------------------------------------------------

	10. header domain search

-------------------------------------------------------------------*/





#typed-cursor{

    opacity: 1;

    -webkit-animation: blink 0.9s infinite;

    animation: blink 0.9s infinite;

}



@keyframes blink {

  0% {

    opacity: 1;

  }

  50% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}



@-webkit-keyframes blink {

  0% {

    opacity: 1;

  }

  50% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}





#header #domain-search{

    position: relative;

    max-width: 780px;

    margin: 90px auto 0;

}





#header #domain-search #domain-text{

    height: 53px;

    width: 100%;

    border: 0;

    border-radius: 58px;

    padding: 5px 30px;

    font-size: 14px;

    background: #fff;

    -webkit-box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.1);

    -moz-box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.2);

    box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.1);

    z-index: 2;

    position: relative;

    outline: none;

}





#header #domain-search #search-btn{

    position: absolute;

    height: 49px;

    top: 2px;

    width: 49px;

    z-index: 2;

    background-color: #0facf3;

    border-color: #0facf3;

    border: 0;

    border-radius: 50%;

    right: 2px;

	outline: none;

	cursor: pointer;

}



#header #domain-search #search-btn:hover{

    background-color: #0fa0e2;

    border-color: #0facf3;

    color: #fff;

    text-decoration: none;

    -webkit-box-shadow: 0px 0px 22px 2px rgba(0,0,0,0.16);

    -moz-box-shadow: 0px 0px 22px 2px rgba(0,0,0,0.16);

    box-shadow: 0px 0px 22px 2px rgba(0,0,0,0.16);

}



#header #domain-search #search-btn img{

    width: 26px;

}







#header #domain-search .space-men{

    background: url(../img/header/spacemen.png) no-repeat;

    position: absolute;

    max-width: 90px;

    height: 67px;

    width: 100%;

    left: 25px;

    bottom: 50px;

    background-size: 100%;

    z-index: 0;

}





#header .domain-price-header{

    display: block;

    position: relative;

    z-index: 2;

    color: #fff;

    margin-top: 20px;

    float: left;

}



#header .domain-price-header a{

    float: left;

    border-right: 1px solid rgba(255, 255, 255, 0.09);

    padding: 2px 14px 0;

}





#header .domain-price-header a:last-child{

    border-right: 0

}



#header .domain-price-header a img{

    width: 50px;

    float: left;

}



#header .domain-price-header a span{

    font-size: 13px;

    margin-top: -1px;

    float: left;

    margin-left: 4px;

}









/*------------------------------------------------------------------

	11. header search block

-------------------------------------------------------------------*/





.search-header-block{

	opacity: 0;

    position: absolute;

    width: 100%;

    height: 0;

    top: -160px;

    background: #fff;

    z-index: 9999999;

    -webkit-box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.1);

    -moz-box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.2);

    box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.1);

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.show-block{

    height: 160px;

    opacity: 1;

	top: 0;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.closesrch-her-block{

    height: 20px;

    width: 20px;

    position: absolute;

    right: 10px;

    top: 50%;

    transform: translateY(-50%);

    cursor: pointer;

}



.closesrch-her-block .first-stright{

    width: 100%;

    height: 2px;

    background: #c0c6ca;

    position: absolute;

    border-radius: 10px;

    -ms-transform: translateY(-50%) rotate(-45deg);

    -webkit-transform: translateY(-50%) rotate(-45deg);

    top: 50%;

    transform: translateY(-50%) rotate(45deg);

}



.closesrch-her-block .second-stright{

    width: 100%;

    height: 2px;

    background: #c0c6ca;

    position: absolute;

    border-radius: 10px;

    -ms-transform: translateY(-50%) rotate(-45deg);

    -webkit-transform: translateY(-50%) rotate(-45deg);

    transform: translateY(-50%) rotate(-45deg);

    top: 50%;

	left:0;

}







.closesrch-her-block:hover .second-stright,.closesrch-her-block:hover .first-stright{

    background: #7f868c;

}



.np-dsp-block{

	display: none;

}







#pitursrach-header{

    top: 50%;

    transform: translateY(-50%);

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    max-width: 800px;

}



#pitursrach-header input{

    width: 100%;

    border: 0;

    padding: 14px;

    border-bottom: 1px solid #e4eaec;

    font-weight: 100;

    font-size: 14px;

    letter-spacing: 2px;

    outline: none;

}



#pitursrach-header input:hover ,#pitursrach-header input:focus{

    border-bottom: 1px solid #acb6b9;

    outline: none;

}



#pitursrach-header button{

    position: absolute;

    background: transparent;

    border: 0;

    right: 40px;

    font-size: 17px;

    top: 50%;

    transform: translateY(-50%);

    color: #c1c7cb;

    cursor: pointer;

	outline: none;

}



#pitursrach-header button:hover{

    color: #929ca2;

}







/*------------------------------------------------------------------

	12. header login dropdown

-------------------------------------------------------------------*/





.login-drop-down-header{

    right: 0;

    left: auto;

    margin-top: 20px;

    min-width: 350px;

}



.login-drop-down-header:after{

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 12px 13px 12px;

    border-color: transparent transparent #fff transparent;

    top: -7px;

    right: 3px;

    position: absolute

}



.top-header-fixed .login-drop-down-header:after {

    display: none;

}



.top-header-fixed .login-drop-down-header {

    margin-top: 26px;

}





.login-drop-down-header form{

    padding: 20px;

}



.login-drop-down-header form .form-group .form-control{

    border: 0;

    border-bottom: 1px solid #ebf0f3;

    border-radius: 0;

    font-weight: 100;

    text-transform: lowercase;

    font-size: 15px;

    letter-spacing: 0.5px;

}



.login-drop-down-header form .form-group .form-control:hover, .login-drop-down-header form .form-group .form-control:focus{

    border-bottom: 1px solid #bfc6ca;

}



.login-drop-down-header form .help-block{

    padding: 5px 0 5px;

}



.login-drop-down-header form .help-block a{

    font-size: 12px;

    margin-top: -4px;

    display: block;

    padding: 0 11px;

    color: #cbd2d6;

}



.login-drop-down-header form .help-block a:first-child{

    float: left;

}



.login-drop-down-header form .help-block a:last-child{

    float: right;

}



.login-drop-down-header form .help-block a:hover{

    color: #868c90;

}



.login-drop-down-header form button{

    cursor: pointer;

    background: #EC407A;

    color: #fff;

    margin-top: 30px;

    font-size: 14px;

    letter-spacing: 1px;

}



.login-drop-down-header form button:hover{

    background: #c33363;

    color: #fff;

}







/*------------------------------------------------------------------

	13. header nav styles

-------------------------------------------------------------------*/





@media (min-width: 768px) {

.navbar-expand-md .navbar-nav .dropdown-menu {

    margin-top: 15px;

}



.top-header-fixed .navbar-expand-md .navbar-nav .dropdown-menu {

    margin-top: 24px;

}



.top-header-fixed .navbar-expand-md .navbar-nav .dropdown-menu.mega-dropdown-menu {

    margin-top: 5px;

}



.top-header-fixed .navbar-expand-md .navbar-nav .dropdown-menu:before {

    display: none;

}



.navbar-expand-md .navbar-nav .dropdown-menu:before{

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 5px 5px 5px;

    border-color: transparent transparent #ffffff transparent;

    position: absolute;

    content: '';

    top: -5px;

    left: 28px;

}







}









/*------------------------------------------------------------------

	14. services box styles

-------------------------------------------------------------------*/





.service-box-ind{

    background: #fcfcfc url(../img/homepage/cloud.png) no-repeat;

    margin-top: -10px;

    z-index: 1;

    background-position-x: 34%;

    background-position-y: 22%;

    position: relative;

    padding: 100px 20px 60px;

    -webkit-box-shadow: 0 9px 18px rgba(0, 0, 0, 0.08);

    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);

    border-radius: 20px 20px 0 0;

    text-align: center;

}



.service-box-ind:after {

    content: '';

    top: 0;

    right: 0;

    height: 100%;

    position: absolute;

    width: 0;

    background: rgba(96, 125, 139, 0.06);

    display: block;

    z-index: 0;

}



.service-box-ind:hover::after {

    transition: all 0.2s ease-in-out;

    -webkit-animation: bblhover 0.4s forwards;

    -moz-animation: bblhover 0.4s forwards;

    animation: bblhover 0.4s forwards;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    border-radius: 20px 20px 0px 0px;

}





@-webkit-keyframes bblhover {

	10% {

	border-radius: 100px 20px 0 100px;

	width:10%;

	}

	

	20% {

	border-radius: 100px 20px 0 100px;

	width:20%;

	}

	

	30% {

	border-radius: 100px 20px 0 100px;

	width:30%;

	}

	

	60% {

	border-radius: 100px 20px 0 100px;

	width:100%;

	}

	

	80% {

	border-radius: 100px 20px 0 100px;

	width: 90%;

	}



	100% {

	border-radius: 20px 20px 0px 0px;

	width: 100%;

	}

}







/*------------------------------------------------------------------

	15. banner hosting menu

-------------------------------------------------------------------*/





.banner-hosting-menu{

    background: linear-gradient(90deg,#fff 50%,#f1f4f7);

    position: relative;

    min-height: 420px;

    padding: 40px 30px 0;

}



.banner-hosting-menu h5{

    font-family: 'Heebo', sans-serif;

    text-transform: capitalize;

    color: #272738;

    font-weight: bold;

    font-size: 27px;

    letter-spacing: 0px;

    line-height: 34px;

    margin-bottom: 20px;

}



.banner-hosting-menu p{

    font-weight: 500;

    font-size: 16px;

    color: #686873;

    margin-bottom: 40px;

}



.banner-hosting-menu a {

    text-decoration: none;

    padding: 8px 25px;

    color: #fff;

    background: #3e81c8;

    border-radius: 4px;

    letter-spacing: 0.5px;

    position: relative;

    z-index: 1;

}



.banner-hosting-menu span{

    display: block;

    margin-top: 13px;

    font-size: 13px;

    padding-left: 30px;

    font-family: 'Heebo', sans-serif;

    font-weight: 100;

    color: #7e878c;

}



.banner-hosting-menu:after{

    background: url(../img/banner/men.png) no-repeat bottom;

    content: '';

    height: 225px;

    width: 200px;

    position: absolute;

    background-size: 100%;

    bottom: 0;

    right: 20px;

}



.plans-hosting-menu{

    background: #fff;

    position: relative;

    padding: 40px 30px 0;

}



.plans-hosting-menu h5{

    font-family: 'Heebo', sans-serif;

    text-transform: capitalize;

    color: #41447d;

    font-weight: bold;

    font-size: 20px;

    letter-spacing: 0px;

    line-height: 34px;

    margin-bottom: 20px;

}







/*------------------------------------------------------------------

	16. hosting plans megamenu

-------------------------------------------------------------------*/





.megamenu-plans{

    border-right: 1px solid #ebedef;

}



.megamenu-plans .price-title{

    border-radius: 5px;

    color: #fff;

    background: #35c387;

    padding: 5px 20px;

    width: max-content;

    font-size: 14px;

    font-weight: bold;

}



.megamenu-plans .price-price{

    font-family: 'Heebo', sans-serif;

    text-transform: capitalize;

    color: #272738;

    font-weight: bold;

    font-size: 27px;

    letter-spacing: 0px;

    line-height: 34px;

    margin-bottom: 7px;

    margin-top: 15px;

    display: block;

}



.megamenu-plans .price-price i{

    font-weight: 100;

    font-size: 12px;

}



.megamenu-plans .price-text{

    font-size: 13px;

    color: #87909a;

}



.megamenu-plans-li{

	padding-left: 0;

}



.megamenu-plans-li li{

    padding: 4px;

    font-size: 14px;

    list-style: none;

    font-family: 'Heebo', sans-serif;

}



.no-border{

	border: 0;

}



.megamenu-plans-order{

    display: block;

    margin-top: 18px;

    margin-bottom: 15px;

    color: #252d31;

    background: #f3ee5a;

    width: max-content;

    padding: 8px 20px;

    font-weight: bold;

    font-size: 13px;

    border-radius: 4px;

    letter-spacing: 1px;

}



.megamenu-plans-order:hover{

    background: #dad652;

	text-decoration: none;

	color: #252d31;

}



.megamenu-plans-li li.not-included{

    opacity: 0.4;

}



.megamenu-plans-li li.not-included i{

    color: #F44336;

}



.megamenu-plans-li li i{

    font-size: 12px;

    color: #35c387;

    margin-right: 6px;

}





/*------------------------------------------------------------------

	17. our services megamenu

-------------------------------------------------------------------*/







.our-services-mega-menu-header-title{

    font-size: 18px;

    font-weight: bold;

    text-transform: uppercase;

    color: #3a4246;

    letter-spacing: 1px;

    margin-bottom: 30px;

    text-align: center;

}



.our-services-mega-menu-header-items a {

    padding: 55px 5px 50px;

    border-bottom: 3px solid transparent;

    margin-bottom: -1px;

    min-width: 170px;

    border-right: 1px solid #f3f5f7;

    text-align: center;

    text-decoration: none !important;

    position: relative;

}



.our-services-mega-menu-header-items a:hover {

    border-bottom: 3px solid #ff5c72;

}



.our-services-mega-menu-header-items a:after {

    width: 120px;

    height: 120px;

    position: absolute;

    background: url(../img/backrounds/bulb-stock.png) no-repeat;

    background-size: 100%;

    top: 42px;

    left: -15px;

    right: 0;

    opacity: 0.2;

    margin: auto;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}



.our-services-mega-menu-header-items a:hover::after {

    opacity: 0.6;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}



.dropdown-menu {

    border: 1px solid rgba(0, 0, 0, 0.07);

}







.our-services-mega-menu-header-items a:last-child {

    border-right: 0;

}



.our-services-mega-menu-header-items a i:before {

    font-size: 45px;

    color: #94a5bd;

    z-index: 1;

    position: relative;

    margin-left: 0;

    line-height: 65px;

}



.our-services-mega-menu-header-items a i {

    display: block;

    height: 70px;

}



.our-services-mega-menu-header-items a span {

    display: block;

    background: #bbcad2;

    color: #fff;

    padding: 2px 12px;

    font-size: 13px;

    font-family: 'Heebo', sans-serif;

    font-weight: 1;

    text-transform: lowercase;

    letter-spacing: 1px;

    border-radius: 40px;

    width: max-content;

    margin: auto;

    margin-top: 3px;

}



.our-services-mega-menu-header-items a b {

    font-weight: 100;

    font-size: 12px;

    margin-top: 5px;

    display: block;

    color: #808c92;

}





.our-services-mega-menu-header-items a:hover span {

    background: #ff5c72;

}







/*------------------------------------------------------------------

	18. second secvices box styles

-------------------------------------------------------------------*/





.service-box-ind img{

    width: 100%;

    max-width: 55px;

}



.service-box-ind h5{

    color: #2d2f31;

    font-size: 15px;

    font-weight: bold;

    letter-spacing: 1px;

    margin: 45px 0 20px;

    text-transform: uppercase;

}



.service-box-ind p{

    font-weight: 100;

    color: #9fa4a8;

    text-align: center;

    font-size: 14px;

    margin-top: 15px;

}



.our-plans-index {

	padding: 100px 0;

}







/*------------------------------------------------------------------

	19. simple title styles

-------------------------------------------------------------------*/



.tittle-sipmple{

	text-align: center;

    font-size: 28px;

    font-weight: bold;

    color: #273f5b;

}



.tittle-sipmple span{

    font-weight: 500;

    display: block;

    font-size: 16px;

    font-family: Montserrat;

    text-transform: unset;

    margin-bottom: 6px;

    color: #848d90;

}



.tittle-sipmple b{

    color: #39b5ec;

}



.our-fetures-index{

	background: #ECEFF1;

    padding: 100px 0;

}







/*------------------------------------------------------------------

	20. our pertners styles

-------------------------------------------------------------------*/





.our-pertners{

    background: #fff;

    text-align: center;

    margin-top: -20px;

}



.our-pertners img{

    display: block;

    width: 100%;

    max-width: 160px;

	opacity: 0.6;

}



.our-pertners img:hover{

	opacity: 1;

}







/*------------------------------------------------------------------

	21. third services box styles

-------------------------------------------------------------------*/



.first-items-home{

    border-bottom: 1px solid #deeefc;

    margin-bottom: 20px;

}



.first-items-home .item-icons{

    padding: 70px 30px;

    border-left: 1px solid #edf4fb;

    font-family: 'Heebo', sans-serif;

    position: relative;

    overflow: hidden;

    margin-top: -20px;

    background: #fff;

    z-index: 1;

}



.first-items-home .item-icons:first-child{

	border-radius: 10px 0px 0 0;

}



.first-items-home .item-icons:last-child{

    border-right: 1px solid #edf4fb; 

	border-radius: 0 10px 0 0;

}



.first-items-home .item-icons h5{

    color: #3b566e;

    margin-bottom: 13px;

    font-size: 18px;

}



.first-items-home .item-icons img{

    margin-bottom: 20px;

    width: 35px;

}



.first-items-home .item-icons p{

    color: #6f8ba4;

    font-size: 14px;

    font-weight: 300;

}



.first-items-home .item-icons .badje-link-footer{

    text-align: right;

    margin-top: 30px;

    display: block;

}



.first-items-home .item-icons .badje-link-footer a{

    font-family: 'Nunito', sans-serif;

    color: #939ea9;

    font-size: 14px;

    text-transform: uppercase;

	background: #f3f9fe;

    padding: 9px 25px;

    border-radius: 20px;

}



.first-items-home .item-icons .badje-link-footer a:hover{

    background: #edf1f5;

    color: #939ea9;

	text-decoration: none;

}



.first-items-home .item-icons .badje-link-footer a i{

    margin-left: 5px;

    font-size: 15px;

    color: #4494d47a;

}



.first-items-home .nomber-overlow{

    position: absolute;

    width: 140px;

    height: 140px;

    background: rgba(98, 175, 241, 0.08);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.005);

    color: #fff;

    text-align: right;

    border-radius: 8px;

    line-height: 123px;

    top: -36px;

    -ms-transform: rotate(20deg);

    -webkit-transform: rotate(20deg);

    transform: rotate(20deg);

    padding-right: 11px;

    right: -35px;

    pointer-events: none;

}



.first-items-home .item-icons:hover .nomber-overlow{

	transition: all 0.6s ease-in-out;

	-webkit-animation: bblhover 0.6s forwards;

    -moz-animation: bblhover 0.6s forwards;

    animation: bblhover 0.6s forwards;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

	top: -36px;

	right: -35px;

}



.first-items-home .item-icons i.icon{

    position: relative;

    display: block;

    margin-bottom: 10px;

}



.first-items-home .item-icons i.icon:before{

    font-size: 42px;

    color: #212930;

}



.first-items-home .item-icons i.icon:after{

    content: '';

    position: absolute;

    width: 40px;

    height: 40px;

    z-index: -1;

    border-radius: 100%;

    top: -2px;

    left: -6px;

    pointer-events: none;

}



.first-items-home .item-icons i.icon.color-1:after{

    background: #83ecff;

}



.first-items-home .item-icons i.icon.color-2:after{

    background: #41f8e2;

}



.first-items-home .item-icons i.icon.color-3:after{

    background: #ff87a3;

}



.first-items-home .item-icons i.icon.color-4:after{

    background: #ffdf93;

}



@-webkit-keyframes bblhover {

	10% {

	top: -36px;

	right: -35px;

	}

	

	50% {

	top: -30px;

	right: -29px;

	}





	100% {

	top: -36px;

	right: -35px;

	}

}



.first-items-home .nomber-overlow b{

    display: block;

    position: absolute;

    color: #211f71;

    bottom: 38%;

    z-index: 2;

    -webkit-transform: rotate(-20deg);

    transform: rotate(-20deg);

    left: 32%;

    line-height: 0;

    font-size: 38px;

    opacity: 0.08;

}



.first-items-home .free-badje{

    position: absolute;

    left: -5px;

    top: 30px;

    background: #f3ee5a;

    padding: 1px 0;

    font-weight: bold;

    text-transform: uppercase;

    width: 100px;

    font-size: 13px;

    text-align: center;

	height: 21px;

}



.first-items-home .item-icons:hover .free-badje{

    left: -1px;

}



.first-items-home .free-badje:after{

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 10.5px 0 10.5px 15px;

    border-color: transparent transparent transparent #f3ee5a;

    position: absolute;

    top: 0;

    right: -15px;



}



.second-items-home {

    padding: 100px 0 0;

    background: #fff;

}



.tittle-simple-one {

    text-align: center;

    font-family: 'Heebo', sans-serif;

}



.tittle-simple-one h5{

    position: relative;

    font-size: 30px;

    color: #3b566e;

    font-weight: 300;

    line-height: 1.4em;

}



.tittle-simple-one h5 span{

    position: relative;

    font-size: 16px;

    line-height: 1.6em;

    font-weight: 300;

    padding-top: 15px;

    display: block;

    color: #a0a9ad;

}





/*------------------------------------------------------------------

	22. first hosting plans styles

-------------------------------------------------------------------*/





.pricing-plan-one{

    margin-top: 50px;

    text-align: center;

    background: #fff;

    padding: 50px 10px;

    border: 1px solid #edf4fb;

    border-top: 3px solid rgba(127, 196, 201, 0.11);

	position: relative;

	overflow: hidden;

}



.second-items-home [class^="col-md-"] , .second-items-home [class*=" col-md-"]{

    padding: 0;

}



.pricing-plan-one .title-plan{

    font-family: 'Heebo', sans-serif;

    text-transform: uppercase;

    color: #41447d;

    font-weight: bold;

    font-size: 27px;

}



.pricing-plan-one .title-plan span{

    display: block;

    font-size: 13px;

    margin-bottom: 6px;

    color: #b4b6c5;

    text-transform: capitalize;

    font-family: 'Nunito', sans-serif;

}



.pricing-plan-one .best-selle-tag-plan{

    position: absolute;

    width: 25px;

    top: 0;

    left: 18px;

    height: 125px;

    background: #f3ee5a;

    text-align: center;

    padding: 14px 0;

}



.pricing-plan-one:hover .best-selle-tag-plan{

    height: 30px;

}



.pricing-plan-one:hover .best-selle-tag-plan b{

    opacity:0

}



.pricing-plan-one .best-selle-tag-plan b{

    -webkit-transform: rotate(20deg);

    transform: rotate(90deg);

    display: block;

    text-transform: uppercase;

    font-size: 12px;

    letter-spacing: 2px;

    white-space: nowrap;

	opacity: 1;

}



.pricing-plan-one .best-selle-tag-plan:after{

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 14px 12.5px 0 0;

    border-color: #f3ee5a transparent transparent transparent;

    position: absolute;

    left: 0;

    bottom: -13px;

}



.pricing-plan-one .best-selle-tag-plan:before{

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 12.5px 14px 0 ;

    border-color: transparent #f3ee5a transparent transparent;

    position: absolute;

    right: 0;

    bottom: -13px;

}



.pricing-plan-one.spceale-plan{

    padding: 65px 10px;

    margin-top: 33px;

}



.pricing-plan-one .price-palan span{

    font-size: 40px;

    font-weight: bold;

    color: #8fd8ab;

    font-family: 'Heebo', sans-serif;

}



.pricing-plan-one .price-palan span i {

    font-size: 14px;

    font-style: normal;

    vertical-align: super;

    padding-right: 4px;

}



.pricing-plan-one .price-palan span b{

    font-size: 13px;

    color: #bfcad0;

}



.pricing-plan-one .body-plan{

    padding-left: 0;

    padding: 18px 0 10px;

}



.pricing-plan-one .body-plan li{

    list-style: none;

    font-family: 'Heebo', sans-serif;

    padding: 6px 0;

    font-size: 14px;

    color: #869ca7;

}



.pricing-plan-one .box-overlow-cari{

    position: absolute;

    width: 150%;

    height: 100%;

    left: 0;

    background: rgba(98, 175, 241, 0.05);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.005);

    color: #fff;

    text-align: right;

    border-radius: 20px;

    line-height: 123px;

    -ms-transform: rotate(20deg);

    -webkit-transform: rotate(20deg);

    transform: rotate(20deg);

    padding-right: 11px;

    pointer-events: none;

    bottom: -30%;

    z-index: 0;

}



.pricing-plan-one:hover .box-overlow-cari{

    bottom: -20%;

}



.pricing-plan-one .purshase-plan{

    display: block;

    margin-top: 30px;

}



.pricing-plan-one .purshase-plan a{

    background: #595aff;

    color: #fff;

    letter-spacing: 3px;

    text-transform: uppercase;

    font-size: 12px;

    text-decoration: none;

    padding: 12px 26px;

    border-radius: 5px;

    font-family: 'Heebo', sans-serif;

    background: linear-gradient(to bottom right, #595aff, #8181ef);

}



.pricing-plan-one .purshase-plan a:hover{

	box-shadow: 0 4px 12px 0 rgba(111, 115, 245, 0.3);

    color: #fff;

    text-decoration: none;

}







/*------------------------------------------------------------------

	23. perlex section

-------------------------------------------------------------------*/





.perlex-efect-section{

    padding: 150px 0;

    position: relative;

	-webkit-transition: all 0s ease-in-out;

	-moz-transition: all 0s ease-in-out;

	-o-transition: all 0s ease-in-out;

	-ms-transition: all 0s ease-in-out;

	transition: all 0s ease-in-out;

}



.perlex-efect-section .perlex-hidden-iverlow{

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: #0f1315;

    opacity: 0.5;

	

}



.img-bg-one{

    background: url(../web-designer.jpg) no-repeat;

}







/*------------------------------------------------------------------

	24. video model styles

-------------------------------------------------------------------*/





.video-section-text-place {

    background: #03A9F4;

    color: #fff;

    padding: 70px 80px;

    border-radius: 4px;

    box-shadow: 0 0px 23px 0 rgba(0, 0, 0, 0.09);

	position: relative;

	overflow: hidden;

}



.video-section-text-place h5{

    font-family: 'Heebo', sans-serif;

    font-size: 29px;

    line-height: 38px;

    margin-bottom: 20px;

}



.video-section-text-place .post-category{

    background: #f3ee5a;

    color: #546165;

    padding: 4px 30px;

    border-radius: 2px;

    font-weight: bold;

    text-transform: uppercase;

    font-size: 13px;

    letter-spacing: 1px;

    font-family: 'Heebo', sans-serif;

}



.video-section-text-place .post-date{

    font-size: 13px;

    text-transform: uppercase;

    float: right;

    padding: 5px;

}



.video-section-text-place p{

    font-family: 'Heebo', sans-serif;

    font-weight: 100;

    margin-top: 23px;

    font-size: 13px;

    line-height: 24px;

}



.video-section-text-place a{

    background: #45bdf3;

    color: #fff;

    font-family: 'Heebo', sans-serif;

    padding: 5px 28px;

    font-size: 13px;

    margin-left: auto;

    display: table;

    text-decoration: none;

    border-radius: 3px;

}



.video-section-text-place a:hover{

    background: #64c8f5;

    color: #fff;

    text-decoration: none;

}



.video-section-text-place .over-ole-grandient-orl{

    position: absolute;

    width: 80%;

    height: 80%;

    background: rgba(255, 255, 255, 0.12156862745098039);

    z-index: 0;

    pointer-events: none;

    border-radius: 100% 0 0 0;

    opacity: 0.6;

    bottom: 0;

    right: 0;

}



.video-section-text-place:hover .over-ole-grandient-orl{

    width: 85%;

    height: 85%;

}



.video-section-play-place{

    position: relative;

    text-align: center;

    vertical-align: middle;

    padding-right: 0px;

}



.video-section-play-place a{

    margin: auto;

    display: inline-block;

    vertical-align: middle;

    color: #fff;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    font-size: 17px;

    font-weight: 100;

    text-decoration: none;

    width: 170px;

    text-align: left;

	box-shadow: none;

	outline: none;

}



.video-section-play-place a i{

    background: #03a9f4;

    height: 60px;

    width: 60px;

    color: #fff;

    margin-right: 9px;

    font-size: 12px;

    text-align: center;

    line-height: 60px;

    border-radius: 60px;

}







.video-section-play-place a b{

    font-weight: bold;

    margin-right: 1px;

}



.video-section-play-place a .first-text{

    position: absolute;

    width: 100px;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

}



.video-section-play-place a:hover .first-text{

    top: 0%;

	opacity: 0

}



.video-section-play-place a .second-text{

    position: absolute;

    width: 100px;

    top: 100%;

    transform: translateY(-50%);

    right: 0;

	opacity: 0;

}



.video-section-play-place a:hover .second-text{

    top: 50%;

	opacity: 1;

}









/*------------------------------------------------------------------

	25. fourth services box styles

-------------------------------------------------------------------*/





.our-sevices-section {

    padding: 100px 0 0;

    background: #fff;

}



.our-sevices-section .tabs-content-text{

    padding: 100px 0 120px;

    background: #f3f5f7;

}



#oursevices {

   text-align: center;

   margin-top: 60px;

}



#oursevices li{

    float: none;

    display: inline-block;

}



#oursevices li a{

    padding: 35px 20px;

    border-bottom: 2px solid transparent;

    margin-bottom: -1px;

    background: #fff;

    height: 165px;

    min-width: 170px;

    border-right: 1px solid #f3f5f7;

}









#oursevices li a.active{

    border-bottom: 2px solid #ff5c72;

    background: #f8f9f9;

}



#oursevices li a i{

    position: relative;

    display: block;

}



#oursevices li a i:before{

    font-size: 37px;

    color: #94a5bd;

    z-index: 1;

    position: relative;

}



#oursevices li a i:after{

    content: '';

    background: rgba(242, 244, 247, 0.70);

    position: absolute;

    width: 60px;

    height: 60px;

    z-index: 0;

    left: 0;

    right: 0;

    margin: auto;

    top: 30%;

    transform: translateY(-50%);

    border-radius: 100%;

}



#oursevices li a .title-tabs-of{

    display: block;

    background: #bbcad2;

    color: #fff;

    padding: 2px 12px;

    font-size: 13px;

    font-family: 'Heebo', sans-serif;

    font-weight: 1;

    text-transform: lowercase;

    letter-spacing: 1px;

    border-radius: 40px;

    width: max-content;

    margin: auto;

    margin-top: 5px;

}



#oursevices li a:hover .title-tabs-of{

    background: #ff5c72;

}



#oursevices li a.active .title-tabs-of{

    background: #ff5c72;

}



#oursevices-content img{

    max-width: 800px;

    width: 100%;

}





/*------------------------------------------------------------------

	26. services tabs styles

-------------------------------------------------------------------*/



.text-tab-content-algo{

	position: relative;

	min-height: 400px;

}



.text-tab-content-algo .text-absoo{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}



.text-tab-content-algo .text-absoo h5{

    font-family: 'Heebo', sans-serif;

    font-size: 29px;

    line-height: 38px;

    margin-bottom: 20px;

    color: #384044;

}



.text-tab-content-algo .text-absoo p{

    font-family: 'Heebo', sans-serif;

    font-weight: 100;

    font-size: 15px;

    line-height: 28px;

    color: #858f9e;

}





/*------------------------------------------------------------------

	27. server place maps styles

-------------------------------------------------------------------*/





.server-place-section{

    padding: 100px 0 130px;

    position: relative;

}



.server-place-section:after{

    content: '';

    position: absolute;

    width: 100%;

    left: 0;

    right: 0;

    height: 300px;

    bottom: 0;

    border-radius: 0 0 100% 100%;

    background: #fff;

    z-index: 1;

    box-shadow: 0 19px 9px 0 rgba(0, 0, 0, 0.01);

}



.server-place-section .zindextow{

    z-index: 2;

    position: relative;

}



.map-gene-server-place{

	position: relative;

}



.map-gene-server-place img{

	width: 100%;

	opacity: 0.15;

}



.map-gene-server-place .place{

    position: absolute;

    background: #8dd6ae;

    width: 18px;

    height: 18px;

    background: linear-gradient(to bottom right, #8dd6ae, #77b593);

    border-radius: 100%;

    border: 3px solid #fff;

    cursor: pointer;

}



.text-reve-map-place h5{

    font-family: 'Heebo', sans-serif;

    font-size: 26px;

    margin-bottom: 15px;

    color: #384044;

    font-weight: bold;

}



.text-reve-map-place p{

    font-family: 'Heebo', sans-serif;

    font-size: 14px;

    font-weight: 500;

}



.text-reve-map-place p span{

    display: block;

    font-size: 13px;

    color: #c3d0d6;

    font-weight: 400;

    margin-bottom: 2px;

}



.header-top-menu{

    padding: 10px 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.02);

    position: relative;

    margin-bottom: 25px;

    z-index: 2;

}



.header-top-menu ul{

    margin-bottom:  0;

    padding: 0;

	display: inline-block;

}



.header-top-menu ul li{

    display: inline-block;

    list-style: none;

    margin: 0 9px;

}



.header-top-menu ul li a,.header-top-menu ul li a:not([href]):not([tabindex]) {

    font-size: 12px;

    color: #d0d9de;

}



.header-top-menu ul li a:hover,.header-top-menu ul li a:not([href]):not([tabindex]):hover {

    text-decoration: none;

	color: #fff;

}



.header-top-menu ul li a i{

    margin-right: 4px;

}



.fl-right{

	float: right

}











/*------------------------------------------------------------------

	28. counter section styles

-------------------------------------------------------------------*/





.counter-section{

    position: relative;

    padding: 100px 0 0;

    overflow: hidden;

}



.counter-section .counter-middle-icon .icon-counter-sid{

    width: 120px;

    background: #e2e5e6;

    background: linear-gradient(to bottom right, #e2e5e6, #d8ddde);

    padding: 22px;

    border-radius: 50%;

    display: block;

    height: 120px;

    position: absolute;

    text-align: center;

    top: -26px;

    line-height: 79px;

    left: 0;

    right: 0;

    margin: auto;

}



.counter-section .counter-middle-icon .icon-counter-sid:before{

    content: '';

    position: absolute;

    width: 120px;

    height: 120px;

    left: 0;

    right: 0;

    margin: auto;

    transform: scale(6.5);

    background: rgba(237, 238, 239, 0.3);

    z-index: -2;

    border-radius: 100%;

    top: -5px;

}

.counter-section .counter-middle-icon .icon-counter-sid:after{

    content: '';

    position: absolute;

    width: 120px;

    height: 120px;

    left: 0;

    right: 0;

    margin: auto;

    transform: scale(1.8);

    background: rgba(237, 238, 239, 0.3);

    z-index: -2;

    border-radius: 100%;

    top: -5px;

    pointer-events: none;

	transition: all 0.2s ease-in-out;

	-webkit-animation: bigono 6s linear infinite;

    -moz-animation: bigono 6s linear infinite;

    animation: bigono 6s linear infinite;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    -webkit-font-smoothing: antialiased;

}



@-webkit-keyframes bigono {

	0% {

	transform: scale(1.8);

	}

	

	50% {

	transform: scale(6.5);

	}

	100% {

	transform: scale(1.8);

	}

}

@-moz-keyframes bigono {

	0% {

	transform: scale(1.8);

	}

	

	50% {

	transform: scale(6.5);

	}

	100% {

	transform: scale(1.8);

	}

}

@keyframes bigono {

	0% {

	transform: scale(1.8);

	}

	

	50% {

	transform: scale(6.5);

	}

	100% {

	transform: scale(1.8);

	}

}



.counter-section .counter-middle-icon .icon-counter-sid img{

    width: 50px;

}



.counter-section .counter-middle-icon .icon-counter-sid i:before{

    color: #728994;

    font-size: 45px;

}



.counter-section .counter-middle-icon .icon-counter-sid-title{

    text-align: center;

    display: block;

    font-family: 'Heebo', sans-serif;

    font-weight: 100;

    font-size: 18px;

    color: #b3bec3;

    text-transform: uppercase;

    margin-top: -15px;

    z-index: -2;

    position: relative;

	line-height: 31px;

}



.counter-section .counter-middle-icon .icon-counter-sid-title b{

    display: block;

    font-weight: bold;

    color: #484867;

    font-size: 23px;

    margin-top: -7px;

}



.ono-icc-tol:after{

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    z-index: -1;

    margin: auto;

    top: 18px;

    width: 1px;

    height: 48%;

    background: #e7eef1;

    opacity: 0.6;

}



.counter-number-tibo{

    text-align: center;

	position: relative;

}



.counter-number-tibo i{

    display: block;

    width: 80px;

    height: 80px;

    line-height: 82px;

    background: #ff5c72;

    margin: auto;

    border-radius: 50%;

}



.counter-number-tibo i:before{

    font-size: 30PX;

    color: #fff;

}



.counter-number-tibo span{

    display: block;

    width: min-content;

    padding: 3px 20px;

    background: #ebeff1;

    margin: auto;

    margin-top: -16px;

    border-radius: 40px;

    font-weight: 500;

    font-size: 14px;

    color: #6c7579;

    font-family: 'Heebo', sans-serif;

}



.counter-number-tibo span small{

    font-weight: 500;

    font-size: 14px;

    color: #6c7579;

}



.counter-number-tibo b{

    font-family: 'Heebo', sans-serif;

    font-weight: 100;

    font-size: 15px;

    color: #b4c2ce;

    text-transform: uppercase;

    max-width: 150px;

    display: block;

    margin: auto;

    margin-top: 8px;

}



.pad-top-190{

	padding-top: 190px

}











/*------------------------------------------------------------------

	29. blog boxes styles

-------------------------------------------------------------------*/



.blog-home-section{

    background: #f5f7f9;

    margin-top: -150px;

    z-index: 0;

    position: relative;

	padding: 260px 0 100px;

}



.blog-items-home{

    margin-top: 100px;

}



.home-blog-te{

    background: #fff;

    border-radius: 6px;

    border: 1px solid rgba(235, 238, 241, 0.57);

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.home-blog-te:hover{

    transform: scale(1.02);

    box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.01);

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.home-blog-te .post-thumbn{

    position: relative;

    height: 200px;

    display: block;

    width: 100%;

    background-size: cover !important;

    border-radius: 6px 6px 0 0;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}





.home-blog-te .post-bodyn{

    padding: 20px;

}



.home-blog-te .post-bodyn h5{

    font-family: 'Heebo', sans-serif;

    font-size: 21px;

    margin-bottom: 15px;

    color: #414a4e;

    font-weight: bold;

    line-height: 28px;

}



.home-blog-te .post-bodyn h5 a{

    color: #414a4e;

}



.home-blog-te .post-bodyn h5 a:hover{

    color: #2196F3;

	text-decoration: none;

}



.home-blog-te .post-bodyn p{

    font-size: 13px;

    color: #95a8b1;

}



.home-blog-te .post-bodyn p.post-bodyn-text{

    font-size: 14px;

    line-height: 26px;

    margin-bottom: 20px

}



.home-blog-te .post-bodyn p i{

    margin-right: 5px;

}



.form-contact-home-section{

    background: #f5f7f9;

    padding: 100px 0 0;

}









/*------------------------------------------------------------------

	30. homepage contact form styles

-------------------------------------------------------------------*/





.form-contain-home{

    background: #fff;

    padding: 60px 80px;

    box-shadow: 0 6px 35px 0 rgba(0, 0, 0, 0.02);

    border-radius: 8px;

    position: relative;

    z-index: 2;

    margin-bottom: -120px;

}



.form-contain-home h5{

    font-family: 'Heebo', sans-serif;

    font-size: 27px;

    margin-bottom: 50px;

    color: #333656;

    font-weight: bold;

    line-height: 28px;

    text-align: center;

}



.form-contain-home h5 span{

    display: block;

    font-weight: 100;

    margin-top: 10px;

    color: #1fd976;

}







.form-contain-home .field{

    margin-bottom: 30px;

	position: relative;

}





.form-contain-home .field.input-field:after{

    content: '';

    position: absolute;

    width: 0%;

    height: 2px;

    background: #5ed4e8;

    bottom: 0;

	transition: 0.2s ease all;

}











.form-contain-home .field{

    margin-bottom: 30px;

}



.form-contain-home input[type=email], .form-contain-home input[type=text]{

    height: 45px;

    width: 100%;

    padding: 0 20px 0;

    font-family: 'Heebo', sans-serif;

    font-weight: 100;

    font-size: 13px;

    outline: none;

    border: 0;

    border-bottom: 2px solid #eff0f1;

}





.form-contain-home input:-webkit-autofill {

    background-color: #fff !important;

    background-image: none !important;

    color: rgb(0, 0, 0) !important;

}





.form-contain-home select{

    width: 100%;

    padding: 11px;

    border-radius: 4px;

    border: 0;

    border-bottom: 2px solid #eaedf1;

    outline: 0;

    box-shadow: none;

	font-size: 14px;

	font-weight: bold;

	text-indent: 5px;

    color: #babbe2;

}



.form-contain-home select option{

    color: #7f8e96;

    font-size: 15px;

    padding: 7px;

    display: block;

    font-weight: bold;

	-webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}



.form-contain-home textarea{

    width: 100%;

    padding: 0 20px 0;

    font-family: 'Heebo', sans-serif;

    font-weight: 100;

    font-size: 13px;

    outline: none;

    border: 0;

    border-bottom: 2px solid #eff0f1;

    min-height: 120px;

    outline: none;

	padding-top: 13px;

	margin-bottom: -7px;

}



.form-contain-home .btn-holder-contect button{

    width: 150px;

    height: 46px;

    border: 0;

    background: #00d463;

    color: #fff;

    font-family: 'Heebo', sans-serif;

    font-weight: 400;

    text-transform: uppercase;

    letter-spacing: 3px;

    line-height: 47px;

    cursor: pointer;

    outline: none;

	border-radius: 50px;

}



.form-contain-home .btn-holder-contect button:hover{

    background: #0ab95c;

    color: #fff;

}



.form-contain-home .input-group-prepend {

    position: absolute;

    z-index: 4;

    font-weight: bold;

    color: #babbe2;

    top: 12px;

    left: 24px;

    letter-spacing: 0.5px;

    font-size: 14px;

    pointer-events: none;

    transition: 0.2s ease all;

}







.form-contain-home-input:focus ~ .input-group-prepend,

.form-contain-home-input:not(:focus):valid ~ .input-group-prepend{

    top: -10px;

    left: 21px;

    font-size: 12px;

}



#form-messages.error{

	margin-bottom: 40px;

    padding: 13px 20px;

    background: #fddddb;

    color: #c5746f;

    font-size: 16px;

    border-radius: 3px;

    border-left: 3px solid #F44336;

}





#form-messages.success{

    margin-bottom: 40px;

    padding: 13px 20px;

    background: #defddb;

    color: #6fc57e;

    font-size: 16px;

    border-radius: 3px;

    border-left: 3px solid #53f436;

}







/*------------------------------------------------------------------

	31. footer styles

-------------------------------------------------------------------*/





.footer-coodiv-thm{

    background: #27283c;

    padding: 100px 0;

}



.footer-coodiv-thm{

    background: #27283c;

    padding: 100px 0;

}



.footer-coodiv-thm.pding-200{

    padding: 200px 0 100px;

}



.footer-brand{

    margin-bottom: 30px;

    display: block;

    text-decoration: none !important;

}



.footer-brand img{

    height: 20px;

}





.footer-brand span{

	text-decoration: none !important;

    display: block;

    font-weight: 100;

    font-size: 12px;

    margin-top: 4px;

    margin-left: 8px;

    opacity: 0.8;

    text-transform: capitalize;

    color: #fff;

}



.footer-contact-a-hm, .footer-contact-a-hma:not([href]):not([tabindex]){

    display: block;

    color: #eceff1 !important;

    margin-top: 17px;

    font-family: 'Heebo', sans-serif;

    font-weight: bold;

    font-size: 14px;

    letter-spacing: 0.5px;

}



.footer-contact-a-hm {

    display: flex;

}



.footer-contact-a-hm i{

    color: #00d463;

    margin-right: 8px;

    margin-top: 2px;

}



.footer-title-simple{

	position: relative;

    font-size: 21px;

    color: #ffffff;

    font-weight: 500;

    line-height: 1.4em;

	font-weight: bold;

}



.main-menu-footer-mn{

    padding: 0;

    margin-top: 25px;

}



.main-menu-footer-mn li{

    list-style: none;

    margin-bottom: 6px;

}



.main-menu-footer-mn li a{

    font-family: 'Heebo', sans-serif;

    font-size: 15px;

    color: #c2cbd0;

    text-transform: capitalize;

    display: block;

}





.main-menu-footer-mn li a:hover{

    margin-left: 2px;

	color: #fff;

	text-decoration: none;

}



.form-contain-home-subscribe{

    margin-top: 30px;

    width: 100%;

    display: block;

    position: relative;

}



.form-contain-home-subscribe input{

    width: 100%;

    background: #fff;

    height: 45px;

    padding: 0 22px;

    border-radius: 41px;

    border: 0;

    outline: none;

}



.form-contain-home-subscribe button{

    position: absolute;

    top: 3px;

    bottom: 3px;

    right: 13px;

    background: 0;

    border: 0;

    color: #00d463;

    cursor: pointer;

    box-shadow: none;

    outline: none;

}



.form-contain-home-subscribe .input-group-prepend {

    position: absolute;

    z-index: 4;

    font-weight: bold;

    color: #babbe2;

    top: 33px;

    left: 23px;

    pointer-events: none;

    transition: 0.2s ease all;

}



.form-contain-home-subscribe .field {

    position: relative;

}



.form-contain-home-subscribe button:hover{

    color: #0cb159;

}



.footer-social-links{

    margin-top: 25px;

}



.footer-social-links a{

    color: #fdfdfd;

    margin: 0 3px;

    width: 35px;

    height: 35px;

    display: inline-block;

    text-align: center;

    line-height: 37px;

    background: #161623;

    border-radius: 38px;

    font-size: 12px;

}



.footer-social-links a.facebookcc{

    background: #3c579a;

}



.footer-social-links a.twittercc{

    background: #00acee;

}



.footer-social-links a.googlecc{

    background: #dd4c39;

}



.footer-social-links a.dribbblecc{

    background: #eb468a;

}



.footer-social-links a.facebookcc:hover {

    background: #30467d;

}



.footer-social-links a.twittercc:hover {

    background: #08a1dc;

}



.footer-social-links a.googlecc:hover {

    background: #c33f2e;

}



.footer-social-links a.dribbblecc:hover {

    background: #d03e7a;

}



.copyright-footer-p{

    color: #fff;

    font-weight: 100;

    font-size: 12px;

    margin-top: 11px;

    padding-left: 8px;

    opacity: 0.9;

}



.menu-btn-span-bar span:nth-child(1) {

    height: 2px;

    display: block;

    width: 20px;

    background: #fff;

    border-radius: 4px;

}









/*------------------------------------------------------------------

	32. fixed header styles

-------------------------------------------------------------------*/



.top-header-fixed .menu-btn-span-bar span {

    background: #333 !important;

}



@media (max-width: 767px) {

.navbar-offcanvas {

    display: block !important;

}



#header .navbar .nav-link {

    color: #ffffff  !important;

}



}









/*------------------------------------------------------------------

	33. responsive menu styles

-------------------------------------------------------------------*/





.menu-btn-span-bar,.menu-btn-span-bar:hover,.menu-btn-span-bar:focus {

    background: 0;

	border: 0;

	outline: none;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

	cursor: pointer;

}



.menu-btn-span-bar span{

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.menu-btn-span-bar span:nth-child(2) {

    height: 2px;

    display: block;

    width: 20px;

    background: #fff;

    border-radius: 4px;

    margin-top: 5px;

}



.menu-btn-span-bar span:nth-child(3) {

    height: 2px;

    display: block;

    width: 13px;

    background: #fff;

    border-radius: 4px;

    margin-top: 5px;

    float: right;

}



.menu-btn-span-bar.is-open span:nth-child(1) {

    -ms-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



.menu-btn-span-bar.is-open span:nth-child(2) {

    display: none;

}



.menu-btn-span-bar.is-open span:nth-child(3) {

    margin-top: -2px;

    width: 20px;

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



.account-place-header-nav{

    margin-bottom: 0;

    padding: 0;

}



.account-place-header-nav li{

    list-style: none;

}



.account-place-header-nav .dropdown-toggle::after {

    display: none;

}







/*------------------------------------------------------------------

	34. SECOND HOMEPAGE STYLES START

-------------------------------------------------------------------*/





/*------------------------------------------------------------------

	35. second header styles

-------------------------------------------------------------------*/





.header-nav-algo-coodiv-v2 {

    margin-top: 2rem;

}



.courve-gb-hdr-top{

    height: 100%;

    background: url(../img/header/curve-layer.svg) bottom no-repeat;

    background-size: 103%;

    position: absolute;

    bottom: -12px;

    left: 0;

    width: 100%;

    right: 0;

    z-index: 0;

	pointer-events: none;

}



/*------------------------------------------------------------------

	36. header slider styles

-------------------------------------------------------------------*/





.second-item-slider-title{

    font-size: 1.5rem;

    font-weight: bold;

    text-transform: uppercase;

    color: #fff;

    font-family: 'Heebo', sans-serif;

    letter-spacing: 2px;

}



.second-item-slider-title span{

    font-size: 16px;

    font-weight: 100;

    text-transform: capitalize;

    margin-top: 8px;

    display: block;

    color: rgba(255, 255, 255, 0.81);

}



.box-slider-serveis{

    width: 150px;

    height: 150px;

    background: #fff;

    border-radius: 6px;

    margin-top: 25px;

    text-align: center;

    padding: 23px 0 10px;

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.16);

    cursor: pointer;

    margin-left: 10px;

    margin-right: 10px;

}



.box-slider-serveis img{

    width: 50px !important;

    margin: auto;

    opacity: 0.6;

    margin-bottom: 15px;

}



.box-slider-serveis:hover img{

    opacity: 1;

}



.box-slider-serveis h6{

    margin-top: 14px;

    font-weight: bold;

    text-transform: uppercase;

    font-family: 'Heebo', sans-serif;

    font-size: 14px;

    letter-spacing: 1px;

}





/*------------------------------------------------------------------

	37. second header text area

-------------------------------------------------------------------*/



.homepagetwostyle .header-heeadline-title h5 {

    font-size: 2.5rem;

    font-weight: bold;

    text-transform: uppercase;

    color: #fff;

    font-family: 'Heebo', sans-serif;

    letter-spacing: 2px;

}



.header-heeadline-title p {

    font-size: 16px;

    font-weight: 100;

    text-transform: capitalize;

    margin-top: 15px;

    display: block;

    color: rgba(255, 255, 255, 0.81);

}



.header-heeadline-title {

    text-align: center;

    z-index: 1;

    position: relative;

}





.header-order-button-slid{

    background: #FFC107;

    padding: 8px 20px;

    display: inline-block;

    color: #2b2b42;

    font-weight: bold;

    border-radius: 40px;

    text-decoration: none;

    margin-top: 18px;

}



.header-order-button-slid:hover{

    background: #d8a714;

    color: #2b2b42;

    text-decoration: none;

}



.owl-theme.main-header-slider .owl-dots{

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    bottom: -70px;

}



.owl-theme.main-header-slider .owl-dots .owl-dot span{

    width: 15px;

    margin: 5px 4px;

    background: #ffffff;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}





.owl-theme.main-header-slider .owl-dots .owl-dot.active span{

    width: 30px;

    margin: 5px 4px;

    background: #ffc107;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}





.owl-theme.main-header-slider .owl-nav{

    position: absolute;

    top: 30%;

    transform: translateY(-50%);

    width: 100%;

}





.owl-theme.main-header-slider .owl-nav [class*=owl-] {

    position: absolute;

    padding: 0;

    width: 25px;

    height: 25px;

    display: block;

    background-size: 100% !important;

    opacity: 0.3;

}



.owl-theme.main-header-slider .owl-nav [class*=owl-]:hover {

    opacity: 0.5;

}



.owl-theme.main-header-slider .owl-nav .owl-next {

    right: 50px;

    background: url(../img/svgs/next.svg) center bottom;

}

.owl-theme.main-header-slider .owl-nav .owl-prev {

    left: 50px;

    background: url(../img/svgs/back.svg) center bottom;

}



.owl-theme.main-header-slider .owl-nav .owl-next:hover  {

    background: url(../img/svgs/next.svg) center bottom;

}

.owl-theme.main-header-slider .owl-nav .owl-prev:hover  {

    background: url(../img/svgs/back.svg) center bottom;

}



.owl-theme.main-header-slider .owl-nav .disabled {

    opacity: .1 !important;

}





/*------------------------------------------------------------------

	38. carousel services box

-------------------------------------------------------------------*/



.carousel {

  margin-bottom: 40px;

}



.carousel-nav-services .carousel-cell {

    width: 170px;

}



.carousel-nav-services .carousel-cell:before {

  font-size: 50px;

  line-height: 80px;

}



.carousel-nav-services .carousel-cell.is-nav-selected {

  background: #ED2;

}

.carousel-nav-services .flickity-viewport,.carousel-main-services .flickity-viewport{

  overflow: hidden;

}



.carousel-main-services .carousel-cell {

    width: 100%;

	outline: none;

    box-shadow: none;

}





.carousel-main-services {

    width: 100%;

	outline: none;

    box-shadow: none;

    padding: 80px 0 50px;

    background: #f3f5f7;

	margin-bottom: 0;

}



.carousel-main-services img {

    max-width: 800px;

    width: 100%;

}





.carousel-main-services .flickity-button.flickity-prev-next-button.next {

    position: absolute;

    top: -100px;

    right: 180px;

    width: 30px;

    height: 30px;

    background: transparent;

    border: 0;

    outline: none;

    cursor: pointer;

    box-shadow: none;

    opacity: 0.2;

}







.carousel-main-services .flickity-button.flickity-prev-next-button.previous {

    position: absolute;

    top: -100px;

    left: 180px;

    width: 30px;

    height: 30px;

    background: transparent;

    border: 0;

    outline: none;

    cursor: pointer;

    box-shadow: none;

    opacity: 0.2;

}



.carousel-main-services .flickity-button.flickity-prev-next-button.previous:hover,.carousel-main-services .flickity-button.flickity-prev-next-button.next:hover {

    outline: none;

    box-shadow: none;

    opacity: 0.6;

}





#oursevices {

    outline: none;

    box-shadow: none;

    margin-bottom: 0;

    padding: 0 40px;

}



#oursevices li.is-selected a {

    border-bottom: 3px solid #ff5c72;

    background: #f8f9f9;

}



#oursevices li a {

    cursor: pointer;

}



#oursevices li.is-selected a .title-tabs-of {

    background: #ff5c72;

}



.top-header-fixed .header-nav-algo-coodiv-v2 {

    margin-bottom: 0 !important;

    padding: 15px 0;

    margin-top: 20px;

}









/*------------------------------------------------------------------

	39. homepage domain search section

-------------------------------------------------------------------*/



.form-domain-home-stwo{

    margin: 60px 0;

    padding: 15px 30px;

    background: #fff;

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.16);

    border-radius: 10px;

}



.form-domain-home-stwo .input-group{

    padding: 25px 0 25px 10px;

    position: relative;

}



.form-domain-home-stwo .input-group:last-child{

    padding: 25px 25px 25px 0;

}



.form-domain-home-stwo .input-group-prepend{

    position: absolute;

    z-index: 4;

    font-weight: bold;

    color: #babbe2;

    top: 33px;

    left: 23px;

    pointer-events: none;

	transition: 0.2s ease all;

}



.form-domain-home-stwo .input-search-text{

    height: 40px;

    border: 0;

    border-radius: 0;

    border-right: 2px solid #dae2e6;

    outline: none !important;

    box-shadow: none !important;

}



.form-domain-home-stwo .input-search-dlt{

    height: 40px;

    border: 0;

    border-radius: 0;

	outline: none !important;

    box-shadow: none !important;

}



.input-search-text:focus ~ .input-group-prepend,

.input-search-text:not(:focus):valid ~ .input-group-prepend{

    top: 10px;

    left: 21px;

    font-size: 13px;

}



.input-search-dlt:focus ~ .input-group-prepend,

.input-search-dlt:not(:focus):valid ~ .input-group-prepend{

    top: 10px;

    left: 21px;

    font-size: 13px;

}





.padding60-100{

	padding: 60px 100px !important;

}



.margin-top-150{

	margin-top: 150px !important;

}









.homepage-domain-section{

    background: #fff;

    background: linear-gradient(#fff, #f0f5fb);

}



.btn-domain-check{

    cursor: pointer;

    background: #EC407A;

    color: #fff;

    font-size: 12px;

    letter-spacing: 1px;

    font-weight: bold;

    outline: none;

    box-shadow: none;

}



.btn-domain-check:hover{

    background: #da386e;

    color: #fff;

}



.domain-price-homepage{

    display: block;

    position: relative;

    z-index: 2;

    color: #fff;

    margin-top: -20px;

    float: left;

}





.domain-price-homepage a{

    float: left;

    border-right: 1px solid rgba(255, 255, 255, 0.09);

    padding: 2px 14px 0;

	cursor: pointer;

	margin: 0 5px;

}



.domain-price-homepage a img{

    width: 50px;

    float: left;

    margin: 5px 15px;

}



.domain-homepage-anouncement-hero{

    margin-top: 120px;

}



.domain-homepage-anouncement-title{

    font-family: 'Heebo', sans-serif;

    font-size: 29px;

    line-height: 33px;

    margin-bottom: 20px;

    color: #23292b;

}



.domain-homepage-anouncement-sub-title{

    font-family: 'Heebo', sans-serif;

    font-weight: 100;

    font-size: 16px;

    line-height: 28px;

    color: #919daf;

    letter-spacing: 0.5px;

}



.domain-homepage-anouncement-sub-title-two{

    font-size: 14px;

    line-height: 28px;

    color: #6c7684;

    font-weight: 400;

}



.domain-homepage-anouncement-box{

    background: #fff;

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.08);

    border-radius: 6px;

    padding: 40px 20px 25px;

	width: 100%;

	display: block;

	margin-top: 30px;

}



.domain-homepage-anouncement-box img{

    width: 65px;

    margin-bottom: 30px;

}



.domain-homepage-anouncement-box .domain-homepage-anouncement-box-img{

    position: relative;

}



.domain-homepage-anouncement-box .domain-homepage-anouncement-box-img:after{

    content: '';

    position: absolute;

    width: 45px;

    height: 45px;

    background: #b0daff;

    border-radius: 14px;

    left: 4px;

    z-index: 0;

    top: -5px;

    transform: rotate(-4deg);

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.domain-homepage-anouncement-box:hover .domain-homepage-anouncement-box-img:after{

    transform: rotate(0deg);

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.domain-homepage-anouncement-box .domain-homepage-anouncement-box-img img{

    opacity: 0.7;

    width: 55px;

    margin-left: 13px;

    z-index: 1;

    position: relative;

	margin-bottom: 15px;

}



.domain-homepage-anouncement-box h5{

    font-family: 'Heebo', sans-serif;

    font-size: 16px;

    line-height: 33px;

    margin-bottom: 20px;

    color: #23292b;

    letter-spacing: 1px;

}



.domain-homepage-anouncement-box p{

    font-weight: 100;

    font-size: 14px;

    line-height: 24px;

    color: #919daf;

    letter-spacing: 0.5px;

}



.domain-homepage-anouncement-speacial{

    background: #fff;

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.08);

    border-radius: 6px;

    position: relative;

    padding: 15px;

    height: 63px;

    display: block;

    margin-top: 15px;

}



.domain-homepage-anouncement-speacial .domain-tci{

    font-family: 'Heebo', sans-serif;

    font-size: 20px;

    line-height: 33px;

    margin-bottom: 20px;

    color: #23292b;

    text-transform: uppercase;

    font-weight: bold;

	margin-left: 0;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.domain-homepage-anouncement-speacial .domain-tci-order{

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    background: #5ed4e8;

    line-height: 63px;

    font-weight: bold;

    letter-spacing: 2px;

    color: #fff !important;

    width: 120px;

    text-align: center;

    border-radius: 16px 6px 6px 16px;

    font-family: 'Heebo', sans-serif;

    font-size: 13px;

    text-transform: uppercase;

    text-decoration: none;

	z-index: 1;

	cursor: pointer;

}



.domain-homepage-anouncement-speacial .domain-tci-order:hover{

    background: #4eb2c3;

    color: #fff;

    text-decoration: none;

}





.domain-homepage-anouncement-speacial .domain-tci-order i{

    display: none;

}



.domain-tci-buttons{

    display: none;

    opacity: 0;

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    line-height: 77px;

    width: 90px;

}



.domain-tci-buttons.in{

	display: block;

	opacity: 1;

}



.domain-homepage-anouncement-speacial .domain-tci-order.open-search i{

    display: inline-block;

}



.domain-tci-check{

    font-size: 32px;

    color: #fff;

    text-align: center;

    cursor: pointer;

    color: #56d05b;

}



.domain-tci-check:hover{

    color: #2cb731;

    cursor: pointer;

}



.domain-tci-cancel{

    font-size: 32px;

    color: #fff;

    text-align: center;

    cursor: pointer;

    color: #e27775;

}



.domain-tci-cancel:hover{

    color: #e83f3c;

    cursor: pointer;

}



.domain-homepage-anouncement-speacial-form{

    position: absolute;

    top: 0;

    height: 63px;

    display: block;

    width: 0;

    right: 0;

    width: 0%;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

	border-radius: 0 15px 15px 0;

}



.domain-homepage-anouncement-speacial-form.in{

    border-right: 2px solid #dae2e6;

    left: 0;

    width: 50%;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}







.domain-homepage-anouncement-speacial-form.in input{

	display: block;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}





.domain-homepage-anouncement-speacial-form input{

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

    position: absolute;

    top: 0;

    bottom: 0;

    width: 100%;

    left: 0;

    right: 0;

    font-weight: bold;

    color: #babbe2;

    border: 0;

    padding-left: 25px;

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.03);

	display: none;

}



.domain-homepage-anouncement-speacial-form input::placeholder{

    color: #babbe2;

}



.domain-tci.in{

    margin-left: 56%;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.domain-tci-added-to-card-mesage{

	width: 100%;

    left: 0;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    line-height: 63px;

    background: #56d05b;

    border-radius: 6px;

    text-align: center;

    color: #fff;

    font-family: 'Heebo', sans-serif;

    font-size: 14px;

    letter-spacing: 1px;

	display: none;

}





.domain-tci-added-to-card-mesage span{

	padding: 0 20px;

}





.domain-tci-added-to-card-mesage.in span{

    display: block

}







.domain-tci-added-to-card-mesage span a{

    background: #fff;

    color: #56cf5b;

    padding: 4px 15px;

    font-weight: 500;

    border-radius: 4px;

    margin-left: 7px;

}





.rotate360icon {

		-webkit-animation: rotation 1s infinite linear;

}



@-webkit-keyframes rotation {

		from {

				-webkit-transform: rotate(0deg);

		}

		to {

				-webkit-transform: rotate(359deg);

		}

}







/*------------------------------------------------------------------

	40. hosting plans with chekout 

-------------------------------------------------------------------*/



.tree-steps-hosting-plans{

    padding: 35px 30px;

    background: #fff;

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.16);

    border-radius: 10px;

}



.tree-steps-hosting-plans.first{

    border-radius: 10px 0 0 10px;

}





.tree-steps-hosting-plans.second{

    padding: 60px 30px;

    margin-top: -25px;

    z-index: 1;

    position: relative;

}



.tree-steps-hosting-plans.third{

    border-radius: 0 10px 10px 0

}



.tree-steps-hosting-plans-header{

    position: relative;

    padding-bottom: 10px;

    border-bottom: 2px solid #eaedef;

    margin-bottom: 15px;

    border-radius: 3px;

}



.tree-steps-hosting-plans-icon{

    font-size: 24px;

    color: #ffc107;

    float: left;

    margin-right: 14px;

}





.tree-steps-hosting-plans-title{

    position: relative;

    font-size: 26px;

    color: #3b566e;

    font-weight: 500;

    line-height: 25px;

    display: grid;

}



.tree-steps-hosting-plans-title small{

    display: block;

    font-size: 16px;

    font-weight: 100;

    color: #919a9e;

    margin-top: 2px;

}



.tree-steps-hosting-plans-price{

    position: absolute;

    top: 0;

    right: 0;

    font-family: 'Heebo', sans-serif;

    font-size: 24px;

    font-weight: bold;

}





.tree-steps-hosting-plans-price small{

    display: block;

    font-size: 13px;

    margin-top: -8px;

    color: #b1bcc1;

    font-weight: 500;

	text-align: center;

}





.tree-steps-hosting-plans-price.monthly .yearly{

    display: none;

}



.tree-steps-hosting-plans-price.yearly .monthly{

    display: none;

}



.tree-steps-hosting-plans-usually.monthly .yearly{

    display: none;

}



.tree-steps-hosting-plans-usually.yearly .monthly{

    display: none;

}



.tree-steps-hosting-plans-body{

    padding: 10px 0 20px;

    min-height: 350px;

	position: relative;

}



.tree-steps-hosting-plans-list{

	padding: 0;

    width: 100%;

}



.tree-steps-hosting-plans-list li{

    list-style: none;

    font-weight: bold;

    padding: 12px 0;

    font-size: 13px;

	position: relative;

}



.tree-steps-hosting-plans-list li.checked:after{

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    content: "\f00c";

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

    display: inline-block;

    float: right;

    font-size: 16px;

    color: #3e81c8;

}



.tree-steps-hosting-plans-list li.not-checked:after{

font-family: "Font Awesome 5 Free";

    font-weight: 900;

    content: "\f00d";

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

    display: inline-block;

    float: right;

    font-size: 16px;

    color: #f1695f;

}





.tree-steps-hosting-plans-list li.not-checked{

    text-decoration: line-through;

}



.tree-steps-hosting-plans-footer{

    padding: 10px;

    min-height: 66px;

	position: relative;

}



.tree-steps-hosting-plans-footer-btn{

    background: #3F51B5;

    color: #fff;

    padding: 10px 0;

    border-radius: 36px;

    font-size: 13px;

    font-weight: bold;

    font-family: 'Heebo', sans-serif;

    text-transform: uppercase;

    letter-spacing: 1px;

    box-shadow: 0 0px 50px 0 rgba(14, 68, 93, 0.18);

    text-decoration: none;

    width: 150px;

    display: inline-block;

	overflow: hidden;

	text-decoration: none !important;

	cursor: pointer;

	height: 39px;

	position: relative;

}



.tree-steps-hosting-plans-footer-btn:hover{

    background: #33418c;

    color: #fff;

	text-decoration: none !important;

}



.tree-steps-hosting-plans-footer-btn .first-step-hosting-text small{

    position: relative;

    color: #fff;

    left: 6px;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    font-size: 13px;

    font-weight: bold;

}



.tree-steps-hosting-plans-footer-btn:hover .first-step-hosting-text small{

    left: -120px;

	color: #fff;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.tree-steps-hosting-plans-footer-btn .first-step-hosting-text i{

    right: -50px;

	color: #fff;

	position: relative;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.tree-steps-hosting-plans-footer-btn:hover .first-step-hosting-text i{

    right: 40px;

	color: #fff;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.tree-steps-hosting-plans-payment{

    display: none;

}



.tree-steps-hosting-plans-payment-title{

    position: relative;

    font-size: 26px;

    color: #3b566e;

    font-weight: 500;

    line-height: 25px;

    display: grid;

}



.tree-steps-hosting-plans-payment-title small{

    display: block;

    font-size: 16px;

    font-weight: 100;

    color: #919a9e;

    margin-top: 4px;

}



.loader-tree-steps-hosting-plans-body{

    position: absolute;

    font-size: 40px;

    left: 0;

    right: 0;

    margin: auto;

    display: block;

    text-align: center;

    top: 44%;

    transform: translateY(-50%);

    opacity: 0.3;

	display: none;

}



.second-step-hosting-text{

	display: none;

	color: #fff;

}



.tree-steps-hosting-plans-footer-btn-back{

    color: #8b969c;

    border-radius: 36px;

    font-size: 13px;

    font-weight: bold;

    font-family: 'Heebo', sans-serif;

    text-transform: uppercase;

    letter-spacing: 1px;

    overflow: hidden;

    text-decoration: none !important;

    cursor: pointer;

    display: none;

    position: absolute;

    right: 15px;

    height: 19px;

    width: 19px;

    line-height: 39px;

    opacity: 1;

    text-align: center;

	 z-index: 1;

}



.tree-steps-hosting-plans-footer-btn-back .first-stright {

    width: 100%;

    height: 2px;

    background: #c0c6ca;

    position: absolute;

    border-radius: 10px;

    -ms-transform: translateY(-50%) rotate(-45deg);

    -webkit-transform: translateY(-50%) rotate(-45deg);

    top: 50%;

    transform: translateY(-50%) rotate(45deg);

    right: 0;

}



.tree-steps-hosting-plans-footer-btn-back .second-stright {

    width: 100%;

    height: 2px;

    background: #c0c6ca;

    position: absolute;

    border-radius: 10px;

    -ms-transform: translateY(-50%) rotate(-45deg);

    -webkit-transform: translateY(-50%) rotate(-45deg);

    transform: translateY(-50%) rotate(-45deg);

    top: 50%;

    left: 0;

}





.tree-steps-hosting-plans-footer-btn-back:hover .first-stright {

    background: #747c82;

}



.tree-steps-hosting-plans-footer-btn-back:hover  .second-stright {

    background: #747c82;

}





.tree-steps-hosting-plans-login-form{

	margin-top: 30px

}



.tree-steps-hosting-plans-login-form label{

    position: relative;

    font-size: 15px;

    color: #3b566e;

    font-weight: bold;

}



.tree-steps-hosting-plans-login-form input{

    background: #efeff5 !important;

    border: 0;

    border-radius: 13px;

    padding: .4rem .75rem;

    font-size: 14px;

}





.tree-steps-hosting-plans.second .tree-steps-hosting-plans-icon {

    color: #8BC34A;

}



.tree-steps-hosting-plans.third .tree-steps-hosting-plans-icon {

    color: #F44336;

}



.tree-steps-hosting-plans-best{

    background: #3e81c8;

    position: absolute;

    top: -14px;

    width: 120px;

    left: 0;

    right: 0;

    margin: auto;

    text-align: center;

    padding: 3px;

    color: #fff;

    border-radius: 25px;

    font-weight: 600;

    letter-spacing: 1px;

    font-size: 14px;

}



.tree-steps-hosting-plans-error{

    padding: 60px 0;

	text-align: center

}



.tree-steps-hosting-plans-error i{

    font-size: 70px;

    color: #f14337;

}



.tree-steps-hosting-plans-error p{

    display: block;

    font-size: 16px;

    font-weight: 100;

    color: #919a9e;

    margin-top: 4px;

}



.with-enic-padding{

    padding: 0 40px;

    position: relative;

}



.with-enic-padding-twni{

    padding: 0 20px;

    position: relative;

}



.payment-method-form img {

	height: 20px;

}



#monthly-yearly-chenge{

    padding: 0 0 50px;

}



#monthly-yearly-chenge a{

    font-weight: bold;

    color: #b4c3ca;

    text-decoration: none;

	position: relative;

	font-size: 14px;

	cursor: pointer;

}



#monthly-yearly-chenge a.active{

    color: #364248;

}



#monthly-yearly-chenge a:first-child{

    padding-right: 30px;

}



#monthly-yearly-chenge a:last-child{

    padding-left: 30px;

}



#monthly-yearly-chenge a:first-child::after{

    content: '';

    position: absolute;

    height: 25px;

    width: 44px;

    background: #647181;

    top: 50%;

    transform: translateY(-50%);

    right: -24px;

    border-radius: 40px;

}



#monthly-yearly-chenge a:last-child::after{

    content: '';

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background: #fff;

    width: 15px;

    height: 15px;

    left: -18px;

    border-radius: 40px;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



#monthly-yearly-chenge a:last-child.active::after{

    left: 0;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.plan-contact-support-button{

    padding: 0 0 50px;

}



.plan-contact-support-button a{

    font-size: 14px;

    font-weight: 600;

    color: #97a1a5;

    background: #f0f2f3;

    padding: 5px 20px;

    border-radius: 30px;

    text-decoration: none;

}



.plan-contact-support-button a:hover{

    background: #e8e9ea;

    color: #97a1a5;

    text-decoration: none;

}





/*------------------------------------------------------------------

	41. video modal popup styles

-------------------------------------------------------------------*/







#videomodal{

    z-index: 999999;

}



#videomodal .modal-dialog {

    max-width: 800px;

    margin: 120px auto;

}





#videomodal .modal-body {

    position: relative;

    padding: 0px;

}



#videomodal .close {

    position: absolute;

    right: -30px;

    top: 0;

    z-index: 999;

    font-size: 2rem;

    font-weight: normal;

    color: #fff;

    opacity: 1;

	outline: 0;

	box-shadow: none;

}





/*------------------------------------------------------------------

	42. custom conatiner styles

-------------------------------------------------------------------*/





@media (min-width: 700px) and (max-width: 780px){

.container {

    max-width: 700px;

}

}



@media (min-width: 610px) and (max-width: 699px){

.container {

    max-width: 600px;

}

}









/*------------------------------------------------------------------

	43. sub pages header styles

-------------------------------------------------------------------*/



.not-index-header{

    max-height: 420px !important;

    min-height: 420px !important;

}



.not-index-headerv2{

    max-height: 140px !important;

    min-height: 140px !important;

}



.not-index-breadcrumb-header{

    background-color: transparent;

    text-align: center;

	color: #fff;

}



.not-index-breadcrumb-header .breadcrumb-item a{

	color: #fff;

}



.not-index-breadcrumb-header .breadcrumb-item.active {

    color: #cfdade;

}



.not-index-header .header-heeadline-title {

    margin-top: 35px;

}



#header #domain-search.not-index-domain-header-search{

    margin-top: 30px;

}



.img-bg-breadcrumb-header{

    background: url(../img/backrounds/ddos.png) no-repeat;

    position: absolute;

    background-size: 100%;

    width: 494px;

    height: 320px;

    right: 0;

    bottom: -110px;

    z-index: 0;

    pointer-events: none;

}



/*------------------------------------------------------------------

	44. main services box

-------------------------------------------------------------------*/



.main-service-box{

    justify-content: center;

    padding: 30px 20px;

    align-items: center;

    background-color: #ffffff;

    border-radius: 16px;

    text-align: center;

    margin-bottom: 35px;

    -webkit-box-shadow: 0 8px 12px rgba(31, 27, 90, 0.08);

    box-shadow: 0 8px 12px rgba(31, 27, 90, 0.08);

    -webkit-transition: all 0.3s ease;

	transform: scale(1);

	transition: all .2s ease-in-out;

}



.main-service-box:hover{

   transform: scale(1.03);

}



.main-service-box i{

    font-size: 40px;

    color: transparent;

    -webkit-text-fill-color: transparent;

    -webkit-background-clip: text;

    background-clip: text;

}



.main-service-box a{

    text-decoration: none !important;

}





.main-service-box a h4{

    font-size: 20px;

    color: #141414;

    font-weight: 600;

    margin-top: 0;

    margin-bottom: 13px;

    padding-top: 25px;

    text-decoration: none;

}



.main-service-box p{

    font-size: 14px;

    line-height: 24px;

    color: #9ca6ab;

}







/*------------------------------------------------------------------

	45. grandient backrounds

-------------------------------------------------------------------*/



.grandient-blue-text-color{

	background: -webkit-linear-gradient(to bottom, #6a82fb, #4558b7);

    background: linear-gradient(to bottom, #6a82fb, #4558b7);

}

.grandient-red-text-color{

    background: -webkit-linear-gradient(to bottom, #ff5f6d, #ff5fc9);

    background: linear-gradient(to bottom, #ff5f6d, #ff5fc9);

}

.grandient-green-text-color{

    background: -webkit-linear-gradient(to bottom, #8cc34c, #4cc390);

    background: linear-gradient(to bottom, #8cc34c, #4cc390);

}

.grandient-yellow-text-color{

    background: -webkit-linear-gradient(to bottom, #f8aa22, #e5f822);

    background: linear-gradient(to bottom, #f8aa22, #e5f822);;

}

.grandient-blue-t-text-color{

    background: -webkit-linear-gradient(to bottom, #1cbfd2, #1c92d2);

    background: linear-gradient(to bottom, #1cbfd2, #1c92d2);

}

.grandient-blue-th-text-color{

    background: -webkit-linear-gradient(to bottom, #41a4f7, #416bf7);

    background: linear-gradient(to bottom, #41a4f7, #416bf7);

}



/*------------------------------------------------------------------

	46. domain resulte page

-------------------------------------------------------------------*/





.error-mesage-domain-search{

    position: absolute;

    height: 36px;

    top: 8px;

    right: 9px;

    z-index: 2;

    font-size: 14px;

    color: #fff;

    background: #e24439;

    max-width: max-content;

    margin: auto;

    border-radius: 27px;

    line-height: 35px;

    letter-spacing: 0.5px;

    padding: 0 20px;

}



.error-mesage-domain-search a{

    background: #fff;

    color: #ea7870;

    padding: 2px 6px;

    border-radius: 20px;

    margin-left: 10px;

    text-decoration: none;

}



.domain-header-mockup{

    display: block;

    content: '';

    background: url(../img/header/header-domains.png) bottom no-repeat;

    background-size: contain;

    left: 0;

    right: 0;

    z-index: 0;

    width: 350px;

    height: 29px;

    margin: auto;

}



.succec-domain-search-mesage{

    text-align: center;

    font-size: 24px;

    font-family: 'Heebo', sans-serif;

    letter-spacing: 1px;

    color: #74838a;

    font-weight: 700;

    text-transform: uppercase;

}



.succec-domain-search-mesage b{

    margin: 0 8px;

    color: #8BC34A;

}



.succec-domain-search-mesage span{

    font-size: 16px;

    font-weight: 100;

    text-transform: initial;

    margin-top: 5px;

    display: block;

    color: #90989c;

}



.title-domain-filter{

    text-align: center;

    font-size: 24px;

    font-family: 'Heebo', sans-serif;

	color: #596169!important;

}



.padding-domain-filter{

    width: 100%;

    padding: 20px 5px;

}



.domain-filter-tab-title{

    font-size: 18px;

    font-weight: bold;

    text-transform: uppercase;

    letter-spacing: 1px;

}



.domain-filter-tab-title span{

    display: block;

    font-weight: 100;

    font-size: 13px;

    margin-top: 5px;

    text-transform: none;

    color: #909a9e;

    margin-bottom: 20px;

}



#price-select-suggstion input{

    padding: 6px 12px;

    line-height: 1.61803;

    background-color: #fff;

    background-clip: padding-box;

    border-radius: 6px 0 0 6px;

    font-weight: 400;

    box-shadow: none;

    height: 46px;

    outline: none;

    font-family: 'Roboto', sans-serif;

    letter-spacing: 1px;

    border-right: 0;

}



#domain-select-suggstion{

    overflow-y: scroll;

    height: 220px;

    background: #f6f7f8;

    padding: 22px 20px;

    border-radius: 4px;

}



.domain-suggested-conainer{

	padding-left: 0;

}



.domain-suggested-conainer .domain-filter-tab-title{

    margin-bottom: 0;

}



.domain-suggested-conainer .domain-filter-tab-title span{

    margin-bottom: 0;

}



.domain-suggested-conainer .list-group-item {

    padding: 1.5rem 1.25rem;

}



.domain-suggested-conainer .add-to-cart-domain {

    background: #8BC34A;

    color: #fff;

    padding: 8px 20px;

    font-weight: 600;

    letter-spacing: 0.5px;

    border-radius: 6px;

    line-height: 30px;

	text-decoration: none;

}



.domain-suggested-conainer .add-to-cart-domain:hover{

    background: #7aad3f;

    color: #fff;

	text-decoration: none;

}



#header .domain-price-header.not-index-domain-header-prices {

    float: none;

}



#header .domain-price-header.not-index-domain-header-prices a {

    float: none;

	display: inline-block;

}



.search-box-filter-domains {

    -webkit-box-shadow: 0 2px 13px rgba(31, 27, 90, 0.16);

    box-shadow: 0 2px 13px rgba(31, 27, 90, 0.16);

    border-radius: 8px;

}



.search-box-filter-domains .list-group-item:first-child {

    border-top: 0;

}



.search-box-filter-domains .list-group-item{

    border-right: 0;

    border-left: 0;

}



.search-box-filter-domains .list-group-item:last-child{

   border-bottom: 0;

}



.search-box-filter-domains-promo{

    -webkit-box-shadow: 0 2px 13px rgba(31, 27, 90, 0.16);

    box-shadow: 0 2px 13px rgba(31, 27, 90, 0.16);

    border: 0;

}



.search-box-filter-domains-promo input{

    border: 0;

    padding: 15px;

}



.domain-search-page-table-header{

    margin-bottom: 25px;

	padding: 0 25px;

}





.domain-search-page-table-header span{

    font-size: 14px;

    font-weight: bold;

    color: #9da8ad;

    display: block;

}





.domain-search-page-table-body{

    background: #fff;

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.08);

    border-radius: 10px;

    position: relative;

    padding: 30px 25px;

    margin-bottom: 10px;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}







.domain-search-page-table-body:hover{

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

    transform: scale(1.02);

}





.domain-search-page-table-body .ltd-name{

    font-size: 18px;

    font-weight: 600;

}



.domain-search-page-table-body a{

	margin: 0 10px;

    color: #afbbc1;

}





.domain-search-page-table-body a:hover{

    color: #6c767b;

}





/*------------------------------------------------------------------

	47. about us page

-------------------------------------------------------------------*/





.about-us-page-title .about-us-page-title-title{

    font-weight: bold;

    color: #fc5c7d;

}



.about-us-page-title .about-us-page-title-sub-title{

    margin-bottom: 30px;

	font-weight: 700;

    font-family: 'Heebo', sans-serif;

}



.about-us-page-title .about-us-page-title-text{

    max-width: 600px;

    margin: 0 auto;

    font-size: 16px;

    line-height: 28px;

    color: #a8aeb1;

}



a.about-us-contact-way{

    margin-top: 30px;

    display: inline-block;

    font-family: 'Heebo', sans-serif;

    color: #92a1a9 !important;

    letter-spacing: 1px;

    margin-left: 10px;

    margin-right: 10px;

    font-size: 15px;

    background: #f0f2f3;

    padding: 7px 33px;

    border-radius: 39px;

}



.image-with-outer-border{

	position: relative;

}



.image-with-outer-border:after{

    content: "";

    position: absolute;

    top: 40px;

    left: 3px;

    right: 40px;

    border: 15px solid transparent;

    bottom: 40px;

    -moz-border-image: -moz-linear-gradient(top, #03A9F4 0%, #03def4 100%);

    -webkit-border-image: -webkit-linear-gradient(to bottom, #03A9F4 0%, #03def4 100%);

    -o-border-image: -o-linear-gradient(top, #03A9F4 0%, #03def4 100%);

    border-image: -webkit-gradient(linear, left top, left bottom, from(#03A9F4), to(#03def4));

    border-image: url('') 1;

    z-index: -1;

}



.title-left-bold{

    margin-bottom: 30px;

    font-weight: 700;

    font-family: 'Heebo', sans-serif;

    font-size: 27px;

    letter-spacing: 0.4px;

}



.title-left-bold span {

    display: block;

    font-size: 14px;

    line-height: 23px;

    color: #a8aeb1;

    font-weight: 100;

    margin-top: 7px;

}



.container-features-about-us{

    display: -ms-flexbox;

    display: flex;

}



.container-features-about-us .features-about-us-number{

    display: block;

}



.container-features-about-us .features-about-us-number .bulb-bllue-number{

    width: 60px;

    height: 60px;

    display: block;

    position: relative;

    text-align: center;

    background: url(../img/backrounds/bulb-blue.png) no-repeat;

    background-size: 100%;

    color: rgb(158, 220, 219);

    font-size: 20px;

    font-weight: bold;

    margin-right: 15px;

    line-height: 51px;

    padding-left: 6px;

}



.container-features-about-us .features-about-us-text h5{

    font-size: 20px;

    color: #141414;

    font-weight: 600;

    margin-top: 0;

    margin-bottom: 13px;

    text-decoration: none;

}



.container-features-about-us .features-about-us-text p{

    display: block;

    font-size: 15px;

    line-height: 24px;

    color: #8e9598;

    font-weight: 100;

}



.gradient-bb-white{

    background: #fff;

    background: linear-gradient(#fff, #f3f5f9);

}





/*------------------------------------------------------------------

	48. reseller hosting page

-------------------------------------------------------------------*/





.reseller-hosting-plan-pack{

    padding: 35px 30px;

    background: #fff;

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.16);

    border-radius: 10px;

	position: relative;

	overflow: hidden;

}





.reseller-hosting-plan-pack.first-plans-circels:after{

    content: '';

    position: absolute;

    width: 400px;

    height: 400px;

    background: rgba(33, 150, 243, 0.02);

    top: -120px;

    right: -71px;

    border-radius: 100%;

    z-index: 0;

    pointer-events: none;

}



.reseller-hosting-plan-pack.first-plans-circels:before{

    content: '';

    position: absolute;

    width: 400px;

    height: 400px;

    background: rgba(240, 98, 154, 0.05);

    bottom: -120px;

    right: -130px;

    border-radius: 100%;

    z-index: 0;

    pointer-events: none;

}



.reseller-hosting-plan-title{

    position: relative;

    font-size: 26px;

    color: #3b566e;

    font-weight: 500;

    line-height: 25px;

    display: grid;

    margin-bottom: 20px;

}



.reseller-hosting-plan-title span{

    display: block;

    font-size: 16px;

    font-weight: 100;

    color: #919a9e;

    margin-top: 2px;

}



.reseller-hosting-plan-price{

    font-family: 'Heebo', sans-serif;

    font-size: 35px;

    font-weight: bold;

    padding-bottom: 15px;

    border-bottom: 1px solid #eff1f3;

}



.reseller-hosting-plan-price span{

    font-weight: 100;

    font-size: 15px;

    color: #82878a;

}



.reseller-hosting-plan-list{

    margin-top: 30px;

}



.reseller-hosting-plan-list li{

    list-style: none;

    position: relative;

    display: block;

    font-size: 16px;

    font-weight: 100;

    color: #919a9e;

    margin-top: 2px;

    padding: 5px 0;

}



.reseller-hosting-plan-list li:hover{

    color: #5a6367;

}



.reseller-hosting-plan-list li:after{

    content: '';

    position: absolute;

    width: 6px;

    height: 6px;

    background: #8BC34A;

    border-radius: 10px;

    top: 13px;

    left: -25px;

}



.reseller-hosting-plan-list li.not-checked:after{

    background: #F44336;

}



.reseller-hosting-plan-order{

    margin-top: 40px;

    padding: 0 0 0 23px;

}



.reseller-hosting-plan-order a{

    padding: 11px 30px;

    color: #fff;

    letter-spacing: 1px;

    border-radius: 4px;

    font-weight: bold;

    font-size: 13px;

    background: #f06292;

    background-image: linear-gradient(to right,#f06292,#f062c8);

}



.reseller-hosting-plan-order a:hover {

    background-size: 175% 100%;

    color: #fff;

    outline: none;

    transition: background-size .2s ease-in-out,.2s box-shadow ease-in-out,.2s filter,.3s opacity;

	text-decoration: none;

}



.reseller-hosting-plan-client-selected{

    position: absolute;

    right: 25px;

    top: 45px;

    text-align: center;

    z-index: 1;

}



.reseller-hosting-plan-client-selected i{

    display: inline-block;

    color: #919a9e;

    font-size: 17px;

    margin-left: 15px;

	cursor: pointer;

}



.reseller-hosting-plan-client-selected i:hover{

    color: #03A9F4;

}





.dark-ressler-plan.reseller-hosting-plan-pack{

    background: linear-gradient(to bottom right, #7858ec, #131327);

}



.dark-ressler-plan.reseller-hosting-plan-pack .reseller-hosting-plan-client-selected i {

    color: #dfd3f3;

}



.dark-ressler-plan.reseller-hosting-plan-pack .reseller-hosting-plan-client-selected i:hover {

    color: #fff;

}



.dark-ressler-plan.reseller-hosting-plan-pack .reseller-hosting-plan-title {

    color: #fff;

}



.dark-ressler-plan.reseller-hosting-plan-pack .reseller-hosting-plan-title span{

    color: #ced5d8;

}



.dark-ressler-plan.reseller-hosting-plan-pack .reseller-hosting-plan-price{

    border: 0;

    padding-bottom: 0;

    color: #fff;

}



.dark-ressler-plan.reseller-hosting-plan-pack .reseller-hosting-plan-price span{

    color: #ced5d8;

}



.dark-ressler-plan.reseller-hosting-plan-pack .reseller-hosting-plan-price a{

    float: right;

    padding: 11px 30px;

    color: #ffffff;

    letter-spacing: 1px;

    border-radius: 4px;

    font-weight: bold;

    font-size: 13px;

    background: #E91E63;

    background-image: linear-gradient(to right,#E91E63 ,#e91ebd);

    margin-top: 7px;

    margin-right: -6px;

}



.dark-ressler-plan.reseller-hosting-plan-pack .reseller-hosting-plan-price a:hover{

    background-size: 175% 100%;

    color: #fff;

    outline: none;

    transition: background-size .2s ease-in-out,.2s box-shadow ease-in-out,.2s filter,.3s opacity;

	text-decoration: none;

}



.reseller-hosting-plan-rating{

    padding-top: 16px;

}



.reseller-hosting-plan-rating i{

    color: transparent;

    -webkit-text-fill-color: transparent;

    -webkit-background-clip: text !important;

    background-clip: text !important;

}



.reseller-hosting-plan-rating i.fa-star{

    background: -webkit-linear-gradient(to bottom, #8cc34c, #4cc390);

    background: linear-gradient(to bottom, #8cc34c, #4cc390);

}



.reseller-hosting-plan-rating i.fa-star-half{

    background: -webkit-linear-gradient(to bottom, #8cc34c, #4cc390);

    background: linear-gradient(to bottom, #8cc34c, #4cc390);

}



.reseller-hosting-plan-rating i.fa-star.not-checked{

    background: -webkit-linear-gradient(to bottom, #607D8B, #6455a7);

    background: linear-gradient(to bottom, #607D8B, #6455a7);

}



.reseller-hosting-features a{

    text-decoration: none !important;

	display: -ms-flexbox;

    display: flex;

}



.reseller-hosting-features .reseller-hosting-features-icon i{

    width: 75px;

    height: 75px;

    display: block;

    position: relative;

    text-align: center;

    background: url(../img/backrounds/bulb-stock.png) no-repeat;

    background-size: 100%;

    color: #2bd8cb;

    font-size: 20px;

    font-weight: bold;

    margin-right: 15px;

    line-height: 66px;

    padding-left: 9px;

}



.reseller-hosting-features .reseller-hosting-features-title{

    font-size: 18px;

    color: #8a98a7;

    font-weight: 600;

    text-decoration: none;

    margin-top: 9px;

    display: block;

    margin-bottom: -4px;

}



.reseller-hosting-features .reseller-hosting-features-text{

    font-size: 14px;

    color: #a0acb9;

    text-decoration: none;

    display: block;

    font-weight: 100;

    margin-top: 2px;

    line-height: 20px;

}



.resslers-features-tabs a{

    font-weight: 100;

    color: #98a3a9;

    font-size: 16px;

    margin: 0 7px;

	position: relative;

}



.resslers-features-tabs a.active{

    font-weight: bold;

    color: #5e696f;

}



.resslers-features-tabs a:after{

    content: '';

    position: absolute;

    width: 0%;

    left: 0;

    right: 0;

    margin: auto;

    bottom: 2px;

    height: 2px;

    background: #d3dade;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.resslers-features-tabs a.active:after{

    width: 70%;

}



.resslers-tabs-content-with-image{

    display: -ms-flexbox;

    display: flex;

}



.resslers-tabs-content-with-image-text{

    margin-top: 77px;

}



.resslers-tabs-content-with-image-text h5{

    font-size: 24px;

    color: #5e6267;

    font-weight: 600;

    text-decoration: none;

    margin-top: 9px;

    display: block;

}



.resslers-tabs-content-with-image-text h5 span{

    font-size: 14px;

    color: #a0acb9;

    display: block;

    font-weight: 100;

    margin-top: 2px;

    line-height: 20px;

}



.resslers-tabs-content-with-image-text ul{

    margin-top: 30px;

	padding-left: 0;

}



.resslers-tabs-content-with-image-text ul li{

    list-style: none;

    position: relative;

    display: block;

    font-size: 16px;

    font-weight: 100;

    color: #919a9e;

    margin-top: 2px;

    padding: 5px 0;

}



.resslers-tabs-content-with-image-text ul li:hover {

    color: #586267;

}



.resslers-tabs-content-with-image-text ul li:after {

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    content: "\f00c";

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

    display: inline-block;

    float: left;

    font-size: 12px;

    color: #8BC34A;

    margin-right: 13px;

    margin-top: 4px;

}







/*------------------------------------------------------------------

	49. Filter List

-------------------------------------------------------------------*/



.nuhost-filter-container{

    position: relative;

    margin-bottom: 5px;

}



.nuhost-filter-container .fa-search{

    position: absolute;

    top: 17px;

    font-size: 18px;

    color: #a7afb3;

    left: 16px;

    z-index: 2;

}



#nuhost-filter-input{

    width: 100%;

    border: 0;

    height: 53px;

    padding-left: 50px;

    font-weight: bold;

    outline: none;

    font-size: 18px;

    background: #fff;

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.08);

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    border-radius: 10px;

    position: relative;

    z-index: 1;

}



.nuhost-filter-list-container {

    padding: 25px 18px;

    background: #fff;

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.16);

    border-radius: 10px;

    position: relative;

	min-height: 402px;

}



#nuhost-filter-list {

    padding-left: 0;

}



#nuhost-filter-list li {

    list-style: none;

}



#nuhost-filter-list li a{

    width: 100%;

    display: block;

    padding: 13px 20px;

    border-radius: 10px;

    font-weight: bold;

    font-size: 15px;

    color: #5a6367;

    text-transform: capitalize;

	cursor: pointer;

}



#nuhost-filter-list li a:hover{

    background: #f0f3f5;

	text-decoration: none;

}



#nuhost-filter-list li a i{

    float: right;

    font-size: 22px;

}



.nuhost-filter-min-height{

    min-height: 402px;

    overflow-y: auto;

}





.filter-content-box{

    display: none;

    position: absolute;

    background: #fff;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    padding: 28px;

    border-radius: 10px;

}



.filter-content-close{

    color: #8b969c;

    border-radius: 36px;

    font-size: 13px;

    font-weight: bold;

    font-family: 'Heebo', sans-serif;

    text-transform: uppercase;

    letter-spacing: 1px;

    overflow: hidden;

    text-decoration: none !important;

    cursor: pointer;

    position: absolute;

    right: 30px;

    height: 19px;

    width: 19px;

    line-height: 39px;

    opacity: 0.6;

    text-align: center;

    z-index: 1;

}



.filter-content-close:hover{

    opacity: 1;

}



.filter-content-close .first-stright{

    width: 100%;

    height: 2px;

    background: #c0c6ca;

    position: absolute;

    border-radius: 10px;

    -ms-transform: translateY(-50%) rotate(-45deg);

    -webkit-transform: translateY(-50%) rotate(-45deg);

    top: 50%;

    transform: translateY(-50%) rotate(45deg);

    right: 0;

}



.filter-content-close .second-stright{

    width: 100%;

    height: 2px;

    background: #c0c6ca;

    position: absolute;

    border-radius: 10px;

    -ms-transform: translateY(-50%) rotate(-45deg);

    -webkit-transform: translateY(-50%) rotate(-45deg);

    transform: translateY(-50%) rotate(-45deg);

    top: 50%;

    left: 0;

}







.filter-content-box h5{

    width: 100%;

    display: block;

    border-radius: 10px;

    font-weight: bold;

    font-size: 15px;

    color: #5a6367;

    text-transform: capitalize;

    cursor: pointer;

    padding-top: 1px;

    margin-bottom: 30px;

}





.filter-content-box p{

    font-size: 15px;

    line-height: 27px;

    margin-bottom: 15px;

    color: #93a0a7

}









/*------------------------------------------------------------------

	50. wordpress hosting page

-------------------------------------------------------------------*/



.host-wp-bg-area-conainer{

    padding-bottom: 30px;

}



.host-wp-bg-area{

    background: url(../img/backrounds/wp-hosting.png) bottom no-repeat;

    background-size: 100%;

    position: absolute;

    width: 600px;

    height: 600px;

    left: 0;

    right: 0;

    margin: auto;

    z-index: -1;

}



.wp-plan-features-box{

    background: #fff;

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.06);

    border-radius: 18px;

    position: relative;

    padding: 12px 25px;

    margin-bottom: 25px;

	cursor: pointer;

    display: -ms-flexbox;

    display: flex;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}



.wp-plan-features-box:hover{

	transform: scale(1.05);

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.1);

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}



.wp-plan-features-box .wp-plan-features-number{

    width: 60px;

    display: block;

    position: relative;

    text-align: center;

    background: url(../img/backrounds/bulb-blue.png) no-repeat;

    background-size: 100%;

    color: rgb(158, 220, 219);

    font-size: 18px;

    font-weight: bold;

    margin-right: 15px;

    line-height: 52px;

    padding-left: 7px;

}



.wp-plan-features-box .wp-plan-features-text{

    font-size: 16px;

    color: #4b555a;

    font-weight: 600;

    text-decoration: none;

    line-height: 20px;

    margin-top: 6px;

}



.wp-plan-features-box.second-left{

    margin-right: 40px;

}



.wp-plan-features-box.second-right{

    margin-left: 40px;

}



.wp-plan-features-box.left-side-box{

    direction: rtl;

    text-align: right;

}





.wp-plan-features-box.left-side-box .wp-plan-features-number {

    margin-right: 0;

    margin-left: 15px;

}



.transfer-wp-box{

    text-align: center;

	position: relative;

}





.transfer-wp-box.fr:after{

    content: '';

    position: absolute;

    top: 40px;

    height: 2px;

    width: 50%;

    background: #e8eef1;

    right: 0;

    z-index: 0;

}



.transfer-wp-box.tw:after{

    content: '';

    position: absolute;

    top: 40px;

    height: 2px;

    width: 100%;

    background: #e8eef1;

    right: 0;

    z-index: 0;

}



.transfer-wp-box.tr:after{

    content: '';

    position: absolute;

    top: 40px;

    height: 2px;

    width: 50%;

    background: #e8eef1;

    left: 0;

    z-index: 0;

}





.transfer-wp-box .transfer-wp-box-icon{

    width: 100px;

    height: 100px;

    display: block;

    position: relative;

    text-align: center;

    background: url(../img/backrounds/bulb.png) no-repeat;

    background-size: 100%;

    font-size: 20px;

    font-weight: bold;

    margin-right: 15px;

    line-height: 85px;

    padding-left: 12px;

    margin: auto;

	position: relative;

	z-index: 1;

	cursor: pointer;

}



.transfer-wp-box .transfer-wp-box-icon i{

    color: transparent;

    -webkit-text-fill-color: transparent;

    -webkit-background-clip: text;

    background-clip: text;

}



.transfer-wp-box .transfer-wp-box-icon .number-colection{

    position: absolute;

    left: 17px;

    top: -3px;

    background: #FFC107;

    height: 30px;

    width: 30px;

    line-height: 30px;

    font-size: 16px;

    border-radius: 28px;

    color: #fff;

}





.transfer-wp-box h5{

    font-size: 16px;

    color: #4b555a;

    font-weight: 600;

    text-decoration: none;

    line-height: 20px;

    margin-top: -2px;

    padding-left: 15px;

}







/*------------------------------------------------------------------

	51. DDOS pages styles

-------------------------------------------------------------------*/



.broswer-512{

    width: 100%;

    max-width: 512px;

}



.screen-message-error-absolute{

    position: absolute;

    max-width: 500px;

    left: 0;

    right: 0;

    margin: auto;

    top: 70px;

}



.screen-message-error-absolute img{

    max-width: 120px;

	width: 100%;

}



.screen-message-error-absolute h5{

    font-weight: 700;

    font-family: 'Heebo', sans-serif;

    color: #e2574c;

    margin-top: 15px;

}



.screen-message-error-absolute p{

    margin: 0 auto;

    font-size: 16px;

    line-height: 24px;

    color: #6f7679;

    padding: 0 40px;

}



.ddos-attaks-plans{

    background: #fff;

    border-radius: 10px;

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.16);

    text-align: center;

    display: block;

}



.ddos-attaks-plans-header{

    padding: 25px;

    margin-bottom: 30px;

    background: #fcfcfd;

    border-radius: 10px 10px 0 0;

    border-bottom: 1px solid #ececf1;

}



.ddos-attaks-plans-header span:first-child{

    display: block;

    font-size: 30px;

    font-weight: bold;

}



.ddos-attaks-plans-header span.first-color{

    color: #8cc34c;

}





.ddos-attaks-plans-header span.second-color{

    color: #ff5f8f;

}





.ddos-attaks-plans-header span.third-color{

    color: #566cd7;

}



.ddos-attaks-plans-header span:last-child{

    font-weight: bold;

    color: #b7c4ca;

    margin-top: -7px;

    display: block;

    font-size: 14px;

}



.ddos-attaks-plans-body{

    padding: 10px 0 20px;

}



.ddos-attaks-plans-body ul{

    padding-left: 0;

}



.ddos-attaks-plans-body ul li{

    list-style: none;

    font-size: 14px;

    line-height: 28px;

    color: #868e92;

    padding: 2px 0;

    font-weight: 100;

}



.ddos-attaks-plans-footer{

    display: block;

    padding: 20px;

    border-radius: 0 0 10px 10px;

    color: #fff;

    font-weight: bold;

    font-size: 16px;

    text-transform: uppercase;

    letter-spacing: 1px;

    text-decoration: none;

}



.ddos-attaks-plans-footer:hover{

    color: #fff;

    text-decoration: none;

}









/*------------------------------------------------------------------

	52. knowledgebase page styles

-------------------------------------------------------------------*/



.question-area-answer-banner{

    padding: 65px 50px;

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.16);

    border-radius: 10px;

    position: relative;

    overflow: hidden;

    background: linear-gradient(to bottom right, #5d69be, #1c2da9);

    color: #fff;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 30px;

	position: relative;

}



.question-area-answer-banner:after{

    content: '';

    background: url(../img/header/moon.png) no-repeat;

    position: absolute;

    max-width: 340px;

    max-height: 230px;

    width: 100%;

    right: 0;

    bottom: 0;

    height: 100%;

    z-index: 0;

    pointer-events: none;

}



.question-area-answer-banner:before{

    content: '';

    background: url(../img/backrounds/small-clouds.png) no-repeat;

    position: absolute;

    width: 100%;

    right: 0;

    bottom: 0;

    height: 113px;

    z-index: 0;

    pointer-events: none;

}



.question-area-answer-banner-icon{

    margin-right: 30px;

}



.question-area-answer-banner-icon i.fa-play-circle{

    font-size: 65px;

    cursor: pointer;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    color: transparent;

    -webkit-text-fill-color: transparent;

    -webkit-background-clip: text;

    background-clip: text;

}



.question-area-answer-banner-icon .gris-color{

    background: -webkit-linear-gradient(to bottom, #ffffff, #e6ecef);

    background: linear-gradient(to bottom, #ffffff, #e6ecef);

}



.question-area-answer-banner-icon i:hover{

    opacity: 0.7;

}



.question-area-answer-banner-text{

    margin-top: -2px;

    position: relative;

    z-index: 1;

}



.question-area-answer-banner-text h5{

    font-weight: 400;

}



.question-area-answer-banner-text h5 span{ 

    display: block;

    font-size: 14px;

    margin-top: 9px;

    opacity: 0.6;

}



.question-area-answer-body{

    margin-top: 60px;

}



.question-area-answer-body ul{

    counter-reset: my-qastions-counter;

}





.question-area-answer-body li{

    list-style: none;

    padding-bottom: 20px;

    border-bottom: 1px solid #ebeeef;

	position: relative;

	margin-top: 30px;

}



.question-area-answer-body li:last-child{

    border-bottom: 0;

}



.question-area-answer-body li:after{

    content: counter(my-qastions-counter);

    counter-increment: my-qastions-counter;

    position: absolute;

    left: -40px;

    top: -3px;

    height: 30px;

    width: 30px;

    background: #d3dce0;

    text-align: center;

    line-height: 30px;

    font-size: 14px;

    font-weight: bold;

    color: #fff;

    border-radius: 6px;

}



.question-area-answer-body li span{

    font-weight: bold;

    color: #05253a;

    font-size: 18px;

    margin-bottom: 9px;

    display: block;

}



.question-area-answer-body li p{

    font-size: 14px;

    line-height: 22px;

    color: #a8aeb1;

}



.min-height-auto {

	min-height: auto !important;

}









/*------------------------------------------------------------------

	53. contact us page styles

-------------------------------------------------------------------*/



.form-contain-home.contact-page-form-send{

    background: transparent;

    padding: 0;

    box-shadow: none;

    margin-bottom: 0;

}





.form-contain-home.contact-page-form-send input[type=email], .form-contain-home.contact-page-form-send input[type=text] {

    background: transparent !important;

    border-bottom: 1px solid #6773cc;

    color: #fff !important;

}



.form-contain-home.contact-page-form-send textarea {

    background: transparent !important;

    border-bottom: 1px solid #6773cc;

    color: #fff !important;

}



.form-contain-home.contact-page-form-send h5 {

    display: block;

    color: #fff;

    width: 100%;

}



.form-contain-home.contact-page-form-send h5 span {

color: #bfc4e2;

    font-size: 15px;

    font-family: 'Nunito', sans-serif;

    letter-spacing: 1px;

    margin-top: 5px;

}



.contact-page-form-send #form-messages {

    width: 100%;

    margin-left: 15px;

    margin-right: 15px;

}



.contact-other-method-box {

    padding: 58px 30px;

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.16);

    border-radius: 10px;

    color: #fff;

    margin-bottom: 30px;

    position: relative;

    text-align: center;

}



.contact-other-method-box h5 {

    font-family: 'Heebo', sans-serif;

    font-size: 27px;

    margin-bottom: 50px;

    color: #333656;

    font-weight: bold;

    line-height: 28px;

    text-align: center;

}



.contact-other-method-box h5 span{

    color: #bfc4e2;

    font-size: 15px;

    font-family: 'Nunito', sans-serif;

    letter-spacing: 1px;

    margin-top: 10px;

    display: block;

    font-weight: 100;

    line-height: 18px;

}



.contact-other-method-box a{

    border-radius: 40px !important;

}



.contact-us-background{

	position: relative;

}



.contact-us-background:after{

    content: '';

    background: url(../img/backrounds/question.png) no-repeat;

    position: absolute;

    width: 60px;

    height: 211px;

    background-size: 100%;

    top: -35px;

    z-index: -1;

    pointer-events: none;

    left: -245px;

    margin: auto;

    right: 0;

}









/*------------------------------------------------------------------

	54. help center page styles

-------------------------------------------------------------------*/



.help-center-header .help-center-title{

	margin-bottom: 20px;

    font-weight: 700;

    font-family: 'Heebo', sans-serif;

    font-size: 22px;

}



.help-center-header .help-center-title span{

    font-weight: bold;

    color: #fc5c7d;

    font-size: 16px;

    display: block;

    margin-bottom: 5px;

}



.help-center-header .help-center-text{

    font-size: 14.5px;

    line-height: 28px;

    color: #a8aeb1;

}



.help-center-box-popular{

    font-size: 13px;

    color: #a8aeb1;

    font-weight: bold;

}



.help-center-box-item{

    background: #fff;

    padding: 25px;

    border: 1px solid #e0e4e6;

    border-radius: 6px;

    margin-top: 20px;

    display: -ms-flexbox;

    display: flex;

	position: relative;

	overflow: hidden;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.help-center-box-item:hover{

    background: #f1fbfb;

}



.help-center-box-item .help-center-box-icon{

    height: 60px;

    width: 60px;

    text-align: center;

    line-height: 60px;

    margin-right: 30px;

    position: relative;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.help-center-box-item .help-center-box-icon:before{

    content: '';

    left: 0;

	right: 0;

	top: 0;

	bottom: 0;

    position: absolute;

    background: #cffbfa;

    border-radius: 6px;

    z-index: 0;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}



.help-center-box-item .help-center-box-icon i{

    position: relative;

	z-index: 1;

}



.help-center-box-item .help-center-box-text{

    position: relative;

}



.help-center-box-item .help-center-box-text span:first-child{

    font-weight: 600;

    font-size: 18px;

    color: #485256;

}



.help-center-box-item .help-center-box-text span:last-child{

    font-size: 14.5px;

    line-height: 28px;

    color: #a8aeb1;

    display: block;

}



.help-center-box-item .help-center-box-link{

    position: absolute;

    right: -60px;

    top: 0;

    bottom: 0;

    margin: auto;

    height: 40px;

    width: 40px;

    background: #ec407a;

    text-align: center;

    line-height: 40px;

    font-size: 15px;

    color: #fff;

    border-radius: 40px;

}



.help-center-box-item:hover .help-center-box-link{

    right: 40px;

}



.immediate-help-center-title{

    font-weight: 700;

    font-family: 'Heebo', sans-serif;

    font-size: 18px;

    margin-top: 40px;

	position: relative;

	line-height: 30px;

	margin-bottom: 20px

}



.immediate-help-center-title:after{

    content: '';

    position: absolute;

    height: 3px;

    width: 20px;

    bottom: -10px;

    background: #d2dade;

    left: 0;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.immediate-help-center-title:hover::after{

    width: 50px;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.immediate-help-center-text{

    font-size: 14.5px;

    line-height: 28px;

    color: #a8aeb1;

	margin-bottom: 20px;

}



.immediate-help-center-link{

    display: block;

    color: #03A9F4 !important;

    font-weight: bold;

    margin-top: 16px;

    font-size: 14px;

}





.our-help-center-tabs-nav a{

    text-align: center;

    padding: 65px 20px;

    background: #fff;

    border-radius: 10px;

    position: relative;

    margin: 0 15px;

    border: 1px solid #eef1f3;

}



.our-help-center-tabs-nav a.active{

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.16);

}



.our-help-center-tabs-nav a.active:after{

    content: '';

    position: absolute;

    background: #2196F3;

    width: 70px;

    height: 10px;

    border-radius: 0 0 8px 8px;

    left: 0;

    right: 0;

    margin: auto;

    top: 0;

}



.our-help-center-tabs-nav a:before{

    content: '';

    background: url(../img/backrounds/+-o.png) no-repeat;

    position: absolute;

    width: 50px;

    height: 80px;

    background-size: 100%;

    left: 80px;

    top: 35px;

    z-index: 0;

    pointer-events: none;

}





.our-help-center-tabs-nav a img{

    width: 60px;

    opacity: 0.8;

}



.our-help-center-tabs-nav h5{

    font-size: 23px;

    font-weight: bold;

    color: #6c757b;

    margin-top: 13px;

}



.our-help-center-tabs-nav p{

    font-size: 13.5px;

    line-height: 21px;

    color: #a8aeb1;

    max-width: 230px;

}



.no-cat-error{

	margin-bottom: 20px;

    font-weight: 700;

    font-family: 'Heebo', sans-serif;

    font-size: 22px;

    margin-top: 45px;

}



.no-cat-error span{

    font-size: 14.5px;

    line-height: 25px;

    color: #a8aeb1;

    display: block;

    font-weight: 100;

    margin-top: 19px;

}









/*------------------------------------------------------------------

	55. 404 page styles

-------------------------------------------------------------------*/





.megssage-error{

    display: block;

    font-weight: 700;

    font-family: 'Heebo', sans-serif;

    font-size: 25px;

    margin-top: 25px;

    color: #3b414c;

	margin-bottom: 40px;

}



.megssage-error small{

    display: block;

    font-weight: 100;

    font-size: 16px;

    letter-spacing: 1px;

    color: #7c96a2;

    margin-top: 5px;

}



.privacy-content h4{

    margin-bottom: 10px;

    font-weight: 700;

    font-family: 'Heebo', sans-serif;

    font-size: 17px;

}



.privacy-content p{

    font-size: 15px;

    line-height: 25px;

    color: #656d71;

}











/*------------------------------------------------------------------

	56. blog & blog single styles

-------------------------------------------------------------------*/



.special-in-blog-page.home-blog-te .post-thumbn {

    height: 350px;

}



.special-in-blog-page.home-blog-te {

    transform: scale(1) !important;

    margin-bottom: 40px;

}



.pagination-nuhost li {

    margin: 0px 4px;

}





.pagination-nuhost li a {

    border-radius: 30px !important;

    height: 34px;

    width: 35px;

    line-height: 36px;

    font-size: 13px;

    outline: none !important;

    box-shadow: none !important;

    background: #f3f5f6;

    border: 0;

    font-weight: 600;

    color: #86959c;

    padding: 0;

    text-align: center;

}



.pagination-nuhost li a:hover {

    color: #86959c;

}



.pagination-nuhost .page-item.active .page-link {

    z-index: 1;

    color: #fff;

    background-color: #FFC107;

    border-color: transparent;

}





.blog-aside-widget{

    box-shadow: 0 1px 22px 0 rgba(245, 246, 247, 0.59);

    border: 1px solid rgba(235, 238, 241, 0.57);

    border-radius: 6px;

    padding: 40px;

    margin-bottom: 30px;

}



.blog-aside-widget .blog-aside-widget-title{

    color: #3b566e;

    margin-bottom: 13px;

    font-size: 18px;

    font-weight: 600;

}





.blog-aside-widget li a{

    display: inline-block;

    padding: 4px 5px;

    position: relative;

    font-size: 14px;

    color: #aab2b5;

    margin: 0;

    font-weight: 500;

}



.blog-aside-widget li a:hover{

    color: #6a7275;

	text-decoration: none;

}



.blog-aside-widget.meta li a {

    background-color: #f2f5f7;

    font-weight: 400 ;

    font-size: 11px ;

    text-transform: uppercase;

    padding: 8px 17px ;

    border-radius: 36px;

    border: 0 ;

    margin-bottom: 5px ;

}



.blog-aside-widget.meta li a:hover {

    background-color: #2196F3;

	color: #fff;

}



.blog-aside-widget.meta li {

    display: inline-block;

}



.coodiv-serchform {

    position: relative;

	margin-bottom: 30px;

}



.coodiv-serchform input[type=text] {

    width: 100%;

    z-index: 0 !important;

    border: 0px;

    -webkit-box-shadow: none;

    box-shadow: none;

    background: #f5f6f7;

    height: 48px;

    font-family: "Poppins", sans-serif;

    font-size: 14px;

    color: #999999;

    padding: 0px 10px 0px 25px;

    border-radius: 4px !important;

}



.coodiv-serchform button {

    position: absolute;

    top: 17px;

    right: 9px;

    background: transparent;

    border: 0;

    z-index: 2;

    color: #bfccd2;

    font-size: 13px;

    outline: none !important;

    box-shadow: none !important;

}



@media screen and (min-width: 768px){

.blog-container-page.container {

    padding-left: 0;

    padding-right: 0;

}

}









/*------------------------------------------------------------------

	57. header extra styles

-------------------------------------------------------------------*/



@media screen and (min-width: 768px){

.top-header-nav-home .container, .the_breadcrumb_conatiner_page {

    padding-left: 0;

    padding-right: 0;

}

}





.nuhost-template-demo {

    color: #000;

    position: fixed;

    top: 0;

    right: -250px;

    width: 245px;

    background-color: #fff;

    z-index: 99999;

    height: 100%;

    box-shadow: -3px 0px 10px 0px rgba(26, 38, 74, 0.15);

    visibility: visible;

}



.nuhost-template-demo .nuhost-template-skin-body {

    height: 100%;

    position: relative;

    overflow: hidden;

    margin: 60px 0 0;

    padding: 0 23px;

    text-align: center;

}



.nuhost-template-demo .nuhost-template-header-styles-demo {

    float: left;

    width: 100%;

    padding: 20px 0px;

}



.nuhost-template-demo .nuhost-template-header-styles-demo a {

    float: left;

    width: 50%;

    padding: 7px;

}





.nuhost-template-demo .nuhost-template-header-styles-demo a>img {

    border: 4px solid #d9d9d9;

    width: 100%;

    border-radius: 3px;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out

}



.nuhost-template-demo .nuhost-template-header-styles-demo a>img:hover {

    border: 4px solid #bec5d0;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out

}





.whmcs-demo-header-wp h5 {

    float: left;

    width: 100%;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 13px;

    margin-top: 30px;

    margin-bottom: 12px;

    color: #bec7ce;

}





.nuhost-template-demo .nuhost-template-skin-body img {

    width: 90px;

}





a.settingbutton {

    background: #fff;

    font-size: 24px;

    height: 45px;

    right: 100%;

    position: absolute;

    text-align: center;

    box-shadow: -3px 0px 10px 0px rgba(26, 38, 74, 0.15);

    width: 50px;

    line-height: 47px;

    color: #1aabec;

    top: 110px;

    border-radius: 30px 0 0 30px;

    cursor: pointer;

}





a.settingbutton i {

    color: #46a9ed;

}





.nuhost-template-demo .nuhost-template-header-styles-demo a.active>img {

    border: 4px solid #2196F3;

}







#header.green-linear-background-header {

    background: #8BC34A;

    background: -webkit-linear-gradient(left top, #8BC34A, #2c7b2f);

    background: -o-linear-gradient(bottom right, #8BC34A, #2c7b2f);

    background: -moz-linear-gradient(bottom right, #8BC34A, #2c7b2f);

    background: linear-gradient(to bottom right, #8BC34A, #2c7b2f);

}





#header.purple-linear-background-header {

    background: #9C27B0;

    background: -webkit-linear-gradient(left top, #9C27B0, #131327);

    background: -o-linear-gradient(bottom right, #9C27B0, #131327);

    background: -moz-linear-gradient(bottom right, #9C27B0, #131327);

    background: linear-gradient(to bottom right, #9C27B0, #131327);

}



#header.blue-linear-background-header {

    background: #3948a0;

    background: -webkit-linear-gradient(left top, #3948a0, #2196F3);

    background: -o-linear-gradient(bottom right, #3948a0, #2196F3);

    background: -moz-linear-gradient(bottom right, #3948a0, #2196F3);

    background: linear-gradient(to bottom right, #3948a0, #2196F3);

}





#header.green-two-linear-background-header {

    background: #009688;

    background: -webkit-linear-gradient(left top, #009688, #17b5a6);

    background: -o-linear-gradient(bottom right, #009688, #17b5a6);

    background: -moz-linear-gradient(bottom right, #009688, #17b5a6);

    background: linear-gradient(to bottom right, #009688, #17b5a6);

}





#header.purple-two-linear-background-header {

    background: #9C27B0;

    background: -webkit-linear-gradient(left top, #9C27B0, #607D8B);

    background: -o-linear-gradient(bottom right, #9C27B0, #607D8B);

    background: -moz-linear-gradient(bottom right, #9C27B0, #607D8B);

    background: linear-gradient(to bottom right, #9C27B0, #607D8B);

}











/*------------------------------------------------------------------

	58. dedicated hosting styles

-------------------------------------------------------------------*/



.dedicated-container{

    background: #fff;

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.16);

    border-radius: 10px;

    position: relative;	

}



.dedicated-container .table th {

    border-top: 0;

	padding: 1.4rem;

}



.dedicated-head th span {

    color: #292943;

    font-size: 15px;

}





.dedicated-container .table thead th {

    border-bottom: 2px solid #8BC34A;

}



.dedicated-container .table-striped tbody tr:nth-of-type(odd) {

    background-color: #f9fafb;

}



.dedicated-container .table td {

    padding: 1.3rem;

    vertical-align: top;

    border-top: 1px solid #eff3f5;

}



.dedicated-container .table tr td:first-child ,.dedicated-container .table thead th:first-child {

    padding-left: 30px;

	position: relative;

	overflow: hidden;

}



.dedicated-container .table tr td:last-child  {

	position: relative;

}





.dedicated-container .table tr td .plan-num {

    position: absolute;

    left: -20px;

    background: #ec407a;

    color: #fff;

    font-weight: bold;

    border-radius: 40px;

    height: 30px;

    text-align: center;

    width: 40px;

    line-height: 30px;

    padding-left: 14px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 12px;

}



.dedicated-cpu-name{

    background: #8BC34A;

    font-weight: bold;

    color: #fff;

    padding: 2px 20px;

    font-size: 13px;

    border-radius: 40px;

}



.dedicated-price-monthly{

    font-weight: 100;

    font-size: 12px;

    background: #8bc34a;

    color: #fff;

    padding: 2px 8px;

    border-radius: 22px;

}





.dedicated-container .table tr td {

    color: #292943;

    font-size: 15px;

    font-weight: bold;

}



.dedicated-order{

    color: #fff;

    padding: 7px 15px;

    border-radius: 36px;

    font-size: 14px;

    text-decoration: none;

}



.dedicated-order:hover{

    color: #ffffff;

    background: #8bc34a;

	text-decoration: none;

}



.dedicated-rating{

    float: right;

}



.dedicated-rating i{

    color: #d4d9dc;

}



.dedicated-rating i.full{

    color: #FFC107;

}





/*------------------------------------------------------------------

	59. filters styles

-------------------------------------------------------------------*/





.controls-vps-filter {

    padding: 1rem;

}





.controls-vps-filter li {

    list-style: none;

    margin: 0 5px;

    margin-bottom: 15px;

}





.controls-vps-filter li a {

    text-align: center;

    display: block;

    padding: 37px 40px;

    background: #fff;

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.09);

    border-radius: 10px;

    position: relative;

    border: 1px solid rgba(238, 243, 245, 0.71);

    overflow: hidden;

    border-bottom: 3px solid rgba(238, 243, 245, 0.71);

    cursor: pointer;

	min-width: 185px;

}



.controls-vps-filter li a i {

    display: block;

    font-size: 33px;

    background: #f1b709;

    color: #fff;

    height: 60px;

    width: 60px;

    margin: auto;

    line-height: 54px;

    border-radius: 40px;

    border-right: 3px solid #e2af14;

    border-top: 3px solid #e2af14;

    padding-left: 3px;

}



.controls-vps-filter li a span {

    display: block;

    margin-top: 10px;

    font-weight: bold;

    font-size: 16px;

}



.controls-vps-filter li a b {

    display: block;

    font-weight: 100;

    font-size: 13px;

    color: #acb9bf;

}





.controls-vps-filter li a.mixitup-control-active:after {

    content: "\f00c";

    font-family: "Font Awesome 5 Free";

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

    display: inline-block;

    font-style: normal;

    font-variant: normal;

    text-rendering: auto;

    line-height: 1;

    font-weight: 900;

    position: absolute;

    left: 0;

    top: 0;

    background: #8BC34A;

    color: #fff;

    padding: 9px;

    font-size: 13px;

    border-radius: 0 0 15px 0;

}



.controls-vps-filter li a:before {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: -19px;

    height: 0;

    width: 100%;

    background: #8bc34a;

    transform: skewY(-10deg);

    pointer-events: none;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}





.controls-vps-filter li a.mixitup-control-active:before {

    height: 30px;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.controls-vps-filter li a.mixitup-control-active {

    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.15);

}





.mix{

	margin-top: 45px

}





.vps-filter-content .mix:nth-child(1) .tree-steps-hosting-plans .tree-steps-hosting-plans-icon {

    color: #ffc107;

}



.vps-filter-content .mix:nth-child(2) .tree-steps-hosting-plans .tree-steps-hosting-plans-icon {

    color: #8BC34A;

}



.vps-filter-content .mix:nth-child(3) .tree-steps-hosting-plans .tree-steps-hosting-plans-icon {

    color: #F44336;

}



.vps-filter-content .mix:nth-child(4) .tree-steps-hosting-plans .tree-steps-hosting-plans-icon {

    color: #03A9F4;

}



.vps-filter-content .mix:nth-child(5) .tree-steps-hosting-plans .tree-steps-hosting-plans-icon {

    color: #9C27B0;

}



.vps-filter-content .mix:nth-child(6) .tree-steps-hosting-plans .tree-steps-hosting-plans-icon {

    color: #CDDC39;

}





.vps-filter-content .mix:nth-child(7) .tree-steps-hosting-plans .tree-steps-hosting-plans-icon {

    color: #ffc107;

}



.vps-filter-content .mix:nth-child(8) .tree-steps-hosting-plans .tree-steps-hosting-plans-icon {

    color: #8BC34A;

}



.vps-filter-content .mix:nth-child(9) .tree-steps-hosting-plans .tree-steps-hosting-plans-icon {

    color: #F44336;

}







/*------------------------------------------------------------------

	60. blog single styles

-------------------------------------------------------------------*/



.post-info {

    list-style: none;

    display: inline-block;

    padding-left: 0;

    color: #9b9b9b;

    font-size: 12px;

    line-height: 24px;

    font-weight: 400;

}



.post-info li {

    margin-right: 20px;

    display: inline-block;

}



.post-info li a {

    color: #9b9b9b;

}



.post-info li i {

    margin-right: 6px;

}



.other-posts-check{

    margin-top: 40px;

    padding: 0 20px;

}



.other-posts-check a{

    color: #aebabf;

	font-size: 15px;

    border-bottom: 1px solid #c7c7d9;

    padding-bottom: 1px;

	text-decoration: none !important;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

	position: relative;

}



.other-posts-check a:hover{

    color: #7c868a;

	text-decoration: none !important;

}



.other-posts-check a:first-child{

    padding-left: 15px;

	padding-right: 5px

}

.other-posts-check a:last-child{

    padding-right: 15px;

	padding-left: 5px

}



.other-posts-check a:last-child::after{

    content: '';

    background: #c7c7d9;

    width: 8px;

    height: 1px;

    position: absolute;

    transform: skewY(-45deg);

    bottom: 3px;

    right: -8px;

}



.other-posts-check a:last-child::before{

    content: '';

    background: #c7c7d9;

    width: 8px;

    height: 1px;

    position: absolute;

    transform: skewY(45deg);

    bottom: 11px;

    right: -7px;

}



.other-posts-check a:first-child::after{

    content: '';

    background: #c7c7d9;

    width: 8px;

    height: 1px;

    position: absolute;

    transform: skewY(45deg);

    bottom: 3px;

    left: -8px;

}



.other-posts-check a:first-child::before{

    content: '';

    background: #c7c7d9;

    width: 8px;

    height: 1px;

    position: absolute;

    transform: skewY(-45deg);

    bottom: 11px;

    left: -7px;

}



.author-area{

    background-color: white;

    padding: 30px 30px 13px 30px;

    margin-bottom: 40px;

    background: #fff;

    border-radius: 6px;

    border: 1px solid rgba(235, 238, 241, 0.57);

}



.author-area .media .media-left {

    margin-right: 25px;

}

.author-area .media .media-left img {

    margin-top: 6px;

    width: 90px;

    border-radius: 50%;

    height: 90px;

    background: #eef0f1;

}



.author-area .media .media-body {

    position: relative;

}

.author-area .media .media-body .author-name {

    color: #252525;

    margin-bottom: -5px;

    font-size: 18px;

    display: inline-block;

    font-weight: bold;

}



.author-area .media .media-body .author-designation {

    margin-bottom: 8px;

    color: #9b9b9b;

    font-size: 14px;

}



.author-area .media .media-body .author-social {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    list-style: none;

    float: right;

    padding-left: 0;

    position: absolute;

    top: 3px;

    right: 0;

}



.author-area .media .media-body .author-social li {

    margin-right: 10px;

}



.author-area .media .media-body .author-social li a {

    color: #808080;

}



.author-area .media .media-body p {

    line-height: 24px;

    font-size: 15px;

    color: #8e9da5;

}



.comments-area{

    padding-left: 25px;

}



.comments-area .comment-title{

    color: #414a4e;

    font-weight: bold;

    font-size: 18px;

    margin-bottom: 20px;



}



.comments-area .media{

    background-color: white;

    padding: 30px 30px 25px 30px;

    margin-bottom: 40px;

    background: #fff;

    border-bottom: 1px solid #e6ecef;

}



.comments-area .media img{

    width: 60px;

    border-radius: 50%;

    height: 60px;

    background: #eef0f1;

    margin-right: 20px;

}



.comments-area .media .name{

    color: #252525;

    margin-bottom: -5px;

    font-size: 18px;

    font-weight: bold;

}



.comments-area .media .time{

    margin-bottom: 23px;

    display: inline-block;

    margin-top: 5px;

    font-size: 13px;

    color: #9dadb5;

}



.comments-area .media .comments{

    line-height: 24px;

    font-size: 15px;

    color: #8e9da5;

}



.comments-area .media .reply{

    float: right;

    color: #c8d6dc;

}



.comments-area .media .reply:hover{

    color: #a6b3b9;

}



.comments-form .input {

    width: 100%;

    border: 0;

    border-radius: 2px;

    background-color: white;

    height: 45px;

    font-size: 18px;

    padding-left: 20px;

    margin-right: 20px;

    margin-bottom: 10px;

	border: 1px solid #e6ecef;

}



.comments-area .comments-form .message {

    margin: 20px 0 36px 0;

    outline: 0 !important;

}



.comments-form .message {

    width: 100%;

    border: 0;

    border-radius: 2px;

    background-color: white;

    font-size: 18px;

    margin: 20px 0 50px 0;

    padding: 20px 0 0 20px;

	border: 1px solid #e6ecef;

}



.btn-blue-2 {

    padding: 11px 45px;

    color: #ffffff;

    line-height: 26px;

    font-size: 14px;

}

.btn-blue-2:not(:disabled):not(.disabled).active, .btn-blue-2:not(:disabled):not(.disabled):active, .btn-blue-2 {

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

    background: -webkit-gradient(linear, left top, right top, from(var(--c1, #088fe4)), color-stop(51%, var(--c2, #1043c2)), to(var(--c1, #088fe4))) var(--x, 0)/200%;

    background: -webkit-linear-gradient(left, var(--c1, #088fe4), var(--c2, #1043c2) 51%, var(--c1, #088fe4)) var(--x, 0)/200%;

    background: -o-linear-gradient(left, var(--c1, #088fe4), var(--c2, #1043c2) 51%, var(--c1, #088fe4)) var(--x, 0)/200%;

    background: linear-gradient(90deg, var(--c1, #088fe4), var(--c2, #1043c2) 51%, var(--c1, #088fe4)) var(--x, 0)/200%;

}



/*------------------------------------------------------------------

	61. additionell styles & updates

-------------------------------------------------------------------*/





.z-index0{

	z-index: 0 !important;

}





#particles-bg {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    overflow: hidden;

    z-index: 0;

}



#toTop {

    position: fixed;

    bottom: 30px;

    right: 36px;

    cursor: pointer;

    display: none;

    padding: 7px 12px;

    border-radius: 45px;

    background: #161d23;

    z-index: 4;

    border: #161d23;

    color: #fff;

    -webkit-transition: all 0s ease-in-out;

    -moz-transition: all 0s ease-in-out;

    -o-transition: all 0s ease-in-out;

    -ms-transition: all 0s ease-in-out;

    transition: ba 0s ease-in-out;

    opacity: 0.6;

}





[class^="flaticon-"]:before, [class*=" flaticon-"]:before {

    margin-left: 0 !important;

}







/*------------------------------------------------------------------

	62. video background styles

-------------------------------------------------------------------*/





.video-bg-nuhost-header{

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    overflow: hidden;

	pointer-events: none;

}



.video-bg-nuhost-header video {

    position: absolute;

    top: 0;

    bottom: 0;

    opacity: 0.8;

    left: 0;

    right: 0;

    width: 100%;

}



.video-bg-nuhost-header-bg{

    background: #48486b;

    background: -webkit-linear-gradient(left top, #48486b, #131327);

    background: -o-linear-gradient(bottom right, #48486b, #131327);

    background: -moz-linear-gradient(bottom right, #48486b, #131327);

    background: linear-gradient(to bottom right, #48486b, #131327);

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    position: absolute;

    opacity: 0.5;

}



#video_cover {

    position: absolute;

    width: 100%; height: 100%;

    background: url('../media/fallback.jpg') no-repeat;

    background-size: cover;

    background-position: center;

    opacity: 0.8;

}







/*------------------------------------------------------------------

	63. christmas header style

-------------------------------------------------------------------*/





#header.christmas-edition {

    background: #4eaf48;

    background: -webkit-linear-gradient(left top, #4eaf48, #489045);

    background: -o-linear-gradient(bottom right, #4eaf48, #489045);

    background: -moz-linear-gradient(bottom right, #4eaf48, #489045);

    background: linear-gradient(to bottom right, #4eaf48, #489045);

}





#header.christmas-edition .courve-gb-hdr-top {

    background: url(../img/header/christmas.png) bottom no-repeat;

}



#header.christmas-edition.homepagetwostyle .header-heeadline-title h5 {

    font-size: 3.2rem;

    font-weight: 100;

    text-transform: capitalize;

    letter-spacing: 0;

    font-family: 'Pacifico', cursive;

}





#header.christmas-edition .header-heeadline h5 {

    font-size: 3.2rem;

    font-weight: 100;

    text-transform: capitalize;

    letter-spacing: 0;

    font-family: 'Pacifico', cursive;

}



#header.christmas-edition .header-animation .moon-bg-her {

    display: none;

}



#header.christmas-edition.homepagetwostyle  .second-item-slider-title {

    font-size: 2.5rem;

    font-weight: 100;

    text-transform: capitalize;

    letter-spacing: 0;

    font-family: 'Pacifico', cursive;

}



#header.christmas-edition .video-bg-nuhost-header {

    display: none;

}



#header.christmas-edition #domain-search .space-men {

    background-size: 100% !important;

    background: url(../img/header/snowman.png) no-repeat;

    height: 90px;

}



.not-index-header.christmas-edition {

    max-height: 500px !important;

    min-height: 500px !important;

}



.not-index-header.christmas-edition .header-heeadline-title {

    margin-top: 0px;

}