* { margin: 0; padding: 0; outline: 0; }

::-moz-selection { background: #333333; color: #fff; text-shadow: none; }
::selection {background: #333333; color: #fff; text-shadow: none; }
::-webkit-selection { background: #333333; color: #fff; text-shadow: none;}

*:not(.form-control), *:before, *:after {
-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
}
/*
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
    transition: none !important;
}
*/
.preload nav.navbar {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
    transition: none !important;
}

div.size {z-index: 99; position: fixed; top: 0; left: 0; width:auto;height:auto;color:#000; display:block; }

html {min-height: 100%; -webkit-tap-highlight-color:transparent; -webkit-text-size-adjust: 100%;}
body { min-height: 100%;height: 100vh;}

button {outline: none !important; }
button:focus {box-shadow: none !important;}

body {font-family: 'graphik',sans-serif; font-weight:400; font-style:normal; font-size: 16px; line-height: 1.5; color: #3d4045; background-color: #fff; padding: 0px; margin: 0px; position:relative; -webkit-font-smoothing: subpixel-antialiased; overflow-x: hidden;}

.fade {opacity: 0;-webkit-transition: opacity 200ms ease;-moz-transition: opacity 200ms ease;-ms-transition: opacity 200ms ease;-o-transition: opacity 200ms ease;transition: opacity 200ms ease;}
.tooltip.fade, .popover.fade {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
.animated {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.notransition {-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}

div { display: block; }
ol, ul {list-style: none;margin: 0;padding:0;}
ul li { list-style: none; }
p {margin: 12px 0 24px 0; padding: 0px 0px 0px 0px;}

a, a:visited {color: #133e68; text-decoration: none; outline:none !important;border:none;}
a:hover {text-decoration: none; color:#93999d;}
a:focus, a:active {text-decoration: none; outline: none;}
a.btn:focus {box-shadow: none !important;}

h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-style: normal;font-weight: 500;font-family: 'cooper bt', serif;}
h1 {color: #555; font-size: 64px;line-height:72px;}
h2 {font-size: 44px; line-height: 56px; color:#3d4045;}
h3 {color:#555; font-size:32px; line-height: 44px;}
h4 {color: #3d4045;font-size: 24px;line-height: 36px; }
h5 {color: #3d4045;font-size: 20px;font-weight: 600;line-height: 32px; }
h6 {color: #3d4045; font-size: 16px; font-weight: 600; line-height: 24px; }

strong, b { font-weight:600; font-style:normal;}
i { font-style: normal !important;}
em { font-weight:400; font-style:italic;}
hr { border: none; border-top:1px solid #cdcccd; margin-top: 15px; margin-bottom: 15px;}

::-webkit-input-placeholder {color: #888; font-family: 'graphik',sans-serif; opacity: 0.5;}
select {color: #888; font-family: 'graphik',sans-serif;}
:-moz-placeholder {color: #888; font-family: 'graphik',sans-serif;opacity: 0.5;}
::-moz-placeholder {color: #888; font-family: 'graphik',sans-serif;opacity: 0.5;}
:-ms-input-placeholder {color: #888; font-family: 'graphik',sans-serif;opacity: 0.5;}
.placeholder {color: #888; font-family: 'graphik',sans-serif;opacity: 0.5;}

input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus {background-color: transparent !important; color:#f00 !important; border: 1px solid #ddd; -webkit-text-fill-color: #495057;-webkit-box-shadow: 0 0 0px 1000px #fff inset;box-shadow: 0 0 0px 1000px #fff inset;transition: background-color 5000s ease-in-out 0s;}

.form-control, .form-control:focus { -webkit-box-shadow: none; box-shadow: none; border-color: inherit;}

a#scrolldown, a#scrolldown:before {position: absolute; left: 50%; z-index: 99;}
a#scrolldown {width:40px; height: 40px; bottom: 50px; margin: 0px 0 0 -20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-left: none; border-top: none; border-right: 2px #fff solid; border-bottom: 2px #fff solid;}
a#scrolldown:before {content: ""; width: 20px; height: 20px; top: 50%; margin: -10px 0 0 -10px; border-left: none; border-top: none; border-right: 1px #fff solid; border-bottom: 1px #fff solid;  -webkit-animation:arrow 2.5s infinite; animation:arrow 2.5s infinite;}
@-webkit-keyframes arrow {
    0% {opacity: 1;}
    100% {opacity: 0;transform: translate(-10px, -10px);}
}
@keyframes arrow {
    0% {opacity: 1;}
    100% {opacity: 0;transform: translate(-10px, -10px);}
}

#toTop{display:none;position:fixed;bottom:70px;right:20px;width:40px;height:40px;text-align:center;background-color:transparent;filter:alpha(opacity=70);opacity:.7;cursor:pointer;z-index:40;color:#444; }
#toTop i{font-size:40px;line-height:40px;display:block;height:100%;width:100%;text-align:center}
#toTop:hover{filter:alpha(opacity=100);opacity:1;}

.modal {text-align: center; padding: 0 !important;}
.modal:before {content: ''; display:inline-block; height:auto; vertical-align: middle; margin-right: -4px;}
.modal .modal-dialog {margin: 10px; display: inline-block; text-align: left; vertical-align: middle;}
.modal.fade .modal-dialog {-moz-transition: none !important;-o-transition: none !important;-webkit-transition: none !important;transition: none !important;-moz-transform: none !important;-ms-transform: none !important;-o-transform: none !important;-webkit-transform: none !important;transform: none !important;}
.modal-header {padding: 0 0 15px;}
.modal-body {padding: 15px;}
.modal-body button {border-radius: 0; position: relative}
.modal-body button i {margin-left: 8px; position: relative;}



/* Content */
.pagewrapper {position: relative; display: block; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0; z-index: 1;}
.pagewrapper.ieFade {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.pagewrapper .backstretch {z-index: 1 !important;}
.pagewrapper.main:after {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width:100%; height: 100%; background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.6))); background: -webkit-linear-gradient(bottom,rgba(0,0,0,.2),rgba(0,0,0,.6)); background: -o-linear-gradient(bottom,rgba(0,0,0,.2) 0,rgba(0,0,0,.6) 100%); background: linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.6)); -webkit-transform: rotate(180deg); transform: rotate(180deg); z-index: 1}
.maincontent {float:left; width:100%; height: auto; position: relative; background-color:#f5f5f5; }


/* Header */
#header {/*background:rgba(255,255,255,0.7);*/ min-height:56px; padding-top: 0; padding-bottom:0; transition: height ease 300ms; color:#133e68; height: 6rem; background: #fff; }
#header .navbar-brand {padding: 0; margin: 0; font-weight: 500;font-family: 'cooper bt', serif; font-size:22px; letter-spacing: 1px; color:#133e68;}
#header .navbar-brand img {width:190px;}
#header button.navbar-toggler {padding:0; width:32px; height: 30px; position: relative;}
#header button.navbar-toggler > span {position: absolute; width:100%; display:block; margin: 0; height: 3px; background:#fff; -webkit-transition: all 0.2s;transition: all 0.2s;}
#header button.navbar-toggler > span:nth-child(1) {top:6px;}
#header button.navbar-toggler > span:nth-child(2) {top:14px;}
#header button.navbar-toggler > span:nth-child(3) {top:22px;}

#header button.navbar-toggler:hover > span:nth-child(2) {-webkit-transform: translateX(5px); transform:translateX(5px);}

#header.menu-open button.navbar-toggler {z-index: 1043;}
#header.menu-open button.navbar-toggler > span {background:#333;}
#header.menu-open button.navbar-toggler > span:nth-child(1) {transition-delay: 0.2s;-webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 4px 50%; transform-origin: 4px 50%;}
#header.menu-open button.navbar-toggler > span:nth-child(2) {opacity: 0; -webkit-transform: translateX(40px); transform:translateX(40px);}
#header.menu-open button.navbar-toggler > span:nth-child(3) {transition-delay: 0.4s;-webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 4px 50%; transform-origin: 4px 50%;}
#header.menu-open .navbar-brand {z-index: 1043;color: #333; }

#header ul.nav {position: relative; }
#header ul li {padding: 0 15px 0; position: relative;}
#header ul li a {color:#133e68; position: relative; display: block; font-weight: 400;font-family: 'cooper bt', serif;}
#header ul li a:before {content: ""; position: absolute; width:100%; height: 2px; bottom: 0; left: 0; background: #333;visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); transition: all .3s ease-in-out 0s;}
#header ul li a:hover:before {visibility: visible; background-color:#f2f2f2; -webkit-transform: scaleX(1);transform: scaleX(1); }

#header ul li.dropdown > a {position: relative; padding: 0.5rem 0.5rem;}
#header ul li.dropdown ul {padding-top: 10px; padding-bottom: 10px; min-width:12rem;}
#header ul li.dropdown ul li {position: relative; display:block; padding: 0;margin: 5px 15px; }
#header ul li.dropdown ul li a {color:#133e68; display: block; font-size:16px;}
#header ul li.dropdown ul li a:before {content: none;}

#header .navbar-collapse {position: relative;}
#header #menusearch {display:none; position: absolute; top: auto; right: -25px; margin-top: -1px;}
#header #menusearch > div {float:right; position: relative; display:block; padding: 0; margin: 0;}

#menusearch form {float: left; position: relative; display:block; height: auto; margin: 0; padding: 0;}
#menusearch form input {position: relative; float:left; margin: 0; border-radius: 0; border: 0 none; background-color:#133e68; width:250px; height:34px; padding: 6px 10px 6px 10px; -webkit-box-shadow:none;box-shadow: none;outline:none; font-family: "graphik",sans-serif; font-weight: 400;}
#menusearch form button {position: absolute;right: 0; top: 0; padding: 0; margin: 0; border-radius: 0; background-color: #133e68; color:#fff; width:42px; height:34px;}
#menusearch form button i {font-size:16px; line-height:28px;}
#menusearch a.closesearch {float:left; display:block; font-size:22px; line-height: 1;padding: 0 10px 0 10px; margin: 7px 0 0 0; color:#133e68; text-decoration: none;}

#header #userdropdown {position: relative; display:-ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; width:auto; color:#ed1f27; padding: 0 0 7px 0;margin-right: 15px; }

/** Subdomain Logo **/
#header .navbar-brand img {width:175px;}

/** ALTERNATE HEADER ***/
#header {height: auto;}
#righthead {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content:center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; position: relative; }
#header.navbar>.container {}
#usermenu {position: relative; margin: 0 0 10px 0;}
#header #usermenu div.dropdown {position: relative;}
#header #usermenu div.dropdown > span {display: inline-block; position: relative;color:#999; font-weight: 300; font-size:14px; }
#header #usermenu div.dropdown > span > span {color:#133e68; position: relative; margin-right: 10px;}
#header #usermenu div.dropdown > button {position: relative; padding: 0 10px; font-size:14px; display: inline-block; background: none; border: none; border-radius: 0; cursor: pointer;}
#header #usermenu div.dropdown > button:hover {color:inherit;}
#header #usermenu div.dropdown > a:before {content: none;}
#header #usermenu div.dropdown ul.dropdown-menu {left: auto; right: 0;}

#header #userdd {height: 0; position: absolute; overflow: hidden; top: 30px; right: 0; z-index: 2; width:200px;}
#header #userdd a.closemenu {display: none;color:#fff; font-size:25px; cursor: pointer; text-align: right;}
#header #userdd > div { background: #fff; position: relative; margin: 0px 0 0 0; border-radius: 4px; border: 1px solid #eee; padding: 10px 15px;}
#header #userdd > div > a {display:block; padding: 4px 0 3px 0; margin: 0; position: relative; font-size: 15px; border-bottom: 1px solid #eee;}
#header #userdd > div > a:last-child {border-bottom: none;}
#header #userdd > div > a i {font-size: 12px; position: relative; top: -1px;margin-right:10px;}

#headsearch {position: relative;}
#headsearch form {float: left; position: relative; display:block; height: auto; margin: 0; padding: 0;}
#headsearch form input {position: relative; float:left; margin: 0; border-radius: 0; border-color:#eee; background-color:#eee; width:300px; height:38px; padding: 7px 10px 5px 10px; -webkit-box-shadow:none;box-shadow: none;outline:none; font-family: "graphik",sans-serif; font-weight: 400; color:#555; }
#headsearch form input ::placeholder {color:#000; font-family: "graphik",sans-serif; font-weight: 400;}
#headsearch form button {position: absolute;right: 0; top: 0; padding: 0; margin: 0; border-radius: 0; background-color: #18BC9C; color:#fff; width:42px; height:38px;}
#headsearch form button i {font-size:16px; line-height:28px;}

#headsearch-mobile {display:none; width:100%; position: absolute; left: 0; top: 100%; height: 0; overflow: hidden;}
#headsearch-mobile a.closemenu {display: block; color:#fff; font-size:25px; cursor: pointer; text-align: right;}
#headsearch-mobile > div {padding: 20px 35px; background: #fff; border-radius: 4px; border: 1px solid #eee; }
#headsearch-mobile form {position: relative; display:block; height: auto; margin: 0; padding: 0;}
#headsearch-mobile form input {position: relative; margin: 0; border-radius: 0; border-color:#133e68; background-color:#f5f5f5; width:100%; height:40px; padding: 6px 10px 6px 10px; -webkit-box-shadow:none;box-shadow: none;outline:none; font-family: "graphik",sans-serif; font-weight: 400;}
#headsearch-mobile form button {position: absolute;right: 0; top: 0; padding: 0; margin: 0; border-radius: 0; background-color: #133e68; color:#fff; width:42px; height:40px;}
#headsearch-mobile form button i {font-size:16px; line-height:28px;}

#header > nav {}
#header .submenu {padding: 0; display:block; width:100%; background-color:#133e68; position: relative;}
#header .submenu > div {position: relative; padding: 0; margin: 0;}
#header .submenu ul {position: relative; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content:center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#header .submenu ul li {position: relative;}
#header .submenu ul li:first-child:after {content: none; position: absolute; right: 0; height: 90%; width:2px; background-color:#eee; top: 5%;}
#header .submenu ul li a {color: #fff; display: block; padding: 7px 20px 7px 20px; font-size:20px; border-radius: 0;  -webkit-transition: all 0.2s;transition: all 0.2s;/*text-transform: uppercase; font-weight: 300;font-family: 'cooper bt', serif; */ letter-spacing: 1px;}
#header .submenu ul li a:before {content: none;}
#header .submenu ul li a i {font-size:16px; position: relative; margin-right: 10px;}

#header .submenu ul li.special a {background-color:#d9534f;}

#menuoverlay {display:none;}

/* Footer */
footer {width:100%; background-color: #133e68; color:#fff; margin: 0; padding: 0; position: relative; height: auto; z-index: 2; float:left;}
footer .container {position: relative; padding-top: 20px; padding-bottom: 20px;}
footer ul {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
footer ul li {position: relative; display:block; color:#fff;}
footer .container ul li a {color:#fff; position: relative; display:block;}
footer p {display:none; margin: 10px 0 0 0; padding: 0; text-align: center; font-size:11px; font-weight: 300;}

footer.inside {font-size:12px; color:#f2f2f2; background-color: #18BC9C;}
footer.inside ul {-webkit-justify-content:flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end;}
footer.inside ul li {margin: 0 5px;}
footer.inside ul li a {color:#f2f2f2}
footer.inside span {float:left;}

footer.main, footer.inside {display:none;}

/* Terms & Privacy */
div.policy {display:block; position: fixed; top: 0; right: 0; left: 0; bottom: 0; width:100%; height: 100%; background: rgba(255,255,255,0.95); z-index: 1041; visibility: hidden;opacity: 0;-webkit-transform: scale(0.9);transform: scale(0.9);-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;-webkit-transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;}
div.policy.active {visibility: visible;opacity: 1;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;-webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s;transition: transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;}

a#closepolicy {display: block;width: 40px; height: 30px; margin:0; z-index: 42; position: fixed; right: 72px; top: 48px; -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;}
a#closepolicy > span {display: block;width: 100%; height: 4px; background: #333; -webkit-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; position: absolute; left: 0px; border-radius:9px;}
a#closepolicy > span:first-child {top: 12px; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
a#closepolicy > span:last-child {top: 12px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}

.insidepolicy {display: block; position: relative; width:100%; height:auto; color:#333;}
.insidepolicy > .container {padding-top: 45px; padding-bottom:45px; overflow:hidden;}
.insidepolicy h2.section-title {text-align: left; margin-bottom: 25px;}
.insidepolicy h3.sub-title.contents {text-align:left; background-color: transparent; margin:15px 0 0px; padding: 0 0 10px; font-size: 28px; color:#333;}
.insidepolicy p {color:#333; font-size:15px; line-height: 1.5; text-align: left; float:left; width:100%; height:auto; position: relative; display:block; padding: 0; margin: 0 0 15px 0;}
.insidepolicy h3 {float:left; width:100%; height:auto; position: relative; display:block; font-size: 22px; color:#333;}
#terms .insidepolicy h3 {text-align:left; padding: 0 0 20px; margin: 10px 0 0px; float:left; width:100%; height: auto; display: block; position: relative; font-size: 22px; font-weight: 400; letter-spacing: 2px;}
.insidepolicy ol {float:left; width:100%; height:auto; position: relative; display:block; padding: 0; margin: 0 0 0px 10px;}
.insidepolicy ol li {color:#333; font-size:15px; line-height: 1.5; margin: 0 0 5px 0; text-align: left;position: relative; list-style: decimal; list-style-position: inside; }

.insidepolicy ul {float:left; width:100%; height:auto; position: relative; display:block; padding: 0; margin: 0 0 0px 10px;}
.insidepolicy ul li {color:#333; font-size:15px; line-height: 1.5; margin: 0 0 5px 0; text-align: left;position: relative; list-style: disc; list-style-position: inside; }

p.revised-date {font-style: italic; }
#privacytable {position: relative; float:left; display: block; width:100%; height:auto; margin: 10px auto 0px auto; padding: 0;}
#privacytable > div:not(.table-responsive) {float:left; position: relative; width: 100%; display:block;}
#privacytable .well {float:left; display:block; position: relative; width:100%;}
#privacytable .well p:last-child {margin-bottom: 0;}
#privacytable h3.sub-title {text-align:left; background-color: transparent; margin:10px 0 0px; font-size:22px; color:#555}
#privacytable h4 {float:left; width:100%; position:relative; text-decoration: underline; font-size:18px;}

/* Main Page */
#maintitle {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content:center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: auto; min-height:calc(100vh - 64px); position: relative; z-index: 2;}
#maintitle > .container {position: relative;}
#maintitle > .container > span {text-align: center; display: block; color:#fff; font-size: 40px; font-weight: 500;font-family: 'cooper bt', serif; letter-spacing: 2px; text-shadow: 0px 2px 2px rgba(0,0,0,0.2); }
#maintitle > .container img.mainlogo {display: block; position: relative; margin: 0 auto;}
#maintitle .formdiv {background: rgba(255, 255, 255, 0.9);padding: 40px; max-width: 100%; width: 600px; margin: 40px auto; border-radius: 4px; box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);}
#maintitle .formdiv input[name=interested] {display:none;}
#maintitle .formdiv h3 {text-align: center; margin: 0 0 15px 0; display:none; position: relative; padding: 0;}
#maintitle .formdiv .tab-group {list-style: none; padding: 0; margin: 0 0 40px 0;}
#maintitle .formdiv .tab-group:after {content: ""; display: table; clear: both;}
#maintitle .formdiv .tab-group li a {display:block; text-decoration: none; padding: 15px; background: rgba(160,179,176,0.25); color:#a0b3b0; float: left; width: 50%; font-size: 20px; text-align: center; cursor: pointer; transition: .5s ease;  font-weight: 500;}
#maintitle .formdiv .tab-group li a:hover {color:#133e68;}
#maintitle .formdiv .tab-group .active a {background: #133e68; color:#fff;}
#maintitle .formdiv .tab-group .active a:hover {background: #133e68; color:#fff;}
#maintitle .formdiv .tab-content > div:last-child {display:none;}
#maintitle .formdiv form {width:100%; height: auto; position: relative; overflow:hidden;}
#maintitle .formdiv .form-group {margin-bottom: 0; padding: 10px 0px; position: relative;}
#maintitle .formdiv .form-group:last-child {margin-bottom: 20px;}
#maintitle .formdiv .form-group:nth-child(7) {padding: 0; margin: 0;}
#maintitle .formdiv .form-group:nth-child(8) {padding: 0; margin: 0;}
#maintitle .formdiv .form-group #html_element > div {margin: 0 auto;}

#maintitle .formdiv .form-group label {position: absolute; font-size:0.65rem; line-height: 16px;left: 0; width:100%; max-width:100%; display: inline-block; padding: 0 10px; margin: 5px 0 8px 0px; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; -webkit-backface-visibility: hidden; pointer-events: none; font-weight: 600; color:#133e68; text-transform: uppercase}
#maintitle .formdiv .form-group.form-row label {padding: 0 15px;}

#maintitle .formdiv input.form-control {height: 52px;padding: 15px 10px; border-color:#ccc; border-radius: 0;  transition: all 0.2s ease-out; font-size:1.1rem; font-weight: 400;position: relative; -webkit-appearance: none; appearance: none; -webkit-background-clip: padding-box; background-clip: padding-box; background:none;}
#maintitle .formdiv ::placeholder {color:#555; font-family: "graphik",sans-serif; font-weight: 400;}

#maintitle .formdiv .form-group div.hasvalue label {filter: alpha(opacity=100); opacity: 1; z-index: 1; text-align: left;}
#maintitle .formdiv .form-group div.hasvalue .form-control {padding-top: 20px;padding-bottom: 5px; color:#333;}
#maintitle .formdiv .form-group div.hasvalue textarea.form-control {padding-bottom: 10px;}
#maintitle .formdiv .form-group div.hasvalue select.form-control {text-transform: none;}

#maintitle .formdiv .form-actions {margin: 0; padding: 0; position: relative; display:block; width: 100%; overflow: hidden;}
#maintitle .formdiv #login .form-actions {margin-top: 25px;}
#maintitle .formdiv .form-actions button {width:100%; margin: 0;padding: 15px 0; letter-spacing: 2px; text-transform: uppercase;color:#133e68; border-color:#133e68; border-radius: 0; font-weight: 500;}
#maintitle .formdiv .form-actions button:hover {background-color:#133e68; color:#fff;}

#maintitle .formdiv .form-actions input {width:100%; margin: 0;padding: 15px 0; letter-spacing: 2px; text-transform: uppercase;color:#133e68; border-color:#133e68; border-radius: 0; font-weight: 500;}
#maintitle .formdiv .form-actions input:hover {background-color:#133e68; color:#fff;}

#maintitle .loginbottom {float:left; width: 100%; height: auto; margin: 15px 0 15px 0;}
#maintitle p.forgot {display:block; float:right;font-size:14px; margin: 0;}
#maintitle p.signup {margin-bottom: 0;}
.maincontent #forgot-form {display: none;}

.customcheckbox {margin: 10px auto; text-align: center; display:block;}
.customcheckbox label {font-size:14px; line-height: 24px;}
.customcheckbox [type="checkbox"]:not(:checked),
.customcheckbox [type="checkbox"]:checked {position: absolute;left: -9999px;}
.customcheckbox [type="checkbox"]:not(:checked) + label,
.customcheckbox [type="checkbox"]:checked + label{position: relative;padding-left: 1.95em;cursor: pointer;}

form.normal-label .customcheckbox label {font-size:14px; line-height: 24px;}
.customcheckbox input[type="checkbox"]#remember, .customcheckbox .remember {display:inline-block; margin-bottom: 0;}
.customcheckbox.remembercheck {float:left; margin: 0;}

/* checkbox aspect */
.customcheckbox [type="checkbox"]:not(:checked) + label:before,
.customcheckbox [type="checkbox"]:checked + label:before {content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px;  border: 2px solid #ccc; background: #fff; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0,0,0,.1);}
/* checked mark aspect */
.customcheckbox [type="checkbox"]:not(:checked) + label:after,
.customcheckbox [type="checkbox"]:checked + label:after {content: '\2713\0020'; position: absolute;top: 3px; left: 4px; font-size: 18px; line-height: 0.8;color: #09ad7e;transition: all .2s; font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;}
/* checked mark aspect changes */
.customcheckbox [type="checkbox"]:not(:checked) + label:after { opacity: 0;transform: scale(0);}
.customcheckbox [type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}
/* disabled checkbox */
.customcheckbox [type="checkbox"]:disabled:not(:checked) + label:before,
.customcheckbox [type="checkbox"]:disabled:checked + label:before {box-shadow: none; border-color: #bbb; background-color: #ddd;}
.customcheckbox [type="checkbox"]:disabled:checked + label:after {color: #999;}
.customcheckbox [type="checkbox"]:disabled + label {color: #aaa;}
/* accessibility */
.customcheckbox [type="checkbox"]:checked:focus + label:before,
.customcheckbox [type="checkbox"]:not(:checked):focus + label:before {/*border: 2px dotted blue;*/}

/* hover style just for information */
.customcheckbox label:hover:before { border: 2px solid #4778d9!important;}

#maintitle .popover.fade {opacity: 1;}
#maintitle .popover {background-color:#fff; border-color:#ddd;border-radius:.3rem; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.15); box-shadow: 0 2px 4px rgba(0,0,0,0.15);}
#maintitle .popover .popover-body {color:#555; font-weight: 500; font-size: 13px; font-family: "graphik", sans-serif; text-align: center;}

#maintitle .formdiv .form-group label.has-error {display: none !important;}
#maintitle #formresponse {display:none;}
#maintitle #formresponse label {padding: 0; margin: 0;}

#maintitle div.accountlink {display: block; text-align:  center; margin: 15px auto 0 auto; position: relative;}
#maintitle a.signup-link {display:inline-block; text-align: center; position: relative;}
#maintitle a.signup-link span {font-size:14px; font-weight: 400}
#maintitle a.signup-link span.last { font-weight: 600;}

/* Main Page SUbdomain */
#maintitle > .container img.mainlogo.test {width:220px;}

/* FORMS */
.formpage {float:left; width:100%; height:auto; display: block; position: relative;}
.formContainer { padding: 1.35em 1em; position: relative; float:left; width:100%; }
.formContainer input[type=checkbox] {display:none;}

.formContainer form {position: relative; float:left; width:100%; height:auto;}
.formContainer .form-group {margin-bottom: 0; padding: 10px 0px; position: relative;}
.formContainer .form-group label {position: absolute; font-size:0.65rem; line-height: 16px;left: 0; width:100%; max-width:100%; display: inline-block; padding: 0 10px; margin: 5px 0 8px 0px; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; -webkit-backface-visibility: hidden; pointer-events: none; font-weight: 600; color:#555; text-transform: uppercase}
.formContainer .form-group.form-row label {padding: 0 15px;}
.formContainer .form-group .form-control {height: 52px;padding: 14px 10px; border-color:#ccc; border-radius: 0px;  transition: all 0.2s ease-out; font-size:15px; font-weight: 400;position: relative; -webkit-appearance: none; appearance: none; -webkit-background-clip: padding-box; background-clip: padding-box; color:#555; background:#fff;}
.formContainer .form-group ::placeholder {color:#555; font-family: "graphik",sans-serif; font-weight: 400; }
.formContainer .form-group .form-control:focus {border-color:#555;}
.formContainer .form-group textarea.form-control {height:auto;}
.formContainer .form-group select.form-control {height:52px; -webkit-appearance: none; -ms-appearance: none; appearance: none;text-transform: uppercase;}
.formContainer .form-group.select i {position: absolute; right: 0; width:30px; height:30px; line-height:30px; top:50%; margin: -15px 0 0 0;font-size:18px; color:#5f005f;}

.formContainer .form-group div.hasvalue label {filter: alpha(opacity=100); opacity: 1; z-index: 1;}
.formContainer .form-group div.hasvalue .form-control {padding-top: 20px;padding-bottom: 5px; color:#333;}
.formContainer .form-group div.hasvalue textarea.form-control {padding-bottom: 10px;}
.formContainer .form-group div.hasvalue select.form-control {text-transform: none;}

.contactform2 .form-group > div span {display: block; font-style: italic; color:#E74C3C; font-size:15px; padding:5px 0 0 5px;}

.form-actions {text-align: center; position: relative; margin-top: 15px;}
.form-actions button {text-align: center; margin: 0 auto; position: relative; background-color:#fff; color:#133e68; border: 2px solid #133e68; padding: 6px 20px; border-radius: 0; font-size:17px;}
.form-actions button:hover {background-color:#133e68; color:#fff;}

.formContainer .popover.fade {opacity: 1;}
.formContainer .popover {background-color:#fff; border-color:#ddd;border-radius:.3rem; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.15); box-shadow: 0 2px 4px rgba(0,0,0,0.15);}
.formContainer .popover .popover-body {color:#555; font-weight: 500; font-size: 13px; font-family: "graphik", sans-serif; text-align: center;}

#formresponse {overflow:hidden;width:100%; height:auto; position: relative;}
#formresponse > div {float:left; width:100%; height:auto; position: relative; display:block;padding: 20px;}
#formresponse > div p {margin: 0 0 0px; font-size: 16px; line-height: 24px; text-align: center;}
#formresponse > div p span {font-weight: 600;}

#formoutput {overflow:hidden;width:100%; height:auto; position: relative;}
#formoutput > div {float:left; width:100%; height:auto; position: relative; display:block;padding: 20px;}
#formoutput > div p {margin: 0 0 0px; font-size: 18px; line-height: 28px; text-align: center;}
#formoutput > div p span {font-weight: 600;}

#forgot-form .modal-content {border: 0 none;}

#forgot-form .modal-header {text-align: left;display:block; padding: 15px;}
#forgot-form .modal-header h4 {text-align: left;display:block;}
#forgot-form .mfp-close {position: absolute; font-size:32px;}

#forgot-form .modal-body label {font-size:15px; font-family: "graphik", sans-serif;text-align: left; display:block; }
#forgot-form .modal-body input.hidden {display: none !important;}
#forgot-form .modal-body input.form-control {height: 40px;padding: 14px 10px; border-color:#ccc; border-radius: 0px;  transition: all 0.2s ease-out; font-size:15px; font-weight: 400;position: relative; -webkit-appearance: none; appearance: none; -webkit-background-clip: padding-box; background-clip: padding-box; color:#555; background:#fff;}

#forgot-form .modal-footer {border-top: 0 none; padding: 0 15px 15px;}
#forgot-form .modal-footer .form-actions {margin: 0; padding: 0; position: relative; display:block; width: 100%; overflow: hidden;}
#forgot-form .modal-footer .form-actions button {width:auto; margin: 0;padding: 7px 20px; letter-spacing: 2px; text-transform: uppercase;color:#133e68; border-color:#133e68; border-radius: 0; font-weight: 500;}
#forgot-form .modal-footer .form-actions button:hover {background-color:#133e68; color:#fff;}

.pagewrapper > .alert {position: relative; z-index: 3; width: 75%; margin: 0px 12.5% 0 12.5%; text-align: center;} 

span.suggesttitle {display: block; position: relative; overflow: hidden; width:100%; text-align: center; font-family: 'cooper bt', serif; font-weight: 500; font-size:22px; margin: 0 0 15px 0;padding:0; color:#18BC9C;}

/* INSIDE PAGES */
.insidecontent {padding: 0px 0 0 0; position: relative;}
.insidecontent > .container {padding-top: 40px; padding-bottom: 40px;}
.pagewrapper.inside #header {/*background-color:#133e68;*/}
.pagewrapper.inside .maincontent.home {/*padding-top:150px;*/}
.pagewrapper.inside #header.shrink-nav + .maincontent {/*padding-top: 64px;*/}
.pagetitle {position: relative; padding: 0 0 20px;}
.pagetitle h2 {display: block; text-align: center; position: relative; color:#133e68;}
.subtitle {position: relative; padding: 20px 0 20px;}
.subtitle h3 {display: block; text-align: center; position: relative; color:#18BC9C;}

.leftnav {width:100%; position: relative;}
.leftnav ul.nav {position: relative; margin: 30px 0; padding: 20px; border: 1px solid #ddd; background:#fff;}
.leftnav ul.nav > li {position: relative; display: block; width: 100%; border-bottom: 1px solid #efefef; padding: 5px 0px; margin: 2px 0;}
.leftnav ul.nav > li:first-child {padding-top: 0; margin-top: 0;}
.leftnav ul.nav > li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.leftnav ul.nav > li a {position: relative; display: block; margin: 0; padding: 0 5px;}
.leftnav a.backbutton {position: absolute; top:-30px; display: block; width:auto; padding: 0 0 0 10px; font-size:14px;}
.leftnav a.backbutton i {position: relative; margin-right: 10px;}

/* Profile page */
.nav-tabs--left {margin: 0 15px;}
.nav-tabs--vertical {border-bottom: 0; border-right: 1px solid #ddd; display: flex; flex-flow: column nowrap;}
.nav-tabs--left .nav-item + .nav-item {margin-top: .25rem;}
.nav-tabs--left .nav-link {transition: border-color .125s ease-in;white-space: nowrap;}
.nav-tabs--left .nav-link:hover { background-color: #f7f7f7;border-color: transparent;}
.nav-tabs--left .nav-link.active {border-bottom-color: #ddd; border-right-color: #fff;border-bottom-left-radius: 0.25rem;border-top-right-radius: 0; margin-right: -1px;}
.nav-tabs--left .nav-link.active:hover { background-color: #fff;border-color: #0275d8 #fff #0275d8 #0275d8;}
h1.profilename {font-size: 24px;}
#profiletabs legend {margin-bottom:15px;}
#profiletabs form {width:100%; position: relative;}
#profiletabs .tab-pane.fade.show {opacity: 1;}
#profiletabs form .form-control {height: 40px;padding: 14px 10px; border-color:#ccc; border-radius: 0px;  transition: all 0.2s ease-out; font-size:15px; font-weight: 400;position: relative; -webkit-appearance: none; appearance: none; -webkit-background-clip: padding-box; background-clip: padding-box; color:#888; background:#fff;}
#profiletabs .form-group ::placeholder {color:#888; font-family: "graphik",sans-serif; font-weight: 400; }
#profiletabs .form-group label {font-weight: 500; font-size: 15px;}

/* Account Forms */
.maincontent > .special .login a.btn-primary {color:#fff; border-radius: 0; font-size: 1rem;}

/* Index Page */
#slides {display:none;}
#slides .item {position: relative; float:left;}
#slides .item:after {/*content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width:100%; height: 100%; background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.6))); background: -webkit-linear-gradient(bottom,rgba(0,0,0,.2),rgba(0,0,0,.6)); background: -o-linear-gradient(bottom,rgba(0,0,0,.2) 0,rgba(0,0,0,.6) 100%); background: linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.6)); -webkit-transform: rotate(180deg); transform: rotate(180deg);*/}

#slides .caption {position: absolute; z-index: 2; top: 0; right: 0; left: 0; margin: 0 auto; width:100%; height:100%; text-align: center; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 1rem;}
#slides .caption.right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end;}
#slides .caption.center { -webkit-justify-content:center; -moz-justify-content: center; -ms-justify-content: center; justify-content:center;}
#slides .caption.left { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start;}
#slides .caption > div {padding: 0 15px; overflow: hidden; width:60%;}
#slides .caption > div > * {filter: alpha(opacity=0); opacity: 0; color: #fff;}

.indexbottom {position: relative;-webkit-box-orient: horizontal; -webkit-box-direction: horizontal; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: center;align-content: center; /*-webkit-transform: translateY(-60px); transform: translateY(-60px); */width:100%; margin: 0; margin-top: 30px;}
.menubar {position: relative; border-bottom:1px solid #ddd;}
.indexbottom .container { height: auto; background-color:#fff;}

#indexfilters.controls {padding: 1%; display:-ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  -webkit-box-align: center; -ms-flex-align: center; align-items: center;  -webkit-box-pack: space-around; -ms-flex-pack: space-around; justify-content:space-around;}
#indexfilters fieldset {display: inline-block;vertical-align: top; margin: 0; padding: 0; border-radius: 3px;}
#indexfilters .checkbox{ display: inline-block; position: relative;cursor: pointer; margin-bottom: 0px; margin-right: 10px}
#indexfilters .checkbox input[type="checkbox"]{position: absolute;display: block;top: 0;left: 0; height: 100%; width: 100%; cursor: pointer; margin: 0; opacity: 0; z-index: 1;}
#indexfilters .checkbox label{ display: inline-block; vertical-align: top;text-align: left;padding-left: 1.7em; color:#fff; line-height:1.3;}
#indexfilters .checkbox label:before, #indexfilters .checkbox label:after{content: '';display: block;position: absolute;}
#indexfilters .checkbox label:before{ left: 0; top: 0; width: 18px; height: 18px; margin-right: 10px; background: #ddd; border-radius: 3px;}
#indexfilters .checkbox label:after{content: '';position: absolute; top: 4px; left: 4px; width: 10px; height: 10px; border-radius: 2px; background: #68b8c4; opacity: 0; pointer-events: none;}
#indexfilters .checkbox input:checked ~ label:after{opacity: 1;}
#indexfilters .checkbox input:focus ~ label:before{ background: #eee;}

div.catdropdown {display:none;}
div.catdropdown.open {display:block;}
#indexfilters .alphagroup button.btn:after {display:none;}
#indexfilters .btn-group {position: relative;}
#indexfilters button#catdropdown {border-top-right-radius: .25rem; border-bottom-right-radius: .25rem;}
#indexfilters .filtergroup > span {position: relative; display: inline-block; vertical-align: middle; width:1px; height:25px; background: #ddd;padding: 0px; margin: 0 5px;}
#indexfilters button {background-color:transparent; position: relative;display: inline-block; margin: 0;}
#indexfilters button.btn:hover {background-color:transparent;}
#indexfilters button.btn:after {position: absolute; bottom:-1px; width:100%; left: 0; right: 0; height: 3px; content: ""; background:none;}
#indexfilters button.btn:hover:after {background:#222;}
#indexfilters button.btn.resetfilters:after {display:none;}
body.anmedhealth #indexfilters button.btn.mixitup-control-active:after {background-color:#d3e4f5;}
body.conehealth #indexfilters button.btn.mixitup-control-active:after {background-color:#003b7a;}

.indexgrid {text-align: justify; padding: 1rem; margin-top: 20px;position: relative;}
.indexgrid:after {content: ""; display: inline-block; width:100%;}
.indexgrid .mix {display: inline-block; vertical-align: top;  margin-bottom: 1.5rem;position: relative;}
.indexgrid .mix a {color:#333;-webkit-box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.2);  height:220px;display:-ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  -webkit-box-align: center; -ms-flex-align: center; align-items: center;  -webkit-box-pack: center; -ms-flex-pack: center; justify-content:center; position: relative; background: #fff;}
.indexgrid .mix a span.vendorname {background-color: #ddd; display: block; width:100%; position: relative; bottom:0px; text-align: center;padding: 5px 10px; font-size: 15px; font-weight: 500;}

/*.indexgrid .discountmodal {display: none;}*/

/* Categories Page */
div.catlist {position: relative; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content:center; -moz-justify-content: center; -ms-justify-content: center; justify-content:center;  -webkit-flex-wrap: wrap;-ms-flex-flow: row wrap;flex-wrap: wrap;}
div.catlist .col-6 {margin-bottom: 30px; position: relative;}
div.catlist .col-6 > div {position: relative; overflow: hidden; -webkit-clip-path: inset(0); clip-path: inset(0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index: 1;}
div.catlist .col-6 > div:hover {-webkit-clip-path: inset(3%); clip-path: inset(3%);}

div.catlist .col-6 > div > div {width:100%; height: 200px;position: relative; display:block; -webkit-background-size: cover; background-size: cover; background-position: center; transform: translate3d(0, 0, 0); /*transform: translate3d(-100px, 0, 0);*/ transition: all 2s cubic-bezier(0.23, 1, 0.38, 1); }
div.catlist .col-6 > div > div:hover {}
div.catlist a {position: absolute; left: 0; top: 0; bottom: 0; right: 0; width:100%; height: 100%; z-index: 2; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content:center; -moz-justify-content: center; -ms-justify-content: center; justify-content:center; white-space: normal; max-width: 100%;}
div.catlist a:hover {background-color:rgba(0,0,0,0.8);}
div.catlist .col-6 > div:hover > div {-webkit-transform: translate3d(0,0,0) scale(1.2); transform: translate3d(0,0,0) scale(1.2);}
div.catlist a > span {text-align: center; color:#fff; display:block; background-color:rgba(0,0,0,0.0); padding: 5px 10px; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); font-size:22px; font-weight: 500;white-space: normal; position: relative; max-width: 100%;}


div.catlist li {position: relative; text-align: center; margin: 0 0 30px 0;}
div.catlist li a {position: relative; display:block; padding: 0px; background-color:#fff; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);}
div.catlist li img {position: relative; display:block;}
div.catlist li a > span {position: absolute; text-align: center; top: 0; right: 0; bottom: 0; left: 0; width:100%; height: 100%; display:table;}

/* Vendors Page */
.vendors {text-align: justify; padding: 0; margin-top: 20px;position: relative;}
.vendors:after {content: ""; display: inline-block; width:100%;}
.vendors .grid {overflow: hidden; position: relative;}
.vendors .mix {display: inline-block; vertical-align: top;  margin-bottom: 1rem;position: relative; padding-top:10px;}
.vendors .mix a {color:#333;-webkit-box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.2);  height:220px;display:-ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  -webkit-box-align: center; -ms-flex-align: center; align-items: center;  -webkit-box-pack: center; -ms-flex-pack: center; justify-content:center; position: relative; background: #fff;}
.vendors .mix a span.vendorname {background-color: #ddd; display: block; width:100%; position: relative; bottom:0px; text-align: center;padding: 5px 10px; font-size: 15px; font-weight: 500;}

.mixitup-page-list {display: -webkit-box; display:-ms-flexbox; display:flex; padding: 20px 0 0 0;margin: 15px auto 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid #ddd;}
.mixitup-page-list > a {display:block; cursor: pointer; position: relative;margin: 0; padding: 5px 12px;line-height: 1.5; font-size:14px;}

.mixitup-page-list > a.pager {background-color:#eee; border: 1px solid #fff; color:#133e68;}
.mixitup-page-list > a.pager.mixitup-pager-active {background-color:#133e68; color: #fff;}
.mixitup-page-list > a.mixitup-pager-prev {background-color:transparent;}
.mixitup-page-list > a.mixitup-pager-next {background-color:transparent;}
.mixitup-page-list > a.mixitup-pager-disabled {color:#eee; cursor: not-allowed;}
.mixitup-page-list > a.mixitup-pager-disabled:hover {color:#eee;}
.mixitup-page-list.mixitup-mixitup-page-list-disabled {border-top:none;}

/* Cat Page */
div.listbusiness {position: relative; float:left; display: block; width:100%; margin: 30px auto; padding: 10px 0;}
#cat .grid {position: relative; display:-webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; padding: 0; -webkit-align-content: flex-start; align-content: flex-start;}
.listbusiness .item {position: relative;margin-bottom: 30px;}
.listbusiness .item .img {-webkit-box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.2); display: block; position: relative;}
.listbusiness .item .img a {display: block; position: relative;z-index:1}
.listbusiness .item span.outerimg {display: block; position: relative; padding:5px; z-index:1}
.listbusiness .item span.outerimg:after {position: absolute; top: 0; left: 0; right: 0; bottom:0; content: ""; background:rgba(0,0,0,0.8); -webkit-transition: all 200ms ease;transition: all 200ms ease;opacity: 0; }
.listbusiness .item span.outerimg > span {position:absolute; display:flex; justify-content: center; align-content: center; align-items: center;top:0; right: 0; bottom: 0; left: 0; color:#fff; z-index: 1; opacity: 0;}
.listbusiness .item a:hover span.outerimg:after {opacity: 1}
.listbusiness .item a:hover span.outerimg > span {opacity: 1;}
.listbusiness .item span.busname {text-align: center; display: block; position: relative; background-color:#eee;padding: 5px 0;}

/* Bus Page */
.adContent {position: relative; float:left; width:100%; margin: 0 auto; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content:center; -moz-justify-content: center; -ms-justify-content: center; justify-content:center;}
.adContent > .bus-image {width:60%; float:left; padding-right: 5%;}
.adContent > .bus-image img {border: none; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); box-shadow: 0 1px 3px rgba(0,0,0,0.25);}
.adContent .sub {float:left;}
.adContent .sub > * {margin-bottom:10px;}
.adContent .sub > *:last-child {margin-bottom: 0;}
.adContent .sub a.btn {background:#133e68; padding: .6em 1em;color:#fff; display: block; position: relative; border-radius:0.25rem;}
.adContent .sub a.btn:hover {background-color:#18BC9C;}
.adContent .sub a.btn i {position: relative; margin-left: 10px;}
.adContent .sub > span {text-transform: uppercase; font-size:13px; color:#555; text-align: center; display:block; font-weight: 500; margin-bottom: 3px;}
.adContent .sub .promobutton {position: relative;}
.adContent .sub .promobutton input {border-color:#ccc; background-color:#f9f9f9; height:40px; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); text-transform: uppercase; padding: 0.4rem 0.75rem; line-height: 1.4;}
.adContent .sub .promobutton ::-webkit-input-placeholder {font-weight: 500;color:#3d4045; opacity: 0.7;}
.adContent .sub .promobutton button {text-transform: uppercase; line-height: 1.5;color:#555;}
.adContent .sub .promobutton button i {position: relative; }
.adContent .sub .promobutton button i.fa-check {color:#18BC9C}

.zoommodal span.buttons {position: absolute;z-index: 4;left: 15px; top: 5px; display: block;}
.zoommodal span.buttons button {border: 1px solid #ededed; border-radius: 4px; background-color:rgba(255,255,255,0.7); padding: 0px; cursor: pointer; font-size:11px; color:#666; width:30px; height:27px; line-height: 25px; text-align: center; display:block;}
.zoommodal span.buttons button.inactive {color:#999;}
.zoommodal span.buttons button.zoom-in {-webkit-border-radius: 4px 4px 0px 0px;border-radius: 4px 4px 0px 0px;}
.zoommodal span.buttons button.zoom-out {-webkit-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px;}
.zoommodal img.modalimage {margin: 0 auto; display: block;}
.zoommodal.white-popup {padding: 15px 15px;}
.zoommodal.white-popup button.mfp-close {right:20px;top:20px;}

/* Search */
#searchresults {float:left; width: 100%; height: auto; display:block; margin: 0 auto;position: relative; padding:30px 0px 0px 0px; min-height:200px;}
#resultsgrid {text-align: justify; padding: 0; margin-top: 0px;position: relative;}
#resultsgrid:after {content: ""; display: inline-block; width:100%;}
#resultsgrid .grid {overflow: hidden; position: relative;}
#resultsgrid .mix {display: inline-block; vertical-align: top;  margin-bottom: 1rem;position: relative; padding-top:10px;}
#resultsgrid .mix > div {}
#resultsgrid .mix a {color:#333;-webkit-box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.2); height:220px;display:-ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  -webkit-box-align: center; -ms-flex-align: center; align-items: center;  -webkit-box-pack: center; -ms-flex-pack: center; justify-content:center; position: relative; background: #fff;}
#resultsgrid .mix a span.busname {background-color: #ddd; display: block; width:100%; position: relative; bottom:0px; text-align: center;padding: 5px 10px; font-size: 15px; font-weight: 500;}

.resultstext {display: block; position: relative; width:100%; text-align: center;}
.resultstext > span {font-size: 30px; display: block; font-weight: 400;font-family: 'cooper bt', serif;}
.resultstext > span > span {font-weight: 500; color:#18BC9C}

p.search.formpagetext {font-size:18px; font-style: italic;}