*{box-sizing: border-box;}
html{width:100%; height:100%; padding:0px; margin:0px; overflow-x: hidden;}
body{width:100%; min-height: 100%; overflow-x: hidden; padding:0px; margin:0px;}
p{line-height: 1.2em;}
p.emp{color:#2c78d5;}
a{color:#333;}
.highlight{}
figure img{max-width: 100%;}
.smaller{font-size: 0.8em;}
.larger{font-size: 1.2em;}
.em-underline em{text-decoration: underline; font-style: normal;}
.no-wrap{white-space: nowrap;}
.full-wrap{max-width: 1400px; position:relative; margin-left: auto; margin-right: auto;}
.full-wrap:after{content:''; display: block; clear: both;}
.content-wrap{width:100%; max-width: 1224px; margin:0px auto; position: relative; display: block; }
.content-wrap:after{content:''; display: block; clear: both;}
.content-wrap.padding-bottom{padding-bottom: 64px;}
.content-wrap.padding-top{padding-top:64px;}
.text-wrap{width:100%; max-width: 1024px; margin:0px auto; position: relative; display: block;}
.text-wrap.wrap800{max-width: 800px;}
.text-wrap.wrap600{max-width: 600px;}
.text-wrap.wrap400{max-width: 400px;}
#mobile-nav{display: none;}

.center{text-align: center; margin-left:auto; margin-right: auto; display: block;}
.table-content{display: table; width:100%;}
.table-content .spacer{display: table-cell;}
.table-row{display: table-row;}
.table-cell{display: table-cell; vertical-align: top;}
.twelve{width:100%;}
.eleven{width:91.66%}
.ten{width:83.32%}
.nine{width:75%;}
.eight{width:66.66%;}
.six{width:50%;	}
.four{width:33.33%;}
.three{width:25%;}
.two{width:16.66%;}
.one{width:8.333%;}
.golden-large{width:61.8%;}
.golden-small{width:38.2%;}
.pad-left{padding-left: 16px;}
.pad-right{padding-right: 16px;}
.pad-both{padding-left:16px; padding-right: 16px;}
.align-bottom{vertical-align: bottom;}
.align-top{vertical-align: top;}
.align-middle{vertical-align: middle;}
.align-right{text-align: right;}
.align-left{text-align: left;}
.align-center{text-align: center;}
.flex-content{display: flex;}
.flex-content.row{flex-direction: row;}
.flex-content.row-reverse{flex-direction: row-reverse;}
.flex-content.column{flex-direction: column;}
.flex-content.column-reverse{flex-direction: column-reverse;}
.flex-content.justify-content-stretch{justify-content: stretch;}
.flex-cell.twelve{flex-basis:100%;}
.flex-cell.eleven{flex-basis:91.66%}
.flex-cell.ten{flex-basis:83.32%}
.flex-cell.nine{flex-basis:75%;}
.flex-cell.eight{flex-basis:66.66%;}
.flex-cell.six{flex-basis:50%;	}
.flex-cell.four{flex-basis:33.33%;}
.flex-cell.three{flex-basis:25%;}
.flex-cell.two{flex-basis:16.66%;}
.flex-cell.one{flex-basis:8.333%;}
.flex-cell.golden-large{flex-basis:61.8%;}
.flex-cell.golden-small{flex-basis:38.2%;}

.clear{clear:both;}
.learn-more{}
.astrisk{font-size: 0.8em; font-style: italic; line-height: 1.2em;}
.clickable{cursor:pointer;}
.red-text{color:#803022;}
.warning{color:#a20202; font-weight: 700; line-height: 1.4em;}
.message{font-size:.9em;font-style:italic;color:#4B4A96; font-weight: 700;}
.instruction{color:#666;}
.display-block{display: block;}
.display-inlineblock{display: inline-block;}
.display-inline{display: inline;}

.aside{float:left; margin-left: 0px; margin-top:0px;}
.aside.right{float:right; margin-left: inherit; margin-right: 0px;}
.max-twofifty{max-width: 250px;}
.max-threefifty{max-width: 350px;}

/*Form Styling */

label{ display: inline-block;   padding:4px 8px; }
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="tel"]{display: block; width:100%; font-size:18px; padding:8px 12px; border:1px solid #999; border-radius: 3px; margin:4px 0px 12px 0px; }

input.small{max-width: 100px;}

input[type="text"].six,
input[type="number"].six,
input[type="email"].six,
input[type="tel"].six{width:49%; margin-right: 2%; display: inline-block; vertical-align: top;}

input[type="text"].six:last-child,
input[type="number"].six:last-child,
input[type="email"].six:last-child,
input[type="tel"].six:last-child{margin-right: 0px;}

textarea{display: block; width:100%; height:250px; font-size:18px; padding:8px 12px; border:1px solid #888; border-radius: 3px; margin:4px 0px 12px 0px;}
.radio label{display: inline-block; margin-right:12px;}
input[type="radio"]{margin-right:12px;}
input[type="date"],
input[type="time"]{display: inline-block; font-size: 18px; padding:8px 12px; border:1px solid #666; color:#999; border-radius: 3px; margin:4px 0px 12px 0px;}
fieldset{border:1px solid #666; margin:0px 0px 32px;}

select{font-size: 18px; padding:8px 12px; border-radius: 4px; color:#999; margin:4px 0px 12px 0px; display: inline-block;}
input[type="submit"],input[type="button"]{font-size: 18px; display: inline-block; padding:8px 16px; border:1px solid #999; background:none; background-color:#eee; box-shadow: rgba(0,0,0,0.4) 1px 1px 0px 0px; margin-top:18px; transition:all 0.3s ease-out; color:#666; cursor: pointer;}
input[type="submit"]:hover,input[type="button"]:hover{ box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 1px; }

.inputfile + label{font-size: 18px; display: inline-block; padding:8px 16px; border:1px solid #999; background:none; background-color:#eee; box-shadow: rgba(0,0,0,0.4) 1px 1px 0px 0px; margin-top:18px; transition:all 0.3s ease-out; color:#666; cursor: pointer;}
.inputfile{width:0.1px; height: 0.1px; opacity: 0; position: absolute; z-index: -1;}

textarea.invalid,
input[type="text"].invalid,
input[type="number"].invalid,
input[type="tel"].invalid,
input[type="date"].invalid,
input[type="email"].invalid,
input[type="time"].invalid{border-color:#a12d3a; background-color:#f7b1b8;}

form .select{width:275px; margin-bottom: 16px;}
/*input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="tel"]{width:275px; font-size: 18px; margin-bottom: 16px; padding:8px; color:#999; border:1px solid #999; border-radius: 3px; display: inline-block; max-width: 100%;}*/
form input.large{width:500px;}
form label{width:150px; display: inline-block; vertical-align: middle;}
form input[type="submit"]{margin-left: auto; margin-right: auto; display: block; color:#222; cursor: pointer;}
form textarea.small{height: 250px;}


ul.tabs{list-style: none; margin:0px; padding:0px; overflow: hidden; position: relative; z-index: 1; top:1px; border-top-left-radius: 8px; border-top-right-radius: 8px; background-color:#8d8c86; border-left: 1px solid #bdbcb5;}
ul.tabs li{display: inline-block; vertical-align: top; padding:12px 32px 12px 56px;   border-bottom: none; position: relative; background-color:#8d8c86;  border-top:4px solid #8d8c86; cursor: pointer; color:#fff; font-weight: 600; font-size: 0.8em;  }
ul.tabs li:first-child{  border-top-left-radius: 8px;}
ul.tabs li.on{background-color:#fff; border-right: 1px solid #333; border-bottom: 1px solid #fff; color:#8d8c86; border-top:4px solid #75aa1c; }

.tab-body{display: none; border:1px solid #b6bba7; position: relative;}
.tab-body.on{display: block; opacity: 1;}

.button{display: inline-block; vertical-align: middle; padding:8px 12px; border:1px solid #999; box-shadow: rgba(0,0,0,0.2) 1px 1px 2px 0px; cursor: pointer; border-radius: 24px; position: relative; overflow: hidden; text-decoration: none; color:#222; background-color:#fff; line-height: normal; text-transform: uppercase; font-size: 16px;}
.button span{width:auto; color:#222; text-decoration: none; position: relative; z-index: 1; transition:  all 0.3s ease-in-out; cursor: pointer; display: inline; background:none; padding:0px; border:none; height: auto;}
.button:before{content:'';display: block; position: absolute; top:50%; left:50%; width:200px; height: 200px; margin-left:-100px; margin-top: -100px; border-radius: 50%; border:1px solid #fbb042; transition: all 0.3s ease-in-out;  transform-origin: center center; box-sizing: border-box; cursor: pointer;}
.button.large:before{width:400px; height: 400px;margin-left:-200px; margin-top:-200px;}
.button:hover:before{border-width: 100px;}
.button.large:hover:before{border-width: 200px;}
.button:hover span{color:#fff; background:none;}
.button.small-button{padding:2px;}
.button.small-button span{display: block; width:16px; height: 16px;  background-size: contain; background-position: center; background-repeat: no-repeat; }
.button.small-button.approve{}
.button.small-button.approve span{background-image: url(../images/icons/check.svg); }
.button.small-button.approve:hover span{background-image: url(../images/icons/check-white.svg);}
.button.small-button.approve:before{border-color:#66d02e;}
.button.small-button.reject span{background-image: url(../images/icons/xed.svg);}
.button.small-button.reject:hover span{background-image: url(../images/icons/xed-white.svg);}
.button.small-button.reject:before{border-color:#c61e08;}

.button.save:before{border-color:#66d02e;}


.toggle{display: block; width:30px; height: 30px; border-radius: 50%; background-color:#f5bb2f; position: relative; box-shadow: rgba(0,0,0,0.5) 1px 1px 2px; transition:all 0.3s ease-in-out; z-index: 1; cursor: pointer;}
.toggle:before{content:''; display: block; width:16px; height: 1px; border-color:#fff; border-top:2px solid #fff; position: absolute; transform: rotate(0deg); top:14px; left:7px; transition:all 0.3s ease-in-out;}
.toggle:after{content:''; display: block; width:16px; height: 1px; border-color:#fff; border-top:2px solid #fff; position: absolute; transform: rotate(90deg); top:14px; left:7px; transition:all 0.3s ease-in-out;}
.toggle:hover:after{transform:rotate(0deg); top:15px; left:7px;}
.toggle:hover:before{transform:rotate(45deg); height: 14px; width:14px; top:8px; left:7px; border-right:2px solid #fff;}

.toggle-more{text-align: right;}
.toggle-more:before{content:'Read more ';}
.toggle-more .toggle{display: inline-block;  vertical-align: middle; position: relative; bottom:auto; right:auto; left:auto; top:-3px; transform:rotate(90deg);}
.on > .toggle-more:before{content:'Read less ';}
.on > .toggle-more .toggle{transform:rotate(-90deg);}
.on > .toggle-more .toggle:before{transform:rotate(90deg);}
.on > .toggle-more .toggle:hover:before{transform: rotate(45deg);}

.column_list{ column-count: 3; column-gap: normal;}
.column_list.col1{column-count: 1;}
.column_list.col2{column-count: 2;}
.column_list.col4{column-count: 4;}
.column_list li{margin-bottom: 1.5em; break-inside: avoid;}

.datatable{border:1px solid #333; width:100%; border-collapse: collapse;}
.datatable td{border:1px solid #333; padding: 8px 16px;}
.datatable th{padding:8px 16px; color:#333;}
.datatable tbody tr:nth-child(2n){background-color:#d1d1d1}

/*Popup Settings*/


#bgPopup{ display:none; position:fixed; height:100%;  width:100%; top:0;left:0;background:#ffffff; z-index:999;}   
#Popup{ display:none; z-index:999;top:0px; left:0px; width:100%; height: 100%; padding:0px; position: fixed; overflow-y: auto; margin-bottom: 0px; background-color:#ffffff;}    

/* Popup interior panel settings */


.PopupInter{width:100%; height: 100%;  position: relative;   background-color:#FFF;}
.PopupPanel{margin-top:0px;padding:151px 48px 112px; max-width: 1400px; margin-left:auto; margin-right: auto; min-height: 100%; position: relative; overflow-y: auto;}
.PopupPanel .tab-body{padding:0px 12px;}
.PopupPanel .tab-body.padded{padding:32px 24px;}
.PopupInter .hide{position:fixed;right:40px;top:20px;width:44px;height:44px;cursor:pointer; background-image: url(../images/icons/hide_light.png); transition:all 0.3s ease-in-out; background-size: contain; background-position: center; border:2px solid #bdbcb5; border-radius: 50%; z-index: 999;}
.PopupInter .hide:hover{border-color:#fff;}

#Popup.loading .PopupInter:after{display: block; width:100%; height: 100%; opacity: 0.8; content:''; position: absolute; top:0px; left:0px; z-index: 999; background-image: url(../images/icons/gears.svg); background-size: 180px; background-position: center; background-repeat: no-repeat;}

#Popup h3.title{background-color:#8b8c86; color:#fff; padding:16px 64px 16px; font-weight: 300; font-size: 48px; margin:0px 0px 32px; position: absolute; top:0px; left:0px; width:100%; position: fixed; z-index: 999; border:none; border-bottom: 4px solid #bdbcb5;}
#Popup h4{font-weight:normal;font-size:1.2em; margin:0px auto;}
#Popup .submit{width:auto;background-color:#8b8c86; height: 75px; clear: both; position: fixed; bottom:0px; left:0px; width:100%; display: table; z-index: 999;}
#Popup .submit .container{width:100%; display: table;}
#Popup .submit .spacer{display: table-cell;}

#Popup .submit .button{display: table-cell; border:none; border-radius: 0px; height: 100%; box-shadow: none;  color:#fff; font-size: 18px; margin:0px; position: relative; padding:32px 48px;}
#Popup .submit .button:before{display: none;}
#Popup .submit .button span{color:inherit;}
#Popup .submit .button.update{ padding-right: 64px; width:375px; background-color:#000;}
#Popup .submit .button.update span:before{content:''; display: block; width:24px; height: 24px; border-radius: 50%; background-color:#75aa1c; position: absolute; top:0px; right:-36px;}
#Popup .submit .button.update span:after{ display: block; width:12px; height: 12px; border-top:2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); position: absolute; top:5px; right:-28px; content:'';}
#Popup .submit .button.create{background-color:#75aa1c; width:106px; color:#333;}
#Popup .submit .button.cancel{background-color:#bdbcb5; width:230px; color:#333;}
#Popup .submit .button.continue{background-color:#b12121;}
#Popup .submit .button.delete{background-color:#b12121; width:200px;}
#Popup .submit .button.copy{background-color:#4d8ed0;}
#Popup .submit .button.disabled:after{content:''; display: block; position: absolute; top:0px; left:0px; z-index: 1; background-color:rgba(190,197,208,0.6); width:100%; height: 100%;}
#Popup .submit .button label{color:#fff; display: inline-block;}
#Popup .submit .button.disabled label{color:#ddd;}

#Popup form{border:1px solid #8b8c86; padding:48px 64px; border-radius: 8px;}
#Popup form label{ width:auto; max-width:500px; display: block;}
#Popup form .inputfile + label{display: inline-block; margin-bottom: 12px;}
#Popup form .astrisk{font-size: 0.9em; display: block;}


#Popup .LargePanel{width:100%;height:100%;background-color:#FFF;}
#Popup .SmallPanel{width:900px; max-width: 100%; min-height:300px; padding-top:72px;  margin:0px auto; top:125px; box-shadow:1px -1px 2px #333;}
#Popup .SmallPanel h3.title{font-size: 32px; position: static; background-color:#fff; text-align: center; line-height: 1.2em; border-bottom: none; color:#333;}
#Popup .SmallPanel .submit{position: absolute;}
#Popup .SmallPanel .hide{position: absolute; right:10px;}

#Popup .modalwindow{min-width:100%;min-height:100%;background-color:rgba(0,0,0,0.70);padding:50px;display:none;position:absolute;top:0px;z-index:1000;}
#Popup .modalwindow.active{display:block;}
#Popup .modalwindow .mode_container{background-color:#fff;padding:15px;position:relative;}
#Popup .mode_container{padding-bottom:1px;}



.pagination{clear:both; float:none; margin-top:0px; text-align: center;}

.pagination h5{text-transform: uppercase; font-weight: 400; font-size: 16px; color:#676767; margin:0px;}
.pagination span{display: inline-block; text-decoration: none; color:#676767; padding:6px 12px; cursor: pointer;}
.pagination span.active{color:#bd2615; font-weight:800;}
.pagination span.prev{width:30px; height: 30px; vertical-align: middle; border-radius: 50%; background-color:#676767; position: relative;}
.pagination span.prev:before{content:''; display: block; width:16px; height: 1px; border-color:#fff; border-top:2px solid #fff; position: absolute; transform: rotate(0deg); top:14px; left:7px; transition:all 0.3s ease-in-out; transform:rotate(-135deg); height: 14px; width:14px; top:8px; left:7px; border-right:2px solid #fff; }
.pagination span.prev:after{content:''; display: block; width:16px; height: 1px; border-color:#fff; border-top:2px solid #fff; position: absolute; transform: rotate(90deg); top:14px; left:7px; transition:all 0.3s ease-in-out; transform:rotate(0deg); top:15px; left:7px;}

.pagination span.next{width:30px; height: 30px; vertical-align: middle; border-radius: 50%; background-color:#676767; position: relative;}
.pagination span.next:before{content:''; display: block; width:16px; height: 1px; border-color:#fff; border-top:2px solid #fff; position: absolute; transform: rotate(0deg); top:14px; left:7px; transition:all 0.3s ease-in-out; transform:rotate(45deg); height: 14px; width:14px; top:8px; left:7px; border-right:2px solid #fff; }
.pagination span.next:after{content:''; display: block; width:16px; height: 1px; border-color:#fff; border-top:2px solid #fff; position: absolute; transform: rotate(90deg); top:14px; left:7px; transition:all 0.3s ease-in-out; transform:rotate(0deg); top:15px; left:7px;}

.pagination .breaker{ padding:6px 6px;}

@media screen and (max-width:1528px){
    .full-wrap{width:auto; margin-left: 64px; margin-right: 64px;}
}

@media screen and (max-width:1352px){
    .content-wrap{width:auto; margin-left: 64px; margin-right: 64px;}
    .full-wrap .content-wrap{margin-left:0px; margin-right: 0px;}
}


@media screen and (max-width:1024px){
    .full-wrap,
    .content-wrap{margin-left:32px; margin-right: 32px;}
}

@media screen and (max-width:500px){
    .column_list{ column-count: 2; column-gap: normal;}
    .column_list.col1{column-count: 1;}
    .column_list.col2{column-count: 1;}
    .column_list.col4{column-count: 2;}
    .column_list li{margin-bottom: 1.5em; break-inside: avoid;}
}