@import url(//fonts.googleapis.com/css?family=Titillium+Web&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=Josefin+Slab:300);
@import url(//fonts.googleapis.com/css?family=Droid+Serif); /*------ template stylization ------*/

body {
    font: 200 13px 'Titillium Web', sans-serif;
    line-height: 20px;
    overflow-y: auto !important;
    overflow-x: hidden;
}

h2 {
    font-size: 36.01px;
    font-family: 'Josefin Slab', serif;
}

h4 {
    font-family: 'Josefin Slab', serif;
    font-size: 15.99px;
}

.dl-menuwrapper .navItem {
    margin: 5px 0 0 0;
    position: absolute;
    top: 36px;
    width: 100%;
    display:none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dl-menuopen {
    display: block !important;
    z-index: 9999;
}

.twoClick {
    display: none;
}

.headerItem {
    text-align: center;
}

    .headerItem a#logo {
        display: inline-block;
        max-width: 357px;
        width: 100%;
        margin-bottom: 12px;
        padding: 0 10px;
    }

        .headerItem a#logo img {
            max-width: 100%;
        }

    .headerItem div.menuMov {
        background: url('../img/line01_header.jpg') 0 0 repeat-x;
        border-bottom: 1px solid #000;
    }

.dl-menuwrapper {
    display: none;
}

.sf-menu {
    text-align: center;
}

    .sf-menu > li {
        display: inline-block;
    }

        .sf-menu > li > a {
            color: #383636;
            display: inline-block;
            position: relative;
            height: 51px;
            overflow: hidden;
            padding: 0 14px;
        }

            .sf-menu > li > a:hover {
            }

        .sf-menu > li.active > a {
            text-decoration: none;
        }

.dynamicContent {
    position: absolute;
    width: 100%;
    top: 0;
}

.content,
.slogItem {
    max-width: 1190px;
    margin: 0 auto;
}

    .content img {
        max-width: 100% !important;
    }

.slogItem {
    margin-top: 20px;
}

.homeItems .item {
    background: url(../img/homeItemBg.jpg) repeat-y;
}

    .homeItems .item a {
        display: block;
    }

        .homeItems .item a span {
            text-align: center;
            float: left;
            display: inline-block;
            text-shadow: 1px 1px 0 rgba(247, 132, 9, 0.4);
            background: #fda822;
            margin: 0 12px 0 0;
            padding-top: 17px;
            width: 59px;
            color: #FFF;
            font: 400 36px/31px 'Josefin Slab', serif;
        }

        .homeItems .item a h4 {
            margin: 17px 0 5px 0;
        }

        .homeItems .item a p {
            color: #767676;
            margin-bottom: 15px;
        }

        .homeItems .item a .extra_wrap {
            overflow: hidden;
        }

.aboutImage {
    margin: 0 15px 10px 0;
    float: left;
}

p {
    line-height: 20px;
    margin-bottom: 10px;
}

.telephone {
    color: #767676;
}

    .telephone:hover,
    .telephone:active,
    .telephone:focus {
        color: #767676;
    }

.nav-collapse.collapse {
    text-transform: none;
}

#webSiteLoader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #151515 url(../img/web_site_loader.gif) center no-repeat;
    z-index: 1023;
    top: 0;
}

#pageLoader {
    position: fixed;
    width: 72px;
    height: 72px;
    top: 50%;
    left: 50%;
    margin: -36px 0 0 -36px;
    background: url(../img/bg_loader.png) 0 0 no-repeat;
    z-index: 1000;
    padding: 3px;
    display: none;
}

    #pageLoader > div {
        margin: 9px 10px;
        background: url(../img/web_page_loader.gif) 0 0 no-repeat;
        width: 46px;
        height: 46px;
    }

#back-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    background: url("../img/up-arrow.png") center 12px no-repeat;
    z-index: 1000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
    cursor: pointer;
}

.animate, .animate:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.styleHolder {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 800;
}

    .styleHolder ul {
        margin: 0;
    }

        .styleHolder ul > li {
            margin-bottom: -2px;
            width: 35px;
            height: 63px;
        }

    .styleHolder a {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }

.extra_wrap {
    overflow: hidden;
}
/*------ header ------- */

header {
    position: relative;
    width: 100%;
    z-index: 99999;
    margin: 0 auto 20px;
    top: 0;
}

.line_header {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 2px;
    top: 138px;
    left: 0;
}

.line2_header {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
}

h1 {
    text-align: center;
}

h2 {
    margin: 15px 0 10px;
}

h3 {
    margin: 13px 0 5px;
}

h4 {
    font-family: 'Titillium Web', sans-serif;
    line-height: 22px;
}

.marg_1 {
    margin-top: 300px;
}

.marg_2 {
    margin-bottom: 7px;
}

.marg_3 {
    margin-bottom: 2px;
}

.marg_4 {
    margin-bottom: 20px;
}

.marg_5 {
    margin-bottom: 10px;
}

.marg_6 {
    margin-bottom: 15px;
}

.text_1 {
    line-height: 31px;
    margin: 98px 0 29px;
}

.text_2 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 25px;
}

.pad_1 {
    padding-bottom: 30px !important;
}

.pad_2 {
    padding-bottom: 77px !important;
}

.corr_1 {
    left: 756px !important;
}

.corr_2 {
    padding-bottom: 25px !important;
}

.corr_3 {
    padding-left: 12px !important;
}

.corr_4 {
    padding-left: 6px !important;
}

.corr_5 {
    left: 46% !important;
}

.corr_6 {
    left: 659px !important;
}

.navbar-inner {
    text-shadow: none !important;
}

.socialHolder ul {
    float: right;
    margin: 10px 20px 0 0;
}

.socialHolder2 ul {
    float: left;
}

.social-icon {
    margin: 0;
    float: right;
}

    .social-icon > li {
        display: inline-block;
        margin-left: 7px;
    }

        .social-icon > li > a {
            position: relative;
            display: inline-block;
        }

    .social-icon > li {
        cursor: pointer;
    }

.icon1, .icon2, .icon3 {
    position: relative;
    display: inline-block;
    width: 27px;
    height: 27px;
}
/*--- menu ------*/

.menuMov {
    font-family: 'Titillium Web', sans-serif;
    position: relative;
    width: 100%;
    height: 51px;
    margin: 0 auto;
    text-align: center;
    z-index: 10;
}

.menu {
    position: relative;
    z-index: 1;
    display: inline-block;
}

.submenu_1 {
    position: absolute;
    top: 52px;
    left: -7px;
    width: 100px;
    padding: 20px 0 17px 0;
    z-index: 5;
    margin: 0;
}

    .submenu_1 li {
        position: relative;
        text-align: left;
        list-style: none;
        text-align: center;
        margin-bottom: 5px;
    }

    .submenu_1 a {
        font-size: 16px;
        position: relative;
        display: inline-block;
        padding: 1px 0 1px !important;
        text-decoration: none;
        z-index: 1;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.submenu_2 {
    position: absolute;
    width: 100px;
    left: 102px;
    top: -7px;
    z-index: 10;
    margin: 0;
    padding: 7px 0 7px;
}

    .submenu_2 .marTop {
        margin: 10px 0 0;
    }

    .submenu_2 .marBot {
        margin: 0 0 0px;
    }

    .submenu_2 a {
        color: #2d2d2d;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .submenu_2 a:hover {
            color: #43c5e9 !important;
        }

    .submenu_2 li > a:hover, .submenu_2 li.sfHover > a {
        color: #43c5e9 !important;
    }

.mText {
    font-size: 16px;
    position: absolute;
    width: 100%;
    z-index: 1;
    text-align: center;
    left: 0;
    padding-top: 12px;
}

.mTextOver {
    font-size: 16px;
    position: relative;
    width: 100%;
    z-index: 3;
    text-align: center;
    top: -100px;
}

._area {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 5;
    left: 0;
    display: block;
}

._overPl {
    position: absolute;
    width: 100%;
    height: 51px;
    bottom: 100px;
    z-index: 2;
    left: 0;
    display: block;
    background: none;
}

._overLine {
    position: absolute;
    width: 100%;
    height: 4px;
    top: 0;
    z-index: 10;
    left: 0;
    display: none;
    background: #43c5e9;
    opacity: 0;
}
/*--- menu end ------*/ /*--- header end ------*/ /*------ content ------- */
/*#wrapper {
    background:url(../img/bg_pic.jpg) 100% no-repeat fixed;
}*/
#wrapper .containerHolder {
    position: relative;
    width: 100%;
    z-index: 2;
}

#wrapper section > div {
    position: relative;
}

#wrapper section {
    position: relative;
}

#wrapper > section > div {
    position: relative;
}

.container {
    position: relative;
    z-index: 1;
}

.cont_inner {
    min-height: 300px;
}

.cont_inner2 {
    padding-right: 23px;
}

.cont_inner3 {
    text-align: justify;
}


.cont_bg {
    position: relative;
}

.bg_right {
    position: absolute;
    top: 16px;
    left: 555px;
    width: 2px;
    height: 98%;
}

.img-polaroid {
    padding: 5px;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.slog {
    position: relative;
    display: block;
}

    .slog p {
        text-align: right;
        font: 24px/31px 'Droid Serif', serif;
        color: #ffffff;
        float: right;
        margin-right: 10px;
    }

    .slog span {
        position: relative;
        display: inline-block;
        padding-right: 38px;
    }

.banner {
    position: relative;
    display: inline-block;
    height: 103px;
}

    .banner a {
        position: absolute;
        display: inline-block;
        width: 100%;
        height: 100%;
        z-index: 50;
        background: url('../img/hit_false.png') 0 0 repeat;
    }

    .banner .badge {
        font: 400 36px/31px 'Josefin Slab', serif;
        position: absolute;
        padding: 0;
        margin-right: 24px;
        float: left;
        border-radius: 0;
        width: 59px;
        height: 72px;
        padding-top: 33px;
        top: -1px;
        left: -1px;
        text-align: center;
        text-shadow: 1px 1px 0 rgba(247, 132, 9, 0.4);
        background: #fda822;
        z-index: 10;
    }

    .banner .extra_wrap {
        position: relative;
        margin-left: 70px;
        padding-right: 17px;
        z-index: 5;
    }

    .banner h4 {
        margin: 16px 0 5px;
    }

    .banner .over_bg {
        position: absolute;
        display: inline-block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 0;
        opacity: 0;
    }

.cont_bg {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.inner {
    position: relative;
    display: inline-block;
    /*padding: 6px 10px 20px;*/
    padding-bottom: 20px;
}

.btn {
    font: 400 16px/22px 'Titillium Web', sans-serif;
    color: #fea314;
    text-shadow: none;
    padding: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .btn:hover {
        text-decoration: none;
        text-shadow: none;
        background: none;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.about {
    margin: 0;
}

    .about .style_1 {
        padding-bottom: 15px;
        margin-bottom: 23px;
    }

    .about li {
        list-style: none;
    }

        .about li h4 {
            margin-bottom: 2px;
        }

        .about li img {
            float: left;
            margin-right: 13px;
        }

.link_2, .link_3, .link_4 {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .link_2:hover, .link_3:hover, .link_4:hover {
        text-decoration: none;
    }

.block_1 {
    position: relative;
    display: inline-block;
}

    .block_1 img {
        float: left;
        margin: 5px 19px 0 0;
    }

.list_1 {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 17px 0 0;
}

    .list_1 .last {
        margin-bottom: 8px !important;
    }

    .list_1 li {
        width: 100%;
        position: relative;
        display: inline-block;
        float: left;
        background: url('../img/marker.jpg') 1px 8px no-repeat;
        padding: 0 0 0 17px;
        min-height: 18px;
        margin: 0 0 6px;
    }

    .list_1 a {
        text-decoration: none;
    }

.thumbnails {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 3px;
}

    .thumbnails li {
    }

.thumbnail {
    display: block;
    padding: 5px 5px 7px;
    line-height: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    min-height: 191px;
}

    .thumbnail img {
        width: 100%;
        margin-bottom: 10px;
    }

    .thumbnail .caption {
        padding: 0;
    }

        .thumbnail .caption h4 {
            margin-bottom: 6px;
        }

        .thumbnail .caption p {
            margin-bottom: 0;
        }

    .thumbnail a {
        width: 100%;
        text-align: center;
    }

.block_2 {
    position: relative;
    display: inline-block;
}

    .block_2 h4 {
        margin-bottom: 7px;
    }

    .block_2 p {
        margin-bottom: 6px;
    }

.g_map {
    max-width: 302px;
    width: 302px;
    float: left;
    margin: 4px 0 25px;
}

iframe {
    position: relative;
    border: none;
    display: inline-block;
    outline: none;
    width: 100%;
    height: 249px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: -6px;
}

.width1 {
    display: inline-block;
    width: 80px;
}

.address {
    font: 400 16px/22px 'Titillium Web', sans-serif;
    position: relative;
    display: inline-block;
    margin-bottom: 7px;
}
/* ============================= forms ============================= */

#form1 {
    position: relative;
    display: inline-block;
    text-align: left;
    margin: 18px 0 0;
}

label {
    margin: 0 !important;
}

#form1 label.name,
#form1 label.email {
    max-width: 316px;
    width: 100%;
}

    #form1 label.name input,
    #form1 label.email input {
        width: 100%;
    }

#form1 input {
    text-transform: none;
    margin: 0;
    padding: 5px 11px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    min-height: 20px;
}

#form1 textarea {
    text-transform: none;
    resize: none;
    margin: 0;
    padding: 5px 11px;
    width: 545px;
    height: 251px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    min-height: 20px;
}

#form1 label {
    position: relative;
    display: inline-block;
    min-height: 38px;
}

#form1 .error, #form1 .empty {
    position: absolute;
    top: 11px;
    right: 8px;
    display: none;
    font-size: 11px;
    line-height: 10px;
    text-transform: none;
}

.btns {
    position: relative;
    display: inline-block;
    margin: 14px 0 0;
    float: right;
}

    .btns a {
        float: right;
        margin: 0 0 0 16px;
    }

#form1 .message .error, #form1 .message .empty {
    position: absolute;
    bottom: -10px;
    display: none;
    font-size: 11px;
    line-height: 9px;
    text-transform: none;
}

.success {
    position: absolute;
    width: 338px;
    text-align: center;
    z-index: 1;
    border: none;
    background: #ffffff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 14px 0;
    margin-top: 0;
}
/* ============================= end forms ============================= */

.pic_err {
    position: relative;
    display: inline-block;
    width: 492px;
    height: 256px;
    margin: 98px 0 0 38px;
}
/* ============================= search ============================= */

#search input:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#search input {
    display: inline-block;
    float: left;
    width: 249px;
    padding: 5px 18px;
    margin-bottom: 26px;
    margin-right: 8px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.search_result {
    color: #ff9c00;
}

.search_title {
    margin-bottom: 5px;
    font-weight: 400;
}

    .search_title a {
        color: #545353;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .search_title a:hover {
            color: #ffffff;
            text-decoration: none;
        }

.search_list {
    margin-top: 30px;
}

    .search_list .search {
        font-size: 25px;
        color: #ff9c00;
    }

#searchButton {
    margin-top: 3px;
}
/*--- content end ------*/ /*------ footer ------- */

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 600;
    padding: 14px 10px 10px 10px;
    border-top: 1px solid #000;
}

    footer .line_footer {
        position: absolute;
        display: inline-block;
        width: 100%;
        height: 1px;
        top: 0;
        left: 0;
    }

.footer_info p {
    font-size: 14px;
    color: #bcbcbc;
    float: right;
    margin-top: 4px;
}

.link_1 {
    color: #bcbcbc;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .link_1:hover {
        color: #fea519;
        text-decoration: none;
    }
/*--- footer end ------*/ /*----- media queries ------*/

@media (min-width: 1200px) {
}

@media (min-width: 768px) and (max-width: 979px) {
}


@media screen and (max-width:991px) {
    .dl-menuwrapper {
        display: block;
    }

    .menuMov .menu {
        display: none;
    }

    .dl-menuwrapper {
        display: block !important;
    }

    .socialHolder ul {
        float: none !important;
        text-align: center;
        margin: 10px 0px 15px 0;
    }
}

@media screen and (max-width:767px) {
    #holder_img {
        display: none;
    }

    body {
    }

    h2 {
        font-size: 26.01px;
    }

    body {
        min-height: 0 !important;
    }

    .slogItem {
        display: none;
    }

    .slog {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 20px;
    }

        .slog span {
            padding-right: 0;
        }


    #wrapper {
        overflow: visible !important;
        height: auto !important;
        background: url(../img/bg_pic.jpg) left top no-repeat fixed;
        background-size: auto 100%;
    }

        #wrapper .containerHolder {
            top: 0 !important;
        }

    footer {
        position: relative !important;
        margin-top: 20px;
    }

    .dynamicContent {
        position: relative;
        bottom: 0;
    }

    .homeItems .item {
        margin-bottom: 10px;
    }

    .socialHolder2 ul {
        float: none;
        text-align: center;
        margin-bottom: 5px;
    }

    .footer_info {
        text-align: center;
    }

        .footer_info p {
            float: none;
            margin-bottom: 5px;
        }
}

@media (max-width: 480px) {
    .block_2 img {
        width: 100%;
    }

    .thumbnail {
        min-height: 0 !important;
    }

    .thumbnails li {
        width: 100% !important;
    }
}
/*Core variables and mixins*/

.clearfix {
    *zoom: 1;
}

    .clearfix:before, .clearfix:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .clearfix:after {
        clear: both;
    }

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

section .container {
    width: 95% !important;
}

header .container {
    width: 777px !important;
}

footer .container {
    width: 98% !important;
}

.span12 {
    width: 98% !important;
}

.marg_1 {
    margin-left: 1% !important;
}

.span4 {
    width: 30% !important;
    margin-left: 2% !important;
}

.span6 {
    width: 100% !important;
}

.inner {
    width: 100% !important;
}

.cont {
    margin-bottom: 20px;
}

.g_map {
    max-width: 100% !important;
    width: 100% !important;
}

.info p {
    text-align: justify;
}

#form1, #form1 .message, #form1 textarea {
    width: 100% !important;
}

.span6 .img-polaroid {
    float: left;
    margin-right: 15px;
}