/* Red #ed0b16; 237, 11, 22 
Yellow #ed0b16;
*/

@font-face {
    font-family: 'nexa';
    src: url('fonts/nexa_light-webfont.eot');
    src: url('fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nexa_light-webfont.woff2') format('woff2'),
         url('fonts/nexa_light-webfont.woff') format('woff'),
         url('fonts/nexa_light-webfont.ttf') format('truetype'),
         url('fonts/nexa_light-webfont.svg#lobster_1.3regular') format('svg');
    font-weight: normal;
    font-style: normal;

}




h1
{
	font-family: nexa;
}

.header
{
	position: fixed;
	background:#ffffff;
	z-index:9999;
}

.banner, .content-wrapper
{
	padding-top:90px;
}

.menu-wrapper
{
	position: relative;
}


.menu-lang
{
	position: absolute;
	right: 0;
}

.menu-lang ul
{
	list-style:none;
}

.menu-lang ul li
{
	float: left;
	
	font-size:14px;
	font-family: gidolinyaregular, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif !important;

}

.menu-lang ul li a
{
	padding: 10px;
	background: rgba(220,218,218,1.00);
	color: #ffffff;
	text-decoration:none;
	transition: all 0.3s ease-in-out;
}

.menu-lang ul li a.current
{
	background: #ed0b16;
	color: #ffffff;
}
.menu-lang ul li a.current:hover, .menu-lang ul li a:hover
{
	background: #000000;
	color: #ffffff;
}







/*
	MENU
*/
.menu
{
	padding-top: 40px;
	font-family:"Century Gothic";
}


.menu ul
{
	list-style:none;
}

.menu ul li
{
	float: left;
	padding: 10px 10px;
	
}

.menu ul li a
{
	padding: 5px 15px;
	color: #000000;
	text-decoration:none;
	transition:all 0.3s ease-in-out;
}

.menu ul li a:hover, .menu ul li.current > a
{
	background: #ed0b16;
	color: #ffffff;
	padding:
}

/*
	SUB-MENU
*/
.menu ul li
{
	position: relative;
}

.menu ul ul
{
	margin-top:5px;
	margin-left: 0;
	display: none;
	position: absolute;
	
	z-index:10;
	background: #000000;
	background: rgba(0,0,0,0.5);
}

.menu ul li:hover > ul 
{
		display: block;
}
.menu ul ul li
{
	padding:0;
}
.menu ul ul li a, .menu ul ul li a:hover
{
	width: 200px;
	min-width: 200px;
	padding: 15px;
	display:block;

	color: #ffffff;
	font-size:14px;
}
.menu ul ul li:hover
{
	background: #ed0b16;
	text-decoration:none;
	border:none;
	padding: 0;
}
.menu ul ul li a:hover, .menu ul ul li, .menu ul li.current li a
{
	border:none;
}

.investor-menu {list-style:none;padding:10px;border-bottom:1px solid #cccccc;margin-right:5px;color:#666666;}
.investor-menu a {color:#666666;}
.investor-menu a:hover{color:#000000;}


/*----------------------------------------
	Mobile Menu
----------------------------------------*/
.title-bar-title
{
	cursor: pointer;
}

#main-menu ul.menu
{
	padding-top:0;	
}

#main-menu ul.menu a
{
	color: #fff;
}

.is-accordion-submenu-parent > a::after
{
	border-color: #ed0b16 transparent transparent;
}

#main-menu ul.menu ul li
{
	float:none;
	padding:0;
}


#main-menu .menu ul li a
{
	padding: 15px;
}


/*----------------------------------------
	CONTENT
----------------------------------------*/
.content
{
	padding: 20px 30px;
	background: #BFBFBF;
}


.content h1
{
	font-size: 30px;
	border-bottom: 1px solid #000;
}

/*----------------------------------------
	CONTENT: our team
----------------------------------------*/
ul.our-team-profile
{
	list-style: none;
}

ul.our-team-profile li
{
	padding: 10px;
}

ul.our-team-profile strong, ul.our-team-profile span
{
	display: block;
}


ul.our-team-profile strong
{
	font-size: 18px;
}

ul.our-team-profile span
{
	font-size: 16px;
	line-height:18px;
}

.team-position
{
	padding-top: 5px;
}

/*----------------------------------------
	CONTENT: our team
----------------------------------------*/
ul.our-client-list
{
	list-style: none;
}

ul.our-client-list li
{
	padding: 10px;
}

/*----------------------------------------
	CONTENT: Company Profle
----------------------------------------*/
.company-profile div
{
	padding: 20px 30px;
	background: #DEDEDE;
}


.company-profile .button
{
	padding: 5px 30px;
	padding-left: 15px;
	background: #ccc;color:#333333;
}

/*----------------------------------------
	CONTENT: Project Gallery
----------------------------------------*/
ul.project-gallery-list
{
	list-style: none;
	margin:0;
}

ul.project-gallery-list li
{
	padding: 0 10px;
	position: relative;
}

ul.project-gallery-list li a.button
{
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	right:10px;
	bottom:-10px;
	padding: 10px 20px;
	font-size:12px;
}
.project-gallery-list li
{overflow:hidden;height:112px;}
.project-gallery-list li img
{overflow:hidden;width:298px;}

ul.pagination
{
	float: right;
}

ul.pagination li
{
	background: #DEDEDE;
	color: #333;
}

.pagination-previous
{
	background: #DEDEDE;
	
}
.pagination .current
{
	background: #F07B00;
}

/*----------------------------------------
	CONTENT: Project Details
----------------------------------------*/
ul.project-details-list
{
	list-style: none;
	padding: 0;
	margin:0;
}
.project-details-list .columns
{
	background: #fff;
	margin-bottom: 20px;
}

.project-details-list li.column
{
	padding-left: 0;
}

.project-details-list .project-details-label
{
	background: #000;
	color: #fff;
}

ul.project-details-photo
{
	list-style: none;
	margin: 0;
}

ul.project-details-photo li.column
{
	padding: 0;
}

.large-up-5>.column,.large-up-5>.columns li{height:137px;overflow:hidden;background:#000;}
.large-up-5>.column,.large-up-5>.columns li img{overflow:hidden;}

/*----------------------------------------
	News
----------------------------------------*/
.news-item
{
	background: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	 
}



.news-date
{
	padding: 10px;
	text-align: center;
	font-size: 25px;
	line-height: 30px;
}
.news-date strong
{
	display: block;
		font-size: 28px;

}

.news-title
{
	background: url(../images/news-arrow.png) no-repeat center right;
	padding: 10px;
	padding-right: 50px;
}

.news-title strong
{
	font-size: 24px;
}


.news-title a
{
	display: block;
	color: #333;
}


/*----------------------------------------
	Contact Form
----------------------------------------*/

.contact-info
{
	background:#DDDDDD;
	padding:20px;
	margin-bottom: 20px;
}

.contact-info .columns
{
	padding-left: 0;
}

.contact-form .button
{
	background: #F07B00;
}


/*----------------------------------------
	FOOTER
----------------------------------------*/
.footer
{
	color: #fff;
	
}

.footer a
{
	color: #fff;
}

.footer a:hover
{
	color: #F07B00;
}



.cert
{
	text-align: right;
}

.copyright, .privacy
{
	background: #919191;
	padding: 10px 15px;
}
.privacy
{
	text-align: right;
}






/*----------------------------------------
	BANNER
----------------------------------------*/

.orbit-container
{
	height: auto !important;
}

.orbit-bullets
{
	position: absolute;
	bottom: 10px;
    left: 0px;
    right: 0px;
}


.orbit-slide
{
	max-height: none !important;
}

.orbit-slide div
{
	position: absolute;
	top: 50px;
	left: 120px;
	padding: 10px 20px;
	padding-bottom: 60px;
	background: rgba(0,0,0,0.5);
	color: #fff;
}
.orbit-slide div h2
{
	font-size:25px;
	border-bottom: 1px solid #fff;
}

.orbit-slide div a.button
{
	background: #333;
	position: absolute;
	right: 10px;
	bottom: 0px;
}


.orbit-bullets button
{
	
background: rgba(255, 255, 255, .0);
	border: 2px solid #fff;

}


.orbit-bullets button.is-active, .orbit-bullets button:hover 
{

	background: rgba(255, 255, 255, 1);

	
	
	border: 2px solid #fff;
}


.orbit-next:active, .orbit-next:focus, .orbit-next:hover, .orbit-previous:active, .orbit-previous:focus, .orbit-previous:hover 
{

	background: rgba(255, 255, 255, .0);
}


.slide-in-down.mui-enter, .slide-in-left.mui-enter, .slide-in-up.mui-enter, .slide-in-right.mui-enter, .slide-out-down.mui-leave, .slide-out-right.mui-leave, .slide-out-up.mui-leave, .slide-out-left.mui-leave, .fade-in.mui-enter, .fade-out.mui-leave, .hinge-in-from-top.mui-enter, .hinge-in-from-right.mui-enter, .hinge-in-from-bottom.mui-enter, .hinge-in-from-left.mui-enter, .hinge-in-from-middle-x.mui-enter, .hinge-in-from-middle-y.mui-enter, .hinge-out-from-top.mui-leave, .hinge-out-from-right.mui-leave, .hinge-out-from-bottom.mui-leave, .hinge-out-from-left.mui-leave, .hinge-out-from-middle-x.mui-leave, .hinge-out-from-middle-y.mui-leave, .scale-in-up.mui-enter, .scale-in-down.mui-enter, .scale-out-up.mui-leave, .scale-out-down.mui-leave, .spin-in.mui-enter, .spin-out.mui-leave, .spin-in-ccw.mui-enter, .spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear; }

.slide-in-down.mui-enter {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-down.mui-enter.mui-enter-active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

.slide-in-left.mui-enter {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-left.mui-enter.mui-enter-active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); }

.slide-in-up.mui-enter {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-up.mui-enter.mui-enter-active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

.slide-in-right.mui-enter {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-in-right.mui-enter.mui-enter-active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); }

.slide-out-down.mui-leave {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-down.mui-leave.mui-leave-active {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%); }

.slide-out-right.mui-leave {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-right.mui-leave.mui-leave-active {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%); }

.slide-out-up.mui-leave {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-up.mui-leave.mui-leave-active {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%); }

.slide-out-left.mui-leave {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.slide-out-left.mui-leave.mui-leave-active {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%); }

.fade-in.mui-enter {
  opacity: 0;
  transition-property: opacity; }

.fade-in.mui-enter.mui-enter-active {
  opacity: 1; }

.fade-out.mui-leave {
  opacity: 1;
  transition-property: opacity; }

.fade-out.mui-leave.mui-leave-active {
  opacity: 0; }

.hinge-in-from-top.mui-enter {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.hinge-in-from-top.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg); }

.hinge-in-from-right.mui-enter {
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg);
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.hinge-in-from-right.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg); }

.hinge-in-from-bottom.mui-enter {
  -webkit-transform: perspective(2000px) rotateX(90deg);
          transform: perspective(2000px) rotateX(90deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg); }

.hinge-in-from-left.mui-enter {
  -webkit-transform: perspective(2000px) rotateY(90deg);
          transform: perspective(2000px) rotateY(90deg);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.hinge-in-from-left.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg); }

.hinge-in-from-middle-x.mui-enter {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg); }

.hinge-in-from-middle-y.mui-enter {
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg); }

.hinge-out-from-top.mui-leave {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.hinge-out-from-top.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg); }

.hinge-out-from-right.mui-leave {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.hinge-out-from-right.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg); }

.hinge-out-from-bottom.mui-leave {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateX(90deg);
          transform: perspective(2000px) rotateX(90deg); }

.hinge-out-from-left.mui-leave {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.hinge-out-from-left.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateY(90deg);
          transform: perspective(2000px) rotateY(90deg); }

.hinge-out-from-middle-x.mui-leave {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg); }

.hinge-out-from-middle-y.mui-leave {
  -webkit-transform: perspective(2000px) rotate(0deg);
          transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg); }

.scale-in-up.mui-enter {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.scale-in-up.mui-enter.mui-enter-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.scale-in-down.mui-enter {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.scale-in-down.mui-enter.mui-enter-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.scale-out-up.mui-leave {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.scale-out-up.mui-leave.mui-leave-active {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5); }

.scale-out-down.mui-leave {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.scale-out-down.mui-leave.mui-leave-active {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5); }

.spin-in.mui-enter {
  -webkit-transform: rotate(-0.75turn);
      -ms-transform: rotate(-0.75turn);
          transform: rotate(-0.75turn);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.spin-in.mui-enter.mui-enter-active {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0); }

.spin-out.mui-leave {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.spin-out.mui-leave.mui-leave-active {
  -webkit-transform: rotate(0.75turn);
      -ms-transform: rotate(0.75turn);
          transform: rotate(0.75turn); }

.spin-in-ccw.mui-enter {
  -webkit-transform: rotate(0.75turn);
      -ms-transform: rotate(0.75turn);
          transform: rotate(0.75turn);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.spin-in-ccw.mui-enter.mui-enter-active {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0); }

.spin-out-ccw.mui-leave {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.spin-out-ccw.mui-leave.mui-leave-active {
  -webkit-transform: rotate(-0.75turn);
      -ms-transform: rotate(-0.75turn);
          transform: rotate(-0.75turn); }

.slow {
  transition-duration: 750ms !important; }

.fast {
  transition-duration: 250ms !important; }

.linear {
  transition-timing-function: linear !important; }

.ease {
  transition-timing-function: ease !important; }

.ease-in {
  transition-timing-function: ease-in !important; }

.ease-out {
  transition-timing-function: ease-out !important; }

.ease-in-out {
  transition-timing-function: ease-in-out !important; }

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  transition-delay: 300ms !important; }

.long-delay {
  transition-delay: 700ms !important; }

.shake {
  -webkit-animation-name: shake-7;
          animation-name: shake-7; }

@-webkit-keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    -webkit-transform: translateX(7%);
            transform: translateX(7%); }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    -webkit-transform: translateX(-7%);
            transform: translateX(-7%); } }

@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    -webkit-transform: translateX(7%);
            transform: translateX(7%); }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    -webkit-transform: translateX(-7%);
            transform: translateX(-7%); } }

.spin-cw {
  -webkit-animation-name: spin-cw-1turn;
          animation-name: spin-cw-1turn; }

@-webkit-keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(-1turn);
            transform: rotate(-1turn); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(-1turn);
            transform: rotate(-1turn); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

.spin-ccw {
  -webkit-animation-name: spin-cw-1turn;
          animation-name: spin-cw-1turn; }

@keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn); } }

.wiggle {
  -webkit-animation-name: wiggle-7deg;
          animation-name: wiggle-7deg; }

@-webkit-keyframes wiggle-7deg {
  40%, 50%, 60% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg); }
  35%, 45%, 55%, 65% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  0%, 30%, 70%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes wiggle-7deg {
  40%, 50%, 60% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg); }
  35%, 45%, 55%, 65% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  0%, 30%, 70%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.slow {
  -webkit-animation-duration: 750ms !important;
          animation-duration: 750ms !important; }

.fast {
  -webkit-animation-duration: 250ms !important;
          animation-duration: 250ms !important; }

.linear {
  -webkit-animation-timing-function: linear !important;
          animation-timing-function: linear !important; }

.ease {
  -webkit-animation-timing-function: ease !important;
          animation-timing-function: ease !important; }

.ease-in {
  -webkit-animation-timing-function: ease-in !important;
          animation-timing-function: ease-in !important; }

.ease-out {
  -webkit-animation-timing-function: ease-out !important;
          animation-timing-function: ease-out !important; }

.ease-in-out {
  -webkit-animation-timing-function: ease-in-out !important;
          animation-timing-function: ease-in-out !important; }

.bounce-in {
  -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
          animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
          animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
          animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  -webkit-animation-delay: 300ms !important;
          animation-delay: 300ms !important; }

.long-delay {
  -webkit-animation-delay: 700ms !important;
          animation-delay: 700ms !important; }


/* Small only */
@media screen and (max-width: 39.9375em) 
{
	.logo
	{
		background: #fff;
	}
	.logo img
	{
		width: 150px;
	}
	
	.top-bar
	{
		background: rgba(0,0,0,0.83);
	}
	
	.top-bar ul
	{
		background: none;
	}
	
	.menu-lang
	{
		margin-top: -60px;
	}
	
	.header{
		padding: 0;
		background:none;
	}
	
	.banner
	{
		padding-top:100px;
	}
	
	.orbit-slide div
	{
		display: none;
	}
	
	
	.content
	{
		padding: 20px;
	}
	
	.privacy, .copyright
	{
		text-align: center;
		font-size:12px;
	}
	
	.news-item
	{
		position: relative;
	}
	.news-date
	{
		font-size: 14px;
	}
	.news-date strong
	{
		font-size: 16px;
		display:inline;
		padding: 0 5px;
	}
	.news-title
	{
		padding-right: 10px;
		padding-left: 10px;
		font-size: 14px;
	}
	
	
	
	.news-photo
	{
		position: absolute;
		top:50px;
	}
	
/* IM Added */
ul.project-gallery-list li a.button
{
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	right:10px;
	bottom:-18px;
	padding: 5px 10px;
	font-size:12px;width:80%;text-align:left;
}

.large-up-4>.column,.large-up-4>.columns li {float:left;overflow:hidden;height:85px;}
.large-up-4>.column,.large-up-4>.columns  li img{overflow:hidden;width:50%;float:left}

.project-details h1
{	font-size:20px;
}

.project-details-list li.column
{
	padding-left: 0;font-size:10px;
}

.project-details-list .project-details-label
{
}
.large-up-5>.column,.large-up-5>.columns li{height:75px;overflow:hidden;}
.large-up-5>.column,.large-up-5>.columns li img{width:50%;overflow:hidden;}

	.company-profile .large-6, .company-profile .medium-6, .company-profile .columns {clear:both;padding:0 10px;}
}.company-profile .large-6 img, .company-profile .medium-6 img {padding-bottom:20px;)
} /* Small only */

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) 
{
	.menu-wrapper
	{
		padding: 0;
	}
	.menu ul li
	{
		padding: 5px;
	}
	.menu ul li a
	{
		padding: 5px;
		font-size: 14px;
		
	}
	.privacy, .copyright
	{
		font-size: 13px;
	}

	.news-date
	{
		text-algin:center;padding-right:5px;
	}
	.news-date strong
	{
		
	}
	
	.news-photo img
	{
		padding:20px 0 0 10px;
	}
	
ul.project-gallery-list li a.button
{
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	right:10px;
	bottom:-18px;
	padding: 5px 10px;
	font-size:12px;width:80%;text-align:left;
}

.large-up-4>.column,.large-up-4>.columns li {float:left;overflow:hidden;height:75px;}

.project-details-list .columns
{
}

.project-details-list li.column
{
	padding-left: 0;font-size:10px;width:35%;
}

.project-details-list .project-details-label
{
}
.large-up-5>.column,.large-up-5>.columns li{height:75px;overflow:hidden;float:left;}
.large-up-5>.column,.large-up-5>.columns li img{width:25%;overflow:hidden;float:left;}
.large-up-5>.column:nth-of-type(5n+1),.large-up-5>.columns:nth-of-type(5n+1){clear:none;}

.large-up-8>.column,.large-up-8>.columns{width:25%;float:left}
.large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1){clear:none}
}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {

}



/* pages_navigation */
.product-page-no{
		margin:20px 20px 20px 0;padding:10px 0px;
	text-align:right;
	clear:both;
font-size:14px;
}

.product-page-no a{
	display:inline-block;
	
	text-decoration:none;

	height: 30px;
	padding:5px 10px 10px 10px;
	color:#000000;
	/*border: 1px solid #cccccc;*/
	background-color:#DEDEDE;
	text-align:center;
}

.product-page-no b{
	display:inline-block;
	
	text-decoration:none;
	
	height: 30px;
	padding:5px 10px 10px 10px;
	background-color:#ed0b16; /*#DEDEDE;*/
	color:#ffffff;
	
	text-align:center;
}
.product-page-no a:hover{
	background-color:#ed0b16;
	color:#FFF;
}
.product-page-no a.active
{
	color:#999999;
}

.project-details .back a, .company-profile .back a {float:right;color:#ffffff;font-size:1em; background:#ed0b16;padding:5px 10px ;}
.project-details .back a:hover, .company-profile .back a:hover {color:#000000;background:#ffffff;}