@import url(http://fonts.googleapis.com/css?family=Varela+Round);

html, body {
height:100%;
margin:0;
padding:0;
overflow:hidden;
font-family: 'Varela Round', sans-serif;
}

a:hover{
text-decoration:none;	
}

.container-menu{
height:60px;
background:#FFF;
padding:0px !important;
}
.container{
padding:0px;	
}

.desc-proj{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: rgba(0,0,0,0.5);
color: #f1f1f1;
padding: 10px;
box-sizing: border-box;
font-size: 14px;
line-height:21px;
font-family: 'Varela Round', sans-serif;
}

/*slider */

.carousel, .item, .active {
height:100%;
}
.carousel-inner {
height:100%;
}
.carousel {
margin-bottom: 60px;
}
.carousel-caption {
z-index: 10;
}
.carousel .item {
background-color: #777;
}
.carousel .carousel-inner .bg {
background-repeat:no-repeat;
background-size:cover;
}
/*.carousel .carousel-inner .bg1 {
background-image:url(../img/img-1.jpg);
background-position: center top;
}
.carousel .carousel-inner .bg2 {
background-image:url(../img/img-2.jpg);
background-position: center center;
}
.carousel .carousel-inner .bg3 {
background-image:url(../img/img-3.jpg);
background-position: center bottom;
}
.carousel .carousel-inner .bg4 {
background-image:url(../img/img-4.jpg);
background-position: center bottom;
}
.carousel .carousel-inner .bg5 {
background-image:url(../img/img-5.jpg);
background-position: center bottom;
}

/* Fade transition for carousel items */
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity 1.5s; /*adjust timing here */
         -moz-transition: opacity 1.5s;
           -o-transition: opacity 1.5s;
              transition: opacity 1.5s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
   opacity: 1 !important;
   display: inline-block !important;
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}

/* //slider */
.about-container{
background:#000;
	
}
.about-img{
margin-top:100px;		
}

.about-us{
margin-top:15px;
width:220px;
height:220px;
background:#f15b2c;
z-index:999999;
position:fixed;
}

.about-title{
font-size:28px;
font-weight:bold;
font-family: 'Varela Round', sans-serif;
color:#FFF;
padding-left:20px;
padding-top:70px;
padding-right:30px;	
line-height:30px;
}

.aboutus-text{
background:#FFF;
margin-top:15px;	
}

.aboutus-search{
background:#FFF;
margin-top:15px;
height:390px;	
}

.text-about{
color:#a8abab;
font-size:12px;
font-family: 'Varela Round', sans-serif;
line-height:22px;
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:35px;	
padding:22px 35px;
text-align:justify;
height:220px;
}

.show-case{
margin-top:100px;	
width:220px;
height:90px;
background:#f15b2c;	
}

.show-case-search{
margin-top:100px;	
width:100%;
height:90px;
background:#f15b2c;	
}

.show-title-search {
font-size: 52px;
font-weight: bold;
font-family: 'Varela Round', sans-serif;
color: #FFF;
padding-top: 20px;
line-height: 46px;
text-align: center;
}

.show-title{
font-size:26px;
font-weight:bold;
font-family: 'Varela Round', sans-serif;
color:#FFF;
padding-left:10px;
padding-top:20px;
padding-right:30px;	
line-height:25px;
}

.news{	
width:230px;
height:230px;
background:#f15b2c;	
}

.news-title{
font-size:28px;
font-weight:bold;
font-family: 'Varela Round', sans-serif;
color:#FFF;
padding-left:20px;
padding-top:90px;
padding-right:30px;	
line-height:25px;
}


.show-slide{
height:90px;
background:#FFF;
margin-top:100px;
}

.thumbs-container{
margin:0 60px 30px 65px;
}

.slid-img{
height:390px;
background:#FFF;	
margin-top:15px;
}

.showcase-container{
background:#a8abab;
height:260px;
margin-top:15px;
}

.title-showcase{
font-size:30px;
padding-top:10px;
padding-left:15px;
color:#FFF;
font-family: 'Varela Round', sans-serif;
}

.small-title-showcase{
font-size:17px;
color:#FFF;
font-family: 'Varela Round', sans-serif;	
padding-left:15px;	
}

.text-showcase{
font-size:11px;
font-family: 'Varela Round', sans-serif;
margin:15px;
color:#FFF;	
text-align:justify;
}

.title-slide{
color:#f15b2c;
font-size:17px;	
margin-top:5px;
line-height: 18px;	
}

.small-title-slide{
color:#a8abab;
font-size:10.5px;
line-height: 25px;
}

.readmore{
color:#000;
font-size:13px;
font-weight:bold;
margin-top:5px;	
}

.border{
border-bottom:1px #eaeaea solid;
width:140px;
margin-left:17px;
margin-top:2px;
}

.show-container {
border:1px #eaeaea solid;
height:70px;
}

.show-container:hover {
-webkit-box-shadow: 0px 0px 10px 0px rgba(241, 91, 44, 1);
-moz-box-shadow:    0px 0px 10px 0px rgba(241, 91, 44, 1);
box-shadow:         0px 0px 10px 0px rgba(241, 91, 44, 1);
}

/**/
.image a{
width:970px;
height:390px;
cursor:pointer;
}

.image img a{
width:100%;
vertical-align:top;
}
.image a:after{
content:'\A';
position:absolute;
width:100%; height:100%;
top:0; left:0;
background:rgba(0,0,0,0.6);
opacity:0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.image:hover a:after {
opacity:1;
background:url(../img/hover.png) no-repeat;
}

/**/

#map-canvas {
width:970px;
height:270px;
margin-top:100px;
}

.contact-us{
background:#FFF;
height:230px;
margin-top:15px;
position:relative;
z-index:99999;	
}

.contact-form{
background:#f15b2c;
height:230px;
margin-top:15px;	
}

.submit{
text-align:center;
width:160px;
background:#f15b2c;
margin-left:250px;
height:50px;
border:none;
font-size:26px;
color:#FFFFFF;
border: 1px solid #ffffff;
outline:none !important;
}

.submit:hover{
background:#FFFFFF;
color:#f15b2c;	
}

.submit-text{
text-align:center;
padding-top:40px;
font-size:28px;	
color:#FFF;
}

.contact-title{
color:#f15b2c;
font-size:24px;
font-family: 'Varela Round', sans-serif;
margin:15px;
padding-top:10px;
}

.icons-contact{
margin:15px;
font-size:14px;
	
}

/*contact form*/

.form-container {
border: 1px solid #ffffff;
background: #ffffff;
font-family: 'Helvetica Neue',Helvetica,sans-serif;
text-decoration: none;
vertical-align: middle;
min-width:300px;
padding:10px;
width:300px;
}

.form-field {
border: 1px solid #ffffff;
background: #f3f3f3;
color: #000000;
padding:8px;
margin-bottom:18px;
width:280px;
resize:none;
margin:10px;
}

.form-fiel {
border: 1px solid #ffffff;
background: #f3f3f3;
color: #000000;
padding:8px;
margin-bottom:18px;
width:622px;
resize:none;
margin:10px;
}

.form-fields {
border: 1px solid #ffffff;
background: #f3f3f3;
color: #000000;
padding:8px;
margin-bottom:18px;
width:400px;
resize:none;
}

.form-container textarea {
height:100px;
}

#styled{
height:70px;	
}

.form-field:focus {
background: #fff;
color: #8a8a8a;
border: 1px solid #f15b2c;
outline:none !important;
}

.form-fiel:focus {
background: #fff;
color: #8a8a8a;
border: 1px solid #f15b2c;
outline:none !important;
}

.form-container h2 {
text-shadow: #ffffff 0 1px 0;
font-size:18px;
margin: 0 0 10px 0;
font-weight:bold;
text-align:center;
}

.form-title {
margin-bottom:10px;
color: #000000;
}

.submit-container {
text-align:right;
width:659px;
}

.submit-button {
border: 1px solid #f15b2c;
background:#FFF;
color: #f15b2c;
font-family: helvetica, serif;
padding: 8.5px 18px;
font-size: 15px;
text-decoration: none;
vertical-align: middle; 
outline:none !important; 
}

.submit-button:hover {
border: 1px solid #FFFFFF;
text-shadow: #FFFFFF 0 1px 0;
background: #f15b2c;
color: #FFF;
}

.submit-button:active {
border: 1px solid #ffffff;
background: #ffffff;
color: #fff;
}

/* contact form*/

.form-groups {
  margin-bottom: -5px;
}  

.footer{
height:25px;
background-color: #ffffff;	
}

.footer-text{
color:#a8abab;
font-size:12px;
margin-left:15px;
margin-top:5px;
}

.in2button {
text-decoration:none;
color:#000000;
font-weight:bold;
}

.in2button:hover {
text-decoration:underline;
color:#000000;
}

.footer-in2{
font-size:12px;
margin-top:5px;	
color:#a8abab;
}

.pro-slide{
height:90px;
background:#FFF;
margin-top:100px;
}

.pro-cont{
width:100px;
height:130px;
}

.thumbss-container{
margin:0 70px 30px 85px;
}

.news-cont{
width:220px;
height:220px;
background:#FFF;
margin-top:100px;		
}

.news-cont-1{
width:220px;
height:220px;
background:#FFF;
margin-top:15px;		
}

.title-news{
text-align:center;
font-size:26px;
color:#f15b2c;
}

.title-products{
color:#000;
font-size:16px;
padding-top:20px;
}

.addthis{
margin-left:10px;
float:right;	
}

.contact-submit{
float:left;
margin-left:15px;
}

.js div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background:url(../img/ajax-loader-bg.gif) #EFEFEF  no-repeat center center; }

.squares-animation{
position:absolute;
left:0;
top:84%;
z-index:9999;
}

.squares-animation-home{
position:absolute;
left:0;
top:84%;
z-index:99999;
} 

.squares-animation-2{
margin-top:-29px; 
margin-left:33px;
z-index:99999;	
}


.box-with-bg{
    background: #f1f1f1;
    padding: 15px 10px;
    border-radius: 4px;
    position: relative;
    border:1px solid #e1e1e1;
}

.box-with-bg-selected{
	background-color: #e84e1b !important;
}

.box-with-bg-selected h3, .box-with-bg-selected p{
	color:#FFF;
}

.media-titles{
float:right;
margin-top:20px;		
}

.addd-this{
float:left;
margin-left:100px;		
}

#owl-demo{
width:675px;	
	
}

#owl-demo .item{
padding: 5px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
width:100px;
margin-left:43px;
opacity:0.5;
}

#owl-demo .item.activeItem{
padding: 5px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
width:100px;
margin-left:43px;
opacity:1;
}



.item a{
text-decoration:none;
color:#000;	
}

/* */
.product-cont{
width:100%;
height:390px;
white-space: nowrap;
margin-top: -10px;
background:#EFEFEF;
margin-top:10px;
}

#box-container{
width:100%;
height:390px;
float:left;
}

#box-container ul{
margin:0;
padding:0;
}

#box-container ul li{
list-style:none;
margin:0;
padding:0;
float:left;
}

.cont-box li{
height:400px !important;		
}

.box{
list-style-type: none;
/* float: left; */
margin-bottom: -25rem;
margin-left: 0%;
margin-right: 1%;
width: 100%;
}


#box-container{
height:400px !important;
float:left;	
}

.box:nth-child(2n+1) {
clear: both;
margin-left: -39px;
overflow-x: hidden;
overflow-y: hidden;
white-space: nowrap;
width: 245px;
margin-top: 20px;
padding: 5px;
}

.box:nth-child(2n+0) {
margin-right:0;
}

.box a {
display:block;
width:100%;
height:auto;
}

.box a img {
-webkit-back-visibility:hidden;
display:block;
width:100%;
height:auto;
vertical-align:bottom;
}

.products-title{
font-size:14x;
font-weight:600;
color:#f15b2c;	
margin-top:-5px;	
}

#ajaxloader{
z-index:999999;
float:left;
margin-left:550px;
margin-top:50px;
}

.read-more{
float:right;
margin-top:40px;
margin-right:-150px;
color:#f15b2c;
}

.read-more:hover{
float:right;
margin-top:40px;
margin-right:-150px;
color:#f15b2c;
}

.category{
font-weight:bold;
font-size:14px;
color:#FF9270;
margin-top:-10px;		
}

.read-more{
display: block;
width: 100px;
height: 34px;
font-size: 14px;
color: #FFFFFF !important;
text-align: center;
line-height: 31px;
background: #f15b2c;
outline: none !important;
margin-top: 10px;
float:right;
margin-right:20px;
margin-bottom: 12px;
}

.read-more:hover {
color: #FFFFFF;
outline: none !important;
background: #f15b2c;
margin-right:20px;
text-decoration:none;
margin-top: 10px;
margin-bottom: 12px;
}

.blog-header{
margin:20px;	
}