.btn_seo {
   border: 5px double #007BE0;
   outline-style: solid;
   position: relative;
   left: 950px;
   bottom: 1000px;
   width: 300px;
   height: 200px;
   background-image: url('/images/SEO300.jpeg');
}

.btn_sdk_ {
   border: 5px solid #2D42D1;
   position: relative;
   left: 50px;
   bottom: 1100px;
   width: 300px;
   height: 200px;
   background-image: url('/images/SDK300.jpeg');
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px;
}

.btn_support {
   border: 2px solid #007BE0;
   position: relative;
   left: 500px;
   bottom: 1300px;
   width: 240px;
   height: 240px;
   background-image: url('/images/support3.jpeg');
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
}

.btn_metatags {
   border: 5px dotted #FFFFFF;
   outline-style: solid;
   position: relative;
   left: 500px;
   bottom: 200px;
   width: 300px;
   height: 200px;
   background-image: url('/images/MetaTags300.jpeg');
   border-top-left-radius: 1px;
   border-top-right-radius: 1px;
   border-bottom-right-radius: 1px;
   border-bottom-left-radius: 1px;
}

.btn_pin_sdk_ {
   border: 5px solid #2D42D1;
   position: relative;
   left: 250px;
   bottom: 900px;
   width: 300px;
   height: 200px;
   background-image: url('/images/SDK300.jpeg');
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px;
}

.btn_tech_sup {
   border: 5px solid #414200;
   width: 300px;
   height: 180px;
   background-image: url('/images/tech_sup_gimp.jpeg');
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
}

.btn_training {
   border: 5px inset #008BE2;
   position: relative;
   left: 50px;
   top: 50px;
   width: 300px;
   height: 200px;
   background-image: url('/images/training3.jpeg');
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
}

.btn_responsive {
   border: 15px solid #758CD8;
   width: 300px;
   height: 200px;
   background-image: url('/images/Responsive300.jpeg');
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   border-bottom-right-radius: 15px;
   border-bottom-left-radius: 15px;
}

.btn_team_build {
   border: 7px solid #76789c;
   position: relative;
   left: 120px;
   bottom: 160px;
   display: inline-block;
   width: 300px;
   height: 180px;
   background-image: url('/images/team_WORK2.png');
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
}

.btn_pin_bcrumbs {
   border: 8px solid #B7C4DE;
   outline-style: solid;
   position: relative;
   left: 500px;
   bottom: 750px;
   width: 300px;
   height: 250px;
   background-image: url('/images/bcrumbs4.png');
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
}

.btn_unique_cust {
   border: 5px groove #34DFE5;
   position: relative;
   left: 250px;
   bottom: 150px;
   display: inline-block;
   width: 300px;
   height: 200px;
   background-image: url('/images/piggy_computer_ear2.jpeg');
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
}

.btn_editing_soft {
   border: 6px groove #0A0300;
   outline-style: solid;
   position: relative;
   left: 60px;
   bottom: 20px;
   width: 300px;
   height: 200px;
   background-image: url('/images/Editing2.jpeg');
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
}

.btn_pin_opencart {
   position: relative;
   left: 1000px;
   bottom: 1180px;
   width: 286px;
   height: 156px;
   background-image: url('/images/open_cart.png');
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
}

.btn_collaboration {
   border: 5px solid #59372E;
   position: relative;
   left: 50px;
   bottom: 90px;
   width: 300px;
   height: 210px;
   background-image: url('/images/connections_4.jpeg');
   border-top-left-radius: 60px;
   border-top-right-radius: 60px;
   border-bottom-right-radius: 60px;
   border-bottom-left-radius: 60px;
}

.btn_pin_mailchimp {
   position: relative;
   left: 50px;
   bottom: 1000px;
   width: 300px;
   height: 200px;
   background-image: url('/images/MailChimp300.jpg');
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
}

.btn_pin_portfolio {
   position: relative;
   left: 500px;
   bottom: 825px;
   width: 400px;
   height: 141px;
   background-image: url('/images/portfolio2.png');
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
}

.btn_pin_responsive {
   border: 15px solid #758CD8;
   position: relative;
   left: 925px;
   bottom: 900px;
   width: 300px;
   height: 200px;
   background-image: url('/images/Responsive300.jpeg');
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   border-bottom-right-radius: 15px;
   border-bottom-left-radius: 15px;
}

#all-plans {
   display: none;
}

.title_header {
}

.sds_cart_all {
   position: static;
   top: 28vh;
}

.sds_cart_single {
   padding-right: 10px;
   padding-left: 10px;
   left: 450px;
   top: 40em;
   display: block;
}

.free_trial_content {
   padding-right: 20px;
   padding-left: 20px;
   text-align: center;
   margin-right: 20px;
   margin-left: 20px;
   margin-bottom: 20px;
   display: block;
}

.subscription_service_btn {
   font-family: Arial;
   font-size: 1.00em;
   padding-right: 10px;
   padding-left: 10px;
   text-align: center;
   background-color: #0067CE;
   border: 5px solid #1D63AF;
   margin-right: 5px;
   margin-left: 5px;
   width: 200px;
   height: 40px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
}

.here_btn2 {
   font-family: Arial Black;
   padding-right: 0px;
   padding-left: 5px;
   text-align: center;
   background-color: #76E500;
   width: 60px;
   height: 25px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
}

.HMP_relax_pic_position {
   position: absolute;
   top: 80px;
   right: 150px;
   float: right;
   display: block;
}

.why_choose_us {
   text-align: justify;
}

.hosting_title {
   font-family: Arial Black;
   font-size: 50px;
   color: #3A2B0B;
   text-align: center;
   margin-top: 25px;
   margin-bottom: 25px;
}

.center {
   text-align: center;
   width: 100%;
}

.HMP_container_for_btns {
   text-align: center;
   position: absolute;
   top: 500px;
   width: 90%;
   height: 294px;
}

.HMP_btns {
   font-family: Arial Black;
}

.HMP_why_choose_us_btn {
   font-family: Arial Black;
   font-size: 35px;
   color: #001CD8;
   padding-top: 15px;
   padding-bottom: 10px;
   text-align: center;
   background-color: #AAE261;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: auto;
   display: inline-block;
   width: 390px;
   height: 50px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
}

.HMP_free_trial_btn {
   font-family: Arial Black;
   font-size: 1.50em;
   padding-left: 10px;
   font-weight: bold;
   text-align: left;
   border: 5px solid #168700;
   margin-top: 20px;
   position: relative;
   right: 150px;
   display: inline-table;
   width: 290px;
   height: 290px;
   background-image: url('/images/exitemet290_1553890167.jpeg');
   background-attachment: scroll;
   background-repeat: no-repeat;
   background-position: center center;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
   background-size: cover;
}

.HMP_manage_btn {
   font-family: Arial Black;
   font-size: 1.50em;
   padding-left: 7px;
   font-weight: bold;
   border: 5px solid #168700;
   position: relative;
   left: 100px;
   display: inline-table;
   width: 290px !important;
   height: 290px !important;
   background-image: url('/images/CA1290.jpeg');
   background-attachment: scroll;
   background-repeat: no-repeat;
   background-position: center center;
   border-top-left-radius: 25px;
   border-top-right-radius: 25px;
   border-bottom-right-radius: 25px;
   border-bottom-left-radius: 25px;
   background-size: cover;
}

.HMP_relax_btn {
   font-size: 1.50em;
   font-weight: bold;
   text-align: center;
   vertical-align: text-top;
   border: 5px solid #168700;
   position: relative;
   right: 30px;
   bottom: 17px;
   display: inline-table;
   width: 290px !important;
   height: 290px !important;
   background-image: url('/images/tropical82smallBright.jpg');
   background-attachment: scroll;
   background-repeat: no-repeat;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
   background-size: cover;
}

.alpha_layer_home {
   padding-right: 20px;
   padding-bottom: 20px;
   padding-left: 20px;
   background: rgba(225, 244, 244, 0.65);
   margin-top: 20px;
   margin-left: 150px;
   top: 85px;
   right: 60px;
   z-index: -1;
   width: 80%;
   height: 650px;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   border-bottom-left-radius: 20px;
}

#social_media_divs {
   font-family: Arial Black;
   text-align: center;
   position: absolute;
   right: 270px;
   display: block;
   width: 42px;
   height: 168px;
}

.link-facebook {
   display: inline-block;
   width: 40px;
   height: 40px;
   background-image: url('/images/icons/facebook_circle_black.png');
   background-attachment: scroll;
   background-repeat: no-repeat;
   background-size: contain;
}

.link-facebook:hover {
   background-image: url('/images/icons/facebook_circle.png');
}

.link-linkedin {
   display: inline-block;
   width: 40px;
   height: 40px;
   background-image: url('/images/icons/linkedin_circle_black.png');
   background-attachment: scroll;
   background-repeat: no-repeat;
   background-size: contain;
}

.link-twitter {
   width: 40px;
   height: 40px;
   background-image: url('/images/icons/twitter_circle_black.png');
   background-attachment: scroll;
   background-repeat: no-repeat;
   background-size: contain;
}

.link-linkedin:hover {
   background-image: url('/images/icons/linkedin_circle.png');
}

.link-twitter:hover {
   background-image: url('/images/icons/twitter_circle.png');
}

.link-instagram {
   margin-top: -17px;
   width: 40px;
   height: 40px;
   background-image: url('/images/icons/instagram_circle_black.png');
   background-attachment: scroll;
   background-repeat: no-repeat;
   background-size: contain;
}

.link-instagram:hover {
   background-image: url('/images/icons/instagram_circle.png');
}

.home_content {
   font-size: 19px;
   text-shadow: #0418F4 1px 0px 0px;
   text-align: center;
}

.home_content li {
   font-size: 18px;
   color: #0004F2;
   text-align: left;
}

.home_content li a:link {
}

.alert_news {
   font-size: 15px;
   color: #0068F2;
   text-align: center;
   align-content: center;
}

.alert_news a:link {
   color: #110300 !important;
}

.alert_news a:visited {
   color: #140D00 !important;
   align-content: center;
}

.breeze_btn {
   font-family: Arial Black;
   font-size: 16px;
   padding-top: 0px;
   padding-bottom: 0px;
   text-align: center;
   border: 5px solid #1D63AF;
   margin-right: auto;
   margin-left: auto;
   position: absolute;
   display: inline-block;
   width: 255px;
   height: 40px;
   background-image: url('/images/breeze_btn4.jpg');
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
   content: normal;
}

.breeze_btn_header {
   font-family: Arial Black;
   font-size: 18px;
   padding-top: 0px;
   padding-right: 10px;
   padding-bottom: 0px;
   padding-left: 10px;
   text-align: center;
   border: 5px solid #1D63AF;
   margin-right: auto;
   margin-left: auto;
   position: absolute;
   top: 10px;
   display: inline-block;
   width: 255px;
   height: 40px;
   background-image: url('/images/breeze_btn4.jpg');
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
   content: normal;
}

.breeze_btn a:hover {
   color: #58D7D6;
}

#logo {
   position: absolute;
   left: 10px;
   top: 5px;
   width: 40px;
}

#webmail_links {
   position: absolute;
   left: 10px;
   display: none;
}

.mobile_line_break {
   margin-left: 50px;
   display: inline;
}

.here_btn {
   font-family: Arial Black;
   padding-bottom: 30px;
   text-align: center;
   background-color: #84E26A;
   display: inline-block;
   width: 100px;
   height: 19px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
}

#hosting_links {
   position: absolute;
   left: 115px;
   display: none;
}

#cust_links {
   font-family: Arial;
   font-size: 0.80em;
   position: absolute;
   left: 430px;
   top: 10px;
}

#cust_links a:link {
   color: #FFF;
   text-decoration: none;
}

#cust_links a:visited {
   color: #FFF;
   text-decoration: none;
}

#cust_links a:hover {
   color: #FFF;
   text-decoration: underline;
}

#cust_links a:active {
   color: #FEE;
   text-decoration: underline;
}

#domain {
   width: 300px;
   clear: right;
}

.tabs {
   font-family: Arial Black;
   font-size: 1.00em;
   vertical-align: text-top;
   background-color: #FCE0B8;
   top: 40px;
   display: inline-block;
   width: 155px;
   height: 90px;
}

#ppl_sds {
   font-family: Arial;
   position: absolute;
   top: 60vh;
   right: 2em;
   z-index: 4;
   width: 50vw;
   height: 30vh;
   background-image: url('/images/bg-test2.svg');
   background-repeat: no-repeat;
   background-position: top right;
   background-size: contain;
}

#tagline {
   font-family: Gabriola, Algerian;
   font-size: 1.70em;
   color: #ffffff;
   text-shadow: 0px 0px 0px;
   text-align: left;
   position: absolute;
   display: block;
   text-indent: 2em;
}

#tile_00 {
   font-family: Arial;
   font-size: 1.00em;
   padding-top: 1em;
   padding-bottom: 1em;
   position: relative;
   z-index: 3;
   display: -webkit-flex;
   display: flex;
   width: 80vw;
   max-height: 100vh;
   -webkit-flex-wrap: inherit;
   flex-wrap: inherit;
}

#tile_07 {
   background-color: #BCBCBC;
   border: none;
   position: relative;
   left: 15%;
   bottom: 0.3%;
   z-index: 4;
   float: left;
   width: 15%;
   height: 15%;
   max-height: 21vw;
   border-top-left-radius: 0.3em;
   border-top-right-radius: 0.3em;
   border-bottom-right-radius: 0.3em;
   border-bottom-left-radius: 0.3em;
}

#tile_08 {
   background-color: #BCBCBC;
   border: none;
   position: relative;
   left: 25%;
   bottom: 0.3%;
   z-index: 4;
   width: 15%;
   height: 15%;
   max-height: 20vw;
   border-top-left-radius: 0.3em;
   border-top-right-radius: 0.3em;
   border-bottom-right-radius: 0.3em;
   border-bottom-left-radius: 0.3em;
}

#tile_09 {
   background-color: #BCBCBC;
   border: none;
   position: relative;
   left: 35%;
   bottom: 0.3%;
   z-index: 4;
   width: 15%;
   height: 15%;
   max-height: 20vw;
   border-top-left-radius: 0.3em;
   border-top-right-radius: 0.3em;
   border-bottom-right-radius: 0.3em;
   border-bottom-left-radius: 0.3em;
}

.ppl_sds {
   margin-top: 0.5em;
   margin-right: 0.5em;
   margin-left: 0.5em;
   margin-bottom: 0.5em;
   position: relative;
   z-index: 5;
   float: right;
   height: 95%;
   border-top-left-radius: 1em;
   border-top-right-radius: 1em;
   border-bottom-right-radius: 1em;
   border-bottom-left-radius: 1em;
}

#tile_07z {
   font-size: 1.00em;
   padding-right: 0.5em;
   padding-left: 0.5em;
   text-shadow: #ffffff 0px 0px 3px;
   line-height: 1.7em;
   text-align: center;
   position: absolute;
   left: 15%;
   z-index: 5;
   width: 15%;
   height: 15%;
}

#tile_08z {
   font-size: 1.00em;
   padding-right: 0.5em;
   padding-left: 0.5em;
   text-shadow: #ffffff 0px 0px 3px;
   line-height: 1.7em;
   text-align: center;
   position: absolute;
   left: 40%;
   z-index: 5;
   width: 15%;
   height: 15%;
}

#tile_09z {
   font-size: 1.00em;
   padding-right: 0.5em;
   padding-left: 0.5em;
   text-shadow: #ffffff 0px 0px 3px;
   text-align: center;
   position: absolute;
   left: 70%;
   z-index: 5;
}

.sds_cart {
   width: 20vw;
   height: 12vh;
   background-image: url('/images/SDS-cart.svg');
   background-repeat: no-repeat;
   background-size: contain;
}

.copyright {
   font-family: Arial;
   font-size: 0.80em;
   color: #ffffff;
   margin-top: 10em;
   margin-right: 3em;
   float: right;
}

.first_col {
   font-weight: bold;
   text-align: left;
}

.small_txt {
   font-size: 11px;
}

#background {
   position: fixed;
   left: 0em;
   top: 0em;
   right: 0em;
   bottom: 0em;
   z-index: -500;
   display: -webkit-flex;
   display: flex;
   width: 100vw;
   height: 100vh;
   background-image: url('/images/wave.jpg');
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position: top left;
   background-size: 100vw 100vh;
}

#app_content {
   font-family: Arial;
   font-size: 1.30em;
   color: #000000;
   margin-left: 10vw;
   position: relative;
   left: 5em;
   right: 5em;
   width: 55%;
}

#app_element {
   filter: alpha(opacity=70);
   -moz-opacity: 70%;
   opacity: 0.7;
   position: absolute;
   left: 10vw;
   top: 35vh;
   z-index: 2;
   width: 80vw;
   height: 40vh;
   background-image: url('/images/apps.svg');
   background-repeat: no-repeat;
   background-size: contain;
}

.add_to_cart {
   background-color: #E7EA3A !important;
}

.alpha_layer {
   padding-right: 20px;
   padding-bottom: 20px;
   padding-left: 20px;
   text-align: left;
   background: rgba(255, 255, 255, 0.6);
   margin-top: 50px;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 50px;
   z-index: -1;
   width: 60%;
   height: 100%;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   border-bottom-left-radius: 20px;
}

.contact_btn {
   border: 5px solid #0034F2;
}

.update_cart {
   font-family: Arial Black;
   font-size: 10px;
   text-align: center;
}

#breeze_wowza {
   position: absolute;
   right: 10vw;
   bottom: 10vh;
   z-index: 4;
   float: right;
   width: 15vw;
   border-top-left-radius: 0.3em;
   border-top-right-radius: 0.3em;
   border-bottom-right-radius: 0.3em;
   border-bottom-left-radius: 0.3em;
}

#call_caption {
   font-family: Condiment;
   font-size: 1.00em;
   color: #0a2c6b;
   position: fixed;
   top: 47vh;
   right: 20em;
   z-index: 4;
   width: 10em;
   content: 'Call Us!';
}

#contact_info {
   font-family: Arial;
   font-size: 0.60em;
   color: #000000;
   position: absolute;
   right: 1em;
   bottom: 0.5%;
   z-index: 4;
   float: right;
}

#header_title {
   font-family: Gabriola, Yellowtail;
   font-size: 2.50em;
   color: #ffffff;
   font-weight: normal;
   text-decoration: none;
   margin-left: 1em;
   position: relative;
}

#about_content {
   font-family: Arial;
   font-size: 1.70em;
   color: #000000;
   margin-left: 10vw;
   position: relative;
   left: 5em;
   right: 5em;
   z-index: 4;
   width: 55vw;
}

#cloud_content {
   font-family: Arial;
   font-size: 1.30em;
   color: #000000;
   margin-left: 10vw;
   position: relative;
   left: 5em;
   right: 5em;
   z-index: 4;
   width: 55vw;
}

#cloud_element {
   filter: alpha(opacity=80);
   -moz-opacity: 80%;
   opacity: 0.8;
   position: absolute;
   left: 20vw;
   top: 15vh;
   z-index: 2;
   float: right;
   width: 80vw;
   height: 80vh;
   background-image: url('/images/cloud-storage.svg');
   background-repeat: no-repeat;
   background-size: contain;
}

#index_content {
   font-family: Arial;
   font-size: 1.70em;
   color: #000000;
   margin-left: 10vw;
   position: relative;
   left: 5em;
   right: 5em;
   z-index: 4;
   width: 55vw;
   visibility: visible;
}

.alpha_layer_1 {
   padding-right: 20px;
   padding-bottom: 20px;
   padding-left: 20px;
   text-align: left;
   background: rgba(225, 244, 244, 0.65);
   margin-top: 30px;
   margin-right: 20%;
   margin-left: 18%;
   margin-bottom: 30px;
   top: 85px;
   z-index: -1;
   width: 62%;
   height: 120%;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   border-bottom-left-radius: 20px;
}

.alpha_layer_2 {
   padding-right: 20px;
   padding-bottom: 20px;
   padding-left: 20px;
   text-align: left;
   background: rgba(255, 255, 255, 0.3);
   margin-top: 50px;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 0px;
   top: 85px;
   z-index: -1;
   width: 80%;
   height: 100%;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   border-bottom-left-radius: 20px;
}

.alpha_layer_3 {
   padding-right: 20px;
   padding-bottom: 20px;
   padding-left: 20px;
   background: rgba(0, 197, 204, 0.5);
   margin-top: 50px;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 50px;
   left: 100px;
   top: 85px;
   z-index: -90;
   width: 62%;
   height: 50%;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   border-bottom-left-radius: 20px;
}

.portfolio_ent {
   margin-top: 1em;
   margin-right: 1.5em;
   margin-left: 1.5em;
   margin-bottom: 1em;
   position: relative;
   z-index: 5;
   display: inline;
   width: 13vw;
   border-top-left-radius: 1em;
   border-top-right-radius: 1em;
   border-bottom-right-radius: 1em;
   border-bottom-left-radius: 1em;
   -webkit-transition-property: width, height;
   transition-property: width, height;
   -webkit-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;
   -webkit-transition-duration: 2s;
   transition-duration: 2s;
}

.sds_cart_desc {
   font-weight: bold;
   position: absolute;
   right: 110px;
   bottom: 5%;
}

#breeze_content {
   font-family: Arial;
   font-size: 1.20em;
   color: #000000;
   margin-left: 10vw;
   position: relative;
   left: 5em;
   right: 5em;
   z-index: 4;
   width: 55vw;
   list-style-type: circle;
}

#design_content {
   font-family: Arial;
   font-size: 1.30em;
   color: #000000;
   margin-left: 10vw;
   position: relative;
   left: 5em;
   right: 5em;
   z-index: 4;
   width: 55vw;
}

#design_element {
   filter: alpha(opacity=70);
   -moz-opacity: 70%;
   opacity: 0.7;
   position: absolute;
   top: 6vh;
   right: 5vw;
   z-index: 3;
   float: right;
   width: 40vw;
   height: 90vh;
   background-image: url('/images/ideas.svg');
   background-repeat: no-repeat;
   background-size: contain;
}

.banded_content {
   background: rgba(186, 239, 221, 0.55);
   position: absolute;
   left: 0vw;
   top: 12vh;
   right: 0vw;
   z-index: 5;
   width: 100vw;
}

.domains_header {
   font-family: Arial;
   font-size: 50px;
   color: #000055;
   padding-top: 50px;
   font-weight: bolder;
   text-shadow: #1D63AF 0px 0px 0px;
   text-align: center;
   margin-top: 50px;
}

.tabs_two_words {
   font-family: Arial Black;
   font-size: 1.00em;
   text-align: center;
   vertical-align: text-top;
   background-color: #FCE0B8;
   top: 20%;
   display: inline-block;
   width: 155px;
   height: 90px;
}

#dolphin_element {
   filter: alpha(opacity=30);
   -moz-opacity: 30%;
   opacity: 0.3;
   position: absolute;
   left: 1%;
   top: 0.2em;
   z-index: -100;
   width: 99%;
   height: 99%;
   background-image: url('/images/dolphin_1.svg');
   background-repeat: no-repeat;
   background-size: contain;
}

#hosting_content {
   font-family: Arial;
   font-size: 1.30em;
   color: #000000;
   margin-left: 10vw;
   position: relative;
   left: 5em;
   right: 5em;
   z-index: 4;
   width: 60vw;
}

#support_content {
   font-family: Arial;
   font-size: 1.70em;
   color: #000000;
   margin-left: 10vw;
   position: relative;
   left: 5em;
   right: 5em;
   z-index: 4;
   width: 55vw;
}

#website_element {
   filter: alpha(opacity=70);
   -moz-opacity: 70%;
   opacity: 0.7;
   position: absolute;
   left: 10vw;
   top: 35vh;
   z-index: 2;
   width: 80vw;
   height: 40vh;
   background-image: url('/images/website.svg');
   background-repeat: no-repeat;
   background-size: contain;
}

.alpha_layer_pic {
   width: 1400px;
   height: 1000px;
   background-image: url('/images/gd_back_1557001592.jpeg');
}

.hosting_pricing {
   font-family: Arial;
   color: #000000;
   padding-top: 0px;
   background-color: #EDF2F1;
   filter: alpha(opacity=90);
   -moz-opacity: 90%;
   opacity: 0.9;
   margin-top: 10px;
   margin-right: auto;
   margin-left: auto;
   width: 75vw;
   height: 500px !important;
   -webkit-flex-shrink: 0;
   flex-shrink: 0;
}

.hosting_special {
   font-weight: bold;
}

#breeze_logo-grey {
   filter: alpha(opacity=80);
   -moz-opacity: 80%;
   opacity: 0.8;
   position: absolute;
   top: 10vh;
   right: 1vw;
   z-index: -1;
   float: right;
   width: 50vw;
   height: 70vh;
   background-image: url('/images/Breeze-logo_grey_no-text.svg');
   background-repeat: no-repeat;
   background-size: contain;
}

#websites_content {
   font-family: Arial;
   font-size: 1.30em;
   color: #000000;
   margin-left: 10vw;
   position: relative;
   left: 5em;
   right: 5em;
   z-index: 4;
   width: 55vw;
}

.hosting_features {
   font-family: Arial;
   padding-bottom: 6.5em;
   letter-spacing: normal;
   text-align: left;
   position: relative;
   max-width: 0px;
   list-style-type: none;
   box-shadow: 0px -1000000px;
   text-indent: 0px;
}

.hosting_software {
   font-family: Arial;
   background-color: #E1F4ED;
   position: relative;
   z-index: 4;
   float: right;
   width: 100%;
   list-style-type: none;
}

#marketing_content {
   font-family: Arial;
   font-size: 1.30em;
   color: #000000;
   margin-left: 10vh;
   position: relative;
   left: 5em;
   right: 5em;
   width: 55%;
}

#portfolio_content {
   font-family: Arial;
   font-size: 1.30em;
   color: #000000;
   margin-left: 10vw;
   position: relative;
   left: 5em;
   right: 5em;
   z-index: 4;
   width: 55vw;
}

.sds_cart_contents {
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 10%;
   position: absolute;
   left: 15%;
   top: 15%;
}

#contactform_content {
   position: absolute;
   top: 15vh;
   right: 0em;
   z-index: 4;
   width: 75vw;
}

.header_title_suffix {
   font-size: 0.50em;
}

.alpha_layer_home_btns {
   text-align: center;
   background: rgba(225, 244, 244, 1);
   margin-bottom: 950px;
   position: relative;
   top: 150px;
   display: block;
   width: 100%;
   height: 100%;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   border-bottom-left-radius: 20px;
}

.hosting_special_small {
   font-size: 0.80em;
   text-align: left;
}

.breeze_btn_header a:link {
   color: #FFFEFC;
}

.breeze_btn_header a:hover {
   color: #007D82;
}

.hosting_features_container {
   background-color: #FCE0B8;
}

.breeze_btn_header a:visited {
   color: #110072;
}

#tile_09z h4 {
   font-size: 2.00em;
   color: #910000;
   font-weight: bold;
   text-shadow: #ffffff 0px 0px 4px;
   line-height: 1em;
   text-align: center;
   position: absolute;
   left: -3em;
   bottom: -2.5em;
}

.hosting_pricing td {
   background-color: #FCE0B8;
   margin-bottom: 0px;
}

.hosting_features td {
   border: 2px solid #E1F4ED;
   border-collapse: collapse;
}

.hosting_features th {
   font-family: Arial Black;
   font-size: 1.20em;
   text-shadow: #ffffff 0px 0px 3px;
   text-align: center;
   border: 2px solid #E1F4ED;
   width: 100%;
   max-width: 0px;
   box-shadow: 0px -1000000px;
   text-indent: 0px;
}

.hosting_software td {
   text-align: left;
}

.hosting_software th {
   font-family: Condiment;
   font-size: 1.20em;
   text-shadow: #ffffff 0px 0px 3px;
   text-align: center;
   background-color: #3F7C93;
   max-width: 0px;
   box-shadow: 0px -1000000px;
   text-indent: 0px;
}

#breeze_content a:link {
   color: #0D2054;
}

.hosting_pricing tbody {
   text-align: left;
   background-color: #FCE0B8;
   margin-bottom: 0px;
   box-shadow: 0px -1000000px;
}

.hosting_special_small a:link {
   color: #1F6800;
   font-weight: bold;
   font-variant: small-caps;
   white-space: nowrap;
}

#breeze_content a:visited {
   color: #0D2054;
}

.hosting_pricing tbody th {
   font-family: Arial;
   font-size: 16px;
   padding-right: 4px;
   padding-left: 4px;
   text-shadow: 0px 0px 0px;
   text-align: left;
   background: rgba(244, 167, 95, 0.9);
   margin-right: 1px;
   margin-left: 1px;
   white-space: nowrap;
   box-shadow: 0px -1000000px;
   text-indent: 0px;
}

.hosting_special_small a:visited {
   color: #00440A;
   font-variant: small-caps;
   white-space: nowrap;
}

#breeze_content a:hover {
   color: #0D2054;
   text-shadow: #ffffff 2px 2px 3px;
}

.hosting_special_small a:hover {
   color: #98AF00;
   font-weight: bold;
   font-variant: small-caps;
   white-space: nowrap;
}

.hosting_special_small a:active {
   color: #1F6800;
   font-weight: bold;
   font-variant: small-caps;
   white-space: nowrap;
}

.tab {
   margin-left: 150px;
   width: 1730px;
   height: 90px !important;
}

.hostplan {
   background: rgba(252, 224, 184, 0.6) !important;
   position: absolute;
   top: 48vh;
   z-index: 7;
   overflow: auto;
   display: inline-block;
   width: 45%;
   height: 40%;
}

.plan_content {
   margin-left: 135px;
}

#wrap {
   padding-bottom: 150px;
   display: block;
   width: 100%;
}

.howtotitle {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.40em;
   font-weight: bold;
}

#content_div {
   margin-right: auto;
   margin-left: auto;
   display: block;
   width: 100%;
}

#content_div p {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.60em;
   color: #000055;
}

#content_div h1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 2.30em;
   color: #005;
}

#content_div h2 {
   font-family: Arial;
   font-size: 2.15em;
   color: #0D2054;
}

#content_div h3 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 2.20em;
   color: #005;
}

#content_div h4 {
   font-family: Arial Black, Helvetica, sans-serif;
   font-size: 2.10em;
   color: #000200;
}

#content_div li {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.50em;
   color: #005;
}

#content_div td {
   font-family: Arial, Helvetica, sans-serif;
   color: #005;
}

.content_div h6 {
   font-family: Arial Black;
   font-size: 2px;
}

#content_div a:link {
   color: #0a2c6b;
   text-decoration: none;
}

#content_div a:hover {
   color: #0a2c6b;
   text-decoration: underline;
   text-shadow: #00bb00 0px 0px 3px;
}

#content_div a:active {
   color: #0b3d7c;
   text-decoration: underline;
}

#content_div a:visited {
   color: #0a2c6b;
   text-decoration: none;
}

.content_div h5 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 2.15em;
   color: #0D2054;
   text-shadow: #ffffff 2px 2px 0px;
}

#top_td {
   background-color: #122F6B;
   position: fixed;
   left: 0em;
   top: 0em;
   right: 0em;
   z-index: 6;
   width: 100%;
   height: 3em;
   visibility: visible;
   -webkit-transition-property: height;
   transition-property: height;
   -webkit-transition-timing-function: ease-in;
   transition-timing-function: ease-in;
   -webkit-transition-duration: 5s;
   transition-duration: 5s;
    -webkit-transition-delay: 1s;
   transition-delay: 1s;
}

#top_div {
   background-color: #122F6B;
   position: fixed;
   left: 0em;
   top: 0em;
   right: 0em;
   z-index: 6;
   width: 100%;
   height: 3em;
   visibility: visible;
   -webkit-transition-property: height;
   transition-property: height;
   -webkit-transition-timing-function: ease-in;
   transition-timing-function: ease-in;
   -webkit-transition-duration: 4s;
   transition-duration: 4s;
}

#header {
   background: -webkit-linear-gradient(90deg, rgba(10, 44, 107, 1), rgba(22, 196, 179, 0));
   background: -o-linear-gradient(90deg, rgba(10, 44, 107, 1), rgba(22, 196, 179, 0));
   background: -moz-linear-gradient(90deg, rgba(10, 44, 107, 1), rgba(22, 196, 179, 0));
   background: linear-gradient(90deg, rgba(10, 44, 107, 1), rgba(22, 196, 179, 0));
}

#footer {
   background-color: #122F6B;
   position: fixed;
   left: 0px;
   bottom: 0px;
   z-index: 3;
   width: 100vw;
   height: 160px;
   visibility: visible;
   background: -webkit-linear-gradient(90deg, rgba(10, 44, 107, 1), rgba(22, 196, 179, 0.7));
   background: -o-linear-gradient(90deg, rgba(10, 44, 107, 1), rgba(22, 196, 179, 0.7));
   background: -moz-linear-gradient(90deg, rgba(10, 44, 107, 1), rgba(22, 196, 179, 0.7));
   background: linear-gradient(90deg, rgba(10, 44, 107, 1), rgba(22, 196, 179, 0.7));
}

h1 {
   font-family: Arial;
   font-size: 1px;
   color: #0D2054;
   text-shadow: #ffffff 2px 2px 2px;
   position: relative;
   top: -0.5em;
}

h2 {
   font-family: Arial;
   font-size: 1.30em;
   color: #0D2054;
}

h3 {
   font-family: Arial Black;
   font-size: 2px;
}

header {
   position: sticky;
   top: 0px;
}

footer {
   background: rgba(18, 47, 107, 0.8);
}

html {
   height: 100%;
}

#breeze_link {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   color: #CCCCCC;
   text-align: right;
   position: fixed;
   right: 360px;
   bottom: 160px;
   display: block;
   width: 100px;
}

#breeze_link a:link {
   color: #CCCCCC;
   text-decoration: none;
}

#breeze_link a:visited {
   color: #CCCCCC;
   text-decoration: none;
}

#breeze_link a:hover {
   color: #999999;
   text-decoration: underline;
}

#breeze_link a:active {
   color: #AA9999;
   text-decoration: underline;
}

/* portfolio effects */
.portfolio_ent:hover {
  position: relative;
  z-index: 6;
  width: 25vw;
}
#slideshow .slides li p::first-line {
  font-family: Arial Black;
  margin-bottom: 1.5em;
}
.sds_cart {
  font-family: Ariel, sans-serif;
  z-index:10;
  background-color: rgba(244, 167, 95, .9);
  position:absolute;
  float:right;
  width: 5em;
  padding:1em;
  margin:1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -o-border-radius: 1em;
  border-radius: 1em;
  padding: 6px 12px;
  border-top: none;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}
.hostplan {
  font-family: Ariel, sans-serif;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -o-border-radius: 1em;
  border-radius: 1em;
  display: none;
  padding: 6px 12px;
  border-top: none;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
  min-height: 300px;
}
.hostplan button.add-to-cart, button.buydom {
  background-color: rgba(252, 244, 176,.9);
  font-size: 1em;
  -webkit-border-radius: .5em;
  border-radius: .5em;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 1em 2em;
  margin: .5em;
}
button.add-to-cart:hover, button.buydom:hover {
  background-color: rgba(244, 167, 95, .9);
}
.hostplan button.upgrade {
  -webkit-border-top-left-radius: 30em;
  -webkit-border-bottom-right-radius: 30em;
  -webkit-border-top-right-radius: 2em;
  -webkit-border-bottom-left-radius: 2em;
  background-color: rgba(252, 244, 176,.9);
  font-size: 1em;
  border-top-left-radius: 30em;
  border-bottom-right-radius: 30em;
  border-top-right-radius: 2em;
  border-bottom-left-radius: 2em;
  float: right;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 3em 4em;
}
button.upgrade:hover {
  background-color: rgba(244, 167, 95, .9);
}
div.tab button {
  -webkit-border-radius: .2em;
  border-radius: .2em;
  border: 1px solid #aaa;
  background-color: #FFBB99
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
}
div.tab button:hover {
  background-color: rgba(244, 167, 95, .9);
}
div.tab button.active {
  background-color: rgba(244, 167, 95, .9);
}
@-webkit-keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}
.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}
@media (max-width: 767px) {
  .fullscreen-bg {
    background: url('../img/videoframe.jpg') center center / cover no-repeat;
  }
  .fullscreen-bg__video {
    display: none;
  }
}
/*****************************/
@media (max-width: 1599px) {
  .menu_div1	{ 	  }
  header, #header	{	height: 100px;	}

  }
}

@media (min-width: 1600px) {


}

