body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}
a:hover {
    text-decoration: none;
}
img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
.tab {
    float: left;
}
.AstriaDigitaldiv {
    float: left;
}
.AstriaDigital ul,
.AstriaDigital li {
    display: inline-block;
}
.AstriaDigital a {
    color: #20292f;
    padding: 0px 20px 20px 20px;
    text-decoration: none;
}
.AstriaDigital {
    float: left;
    padding-top: 13px;
    padding-left: 10px;
}
.AstriaDigitalLibrary {
    float: right;
    color: #20292f;
}
.AstriaDigitalLibraryalt {
    float: right;
    margin-top: 6px;
}
.AstriaDigitalLibrary img {
    margin-right: 15px;
}
.userProfile {
    background-color: #3db6ef;
    width: 2em;
    height: 2em;
    display: inline-block;
   justify-content: center;
    align-content: center;
    border-radius: 50%;
    margin-right: 12px;
}
.userProfile .fas {
    color: white;
    font-size: 1.4em;
    padding: 0.2em;
}
.AstriaDigitalLibrary p:hover {
    color: #20292f;
    text-decoration: none;
}
.AstriaDigitalLibrary p {
    float: right;
    margin-bottom: 0px;
    padding-top: 9px;
}
.AstriaDigitalLibrary p:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.AstriaDigitalview {
    padding: 20px 0px;
}
.Astriup {
    text-transform: uppercase;
}
.settingbox {
    padding: 0px 0px;
}
.dropdown-menu {
    border-color: #fff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}
.dropdown-menu a {
    font-size: 14px;
}
.file {
    background-color: #f7f7f7;
}
.setting {
    padding: 40px 0px 30px 0px;
}
/* These two rules are specific to the home page where search is followed by a list. */
.setting.block-search {
    padding: 40px 0px 0 0px;
}
#search + .setting {
    padding: 0 0px 30px 0px;
}
.searching {
    width: 100%;
    max-width: 500px;
    position: relative;
    margin: 10px auto 50px auto;
}
.searching label {
    padding-right: 1em;
}
.searchshiftitemstab.searching {
    width: 100%;
    max-width: 100%;
    position: relative;
    margin: 0 auto 0 auto;
}
.searching p {
    float: left;
    margin-bottom: 0px;
}
.searching button {
    position: absolute;
    right: 1px;
    /* top: 1px; */
    bottom: -15px;
    background: transparent;
    height: calc(100% - 2px);
    border: none;
    width: 50px;
    text-align: center;
}
.search2 {
    border-radius: 25px;
    padding: 10px 42px 10px 30px;
    height: 50px;
    font-size: 16px;
    color: #aaaaaa;
}
.search2:focus {
    box-shadow: none;
}
.AstriaDigitalviewdiv {
    border-bottom: 2px solid #eee;
    margin-bottom: 30px;
}
.AstriaDigitalbox h5 {
    float: left;
    font-size: 27px;
    color: #20292f;
}
.AstriaDigitalbox p {
    float: right;
    color: #999999;
}
.AstriaDigitalbox p a {
    color: #999999;
}
.AstriaDigitalbox {
    padding: 20px 0px;
}
.AstriaDigitalbox2 img {
    padding: 20px 0px;
    width: 100%;
}
.AstriaDigitalbox2 {
    float: left;
    padding: 0px 20px;
    margin-bottom: 20px;
    position: relative;
}
.AstriaDigitalbox2 h5,
.AstriaDigitalbox2 h5 a {
    font-size: 15px;
    color: #20292f;
    font-weight: 600;
}
.AstriaDigitalbox2 p {
    font-size: 13px;
    color: #888888;
}
.AstriaDigitalbox2:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.AstriaDigitalrun {
    padding: 0px;
    margin-bottom: 40px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.AstriaDigitalrundiv {
    background-color: #2194d8;
    height: 160px;
}
.AstriaDigitalwindow {
    background-color: #ffb0ab;
}
.AstriaDigitalwindow h5 {
    background-color: #ffb0ab !important;
}
.AstriaDigitalwindow1 {
    background-color: #466ba2;
}
.AstriaDigitalwindow1 h5 {
    background-color: #466ba2 !important;
}
.AstriaDigitalwindow2 {
    background-color: #eec842;
}
.AstriaDigitalwindow2 h5 {
    background-color: #eec842 !important;
}
.AstriaDigitalwindow3 {
    background-color: #00a3a0;
}
.AstriaDigitalwindow3 h5 {
    background-color: #00a3a0 !important;
}
.AstriaDigitalwindow4 {
    background-color: #fe6c55;
}
.AstriaDigitalwindow4 h5 {
    background-color: #fe6c55 !important;
}
.AstriaDigitalrundiv p {
    color: #fff;
    font-size: 30px;
    margin-bottom: 0px;
    line-height: 35px;
}
.AstriaDigitalrundiv2 {
    background-color: #fff;
    padding: 15px;
}
.window h5 {
    background-color: #2194d8;
    border-radius: 40px;
    float: left;
    height: 30px;
    width: 30px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding-top: 7px;
    margin-bottom: 0px;
}
.window p {
    color: #888888;
    font-size: 16px;
    float: left;
    margin: 4px 0px 0px 15px;
}
.edit {
    padding: 35px 15px;
}
.editdivimg {
    background-color: #707070;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    display: inline-block;
    margin: 15px 5px;
}
.editdivimg img {
    padding: 13px;
}
.footer {
    border-right: 1px solid #dddddd;
}
.footer-single .footer {
    border-right: 0;
    padding: 36px;
}
.footer a img {
    padding-bottom: 20px;
    width: 100%;
    max-width: 213px;
}
.footer h5 {
    color: #20292f;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}
.footeredit2 {
    width: 50%;
    float: left;
}
.footeredit {
    float: left;
    width: 100%;
}
.footer-single {
    margin-right: 0;
    margin-left: 0;
}
.footeredit a {
    margin-bottom: 5px;
    font-size: 14px;
    color: #7d807a;
}
.footerebox img {
    position: absolute;
    top: 6px;
}
.footerebox {
    position: relative;
}
.footerebox p {
    padding-left: 25px;
    font-size: 14px;
    margin-bottom: 10px;
    color: #7d807a;
}
.searchedit {
    position: relative;
    margin-bottom: 10px;
}
.searchedit img {
    position: absolute;
    left: 15px;
    bottom: 15px;
}
.searchedit2 {
    padding: 10px 40px;
    font-size: 14px;
}
.searcheditview {
    background-color: #7d807a;
    padding: 8px 15px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    display: block;
}
.encoding:last-child {
    border-right: none;
}
.item-body {
    padding-left: 15px;
}
.AstriaDigitaltextdiv img {
    width: 100%;
}
.AstriaDigitaltext {
    border-bottom: 1px solid #dddddd;
}
.box {
    background-color: #efefed;
    color: #20292f;
    border: #efefed;
}
.librarydiv {
    display: block;
    padding: 20px 40px;
}
.item.show .librarydiv {
    padding: 0;
}
.popup_button_new{
    margin:0 !important;
}
.popup_button_new .librarydiv{
    padding:0 !important;
}
.librarydivbox {
    background-color: #2194d8;
    color: #fff;
    float: left;
    padding: 8px 39px;
    font-size: 13px;
    border-radius: 27px;
    margin-right: 20px !important;
}
.librarydivbox.trial {
    text-transform: uppercase;
}
.librarydivbox2 {
    background-color: #fff;
    color: #2194d8;
    float: left;
    padding: 8px 35px;
    font-size: 13px;
    border-radius: 27px;
    border: 1px solid #2194d8;
}
.librarydiv2 {
    max-width: 800px;
}
.AstriaDigitaltext h4 {
    font-size: 24px;
    font-weight: 600;
}
.AstriaDigitaltext p {
    font-size: 15px;
    color: #888888;
}
.AstriaDigitaltext + .footeredit {
    padding-top: 15px;
}
.footerediv2 {
    color: #444444 !important;
    font-size: 14px !important;
}
.libraryboxdiv2 {
    background-color: #eeeeee;
    color: #444444;
    font-size: 13px;
    float: left;
    padding: 4px 13px;
    margin-right: 5px;
    border-radius: 5px;
}
.libraryboxdiv2 a {
    color: #444444;
}
.divbox {
    font-size: 14px;
    color: #888888;
    margin-bottom: 9px;
}
.divbox p {
    color: #444444;
}
.divbox p .read-more {
    color: #2194d8;
    font-size: 14px;
}
.editimg {
    background-color: #bbbbbb;
    height: 36px;
    width: 36px;
    border-radius: 36px;
    text-align: center;
    padding: 5px;
    display: inline-block;
    margin-right: 6px;
}
.footerimg {
    float: right;
}
.encodingdiv {
    padding: 15px 0px 0px 0px;
}
.librarydiv2 .modal-content .modal-header {
    padding: 15px 15px 0px 15px;
    border-bottom: none;
}
.librarydiv2 .modal-content .modal-body {
    padding: 15px 40px;
}
.footeredit a:hover {
    text-decoration: none;
    color: #222;
}
.searcheditview:hover {
    color: #cbcccb;
    text-decoration: none;
}
.shiftdiv {
    margin: 0px;
}
.libraryitems {
    padding: 0px;
    float: left;
}
.libraryitems .librarydiv{
    padding:0 !important;
}
.resource-list.grid .settingbox{
    flex-basis: 50%;
}
.resource-list.grid .AstriaDigitalitemsbox{
    padding: 0px 20px 0px 0px;
}
.search-view-type,
.browse-view-type {
    display: inline-block;
    margin-left: 10px;
}
.search-view-type img,
.browse-view-type img {
    width: 49px;
    max-width: 49px;
    background-color: #687d9a;
    display: block;
}
.search-view-type.active img,
.browse-view-type.active img {
    background-color: #53647b;
}
.item.browse .bookOptions {
    display: inline-block;
    width: auto;
}
.bookOptions button {
    margin-bottom: 8px;
}
.AstriaDigitalitemsbox {
    float: left;
    padding: 0px 20px;
}
.AstriaDigitalitemsbox img {
    width: 100%;
}
.AstriaDigitalsectionitems {
    padding: 20px 0px;
    width: 100%;
}
.librarydivboxitems {
    color: #7d807a;
    float: left;
    padding: 8px 48px;
    font-size: 13px;
    border-radius: 27px;
    margin-top: 20px !important;
    border: 1px solid #7d807a;
}
.AstriaDigitalitems {
    float: left;
}
.AstriaDigitalitems a {
    color: #20292f;
}
.AstriaDigitalitems a:hover {
    color: #000000;
    text-decoration: none;
}
.AstriaDigitalitems2 {
    float: left;
    font-size: 14px;
    color: #666666;
}
.ctrl {
    float: right;
    margin-right: 20px;
}
.ctrl p {
    float: left;
    font-size: 14px;
    padding: 8px 15px 0px 0px;
    margin-bottom: 0px;
}
.ctrl p span {
    color: #aaaaaa;
}
.ctrl p span.dcterms-type {
    color: #dd6f2f;
}
.ctrl p span.bibo-numpages {
    color: #212529;
}
.ctrlbox {
    border: 1px solid #868983;
    height: 36px;
    width: 36px;
    border-radius: 36px;
    float: right;
}
.rightitems {
    border-right: 1px solid #eeeeee;
}
.AstriaDigitalitems h4 {
    color: #20292f;
    font-size: 19px;
    font-weight: 600;
}
.AstriaDigitalitems p {
    color: #888888;
    font-size: 15px;
}
.librarydivbox2:hover {
    text-decoration: none;
    cursor: pointer;
}
.librarydivboxitems:hover {
    text-decoration: none;
    color: #7d807a;
}
.libraryboxdiv2:hover {
    text-decoration: none;
    color: #444444;
}
.ctrlbox img {
    padding: 10px;
}
.showcaseitems p {
    float: left;
    margin-bottom: 0px;
    padding: 8px 15px 15px 0px;
    text-transform: uppercase;
}
.librarydivbox:hover {
    background-color: #0a9bf1;
    color: #fff;
    text-decoration: none;
    cursor:pointer;
}
.searchshift {
    width: 100%;
    max-width: 240px;
    position: relative;
    display: inline-block;
    float: left;
    height: 40px !important;
    padding: 5px 15px 5px 15px;
    font-size: 14px;
    border-radius: 40px;
    margin-right: 15px;
}
.searchshiftitems {
    width: 100%;
    max-width: 334px;
    position: relative;
    display: inline-block;
    height: 40px !important;
}
.searchshiftitems .search2 {
    height: 40px !important;
}
.AstriaDigitalentries {
    padding: 15px 0px;
    font-size: 12px;
}
.AstriaDigitalentries h5 {
    font-size: 14px;
    margin-bottom: 0px;
}
.AstriaDigitalentries h5 span:not(.total-count) {
    color: #888888;
}
.AstriaDigitalitemsbox button {
    min-width: 2em;
    min-height: 2em;
}

.AstriaDigitalentries .pagination {
    display: flex;
    justify-content: flex-end;
    color: #888888;
}
.browse-footer .AstriaDigitalentries {
    margin-bottom: 30px;
}
nav.pagination .page {
    margin-left: 0.25em;
    margin-right: 0.25em;
}
nav.pagination .page > * {
    padding-left: 0.25em;
    padding-right: 0.25em;
}
nav.pagination .page a {
    color: rgb(65, 71, 80);
}
nav.pagination .page.active {
    color: rgb(67, 134, 226);
}

/* Search/browse page. */

.search-results-sort,
.browse-sort {
    display: flex;
    justify-content: flex-end;
    color: #888888;
    margin-top: 6px;
    display: flex;
    margin-left: 0.5em;
    /* border-bottom: 2px solid rgb(83, 100, 123); */
    align-items: center;
    font-size: 12px;
}
.search-results-sort > span,
.browse-sort > span {
    margin-right: 2em;
    color: rgb(83, 100, 123);
}
.search-results-sort .sort-field,
.browse-sort .sort-field {
    display: flex;
    align-items: center;
    margin-left: 1em;
    min-height: 40px;
    cursor: pointer;
}
.search-results-sort .sort-directions,
.browse-sort .sort-directions {
    margin-left: 0.5em;
    min-width: 13px;
}
.search-results-sort .sort-direction,
.browse-sort .sort-direction {
    cursor: pointer;
    display: none;
}
.search-results-sort .sort-direction:hover,
.browse-sort .sort-direction:hover {
    background-color: 1px solid #efefef;
}
.search-results-sort .sort-field:hover .sort-direction,
.browse-sort .sort-field:hover .sort-direction {
    display: block;
}
.search-results-sort .sort-direction.sort-active,
.browse-sort .sort-direction.sort-active {
    display: block;
}

.searchitems {
    border-radius: 25px;
    padding: 10px 42px 10px 35px;
    height: 40px;
    font-size: 14px;
    color: #666666;
    position: relative;
}
.searchitems2 {
    border-radius: 25px;
    padding: 5px 42px 5px 45px;
    height: 40px;
    font-size: 14px;
    color: #aaaaaa;
    position: relative;
}
.AstriaDigitalentries {
    padding-bottom: 0;
}
.AstriaDigitalentries p {
    font-size: 12px;
    margin-bottom: 0;
}
.searchshiftitems img {
    position: absolute;
    left: 15px;
    bottom: 10px;
}
.searchleft {
    width: 100%;
    max-width: 130px;
    position: relative;
    display: inline-block;
    float: right;
    height: 40px !important;
    padding: 5px 15px 5px 15px;
    font-size: 14px;
    border-radius: 40px;
    color: #666666;
}
.editimg:hover {
    background-color: #949393;
    transition: all 1.5s;
}
.sAstriaDigitalitemsbox a img {
    width: 100%;
}
.librarydivboxitems2 {
    background-color: #fff;
    color: #2194d8;
    float: left;
    padding: 8px 40px;
    font-size: 13px;
    border-radius: 27px;
    border: 1px solid #2194d8;
}
.searchshiftitemstab {
    padding: 20px !important;
}
.searchshiftitemstab .advanced-search {
    color: #888888;
    font-size: 11px;
}

/* Header  login */

.Astriaup .login {
    background-color: #fff;
    color: #2194d8;
    float: left;
    padding: 7px 30px;
    font-size: 13px;
    border-radius: 27px;
    border: 1px solid #2194d8;
    margin-right: 10px;
    text-transform: uppercase;
}
.loginitems img {
    float: left;
    padding: 10px 15px 0px 0px;
}
.Astriaup .trial {
    background-color: #2194d8;
    color: #fff;
    float: left;
    padding: 8px 29px;
    font-size: 13px;
    border-radius: 27px;
    text-transform: uppercase;
}
.Astriaup .login:hover {
    text-decoration: none;
}
.Astriaup .trial:hover {
    text-decoration: none;
    color: #fff;
}
.logintab {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#478cb4+0,b27854+100 */
    background: #478cb4;
    /* Old browsers */
    background: -moz-linear-gradient(left, #478cb4 0%, #b27854 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #478cb4 0%, #b27854 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #478cb4 0%, #b27854 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#478cb4', endColorstr='#b27854', GradientType=1);
    /* IE6-9 */
    float: left;
    width: 100%;
    padding: 9px 20px;
}
.logintab p {
    float: left;
    color: #fff;
    font-size: 17px;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.logintab img {
    float: right;
}

/* Guest user login */

.loginview {
    max-width: 460px;
    padding: 40px 0px;
}
.logindiv {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.lock {
    font-size: 13px;
    color: #b8b8b8;
    width: 100%;
    display: inline-block;
    padding: 40px;
}
.lock .messages,
#site_chosen {
    color: #111111;
}
.locktab {
    font-size: 15px;
    color: #20292f;
    border: none;
    border-bottom: 2px solid #e5e5e5;
    border-radius: 0px;
    padding: 10px 10px 10px 0px;
}
.altdiv {
    float: right;
    font-size: 12px;
    color: #aaaaaa;
    text-decoration: underline;
}
.loginbox2 {
    background-color: #2194d8;
    color: #fff;
    float: left;
    padding: 11px 29px;
    font-size: 14px;
    border-radius: 27px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}
.altdiv2 {
    width: 40px;
    height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 40px;
    text-align: center;
    padding: 9px;
    margin: 0 auto;
    background-color: #fff;
}
.pagediv {
    background: url(../img/border.png) no-repeat center center;
    width: 100%;
    padding: 20px 0px;
}
.loginboxdiv {
    background-color: #eeeeee;
    color: #7d807a;
    float: left;
    padding: 11px 29px;
    font-size: 14px;
    border-radius: 27px;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.form-group.form-checkbox,
.Rememberdiv {
    padding: 10px 0px 10px 0;
}

.loginbox2:hover {
    color: #fff;
    text-decoration: none;
}
.loginboxdiv:hover {
    color: #7d807a;
    text-decoration: none;
}
.loginview2 {
    max-width: 800px;
}

/* End of login */

.page2div {
    background: url(../img/border2.png) no-repeat center center;
    width: 100%;
    padding: 20px 0px;
}
.alt2 {
    text-align: center;
    margin: 0 auto;
    color: #20292f;
    font-size: 21px;
}
.settingdiv {
    text-align: center;
    font-size: 15px;
    color: #aaaaaa;
    padding: 15px 0px 20px 0px;
}
.settingdiv a {
    color: #aaaaaa;
    padding: 0px 20px;
}
.settingdiv a:hover {
    color: #2194d8;
    text-decoration: none;
    border-bottom: 2px solid #2194d8;
    padding-bottom: 20px;
}
.settingtop {
    border: 2px solid #eeeeee;
    padding: 40px;
    margin-bottom: 50px;
}
.settingtop h4 {
    font-size: 19px;
    color: #20292f;
    font-weight: 600;
}
.settingname {
    font-size: 13px;
    margin-bottom: 0px;
    color: #b8b8b8;
    text-transform: uppercase;
}
.profilediv {
    border: 1px solid #2194d8;
    padding: 7px 36px;
    color: #2194d8;
    float: left;
    border-radius: 20px;
    font-size: 13px;
    margin-top: 15px;
    background: #fff;
}
.accept-terms .profilediv {
    float: initial;
}
.profilewindow {
    padding: 7px 52px;
}
.profilediv2 {
    border: 1px solid #2194d8;
    padding: 7px 36px;
    color: #fff;
    float: left;
    border-radius: 20px;
    font-size: 13px;
    background-color: #2194d8;
}
.profileview h4 {
    padding-top: 40px;
}
.profilerun {
    border: 1px solid #eeeeee;
    background-color: #f7f7f7;
    text-align: center;
    padding: 10px 5px;
    margin: 2px 0px;
    min-height: 164px;
    position: relative;
}
.profilerun p {
    margin-bottom: 0px;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    color: #7d807a;
    font-weight: 400;
}
.profilerun img {
    margin-bottom: 0px;
}
.profileedit {
    padding: 0px 2px;
}
.profileedit2 {
    margin: 40px 0px;
}
.profilediv:hover {
    text-decoration: none;
}
.profilediv2:hover {
    text-decoration: none;
    color: #fff;
    background-color: #0ca2fb;
}
.profilerun:hover {
    background-color: #fff;
}
.profilerun:hover>.social {
    border-bottom: 1px solid;
    display: block;
}
.social {
    display: none;
    background-color: #2194d8;
    height: 22px;
    width: 22px;
    text-align: center;
    padding: 5px;
    border-radius: 22px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.divlink {
    padding: 30px 0px 10px 0px;
    font-size: 19px;
    color: #20292f;
    font-weight: 600;
}
.Astrialink {
    margin-bottom: 0px;
    font-size: 12px;
    color: #7d807a;
    padding: 20px 0px;
}
.Astrilinkdiv {
    font-size: 18px;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0px;
}
.profileedit2 .profilerun .categoryIconChecked {
    opacity: 1;
    transition: all 0.1s;
}
.profileedit2 .profilerun i {
    position: absolute;
    line-height: 30px;
    text-align: center;
    right: 10px;
    top: 0px;
    border-radius: 20px;
    font-size: 12px;
    color: #00adb3;
    opacity: 0;
}
.owl-item .item {
    text-align: center;
}
h4.item-title a {
    font-size: 14px;
    color: #7d807a;
}
.item-carousel .item-details .item-title {
    padding: 25px 0;
    line-height: 17px;
}
.owl-carousel .owl-controls .owl-buttons div {
    text-indent: 0;
    font-size: 0;
    /* background: #343331; */
    background: #ffffff;
    width: 45px;
    height: 45px;
    line-height: 36px;
    /* color: #ffffff; */
    color: #7d807a;
    text-align: center;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    /* opacity: 0.3; */
    opacity: 1;
    filter: alpha(opacity=30);
    position: absolute;
    top: 25%;
    margin-top: -75px;
    right: 0;
    left: auto;
    -webkit-transition: all 220ms ease-out;
    -moz-transition: all 220ms ease-out;
    -o-transition: all 220ms ease-out;
    transition: all 220ms ease-out;
    border: 2px solid #dddddd;
    margin: 5px;
}
.owl-carousel .owl-controls .owl-buttons div.owl-next {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    right: -40px;
    left: auto;
}
.owl-carousel .owl-controls .owl-buttons div.owl-prev {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: -40px;
    right: auto;
}
.owl-carousel .owl-controls .owl-buttons div.owl-prev:before {
    content: '\f053';
}
.paddingCarousel {
    padding-left: 50px;
    padding-right: 50px;
}
.owl-carousel .owl-controls .owl-buttons div:before {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-size: 25px;
    font-weight: 900;
}
.block-border-bottom-grey {
    background: #f7f7f7;
    padding: 45px 0 25px 0;
    width: 100%;
    /* margin-top: 10px; */
}
h4.item-title a:hover {
    text-decoration: none;
}
.owl-carousel .item {
    border-left: 1px solid #f3f3f3;
}
.owl-carousel .owl-item {
    float: left;
    height: 120px;
}

.media-list img,
.media-embeds img,
video {
    max-height: 100%;
    max-width: 100%;
}

/* terms and condition page start */
.terms_conditions_text {
    margin-top:10px;
}
.terms_conditions_text,
.terms_conditions_text-arrows {
    width: 100%;
    height: 300px;
    overflow: auto;
}

.center {
    float: none;
    margin: 0 auto;
    text-align: center;
}

/* Phone */
.iti-flag {
    background-image: url('../vendor/intlTelInput/img/flags.png');
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti-flag {
        background-image: url('../vendor/intlTelInput/img/flags@2x.png');
    }
}

/* Fixes for bootstrap on subscription. */
dialog.modal[open] {
    display: initial;
}
dialog.modal:not([open]) {
    display: none;
}
dialog.fade:not(.show) {
  opacity: 1;
}