/*VARIABLES*/
:root {

    /*main*/
    --body-background: #030208;
      --footer-background: #0d1c33;
    --footer-hx-color: #333;
     --bg-content:  #fff;
     --bg-footer-services: #ddd;
     --color-hover:#44371e;
     --color9: #cad4e6;
    --color8: #c1bcb3;    
    --color7: #e9e9e9;    
    --color3: #c1bcb3;
    --color6: #eee;
    --color5: #f7f7f7;
    --header-link-hover:rgba(0,0,0,0.7);
    --color1: #fff;    
    --color-blue: #6c9bde;;
    --color-font: #241802;
    
    --header-link: #fff;
    
    --color2: #000;
    --color4: #134894;
    --font-color: #fff;
    --font-size: 14px;
    --font-family: 'Open Sans', sans-serif;
    --white: #fff;
    --black: #000;    
   

    --color1-text-soft: #ccc;
    --color1-text: #fff;

    /*colors*/

    --lightgray: #ddd;
    --gray: #aaa;


    /*footer*/


    /*animations and shadows*/
    --shadow: 3px 3px 5px #A0A0A0; 
    --a-transition:all .3s;
    --slider-overlay: 0.0;
    --slider-height: 500px;


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

/*PSI*/
/*//dflt green #218838*/
.btn-success{background: #247F39}
.content .btn-default{background: #fff !important; color: var(--footer-background)}
.content .btn-default:hover{background: #eee; color: var(--footer-background)}
.bgoverlay {background: #000; opacity: 0.3; position: absolute; top:0; left:0; width:100%; height:100%; z-index:-1}
.width20 {width: 20px}
.width30 {width: 30px} 
.width50 {width: 50px}
.width60 {width: 60px}
.width80 {width: 80px}
.width90 {width: 90px}
.width100 {width: 100px}
.width110 {width: 110px}
.width120 {width: 120px}
.width130 {width: 130px}
.width140 {width: 140px}
.width150 {width: 150px}
.width160 {width: 160px}
.width170 {width: 170px}
.width180 {width: 180px}
.width190 {width: 190px}
.width200 {width: 200px}
.width300 {width: 300px !important}
.width400 {width: 400px}
.width500 {width: 500px}
.hidden {display:none}
.nopadding {padding:0}
.has-error {border: 1px dashed #d00}
.has-error label {background: #d00; color:#fff !important; padding:5px}
.help-block {display:inline-block; padding:5px; background: #d00; color: #fff}
.alert-error {background: #d00; color: #fff}
.alert-success {background: #28a745; color: #fff; position:absolute; margin-top:-100px; top:0; z-index:3; left:0}
.margintop10 {margin-top:10px}
.margintop20 {margin-top:20px}

.showmobile,.onlymobile {display:none}
.hidemobile {display:inline-block}
strong { font-weight: bold; } 
img { max-width: 100%; }
figure {margin-bottom:0px}
.btn {font-size: 13px; font-weight: normal; font-family: var(--font-family);  background: var(--color3); color: var(--white)}
/*.btn:hover {background: #eee}*/
h1,h2,h3,h4,h5,h6 {text-align:left;font-weight:normal; display:block; line-height:1.2em }
.content {text-align: left; line-height: 1.5em; font-size: 15px; padding: 0 10px; font-family: 'Open Sans'}
.content .list2 h3 {margin-top: 0px; color: var(--color1); margin-bottom:0px; font-size: 16px}
.content p {margin-bottom: 10px}
.content ul li {margin-bottom: 10px}
.content h2.home {margin-top:20px; font-size:24px; line-height: 1em}
.content h2.home a {color: var(--footer-hx-color)}
.content div.list {border-bottom: 1px #ccc dotted; margin: 0 5px;}
.content .list p{margin: 0; line-height: 1.5em; padding: 5px 0}
.content .list2 {border-bottom: 1px #ccc dotted; clear: both; padding: 15px 0}
.content .list2 > div:first-of-type {padding-right:20px}
.content .list2 img {padding: 0; margin: 0}
.content .list2 p {margin: 0}
.content .list2 p.date {color: var(--gray); font-size: 11px; padding-top:3px}
.content .list2 h3 {text-transform: uppercase; line-height: 1em}
.content .list2 a p  {color:var(--footer-hx-color);}
.content table td {padding: 5px;border: 1px solid var(--color5);; }
.content table {width:100%; border: 1px solid var(--color5);; border-collapse: collapse; color:var(#241802)}

table.style2 {border:0px}
table.style2 tbody tr {background: var(--color5);}
table.style2 tbody td {background: var(--color5); border: 1px solid var(--bg-content); padding:10px; text-align:left}
table.style2 tbody td.darker {background: #233550; text-align:center; padding:20px}
table.style2 thead th,table#cart tfoot td {background:var(--color6); border: 0px solid #fff}


.content img {padding:5px;}
.content .imagebar img {padding:0px;}
/*.content table{border: 0px !important}
.content table p {margin: 0px; padding:0px}
.content table>tbody>tr>td{border:0px!important; background: #dde2e8}
.content table>tbody>tr>td {border-top: 1px solid #ccc!important;border-bottom: 1px solid #ccc!important; padding:5px 10px}
.content table>tbody>tr:nth-child(odd){background: #f9f9f9}*/
.pricelist h2 {margin: 20px 0; font-size:18px; padding: 0}
.content table.striped>tbody>tr{background: var(--color7)}
.content table.striped>tbody>tr:nth-child(odd){background: var(--color5)}
.fleft {float: left}
.fright {float: right}
.mapsquare {height: 450px}
.map { margin: 20px 0 0 0;  height: 300px; border-top: 5px solid #f8f8f8;}
.transmission a {width:100%; display:block}
.logotypes-bg {padding: 20px 0; background: #f9f9f9; margin-top:30px}
.logotypes { overflow:hidden}
.logotypes div {display: inline-block;}
.logotypes .owl-nav, .logotypes .owl-dots {display: none;}
.content .nav-pills li{display: inline-block; margin: 2px; margin-bottom:0;width:190px; }
.content .nav-pills li a {line-height: 1.5em; width:100%; text-align:center; background: var(--tile-background); display: inline-block; padding: 7px; margin: 0px; border-radius: 5px}
.content .nav-pills li a:hover, .content .nav-pills>li>a.active, .content .nav-pills>li>a.active:hover, .content .nav-pills>li>a.active:focus {background: var(--color1); color: #fff}
.content .btn-group {margin-top:20px}
.content .btn-group a{padding:3px 5px}

.pagination { margin: 0 auto}
.pagination li {padding:0}
.pagination li a {padding:8px 15px; display:inline-block}
.pagination .page-link{color:  var(--color1)}
.pagination .page-link:active span, .pagination .page-item.active .page-link {background: var(--color1); border-color: var(--color1)}
.red {color: #d00}
.blue {color: #008bdd} 
.green {color: #0e9e1f}
.border-gray {border: 1px solid #aaa; padding: 10px; display:block; width: 100%}
.border-green {border: 1px solid #0e9e1f; padding: 10px; display:block; width: 100%}
.border-red {border: 1px solid #d00; padding: 10px; display:block; width: 100%} 

.media-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden; margin-top:20px; margin-bottom:20px}
.media-container iframe,.media-container object,.media-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%; border:0}
@media (max-width: 640px) {
   
    .image-container { max-width:100%; display: inline-block; margin:0 auto; text-align:center}
    .image-container img {padding: 5px; max-width:100%;}
}

body.no-wow .wow{
    animation-name: none !important;
    visibility: visible !important;
}
@media (max-width: 980px) {
    .content .nav-pills li{width:150px; font-size: 11px}
    .navbar-toggler {padding-right: 18px}
}
@media (max-width: 640px) {
    body > .container {padding: 0}
    .showmobile, .onlymobile {display:inline-block}
    .hidemobile {display:none}
    .mobilecenter {text-align:center}
    .content h3 {font-size: 20px;}
    .content .list2 {border-bottom: 1px #999 dotted; margin: 0 5px; clear: both}
    .content .list2 h3 {text-align:center; line-height:1.5em; margin-top: 5px; color: var(--color1); margin-bottom:0px; font-size: 14px}
    .content .list2 p {line-height: 22px; text-align:justify}
    .content .list2 a p {font-size: 12px; color:var(--footer-hx-color);}
    .content .list2 img {width:100%}
    .content .list2 p.date, .content .list p.date {text-align:center; font-size: 10px; line-height:12px ;padding-bottom: 5px}    
    .content .btn-group-xs {display:none}
    .list h5, .list p {margin: 0px; font-size: 12px; text-align:center; clear: both}
    .list p.date {display:none}
    .gallery a {width: 100px; height: 80px}    
    .logos {display: none}
    span.address {display:none} 
    .video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
    .video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .content .nav-pills li a {padding: 7px 4px; margin-left:20px}
}


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

/* PRELOADER*/
.no-js #loader { display: block;  }
.js #loader { display: block; position: absolute; left: 0; top: 0; }
.se-pre-con { display: flex;  justify-content: center;  align-items: center;background:  var(--body-background);   position: fixed;    left: 0px;  top:0px; width: 100%;    height: 100%;    z-index: 9999;}
.se-pre-con p {color: var(--body-background); font-size: 12px; text-align:center;margin: 0 auto;position:absolute;display:block; z-index: 10000}
.thecube {background:#f5f5f5}
.thecube {width: 75px;height: 75px;margin: 0 auto;vertical-align:middle; position: relative; -webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}.thecube .cube {position: relative;-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}.thecube .cube {float: left;width: 50%;height: 50%;position: relative;-webkit-transform: scale(1.1);transform: scale(1.1);}.thecube .cube:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--color1);-webkit-animation: foldthecube 2.4s infinite linear both;animation: foldthecube 2.4s infinite linear both;-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;}.thecube .c2 {-webkit-transform: scale(1.1) rotateZ(90deg);transform: scale(1.1) rotateZ(90deg);}.thecube .c3 {-webkit-transform: scale(1.1) rotateZ(180deg);transform: scale(1.1) rotateZ(180deg);}.thecube .c4 {-webkit-transform: scale(1.1) rotateZ(270deg);transform: scale(1.1) rotateZ(270deg);}.thecube .c2:before {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}.thecube .c3:before {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}.thecube .c4:before {-webkit-animation-delay: 0.9s;animation-delay: 0.9s;}@-webkit-keyframes foldthecube {0%, 10% {-webkit-transform: perspective(140px) rotateX(-180deg);transform: perspective(140px) rotateX(-180deg);opacity: 0;}25%, 75% {-webkit-transform: perspective(140px) rotateX(0deg);transform: perspective(140px) rotateX(0deg);opacity: 1;}90%, 100% {-webkit-transform: perspective(140px) rotateY(180deg);transform: perspective(140px) rotateY(180deg);opacity: 0;}}@keyframes foldthecube {0%, 10% {-webkit-transform: perspective(140px) rotateX(-180deg);transform: perspective(140px) rotateX(-180deg);opacity: 0;}25%, 75% {-webkit-transform: perspective(140px) rotateX(0deg);transform: perspective(140px) rotateX(0deg);opacity: 1;}90%, 100% {-webkit-transform: perspective(140px) rotateY(180deg);transform: perspective(140px) rotateY(180deg);opacity: 0;}}
.se-pre-con i {font-size: 30px;}

/*CONTENT*/

body { -webkit-font-smoothing: subpixel-antialiased; backface-visibility: hidden; background: var(--body-background);text-align: center; font-family: var(--font-family); color: var(--font-color); font-size: var(--font-size);}
a {  color: var(--color1); text-decoration: none; -o-transition: var(--a-transition); -moz-transition: var(--a-transition); -webkit-transition: var(--a-transition); -ms-transition: var(--a-transition); transition: var(--a-transition);}

a:hover, a:focus { color: var(--color3); text-decoration: none; }
a.text-center {width:100%}
::-moz-selection { background: var(--color1); color: var(--white); text-shadow: none; }
::selection { background: var(--color1); color: var(--white); text-shadow: none; }
h1 {font-size: 30px; var(--color-blue)   }/*
h2 {font-size: 30px; line-height: 40px; font-family: var(--hx-font-family); color: #000;}
h3 {margin-top: 20px; color: var(--color1); margin-bottom:10px; line-height: 26px; font-size: 20px}
h4 {margin-top: 20px; color: #000; margin-bottom:10px; line-height: 26px; font-size: 20px}
h5 {margin-top: 20px; font-weight: bold; color: var(--color1); padding-bottom: 5px; margin-bottom:10px; line-height: 20px; font-size: 14px; border-bottom: 1px solid var(--color1)}
h6 {margin-top: 20px; font-weight: bold; color: #000; line-height: 20px; font-size: 14px;}*/

.content h2 {font-size: 30px; color: var(--color-blue); text-align:center; font-family: 'Cinzel'}
.content h3 {font-family: 'Cinzel'}
hr {width:100%; margin: 20px 0; background: rgba(255,255,255,0.4)}  
.content ul, .content  ol {line-height: 25px; padding-left:40px; font-size: 13px; margin-bottom:10px}
.content ul li, .content  ol li {line-height:22px; margin: 12px 0}
.content ol li ul li , .content  ul li ol li {margin:  0}
.content ul.nav-pills, .content .list-unstyled {padding-left: 0px}
.content a {color: var(--color-blue)}
.content a:hover {color: var(--color-hover)} 
a.button, .button {border-radius: 3px; display: inline-block;  padding: 5px 22px;  background: var(--color1);  color: var(--white);  font-style: italic;  text-decoration: none;    -moz-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;    -webkit-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;    box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;}
a.button:hover, button:hover {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.logos a {margin: 10px; border: 1px solid #ccc; display:inline-block} 
input[type="text"],input[type="email"], textarea,textarea.form-control, select, select.form-control { margin: 0;    padding: 0 6px;    vertical-align: middle;    border: 1px solid #ddd;    border-radius: 5px;  font-family: 'Open Sans', sans-serif;    font-size: 13px;    font-weight: 400;    color: #888;    font-style: italic;    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
textarea.form-control {height: 150px; padding: 6px}
select.form-control {padding: 6px}
input[type="submit"],button[type="submit"] {border:0px; border-radius: 5px; margin-top:20px}
input[type="text"]:focus,textarea.form-control:focus, textarea:focus {    outline: 0;    border: 1px solid #bbb;    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
input[type="text"]:-moz-placeholder, textarea:-moz-placeholder { color: #ccc; }
input[type="text"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc;  }
input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }
button.btn {  margin: 0;    padding: 0 20px;    vertical-align: middle; border: 0;    font-family: 'Open Sans', sans-serif;    font-size: 13px;    font-weight: 400;  color: #fff;    text-shadow: none;    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;    -moz-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;    -webkit-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;    box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
button.btn-white{background: #f5f5f5; color: var(--color1)}
button.btn-white:hover{background: #fff;}
.badge {background: var(--color1); color:#fff; padding: 5px}
.search_result form button[type="submit"] {margin-top:0; padding: 4px 20px}

/*SEARCH*/
.search {text-align:center}
.search form {width: 500px; margin: 0 auto; margin-top:50px; margin-bottom: 100px}
.search form span {color: var(--white); font-size: 24px; font-family: 'Cinzel'}
.search form input,.search form input:focus {color: var(--white);font-size: 20px; background: rgba(0,0,0,0.7); border: 1px solid var(--white)}
.search form input::-webkit-input-placeholder,.search form input::-moz-placeholder,.search form input:-ms-input-placeholder,.search form input:-moz-placeholder {color: var(--white);}
.search form button {background: var(--white); font-size: 20px; color: var(--header-link-hover); border: 1px solid var(--white)}
.search form button:hover {background: var(--color1);}

/*HEADER*/
/*header {background: rgba(0,0,0,0.5)}*/
header nav.navbar {padding: 0; padding-top:15px}
header a.navbar-brand {font-family: 'Cinzel'; font-size: 25px; color:#fff}
header a.navbar-brand:hover {color: var(--color1);} 
header ul.navbar-nav {width:100%}
header ul.navbar-nav li {width: 16.66666666666%; border-right: 1px solid rgba(80,80,100,0.7)}
header ul.navbar-nav li:last-child {border-right: 0px}
header ul.navbar-nav li a { display:block; line-height:20px; text-transform: uppercase; font-size: 14px; padding: 15px; background: rgba(0,0,0,0.5); color:  var(--header-link); }
header ul.navbar-nav li a i {font-size: 16px; line-height: 35px; color: var(--header-link); }
header ul.navbar-nav li a:hover{background: var(--header-link-hover) }
ul.navbar-nav li.show > a, ul.navbar-nav li.active a {background: #0b2b63; }
header .dropdown-menu {width: 220px !important;    border: 0;    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;    -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); box-shadow: 0 6px 10px rgba(0, 0, 0, .15);}
header ul.navbar-nav li .dropdown-menu a { padding: 10px 15px; }
header a {color: #3b5d91}
@media (max-width: 990px) {
     span.my-i {width: 100%; display:block; text-align: center}
    
    header button i {font-size: 25px;}
    header nav.navbar {padding-top:0px}
    header {-moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); box-shadow: 0 6px 10px rgba(0, 0, 0, .15);}
    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {max-width: 100%; margin-left: 0px; margin-right:0px}
    .nav>li {float:left; display:block; width:100%}
    header ul.navbar-nav {float: right; width:100%}    
    header ul.navbar-nav li a br {display:none}
    header ul.navbar-nav li a{font-size: 11px; padding: 5px; text-align:center}
    
    header ul.navbar-nav li ul {padding:0}
    header .dropdown-menu {width:100% !important}
    header ul.navbar-nav li ul li a {padding: 5px 0px 5px 80px !important}  
}
@media (max-width: 767px) {
    /*//menu*/
    
    span.my-i {width: 40px; display:inline-block; text-align: center}
    header ul.navbar-nav li a{padding: 5px 20px; border-top: 1px solid var(--color6); padding: 5px 20px; text-align:left}
    header a.navbar-brand {display:none}
    .search form {width:100%}
    header ul.navbar-nav li a:hover {background: var(--color6)}
    
     .order-detail h2 {margin-top:20px; text-align:center}
    table.style2 {font-size:12px}
    
    #main_navbar  {position: static;} 
    .search {margin: 0 10px}
    .search form {margin: 20px 0}
    #main_navbar {background: rgba(21,37,60,1); padding:5px; color: #fff}
    #main_navbar a.navbar-brand {font-size: 14px; padding-left: 10px; text-align:left; display:block}
    #main_navbar a.navbar-brand small {font-size: 12px;}
    .navbar-toggler {padding: 10px}
    #main_navbar button i {font-size: 25px; color:#fff}
    .navbar > .container {display:block}
    header ul.navbar-nav li {width:100%; border: 0}
    header ul.navbar-nav li a {background: none}
}
@media (max-width: 640px) {
  #menu_top {height: 300px;max-height: 300px; width: 100%;overflow-y: auto; -webkit-overflow-scrolling:touch;}
}
/*FOOTER*/
footer { margin: 0 auto; background: rgba(0,0,0,0.7); margin-top:100px}
footer .footer-box {  margin-top: 20px;  text-align: left;}
footer .footer-box h4 {font-weight: bold; font-size: 16px; margin-top: 7px;  color: var(--tile-hx-font-color); text-transform: uppercase;text-shadow: 0 1px 0 rgba(255,255,255,.7);}
footer .footer-box ul {list-style: none;padding: 0px; margin: 0px}
footer .footer-box li {padding: 5px 0px; margin: 0px; font-size: 12px;border-bottom: 1px dotted #ccc; }
footer .footer-box-text-contact i { padding-right: 7px;}

footer .footer-box-text-contact p {display:table}
footer .footer-box-text-contact i {display:table-cell}
footer .footer-box-text-contact a {color: var(--white)}
footer .copyright {margin-top: 30px ; background: var(--body-background); color:#fff;   padding-bottom:70px; padding-top: 15px; line-height: 24px;  text-align: left;}
footer .copyright a {color: var(--white); }
footer .copyright i {font-size: 16px}
footer .copyright p {margin-bottom: 0; }
footer .copyright a:hover, footer .copyright a:focus { color: #ddd; }
@media (max-width: 640px) {
    footer h4, footer .footer-box-text-contact, footer .footer-box-text-contact li{text-align:center}
    footer .copyright p {text-align:center !important; font-size: 10px}
}

/*MODULES*/

.content .gravetile a {margin:5px; display:inline-block; color:#241802; height: 250px; width: 200px; border-radius: 0px; border: 1px solid var(--color6); background: var(--color5); overflow:hidden; text-align:center}
.content .gravetile a img {max-width:100%; }
.content .gravetile h3 {color: var(--color-font); text-align:center; margin:0; padding:0; font-size: 14px; line-height:1.5em;}
.content .gravetile p {color: var(--color-blue); text-align:center;}
/*.content .gravetile a:hover { transform: scale(1.05);border:1px solid var(--color1); }*/ 
.content .gravetile a:hover {background: var(--color6)} 

.content .gallery {margin-top:20px}
.content .gallery .thumbnail {margin:5px; position:relative; display:inline-block;height: 120px; width: 120px; background-size: cover; background-position: center;}
.content .gallery .thumbnail:hover {opacity:0.6;  transition: opacity .2s ease-out;  -moz-transition: opacity .2s ease-out;  -webkit-transition: opacity .2s ease-out;  -o-transition: opacity .2s ease-out;} 
.content .gallery a.movies:after {background: rgba(0,0,0,0.5); position: absolute;line-height:120px;text-align:center; width:100%;height:100%; color: rgba(255,255,255,0.7); font-size: 50px; font-family: "Font Awesome 5 Brands"; font-weight: 900; content: "\f167";} 

.content .mod-gallery .div {padding: 0 5px}
.content .mod-gallery .thumbnail { position:relative; display:inline-block;height: 200px; width: 100%; background-size: cover; background-position: center;}
.content .mod-gallery .thumbnail:hover { transform: scale(1.05);} 
.content .mod-gallery .thumbnail p {text-transform: uppercase; background: rgba(0,0,0,0.6); display:block; width:100%; position:absolute; bottom:0; left: 0; color:#fff;  margin: 0; text-align:center; padding: 7px 5px; overflow:hidden; height:50px; line-height: 1.5em}
.content .mod-gallery .thumbnail em {color:#fff;  line-height: 1em; padding: 10px 5px; text-transform: uppercase; display: block; position: absolute; top:0; right: 0; background: var(--color1)} 

.ekko-lightbox-nav-overlay a {opacity: 0.3}
.ekko-lightbox-nav-overlay a:first-of-type span {text-align:left; color: #fff;}
.ekko-lightbox-nav-overlay a:last-of-type span {text-align:right; color: #fff}

.enlarge_font a {color:#fff}
.content .btn-group .enlarge_font a{padding: 0 1px; color: var(--color1)}   

/*.content {background: rgba(255,255,255,1); color: #000; padding:20px}*/
/*.content {background: rgba(211,227,255,1); color: #000; padding:20px}*/
.content {background: var(--bg-content); color: var(--color-font); padding:20px}
.content .pamiec .btn {width: 200px}

.footer_services {background: var(--bg-footer-services); padding-top:20px; }
.footer_services .service-order {display:inline-block; width: 100%; background: var(--color5); padding: 20px 0; text-align:center; color:var(--color-font);  margin-bottom: 20px; border: 0}
.footer_services .service-order i{font-size: 30px; margin-bottom: 5px}
.footer_services .service-order span{margin-top:10px; width: 50%; display:inline-block; line-height: 25px;  color:#fff}
.footer_services .service-o.contentrder:hover {color:#fff}
.footer_services .cart-services {font-size: 12px;; line-height:1.5em; justify-content: center;}
.footer_services .cart-services .service-white {background: #fff; color: #15253C}
.footer_services .cart-services .service-green {background: var(--color-hover); color: #fff; padding-bottom:39px; padding-top:39px}
.footer_services .service-order:hover {background:var(--color5)}
.footer_services .cart-services .service-green:hover {background: #247F39; color: #fff}
.footer_services .cart-services .service-green span {background: #247F39}
.footer_services .cart-services .service-order i{font-size: 20px; margin-bottom: 5px}
.footer_services .cart-services .service-order span{margin-top:10px; width: 80%; display:inline-block; line-height: 20px;  color:#fff}

.content .service-order {display:inline-block; width: 100%; background: var(--color6); padding: 20px 0; text-align:center; color:var(--color-font);  margin-bottom: 20px; border: 1px solid var(--color6)}
.content .service-order i{font-size: 30px; margin-bottom: 5px}
.content .service-order span{margin-top:10px; width: 50%; display:inline-block; line-height: 25px;  color:#fff}
.content .service-o.contentrder:hover {color:#fff}
.content .cart-services {font-size: 12px;; line-height:1.5em}
.content .cart-services .service-white {background: #fff; color: #15253C}
.content .cart-services .service-green {background: #28a745; color: #fff; padding-bottom:39px; padding-top:39px}
.content .service-order:hover {background:var(--color5)}
.content .cart-services .service-green:hover {background: #247F39; color: #fff}
.content .cart-services .service-green span {background: #247F39}
.content .cart-services .service-order i{font-size: 20px; margin-bottom: 5px}
.content .cart-services .service-order span{margin-top:10px; width: 80%; display:inline-block; line-height: 20px;  color:#fff}
.content .btn-order {width: 200px; display:inline-block; text-align:center; line-height: 30px; color:#fff; background:#28a745;}
.content .btn-order i{font-size: 18px}
.content .btn-order:hover,.content .btn-submit:hover,.content .btn-success:hover {color:#fff;background: #247F39;}
.content .btn-submit {width: 200px; display:inline-block; text-align:center; line-height: 50px; color:#fff}
.content .unpaid {padding: 10px 0}
.content .unpaid p {margin: 10px 0}
.content .unpaid a.email {color: var(--color-blue)}
.content .unpaid .status{color:#fff; background: #d00; padding: 5px;text-transform:uppercase;}
.content .unpaid .status-success { background: #247F39}
.content .unpaid_home .status{color:#fff; background: #d00; padding: 5px;text-transform:uppercase;}
.content .home {}
.content  .gravetile  .btn-success{max-width: 168px; padding:5px;}
.content  .gravetile .status span {font-size: 10px; text-transform:uppercase; display:block; border-top: 1px solid rgba(255,255,255,0.5); }
#cart a {color: var(--color-blue)}
#cart tbody td {vertical-align:middle}
.content .input-group-text {padding: 0 0.75rem; }
/*.content table thead th {background: #fff}*/
/*.content table tfoot td {background:#ebf2ff;}*/ 
#cart .service {margin: 10px 0;  background: var(--bg-content); padding: 10px}
#cart .service p {padding: 5px 0; font-size: 13px}
#cart tbody td {vertical-align:top; padding: 10px}
#cart .price input {width:80px; display:inline-block}
#cart .datepicker {width:150px}
.content input[type="text"],input[type="email"], textarea,textarea.form-control, select, select.form-control { margin: 0;    padding: 0 6px;    vertical-align: middle;    border: 1px solid #ddd;    border-radius: 5px;  font-family: 'Open Sans', sans-serif;    font-size: 13px;    font-weight: 400;    color: #000;    font-style: normal;    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
button.info {padding:3px 10px}
.content #cart p.cart-info {line-height: 1.5em; font-size:12px; padding: 10px 0; display:inline-block; color: #a8afbb} 
.content #cart button.btn {padding: 5px 20px; margin: 5px 0; display:none} 


#map {padding: 0;margin: 0;width: 100%;height: 600px; clear:both; color: #000;}
#map h3 {color: #000; font-size: 14px; text-align:center; font-weight: bold}
#map_coordinates {display:none}
.customBox {    background: none;      position: absolute;      font-size: 2em;  z-index:-200  }
.gravetile .date {font-size: 12px}
.gravetile { display: flex; width: 100%;justify-content:center}
.content .gravetile a {flex: 1; padding: 16px; height:auto; max-width: 200px; min-width:200px}
.form-check {padding-left: unset}
.swiper-slide {width: auto}
.swiper-button-prev {left:0}
.swiper-button-next {right:0}
.swiper-slide a img {height: 80px}
.swiper-button-prev, .swiper-button-next {background: rgba(255,255,255,0.3);  padding:20px; color: #333; top:50%}
.swiper-slide a {position:relative; display:inline-block}
.cover {text-align:center}
.grave .cover img.empty {opacity: 0.2;}
.grave .card {background: #fafafa; margin: 10px 0}
.grave .lead {padding: 20px 0 ; margin: 5px 0; font-size: 1.2em;  border-radius:3px; font-family: 'Georgia'}
.content .contact h2, .content .contact h1 {text-align:center}
.virtual_walk iframe{width:100%; height:500px}
.content h2 {margin-bottom:20px}
.content .grave table {border:0}
.content .grave table td {border:0}
table#cart {border:0px}
table#cart tbody tr {background: var(--color5);}
table#cart tbody td {background: var(--color5); border: 1px solid var(--bg-content)}
table#cart thead th,table#cart tfoot td {background:var(--color6); border: 0px solid #fff}
.virtual_flowers_show{text-align:center; padding-top: 10px;}
.virtual_flowers_show img {text-align:center; max-width:70px}
.virtual_flowers a {display:inline-block; text-align:center; width:100px; background: var(--color6); border: 1px solid var(--color6); color: #fff}
.virtual_flowers a.active,.virtual_flowers a:hover {background: var(--color5); color: #fff}
.recaptcha-center,.recaptcha-center div {margin: 0 auto; text-align:center}
label.form-check-label {display:inline}
footer p {font-size: 13px}
footer i {display:inline-block; width: 20px; text-align:Center}
.grave_free_list {margin-top:50px}
.grave_free_list a{display: table; padding: 10px; border-bottom: 1px solid #44556d; width:100%}
.grave_free_list a:hover {background: #1a3254}
.grave_free_list a span {color: #fff; display:table-cell; width: 25%; vertical-align:middle}
.grave_free_list a button {display:table-cell; float:right}
.content .next-grave {color: #fff; font-size: 12px}

@media (max-width: 800px) {
    .content h2 {font-size: 20px}
    footer .footer-box h4 {font-size: 9px; line-height:1em}
    footer .footer-box li {font-size: 9px}
    .footer-box-text-contact p {font-size: 9px}
    body > .container , body footer > .container {margin: 0px; max-width: 100%}
    table#cart, table#cart thead, table#cart tbody,table#cart tfoot, table#cart th,table#cart td,table#cart tr { display: block; }
   table#cart thead { display: none; }
   table#cart tbody td {border: 0px}
   table#cart tbody tr {margin-bottom:10px; clear: both; }
   table#cart .qty, table#cart .subtotal, table#cart .actions {display:inline-block; width:30%}
   table#cart .actions {text-align: right !important}
   table#cart .price {border-bottom:1px solid #fff; margin-bottom: 10px; padding-bottom:20px}
   table#cart tfoot td {text-align:center !important}
}
@media (max-width: 640px) {
    .grave h2 {margin-top:20px}
    .grave h2, .grave h2, .grave h3, .grave p {text-align:center}
    .grave .unpaid p {text-align:left}
    .content .gravetile a {padding:10px; max-width: 150px; min-width:150px}
    header ul.navbar-nav li a br {display:none}
    .search form {width:100%}
    footer .footer-box-text-contact p {margin: 8px auto}
    .content .gallery .thumbnail  {width: 100px;height: 100px;}
    .content .gallery a.movies:after {line-height:100px}
    .content .list2 > div:first-of-type {padding-right: 0px}
    .content .mod-gallery {padding-top:10px}
    .content .mod-gallery .thumbnail p {height:53px; font-size: 10px}
    .content-home .mod-gallery>div:last-of-type {display:none}
    .content {overflow-x:scroll; width: 100vw} 
    .topbar .container {padding:0}
    /*#menu_top,#menu_top a:hover {background: #fff}*/
    /*header .dropdown-menu  {background: #f6f6f6}*/
    /*#menu_top a, #menu_top a i {color: #000}*/
    .search form input, .search form input:focus,.search form button {font-size: 16px}
    .copyright a {display:block; text-align:Center}
    .copyright div {text-align:center !important}
}