@charset "utf-8";
/*--------------------------------------------------------------------------
							1.Typography
---------------------------------------------------------------------------*/
body {color:#1C2025; font-size:14px; line-height: 1.6; font-family: 'Lato', sans-serif;}
 
/*----------- Heading -----------*/
h1,h2,h3,h4,h5,h6 {margin:0px 0px 10px 0px; color:#000000; font-family: 'Josefin Sans', sans-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:#fbb908; text-decoration:none;}
a, a:focus, a:hover, a:active {outline:0 !important;}
a:focus {text-decoration: none;}
a:hover {color:#3bd4ff; text-decoration:none;} 
a:hover,a:focus{text-decoration:none; outline:none;}
 
/*----------- Lists -----------*/
ul {list-style:none;}
ul, ol {padding:0; margin:0;}
li ul, li ol {padding:0; margin:0;}

/*----------- Paragraph -----------*/
p {font-size:16px; line-height: 28px; 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; font-style:italic; }
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;}

/*----------- 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:17px;}
.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 And Gutter -----------*/ 
.no-gutter [class*="col-"] {padding-left:0; padding-right:0;}
.pd-none{padding:0px;}

/*----------- 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;}
 
/*----------- Page Heading -----------*/
.heading{text-align:center; margin-bottom:30px;}
.heading h2{font-size:36px; color:#111111; font-weight:bold; position:relative; margin-bottom:10px;}
.heading h5{font-size:24px; color:#8d8d8d; margin-bottom:17px;}
.seperater { position: relative; margin-top: 15px !important; width: 60px; margin:  0 auto 50px auto;}
.seperater:before {position: absolute; content: ''; left: 0px; top: 0px; width: 60px; height: 2px; background-color: #d7d7d7;}
.seperater:after {position: absolute; content: ''; left: 10px; top: 6px; width: 40px; height: 2px; background-color: #d7d7d7;}


/*--------------------------------------------------------------------------
							2.Index Page
--------------------------------------------------------------------------*/ 
 
/*----------------- Header -----------------*/
header{padding: 0px 0px 10px 0px; background: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 999;}
header .top-header{background: none; border-bottom: 1px solid rgba(255,255,255,0.2);}
header .top-info{text-align: right;}
header .top-header ul{padding: 0;}
header .top-header ul li{display: inline-block;	list-style: none;}
header .top-header ul li:last-child{}
header .top-header ul li a .fa{color: #ffffff; font-size: 12px;}
header .top-header ul li a{color:#ffffff; font-weight:300; padding:0 8px; font-size:11px; letter-spacing:1px; line-height:30px; font-family:Arial, Helvetica,sans-serif;}
header .top-header .social-top ul li a{display:block; width:23px; height:23px; background:#ffffff; border-radius:100%; margin-top:3px; text-align:center; padding:0;}
header .top-header .social-top ul li a i{color:#dd3418; padding-top:5px; display:block;}
header .top-header .social-top ul li a:hover i{color:#222222;}
.top-header ul li a:hover, .top-header ul li a:hover .fa{color:#ffe4df;}
.top-info ul li a .fa{margin-right: 7px;}
header .logo1{display: none;}

/*----------------- Navigation -----------------*/
.navbar{border-radius:0px; margin:0;}
.navbar-default{background:none; border:none; padding:10px 0px;}
.nav.navbar-nav{margin-top:17px;}
.navbar-brand{padding-top: 0px; padding-bottom: 0;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background:none; color:#fbb908; position: relative; font-weight: bold;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{color:#ffffff !important;}
.navbar-default .navbar-nav > li > a {color:#ffffff; text-transform:uppercase;}
.navbar-default .navbar-nav > li:last-child > a{margin:0 0 0 0;}
.navbar-fixed{z-index:99999; position: fixed; width:100%; top:0;  background: #ffffff; padding: 0 0 15px 0; -webkit-animation: fadeInDown 600ms; -moz-animation: fadeInDown 600ms; -ms-animation: fadeInDown 600ms; -o-animation: fadeInDown 600ms; animation: fadeInDown 600ms; -webkit-backface-visibility: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.navbar-fixed .navbar-nav > li.active > a{color: #000000 !important;}
.navbar-fixed .navbar-nav > li > a{color: #6d6d6d !important;}
.navbar-fixed  .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{background:none;	color: #fbb908 !important;}
.navbar-fixed .navbar-collapse.collapse{margin-top: 8px;}
.navbar-nav>li>.dropdown-menu a{display: block; padding: 8px 10px; color: #111111; font-size: 15px; border-bottom: 1px solid #e9e9e9; transition: all 300ms;}
.navbar-nav>li>.dropdown-menu a:hover{background: #fbb908; color: #111111;}
.navbar-nav>li>.dropdown-menu a:last-child{border-bottom: none; padding-bottom: 8px;}


/*----------------- Slider -----------------*/ 
.slider .title{position: absolute; top:230px; left: 100px; color: #ffff00; font-size: 48px; font-family: 'Lato', sans-serif; font-weight: 900;}
.slider .text{display: block; position: absolute; top:310px; left: 100px; color: #ffffff; width: 600px; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; font-size: 20px; font-weight: bold;}

/*----------------- Services -----------------*/ 
#get-quote{padding: 40px 0; background: url(../images/quote_bg_img.png)}
#get-quote .quote-msg h2{color: #ffffff; margin: 0; font-size: 28px; margin-top: 7px;}
#get-quote .quote-msg p{color: #ffffff; margin: 0; font-size: 16px; margin-top: 7px;}
#get-quote .quote-button{text-align: right;}
#get-quote .quote-button .btn{color: #000000; background: #fbb908; width: 180px; text-transform: uppercase; font-weight: bold; font-size: 15px; padding: 15px 20px; border-radius: 0; margin-top: 10px;}

/*----------------- Leader and Architectura -----------------*/ 
#leader-architure{padding: 60px 0 50px 0; background: #ffffff;}
#leader-architure .leader-panel h4{color: #fbb908; font-weight: bold; margin-bottom: 15px;}
#leader-architure .leader-panel h1{color: #000000; font-size: 30px; font-weight: bold;}
#leader-architure .leader-panel p{opacity: 0.8;}
#leader-architure .leader-panel ul li{font-size: 17px; font-weight: bold; margin: 10px 0;}
#leader-architure .leader-panel ul li i{color: #fbb908; margin-right: 10px;}
#leader-architure .architure-panel .architure-box .arch-image{margin-bottom: 20px;}
#leader-architure .architure-panel .architure-box .arch-image img{height: 200px; width: 100%;}
#leader-architure .architure-panel .architure-box .arch-text h3{font-size: 20px; font-weight: bold;}
#leader-architure .architure-panel .architure-box .arch-text p{opacity: 0.8;}

/*----------------- Project Experience -----------------*/ 
#project-experience{padding: 50px 0 20px 0; background: #f6f6f6;}
#project-experience .project-box{position: relative; margin: 15px 0;}
#project-experience .project-box p{position: absolute; margin: 0; padding: 15px; text-align: left; font-size: 16px; color: #ffffff; background: rgba(0,0,0,0.7); left: 0; bottom: 0; width: 100%; transition: all 300ms; font-weight: bold; z-index: 9;}
#project-experience .project-box .project-img-overlay{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;   text-align: left; padding: 15px 20px 15px 15px; vertical-align: middle; background: #dddddd; z-index: 999; transform: perspective(400px) rotateY(180deg); transition: all 900ms; opacity: 0;}
#project-experience .project-box .project-img-overlay .overlay-two-content{position: relative; display: block; vertical-align: middle;}
#project-experience .project-box .project-img-overlay .overlay-two-content h2{font-size: 20px; line-height: 24px;}
#project-experience .project-box .project-img-overlay .overlay-two-content .cont-text{font-size: 13px; margin-bottom: 15px;}
#project-experience .project-box .project-img-overlay .overlay-two-content a{color: #000000; font-weight:  bold;}
#project-experience .project-box:hover .project-img-overlay{transform: perspective(400px) rotateY(0deg); opacity: 1;}

/*----------------- Why Choose -----------------*/
#why-choose{padding: 20px 0 0 20; background: #ffffff;}
#why-choose .why-choose-area h2{color: #000000; font-size: 30px; font-weight: bold;}
#why-choose .why-choose-area p{opacity: 0.8;}
#why-choose .why-choose-area ul li{font-size: 16px; margin: 10px 0;}
#why-choose .why-choose-area ul li i{color: #fbb908; margin-right: 10px;}

/*----------------- Consult Expert -----------------*/
#consult-expert{background: url(../images/banner.jpg) right top no-repeat; background-size: cover;}
#consult-expert .consult-expert-form{padding: 50px 60px; background: #fbb908; margin-left: -15px;}
#consult-expert .consult-expert-form h4{color: #000000; font-size: 22px; margin-bottom: 20px;}
#consult-expert .consult-expert-form h2{color: #ffffff; font-size: 34px; font-weight: bold;}
#consult-expert .consult-expert-form p{color: #ffffff; font-size: 16px; font-weight: bold;}
#consult-expert .consult-expert-form input{border: 1px solid #ffffff; border-radius: 0; height: 44px; box-shadow: none;}
#consult-expert .consult-expert-form textarea{border: 1px solid #ffffff; border-radius: 0; height: 100px; text-align: left; box-shadow: none;}
#consult-expert .consult-expert-form select{height: 44px; border-radius: 0; border: 1px solid #ffffff;}
.submit-request{margin-top: 20px;}
.submit-request button{border: none; background: #222222; color: #ffffff; text-transform: uppercase; padding: 14px 30px;}
.submit-request li:last-child{color: #ffffff; margin-left: 20px; font-weight: bold;}

/*----------------- Client Section -----------------*/
#client-section{padding: 30px 0 20px 0; background: #f6f6f6;}

/*----------------- Footer -----------------*/   
footer{padding: 60px 0 40px 0; background: #000000;} 
footer .footer-inner .footer-heading{font-size: 20px; color: #ffffff; margin-bottom: 20px;} 
footer .footer-inner .contact-list{display: flex; font-size: 14px; margin-bottom: 15px;}
footer .footer-inner .contact-list .contact-icon{color: #fbb908; margin-right: 10px;}
footer .footer-inner .contact-list .contact-text{color: #e7e7e7;}
footer .footer-logo{margin-bottom: 15px;}
footer .footer-about p{color: #e7e7e7; font-size: 14px;}
footer .footer-links ul li{display: block; margin-bottom: 5px;}
footer .footer-links ul li a{color: #e7e7e7; font-size: 14px;}
footer .footer-links ul li a:hover{color: #fbb908;}
footer .footer-links ul li a i{margin-right: 5px;}
footer .footer-about .btn{background: #fbb908; border-color: #fbb908; color: #111111;}
.copyright-section{padding: 30px 0 30px 0; background: #000000; border-top: 1px solid #2c2c2c;}
.copyright-section .company-txt{font-size: 12px; color: #e7e7e7;}
.copyright-section .designed-company{font-size: 12px; color: #e7e7e7; text-align: right;}



/*--------------------------------------------------------------------------
							2.About Us Page
--------------------------------------------------------------------------*/ 
/*----------------- Page Banner -----------------*/  
#page-banner{padding: 200px 0; text-align: center;}
#page-banner h2{color: #ffffff; font-size: 70px; font-weight: bold;}
#about-us{padding: 60px 0; background: #ffffff;}
#about-us h2{font-size: 60px;}
#about-us h3{font-size: 30px;}
#about-us .about-service{margin: 30px 0;}
#about-us .about-service ul li{font-size: 18px; margin-top: 10px; margin-bottom: 10px; color: #00b0f0;}
#about-us .about-service p{line-height: 36px;}
#about-us ul.circle{padding-left: 15px;}
#about-us ul.circle li{list-style: disc; margin: 15px; font-size: 18px;}


/*--------------------------------------------------------------------
	Contact Us Page
--------------------------------------------------------------------*/
#contact-us{padding: 60px 0; background: #f5f5f5;}
#contact-us .contact-details .contact-point{width: 100%; display: block; margin-bottom: 40px; overflow: hidden;}
#contact-us .contact-details .contact-point .icon{float: left; width: 60px; height: 60px; border: 2px solid #e5e6e8; border-radius: 100%; text-align: center; line-height: 55px; color: #f50057; font-size: 22px;}
#contact-us .contact-details .contact-point .adrs-text{padding-left: 80px; padding-top: 5px;}
#contact-us .contact-details .contact-point .adrs-text h4{font-size: 19px; margin-bottom: 7px; font-weight: bold; color: #00b0f0;}
#contact-us .contact-details .contact-point .adrs-text p{font-size: 15px !important; margin: 0; line-height: 18px; font-weight: bold;}
#contact-us .contact-details .contact-form h2{font-size: 35px; margin-bottom: 15px;}
#contact-us .contact-details .contact-form p{font-size: 24px; margin-bottom: 25px; font-weight: 300;}
#contact-us .contact-details .contact-form label{font-weight: bold; color: #000000;}
#contact-us .contact-details .contact-form .form-control{box-shadow: none; border-radius: 0; height: 45px;}
#contact-us .contact-details .contact-form textarea.form-control{height: auto !important;}
#contact-us .contact-details .contact-form .btn.btn-warning {font-size: 17px; color: #ffffff; background: #00b0f0; width: 200px; padding-top: 12px; padding-bottom: 12px; text-transform: uppercase; border-radius: 0px; border: 1px solid #00b0f0;}

/*---------- Google Map ----------*/ 
.google-maps {position: relative; padding-bottom: 100%; height: 0; overflow: hidden; margin-top: 30px;}
.google-maps iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}

 
/*--------------------------------------------------------------------
	Product Page
--------------------------------------------------------------------*/
#tensile-product{padding: 50px 0;}
#tensile-product .product-desc h1{font-size: 30px; font-weight: bold;}
#tensile-product .product-desc p{font-size: 18px; line-height: 32px;}
#tensile-product .products-lists{margin: 30px 0 0 0;}
#tensile-product .products-lists ul li{margin: 20px 0 10px 0;}
#tensile-product .products-lists ul li .product-img{overflow: hidden;}
#tensile-product .products-lists ul li .product-img img{width: 100%; height: 270px;}
#tensile-product .all-services h2{font-size: 30px; font-weight: bold;}
#tensile-product .all-services ul li{margin-top: 5px; margin-bottom: 5px;}
#tensile-product .all-services ul li a{color: #212121;}
#tensile-product .about-us ul {margin-left: 15px;}
#tensile-product .about-us ul li{font-size: 18px; line-height: 32px; list-style: disc;}


/*--------------------------------------------------------------------
	Contact Us
--------------------------------------------------------------------*/
#contact-us{background: #ffffff; padding: 50px 0;}
#contact-us form{margin-top: 30px;}
#contact-us form .form-group label{font-weight: bold;}
#contact-us form .form-group .form-control{border-radius: 0;}
#contact-us form .form-group button[type="submit"]{background: #fbb908; color: #111111; width: 120px; text-align: center; padding: 10px 10px; text-transform: uppercase; border: 2px solid #fbb908; font-size: 14px; font-weight: bold; margin: 10px 0 0 0;}
#contact-us .contact-address h2{font-weight: bold;}
#contact-us .contact-address address{margin-bottom: 20px; font-size: 15px; line-height: 30px;}
#contact-map{margin-top: 20px;}
#contact-map .map-responsive {overflow:hidden; padding-bottom:26.25%; position:relative; height:0;}
#contact-map .map-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;}


/*--------------------------------------------------------------------
	Our Clients
--------------------------------------------------------------------*/
#our-clients{background: #ffffff; padding: 50px 0;}
#our-clients .client-gallery{padding: 20px 0;}