File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/hotelfantacee.com/assets/css/offra.min.css
Back
@charset "UTF-8"; .w3-center { color: green } .slider-prev { position: absolute; left: 0; top: 50%; height: 50px; width: 50px; background: transparent; border: 1px solid #fff; color: #fff; font-size: 40px; line-height: 46px; text-align: center; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%) } .slider-next { position: absolute; right: 0; top: 50%; height: 50px; width: 50px; background: transparent; border: 1px solid #fff; color: #fff; font-size: 40px; line-height: 46px; text-align: center; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%) } .mySlides { visibility: hidden; position: absolute; top: 0 } .offra-slider { height: 800px; display: block; position: relative } .parent img { border-style: none; height: 100%; max-width: 100% } .hover-shadow { opacity: .6 } .mySlides img { height: 100%; width: 100% } .mySlides { height: 100%; width: 100% } .mySlides.pic_active { position: relative } .slider-caption { position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); z-index: 10; text-align: center } .slider-caption>* { color: #fff } .active_slide { opacity: 1 } .offra-dots { display: block; position: absolute; width: 100%; margin: 0; list-style: none; padding-left: 0; text-align: center; z-index: 99; bottom: 19px } .offra-dots li { display: inline-block; color: #fff; height: 10px; width: 10px; border: 1px solid #fff; margin-right: 8px; transition: all .4s linear; cursor: pointer } .offra-dot.active_slide { background: #fff } .demo-countdown span { font-size: 39px; font-weight: 700; padding-right: 15px } .demo-countdown span span { font-weight: 400; text-transform: capitalize } .demo-countdown.countdown-dots span { position: relative } .demo-countdown.countdown-dots span::after { content: ":"; position: absolute; top: -5px; line-height: initial; right: 0 } .demo-countdown.countdown-dots span:last-child::after { display: none } .demo-countdown.countdown-dots span span { display: none } @keyframes stickAnim { from { opacity: 0; transform: translateY(-30px) } to { opacity: 1; transform: translateY(0px) } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @keyframes respin { 0% { transform: rotate(0deg) } 100% { transform: rotate(-360deg) } } .mtb-30 { margin-top: 30px; margin-bottom: 30px } .mtb-15 { margin-top: 15px; margin-bottom: 15px } .mt-15 { margin-top: 15px } .mb-15 { margin-bottom: 15px } .ml-30 { margin-left: 30px } .mr-30 { margin-right: 30px } .mt-30 { margin-top: 30px } .mb-30 { margin-bottom: 30px } .pt-50 { padding-top: 50px } .ptb-30 { padding-top: 30px; padding-bottom: 30px } .ptb-50 { padding-top: 50px; padding-bottom: 50px } .pt-3 { padding-top: 3px } .pb-3 { padding-bottom: 3px } .pt-100 { padding-top: 100px } .ptb-100 { padding-top: 100px; padding-bottom: 100px } .plr-50 { padding-left: 50px; padding-right: 50px } .plr-30 { padding-left: 30px; padding-left: 30px } .plr-20 { padding-left: 20px; padding-right: 20px } .plr-15 { padding-left: 15px; padding-right: 15px } .plr-10 { padding-left: 10px; padding-right: 10px } .pl-30 { padding-left: 30px } .pr-30 { padding-right: 30px } .card-radius, .card { border-radius: 3px } .subtitle, .card .card-subtitle { color: #999 } .card .card-subtitle { line-height: 1.4 } .card .card-header-boxed { border-bottom: 1px solid #d8d8d8; padding: 7px 20px } .card .card-box-content { border-bottom: 1px solid #d8d8d8; padding: 20px 12px } .card .card-box-content:last-child { border-bottom: 0 } .card .card-header-content { padding-left: 20px } .card .card-header { padding: 10px 20px } .card .card-header.card-header-bordered { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd } .card .card-header .card-header-icon i { font-size: 16px; color: #333 } .card .card-image { position: relative } .card .card-image .card-overlay { position: absolute; bottom: 0; display: block; padding: 20px } .card .card-body { padding: 15px 20px } .card .card-body ul { padding-top: 10px } .card .card-body ul li { margin-right: 15px; font-weight: 500 } .card .card-body ul.card-icon { padding-top: 0; padding-bottom: 0 } .card .card-body ul.card-icon li a i { color: #555; font-size: 26px } .card .card-body.card-bordered { border: 1px solid #ddd } .card .card-body .btn { margin-top: 20px } .card.card-bordered { border: 1px solid #ddd } .card .card-footer { padding: 15px 20px } .card .card-title { margin-bottom: 1.3px } .bordered-top { border-top: 1px solid #d8d8d8 } .bordered-bottom { border-bottom: 1px solid #d8d8d8 } .secondary-color { background: #d8d8d8 } .primary-bg { background: #5BBC2E } .secondary-bg { background: #d8d8d8 } .warning-bg { background: #FEEA3B } .success-bg { background: #88c35e } .info-bg { background: #9AD3DE } .danger-bg { background: #F56F6C } .orange-bg { background: #FF931E } .purple-bg { background: #662D91 } .bg-light-secondary { background: #ececec } .color5 { background: #9AD3DE } .color5:hover { background: #84c3d0 } .text-success { color: #88c35e } .text-warning { color: #FEEA3B } .text-info { color: #9AD3DE } .text-primary { color: #5BBC2E } .text-danger { color: #F56F6C } .text-white { color: #fff!important } .text-link { color: #3273DC } .radius-4 { border-radius: 4px } .radius-half { border-radius: 50% } .radius-10 { border-radius: 10px } .radius-pill { border-radius: 50px } .bdr1 { border: 1px solid #ddd } .sh-3dp { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) } .sh-10dp { box-shadow: 0 5px 10px rgba(51, 51, 51, 0.2) } .sh-3dp-deep { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) } .btn-group { display: inline-flex; vertical-align: middle; position: relative } .btn, .btn.btn-medium { display: inline-block; font-size: 1rem; color: #fff; background: #5BBC2E; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; padding-left: 18px; padding-right: 18px; line-height: 40px; height: 40px; font-weight: 400; font-size: 18px; vertical-align: middle; text-transform: capitalize } .btn.btn-icon-text i { padding-right: 7px } .btn.btn-large { padding-left: 20px; padding-right: 20px; line-height: 50px; height: 50px; font-weight: 500; font-size: 21px } .btn.btn-medium { height: 40px } .btn.btn-tiny { line-height: 20px; height: 20px; font-weight: 400; font-size: 14px; padding-left: 7px; padding-right: 7px } .btn.btn-full-width { width: 100%; line-height: 60px; height: 60px; font-weight: 500; font-size: 28px; letter-spacing: 1px; text-align: center } .btn.btn-rare { line-height: 25px; height: 25px; font-size: 14px; padding-left: 7px; padding-right: 7px } .btn.btn-xlg { height: 54px; line-height: 54px; text-align: center; font-size: 24px; font-weight: 500; padding-left: 36px; padding-right: 36px; text-transform: capitalize } .btn:hover { background: #36A002 } .btn.active { background: #36A002 } .btn.disabled { pointer-events: none; background: #ececec; border-color: #ececec; color: #fff } .btn-success { background: #88c35e } .btn-success:hover { background: #78ad52 } .btn-success.active { background: #78ad52 } .btn-warning { background: #FEEA3B; color: #333 } .btn-warning:hover { background: #e6d32a } .btn-warning.active { background: #e6d32a } .btn-info { background: #9AD3DE } .btn-info:hover { background: #7dc1ce } .btn-info.active { background: #7dc1ce } .btn-link { background: #3273DC } .btn-link:hover { background: #2461c3 } .btn-link.active { background: #2461c3 } .btn-danger { background: #F56F6C } .btn-danger:hover { background: #dc5a57 } .btn-danger.active { background: #dc5a57 } .btn-orange { background: #FF931E } .btn-orange:hover { background: #d67d1c } .btn-orange.active { background: #d67d1c } .btn-purple { background: #662D91 } .btn-purple:hover { background: #421863 } .btn-purple.active { background: #421863 } .btn-secondary { background: #d8d8d8; color: #000 } .btn-secondary:hover { background: #cccbcb; color: #000 } .btn-secondary.active { background: #cccbcb; color: #000 } .btn-bordered-secondary { background: transparent; border: 1px solid #d8d8d8; color: #333 } .btn-bordered-secondary:hover { background: #cccbcb } .btn-bordered-secondary.active { background: #cccbcb; color: #fff } .btn-bordered-default { background: transparent; border: 1px solid #5BBC2E; color: #5BBC2E } .btn-bordered-default:hover { background: #36A002; color: #fff } .btn-bordered-default.active { background: #36A002; color: #fff } .btn-bordered-success { background: transparent; border: 1px solid #88c35e; color: #88c35e } .btn-bordered-success:hover { background: #78ad52; color: #fff } .btn-bordered-success.active { background: #78ad52; color: #fff } .btn-bordered-warning { background: transparent; border: 1px solid #FEEA3B; color: #FEEA3B } .btn-bordered-warning:hover { background: #e6d32a; color: #000 } .btn-bordered-warning.active { background: #e6d32a; color: #000 } .btn-bordered-info { background: transparent; border: 1px solid #9AD3DE; color: #9AD3DE } .btn-bordered-info:hover { background: #7dc1ce; color: #000 } .btn-bordered-info.active { background: #7dc1ce; color: #000 } .btn-bordered-danger { background: transparent; border: 1px solid #F56F6C; color: #F56F6C } .btn-bordered-danger:hover { background: #dc5a57; color: #fff } .btn-bordered-danger.active { background: #dc5a57; color: #fff } .btn-bordered-oranage { background: transparent; border: 1px solid #FF931E; color: #FF931E } .btn-bordered-oranage:hover { background: #d67d1c; color: #fff } .btn-bordered-oranage.active { background: #d67d1c; color: #fff } .btn-bordered-purple { background: transparent; border: 1px solid #662D91; color: #662D91 } .btn-bordered-purple:hover { background: #421863; color: #fff } .btn-bordered-purple.active { background: #421863; color: #fff } .btn-bordered-link { background: transparent; border: 1px solid #3273DC; color: #3273DC } .btn-bordered-link:hover { background: #2461c3; color: #fff } .btn-bordered-link.active { background: #2461c3; color: #fff } .navigation-default { background: #d8d8d8 } .navigation-default ul li a:hover { color: #999 } .menu_toggle { display: none } .menu_toggle i { font-size: 24px; line-height: 60px } .navbar-mobile { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row; position: relative } .navbar-fixed { position: fixed; top: 0; width: 100%; z-index: 999; left: 0 } .navigation-area { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row } .navigation-area .holder, .navigation-area [class*=holder-] { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row } .navigation-area .full-holder { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row } .navbar-nav { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row; list-style: none; padding-left: 0 } .field-control { width: 100%; border: 1px solid #ddd; height: 40px; padding: 10px; font-size: 1em; color: #333; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s } .field-group { display: flex; align-items: center; justify-content: center; flex-flow: row } .field-control:focus { box-shadow: 0 0 3px 2px rgba(91, 188, 46, 0.2); border-color: rgba(91, 188, 46, 0.7) } .field-inline { width: auto } .field-control:focus { outline: none } .navbar-nav li a { color: #333; padding: 0 35px 0 10px; line-height: 60px; display: block; margin-right: 3px; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s } .navbar-nav li a:hover { color: #999 } .form-box-inline { display: flex; flex-flow: row; align-items: center; justify-content: flex-start } .brand-logo { font-weight: 500; color: #333; font-size: 26px; display: inline-block; vertical-align: middle; line-height: 60px; padding-right: 10px; margin-right: 30px } .subMenu, .DropDown { display: none } .DpSign { position: relative } .DpSign>a { position: relative } .DpSign>a::after { content: ""; position: absolute; left: calc(100% - 22px); top: 50%; height: 5px; width: 5px; border-top: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent } .navbar-nav .disabled { color: #999 } .navbar-nav li .DpSign>a::after { left: calc(100% - -10px); border-top: 5px solid transparent; border-left: 5px solid #000; border-bottom: 5px solid transparent } .navbar-nav.hr-nav { display: flex; align-items: flex-start; justify-content: flex-start; flex-flow: column } .navbar-nav.hr-nav .DropDown { position: relative; width: 100%; box-shadow: none } .navbar-nav.hr-nav .DropDown .DpSign>a::after { content: ""; position: absolute; left: calc(100% - 22px); top: 50%; height: 5px; width: 5px; border-top: 5px solid #333!important; border-left: 5px solid transparent!important; border-right: 5px solid transparent!important; background-color: #fff } .navbar-nav.hr-nav .DropDown .subMenu { position: relative; left: 0; width: 100%; box-shadow: none } .navbar-nav.hr-nav .DropDown .subMenu .NsubMenu { position: relative; left: 0; width: 100%; box-shadow: none } .navbar-nav.hr-nav li { display: block; width: 100% } .navbar-nav.hr-nav li a { display: block; padding-left: 14px; padding-right: 14px; margin-right: 0 } .DropDown li .DpSign>a::after { left: calc(100% - -10px); border-top: 5px solid transparent; border-left: 5px solid #000; border-bottom: 5px solid transparent } .DropDown { position: absolute; left: 0; top: 100%; width: 215px; background: #fff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); z-index: 30; padding-top: 15px; padding-bottom: 15px; padding-left: 0; list-style: none } .DropDown li { padding-left: 15px; padding-right: 15px } .DropDown li a { line-height: 36px } .NsubMenu, .subMenu { position: absolute; left: 100%; background: #fff; z-index: 30; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); width: 215px; top: 0; padding-left: 0; list-style: none } .NsubMenu li, .subMenu li { padding-left: 15px; padding-right: 15px } .NsubMenu li a, .subMenu li a { line-height: 36px } .navigation-area.full-with-dropdown { background: #666; position: relative } .full-with-dropdown .navbar-nav>li>a { color: #f2f2f2 } .full-with-dropdown ul li a:hover { background: #e6e6e6 } .full-with-dropdown ul li a { margin-right: 0; padding-left: 15px; padding-right: 15px } .full-with-dropdown ul li ul { background: #e6e6e6; width: 100%; left: 0; box-shadow: none } .full-with-dropdown .navbar-nav li.DpSign>a { position: static } .full-with-dropdown .navbar-nav li.DpSign { position: static } .full-with-dropdown ul li ul li { float: left } .full-with-dropdown ul li ul li a { color: #333 } .full-with-dropdown .navbar-nav>li.DpSign>a { background: #e6e6e6; color: #333 } .full-with-dropdown .navbar-nav li.DpSign a:after { display: none } .slide-nav-default { border: 1px solid rgba(51, 51, 51, 0.5) } .slide-nav-default .slide-nav-header { padding-left: 15px; padding-right: 15px; background: #b3b3b3; overflow: hidden } .slide-nav-default li a { background: #e6e6e6; display: block; font-size: 16px; color: #333; line-height: 40px; padding-left: 16px; padding-right: 16px; border-top: 1px solid rgba(51, 51, 51, 0.5); font-weight: 500; position: relative; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s } .slide-nav-default li a:hover { box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5) } .slide-nav-default li ul li a { border: 0; font-weight: 400 } .slide-nav-default li.down-sign>a::after { content: ""; position: absolute; left: calc(100% - 22px); top: 50%; height: 5px; width: 5px; border-top: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent } .breadcrumb { display: flex; align-items: center; flex-flow: row wrap; list-style: none; padding: 15px } .breadcrumb li { margin-right: 7px; position: relative; padding-right: 10px } .breadcrumb li.breadcrumb-disabled a { pointer-events: none; color: #d8d8d8 } .breadcrumb li::after { content: "/"; position: absolute; top: 0; right: 0; color: #aaa } .breadcrumb li.active { color: #aaa } .breadcrumb li.active::after { display: none } .toggle-nav { list-style: none; padding-left: 0 } .toggle-nav li { list-style: none } .toggle-nav li ul { padding-left: 0; list-style: none } .nav-links { display: inline-flex; align-items: center; list-style: none } .nav-links.nav-links-lg a { padding: 15px 20px; font-size: 18px } .nav-links.default-nav-links a { color: #fff; padding: 10px 15px; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; color: #444 } .nav-links.default-nav-links a:hover { background: #5BBC2E; color: #fff } .nav-links.default-nav-links.nav-links-bordered a { background: transparent; border: 1px solid #ddd; color: #333; margin-left: -1px } .nav-links.default-nav-links.nav-links-bordered a.active { background: #5BBC2E; color: #fff } .nav-links.default-nav-links.nav-links-bordered a.active:hover { background: #5BBC2E; color: #fff } .nav-links.default-nav-links.nav-links-bordered a.disabled { pointer-events: none; background: #ececec; color: #999 } .nav-links.default-nav-links.nav-links-bordered a:hover { background: #5BBC2E; color: #fff } .nav-links.nav-links-radius { border-radius: 4px } .nav-links.nav-links-radius a:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px } .nav-links.nav-links-radius a:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .nav-links.default-nav-links a.disabled { pointer-events: none; color: #ececec } .nav-links.default-nav-links a.active { color: #5BBC2E } .nav-links.default-nav-links a.active:hover { background: transparent } .nav-links.default-nav-links a:hover { background: transparent; color: #5BBC2E } .modal { pointer-events: auto; background: rgba(4, 10, 30, 0.8); position: fixed; top: 0; left: 0; right: 0; z-index: 999; bottom: 0; display: none } .modal.fade .modal-content { -webkit-transform: translate(0%, -10%); transform: translate(0%, -10%) } .modal .modal-content { background: #fff; margin: auto; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); position: relative; margin-top: 40px; margin-bottom: 40px; z-index: 9999; border-radius: 4px } .modal .modal-content .modal-body { padding: 10px } .modal .modal-content .modal-header { text-align: right; border-bottom: 1px solid #eee; padding-top: 15px; padding-bottom: 15px; background: #F2F2F2; border-radius: 4px } .modal .modal-content .modal-header .modal-cancel { background: transparent; font-size: 24px; color: #333; line-height: 18px; margin-right: 15px; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s } .modal .modal-content .modal-header .modal-cancel:hover { transform: scale(1.2); -webkit-transform: scale(1.2) } .modal .modal-content .modal-footer { background: #F2F2F2; border-radius: 4px; padding: 15px; text-align: right } .modal .modal-content .modal-footer .btn { border-radius: 4px } .modal.modal.active { overflow-x: hidden; overflow-y: auto } .modal.modal.active.fade .modal-content { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%) } .modal.modal.active.bounceIn .modal-content { opacity: 1; animation: preloading .5s linear; -webkit-animation: preloading .5s linear; -moz-animation: preloading .5s linear } @keyframes preloading { 0% { transform: scale(1) } 50% { transform: scale(1.04) } 100% { transform: scale(1) } } @-webkit-keyframes preloading { 0% { transform: scale(1) } 50% { transform: scale(1.04) } 100% { transform: scale(1) } } .alert { margin-bottom: 15px; background: #f2f2f2; line-height: 30px; border: 1px solid #d8d6d6; padding: 15px; border-radius: 4px; position: relative } .alert .alert-title, .alert .alert-footer { padding: 5px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px } .alert .alert-footer { border-top: 1px solid #ddd; border-bottom: none; margin-top: 10px; margin-bottom: 0 } .alert.alert-primary { background: #D8EAFC; border-color: #bed2e6 } .alert.alert-success { background: #DEFCD5; border-color: #c2dcba } .alert.alert-warning { background: rgba(254, 234, 59, 0.1); border-color: rgba(254, 234, 59, 0.7) } .alert.alert-danger { background: rgba(254, 111, 108, 0.1); border-color: rgba(254, 111, 108, 0.5) } .alert .alert-cancel { float: right; cursor: pointer; color: #444; font-size: 18px; font-weight: 500; opacity: .7; position: absolute; right: 17px; top: 12px } .switcher label { margin: 1.5em auto } .switcher input { position: absolute; left: -9999px } .switcher .slider-v2 { position: relative; display: block; width: 5.5em; height: 3em; cursor: pointer; border-radius: 1.5em; transition: 350ms } .switcher .slider-v2::after { position: absolute; content: ''; width: 2em; height: 2em; top: .5em; left: .5em; border-radius: 50%; transition: 250ms ease-in-out; background: linear-gradient(#f5f5f5 10%, #eee); box-shadow: 0 .1em .15em -.05em rgba(255, 255, 255, 0.9) inset, 0 .2em .2em -.12em rgba(0, 0, 0, 0.5) } .switcher .slider-v2::before { position: absolute; content: ''; width: 4em; height: 1.5em; top: .75em; left: .75em; border-radius: .75em; transition: 250ms ease-in-out; background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.1)), #d0d0d0; box-shadow: 0 .08em .15em -.1em rgba(0, 0, 0, 0.5) inset, 0 .05em .08em -.01em rgba(255, 255, 255, 0.7), 0 0 0 0 rgba(68, 204, 102, 0.7) inset } .switcher input:checked+.slider-v2::before { box-shadow: 0 .08em .15em -.1em rgba(0, 0, 0, 0.5) inset, 0 .05em .08em -.01em rgba(255, 255, 255, 0.7), 3em 0 0 0 rgba(68, 204, 102, 0.7) inset } .switcher input:checked+.slider-v2::after { left: 3em } .switcher label.slider-v2.slider-vc::before { height: 70px; width: 25px } .switcher .slider-v2.slider-vc::before { box-shadow: none } .switcher input:checked+.slider-v2.slider-vc::before { box-shadow: 0 .08em .15em -.1em rgba(0, 0, 0, 0.5) inset, 0 .05em .08em -.01em rgba(255, 255, 255, 0.7), 3em 0 0 0 rgba(68, 204, 102, 0.7) inset } .switcher input:checked+.slider-v2.slider-vc::after { top: 3.5em; left: 7px } .collapse { border: 1px solid #ddd; border-radius: 4px; padding: 15px } .single-accordion { margin-bottom: 5px } .single-accordion.accordion-icon a { position: relative } .single-accordion.accordion-icon a::after { position: absolute; right: 14px; content: "+"; font-size: 24px; top: 50%; transform: translateY(-50%) } .single-accordion a { display: block; padding: 10px 15px; background: #E6E6E6; color: #444; font-weight: 500; font-size: 16px; position: relative } .single-accordion.show.accordion-icon a::after { content: "-" } .single-accordion .collpase-body { padding: 15px; border: 1px solid #ddd } body.offcanvas-push { margin-left: 300px } .offcanvas-overlay { pointer-events: auto; background: rgba(4, 10, 30, 0.8); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; display: none } .offcanvas { width: 300px; background: #fff; top: 0; left: -100%; position: fixed; height: 100%; text-align: left; padding: 15px; transition: all .4s linear } .offcanvas.show { left: 0; z-index: 99; width: 300px; overflow: auto } .offcanvas .offcanvas-cancel { color: #333; font-size: 24px; position: absolute; top: 20px; right: 20px; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer } .offcanvas .offcanvas-cancel:hover { transform: scale(1.2); -webkit-transform: scale(1.2) } .tooltip { position: relative; display: inline-block } .tooltip .tooltiptext { line-height: 30px; display: none } .tooltip.tooltip_top .tooltiptext_top { background-color: #000; color: #fff; text-align: center; border-radius: 2px; position: absolute; z-index: 1; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%) } .tooltip.tooltip_top .tooltiptext_top::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent } .tooltip.tooltip_bottom .tooltiptext_bottom { color: #fff; text-align: center; border-radius: 2px; position: absolute; z-index: 1; top: calc(100% + 10px); left: 50%; transform: translateX(-50%) } .tooltip.tooltip_bottom .tooltiptext_bottom::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #000 } .tooltip.tooltip_right .tooltiptext_right { background-color: #000; color: #fff; text-align: center; border-radius: 2px; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); left: calc(100% + 10px) } .tooltip.tooltip_right .tooltiptext_right::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent #000 transparent transparent } .tooltip.tooltip_left .tooltiptext_left { color: #fff; text-align: center; border-radius: 2px; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); right: calc(100% + 10px) } .tooltip.tooltip_left .tooltiptext_left::after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #000 } .tooltip .tooltiptext { display: none; background: #000; padding: 0; min-width: 100px; line-height: 30px; text-align: center } .tooltip .tooltiptext .text { line-height: 30px; font-size: 14px; font-weight: 400; text-align: center; position: relative; display: block } .media { display: flex; flex-flow: row; align-items: flex-start; padding: 14px 0 15px } .media .media-image { margin-right: 30px } .media .media-content { flex-basis: 1px; flex: 1 } .img-rounded { border-radius: 50%; display: inline-block } .img-spce-bordered { padding: 10px; border: 1px solid #ddd } .img-bordered { border: 1px solid #ddd } .img-shadow { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) } .table { width: 100%; max-width: 100%; margin-bottom: 10px } .table-bordered { border: 1px solid #ddd } .scroll-progress { background: #000; height: 10px; position: fixed; top: 0; left: 0; z-index: 99 } .sticky-nav { -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s } .sticky-nav.sticky { position: fixed; left: 0; width: 100%; top: 0; z-index: 99; animation: stickAnim .4s linear } .preloader { background: #fff none repeat scroll 0 0; height: 100%; position: fixed; width: 100%; z-index: 9999999; left: 0; top: 0; bottom: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center } .badge { display: inline-block; padding: 5px 6px; background: #b3b3b3; line-height: 1em; border-radius: 3px; font-size: 70%; text-transform: capitalize } .badge.badge-primary { background: #5BBC2E; color: #fff } .badge.badge-info { background: #9AD3DE; color: #fff } .badge.badge-danger { background: #F56F6C; color: #fff } .badge.badge-success { background: #88c35e; color: #fff } .mtb-30 { margin-top: 30px; margin-bottom: 30px } .mtb-15 { margin-top: 15px; margin-bottom: 15px } .mt-15 { margin-top: 15px } .mb-15 { margin-bottom: 15px } .ml-30 { margin-left: 30px } .mr-30 { margin-right: 30px } .mt-30 { margin-top: 30px } .mb-30 { margin-bottom: 30px } .pt-50 { padding-top: 50px } .ptb-30 { padding-top: 30px; padding-bottom: 30px } .ptb-50 { padding-top: 50px; padding-bottom: 50px } .pt-3 { padding-top: 3px } .pb-3 { padding-bottom: 3px } .pt-100 { padding-top: 100px } .ptb-100 { padding-top: 100px; padding-bottom: 100px } .plr-50 { padding-left: 50px; padding-right: 50px } .plr-30 { padding-left: 30px; padding-left: 30px } .plr-20 { padding-left: 20px; padding-right: 20px } .plr-15 { padding-left: 15px; padding-right: 15px } .plr-10 { padding-left: 10px; padding-right: 10px } .pl-30 { padding-left: 30px } .pr-30 { padding-right: 30px } .demo-single-service i { font-size: 56px } .demo-single-service h4 { padding-top: 16px; padding-bottom: 5px } .demo-single-service p { padding-left: 40px; padding-right: 40px } .demo-single-service a { padding-top: 15px; display: block } .default-footer { background: #111; padding-top: 70px } .footer_widget ul { padding-left: 0; list-style: none } .footer-widget-title { position: relative } .footer-widget-title::after { content: ""; position: absolute; bottom: 0; width: 100%; height: 1px; background: #333; left: 0 } .footer_widget ul li a { color: #ddd; line-height: 32px } .footer-widget-title { margin-bottom: 20px; padding-bottom: 10px; color: #ffff } .default-footer .footer_bottom { padding-top: 10px; padding-bottom: 10px } .default-footer .copyright { border-top: 1px solid #333; padding-top: 15px; padding-bottom: 15px } .default-footer .footer-widget { padding-bottom: 40px } .default-footer .footer_widget { padding-bottom: 50px } .tab-content.active.nodisplay { position: relative; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); opacity: 1 } .tabe-container { position: relative; width: 100%; display: block; overflow: hidden } .tab-content { transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; position: absolute; left: 0; top: 0; width: 100%; height: 100% } .tab-content.nodisplay { transform: scale(0.98); -webkit-transform: scale(0.98); -moz-transform: scale(0.98); opacity: 0 } .tab-menu { overflow: hidden; position: relative; overflow: hidden; display: inline-block; border-radius: 3px; padding-left: 0; list-style: none } .tab-menu li { float: left; border-right: 1px solid #5BBC2E; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s } .tab-menu li a { line-height: 35px; display: block; background: #5BBC2E; color: #fff; padding: 5px 10px; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s } .tab-menu li:last-child { border-right: 0 } .tab-hr-view { display: flex; flex-flow: row; justify-content: flex-start } .tab-hr-view .tab-menu { width: 100px; margin-right: 30px } .tab-hr-view .tab-menu li { float: none; text-align: center; border-bottom: 1px solid #5BBC2E } .tab-hr-view .tab-menu li a { padding: 10px } .tab-hr-view .tab-menu li a i { font-size: 30px } .tab-hr-view .tab-menu li:last-child { border-bottom: 0 } .tab-menu li:hover a, .tab-menu li.active a { background: #36A002 } .no-resize { resize: none } .field-success { border-color: #88c35e } .field-success:hover { border-color: #78ad52 } .field-success:focus { border-color: #78ad52 } .field-danger { border-color: #F56F6C } .field-danger:hover { border-color: #dc5a57 } .field-danger:focus { border-color: #dc5a57 } .field-info { border-color: #9AD3DE } .field-info:hover { border-color: #7dc1ce } .field-info:focus { border-color: #7dc1ce } .field-orange { border-color: #FF931E } .field-orange:hover { border-color: #d67d1c } .field-orange:focus { border-color: #d67d1c } .field-warning { border-color: #FEEA3B } .field-warning:hover { border-color: #e6d32a } .field-warning:focus { border-color: #e6d32a } .field-link { border-collapse: #3273DC } .field-link:hover { border-color: #2461c3 } .field-link:focus { border-color: #2461c3 } .field-primary { border-color: #5BBC2E } .field-primary:hover { border-color: #36A002 } .field-primary:focus { border-color: #36A002 } .offra-checkbox { position: relative } .offra-checkbox-label { position: relative; vertical-align: middle; padding-left: 5px } .offra-checkbox-label::after { content: ""; position: absolute; left: -22px; top: 49%; transform: translateY(-50%); visibility: hidden; opacity: 0; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; color: #fff; height: 16px; width: 17px; background: #5BBC2E; z-index: -1 } input.offra-checkbox { -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; vertical-align: middle } input.offra-radio[type='radio'], input.offra-checkbox[type='checkbox'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 17px; width: 17px; border: 1px solid #ddd; overflow: hidden } input.offra-radio[type='radio'] { border-radius: 50% } input.offra-radio[type='radio']:focus { outline: none; box-shadow: 0 0 2px rgba(91, 188, 46, 0.2) } .offra-radio-label { position: relative; padding-left: 5px } .offra-radio-label::after { content: ""; position: absolute; left: -16px; height: 8px; width: 8px; border-radius: 50%; top: 44%; transform: translate(-0.4px, -56%); visibility: hidden; opacity: 0; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; color: #fff; background: #5BBC2E } input.offra-radio[type='radio']:checked~label::after { visibility: visible; opacity: 1 } input.offra-checkbox { background-position: 20% 30% } input.offra-checkbox:checked { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI5Ljc1NiAyOS43NTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI5Ljc1NiAyOS43NTY7IiB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBzdHlsZT0iZmlsbDojZmZmOyIgZD0iTTI5LjA0OSw1LjAwOUwyOC4xOSw0LjE1MWMtMC45NDMtMC45NDUtMi40ODgtMC45NDUtMy40MzQsMEwxMC4xNzIsMTguNzM3bC01LjE3NS01LjE3M2MtMC45NDMtMC45NDQtMi40ODktMC45NDQtMy40MzIsMC4wMDFsLTAuODU4LDAuODU3Yy0wLjk0MywwLjk0NC0wLjk0MywyLjQ4OSwwLDMuNDMzbDcuNzQ0LDcuNzUyYzAuOTQ0LDAuOTQzLDIuNDg5LDAuOTQzLDMuNDMzLDBMMjkuMDQ5LDguNDQyQzI5Ljk5MSw3LjQ5OCwyOS45OTEsNS45NTMsMjkuMDQ5LDUuMDA5eiIvPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=); background-repeat: no-repeat; border-color: #5BBC2E; background-color: #5BBC2E } input.offra-checkbox:focus { box-shadow: 0 0 2px rgba(91, 188, 46, 0.2); outline: none; border-color: #5BBC2E } .field-disabled { pointer-events: none; background: #ececec!important } select.offra-select:not([size]) { border: 1px solid #ddd; padding-left: 15px; background: transparent; height: inherit } select.offra-select:not([multiple]) { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTIuODQ3cHgiIGhlaWdodD0iMTIuODQ3cHgiIHZpZXdCb3g9IjAgMCA0NTEuODQ3IDQ1MS44NDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1MS44NDcgNDUxLjg0NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik0yMjUuOTIzLDM1NC43MDZjLTguMDk4LDAtMTYuMTk1LTMuMDkyLTIyLjM2OS05LjI2M0w5LjI3LDE1MS4xNTdjLTEyLjM1OS0xMi4zNTktMTIuMzU5LTMyLjM5NywwLTQ0Ljc1MWMxMi4zNTQtMTIuMzU0LDMyLjM4OC0xMi4zNTQsNDQuNzQ4LDBsMTcxLjkwNSwxNzEuOTE1bDE3MS45MDYtMTcxLjkwOWMxMi4zNTktMTIuMzU0LDMyLjM5MS0xMi4zNTQsNDQuNzQ0LDBjMTIuMzY1LDEyLjM1NCwxMi4zNjUsMzIuMzkyLDAsNDQuNzUxTDI0OC4yOTIsMzQ1LjQ0OUMyNDIuMTE1LDM1MS42MjEsMjM0LjAxOCwzNTQuNzA2LDIyNS45MjMsMzU0LjcwNnoiLz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+); background-repeat: no-repeat; background-position: 99% 50%; -webkit-appearance: none; -moz-appearance: none } select.offra-select:focus { outline: none } select.offra-select option { line-height: 40px } .form-hr-label { vertical-align: middle; padding: 7px 10px 8px 15px } .field-control-rd { height: 30px } .field-control-ld { height: 50px } .group-text { background: #d8d8d8; padding-left: 10px; vertical-align: middle; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; padding-right: 10px; margin: 0; line-height: 0 } .input-group-success .group-text { background: #88c35e; color: #fff } .input-group-success .field-control { border-color: #88c35e } .input-group-danger .group-text { background: #F56F6C; color: #fff } .input-group-danger .field-control { border-color: #F56F6C } .input-group-info .group-text { background: #9AD3DE; color: #fff } .input-group-info .field-control { border-color: #9AD3DE } .input-group-warning .group-text { background: #FEEA3B; color: #333 } .input-group-warning .field-control { border-color: #FEEA3B } input.offra-file-upload { display: none } .offra-file-upload-label { border: 1px solid #d8d8d8; display: inline-block; padding: 6px 12px; cursor: pointer; position: relative; padding-left: 50px; background: #d8d8d8 } .offra-file-upload-label::before { content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIuMDAxIDUxMi4wMDEiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMi4wMDEgNTEyLjAwMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxwYXRoIGQ9Ik00MDUuOTY3LDE5NS4xMTJjLTEuMDY5LTc4LjA2MS02NC45MDItMTQxLjIzOS0xNDMuMjEzLTE0MS4yMzljLTM0LjgzNSwwLTY4LjM5NiwxMi42NzItOTQuNDk4LDM1LjY4MmMtMjMuMjk2LDIwLjUzNS0zOS4yMzIsNDcuOTc3LTQ1LjU0Myw3OC4xMDZjLTAuNDYxLTAuMDA1LTAuOTE4LTAuMDA5LTEuMzc0LTAuMDA5QzU0LjQzNCwxNjcuNjUyLDAsMjIyLjA4NSwwLDI4OC45OTFTNTQuNDM0LDQxMC4zMywxMjEuMzQsNDEwLjMzaDg0Ljc0M2M2LjAyOSwwLDEwLjkxOS00Ljg4OCwxMC45MTktMTAuOTE5YzAtNi4wMzEtNC44OS0xMC45MTktMTAuOTE5LTEwLjkxOUgxMjEuMzRjLTU0Ljg2NiwwLTk5LjUwMi00NC42MzYtOTkuNTAyLTk5LjUwMWMwLTU0Ljg2NSw0NC42MzYtOTkuNTAxLDk5LjUwMi05OS41MDFjMi45MjMsMCw2LjAxMywwLjE1Nyw5LjQ0OCwwLjQ4YzUuODIyLDAuNTQ1LDExLjA0OS0zLjU5NiwxMS44NDItOS4zOTZjMy45MzItMjguODIsMTguMTYxLTU1LjMyNyw0MC4wNjctNzQuNjM4YzIyLjExMS0xOS40OTIsNTAuNTQyLTMwLjIyNiw4MC4wNTYtMzAuMjI2YzY2LjkzNSwwLDEyMS4zODksNTQuNDU1LDEyMS4zODksMTIxLjM4OWMwLDIuNDEtMC4xNzksNC44OTQtMC4zNjgsNy41MjRsLTAuMDgxLDEuMTE4Yy0wLjIyNywzLjIxMiwwLjk3NSw2LjM2MSwzLjI4Nyw4LjYwNGMyLjMwOSwyLjI0Myw1LjQ4OCwzLjM1MSw4LjY5NywzLjAzYzIuOTA0LTAuMjkzLDUuODM0LTAuNDQsOC43MDgtMC40NGM0Ny4yOTcsMCw4NS43NzgsMzguNDgsODUuNzc4LDg1Ljc3OGMwLDQ3LjI5Ny0zOC40OCw4NS43NzctODUuNzc4LDg1Ljc3N2gtODkuMTExYy02LjAyOSwwLTEwLjkxOSw0Ljg4OC0xMC45MTksMTAuOTE5YzAsNi4wMzEsNC44OSwxMC45MTksMTAuOTE5LDEwLjkxOWg4OS4xMTFjNTkuMzM5LDAsMTA3LjYxNi00OC4yNzUsMTA3LjYxNi0xMDcuNjE1QzUxMiwyNDMuOTA2LDQ2NC41OCwxOTUuOTYxLDQwNS45NjcsMTk1LjExMnoiLz48L2c+PC9nPjxnPjxnPjxwYXRoIGQ9Ik0yNjIuNzU1LDEwNS4xOTJjLTQ1LjY1OCwwLTg0Ljc0MiwzNC4xMjEtOTAuOTE0LDc5LjM2N2MtMC44MTUsNS45NzUsMy4zNjksMTEuNDgsOS4zNDMsMTIuMjk1YzAuNTAxLDAuMDY4LDAuOTk4LDAuMTAyLDEuNDg5LDAuMTAyYzUuMzc1LDAsMTAuMDU5LTMuOTcsMTAuODA0LTkuNDQ0YzQuNzAzLTM0LjQ4LDM0LjQ4Ni02MC40ODIsNjkuMjc3LTYwLjQ4MmM2LjAzMSwwLDEwLjkxOS00Ljg4OCwxMC45MTktMTAuOTE5QzI3My42NzQsMTEwLjA4MSwyNjguNzg1LDEwNS4xOTIsMjYyLjc1NSwxMDUuMTkyeiIvPjwvZz48L2c+PGc+PGc+PHBhdGggZD0iTTMxMi40MSwzMjAuMDUybC0zOS43MTgtMzUuNDhjLTYuODQ3LTYuMTItMTcuMTc3LTYuMTE5LTI0LjAyNy0wLjAwMWwtMzkuNzE4LDM1LjQ4MmMtNC40OTgsNC4wMTctNC44ODYsMTAuOTItMC44NjksMTUuNDE4YzQuMDE3LDQuNDk2LDEwLjkxOSw0Ljg4NywxNS40MTgsMC44NjlsMjYuMjY0LTIzLjQ2MnYxMzQuMzMxYzAsNi4wMzEsNC44ODgsMTAuOTE5LDEwLjkxOSwxMC45MTljNi4wMywwLDEwLjkxOS00Ljg4OCwxMC45MTktMTAuOTE5VjMxMi44NzZsMjYuMjY1LDIzLjQ2M2MyLjA4MiwxLjg2MSw0LjY4MSwyLjc3Niw3LjI3LDIuNzc2YzMuMDAyLDAsNS45OS0xLjIyOSw4LjE0OC0zLjY0NUMzMTcuMjk2LDMzMC45NzIsMzE2LjkwNywzMjQuMDcsMzEyLjQxLDMyMC4wNTJ6Ii8+PC9nPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=); background-repeat: no-repeat; background-position: 99% 50%; -webkit-appearance: none; -moz-appearance: none; position: absolute; left: 10px; top: 0; height: 30px; width: 30px; top: 50%; transform: translateY(-50%) } .offra-form-icon { position: relative } .offra-form-icon .form-icon { position: absolute; display: inline-flex; top: 0; left: 0; bottom: 0; align-items: center; justify-content: center; width: 40px; opacity: .5; cursor: pointer } .offra-form-icon:not(.form-icon-right) .field-control { padding-left: 40px } .offra-form-icon.form-icon-right .form-icon { right: 0; left: auto } .offra-form-icon.form-icon-right .field-control { padding-left: 15px } .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100% } .input-group .dropdown { display: flex; align-items: center; justify-content: center } .input-group .dropdown> :not(.offra-dropdown) { height: 100%; line-height: inherit } .input-group input[type=checkbox] { border-color: #999 } .input-group input[type=radio] { border-color: #999 } .input-group .offra-select { -webkit-box-flex: 1; flex: 1 1 auto; width: 1% } .input-group .field-control { flex: 1 1 auto; -webkit-box-flex: 1; width: auto } .dropdown { position: relative; display: inline-block } .nested-dropdown { display: none } .offra-dropdown { background: #fff; padding: 15px; min-width: 280px; z-index: 70; position: absolute; position: absolute; top: 0; left: 0; display: none; transform: translateY(40px) } .offra-dropdown ul li a { padding: 10px 5px; display: block } .offra-dropdown>ul { padding-left: 0; list-style: none } .offra-dropdown.drop-up { transform: translateY(-100%) } .offra-dropdown-left { left: 0 } .offra-dropdown-right { left: inherit; right: 0 } .dropdown-sign>a { position: relative; display: block } .dropdown-sign>a::after { content: ""; position: absolute; left: calc(100% - 22px); top: 50%; height: 5px; width: 5px; border-top: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent } .dropdown-sign ul { padding-left: 15px; list-style: none } .progress-bar .progress { -webkit-appearance: none; -moz-appearance: none; display: block; width: 100%; border: 0; background-color: #eee!important; margin-bottom: 20px; height: 15px; overflow: hidden } .overlapping-fix::after { display: table; clear: both; content: "" } .demo-single-service i { font-size: 56px } .demo-single-service h4 { padding-top: 16px; padding-bottom: 5px } .demo-single-service p { padding-left: 40px; padding-right: 40px } .demo-single-service a { padding-top: 15px; display: block } .default-footer { background: #111; padding-top: 70px } .footer_widget ul { padding-left: 0; list-style: none } .footer-widget-title { position: relative } .footer-widget-title::after { content: ""; position: absolute; bottom: 0; width: 100%; height: 1px; background: #333; left: 0 } .footer_widget ul li a { color: #ddd; line-height: 32px } .footer-widget-title { margin-bottom: 20px; padding-bottom: 10px; color: #ffff } .default-footer .footer_bottom { padding-top: 10px; padding-bottom: 10px } .default-footer .copyright { border-top: 1px solid #333; padding-top: 15px; padding-bottom: 15px } .default-footer .footer-widget { padding-bottom: 40px } .default-footer .footer_widget { padding-bottom: 50px } .current-nav { background: #5BBC2E; color: #fff } @keyframes stickAnim { from { opacity: 0; transform: translateY(-30px) } to { opacity: 1; transform: translateY(0px) } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @keyframes respin { 0% { transform: rotate(0deg) } 100% { transform: rotate(-360deg) } } .sticky-navbar { -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s } .sticky { position: fixed; z-index: 99; top: 0; width: 100%; left: 0 } .sticky-stand { top: inherit; width: inherit; left: inherit } .switcher-expo { position: relative; width: 70px; height: 29px; background-color: #EBEBEB; border: 1px solid #E6E6E6; border-radius: 56px; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1); transition: all .2s linear; cursor: pointer } .switcher-expo .switcher_handle { position: absolute; top: 1px; left: 3px; z-index: 2; width: 25px; height: 25px; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%); background-image: linear-gradient(to bottom, #fff 0, #f2f2f2 100%); border-radius: 100px; -webkit-transition: -webkit-transform .1s ease-in-out, border .1s ease-in-out; transition: transform .1s ease-in-out, border .1s ease-in-out; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); transition: all .2s linear; cursor: pointer } .switcher-expo.switcher-active { background: #5BBC2E; border-color: #5BBC2E } .switcher-expo.modern { height: 10px; border-radius: 6px; box-shadow: none } .switcher-expo.modern .switcher_handle { width: 7px; top: -50%; transform: translateY(-25%); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4) } @keyframes stickAnim { from { opacity: 0; transform: translateY(-30px) } to { opacity: 1; transform: translateY(0px) } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @keyframes respin { 0% { transform: rotate(0deg) } 100% { transform: rotate(-360deg) } } .loader { border: 1px solid #f3f3f3; border-radius: 50%; border-top: 1px solid #5BBC2E; width: 150px; height: 150px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite } .loader .inner-loader { display: block; animation: respin 2s linear infinite } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @keyframes respin { 0% { transform: rotate(0deg) } 100% { transform: rotate(-360deg) } } .offra-table { width: 100% } .offra-table th { padding: 16px 12px; text-align: left; vertical-align: bottom; font-size: 14px; color: #333; border-top: 1px solid #ddd; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; vertical-align: middle } .offra-table td { padding: 16px 12px; text-align: left; vertical-align: bottom; border-top: 1px solid #ddd; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; vertical-align: middle } .offra-table.table-bordered { border: 1px solid #ddd } .offra-table.table-bordered th { margin-top: -1px } .offra-table.table-bordered td { margin-top: -1px } .offra-table.table-bordered-box th { border: 1px solid #ddd; margin-top: -1px } .offra-table.table-bordered-box td { border: 1px solid #ddd; margin-top: -1px } .offra-table.table-stripped tbody tr:nth-child(odd) { background: #f2f2f2 } .offra-table.table-hover tr { -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s } .offra-table.table-hover tr:hover { background: #ddd } .offra-table.table-hover tbody tr { -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s } .offra-table.table-hover tbody tr:nth-child(odd):hover { background: #ddd } .offra-table.table-cell-1 td { width: auto!important; max-width: none!important; min-width: 0!important; overflow: visible!important; white-space: normal!important; display: block } .offra-table.table-cell-1 th { width: auto!important; max-width: none!important; min-width: 0!important; overflow: visible!important; white-space: normal!important; display: block } .offra-table.table-cell-2 td { width: 50%!important; max-width: 50%!important; min-width: 0!important; overflow: visible!important; white-space: normal!important; float: left } .offra-table.table-cell-2 td:nth-child(odd) { margin-right: -1px } .offra-table.table-cell-2 th { width: 50%!important; max-width: 50%!important; min-width: 0!important; overflow: visible!important; white-space: normal!important; float: left } .offra-table.table-cell-2 th:nth-child(odd) { margin-right: -1px } .offra-table.table-cell-3 td { width: 33.33%!important; max-width: 33.33%!important; min-width: 0!important; overflow: visible!important; white-space: normal!important; float: left } .offra-table.table-cell-3 td:nth-child(odd) { margin-right: -1px } .offra-table.table-cell-3 th { width: 33.33%!important; max-width: 33.33%!important; min-width: 0!important; overflow: visible!important; white-space: normal!important; float: left } .offra-table.table-cell-3 th:nth-child(odd) { margin-right: -1px } .offra-table.table-cell-4 td { width: 25%!important; max-width: 25%!important; min-width: 0!important; overflow: visible!important; white-space: normal!important; float: left; margin-right: -1px } .offra-table.table-cell-4 th { width: 25%!important; max-width: 25%!important; min-width: 0!important; overflow: visible!important; white-space: normal!important; float: left; margin-right: -1px } .offra-table.border-less { border: none!important } .offra-table.border-less th { border: none } .offra-table.border-less td { border: none } .table-scroll { overflow: auto } .table-primary { background: #D8EAFC } .table-success { background: #DEFCD5 } .table-warning { background: rgba(254, 234, 59, 0.1) } .table-danger { background: rgba(254, 111, 108, 0.1) } .popover { position: relative; display: inline-block } .popover-content { min-width: 250px; background: #ddd!important; border: 1px solid #ddd; box-shadow: 0 0 2px rgba(0, 0, 0, 0.05); word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; display: none } .popover-content .popover-inner { position: relative } .popover-content .popover-inner .popover-footer, .popover-content .popover-inner .popover-title { font-size: 15px; background: #eee; color: #333; line-height: 30px } .popover-content .popover-inner .popoverbody { font-size: 14px; font-weight: 400; line-height: 24px; text-align: left; padding-left: 10px; padding-right: 10px; background: #fff; color: #333 } .popover-content.show { display: block } .popover-content.popover-top { background-color: #000; color: #fff; text-align: center; border-radius: 2px; position: absolute; z-index: 1; bottom: calc(100% + 15px); left: 50%; transform: translateX(-50%) } .popover-content.popover-top .popover-inner::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -8px; border-width: 8px; border-style: solid; border-color: #eee transparent transparent } .popover-content.popover-bottom { color: #fff; text-align: center; border-radius: 2px; position: absolute; z-index: 1; top: calc(100% + 15px); left: 50%; transform: translateX(-50%) } .popover-content.popover-bottom .popover-inner::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; border-width: 8px; border-style: solid; border-color: transparent transparent #eee } .popover-content.popover-right { background-color: #000; color: #fff; text-align: center; border-radius: 2px; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); left: calc(100% + 15px) } .popover-content.popover-right .popover-inner::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -8px; border-width: 8px; border-style: solid; border-color: transparent #eee transparent transparent } .popover-content.popover-left { color: #fff; text-align: center; border-radius: 2px; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); right: calc(100% + 15px) } .popover-content.popover-left .popover-inner::after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -8px; border-width: 8px; border-style: solid; border-color: transparent transparent transparent #eee } .offcanvas-inner a { display: block; color: #444; padding: 10px 0 } .offcanvas-inverse { background: #333 } .offcanvas-inverse .offcanvas-cancel { color: #ececec } .offcanvas-inverse * { color: #999 } .offcanvas-inverse a { color: #999 } .step-inner { display: inline-block; overflow: hidden; position: relative; z-index: 10 } .circle:last-child { margin-right: 0 } .circle.done.active { background: #5BBC2E; border-color: #5BBC2E; color: #fff } .circle.done { background: transparent; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s } .circle { height: 30px; width: 30px; display: inline-block; border: 2px solid #ddd; border-radius: 50%; margin-right: 30px; position: relative; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; position: relative; cursor: pointer; color: #333 } .parent { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row } .offra-step.demo-style1 .tabbed_data.active_tab { display: block; opacity: 1; visibility: visible } .offra-step.demo-style1 .tabbed_data { display: none; opacity: 0; transition: all .4s linear } .circle:not(:first-child)::before { height: .2em; width: 100%; bottom: 0; left: -115%; top: 50% } .circle.done::before { background-position: left bottom } .circle:not(:first-child)::before { content: " "; display: block; position: absolute } .circle::before { background: linear-gradient(to left, #dbdbdb 50%, #5BBC2E 50%); background-size: 200% 100%; background-position: right bottom } .step-user-field { padding: 20px; border: 1px solid #ddd } .dynamic-process { display: flex; align-items: center; justify-content: center } .dynamic-process .step-box { width: 16.6666%; display: flex; align-items: center; justify-content: center; flex-flow: column; text-align: center; position: relative } .dynamic-process .step-box .box-number { height: 40px; width: 40px; border: 1px solid #ddd; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; color: #000; box-shadow: inset 0 -8px 29px rgba(0, 0, 0, 0.3); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s } .dynamic-process .step-box .box-number::before { content: ""; position: absolute; left: -5px; top: -5px; height: calc(100% + 10px); width: calc(100% + 10px); border: 1px solid #ddd; border-radius: 50%; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s } .dynamic-process .step-box .process-content { border: 1px solid #eee; padding: 15px 20px; width: 170px; box-shadow: inset 0 0 13px rgba(0, 0, 0, 0.1); margin-top: 20px; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s } .dynamic-process .step-box .process-content h5 { font-weight: 400 } .dynamic-process .step-box .process-content i { font-size: 20px } .dynamic-process .step-box.active .box-number { color: #fff; background: #5BBC2E } .dynamic-process .step-box.active .box-number::before { content: ""; position: absolute; left: -5px; top: -5px; height: calc(100% + 10px); width: calc(100% + 10px); border: 1px solid #5BBC2E; border-radius: 50%; box-shadow: 0 3px 9px rgba(91, 188, 46, 0.2) } .dynamic-process .step-box.active .process-content { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); box-shadow: none; border: 1px solid #5BBC2E } .holder, [class*=holder-] { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .full-holder { width: 100%; max-width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .vc { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .no-gap { padding-left: 0!important; padding-right: 0!important } .hr { margin-right: -15px; margin-left: -15px; display: flex; flex-wrap: wrap } @media only screen and (min-width: 568px) { .modal-content { max-width: 500px } } .vc-1, .vc-2, .vc-3, .vc-4, .vc-5, .vc-6, .vc-7, .vc-8, .vc-9, .vc-10, .vc-11, .vc-12, .vc-ld-1, .vc-od-1, .vc-ad-1, .vc-sd-1, .vc-cd-1, .vc-rd-1, .vc-ld-2, .vc-ad-2, .vc-od-2, .vc-sd-2, .vc-cd-2, .vc-rd-2, .vc-ld-3, .vc-ad-3, .vc-od-3, .vc-sd-3, .vc-cd-3, .vc-rd-3, .vc-ld-4, .vc-ad-4, .vc-od-4, .vc-sd-4, .vc-cd-4, .vc-rd-4, .vc-ld-5, .vc-ad-5, .vc-od-5, .vc-sd-5, .vc-cd-5, .vc-rd-5, .vc-ld-6, .vc-ad-6, .vc-od-6, .vc-sd-6, .vc-cd-6, .vc-rd-6, .vc-ld-7, .vc-ad-7, .vc-od-7, .vc-sd-7, .vc-cd-7, .vc-rd-7, .vc-ld-8, .vc-ad-8, .vc-od-8, .vc-sd-8, .vc-cd-8, .vc-rd-8, .vc-ld-9, .vc-ad-9, .vc-od-9, .vc-sd-9, .vc-cd-9, .vc-rd-9, .vc-ld-10, .vc-ad-10, .vc-od-10, .vc-sd-10, .vc-sd-10, .vc-rd-10, .vc-ld-11, .vc-ad-11, .vc-od-11, .vc-sd-11, .vc-cd-11, .vc-rd-11, .vc-ld-12, .vc-ad-12, .vc-od-12, .vc-sd-12, .vc-cd-12, .vc-rd-12 { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; min-height: 1px; position: relative; display: block; padding-left: 15px; padding-right: 15px } .vc-1 { flex: 0 0 8.3333333%; -ms-flex: 0 0 8.3333333%; max-width: 8.3333333% } .vc-2 { flex: 0 0 16.6666666%; -ms-flex: 0 0 16.6666666%; max-width: 16.6666666% } .vc-3 { flex: 0 0 25%; -ms-flex: 0 0 25%; max-width: 25% } .vc-4 { flex: 0 0 33.3333333%; -ms-flex: 0 0 33.3333333%; max-width: 33.3333333% } .vc-5 { flex: 0 0 41.6666667%; -ms-flex: 0 0 41.6666667%; max-width: 41.6666667% } .vc-6 { flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50% } .vc-7 { flex: 0 0 58.3333333%; -ms-flex: 0 0 58.3333333%; max-width: 58.3333333% } .vc-8 { flex: 0 0 58.3333333%; -ms-flex: 0 0 58.3333333%; max-width: 58.3333333% } .vc-9 { flex: 0 0 75%; -ms-flex: 0 0 75%; max-width: 75% } .vc-10 { flex: 0 0 83.3333333%; -ms-flex: 0 0 83.3333333%; max-width: 83.3333333% } .vc-11 { flex: 0 0 91.6666666%; -ms-flex: 0 0 91.6666666%; max-width: 91.6666666% } .vc-12 { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } @media only screen and (min-width: 1400px) { [class*=holder-] { padding-right: 3%!important; padding-left: 3%!important; max-width: calc(100% - 6%)!important } } @media only screen and (min-width: 1350px) and (max-width: 1400px) { [class*=holder-] { max-width: 1260px!important } } @media only screen and (min-width: 1150px) and (max-width: 1349px) { [class*=holder-] { max-width: 1070px!important } } @media only screen and (min-width: 992px) and (max-width: 1149px) { [class*=holder-] { max-width: 920px!important } } @media only screen and (min-width: 768px) and (max-width: 991px) { [class*=holder-] { max-width: 700px!important } } @media only screen and (min-width: 568px) and (max-width: 767px) { [class*=holder-] { max-width: 500px!important } } .flex-align-ld-center { align-items: center; -webkit-box-align: center!important; -ms-box-align: center!important } .flex-align-ld-start { align-items: flex-start; -webkit-box-align: flex-start!important; -ms-box-align: flex-start!important } .flex-align-ld-end { align-items: flex-end; -webkit-box-align: flex-end!important; -ms-box-align: flex-end!important } .flex-align-ad-center { align-items: center; -webkit-box-align: center!important; -ms-box-align: center!important } .flex-align-ad-start { align-items: flex-start; -webkit-box-align: flex-start!important; -ms-box-align: flex-start!important } .flex-align-ad-end { align-items: flex-end; -webkit-box-align: flex-end!important; -ms-box-align: flex-end!important } .flex-align-od-center { align-items: center; -webkit-box-align: center!important; -ms-box-align: center!important } .flex-align-od-start { align-items: flex-start; -webkit-box-align: flex-start!important; -ms-box-align: flex-start!important } .flex-align-od-end { align-items: flex-end; -webkit-box-align: flex-end!important; -ms-box-align: flex-end!important } .flex-align-sd-center { align-items: center; -webkit-box-align: center!important; -ms-box-align: center!important } .flex-align-sd-start { align-items: flex-start; -webkit-box-align: flex-start!important; -ms-box-align: flex-start!important } .flex-align-sd-end { align-items: flex-end; -webkit-box-align: flex-end!important; -ms-box-align: flex-end!important } .flex-align-rd-center { align-items: center; -webkit-box-align: center!important; -ms-box-align: center!important } .flex-align-rd-start { align-items: flex-start; -webkit-box-align: flex-start!important; -ms-box-align: flex-start!important } .flex-align-rd-end { align-items: flex-end; -webkit-box-align: flex-end!important; -ms-box-align: flex-end!important } .flex-align-cd-center { align-items: center; -webkit-box-align: center!important; -ms-box-align: center!important } .flex-align-cd-start { align-items: flex-start; -webkit-box-align: flex-start!important; -ms-box-align: flex-start!important } .flex-align-cd-end { align-items: flex-end; -webkit-box-align: flex-end!important; -ms-box-align: flex-end!important } .pos-left { left: 0; right: auto } .pos-right { right: 0; left: auto } @media only screen and (max-width: 767px) { .modal-content { max-width: 500px } .holder, [class*=holder-] { max-width: 100%!important; padding-left: 20px; padding-right: 20px } .vc-cd-1 { flex: 0 0 8.3333333%; -ms-flex: 0 0 8.3333333%; max-width: 8.3333333% } .vc-cd-2 { flex: 0 0 16.6666666%; -ms-flex: 0 0 16.6666666%; max-width: 16.6666666% } .vc-cd-3 { flex: 0 0 25%; -ms-flex: 0 0 25%; max-width: 25% } .vc-cd-4 { flex: 0 0 33.3333333%; -ms-flex: 0 0 33.3333333%; max-width: 33.3333333% } .vc-cd-5 { flex: 0 0 41.6666667%; -ms-flex: 0 0 41.6666667%; max-width: 41.6666667% } .vc-cd-6 { flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50% } .vc-cd-7 { flex: 0 0 58.3333333%; -ms-flex: 0 0 58.3333333%; max-width: 58.3333333% } .vc-cd-8 { flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; max-width: 66.666667% } .vc-cd-9 { flex: 0 0 75%; -ms-flex: 0 0 75%; max-width: 75% } .vc-cd-10 { flex: 0 0 83.3333333%; -ms-flex: 0 0 83.3333333%; max-width: 83.3333333% } .vc-cd-11 { flex: 0 0 91.6666666%; -ms-flex: 0 0 91.6666666%; max-width: 91.6666666% } .vc-cd-12 { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } .vc-cd-offset-1 { margin-left: 8.3333333% } .vc-cd-offset-2 { margin-left: 16.6666666% } .vc-cd-offset-3 { margin-left: 25% } .vc-cd-offset-4 { margin-left: 33.3333333% } .vc-cd-offset-5 { margin-left: 41.6666667% } .vc-cd-offset-6 { margin-left: 50% } .vc-cd-offset-7 { margin-left: 58.3333333% } .vc-cd-offset-8 { margin-left: 66.666667% } .vc-cd-offset-9 { margin-left: 75% } .vc-cd-offset-10 { margin-left: 83.3333333% } .vc-cd-offset-11 { margin-left: 91.6666666% } .vc-cd-offset-12 { margin-left: 100% } .vc-cd-push-1 { left: 8.3333333% } .vc-cd-push-2 { left: 16.6666666% } .vc-cd-push-3 { left: 25% } .vc-cd-push-4 { left: 33.3333333% } .vc-cd-push-5 { left: 41.6666667% } .vc-cd-push-6 { left: 50% } .vc-cd-push-7 { left: 58.3333333% } .vc-cd-push-8 { left: 66.666667% } .vc-cd-push-9 { left: 75% } .vc-cd-push-10 { left: 83.3333333% } .vc-cd-push-11 { left: 91.6666666% } .vc-cd-push-12 { left: 100% } .vc-cd-pull-1 { right: 8.3333333% } .vc-cd-pull-2 { right: 16.6666666% } .vc-cd-pull-3 { right: 25% } .vc-cd-pull-4 { right: 33.3333333% } .vc-cd-pull-5 { right: 41.6666667% } .vc-cd-pull-6 { right: 50% } .vc-cd-pull-7 { right: 58.3333333% } .vc-cd-pull-8 { right: 66.666667% } .vc-cd-pull-9 { right: 75% } .vc-cd-pull-10 { right: 83.3333333% } .vc-cd-pull-11 { right: 91.6666666% } .vc-cd-pull-12 { right: 100% } .allow-box-cd { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex } .vc-cd-none { display: none; -webkit-display: none } .vc-cd-block { display: block } .no-gap-cd { padding-left: 0!important; padding-right: 0!important } .vc-cd-middle { -webkit-align-self: center; align-self: center } .vc-cd-top { -webkit-align-self: flex-start; align-self: flex-start } .align-cd-center { text-align: center } .vc-cd-bottom { -webkit-align-self: flex-end; align-self: flex-end } .vc-cd-stretch { -webkit-align-self: stretch; align-self: stretch } .float-cd-left { float: left!important } .float-cd-right { float: right!important } .single-item-cd-right { margin-left: auto!important } .justify-content-cd--center { justify-content: center!important } .justify-content-cd--start { justify-content: flex-start!important } .content-space-cd-middle { justify-content: space-between!important } .content-space-cd-around { justify-content: space-around!important } .justify-content-cd-end { justify-content: flex-end!important } .mtb-cd-30 { margin-top: 30px; margin-bottom: 30px } .ml-cd-30 { margin-left: 30px } .mr-cd-30 { margin-right: 30px } .pt-cd-50 { padding-top: 50px } .ptb-cd-30 { padding-top: 30px; padding-bottom: 30px } .ptb-cd-50 { padding-top: 50px; padding-bottom: 50px } .pt-cd-3 { padding-top: 3px } .pb-cd-3 { padding-bottom: 3px } .pt-cd-100 { padding-top: 100px } .ptb-cd-100 { padding-top: 100px; padding-bottom: 100px } .plr-cd-50 { padding-left: 50px; padding-right: 50px } .plr-cd-30 { padding-left: 30px; padding-right: 30px } .plr-cd-20 { padding-left: 20px; padding-right: 20px } .plr-cd-15 { padding-left: 15px; padding-right: 15px } .plr-cd-10 { padding-left: 10px; padding-right: 10px } .pl-cd-30 { padding-left: 30px } .pr-cd-30 { padding-right: 30px } .mt-cd-30 { margin-top: 30px } .mb-cd-30 { margin-bottom: 30px } .flex-align-cd-center { align-items: center; -webkit-box-align: center!important; -ms-box-align: center!important } .flex-align-cd-start { align-items: flex-start; -webkit-box-align: flex-start!important; -ms-box-align: flex-start!important } .flex-align-cd-end { align-items: flex-end; -webkit-box-align: flex-end!important; -ms-box-align: flex-end!important } .align-cd-left { text-align: left } .align-cd-right { text-align: right } .vc-cd-offset-0 { margin-left: 0 } .flex-align-cd-start { -webkit-box-align: start!important; align-items: flex-start } .flex-align-cd-start { -webkit-box-align: end!important; align-items: flex-end } .modal-od, .modal-ld { max-width: 100%; min-width: 300px; margin-left: 15px!important; margin-right: 15px!important } } @media only screen and (min-width: 568px) and (max-width: 767px) { .modal-content { max-width: 550px } .vc-rd-block { display: block } .no-gap-rd { padding-left: 0!important; padding-right: 0!important } .modal-od, .modal-ld { max-width: 550px } .holder, [class*=holder-] { max-width: 100% } .vc-rd-1 { flex: 0 0 8.3333333%; -ms-flex: 0 0 8.3333333%; max-width: 8.3333333% } .vc-rd-2 { flex: 0 0 16.6666666%; -ms-flex: 0 0 16.6666666%; max-width: 16.6666666% } .vc-rd-3 { flex: 0 0 25%; -ms-flex: 0 0 25%; max-width: 25% } .vc-rd-4 { flex: 0 0 33.3333333%; -ms-flex: 0 0 33.3333333%; max-width: 33.3333333% } .vc-rd-5 { flex: 0 0 41.6666667%; -ms-flex: 0 0 41.6666667%; max-width: 41.6666667% } .vc-rd-6 { flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50% } .vc-rd-7 { flex: 0 0 58.3333333%; -ms-flex: 0 0 58.3333333%; max-width: 58.3333333% } .vc-rd-8 { flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; max-width: 66.666667% } .vc-rd-9 { flex: 0 0 75%; -ms-flex: 0 0 75%; max-width: 75% } .vc-rd-10 { flex: 0 0 83.3333333%; -ms-flex: 0 0 83.3333333%; max-width: 83.3333333% } .vc-rd-11 { flex: 0 0 91.6666666%; -ms-flex: 0 0 91.6666666%; max-width: 91.6666666% } .vc-rd-12 { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } .vc-rd-offset-1 { margin-left: 8.3333333% } .vc-rd-offset-2 { margin-left: 16.6666666% } .vc-rd-offset-3 { margin-left: 25% } .vc-rd-offset-4 { margin-left: 33.3333333% } .vc-rd-offset-5 { margin-left: 41.6666667% } .vc-rd-offset-6 { margin-left: 50% } .vc-rd-offset-7 { margin-left: 58.3333333% } .vc-rd-offset-8 { margin-left: 66.666667% } .vc-rd-offset-9 { margin-left: 75% } .vc-rd-offset-10 { margin-left: 83.3333333% } .vc-rd-offset-11 { margin-left: 91.6666666% } .vc-rd-offset-12 { margin-left: 100% } .vc-rd-push-1 { left: 8.3333333% } .vc-rd-push-2 { left: 16.6666666% } .vc-rd-push-3 { left: 25% } .vc-rd-push-4 { left: 33.3333333% } .vc-rd-push-5 { left: 41.6666667% } .vc-rd-push-6 { left: 50% } .vc-rd-push-7 { left: 58.3333333% } .vc-rd-push-8 { left: 66.666667% } .vc-rd-push-9 { left: 75% } .vc-rd-push-10 { left: 83.3333333% } .vc-rd-push-11 { left: 91.6666666% } .vc-rd-push-12 { left: 100% } .vc-rd-pull-1 { right: 8.3333333% } .vc-rd-pull-2 { right: 16.6666666% } .vc-rd-pull-3 { right: 25% } .vc-rd-pull-4 { right: 33.3333333% } .vc-rd-pull-5 { right: 41.6666667% } .vc-rd-pull-6 { right: 50% } .vc-rd-pull-7 { right: 58.3333333% } .vc-rd-pull-8 { right: 66.666667% } .vc-rd-pull-9 { right: 75% } .vc-rd-pull-10 { right: 83.3333333% } .vc-rd-pull-11 { right: 91.6666666% } .vc-rd-pull-12 { right: 100% } .allow-box-rd { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex } .vc-rd-none { display: none; -webkit-display: none } .vc-rd-middle { -webkit-align-self: center; align-self: center } .vc-rd-top { -webkit-align-self: flex-start; align-self: flex-start } .align-rd-center { text-align: center } .vc-rd-bottom { -webkit-align-self: flex-end; align-self: flex-end } .vc-rd-stretch { -webkit-align-self: stretch; align-self: stretch } .float-rd-left { float: left!important } .float-rd-right { float: right!important } .single-item-rd-right { margin-left: auto } .justify-content-rd--center { justify-content: center } .justify-content-rd--start { justify-content: flex-start } .content-space-rd-middle { justify-content: space-between } .content-space-rd-around { justify-content: space-around } .justify-content-rd-end { justify-content: flex-end } .mtb-rd-30 { margin-top: 30px; margin-bottom: 30px } .ml-rd-30 { margin-left: 30px } .mr-rd-30 { margin-right: 30px } .pt-rd-50 { padding-top: 50px } .ptb-rd-30 { padding-top: 30px; padding-bottom: 30px } .ptb-rd-50 { padding-top: 50px; padding-bottom: 50px } .pt-rd-3 { padding-top: 3px } .pb-rd-3 { padding-bottom: 3px } .pt-rd-100 { padding-top: 100px } .ptb-rd-100 { padding-top: 100px; padding-bottom: 100px } .plr-rd-50 { padding-left: 50px; padding-right: 50px } .plr-rd-30 { padding-left: 30px; padding-right: 30px } .plr-rd-20 { padding-left: 20px; padding-right: 20px } .plr-rd-15 { padding-left: 15px; padding-right: 15px } .plr-rd-10 { padding-left: 10px; padding-right: 10px } .pl-rd-30 { padding-left: 30px } .pr-rd-30 { padding-right: 30px } .mt-rd-30 { margin-top: 30px } .mb-rd-30 { margin-bottom: 30px } .flex-align-rd-center { align-items: center; -webkit-box-align: center!important; -ms-box-align: center!important } .flex-align-rd-start { align-items: flex-start; -webkit-box-align: flex-start!important; -ms-box-align: flex-start!important } .flex-align-rd-end { align-items: flex-end; -webkit-box-align: flex-end!important; -ms-box-align: flex-end!important } .align-rd-left { text-align: left } .align-rd-right { text-align: right } .vc-rd-offset-0 { margin-left: 0 } .flex-align-rd-start { -webkit-box-align: start!important; align-items: flex-start } .flex-align-rd-start { -webkit-box-align: end!important; align-items: flex-end } } @media only screen and (min-width: 768px) { .modal-ld { max-width: 750px } .modal-od { max-width: 750px } .no-gap-sd { padding-left: 0!important; padding-right: 0!important } .holder, [class*=holder-] { max-width: 100%; padding-left: 20px; padding-right: 20px } .vc-sd-1 { flex: 0 0 8.3333333%; -ms-flex: 0 0 8.3333333%; max-width: 8.3333333% } .vc-sd-2 { flex: 0 0 16.6666666%; -ms-flex: 0 0 16.6666666%; max-width: 16.6666666% } .vc-sd-3 { flex: 0 0 25%; -ms-flex: 0 0 25%; max-width: 25% } .vc-sd-4 { flex: 0 0 33.3333333%; -ms-flex: 0 0 33.3333333%; max-width: 33.3333333% } .vc-sd-5 { flex: 0 0 41.6666667%; -ms-flex: 0 0 41.6666667%; max-width: 41.6666667% } .vc-sd-6 { flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50% } .vc-sd-7 { flex: 0 0 58.3333333%; -ms-flex: 0 0 58.3333333%; max-width: 58.3333333% } .vc-sd-8 { flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; max-width: 66.666667% } .vc-sd-9 { flex: 0 0 75%; -ms-flex: 0 0 75%; max-width: 75% } .vc-sd-10 { flex: 0 0 83.3333333%; -ms-flex: 0 0 83.3333333%; max-width: 83.3333333% } .vc-sd-11 { flex: 0 0 91.6666666%; -ms-flex: 0 0 91.6666666%; max-width: 91.6666666% } .vc-sd-12 { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } .vc-sd-offset-1 { margin-left: 8.3333333% } .vc-sd-offset-2 { margin-left: 16.6666666% } .vc-sd-offset-3 { margin-left: 25% } .vc-sd-offset-4 { margin-left: 33.3333333% } .vc-sd-offset-5 { margin-left: 41.6666667% } .vc-sd-offset-6 { margin-left: 50% } .vc-sd-offset-7 { margin-left: 58.3333333% } .vc-sd-offset-8 { margin-left: 66.666667% } .vc-sd-offset-9 { margin-left: 75% } .vc-sd-offset-10 { margin-left: 83.3333333% } .vc-sd-offset-11 { margin-left: 91.6666666% } .vc-sd-offset-12 { margin-left: 100% } .vc-sd-push-1 { left: 8.3333333% } .vc-sd-push-2 { left: 16.6666666% } .vc-sd-push-3 { left: 25% } .vc-sd-push-4 { left: 33.3333333% } .vc-sd-push-5 { left: 41.6666667% } .vc-sd-push-6 { left: 50% } .vc-sd-push-7 { left: 58.3333333% } .vc-sd-push-8 { left: 66.666667% } .vc-sd-push-9 { left: 75% } .vc-sd-push-10 { left: 83.3333333% } .vc-sd-push-11 { left: 91.6666666% } .vc-sd-push-12 { left: 100% } .vc-sd-pull-1 { right: 8.3333333% } .vc-sd-pull-2 { right: 16.6666666% } .vc-sd-pull-3 { right: 25% } .vc-sd-pull-4 { right: 33.3333333% } .vc-sd-pull-5 { right: 41.6666667% } .vc-sd-pull-6 { right: 50% } .vc-sd-pull-7 { right: 58.3333333% } .vc-sd-pull-8 { right: 66.666667% } .vc-sd-pull-9 { right: 75% } .vc-sd-pull-10 { right: 83.3333333% } .vc-sd-pull-11 { right: 91.6666666% } .vc-sd-pull-12 { right: 100% } .allow-box-sd { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex } .vc-sd-none { display: none; -webkit-display: none } .vc-sd-block { display: block } .vc-sd-middle { -webkit-align-self: center; align-self: center } .vc-sd-top { -webkit-align-self: flex-start; align-self: flex-start } .vc-sd-bottom { -webkit-align-self: flex-end; align-self: flex-end } .vc-sd-stretch { -webkit-align-self: stretch; align-self: stretch } .float-sd-left { float: left!important } .float-sd-right { float: right!important } .single-item-sd-right { margin-left: auto } .justify-content-sd--center { justify-content: center } .justify-content-sd--start { justify-content: flex-start } .content-space-sd-middle { justify-content: space-between } .content-space-sd-around { justify-content: space-around } .justify-content-sd-end { justify-content: flex-end } .align-sd-center { text-align: center } .demo-single-service p { padding-left: 0; padding-right: 0 } .demo-single-service h4 { font-size: 16px } .demo-single-service { padding-left: 10px; padding-right: 10px } .mtb-sd-30 { margin-top: 30px; margin-bottom: 30px } .ml-sd-30 { margin-left: 30px } .mr-sd-30 { margin-right: 30px } .pt-sd-50 { padding-top: 50px } .ptb-sd-30 { padding-top: 30px; padding-bottom: 30px } .ptb-sd-50 { padding-top: 50px; padding-bottom: 50px } .pt-sd-3 { padding-top: 3px } .pb-sd-3 { padding-bottom: 3px } .pt-sd-100 { padding-top: 100px } .ptb-sd-100 { padding-top: 100px; padding-bottom: 100px } .plr-sd-50 { padding-left: 50px; padding-right: 50px } .plr-sd-30 { padding-left: 30px; padding-right: 30px } .plr-sd-20 { padding-left: 20px; padding-right: 20px } .plr-sd-15 { padding-left: 15px; padding-right: 15px } .plr-sd-10 { padding-left: 10px; padding-right: 10px } .pl-sd-30 { padding-left: 30px } .pr-sd-30 { padding-right: 30px } .mt-sd-30 { margin-top: 30px } .mb-sd-30 { margin-bottom: 30px } .flex-align-sd-center { align-items: center; -webkit-box-align: center!important; -ms-box-align: center!important } .flex-align-sd-start { align-items: flex-start; -webkit-box-align: flex-start!important; -ms-box-align: flex-start!important } .flex-align-sd-end { align-items: flex-end; -webkit-box-align: flex-end!important; -ms-box-align: flex-end!important } .align-sd-left { text-align: left } .align-sd-right { text-align: right } .vc-sd-offset-0 { margin-left: 0 } .flex-align-sd-start { -webkit-box-align: start!important; align-items: flex-start } .flex-align-sd-start { -webkit-box-align: end!important; align-items: flex-end } } @media only screen and (min-width: 992px) { .modal-ld { max-width: 970px } .holder, [class*=holder-] { max-width: 100%; padding-left: 20px; padding-right: 20px } .no-gap-od { padding-left: 0!important; padding-right: 0!important } .vc-od-1 { flex: 0 0 8.3333333%; -ms-flex: 0 0 8.3333333%; max-width: 8.3333333% } .vc-od-2 { flex: 0 0 16.6666666%; -ms-flex: 0 0 16.6666666%; max-width: 16.6666666% } .vc-od-3 { flex: 0 0 25%; -ms-flex: 0 0 25%; max-width: 25% } .vc-od-4 { flex: 0 0 33.3333333%; -ms-flex: 0 0 33.3333333%; max-width: 33.3333333% } .vc-od-5 { flex: 0 0 41.6666667%; -ms-flex: 0 0 41.6666667%; max-width: 41.6666667% } .vc-od-6 { flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50% } .vc-od-7 { flex: 0 0 58.3333333%; -ms-flex: 0 0 58.3333333%; max-width: 58.3333333% } .vc-od-8 { flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; max-width: 66.666667% } .vc-od-9 { flex: 0 0 75%; -ms-flex: 0 0 75%; max-width: 75% } .vc-od-10 { flex: 0 0 83.3333333%; -ms-flex: 0 0 83.3333333%; max-width: 83.3333333% } .vc-od-11 { flex: 0 0 91.6666666%; -ms-flex: 0 0 91.6666666%; max-width: 91.6666666% } .vc-od-12 { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } .vc-od-block { display: block } .vc-od-offset-1 { margin-left: 8.3333333% } .vc-od-offset-2 { margin-left: 16.6666666% } .vc-od-offset-3 { margin-left: 25% } .vc-od-offset-4 { margin-left: 33.3333333% } .vc-od-offset-5 { margin-left: 41.6666667% } .vc-od-offset-6 { margin-left: 50% } .vc-od-offset-7 { margin-left: 58.3333333% } .vc-od-offset-8 { margin-left: 66.666667% } .vc-od-offset-9 { margin-left: 75% } .vc-od-offset-10 { margin-left: 83.3333333% } .vc-od-offset-11 { margin-left: 91.6666666% } .vc-od-offset-12 { margin-left: 100% } .vc-od-push-1 { left: 8.3333333% } .vc-od-push-2 { left: 16.6666666% } .vc-od-push-3 { left: 25% } .vc-od-push-4 { left: 33.3333333% } .vc-od-push-5 { left: 41.6666667% } .vc-od-push-6 { left: 50% } .vc-od-push-7 { left: 58.3333333% } .vc-od-push-8 { left: 66.666667% } .vc-od-push-9 { left: 75% } .vc-od-push-10 { left: 83.3333333% } .vc-od-push-11 { left: 91.6666666% } .vc-od-push-12 { left: 100% } .vc-od-pull-1 { right: 8.3333333% } .vc-od-pull-2 { right: 16.6666666% } .vc-od-pull-3 { right: 25% } .vc-od-pull-4 { right: 33.3333333% } .vc-od-pull-5 { right: 41.6666667% } .vc-od-pull-6 { right: 50% } .vc-od-pull-7 { right: 58.3333333% } .vc-od-pull-8 { right: 66.666667% } .vc-od-pull-9 { right: 75% } .vc-od-pull-10 { right: 83.3333333% } .vc-od-pull-11 { right: 91.6666666% } .vc-od-pull-12 { right: 100% } .allow-box-od { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex } .vc-od-none { display: none; -webkit-display: none } .vc-od-middle { -webkit-align-self: center; align-self: center } .vc-od-top { -webkit-align-self: flex-start; align-self: flex-start } .vc-od-bottom { -webkit-align-self: flex-end; align-self: flex-end } .vc-od-stretch { -webkit-align-self: stretch; align-self: stretch } .float-od-left { float: left!important } .float-od-right { float: right!important } .single-item-od-right { margin-left: auto } .justify-content-od--center { justify-content: center } .justify-content-od--start { justify-content: flex-start } .content-space-od-middle { justify-content: space-between } .content-space-od-around { justify-content: space-around } .justify-content-od-end { justify-content: flex-end } .align-od-center { text-align: center } .mtb-od-30 { margin-top: 30px; margin-bottom: 30px } .ml-od-30 { margin-left: 30px } .mr-od-30 { margin-right: 30px } .pt-od-50 { padding-top: 50px } .ptb-od-30 { padding-top: 30px; padding-bottom: 30px } .ptb-od-50 { padding-top: 50px; padding-bottom: 50px } .pt-od-3 { padding-top: 3px } .pb-od-3 { padding-bottom: 3px } .pt-od-100 { padding-top: 100px } .ptb-od-100 { padding-top: 100px; padding-bottom: 100px } .plr-od-50 { padding-left: 50px; padding-right: 50px } .plr-od-30 { padding-left: 30px; padding-right: 30px } .plr-od-20 { padding-left: 20px; padding-right: 20px } .plr-od-15 { padding-left: 15px; padding-right: 15px } .plr-od-10 { padding-left: 10px; padding-right: 10px } .pl-od-30 { padding-left: 30px } .pr-od-30 { padding-right: 30px } .mt-od-30 { margin-top: 30px } .mb-od-30 { margin-bottom: 30px } .flex-align-od-center { align-items: center; -webkit-box-align: center!important; -ms-box-align: center!important } .flex-align-od-start { align-items: flex-start; -webkit-box-align: flex-start!important; -ms-box-align: flex-start!important } .flex-align-od-end { align-items: flex-end; -webkit-box-align: flex-end!important; -ms-box-align: flex-end!important } .align-od-left { text-align: left } .align-od-right { text-align: right } .vc-od-offset-0 { margin-left: 0 } .flex-align-od-start { -webkit-box-align: start!important; align-items: flex-start } .flex-align-od-start { -webkit-box-align: end!important; align-items: flex-end } .modal-od { max-width: 992px } } @media only screen and (min-width: 1150px) { .modal-ld { max-width: 1120px } .holder, [class*=holder-] { max-width: 100%; padding-left: 20px; padding-right: 20px } .no-gap-ad { padding-left: 0!important; padding-right: 0!important } .vc-ad-block { display: block } .vc-ad-1 { flex: 0 0 8.3333333%; -ms-flex: 0 0 8.3333333%; max-width: 8.3333333% } .vc-ad-2 { flex: 0 0 16.6666666%; -ms-flex: 0 0 16.6666666%; max-width: 16.6666666% } .vc-ad-3 { flex: 0 0 25%; -ms-flex: 0 0 25%; max-width: 25% } .vc-ad-4 { flex: 0 0 33.3333333%; -ms-flex: 0 0 33.3333333%; max-width: 33.3333333% } .vc-ad-5 { flex: 0 0 41.6666667%; -ms-flex: 0 0 41.6666667%; max-width: 41.6666667% } .vc-ad-6 { flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50% } .vc-ad-7 { flex: 0 0 58.3333333%; -ms-flex: 0 0 58.3333333%; max-width: 58.3333333% } .vc-ad-8 { flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; max-width: 66.666667% } .vc-ad-9 { flex: 0 0 75%; -ms-flex: 0 0 75%; max-width: 75% } .vc-ad-10 { flex: 0 0 83.3333333%; -ms-flex: 0 0 83.3333333%; max-width: 83.3333333% } .vc-ad-11 { flex: 0 0 91.6666666%; -ms-flex: 0 0 91.6666666%; max-width: 91.6666666% } .vc-ad-12 { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } .vc-ad-offset-1 { margin-left: 8.3333333% } .vc-ad-offset-2 { margin-left: 16.6666666% } .vc-ad-offset-3 { margin-left: 25% } .vc-ad-offset-4 { margin-left: 33.3333333% } .vc-ad-offset-5 { margin-left: 41.6666667% } .vc-ad-offset-6 { margin-left: 50% } .vc-ad-offset-7 { margin-left: 58.3333333% } .vc-ad-offset-8 { margin-left: 66.666667% } .vc-ad-offset-9 { margin-left: 75% } .vc-ad-offset-10 { margin-left: 83.3333333% } .vc-ad-offset-11 { margin-left: 91.6666666% } .vc-ad-offset-12 { margin-left: 100% } .vc-ad-push-1 { left: 8.3333333% } .vc-ad-push-2 { left: 16.6666666% } .vc-ad-push-3 { left: 25% } .vc-ad-push-4 { left: 33.3333333% } .vc-ad-push-5 { left: 41.6666667% } .vc-ad-push-6 { left: 50% } .vc-ad-push-7 { left: 58.3333333% } .vc-ad-push-8 { left: 66.666667% } .vc-ad-push-9 { left: 75% } .vc-ad-push-10 { left: 83.3333333% } .vc-ad-push-11 { left: 91.6666666% } .vc-ad-push-12 { left: 100% } .vc-ad-pull-1 { right: 8.3333333% } .vc-ad-pull-2 { right: 16.6666666% } .vc-ad-pull-3 { right: 25% } .vc-ad-pull-4 { right: 33.3333333% } .vc-ad-pull-5 { right: 41.6666667% } .vc-ad-pull-6 { right: 50% } .vc-ad-pull-7 { right: 58.3333333% } .vc-ad-pull-8 { right: 66.666667% } .vc-ad-pull-9 { right: 75% } .vc-ad-pull-10 { right: 83.3333333% } .vc-ad-pull-11 { right: 91.6666666% } .vc-ad-pull-12 { right: 100% } .allow-box-ad { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex } .vc-ad-none { display: none; -webkit-display: none } .vc-ad-middle { -webkit-align-self: center; align-self: center } .vc-ad-top { -webkit-align-self: flex-start; align-self: flex-start } .vc-ad-bottom { -webkit-align-self: flex-end; align-self: flex-end } .vc-ad-stretch { -webkit-align-self: stretch; align-self: stretch } .float-ad-left { float: left!important } .float-ad-right { float: right!important } .single-item-ad-right { margin-left: auto } .justify-content-ad--center { justify-content: center } .justify-content-ad--start { justify-content: flex-start } .content-space-ad-middle { justify-content: space-between } .content-space-ad-around { justify-content: space-around } .justify-content-ad-end { justify-content: flex-end } .align-ad-center { text-align: center } .flex-align-ad-center { align-items: center; -webkit-box-align: center!important; -ms-box-align: center!important } .flex-align-ad-start { align-items: flex-start; -webkit-box-align: flex-start!important; -ms-box-align: flex-start!important } .flex-align-ad-end { align-items: flex-end; -webkit-box-align: flex-end!important; -ms-box-align: flex-end!important } .plr-ad-30 { padding-left: 30px; padding-right: 30px } .align-ad-left { text-align: left } .align-ad-right { text-align: right } .vc-ad-offset-0 { margin-left: 0 } .flex-align-ad-start { -webkit-box-align: start!important; align-items: flex-start } .flex-align-ad-start { -webkit-box-align: end!important; align-items: flex-end } } @media only screen and (min-width: 1350px) { .modal-ld { max-width: 1260px } .holder, [class*=holder-] { max-width: 100%; padding-left: 15px; padding-right: 15px } .vc-ld-block { display: block } .no-gap-ld { padding-left: 0!important; padding-right: 0!important } .vc-ld-1 { flex: 0 0 8.3333333%; -ms-flex: 0 0 8.3333333%; max-width: 8.3333333% } .vc-ld-2 { flex: 0 0 16.6666666%; -ms-flex: 0 0 16.6666666%; max-width: 16.6666666% } .vc-ld-3 { flex: 0 0 25%; -ms-flex: 0 0 25%; max-width: 25% } .vc-ld-4 { flex: 0 0 33.3333333%; -ms-flex: 0 0 33.3333333%; max-width: 33.3333333% } .vc-ld-5 { flex: 0 0 41.6666667%; -ms-flex: 0 0 41.6666667%; max-width: 41.6666667% } .vc-ld-6 { flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50% } .vc-ld-7 { flex: 0 0 58.3333333%; -ms-flex: 0 0 58.3333333%; max-width: 58.3333333% } .vc-ld-8 { flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; max-width: 66.666667% } .vc-ld-9 { flex: 0 0 75%; -ms-flex: 0 0 75%; max-width: 75% } .vc-ld-10 { flex: 0 0 83.3333333%; -ms-flex: 0 0 83.3333333%; max-width: 83.3333333% } .vc-ld-11 { flex: 0 0 91.6666666%; -ms-flex: 0 0 91.6666666%; max-width: 91.6666666% } .vc-ld-12 { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% } .vc-ld-offset-1 { margin-left: 8.3333333% } .vc-ld-offset-2 { margin-left: 16.6666666% } .vc-ld-offset-3 { margin-left: 25% } .vc-ld-offset-4 { margin-left: 33.3333333% } .vc-ld-offset-5 { margin-left: 41.6666667% } .vc-ld-offset-6 { margin-left: 50% } .vc-ld-offset-7 { margin-left: 58.3333333% } .vc-ld-offset-8 { margin-left: 66.666667% } .vc-ld-offset-9 { margin-left: 75% } .vc-ld-offset-10 { margin-left: 83.3333333% } .vc-ld-offset-11 { margin-left: 91.6666666% } .vc-ld-offset-12 { margin-left: 100% } .vc-ld-push-1 { left: 8.3333333% } .vc-ld-push-2 { left: 16.6666666% } .vc-ld-push-3 { left: 25% } .vc-ld-push-4 { left: 33.3333333% } .vc-ld-push-5 { left: 41.6666667% } .vc-ld-push-6 { left: 50% } .vc-ld-push-7 { left: 58.3333333% } .vc-ld-push-8 { left: 66.666667% } .vc-ld-push-9 { left: 75% } .vc-ld-push-10 { left: 83.3333333% } .vc-ld-push-11 { left: 91.6666666% } .vc-ld-push-12 { left: 100% } .vc-ld-pull-1 { right: 8.3333333% } .vc-ld-pull-2 { right: 16.6666666% } .vc-ld-pull-3 { right: 25% } .vc-ld-pull-4 { right: 33.3333333% } .vc-ld-pull-5 { right: 41.6666667% } .vc-ld-pull-6 { right: 50% } .vc-ld-pull-7 { right: 58.3333333% } .vc-ld-pull-8 { right: 66.666667% } .vc-ld-pull-9 { right: 75% } .vc-ld-pull-10 { right: 83.3333333% } .vc-ld-pull-11 { right: 91.6666666% } .vc-ld-pull-12 { right: 100% } .allow-box-ld { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex } .flex-align-ld-center { align-items: center; -webkit-box-align: center!important; -ms-box-align: center!important } .flex-align-ld-start { align-items: flex-start; -webkit-box-align: flex-start!important; -ms-box-align: flex-start!important } .flex-align-ld-end { align-items: flex-end; -webkit-box-align: flex-end!important; -ms-box-align: flex-end!important } .vc-ld-none { display: none; -webkit-display: none } .vc-ld-middle { -webkit-align-self: center; align-self: center } .vc-ld-top { -webkit-align-self: flex-start; align-self: flex-start } .vc-ld-bottom { -webkit-align-self: flex-end; align-self: flex-end } .vc-ld-stretch { -webkit-align-self: stretch; align-self: stretch } .float-ld-left { float: left!important } .float-ld-right { float: right!important } .single-item-ld-right { margin-left: auto } .justify-content-ld--center { justify-content: center } .justify-content-ld--start { justify-content: flex-start } .content-space-ld-middle { justify-content: space-between } .content-space-ld-around { justify-content: space-around } .justify-content-ld-end { justify-content: flex-end } .align-ld-center { text-align: center } .plr-ld-30 { padding-left: 30px; padding-right: 30px } .align-ld-left { text-align: left } .align-ld-right { text-align: right } .vc-ld-offset-0 { margin-left: 0 } .flex-align-ld-start { -webkit-box-align: start!important; align-items: flex-start } .flex-align-ld-start { -webkit-box-align: end!important; align-items: flex-end } } *, ::before, ::after { box-sizing: border-box } html, body { font-size: 1em; color: #444; font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; line-height: 1.6; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; transition: all .4s linear; position: relative } [role=button], a, area, button, input:not([type=range]), label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation } html, body, p, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr { margin: 0; padding: 0 } ul, ol { margin-top: 0; margin-bottom: 0 } a, a:hover, a:focus { text-decoration: none; cursor: pointer } a { color: #37A000 } h1, h2, h3, h4, h5, h6 { font-weight: 500; margin-bottom: .12em; margin-top: 0 } h1 { font-size: 48px; line-height: 70px } h2 { font-size: 36px; line-height: 56px } h3 { font-size: 28px; line-height: 48px } h4 { font-size: 21px; line-height: 38px } h5 { font-size: 18px; line-height: 34px } h6 { font-size: 16px; line-height: 24px } strong, b { font-weight: 700; line-height: inherit } small { font-size: .77em } em { font-style: italic } button, input, select, textarea { margin: 0; border: none } textarea { min-height: 100px } .field-control:focus { outline: none } button, .btn, .btn.btn-medium { outline: none; cursor: pointer } img, embed, object, audio, video { max-width: 100% } section { padding-top: 50px; padding-bottom: 50px } table { border-collapse: collapse } iframe { border: 0 } code, kbd, samp { font-family: inherit; font-size: inherit } img { height: auto; max-width: 100%; vertical-align: middle } pre { overflow: auto } button, input, optgroup, select, textarea { font-family: inherit } .button { -moz-appearance: none; -webkit-appearance: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid transparent; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; vertical-align: top; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-color: #dbdbdb; color: #363636; cursor: pointer; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; white-space: nowrap } blockquote { margin: 0 0 1rem; padding: 1.2rem 1.5rem; border-left: 5px solid #cacaca } blockquote, blockquote p { line-height: 1.6; color: #8a8a8a } cite { display: block; font-size: .8125rem; color: #8a8a8a } cite:before { content: "ΓÇö " } abbr, abbr[title] { border-bottom: 1px dotted #0a0a0a; cursor: help; text-decoration: none } figure { margin: 0 } code { padding: .125rem .3125rem .0625rem; background-color: #e6e6e6; font-weight: 400; font-family: monospace, monospace; color: #E88501; font-size: .95em; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } kbd { margin: 0; padding: .125rem .25rem 0; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #0a0a0a } .float-left { float: left } .float-right { float: right } .offra-inline { display: inline-block; position: relative; max-width: 100%; vertical-align: middle } .align-center { text-align: center } .flex-align-center { align-items: center } .align-middle { align-self: center } .align-top { align-self: flex-start } .align-bottom { align-self: flex-end } .align-left { text-align: left } .align-right { text-align: right } .single-item-right { margin-left: auto } .justify-content-center { justify-content: center } .justify-content-start { justify-content: flex-start } .content-space-middle { justify-content: space-between } .content-space-around { justify-content: space-around } .justify-content-end { justify-content: flex-end } .no-gap>.vc, .no-gap>[class*=vc-] { padding-right: 0; padding-left: 0 } .flex-align-start { -webkit-box-align: start!important; align-items: flex-start; -webkit-box-align: end!important; align-items: flex-end } .allow-box { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row; list-style: none } .list-item { color: #777; padding: 13px 15px; border: 1px solid #ddd; margin-bottom: -1px } .list-item.active { background: #36A002; color: #fff } .list-item.radius:first-child { border-radius: 4px 4px 0 0 } .list-item.radius:last-child { border-radius: 0 0 4px 4px } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0 } .list-group.border-less { border-color: transparent } .list-group.border-less a { border-color: transparent } .inline-item { display: inline-block } .vc-relative { position: relative } .vc-absolute { position: absolute } .vc-static { position: static } @media only screen and (min-width: 1350px) and (max-width: 4000px) { .vc-ld-none { display: none; display: none!important } .vc-ld-middle { -webkit-align-self: center; align-self: center } .vc-ld-top { -webkit-align-self: flex-start; align-self: flex-start } .vc-ld-bottom { -webkit-align-self: flex-end; align-self: flex-end } .vc-ld-stretch { -webkit-align-self: stretch; align-self: stretch } .float-ld-left { float: left!important } .float-ld-right { float: left!important } .single-item-ld-right { margin-left: auto } .justify-content-ld--center { justify-content: center } .justify-content-ld--start { justify-content: flex-start } .content-space-ld-middle { justify-content: space-between } .content-space-ld-around { justify-content: space-around } .justify-content-ld-end { justify-content: flex-end } .align-ld-center { text-align: center } .flex-align-ld-center { align-items: center } } @media only screen and (min-width: 992px) and (max-width: 1149px) { .navbar-nav li a { padding: 0 20px 0 0; font-size: .85em; margin-right: 2px } .DropDown, .NsubMenu, .subMenu { width: 190px } } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav li a { padding: 0 25px 0 0; font-size: .85em; margin-right: 2px } .form-box input { max-width: 130px } .DropDown, .NsubMenu, .subMenu { width: 190px } } @media only screen and (min-width: 320px) and (max-width: 767px) { .menu_toggle { display: flex; cursor: pointer; min-height: 60px; align-items: center; justify-content: center } .navigation-area { position: relative } .navbar-mobile { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; display: block; position: absolute; background: #fff; left: 50%; width: 100%; z-index: 90; padding: 15px; top: 100%; transform: rotateX(90deg) translateX(-50%); transform-origin: top; opacity: 0; visibility: hidden; transition: all .3s linear } .navbar-mobile.active { visibility: visible; transform: rotateX(0deg) translateX(-50%); opacity: 1 } .navbar-nav li a { line-height: 46px; display: block } .navbar-nav { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column; padding-left: 10px; margin-left: 0 } .DropDown, .subMenu, .NsubMenu { position: relative; left: 0; width: 100%; top: 0; box-shadow: none } .navbar-nav li .DpSign>a::after { left: calc(100% - -5px); border-top: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent } .brand-logo { left: 69%; position: absolute; transform: translateX(-50%) } .full-with-dropdown ul li ul li { float: none } .demo-single-service p { padding-left: 0; padding-right: 0 } } @media only screen and (min-width: 568px) and (max-width: 767px) { .navbar-mobile { max-width: 440px } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings