/* Template Name: SKRN Progression Template URI: http://progression-studios.com/skrn/ Author: Progression Studios Author URI: https://progressionstudios.com/ Description: Media Streaming App Site Template Version: 1.1 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html */ /* Table of Contents 01. FONT STYLES 02. BUTTON STYLES 03. HIGHLIGHT COLORS 04. MAIN CONTAINERS 05. HEADER STYLES 06. NAVIGATION STYLES 07. DASHBOARD MAIN STYLES 08. DASHBOARD NAVIGATION STYLES 09. DASHBOARD HEADER USER & NOTIFICATION STYLES 10. DASHBOARD HEADER SEARCH STYLES 11. DASHBOARD SLIDER STYLES 12. DASHBOARD CONTENT SIDEBAR PAGES 13. DASHBOARD ACCOUNT PAGES 14. HEADINGS & PAGE TITLE STYLES 15. DEFAULT PAGE STYLES 16. LOGIN/REGISTRATION STYLES 17. INPUT/TEXTAREA STYLES 18. FOOTER STYLES 19. HOMEPAGE STYLES 20. FLEXSLIDER DEFAULT STYLES 21. MOBILE NAVIGATION 22. SOCIAL ICONS 23. CSS3 ANIMATIONS 24. RESPONSIVE STYLES */ /* =============================================== 01. FONT STYLES =============================================== */ body, input, textarea, select { font-family: 'Lato', sans-serif; line-height: 1.8; color:#394855; font-size:15px; } hr { border-color:rgba(0,0,0, 0.09); margin-bottom: 1.5rem; } p { margin-bottom: 1.5rem; } p.small-paragraph-spacing { margin-bottom:1rem; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-weight:700; color:#394855; margin-bottom: 0.6rem; } .flexslider.progression-studios-dashboard-slider h2.light-fonts-pro a, h1.light-fonts-pro, h2.light-fonts-pro { color:#ffffff; } p.light-fonts-pro { color:rgba(255,255,255, 0.85); } h3.light-fonts-pro, h4.light-fonts-pro, h5.light-fonts-pro, h6.light-fonts-pro, .progression-studios-slider-caption-width h6.light-fonts-pro { color:rgba(255,255,255, 0.7); } h1.heading-extra-margin-bottom, h2.heading-extra-margin-bottom, h3.heading-extra-margin-bottom, h4.heading-extra-margin-bottom, h5.heading-extra-margin-bottom, h6.heading-extra-margin-bottom { margin-bottom:1.2rem; } /* =============================================== 02. BUTTON STYLES =============================================== */ /* Default Button */ .btn { font-family: 'Montserrat', sans-serif; font-weight:400; padding:12px 14px; font-size:13px; border:1px solid #e7e7e7; background:#f9f9f9; color:#666666; } .btn.btn-lg { padding:16px 30px; font-size:15px; } .btn.btn-sm { padding:10px 18px; font-size:12px; } button.btn:focus { box-shadow:none; } .btn.btn-display-block { display:block; width:100%; } .form-group .btn { font-size:14px; } .btn i { margin-right:8px; } /* =============================================== 03. HIGHLIGHT COLORS =============================================== */ a, ul#sidebar-reviews-pro li .spoiler-review, ul#profile-watched-stats span, .item-playlist-text-skrn h5 a:hover, .item-listing-text-skrn h6 a:hover, .payment-method-container h5 sup, .pricing-plans-page-container h2, .current-plan-account h2, .progression-studios-slider-more-options ul li:last-child a:hover, .progression-studios-slider-more-options ul li a:hover, ul.page-numbers li a.next:hover, ul.page-numbers li a.previous:hover, #header-user-notification-list li a:hover, #header-user-profile-menu ul li a:hover, .welcome-page-styles h3.welcome-plan-title span, h2.registration-final-heading span, ul.welcome-features li:before, ul.checkmark-list-pro li:before, .billing-plan-container h3 .total, .jumbotron-pro [class^="icon-"], .jumbotron-pro [class*=" icon-"], .jumbotron-pro i.fa-check-circle, ul.registration-genres-choice li i.fa-check-circle, ul.registration-invite-friends-list li i.fa-check-circle, #mobile-navigation-pro li.current-menu-item a { color:#248DC5; } .flexslider.progression-studios-dashboard-slider h2 a:hover, a:hover { color:#9d9d9d; text-decoration:none; } ul.dashboard-genres-pro li.active, #search-mobile-nav-pro input:focus, select.custom-select:focus, ul.registration-invite-friends-list li.active, ul.registration-genres-choice li.active, ul.registration-genres-choice li:hover, ul.registration-invite-friends-list li:hover, .form-group input:focus, .form-group textarea:focus, .jumbotron-pro.jumbotron-selected, .registration-billing-form .jumbotron-pro:hover, ul#registration-steps-pro li:hover, ul#registration-steps-pro li.current-menu-item { border-color:#248dc5; } ul#registration-steps-pro li.current-menu-item .registration-step-circle-icon:before { border-top-color:#248dc5; } .form-group-invite-friends ::-webkit-scrollbar-thumb { background:#248dc5; } ul#friends-activity-profiles li.friends-activity-profiles-more a, a.edit-profile-sidebar, ul.dashboard-sub-menu li.current a:after, body .asRange .asRange-pointer:before, body .asRange .asRange-selected, .checkbox-pro-container .checkmark-pro:after, span.user-notification-count, ul#registration-steps-pro li.current-menu-item .registration-step-circle-icon { background:#248dc5; } /* Green Button Color */ ul.page-numbers li span.page-numbers.current, a.not-a-member-pro:hover, .sf-menu a:before, body .short-border-bottom:after, .btn-green-pro, .btn:hover, .flex-control-paging li a.flex-active, .btn-header-pro:hover, #pro-scroll-top:hover { color:#ffffff; border-color:#248dc5; background:#248dc5; } /* Dark Grey Button Color */ ul#friends-activity-profiles li.friends-activity-profiles-more a:hover, .btn-green-pro:hover { color:#ffffff; border-color:#9d9d9d; background:#9d9d9d; } /* Green Mouse Selection Color */ ::-moz-selection { color:#ffffff; background:#248dc5; } ::selection { color:#ffffff; background:#248dc5; } ::selection h2 { color:#ffffff; background:#248dc5; } /* Green Box Shadow Color */ .btn-shadow-pro { box-shadow: 0px 12px 28px rgba(61,177,61, 0.38); } .btn-shadow-pro:hover { box-shadow: 0px 12px 28px rgba(161,161,161, 0.38); } /* =============================================== 04. MAIN CONTAINERS =============================================== */ #content-pro { padding:50px 0px; } img { max-width:100%; height:auto; } /* Changing Default Bootstrap Container To Be Fluid Instead of Jumping */ @media (min-width: 576px) { .container { max-width: 100%; } } @media (min-width: 1200px) { .container { max-width: 1140px;/* Default Setting */ } } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* =============================================== 05. HEADER STYLES =============================================== */ header#masthead-pro h1 img { width:111px; margin:27px 0px 27px 0px; } header#masthead-pro { position:relative; z-index:50; background:#ffffff; box-shadow: 0px 0px 10px rgba(0,0,0, 0.06); } header#masthead-pro:after { display:block; content:''; position:relative; margin-top:-1px; bottom:0px; height:1px; width:100%; z-index:50; background:rgba(0,0,0, 0.07); } header#masthead-pro h1 { line-height:1; font-size:5px; margin:0px 35px 0px 0px; padding:0px; float:left; } /* Header Button */ .btn-header-pro { margin-top:20px; margin-bottom: 20px; float:right; } .btn-header-pro.btn-green-pro { margin-left:12px; } /* Deafult Margin & Padding */ .dis_no_pc {display: none !important;} .dis_blo_pc {display: block !important;} .w-100 {width: 100% !important;} .m-0 {margin: 0px !important;} .mt-0 {margin-top: 0px !important;} .mt-5 {margin-top: 5px !important;} .mt-10 {margin-top: 10px !important;} .mt-15 {margin-top: 15px !important;} .mt-20 {margin-top: 20px !important;} .mt-25 {margin-top: 25px !important;} .mt-30 {margin-top: 30px !important;} .mt-35 {margin-top: 35px !important;} .mt-40 {margin-top: 40px !important;} .mt-45 {margin-top: 45px !important;} .mt-50 {margin-top: 50px !important;} .mt-55 {margin-top: 55px !important;} .mt-60 {margin-top: 60px !important;} .mt-65 {margin-top: 65px !important;} .mt-70 {margin-top: 70px !important;} .mt-75 {margin-top: 75px !important;} .mt-80 {margin-top: 80px !important;} .mt-85 {margin-top: 85px !important;} .mt-90 {margin-top: 90px !important;} .mt-95 {margin-top: 95px !important;} .mt-100 {margin-top: 100px !important;} .mt-105 {margin-top: 105px !important;} .mt-110 {margin-top: 110px !important;} .mt-115 {margin-top: 115px !important;} .mt-120 {margin-top: 120px !important;} .mt-125 {margin-top: 125px !important;} .mt-130 {margin-top: 130px !important;} .mt-135 {margin-top: 135px !important;} .mt-140 {margin-top: 140px !important;} .mt-145 {margin-top: 145px !important;} .mt-150 {margin-top: 150px !important;} .mt-155 {margin-top: 155px !important;} .mt-160 {margin-top: 160px !important;} .mt-165 {margin-top: 165px !important;} .mt-170 {margin-top: 170px !important;} .mt-175 {margin-top: 175px !important;} .mt-180 {margin-top: 180px !important;} .mt-185 {margin-top: 185px !important;} .mt-190 {margin-top: 190px !important;} .mt-195 {margin-top: 195px !important;} .mt-200 {margin-top: 200px !important;} .mb-0 {margin-bottom: 0px !important;} .mb-5 {margin-bottom: 5px !important;} .mb-10 {margin-bottom: 10px !important;} .mb-15 {margin-bottom: 15px !important;} .mb-20 {margin-bottom: 20px !important;} .mb-25 {margin-bottom: 25px !important;} .mb-30 {margin-bottom: 30px !important;} .mb-35 {margin-bottom: 35px !important;} .mb-40 {margin-bottom: 40px !important;} .mb-45 {margin-bottom: 45px !important;} .mb-50 {margin-bottom: 50px !important;} .mb-55 {margin-bottom: 55px !important;} .mb-60 {margin-bottom: 60px !important;} .mb-65 {margin-bottom: 65px !important;} .mb-70 {margin-bottom: 70px !important;} .mb-75 {margin-bottom: 75px !important;} .mb-80 {margin-bottom: 80px !important;} .mb-85 {margin-bottom: 85px !important;} .mb-90 {margin-bottom: 90px !important;} .mb-95 {margin-bottom: 95px !important;} .mb-100 {margin-bottom: 100px !important;} .mb-105 {margin-bottom: 105px !important;} .mb-110 {margin-bottom: 110px !important;} .mb-115 {margin-bottom: 115px !important;} .mb-120 {margin-bottom: 120px !important;} .mb-125 {margin-bottom: 125px !important;} .mb-130 {margin-bottom: 130px !important;} .mb-135 {margin-bottom: 135px !important;} .mb-140 {margin-bottom: 140px !important;} .mb-145 {margin-bottom: 145px !important;} .mb-150 {margin-bottom: 150px !important;} .mb-155 {margin-bottom: 155px !important;} .mb-160 {margin-bottom: 160px !important;} .mb-165 {margin-bottom: 165px !important;} .mb-170 {margin-bottom: 170px !important;} .mb-175 {margin-bottom: 175px !important;} .mb-180 {margin-bottom: 180px !important;} .mb-185 {margin-bottom: 185px !important;} .mb-190 {margin-bottom: 190px !important;} .mb-195 {margin-bottom: 195px !important;} .mb-200 {margin-bottom: 200px !important;} .mtb-0 {margin-top: 0px !important; margin-bottom: 0px !important;} .mtb-5 {margin-top: 5px !important; margin-bottom: 5px !important;} .mtb-10 {margin-top: 10px !important; margin-bottom: 10px !important;} .mtb-15 {margin-top: 15px !important; margin-bottom: 15px !important;} .mtb-20 {margin-top: 20px !important; margin-bottom: 20px !important;} .mtb-25 {margin-top: 25px !important; margin-bottom: 25px !important;} .mtb-30 {margin-top: 30px !important; margin-bottom: 30px !important;} .mtb-35 {margin-top: 35px !important; margin-bottom: 35px !important;} .mtb-40 {margin-top: 40px !important; margin-bottom: 40px !important;} .mtb-45 {margin-top: 45px !important; margin-bottom: 45px !important;} .mtb-50 {margin-top: 50px !important; margin-bottom: 50px !important;} .mtb-55 {margin-top: 55px !important; margin-bottom: 55px !important;} .mtb-60 {margin-top: 60px !important; margin-bottom: 60px !important;} .mtb-65 {margin-top: 65px !important; margin-bottom: 65px !important;} .mtb-70 {margin-top: 70px !important; margin-bottom: 70px !important;} .mtb-75 {margin-top: 75px !important; margin-bottom: 75px !important;} .mtb-80 {margin-top: 80px !important; margin-bottom: 80px !important;} .mtb-85 {margin-top: 85px !important; margin-bottom: 85px !important;} .mtb-90 {margin-top: 90px !important; margin-bottom: 90px !important;} .mtb-95 {margin-top: 95px !important; margin-bottom: 95px !important;} .mtb-100 {margin-top: 100px !important; margin-bottom: 100px !important;} .mtb-105 {margin-top: 105px !important; margin-bottom: 105px !important;} .mtb-110 {margin-top: 110px !important; margin-bottom: 110px !important;} .mtb-115 {margin-top: 115px !important; margin-bottom: 115px !important;} .mtb-120 {margin-top: 120px !important; margin-bottom: 120px !important;} .mtb-125 {margin-top: 125px !important; margin-bottom: 125px !important;} .mtb-130 {margin-top: 130px !important; margin-bottom: 130px !important;} .mtb-135 {margin-top: 135px !important; margin-bottom: 135px !important;} .mtb-140 {margin-top: 140px !important; margin-bottom: 140px !important;} .mtb-145 {margin-top: 145px !important; margin-bottom: 145px !important;} .mtb-150 {margin-top: 150px !important; margin-bottom: 150px !important;} .mtb-155 {margin-top: 155px !important; margin-bottom: 155px !important;} .mtb-160 {margin-top: 160px !important; margin-bottom: 160px !important;} .mtb-165 {margin-top: 165px !important; margin-bottom: 165px !important;} .mtb-170 {margin-top: 170px !important; margin-bottom: 170px !important;} .mtb-175 {margin-top: 175px !important; margin-bottom: 175px !important;} .mtb-180 {margin-top: 180px !important; margin-bottom: 180px !important;} .mtb-185 {margin-top: 185px !important; margin-bottom: 185px !important;} .mtb-190 {margin-top: 190px !important; margin-bottom: 190px !important;} .mtb-195 {margin-top: 195px !important; margin-bottom: 195px !important;} .mtb-200 {margin-top: 200px !important; margin-bottom: 200px !important;} .ml-0 {margin-left: 0px !important;} .ml-5 {margin-left: 5px !important;} .ml-10 {margin-left: 10px !important;} .ml-15 {margin-left: 15px !important;} .ml-20 {margin-left: 20px !important;} .ml-25 {margin-left: 25px !important;} .ml-30 {margin-left: 30px !important;} .ml-35 {margin-left: 35px !important;} .ml-40 {margin-left: 40px !important;} .ml-45 {margin-left: 45px !important;} .ml-50 {margin-left: 50px !important;} .ml-55 {margin-left: 55px !important;} .ml-60 {margin-left: 60px !important;} .ml-65 {margin-left: 65px !important;} .ml-70 {margin-left: 70px !important;} .ml-75 {margin-left: 75px !important;} .ml-80 {margin-left: 80px !important;} .ml-85 {margin-left: 85px !important;} .ml-90 {margin-left: 90px !important;} .ml-95 {margin-left: 95px !important;} .ml-100 {margin-left: 100px !important;} .ml-105 {margin-left: 105px !important;} .ml-110 {margin-left: 110px !important;} .ml-115 {margin-left: 115px !important;} .ml-120 {margin-left: 120px !important;} .ml-125 {margin-left: 125px !important;} .ml-130 {margin-left: 130px !important;} .ml-135 {margin-left: 135px !important;} .ml-140 {margin-left: 140px !important;} .ml-145 {margin-left: 145px !important;} .ml-150 {margin-left: 150px !important;} .ml-155 {margin-left: 155px !important;} .ml-160 {margin-left: 160px !important;} .ml-165 {margin-left: 165px !important;} .ml-170 {margin-left: 170px !important;} .ml-175 {margin-left: 175px !important;} .ml-180 {margin-left: 180px !important;} .ml-185 {margin-left: 185px !important;} .ml-190 {margin-left: 190px !important;} .ml-195 {margin-left: 195px !important;} .ml-200 {margin-left: 200px !important;} .mr-0 {margin-right: 0px !important;} .mr-5 {margin-right: 5px !important;} .mr-10 {margin-right: 10px !important;} .mr-15 {margin-right: 15px !important;} .mr-20 {margin-right: 20px !important;} .mr-25 {margin-right: 25px !important;} .mr-30 {margin-right: 30px !important;} .mr-35 {margin-right: 35px !important;} .mr-40 {margin-right: 40px !important;} .mr-45 {margin-right: 45px !important;} .mr-50 {margin-right: 50px !important;} .mr-55 {margin-right: 55px !important;} .mr-60 {margin-right: 60px !important;} .mr-65 {margin-right: 65px !important;} .mr-70 {margin-right: 70px !important;} .mr-75 {margin-right: 75px !important;} .mr-80 {margin-right: 80px !important;} .mr-85 {margin-right: 85px !important;} .mr-90 {margin-right: 90px !important;} .mr-95 {margin-right: 95px !important;} .mr-100 {margin-right: 100px !important;} .mr-105 {margin-right: 105px !important;} .mr-110 {margin-right: 110px !important;} .mr-115 {margin-right: 115px !important;} .mr-120 {margin-right: 120px !important;} .mr-125 {margin-right: 125px !important;} .mr-130 {margin-right: 130px !important;} .mr-135 {margin-right: 135px !important;} .mr-140 {margin-right: 140px !important;} .mr-145 {margin-right: 145px !important;} .mr-150 {margin-right: 150px !important;} .mr-155 {margin-right: 155px !important;} .mr-160 {margin-right: 160px !important;} .mr-165 {margin-right: 165px !important;} .mr-170 {margin-right: 170px !important;} .mr-175 {margin-right: 175px !important;} .mr-180 {margin-right: 180px !important;} .mr-185 {margin-right: 185px !important;} .mr-190 {margin-right: 190px !important;} .mr-195 {margin-right: 195px !important;} .mr-200 {margin-right: 200px !important;} .mrl-0 {margin-left: 0px !important; margin-right: 0px !important;} .mrl-5 {margin-left: 5px !important; margin-right: 5px !important;} .mrl-10 {margin-left: 10px !important; margin-right: 10px !important;} .mrl-15 {margin-left: 15px !important; margin-right: 15px !important;} .mrl-20 {margin-left: 20px !important; margin-right: 20px !important;} .mrl-25 {margin-left: 25px !important; margin-right: 25px !important;} .mrl-30 {margin-left: 30px !important; margin-right: 30px !important;} .mrl-35 {margin-left: 35px !important; margin-right: 35px !important;} .mrl-40 {margin-left: 40px !important; margin-right: 40px !important;} .mrl-45 {margin-left: 45px !important; margin-right: 45px !important;} .mrl-50 {margin-left: 50px !important; margin-right: 50px !important;} .mrl-55 {margin-left: 55px !important; margin-right: 55px !important;} .mrl-60 {margin-left: 60px !important; margin-right: 60px !important;} .mrl-65 {margin-left: 65px !important; margin-right: 65px !important;} .mrl-70 {margin-left: 70px !important; margin-right: 70px !important;} .mrl-75 {margin-left: 75px !important; margin-right: 75px !important;} .mrl-80 {margin-left: 80px !important; margin-right: 80px !important;} .mrl-85 {margin-left: 85px !important; margin-right: 85px !important;} .mrl-90 {margin-left: 90px !important; margin-right: 90px !important;} .mrl-95 {margin-left: 95px !important; margin-right: 95px !important;} .mrl-100 {margin-left: 100px !important; margin-right: 100px !important;} .mrl-105 {margin-left: 105px !important; margin-right: 105px !important;} .mrl-110 {margin-left: 110px !important; margin-right: 110px !important;} .mrl-115 {margin-left: 115px !important; margin-right: 115px !important;} .mrl-120 {margin-left: 120px !important; margin-right: 120px !important;} .mrl-125 {margin-left: 125px !important; margin-right: 125px !important;} .mrl-130 {margin-left: 130px !important; margin-right: 130px !important;} .mrl-135 {margin-left: 135px !important; margin-right: 135px !important;} .mrl-140 {margin-left: 140px !important; margin-right: 140px !important;} .mrl-145 {margin-left: 145px !important; margin-right: 145px !important;} .mrl-150 {margin-left: 150px !important; margin-right: 150px !important;} .mrl-155 {margin-left: 155px !important; margin-right: 155px !important;} .mrl-160 {margin-left: 160px !important; margin-right: 160px !important;} .mrl-165 {margin-left: 165px !important; margin-right: 165px !important;} .mrl-170 {margin-left: 170px !important; margin-right: 170px !important;} .mrl-175 {margin-left: 175px !important; margin-right: 175px !important;} .mrl-180 {margin-left: 180px !important; margin-right: 180px !important;} .mrl-185 {margin-left: 185px !important; margin-right: 185px !important;} .mrl-190 {margin-left: 190px !important; margin-right: 190px !important;} .mrl-195 {margin-left: 195px !important; margin-right: 195px !important;} .mrl-200 {margin-left: 200px !important; margin-right: 200px !important;} .p-0 {padding: 0px !important;} .pt-0 {padding-top: 0px !important;} .pt-5 {padding-top: 5px !important;} .pt-10 {padding-top: 10px !important;} .pt-15 {padding-top: 15px !important;} .pt-20 {padding-top: 20px !important;} .pt-25 {padding-top: 25px !important;} .pt-30 {padding-top: 30px !important;} .pt-35 {padding-top: 35px !important;} .pt-40 {padding-top: 40px !important;} .pt-45 {padding-top: 45px !important;} .pt-50 {padding-top: 50px !important;} .pt-55 {padding-top: 55px !important;} .pt-60 {padding-top: 60px !important;} .pt-65 {padding-top: 65px !important;} .pt-70 {padding-top: 70px !important;} .pt-75 {padding-top: 75px !important;} .pt-80 {padding-top: 80px !important;} .pt-85 {padding-top: 85px !important;} .pt-90 {padding-top: 90px !important;} .pt-95 {padding-top: 95px !important;} .pt-100 {padding-top: 100px !important;} .pt-105 {padding-top: 105px !important;} .pt-110 {padding-top: 110px !important;} .pt-115 {padding-top: 115px !important;} .pt-120 {padding-top: 120px !important;} .pt-125 {padding-top: 125px !important;} .pt-130 {padding-top: 130px !important;} .pt-135 {padding-top: 135px !important;} .pt-140 {padding-top: 140px !important;} .pt-145 {padding-top: 145px !important;} .pt-150 {padding-top: 150px !important;} .pt-155 {padding-top: 155px !important;} .pt-160 {padding-top: 160px !important;} .pt-165 {padding-top: 165px !important;} .pt-170 {padding-top: 170px !important;} .pt-175 {padding-top: 175px !important;} .pt-180 {padding-top: 180px !important;} .pt-185 {padding-top: 185px !important;} .pt-190 {padding-top: 190px !important;} .pt-195 {padding-top: 195px !important;} .pt-200 {padding-top: 200px !important;} .pb-0 {padding-bottom: 0px !important;} .pb-5 {padding-bottom: 5px !important;} .pb-10 {padding-bottom: 10px !important;} .pb-15 {padding-bottom: 15px !important;} .pb-20 {padding-bottom: 20px !important;} .pb-25 {padding-bottom: 25px !important;} .pb-30 {padding-bottom: 30px !important;} .pb-35 {padding-bottom: 35px !important;} .pb-40 {padding-bottom: 40px !important;} .pb-45 {padding-bottom: 45px !important;} .pb-50 {padding-bottom: 50px !important;} .pb-55 {padding-bottom: 55px !important;} .pb-60 {padding-bottom: 60px !important;} .pb-65 {padding-bottom: 65px !important;} .pb-70 {padding-bottom: 70px !important;} .pb-75 {padding-bottom: 75px !important;} .pb-80 {padding-bottom: 80px !important;} .pb-85 {padding-bottom: 85px !important;} .pb-90 {padding-bottom: 90px !important;} .pb-95 {padding-bottom: 95px !important;} .pb-100 {padding-bottom: 100px !important;} .pb-105 {padding-bottom: 105px !important;} .pb-110 {padding-bottom: 110px !important;} .pb-115 {padding-bottom: 115px !important;} .pb-120 {padding-bottom: 120px !important;} .pb-125 {padding-bottom: 125px !important;} .pb-130 {padding-bottom: 130px !important;} .pb-135 {padding-bottom: 135px !important;} .pb-140 {padding-bottom: 140px !important;} .pb-145 {padding-bottom: 145px !important;} .pb-150 {padding-bottom: 150px !important;} .pb-155 {padding-bottom: 155px !important;} .pb-160 {padding-bottom: 160px !important;} .pb-165 {padding-bottom: 165px !important;} .pb-170 {padding-bottom: 170px !important;} .pb-175 {padding-bottom: 175px !important;} .pb-180 {padding-bottom: 180px !important;} .pb-185 {padding-bottom: 185px !important;} .pb-190 {padding-bottom: 190px !important;} .pb-195 {padding-bottom: 195px !important;} .pb-200 {padding-bottom: 200px !important;} .ptb-0 {padding-top: 0px !important; padding-bottom: 0px !important;} .ptb-5 {padding-top: 5px !important; padding-bottom: 5px !important;} .ptb-10 {padding-top: 10px !important; padding-bottom: 10px !important;} .ptb-15 {padding-top: 15px !important; padding-bottom: 15px !important;} .ptb-20 {padding-top: 20px !important; padding-bottom: 20px !important;} .ptb-25 {padding-top: 25px !important; padding-bottom: 25px !important;} .ptb-30 {padding-top: 30px !important; padding-bottom: 30px !important;} .ptb-35 {padding-top: 35px !important; padding-bottom: 35px !important;} .ptb-40 {padding-top: 40px !important; padding-bottom: 40px !important;} .ptb-45 {padding-top: 45px !important; padding-bottom: 45px !important;} .ptb-50 {padding-top: 50px !important; padding-bottom: 50px !important;} .ptb-55 {padding-top: 55px !important; padding-bottom: 55px !important;} .ptb-60 {padding-top: 60px !important; padding-bottom: 60px !important;} .ptb-65 {padding-top: 65px !important; padding-bottom: 65px !important;} .ptb-70 {padding-top: 70px !important; padding-bottom: 70px !important;} .ptb-75 {padding-top: 75px !important; padding-bottom: 75px !important;} .ptb-80 {padding-top: 80px !important; padding-bottom: 80px !important;} .ptb-85 {padding-top: 85px !important; padding-bottom: 85px !important;} .ptb-90 {padding-top: 90px !important; padding-bottom: 90px !important;} .ptb-95 {padding-top: 95px !important; padding-bottom: 95px !important;} .ptb-100 {padding-top: 100px !important; padding-bottom: 100px !important;} .ptb-105 {padding-top: 105px !important; padding-bottom: 105px !important;} .ptb-110 {padding-top: 110px !important; padding-bottom: 110px !important;} .ptb-115 {padding-top: 115px !important; padding-bottom: 115px !important;} .ptb-120 {padding-top: 120px !important; padding-bottom: 120px !important;} .ptb-125 {padding-top: 125px !important; padding-bottom: 125px !important;} .ptb-130 {padding-top: 130px !important; padding-bottom: 130px !important;} .ptb-135 {padding-top: 135px !important; padding-bottom: 135px !important;} .ptb-140 {padding-top: 140px !important; padding-bottom: 140px !important;} .ptb-145 {padding-top: 145px !important; padding-bottom: 145px !important;} .ptb-150 {padding-top: 150px !important; padding-bottom: 150px !important;} .ptb-155 {padding-top: 155px !important; padding-bottom: 155px !important;} .ptb-160 {padding-top: 160px !important; padding-bottom: 160px !important;} .ptb-165 {padding-top: 165px !important; padding-bottom: 165px !important;} .ptb-170 {padding-top: 170px !important; padding-bottom: 170px !important;} .ptb-175 {padding-top: 175px !important; padding-bottom: 175px !important;} .ptb-180 {padding-top: 180px !important; padding-bottom: 180px !important;} .ptb-185 {padding-top: 185px !important; padding-bottom: 185px !important;} .ptb-190 {padding-top: 190px !important; padding-bottom: 190px !important;} .ptb-195 {padding-top: 195px !important; padding-bottom: 195px !important;} .ptb-200 {padding-top: 200px !important; padding-bottom: 200px !important;} .pl-0 {padding-left: 0px !important;} .pl-5 {padding-left: 5px !important;} .pl-10 {padding-left: 10px !important;} .pl-15 {padding-left: 15px !important;} .pl-20 {padding-left: 20px !important;} .pl-25 {padding-left: 25px !important;} .pl-30 {padding-left: 30px !important;} .pl-35 {padding-left: 35px !important;} .pl-40 {padding-left: 40px !important;} .pl-45 {padding-left: 45px !important;} .pl-50 {padding-left: 50px !important;} .pl-55 {padding-left: 55px !important;} .pl-60 {padding-left: 60px !important;} .pl-65 {padding-left: 65px !important;} .pl-70 {padding-left: 70px !important;} .pl-75 {padding-left: 75px !important;} .pl-80 {padding-left: 80px !important;} .pl-85 {padding-left: 85px !important;} .pl-90 {padding-left: 90px !important;} .pl-95 {padding-left: 95px !important;} .pl-100 {padding-left: 100px !important;} .pl-105 {padding-left: 105px !important;} .pl-110 {padding-left: 110px !important;} .pl-115 {padding-left: 115px !important;} .pl-120 {padding-left: 120px !important;} .pl-125 {padding-left: 125px !important;} .pl-130 {padding-left: 130px !important;} .pl-135 {padding-left: 135px !important;} .pl-140 {padding-left: 140px !important;} .pl-145 {padding-left: 145px !important;} .pl-150 {padding-left: 150px !important;} .pl-155 {padding-left: 155px !important;} .pl-160 {padding-left: 160px !important;} .pl-165 {padding-left: 165px !important;} .pl-170 {padding-left: 170px !important;} .pl-175 {padding-left: 175px !important;} .pl-180 {padding-left: 180px !important;} .pl-185 {padding-left: 185px !important;} .pl-190 {padding-left: 190px !important;} .pl-195 {padding-left: 195px !important;} .pl-200 {padding-left: 200px !important;} .pr-0 {padding-right: 0px !important;} .pr-5 {padding-right: 5px !important;} .pr-10 {padding-right: 10px !important;} .pr-15 {padding-right: 15px !important;} .pr-20 {padding-right: 20px !important;} .pr-25 {padding-right: 25px !important;} .pr-30 {padding-right: 30px !important;} .pr-35 {padding-right: 35px !important;} .pr-40 {padding-right: 40px !important;} .pr-45 {padding-right: 45px !important;} .pr-50 {padding-right: 50px !important;} .pr-55 {padding-right: 55px !important;} .pr-60 {padding-right: 60px !important;} .pr-65 {padding-right: 65px !important;} .pr-70 {padding-right: 70px !important;} .pr-75 {padding-right: 75px !important;} .pr-80 {padding-right: 80px !important;} .pr-85 {padding-right: 85px !important;} .pr-90 {padding-right: 90px !important;} .pr-95 {padding-right: 95px !important;} .pr-100 {padding-right: 100px !important;} .pr-105 {padding-right: 105px !important;} .pr-110 {padding-right: 110px !important;} .pr-115 {padding-right: 115px !important;} .pr-120 {padding-right: 120px !important;} .pr-125 {padding-right: 125px !important;} .pr-130 {padding-right: 130px !important;} .pr-135 {padding-right: 135px !important;} .pr-140 {padding-right: 140px !important;} .pr-145 {padding-right: 145px !important;} .pr-150 {padding-right: 150px !important;} .pr-155 {padding-right: 155px !important;} .pr-160 {padding-right: 160px !important;} .pr-165 {padding-right: 165px !important;} .pr-170 {padding-right: 170px !important;} .pr-175 {padding-right: 175px !important;} .pr-180 {padding-right: 180px !important;} .pr-185 {padding-right: 185px !important;} .pr-190 {padding-right: 190px !important;} .pr-195 {padding-right: 195px !important;} .pr-200 {padding-right: 200px !important;} .prl-0 {padding-right: 0px !important; padding-left: 0px !important;} .prl-5 {padding-right: 5px !important; padding-left: 5px !important;} .prl-10 {padding-right: 10px !important; padding-left: 10px !important;} .prl-15 {padding-right: 15px !important; padding-left: 15px !important;} .prl-20 {padding-right: 20px !important; padding-left: 20px !important;} .prl-25 {padding-right: 25px !important; padding-left: 25px !important;} .prl-30 {padding-right: 30px !important; padding-left: 30px !important;} .prl-35 {padding-right: 35px !important; padding-left: 35px !important;} .prl-40 {padding-right: 40px !important; padding-left: 40px !important;} .prl-45 {padding-right: 45px !important; padding-left: 45px !important;} .prl-50 {padding-right: 50px !important; padding-left: 50px !important;} .prl-55 {padding-right: 55px !important; padding-left: 55px !important;} .prl-60 {padding-right: 60px !important; padding-left: 60px !important;} .prl-65 {padding-right: 65px !important; padding-left: 65px !important;} .prl-70 {padding-right: 70px !important; padding-left: 70px !important;} .prl-75 {padding-right: 75px !important; padding-left: 75px !important;} .prl-80 {padding-right: 80px !important; padding-left: 80px !important;} .prl-85 {padding-right: 85px !important; padding-left: 85px !important;} .prl-90 {padding-right: 90px !important; padding-left: 90px !important;} .prl-95 {padding-right: 95px !important; padding-left: 95px !important;} .prl-100 {padding-right: 100px !important; padding-left: 100px !important;} .prl-105 {padding-right: 105px !important; padding-left: 105px !important;} .prl-110 {padding-right: 110px !important; padding-left: 110px !important;} .prl-115 {padding-right: 115px !important; padding-left: 115px !important;} .prl-120 {padding-right: 120px !important; padding-left: 120px !important;} .prl-125 {padding-right: 125px !important; padding-left: 125px !important;} .prl-130 {padding-right: 130px !important; padding-left: 130px !important;} .prl-135 {padding-right: 135px !important; padding-left: 135px !important;} .prl-140 {padding-right: 140px !important; padding-left: 140px !important;} .prl-145 {padding-right: 145px !important; padding-left: 145px !important;} .prl-150 {padding-right: 150px !important; padding-left: 150px !important;} .prl-155 {padding-right: 155px !important; padding-left: 155px !important;} .prl-160 {padding-right: 160px !important; padding-left: 160px !important;} .prl-165 {padding-right: 165px !important; padding-left: 165px !important;} .prl-170 {padding-right: 170px !important; padding-left: 170px !important;} .prl-175 {padding-right: 175px !important; padding-left: 175px !important;} .prl-180 {padding-right: 180px !important; padding-left: 180px !important;} .prl-185 {padding-right: 185px !important; padding-left: 185px !important;} .prl-190 {padding-right: 190px !important; padding-left: 190px !important;} .prl-195 {padding-right: 195px !important; padding-left: 195px !important;} .prl-200 {padding-right: 200px !important; padding-left: 200px !important;} @media (max-width:576px) { .dis_no_sm {display: none !important;} .dis_blo_sm {display: block !important;} .m-0_sm {margin: 0px !important;} .w-80_sm {width: 80% !important;} .mt-0_sm {margin-top: 0px !important;} .mt-5_sm {margin-top: 5px !important;} .mt-10_sm {margin-top: 10px !important;} .mt-15_sm {margin-top: 15px !important;} .mt-20_sm {margin-top: 20px !important;} .mt-25_sm {margin-top: 25px !important;} .mt-30_sm {margin-top: 30px !important;} .mt-35_sm {margin-top: 35px !important;} .mt-40_sm {margin-top: 40px !important;} .mt-45_sm {margin-top: 45px !important;} .mt-50_sm {margin-top: 50px !important;} .mt-55_sm {margin-top: 55px !important;} .mt-60_sm {margin-top: 60px !important;} .mt-65_sm {margin-top: 65px !important;} .mt-70_sm {margin-top: 70px !important;} .mt-75_sm {margin-top: 75px !important;} .mt-80_sm {margin-top: 80px !important;} .mt-85_sm {margin-top: 85px !important;} .mt-90_sm {margin-top: 90px !important;} .mt-95_sm {margin-top: 95px !important;} .mt-100_sm {margin-top: 100px !important;} .mt-105_sm {margin-top: 105px !important;} .mt-110_sm {margin-top: 110px !important;} .mt-115_sm {margin-top: 115px !important;} .mt-120_sm {margin-top: 120px !important;} .mt-125_sm {margin-top: 125px !important;} .mt-130_sm {margin-top: 130px !important;} .mt-135_sm {margin-top: 135px !important;} .mt-140_sm {margin-top: 140px !important;} .mt-145_sm {margin-top: 145px !important;} .mt-150_sm {margin-top: 150px !important;} .mt-155_sm {margin-top: 155px !important;} .mt-160_sm {margin-top: 160px !important;} .mt-165_sm {margin-top: 165px !important;} .mt-170_sm {margin-top: 170px !important;} .mt-175_sm {margin-top: 175px !important;} .mt-180_sm {margin-top: 180px !important;} .mt-185_sm {margin-top: 185px !important;} .mt-190_sm {margin-top: 190px !important;} .mt-195_sm {margin-top: 195px !important;} .mt-200_sm {margin-top: 200px !important;} .mb-0_sm {margin-bottom: 0px !important;} .mb-5_sm {margin-bottom: 5px !important;} .mb-10_sm {margin-bottom: 10px !important;} .mb-15_sm {margin-bottom: 15px !important;} .mb-20_sm {margin-bottom: 20px !important;} .mb-25_sm {margin-bottom: 25px !important;} .mb-30_sm {margin-bottom: 30px !important;} .mb-35_sm {margin-bottom: 35px !important;} .mb-40_sm {margin-bottom: 40px !important;} .mb-45_sm {margin-bottom: 45px !important;} .mb-50_sm {margin-bottom: 50px !important;} .mb-55_sm {margin-bottom: 55px !important;} .mb-60_sm {margin-bottom: 60px !important;} .mb-65_sm {margin-bottom: 65px !important;} .mb-70_sm {margin-bottom: 70px !important;} .mb-75_sm {margin-bottom: 75px !important;} .mb-80_sm {margin-bottom: 80px !important;} .mb-85_sm {margin-bottom: 85px !important;} .mb-90_sm {margin-bottom: 90px !important;} .mb-95_sm {margin-bottom: 95px !important;} .mb-100_sm {margin-bottom: 100px !important;} .mb-105_sm {margin-bottom: 105px !important;} .mb-110_sm {margin-bottom: 110px !important;} .mb-115_sm {margin-bottom: 115px !important;} .mb-120_sm {margin-bottom: 120px !important;} .mb-125_sm {margin-bottom: 125px !important;} .mb-130_sm {margin-bottom: 130px !important;} .mb-135_sm {margin-bottom: 135px !important;} .mb-140_sm {margin-bottom: 140px !important;} .mb-145_sm {margin-bottom: 145px !important;} .mb-150_sm {margin-bottom: 150px !important;} .mb-155_sm {margin-bottom: 155px !important;} .mb-160_sm {margin-bottom: 160px !important;} .mb-165_sm {margin-bottom: 165px !important;} .mb-170_sm {margin-bottom: 170px !important;} .mb-175_sm {margin-bottom: 175px !important;} .mb-180_sm {margin-bottom: 180px !important;} .mb-185_sm {margin-bottom: 185px !important;} .mb-190_sm {margin-bottom: 190px !important;} .mb-195_sm {margin-bottom: 195px !important;} .mb-200_sm {margin-bottom: 200px !important;} .mtb-0_sm {margin-top: 0px !important; margin-bottom: 0px !important;} .mtb-5_sm {margin-top: 5px !important; margin-bottom: 5px !important;} .mtb-10_sm {margin-top: 10px !important; margin-bottom: 10px !important;} .mtb-15_sm {margin-top: 15px !important; margin-bottom: 15px !important;} .mtb-20_sm {margin-top: 20px !important; margin-bottom: 20px !important;} .mtb-25_sm {margin-top: 25px !important; margin-bottom: 25px !important;} .mtb-30_sm {margin-top: 30px !important; margin-bottom: 30px !important;} .mtb-35_sm {margin-top: 35px !important; margin-bottom: 35px !important;} .mtb-40_sm {margin-top: 40px !important; margin-bottom: 40px !important;} .mtb-45_sm {margin-top: 45px !important; margin-bottom: 45px !important;} .mtb-50_sm {margin-top: 50px !important; margin-bottom: 50px !important;} .mtb-55_sm {margin-top: 55px !important; margin-bottom: 55px !important;} .mtb-60_sm {margin-top: 60px !important; margin-bottom: 60px !important;} .mtb-65_sm {margin-top: 65px !important; margin-bottom: 65px !important;} .mtb-70_sm {margin-top: 70px !important; margin-bottom: 70px !important;} .mtb-75_sm {margin-top: 75px !important; margin-bottom: 75px !important;} .mtb-80_sm {margin-top: 80px !important; margin-bottom: 80px !important;} .mtb-85_sm {margin-top: 85px !important; margin-bottom: 85px !important;} .mtb-90_sm {margin-top: 90px !important; margin-bottom: 90px !important;} .mtb-95_sm {margin-top: 95px !important; margin-bottom: 95px !important;} .mtb-100_sm {margin-top: 100px !important; margin-bottom: 100px !important;} .mtb-105_sm {margin-top: 105px !important; margin-bottom: 105px !important;} .mtb-110_sm {margin-top: 110px !important; margin-bottom: 110px !important;} .mtb-115_sm {margin-top: 115px !important; margin-bottom: 115px !important;} .mtb-120_sm {margin-top: 120px !important; margin-bottom: 120px !important;} .mtb-125_sm {margin-top: 125px !important; margin-bottom: 125px !important;} .mtb-130_sm {margin-top: 130px !important; margin-bottom: 130px !important;} .mtb-135_sm {margin-top: 135px !important; margin-bottom: 135px !important;} .mtb-140_sm {margin-top: 140px !important; margin-bottom: 140px !important;} .mtb-145_sm {margin-top: 145px !important; margin-bottom: 145px !important;} .mtb-150_sm {margin-top: 150px !important; margin-bottom: 150px !important;} .mtb-155_sm {margin-top: 155px !important; margin-bottom: 155px !important;} .mtb-160_sm {margin-top: 160px !important; margin-bottom: 160px !important;} .mtb-165_sm {margin-top: 165px !important; margin-bottom: 165px !important;} .mtb-170_sm {margin-top: 170px !important; margin-bottom: 170px !important;} .mtb-175_sm {margin-top: 175px !important; margin-bottom: 175px !important;} .mtb-180_sm {margin-top: 180px !important; margin-bottom: 180px !important;} .mtb-185_sm {margin-top: 185px !important; margin-bottom: 185px !important;} .mtb-190_sm {margin-top: 190px !important; margin-bottom: 190px !important;} .mtb-195_sm {margin-top: 195px !important; margin-bottom: 195px !important;} .mtb-200_sm {margin-top: 200px !important; margin-bottom: 200px !important;} .ml-0_sm {margin-left: 0px !important;} .ml-5_sm {margin-left: 5px !important;} .ml-10_sm {margin-left: 10px !important;} .ml-15_sm {margin-left: 15px !important;} .ml-20_sm {margin-left: 20px !important;} .ml-25_sm {margin-left: 25px !important;} .ml-30_sm {margin-left: 30px !important;} .ml-35_sm {margin-left: 35px !important;} .ml-40_sm {margin-left: 40px !important;} .ml-45_sm {margin-left: 45px !important;} .ml-50_sm {margin-left: 50px !important;} .ml-55_sm {margin-left: 55px !important;} .ml-60_sm {margin-left: 60px !important;} .ml-65_sm {margin-left: 65px !important;} .ml-70_sm {margin-left: 70px !important;} .ml-75_sm {margin-left: 75px !important;} .ml-80_sm {margin-left: 80px !important;} .ml-85_sm {margin-left: 85px !important;} .ml-90_sm {margin-left: 90px !important;} .ml-95_sm {margin-left: 95px !important;} .ml-100_sm {margin-left: 100px !important;} .ml-105_sm {margin-left: 105px !important;} .ml-110_sm {margin-left: 110px !important;} .ml-115_sm {margin-left: 115px !important;} .ml-120_sm {margin-left: 120px !important;} .ml-125_sm {margin-left: 125px !important;} .ml-130_sm {margin-left: 130px !important;} .ml-135_sm {margin-left: 135px !important;} .ml-140_sm {margin-left: 140px !important;} .ml-145_sm {margin-left: 145px !important;} .ml-150_sm {margin-left: 150px !important;} .ml-155_sm {margin-left: 155px !important;} .ml-160_sm {margin-left: 160px !important;} .ml-165_sm {margin-left: 165px !important;} .ml-170_sm {margin-left: 170px !important;} .ml-175_sm {margin-left: 175px !important;} .ml-180_sm {margin-left: 180px !important;} .ml-185_sm {margin-left: 185px !important;} .ml-190_sm {margin-left: 190px !important;} .ml-195_sm {margin-left: 195px !important;} .ml-200_sm {margin-left: 200px !important;} .mr-0_sm {margin-right: 0px !important;} .mr-5_sm {margin-right: 5px !important;} .mr-10_sm {margin-right: 10px !important;} .mr-15_sm {margin-right: 15px !important;} .mr-20_sm {margin-right: 20px !important;} .mr-25_sm {margin-right: 25px !important;} .mr-30_sm {margin-right: 30px !important;} .mr-35_sm {margin-right: 35px !important;} .mr-40_sm {margin-right: 40px !important;} .mr-45_sm {margin-right: 45px !important;} .mr-50_sm {margin-right: 50px !important;} .mr-55_sm {margin-right: 55px !important;} .mr-60_sm {margin-right: 60px !important;} .mr-65_sm {margin-right: 65px !important;} .mr-70_sm {margin-right: 70px !important;} .mr-75_sm {margin-right: 75px !important;} .mr-80_sm {margin-right: 80px !important;} .mr-85_sm {margin-right: 85px !important;} .mr-90_sm {margin-right: 90px !important;} .mr-95_sm {margin-right: 95px !important;} .mr-100_sm {margin-right: 100px !important;} .mr-105_sm {margin-right: 105px !important;} .mr-110_sm {margin-right: 110px !important;} .mr-115_sm {margin-right: 115px !important;} .mr-120_sm {margin-right: 120px !important;} .mr-125_sm {margin-right: 125px !important;} .mr-130_sm {margin-right: 130px !important;} .mr-135_sm {margin-right: 135px !important;} .mr-140_sm {margin-right: 140px !important;} .mr-145_sm {margin-right: 145px !important;} .mr-150_sm {margin-right: 150px !important;} .mr-155_sm {margin-right: 155px !important;} .mr-160_sm {margin-right: 160px !important;} .mr-165_sm {margin-right: 165px !important;} .mr-170_sm {margin-right: 170px !important;} .mr-175_sm {margin-right: 175px !important;} .mr-180_sm {margin-right: 180px !important;} .mr-185_sm {margin-right: 185px !important;} .mr-190_sm {margin-right: 190px !important;} .mr-195_sm {margin-right: 195px !important;} .mr-200_sm {margin-right: 200px !important;} .mrl-0_sm {margin-left: 0px !important; margin-right: 0px !important;} .mrl-5_sm {margin-left: 5px !important; margin-right: 5px !important;} .mrl-10_sm {margin-left: 10px !important; margin-right: 10px !important;} .mrl-15_sm {margin-left: 15px !important; margin-right: 15px !important;} .mrl-20_sm {margin-left: 20px !important; margin-right: 20px !important;} .mrl-25_sm {margin-left: 25px !important; margin-right: 25px !important;} .mrl-30_sm {margin-left: 30px !important; margin-right: 30px !important;} .mrl-35_sm {margin-left: 35px !important; margin-right: 35px !important;} .mrl-40_sm {margin-left: 40px !important; margin-right: 40px !important;} .mrl-45_sm {margin-left: 45px !important; margin-right: 45px !important;} .mrl-50_sm {margin-left: 50px !important; margin-right: 50px !important;} .mrl-55_sm {margin-left: 55px !important; margin-right: 55px !important;} .mrl-60_sm {margin-left: 60px !important; margin-right: 60px !important;} .mrl-65_sm {margin-left: 65px !important; margin-right: 65px !important;} .mrl-70_sm {margin-left: 70px !important; margin-right: 70px !important;} .mrl-75_sm {margin-left: 75px !important; margin-right: 75px !important;} .mrl-80_sm {margin-left: 80px !important; margin-right: 80px !important;} .mrl-85_sm {margin-left: 85px !important; margin-right: 85px !important;} .mrl-90_sm {margin-left: 90px !important; margin-right: 90px !important;} .mrl-95_sm {margin-left: 95px !important; margin-right: 95px !important;} .mrl-100_sm {margin-left: 100px !important; margin-right: 100px !important;} .mrl-105_sm {margin-left: 105px !important; margin-right: 105px !important;} .mrl-110_sm {margin-left: 110px !important; margin-right: 110px !important;} .mrl-115_sm {margin-left: 115px !important; margin-right: 115px !important;} .mrl-120_sm {margin-left: 120px !important; margin-right: 120px !important;} .mrl-125_sm {margin-left: 125px !important; margin-right: 125px !important;} .mrl-130_sm {margin-left: 130px !important; margin-right: 130px !important;} .mrl-135_sm {margin-left: 135px !important; margin-right: 135px !important;} .mrl-140_sm {margin-left: 140px !important; margin-right: 140px !important;} .mrl-145_sm {margin-left: 145px !important; margin-right: 145px !important;} .mrl-150_sm {margin-left: 150px !important; margin-right: 150px !important;} .mrl-155_sm {margin-left: 155px !important; margin-right: 155px !important;} .mrl-160_sm {margin-left: 160px !important; margin-right: 160px !important;} .mrl-165_sm {margin-left: 165px !important; margin-right: 165px !important;} .mrl-170_sm {margin-left: 170px !important; margin-right: 170px !important;} .mrl-175_sm {margin-left: 175px !important; margin-right: 175px !important;} .mrl-180_sm {margin-left: 180px !important; margin-right: 180px !important;} .mrl-185_sm {margin-left: 185px !important; margin-right: 185px !important;} .mrl-190_sm {margin-left: 190px !important; margin-right: 190px !important;} .mrl-195_sm {margin-left: 195px !important; margin-right: 195px !important;} .mrl-200_sm {margin-left: 200px !important; margin-right: 200px !important;} .p-0_sm {padding: 0px !important;} .pt-0_sm {padding-top: 0px !important;} .pt-5_sm {padding-top: 5px !important;} .pt-10_sm {padding-top: 10px !important;} .pt-15_sm {padding-top: 15px !important;} .pt-20_sm {padding-top: 20px !important;} .pt-25_sm {padding-top: 25px !important;} .pt-30_sm {padding-top: 30px !important;} .pt-35_sm {padding-top: 35px !important;} .pt-40_sm {padding-top: 40px !important;} .pt-45_sm {padding-top: 45px !important;} .pt-50_sm {padding-top: 50px !important;} .pt-55_sm {padding-top: 55px !important;} .pt-60_sm {padding-top: 60px !important;} .pt-65_sm {padding-top: 65px !important;} .pt-70_sm {padding-top: 70px !important;} .pt-75_sm {padding-top: 75px !important;} .pt-80_sm {padding-top: 80px !important;} .pt-85_sm {padding-top: 85px !important;} .pt-90_sm {padding-top: 90px !important;} .pt-95_sm {padding-top: 95px !important;} .pt-100_sm {padding-top: 100px !important;} .pt-105_sm {padding-top: 105px !important;} .pt-110_sm {padding-top: 110px !important;} .pt-115_sm {padding-top: 115px !important;} .pt-120_sm {padding-top: 120px !important;} .pt-125_sm {padding-top: 125px !important;} .pt-130_sm {padding-top: 130px !important;} .pt-135_sm {padding-top: 135px !important;} .pt-140_sm {padding-top: 140px !important;} .pt-145_sm {padding-top: 145px !important;} .pt-150_sm {padding-top: 150px !important;} .pt-155_sm {padding-top: 155px !important;} .pt-160_sm {padding-top: 160px !important;} .pt-165_sm {padding-top: 165px !important;} .pt-170_sm {padding-top: 170px !important;} .pt-175_sm {padding-top: 175px !important;} .pt-180_sm {padding-top: 180px !important;} .pt-185_sm {padding-top: 185px !important;} .pt-190_sm {padding-top: 190px !important;} .pt-195_sm {padding-top: 195px !important;} .pt-200_sm {padding-top: 200px !important;} .pb-0_sm {padding-bottom: 0px !important;} .pb-5_sm {padding-bottom: 5px !important;} .pb-10_sm {padding-bottom: 10px !important;} .pb-15_sm {padding-bottom: 15px !important;} .pb-20_sm {padding-bottom: 20px !important;} .pb-25_sm {padding-bottom: 25px !important;} .pb-30_sm {padding-bottom: 30px !important;} .pb-35_sm {padding-bottom: 35px !important;} .pb-40_sm {padding-bottom: 40px !important;} .pb-45_sm {padding-bottom: 45px !important;} .pb-50_sm {padding-bottom: 50px !important;} .pb-55_sm {padding-bottom: 55px !important;} .pb-60_sm {padding-bottom: 60px !important;} .pb-65_sm {padding-bottom: 65px !important;} .pb-70_sm {padding-bottom: 70px !important;} .pb-75_sm {padding-bottom: 75px !important;} .pb-80_sm {padding-bottom: 80px !important;} .pb-85_sm {padding-bottom: 85px !important;} .pb-90_sm {padding-bottom: 90px !important;} .pb-95_sm {padding-bottom: 95px !important;} .pb-100_sm {padding-bottom: 100px !important;} .pb-105_sm {padding-bottom: 105px !important;} .pb-110_sm {padding-bottom: 110px !important;} .pb-115_sm {padding-bottom: 115px !important;} .pb-120_sm {padding-bottom: 120px !important;} .pb-125_sm {padding-bottom: 125px !important;} .pb-130_sm {padding-bottom: 130px !important;} .pb-135_sm {padding-bottom: 135px !important;} .pb-140_sm {padding-bottom: 140px !important;} .pb-145_sm {padding-bottom: 145px !important;} .pb-150_sm {padding-bottom: 150px !important;} .pb-155_sm {padding-bottom: 155px !important;} .pb-160_sm {padding-bottom: 160px !important;} .pb-165_sm {padding-bottom: 165px !important;} .pb-170_sm {padding-bottom: 170px !important;} .pb-175_sm {padding-bottom: 175px !important;} .pb-180_sm {padding-bottom: 180px !important;} .pb-185_sm {padding-bottom: 185px !important;} .pb-190_sm {padding-bottom: 190px !important;} .pb-195_sm {padding-bottom: 195px !important;} .pb-200_sm {padding-bottom: 200px !important;} .ptb-0_sm {padding-top: 0px !important; padding-bottom: 0px !important;} .ptb-5_sm {padding-top: 5px !important; padding-bottom: 5px !important;} .ptb-10_sm {padding-top: 10px !important; padding-bottom: 10px !important;} .ptb-15_sm {padding-top: 15px !important; padding-bottom: 15px !important;} .ptb-20_sm {padding-top: 20px !important; padding-bottom: 20px !important;} .ptb-25_sm {padding-top: 25px !important; padding-bottom: 25px !important;} .ptb-30_sm {padding-top: 30px !important; padding-bottom: 30px !important;} .ptb-35_sm {padding-top: 35px !important; padding-bottom: 35px !important;} .ptb-40_sm {padding-top: 40px !important; padding-bottom: 40px !important;} .ptb-45_sm {padding-top: 45px !important; padding-bottom: 45px !important;} .ptb-50_sm {padding-top: 50px !important; padding-bottom: 50px !important;} .ptb-55_sm {padding-top: 55px !important; padding-bottom: 55px !important;} .ptb-60_sm {padding-top: 60px !important; padding-bottom: 60px !important;} .ptb-65_sm {padding-top: 65px !important; padding-bottom: 65px !important;} .ptb-70_sm {padding-top: 70px !important; padding-bottom: 70px !important;} .ptb-75_sm {padding-top: 75px !important; padding-bottom: 75px !important;} .ptb-80_sm {padding-top: 80px !important; padding-bottom: 80px !important;} .ptb-85_sm {padding-top: 85px !important; padding-bottom: 85px !important;} .ptb-90_sm {padding-top: 90px !important; padding-bottom: 90px !important;} .ptb-95_sm {padding-top: 95px !important; padding-bottom: 95px !important;} .ptb-100_sm {padding-top: 100px !important; padding-bottom: 100px !important;} .ptb-105_sm {padding-top: 105px !important; padding-bottom: 105px !important;} .ptb-110_sm {padding-top: 110px !important; padding-bottom: 110px !important;} .ptb-115_sm {padding-top: 115px !important; padding-bottom: 115px !important;} .ptb-120_sm {padding-top: 120px !important; padding-bottom: 120px !important;} .ptb-125_sm {padding-top: 125px !important; padding-bottom: 125px !important;} .ptb-130_sm {padding-top: 130px !important; padding-bottom: 130px !important;} .ptb-135_sm {padding-top: 135px !important; padding-bottom: 135px !important;} .ptb-140_sm {padding-top: 140px !important; padding-bottom: 140px !important;} .ptb-145_sm {padding-top: 145px !important; padding-bottom: 145px !important;} .ptb-150_sm {padding-top: 150px !important; padding-bottom: 150px !important;} .ptb-155_sm {padding-top: 155px !important; padding-bottom: 155px !important;} .ptb-160_sm {padding-top: 160px !important; padding-bottom: 160px !important;} .ptb-165_sm {padding-top: 165px !important; padding-bottom: 165px !important;} .ptb-170_sm {padding-top: 170px !important; padding-bottom: 170px !important;} .ptb-175_sm {padding-top: 175px !important; padding-bottom: 175px !important;} .ptb-180_sm {padding-top: 180px !important; padding-bottom: 180px !important;} .ptb-185_sm {padding-top: 185px !important; padding-bottom: 185px !important;} .ptb-190_sm {padding-top: 190px !important; padding-bottom: 190px !important;} .ptb-195_sm {padding-top: 195px !important; padding-bottom: 195px !important;} .ptb-200_sm {padding-top: 200px !important; padding-bottom: 200px !important;} .pl-0_sm {padding-left: 0px !important;} .pl-5_sm {padding-left: 5px !important;} .pl-10_sm {padding-left: 10px !important;} .pl-15_sm {padding-left: 15px !important;} .pl-20_sm {padding-left: 20px !important;} .pl-25_sm {padding-left: 25px !important;} .pl-30_sm {padding-left: 30px !important;} .pl-35_sm {padding-left: 35px !important;} .pl-40_sm {padding-left: 40px !important;} .pl-45_sm {padding-left: 45px !important;} .pl-50_sm {padding-left: 50px !important;} .pl-55_sm {padding-left: 55px !important;} .pl-60_sm {padding-left: 60px !important;} .pl-65_sm {padding-left: 65px !important;} .pl-70_sm {padding-left: 70px !important;} .pl-75_sm {padding-left: 75px !important;} .pl-80_sm {padding-left: 80px !important;} .pl-85_sm {padding-left: 85px !important;} .pl-90_sm {padding-left: 90px !important;} .pl-95_sm {padding-left: 95px !important;} .pl-100_sm {padding-left: 100px !important;} .pl-105_sm {padding-left: 105px !important;} .pl-110_sm {padding-left: 110px !important;} .pl-115_sm {padding-left: 115px !important;} .pl-120_sm {padding-left: 120px !important;} .pl-125_sm {padding-left: 125px !important;} .pl-130_sm {padding-left: 130px !important;} .pl-135_sm {padding-left: 135px !important;} .pl-140_sm {padding-left: 140px !important;} .pl-145_sm {padding-left: 145px !important;} .pl-150_sm {padding-left: 150px !important;} .pl-155_sm {padding-left: 155px !important;} .pl-160_sm {padding-left: 160px !important;} .pl-165_sm {padding-left: 165px !important;} .pl-170_sm {padding-left: 170px !important;} .pl-175_sm {padding-left: 175px !important;} .pl-180_sm {padding-left: 180px !important;} .pl-185_sm {padding-left: 185px !important;} .pl-190_sm {padding-left: 190px !important;} .pl-195_sm {padding-left: 195px !important;} .pl-200_sm {padding-left: 200px !important;} .pr-0_sm {padding-right: 0px !important;} .pr-5_sm {padding-right: 5px !important;} .pr-10_sm {padding-right: 10px !important;} .pr-15_sm {padding-right: 15px !important;} .pr-20_sm {padding-right: 20px !important;} .pr-25_sm {padding-right: 25px !important;} .pr-30_sm {padding-right: 30px !important;} .pr-35_sm {padding-right: 35px !important;} .pr-40_sm {padding-right: 40px !important;} .pr-45_sm {padding-right: 45px !important;} .pr-50_sm {padding-right: 50px !important;} .pr-55_sm {padding-right: 55px !important;} .pr-60_sm {padding-right: 60px !important;} .pr-65_sm {padding-right: 65px !important;} .pr-70_sm {padding-right: 70px !important;} .pr-75_sm {padding-right: 75px !important;} .pr-80_sm {padding-right: 80px !important;} .pr-85_sm {padding-right: 85px !important;} .pr-90_sm {padding-right: 90px !important;} .pr-95_sm {padding-right: 95px !important;} .pr-100_sm {padding-right: 100px !important;} .pr-105_sm {padding-right: 105px !important;} .pr-110_sm {padding-right: 110px !important;} .pr-115_sm {padding-right: 115px !important;} .pr-120_sm {padding-right: 120px !important;} .pr-125_sm {padding-right: 125px !important;} .pr-130_sm {padding-right: 130px !important;} .pr-135_sm {padding-right: 135px !important;} .pr-140_sm {padding-right: 140px !important;} .pr-145_sm {padding-right: 145px !important;} .pr-150_sm {padding-right: 150px !important;} .pr-155_sm {padding-right: 155px !important;} .pr-160_sm {padding-right: 160px !important;} .pr-165_sm {padding-right: 165px !important;} .pr-170_sm {padding-right: 170px !important;} .pr-175_sm {padding-right: 175px !important;} .pr-180_sm {padding-right: 180px !important;} .pr-185_sm {padding-right: 185px !important;} .pr-190_sm {padding-right: 190px !important;} .pr-195_sm {padding-right: 195px !important;} .pr-200_sm {padding-right: 200px !important;} .prl-0_sm {padding-right: 0px !important; padding-left: 0px !important;} .prl-5_sm {padding-right: 5px !important; padding-left: 5px !important;} .prl-10_sm {padding-right: 10px !important; padding-left: 10px !important;} .prl-15_sm {padding-right: 15px !important; padding-left: 15px !important;} .prl-20_sm {padding-right: 20px !important; padding-left: 20px !important;} .prl-25_sm {padding-right: 25px !important; padding-left: 25px !important;} .prl-30_sm {padding-right: 30px !important; padding-left: 30px !important;} .prl-35_sm {padding-right: 35px !important; padding-left: 35px !important;} .prl-40_sm {padding-right: 40px !important; padding-left: 40px !important;} .prl-45_sm {padding-right: 45px !important; padding-left: 45px !important;} .prl-50_sm {padding-right: 50px !important; padding-left: 50px !important;} .prl-55_sm {padding-right: 55px !important; padding-left: 55px !important;} .prl-60_sm {padding-right: 60px !important; padding-left: 60px !important;} .prl-65_sm {padding-right: 65px !important; padding-left: 65px !important;} .prl-70_sm {padding-right: 70px !important; padding-left: 70px !important;} .prl-75_sm {padding-right: 75px !important; padding-left: 75px !important;} .prl-80_sm {padding-right: 80px !important; padding-left: 80px !important;} .prl-85_sm {padding-right: 85px !important; padding-left: 85px !important;} .prl-90_sm {padding-right: 90px !important; padding-left: 90px !important;} .prl-95_sm {padding-right: 95px !important; padding-left: 95px !important;} .prl-100_sm {padding-right: 100px !important; padding-left: 100px !important;} .prl-105_sm {padding-right: 105px !important; padding-left: 105px !important;} .prl-110_sm {padding-right: 110px !important; padding-left: 110px !important;} .prl-115_sm {padding-right: 115px !important; padding-left: 115px !important;} .prl-120_sm {padding-right: 120px !important; padding-left: 120px !important;} .prl-125_sm {padding-right: 125px !important; padding-left: 125px !important;} .prl-130_sm {padding-right: 130px !important; padding-left: 130px !important;} .prl-135_sm {padding-right: 135px !important; padding-left: 135px !important;} .prl-140_sm {padding-right: 140px !important; padding-left: 140px !important;} .prl-145_sm {padding-right: 145px !important; padding-left: 145px !important;} .prl-150_sm {padding-right: 150px !important; padding-left: 150px !important;} .prl-155_sm {padding-right: 155px !important; padding-left: 155px !important;} .prl-160_sm {padding-right: 160px !important; padding-left: 160px !important;} .prl-165_sm {padding-right: 165px !important; padding-left: 165px !important;} .prl-170_sm {padding-right: 170px !important; padding-left: 170px !important;} .prl-175_sm {padding-right: 175px !important; padding-left: 175px !important;} .prl-180_sm {padding-right: 180px !important; padding-left: 180px !important;} .prl-185_sm {padding-right: 185px !important; padding-left: 185px !important;} .prl-190_sm {padding-right: 190px !important; padding-left: 190px !important;} .prl-195_sm {padding-right: 195px !important; padding-left: 195px !important;} .prl-200_sm {padding-right: 200px !important; padding-left: 200px !important;} } @media (max-width:768px) { .dis_no_md {display: none !important;} .dis_blo_md {display: block !important;} .m-0_md {margin: 0px !important;} .mt-0_md {margin-top: 0px !important;} .mt-5_md {margin-top: 5px !important;} .mt-10_md {margin-top: 10px !important;} .mt-15_md {margin-top: 15px !important;} .mt-20_md {margin-top: 20px !important;} .mt-25_md {margin-top: 25px !important;} .mt-30_md {margin-top: 30px !important;} .mt-35_md {margin-top: 35px !important;} .mt-40_md {margin-top: 40px !important;} .mt-45_md {margin-top: 45px !important;} .mt-50_md {margin-top: 50px !important;} .mt-55_md {margin-top: 55px !important;} .mt-60_md {margin-top: 60px !important;} .mt-65_md {margin-top: 65px !important;} .mt-70_md {margin-top: 70px !important;} .mt-75_md {margin-top: 75px !important;} .mt-80_md {margin-top: 80px !important;} .mt-85_md {margin-top: 85px !important;} .mt-90_md {margin-top: 90px !important;} .mt-95_md {margin-top: 95px !important;} .mt-100_md {margin-top: 100px !important;} .mt-105_md {margin-top: 105px !important;} .mt-110_md {margin-top: 110px !important;} .mt-115_md {margin-top: 115px !important;} .mt-120_md {margin-top: 120px !important;} .mt-125_md {margin-top: 125px !important;} .mt-130_md {margin-top: 130px !important;} .mt-135_md {margin-top: 135px !important;} .mt-140_md {margin-top: 140px !important;} .mt-145_md {margin-top: 145px !important;} .mt-150_md {margin-top: 150px !important;} .mt-155_md {margin-top: 155px !important;} .mt-160_md {margin-top: 160px !important;} .mt-165_md {margin-top: 165px !important;} .mt-170_md {margin-top: 170px !important;} .mt-175_md {margin-top: 175px !important;} .mt-180_md {margin-top: 180px !important;} .mt-185_md {margin-top: 185px !important;} .mt-190_md {margin-top: 190px !important;} .mt-195_md {margin-top: 195px !important;} .mt-200_md {margin-top: 200px !important;} .mb-0_md {margin-bottom: 0px !important;} .mb-5_md {margin-bottom: 5px !important;} .mb-10_md {margin-bottom: 10px !important;} .mb-15_md {margin-bottom: 15px !important;} .mb-20_md {margin-bottom: 20px !important;} .mb-25_md {margin-bottom: 25px !important;} .mb-30_md {margin-bottom: 30px !important;} .mb-35_md {margin-bottom: 35px !important;} .mb-40_md {margin-bottom: 40px !important;} .mb-45_md {margin-bottom: 45px !important;} .mb-50_md {margin-bottom: 50px !important;} .mb-55_md {margin-bottom: 55px !important;} .mb-60_md {margin-bottom: 60px !important;} .mb-65_md {margin-bottom: 65px !important;} .mb-70_md {margin-bottom: 70px !important;} .mb-75_md {margin-bottom: 75px !important;} .mb-80_md {margin-bottom: 80px !important;} .mb-85_md {margin-bottom: 85px !important;} .mb-90_md {margin-bottom: 90px !important;} .mb-95_md {margin-bottom: 95px !important;} .mb-100_md {margin-bottom: 100px !important;} .mb-105_md {margin-bottom: 105px !important;} .mb-110_md {margin-bottom: 110px !important;} .mb-115_md {margin-bottom: 115px !important;} .mb-120_md {margin-bottom: 120px !important;} .mb-125_md {margin-bottom: 125px !important;} .mb-130_md {margin-bottom: 130px !important;} .mb-135_md {margin-bottom: 135px !important;} .mb-140_md {margin-bottom: 140px !important;} .mb-145_md {margin-bottom: 145px !important;} .mb-150_md {margin-bottom: 150px !important;} .mb-155_md {margin-bottom: 155px !important;} .mb-160_md {margin-bottom: 160px !important;} .mb-165_md {margin-bottom: 165px !important;} .mb-170_md {margin-bottom: 170px !important;} .mb-175_md {margin-bottom: 175px !important;} .mb-180_md {margin-bottom: 180px !important;} .mb-185_md {margin-bottom: 185px !important;} .mb-190_md {margin-bottom: 190px !important;} .mb-195_md {margin-bottom: 195px !important;} .mb-200_md {margin-bottom: 200px !important;} .mtb-0_md {margin-top: 0px !important; margin-bottom: 0px !important;} .mtb-5_md {margin-top: 5px !important; margin-bottom: 5px !important;} .mtb-10_md {margin-top: 10px !important; margin-bottom: 10px !important;} .mtb-15_md {margin-top: 15px !important; margin-bottom: 15px !important;} .mtb-20_md {margin-top: 20px !important; margin-bottom: 20px !important;} .mtb-25_md {margin-top: 25px !important; margin-bottom: 25px !important;} .mtb-30_md {margin-top: 30px !important; margin-bottom: 30px !important;} .mtb-35_md {margin-top: 35px !important; margin-bottom: 35px !important;} .mtb-40_md {margin-top: 40px !important; margin-bottom: 40px !important;} .mtb-45_md {margin-top: 45px !important; margin-bottom: 45px !important;} .mtb-50_md {margin-top: 50px !important; margin-bottom: 50px !important;} .mtb-55_md {margin-top: 55px !important; margin-bottom: 55px !important;} .mtb-60_md {margin-top: 60px !important; margin-bottom: 60px !important;} .mtb-65_md {margin-top: 65px !important; margin-bottom: 65px !important;} .mtb-70_md {margin-top: 70px !important; margin-bottom: 70px !important;} .mtb-75_md {margin-top: 75px !important; margin-bottom: 75px !important;} .mtb-80_md {margin-top: 80px !important; margin-bottom: 80px !important;} .mtb-85_md {margin-top: 85px !important; margin-bottom: 85px !important;} .mtb-90_md {margin-top: 90px !important; margin-bottom: 90px !important;} .mtb-95_md {margin-top: 95px !important; margin-bottom: 95px !important;} .mtb-100_md {margin-top: 100px !important; margin-bottom: 100px !important;} .mtb-105_md {margin-top: 105px !important; margin-bottom: 105px !important;} .mtb-110_md {margin-top: 110px !important; margin-bottom: 110px !important;} .mtb-115_md {margin-top: 115px !important; margin-bottom: 115px !important;} .mtb-120_md {margin-top: 120px !important; margin-bottom: 120px !important;} .mtb-125_md {margin-top: 125px !important; margin-bottom: 125px !important;} .mtb-130_md {margin-top: 130px !important; margin-bottom: 130px !important;} .mtb-135_md {margin-top: 135px !important; margin-bottom: 135px !important;} .mtb-140_md {margin-top: 140px !important; margin-bottom: 140px !important;} .mtb-145_md {margin-top: 145px !important; margin-bottom: 145px !important;} .mtb-150_md {margin-top: 150px !important; margin-bottom: 150px !important;} .mtb-155_md {margin-top: 155px !important; margin-bottom: 155px !important;} .mtb-160_md {margin-top: 160px !important; margin-bottom: 160px !important;} .mtb-165_md {margin-top: 165px !important; margin-bottom: 165px !important;} .mtb-170_md {margin-top: 170px !important; margin-bottom: 170px !important;} .mtb-175_md {margin-top: 175px !important; margin-bottom: 175px !important;} .mtb-180_md {margin-top: 180px !important; margin-bottom: 180px !important;} .mtb-185_md {margin-top: 185px !important; margin-bottom: 185px !important;} .mtb-190_md {margin-top: 190px !important; margin-bottom: 190px !important;} .mtb-195_md {margin-top: 195px !important; margin-bottom: 195px !important;} .mtb-200_md {margin-top: 200px !important; margin-bottom: 200px !important;} .ml-0_md {margin-left: 0px !important;} .ml-5_md {margin-left: 5px !important;} .ml-10_md {margin-left: 10px !important;} .ml-15_md {margin-left: 15px !important;} .ml-20_md {margin-left: 20px !important;} .ml-25_md {margin-left: 25px !important;} .ml-30_md {margin-left: 30px !important;} .ml-35_md {margin-left: 35px !important;} .ml-40_md {margin-left: 40px !important;} .ml-45_md {margin-left: 45px !important;} .ml-50_md {margin-left: 50px !important;} .ml-55_md {margin-left: 55px !important;} .ml-60_md {margin-left: 60px !important;} .ml-65_md {margin-left: 65px !important;} .ml-70_md {margin-left: 70px !important;} .ml-75_md {margin-left: 75px !important;} .ml-80_md {margin-left: 80px !important;} .ml-85_md {margin-left: 85px !important;} .ml-90_md {margin-left: 90px !important;} .ml-95_md {margin-left: 95px !important;} .ml-100_md {margin-left: 100px !important;} .ml-105_md {margin-left: 105px !important;} .ml-110_md {margin-left: 110px !important;} .ml-115_md {margin-left: 115px !important;} .ml-120_md {margin-left: 120px !important;} .ml-125_md {margin-left: 125px !important;} .ml-130_md {margin-left: 130px !important;} .ml-135_md {margin-left: 135px !important;} .ml-140_md {margin-left: 140px !important;} .ml-145_md {margin-left: 145px !important;} .ml-150_md {margin-left: 150px !important;} .ml-155_md {margin-left: 155px !important;} .ml-160_md {margin-left: 160px !important;} .ml-165_md {margin-left: 165px !important;} .ml-170_md {margin-left: 170px !important;} .ml-175_md {margin-left: 175px !important;} .ml-180_md {margin-left: 180px !important;} .ml-185_md {margin-left: 185px !important;} .ml-190_md {margin-left: 190px !important;} .ml-195_md {margin-left: 195px !important;} .ml-200_md {margin-left: 200px !important;} .mr-0_md {margin-right: 0px !important;} .mr-5_md {margin-right: 5px !important;} .mr-10_md {margin-right: 10px !important;} .mr-15_md {margin-right: 15px !important;} .mr-20_md {margin-right: 20px !important;} .mr-25_md {margin-right: 25px !important;} .mr-30_md {margin-right: 30px !important;} .mr-35_md {margin-right: 35px !important;} .mr-40_md {margin-right: 40px !important;} .mr-45_md {margin-right: 45px !important;} .mr-50_md {margin-right: 50px !important;} .mr-55_md {margin-right: 55px !important;} .mr-60_md {margin-right: 60px !important;} .mr-65_md {margin-right: 65px !important;} .mr-70_md {margin-right: 70px !important;} .mr-75_md {margin-right: 75px !important;} .mr-80_md {margin-right: 80px !important;} .mr-85_md {margin-right: 85px !important;} .mr-90_md {margin-right: 90px !important;} .mr-95_md {margin-right: 95px !important;} .mr-100_md {margin-right: 100px !important;} .mr-105_md {margin-right: 105px !important;} .mr-110_md {margin-right: 110px !important;} .mr-115_md {margin-right: 115px !important;} .mr-120_md {margin-right: 120px !important;} .mr-125_md {margin-right: 125px !important;} .mr-130_md {margin-right: 130px !important;} .mr-135_md {margin-right: 135px !important;} .mr-140_md {margin-right: 140px !important;} .mr-145_md {margin-right: 145px !important;} .mr-150_md {margin-right: 150px !important;} .mr-155_md {margin-right: 155px !important;} .mr-160_md {margin-right: 160px !important;} .mr-165_md {margin-right: 165px !important;} .mr-170_md {margin-right: 170px !important;} .mr-175_md {margin-right: 175px !important;} .mr-180_md {margin-right: 180px !important;} .mr-185_md {margin-right: 185px !important;} .mr-190_md {margin-right: 190px !important;} .mr-195_md {margin-right: 195px !important;} .mr-200_md {margin-right: 200px !important;} .mrl-0_md {margin-left: 0px !important; margin-right: 0px !important;} .mrl-5_md {margin-left: 5px !important; margin-right: 5px !important;} .mrl-10_md {margin-left: 10px !important; margin-right: 10px !important;} .mrl-15_md {margin-left: 15px !important; margin-right: 15px !important;} .mrl-20_md {margin-left: 20px !important; margin-right: 20px !important;} .mrl-25_md {margin-left: 25px !important; margin-right: 25px !important;} .mrl-30_md {margin-left: 30px !important; margin-right: 30px !important;} .mrl-35_md {margin-left: 35px !important; margin-right: 35px !important;} .mrl-40_md {margin-left: 40px !important; margin-right: 40px !important;} .mrl-45_md {margin-left: 45px !important; margin-right: 45px !important;} .mrl-50_md {margin-left: 50px !important; margin-right: 50px !important;} .mrl-55_md {margin-left: 55px !important; margin-right: 55px !important;} .mrl-60_md {margin-left: 60px !important; margin-right: 60px !important;} .mrl-65_md {margin-left: 65px !important; margin-right: 65px !important;} .mrl-70_md {margin-left: 70px !important; margin-right: 70px !important;} .mrl-75_md {margin-left: 75px !important; margin-right: 75px !important;} .mrl-80_md {margin-left: 80px !important; margin-right: 80px !important;} .mrl-85_md {margin-left: 85px !important; margin-right: 85px !important;} .mrl-90_md {margin-left: 90px !important; margin-right: 90px !important;} .mrl-95_md {margin-left: 95px !important; margin-right: 95px !important;} .mrl-100_md {margin-left: 100px !important; margin-right: 100px !important;} .mrl-105_md {margin-left: 105px !important; margin-right: 105px !important;} .mrl-110_md {margin-left: 110px !important; margin-right: 110px !important;} .mrl-115_md {margin-left: 115px !important; margin-right: 115px !important;} .mrl-120_md {margin-left: 120px !important; margin-right: 120px !important;} .mrl-125_md {margin-left: 125px !important; margin-right: 125px !important;} .mrl-130_md {margin-left: 130px !important; margin-right: 130px !important;} .mrl-135_md {margin-left: 135px !important; margin-right: 135px !important;} .mrl-140_md {margin-left: 140px !important; margin-right: 140px !important;} .mrl-145_md {margin-left: 145px !important; margin-right: 145px !important;} .mrl-150_md {margin-left: 150px !important; margin-right: 150px !important;} .mrl-155_md {margin-left: 155px !important; margin-right: 155px !important;} .mrl-160_md {margin-left: 160px !important; margin-right: 160px !important;} .mrl-165_md {margin-left: 165px !important; margin-right: 165px !important;} .mrl-170_md {margin-left: 170px !important; margin-right: 170px !important;} .mrl-175_md {margin-left: 175px !important; margin-right: 175px !important;} .mrl-180_md {margin-left: 180px !important; margin-right: 180px !important;} .mrl-185_md {margin-left: 185px !important; margin-right: 185px !important;} .mrl-190_md {margin-left: 190px !important; margin-right: 190px !important;} .mrl-195_md {margin-left: 195px !important; margin-right: 195px !important;} .mrl-200_md {margin-left: 200px !important; margin-right: 200px !important;} .p-0_md {padding: 0px !important;} .pt-0_md {padding-top: 0px !important;} .pt-5_md {padding-top: 5px !important;} .pt-10_md {padding-top: 10px !important;} .pt-15_md {padding-top: 15px !important;} .pt-20_md {padding-top: 20px !important;} .pt-25_md {padding-top: 25px !important;} .pt-30_md {padding-top: 30px !important;} .pt-35_md {padding-top: 35px !important;} .pt-40_md {padding-top: 40px !important;} .pt-45_md {padding-top: 45px !important;} .pt-50_md {padding-top: 50px !important;} .pt-55_md {padding-top: 55px !important;} .pt-60_md {padding-top: 60px !important;} .pt-65_md {padding-top: 65px !important;} .pt-70_md {padding-top: 70px !important;} .pt-75_md {padding-top: 75px !important;} .pt-80_md {padding-top: 80px !important;} .pt-85_md {padding-top: 85px !important;} .pt-90_md {padding-top: 90px !important;} .pt-95_md {padding-top: 95px !important;} .pt-100_md {padding-top: 100px !important;} .pt-105_md {padding-top: 105px !important;} .pt-110_md {padding-top: 110px !important;} .pt-115_md {padding-top: 115px !important;} .pt-120_md {padding-top: 120px !important;} .pt-125_md {padding-top: 125px !important;} .pt-130_md {padding-top: 130px !important;} .pt-135_md {padding-top: 135px !important;} .pt-140_md {padding-top: 140px !important;} .pt-145_md {padding-top: 145px !important;} .pt-150_md {padding-top: 150px !important;} .pt-155_md {padding-top: 155px !important;} .pt-160_md {padding-top: 160px !important;} .pt-165_md {padding-top: 165px !important;} .pt-170_md {padding-top: 170px !important;} .pt-175_md {padding-top: 175px !important;} .pt-180_md {padding-top: 180px !important;} .pt-185_md {padding-top: 185px !important;} .pt-190_md {padding-top: 190px !important;} .pt-195_md {padding-top: 195px !important;} .pt-200_md {padding-top: 200px !important;} .pb-0_md {padding-bottom: 0px !important;} .pb-5_md {padding-bottom: 5px !important;} .pb-10_md {padding-bottom: 10px !important;} .pb-15_md {padding-bottom: 15px !important;} .pb-20_md {padding-bottom: 20px !important;} .pb-25_md {padding-bottom: 25px !important;} .pb-30_md {padding-bottom: 30px !important;} .pb-35_md {padding-bottom: 35px !important;} .pb-40_md {padding-bottom: 40px !important;} .pb-45_md {padding-bottom: 45px !important;} .pb-50_md {padding-bottom: 50px !important;} .pb-55_md {padding-bottom: 55px !important;} .pb-60_md {padding-bottom: 60px !important;} .pb-65_md {padding-bottom: 65px !important;} .pb-70_md {padding-bottom: 70px !important;} .pb-75_md {padding-bottom: 75px !important;} .pb-80_md {padding-bottom: 80px !important;} .pb-85_md {padding-bottom: 85px !important;} .pb-90_md {padding-bottom: 90px !important;} .pb-95_md {padding-bottom: 95px !important;} .pb-100_md {padding-bottom: 100px !important;} .pb-105_md {padding-bottom: 105px !important;} .pb-110_md {padding-bottom: 110px !important;} .pb-115_md {padding-bottom: 115px !important;} .pb-120_md {padding-bottom: 120px !important;} .pb-125_md {padding-bottom: 125px !important;} .pb-130_md {padding-bottom: 130px !important;} .pb-135_md {padding-bottom: 135px !important;} .pb-140_md {padding-bottom: 140px !important;} .pb-145_md {padding-bottom: 145px !important;} .pb-150_md {padding-bottom: 150px !important;} .pb-155_md {padding-bottom: 155px !important;} .pb-160_md {padding-bottom: 160px !important;} .pb-165_md {padding-bottom: 165px !important;} .pb-170_md {padding-bottom: 170px !important;} .pb-175_md {padding-bottom: 175px !important;} .pb-180_md {padding-bottom: 180px !important;} .pb-185_md {padding-bottom: 185px !important;} .pb-190_md {padding-bottom: 190px !important;} .pb-195_md {padding-bottom: 195px !important;} .pb-200_md {padding-bottom: 200px !important;} .ptb-0_md {padding-top: 0px !important; padding-bottom: 0px !important;} .ptb-5_md {padding-top: 5px !important; padding-bottom: 5px !important;} .ptb-10_md {padding-top: 10px !important; padding-bottom: 10px !important;} .ptb-15_md {padding-top: 15px !important; padding-bottom: 15px !important;} .ptb-20_md {padding-top: 20px !important; padding-bottom: 20px !important;} .ptb-25_md {padding-top: 25px !important; padding-bottom: 25px !important;} .ptb-30_md {padding-top: 30px !important; padding-bottom: 30px !important;} .ptb-35_md {padding-top: 35px !important; padding-bottom: 35px !important;} .ptb-40_md {padding-top: 40px !important; padding-bottom: 40px !important;} .ptb-45_md {padding-top: 45px !important; padding-bottom: 45px !important;} .ptb-50_md {padding-top: 50px !important; padding-bottom: 50px !important;} .ptb-55_md {padding-top: 55px !important; padding-bottom: 55px !important;} .ptb-60_md {padding-top: 60px !important; padding-bottom: 60px !important;} .ptb-65_md {padding-top: 65px !important; padding-bottom: 65px !important;} .ptb-70_md {padding-top: 70px !important; padding-bottom: 70px !important;} .ptb-75_md {padding-top: 75px !important; padding-bottom: 75px !important;} .ptb-80_md {padding-top: 80px !important; padding-bottom: 80px !important;} .ptb-85_md {padding-top: 85px !important; padding-bottom: 85px !important;} .ptb-90_md {padding-top: 90px !important; padding-bottom: 90px !important;} .ptb-95_md {padding-top: 95px !important; padding-bottom: 95px !important;} .ptb-100_md {padding-top: 100px !important; padding-bottom: 100px !important;} .ptb-105_md {padding-top: 105px !important; padding-bottom: 105px !important;} .ptb-110_md {padding-top: 110px !important; padding-bottom: 110px !important;} .ptb-115_md {padding-top: 115px !important; padding-bottom: 115px !important;} .ptb-120_md {padding-top: 120px !important; padding-bottom: 120px !important;} .ptb-125_md {padding-top: 125px !important; padding-bottom: 125px !important;} .ptb-130_md {padding-top: 130px !important; padding-bottom: 130px !important;} .ptb-135_md {padding-top: 135px !important; padding-bottom: 135px !important;} .ptb-140_md {padding-top: 140px !important; padding-bottom: 140px !important;} .ptb-145_md {padding-top: 145px !important; padding-bottom: 145px !important;} .ptb-150_md {padding-top: 150px !important; padding-bottom: 150px !important;} .ptb-155_md {padding-top: 155px !important; padding-bottom: 155px !important;} .ptb-160_md {padding-top: 160px !important; padding-bottom: 160px !important;} .ptb-165_md {padding-top: 165px !important; padding-bottom: 165px !important;} .ptb-170_md {padding-top: 170px !important; padding-bottom: 170px !important;} .ptb-175_md {padding-top: 175px !important; padding-bottom: 175px !important;} .ptb-180_md {padding-top: 180px !important; padding-bottom: 180px !important;} .ptb-185_md {padding-top: 185px !important; padding-bottom: 185px !important;} .ptb-190_md {padding-top: 190px !important; padding-bottom: 190px !important;} .ptb-195_md {padding-top: 195px !important; padding-bottom: 195px !important;} .ptb-200_md {padding-top: 200px !important; padding-bottom: 200px !important;} .pl-0_md {padding-left: 0px !important;} .pl-5_md {padding-left: 5px !important;} .pl-10_md {padding-left: 10px !important;} .pl-15_md {padding-left: 15px !important;} .pl-20_md {padding-left: 20px !important;} .pl-25_md {padding-left: 25px !important;} .pl-30_md {padding-left: 30px !important;} .pl-35_md {padding-left: 35px !important;} .pl-40_md {padding-left: 40px !important;} .pl-45_md {padding-left: 45px !important;} .pl-50_md {padding-left: 50px !important;} .pl-55_md {padding-left: 55px !important;} .pl-60_md {padding-left: 60px !important;} .pl-65_md {padding-left: 65px !important;} .pl-70_md {padding-left: 70px !important;} .pl-75_md {padding-left: 75px !important;} .pl-80_md {padding-left: 80px !important;} .pl-85_md {padding-left: 85px !important;} .pl-90_md {padding-left: 90px !important;} .pl-95_md {padding-left: 95px !important;} .pl-100_md {padding-left: 100px !important;} .pl-105_md {padding-left: 105px !important;} .pl-110_md {padding-left: 110px !important;} .pl-115_md {padding-left: 115px !important;} .pl-120_md {padding-left: 120px !important;} .pl-125_md {padding-left: 125px !important;} .pl-130_md {padding-left: 130px !important;} .pl-135_md {padding-left: 135px !important;} .pl-140_md {padding-left: 140px !important;} .pl-145_md {padding-left: 145px !important;} .pl-150_md {padding-left: 150px !important;} .pl-155_md {padding-left: 155px !important;} .pl-160_md {padding-left: 160px !important;} .pl-165_md {padding-left: 165px !important;} .pl-170_md {padding-left: 170px !important;} .pl-175_md {padding-left: 175px !important;} .pl-180_md {padding-left: 180px !important;} .pl-185_md {padding-left: 185px !important;} .pl-190_md {padding-left: 190px !important;} .pl-195_md {padding-left: 195px !important;} .pl-200_md {padding-left: 200px !important;} .pr-0_md {padding-right: 0px !important;} .pr-5_md {padding-right: 5px !important;} .pr-10_md {padding-right: 10px !important;} .pr-15_md {padding-right: 15px !important;} .pr-20_md {padding-right: 20px !important;} .pr-25_md {padding-right: 25px !important;} .pr-30_md {padding-right: 30px !important;} .pr-35_md {padding-right: 35px !important;} .pr-40_md {padding-right: 40px !important;} .pr-45_md {padding-right: 45px !important;} .pr-50_md {padding-right: 50px !important;} .pr-55_md {padding-right: 55px !important;} .pr-60_md {padding-right: 60px !important;} .pr-65_md {padding-right: 65px !important;} .pr-70_md {padding-right: 70px !important;} .pr-75_md {padding-right: 75px !important;} .pr-80_md {padding-right: 80px !important;} .pr-85_md {padding-right: 85px !important;} .pr-90_md {padding-right: 90px !important;} .pr-95_md {padding-right: 95px !important;} .pr-100_md {padding-right: 100px !important;} .pr-105_md {padding-right: 105px !important;} .pr-110_md {padding-right: 110px !important;} .pr-115_md {padding-right: 115px !important;} .pr-120_md {padding-right: 120px !important;} .pr-125_md {padding-right: 125px !important;} .pr-130_md {padding-right: 130px !important;} .pr-135_md {padding-right: 135px !important;} .pr-140_md {padding-right: 140px !important;} .pr-145_md {padding-right: 145px !important;} .pr-150_md {padding-right: 150px !important;} .pr-155_md {padding-right: 155px !important;} .pr-160_md {padding-right: 160px !important;} .pr-165_md {padding-right: 165px !important;} .pr-170_md {padding-right: 170px !important;} .pr-175_md {padding-right: 175px !important;} .pr-180_md {padding-right: 180px !important;} .pr-185_md {padding-right: 185px !important;} .pr-190_md {padding-right: 190px !important;} .pr-195_md {padding-right: 195px !important;} .pr-200_md {padding-right: 200px !important;} .prl-0_md {padding-right: 0px !important; padding-left: 0px !important;} .prl-5_md {padding-right: 5px !important; padding-left: 5px !important;} .prl-10_md {padding-right: 10px !important; padding-left: 10px !important;} .prl-15_md {padding-right: 15px !important; padding-left: 15px !important;} .prl-20_md {padding-right: 20px !important; padding-left: 20px !important;} .prl-25_md {padding-right: 25px !important; padding-left: 25px !important;} .prl-30_md {padding-right: 30px !important; padding-left: 30px !important;} .prl-35_md {padding-right: 35px !important; padding-left: 35px !important;} .prl-40_md {padding-right: 40px !important; padding-left: 40px !important;} .prl-45_md {padding-right: 45px !important; padding-left: 45px !important;} .prl-50_md {padding-right: 50px !important; padding-left: 50px !important;} .prl-55_md {padding-right: 55px !important; padding-left: 55px !important;} .prl-60_md {padding-right: 60px !important; padding-left: 60px !important;} .prl-65_md {padding-right: 65px !important; padding-left: 65px !important;} .prl-70_md {padding-right: 70px !important; padding-left: 70px !important;} .prl-75_md {padding-right: 75px !important; padding-left: 75px !important;} .prl-80_md {padding-right: 80px !important; padding-left: 80px !important;} .prl-85_md {padding-right: 85px !important; padding-left: 85px !important;} .prl-90_md {padding-right: 90px !important; padding-left: 90px !important;} .prl-95_md {padding-right: 95px !important; padding-left: 95px !important;} .prl-100_md {padding-right: 100px !important; padding-left: 100px !important;} .prl-105_md {padding-right: 105px !important; padding-left: 105px !important;} .prl-110_md {padding-right: 110px !important; padding-left: 110px !important;} .prl-115_md {padding-right: 115px !important; padding-left: 115px !important;} .prl-120_md {padding-right: 120px !important; padding-left: 120px !important;} .prl-125_md {padding-right: 125px !important; padding-left: 125px !important;} .prl-130_md {padding-right: 130px !important; padding-left: 130px !important;} .prl-135_md {padding-right: 135px !important; padding-left: 135px !important;} .prl-140_md {padding-right: 140px !important; padding-left: 140px !important;} .prl-145_md {padding-right: 145px !important; padding-left: 145px !important;} .prl-150_md {padding-right: 150px !important; padding-left: 150px !important;} .prl-155_md {padding-right: 155px !important; padding-left: 155px !important;} .prl-160_md {padding-right: 160px !important; padding-left: 160px !important;} .prl-165_md {padding-right: 165px !important; padding-left: 165px !important;} .prl-170_md {padding-right: 170px !important; padding-left: 170px !important;} .prl-175_md {padding-right: 175px !important; padding-left: 175px !important;} .prl-180_md {padding-right: 180px !important; padding-left: 180px !important;} .prl-185_md {padding-right: 185px !important; padding-left: 185px !important;} .prl-190_md {padding-right: 190px !important; padding-left: 190px !important;} .prl-195_md {padding-right: 195px !important; padding-left: 195px !important;} .prl-200_md {padding-right: 200px !important; padding-left: 200px !important;} } @media (max-width:992px) { .dis_no_lg {display: none !important;} .dis_blo_lg {display: block !important;} .m-0_lg {margin: 0px !important;} .mt-0_lg {margin-top: 0px !important;} .mt-5_lg {margin-top: 5px !important;} .mt-10_lg {margin-top: 10px !important;} .mt-15_lg {margin-top: 15px !important;} .mt-20_lg {margin-top: 20px !important;} .mt-25_lg {margin-top: 25px !important;} .mt-30_lg {margin-top: 30px !important;} .mt-35_lg {margin-top: 35px !important;} .mt-40_lg {margin-top: 40px !important;} .mt-45_lg {margin-top: 45px !important;} .mt-50_lg {margin-top: 50px !important;} .mt-55_lg {margin-top: 55px !important;} .mt-60_lg {margin-top: 60px !important;} .mt-65_lg {margin-top: 65px !important;} .mt-70_lg {margin-top: 70px !important;} .mt-75_lg {margin-top: 75px !important;} .mt-80_lg {margin-top: 80px !important;} .mt-85_lg {margin-top: 85px !important;} .mt-90_lg {margin-top: 90px !important;} .mt-95_lg {margin-top: 95px !important;} .mt-100_lg {margin-top: 100px !important;} .mt-105_lg {margin-top: 105px !important;} .mt-110_lg {margin-top: 110px !important;} .mt-115_lg {margin-top: 115px !important;} .mt-120_lg {margin-top: 120px !important;} .mt-125_lg {margin-top: 125px !important;} .mt-130_lg {margin-top: 130px !important;} .mt-135_lg {margin-top: 135px !important;} .mt-140_lg {margin-top: 140px !important;} .mt-145_lg {margin-top: 145px !important;} .mt-150_lg {margin-top: 150px !important;} .mt-155_lg {margin-top: 155px !important;} .mt-160_lg {margin-top: 160px !important;} .mt-165_lg {margin-top: 165px !important;} .mt-170_lg {margin-top: 170px !important;} .mt-175_lg {margin-top: 175px !important;} .mt-180_lg {margin-top: 180px !important;} .mt-185_lg {margin-top: 185px !important;} .mt-190_lg {margin-top: 190px !important;} .mt-195_lg {margin-top: 195px !important;} .mt-200_lg {margin-top: 200px !important;} .mb-0_lg {margin-bottom: 0px !important;} .mb-5_lg {margin-bottom: 5px !important;} .mb-10_lg {margin-bottom: 10px !important;} .mb-15_lg {margin-bottom: 15px !important;} .mb-20_lg {margin-bottom: 20px !important;} .mb-25_lg {margin-bottom: 25px !important;} .mb-30_lg {margin-bottom: 30px !important;} .mb-35_lg {margin-bottom: 35px !important;} .mb-40_lg {margin-bottom: 40px !important;} .mb-45_lg {margin-bottom: 45px !important;} .mb-50_lg {margin-bottom: 50px !important;} .mb-55_lg {margin-bottom: 55px !important;} .mb-60_lg {margin-bottom: 60px !important;} .mb-65_lg {margin-bottom: 65px !important;} .mb-70_lg {margin-bottom: 70px !important;} .mb-75_lg {margin-bottom: 75px !important;} .mb-80_lg {margin-bottom: 80px !important;} .mb-85_lg {margin-bottom: 85px !important;} .mb-90_lg {margin-bottom: 90px !important;} .mb-95_lg {margin-bottom: 95px !important;} .mb-100_lg {margin-bottom: 100px !important;} .mb-105_lg {margin-bottom: 105px !important;} .mb-110_lg {margin-bottom: 110px !important;} .mb-115_lg {margin-bottom: 115px !important;} .mb-120_lg {margin-bottom: 120px !important;} .mb-125_lg {margin-bottom: 125px !important;} .mb-130_lg {margin-bottom: 130px !important;} .mb-135_lg {margin-bottom: 135px !important;} .mb-140_lg {margin-bottom: 140px !important;} .mb-145_lg {margin-bottom: 145px !important;} .mb-150_lg {margin-bottom: 150px !important;} .mb-155_lg {margin-bottom: 155px !important;} .mb-160_lg {margin-bottom: 160px !important;} .mb-165_lg {margin-bottom: 165px !important;} .mb-170_lg {margin-bottom: 170px !important;} .mb-175_lg {margin-bottom: 175px !important;} .mb-180_lg {margin-bottom: 180px !important;} .mb-185_lg {margin-bottom: 185px !important;} .mb-190_lg {margin-bottom: 190px !important;} .mb-195_lg {margin-bottom: 195px !important;} .mb-200_lg {margin-bottom: 200px !important;} .mtb-0_lg {margin-top: 0px !important; margin-bottom: 0px !important;} .mtb-5_lg {margin-top: 5px !important; margin-bottom: 5px !important;} .mtb-10_lg {margin-top: 10px !important; margin-bottom: 10px !important;} .mtb-15_lg {margin-top: 15px !important; margin-bottom: 15px !important;} .mtb-20_lg {margin-top: 20px !important; margin-bottom: 20px !important;} .mtb-25_lg {margin-top: 25px !important; margin-bottom: 25px !important;} .mtb-30_lg {margin-top: 30px !important; margin-bottom: 30px !important;} .mtb-35_lg {margin-top: 35px !important; margin-bottom: 35px !important;} .mtb-40_lg {margin-top: 40px !important; margin-bottom: 40px !important;} .mtb-45_lg {margin-top: 45px !important; margin-bottom: 45px !important;} .mtb-50_lg {margin-top: 50px !important; margin-bottom: 50px !important;} .mtb-55_lg {margin-top: 55px !important; margin-bottom: 55px !important;} .mtb-60_lg {margin-top: 60px !important; margin-bottom: 60px !important;} .mtb-65_lg {margin-top: 65px !important; margin-bottom: 65px !important;} .mtb-70_lg {margin-top: 70px !important; margin-bottom: 70px !important;} .mtb-75_lg {margin-top: 75px !important; margin-bottom: 75px !important;} .mtb-80_lg {margin-top: 80px !important; margin-bottom: 80px !important;} .mtb-85_lg {margin-top: 85px !important; margin-bottom: 85px !important;} .mtb-90_lg {margin-top: 90px !important; margin-bottom: 90px !important;} .mtb-95_lg {margin-top: 95px !important; margin-bottom: 95px !important;} .mtb-100_lg {margin-top: 100px !important; margin-bottom: 100px !important;} .mtb-105_lg {margin-top: 105px !important; margin-bottom: 105px !important;} .mtb-110_lg {margin-top: 110px !important; margin-bottom: 110px !important;} .mtb-115_lg {margin-top: 115px !important; margin-bottom: 115px !important;} .mtb-120_lg {margin-top: 120px !important; margin-bottom: 120px !important;} .mtb-125_lg {margin-top: 125px !important; margin-bottom: 125px !important;} .mtb-130_lg {margin-top: 130px !important; margin-bottom: 130px !important;} .mtb-135_lg {margin-top: 135px !important; margin-bottom: 135px !important;} .mtb-140_lg {margin-top: 140px !important; margin-bottom: 140px !important;} .mtb-145_lg {margin-top: 145px !important; margin-bottom: 145px !important;} .mtb-150_lg {margin-top: 150px !important; margin-bottom: 150px !important;} .mtb-155_lg {margin-top: 155px !important; margin-bottom: 155px !important;} .mtb-160_lg {margin-top: 160px !important; margin-bottom: 160px !important;} .mtb-165_lg {margin-top: 165px !important; margin-bottom: 165px !important;} .mtb-170_lg {margin-top: 170px !important; margin-bottom: 170px !important;} .mtb-175_lg {margin-top: 175px !important; margin-bottom: 175px !important;} .mtb-180_lg {margin-top: 180px !important; margin-bottom: 180px !important;} .mtb-185_lg {margin-top: 185px !important; margin-bottom: 185px !important;} .mtb-190_lg {margin-top: 190px !important; margin-bottom: 190px !important;} .mtb-195_lg {margin-top: 195px !important; margin-bottom: 195px !important;} .mtb-200_lg {margin-top: 200px !important; margin-bottom: 200px !important;} .ml-0_lg {margin-left: 0px !important;} .ml-5_lg {margin-left: 5px !important;} .ml-10_lg {margin-left: 10px !important;} .ml-15_lg {margin-left: 15px !important;} .ml-20_lg {margin-left: 20px !important;} .ml-25_lg {margin-left: 25px !important;} .ml-30_lg {margin-left: 30px !important;} .ml-35_lg {margin-left: 35px !important;} .ml-40_lg {margin-left: 40px !important;} .ml-45_lg {margin-left: 45px !important;} .ml-50_lg {margin-left: 50px !important;} .ml-55_lg {margin-left: 55px !important;} .ml-60_lg {margin-left: 60px !important;} .ml-65_lg {margin-left: 65px !important;} .ml-70_lg {margin-left: 70px !important;} .ml-75_lg {margin-left: 75px !important;} .ml-80_lg {margin-left: 80px !important;} .ml-85_lg {margin-left: 85px !important;} .ml-90_lg {margin-left: 90px !important;} .ml-95_lg {margin-left: 95px !important;} .ml-100_lg {margin-left: 100px !important;} .ml-105_lg {margin-left: 105px !important;} .ml-110_lg {margin-left: 110px !important;} .ml-115_lg {margin-left: 115px !important;} .ml-120_lg {margin-left: 120px !important;} .ml-125_lg {margin-left: 125px !important;} .ml-130_lg {margin-left: 130px !important;} .ml-135_lg {margin-left: 135px !important;} .ml-140_lg {margin-left: 140px !important;} .ml-145_lg {margin-left: 145px !important;} .ml-150_lg {margin-left: 150px !important;} .ml-155_lg {margin-left: 155px !important;} .ml-160_lg {margin-left: 160px !important;} .ml-165_lg {margin-left: 165px !important;} .ml-170_lg {margin-left: 170px !important;} .ml-175_lg {margin-left: 175px !important;} .ml-180_lg {margin-left: 180px !important;} .ml-185_lg {margin-left: 185px !important;} .ml-190_lg {margin-left: 190px !important;} .ml-195_lg {margin-left: 195px !important;} .ml-200_lg {margin-left: 200px !important;} .mr-0_lg {margin-right: 0px !important;} .mr-5_lg {margin-right: 5px !important;} .mr-10_lg {margin-right: 10px !important;} .mr-15_lg {margin-right: 15px !important;} .mr-20_lg {margin-right: 20px !important;} .mr-25_lg {margin-right: 25px !important;} .mr-30_lg {margin-right: 30px !important;} .mr-35_lg {margin-right: 35px !important;} .mr-40_lg {margin-right: 40px !important;} .mr-45_lg {margin-right: 45px !important;} .mr-50_lg {margin-right: 50px !important;} .mr-55_lg {margin-right: 55px !important;} .mr-60_lg {margin-right: 60px !important;} .mr-65_lg {margin-right: 65px !important;} .mr-70_lg {margin-right: 70px !important;} .mr-75_lg {margin-right: 75px !important;} .mr-80_lg {margin-right: 80px !important;} .mr-85_lg {margin-right: 85px !important;} .mr-90_lg {margin-right: 90px !important;} .mr-95_lg {margin-right: 95px !important;} .mr-100_lg {margin-right: 100px !important;} .mr-105_lg {margin-right: 105px !important;} .mr-110_lg {margin-right: 110px !important;} .mr-115_lg {margin-right: 115px !important;} .mr-120_lg {margin-right: 120px !important;} .mr-125_lg {margin-right: 125px !important;} .mr-130_lg {margin-right: 130px !important;} .mr-135_lg {margin-right: 135px !important;} .mr-140_lg {margin-right: 140px !important;} .mr-145_lg {margin-right: 145px !important;} .mr-150_lg {margin-right: 150px !important;} .mr-155_lg {margin-right: 155px !important;} .mr-160_lg {margin-right: 160px !important;} .mr-165_lg {margin-right: 165px !important;} .mr-170_lg {margin-right: 170px !important;} .mr-175_lg {margin-right: 175px !important;} .mr-180_lg {margin-right: 180px !important;} .mr-185_lg {margin-right: 185px !important;} .mr-190_lg {margin-right: 190px !important;} .mr-195_lg {margin-right: 195px !important;} .mr-200_lg {margin-right: 200px !important;} .mrl-0_lg {margin-left: 0px !important; margin-right: 0px !important;} .mrl-5_lg {margin-left: 5px !important; margin-right: 5px !important;} .mrl-10_lg {margin-left: 10px !important; margin-right: 10px !important;} .mrl-15_lg {margin-left: 15px !important; margin-right: 15px !important;} .mrl-20_lg {margin-left: 20px !important; margin-right: 20px !important;} .mrl-25_lg {margin-left: 25px !important; margin-right: 25px !important;} .mrl-30_lg {margin-left: 30px !important; margin-right: 30px !important;} .mrl-35_lg {margin-left: 35px !important; margin-right: 35px !important;} .mrl-40_lg {margin-left: 40px !important; margin-right: 40px !important;} .mrl-45_lg {margin-left: 45px !important; margin-right: 45px !important;} .mrl-50_lg {margin-left: 50px !important; margin-right: 50px !important;} .mrl-55_lg {margin-left: 55px !important; margin-right: 55px !important;} .mrl-60_lg {margin-left: 60px !important; margin-right: 60px !important;} .mrl-65_lg {margin-left: 65px !important; margin-right: 65px !important;} .mrl-70_lg {margin-left: 70px !important; margin-right: 70px !important;} .mrl-75_lg {margin-left: 75px !important; margin-right: 75px !important;} .mrl-80_lg {margin-left: 80px !important; margin-right: 80px !important;} .mrl-85_lg {margin-left: 85px !important; margin-right: 85px !important;} .mrl-90_lg {margin-left: 90px !important; margin-right: 90px !important;} .mrl-95_lg {margin-left: 95px !important; margin-right: 95px !important;} .mrl-100_lg {margin-left: 100px !important; margin-right: 100px !important;} .mrl-105_lg {margin-left: 105px !important; margin-right: 105px !important;} .mrl-110_lg {margin-left: 110px !important; margin-right: 110px !important;} .mrl-115_lg {margin-left: 115px !important; margin-right: 115px !important;} .mrl-120_lg {margin-left: 120px !important; margin-right: 120px !important;} .mrl-125_lg {margin-left: 125px !important; margin-right: 125px !important;} .mrl-130_lg {margin-left: 130px !important; margin-right: 130px !important;} .mrl-135_lg {margin-left: 135px !important; margin-right: 135px !important;} .mrl-140_lg {margin-left: 140px !important; margin-right: 140px !important;} .mrl-145_lg {margin-left: 145px !important; margin-right: 145px !important;} .mrl-150_lg {margin-left: 150px !important; margin-right: 150px !important;} .mrl-155_lg {margin-left: 155px !important; margin-right: 155px !important;} .mrl-160_lg {margin-left: 160px !important; margin-right: 160px !important;} .mrl-165_lg {margin-left: 165px !important; margin-right: 165px !important;} .mrl-170_lg {margin-left: 170px !important; margin-right: 170px !important;} .mrl-175_lg {margin-left: 175px !important; margin-right: 175px !important;} .mrl-180_lg {margin-left: 180px !important; margin-right: 180px !important;} .mrl-185_lg {margin-left: 185px !important; margin-right: 185px !important;} .mrl-190_lg {margin-left: 190px !important; margin-right: 190px !important;} .mrl-195_lg {margin-left: 195px !important; margin-right: 195px !important;} .mrl-200_lg {margin-left: 200px !important; margin-right: 200px !important;} .p-0_lg {padding: 0px !important;} .pt-0_lg {padding-top: 0px !important;} .pt-5_lg {padding-top: 5px !important;} .pt-10_lg {padding-top: 10px !important;} .pt-15_lg {padding-top: 15px !important;} .pt-20_lg {padding-top: 20px !important;} .pt-25_lg {padding-top: 25px !important;} .pt-30_lg {padding-top: 30px !important;} .pt-35_lg {padding-top: 35px !important;} .pt-40_lg {padding-top: 40px !important;} .pt-45_lg {padding-top: 45px !important;} .pt-50_lg {padding-top: 50px !important;} .pt-55_lg {padding-top: 55px !important;} .pt-60_lg {padding-top: 60px !important;} .pt-65_lg {padding-top: 65px !important;} .pt-70_lg {padding-top: 70px !important;} .pt-75_lg {padding-top: 75px !important;} .pt-80_lg {padding-top: 80px !important;} .pt-85_lg {padding-top: 85px !important;} .pt-90_lg {padding-top: 90px !important;} .pt-95_lg {padding-top: 95px !important;} .pt-100_lg {padding-top: 100px !important;} .pt-105_lg {padding-top: 105px !important;} .pt-110_lg {padding-top: 110px !important;} .pt-115_lg {padding-top: 115px !important;} .pt-120_lg {padding-top: 120px !important;} .pt-125_lg {padding-top: 125px !important;} .pt-130_lg {padding-top: 130px !important;} .pt-135_lg {padding-top: 135px !important;} .pt-140_lg {padding-top: 140px !important;} .pt-145_lg {padding-top: 145px !important;} .pt-150_lg {padding-top: 150px !important;} .pt-155_lg {padding-top: 155px !important;} .pt-160_lg {padding-top: 160px !important;} .pt-165_lg {padding-top: 165px !important;} .pt-170_lg {padding-top: 170px !important;} .pt-175_lg {padding-top: 175px !important;} .pt-180_lg {padding-top: 180px !important;} .pt-185_lg {padding-top: 185px !important;} .pt-190_lg {padding-top: 190px !important;} .pt-195_lg {padding-top: 195px !important;} .pt-200_lg {padding-top: 200px !important;} .pb-0_lg {padding-bottom: 0px !important;} .pb-5_lg {padding-bottom: 5px !important;} .pb-10_lg {padding-bottom: 10px !important;} .pb-15_lg {padding-bottom: 15px !important;} .pb-20_lg {padding-bottom: 20px !important;} .pb-25_lg {padding-bottom: 25px !important;} .pb-30_lg {padding-bottom: 30px !important;} .pb-35_lg {padding-bottom: 35px !important;} .pb-40_lg {padding-bottom: 40px !important;} .pb-45_lg {padding-bottom: 45px !important;} .pb-50_lg {padding-bottom: 50px !important;} .pb-55_lg {padding-bottom: 55px !important;} .pb-60_lg {padding-bottom: 60px !important;} .pb-65_lg {padding-bottom: 65px !important;} .pb-70_lg {padding-bottom: 70px !important;} .pb-75_lg {padding-bottom: 75px !important;} .pb-80_lg {padding-bottom: 80px !important;} .pb-85_lg {padding-bottom: 85px !important;} .pb-90_lg {padding-bottom: 90px !important;} .pb-95_lg {padding-bottom: 95px !important;} .pb-100_lg {padding-bottom: 100px !important;} .pb-105_lg {padding-bottom: 105px !important;} .pb-110_lg {padding-bottom: 110px !important;} .pb-115_lg {padding-bottom: 115px !important;} .pb-120_lg {padding-bottom: 120px !important;} .pb-125_lg {padding-bottom: 125px !important;} .pb-130_lg {padding-bottom: 130px !important;} .pb-135_lg {padding-bottom: 135px !important;} .pb-140_lg {padding-bottom: 140px !important;} .pb-145_lg {padding-bottom: 145px !important;} .pb-150_lg {padding-bottom: 150px !important;} .pb-155_lg {padding-bottom: 155px !important;} .pb-160_lg {padding-bottom: 160px !important;} .pb-165_lg {padding-bottom: 165px !important;} .pb-170_lg {padding-bottom: 170px !important;} .pb-175_lg {padding-bottom: 175px !important;} .pb-180_lg {padding-bottom: 180px !important;} .pb-185_lg {padding-bottom: 185px !important;} .pb-190_lg {padding-bottom: 190px !important;} .pb-195_lg {padding-bottom: 195px !important;} .pb-200_lg {padding-bottom: 200px !important;} .ptb-0_lg {padding-top: 0px !important; padding-bottom: 0px !important;} .ptb-5_lg {padding-top: 5px !important; padding-bottom: 5px !important;} .ptb-10_lg {padding-top: 10px !important; padding-bottom: 10px !important;} .ptb-15_lg {padding-top: 15px !important; padding-bottom: 15px !important;} .ptb-20_lg {padding-top: 20px !important; padding-bottom: 20px !important;} .ptb-25_lg {padding-top: 25px !important; padding-bottom: 25px !important;} .ptb-30_lg {padding-top: 30px !important; padding-bottom: 30px !important;} .ptb-35_lg {padding-top: 35px !important; padding-bottom: 35px !important;} .ptb-40_lg {padding-top: 40px !important; padding-bottom: 40px !important;} .ptb-45_lg {padding-top: 45px !important; padding-bottom: 45px !important;} .ptb-50_lg {padding-top: 50px !important; padding-bottom: 50px !important;} .ptb-55_lg {padding-top: 55px !important; padding-bottom: 55px !important;} .ptb-60_lg {padding-top: 60px !important; padding-bottom: 60px !important;} .ptb-65_lg {padding-top: 65px !important; padding-bottom: 65px !important;} .ptb-70_lg {padding-top: 70px !important; padding-bottom: 70px !important;} .ptb-75_lg {padding-top: 75px !important; padding-bottom: 75px !important;} .ptb-80_lg {padding-top: 80px !important; padding-bottom: 80px !important;} .ptb-85_lg {padding-top: 85px !important; padding-bottom: 85px !important;} .ptb-90_lg {padding-top: 90px !important; padding-bottom: 90px !important;} .ptb-95_lg {padding-top: 95px !important; padding-bottom: 95px !important;} .ptb-100_lg {padding-top: 100px !important; padding-bottom: 100px !important;} .ptb-105_lg {padding-top: 105px !important; padding-bottom: 105px !important;} .ptb-110_lg {padding-top: 110px !important; padding-bottom: 110px !important;} .ptb-115_lg {padding-top: 115px !important; padding-bottom: 115px !important;} .ptb-120_lg {padding-top: 120px !important; padding-bottom: 120px !important;} .ptb-125_lg {padding-top: 125px !important; padding-bottom: 125px !important;} .ptb-130_lg {padding-top: 130px !important; padding-bottom: 130px !important;} .ptb-135_lg {padding-top: 135px !important; padding-bottom: 135px !important;} .ptb-140_lg {padding-top: 140px !important; padding-bottom: 140px !important;} .ptb-145_lg {padding-top: 145px !important; padding-bottom: 145px !important;} .ptb-150_lg {padding-top: 150px !important; padding-bottom: 150px !important;} .ptb-155_lg {padding-top: 155px !important; padding-bottom: 155px !important;} .ptb-160_lg {padding-top: 160px !important; padding-bottom: 160px !important;} .ptb-165_lg {padding-top: 165px !important; padding-bottom: 165px !important;} .ptb-170_lg {padding-top: 170px !important; padding-bottom: 170px !important;} .ptb-175_lg {padding-top: 175px !important; padding-bottom: 175px !important;} .ptb-180_lg {padding-top: 180px !important; padding-bottom: 180px !important;} .ptb-185_lg {padding-top: 185px !important; padding-bottom: 185px !important;} .ptb-190_lg {padding-top: 190px !important; padding-bottom: 190px !important;} .ptb-195_lg {padding-top: 195px !important; padding-bottom: 195px !important;} .ptb-200_lg {padding-top: 200px !important; padding-bottom: 200px !important;} .pl-0_lg {padding-left: 0px !important;} .pl-5_lg {padding-left: 5px !important;} .pl-10_lg {padding-left: 10px !important;} .pl-15_lg {padding-left: 15px !important;} .pl-20_lg {padding-left: 20px !important;} .pl-25_lg {padding-left: 25px !important;} .pl-30_lg {padding-left: 30px !important;} .pl-35_lg {padding-left: 35px !important;} .pl-40_lg {padding-left: 40px !important;} .pl-45_lg {padding-left: 45px !important;} .pl-50_lg {padding-left: 50px !important;} .pl-55_lg {padding-left: 55px !important;} .pl-60_lg {padding-left: 60px !important;} .pl-65_lg {padding-left: 65px !important;} .pl-70_lg {padding-left: 70px !important;} .pl-75_lg {padding-left: 75px !important;} .pl-80_lg {padding-left: 80px !important;} .pl-85_lg {padding-left: 85px !important;} .pl-90_lg {padding-left: 90px !important;} .pl-95_lg {padding-left: 95px !important;} .pl-100_lg {padding-left: 100px !important;} .pl-105_lg {padding-left: 105px !important;} .pl-110_lg {padding-left: 110px !important;} .pl-115_lg {padding-left: 115px !important;} .pl-120_lg {padding-left: 120px !important;} .pl-125_lg {padding-left: 125px !important;} .pl-130_lg {padding-left: 130px !important;} .pl-135_lg {padding-left: 135px !important;} .pl-140_lg {padding-left: 140px !important;} .pl-145_lg {padding-left: 145px !important;} .pl-150_lg {padding-left: 150px !important;} .pl-155_lg {padding-left: 155px !important;} .pl-160_lg {padding-left: 160px !important;} .pl-165_lg {padding-left: 165px !important;} .pl-170_lg {padding-left: 170px !important;} .pl-175_lg {padding-left: 175px !important;} .pl-180_lg {padding-left: 180px !important;} .pl-185_lg {padding-left: 185px !important;} .pl-190_lg {padding-left: 190px !important;} .pl-195_lg {padding-left: 195px !important;} .pl-200_lg {padding-left: 200px !important;} .pr-0_lg {padding-right: 0px !important;} .pr-5_lg {padding-right: 5px !important;} .pr-10_lg {padding-right: 10px !important;} .pr-15_lg {padding-right: 15px !important;} .pr-20_lg {padding-right: 20px !important;} .pr-25_lg {padding-right: 25px !important;} .pr-30_lg {padding-right: 30px !important;} .pr-35_lg {padding-right: 35px !important;} .pr-40_lg {padding-right: 40px !important;} .pr-45_lg {padding-right: 45px !important;} .pr-50_lg {padding-right: 50px !important;} .pr-55_lg {padding-right: 55px !important;} .pr-60_lg {padding-right: 60px !important;} .pr-65_lg {padding-right: 65px !important;} .pr-70_lg {padding-right: 70px !important;} .pr-75_lg {padding-right: 75px !important;} .pr-80_lg {padding-right: 80px !important;} .pr-85_lg {padding-right: 85px !important;} .pr-90_lg {padding-right: 90px !important;} .pr-95_lg {padding-right: 95px !important;} .pr-100_lg {padding-right: 100px !important;} .pr-105_lg {padding-right: 105px !important;} .pr-110_lg {padding-right: 110px !important;} .pr-115_lg {padding-right: 115px !important;} .pr-120_lg {padding-right: 120px !important;} .pr-125_lg {padding-right: 125px !important;} .pr-130_lg {padding-right: 130px !important;} .pr-135_lg {padding-right: 135px !important;} .pr-140_lg {padding-right: 140px !important;} .pr-145_lg {padding-right: 145px !important;} .pr-150_lg {padding-right: 150px !important;} .pr-155_lg {padding-right: 155px !important;} .pr-160_lg {padding-right: 160px !important;} .pr-165_lg {padding-right: 165px !important;} .pr-170_lg {padding-right: 170px !important;} .pr-175_lg {padding-right: 175px !important;} .pr-180_lg {padding-right: 180px !important;} .pr-185_lg {padding-right: 185px !important;} .pr-190_lg {padding-right: 190px !important;} .pr-195_lg {padding-right: 195px !important;} .pr-200_lg {padding-right: 200px !important;} .prl-0_lg {padding-right: 0px !important; padding-left: 0px !important;} .prl-5_lg {padding-right: 5px !important; padding-left: 5px !important;} .prl-10_lg {padding-right: 10px !important; padding-left: 10px !important;} .prl-15_lg {padding-right: 15px !important; padding-left: 15px !important;} .prl-20_lg {padding-right: 20px !important; padding-left: 20px !important;} .prl-25_lg {padding-right: 25px !important; padding-left: 25px !important;} .prl-30_lg {padding-right: 30px !important; padding-left: 30px !important;} .prl-35_lg {padding-right: 35px !important; padding-left: 35px !important;} .prl-40_lg {padding-right: 40px !important; padding-left: 40px !important;} .prl-45_lg {padding-right: 45px !important; padding-left: 45px !important;} .prl-50_lg {padding-right: 50px !important; padding-left: 50px !important;} .prl-55_lg {padding-right: 55px !important; padding-left: 55px !important;} .prl-60_lg {padding-right: 60px !important; padding-left: 60px !important;} .prl-65_lg {padding-right: 65px !important; padding-left: 65px !important;} .prl-70_lg {padding-right: 70px !important; padding-left: 70px !important;} .prl-75_lg {padding-right: 75px !important; padding-left: 75px !important;} .prl-80_lg {padding-right: 80px !important; padding-left: 80px !important;} .prl-85_lg {padding-right: 85px !important; padding-left: 85px !important;} .prl-90_lg {padding-right: 90px !important; padding-left: 90px !important;} .prl-95_lg {padding-right: 95px !important; padding-left: 95px !important;} .prl-100_lg {padding-right: 100px !important; padding-left: 100px !important;} .prl-105_lg {padding-right: 105px !important; padding-left: 105px !important;} .prl-110_lg {padding-right: 110px !important; padding-left: 110px !important;} .prl-115_lg {padding-right: 115px !important; padding-left: 115px !important;} .prl-120_lg {padding-right: 120px !important; padding-left: 120px !important;} .prl-125_lg {padding-right: 125px !important; padding-left: 125px !important;} .prl-130_lg {padding-right: 130px !important; padding-left: 130px !important;} .prl-135_lg {padding-right: 135px !important; padding-left: 135px !important;} .prl-140_lg {padding-right: 140px !important; padding-left: 140px !important;} .prl-145_lg {padding-right: 145px !important; padding-left: 145px !important;} .prl-150_lg {padding-right: 150px !important; padding-left: 150px !important;} .prl-155_lg {padding-right: 155px !important; padding-left: 155px !important;} .prl-160_lg {padding-right: 160px !important; padding-left: 160px !important;} .prl-165_lg {padding-right: 165px !important; padding-left: 165px !important;} .prl-170_lg {padding-right: 170px !important; padding-left: 170px !important;} .prl-175_lg {padding-right: 175px !important; padding-left: 175px !important;} .prl-180_lg {padding-right: 180px !important; padding-left: 180px !important;} .prl-185_lg {padding-right: 185px !important; padding-left: 185px !important;} .prl-190_lg {padding-right: 190px !important; padding-left: 190px !important;} .prl-195_lg {padding-right: 195px !important; padding-left: 195px !important;} .prl-200_lg {padding-right: 200px !important; padding-left: 200px !important;} } @media (max-width:1200px) { .dis_no_xl {display: none !important;} .dis_blo_xl {display: block !important;} .m-0_xl {margin: 0px !important;} .mt-0_xl {margin-top: 0px !important;} .mt-5_xl {margin-top: 5px !important;} .mt-10_xl {margin-top: 10px !important;} .mt-15_xl {margin-top: 15px !important;} .mt-20_xl {margin-top: 20px !important;} .mt-25_xl {margin-top: 25px !important;} .mt-30_xl {margin-top: 30px !important;} .mt-35_xl {margin-top: 35px !important;} .mt-40_xl {margin-top: 40px !important;} .mt-45_xl {margin-top: 45px !important;} .mt-50_xl {margin-top: 50px !important;} .mt-55_xl {margin-top: 55px !important;} .mt-60_xl {margin-top: 60px !important;} .mt-65_xl {margin-top: 65px !important;} .mt-70_xl {margin-top: 70px !important;} .mt-75_xl {margin-top: 75px !important;} .mt-80_xl {margin-top: 80px !important;} .mt-85_xl {margin-top: 85px !important;} .mt-90_xl {margin-top: 90px !important;} .mt-95_xl {margin-top: 95px !important;} .mt-100_xl {margin-top: 100px !important;} .mt-105_xl {margin-top: 105px !important;} .mt-110_xl {margin-top: 110px !important;} .mt-115_xl {margin-top: 115px !important;} .mt-120_xl {margin-top: 120px !important;} .mt-125_xl {margin-top: 125px !important;} .mt-130_xl {margin-top: 130px !important;} .mt-135_xl {margin-top: 135px !important;} .mt-140_xl {margin-top: 140px !important;} .mt-145_xl {margin-top: 145px !important;} .mt-150_xl {margin-top: 150px !important;} .mt-155_xl {margin-top: 155px !important;} .mt-160_xl {margin-top: 160px !important;} .mt-165_xl {margin-top: 165px !important;} .mt-170_xl {margin-top: 170px !important;} .mt-175_xl {margin-top: 175px !important;} .mt-180_xl {margin-top: 180px !important;} .mt-185_xl {margin-top: 185px !important;} .mt-190_xl {margin-top: 190px !important;} .mt-195_xl {margin-top: 195px !important;} .mt-200_xl {margin-top: 200px !important;} .mb-0_xl {margin-bottom: 0px !important;} .mb-5_xl {margin-bottom: 5px !important;} .mb-10_xl {margin-bottom: 10px !important;} .mb-15_xl {margin-bottom: 15px !important;} .mb-20_xl {margin-bottom: 20px !important;} .mb-25_xl {margin-bottom: 25px !important;} .mb-30_xl {margin-bottom: 30px !important;} .mb-35_xl {margin-bottom: 35px !important;} .mb-40_xl {margin-bottom: 40px !important;} .mb-45_xl {margin-bottom: 45px !important;} .mb-50_xl {margin-bottom: 50px !important;} .mb-55_xl {margin-bottom: 55px !important;} .mb-60_xl {margin-bottom: 60px !important;} .mb-65_xl {margin-bottom: 65px !important;} .mb-70_xl {margin-bottom: 70px !important;} .mb-75_xl {margin-bottom: 75px !important;} .mb-80_xl {margin-bottom: 80px !important;} .mb-85_xl {margin-bottom: 85px !important;} .mb-90_xl {margin-bottom: 90px !important;} .mb-95_xl {margin-bottom: 95px !important;} .mb-100_xl {margin-bottom: 100px !important;} .mb-105_xl {margin-bottom: 105px !important;} .mb-110_xl {margin-bottom: 110px !important;} .mb-115_xl {margin-bottom: 115px !important;} .mb-120_xl {margin-bottom: 120px !important;} .mb-125_xl {margin-bottom: 125px !important;} .mb-130_xl {margin-bottom: 130px !important;} .mb-135_xl {margin-bottom: 135px !important;} .mb-140_xl {margin-bottom: 140px !important;} .mb-145_xl {margin-bottom: 145px !important;} .mb-150_xl {margin-bottom: 150px !important;} .mb-155_xl {margin-bottom: 155px !important;} .mb-160_xl {margin-bottom: 160px !important;} .mb-165_xl {margin-bottom: 165px !important;} .mb-170_xl {margin-bottom: 170px !important;} .mb-175_xl {margin-bottom: 175px !important;} .mb-180_xl {margin-bottom: 180px !important;} .mb-185_xl {margin-bottom: 185px !important;} .mb-190_xl {margin-bottom: 190px !important;} .mb-195_xl {margin-bottom: 195px !important;} .mb-200_xl {margin-bottom: 200px !important;} .mtb-0_xl {margin-top: 0px !important; margin-bottom: 0px !important;} .mtb-5_xl {margin-top: 5px !important; margin-bottom: 5px !important;} .mtb-10_xl {margin-top: 10px !important; margin-bottom: 10px !important;} .mtb-15_xl {margin-top: 15px !important; margin-bottom: 15px !important;} .mtb-20_xl {margin-top: 20px !important; margin-bottom: 20px !important;} .mtb-25_xl {margin-top: 25px !important; margin-bottom: 25px !important;} .mtb-30_xl {margin-top: 30px !important; margin-bottom: 30px !important;} .mtb-35_xl {margin-top: 35px !important; margin-bottom: 35px !important;} .mtb-40_xl {margin-top: 40px !important; margin-bottom: 40px !important;} .mtb-45_xl {margin-top: 45px !important; margin-bottom: 45px !important;} .mtb-50_xl {margin-top: 50px !important; margin-bottom: 50px !important;} .mtb-55_xl {margin-top: 55px !important; margin-bottom: 55px !important;} .mtb-60_xl {margin-top: 60px !important; margin-bottom: 60px !important;} .mtb-65_xl {margin-top: 65px !important; margin-bottom: 65px !important;} .mtb-70_xl {margin-top: 70px !important; margin-bottom: 70px !important;} .mtb-75_xl {margin-top: 75px !important; margin-bottom: 75px !important;} .mtb-80_xl {margin-top: 80px !important; margin-bottom: 80px !important;} .mtb-85_xl {margin-top: 85px !important; margin-bottom: 85px !important;} .mtb-90_xl {margin-top: 90px !important; margin-bottom: 90px !important;} .mtb-95_xl {margin-top: 95px !important; margin-bottom: 95px !important;} .mtb-100_xl {margin-top: 100px !important; margin-bottom: 100px !important;} .mtb-105_xl {margin-top: 105px !important; margin-bottom: 105px !important;} .mtb-110_xl {margin-top: 110px !important; margin-bottom: 110px !important;} .mtb-115_xl {margin-top: 115px !important; margin-bottom: 115px !important;} .mtb-120_xl {margin-top: 120px !important; margin-bottom: 120px !important;} .mtb-125_xl {margin-top: 125px !important; margin-bottom: 125px !important;} .mtb-130_xl {margin-top: 130px !important; margin-bottom: 130px !important;} .mtb-135_xl {margin-top: 135px !important; margin-bottom: 135px !important;} .mtb-140_xl {margin-top: 140px !important; margin-bottom: 140px !important;} .mtb-145_xl {margin-top: 145px !important; margin-bottom: 145px !important;} .mtb-150_xl {margin-top: 150px !important; margin-bottom: 150px !important;} .mtb-155_xl {margin-top: 155px !important; margin-bottom: 155px !important;} .mtb-160_xl {margin-top: 160px !important; margin-bottom: 160px !important;} .mtb-165_xl {margin-top: 165px !important; margin-bottom: 165px !important;} .mtb-170_xl {margin-top: 170px !important; margin-bottom: 170px !important;} .mtb-175_xl {margin-top: 175px !important; margin-bottom: 175px !important;} .mtb-180_xl {margin-top: 180px !important; margin-bottom: 180px !important;} .mtb-185_xl {margin-top: 185px !important; margin-bottom: 185px !important;} .mtb-190_xl {margin-top: 190px !important; margin-bottom: 190px !important;} .mtb-195_xl {margin-top: 195px !important; margin-bottom: 195px !important;} .mtb-200_xl {margin-top: 200px !important; margin-bottom: 200px !important;} .ml-0_xl {margin-left: 0px !important;} .ml-5_xl {margin-left: 5px !important;} .ml-10_xl {margin-left: 10px !important;} .ml-15_xl {margin-left: 15px !important;} .ml-20_xl {margin-left: 20px !important;} .ml-25_xl {margin-left: 25px !important;} .ml-30_xl {margin-left: 30px !important;} .ml-35_xl {margin-left: 35px !important;} .ml-40_xl {margin-left: 40px !important;} .ml-45_xl {margin-left: 45px !important;} .ml-50_xl {margin-left: 50px !important;} .ml-55_xl {margin-left: 55px !important;} .ml-60_xl {margin-left: 60px !important;} .ml-65_xl {margin-left: 65px !important;} .ml-70_xl {margin-left: 70px !important;} .ml-75_xl {margin-left: 75px !important;} .ml-80_xl {margin-left: 80px !important;} .ml-85_xl {margin-left: 85px !important;} .ml-90_xl {margin-left: 90px !important;} .ml-95_xl {margin-left: 95px !important;} .ml-100_xl {margin-left: 100px !important;} .ml-105_xl {margin-left: 105px !important;} .ml-110_xl {margin-left: 110px !important;} .ml-115_xl {margin-left: 115px !important;} .ml-120_xl {margin-left: 120px !important;} .ml-125_xl {margin-left: 125px !important;} .ml-130_xl {margin-left: 130px !important;} .ml-135_xl {margin-left: 135px !important;} .ml-140_xl {margin-left: 140px !important;} .ml-145_xl {margin-left: 145px !important;} .ml-150_xl {margin-left: 150px !important;} .ml-155_xl {margin-left: 155px !important;} .ml-160_xl {margin-left: 160px !important;} .ml-165_xl {margin-left: 165px !important;} .ml-170_xl {margin-left: 170px !important;} .ml-175_xl {margin-left: 175px !important;} .ml-180_xl {margin-left: 180px !important;} .ml-185_xl {margin-left: 185px !important;} .ml-190_xl {margin-left: 190px !important;} .ml-195_xl {margin-left: 195px !important;} .ml-200_xl {margin-left: 200px !important;} .mr-0_xl {margin-right: 0px !important;} .mr-5_xl {margin-right: 5px !important;} .mr-10_xl {margin-right: 10px !important;} .mr-15_xl {margin-right: 15px !important;} .mr-20_xl {margin-right: 20px !important;} .mr-25_xl {margin-right: 25px !important;} .mr-30_xl {margin-right: 30px !important;} .mr-35_xl {margin-right: 35px !important;} .mr-40_xl {margin-right: 40px !important;} .mr-45_xl {margin-right: 45px !important;} .mr-50_xl {margin-right: 50px !important;} .mr-55_xl {margin-right: 55px !important;} .mr-60_xl {margin-right: 60px !important;} .mr-65_xl {margin-right: 65px !important;} .mr-70_xl {margin-right: 70px !important;} .mr-75_xl {margin-right: 75px !important;} .mr-80_xl {margin-right: 80px !important;} .mr-85_xl {margin-right: 85px !important;} .mr-90_xl {margin-right: 90px !important;} .mr-95_xl {margin-right: 95px !important;} .mr-100_xl {margin-right: 100px !important;} .mr-105_xl {margin-right: 105px !important;} .mr-110_xl {margin-right: 110px !important;} .mr-115_xl {margin-right: 115px !important;} .mr-120_xl {margin-right: 120px !important;} .mr-125_xl {margin-right: 125px !important;} .mr-130_xl {margin-right: 130px !important;} .mr-135_xl {margin-right: 135px !important;} .mr-140_xl {margin-right: 140px !important;} .mr-145_xl {margin-right: 145px !important;} .mr-150_xl {margin-right: 150px !important;} .mr-155_xl {margin-right: 155px !important;} .mr-160_xl {margin-right: 160px !important;} .mr-165_xl {margin-right: 165px !important;} .mr-170_xl {margin-right: 170px !important;} .mr-175_xl {margin-right: 175px !important;} .mr-180_xl {margin-right: 180px !important;} .mr-185_xl {margin-right: 185px !important;} .mr-190_xl {margin-right: 190px !important;} .mr-195_xl {margin-right: 195px !important;} .mr-200_xl {margin-right: 200px !important;} .mrl-0_xl {margin-left: 0px !important; margin-right: 0px !important;} .mrl-5_xl {margin-left: 5px !important; margin-right: 5px !important;} .mrl-10_xl {margin-left: 10px !important; margin-right: 10px !important;} .mrl-15_xl {margin-left: 15px !important; margin-right: 15px !important;} .mrl-20_xl {margin-left: 20px !important; margin-right: 20px !important;} .mrl-25_xl {margin-left: 25px !important; margin-right: 25px !important;} .mrl-30_xl {margin-left: 30px !important; margin-right: 30px !important;} .mrl-35_xl {margin-left: 35px !important; margin-right: 35px !important;} .mrl-40_xl {margin-left: 40px !important; margin-right: 40px !important;} .mrl-45_xl {margin-left: 45px !important; margin-right: 45px !important;} .mrl-50_xl {margin-left: 50px !important; margin-right: 50px !important;} .mrl-55_xl {margin-left: 55px !important; margin-right: 55px !important;} .mrl-60_xl {margin-left: 60px !important; margin-right: 60px !important;} .mrl-65_xl {margin-left: 65px !important; margin-right: 65px !important;} .mrl-70_xl {margin-left: 70px !important; margin-right: 70px !important;} .mrl-75_xl {margin-left: 75px !important; margin-right: 75px !important;} .mrl-80_xl {margin-left: 80px !important; margin-right: 80px !important;} .mrl-85_xl {margin-left: 85px !important; margin-right: 85px !important;} .mrl-90_xl {margin-left: 90px !important; margin-right: 90px !important;} .mrl-95_xl {margin-left: 95px !important; margin-right: 95px !important;} .mrl-100_xl {margin-left: 100px !important; margin-right: 100px !important;} .mrl-105_xl {margin-left: 105px !important; margin-right: 105px !important;} .mrl-110_xl {margin-left: 110px !important; margin-right: 110px !important;} .mrl-115_xl {margin-left: 115px !important; margin-right: 115px !important;} .mrl-120_xl {margin-left: 120px !important; margin-right: 120px !important;} .mrl-125_xl {margin-left: 125px !important; margin-right: 125px !important;} .mrl-130_xl {margin-left: 130px !important; margin-right: 130px !important;} .mrl-135_xl {margin-left: 135px !important; margin-right: 135px !important;} .mrl-140_xl {margin-left: 140px !important; margin-right: 140px !important;} .mrl-145_xl {margin-left: 145px !important; margin-right: 145px !important;} .mrl-150_xl {margin-left: 150px !important; margin-right: 150px !important;} .mrl-155_xl {margin-left: 155px !important; margin-right: 155px !important;} .mrl-160_xl {margin-left: 160px !important; margin-right: 160px !important;} .mrl-165_xl {margin-left: 165px !important; margin-right: 165px !important;} .mrl-170_xl {margin-left: 170px !important; margin-right: 170px !important;} .mrl-175_xl {margin-left: 175px !important; margin-right: 175px !important;} .mrl-180_xl {margin-left: 180px !important; margin-right: 180px !important;} .mrl-185_xl {margin-left: 185px !important; margin-right: 185px !important;} .mrl-190_xl {margin-left: 190px !important; margin-right: 190px !important;} .mrl-195_xl {margin-left: 195px !important; margin-right: 195px !important;} .mrl-200_xl {margin-left: 200px !important; margin-right: 200px !important;} .p-0_xl {padding: 0px !important;} .pt-0_xl {padding-top: 0px !important;} .pt-5_xl {padding-top: 5px !important;} .pt-10_xl {padding-top: 10px !important;} .pt-15_xl {padding-top: 15px !important;} .pt-20_xl {padding-top: 20px !important;} .pt-25_xl {padding-top: 25px !important;} .pt-30_xl {padding-top: 30px !important;} .pt-35_xl {padding-top: 35px !important;} .pt-40_xl {padding-top: 40px !important;} .pt-45_xl {padding-top: 45px !important;} .pt-50_xl {padding-top: 50px !important;} .pt-55_xl {padding-top: 55px !important;} .pt-60_xl {padding-top: 60px !important;} .pt-65_xl {padding-top: 65px !important;} .pt-70_xl {padding-top: 70px !important;} .pt-75_xl {padding-top: 75px !important;} .pt-80_xl {padding-top: 80px !important;} .pt-85_xl {padding-top: 85px !important;} .pt-90_xl {padding-top: 90px !important;} .pt-95_xl {padding-top: 95px !important;} .pt-100_xl {padding-top: 100px !important;} .pt-105_xl {padding-top: 105px !important;} .pt-110_xl {padding-top: 110px !important;} .pt-115_xl {padding-top: 115px !important;} .pt-120_xl {padding-top: 120px !important;} .pt-125_xl {padding-top: 125px !important;} .pt-130_xl {padding-top: 130px !important;} .pt-135_xl {padding-top: 135px !important;} .pt-140_xl {padding-top: 140px !important;} .pt-145_xl {padding-top: 145px !important;} .pt-150_xl {padding-top: 150px !important;} .pt-155_xl {padding-top: 155px !important;} .pt-160_xl {padding-top: 160px !important;} .pt-165_xl {padding-top: 165px !important;} .pt-170_xl {padding-top: 170px !important;} .pt-175_xl {padding-top: 175px !important;} .pt-180_xl {padding-top: 180px !important;} .pt-185_xl {padding-top: 185px !important;} .pt-190_xl {padding-top: 190px !important;} .pt-195_xl {padding-top: 195px !important;} .pt-200_xl {padding-top: 200px !important;} .pb-0_xl {padding-bottom: 0px !important;} .pb-5_xl {padding-bottom: 5px !important;} .pb-10_xl {padding-bottom: 10px !important;} .pb-15_xl {padding-bottom: 15px !important;} .pb-20_xl {padding-bottom: 20px !important;} .pb-25_xl {padding-bottom: 25px !important;} .pb-30_xl {padding-bottom: 30px !important;} .pb-35_xl {padding-bottom: 35px !important;} .pb-40_xl {padding-bottom: 40px !important;} .pb-45_xl {padding-bottom: 45px !important;} .pb-50_xl {padding-bottom: 50px !important;} .pb-55_xl {padding-bottom: 55px !important;} .pb-60_xl {padding-bottom: 60px !important;} .pb-65_xl {padding-bottom: 65px !important;} .pb-70_xl {padding-bottom: 70px !important;} .pb-75_xl {padding-bottom: 75px !important;} .pb-80_xl {padding-bottom: 80px !important;} .pb-85_xl {padding-bottom: 85px !important;} .pb-90_xl {padding-bottom: 90px !important;} .pb-95_xl {padding-bottom: 95px !important;} .pb-100_xl {padding-bottom: 100px !important;} .pb-105_xl {padding-bottom: 105px !important;} .pb-110_xl {padding-bottom: 110px !important;} .pb-115_xl {padding-bottom: 115px !important;} .pb-120_xl {padding-bottom: 120px !important;} .pb-125_xl {padding-bottom: 125px !important;} .pb-130_xl {padding-bottom: 130px !important;} .pb-135_xl {padding-bottom: 135px !important;} .pb-140_xl {padding-bottom: 140px !important;} .pb-145_xl {padding-bottom: 145px !important;} .pb-150_xl {padding-bottom: 150px !important;} .pb-155_xl {padding-bottom: 155px !important;} .pb-160_xl {padding-bottom: 160px !important;} .pb-165_xl {padding-bottom: 165px !important;} .pb-170_xl {padding-bottom: 170px !important;} .pb-175_xl {padding-bottom: 175px !important;} .pb-180_xl {padding-bottom: 180px !important;} .pb-185_xl {padding-bottom: 185px !important;} .pb-190_xl {padding-bottom: 190px !important;} .pb-195_xl {padding-bottom: 195px !important;} .pb-200_xl {padding-bottom: 200px !important;} .ptb-0_xl {padding-top: 0px !important; padding-bottom: 0px !important;} .ptb-5_xl {padding-top: 5px !important; padding-bottom: 5px !important;} .ptb-10_xl {padding-top: 10px !important; padding-bottom: 10px !important;} .ptb-15_xl {padding-top: 15px !important; padding-bottom: 15px !important;} .ptb-20_xl {padding-top: 20px !important; padding-bottom: 20px !important;} .ptb-25_xl {padding-top: 25px !important; padding-bottom: 25px !important;} .ptb-30_xl {padding-top: 30px !important; padding-bottom: 30px !important;} .ptb-35_xl {padding-top: 35px !important; padding-bottom: 35px !important;} .ptb-40_xl {padding-top: 40px !important; padding-bottom: 40px !important;} .ptb-45_xl {padding-top: 45px !important; padding-bottom: 45px !important;} .ptb-50_xl {padding-top: 50px !important; padding-bottom: 50px !important;} .ptb-55_xl {padding-top: 55px !important; padding-bottom: 55px !important;} .ptb-60_xl {padding-top: 60px !important; padding-bottom: 60px !important;} .ptb-65_xl {padding-top: 65px !important; padding-bottom: 65px !important;} .ptb-70_xl {padding-top: 70px !important; padding-bottom: 70px !important;} .ptb-75_xl {padding-top: 75px !important; padding-bottom: 75px !important;} .ptb-80_xl {padding-top: 80px !important; padding-bottom: 80px !important;} .ptb-85_xl {padding-top: 85px !important; padding-bottom: 85px !important;} .ptb-90_xl {padding-top: 90px !important; padding-bottom: 90px !important;} .ptb-95_xl {padding-top: 95px !important; padding-bottom: 95px !important;} .ptb-100_xl {padding-top: 100px !important; padding-bottom: 100px !important;} .ptb-105_xl {padding-top: 105px !important; padding-bottom: 105px !important;} .ptb-110_xl {padding-top: 110px !important; padding-bottom: 110px !important;} .ptb-115_xl {padding-top: 115px !important; padding-bottom: 115px !important;} .ptb-120_xl {padding-top: 120px !important; padding-bottom: 120px !important;} .ptb-125_xl {padding-top: 125px !important; padding-bottom: 125px !important;} .ptb-130_xl {padding-top: 130px !important; padding-bottom: 130px !important;} .ptb-135_xl {padding-top: 135px !important; padding-bottom: 135px !important;} .ptb-140_xl {padding-top: 140px !important; padding-bottom: 140px !important;} .ptb-145_xl {padding-top: 145px !important; padding-bottom: 145px !important;} .ptb-150_xl {padding-top: 150px !important; padding-bottom: 150px !important;} .ptb-155_xl {padding-top: 155px !important; padding-bottom: 155px !important;} .ptb-160_xl {padding-top: 160px !important; padding-bottom: 160px !important;} .ptb-165_xl {padding-top: 165px !important; padding-bottom: 165px !important;} .ptb-170_xl {padding-top: 170px !important; padding-bottom: 170px !important;} .ptb-175_xl {padding-top: 175px !important; padding-bottom: 175px !important;} .ptb-180_xl {padding-top: 180px !important; padding-bottom: 180px !important;} .ptb-185_xl {padding-top: 185px !important; padding-bottom: 185px !important;} .ptb-190_xl {padding-top: 190px !important; padding-bottom: 190px !important;} .ptb-195_xl {padding-top: 195px !important; padding-bottom: 195px !important;} .ptb-200_xl {padding-top: 200px !important; padding-bottom: 200px !important;} .pl-0_xl {padding-left: 0px !important;} .pl-5_xl {padding-left: 5px !important;} .pl-10_xl {padding-left: 10px !important;} .pl-15_xl {padding-left: 15px !important;} .pl-20_xl {padding-left: 20px !important;} .pl-25_xl {padding-left: 25px !important;} .pl-30_xl {padding-left: 30px !important;} .pl-35_xl {padding-left: 35px !important;} .pl-40_xl {padding-left: 40px !important;} .pl-45_xl {padding-left: 45px !important;} .pl-50_xl {padding-left: 50px !important;} .pl-55_xl {padding-left: 55px !important;} .pl-60_xl {padding-left: 60px !important;} .pl-65_xl {padding-left: 65px !important;} .pl-70_xl {padding-left: 70px !important;} .pl-75_xl {padding-left: 75px !important;} .pl-80_xl {padding-left: 80px !important;} .pl-85_xl {padding-left: 85px !important;} .pl-90_xl {padding-left: 90px !important;} .pl-95_xl {padding-left: 95px !important;} .pl-100_xl {padding-left: 100px !important;} .pl-105_xl {padding-left: 105px !important;} .pl-110_xl {padding-left: 110px !important;} .pl-115_xl {padding-left: 115px !important;} .pl-120_xl {padding-left: 120px !important;} .pl-125_xl {padding-left: 125px !important;} .pl-130_xl {padding-left: 130px !important;} .pl-135_xl {padding-left: 135px !important;} .pl-140_xl {padding-left: 140px !important;} .pl-145_xl {padding-left: 145px !important;} .pl-150_xl {padding-left: 150px !important;} .pl-155_xl {padding-left: 155px !important;} .pl-160_xl {padding-left: 160px !important;} .pl-165_xl {padding-left: 165px !important;} .pl-170_xl {padding-left: 170px !important;} .pl-175_xl {padding-left: 175px !important;} .pl-180_xl {padding-left: 180px !important;} .pl-185_xl {padding-left: 185px !important;} .pl-190_xl {padding-left: 190px !important;} .pl-195_xl {padding-left: 195px !important;} .pl-200_xl {padding-left: 200px !important;} .pr-0_xl {padding-right: 0px !important;} .pr-5_xl {padding-right: 5px !important;} .pr-10_xl {padding-right: 10px !important;} .pr-15_xl {padding-right: 15px !important;} .pr-20_xl {padding-right: 20px !important;} .pr-25_xl {padding-right: 25px !important;} .pr-30_xl {padding-right: 30px !important;} .pr-35_xl {padding-right: 35px !important;} .pr-40_xl {padding-right: 40px !important;} .pr-45_xl {padding-right: 45px !important;} .pr-50_xl {padding-right: 50px !important;} .pr-55_xl {padding-right: 55px !important;} .pr-60_xl {padding-right: 60px !important;} .pr-65_xl {padding-right: 65px !important;} .pr-70_xl {padding-right: 70px !important;} .pr-75_xl {padding-right: 75px !important;} .pr-80_xl {padding-right: 80px !important;} .pr-85_xl {padding-right: 85px !important;} .pr-90_xl {padding-right: 90px !important;} .pr-95_xl {padding-right: 95px !important;} .pr-100_xl {padding-right: 100px !important;} .pr-105_xl {padding-right: 105px !important;} .pr-110_xl {padding-right: 110px !important;} .pr-115_xl {padding-right: 115px !important;} .pr-120_xl {padding-right: 120px !important;} .pr-125_xl {padding-right: 125px !important;} .pr-130_xl {padding-right: 130px !important;} .pr-135_xl {padding-right: 135px !important;} .pr-140_xl {padding-right: 140px !important;} .pr-145_xl {padding-right: 145px !important;} .pr-150_xl {padding-right: 150px !important;} .pr-155_xl {padding-right: 155px !important;} .pr-160_xl {padding-right: 160px !important;} .pr-165_xl {padding-right: 165px !important;} .pr-170_xl {padding-right: 170px !important;} .pr-175_xl {padding-right: 175px !important;} .pr-180_xl {padding-right: 180px !important;} .pr-185_xl {padding-right: 185px !important;} .pr-190_xl {padding-right: 190px !important;} .pr-195_xl {padding-right: 195px !important;} .pr-200_xl {padding-right: 200px !important;} .prl-0_xl {padding-right: 0px !important; padding-left: 0px !important;} .prl-5_xl {padding-right: 5px !important; padding-left: 5px !important;} .prl-10_xl {padding-right: 10px !important; padding-left: 10px !important;} .prl-15_xl {padding-right: 15px !important; padding-left: 15px !important;} .prl-20_xl {padding-right: 20px !important; padding-left: 20px !important;} .prl-25_xl {padding-right: 25px !important; padding-left: 25px !important;} .prl-30_xl {padding-right: 30px !important; padding-left: 30px !important;} .prl-35_xl {padding-right: 35px !important; padding-left: 35px !important;} .prl-40_xl {padding-right: 40px !important; padding-left: 40px !important;} .prl-45_xl {padding-right: 45px !important; padding-left: 45px !important;} .prl-50_xl {padding-right: 50px !important; padding-left: 50px !important;} .prl-55_xl {padding-right: 55px !important; padding-left: 55px !important;} .prl-60_xl {padding-right: 60px !important; padding-left: 60px !important;} .prl-65_xl {padding-right: 65px !important; padding-left: 65px !important;} .prl-70_xl {padding-right: 70px !important; padding-left: 70px !important;} .prl-75_xl {padding-right: 75px !important; padding-left: 75px !important;} .prl-80_xl {padding-right: 80px !important; padding-left: 80px !important;} .prl-85_xl {padding-right: 85px !important; padding-left: 85px !important;} .prl-90_xl {padding-right: 90px !important; padding-left: 90px !important;} .prl-95_xl {padding-right: 95px !important; padding-left: 95px !important;} .prl-100_xl {padding-right: 100px !important; padding-left: 100px !important;} .prl-105_xl {padding-right: 105px !important; padding-left: 105px !important;} .prl-110_xl {padding-right: 110px !important; padding-left: 110px !important;} .prl-115_xl {padding-right: 115px !important; padding-left: 115px !important;} .prl-120_xl {padding-right: 120px !important; padding-left: 120px !important;} .prl-125_xl {padding-right: 125px !important; padding-left: 125px !important;} .prl-130_xl {padding-right: 130px !important; padding-left: 130px !important;} .prl-135_xl {padding-right: 135px !important; padding-left: 135px !important;} .prl-140_xl {padding-right: 140px !important; padding-left: 140px !important;} .prl-145_xl {padding-right: 145px !important; padding-left: 145px !important;} .prl-150_xl {padding-right: 150px !important; padding-left: 150px !important;} .prl-155_xl {padding-right: 155px !important; padding-left: 155px !important;} .prl-160_xl {padding-right: 160px !important; padding-left: 160px !important;} .prl-165_xl {padding-right: 165px !important; padding-left: 165px !important;} .prl-170_xl {padding-right: 170px !important; padding-left: 170px !important;} .prl-175_xl {padding-right: 175px !important; padding-left: 175px !important;} .prl-180_xl {padding-right: 180px !important; padding-left: 180px !important;} .prl-185_xl {padding-right: 185px !important; padding-left: 185px !important;} .prl-190_xl {padding-right: 190px !important; padding-left: 190px !important;} .prl-195_xl {padding-right: 195px !important; padding-left: 195px !important;} .prl-200_xl {padding-right: 200px !important; padding-left: 200px !important;} } /* =============================================== 06. NAVIGATION STYLES =============================================== */ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li.normal-item-pro, .sf-menu li.normal-item-pro li { position: relative; } .sf-menu li.normal-item-pro ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu li.normal-item-pro ul ul { top:0; left:100%; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } /*** DEFAULT NAVIGATION SKIN ***/ .sf-menu ul{min-width:10em}.sf-menu a{line-height:1;padding:.75em 1em;text-decoration:none;zoom:1;cursor:pointer;color:#13a}.sf-menu li{background:#BDD2FF;white-space:nowrap}.sf-menu ul li{background:#AABDE6}.sf-menu ul ul li{background:#9AAEDB}.sf-menu li.sfHover,.sf-menu li:hover{background:#CFDEFF}.sf-arrows .sf-with-ul{padding-right:2.5em}.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#dFeEFF;border-top-color:rgba(255,255,255,.5)}.sf-arrows>.sfHover>.sf-with-ul:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>li>.sf-with-ul:focus:after{border-top-color:#fff}.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent transparent transparent #dFeEFF;border-left-color:rgba(255,255,255,.5)}.sf-arrows ul .sfHover>.sf-with-ul:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul li>.sf-with-ul:focus:after{border-left-color:#fff} .sf-menu li, .sf-menu ul li, .sf-menu ul ul li, .sf-menu li:hover, .sf-menu li.sfHover { background:none; } /* Navigation Skin */ nav#site-navigation-pro { font-weight: 600; font-family:'Montserrat', sans-serif; text-transform:uppercase; letter-spacing:0.04em; } .sf-menu a { line-height:1; color:#272727; font-size:13px; padding:37px 20px; } .sf-menu a:hover, .sf-menu li.sfHover a, .sf-menu li.current-menu-item a { color:#272727; background:none; } /* Underline Styles */ .sf-menu a:before { content:""; display:block; position:absolute; left:20px; margin-top:18px; border-radius:6px; height:2px; opacity:0; width: 100%; width: calc(100% - 40px); } .sf-menu a:hover:before, .sf-menu li.sfHover a:before, .sf-menu li.current-menu-item a:before { opacity:1; } .sf-menu li li a:before { display:none; } /* Sub-Menu Styles */ .sf-menu ul { font-weight:300; -webkit-font-smoothing:subpixel-antialiased; text-transform:none; letter-spacing:0px; background:#232323; border: 1px solid rgba(255,255,255, 0.08); border-top:none; padding:18px 32px 18px 32px; margin-left:10px; } .sf-menu ul ul { margin-left:32px; } .sf-menu li li a { text-transform:normal; font-size:13px; padding:14px 10px 14px 0px; border-bottom:1px solid rgba(255,255,255, 0.08); } .sf-menu li li:last-child li a { border-bottom:1px solid rgba(255,255,255, 0.08); } .sf-menu li li:last-child li:last-child a, .sf-menu li li:last-child a { border:none; } .sf-menu li.sfHover li a, .sf-menu li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a { background:rgba(0,0,0, 0); color:rgba(255,255,255, 0.6);; } .sf-menu li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover a, .sf-menu li.sfHover li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a, .sf-menu li.sfHover li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a, .sf-menu li.sfHover li li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a, .sf-menu li.sfHover li li li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a { color:#ffffff; background:rgba(0,0,0, 0); } /* Font Awesome Icon Spacing */ .sf-menu i { line-height:1; margin-right:6px; font-size:90%; position:relative; margin-bottom:-2px; margin-top:-2px; } .sf-menu li li i { font-size:95%; } /* Sub-menu Arrows */ .sf-arrows .sf-with-ul { padding-right: 36px; } .sf-arrows .sf-with-ul:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } .sf-arrows .sf-with-ul:after { font-weight:normal; font-style:normal; border:none; font-family: "Font Awesome 5 Free"; font-weight: 900; content:"\f107"; font-size:11px; top: 50%; right: 28px; margin-top:-7px; } .sf-arrows ul .sf-with-ul:after { font:normal normal normal 10px/1 "Font Awesome 5 Free"; content:"\f105"; margin-top:-5px; right:14px; } /* =============================================== 07. DASHBOARD MAIN STYLES =============================================== */ header#videohead-pro { height:90px; /* Height of Height Should Match Below */ position:relative; margin:0px; padding:0px; z-index:110; background:#ffffff; border-bottom:1px solid rgba(0,0,0,0.08); } nav#sidebar-nav { padding-top:90px; /* Height of Height Should Match Below */ } #video-logo-background a { display:block; height:90px; /* Height of Height Should Match Below */ line-height:90px; text-align:center; width:160px; } #video-logo-background:after { content:""; display:block; position:absolute; left:160px; top:0px; z-index:-1; width:10px; height:100%; background: -moz-linear-gradient(left, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #video-logo-background { float:left; } #video-logo-background:before { content:""; display:block; position:absolute; left:160px; width:1px; background:rgba(0, 0, 0, 0.04); height:100%; } #video-logo-background img { position:relative; top:-2px; left:2px; width:95px; text-align:center; margin:0px 0px 0px 0px; } nav#sidebar-nav { position:fixed; top:0; left:0; width:160px; /* Sidebar Width */ z-index:25; padding-top: 90px; } nav#sidebar-nav.sticky-sidebar-js { position: absolute; } #sidebar-bg:before { background-color: #ffffff; box-shadow: 0 0 12px rgba(0, 0, 0, 0.08); content: ""; display: block; height: 100%; min-height: 100%; position: fixed; top: 0; left: 0; width: 160px; /* Sidebar Width */ z-index:1; /* Fixes flashing bug with scrolling on Safari */ } #sidebar-bg:after { content:""; display:block; position:fixed; left:160px; /* Sidebar Width */ width:1px; top:0px; background:rgba(0, 0, 0, 0.04); height:100%; } main{ padding-top: 90px; } main#col-main { margin-left:160px; /* Sidebar Width */ } .dashboard-container { padding:0px 50px; } #content-sidebar-pro { margin-left:160px; width:300px; float:left; background:#f8fbfd; /*padding-top: 120px;*/ padding-top: 95px; } @media (max-width:768px) { #content-sidebar-pro { padding-top: 90px; /*margin-top: 30px;*/ } } #content-sidebar-pro:after { content:''; position:fixed; left:160px; width:300px; top:0px; height:100%; background:#f8fbfd; z-index:-1; border-right:1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } main#col-main-with-sidebar { margin-left:460px; } /* DASHBOARD GENRES */ ul.dashboard-genres-pro { list-style:none; margin:0px 0px 40px 0px; padding:22px 30px; text-align:center; border-bottom:1px solid #e7e7e7; width:100%; overflow:hidden; display: table; /* [1] */ table-layout: fixed; /* [2] */ width: 100%; /* [3] */ } ul.dashboard-genres-pro li { margin:0px; padding:0px; display: table-cell; padding:10px 6px; border:2px solid rgba(0,0,0, 0); border-radius:4px; position:relative; cursor:pointer; } ul.dashboard-genres-pro li img { margin-bottom:8px; width:60px; } ul.dashboard-genres-pro li h6 { font-size:12px; font-weight:400; color:#666666; margin-bottom:0px; width: 105px; } /* DASHBOARD LISTING STYLES */ .item-listing-container-skrn { border-radius: 5px; border:1px solid rgba(0,0,0,0.08); box-shadow:0px 3px 8px rgba(0,0,0, 0.06); margin-bottom:30px; } .item-listing-container-skrn img { width:100%; border-top-left-radius: 5px; border-top-right-radius: 5px; } .item-listing-text-skrn { padding:0px 24px 0px 24px; height:80px; display:table; width:100%; } .item-listing-text-skrn-vertical-align { display:table-cell; vertical-align:middle; width:100%; } .item-listing-text-skrn h6 { font-size:14px; font-weight:400; line-height: 1.2rem; margin-top:4px; float:left; width:calc(100% - 50px); } .item-listing-text-skrn h6 a { color:#394855; } .item-listing-text-skrn .circle-rating-pro { margin-bottom:-5px; } .circle-rating-pro { float:right; position:relative; } .circle-rating-pro span { font-family: 'Montserrat', sans-serif; font-weight:400; position:absolute; top:0; left:0; line-height:32px; width:32px; text-align:center; font-size:11px; } /* Dashboard Playlist Layout */ .item-playlist-container-skrn { border-radius: 5px; border:1px solid rgba(0,0,0,0.08); box-shadow:0px 3px 8px rgba(0,0,0, 0.06); margin-bottom:30px; } .item-playlist-container-skrn img { width:100%; border-top-left-radius: 5px; border-top-right-radius: 5px; } .item-playlist-text-skrn { text-align:center; position:relative; padding:38px 24px 20px 24px; } .item-playlist-text-skrn img { border-radius:80px; width:46px; margin-left:-23px; border:3px solid #ffffff; position:absolute; top:-22px; left:50%; } .item-playlist-text-skrn h5 { font-size:14px; font-weight:400; margin-bottom:6px; } .item-playlist-text-skrn h5 a { color:#394855; } .item-playlist-text-skrn h6 { font-weight:400; color:#adadad; font-size:12px; } /* Pagination */ ul.page-numbers { margin:20px auto 45px auto; text-align:center; padding:0px; list-style:none; } ul.page-numbers li { display:inline; margin:0px; padding:0px; } ul.page-numbers li span.page-numbers, ul.page-numbers li a { display:inline-block; margin:0 4px 5px 4px; width:38px; height:38px; line-height:38px; color:#999999; background:rgba(0,0,0, 0.03); border:1px solid rgba(0,0,0, 0.09); border-radius:5px; font-weight: 400; font-family:'Montserrat', sans-serif; font-size:13px; } ul.page-numbers li a:hover { background:rgba(0,0,0, 0.05); border-color:rgba(0,0,0, 0.18); } ul.page-numbers li a.next, ul.page-numbers li a.previous { border-color:rgba(0,0,0, 0); background:rgba(0,0,0, 0); color:#666666; } /* =============================================== 08. DASHBOARD NAVIGATION STYLES =============================================== */ ul#vertical-sidebar-nav.sf-menu { -webkit-font-smoothing:subpixel-antialiased; list-style:none; margin:0px; padding:0px; font-weight: 400; font-family:'Montserrat', sans-serif; letter-spacing:0.02em; } ul#vertical-sidebar-nav.sf-menu li { list-style:none; margin:0px; padding:0px; text-align:center; width: 100%; } ul#vertical-sidebar-nav.sf-menu li a { display:block; font-size:12px; color:#848484; padding:26px 0px; border-bottom:1px solid #e7e7e7; } ul#vertical-sidebar-nav.sf-menu a:hover, ul#vertical-sidebar-nav.sf-menu li.sfHover a, ul#vertical-sidebar-nav.sf-menu li.current-menu-item a { color:#248dc5; } /* Sub-menu Styles */ ul#vertical-sidebar-nav.sf-menu ul { font-weight:300; background:#232323; border: 1px solid rgba(255,255,255, 0.08); border-top:none; padding:18px 32px 18px 32px; margin-left:10px; } ul#vertical-sidebar-nav.sf-menu li li a { text-transform:normal; text-align:left; font-size:13px; padding:14px 10px 14px 0px; border-bottom:1px solid rgba(255,255,255, 0.08); } ul#vertical-sidebar-nav.sf-menu li li:last-child li a { border-bottom:1px solid rgba(255,255,255, 0.08); } ul#vertical-sidebar-nav.sf-menu li li:last-child li:last-child a, ul#vertical-sidebar-nav.sf-menu li li:last-child a { border:none; } ul#vertical-sidebar-nav.sf-menu li.sfHover li a, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li a, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li a, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li a, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a { background:rgba(0,0,0, 0); color:rgba(255,255,255, 0.6);; } ul#vertical-sidebar-nav.sf-menu li.sfHover li a:hover, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover a, ul#vertical-sidebar-nav.sf-menu li.sfHover li li a:hover, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover a, ul#vertical-sidebar-nav.sf-menu li.sfHover li li li a:hover, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover a:hover, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a, ul#vertical-sidebar-nav.sf-menu li.sfHover li li li li a:hover, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a:hover, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a, ul#vertical-sidebar-nav.sf-menu li.sfHover li li li li li a:hover, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a:hover, ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a { color:#ffffff; background:rgba(0,0,0, 0); } /* Drop Down Defaults */ ul#vertical-sidebar-nav.sf-menu li a:before { display:none; } ul#vertical-sidebar-nav.sf-menu .sf-with-ul:after { content:"\f105"; font-size:12px; } ul#vertical-sidebar-nav.sf-menu li li .sf-with-ul:after { font-size:11px; } ul#vertical-sidebar-nav.sf-menu.sf-arrows ul .sf-with-ul { padding-right: 30px; } ul#vertical-sidebar-nav.sf-menu li span { display:block; font-size:40px; margin-bottom:7px; } ul#vertical-sidebar-nav.sf-menu li ul { left:100%; top:0; margin:0px; } ul#vertical-sidebar-nav.sf-menu ul ul { margin-left:32px; } /* =============================================== 09. DASHBOARD HEADER USER & NOTIFICATION STYLES =============================================== */ #header-user-profile { float:right; position:relative; } #header-user-profile-click { cursor:pointer; color:#394855; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:13px; padding:25px 40px 25px 20px; } #header-user-profile-menu { position:absolute; right:20px; margin-top:14px; border-radius: 6px; border:1px solid rgba(0,0,0, 0.12); overflow:visible; background:#ffffff; box-shadow:0px 15px 20px rgba(0,0,0, 0.05); z-index:50; min-width:180px; } #header-user-profile-menu:after, #header-user-profile-menu:before { content: ''; display: block; position: absolute; right: 20px; margin-top:-10px; width: 0; height: 0; z-index:30; border-style: solid; } #header-user-profile-menu:before { top: -10px; border-color: transparent transparent rgba(0,0,0, 0.16) transparent; border-width: 10px; } #header-user-profile-menu:after { top: -9px; border-color:transparent transparent #fff transparent; border-width: 10px; } #header-user-profile-menu ul { list-style:none; margin:0px; padding:0px; } #header-user-profile-menu ul li { margin:0px; padding:0px; } #header-user-profile-menu ul li a { display:block; font-family: 'Montserrat', sans-serif; font-weight:300; color:#394855; padding:10px 20px; font-size:13px; } #header-user-profile-menu ul li a:hover { background: rgba(0,0,0, 0.04); } #header-user-profile-menu ul li span { font-size:18px; position:relative; top:2px; margin-right:8px; width: 18px; } #header-user-profile.active #header-user-profile-click, #header-user-profile-click:hover { color:#666666; } #header-user-profile img { width:40px; border-radius:50px; margin-right:6px; } #header-user-profile #header-username { display:inline-block; } #header-user-profile i { margin-left:6px; } /* Notification Styles */ #header-user-notification { float:right; position:relative; } #header-user-notification-click { position:relative; color:#bfbfbf; padding:20px 15px 20px 15px; font-size:28px; cursor:pointer; } #header-user-notification.active #header-user-notification-click, #header-user-notification-click:hover { color:#a0a0a0; } #header-user-notification-click i { position:relative; top:-1px; } span.user-notification-count { display:block; top:29px; right:8px; text-align:center; position:absolute; border:2px solid #ffffff; border-radius:30px; width:18px; height:18px; line-height:15px; font-weight:700; font-size:8px; color:#ffffff; } #header-user-notification-menu { position:absolute; right:-5px; margin-top:14px; border-radius: 6px; border:1px solid rgba(0,0,0, 0.12); overflow:visible; background:#ffffff; box-shadow:0px 15px 20px rgba(0,0,0, 0.05); z-index:50; min-width:280px; } #header-user-notification-menu:after, #header-user-notification-menu:before { content: ''; display: block; position: absolute; right: 20px; margin-top:-10px; width: 0; height: 0; z-index:30; border-style: solid; } #header-user-notification-menu:before { top: -10px; border-color: transparent transparent rgba(0,0,0, 0.16) transparent; border-width: 10px; } #header-user-notification-menu:after { top: -9px; border-color:transparent transparent #fff transparent; border-width: 10px; } #header-user-notification-menu h3 { font-weight:400; font-size:12px; text-transform:uppercase; padding:20px 20px 18px 20px; margin:0px; border-bottom:1px solid rgba(0,0,0, 0.04); } #header-user-notification-list { list-style:none; margin:0px; padding:0px; max-height:240px; overflow-y: auto; } #header-user-notification-list li { margin:0px; padding:0px; } #header-user-notification-list li a { display:block; font-family: 'Montserrat', sans-serif; font-weight:300; color:#394855; padding:10px 20px 10px 64px; font-size:12px; line-height:1.5; position:relative; } #header-user-notification-list li img { position:absolute; left:20px; top:12px; border-radius:40px; width:35px; height:35px; } #header-user-notification-list li a:hover { background: rgba(0,0,0, 0.04); } #header-user-notification-list li .header-user-notify-time { display:block; color:#a8acd6; padding-top:5px; font-size:11px; } /* =============================================== 10. DASHBOARD HEADER SEARCH STYLES =============================================== */ #video-search-header { float:left; height:89px; line-height:89px; position:relative; max-width:100%; } #video-search-header .dropdown-menu { line-height: 30px; } #video-search-header .btn { font-size:.9rem; font-weight: bold; padding: .5rem 1rem; margin:0; border-radius:.2rem; } #video-search-header input { font-size:0.9rem; text-align:center; font-family: 'Montserrat', sans-serif; font-weight:400; padding: 1.2rem; width:11rem; } #video-search-header .dropdown-menu { height: 400px; overflow: scroll; } /* #search-icon-more { position:absolute; cursor:pointer; top:50%; left:30px; display:block; margin-top:-30px; width:65px; height:60px; background-position:center center; background-repeat:no-repeat; background-size:57px 24px; background-image:url(../images/search-icon.png); opacity:0.62; } */ #video-search-header.active #search-icon-more, #search-icon-more:hover { opacity:1; } #video-search-header ::-webkit-input-placeholder { color:#aaaaaa; } #video-search-header ::-moz-placeholder { color: #aaaaaa; } #video-search-header :-ms-input-placeholder { color:#aaaaaa; } #video-search-header :-moz-placeholder { color: #aaaaaa; } #video-search-header input:focus { outline:none; box-shadow:none; } #video-search-header-filtering { top:100%; margin-top:1px; position:absolute; width:calc(100vw - 160px); background:#ffffff; border-bottom:1px solid rgba(0,0,0, 0.1); box-shadow:0px 15px 20px rgba(0,0,0, 0.05); line-height:1.6; } #video-search-header-filtering:before { content:""; display:block; position:absolute; left:0px; width:1px; background:rgba(0, 0, 0, 0.04); height:100%; } #video-search-header-filtering:after { content:""; display:block; position:absolute; top:0px; width:10px; height:100%; background: -moz-linear-gradient(left, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #video-search-header-filtering-padding { padding:0px 15px 0px 19px; } .col-sm.extra-padding { padding-right:35px; padding-left:35px; position:relative; } #video-search-header-filtering-padding .dotted-dividers-pro { position:absolute; top:40px; right:0px; height:calc(100% - 40px); width:1px; background-repeat:repeat-all; background-size:1px 6px; background-image: url(../images/dotted-search.png); } #video-search-header-filtering h5 { font-weight:400; font-size:13px; text-transform:uppercase; padding:40px 20px 18px 0px; margin:0px; } /* Customize the label (the container) */ .checkbox-pro-container { display: block; position: relative; padding-left: 28px; margin-bottom: 12px; font-family: 'Montserrat', sans-serif; font-size:13px; color:#777777; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .checkbox-pro-container input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .checkbox-pro-container .checkmark-pro { position: absolute; top: 0; left: 0; height: 18px; width:18px; border-radius:20px; background: #ffffff; border:1px solid rgba(0,0,0, 0.12); } /* On mouse-over, add a grey background color */ .checkbox-pro-container:hover input ~ .checkmark-pro { background-color: #ffffff; } /* When the checkbox is checked, add a blue background */ .checkbox-pro-container input:checked ~ .checkmark-pro { background-color: #ffffff; } /* Create the checkmark/indicator (hidden when not checked) */ .checkbox-pro-container .checkmark-pro:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .checkbox-pro-container input:checked ~ .checkmark-pro:after { display: block; } /* Style the checkmark/indicator */ .checkbox-pro-container .checkmark-pro:after { left:50%; top: 50%; margin-top:-3px; margin-left:-3px; width: 6px; height: 6px; border-radius:30px; } /* Search Filtering Buttons */ #video-search-header-buttons { text-align:center; padding:30px 0px 40px; } #video-search-header-buttons .btn { margin-right:5px; margin-left:5px; } #video-search-header-buttons .btn.btn-green-pro { min-width:300px; } /* Custom Range Slider in Search */ /** * asRange v0.3.4 * https://github.com/amazingSurge/jquery-asRange * * Copyright (c) amazingSurge * Released under the LGPL-3.0 license */ .asRange{position:relative;width:331px;height:8px;background-color:#cfcdc7;border-radius:8px}.asRange .asRange-pointer{position:absolute;left:30%;z-index:2;width:8px;height:8px;margin-left:-4px;background-color:#fff;border-radius:9px}.asRange .asRange-pointer:before{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;content:"";background:#6ba1ad;border-radius:inherit}.asRange .asRange-pointer:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:#fff;border-radius:inherit}.asRange .asRange-pointer.start{left:0;margin-left:4px}.asRange .asRange-pointer.stop{left:100%;margin-left:-12px}.asRange .asRange-pointer .asRange-tip{position:absolute;top:-33px;left:0;width:36px;height:20px;margin-left:-15px;font-family:Bpreplay;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#5d5c58;border:1px solid #5d5c58;border-radius:3px;-webkit-transition:opacity .3s ease-in-out 0s;transition:opacity .3s ease-in-out 0s}.asRange .asRange-pointer .asRange-tip:before{position:absolute;bottom:-3px;left:50%;display:inline-block;width:6px;height:6px;margin-left:-3px;content:"";background-color:#5d5c58;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.asRange .asRange-selected{position:absolute;left:30%;z-index:1;width:40%;height:8px;background-color:#7ebdcb;border-radius:9px}.asRange .asRange-scale{display:none}.asRange-scale{position:relative;width:331px;height:8px;background-color:#cfcdc7;border-radius:8px}.asRange-scale .asRange-pointer{position:absolute;left:30%;z-index:2;width:8px;height:8px;margin-left:-4px;background-color:#fff;border-radius:9px}.asRange-scale .asRange-pointer:before{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;content:"";background:#6ba1ad;border-radius:inherit}.asRange-scale .asRange-pointer:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:#fff;border-radius:inherit}.asRange-scale .asRange-pointer.start{left:0;margin-left:4px}.asRange-scale .asRange-pointer.stop{left:100%;margin-left:-12px}.asRange-scale .asRange-pointer .asRange-tip{position:absolute;top:-33px;left:0;width:36px;height:20px;margin-left:-15px;font-family:Bpreplay;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#5d5c58;border:1px solid #5d5c58;border-radius:3px;-webkit-transition:opacity .3s ease-in-out 0s;transition:opacity .3s ease-in-out 0s}.asRange-scale .asRange-pointer .asRange-tip:before{position:absolute;bottom:-3px;left:50%;display:inline-block;width:6px;height:6px;margin-left:-3px;content:"";background-color:#5d5c58;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.asRange-scale .asRange-selected{position:absolute;left:30%;z-index:1;width:40%;height:8px;background-color:#7ebdcb;border-radius:9px}.asRange-scale .asRange-scale{position:absolute;bottom:-22px;left:0;width:100%;height:20px;padding:0;margin:0;list-style:none;background:url(../image/scale.png) no-repeat 0 transparent}.asRange-scale .asRange-scale li{position:absolute;top:18px;width:30px;height:20px;padding:0;margin:0;margin-left:-15px;text-align:center}.asRange-scale .asRange-scale li:first-child{left:0}.asRange-scale .asRange-scale li:nth-child(2){left:33.3%}.asRange-scale .asRange-scale li:nth-child(3){left:66.6%}.asRange-scale .asRange-scale li:last-child{left:100%} /*# sourceMappingURL=asRange.min.css.map */ .asRange .asRange-pointer span.asRange-tip { font-family: 'Lato', sans-serif; color:#394855; font-size:13px; background:none; border:none; top:16px; } .asRange .asRange-pointer { cursor:pointer; } .asRange .asRange-pointer:focus { outline:none; box-shadow:none; } .asRange .asRange-pointer span.asRange-tip:before { display:none; } .extra-range-padding .asRange { background:#dddddd; top:5px; margin-right:14px; max-width:270px; } /* Mobile Search */ #search-mobile-nav-pro { text-align:center; background: #f6f6f6; } #search-mobile-nav-pro input { font-size:13px; font-family: 'Montserrat', sans-serif; font-weight:400; color:#444444; background:none; width:calc(100% - 40px); padding:9px 15px 9px 64px; border:none; border:2px solid rgba(0,0,0, 0.09); margin:15px auto; border-radius:30px; } #search-mobile-nav-pro input { background-repeat:no-repeat; background-image:url(../images/mobile-search-icon.png); background-size:30px 17px; background-position:20px 13px; } /* =============================================== 11. DASHBOARD SLIDER STYLES =============================================== */ .progression-studios-full-height-slider .progression-studios-slider-dashboard-image-background, .flexslider.progression-studios-dashboard-slider.progression-studios-full-height-slider { height:calc(100vh - 90px); } .flexslider.progression-studios-dashboard-slider { background:#f8fbfd; /*height:85vh;*/ height:70vh; } .progression-studios-slider-dashboard-image-background { /*height:85vh;*/ height:70vh; background-repeat: no-repeat; background-position:center center; background-size: cover; } .flexslider.progression-studios-dashboard-slider:after { content:''; display:block; height:1px; width:100%; background:rgba(0,0,0, 0.05); } .flexslider.progression-studios-dashboard-slider .container { position:relative; } .progression-studios-slider-dashboard-caption-width { max-width:480px; margin-left:20px; position:relative; z-index:10; } .flexslider.progression-studios-dashboard-slider h6 { font-size:15px; letter-spacing:0.7em; text-transform:uppercase; margin-bottom:25px; } .flexslider.progression-studios-dashboard-slider h5.created-by-heading-pro { font-size:14px; letter-spacing:0em; text-transform:none; margin-bottom:5px; color:#ffffff; letter-spacing:0.03em; } .flexslider.progression-studios-dashboard-slider h6.created-by-heading-pro { font-size:13px; text-transform:none; font-weight:400; margin-bottom:5px; letter-spacing:0.03em; } .flexslider.progression-studios-dashboard-slider img.created-by-avatar { float:left; border-radius:80px; width:48px; margin-right:12px; } /* Rating */ ul.progression-studios-slider-rating { list-style:none; margin:0px 0px 8px 0px; padding:0px; /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ color: #a8acd6; } ul.progression-studios-slider-rating li { display:inline-block; line-height:1; margin:0px 7px 0px 0px; padding:7px; border-radius:5px; font-size:11px; font-weight:700; border:2px solid #9d9d9d; color:#9d9d9d; } .flexslider.progression-studios-dashboard-slider h2 { font-size:52px; line-height:1.1; margin-bottom:8px; } .flexslider.progression-studios-dashboard-slider h2 a { color:#394855; } /* Meta */ ul.progression-studios-slider-meta { list-style:none; margin:0px 0px 15px 0px; padding:0px; } ul.progression-studios-slider-meta li { display:inline; margin:0px; padding:0px; color:#a8a8a8; font-size:14px; } ul.progression-studios-slider-meta li:after { content:"|"; padding:0px 14px; } ul.progression-studios-slider-meta li:last-child:after { display:none; } p.progression-studios-slider-description { font-size:14px; margin-bottom:25px; } .progression-studios-dashboard-slider .btn-slider-pro { float:left; margin-right:15px; } /* Add to Watchlist Menu */ .progression-studios-slider-more-options { float:left; cursor:pointer; margin:0px; position:relative; padding-right:12px; } .progression-studios-slider-more-options i { height:50px; width:50px; line-height:50px; text-align:center; font-size:13px; border-radius:60px; border:2px solid #acabab; color:#acabab; } .progression-studios-slider-more-options.active i, .progression-studios-slider-more-options i:hover { border-color:#8f8f8f; color:#8f8f8f; } .progression-studios-slider-more-options ul { position:absolute; left:100%; top:0px; width:170px; background:#ffffff; border:1px solid rgba(0,0,0, 0.05); box-shadow: 0px 0px 10px rgba(0,0,0, 0.06); border-radius:5px; list-style:none; margin:0px; padding:16px 0px 0px 0px; } .progression-studios-slider-more-options ul li { margin:0px; padding:0px 24px 0px 24px; } .progression-studios-slider-more-options ul li a { display:block; margin-bottom:4px; color:#272727; font-size:13px; } .progression-studios-slider-more-options ul li:last-child { border-top:1px solid #e7e7e7; margin-top:10px; } .progression-studios-slider-more-options ul li:last-child a { color:#aaaaaa; margin-bottom:0px; padding-top:11px; padding-bottom:11px; } .flexslider.progression-studios-dashboard-slider h5 { font-size:14px; text-transform:uppercase; font-weight:400; margin:8px 0px 15px 0px; letter-spacing:0.05em; } ul.progression-studios-staring-slider { list-style:none; margin:0; padding:0; } ul.progression-studios-staring-slider li { display:inline-block; margin:0 5px 5px 0px; padding:0; width:32px; } ul.progression-studios-staring-slider li img { border-radius:60px; } /* Rating */ .flexslider.progression-studios-dashboard-slider .circle-rating-pro { position:absolute; right:20px; bottom:0px; z-index:10; } .flexslider.progression-studios-dashboard-slider .circle-rating-pro span { font-family: 'Montserrat', sans-serif; font-weight:400; position:absolute; top:0; left:0; line-height:70px; width:70px; text-align:center; font-size:20px; } a.progression-studios-slider-play-btn { z-index:50; position:absolute; display:block; cursor:pointer; right:18%; text-align:center; border-radius:100px; top:50%; margin-top:-50px; width:100px; height:100px; line-height:100px; color:#ffffff; font-size:36px; border:2px solid #ffffff; background:rgba(0,0,0, 0.05); box-shadow:0px 0px 20px rgba(0,0,0, 0.15); } a.progression-studios-slider-play-btn i { position:relative; left:3px; } /* =============================================== 12. DASHBOARD CONTENT SIDEBAR PAGES =============================================== */ #content-sidebar-image { position:relative; text-align:center; margin-bottom:35px; } #content-sidebar-info { position:relative; text-align:center; margin-bottom:45px; padding-bottom: 80px; } a.edit-profile-sidebar { text-align:center; z-index:8; position:absolute; bottom: 0px; right: 20%; border-radius:40px; width: 60%; height:36px; line-height:36px; font-size:15px; color:#ffffff; box-shadow: 0px 2px 14px rgba(61,177,61, 0.4); } a.edit-profile-sidebar:hover { background:#9d9d9d; box-shadow: 0px 2px 14px rgba(157,157,157, 0.4); } a.btn_disabled:hover { background:#9FA5AA; border-color:#9FA5AA; } #profile-sidebar-name { padding-top:40px; position:absolute; bottom: 35px; width:100%; z-index:3; } #profile-sidebar-gradient { height:90px; position:absolute; bottom:-2px; width:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,7db9e8+100,ffffff+100,ffffff+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #profile-sidebar-name h5 { font-size:19px; margin-bottom:8px; } #profile-sidebar-name h6 { color:#aaaaaa; font-size:14px; font-weight:400; } .content-sidebar-section { padding:0px 35px; margin-bottom:42px; } h2.content-sidebar-sub-header { font-size:22px; margin-bottom:20px; } h2.content-sidebar-sub-header.adjusted-recent-reviews { font-size:18px; } h3.content-sidebar-sub-header { text-transform:uppercase; font-size:14px; font-weight:400; letter-spacing:0.03em; margin-bottom:20px; } h4.content-sidebar-sub-header { text-transform:uppercase; font-size:14px; font-weight:400; letter-spacing:0.03em; margin-bottom:10px; text-decoration: underline; } .content-sidebar-short-description { font-size:14px; } ul#profile-watched-stats { list-style:none; margin:0px; padding:0px; text-align:center; display: table; /* [1] */ table-layout: fixed; /* [2] */ width: 100%; /* [3] */ } ul#profile-watched-stats li { margin:0px; padding:16px 0px; line-height:1; display: table-cell; border:1px solid #e2e2e2; color:#777777; font-size:12px; } ul#profile-watched-stats span { font-size:26px; display:block; font-weight:700; padding-bottom:4px; } ul#profile-watched-stats li:first-child { border-right:none; } ul#profile-watched-stats li:last-child { border-left:none; } ul#profile-favorite-genres { list-style:none; margin:0px; padding:0px; } ul#profile-favorite-genres li { float:left; margin:0px; width:25%; padding:0px 5px 0px 5px; } ul#friends-activity-profiles { list-style:none; margin:0px; padding:0px; } ul#friends-activity-profiles li { float:left; display:block; margin:0px 12px 0px 0px; padding:0px; } ul#friends-activity-profiles li img { border-radius:30px; width:34px; } ul#friends-activity-profiles li.friends-activity-profiles-more a { text-align:center; display:inline-block; border-radius:30px; width:34px; height:34px; line-height:34px; font-size:11px; font-weight:700; color:#ffffff; } ul#friends-activity-feed { list-style:none; margin:0px; padding:0px; } ul#friends-activity-feed li { line-height:1.4; position:relative; font-size:13px; color:#394855; margin:0px 0px 30px 14px; padding:0px 0px 0px 25px; border-left:1px solid #e5e5e5; } ul#friends-activity-feed li:last-child { padding-bottom:10px; } ul#friends-activity-feed li:after { position:absolute; content:""; display:block; width:15px; background:#f8fbfd; height:0px; top:-5px; left:-6px; } ul#friends-activity-feed li img { position:absolute; z-index:10; left:-14px; width:24px; border-radius:24px; } ul#sidebar-reviews-pro { list-style:none; margin:0px; padding:0px; } ul#sidebar-reviews-pro li p { margin-bottom:18px; } ul#sidebar-reviews-pro li { margin:0px 0px 20px 0px; padding:0px; border-bottom:1px dotted #d2d4d5; font-size:13px; line-height:1.6; } ul#sidebar-reviews-pro li:last-child { border:none; margin-bottom:30px; } ul#sidebar-reviews-pro h6 { font-size:14px; font-weight:400; margin-bottom:3px; } ul#sidebar-reviews-pro .spoiler-review { text-transform:uppercase; font-size:11px; padding:0px 0px 4px 0px; } ul#sidebar-reviews-pro .sidebar-review-time { color:#858585; padding-bottom:10px; font-size:12px; } /* Featured Area Movie Detail Page */ #movie-detail-header-pro { width:100%; overflow:hidden; position:relative; height:84vh; background-repeat: no-repeat; background-position:center center; background-size: cover; } #movie-detail-gradient-pro { position:absolute; bottom:0px; width:100%; height:260px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #movie-detail-header-media { position:absolute; bottom:0px; width:100%; z-index:5; padding:0px 0px 30px 0px; } #movie-detail-header-media h5 { color:#ffffff; font-size:21px; margin-bottom:15px; } a.movie-detail-media-link { display:block; color:#ffffff; text-align:center; } a.movie-detail-media-link h6 { position:absolute; bottom:-2px; border-radius:5px; margin:0px; width:100%; color:#ffffff; font-weight:400; font-size:13px; padding:20px 0px 10px 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.88) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.88) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.88) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .movie-detail-media-image { position:relative; margin-bottom:8px; } .movie-detail-media-image span { z-index:10; position:absolute; display:block; left:50%; top:50%; width:34px; height:34px; line-height:34px; margin-left:-17px; margin-top:-17px; font-size:12px; border-radius:30px; text-align:center; border:2px solid #ffffff; background:rgba(0,0,0, 0.06); box-shadow:0px 0px 20px rgba(0,0,0, 0.15); } .movie-detail-media-image span i { position:relative; left:1px; } .movie-detail-media-image img { border-radius:5px; } a.movie-detail-header-play-btn { z-index:50; position:absolute; display:block; cursor:pointer; left:50%; text-align:center; border-radius:100px; top:50%; margin-top:-105px; margin-left:-55px; width:110px; height:110px; line-height:110px; color:#ffffff; font-size:46px; border:3px solid #ffffff; background:rgba(0,0,0, 0.06); box-shadow:0px 0px 20px rgba(0,0,0, 0.15); } a.movie-detail-header-play-btn i { position:relative; left:3px; } #movie-detail-header-pro .progression-studios-slider-more-options { float:right; cursor:pointer; margin:0px; position:relative; padding:22px 22px 0px 12px; } #movie-detail-header-pro .progression-studios-slider-more-options i { height:50px; width:50px; line-height:50px; text-align:center; font-size:13px; border-radius:60px; border:2px solid #ffffff; color:#ffffff; } #movie-detail-header-pro .progression-studios-slider-more-options ul { position:absolute; right:100%; left:auto; top:22px; width:170px; background:#ffffff; border:1px solid rgba(0,0,0, 0.05); box-shadow: 0px 0px 10px rgba(0,0,0, 0.06); border-radius:5px; list-style:none; margin:0px; padding:16px 0px 0px 0px; } /* Rating */ #movie-detail-rating { border-bottom:1px solid #e4e4e4; margin-bottom:45px; padding:35px 0px 25px 0px; } #movie-detail-rating h5 { font-weight:400; font-size:14px; margin-bottom:2px; } #movie-detail-rating h6 { font-weight:400; font-size:14px; float:right; position:relative; top:12px; margin-left:12px; } #movie-detail-rating .circle-rating-pro { float:right; position:relative; } #movie-detail-rating .circle-rating-pro span { line-height:40px; width:40px; text-align:center; font-size:14px; } .rating-pro { unicode-bidi: bidi-override; direction: rtl; } .rating-pro input { position: absolute; left: -999999px; } .rating-pro label { display: inline-block; font-size: 0; cursor:pointer; } .rating-pro > label:before { position: relative; font-family: 'Font Awesome 5 Free'; font-weight:400; font-size:15px; display: block; content: "\f005"; color: #cacaca; } .rating-pro > label:hover:before, .rating-pro > label:hover ~ label:before, .rating-pro > label.selected:before, .rating-pro > label.selected ~ label:before { color: #248dc5; font-weight:900; } .movie-details-section { margin-bottom:40px; word-break: break-all; } .movie-details-section h2 { font-size:24px; margin-bottom:20px; margin-top:20px; } .item-listing-text-skrn.item-listing-movie-casting { display:block; width:auto; text-align:center; padding:20px 10px 20px 10px; height:auto; } .item-listing-text-skrn.item-listing-movie-casting h6 { display:block; margin:0 auto; float:none; width:auto; } .movie-casting-sub-title { color:#999999; font-size:14px; } /* =============================================== 13. DASHBOARD ACCOUNT PAGES =============================================== */ /* Dashboard Sub-menu Filtering */ ul.dashboard-sub-menu { list-style:none; margin:35px 0px 30px 0px; padding:0px; } ul.dashboard-sub-menu li { display:inline; padding:0px; margin:0px; } ul.dashboard-sub-menu li a { margin:0px 40px 5px 0px; display:inline-block; position:relative; color:#adadad; font-size:16px; padding-bottom:6px; font-family: 'Montserrat', sans-serif; } ul.dashboard-sub-menu li:last-child a { margin-right:0px; } ul.dashboard-sub-menu li a:after { display:block; content:""; position:absolute; bottom:0px; left:0px; width:100%; height:3px; background:rgba(0,0,0, 0); } ul.dashboard-sub-menu li a:hover, ul.dashboard-sub-menu li.current a { color:#394855; } #account-edit-photo { max-width:100%; padding: 0 20px; text-align:center; } #account-edit-photo img { border-radius:5px; } #account-edit-photo div { margin-bottom:25px; } #account-edit-photo p { margin-bottom:12px; } .account-settings-form .form-group { margin:0px 0px 15px 0px; } .account-settings-form .form-group select.custom-select { height:43px; } .btn.btn-form { font-size:12px; padding-top:12px; padding-bottom:12px; } .account-settings-form .registration-genres-step { margin-top:0px; margin-bottom:15px; } .current-plan-account { padding-top:15px; } .current-plan-account h4 { font-size:14px; letter-spacing:0.1em; } .current-plan-account h5 { font-size:14px; font-weight:400; } .current-plan-account h2 { font-size:50px; margin-bottom:35px; } .current-plan-account h2 sup { font-size:17px; font-weight:400; top:-22px; padding-right:5px; } .current-plan-account h2 span { font-size:15px; color:#999999; font-weight:400; } .current-plan-account .current-plan-billing { color:#999999; font-weight:400; font-size:13px; font-style:italic; margin-bottom:10px; } .current-plan-account ul { list-style:none; margin:0px 0px 30px 0px; padding:0px; font-size:14px; color:#848484; } .current-plan-account ul li { padding:0px; margin:0px 0px 5px 0px; } .payment-method-container { margin-top:25px; font-size:14px; color:#777777; } .payment-method-container strong { color:#333; } .payment-method-container img { width:460px; } .payment-method-container h5 { font-weight:400; font-size:19px; margin-bottom:20px; } .payment-method-container h6 { font-weight:400; font-size:17px; margin-bottom:20px; } .payment-method-container h5 sup { font-size:11px; padding-left:6px; } .right-border-payment { padding-right:40px; } .right-border-payment:after { content:""; display:block; width:1px; height:calc(100% - 40px); position:absolute; top:0px; right:20px; background:rgba(0,0,0, 0.09); } /* =============================================== 14. HEADINGS & PAGE TITLE STYLES =============================================== */ #page-title-pro { text-align:center; padding:80px 0px; background:#f8fbfd; border-bottom:1px solid rgba(0,0,0, 0.05); } #page-title-pro h1 { display:block; width:100%; margin-bottom:20px; font-size:38px; } #page-title-pro h6 { display:block; width:100%; font-weight:400; color:rgba(0,0,0, 0.5); font-size:17px; } .short-border-bottom { position: relative; padding-bottom:30px; margin-bottom:26px; } .short-border-bottom:after { position:absolute; content:""; display:block; width:40px; height:5px; border-radius:10px; background:#262626; bottom:0px; } .mx-auto .short-border-bottom:after { left:50%; margin-left:-20px; } h1.light-weight-heading, h2.light-weight-heading, h3.light-weight-heading, h4.light-weight-heading, h5.light-weight-heading, h6.light-weight-heading { font-weight:400; } /* =============================================== 15. DEFAULT PAGE STYLES =============================================== */ .jumbotron-pro { border-radius:8px; text-align:center; padding-top:24px; padding-bottom:20px; border:2px solid #e9e9e9; background:#ffffff; position:relative; } .jumbotron-pro [class^="icon-"], .jumbotron-pro [class*=" icon-"] { font-size:45px; } .jumbotron-pro h6 { padding-top:10px; font-size:14px; } .centered-headings-pro { text-align:center; } .centered-headings-pro h1, .centered-headings-pro h2, .centered-headings-pro h3, .centered-headings-pro h4, .centered-headings-pro h5, .centered-headings-pro h6 { display:block; width:100%; } /* Pricing Table Page */ .pricing-plans-headings { margin:15px 0px 15px 0px; } .pricing-plans-headings h6 { font-weight:400; color:rgba(0,0,0, 0.5); font-size:17px; margin-bottom:15px; } .pricing-plans-headings h1 { font-size:32px; } #pricing-plans-background-image { background-image:url("../images/demo/signup-background.jpg"); background-repeat: no-repeat; background-position:center center; background-size: contain; /* background-size: cover; */ padding:60px 0px 120px 0px; margin-bottom:-50px; } .pricing-plans-page-container { border-radius:6px; background:#ffffff; border:1px solid rgba(0,0,0, 0.05); box-shadow:-15px 26px 30px rgba(0,0,0, 0.09); text-align:center; max-width:850px; margin:0 auto; } .pricing-plans-page-container .pricing-table-col { padding:70px 20px 40px 20px; } .pricing-plans-page-container h6 { font-size:13px; letter-spacing:0.06em; margin-bottom:25px; } .pricing-plans-page-container h2 { font-size:40px; margin-bottom:25px; } .pricing-plans-page-container h2 sup { font-size:16px; font-weight:400; top:-16px; padding-right:5px; } .pricing-plans-page-container h2 span { font-size:12px; color:#999999; font-weight:400; letter-spacing:0.02em; } .pricing-plans-page-container ul { list-style:none; margin:0px 0px 35px 0px; padding:0px; } .pricing-plans-page-container ul li { color:rgba(51,51,51, 0.65); font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:300; margin-bottom:10px; } .registration-social-login-container { /*border-right:1px solid #e4e4e4; padding-right:20px; width: calc(100% - 270px);*/ width: 100%; float:left; position:relative; margin-bottom:0px; } .registration-social-login-or { position:absolute; top:0px; right:-22px; padding:15px 0px 12px 0px; width:40px; background:#ffffff; text-align:center; font-weight:700; } .registration-social-login-options { padding:20px 20px 20px 40px; width:270px; float:right; } .registration-social-login-options h6 { line-height:1.4; font-weight:600; text-align:center; margin:32px 0px 25px 0px; } .social-icon-login { cursor:pointer; background:#818181; border-color:#818181; color:#ffffff; border-radius:4px; padding:12px 15px; margin-bottom:10px; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:13px; position:relative; text-align:center; } .social-icon-login:hover { opacity:0.8; } .social-icon-login i { position:absolute; left:18px; top:17px; } .social-icon-login.facebook-color { background:#3b5998; } .social-icon-login.twitter-color { background:#55acee; } .social-icon-login.google-color { background:#dd4b39; margin-bottom:0px; } /* =============================================== 16. LOGIN/REGISTRATION STYLES =============================================== */ /* Login Modal Popup */ @media (min-width: 992px) { .modal-md { max-width: 600px; } } .modal-backdrop { background:#ffffff; } .modal-backdrop.show { opacity:0.85; } .modal-dialog .modal-content { border:1px solid rgba(0,0,0, 0.04); box-shadow:0px 26px 30px rgba(0,0,0, 0.09); } .modal-body-pro { padding:0px 60px 30px 60px; } button.close.float-close-pro { position:fixed; top:20px; right:20px; font-size:35px; z-index:99; } .modal-header-pro { padding:40px 30px 0px 30px; text-align:center; } .modal-header-pro h2 { font-size:26px; margin-bottom:12px; } .modal-header-pro h6 { font-size:16px; font-weight:400; color: rgba(0,0,0, 0.5); margin-bottom:15px; } .forgot-your-password, .checkbox-remember-pro { margin-top:-5px; font-size:13px; color:#9d9d9d; } .checkbox-remember-pro label { cursor:pointer; } .checkbox-remember-pro input { margin-right:6px; } .forgot-your-password { text-align:right; position:relative; top:5px; } .forgot-your-password a { color:#9d9d9d; } .forgot-your-password a:hover { color:#444444; } a.not-a-member-pro { display:block; padding:12px 20px; background:#9d9d9d; text-align:center; color:#ffffff; letter-spacing:0.02em; border-radius: 0.25rem; font-family: 'Montserrat', sans-serif; } a.not-a-member-pro span { font-weight:700; } .modal-body-pro.social-login-modal-body-pro { padding-left:20px; padding-right:20px; } .modal-body-pro .registration-social-login-container { width: calc(100% - 240px); padding-right:20px; } .modal-body-pro .registration-social-login-or { padding:9px 0px 12px 0px; font-size:14px; } .modal-body-pro .registration-social-login-options { padding:15px 20px 20px 40px; width:240px; float:right; } .modal-body-pro .registration-social-login-options h6 { margin:0px 0px 18px 0px; font-size:14px; } .modal-body-pro .social-icon-login { padding:10px 15px; font-size:12px; margin-bottom:8px; } .modal-body-pro .social-icon-login i { left:15px; top:14px; } /* Registration Page Steps */ ul#registration-steps-pro { list-style:none; margin:0px; padding:60px 0px 100px 0px; } ul#registration-steps-pro li { float:left; margin:0px; width:25%; border-bottom:1px solid #d9d9d9; } ul#registration-steps-pro li a { display:block; padding:0px 0px 23px 0px; } .registration-step-circle-icon { position:relative; float:left; text-align:center; border-radius:30px; font-weight:700; font-size:17px; background:#d9d9d9; color:#ffffff; line-height:50px; width:46px; height:46px; line-height:46px; margin-right:15px; } .registration-step-circle-icon:before { z-index:-1; content:''; display:block; position:absolute; bottom:-8px; left:50%; width: 0; height: 0; margin-left:-18px; border-left:18px solid transparent; border-right:18px solid transparent; border-top:18px solid #d9d9d9; } .registration-step-number { color:rgba(0,0,0, 0.3); text-transform:uppercase; font-size:14px; margin-bottom:3px; } h5.registration-step-title { font-weight:400; font-size:14px; } .registration-steps-page-container { border-radius:6px; background:#ffffff; border:1px solid rgba(0,0,0, 0.05); box-shadow:-15px 26px 30px rgba(0,0,0, 0.09); max-width:850px; margin:0 auto; } .registration-steps-page-container form.registration-steps-form { padding:40px; } .registration-steps-page-container .last-form-group-continue { margin-top:15px; } .registration-steps-page-container .last-form-group-continue .btn { float:left; } .registration-steps-page-container .checkbox-remember-pro { margin-left:20px; position:relative; } .registration-steps-page-container .checkbox-remember-pro input { vertical-align:top; margin-top:11px; } .registration-steps-page-container .checkbox-remember-pro label { width: calc(100% - 200px); } @media only screen and (max-width: 767px) { .registration-steps-page-container .checkbox-remember-pro label { max-width:345px; width: auto; } .pb_m_10{ padding-bottom: 10px; } } /* Billing Step Page */ .registration-billing-form { padding:60px; } .jumbotron-pro i.fa-check-circle { position:absolute; left:10px; top:10px; font-size:18px; } .registration-billing-form .jumbotron-pro { cursor:pointer; } .registration-billing-form .jumbotron-pro img { margin-top:10px; margin-bottom:15px; } .billing-form-pro { width:100%; margin-top:-10px; } .row.adjust-margin-top .form-group { margin-top:0px; padding-top:0px; } .row.adjust-margin-top .form-group { padding-bottom:10px; } .registration-billing-form .btn { float:right; } .billing-plan-container { float:left; margin-top:-4px; } .billing-plan-container h5 { color:#adadad; font-weight:600; font-size:14px; margin-bottom:8px; } .billing-plan-container h5 a { text-decoration:underline; } .billing-plan-container h3 { font-size:20px; text-transform:uppercase; } .billing-plan-container h3 .total { padding-right:4px; } .billing-plan-container h3 .duration { color:#adadad; font-size:14px; font-weight:400; text-transform:none; } /* Final Registration Page */ .registration-step-final-padding { padding:60px; } h2.registration-final-heading { font-size:18px; font-weight:400; text-align:center; margin-bottom:25px; } h2.registration-final-heading span { font-weight:600; } .registration-invite-friends-form .form-group { margin:0px; } .form-group-invite-friends { margin-top:25px; background:#f8fbfd; border-radius:10px; padding:30px; } .form-group-invite-friends .registration-invite-friends-list { list-style:none; margin:0px; padding:0px 30px 0px 0px; max-height:200px; overflow-y: scroll; } ul.registration-invite-friends-list li { float:left; width:calc(33.3% - 8px); padding:4px; margin:4px; border:2px solid rgba(0,0,0, 0); border-radius:4px; position:relative; cursor:pointer; } ul.registration-invite-friends-list li img { float:left; border-radius:30px; margin-right:12px; } ul.registration-invite-friends-list li h6 { font-weight:400; margin:4px 0px 0px 0px; font-size:13px; } ul.registration-genres-choice li i, ul.registration-invite-friends-list li i { position:absolute; top:5px; right:5px; opacity:0; font-size:12px; } ul.registration-genres-choice li i { font-size:16px; } ul.registration-invite-friends-list li.active i, ul.registration-genres-choice li.active i { opacity:1; } ul.registration-invite-friends-list li .friends-social-media { font-size:13px; color:rgba(0,0,0, 0.55); } .form-group-invite-friends ::-webkit-scrollbar { -webkit-appearance: none; width: 7px; background-color:rgba(0,0,0, 0.06); border-radius: 4px; } .form-group-invite-friends ::-webkit-scrollbar-thumb { border-radius: 4px; -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5); } .registration-genres-step { margin-top:40px; } .registration-genres-step h5 { font-size:17px; font-weight:600; } ul.registration-genres-choice { margin:0px; padding:0px; text-align:center; list-style:none; } ul.registration-genres-choice li { margin:0px; padding:0px; float:left; width:calc(16.5% - 10px); padding:10px; margin:5px; border:2px solid rgba(0,0,0, 0); border-radius:4px; position:relative; cursor:pointer; } ul.registration-genres-choice li img { margin-bottom:8px; width:60px; } ul.registration-genres-choice li h6 { font-size:13px; font-weight:400; color:#666666; margin-bottom:0px; } .registration-step-final-footer { margin-top:35px; text-align:center; } .registration-step-final-footer .btn { margin:0px 4px; padding:13px 26px; font-size:14px; } /* Welcome Page Styles */ .welcome-page-styles .pricing-plans-headings { margin-top:0px; margin-bottom:30px; } .welcome-page-styles h6.welcome-style-summary { font-size:14px; font-weight:400; color:rgba(0,0,0, 0.6); text-align:center; margin-bottom:12px; } .welcome-page-styles h3.welcome-plan-title { font-size:20px; text-align:center; margin:30px 0px 30px 0px; font-weight:600; } .welcome-page-styles h3.welcome-plan-title span { font-weight:700; } ul.welcome-features { list-style:none; margin:0px auto; padding:0px; max-width:460px; } ul.welcome-features li { float:left; width:50%; font-size:13px; color:rgba(0,0,0, 0.5); margin-bottom:6px; padding:0px 0px 0px 26px; position:relative; font-family: 'Montserrat', sans-serif; } ul.welcome-features li:before { font-family: 'Font Awesome 5 Free'; content: "\f00c"; font-weight: 900; display:inline-block; position:absolute; left:0px; } /* =============================================== 17. INPUT/TEXTAREA STYLES =============================================== */ #search-mobile-nav-pro input:focus, select.custom-select:focus, .form-group input:focus, .form-group textarea:focus { outline:none; box-shadow:none; } .form-group input, .form-group textarea { border-color:#dddddd; padding-top:10px; padding-bottom:10px; font-size:14px; } .registration-steps-form .form-group .form-check-input{ margin-top: 7.5px; } .form-group { margin:18px 0; } #mem_login_form{ padding: 0; } .form-group ::-webkit-input-placeholder { color:#aaaaaa; } .form-group ::-moz-placeholder { color: #aaaaaa; } .form-group :-ms-input-placeholder { color:#aaaaaa; } .form-group :-moz-placeholder { color: #aaaaaa; } /* =============================================== 18. FOOTER STYLES =============================================== */ footer#footer-pro { border-top:1px solid rgba(0,0,0, 0.09); } .copyright-text-pro { font-size:14px; color:#868686; } .copyright-text-pro { padding:25px 0px; } footer#footer-pro ul.social-icons-pro { padding:20px 0px; } footer#footer-pro ul.social-icons-pro { text-align:right; } /* Scroll to top */ #pro-scroll-top { display: block; position: fixed; overflow: hidden; white-space: nowrap; visibility: hidden; opacity: 0; text-align:center; z-index:100; padding:0px; margin:0px; bottom: 0px; right: 30px; border-top-left-radius:4px; border-top-right-radius:4px; color:#ffffff; background:rgba(0,0,0, 0.3); height: 31px; width: 42px; font-size:12px; } #pro-scroll-top:hover { height:35px; } #pro-scroll-top .fa-chevron-up { position:absolute; top:10px; left:16px; } #pro-scroll-top.cd-is-visible { visibility: visible; opacity: 1; } /* =============================================== 19. HOMEPAGE STYLES =============================================== */ .progression-pricing-section-background { margin:-16px 0px -50px 0px;/* Fills gaps between HR and Footer */ padding:20px 0px 115px 0px; /*background-image:url("../images/demo/plans-background.jpg");*/ background-image:url("../images/about_bg.png"); background-repeat: no-repeat; background-position:top center; background-size: cover; } ul.checkmark-list-pro { font-family: 'Montserrat', sans-serif; color:#394855; margin-left:0px; padding-left:0px; } ul.checkmark-list-pro li { list-style:none; position:relative; padding-left:26px; margin-bottom:6px } ul.checkmark-list-pro li:before { font-family: 'Font Awesome 5 Free'; content: "\f00c"; font-weight: 900; display:inline-block; position:absolute; left:0px; } /* Pricing Table Homepage */ .pricing-table-pro { padding-top:50px; text-align:center; } .pricing-table-pro .pricing-table-col { border-radius:10px; padding:65px 0px 44px 0px; margin:0 20px; background:#ffffff; box-shadow:0px 15px 30px rgba(255,255,255, 0.8); border:1px solid rgba(0,0,0, 0); } .pricing-table-pro .pricing-table-col-shadow-pro { box-shadow:0px 26px 30px rgba(0,0,0, 0.09); border-color:rgba(0,0,0, 0.05); } .pricing-table-pro h6 { font-size:14px; letter-spacing:0.06em; margin-bottom:25px; } .pricing-table-pro h2 { font-size:50px; margin-bottom:25px; color:#248dc5; } .pricing-table-pro h2 sup { font-size:18px; font-weight:400; top:-20px; padding-right:6px; } .pricing-table-pro h2 span { font-size:14px; color:#999999; font-weight:400; letter-spacing:0.02em; } .pricing-table-pro ul { list-style:none; margin:0px 0px 35px 0px; padding:0px; } .pricing-table-pro ul li { color:rgba(51,51,51, 0.65); font-family: 'Montserrat', sans-serif; font-weight:300; margin-bottom:10px; } /* Slider Styles */ .flexslider.progression-studios-slider { background:#f8fbfd; height:650px; } .progression-studios-slider-image-background { height:650px; background-repeat: no-repeat; background-position:center center; background-size: cover; } .progression-studios-slider-mobile-background-cover-dark, .progression-studios-slider-mobile-background-cover { background:rgba(238,238,238, 0.65); position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; } .progression-studios-slider-mobile-background-cover-dark { background:rgba(14,12,17, 0.6); } .flexslider .progression-studios-slider-mobile-background-cover-dark, .flexslider .progression-studios-slider-mobile-background-cover { background: none; } .flexslider.progression-studios-slider:after { content:''; display:block; height:1px; width:100%; background:rgba(0,0,0, 0.05); } .progression-studios-slider-display-table { display:table; width:100%; height:100%; } .progression-studios-slider-vertical-align { display:table-cell; vertical-align:middle; width:100%; } .progression-studios-slider-caption-width { max-width:380px; position:relative; z-index:10; } .progression-studios-slider-caption-width h2 { font-size:56px; line-height:1.1; margin-bottom:20px; } .progression-studios-slider-caption-width h6 { line-height:1.7; font-weight:400; font-size:18px; margin-bottom:30px; color:rgba(0,0,0, 0.6); } .btn-slider-pro { font-size:14px; margin-bottom:25px; padding:14px 22px; } /* =============================================== 20. FLEXSLIDER DEFAULT STYLES =============================================== */ /* RESETS */ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* BASE STYLES */ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block;} /* DEFAULT THEME */ .flexslider { margin: 0; background: none; border:none; position: relative; zoom: 1; } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px;} .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flexslider { -webkit-transform: translateZ(0); } .flex-direction-nav a { text-decoration: none; display: block; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-family: 'Font Awesome 5 Free'; font-weight: 900; text-align:center; border:none; margin: -20px 0 0 0; font-size:24px; width:45px; line-height:40px; height:40px; color:#a8acd6; box-shadow: 1px 1px 5px rgba(0,0,0, 0.02); } .flexslider .flex-direction-nav a { transition-duration: 250ms; transition-property: all; transition-timing-function: ease-in-out; } .flexslider:hover .flex-direction-nav a { top:50%; opacity:1; } .flexslider .flex-direction-nav a:hover { opacity:0.7; } .flex-direction-nav a.flex-prev:before { content: "\f053"; position:relative; left:-1px; } .flex-direction-nav a.flex-next:before { content: "\f054"; position:relative; right:-1px; } .flex-direction-nav .flex-prev { left:0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .flex-direction-nav .flex-next { right:0px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: 15px; text-align: center; z-index:10; } .flex-control-nav li { margin:0px; display: inline-block; zoom: 1; *display: inline; position:relative; } .flex-control-paging li { width:20px; height:10px; text-align:center; } .flex-control-paging li a { width:7px; height:7px; bottom:0px; display: block; cursor: pointer; text-indent: -9999px; position:absolute; background:none; border:2px solid #dddddd; border-radius: 15px; } .flex-control-paging li a.flex-active { cursor: default; } body .flex-control-paging * { box-sizing: content-box; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* =============================================== 21. MOBILE NAVIGATION =============================================== */ /* Bars Icon on Backend Dashboard */ header#videohead-pro #mobile-bars-icon-pro { margin-right:0px; padding:36px 25px; } ul#mobile-menu-pro [class^="icon-"], ul#mobile-menu-pro [class*=" icon-"] { font-size:22px; display:inline-block; width:30px; position:relative; } ul#mobile-menu-pro [class^="icon-"]:before, ul#mobile-menu-pro [class*=" icon-"]:before { position:absolute; top:-17px; } ul#mobile-menu-pro i { width:30px; margin-bottom:-10px; font-size:18px; text-align:center; } ul#mobile-menu-pro span.user-notification-count { right:auto; top:12px; left:34px; } /* Bars Icon Styles */ #mobile-bars-icon-pro { float:right; line-height:1; color:#272727; font-size:18px; padding:34px 30px; cursor:pointer; margin-right:-15px; display:none; } #mobile-bars-icon-pro i.fa-bars { min-width:18px; text-align:center; } .active-mobile-icon-pro #mobile-bars-icon-pro i.fa-bars:before { content: "\f00d"; } /* Mobile Menu Drop Down Styles */ header#masthead-pro #mobile-navigation-pro { border-top:1px solid rgba(0,0,0, 0.07); } #mobile-navigation-pro { display:none; line-height:1; position:relative; z-index:20; background:#ffffff; border-bottom:1px solid rgba(0,0,0, 0.1); box-shadow:0px 15px 20px rgba(0,0,0, 0.05); font-weight: 600; font-family:'Montserrat', sans-serif; text-transform:uppercase; letter-spacing:0.04em; } ul#mobile-menu-pro li a { display: block; line-height:1; color:#272727; font-size:13px; padding:14px 20px; } .btn.btn-mobile-pro { display:block; width:100%; border:none; border-radius:0px; } .btn.btn-mobile-pro.btn-green-pro { margin-bottom:-1px; } /* slimmenu plugin default styles */ @media only screen and (min-width: 960px) { #mobile-navigation-pro { display:none !important; } } .menu-collapser { display:none !important; } ul#mobile-menu-pro { width: 100%; margin: 0; padding: 0; list-style-type: none; display:block !important; overflow:hidden; width: 100%; } ul#mobile-menu-pro li { position: relative; display: inline-block; margin:0px; padding:0px; } ul#mobile-menu-pro li li a { padding-left:30px; } ul#mobile-menu-pro li li li a { padding-left:35px; } ul#mobile-menu-pro li li li li a { padding-left:40px; } ul#mobile-menu-pro a i { padding-right:4px; } ul#mobile-menu-pro li .sub-collapser { background: none; position: absolute; right: 0; top: 0; width:50px; text-align: center; z-index: 999; cursor: pointer; height:53px; } ul#mobile-menu-pro.collapsed li .sub-collapser:before { position:absolute; top:0px; left:0px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size:13px; border:none; content:"\f107"; text-align:center; line-height:53px; width:50px; background:#f2f2f2; } ul#mobile-menu-pro.collapsed li .sub-collapser.expanded { transform: rotate(180deg); } ul#mobile-menu-pro li .sub-collapser > i { display:none; } ul#mobile-menu-pro li ul { margin: 0; list-style-type: none; } ul#mobile-menu-pro li ul { padding-left:0px; } ul#mobile-menu-pro li ul li { background:#f2f2f2; } ul#mobile-menu-pro li > ul { display: none; position: absolute; left: 0; top: 100%; z-index: 999; width: 100%; } ul#mobile-menu-pro li > ul > li ul { display: none; position: absolute; left: 100%; top: 0; z-index: 999; width: 100%; } ul#mobile-menu-pro li { display: block; width: 100%; box-sizing: border-box; } ul#mobile-menu-pro li a { display: block; border-bottom: 1px solid rgba(0,0,0, 0.05); box-sizing: border-box; } ul#mobile-menu-pro.collapsed li > ul { display: none; position: static; } /* =============================================== 22. SOCIAL ICONS =============================================== */ ul.social-icons-pro { list-style:none; margin:0px; padding:0px; } ul.social-icons-pro li { display:inline; margin:0px; padding:0px; } ul.social-icons-pro li:last-child a { margin-right:0px; } ul.social-icons-pro li a { display:inline-block; text-align:center; border-radius:50px; margin:0px 4px; /*border:2px solid rgba(0,0,0, 0.08);*/ border:2px solid rgba(242,250,255, 0.08); width:34px; height:34px; line-height:32px; font-size:12px; color:#818181; background: #F2FAFF; } ul.social-icons-pro li a:hover { background:#818181; border-color:#818181; color:#ffffff; } ul.social-icons-pro li.facebook-color a { color:#3b5998; } ul.social-icons-pro li.facebook-color a:hover { background:#3b5998; border-color:#3b5998; color:#ffffff; } ul.social-icons-pro li.google-color a { color:#dd4b39; } ul.social-icons-pro li.google-color a:hover { background:#dd4b39; border-color:#dd4b39; color:#ffffff; } ul.social-icons-pro li.linkedin-color a { color:#007bb5; } ul.social-icons-pro li.linkedin-color a:hover { background:#007bb5; border-color:#007bb5; color:#ffffff; } ul.social-icons-pro li.twitter-color a { color:#55acee; } ul.social-icons-pro li.twitter-color a:hover { background:#55acee; border-color:#55acee; color:#ffffff; } ul.social-icons-pro li.youtube-color a { color:#ff0000; } ul.social-icons-pro li.youtube-color a:hover { background:#ff0000; border-color:#ff0000; color:#ffffff; } ul.social-icons-pro li.vimeo-color a { color:#aad450; } ul.social-icons-pro li.vimeo-color a:hover { background:#aad450; border-color:#aad450; color:#ffffff; } ul.social-icons-pro li.instagram-color a { color:#e95950; } ul.social-icons-pro li.instagram-color a:hover { background:#e95950; border-color:#e95950; color:#ffffff; } /* =============================================== 23. CSS3 ANIMATIONS =============================================== */ .btn, a, .form-group input, .form-group textarea { transition-duration: 250ms; transition-property: color, background-color, border; transition-timing-function: ease-in-out; } .btn { transition-duration: 300ms; } .progression-studios-slider-more-options i, #search-mobile-nav-pro input, #mobile-bars-icon-pro, .checkbox-pro-container input ~ .checkmark-pro, #search-icon-more, #header-user-profile-click, #header-user-notification-click, ul.registration-genres-choice li, ul.registration-genres-choice li i, ul.registration-invite-friends-list li i, ul.registration-invite-friends-list li, .social-icon-login, ul#registration-steps-pro li, .jumbotron-pro, #pro-scroll-top, .sf-menu a:before, button.close { transition-duration: 250ms; transition-property: all; transition-timing-function: ease-in-out; } .sf-menu a { transition-duration: 250ms; transition-property: padding-top, padding-bottom, color, background-color, width; transition-timing-function: ease-in-out; } .example-no-css3 { -webkit-transition-duration: 0ms !important; -moz-transition-duration: 0ms !important; -o-transition-duration: 0ms !important; transition-duration: 0ms !important; } /* Animation For Menus & Profile Overlays */ @keyframes ProgressionMoveUp { from { } to { transform: translateY(0px); opacity: 1; } } @keyframes ProgressionMoveOut { from { visibility:visible; opacity:1; } to { opacity: 0; visibility:hidden; } } li.sfHover ul.sub-menu { transform: translateY(20px); opacity:0; animation-duration:250ms; animation-name: ProgressionMoveUp; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } .progression-studios-slider-more-options ul, #video-search-header-filtering, #header-user-notification-menu, #header-user-profile-menu { opacity:0; visibility:hidden; } .progression-studios-slider-more-options.hide ul, #video-search-header.hide #video-search-header-filtering, #header-user-notification.hide #header-user-notification-menu, #header-user-profile.hide #header-user-profile-menu { animation-duration:200ms; animation-name: ProgressionMoveOut; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } .progression-studios-slider-more-options.active ul, #video-search-header.active #video-search-header-filtering, #header-user-notification.active #header-user-notification-menu, #header-user-profile.active #header-user-profile-menu { transform: translateY(20px); opacity:0; visibility:visible; animation-duration:250ms; animation-name: ProgressionMoveUp; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } /* Slider Animations */ .progression_studios_animate_in .progression-studios-slider-caption-align, .progression_studios_animate_out .progression-studios-slider-caption-align, .progression_studios_animate_up .progression-studios-slider-caption-align, .progression_studios_animate_down .progression-studios-slider-caption-align, .progression_studios_animate_right .progression-studios-slider-caption-align, .progression_studios_animate_left .progression-studios-slider-caption-align { animation-delay: 500ms; animation-duration: 800ms; opacity:0; animation-fill-mode: both; } li.flex-active-slide.progression_studios_animate_in .progression-studios-slider-caption-align { animation-name: ProgressionStudiosElementszoomup; } li.flex-active-slide.progression_studios_animate_out .progression-studios-slider-caption-align { animation-name: ProgressionStudiosElementszoomout; } li.flex-active-slide.progression_studios_animate_up .progression-studios-slider-caption-align { animation-name: ProgressionStudiosElementsfadeup; } li.flex-active-slide.progression_studios_animate_down .progression-studios-slider-caption-align { animation-name: ProgressionStudiosElementsfadedown; } li.flex-active-slide.progression_studios_animate_left .progression-studios-slider-caption-align { animation-name: ProgressionStudiosElementsfadeleft; } li.flex-active-slide.progression_studios_animate_right .progression-studios-slider-caption-align { animation-name: ProgressionStudiosElementsfaderight; } @keyframes ProgressionStudiosElementsfadeup { 0% { opacity: 0; transform: translate3d(0, 20%, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes ProgressionStudiosElementsfadedown { 0% { opacity: 0; transform: translate3d(0, -20%, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes ProgressionStudiosElementsfadeleft { 0% { opacity: 0; transform: translate3d(10%, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes ProgressionStudiosElementsfaderight { 0% { opacity: 0; transform: translate3d(-10%, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes ProgressionStudiosElementszoomup { 0% { opacity: 0; transform: scale(1.2); } 100% { opacity: 1; transform: scale(1);} } @keyframes ProgressionStudiosElementszoomout { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1);} } /* =============================================== 24. RESPONSIVE STYLES =============================================== */ /* ======== #DESKTOP (959px-1100px) ======== */ @media only screen and (min-width: 959px) and (max-width: 1100px) { .col-sm.extra-padding { padding-right:15px; padding-left:15px; position:relative; } ul.dashboard-genres-pro { padding-right:20px; padding-left:20px; } ul.dashboard-genres-pro li { float:left; width:16.6%; } ul.dashboard-genres-pro li h6 { font-size:11px; } .dashboard-container { padding:0px 40px; } /* Responsive Dashboard Slider Styles */ .progression-studios-slider-dashboard-caption-width { max-width:450px; } a.progression-studios-slider-play-btn { right:10%; } ul.dashboard-sub-menu li a { font-size:15px; margin:0px 10px 5px 10px; } /* Responsive Sidebar Size */ #content-sidebar-pro { width:260px; } #content-sidebar-pro:after { width:260px; } main#col-main-with-sidebar { margin-left:420px; } } /* ======== #Tablet (768px-959px) ======== */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Mobile Navigation */ #site-navigation-pro, #masthead-pro .btn-header-pro { display:none; } nav#sidebar-nav, #sidebar-bg:before, #sidebar-bg:after { display:none; } /*#header-user-notification, */ #video-search-header { display:none; } #header-user-notification-click{ padding-right: 10px; padding-left: 10px; } #header-user-notification-click i{ font-size: 22px; } span.user-notification-count{ right: 3px; } #header-user-notification-menu{ right: calc(50% - 140px); } #header-user-notification-menu:after, #header-user-notification-menu:before{ right: 130px; } .header_name{ margin-left: 5px; } #video-logo-background:after, #video-logo-background:before { display:none; } #mobile-bars-icon-pro { display:block; } #header-user-profile-click { padding-right:10px; padding-left: 10px; } #header-user-profile-menu { right:-5px; } main#col-main { margin-left:0px; } #content-sidebar-pro { margin-left:0px; width:260px; } #content-sidebar-pro:after { left:0px; width:260px; } main#col-main-with-sidebar { margin-left:260px; } #page-title-pro h1 { font-size:32px; } #page-title-pro h6 { font-size:15px; } ul#registration-steps-pro li { width:50%; margin-bottom:25px; } .modal-body-pro .registration-social-login-container, .registration-social-login-container { border-right:0px; width:100%; padding-right:0px; } .modal-body-pro .registration-social-login-or, .registration-social-login-or { position:relative; text-align:center; font-size:20px; width:100%; padding:0px; right:0px; } .modal-body-pro .registration-social-login-options, .registration-social-login-options { padding-left:20px; width:100%; } .registration-social-login-options h6 { margin-top:0px; } ul.registration-invite-friends-list li { width:calc(49.5% - 8px); } /* Responsive Landing Page Slider Styles */ .progression-studios-slider-caption-width { max-width:310px; } .progression-studios-slider-caption-width h2 { font-size:39px; margin-bottom:15px; } .progression-studios-slider-caption-width h6 { font-size:15px; margin-bottom:25px; } ul.dashboard-genres-pro { padding-right:20px; padding-left:20px; } ul.dashboard-genres-pro li { float:left; width:16.6%; } ul.dashboard-genres-pro li h6 { font-size:11px; } .dashboard-container { padding:0px 20px; } /* Responsive Dashboard Slider Styles */ a.progression-studios-slider-play-btn { right:8%; } .progression-studios-slider-dashboard-caption-width { max-width:400px; } .flexslider.progression-studios-dashboard-slider h6 { font-size:14px; margin-bottom:16px; } ul.progression-studios-slider-rating { margin:0px 0px 5px 0px; } ul.progression-studios-slider-rating li { padding:5px; font-size:10px; } .flexslider.progression-studios-dashboard-slider h2 { font-size:40px; } ul.progression-studios-slider-meta { margin:0px 0px 10px 0px; } ul.progression-studios-slider-meta li { font-size:13px; } p.progression-studios-slider-description { font-size:13px; margin-bottom:20px; } } /* ======== #Mobile (0px-767px) ======== */ @media only screen and (max-width: 767px) { /* Mobile Navigation */ #site-navigation-pro, #masthead-pro .btn-header-pro { display:none; } nav#sidebar-nav, #sidebar-bg:before, #sidebar-bg:after { display:none; } #video-logo-background:after, #video-logo-background:before { display:none; } /*#header-user-notification, */ #video-search-header { display:none; } #header-user-notification-click{ padding-right: 10px; padding-left: 10px; } #header-user-notification-click i{ font-size: 22px; } span.user-notification-count{ right: 3px; } #header-user-notification-menu{ right: calc(50% - 140px); } #header-user-notification-menu:after, #header-user-notification-menu:before{ right: 130px; } .header_name{ margin-left: 5px; } #mobile-bars-icon-pro { display:block; } #header-user-profile-click { padding-right:10px; padding-left: 10px; } #header-user-profile img { margin-right:0px; } #header-user-profile-menu { right:0px; } #header-user-profile #header-username .header-username_text { display:none; } main#col-main { margin-left:0px; /*padding-top: 165px;*/ } #content-sidebar-pro { margin-left:0px; width:100%; margin-bottom:40px; } #content-sidebar-pro:after { display:none; } main#col-main-with-sidebar { margin-left:0px; } #page-title-pro h1 { font-size:26px; } #page-title-pro h6 { font-size:14px; } .copyright-text-pro, footer#footer-pro ul.social-icons-pro { text-align:center; } footer#footer-pro ul.social-icons-pro li:last-child a { margin-right:4px; } footer#footer-pro ul.social-icons-pro { padding-top:0px; } ul#registration-steps-pro li { width:100%; margin-bottom:20px; } .registration-steps-page-container .last-form-group-continue .btn { float:none; } .registration-steps-page-container .checkbox-remember-pro { display:block; margin-top:20px; margin-left:0px; } .registration-steps-page-container .checkbox-remember-pro input { position:absolute; } .registration-steps-page-container .checkbox-remember-pro label { margin-left:26px; } .modal-body-pro .registration-social-login-container, .registration-social-login-container { border-right:0px; width:100%; padding-right:0px; } .modal-body-pro .registration-social-login-or, .registration-social-login-or { position:relative; text-align:center; font-size:20px; width:100%; padding:0px; right:0px; } .modal-body-pro .registration-social-login-options, .registration-social-login-options { padding-left:20px; width:100%; } .registration-social-login-options h6 { margin-top:0px; } .registration-steps-page-container form.registration-steps-form { padding:0px; } .form-group-invite-friends, .registration-step-final-padding, .registration-billing-form { padding:20px; } .pricing-plans-page-container .pricing-table-col { padding-right:0px; padding-left:0px; } .billing-plan-container { margin-bottom:25px; } .registration-billing-form .btn, .billing-plan-container { float:none; } ul.registration-invite-friends-list li { width:calc(99% - 8px); } ul.registration-genres-choice li { width:calc(33.3% - 10px); } ul.welcome-features li { width:100%; } /* Responsive Landing Page Slider Styles */ .progression-studios-slider-mobile-background-cover-dark, .progression-studios-slider-mobile-background-cover { opacity:1; } .flexslider.progression-studios-slider { height:580px; } .progression-studios-slider-image-background { height:580px; } .progression-studios-slider-caption-width { width:85%; margin:0 auto; text-align:center; } .progression-studios-slider-caption-width h2 { font-size:34px; margin-bottom:12px; } .progression-studios-slider-caption-width h6 { font-size:13px; margin-bottom:20px; } .btn-slider-pro { font-size:13px; padding:11px 18px; } ul.dashboard-genres-pro { padding-right:0px; padding-left:0px; } ul.dashboard-genres-pro li { float:left; width:33.2%; } .dashboard-container { padding:0px 20px; } /* Responsive Dashboard Slider Styles */ .progression-studios-full-height-slider .progression-studios-slider-dashboard-image-background, .flexslider.progression-studios-dashboard-slider.progression-studios-full-height-slider { min-height:640px; } .flexslider.progression-studios-dashboard-slider, .progression-studios-slider-dashboard-image-background { min-height:640px; } .flexslider.progression-studios-dashboard-slider, .progression-studios-slider-dashboard-image-background { min-height:640px; } .flexslider.progression-studios-dashboard-slider .circle-rating-pro, a.progression-studios-slider-play-btn { display:none; } .progression-studios-slider-dashboard-caption-width { max-width:100%; margin-left:0px; } .flexslider.progression-studios-dashboard-slider h6 { font-size:13px; margin-bottom:14px; } ul.progression-studios-slider-rating { margin:0px 0px 5px 0px; } ul.progression-studios-slider-rating li { margin:0px 7px 5px 0px; padding:6px; font-size:10px; } .flexslider.progression-studios-dashboard-slider h2 { font-size:34px; margin-bottom:5px; } ul.progression-studios-slider-meta { margin:0px 0px 10px 0px; } ul.progression-studios-slider-meta li { font-size:12px; } ul.progression-studios-slider-meta li:after { padding:0px 10px; } p.progression-studios-slider-description { font-size:13px; margin-bottom:20px; } .progression-studios-dashboard-slider .btn-slider-pro { margin-right:10px; } .progression-studios-slider-more-options i { height:44px; width:44px; line-height:44px; font-size:12px; } .progression-studios-slider-more-options ul { top:100%; left:-65px; } .flexslider.progression-studios-dashboard-slider h5 { font-size:13px; margin-top:6px; margin-bottom:12px; } #account-edit-photo { padding:0px; } ul.dashboard-sub-menu { text-align:center; } ul.dashboard-sub-menu li a { margin:0px 10px 5px 10px; font-size:15px; } .right-border-payment { padding-right:0px; padding-bottom:50px; } .right-border-payment:after { top:auto; right:0px; width:100%; height:1px; bottom:35px; } #movie-detail-rating h6 { float:left; margin-left:0px; margin-right:12px; } #movie-detail-rating .circle-rating-pro { float:left; } #movie-detail-header-media { display:none; } .btn-header-pro{ } } @media only screen and (max-width: 525px) { #header-user-profile-click { padding-top: 25px; padding-bottom: 10px; } } /* LSD Customize */ body{ letter-spacing: 0.07rem; font-size: 16px; } .seo { display: block; width: 0; height: 0; overflow: hidden; position: absolute; z-index: -1 } .dis-none, .sub_menu br{ display: none !important; } .fc-def{ color: #248dc5; } .fc-sdef{ color: #a8acd6; } .fc-light{ color: #F2FAFF; } .bg-def{ background: #248dc5; } .bg-sdef{ background: #a8acd6; } .bg-light{ background: #F2FAFF; } blockquote{ background: #F2FAFF !important; border-left-color: #009EF7 !important; } .btn{ font-size: .9rem; } #video-logo-background{ background: #248dc5; } .sub_link{ cursor: pointer; } .les_lay h4{ padding-top: 25px; font-size: 1.3rem; color: #248dc5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 75px; } h4.heading-extra-margin-bottom{ margin-bottom: 0; font-size: 1.45rem; } .les_lay .les_cert{ position: relative; width: 32px; height: 32px; } .les_lay .les_cert img{ position:absolute; width: 32px; left: 0; top: 20px; } .les_lay .les_spec{ font-weight: bold; color: #248DC5; margin-bottom: 0px; } .les_tabs{ display: inline-flex; width: 100%; } ul.dashboard-sub-menu.les_tabs li{ flex: 1; background: #eef5f9; margin: 0 1px; text-align: center; } main#col-main-with-sidebar{ min-height: 100vh; } @media (max-width:768px) { main#col-main-with-sidebar{ min-height: 100% !important; } } #header-user-notification-menu h3{ font-size: 1rem; font-weight: bold; } #header-user-notification-list li a{ padding: 10px 20px; font-size: 1rem; } .chart_btn{ display: inline-flex; width: 100%; } .chart_btn .les_point{ padding: 10px 15px; text-align: center; color: #248DC5; font-weight: bold; font-size: 1.1em; width: 100%; background: rgba(0,0,0, 0.05); border-radius: 5px; margin: 0; /*background: #F2FAFF;*/ } .chart_btn .add_btn{ padding: 10px 15px; text-align: center; background: #248dc5; color: #FAFAFA; width: 100%; cursor: pointer; border-radius: 5px; } .add2_btn{ padding: 10px 15px; text-align: center; background: #248DC6; color: #FAFAFA; width: 100%; cursor: pointer; } .success_btn, .success_btn:hover{ font-family: 'Montserrat', sans-serif; font-weight:400; padding:12px 20px; font-size:13px; border:1px solid #248DC6; text-align: center; background: #248DC6; color: #FFFFFF; cursor: pointer; } .cancel_btn, .cancel_btn:hover{ font-family: 'Montserrat', sans-serif; font-weight:400; padding:12px 20px; font-size:13px; border:1px solid #3CAA8C; text-align: center; background: #FFFFFF; color: #3CAA8C; cursor: pointer; } .disabled_btn, .disabled_btn:hover{ font-family: 'Montserrat', sans-serif; font-weight:400; padding:12px 20px; font-size:13px; border:1px solid #D0D0D0; text-align: center; background: #EEEEEE; color: #979B9B; cursor: pointer; } .down_btn, .down_btn:hover{ font-family: 'Montserrat', sans-serif; font-weight:400; padding:12px 20px; font-size:13px; border:1px solid #55acee; text-align: center; background: #55acee; color: black; cursor: pointer; } .home_subnav{ display: inline-flex; width: 100%; background: rgba(0,0,0, 0.05); } .home_subnav a{ flex: 1; text-align: center; padding: 20px 0; font-weight: bold; font-size: 14px; border-left: 1px solid #dddddd; } .class_carousel.flexslider .slides > li{ /* padding: 0 20px; */ } ul.dashboard-genres-pro{ margin-bottom: 0; } .m_footer_nav{ display: none; position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; box-shadow: 0 12px 26px 0 rgb(0 0 0 / 40%); z-index: 9000; } .m_footer_nav .nav-link.active{ } .m_footer_nav .nav-link{ color: #111; font-weight: bold; flex: 1; font-size: 12px; } .m_footer_nav .nav-link.active{ color: #248dc5 !important; background: #fff; } .m_footer_nav .icon{ font-size: 20px; font-weight: 500; } .sub_menu{ text-align: center; height: 100px; margin: 0 5px; min-width: 200px; } .sub_menu > div{ display: inline-flex; align-items: center; height: 100%; } .sub_menu h6{ font-size: 1rem !important; color: #fff !important; font-weight: bold !important; } .sub_menu .sb_icon{ border-radius: 50px; width: 55px; padding: 5px; background: rgba(0,0,0,.5); margin-left: 5px; text-align: center; } .sub_menu .sb_icon img{ width: 45px; height: 45px; margin: 0 auto; padding: 5px; } .en_btn{ width: 120px; padding: 8px 20px; } /* ScrollBar 樣式 */ nav#sidebar-nav{ height: 100%; overflow-y: scroll; } nav#sidebar-nav::-webkit-scrollbar { background-color:#fff; width: 14px; } nav#sidebar-nav::-webkit-scrollbar-track { background-color:#fff; } nav#sidebar-nav::-webkit-scrollbar-track:hover { background-color:#f4f4f4; } nav#sidebar-nav::-webkit-scrollbar-thumb { background-color:#babac0; border-radius:14px; border:5px solid #fff; } nav#sidebar-nav::-webkit-scrollbar-thumb:hover { background-color:#a0a0a5; border:4px solid #f4f4f4; } /* set button(top and bottom of the scrollbar) */ .scrollbar::-webkit-scrollbar-button {display:none} ul#vertical-sidebar-nav.sf-menu li a{ color: #394855; font-size: 14px; font-weight: bold; } .normal-item-pro img{ width: 45px; padding-bottom: 10px; } #mobile-menu-pro .normal-item-pro img{ width: 35px; padding-bottom: 0; padding-left: 15px; margin-right: 5px; } .normal-item-pro:hover img.nav_1, .normal-item-pro.active img.nav_1, ul#vertical-sidebar-nav.sf-menu li.current-menu-item img.nav_1{ content:url('/images/icon/nav_1_h.svg'); } .normal-item-pro:hover img.nav_2, .normal-item-pro.active img.nav_2, ul#vertical-sidebar-nav.sf-menu li.current-menu-item img.nav_2{ content:url('/images/icon/nav_2_h.svg'); } .normal-item-pro:hover img.nav_3, .normal-item-pro.active img.nav_3, ul#vertical-sidebar-nav.sf-menu li.current-menu-item img.nav_3{ content:url('/images/icon/nav_3_h.svg'); } .normal-item-pro:hover img.nav_4, .normal-item-pro.active img.nav_4, ul#vertical-sidebar-nav.sf-menu li.current-menu-item img.nav_4{ content:url('/images/icon/nav_4_h.svg'); } .normal-item-pro:hover img.nav_5, .normal-item-pro.active img.nav_5, ul#vertical-sidebar-nav.sf-menu li.current-menu-item img.nav_5{ content:url('/images/icon/nav_5_h.svg'); } .normal-item-pro:hover img.nav_6, .normal-item-pro.active img.nav_6, ul#vertical-sidebar-nav.sf-menu li.current-menu-item img.nav_6{ content:url('/images/icon/nav_6_h.svg'); } .normal-item-pro:hover img.nav_7, .normal-item-pro.active img.nav_7, ul#vertical-sidebar-nav.sf-menu li.current-menu-item img.nav_7{ content:url('/images/icon/nav_7_h.svg'); } .normal-item-pro:hover img.nav_q, .normal-item-pro.active img.nav_q, ul#vertical-sidebar-nav.sf-menu li.current-menu-item img.nav_q{ content:url('/images/icon/question_h.svg'); } .normal-item-pro:hover img.nav_8, .normal-item-pro.active img.nav_8, ul#vertical-sidebar-nav.sf-menu li.current-menu-item img.nav_8{ content:url('/images/icon/nav_8_h.svg'); } .normal-item-pro:hover img.nav_9, .normal-item-pro.active img.nav_9, ul#vertical-sidebar-nav.sf-menu li.current-menu-item img.nav_9{ content:url('/images/icon/nav_9_h.svg'); } .flex-control-nav{ bottom: -10px; } .forgot-your-password a, .btn-green-pro, .btn-header-pro{ font-weight: bold; } .forgot-your-password a:hover{ color: #fff; } ul#friends-activity-profiles li.friends-activity-profiles-more a:hover, .btn-green-pro:hover{ background: #166c9a; } a.edit-profile-sidebar{ box-shadow: 0px 2px 14px rgb(36 141 197 / 40%); } .item-listing-container-skrn { border-radius: 7px; overflow: hidden; } .item-listing-container-skrn .chart_btn .add_btn, .item-listing-container-skrn .chart_btn .les_point{ border-radius: 0; } /* 課程介紹內頁 */ .item-listing-text-skrn{ min-height: 260px; } ul.progression-studios-slider-rating li{ border-color: #a8acd6; color: #a8acd6; font-size: 1rem; max-width: 15ch; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .flexslider.progression-studios-dashboard-slider h2 a:hover, a:hover{ color: #55acee; } .les_teach ul#sidebar-reviews-pro .spoiler-review{ font-size: 14px; } .les_teach ul#sidebar-reviews-pro h6{ font-weight: bold; font-size: 1.1rem; padding-bottom: 7px; } .nav-item{ cursor: pointer; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs, .nav-tabs .nav-link, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{ border: 0; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ background: none; } ul.dashboard-sub-menu li a{ color: #394855; /*background: #f8fbfd;*/ } ul.dashboard-sub-menu li a{ font-size: 1.25rem; } ul.dashboard-sub-menu li a:after{ display:block; content:""; position:absolute; bottom:0px; left:0px; width:100%; height:3px; background:rgba(0,0,0, 0); } ul.dashboard-sub-menu li a.active, ul.dashboard-sub-menu li a:hover, ul.dashboard-sub-menu li.current a{ color: #248dc5 !important; font-weight: bold; } ul.dashboard-sub-menu li a.active:after, ul.dashboard-sub-menu li a:hover:after{ background: #248dc5; } .content-sidebar-short-description{ font-size: 16px; padding-bottom: 10px; } .content-sidebar-section, .content-sidebar-section-in{ /*margin-bottom: 20px;*/ } h2.content-sidebar-sub-header.adjusted-recent-reviews{ margin-top: 40px; } .les_content img{ width: 100% !important; } .les_item{ display: inline-flex; width: 100%; font-size: 1.3rem; font-weight: bold; margin:0px 0px 20px 0px; padding-bottom: 10px; border-bottom:1px dotted #d2d4d5; } .les_item span{ font-size: 14px; font-weight: normal; } .progress-bar{ background: #248DC5; } .les_i01{ width: 10%; } .les_i02{ width: 60%; } .les_i03{ width: 7%; } .les_i04{ width: 15%; padding: 0 10px; } .les_i05{ width: 5%; text-align: right; } .profile_les_lay .les_item{ font-size: 1.1rem; line-height: 0.8rem; } .profile_les_lay .les_item .les_i01, .profile_les_lay .les_item .les_i02, .profile_les_lay .les_item .les_i03{ padding-top: 18px; } .les_teach input{ display: none; } .pack_lay h3, .pack_lay font{ color: #248DC5 !important; } ul.dashboard-sub-menu .nav-link, ul.dashboard-sub-menu li a{ padding: .5rem 1.5rem; } ul.dashboard-sub-menu{ /*border-bottom: 2px solid #248DC5;*/ } ul.dashboard-sub-menu li a{ margin-right: 5px; /* border: 2px solid #248DC5; background: #248DC5; background: #E6F4F1; background: -moz-linear-gradient(220deg, transparent 10px, #E6F4F1 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #E6F4F1 10px); background: -ms-linear-gradient(220deg, transparent 10px, #E6F4F1 10px); background: -o-linear-gradient(220deg, transparent 10px, #E6F4F1 10px); background: linear-gradient(220deg, transparent 10px, #E6F4F1 10px); border-radius: 5px 5px 0px 0px; margin: 0; color: #248DC5 !important; font-weight: bold; -moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2); -webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2); box-shadow: -4px 0 0 rgba(0, 0, 0, .2);*/ } /*ul.dashboard-sub-menu li:first-child a{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; } .nav-link.active, ul.dashboard-sub-menu li.current a{ background: #248DC5; background: -moz-linear-gradient(220deg, transparent 10px, #248DC5 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #248DC5 10px); background: -ms-linear-gradient(220deg, transparent 10px, #248DC5 10px); background: -o-linear-gradient(220deg, transparent 10px, #248DC5 10px); background: linear-gradient(220deg, transparent 10px, #248DC5 10px); color: #F2FAFF !important; }*/ .pro_nav{ display: inline-flex; width: 100%; } ul.dashboard-sub-menu.pro_nav li a, .pro_nav li{ width: 100%; margin: 0 2px; } .les_teach.chart_btn{ display: inherit; } .les_teach .add_btn{ display: none; } .les_teach .collapse{ display: block; } .les_teach .card-body{ padding: 0; margin-top: 10px; } .les_teach .card-body li{ padding-left: 20px !important; } /* 考題 */ .pregunta { padding: 0; /*background: #FAFAFA;*/ list-style: none; font-size: 1.2em; } .pregunta input[type=radio] { display: none; } .pregunta label { display: inline-block; margin: 4px; padding: 8px; background: #F2FAFF; color: #333; width: calc(50% - 8px); min-width: 100px; cursor: pointer; } .pregunta label:hover { background: #EBBB67; } .pregunta input[type=radio]:checked + label { background: #248dc5; color: #FAFAFA; } /* 文章 */ .share_btn span{ font-size: 2rem; } .event_lay .item-listing-text-skrn-vertical-align{ display: inline-flex; align-items: center; } .event_lay .event_date{ padding-right: 30px; width: 25%; } .event_lay .event_tit{ width: 100%; } .event_lay .event_tit h4{ font-weight: bold; width: 100%; line-height: 150%; } .article_lay, .article_lay p, .profile_les_lay, .profile_les_lay p, .profile_les_lay span, .pack_lay, .pack_lay p{ font-size: 1.1rem !important; } .article_lay img, .profile_les_lay img{ width: 100% !important; } .les_leslist{ font-size: 1rem !important } .les_leslist table label{ margin-bottom: 0px; } /* 行事曆 */ .fc-event, .fc-event-dot, .fc-button-primary{ background-color: #122e01 !important; } .fc-event, .fc-button-primary{ border: 1px solid #122e01 !important; } .fc-unthemed td.fc-today{ background: #F2FAFF !important; } /*FAQ */ .faq_lay{ padding-bottom: 50px; } .faq_lay h2{ color: #fff; padding: 30px 0; text-align: center; line-height: 150%; } .faq_lay h4{ font-weight: bold; line-height: 150%; width: 100%; color: #394855; height: auto; } .faq_lay h4 a{ color: #394855; padding-right: 20px; padding-left: 20px; } .qa_list h4{ height: auto; padding-top: 0; } /* 頁尾 */ footer h5{ color: #fff; } .foot_list a{ color: #F2FAFF; } footer#footer-pro{ background: #fff; } footer#footer-pro.footer-listlay{ /* background: #122e01;*/ /*background: #F2FAFF;*/ background: #248dc5; padding: 40px 0; } .foot_list{ list-style: none; padding: 0; margin-left: 0 !important; margin-right: 0 !important; } .foot-logo{ width: 100%; padding-top: 70px; } /* RWD TABLE */ .rwd-table, .profile_les_lay table { width: 100%; 　 background: #fff; 　 overflow: hidden; } .rwd-table tr:nth-of-type(2n), .profile_les_lay table tr:nth-of-type(2n){ background: #f8fbfd; } .rwd-table th, .rwd-table td , .profile_les_lay table th, .profile_les_lay table td{ margin: 0.5em; } .rwd-table { min-width: 100%; } .rwd-table th { display: none; } .rwd-table td { display: block; } .rwd-table td:before { content: attr(data-th) " : "; font-weight: bold; width: 7em; display: inline-block; font-size: 12px; } .rwd-table th, .rwd-table td { text-align: left; } @media (max-width: 1200px){ .rwd-table th, .rwd-table td { font-size: 12px; white-space: normal; } } .rwd-table th, .rwd-table td:before, .profile_les_lay table th { /*color: #248dc5;*/ font-weight: bold; } .rwd-table .btn{ padding: 8px 20px; } @media (min-width: 1200px) { .rwd-table td:before { display: none; } .rwd-table th, .rwd-table td { display: table-cell; padding: 0.25em 0.5em; } .rwd-table th:first-child, .rwd-table td:first-child { padding-left: 0; } .rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; } .rwd-table th, .rwd-table td { padding: 1em !important; } } /* 圖片驗證 */ .slidercaptcha { margin: 0 auto; width: 314px; height: 286px; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.125); margin-top: 40px; } .slidercaptcha .card-body { padding: 1rem; } .slidercaptcha canvas:first-child { border-radius: 4px; border: 1px solid #e6e8eb; } .slidercaptcha.card .card-header { background-image: none; background-color: rgba(0, 0, 0, 0.03); } .refreshIcon { top: -54px; } /* 影片播放控制 */ audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } button { vertical-align: middle; background-color: transparent; color: white; margin:0 .2rem; font-size: 1.2em; } .custom-video { position: relative; margin: 40px auto; background-color: white; } .custom-video::full-screen { width: 100%; height: 100%; } ::-moz-full-screen .custom-video { width: 100%; height: 100%; } .custom-video::-moz-full-screen { width: 100%; height: 100%; } .custom-video::-webkit-full-screen { width: 100%; height: 100%; } #mycontrols { /*position: absolute;*/ bottom: 0; left: 0; right: 0; color: white; font-size: .8em; width: 100%; min-height: 40px; padding: 10px 5px; background-color: black; background-color: rgba(0, 0, 0, 0.75); z-index: 2147483647; } #playpause, #fullscreen{ min-width: 40px; padding: 10px 0; margin: 0 10px; } .seeker { position: relative; width: 96%; margin: 0 1%; z-index: 0; display: inline-block; margin-right: 5px; margin: 0 10px; } .seekbar { z-index: 3; position: relative; width: 100%; background-color: transparent !important; } .progressbar, .bufferbar { position: absolute; left: 0; top: 8px; width: 100%; pointer-events: none; height: 1px; z-index: 2; /* Turns off styling - not usually needed, but good to know. */ appearance: none; -moz-appearance: none; -webkit-appearance: none; /* gets rid of default border in Firefox and Opera. */ border: none; background: rgba(255, 255, 255, 0.1); color: #c0392b; } .progressbar::-moz-progress-bar, .bufferbar::-moz-progress-bar { background: #c0392b; } .progressbar::-webkit-progress-bar, .bufferbar::-webkit-progress-bar { background: rgba(255, 255, 255, 0.1); } .progressbar::-webkit-progress-value, .bufferbar::-webkit-progress-value { background: #c0392b; } .bufferbar { z-index: 1; color: #aaa; } .bufferbar::-moz-progress-bar { background: #aaa; } .bufferbar::-webkit-progress-value { background: #aaa; } /*hide controls from shadow DOM in webkit browsers*/ /* hides controls only in fullscreen, but shows them in normal screen even if controls is set to false*/ /*the most specific pseudo-element to target video controls on full screen*/ video::-webkit-media-controls-enclosure { /*display: none !important;*/ } .grecaptcha-badge { visibility: hidden; } @media only screen and (max-width: 1500px) { .md-dis-block{ display: block !important; } .md-dis-none{ display: none !important; } /* 課程 */ ul.dashboard-sub-menu li a{ margin: 0px 20px 5px 0px } .movie-details-section{ margin-bottom: 0; } .movie-details-section h2{ font-size: 1.2rem; } .les_item{ font-size: 1.1rem; } .les_i01{ width: 15%; } .les_i02{ width: 55%; } .les_i03{ width: 10%; } .les_i04{ width: 15%; } .test_lay .movie-details-section h2{ font-size: 1.1rem; font-weight: normal; } .pregunta label{ width: calc(100% - 8px); } .les_lay p.les_sort{ font-size: 13px; } /* Accordion styles */ .les_teach .tabs { overflow: hidden; } .les_teach .tab { width: 100%; overflow: hidden; } .les_teach.content-sidebar-section, .les_teach.content-sidebar-section-in{ margin: 0; } .les_teach .tab-label .content-sidebar-sub-header{ margin: 0; padding-top:15px; padding-bottom:15px; } .les_teach .tab-label { display: flex; justify-content: space-between; cursor: pointer; margin: 0; border-bottom: 1px solid #eee; } .les_teach .tab-label:hover { /*background: #1a252f;*/ } .les_teach .tab-label:after { content: "❯"; /*width: 1em; height: 1em;*/ text-align: center; transition: all 0.35s; width: 10px; height: 10px; padding-top: 10px; } .les_teach .tab-content { max-height: 0; /*padding: 0 1em; color: #2c3e50;*/ transition: all 0.35s; } .les_teach .tab-close { display: flex; justify-content: flex-end; /*padding: 1em; background: #2c3e50;*/ font-size: 0.75em; cursor: pointer; } .les_teach .tab-close:hover { /*background: #1a252f;*/ } input:checked + .tab-label { /*background: #1a252f;*/ } input:checked + .tab-label:after { transform: rotate(90deg); padding: 20px 0; } input:checked ~ .tab-content { max-height: 100%; /*margin: 1em 0;*/ padding: 1em 0; } ul#sidebar-reviews-pro li:last-child{ margin-bottom: 0px; } .first_tit{ padding-top: 1.5rem; } } @media only screen and (max-width: 1350px) { .flexslider.progression-studios-dashboard-slider, .progression-studios-slider-dashboard-image-background{ max-height: 400px; min-height: auto; } footer#footer-pro.footer-listlay, .copyright-text-pro{ padding-left: 180px; } .sf-menu > li{ float: none; } .chart_btn .les_point, .chart_btn .add_btn{ font-size: 0.9rem; } .les_teach .content-sidebar-section-in:first-child h4, .les_teach .sidebar-reviews-pro li:first-child h6{ padding-top: 2rem; } } @media only screen and (max-width: 1075px) { .flexslider.progression-studios-dashboard-slider, .progression-studios-slider-dashboard-image-background{ max-height: 400px; } /* 課程 */ .les_i01{ width: 15%; } .les_i02{ width: 55%; } .les_i03{ width: 20%; } .les_i04{ width: 15%; } .test_lay .movie-details-section h2{ font-size: 1.1rem; font-weight: normal; } .pregunta label{ width: calc(100% - 8px); } } @media only screen and (max-width: 760px) { body, input, textarea, select{ font-size: 13px; } .flexslider.progression-studios-dashboard-slider, .progression-studios-slider-dashboard-image-background{ max-height: 235px; } .m-dis-none{ /*display: none !important;*/ } .m-dis-block, .sub_menu br, .m_footer_nav{ display: block !important; } .m-ta-center{ text-align: center; } .event_lay .item-listing-text-skrn-vertical-align{ flex-wrap: wrap; } .event_lay .event_date{ padding-right: 0; width: 100%; padding-top: 25px; } .event_lay h4{ padding-top: 5px; } .serv_lay h1, .serv_lay h2{ font-size: 1.6rem; } .les_lay h4{ font-size: 1.4rem; } .nav-link{ padding: .5rem .1rem; } #video-logo-background a{ width: 120px; } header#videohead-pro #mobile-bars-icon-pro{ padding: 36px 15px 36px 3px; } #search-mobile-nav-pro{ /*float: left;*/ margin: 0; } #search-mobile-nav-pro input{ width: 85%; background-position: 5px 13px; padding: 9px 15px; font-size: 11px; } .mobile-searchbar.active{ display: block !important; } .mobile-searchbar button{ padding: 10px 9px; border-radius: 50%; } .mobile-searchbar button i{ margin: 0 5px; } #video-logo-background{ margin: 10px; } #video-logo-background a{ height: 70px; line-height: 70px; } #video-logo-background img{ width: 60px; } .en_btn{ padding: 8px 0px; } footer#footer-pro.footer-listlay, .copyright-text-pro{ padding-left: 0; } .foot-logo{ max-width: 70%; margin: 0 auto 30px auto; padding-top: 0; } .footer-listlay h5, .footer-listlay .social-icons-pro{ text-align: center !important; } .foot_list li{ font-size: 1rem; padding: 5px 0; border-bottom: 1px solid #248dc5; /*border-left: 2px solid #F2FAFF;*/ } .foot_list li:nth-child(odd){ border-right: 2px solid #F2FAFF; } .copyright-text-pro{ padding: 0; } .content-sidebar-section{ padding: 0 20px; } .les_teach .collapse:not(.show){ display: none; } .les_lay p, .les_content p, .les_content li{ font-size: 1rem; } .les_content .nav-item{ font-size: 1.1rem; } .class_carousel.flexslider .slides > li{ /*padding: 0 7px;*/ } .sub_menu{ height: 80px; min-width: 170px; } .sub_menu > div{ /* padding-top: 11%; */ } .sub_menu h6{ padding-top: 0; } .sub_menu .sb_icon{ width: 50px; height: 50px; /* padding: 5px; */ } .sub_menu .sb_icon img{ width: 45px; height: 45px; } ul.dashboard-sub-menu li a{ margin: 0px 7px 5px 0px; } /*a.edit-profile-sidebar{ position: static; width: 25px; height: 25px; line-height: 25px; font-size: 13px; margin-left: 10px; }*/ /* 課程 */ .les_item{ flex-wrap: wrap; font-size: 1rem; } .les_i01, .les_i03{ width: 20%; } .les_i02{ width: 60%; } .les_i04{ width: 85%; padding: 10px 10px 0 0; } .les_i05{ width: 8%; } .test_lay .movie-details-section h2{ font-size: 1.1rem; font-weight: normal; } .pregunta label{ width: calc(100% - 8px); } .les_teach .add_btn{ display: block; } ul.dashboard-sub-menu.les_tabs .nav-link, ul.dashboard-sub-menu.les_tabs li a{ padding: .5rem 0; font-size: 1rem !important; } /*FAQ */ .faq_lay h2{ font-size: 1.4rem; } .faq_lay h4{ font-size: 1rem; } } @media only screen and (min-width: 630px) and (max-width: 760px) { /*#search-mobile-nav-pro{ width: 70%; }*/ .pro_nav li{ width: 50%; } } @media only screen (max-width: 629px) { /*#search-mobile-nav-pro{ width: 47%; }*/ } @media only screen and (max-width: 450px) { .flexslider.progression-studios-dashboard-slider, .progression-studios-slider-dashboard-image-background{ max-height: 185px; } } .events_more{ width: 25% !important; } @media only screen and (max-width: 768px) { .events_more{ width: 100% !important; padding-bottom: 25px; } } .header_img{ float: left; border-radius: 50%; width: 40px; height: 40px; background-position: center center; background-size: cover; } .header_name{ margin: 10px 0 0 10px; } .sticky-header{ position: fixed !important; width: 100%; } .mobile_search_btn{ width: 40px; padding: 9px 0; margin: 0; border-radius: 50%; } .mobile_search_btn i{ margin: 0; } @media (max-width:992px) { .table_992_block table, .table_992_block thead, .table_992_block tbody, .table_992_block th, .table_992_block td, .table_992_block tr{ display: block; } .table_992_block td{ margin: 0px !important; width: 100% !important; } } .account-edit-table{ max-width: 300px !important; margin: 0 auto 45px auto; overflow: hidden; } .account-edit-table table{ float: left; width: 300px; } .account-edit-table img{ max-width: 100%; } .account-edit-table input{ max-width: 220px; } .account-edit-table tr{ max-width: 300px !important; } .account-edit-table td, .account-edit-table th { padding: 0.75rem 0; vertical-align: top; } .account-edit-btn{ padding: 6px 9px; margin-left: 0px; margin-top: 10px; font-size: 14px; } .ccount-edit-text{ font-size: 12px; line-height: 20px; } .member_img_circle{ width: 70%; padding-bottom: 70%; height: 0; margin: 0 auto; overflow: hidden; position: relative; border-radius: 50%; } .teacher_img_circle{ width: 33%; padding-bottom: 33%; height: 0; margin-bottom: 20px; overflow: hidden; position: relative; border-radius: 50%; } .article_img{ width: 100%; padding-bottom: 57.33%; height: 0; overflow: hidden; position: relative; } .member_img_circle img, .teacher_img_circle img, .article_img img{ position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; } .article_con{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp: 4; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 108px; } .icon_member{ background-image: url(../images/icon/icon_member.svg); background-repeat: no-repeat; background-position: center center; background-size: 100%; display: inline-block; width: 19px; height: 18px; } #header-user-profile-menu ul li a:hover .icon_member, .m_footer_nav .nav-link.active .icon_member{ background-image: url(../images/icon/icon_member_b.svg); } .icon_fraction{ background-image: url(../images/icon/icon_fraction.svg); background-repeat: no-repeat; background-position: center center; background-size: 100%; display: inline-block; width: 19px; height: 18px; } #header-user-profile-menu ul li a:hover .icon_fraction{ background-image: url(../images/icon/icon_fraction_b.svg); } .icon_mail{ background-image: url(../images/icon/icon_mail.svg); background-repeat: no-repeat; background-position: center center; background-size: 100%; display: inline-block; width: 28px; height: 26px; } #header-user-profile-menu ul li a:hover .icon_mail, .m_footer_nav .nav-link.active .icon_mail{ background-image: url(../images/icon/icon_mail_b.svg); } /* 學員專區 */ table.mem_tb{ width: 100%; } table.mem_tb th{ text-align: left; width: 160px; /*white-space: nowrap;*/ } @media (max-width:760px){ table.mem_tb th{ width: 130px; } } table.mem_tb th, table.mem_tb td{ border-bottom: 1px solid #eaeaea; padding: 5px 0; word-break: break-all } /* table.mem_tb #curr_address{ display: inline-flex; width: 100%; } */ .about_banner_full{ margin-top: -80px } .about_banner_full, .about_banner_full img{ width: 100%; } .about_banner_full .about_banner_img_mo{ display: none; } .about_01{ padding-top: 80px; display: block; width: 100% !important; } .about_01 .about_title_img{ text-align: center; margin-bottom: 35px; } .about_01 .about_title_img img{ width: 36%; } .about_01 .text{ font-size: 30px; text-align: center; font-weight: 600; margin-bottom: 55px; } .about_01 .img_text{ display: flex; align-items: flex-end; justify-content: center; text-align: center; font-size: 30px; font-weight: 600; margin-bottom: 50px; } .about_01 .img_text .item{ padding: 0 30px; } .about_01 .img_text img{ display: block; margin: 0 auto; } .about-01-l{ background: #282a29; border-radius: 80px 0 0 0; color: #FFF; font-size: 21px; padding: 60px; } .about-01-l h2{ color: #fff; font-size: 33px; text-align: center; } .about-01-r{ border-radius: 0 80px 0 0; background: url(../images/about-01-r.jpg) no-repeat center; } .about_02{ width: 100% !important; margin-top: 100px; font-size: 22px; text-align: center; margin-bottom: 80px; } .about_02 .data_no{ margin-bottom: 80px; max-width: calc(100% + 15px) } .about_02 .item{ margin-bottom: 50px; } .about_02 .icon_bg_no{ background: url(../images/about_02_iconbg.jpg) no-repeat center; background-size: cover; width: 200px; height: 200px; display: block; line-height: 200px; text-align: center; font-size: 30px; font-weight: 900; margin: 0 auto 20px auto; } .about_02 .about_partners{ position: relative; width: 100%; } .about_02 .about_partners_20{ position: absolute; left: 0; top: 0; width: 20%; z-index: 999; } .about_02 .about_partners_80{ position: relative; left: 11%; top: 0; width: 89%; } .about_02 .about_partners_tit{ background: #282a29; border-radius: 13px; color: #fff; font-size: 45px; font-weight: bold; letter-spacing: 5px; line-height: 55px; margin-left: 35px; padding: 40px; } .about_02 .about_partners_icon{ position: absolute; left: 0; top: -35px; width: 70px; height: 70px; } .about_02 .about_partners_icon img{ width: 100%; } .about_02 .about_partners_con{ background: #dcdedd; padding: 20px 20px 20px 15%; display: flex; flex-wrap: wrap; width: 100%; border-radius: 13px; } .about_02 .about_partners_con img{ float: left; margin: 10px; } .about_03{ width: 100% !important; margin-bottom: 80px; } .about_03 .core_value_tit{ width: 100%; background: #282a29; padding: 20px 0; text-align: center; margin-bottom: 40px; } .about_03 .core_value_tit .core_value_icon{ margin-bottom: 8px; } .about_03 .core_value_tit h2{ margin: 0 auto !important; font-size: 45px; color: #fff; border-bottom: 2px solid #fff; letter-spacing: 5px; width: 250px; } .about_03 .core_value_include{ width: 50%; margin: 0 25% 40px 25%; } .about_03 .core_value_include .item{ display: flex; align-items: center; margin-bottom: 40px; } .about_03 .core_value_include .item .img_bg_b, .about_03 .core_value_include .item .img_bg_p{ display: block; width: 135px !important; min-width: 135px !important; height: 135px; padding-top: 60px; font-size: 21px; letter-spacing: 3px; line-height: 25px; font-weight: bold; text-align: center; } .about_03 .core_value_include .item .img_bg_b{ background: url("../images/about_03_img_bg_b.jpg") no-repeat center; background-size: cover; color: #7ed3da; } .about_03 .core_value_include .item .img_bg_p{ background: url("../images/about_03_img_bg_p.jpg") no-repeat center; background-size: cover; color: #a5add2; } .about_03 .core_value_include .item .content{ padding-left: 30px; } .about_03 .core_value_include .item .content h5{ font-size: 28px; font-weight: bold; } .about_03 .core_value_include .item .content .text{ font-size: 21px; line-height: 26px; } .about_04{ width: 100% !important; margin-bottom: 100px; } .about_04 .service_tit{ background: linear-gradient(to right, #2a8ccd 0%,#7dbfe1 100%); text-align: center; padding: 50px 0; margin-bottom: 50px; } .about_04 .service_tit h2{ margin: 0 auto !important; font-size: 45px; color: #fff; border-bottom: 2px solid #fff; letter-spacing: 5px; width: 250px; } .about_04 .service .item{ text-align: center; } .about_04 .service .item img{ margin-bottom: 18px; } .about_04 .service .item h3{ font-size: 35px; color: #248dc5; position: relative; padding-bottom: 17px; margin-bottom: 26px; } .about_04 .service .item h3:after{ position: absolute; content: ""; display: block; width: 90px; height: 5px; border-radius: 10px; background: #f1e709; bottom: 0; left: calc(50% - 45px); margin: 0 auto; } .about_04 .service .item .text{ text-align: left; font-size: 18px; margin-bottom: 35px; } .about_04 .service .item .link{ background: url("../images/about_04_link_bg.jpg") no-repeat center; background-size: 210px; } .about_04 .service .item .link a{ color: #fff; font-weight: bold; font-size: 18px; } .about_05{ margin-bottom: 80px; width: 100% !important; } .about_05 .link{ text-align: center; display: flex; align-items: center; justify-content: center; } .about_05 .link a{ font-size: 35px; font-weight: bold; color: #394855; } .about_05 .img{ text-align: right; } .about_05 .img img{ max-width: 100%; } .about_05 .about_05_img_mo{ display: none; } @media (max-width:992px){ .about_banner_full .about_banner_img_pc, .about_05 .about_05_img_pc{ display: none; } .about_banner_full .about_banner_img_mo, .about_05 .about_05_img_mo{ display: block; } .about_01 .about_title_img img{ width: 60%; } .about_01 .text{ font-size: 26px; padding-right: 20px; padding-left: 20px; } .about_01 .img_text{ align-items: center; justify-content: center; flex-direction: column; font-size: 26px; } .about-01-l{ border-radius: 30px 30px 0 0; color: #FFF; font-size: 18px; padding: 40px; } .about-01-l h2{ color: #fff; font-size: 24px; text-align: center; } .about-01-r{ border-radius: 0 0 0 0; height: 200px; background-size: cover; } .about_02 .icon_bg_no{ width: 150px; height: 150px; line-height: 150px; font-size: 26px; } .about_02 .item{ font-size: 17px; } .about_02 .about_partners{ padding-top: 180px; } .about_02 .about_partners_20{ width: 50%; left: calc(50% - 27%); } .about_02 .about_partners_icon{ top: -25px; width: 50px; height: 50px; } .about_02 .about_partners_tit{ background: #282a29; border-radius: 13px; color: #fff; font-size: 35px; font-weight: bold; letter-spacing: 3px; line-height: 45px; margin-left: 25px; padding: 30px; } .about_02 .about_partners_80{ position: unset; width: 90%; margin: 0 auto; } .about_02 .about_partners_con{ padding: 20px; } .about_03{ margin-bottom: 40px; } .about_03 .core_value_tit h2{ font-size: 35px; width: 200px; } .about_03 .core_value_include{ width: 90%; margin: 0 5% 40px 5%; } .about_03 .core_value_include .item .content h5{ font-size: 24px; } .about_03 .core_value_include .item .content .text{ font-size: 18px; } .about_04{ margin-bottom: 40px; } .about_04 .service_tit{ padding: 40px 0; } .about_04 .service_tit h2{ font-size: 35px; width: 200px; } .about_04 .service .item{ width: 90%; margin: 0 5% 40px 5%; } .about_04 .service .item h3{ font-size: 28px; padding-bottom: 14px; margin-bottom: 24px; } .about_04 .service .item h3:after{ width: 70px; left: calc(50% - 35px); } .about_05{ margin-bottom: 0px; } .about_05 .link{ border-top: 1px solid #dcdedd; padding-top: 40px; } .about_05 .link a{ font-size: 28px; } .about_05 .about_05_img_mo{ margin-top: 40px; } } .faq_user{ padding-top: 50px; padding-bottom: 30px; text-align: center; display: flex; } .faq_user a{ color: inherit; flex: 1; background: #eef5f9; margin: 0 1px; text-align: center; font-size: 1.25rem; display: inline; padding: 1.5rem; position: relative; } .faq_user a:hover, .faq_user .to{ color: #248dc5 !important; font-weight: bold; } .faq_user a:hover:after, .faq_user .to:after{ display: block; content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 3px; background: #248dc5; } .faq_list{ list-style-type: none; padding-inline-start: 0px; padding: 10px 30px 20px 30px; margin-bottom: 0px; } .faq_list li{ border-bottom: 1px solid #e7e7e7; padding: 15px; font-size: 1.2rem; } .faq_list li a{ } .qa_feedback{ border: 3px solid #248dc5; border-radius: 15px; max-width: 500px; margin: 50px auto; text-align: center; padding: 30px; } .qa_feedback label{ width: 100%; } .qa_feedback .text{ font-weight: bold; background: #F2FAFF; display: inline-block; padding: 10px 20px; } .msg_btn_no{ display: inline-block; text-align: center; border-radius: 30px; width: 20px; height: 20px; line-height: 20px; font-size: 12px; color: #ffffff; background: #007bff; margin-left: 3px; } .btn_wb{ border: 2px solid rgb(36, 141, 197) !important; background: #fff !important; color: rgb(36, 141, 197) !important; } .btn_wb:hover{ background: rgb(36, 141, 197) !important; color: #fff !important; } .btn_dis:disabled, .btn_dis:hover{ color: #6c757d !important; background-color: #fff !important; border: 2px solid #6c757d !important; } // 20250408 Wilson 新增 .tag-list { display: flex; flex-wrap: wrap; gap: 4px; max-height: 2.5em; /* 高度限制只顯示一行（可調整） */ overflow: hidden; padding: 0; margin: 0; list-style: none; transition: max-height 0.3s ease; } .tag-list li { border: 1px solid #aabbee; padding: 2px 6px; font-size: 13px; border-radius: 4px; background-color: #f2f6ff; white-space: nowrap; color: #333; } .tag-list .expanded { max-height: 500px; /* 展開高度足夠容納所有 li */ } .more-toggle { cursor: pointer; font-size: 13px; color: #3366cc; padding: 2px 6px; border: 1px dashed #aabbee; border-radius: 4px; background-color: #fff; } .class_title{ color: #248EC5; font-weight: bold; font-size: 1.25rem; padding: .5rem 1.5rem; border-bottom: 3px solid #248EC5; float: left; margin-bottom: 35px; } .progression-studios-slider-rating li a { display: inline-block; width: auto; white-space: nowrap; padding: 10px 15px; } .progression-studios-slider-rating li { display: inline-block; max-width: 100% !important; }