/* ================== Desktop Drop Down Menu CSS ================== */ /* ================== Desktop Mega Menus CSS ================== */ @media (min-width: 1024px) { .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list { border-left: 1px solid #e8ebf3; } .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list:first-child { border: 0; } } /* ================== Desktop Extra CSS ================== */ .horizontal-header { display: none; } .horizontal-overlapbg { opacity: 0; visibility: hidden; } .horizontalMenu .horizontalMenu-click, .horizontalMenu .horizontalMenu-click02 { display: none; } .hometext { display: none; } /*============================================================================== Start Mobile CSS ===============================================================================*/ /* ================== Mobile Menu Change Brake Point ================== */ @media only screen and (max-width: 991px) { /* ================== Mobile Base CSS ================== */ body.active { overflow: hidden; } /* ================== Mobile Main Menu CSS ================== */ .desktoplogo { display: none; } .horizontal-main { height: 0; padding: 0; } .horizontalMenucontainer { background-attachment: local; background-position: 33% 0%; } .horizontalMenu { width: 100%; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; left: 0; overflow-y: hidden; padding: 0; top: 0; position: fixed; visibility: hidden; margin: 0px; } .horizontalMenu>.horizontalMenu-list { height: auto; min-height: 100%; width: 240px; background: #fff; padding-bottom: 0; margin-left: -240px; display: block; text-align: center; } .horizontalMenu>.horizontalMenu-list>li { width: 100%; display: block; float: none; border-right: none; background-color: transparent; position: relative; white-space: inherit; clear: right; padding: 0; } .horizontalMenu>.horizontalMenu-list>li span a { width: 85%; margin: 0 auto; } .horizontalMenu>.horizontalMenu-list>li>a { padding: 8px 32px 8px 17px; font-size: 14px; text-align: left; border-right: solid 0px; color: #5c5776; line-height: 25px; border-bottom: 1px solid; border-bottom-color: #ededf5; position: static; margin: 0; border-radius: 0px; } .horizontalMenu>.horizontalMenu-list>li>a span.fa.fa-caret-down { display: none; } .horizontalMenu>.horizontalMenu-list>li a.menuhomeicon { padding-left: 17px; padding-right: 17px; border-top: solid 1px rgba(0, 0, 0, 0.13); } .horizontalMenu>.horizontalMenu-list>li>a>.fa { font-size: 16px; color: #bfbfbf; } .horizontalMenu>.horizontalMenu-list>li>a .arrow:after { display: none; } .horizontalMenu>.horizontalMenu-list>li:hover>a { text-decoration: none; } .horizontalMenu>.horizontalMenu-list>li>a>.hometext { display: inline-block; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu { display: none; position: relative; top: 0px; background-color: #fff; border: none; padding: 0px; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; box-shadow: none; border-bottom: 1px solid #ededf5; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a { line-height: 20px; font-size: 13px; padding: 10px 0px 10px 16px; color: #383838; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li span+a { padding-right: 30px; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a>.fa { display: none; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover { background-color: #f6f7fb; color: #18113c; text-decoration: none; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a { background-color: #f6f7fb; color: #18113c; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu { width: 100%; position: static; left: 100%; top: 0; display: none; margin: 0px; padding: 0px; border: solid 0px; transform: none; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li { margin: 0px 0px 0px 0px; padding: 0px; position: relative; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a { line-height: 20px; font-size: 13px; padding: 10px 0px 10px 26px; color: #383838; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li span+a { padding-right: 30px; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a>.fa { display: none; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover { background-color: #e7e7e7; color: #18113c; text-decoration: none; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a.active { color: #000; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>a { color: #000; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu { width: 100%; position: static; left: 100%; top: 0; display: none; margin: 0px; padding: 0px; border: solid 0px; transform: none; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li { margin: 0px 0px 0px 0px; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a { line-height: 20px; font-size: 13px; padding: 10px 0px 10px 34px; color: #383838; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li span+a { padding-right: 30px; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a>.fa { display: none; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a:hover { background-color: #e7e7e7; color: #18113c; text-decoration: none; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a.active { color: #000; } .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu { color: #18113c; display: none; position: relative; top: 0px; padding: 0px 0px; border: solid 0px; transform: none; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; border-bottom: 1px solid rgba(0, 0, 0, 0.13); } .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .container { padding: 0; } .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu.halfmenu { width: 100%; margin: 0px; padding: 5px 0px 10px 0px; } .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .title { color: #18113c; font-size: 15px; padding: 10px 8px 10px 0px; } .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu>ul { width: 100%; margin: 0px; padding: 0px; font-size: 13px; } .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu>ul>li>a { padding: 9px 14px; line-height: normal; font-size: 13px; background-color: #e7e7e7; color: #18113c; } .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu>ul>li>a:hover { background-color: #000; } .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu ul li.title { line-height: 26px; color: #18113c; margin: 0px; font-size: 15px; padding: 7px 0px; background-color: transparent; } .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu.halfdiv { width: 100%; } .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .menu_form { padding: 5px 0px 62px 0px; } .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .show-grid div { margin: 0px; } .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .menu_form input[type="button"], .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .menu_form input[type="submit"] { width: 46%; } .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .menu_form textarea { min-height: 100px; } /* ================== Mobile Slide Down Links CSS ================== */ /* ================== Mobile Mega Menus CSS ================== */ /* ================== Mobile Header CSS ================== */ .horizontal-header { width: 100%; display: block; position: relative; top: 0; left: 0; z-index: 1; height: 54px; border-bottom: 1px solid rgba(255, 255, 255, 0.09); border-top: 1px solid rgba(255, 255, 255, 0.09); text-align: center; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .active .horizontal-header { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .horizontal-header .smllogo { display: inline-block; margin-top: 9px; } /* Mobile Search Bar*/ .horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch { width: 86%; margin: 7% 7%; padding: 0px; } .horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch input { border-radius: 50px; } .horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch input:focus { width: 100%; } .callusbtn { color: #a9a9a9; font-size: 20px; position: absolute; right: 10px; top: 8px; transition: all 0.4s ease-in-out 0s; z-index: 102; line-height: 2; width: 35px; height: 35px; background: rgb(215 23 46); border-radius: 7px; } .callusbtn .fe { vertical-align: middle; } .callusbtn:hover .fe { color: #fff; } /* Mobile Toggle Menu icon (X ICON) */ .animated-arrow { position: absolute; left: 0px; top: 0; z-index: 102; transition: all 0.4s ease-in-out; cursor: pointer; padding: 18px 30px 18px 9px; margin: 8px 0 0 15px; background: rgb(215 23 46); width: 35px; height: 35px; border-radius: 7px; vertical-align: middle; } .animated-arrow span { cursor: pointer; height: 2px; width: 17px; background: #a9a9a9; position: absolute; display: block; content: ''; transition: all 500ms ease-in-out; } .animated-arrow span:before, .animated-arrow span:after { cursor: pointer; height: 2px; width: 17px; background: #a9a9a9; position: absolute; display: block; content: ''; } .animated-arrow span:before { top: -7px; width: 23px; } .animated-arrow span:after { bottom: -7px; width: 17px; } .animated-arrow span:before, .animated-arrow span:after { transition: all 500ms ease-in-out; } .active .animated-arrow span { background-color: transparent; } .active .animated-arrow span:after { width: 23px; top: -3px; } .active .animated-arrow span:before { top: -3px; } .active .animated-arrow.active span:after { top: -3px; } .active .animated-arrow span:before { transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); bottom: 0px; } .active .animated-arrow span:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* ================== Mobile Overlay/Drawer CSS ================== */ .horizontal-overlapbg { right: 0; width: calc(100% - 240px); height: 100vh; min-height: 100%; position: fixed; top: 0; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.45); cursor: pointer; } .active .horizontalMenu .horizontal-overlapbg { opacity: 1; visibility: visible; -webkit-transition: opacity 1.5s ease-in-out; -moz-transition: opacity 1.5s ease-in-out; -ms-transition: opacity 1.5s ease-in-out; -o-transition: opacity 1.5s ease-in-out; } .horizontalMenucontainer { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .active .horizontalMenucontainer { margin-left: 240px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .active .horizontalMenu { overflow-y: scroll; -webkit-overflow-scrolling: touch; visibility: visible; z-index: 1000; top: 0; height: 100% !important; } .active .horizontalMenu>.horizontalMenu-list { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; margin-left: 0; } /* ================== Mobile Sub Menu Expander Arrows ================== */ .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click { height: 49px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; width: 100%; } .horizontalMenu>.horizontalMenu-list>li .horizontalMenu-click.horizontal-activearrow>i { transform: rotate(180deg); } .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i { display: block; height: 23px; width: 25px; margin-top: 14px; margin-right: 10px; background-size: 25px; font-size: 21px; color: #a8a3b0; float: right; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02 { height: 41px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; width: 100%; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02>i { display: block; height: 23px; width: 25px; margin: 8px 10px 8px 10px; background-size: 25px; font-size: 21px; color: rgba(0, 0, 0, 0.25); float: right; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02>i.horizontalMenu-rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .horizontalMenu>.horizontalMenu-list>li a span { display: none; } /*End Media Query*/ } /* Extra @Media Query*/ @media only screen and (min-width: 992px) and (max-width: 1162px) { .horizontalMenu>.horizontalMenu-list>li>a { padding-left: 8px; padding-right: 8px; } .horizontalMenu>.horizontalMenu-list>li>a>.arrow { display: none; } .horizontalMenu>.horizontalMenu-list>li a.menuhomeicon { padding-left: 22px; padding-right: 22px; } } .horizontalMenu-list .sub-menu:before, .horizontalMenu-list .halfdiv:before { position: absolute; top: -9px; left: 12px; display: inline-block; border-right: 8px solid transparent; border-bottom: 8px solid #e8ebf3; border-left: 8px solid transparent; border-bottom-color: #e8ebf3; content: ''; } .horizontalMenu-list .sub-menu .sub-menu:before, .horizontalMenu-list .sub-menu .sub-menu:after { left: -12px; top: 12px; transform: rotate(-90deg); } .horizontalMenu-list .sub-menu:after { position: absolute; top: -8px; left: 12px; display: inline-block; border-right: 8px solid transparent; border-bottom: 8px solid #fff; border-left: 8px solid transparent; content: ''; } .horizontalMenu-list .halfdiv:after { position: absolute; top: -8px; left: 12px; display: inline-block; border-right: 8px solid transparent; border-bottom: 8px solid #fff; border-left: 8px solid transparent; content: ''; } .horizontalMenu-list .sub-menu:before, .horizontalMenu-list .sub-menu:after { left: 12px; right: auto; } .horizontalMenu-list .halfdiv:before, .horizontalMenu-list .halfdiv:after { left: 12px; right: auto; } @media (min-width: 992px) { .sticky-wrapper.is-sticky .horizontal-main .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu { top: 60px; } .sticky-wrapper.is-sticky .horizontal-main .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu { top: 60px; } } @media (max-width: 992px) { .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .megamenu-content { border: 0; box-shadow: none; } } .horizontalMenu ul li a.btn { font-size: 14px !important; margin: 14px 0; font-weight: 800; } @media (min-width: 992px) { .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu { opacity: 0; visibility: hidden; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); } .horizontalMenu>.horizontalMenu-list>li:hover>ul.sub-menu, .horizontalMenu>.horizontalMenu-list>li:hover>.horizontal-megamenu { opacity: 1; visibility: visible; transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu { opacity: 0; visibility: hidden; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li:hover>ul.sub-menu { opacity: 1; visibility: visible; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.4s, opacity 0.4s; -ms-transition: -ms-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu { opacity: 0; visibility: hidden; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.4s, opacity 0.4s; -ms-transition: -ms-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>ul.sub-menu { opacity: 1; visibility: visible; transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); } .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu { opacity: 0; visibility: hidden; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); } .header-style1 .horizontalMenu>.horizontalMenu-list>li { padding: 1rem 0; } } .sticky-wrapper.is-sticky .horizontalMenu-list { padding-top: 0.25rem !important; } .bg-background-1 .header-style.horizontal-main .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu, .bg-background-1 .header-style.horizontal-main .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu { top: 53px; } .map-2.header-style.horizontal-main .horizontalMenu>.horizontalMenu-list>li>a { color: #5c5776; } @media (max-width: 991px) { .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li { position: relative; margin: 0; padding: 0px; display: block; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a { margin: 0 5px; } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a { margin: 0 5px; } .active .bg-background-1 .sticky-wrapper .horizontalMenu>.horizontalMenu-list>li>a, .active .bg-background3 .sticky-wrapper .horizontalMenu>.horizontalMenu-list>li>a, .active .banner1 .sticky-wrapper .horizontalMenu>.horizontalMenu-list>li>a { color: #5c5776; } .active .bg-background-1 .sticky-wrapper .horizontalMenu>.horizontalMenu-list>li>a.active, .active .banner1 .sticky-wrapper .horizontalMenu>.horizontalMenu-list>li>a.active { color: #fff !important; } .active .bg-background-1 .sticky-wrapper .horizontalMenu>.horizontalMenu-list>li:hover>a.active, .active .banner1 .sticky-wrapper .horizontalMenu>.horizontalMenu-list>li:hover>a.active { color: #fff; } } .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>a i { color: #fff; } .icons-list { list-style: none; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #ededf5; border-left: 1px solid #ededf5; } .icons-list>li { -ms-flex: 1 0 4rem; flex: 1 0 4rem; } .icons-list-wrap { overflow: hidden; } .icons-list-item { text-align: center; height: 4rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-right: 1px solid #ededf5; border-bottom: 1px solid #ededf5; } .icons-list-item i { font-size: 1.05rem; } .item-card .cardbody { position: relative; padding: 30px 15px; border-radius: 0 0 .2rem .2rem; } .item-card .cardtitle span { display: block; font-size: .75rem; } .item-card .cardtitle a { color: #5c5776; font-weight: 500; text-decoration: none; } .item-card .cardprice { position: absolute; top: 30px; right: 15px; } .item-card .cardprice span { display: block; color: #5c5776; } .item-card .cardprice span.type--strikethrough { opacity: .7; text-decoration: line-through; } @media (max-width: 400px) { .item-search-menu ul li a { width: 100%; display: block; margin: 0 0 8px 0 !important; } } .item-box .item-box-wrap { margin-top: 15px; } .item-box .stamp i { font-size: 18px; font-size: 25px; line-height: 2; } .item-box .item-box-wrap h5 { font-size: 20px; font-weight: 600; } .item-card { overflow: hidden; border-radius: 7px; } .item-card .item-card-desc:before { content: ''; display: block; position: absolute; background: rgba(42, 16, 25, 0.5); width: 100%; height: 100%; right: 0; top: 0; z-index: 1; border-radius: 7px; } .card .item-card { border: 0; } .item-card-desc { position: relative; } .item-card-desc a { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 10; } .item-card .item-card-desc .item-card-text { position: absolute; top: 45%; left: 0; right: 0; text-align: center; color: #fff; z-index: 2; } .item-card .item-card-desc .item-card-text.item-card-text-footer { background: rgba(40, 40, 52, 0.45); bottom: 0; top: auto; text-align: left; padding: 15px 25px; } .item-card .item-card-desc .item-card-text.item-card-text-footer h4 { font-size: 18px !important; } .item-card .item-card-desc .item-card-text.item-card-text-footer .fs-30 { font-size: 18px !important; } .item-card .item-card-desc .item-card-text.item-card-text-footer span { margin: 0; } .item-card-text span { font-size: 16px; margin: .5rem; font-weight: 400; } .item-card-text h4 { font-size: 22px; font-weight: 400; } .item-card .item-card-btn { padding: 0; margin: 0; opacity: 0; left: 37.7%; text-align: center; position: absolute; bottom: -30px; z-index: 1; transition: all .5s ease 0s; } .item-card:hover .item-card-btn { opacity: 1; bottom: 25%; } .item-card:hover .data1 .item-card-img img { transform: scale(1); } .item-card .item-card-btn a { display: block; position: relative; transition: all .3s ease-in-out; } .item-card .item-card-btn a:after, .item-card .item-card-btn a:before { transform: translateX(-50%); position: absolute; left: 50%; top: -30px; } .item-card .item-card-btn a:after { content: ''; height: 15px; width: 15px; border-radius: 0; transform: translateX(-50%) rotate(45deg); top: -20px; z-index: -1; } .item-card2-icons { position: absolute; top: 15px; right: 15px; z-index: 98; } .item-card2 .item-card2-text h4 { font-size: 20px; } .item-card2 ul li a { color: #5c5776; } .item-card2 ul li a i { color: #5c5776; } .item-card2-icons a { width: 2rem; display: inline-block; height: 2rem; text-align: center; border-radius: 100px; line-height: 2.1rem; border-radius: 50px; color: #fff; background: rgba(0, 0, 0, 0.25); } .item-card2-icons a:hover { color: #fff; } .bg-black-trasparant { background: rgba(0, 0, 0, 0.5); } .item-list .list-group-item { border: 0; margin-bottom: 0; border-bottom: 1px solid #ededf5; } .item-list .list-group-item i { margin-right: 5px; width: 25px; height: 25px; border-radius: 3px; font-size: 12px; text-align: center; line-height: 25px; } .item-user .item-user-icons a { display: inline-block; width: 2.5rem; height: 2.5rem; text-align: center; border-radius: 100px; line-height: 2.5rem; margin-top: .3rem; font-size: 16px; background: #f5f4f9; } .item-user .item-user-icons a:hover { color: #605af7; } .item-card3-img img { width: 100%; height: 100%; max-height: 200px; margin: 0 auto; position: relative; margin-bottom: -35px; } .item-card3-desc img { border: 3px solid #fff; } .item-card3-desc h4 { position: relative; top: 5px; } .item-card4-img a { position: absolute; top: 35px; left: 30px; } .item-card5-img a { position: absolute; right: 12px; top: 15px; } .item-card5-icon a { width: 2rem; height: 2rem; display: inline-block; text-align: center; border-radius: 100px; line-height: 2rem; border-radius: 50px; background: #ededf5; color: #5c5776; } .item-card6-img img { width: 100%; height: 100%; max-height: 200px; margin: 0 auto; } .item-card6-footer .item-card6-body { padding: 10px; } .item-search-tabs { margin-top: 2rem; } .item-search-tabs .item-search-menu ul { padding: 5px 15px; } .item-search-menu ul li .active { background: rgba(0, 0, 0, 0.2); color: #fff; border-radius: 7px 7px 0 0; } .item-search-menu ul li a { padding: 8px 15px; color: #fff; text-align: center; letter-spacing: .5px; background: 0 0; margin: 0 5px; border-radius: 3px 3px 0 0; } .item-search-tabs .tab-content { border: 1px solid rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.2); padding: 15px; margin: 1px 5px 0 0; border-radius: 7px; } .item-search-tabs.travel-content .select2-container { width: 100% !important; } .item-search-tabs.travel-content .form-control { border: 1px solid #ededf5; } .item-search-tabs .form-control { border: 0 !important; } .tab-content.index-search-select .select2-container--default .select2-selection--single { border-radius: 0 !important; } .item-search-tabs .form-control.border { border-top-right-radius: 0; border-bottom-right-radius: 0; } .item-search-tabs a.btn { border-top-left-radius: 0; border-bottom-left-radius: 0; font-size: .8525rem; right: -2px; position: relative; line-height: 1.94615385; } @media (max-width: 1300px) and (min-width: 1024px) { .item-search-tabs a.btn { line-height: 1.94615385; } } .item-all-cat .item-all-card { position: relative; padding: 1.5rem 1.5rem; border-radius: 4px; margin-bottom: 1.5rem; color: #fff; } .item-all-cat .category-type .item-all-card img { width: 7rem; height: 7rem; border-radius: 50%; padding: 2.3rem 0; } .item-all-cat .row .item-all-card { margin-bottom: 1.5rem; } .item-all-cat .row .item-all-card:hover { box-shadow: 0 5px 12px rgba(126, 142, 177, 0.2); } .item-all-card { overflow: hidden; } .item-all-card:before { content: ''; width: 100%; left: 0; height: 100%; bottom: -40px; position: absolute; display: block; opacity: 0.03; background: url(../images/png/bg.png); background-repeat: no-repeat; background-size: cover; } .item-all-card.item-all-card2:before { display: none !important; } .item-all-cat .item-all-card a.absolute-link { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } .item-all-card img.imag-service { width: 40%; } .item-card7-overlaytext { position: relative; } .item-card7-imgs .bdir { position: absolute; top: 12px; left: 12px; padding: 3px 7px; z-index: 2; } .item-card7-overlaytext a { position: absolute; bottom: 12px; left: 12px; z-index: 2; background: rgba(0, 0, 0, 0.5); border-radius: 3px; padding: 5px; } .item-card7-overlaytext a span { padding: 4px 10px; display: inline-block; } .item-card7-overlaytext h4 { position: absolute; bottom: 12px; right: 12px; color: #fff; z-index: 2; padding: 5px; border-radius: 3px; } .item-card7-imgs { position: relative; overflow: hidden; border-radius: 7px; } .item-card7-imgs:before { content: ''; display: block; position: absolute; background: transparent; width: 100%; height: 100%; right: 0; top: 0; z-index: 1; } .item-card8-img, .item-card7-img, .item-card9-img { height: 100%; } .item-card-badge { display: inline-block; padding: 4px 10px 4px; font-weight: 600; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 7px; color: #18113c; background: #f5f4f9; } .item-card-badge i { color: #5c5776; } .item-card8-imgs { position: relative; overflow: hidden; border-top-right-radius: 2px; border-top-left-radius: 2px; } .item-card8-imgs img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .item-card8-imgs:before { content: ''; display: block; position: absolute; background: rgba(25, 36, 79, 0.3); width: 100%; height: 100%; right: 0; top: 0; z-index: 1; } .item-card8-overlaytext { position: relative; } .item-card8-overlaytext h6 { position: absolute; bottom: 21px; left: 21px; z-index: 2; padding: 8px; color: #fff; border-radius: 3px; } .item-card2-img:before { content: ''; display: block; position: absolute; background: transparent; width: 100%; height: 100%; right: 0; top: 0; z-index: 1; } .item-card7-imgs a { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } .item-card7-imgs a i { margin: 0 auto; top: 35%; font-size: 40px; text-align: center; left: 0; right: 0; display: block; color: #fff; position: absolute; } @media (min-width: 569px) and (max-width: 767px) { .item-card7-imgs a i { top: 29%; } } .item-card9-img .item-card9-imgs a { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 98; } .item-card9-img .item-card9-imgs a i { margin: 0 auto; top: 35%; font-size: 40px; text-align: center; left: 0; right: 0; display: block; color: #fff; position: absolute; } .item-card2-img a { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } .item-card2-img a i { margin: 0 auto; top: 35%; font-size: 40px; text-align: center; left: 0; right: 0; display: block; color: #fff; position: absolute; } .item-card7-desc ul li { margin-right: 1rem; font-size: 13px; } .item-card7-desc ul li:last-child { margin-right: 0; margin-bottom: 0; } .item1-card-img img { border: 1px solid #ededf5; margin: 0 auto; padding: 5px; } .item1-card .item1-card-info .item1-card-icons li { display: inline-block; margin-right: 15px; } .item1-card-tab { text-align: center; } .item1-card-tab .tab-content .tab-pane { border: 1px solid #ededf5; } .item1-tab-heading { padding: 15px; border: 1px solid #ededf5; text-align: center; border-radius: 50px; margin: 0 auto; display: inline-table; } .item1-tabs-menu ul li a { padding: 10px 20px 11px 20px; } .item1-tabs-menu ul li .active { color: #fff; border-radius: 25px; } .item1-card-tab .tab-content { padding: 15px; text-align: initial; } .item-video a { display: inline-block; width: 2rem; height: 2rem; text-align: center; border-radius: 100px; line-height: 2rem; background: #fff; color: #5c5776; font-size: 25px; align-items: center; margin: 0 auto; justify-content: center; } .item-video i { margin-left: 5px; } .item2-card .item2-card-img { border: 1px solid #ededf5; padding: 5px; } .item2-card .item2-card-img img { width: 200px; height: 100px; text-align: center; margin: 0 auto; } .item2-card-info { padding-top: 15px; } .item2-btn { padding-top: 40px; } .items-gallery .items-blog-tab-heading { text-align: center; border-radius: 50px; margin: 0 auto; display: inline-table; padding: 15px; margin-bottom: 30px; } .items-blog-tab-heading .items-blog-tab-menu li a { padding: 10px 20px 11px 20px; color: #5c5776; background: #f5f4f9; margin: 0 10px; border-radius: 7px; } .items-gallery .tab-content { padding: 15px; text-align: initial; } .item2-gl .item2-gl-nav select { width: 20%; } .item2-gl-nav { padding: 15px; border: 1px solid #cfcfcf; border-radius: 7px; background: #fbf8fd; } .item2-gl-nav .item2-gl-menu { margin-right: 10px; margin-top: 54px; border: 1px solid #ededf5; border-radius: 7px; } .item2-gl-nav .item2-gl-menu li a { color: #5c5776; } .item2-gl-nav .item2-gl-menu li a i { padding: 8px 15px; font-size: 21px; border-radius: 7px; } .item2-gl .tab-content { padding-top: 1.5rem; text-align: initial; } .item-card9-img { position: relative; height: 100%; } .item-card9-icons { position: absolute; top: 15px; right: 15px; z-index: 98; } .item-card9-icons a { width: 2rem; display: inline-block; height: 2rem; text-align: center; border-radius: 100px; line-height: 2rem; border-radius: 50px; color: #fff; background: rgba(0, 0, 0, 0.3); } .item-card9-icons a:hover { color: #fff; } .item-card9-cost h3 { margin-top: 5px; } .item-card9-imgs { position: relative; } .item-card9-imgs a { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } .item-card9-desc ul { display: inline-flex; margin-bottom: 0; } .item-card9-desc ul li { width: 50%; float: left; } .item-card9-desc .icon-card { margin: 0px !important; display: inline-block !important; } .item-card9-desc .icon-card li { float: left; font-size: 13px; width: 50%; margin-bottom: .5rem; } .item3-medias .item3-lists li { margin-right: 5px; } .item3-medias .item3-lists li a { padding: 5px 4px 5px 0; font-size: 12px; } .item3-medias .item3-lists li i { margin-right: 5px; } .item-card2-text h4 { font-weight: 600; } .item-card2-desc p { color: #5c5776; font-size: 16px; line-height: 21px; } .item-all-cat .item-all-card { border: 1px solid #ededf5; box-shadow: 0 10px 23px rgba(214, 215, 242, 0.6); } .item-all-cat .item-all-card a:hover .item-all-text h5 { color: #5c5776 !important; } .item-all-cat .category-type .item-all-card:hover { background: #f5f4f9; } .index-search-select .select2 { width: 100% !important; } @media (max-width: 767px) { .item2-gl-nav { display: block !important; } .item2-gl-nav .item2-gl-menu li { text-align: center; margin-bottom: 10px; margin: 0 auto; padding: 10px 0; } .item2-gl-nav label { display: block; float: none; text-align: center; width: 30%; } .item2-gl-nav .d-flex { text-align: center; width: 100%; } .item2-gl-nav .form-control.select-sm.w-70 { width: 70% !important; } } @media (max-width: 320px) { .item-card7-desc ul li, .item-card2-desc ul li { font-size: 11px; } .item-card .item-card-desc .item-card-text { top: 5.5rem !important; } .item7-card-desc a { font-size: 11px; } } .item-single .item-single-desc .item-single-desc-list .listunorder { border: 0; padding: 5px; margin-bottom: 0; font-size: 15px; } .item-card2-img { position: relative; overflow: hidden; border-radius: 3px 3px 0 0; } .item-card2-desc ul li { margin-right: 1.5rem; font-size: 13px; float: left; width: 50%; margin-right: 0; margin-bottom: .5rem; } .item-card2-desc ul li:last-child { margin-right: 0; margin-bottom: 0; } .item-card2-desc ul li:nth-last-child(2) { margin-bottom: 0; } .item7-card-desc a:first-child { margin-right: 1rem; } .item7-card-img { position: relative; overflow: hidden; border-top-right-radius: 7px; border-top-left-radius: 7px; } .item7-card-img a { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } .item-cards7-ic { display: inline-block; } .item-cards7-ic.realestate-list li { width: 50%; } .item-cards7-ic.realestate-list li a { color: #5c5776; } .item-cards7-ic.realestate-list li a i { width: 1rem; } .item-cards7-ic li { float: left; width: 50%; margin-right: 0 !important; margin-bottom: .5rem; } .item7-card-text span { position: absolute; bottom: 10px; left: 10px; } .item7-card-text span.badge { line-height: 1.5; } .item-card-img { overflow: hidden; } .item-card .item-card-desc img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; width: 100%; height: 100%; } .item-card .item-card-desc:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } .item-card7-imgs img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .item-card7-imgs:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .item-card9-imgs { overflow: hidden; } .item-card9-imgs img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .item-card2 p.leading-tight { display: block; display: -webkit-box; max-width: 100%; margin: 0 auto; font-size: 16px; line-height: 1; -webkit-line-clamp: 2; -moz-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .item-card9-imgs:hover img { -webkit-transform: scale(1); transform: scale(1); } .item-card9 h3 { font-size: 18px !important; margin-left: 64px; margin-bottom: 15px;} .item-card9 p { font-size: 15px; line-height: 21px; margin-left: 62px; color: #4c495e; } .item-card2-img img { -webkit-transform: scale(1.15); transform: scale(1.15); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .item-card2-img:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .item1-links a { padding: .75rem 1.25rem; font-weight: 400; font-size: .875rem; color: #5c5776; } .item1-links a.active { font-weight: 400; font-size: .875rem; } .item-user span i { width: 30px; height: 30px; border-radius: 50%; background: #f5f4f9; text-align: center; line-height: 30px; font-size: 12px; padding: 12px; } @media (max-width: 767px) { .item-user .profile-pic .d-md-flex .ml-4 { margin-left: 0 !important; margin-top: 15px; } } .item-card7-img { position: relative; border-radius: 3px 3px 0px 0; overflow: hidden; } .item-card7-img:before { content: ''; display: block; position: absolute; background: transparent; width: 100%; height: 100%; right: 0; top: 0; } .item-card7-desc p { font-size: 16px; line-height: 21px; } .item-card7-text { margin-bottom: 12px !important; } .item-card7-text h4 { font-weight: 600; font-size: 18px; } .item-card7-img a:hover { color: #fff; } .item-card7-img h4 { margin: 2px; color: #fff; padding: 5px; border-radius: 3px; float: right; } @media (max-width: 767px) { .item2-gl-nav .item2-gl-menu { display: none; } .item2-gl-nav h6 { margin-bottom: 20px !important; } } .iteam-all-icon, ::-ms-backdrop { height: 100%; } .item-overly-trans .rating-stars { position: absolute; bottom: 12px; left: 12px; z-index: 2; background: rgba(0, 0, 0, 0.5); border-radius: 7px; padding: 5px; } .item-overly-trans a { position: absolute; bottom: 15px; left: 15px; z-index: 2; background: #f5f4f9; color: #fff; border-radius: 3px; padding: 1px 10px; } .item-overly-trans .rating-stars .rating-stars-container .rating-star.sm { color: rgba(255, 255, 255, 0.5); } .item-overly-trans .rating-stars .rating-stars-container .rating-star.is--active { color: #5c5776; } .rating-stars .rating-stars-container .rating-star.is--hover { color: #5c5776; } .item-tag { position: absolute; bottom: 15px; right: 15px; z-index: 0; } .item-tag h4 { margin: 2px; color: #fff; background: #f84242; padding: 5px; border-radius: 3px; float: right; } .item-card7-icons { position: absolute; bottom: 12px; left: 15px; z-index: 0; } .item-card7-icons a { width: 2rem; display: inline-block; height: 2rem; text-align: center; border-radius: 100px; line-height: 2.1rem; color: #fff; background: #f5f4f9; margin-right: -2px; border: 1px solid #ededf5; } .item-card7-icons a:first-child { border-radius: 8px 0 0 8px; } .item-card7-icons a:last-child { border-radius: 0 8px 8px 0; } .item-card7-icons a:hover { color: #fff; } .item-overly-trans .rating-stars { position: absolute; bottom: 12px; left: 15px; z-index: 2; background: rgba(0, 0, 0, 0.5); border-radius: 3px; padding: 5px; } .item-tags { position: absolute; bottom: 12px; left: 10px; z-index: 98; } .item-tags .tag-option { margin: 5px; padding: 3px 5px; font-size: 12px; border-radius: 3px; color: #fff; float: left; cursor: pointer; } .item:hover .card { box-shadow: 0 5px 12px rgba(126, 142, 177, 0); } .item-card7-imgs:hover a, .item-card2-img:hover a { background: transparent; } .item-card7-overlaytext h4 { background: #f84242; } .item-all-cat .item-all-card { position: relative; padding: 1.5rem 1.5rem; border-radius: 7px; margin-bottom: 10px; color: #fff; } .item-all-cat .category-type .item-all-card img { width: 7rem; height: 7rem; border-radius: 50%; padding: 2.3rem 0; } .item-all-cat .row .item-all-card { margin-bottom: 1.5rem; } .item-all-cat .item-all-card a.absolute-link { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } .item-all-card img.imag-service { width: 40%; } .item-card7-img h4 { background: #f84242; } .item-card2-footer a.btn { margin: 3px 0; } .item-card9-icons2 { position: absolute; bottom: 11px; right: 15px; z-index: 98; } .item-card9-icons2 a { width: 2rem; display: inline-block; height: 2rem; text-align: center; border-radius: 100px; line-height: 2.1rem; border-radius: 50px; color: #18113c; background: #eff0ff; } .item-overly-trans2 a { position: absolute; top: 24px; right: 15px; z-index: 2; border-radius: 7px; } .item-card-text-bottom { position: absolute; bottom: 0px; padding: 15px 30px; right: 0; font-size: 18px; border-radius: 7px 0 7px 0; z-index: 1; margin-right: 24px; transition: all 0.3s; } .item-card-text-bottom h4 { font-size: 16px; font-weight: 500; color: #fff; } .item-card-text-bottom h5 { font-size: 13px; margin-top: 10px; } .item-card .item-card-btn.data-1 { transform: translate(-50%, -50%); top: 50%; left: 50%; bottom: auto; } .loading-icon { position: absolute; vertical-align: middle; border-radius: 50%; background: 0 0; } .loading-icon::before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; background: rgba(45, 220, 211, 0.2); animation: bounce 4s infinite; } .loading-icon::after { content: ""; position: absolute; opacity: 0; width: 100%; height: 100%; border-radius: 50%; background: rgba(45, 220, 211, 0.2); animation: bounce 4s .5s infinite; } @keyframes bounce { 0% { transform: scale(0); -webkit-transform: scale(0); opacity: 1; } 90% { transform: scale(2); -webkit-transform: scale(2); opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes bounce { 0% { transform: scale(0); -webkit-transform: scale(0); opacity: 1; } 90% { transform: scale(2); -webkit-transform: scale(2); opacity: 0; } 100% { opacity: 0; } } .spinner { width: 40px; height: 40px; margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } .spinner-lg { width: 100px; height: 100px; margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes sk-rotateplane { 0% { transform: perspective(120px) rotateX(0) rotateY(0); -webkit-transform: perspective(120px) rotateX(0) rotateY(0); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .spinner1 { width: 40px; height: 40px; position: relative; margin: 100px auto; } .spinner1-lg { width: 100px; height: 100px; position: relative; margin: 100px auto; } .double-bounce1 { width: 100%; height: 100%; border-radius: 50%; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out; } .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes sk-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } .spinner2 { margin: 100px auto; width: 40px; height: 40px; position: relative; } .cube1 { width: 15px; height: 15px; position: absolute; top: 0; left: 0; -webkit-animation: sk-cubemove 1.8s infinite ease-in-out; animation: sk-cubemove 1.8s infinite ease-in-out; } .cube2 { width: 15px; height: 15px; position: absolute; top: 0; left: 0; -webkit-animation: sk-cubemove 1.8s infinite ease-in-out; animation: sk-cubemove 1.8s infinite ease-in-out; -webkit-animation-delay: -.9s; animation-delay: -.9s; } @-webkit-keyframes sk-cubemove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes sk-cubemove { 25% { transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } .lds-heart { position: relative; width: 64px; height: 64px; transform: rotate(45deg); transform-origin: 32px 32px; margin: 100px auto; } .lds-heart div { top: 23px; left: 19px; position: absolute; width: 26px; height: 26px; animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1); } .lds-heart div:after { content: " "; position: absolute; display: block; width: 26px; height: 26px; } .lds-heart div:before { content: " "; position: absolute; display: block; width: 26px; height: 26px; left: -17px; border-radius: 50% 0 0 50%; } .lds-heart div:after { top: -17px; border-radius: 50% 50% 0 0; } @keyframes lds-heart { 0% { transform: scale(0.95); } 5% { transform: scale(1.1); } 39% { transform: scale(0.85); } 45% { transform: scale(1); } 60% { transform: scale(0.95); } 100% { transform: scale(0.9); } } .lds-ring { position: relative; width: 64px; height: 64px; margin: 100px auto; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; } .lds-ring div:nth-child(1) { animation-delay: -.45s; } .lds-ring div:nth-child(2) { animation-delay: -.3s; } .lds-ring div:nth-child(3) { animation-delay: -.15s; } @keyframes lds-ring { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .lds-hourglass { position: relative; width: 64px; height: 64px; margin: 100px auto; } .lds-hourglass:after { content: " "; display: block; border-radius: 50%; width: 0; height: 0; margin: 6px; box-sizing: border-box; animation: lds-hourglass 1.2s infinite; } @keyframes lds-hourglass { 0% { transform: rotate(0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 50% { transform: rotate(900deg); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { transform: rotate(1800deg); } } .dimmer { position: relative; } .dimmer .loader { display: none; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dimmer.active .loader { display: block; } .dimmer.active .dimmer-content { opacity: .04; pointer-events: none; } #sidebar .dropdown-menu { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); min-width: 12rem; } #sidebar .accordion-toggle i { color: #fff; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; width: 30px !important; border-radius: 50%; } #sidebar ul li.active>a:hover { background: rgba(0, 0, 0, 0.01); border-radius: 7px; } .overflow-hidden { /* overflow: hidden; */ } #sidebar ul li a { color: #bec8d6; font-weight: 300; border-top: 1px solid rgba(255, 255, 255, 0.08); } #sidebar ul li a .fa { width: 26px; opacity: .99; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; font-size: 13px; -webkit-font-smoothing: antialiased; text-shadow: none; } #sidebar li a[aria-expanded=true] { background: #0d102c; color: #fff; box-shadow: 0 0 10px #9ecaed; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } #sidebar li a[aria-expanded=true].active:before { content: ''; position: absolute; left: 0; top: 0; width: 5px; height: 100%; display: block; box-shadow: 0 0 14px 0 #0f75ff; } #sidebar .collapse li a:hover { background: rgba(0, 0, 0, 0.01); border-radius: 7px; } /* ###### lib ####### */ .checkbox { font-weight: 400; position: relative; display: block; line-height: 18px; } .checkbox span { padding-left: 15px; } .checkbox span:empty { float: left; } .checkbox span:after { line-height: 18px; position: absolute; } .checkbox span:before { line-height: 18px; position: absolute; content: ''; width: 16px; height: 16px; background-color: #ededf5; border: 1px solid #ededf5; top: 1px; left: 0; } .checkbox span:after { top: 1px; left: 0; width: 16px; height: 16px; content: '\f00c'; font-family: FontAwesome; font-size: 9px; text-align: center; color: #fff; line-height: 17px; display: none; } .checkbox input[type=checkbox] { opacity: 0; margin: 0 5px 0 0; } .checkbox input[type=checkbox]:checked+span:after { display: block; } .checkbox input[type=checkbox][disabled]+span { opacity: .75; } .checkbox input[type=checkbox][disabled]+span:after, .checkbox input[type=checkbox][disabled]+span:before { opacity: .75; } .checkbox-inline { display: inline-block; } .form-checkbox .custom-control-label::before { border-radius: 3px; } .br.form-checkbox .custom-control-label::before { border-radius: 50px; } .form-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .form-checkbox .custom-control-input:indeterminate~.custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .form-checkbox .custom-control-input:disabled:checked~.custom-control-label::before, .form-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { background-color: #6964f7; } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before { background-color: #c2b8f2; border: #ededf5; } .custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label { color: #21b632; } .custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before { background-color: #9eff3b; } .custom-control-input.is-valid~.valid-feedback, .custom-control-input.is-valid~.valid-tooltip { display: block; } .was-validated .custom-control-input:valid~.valid-feedback, .was-validated .custom-control-input:valid~.valid-tooltip { display: block; } .custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before { background-color: #78ed00; } .custom-control-input.is-valid:focus~.custom-control-label::before, .was-validated .custom-control-input:valid:focus~.custom-control-label::before { box-shadow: 0 0 0 1px #ededf5, 0 0 0 2px rgba(94, 186, 0, 0.25); } .custom-control-input.is-invalid~.custom-control-label, .was-validated .custom-control-input:invalid~.custom-control-label { color: #f84242; } .custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before { background-color: #ec8080; } .custom-control-input.is-invalid~.invalid-feedback, .custom-control-input.is-invalid~.invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid~.invalid-feedback, .was-validated .custom-control-input:invalid~.invalid-tooltip { display: block; } .custom-control-input.is-invalid:checked~.custom-control-label::before, .was-validated .custom-control-input:invalid:checked~.custom-control-label::before { background-color: #e23e3d; } .custom-control-input.is-invalid:focus~.custom-control-label::before, .was-validated .custom-control-input:invalid:focus~.custom-control-label::before { box-shadow: 0 0 0 1px #ededf5, 0 0 0 2px rgba(205, 32, 31, 0.25); } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked~.custom-control-label::before { color: #fff; } .custom-control-input:active~.custom-control-label::before { color: #fff; background-color: #d4e1f4; } .custom-control-input:disabled~.custom-control-label { color: #868e96; } .custom-control-input:disabled~.custom-control-label::before { background-color: #ededf5; } .custom-control-label { margin-bottom: 0; position: static !important; } .custom-control-label::before { position: absolute; top: 9px; left: 0; display: block; width: 16px; height: 15px; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #ededf5; } .custom-control-label::after { position: absolute; top: 9px; left: 0; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-control { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .custom-controls-stacked .custom-control { margin-bottom: .25rem; } .custom-control-label { vertical-align: middle; } .custom-control-label:before { border: 1px solid rgba(167, 180, 201, 0.5); background-color: #fff; background-size: .5rem; } .custom-control-description { line-height: 1.5rem; } .custom-control-label, ::-ms-backdrop { position: static; } .form-range { width: 100%; padding-left: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-flex-align: center; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: 0 0; cursor: pointer; display: -ms-flexbox; display: flex; height: 100%; min-height: 2.375rem; overflow: hidden; padding: 0; border: 0; } .form-range:focus { outline: 0; } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; border: 0; border-radius: 1rem; -webkit-appearance: none; appearance: none; } .form-range::-webkit-slider-thumb:active { background-color: #d4e1f4; } .form-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #ededf5; border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; border: 0; border-radius: 1rem; -moz-appearance: none; appearance: none; } .form-range::-moz-range-thumb:active { background-color: #d4e1f4; } .form-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #ededf5; border-color: transparent; border-radius: 1rem; } .form-range::-ms-thumb { width: 1rem; height: 1rem; border: 0; border-radius: 1rem; appearance: none; } .form-range::-ms-thumb:active { background-color: #d4e1f4; } .form-range::-ms-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: .5rem; } .form-range::-ms-fill-lower { background-color: #ededf5; border-radius: 1rem; } .form-range::-ms-fill-upper { margin-right: 15px; background-color: #ededf5; border-radius: 1rem; } .form-range:focus { box-shadow: none; outline: 0; } .form-range:focus::-webkit-slider-thumb, .form-range:focus::-moz-range-thumb, .form-range:focus::-ms-thumb { border-color: #096cf7; background-color: #096cf7; } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-runnable-track { background: #096cf7; content: ''; height: 2px; pointer-events: none; } .form-range::-webkit-slider-thumb { width: 14px; height: 14px; -webkit-appearance: none; appearance: none; background: #fff; border-radius: 50px; box-shadow: 1px 0 0 -6px rgba(0, 50, 126, 0.12), 6px 0 0 -6px rgba(0, 50, 126, 0.12), 7px 0 0 -6px rgba(0, 50, 126, 0.12), 8px 0 0 -6px rgba(0, 50, 126, 0.12), 9px 0 0 -6px rgba(0, 50, 126, 0.12), 10px 0 0 -6px rgba(0, 50, 126, 0.12), 11px 0 0 -6px rgba(0, 50, 126, 0.12), 12px 0 0 -6px rgba(0, 50, 126, 0.12), 13px 0 0 -6px rgba(0, 50, 126, 0.12), 14px 0 0 -6px rgba(0, 50, 126, 0.12), 15px 0 0 -6px rgba(0, 50, 126, 0.12), 16px 0 0 -6px rgba(0, 50, 126, 0.12), 17px 0 0 -6px rgba(0, 50, 126, 0.12), 18px 0 0 -6px rgba(0, 50, 126, 0.12), 19px 0 0 -6px rgba(0, 50, 126, 0.12), 20px 0 0 -6px rgba(0, 50, 126, 0.12), 21px 0 0 -6px rgba(0, 50, 126, 0.12), 22px 0 0 -6px rgba(0, 50, 126, 0.12), 23px 0 0 -6px rgba(0, 50, 126, 0.12), 24px 0 0 -6px rgba(0, 50, 126, 0.12), 25px 0 0 -6px rgba(0, 50, 126, 0.12), 26px 0 0 -6px rgba(0, 50, 126, 0.12), 27px 0 0 -6px rgba(0, 50, 126, 0.12), 28px 0 0 -6px rgba(0, 50, 126, 0.12), 29px 0 0 -6px rgba(0, 50, 126, 0.12), 30px 0 0 -6px rgba(0, 50, 126, 0.12), 31px 0 0 -6px rgba(0, 50, 126, 0.12), 32px 0 0 -6px rgba(0, 50, 126, 0.12), 33px 0 0 -6px rgba(0, 50, 126, 0.12), 34px 0 0 -6px rgba(0, 50, 126, 0.12), 35px 0 0 -6px rgba(0, 50, 126, 0.12), 36px 0 0 -6px rgba(0, 50, 126, 0.12), 37px 0 0 -6px rgba(0, 50, 126, 0.12), 38px 0 0 -6px rgba(0, 50, 126, 0.12), 39px 0 0 -6px rgba(0, 50, 126, 0.12), 40px 0 0 -6px rgba(0, 50, 126, 0.12), 41px 0 0 -6px rgba(0, 50, 126, 0.12), 42px 0 0 -6px rgba(0, 50, 126, 0.12), 43px 0 0 -6px rgba(0, 50, 126, 0.12), 44px 0 0 -6px rgba(0, 50, 126, 0.12), 45px 0 0 -6px rgba(0, 50, 126, 0.12), 46px 0 0 -6px rgba(0, 50, 126, 0.12), 47px 0 0 -6px rgba(0, 50, 126, 0.12), 48px 0 0 -6px rgba(0, 50, 126, 0.12), 49px 0 0 -6px rgba(0, 50, 126, 0.12), 50px 0 0 -6px rgba(0, 50, 126, 0.12), 51px 0 0 -6px rgba(0, 50, 126, 0.12), 52px 0 0 -6px rgba(0, 50, 126, 0.12), 53px 0 0 -6px rgba(0, 50, 126, 0.12), 54px 0 0 -6px rgba(0, 50, 126, 0.12), 55px 0 0 -6px rgba(0, 50, 126, 0.12), 56px 0 0 -6px rgba(0, 50, 126, 0.12), 57px 0 0 -6px rgba(0, 50, 126, 0.12), 58px 0 0 -6px rgba(0, 50, 126, 0.12), 59px 0 0 -6px rgba(0, 50, 126, 0.12), 60px 0 0 -6px rgba(0, 50, 126, 0.12), 61px 0 0 -6px rgba(0, 50, 126, 0.12), 62px 0 0 -6px rgba(0, 50, 126, 0.12), 63px 0 0 -6px rgba(0, 50, 126, 0.12), 64px 0 0 -6px rgba(0, 50, 126, 0.12), 65px 0 0 -6px rgba(0, 50, 126, 0.12), 66px 0 0 -6px rgba(0, 50, 126, 0.12), 67px 0 0 -6px rgba(0, 50, 126, 0.12), 68px 0 0 -6px rgba(0, 50, 126, 0.12), 69px 0 0 -6px rgba(0, 50, 126, 0.12), 70px 0 0 -6px rgba(0, 50, 126, 0.12), 71px 0 0 -6px rgba(0, 50, 126, 0.12), 72px 0 0 -6px rgba(0, 50, 126, 0.12), 73px 0 0 -6px rgba(0, 50, 126, 0.12), 74px 0 0 -6px rgba(0, 50, 126, 0.12), 75px 0 0 -6px rgba(0, 50, 126, 0.12), 76px 0 0 -6px rgba(0, 50, 126, 0.12), 77px 0 0 -6px rgba(0, 50, 126, 0.12), 78px 0 0 -6px rgba(0, 50, 126, 0.12), 79px 0 0 -6px rgba(0, 50, 126, 0.12), 80px 0 0 -6px rgba(0, 50, 126, 0.12), 81px 0 0 -6px rgba(0, 50, 126, 0.12), 82px 0 0 -6px rgba(0, 50, 126, 0.12), 83px 0 0 -6px rgba(0, 50, 126, 0.12), 84px 0 0 -6px rgba(0, 50, 126, 0.12), 85px 0 0 -6px rgba(0, 50, 126, 0.12), 86px 0 0 -6px rgba(0, 50, 126, 0.12), 87px 0 0 -6px rgba(0, 50, 126, 0.12), 88px 0 0 -6px rgba(0, 50, 126, 0.12), 89px 0 0 -6px rgba(0, 50, 126, 0.12), 90px 0 0 -6px rgba(0, 50, 126, 0.12), 91px 0 0 -6px rgba(0, 50, 126, 0.12), 92px 0 0 -6px rgba(0, 50, 126, 0.12), 93px 0 0 -6px rgba(0, 50, 126, 0.12), 94px 0 0 -6px rgba(0, 50, 126, 0.12), 95px 0 0 -6px rgba(0, 50, 126, 0.12), 96px 0 0 -6px rgba(0, 50, 126, 0.12), 97px 0 0 -6px rgba(0, 50, 126, 0.12), 98px 0 0 -6px rgba(0, 50, 126, 0.12), 99px 0 0 -6px rgba(0, 50, 126, 0.12), 100px 0 0 -6px rgba(0, 50, 126, 0.12), 101px 0 0 -6px rgba(0, 50, 126, 0.12), 102px 0 0 -6px rgba(0, 50, 126, 0.12), 103px 0 0 -6px rgba(0, 50, 126, 0.12), 104px 0 0 -6px rgba(0, 50, 126, 0.12), 105px 0 0 -6px rgba(0, 50, 126, 0.12), 106px 0 0 -6px rgba(0, 50, 126, 0.12), 107px 0 0 -6px rgba(0, 50, 126, 0.12), 108px 0 0 -6px rgba(0, 50, 126, 0.12), 109px 0 0 -6px rgba(0, 50, 126, 0.12), 110px 0 0 -6px rgba(0, 50, 126, 0.12), 111px 0 0 -6px rgba(0, 50, 126, 0.12), 112px 0 0 -6px rgba(0, 50, 126, 0.12), 113px 0 0 -6px rgba(0, 50, 126, 0.12), 114px 0 0 -6px rgba(0, 50, 126, 0.12), 115px 0 0 -6px rgba(0, 50, 126, 0.12), 116px 0 0 -6px rgba(0, 50, 126, 0.12), 117px 0 0 -6px rgba(0, 50, 126, 0.12), 118px 0 0 -6px rgba(0, 50, 126, 0.12), 119px 0 0 -6px rgba(0, 50, 126, 0.12), 120px 0 0 -6px rgba(0, 50, 126, 0.12), 121px 0 0 -6px rgba(0, 50, 126, 0.12), 122px 0 0 -6px rgba(0, 50, 126, 0.12), 123px 0 0 -6px rgba(0, 50, 126, 0.12), 124px 0 0 -6px rgba(0, 50, 126, 0.12), 125px 0 0 -6px rgba(0, 50, 126, 0.12), 126px 0 0 -6px rgba(0, 50, 126, 0.12), 127px 0 0 -6px rgba(0, 50, 126, 0.12), 128px 0 0 -6px rgba(0, 50, 126, 0.12), 129px 0 0 -6px rgba(0, 50, 126, 0.12), 130px 0 0 -6px rgba(0, 50, 126, 0.12), 131px 0 0 -6px rgba(0, 50, 126, 0.12), 132px 0 0 -6px rgba(0, 50, 126, 0.12), 133px 0 0 -6px rgba(0, 50, 126, 0.12), 134px 0 0 -6px rgba(0, 50, 126, 0.12), 135px 0 0 -6px rgba(0, 50, 126, 0.12), 136px 0 0 -6px rgba(0, 50, 126, 0.12), 137px 0 0 -6px rgba(0, 50, 126, 0.12), 138px 0 0 -6px rgba(0, 50, 126, 0.12), 139px 0 0 -6px rgba(0, 50, 126, 0.12), 140px 0 0 -6px rgba(0, 50, 126, 0.12), 141px 0 0 -6px rgba(0, 50, 126, 0.12), 142px 0 0 -6px rgba(0, 50, 126, 0.12), 143px 0 0 -6px rgba(0, 50, 126, 0.12), 144px 0 0 -6px rgba(0, 50, 126, 0.12), 145px 0 0 -6px rgba(0, 50, 126, 0.12), 146px 0 0 -6px rgba(0, 50, 126, 0.12), 147px 0 0 -6px rgba(0, 50, 126, 0.12), 148px 0 0 -6px rgba(0, 50, 126, 0.12), 149px 0 0 -6px rgba(0, 50, 126, 0.12), 150px 0 0 -6px rgba(0, 50, 126, 0.12), 151px 0 0 -6px rgba(0, 50, 126, 0.12), 152px 0 0 -6px rgba(0, 50, 126, 0.12), 153px 0 0 -6px rgba(0, 50, 126, 0.12), 154px 0 0 -6px rgba(0, 50, 126, 0.12), 155px 0 0 -6px rgba(0, 50, 126, 0.12), 156px 0 0 -6px rgba(0, 50, 126, 0.12), 157px 0 0 -6px rgba(0, 50, 126, 0.12), 158px 0 0 -6px rgba(0, 50, 126, 0.12), 159px 0 0 -6px rgba(0, 50, 126, 0.12), 160px 0 0 -6px rgba(0, 50, 126, 0.12), 161px 0 0 -6px rgba(0, 50, 126, 0.12), 162px 0 0 -6px rgba(0, 50, 126, 0.12), 163px 0 0 -6px rgba(0, 50, 126, 0.12), 164px 0 0 -6px rgba(0, 50, 126, 0.12), 165px 0 0 -6px rgba(0, 50, 126, 0.12), 166px 0 0 -6px rgba(0, 50, 126, 0.12), 167px 0 0 -6px rgba(0, 50, 126, 0.12), 168px 0 0 -6px rgba(0, 50, 126, 0.12), 169px 0 0 -6px rgba(0, 50, 126, 0.12), 170px 0 0 -6px rgba(0, 50, 126, 0.12), 171px 0 0 -6px rgba(0, 50, 126, 0.12), 172px 0 0 -6px rgba(0, 50, 126, 0.12), 173px 0 0 -6px rgba(0, 50, 126, 0.12), 174px 0 0 -6px rgba(0, 50, 126, 0.12), 175px 0 0 -6px rgba(0, 50, 126, 0.12), 176px 0 0 -6px rgba(0, 50, 126, 0.12), 177px 0 0 -6px rgba(0, 50, 126, 0.12), 178px 0 0 -6px rgba(0, 50, 126, 0.12), 179px 0 0 -6px rgba(0, 50, 126, 0.12), 180px 0 0 -6px rgba(0, 50, 126, 0.12), 181px 0 0 -6px rgba(0, 50, 126, 0.12), 182px 0 0 -6px rgba(0, 50, 126, 0.12), 183px 0 0 -6px rgba(0, 50, 126, 0.12), 184px 0 0 -6px rgba(0, 50, 126, 0.12), 185px 0 0 -6px rgba(0, 50, 126, 0.12), 186px 0 0 -6px rgba(0, 50, 126, 0.12), 187px 0 0 -6px rgba(0, 50, 126, 0.12), 188px 0 0 -6px rgba(0, 50, 126, 0.12), 189px 0 0 -6px rgba(0, 50, 126, 0.12), 190px 0 0 -6px rgba(0, 50, 126, 0.12), 191px 0 0 -6px rgba(0, 50, 126, 0.12), 192px 0 0 -6px rgba(0, 50, 126, 0.12), 193px 0 0 -6px rgba(0, 50, 126, 0.12), 194px 0 0 -6px rgba(0, 50, 126, 0.12), 195px 0 0 -6px rgba(0, 50, 126, 0.12), 196px 0 0 -6px rgba(0, 50, 126, 0.12), 197px 0 0 -6px rgba(0, 50, 126, 0.12), 198px 0 0 -6px rgba(0, 50, 126, 0.12), 199px 0 0 -6px rgba(0, 50, 126, 0.12), 200px 0 0 -6px rgba(0, 50, 126, 0.12), 201px 0 0 -6px rgba(0, 50, 126, 0.12), 202px 0 0 -6px rgba(0, 50, 126, 0.12), 203px 0 0 -6px rgba(0, 50, 126, 0.12), 204px 0 0 -6px rgba(0, 50, 126, 0.12), 205px 0 0 -6px rgba(0, 50, 126, 0.12), 206px 0 0 -6px rgba(0, 50, 126, 0.12), 207px 0 0 -6px rgba(0, 50, 126, 0.12), 208px 0 0 -6px rgba(0, 50, 126, 0.12), 209px 0 0 -6px rgba(0, 50, 126, 0.12), 210px 0 0 -6px rgba(0, 50, 126, 0.12), 211px 0 0 -6px rgba(0, 50, 126, 0.12), 212px 0 0 -6px rgba(0, 50, 126, 0.12), 213px 0 0 -6px rgba(0, 50, 126, 0.12), 214px 0 0 -6px rgba(0, 50, 126, 0.12), 215px 0 0 -6px rgba(0, 50, 126, 0.12), 216px 0 0 -6px rgba(0, 50, 126, 0.12), 217px 0 0 -6px rgba(0, 50, 126, 0.12), 218px 0 0 -6px rgba(0, 50, 126, 0.12), 219px 0 0 -6px rgba(0, 50, 126, 0.12), 220px 0 0 -6px rgba(0, 50, 126, 0.12), 221px 0 0 -6px rgba(0, 50, 126, 0.12), 222px 0 0 -6px rgba(0, 50, 126, 0.12), 223px 0 0 -6px rgba(0, 50, 126, 0.12), 224px 0 0 -6px rgba(0, 50, 126, 0.12), 225px 0 0 -6px rgba(0, 50, 126, 0.12), 226px 0 0 -6px rgba(0, 50, 126, 0.12), 227px 0 0 -6px rgba(0, 50, 126, 0.12), 228px 0 0 -6px rgba(0, 50, 126, 0.12), 229px 0 0 -6px rgba(0, 50, 126, 0.12), 230px 0 0 -6px rgba(0, 50, 126, 0.12), 231px 0 0 -6px rgba(0, 50, 126, 0.12), 232px 0 0 -6px rgba(0, 50, 126, 0.12), 233px 0 0 -6px rgba(0, 50, 126, 0.12), 234px 0 0 -6px rgba(0, 50, 126, 0.12), 235px 0 0 -6px rgba(0, 50, 126, 0.12), 236px 0 0 -6px rgba(0, 50, 126, 0.12), 237px 0 0 -6px rgba(0, 50, 126, 0.12), 238px 0 0 -6px rgba(0, 50, 126, 0.12), 239px 0 0 -6px rgba(0, 50, 126, 0.12), 240px 0 0 -6px rgba(0, 50, 126, 0.12); margin-top: -6px; border: 1px solid rgba(0, 30, 75, 0.12); transition: .3s border-color, .3s background-color; } .form-range::-moz-range-track { width: 240px; height: 2px; background: rgba(0, 50, 126, 0.12); } .form-range::-moz-range-thumb { width: 14px; height: 14px; background: #fff; border-radius: 50px; border: 1px solid rgba(0, 30, 75, 0.12); position: relative; transition: .3s border-color, .3s background-color; } .form-range::-moz-range-progress { height: 2px; background: #096cf7; border: 0; margin-top: 0; } .form-range::-ms-track { background: 0 0; border: 0; border-color: transparent; border-radius: 0; border-width: 0; color: transparent; height: 2px; margin-top: 10px; width: 240px; } .form-range::-ms-thumb { width: 240px; height: 2px; background: #fff; border-radius: 50px; border: 1px solid rgba(0, 30, 75, 0.12); transition: .3s border-color, .3s background-color; } .form-range::-ms-fill-lower { background: #096cf7; border-radius: 0; } .form-range::-ms-fill-upper { background: rgba(0, 50, 126, 0.12); border-radius: 0; } .form-range::-ms-tooltip { display: none; } .form-switch { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; margin: 0; } .form-switch-input { position: absolute; z-index: -1; opacity: 0; } .form-switches-stacked { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .form-switches-stacked .form-switch { margin-bottom: .5rem; } .form-switch-indicator { display: inline-block; height: 1.25rem; width: 2.25rem; background: #ededf5; border-radius: 50px; position: relative; vertical-align: bottom; border: 1px solid #ededf5; transition: .3s border-color, .3s background-color; } .form-switch-indicator:before { content: ''; position: absolute; height: calc(1.25rem - 4px); width: calc(1.25rem - 4px); top: 1px; left: 1px; background: #fff; border-radius: 50%; transition: .3s left; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .form-switch-input:checked~.form-switch-indicator:before { left: calc(1rem + 1px); } .form-switch-description { margin-left: .5rem; color: #5f6877; transition: .3s color; } .form-switch-input:checked~.form-switch-description { color: #3d4e67; } .form-switch { padding-left: 0; } .ui-datepicker { background-color: #ededf5; border: 1px solid #ededf5; font-family: inherit; font-size: inherit; padding: 10px; margin: 5px 0 0; display: none; width: auto !important; border-radius: 8px; z-index: 999 !important; } .ui-datepicker .ui-datepicker-header { display: flex; justify-content: space-between; align-items: center; position: relative; font-weight: 500; font-size: 12px; text-transform: uppercase; color: #473b52; padding: 0 0 5px; letter-spacing: 1px; border: 0; background-color: transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { text-indent: -99999px; color: #5c5776; top: 1px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before { font-size: 16px; font-family: FontAwesome; position: absolute; top: -4px; text-indent: 0; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before { color: #343a40; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before { color: #343a40; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next { order: 3; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before { right: 5px; content: '\f105'; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before { left: 5px; content: '\f104'; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover { color: #3d4e67; cursor: pointer; top: 1px; border: 0; background-color: transparent; } .ui-datepicker .ui-datepicker-title { font-weight: 700; } .ui-datepicker .ui-datepicker-calendar { margin: 0; background-color: transparent; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .ui-datepicker .ui-datepicker-calendar th { text-transform: uppercase; font-size: 10px; font-weight: 500; letter-spacing: 1px; padding: 6px 10px; color: #a3a7b7; } .ui-datepicker .ui-datepicker-calendar td { border: 1px solid #f6f7fb; padding: 0; background-color: #f6f7fb; text-align: right; } .ui-datepicker .ui-datepicker-calendar td:last-child { border-right: 0; } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default { color: #a8a3b0; } .ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span { transition: all .2s ease-in-out; padding: 5px; background-color: #fff; color: #473b52; padding: 6px 10px; display: block; font-weight: 400; font-size: 12px; border: 0; border-radius: 1px; } .ui-datepicker .ui-datepicker-calendar td a:hover { background-color: #f0f2f7; color: #473b52; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a { background-color: #f8f9fa; color: #473b52; } @media (max-width: 320px) { .ui-datepicker .ui-datepicker-calendar th { padding: 4px 0; letter-spacing: normal; } } .ui-datepicker-multi .ui-datepicker-group { padding-right: 15px; width: auto; float: left; } .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title { margin: auto; } .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before { left: 10px; } .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before { right: 10px; } .ui-datepicker-multi .ui-datepicker-group table { margin: 0; } .ui-datepicker-multi .ui-datepicker-group-last { padding-right: 0; } .ui-datepicker-inline { max-width: 270px; border-radius: 12px; } .fileinput-button { background: none repeat scroll 0 0 #ededf5; border: 1px solid #e6e6e6; float: left; margin-right: 4px; overflow: hidden; position: relative; } .fileinput-button input { cursor: pointer; direction: ltr; font-size: 23px; margin: 0; opacity: 0; position: absolute; right: 0; top: 0; transform: translate(-300px, 0) scale(4); } .fileupload-buttonbar .btn, .fileupload-buttonbar .toggle { margin-bottom: 5px; } .files .progress { width: 200px; } .fileupload-processing .fileupload-loading { display: block; } * html .fileinput-button { line-height: 24px; margin: 1px -3px 0 0; } @media (max-width: 767px) { .files .btn span { display: none; } .files .preview * { width: 40px; } .files .name * { display: inline-block; width: 80px; word-wrap: break-word; } .files .progress { width: 20px; } .files .delete { width: 60px; } } ul { list-style-type: none; padding: 0; margin: 0; } .jvectormap-container { width: 100%; height: 100%; position: relative; overflow: hidden; -ms-touch-action: none; touch-action: none; } .jvectormap-tip { position: absolute; display: none; border-radius: 3px; color: #fff; padding: 6px; font-size: 11px; line-height: 1; font-weight: 700; } .jvectormap-tip small { font-size: inherit; font-weight: 400; } .jvectormap-goback, .jvectormap-zoomin, .jvectormap-zoomout { position: absolute; left: 10px; border-radius: 3px; background: #f5f4f9; padding: 3px; color: #fff; cursor: pointer; line-height: 10px; text-align: center; box-sizing: content-box; } .jvectormap-zoomin, .jvectormap-zoomout { width: 10px; height: 10px; } .jvectormap-zoomin { top: 10px; } .jvectormap-zoomout { top: 30px; } .jvectormap-goback { bottom: 10px; z-index: 1000; padding: 6px; } .jvectormap-spinner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==); } .jvectormap-legend-title { font-weight: 700; font-size: 14px; text-align: center; } .jvectormap-legend-cnt { position: absolute; } .jvectormap-legend-cnt-h { bottom: 0; right: 0; } .jvectormap-legend-cnt-v { top: 0; right: 0; } .jvectormap-legend { background: #000; color: #fff; border-radius: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend { float: left; margin: 0 10px 10px 0; padding: 3px 3px 1px 3px; } .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick { float: left; } .jvectormap-legend-cnt-v .jvectormap-legend { margin: 10px 10px 0 0; padding: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick { width: 40px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample { height: 15px; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample { height: 20px; width: 20px; display: inline-block; vertical-align: middle; } .jvectormap-legend-tick-text { font-size: 12px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-text { text-align: center; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-text { display: inline-block; vertical-align: middle; line-height: 20px; padding-left: 3px; } .range { display: table; position: relative; height: 25px; margin-top: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); cursor: pointer; } .range input[type=range] { -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; -o-appearance: none !important; appearance: none !important; display: table-cell; width: 100%; background-color: transparent; height: 25px; cursor: pointer; } .range input[type=range]::-webkit-slider-thumb, .range input[type=range]::-moz-slider-thumb { -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; -o-appearance: none !important; appearance: none !important; width: 11px; height: 25px; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0; background-color: #999; } .range output { display: table-cell; padding: 3px 5px 2px; min-width: 40px; color: #fff; background-color: #999; text-align: center; text-decoration: none; border-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0; width: 1%; white-space: nowrap; vertical-align: middle; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } .range input[type=range] { outline: 0; } .range.range-success input[type=range]::-webkit-slider-thumb, .range.range-success input[type=range]::-moz-slider-thumb { background-color: #21b632; } .range.range-success output { background-color: #21b632; } .range.range-success input[type=range] { outline-color: #21b632; } .range.range-info input[type=range]::-webkit-slider-thumb, .range.range-info input[type=range]::-moz-slider-thumb { background-color: #04b2e5; } .range.range-info output { background-color: #04b2e5; } .range.range-info input[type=range] { outline-color: #04b2e5; } .range.range-warning input[type=range]::-webkit-slider-thumb, .range.range-warning input[type=range]::-moz-slider-thumb { background-color: #ffa22b; } .range.range-warning output { background-color: #ffa22b; } .range.range-warning input[type=range] { outline-color: #ffa22b; } .range.range-danger input[type=range]::-webkit-slider-thumb, .range.range-danger input[type=range]::-moz-slider-thumb { background-color: #f84242; } .range.range-danger output { background-color: #f84242; } .range.range-danger input[type=range] { outline-color: #f84242; } .select2-lg .select2-container .select2-selection--single { height: 2.875rem; } .select2-lg .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px !important; } .select2-sm .select2-container .select2-selection--single { height: 1.775rem; } .select2-sm .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 20px !important; } select.form-control.select-lg { height: 46px; padding: 10px 16px; font-size: 17px; line-height: 1.3333333; border-radius: 3px; } select.form-control.select-sm { height: 30px; padding: 0px 10px 1px 10px; line-height: 1; border-radius: 3px; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #ededf5; border-radius: 4px; } .select2-container--default.select2-container--focus .select2-selection--multiple { color: #5c5776; background-color: #fff; border-color: #ededf5; outline: 0; } .select2-container--default .select2-selection--multiple { background-color: #fff; border: 1px solid #ededf5; border-radius: 4px; cursor: text; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #ededf5; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #f5f4f9; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #f5f4f9; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #f5f4f9; border: 1px solid #ededf5; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 39px !important; color: #5c5776; } .select2.select2-container.select2-container--default.select2-container--below.select2-container--open { width: 100%; } .select-languages .select2-container .select2-selection--single, .select-currency .select2-container .select2-selection--single { height: 1.4rem; border-radius: 3px; background: 0 0; border: 0; } .select-languages .select2-container--default .select2-selection--single .select2-selection__rendered, .select-currency .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 20.5px; } .select-languages .select2-container--default .select2-selection--single .select2-selection__arrow, .select-currency .select2-container--default .select2-selection--single .select2-selection__arrow { top: -2px; } .select-languages .select2-container, .select-currency .select2-container { width: 138px; } .select-country .select2-container { width: 150px; } .select-country .select2-container .select2-selection--single { height: 1.4rem; border-radius: 3px; background: 0 0; border: 0; } .select-country .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 3px; } .select-country .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 21px; } .select-country .select2-container--default .select2-selection--single .select2-selection__arrow { top: -3px; } .select-country .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 3px; } .select2-results__option { font-size: 13px; } .select2-lg .select2-container--default .select2-selection--single .select2-selection__arrow { top: 10px; } .top-bar .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 21px !important; } .search-background.bg-transparent .select2-lg .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 42px !important; font-size: 16px; } .userprof-tab .select2-sm .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px !important; } .selectgroup { display: -ms-inline-flexbox; display: inline-flex; } .selectgroup-item { -ms-flex-positive: 1; flex-grow: 1; position: relative; } .selectgroup-item+.selectgroup-item { margin-left: -1px; } .selectgroup-item:not(:first-child) .selectgroup-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .selectgroup-item:not(:last-child) .selectgroup-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .selectgroup-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } .selectgroup-button { display: block; border: 1px solid #ededf5; text-align: center; padding: .375rem 1rem; position: relative; cursor: pointer; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: .9375rem; line-height: 1.5rem; min-width: 2.375rem; } .selectgroup-button-icon { padding-left: .5rem; padding-right: .5rem; font-size: 1rem; } .selectgroup-pills { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; } .selectgroup-pills .selectgroup-item { margin-right: .5rem; -ms-flex-positive: 0; flex-grow: 0; } .selectgroup-pills .selectgroup-button { border-radius: 50px !important; } .selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder { visibility: visible !important; background: #f2f2f2 !important; background: rgba(0, 0, 0, 0.06) !important; border: 0 none !important; box-shadow: inset 0 0 12px 4px #fff; } .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { content: '!'; visibility: hidden; } .selectize-control.plugin-drag_drop .ui-sortable-helper { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .selectize-dropdown-header { position: relative; padding: 5px 8px; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; border-radius: 3px 3px 0 0; } .selectize-dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #3d4e67; opacity: .4; margin-top: -12px; line-height: 20px; font-size: 20px !important; } .selectize-dropdown-header-close:hover { color: #000; } .selectize-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; float: left; box-sizing: border-box; } .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none; } .selectize-dropdown.plugin-optgroup_columns .optgroup:before { display: none; } .selectize-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none; } .selectize-control { position: relative; padding: 0; border: 0; } .selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px !important; } .selectize-control.plugin-remove_button [data-value] .remove { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: 700; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 2px 0 0 0; border-left: 1px solid #d0d0d0; border-radius: 0 2px 2px 0; box-sizing: border-box; } .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0, 0, 0, 0.05); } .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #cacaca; } .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #fff; } .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: 0 0; } .selectize-control.plugin-remove_button .remove-single { position: absolute; right: 28px; top: 6px; font-size: 23px; } .selectize-dropdown { color: #3d4e67; font-family: inherit; font-size: 15px; line-height: 18px; -webkit-font-smoothing: inherit; } .selectize-input { color: #3d4e67; font-family: inherit; font-size: 15px; line-height: 18px; -webkit-font-smoothing: inherit; } .selectize-input input { color: #3d4e67; font-family: inherit; font-size: 15px; line-height: 18px; -webkit-font-smoothing: inherit; } .selectize-control.single .selectize-input.input-active { background: #fff; cursor: text; display: inline-block; } .selectize-input { background: #fff; cursor: text; display: inline-block; border: 1px solid #ededf5; padding: .5625rem .75rem; display: inline-block; display: block; width: 100%; overflow: hidden; position: relative; z-index: 1; box-sizing: border-box; border-radius: 3px; transition: .3s border-color, .3s box-shadow; } .selectize-control.multi .selectize-input.has-items { padding: 7px .75rem 4px 7px; } .selectize-input.full { background-color: #fff; } .selectize-input.disabled { cursor: default !important; } .selectize-input.disabled * { cursor: default !important; } .selectize-input.dropdown-active { border-radius: 3px 3px 0 0; } .selectize-input>* { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; } .selectize-control.multi .selectize-input>div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #ededf5; color: #3d4e67; font-size: 13px; border: 0 solid rgba(0, 40, 100, 0.12); border-radius: 3px; font-weight: 400; } .selectize-control.multi .selectize-input>div.active { background: #e8e8e8; color: #303030; border: 0 solid #cacaca; } .selectize-control.multi .selectize-input.disabled>div { color: #7d7d7d; background: #fff; border: 0 solid #fff; } .selectize-control.multi .selectize-input.disabled>div.active { color: #7d7d7d; background: #fff; border: 0 solid #fff; } .selectize-input>input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 2px 0 0 !important; text-indent: 0 !important; border: 0 none !important; background: 0 0 !important; line-height: inherit !important; box-shadow: none !important; } .selectize-input>input::-ms-clear { display: none; } .selectize-input>input:focus { outline: 0 !important; } .selectize-input::after { content: ' '; display: block; clear: left; } .selectize-input.dropdown-active::before { content: ' '; display: block; position: absolute; background: #f0f0f0; height: 1px; bottom: 0; left: 0; right: 0; } .selectize-dropdown { position: absolute; z-index: 10; border: 1px solid #ededf5; background: #fff; margin: -1px 0 0 0; border-top: 0 none; box-sizing: border-box; border-radius: 0 0 3px 3px; height: auto; padding: 0; } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); border-radius: 1px; } .selectize-dropdown .optgroup-header, .selectize-dropdown [data-selectable] { padding: 6px .75rem; } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .selectize-dropdown .optgroup-header { color: #3d4e67; background: #fff; cursor: default; } .selectize-dropdown .active { background-color: #f1f4f8; color: #096cf7; } .selectize-dropdown .active.create { color: #3d4e67; } .selectize-dropdown .create { color: rgba(48, 48, 48, 0.5); } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; -webkit-overflow-scrolling: touch; } .selectize-control.single .selectize-input { cursor: pointer; } .selectize-control.single .selectize-input input { cursor: pointer; } .selectize-control.single .selectize-input.input-active { cursor: text; } .selectize-control.single .selectize-input.input-active input { cursor: text; } .selectize-control.single .selectize-input:after { content: ''; display: block; position: absolute; top: 13px; right: 12px; width: 8px; height: 10px; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") no-repeat center; background-size: 8px 10px; transition: .3s transform; } .selectize-control.single .selectize-input.dropdown-active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .selectize-control .selectize-input.disabled { opacity: .5; background-color: #fafafa; } .selectize-dropdown .image, .selectize-input .image { width: 1.25rem; height: 1.25rem; background-size: contain; margin: -1px .5rem -1px -4px; line-height: 1.25rem; float: left; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .selectize-dropdown .image img { max-width: 100%; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border-radius: 3px; } .selectize-input .image { width: 1.5rem; height: 1.5rem; margin: -3px .75rem -3px -5px; } .selectize-input .image img { max-width: 100%; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border-radius: 3px; } /* ###### template ####### */ .admin-navbar { background: #fff; box-shadow: 0 22px 68px -9px rgba(0, 0, 0, 0.15); } .admin-navbar .container { position: relative; } .admin-navbar .nav { padding: 0; margin: 0; } .admin-navbar .nav .nav-link { position: relative; } .admin-navbar .nav-item { text-align: center; position: static; } .admin-navbar .nav-item.active .nav-link { background-color: #fff; background-repeat: repeat-x; border-width: 0; } .admin-navbar .nav-item.active+.nav-item .nav-link { border-left-width: 0; } .admin-navbar .nav-item:last-child .nav-link { border-right-width: 1px; } .admin-navbar .nav-item.with-sub>a::after { content: '\f107'; font-family: FontAwesome; font-weight: 400; margin-left: 4px; margin-top: 0; opacity: .7; } .admin-navbar .nav-item.with-sub:focus>.sub-item, .admin-navbar .nav-item.with-sub:hover>.sub-item { display: block; } .admin-navbar .nav-link { border: 0; color: inherit; transition: .3s border-color; font-weight: 500; padding: 1rem 1.42rem; font-size: 13px; text-align: center; display: flex; align-items: center; justify-content: center; border-right-width: 0; text-transform: uppercase; } .admin-navbar .nav-link .icon { font-size: 21px; line-height: 0; } .admin-navbar .nav-link i { margin-right: 8px; } .admin-navbar .nav-link .icon.ion-ios-analytics-outline { font-size: 20px; margin-top: -2px; } .admin-navbar .nav-link.active { font-weight: 600; border-bottom: 1px solid; } .admin-navbar .nav-link .square-8 { margin-left: 3px; background-color: #fff; border-radius: 100%; } .admin-navbar .mega-dropdown { position: static; } .admin-navbar .mega-dropdown .sub-item { padding: 25px; width: 100%; } .admin-navbar .mega-dropdown .sub-item a { padding: 5px 9px; margin: 0; } .admin-navbar .mega-dropdown .sub-item .section-label { border-bottom: 1px solid rgba(137, 42, 226, 0.1); padding-bottom: 5px; margin-bottom: 15px; font-size: 14px; font-weight: 500; display: block; text-align: left; letter-spacing: 1px; } .admin-navbar .sub-item { background-color: #fff; position: absolute; top: 51px; left: 0; border-top: 0; padding: 10px 0; box-shadow: 0 22px 68px -9px rgba(0, 0, 0, 0.15); width: 100%; font-size: 14px; font-weight: 400; z-index: 9999; display: none; color: #111; } .admin-navbar .sub-item ul { list-style: none; padding: 0; margin: 0; text-align: left; } .admin-navbar .sub-item ul a { display: block; padding: .5rem 1.5rem; } .admin-navbar .sub-item ul a:active { color: #fff; text-decoration: none; } .admin-navbar .sub-item .sub-with-sub { position: relative; } .admin-navbar .sub-item .sub-with-sub::after { content: '\f054'; font-family: FontAwesome; font-size: 10px; position: absolute; top: 9px; right: 20px; } .admin-navbar .sub-item .sub-with-sub ul { display: none; padding-left: 15px; } .admin-navbar .sub-item .sub-with-sub ul a { display: block; padding: 6px 10px; } .admin-navbar .sub-item .sub-with-sub:focus ul, .admin-navbar .sub-item .sub-with-sub:hover ul { display: block; } @media (min-width: 992px) { .admin-navbar .nav-item { position: relative; } } @media (min-width: 992px) { .admin-navbar .nav-item.with-sub>a::after { margin-left: 8px; } } @media (min-width: 992px) { .admin-navbar .nav-link .square-8 { margin-left: 5px; } } @media (min-width: 992px) { .admin-navbar .nav-link span :not(.square-8) { display: block; } } @media (max-width: 992px) { .admin-navbar { display: none; } .admin-navbar .nav-link { width: 100%; text-align: left; display: block; } .admin-navbar .nav-link span :not(.square-8) { display: block; } .admin-navbar .nav-item { min-width: 100%; } .admin-navbar.collapse.show { display: block; } .admin-navbar .mega-dropdown .sub-item .section-label { margin-top: 10px; } .admin-navbar .sub-item .sub-with-sub ul li a { padding-left: 20px; } .admin-navbar .nav .nav-item.with-sub .nav-link.active { position: relative !important; } .admin-navbar .nav .nav-link .sub-item { position: inherit !important; } .admin-navbar .container { background: #fff; z-index: 100; } .admin-navbar .sub-item { position: relative !important; top: 0 !important; } .nav-item.with-sub, .with-sub .nav-link { display: block !important; } } @media (min-width: 992px) { .admin-navbar .sub-item { width: 200px; } } @media (max-width: 1279px) and (min-width: 992px) { .admin-navbar .nav-link { padding: 1rem .57rem; } .pabout.p-8 { padding: 17px !important; } } @media (min-width: 992px) { .admin-navbar .sub-item .sub-with-sub ul { padding-left: 0; position: absolute; top: 0; right: -200px; width: 200px; background-color: #fff; padding: 10px 0; box-shadow: 0 22px 68px -9px rgba(0, 0, 0, 0.15); } } .cal1 { font-size: 14px; border: 1px solid #ededf5; } .cal1 .clndr .clndr-table .header-days .header-day { border-left: 1px solid rgba(5, 117, 230, 0.1); border-top: 1px solid #ededf5; } .cal1 .clndr .clndr-table tr .adjacent-month, .cal1 .clndr .clndr-table tr .empty, .cal1 .clndr .clndr-table tr .my-adjacent-month, .cal1 .clndr .clndr-table tr .my-empty { border-left: 1px solid #79c2b2; border-top: 1px solid #79c2b2; background: #ededf5; } .cal1 .clndr .clndr-table tr .day { border-left: 1px solid #ededf5; border-top: 1px solid #ededf5; } .cal1 .clndr .clndr-table tr .day.event, .cal1 .clndr .clndr-table tr .day.my-event { background: #f6f7fb; } .cal1 .clndr .clndr-table tr .day.event:hover, .cal1 .clndr .clndr-table tr .day.my-event:hover { background: #15e0fd; } .cal1 .clndr .clndr-table tr .day:last-child { border-right: 1px solid #ededf5; } .cal1 .clndr .clndr-table tr .day:hover { background: #e6f2fe; } .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: #e3edfc; } .fc-event { border: 1px solid #ededf5; } .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header { background: #ededf5; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active { background: #09acca; } .fc-today-button fc-button fc-state-default fc-corner-left fc-corner-right fc-state-disabled:focus { border: none !important; box-shadow: none !important; } .fc-unthemed .fc-list-item:hover td { background-color: #ededf5; } .chart-visitors { min-height: 18rem; } .chart-tasks { height: 15rem; } .chart-donut, .chart-pie { height: 21rem; } .chartsh { height: 16rem; } .chartwidget { height: 17rem; } .chartmorris { height: 19rem; } .chart, .map { position: relative; padding-top: 56.25%; } .chart-square, .map-square { padding-top: 100%; } .chart-content, .map-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .map-header { margin-bottom: 1.5rem; height: 15rem; position: relative; margin-bottom: -1.5rem; } .map-header:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 10rem; background: linear-gradient(to bottom, rgba(245, 247, 251, 0) 5%, #ededf5 95%); pointer-events: none; } .map-header-layer { height: 100%; } .map-static { height: 120px; width: 100%; max-width: 640px; background-position: center center; background-size: 640px 120px; } .chart-circle { display: block; height: 8rem; width: 8rem; position: relative; margin: 0 auto; } .chart-circle canvas { margin: 0 auto; display: block; max-width: 100%; max-height: 100%; } .chart-circle-xs { height: 2.5rem; width: 2.5rem; font-size: .8rem; } .chart-circle-xs1 { height: 110px; width: 110px; font-size: .8rem; } .chart-circle-sm { height: 4rem; width: 4rem; font-size: .8rem; } .chart-circle-lg { height: 10rem; width: 10rem; font-size: .8rem; } .chart-circle-value { position: absolute; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; line-height: 1; } .chart-circle-value small { display: block; font-size: .9375rem; } .amcharts-chart-div a, .canvasjs-chart-container a { display: none !important; } .amChartsLegend.amcharts-legend-div { display: none; } .map-header1 { margin-bottom: 1.5rem; height: 23.2rem; position: relative; margin-bottom: -1.5rem; border: 1px solid #ededf5; } @media (min-width: 992px) and (max-width: 1359px) { .map-content-width { width: 65%; overflow: auto; } .map-width { width: 35%; } } @media (min-width: 1360px) { .map-content-width { width: 65%; } .map-width { width: 35%; } } .map-content-width .mCSB_inside>.mCSB_container { margin-right: 0; } .map-content-width .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { float: right; } .map-content-width .mCSB_scrollTools .mCSB_draggerRail { display: none !important; } .map-content-width .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.3) !important; } .map-content-width .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover { background: rgba(0, 0, 0, 0.5) !important; } .mh-500 { max-height: 500px; } @media (max-width: 992px) and (min-width: 767px) { .map-width { display: contents; } } .map-absolute { position: absolute; left: 0; right: 0; bottom: 30px; border-bottom: 0 !important; } .map1 { height: 100%; position: relative; margin-bottom: -1.5rem; margin-bottom: 1.5rem; } .axgmap-height { min-height: 95vh; } .full-height-banner .axgmap { height: calc(100vh - 112px); z-index: 999; } .map-content-width .vscroll { height: calc(100vh - 350px); margin-top: 80px; } @media (min-width: 1360px) { .map-content-width { overflow: auto; } } @media (max-width: 992px) { .map-content-search { position: relative !important; margin-top: 0 !important; margin: 0 20px; width: auto !important; border-radius: 8px !important; top: 50px; } .map-content-width .vscroll { margin-top: 90px; height: auto; } } .map-content-search { position: fixed; z-index: 99; margin-top: 15px; background: #fff; border-top: 1px solid #e8ebf3; border-bottom: 1px solid #e8ebf3; width: 65%; } .chat { list-style: none; background: 0 0; margin: 0; padding: 0 0 0; outline: 0; margin: 0; padding: 0; list-style-type: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; min-height: 100%; } .chat li { padding: 15px; overflow: hidden; display: flex; } .chat .avatar { width: 40px; height: 40px; position: relative; display: block; z-index: 2; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; background-color: rgba(255, 255, 255, 0.9); } .chat .avatar img { width: 40px; height: 40px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; background-color: rgba(255, 255, 255, 0.9); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .chat .day { position: relative; display: block; text-align: center; color: silver; height: 20px; box-shadow: 0 0 0 1px rgba(243, 247, 253, 0.12), 0 8px 16px 0 rgba(243, 247, 253, 0.24); line-height: 38px; margin-top: 5px; margin-bottom: 20px; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .chat-line { padding: 0; text-align: right; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .chat-line+.chat-line { padding-top: 1rem; } .chat-message { position: relative; display: inline-block; background-color: #096cf7; color: #fff; font-size: .875rem; padding: .375rem .5rem; border-radius: 3px; white-space: normal; text-align: left; margin: 0 .5rem 0 2.5rem; line-height: 1.4; } .chat-message> :last-child { margin-bottom: 0 !important; } .chat-message:after { content: ""; position: absolute; right: -5px; top: 7px; border-bottom: 6px solid transparent; border-left: 6px solid #096cf7; border-top: 6px solid transparent; } .chat-message img { max-width: 100%; } .chat-message p { margin-bottom: 1em; } .chat-line-friend { -ms-flex-direction: row; flex-direction: row; } .chat-line-friend+.chat-line-friend { margin-top: -.5rem; } .chat-line-friend+.chat-line-friend .chat-author { visibility: hidden; } .chat-line-friend+.chat-line-friend .chat-message:after { display: none; } .chat-line-friend .chat-message { background-color: #ededf5; color: #3d4e67; margin-left: .5rem; margin-right: 2.5rem; } .chat-line-friend .chat-message:after { right: auto; left: -5px; border-left-width: 0; border-right: 5px solid #ededf5; } #chat-message { color: #fff; position: fixed; bottom: 20px; right: 20px; z-index: 99; display: none; text-align: center; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 3px; z-index: 10000; height: 50px; width: 50px; background-repeat: no-repeat; background-position: center; transition: background-color .1s linear; -moz-transition: background-color .1s linear; -webkit-transition: background-color .1s linear; -o-transition: background-color .1s linear; } #chat-message i { padding-top: 15px; font-size: 16px; } #chat-message:hover { background: #fff; color: #4c8aec; border: 2px solid #0f75ff; } .conv-form-wrapper div#messages div.message.to { background: #f5f4f9; } .mail-box { border-collapse: collapse; border-spacing: 0; display: table; table-layout: fixed; width: 100%; } .mail-box aside { display: table-cell; float: none; height: 100%; padding: 0; vertical-align: top; } .mail-box .sm-side { background: none repeat scroll 0 0 #e5e8ef; border-radius: 4px 0 0 4px; width: 25%; } .mail-box .lg-side { background: none repeat scroll 0 0 #fff; border-radius: 0 4px 4px 0; width: 75%; } .mail-box .sm-side .user-head { background: none repeat scroll 0 0 #00a8b3; border-radius: 4px 0 0; color: #fff; min-height: 80px; padding: 10px; } .user-head .inbox-avatar { float: left; width: 65px; } .user-head .inbox-avatar img { border-radius: 4px; } .user-head .user-name { display: inline-block; margin: 0 0 0 10px; } .user-head .user-name h5 { font-size: 14px; font-weight: 300; margin-bottom: 0; margin-top: 15px; } .user-head .user-name h5 a { color: #fff; } .user-head .user-name span a { color: #87e2e7; font-size: 12px; } a.mail-dropdown { background: none repeat scroll 0 0 #80d3d9; border-radius: 3px; color: #01a7b3; font-size: 10px; margin-top: 20px; padding: 3px 5px; } .btn-compose { background: none repeat scroll 0 0 #ff6c60; color: #fff; padding: 12px 0; text-align: center; width: 100%; } .btn-compose:hover { background: none repeat scroll 0 0 #f5675c; color: #fff; } ul.inbox-nav { display: inline-block; margin: 0; padding: 0; width: 100%; } .inbox-divider { border-bottom: 1px solid #d5d8df; } ul.inbox-nav li { display: inline-block; line-height: 45px; width: 100%; } ul.inbox-nav li a { color: #6a6a6a; display: inline-block; line-height: 45px; padding: 0 20px; width: 100%; } ul.inbox-nav li a:focus, ul.inbox-nav li a:hover { background: none repeat scroll 0 0 #d5d7de; color: #6a6a6a; } ul.inbox-nav li.active a { background: none repeat scroll 0 0 #d5d7de; color: #6a6a6a; } ul.inbox-nav li a i { color: #6a6a6a; font-size: 16px; padding-right: 10px; } ul.inbox-nav li a span.label { margin-top: 13px; } ul.labels-info li { margin: 0; } ul.labels-info li h4 { color: #5c5c5e; font-size: 13px; padding-left: 15px; padding-right: 15px; padding-top: 5px; text-transform: uppercase; } ul.labels-info li a { border-radius: 0; color: #6a6a6a; } ul.labels-info li a:focus, ul.labels-info li a:hover { background: none repeat scroll 0 0 #d5d7de; color: #6a6a6a; } ul.labels-info li a i { padding-right: 10px; } .inbox-head { border-radius: 0 4px 0 0; padding: 10px; border-radius: 3px; } .inbox-head h3 { display: inline-block; font-weight: 300; margin: 0; } .inbox-head .sr-input { border: medium none; border-radius: 4px 0 0 4px; box-shadow: none; color: #8a8a8a; float: left; height: 30px; padding: 0 10px; } .inbox-head .sr-btn { background: none repeat scroll 0 0 #eef2f9; border: medium none; border-radius: 0 4px 4px 0; color: #fff; height: 30px; padding: 0 20px; } .mail-option { display: inline-block; margin-bottom: 10px; width: 100%; } .mail-option .btn-group, .mail-option .chk-all { margin-right: 5px; } .mail-option .btn-group a.btn, .mail-option .chk-all { background: none repeat scroll 0 0 #ededf5; border: 1px solid #e1ecfc; border-radius: 7px !important; color: #3d4e67; display: inline-block; padding: 5px 10px; } .inbox-pagination a.np-btn { background: none repeat scroll 0 0 #f5f4f9; border: 1px solid #ededf5; border-radius: 3px !important; color: #3d4e67; display: inline-block; padding: 5px 15px; } .mail-option .chk-all input[type=checkbox] { margin-top: 0; } .mail-option .btn-group a.all { border: medium none; padding: 0; } .inbox-pagination a.np-btn { margin-left: 5px; } .inbox-pagination li span { display: inline-block; margin-right: 5px; margin-top: 7px; } .inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea { border: 1px solid #e6e6e6; box-shadow: none; } .modal-header h4.modal-title { font-weight: 300; } .modal-body label { font-weight: 400; } .heading-inbox h4 { border-bottom: 1px solid #ddd; color: #444; font-size: 18px; margin-top: 20px; padding-bottom: 10px; } .sender-info { margin-bottom: 20px; } .sender-info img { height: 30px; width: 30px; } .sender-dropdown { background: none repeat scroll 0 0 #ededf5; color: #777; font-size: 10px; padding: 0 3px; } .view-mail a { color: #ff6c60; } .attachment-mail { margin-top: 30px; } .attachment-mail ul { display: inline-block; margin-bottom: 30px; width: 100%; } .attachment-mail ul li { float: left; margin-bottom: 10px; margin-right: 10px; width: 150px; } .attachment-mail ul li img { width: 100%; } .attachment-mail ul li span { float: right; } .attachment-mail .file-name { float: left; } .attachment-mail .links { display: inline-block; width: 100%; } .mail-chats { height: 100%; min-height: 0; border-top: 1px solid #ededf5; margin-top: 10px; padding: 10px 50px 10px 0; width: 100%; list-style-type: none; flex-direction: column !important; display: flex !important; } .mail-chats li.chat-persons { padding: 10px; display: block; } li.chat-persons a { text-decoration: none; } .mail-chats li.chat-persons a span.pro-pic { display: inline-block; padding: 0; width: 20%; max-width: 40px; float: left; margin-right: 20px; } .mail-chats li.chat-persons a span.pro-pic img { max-width: 100%; width: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; flex-direction: column !important; } .mail-chats li.chat-persons a div.user { flex-direction: column !important; } ul.mail-chats li.chat-persons a div.user { display: flex !important; } .mail-chats li.chat-persons.user { width: 80%; padding: 5px 10px 0 15px; flex-direction: column !important; display: flex !important; } .user p.u-name { margin: 0; font-size: 14px; font-weight: 600; line-height: 18px; } .user p.u-designation { margin: 0; font-size: 11px; } div.online-status .status.online { background: rgba(0, 128, 0, 0.68); } .online-status .status { height: 10px; width: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; display: inline-flex; justify-content: flex-start; transform: translateX(-60px) translateY(2px); } .online-status .status.offline { background: rgba(255, 0, 0, 0.7); } .online { margin-left: 20px; margin-top: -3px; } .inbox-message ul { padding: 0; margin: 0; } .inbox-message ul li { list-style: none; position: relative; padding: 15px 20px; border-bottom: 1px solid #ededf5; } .inbox-message ul li:focus, .inbox-message ul li:hover { background: #ededf5; } .inbox-message .message-avatar { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); } .message-avatar img { display: inline-block; width: 54px; height: 54px; border-radius: 50%; } .inbox-message .message-body { margin-left: 85px; font-size: 15px; } .message-body-heading h5 { font-weight: 600; display: inline-block; margin: 0 0 7px 0; padding: 0; } .message-body h5 span { border-radius: 50px; line-height: 14px; font-size: 12px; color: #fff; font-style: normal; padding: 4px 10px; margin-left: 5px; margin-top: -5px; } .message-body h5 span.unread { background: #07b107; } .message-body h5 span.important { background: #dd2027; } .message-body h5 span.pending { background: #2196f3; } .message-body-heading span { float: right; font-size: 14px; } .messages-inbox .message-body p { margin: 0; padding: 0; line-height: 27px; font-size: 15px; } .about-img { background: url(../images/other/about.html); background-size: cover; background-position: center; border-radius: 3px; margin-top: 1.5rem; } .login-img { background: url(../images/other/login.html); background-size: cover; width: 100%; height: 100%; } .error-img { background: url(../images/other/about.html); background-size: cover; width: 100%; height: 100%; } .error-img .card { background: rgba(255, 255, 255, 0.2); box-shadow: 0 0.0625em 0.1875em 0 #076271, 0 0.5em 0 -0.25em rgba(255, 255, 255, 0.3), 0 0.5em 0.1875em -0.25em #086372, 0 1em 0 -0.5em rgba(255, 255, 255, 0.35), 0 1em 0.1875em -0.5em #096675; } .error-img:before { content: ''; display: block; position: absolute; background: linear-gradient(to right, rgba(15, 117, 255, 0.8), rgba(45, 220, 211, 0.8)); width: 100%; height: 100%; right: 0; top: 0; } hr.divider { padding: 0; border: none; border-top: solid 1px #ededf5; color: #333; text-align: center; margin: .5rem 0; } hr.divider:after { content: "or"; display: inline-block; position: relative; top: -.9em; font-size: 1.2em; padding: 0 .25em; background: #fff; } .construction-img { background: url(../images/other/construction.html); background-size: cover; } .z-index-10 { z-index: 10; } .error-image { background: url(../images/media/error.jpg); background-position: center; background-size: cover; background-attachment: fixed; } .error-image:before { position: fixed; content: ''; width: 100%; height: 100%; display: block; z-index: 1; left: 0; right: 0; } .construction-image { background: url(../images/media/construction.jpg); background-position: center; background-size: cover; background-attachment: fixed; } .construction-image:before { position: fixed; content: ''; width: 100%; height: 100%; display: block; z-index: 0; left: 0; right: 0; background: linear-gradient(-225deg, rgba(72, 1, 255, 0.9) 0, rgba(121, 24, 242, 0.9) 48%, rgba(172, 50, 228, 0.9) 100%); } .construction { z-index: 1; } .construction .btn { border-radius: 7px; border-color: transparent; } .construction .btn.btn-icon { border: 1px solid transaparent; text-align: center; padding: 0; background: rgba(255, 255, 255, 0.1); font-size: 20px; color: rgba(255, 255, 255, 0.9); margin: 0 5px; border-radius: 50%; } .construction .form-control { border: 1px solid transparent; border-radius: 7px; padding-left: 20px; width: 60%; } .construction .input-group-1 { margin: 0 auto; } .construction h3 { color: #fff; font-size: 3.2rem; font-weight: 600 !important; margin-bottom: 0.4em !important; letter-spacing: 0; padding-bottom: 0; line-height: 1.2; } .construction p { margin-bottom: 0; font-weight: 400; font-size: .9375em; letter-spacing: .06667em; color: rgba(255, 255, 255, 0.7); } .construction-image .card { background: white; } ::-ms-backdrop { position: absolute; content: ''; width: 100%; height: 100%; display: block; z-index: 1; left: 0; right: 0; } .error-page { background: url(../images/media/error.jpg); background-position: center; background-size: cover; background-attachment: fixed; } .error-page .display-1 { font-size: 10.5rem; font-weight: 400; line-height: 1.1; color: #fff; } .error-page:before { content: ''; background: rgba(58, 58, 199, 0.8) !important; position: fixed; width: 100%; height: 100%; display: block; z-index: 0; left: 0; right: 0; } .ribbone { width: 100%; position: relative; background-size: cover; text-transform: uppercase; color: #fff; } @media (max-width: 500px) { .ribbone { width: 100%; } } .ribbon1 { position: absolute; top: -6.1px; left: 10px; z-index: 1; } .ribbon1:after { position: absolute; content: ""; width: 0; height: 0; border-left: 20px solid transparent; border-right: 24px solid transparent; border-top: 13px solid #f8463f; } .ribbon1 span { position: relative; display: block; text-align: center; background: #f8463f; font-size: 14px; line-height: 1; padding: 12px 8px 10px; border-top-right-radius: 8px; } .ribbon1 span:after { position: absolute; content: ""; } .ribbon1 span:before { position: absolute; content: ""; height: 6px; width: 6px; left: -6px; top: 0; background: #f8463f; } .ribbon1 span:after { height: 6px; width: 8px; left: -8px; top: 0; border-radius: 8px 8px 0 0; background: #c02031; } .arrow-ribbon { color: #fff; padding: 2px 8px; position: absolute; top: 10px; left: 0; z-index: 98; font-size: 18px; } .arrow-ribbon.bg-purple:before { position: absolute; right: 0; top: 0; bottom: 0; content: ""; right: -15px; border-top: 15px solid transparent; border-left: 15px solid #6d33ff; border-bottom: 15px solid transparent; width: 0; } .arrow-ribbon.bg-danger:before { position: absolute; right: 0; top: 0; bottom: 0; content: ""; right: -15px; border-top: 15px solid transparent; border-left: 15px solid #f84242; border-bottom: 15px solid transparent; width: 0; } .arrow-ribbon.bg-primary:before { position: absolute; right: 0; top: 0; bottom: 0; content: ""; right: -15px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; width: 0; } .arrow-ribbon.bg-secondary:before { position: absolute; right: 0; top: 0; bottom: 0; content: ""; right: -15px; border-top: 15px solid transparent; border-left: 15px solid #520995; border-bottom: 15px solid transparent; width: 0; } .arrow-ribbon.bg-success:before { position: absolute; right: 0; top: 0; bottom: 0; content: ""; right: -15px; border-top: 15px solid transparent; border-left: 15px solid #09d37b; border-bottom: 15px solid transparent; width: 0; } .arrow-ribbon.bg-info:before { position: absolute; right: 0; top: 0; bottom: 0; content: ""; right: -15px; border-top: 15px solid transparent; border-left: 15px solid #04b2e5; border-bottom: 15px solid transparent; width: 0; } .arrow-ribbon.bg-warning:before { position: absolute; right: 0; top: 0; bottom: 0; content: ""; right: -15px; border-top: 15px solid transparent; border-left: 15px solid #ffa22b; border-bottom: 15px solid transparent; width: 0; } .arrow-ribbon.bg-pink:before { position: absolute; right: 0; top: 0; bottom: 0; content: ""; right: -15px; border-top: 15px solid transparent; border-left: 15px solid #f5127b; border-bottom: 15px solid transparent; width: 0; } .arrow-ribbon2 { color: #fff; padding: 3px 8px; position: absolute; top: 10px; left: -1px; z-index: 98; font-size: 30px; } .arrow-ribbon2:before { position: absolute; right: 0; top: 0; bottom: 0; content: ""; right: -24px; border-top: 24px solid transparent; border-bottom: 24px solid transparent; width: 0; } .ribbon { width: 150px; height: 150px; overflow: hidden; position: absolute; z-index: 10; } .power-ribbon { width: 56px; height: 56px; overflow: hidden; position: absolute; z-index: 1; } .power-ribbon span { position: absolute; display: block; width: 82px; padding: 8px 0; color: #fff; font: 500 16px/1 'Roboto', sans-serif; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); text-transform: capitalize; text-align: center; } .power-ribbon img { display: initial !important; transform: rotate(72deg); padding-left: 6px; padding-top: 2px; } .power-ribbon-top-left { top: -6px; left: -9px; } .power-ribbon-top-left span { right: -5px; top: 1px; transform: rotate(-45deg); } .power-ribbon-top-left span i { transform: rotate(45deg); padding-top: 2px; padding-left: 7px; } .ribbon::after, .ribbon::before { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid; } .ribbon span { position: absolute; display: block; width: 225px; padding: 8px 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); text-transform: capitalize; text-align: center; } .ribbon-top-left { top: -10px; left: -10px; } .ribbon-top-left::after { border-top-color: transparent; border-left-color: transparent; } .ribbon-top-left::before { border-top-color: transparent; border-left-color: transparent; top: 0; right: 50px; } .ribbon-top-left::after { bottom: 50px; left: 0; } .ribbon-top-left span { right: -15px; top: 30px; transform: rotate(-45deg); } .ribbon-top-right { top: -10px; right: -10px; } .ribbon-top-right::after { border-top-color: transparent; border-right-color: transparent; } .ribbon-top-right::before { border-top-color: transparent; border-right-color: transparent; top: 0; left: 36px; } .ribbon-top-right::after { bottom: 36px; right: 0; } .ribbon-top-right span { left: -8px; top: 30px; transform: rotate(45deg); } .ribbon-1 { position: absolute; top: -6.1px; right: 10px; color: #fff; } .ribbon-1:after { position: absolute; content: ""; width: 0; height: 0; border-left: 20px solid transparent; border-right: 24px solid transparent; z-index: 99; } .ribbon-1 span { position: relative; display: block; text-align: center; font-size: 14px; line-height: 1; padding: 12px 8px 10px; border-top-right-radius: 8px; z-index: 99; } .ribbon-1 span:after { position: absolute; content: ""; } .ribbon-1 span:before { position: absolute; content: ""; height: 6px; width: 6px; left: -6px; top: 0; } .ribbon-1 span:after { height: 6px; width: 8px; left: -8px; top: 0; border-radius: 8px 8px 0 0; } .ribbon-1 i { color: #fff; font-size: 16px; padding-left: 7px; padding-right: 7px; } .ribbon-2 { position: absolute; top: -6.1px; right: 10px; color: #fff; } .ribbon-2:after { position: absolute; content: ""; width: 0; height: 0; border-left: 20px solid transparent; border-right: 24px solid transparent; border-top: 13px solid #520995; z-index: 99; } .ribbon-2 span { position: relative; display: block; text-align: center; background: #520995; font-size: 14px; line-height: 1; padding: 12px 8px 10px; border-top-right-radius: 8px; z-index: 99; } .ribbon-2 span:after { position: absolute; content: ""; } .ribbon-2 span:before { position: absolute; content: ""; height: 6px; width: 6px; left: -6px; top: 0; background: #520995; } .ribbon-2 span:after { height: 6px; width: 8px; left: -8px; top: 0; border-radius: 8px 8px 0 0; background: #520995; } .ribbon-2 i { color: #fff; font-size: 16px; padding-left: 7px; padding-right: 7px; } .ribbon-3 { position: absolute; top: -6.1px; right: 10px; color: #fff; } .ribbon-3:after { position: absolute; content: ""; width: 0; height: 0; border-left: 20px solid transparent; border-right: 24px solid transparent; border-top: 13px solid #0ccad8; z-index: 99; } .ribbon-3 span { position: relative; display: block; text-align: center; background: #0ccad8; font-size: 14px; line-height: 1; padding: 12px 8px 10px; border-top-right-radius: 8px; z-index: 99; } .ribbon-1 span:after { position: absolute; content: ""; } .ribbon-3 span:before { position: absolute; content: ""; height: 6px; width: 6px; left: -6px; top: 0; background: #0ccad8; } .ribbon-3 span:after { height: 6px; width: 8px; left: -8px; top: 0; border-radius: 8px 8px 0 0; background: #0ccad8; } .ribbon-3 i { color: #fff; font-size: 16px; padding-left: 7px; padding-right: 7px; } .arrow-ribbon.bg-secondary:before { border-left: 15px solid #0c295a; } .user-card .card-block .user-image { position: relative; margin: 0 auto; display: inline-block; padding: 5px; width: 110px; height: 110px; } .user-card .card-block .activity-leval li { display: inline-block; width: 15%; height: 4px; margin: 0 3px; background-color: #e9ebf9; } .user-card .card-block .counter-block { color: #fff; } .user-card .card-block .user-social-link i { font-size: 30px; } .user-wideget-footer { border-top-left-radius: 0; border-top-right-radius: 0; border-top: 1px solid #f4f4f4; padding: 10px; background-color: #fff; } .user-wideget .border-end { border-right: 1px solid #f4f4f4; } .weather-card { background: #fff; border-radius: 7px; box-shadow: 0 0 0 1px rgba(181, 201, 227, 0.12), 0 8px 16px 0 rgba(181, 201, 227, 0.24); overflow: hidden; } .weather-card .top { position: relative; overflow: hidden; background: url(../images/media/0-11.jpg) no-repeat; background-size: cover; background-position: center center; text-align: center; } .weather-card .top .weather-wrapper { padding: 15px; position: relative; z-index: 1; } .weather-card .top .weather-wrapper .mynav { height: 20px; } .weather-card .top .weather-wrapper .mynav .fa { color: #fff; font-size: 14px; } .weather-card .top .weather-wrapper .mynav .icon { display: inline-block; float: left; } .weather-card .top .weather-wrapper .mynav .icon1 { display: inline-block; float: right; } .weather-card .top .weather-wrapper .heading { margin-top: 20px; font-size: 15px; color: #fff; } .weather-card .top .weather-wrapper .location { margin-top: 20px; font-size: 18px; font-weight: 400; color: #fff; } .weather-card .top .weather-wrapper .temp { margin-top: 20px; } .weather-card .top .weather-wrapper .temp a { text-decoration: none; color: #fff; } .weather-card .top .weather-wrapper .temp a .temp-type { font-size: 50px; } .weather-card .top .weather-wrapper .temp .temp-value { display: inline-block; font-size: 50px; font-weight: 600; color: #fff; } .weather-card .top .weather-wrapper .temp .deg { display: inline-block; font-size: 22px; font-weight: 600; color: #fff; vertical-align: top; margin-top: 10px; } .weather-card .top:after { content: ""; height: 100%; width: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); } .weather-card .bottom { background: #fff; } .weather-card .bottom .weather-wrapper .forecast { overflow: hidden; margin: 0; font-size: 0; padding: 0; } .weather-card .bottom .weather-wrapper .forecast a { text-decoration: none; color: #000; } .weather-card .bottom .weather-wrapper .forecast .go-up { text-align: center; display: block; font-size: 18px; color: #5c5776; margin-bottom: 10px; } .weather-card .bottom .weather-wrapper .forecast li { display: block; font-size: 17px; font-weight: 400; color: #5c5776; line-height: 1em; margin-bottom: 20px; } .weather-card .bottom .weather-wrapper .forecast li .date { display: inline-block; } .weather-card .bottom .weather-wrapper .forecast li .condition { display: inline-block; vertical-align: middle; float: right; font-size: 16px; } .weather-card .bottom .weather-wrapper .forecast li .condition .temp { display: inline-block; font-size: 23px; font-weight: 400; } .weather-card .bottom .weather-wrapper .forecast li .condition .temp .deg { display: inline-block; font-size: 10px; font-weight: 600; margin-left: 3px; vertical-align: top; } .weather-card .bottom .weather-wrapper .forecast li .condition .temp .temp-type { font-size: 18px; } .weather-card .bottom .weather-wrapper .forecast li.active { color: #5c5776; } .widget-user .widget-user-header { padding: 20px; height: 120px; } .widget-user .widget-user-username { margin-top: 0; margin-bottom: 5px; font-size: 25px; font-weight: 300; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); color: #fff; } .widget-user .widget-user-desc { margin-top: 0; color: #fff; } .widget-user .widget-user-image { position: absolute; top: 65px; left: 50%; margin-left: -45px; } .widget-user .widget-user-image>img { width: 90px; height: auto; border: 3px solid #fff; } .widget-user .user-wideget-footer { padding-top: 30px; } .widget-info i { width: 100px; height: 100px; padding: 27px 0; text-align: center; border: 2px solid #fff; border-radius: 50%; } .widget-info a { border-bottom: 1px solid #fff; } .widgets-cards .wrp.icon-circle { width: 73px; height: 73px; border-radius: 50%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; padding: 0; margin-right: 15px; } .widgets-cards .wrp.icon-circle i { font-size: 1.6rem; color: #fff; } .widgets-cards .wrp p { margin-bottom: 0; line-height: 1; margin-bottom: 10px; } .widgets-cards .wrp p:first-child { font-weight: 600; font-size: 30px; } .widgets { font-size: 35px; padding: 20px; } .widgetstext { top: 0; bottom: 0; padding: 20px 40px; } .widget-line h4 { font-size: 24px; font-weight: 600; } .widget-line p { font-size: 16px; } .widget-line-list li { display: inline-block; font-size: 16px; line-height: 27px; padding: 5px 20px 0 15px; list-style-type: none; } .wideget-user-tab .tabs-menu1 ul li .active { border: 0; border-radius: 0; } .widgetdate { float: right; border-radius: 4px; background: #fff; padding: 0 15px; } .widgetdate p { margin-bottom: 0; margin-top: 5px; } .widgetdate h6 { font-size: 22px; font-weight: 600; margin-top: 0; margin-bottom: 5px; } .user-wideget-text { position: relative; margin-bottom: -38px; } .widget-image img { width: 50px; height: 50px; border: 5px solid #fff; } .wideget-img { top: 0; right: 0; bottom: 0; left: 0; position: absolute; width: 100%; height: 100%; padding: 1.25rem; } .wideget-user-desc .wideget-user-img img { border-radius: 100%; } .wideget-user-desc .user-wrap { margin-top: 1.5rem; } .wideget-user .wideget-user-icons a { display: inline-block; width: 2rem; height: 2rem; text-align: center; border-radius: 100px; line-height: 2rem; margin-top: .3rem; } .wideget-user .wideget-user-icons a:hover { color: #fff; } .wideget-user-info .wideget-user-warap { display: flex; } .wideget-user-info .wideget-user-warap h4 { font-size: 1.5rem; font-weight: 500; margin-bottom: .4rem; } .wideget-user-info .wideget-user-warap .wideget-user-warap-r { margin-left: 10rem; } .wideget-user-info .wideget-user-rating a { font-size: 18px; } .wideget-user-tab .tab-menu-heading { padding: 0; border: 0; } .wideget-user-tab .tab-menu-heading .nav li a { color: #5c5776; font-size: 15px; font-weight: 400; } .wideget-user-tab .tabs-menu1 ul li a { padding: 10px 20px; } .widgets-cards .widgets-cards-data { margin-top: 8px; } .widgets-cards .widgets-cards-data .wrp p:first-child { font-size: 20px; font-weight: 600; } .widget-spec li { margin-bottom: .5rem; font-size: .9rem; display: flex; } .widget-spec1 li { margin-bottom: .5rem; font-size: .9rem; } .widget-spec li.icon:before { content: '\f00c'; position: absolute; width: 100%; height: 100%; display: block; font-family: fontawesome; } .widget-spec li i { margin-right: .5rem; margin-top: 3px; } .widget-info-end { text-align: right; float: right; } @media (max-width: 992px) { .widget-info-end { text-align: left; float: left; } } .widgets-cards-icons .counter-icon1 { margin-bottom: 1rem; display: inline-flex; width: 5rem; height: 5rem; padding: 1.5rem; border-radius: 50%; text-align: center; background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.1); } .widgets-cards-icons .counter-icon1 i { font-size: 2rem; color: #fff; } .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li a { padding: 11px 20px 12px 20px; display: block; margin: 4px 4px 0 4px; border: 1px solid #ededf5; background: #f5f4f9; border-radius: 3px 3px 0 0; font-size: 16px; border-bottom: 0 !important; } .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li:first-child a { margin-left: 0; } .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li .active { border-bottom: 0 !important; padding: 12px 20px 12px 20px; border-radius: 5px 5px 0 0; margin-bottom: 0px; background: #fff; border: 0px solid #ededf5; } @media (max-width: 480px) { .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li { margin: 3px !important; } .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li a { margin: 0px !important; } } .details2 .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li a { margin: 4px; border-radius: 7px; background: #f5f4f9 !important; border: 0; text-align: center; color: #5c5776; } .details2 .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li .active { border-radius: 7px; color: #fff !important; padding: 11px 20px 12px 20px; } .user-widget .wideget-user-tab .tabs-menu1 ul li .active { border-bottom: 0px !important; border-radius: 7px; color: #fff !important; } /*--- WIZARD ELEMENTS ---*/ .wizard { border: 1px solid #ededf5; background-color: #fff; } .wizard>.steps { padding: 20px; } .wizard>.steps>ul { padding: 0; margin-bottom: 0; display: flex; } .wizard>.steps>ul li { float: none; display: block; width: auto; } .wizard>.steps>ul li .current-info { display: none; } .wizard>.steps>ul li .title { margin-left: 5px; white-space: nowrap; transition: all 0.2s ease-in-out; margin: 0; min-height: auto; display: none; } .wizard>.steps>ul li+li { margin-left: 5px; } .wizard>.steps a { color: #14112d; font-weight: 500; font-size: 15px; display: flex; justify-content: center; align-items: center; } .wizard>.steps a:hover, .wizard>.steps a:active { color: #14112d; font-weight: 500; font-size: 15px; display: flex; justify-content: center; align-items: center; } .wizard>.steps a .number, .wizard>.steps a:hover .number, .wizard>.steps a:active .number { flex-shrink: 0; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #5c5776; display: block; text-align: center; line-height: 2.5; width: 40px; height: 40px; background-color: #f5f4f9; border-radius: 8px; transition: all 0.2s ease-in-out; margin-right: 5px; } .wizard>.steps .disabled a { color: #737688; } .wizard>.steps .disabled a:hover, .wizard>.steps .disabled a:active { color: #737688; } .wizard>.steps .current a .title, .wizard>.steps .current a:hover .title, .wizard>.steps .current a:active .title { display: inline-block; } .wizard>.steps .done a { color: rgba(105, 100, 247, 0.7); } .wizard>.steps .done a:hover, .wizard>.steps .done a:active { color: rgba(105, 100, 247, 0.7); } .wizard>.steps .done a .number, .wizard>.steps .done a:hover .number, .wizard>.steps .done a:active .number { background: rgba(105, 100, 247, 0.7); color: #fff; } .wizard>.content { border-top: 1px solid #ededf5; border-bottom: 1px solid #ededf5; min-height: 150px; padding: 20px; } .wizard>.content>.title { font-size: 18px; color: #5c5776; font-weight: 700; margin-bottom: 5px; display: none; margin: 0; } .wizard>.content>.title.current { display: block; } .wizard>.content>.body { float: none; position: static; width: auto; height: auto; } .wizard>.content>.body input.parsley-error { border-color: #ff5c77; } .wizard>.content>.body input.parsley-error+ul { list-style: none !important; } .wizard>.actions { padding: 20px; } .wizard>.actions>ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: space-between; } .wizard>.actions>ul>li:last-child a { background-color: #2dce89; } .wizard>.actions a { display: block; padding: 9px 25px; line-height: 1.573; color: #fff; border-radius: 4px; font-weight: 500; } .wizard>.actions a:hover, .wizard>.actions a:active { display: block; padding: 9px 25px; line-height: 1.573; color: #fff; border-radius: 4px; font-weight: 500; } .wizard>.actions .disabled a { background-color: rgba(105, 100, 247, 0.7) !important; color: #fff; } .wizard>.actions .disabled a:hover, .wizard>.actions .disabled a:active { background-color: rgba(105, 100, 247, 0.7); color: #fff; } .wizard.vertical>.steps { padding: 20px; } .wizard.vertical>.steps ul li .title { display: none; } .wizard.vertical>.steps .current a .title { display: inline-block; } .wizard.vertical>.content { margin: 0; padding: 20px; } .wizard.vertical>.actions { padding: 20px; } .wizard.vertical>.actions ul { float: none; margin: 0; padding: 0; } @media (min-width: 768px) { .wizard>.steps { padding: 25px; } .wizard>.steps>ul li .title { display: inline-block; } .wizard.vertical>.actions, .wizard.vertical>.content { width: 85%; } .wizard.vertical>.steps { width: 15%; } .wizard.vertical>.steps ul li+li { margin-top: 20px; } .wizard>.actions, .wizard>.content { padding: 25px; } .wizard>.steps .done a .title, .wizard>.steps .done a:hover .title, .wizard>.steps .done a:active .title { display: inline-block; } } @media (min-width: 576px) { .wizard>.steps>ul li+li { margin-left: 20px; } .wizard>.steps>ul li .title { display: none; margin-left: 10px; } .wizard.vertical>.actions { width: 80%; float: right; border-left: 1px solid #ededf5; } .wizard.vertical>.content { border-top-width: 0; width: 80%; float: right; border-left: 1px solid #ededf5; } .wizard.vertical>.steps { float: left; width: 20%; } .wizard.vertical>.steps .current a .title { display: none; } .wizard.vertical>.steps ul { flex-direction: column; } .wizard.vertical>.steps ul li+li { margin-top: 10px; margin-left: 0; } .wizard>.steps a .number, .wizard>.steps a:hover .number, .wizard>.steps a:active .number { font-size: 18px; font-weight: 600; line-height: 2.1; width: 40px; height: 40px; } } @media (min-width: 1200px) { .wizard>.steps a { justify-content: flex-start; } .wizard>.steps a:hover, .wizard>.steps a:active { justify-content: flex-start; } } @media (prefers-reduced-motion: reduce) { .wizard>.steps a .number, .wizard>.steps a:hover .number, .wizard>.steps a:active .number { transition: none; } .wizard>.steps>ul li .title { transition: none; } } @media (max-width: 991px) { .wizard>.steps .disabled { display: none; } } @media (min-width: 992px) { .wizard.vertical>.actions, .wizard.vertical>.content { width: 70%; padding: 25px; } .wizard.vertical>.steps { padding: 20px; width: 30%; } .wizard.vertical>.steps .current a .title { display: inline-block; } .wizard.vertical>.steps a { justify-content: flex-left; } .wizard.vertical>.steps ul li .title { display: block; } .wizard>.actions, .wizard>.content { padding: 20px; } .wizard>.steps { padding: 20px; } .wizard>.steps .disabled { display: block; } .wizard>.steps>ul li+li { margin-left: 30px; } } /****** EQUAL COLUMN WIDTH STEP INDICATOR *****/ .step-equal-width>.steps>ul { display: flex; } .step-equal-width>.steps>ul>li { flex: 1; width: auto; float: none; } /****** EQUAL COLUMN WIDTH STEP INDICATOR *****/ .wizard-style-1>.steps>ul a { padding: 0; height: 50px; } .wizard-style-1>.steps>ul a:hover, .wizard-style-1>.steps>ul a:active { padding: 0; height: 50px; } .wizard-style-1>.steps>ul a .number, .wizard-style-1>.steps>ul a:hover .number, .wizard-style-1>.steps>ul a:active .number { width: 50px; height: 100%; border: 0; font-size: 18px; font-weight: bold; color: #737688; background-color: #f3f7fd; border-radius: 0; } .wizard-style-1>.steps>ul a .title, .wizard-style-1>.steps>ul a:hover .title, .wizard-style-1>.steps>ul a:active .title { margin-right: 20px; margin-left: 20px; } .wizard-style-1>.steps>ul .done a .number, .wizard-style-1>.steps>ul .done a:hover .number, .wizard-style-1>.steps>ul .done a:active .number { background-color: #643ab0; color: #fff; } .wizard-style-2>.steps>ul a { padding: 0; height: 50px; border-radius: 50px; } .wizard-style-2>.steps>ul a:hover, .wizard-style-2>.steps>ul a:active { padding: 0; height: 50px; border-radius: 50px; } .wizard-style-2>.steps>ul a .number, .wizard-style-2>.steps>ul a:hover .number, .wizard-style-2>.steps>ul a:active .number { width: 50px; height: 100%; border: 2px solid #f3f7fd; font-size: 18px; font-weight: bold; color: #737688; background-color: #fff; } .wizard-style-2>.steps>ul a .title, .wizard-style-2>.steps>ul a:hover .title, .wizard-style-2>.steps>ul a:active .title { margin-right: 20px; } .wizard-style-2>.steps>ul .done a .number, .wizard-style-2>.steps>ul .done a:hover .number, .wizard-style-2>.steps>ul .done a:active .number { border-color: #8c3feb; color: #8c3feb; } /*--- WIZARD ELEMENTS ---*/ .parsley-required { font-size: 12px; color: #ff5c77; margin-top: 3px; } .wizard.vertical>.actions { margin-top: 0px; } .wizard-card .moving-tab { margin-top: 5px; } .wizard-card.form-group .form-control { background-image: linear-gradient(#c4c4c4, #c4c4c4, linear-gradient(#e1e1e2, #e1e1e2)); } .wizard-container .wizard-navigation { background: #f5f4f9; } /* * Accordion-Wizard-Form * ---------------------- */ div[data-acc-content] { display: none; } div[data-acc-step]:not(.open) { background: #f5f4f9; } div[data-acc-step]:not(.open) h5 { color: #8e9cad; } div[data-acc-step]:not(.open) .bg-primary { background: #afb4d8; } #form .list-group-item:hover { background: none; } #smartwizard .nav.nav-tabs.step-anchor { border-bottom: 0 !important; padding: 30px; } #smartwizard .nav-tabs { border-top: 0 !important; } #smartwizard .nav-link { padding: 15px 40px; } .sw-theme-dots .nav-tabs .nav-link:hover:not(.disabled) { background: transparent; } .wizard>.steps>ul li .current-info { display: none; } .wizard>.content>.title { font-size: 18px; color: #8f9cc0; font-weight: 700; margin-bottom: 5px; display: none; } .wizard>.content>.body { float: none; position: static; width: auto; height: auto; } .wizard>.content>.title.current { display: none !important; } #form .form-wizard-title { margin: auto 0; } /* ###### util ####### */ .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1280px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .twitter1 { background-color: #00acee !important; } .google-plus1 { background-color: #dd4b39 !important; } .facebook-like1 { background-color: #3b5998 !important; } .pinterest1 { background-color: #bd081c !important; } .bg-secondary { background-color: #ef5050 !important; } a.bg-secondary:hover, a.bg-secondary:focus { background-color: #ef5050 !important; } .bg-secondary-light { background-color: #efe0ed; } .bg-secondary-transparent { background-color: rgba(239, 80, 80, 0.1); } button.bg-secondary:hover, button.bg-secondary:focus { background-color: #ef5050 !important; } .bg-success { background-color: #01d277 !important; } a.bg-success:focus, a.bg-success:hover { background-color: #3adfab !important; } button.bg-success:focus, button.bg-success:hover { background-color: #3adfab !important; } .bg-info { background-color: #04b2e5 !important; } a.bg-info:focus, a.bg-info:hover { background-color: #1594ef !important; } button.bg-info:focus, button.bg-info:hover { background-color: #1594ef !important; } .bg-warning { background-color: #ffa22b !important; color: #fff; } a.bg-warning:focus, a.bg-warning:hover { background-color: #f59713 !important; } button.bg-warning:focus, button.bg-warning:hover { background-color: #f59713 !important; } .bg-danger { background-color: #122d62 !important; } a.bg-danger:focus, a.bg-danger:hover { background-color: #f34a4a !important; } button.bg-danger:focus, button.bg-danger:hover { background-color: #f34a4a !important; } .bg-light { background-color: #f5f4f9 !important; } a.bg-light:focus, a.bg-light:hover { background-color: #f5f4f9 !important; } button.bg-light:focus, button.bg-light:hover { background-color: #dae0e5 !important; } .bg-dark { background-color: #0f2448 !important; } a.bg-dark:focus, a.bg-dark:hover { background-color: #0f0518 !important; } button.bg-dark:focus, button.bg-dark:hover { background-color: #0f0518 !important; } .bg-white { /* background-color: #080808 !important; */ } .bg-dark-purple { background-color: #413558 !important; } a.bg-dark-purple:focus, a.bg-dark-purple:hover { background-color: #313031 !important; } button.bg-dark-purple:focus, button.bg-dark-purple:hover { background-color: #313031 !important; } .bg-dark-purple { background-color: #373346 !important; } .bg-transparent { background-color: transparent !important; } .bg-blue-lightest { background-color: #f6f7fb !important; } a.bg-blue-lightest:focus, a.bg-blue-lightest:hover { background-color: #c5d5ef !important; } button.bg-blue-lightest:focus, button.bg-blue-lightest:hover { background-color: #c5d5ef !important; } .bg-blue-lighter { background-color: #c8d9f1 !important; } a.bg-blue-lighter:focus, a.bg-blue-lighter:hover { background-color: #9fbde7 !important; } button.bg-blue-lighter:focus, button.bg-blue-lighter:hover { background-color: #9fbde7 !important; } .bg-blue-light { background-color: #7ea5dd !important; } a.bg-blue-light:focus, a.bg-blue-light:hover { background-color: #5689d2 !important; } button.bg-blue-light:focus, button.bg-blue-light:hover { background-color: #5689d2 !important; } .bg-blue-dark { background-color: #3866a6 !important; } a.bg-blue-dark:focus, a.bg-blue-dark:hover { background-color: #2b4f80 !important; } button.bg-blue-dark:focus, button.bg-blue-dark:hover { background-color: #2b4f80 !important; } .bg-blue-darker { background-color: #1c3353 !important; } a.bg-blue-darker:focus, a.bg-blue-darker:hover { background-color: #0f1c2d !important; } button.bg-blue-darker:focus, button.bg-blue-darker:hover { background-color: #0f1c2d !important; } .bg-blue-darkest { background-color: #0e1929 !important; } a.bg-blue-darkest:focus, a.bg-blue-darkest:hover { background-color: #010203 !important; } button.bg-blue-darkest:focus, button.bg-blue-darkest:hover { background-color: #010203 !important; } .bg-purssianblue { background-color: #362f71; } a.bg-purssianblue-lightest:focus, a.bg-purssianblue-lightest:hover { background-color: #3f3688 !important; } button.bg-purssianblue-lightest:focus, button.bg-purssianblue-lightest:hover { background-color: #3f3688 !important; } .bg-indigo-lightest { background-color: #f0f1fa !important; } a.bg-indigo-lightest:focus, a.bg-indigo-lightest:hover { background-color: #cacded !important; } button.bg-indigo-lightest:focus, button.bg-indigo-lightest:hover { background-color: #cacded !important; } .bg-indigo-lighter { background-color: #d1d5f0 !important; } a.bg-indigo-lighter:focus, a.bg-indigo-lighter:hover { background-color: #abb2e3 !important; } button.bg-indigo-lighter:focus, button.bg-indigo-lighter:hover { background-color: #abb2e3 !important; } .bg-indigo-light { background-color: #939edc !important; } a.bg-indigo-light:focus, a.bg-indigo-light:hover { background-color: #6c7bd0 !important; } button.bg-indigo-light:focus, button.bg-indigo-light:hover { background-color: #6c7bd0 !important; } .bg-indigo-dark { background-color: #515da4 !important; } a.bg-indigo-dark:focus, a.bg-indigo-dark:hover { background-color: #404a82 !important; } button.bg-indigo-dark:focus, button.bg-indigo-dark:hover { background-color: #404a82 !important; } .bg-indigo-darker { background-color: #282e52 !important; } a.bg-indigo-darker:focus, a.bg-indigo-darker:hover { background-color: #171b30 !important; } button.bg-indigo-darker:focus, button.bg-indigo-darker:hover { background-color: #171b30 !important; } .bg-indigo-darkest { background-color: #141729 !important; } a.bg-indigo-darkest:focus, a.bg-indigo-darkest:hover { background-color: #030407 !important; } button.bg-indigo-darkest:focus, button.bg-indigo-darkest:hover { background-color: #030407 !important; } .bg-purple-lightest { background-color: #f6effd !important; } a.bg-purple-lightest:focus, a.bg-purple-lightest:hover { background-color: #ddc2f7 !important; } button.bg-purple-lightest:focus, button.bg-purple-lightest:hover { background-color: #ddc2f7 !important; } .bg-purple-lighter { background-color: #e4cff9 !important; } a.bg-purple-lighter:focus, a.bg-purple-lighter:hover { background-color: #cba2f3 !important; } button.bg-purple-lighter:focus, button.bg-purple-lighter:hover { background-color: #cba2f3 !important; } .bg-purple-light { background-color: #e0d5fa !important; } a.bg-purple-light:focus, a.bg-purple-light:hover { background-color: #a761ea !important; } button.bg-purple-light:focus, button.bg-purple-light:hover { background-color: #a761ea !important; } .bg-purple-dark { background-color: #844bbb !important; } a.bg-purple-dark:focus, a.bg-purple-dark:hover { background-color: #6a3a99 !important; } button.bg-purple-dark:focus, button.bg-purple-dark:hover { background-color: #6a3a99 !important; } .bg-purple-darker { background-color: #42265e !important; } a.bg-purple-darker:focus, a.bg-purple-darker:hover { background-color: #29173a !important; } button.bg-purple-darker:focus, button.bg-purple-darker:hover { background-color: #29173a !important; } .bg-purple-darkest { background-color: #21132f !important; } a.bg-purple-darkest:focus, a.bg-purple-darkest:hover { background-color: #08040b !important; } button.bg-purple-darkest:focus, button.bg-purple-darkest:hover { background-color: #08040b !important; } .bg-pink-lightest { background-color: #fef0f5 !important; } a.bg-pink-lightest:focus, a.bg-pink-lightest:hover { background-color: #fbc0d5 !important; } button.bg-pink-lightest:focus, button.bg-pink-lightest:hover { background-color: #fbc0d5 !important; } .bg-pink-lighter { background-color: #fcd3e1 !important; } a.bg-pink-lighter:focus, a.bg-pink-lighter:hover { background-color: #f9a3c0 !important; } button.bg-pink-lighter:focus, button.bg-pink-lighter:hover { background-color: #f9a3c0 !important; } .bg-pink-light { background-color: #f1d2ed !important; } a.bg-pink-light:focus, a.bg-pink-light:hover { background-color: #f66998 !important; } button.bg-pink-light:focus, button.bg-pink-light:hover { background-color: #f66998 !important; } .bg-pink-dark { background-color: #c5577c !important; } a.bg-pink-dark:focus, a.bg-pink-dark:hover { background-color: #ad3c62 !important; } button.bg-pink-dark:focus, button.bg-pink-dark:hover { background-color: #ad3c62 !important; } .bg-pink-darker { background-color: #622c3e !important; } a.bg-pink-darker:focus, a.bg-pink-darker:hover { background-color: #3f1c28 !important; } button.bg-pink-darker:focus, button.bg-pink-darker:hover { background-color: #3f1c28 !important; } .bg-pink-darkest { background-color: #31161f !important; } a.bg-pink-darkest:focus, a.bg-pink-darkest:hover { background-color: #0e0609 !important; } button.bg-pink-darkest:focus, button.bg-pink-darkest:hover { background-color: #0e0609 !important; } .bg-red-lightest { background-color: #fae9e9 !important; } a.bg-red-lightest:focus, a.bg-red-lightest:hover { background-color: #f1bfbf !important; } button.bg-red-lightest:focus, button.bg-red-lightest:hover { background-color: #f1bfbf !important; } .bg-red-lighter { background-color: #f0bcbc !important; } a.bg-red-lighter:focus, a.bg-red-lighter:hover { background-color: #e79292 !important; } button.bg-red-lighter:focus, button.bg-red-lighter:hover { background-color: #e79292 !important; } .bg-red-light { background-color: #dc6362 !important; } a.bg-red-light:focus, a.bg-red-light:hover { background-color: #d33a38 !important; } button.bg-red-light:focus, button.bg-red-light:hover { background-color: #d33a38 !important; } .bg-red-dark { background-color: #a41a19 !important; } a.bg-red-dark:focus, a.bg-red-dark:hover { background-color: #781312 !important; } button.bg-red-dark:focus, button.bg-red-dark:hover { background-color: #781312 !important; } .bg-red-darker { background-color: #520d0c !important; } a.bg-red-darker:focus, a.bg-red-darker:hover { background-color: #260605 !important; } button.bg-red-darker:focus, button.bg-red-darker:hover { background-color: #260605 !important; } .bg-red-darkest { background-color: #290606 !important; } a.bg-red-darkest:focus, a.bg-red-darkest:hover { background-color: #000 !important; } button.bg-red-darkest:focus, button.bg-red-darkest:hover { background-color: #000 !important; } .bg-orange-lightest { background-color: #fff5ec !important; } a.bg-orange-lightest:focus, a.bg-orange-lightest:hover { background-color: #ffdab9 !important; } button.bg-orange-lightest:focus, button.bg-orange-lightest:hover { background-color: #ffdab9 !important; } .bg-orange-lighter { background-color: #fee0c7 !important; } a.bg-orange-lighter:focus, a.bg-orange-lighter:hover { background-color: #fdc495 !important; } button.bg-orange-lighter:focus, button.bg-orange-lighter:hover { background-color: #fdc495 !important; } .bg-orange-light { background-color: #feb67c !important; } a.bg-orange-light:focus, a.bg-orange-light:hover { background-color: #fe9a49 !important; } button.bg-orange-light:focus, button.bg-orange-light:hover { background-color: #fe9a49 !important; } .bg-orange-dark { background-color: #ca7836 !important; } a.bg-orange-dark:focus, a.bg-orange-dark:hover { background-color: #a2602b !important; } button.bg-orange-dark:focus, button.bg-orange-dark:hover { background-color: #a2602b !important; } .bg-orange-darker { background-color: #653c1b !important; } a.bg-orange-darker:focus, a.bg-orange-darker:hover { background-color: #3d2410 !important; } button.bg-orange-darker:focus, button.bg-orange-darker:hover { background-color: #3d2410 !important; } .bg-orange-darkest { background-color: #331e0e !important; } a.bg-orange-darkest:focus, a.bg-orange-darkest:hover { background-color: #0b0603 !important; } button.bg-orange-darkest:focus, button.bg-orange-darkest:hover { background-color: #0b0603 !important; } .bg-yellow-lightest { background-color: #fef9e7 !important; } a.bg-yellow-lightest:focus, a.bg-yellow-lightest:hover { background-color: #fcedb6 !important; } button.bg-yellow-lightest:focus, button.bg-yellow-lightest:hover { background-color: #fcedb6 !important; } .bg-yellow-lighter { background-color: #fbedb7 !important; } a.bg-yellow-lighter:focus, a.bg-yellow-lighter:hover { background-color: #f8e187 !important; } button.bg-yellow-lighter:focus, button.bg-yellow-lighter:hover { background-color: #f8e187 !important; } .bg-yellow-light { background-color: #f5d657 !important; } a.bg-yellow-light:focus, a.bg-yellow-light:hover { background-color: #f2ca27 !important; } button.bg-yellow-light:focus, button.bg-yellow-light:hover { background-color: #f2ca27 !important; } .bg-yellow-dark { background-color: #c19d0c !important; } a.bg-yellow-dark:focus, a.bg-yellow-dark:hover { background-color: #917609 !important; } button.bg-yellow-dark:focus, button.bg-yellow-dark:hover { background-color: #917609 !important; } .bg-yellow-darker { background-color: #604e06 !important; } a.bg-yellow-darker:focus, a.bg-yellow-darker:hover { background-color: #302703 !important; } button.bg-yellow-darker:focus, button.bg-yellow-darker:hover { background-color: #302703 !important; } .bg-yellow-darkest { background-color: #302703 !important; } a.bg-yellow-darkest:focus, a.bg-yellow-darkest:hover { background-color: #000 !important; } button.bg-yellow-darkest:focus, button.bg-yellow-darkest:hover { background-color: #000 !important; } .bg-green-lightest { background-color: #eff8e6 !important; } a.bg-green-lightest:focus, a.bg-green-lightest:hover { background-color: #d6edbe !important; } button.bg-green-lightest:focus, button.bg-green-lightest:hover { background-color: #d6edbe !important; } .bg-green-lighter { background-color: #cfeab3 !important; } a.bg-green-lighter:focus, a.bg-green-lighter:hover { background-color: #b6df8b !important; } button.bg-green-lighter:focus, button.bg-green-lighter:hover { background-color: #b6df8b !important; } .bg-green-light { background-color: #8ecf4d !important; } a.bg-green-light:focus, a.bg-green-light:hover { background-color: #75b831 !important; } button.bg-green-light:focus, button.bg-green-light:hover { background-color: #75b831 !important; } .bg-green-dark { background-color: #4b9500 !important; } a.bg-green-dark:focus, a.bg-green-dark:hover { background-color: #316200 !important; } button.bg-green-dark:focus, button.bg-green-dark:hover { background-color: #316200 !important; } .bg-green-darker { background-color: #264a00 !important; } a.bg-green-darker:focus, a.bg-green-darker:hover { background-color: #0c1700 !important; } button.bg-green-darker:focus, button.bg-green-darker:hover { background-color: #0c1700 !important; } .bg-green-darkest { background-color: #132500 !important; } a.bg-green-darkest:focus, a.bg-green-darkest:hover { background-color: #000 !important; } button.bg-green-darkest:focus, button.bg-green-darkest:hover { background-color: #000 !important; } .bg-teal-lightest { background-color: #eafaf8 !important; } a.bg-teal-lightest:focus, a.bg-teal-lightest:hover { background-color: #c1f0ea !important; } button.bg-teal-lightest:focus, button.bg-teal-lightest:hover { background-color: #c1f0ea !important; } .bg-teal-lighter { background-color: #bfefea !important; } a.bg-teal-lighter:focus, a.bg-teal-lighter:hover { background-color: #96e5dd !important; } button.bg-teal-lighter:focus, button.bg-teal-lighter:hover { background-color: #96e5dd !important; } .bg-teal-light { background-color: #6bdbcf !important; } a.bg-teal-light:focus, a.bg-teal-light:hover { background-color: #42d1c2 !important; } button.bg-teal-light:focus, button.bg-teal-light:hover { background-color: #42d1c2 !important; } .bg-teal-dark { background-color: #22a295 !important; } a.bg-teal-dark:focus, a.bg-teal-dark:hover { background-color: #19786e !important; } button.bg-teal-dark:focus, button.bg-teal-dark:hover { background-color: #19786e !important; } .bg-teal-darker { background-color: #11514a !important; } a.bg-teal-darker:focus, a.bg-teal-darker:hover { background-color: #082723 !important; } button.bg-teal-darker:focus, button.bg-teal-darker:hover { background-color: #082723 !important; } .bg-teal-darkest { background-color: #092925 !important; } a.bg-teal-darkest:focus, a.bg-teal-darkest:hover { background-color: #000 !important; } button.bg-teal-darkest:focus, button.bg-teal-darkest:hover { background-color: #000 !important; } .bg-cyan-lightest { background-color: #e8f6f8 !important; } a.bg-cyan-lightest:focus, a.bg-cyan-lightest:hover { background-color: #c1e7ec !important; } button.bg-cyan-lightest:focus, button.bg-cyan-lightest:hover { background-color: #c1e7ec !important; } .bg-cyan-lighter { background-color: #b9e3ea !important; } a.bg-cyan-lighter:focus, a.bg-cyan-lighter:hover { background-color: #92d3de !important; } button.bg-cyan-lighter:focus, button.bg-cyan-lighter:hover { background-color: #92d3de !important; } .bg-cyan-light { background-color: #5dbecd !important; } a.bg-cyan-light:focus, a.bg-cyan-light:hover { background-color: #3aabbd !important; } button.bg-cyan-light:focus, button.bg-cyan-light:hover { background-color: #3aabbd !important; } .bg-cyan-dark { background-color: #128293 !important; } a.bg-cyan-dark:focus, a.bg-cyan-dark:hover { background-color: #0c5a66 !important; } button.bg-cyan-dark:focus, button.bg-cyan-dark:hover { background-color: #0c5a66 !important; } .bg-cyan-darker { background-color: #09414a !important; } a.bg-cyan-darker:focus, a.bg-cyan-darker:hover { background-color: #03191d !important; } button.bg-cyan-darker:focus, button.bg-cyan-darker:hover { background-color: #03191d !important; } .bg-cyan-darkest { background-color: #052025 !important; } a.bg-cyan-darkest:focus, a.bg-cyan-darkest:hover { background-color: #000 !important; } button.bg-cyan-darkest:focus, button.bg-cyan-darkest:hover { background-color: #000 !important; } .bg-white-lightest { background-color: #fff !important; } a.bg-white-lightest:focus, a.bg-white-lightest:hover { background-color: #e6e5e5 !important; } button.bg-white-lightest:focus, button.bg-white-lightest:hover { background-color: #e6e5e5 !important; } .bg-white-lighter { background-color: #fff !important; } a.bg-white-lighter:focus, a.bg-white-lighter:hover { background-color: #e6e5e5 !important; } button.bg-white-lighter:focus, button.bg-white-lighter:hover { background-color: #e6e5e5 !important; } .bg-white-light { background-color: #fff !important; } a.bg-white-light:focus, a.bg-white-light:hover { background-color: #e6e5e5 !important; } button.bg-white-light:focus, button.bg-white-light:hover { background-color: #e6e5e5 !important; } .bg-white-dark { background-color: #a8a3b0 !important; } a.bg-white-dark:focus, a.bg-white-dark:hover { background-color: #b3b2b2 !important; } button.bg-white-dark:focus, button.bg-white-dark:hover { background-color: #b3b2b2 !important; } .bg-white-darker { background-color: #666 !important; } a.bg-white-darker:focus, a.bg-white-darker:hover { background-color: #4d4c4c !important; } button.bg-white-darker:focus, button.bg-white-darker:hover { background-color: #4d4c4c !important; } .bg-white-darkest { background-color: #333 !important; } a.bg-white-darkest:focus, a.bg-white-darkest:hover { background-color: #1a1919 !important; } button.bg-white-darkest:focus, button.bg-white-darkest:hover { background-color: #1a1919 !important; } .bg-gray-lightest { background-color: #f3f4f5 !important; } a.bg-gray-lightest:focus, a.bg-gray-lightest:hover { background-color: #d7dbde !important; } button.bg-gray-lightest:focus, button.bg-gray-lightest:hover { background-color: #d7dbde !important; } .bg-gray-lighter { background-color: #dbdde0 !important; } a.bg-gray-lighter:focus, a.bg-gray-lighter:hover { background-color: #c0c3c8 !important; } button.bg-gray-lighter:focus, button.bg-gray-lighter:hover { background-color: #c0c3c8 !important; } .bg-gray-light { background-color: #aab0b6 !important; } a.bg-gray-light:focus, a.bg-gray-light:hover { background-color: #8f979e !important; } button.bg-gray-light:focus, button.bg-gray-light:hover { background-color: #8f979e !important; } .bg-gray-dark { background-color: #6b7278 !important; } a.bg-gray-dark:focus, a.bg-gray-dark:hover { background-color: #53585d !important; } button.bg-gray-dark:focus, button.bg-gray-dark:hover { background-color: #53585d !important; } .bg-gray-darker { background-color: #36393c !important; } a.bg-gray-darker:focus, a.bg-gray-darker:hover { background-color: #1e2021 !important; } button.bg-gray-darker:focus, button.bg-gray-darker:hover { background-color: #1e2021 !important; } .bg-gray-darkest { background-color: #1b1c1e !important; } a.bg-gray-darkest:focus, a.bg-gray-darkest:hover { background-color: #030303 !important; } button.bg-gray-darkest:focus, button.bg-gray-darkest:hover { background-color: #030303 !important; } .bg-gray-dark-lightest { background-color: #ebebec !important; } a.bg-gray-dark-lightest:focus, a.bg-gray-dark-lightest:hover { background-color: #d1d1d3 !important; } button.bg-gray-dark-lightest:focus, button.bg-gray-dark-lightest:hover { background-color: #d1d1d3 !important; } .bg-gray-dark-lighter { background-color: #c2c4c6 !important; } a.bg-gray-dark-lighter:focus, a.bg-gray-dark-lighter:hover { background-color: #a8abad !important; } button.bg-gray-dark-lighter:focus, button.bg-gray-dark-lighter:hover { background-color: #a8abad !important; } .bg-gray-dark-light { background-color: #717579 !important; } a.bg-gray-dark-light:focus, a.bg-gray-dark-light:hover { background-color: #585c5f !important; } button.bg-gray-dark-light:focus, button.bg-gray-dark-light:hover { background-color: #585c5f !important; } .bg-gray-dark-dark { background-color: #2a2e33 !important; } a.bg-gray-dark-dark:focus, a.bg-gray-dark-dark:hover { background-color: #131517 !important; } button.bg-gray-dark-dark:focus, button.bg-gray-dark-dark:hover { background-color: #131517 !important; } .bg-gray-dark-darker { background-color: #15171a !important; } a.bg-gray-dark-darker:focus, a.bg-gray-dark-darker:hover { background-color: #000 !important; } button.bg-gray-dark-darker:focus, button.bg-gray-dark-darker:hover { background-color: #000 !important; } .bg-gray-dark-darkest { background-color: #0a0c0d !important; } a.bg-gray-dark-darkest:focus, a.bg-gray-dark-darkest:hover { background-color: #000 !important; } button.bg-gray-dark-darkest:focus, button.bg-gray-dark-darkest:hover { background-color: #000 !important; } .bg-azure-lightest { background-color: #ecf7fe !important; } a.bg-azure-lightest:focus, a.bg-azure-lightest:hover { background-color: #bce3fb !important; } button.bg-azure-lightest:focus, button.bg-azure-lightest:hover { background-color: #bce3fb !important; } .bg-azure-lighter { background-color: #c7e6fb !important; } a.bg-azure-lighter:focus, a.bg-azure-lighter:hover { background-color: #97d1f8 !important; } button.bg-azure-lighter:focus, button.bg-azure-lighter:hover { background-color: #97d1f8 !important; } .bg-azure-light { background-color: #7dc4f6 !important; } a.bg-azure-light:focus, a.bg-azure-light:hover { background-color: #4daef3 !important; } button.bg-azure-light:focus, button.bg-azure-light:hover { background-color: #4daef3 !important; } .bg-azure-dark { background-color: #3788c2 !important; } a.bg-azure-dark:focus, a.bg-azure-dark:hover { background-color: #2c6c9a !important; } button.bg-azure-dark:focus, button.bg-azure-dark:hover { background-color: #2c6c9a !important; } .bg-azure-darker { background-color: #1c4461 !important; } a.bg-azure-darker:focus, a.bg-azure-darker:hover { background-color: #112839 !important; } button.bg-azure-darker:focus, button.bg-azure-darker:hover { background-color: #112839 !important; } .bg-azure-darkest { background-color: #0e2230 !important; } a.bg-azure-darkest:focus, a.bg-azure-darkest:hover { background-color: #020609 !important; } button.bg-azure-darkest:focus, button.bg-azure-darkest:hover { background-color: #020609 !important; } .bg-lime-lightest { background-color: #f2fbeb !important; } a.bg-lime-lightest:focus, a.bg-lime-lightest:hover { background-color: #d6f3c1 !important; } button.bg-lime-lightest:focus, button.bg-lime-lightest:hover { background-color: #d6f3c1 !important; } .bg-lime-lighter { background-color: #d7f2c2 !important; } a.bg-lime-lighter:focus, a.bg-lime-lighter:hover { background-color: #bbe998 !important; } button.bg-lime-lighter:focus, button.bg-lime-lighter:hover { background-color: #bbe998 !important; } .bg-lime-light { background-color: #a3e072 !important; } a.bg-lime-light:focus, a.bg-lime-light:hover { background-color: #88d748 !important; } button.bg-lime-light:focus, button.bg-lime-light:hover { background-color: #88d748 !important; } .bg-lime-dark { background-color: #62a82a !important; } a.bg-lime-dark:focus, a.bg-lime-dark:hover { background-color: #4a7f20 !important; } button.bg-lime-dark:focus, button.bg-lime-dark:hover { background-color: #4a7f20 !important; } .bg-lime-darker { background-color: #315415 !important; } a.bg-lime-darker:focus, a.bg-lime-darker:hover { background-color: #192b0b !important; } button.bg-lime-darker:focus, button.bg-lime-darker:hover { background-color: #192b0b !important; } .bg-lime-darkest { background-color: #192a0b !important; } a.bg-lime-darkest:focus, a.bg-lime-darkest:hover { background-color: #010200 !important; } button.bg-lime-darkest:focus, button.bg-lime-darkest:hover { background-color: #010200 !important; } .bg-blue { background-color: #4049ec !important; color: #fff !important; } a.bg-blue:focus, a.bg-blue:hover { background-color: #4a52ec !important; } button.bg-blue:focus, button.bg-blue:hover { background-color: #4a52ec !important; } .bg-indigo { background-color: #6574cd !important; color: #fff !important; } a.bg-indigo:focus, a.bg-indigo:hover { background-color: #3f51c1 !important; } button.bg-indigo:focus, button.bg-indigo:hover { background-color: #3f51c1 !important; } .bg-purple { background-color: #6d33ff !important; color: #fff !important; } a.bg-purple:focus, a.bg-purple:hover { background-color: #8c31e4 !important; } button.bg-purple:focus, button.bg-purple:hover { background-color: #8c31e4 !important; } .bg-pink { background-color: #f5127b !important; color: #fff !important; } .bg-darkpink { background-color: #fc0f79 !important; color: #fff !important; } a.bg-pink:focus, a.bg-pink:hover { background-color: #ed3284 !important; } button.bg-pink:focus, button.bg-pink:hover { background-color: #ed3284 !important; } .bg-red { background-color: #f84242 !important; color: #fff !important; } a.bg-red:focus, a.bg-red:hover { background-color: #f34a4a !important; } button.bg-red:focus, button.bg-red:hover { background-color: #f34a4a !important; } .bg-orange { background-color: #e67605 !important; color: #fff !important; } a.bg-orange:focus, a.bg-orange:hover { background-color: #fc7a12 !important; } button.bg-orange:focus, button.bg-orange:hover { background-color: #fc7a12 !important; } .bg-yellow { background-color: #ffa22b !important; color: #fff !important; } a.bg-yellow:focus, a.bg-yellow:hover { background-color: #f59713 !important; } button.bg-yellow:focus, button.bg-yellow:hover { background-color: #f59713 !important; } .bg-green { background-color: #21b632 !important; color: #fff !important; } a.bg-green:focus, a.bg-green:hover { background-color: #3adfab !important; } button.bg-green:focus, button.bg-green:hover { background-color: #3adfab !important; } .bg-teal { background-color: #05e6e6 !important; } a.bg-teal:focus, a.bg-teal:hover { background-color: #05fafa !important; } button.bg-teal:focus, button.bg-teal:hover { background-color: #05fafa !important; } .bg-cyan { background-color: #17a2b8 !important; color: #fff !important; } a.bg-cyan:focus, a.bg-cyan:hover { background-color: #117a8b !important; } button.bg-cyan:focus, button.bg-cyan:hover { background-color: #117a8b !important; } .bg-transparent { background: 0 0; } a.bg-white:focus, a.bg-white:hover { background-color: #e6e5e5 !important; } button.bg-white:focus, button.bg-white:hover { background-color: #e6e5e5 !important; } .bg-gray { background-color: #868e96 !important; } a.bg-gray:focus, a.bg-gray:hover { background-color: #2e384d !important; } button.bg-gray:focus, button.bg-gray:hover { background-color: #2e384d !important; } .bg-gray-dark { background-color: #858d97 !important; } .bg-lightpink-red { color: #ff7088 !important; } a.bg-gray-dark:focus, a.bg-gray-dark:hover { background-color: #1d2124 !important; } button.bg-gray-dark:focus, button.bg-gray-dark:hover { background-color: #1d2124 !important; } .bg-azure { background-color: #04b2e5 !important; } a.bg-azure:focus, a.bg-azure:hover { background-color: #1594ef !important; } button.bg-azure:focus, button.bg-azure:hover { background-color: #1594ef !important; } .bg-lime { background-color: #63e600 !important; } a.bg-lime:focus, a.bg-lime:hover { background-color: #63ad27 !important; } button.bg-lime:focus, button.bg-lime:hover { background-color: #63ad27 !important; } .bg-purple1 { background: #6e26a6; } .bg-success-transparent { background-color: rgba(33, 182, 50, 0.15) !important; } .bg-info-transparent { background-color: rgba(0, 214, 230, 0.15) !important; } .bg-warning-transparent { background-color: rgba(249, 167, 63, 0.15) !important; } .bg-danger-transparent { background-color: rgba(255, 56, 43, 0.15) !important; } .bg-pink-transparent { background-color: rgba(255, 43, 136, 0.15); } .bg-purple-transparent { background-color: rgba(139, 60, 224, 0.15); } .bg-success-light { background-color: #d4e9e4; } .bg-info-light { background-color: #cbecfb; } .bg-warning-light { background-color: #f1e1d9; } .bg-danger-light { background-color: #f1d4df; } .bg-pink-light { background-color: #f1d2ed; } .bg-purple-light { background-color: #e0d5fa; } .bg-dark-transparent { background-color: rgba(0, 0, 0, 0.3); } .facebook-bg { background: #3b5998; color: #fff; } .twitter-bg { background: #0c85d0; color: #fff; } .google-bg { background: #c63224; color: #fff; } .dribbble-bg { background: #e62a72; color: #fff; } .pinterest-bg { background: #8c0615; color: #fff; } .linkedin-bg { background: #0e76a8; color: #fff; } .bg-background:before, .bg-background2:before, .bg-background-6:before, .bg-background-5:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; right: 0; display: block; z-index: 0; top: 0; } .bg-background-1:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; right: 0; display: block; z-index: 0; top: 0; } .bg-background-color:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; right: 0; display: block; z-index: 1; top: 0; } .bg-background3:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; right: 0; display: block; z-index: 0; top: 0; } .bg-background9:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; right: 0; display: block; z-index: 1; top: 0; } .bg-background3 .header-text { position: relative; z-index: 10; } .bg-background9 .header-text { position: relative; z-index: 10; top: 20px; } .bg-background-color .content-text, .bg-background .header-text1 { position: relative; z-index: 10; } .header-text1 .text-property { position: relative; top: -15px; font-family: 'Nunito', sans-serif; } .bg-background2 .header-text { position: relative; z-index: 10; } .bg-card { background: #ededf5; } .bg-card:hover .text-primary-gradient { color: #fff !important; } .bg-card:hover .cat-desc, .bg-card:hover .cat-img i { color: #fff; } .bg-black-trasparant { background: rgba(0, 0, 0, 0.5); } .bg-background9:before { background: rgba(236, 41, 107, 0.7); } .br-100 { border-radius: 100% !important; } .br-7 { border-radius: 5px; } .br-ts-7 { border-top-left-radius: 7px !important; } .br-ts-10 { border-top-left-radius: 1rem !important; } .br-bs-7 { border-bottom-left-radius: 7px !important; } .br-bs-10 { border-bottom-left-radius: 1rem !important; } .br-te-7 { border-top-right-radius: 7px !important; } .br-te-10 { border-top-right-radius: 1rem !important; } .br-be-7 { border-bottom-right-radius: 7px !important; } .br-be-10 { border-bottom-right-radius: 1rem !important; } .br-ts-0 { border-top-left-radius: 0 !important; } .br-bs-0 { border-bottom-left-radius: 0 !important; } .br-te-0 { border-top-right-radius: 0 !important; } .br-be-0 { border-bottom-right-radius: 0 !important; } .br-3 { border-radius: 3px; } .br-ts-3 { border-top-left-radius: 3px !important; } .br-bs-3 { border-bottom-left-radius: 3px !important; } .br-te-3 { border-top-right-radius: 3px !important; } .br-be-3 { border-bottom-right-radius: 3px !important; } .border { border: 1px solid #ededf5; } .br-100 { border-radius: 100% !important; } .br-4 { border-radius: 4px !important; } .br-2 { border-radius: 2px !important; } .br-ts-2 { border-top-left-radius: 2px !important; } .br-bs-2 { border-bottom-left-radius: 2px !important; } .br-te-2 { border-top-right-radius: 2px !important; } .br-be-2 { border-bottom-right-radius: 2px !important; } @media (min-width: 992px) { .br-md-2 { border-radius: 2px !important; } .br-ts-md-2 { border-top-left-radius: 2px !important; } .br-bs-md-2 { border-bottom-left-radius: 2px !important; } .br-te-md-2 { border-top-right-radius: 2px !important; } .br-be-md-2 { border-bottom-right-radius: 2px !important; } .br-md-0 { border-radius: 0 !important; border-right: 0; } .br-ts-md-0 { border-top-left-radius: 0 !important; } .br-bs-md-0 { border-bottom-left-radius: 0 !important; } .br-te-md-0 { border-top-right-radius: 0 !important; } .br-be-md-0 { border-bottom-right-radius: 0 !important; border-right: 0; } } .br-0 { border-radius: 0 !important; } .border { border: 1px solid #ededf5 !important; } .border-top { border-top: 1px solid #74747494 !important; } .border-end { border-right: 1px solid #ededf5 !important; } .border-bottom { border-bottom: 1px solid #ededf5 !important; } .border-start { border-left: 1px solid #ededf5 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-end-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start-0 { border-left: 0 !important; } .border-secondary { border-color: #868e96 !important; } .border-success { border-color: #21b632 !important; } .border-info { border-color: #04b2e5 !important; } .border-warning { border-color: #ffa22b !important; } .border-danger { border-color: #f84242 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .border-white-1 { border-color: rgba(255, 255, 255, 0.1) !important; } .rounded { border-radius: 3px !important; } .rounded7 { border-radius: 7px !important; } .rounded-top { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .rounded-end { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .rounded-bottom { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } .rounded-start { border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: bsock; clear: both; content: ""; } .border-white-transparent { border-color: rgba(255, 255, 255, 0.1) !important; } .display-1 { font-size: 6rem; font-weight: 700; line-height: 1.1; } .display-2 { font-size: 4rem; font-weight: 600; line-height: 1.1; } .display-3 { font-size: 3.5rem; font-weight: 600; line-height: 1.1; } .display-4 { font-size: 3rem; font-weight: 400; line-height: 1.1; } .display-5 { font-size: 2.4rem; font-weight: 400; line-height: 1.1; } .display-6 { font-size: 2.3rem; font-weight: 400; line-height: 1.1; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; /* justify-content: space-between; */} .d-flex-space { display: -ms-flexbox !important; display: flex !important; justify-content: space-between; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1280px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .display-1 i, .display-2 i, .display-3 i, .display-4 i { vertical-align: baseline; font-size: .815em; } .float-start { float: left !important; } .float-end { position: absolute; color: #ffff; font-size: 11px; width: 26px; height: 20px; text-align: center; line-height: 20px; right: -7px; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1280px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } } /*------ Heights -------*/ .h-350 { height: 350px !important; } .h-320 { height: 320px !important; } .mh-90vh { max-height: 90vh; } .h100 { height: 100px !important; } .h73 { height: 73px !important; } .h80 { height: 80px !important; } .h50 { height: 50px !important; } .h-125 { height: 125px !important; } .h-120 { height: 120px !important; } .h-150 { height: 150px !important; } .h-196 { height: 196px !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .h-0 { height: 0 !important; } .h-1 { height: 0.25rem !important; } .h-2 { height: 0.5rem !important; } .h-3 { height: 0.75rem !important; } .h-4 { height: 1rem !important; } .h-5 { height: 1.5rem !important; } .h-6 { height: 2rem !important; } .h-7 { height: 3rem !important; } .h-8 { height: 4rem !important; } .h-9 { height: 6rem !important; } .h-400 { height: 400px !important; } .h-220 { height: 220px !important; } .mh-100 { max-height: 100% !important; } .minh-210 { min-height: 210px !important; } .h-500 { height: 500px !important; } .h-550 { height: 550px !important; } .h-600 { height: 600px !important; } .h-700 { height: 700px !important; } .h-300 { height: 300px !important; } /*------ Margins -------*/ .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .me-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ms-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .me-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ms-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .me-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ms-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 0.75rem !important; } .mt-3, .my-3 { margin-top: 0.75rem !important; } .me-3, .mx-3 { margin-right: 0.75rem !important; } .mb-3, .my-3 { margin-bottom: 0.75rem !important; } .ms-3, .mx-3 { margin-left: 0.75rem !important; } .m-4 { margin: 1rem !important; } .mt-4, .my-4 { margin-top: 1rem !important; } .me-4, .mx-4 { margin-right: 1rem !important; } .mb-4, .my-4 { margin-bottom: 1rem !important; } .ms-4, .mx-4 { margin-left: 1rem !important; } .m-5 { margin: 1.5rem !important; } .mt-5, .my-5 { margin-top: 1.5rem !important; } .me-5, .mx-5 { margin-right: 1.5rem !important; } .mb-5, .my-5 { margin-bottom: 1.5rem !important; } .ms-5, .mx-5 { margin-left: 1.5rem !important; } .m-6 { margin: 2rem !important; } .mt-6, .my-6 { margin-top: 2rem !important; } .me-6, .mx-6 { margin-right: 2rem !important; } .mb-6, .my-6 { margin-bottom: 2rem !important; } .ms-6, .mx-6 { margin-left: 2rem !important; } .m-7 { margin: 3rem !important; } .mt-7, .my-7 { margin-top: 3rem !important; } .me-7, .mx-7 { margin-right: 3rem !important; } .mb-7, .my-7 { margin-bottom: 3rem !important; } .ms-7, .mx-7 { margin-left: 3rem !important; } .m-8 { margin: 4rem !important; } .mt-8, .my-8 { margin-top: 4rem !important; } .me-8, .mx-8 { margin-right: 4rem !important; } .mb-8, .my-8 { margin-bottom: 4rem !important; } .ms-8, .mx-8 { margin-left: 4rem !important; } .m-9 { margin: 6rem !important; } .mt-9, .my-9 { margin-top: 6rem !important; } .me-9, .mx-9 { margin-right: 6rem !important; } .mb-9, .my-9 { margin-bottom: 6rem !important; } .ms-9, .mx-9 { margin-left: 6rem !important; } .mt-10, .margin-top { margin-top: 9.95rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .me-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ms-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .me-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ms-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .me-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ms-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .me-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ms-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 0.75rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 0.75rem !important; } .me-sm-3, .mx-sm-3 { margin-right: 0.75rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 0.75rem !important; } .ms-sm-3, .mx-sm-3 { margin-left: 0.75rem !important; } .m-sm-4 { margin: 1rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1rem !important; } .me-sm-4, .mx-sm-4 { margin-right: 1rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1rem !important; } .ms-sm-4, .mx-sm-4 { margin-left: 1rem !important; } .m-sm-5 { margin: 1.5rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 1.5rem !important; } .me-sm-5, .mx-sm-5 { margin-right: 1.5rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 1.5rem !important; } .ms-sm-5, .mx-sm-5 { margin-left: 1.5rem !important; } .m-sm-6 { margin: 2rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 2rem !important; } .me-sm-6, .mx-sm-6 { margin-right: 2rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 2rem !important; } .ms-sm-6, .mx-sm-6 { margin-left: 2rem !important; } .m-sm-7 { margin: 3rem !important; } .mt-sm-7, .my-sm-7 { margin-top: 3rem !important; } .me-sm-7, .mx-sm-7 { margin-right: 3rem !important; } .mb-sm-7, .my-sm-7 { margin-bottom: 3rem !important; } .ms-sm-7, .mx-sm-7 { margin-left: 3rem !important; } .m-sm-8 { margin: 4rem !important; } .mt-sm-8, .my-sm-8 { margin-top: 4rem !important; } .me-sm-8, .mx-sm-8 { margin-right: 4rem !important; } .mb-sm-8, .my-sm-8 { margin-bottom: 4rem !important; } .ms-sm-8, .mx-sm-8 { margin-left: 4rem !important; } .m-sm-9 { margin: 6rem !important; } .mt-sm-9, .my-sm-9 { margin-top: 6rem !important; } .me-sm-9, .mx-sm-9 { margin-right: 6rem !important; } .mb-sm-9, .my-sm-9 { margin-bottom: 6rem !important; } .ms-sm-9, .mx-sm-9 { margin-left: 6rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .me-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ms-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .me-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ms-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .me-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ms-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .me-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ms-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 0.75rem !important; } .mt-md-3, .my-md-3 { margin-top: 0.75rem !important; } .me-md-3, .mx-md-3 { margin-right: 0.75rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 0.75rem !important; } .ms-md-3, .mx-md-3 { margin-left: 0.75rem !important; } .m-md-4 { margin: 1rem !important; } .mt-md-4, .my-md-4 { margin-top: 1rem !important; } .me-md-4, .mx-md-4 { margin-right: 1rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1rem !important; } .ms-md-4, .mx-md-4 { margin-left: 1rem !important; } .m-md-5 { margin: 1.5rem !important; } .mt-md-5, .my-md-5 { margin-top: 1.5rem !important; } .me-md-5, .mx-md-5 { margin-right: 1.5rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 1.5rem !important; } .ms-md-5, .mx-md-5 { margin-left: 1.5rem !important; } .m-md-6 { margin: 2rem !important; } .mt-md-6, .my-md-6 { margin-top: 2rem !important; } .me-md-6, .mx-md-6 { margin-right: 2rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 2rem !important; } .ms-md-6, .mx-md-6 { margin-left: 2rem !important; } .m-md-7 { margin: 3rem !important; } .mt-md-7, .my-md-7 { margin-top: 3rem !important; } .me-md-7, .mx-md-7 { margin-right: 3rem !important; } .mb-md-7, .my-md-7 { margin-bottom: 3rem !important; } .ms-md-7, .mx-md-7 { margin-left: 3rem !important; } .m-md-8 { margin: 4rem !important; } .mt-md-8, .my-md-8 { margin-top: 4rem !important; } .me-md-8, .mx-md-8 { margin-right: 4rem !important; } .mb-md-8, .my-md-8 { margin-bottom: 4rem !important; } .ms-md-8, .mx-md-8 { margin-left: 4rem !important; } .m-md-9 { margin: 6rem !important; } .mt-md-9, .my-md-9 { margin-top: 6rem !important; } .me-md-9, .mx-md-9 { margin-right: 6rem !important; } .mb-md-9, .my-md-9 { margin-bottom: 6rem !important; } .ms-md-9, .mx-md-9 { margin-left: 6rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .me-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ms-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .me-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ms-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .me-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ms-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .me-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ms-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 0.75rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 0.75rem !important; } .me-lg-3, .mx-lg-3 { margin-right: 0.75rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 0.75rem !important; } .ms-lg-3, .mx-lg-3 { margin-left: 0.75rem !important; } .m-lg-4 { margin: 1rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1rem !important; } .me-lg-4, .mx-lg-4 { margin-right: 1rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1rem !important; } .ms-lg-4, .mx-lg-4 { margin-left: 1rem !important; } .m-lg-5 { margin: 1.5rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 1.5rem !important; } .me-lg-5, .mx-lg-5 { margin-right: 1.5rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 1.5rem !important; } .ms-lg-5, .mx-lg-5 { margin-left: 1.5rem !important; } .m-lg-6 { margin: 2rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 2rem !important; } .me-lg-6, .mx-lg-6 { margin-right: 2rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 2rem !important; } .ms-lg-6, .mx-lg-6 { margin-left: 2rem !important; } .m-lg-7 { margin: 3rem !important; } .mt-lg-7, .my-lg-7 { margin-top: 3rem !important; } .me-lg-7, .mx-lg-7 { margin-right: 3rem !important; } .mb-lg-7, .my-lg-7 { margin-bottom: 3rem !important; } .ms-lg-7, .mx-lg-7 { margin-left: 3rem !important; } .m-lg-8 { margin: 4rem !important; } .mt-lg-8, .my-lg-8 { margin-top: 4rem !important; } .me-lg-8, .mx-lg-8 { margin-right: 4rem !important; } .mb-lg-8, .my-lg-8 { margin-bottom: 4rem !important; } .ms-lg-8, .mx-lg-8 { margin-left: 4rem !important; } .m-lg-9 { margin: 6rem !important; } .mt-lg-9, .my-lg-9 { margin-top: 6rem !important; } .me-lg-9, .mx-lg-9 { margin-right: 6rem !important; } .mb-lg-9, .my-lg-9 { margin-bottom: 6rem !important; } .ms-lg-9, .mx-lg-9 { margin-left: 6rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .me-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ms-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1280px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .me-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ms-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .me-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ms-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .me-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ms-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 0.75rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 0.75rem !important; } .me-xl-3, .mx-xl-3 { margin-right: 0.75rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 0.75rem !important; } .ms-xl-3, .mx-xl-3 { margin-left: 0.75rem !important; } .m-xl-4 { margin: 1rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1rem !important; } .me-xl-4, .mx-xl-4 { margin-right: 1rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1rem !important; } .ms-xl-4, .mx-xl-4 { margin-left: 1rem !important; } .m-xl-5 { margin: 1.5rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 1.5rem !important; } .me-xl-5, .mx-xl-5 { margin-right: 1.5rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 1.5rem !important; } .ms-xl-5, .mx-xl-5 { margin-left: 1.5rem !important; } .m-xl-6 { margin: 2rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 2rem !important; } .me-xl-6, .mx-xl-6 { margin-right: 2rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 2rem !important; } .ms-xl-6, .mx-xl-6 { margin-left: 2rem !important; } .m-xl-7 { margin: 3rem !important; } .mt-xl-7, .my-xl-7 { margin-top: 3rem !important; } .me-xl-7, .mx-xl-7 { margin-right: 3rem !important; } .mb-xl-7, .my-xl-7 { margin-bottom: 3rem !important; } .ms-xl-7, .mx-xl-7 { margin-left: 3rem !important; } .m-xl-8 { margin: 4rem !important; } .mt-xl-8, .my-xl-8 { margin-top: 4rem !important; } .me-xl-8, .mx-xl-8 { margin-right: 4rem !important; } .mb-xl-8, .my-xl-8 { margin-bottom: 4rem !important; } .ms-xl-8, .mx-xl-8 { margin-left: 4rem !important; } .m-xl-9 { margin: 6rem !important; } .mt-xl-9, .my-xl-9 { margin-top: 6rem !important; } .me-xl-9, .mx-xl-9 { margin-right: 6rem !important; } .mb-xl-9, .my-xl-9 { margin-bottom: 6rem !important; } .ms-xl-9, .mx-xl-9 { margin-left: 6rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .me-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ms-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .mb-30 { margin-bottom: 30px; } @media (min-width: 992px) { .mt-lg-n23 { margin-top: -23rem !important; } .mt-lg-n27 { margin-top: -27rem !important; } } /*------ Paddings -------*/ .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pe-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .ps-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pe-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .ps-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pe-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .ps-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 0.75rem !important; } .pt-3, .py-3 { padding-top: 0.75rem !important; } .pe-3, .px-3 { padding-right: 0.75rem !important; } .pb-3, .py-3 { padding-bottom: 0.75rem !important; } .ps-3, .px-3 { padding-left: 0.75rem !important; } .p-4 { padding: 1rem !important; } .pt-4, .py-4 { padding-top: 1rem !important; } .pe-4, .px-4 { padding-right: 1rem !important; } .pb-4, .py-4 { padding-bottom: 1rem !important; } .ps-4, .px-4 { padding-left: 1rem !important; } .p-5 { padding: 1.5rem !important; } .pt-5, .py-5 { padding-top: 1.5rem !important; } .pe-5, .px-5 { padding-right: 1.5rem !important; } .pb-5, .py-5 { padding-bottom: 1.5rem !important; } .ps-5, .px-5 { padding-left: 1.5rem !important; } .p-6 { padding: 2rem !important; } .pt-6, .py-6 { padding-top: 2rem !important; } .pe-6, .px-6 { padding-right: 2rem !important; } .pb-6, .py-6 { padding-bottom: 2rem !important; } .ps-6, .px-6 { padding-left: 2rem !important; } .p-7 { padding: 3rem !important; } .pt-7, .py-7 { padding-top: 3rem !important; } .pe-7, .px-7 { padding-right: 3rem !important; } .pb-7, .py-7 { padding-bottom: 3rem !important; } .ps-7, .px-7 { padding-left: 3rem !important; } .p-8 { padding: 4rem !important; } .pt-8, .py-8 { padding-top: 4rem !important; } .pe-8, .px-8 { padding-right: 4rem !important; } .pb-8, .py-8 { padding-bottom: 4rem !important; } .ps-8, .px-8 { padding-left: 4rem !important; } .p-9 { padding: 6rem !important; } .pt-9, .py-9 { padding-top: 6rem !important; } .pe-9, .px-9 { padding-right: 6rem !important; } .pb-9, .py-9 { padding-bottom: 6rem !important; } .ps-9, .px-9 { padding-left: 6rem !important; } .padding-bottom { padding-bottom: 5.47rem !important; } .p-10 { padding: 9.3rem !important; } .pt-10, .py-10 { padding-top: 9.3rem !important; } .pe-10, .px-10 { padding-right: 9.3rem !important; } .pb-10, .py-10 { padding-bottom: 9.3rem !important; } .ps-10, .px-10 { padding-left: 9.3rem !important; } @media (min-width: 576px) { .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pe-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .ps-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pe-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .ps-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pe-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .ps-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 0.75rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 0.75rem !important; } .pe-sm-3, .px-sm-3 { padding-right: 0.75rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 0.75rem !important; } .ps-sm-3, .px-sm-3 { padding-left: 0.75rem !important; } .p-sm-4 { padding: 1rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1rem !important; } .pe-sm-4, .px-sm-4 { padding-right: 1rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1rem !important; } .ps-sm-4, .px-sm-4 { padding-left: 1rem !important; } .p-sm-5 { padding: 1.5rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 1.5rem !important; } .pe-sm-5, .px-sm-5 { padding-right: 1.5rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 1.5rem !important; } .ps-sm-5, .px-sm-5 { padding-left: 1.5rem !important; } .p-sm-6 { padding: 2rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 2rem !important; } .pe-sm-6, .px-sm-6 { padding-right: 2rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 2rem !important; } .ps-sm-6, .px-sm-6 { padding-left: 2rem !important; } .p-sm-7 { padding: 3rem !important; } .pt-sm-7, .py-sm-7 { padding-top: 3rem !important; } .pe-sm-7, .px-sm-7 { padding-right: 3rem !important; } .pb-sm-7, .py-sm-7 { padding-bottom: 3rem !important; } .ps-sm-7, .px-sm-7 { padding-left: 3rem !important; } .p-sm-8 { padding: 4rem !important; } .pt-sm-8, .py-sm-8 { padding-top: 4rem !important; } .pe-sm-8, .px-sm-8 { padding-right: 4rem !important; } .pb-sm-8, .py-sm-8 { padding-bottom: 4rem !important; } .ps-sm-8, .px-sm-8 { padding-left: 4rem !important; } .p-sm-9 { padding: 6rem !important; } .pt-sm-9, .py-sm-9 { padding-top: 6rem !important; } .pe-sm-9, .px-sm-9 { padding-right: 6rem !important; } .pb-sm-9, .py-sm-9 { padding-bottom: 6rem !important; } .ps-sm-9, .px-sm-9 { padding-left: 6rem !important; } } @media (min-width: 768px) { .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pe-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .ps-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pe-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .ps-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pe-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .ps-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 0.75rem !important; } .pt-md-3, .py-md-3 { padding-top: 0.75rem !important; } .pe-md-3, .px-md-3 { padding-right: 0.75rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 0.75rem !important; } .ps-md-3, .px-md-3 { padding-left: 0.75rem !important; } .p-md-4 { padding: 1rem !important; } .pt-md-4, .py-md-4 { padding-top: 1rem !important; } .pe-md-4, .px-md-4 { padding-right: 1rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1rem !important; } .ps-md-4, .px-md-4 { padding-left: 1rem !important; } .p-md-5 { padding: 1.5rem !important; } .pt-md-5, .py-md-5 { padding-top: 1.5rem !important; } .pe-md-5, .px-md-5 { padding-right: 1.5rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 1.5rem !important; } .ps-md-5, .px-md-5 { padding-left: 1.5rem !important; } .p-md-6 { padding: 2rem !important; } .pt-md-6, .py-md-6 { padding-top: 2rem !important; } .pe-md-6, .px-md-6 { padding-right: 2rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 2rem !important; } .ps-md-6, .px-md-6 { padding-left: 2rem !important; } .p-md-7 { padding: 3rem !important; } .pt-md-7, .py-md-7 { padding-top: 3rem !important; } .pe-md-7, .px-md-7 { padding-right: 3rem !important; } .pb-md-7, .py-md-7 { padding-bottom: 3rem !important; } .ps-md-7, .px-md-7 { padding-left: 3rem !important; } .p-md-8 { padding: 4rem !important; } .pt-md-8, .py-md-8 { padding-top: 4rem !important; } .pe-md-8, .px-md-8 { padding-right: 4rem !important; } .pb-md-8, .py-md-8 { padding-bottom: 4rem !important; } .ps-md-8, .px-md-8 { padding-left: 4rem !important; } .p-md-9 { padding: 6rem !important; } .pt-md-9, .py-md-9 { padding-top: 6rem !important; } .pe-md-9, .px-md-9 { padding-right: 6rem !important; } .pb-md-9, .py-md-9 { padding-bottom: 6rem !important; } .ps-md-9, .px-md-9 { padding-left: 6rem !important; } } @media (min-width: 992px) { .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pe-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .ps-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pe-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .ps-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pe-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .ps-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 0.75rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 0.75rem !important; } .pe-lg-3, .px-lg-3 { padding-right: 0.75rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 0.75rem !important; } .ps-lg-3, .px-lg-3 { padding-left: 0.75rem !important; } .p-lg-4 { padding: 1rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1rem !important; } .pe-lg-4, .px-lg-4 { padding-right: 1rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1rem !important; } .ps-lg-4, .px-lg-4 { padding-left: 1rem !important; } .p-lg-5 { padding: 1.5rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 1.5rem !important; } .pe-lg-5, .px-lg-5 { padding-right: 1.5rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 1.5rem !important; } .ps-lg-5, .px-lg-5 { padding-left: 1.5rem !important; } .p-lg-6 { padding: 2rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 2rem !important; } .pe-lg-6, .px-lg-6 { padding-right: 2rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 2rem !important; } .ps-lg-6, .px-lg-6 { padding-left: 2rem !important; } .p-lg-7 { padding: 3rem !important; } .pt-lg-7, .py-lg-7 { padding-top: 3rem !important; } .pe-lg-7, .px-lg-7 { padding-right: 3rem !important; } .pb-lg-7, .py-lg-7 { padding-bottom: 3rem !important; } .ps-lg-7, .px-lg-7 { padding-left: 3rem !important; } .p-lg-8 { padding: 4rem !important; } .pt-lg-8, .py-lg-8 { padding-top: 4rem !important; } .pe-lg-8, .px-lg-8 { padding-right: 4rem !important; } .pb-lg-8, .py-lg-8 { padding-bottom: 4rem !important; } .ps-lg-8, .px-lg-8 { padding-left: 4rem !important; } .p-lg-9 { padding: 6rem !important; } .pt-lg-9, .py-lg-9 { padding-top: 6rem !important; } .pe-lg-9, .px-lg-9 { padding-right: 6rem !important; } .pb-lg-9, .py-lg-9 { padding-bottom: 6rem !important; } .ps-lg-9, .px-lg-9 { padding-left: 6rem !important; } } @media (min-width: 1280px) { .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pe-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .ps-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pe-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .ps-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pe-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .ps-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 0.75rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 0.75rem !important; } .pe-xl-3, .px-xl-3 { padding-right: 0.75rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 0.75rem !important; } .ps-xl-3, .px-xl-3 { padding-left: 0.75rem !important; } .p-xl-4 { padding: 1rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1rem !important; } .pe-xl-4, .px-xl-4 { padding-right: 1rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1rem !important; } .ps-xl-4, .px-xl-4 { padding-left: 1rem !important; } .p-xl-5 { padding: 1.5rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 1.5rem !important; } .pe-xl-5, .px-xl-5 { padding-right: 1.5rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 1.5rem !important; } .ps-xl-5, .px-xl-5 { padding-left: 1.5rem !important; } .p-xl-6 { padding: 2rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 2rem !important; } .pe-xl-6, .px-xl-6 { padding-right: 2rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 2rem !important; } .ps-xl-6, .px-xl-6 { padding-left: 2rem !important; } .p-xl-7 { padding: 3rem !important; } .pt-xl-7, .py-xl-7 { padding-top: 3rem !important; } .pe-xl-7, .px-xl-7 { padding-right: 3rem !important; } .pb-xl-7, .py-xl-7 { padding-bottom: 3rem !important; } .ps-xl-7, .px-xl-7 { padding-left: 3rem !important; } .p-xl-8 { padding: 4rem !important; } .pt-xl-8, .py-xl-8 { padding-top: 4rem !important; } .pe-xl-8, .px-xl-8 { padding-right: 4rem !important; } .pb-xl-8, .py-xl-8 { padding-bottom: 4rem !important; } .ps-xl-8, .px-xl-8 { padding-left: 4rem !important; } .p-xl-9 { padding: 6rem !important; } .pt-xl-9, .py-xl-9 { padding-top: 6rem !important; } .pe-xl-9, .px-xl-9 { padding-right: 6rem !important; } .pb-xl-9, .py-xl-9 { padding-bottom: 6rem !important; } .ps-xl-9, .px-xl-9 { padding-left: 6rem !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; display: none; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .text-monospace { font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1280px) { .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-white { color: #fff !important; } .text-secondary { color: #ef5050 !important; } .text-success { color: #21b632 !important; } a.text-success:focus, a.text-success:hover { color: #3adfab !important; } .text-info { color: #04b2e5 !important; } a.text-info:focus, a.text-info:hover { color: #1594ef !important; } .text-warning { color: #ffa22b !important; } a.text-warning:focus, a.text-warning:hover { color: #f59713 !important; } .text-danger { color: #f84242 !important; } a.text-danger:focus, a.text-danger:hover { color: #f34a4a !important; } .text-light { color: #f8f9fa !important; } a.text-light:focus, a.text-light:hover { color: #dae0e5 !important; } .text-dark { color: #2e384d !important; } .text-body { color: #5c5776 !important; } .text-muted { color: #a8a3b0 !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-white-80 { color: rgba(255, 255, 255, 0.8) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .text-wrap { font-size: 14px; line-height: 2; } .text-wrap> :first-child { margin-top: 0; } .text-wrap> :last-child { margin-bottom: 0; } .text-wrap>h1, .text-wrap>h2, .text-wrap>h3, .text-wrap>h4, .text-wrap>h5, .text-wrap>h6 { margin-top: 1em; } .text-inherit { color: inherit !important; } .text-default { color: #5c5776 !important; } .text-default-dark { color: #18113c !important; } .text-muted-dark { color: #5f6877 !important; } .tracking-tight { letter-spacing: -0.05em !important; } .tracking-normal { letter-spacing: 0 !important; } .tracking-wide { letter-spacing: 0.05em !important; } .leading-none { line-height: 1 !important; } .leading-tight { line-height: 1.3 !important; } .leading-normal { line-height: 1.5 !important; } .leading-loose { line-height: 2 !important; } .text-blue { color: #4049ec !important; } .text-indigo { color: #6574cd !important; } .text-purple { color: #6d33ff !important; } .text-lightpink-red { color: #ff7088 !important; } .text-lightgreen { color: #26eda2 !important; } .text-pink { color: #f5127b !important; } .text-red { color: #f84242 !important; } .text-orange { color: #e67605 !important; } .text-yellow { color: #ffa22b !important; } .text-green { color: #21b632 !important; } .text-teal { color: #05e6e6 !important; } .text-cyan { color: #17a2b8 !important; } .text-white { color: #fff !important; } .text-gray { color: #858d97 !important; } .text-gray-dark { color: #343a40 !important; } .text-azure { color: #04b2e5 !important; } .text-lime { color: #63e600 !important; } .opacity-1 { opacity: 0.1; } .opacity-2 { opacity: 0.2; } .opacity-3 { opacity: 0.3; } .opacity-4 { opacity: 0.4; } .opacity-5 { opacity: 0.5; } .opacity-6 { opacity: 0.6; } .opacity-7 { opacity: 0.7; } .opacity-8 { opacity: 0.8; } .opacity-9 { opacity: 0.9; } .opacity-10 { opacity: 1; } /*------ Widths-------*/ .w-75 { width: 75px !important; } .w-5 { width: 5% !important; } .w-10 { width: 10% !important; } .w-15 { width: 15% !important; } .w-20 { width: 20% !important; } .w-24 { width: 24% !important; } .w-25 { width: 25% !important; } .w-30 { width: 30% !important; } .w-35 { width: 35% !important; } .w-36 { width: 36% !important; } .w-40 { width: 40% !important; } .w-45 { width: 45% !important; } .w-50 { width: 50% !important; } .w-55 { width: 55% !important; } .w-60 { width: 60% !important; } .w-65 { width: 65% !important; } .w-70 { width: 70% !important; } .w-75 { width: 75% !important; } .w-80 { width: 80% !important; } .w-85 { width: 85% !important; } .w-90 { width: 90% !important; } .w-95 { width: 95% !important; } .w-100 { width: 100% !important; } .w100 { width: 100px !important; } .w73 { width: 73px !important; } .w80 { width: 80px !important; } .w50 { width: 50px !important; } .w-120 { width: 120px !important; } .w-125 { width: 125px !important; } .w-150 { width: 150px !important; } .w-200 { width: 200px !important; } .w-250 { width: 250px !important; } .w-auto { width: auto !important; } .w-0 { width: 0 !important; } .w-1 { width: 0.25rem !important; } .w-2 { width: 0.5rem !important; } .w-3 { width: 0.75rem !important; } .w-4 { width: 1rem !important; } .w-5 { width: 1.5rem !important; } .w-6 { width: 2rem !important; } .w-7 { width: 3rem !important; } .w-8 { width: 4rem !important; } .w-9 { width: 6rem !important; } .mw-100 { max-width: 100% !important; } .w-350 { width: 350px !important; } .w-xs { min-width: 90px; } .w-sm { min-width: 110px; } .w-md { min-width: 130px; } .w-lg { min-width: 150px; } /*# sourceMappingURL=style.css.map */ .logo_img img{ width: 15%; position: absolute; bottom: 399px; left: 19px; } .item-card2-desc{ margin-left: 60px; } .item-card2-desc ul{ margin-left: 0px !important; } .new_line li{ padding-bottom: 7px; } .new_line{ margin-top: 25px; } .go-web-link{ padding-top: 10px; } /* ========================================== start search Popup Css =========================================*/ .search-popup{ position: fixed; left: 0; top: 0; height: 100vh; width: 100%; z-index: 99999; margin-top: -540px; transform: translateY(-100%); background-color: rgba(0,0,0,0.90); -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */ -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */ } .search-popup{ width: 100%; } .search-active .search-popup{ transform: translateY(0%); margin-top: 0; } .search-popup .close-search { position: absolute; left: 0; right: 0; top: 75%; margin: 0 auto; margin-top: -200px; border-radius: 50%; text-align: center; background-color: #FF3C00; width: 70px; cursor: pointer; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-bottom: 3px solid #ffffff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; opacity: 0; visibility: hidden; height: 70px; line-height: 70px; text-align: center; } .search-popup .close-search i{ position: relative; font-size: 30px; color: #ffffff; } .search-active .search-popup .close-search{ visibility: visible; opacity: 1; top: 50%; -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; } .search-popup .close-search.style-two{ position: absolute; right: 25px; left: auto; color:#ffffff; width:auto; height:auto; top:25px; margin:0px; border:none; background:none !important; box-shadow:none !important; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .search-popup .close-search.style-two i{ font-size:20px; color:#ffffff; } .header-src-btn { float: right; position: relative; margin-top: -27px; } .search-box-btn.search-box-outer { margin-top: 27px; margin-left: 11px; } .search-box-btn.search-box-outer i { font-size: 18px; color: #FF3C00; cursor: pointer; } .uk-sticky-fixed .search-box-btn.search-box-outer i { background: transparent!important; color: #fff; } .all_modal{ margin-top: 52px; } .card-body h5{ margin-left: 0px !important; } .horizontalMenu-list li i{ color: white; } /*2nd modal css start */ a.btn.btn-secondary.mt-2.pull-right.mr-4.my_new_btn.search-box-outer.select{ border-radius: 4px; padding: 6px 15px; font-weight: 700; cursor: pointer !important; } .Apply-now { position: fixed; bottom: 0; z-index: 9999; right: 0; transition: 2s; background: #0000009e; width: 100%; padding: 10px; text-align: right; display: none; } .Apply-now a { background: #ff9800; font-size: 15px; font-weight: 700; } .customModal{ width: 600px !important; max-width: 600px; margin-top: -50px; } ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { background: #ccc; } /* Handle */ ::-webkit-scrollbar-thumb { background: #122d62 !important; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #18113c ; } .container.custom { max-width: 1300px !important; } .moreFilter { border-radius: 0; cursor: pointer; } div#advanceFilter .modal-dialog.modal-xl { width: 940px; top: -100px; } .card.university .card-body { max-height: 256px; overflow-y: auto; padding: 10px 10px; } .moreFilter { font-size: 15px; } input#course { height: 57px !important; } .search-background.bg-transparent .form-group { height: 42px !important; } a#search { height: 45px; line-height: 44px; font-weight: 600; } h5#AppliedFilter { font-size: 14px; font-weight: 500; } h5#AppliedFilter span{ border:1px solid #ccc; background: white; font-size:13px; padding: 4px 7px; border-radius:20px; margin-right:2px; display: inline-block; margin-bottom: 5px; } h5#AppliedFilter span i{ color:#e51405; transform:scale(1.5); position:relative; left:2px; top:-1px; cursor:pointer; } .icon-card-1.custom li { float: left; font-size: 13px; margin-bottom: 0.5rem; border: 1px solid #ccc; border-radius: 20px; padding: 2px 10px; background: #9e9e9e1c; } .icon-card-1 { display: flex; margin-left: 61px; } a.btn.btn-secondary.mt-2.pull-right.mr-4.my_new_btn.search-box-outer.select { border-radius: 4px; padding: 6px 15px; font-weight: 700; cursor: pointer !important; } .custom input { position: relative; display: block; width: 100%; height: 2px !important; line-height: 29px; font-size: var(--font-16); color: rgb(20 41 67); padding: 10px 11px 10px 36px; background-color: rgb(255 255 255 / 77%); -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; border-left: 1px solid white; border-radius: unset; font-weight: 600 !important; font-size: 14px; border-radius: 4px 0px 0px 4px !important; } .card-title:only-child { margin-bottom: 0; font-weight: 700; } .card-title { font-size: 1.125rem; line-height: 1.2; font-weight: 500; } h5.mb-0.mt-0 { font-size: 1rem; } .fs-14 { font-size: 14px !important; } b.coursecolor{ color: #555!important; } .all_serchs .all_inputs input { display: block; width: 100%; height: 57px !important; line-height: 29px; font-size: var(--font-16); color: rgb(20 41 67); padding: 10px 11px 10px 11px; background-color: rgba(255, 255, 255, 0.9); -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; border-left: 1px solid white; border-radius: unset; font-weight: 600 !important; font-size: 14px; } /* new css course share icon 03-07-2023 Mahendra start */ .panel-body { padding: 15px; } #st-1.st-animated { -moz-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -ms-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -o-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -webkit-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; } #st-1 { font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif; direction: ltr; display: block; opacity: 1; z-index: 94034; } #st-1 .st-btn[data-network='facebook'] { background-color: #fff; } #st-1 .st-btn { box-sizing: border-box; transition: opacity 0.2s ease-in, top 0.2s ease-in; border-radius: 9px; border: solid 1px #ccc; cursor: pointer; display: inline-block; font-size: 12px; height: 32px; line-height: 35px; margin-right: 8px; padding: 0 8px; position: relative; text-align: center; top: 0; vertical-align: top; white-space: nowrap; width: 36px; } .st-btn a i{ font-size: 18px !important; } #st-1 .st-btn:hover{ opacity: .8; top: -4px; } /* new css course share icon 03-07-2023 Mahendra end */ .entry-req-txt{ border: 1px solid #122d6257; padding: 6px 6px; border-radius: 2px; width: 86%; margin: 10px 5px 10px 59px; } .totl-rcrd-pg{ text-align: right; } .share-scl-lnk-wrp{ padding: 5px 15px 10px; } /*=======================tab-------responsive---------wrap------------start======================*/ @media only screen and (min-width: 768px) and (max-width: 1080px) { input#course { height: 50.4px !important; font-size: 13px; } .font-weight-semibold { margin-left: 0px; } .share-scl-lnk-wrp p{ font-size: 15px; } .custom-control-label { font-size: 13px; } .icon-card-1.custom li { font-size: 12px; border-radius: 30px; padding: 5px 10px; text-align: center; line-height: 18px; } .entry-req-txt{ margin: 10px 5px 20px 59px; } .new_line li { display: inline-block; width: 50%; } } /*=======================tab-------responsive---------wrap-----------end=====================*/ /*==================mob-------responsive---------wrap------------start======================*/ @media only screen and (min-width: 360px) and (max-width: 767px) { .st-btn a i { font-size: 15px !important; } #st-1 .st-btn { font-size: 12px; width: 30px; height: 28px; line-height: 28px; margin-right: 2px; border-radius: 6px; } } /*======================mob-------responsive---------wrap-----------end=====================*/