/* =========================================================
Elements page
============================================================ */
.dt-full-width { width: 930px; }
.dt-full-width li:last-child { margin: 0 10px 20px 0; }

.list-container-1 { float: left; }
.list-container-1 .last li:last-child, .list-container-2 .last li:last-child {
    margin: 0 0 20px 10px;
}
.list-container-1 ul, .list-container-2 ul {
    margin: 0;
}
.list-container-1 ul li, .list-container-2 ul li {
    float: left;
    list-style: none outside none;
    margin: 0 10px 20px 0;
    border:none;
    padding-bottom: 10px;
    width:178px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.list-container-1 ul li ul, .list-container-2 ul li ul { display: none; }
.list-container-1 ul li:last-child, .list-container-2 ul li:last-child { margin-right:0px; }
.list-container-1 ul li a {
    height: 70px;
    background-color: #7f8b80;
    color: #fff;
    display: block;
    font-size: 13px;
    padding:8px 10px;
    text-align:center;
    outline:none;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.list-container-2 ul li a {
    height: 70px;
    background-color: #303f37;
    color: #fff;
    display: block;
    font-size: 13px;
    padding:8px 10px;
    text-align:center;
    outline:none;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.list-container-1 ul li.descendant a { background-color: #303f37; }
.list-container-1 ul li.selected, .list-container-2 ul li.selected, .list-container-1 ul li.ancestor { 
    background-image: url("../images/arrow1.png");
    background-position: center bottom; 
    background-repeat: no-repeat; 
}
.list-container-1 ul li.selected a, .list-container-2 ul li.selected a,  .list-container-1 ul li.ancestor a { 
    font-weight: bold; background-color: #1e2923; color: #fff; text-decoration: none;
}
.list-container-1 ul li:hover a { background-color: #1e2923; color: #fff; text-decoration: none; }
.tab-container-1 { border-top:none; clear:left; padding:25px 15px 15px; }
.qa-box1{
	background:#fff;
	margin:0 0 20px;
	position:relative;
}

.qa-box1 a h2{
	border:solid 1px #ccc;
	box-shadow: 1px 1px 1px #bdcad7;
	height:45px;
	line-height:35px;
	margin:0;
	padding:5px 20px;
	font-size:15px;
    text-transform: inherit;
    color: #394840;
}

.qa-box1 a h2:hover { border: solid 1px #1f899b; background-color: #e8f3f5; color: #1f899b; }

.qa-box1 h2:after {
    content: "\f067";
    font-family: FontAwesome;
    right:20px;
    position:absolute;
    color: #1f899b;
    font-size: 12px;
}

.qa-box1 a.active h2 {
    border: solid 1px #1f899b;
    background-color: #e8f3f5;
    color: #1f899b;
}


.qa-box1 a.active h2:after {
    content: "\f068";
    font-family: FontAwesome;
    right:20px;
    position:absolute;
}

.qa-box1 h2 a{
	color:#444444;
    display: block;
}

.close-icon{
	font-size:14px;
	text-align:right;
	position:absolute;
	right:10px;
	bottom:10px;
}
.close-icon a{
	color:#303f37;
}

.elements-box .kopa-button {
	margin-right:15px;
}
.details-box-qa{
	padding:20px 15px;
    display: none;
    position: relative;
}
.details-box-qa ul li{
	line-height:26px;
	font-size:13px;
}
.details-box-qa span{
	font-size:12px;
	display:block;
	padding:10px 0 0 0;
}
.details-box-qa p{
	margin:0 0 10px;
}