html,
body {
    height: 100%;
}

@font-face {
    font-family: "Avenio";
    src:url("./Fonts/Avenir.ttc");
    src:url("./Fonts/AvenirLTStd-Medium.otf");
}

@font-face{
    font-family: "Avenio_Black";
    src:url("./Fonts/AvenirLTStd-Black.otf");
}

body {
    background-color: #fff!important;
    background-image: none;
}

body {
    font-family: "Avenio", sans-serif;
    background: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #7a7a7a;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0px;
    margin-top: 0px;
    font-family: "Avenio", sans-serif;
    font-weight: 700;
}

h3 {
    font-size: 26px;
    line-height: 35px;
    font-weight: 700;
}

h4.heading-10 {
    margin-top: -13px;
    color: #888;
}
/*Spacings Used Within the Platform*/
.space-80 {
    width: 100%;
    height: 80px;
}

.space-60 {
    width: 100%;
    height: 60px;
}

.space-40 {
    width: 100%;
    height: 40px;
}

.space-20 {
    width: 100%;
    height: 20px;

}

/*Section Titles Placeholders*/
.section-title span {
    padding: 0 10px;
    background-color: #fff;
}

.section-title span {
    color: #3498DB;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Navbar Section*/
.navbar-inverse.navbar-transparent {
    border: 0px;
    /* Unhighight Bottom Portion for Transparent Background: WARNING: MIGHT BE HARD TO SEE NAVBAR TEXT */
    /* background-color: transparent;
    background-color: rgba(255, 255, 255, 0); */
    background-color: rgba(52, 152, 219, 0.87);
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.navbar {
    padding-top: 10px;
}

.navbar.animate {
    border: 0px;
    background-color: black;
    padding-top: 0px;
    /*If transparent, return this color code*/
    /*background-color: rgba(0, 0, 0, .85);*/
    background-color: rgba(46, 134, 193, 0.87);
    padding: 10px 0;
}

.navbar-brand {
    float: left;
    height: auto;
    padding: 0px 15px;
}

.navbar-nav > li > a {
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
    margin-right: 10px;
    padding-left: 1px;
    padding-right: 1px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF;
    font-family: "Avenio_Black", sans-serif;
    font-weight: bold;
    text-transform: ;
    font-size: 14px;
    margin: 0 15px;
    @padding: 15px 0;
    margin-bottom: 10px;
    border-bottom: 3px solid transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
    color: #000080;
    background-color: transparent;
    border-bottom: 3px solid #3498DB;
}

.navbar-right {
    margin-right: 0px;
}

#leftnav,
#rightnav {

    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .15);

}

#leftnav {
    width: 400px;
    float: left;
    text-align: left;
}

#rightnav {
    width: 400px;
    float: right;
    text-align: right;
}


#leftnav > li,
#rightnav > li {
    float: none;
    display: inline-block;
}

#leftnav li:first-child a,
#rightnav li:first-child a {
    margin-left: 0;
}

#leftnav li:last-child a,
#rightnav li:last-child a {
    margin-right: 0;
}

.animate #leftnav,
.animate #rightnav {
    border-bottom: none !important;

}

@media only screen and (max-width: 760px),
    (min-device-width: 768px) and (max-device-width: 1024px) {
         #Main_Logo{
            height: 65%;
            width: auto;
        }
        
        #leftnav,#rightnav{
            float: inherit;
            text-align: center;
        }
}

/*Stock Main Image Before Animation*/
.navbar-brand img {
    background-color: transparent;
    width: 70px;
    height: auto;
    transition: all 0.4s ease;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    display: block;
    text-align: center;
}

/*Main Image After Scroll Effect*/
.animate .navbar-brand img {
    width: 80px;
    height: auto;
}

.navbar {
    padding-top: 20px;
}

/*Dropdown Menu for Navbar Sections*/
.dropdown .dropbtn {
    font-size: 15px;    
    border: none;
    outline: none;
    color: #ccc;
    font-weight: bold;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: indianred;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.alert{
    color: red;
}

.alert2{
    color: #000;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Intro Section*/
.header-full-screen {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.header-full-screen h1 {
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-weight: 700;
    padding: 10px 0;
}

.header-full-screen h2 {
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-weight: 200;
}

.header-full-screen p {
    color: #fff;
    opacity: 0.9;
}

.background-1 {
    background: no-repeat center center;
    background-color: black;
    background-size: cover;
    background-attachment: fixed;
    background-position: 0 0;
}

.absolute_full {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

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

.vertical-middle {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

#intro h1 {
    font-size: 45px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    font-weight: bold;
}

#intro h2 {
    font-size: 25px;
    text-transform: capitalize;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.special-link {
    color: #7a7a7a
}

.special-link:hover p {
    color: #7a7a7a
}

.register-now {
    padding: 15px 35px;
    font-size: 20px;
    margin-top: 30px;
    text-transform: uppercase;
    background-color: #3498DB;
    border-color: #3498DB;
    transition: all .3s ease;
}

.register-now:hover {
    padding: 15px 35px;
    font-size: 20px;
    margin-top: 30px;
    text-transform: uppercase;
    background-color: #000;
    border-color: #000;
    color: royalblue;
}

.register-button {
    margin: 20px 0;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*About Us Section*/

.main-event-section {
    background-color: #3498DB;
    background-image: url(images/custom_patterns/pattern.png);
    background-repeat: repeat;
    color: #fff;
    text-align: center;

}

.main-event-section h2 {
    font-size: 35px;
    color: #fff;
}

.main-event-section p {
    font-size: 18px;
    line-height: 33px;
    margin-bottom: 18px;
}

.main-event-links {
    margin-top: 40px;
    font-size: 10px;
}

.main-event-text-holder {
    background: rgba(255, 0, 0, .8);
    color: #fff;
    width: 73px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 5px;
    position: absolute;
    top: 0px;
    left: 20px;
    padding-bottom: 5px;
}

.main-event-text-holder .month {
    font-size: 17px;
    font-weight: bold;
    display: block;
}

.main-event-text-holder .year {
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-top: -6px;
}

.event-item a:hover,
.main-event-section a:hover {
    text-decoration: none;
}

.event-item-picture,
.main-event-holder {
    overflow: hidden;
    position: relative;
}

.main-event-section h3 {
    color: #fff;
}

.directions {
    color: #fff;
    margin: 15px 0;
    /* padding: 40px 0; */
    display: block;
}

.email{
    color: #000;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Photo Slider Section*/

.photo-slider-section {
    background-color: #222;
    background-image: url(images/custom_patterns/pattern.png);
    background-repeat: repeat;
    color: #fff;
    text-align: center;
}

.fotorama__nav__frame {
    opacity: .4;
    transition: all 1s ease;
}

.fotorama__nav-wrap {
    position: absolute!important;
    bottom: 23px;
}

.fotorama__nav-wrap:hover .fotorama__nav__frame,
.fotorama__active {
    opacity: 1;
}

.fotorama__thumb-border {
    border: 1px solid #f05023
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.brand-curosel-3.owl-theme .owl-controls {
    margin-top: 12px;
    text-align: center;
}


.brand-curosel-3.owl-theme .owl-controls {
    text-align: center;
}

.brand-curosel-3.owl-theme .owl-dots .owl-dot {
    display: inline-block;
}

.brand-curosel-3.owl-theme .owl-dots .owl-dot.active span,
.brand-curosel-3.owl-theme .owl-dots .owl-dot:hover span {
    background: #666;
}

.brand-curosel-3.owl-theme .owl-dots .owl-dot.active span {
    width: 25px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out 0s;
}

.brand-curosel-3.owl-theme .owl-dots .owl-dot span {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 10px;
    margin: 5px 7px;
    transition: opacity 200ms ease 0s;
    width: 10px;
}

.owl-item .col-sm-3 {
    width: 100%;
}

.owl-nav {
    width: 100%;
    height: 0;
    position: absolute;
    top: 50%;
}

.owl-prev {
    float: left;
    background-color: transparent;
}

.owl-next {
    float: right;
    background-color: transparent;
}

.owl-next .glyphicon {
    padding-left: 10px;
}

.owl-prev .glyphicon {
    padding-right: 10px;
}


.owl-next,
.owl-prev {
    background-color: rgba(255, 255, 255, .2)!important;
    color: rgb(204, 204, 204)!important;
}

.owl-next:hover,
.owl-prev:hover {
    background-color: rgba(255, 255, 255, .2)!important;
    color: #31b9f8!important;
}


.owl-dot .active {
    color: #31b9f8!important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #31b9f8!important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Stuff We Section*/

.stuff-we-section {
    font-weight: bold;
    background-image: url(images/custom_patterns/pattern_stars.jpg);
    background-repeat: repeat;
    text-align: center;
}

.events-section-title {
    text-align: center;
}

.section-title {
    text-align: center;
    background-color: #efefef;
}

.goodies li {
    font-size: 24px;
    margin-bottom: 10px;
}

/*Table Section on Age Categories*/
.table {
    text-align: left;
    width: 300px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 16px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Race Info Section*/

.race-info-section {
    background-color: #444;
    line-height: 26px;
    color: #fff;
    background-color: #222;
    background-image: url(images/custom_patterns/pattern.png);
}

.race-info-section h2 {
    color: #fff;
}

.race-info-section p {
    font-size: 24px;
}


.race-info-section a {
    color: #fff;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Prices Section*/
.pricing-details {
    margin-left: -15px;
}

.single-plan {
    overflow: hidden;
    text-align: center;
    @margin-left: 23px;
    transition: all 0.3s ease 0s;
}

.single-container:hover .single-plan {
    @box-shadow: 0px 0px 10px rgba(0,
    0,
    0,
    0.1);
}

.single-plan {
    width: 100%;
    margin-bottom: 40px;
}

.single-plan p {
    color: #999999;
    display: block;
    margin: 0 10px 10px;
}

.plan-inner {
    border: 1px solid #ddd;
    margin-left: 15px;
    border-radius: 20px;
    overflow: auto;
}

.plan-inner p {
    font-size: 12px;
    text-decoration: italic;
}

.plan-name {
    background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
    font-size: 1.3em;
    margin-bottom: 15px;
    padding: 20px 0;
}

.plan-options ul li span.plan-border {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    margin-bottom: -3px;
    padding-bottom: 2px;
}

.plan-options ul li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.plan-options ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 15px;
    padding: 0.5em 0.2em;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Race Day Section*/

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Packet Pick-Up Section*/

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Event Day Parking Section*/
.zoom {
    padding: 50px;
    transition: transform .2s; /* Animation */
    width: 350px;
    height: 350px;
    margin: 0 auto;
}

.zoom:hover {
    transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Main Sponsor Logo Section*/

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Sponsorship Logo Section*/
.partners-logos * {
    margin: 10px auto;
}

.partner_logo img {
    opacity: 1;
    transition: all 0.3s ease 0s;
}

.partner_logo:hover img {
    opacity: 1;
}

.partner2_logo img {
    opacity: .3;
    transition: all 0.3s ease 0s;
}

.partner2_logo:hover img {
    opacity: 1;
}

.partners-logos-1 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #7a7a7a;
}

/*--------------------------------------------------*/
/*Sponsor Hover for Partners Section*/
#tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #3498DB;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    
    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;
}

#tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/*--------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Contact Us Section*/
.contact-us-section {
    position: relative;
    background: url("images/custom_patterns/pattern.png") repeat;

    padding-bottom: 40px;

}

.contact-us-section a,
.contact-us-section h2,
.contact-us-section h4 {
    color: #fff;
}

.contact-us-section {
    line-height: 26px;
    color: #fff;
    background-color: #3498DB;
    background-image: url(images/custom_patterns/pattern.png);
}

.postcard-box {
    border-right: 1px solid #fff;
}

.view-event-postcard .btn-animated {
    font-size: 14px;
    padding: 6px 7px 7px 18px !important;
    font-weight: bold;
}

.view-event-postcard i {
    line-height: 27px
}

.postcards {
    overflow: hidden;
    position: relative;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: #fff;
}

.postcards img {
    width: 100%;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.postcards:hover .expand {
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    filter: blur(2px);
}

.postcard-event {
    color: #fff;
}

.postcard-views a {
    text-decoration: none;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Scroll To Top CSS*/
.scrollToTop {
    text-align: center;
    font-size: 40px;
    background: transparent;
    font-weight: bold;
    color: #12baf8;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999999;
    display: none;
    opacity: 0.5;
    line-height: 0px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.scrollToTop {
    color: #3498DB;
}

.scrollToTop:hover {
    opacity: 1;
    color: #3498DB;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Register Us Section*/
.register-button-footer-section {
    background-color: #444;
    line-height: 26px;
    color: #fff;
    background-color: #222;
    background-image: url(images/custom_patterns/pattern.png);
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Footer Credits Section*/
.contact-section {
    background: #18191a;
    font-size: 12px;
    padding: 40px 0
}

.contact-section h4 {
    color: #fff;
}

#contact a {
    color: #3498DB;
}

#contact button {
    background-color: #3498DB;
    border-color: #3498DB;
}

#contact input {
    @background-color: #ff6600;
    border-color: #3498DB;
}

.btn-animated {
    position: relative;
    min-width: 0 !important;
    padding-left: 15px !important;
    font-weight: bold;
}

.btn-animated i {
    -webkit-transition: left 0.2s ease-in-out;
    -o-transition: left 0.2s ease-in-out;
    transition: left 0.2s ease-in-out;
    z-index: 3;
    left: 0px;
    position: absolute;
    line-height: 12px;
    top: 0;
    min-width: 12px;

}

.btn-animated:hover i {
    left: 4px;
    color: #3498DB;
}

.btn-animated:hover {
    color: #3498DB;
    text-decoration: none;
}

.view-event-card .btn-animated {
    font-size: 14px;
    padding: 6px 7px 7px 18px !important;
    font-weight: bold;
}

.view-links .btn-animated {
    font-size: 14px;
    padding: 6px 7px 7px 18px !important;
    font-weight: bold;
}

.street-box {
    display: inline-block;
}

.street-box1 {
    float: left;
    display: inline-block;
    margin-right: 4px;
}

.other-events {
    margin-bottom: 20px;
}

/*--------------------------------------------------------------------*/
/*Newletter*/
form .error {
    border-color: #e1534f;
}

form label.error {
    margin-bottom: 0px;
    margin-top: 3px;
    color: #e1534f;
    font-size: 12px;
    font-weight: 400;
    padding-left: 10px;
}

.success-content,
.error-content {
    display: none;
}

#newsletter-email {
    border-color: #337ab7;
    background-color: #333;
}

.input-group label {
    left: 0;
    bottom: -20px;
    position: absolute;
}
/*--------------------------------------------------------------------*/
/*Social Media Links*/

.social-links {
    list-style: none;
    font-size: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 0;
}

.social-links li {
    display: inline-block;
    margin: 0 5px 0 5px;
}

.social-links li a i {
    line-height: 40px;
}

.social-links li span {
    display: none;
}

.social-links li a {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;

}

.circle,
.circle li a {
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    border-radius: 100% !important;
}

.social-links:not(.animated-effect-1) li.youtube a:hover,
.colored.social-links li.youtube a,
.social-links.animated-effect-1 li.youtube a::after,
.btn.youtube {
    background-color: #b31217;
    border-color: #b31217;
    color: #ffffff;
}

.social-links:not(.animated-effect-1) li.twitter a:hover,
.colored.social-links li.twitter a,
.social-links.animated-effect-1 li.twitter a::after,
.btn.twitter {
    background-color: #55acee;
    border-color: #55acee;
    color: #ffffff;
}

.social-links:not(.animated-effect-1) li.instagram a:hover,
.colored.social-links li.instagram a,
.social-links.animated-effect-1 li.instagram a::after,
.btn.instagram {
    background-color: #517fa4;
    border-color: #517fa4;
    color: #ffffff;
}

.social-links:not(.animated-effect-1) li.facebook a:hover,
.colored.social-links li.facebook a,
.social-links.animated-effect-1 li.facebook a::after,
.btn.facebook {
    background-color: #3b5998;
    border-color: #3b5998;
    color: #ffffff;
}

.social-links.animated-effect-1 li.youtube a:hover {
    border-color: #b31217;
}

.social-links.animated-effect-1 li.facebook a:hover {
    border-color: #3b5998;
}

.social-links.animated-effect-1 li.twitter a:hover {
    border-color: #55acee;
}

.social-links.animated-effect-1 li.instagram a:hover {
    border-color: #517fa4;
}

.social-links.animated-effect-1 li.youtube a {
    border-color: #337ab7;
    color: #337ab7;
    background-color: #333;
}

.social-links.animated-effect-1 li.facebook a {
    border-color: #337ab7;
    color: #337ab7;
    background-color: #333;

}

.social-links.animated-effect-1 li.twitter a {
    border-color: #337ab7;
    color: #337ab7;
    background-color: #333;
}

.social-links.animated-effect-1 li.instagram a {
    border-color: #337ab7;
    color: #337ab7;
    background-color: #333;
}

.social-links.animated-effect-1 li a {
    -webkit-transition: color 0.4s;
    -o-transition: color 0.4s;
    transition: color 0.4s;
    position: relative;
    z-index: 1;
}

.social-links.animated-effect-1 li a:hover {
    color: #ffffff !important;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.social-links.animated-effect-1 li a:hover {
    color: #ffffff !important;
}

.social-links li a:hover {
    color: #ffffff;
    background-color: #777777;
    border-color: #777777;
}

.social-links li a:hover {
    background-color: transparent;
    border-color: #0c9ec7;
    color: #0c9ec7;
}

.social-links.animated-effect-1 li a {
    -webkit-transition: color 0.4s;
    -o-transition: color 0.4s;
    transition: color 0.4s;
    position: relative;
    z-index: 1;
}

:not(.animated-effect-1).social-links li.twitter a:hover,
.colored.social-links li.twitter a,
.social-links.animated-effect-1 li.twitter a::after,
.btn.twitter {
    background-color: #55acee;
    border-color: #55acee;
    color: #ffffff;
}

:not(.animated-effect-1).social-links li.facebook a:hover,
.colored.social-links li.facebook a,
.social-links.animated-effect-1 li.facebook a::after,
.btn.facebook {
    background-color: #3b5998;
    border-color: #3b5998;
    color: #ffffff;
}

:not(.animated-effect-1).social-links li.instagram a:hover,
.colored.social-links li.instagram a,
.social-links.animated-effect-1 li.instagram a::after,
.btn.instagram {
    background-color: #517fa4;
    border-color: #517fa4;
    color: #ffffff;

}

:not(.animated-effect-1).social-links li.youtube a:hover,
.colored.social-links li.youtube a,
.social-links.animated-effect-1 li.youtube a::after,
.btn.youtube {
    background-color: #b31217;
    border-color: #b31217;
    color: #ffffff;
}

.social-links.animated-effect-1 li a:hover::after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: -webkit-transform 0s, opacity 0.3s, background-color 0.3s;
    -moz-transition: -moz-transform 0s, opacity 0.3s, background-color 0.3s;
    transition: transform 0s, opacity 0.3s, background-color 0.3s;
}

.social-links.animated-effect-1 li a:hover {
    color: #ffffff !important;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.social-links.animated-effect-1 li a::after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    top: 0px;
    left: 0px;
    padding: 0px;
    z-index: -1;
    background-color: #09afdf;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s, background-color 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s, background-color 0.4s;
    transition: transform 0.4s, opacity 0.4s, background-color 0.4s;
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0;
    filter: alpha(opacity=0);
}

/*--------------------------------------------------------------------*/
.bottom-logo img {
    width: 160px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*Copyright Section*/

.credits-section {
    background: #000;
    font-size: 11px;
}

.credits-box {
    padding: 20px 0;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*Generic Usages Within The Page*/
.logos {
    opacity: .5;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

a {
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

dd,
dt {
    line-height: 1.42857143;
    display: inline;
    padding-right: 20px;
    font-size: 24px;
}

.small,
small {
    font-size: 75%;
}

.strong {
    font-weight: bold;
}

.data-box {
    margin-top: 20px;
    margin-bottom: 20px;
}

.section-text p {
    font-size: 18px;
    line-height: 33px;
    margin-bottom: 18px;
}
/*------------------------------------------------------------------------------------------------------------------------------------------*/
/*Unknown*/

#package_choice {
    /* font-weight: bold; */
    text-transform: capitalize;
    color: darkgray;
}

element {
    position: absolute;
    position: absolute;
    position: absolute;
}

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

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 767px) {
    /* Styles */
    .single-container {
        width: 300px;
        margin: 0 auto;
    }

    .standard-space {
        margin-top: 0;
    }
    .navbar-toggle {
        border-color: #3498DB;
    }
}