@charset "utf-8";
/* CSS Document */

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {


    #award {
        background: url(../images/buttons/bg-award@2x.png) center no-repeat;
        background-size: 24px 24px;
    }

    #court {
        background: url(../images/buttons/bg-court@2x.png) center no-repeat;
        background-size: 24px 24px;
    }

    #balance {
        background: url(../images/buttons/bg-balance@2x.png) center no-repeat;
        background-size: 24px 24px;
    }

    #map {
        background: url(../images/buttons/bg-map@2x.png) right center no-repeat;
        background-size: 24px 24px;
    }

    h3 span.ui-icon.ui-icon-triangle-1-s {
        background: url(../images/buttons/bg-close@2x.png) center center no-repeat;
        background-size: 24px 24px;
    }

    h3 span.ui-icon.ui-icon-triangle-1-e {
        background: url(../images/buttons/bg-open@2x.png) center center no-repeat;
        background-size: 24px 24px;
    }

    .email {
        background: url(../images/buttons/bg-email@2x.png) center center no-repeat #fff;
        background-size: 24px 24px;
    }

    .zoom {
        background: url(../images/buttons/bg-zoom@2x.png) center center no-repeat #fff;
        background-size: 24px 24px;
    }

    .award {
        background: url(../images/buttons/bg-award@2x.png) center center no-repeat #fff;
        background-size: 24px 24px;
    }

    .link {
        background: url(../images/buttons/bg-link@2x.png) center center no-repeat #fff;
        background-size: 24px 24px;
    }

    p.dates {
        background: url(../images/buttons/bg-calendar@2x.png) no-repeat 2px 7px;
        background-size: 24px 24px;
    }

    p.users {
        background: url(../images/buttons/bg-users@2x.png) no-repeat 2px 7px;
        background-size: 24px 24px;
    }

    p.comments {
        background: url(../images/buttons/bg-chat@2x.png) no-repeat 2px 8px;
        background-size: 24px 24px;
    }

    .avatar {
        background: url(../images/buttons/bg-users@2x.png) center center no-repeat #fff;
        background-size: 24px 24px;
    }

    .flex-direction-nav .flex-next {
        background: url(../images/buttons/bg-next@2x.png) center no-repeat #fff;
        background-size: 24px 24px;
    }

    .flex-direction-nav .flex-prev {
        background: url(../images/buttons/bg-prev@2x.png) center no-repeat #fff;
        background-size: 24px 24px;
    }

    .fancybox-close {
        background: url(../images/buttons/bg-reduce@2x.png) center no-repeat #fff;
        background-size: 24px 24px;
    }
}

@media only screen and (max-width: 1099px) {
    #wrapper {
        margin: 0;
        float: right;
        margin-right: 20px;
    }
}


/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

    body {
        background: #fff!important;
    }

    #wrapper {
        width: 100%;
        margin: 0 auto;
        background-color: #fff;
    }

    #box-shadow {
        -webkit-box-shadow: 0 0 0px #C7C7C7;
        -moz-box-shadow: 0 0 0px #C7C7C7;
        box-shadow: 0 0 0px #C7C7C7;
        background-color: #fff;
    }

    .responsive.alignright {
        float: none;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 720px;
        position: relative;
        margin: 0 auto;
    }

    header {
        padding: 41px 0px 8px 0px;
        width: 720px;
        position: relative;
        margin: 0 auto;
    }

    .responsive.alignleft {
        float: none;
        margin: 0 auto;
        width: 720px;
        padding-top: 20px;
    }

    .js #nav {
        display: none;
    }

    .js .selectnav {
        display: block;
        margin: 5px 10px;
        color: #a5a5a5;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: 600;
        line-height: 13px;
        text-decoration: none;
        text-transform: uppercase;
        float: none;
        width: 700px;
    }

    .contacttop {
        margin-top: -95px;
    }

    .contactsub {
        margin-bottom: 25px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 440px;
        position: relative;
        margin: 0 auto;
        overflow: visible !important;
    }

    header {
        padding: 41px 0px 8px 0px;
        width: 440px;
        position: relative;
        margin: 0 auto;
    }

    .main
    {
        width: 100%;
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 18px;
    }

    #map {
        float: none;
        margin: 20px 0 0;
        width: 100%;
        padding: 0;
        text-align: center;
        line-height: normal;
        font-size: 13px;
    }


    .responsive.alignleft {
        float: none;
        margin: 0 auto;
        width: 440px;
        padding-top: 20px;
    }

    .col1-1, .col1-3, .col2-3, .col1-2 {
        width: 100%;
        margin: 0px;
    }

    .videos {
        width: 420px !important;
        height: 235px !important;
    }

    .js #nav {
        display: none;
    }

    .js .selectnav {
        display: block;
        margin: 5px 10px;
        color: #a5a5a5;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: 600;
        line-height: 13px;
        text-decoration: none;
        text-transform: uppercase;
        float: none;
        width: 420px;
    }

    .element .col1-2 {
        width: 340px !important;
        display: block;
    }

    .responsive-folio {
        overflow: visible !important;
    }

    #about .col1-3 {
        width: 200px !important;
    }

    #options {
        margin-right: 10px;
    }

    #options li a {
        margin-bottom: 5px;
    }

    .responsive-footer .col1-3 {
        width: 200px !important;
    }

    .responsive-footer .col2-3 {
        width: 200px !important;
        margin-left: 15px;
    }

    .contact input, textarea {
        width: 172px !important;
        margin: 0px 0px 0px 0;
        float: none;
        display: block;
    }

    .contact textarea {
        width: 172px !important;
        margin-top: -20px;
    }

    .option-set {
        float: none;
    }

    h3.alignleft {
        float: none;
    }

    #phone {
        margin: 0px!important;
        margin-bottom: 36px!important;
    }

    .contacttop {
        margin-top: -115px;
    }

    .contactsub {
        margin-bottom: 25px;
    }

    .blogsize img {
        height: auto;
    }

    #footer p span.top {
        font-size: 14px;
    }

    #footer p {
        font-size: 12px;
        text-align: center;
    }

    #footer .border
    {
        margin-top: 0px;
    }

    h1#logo,
    h1#logo a
    {
        width: 100%;
        text-align: center;
        margin: 0px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 92%;
        position: relative;
        margin: 0 auto;
        overflow: visible !important;
    }

    header {
        padding: 10px 0px;
        width: 92%;
        position: relative;
        margin: 0 auto;
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 18px;
    }

    #footer p span.top {
        font-size: 14px;
    }

    #footer p {
        font-size: 10px;
        text-align: center;
    }

    #footer .border
    {
        margin-top: 0px;
    }

    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .contact input.submit {
        width: 100% !important;
        height: 60px;
    }

    ul.social {
        margin-left: 10px;
        margin-top: 10px;
        float: none;
    }

    .responsive.alignleft {
        float: none;
        margin: 0 auto;
        width: 100%;
    }

    .col1-1, .col1-3, .col2-3, .col1-2 {
        width: 100%;
        margin: 0px;
    }

    .videos {
        width: 300px !important;
        height: 175px !important;
    }

    .js #nav {
        display: none;
    }

    .js .selectnav {
        display: block;
        margin: 10px 2.5%;
        color: #a5a5a5;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: 600;
        line-height: 13px;
        text-decoration: none;
        text-transform: uppercase;
        width: 95% !important;
    }

    nav.alignright {
        display: block;
        float: none;
    }

    .element {
        width: 300px;
        display: block;
    }

    #about .col1-3 {
        width: 220px !important;
    }

    #options {
        margin-right: 10px;
        margin-left: 0px;
        margin-top: 20px;
    }

    #options li a {
        margin-bottom: 5px;
    }

    .responsive-footer .col1-3 {
        width: 100%;
    }

    .responsive-footer .col2-3 {
        width: 100%;
    }

    .contact input, textarea {
        width: 100% !important;
        margin: 0px 0px 0px 0;
        float: none;
        display: block;
    }

    .contact textarea {
        width: 100% !important;
        margin-top: -20px;
    }

    .option-set {
        margin-left: 10px !important;
        margin-top: -10px !important;
        float: none;
    }

    h3.alignleft {
        float: none;
    }

    #map {
        float: none;
        margin: 20px 0 0;
        width: 100%;
        padding: 0;
        text-align: center;
        line-height: normal;
        font-size: 11px;
    }

    .contact,
    .contact p
    {
        margin: 0px;
        padding: 0px;
        text-align: center;
    }

    #phone {
        margin: 0px!important;
        margin-bottom: 36px!important;
    }

    .contacttop {
        margin-top: -115px;
    }

    .contactsub {
        margin-bottom: 25px;
    }

    .blogsize img {
        height: auto;
    }

    h1#logo,
    h1#logo a
    {
        width: 100%;
        text-align: center;
        margin: 0px;
    }

    h1#logo,
    h1#logo a img
    {
        height: 80px;
    }
}