/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    /*font-size: 100%;*/
    font: inherit;
    vertical-align: baseline;
}

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

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

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    /*content: '';*/
    content: none;
}

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

/* start editing from here */
a {
    text-decoration: none;
}

.txt-rt {
    text-align: right;
}

/* text align right */
.txt-lt {
    text-align: left;
}

/* text align left */
.txt-center {
    text-align: center;
}

/* text align center */
.float-rt {
    float: right;
}

/* float right */
.float-lt {
    float: left;
}

/* float left */
.clear {
    clear: both;
}

/* clear float */
.pos-relative {
    position: relative;
}

/* Position Relative */
.pos-absolute {
    position: absolute;
}

/* Position Absolute */
.vertical-base {
    vertical-align: baseline;
}

/* vertical align baseline */
.vertical-top {
    vertical-align: top;
}

/* vertical align top */
.underline {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    margin: 0 0 20px 0;
}

/* Add 5px bottom padding and a underline */
nav.vertical ul li {
    display: block;
}

/* vertical menu */
nav.horizontal ul li {
    display: inline-block;
}

/* horizontal menu */
img {
    max-width: 100%;
}

/*end reset*/
body {
    font-family: 'Open Sans', sans-serif;
    background: #fff;
}

.wrap {
    width: 80%;
    margin: 0 auto;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    /*-ms-transition: all .2s linear;*/
}

.wrap-box {
    background: url(../images/strip.png);
    padding: 2px;
}

.header-bottom {
    background: #5E5A5A;
}

.header-top {
    padding: 10px 0;
    background: #ffd133;
    background: -moz-linear-gradient(top, #ffd133 0%, #ffa503 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd133), color-stop(99%, #ffa503));
    background: -webkit-linear-gradient(top, #ffd133 0%, #ffa503 99%);
    background: -o-linear-gradient(top, #ffd133 0%, #ffa503 99%);
    background: -ms-linear-gradient(top, #ffd133 0%, #ffa503 99%);
    background: linear-gradient(to bottom, #ffd133 0%, #ffa503 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd133', endColorstr='#ffa503', GradientType=0);
}

.top-header-left {
    float: left;
}

.top-header-left p {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 0.875em;
    background: url(../images/phone.png) no-repeat;
    padding-left: 18px;
}

.right-left {
    float: right;
}

.right-left ul li {
    display: inline-block;
    margin-right: 10px;
}

.login {
    background: url(../images/lock.png) no-repeat 0;
    padding-left: 18px;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.sign {
    background: url(../images/login.png) no-repeat 0;
    padding-left: 18px;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.login:hover {
    background: url(../images/lock1.png) no-repeat 0;
}

.sign:hover {
    background: url(../images/login1.png) no-repeat 0;
}

.right-left ul li a {
    color: #fff;
    font-size: 0.875em;
}

.right-left ul li a:hover {
    color: #333;
}

.follow_icon {
    list-style: none;
    padding-top: 10px;
}

ul.follow_icon li {
    display: inline-block;
    margin-left: 1px;
}

.follow_icon li :hover {
    opacity: 0.7;
}

.follow_icon li a img {
    vertical-align: middle;
}

.logo {
    float: left;
    margin-top: 1.1%;
}

/*--menu--*/
.top-nav {
    float: right;
}

.top-nav ul li {
    display: inline-block;
    float: left;
    padding: 40px 23px;
    /*width: 10.8%;*/
}

.top-nav ul li a {
    color: #fff;
    display: block;
    position: relative;
    text-transform: uppercase;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    font-size: 0.875em;
    /*position: relative;*/
}

.top-nav li.active a, .top-nav li a:hover {
    color: #ffa503;
}

.main {
    background: #FFF;
}

/*--content--*/
/*  GRID OF THREE   ============================================================================= */
.col_1_of_3 {
    display: block;
    float: left;
    margin: 1% 0 -2% 1.6%;
}

.col_1_of_3:first-child {
    margin-left: 0;
}

.span_1_of_3 {
    width: 32.2%;
    padding: 1.5% 0;
}

.span_1_of_3 h3 {
    color: #FFA503;
    margin-bottom: 0.5em;
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: normal;
    margin-top: 0;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.span_1_of_3 p {
    font-size: 0.8125em;
    padding: 0.5em 0;
    color: #888;
    line-height: 1.5em;
}

/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
    .wrap {
        width: 95%;
    }
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
    .wrap {
        width: 95%;
    }

    .col_1_of_3 {
        margin: 1% 0 1% 0;
    }

    .span_1_of_3 {
        width: 94%;
        padding: 3%;
    }
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {

    .wrap {
        width: 95%;
    }

    .col_1_of_3 {
        margin: 1% 0 1% 0;
    }

    .span_1_of_3 {
        width: 92%;
        padding: 4%;
    }
}

.module-title h2 {
    font-size: 29px;
    text-transform: uppercase;
    padding: 50px 0 21px 0;
    line-height: 27px;
    text-align: center;
    color: #FFA503;
}

p.modulePretext {
    padding: 0 192px 20px;
    font-size: 1em;
    line-height: 1.5em;
    color: #888;
}

.grid_img {
    border: 1px solid #E9E7E7;
}

.hover_img img {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

.hover_img img:hover {
    -webkit-transform: scale(0.99);
    -moz-transform: scale(0.99);
    -o-transform: scale(0.99);
    opacity: 1;
}

p.desc {
    padding: 5%;
}

p.desc a {
    text-transform: uppercase;
    color: #FFA503;
    font-size: 1em;
}

p.desc a:hover {
    color: #333;
}

.more {
    text-align: center;
    padding: 4% 0 2%;
}

.button {
    background: #FFD133;
    background: -moz-linear-gradient(top, #ffd133 0%, #ffa503 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFD133), color-stop(99%, #FFA503));
    background: -webkit-linear-gradient(top, #FFD133 0%, #FFA503 99%);
    background: -o-linear-gradient(top, #ffd133 0%, #ffa503 99%);
    background: -ms-linear-gradient(top, #ffd133 0%, #ffa503 99%);
    background: linear-gradient(to bottom, #FFD133 0%, #FFA503 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd133', endColorstr='#ffa503', GradientType=0);
    padding: 9px 15px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    color: #FFF;
    font-size: 13px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: uppercase;
}

.button:hover {
    background: #333;
}

ul.dishes_list li {
    border-bottom: 1px solid #E0E8ED;
    padding: 6px 0;
}

ul.dishes_list li a {
    color: #555;
    font-size: 13px;
    display: block;
    padding: 5px 0 5px 20px;
    /*background: url(../images/marker.png) no-repeat 0;*/
}

.latest-news-pic {
    float: left;
    width: 20%;
}

.latest-news-info {
    float: right;
    width: 76%;
}

.latest-news-info a {
    color: #FFA503;
    font-size: 13px;
    line-height: 1.5em;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    -webkit-transition: background 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.latest-news-info a:hover {
    color: #333;
}

.module-item {
    display: block;
    padding: 5px 0 8px;
    color: #000;
}

.module-text h4 a {
    text-decoration: none;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
    line-height: 18px;
    text-transform: uppercase;
    padding: 0 0 10px 0;
    color: #000;
    font-size: 13px;
}

.module-text h4 a:hover {
    color: #FFA503;
}

.button1 {
    background: #FFD133;
    background: -moz-linear-gradient(top, #ffd133 0%, #ffa503 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFD133), color-stop(99%, #FFA503));
    background: -webkit-linear-gradient(top, #FFD133 0%, #FFA503 99%);
    background: -o-linear-gradient(top, #ffd133 0%, #ffa503 99%);
    background: -ms-linear-gradient(top, #ffd133 0%, #ffa503 99%);
    background: linear-gradient(to bottom, #FFD133 0%, #FFA503 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd133', endColorstr='#ffa503', GradientType=0);
    padding: 6px 15px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
    color: #FFF;
    font-size: 13px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: uppercase;
}

.button1:hover {
    background: #333;
}

.module-text {
    padding-bottom: 3%;
}

.latest-news-grid {
    padding-top: 15px;
}

.more1 {
    padding-top: 10px;
}

.content-bottom {
    padding-bottom: 2%;
    border-bottom: 1px solid #DADADA;
}

/*--footer--*/
.col_1_of_4 {
    display: block;
    float: left;
    margin: 3% 0 1% 1.6%;
}

.col_1_of_4:first-child {
    margin-left: 0;
}

/* all browsers except IE6 and lower */
.span_1_of_4 {
    width: 23.8%;
}

.span_1_of_4 {
    width: 23.8%;
}

.span_1_of_footer-lastgrid {
    width: 23.8%;
}

.span_1_of_4 h3, .span_1_of_footer-lastgrid h3 {
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    line-height: 1.2;
    margin-top: 0;
    letter-spacing: -1px;
    color: #373737;
}

.span_1_of_4 p {
    font-size: 0.8125em;
    color: #A0A0A0;
    line-height: 1.5em;
}

/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
    .wrap {
        width: 95%;
    }
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
    .wrap {
        width: 95%;
    }

    .col_1_of_4 {
        margin: 1% 0 1% 0;
    }

    .span_1_of_4 {
        width: 94%;
    }
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
    .wrap {
        width: 95%;
    }

    .col_1_of_4 {
        margin: 1% 0 1% 0;
    }

    .span_1_of_4 {
        width: 92%;
        padding: 4%;
    }
}

.span_1_of_4 ul li {
    background: url(../images/marker1.gif) no-repeat;
    line-height: 0.4em;
    padding: 0 0 19px 13px;
}

.span_1_of_4 ul li a {
    color: #A0A0A0;
    font-size: 13px;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
}

.span_1_of_4 ul li a:hover {
    color: #333;
}

.footer-top {
    padding-top: 2%;
}

.footer-grid-address p {
    font-size: 0.875em;
    color: #888;
    line-height: 1.8em;
}

.email-link {
    color: #333;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    text-transform: lowercase;
}

.email-link:hover {
    color: #FFA503;
}

.copy {
    text-align: right;
    padding: 2% 0;
    border-top: 1px solid #DADADA;
}

.copy p {
    color: #888;
    font-size: 0.85em;
}

.copy p a {
    color: #FFA503;
}

.copy p a:hover {
    color: #333;
}

/*--about--*/
.col:first-child {
    margin-left: 0;
}

.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

.span_1_of_about {
    width: 73.2%;
    margin-right: 3%;
}

.span_1_of_about h3 {
    color: #FFA503;
    margin-bottom: 20px;
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: normal;
    margin-top: 0;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.about-img {
    width: 29%;
    float: left;
    margin-right: 3%;
}

.about-desc {
    width: 68%;
    float: left;
    margin-right: 0;
}

.about-desc p {
    color: #888;
    font-size: 13px;
    line-height: 1.8em;
}

.span_1_of_about1 {
    width: 25.2%;
}

.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

.span_1_of_about1 h3 {
    color: #FFA503;
    margin-bottom: 20px;
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: normal;
    margin-top: 0;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.comments-custom li {
    overflow: hidden;
    margin: 0;
    padding: 0 0 25px 0;
    border-bottom: none;
    background: none;
}

.comments-custom.unstyled .icon {
    background: url(../images/comment.png) no-repeat 0 50%;
    width: 37px;
    height: 70px;
    float: left;
    border-right: 1px solid #DADADA;
    padding: 0 8px 0 0;
    margin: 0 10px 0 0;
}

.right-text {
    width: 79%;
    float: left;
}

.comments-custom.unstyled .comments-custom_h {
    color: #888;
    font-size: 1em;
    margin: -2px 0 0 0;
}

.comments-custom.unstyled .comments-custom_txt {
    padding: 2px 0 0 0;
    font-size: 13px;
    line-height: 1.5em;
}

.comments-custom.unstyled .comments-custom_txt a {
    color: #333;
}

.comments-custom.unstyled .comments-custom_txt a:hover {
    color: #8A4A2E;
}

.comments-custom time {
    font-size: 11px;
    color: #FFA503;
}

.about-topgrid1 {
    width: 29%;
    float: left;
    margin-right: 3%;
}

.about-topgrid1 h3 {
    color: #FFA503;
    margin-bottom: 20px;
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: normal;
    margin-top: 0;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.about-topgrid1 img {
    margin-bottom: 20px;
}

.about-topgrid1 h5 {
    color: #FFA503;
    font-size: 13px;
    line-height: 1.5em;
    padding-bottom: 10px;
}

.about-topgrid1 p {
    font-size: 0.8125em;
    color: #888;
    line-height: 1.5em;
    padding: 4px 0 8px 0;
}

.about-histore {
    float: left;
    width: 35%;
}

.about-histore h3 {
    color: #FFA503;
    margin-bottom: 20px;
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: normal;
    margin-top: 0;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.about-histore ul li span {
    color: #333;
    font-size: 14px;
    padding: 15px 0 15px 0;
    margin-bottom: 13px;
    float: left;
    width: 15%;
}

.about-histore ul li p {
    font-size: 0.8125em;
    color: #888;
    line-height: 1.5em;
    padding: 4px 0 8px 0;
    float: right;
    width: 83%;
}

.about-services {
    width: 30%;
    float: left;
    margin-left: 3%;
}

.about-services h3 {
    color: #FFA503;
    margin-bottom: 20px;
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: normal;
    margin-top: 0;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.questions {
    margin: 10px 0 3px 0;
}

.questions h4 {
    color: #333;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: normal;
}

.questions p {
    font-size: 0.8125em;
    color: #888;
    line-height: 1.5em;
    padding: 4px 0 8px 0;
}

.about-bottom {
    padding-bottom: 2%;
    border-bottom: 1px solid #DADADA;
}

/*--single--*/
#login-form label {
    color: #333;
    line-height: 2.8em;
    font-size: 13px;
}

input.inputbox, input.required, div.k2AccountPage input[type="text"] {
    background: #FFF;
    border: 1px solid #BDBCBC;
    /*color: inherit;*/
    font-family: inherit;
    /*font-size: inherit;*/
    height: 27px;
    padding: 0 7px;
    width: 100%;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 13px;
    color: #888;
}

.about {
    padding-top: 3%;
}

fieldset.input input[type="submit"] {
    background: #FFD133;
    background: -moz-linear-gradient(top, #ffd133 0%, #ffa503 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFD133), color-stop(99%, #FFA503));
    background: -webkit-linear-gradient(top, #FFD133 0%, #FFA503 99%);
    background: -o-linear-gradient(top, #ffd133 0%, #ffa503 99%);
    background: -ms-linear-gradient(top, #ffd133 0%, #ffa503 99%);
    background: linear-gradient(to bottom, #FFD133 0%, #FFA503 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd133', endColorstr='#ffa503', GradientType=0);
    border: none;
    color: #FFF;
    padding: 7px 20px;
    cursor: pointer;
    outline: none;
}

fieldset.input input[type="submit"]:hover {
    background: #333;
}

.single-box {
    margin-bottom: 20px;
}

.more2 {
    margin-top: 20px;
}

.single-right {
    padding-top: 15%;
}

.single-top {
    padding-bottom: 2%;
    border-bottom: 1px solid #DADADA;
}

/*--services--*/
/*  GRID OF Four   ============================================================================= */
.grid_1_of_4 {
    display: block;
    float: left;
    margin: 2% 0 2% 1.6%;
}

.grid_1_of_4:first-child {
    margin-left: 0;
}

.images_1_of_4 {
    width: 23.8%;
    position: relative;
}

.images_1_of_4 img {
    max-width: 100%;
    display: block;
}

.zoom-icon {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    background: rgba(64, 72, 109, 0.61);
    display: block;
    left: 0;
    top: -152px;
    width: 290px;
    height: 219px;
    background: url(../images/zoom.png) center center no-repeat;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.images_1_of_4 .zoom-icon {
    top: -50px;
    height: 182px;
}

.images_1_of_4 a:hover .zoom-icon {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=99); /* internet explorer */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}

.projects-bottom-paination {
    text-align: center;
    padding-top: 25px;
}

.projects-bottom-paination li {
    display: inline-block;
}

.projects-bottom-paination li a {
    font-size: 0.85em;
    color: #5a5a5a;
    padding: 10px 18px;
    background: #fff;
    text-decoration: none;
    display: block;
    border: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.projects-bottom-paination li.active > a, .projects-bottom-paination li > a:hover {
    background: #CA009C;
    color: #fff;
}

.grid_1_of_4 h4 {
    text-transform: uppercase;
    font-size: 1em;
    line-height: 22px;
    color: #FFA503;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
    padding: 13px 0 2px 0;
}

.grid_1_of_4 h4:hover {
    color: #333;
}

.grid_1_of_4 p {
    font-size: 13px;
    padding: 0.2em 0 1.2em 0;
    color: #6A6A6A;
    line-height: 1.6em;
}

.link {
    background: url(../images/arrow.gif) no-repeat 100% 8px;
    display: inline-block;
    padding: 0 13px 0 0;
    line-height: 19px;
    font-size: 14px;
    font-style: normal;
    text-decoration: underline;
    color: #FFA503;
}

.link:hover {
    color: #333;
    text-decoration: none;
}

.services {
    padding-bottom: 2%;
    /* border-bottom: 1px solid #DADADA; */
}

/*--contact--*/
/*  Contact Form  ============================================================================= */
.col:first-child {
    margin-left: 0;
}

.span_2_of_contact {
    width: 63.1%;
    margin-right: 2.5%;
}

.span_1_of_contact {
    width: 32.2%;
}

.span_2_of_contact h3,
.span_1_of_contact h3 {
    color: #FFA503;
    margin-bottom: 20px;
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: normal;
    margin-top: 0;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.contact-form {
    position: relative;
    padding-bottom: 30px;
}

.contact-form div {
    padding: 5px 0;
}

.contact-form span {
    display: block;
    font-size: 0.8125em;
    color: #888;
    padding-bottom: 5px;
    font-family: verdana, arial, helvetica, helve, sans-serif;
}

.contact-form input[type="text"], .contact-form textarea {
    padding: 8px;
    display: block;
    width: 98%;
    background: #fcfcfc;
    border: none;
    outline: none;
    color: #464646;
    font-size: 0.8125em;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: inset 0 0 3px #999;
    -webkit-box-shadow: inset 0 0 3px #999;
    -moz-box-shadow: inset 0 0 3px #999;
    -o-box-shadow: inset 0 0 3px #999;
    -webkit-appearance: none;
}

.contact-form textarea {
    resize: none;
    height: 120px;
}

.contact-form input[type="submit"] {
    padding: 7px 20px;
    color: #FFF;
    cursor: pointer;
    background: #FFA503 url(../images/large-button-overlay.png);
    border: 1px solid rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
    -webkit-border-radius: 5px;
    border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    right: 0;
    outline: none;
}

.contact-form input[type="submit"]:hover {
    background-color: #333;
}

.contact-form input[type="submit"]:active {
    background-color: #333;
}

.company_address {
    padding-top: 20px;
}

.company_address p {
    color: #888;
    font-size: 13px;
    line-height: 1.8em;
}

.company_address p span {
    text-decoration: underline;
    color: #333;
    cursor: pointer;
}

.company_address p span:hover {
    text-decoration: none;
}

.map {
    border: 1px solid #C7C7C7;
    margin-bottom: 15px;
}

/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
    .wrap {
        width: 95%;
    }
}

/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */
@media only screen and (max-width: 800px) {
    .wrap {
        width: 95%;
    }

    .span_2_of_contact {
        width: 94%;
        padding: 3%;
    }

    .col {
        margin: 1% 0 1% 0;
    }

    .span_1_of_contact {
        width: 94%;
        padding: 3%;
    }
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
    .wrap {
        width: 95%;
    }

    .span_2_of_contact {
        width: 94%;
        padding: 3%;
    }

    .col {
        margin: 1% 0 1% 0;
    }

    .span_1_of_contact {
        width: 94%;
        padding: 3%;
    }

    .contact-form input[type="text"], .contact-form textarea {
        width: 97%;
    }
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .wrap {
        width: 95%;
    }

    .span_2_of_contact {
        width: 90%;
        padding: 5%;
    }

    .col {
        margin: 1% 0 1% 0;
    }

    .span_1_of_contact {
        width: 90%;
        padding: 5%;
    }

    .contact-form input[type="text"], .contact-form textarea {
        width: 92%;
    }
}

/*--404--*/
.page-not-found h1 {
    font-size: 15em;
    color: #F0F0F0;
    text-align: center;
    text-shadow: 1px 1px 6px #AAA;
    -moz-text-shadow: 1px 1px 6px #aaa;
    -webkit-text-shadow: 1px 1px 6px #aaa;
    -o-text-shadow: 1px 1px 6px #aaa;
}

/*--responsive design--*/
@media (max-width: 1366px) {
    .wrap {
        width: 90%;
    }
}

@media (max-width: 1280px) {
    .wrap {
        width: 90%;
    }
}

@media (max-width: 1024px) {
    .wrap {
        width: 90%;
    }

    .right-text {
        width: 75%;
    }

    .grid_1_of_4 h4 {
        font-size: 0.8125em;
    }

    p.modulePretext {
        padding: 0 128px 19px;
    }

    .about-desc {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}

@media (max-width: 800px) {
    .wrap {
        width: 90%;
    }

    .right-text {
        width: 68%;
    }

    .grid_1_of_4 h4 {
        font-size: 0.8125em;
    }

    p.modulePretext {
        padding: 0 51px 19px;
    }

    .top-nav ul li {
        display: inline-block;
        float: left;
        padding: 40px 15px;
    }

    .logo {
        margin-top: 2.5%;
        width: 32%;
    }

    .module-title h2 {
        font-size: 25px;
    }

    .about-desc {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}

@media (max-width: 640px) {
    .wrap {
        width: 90%;
    }

    .right-text {
        width: 68%;
    }

    .grid_1_of_4 h4 {
        font-size: 0.8125em;
    }

    p.modulePretext {
        padding: 0 51px 19px;
    }

    .top-nav ul li {
        display: inline-block;
        float: left;
        padding: 30px 9px;
        /*width: 14.99%;*/
    }

    .logo {
        margin-top: 2.5%;
        width: 32%;
    }

    .module-title h2 {
        font-size: 25px;
    }

    .copy {
        padding: 20px 0;
    }

    .footer-top {
        padding-bottom: 20px;
    }

    p.modulePretext {
        font-size: 0.8125em;
    }

    .span_1_of_about {
        width: 100%;
        margin-right: 0;
    }

    .span_1_of_about1 {
        width: 100%;
    }

    .single-top {
        padding-bottom: 20px;
    }

    .about-topgrid1 {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .about-histore {
        float: none;
        width: 100%;
    }

    .about-services {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .images_1_of_4 {
        width: 100%;
        position: relative;
    }

    .about-desc {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}

@media (max-width: 480px) {
    .wrap {
        width: 90%;
    }

    .right-text {
        width: 68%;
    }

    .grid_1_of_4 h4 {
        font-size: 0.8125em;
    }

    p.modulePretext {
        padding: 0 51px 19px;
    }

    .top-nav ul li {
        display: inline-block;
        float: left;
        padding: 30px 9px;
        /*width: 14.99%;*/
    }

    .logo {
        margin-top: 2.5%;
        width: 100%;
        text-align: center;
    }

    .module-title h2 {
        font-size: 25px;
    }

    .copy {
        padding: 20px 0;
    }

    .footer-top {
        padding-bottom: 20px;
    }

    p.modulePretext {
        font-size: 0.8125em;
    }

    .span_1_of_about {
        width: 100%;
        margin-right: 0;
    }

    .span_1_of_about1 {
        width: 100%;
    }

    .single-top {
        padding-bottom: 20px;
    }

    .about-topgrid1 {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .about-histore {
        float: none;
        width: 100%;
    }

    .about-services {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .images_1_of_4 {
        width: 100%;
        position: relative;
    }

    .span_1_of_footer-lastgrid {
        width: 100%;
    }

    .about-desc {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}

@media (max-width: 320px) {
    .wrap {
        width: 90%;
    }

    .right-text {
        width: 68%;
    }

    .grid_1_of_4 h4 {
        font-size: 0.8125em;
    }

    p.modulePretext {
        padding: 0 51px 19px;
    }

    .top-nav ul li {
        display: inline-block;
        float: left;
        padding: 30px 9px;
        /*width: 14.99%;*/
    }

    .logo {
        margin-top: 2.5%;
        width: 100%;
        text-align: center;
    }

    .module-title h2 {
        font-size: 25px;
    }

    .copy {
        padding: 20px 0;
    }

    .footer-top {
        padding-bottom: 20px;
    }

    p.modulePretext {
        font-size: 0.8125em;
    }

    .span_1_of_about {
        width: 100%;
        margin-right: 0;
    }

    .span_1_of_about1 {
        width: 100%;
    }

    .single-top {
        padding-bottom: 20px;
    }

    .about-topgrid1 {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .about-histore {
        float: none;
        width: 100%;
    }

    .about-services {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .images_1_of_4 {
        width: 100%;
        position: relative;
    }

    .span_1_of_footer-lastgrid {
        width: 100%;
    }

    .about-desc {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    @media (max-width: 480px) {
        .wrap {
            width: 90%;
        }

        .right-text {
            width: 68%;
        }

        .grid_1_of_4 h4 {
            font-size: 0.8125em;
        }

        p.modulePretext {
            padding: 0 17px 19px;
        }

        .top-nav ul li {
            display: inline-block;
            float: left;
            padding: 30px 9px;
            /*width: 14.99%;*/
        }

        .logo {
            margin-top: 2.5%;
            width: 100%;
            text-align: center;
        }

        .module-title h2 {
            font-size: 25px;
        }

        .copy {
            padding: 20px 0;
        }

        .footer-top {
            padding-bottom: 20px;
        }

        p.modulePretext {
            font-size: 0.8125em;
        }

        .span_1_of_about {
            width: 100%;
            margin-right: 0;
        }

        .span_1_of_about1 {
            width: 100%;
        }

        .single-top {
            padding-bottom: 20px;
        }

        .about-topgrid1 {
            width: 100%;
            float: none;
            margin-right: 0;
        }

        .about-histore {
            float: none;
            width: 100%;
        }

        .about-services {
            width: 100%;
            float: none;
            margin-left: 0;
        }

        .images_1_of_4 {
            width: 100%;
            position: relative;
        }

        .span_1_of_footer-lastgrid {
            width: 100%;
        }

        .about-desc {
            width: 100%;
            float: none;
            margin-right: 0;
        }

        .top-nav ul li a {
            font-size: 11px;
        }

        .top-nav ul li {
            padding: 30px 6px;
        }
    }
}