/*
*  __  __           _         _              _____  _              _                                                        
* |  \/  |         | |       | |            |  __ \(_)            | |                                                       
* | \  / | __ _  __| | ___   | |__  _   _   | |  | |_  ___ ___  __| |                                                       
* | |\/| |/ _` |/ _` |/ _ \  | '_ \| | | |  | |  | | |/ __/ _ \/ _` |                                                       
* | |  | | (_| | (_| |  __/  | |_) | |_| |  | |__| | | (_|  __/ (_| |                                                       
* |_|  |_|\__,_|\__,_|\___|  |_.__/ \__, |  |_____/|_|\___\___|\__,_|                                                       
*                                    __/ |                                                                                  
*   _     _   _                   __|___/                            _ _              _     _                               
*  | |   | | | |            _    / / /                              | (_)            | |   | |                              
*  | |__ | |_| |_ _ __  ___(_)  / / /_      ____      ____      ____| |_  ___ ___  __| | __| | _____   _____ ___  _ __ ___  
*  | '_ \| __| __| '_ \/ __|   / / /\ \ /\ / /\ \ /\ / /\ \ /\ / / _` | |/ __/ _ \/ _` |/ _` |/ _ \ \ / / __/ _ \| '_ ` _ \ 
*  | | | | |_| |_| |_) \__ \_ / / /  \ V  V /  \ V  V /  \ V  V / (_| | | (_|  __/ (_| | (_| |  __/\ V / (_| (_) | | | | | |
*  |_| |_|\__|\__| .__/|___(_)_/_/    \_/\_/    \_/\_/    \_/\_(_)__,_|_|\___\___|\__,_|\__,_|\___| \_(_)___\___/|_| |_| |_|
*                | |                                                                                                        
*                |_|                                                                                                        
*/

/*
	This website was made for Nova Host
*/

/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Courgette');
@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900');

/* General */
body {
	background-color: #fff;
	font-family: 'Poppins', sans-serif;
}

::-webkit-scrollbar {
width: 7px; /* width of the vertical scrollbar*/
height: 5px; /*height of the horizontal scrollbar*/
background-color: #aaa;}
::-webkit-scrollbar-track {
background-color: #000; /* background color of the scrollbar*/}
::-webkit-scrollbar-thumb { /* the small band up / down*/
background-color: #0ec0d0;
}

.border {
	border-top: solid 10px #0ec0d0;
}

.highlight {
	color: #0ec0d0 !important;
}

.pulse {
    animation-duration: 3s !important;
}

/* Snow */
#snowflakeContainer {
    position: absolute;
    left: 0px;
    top: 0px;
}
.snowflake {
    padding-left: 15px;
    font-family: Cambria, Georgia, serif;
    font-size: 14px;
    line-height: 24px;
    position: fixed;
    color: #FFFFFF;
    user-select: none;
    z-index: 1000;
}
.snowflake:hover {
    cursor: default;
}

/* Top Header */
.topHeader {
    color: #fff;
    background-color: #222;
}

.topHeaderTextLeft {
	margin-top: 10px;
	transition: .3s;
}

.topHeaderTextLeft:hover {
	color: #1fb5f6;
}

.topHeaderTextLeft > .icon {
	color: #1fb5f6;
}

.topHeaderTextRight {
	margin-top: 10px;
	text-align: right;
}

.topHeaderTextRight > a {
	color: #fff;
	text-decoration: none;
	transition: .3s;
}

.topHeaderTextRight > a:hover {
	color: #1fb5f6;
}

/* Navbar */
.navbar-default {
    margin-bottom: 0;
    border: 0;
    padding: 30px;
    border-radius: 0;
    background-color: #fff;
}

.navbar-brand {
    color: #0ec0d0 !important;
}

.navbar-brand > img {
    margin-top: -50px;
}

.navbar-default .navbar-nav > li > a {
	color: #393939;
    font-weight: 500;
    transition: .3s;
    text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #0ec0d0;
}

/* Header */
.header {
    background: url(../../images/background-space.png);
    background-attachment: fixed;
    background-size: cover;
    text-align: left;
    padding: 150px 0 00px 0;
}

.headerContent {
    margin: 100px 0 100px 0;
}

.headerTitle {
	text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    font-size: 46px;
}

.headerSubTitle {
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
    font-size: 34px;
    margin-bottom: 40px;
}

.headerButton {
	color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    padding: 10px 40px;
    transition: .3s;
    border-radius: 50px;
    text-decoration: none !important;
    font-size: 18px;
}

.headerButton:hover {
    color: #fff;
    background-color: #0ec0d0;
    text-transform: none !important;
    border: 1px solid #0ec0d0;
}

/* features */

.features {
    padding: 50px 0 0 0;
}

.featuresTitle {
    font-size: 30px;
}

.featuresFeature {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.3) !important;
    padding: 40px 40px;
    margin: 50px 0;
    margin-left: 0;
    text-align: center;
}

.featuresFeature  img {
    display: block;
    margin: 0 auto;
    width: 50%;
}

.featuresFeature  h4 {
    margin: 25px 0 25px 0;
    color: #0ec0d0;
}

/* What we offer */
.offer {
    padding: 50px 0 0 0;
    background-color: #eee;
}

.offerTitle {
    font-size: 30px;
    text-align: center;
}

.offerOffer {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.3) !important;
    padding: 40px 40px;
    margin: 50px 0;
    margin-left: 0;
    text-align: center;
}

.offerOffer  img {
    display: block;
    margin: 0 auto;
    width: 50%;
}

.offerOffer  h4 {
    margin: 25px 0 25px 0;
    color: #0ec0d0;
}

/* Ready to Order? */
.ready {
    background-color: #0ec0d0;
    padding: 30px 0 30px 0;
}

.ready .pull-left {
    margin-top: 20px;
}

.ready .pull-right {
    margin-top: 20px;
}

.readyText {
    font-size: 30px;
    color: #fff;
}

.readyButton {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    padding: 10px 40px;
    transition: 1s;
    border-radius: 50px;
    text-decoration: none !important;
    font-size: 18px;
}

.readyButton:hover {
    color: #000;
    background-color: #fff;
    text-transform: none !important;
    border: 1px solid #fff;
}


/** WEB HOSTING PAGE **/
.aboutWebTitle {
    font-size: 40px;
    margin-bottom: 20px;
    color: #fff;
}

.aboutWebText {
    font-size: 19px;
    margin-left: 60px;
    color: #fff;
}

.web {
    padding: 50px 0 50px 0;
}

.webTitle {
    font-size: 30px;
    padding-bottom: 20px;
}

.webPlan {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.3) !important;
    padding: 40px 40px;
    margin: 50px 0;
    margin-left: 0;
    text-align: center;
}

.webplanTitle {
    color: #0ec1d0;
}

.webPlan a {
    border: 1px solid #0ec1d0;
    padding: 10px 40px;
    color: #0ec1d0;
    transition: .3s;
    text-decoration: none !important;
    border-radius: 5px;
}

.webPlan a:hover {
    background-color: #0ec1d0;
    color: #fff;
}

/** ABOUT US PAGE **/
.aboutTitle {
    font-size: 40px;
    margin-bottom: 20px;
    color: #fff;
}

.aboutText {
    font-size: 19px;
    margin-left: 60px;
    color: #fff;
}

.about {
    padding: 50px 0 50px 0;
}

.aboutTeamMember {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.3) !important;
    padding: 40px 40px;
    margin: 50px 0;
    margin-left: 0;
    text-align: center;
}

.aboutTeamMemberImage {
    display: block;
    margin: 0 auto;
    max-width: 200px;
    min-width: 200px;
}

.aboutTeamMemberTitle {
    color: #0ec1d0;
}

/********** PARTNERS PAGE **********/
.partners {
    padding: 50px 0 50px 0;
}

.partnersTitle {
    font-size: 30px;
    padding-bottom: 150px;
}

@media (max-width: 1200px){
    .partnersTitle {
        padding-bottom: 50px;
    }
}

.partnerTable {
    padding: 20px;
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.3) !important;
    border-radius: 10px;
    text-align: center;
}

.partnerTable img {
    display: block;
    margin: 0 auto;
    width: 200px;
    margin-top: -150px;
    border-radius: 100px;
    border: 4px solid #0ec1d0;
}

@media (max-width: 1200px){
    .partnerTable img {
        margin-top: 0px;
    }
}

.partnerTable h4 {
    text-align: center;
}

.partnerTable p {
    text-align: center;
}

.partnerTable a {
    text-align: center;
    text-decoration: none;
    color: #000;
    transition: .3s;
}

.partnerTable a:hover {
    color: #0ec1d0;
}

/* Footer */
.footer {
    background: url(../../images/background-space.png);
    background-attachment: fixed;
    background-size: cover;
    padding: 100px 0 100px 0;
    border-left: 4px solid #0ec1d0;
}

.footerDark {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 100px 0 100px 0;
    margin: -100px 0 -100px 0;
}

.footerImage {
    width: 100%;
}

.footerTitle {
    color: #0ec0d0;
    font-size: 24px;
}

.footer ul {
    list-style: none;
}

.footer ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    transition: .3s;
}

.footer ul li a:hover {
    color: #0ec0d0;
    margin-left: 10px;
}

.footerDarker {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px 0 10px 0;
    margin: 60px 0 -100px 0;
}

.copyright {
    padding: 25px 0 20px 0;
}

.copyrightText {
    color: #fff;
}

.announcement {
  position: relative;
  background: #1da3ff;
  color: white;
  margin-top: 56px;
  top: -327px;
  transition: .2s;
  z-index: 1;
}

 &__close {
   position: absolute;
   right: 15px;
   top: 15px;
   font-size: 18px;
   width: 25px;
   height: 25px;
   font-weight: 600;
   text-align: center;
   cursor: pointer;
   color: white;
   opacity: .65;
   transition: .25s ease;
}

.wrapper {
  max-width: 1160px;
  padding: 40px 20px;
  margin: 0 auto;
}