html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
a:hover {
transition: all 0.4s ease-in-out;
}
html {
transition: .3s;
scroll-behavior: smooth;
}
.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus):first-letter, .wp-block-button.is-style-outline, strong a {
color: #0013f5 !important;
} .border-btn {
background: transparent;
display: inline-block;
font-family: 'Montserrat-Regular';
color: #000000;
font-size: 14px;
text-transform: uppercase;
padding: 7px 30px;
text-align: center;
border: 2px solid #0000f5;
line-height: 30px;
cursor: pointer;
}
.border-btn:hover {
background: #0000f5;
text-decoration: none;
color: #fff;
}
.banner-btn {
display: inline-block;
color: #fff;
background: #000000;
font-family: 'Montserrat-Black';
font-size: 13px;
text-transform: uppercase;
padding: 9px 9px;
text-align: center;
letter-spacing: 1px;
vertical-align: middle;
cursor: pointer;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.banner-btn:hover {
background: #fff;
color: #10111b;
}
.blue-btn {
display: inline-block;
background: #0013f5 url(//www.teamnutztechnology.com/wp-content/themes/team-nuts/images/instagram-field-icon.png) no-repeat center left 30px;
color: #fff;
padding: 24px 30px 24px 93px;
font-size: 24px;
font-family: 'Montserrat-Regular';
}
.blue-btn:hover {
background: #000 url(//www.teamnutztechnology.com/wp-content/themes/team-nuts/images/instagram-field-icon.png) no-repeat center left 30px;
color: #fff;
}
h1 {
font-family: 'Montserrat-Bold';
font-size: 60px;
color: #383838;
letter-spacing: 2px;
line-height: 61px;
text-transform: uppercase;
margin-bottom: 20px;
}
h2 {
display: inline-block;
font-family: 'Montserrat-Bold';
font-size: 80px;
line-height: 80px;
color: #0013f5;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 40px;
}
h2 span {
display: block;
font-size: 18px;
}
h3 {
display: block;
font-family: 'Montserrat-Bold';
font-size: 48px;
color: #0000f5;
letter-spacing: 2px;
line-height: 54px;
text-transform: uppercase;
margin-bottom: 20px;
}
h4 {
display: block;
font-family: 'Montserrat-Bold';
font-size: 28px;
color: #000000;
line-height: 36px;
text-transform: uppercase;
margin-bottom: 20px;
}
h4 span {
font-family: 'Montserrat-Regular';
font-size: 18px;
color: #000;
}
h5 {
font-family: 'Montserrat-Black';
font-size: 24px;
color: #7e7e7e;
line-height: 38px;
margin-bottom: 20px;
}
h6 {
font-family: 'Montserrat-Bold';
font-size: 14px;
color: #000000;
line-height: 24px;
margin-bottom: 4px;
}
.padding0 {
padding: 0 !important;
}
.alignleft {
float: left;
margin: 0 10px 10px 0;
}
.alignright {
float: right;
margin: 0 0px 10px 10px;
}
.right-side-btn {
position: fixed;
top: 440px;
right: -250px;
z-index: 130;
transform: rotate(270deg);
}
.right-side-btn.left {
right: inherit;
left: -105px;
}
.right-side-btn.left a {
border-radius: 0 0 5px 5px;
}
.margin-btm {
margin-bottom: 40px !important;
}
.margn-tb{
margin:45px 0 60px;
}
.color-black {
color: #000 !important;
}
.contact-area.gift-div {
padding: 0 120px;
}
.contact-area.gift-div .gform_wrapper {
margin-bottom: 0;
margin-top: 0; }
.page-id-592 .col-md-12.twele-full-width .auto-tab-img img {
height: 430px !important;
object-fit: cover;
object-position: top;
}
.page-id-592 .col-md-12.twele-full-width {
padding: 0;
} .header {
float: left;
width: 100%;
position: absolute;
z-index: 120;
}
.top-bar {
display: block;
background: #000;
text-align: center;
position: fixed;
padding: 12px 0;
left: 0;
right: 0;
z-index: 1;
}
.top-bar ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.top-bar li {
display: inline-block;
color: #afb1b8;
font-size: 18px;
font-family: 'Montserrat-Regular';
}
.top-bar li a {
color: #fff;
}
.top-bar li a img {
display: none;
}
.top-bar li a:hover {
color: #afb1b8;
}
.top-bar li:nth-child(1) {
float: left;
}
.top-bar li:nth-child(3) {
float: right;
}
.header-btm {
padding: 10px 35px;
float: left;
width: 100%;
position: absolute;
top: 70px;
}
.logo {
float: left;
}
.right-side-btn.responsive {
right: inherit;
left: 0;
transform: rotate(270deg) translateY(-102px);
top: 330px;
display: none;
}
.main-nav {
float: right;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
opacity: 1 !important;
transform: translate(0, 0) !important;
visibility: visible;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.main-menu-open {
pointer-events: none;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.main-menu-open > a.mega-menu-link {
background: none;
display: block;
pointer-events: none;
font: 180px 'AvenirNextLTPro-Regular';
color: #1a1a1a;
-webkit-text-fill-color: #1a1a1a;
-webkit-text-stroke-width: 6px;
-webkit-text-stroke-color: black;
text-transform: uppercase;
letter-spacing: 33px;
text-align: center;
height: auto;
margin-bottom: -50px;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.main-menu-open > a.mega-menu-link span:after {
display: none;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
position: relative !important;
background: none !important;
}
.main-nav #mega-menu-wrap-primary {
background: none !important;
width: 100%;
margin-left: 10.5%;
margin-top: 40px;
}
.main-nav label p {
margin-bottom: 0;
}
.site-menu {
text-transform: uppercase;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-4778 > a {
display: none;
}
.site-menu .logo {
filter: brightness(0) invert(1);
position: absolute;
top: 30px;
}
.site-menu .f-social-icon li img {
filter: brightness(0) invert(1);
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
display: inline-block;
color: #fff;
font-size: 36px;
line-height: normal;
list-style: none;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, .main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
color: #0013f5 !important;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
padding: 0;
margin-bottom: 37px;
}
.main-nav #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item {
background: url(//www.teamnutztechnology.com/wp-content/themes/supremeauction/images/red-bullet.jpg) no-repeat left top 6px !important;
padding-left: 35px !important;
margin-bottom: 0;
}
.main-mav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, .main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
font-size: 21px;
color: #fff !important;
text-transform: uppercase;
}
.main-mav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, .main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
color: #e80c0c !important;
}
.aside-section.aside-left {
text-align: left;
padding: 0% 3%;
}
.site-menu .menu-item a {
margin-bottom: 20px;
display: inline-block;
}
.header-btn {
float: right;
padding-top: 38px;
}
.header-btn .green-border-btn {
margin-right: 10px;
}
.aside-section {
top: 0;
bottom: 0;
position: absolute;
}
.aside-left {
display: none;
width: 100%;
left: 0;
background-color: #313131;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
transition: transform 0.4s ease-in-out;
}
.aside-right {
width: 40%;
right: 0;
background-color: #E80C0C;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
transition: transform 0.4s ease-in-out;
}
.aside-list {
list-style: none;
padding: 0;
margin: 0;
margin-top: 150px;
text-align: left;
padding-left: 50px;
}
.aside-content {
margin-top: 150px;
padding: 0 40px;
position: relative;
color: white;
text-align: center;
}
.aside-list li {
margin-bottom: 20px;
}
.aside-anchor::after {
content: "";
position: absolute;
bottom: 0;
background-color: #ff5964;
left: 0;
right: 0;
height: 3px;
border-radius: 3px;
}
.aside-anchor::before {
border-radius: 3px;
content: "";
position: absolute;
bottom: 0;
background-color: #fff;
left: 0;
height: 3px;
z-index: 1;
width: 50%;
-webkit-transition: transform 0.2s ease-in-out;
-o-transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
}
.aside-anchor:hover:before {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.aside-anchor {
padding-bottom: 7px;
color: #fff;
text-decoration: none;
font-size: 30px;
position: relative;
font-weight: 500;
}
.main-nav input[type="checkbox"] {
display: none;
}
.main-nav input[type="checkbox"]:checked ~ aside .aside-left {
transform: translateY(9%);
}
.main-nav input[type="checkbox"]:checked ~ aside .aside-right {
transform: translateX(0%);
}
.main-nav input[type="checkbox"]:checked ~ label .bar {
background-color: #fff !important;
}
.main-nav input[type="checkbox"]:checked ~ label .top {
-webkit-transform: translateY(0px) rotateZ(45deg);
-moz-transform: translateY(0px) rotateZ(45deg);
-ms-transform: translateY(0px) rotateZ(45deg);
-o-transform: translateY(0px) rotateZ(45deg);
transform: translateY(0px) rotateZ(45deg);
}
.main-nav input[type="checkbox"]:checked ~ label .bottom {
-webkit-transform: translateY(-15px) rotateZ(-45deg);
-moz-transform: translateY(-15px) rotateZ(-45deg);
-ms-transform: translateY(-15px) rotateZ(-45deg);
-o-transform: translateY(-15px) rotateZ(-45deg);
transform: translateY(-19px) rotateZ(-45deg);
}
.main-nav input[type="checkbox"]:checked ~ label .middle {
width: 0;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
width: 50% !important;
}
.aside-form h4 {
margin-bottom: 5px;
}
.middle {
margin: 0 auto;
}
.main-nav label {
display: inline-block;
cursor: pointer;
z-index: 9999;
background: #0013f5;
padding: 8px 10px 12px;
color: #fff;
font-size: 10px;
line-height: normal;
font-family: 'Montserrat-Light';
}
.main-nav input[type="checkbox"]:checked ~ label {
position: fixed;
top: 95px;
right: 23px;
background: none;
}
.main-nav input[type="checkbox"]:checked ~ label p {
display: none;
}
.main-nav .bar {
display: block;
background-color: #fff;
width: 38px;
height: 5px;
margin: 5px auto;
transition: background-color 0.4s ease-in, transform 0.4s ease-in, width 0.4s ease-in;
}
.main-nav .button {
display: inline-block;
background-image: none;
border: none;
background-color: transparent;
padding-bottom: 7px;
position: relative;
cursor: pointer;
font-size: 20px;
color: white;
padding: 7px 50px;
border: 2px solid white;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.main-menu-open ul.mega-sub-menu {
padding: 0 5%;
}
.aside-section {
top: 0;
bottom: 0;
position: fixed;
height: 640px;
z-index: 999;
overflow-x: hidden;
display: block;
}
.aside-section::-webkit-scrollbar {
display: none;
}
.aside-section.aside-right {
padding: 90px;
}
.aside-section.aside-right input {
background: #444 !important;
text-transform: uppercase;
font-size: 16px;
color: #fff !important;
height: 55px;
padding: 20px;
}
.aside-section.aside-right input::-webkit-input-placeholder {
color:#fff !important;
}
.aside-section.aside-right .tnp-field {
margin-bottom: 20px;
}
.aside-section.aside-right input[type=submit] {
background: none !important;
display: block;
outline: none;
width: 100%;
transition: all 0.5s;
border: 2px solid #fff;
height: 50px;
}
.aside-section.aside-right input[type=submit]:hover {
background: #fff !important;
border-color: #fff!important;
color: red !important;
}
.location-info-tab span {
display: block;
}
.roofing-area.contact-area {
padding: 0 0;
}
.roofing-img.match-height {
float: left;
width: 50%;
height: 580px;
}
.roofing-img.match-height iframe {
width: 100% !important;
height: 100% !important;
}
.location-info-area.match-height {
float: left;
width: 50%;
height:580px;
text-align:center;
display: flex;
justify-content: center;
flex-direction: column
}
.location-info-tab ul li {
padding-left: 0;
}
.location-info-tab img {
margin-bottom:20px;
}
.location-info-tab h4 span {
display:inline-block;
vertical-align: text-bottom;
font-weight: bold;
padding: 0 2px;
} .banner-area {
float: left;
width: 100%;
position: relative;
}
.banner-area:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.5);
}
.banner-area img {
width: 100%;
height: 667px;
object-fit: cover;
}
.banner-caption {
position: absolute;
top: 154px;
left: 0;
right: 0;
text-align: center;
font-family: 'Montserrat-Regular';
font-size: 36px;
color: #fff;
display: block;
text-transform: uppercase;
line-height: 36px;
margin-bottom: 36px;
}
.banner-caption img {
width: auto;
display: block;
margin: 0 auto 18px;
height: auto;
}
.banner-caption span img {
margin-bottom: 0;
}
.banner-caption span {
border: 3px solid #0013f5;
display: inline-block;
padding: 10px;
border-radius: 26px;
cursor: pointer;
}
.postid-1997 .banner-caption h1 span {
font-family: 'Montserrat-Regular';
font-size: 40px;
font-weight: bold;
color: #fff;
background: none;
border: 0;
padding: 0;
border-radius: inherit;
cursor: auto;
}
.postid-1997 .banner-caption h1 span:hover,
.postid-1997 .banner-caption h1 span:focus {
background: none;
}
.postid-1847 .banner-caption h1 span {
font-family: 'Montserrat-Regular';
font-size: 40px;
font-weight: bold;
color: #fff;
background: none;
border: 0;
padding: 0;
border-radius: inherit;
cursor: auto;
}
.postid-1847 .banner-caption h1 span:hover,
.postid-1847 .banner-caption h1 span:focus {
background: none;
}
.postid-743 .banner-caption h1 span {
font-family: 'Montserrat-Regular';
font-size: 40px;
font-weight: bold;
color: #fff;
background: none;
border: 0;
padding: 0;
border-radius: inherit;
cursor: auto;
}
.postid-1262 .banner-caption h1 span {
font-family: 'Montserrat-Regular';
font-size: 40px;
font-weight: bold;
color: #fff;
background: none;
border: 0;
padding: 0;
border-radius: inherit;
cursor: auto;
}
.postid-1262 .banner-caption h1 span:hover,
.postid-1262 .banner-caption h1 span:focus {
background: none;
}
.postid-743 .banner-caption h1 span:hover,
.postid-743 .banner-caption h1 span:focus {
background: none;
}
.banner-caption span:hover {
background: #0013f5;
}
.baner-icon-area {
position: absolute;
top: 210px;
left: 75px;
}
.baner-icon-area li img {
height: auto;
width: auto;
}
.baner-icon-area li img.hover {
display: none;
}
.baner-icon-area li a:hover img {
display: none;
}
.baner-icon-area li a:hover .hover {
display: inherit;
}
.baner-icon-area li {
margin-bottom: 25px;
}
.baner-icon-area li a span {
display: none;
margin-left: 10px;
color: #fff;
font-size: 16px;
font-family: 'Montserrat-Black';
text-transform: uppercase;
}
.baner-icon-area li a:hover span {
display: inherit;
text-decoration: none !important;
}
.baner-icon-area ul {
list-style: none;
} .content-area {
float: left;
width: 100%;
} .service-area {
float: left;
width: 100%;
position: relative;
}
.service-area:before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.4);
}
.service-area img {
width: 100%;
height: 623px;
object-fit: cover;
object-position: top;
}
.service-tab {
position: absolute;
top: 150px;
left: 0;
right: 0;
text-align: center;
color: #fff;
font-size: 32px;
line-height: 40px;
font-family: 'Montserrat-Regular';
text-transform: uppercase;
}
.service-tab h2 {
display: inline-table;
color: #fff;
}
.service-tab .border-btn {
background: transparent;
display: inline-block;
font-family: 'Montserrat-Regular';
color: #fff;
font-size: 28px;
text-transform: uppercase;
padding: 27px 33px;
text-align: center;
border: 5px solid #0000f5;
line-height: 30px;
cursor: pointer;
}
.service-tab .border-btn:hover {
background: #0000f5;
text-decoration: none;
color: #fff;
}
.service-tab p {
margin-bottom: 35px;
}
.service-tab img {
width: auto;
display: block;
text-align: center;
margin: 0 auto 30px;
height: auto;
} .instagram-field-area {
float: left;
width: 100%;
text-align: center;
padding-top: 40px;
}
.instagram-field-area img {
width: 100%;
}
.instagram-field-area .blue-btn {
margin-bottom: 50px;
}
.instagram-field-area #sb_instagram #sbi_images .sbi_item {
opacity:1 !important;
}
.instagram-field-area .slicker-instagram-placeholder {
height: 0;
width: 19.7% !important;
}
.fts-instagram-scrollable {
height: auto !important;
}  .footer {
float: left;
width: 100%;
background: #000000;
padding: 45px 0 50px;
}
.footer ul {
list-style: none;
margin-bottom: 0;
}
.footer p {
margin-bottom: 0;
}
.f-logo {
display: block;
text-align: center;
margin-bottom: 20px;
}
.f-info {
display: block;
color: #fff;
font-family: 'Montserrat-Black';
font-size: 12px;
line-height: 28px;
text-transform: uppercase;
}
.f-info a {
color: #fff;
}
.f-info a:hover,
.f-info a:focus {
color: #919298;
text-decoration:none;
}
.f-info li a {
color: #fff;
}
.f-info li a:hover {
color: #919298;
}
.f-info li span {
color: #919298;
}
.f-info li {
font-family: 'Montserrat-Black';
font-size: 12px;
line-height: 28px;
}
.f-info img {
margin-top: 16px;
}
.f-social-icon li {
display: inline-block;
margin: 0 27px;
}
.f-social-icon li:hover {
opacity: .7;
}
.f-social-icon {
display: block;
padding-top: 40px;
text-align: center;
}
.f-social-icon li:first-child {
margin-left: 0;
}
.f-social-icon li:last-child {
margin-right: 0;
}
.copyright {
display: block;
color: #fff;
text-align: center;
padding-top: 65px;
font-family: 'Montserrat-Black';
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
}
.copyright a {
color: #a3a3a3;
} .product-sidebar .iksm-terms .iksm-terms-tree__inner {
padding-right: 10px;
}
.product-sidebar .iksm-terms .iksm-terms-tree__inner .iksm-term {
border-bottom: 1px solid #eeeeef;
}
.product-sidebar .iksm-terms .iksm-terms-tree__inner .iksm-term a {
text-transform: uppercase;
margin-bottom: 0;
padding: 17px 0;
}
.product-sidebar .iksm-terms .iksm-terms-tree__inner .iksm-term:last-child {
border-bottom: 0;
}
.product-area .iksm-4680 .iksm-term__link {
font-size: 14px;
}
.product-area .product-sidebar .iksm-terms-tree.iksm-terms-tree--level-2 a {
background: url(//www.teamnutztechnology.com/wp-content/themes/team-nuts/images/blue-arow.png) no-repeat left center;
background-size: 9px;
display: block;
width: 100%;
font-size: 14px;
color: #000;
border-bottom: 0;
padding: 11px;
padding-left: 20px;
margin: 0;
}
.product-area .product-sidebar .iksm-terms-tree.iksm-terms-tree--level-2 .iksm-terms-tree__inner .iksm-term:first-child a:hover {
color: #0000f5;
}
.product-sidebar .iksm-terms-tree.iksm-terms-tree--level-2 {
border-radius: 6px;
border: 0;
}
.product-area .product-sidebar .iksm-terms-tree.iksm-terms-tree--level-2 .iksm-terms-tree__inner .iksm-term:last-child a {
border: 0;
}
.product-area .product-sidebar .iksm-terms-tree.iksm-terms-tree--level-2 .iksm-terms-tree__inner .iksm-term:first-child a {
padding-top: 11px;
}
.product-area .iksm-4680 .iksm-term--current > .iksm-term__inner{
background: transparent;
}
.product-area .iksm-4680 .iksm-term--current > .iksm-term__inner a{
color: #0000f5;
}
.product-area .product-sidebar .iksm-terms-tree.iksm-terms-tree--level-2 a:hover{
color: #0000f5;
} .content-div {
float: left;
width: 100%;
padding: 50px 0;
min-height: 450px;
}
.content-div ul {
list-style: none;
}
.content-div li {
display: block;
background: url(//www.teamnutztechnology.com/wp-content/themes/team-nuts/images/bullets-icon.png) no-repeat top 8px left;
color: #000000;
padding-left: 22px;
font-family: 'Montserrat-Regular';
line-height: 24px;
font-size: 14px;
}
.page-id-222 .content-div strong span {
font-family: 'Montserrat-Bold';
}
.inner-header {
position: inherit !important;
float: left;
width: 100%;
}
.inner-header .header-btm {
padding: 10px 35px 17px;
background: #8e8989;
position: inherit;
margin-top: 62px;
}
.iner-baner-area {
float: left;
width: 100%;
}
.iner-baner-area .banner-caption h1 {
font-size: 70px;
color: #fff;
}
.postid-1262 .iner-baner-area .banner-caption h1 {
font-size: 50px;
}
.iner-baner-area .banner-caption {
top: 120px;
}
.iner-baner-area img {
height: auto;
}
.feature-area {
float: left;
width: 100%;
padding: 197px 0 62px;
background: #f4f3f3;
margin-top: -152px;
}
.feature-area .col-lg-6.col-md-6.order-1 {
order: 0 !important;
}
.feature-div {
display: block;
padding-top: 50px;
}
.feature-div p {
min-height: 120px;
letter-spacing: 3px;
}
.credit-text strong {
text-transform: uppercase;
font-size: 14px !important;
line-height: 18px !important;
}
.credit-heading big {
font-size: 90px;
color: #919298;
line-height: 108px;
}
.credit-heading big span {
display: block;
font-size: 36px;
color: #0000f5;
text-align: center;
font-family: 'Montserrat-Bold';
line-height: 36px;
padding-top: 6px;
}
.credit-area {
float: left;
width: 100%;
padding: 53px 0 33px;
}
.credit-area p {
margin-bottom: 120px;
}
.credit-heading {
display: block;
}
.credit-area .border-btn {
margin-top: 50px;
}
.credit-div {
display: block;
margin-bottom: 160px;
}
.credit-text {
display: block;
}
.credit-text h6 {
padding-left: 12px;
}
.credit-text li {
font-size: 14px;
padding-bottom: 3px;
}
.content-div strong {
font-size: 28px;
text-transform: uppercase;
line-height: 38px;
font-family: 'MotorOil1937M54';
}
.product-text strong {
font-size: 24px;
font-family: 'Montserrat-Black';
}
.credit-area strong a {
margin-left: 19px;
}
.financing-area {
float: left;
width: 100%;
text-align: center;
background: #0013f5;
color: #FFF;
padding: 46px 0 40px;
letter-spacing: 2px;
line-height: 28px;
}
.grey-bg {
background: #7d7d7d;
color: #fff;
}
.financing-area h3 {
font-size: 38px;
color: #fff;
margin-bottom: 0;
}
.financing-area input::placeholder {
color: #fff;
}
.financing-area .button {
margin-top: 30px !important;
color: #fff;
border: 2px solid #fff;
padding: 7px 80px;
background: transparent;
font-size: 14px !important;
text-transform: uppercase;
}
.financing-area .gform_wrapper .gform_footer {
text-align: center;
}
.financing-area .button:hover {
background: #fff !important;
color: #0013f5 !important;
}
.financing-area .gform_wrapper {
padding: 0 80px;
}
.financing-area li input {
background: transparent;
border-bottom: 2px solid #fff !important;
border: 0;
border-radius: 0;
color: #fff;
font-size: 14px !important;
padding-left: 0 !important;
outline: none;
text-transform: uppercase;
}
.financing-area li#field_1_1 {
width: 65%;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
}
.financing-area li#field_1_2 {
width: 33%;
display: inline-block;
vertical-align: middle;
}
.financing-area li#field_1_2 input {
width: 100% !important;
}
.financing-area li {
background: none;
}
.financing-area li label {
display: none !important;
}
.text-div-form li {
background: none;
float: left;
width: 32%;
padding: 0px 16px;
margin: 0 4px;
}
.text-div-form {
font-size: 18px;
color: #000;
text-align: center;
letter-spacing: 2px;
padding-bottom: 80px;
}
.financing-area .text-div-form {
padding-bottom: 0px;
}
.price_div {
padding-left: 52% !important;
}
#field_3_23 > div { }
.text-div-form h3 {
font-size: 36px;
}
.text-div-form .form-control {
background: transparent;
border-bottom: 2px solid #fff !important;
border: 0;
border-radius: 0;
color: #fff;
font-size: 14px;
padding-left: 0;
}
.text-div-form .form-control::placeholder {
color: #fff;
}
.text-div-form .form-control {
border-bottom: 2px solid #000 !important;
color: #0013f5;
}
.text-div-form .form-control::placeholder {
color: #0013f5;
}
.text-div-form p {
margin-bottom: 40px;
}
.text-div-form .border-btn {
margin-top: 60px;
color: #0013f5;
border: 2px solid #000;
padding: 7px 80px;
}
.text-div-form .border-btn:hover {
background: #000;
color: #fff;
}
.about-team-area {
background: #7d7d7d;
float: left;
width: 100%;
padding: 70px 0;
color: #fff;
}
.about-team-div h4 {
color: #fff;
margin-bottom: 18px;
line-height: normal;
}
.about-team-div {
display: block;
letter-spacing: 3px;
}
.about-team-div li {
background: url(//www.teamnutztechnology.com/wp-content/themes/team-nuts/images/blue-arow.png) no-repeat left center;
color: #fff;
font-family: 'Montserrat-Bold';
line-height: 38px;
display: block;
padding-left: 30px;
}
.about-team-area .border-btn {
color: #fff;
}
.about-team-div p {
margin-bottom: 32px;
}
.about-team-div ul {
margin-bottom: 55px;
}
.about-team-img {
display: block;
}
.about-team-img img {
height: 468px;
object-fit: cover;
}
.iner-testi-area {
display: block;
text-align: center;
padding-top: 105px;
}
.iner-testi-area h3 {
font-size: 36px;
color: #fff;
line-height: normal;
margin-bottom: 20px;
}
.prize-area {
float: left;
width: 100%;
text-align: center;
padding: 50px 0 60px;
background: #f4f3f3;
font-size: 14px;
color: #000;
line-height: 24px;
}
.prize-area h3 {
color: #7d7d7d;
}
.prize-area strong {
font-family: 'Montserrat-Black';
font-size: 18px;
margin-bottom: 24px;
display: block;
}
.iner-testi-area blockquote {
letter-spacing: 2px;
margin-bottom: 33px;
}
.prize-area img {
margin: 60px 0 80px;
}
.prize-area .text-div-form h4 {
font-size: 36px;
color: #7d7d7d;
}
.new-area {
float: left;
width: 100%;
padding: 78px 0;
}
.new-area h4 {
font-size: 36px;
text-align: center;
margin-bottom: 80px;
}
.new-area h4 span {
font-size: 38px;
font-weight: bold;
}
.news-img {
display: block;
transition: All 1s ease;
-webkit-transition: All 1s ease;
-moz-transition: All 1s ease;
-o-transition: All 1s ease;
overflow: hidden;
margin-bottom: 40px;
}
.news-img img {
width: 100%;
object-fit: cover;
overflow: hidden;
}
.news-tab:hover .news-img img {
transition: all 0.9s ease;
-webkit-filter: grayscale(100%);
transform: rotate(0deg) scale(1.2) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1.2) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.2) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.2) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(1.2) skew(1deg) translate(0px);
cursor: pointer;
overflow: hidden;
}
.news-tab:hover h4 {
color: #0013f5;
}
.news-tab h4 {
margin-bottom: 30px;
}
.news-tab span {
color: #000;
font-family: 'Montserrat-Black';
margin-bottom: 24px;
display: block;
text-align: center;
}
.news-tab {
display: block;
padding: 0 35px;
color: #000;
line-height: 30px;
}
.news-tab b {
background: url(//www.teamnutztechnology.com/wp-content/themes/team-nuts/images/blue-arow.png) no-repeat right center;
padding-right: 30px;
color: #0013f5;
}
.news-tab:hover b {
color: #000;
}
.auto-magic-area {
float: left;
width: 100%;
padding: 92px 0;
text-align: center;
}
.auto-magic-tab h4 {
font-size: 36px;
}
.auto-magic-tab {
display: block;
color: #000;
letter-spacing: 3px;
}
.auto-magic-tab img {
margin-bottom: 33px;
}
.auto-magic-tab h3 {
color: #000;
margin-bottom: 10px;
}
.auto-magic-tab p {
margin-bottom: 0;
}
.auto-magic-tab h5 {
margin-bottom: 10px;
}
.auto-magic-tab .border-btn:hover {
background: #005f40;
}
.auto-magic-tab .border-btn {
border: 2px solid #005f40;
margin-top: 28px;
}
.copyright a:hover {
color: #fff;
}
.text-div {
float: left;
width: 100%;
line-height: 38px;
padding: 70px 0 60px;
}
.auto-dailing {
float: left;
width: 100%;
padding: 60px 0 90px;
}
.auto-dailing p {
margin-bottom: 20px;
}
.auto-dailing h3 {
line-height: normal;
font-family: 'MotorOil1937M54';
}
.auto-dailing .credit-heading li {
background: none;
padding-left: 0;
}
.auto-img-div {
display: block;
}
.auto-img-div h5 {
color: #0013f5;
padding-left: 13px;
margin-top: 38px;
margin-bottom: 10px;
text-transform: uppercase;
}
.auto-div {
float: left;
width: 100%;
padding: 50px 7px;
}
.heading-div {
background: #000;
width: 100%;
text-align: center;
padding: 26px 0 22px;
color: #fff;
margin: 0px 0 7px;
float: left;
font-family: 'Montserrat-Bold';
font-size: 13px;
line-height: 28px;
letter-spacing: 0;
}
.heading-div a {
color: #fff;
text-transform: uppercase;
font-family: 'MotorOil1937M54';
font-size: 18px;
}
.heading-div a span {
display: inline-block;
color: #fff;
font-family: 'Montserrat-Bold';
padding: 0 2px;
}
.heading-div a:hover {
color: #0013f5;
}
.heading-div a:hover span {
color: #0013f5;
}
.auto-dailing .heading-div:nth-child(11) {
margin-bottom: 80px;
}
.auto-div h2 {
font-size: 60px;
color: #fff;
line-height: normal;
margin-bottom: 0;
}
.auto-tab {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
margin-bottom: 7px;
}
.auto-div-tab {
position: relative;
float: left;
list-style-type: none;
width: inherit;
margin-right: 10px;
min-height: 330px;
}
.auto-div-tab:last-child {
margin-right: 0;
}
.auto-div-tab.twele-full-width {
width: 100%;
min-height: inherit;
}
.auto-tab-img {
display: block;
position: relative;
}
.auto-tab-img:before {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
}
.auto-tab-img img {
width: 100%; height:570px;
}
.auto-tab:nth-child(5) .auto-tab-img img {
height: 730px !important;
object-fit: cover;
}
.auto-tab:nth-child(8) .auto-tab-img img {
height: 600px !important;
object-fit: cover;
}
.auto-div > div:nth-child(10) .auto-tab-img img { height: 480px !important;
object-fit: cover;
}
.auto-div > div:nth-child(11) .auto-tab-img img {
height: 870px !important;
object-fit: cover;
}
.auto-tab-text {
position: absolute;
top: 35px;
left: 13px;
right:50px;
color: #fff;
line-height: 23px;
font-size: 13px;
font-family: 'Montserrat-Bold';
min-height: 330px;
}
.auto-div-row .col-md-4 {
padding: 0 10px 7px 0px;
}
.auto-div-row .col-md-6 {
padding: 0 10px 7px 0px;
}
.auto-div-row .col-md-4:nth-child(3), .auto-div-row .col-md-4:nth-child(6), .auto-div-row .col-md-6:nth-child(8) {
padding-right: 0;
}
.auto-div-row .col-md-6:nth-child(8) ul li {
padding-bottom: 25px;
font-family: 'Montserrat-bold';
}
.auto-div-row .col-md-6:nth-child(even) {
padding-right: 0;
}
.auto-div h3 {
color: #fff;
font-size: 44px;
margin-bottom: 10px;
}
.auto-tab-text h3 span br {
display: none;
}
.auto-tab-text li {
color: #fff;
font-size: 13px;
line-height: 23px;
}
.auto-tab-text strong {
text-transform:capitalize;
font-size: 13px;
color: #fff;
font-family: 'Montserrat-Bold';
line-height: normal;
display: block;
}
.auto-tab-text strong br {
display: none;
}
.auto-tab-text .border-btn {
border-color: #fff;
color: #fff;
}
.auto-tab-text h3 span {
display: block;
font-size: 16px;
}
.auto-bg-area {
float: left;
width: 100%;
text-align: center;
color: #fff;
position: relative;
margin: 0px 0 7px;
}
.auto-bg-area-img {
display: block;
position: relative;
}
.auto-bg-area-text {
display: block;
position: absolute;
top: 35px;
left: 0;
right: 0;
}
.auto-bg-area-img img {
width: 100%;
height: 300px;
object-fit: cover;
}
.auto-bg-area span strong {
display: block;
color: #fff;
font-family: 'Montserrat-Bold';
line-height: normal;
}
.auto-bg-area span {
display: block;
line-height: normal;
padding-bottom: 13px;
font-size: 14px;
text-transform: uppercase;
}
.auto-bg-area b {
color: #fff;
font-family: 'Montserrat-Bold';
text-transform: uppercase;
font-size: 16px;
display: block;
margin-bottom: 16px;
}
.auto-bg-area strong {
color: #fff;
font-family: 'Montserrat-Bold';
text-transform: uppercase;
font-size: 16px;
}
.auto-bg-area h3 {
margin-bottom: 24px;
}
.blue-box {
background: #0000f5;
position: relative;
float: left;
width: 100%;
font-family: 'MyriadPro-Regular';
font-size: 18px;
color: #fff;
text-align: center;
padding: 50px 20px;
margin-top: -130px; }
.blue-box h3 {
font-size: 36px;
color: #fff;
}
.blue-box ul {
list-style: none;
}
.blue-box ul li {
background: url(//www.teamnutztechnology.com/wp-content/themes/team-nuts/images/white-arrow.png) no-repeat right center;
display: inline-block;
font-family: 'MotorOil1937M54';
font-size: 17px;
color: #fff;
padding-right: 28px;
margin: 0px 2px;
}
.blue-box ul li a {
display: inline-block;
color: #fff;
text-transform: uppercase;
}
.blue-box ul li a:hover, .blue-box ul li a:focus {
color: #000;
}
.bottom-tabs-area {
background: rgb(244, 243, 243);
background: -moz-linear-gradient(180deg, rgb(244, 243, 243) 50%, rgb(142, 137, 137) 50%);
background: -webkit-linear-gradient(180deg, rgb(244, 243, 243) 50%, rgb(142, 137, 137) 50%);
background: -o-linear-gradient(180deg, rgb(244, 243, 243) 50%, rgb(142, 137, 137) 50%);
background: -ms-linear-gradient(180deg, rgb(244, 243, 243) 50%, rgb(142, 137, 137) 50%);
background: linear-gradient(270deg, rgb(244, 243, 243) 50%, rgb(142, 137, 137) 50%);
float: left;
width: 100%;
}
.bottom-tabs-area p {
margin-bottom: 50px;
}
.bottom-tabs-area .border-btn {
padding: 7px 30px;
}
.bottom-gary-tab {
display: block;
font-size: 18px;
color: #fff;
padding: 100px 50px 100px 0px;
}
.bottom-gary-tab .border-btn {
color: #fff;
}
.bottom-gary-tab h4 {
color: #fff;
}
.bottom-white-tab {
display: block;
font-size: 18px;
color: #000;
padding: 100px 0px 100px 60px;
}
.bottom-white-tab .border-btn {
color: #000;
}
.bottom-white-tab .border-btn:hover {
background: #000;
text-decoration: none;
color: #fff;
border-color: #000;
}
.product-area {
float: left;
width: 100%;
padding: 0px 35px;
}
.product-sidebar {
display: block;
border-right: 2px solid #eeeeef;
margin-right: 0px;
margin-top: 100px;
}
.product-sidebar h5 {
background: url(//www.teamnutztechnology.com/wp-content/themes/team-nuts/images/down-arow.png) no-repeat left center;
padding-left: 28px;
font-size: 18px !important;
color: #000;
text-transform: uppercase;
font-family: 'Montserrat-Black' !important;
border-bottom: 0 !important;
margin-bottom: 28px !important;
padding-bottom: 0 !important;
}
.product-sidebar ul {
list-style: none;
}
.product-sidebar ul li {
background: none;
display: block;
color: #000;
line-height: normal;
padding: 0;
padding-right: 12px;
}
.product-sidebar ul li a {
background: url(//www.teamnutztechnology.com/wp-content/themes/team-nuts/images/blue-arow.png) no-repeat left center;
background-size: 9px;
display: block;
width: 100%;
font-size: 14px;
color: #000000;
text-transform: uppercase;
border-bottom: 0;
border-bottom: 1px solid #eeeeef;
padding: 15px 10px;
padding-left: 20px;
margin: 0;
}
.product-sidebar ul li a:hover, .product-sidebar ul li a:focus {
color: #0000f5;
}
.product-content {
display: block;
font-size: 18px;
color: #7e7e7e;
padding: 35px 0px 35px 0;
}
.product-content .modal {
top:9% !important;
overflow: hidden !important;
flex: 0 0 100%;
max-width: 100%;
}
.product-content .modal-header {
border-bottom: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
background: #0013f5;
}
.product-content .close {
color: #fff !important;
opacity: 1 !important;
border:0 !important;
}
.product-content .modal-body {
height: auto;
border: 0;
margin-bottom: 0;
padding: 12px 20px 30px;
}
.product-content .catalog-text h4 {
font-family: 'Montserrat-bold';
font-size: 21px;
text-transform: capitalize;
margin-bottom: 16px;
}
.product-content .catalog-img h4 {
font-family: 'Montserrat-bold';
font-size: 21px;
text-transform: capitalize;
margin-bottom: 16px;
min-height: 72px;
display: inline-flex;
justify-content: center;
flex-direction: column;
}
.product-content h5 {
color: #0013f5;
font-size: 18px;
line-height: normal;
display: block;
margin: 20px 0 40px;
}
.product-content span {
color: #000;
line-height: normal;
display: block;
}
.product-content h3 span {
display: inline-block;
font-family: 'Montserrat-Black';
color: #0000f5;
line-height: normal;
}
.product-content .heading-div h2 span {
color: #fff;
}
.product-content ul {
list-style: none;
padding-top: 10px;
}
.product-content ul li {
font-size: 19px;
padding: 0px 0px 15px 30px;
text-transform: capitalize; }
.product-content ul li a {
color: #000;
}
.product-content ul li a:hover, .product-content ul li a:focus {
color: #0000f5;
}
.product-tab {
display: block;
border: 1px solid #000;
padding: 12px 20px 30px;
margin-bottom: 50px;
height: 498px;
}
body > div.content-div > div.product-area > div > div > div.col-lg-8.col-md-8 > div > div > div.col-lg-12.col-md-12 > div {
height: auto;
padding-bottom: 0;
margin-bottom: 0;
}
.product-img {
display: block;
border-bottom: 13px solid #0013f5;
padding: 20px 0 5px;
min-height: 244px;
}
.product-img li {
background: none !important;
padding: 0 !important;
display: inline-block;
width: 45%;
margin-right: 25px;
}
.product-img li:last-child {
margin-right: 0;
}
.product-text h6 {
font-size: 18px;
font-family: 'Montserrat-Black';
color: #000;
text-transform: uppercase;
}
.product-text {
display: block;
padding-top: 10px;
color: #000;
line-height: 28px;
}
a.product-tab:hover h6 {
color: #0013f5;
}
.product-text ul {
padding-top: 10px;
}
.product-text li {
font-family: 'Montserrat-Regular' !important;
font-size: 18px !important;
background: url(//www.teamnutztechnology.com/wp-content/themes/team-nuts/images/bullets-icon.png) no-repeat left top 12px !important;
padding: 0px 0 7px 14px !important;
line-height: 28px;
}
.product-content .text-div h4 {
font-family: 'MotorOil1937M54';
margin-bottom: 50px;
}
.product-content .text-div img {
margin-bottom: 30px;
}
.headlight-chart {
display: block;
text-align: center;
}
.headlight-chart li {
background: none;
display: inline-block;
width: 9.3%;
padding: 0 !important;
text-align: center;
}
.headlight-chart li img {
border: 1px solid #f75d5d;
}
.jeep-accessories-area h5 {
border-bottom: 1px solid #d8d8d8;
padding-bottom: 14px;
margin-bottom: 0;
font-family: 'MotorOil1937M54';
font-size: 24px;
}
.call-area {
position: relative;
}
.call-area:nth-child(11) {
padding-top: 40px;
}
.call-tab big {
position: absolute;
top: 110px;
background: rgba(0,0,0,.46);
left: 0px;
right: 0;
text-align: center;
color: #fff;
font-family: 'Montserrat-Black';
font-size: 23px;
padding: 20px;
width: 50%;
}
.call-area .blue-btn {
position: absolute;
bottom: 40px;
right: 20px;
background: #0013f5;
padding: 13px 40px;
text-transform: uppercase;
font-family: 'MotorOil1937M54';
}
.call-tab big span {
font-family: 'Montserrat-Regular';
display: block;
}
.catalog-text {
font-family: 'OpenSans';
font-size: 14px;
color: #000000;
line-height: 21px;
}
.catalog-text span {
min-height: 45px;
display: block;
}
div#gform_confirmation_message_1 {
font-size: 24px;
font-weight: bold;
} 
.cataalog-tab {
text-align: center;
display: block;
margin-bottom: 40px;
}
.catalog-img {
display: block;
min-height: 64px;
margin-bottom: 10px;
}
.catalog-text p {
margin-bottom: 28px;
}
.catalog-text .border-btn {
font-family: 'MotorOil1937M54';
padding: 7px 21px;
}
.product-content .auto-div {
padding: 0;
}
.product-content .auto-div h3 {
margin-bottom: 0;
line-height: normal;
}
.product-content .auto-tab-text {
top: 30px;
left: 22px;
right:22px;
}
.product-content .auto-tab-text p {
min-height: 170px;
}
.product-content .heading-div {
padding: 24px 0 45px;
line-height: 27px;
}
.product-content .heading-div h2 {
font-size: 34px;
line-height: 41px;
font-family: 'Montserrat-Bold';
} .brand-logo img {
display: block;
}
.brand-logo {
display: block;
padding: 20px 0;
}
.jeep-area {
display: block;
}
.jeep-div {
display: block;
margin-bottom: 50px;
}
.jeep-img {
display: block;
}
.jeep-div h5 {
font-size: 14px;
}
.jeep-div h6 {
text-align: center;
font-size: 18px;
font-family: 'Montserrat-black';
color: #8c8a8a;
}
.product-content .cataalog-tab {
padding: 40px 0 40px;
}
.product-content .catalog-img {
margin-bottom: 35px;
height: 260px !important;
}
.gallery-tab {
float: left;
width: 100%;
text-align: center;
background: #f4f3f3;
padding: 80px 0 0px;
margin-top: 40px;
} .gallery-tab .envira-gallery-wrap .envira-gallery-public .envira-gallery-item img {
opacity:1 !important;
height: 334px;
object-fit: cover;
}
.envira-gallery-wrap .envira-gallery-public .envira-gallery-item img {
padding: 0 15px 30px 15px !important;
}
.gallery-tab h4 {
font-size: 36px;
margin-bottom: 10px;
}
.gallery-div {
display: block;
padding-top: 40px;
margin-bottom: -20px;
}
.gallery-div li {
float: left;
width: 25%;
background: none;
padding: 0;
}
.gallery-div li img {
width: 100%;
}
.envira-gallery-item {
padding: 0 !important;
}
.new-div-tab {
padding: 0 110px;
display: block;
}
.entry-content .news-tab h4 {
text-align: left;
font-size: 28px;
}
.entry-content__footer .border-btn {
width: 100%;
}
.new-div-tab .news-img img {
height: 250px;
}
.entry-content__header .news-tab {
padding: 0;
}
.contact-area .gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
vertical-align: sub !important;
}
.contact-area {
float: left;
width: 100%;
padding: 50px 120px;
}
.contact-area li {
background: none;
}
.gform_wrapper ul.gform_fields li.gfield {
padding-right: 0 !important;
}
li#field_3_9 ,li#field_3_3 {
width: 50%;
display: inline-block;
padding-right: 6px;
}
li#field_3_10 ,li#field_3_4  {
width: 50%;
display: inline-block;
padding-left: 12px;
}
li#field_4_3, li#field_4_4 {
width: 50%;
display: inline-block;
}
.gform_wrapper.gf_browser_chrome span.address_country {
margin-top: 8px !important;
}
.contact-area li input {
border-bottom: 1px solid #000 !important;
outline: none;
border: 0;
color: #000;
text-transform: uppercase;
}
li#field_4_2 label {
display: none !important;
}
li#field_4_3 label {
display: none !important;
}
li#field_4_4 label {
display: none !important;
}
.contact-area li input::placeholder {
color:#000;
}
.contact-area li textarea::placeholder {
color:#000;
}
.contact-area li Select {
border-bottom: 1px solid #000 !important;
outline: none;
height: 37px;
border: 0;
text-transform: uppercase;
}
.contact-area li textarea {
border-bottom: 1px solid #000 !important;
outline: none;
border: 0;
height: 30px !important;
color: #000;
padding: 0;
margin-top: 30px;
}
.contact-area .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
width: calc(100%) !important;
}
.contact-area li .gfield_label {
display: inherit !important;
text-transform: uppercase;
}
.gform_button {
background: transparent !important;
font-family: 'Montserrat-Regular';
color: #000000;
text-transform: uppercase;
padding: 7px 30px;
text-align: center;
border: 2px solid #0000f5;
line-height: 30px;
margin-left: 20px !important;
}
.gform_button:hover {
background: #0000f5 !important;
color: #fff;
}
.abh_tabs li {
background: none;
}
.abh_tab_content .abh_text ul li, .abh_tab_content .abh_text ul li span {
background: none;
padding-left: 0;
}
.abh_tab_content .abh_text ul {
margin: 5px 0 0 0px !important;
}
.abh_tab_content .abh_text a, .abh_tabs li a {
color: #000;
}
.right-area.blog-sidebar {
float: left;
width: 100%;
}
.right-area h4 {
background: #000;
color: #fff;
padding: 10px 16px;
margin-bottom: 10px;
}
.right-area ul {
background: #000;
padding-left: 0;
}
.right-area ul li a {
display: block;
width: 100%;
color: #fff;
background: #000;
border-bottom: 1px solid #fff;
margin-bottom: 0;
padding: 10px 16px;
}
.right-area ul li a:hover, .right-area ul li a:focus {
background: #0013f5;
color: #fff;
text-decoration: none;
}
.right-area ul li br {
display: none;
}
.right-area ul li {
background: none;
padding: 0;
display: block;
}
.flip-book-tab .container {
max-width: 100%;
padding: 0;
}
.flip-book-tab .container .col-lg-12.col-md-12 {
padding: 0 !important;
}
.flip-book-tab .container .row {
margin: 0;
}
.flip-book-tab .col-lg-6.col-md-6 {
padding: 0;
border-right:2px solid #fff;
margin-bottom:20px;
}
.flip-book-tab .col-lg-6.col-md-6:last-child {
border-right:0;
}
.flip-book-tab iframe {
width: 100% !important;
margin-bottom:0px;
}
.flip-book-tab h4 {
margin-top:20px;
margin-bottom:0;
}
.product-sidebar .iksm-4734 .iksm-term--current > .iksm-term__inner {
background: transparent;
}
.product-sidebar .iksm-4734 .iksm-term--current > .iksm-term__inner a {
color: rgba(0,19,245,1);
}
@media (max-width:1280px) {
.auto-dailing .credit-div h2 {
font-size: 54px;
line-height: normal;
color: #919298;
text-align: center;
}
.auto-div .auto-tab:nth-child(11) .auto-tab-img img {
height: 365px;
object-fit: cover;
}
.auto-div .auto-tab:nth-child(10) .auto-tab-img img {
height: 365px;
object-fit: cover;
}
.auto-div h3 {
font-size: 26px;
}
.auto-bg-area h3 {
font-size: 44px !important;
}
.product-content .auto-div .auto-tab:nth-child(2) .auto-tab-img img {
height: auto;
object-fit: cover;
}
.product-text h6 {
font-size: 15px;
}
.product-sidebar ul li {
font-size: 14px;
}
.product-content .auto-div h3 {
font-size: 27px;
}
.product-content .auto-div .auto-tab:nth-child(2) .auto-tab-img img {
height: auto;
object-fit: cover;
}
}
@media (max-width:1200px) {
.iner-baner-area .banner-caption {
top: 100px;
}
}
@media (max-width: 1024px) {
.banner-caption {
font-size: 30px;
}
.iner-baner-area .banner-caption h1 {
font-size: 50px;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
color: #fff;
font-size: 26px;
line-height: normal;
list-style: none;
display: inline-block;
}
.main-nav input[type="checkbox"]:checked ~ label {
top: 75px;
}
.top-bar li {
font-size: 16px;
}
.service-tab {
font-size: 30px;
}
h2 {
font-size: 60px;
}
.f-social-icon li {
margin: 0 18px;
}
.f-info img {
margin-top: 20px;
margin-left: 20px;
}
.f-info li {
font-family: 'Montserrat-Black';
font-size: 12px;
line-height: 28px;
}
.baner-icon-area {
position: absolute;
top: 170px;
left: 75px;
}
.f-social-icon {
padding-top: 20px;
}
.container {
max-width: inherit !important;
}
.blue-box ul li {
margin: 0px 10px;
}
.blue-box {
padding-left: 0px;
padding-right: 0px;
margin-top: -70px;
}
.product-area {
padding: 0px 20px;
}
.product-area .col-lg-3.col-md-3 {
padding: 0px 10px;
}
.product-sidebar ul li {
font-size: 12px;
}
.product-sidebar h5 {
font-size: 14px !important;
}
.new-area h4 {
font-size: 32px;
}
.catalog-text .border-btn {
padding: 7px 10px;
}
.headlight-chart li {
width: 9%;
}
.auto-div .auto-tab:nth-child(5) .auto-div-tab:nth-child(even) {
margin-right: 0 !important;
padding-right: 0 !important;
width: 50%;
}
.auto-div .auto-tab:nth-child(5) .auto-div-tab:nth-child(3), .auto-div .auto-tab:nth-child(5) .auto-div-tab:nth-child(4) {
margin-bottom: 0;
}
.auto-div .auto-tab:nth-child(5) .auto-div-tab .auto-tab-img img {
height: 580px !important;
}
.auto-div .auto-tab:nth-child(5), .auto-div .auto-tab:nth-child(8) {
width: 100% !important;
display: inline-block;
}
.auto-div .auto-tab:nth-child(5) .auto-div-tab, .auto-div .auto-tab:nth-child(8) .auto-div-tab {
width: 49%;
float: left;
margin-bottom: 7px;
}
.auto-div .auto-tab:nth-child(8) .auto-div-tab:nth-child(3) {
width: 100%;
margin-bottom: 0;
}
.auto-tab:nth-child(8) .auto-tab-img img {
height: 450px !important;
}
.auto-tab-text {
right: 60px;
}
.auto-div-row .col-md-4 {
max-width: 50%;
flex: 100%;
}
.auto-div-row .col-md-4:nth-child(3) {
max-width: 100%;
}
.auto-div > div:nth-child(10) .auto-tab-img img {
height: 330px !important;
object-fit: cover;
}
.auto-tab:nth-child(2) .auto-div-tab .auto-tab-img img {
height: 420px;
}
.credit-heading big {
font-size: 64px;
}
.credit-heading big span {
font-size: 30px;
}
.credit-area .border-btn {
padding: 7px 14px;
}
.financing-area li#field_1_1 {
margin-right: 10px;
}
.instagram-field-area .slicker-instagram-placeholder {
width: 18.7% !important;
}
.blue-box ul li {
font-size: 14px;
padding: 0 5px;
}
.feature-div {
padding-top: 10px;
}
.feature-div br {
display: none;
}
.banner-btn {
padding: 2px 10px;
}
.right-side-btn {
right: -261px;
top: 420px;
}
.right-side-btn.left {
left: -115px;
}
.auto-tab-img img {
height: 350px;
}
}
@media (max-width: 991px) {
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-size: 30px;
}
.banner-caption {
font-size: 28px;
}
.product-sidebar {
margin-top: 50px;
}
.iksm-4734 .iksm-term__link {
font-size: 12px;
}
.service-tab {
font-size: 28px;
}
h2 {
font-size: 60px;
}
.f-info img {
margin-top: 20px;
margin-left: 20px;
}
.container, .container-sm, .container-md {
max-width: inherit !important;
}
.news-tab h4 {
font-size: 30px !important;
}
.blue-box ul li {
font-size: 22px;
margin: 0px 0;
}
.feature-div p br {
display: none;
}
.product-content .heading-div p br {
display: none;
}
.contact-area {
padding: 50px 90px;
}
.new-div-tab {
padding: 0 50px;
}
.auto-div h3 {
font-size: 24px;
}
.auto-div-tab {
margin-right: 8px;
}
.auto-tab-text li {
font-size: 12px;
}
.credit-heading big {
font-size: 72px;
}
.credit-area .border-btn {
padding: 7px 5px;
}
.bottom-gary-tab {
padding: 60px 0px 60px 0px;
}
.bottom-tabs-area h4 {
margin-bottom:10px;
}
.bottom-white-tab {
padding: 60px 0px 60px 20px;
}
.bottom-tabs-area p {
margin-bottom: 30px;
}
.gallery-tab .envira-gallery-wrap .envira-gallery-public .envira-gallery-item img {
object-fit: none;
height: auto;
}
.auto-tab-img img {
height: auto;
}
.product-content .auto-tab-text p {
min-height: initial;
}
}
@media (max-width:800px) {
.right-side-btn {
top: 430px;
}
.top-bar li {
font-size: 14px;
}
.main-nav #mega-menu-wrap-primary {
margin-left: 30px;
margin-top: 120px;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-size: 25px;
}
.main-nav input[type="checkbox"]:checked ~ label {
top: 95px;
}
.banner-caption {
font-size: 24px;
}
.header-btm {
padding: 10px 16px;
float: left;
width: 100%;
}
.banner-caption img {
width: 60%;
display: block;
margin: 0 auto;
height: auto;
}
.baner-icon-area {
position: absolute;
top: 165px;
left: 50px;
}
.feature-div {
padding-top: 0px;
}
.service-tab img {
width: 70%;
display: block;
text-align: center;
margin: 0 auto 30px;
height: auto;
}
.service-tab .border-btn {
font-size: 24px;
padding: 27px 15px;
}
.blue-btn {
font-size: 20px;
}
.f-info {
font-size: 10px;
}
.f-info li {
font-size: 9px;
}
.f-info img {
margin-top: 10px;
margin-left: 10px;
}
.copyright {
font-size: 14px;
}
.banner-caption span img {
width: auto;
}
.f-social-icon li img {
width: 75%;
margin: 0;
}
.f-social-icon li {
margin: 0 9px;
}
.iner-baner-area .banner-caption {
top: 50px;
}
.iner-baner-area img {
height: 340px;
}
.height-auto .banner-caption {
top: 110px;
}
.blue-box ul li {
font-size: 18px;
}
.blue-box {
padding: 30px 0 20px;
}
.news-tab {
padding: 0 0px;
}
.news-tab h4 {
font-size: 26px !important;
}
.product-sidebar h5 {
font-size: 11px !important;
margin-bottom: 10px !important;
}
.product-content {
font-size: 16px;
}
.about-team-div p br {
display: none;
}
.financing-area .gform_wrapper {
padding: 0 30px;
}
.about-team-div li {
font-size: 16px;
}
.iner-testi-area p br {
display: none;
}
.product-content .heading-div h2 {
font-size: 24px;
}
.product-content .heading-div {
padding: 24px 20px 45px;
}
.product-content .auto-div h3 {
font-size: 22px;
}
.product-content .auto-tab-text {
line-height: 19px;
left: 10px;
right: 10px;
font-size: 12px;
}
.catalog-text .border-btn {
padding: 7px 6px;
font-size: 11px;
}
.call-tab big {
top: 40px;
font-size: 21px;
width: 57%;
}
.iner-baner-area .banner-caption h1 {
font-size: 60px;
}
.product-content ul li {
font-size: 18px;
}
.contact-area {
padding: 50px 40px;
}
body {
font-size: 16px !important;
letter-spacing: 0px !important;
line-height: 28px !important;
}
h4 {
margin-bottom: 5px;
}
.new-div-tab {
padding: 0 0px;
}
.jeep-div h6 {
font-size: 15px;
}
.jeep-div {
text-align: center;
}
.inner-header .header-btm {
margin-top: 52px;
}
.postid-1460 .iner-baner-area .banner-caption h1 {
font-size: 50px;
}
.auto-tab-text h3 span {
font-size: 14px;
}
.auto-div-tab {
margin-right: 7px;
}
.credit-heading {
display: block;
margin-bottom: 20px;
}
.credit-heading big {
font-size: 60px;
}
.credit-div {
margin-bottom: 80px;
}
.bottom-tabs-area {
background: rgb(142, 137, 137);
background: -moz-linear-gradient(90deg, rgb(142, 137, 137) 50%, rgb(244, 243, 243) 50%);
background: -webkit-linear-gradient(90deg, rgb(142, 137, 137) 50%, rgb(244, 243, 243) 50%);
background: -o-linear-gradient(90deg, rgb(142, 137, 137) 50%, rgb(244, 243, 243) 50%);
background: -ms-linear-gradient(90deg, rgb(142, 137, 137) 50%, rgb(244, 243, 243) 50%);
background: linear-gradient(180deg, rgb(142, 137, 137) 50%, rgb(244, 243, 243) 50%);
}
.bottom-tabs-area .col-lg-6.col-md-6 {
float: left;
width: 100%;
flex: 0 0 100%;
max-width: 100%;
}
.bottom-white-tab {
padding: 30px 0px 30px 0px;
}
.bottom-gary-tab {
padding: 30px 0px 30px 0px;
}
}
@media (max-width: 768px ) {
.baner-icon-area {
top: 160px;
}
.header {
position: relative;
}
.service-tab .border-btn {
font-size: 20px;
padding: 20px 10px;
}
.footer .col-lg-6 .row .col-lg-5.col-md-5 {
width: 30%;
margin-left: 40px;
}
.footer .col-lg-7.col-md-7 {
width: 40%;
}
.footer .col-lg-4.col-md-4 {
width: 27%;
margin-left: 40px;
margin-top: 20px;
}
.f-info img {
margin-top: 10px;
margin-left: 20px;
}
.f-info li {
font-size: 11px;
}
.f-info {
font-size: 11px;
}
.copyright {
font-size: 11px;
}
.f-social-icon li {
margin: 0 7px;
}
.f-social-icon {
padding-bottom: 24px;
}
.footer .col-lg-4.col-md-4 {
width: 27%;
margin-left: 0px;
margin-top: 0px;
}
.footer .col-lg-6 .row .col-lg-5.col-md-5 {
width: 30%;
margin-left: 0px;
}
.blue-box ul li {
padding-right: 32px;
}
.feature-area .col-lg-6.col-md-6.order-1 {
order: 1 !important;
}
.feature-area .col-lg-6.col-md-6 {
max-width: 91%;
margin: 0 auto;
}
.feature-div {
padding-top: 30px;
}
.feature-div h4 {
margin-bottom: 5px;
}
.feature-div p {
min-height: 80px;
letter-spacing: 2px;
}
.product-area .col-lg-3.col-md-3 {
max-width: 50%;
flex: 50%;
margin: 0 auto;
}
.product-area .col-lg-9.col-md-9 {
max-width: 100%;
flex: 100%;
}
.product-sidebar {
border-right: 0;
}
.product-sidebar h5 {
font-size: 16px !important;
border: 2px solid #000 !important;
text-align: center;
background: url(//www.teamnutztechnology.com/wp-content/themes/team-nuts/images/down-arow.png) no-repeat left 70px center;
padding: 0;
}
.product-sidebar ul {
list-style: none;
padding-left: 20px;
}
.product-sidebar ul li {
font-size: 15px;
}
.product-content {
font-size: 15px;
}
.about-team-img {
display: none;
}
.about-team-area .col-lg-6.col-md-6 {
max-width: 80%;
flex: 80%;
margin: 0 auto;
}
.new-area {
padding: 78px 0 30px;
}
.new-area .col-lg-6.col-md-6 {
max-width: 80%;
margin: 0 auto 50px;
}
.contact-area {
padding: 50px 20px;
}
.financing-area h3 {
font-size: 35px;
}
.auto-tab:nth-child(2) {
width: 100%;
display: inline-block;
}
.auto-tab:nth-child(2) .auto-div-tab {
width: 49%;
float: left;
}
.auto-tab:nth-child(2) .auto-div-tab:nth-child(even) {
margin-right: 0;
width: 50%;
}
.auto-tab:nth-child(2) .auto-div-tab:nth-child(3) {
width: 100%;
margin-top: 7px;
}
.auto-tab-text {
right: 30px;
}
.auto-tab:nth-child(2) .auto-div-tab .auto-tab-img img {
height: 410px;
}
.auto-tab:nth-child(8) .auto-tab-img img {
height: 500px !important;
}
.credit-area p {
margin-bottom: 60px;
}
.credit-heading big span {
font-size: 26px;
}
.product-tab {
height: auto;
}
}
@media (max-width: 767px ) {
.product-sidebar h5 {
max-width: 240px;
background: url(//www.teamnutztechnology.com/wp-content/themes/team-nuts/images/down-arow.png) no-repeat left 10px center;
}
.roofing-img.match-height {
width: 100%;
height: 300px;
margin-bottom: 25px;
}
.location-info-area.match-height {
width: 100%;
height: auto;
}
}
@media (max-width: 675px ) {
h4 {
font-size: 24px;
}
.product-area .col-md-3 {
max-width: 100% !important;
flex: 100% !important;
}
.product-area {
padding: 50px 15px 0;
}
.header {
background: #8e8989;
padding-bottom: 50px;
}
.top-bar {
background: transparent;
margin-bottom: -72px;
position: initial;
}
.product-sidebar .iksm-terms .iksm-terms-tree__inner {
margin-bottom: 10px;
}
.top-bar li:nth-child(1), .top-bar li:nth-child(3) {
display: none;
}
.top-bar li {
font-size: 0px;
transform: translateY(10px);
}
.top-bar li a img {
display: inherit;
padding-top: 20px;
}
.main-nav input[type="checkbox"]:checked ~ aside .aside-left {
transform: translateY(0%);
}
.main-nav input[type="checkbox"]:checked ~ label {
top: 35px;
}
.main-nav #mega-menu-wrap-primary {
margin-left: 0px;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-size: 22px;
}
.header-btm {
position: initial;
background: #000;
padding: 22px 0;
}
.baner-icon-area li {
margin-bottom: 18px;
}
.baner-icon-area {
top: 40px;
left: 20px;
}
.banner-caption img {
width: 55%;
}
.height-auto img {
height: auto !important;
}
.banner-caption {
font-size: 18px;
}
.service-tab {
font-size: 24px;
}
.service-tab .border-btn {
font-size: 17px;
padding: 15px 10px;
}
.copyright {
font-size: 10px;
}
.banner-caption {
top: 60px;
}
.banner-area img {
height: 470px;
}
.page-id-368 .banner-area img {
height: auto;
}
.page-id-368 .banner-caption {
top: 40px !important;
}
.page-id-368 .iner-baner-area .banner-caption h1 {
font-size: 38px;
margin-bottom: 0;
line-height: normal;
}
.page-id-498 .iner-baner-area .banner-caption h1 {
font-size: 38px;
margin-bottom: 0;
line-height: normal;
}
.page-id-498 .banner-area img {
height: auto;
}
.page-id-498 .banner-caption {
top: 40px !important;
}
.banner-caption img {
height: auto !important;
}
.footer .col-lg-7.col-md-7 {
width: 50%;
}
.footer .col-lg-6 .row .col-lg-5.col-md-5 {
width: 50%;
}
.footer {
text-align: center;
}
social-icon {
padding-top: 20px;
margin-bottom: 20px;
}
.footer .col-lg-4.col-md-4 {
width: 33%;
margin-left: 0px;
margin-top: 20px;
}
.inner-header .header-btm {
background: #000;
margin-top: 0px;
}
.iner-baner-area .height-auto .banner-caption {
top: 100px;
}
.iner-baner-area .height-auto .banner-caption {
top: 40px;
}
.iner-baner-area .banner-caption h1 {
font-size: 55px;
color: #fff;
}
.blue-box ul li {
padding-right: 42px;
margin-bottom: 30px;
}
.blue-box ul li:last-child {
margin-bottom: 0;
}
.product-content {
padding-bottom: 10px;
}
.product-sidebar {
margin-top: 0;
}
.gallery-tab {
padding: 20px 0 0px;
}
.financing-area h3 {
font-size: 30px;
}
.financing-area .gform_wrapper {
padding: 0 0px;
}
.product-content ul li {
font-size: 16px;
}
.auto-div h2 {
font-size: 50px;
}
.auto-img-div h5 {
font-size: 20px;
}
.auto-tab:nth-child(2) .auto-div-tab:nth-child(even) {
width: 49%;
}
.auto-div .auto-tab:nth-child(5) .auto-div-tab:nth-child(even) {
width: 49%;
}
.auto-div .auto-tab:nth-child(5) .auto-div-tab, .auto-div .auto-tab:nth-child(8) .auto-div-tab {
margin-bottom: 7px;
}
.heading-div p br {
display: none;
}
.auto-dailing {
padding: 60px 0 40px;
}
.product-content .heading-div {
line-height: 18px;
padding: 24px 20px 15px;
}
.gallery-tab .envira-gallery-wrap .envira-gallery-public .envira-gallery-item img {
height: auto;
object-fit: cover;
}
}
@media (max-width: 598px) {
h2 {
font-size: 45px;
}
.baner-icon-area {
position: absolute;
top: 30px;
left: 40px;
}
.right-side-btn {
display: none;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-size: 20px;
}
.service-tab .border-btn {
border: 3px solid #0000f5;
}
.service-tab p {
margin-bottom: 25px;
}
.footer .col-lg-4.col-md-4 {
width: 26%;
margin-left: 40px;
margin-top: 20px;
}
.copyright {
padding: 30px 20px 0px;
}
.banner-caption img {
height: auto !important;
}
.service-area img {
height: 460px;
}
.service-tab img {
height: auto !important;
}
.blue-box {
padding: 30px 50px 20px;
}
.product-area .col-lg-3.col-md-3 {
max-width: 60%;
}
.gallery-tab h4 {
font-size: 26px;
}
.gallery-tab p br {
display: none;
}
.financing-area h3 {
font-size: 26px;
}
.financing-area .gform_wrapper ul li.gfield {
margin-top: 16px;
}
.financing-area #input_1_1_3_container {
margin-bottom: 25px;
}
.financing-area .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
line-height: 2;
min-height: 2rem;
width: auto;
}
.financing-area .gform_wrapper {
padding: 0 60px;
}
.financing-area li#field_1_1 {
width: 100%;
}
.financing-area li#field_1_2 {
width: 100%;
}
.product-content .heading-div h2 span {
font-size: 15px;
}
.iner-baner-area .banner-caption h1 {
font-size: 50px;
}
.contact-area {
padding: 50px 40px;
}
.gform_wrapper .gform_footer {
width: max-content !important;
}
li#field_4_3, li#field_4_4 {
width: 100%;
}
span#input_4_2_6_container {
margin-bottom: 0;
height: 40px;
}
li#field_3_9 ,li#field_3_3 {
width: 100%;
padding-right: 6px;
}
li#field_3_10 ,li#field_3_4  {
width: 100%;
padding-left: 0;
}
.contact-area li {
padding-left: 0;
}
.new-div-tab .col-md-6.col-sm-6 {
max-width: 80%;
flex: 100%;
margin: 0 auto 30px;
}
.postid-1460 .iner-baner-area .banner-caption h1 {
font-size: 40px;
}
.auto-dailing h3 {
font-size: 28px;
}
.auto-div h2 {
font-size: 40px;
}
.auto-div-tab {
width: 100% !important;
margin-bottom: 7px !important;
}
.auto-div-row .col-md-4 {
max-width: 100%;
}
.auto-div-row .col-md-4 {
padding: 0 0px 0px 0px;
}
.auto-div .auto-tab:nth-child(5) .auto-div-tab:nth-child(3), .auto-div .auto-tab:nth-child(5) .auto-div-tab:nth-child(4) {
margin-bottom: 7px;
}
.auto-tab {
display: inherit !important;
display: -ms-flexbox;
display: inherit;
}
.auto-tab:nth-child(2) .auto-div-tab:nth-child(3) {
margin-top: 0;
}
.auto-div .auto-tab:nth-child(5) .auto-div-tab .auto-tab-img img {
height: 550px !important;
}
}
@media (max-width:568px) {
h3 {
font-size: 45px;
}
.footer .col-lg-4.col-md-4 {
width: 25%;
margin-left: 40px;
margin-top: 20px;
}
.right-side-btn {
display: none;
}
.banner-btn {
font-size: 12px;
padding: 5px 12px;
text-align: center;
letter-spacing: 2px;
}
.baner-icon-area li a:hover span {
display: none;
}
.baner-icon-area {
left: 20px;
}
.banner-caption img {
height: auto !important;
}
.service-area img {
height: 460px;
}
.service-tab img {
height: auto !important;
}
.col-lg-9.col-md-9 .product-content .col-lg-6.col-md-6.col-sm-6 {
max-width: 90%;
margin: 0 auto 30px;
}
.financing-area h3 {
font-size: 24px;
}
.iner-testi-area h3 {
font-size: 34px;
}
.auto-div-row .col-md-6 {
padding: 0;
margin: 0 auto 10px !important;
max-width: 100% !important;
}
.product-content .auto-div-row .auto-tab-text {
line-height: 19px;
left: 10px;
right: 110px;
font-size: 12px;
}
.iner-baner-area .banner-caption h1 {
font-size: 47px;
}
.call-area .blue-btn {
bottom: 10px;
padding: 8px 20px;
}
.product-content .catalog-text h4 {
font-size: 18px;
}
.product-content .catalog-text h4 span {
font-size: 15px;
}
.financing-area .gform_wrapper .gform_footer {
width: 100% !important;
}
.headlight-chart li {
width: 18%;
margin-bottom: 18px;
}
.auto-img-div h5 {
font-size: 19px;
}
.product-content h4 br {
display:none;
}
}
@media (max-width:480px) {
h3 {
font-size: 38px;
margin-bottom: 10px;
}
.top-bar {
padding: 0;
}
.header-btm {
padding: 42px 0 22px;
}
.main-nav {
margin-top: 9px;
}
.main-nav label {
font-size: 0;
margin-bottom: 0;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-size: 17px;
}
.top-bar li a img {
width: 30px;
object-fit: cover;
transform: translateY(9px);
}
.banner-caption {
font-size: 16px;
top: 100px;
}
.height-auto img {
height: 280px !important;
}
.page-id-368 .banner-area img {
height: 220px;
}
.page-id-498 .banner-area img {
height: 220px;
}
.service-tab .border-btn {
border: 3px solid #0000f5;
}
.service-tab {
font-size: 20px;
}
.service-tab .border-btn {
font-size: 15px;
padding: 10px 10px;
}
.footer .col-lg-7.col-md-7 {
width: 50%;
}
.footer .col-lg-6 .row .col-lg-5.col-md-5 {
width: 40%;
margin-left: 40px;
}
.footer .col-lg-4.col-md-4 {
width: 25%;
margin-left: 40px;
margin-top: 20px;
}
.f-info img {
margin-top: 10px;
margin-left: 10px;
}
.f-info {
font-size: 11px;
}
.footer .col-lg-4.col-md-4 {
width: 24%;
margin-left: 40px;
margin-top: 20px;
}
.baner-icon-area li a:hover span {
display: none;
text-decoration: none !important;
}
.banner-btn {
font-size: 12px;
padding: 5px 25px;
text-align: center;
letter-spacing: 0px;
}
.iner-baner-area .banner-caption {
font-size: 18px;
}
.iner-baner-area .banner-caption h1 {
font-size: 38px;
}
.inner-header .header-btm {
padding: 40px 5px 17px;
}
.blue-box {
padding: 30px 20px 20px;
line-height: normal;
}
.blue-box h3 {
font-size: 25px;
margin-bottom: 0px;
} .product-area .col-lg-3.col-md-3 {
max-width: 80%;
}
.gallery-tab h4 {
font-size: 24px;
}
.gallery-tab {
font-size: 15px;
line-height: 24px;
}
.credit-heading big {
font-size: 50px;
line-height: 58px;
}
.credit-heading big span {
font-size: 26px;
text-align: left;
padding-top: 0px;
}
.credit-area p {
margin-bottom: 30px;
}
.credit-area .border-btn {
margin-top: 20px;
}
.credit-div {
display: block;
margin-bottom: 10px;
border-bottom: 2px solid blue;
padding-bottom: 50px;
}
.content-div strong {
font-size: 22px;
}
.financing-area h3 {
font-size: 20px;
}
.financing-area p br {
display: none;
}
.financing-area .gform_wrapper {
padding: 0 0px;
}
.financing-area li {
padding-left: 0;
}
.about-team-area .col-lg-6.col-md-6 {
max-width: 90%;
}
.iner-testi-area h3 {
font-size: 28px;
}
.new-area .col-lg-6.col-md-6 {
max-width: 100%;
}
.call-area img {
height: 300px;
object-fit: cover;
}
.call-tab big {
font-size: 20px;
width: 70%;
}
.margin-btm {
margin-bottom: 10px !important;
}
.contact-area {
padding: 20px 10px;
}
.contact-area .gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
vertical-align: middle !important;
}
.postid-1460 .iner-baner-area .banner-caption h1 {
font-size: 32px;
}
.auto-tab:nth-child(8) .auto-tab-img img {
height: 500px !important;
}
.auto-bg-area strong {
font-size: 13px;
}
.auto-bg-area h3 {
font-size: 32px !important;
}
.auto-div h2 {
font-size: 30px;
}
.auto-dailing h3 {
font-size: 26px;
}
.product-content .heading-div h2 span {
margin-top: 10px;
font-size: 11px;
}
.instagram-field-area .slicker-instagram-placeholder {
width: 17.7% !important;
}
}
@media (max-width: 414px) {
h2 {
font-size: 35px;
}
h3 {
font-size: 33px;
margin-bottom: 10px;
}
.top-bar li a img {
transform: translateY(0);
}
.baner-icon-area {
left: 5px;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
margin-bottom: 30px;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-size: 14px;
}
.aside-section {
height: 560px;
}
.service-tab .border-btn {
border: 2px solid #0000f5;
}
.banner-caption {
font-size: 13px;
}
.banner-caption img {
width: 66%;
height: auto !important;
}
.banner-area img {
height: 470px;
}
.service-area img {
height: 315px;
}
.service-tab {
top: 50px;
}
.service-tab img {
height: auto;
}
.service-tab {
font-size: 16px;
}
.service-tab p {
margin-bottom: 10px;
}
.footer .col-lg-6 .row .col-lg-5.col-md-5 {
width: 50%;
margin-left: 0px;
}
.footer .col-lg-4.col-md-4 {
width: 50%;
margin-left: 0px;
margin-top: 20px;
}
.footer .col-lg-7.col-md-7 {
width: 50%;
margin-left: 0px;
}
.copyright {
font-size: 12px;
line-height: 20px;
}
.f-social-icon li img {
width: 60%;
margin: 2px;
}
.blue-btn {
padding: 15px 20px 18px 80px;
}
.instagram-field-area img {
width: 100%;
height: 150px;
object-fit: cover;
}
.service-tab p {
line-height: 30px;
}
.banner-btn {
font-size: 12px;
padding: 5px 14px;
text-align: center;
letter-spacing: 0px;
}
.iner-baner-area .banner-caption {
font-size: 15px;
line-height: 24px;
}
.iner-baner-area .banner-caption h1 {
font-size: 35px;
line-height: normal;
margin-bottom: 0;
}
.blue-box ul li {
padding-right: 29px;
font-size: 16px;
}
.row.margin-btm {
margin-bottom: 0 !important;
}
.col-lg-9.col-md-9 .product-content .col-lg-6.col-md-6.col-sm-6 {
max-width: 100%;
}
.gallery-tab h4 {
font-size: 18px;
}
.financing-area h3 {
line-height: 26px;
margin-bottom: 20px;
}
.iner-testi-area h3 {
font-size: 22px;
}
.iner-testi-area blockquote {
letter-spacing: 0px;
}
.new-area h4 {
font-size: 26px;
margin-bottom: 40px;
}
.product-content h5 {
font-size: 15px;
}
.product-content .heading-div h2 {
font-size: 21px;
}
.call-tab big {
width: 80%;
}
.new-div-tab .col-md-6.col-sm-6 {
max-width: 100%;
}
.postid-1460 .iner-baner-area .banner-caption h1 {
font-size: 26px;
}
.postid-1460 .banner-area img {
height: 330px;
}
.auto-div {
padding: 20px 7px;
}
.auto-img-div h5 {
font-size: 14px;
}
.auto-img-div .col-6 {
max-width: 100%;
flex: 100%;
margin-bottom: 20px;
}
.auto-tab:nth-child(8) .auto-tab-img img {
height: 540px !important;
}
.heading-div {
line-height: 18px;
}
.content-div strong {
font-size: 20px;
}
.auto-bg-area span {
font-size: 12px;
}
.auto-bg-area strong {
font-size: 12px !important;
}
.auto-bg-area-img img {
height: 230px;
}
.auto-bg-area h3 {
font-size: 28px !important;
}
.auto-div .auto-tab:nth-child(5) .auto-div-tab .auto-tab-img img {
height: 580px !important;
}
.auto-dailing h3 {
font-size: 23px;
}
.auto-tab-text strong {
font-size: 13px !important;
}
.product-img {
border-bottom: 5px solid #0013f5;
padding: 0px 0 5px;
min-height: auto;
}
.product-img li {
padding: 0 !important;
width: 100%;
margin-bottom:10px;
margin-right: 0 !important;
text-align: center;
}
.product-content .modal {
top:0 !important;
overflow-y: auto !important;
}
.product-area {
padding: 0px 0px;
}
.about-team-div li {
font-size: 14px;
}
}
@media (max-width:380px) {
.top-bar li {
transform: translateY(16px);
}
.banner-caption p br {
display: none;
}
.main-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-size: 13px;
}
.banner-caption {
font-size: 15px;
left: 40px;
right: 40px;
}
.banner-area img {
height: 400px;
}
.baner-icon-area li {
margin-bottom: 13px;
}
.service-tab .border-btn {
font-size: 11px;
padding: 5px 5px;
}
.footer .col-lg-6 .row .col-lg-5.col-md-5 {
width: 100%;
margin-left: 0px;
}
.footer .col-lg-4.col-md-4 {
width: 100%;
margin-left: 0px;
margin-top: 20px;
}
.footer .col-lg-7.col-md-7 {
width: 100%;
margin-left: 0px;
}
.blue-btn {
padding: 15px 20px 18px 80px;
}
.f-social-icon li {
display: inline-block;
margin: 0 0px;
}
.copyright {
font-size: 11px;
letter-spacing: 0px;
}
.banner-btn {
display: block;
font-size: 12px;
padding: 5px 8px;
text-align: center;
letter-spacing: 0px;
border-radius: 5px;
margin-bottom: 5px;
}
.service-tab .border-btn {
border: 2px solid #0000f5;
}
.iner-baner-area .banner-caption h1 {
font-size: 28px;
}
.banner-caption {
font-size: 15px;
}
.feature-area {
padding: 180px 0 50px;
}
.feature-div h4 {
font-size: 25px;
}
.feature-div {
padding-top: 20px;
margin-bottom: 20px;
}
.credit-area {
padding: 20px 0 20px;
}
.credit-div {
display: block;
margin-bottom: 10px;
border-bottom: 2px solid blue;
padding-bottom: 50px;
}
.news-tab {
padding: 0 0px;
}
.text-div-form li {
width: 80%;
float: left;
margin: 0 20px;
}
.news-img img {
margin-top: 20px;
}
.credit-area p {
margin-bottom: 10px;
font-size: 15px;
margin-top: 10px;
}
.credit-heading big {
font-size: 45px;
text-align: left;
}
.text-div {
padding: 20px 0 20px;
letter-spacing: 0px;
}
.text-div.blue-bg p {
font-size: 14px;
}
.about-team-area {
padding: 30px 0;
}
.about-team-img img {
height: 300px;
margin-top: 20px;
}
.iner-testi-area {
display: block;
text-align: center;
padding-top: 25px;
}
.about-team-div {
letter-spacing: 1px;
}
.prize-area .text-div-form h4 {
font-size: 35px;
}
.prize-area h3 {
font-size: 35px;
}
.prize-area .text-div-form h4 {
font-size: 30px;
}
.auto-magic-tab h4 {
font-family: 'Montserrat-Black';
font-size: 24px;
}
.copyright {
font-size: 11px;
letter-spacing: 0px;
}
.prize-area img {
margin: 40px 0 40px;
}
.prize-area img {
margin: 40px 0 40px;
border-bottom: 2px solid blue;
padding-bottom: 40px;
}
.iner-baner-area img {
height:320px;
}
.iner-baner-area .banner-caption {
top:90px;
left: 0;
right: 0;
}
.credit-area strong {
font-size: 16px;
text-transform: uppercase;
line-height: 30px;
}
.about-team-div h4 {
margin-bottom: 15px;
line-height: normal;
font-size: 26px;
}
.credit-area h3 {
font-size: 22px;
line-height: 30px;
}
.credit-heading big {
font-size: 40px;
text-align: left;
}
.credit-heading big span {
font-size: 24px;
line-height: 10px;
padding-top: 0px;
text-align: left;
margin-bottom: 20px;
}
.text-div.blue-bg h3 {
font-size: 24px;
margin-bottom: 14px;
line-height: 29px;
}
.about-team-div ul {
margin-bottom: 25px;
}
.iner-testi-area h3 {
font-size: 20px;
}
.iner-testi-area blockquote {
letter-spacing: 0px;
margin-bottom: 25px;
font-size: 15px;
line-height: 24px;
}
.new-area {
padding: 0px 0;
}
.auto-magic-area {
float: left;
width: 100%;
padding: 20px 0;
text-align: center;
}
.new-area h4 {
font-size: 22px;
margin: 20px 0 0;
}
.auto-magic-tab img {
margin-bottom: 33px;
width: 85%;
}
.auto-magic-tab h3 {
color: #000;
margin-bottom: 10px;
font-size: 24px;
line-height: normal;
}
.blue-box {
padding: 30px 5px 20px;
}
.product-area .col-lg-3.col-md-3 {
max-width: 90%;
}
.product-content .col-lg-4.col-md-4.col-sm-6.col-6 {
max-width: 100%;
flex: 100%;
}
.product-content .heading-div h2 {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
}
.auto-tab-img img {
height: 320px;
}
.product-content .auto-div-row .auto-tab-text {
right: 40px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 18px;
margin-bottom: 0;
}
.call-tab big {
font-size: 16px;
line-height: 30px;
}
.call-area .blue-btn {
bottom: 40px;
}
.product-content .col-lg-4.col-md-4.col-sm-4.col-6 {
max-width: 100%;
flex: 100%;
}
.col-lg-4.col-md-4.col-sm-4.col-6 .cataalog-tab {
border-bottom: 1px solid #000;
}
.product-content .cataalog-tab {
padding-top: 20px;
}
.auto-dailing h3 {
font-size: 21px;
}
.auto-div h2 {
font-size: 26px;
}
.auto-bg-area strong {
line-height: normal;
}
.auto-tab:nth-child(8) .auto-tab-img img {
height: 580px !important;
}
.auto-dailing h3 {
font-size: 18px;
}
.content-div strong br {
display: none;
}
.content-div strong {
font-size: 18px;
}
}
@media (max-height:750px){
.banner-btn {
font-size: 10px;
}
.banner-btn {
padding: 7px;
}
.right-side-btn {
position: fixed;
top: 380px;
right: -200px;
}
}