File: /var/www/html/pmw24/wp-content/themes/PunjabMotor/assets/css/style.css
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
body {
padding: 0px 0px;
margin: 0px;
font-weight: 400;
font-size: 14px;
line-height: 21px;
color: #6a6a6a;
font-family: 'Open Sans', sans-serif;
}
#topcontrol {
background: url(../images/up.png) no-repeat;
width: 48px;
height: 48px;
}
.clear {
font-size: 0px;
line-height: 0px;
clear: both;
}
a:hover, a:focus {
outline: none;
text-decoration: none;
}
*, *::before, *::after {
outline: none !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
@font-face {
font-family: 'palabi';
src: url('../fonts/fonts/palabi.eot');
src: url('../fonts/palabi.eot') format('embedded-opentype'), url('../fonts/palabi.woff2') format('woff2'), url('../fonts/palabi.woff') format('woff'), url('../fonts/palabi.ttf') format('truetype'), url('../fonts/palabi.svg#palabi') format('svg');
}
/*header*/
header {
position: relative;
}
.donations-box {
box-shadow: 0 5px 1px #000;
left: -5%;
margin: 0;
padding: 0;
position: fixed;
top: 80%;
transform: rotate(-90deg);
z-index: 99999;
}
.donations-box a {
background: #e95800 none repeat scroll 0 0;
color: #fff;
font-size: 20px;
margin: 0;
padding: 10px 25px;
text-align: center;
}
.donations-box a:hover {
background: #2b83d5 none repeat scroll 0 0;
}
.sosal-midya {
padding: 0;
margin: 0;
position: fixed;
top: 67%;
right: 0;
z-index: 99999;
}
.sosal-midya ul {
padding: 0;
margin: 0;
}
.sosal-midya ul li {
padding: 0;
margin: 5px 0;
list-style: none;
}
.top_part {
margin: 0 auto;
padding: 0;
width: 100%;
}
.logobox {
padding: 0;
margin: 0 auto;
width: 122px;
float: left;
}
.logobox img {
padding: 0;
margin: 0 auto;
width: 100%;
}
.nav-section {
margin: 0 auto;
padding: 20px 0 0;
width: 100%;
}
.bannersection {
padding: 0;
margin: 0 auto;
width: 100%;
position: relative;
}
.bannersection img {
width: 100%;
padding: 0;
margin: 0 auto;
}
.sosal_box {
float: right;
margin: 0 auto;
padding: 0 50px 0 0;
}
.sosal_box a {
border: 1px solid #999999;
border-radius: 3px;
color: #999999;
display: inline-block;
font-size: 17px;
height: 24px;
line-height: 21px;
list-style: outside none none;
margin: 0;
padding: 0;
text-align: center;
transition: all 0.5s ease 0s;
width: 24px;
}
.sosal_box a:hover {
border: 1px solid #239f93;
color: #239f93;
transform: scale(1.2);
transition: all 0.5s ease 0s;
}
.servicebox {
float: right;
margin: 0 auto;
padding: 0;
}
.socialbox {
margin: 0 auto;
padding: 21px 0 18px;
background: url(../images/img_1.png) no-repeat right bottom;
}
.servicebox p {
padding: 0;
margin: 0;
color: #000000;
font-size: 17px;
}
.servicebox p span {
padding: 0;
margin: 0 0 0 10px;
}
.servicebox p a {
color: #000000;
}
.servicebox p a:hover {
color: #239f93;
}
.bannerbox h1 {
padding: 0;
margin: 0;
color: #000000;
font-size: 36px;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
width: 43%;
}
.services_panel {
background: #f7cb53;
padding: 32px 0;
}
.services_box {
border: #c6a242 solid 1px;
text-align: center;
padding: 17px 0 47px 0;
margin: 15px 0;
}
.services_box h3 {
padding: 0;
margin: 0;
color: #000000;
font-size: 16px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
.welcome_panel {
background: #fff6e8;
padding-bottom: 50px;
}
.welcome_l {
padding: 105px 0 0 98px;
width: 50%;
float: left;
}
.welcome_l span {
display: block;
color: #323232;
font-size: 30px;
font-family: 'palabi';
font-weight: normal;
}
.welcome_l h2 {
padding: 5px 0 0 0;
margin: 0 0 40px 0;
color: #f7cb53;
font-size: 40px;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
position: relative;
}
.welcome_l h2:after {
position: absolute;
bottom: -17px;
left: 0;
width: 44px;
height: 2px;
content: "";
background: #000;
}
.welcome_l p {
padding: 0 20px 0 0;
margin: 0;
color: #4c4c4c;
font-size: 17px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
line-height: 24px;
}
.welcome_l a {
padding: 11px 30px;
margin: 28px 0 0 0;
background: #f7cb53;
font-size: 17px;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
color: #000;
text-transform: uppercase;
display: inline-block;
}
.welcome_l a:hover {
background: #000;
color: #f7cb53;
}
.welcome_right {
width: 50%;
float: right;
}
.welcome_right img {
width: 100%;
}
.provied_panel {
padding: 80px 0 90px 0;
}
.provied_box {
border: #f7cb55 solid 1px;
}
.provied_box_inner {
padding: 25px 35px 34px 35px;
border: #fffaeb solid 3px;
background: #fffaeb;
text-align: center;
}
.provied_box_inner h3 {
padding: 10px 0 26px 0;
margin: 0;
color: #3c3c3c;
font-size: 20px;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
}
.provied_box_inner p {
padding: 0 0 26px 0;
margin: 0;
color: #6e6e6e;
font-size: 15px;
min-height: 125px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.provied_box_inner a {
padding: 10px 30px;
margin: 0;
display: inline-block;
color: #000000;
font-size: 15px;
font-family: 'palabi';
background: #f7cb53;
}
.provied_box .provied_box_inner {
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.provied_box:hover .provied_box_inner {
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.provied_box .provied_box_inner .provied_img2 {
display: none;
}
.provied_box .provied_box_inner .provied_img1 {
display: inline-block;
}
.provied_box:hover .provied_box_inner .provied_img2 {
display: inline-block;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.provied_box:hover .provied_box_inner .provied_img1 {
display: none;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.provied_box:hover .provied_box_inner {
border: 3px solid #fff;
background: #f7cb53;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.provied_box:hover .provied_box_inner a {
background: #4a3d19;
color: #fff;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.provied_box:hover .provied_box_inner h3, .provied_box:hover .provied_box_inner p {
color: #fff;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.brands_panel {
background: #fffaeb;
padding: 85px 0 80px 0;
}
.brands_panel h2 {
padding: 0 0 28px 0;
margin: 0 0 35px 0;
text-align: center;
text-transform: uppercase;
font-size: 30px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
color: #181818;
position: relative;
}
.brands_panel h2:before {
background: #dbd8cf;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
content: "";
}
.brands_panel h2:after {
position: absolute;
bottom: -1px;
left: 0;
right: 0;
margin: 0 auto;
background: #f7cb53;
width: 44px;
height: 3px;
content: "";
}
.item .brands_box {
text-align: center;
width: 100%;
vertical-align: middle;
}
.owl-carousel .owl-item img {
width: auto!important;
}
.owl-nav {
display: none;
}
.handel_panel {
padding: 70px 0 88px 0;
}
.handel_panel h2 {
padding: 0 0 28px 0;
margin: 0 0 20px 0;
text-align: center;
text-transform: uppercase;
font-size: 30px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
color: #181818;
position: relative;
}
.handel_panel h2:before {
background: #dbd8cf;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
content: "";
}
.handel_panel h2:after {
position: absolute;
bottom: -1px;
left: 0;
right: 0;
margin: 0 auto;
background: #f7cb53;
width: 44px;
height: 3px;
content: "";
}
.handel_box {
text-align: center;
}
.handel_box h3 {
padding: 18px 0 0 0;
margin: 0;
color: #eebb2f;
font-size: 16px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
.footer {
position: relative;
overflow: hidden;
}
.address {
/*position: absolute;
top: 0;
left: 0;*/
background: rgba(255,250,235,0.9);
width: 45%;
padding: 60px 0 30px 90px;
float: left;
}
.map_section{float: right; width: 55%;line-height: 0;}
.address_box {
padding: 0 0 32px 0;
}
.address_box span {
display: block;
color: #eebb2f;
font-size: 16px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
}
.address_box p {
padding: 7px 0 0 0;
margin: 0;
color: #000000;
font-size: 16px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.address_box p a {
color: #000000;
}
.footer_bottom {
background: #f7cb53;
padding: 11px 0;
}
.footer_l ul {
padding: 0;
margin: 0;
list-style: none;
}
.footer_l ul li {
padding: 0 14px;
float: left;
}
.footer_l ul li a {
color: #000;
font-size: 15px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.footer_l ul li:nth-child(1) {
padding-left: 0;
}
.footer_r p {
padding: 0;
margin: 0;
color: #000000;
font-size: 14px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
text-align: right;
}
.inner_banner img {
width: 100%;
}
.inner_heading {
background: #f7cb53;
padding: 15px 0;
}
.inner_heading h2 {
padding: 0;
margin: 0;
color: #1e1e1e;
font-size: 30px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.inner_body {
padding: 50px 0;
min-height: 550px;
}
.about_l p {
padding: 0 0 20px 0;
margin: 0;
color: #4c4c4c;
font-size: 17px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
line-height: 24px;
}
.about_r {
border: 3px solid #ccc;
padding: 5px;
}
.about_r img {
width: 100%;
}
.contact-right {
border-left: 1px solid #ccc;
}
.contact-left p {
padding: 7px 0 15px 0;
margin: 0;
color: #000000;
font-size: 16px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
line-height: 24px;
}
.contact-left p a {
color: #000000;
font-size: 16px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
}
.contact-left span {
color: #e4ac15;
font-weight: 400;
padding-right: 10px;
width: 150px;
font-size: 18px;
text-transform: uppercase;
display: block;
padding-bottom: 5px;
font-family: 'Open Sans', sans-serif;
}
.contact_map {
margin: 30px 0 0 0;
height: 300px;
border-top: 1px solid #ccc;
padding: 15px 0 0 0;
}
.contact_message {
width: 100%;
border: 1px solid #ccc;
padding: 10px;
}
.form-group input {
border-radius: 0;
border: 1px solid #ccc;
box-shadow: none;
padding: 18px;
position: relative;
}
.form-group label {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
text-transform: uppercase;
text-align: left;
display: block;
font-weight: 600;
color: #000;
}
.radiobtn{
display: table-cell !important;
padding-right: 14px;
}
.star{
color: #f00;
font-size: 6px;
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.contact_button {
padding: 9px 35px;
background: #f7cb53;
color: #fff;
border: 0;
border-radius: 0;
transition: .3s all ease-in;
}
.contact_button:focus {
background: #f7cb53;
transition: .3s all ease-in;
color: #fff;
}
.contact_button:hover {
background: #000;
transition: .3s all ease-in;
color: #fff;
}
div.wpcf7-mail-sent-ng, div.wpcf7-aborted {
border: 2px solid #ff0000;
color: #ff0000;
}
.wpcf7-form label span {
color: #ff0000 !important;
}
#service {
border: 1px dashed #f7cb53;
margin: 21px 0;
padding: 21px;
}
#service .imgbox {
margin: 0 28px;
background: #f7cb53;
max-width: 300px;
}
#service .imgbox img {
width: 100%;
}
.entry-content .imgbox {
float: right;
margin: 0 28px;
max-width: 300px;
}
.entry-content:after,
.entry-content:before {
display: block;
clear: both;
padding: 0;
margin: 0;
content: "";
}
.entry-content .imgbox img {
width: 100%;
}
#service .imgbox:hover {
background: #61bfc4;
}
#service .btn.btn-default {
background: #f7cb53;
color: #000;
border-radius: 0px;
}
#service .conbox h2 {
text-transform: uppercase;
color: #000;
}
#service .conbox {
float: right;
width: 64%;
}
#breadcrumbs {
background: none;
padding: 0;
margin: 0 0;
}
#breadcrumbs a {
color: #61bfc4;
font-weight: 700;
}
.single-our-service .entry-header {
display: none;
}
.single-our-service .lightbox {
border: 1px solid #eee;
float: right;
margin: 0 0 0 15px;
}
.company-address {
width: 33%;
}
.archive #service img {
float: left;
margin: 0 21px 0 0;
}
.archive #service .imgbox {
background: #f7cb53;
border: none;
}
.archive #service .imgbox img {
float: left;
margin: 0 21px 0 0;
border: 1px solid #eee;
background: #f7cb53;
}
.archive #service .imgbox img:hover {
background: #61bfc4;
}
#breadcrumbs li.item-home a {
color: #000;
}
#breadcrumbs a {
color: #000;
font-weight: 700;
}
.breadcrumb > li + li::before {
color: #000;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
border: 2px solid red;
color: red;
}
.login-box-body{
background: #fff;
padding: 20px;
border-top: 0;
color: #666;
}
#menu-footernav li.current_page_item a{color: #14877d;}
/*.has-feedback .form-control{width: 50%;}*/
.staff_form{text-align: center;}
.error{color: red;}
.staff_form form {display: inline-block; width: 32%; border: 1px solid #ccc; border-radius: 5px; padding: 15px; margin-top: 5%;}
@media (min-width: 768px) {
#sticky-wrap.stickyhead {
position: fixed;
top: 0;
right: 0;
left: 0;
background: #fff;
box-shadow: 0 0 10px rgb(236, 223, 223);
padding: 4px 0px;
transition-duration: 0.5s;
z-index: 999;
}
}
div.wpcf7-response-output {
text-align: center;
margin: 0;
clear: both;
overflow: hidden;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted{
background: #8e1f1f;
border: 2px solid #f00;
color: #fff;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
background: #1f5806;
color: #fff;
}
.log_sign{
float: right;
padding-right: 27px;
}
.log_sign .login{
padding: 10px 30px;
margin: 0;
display: inline-block;
color: #000000;
font-size: 15px;
font-family: 'palabi';
background: #f7cb53;
border: none;
}
.log_sign .sign{
padding: 10px 30px;
margin: 0;
display: inline-block;
color: #ffffff;
font-size: 15px;
font-family: 'palabi';
background: #000000;
border: none;
margin-right: 7px;
}
.modal {
z-index: 99999;
}
.login_submit{
padding: 11px 32px;
margin: 0;
display: inline-block;
color: #000000;
font-size: 17px;
font-family: 'palabi';
background: #f7cb53;
border: none;
margin-top: 20px;
}
.logincontent{
position: relative;
padding: 39px 80px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.logincontent h3{
color: #000;
}
.modal-dialoglog {
width: 60%;
margin: 99px auto;
}
.signUpcontent{
padding: 39px 40px;
margin: 0 auto;
text-align: center;
}
.signUpcontent h3{
color: #000;
}
.sign_dialog{
width: 60%;
}
.radio-inlinele{
float: left;
padding: 0 38px;
}
.cty{
float: left;
}
.sign_dialog .close {
float: right;
font-size: 23px;
font-weight: bold;
line-height: 1;
color: #fff;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: 1;
position: absolute;
right: 13px;
top: 44px;
z-index: 99;
background: #000;
padding: 5px;
border-radius: 25px;
height: 35px;
width: 35px;
}
.model-dialoglog .close {
float: right;
font-size: 23px;
font-weight: bold;
line-height: 1;
color: #fff;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: 1;
position: absolute;
right: 13px;
top: 44px;
z-index: 99;
background: #000;
padding: 5px;
border-radius: 25px;
height: 35px;
width: 35px;
}
.sign_dialog .modal-header {
border-bottom: none;
}
.model-dialoglog .modal-header {
border-bottom: none;
}
#myloginModal{
padding-right: 0;
}
.customer_type_cls{
margin-right: 10px !important;
}
em.form_validation_error{
color: #f00;
font-size: 13px;
text-align: left;
position: absolute;
left: 14px;
}