@import url('http://crucycle.com/asset/client/css/template.css') screen;
@import url(//fonts.googleapis.com/css?family=Raleway:400,100,900,800,700,600,500,200,300);
@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);
@import url('http://crucycle.com/asset/client/css/queryLoader.css');
/*
    Public Section Cru Prices
*/

html,body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: visible;
    padding: 0px;
}

body {
    overflow-y: hidden;
    height: auto;
}

div#banner {
    position: fixed;
    right: 0px;
    bottom: 25px;
    z-index: 99999;
    width: 225px;
}

#container {
    float: left;
    width: 100%;
    background: white;
    position: relative;
    min-height: 100%;
}

.ss-slides img {
    width: 100%;
}

*{
    outline: none;
    box-sizing: border-box;
}

.half_screen {
    min-height: 470px !important;
}

._ampersand {
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    font-size: 45px;
    color: #696969;
}

.modal-header h3 {
    text-transform: uppercase;
    text-align: center;
}

div#groupPack {
    height: 521px;
    top: 50%;
    min-width: 768px;
    margin-left: -384px;
    margin-top: -260px;
    /* overflow: hidden; */
    border-radius: 0px;
}

.modal-body {
    padding: 30PX;
    max-height: 527px;
}

p {
    line-height: 26px;
    font-size: 14px;
}

.ss-no-slides {
    position: absolute !important;
}

div#content_wrapper {
    min-height: 100%;
    margin-top: 103px;
}

#popup_pricess>thead {
    font-size: 18px;
    color: #0084d4;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    padding: 5px 0px;
    border: 1px solid #7a7a7a;
}

table#popup_pricess {
    width: 100%;
    border: 1px solid #7a7a7a;
    text-align: center;
}

#popup_pricess>thead>tr>td {
    padding: 10px 0px;
    border: 1px solid #7a7a7a;
}

#popup_pricess>tbody>tr>td {
    border: 1px solid #7a7a7a;
    border-bottom-color: transparent;
    padding: 10px 0px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

#popup_pricess>tbody {
    text-transform: uppercase;
    color: #a6a7a7;
}

#popup_pricess>tbody>tr>.border_bottom {
    border-bottom: 1px solid #7a7a7a;
}
span.small_text_pricess {
    font-family: 'Raleway', sans-serif;font-weight: 400;
    text-transform: lowercase;
}

button.close {
    font-size: 30px;
    border: 5px solid #0084d4;
    border-radius: 100%;
    padding: 6px 7px;
    position: absolute;
    top: -21px;
    right: -21px;
    color: white;
    opacity: 1;
    background: #0084d4;
}

button.close:hover {
    color: white;
    opacity: 1;
}

img#menu_button {
    position: fixed;
    top: 43px;
    right: 15px;
    z-index: 1;
}

#popup_pricess>tbody>tr>td,#popup_pricess>thead>tr>td {
    display: block;
    width: 100%;
    float: left;
    border: none;
}

#popup_pricess>tbody>tr>td:nth-child(1), #popup_pricess>thead>tr>td:nth-child(1) {
}

td.width {
    width: 100% !important;
}

td.width>A {
    width: 300px;
}

/*
    Menu
*/
header{
    background-size: cover;
    background-position-x: -30px;
    padding: 50px 0px 0px 50px;
    background: rgba(0,132,212,0.84);
    font-family: 'Raleway', sans-serif;font-weight: 500;
}

.navigation_link>ul {
    list-style: none;
    margin-bottom: 0px;
    float: left; 
    padding: 0px; 
    width: 100%;
}

.account_link>a {
    color: white;
    font-size: 12px;
    padding-bottom: 20px;
    border-bottom: 3px solid transparent;
    padding: 0px 10px 20px 10px;
}

.account_link>a:hover {
    border-bottom: 3px solid white;
}

.navigation_link {
    display: block;
    float: right;
    font-size: 12px;
    width: 100%; 
    max-width: 590px;
}

a.navigation_link_item {
    color: white;
}

.navigation_link>ul>li:hover {
    border-bottom: 3px solid white;
}

.logo {
    /* margin-top: 6px; */
    display: block;
    float: left;
}
.account_link {
    float: right;
    display: block;
    width: 100%;
    text-align: right;
    margin-right: 10px;
    color: white;
    margin-bottom: 20px;
}

img#line_menu {
    float: right;
    margin-right: -50px;
}

a#login_link {
}

a#signup_link {
}

.account {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background: white;
    height: 30px;
}

.account>.account_menu_wrapper>ul {
    list-style: none;
    right: 0px;
    float: right;
    margin: 0px;
    margin-right: 18px;
    text-transform: uppercase;
    position: fixed;
    width: 300px;
    text-align: center;
    margin-top: -15px;
    z-index: 0;
    font-weight: bold;
}

.account>.account_menu_wrapper>ul>li>a {
    float: left;
    color: #696969;
    padding: 10px 20px;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;  font-weight: 700;
    width: 100%;
    text-align: center;
}

.account>.account_menu_wrapper>ul>li>a:hover {
    color: #0084d4;
}

.account>.account_menu_wrapper>ul>li {
    text-align: center;
    display: block;
    float: left;
    padding: 10px 0px;
}

img#menu_account {
    margin-top: 20px;
    right: 13px;
    z-index: 1;
}

.account_menu_wrapper {
    position: fixed;
    float: left;
    right: 13px;
}

.account_menu_wrapper:hover>ul {
    display: block;
}

/*
    Top Section Cru Prices
*/

#top_wrapper{
    float: left;
    width: 100%;
    height: 100%;
    -webkit-transform: skewY(3deg);
    margin-top: -35px;
    overflow: hidden;
    position: relative;
}

.top_content {
    text-align: center;
    margin: 0px auto;
}

#top_background{
    background: url("http://crucycle.com/asset/client/img/background_overlay_blue.png"),url("http://crucycle.com/asset/client/img/image_wolf_3.jpg");
    -webkit-transform: skewY(-3deg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 35px;
    z-index: -1;
}

.top_content>p {
    color: white;
    margin: 30px auto;
    max-width: 550px;
}

img#logo {
    display: block;
    margin: 0px auto;
}

/*
    Prices Section
*/
.prices_nominal {
    font-size: 64px;
    color: #696969;
    line-height: 64px;
    font-family: 'Raleway', sans-serif;font-weight: 700;
}
.prices_nominal>sup {
    font-size: 24px;
    top: -16px;
}
.prices_title {
    font-size: 24px;
    height: 100px;
    vertical-align: middle;
    display: table-cell;
    color: #696969;
    font-family: 'Raleway', sans-serif;font-weight: 500;
}

.prices_title>img {
    margin: 4px auto;
}

.prices_item {
    text-align: center;
    margin: 0px 0px 75px 0px !important;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */      filter: gray;        -webkit-filter: grayscale(100%);
    width: 33.3333% !important;
}

a.prices_detail_link, a.prices_get_link {
    border: 1px solid #6e6e6e;
    width: 150px;
    padding: 10px;
    display: block;
    color: #6e6e6e;
    transition: linear 0.4s;
    font-size: 12px;
    margin: 10px auto 10px auto;
    font-family: 'Raleway', sans-serif;font-weight: 600;
}

a.prices_detail_link:hover, a.prices_get_link:hover {
    background: #0084d4;
    border: 1px solid #0084d4;
    transition: ease 0.4s;
    color: white;
}

.prices_item:hover>.prices_nominal {
    color: #0084d4;
    transition: ease 0.4s;
}

.prices_item:hover{
    filter: none;
    -webkit-filter:grayscale(0);
}

.section_title {
    font-size: 28px;
    color: #0084d4;
    margin: 10px;
}
.prices_text {
    text-align: center;
    margin: 70px 0px;
    font-family: 'Raleway', sans-serif;font-weight: 500;
}
.prices_text>p {
    max-width: 550px;
    margin: 0px auto;
    font-size: 14px;
    color: #696969;
}

/*
    Top Home
*/

.logo_tagline {
    font-size: 45px;
    color: white;
    text-align: center;
    font-family: 'Raleway', sans-serif;font-weight: 600;
}

.top_home_text {
    color: white;
    font-size: 14px;
    text-align: center;
    max-width: 650px;
    font-family: 'Raleway', sans-serif;font-weight: 500;
    margin: 10px auto;
}

.top_home_button>a {
    color: white;
    padding: 10px 0px;
    width: 200px;
    float: left;
    text-align: center;
    font-size: 16px;
    border: 1px solid white;
    transition: ease 0.4s;
}

.top_home_button {
    text-align: center;
    display: table;
    margin: 20px auto;
    font-family: 'Raleway', sans-serif;font-weight: 600;
}

.top_home_button>a:hover {
    background: #0084d4;
    transition: ease 0.4s;
}

.ss-slides-wrap {
    position: absolute !important;
    top: 0px;
    z-index: 0;
    width: 100%;
    overflow: hidden;
}

#wrapper_top_home {
    position: relative;
}

#ss-prev {
    display: none !important;
}

#ss-next {
    display: none !important;
}

/*
    Home Content
*/

img#shape_top,#shape_bottom {
    width: 100%;
    position: relative;
    z-index: 1;
}

.tagline {
    font-size: 28px;
    font-family: 'Raleway', sans-serif;font-weight: 800;
}

.tagline.uppercase {
    text-align: center;
    font-size: 28px;
    color: #228dcd;
}

.home_text {
    font-family: 'Raleway', sans-serif;font-weight: 400;
    color: #696969;
    font-size: 16px;
    margin: 40px 0px;
    float: left;
}

.home_icon {
    float: left;
    text-align: center;
    color: #696969;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;font-weight: 700;
}

img.icon_content_home {
    display: block;
    margin: 0px auto 15px auto;
}

.home_icon>.col-xs-12 {
    margin: 60px 0px;
}

.home_text>span {
    font-family: 'Raleway', sans-serif;font-weight: 700;
}

/*
    Footer Home
*/

/* .footer {
    float: left;
    padding: 110px 0px 150px 0px;
}

.footer_bar {
    width: 100%;
    float: left;
    background: rgba(0,132,212,0.84);
    padding: 10px 0px 5px 30px;
    position: absolute;
    bottom: 0px;
    font-family: 'Raleway', sans-serif;font-weight: 500;
    font-size: 12px;
}

.footer_bar>a {
    padding: 5px 20px;
    color: white;
    border: 1px solid transparent;
}

.footer_bar>a:hover {
    border-bottom: 1px solid white;
} */

/*
    Leader Pack
*/

#top_leaderpack>.ss-slides {
    position: absolute;
}

#top_leaderpack {
    background: url('http://crucycle.com/asset/client/img/background_overlay_blue.png'),url('http://crucycle.com/asset/client/img/pack_header2.jpg');
    background-size: auto,cover;
    background-repeat: repeat,no-repeat;
    position: relative;
    overflow: hidden;
    background-position: 0px 0px, center -125px;
}

.white{
    color: white !important;
}

.leader_number {
    font-family: 'Raleway', sans-serif;font-weight: 400;
    font-size: 18px;
    color: white;
    background: #868686;
    display: inline;
    padding: 8px 8px;
    border-radius: 100%;
    position: absolute;
    top: 2px;
    left: 24px;
}

.leader_name {
    font-size: 20px;
    color: #228dcd;
    font-family: 'Raleway', sans-serif;font-weight: 700;
    margin-bottom: 10px;
}

.leaderpack_item {
    text-align: center;
    margin: 25px 0px !important;
    padding: 0px 15px;
}

.leader_image {
    display: table;
    margin: 0px auto;
    position: relative;
}

.leader_text {
    padding: 20px;
    text-align: left;
}

.leader_desc {
    color: #696969;
    font-family: 'Raleway', sans-serif;font-weight: 500;
    text-align: justify;
    font-size: 14px;
    line-height: 26px;
}

.leader_socmed>a>img {
    width: 32px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */    
    filter: gray;      
    -webkit-filter: grayscale(100%);
}

.leader_socmed>a>img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

.leader_socmed>a {
    margin: 5px;
}

.leader_socmed {
    margin: 15px 0px;
}

section#leaderpack_content {
    float: left;
    width: 100%;
    padding: 20px 0px 0px 0px;
    background: #f2f2f2;
}

.leaderpack_item_wrapper {
    float: left;
    margin: 50px 0px 0px 0px;
}

#footer_leaderpack{
    background: url('http://crucycle.com/asset/client/img/image_footer_leaderpack.jpg');
    background-size: cover;
    height: 800px;
}

.foto_leader_hover {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    transition: linear 0.4s;
    float: left;
    width: 100%;
}

img.foto_leader_normal {
    width: 100%;
}

.leader_image:hover>.foto_leader_hover {
    opacity: 1;
    transition: linear 0.4s;
}

/*
    Cru Contact Style
*/
#contact_content{
    background: url('http://crucycle.com/asset/client/img/background_overlay_blue.png'),url('http://crucycle.com/asset/client/img/image_wolf_1.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    width: 100%;
    /* background-position: 0px -70px; */
}

section#footer_contact {
    padding: 0px;
}

#name,#email,#message {
    background: none;
    border: 1px solid white;
    font-family: 'Raleway', sans-serif;font-weight: 500;
    padding: 20px 20px;
    color: white;
    margin: 10px 0px;
    box-sizing: border-box;
}

textarea#message {
    width: 100%;
    height: 152px;
}

img.socmed_icon {
    width: 48px;
    margin: 5px;
}

div#form {
    color: white;
    padding: 50px 0px 82px;
    float: left;
}

::-webkit-input-placeholder {
   color: white !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: white !important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: white !important;  
}

:-ms-input-placeholder {  
   color: white !important;  
}

#submit {
    background: rgba(0,132,212,0.84);
    border: none;
    padding: 5px 29px;
    float: right;
    border: 1px solid transparent;
    transition: linear 0.2s;
    color: white;
}

form#form_contact {
    padding: 0px;
    margin: 0px;
}

#submit:hover {
    background: none;
    border: 1px solid white;
    transition: linear 0.2s;
}

div#alamat {
    font-size: 14px;
    font-family: 'Raleway', sans-serif;font-weight: 500;
    margin-top: 10px;
    text-transform: uppercase;
}

#alamat>div:nth-child(2) {
    margin: 40px 0px 30px 0px;
    text-align: left;
}

#sparator_contact {
    background: linear-gradient(rgba(0,132,212,0.84),rgba(0,132,212,0.84)),url('http://crucycle.com/asset/client/img/image_content_contact.jpg');
    background: -webkit-linear-gradient(rgba(0,132,212,0.84),rgba(0,132,212,0.84)),url('http://crucycle.com/asset/client/img/image_content_contact.jpg');
    padding: 75px 0px;
    background-position: 0px -200px;
    background-size: cover;
}

.icon_parking_contact {
    width: 35px;
    margin-bottom: 5px;
    margin-right: 7px;
    margin-left: -23px;
}

#parking_contact {
    float: left;
    width: 100%;
    color: white;  font-size: 16px;  font-family: 'Raleway', sans-serif;font-weight: 700;
    text-transform: uppercase;
}

#parking_contact>a {
    color: white;  font-family: 'Raleway', sans-serif;font-weight: 700;
    text-transform: uppercase;
}

#alamat>div:nth-child(3) {
    margin: 0px;
}

#parking_contact>ul{
    text-transform: none;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;font-weight: 500;
    margin-left: 17px;
    margin-top: 0px;
    line-height: 26px !important;
}

ul#contact_list {
    text-transform: none;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;font-weight: 500;
    margin-left: 17px;
    margin-top: 0px;
    line-height: 26px !important;
}

div#alamat>div>p {
    margin: -5px 0px 0px 0px;
}
/*
    Crucares
*/

.crucares_tagline_top {
    font-size: 32px;
    color: white;
    text-align: center;
    font-family: 'Raleway', sans-serif;font-weight: 500;
    width: 75%;
    margin: 0px auto;
    line-height: 44px;
}

.title_crucares.uppercase {
    font-family: 'Raleway', sans-serif;font-weight: 700;
    color: #696969;
    font-size: 16px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    line-height: 16px;
}

.detail_crucares>p {
    font-family: 'Raleway', sans-serif;font-weight: 500;
    text-transform: initial;
    color: #696969;
}

.icon_crucares {
    width: 90px;
    float: left;
}

.crucares_item {
    margin: 40px 0px !important;
    padding: 15px;
    border: 1px solid #aeaeae;
}

#footer_crucares{
    background: url('http://crucycle.com/asset/client/img/background_overlay_blue.png'),url('http://crucycle.com/asset/client/img/image_crucares_footer.jpg');
    background-size: cover;
    background-color: rgba(0,0,0,0.8);
    height: 600px;
}

.detail_crucares {
    float: left;
    width: 100%;
    padding-left: 30px;
}

.crucares_text {
    font-family: 'Raleway', sans-serif;font-weight: 500;
    color: #696969;
    font-size: 14px;
    margin: 40px 0px;
    float: left;
    line-height: 26px;
}

.footer_tagline_crucares {
    text-align: center;
    font-size: 28px;
    color: white;
    font-family: 'Raleway', sans-serif;font-weight: 500;
    line-height: 40px;
}

section#sparator_crucares {
    float: left;
    width: 100%;
    background: linear-gradient(rgba(0,132,212,0.84),rgba(0,132,212,0.84)),url('http://crucycle.com/asset/client/img/image_content_contact.jpg');  padding: 75px 0px; 
    background-size: cover;
    background: -webkit-linear-gradient(rgba(0,132,212,0.84),rgba(0,132,212,0.84)),url('http://crucycle.com/asset/client/img/image_content_contact.jpg');  padding: 75px 0px;
}

.crucares_logo {
    margin: 0px auto 30px auto;
    width: 130px;
}

/*
    Cruclasses
*/

section#sparator_1 {
    float: left;
    background-image: url('http://crucycle.com/asset/client/img/background_overlay_blue.png'),url('http://crucycle.com/asset/client/img/sparator_info.jpg');    
    background-size: cover, cover;
    width: 100%;
    padding: 200px 0px;
    background-position: left bottom, left -50px;
}

div#prices_wrapper {
    float: left;
    width: 83%;
    margin: 0px 8.5%;
}

section#cruclass {
    margin-top: 120px;
    float: left;
    margin: 50px 0px 5px 0px !important;
    padding: 0px;
}

img.cruclass_image {
    position: absolute;
    z-index: 0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray;  
    -webkit-filter: grayscale(100%);
    left: 0px;
}

section#promo {
    float: left;
    width: 100%;
    padding-top: 30px;
    margin-bottom: 60px;
}

.cruclass_level {
    position: relative;
    z-index: 1;
    font-family: 'Raleway', sans-serif;font-weight: 800;
    font-size: 18px;
}

.crulass_title {
    position: relative;  z-index: 1;
    font-family: 'Raleway', sans-serif;font-weight: 800;
    font-size: 29px;
    line-height: 40px;
    margin-left: -2px;
}

.cruclass_item>p {
    position: relative;  z-index: 1;
}

.cruclass_item {
    overflow: hidden;
    margin: 25px 0px !important;
    position: relative;
    width: 25% !important;
    /* margin: 1% !important; */
    /* height: 275px !important; */
    padding: 0px 15px;
}

.cruclass_desc {
    padding: 30px 30px;
    color: white;
    position: relative;
    z-index: 1;
    float: left;
    background: url('http://crucycle.com/asset/client/img/background_overlay_blue.png'),linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
    background: url('http://crucycle.com/asset/client/img/background_overlay_blue.png'),-webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
    background-repeat: repeat;
    width: 100%;
    height: 350px;
    background-size: cover;
}

.cruclass_desc>p {
    font-family: 'Raleway', sans-serif;font-weight: 500;
    max-width: 300px;
    text-align: left;
}

.cruclass_desc>.leader_socmed {
    margin: 0px 0px 10px 0px;
}

.cruclass_item:hover>.cruclass_image {
    filter: none;
    -webkit-filter: grayscale(0);
}

div#cruclass_wrapper {
    width: 90%;
    margin: 30px 5%;
    float: left;
}

.crulass_text {
    font-family: 'Raleway', sans-serif;font-weight: 400;
    color: #696969;
    font-size: 14px;
    margin: 16px 25%;
    float: left;
    width: 50%;
    line-height: 26px;
}

/*
    New To Cru
*/
section#sparator_2 {
    position: relative;
    float: left;
    background: url('http://crucycle.com/asset/client/img/background_overlay_blue.png'),url('../img/slide_3.jpg');    
    background-size: cover, 100% auto;
    width: 100%;
    padding: 200px 0px;
    background-position: bottom;
    background-attachment: fixed;
}

section#ntc {
    padding: 90px 0px 100px 0px;
    margin: 0px;
    float: left;
}

.ntc_circle_1 {
    padding: 10px;
    background: white;
    border: 2px solid #8a8a8a;
    border-radius: 100%;
    width: 90px;
    height: 90px;
    display: block;
    margin: 0px auto;
    margin-bottom: 15px;
}

.ntc_circle_2 {
    background: #68696a;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    border-radius: 100%;
}

#note {
    background: url('http://crucycle.com/asset/client/img/icon_note.png'), #68696a;
    background-position: center center;
    background-repeat: no-repeat;
    transition: linear 0.3s;
    background-size: auto 30px;
}

.ntc_item:hover>div>#note{
    background: url('http://crucycle.com/asset/client/img/icon_note.png'), #0084d4;
    background-position: center center;
    background-repeat: no-repeat;
    transition: linear 0.3s;
    background-size: auto 30px;
}

#call {
    background: url('http://crucycle.com/asset/client/img/icon_call.png'), #68696a;
    background-position: center center;
    background-repeat: no-repeat;
    transition: linear 0.3s;
    background-size: auto 30px;
}

.ntc_item:hover>div>#call{
    background: url('http://crucycle.com/asset/client/img/icon_call.png'), #0084d4;
    background-position: center center;
    background-repeat: no-repeat;
    transition: linear 0.3s;
    background-size: auto 30px;
}

#bycycle {
    background: url('http://crucycle.com/asset/client/img/icon_bycycle.png'), #68696a;
    background-position: center center;
    background-repeat: no-repeat;
    transition: linear 0.3s;
    background-size: auto 30px;
}

.ntc_item:hover>div>#bycycle{
    background: url('http://crucycle.com/asset/client/img/icon_bycycle.png'), #0084d4;
    background-position: center center;
    background-repeat: no-repeat;
    transition: linear 0.3s;
    background-size: auto 30px;
}

#notebook {
    background: url('http://crucycle.com/asset/client/img/icon_notebook.png'), #68696a;
    background-position: center center;
    background-repeat: no-repeat;
    transition: linear 0.3s;
    background-size: auto 30px;
}

.ntc_item:hover>div>#notebook{
    background: url('http://crucycle.com/asset/client/img/icon_notebook.png'), #0084d4;
    background-position: center center;
    background-repeat: no-repeat;
    transition: linear 0.3s;
    background-size: auto 30px;
}

.ntc_item {
    display: block;
    margin: 0px auto;
    text-align: center;
    font-family: 'Raleway', sans-serif;font-weight: 600;
    font-size: 18px;    
    padding-bottom: 20px;
}

#ntc_line {
    position: absolute;
    top: 45px;
    left: 0px;
    width: 100%;
    z-index: -1;
    background: #696969;
    border: none;
    height: 2px;
}

.ntc_item:hover>.ntc_circle_1 {
    width: 110px;
    height: 110px;
    transition: linear 0.3s;
}

#ntc_wrapper {
    width: 70%;
    margin: 20px 15%;
    float:left;
}

div#ntc_description {
    float: left;
    margin: 50px 0px;
    position: relative;
    width: 100%;
    text-align: center;
    font-family: 'Raleway', sans-serif;font-weight: 500;
    color: #696969;
}

.ntc_description_item {
    position: absolute;
    display: none;
    width: 70%;
    margin: 0px 15%;
}

/*
    Public Section Cru Prices
*/

.pattern{
    background: url('http://crucycle.com/asset/client/img/image_pattern.png');
    background-repeat: repeat;
    position: absolute;
    z-index: 0;
    top: 0px;
}

.ss-slides img {
    width: 100%;
}

/*
    Menu
*/
.navigation {
    float: right;
    min-height: 100%;
    display: table-cell;
    vertical-align: middle;
    max-width: 640px;
    padding-right: 50px;
}

.navigation_link>ul {
    list-style: none;
    margin-bottom: 0px;
    float: left; 
    padding: 0px; 
    width: 100%;
}

.account_link>a {
    color: white;
    font-size: 12px;
    padding-bottom: 20px;
    border-bottom: 3px solid transparent;
    padding: 0px 10px 20px 10px;
}

.account_link>a:hover {
    border-bottom: 3px solid white;
}

.navigation_link {
    display: block;
    float: right;
    font-size: 12px;
    width: 100%; 
    max-width: 590px;
}

a.navigation_link_item {
    color: white;
}

.navigation_link>ul>li {
    padding: 15px 10px 15px 10px;
    border-bottom: 3px solid transparent;
    float: left;
}

.navigation_link>ul>li:hover {
    border-bottom: 3px solid white;
}

.logo {
    /* margin-top: 6px; */
    display: block;
    float: left;
}
.account_link {
    float: right;
    display: block;
    width: 100%;
    text-align: right;
    margin-right: 10px;
    color: white;
    margin-bottom: 20px;
}

img#line_menu {
    float: right;
    margin-right: -50px;
}

a#login_link {
}

a#signup_link {
}

/*
    Top Section Cru Prices
*/

#top_wrapper{
    float: left;
    width: 100%;
    height: 100%;
    -webkit-transform: skewY(3deg);
    margin-top: -35px;
    overflow: hidden;
    position: relative;
}

.top_content {
    text-align: center;
    margin: 0px auto;
}

#top_background{
    background: url("http://crucycle.com/asset/client/img/background_overlay_blue.png"),url("http://crucycle.com/asset/client/img/image_wolf_3.jpg");
    -webkit-transform: skewY(-3deg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 35px;
    z-index: -1;
}

.top_content>p {
    color: white;
    margin: 30px auto;
    max-width: 550px;
}

img#logo {
    display: block;
    margin: 0px auto 15px;
}

/*
    Slider Section
*/

a.bx-prev {
    background: url('http://crucycle.com/asset/client/img/icon_arrow_left.png') no-repeat !important;
}

a.bx-next {
    background: url('http://crucycle.com/asset/client/img/icon_arrow_right.png') no-repeat !important;
}

.bx-viewport {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    height: auto !important;
    margin-left: 10px;
    /* padding: 0px 32px; */
}

.bx-pager.bx-default-pager {
    display: none;
}

.slide>img {
    width: 100%;
}

.bx-wrapper {
    background: none;
    float: left;
    max-width: none !important;
    width: 80% !IMPORTANT;
    margin-left: 10% !important;
}

a.bx-prev {
    margin-left: -50px;
    width: 16px !important;
    height: 22px !important;
}

a.bx-next {
    margin-right: -50px;
    height: 22px !important;
    width: 16px !important;
}

.bx-wrapper .bx-controls-direction a {
   /* top: 45px !important; */    
}

/*
    Prices Section
*/
.prices_nominal {
    font-size: 64px;
    color: #696969;
    line-height: 64px;
    font-family: 'Raleway', sans-serif;font-weight: 700;
}
.prices_nominal>sup {
    font-size: 24px;
    top: -16px;
}
.prices_title {
    font-size: 18px;
    height: 100px;
    vertical-align: middle;
    display: table-cell;
    color: #696969;
    font-family: 'Raleway', sans-serif;font-weight: 500;
} 
a.prices_detail_link, a.prices_get_link {
    border: 1px solid #6e6e6e;
    width: 150px;
    padding: 10px;
    display: block;
    color: #6e6e6e;
    transition: linear 0.4s;
    font-size: 12px;
    margin: 10px auto 10px auto;
    font-family: 'Raleway', sans-serif;font-weight: 600;
    background: none;
    border-radius: 0px;
    text-shadow: 0px 0px 0px !important;
}

a.prices_detail_link:hover, a.prices_get_link:hover {
    background: #0084d4;
    border: 1px solid #0084d4;
    transition: ease 0.4s;
    color: white;
}
.prices_item:hover>.prices_nominal {
    color: #0084d4;
    transition: ease 0.4s;
}

.section_title {
    font-size: 28px;
    color: #0084d4;
    margin: 10px;
}
.prices_text {
    text-align: center;
    margin: 80px 0px 70px 0px;
    font-family: 'Raleway', sans-serif;font-weight: 500;
}
.prices_text>p {
    max-width: 605px;
    margin: 0px auto;
    font-size: 14px;
    color: #696969;
    line-height: 26px;
}

/*
    Top Home
*/

#top_home {
    float: left;
    position: relative;
    overflow: hidden;
}

.logo_tagline {
    font-size: 45px;
    color: white;
    text-align: center;
    font-family: 'Raleway', sans-serif;font-weight: 600;
}

.top_home_text {
    color: white;
    font-size: 14px;
    text-align: center;
    max-width: 650px;
    font-family: 'Raleway', sans-serif;font-weight: 500;
    margin: 10px auto;
}

.top_home_button>a {
    color: white;
    padding: 10px 0px;
    width: 200px;
    float: left;
    text-align: center;
    font-size: 16px;
    border: 1px solid white;
    transition: ease 0.4s;
}

.top_home_button {
    text-align: center;
    display: table;
    margin: 20px auto;
    font-family: 'Raleway', sans-serif;font-weight: 600;
}

.top_home_button>a:hover {
    background: #0084d4;
    transition: ease 0.4s;
}

.ss-slides-wrap {
    position: absolute !important;
    top: 0px;
    z-index: 0;
    width: 100%;
    overflow: hidden;
}

#wrapper_top_home {
    position: relative;
}

#ss-prev {
    display: none !important;
}

#ss-next {
    display: none !important;
}

/*
    Home Content
*/

#home_content{
    background-repeat: no-repeat;
    background-size: 100%;
    background: white;
    float: left;
    margin: 80px 0px;
}

img#shape_top,#shape_bottom {
    width: 100%;
    position: relative;
    z-index: 1;
}

.tagline {
    font-size: 32px;
         font-family: 'Montserrat', sans-serif;     font-weight: 700;
}

.tagline.uppercase {
    text-align: center;
    font-size: 32px;
    color: #228dcd;
    line-height: 32px;
}

span.huge_tagline {
    font-size: 38px;
    line-height: 50px;
    display: block;
}

.home_text {
    font-family: 'Raleway', sans-serif;font-weight: 400;
    color: #696969;
    font-size: 14px;
    margin: 40px 0px;
    float: left;
    line-height: 26px;
}

.home_icon {
    float: left;
    text-align: center;
    color: #696969;
    font-size: 16px;
         font-family: 'Montserrat', sans-serif;     font-weight: 700;
    width: 85% !IMPORTANT;
    margin: 0px 7.5%;
}

img.icon_content_home {
    display: block;
    margin: 0px auto 15px auto;
    width: 90px;
}

.home_icon>div {
    padding: 30px 0px;
}

.home_text>span {
    font-family: 'Raleway', sans-serif;font-weight: 700;
}

#parking_home {
    margin: 0px auto;
    float: none;
}

/*
    Footer Home
*/

#footer_home {
    background: linear-gradient(rgba(0,132,212,0.5),rgba(0,132,212,0.5)),url('http://crucycle.com/asset/client/img/background_overlay_blue.png'),url('http://crucycle.com/asset/client/img/image_wolf_1.jpg');
    background: -webkit-linear-gradient(rgba(0,132,212,0.5),rgba(0,132,212,0.5)),url('http://crucycle.com/asset/client/img/background_overlay_blue.png'),url('http://crucycle.com/asset/client/img/image_wolf_1.jpg');
    background-position: center 0px;
    background-size: cover;
    background-color: rgba(0,0,0,0.8);
}

.footer {
    float: left;
    padding: 110px 0px 150px 0px;
}

.footer_bar {
    width: 100%;
    float: left;
    background: rgba(0,132,212,0.84);
    padding: 10px 0px 5px 30px;
    position: absolute;
    bottom: 0px;
    font-family: 'Raleway', sans-serif;font-weight: 500;
    font-size: 12px;
}

.footer_bar>a {
    padding: 5px 20px;
    color: white;
    border: 1px solid transparent;
}

.footer_bar>a:hover {
    border-bottom: 1px solid white;
}

.footer_tagline {
    text-align: center;
    font-size: 32px;
    color: white;
         font-family: 'Montserrat', sans-serif;     font-weight: 700;
    line-height: 40px;
}

/*
    Cruden
*/

div#photo>div {
    margin: 0px;
    padding: 0px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */     
    filter: gray;     
    -webkit-filter: grayscale(100%);
    position: relative;
}

#photo>div:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

.cruden_photo_item_overlay{
    width: 100%;
    height: 100%;
    background: url('http://crucycle.com/asset/client/img/background_overlay_blue.png');
    background-size: auto;
    background-repeat: repeat;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0px;
}

#photo>div:hover>.cruden_photo_item_overlay {
    display: none;
}

.cruden_photo_item>img {
    position: relative;
    z-index: 0;
}

figure.effect-chico {
    width: 33.33% !important;
    margin: -0.135em !important;
    padding: 0px !important;
}

/*---------------*/
/***** Chico *****/
/*---------------*/

figure.effect-chico:hover img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
}

figure.effect-chico img {
    opacity: 0.5;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-chico figcaption {
    padding: 3em;
}

figure.effect-chico figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-chico h2 {
    padding: 20% 0 20px 0;
}

figure.effect-chico p {
    margin: 0 auto;
    max-width: 200px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* Common style */
.grid figure {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    margin: -0.135em;
    width: 50%;
    height: 400px;
    /* background: #3085a3; */
    text-align: center;
    cursor: pointer;
    padding: 0px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    opacity: 0.8;
    width: 100%;
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

figcaption>a {
    color: transparent !important;
}

div#video {
    position: absolute;
    top: 0px;
}

div#photo {
    
}

section#footer_cruden {
    padding: 28px 0px 0px 0px;
    position: relative;
    float: left;
}

/*
    Faq
*/
section#faq {
    position: relative;
    float: left;
    padding: 120px 0px;
}

.faq_title {
    padding: 15px 30px;
    background: rgba(0,132,212,0.84);
    color: white;
    font-family: 'Raleway', sans-serif;font-weight: 700;
}

.faq_detail {
    padding: 15px 30px;
    border: 1px solid#696969;
    font-family: 'Raleway', sans-serif;font-weight: 500;
    display: none;
}

.faq_item {
    margin: 18px 0px;
}

div#faq_wrapper {
    float: left;
    margin-top: 90px;
}

/*---------------*/
/***** Dexter *****/
/*---------------*/

figure.effect-dexter {
    /* background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%); */
    /* background: linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%); */ 
    margin: -0.135em;
    padding: 0px;
    width: 48%;
    margin: 0px 0.85% 20px 0.85%;
}

figure.effect-dexter img {
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-dexter:hover img {
    opacity: 1;
}

figure.effect-dexter figcaption::after {
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;
    height: -webkit-calc(50% - 30px);
    height: calc(50% - 30px);
    border: 3px solid #fff;
    content: '';
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
}

figure.effect-dexter:hover figcaption::after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-dexter figcaption {
    padding: 3em;
    text-align: left;
    text-transform: initial;
        z-index: 1;
}

figure.effect-dexter p {
    position: absolute;
    right: 60px;
    bottom: 60px;
    left: 60px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,-100px,0);
    transform: translate3d(0,-100px,0);
}

figure.effect-dexter:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.faq_overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: ease 0.35s;
}

.faq_overlay>div{
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
}

/* .effect-dexter:hover>.faq_overlay{
    display: none;
    transition: ease 0.35s;
}*/

figcaption>h2 {
    font-family: 'Raleway', sans-serif;font-weight: 700;
    font-size: 22px;
}

figcaption>p {
    font-family: 'Raleway', sans-serif;font-weight: 400;
    font-size: 14px;
}

/*
    Popup
*/
.toPopup {
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
background: url('http://crucycle.com/asset/client/images/overlay-popup.png');
border-radius: 3px 3px 3px 3px;
color: #333333;
font-size: 14px;
position: fixed;
width: 100%;
height: 100%;
z-index: 102;
top: 0;
border: 0;
display:none;
}

div.loader {
    background: url("http://crucycle.com/asset/client/img/loading.gif") no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 32px;
    display: none;
    z-index: 9999;
    top: 40%;
    left: 50%;
    position: absolute;
    margin-left: -10px;
}

div.close {
background: url("http://crucycle.com/asset/client/images/close.png");
cursor: pointer;
height: 32px;
position: absolute;
width: 32px;
margin-top: 3%;
right: 8%;
}

span.ecs_tooltip {
    background: none repeat scroll 0 0 #000000;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: none;
    font-size: 11px;
    height: 16px;
    opacity: 0.7;
    padding: 4px 3px 2px 5px;
    position: absolute;
    right: -62px;
    text-align: center;
    top: -51px;
    width: 93px;
}
span.arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #000000;
    display: block;
    height: 1px;
    left: 40px;
    position: relative;
    top: 3px;
    width: 1px;
}

div#popup_content {
    width: 80%;
    height: 75%;
    margin: 7.5% 10%;
    text-align:center;
}

#slideshow {
    width: 100%;
    height: 100%;
    /* padding: 15px 0 0 12px; */
    background: url(http://crucycle.com/asset/client/css/images/border.png);
    overflow: hidden; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */ 
    position: absolute; 
    z-index: 0;
    top: 0px;
    left: 0px;
}

#slideshow ul#nav {
list-style: none;
position: absolute;
z-index: 15;
padding: 0;
width: 100%;
margin: 0px;
}

#slideshow ul#nav li.prev {
    float: left; margin: 0 0 0 5%;
}
#slideshow ul#nav li.next {
    float: right; margin: 0 5% 0 0;
}
#slideshow ul#nav li a {
    display: block; width: 32px; height: 32px; text-indent: -9999px;
}
#slideshow ul#nav li.prev a {
    background: url('http://crucycle.com/asset/client/images/prev.png');
}
#slideshow ul#nav li.next a {
    background: url('http://crucycle.com/asset/client/images/next.png');
}

#slideshow ul.slides {
    list-style: none;
    padding:0;
    margin: 0px !important;
}

.slides > li {
    margin: 0;
    width:100% !important;
    height:100% !important;
    text-align:center;
}

.slides {
    width: 100% !important;
    height: 100% !important;
}

.close{
    position: relative;
    z-index: 10;
}

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

/*
    Additional Page
*/

section#additional_page_content {
    float: left;  
    width: 100%;
}

section#footer_additional_page {
    padding: 0px !important;
}

ul.about_list>li{
    font-size: 14px;
    line-height: 26px;
}

#about_content_wrapper>ul>li{
    font-size: 14px;
    line-height: 26px;
}

#about_content_wrapper>ul{
    float: left;
}

span.title_about {
    color: #228dcd;
    margin-top: 11px;
    float: left;
    width: 100%;
    font-family: 'Raleway', sans-serif;font-weight: 700;
    text-transform: uppercase;
}

.press_item {
    width: 33.333%;
    float: left;
    padding: 15px;    
}

.press_item:hover {
    filter: none;
    -webkit-filter: grayscale(0);
}

/*
    Studio
*/

div#nav {
    position: absolute;
    top: 100% !important;
    z-index: 25;
    width: 100px;
    margin-top: -36px;
    right: 170px;
}

#nav>a {
    padding: 10px 15px;
    background: white;
    margin: 5px;
}

.activeSlide {
    color: white;
    background: #0084d4 !important;
}

#nav>a:hover {
    background: #0084d4;
}

iframe {
    width: 100% !important;
    margin-bottom: 30px;
}

.media-grid{
    width: 100% !important;   
}

/* If Need */
/* #top_leaderpack>.ss-slides-wrap>#ss-prev {
    display: block !important;
}
#top_leaderpack>.ss-slides-wrap>#ss-next {
    display: block !important;
}*/

div#instagram {
    margin: 75px 0px;
}

.crucares_title {
    font-size: 28px;
    color: white;
    text-transform: uppercase;
    line-height: 30px;
    font-family: 'Raleway', sans-serif;font-weight: 800;
    margin: 0px !important;
}

.crucares_sparator{
    border-bottom: 1px solid #228dcd;
    padding: 20px 0px;
    border-top: 1px solid #228dcd;   
}

.crucares_item_desc>.crucares_text {
    margin: 0px;
    padding: 0px 15px;
}

.crucares_item_image {
    padding: 15px;
}

section#sparator_3 {
        position: relative;
        float: left;
        background: url('http://crucycle.com/asset/client/img/background_overlay_blue.png'),url('../img/slide_3.jpg');
        background-size: cover, 100% auto;
        width: 100%;
        padding: 75px 0px;
        background-position: bottom;
        background-attachment: fixed;
}

div#wrapper_leaderpack_content {
    padding: 60px 0px;
}


.crucares_item_title {
    padding: 50px 0px 50px 0px;
    float: left;
    width: 100%;
    text-align: center;
}

.crucares_item_title>p {
    width: 75%;
    color: white;
    font-family: 'Raleway', sans-serif;font-weight: 400;
    margin: 20px 12.5%;
    float: left;
}

.read_more {
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    margin: 20px 0px;
}

.read_more>a {
    padding: 15px 40px 15px 40px;
    width: 200px;
    float: none;
    border: 1px solid white;
    color: white;
    margin: 0px auto;
}

.crucares_item_wrapper>div {
    margin: 15px 0px!important;
}

.crucares_item_wrapper {
    float: left;
    width: 80%;
    margin: 100px 10% 60px 10%;
}

.crucares_item_title>p>a {
    color: #3BAEE7;
}

.top_info{
    background: url('../img/slide_2.jpg');
    background-position: center;
}

.home_text.width.center.row-fluid>ul>li{
    color: #228dcd;
    margin-top: 11px;
    float: left;
    width: 100%;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    list-style: none;
}

.home_text.width.center.row-fluid>ul{
    margin: 0px;
}


/*
    Responsive Section
*/

@media all and (max-width: 1200px){
    header {
        padding: 50px 20px 0px 20px;
    }
    
    .navigation {
        padding-right: 0px;
    }
    
    .cruclass_desc{
        height: 350px;   
    }
}

@media all and (max-width:767px){
    img#logo {
        width: 100px;
    }
    
    .top_home_button>a {
        display: block;
        float: none;
        margin: 15px 0px !important;
    }
    
    .navigation_link>ul>li {
        width: 50%;
        text-align: center;
        margin: 0px 25%;
    }
    
    .navigation_link>ul {
        margin: 0px;
    }
    
    header {
        max-height: 100%;
        vertical-align: middle;
        display: block;
        float: left;
        padding: 20px;
        z-index: -1;
        overflow-y: scroll;
        height: 100%;
    }
    
    .navigation {
        min-height: 0px;
        vertical-align: middle;
        display: table;
    }
    
    .top_home {
        background: url('http://crucycle.com/asset/client/img/background_overlay_blue.png'),url('http://crucycle.com/asset/client/img/slide_1_small.jpg');
        background-repeat: repeat,no-repeat;
        background-position: 0px 0px, bottom left;
        background-size: cover;
        float: left;
        position: relative;
        overflow: hidden;
        padding: 50px 0px;
    }
    
    .top_info{
        background: url('http://crucycle.com/asset/client/img/slide_2_small.jpg');
        background-position: center;
    
        background-size: cover;
}
    
    .top_crucares{
        background: url('http://crucycle.com/asset/client/img/image_crucares_slide_small.jpg');
        background-position: center !important;
    }
    
    .top_about{
        background: url('http://crucycle.com/asset/client/img/slide_1_small.jpg') !important;
        background-position: center !important;
    }
    
    .top_career{
        background: url('http://crucycle.com/asset/client/img/slide_2_small.jpg') !important;
        background-position: center !important;
    }
    
    .top_faq{
        background: url('http://crucycle.com/asset/client/img/slide_3_small.jpg') !important;
        background-position: center !important;
    }
    
    .top_press{
        background: url('http://crucycle.com/asset/client/img/slide_4_small.jpg') !important;
        background-position: center !important;
    }
    
    .top_term{
        background: url('http://crucycle.com/asset/client/img/slide_1_small.jpg') !important;
        background-position: center !important;
    }
    
    .pattern{
        background: url('http://crucycle.com/asset/client/img/image_pattern_small.png');
        min-height: 419px !important;
        height: 100%;
    }
    
    section#home_content {
        padding: 0px 30px;
    }
    
    .tagline {
        line-height: normal;
        font-size: 24px !important;
    }
    
    span.huge_tagline {
        font-size: 28px;
        line-height: 36px;
    }
    
    .home_icon>div {
        padding: 0px 0px;
    }
    
    .home_icon>div>div {
        padding: 15px 0px;
    }
    
    .footer_tagline {
        font-size: 28px;
        line-height: initial;
    }
    
    .logo {
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }
    
    .footer_bar {
        padding: 10px 0px;
    }
    
    .footer_bar>a {
        width: 33.3333%;
        float: left;
        text-align: center;
        font-size: 10px;
    }
    
    section#sparator_1 {
        padding: 30px 0px;
        background: url('http://crucycle.com/asset/client/img/slide_2_small.jpg');
        background-attachment: initial;
    }
    
    .cruclass_item {
        width: 100% !important;
        margin: 15px 0px !important;
    }
    
    .cruclass_desc {
        padding: 15px;
        width: 100%;
    }

    img.cruclass_image.width {
        height: 100%;
        max-width: none;
        width: auto;
    }
    
    .crulass_text {
        width: 100%;
        margin: 0px;
        padding: 0px 15px;
    }
    section#cruclass {
        margin: 50px 0px 5px 0px !important;
        padding: 0px 15px;
    }
    section#ntc {
        padding: 0px 15px;
    }
    
    div#ntc_wrapper {
        margin: 0px;
        width: 100%;
        padding: 0px 15px;
    }
    
    .ntc_description_item {
        display: block;
        position: relative;
        text-align: left;
        width: 100%;
        margin: 20px 0px;
    }
    
    .ntc_description_item>span {
        font-weight: 700;
        margin: 10px 0px;
    }
    
    div#ntc_description {
        margin: 0px;
    }
    
    .prices_title {
        min-width: 100%;
        display: block;
        height: auto;
        margin: 30px 0px;
    }
    
    .prices_item {
        margin: 0px !important;
        padding: 25px 0px;
    }
    
    section#footer_leaderpack {
        height: 300PX;
        background: url('http://crucycle.com/asset/client/img/image_footer_leaderpack_small.jpg');  background-size: cover;
    }
    
    iframe {
        margin-bottom: 81px !important;
    }
    
    .crucares_tagline_top {
        font-size: 18px;
        color: white;
        text-align: center;
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        width: 100%;
        margin: 0px auto;
        line-height: 44px;
        padding: 30px;
    }
    
    .icon_crucares {
        width: 100%;
        text-align: center;
    }
    
    .icon_crucares>img {
        width: 90px;
        margin: 30px auto 30px auto!important;
    }
    
    .crucares_item_wrapper {
        margin: 25px 0px;
        width: 100%;
    }
    
    .crucares_item_desc {
        float: left;
    }
    
    .detail_crucares {
        width: 100% !important;
    }
    
    #crucares_content {
        padding: 0px 15px;
    }
    
    section#contact_content {
        padding: 0px 30px 20px;
    }
    
    form#form_contact {
        margin-top: 40px;
    }
    
    #additional_page_content {
        padding: 0px 30px 115px 30px;
    }
    
    section#additional_page_content {
        float: left;
        width: 100%;
        height: auto !important;
    }
    
    div#groupPack {
        height: 100%;
        overflow-y: scroll;
        min-width: 0px;
        top: 0px;
        margin: 0px;
    }
    
    #popup_pricess>div {
        margin: 15px 0px;
        text-align: center;
    }
    
    #popup_pricess>div>div {    
        padding: 10px 0px;  
        font-size: 14px;  
        font-family: 'Montserrat', sans-serif;  
        font-weight: 700;
    }
    #popup_pricess>div>div:nth-child(1) {
        font-size: 18px;  
        color: #0084d4; 
        font-family: 'Montserrat', sans-serif;  
        font-weight: 700;
    }
    
    button.close {
        top: 10px;
        right: 10px;
    }
    
    .press_item {
        width: 100%;
        padding: 15px 0px;
    }
    
    .account.visible-phone {
        position: fixed;
        z-index: 2;
        text-align: center;
    }
    
    .account>ul {
        margin: 0px auto;
        text-align: center;
        width: 90%;
        margin: 0px 5%;
    }
    
    .account>ul>li {
        width: 33.3333%;
        text-align: center;
        float: left;
        list-style: none;
        color: #0084d4;
    }
    
    .account>ul>li>a {
        width: 100%;
    
        color: #696969;
        padding: 5px 0px;
        float: left;
        text-transform: uppercase;
        font-size: 12px;
        font-family: 'Raleway', sans-serif;
        font-weight: 700;
    }
    
    .leader_image>img {
        width: 60%;
        margin: 0px 20%;
    }
    
    div#form {
        padding-bottom: 100px;
    }
    
    div#content_wrapper {
        margin-top: 30px;
    }
    
    
    .top_screen.pattern {
        display: none;
    }
    
    #top_leaderpack {
        background: url('http://crucycle.com/asset/client/img/background_overlay_blue.png'),url('http://crucycle.com/asset/client/img/pack_header2_small.jpg');
        background-size: auto,cover;
        background-repeat: repeat,no-repeat;
        position: relative;
        overflow: hidden;
        background-position: 0px 0px, center -40px;
    }
}