/* 
	Table of Contents
	update on Wed Jul 08 2015 15:02:22 GMT+0300 (FLE Summer Time)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Fonts ------------------------------------
	         Helvetica Neue LtStd Light ---------------tile-content"
	         Helvetica Neue LtStd Roman ---------------
	     03. Base -------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Full background --------------------------
	         Layout -----------------------------------
	II.  Regions --------------------------------------
	     01. Wrapper ----------------------------------
	     02. Container --------------------------------
	     03. Shell ------------------------------------
	     04. Header -----------------------------------
	     05. Main -------------------------------------
	     06. Footer -----------------------------------
	     07. Content ----------------------------------
	     08. Sidebar ----------------------------------
	III. Themes ---------------------------------------
	IV.  Modules --------------------------------------
	     01. Button -----------------------------------
	     02. Callout ----------------------------------
	     03. Form Elements ----------------------------
	     04. Form -------------------------------------
	         Form Subscribe ---------------------------
	         Form Contact -----------------------------
	     05. List -------------------------------------
	     06. Logo -------------------------------------
	     07. Map --------------------------------------
	     08. Nav --------------------------------------
	     09. Section ----------------------------------
	         Section contacts -------------------------
	     10. Slider -----------------------------------
	     11. Table ------------------------------------
	     12. Tiles ------------------------------------
	     13. Widget -----------------------------------
 */

/* ------------------------------------------------------------ *\
	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 {
    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;
}

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

/*  Helvetica Neue LtStd Light  */

@font-face {
    font-family: 'Helvetica Neue LtStd';
    font-weight: 300;
    font-style: normal;
}

/*  Helvetica Neue LtStd Medium  */

@font-face {
    font-family: 'Helvetica Neue LtStd';
    font-weight: 500;
    font-style: normal;
}

/*  Helvetica Neue LtStd Roman  */

@font-face {
    font-family: 'Helvetica Neue LtStd';
    font-weight: 400;
    font-style: normal;
}

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

body {
    min-width: 1024px;
    background: #333;
    font: 12px/1.67 'Helvetica Neue LtStd', sans-serif;
    color: #fff;
}

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

    a:hover {
        text-decoration: none;
    }

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

h1,
h2,
h3,
h4,
h6 {
    font-weight: 300;
}

h1 {
    font-size: 52px;
    line-height: 1;
}

h2 {
    font-size: 25px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 19px;
}

h5 {
    font-size: 18px;
    font-weight: 500;
}

h6 {
    font-size: 17px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.835em;
}

p,
ul,
ol,
dl,
table,
blockquote {
    margin-bottom: 1.67em;
}

    h1[class],
    h2[class],
    h3[class],
    h4[class],
    h5[class],
    h6[class],
    h1:last-child,
    h2:last-child,
    h3:last-child,
    h4:last-child,
    h5:last-child,
    h6:last-child,
    p:last-child,
    ul:last-child,
    ol:last-child,
    dl:last-child,
    table:last-child,
    blockquote:last-child {
        margin-bottom: 0;
    }

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

/*  Clear  */

.cols:after,
.form-cols:after,
.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;
}

/*  Full background  */

.fbg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

    .fbg img {
        display: none;
    }

/*  Layout  */

.col {
    float: left;
}

.col-size1 {
    width: 57%;
}

.col-size2 {
    width: 43%;
}

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

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

.wrapper {
    position: relative;
    min-height: 100%;
}

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

.container {
}

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

.shell {
    width: 100%;
    max-width: 1056px;
    margin: auto;
}

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

.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: rgba(0, 0, 0, .6);
    border-bottom: 1px solid #83807e;
}

    .header .logo {
        float: left;
        margin-top: 10px;
    }

    .header .nav {
        float: right;
    }

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

.main {
}

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

.footer {
    background: #333;
    padding: 45px 0 25px;
}

    .footer .copyrights {
        padding-top: 30px;
        font-size: 10px;
        color: #999;
    }

        .footer .copyrights span {
            padding: 0 3px;
        }

        .footer .copyrights a {
            text-decoration: none;
        }

            .footer .copyrights a:hover {
                text-decoration: underline;
            }


.footer-cols {
    overflow: hidden;
}

.footer-col {
    float: left;
}

    .footer-col ~ .footer-col {
        border-left: 1px solid #ccc;
        padding-left: 44px;
    }

.footer-col-size1 {
    width: 39.5%;
}

.footer-col-size2 {
    width: 60.5%;
}

.footer-logo {
    display: block;
    width: 285px;
    height: 76px;
    background: url(images/sprite.png) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
    .footer-logo {
        background-image: url(images/sprite@x2.png);
        background-size: 285px 145px;
    }
}

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

.content {
}

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

.sidebar {
}

/* ------------------------------------------------------------ *\
	III. Themes
\* ------------------------------------------------------------ */



/* ------------------------------------------------------------ *\
	IV.  Modules
\* ------------------------------------------------------------ */

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

.testimonial_block {
    padding-left: 300px;
    position: absolute;
    width: 84%;
    display: none;
    list-style: none;
    list-style-position: outside;
}

#testimonial_landing {
    padding: 0 0 0 0;
}

    #testimonial_landing .inner_content {
        color: white;
        min-height: 120px;
        width: 100%;
    }

        #testimonial_landing .inner_content .testimonial_quote {
            font-size: 20px;
            text-align: left;
            list-style: none;
            list-style-position: outside;
        }

        #testimonial_landing .inner_content .testimonial_author {
            font-size: 16px;
            font-style: italic;
            text-align: left;
            list-style: none;
            list-style-position: outside;
            padding-right: 80px;
        }

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

.btn {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    border: 1px solid #fff;
    text-decoration: none;
    min-width: 146px;
    max-width: 100%;
    padding: 7px 10px;
    text-align: center;
    transition: all .3s;
    font-size: 13px;
    line-height: 1.2;
}

    .btn:hover {
        background: #fff;
        color: #000;
    }

.btn-blue {
    min-width: 121px;
    background: #0099ff;
    border: none;
    font-size: 12px;
}

    .btn-blue:hover {
        background: #027bcb;
        color: #fff;
    }

/* ------------------------------------------------------------ *\
	Callout
\* ------------------------------------------------------------ */

.callout {
    padding: 26px 0 23px;
    text-align: center;
    background: #0099ff;
}

.callout-secondary {
    padding: 40px 0;
}

.callout h2,
.callout-actions {
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px;
}

/* ------------------------------------------------------------ *\
	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 {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
    border-radius: 0;
    -webkit-appearance: none;
}

.textarea {
}

.select {
}

.radio {
}

.checkbox {
}

.form-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

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

.form {
}

    .form .form-label {
        display: block;
    }

    .form .form-cols {
        margin: 0 -2px;
    }

    .form .form-col {
        float: left;
        padding: 0 2px;
    }

/*  Form Subscribe  */

.form-subscribe {
    padding: 9px 0 15px;
}

    .form-subscribe .form-head {
        padding-bottom: 2px;
    }

    .form-subscribe .form-col {
        width: 39.5%;
    }

    .form-subscribe .form-col-small {
        width: 21%;
    }

    .form-subscribe .form-label {
        font-size: 9px;
        padding-bottom: 7px;
    }

    .form-subscribe .field {
        height: 33px;
    }

    .form-subscribe .form-actions {
        padding: 24px 0 0 6px;
    }

/*  Form Contact  */

.form-contact {
    padding: 2px 30px 0 0;
}

    .form-contact .form-cols {
        margin: 0 -11px;
    }

    .form-contact .form-col {
        padding: 0 11px;
        width: 50%;
    }

    .form-contact .form-row ~ .form-row {
        padding-top: 10px;
    }

    .form-contact .form-label {
        padding-bottom: 7px;
        font-size: 12px;
    }

    .form-contact .field {
        height: 28px;
    }

    .form-contact .field-textarea {
        height: 47px;
    }

    .form-contact .form-actions {
        padding-top: 20px;
    }

    .form-contact .form-btn {
        min-width: 152px;
    }

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

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


.list-contacts dt {
    font-size: 17px;
    color: #0099ff;
}

.list-contacts dd {
    font-size: 12px;
    line-height: 1.67;
    padding-bottom: 14px;
}

.list-contacts a {
    text-decoration: none;
    cursor: pointer;
}

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

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

.logo {
    display: inline-block;
    width: 235px;
    height: 63px;
    background: url(images/sprite.png) no-repeat 0 -82px;
    font-size: 0;
    line-height: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
    .logo {
        background-image: url(images/sprite@x2.png);
        background-size: 285px 145px;
    }
}

/* ------------------------------------------------------------ *\
	Map
\* ------------------------------------------------------------ */

.map {
    height: 505px;
    width: 100%;
}

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

.nav ul {
    list-style: none outside none;
    overflow: hidden;
}

.nav li {
    float: left;
}

.nav a {
    display: block;
    min-width: 68px;
    text-transform: uppercase;
    padding: 32px 12px 35px;
    text-decoration: none;
    transition: background .3s;
}

    .nav .current a,
    .nav a:hover {
        background: #0099ff;
    }

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

/*  Section contacts  */

.section-contacts {
    position: relative;
    overflow: hidden;
    padding: 20px 0 74px;
    font-size: 13px;
    line-height: 1.62;
}

    .section-contacts .section-title {
        padding-bottom: 4px;
        color: #0099ff;
    }

    .section-contacts .section-image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }

    .section-contacts .section-content {
        position: relative;
        z-index: 2;
    }

    .section-contacts .col {
        padding: 10px 50px 0 0;
    }

        .section-contacts .col ~ .col {
            padding-left: 40px;
            border-left: 1px solid #ccc;
        }

    .section-contacts .list-contacts {
        padding: 11px 0 30px;
    }

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

.slider {
    position: relative;
    overflow: hidden;
}

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

    .slider .slide {
        position: relative;
        width: 100%;
        height: auto;
    }

    .slider .slide-content {
        position: absolute;
        top: 260px;
        right: 6%;
        max-width: 510px;
        width: 100%;
        margin-left: 200px;
        font-size: 12px;
        line-height: 1.3;
    }

    .slider .slide-content-secondary {
        text-align: right;
        font-size: 27px;
    }

        .slider .slide-content-secondary h1 {
            font-size: 62px;
            padding-right: 6px;
            margin-bottom: 5px;
        }

    .slider .slide-content h1 {
        padding: 6px 0 7px 10px;
        font-size: 45px;
        border-width: 1px 0;
        border-style: solid;
        border-color: rgba(255, 255, 255, .26);
        margin: 0;
        text-transform: uppercase;
        line-height: .9;
    }

    .slider .slide-content-inner {
        overflow: hidden;
        padding: 11px 0 0 14px;
    }

    .slider .slide-entry {
        float: left;
        width: 340px;
    }

    .slider .slide-actions {
        float: right;
        padding-top: 4px;
    }

    .slider .owl-item {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
    }

    .slider .owl-dots {
        position: absolute;
        bottom: 22px;
        left: 0;
        right: 0;
        text-align: center;
    }

    .slider .owl-dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #fff;
        display: inline-block;
        margin: 0 2px;
        transition: background .3s;
    }

        .slider .owl-dot.active,
        .slider .owl-dot:hover {
            background: #0099ff;
        }

    .slider .owl-carousel .owl-item img {
        display: none;
    }

@media (min-width: 1281px) {
    .slider .slide-content {
        left: 50%;
        margin-left: 55px;
    }
}

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

.table {
}

/* ------------------------------------------------------------ *\
	Tiles
\* ------------------------------------------------------------ */

.tiles {
    overflow: hidden;
    display: table;
    width: 100%;
}

.tile {
    display: table-cell; /*vertical-align: bottom;*/
    padding: 20px 40px;
    font-size: 12px;
    line-height: 1.5;
}

    .tile h4 {
        margin: 28px 0 3px;
    }

        .tile h4 sup {
            font-size: 12px;
        }

    .tile p {
        padding-bottom: 43px;
    }

.tile-1of1 {
    width: 100%;
}

.tile-1of2 {
    width: 50%;
}

.tile-1of3 {
    width: 33.333%;
}

.tile-primary {
    background: #ff9933;
}

.tile-secondary {
    background: #00aeef;
}

.tile-tertiary {
    background: #66cc33;
}

.tile-content {
    overflow: hidden;
    padding-bottom: 20px;
}

    .tile-content h4 {
        float: left;
        margin: 10px 0 10px;
    }

    .tile-content .tile-form {
        width:50%;
        float: right;
        padding-top: 8px;
    }

    .tile-content .tile-actions {
        float: right;
        padding-top: 8px;
    }

.tile-image {
    margin: 0 -40px -20px;
}

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

.widgets {
    list-style: none outside none;
}



.social-media-links {
    margin-top: 12px;
    margin-left: 25px
}

    .social-media-links li {
        display: inline-block;
        list-style-type: none;
    }

        .social-media-links li a {
            height: 38px;
            width: 38px;
            margin: 0 3px;
            display: inline-block;
            background-repeat: no-repeat;
        }



            .social-media-links li a.facebook {
                background-image: url('images/facebook.png');
            }

                .social-media-links li a.facebook:hover {
                    background-image: url('images/facebook-hover.png');
                }

            .social-media-links li a.twitter {
                background-image: url('images/twitter.png');
            }

                .social-media-links li a.twitter:hover {
                    background-image: url('images/twitter-hover.png');
                }

            .social-media-links li a.instagram {
                background-image: url('images/instagram.png');
            }

                .social-media-links li a.instagram:hover {
                    background-image: url('images/instagram-hover.png');
                }

            .social-media-links li a.youtube {
                background-image: url('images/you-tube.png');
            }

                .social-media-links li a.youtube:hover {
                    background-image: url('images/you-tube-hover.png');
                }

            .social-media-links li a.yelp {
                background-image: url('images/yelp.png');
            }

                .social-media-links li a.yelp:hover {
                    background-image: url('images/yelp-hover.png');
                }