/*
    ==== GRID ====
*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
    font-family:              sans-serif;
    -ms-text-size-adjust:     100%;
    -webkit-text-size-adjust: 100%; }

body {
    margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block; }

audio, canvas, progress, video {
    display:        inline-block;
    vertical-align: baseline; }

audio:not([controls]) {
    display: none;
    height:  0; }

[hidden], template {
    display: none; }

a {
    background: transparent; }

a:active, a:hover {
    outline: 0; }

abbr[title] {
    border-bottom: 1px dotted; }

b, strong {
    font-weight: bold; }

dfn {
    font-style: italic; }

h1 {
    font-size: 2em;
    margin:    0.67em 0; }

mark {
    background: #ff0;
    color:      #000; }

small {
    font-size: 80%; }

sub, sup {
    font-size:      75%;
    line-height:    0;
    position:       relative;
    vertical-align: baseline; }

sup {
    top: -0.5em; }

sub {
    bottom: -0.25em; }

img {
    border: 0; }

svg:not(:root) {
    overflow: hidden; }

figure {
    margin: 1em 40px; }

hr {
    box-sizing: content-box;
    height:     0; }

pre {
    overflow: auto; }

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size:   1em; }

button, input, optgroup, select, textarea {
    color:  inherit;
    font:   inherit;
    margin: 0; }

button {
    overflow: visible; }

button, select {
    text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor:             pointer; }

button[disabled], html input[disabled] {
    cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
    border:  0;
    padding: 0; }

input {
    line-height: normal; }

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding:    0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto; }

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing:         content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

fieldset {
    border:  1px solid #c0c0c0;
    margin:  0 2px;
    padding: 0.35em 0.625em 0.75em; }

legend {
    border:  0;
    padding: 0; }

textarea {
    overflow: auto; }

optgroup {
    font-weight: bold; }

table {
    border-collapse: collapse;
    border-spacing:  0; }

td, th {
    padding: 0; }

* {
    box-sizing: border-box; }

*:before, *:after {
    box-sizing: border-box; }

.container {
    margin-right:  auto;
    margin-left:   auto;
    padding-left:  10px;
    padding-right: 10px;
    box-sizing:    border-box; }

.container:before, .container:after {
    content: " ";
    display: table; }

.container:after {
    clear: both; }

@media (max-width: 960px) {
    .container {
        padding-left:  22px;
        padding-right: 22px; }
}

@media (min-width: 640px) {
    .container {
        width: 100%; }
}

@media (min-width: 768px) {
    .container {
        width: 100%; }
}

@media (min-width: 960px) {
    .container {
        width: 960px; }
}

@media (min-width: 1200px) {
    .container {
        width: 1410px; }
}

.container-fluid {
    margin-right:  auto;
    margin-left:   auto;
    padding-left:  10px;
    padding-right: 10px; }

.container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }

.container-fluid:after {
    clear: both; }

.row {
    margin-left:  -10px;
    margin-right: -10px; }

.row:before, .row:after {
    content: " ";
    display: table; }

.row:after {
    clear: both; }

.mob-1, .tab-1, .lap-1, .desk-1, .all-2, .mob-2, .tab-2, .lap-2, .desk-2, .all-3, .mob-3, .tab-3, .lap-3, .desk-3, .all-4, .mob-4, .tab-4, .lap-4, .desk-4, .all-5, .mob-5, .tab-5, .lap-5, .desk-5, .all-6, .mob-6, .tab-6, .lap-6, .desk-6, .all-7, .mob-7, .tab-7, .lap-7, .desk-7, .all-8, .mob-8, .tab-8, .lap-8, .desk-8, .all-9, .mob-9, .tab-9, .lap-9, .desk-9, .all-10, .mob-10, .tab-10, .lap-10, .desk-10, .all-11, .mob-11, .tab-11, .lap-11, .desk-11, .all-12, .mob-12, .tab-12, .lap-12, .desk-12 {
    position:      relative;
    min-height:    1px;
    padding-left:  10px;
    padding-right: 10px; }

.all-1, .all-2, .all-3, .all-4, .all-5, .all-6, .all-7, .all-8, .all-9, .all-10, .all-11, .all-12 {
    float: left; }

.all-1 {
    width: 8.33333%; }

.all-2 {
    width: 16.66667%; }

.all-3 {
    width: 25%; }

.all-4 {
    width: 33.33333%; }

.all-5 {
    width: 41.66667%; }

.all-6 {
    width: 50%; }

.all-7 {
    width: 58.33333%; }

.all-8 {
    width: 66.66667%; }

.all-9 {
    width: 75%; }

.all-10 {
    width: 83.33333%; }

.all-11 {
    width: 91.66667%; }

.all-12 {
    width: 100%; }

@media (min-width: 640px) {
    .tab-1, .tab-2, .tab-3, .tab-4, .tab-5, .tab-6, .tab-7, .tab-8, .tab-9, .tab-10, .tab-11, .tab-12 {
        float: left; }

    .tab-1 {
        width: 8.33333%; }

    .tab-2 {
        width: 16.66667%; }

    .tab-3 {
        width: 25%; }

    .tab-4 {
        width: 33.33333%; }

    .tab-5 {
        width: 41.66667%; }

    .tab-6 {
        width: 50%; }

    .tab-7 {
        width: 58.33333%; }

    .tab-8 {
        width: 66.66667%; }

    .tab-9 {
        width: 75%; }

    .tab-10 {
        width: 83.33333%; }

    .tab-11 {
        width: 91.66667%; }

    .tab-12 {
        width: 100%; }
}

@media (min-width: 768px) {
    .lap-1, .lap-2, .lap-3, .lap-4, .lap-5, .lap-6, .lap-7, .lap-8, .lap-9, .lap-10, .lap-11, .lap-12 {
        float: left; }

    .lap-1 {
        width: 8.33333%; }

    .lap-2 {
        width: 16.66667%; }

    .lap-3 {
        width: 25%; }

    .lap-4 {
        width: 33.33333%; }

    .lap-5 {
        width: 41.66667%; }

    .lap-6 {
        width: 50%; }

    .lap-7 {
        width: 58.33333%; }

    .lap-8 {
        width: 66.66667%; }

    .lap-9 {
        width: 75%; }

    .lap-10 {
        width: 83.33333%; }

    .lap-11 {
        width: 91.66667%; }

    .lap-12 {
        width: 100%; }
}

@media (min-width: 960px) {
    .desk-1, .desk-2, .desk-3, .desk-4, .desk-5, .desk-6, .desk-7, .desk-8, .desk-9, .desk-10, .desk-11, .desk-12 {
        float: left; }

    .desk-1 {
        width: 8.33333%; }

    .desk-2 {
        width: 16.66667%; }

    .desk-3 {
        width: 25%; }

    .desk-4 {
        width: 33.33333%; }

    .desk-5 {
        width: 41.66667%; }

    .desk-6 {
        width: 50%; }

    .desk-7 {
        width: 58.33333%; }

    .desk-8 {
        width: 66.66667%; }

    .desk-9 {
        width: 75%; }

    .desk-10 {
        width: 83.33333%; }

    .desk-11 {
        width: 91.66667%; }

    .desk-12 {
        width: 100%; }
}

/*
    ==== GRID ====
*/
@font-face {
    font-family: "kameronBold";
    src:         url("../fonts/adelle_semibold-webfont.eot");
    src:         url("../fonts/adelle_semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/adelle_semibold-webfont.woff") format("woff"), url("../fonts/adelle_semibold-webfont.ttf") format("truetype"), url("../fonts/adelle_semibold-webfont.svg#JournalRegular") format("svg");
    font-weight: normal;
    font-style:  normal;
}

@font-face {
    font-family: "kameronRegular";
    src:         url("../fonts/adelle_reg-webfont.eot");
    src:         url("../fonts/adelle_reg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/adelle_reg-webfont.woff") format("woff"), url("../fonts/adelle_reg-webfont.ttf") format("truetype"), url("../fonts/adelle_reg-webfont.svg#JournalRegular") format("svg");
    font-weight: normal;
    font-style:  normal;
}

/*
@font-face {
    font-family: 'kameronRegular';
    src:         url('../fonts/KAMERON-REGULAR.TTF');
}

@font-face {
    font-family: 'kameronInalic';
    src:         url('../fonts/SANCHEZ-ITALIC_1.TTF');
}

@font-face {
    font-family: 'kameronRegular-1';
    src:         url('../fonts/SANCHEZ-REGULAR_1.TTF');
}*/
.inline, .clr {
    display:  inline-block;
    *display: inline;
    *zoom:    1; }

.clr {
    width: 100%;
    float: left;
    clear: both; }

.white {
    background-color: #fff; }

.gray {
    background-color: #eee; }

.customForm-hidden {
    display:  block !important;
    position: absolute !important;
    left:     -9999px !important; }

/* custom checkbox styles */
.chk-area {
    margin:   0px 10px 0 5px;
    float:    left;
    overflow: hidden;
    width:    18px;
    height:   17px;
    border:   1px solid #acc3d9; }

.chk-area span {
    width:  17px;
    height: 17px; }

.chk-disabled span {
    margin-top: 0; }

.chk-checked span {
    background: url('../images/checked-arrow.png') 2px 4px no-repeat;
    display:    block; }

.customForm-hidden {
    display:  block !important;
    position: absolute !important;
    left:     -9999px !important; }

/* radio button styles */
.rad-area {
    margin:   3px 10px 0 0 !important;
    float:    left;
    overflow: hidden;
    height:   18px;
    width:    17px; }

.rad-area span {
    background: url('../images/bg-check-box.png') no-repeat;
    display:    block;
    width:      16px;
    height:     16px; }

.rad-checked span {
    background: url('../images/active-check-box.png') no-repeat; }

.rad-disabled span {
    margin-top: 0; }

.header {
    box-shadow: 1px 1px 1px #cecece; }

.header .angle-right {
    box-shadow:        1px 1px 1px #cecece;
    left:              -30px;
    -webkit-transform: skew(-45deg);
    -ms-transform:     skew(-45deg);
    transform:         skew(-45deg); }

.header .op1 {
    opacity: 1;
    width:   88.1%; }

.order {
    position:   relative;
    margin-top: 60px; }

.order .order-news {
    position:   absolute;
    width:      85%;
    height:     40px;
    top:        25px;
    right:      0px;
    background: #ebedef; }

.order .order-news .order-right {
    position:    absolute;
    width:       0%;
    height:      40px;
    top:         0px;
    right:       100%;
    border-top:  40px solid #ebedef;
    border-left: 40px solid transparent; }

.order .order-news h2 {
    margin:      0px;
    color:       #323232;
    font-size:   26px;
    font-family: 'kameronBold';
    padding:     5px 10px; }

.order .order-tabs {
    margin-top:    100px;
    margin-bottom: 25px; }

.order .order-tabs ul {
    list-style:    none;
    border-bottom: 5px solid #3269a2;
    padding:       5px 0px;
    margin-bottom: 0px; }

.order .order-tabs ul li {
    float:    left;
    position: relative; }

.order .order-tabs ul li a {
    text-decoration: none;
    background:      #f4f7fa;
    font-size:       18px;
    color:           #bebebe;
    font-family:     "kameronRegular";
    padding:         5px 15px;
    margin:          0px 10px 0px 0px; }

.order .order-tabs ul li .active {
    background:  #3269a2;
    font-family: "kameronBold";
    color:       #fff; }

.order .order-tabs ul li .active span {
    position:      absolute;
    width:         0%;
    height:        40px;
    bottom:        -5px;
    left:          73px;
    border-bottom: 35px solid #3269a2;
    border-right:  15px solid transparent;
    z-index:       10; }

.order .order-tabs ul li .active .ygal {
    left: 75px; }

.order .tab {
    border: 1px solid #eaf0f5; }

.order .tab .tab-form h4 {
    font-size:   24px;
    font-family: 'kameronBold';
    color:       #323232;
    margin:      0px;
    padding:     30px 0px; }

.order .tab .tab-form form div {
    margin-bottom: 20px; }

.order .tab .tab-form form div .div-p {
    margin:      0px;
    padding:     10px 10px;
    font-size:   16px;
    color:       #323232;
    font-family: "kameronBold"; }

.order .tab .tab-form form div .div-input {
    margin: 0px; }

.order .tab .tab-form form div .div-input input {
    width:   100%;
    padding: 12px 5px;
    border:  1px solid #acc3d9; }

.order .tab .tab-form form div .div-input textarea {
    width:   100%;
    height:  100px;
    resize:  none;
    border:  1px solid #acc3d9;
    padding: 5px 5px; }

.order .tab .tab-form form div .div-input .radio-br {
    margin-bottom:  10px;
    padding-bottom: 10px;
    border-bottom:  1px solid #acc3d9; }

.order .tab .tab-form form div .div-input div .radio {
    margin-top:    12px;
    margin-bottom: 15px; }

.order .tab .tab-form form div .div-input div .radio input[type="radio"] {
    width:  10%;
    margin: 15px 0px; }

.order .tab .tab-form form div .div-input div .radio span {
    font-size:   16px;
    font-family: "kameronRegular";
    color:       #323232;
    padding:     0px 5px; }

.order .tab .tab-form form div .div-input p {
    display: inline; }

.order .tab .tab-form form div .div-input span {
    font-size:   16px;
    font-family: "kameronBold";
    color:       #4074a8; }

.order .tab .tab-form form div p {
    font-size:   16px;
    font-family: "kameronRegular";
    color:       #323232;
    padding:     0px 15px; }

.order .tab .tab-form form button {
    display:            block;
    margin:             0px 25px 20px 0px;
    border:             1px solid #fd5e00;
    background:         none;
    float:              right;
    -webkit-transform:  skew(-45deg);
    -ms-transform:      skew(-45deg);
    transform:          skew(-45deg);
    -webkit-transition: all 0.5s;
    transition:         all 0.5s; }

.order .tab .tab-form form button:hover {
    border: 1px solid #3269a2; }

.order .tab .tab-form form button p {
    padding:            8px 60px;
    margin:             0;
    font-family:        'kameronBold';
    font-weight:        bold;
    color:              #fd5e00;
    -webkit-transform:  skew(45deg);
    -ms-transform:      skew(45deg);
    transform:          skew(45deg);
    -webkit-transition: all 0.5s;
    transition:         all 0.5s; }

.order .tab .tab-form form button p:hover {
    color: #3269a2; }