/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */



@import url(../warp/css/layout.css);





/* Spacing

----------------------------------------------------------------------------------------------------*/





@font-face {



    font-family: 'helveticaneueltstdlt';



    src: url('../fonts/helveticaneueltstdlt.eot');



    src: url('../fonts/helveticaneueltstdlt.eot?#iefix') format('embedded-opentype'),



         url('../fonts/helveticaneueltstdlt.woff') format('woff'),



         url('../fonts/helveticaneueltstdlt.ttf') format('truetype'),



         url('../fonts/helveticaneueltstdlt.svg#bikoregular') format('svg');



}







.module,

#breadcrumbs,

#content { margin: 10px; }



#toolbar,

#footer { margin: 0 0px; }



#header {    background: linear-gradient(to bottom, rgba(234, 77, 17, 0.98) , #c3480d); height:48px; }



#menu .module { margin: 10px 5px; }



#footer .module { margin: 0; }





/* Layout

----------------------------------------------------------------------------------------------------*/



/* Layout Widescreen Elements */

body#page { background: #272525; }

section#top-b {
    margin-left: 1px;
    height: 212px;
overflow: hidden;
}

#block-toolbar {
height: 140px;
}

#block-main { padding-bottom: 0px; }

#block-bottom { padding: 20px 0 0; }

#block-footer { box-shadow: 0 1px 8px -8px rgba(0,0,0,0.8) inset; }



/* Layout Content Elements */

#toolbar {

  color: #888;

  font-size: 13px;

}



#menu {

  position: relative;

  float:left;

  margin-left:120px;

}



.menu-responsive { margin-top: 15px; }



#footer {

  padding: 15px 0;

  color: #555;

  font-size: 13px;

  text-align: left;

  color:#fff;



}



#footer a {  }



#totop-scroller {

  display: block;

  position: absolute;

  top: 20px;

  right: 0;

  z-index: 1;

  width: 25px;

  height: 25px;

  background: url(../images/totop_scroller.png) 0 0 no-repeat;

  text-decoration: none;

  opacity: 0.6;

}

#totop-scroller:hover { opacity: 1; }



/* Section Line Style */

.top-a-sep #top-a,

.top-b-sep #top-b,

.main-sep #main,

.bottom-a-sep #bottom-a {

  margin-top: 0px;

  padding-top: 0px;

}



#top-a .module

{

padding:0;

margin:0;

border:none;

}



.wk-slideshow-default .nav {

    bottom: 10px;

    margin-top: 0;

    position: absolute;

    text-align: center;

    width: 100%;

    z-index: 9999;

}



.wrapper

{

}



#block-footer .wrapper {

    background: none repeat scroll 0 0 #222222;

    margin: 0 auto;

}



.inner_wrapper {
    background-color: #FFFFFF;

}



.logo {

    margin-bottom: 6px !important;

    margin-left: 20px !important;

    margin-top: 5px !important;

}

.phno {

    margin-right: 10px !important;

    margin-top: 10px !important;

  text-align:right;

}



.phno p {

    line-height: 20px;

    margin: 0 !important;

}





#footer, #block-footer {

    background: none repeat scroll 0 0 #272525;

    float: left;

    width: 100%;

}



#sidebar-b {

            background: linear-gradient(to bottom, rgba(234, 77, 17, 0.98) , #c3480d);
	margin-top: 13px;
}



.cp

{

width:100%;

float:left;

text-align:center;

}



.isonic p {

text-align:right;



}



.foot_menu 

{

text-align:center;

}



.foot_menu a

{

color:#c8ff64;

}



.sbm p

{

margin-left:10px !important;

}



#bottom-b li

{

list-style:none;

}



#bottom-b ul

{

margin:0;

}



#bottom-b li a

{

color:#db8600 ;

}



.remove-margin

{

font-size:12px;

}



.module-title .color

{

color:#FEBE00 ;

}



a,a:hover,em

{



}



#bottom-b a,#bottom-b a:hover,#bottom-b em

{

color:#FEBE00;

}



.case_study p

{

font-style:italic;

}



.prj p {

    margin-bottom: 0;

    margin-top: 0;

}



#bottom-b .module

{

padding-top:0;

margin-bottom:0;

padding-bottom:5px;

margin-top:5px;

}





#bottom-a h3 a

{

color:#444444;

}



#sidebar-b .module {

    color: #fff !important;

    margin-right: 10px;

    padding-bottom: 0;

    padding-left: 5px;

    padding-right: 5px;

  font-weight:normal;

  text-shadow:none;

}



#bottom-a

{

background:#fff;

border-top:solid 1px #e0e0e0;

}



.supplier img

{

box-shadow:0 0 2px #ccc;

border-radius:3px;

}



.find input

{

width:95%;

border-radius:0;

border:none;

color:#c6c6c6;

font-size:16px;

font-style:italic;

}



.find input.submit

{

background:#fff;

border-radius:4px;

padding:2px 7px;

float:right;

color:#272525;

font-size:14px;

text-decoration:underline;

width:auto;

font-style:normal;

}





#content

{

padding-left:15px;

margin-bottom:0;

}



.supplier

{

padding-bottom:0;

margin-bottom:0;

margin-top:0;

}



#sidebar-b .module-title .color

{

color:#fff900;

}



.enquiry p

{

font-size:11px;

font-style:italic;

color:#323232;

margin-bottom:10px;

text-shadow:none;

}



.enquiry input,.enquiry textarea

{

color:#8e8e8e;

border:none;

border-radius:0;

margin-bottom:5px;

width:94%;

}



a.button

{

background:#fff;

border-radius: 4px;

color:#272525;

text-decoration:underline;

float:left;

margin-right:20px;

text-shadow:none;

padding:2px 7px;

}



.enquiry #Submit {

    color: #095573;

    float: right;

    padding-right: 5px;

    text-align: right;

    text-decoration: underline;

}





.wk-slideshow-default .nav span {

    background: url("../images/button.png") no-repeat scroll 0 0 transparent;

    height: 20px;

    width: 20px;

}



.wk-slideshow-default .nav .active span,.wk-slideshow-default .nav span:hover

{

    background: url("../images/button_active.png") no-repeat scroll 0 0 transparent;

      height: 20px;

    width: 20px;



}





.wk-slideshow .next

{

    background: url("../images/next.png") no-repeat scroll 0 0 transparent !important;

      height: 66px !important;

  top: 45% !important;

  right:-90px !important;

  margin-top:0 !important;

      width: 66px !important;



} 



.wk-slideshow .prev

{

    background: url("../images/prev.png") no-repeat scroll 0 0 transparent !important;

      height: 66px !important;

    width: 66px !important;

  top: 45% !important;

  left:-90px !important;

  margin-top:0 !important;

}



wk-slideshow-default > div:hover .prev

{

    background: url("../images/prev.png") no-repeat scroll 0 0 transparent !important;

      height: 66px !important;

    width: 66px !important;

  top: 45% !important;

  left:-90px !important;

  margin-top:0 !important;



}



wk-slideshow-default > div:hover .next

{

    background: url("../images/next.png") no-repeat scroll 0 0 transparent !important;

      height: 66px !important;

  top: 45% !important;

  right:-90px !important;

  margin-top:0 !important;

      width: 66px !important;





}



.wk-slideshow .caption

{

background:#272525;

text-align:center;

}





.wk-slideshow .caption h3

{

color:#bce917;

font-size:30px;

margin-top:15px;

}



.wk-slideshow .caption p

{

font-weight:normal;

text-shadow:none;

}



.wk-slideshow .caption p a

{

color:#BCE917;

}



#sidebar-b .module .module-title

{

font-family:'helveticaneueltstdlt';

font-size:28px;

text-shadow:none;

margin-bottom:20px;

color:#fff900;

}



#main

{

padding-top:20px;

}



.home #main

{

padding-top:0;

}



.phno ul

{

float:right;

}



.phno li

{

list-style:none;

float:left;

margin-left:5px;

}



.phno li img

{

opacity:0.6;

}



.phno li img:hover

{

opacity:1;

}



.social-icons li a

{

text-indent:-999999px;

}



.lang

{

clear:both;

}



.lang ul

{

float:right;

margin-right:12px;

margin-top:-5px;

}



.lang ul li {

    float: left;

    line-height: 10px;

    list-style: none outside none;

    margin-left: 10px;

}



#toolbar .float-right

{

text-align:right;

}



.log_link

{

float:right;

width:100%;

}



.log_link a {

    background: none repeat scroll 0 0 #272525;

    border-radius: 0 0 6px 6px;

    color: #BBE326;

    float: right;

    line-height: 28px;

    padding: 0 7px;

    text-decoration: underline;

  font-size:14px;

}



.top_links

{

margin-top:15px;

float:left;

clear:both;

}



.find

{

margin-bottom:20px;

}





#main

{

background:#fff;

margin-top:15px;

}



.home #main

{

margin-top:0;

}



#top-b .mod-box

{

background:#272525;

box-shadow: 0 0 2px #fff;

margin-top:12px;

margin-bottom:12px;

}



.topbox1

{

margin-left:0;

}



.topbox3

{

margin-right:0;

}



img.float-left

{

margin-right:15px;

}



.frontpage h3 {

    margin-bottom: 7px !important;

}



.frontpage h3 a

{

color:#cecece;

}



.frontpage p

{

color:#ffffff;

text-shadow:none;

line-height:20px;

}



.frontpage p.more

{

margin-bottom:0;

margin-top:5px;

}



.frontpage p.more a

{

text-decoration:underline;

}



.himg

{

float:right;

text-align:center;

}



#footer .module

{

width:33%;

float:left;

}



.cp {

    color: #C2C2C2;

    margin-bottom: 5px;

    margin-top: -5px;

    text-align: center;

}



@media only screen and (min-width: 960px) and (max-width: 1199px) {



.wk-slideshow .next,wk-slideshow-default > div:hover .next

{

  right:20px !important;



} 



.wk-slideshow .prev,wk-slideshow-default > div:hover .prev

{

  left:20px !important;



}



#footer .menu-line li

{

font-size:12px!important;

} 



#sidebar-b .module .module-title

{

font-size:25px;

}



.topbox1 {

    margin-left: 10px;

}



.topbox3 {

    margin-right: 10px;

}



.frontpage h3 {

    font-size: 17px;

}



}





@media only screen and (min-width: 768px) and (max-width: 959px) {



.logo img

{

max-width:70%;

}



#footer .menu-line li

{

font-size:11px!important;

} 



#footer .menu-line li

{

line-height:10px;

}



.menu-line li {

    margin-left: 5px!important;

    padding-left: 5px!important;

}



.topbox1 {

    margin-left: 5px;

}



.topbox3 {

    margin-right: 5px;

}





.logo {

    margin: 5px 0 6px !important;

}



#toolbar .float-left

{

width:320px;

}



#menu {

    margin-left: 10px !important;

  width:98% !important;

}



.menu-dropdown li.level1

{

  margin-left: 5px !important;

  }



.menu-dropdown a.level1, .menu-dropdown span.level1, .mod-header .module-title, .button-default, form.style button, form.style input[type="button"], form.style input[type="submit"], #system .pagination a

{

font-size:17px !important;

}



.frontpage img

{

width:60px;

}



.frontpage h3 {

    font-size: 15px;

}



.frontpage p

{

line-height:16px;

}



img.float-left {

    margin-right: 7px;

  margin-bottom:30px;

}



#toolbar .float-right img

{

max-width:90%;

}





.frontpage p.more {

    font-size: 12px;

}



.wk-slideshow .next,wk-slideshow-default > div:hover .next

{

  right:20px !important;



} 



.wk-slideshow .prev,wk-slideshow-default > div:hover .prev

{

  left:20px !important;



} 





.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span{

 padding: 0 9px !important;

}



.float-left

{

margin-bottom:20px;

}



#footer, #block-footer

{

margin-left:0;

margin-right:0;

}





}



@media only screen and (min-width: 600px) and (max-width: 767px) {



#footer .menu-line li

{

font-size:11px!important;

} 



#footer .menu-line li

{

line-height:10px;

}



.menu-line li {

    margin-left: 5px!important;

    padding-left: 5px!important;

}



.topbox1 {

    margin-left: 10px;

}



.topbox3 {

    margin-right: 10px;

}





.wk-slideshow .next,wk-slideshow-default > div:hover .next

{

  right:20px !important;

  display:none !important;



} 



.wk-slideshow .prev,wk-slideshow-default > div:hover .prev

{

  left:20px !important;

    display:none !important;





} 



.wk-slideshow .caption h3

{

font-size:20px;

margin-top:5px;

margin-bottom:5px;

}



.wk-slideshow .caption p

{

margin-top:5px;

margin-bottom:5px;

}



.logo img {

    max-width: 60%;

}



#toolbar .float-right img {

    max-width: 13%;

}



.logo {

    margin: 5px 0 6px !important;

}



#toolbar .float-left {

    width: 230px;

}



#toolbar .float-right .module {

    margin: 0;

}





.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span{

 padding: 0 9px;

}



#bottom-a .mod-dotted .frontpage

{

padding-bottom:0 !important;

}



#footer, #block-footer

{

margin-left:0;

margin-right:0;

}



#toolbar

{

display:block !important;

}



.phno

{

display:none;

}



.lang ul

{

margin-top:20px;

}





}



@media only screen and (min-width: 480px) and (max-width: 599px) {



.wk-slideshow .next,wk-slideshow-default > div:hover .next

{

  display:none !important;



} 



.wk-slideshow .prev,wk-slideshow-default > div:hover .prev

{

  display:none !important;



} 



#bottom-a .mod-dotted .frontpage

{

padding-bottom:0 !important;

}

#footer, #block-footer

{

margin-left:0;

margin-right:0;

}



#toolbar

{

display:block !important;

}



.phno

{

display:none;

}



.lang ul

{

margin-top:20px;

}





#toolbar .float-right

{

display:none;

}



.logo img

{

max-width:80%;

}



#footer .module {

    float: left;

    width: 100%;

}



.sbm

{

text-align:center;

margin-bottom:10px !important;

}



.isonic p

{

text-align:center;

margin-bottom:10px !important;

}



#sidebar-b .module .module-title

{

font-size:22px;

}



.topbox1

{

margin-left:10px;

}



.topbox3

{

margin-right:10px;

}



.wk-slideshow .next,wk-slideshow-default > div:hover .next

{

  right:20px !important;

  display:none !important;



} 



.wk-slideshow .prev,wk-slideshow-default > div:hover .prev

{

  left:20px !important;

    display:none !important;





} 



.wk-slideshow .caption h3

{

font-size:16px;

margin-top:5px;

margin-bottom:5px;

}



.wk-slideshow .caption p

{

margin-top:5px;

margin-bottom:5px;

}



.wk-slideshow .caption

{

padding-top:0;

padding-bottom:0;



}

}





@media only screen and (max-width: 480px) {





.wk-slideshow .next,wk-slideshow-default > div:hover .next

{

  display:none !important;



} 



.wk-slideshow .prev,wk-slideshow-default > div:hover .prev

{

  display:none !important;



} 



#bottom-a .mod-dotted .frontpage

{

padding-bottom:0 !important;

}



#bottom-b .module

{

padding-bottom:20px;

}



.isonic {

    float: left;

    margin-top: 10px !important;

    position: relative !important;

    text-align: center;

    width: 100%;

  right:0;

}



#bottom-a .module

{

margin-right:0;

width:83%;

}

#footer, #block-footer

{

margin-left:0;

margin-right:0;

}



#toolbar

{

display:block !important;

}



.phno

{

display:none;

}



.wk-slideshow .caption

{

display:none !important;

}



.logo img

{

max-width:100%;

}



#footer .module {

    float: left;

    width: 100%;

}



.sbm

{

text-align:center;

margin-bottom:10px !important;

}



.isonic p

{

text-align:center;

margin-bottom:10px !important;

}



#sidebar-b .module .module-title

{

font-size:22px;

}



.topbox1

{

margin-left:10px;

}



.topbox3

{

margin-right:10px;

}



#toolbar .float-right

{

display:none;

}



#toolbar .float-left,.logo

{

width:300px;

}



body {

    font: 12px/18px Arial,Helvetica,sans-serif;

}



}

/*
@media only screen and (min-width: 1440px)
{
#page-bg {
    background: url("../images/body_bg2.jpg") no-repeat scroll 28px center #000000 !important;
}
}
/*