@charset "utf-8";
body{ margin:0px; padding:0px; overflow-x:hidden;}
.top-head{width:100%;
height:auto;
overflow:auto;
background-color:#f1f0f0; line-height: 29px;}

h1,h2,h3,h4,h5,{ margin:0px; padding:0px;}	


h2{font-family: 'Source Sans Pro', sans-serif !important;}

h3{font-family: 'Source Sans Pro', sans-serif !important;}

.why-choose{ background:url(images/shadow-line.jpg) bottom left repeat-x; padding-bottom: 44px;}

.center-line{margin: 10px 0;}

.image-ht{}

.wood-hd{font-style:italic;color:#ec211b; font-size: 35px; font-family: 'Lora', serif;}

.form-control {padding:7px 12px!important;}
.logo-outer{position: relative;
margin-top: -29px;     z-index: 123;}

.top-head ul{float:right; padding: 0;
margin: 0px;}
.top-head ul li{float:left;margin-right: 9px; list-style:none;}


ul.features{ margin:0px; padding:0px;}

ul.features li{    list-style: none;
float: left;
background: url(images/arrow3.jpg) no-repeat 0 -3px;
padding-left: 21px;
color: #333;
font-size: 13px;
font-weight: bold;
margin-right: 10px;}

.red {
font-weight: 400!important;
}	

.logo{

height: 133px;

background-repeat:no-repeat; text-align:center; padding-top:45px;}

.banner{width:100%;}
.abt-img{margin-top: 45px;}
.abt-us{padding: 87px 0 0 0;}

.abt-us p{ color:#888787; line-height:23px; font-size:14px;}

.abt-us h2{ color:#374a51; font-size: 28px; margin:0px; padding:0}

.orange-buton{background-color:#ffb200;width:auto;height:40px;padding: 9px; color:white;}
.orange-buton a{ text-decoration:none;}

.rt-icn{margin-right:7px;}
.brndlgo{position:absolute;right:0;top:0;z-index:999}
.products{width:100%;  margin-top: 20px;
background-image:url(images/product-img.jpg); background-attachment: fixed;
background-repeat:no-repeat;
background-size:cover; padding-bottom: 11px;}	

.our-prod-hed{color:#FFF; font-family: 'Source Sans Pro', sans-serif !important; }	

.in-pro{color:#FFF; font-family: 'Source Sans Pro', sans-serif; font-size: 21px;}
.chose-us-icon{float:left;margin-right: 24px; margin-top: 24px;}
.yus-p{margin-left:85px;}

.client-say{width:100%;background-color:#f8fbff; padding-bottom: 23px;}

.test{ color: #484848;
line-height: 22px;
font-style: italic;
margin-bottom: 30px;}

.apostofee{margin-left:30px;}
.footer{width:100%;background-image:url(images/footer.jpg);background-size:cover;background-repeat:no-repeat;}


.footer h3 {
font-size: 21px;
color: #ffb200; border-bottom:#575555 solid 1px; padding-bottom:10px; font-family: 'Source Sans Pro', sans-serif;

margin-bottom: 10px;
}


.sitemap {
    width: 100%;
    float: left;
}

.sitemap h2 a {
    position: relative;
    font-size: 24px;
    color: #272727;
    padding-bottom: 14px;
    margin: 0px;
}

.sitemap ul {
    float: left;
    margin: -17px 0 0 0;
    width: 105%;
    padding: 0;
}

.sitemap ul li {
    background: url(images/arrow2.jpg) no-repeat scroll 0 17px transparent!important;
    border-bottom: 1px solid #CCCCCC;
    float: left;
    margin: 1px 15px 0 0;
    padding: 10px 10px 10px 17px!important;
    min-height: 20px;
    width: 183px; list-style:none;
}


.sitemap ul li a { color:#000;
   
}




.social-bottom img{ margin-right:5px;}

.para-st {
padding-left: 11px;
background: #f5f4f4;

padding: 12px 18px;
border-left: #f3f0f0 solid 6px;
}


ul.usfllnk {
margin: 0px;
padding: 0px;
}

ul.usfllnk li {
padding: 2px 0;
background: url(images/arrow.png) no-repeat 0 11px;
line-height: 20px;
list-style: none;
width: 48%;
float: left;
padding-left: 15px;
}

ul.usfllnk li a {
color: #fff;
font-size: 12px;
-webkit-transition: 0.2s ease-in-out all;
-moz-transition: 0.2s ease-in-out all;
-o-transition: 0.2s ease-in-out all;
transition: 0.2s ease-in-out all;
}

.inptfld {
line-height: 16px;
font-size: 12px;
padding: 3px 10px;
color: #666;
border: #131313 solid 1px;
margin-bottom: 6px;
width: 100%;
background: #131313;
}

.btnsnd:hover {
background: #c5c5c5;
}

.btnsnd {
background: #c5c5c5;
color: #333;
font-size: 12px;
padding: 2px 15px;
line-height: 19px;
border-left: #f07c00 solid 1px;
border: none;
}

ul.cntadrs {
font-size: 13px;
margin: 12px 0;
}

ul.cntadrs li {
line-height: 20px;
margin-bottom: 8px;
color: #fefdfd;
}

.test-name{ font-size:16px; color:#474747;}

.title-name{ color:#a4a2a2; margin-top:5px;}

ul.cntadrs li i {
color: #ffb200;
margin-right: 8px;
}

.copy-right{ background:#131313; color:#8f8d8d; font-size:12px; padding:7px 0; margin-top:15px;}


.breadcrumb-area {
background-repeat: no-repeat;     margin-bottom: 20px;
background-size: cover;
position: relative;
z-index: 000;
}

.space{ width:100%; height:10px;}


.contact-ot{background: #f4f2f2;
padding: 20px 15px 10px 20px;
margin-bottom: 20px;
min-height: 275px;}


.location-title{ font-size:13px; font-weight: bold;}

.breadcrumb-area h1 {
color: #f9f9f9;
font-size: 36px;
line-height: 36px;

text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif !important;
color: #f9f9f9;
font-size: 36px;
line-height: 36px;
padding-bottom: 85px;
padding-top: 85px;
text-transform: uppercase;
}

.yel{ color:#ffb200; font-size:17px;}

.yel2{ color:#ffb200; }

.breadcrumb-area .breadcrumb-bottom {
background-color: rgba(0, 0, 0, 0.33);
bottom: 0;
height: 34px;
left: 0;
padding: 8px 0 15px;
position: absolute;
width: 100%;
}


.breadcrumb-area .breadcrumb-bottom .left ul {
margin-left: -3px;
margin-right: -3px; padding: 0px;
}

.breadcrumb-area .breadcrumb-bottom .left ul li {
color: #f9f9f9;
font-size: 14px;
font-weight: 300;
display: inline-block;
margin: 0 3px;
text-transform: uppercase;
}


.sidebar-title {
position: relative;
margin-bottom: 19px;
}

.sidebar-title h3 {
position: relative;
font-size: 24px; margin: 0px;
color: #272727;

padding-bottom: 12px;
text-transform: capitalize;
}

.sidebar-title h3:before {
position: absolute;
content: '';
width: 70px;
height: 2px;
left: 0px;
bottom: 0px;
background-color: #ffb200;
}

.sidebar-title h3:after {
position: absolute;
content: '';
width: 70px;
height: 1px;
left: 0px;
bottom: 3px;
background-color: #ffb200;
}









.sidebar .styled-nav {
position: relative;
font-family: 'Montserrat',sans-serif;
}

.sidebar .styled-nav .nav-outer {
position: relative;
}


.sidebar .styled-nav .nav-outer ul { margin:0px; padding:0px;
border: 1px solid #e9e9e9;
border-radius: 2px;
}

.sidebar .styled-nav ul li { list-style:none;
position: relative;
}

.sidebar .styled-nav li a {
position: relative; background:#f5f4f4;
display: block;
margin-left: -1px;
margin-right: -1px;
line-height: 30px;
padding: 6px 15px 8px 40px;
text-transform: capitalize;
color: #444343;
font-size: 13px;
border-bottom: 1px solid #e9e9e9;
font-weight: 400;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
}

.sidebar .styled-nav li a:before {
content: '\f0a9';
font-family: 'FontAwesome';
position: absolute;
left: 15px;
font-size: 16px;
top: 50%;
margin-top: -15px;
line-height: 30px;
color: #ffb200;
}

.sidebar .styled-nav li:hover a, .sidebar .styled-nav li.current a {
color: #ffffff;
background: #ffb200;
border-color: #ffb200;
}

.sidebar .styled-nav li.current a:before, .sidebar .styled-nav li:hover a:before {
color: #ffffff;
}



.sidebar .downloads li a:hover {
background: #ffb200;
color: #ffffff;
}


.sidebar .downloads ul  { margin:0px; padding:0px;}
.sidebar .downloads li  { list-style:none; margin:0px; padding:0px; margin-bottom:10px;}




.sidebar .downloads li a {
position: relative;
display: block;
padding: 16px 15px 16px 68px;
color: #272727;
font-size: 16px;
background: #f4f4f4;
line-height: 30px;
transition: all 500ms ease; text-decoration:none !important;
}

.sidebar .downloads li a .icon {
position: absolute;
left: -2px;
top: 8px;
width: 50px;
height: 46px;
line-height: 46px;
text-align: center;
font-size: 20px;
background: #272727;
color: #ffffff;
}

.sidebar .downloads li a:after {
content: '\f0da';
font-family: 'FontAwesome';
position: absolute;
right: 15px;
font-size: 16px;
top: 50%;
margin-top: -15px;
line-height: 30px;
}

.sec-title {
position: relative;
margin-bottom: 15px;
}

.sec-title h2 {
position: relative;
font-size: 24px;
color: #272727;
padding-bottom: 14px; margin: 0px;

}


.sec-title h2:before {
position: absolute;
content: '';
width: 70px;
height: 2px;
left: 0px;
bottom: 0px;
background-color: #ffb200;
}

.sec-title h2:after {
position: absolute;
content: '';
width: 70px;
height: 1px;
left: 0px;
bottom: 3px;
background-color: #ffb200;
}

.about-mn p{font-size: 14px;
color: #444343;
line-height: 21px; text-align: justify;}

ul.ply1{ margin:0px; padding:0px;}	

ul.ply1 li{ list-style:none; float:none; background:url(images/arrow2.jpg) no-repeat 0 5px; color:#888686; padding-left:20px;}	


.space{ width:100%; height:20px;}


.side-img{ float:left; margin:0 25px 0 0;}


.sec-title2 h3 {
position: relative;
display: inline-block;
color: #333;
margin: 0px;
line-height: 24px;
font-size: 15px;
padding: 5px 35px 5px 15px;
background: #ffb200;
text-transform: uppercase;
/* font-weight: 800; */
}

.sec-title2 h3:after {
content: '';
position: absolute;
right: -5px;
top: 0px;
width: 11px;
height: 100%;
background: #e4e4e4;
transform: skewX(-15deg);
-webkit-transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
-o-transform: skewX(-15deg);
-moz-transform: skewX(-15deg);
}

.client-outer{ width:157px; float:left; margin:5px; border:#f5f4f4 solid 2px; text-align:center; padding:5px; transition: all 700ms ease;
-moz-transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;}

.client-outer:hover{float:left; margin:5px; border:#f5f4f4 solid 2px;  text-align:center; padding:5px; moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15);}


.client-outer img{ width:125px; }

.hd{ margin-top:5px; font-weight:bold; font-size:12px;}

.info-style-one ul {
list-style-type: none;
margin-top: 15px;
padding-left: 0;
}

.info-style-one li {
margin-bottom: 7px;
padding-left: 47px;
position: relative;
}

.info-style-one li .icon-box {
background: #ffb200 none repeat scroll 0 0;
color: #ffffff;
font-size: 20px;
height: 33px;
left: 0;
line-height: 32px;
position: absolute;
text-align: center;
top: 0;
width: 33px;
}

.info-style-one li .icon-box img {
width: 22px;
}

.info-style-one li h4 {
color: #272727;
font-size: 16px;
margin-bottom: 0;
text-transform: capitalize;}

.fnt-size{ font-size:12px;     font-weight: bold;}	

.info-style-one li .text {
color: #565555;
line-height: 19px;
}


.form-ot{border: 3px solid #f4f4f4;
padding: 20px 30px 16px;}

.dee_btn_style_one {
border: 2px solid #ffb200 ;
color: #fff;
background: #ffb200 ;
text-transform: uppercase;
padding: 5px 40px;
border-radius: 30px;
text-align: center;
word-spacing: 4px;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
cursor: pointer;
text-align: center;
}

.dee_btn_style_one:hover {
border: 2px solid #ffb200 ;
background-color: transparent;
color: #424242;
}

.dd {
position: relative;

padding: 0;
display: inline-block;
z-index: 10;
}

.dd img {
cursor: pointer;
display: block;
-webkit-transition: 0.5s ease-in-out all;
-moz-transition: 0.5s ease-in-out all;
-o-transition: 0.5s ease-in-out all;
transition: 0.5s ease-in-out all;
}


.dd:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

.cs-intro-col {
margin-bottom: 30px;
position: relative;
overflow: hidden;
min-height: 288px !important;
}


.xx {
width: 100%;
max-width: 100%;
height: auto;
display: block;
}


.cs-intro-overly {
width: 100%;
min-height:180px;
background:#ffb200;
position:absolute;
bottom: -37px;
left: 0;
transform: skewY(10deg);
-webkit-transform: skewY(10deg);
moz-transform: skewY(10deg);
-ms-transform: skewY(10deg);
-o-transform: skewY(10deg);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}


.cs-intro-content {
padding: 11px 13px 3px 17px;
transform: skewY(-10deg);
-webkit-transform: skewY(-10deg);
moz-transform: skewY(-10deg);
-ms-transform: skewY(-10deg);
-o-transform: skewY(-10deg);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.cs-intro-content p {
color: #ffffff;
margin-bottom: 15px;
letter-spacing: 1px;
}
.cs-intro-bdr {
width: 115px;
height: 1px;
background: #ffffff;
}


.cs-intro-col:hover .cs-intro-content {
transform: skewY(0deg);
-webkit-transform: skewY(0deg);
moz-transform: skewY(0deg);
-ms-transform: skewY(0deg);
-o-transform: skewY(0deg);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.cs-intro-col:hover .cs-intro-overly {
background: #C6A47E;
transform: skewY(0deg);
-webkit-transform: skewY(0deg);
moz-transform: skewY(0deg);
-ms-transform: skewY(0deg);
-o-transform: skewY(0deg);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}


.cs-intro-content h4{color: #FFF;
font-size: 18px;}


ul.list-2{ margin:0px; padding:0px;}	

ul.list-2 li{ list-style: none;
float: none;
background: url(images/arrow4.png) no-repeat 0 3px;
padding-left: 20px;
margin-bottom: 5px;
font-size: 15px;}	

ul.list-2 li a{ text-decoration:none; line-height: 24px; color: #333;}	

ul.list-2 li a:hover{ text-decoration:none; line-height: 24px; color: #fff;}

.tag-line{position:absolute;z-index:1;background:rgba(0,0,0,0.6);font-size:22px;color:#fff; width:100%; padding-left: 57px;}	


.header_bottom {
background-color: #fff;
position: relative;

}.header_logo a {
line-height: 74px;
display: block
}.main_nav {
position: relative;
z-index: 4;
background: #ffb200;
text-align: right
}
.header_bottom::after, .main_nav::before {position:absolute;top:0;content:""}
.social-icons {padding-top:5px}
.header_bottom::after, .main_nav::before {
position: absolute;
top: 0;
content: ""
}
.top-head {width:auto}



.main_nav::before {
border-top: 74px solid transparent;
left: 0;
border-left: 40px solid #fff
}
.header_bottom::after {
right: 0;
height: calc(100% - 0px);
width: 50%;
z-index: 0;
background: #ffb200}
@media only screen and (max-width:800px) and (min-width: 100px){#cssmenu > ul.open{}
.para-st {padding:0;background:none;border:none;}.footer{background-size:100% 100%;background-repeat:inherit;}
#cssmenu ul > li {float:left!important;padding-left:0;}#cssmenu > ul.open, #cssmenu > ul > li > ul{padding-left:0;}
}
@media screen and (max-width:560px){
.logo-outer {
position: relative;
margin-top: 0;
z-index: 123;
text-align: center;
margin: 0 auto;
}
.logo {
height: 100px;

text-align: center;
padding-top: 10px;
margin: 0 auto;
}

.top-head ul {
float: right;
padding: 0;
margin: 0px;
}
}