p.chromeframe {background-color:#ff0000; line-height:25px; font-size:14px; font-family: Arial, sans-serif; text-align:center; position:absolute; width:100%;}
p.chromeframe a {color:#ffffff; font-weight: bold; text-transform: uppercase;}
p.chromeframe a:hover {text-decoration: underline;}

.m_t{margin-top:80px;}.m_t40{margin-top:40px;}.m_t20{margin-top:20px;}.m_t10{margin-top:10px;}.m_t5{margin-top:5px;}.m_t0{margin-top:0px;}
.m_b{margin-bottom:80px;}.m_b40{margin-bottom:40px;}.m_b20{margin-bottom:20px;}.m_b10{margin-bottom:10px;}.m_b5{margin-bottom:5px;}.m_b0{margin-bottom:0px;}
.m_y {margin-top:80px;margin-bottom:80px}.m_y40{margin-top:40px;margin-bottom:40px;}.m_y20{margin-top:20px;margin-bottom:20px;}.m_y10{margin-top:10px;margin-bottom:10px}.m_y5{margin-top:5px;margin-bottom:5px}.m_y0{margin-top:0;margin-bottom:0}
.m_l20{margin-left:20px}.m_l10{margin-left:10px}.m_l5{margin-left:5px}
.m_r20{margin-right:20px}.m_r10{margin-right:10px}.m_r5{margin-right:5px}
.m_x10 {margin-left:10px;margin-right:10px;}.m_x5 {margin-left:5px;margin-right:5px;}.m_x0 {margin-left:0px;margin-right:0px;}
.m_40 {margin:40px;}.m_20 {margin:20px;}
.m_0 {margin:0}
.p_40{padding:40px;}.p_20{padding:20px;}.p_15{padding:15px;}.p_10{padding:10px;}.p_5{padding:5px;}
.p_t{padding-top:80px;}.p_t40{padding-top:40px;}.p_t20{padding-top:20px;}.p_t10{padding-top:10px;}.p_t5{padding-top:5px;}.p_t0{padding-top:0px;}
.p_b{padding-bottom:80px;}.p_b40{padding-bottom:40px;}.p_b20{padding-bottom:20px;}.p_b10{padding-bottom:10px;}.p_b5{padding-bottom:5px;}.p_b0{padding-bottom:0px;}
.p_y {padding-top:80px;padding-bottom:80px;}.p_y40 {padding-top:40px;padding-bottom:40px;}.p_y20 {padding-top:20px;padding-bottom:20px;}.p_y10 {padding-top:10px;padding-bottom:10px;}.p_y5 {padding-top:5px;padding-bottom:5px;}.p_y0{padding-top:0px;padding-bottom:0px;}
.p_l20{padding-left:20px}.p_l10{padding-left:10px}.p_l5{padding-left:5px}.p_l0{padding-left:0}
.p_r10{padding-right:10px}.p_r5{padding-right:5px}.p_r0{padding-right:0;}
.p_x{padding-right:80px;padding-left:80px;}.p_x40{padding-right:40px;padding-left:40px;}.p_x20{padding-right:20px;padding-left:20px;}.p_x10{padding-right:10px;padding-left:10px;}.p_x5{padding-right:5px;padding-left:5px;}.p_x0{padding-right:0px;padding-left:0px;}
.p_0 {padding:0}
* {outline:none !important;}img{width:100%;max-width:100%;}

a, header, .project_list .overlay {-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}

body {-webkit-backface-visibility: hidden;font-family: 'Raleway', sans-serif;color:#333333;font-size:12px;font-weight:300;background-color:#f0f0f0;}
a, a:hover, a:focus {color:#FFBA02;text-decoration: underline;cursor: pointer;}
.yellow {color:#FFBA02;}
.white {color:#ffffff}
.bg_white{background-color: #ffffff}
.bg_dark{background-color: #333333}
.bg_yellow {background-color:#FFBA02;}
h1, .h1, h2, .h2, h3, .h3 {font-weight:300}
b {font-weight:600}
.container-fluid {padding:0}
.row {margin-left:0;margin-right:0}
div[class*="col-"] {padding-left:0;padding-right:0}
hr {border-color:#333333}
video {width:100%;display:block;}
.btn {background-color:#333;border-radius:0;padding:10px;color:#fff;font-size:18px;text-decoration: none}
.btn:hover {color:#FFBA02}

@media (max-width: 1245px) {
	.container {width: 970px;}
}

@media (max-width: 1045px) {
	.container {width: 750px;}
}

@media (max-width: 825px) {
	.container {width: 100%;}
}

@media screen and (max-width:991px) {
	.m_t {margin-top:40px;}
	.m_b {margin-bottom:40px;}
}

/*--- HEADER ---*/
header {padding:15px;background-color:#ffffff;float:left;position: fixed;z-index:9999;height:100%;}
header.closed {width:60px;}
header.open {width:150px;}
header #toggle_menu {display:inline-block;}
header #toggle_menu .icon-bars {border-bottom:2px solid #999999;width:26px;height:1px;display: block;margin:0 auto 5px auto}
#mainmenu {font-size:14px;padding-left:0;margin-top:20px;}
#mainmenu li {display:block;margin-top:20px;}
#mainmenu li.langswitch {font-size:10px;}
#mainmenu li a {color:#333333;text-decoration: none;display:block;padding:0}
#mainmenu li:hover, #mainmenu li a:hover {color:#FFBA02;text-decoration: underline}
#mainmenu li.active, #mainmenu li.active a {color:#FFBA02;}
#mainmenu .sub_menu {padding-left:10px}
#mainmenu .sub_menu li {margin-top:10px;margin-bottom:0;display: block;font-size:12px}
#mainmenu li:hover .sub_menu li a {color:#333333;text-decoration: none;}

/*--- HOME ---*/
.carousel-caption {text-shadow:none;font-weight:600;font-size:40px;text-align:left;padding-bottom:0}
.carousel-indicators {text-align:right;width:85%;left:auto;right:15%;bottom:20px;margin:0;padding:0}
.carousel-indicators li, .carousel-indicators li.active {height:4px;width:40px;border-radius:0;margin:0 2px;padding:0;border:none;background-color:#333333;line-height:4px}
.carousel-indicators li.active {background-color:#FFBA02}

#item_02 img {-webkit-animation: scale_left 12s linear;-moz-animation: scale_left 12s linear;-o-animation: scale_left 12s linear;animation: scale_left 12s linear;}
#item_04 img {-webkit-animation: scale_right 12s linear;-moz-animation: scale_right 12s linear;-o-animation: scale_right 12s linear;animation: scale_right 12s linear;}
#item_05 img {-webkit-animation: scale_up 12s linear;-moz-animation: scale_up 12s linear;-o-animation: scale_up 12s linear;animation: scale_up 12s linear;}

@-webkit-keyframes scale_left {0% {-webkit-transform: scale(1,1) translate(0,0);} 50% {-webkit-transform: scale(1.05,1.05) translate(-2%,0);} 100% {-webkit-transform: scale(1,1) translate(0,0);}}
@-moz-keyframes scale_left {0% {-moz-transform: scale(1,1) translate(0,0);} 50% {-moz-transform: scale(1.05,1.05) translate(-2%,0);} 100% {-moz-transform: scale(1,1) translate(0,0);}}
@-o-keyframes scale_left {0% {-o-transform: scale(1,1) translate(0,0);} 50% {-o-transform: scale(1.05,1.05) translate(-2%,0);} 100% {-o-transform: scale(1,1) translate(0,0);}}
@keyframes scale_left {0% {transform: scale(1,1) translate(0,0);} 50% {transform: scale(1.05,1.05) translate(-2%,0);} 100% {transform: scale(1,1) translate(0,0);}}

@-webkit-keyframes scale_right {0% {-webkit-transform: scale(1,1) translate(0,0);} 50% {-webkit-transform: scale(1.05,1.05) translate(2%,0);} 100% {-webkit-transform: scale(1,1) translate(0,0);}}
@-moz-keyframes scale_right {0% {-moz-transform: scale(1,1) translate(0,0);} 50% {-moz-transform: scale(1.05,1.05) translate(2%,0);} 100% {-moz-transform: scale(1,1) translate(0,0);}}
@-o-keyframes scale_right {0% {-o-transform: scale(1,1) translate(0,0);} 50% {-o-transform: scale(1.05,1.05) translate(2%,0);} 100% {-o-transform: scale(1,1) translate(0,0);}}
@keyframes scale_right {0% {transform: scale(1,1) translate(0,0);} 50% {transform: scale(1.05,1.05) translate(2%,0);} 100% {transform: scale(1,1) translate(0,0);}}

@-webkit-keyframes scale_up {0% {-webkit-transform: scale(1,1) translate(0,0);} 50% {-webkit-transform: scale(1.05,1.05) translate(1%,1%);} 100% {-webkit-transform: scale(1,1) translate(0,0);}}
@-moz-keyframes scale_up {0% {-moz-transform: scale(1,1) translate(0,0);} 50% {-moz-transform: scale(1.05,1.05) translate(1%,1%);} 100% {-moz-transform: scale(1,1) translate(0,0);}}
@-o-keyframes scale_up {0% {-o-transform: scale(1,1) translate(0,0);} 50% {-o-transform: scale(1.05,1.05) translate(1%,1%);} 100% {-o-transform: scale(1,1) translate(0,0);}}
@keyframes scale_up {0% {transform: scale(1,1) translate(0,0%);} 50% {transform: scale(1.05,1.05) translate(1%,1%);} 100% {transform: scale(1,1) translate(0,0);}}

@media screen and (max-width:767px) {
	.carousel-caption {font-size:20px;bottom:30px;}
}

/*--- CORPORATE ---*/
#corporate .claim_wrapper {position:absolute;width:100%;top:40px;color:#ffffff;}
#corporate .claim_wrapper_2 {position:absolute;width:100%;top:20%;color:#ffffff;}

@media screen and (max-width:767px) {
	#corporate .claim_wrapper {position:relative;width:100%;bottom:0;color:inherit;}
	#corporate .claim_wrapper h1 {font-size:20px;}
	#corporate .claim_wrapper_2 {position:relative;width:100%;left:0%;bottom:0;color:inherit;}
}

/*--- SERVICES ---*/
#services .claim_wrapper {position:absolute;top:30px;width:100%;color:#ffffff;}
#services .box {font-size:16px;height:540px;padding:30px;}

@media screen and (max-width:1045px) {
	#services .box {height:560px;padding:20px;}
}

@media screen and (max-width:767px) {
	#services .bg_white.invert {background-color:#FFBA02}
	#services .bg_yellow.invert {background-color:#ffffff}
	#services .box {height:auto;padding:20px;}
}

/*--- PROJECT LIST ---*/
.project_list span {position:absolute;padding-bottom:5px;padding-top:25px;bottom:0px;width:100%;text-align:center;background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 99%, rgba(0,0,0,0.9) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 99%,rgba(0,0,0,0.9) 100%);background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 99%,rgba(0,0,0,0.9) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );}
.project_list .overlay {opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,186,2,0.4)}
.project_list:hover .overlay {opacity:1}

/*--- PROJECT DETAIL ---*/
#project {line-height:15px;}
#project h1 {text-transform:uppercase;margin-top:0}
#project .video_wrapper {margin-bottom:20px;}
#project .text {padding:10px}
#project .text ul {padding-left:15px;}
#project .text p:last-child {margin-bottom:0}
#project .gallery a img, #project .main_img {margin-bottom:20px;width:auto;}
#project .gallery a:last-child img {margin-bottom:0}

@media screen and (max-width:1244px) {
	#project .text_wrapper_dx, #project .text_wrapper_sx {margin:0 0 20px 0}
}

@media screen and (max-width:767px) {
	#project .text_wrapper_dx, #project .text_wrapper_sx, #project .video_wrapper {margin-bottom:10px;}
	#project .gallery img, #project .main_img {margin-bottom:5px;}
}

/*--- FOOTER ---*/
footer {background-color:#333333;color:#ffffff;padding:25px 15px;font-size:12px;margin-top:60px;}