@charset "utf-8";
/* Import Global Compulsory CSS Files */

/*--------------------------------------------------------------------------
							[ Table of Contents ]
---------------------------------------------------------------------------

1.Typography
2.Index

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


/*****************************************************
********************* Typography *********************
*****************************************************/
body {color:#585858; font-size:14px; line-height: 1.6; font-family: 'Ubuntu', sans-serif;}
 
/*----------- Heading -----------*/
h1,h2,h3,h4,h5,h6 {margin:0px 0px 10px 0px; font-family: 'Arvo', serif;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration:none;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {text-decoration: underline;}
h1 {font-size:2em;}
h2 {font-size:1.8em;}
h3 {font-size:1.5em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}
h6 {font-size:0.8em;}

/*----------- Links -----------*/
a {color:#0184d8; text-decoration: none;}
a, a:focus, a:hover, a:active {outline: 0 !important;}
a:focus {text-decoration: none;}
a:hover {color:#00619f; text-decoration:none;} 
 
/*----------- Lists -----------*/
ul {list-style:none;}
ul, ol {margin:0; padding:0;}
li ul, li ol {padding:0; margin:0;}

/*----------- Paragraph -----------*/
p {font-size:16px; line-height:26px; margin-bottom:10px;}
p img.left {float:left; margin:1.5em 1.5em 1.5em 0; padding:0;}
p img.right {float:right; margin:1.5em 1.5em 1.5em 0;}
strong {font-weight:bold; }
em, dfn {font-style:italic; }
dfn {font-weight:600;}
sup {line-height:0; vertical-align:super; font-size:smaller;}
sub {line-height:0; vertical-align:sub; font-size:smaller;}
abbr, acronym {border-bottom:1px dashed #ccc; }
address {margin:0 0 1.5em;}
del {color:#666;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace; line-height:1.5em; display:block; }
code {background-color:#eee; display:inline; padding:0px 2px 1px 2px; line-height:1.1em; }
pre {margin:1.5em 0; white-space:pre; }
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.hide {display:none}
.block {display:block !important;}
.inline {display:inline !important;}
.bold {font-weight:600;}
.italic {font-style:italic;}

/*----------- Flot And Alignment -----------*/
.fl {float: left;}
.fr {float: right !important;}
.ac {text-align: center;}
.ar {text-align: right;}
.al {text-align:left;}

/*----------- Button -----------*/
.btn{}
.btn:hover{}

/*----------- Hand cursor on clickable Input elements -----------*/
label,input[type="button"],input[type="submit"],input[type="image"],button {cursor: pointer;}

/*----------- Textarea Scrollbars -----------*/
textarea {overflow: auto;}

/*----------- Webkit Browsers add a 2px margin outside the chrome of form elements -----------*/
button,input,select,textarea {margin: 0;}

/*----------- Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer -----------*/
button {width: auto; overflow: visible;}

/*----------- Margin -----------*/
.mr_none {margin:0px !important;}
.mr_b5,.mr_b10,.mr_b15,.mr_b20,.mr_b25,.mr_b30,.mr_b35,.mr_b40,.mr_b45,.mr_b50,.mr_b55,.mr_b60 {clear:both;}

.mr_b5 {margin-bottom:5px;}
.mr_b10 {margin-bottom:10px;}
.mr_b15 {margin-bottom:15px;}
.mr_b20 {margin-bottom:20px;}
.mr_b25 {margin-bottom:25px;}
.mr_b30 {margin-bottom:30px;}
.mr_b35 {margin-bottom:35px;}
.mr_b40 {margin-bottom:40px;}
.mr_b45 {margin-bottom:45px;}
.mr_b50 {margin-bottom:50px;}
.mr_b55 {margin-bottom:55px;}
.mr_b60 {margin-bottom:60px;}

/*----------- Padding -----------*/ 
.pd_none {padding:0px !important;}
.pdTopBot-none{padding-top:0px !important; padding-bottom:0px !important;}

/*----------- Fonts -----------*/
.ft6{font-size:6px;}
.ft7{font-size:7px;}
.ft8{font-size:8px;}
.ft9{font-size:9px;}
.ft10{font-size:10px;}
.ft11{font-size:11px;}
.ft12{font-size:12px;}
.ft13{font-size:13px;}
.ft14{font-size:14px;}
.ft15{font-size:15px;}
.ft16{font-size:16px;}
.ft17{font-size:17px;}
.ft18{font-size:18px;}
.ft19{font-size:19px;}
.ft20{font-size:20px;}

/*----------- Backgrounds -----------*/

 
/*----------- Colors -----------*/
.col-orange {color:#f8691d;}


/*----------- Heading -----------*/
#headlines{padding:20px 0px; background:#111111; border-bottom:4px solid #cccccc;}
#headlines .about-title h2{font-size:40px; color:#ffffff;}
.heading h2{font-size:2em; color:#223366; /*background:url(../images/icons/hr.png) bottom center no-repeat;*/ margin-bottom:15px; padding-bottom:10px; text-transform:uppercase; border-bottom: 1px solid #223366; font-weight: bold;}
.heading h6{font-size:1.4em; text-align:center;} 
  
/*****************************************************
********************* Index Page *********************
*****************************************************/
 /*--------------- Header ---------------*/
#header-top{background: #223366; padding: 5px 0;}
#header-top .social-media{float: right;}
#header-top .social-media ul li a{color: #ffffff;}
#header-top .contact-info ul li{color: #ffffff;}

header{background:#ffffff;}
header .user-account ul li a{font-size:14px; color:#333333;}
header .user-account ul li.cart{margin-left:10px;}
header .user-account ul li.cart a{color:#c41e02;}
.proposal{background: #ed2e10; transition: all 300ms;}
.proposal a{color: #ffffff !important;}
.proposal:hover{background: #d43016;}

/*--------------- Navigation ---------------*/
.navbar{margin:0;}
.navbar-default{background: #ffffff;}
.navbar-brand{padding: 5px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background:none; color:#223366;} 
 
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background:none; color:#ff1a00;}
.navbar-nav > li > a{text-transform:uppercase;}
.navbar-default .navbar-nav > li > a{ color:#000000;}
 
/*--------------- Main Content ---------------*/ 
#introduction{background: #223366; padding: 40px 0;}
#introduction h2{color: #ffffff; font-weight: bold;}
#introduction p{color: #ffffff;}
#introduction .get-quote img{border: 6px solid rgba(255,255,255,0.5);}
#main-content{padding:40px 0px;}
#main-content p{text-align:justify;}
 
/*--------------- Product List ---------------*/  
#product-list{padding:40px 0px; background:#f9f9f9;} 
#product-list .product-inner .product-item{}
#product-list .product{position: relative; transition: all 300ms; margin: 15px 0;}
#product-list .product figure{overflow: hidden}
#product-list .product figure img{transition: all 300ms;}
#product-list .product:hover figure img{transform: scale(1.2);}
#product-list .product:hover{box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);}
#product-list .product .product-desc{background: #ffffff; padding: 15px; border-bottom: 1px solid #dfdfdf;}
#product-list .product .product-desc h4{font-size: 14px;}
#product-list .product .product-desc h4 a:hover{text-decoration: none;}
#product-list .product .product-desc p{font-weight: normal; font-size: 14px;}

 
/*--------------- Why Choose ---------------*/
#why-choose{padding:40px 0px;} 
#why-choose .why-choose-inner .choose-icon{float:left;}
#why-choose .why-choose-inner .choose-icon i{font-size:15px;; background:#f58634; padding:5px; color:#ffffff; width:25px; height:25px; text-align:center; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; transition:all 500ms;}
#why-choose .why-choose-inner:hover .choose-icon i{color:#ffffff; background:#00abf1;}
#why-choose .why-choose-inner .choose-content{padding-left:35px;} 
#why-choose .why-choose-inner .choose-content h4{font-size:19px; margin-bottom:4px;} 
#why-choose .chosse-usList ul li{margin-bottom:12px; padding-bottom:7px; background: url(../images/circle.png) 0 0px no-repeat; padding-left: 35px; font-size: 14px;}

/*--------------- Tensile Service ---------------*/
#tensile-service{padding:40px 0px; background:#eeedee;} 
#tensile-service .service-inner .service-lists{margin-bottom:10px; padding-bottom:10px;}
#tensile-service .service-inner ul li{background:url(../images/icons/arrow.png) 0px 5px no-repeat; padding-left:23px; margin-bottom:5px; padding-bottom:5px; line-height:25px;}
#tensile-service .services-images img{border:5px solid #efefef;}
 
/*----------- Client Testimonials -----------*/
#client-testimonials{padding: 40px 0; background: #3d3d3d url(../images/testimonial-devider.png) left top no-repeat; text-align: center;}
#client-testimonials .heading h2{text-align: left; margin-bottom: 30px; color: #ffffff; border-color: #ffffff;} 
#client-testimonials .testimonial-inner{padding: 20px 30px; background: #323232;}
#client-testimonials .testimonials{margin: 10px 0;}
#client-testimonials .testimonials .clients-photo img{border-radius: 100%; margin: 15px auto; width: 100px; height: 100px;}
#client-testimonials .testimonials .clients-photo h3{font-size: 27px; color: #f2f2f2;}
#client-testimonials .testimonials .clients-photo p{color: #f8f59d; font-weight:bold}
#client-testimonials .testimonials .clients-photo p span{display:block; font-size:13px;}
#client-testimonials .testimonials .clients-quotes p{color: #fcfcfc;}

/*----------- Client Portfolio -----------*/
#client-portfolio{padding: 40px 0;}

/*--------------- Footer ---------------*/ 
footer{background:#222222; padding:40px 0px; color:#ffffff;}
footer .states-area h3{}
footer .states-area ul li{list-style-type: disc; color: #9a9a9a;}
footer .states-area ul li a{color: #c3c3c3; font-weight: normal; margin: 5px 0px; display: inline-block;}
footer .states-area ul li a:hover{color: #ffffff;}
footer .states-area .states-lists{border: 1px solid #3e3e3e; padding: 10px 20px; margin-top: 20px;}
footer .states-area .keywords ul li a{color: #9a9a9a; font-size: 13px;}
footer .states-area .keywords ul li a:hover{color: #ffffff;}
footer .footer-form h3{margin-bottom: 20px;}
footer .footer-form input,footer .footer-form textarea{border-radius: 0; box-shadow: none; background: #222222; border: 1px solid #767676; color: #ffffff;}



/*--------------- Copyright ---------------*/  
#copyright{background:#000000; padding:20px 0px; color:#ffffff;} 
 


/*Bottom to Top Scroll*/
.scrollup {display:none; position:fixed; bottom:10px; right:1em; width:50px; height:45px; z-index:99999; background:url(../images/icons/scroll.png) no-repeat;}


#static-banner{background: url(../images/pattern-bg.png) top left #223366; padding: 30px 0;}
#static-banner h3{color: #ffffff; float: left;}
#static-banner ul{float: right;}
#static-banner ul li a{color: #49b8ff;}
#static-banner ul li {color: #f9f9f9;}

.product-lists{margin-bottom: 30px;}

.product-lists ul li{display: block;}

.product-lists ul li a{display: block; line-height: 30px; background: url(../images/checked.png) 0px 9px no-repeat; padding-left: 30px; font-size: 15px; margin-bottom: 3px;}

.circle li{list-style: disc; margin: 15px;}

.image-gallery img{width: 100%; height: 210px; margin: 15px 0;}

#contact-us{padding: 50px 0 0 0;}