/* 
    Table of Contents
    update on Thu Mar 31 2016 15:33:29 GMT+0300 (FLE Daylight Time)

             Buttons background color -----------------
             Buttons text color -----------------------
             Base font color --------------------------
             Font color (currently white) -------------
             Homepage testimonial color ---------------
             Footer text color ------------------------
             Header phone text color ------------------
    I.   Generic --------------------------------------
         01. Reset ------------------------------------
         02. Base -------------------------------------
         03. Fonts ------------------------------------
         04. Helpers ----------------------------------
             Clear ------------------------------------
             Notext -----------------------------------
             Hidden -----------------------------------
             Alignleft --------------------------------
             Alignright -------------------------------
             Disabled ---------------------------------
    II.  Regions --------------------------------------
         01. Container --------------------------------
         02. Content ----------------------------------
         03. Footer -----------------------------------
         04. Footer Secondary -------------------------
         05. Footer Teritary --------------------------
         06. Footer Quaternary ------------------------
         07. Header -----------------------------------
         08. Header Secondary -------------------------
         09. Main -------------------------------------
         10. Shell ------------------------------------
         11. Sidebar ----------------------------------
         12. Wrapper Secondary ------------------------
    III. Modules --------------------------------------
         01. Button -----------------------------------
             Button Block -----------------------------
         02. Col --------------------------------------
         03. Feature ----------------------------------
         04. Fix BG -----------------------------------
         05. Form Elements ----------------------------
         06. Custom Select ----------------------------
         07. Custom Checkbox --------------------------
         08. Custom Checkbox Secondary ----------------
         09. Custom Radio -----------------------------
         10. Form Select ------------------------------
         11. Form Login -------------------------------
         12. Form Login Secondary ---------------------
         13. Form Questions ---------------------------
         14. Form Register ----------------------------
         15. Form Steps -------------------------------
         16. Form Register Secondary ------------------
         17. Form Register Teritary -------------------
         18. Gmap -------------------------------------
         19. Intro ------------------------------------
         20. Intro Secondary --------------------------
         21. Intro Teritary ---------------------------
         22. Intro Quaternary -------------------------
         23. Intro Quinary ----------------------------
         24. Intro Fix --------------------------------
         25. List -------------------------------------
         26. List Links -------------------------------
         27. List Arrows ------------------------------
         28. List Links Secondary ---------------------
         29. List Bullets -----------------------------
         30. List Arrows Secondary --------------------
         31. Logo -------------------------------------
         32. Nav Access -------------------------------
         33. Phone ------------------------------------
         34. Phone Secondary --------------------------
         35. Section ----------------------------------
         36. Section Features -------------------------
         37. Section Features Secondary ---------------
         38. Section About ----------------------------
         39. Section Stories --------------------------
         40. Section Steps ----------------------------
         41. Section Secondary ------------------------
         42. Section White ----------------------------
         43. Section Grey -----------------------------
         44. Section Members --------------------------
         45. Section Contact --------------------------
         46. Section Testimonials ---------------------
         47. Service ----------------------------------
         48. Slider -----------------------------------
         49. Table ------------------------------------
         50. Tag --------------------------------------
         51. Tag Secondary ----------------------------
         52. Testimonial ------------------------------
         53. Testimonial Secondary --------------------
         54. Testimonial Teritary ---------------------
         55. Utilities --------------------------------
         56. Widget -----------------------------------
 */

/* background color and some of the text color */ /* Buttons background color */ /* Buttons text color */ /* Base font color */  /* Font color (currently white) */ /* Homepage testimonial color */ /* Footer text color*/ /* Header phone text color*/

.ico-arrow-left { background-image: url(../css/images/sprite_transparent.png); background-position: -28px -77px; width: 28px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-arrow-right { background-image: url(../css/images/sprite_transparent.png); background-position: -60px -77px; width: 23px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-chart { background-image: url(../css/images/sprite_transparent.png); background-position: 0 -77px; width: 24px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-cup { background-image: url(../css/images/sprite_transparent.png); background-position: 0 0; width: 40px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-gauge { background-image: url(../css/images/sprite_transparent.png); background-position: -88px -32px; width: 34px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-heads { background-image: url(../css/images/sprite_transparent.png); background-position: -50px -44px; width: 26px; height: 27px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-keyboard { background-image: url(../css/images/sprite_transparent.png); background-position: 0 -44px; width: 46px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-laptop { background-image: url(../css/images/sprite_transparent.png); background-position: -88px 0; width: 35px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-lock-grey { background-image: url(../css/images/sprite_transparent.png); background-position: -87px -77px; width: 12px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-lock { background-image: url(../css/images/sprite_transparent.png); background-position: -103px -77px; width: 12px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-torch { background-image: url(../css/images/sprite_transparent.png); background-position: -44px 0; width: 40px; height: 39px; display: inline-block; vertical-align: middle; font-size: 0; }

.shell:after,
.cols:after,
.nav-access ul:after,
.section-grey .section-body:after,
.section-contact .section-body:after { content: ''; line-height: 0; display: table; clear: both; }

/* ------------------------------------------------------------ *\
    I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
    Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

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

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

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

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

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

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }

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

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
    Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: #fff; font-family: 'Proxima Nova', sans-serif; font-size: 12px; line-height: 1.42; color: #4d4d4d; }

a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

h1 { font-family: 'Proxima Nova Condensed', sans-serif; font-size: 65px; line-height: 0.95; letter-spacing: -0.03em; color: #fff; text-align: center; }
h2 { font-family: 'Proxima Nova Condensed', sans-serif; font-size: 38px; line-height: 0.86; color: #fff; }
h3 { font-size: 48px; font-weight: 600; text-align: center; }
h4 { font-family: 'Gotham', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: -0.02em; text-align: center; }
h5 { font-family: 'Proxima Nova Condensed', sans-serif; font-size: 26px; letter-spacing: -0.03em; }

[class*="btn"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

@media (max-width: 767px) {
    /* ------------------------------------------------------------ *\
        Base
    \* ------------------------------------------------------------ */
    
    h1 { font-size: 32px; }
    h2 { font-size: 28px; }
    h3 { font-size: 24px; }
}

/* ------------------------------------------------------------ *\
    Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/proximanova-regular-webfont.eot');
    src: url('fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-regular-webfont.woff') format('woff'),
         url('fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/proximanova-bold-webfont.eot');
    src: url('fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-bold-webfont.woff') format('woff'),
         url('fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Condensed';
    src: url('fonts/proximanovacond-regular-webfont.eot');
    src: url('fonts/proximanovacond-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanovacond-regular-webfont.woff') format('woff'),
         url('fonts/proximanovacond-regular-webfont.ttf') format('truetype'),
         url('fonts/proximanovacond-regular-webfont.svg#proxima_nova_cn_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* @font-face {
    font-family: 'Proxima Nova Consensed';
    src: url('fonts/proximanovacond-bold-webfont.eot');
    src: url('fonts/proximanovacond-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanovacond-bold-webfont.woff') format('woff'),
         url('fonts/proximanovacond-bold-webfont.ttf') format('truetype'),
         url('fonts/proximanovacond-bold-webfont.svg#proxima_nova_cn_rgbold') format('svg');
    font-weight: 700;
    font-style: normal;
} */

@font-face {
    font-family: 'Proxima Nova Consensed';
    src: url('fonts/proxima_nova_cond_bold-webfont.eot');
    src: url('fonts/proxima_nova_cond_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proxima_nova_cond_bold-webfont.woff2') format('woff2'),
         url('fonts/proxima_nova_cond_bold-webfont.woff') format('woff'),
         url('fonts/proxima_nova_cond_bold-webfont.ttf') format('truetype'),
         url('fonts/proxima_nova_cond_bold-webfont.svg#proxima_nova_cn_rgbold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/proxima_nova_semibold-webfont.eot');
    src: url('fonts/proxima_nova_semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proxima_nova_semibold-webfont.woff') format('woff'),
         url('fonts/proxima_nova_semibold-webfont.ttf') format('truetype'),
         url('fonts/proxima_nova_semibold-webfont.svg#ProximaNova-Semibold&') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Gotham";
    src: url("fonts/Gotham_500_italic_1450277382.eot");
    src: url("fonts/Gotham_500_italic_1450277382.eot?#iefix") format("embedded-opentype"),
        url("fonts/Gotham_500_italic_1450277382.svg#Gotham") format("svg"),
        url("fonts/Gotham_500_italic_1450277382.woff") format("woff"),
        url("fonts/Gotham_500_italic_1450277382.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Gotham";
    src: url("fonts/Gotham_400_italic_1450277382.eot");
    src: url("fonts/Gotham_400_italic_1450277382.eot?#iefix") format("embedded-opentype"),
        url("fonts/Gotham_400_italic_1450277382.svg#Gotham") format("svg"),
        url("fonts/Gotham_400_italic_1450277382.woff") format("woff"),
        url("fonts/Gotham_400_italic_1450277382.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

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

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

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

@font-face {
    font-family: "Gotham";
    src: url("fonts/Gotham_700_italic_1450277382.eot");
    src: url("fonts/Gotham_700_italic_1450277382.eot?#iefix") format("embedded-opentype"),
        url("fonts/Gotham_700_italic_1450277382.svg#Gotham") format("svg"),
        url("fonts/Gotham_700_italic_1450277382.woff") format("woff"),
        url("fonts/Gotham_700_italic_1450277382.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

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

/* ------------------------------------------------------------ *\
    Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }


/*  Hidden  */

[hidden],
.hidden { display: none; }


/*  Alignleft  */

.alignleft { float: left; }


/*  Alignright  */

.alignright { float: right; }


/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/* ------------------------------------------------------------ *\
    II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
    Container
\* ------------------------------------------------------------ */

.container {}

/* ------------------------------------------------------------ *\
    Content
\* ------------------------------------------------------------ */

.content {}

/* ------------------------------------------------------------ *\
    Footer
\* ------------------------------------------------------------ */

.footer { padding: 83px 0 41px; font-size: 14px; line-height: 1; letter-spacing: -0.02em; color: #b1b1b1; background: #4d4d4d; }

/* ------------------------------------------------------------ *\
    Footer Secondary
\* ------------------------------------------------------------ */

.footer-secondary { text-align: center; padding: 31px 0; }

/* ------------------------------------------------------------ *\
    Footer Teritary
\* ------------------------------------------------------------ */

.footer-teritary { padding: 46px 0; color: #979797; text-align: left; background: #fff; }

/* ------------------------------------------------------------ *\
    Footer Quaternary
\* ------------------------------------------------------------ */

.footer-quaternary { color: #838383; background: #ffffff; }

@media (max-width: 767px) {

    /* ------------------------------------------------------------ *\
        Footer
    \* ------------------------------------------------------------ */
    
    .footer { padding: 60px 0 30px; text-align: center; }

    /* ------------------------------------------------------------ *\
        Footer Secondary
    \* ------------------------------------------------------------ */
    
    .footer-secondary { padding: 30px 0; }
}

/* ------------------------------------------------------------ *\
    Header
\* ------------------------------------------------------------ */

.header { padding: 1px 0; }

.header .shell { padding: 0 92px 0 12px; }
.header .logo { float: left; }
.header .header-inner { float: right; padding-top: 37px; }

/* ------------------------------------------------------------ *\
    Header Secondary
\* ------------------------------------------------------------ */

.header-secondary .header-inner { padding-top: 36px; }
.header-secondary .shell { max-width: 1140px; padding: 0 20px; }

@media (max-width: 767px) {

    /* ------------------------------------------------------------ *\
        Header
    \* ------------------------------------------------------------ */
    
    .header { padding: 10px 0; }

    .header .logo { width: 132px; height: 50px; background-size: 100% 100%; }
    .header .shell { padding: 0 20px; }
    .header .header-inner { padding-top: 5px; }

    /* ------------------------------------------------------------ *\
        Header Secondary
    \* ------------------------------------------------------------ */
    
    .header-secondary .header-inner { padding-top: 18px; }
}

/* ------------------------------------------------------------ *\
    Main
\* ------------------------------------------------------------ */

.main {}

/* ------------------------------------------------------------ *\
    Shell
\* ------------------------------------------------------------ */

.shell { max-width: 915px; margin: auto; }
.shell:after {}


@media (max-width: 1023px) {

    /* ------------------------------------------------------------ *\
        Shell
    \* ------------------------------------------------------------ */
    
    .shell { padding: 0 20px; }
}

/* ------------------------------------------------------------ *\
    Sidebar
\* ------------------------------------------------------------ */

.sidebar {}

/* ------------------------------------------------------------ *\
    Wrapper Secondary
\* ------------------------------------------------------------ */

.wrapper-secondary { background: #f0f0f0; }

/* ------------------------------------------------------------ *\
    III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
    Button
\* ------------------------------------------------------------ */

.btn { width: 100%; display: inline-block; max-width: 318px; height: 56px; border: 1px solid #f26522; border-radius: 5px; box-shadow: 0 0 30px rgba(111, 111, 111, .55); font-size: 23px; line-height: 56px; letter-spacing: -0.01em; color: #fff; text-transform: uppercase; text-decoration: none; text-align: center; vertical-align: middle; background: #f26522; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: .5s; }

.btn:hover { color: #f26522; background: none; }

.btn-small { height: 42px; box-shadow: none; line-height: 42px; }

.btn-big { box-shadow: none; max-width: 242px; height: 42px; font-size: 14px; line-height: 42px; }

.btn-secondary { max-width: 409px; height: 71px; box-shadow: none; font-family: 'Proxima Nova', sans-serif; font-size: 30px; line-height: 71px; letter-spacing: -0.01em; 
    background: #ed8128;
    background: linear-gradient(to bottom, #ed8128 0%,#fb6a31 100%);
}
.btn-secondary:hover { color: #fff; 
    background: #fb6a31;
    background: linear-gradient(#fb6a31 0%, #ed8128 100%);  
}

.btn-teritary { font-size: 24px; background: #f26522; }
.btn-teritary:hover { color: #f26522; background: none; }

.btn-quaternary { font-size: 26px; }

.btn-primary { box-shadow: none; }

.btn-xsmall { max-width: 227px; height: 40px; font-family: 'Proxima Nova', sans-serif; font-size: 16px; line-height: 40px; font-weight: 400; }

/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }

@media (max-width: 767px) {
    /* ------------------------------------------------------------ *\
        Btn
    \* ------------------------------------------------------------ */
    
    .btn { width: auto; height: 36px; padding: 0 15px; font-size: 14px; line-height: 36px; }
}

/* ------------------------------------------------------------ *\
    Col
\* ------------------------------------------------------------ */

.cols:after {}

.col { float: left; }

.col-size1 { width: 50.25%; }
.col-size2 { width: 49.75%; font-size: 15px; }
.col-size3 { width: 48.89%; }
.col-size4 { width: 51.11%; }
.col-size5 { width: 67.88%; }
.col-size6 { width: 32.12%; }

.col-1of2 { width: 50%; }
.col-1of3 { width: 33.3%; }

@media (max-width: 767px) {
    /* ------------------------------------------------------------ *\
        Col
    \* ------------------------------------------------------------ */
    
    .col { float: none; width: 100%; }
}

/* ------------------------------------------------------------ *\
    Feature
\* ------------------------------------------------------------ */

.feature { font-family: 'Gotham', sans-serif; font-size: 12px; color: #fontcolor; }

.feature p { letter-spacing: -0.02em; text-align: justify; }
.feature h4 { padding-bottom: 11px; }

.feature span { position: relative; display: block; width: 68px; height: 68px; margin: 0 auto 29px; border-radius: 2px; background: #4d4d4d; }
.feature span i { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }

@media (max-width: 767px) {
    /* ------------------------------------------------------------ *\
        Feature
    \* ------------------------------------------------------------ */
    
    .feature span { margin-bottom: 15px; }
    .feature p { text-align: center; }
    .feature h4 { padding-bottom: 8px; }
}

/* ------------------------------------------------------------ *\
    Fix BG
\* ------------------------------------------------------------ */

.fix-bg { background-size: cover; background-position: center center; }

.fix-bg .background { display: none; }

/* ------------------------------------------------------------ *\
    Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input::-moz-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field-secondary,
.field { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.field { display: block; width: 100%; height: 16px; border: 1px solid #dadada; border-radius: 2px; padding: 0 10px; }
.textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.select {}
.radio {}
.checkbox {}

/* ------------------------------------------------------------ *\
    Custom Select
\* ------------------------------------------------------------ */

.custom-select { position: relative; }

.custom-select select { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; }
.selecter-selected {
    font-size: 23px;
    font-weight: 600;
    padding: 4px 0;
}
.custom-select .custom-select-text { position: relative; width: 100%; height: 42px; padding: 0 60px 0 60px; border-radius: 3px; box-shadow: inset 0 0 4px rgba(0, 0, 0, .2); font-size: 23px; line-height: 42px; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; background: #fff; }
.custom-select .custom-select-text:after { content: ''; position: absolute; width: 0; height: 0; top: 50%; right: 14px; margin-top: -7px; border-style: solid; border-width: 15px 9.5px 0 9.5px; border-color: #4d4d4d transparent transparent transparent; }

/* ------------------------------------------------------------ *\
    Custom Checkbox
\* ------------------------------------------------------------ */

.list-checkboxes { padding-bottom: 5px; margin-top: -1px; text-align: center; }

.list-checkboxes li { display: inline-block; }
.list-checkboxes li + li { margin-left: 27px; }

.custom-checkbox span { position: relative; display: inline-block; width: 10px; height: 10px; margin-right: 3px; border: 1px solid #c9c9c9; border-radius: 2px; }
.custom-checkbox label { font-size: 13px; letter-spacing: -0.02em; }

.custom-checkbox input { display: none; }
.custom-checkbox input:checked + label span { border-color: #494949; }
.custom-checkbox input:checked + label span:after { content: ''; position: absolute; width: 10px; height: 9px; top: -3px; left: 1px; background: url(../css/images/check.png) no-repeat 0 0; }

/* ------------------------------------------------------------ *\
    Custom Checkbox Secondary
\* ------------------------------------------------------------ */

.custom-checkbox-secondary label { position: relative; display: block; padding-left: 18px; font-size: 12px; line-height: 1; color: #979797; text-align: left; }
.custom-checkbox-secondary span { position: absolute; width: 10px; height: 10px; top: 3px; left: 0; box-shadow: 1px 1px 3px rgba(0, 0, 0, .32); }
.custom-checkbox-secondary input:checked + label span:after { top: -2px; }

/* ------------------------------------------------------------ *\
    Custom Radio
\* ------------------------------------------------------------ */

.list-radios { padding-bottom: 40px; text-align: center; }

.list-radios li { display: inline-block; }
.list-radios li + li { margin-left: 46px; }

.list-radios-secondary li { display: block; width: 280px; margin: 0 auto; text-align: center; }
.list-radios-secondary li + li { margin: 10px auto 0; }
.list-radios-secondary .custom-radio { text-align: left; }

.custom-radio span { position: relative; position: relative; display: inline-block; width: 24px; height: 24px; top: -3px; vertical-align: middle; border: 2px solid #8d979b; border-radius: 50%; box-shadow: inset -2px -2px 6px rgba(0, 0, 0, .35); background: #fff; }
.custom-radio strong { font-size: 24px; font-weight: 400; }
.custom-radio label { font-family: 'Proxima Nova', sans-serif; font-size: 30px; font-weight: 700; color: #139ec8; }

.custom-radio input { display: none; }
.custom-radio input:checked + label span:after { content: ''; position: absolute; width: 12px; height: 12px; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-radius: 50%; background: #429fbb; }

@media (max-width: 1023px) {

    /* ------------------------------------------------------------ *\
        Custom Select
    \* ------------------------------------------------------------ */
    
    .custom-select .custom-select-text { padding: 0 50px 0 20px; }
}

@media (max-width: 767px) {

    /* ------------------------------------------------------------ *\
        Custom Select
    \* ------------------------------------------------------------ */
    
    .custom-select .custom-select-text { width: 100%; height: 35px; padding-right: 40px; font-size: 14px; line-height: 35px; }
    .custom-select .custom-select-text:after { margin-top: -6px; border-width: 11px 6px 0 6px; }
    .selecter-selected {
         width: 100%; height: 35px;  font-size: 14px; line-height: 30px; 
    }

    /* ------------------------------------------------------------ *\
        List Checkboxes
    \* ------------------------------------------------------------ */
    
    .list-checkboxes { text-align: justify; }
    .list-checkboxes:after { content: ''; width: 100%; display: inline-block; }

    .list-checkboxes li + li { margin: 0; }

    /* ------------------------------------------------------------ *\
        Custom Radio
    \* ------------------------------------------------------------ */
    
    .list-radios-secondary li { width: 210px; }

    .custom-radio label { font-size: 18px; }
    .custom-radio span { width: 18px; height: 18px; }
    .custom-radio input:checked + label span:after { width: 10px; height: 10px; margin: -5px 0 0 -5px; }

}

/* ------------------------------------------------------------ *\
    Form Select
\* ------------------------------------------------------------ */

.form-select { max-width: 827px; padding: 20px 28px 19px 24px; margin: 0 auto; border: 1px solid rgba(64, 122, 130, .51); border-radius: 5px; background: rgba(0, 0, 0, .33); }

.form-select .cols { margin-left: -3px; }
.form-select .col { position: relative; padding-left: 3px; }
.form-select .tag { position: absolute; left: -10px; bottom: 41px; }
.form-select .btn { display: block; width: 100%; }
.form-select .form-col-size1 { width: 69.47%; }
.form-select .form-col-size2 { width: 30.53%; }

/* ------------------------------------------------------------ *\
    Form Login
\* ------------------------------------------------------------ */

.form-login { width: 236px; padding: 8px 7px 4px; background: #e2e2e2; z-index: 5; }

.form-login a { display: block; padding-left: 4px; font-size: 15px; color: #8f8f8f; text-align: left; }

.form-login .field-secondary { display: block; width: 100%; height: 22px; padding: 0 7px; border: 1px solid #636363; font-family: 'Proxima Nova Condensed', sans-serif; font-size: 14px; }

.form-login .form-row + a { margin-top: 5px; }
.form-login .form-row + .form-row { margin-top: 5px; }

/* ------------------------------------------------------------ *\
    Form Login Secondary
\* ------------------------------------------------------------ */

.form-login-secondary { max-width: 487px; padding: 21px 28px 42px; margin: 0 auto; border-radius: 9px; font-family: 'Proxima Nova Condensed', sans-serif; background: rgba(54, 47, 45, .57); }

.form-login-secondary h3 { font-size: 44px; letter-spacing: -0.03em; color: #fff; }
.form-login-secondary a { display: block; padding: 0 12px; margin-top: 21px; font-size: 16px; font-weight: 700; color: #fff; text-decoration: none; }
.form-login-secondary a + a { margin: 13px 0 38px; }
.form-login-secondary a span { text-decoration: underline; }
.form-login-secondary a:hover span { text-decoration: none; }

.form-login-secondary .form-head { padding: 5px 0; }
.form-login-secondary .btn { max-width: 100%; font-family: 'Proxima Nova', sans-serif; }
.form-login-secondary .form-row + .form-row { margin-top: 20px; }
.form-login-secondary .field { height: 55px; padding: 0 34px; border-radius: 8px; font-size: 23px; font-weight: 400; }

/* ------------------------------------------------------------ *\
    Form Questions
\* ------------------------------------------------------------ */

.form-questions { position: relative; padding: 15px 33px 24px 25px; border-radius: 5px; box-shadow: inset 0 0 5px rgba(0, 0, 0, .3); font-family: 'Proxima Nova Condensed', sans-serif; letter-spacing: -0.02em; background: #fff; }

.form-questions .tag { position: absolute; top: -28px; left: -15px; font-family: 'Proxima Nova', sans-serif; }
.form-questions .btn { font-family: 'Proxima Nova', sans-serif; }
.form-questions .form-row + .form-row { margin-top: 7px; }
.form-questions .form-actions { padding-top: 18px; text-align: center; }

.form-questions .form-label { display: block; padding-left: 3px; color: #494949; }
.form-questions .form-label small { font-size: 14px; }

/* ------------------------------------------------------------ *\
    Form Register
\* ------------------------------------------------------------ */

.form-register { padding: 28px 33px 11px; }

.form-register .form-label { font-size: 17px; }
.form-register .field { height: 27px; }
.form-register .form-row + .form-row { margin-top: 12px; }
.form-register .list-checkboxes { padding-bottom: 1px; }
.form-register .form-actions { padding-top: 21px; }
.form-register .btn { max-width: 290px; height: 50px; margin-bottom: 17px; font-size: 17px; line-height: 50px; }

/* ------------------------------------------------------------ *\
    Form Steps
\* ------------------------------------------------------------ */

.form-steps .form-body { position: relative; text-align: center; }
.form-steps .form-title { font-family: 'Proxima Nova Condensed', sans-serif; font-size: 53px; line-height: 1.2; letter-spacing: -0.03em; color: #139ec8; padding-bottom: 33px; }
.form-steps .form-title-secondary { padding-bottom: 0; }
.form-steps .form-inner { display: inline-block; padding: 22px 25px 21px; margin-bottom: 47px; border-radius: 4px; background: #ccc; }
.form-steps .custom-select { width: 537px; }
.form-steps .list-radios-secondary { padding-bottom: 10px; }
.form-steps .custom-select-text { height: 38px; line-height: 38px; }
.form-steps .col + .col { margin-left: 35px; }
.form-steps .cols { display: inline-block; }
.form-steps .form-controls { position: relative; }
.form-steps .form-step { padding-bottom: 200px; }
.form-steps .form-label { position: absolute; width: 40px; height: 40px; top: 0; left: 0; border-radius: 2px; font-size: 23px; line-height: 40px; font-weight: 700; background: #e1e1e1; }
.form-steps .form-inner-secondary { margin-bottom: 10px; }
.form-steps .btn-teritary { max-width: 409px; margin-bottom: 65px; }
.form-steps .form-title-teritary { font-family: 'Proxima Nova Condensed', sans-serif; font-size: 41px; padding-bottom: 25px; }

.form-steps .form-step.form-step-final { max-width: 660px; margin: 0 auto; padding-bottom: 30px; }
.form-steps .form-step.form-step-final p { padding-bottom: 16px; font-family: 'Proxima Nova Condensed', sans-serif; font-size: 32px; line-height: 1.13; letter-spacing: -0.03em; }
.form-steps .form-step.form-step-final small { display: block; padding-bottom: 15px; text-align: left; font-size: 22px; line-height: 1.23; }
.form-steps .form-step.form-step-final p span { font-size: 19px; color: #4d5c63; }

.form-steps .form-col-size1 { width: 404px; }
.form-steps .form-col-size1 .field { width: 357px; }

.form-steps .form-inner .cols .field { width: 323px; }
.form-steps .form-inner .col-1of2 { width: 320px; }

.form-steps .form-col-size2 { width: 372px; }
.form-steps .form-col-size2 .col + .col { margin-left: 12px; }
.form-steps .form-col-size2 .form-inner .field { width: 99px; }

.form-steps .field { height: 40px; border: 2px solid #d7d7d7; border-radius: 3px; font-size: 23px; font-weight: 700; text-align: center; }
.form-steps .field::-webkit-input-placeholder { font-size: 23px; font-weight: 400; color: #b2b2b2; opacity: 1; }
.form-steps .field::-moz-placeholder { font-size: 23px; font-weight: 400; color: #b2b2b2; opacity: 1; }
.form-steps .field:-ms-input-placeholder { font-size: 23px; font-weight: 400; color: #b2b2b2; opacity: 1; }
.form-steps .field::placeholder { font-size: 23px; font-weight: 400; color: #b2b2b2; opacity: 1; }
.form-steps .field[name*="revenue"] { padding-left: 50px; }
.form-steps .field[name*="revenue"]::-webkit-input-placeholder { font-weight: 700; color: #4d4d4d; }
.form-steps .field[name*="revenue"]::-moz-placeholder { font-weight: 700; color: #4d4d4d; }
.form-steps .field[name*="revenue"]:-ms-input-placeholder { font-weight: 700; color: #4d4d4d; }
.form-steps .field[name*="revenue"]::placeholder { font-weight: 700; color: #4d4d4d; }

.form-steps .form-link { display: block; clear: both; margin-bottom: 30px; font-family: 'Proxima Nova Condensed', sans-serif; font-size: 20px; letter-spacing: -0.03em; color: #139ec8; text-decoration: none; }
.form-steps .form-link:hover { text-decoration: underline; }

.form-steps .col-1of2 { width: 261px; }
.form-steps .col-1of2 .custom-select { width: 213px; }

.form-steps .btn-back { position: absolute; width: 40px; height: 40px; top: 50%; left: 54px; margin-top: -20px; opacity: 0; visibility: hidden; background: url(../css/images/ico-back.svg); transition: .5s; z-index: 10; }
.form-steps .btn-back:hover { background: url(../css/images/ico-back_hover.svg) no-repeat 0 0; }
.form-steps .btn-back.active { opacity: 1; visibility: visible; }

.form-steps .form-step { position: absolute; width: 100%; top: 0; left: 0; opacity: 1; visibility: visible; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: .5s; }
.form-steps .form-step.current { position: static; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.form-steps .form-step.completed { position: absolute; opacity: 0; visibility: hidden; }

/* ------------------------------------------------------------ *\
    Form Register Secondary
\* ------------------------------------------------------------ */

.form-register-secondary { padding: 15px 27px 26px; box-shadow: 0 0 30px rgba(0, 0, 0, .34); background: rgba(0, 0, 0, .53); }

.form-register-secondary h5 { letter-spacing: 0; }

.form-register-secondary .hidden { display: none; }
.form-register-secondary .btn { max-width: 179px; height: 31px; margin-bottom: 0; line-height: 31px; font-size: 13px; }
.form-register-secondary .form-actions { padding-top: 16px; }
.form-register-secondary .field { height: 22px; font-size: 11px; font-family: 'Proxima Nova Condensed', sans-serif; color: #a8a8a8; }
.form-register-secondary .form-row + .form-row { margin-top: 11px; }
.form-register-secondary .form-head { padding-bottom: 10px; color: #fff; text-align: center; }

/* ------------------------------------------------------------ *\
    Form Register Teritary
\* ------------------------------------------------------------ */

.form-register-teritary { padding: 19px 22px 5px; }

.form-register-teritary .form-label { font-size: 12px; }
.form-register-teritary .field { height: 18px; }
.form-register-teritary .form-row + .form-row { margin-top: 6px; }
.form-register-teritary .form-actions { padding-top: 14px; }
.form-register-teritary .tag { -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); }
.form-register-teritary .btn { height: 34px; font-size: 12px; line-height: 34px; }

@media (max-width: 1023px) {

    /* ------------------------------------------------------------ *\
        Form Steps
    \* ------------------------------------------------------------ */
    
    .form-steps br { display: none; }

    .form-steps .form-step { padding: 0 20px 50px; }
    .form-steps .btn-back { left: 50%; top: -70px; margin: 0 0 0 -20px; }
}

@media (max-width: 767px) {

    /* ------------------------------------------------------------ *\
        Form Login
    \* ------------------------------------------------------------ */
    
    .form-login { width: 157px; }

    .form-login .field-secondary { font-size: 9px; height: 15px; }

    /* ------------------------------------------------------------ *\
        Form Select
    \* ------------------------------------------------------------ */
    
    .form-select { padding: 10px; text-align: center; }

    .form-select .btn { width: auto; display: inline-block; }

    .form-select .col { width: 100%; }
    .form-select .col + .col { margin-top: 10px; }

    /* ------------------------------------------------------------ *\
        Form Questions
    \* ------------------------------------------------------------ */
    
    .form-questions { padding: 15px 20px; }

    /* ------------------------------------------------------------ *\
        Form Register
    \* ------------------------------------------------------------ */
    
    .form-register { padding-bottom: 5px; }
    
    .form-register .form-label { font-size: 15px; }

    /* ------------------------------------------------------------ *\
        Form Steps
    \* ------------------------------------------------------------ */
    
    .form-steps { padding: 0 20px; }
    
    .form-steps br { display: none; }
    
    .form-steps .form-title { font-size: 26px; padding-bottom: 20px; }
    .form-steps .list-radios { padding-bottom: 20px; }
    .form-steps .btn-back { top: 0; }
    .form-steps .form-link { margin-bottom: 20px; }
    .form-steps .form-inner { margin-bottom: 20px; }
    .form-steps .col + .col { margin: 0; }
    .form-steps .form-title-teritary { font-size: 28px; line-height: 1.2; }

    .form-steps .form-step { padding: 50px 0 20px; }
    .form-steps .form-step:first-child { padding-top: 0; }
    
    .form-steps .form-step.form-step-final { padding-top: 0; }
    .form-steps .form-step.form-step-final p { font-size: 20px; }
    .form-steps .form-step.form-step-final small { padding-bottom: 10px; font-size: 16px; }
    .form-steps .form-step.form-step-final .btn-teritary { margin-bottom: 28px; }

    .form-steps .form-col-size2 .col + .col,
    .form-steps .form-inner .col-1of2 + .col { margin: 15px 0 0; }
    
    .form-steps .form-col-size1 .field,
    .form-steps .field,
    .form-steps .form-inner .cols .field,
    .form-steps .form-inner .col-1of2,
    .form-steps .col-1of2 .custom-select,
    .form-steps .cols,
    .form-steps .custom-select,
    .form-steps .form-inner,
    .form-steps .field,
    .form-steps .col { float: none; width: 100%; }

    /* ------------------------------------------------------------ *\
        Form Login Secondary
    \* ------------------------------------------------------------ */
    
    .form-login-secondary { padding: 20px; }

    .form-login-secondary h3 { font-size: 28px; }
    
    .form-login-secondary a { font-size: 14px; text-align: center; }
    .form-login-secondary a + a { margin: 8px 0 20px; }

    .form-login-secondary .form-head { padding-bottom: 15px; }
    .form-login-secondary .form-row + .form-row { margin-top: 10px; }
    .form-login-secondary .field { height: 42px; padding: 0 15px; }
    .form-login-secondary .form-actions { text-align: center; }
    .form-login-secondary .btn { margin: 0 auto; }

    /* ------------------------------------------------------------ *\
        Form Register Secondary
    \* ------------------------------------------------------------ */
    
    .form-register-secondary { padding-bottom: 15px; }
}

/* ------------------------------------------------------------ *\
    Gmap
\* ------------------------------------------------------------ */

.gmap { width: 100%; height: 256px; border: 4px solid #646464; border-radius: 4px; }

/* ------------------------------------------------------------ *\
    Intro
\* ------------------------------------------------------------ */

.intro { position: relative; padding: 65px 0 176px; }
.intro:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: 100% 100%; }

.intro h1 { padding: 0 50px 91px; }

.intro .list-links { margin: 14px auto -20px; }
.continue-agreement {   width: 100%; left: 0; z-index: 2; font-size: 12px; color: white; text-align: center; font-family: 'Gotham', sans-serif; }
.intro .shell { position: relative; padding: 0 30px; z-index: 2; }

/* ------------------------------------------------------------ *\
    Intro Secondary
\* ------------------------------------------------------------ */

.intro-secondary { padding: 89px 0 49px; }

.intro-secondary h2 { padding: 44px 0 35px; }
.intro-secondary h3 { font-size: 47px; line-height: 0.87; color: #fff; padding: 23px 0 36px; }

.intro-secondary .shell { padding: 0 32px 0 86px; }
.intro-secondary .list-arrows { padding-left: 12px; }
.intro-secondary .col-size1 { padding-left: 14px; }

.intro-secondary .intro-inner { font-family: 'Proxima Nova Condensed', sans-serif; font-size: 22px; line-height: 0.95; color: #fff; text-align: center; }
.intro-secondary .intro-inner p { font-weight: 700; }

/* ------------------------------------------------------------ *\
    Intro Teritary
\* ------------------------------------------------------------ */

.intro-teritary { padding: 69px 0 211px; }

.intro-teritary h2 { font-size: 46px; line-height: 0.85; text-align: center; padding-bottom: 73px; }

.intro-teritary .shell { padding: 0 75px 0; }
.intro-teritary .testimonial-secondary { margin-left: -110px; padding-right: 80px; }
.intro-teritary .col-size3 { padding: 51px 0 0 31px; }

/* ------------------------------------------------------------ *\
    Intro Quaternary
\* ------------------------------------------------------------ */

.intro-quaternary { padding: 267px 0 348px; }

/* ------------------------------------------------------------ *\
    Intro Quinary
\* ------------------------------------------------------------ */

.intro-quinary { padding: 112px 0 37px; }

.intro-quinary h3 { font-family: 'Proxima Nova Condensed', sans-serif; font-size: 47px; color: #fff; text-align: left; }

/* ------------------------------------------------------------ *\
    Intro Fix
\* ------------------------------------------------------------ */

.intro.intro-fix { padding: 0; overflow: hidden; }

.intro.intro-fix .shell { position: absolute; width: 100%; top: 45%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media(min-width: 768px) and (max-height: 765px) {
    /* ------------------------------------------------------------ *\
        Intro Fix
    \* ------------------------------------------------------------ */
    
    .intro.intro-fix { /*height: auto !important*/; padding: 40px 0; }

    .intro.intro-fix .shell { position: static; -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); }
}

@media(max-width: 767px) and (max-height: 600px) {
    /* ------------------------------------------------------------ *\
        Intro Fix
    \* ------------------------------------------------------------ */
    
    .intro.intro-fix { height: auto !important; padding: 20px 0; }

    .intro.intro-fix .shell { position: static; -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); }
}

@media (max-width: 1023px) {
    /* ------------------------------------------------------------ *\
        Intro
    \* ------------------------------------------------------------ */
    
    .intro h1 { padding: 0 0 91px; }

    /* ------------------------------------------------------------ *\
        Intro Secondary
    \* ------------------------------------------------------------ */
    
    .intro-secondary .shell { padding: 0 20px; }

    /* ------------------------------------------------------------ *\
        Intro Teritary
    \* ------------------------------------------------------------ */
    
    .intro-teritary { padding-bottom: 90px; }

    .intro-teritary .testimonial-secondary { margin-left: 0; padding-right: 20px; }
    .intro-teritary .shell { padding: 0 20px; }
    .intro-teritary .col-size3 { padding-left: 0; }

    /* ------------------------------------------------------------ *\
        Intro Quaternary
    \* ------------------------------------------------------------ */
    
    .intro-quaternary { padding: 50px 0; }
}

@media (max-width: 767px) {
    /* ------------------------------------------------------------ *\
    Intro
    \* ------------------------------------------------------------ */
.intro {
    /* equal to footer height */
    margin-bottom: -188px !important; 
}

.footer, .intro::after {
    height:188px !important;
}    

.intro { padding: 30px 0; }

.intro h1 { padding-bottom: 71px; }

.intro .shell { padding: 0 20px; }
.intro .list-links { position: static; padding-top: 20px; }

/* ------------------------------------------------------------ *\
Intro Secondary
\* ------------------------------------------------------------ */

.intro-secondary { padding: 30px 0; }

.intro-secondary h2 { padding: 0 0 20px; text-align: center; }
.intro-secondary h3 { font-size: 28px; padding: 0 0 20px; }
.intro-secondary br { display: none; }

.intro-secondary .col-size1 { padding: 0; }
.intro-secondary .list-arrows { padding: 0; }
.intro-secondary .col + .col { margin-top: 70px; }
.intro-secondary .col + .col-size6 { margin-top: 30px; }

/* ------------------------------------------------------------ *\
Intro Teritary
\* ------------------------------------------------------------ */

.intro-teritary { padding-bottom: 35px; }

.intro-teritary h2 { font-size: 28px; padding-bottom: 0; }
.intro-teritary br { display: none; }

.intro-teritary .col-size3 { padding-top: 35px; }
.intro-teritary .col + .col { margin-top: 70px; }

/* ------------------------------------------------------------ *\
Intro Quinary
\* ------------------------------------------------------------ */

.intro-quinary { padding: 30px 0; }

.intro-quinary h3 { text-align: center; }
}

/* ------------------------------------------------------------ *\
    List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* ------------------------------------------------------------ *\
    List Links
\* ------------------------------------------------------------ */

.list-links { font-family: 'Gotham', sans-serif; font-size: 11px; font-weight: 300; color: #fff; text-align: center; }

.list-links i { position: relative; top: -3px; margin-right: 2px; }

.list-links a { text-decoration: none; }
.list-links a:hover { text-decoration: underline; }

.list-links li { position: relative; display: inline-block; }
.list-links li + li { margin-left: 21px; }
.list-links li + li:after { content: ''; position: absolute; width: 1px; height: 15px; top: 1px; left: -11px; background: #fff; }

/* ------------------------------------------------------------ *\
    List Arrows
\* ------------------------------------------------------------ */

.list-arrows { font-family: 'Proxima Nova Condensed', sans-serif; font-size: 24px; color: #fffefe; }

.list-arrows i { position: absolute; top: 4px; left: 0; }

.list-arrows li { position: relative; padding-left: 49px; }
.list-arrows li + li { margin-top: 22px; }

/* ------------------------------------------------------------ *\
    List Links Secondary
\* ------------------------------------------------------------ */

.list-links-secondary { color: #838383; }

.list-links-secondary li + li:after { background: #838383; }

/* ------------------------------------------------------------ *\
    List Bullets
\* ------------------------------------------------------------ */

.list-bullets { font-family: 'Proxima Nova Condensed', sans-serif; font-size: 14px; letter-spacing: -0.04em; }

.list-bullets li { position: relative; padding-left: 6px; line-height: 0.93; }
.list-bullets li:after { content: ''; position: absolute; width: 3px; height: 3px; top: 4px; left: 0; border-radius: 50%; background: #4d4d4d; }
.list-bullets li + li { margin-top: 5px; }

/* ------------------------------------------------------------ *\
    List Arrows Secondary
\* ------------------------------------------------------------ */

.list-arrows-secondary { font-family: 'Proxima Nova Condensed', sans-serif; font-size: 13px; font-weight: 700; color: #323232; }

.list-arrows-secondary li { position: relative; padding-left: 23px; }
.list-arrows-secondary li + li { margin-top: 9px; }
.list-arrows-secondary li:before { content: ''; position: absolute; width: 11px; height: 11px; top: 3px; left: 0; background: url(../css/images/arrow-secondary.png) no-repeat 0 0; }

@media (max-width: 767px) {

    /* ------------------------------------------------------------ *\
        List Arrows
    \* ------------------------------------------------------------ */
    
    .list-arrows { text-align: left; }
    .list-arrows li { padding: 0; font-size: 18px; }
    .list-arrows li + li { margin-top: 15px; }
    .list-arrows i { position: relative; top: -1px; margin-right: 6px; }
    
    /* ------------------------------------------------------------ *\
        Lsit Checkboxes
    \* ------------------------------------------------------------ */

    .list-checkboxes { text-align: left; }
    
    .list-checkboxes li + li { margin-left: 15px; }
}

/* ------------------------------------------------------------ *\
    Logo
\* ------------------------------------------------------------ */

.logo { display: inline-block; width: 300px; height: 120px; vertical-align: middle; }

/* ------------------------------------------------------------ *\
    Nav Access
\* ------------------------------------------------------------ */

.nav-access { font-family: 'Proxima Nova Condensed', sans-serif; font-size: 15px; text-align: center; }

.nav-access p { padding-bottom: 4px; font-size: 17px; }
.nav-access a { display: block; padding: 1px 25px; text-decoration: none; transition: .5s; }

.nav-access ul { display: inline-block; }
.nav-access ul:after {}

.nav-access li { position: relative; float: left; }
.nav-access li + li:after { content: ''; position: absolute; width: 1px; height: 21px; top: -1px; left: -1px; background: #4d4d4d; }
.nav-access li:last-child .form-login { left: -82px; }

.nav-access .form-login { position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; transition: .5s; }
.nav-access .form-login a { padding-left: 5px; }

.nav-access .active a { background: #e2e2e2; }
.nav-access .active .form-login { opacity: 1; visibility: visible; }

@media (max-width: 767px) {

    /* ------------------------------------------------------------ *\
        Nav Access
    \* ------------------------------------------------------------ */
    
    .nav-access { font-size: 10px; }
    .nav-access a { padding: 0 15px; }

    .nav-access .form-login,
    .nav-access li:last-child .form-login { left: auto; right: 0; }
}

/* ------------------------------------------------------------ *\
    Phone
\* ------------------------------------------------------------ */

.phone { padding-bottom: 83px; font-family: 'Gotham', sans-serif; font-size: 20px; font-weight: 600; letter-spacing: -0.01em; color: #fff; text-align: center; }

/* ------------------------------------------------------------ *\
    Phone Secondary
\* ------------------------------------------------------------ */

.phone-secondary { font-family: 'Proxima Nova Condensed', sans-serif; font-size: 20px; letter-spacing: -0.01em; color: #838383; }

@media (max-width: 767px) {
    /* ------------------------------------------------------------ *\
        Phone
    \* ------------------------------------------------------------ */
    
    .phone { padding-bottom: 10px; font-size: 15px; }

    /* ------------------------------------------------------------ *\
        Phone Secondary
    \* ------------------------------------------------------------ */
    
    .phone-secondary { font-size: 14px; }
}

/* ------------------------------------------------------------ *\
    Section
\* ------------------------------------------------------------ */

.section { position: relative; }

.section .section-actions { position: absolute; width: 100%; bottom: -30px; left: 0; text-align: center; z-index: 5; }
.section .section-actions .btn:hover { background: #fff; }

/* ------------------------------------------------------------ *\
    Section Features
\* ------------------------------------------------------------ */

.section-features { padding: 46px 0 129px; }

.section-features h3 { padding-bottom: 28px; }

.section-features .cols { margin-left: -50px; }
.section-features .col { padding-left: 50px; }

/* ------------------------------------------------------------ *\
    Section Features Secondary
\* ------------------------------------------------------------ */

.section-features-secondary { padding: 64px 0 69px; }

/* ------------------------------------------------------------ *\
    Section About
\* ------------------------------------------------------------ */

.section-about { padding: 93px 0 147px; font-size: 28px; color: #fff; background: #4d4d4d; z-index: 4; }

.section-about h3 { color: #fff; padding-bottom: 21px; }
.section-about p { letter-spacing: -0.02em; line-height: 1.48; }

.section-about .shell { padding: 0 46px; }

/* ------------------------------------------------------------ *\
    Section Stories
\* ------------------------------------------------------------ */

.section-stories { padding: 45px 0 64px; }

.section-stories h3 { padding-bottom: 29px; }

.section-stories .cols { margin-left: -61px; }
.section-stories .col { padding-left: 61px; }

/* ------------------------------------------------------------ *\
    Section Steps
\* ------------------------------------------------------------ */

.section-steps { max-width: 1252px; padding: 110px 0 10px; margin: 0 auto; background: #fff; }

/* ------------------------------------------------------------ *\
    Section Secondary
\* ------------------------------------------------------------ */

.section-secondary h3 { font-family: 'Proxima Nova Condensed', sans-serif; font-size: 41px; }

/* ------------------------------------------------------------ *\
    Section White
\* ------------------------------------------------------------ */

.section-white { padding: 34px 0 48px; }

.section-white h3 { padding-bottom: 41px; }

.section-white .cols { margin-left: -100px; margin: 0 0 37px -100px; }
.section-white .col { padding-left: 100px; }
.section-white .section-actions { text-align: center; }
.section-white .shell { padding: 0 20px; }

/* ------------------------------------------------------------ *\
    Section Grey
\* ------------------------------------------------------------ */

.section-grey { padding: 45px 0 98px; color: #fff; background: #4d4d4d; }

.section-grey .section-head { padding-bottom: 44px; }
.section-grey .section-image { position: relative; float: right; width: 58.8%; }
.section-grey .section-body:after {}

.section-grey .section-inner { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; padding-top: 45px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }
.section-grey .section-inner ul { display: inline-block; text-align: left; }
.section-grey .section-inner ul + ul { margin-left: 29px; }

.section-grey .section-content { float: left; width: 41.2%; padding-top: 8px; font-family: 'Proxima Nova Condensed', sans-serif; font-size: 20px; line-height: 1.1; font-weight: 700; letter-spacing: -0.02em; }
.section-grey .section-content p { padding-bottom: 22px; }

/* ------------------------------------------------------------ *\
    Section Members
\* ------------------------------------------------------------ */

.section-members { padding: 89px 0 96px; }

.section-members .section-content { float: right; width: 60.11%; font-family: 'Proxima Nova Condensed', sans-serif; font-size: 21px; line-height: 1.06; letter-spacing: -0.02em; text-align: justify; }
.section-members .section-content p { padding-bottom: 18px; }

.section-members .section-image { float: left; width: 39.89%; font-family: 'Proxima Nova Condensed', sans-serif; letter-spacing: -0.02em; text-align: center; }
.section-members .section-image strong { display: block; margin-bottom: -2px; font-size: 16px; }
.section-members .section-image span { display: block; font-size: 16px; }
.section-members .section-image img { display: block; width: 100%; max-width: 300px; height: auto; margin: 0 auto 8px; }

/* ------------------------------------------------------------ *\
    Section Contact
\* ------------------------------------------------------------ */

.section-contact { padding: 23px 0 65px; background: #4d4d4d; }

.section-contact h3 { font-family: 'Proxima Nova Condensed', sans-serif; font-size: 47px; color: #fff; }
.section-contact p { padding-bottom: 18px; font-family: 'Proxima Nova Condensed', sans-serif; font-size: 19px; line-height: 1; color: #fff; }
.section-contact p a { display: block; text-decoration: none; }
.section-contact strong { display: block; padding-bottom: 8px; font-size: 23px; }
.section-contact span { display: inline-block; min-width: 61px; }

.section-contact .section-head { padding-bottom: 8px; }
.section-contact .section-body:after {}
.section-contact .section-aside { float: left; width: 53.98%; }
.section-contact .section-content { float: right; width: 34.95%; padding-top: 20px; }
.section-contact .shell { max-width: 641px; }

/* ------------------------------------------------------------ *\
    Section Testimonials
\* ------------------------------------------------------------ */

.section-testimonials { padding: 83px 0; }

.section-testimonials .section-aside { float: left; width: 53.51%; padding-top: 21px; }
.section-testimonials .section-content { float: right; width: 41.97%; }
.section-testimonials .shell { max-width: 641px; }

@media (max-width: 1023px) {

    /* ------------------------------------------------------------ *\
        Section Grey
    \* ------------------------------------------------------------ */
    
    .section-grey { padding: 40px 0 50px; text-align: center; }

    .section-grey .section-inner { position: static; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
    
    .section-grey .section-image { padding-top: 20px; }
    .section-grey .section-image img { width: 100%; height: auto; }
    .section-grey .section-image ul { color: #fff; }
    
    .section-grey .section-image,
    .section-grey .section-content { float: none; width: 100%; }
}

@media (max-width: 767px) {

    /* ------------------------------------------------------------ *\
        Section
    \* ------------------------------------------------------------ */
    
    .section .section-actions { bottom: -19px; }

    /* ------------------------------------------------------------ *\
        Section Features
    \* ------------------------------------------------------------ */
    
    .section-features { padding: 20px 0 50px; }
    
    .section-features h3 { padding-bottom: 25px; }
    
    .section-features .col + .col { margin-top: 35px; }

    /* ------------------------------------------------------------ *\
        Section Features Secondary
    \* ------------------------------------------------------------ */
    
    .section-features-secondary { padding: 30px 0; }

    /* ------------------------------------------------------------ *\
        Section About
    \* ------------------------------------------------------------ */
    
    .section-about { padding: 50px 0 40px; text-align: center; }
    
    .section-about p { font-size: 18px; }
    .section-about h3 { padding-bottom: 20px; }

    .section-about .shell { padding: 0 20px; }

    /* ------------------------------------------------------------ *\
        Section Stories
    \* ------------------------------------------------------------ */
    
    .section-stories { padding: 30px 0 50px; }
    
    .section-stories .col + .col { margin-top: 20px; }

    /* ------------------------------------------------------------ *\
        Section Steps
    \* ------------------------------------------------------------ */
    
    .section-steps { padding: 20px 0; }

    /* ------------------------------------------------------------ *\
        Section White
    \* ------------------------------------------------------------ */
    
    .section-white { padding: 20px 0; }
    
    .section-white h3 { font-size: 28px; line-height: 1.2; padding-bottom: 25px; }

    .section-white .col + .col { margin-top: 30px; }
    .section-white .cols { margin-bottom: 20px; }

    /* ------------------------------------------------------------ *\
        Section Grey
    \* ------------------------------------------------------------ */
    
    .section-grey { position: relative; padding: 30px 0 90px; }
    
    .section-grey h3 { font-size: 28px; line-height: 1.2; }
    
    .section-grey .btn{ position: absolute; bottom: 30px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
    .section-grey .section-head { padding-bottom: 15px; }
    .section-grey .section-image { padding-top: 10px; }
    
    .section-grey .section-inner { padding-top: 30px; }
    .section-grey .section-inner ul { min-width: 172px; }
    .section-grey .section-inner ul + ul { margin: 9px 0 0; }

    /* ------------------------------------------------------------ *\
        Section Members
    \* ------------------------------------------------------------ */
    
    .section-members { padding: 50px 0 30px; }
    
    .section-members .section-image { padding-bottom: 20px; }
    
    .section-members .section-image,
    .section-members .section-content { float: none; width: 100%; }
    .section-members .section-image img { margin: 0 auto; }

    /* ------------------------------------------------------------ *\
        Section Contact
    \* ------------------------------------------------------------ */
    
    .section-contact { padding: 40px 0; text-align: center; }

    .section-contact h3 { font-size: 28px; }
    
    .section-contact .section-head { padding-bottom: 20px; }
    
    .section-contact .section-aside,
    .section-contact .section-content { float: none; width: 100%; }

    /* ------------------------------------------------------------ *\
        Section Testimonials
    \* ------------------------------------------------------------ */
    
    .section-testimonials { padding: 35px 0; }
    
    .section-testimonials .section-content { padding-top: 50px; }

    .section-testimonials .section-aside,
    .section-testimonials .section-content { float: none; width: 100%; }
}

/* ------------------------------------------------------------ *\
    Service
\* ------------------------------------------------------------ */

.services { list-style-type: none; }

.services .service + .service { margin-top: 60px; }

.service { position: relative; padding: 2px 0 0 97px; }

.service span { position: absolute; top: 0; left: 0; width: 70px; height: 51px; border-radius: 6px; line-height: 51px; text-align: center; background: #4d4d4d; }
.service h5 { font-size: 20px; line-height: 0.95; letter-spacing: -0.02em; padding-bottom: 10px; }

@media (max-width: 767px) {
    /* ------------------------------------------------------------ *\
        Service
    \* ------------------------------------------------------------ */
    
    .services .service + .service { margin-top: 30px; }
    
    .service { padding-left: 80px; }
}

/* ------------------------------------------------------------ *\
    Slider
\* ------------------------------------------------------------ */

.slider {}

.slider .slides { list-style: none outside none; }

/* ------------------------------------------------------------ *\
    Table
\* ------------------------------------------------------------ */

.table {}

/* ------------------------------------------------------------ *\
    Tag
\* ------------------------------------------------------------ */

.tag { position: relative; width: 100%; max-width: 140px; padding-bottom: 24px; border-radius: 2px; overflow: hidden; font-size: 18px; color: #fff; text-align: center; }
.tag:after { content: ''; position: absolute; width: 0; height: 0; bottom: 10px; left: 13px; -webkit-transform: rotate(-62deg); -ms-transform: rotate(-62deg); transform: rotate(-62deg); border-style: solid; border-width: 46px 46px 0 0; border-color: #f26522 transparent transparent transparent; }

.tag span { position: relative; display: block; height: 28px; line-height: 28px; background: #f26522; z-index: 2; }

/* ------------------------------------------------------------ *\
    Tag Secondary
\* ------------------------------------------------------------ */

.tag-secondary { max-width: 120px; font-size: 15px; }

.tag-secondary span { height: 24px; line-height: 24px; }

/* ------------------------------------------------------------ *\
    Testimonial
\* ------------------------------------------------------------ */

.testimonial { padding-right: 8px; font-family: 'Gotham', sans-serif; font-size: 18px; line-height: 1.39; letter-spacing: -0.02em; color: #4d5c63; text-align: justify; }

.testimonial .testimonial-meta { display: block; padding-top: 22px; font-size: 20px; line-height: 1.35; }

/* ------------------------------------------------------------ *\
    Testimonial Secondary
\* ------------------------------------------------------------ */

.testimonial-secondary { font-family: 'Proxima Nova Condensed', sans-serif; font-size: 27px; line-height: 1.11; font-weight: 700; color: #fff; text-align: center; }

.testimonial-secondary .testimonial-meta { padding-top: 24px; font-size: 23px; line-height: 1.04; font-weight: 400; }

/* ------------------------------------------------------------ *\
    Testimonial Teritary
\* ------------------------------------------------------------ */

.testimonial-teritary { font-family: 'Proxima Nova Condensed', sans-serif; font-size: 24px; line-height: 1.25; }

.testimonial-teritary p { padding-bottom: 17px; }

.testimonial-teritary .testimonial-meta { padding-top: 22px; font-size: 16px; line-height: 1; text-align: right; }
.testimonial-teritary .testimonial-meta strong { display: block; }

@media (max-width: 767px) {
    /* ------------------------------------------------------------ *\
        Testimonial
    \* ------------------------------------------------------------ */
    
    .testimonial { padding-right: 0; font-size: 14px; text-align: center; }
    
    .testimonial .testimonial-meta { padding-top: 10px; font-size: 16px; }

    /* ------------------------------------------------------------ *\
        Testimonial Secondary
    \* ------------------------------------------------------------ */
    
    .testimonial-secondary { font-size: 18px; }
    
    .testimonial-secondary .testimonial-meta { font-size: 14px; }

    /* ------------------------------------------------------------ *\
        Testimonial Teritary
    \* ------------------------------------------------------------ */
    
    .testimonial-teritary { font-size: 18px; }
    
    .testimonial-teritary p { padding-bottom: 15px; }
    
    .testimonial-teritary .testimonial-meta { padding-top: 10px; }
}

/* ------------------------------------------------------------ *\
    Utilities
\* ------------------------------------------------------------ */

.utilities { padding-top: 14px; list-style-type: none; text-align: center; }

.utilities .utility { display: inline-block; }
.utilities .utility a { text-decoration: none; }
.utilities .utility p { display: inline-block; }
.utilities .utility + .utility:before { content: '| '; }

@media (max-width: 767px) {
    /* ------------------------------------------------------------ *\
        Utilities
    \* ------------------------------------------------------------ */
    
    .utilities .utility { display: block; }
    .utilities .utility + .utility { margin-top: 10px; }
    .utilities .utility + .utility:before { display: none; }
    
}

/* ------------------------------------------------------------ *\
    Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }
.selecter {
    margin: auto;
    max-width: 100%;
    text-align: center;
}
.selecter-selected:after {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 16px solid #323232;
}

.form-login .options {
    display: inline-block;
}

.form-login .options a {
    padding: 3px;
}
.form-login .options a:hover {
    text-decoration: underline;
}
.form-login .options.agent-links {
    width: 65%;
}

.form-login .options.login {
    display: inline-block;
    background-color: #575757;
    width: 30%;
}
.form-login .options.login button {
    color:white;
    border:none;
    position:absolute;
    background-color:inherit;
    top:71px;
    width:74px;
    right:9px;
}

.blanket {
    background: url('/images/loading.gif') center no-repeat #000;
    position: fixed;
    top: 0;
    z-index: 2500;
    opacity: .5;
    transition: opacity .2s;
    transition-delay: .1s;
    visibility: visible;
}
.blanket.full_cover {
    height: 100%;
    left: 0px;
    width: 100%;
}
.blanket.min_cover {
    height: 40px;
    top: 50%;
    right: 50%;
    width: 40px;
    opacity: 0.9;
    border-radius: 4px;
}
.form-questions .btn {
    margin-bottom: 17px;
}
.form-questions .form-row {
    padding: 2px;
}

.section-members a {
   text-decoration: none; 
}
/* Style only for Header on Single Page Landing Page */
.col.col-size1 > h2 {
    width : 300px;
}

.alert {
    padding: 15px;
    margin-bottom: 7px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 16px;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert a {
    display: inline;
    padding: 0;
    color: red;
}
.section-content.section-about-us {
    font-size: 28px;
}
.section-members .section-image img{
   max-width: 360px; 
   margin: 0 -58px;
}
.section-about-us p {
   margin: 0 0 0-7px;
}

.section-image.aboutUs-image img {
    max-width: 450px;
    width: 400px;
}

@media (max-width: 1026px) {

    /* ------------------------------------------------------------ *\
        Section Members
    \* ------------------------------------------------------------ */
    
    .section-members { padding: 50px 0 30px; }
    
    .section-members .section-image { padding-bottom: 20px; }
    
    .section-members .section-image,
    .section-members .section-content { float: none; width: 100%; }
    .section-members .section-image img { margin: 0 auto; }

    .section-image.aboutUs-image {
        float: none;
        width: 100%;
        padding-bottom: 20px;
    }
}

#overlay{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:#fff;
  transition: 1s 0.4s;
}
#progress{
  height:1px;
  background:#fff;
  position:absolute;
  width:0;
  top:50%;
}
#progstat{
    font-size: 1.5em;
    letter-spacing: 3px;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: 'Roboto', sans-serif !important;
    font-weight: lighter;
}

.form-row .form-controls input {
    margin-bottom: 20px;
}

.form-row .form-controls h5 {
    color : white;
}

html, body, .wrapper {
    height:100%;
}

.intro {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -118px; 
}

.intro::after {
    content: "";
    display: block;
}

.footer, .intro::after {
    height:118px;
    z-index:5;
    position:relative;
}

.form-row .form-controls p {
    color: white;
    font-size: 16px;
}