/*
Theme Name: Bildal Theme
Author: Abacus team
Author URI: https://wordpress.org/
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face {
font-family: ‘FrutigerLTStd-Black’;
src: url(‘fonts/Frutiger/FrutigerLTStd-Black.otf’);
url(‘fonts/Frutiger/FrutigerLTStd-Black.otf’) format(‘truetype’),
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: ‘FrutigerLTStd-Light’;
src: url(‘fonts/Frutiger/FrutigerLTStd-Light.otf’);
url(‘fonts/Frutiger/FrutigerLTStd-Light.otf’) format(‘truetype’),
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: ‘FrutigerLTStd-Roman’;
src: url(‘fonts/Frutiger/FrutigerLTStd-Roman.otf’);
url(‘fonts/Frutiger/FrutigerLTStd-Roman.otf’) format(‘truetype’),
font-weight: normal;
font-style: normal;
}
html{overflow-x:hidden;}
body{font-family: ‘FrutigerLTStd-Light’}
a, p, li, ul, label, span, h1, h2, h3, h4, h5, h6, b { padding: 0; margin: 0;}
a{ -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }
a:hover { text-decoration: none;}
a, a:focus { text-decoration: none; color: #333; }
p { font-size: 18px; line-height: 33px; text-align: left; margin: 0px 0 20px 0; color:#333333;}
/* Header */
div#header-bottom { padding: 15px 0;}
.c-form { width: 100%; text-transform:uppercase; height: 48px; border: none; margin-bottom: 30px !important; border-bottom: 1px solid #a6a7a9; padding: 10px 10px; border-radius: 2px; outline: none; letter-spacing: 0px; font-size: 14px; line-height: 30px; background: #f6f6f6; }
.send { padding: 3px 5px; font-size: 16px; color: #fff; line-height: 40px; letter-spacing: 0px; text-transform: uppercase; text-align: center; border: 1px solid #b3b3b3; display: block; width: 22%; margin-left: -15px; background: #006182; }
.send-1 { padding: 3px 5px; font-size: 16px; color: #fff; line-height: 40px; letter-spacing: 0px; text-transform: uppercase; text-align: center; border: 1px solid #b3b3b3; display: block; width: 22%; background: #006182; }
.cnt-form-msg { width: 100%; text-transform:uppercase; height: 90px; border: none; margin-bottom: 30px !important; border-bottom: 1px solid #a6a7a9; padding: 10px 10px; border-radius: 2px; outline: none; letter-spacing: 0px; font-size: 14px; line-height: 30px; background: #f6f6f6; }
ul#menu-top-menu { padding:0px 0; text-align:right; height: 50px; line-height: 50px; }
ul#menu-top-menu li {font-family:FrutigerLTStd-Roman;}
.site-branding { position: relative; line-height: 90px; }
ul.head-logo-inline { min-height: 2em; position: relative; top: 8px;}
.header-top-left-static p { font-size: 12px; line-height: 40px; letter-spacing: 1px;}
.header-top-left-static a { color:#fff; }
ul.head-logo-inline li { display:inline; list-style:none; }
div#header-right li { list-style: none; display: inline-block; color: #fff;position: relative; }
.header-menu { min-height: 60px; line-height: 4.5em; }
div#header-right { text-align: center; }
div#header-right li a { color: #000; display: block; font-size: 16px; font-weight: 500; padding: 0 10px; line-height: 28px; border-radius: 15px; transition: 0.3s ease; text-transform:unset; }
div#header-right li a:hover {color:#006182;}
div#header-right li ul {
display: none;
position: absolute;
top: 100%;
width: 230px;
text-align: left;
background: #fefefe;
box-shadow: 0 0 10px #00000024;
padding: 15px;
z-index: 99;
}
div#header-right li ul li {
display: block;
}
div#header-right li ul li a {
font-size: 14px;
padding: 12px 0;
line-height: normal;
border-bottom: 1px solid #ccc;
border-radius: initial;
font-weight: normal;
color: #333;
}
div#header-right li:hover ul{
display: block;
}
/* Header */
/* Banner */
.banner-area { }
.slider-section { display: table; width: 100%; }
.slider-text { display: table-cell; vertical-align: middle; padding: 150px 0; }
.slider-text h1 {
font-family:FrutigerLTStd-Black;color:#fff; text-align: left; line-height: 56px; font-size: 46px; text-transform: uppercase; font-weight: 700; letter-spacing: 4px; }
p.slide-info { text-align: center; font-weight: 700; font-size: 24px; text-transform: uppercase; margin: 10px 0; letter-spacing: 1px; line-height: 36px; color: #013195; }
p.slider-info { text-align: left; font-weight: normal; color:#fff; font-size: 18px; margin: 10px 0; letter-spacing: 1px; }
a.red-btn { padding: 5px 0px; font-size: 14px; color: #fff; line-height: 35px; letter-spacing: 1px; text-transform: uppercase; text-align: center; border: 2px solid #b3b3b3; margin-top: 25px; display: block; width: 35%; font-weight: 700;}
a.red-btn:hover {color:#006182; background:#fff; border-color:transparent;}
/* Banner */
/* About Us */
section.inner-1 {
padding: 120px 0;
}
.knw-btn { color: #006182; display: block; font-size: 14px; line-height: 28px; font-weight: 500; letter-spacing:1px; transition: 0.3s ease; margin: 25px 0; text-transform: uppercase; font-family: FrutigerLTStd-Roman; }
a.knw-btn:before { content: ”; width: 48%; height: 3px; background: #0061824a; position: absolute; bottom: 20px; transition: 0.5s; }
a.knw-btn:hover{ text-decoration: none; color: #006182; }
a.knw-btn:hover:before { background: #006182; }
a.knw-btn:after{ content: ”; width: 0px; left: 15px; background: #006182; bottom: 20px; height: 3px; position: absolute; transition: 0.5s; }
a.knw-btn:hover:after{width: 48%; transition: 0.5s;}
section.inner-1 h2 { font-family: FrutigerLTStd-Black; color: #111111; text-align: left; line-height: 56px; font-size: 46px; text-transform: uppercase; font-weight: 700; letter-spacing: 4px; }
section.inner-1 p { text-align: left; font-weight: normal; font-size: 16px; margin: 10px 0; line-height:30px; letter-spacing: 1px; }
section.inner-1 h3 { font-family: FrutigerLTStd-Roman; color: #111111; text-align: left; line-height: 50px; font-size: 30px; text-transform: unset; font-weight: 500; letter-spacing: 0px; }
/* About */
/* Why us Section */
.banner-text { vertical-align: middle; display: table-cell; height: 575px; padding:60px;}
a.int-btn { padding: 5px 10px; font-size: 14px; color: #fff; line-height: 40px; letter-spacing: 2px; text-transform: uppercase; text-align: center; border: 2px solid #fff; margin: 30px auto; display: block; width: 55%; }
.banner-text p { text-align: left; font-weight: normal; font-size: 16px; margin: 10px 0; line-height: 30px; letter-spacing: 1px; }
.banner-text h3 { font-family: FrutigerLTStd-Black; color: #111111; text-align: left; line-height: 56px; font-size: 46px; text-transform: uppercase; font-weight: 700; letter-spacing: 4px; }
.home-head h4 { font-size: 26px; color: #fff; text-transform:uppercase; letter-spacing: 1px; text-align:Center;}
.view-icon { width: 100%; float: left; text-align: center; margin-top: 30px; margin-bottom:30px; }
.view-icon .view-icon-img { margin: 0 auto; }
.view-icon p {color: #fff; }
.fa-2x { font-size:2em; color:#928e8e; margin:30px 0 30px 0; }
.view-icon-img .fa-2x { font-size:3em; color:#fff; margin:30px 0 30px 0;}
/* why us */
/* section 5 */
section.inner-bg { background: url(img/csr-bg.png); background-repeat: no-repeat; background-position: top center; padding: 0px 0; height: auto; background-size: 100%; }
section.inner-bg p { text-align: left; font-weight: normal; font-size: 16px; color:#e2e0e0; margin: 10px 0; line-height: 30px; letter-spacing: 1px;}
section.inner-bg a.int-btn { padding: 5px 10px; font-size: 14px; color: #fff; line-height: 40px; letter-spacing: 2px; text-transform: uppercase; text-align: center; border: 2px solid #fff; margin: 30px auto; display: block; width: 70%; }
.banner-text-1 { vertical-align: middle; display: table-cell; height: 530px; padding: 50px 30px; }
/* section 5 */
/* Footer */
.foter-top-1 { border-bottom: 1px solid #7d7d7d; }
p.foot-stay { color: rgba(245,245,245,0.78); font-size: 26px; text-align: right; margin-bottom:40px; }
.footer-top.col-md-10 { border-bottom: 1px solid #7d7d7d; }
ul.social-icons li { list-style: none; display: inline-block; padding: 0 12px 0 0 !important;}
.footer { padding: 0px 0px 0px; width: 100%; float: left;}
.footer-bottom { background: #111111; padding: 70px 0 10px; }
.last-bottom { background:#0A0A0A; padding:15px 0px; }
.last-bottom p { font-size:14px; margin-bottom:0px;}
.last-bottom p { color:#928e8e;}
footer.f-bottom { padding: 0px 0px 0px; width: 100%; float: left; }
.footer-title h3 {padding-bottom: 25px; color: #333; font-weight: bold; border: medium none; font-size: 18px; margin: 0; position: relative; text-transform: uppercase; color: #d8d7d7; letter-spacing: 1px; }
.footer-title ul li { line-height: 22px; border: none; padding: 7px 0 7px 0px; position: relative; list-style:none; color: #928e8e; font-size:16px; letter-spacing:0px; }
.footer-title ul li a { color: #928e8e; }
.footer-title ul li a:hover { color: #fff; }
.footer-title { margin-bottom: 50px; }
.web-link p { text-align:right !important; }
.web-link a { color:#928e8e; }
.web-link a:hover { color:#fff; }
/* footer end */
.bj-contact {
padding: 100px 0px 135px;
}
.bj-contact ul { padding: 0px; margin: 0px; list-style: none; }
.bj-contact ul li:first-child i{left:0px;}
.bj-contact ul li i { position: absolute; padding-top: 2px; color: #006182; font-size: 20px; left:-5px; }
.bj-contact ul li {padding-bottom: 15px; font-size: 17px; color: #333; padding-left: 26px; position: relative; display: block; margin-top: 4px; width: 28%; float: left;}
.bj-contact ul li:first-child {width:42%;}
.product-text { width: 50%; float: left; padding: 20px 0px 0px 20px; position: relative; top: 30%; }
.product-img { top: 25%; position:relative; }
.product-text p { text-align: left; font-size: 16px; text-transform: uppercase; margin:0px 0px 0px 0px;font-weight: 700; letter-spacing: 1px; color:#111111; }
.product-text h3 { text-align: left; font-size: 22px; font-weight: 700; letter-spacing: 1px; color:#111111; }
.product-text a.red-btn { padding: 2px 10px; font-size: 14px; color: #fff; line-height: 40px; letter-spacing: 1px; text-transform: uppercase; border: 1px solid #b3b3b3; margin: 0px; width: 40%; margin-top: 25px; background: #013195; }
.product-bg-1 { background: url(img/products-bubble.png); background-repeat: no-repeat; height: 330px; width:100%; background-position: top center; padding: 0px 15px 0px 30px; }
.inner-2 .product-text { width: 38%; float: left; padding: 10px 0px 0px 10px; position: relative; top: 15%; }
.inner-2 .product-text a.red-btn { padding: 3px 3px; font-size: 14px; color: #fff; line-height: 40px; letter-spacing: 1px; text-transform: uppercase; border: 1px solid #b3b3b3; margin: 0px; width: 85%; margin-top: 25px; background: #013195; }
.inner-2 .product-img { top: 13%; }
section.inner-2 { padding: 35px 10px 0px; }
.product-bg-2 { background: url(img/product-bg-ban.png); background-repeat: no-repeat; height: 630px; background-position: top center; }
.product-img-2 { position: relative; left: 25%; top: 5%; }
.product-text-2 p { text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px;
color: #111111; }
.product-text-2 h3 { text-align: center; font-size: 22px; font-weight: 700; letter-spacing: 1px; color: #111111; }
.product-text-2 { margin:50px 0; }
a.red-btn-2 { padding: 3px 3px; font-size: 14px; color: #fff; line-height: 40px; letter-spacing: 1px; text-transform: uppercase; text-align: center; border: 1px solid #b3b3b3; margin: 30px auto; display: block; width: 30%; background: #013195;}
.internal-banner { width: 100%; height: 420px; float: left; }
.breadcrumbs { width: 100%; float: left; background: #006182; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); padding: 15px 0; color: #fff; letter-spacing: 0.5px; font-weight: 400; text-transform: uppercase; font-size: 12px; }
.breadcrumbs a{ color:#fff; }
h1.vc_custom_heading.space { text-transform: uppercase; margin: 25px 0 40px 0; font-size: 30px; letter-spacing: 1px; font-weight: 600; }
.bildal-layout {width:100%; float:left;}
.dealer-f { padding: 30px; background: #F2F0F0;}
.d-form { width: 100%; height: 48px; border: none; margin-bottom: 30px !important; padding: 10px 10px; border-radius: 2px; outline: none; letter-spacing: 0px; font-size: 16px; font-weight:bold; line-height: 30px; background: #ffff; }
.header-top-right ul li a{color:#fff;}
.customer-support { background: linear-gradient(-90deg,#013195f5, #7a7ef2); padding: 30px 30px 50px; color: #fff; }
h3.main-heading { text-transform: uppercase; margin: 25px 0 40px 0; font-size: 30px; letter-spacing: 1px; margin-left:50px; font-weight: 600; }
ul.list-item li {list-style:none; display:inline-block;}
ul.list-item li a {display: inline-block; color: #fff; font-size: 25px; padding: 0px 15px 0 50px; position: relative;}
ul.list-item li i {margin-right:15px;}
.top-nav {
float: right;
height: auto;
width: 100%;
text-align: right;
padding: 0;
margin: 0;
margin-bottom: -5px;
}
.top-nav ul#menu-short-menu { height: 40px; line-height:20px; padding-top: 0; text-align:right; }
.top-nav ul {
border-bottom: solid 1px #e8e8e8;
display: inline-block;
height: 55px;
}
.top-nav ul li:nth-child(1) {
padding-right: 22px;
}
.top-nav ul#menu-short-menu li { font-size: 12px; text-transform: uppercase; font-weight: 700; }
.top-nav ul#menu-short-menu > li a { color: #006182; display: block; font-size: 14px; padding: 0 14px; line-height: 28px; font-weight:700; transition: 0.3s ease; text-transform:uppercase; }
div#header-right li i {
position: absolute;
left: -11px;
top: 7px;
color: #006182;
}
.top-nav ul#menu-short-menu > li a:hover {color:#000;}
ul#menu-short-menu a { padding-top: 0px; padding-bottom: 5px; }
ul#menu-short-menu:after { content: “”; background: #ebebeb; height: 1px; width: 42%; display: block; position: absolute; left: 54%; top: 60%; }
ul#menu-top-menu li.current-menu-item > a { color: #006182 !important; }
ul#menu-short-menu li.current-menu-item > a { color: #000 !important; }
.welcome-pic:before { content: ”; background: #006182; width: 420px; height: 320px; position: absolute; left: 26%; z-index: -1; bottom: 42%; }
section.products .container { width:100%; padding:0; background:#f5f5f5; }
.col-md-6.bg-1 { background: #f5f5f5; }
.knw-btn-2 { color: #006182; display: block; position:relative; font-size: 14px; line-height: 28px; font-weight: 500; letter-spacing:1px; transition: 0.3s ease; margin: 25px 0; text-transform: uppercase; font-family: FrutigerLTStd-Roman; }
a.knw-btn-2:before { content: ”; width: 50%; height: 3px; background: #0061824a; position: absolute; top:35px; transition: 0.5s; }
a.knw-btn-2:hover{ text-decoration: none; color: #006182; }
a.knw-btn-2:hover:before { background: #006182; }
a.knw-btn-2:after{ content: ”; width: 0px; left: 0px; background: #006182; top:35px; height: 3px; position: absolute; transition: 0.5s; }
a.knw-btn-2:hover:after{width: 50%; transition: 0.5s;}
.knw-btn-2 i
{
margin-left:10px;
}
section.products .col-md-6.bg-2 { background: url(img/product-bg.png); background-repeat: no-repeat; height: 600px; background-position:bottom center; }
.banner-text-1 h3
{
font-family: FrutigerLTStd-Black;
color: #fff;
text-align: left;
line-height: 46px;
font-size: 36px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 4px;
margin: 0 0px 30px 0;
}
.knw-btn-3 {
color: #fff;
display: block;
font-size: 14px;
line-height: 28px;
font-weight: 500;
letter-spacing: 1px;
transition: 0.3s ease;
margin: 25px 0;
text-transform: uppercase;
font-family: FrutigerLTStd-Roman;
}
a.knw-btn-3:before { content: ”; width: 50%; height: 3px; background: #0061824a; position: absolute; bottom: 18.5%; transition: 0.5s; }
a.knw-btn-3:hover{ text-decoration: none; color: #006182; }
a.knw-btn-3:hover:before { background: #006182; }
a.knw-btn-3:after{ content: ”; width: 0px; left: 45px; background: #006182; bottom: 18.5%; height: 3px; position: absolute; transition: 0.5s; }
a.knw-btn-3:hover:after{width: 50%; transition: 0.5s;}
.knw-btn-3 i {
margin-left: 10px;
}
.col-md-5.r-bg
{
background: url(img/r-bg.png);
padding: 35px 50px 20px;
margin-left: 0px;
color:#fff;
}
.col-md-5.q-bg {
background: url(img/quality-bg.png);
padding: 35px 50px 20px;
margin-right: 15px;
color:#fff;
}
section.inner-2 {
padding: 90px 0;
}
section.inner-2 p
{
font-size: 18px;
line-height: 33px;
text-align: left;
letter-spacing: 0px;
margin: 0px 0 16px 0;
color:#fff;
}
section.inner-2 h2 {
font-family: FrutigerLTStd-Black;
color: #fff;
text-align: left;
line-height: 46px;
font-size: 36px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 4px;
margin:0 0px 10px 0;
}
section.inner-2 ul {
margin: 0;
padding: 0 0 0 20px;
}
section.inner-2 ul li {
font-size: 17px;
line-height: 30px;
}
.knw-btn-4 {
color: #fff;
display: block;
font-size: 14px;
line-height: 28px;
font-weight: 500;
letter-spacing: 1px;
transition: 0.3s ease;
margin: 25px 0;
text-transform: uppercase;
font-family: FrutigerLTStd-Roman;
}
a.knw-btn-4:before { content: ”; width: 23%; height: 3px; background: #dadcdc4a; position: absolute; bottom: 30px; transition: 0.5s; }
a.knw-btn-4:hover{ text-decoration: none; color: #fff; }
a.knw-btn-4:hover:before { background: #fff; }
a.knw-btn-4:after{ content: ”; width: 0px; left: 50px; background: #fff; bottom: 30px; height: 3px; position: absolute; transition: 0.5s; }
a.knw-btn-4:hover:after{width: 23%; transition: 0.5s;}
.clients-logo ul li {
width: 95%;
background: #fff;
text-align: center;
padding: 12px 0px;
border: solid 1px #dcdcdc;
border-radius: 1px;
display: block;
}
.clients-area
{
padding: 70px 0 40px;
}
.clients-logo .fa-chevron-left:before {
content: “\f053”;
position: absolute;
padding: 4px 9px;
border-radius: 100%;
left: -5%;
top: 25%;
transition: 0.5s;
color: #cac1c1;
font-size: 24px;
font-weight: 400;
}
.clients-logo .fa-chevron-right:before
{
content: “\f054″;
position: absolute;
padding: 4px 9px;
border-radius: 100%;
left: 101%;
top: 25%;
transition: 0.5s;
color: #cac1c1;
font-size: 24px;
font-weight: 400;
}
.inner-banner {
width: 100%;
float: left;
background: #e4e4e4;
padding: 48px 0;
background-size:cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
z-index: 1;
}
.inner-banner:before {
content: ”;
width: 100%;
height: 100%;
position: absolute;
background: #00618154;
top: 0;
z-index: -1;
}
.inner-banner h2 {
font-family: FrutigerLTStd-Black;
font-size: 30px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 12px;
color: #fff;
}
.breadcrumbs-inner {
float: left;
color: #fff;
}
.breadcrumbs-inner a
{
font-size: 13px;
color: #fff;
line-height: 28px;
font-weight: 500;
letter-spacing: 2px;
transition: 0.3s ease;
margin: 0;
text-transform: uppercase;
font-family: FrutigerLTStd-Roman;
}
i.fa.fa-chevron-right {
font-size: 10px;
}
.breadcrumbs-inner ul {
list-style: none;
}
.breadcrumbs-inner ul li {
display: inline-block;
}
i.fa.fa-facebook.fa-2x:hover
{
color:#3B5998;
}
i.fa.fa-twitter.fa-2x:hover
{
color:#28AAE1;
}
i.fa.fa-linkedin.fa-2x:hover
{
color:#225982;
}
.inner-tab-nav li:first-child {
padding-left: 0px;
}
.inner-tab-nav li {
width: auto;
display: inline-block;
padding: 70px 40px 70px;
font-size: 24px;
color: #333333;
}
.inner-tab-nav {
margin: 0px;
padding: 0px;
text-align: center;
}
.inner-page-tabs {
border-bottom: 1px solid transparent;
background:#f4f0eb !important;
width: 100%;
height: auto;
margin-bottom: 0px;
}
.inner-tab-nav li.current-menu-item > a
{
border-bottom: 2px solid #006182;
color:#006182 !important;
}
.inner-tab-nav li a {
color: #333;
border-bottom: 2px solid transparent;
padding-bottom: 14px;
text-transform:uppercase;
}
.inner-tab-nav li a:hover
{
color:#006182 !important;
border-bottom: 2px solid #006182;
}
.product-content h2 {
font-family: FrutigerLTStd-Black;
color: #333333;
text-align: left;
line-height: 56px;
font-size: 30px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 12px;
}
.product-content h3 {
font-family: FrutigerLTStd-Black;
color: #006181;
text-align: left;
font-size: 24px;
margin-bottom: 14px;
}
.product-content h4 {
font-family: FrutigerLTStd-Black;
color: #2d2d2d;
text-align: left;
font-size: 18px;
margin-bottom: 8px;
margin-top: 24px;
}
.product-content p {
font-size: 17px;
line-height: 30px;
}
.product-content ul{
margin: 0 0 0 20px;
}
.product-content ul li{
font-size: 17px;
line-height: 30px;
}
.product-content table {
width: 100%;
border: 1px solid #ccc;
margin-top: 30px;
}
.product-content table tr th {
padding: 10px;
font-weight: normal;
font-family: ‘FrutigerLTStd-Black’;
border: 1px solid #ccc;
}
.product-content table tr td {
padding: 10px;
border: 1px solid #ccc;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
margin-top: 50px;
}