/********************************************************************************
	Theme Name: Superior Driveline
	Theme URL: https://www.superiordriveline.com
	Description: This theme is a 12-column Widget-ready theme created for WordPress.
	Author: Amplimark LLC, Des Moines, Iowa
	Author URI: https://www.amplimark.com 
	Version: 1.0
	Tags: Amplimark, Superior Driveline
********************************************************************************/
/*
         AAAAAAA    MMMMMMMM     MMMMMMM PPPPPPPPPPPP      LLLLLLL          IIIIIII MMMMM           MMMMM          AA          RRRRRRRRRRRR       KKKKKK      KKKKK
        AAAAAAAA   MMMMMMMMM   MMMMMMMMM PPPPPPPPPPPPPP    LLLLLLL          IIIIIII MMMMMM         MMMMMM         AAAA         RRRRRRRRRRRRRR     KKKKKK    KKKKK
       AAAAAAAAA  MMMMMMMMMM  MMMMMMMMMM PPPPPP    PPPPPP  LLLLLLL          IIIIIII MMMMMMMM     MMMMMMMM        AAAAAA        RRRRR   RRRRRRR    KKKKKK  KKKKK
      AAAAAAAAAA MMMMMMMMMMM MMMMMMMMMMM PPPPPP     PPPPPP LLLLLLL          IIIIIII MMMM MMMM   MMMM MMMM       AAA AAAA       RRRRR      RRRRR   KKKKKKKKKKK
     AAAAAAAAAAA MMMMMMMMMMM MMMMMMMMMMM PPPPPP    PPPPPP  LLLLLLL          IIIIIII MMMM MMMMM MMMMM MMMM      AAAA  AAAA      RRRRR    RRRRRR    KKKKKKKKKK
    AAAAAAAAAAAA MMMMM MMMMM MMMMM MMMMM PPPPPPPPPPPPPP    LLLLLLL          IIIIIII MMMM  MMMMMMMMM  MMMM     AAAA    AAAA     RRRRRRRRRRRRR      KKKKKKKKKKK
   AAAAAAAA AAAA MMMM  MMMMM MMMM  MMMMM PPPPPP            LLLLLLL          IIIIIII MMMM   MMMMMMM   MMMM    AAAAAAAAAAAAAA    RRRRR   RRRRRR     KKKKKK  KKKKK
  AAAAAAAA  AAAA MMM   MMMMM MMM   MMMMM PPPPPP            LLLLLLLLLLLLLLLL IIIIIII MMMM    MMMMM    MMMM   AAAA       AAAAA   RRRR     RRRRRRR   KKKKKK    KKKKK
 AAAAAAAA   AAAA MM    MMMMM MM    MMMMM PPPPPP            LLLLLLLLLLLLLLLL IIIIIII MMMM     MMM     MMMM  AAAA         AAAAA  RRRRR     RRRRRRR  KKKKKK      KKKKK
AAAAAAAA    AAAA M     MMMMM M     MMMMM PPPPPP            LLLLLLLLLLLLLLLL IIIIIII MMMM      M      MMMM AAAA           AAAAA RRRRR      RRRRRRR KKKKKK        KKKKK

*/



body {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-size: 115%!important;
	font-size: 1.1em;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    overflow-x: hidden !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: neue-haas-grotesk-display, sans-serif !important;
    font-style: normal;
    letter-spacing: 0.5px;
    font-weight: 600;
    margin: 0.625rem 0;
    /* color: #006699; */
    color: #222;
}


.vertical-space, .vertical-space1, .vertical-space2, .vertical-space3, .vertical-space4, .vertical-space5 {
    display: block;
    width: 100%;
    margin: 0;
    clear: both;
    border: 0;
    height: 10px;
}

.vertical-space1 {
    height: 10px
}
.vertical-space2 {
    height: 20px
}
.vertical-space3 {
    height: 30px
}
.vertical-space4 {
    height: 40px
}
.vertical-space5 {
    height: 50px
}

.header-logo img {
    opacity: 100;
}


.header-top {
    position: relative;
    display: block;
    padding: 5px 0!important;
}

.single-blog-style1--blog-large.blog-details .text-holder .top-text .top .inner-text {
    position: relative;
    display: block;
    padding-left: 20px!important;
}

button, input, optgroup, select, textarea {
    margin: 0;
    background:#f1f1f1;
    padding:0.25em!important;
        
}


@media only screen and (max-width: 767px) {
.header-top {
    display: none!important;
}
}


@media only screen and (max-width: 767px) {
.main-logo-box img {
    max-width: 150px;
}
}

.single .top-nav {
    margin-left: 0em;
    padding-left: 2em;
    position: absolute;
    z-index: 40;
    background: #000;
    width: 100%;
}

h1, .h1 {
    font-size: 1.7em;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.3em;
}
h4 {
    font-size: 1.3em;
}
h5 {
    font-size: 1.1em;
}

header {
    position: fixed;
    min-width: 320px;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    box-shadow: 0 2px 3px 0 rgb(4 26 61 / 20%);
}

.single-blog-style1 .categories-date-box .date-box {
    padding: 0px 10px!important;
    text-align: center;
}

.page-template p,  .home p {font-size: 1.1em!important;}

.video-gallery-style1_content .inner-box ul li {
    font-size:1.3em;
	font-weight: 600;
    padding-left: 30px;
    color: #ffffff;
    line-height: 36px;
}

.error404 input:not([type=checkbox]):not([type=radio]) {
    -webkit-border-radius: 0;
    border: 1px solid #f1f1f1;
    background: #f1f1f1;
    padding:5px;
    display:inline-table;
}

.container-wide p {padding-bottom:15px;}

.main-slider .content .text p {
    color: #ffffff;
    font-size:1.5em!important; font-weight:600!important;
    text-transform: none;
}



@media (min-width: 1800px) {
#banner .primary-heading.h1 {
    font-size: 3em;
    margin-bottom: 1.5em;
    color:#FFF!important;
}
}

.header-logo img, .header-logo .svg {
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 20px;
    right: 20px;
    margin: auto;
    width: auto;
    height: calc(100% - 30px);
    max-width: 290px;
    max-height: 100%;
}

.footer-bottom {
    box-shadow: 0 -2px 5px 0 rgb(4 26 61 / 10%);
    background: #303030;
    color: #8d8d8d;
    padding: 30px 0;
    font-size: 1em;
    line-height: 1.286;
}

.footer-bottom a:hover {
    color: #fff!important;
    text-decoration:underline;
}

.footer-bottom h3 {
    font-size: 1.6em;
    margin-top: 0;
    color: #ffffff;
}


.footer-top .location-title {
    font-size: 1.4em;
    line-height: 1;
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.1px;
    margin: 0.625rem 0;
    color: #303030;
}


#full {
    text-align: center;
}

@media (min-width: 1180px) {
#full .h1 {
    font-size: 3.2em;
    color:#333!important;
}
}

.practice-areas {
    padding: 110px 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

@media (min-width: 761px) {
#profiles .profiles {
    display: flex;
    flex-wrap: wrap;
    margin-left: -90px;
    justify-content: center;
}
}


@media (min-width: 761px) {
.practice {
    display: flex;
    flex-wrap: wrap;
    margin-left: -90px;
    justify-content: center;
    margin-bottom: 50px;
}
}


@media (min-width: 761px) {
.practice-areas .practice {
    width: calc(50% - 90px);
    margin-left: 90px;
    left: calc(-35px / (2 * 2));
}
}

@media (min-width: 1180px) {
.practice-areas .practice {
    width: calc(33.333% - 90px);
    left: calc(-35px / (3 * 2));
}
}

@media (min-width: 1801px) {
.practice-areas .practice {
    width: calc(33.333% - 90px);
}
}

.pr {
    position: relative;
    display: block;
    overflow: hidden;
    background: #edeef0;
}


.btn {
    background: #303030;
    color: #fff;
    max-width: 220px;
}

.header-nav .menu li a {
    font-size: 0.9em;
    font-weight: 500;
    line-height: 1.5;
    display: block;
    padding: calc((55px - (1em * 1.5)) * .5) 0;
}

.btn.btn-outline:not(:hover) {
    background: transparent;
    color: #006699;
    border-color: #006699;
}

.locations .btn.btn-outline:not(:hover) {
    background: transparent;
    color: #cca76f;
    border-color: #cca76f;
}

.btn.btn-small {
    font-size: 0.75em;
    padding: calc(((50px - (1px * 2)) - (1em * 1.5)) * .5) 2.188em;
}

.btn.btn-outline:hover:not(.btn-with-arrow) {
    background: #bfbec4;
    color: #fff;
    border-color: transparent;
}

.fancy-box h3 {color:#000!important;font-size: 1.6em;}
.fancy-box ul.menu li {list-style:disc;margin-left:20px;padding:10px 0px;font-size:1.2em;}

#home-section-1 .section-heading  {width:90%;max-width: 1240px;margin: 0 auto;}
#home-section-1 .section-heading h2 {font-size:1.8em;color:#FFF!important}
#home-section-1 .section-heading p {font-size:1.4em;font-weight:500; color:#FFF!important}


@media (min-width: 1801px) {
#home-section-2 {
    padding-top: 70px;
    margin-bottom: 10px;
}
}

/* 
@media (min-width: 1180px) {
    body {
        padding-top: 50px;
    }  
}
 */

#banner {
    padding: 150px 0 150px;
    position: relative;
    z-index: 1;
}

/* Three columns content */

    .col3-layout {
	  text-align: left;
	  padding: 30px 25px 30px
	}
	.col3-layout .value {
	  font-size: 55px;
	  line-height: 1;
	}
	.col3-layout.value:after {
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 25px;
	  margin-bottom: 25px
	}
	.col3-layout h3 {
      font-size: 1.8em;
      margin-top: 0;
	  margin-bottom: 15px;
	}
	.col3-lauout .h5 {
	  margin-top: 15px;
	  margin-bottom: 25px
	}

    .footer-list li {padding:4px 0;font-size:1.1em;}

    .format {padding-top: 50px;width:380px;}

	@media (min-width:1180px) {
	  .col3-layout.fancy-shadow {
	    left: calc(-35px / 2)
	  }
	}
	@media (max-width:1800px) {
	  .col3-layout .value {
	    font-size: 45px
	  }
	}
	@media (max-width:400px) {
	  .col3-layout .value {
	    font-size: 30px
	  }
	}
	#col3-layouts {
	  text-align: left;
	}

	@media (max-width:760px) {
	  #col3-layouts {
	    margin-left: -20px;
	    margin-right: -20px
	  }
	}
	#col3-layouts .col3-layouts > * {
	  margin-bottom: 30px
	}
	@media (min-width:761px) {
	  #col3-layouts .col3-layouts > * {
	    margin-bottom: 35px
	  }
	}
	@media (min-width:1180px) {
	  #col3-layouts .col3-layouts {
	    display: flex;
	    flex-wrap: wrap;
	    margin-left: -80px
	  }
	  #col3-layouts .col3-layouts > * {
	    width: calc(33.33% - 80px);
	    margin-left: 80px;
	    margin-bottom: 35px
	  }
	}
	@media (min-width:1801px) {
	  #col3-layouts .col3-layouts {
	    margin-left: -10px;
	    margin-top: 5px
	  }
	  #col3-layouts .col3-layouts > * {
	    width: calc(33.333% - 90px);
	    margin-left: 90px;
	    margin-bottom: 35px
	  }
	  #col3-layouts .col3-layouts > * .value {
	    font-size: 2em;
	  }
	} 


.single-service-style1 h2 a {
    color: #222;
}

.header-social-link {
    padding-right: 30px;
}

.sec-title .sub-title .border-left {
    background: #222;
}

.sec-title .sub-title .border-right {
    background: #222;
}

.sec-title .sub-title h6 {
    color: #222;
}

.contact-info__box .sec-title .sub-title h6 {
    color: #f1f1f1!important;
}

.video-gallery-style1-area .pattern-bg {
    background-color: var(--thm-gray);
}

.about-style2__image-box .icon-box span::before {
    color: var(--thm-base);
}

ol.list-style,
ul.list-style {
    padding-left: 2rem;
}

ol.list-style li {
    list-style-type: decimal;
    margin-bottom: .5rem;
}

ul.list-style li {
    list-style-type: disc;
    margin-bottom: .5rem;
}

a {
    color: #b6202b;
}

a:hover {
    color: #333;
}

p {
    margin-bottom: .5rem !important;
}

.footer-social-link ul li a {
    background: var(--thm-base);
}

.footer-social-link ul li a:hover {
    background: #000;
}

.single-blog-style1 .categories-date-box {
    display: flex;
}

.single-blog-style1 .categories-date-box .date-box {
    height: initial;
    width: initial;
}

.single-blog-style1 .categories-date-box .categories-box {
    height: initial;
}

@media only screen and (max-width: 767px) {
    .about-style1__image1 {
      padding-top: 0px;
      max-width: 540px;
    }
}

.certificates-area .owl-stage {
    margin: 0 auto;
}

section.certificates-area.grey .single-certificates-box {
    background-color: #fff;
}


.main-logo-box:before {
    z-index: -1;
    border-top: 130px solid #b1b1b1;
    border-right: 70px solid transparent;
}

.main-logo-box:after {
    border-bottom: 50px solid #b1b1b1;
    z-index: -1;
}

.single-service-style1 .title-holder .inner-text {
    position: absolute;
    left: 0;
    bottom: 60px;
	bottom: 2px;
    width: 100%!important;
    background: #FFFFFF;
    padding-top: 5px;
    padding-left: 15px;
    padding-bottom: 15px;
    overflow: hidden;
    transition: all 0.3s 
    ease-in-out 0.1s;
    z-index: 2;
}

.inner-text .text p {font-size:0.9em!important;line-height:1.0em!important}


.btn-one:before {
    position: absolute;
    top: 115px;
    left: -50px;
    right: -50px;
    height: 170px;
    content: "";
    -webkit-transform: translateY(-55px);
    transform: translateY(-55px);
    border-radius: 0!important;
    webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    z-index: 1;
}


.video-gallery-style1_content {
    position: relative;
    display: block;
    padding-top: 25px;
    padding-bottom: 25px;
    z-index: 2;
}

.video-gallery-style1-area .pattern-bg {
    position: absolute;
    background-color: #666;
    transform: skew(360deg, 0deg);
}
.footer-area {
    position: relative;
    display: block;
    background: #1a1a1a;
}

.about-style2__content .inner-content ul li {
    position: relative;
    display: list-item;
	margin-left:15px;
    padding-left: 20px;
    margin-bottom: 20px;
    list-style-type: disc;
}

.faq-style1-content ul li {list-style-type: disc;margin-left:20px;}
.sec-title .sub-title .border-right { background: none; }
.sec-title .sub-title .border-left { background: none; }

.btn-one:before {
    position: absolute;
    top: 120px;
    left: -50px;
    right: -50px;
    height: 170px;
    content: "";
    -webkit-transform: translateY(-55px);
    transform: translateY(-55px);
    border-radius: 0 !important;
    webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    z-index: 1;
}

.btn-sd {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 15px 25px;
    background-color: #b6202b;
    color: #FFFFFF!important;
    font-size: 1.1em;
    line-height: 1.4em;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0px;
    -webkit-transition: all 0.3s 
linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s 
linear;
    font-family: var(--thm-font-2);
    z-index: 2;
}

.btn-sd:before {
    position: absolute;
    top: 120px;
    left: -50px;
    right: -50px;
    height: 170px;
    content: "";
    -webkit-transform: translateY(-55px);
    transform: translateY(-55px);
    border-radius: 0 !important;
    webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    z-index: 1;
}

.view-all-service .service-pages li a {
    position: relative;
    display: block;
    background: #f5f5f5;
    padding: 5px 30px 5px;
    color: #b6202b!important;
    font-size: 1.2em!important;
    font-weight: 600;
    line-height: 50px;
    font-family: var(--thm-font-2);
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 1;
}

.page-template-page-products .single-service-style1 {
    position: relative;
    display: block;
    max-width: 95%;
    width: 100%;
    margin: 0 auto 20px;
}


.page-template-page-products .single-service-style1 .title-holder .inner-text {
    position: absolute;
    left: 0;
    bottom: 40px;
    bottom: 2px;
    width: 100% !important;
    background: #c3c3c3;
    padding-top: 5px;
    padding-left: 15px;
    padding-bottom: 15px;
    overflow: hidden;
    transition: all 0.3s 
ease-in-out 0.1s;
    z-index: 2;
}


.single-service-style1:hover .title-holder .text {
    opacity: 1.0;
    height: 65px!important;
    padding-top: 9px;
}