/*
01. Common Elements
02. Fonts
03. Spacing Additions
04. Default Media Tag Ranges
05. Custom Media Tag Ranges
*/

.vcenter-element {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

h1 {color: #F66D2E !important; font-family: 'Goudy', 'Times New Roman', serif !important; font-weight: normal;}
h2 {color: #F66D2E !important; font-family: 'Goudy', 'Times New Roman', serif !important; font-weight: normal;}
h3 {color: #F66D2E !important; font-family: 'Goudy', 'Times New Roman', serif !important; font-weight: normal;}


.clr-orange{color: #F66D2E !important;}
.clr-green{color: #4b604e!important;}
.clr-brown{color: #8C562E!important;}

.bg-metz-orange{background-color: #F66D2E !important;}
.bg-green{background-color: #4b604e!important;}
.bg-brown{background-color: #8C562E!important;}

.brd-orange{border-color: #F66D2E!important;}
.brd-green{border-color: #4b604e!important;}
.brd-brown{border-color: #8C562E!important;}

.brd-orange-50{border-color: rgba(246, 109, 46, 0.50) !important;}
.brd-green-50{border-color: rgba(75, 96, 78, 0.50)!important;}
.brd-brown-50{border-color: rgba(140, 86, 46, 0.50) !important;}

.brd-1 {border-width: 1px; border-style: solid;}
.brd-2 {border-width: 2px; border-style: solid;}
.brd-3 {border-width: 3px; border-style: solid;}
.brd-4 {border-width: 4px; border-style: solid;}
.brd-5 {border-width: 5px; border-style: solid;}

.img-border {border: 1px solid #a1a1a1 !important;}

.mw-200{max-width: 200px !important;}
.mw-250{max-width: 250px !important;}
.mw-300{max-width: 300px !important;}
.mw-350{max-width: 350px !important;}
.mw-400{max-width: 400px !important;}
.mw-450{max-width: 450px !important;}
.mw-500{max-width: 500px !important;}
.mw-550{max-width: 550px !important;}
.mw-600{max-width: 600px !important;}

.my-50{margin-top: 50px !important; margin-bottom: 50px !important;}


.softhide{display: none !important;}
a.btn-primary:hover{background-color: #ca4e16 !important;}

.btn-xlg.btn-primary{
    border: none!important;
    background: #f66d2e;
    background: -moz-linear-gradient(top, #f66d2e 0%, #c1420c 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f66d2e), color-stop(100%, #c1420c));
    background: -webkit-linear-gradient(top, #f66d2e 0%, #c1420c 100%);
    background: -o-linear-gradient(top, #f66d2e 0%, #c1420c 100%);
    background: -ms-linear-gradient(top, #f66d2e 0%,  #c1420c 100%);
    background: linear-gradient(to bottom, #f66d2e 0%,  #c1420c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f66d2e', endColorstr='#ab4316', GradientType=0 );
}
.btn-xlg.btn-primary:hover{background-color: #ca4e16 !important;}

.btn-fancy-icon{
    width: 100%;
    display: inline-block;
    position: relative;
    height: 50px;
    padding: 0 !important;
    border: 0;
    font-size: 13px;
}
.btn-fancy-icon span {
    float: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: calc(100% - 50px);
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn-fancy-icon i {
    background-color: rgba(0,0,0,0.1);
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    margin: 0;
}

.tp-bullets > div.bullet {background-color: transparent !important;}

.page-header {background-color: #4b604e !important; border-bottom: 8px solid #F66D2E !important;}
    .page-header h1 {
        color: #fff !important;
        margin-top: 10px !important;
        font-family: 'Goudy', 'Times New Roman', serif !important;
        font-size: 30px !important;
    }

 section.alternate-orange{
     background-color: rgba(246, 109, 46, 0.05) !important;
 }

  section.alternate-green{
     background-color: rgba(75, 96, 78, 0.05) !important;
 }
/* *********************************************************************** */
/* FONTS */
/* ----------------------------------------------------------------------- */
@font-face {
    font-family: 'Goudy';
    src: url('../fonts/goudystm-webfont.eot');
    src: url('../fonts/goudystm-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/goudystm-webfont.woff2') format('woff2'),
         url('../fonts/goudystm-webfont.woff') format('woff'),
         url('../fonts/goudystm-webfont.ttf') format('truetype'),
         url('../fonts/goudystm-webfont.svg#sorts_mill_goudyregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.metz-goudy {font-family: 'Goudy', 'Times New Roman', serif;}

/* *********************************************************************** */
/* SPACING ADDITIONS */
/* ----------------------------------------------------------------------- */

.px-6 {padding-left: 6px; padding-right: 6px;}
.px-7 {padding-left: 7px; padding-right: 7px;}
.px-8 {padding-left: 8px; padding-right: 8px;}
.px-9 {padding-left: 9px; padding-right: 9px;}
.px-10 {padding-left: 10px; padding-right: 10px;}
.px-15 {padding-left: 15px; padding-right: 15px;}
.px-20 {padding-left: 20px; padding-right: 20px;}
.px-25 {padding-left: 25px; padding-right: 25px;}
.px-30 {padding-left: 30px; padding-right: 30px;}
.px-35 {padding-left: 35px; padding-right: 35px;}
.px-40 {padding-left: 40px; padding-right: 40px;}
.px-45 {padding-left: 45px; padding-right: 45px;}
.px-50 {padding-left: 50px; padding-right: 50px;}
.px-55 {padding-left: 55px; padding-right: 55px;}
.px-60 {padding-left: 60px; padding-right: 60px;}
.px-65 {padding-left: 65px; padding-right: 65px;}
.px-70 {padding-left: 70px; padding-right: 70px;}
.px-75 {padding-left: 75px; padding-right: 75px;}

.pr-6 {padding-right: 6px;}
.pr-7 {padding-right: 7px;}
.pr-8 {padding-right: 8px;}
.pr-9 {padding-right: 9px;}
.pr-10 {padding-right: 10px;}
.pr-15 {padding-right: 15px;}
.pr-20 {padding-right: 20px;}
.pr-25 {padding-right: 25px;}
.pr-30 {padding-right: 30px;}
.pr-35 {padding-right: 35px;}
.pr-40 {padding-right: 40px;}
.pr-45 {padding-right: 45px;}
.pr-50 {padding-right: 50px;}
.pr-55 {padding-right: 55px;}
.pr-60 {padding-right: 60px;}
.pr-65 {padding-right: 65px;}
.pr-70 {padding-right: 70px;}
.pr-75 {padding-right: 75px;}

.pl-6 {padding-left: 6px;}
.pl-7 {padding-left: 7px;}
.pl-8 {padding-left: 8px;}
.pl-9 {padding-left: 9px;}
.pl-10 {padding-left: 10px;}
.pl-15 {padding-left: 15px;}
.pl-20 {padding-left: 20px;}
.pl-25 {padding-left: 25px;}
.pl-30 {padding-left: 30px;}
.pl-35 {padding-left: 35px;}
.pl-40 {padding-left: 40px;}
.pl-45 {padding-left: 45px;}
.pl-50 {padding-left: 50px;}
.pl-55 {padding-left: 55px;}
.pl-60 {padding-left: 60px;}
.pl-65 {padding-left: 65px;}
.pl-70 {padding-left: 70px;}
.pl-75 {padding-left: 75px;}

.py-6 {padding-top: 6px; padding-bottom: 6px;}
.py-7 {padding-top: 7px; padding-bottom: 7px;}
.py-8 {padding-top: 8px; padding-bottom: 8px;}
.py-9 {padding-top: 9px; padding-bottom: 9px;}
.py-10 {padding-top: 10px; padding-bottom: 10px;}
.py-15 {padding-top: 15px; padding-bottom: 15px;}
.py-20 {padding-top: 20px; padding-bottom: 20px;}
.py-25 {padding-top: 25px; padding-bottom: 25px;}
.py-30 {padding-top: 30px; padding-bottom: 30px;}
.py-35 {padding-top: 35px; padding-bottom: 35px;}
.py-40 {padding-top: 40px; padding-bottom: 40px;}
.py-45 {padding-top: 45px; padding-bottom: 45px;}
.py-50 {padding-top: 50px; padding-bottom: 50px;}
.py-55 {padding-top: 55px; padding-bottom: 55px;}
.py-60 {padding-top: 60px; padding-bottom: 60px;}
.py-65 {padding-top: 65px; padding-bottom: 65px;}
.py-70 {padding-top: 70px; padding-bottom: 70px;}
.py-75 {padding-top: 75px; padding-bottom: 75px;}

.pt-6 {padding-top: 6px;}
.pt-7 {padding-top: 7px;}
.pt-8 {padding-top: 8px;}
.pt-9 {padding-top: 9px;}
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pt-25 {padding-top: 25px;}
.pt-30 {padding-top: 30px;}
.pt-35 {padding-top: 35px;}
.pt-40 {padding-top: 40px;}
.pt-45 {padding-top: 45px;}
.pt-50 {padding-top: 50px;}
.pt-55 {padding-top: 55px;}
.pt-60 {padding-top: 60px;}
.pt-65 {padding-top: 65px;}
.pt-70 {padding-top: 70px;}
.pt-75 {padding-top: 75px;}

.pb-6 {padding-bottom: 6px;}
.pb-7 {padding-bottom: 7px;}
.pb-8 {padding-bottom: 8px;}
.pb-9 {padding-bottom: 9px;}
.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pb-25 {padding-bottom: 25px;}
.pb-30 {padding-bottom: 30px;}
.pb-35 {padding-bottom: 35px;}
.pb-40 {padding-bottom: 40px;}
.pb-45 {padding-bottom: 45px;}
.pb-50 {padding-bottom: 50px;}
.pb-55 {padding-bottom: 55px;}
.pb-60 {padding-bottom: 60px;}
.pb-65 {padding-bottom: 65px;}
.pb-70 {padding-bottom: 70px;}
.pb-75 {padding-bottom: 75px;}



/* *********************************************************************** */
/* DEFAULT MEDIA TAG RANGES */
/* ----------------------------------------------------------------------- */

.main-container{
    padding-top: 58px; /* top menu height (mobile) */
    min-height:750px;
}

/* ------------------------ */
/* Extra small <576px       */	
/* ------------------------ */
@media only screen and (max-width: 575px) {
    .text-center-xs {text-align: center !important;}
}

/* ------------------------ */
/* Small ≥576px             */	
/* ------------------------ */
@media only screen and (min-width: 576px) {
}

/* ------------------------ */
/* Medium ≥768px            */	
/* ------------------------ */
@media only screen and (min-width: 768px) {
}

/* ------------------------ */
/* Large ≥992px             */	
/* ------------------------ */
@media only screen and (min-width: 992px) {
    .main-container{
        padding-top: 80px; /* top menu height */
        min-height:750px;
    }
}

/* ------------------------ */
/* Extra large ≥1200px      */
/* ------------------------ */
@media only screen and (min-width: 1200px) {
    .main-container{
        padding-top: 80px; /* top menu height */
        min-height:750px;
    }
}

/* *********************************************************************** */
/* CUSTOM MEDIA TAG RANGES */
/* ----------------------------------------------------------------------- */


/* ----------------------------- */
/* Small ONLY ≥576px < 768px     */	
/* ----------------------------- */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .text-center-sm {text-align: center !important;}
}

/* *********************************************************************** */