/**
*
*                Media queries
*
**/


body {
-webkit-text-size-adjust: none;
}

/**  Disable Minimum width of no responsive mode                 **/

#column-content {
min-width : 0;
}

.hidden {
display: none;
visibility: hidden;
}

.visible-phone {
display: none !important;
}

.visible-tablet {
display: none !important;
}

.hidden-desktop {
display: none !important;
}

.visible-desktop {
display: block !important;
}



/* Portrait tablet to landscape and desktop */
@media screen and (max-width: 979px) {


        .hidden-desktop {
        display: block !important;
        }
        .visible-desktop {
        display: none !important ;
        }
        .visible-tablet {
        display: block !important;
        }
        .hidden-tablet {
        display: none !important;
        }

}


/* Phone and little tablet */
@media screen and (max-width: 767px) {


        .hidden-desktop {
        display: block !important;
        }
        .visible-desktop {
        display: none !important;
        }
        .visible-tablet {
        display: none !important;
        }
        .hidden-tablet {
        display: block !important;
        }
        .visible-phone {
        display: block !important;
        }
        .hidden-phone {
        display: none !important;
        }

}


/**                         MAIN MENU
**
**                                you can change the value for max-width below ( don't forget to put the same value in "css/ie8-responsive.css" and "css/ie7-responsive.css" )
**/



@media screen and (max-width: 979px) {

        .drop-down {
        position: relative;
    float: none;
    margin:0;
    padding:0;
    width: auto;
    height:auto;
    z-index: 10;
        }

        .drop-down ul {
        background-color: transparent;
    border : none;
    display : none;
    max-width: 400px;
    position: absolute;
    top: 0;
    padding-bottom:200px;
    width: 80%;
    z-index: 1337;
         }

         .drop-down:target > ul {
     display : block;
        }

        .drop-down span.title_menu {
        display: block;
        float:right;
        position: relative;
        margin:6px 25px 8px 14px;
        line-height: 1;
        font-weight: normal;
        }

        .drop-down span.title_menu a {
        display: inline-block;
        font-size: 18px;
        padding: 9px 10px 8px 30px;
        color: #fff;
        background: #A14135;
        border-radius: 8px;
        -moz-box-shadow: 1px 1px 3px #aaa inset;
        -webkit-box-shadow: 1px 1px 3px #aaa inset;
        box-shadow : 1px 1px 3px #aaa inset;
        }

        .drop-down span.title_menu a:before {
         content: "";
          position: absolute;
        top: 13px;
          left: 10px;
          width: 13px;
          height: 0.135em;
          border-top: 0.375em double #ddd;
          border-bottom: 0.125em solid #ddd;
        }

        .drop-down span.title_menu a:hover, .drop-down span.title_menu a:focus {
        background: #A16058;
        text-decoration: none;
        }

        .drop-down:target span.title_menu {
        display: none;
        }

        .drop-down:target:before {
        content: "";
        position: fixed;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(80,80,80,.8);
        }



    .drop-down li {
    position: relative;
    display : block ;
    float: none;
    line-height: inherit;
    padding: 0 ;
    margin:0 0 4px 0;
    }

    .drop-down li, .drop-down li:first-child {
    border : none;
    }

    .drop-down li.parent a:after, .drop-down li.parent span:after {
    color: #fff;
    font-size: 100%;
    right: 12px;
    top: 15px;
    -moz-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        }

        .drop-down li.parent li.parent a::after , .drop-down li.parent li.parent span::after,
        .drop-down li.parent li.parent li.parent a::after , .drop-down li.parent li.parent li.parent span::after {
    color: #000;
    font-size: 100%;
    right: 12px;
    top: 15px;
    -moz-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        }

        .drop-down li ul {
        display : block ;
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
        opacity:1;
        width: auto;
        /**        change        **/
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius:0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        margin:0;
        background-color: transparent;
        }

        .drop-down li ul ul {
        top: 0;
        left: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius:0;
        }

        .drop-down li ul:hover {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        }

        .drop-down li li ul:hover {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        }

        .drop-down li li {
        float:none;
        width:auto;
        background-image : none;
        padding:0;
        margin:0;
        }

        .drop-down li a, .drop-down li span.separator {
        display : block;
        width:auto;
        padding: 14px 15px 14px 25px;
        text-transform: none;
        font-weight: normal;
        font-size:150%;
        background-image:none;
        background-color : #A14135;   /* fsi */
        color : #fff;
        /* -moz-border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px 8px 0 0;
        -o-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0;
        border : none;
        -webkit-transition : none;
        -moz-transition : none;
        -ms-transition : none;
        -o-transition : none;
        transition : none; */
        }

        .drop-down > ul > li > a:only-child {
        border-radius: 8px;
        }

        .drop-down li li a, .drop-down li li span.separator {
        display : block;
        width:auto;
        color : #222;
        letter-spacing: 0px;
        font-size:140%;
        line-height:inherit;
        padding: 14px 15px 14px 25px;
        margin:0 ;
        background-image:none;
        background-color : #fff;
        border: 1px solid #aaa;
        border-top: 0;
        -moz-border-radius:  0;
        -webkit-border-radius:  0;
        -o-border-radius:  0;
        border-radius:  0;
        }

        .drop-down li ul, .drop-down ul ul li:last-child > a {
    border-radius: 0 0 8px 8px;
        }

        .drop-down li li li a, .drop-down li li li span.separator {
        font-size:125%;
        padding: 14px 15px 14px 40px;
        background-color : #e8e8e8;
        }

        .drop-down ul ul ul li:last-child > a {
    border-radius: 0 ;
        }

        .drop-down li li li li a, .drop-down li li li li span.separator {
        font-size:120%;
        padding: 14px 15px 14px 60px;
        background-color : #d8d8d8;
        }

        .drop-down li a:hover, .drop-down li span.separator:hover {
        -webkit-transition : none;
        -moz-transition : none;
        -ms-transition : none;
        -o-transition : none;
        transition : none;
        }

        .drop-down li li li:first-child > a, .drop-down li li li:first-child > span {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        }

        .drop-down li li:last-child > a, .drop-down li li:first-child > span {
        border-bottom-left-radius:  0;
        border-bottom-right-radius:  0;
        }

        .drop-down li:hover > ul, .drop-down li:focus > ul {
        display : block ;
        z-index:10;
        opacity:1;
        -webkit-transition : none;
        -moz-transition : none;
        -ms-transition : none;
        -o-transition :none;
        transition : none;
        }


        .drop-down a {
        text-decoration : underline !important;
        }

        .drop-down li:hover > a, .drop-down a[href="#navigation"] {
        text-decoration : none !important;
        }

        .drop-down a[href="#"] {
        text-decoration : none !important;
        cursor : default;
        }

        .drop-down li.active > a, .drop-down li.active > span, .drop-down li:hover > a, .drop-down li:hover > span {
        color: #fff ;
        background-color : #A16058;  /* fsi */
        background-image: none;
        border: none;
        -moz-box-shadow: none;
        -webkit-box-shadow:none;
        box-shadow: none;
        }

        .drop-down li li:hover > a, .drop-down li li:hover > span, .drop-down li li.active > a, .drop-down li li.active > span {
        color: #000 ;
        background-color : #7C6B93;   /* fsi */
        background-image: none;
        -moz-box-shadow: none ;
        -webkit-box-shadow: none ;
        box-shadow: none ;
        border: 1px solid #aaa;
        border-top: 0;
        }


        .drop-down li li li:hover > a, .drop-down li li li:hover > span, .drop-down li li li.active > a, .drop-down li li li.active > span {
        background-color : #e8e8e8;
        }

        .drop-down li li li li:hover > a, .drop-down li li li li:hover > span, .drop-down li li li li.active > a, .drop-down li li li li.active > span {
        background-color : #d8d8d8;
        }

        .drop-down li.current > a {
        color: #fff !important;
        text-decoration : none !important;
        background-color : #00ACE4 !important;    /* fsi */
        }

        /* Disable position fixed for header */

        .website-header {
        height:auto;
        }

        .website-header.fixed {
        position:relative;
        top:0;
        }

        .website-top.fixed {
        position:relative;
        top:0;
        }

        .website-top.fixed.with-header {
        top:0px;
        }

        .website-middle.fixed {
        margin-top: -150px;
        padding-top:0;
        }

}


@media screen and (max-width: 979px) {

        .website-footer.footer-home-page {
        position : relative;
        top:0;
        left:0;
        width:auto;
        }

        .empty-space-home-page {
        height:100%;
        }

        /**         remove the fixed width of Google map                 **/

        div[id*="googlemap"] {
        width:auto !important;
        }

        /**         Video and Google map                 **/

        .module_video {
        margin-top: 0;
        padding-bottom: 60px;
        position:relative !important;
        height: 400px !important;
        min-height:400px !important;
        }

        .module_google_map {
        margin-top: 0;
        position:relative !important;
        height: 50% !important;
        min-height:50% !important;
        }

          /**                 Column menu                         **/

        #column-menu {
        position:relative;
        min-height:0;
        -moz-box-shadow : 0px 0px 16px 0px rgba(0,0,0, 0.40) ;
        -webkit-box-shadow : 0px 0px 16px 0px rgba(0,0,0, 0.40) ;
        box-shadow : 0px 0px 16px 0px rgba(0,0,0, 0.40) ;
        }

        .menu-white #column-menu {
        background-color : #fff;
        }

        .menu-black #column-menu {
        background-color : #000;
        }

        #main-column-menu {
        padding: 10px;
        }

        #column-menu, .nav_main, .search-module {
        width:auto;
        }


        .logo {
        padding:0 0 0 40px;
        margin: 0;
        float:left;
        }

        .logo span {
        line-height:48px;
        }

        .logo img {
        max-height : 55px;
        }

        #translate {
    position: absolute;
    bottom: -30px;
    right: 35px;
        }

        .social-links li a img {
        width:20px;
        }


        /**                 Column content                           **/

        #column-content {
        position:relative;
        min-height : 0;
        margin:0;
        }

        .module_google_map, .module_video {
        padding-left: 0;
        }

        #column-content > .top, #column-content > .bottom, #column-content > .full_width {
        position: relative;
        top:0;
        left:0;
        max-width:100%;
        }

        #column-content > .top .all-content {
        margin-bottom:0px;
        }

        #column-content #main-column-content .all-content {
        padding: 50px 16px 14px 16px;
        min-height:600px;                                 /**                second condition if height > 800px line 390 in this file         **/
        }

        .shadow-normal .all-content, .shadow-none .all-content {
        -moz-border-radius:0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        border-radius: 0;
        }

        .shadow-normal .all-content {
        -moz-box-shadow : none ;
        -webkit-box-shadow : none ;
        box-shadow : none ;
        }

        .shadow-corner > .bottom {
        min-height:0px;
        background-image : none;
        padding:0;
        }

        .shadow-corner > .top {
        min-height:0px;
        background-image : none;
        padding:0;
        top:0;
        }

        .shadow-corner .all-content {
        -moz-box-shadow : none ;
        -webkit-box-shadow : none ;
        box-shadow : none ;
        -moz-border-radius:0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        border-radius: 0;
        }

        /**         CONTENT         **/


        .left_column, .right-module-position, .top-module-position, .bottom-module-position {
        float:none;
        padding: 12px 0 12px 0;
        margin:0;
        background-image:none;
        min-height:auto;
        border:none;
        width : auto ;
        clear:both;
        }

        .left_column > div, .right-module-position > div {
        background-image:none;
        padding:0;
        }


        .right_column {
        overflow:visible;
        }

        .left_column .moduletable > div, .right-module-position .moduletable > div {
        clear:both;
        border:1px solid #ddd;
        border-color : rgba(0,0,0,0.10);
        margin:0 ;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;
        background: transparent url(../images/black-03.png) 0 0 repeat;
        }

        .white-text .left_column .moduletable > div, .white-text .right-module-position .moduletable > div {
        border:1px solid #666;
        border-color : rgba(255,255,255,0.10);
        }

        .main_component {
        padding: 0 6px;
        }

}


/*                To display the background on all screen if tablet with portrait mode         */
/*                First condition if height < 800px line 266 in this file                                 */

@media screen and (max-width: 979px) and (min-height: 800px) {

        #column-content #main-column-content .all-content {
        min-height:900px;
        }

}




/* Phone and little tablet */
@media screen and (max-width: 767px) {

        .logo {
        padding-left :0px;
        }

        .top_menu li {
        padding: 4px 2px 0 2px;
        }

        .user1, .user2, .user3, .user4, .user5, .user6, .right-module-position {
        float:none;
        padding:12px 0;
        margin:0;
        width : 100% !important;
        clear:both;
        }

        .user1, .user2, .user3, .user4, .user5, .user6 {
        margin : 8px 0 0 0;
        }

        .top-module-position .border > div, .bottom-module-position .border > div, .user1 .border > div, .user2 .border > div, .user3 .border > div, .user4 .border > div, .user5 .border > div, .user6 .border > div,
        .address .border > div, .translate .border > div, .search .border > div, top_menu .border > div, .bottom_menu .border > div {
        margin-bottom:8px;
        }

        .moduletable.shadow > div {
        margin-bottom:0 !important;
        }


        /* ++++++++++++++  blog  ++++++++++++++ */

        .cols-2 .column-1 {
        width:auto;
        float:none;
        }

        .cols-2 .column-2 {
        width:auto;
        float:none;
        }

        .cols-3 .column-1 {
        float:none;
        width:auto;
        padding:0;
        margin-right:0;
        }

        .cols-3 .column-2 {
        float:none;
        width:auto;
        width:auto;
        padding:0;
        }

        .cols-3 .column-3 {
        float:none;
        width:auto;
        padding:0;
        }

        .column-1, .column-2, .column-3 {
        padding:10px 0px;
        }

        .column-2 {
        width:auto;
        margin-left:0;
        }

        .column-3 {
        width:auto;
        }

        /**********                Column layouts                        *********/

        .one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
        float: none;
        width:auto;
        margin : 10px 0;
        }

}


@media (max-width: 600px) {

        textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"],
        input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"],
        input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
        max-width:280px;
        }

        fieldset dt {
    float: none;
    margin: 0;
    padding:15px 20px 0 0;
        }

}


@media (max-width: 450px) {

        textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"],
        input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"],
        input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
        max-width:200px;
        }

}

@media (max-width: 350px) {

        textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"],
        input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"],
        input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
        max-width:150px;
        }

}

@media (max-width: 769px) and (max-width: <?php echo ($width + 32); ?>px) {

        textarea, table, td, th, code, pre, samp {
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
        }

        code, pre, samp {
        white-space: pre-wrap;
        }

}