/* 
Olah Makan Indonesia CSS 
Created By: Dimbleweb (http://dimbleweb.com)
Copyright © 2014 PT Dua Mitra Kerjasama
*/

/* INITIAL CSS */
body {color: #515151; font-family: 'Century', Arial, Verdana; background: #fff;}
button, input, select, textarea {font-family: 'Century', Arial, Verdana;}
p {color: #515151; font-size: 18px; line-height: 24px;}
small {color: #515151; font-size: 12px;}
a, a:hover {text-decoration: none;}
.ta-center {text-align: center;}
.ta-left {text-align: left;}
.ta-right {text-align: right;}
.fl-left {float: left;}
.fl-right {float: right;}
.fl-clear {clear: both;}
.dmb-img-wrap {position: relative; width: 100%; height: 100%; background: transparent;}
.dmb-img-wrap img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.cl-white {color: #fff !important;}
.cl-blue {color: #2a4099;}

h2 {font-size: 42px; color: #2a4099; text-transform: uppercase; line-height: 52px;}
.not-available {font-style: italic; color: #515151; font-size: 16px;}
/* /INITIAL CSS */


/* GENERAL LAYOUT CSS */
#header, #content, #footer, #footer-2 {width: 100%; float: left; position: relative;}
.wrap {width: 960px; margin: 0 auto; position: relative;}
@media only screen and (max-width: 1000px) {
	.wrap {width: 93.75%;}
}

.container {width: 100%; float: left;}
.section {clear: both; padding: 0px; margin: 0px;}
.group:before, .group:after {content: ""; display: table;}
.group:after {clear: both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}

.dmb-col {display: block; float: left; margin: 0% 0 1% 1.6%; position: relative;}
.dmb-col.first-col {margin-left: 0;}
.dmb-col:first-child {margin-left: 0;} /* all browsers except IE6 and lower */
@media only screen and (max-width: 480px) {
	.dmb-col {margin: 1% 0 1% 0%;}
}
/* /GENERAL LAYOUT CSS */


/* TWO COLUMNS CSS */
.span_1_of_2 {width: 49.2%;}
.span_2_of_2 {width: 100%;}
@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 {width: 100%;}
}
/* /TWO COLUMNS CSS */


/* THREE COLUMNS CSS */
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 66.13%;}
.span_1_of_3 {width: 32.26%;}
@media only screen and (max-width: 480px) {
	.span_3_of_3, .span_2_of_3, .span_1_of_3 {width: 100%;}
}
/* /THREE COLUMNS CSS */


/* FOUR COLUMNS CSS */
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.6%;}
.span_2_of_4 {width: 49.2%;}
.span_1_of_4 {width: 23.8%;}
@media only screen and (max-width: 480px) {
	.span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4 {width: 100%;}
}
/* /FOUR COLUMNS CSS */


/* FIVE COLUMNS CSS */
.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 79.68%;}
.span_3_of_5 {width: 59.36%;}
.span_2_of_5 {width: 39.04%;}
.span_1_of_5 {width: 18.72%;}
@media only screen and (max-width: 480px) {
	.span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5 {width: 100%;}
}
/* /FIVE COLUMNS CSS */


/* SIX COLUMNS CSS */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.06%;}
.span_4_of_6 {width: 66.13%;}
.span_3_of_6 {width: 49.2%;}
.span_2_of_6 {width: 32.26%;}
.span_1_of_6 {width: 15.33%;}
@media only screen and (max-width: 480px) {
	.span_6_of_6, .span_5_of_6, .span_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6 {width: 100%;}
}
/* /SIX COLUMNS CSS */


/* SEVEN COLUMNS CSS */
.span_7_of_7 {width: 100%;}
.span_6_of_7 {width: 85.48%;}
.span_5_of_7 {width: 70.97%;}
.span_4_of_7 {width: 56.45%;}
.span_3_of_7 {width: 41.94%;}
.span_2_of_7 {width: 27.42%;}
.span_1_of_7 {width: 12.91%;}
@media only screen and (max-width: 480px) {
	.span_7_of_7, .span_6_of_7, .span_5_of_7, .span_4_of_7, .span_3_of_7, .span_2_of_7, .span_1_of_7 {width: 100%;}
}
/* /SEVEN COLUMNS CSS */


/* EIGHT COLUMNS CSS */
.span_8_of_8 {width: 100%;}
.span_7_of_8 {width: 87.3%;}
.span_6_of_8 {width: 74.6%;}
.span_5_of_8 {width: 61.9%;}
.span_4_of_8 {width: 49.2%;}
.span_3_of_8 {width: 36.5%;}
.span_2_of_8 {width: 23.8%;}
.span_1_of_8 {width: 11.1%;}
@media only screen and (max-width: 480px) {
	.span_8_of_8, .span_7_of_8, .span_6_of_8, .span_5_of_8, .span_4_of_8, .span_3_of_8, .span_2_of_8, .span_1_of_8 {width: 100%;}
}
/* /EIGHT COLUMNS CSS */


/* NINE COLUMNS CSS */
.span_9_of_9 {width: 100%;}
.span_8_of_9 {width: 88.71%;}
.span_7_of_9 {width: 77.42%;}
.span_6_of_9 {width: 66.13%;}
.span_5_of_9 {width: 54.84%;}
.span_4_of_9 {width: 43.55%;}
.span_3_of_9 {width: 32.26%;}
.span_2_of_9 {width: 20.97%;}
.span_1_of_9 {width: 9.68%;}
@media only screen and (max-width: 480px) {
	.span_9_of_9, .span_8_of_9, .span_7_of_9, .span_6_of_9, .span_5_of_9, .span_4_of_9, .span_3_of_9, .span_2_of_9 , .span_1_of_9 {width: 100%;}
}
/* /NONE COLUMNS CSS */


/* TEN COLUMNS CSS */
.span_10_of_10 {	width: 100%;}
.span_9_of_10 {width: 89.84%;}
.span_8_of_10 {width: 79.68%;}
.span_7_of_10 {width: 69.52%;}
.span_6_of_10 {width: 59.36%;}
.span_5_of_10 {width: 49.2%;}
.span_4_of_10 {width: 39.04%;}
.span_3_of_10 {width: 28.88%;}
.span_2_of_10 {width: 18.72%;}
.span_1_of_10 {width: 8.56%;}
@media only screen and (max-width: 480px) {
	.span_10_of_10, .span_9_of_10, .span_8_of_10, .span_7_of_10, .span_6_of_10, .span_5_of_10, 
	.span_4_of_10, .span_3_of_10 , .span_2_of_10, .span_1_of_10 {width: 100%;}
}
/* /TEN COLUMNS CSS */


/* ELEVEN COLUMNS CSS */
.span_11_of_11 {width: 100%;}
.span_10_of_11 {width: 90.76%;}
.span_9_of_11 {width: 81.52%;}
.span_8_of_11 {width: 72.29%;}
.span_7_of_11 {width: 63.05%;}
.span_6_of_11 {width: 53.81%;}
.span_5_of_11 {width: 44.58%;}
.span_4_of_11 {width: 35.34%;}
.span_3_of_11 {width: 26.1%;}
.span_2_of_11 {width: 16.87%;}
.span_1_of_11 {width: 7.63%;}
@media only screen and (max-width: 480px) {
	.span_11_of_11, .span_10_of_11, .span_9_of_11, .span_8_of_11, .span_7_of_11, .span_6_of_11, 
	.span_5_of_11, .span_4_of_11 , .span_3_of_11, .span_2_of_11, .span_1_of_11 {width: 100%;}
}
/* /ELEVEN COLUMNS CSS */


/* TWELVE COLUMNS CSS */
.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.53%;}
.span_10_of_12 {width: 83.06%;}
.span_9_of_12 {width: 74.6%;}
.span_8_of_12 {width: 66.13%;}
.span_7_of_12 {width: 57.66%;}
.span_6_of_12 {width: 49.2%;}
.span_5_of_12 {width: 40.73%;}
.span_4_of_12 {width: 32.26%;}
.span_3_of_12 {width: 23.8%;}
.span_2_of_12 {width: 15.33%;}
.span_1_of_12 {width: 6.86%;}
@media only screen and (max-width: 480px) {
	.span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, 
	.span_6_of_12, .span_5_of_12 , .span_4_of_12, .span_3_of_12, .span_2_of_12, .span_1_of_12 {width: 100%;}
}
/* /TWELVE COLUMNS CSS */

/* BACKGROUND COLOR SELECTION */
.bg-red {background: #e44919;}
.bg-orange {background: #ff880a;}
.bg-yellow {background: #f7d300;}
.bg-green {background: #91be01;}
.bg-blue {background: #069fbf;}
.bg-violet {background: #6e38a8;}

.bg-red .tri-corner {border-left-color: #e44919; border-top-color: #e44919;}
.bg-orange .tri-corner {border-left-color: #ff880a; border-top-color: #ff880a;}
.bg-yellow .tri-corner {border-left-color: #f7d300; border-top-color: #f7d300;}
.bg-green .tri-corner {border-left-color: #91be01; border-top-color: #91be01;}
.bg-blue .tri-corner {border-left-color: #069fbf; border-top-color: #069fbf;}
.bg-violet .tri-corner {border-left-color: #6e38a8; border-top-color: #6e38a8;}
/* /BACKGROUND COLOR SELECTION */

/* HEADER */
#header {margin-top: 30px; background: url(../images/bg/zigzag.png) repeat-x bottom; padding-bottom: 50px;}
#logo-col, #nav-col {min-height: 145px;}

#soc-med-container {position: absolute; top: 0px; right: 0px;}
#soc-med-list {margin-top: 3%; float: right;}
#soc-med-list li {float: left; margin-right: 8px;}
#soc-med-list li:last-child {margin-right: 0px;}
#soc-med-list li img {width: 36px; height: 34px; opacity: 0.8;
transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
#soc-med-list li img:hover {opacity: 1.0;}

#main-nav-container {position: absolute; right: 0px; bottom: 20px;}
#main-nav-list > li {float: left;
transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
#main-nav-list li a, #main-nav-list li a label {display: block; color: #fff; text-transform: uppercase; font-family: 'CenturyBold'; font-size: 14px; padding: 12px 32px; cursor: pointer;}
#main-nav-list li:first-child a {padding: 6px 16px;}
#main-nav-list li.bg-red.lbl {display: none;}
#main-nav-list li.bg-red:hover {background: #ff7b52;}
#main-nav-list li.bg-orange:hover {background: #fdb76e;}
#main-nav-list li.bg-yellow:hover, #main-nav-list li.bg-yellow:hover .sub-nav-list li:hover {background: #ffde22;}
#main-nav-list li.bg-green:hover {background: #b4db37;}
#main-nav-list li.bg-blue:hover {background: #38bdd9;}
#main-nav-list li.bg-violet:hover {background: #9d6ecf;}

.sub-nav-list.closed {display: none;}
.sub-nav-list {position: absolute; z-index: 1000; background: inherit;}
.sub-nav-list li {transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
.sub-nav-list li a {padding: 12px 32px !important;}
#main-nav-list li.bg-yellow:hover .sub-nav-list li {background: #f7d300;}

@media only screen and (max-width: 960px) {
	#main-nav-list li a {font-size: 14px; padding: 12px 15px;}	
	.sub-nav-list li a {padding: 12px 17px !important;}
}
@media only screen and (max-width: 767px) {	
	#main-nav-list li a {display: block; font-size: 11px; padding: 12px 15px;}
	#main-nav-list li.bg-red {display: none;}
	#main-nav-list li.bg-red.lbl {display: block;}
	.sub-nav-list li a {padding: 12px 14px !important;}
}
@media only screen and (max-width: 700px) {
	#logo-col {text-align: center; margin-bottom: 3%; width: 100%}
	#nav-col {width: 100%;}
	#soc-med-container { position: relative; text-align: center;}
	#soc-med-sep {margin-bottom: 8px;}
	#soc-med-list {display: inline-block; margin: 0 auto; float: none;}
	#main-nav-container {position: relative; margin-top: 40px;}
	#main-nav-list > li {width: 50%;}
	#main-nav-list > li a {font-size: 18px; text-align: center; padding: 18px 0;}
	.sub-nav-list {width: inherit;}
	.sub-nav-list li a {padding: 12px 11px 12px 11px !important; line-height: 22px;}
}
/* /HEADER */

/* HOME */
#div-nivo-slider img {display: none; width: 960px; height: 420px;
border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px;}
.cust_1_of_3 {width: 32%; margin-left: 2%;}
.cust_1_of_3:first-child {margin-left: 0%;}
@media only screen and (max-width: 480px) {
	.cust_1_of_3 {width: 100%; margin-left: 0%;}
}
#home-three-outer-container {margin-top: 25px;}
.home-three-container {padding-top: 18px; padding-bottom: 18px; padding-right: 8%; padding-left: 8%; width: 84%; text-align: center; min-height: 450px; z-index: 1000;
border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; background-color: rgba(255,255,255,0.9);
box-shadow: 0px 0px 10px #bfbfbf; -moz-box-shadow: 0px 0px 10px #bfbfbf; -o-box-shadow: 0px 0px 10px #bfbfbf; -webkit-box-shadow: 0px 0px 10px #bfbfbf;}
.home-three-container img.icon {max-height: 105px;}
.home-three-container h2 {font-size: 48px; color: #2a4099; text-transform: uppercase;}
.home-three-container h2.small {font-size: 40px;}
.home-three-container a{font-size: 16px; font-style: italic; color: #2a4099;}
.home-three-container a:hover {color: #ff521d; text-decoration: underline;}
.bot-wrap {position: absolute; width: 84%; bottom: 30px; height: 20px;}
.bot-wrap a{text-align: center;}
.home-three-container .news-img-wrap {width: 100%; height: 113px;}
.home-three-container .news-img-wrap img {max-width: none !important;}

#subscribe-form input[type="text"] {width: 94%; padding-left: 3%; padding-right: 3%; padding-top: 4px; padding-bottom: 4px; border: none; background: #ececec; font-size: 12px; color: #888888; text-align: center;}
#subscribe-form input[type="submit"] {background: #a7a6a4; text-align: center; color: #fff; font-size: 12px; cursor: pointer; border: none; padding: 3px 12px; margin-top: 5px;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
#subscribe-form input[type="submit"]:hover {background: #cec3ac;}

@media only screen and (max-width: 1000px) {
	.tri-corner {display: none;}
	.theme-default .nivo-caption {width: 80% !important;}
	.theme-default .nivo-caption > div {padding-right: 5%; padding-left: 6% !important; width: 80% !important;}
	.home-three-container h2, .home-three-container h2.small {font-size: 32px;}
	.home-three-container .news-img-wrap {display: none !important;}
}
@media only screen and (max-width: 700px) {
	.home-three-container {min-height: 550px;}
}
@media only screen and (max-width: 600px) {
	.div-slider {display: none !important;}
	.cust_1_of_3 {width: 100%; margin-left: 0%; margin-bottom: 20px;}
	.home-three-container {min-height: 250px; padding: 18px 5%; width: 90%;}
	.home-three-container h2 {font-size: 38px;}
	.home-three-container .news-img-wrap {display: block !important;}
	.bot-wrap {position: relative; width: 100%; margin-top: 50px;}
}
/* /HOME */

/* ABOUT */
img.icon {max-height: 120px !important;}
#about-top-container {padding: 25px 5%; width: 90%; background: #069fbf;}
#about-top-container h3, #about-top-container h3 p {color: #fff; font-size: 22px; line-height: 26px; text-align: center;}

.about-summary-container {width: 92%; padding: 10px 4%; float: left;
box-shadow: 0px 0px 10px #bfbfbf; -moz-box-shadow: 0px 0px 10px #bfbfbf; -o-box-shadow: 0px 0px 10px #bfbfbf; -webkit-box-shadow: 0px 0px 10px #bfbfbf;}
.about-summary-container h2 {font-size: 48px; color: #2a4099; text-transform: uppercase;}
.about-summary-container img.icon {float: left; margin-right: 15px; max-height: 120px;}
.about-summary-container-2 {width: 92%; padding: 10px 4%; float: left; margin-bottom: 20px;}
.about-summary-container-2 .fl-left {width: 30%;}
.about-summary-container-2 .fl-right {width: 45%;}
.about-summary-container-2 h2 {font-size: 48px; color: #fff; text-transform: uppercase;}
.about-summary-container-2.bg-green {min-height: 307px;}
.about-summary-container-2 .wysiwyg-content.white ul li, .about-summary-container-2 .wysiwyg-content.white ol li {margin-left: 15px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.about-summary-container-2.bg-green {min-height: 329px;}
}

@media only screen and (max-width: 960px) {
	.about-summary-container-2 .fl-left, .about-summary-container-2 .fl-right {width: 100%; float: none;}
	.about-summary-container-2 h2 {margin-bottom: 5px;}
	.about-summary-container-2 h2 br {display: none;}
	.about-summary-container-2 .wysiwyg-content.white ul li, .about-summary-container-2 .wysiwyg-content.white ol li {margin-left: 30px;}
}
@media only screen and (max-width: 767px) {
	#about-top-container h3 {font-size: 16px;}
	.about-summary-container-2 h2 {font-size: 30px;}	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.about-summary-container h2 {font-size: 30px; line-height: 40px;}
}
@media only screen and (max-width: 479px) {
	#about-img {margin-top: 10px}
}
/* /ABOUT */

/* PRODUCT */
.general-title-container img.icon{float: left; margin-right: 20px; max-height: 120px;}
.general-title-container h2 {font-size: 48px; color: #2a4099; text-transform: uppercase; max-width: 50%;}
.prod-list-container {width: 92%;}
#prod-img-container img {max-width: 100%;}
#prod-list li {margin-bottom: 8px;}
#prod-list li a{display: block; width: 86%; padding: 10px 7%; font-size: 20px; color: #fff; line-height: 24px;
transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
#prod-list li:nth-child(6n+1) a{background: #e44919;} #prod-list li:nth-child(6n+1):hover a {background: #ff7b52;}
#prod-list li:nth-child(6n+2) a{background: #ff880a;} #prod-list li:nth-child(6n+2):hover a {background: #fdb76e;}
#prod-list li:nth-child(6n+3) a{background: #f7d300;} #prod-list li:nth-child(6n+3):hover a {background: #ffde22;}
#prod-list li:nth-child(6n+4) a{background: #91be01;} #prod-list li:nth-child(6n+4):hover a {background: #b4db37;}
#prod-list li:nth-child(6n+5) a{background: #069fbf;} #prod-list li:nth-child(6n+5):hover a {background: #38bdd9;}
#prod-list li:nth-child(6n+6) a{background: #6e38a8;} #prod-list li:nth-child(6n+6):hover a {background: #9d6ecf;}
#prod-img-container {text-align: center;}
#prod-desc-container {width: 94%; padding: 15px 3%; float: left;
box-shadow: 0px 0px 10px #bfbfbf; -moz-box-shadow: 0px 0px 10px #bfbfbf; -o-box-shadow: 0px 0px 10px #bfbfbf; -webkit-box-shadow: 0px 0px 10px #bfbfbf;}

@media only screen and (max-width: 479px) {
	.general-title-container h2 {font-size: 30px; line-height: 40px;}
	.prod-list-container {width: 100%;}
	#prod-list li a {width: 90%; padding: 6px 5%; font-size: 16px;}
}

@media only screen and (max-width: 900px) {
	.general-title-container h2 {max-width: 70%;}
}
@media only screen and (max-width: 700px) {
	.general-title-container h2 {max-width: 100%;}	
}

/* /PRODUCT */

/* PRINCIPAL */
/*
#principal-desc-container {width: 90%; padding: 15px 5%; background: #e44919;}
#principal-list-container {width: 90%; padding: 15px 5%;
box-shadow: 0px 0px 10px #bfbfbf; -moz-box-shadow: 0px 0px 10px #bfbfbf; -o-box-shadow: 0px 0px 10px #bfbfbf; -webkit-box-shadow: 0px 0px 10px #bfbfbf;}
#sole-agent-container {text-align: center;}
#second-agent-container {text-align: center;}
.agent-list-single {display: inline-block; margin: 0 auto; width: 100%;}
.agent-list-single li {float: left; height: 130px; width: 100%;}
.agent-list-double {width: 100%;}
.agent-list-double li {float: left; height: 80px; width: 48%;}
.agent-list-double li:nth-child(odd) {margin-right: 4%;}
.agent-list-double li:nth-child(even) {margin-right: 0%;}
.agent-list-double.full li {width: 100% !important; margin-right: 0% !important;}
@media only screen and (max-width: 479px) {
	#principal-list-container {margin-top: 15px;}
} */

.principal-list-container {width: 92%;}
#principal-list li {margin-bottom: 8px;}
#principal-list li a{display: block; width: 86%; padding: 10px 7%; font-size: 20px; color: #fff; line-height: 24px;
transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
#principal-list li:nth-child(6n+1) a{background: #e44919;} #principal-list li:nth-child(6n+1):hover a {background: #ff7b52;}
#principal-list li:nth-child(6n+2) a{background: #ff880a;} #principal-list li:nth-child(6n+2):hover a {background: #fdb76e;}
#principal-list li:nth-child(6n+3) a{background: #f7d300;} #principal-list li:nth-child(6n+3):hover a {background: #ffde22;}
#principal-list li:nth-child(6n+4) a{background: #91be01;} #principal-list li:nth-child(6n+4):hover a {background: #b4db37;}
#principal-list li:nth-child(6n+5) a{background: #069fbf;} #principal-list li:nth-child(6n+5):hover a {background: #38bdd9;}
#principal-list li:nth-child(6n+6) a{background: #6e38a8;} #principal-list li:nth-child(6n+6):hover a {background: #9d6ecf;}
#principal-img-container {text-align: center;}
#principal-desc-container {width: 94%; padding: 15px 3%; float: left;
box-shadow: 0px 0px 10px #bfbfbf; -moz-box-shadow: 0px 0px 10px #bfbfbf; -o-box-shadow: 0px 0px 10px #bfbfbf; -webkit-box-shadow: 0px 0px 10px #bfbfbf;}

@media only screen and (max-width: 479px) {
	.general-title-container h2 {font-size: 30px; line-height: 40px;}
	.prod-list-container {width: 100%;}
	#prod-list li a {width: 90%; padding: 6px 5%; font-size: 16px;}
}
/* /PRINCIPAL */

/* NEWS */
.news-img-wrap {overflow: hidden !important;}
#news-list-container {width: 100%;}
#news-list {width: 100%;}
#news-list li {width: 96%; padding: 20px 2%; min-height: 160px; margin-bottom: 20px; position: relative;}
#news-list li:last-child {margin-bottom: 0px;}
#news-list li:nth-child(odd) {background: #91be01;}
#news-list li:nth-child(even) {background: #ff880a;}
#news-list li .news-img-wrap {float: left; height: 160px; width: 42%; margin-right: 3%;}
#news-list li .news-img-wrap img {min-width: 100%; max-height: none;}
#news-list li > a {color: #fff; position: absolute; right: 2%; bottom: 20px;}
#news-list li > a:hover {color: #fff; text-decoration: underline;}
.news-summary {float: left;}
.news-summary.part {width: 55%;}
.news-summary.full {width: 100%;}
.news-summary h2 {color: #fff; font-size: 22px; text-transform: uppercase; line-height: 26px;}
.news-summary p {color: #fff;}

#news-desc-container {width: 96%; padding: 20px 2%; background: #069fbf; float: left;}
#news-desc-container > h2 {font-size: 26px; line-height: 30px; color: #fff;}
#news-desc-container > p.date {font-size: 18px; color: #fff;}
a.news-back {float: right; font-size: 18px; color: #515151;}
a.news-back:hover {color: #787878; text-decoration: underline;}

@media only screen and (max-width: 767px) {
	#news-list li .news-img-wrap {display: none;}
	.news-summary.part {width: 100%;}
}
@media only screen and (max-width: 480px) {
	#news-list li {min-height: 200px;}
}
@media only screen and (max-width: 359px) {
	.news-summary h2 {font-size: 20px; line-height: 24px;}
	.news-summary p {font-size: 16px; line-height: 20px;}
}
/* /NEWS */

/* CONTACT */
#contact-form-container {width: 92%; padding: 20px 4%; background-color: rgba(132,86,181,0.85); }
#contact-form-container img.icon {float: left; margin-right: 15px;}
#contact-form-container h2 {font-size: 48px; color: #fff; text-transform: uppercase;}
#contact-form-container h3 {font-size: 26px; color: #fff; text-transform: uppercase;}

#gmap-container {width: 100%; height: 280px;}

#contact-detail-container {width: 92%; padding: 20px 4%; background-color: rgba(255,255,255,0.9); min-height: 397px;
box-shadow: 0px 0px 10px #bfbfbf; -moz-box-shadow: 0px 0px 10px #bfbfbf; -o-box-shadow: 0px 0px 10px #bfbfbf; -webkit-box-shadow: 0px 0px 10px #bfbfbf;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#contact-detail-container {min-height: 364px;}
}
#contact-detail-container img.icon {float: left; margin-right: 15px;}
#contact-detail-container h2 {margin-top: -10px;}
#contact-detail-container a {color: #515151; word-wrap: break-word;}
#contact-detail-container a:hover {text-decoration: underline;}

@media only screen and (max-width: 1000px) {
	#contact-form-container img.icon {display: none;}
}
@media only screen and (max-width: 767px) {
	#contact-detail-container h2 {font-size: 30px; line-height: 40px; margin-top: 0px;}
}
/* /CONTACT */

/* FORM */
.error {display: block; font-size: 12px; color: red; margin-top: 3px; margin-bottom: 5px;}
.gen-form {}
.gen-form-row {width: 100%; float: left; margin-bottom: 15px;}
.gen-form-row label.form-label{color: #fff; font-size: 18px; line-height: 22px; display: block;}
.gen-form input[type="text"], .gen-form textarea {background: #efefef; border: none; padding: 6px 2%; font-family: 'Century', Arial, Verdana; color: #3b3b3c; width: 60%;
transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
.gen-form input[type="text"]:focus, .gen-form textarea:focus {background: #f2f2f2;}
.gen-form textarea {width: 96%;}
.gen-form input[type="submit"] {background: #a7a6a4; text-align: center; float: right; color: #fff; font-size: 14px; cursor: pointer; border: none; padding: 5px 20px; margin-top: 5px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px;}
.gen-form input[type="submit"]:hover {background: #cec3ac;}
::-webkit-input-placeholder { color: #7f7f7f; }
::-moz-placeholder { color: #7f7f7f; }
:-ms-input-placeholder { color: #7f7f7f; }
.gen-form-row span.req {color: #f8c4c4;}
.gen-form label.error {display: block; font-size: 12px; color: #f8c4c4; margin-bottom: 5px;}
textarea.no-resize {resize: none !important;}
/* /FORM */

/* WYSIWYG CONTENT */
.wysiwyg-content {width: 100%; float: left;}
.wysiwyg-content, .wysiwyg-content p, .wysiwyg-content a, .wysiwyg-content ul li, .wysiwyg-content ol li {font-size: 18px; color: #615d5d; line-height: 22px; font-family: 'Century', Arial, Verdana !important;}
.wysiwyg-content a {color: #2a4099;}
.wysiwyg-content a:hover {color: #ff521d; text-decoration: underline;}
.wysiwyg-content h1 {font-size: 40px; line-height: 44px; color: #615d5d; font-weight: bold; margin-bottom: 10px;}
.wysiwyg-content h2 {font-size: 32px; line-height: 36px; color: #615d5d; font-weight: bold; margin-bottom: 10px;}
.wysiwyg-content h3 {font-size: 24px; line-height: 28px; color: #615d5d; font-weight: bold; margin-bottom: 10px;}
.wysiwyg-content ul li {padding-left: 0px; list-style-type: disc; padding-bottom: 3px; margin-left: 35px;}
.wysiwyg-content ul li > ul li {list-style-type: circle !important; margin-left: 30px !important;}
.wysiwyg-content ol li {list-style-type: decimal; margin-left: 30px;}

.wysiwyg-content table {width: 100% !important;}
.wysiwyg-content table thead th, .wysiwyg-content table thead th p {font-size: 14px !important;}
.wysiwyg-content table thead th {border-top: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; padding: 5px 0px;}
.wysiwyg-content table tbody tr td, .wysiwyg-content table tbody tr td p, .wysiwyg-content table tbody tr td ul li, .wysiwyg-content table tbody tr td ol li {vertical-align: center; font-size: 14px !important;}
.wysiwyg-content table tbody tr td {padding: 5px 0px; border-top: 1px solid #bcbcbc;}
.wysiwyg-content table tbody tr td:first-child {border-top: none !important;}

.wysiwyg-content.white, .wysiwyg-content.white p, .wysiwyg-content.white a, .wysiwyg-content.white ul li, .wysiwyg-content.white ol li,
.wysiwyg-content.white h1, .wysiwyg-content.white h2, .wysiwyg-content.white h3 {color: #fff !important;}

.wysiwyg-content img, .wysiwyg-content.white img{max-width: 100%;}
/* /WYSWIYG CONTENT */

/* PAGINATION */
.pagination-container {float: right;}
.pagination-list li {float: left; margin-right: 12px;}
.pagination-list li:last-child {margin-right: 0px;}
.pagination-list li a {color: #969494;}
.pagination-list li a:hover {color: #969494; text-decoration: underline;}
.pagination-list li a.active {font-weight: bold;}
/* /PAGINATION */

/* FOOTER */
#content {z-index: 100; margin-bottom: 30px; min-height: 310px;}
#footer {height: 460px; background: url(../images/bg/footer-full.jpg) no-repeat center; background-size: 100% 100% !important; margin-top: -320px; z-index: 10;}
#footer h4 {color: #fff; font-size: 18px; text-align: center; margin-top: 420px; text-shadow: 2px 2px #444; line-height: 22px;}

#footer-2 {height: 60px; background: url(../images/bg/footer-part.jpg) no-repeat center; background-size: 100% 100% !important; z-index: 10;}
#footer-2 h4 {color: #fff; font-size: 18px; text-align: center; margin-top: 25px; text-shadow: 2px 2px #444;}

@media only screen and (max-width: 1023px) {
	#footer {background-size: auto auto !important;}
}
@media only screen and (max-width: 600px) {
	#footer {height: 300px; margin-top: -150px;}
	#footer h4 {margin-top: 230px; font-size: 16px; line-height: 20px;}
}
@media only screen and (max-width: 620px) {
	#footer-2 h4 {margin-top: 5px; font-size: 16px; line-height: 21px;}
}
/* /FOOTER */

/* OVERLAY NOTIFICATION */
.overlay-bg, .overlay-bg2  { width: 100%; height: 100%; background: url(../images/bg/overlay-bg.png); z-index: 10000; left: 0; top: 0; position: fixed;}
.notification-content, .notification-content2 {width: 50%; padding: 15px; background: #efefef; z-index: 10001; margin: 0 auto; margin-top: 20%; position: fixed; left: 50%; right: 50%; left: -300px; right: -300px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;}
.notification-content h3, .notification-content2 h3 {padding-top: 3px; font-size: 22px; line-height: 22px; font-weight: bold; padding-left: 32px; text-transform: uppercase; margin-bottom: 5px;}
.notification-content p, .notification-content2 p {padding-left: 3px; line-height: 19px; font-size: 16px; color: #444444; margin-bottom: 0px;}
.notification-content small, .notification-content2 small {padding-left: 3px; font-size: 12px; color: #444444;}

.notif-success, .notif-success2 {border: 3px solid #2A9C45;}
.notif-success h3, .notif-success2 h3  { background: url(../images/icon/success-notification.png) no-repeat left center; color: #2A9C45; }
.notif-failed, .notif-failed2 {border: 3px solid #C51D2A;}
.notif-failed h3, .notif-failed2 h3 { background: url(../images/icon/failed-notification.png) no-repeat left center; color: #C51D2A; }

.overlay-bg2, .notification-content2 {display: none;}

@media only screen and (max-width: 960px) {
	.notification-content, .notification-content2 {width: 70%;}
}
@media only screen and (max-width: 767px) {
	.notification-content, .notification-content2 {margin-top: 35%;}
}
@media only screen and (max-width: 479px) {
	.notification-content, .notification-content2 {margin-top: 55%;}
	.purechat.purechat-bottom-right {display: none;}
}
/* /OVERLAY NOTIFICATION */