/**
 * @author  ( Nemesys )
 * @package Joomla
 * @subpackage Accessible-Template-Nemesys
 * @copyright Copyright (C) 2005 - 2009 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 **/

/* not ready */

/******************************************************************************************/

.menu-collapser {
    position: relative;
    background:#dddddd;
    color: #666666;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    padding: 0 22px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.collapse-button {
    position: absolute;
    right: 8px;
    top: 50%;
    width: 40px;
    background-color: #7e8aa2;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    padding: 7px 10px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.collapse-button:hover, .collapse-button:focus {
    background-image: none;
    background-color: #040404;
    color: #FFF;
}
.collapse-button .icon-bar {
    background-color: #F5F5F5;
    border-radius: 1px 1px 1px 1px;
    display: block;
    height: 2px;
    width: 18px;
    margin: 2px 0;
}
ul.menu li .sub-collapser {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075);
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 100%;
    text-align: center;
    z-index: 999;
    cursor: pointer;
}
ul.menu li .sub-collapser:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
ul.menu li .sub-collapser > i {
    color: #333;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}


div#top2 ul.menu.collapsed {width:100%;box-sizing:border-box;}
div#top2 ul.menu.collapsed li.maximenuck.level1 {background:#eeeeee;border-bottom:1px solid #ffffff;display:block;width:100%;padding:0;box-sizing:border-box;}
div#top2 ul.menu.collapsed li.maximenuck.level1 a {display:block;border:none;padding:10px 5%;margin:0;}
/*div#top2 ul.menu.collapsed li.maximenuck.level1.parent a {padding:10px 5%;}
div#top2 ul.menu.collapsed li.maximenuck.level1.parent > a:after {display:none;}
div#top2 ul.menu.collapsed li.maximenuck.level1.parent a > i {display:none;}*/
div#top2 ul.menu.collapsed li.maximenuck.level1 ul {display:none;position:static;width:auto;margin:0 48px 0 5%;padding:0;}
div#top2 ul.menu.collapsed li.maximenuck.level1 ul li.level2 {border-bottom:1px solid #ffffff;padding:0;}

div#top2 ul.menu .sub-collapser {height:40px;display:none;}
div#top2 ul.menu.collapsed .sub-collapser {display:block;}

/******************************************************************************************/

@media only screen and (max-width: 1150px) {
#top_outer {height:135px;}
#top1 {width:100%;margin-top:20px;}
#top1 a {margin:0 auto;}
#top2 {width:100%;}
}

@media only screen and (max-width: 720px) {
#main1 h3, #main2 h3, #main3 h3, #main4 h3 {font-size:36px;}
#bottom1 h3, #bottom2 h3, #bottom3 h3 {font-size:36px;}
#main1 .custom {font-size:19px;line-height:34px;}
#main1 .green {padding:6px;}
a.read_more_light {font-size:18px;}
#main1 .large_front {font-size:26px;line-height:40px;}
#main2 .custom {font-size:19px;line-height:34px;}
#main4 .custom {font-size:19px;line-height:34px;}
#main4 a.iso {font-size:22px;}
#main4 a.read_more_dark {font-size:18px;}
}

@media only screen and (max-width: 950px) {
#main2 .first {padding:10px 80px 40px 10px;}
#main2 .last {padding:10px 10px 40px 80px;}
}

@media only screen and (max-width: 720px) {
#main2 .first {width:100%;min-height:320px;padding:10px 180px 40px 20px;}
#main2 .last {width:100%;padding:10px 30px 20px 30px;}
#main2 .middle {left:auto;right:20px;}
}

@media only screen and (max-width: 400px) {
#main2 .first {width:100%;min-height:unset;padding:10px 20px 40px 20px;}
#main2 .last {width:100%;padding:10px 20px 20px 20px;}
#main2 .middle {position:static;float:left;width:100%;margin:0;}
#main2 .middle a {float:left;}
#main2 .middle a.hovered {display:block;position:static;float:right;}
#main2 .middle:hover a.hovered {}
}

@media only screen and (max-width: 950px) {
#main3 .bottom {width:94%;margin:30px 3% 0;}
#main3 .image2 {top:0;right:0;}
}

@media only screen and (max-width: 680px) {
#main3 .image {width:48%;margin:0;}
#main3 .image2 {width:48%;float:right;position:static;}
#main3 .image2 img {width:100%;}
#main3 .bottom {margin-bottom:30px;}
#main3 .bottom .text {clear:both;text-align:center;padding:20px 0;}
#main3 .bottom .text > span {position:static;}
#main3 .bottom .text .text2 {position:static;}
#main3 a.read_more_light {float:none;margin:0 auto;}
}

@media only screen and (max-width: 520px) {
#main4 a.iso {margin:0;padding:10px 0;width:100%;float:left;}
#main4 a.iso:nth-of-type(2) {margin:0 0 30px 0;}
}

@media only screen and (max-width: 640px) {
#bottom1 table.acymailing_form tr {width:100%;}
#bottom1 table.acymailing_form tr td {width:100%;float:left;}
#bottom1 .inputbox {border-radius:10px;font-size:19px;padding:2px 7%;width:100% !important;box-sizing:border-box;}
#bottom1 .button.subbutton.btn.btn-primary {border-radius:10px;font-size:19px;font-weight:300;padding:5px 7%;width:100% !important;height:60px;margin-top:5px;}
}

@media only screen and (max-width: 520px) {
#bottom2 input.foxtext, #bottom2 input.invalidfoxtext {font-size:22px;max-width:92%;padding:10px 3%;}
#bottom2 textarea.foxtext, #bottom2 textarea.invalidfoxtext {font-size:22px;max-width:92%;padding:10px 3%;}
#bottom2 button.foxbutton{font-size:22px;max-width:92%;padding:10px 3%;}
}

@media only screen and (max-width: 680px) {
#footer_b {position:static;float:right;}
}

@media only screen and (max-width: 800px) {
div.itemFullText {padding:0;}
div.itemFullText .item_social {display:none;width:100%;position:static;margin-bottom:20px;}
.item_social_bottom {background:#eee;display:block;margin-bottom:20px;padding:20px;text-align:center;}
}

@media only screen and (max-width: 550px) {
div.itemHeader{margin:10px 8% -30px;padding:10px 2% 0;position:static;}
div.itemFullText{font-size:17px;line-height:28px;text-align:left;}
}

@media only screen and (max-width: 630px) {
.contact_div {width:92%;padding:4%;}
#mess_comp input.foxtext, #mess_comp input.invalidfoxtext {font-size:22px;max-width:92%;padding:10px 3%;}
#mess_comp textarea.foxtext, #mess_comp textarea.invalidfoxtext {font-size:22px;max-width:92%;padding:10px 3%;}
#mess_comp button.foxbutton{font-size:22px;max-width:92%;padding:10px 3%;}
}