﻿


#top_menu_wrapper, #top_bar, #slider_wrapper, #powerSliderBlock330,
#powerSliderContainer330, .standard_wrapper.small, .one_whole, .caption_inner,
.standard_wrapper {
    max-width: 960px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#menu_wrapper {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img[align="right"], img[style*="float: right"], img[style*="float:right"], img.align-right, img.right, figure.right, .figure.right {
    float: right;
    margin: 0 0 20px 15px !important;
}

img[align="left"], img[style*="float: left"], img[style*="float:left"], img.align-left, img.left, figure.left, .figure.left {
    float: left;
    margin: 0 15px 20px 0 !important;
}

#top_menu_wrapper {
    height: auto;
}

    #top_menu_wrapper:before, #top_menu_wrapper:after {
        content: '';
        display: block;
        float: none;
        clear: both;
    }

.logo {
    float: left;
    margin: 12px 1px 10px 0;
    width: 40%;
}

#menu-main-menu-container, .menu-main-menu-container {
    /* width: 500px; */
    width: 58%;
    float: right;
    height: 101px;
    margin: 0;
}


.left_content {
    float: left;
    /*width: 400px;*/
    width: 40%;
    color: #fff;
    text-align: left;
    margin: 20px 0 0 0;
}

h3.largeText {
    color: #fff;
    font-family: 'Droid Serif', serif;
    font-weight: 400;
    font-style: italic;
}

.right_content {
    float: right; /* width:520px;*/
}

.slide_pic_shadow {
    /*width: 512px;*/
    height: 322px;
}

    .slide_pic_shadow img {
        margin-top: 10px;
    }

#powerSliderBlock330 {
    position: relative;
    /*width: 960px;*/
}

#powerSliderContainer330 {
    position: relative;
    overflow: hidden;
    /*width: 960px;*/
    height: 320px;
}

    #powerSliderContainer330:before, #powerSliderContainer330:after {
        content: '';
        display: block;
        float: none;
        clear: both;
    }

    #powerSliderContainer330 .powerSlide {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }



#footer {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

#content_wrapper {
    box-sizing: border-box;
}

    #content_wrapper .inner, .caption_inner {
        padding-left: 15px;
        padding-right: 15px;
    }

.tagline_inner {
    max-width: 800px;
    margin: auto;
    width: 100%;
}

.ccm-image-block {
    max-width: 100%;
    height: auto;
}

blockquote {
    padding: 0;
    width: 100%;
}

.top_menu_left {
    width: 46%;
    float: left;
    margin-top: 13px;
}

.top_menu_right {
    width: 47%;
    float: right;
    text-align: right;
    margin-top: 6px;
}

#top_bg {
    width: 100%;
    height: auto;
    background: transparent url(/Assets/png/menu_bg.png) repeat-x center center;
    position: relative;
    z-index: /*999*/ 199;
}

    #top_bg:before, #top_bg:after, .clearfix {
        width: 100%;
        height: auto;
        content: '';
        display: block;
        position: relative;
        z-index: /*999*/ 199;
        float: none;
        clear: both;
    }

#menu_wrapper .nav ul, #menu_wrapper div .nav {
    margin-top: 3px;
}

.navbar-toggle {
    display: none;
}



@media screen and (max-width: 991px) {
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #menu_wrapper .nav ul li a, #menu_wrapper div .nav li a {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    a#custom_logo img {
        border: none;
        width: 277px;
    }

    div#top_menu_wrapper, #menu_wrapper {
        padding: 0 15px;
    }

        #menu_wrapper .nav ul, #menu_wrapper div .nav {
            margin-top: 0;
        }

    #menu-main-menu-container, .menu-main-menu-container {
        width: 100%;
        float: none;
        height: auto;
    }

    #top_menu_wrapper, #top_bar, #slider_wrapper, #powerSliderBlock330,
    #powerSliderContainer330, .standard_wrapper.small, .one_whole {
        max-width: none;
        width: 100%;
    }

    #top_bg {
        width: 100%;
        height: auto;
        background: transparent url(/Assets/png/menu_bg.png) repeat-x;
        position: relative;
        z-index: 199;
        background-size: contain;
    }

    .one_fourth {
        width: 45%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 2%;
        margin-left: 0;
        margin-right: 0;
    }

    body.home #header_wrapper {
        background: #c4b52f url(../png/mosaic_pattern.png) no-repeat;
        -ms-background-size: cover;
        background-size: cover;
        height: auto;
    }

        body.home #header_wrapper:before, body.home #header_wrapper:after {
            content: ' ';
            min-height: 1px;
            display: table;
            clear: both;
            float: none;
        }
}

/* Mobile styles */

@media screen and (max-width: 768px) {
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .navbar-toggle {
        display: block;
        margin: 0 auto;
        padding: 8px 22px;
        cursor: pointer;
        background-color: #e7901d;
        background-image: none;
        border: 1px solid transparent;
        -ms-border-radius: 4px;
        border-radius: 4px;
        color: #ffffff;
    }

    #menu_wrapper .nav ul li a, #menu_wrapper div .nav li a {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }


    .one_half {
        width: 100%;
        margin: 0 auto;
        min-height: 1px;
        height: auto;
    }

    .right_content, .left_content {
        float: none;
        width: 100%;
    }

    a#custom_logo img {
        box-sizing: border-box;
        max-width: 100%;
    }

    .right_content {
        display: none;
    }

    .one_half.lastbox {
        margin-top: 30px;
    }

    #top_menu_wrapper, #top_bar, #slider_wrapper, #powerSliderBlock330, #powerSliderContainer330, .standard_wrapper.small, .one_whole {
        max-width: none;
        width: 100%;
        padding: 0 15px;
    }

    .standard_wrapper .one_whole, .standard_wrapper .one_fourth {
        padding: 0;
    }

    .standard_wrapper.small {
        padding: 0;
    }


    #menu_wrapper {
        height: auto;
        padding: 10px 0;
        position: relative;
    }

        #menu_wrapper .nav ul li a, #menu_wrapper div .nav li a {
            display: block;
            padding: 15px 10px;
            height: auto;
        }

    .logo {
        width: 100%;
    }



    .one_fourth {
        width: 100%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 2%;
        /*margin-left: 15px;
        margin-right: 15px;*/
    }

    #top_bg {
        width: 100%;
        height: auto;
        background: transparent url(/Assets/png/menu_bg.png) repeat center center;
        position: relative;
        z-index: /*999*/ 199;
        -ms-background-size: contain;
        background-size: contain;
    }

    #menu-main-menu-container, .menu-main-menu-container {
        /* width: 500px; */
        width: 100%;
        float: none;
        clear: both;
        height: auto;
        margin: 0;
    }

    #main_menu:before, #main_menu:after {
        float: none;
        clear: both;
        content: '';
    }

    /*.logo {
        margin: 12px auto;
        float: none;
        clear: both;
    }*/
    .logo {
        margin: 12px auto;
        float: left;
        /* clear: both; */
        width: 50%;
    }


    #menu_wrapper .nav ul, #menu_wrapper div .nav {
        /*display: block;*/
        display: none;
        float: none;
        position: absolute;
        top: 53px;
        background: #fff;
        width: 100%;
        padding-right: 0;
    }

        #menu_wrapper div .nav li ul.sub-menu {
            display: none;
        }

    #top_bar {
        height: auto;
        padding-bottom: 30px;
    }

    /*#menu_wrapper .menu-main-menu-container {
        text-align: center;
    }*/


    #menu_wrapper .menu-main-menu-container {
        text-align: center;
        float: right;
        width: 38%;
        display: inline-block;
        /* top: 0; */
        position: relative;
        clear: unset;
    }

    .navbar-toggle {
        margin: 0 auto;
        padding: 8px 22px;
        cursor: pointer;
        background-color: #e7901d;
        background-image: none;
        border: 1px solid transparent;
        -ms-border-radius: 4px;
        border-radius: 4px;
        color: #ffffff;
        margin: 19px 0 0 auto;
        float: right;
    }

    #menu_wrapper .nav ul li, #menu_wrapper div .nav li {
        display: block;
        width: 100%;
        float: none;
    }



    a#custom_logo img {
        border: none;
        width: 297px;
    }

    #footer ul li.contact_form {
        float: none;
        clear: both;
        width: 100%;
        margin-right: 0 !important;
    }

    #footer ul.sidebar_widget {
        width: 100%;
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    table.formBlockSurveyTable {
        width: 100%;
    }

    #copyright {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #copyright div {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100% !important;
            max-width: 100% !important;
            padding: 0 15px;
        }

    img[align="right"], img[style*="float: right"], img[style*="float:right"], img.align-right, img.right, figure.right, .figure.right,
    img[align="left"], img[style*="float: left"], img[style*="float:left"], img.align-left, img.left, figure.left, .figure.left {
        float: none !important;
        margin: 0 auto 20px auto !important;
    }

    #powerSliderContainer330 .powerSlide {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 100%;
    }

    .powerSlide .smallText, .powerSlide .largeText {
        width: 100%;
        position: relative;
        top: unset;
        left: unset;
    }
}


@media screen and (max-width: 380px) {

    .top_menu_right {
        width: 60%;
    }

    .top_menu_left {
        width: 40%;
    }
}
