/***** BEGIN RESET *****/

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,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

.faceted-search__top-section {
    background: white;
}

div#faceted-search-main {
    background: white;
}

div#listContainer {
    background: white;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    width: 100%;
}

td {
    vertical-align: top;
}

/* Make HTML 5 elements display block-level for consistent styling */
header,
nav,
article,
footer,
address,
img {
    display: block;
}

/***** END RESET *****/

/* -------------SITE FRAMEWORK -------------------------*/

.clear {
    clear: both;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.none {
    display: none;
}

* {
    box-sizing: border-box !important;
}

.disclaimer,
.disclaimer * {
    color: white !important;
    !i;
    !;
}

body {
    font-size: 20px;
    line-height: normal;
    -webkit-text-size-adjust: none;
    background-color: #FFFFFF;
    font-family: 'Roboto Condensed', sans-serif !important;
}

h1,
h2,
h3,
h4 {
    font-weight: 700;
    margin-bottom: 5px;
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif !important;
}

h1.list-title {
    color: white;
}

strong {
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif !important;
}

a:link,
a:visited,
a:active {
    text-decoration: none;
    font-weight: 700;
}

a:hover {
    text-decoration: none;
    color: #fff;
}

.wrapper {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

p {
    color: #000;
    margin: 0;
    font-size: 18px;
    padding: 0;
    display: block;
    line-height: 30px;
    font-family: 'Roboto Condensed', sans-serif !important;
}

p a:link,
.white a:visited,
.white a:active {
    text-decoration: none;
    color: #000;
    font-weight: normal
}

p a:hover {
    text-decoration: underline;
    color: #000;
}





.wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px;
    position: relative;
}

.no-pad-wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
}

.sub-wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    padding: 10% 20px;
}

.sub-wrapper h1 {
    font-size: 35px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 800;
    font-style: italic;
    letter-spacing: 2px;
}

::selection {
    color: #fff;
    background: #FFFFFF;
}

::-moz-selection {
    color: #fff;
    background: #FFFFFF;
}

.i-wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    padding: 10% 20px;
}

/*------------- HEADER ----------------------------------------------*/

.top-header {
    z-index: 800;
}

.theader {
    width: 100%;
    float: left;
    background-color: transparent;
    padding: 30px 0;
    position: absolute;
    display: block;
    z-index: 820;
}

.mtheader {
    width: 100%;
    float: left;
    background-color: transparent;
    padding: 15px 0;
    position: absolute;
    display: block;
    z-index: 820;
}

.abtop-header {
    z-index: 800;
}

.abtheader {
    width: 100%;
    float: left;
    background-color: transparent;
    padding: 30px 0;
    position: absolute;
    display: block;
    z-index: 820;
}

.topcenter {
    text-shadow: 2px 2px 4px #000000;
    float: left;
    padding: 0;
    display: inline-block;
    width: auto;
    text-align: left;
    color: #FFFFFF;
    margin: 0px 0 0px 40%;
    width: auto;
    align-items: center;
    justify-content: center;
}

.topcenter p {
    display: inline-block;
    text-align: right;
    color: #FFFFFF;
    letter-spacing: 1px;
    margin-left: 0;
    padding: 0 5px;
    font-size: 14px;
}

.topcenter p a {
    color: #FFFFFF;
}

.topcenter p a:hover {
    color: #d50002;
}

.topcenter ul {
    margin: 0;
    padding: 0;
}

.topcenter ul li {
    display: inline-block;
    margin: 0;
    list-style-type: none;
    width: auto;
    color: #FFFFFF;
    letter-spacing: 1px;
    font-weight: 700;
}

.topcenter ul li a {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 1px;
    text-decoration: none;
    display: block;
    margin: 0;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    font-weight: 700;
    padding: 0 30px;
}





.topcenter ul li a:hover {
    color: #d50002 !important;
}

.topcenter a:hover {
    color: #d50002 !important;
}

.topcenter .fa,
.fas,
.fab i {
    color: #fff !important;
    font-weight: 700;
    font-size: 25px;
}

.topcenter .fa,
.fas,
.fab i:hover {
    color: #d50002 !important;
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    color: #FFFFFF !important;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}



.mtopcenter {
    text-shadow: 2px 2px 4px #000000;
    float: left;
    padding: 0;
    display: inline-block;
    width: auto;
    text-align: left;
    color: #FFFFFF;
    margin: 0px 0 0px 40%;
    width: auto;
    align-items: center;
    justify-content: center;
}

.mtopcenter p {
    display: inline-block;
    text-align: right;
    color: #FFFFFF;
    letter-spacing: 1px;
    margin-left: 0;
    padding: 0 5px;
    font-size: 14px;
}

.mtopcenter p a {
    color: #FFFFFF;
}

.mtopcenter p a:hover {
    color: #d50002;
}

.mtopcenter ul {
    margin: 0;
    padding: 0;
}

.mtopcenter ul li {
    display: inline-block;
    margin: 0;
    list-style-type: none;
    width: auto;
    color: #FFFFFF;
    letter-spacing: 1px;
    font-weight: 700;
}

.mtopcenter ul li a {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 1px;
    text-decoration: none;
    display: block;
    margin: 0;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    font-weight: 700;
    padding: 0 30px;
}





.mtopcenter ul li a:hover {
    color: #d50002 !important;
}

.mtopcenter a:hover {
    color: #d50002 !important;
}

.mtopcenter .fa,
.fas,
.fab i {
    color: #fff !important;
    font-weight: 700;
    font-size: 25px;
}

.mtopcenter .fa,
.fas,
.fab i:hover {
    color: #d50002 !important;
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    color: #FFFFFF !important;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}










.leftheader {
    width: 100%;
    float: left;
    padding: 20px 0 0 80px;
    position: absolute;
    display: inline-block;
}

.lefttheader img {
    width: 100%
}

.logoimg {
    width: 100%;
    margin: 0 auto;
}



.mobile-text .fa {
    color: #FFFFFF;
    font-size: 45px;
    margin: 0;
    display: block;
    line-height: normal;
    position: absolute;
    padding-bottom: 24px;
    letter-spacing: 2px;
}

.mobile-text {
    color: #1E3964;
    float: left;

}

.mobile-text .fa,
.fas,
.fab i {
    color: #fff !important;
    font-weight: 700;
    font-size: 25px;
}

.mobile-text .fa,
.fas,
.fab i:hover {
    color: #d50002 !important;
}

.mobile-text ul {
    margin: 0;
    padding: 0;
}

.mobile-text ul li {
    display: inline-block;
    margin: 0;
    list-style-type: none;
    width: auto;
    padding: 0 5px;
}

.mobile-text ul li a {
    color: #FFFFFF;
    font-size: 20px;
    line-height: normal;
    letter-spacing: 1px;
    text-decoration: none;
    display: inline-block;
    margin: 0;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    font-weight: 700;
}

.m-mobile-text ul li a:hover {
    color: #d50002 !important;
}

.m-mobile-text a:hover {
    color: #d50002 !important;
}

/*END STICKY NAV*/

.m-mobile-text .fa,
.fas,
.fab i {
    color: #fff !important;
    font-weight: 700;
    font-size: 25px;
}

.m-mobile-text .fa,
.fas,
.fab i:hover {
    color: #d50002 !important;
}

.m-mobile-text ul {
    margin: 0;
    padding: 0;
}

.m-mobile-text ul li {
    display: inline-block;
    margin: 0;
    list-style-type: none;
    width: auto;
    padding: 0 5px;
}

.m-mobile-text ul li a {
    color: #FFFFFF;
    font-size: 20px;
    line-height: normal;
    letter-spacing: 1px;
    text-decoration: none;
    display: inline-block;
    margin: 0;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    font-weight: 700;
}

.m-mobile-text ul li a:hover {
    color: #d50002 !important;
}

.m-mobile-text a:hover {
    color: #d50002 !important;
}

/*END STICKY NAV*/


.rightheader {
    text-align: right;
    /* width: 25%; */
    float: left;
    margin: 0px 0 0px 10%;
}


.rightheader ul {
    margin: 0;
    padding: 0;
}

.rightheader ul li {
    display: inline-block;
    margin: 0;
    list-style-type: none;
    width: auto;
    color: #FFFFFF;
    letter-spacing: 1px;
    font-weight: 700;
}

.rightheader ul li a {
    color: #FFFFFF;
    font-size: 25px;
    line-height: 18px;
    letter-spacing: 1px;
    text-decoration: none;
    display: block;
    margin: 0;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    font-weight: 800;
    padding: 0 5px;
}

.rightheader ul li a:hover {
    color: #d50002 !important;
}

.rightlheader .fa,
.fas,
.fab i {
    color: #FFFFFF !important;
}

.rightlheader .fa,
.fas,
.fab i {
    font-weight: 700;
    font-size: 20px;
}

.rightheader .fa,
.fab,
.fad,
.fal,
.far,
.fas {
    color: #FFFFFF;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* ------------------------HOME PAGE STYLES -----------------------------------------------*/
/*----------Hero Image/ Main image-----------------*/
.cycle-slideshow {
    background-color: transparent;
}

.banner {
    height: auto;
    box-sizing: border-box;
    width: 100%;
}

.mob-banner {
    display: none;
}

.hwrapper {
    text-align: center;
    width: 100%;
}

.abbanner {
    height: auto;
    box-sizing: border-box;
    width: 100%;
    border-bottom: #d50002 thick solid;
}

.abmob-banner {
    display: none;
}

/* ---------------------------------------------Buttons-----------------------------------------------*/
/*----------Buttons-------------------------------*/
.butncol {
    background-image: url("../siteart/midbackground.png");
    background: no-repeat center cover;
}

.text-row {
    background-color: #d50002;
    padding: 10px 0;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    text-transform: none;
    color: #fff;

}

.container {
    max-width: 1350px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container1 {
    margin: 0 auto;
    max-width: 1350px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.sale-row {
    max-width: 1600px;

}

.sale-row .box {
    background-color: #000;
    border-radius: 15px;
    transition: all .3s;
    margin: 20px;
}

.sale-row .box img {
    width: 100%;
}

.sale-row a:hover .box {
    background-color: #d50002;
}

.sale-row .trl h3 {
    font-size: 75px;
    text-shadow: -4px 2px #231f23;
    color: #fff;
    font-weight: 700;
    position: absolute;
    transform: rotate(-90deg);
    left: -30px;
    bottom: 135px;
}

.sale-row .car h3 {
    font-size: 80px;
    text-shadow: -4px 2px #231f23;
    color: #fff;
    font-weight: 700;
    position: absolute;
    transform: rotate(-90deg);
    left: -5px;
    letter-spacing: 1.5px;
    bottom: 135px;
}

.sale-row .trk h3 {
    font-size: 80px;
    text-shadow: -4px 2px #231f23;
    color: #fff;
    font-weight: 700;
    position: absolute;
    transform: rotate(-90deg);
    left: -20px;
    letter-spacing: 1.5px;
    bottom: 135px;
}



.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}


.col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.homwrap {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-color: #000000;
}

/* --------------------------------------------- welcome middle ----------------------------------------------*/
.hom-ab-wrap {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    background: #000000;
}

.hom-row {
    content: "";
    display: table;
    clear: both;
}

.hom-aboutl {
    width: 50%;
    float: left;
    position: relative;
    display: inline-block;
    padding: 50px 0 50px 70px;
}

.hom-aboutr {
    width: 45%;
    float: right;
    position: relative;
    display: inline-block;
    padding: 150px 70px 40px 0;
    margin: 0 auto;
}

.hom-aboutl h1 {
    font-size: 45px;
    line-height: 55px;
    color: #FFFFFF;
    font-style: normal;
    text-align: left;
    font-weight: 900;
}

.hom-aboutl h3 {
    font-size: 35px;
    line-height: 45px;
    color: #FFFFFF;
    font-style: normal;
    text-align: left;
    font-weight: 900;
}

.hom-aboutl h4 {
    font-size: 25px;
    line-height: 30px;
    color: #FFFFFF;
    font-style: normal;
    text-align: left;
    font-weight: 900;
}

.hom-aboutl p {
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    text-align: left;
    text-transform: capitalize;
    padding: 0 0 0 30px;
}

.hom-aboutr img {
    width: 100%;
}

.hom-aboutl p a {
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    font-weight: bold;
}

.hom-aboutl p a:hover {
    text-decoration: none;
    color: #d50002 !important;
}

/* -------------------------------------------------------------------------------------------*/
/* ----------------------------- Mid Contact Section On Home Page----------------------------- */
.home-contact {
    height: auto;
    width: 100%;
    background-image: url("../siteart/midbackground.png");
    background: no-repeat center cover;
    display: inline-block;
    margin: 0 auto;
    border-bottom: #d50002 thick solid;
    border-top: thick solid #d50002;
}

.mid-row:after {
    content: "";
    display: table;
    clear: both;
}

.mid-left {
    width: 50%;
    height: 100%;
    ;
    display: inline-block;
    vertical-align: middle;
}

.info {
    padding: 50px 0 0;
}

.mid-right {
    display: block;
    color: #000000;
    vertical-align: middle;
    margin: 0 auto;
    padding: 10px 20% 0 20px;
    float: right;
}

.mid-right h1 {
    display: block;
    margin: 0 auto;
    text-align: left;
    color: #000000;
    line-height: 50px;
    font-size: 35px;
    padding-bottom: 1px;
    font-weight: 800;
}

.mid-right ul {
    display: block;
    margin: 0 auto;
    text-align: left;
    color: #000000;
}

.mid-right li a {
    margin: 0 auto;
    text-align: left;
    color: #000000;
    line-height: 40px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    padding-bottom: 1px;
}

.mid-right li {
    margin: 0 auto;
    text-align: left;
    color: #000000;
    line-height: 30px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.mid-right,
.fa,
.far,
.fas,
.fab {
    font-size: 22px;
    vertical-align: middle;
    color: #d50002 !important;
}

/* -------------------------------------------------------------------------------------------*/

/*-------------Inventory---------------------*/

.invwrapper {
    text-align: left;
    width: 100%;
    border-bottom: #d50002 medium solid;
    background-color: #000000;
}

.inf-welc {
    background-color: transparent;
    text-align: left;
    height: 100%;
    color: #FFFFFF;
    width: 100%;
    margin: 0 auto;
}

/* -------------------------------------------------------------------------------------------*/


/*-------------FOOTER---------------------*/
/*  FOOTER
------------------------------------------------*/
footer {
    background-color: #000000 !important;
    text-align: left;
    text-transform: uppercase;
    height: auto;
    padding: 40px 80px;
    color: #fff !important;
    display: block;
    position: relative;
}

.wrap {
    width: 100%;
    margin: 0 auto;
}

.foot-nav {
    list-style: none;
    margin: 0;
}

.foot-nav li {
    padding: 5px 0;
}

.foot-nav li a:hover {
    color: #d50002 !important;
    text-decoration: none;
}

.foot-nav li a {
    font-size: 14px;
    list-style: none;
    color: #FFFFFF !important;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 25px;
}

.foot-nav a:hover {
    color: #d50002;
    text-decoration: none;
}

.foot-nav img {
    padding: 0;
    display: inline-block;
    position: relative;
    width: 100% !important;
}

.column1 {
    width: 8% !important;
}

.column2 {
    width: 8% !important;
}

.column3 {
    width: auto !important;
}

.column4 {
    width: 25% !important;
}

.column5 {
    width: 20% !important;
}

.column6 {
    width: 0% !important;
}

.column7 {
    width: auto;
}

.middle {
    padding: 0 1%;
    text-transform: uppercase;
}

.middle a {
    color: #FFFFFF !important;
    text-transform: uppercase;
    font-weight: 600;
}

.middle a:hover {
    color: #d50002;
}

.middle p {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
}

.fco {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 5px;
    text-transform: uppercase;
}

.fco a:hover {
    color: #d50002;
}

.soc-media {
    width: 100%;
}

.fphone {
    float: right;
    display: inline-block;
    position: relative;
}

.fphone img {
    display: inline-block;
    width: 100%;
    padding: 3px 8px 3px 0;
    float: left;
}

.fphone ul {
    display: inline-block;
    margin: 0;
    list-style-type: none;
    width: auto;
    float: left;
}

.fphone ul li {
    display: block;
    margin: 0;
    list-style-type: none;
    width: auto;
    padding: 3px 0;
}

.fphone ul li a {
    line-height: 40px;
    text-decoration: none;
    display: inline-block;
    margin: 0;
    -webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    padding: 0
}

.fphone a {
    font-size: 16px;
    color: #FFFFFF !important;
    text-decoration: none;
    font-weight: 600;
    text-transform: capitalize;
}

.fphone i {
    font-size: 16px;
    color: #FFFFFF !important;
}

.fphone a:hover {
    color: #d50002 !important;
    text-decoration: none;
}

.fphone i:hover {
    color: #d50002 !important;
    text-decoration: none;
}

.media ul li {
    display: inline-block;
    margin: 0;
    list-style-type: none;
    width: auto;
    padding: 3px 5px;
}

.media i {
    font-size: 20px;
    color: #FFFFFF !important;
}

.media i:hover {
    color: #d50002 !important;
    text-decoration: none;
}


/*--------Footer Div Wrap------------*/

.divwrap {
    width: 100%;
    margin: 0 auto;
    height: auto;
    background-color: #d50002;
    padding: 0;
}

.divwrap p {
    color: #FFFFFF;
    text-align: right;
    font-size: 11px;
    transition: all 0.3s;
    padding: 0 50px;
    font-weight: 400;
    text-transform: uppercase;
}

.divwrap p a {
    color: #FFFFFF;
    transition: all 0.3s;
    font-size: 11px !important;
    font-weight: 600;
    text-transform: uppercase;
}

.divwrap p a:hover {
    color: #d50002;
    font-size: 11px !important;
    font-weight: 400;
    text-transform: uppercase;
}

/*  end footer
--------------*/

/*  About Us Page
--------------------*/
.abowrap {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-color: #000000;
}

/* --------------------------------------------- About Us ----------------------------------------------*/
.ab-wrap {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    background: #000000;
}

.ab-row {
    content: "";
    display: table;
    clear: both;
}

.aboutl {
    width: 50%;
    float: left;
    position: relative;
    display: inline-block;
    padding: 50px 0 50px 70px;
}

.aboutr {
    width: 45%;
    float: right;
    position: relative;
    display: inline-block;
    padding: 100px 70px 40px 0;
    margin: 0 auto;
}

.aboutl h1 {
    font-size: 45px;
    line-height: 55px;
    color: #FFFFFF;
    font-style: normal;
    text-align: left;
    font-weight: 900;
}

.aboutl h3 {
    font-size: 35px;
    line-height: 45px;
    color: #FFFFFF;
    font-style: normal;
    text-align: left;
    font-weight: 900;
}

.aboutl h4 {
    font-size: 25px;
    line-height: 30px;
    color: #FFFFFF;
    font-style: normal;
    text-align: left;
    font-weight: 900;
}

.aboutl p {
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    text-align: left;
    text-transform: none;
    padding: 0 0 0 30px;
}

.aboutr img {
    width: 100%;
}

.aboutl p a {
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    font-weight: bold;
}

.aboutl p a:hover {
    text-decoration: none;
    color: #d50002 !important;
}

/* -------------------------------------------------------------------------------------------*/
/* --------------------------------------------- Contact ----------------------------------------------*/
.conwrap {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    background: #000000;
}

.con-row {
    content: "";
    display: table;
    clear: both;
}

.con-aboutl {
    width: 100%;
    float: left;
    position: relative;
    display: inline-block;
    padding: 50px 70px;
}

.con-aboutr {
    width: 45%;
    float: right;
    position: relative;
    display: inline-block;
    padding: 150px 70px 40px 0;
    margin: 0 auto;
}

.con-aboutl h1 {
    font-size: 45px;
    line-height: 55px;
    color: #FFFFFF;
    font-style: normal;
    text-align: left;
    font-weight: 900;
}

.con-aboutl h3 {
    font-size: 35px;
    line-height: 45px;
    color: #FFFFFF;
    font-style: normal;
    text-align: left;
    font-weight: 900;
}

.con-aboutl h4 {
    font-size: 25px;
    line-height: 30px;
    color: #FFFFFF;
    font-style: normal;
    text-align: left;
    font-weight: 900;
}

.con-aboutl p {
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    text-align: left;
    text-transform: none;
    padding: 0 0 0 30px;
}

.con-aboutr img {
    width: 100%;
}

.con-aboutl p a {
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    font-weight: bold;
}

.con-aboutl p a:hover {
    text-decoration: none;
    color: #d50002 !important;
}

/* -------------------------------------------------------------------------------------------*/
/*----Info-----*/
/*----Conact Page-------*/
.cbody {
    background-color: #000000;
    width: 100%;
}

.c-wrap {
    width: 100%;
    margin: 0 auto;
    max-width: 1340px;
}

.info p {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: none;
    line-height: 30px;
    padding-bottom: 2%;
}

.c-lcolumn {
    float: left;
    width: 100%;
    padding: 0 200px;
    height: auto;
}

.c-rcolumn {
    float: left;
    width: 45%;
    padding-left: 10%;
    padding-top: 25px;
    height: auto;
}

.c-row:after {
    content: "";
    display: table;
    clear: both;
}

.c-i img {
    padding: 10px 0;
}

.c-i p {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    line-height: 30px;
    color: #fff;
}

.c-i strong {
    letter-spacing: 0;
    font-size: 20px;
    color: #FFFFFF;
}

.c-i a {
    font-size: 18px;
    color: #fff !important;
    text-decoration: none;
    font-weight: 500;
}

.c-i a:hover {
    font-size: 18px;
    color: #d50002 !important;
    text-decoration: none;
    font-weight: 500;
}

.c-i h3 {
    font-size: 25px;
    letter-spacing: 1px;
    font-weight: 800;
    color: #FFFFFF;
}

/**************************************** FORM STYLES ****************************************/
.con-text {
    padding: 20px 20px;
}

.con-text p {
    text-align: left;
    font-size: 18px;
    line-height: 35px;
    color: #fff;
}

.con-text a {
    text-align: left;
    font-size: 18px;
    line-height: 35px;
    color: #FFFFFF;
}

.con-text h1 {
    text-align: left;
    font-size: 30px;
    line-height: 40px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: normal;
}

.con-text strong {
    text-align: left;
    font-size: 50px;
    line-height: 50px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.c-form {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    font-size: 18px;
    line-height: 35px;
    color: #FFFFFF
}

.c-form input[type="text"] {
    width: 98%;
    margin: 0px 0 12px 0;
    padding: 10px 1%;
    font-size: 14px;
    border: 1px solid #bebebe;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.th-btn a {
    border-radius: 4px;
    display: inline-block;
    padding: 10px 1.5em;
    margin: 20px 0;
    background-color: #414141;
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid #ccc;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all.3s ease-in-out;
    font-size: 15px;
    color: #fff;
}

.th-btn a :hover {
    cursor: pointer;
    background-color: #222222;
    color: #d50002;
    text-decoration: none;
}

.c-form textarea {
    width: 98%;
    min-height: 80px;
    margin: 2px 0;
    padding: 10px 1%;
    font-size: 14px;
    background-color: #f9f9f9;
    border: 1px solid #bebebe;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.c-form input[type="submit"] {
    height: 50px;
    cursor: pointer;
    width: auto;
    background: #d50002;
    text-align: center;
    color: #FFFFFF;
    border-radius: 0 5px 5px 0;
    font-size: 18px;
    font-weight: bold;
}

.c-form h3 {
    padding-bottom: 10px;
}

.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-header {
    color: #000 !important;
}

.ctct-form-embed.form_0 .ctct-form-defaults {
    background-color: #d50002 !important;
}

div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {
    font-size: 20px !important;
    font-weight: bold !important;
}

.ctct-inline-form {
    width: 65%;
    margin: auto;
}

.CaptchaPanel {
    margin: 0 !important;
    text-align: center;
    padding: 5px !important;
}

.CaptchaImagePanel {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 5px 10px 5px;
}

.CaptchaWhatsThisPanel a {
    color: #FFFFFF;
    padding: 5px 5px 10px 5px;
}

/*  Thank You Page
--------------------*/
.thwrap {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-color: #000000;
}

/* --------------------------------------------- About Us ----------------------------------------------*/
.th-wrap {
    width: 100%;
    margin: 0 auto;
    max-width: 1340px;
}

.th-row:after {
    content: "";
    display: table;
    clear: both;
}

.thaboutl {
    width: 50%;
    float: left;
    position: relative;
    display: inline-block;
    padding: 50px 0 50px 70px;
}

.thaboutr {
    width: 50%;
    float: right;
    position: relative;
    display: inline-block;
    padding: 50px 70px 40px 0;
    margin: 0 auto;
}

.thaboutl h1 {
    font-size: 45px;
    line-height: 55px;
    color: #FFFFFF;
    font-style: normal;
    text-align: left;
    font-weight: 900;
}

.thaboutl h3 {
    font-size: 35px;
    line-height: 45px;
    color: #FFFFFF;
    font-style: normal;
    text-align: left;
    font-weight: 900;
}

.thaboutl h4 {
    font-size: 25px;
    line-height: 30px;
    color: #FFFFFF;
    font-style: normal;
    text-align: left;
    font-weight: 900;
}

.thaboutl p {
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    text-align: left;
    text-transform: none;
    padding: 0 0 0 30px;
}

.thaboutr img {
    width: 100%;
}

.thaboutl p a {
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    font-weight: bold;
}

.thaboutl p a:hover {
    text-decoration: none;
    color: #d50002 !important;
}

/* -------------------------------------------------------------------------------------------*/


























@media screen and (max-width: 2000px) {
    .mobile-text {
        display: none;
    }

    .m-mobile-text {
        display: none;
    }
}

@media screen and (max-width: 1555px) {
    .ab-text {
        width: 45%;
        float: left;
        margin: 40px 60px;
    }
}

@media screen and (max-width: 1765px) {
    .topcenter {
        margin: 0px 0 0px 27%;
        padding: 0 0 20px 0;
    }

    .mtopcenter {
        margin: 0px 0 0px 27%;
        padding: 0 0 20px 0;
    }
}

@media screen and (max-width: 1692px) {
    .leftheader {
        width: 100%;
        float: left;
        padding: 10px 0 0 80px;
        position: absolute;
        display: inline-block;
    }

    .lefttheader img {
        width: 100%
    }

    .logoimg {
        width: 100%;
        margin: 0 auto;
        padding: 10px 0;
    }

}

@media screen and (max-width: 1536px) {
    .fphone a {
        font-size: 14px;
    }

    .fphone i {
        font-size: 16px;
    }

    .media i {
        font-size: 20px;
        color: #FFFFFF !important;
    }

    .mtopcenter ul li a {
        font-size: 17px;
        padding: 0 22px;
    }


}


@media screen and (max-width: 1527px) {
    .topcenter {
        margin: 0px 0 0px 25%;
        padding: 0 0 20px 0;
    }

    .mtopcenter {
        margin: 0px 0 0px 25%;
        padding: 0 0 20px 0;
    }
}





@media screen and (max-width: 1485px) {

    .mid-right {
        display: block;
        color: #000000;
        vertical-align: middle;
        margin: 0 auto;
        padding: 10px 10% 0 20px;
        float: right;
    }

}


@media screen and (max-width: 1444px) {
    .column1 {
        width: 8% !important;
    }

    .column2 {
        width: 8% !important;
    }

    .column3 {
        width: auto !important;
    }

    .column4 {
        width: 20% !important;
    }

    .column5 {
        width: 20% !important;
    }

    .column6 {
        width: 0% !important;
    }

    .column7 {
        width: auto;
    }

}


@media screen and (max-width: 1390px) {

    .text-row {
        font-size: 30px;
    }

}

@media screen and (max-width: 1390px) {

    /*----------footer-------------------------------*/
    footer {
        padding: 40px;
    }

    .column1 {
        width: 8% !important;
    }

    .column2 {
        width: 8% !important;
    }

    .column3 {
        width: auto !important;
    }

    .column4 {
        width: 20% !important;
    }

    .column5 {
        width: 12% !important;
    }

    .column6 {
        width: 0% !important;
    }

    .column7 {
        width: auto !important;
    }

    /*----------------------------------------*/

    .c-acolumn {
        padding: 10px 0 10px 8%;
    }

}

@media screen and (max-width: 1359px) {


    .rightheader {
        text-align: right;
        /* width: 25%; */
        float: left;
        margin: 0px 0 0px 8%;
    }

    .leftheader {
        width: 100%;
        float: left;
        padding: 20px 0 0 60px;
    }

    .topcenter ul li a {
        color: #FFFFFF;
        font-size: 16px;
        line-height: 18px;
        letter-spacing: 1px;
        text-decoration: none;
        display: block;
        margin: 0;
        text-align: center;
        text-transform: capitalize;
        -webkit-transition: .4s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
        transition: .2s ease-in;
        font-weight: 700;
        padding: 0 30px;
    }

    .mtopcenter ul li a {
        color: #FFFFFF;
        font-size: 16px;
        line-height: 18px;
        letter-spacing: 1px;
        text-decoration: none;
        display: block;
        margin: 0;
        text-align: center;
        text-transform: capitalize;
        -webkit-transition: .4s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
        transition: .2s ease-in;
        font-weight: 700;
        padding: 0 30px;
    }

    .mid-right,
    .fa,
    .far,
    .fas,
    .fab {
        font-size: 20px;

    }

}

@media screen and (max-width: 1316px) {
    .mtheader {
        padding: 5px 0;

    }

}

@media screen and (max-width: 1294px) {

    /*  FOOTER
------------------------------------------------*/


    .fphone a {
        font-size: 12px;
    }
}

@media screen and (max-width: 1279px) {
    .topcenter {
        display: none !important;
    }

    .mtopcenter {
        display: none !important;
    }
}

/*  Mobile Screens
------------------------------------------------*/
@media screen and (max-width: 1279px) {

    /*--------*Header*------------------------------------------------*/
    .topcenter {
        display: none !important;
    }

    .rightheader {
        display: none !important;
    }

    .mobile-text {
        z-index: 825;
        display: inline-block;
        width: 100%;
        align-items: center;
        justify-content: center;
        text-shadow: 2px 2px 4px #000000;
        position: absolute;
        padding: 30px 0;
    }

    .mobile-text ul {
        padding: 0 50px 0 0;
    }

    .leftlogo {
        display: inline-block;
        text-align: left;
        margin: 0px 0 0px 40%;
        float: left;
    }

    .rightlogo {
        display: inline-block;
        text-align: right;
        width: 25%;
        float: left;
    }

    .leftlogo i:hover {
        color: #d50002 !important;
        text-decoration: none;
    }


    .mobile-text .fa,
    .fas,
    .fab i {
        color: #fff !important;
        font-weight: 700;
        font-size: 25px;
    }

    .mobile-text .fa,
    .fas,
    .fab:hover {
        color: #d50002;
    }

    .mobile-text ul {
        margin: 0;
        padding: 0;
    }

    .mobile-text ul li {
        display: inline-block;
        margin: 0;
        list-style-type: none;
        width: auto;
        padding: 0 20px;
    }

    .mobile-text ul li a {
        text-shadow: 2px 2px 4px #000000;
        color: #FFFFFF;
        font-size: 20px;
        line-height: normal;
        letter-spacing: 1px;
        text-decoration: none;
        display: inline-block;
        margin: 0;
        text-align: center;
        text-transform: capitalize;
        -webkit-transition: .4s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
        transition: .2s ease-in;
        font-weight: 700;
    }

    .mobile-text ul li a:hover {
        color: #d50002 !important;
    }

    .mobile-text a:hover {
        color: #d50002 !important;
    }


    .mob-banner {
        height: auto;
        box-sizing: border-box;
        width: 100%;
        display: block;
    }

    .banner {
        display: none;
    }


    .abmob-banner {
        height: auto;
        box-sizing: border-box;
        width: 100%;
        display: block;
        border-bottom: #d50002 thick solid;
    }

    .abbanner {
        display: none;
    }

    .leftheader {
        width: 100%;
        float: left;
        padding: 20px 0 0 80px;
        position: absolute;
        display: inline-block;
    }

    .lefttheader img {
        width: 100%
    }

    .logoimg {
        display: none;
    }

}

@media screen and (max-width: 1279px) {

    /*--------*Main header for pages Header*------------------------------------------------*/
    .nonav {
        display: none;
    }

    .ot-nav {
        display: block;
    }

    .topcenter {
        display: none !important;
    }

    .rightheader {
        display: none !important;
    }

    .m-mobile-text {
        z-index: 825;
        display: inline-block;
        width: 100%;
        align-items: center;
        justify-content: center;
        text-shadow: 2px 2px 4px #000000;
        position: absolute;
        padding: 30px 0;
    }

    .m-mobile-text ul {
        padding: 0 50px 0 0;
    }

    .m-leftlogo {
        display: inline-block;
        text-align: left;
        margin: 0px 0 0px 55%;
        float: left;
    }

    .m-rightlogo {
        display: inline-block;
        text-align: right;
        width: 25%;
        float: left;
    }

    .m-leftlogo i:hover {
        color: #d50002 !important;
        text-decoration: none;
    }


    .m-mobile-text .fa,
    .fas,
    .fab i {
        color: #fff !important;
        font-weight: 700;
        font-size: 25px;
    }

    .m-mobile-text .fa,
    .fas,
    .fab:hover {
        color: #d50002;
    }

    .m-mobile-text ul {
        margin: 0;
        padding: 0;
    }

    .m-mobile-text ul li {
        display: inline-block;
        margin: 0;
        list-style-type: none;
        width: auto;
        padding: 0 20px;
    }

    .m-mobile-text ul li a {
        text-shadow: 2px 2px 4px #000000;
        color: #FFFFFF;
        font-size: 20px;
        line-height: normal;
        letter-spacing: 1px;
        text-decoration: none;
        display: inline-block;
        margin: 0;
        text-align: center;
        text-transform: capitalize;
        -webkit-transition: .4s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
        transition: .2s ease-in;
        font-weight: 700;
    }

    .m-mobile-text ul li a:hover {
        color: #d50002 !important;
    }

    .m-mobile-text a:hover {
        color: #d50002 !important;
    }


    .m-leftheader {
        width: 100%;
        float: left;
        padding: 20px 0 0 80px;
        position: absolute;
        display: inline-block;
    }

    .m-lefttheader img {
        width: 100%
    }

    .m-logoimg {
        display: none;
    }

}

@media screen and (max-width: 1243px) {
    /*  FOOTER
------------------------------------------------*/

    .fphone a {
        font-size: 12px;
    }

}

@media screen and (max-width: 1275px) {
    /*  FOOTER
------------------------------------------------*/


    .fphone a {
        font-size: 12px;
    }


    /*--------Footer Div Wrap------------*/


    .divwrap p {
        text-align: left;
        font-size: 11px;
        transition: all 0.3s;
        padding: 0 50px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .divwrap p a {
        transition: all 0.3s;
        font-size: 11px !important;
        font-weight: 600;
        text-transform: uppercase;
    }

    .divwrap p a:hover {
        font-size: 11px !important;
        font-weight: 600;
        text-transform: uppercase;
    }

    /*  end footer
--------------*/
}






@media screen and (max-width: 1225px) {
    .topcenter {
        margin: 0px 0 0px 10%;
    }

    .mtopcenter {
        margin: 0px 0 0px 10%;
    }


    /* -----------------------------------------------------------*/

    .c-lcolumn {
        float: left;
        width: 100%;
        padding: 0 100px;
        height: auto;
    }
















}

@media screen and (max-width: 1175px) {
    .topcenter {
        margin: 0px 0 0px 12%;
    }

    .mtopcenter {
        margin: 0px 0 0px 12%;
    }

    .rightheader {
        text-align: right;
        /* width: 25%; */
        float: left;
        margin: 0px 0 0px 8%;
    }
}

@media screen and (max-width: 1168px) {}


@media screen and (max-width: 1120px) {
    .mid-right {
        padding: 10px 5% 0 20px;
        ;
    }

    .mid-right h1 {
        line-height: 40px;
        font-size: 25px;
    }

    .mid-right li a {
        line-height: 50px;
        font-size: 16px;
    }

    .mid-right li {
        line-height: 30px;
        font-size: 16px;
    }


}




@media screen and (max-width: 1105px) {

    .text-row {
        font-size: 25px;
    }

    /*-----footer---*/
    .divwrap p {
        font-size: 9px;
    }

    .divwrap p a {
        font-size: 9px !important
    }

    .divwrap p a:hover {
        font-size: 9px !important
    }

    /*---------------------------*/
}



@media screen and (max-width: 1049px) {
    .map-side {
        width: 100%;
    }

    .ser-text {
        width: 80%;
        float: left;
        margin: 20px 60px;
    }

    .cmap-side {
        width: 100%;
    }

    .con-text {
        width: 80%;
        float: left;
        margin: 20px 60px;
    }

    .ser-img {
        width: 100%;
        height: auto;
        float: left;
        padding: 0;
    }

    .ser-img img {
        width: 100%;
        height: auto;
        float: left;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 1039px) {

    /*  FOOTER
------------------------------------------------*/
    footer {
        padding: 20px 40px;
    }

    .wrap {
        width: 100%;
        margin-bottom: 20px;
    }

    .column1 {
        width: 0% !important;
    }

    .column2 {
        width: 100% !important;
    }

    .column3 {
        width: auto !important;
    }

    .column4 {
        width: 100% !important;
    }

    .column5 {
        width: 100% !important;
    }

    .column6 {
        width: 100% !important;
    }

    .column7 {
        width: 100% !important;
    }

    .fphone ul li a {
        line-height: 30px;
    }

    .middle {
        padding: 10px 1% 0;
        text-transform: uppercase;
    }

    .fphone {
        float: left;
        display: inline-block;
        position: relative;
        right: 0;
        padding: 10px 0 0 0
    }

    .fphone a {
        font-size: 14px;
    }

    .femail a {
        font-size: 14px;
    }

    .fphone i {
        font-size: 14px;
    }

    .foot-nav img {
        padding: 0;
        display: inline-block;
        right: 10px;
        position: relative;
        width: auto !important;
    }

    .foot-nav {
        list-style: none;
        margin: 0;
        width: 100%
    }

    .media i {
        font-size: 20px;
    }

    /*----------------------------------------*/






}

@media screen and (max-width: 1002px) {}



@media screen and (max-width: 990px) {
    /*----------------------------------------*/
    /*  FOOTER
------------------------------------------------*/

    .wrap {
        width: 100%;
        margin-bottom: 20px;
    }

    .column1 {
        width: 0% !important;
    }

    .column2 {
        width: 100% !important;
    }

    .column3 {
        width: auto !important;
    }

    .column4 {
        width: 100% !important;
    }

    .column5 {
        width: 100% !important;
    }

    .column6 {
        width: 100% !important;
    }

    .column7 {
        width: 100% !important;
    }

    .foot-nav img {
        padding: 0;
        display: inline-block;
        right: 10px;
        position: relative;
        width: auto !important;
    }

    .fphone {
        float: left;
        display: inline-block;
        position: relative;
        right: 0;
    }

    .foot-nav li a {
        font-size: 12px;
    }

    .fphone img {
        width: 30px;
    }

    .fphone a {
        font-size: 14px;
        color: #FFFFFF;
        text-decoration: none;
    }

    .femail li a {
        font-size: 14px;
    }

    .femail li a:hover {
        font-size: 14px;
    }

    /*----------------------------------------*/
    /*-----footer----*/
    .divwrap p {
        font-size: 8px;
        text-align: center
    }

    .divwrap p a {
        font-size: 8px !important
    }

    .divwrap p a:hover {
        font-size: 8px !important
    }

    /*---------------------------*/


}


@media screen and (max-width: 900px) {

    /* --------------------------------------------- welcome middle ----------------------------------------------*/
    .hom-aboutl {
        width: 100%;
        float: left;
        padding: 20px;
    }

    .hom-aboutr {
        width: 100%;
        float: left;
        padding: 20px;
        margin: 0 auto;
    }

    .hom-aboutl h1 {
        font-size: 45px;
        line-height: 55px;
    }

    .hom-aboutl h3 {
        font-size: 35px;
        line-height: 45px;
    }

    .hom-aboutl h4 {
        font-size: 25px;
        line-height: 30px;
    }

    .hom-aboutl p {
        font-size: 18px;
        line-height: 30px;
        padding: 0 10px;
    }

    /* -------------------------------------------------------------------------------------------*/

    /* ----------------------------- Mid Contact Section On Home Page----------------------------- */
    .mid-left {
        width: 100%;
        height: 100%;
        ;
        display: inline-block;
        vertical-align: middle;
        float: left
    }

    .info {
        padding: 20px 0;
        display: inline-block;
        margin: 0 auto;
    }

    .mid-right {
        width: 100%;
        display: block;
        color: #000000;
        vertical-align: middle;
        margin: 0 auto;
        padding: 20px;
        text-align: center;
        float: left;
    }

    .mid-right h1 {
        line-height: 40px;
        font-size: 25px;
    }

    .mid-right li a {
        line-height: 50px;
        font-size: 16px;
    }

    .mid-right li {
        line-height: 30px;
        font-size: 16px;
    }

    .mid-right,
    .fa,
    .far,
    .fas,
    .fab {
        font-size: 22px;
        vertical-align: middle;
        color: #d50002 !important;
    }

    /* -------------------------------------------------------------------------------------------*/

    /* --------------------------------------------- about ----------------------------------------------*/
    .aboutl {
        width: 100%;
        float: left;
        padding: 20px;
    }

    .aboutr {
        width: 100%;
        float: left;
        padding: 20px;
        margin: 0 auto;
    }

    .aboutl h1 {
        font-size: 45px;
        line-height: 55px;
    }

    .aboutl h3 {
        font-size: 35px;
        line-height: 45px;
    }

    .aboutl h4 {
        font-size: 25px;
        line-height: 30px;
    }

    .aboutl p {
        font-size: 18px;
        line-height: 30px;
        padding: 0 10px;
    }

    /* -------------------------------------------------------------------------------------------*/





}

@media screen and (max-width: 878px) {
    .text-row {
        font-size: 20px;
    }



}

@media screen and (max-width: 875px) {

    /*----contact----*/
    .c-wrap {
        width: 100%;
        margin: 0 auto;
        max-width: 1340px;
    }

    .c-lcolumn {
        float: left;
        width: 100%;
        padding: 0;
        height: auto;
    }

    .c-rcolumn {
        float: left;
        width: 75%;
        padding-left: 10%;
        height: auto;
        padding-bottom: 3%;
    }

    /*----ThankYOu---*/
    .con-aboutl {
        width: 100%;
        float: left;
        position: relative;
        display: inline-block;
        padding: 50px 30px;
    }

    .con-aboutl p {
        padding: 0 0 0;
    }

}



@media screen and (max-width: 850px) {
    .logo {
        padding: 5px 20px 0 30px;
    }

    .rightlogo {
        padding: 0;
    }

    .mobile-text ul {
        padding: 0 40px 0 0;
    }
}


@media screen and (max-width: 776px) {

    .left-logo {
        margin: 0px 50px 10px;
    }
}


@media screen and (max-width: 876px) {}


@media screen and (max-width: 790px) {


    /* -----------------------------------------------------------*/
}

@media screen and (max-width: 725px) {
    .text-row {
        font-size: 18px;
    }

}

@media screen and (max-width: 650px) {

    /*--------*Main header for pages Header*------------------------------------------------*/

    .m-mobile-text {
        padding: 25px 0 0 0;
    }

    .m-mobile-text ul {
        padding: 0 50px 0 0;
    }

    .m-leftlogo {
        display: inline-block;
        text-align: left;
        margin: 0px 0 0px 55%;
        float: left;
    }

    .m-rightlogo {
        display: inline-block;
        text-align: right;
        width: 25%;
        float: left;
    }

    .m-mobile-text .fa,
    .fas,
    .fab i {
        color: #fff !important;
        font-weight: 700;
        font-size: 25px;
    }

    .m-mobile-text ul {
        margin: 0;
        padding: 0;
    }

    .m-mobile-text ul li {
        display: inline-block;
        margin: 0;
        list-style-type: none;
        width: auto;
        padding: 0 8px;
    }

    .m-leftheader {
        width: 100%;
        float: left;
        padding: 20px 0 0 80px;
        position: absolute;
        display: inline-block;
    }



}

@media screen and (max-width: 585px) {

    /*contact page--*/
    .c-i p {
        font-size: 16px;
    }

    .c-i strong {
        font-size: 18px
    }

    .c-i a {
        font-size: 16px;
    }

    .c-i a:hover {
        font-size: 16px;
    }

    .c-i h3 {
        font-size: 20px;
    }

}

@media screen and (max-width: 585px) {

    /*--------------------------*/
    .divwrap p {
        font-size: 8px;
        text-align: center
    }

    .divwrap p a {
        font-size: 8px !important
    }

    .divwrap p a:hover {
        font-size: 8px !important
    }

    /*--------------------------*/
}

@media screen and (max-width: 579px) {

    .logo {
        padding: 5px 20px 0 30px;
    }

    .rightlogo {
        padding: 0;
    }

    .mobile-text ul {
        padding: 0 20px 0 0;
    }

    .mobile-text {
        padding: 10px 0;
    }
}

@media screen and (max-width: 555px) {}


@media screen and (max-width: 530px) {

    /* --------------------------------------------- welcome middle ----------------------------------------------*/
    .hom-aboutl h1 {
        font-size: 35px;
        line-height: 40px;
        color: #FFFFFF;
    }

    .hom-aboutl h3 {
        font-size: 25px;
        line-height: 30px;
        color: #FFFFFF;
    }

    .hom-aboutl h4 {
        font-size: 18px;
        line-height: 30px;
        color: #FFFFFF;
    }

    .hom-aboutl p {
        font-size: 16px;
        line-height: 30px;
        color: #FFFFFF;
    }

    /* -------------------------------------------------------------------------------------------*/
    /* --------------------------------------------- About Us----------------------------------------------*/
    .aboutl h1 {
        font-size: 35px;
        line-height: 40px;
        color: #FFFFFF;
    }

    .aboutl h3 {
        font-size: 25px;
        line-height: 30px;
        color: #FFFFFF;
    }

    .aboutl h4 {
        font-size: 18px;
        line-height: 30px;
        color: #FFFFFF;
    }

    .aboutl p {
        font-size: 16px;
        line-height: 30px;
        color: #FFFFFF;
    }

    /* -------------------------------------------------------------------------------------------*/

}





@media screen and (max-width: 499px) {

    /*-header---*/
    .mobile-text .fa,
    .fas,
    .fab i {
        color: #fff !important;
        font-weight: 700;
        font-size: 15px;
    }

    .mobile-text .fa,
    .fas,
    .fab:hover {
        color: #d50002;
    }

    .mobile-text ul {
        margin: 0;
        padding: 0;
    }

    .mobile-text ul li {
        display: inline-block;
        margin: 0;
        list-style-type: none;
        width: auto;
        padding: 0 8px;
    }

    .mobile-text ul li a {
        text-shadow: 2px 2px 4px #000000;
        color: #FFFFFF;
        font-size: 18px;
        line-height: normal;
        letter-spacing: 1px;
        text-decoration: none;
        display: inline-block;
        margin: 0;
        text-align: center;
        text-transform: capitalize;
        -webkit-transition: .4s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
        transition: .2s ease-in;
        font-weight: 700;
    }

    .mobile-text ul li a:hover {
        color: #d50002 !important;
    }

    .mobile-text a:hover {
        color: #d50002 !important;
    }

    .mobile-text {

        padding: 5px 0;
    }

    .theader {
        width: 100%;
        float: left;
        background-color: transparent;
        padding: 15px 0;
        position: absolute;
        display: block;
        z-index: 99;
    }

    /*----------------------------------------*/











}





@media screen and (max-width: 435px) {

    .text-row {
        font-size: 16px;
    }



    /* -----------------------------------------------------------*/
}




/*--------*Header*------------------------------------------------*/
@media screen and (max-width: 499px) {


    /*---header---*/
    .mobile-text .fa,
    .fas,
    .fab i {
        color: #fff !important;
        font-weight: 700;
        font-size: 15px;
    }

    .mobile-text .fa,
    .fas,
    .fab:hover {
        color: #d50002;
    }

    .mobile-text ul {
        margin: 0;
        padding: 0;
    }

    .mobile-text ul li {
        display: inline-block;
        margin: 0;
        list-style-type: none;
        width: auto;
        padding: 0 8px;
    }

    .mobile-text ul li a {
        text-shadow: 2px 2px 4px #000000;
        color: #FFFFFF;
        font-size: 15px;
        line-height: normal;
        letter-spacing: 1px;
        text-decoration: none;
        display: inline-block;
        margin: 0;
        text-align: center;
        text-transform: capitalize;
        -webkit-transition: .4s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
        transition: .2s ease-in;
        font-weight: 700;
    }

    .mobile-text ul li a:hover {
        color: #d50002 !important;
    }

    .mobile-text a:hover {
        color: #d50002 !important;
    }

    .theader {
        width: 100%;
        float: left;
        background-color: transparent;
        padding: 5px 0;
        position: absolute;
        display: block;
        z-index: 99;
    }

    /*----------------------------------------*/

    /*---header---*/
    .m-mobile-text .fa,
    .fas,
    .fab i {
        color: #fff !important;
        font-weight: 700;
        font-size: 15px;
    }

    .m-mobile-text .fa,
    .fas,
    .fab:hover {
        color: #d50002;
    }

    .m-mobile-text ul {
        margin: 0;
        padding: 0;
    }

    .m-mobile-text ul li {
        display: inline-block;
        margin: 0;
        list-style-type: none;
        width: auto;
        padding: 0 15px;
    }

    .m-mobile-text ul li a {
        text-shadow: 2px 2px 4px #000000;
        color: #FFFFFF;
        font-size: 15px;
        line-height: normal;
        letter-spacing: 1px;
        text-decoration: none;
        display: inline-block;
        margin: 0;
        text-align: center;
        text-transform: capitalize;
        -webkit-transition: .4s ease-in;
        -moz-transition: .2s ease-in;
        -o-transition: .2s ease-in;
        transition: .2s ease-in;
        font-weight: 700;
    }

    .m-mobile-text ul li a:hover {
        color: #d50002 !important;
    }

    .m-mobile-text a:hover {
        color: #d50002 !important;
    }



    /*----------------------------------------*/
    /* ----------------------------- Mid Contact Section On Home Page----------------------------- */

    .mid-right h1 {
        line-height: 40px;
        font-size: 25px;
    }

    .mid-right li a {
        line-height: 30px;
        font-size: 14px;
    }

    .mid-right li {
        line-height: 30px;
        font-size: 14px;
    }

    .mid-right,
    .fa,
    .far,
    .fas,
    .fab {
        font-size: 18px;
        vertical-align: middle;
        color: #d50002 !important;
    }

    /* -------------------------------------------------------------------------------------------*/










}

@media screen and (max-width: 460px) {

    /*--------*Main header for pages Header*------------------------------------------------*/

    .m-mobile-text {
        padding: 15px 0 0 0;
    }

    .m-mobile-text ul {
        padding: 0 50px 0 0;
    }

    .m-leftlogo {
        display: inline-block;
        text-align: left;
        margin: 0px 0 0px 55%;
        float: left;
    }

    .m-rightlogo {
        display: inline-block;
        text-align: right;
        width: 25%;
        float: left;
    }

    .m-mobile-text .fa,
    .fas,
    .fab i {
        color: #fff !important;
        font-weight: 700;
        font-size: 20px;
    }

    .m-mobile-text ul {
        margin: 0;
        padding: 0;
    }

    .m-mobile-text ul li {
        display: inline-block;
        margin: 0;
        list-style-type: none;
        width: auto;
        padding: 0 5px;
    }

    .m-leftheader {
        width: 100%;
        float: left;
        padding: 20px 0 0 80px;
        position: absolute;
        display: inline-block;
    }

    .mobile-text {
        padding: 5px 0;
    }

    .mobile-text .fa,
    .fas,
    .fab i {
        color: #fff !important;
        font-weight: 700;
        font-size: 15px;
    }

    .foot-nav img {
        padding: 0;
        display: inline-block;
        right: 10px;
        position: relative;
        width: 100% !important;
    }
}


@media screen and (max-width: 367px) {

    /*contact page--*/
    .c-i p {
        font-size: 12px;
    }

    .c-i strong {
        font-size: 14px
    }

    .c-i a {
        font-size: 12px;
    }

    .c-i a:hover {
        font-size: 12px;
    }

    .c-i h3 {
        font-size: 16px;
    }

    /*ThankYOupage--*/

}




@media screen and (max-width: 325px) {

    .text-row {
        font-size: 14px;
    }


}

@media screen and (max-width: 342px) {}









@media screen and (max-width: 310px) {
    .leftlogo {
        display: inline-block;
        text-align: left;
        margin: 0px 0 0px 50%;
        float: left;
    }

    .mobile-text .fa,
    .fas,
    .fab i {
        color: #fff !important;
        font-weight: 700;
        font-size: 13px;
    }

    .mobile-text .fa,
    .fas,
    .fab:hover {
        color: #d50002;
    }

    .mobile-text ul {
        margin: 0;
        padding: 0;
    }

    .mobile-text ul li {
        padding: 0 8px;
    }

    .mobile-text ul li a {

        font-size: 13px;

    }

    .mobile-text ul li a:hover {
        color: #d50002 !important;
    }

    .mobile-text a:hover {
        color: #d50002 !important;
    }

    .theader {
        width: 100%;
        float: left;
        background-color: transparent;
        padding: 5px 0;
        position: absolute;
        display: block;
        z-index: 99;
    }

}

@media screen and (max-width: 280px) {

    /*---Footer---*/
    .foot-nav li a {
        font-size: 10px;
    }

    .fphone a {
        font-size: 10px;
    }

    .email li a {
        font-size: 10px;
    }

    .email li a:hover {
        font-size: 10px;
    }

    /*----------------------------------------*/



}

@media screen and (max-width: 280px) {

    /*contact page--*/
    .c-i p {
        font-size: 11px;
    }

    .c-i strong {
        font-size: 12px
    }

    .c-i a {
        font-size: 11px;
    }

    .c-i a:hover {
        font-size: 11px;
    }

    .c-i h3 {
        font-size: 14px;
    }


}

@media screen and (max-width: 280px) {

    .mobile-text .fa,
    .fas {
        font-weight: 700;
        font-size: 13px;
    }

    .mobile-text ul {
        padding: 0;
    }

    #menu-button a {
        font-size: 20px !important;
        font-weight: 900;
        color: #1E3964;
        text-decoration: none;
        padding: 0 8%;
    }

}