/*------------------------------------------------------------------ Project: Restaurant Finder Author: Crenoveative URL: http://crenoveative.com/ Created: 24/10/2016 -------------------------------------------------------------------*/ /*------------------------------------------------------------------ * Table of Content * 1. Bootstrap Override * 2. Another Bootstrap Toggle * 3. Custom Checkbox and Radio By CSS * 4. Fancy Select * 5. Slicknav - a Mobile Menu * 6. Back To Top * 7. Bootstrap Rating * 8. Images Grid * 9. Circle Progress Bar * 10. Ion.RangeSlider * 11. multiple sticky by bootstrap scrollspy * 12. Bootstrap3 wysihtml5 * 13. Bootstrap Tokenfield * 15. Dropzone - a custom file upload * 16. Timepicker stylesheet * 17. Bootstrap Modal * 18. Instagram * 19. Slick - a carousel plugin * 20. Bootstrap Carousel Effect Ken Burns * 21. YoutubeBackground * 22. jQueryIntroLoader * 23. Pretty Code -------------------------------------------------------------------*/ /** * Bootstrap Override */ .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; background-color: #333; border-radius: 0; } .tooltip.top .tooltip-arrow { border-top-color: #333; } .tooltip.top-left .tooltip-arrow { border-top-color: #333; } .tooltip.top-right .tooltip-arrow { border-top-color: #333; } .tooltip.right .tooltip-arrow { border-right-color: #333; } .tooltip.left .tooltip-arrow { border-left-color: #333; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #333; } .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #333; } .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #333; } .dropdown-menu { min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .dropdown-ml .dropdown-menu { left: 10px; } .dropdown-right, .dropdown-left { display: inline-block; position: relative; } .dropdown-right { padding-right: 10px; } .dropdown-left { padding-left: 10px; margin-left: -10px; } .dropdown-left + .dropdown-left { margin-left: 10px; } .dropdown-left .dropdown-inner { padding: 15px; } .dropdown-right .dropdown-menu { left: 100%; margin: 0; top: 0; } .dropdown-left .dropdown-menu { left: auto; right: 100%; margin: 0; margin-left: 15px; top: 0; } .dropdown-pointer .dropdown-menu { z-index: 12; } .dropdown-pointer .dropdown-menu:after { position: absolute; top: 12px; left: 100%; margin-left: -6px; content: ''; display: block; pointer-events: none; visibility: visible; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); width: 14px; height: 14px; background: #fff; z-index: 2; border-left: 1px solid #C8C8C8; border-top: 1px solid #C8C8C8; } .dropdown-title { border-bottom: 1px solid #CCC; padding: 12px 15px; font-weight: 700; font-size: 16px; line-height: 16px; margin: 0; } .dropdown-footer { padding: 12px 15px; } .panel { border-width: 0 0 1px; border-style: solid; border-color: #DEDDDC; background: none; box-shadow: none } .panel:last-child { border-bottom: none } .panel-group > .panel:first-child .panel-heading, .panel-collapse.collapse.in .panel-body { border-radius: 0 } .panel-group .panel { border-radius: 0 } .panel-group .panel + .panel { margin-top: 0 } .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 0 } .panel-heading { background: none; border-radius: 0; border: none; color: #fff; padding: 0 } .panel-heading.active, .panel-heading.active .panel-title, .panel-heading.active .panel-title a { border-bottom: 0 } .panel-title { border: 0 } .panel-title a { position: relative; display: block; color: #484848; font-size: 14px; position: relative; font-family: 'Oswald', sans-serif; letter-spacing: 2px; font-weight: 400; text-transform: uppercase; line-height: 1; padding: 20px 0 18px; border-bottom: 1px solid transparent; } .panel-body { background: none; padding: 25px 0 25px; border-radius: 0 } .panel-heading a:before { content: '\f055'; position: absolute; font-family: 'FontAwesome'; right: 0; top: 0; font-size: 14px; -webkit-transition: all .5s; transition: all .5s; -webkit-transform: scale(1); transform: scale(1); color: #D6D6D6; } .panel-heading.active a:before { content: '\f056'; -webkit-transition: all .5s; transition: all .5s; -webkit-transform: scale(0); transform: scale(0); color: #DB3944; } .panel-heading .panel-title a:hover { color: #DB3944; } .panel-heading.active .panel-title a { color: #DB3944; border-bottom: 1px solid #DB3944; } .bootstarp-toggle .panel-heading a:after { content: ' '; font-size: 24px; position: absolute; font-family: 'Material Icons'; right: 5px; top: 10px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .5s; transition: all .5s } .bootstarp-toggle .panel-heading.active a:after { content: '\e909'; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .5s; transition: all .5s } .bootstarp-accordion .panel-heading a:before { content: '\e316'; font-size: 24px; position: absolute; font-family: 'Material Icons'; right: 5px; top: 15px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .5s; transition: all .5s } .bootstarp-accordion .panel-heading.active a:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .5s; transition: all .5s } /** * Another Bootstrap Toggle */ .another-toggle-wrapper { margin: 0; } .another-toggle { display: block; margin: 0 0 1px; } .another-toggle h4 { font-size: 16px; cursor: pointer; position: relative; padding: 0; padding-right: 20px; line-height: 20px; margin: 0; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .another-toggle h4:after { font-family: FontAwesome; content: "\f067"; font-size: 10px; position: absolute; right: 0; top: 2px; color: #888; } .another-toggle h4.active { color: #99549C; } .another-toggle h4.active:after { content: "\f068"; } .another-toggle .another-toggle-content { display: none; background: #FFF; } /** * Custom Checkbox and Radio By CSS */ .checkbox-block label, .radio-block label { display: block; } .radio-inline, .checkbox-inline { padding: 0; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-left: 5px; } input[type='radio'] + label, input[type='checkbox'] + label { margin: 0; clear: none; padding: 4px 0 3px 24px; cursor: pointer; font-weight: 300; line-height: 18px; } input[type='radio'] + label, input[type='checkbox'] + label { background: none; position: relative; padding-left: 20px; } input[type='radio'] + label:before, input[type='checkbox'] + label:before { position: absolute; top: 6px; left: 0; content: ""; color: #919191; font-weight: normal; transition: all .6s; line-height: 1 !important; text-shadow: none !important; box-shadow: none !important; padding-left: 2px; font-size: 13px; } input[type='radio']:checked + label:before, input[type='checkbox']:checked + label:before { color: #DB3944; } input[type='radio'] + label:before { font-family: "Ionicons"; content: "\f401"; border: none !important; font-size: 14px; } input[type='radio']:checked + label:before { font-family: "FontAwesome"; content: "\f058 "; border: none !important; font-size: 14px; } input[type='checkbox'] + label:before { content: ""; width: 11px; height: 11px; border: 1px solid #B5B5B5; border-radius: 2px; top: 7px; left: 0; } input[type='checkbox']:checked + label:before { font-family: "FontAwesome"; content: "\f14a"; border: none; top: 6px; left: -1px; } /** * Fancy Select */ select.form-control.multiple { padding: 0; } select.form-control.multiple option { padding: 6px 12px; } .fancy-select { position: relative; color: #DB3944; } .fancy-select.disabled .form-control { cursor: inherit; opacity: .5; background: #ddd; } .fancy-select .form-control { position: relative; overflow: hidden; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; color: #999; text-align: left; } .fancy-select .form-control:after { position: absolute; display: block; content: "\f078"; top: 50%; right: 0; margin: -6px 8px 0 0; font-family: FontAwesome; font-size: 10px; line-height: 12px; color: #999; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fancy-select .form-control.open:after { margin-top: -5px; color: #DB3944; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg) } .fancy-select ul.options { position: absolute; visibility: hidden; overflow: auto; top: 100%; left: 0; width: 100%; max-height: 0; margin: 0; padding: 0; border: 1px solid #ddd; list-style: none; z-index: 50; background: #FFF; opacity: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); text-align: left; } .fancy-select ul.options.open { visibility: visible; opacity: 1; max-height: 360px; } .fancy-select ul.options.overflowing { top: auto; bottom: 100%; } .fancy-select ul.options.overflowing.open { top: auto; } .fancy-select ul.options li { padding: 5px 12px; cursor: pointer; white-space: nowrap; color: #666; line-height: 18px; font-size: 13px; ; } .fancy-select ul.options li.hover { color: #000; background: #eee; } .fancy-select ul.options li.selected { color: #fff; background: #999; } .fancy-select ul.options li:first-child { text-transform: uppercase; font-weight: 500; padding-top: 10px; cursor: auto } .fancy-select ul.options li:first-child.selected { background: none; color: #666; } .select-style-01 .form-control:after { content: "\f0dc"; line-height: 14px; } .select-style-01 .fancy-select .form-control.open:after { margin-top: -7px; } /* Slicknav - a Mobile Menu */ .slicknav_menu { display: none; } .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em } .slicknav_nav { clear: both } .slicknav_nav ul, .slicknav_nav li { display: block } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both } /* IE6/7 support */ .slicknav_menu { *zoom: 1 } /* User Default Style Change the following styles to modify the appearance of the menu. */ .slicknav_menu { font-size: 16px; } /* Button */ .slicknav_btn { margin: 0; text-decoration: none; background-color: transparent; padding: 0; position: absolute; top: 19px; right: 20px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } /* background color for responsive button */ .slicknav_btn.slicknav_open:before { font-family: 'Ionicons'; content: "\f2d7" } .slicknav_btn.slicknav_collapsed:before { font-family: 'Ionicons'; content: "\f394" } .slicknav_btn.slicknav_open, .slicknav_btn.slicknav_collapsed, .slicknav_btn.slicknav_open:before, .slicknav_btn.slicknav_collapsed:before { text-decoration: none !important; color: #2f5a8c; border: none; font-size:40px; } .slicknav_btn.slicknav_open:before, .slicknav_btn.slicknav_collapsed:before { font-size: 40px; } .slicknav_menutxt { line-height: 22px !important; } /* Button Text */ .slicknav_menu .slicknav_menutxt { color: #DFF2F2; font-weight: 400; font-size: 14px; } /* Button Lines */ .slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5 } .slicknav_menu { background: #383546; padding: 0; /* margin-top: 20px;*/ } .slicknav_nav { color: #B6B3C4; margin: 0; padding: 0; font-size: .875em } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden } .slicknav_nav ul { padding: 0; margin: 0; } .slicknav_nav ul li { border-bottom: 0; } .slicknav_nav .slicknav_row { padding: 0; margin: 0; } .slicknav_nav a { padding: 12px 20px; margin: 0; text-decoration: none; color: white; display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.05); -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: 400; text-transform: uppercase; font-size: 13px; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding: 12px 20px; margin: 0; } .slicknav_nav .slicknav_item { position: relative; } .slicknav_nav .slicknav_item a { border-bottom: none; display: block; } .slicknav_nav { position: absolute; top: 88px; left: 0; right: 0; /* background: #bc0b01;*/ /* background:rgb(255, 212, 56);*/ background: #ff7133; z-index:555; border-top:2px solid #fff; } .slicknav_nav ul li { padding-left: 0; background: #ff7133; } .slicknav_nav ul li li { padding-left: 0; } .slicknav_nav ul li ul { padding-left: 15px; padding-right: 15px; } .slicknav_nav ul li ul a { padding: 12px 15px; } .slicknav_nav .slicknav_row:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #0765b9; color: #FFF; } .slicknav_nav a:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #0765b9; color: #fff; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } .slicknav_nav .slicknav_arrow { font-size: 14px; position: absolute; top: 0; right: 0; bottom: 0; padding-top: 13px; width: 50px; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.05); } /* plus-minus or arrow sign */ .slicknav_nav .slicknav_arrow:hover { background: rgba(255, 255, 255, 0.05); } .slicknav_menu .slicknav_icon { display: none; } .mob-menu .slicknav_nav{ top:128px; } /** Customized */ .slicknav_menu { position: absolute; top: 2px; left: 0; right: 0; background: none; } @media only screen and (max-width: 1199px) {} @media only screen and (max-width: 991px) { #responsive-menu { display: none; } .slicknav_menu { display: block; } } @media only screen and (max-width: 767px) { .slicknav_btn { right: 15px; top:20px; } } @media (max-width: 479px) {} /** * Back To Top */ #back-to-top { position: fixed; z-index: 1000; bottom: 15px; right: 15px; display: none; } #back-to-top a { display: block; width: 30px; height: 30px; -webkit-transition: 0.2s all linear; -moz-transition: 0.2s all linear; -o-transition: 0.2s all linear; transition: 0.2s all linear; border: 1px solid #DB3944; text-align: center; background: #DB3944; line-height: 28px; font-size: 14px; color: rgba(255, 255, 255, 0.8); border-radius: 50%; } #back-to-top a:hover { background-color: #870500; color: #FFF; border-color: #870500; } @media only screen and (max-width: 1199px) {} @media only screen and (max-width: 991px) {} @media only screen and (max-width: 767px) { #back-to-top { bottom: 10px; right: 5px; } } @media (max-width: 479px) {} /** * Bootstrap Rating */ .rating-wrapper .rating-item { display: inline-block; line-height: 1.45; vertical-align: middle; font-size: 13px; } .rating-wrapper .texting { display: inline-block; line-height: 1.45; vertical-align: middle; font-size: 12px; letter-spacing: 0.5px; } .rating-wrapper .rating-item .rating-symbol { margin-right: 2px; } .rating-symbol-background { color: #D1D1D1; } .rating-symbol-foreground { color: #3277C0; } .rating-symbol-foreground span { display: block; } .rating-item .label { margin-left: 5px; padding-bottom: 1px; padding-top: 2px; } /** * Images Grid * https://github.com/taras-d/images-grid */ .imgs-grid { max-width: 800px; margin: 0 auto; font-size: 0 } .imgs-grid.imgs-grid-1 .imgs-grid-image { width: 100%; text-align: center } .imgs-grid.imgs-grid-2 .imgs-grid-image, .imgs-grid.imgs-grid-4 .imgs-grid-image { width: 50% } .imgs-grid.imgs-grid-3 .imgs-grid-image, .imgs-grid.imgs-grid-6 .imgs-grid-image { width: 33.333333333333% } .imgs-grid.imgs-grid-5 .imgs-grid-image:nth-child(1), .imgs-grid.imgs-grid-5 .imgs-grid-image:nth-child(2), .imgs-grid.imgs-grid-5 .imgs-grid-image:nth-child(3) { width: 33.333333333333% } .imgs-grid.imgs-grid-5 .imgs-grid-image:nth-child(4), .imgs-grid.imgs-grid-5 .imgs-grid-image:nth-child(5) { width: 50% } .imgs-grid .imgs-grid-image { position: relative; display: inline-block; padding: 1px; box-sizing: border-box } .imgs-grid .imgs-grid-image:hover { cursor: pointer } .imgs-grid .imgs-grid-image .image-wrap { position: relative; display: inline-block; overflow: hidden; vertical-align: middle } .imgs-grid .imgs-grid-image .image-wrap img { position: relative; width: 100%; height: auto; margin: 0 } .imgs-grid .imgs-grid-image .view-all { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center } .imgs-grid .imgs-grid-image .view-all:before { display: inline-block; content: ""; vertical-align: middle; height: 100% } .imgs-grid .imgs-grid-image .view-all:hover { cursor: pointer } .imgs-grid .imgs-grid-image .view-all:hover .view-all-text { text-decoration: underline } .imgs-grid .imgs-grid-image .view-all .view-all-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .4 } .imgs-grid .imgs-grid-image .view-all .view-all-text { position: relative; font-size: 16px; font-family: sans-serif; color: #fff } @media (max-width: 350px) { .imgs-grid .imgs-grid-image .view-all .view-all-text { font-size: 10px } } .imgs-grid-modal { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; opacity: 0; z-index: 999999; -webkit-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -o-user-select: none; user-select: none } .imgs-grid-modal .modal-caption { padding: 30px 50px; text-align: center; color: #fff } .imgs-grid-modal .modal-close { position: absolute; right: 10px; top: 10px; width: 35px; height: 35px; background-image: url(images/imgs-grid-icons.png); background-repeat: no-repeat; background-position: -100px } .imgs-grid-modal .modal-close:hover { cursor: pointer } .imgs-grid-modal .modal-inner { position: absolute; top: 60px; bottom: 60px; left: 0; right: 0 } .imgs-grid-modal .modal-inner .modal-control { position: absolute; top: 0; bottom: 0; width: 70px } .imgs-grid-modal .modal-inner .modal-control:hover { cursor: pointer } .imgs-grid-modal .modal-inner .modal-control.left { left: 0 } .imgs-grid-modal .modal-inner .modal-control.right { right: 0 } .imgs-grid-modal .modal-inner .modal-control .arrow { margin: 0 auto; height: 100%; width: 40px; background-repeat: no-repeat; background-image: url(images/imgs-grid-icons.png) } .imgs-grid-modal .modal-inner .modal-control .arrow.left { background-position: 2px center } .imgs-grid-modal .modal-inner .modal-control .arrow.right { background-position: -42px center } .imgs-grid-modal .modal-inner .modal-image { position: absolute; top: 0; left: 70px; right: 70px; bottom: 0; text-align: center } .imgs-grid-modal .modal-inner .modal-image:before { display: inline-block; content: ""; vertical-align: middle; height: 100% } .imgs-grid-modal .modal-inner .modal-image img { max-width: 100%; max-height: 100%; vertical-align: middle; display: inline; } .imgs-grid-modal .modal-inner .modal-image img:hover { cursor: pointer } @media (max-width: 800px) { .imgs-grid-modal .modal-inner .modal-control { width: 40px } .imgs-grid-modal .modal-inner .modal-control .arrow { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7) } .imgs-grid-modal .modal-inner .modal-image { left: 0; right: 0 } } .imgs-grid-modal .modal-indicator { position: absolute; bottom: 0; height: 60px; width: 100%; text-align: center } .imgs-grid-modal .modal-indicator ul { margin: 0; padding: 0 } .imgs-grid-modal .modal-indicator ul li { display: inline-block; width: 12px; height: 12px; border: 1px solid #fff; box-sizing: border-box; border-radius: 100%; margin: 0 1px; vertical-align: middle } .imgs-grid-modal .modal-indicator ul li:hover { cursor: pointer } .imgs-grid-modal .modal-indicator ul li.selected { background-color: #fff; width: 14px; height: 14px; margin: 0 } /* Customize */ .imgs-grid { width: 100%; max-width: 100%; } .imgs-grid-modal .modal-inner .modal-image img { display: display; width: auto; } /** * Circle Progress Bar */ .progress-radial, .progress-radial * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .progress-radial { position: relative; border-radius: 50% } .progress-radial .overlay { position: absolute; width: 80%; background: #493436; border-radius: 50%; font-size: 14px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #FFF; } .progress-0 { background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(0deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(90deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-1 { background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(356.4deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(93.6deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-2 { background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(352.8deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(97.2deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-3 { background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(349.2deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(100.8deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-4 { background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(345.6deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(104.4deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-5 { background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(342deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(108deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-10 { background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(324deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(126deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-15 { background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(306deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(144deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-20 { background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(288deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(162deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-25 { background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(270deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(180deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-30 { background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(252deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(198deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-35 { background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(234deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(216deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-40 { background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(216deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(234deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-45 { background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(198deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(252deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-50 { background-image: -webkit-linear-gradient(180deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(-90deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-55 { background-image: -webkit-linear-gradient(162deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(-72deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-60 { background-image: -webkit-linear-gradient(144deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(-54deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-65 { background-image: -webkit-linear-gradient(126deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(-36deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-70 { background-image: -webkit-linear-gradient(108deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(-18deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-75 { background-image: -webkit-linear-gradient(90deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(0deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-80 { background-image: -webkit-linear-gradient(72deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(18deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-85 { background-image: -webkit-linear-gradient(54deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(36deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-90 { background-image: -webkit-linear-gradient(36deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(54deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-95 { background-image: -webkit-linear-gradient(18deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(72deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-100 { background-image: -webkit-linear-gradient(0deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9); background-image: linear-gradient(90deg, #DB3944 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #DB3944 50%, #D9D9D9 50%, #D9D9D9) } .progress-radial-inner { position: absolute; top: 0; left: 0; text-align: center; line-height: 1.2; border-radius: 50%; display: table; } .progress-radial-inner .caption { display: table-cell; vertical-align: middle; } .progress-radial-md { width: 70px; height: 70px; margin: 0; } .progress-radial-md .overlay { width: 60px; height: 60px; font-size: 20px; font-weight: 400; } .progress-radial-md .progress-radial-inner { width: 60px; height: 60px; } .progress-radial-sm { width: 46px; height: 46px; margin: 0; } .progress-radial-sm .overlay { width: 38px; height: 38px; } .progress-radial-sm .progress-radial-inner { width: 38px; height: 38px; } @media only screen and (max-width: 1199px) {} @media only screen and (max-width: 991px) {} @media only screen and (max-width: 767px) {} @media (max-width: 479px) {} /* Ion.RangeSlider // css version 2.0.3 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0.0); z-index: 2; } .irs-disabled { opacity: 0.4; } .lt-ie9 .irs-disabled { filter: alpha(opacity=40); } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs-slider.state_hover, .irs-slider:hover { cursor: pointer; } /* Ion.RangeSlider, Modern Skin // css version 2.0.3 // © Denis Ineshin, 2014 https://github.com/IonDen // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider { background: url(images/ion.rangeSlider/sprite-skin-modern.png) repeat-x; } .irs { height: 50px; } .irs-with-grid { height: 70px; } .irs-line { height: 6px; top: 25px; } .irs-line-left { height: 6px; background-position: 0 -30px; } .irs-line-mid { height: 6px; background-position: 0 0; } .irs-line-right { height: 6px; background-position: 100% -30px; } .irs-bar { height: 6px; top: 25px; background-position: 0 -60px; } .irs-bar-edge { top: 25px; height: 6px; width: 6px; background-position: 0 -90px; } .irs-shadow { height: 5px; top: 25px; background: #000; opacity: 0.25; } .lt-ie9 .irs-shadow { filter: alpha(opacity=25); } .irs-slider { width: 11px; height: 18px; top: 31px; background-position: 0 -120px; } .irs-slider.state_hover, .irs-slider:hover { background-position: 0 -150px; } .irs-min, .irs-max { color: #777; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: #e1e4e9; -moz-border-radius: 2px; border-radius: 2px; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #DB3944; -moz-border-radius: 2px; border-radius: 2px; } .irs-from:after, .irs-to:after, .irs-single:after { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #DB3944; } .irs-grid { height: 34px; } .irs-grid-pol { background: #c0c0c0; } .irs-grid-text { bottom: 12px; color: #777; } /* * multiple sticky by bootstrap scrollspy */ #scrollspy-nav { padding: 0; margin: 0 } #scrollspy-nav li { float: left } #scrollspy-nav a { -webkit-transition: .3s all ease-out; -moz-transition: .3s all ease-out; transition: .3s all ease-out; border-radius: 0 } #scrollspy-nav a:hover { color: #000 } #scrollspy-nav li.active a { color: #333 } .multiple-sticky { position: relative } .multiple-sticky .container { width: 100%; margin: 0; padding: 0; } .multiple-sticky.fixed { position: fixed; top: 50px; left: 0; width: 100%; box-sizing: border-box; z-index: 1111 } .multiple-sticky .multiple-sticky-item { transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease } ul.multiple-sticky-nav { margin: 0; padding: 0; background: #FFF; border: 3px double #EBE9E8; } ul.multiple-sticky-nav > li { display: inline-block; margin: 0; padding: 0; border-left: 3px double transparent; border-right: 3px double transparent; } ul.multiple-sticky-nav > li a { padding: 15px 10px; line-height: 1; display: block; position: relative; border: 1px solid transparent; border-top: 0; padding-top: 16px; margin-bottom: -1px; color: #5d5d5d; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; font-weight: 400; } ul.multiple-sticky-nav > li a:hover { color: #D60D45 } .multiple-sticky.fixed { background: #FFF; border-bottom: 3px double #EBE9E8; border-top: 3px double #EBE9E8; } .multiple-sticky.fixed .multiple-sticky-container { width: 100%; margin: 0 auto; padding-left: 30px; padding-right: 30px } .multiple-sticky.fixed .multiple-sticky-container.boxed { width: 1170px; padding-left: 15px; padding-right: 15px } .multiple-sticky.fixed .multiple-sticky-item { width: 100%; border: 0 } .multiple-sticky.fixed ul.multiple-sticky-nav { border: 0; padding: 0 } .multiple-sticky.fixed ul.multiple-sticky-nav > li.active { background: #FFF; border-left: 3px double #EBE9E8; border-right: 3px double #EBE9E8; } .multiple-sticky.fixed ul.multiple-sticky-nav > li.active a { color: #DB3944; background: #F3F2F1; position: relative; } .multiple-sticky.fixed ul.multiple-sticky-nav > li.active a:after { content: ""; position: absolute; bottom: -3px; left: -1px; right: -1px; height: 3px; background: #F3F2F1; } @media only screen and (max-width: 1199px) { .multiple-sticky.fixed .multiple-sticky-container.boxed { width: 970px; } } @media only screen and (max-width: 991px) { .multiple-sticky.fixed .multiple-sticky-container.boxed { width: 100%; } .multiple-sticky.fixed { top: 0; } } @media only screen and (max-width: 767px) { ul.multiple-sticky-nav > li a { font-size: 12px; } .multiple-sticky.fixed .multiple-sticky-container, .multiple-sticky.fixed .multiple-sticky-container.boxed { padding-left: 10px; padding-right: 10px } } @media (max-width: 479px) { ul.multiple-sticky-nav > li a { padding: 15px 5px; font-size: 10px; letter-spacing: 0.5px; font-weight: 500; } ul.multiple-sticky-nav > li { border-left: 0; border-right: 0; } .multiple-sticky.fixed ul.multiple-sticky-nav > li.active { border-left: 0; border-right: 0; } .multiple-sticky.fixed ul.multiple-sticky-nav > li.active a { background: #FFF; } } /** * Bootstrap3 wysihtml5 * http://waxolunist.github.io/bootstrap3-wysihtml5-bower/ */ ul.wysihtml5-toolbar { margin: 0; padding: 0; display: block } ul.wysihtml5-toolbar::after { clear: both; display: table; content: "" } ul.wysihtml5-toolbar>li { float: left; display: list-item; list-style: none; margin: 0 5px 10px 0 } ul.wysihtml5-toolbar a[data-wysihtml5-command=bold] { font-weight: 700 } ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] { font-style: italic } ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] { text-decoration: underline } ul.wysihtml5-toolbar a.btn.wysihtml5-command-active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05); background-color: #E6E6E6; background-color: #D9D9D9; outline: 0 } ul.wysihtml5-commands-disabled .dropdown-menu { display: none!important } ul.wysihtml5-toolbar div.wysihtml5-colors { display: block; width: 50px; height: 20px; margin-top: 2px; margin-left: 5px; position: absolute; pointer-events: none } ul.wysihtml5-toolbar a.wysihtml5-colors-title { padding-left: 70px } ul.wysihtml5-toolbar div[data-wysihtml5-command-value=black] { background: #000!important } ul.wysihtml5-toolbar div[data-wysihtml5-command-value=silver] { background: silver!important } ul.wysihtml5-toolbar div[data-wysihtml5-command-value=gray] { background: gray!important } ul.wysihtml5-toolbar div[data-wysihtml5-command-value=maroon] { background: maroon!important } ul.wysihtml5-toolbar div[data-wysihtml5-command-value=red] { background: red!important } ul.wysihtml5-toolbar div[data-wysihtml5-command-value=purple] { background: purple!important } ul.wysihtml5-toolbar div[data-wysihtml5-command-value=green] { background: green!important } ul.wysihtml5-toolbar div[data-wysihtml5-command-value=olive] { background: olive!important } ul.wysihtml5-toolbar div[data-wysihtml5-command-value=navy] { background: navy!important } ul.wysihtml5-toolbar div[data-wysihtml5-command-value=blue] { background: #00f!important } ul.wysihtml5-toolbar div[data-wysihtml5-command-value=orange] { background: orange!important } .glyphicon-quote:before { content: "\201C"; font-family: Georgia, serif; font-size: 50px; position: absolute; top: -4px; left: -3px; max-height: 100% } .glyphicon-quote:after { content: "\0000a0" } .bootstrap3-wysihtml5-wrapper .glyphicon-quote:before { font-size: 38px; top: -2px } /** Customized */ ul.wysihtml5-toolbar>li { margin-bottom: 5px; } ul.wysihtml5-toolbar a.btn { padding: 10px 12px 8px; background: rgba(255, 255, 255, 0.8); border: 1px solid #EBEBEB; } ul.wysihtml5-toolbar a.btn:hover { color: #DB3944; background: rgba(255, 255, 255, 0.95); } /*! * Bootstrap Tokenfield * https://github.com/sliptree/bootstrap-tokenfield * Copyright 2013-2014 Sliptree and other contributors; Licensed MIT /* General Typeahead styling, from http://jsfiddle.net/ragulka/Dy9au/1 */ .twitter-typeahead { width: 100%; position: relative; vertical-align: top } .twitter-typeahead .tt-input, .twitter-typeahead .tt-hint { margin: 0; width: 100%; vertical-align: middle; background-color: #fff } .twitter-typeahead .tt-hint { color: #999; z-index: 1; border: 1px solid transparent } .twitter-typeahead .tt-input { color: #555; z-index: 2 } .twitter-typeahead .tt-input, .twitter-typeahead .tt-hint { height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429 } .twitter-typeahead .input-sm.tt-input, .twitter-typeahead .hint-sm.tt-hint { border-radius: 3px } .twitter-typeahead .input-lg.tt-input, .twitter-typeahead .hint-lg.tt-hint { border-radius: 6px } .input-group .twitter-typeahead:first-child .tt-input, .input-group .twitter-typeahead:first-child .tt-hint { border-radius: 4px 0 0 4px!important } .input-group .twitter-typeahead:last-child .tt-input, .input-group .twitter-typeahead:last-child .tt-hint { border-radius: 0 4px 4px 0!important } .input-group.input-group-sm .twitter-typeahead:first-child .tt-input, .input-group.input-group-sm .twitter-typeahead:first-child .tt-hint { border-radius: 3px 0 0 3px!important } .input-group.input-group-sm .twitter-typeahead:last-child .tt-input, .input-group.input-group-sm .twitter-typeahead:last-child .tt-hint { border-radius: 0 3px 3px 0!important } .input-sm.tt-input, .hint-sm.tt-hint, .input-group.input-group-sm .tt-input, .input-group.input-group-sm .tt-hint { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5 } .input-group.input-group-lg .twitter-typeahead:first-child .tt-input, .input-group.input-group-lg .twitter-typeahead:first-child .tt-hint { border-radius: 6px 0 0 6px!important } .input-group.input-group-lg .twitter-typeahead:last-child .tt-input, .input-group.input-group-lg .twitter-typeahead:last-child .tt-hint { border-radius: 0 6px 6px 0!important } .input-lg.tt-input, .hint-lg.tt-hint, .input-group.input-group-lg .tt-input, .input-group.input-group-lg .tt-hint { height: 45px; padding: 10px 16px; font-size: 18px; line-height: 1.33 } .tt-dropdown-menu { width: 100%; min-width: 160px; margin-top: 2px; padding: 5px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); *border-right-width: 2px; *border-bottom-width: 2px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box } .tt-suggestion { display: block; padding: 3px 20px } .tt-suggestion.tt-cursor { color: #262626; background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0) } .tt-suggestion.tt-cursor a { color: #fff } .tt-suggestion p { margin: 0 } .tokenfield .twitter-typeahead { width: auto } .tokenfield .twitter-typeahead .tt-hint { padding: 0; height: 20px } .tokenfield.input-sm .twitter-typeahead .tt-input, .tokenfield.input-sm .twitter-typeahead .tt-hint { height: 18px; font-size: 12px; line-height: 1.5 } .tokenfield.input-lg .twitter-typeahead .tt-input, .tokenfield.input-lg .twitter-typeahead .tt-hint { height: 23px; font-size: 18px; line-height: 1.33 } .tokenfield .twitter-typeahead .tt-suggestions { font-size: 14px } /*! * bootstrap-tokenfield * https://github.com/sliptree/bootstrap-tokenfield * Copyright 2013-2014 Sliptree and other contributors; Licensed MIT */ @-webkit-keyframes blink { 0% { border-color: #ededed } 100% { border-color: #b94a48 } } @-moz-keyframes blink { 0% { border-color: #ededed } 100% { border-color: #b94a48 } } @keyframes blink { 0% { border-color: #ededed } 100% { border-color: #b94a48 } } .tokenfield { height: auto; min-height: 34px; padding-bottom: 0 } .tokenfield.focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) } .tokenfield .token { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; border: 1px solid #d9d9d9; background-color: #ededed; white-space: nowrap; margin: -1px 5px 5px 0; height: 22px; vertical-align: top; cursor: default } .tokenfield .token:hover { border-color: #b9b9b9 } .tokenfield .token.active { border-color: #52a8ec; border-color: rgba(82, 168, 236, 0.8) } .tokenfield .token.duplicate { border-color: #ebccd1; -webkit-animation-name: blink; animation-name: blink; -webkit-animation-duration: .1s; animation-duration: .1s; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .tokenfield .token.invalid { background: none; border: 1px solid transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-bottom: 1px dotted #d9534f } .tokenfield .token.invalid.active { background: #ededed; border: 1px solid #ededed; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .tokenfield .token .token-label { display: inline-block; overflow: hidden; text-overflow: ellipsis; padding-left: 4px; vertical-align: top } .tokenfield .token .close { font-family: Arial; display: inline-block; line-height: 100%; font-size: 1.1em; line-height: 1.49em; margin-left: 5px; float: none; height: 100%; vertical-align: top; padding-right: 4px } .tokenfield .token-input { background: none; width: 60px; min-width: 60px; border: 0; height: 20px; padding: 0; margin-bottom: 6px; -webkit-box-shadow: none; box-shadow: none } .tokenfield .token-input:focus { border-color: transparent; outline: 0; -webkit-box-shadow: none; box-shadow: none } .tokenfield.disabled { cursor: not-allowed; background-color: #eee } .tokenfield.disabled .token-input { cursor: not-allowed } .tokenfield.disabled .token:hover { cursor: not-allowed; border-color: #d9d9d9 } .tokenfield.disabled .token:hover .close { cursor: not-allowed; opacity: .2; filter: alpha(opacity=20) } .has-warning .tokenfield.focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b } .has-error .tokenfield.focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483 } .has-success .tokenfield.focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168 } .tokenfield.input-sm, .input-group-sm .tokenfield { min-height: 30px; padding-bottom: 0 } .input-group-sm .token, .tokenfield.input-sm .token { height: 20px; margin-bottom: 4px } .input-group-sm .token-input, .tokenfield.input-sm .token-input { height: 18px; margin-bottom: 5px } .tokenfield.input-lg, .input-group-lg .tokenfield { min-height: 45px; padding-bottom: 4px } .input-group-lg .token, .tokenfield.input-lg .token { height: 25px } .input-group-lg .token-label, .tokenfield.input-lg .token-label { line-height: 23px } .input-group-lg .token .close, .tokenfield.input-lg .token .close { line-height: 1.3em } .input-group-lg .token-input, .tokenfield.input-lg .token-input { height: 23px; line-height: 23px; margin-bottom: 6px; vertical-align: top } .tokenfield.rtl { direction: rtl; text-align: right } .tokenfield.rtl .token { margin: -1px 0 5px 5px } .tokenfield.rtl .token .token-label { padding-left: 0; padding-right: 4px } /* Dropzone - a custom file upload */ .dropzone, .dropzone *, .dropzone-previews, .dropzone-previews * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .dropzone { position: relative; border: 1px solid rgba(0, 0, 0, 0.08); background: rgba(0, 0, 0, 0.02); padding: 1em } .dropzone.dz-clickable { cursor: pointer } .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message span { cursor: pointer } .dropzone.dz-clickable * { cursor: default } .dropzone .dz-message { opacity: 1; -ms-filter: none; filter: none } .dropzone.dz-drag-hover { border-color: rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.04) } .dropzone.dz-started .dz-message { display: none } .dropzone .dz-preview, .dropzone-previews .dz-preview { background: rgba(255, 255, 255, 0.8); position: relative; display: inline-block; margin: 17px; vertical-align: top; border: 1px solid #acacac; padding: 6px } .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { display: none } .dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details { width: 100px; height: 100px; position: relative; background: #ebebeb; padding: 5px; margin-bottom: 22px } .dropzone .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename { overflow: hidden; height: 100% } .dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img { position: absolute; top: 0; left: 0; width: 100px; height: 100px } .dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size { position: absolute; bottom: -28px; left: 3px; height: 28px; line-height: 28px } .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark { display: block } .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark { display: block } .dropzone .dz-preview:hover .dz-details img, .dropzone-previews .dz-preview:hover .dz-details img { display: none } .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark { display: none; position: absolute; width: 40px; height: 40px; font-size: 30px; text-align: center; right: -10px; top: -10px } .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { color: #8cc657 } .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark { color: #ee162d } .dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress { position: absolute; top: 100px; left: 6px; right: 6px; height: 6px; background: #d7d7d7; display: none } .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 0; background-color: #8cc657 } .dropzone .dz-preview.dz-processing .dz-progress, .dropzone-previews .dz-preview.dz-processing .dz-progress { display: block } .dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message { display: none; position: absolute; top: -5px; left: -20px; background: rgba(245, 245, 245, 0.8); padding: 8px 10px; color: #800; min-width: 140px; max-width: 500px; z-index: 500 } .dropzone .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message { display: block } .dropzone { border: 1px solid rgba(0, 0, 0, 0.03); min-height: 360px; -webkit-border-radius: 3px; border-radius: 3px; background: rgba(0, 0, 0, 0.03); padding: 23px } .dropzone .dz-default.dz-message { opacity: 1; -ms-filter: none; filter: none; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; background-repeat: no-repeat; background-position: 0 0; position: absolute; width: 428px; height: 123px; margin-left: -214px; margin-top: -61.5px; top: 50%; left: 50% } @media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.51), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) { .dropzone .dz-default.dz-message { -webkit-background-size: 428px 406px; -moz-background-size: 428px 406px; background-size: 428px 406px } } .dropzone .dz-default.dz-message span { display: none } .dropzone.dz-square .dz-default.dz-message { background-position: 0 -123px; width: 268px; margin-left: -134px; height: 174px; margin-top: -87px } .dropzone.dz-drag-hover .dz-message { opacity: .15; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=15); filter: alpha(opacity=15) } .dropzone.dz-started .dz-message { display: block; opacity: 0; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0) } .dropzone .dz-preview, .dropzone-previews .dz-preview { -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16); font-size: 14px } .dropzone .dz-preview.dz-image-preview:hover .dz-details img, .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img { display: block; opacity: .1; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=10); filter: alpha(opacity=10) } .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark { opacity: 1; -ms-filter: none; filter: none } .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark { opacity: 1; -ms-filter: none; filter: none } .dropzone .dz-preview.dz-error .dz-progress .dz-upload, .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload { background: #ee1e2d } .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { display: block; opacity: 0; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; background-repeat: no-repeat } @media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.51), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) { .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { -webkit-background-size: 428px 406px; -moz-background-size: 428px 406px; background-size: 428px 406px } } .dropzone .dz-preview .dz-error-mark span, .dropzone-previews .dz-preview .dz-error-mark span, .dropzone .dz-preview .dz-success-mark span, .dropzone-previews .dz-preview .dz-success-mark span { display: none } .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark { background-position: -268px -123px } .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { background-position: -268px -163px } .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload { -webkit-animation: loading .4s linear infinite; -moz-animation: loading .4s linear infinite; -o-animation: loading .4s linear infinite; -ms-animation: loading .4s linear infinite; animation: loading .4s linear infinite; -webkit-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; -o-transition: width .3s ease-in-out; -ms-transition: width .3s ease-in-out; transition: width .3s ease-in-out; -webkit-border-radius: 2px; border-radius: 2px; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-repeat: repeat-x; background-position: 0 -400px } @media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.51), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) { .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload { -webkit-background-size: 428px 406px; -moz-background-size: 428px 406px; background-size: 428px 406px } } .dropzone .dz-preview.dz-success .dz-progress, .dropzone-previews .dz-preview.dz-success .dz-progress { display: block; opacity: 0; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out } .dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message { display: block; opacity: 0; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } .dropzone .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message { opacity: 1; -ms-filter: none; filter: none } .dropzone a.dz-remove, .dropzone-previews a.dz-remove { background-image: -webkit-linear-gradient(top, #fafafa, #eee); background-image: -moz-linear-gradient(top, #fafafa, #eee); background-image: -o-linear-gradient(top, #fafafa, #eee); background-image: -ms-linear-gradient(top, #fafafa, #eee); background-image: linear-gradient(to bottom, #fafafa, #eee); -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #eee; text-decoration: none; display: block; padding: 4px 5px; text-align: center; color: #aaa; margin-top: 26px } .dropzone a.dz-remove:hover, .dropzone-previews a.dz-remove:hover { color: #666 } @-moz-keyframes loading { from { background-position: 0 -400px } to { background-position: -7px -400px } } @-webkit-keyframes loading { from { background-position: 0 -400px } to { background-position: -7px -400px } } @-o-keyframes loading { from { background-position: 0 -400px } to { background-position: -7px -400px } } @keyframes loading { from { background-position: 0 -400px } to { background-position: -7px -400px } } /** Customized */ .dropzone { -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: transparent; border: 2px dashed rgba(0, 0, 0, 0.1); min-height: 130px; padding: 20px } .dropzone:hover { border: 2px dashed rgba(0, 0, 0, 0.15) } .dropzone input[type="file"] { display: none } .dropzone a.dz-remove { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #fff; background-image: none; border: 2px solid rgba(0, 0, 0, 0.1); font-size: 11px; font-weight: 400; padding: 3px 4px; letter-spacing: 1px; } .dropzone a.dz-remove:hover { cursor: pointer; } .dropzone .dz-default.dz-message { display: table } .dropzone .dz-default.dz-message span { color: #DB3944; font-weight: 700; display: table-cell; vertical-align: middle; text-align: center } .dropzone .dz-preview { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; background-color: #f4f4f2; margin: 10px } .dropzone .dz-preview .dz-details img { -moz-transition: .3s; -webkit-transition: .3s; transition: .3s } .dropzone .dz-preview .dz-details .dz-size { font-size: 12px } .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'fontawesome'; speak: none; font-weight: 400; font-variant: normal; line-height: 1; text-transform: none; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #fff; height: 22px; width: 22px; font-size: 13px; line-height: 20px } .dropzone .dz-preview .dz-success-mark:after { color: green; content: "\f00c" } .dropzone .dz-preview .dz-error-mark:after { color: red; content: "\f00d" } .dropzone.profile-picture { padding: 0 } .dropzone.profile-picture > img { position: relative; z-index: -2 } .dropzone.profile-picture .dz-default.dz-message { background-color: rgba(255, 255, 255, 0.9); bottom: 0; height: auto; margin: 0; left: inherit; top: inherit; padding: 10px 0; width: 100% } .dropzone.profile-picture .dz-default.dz-message span { color: #474747; font-size: 12px } .dropzone.profile-picture.dz-started > img { display: none } .dropzone.profile-picture .dz-image-preview { background-color: transparent; margin: 0; padding: 0; width: 100% } .dropzone.profile-picture .dz-image-preview .dz-details { padding: 0 } .expandable-content { -moz-transition: .4s; -webkit-transition: .4s; transition: .4s } .dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message { display: none; position: absolute; top: 25px; left: -12px; background: rgba(0, 0, 0, 0.7); padding: 8px 10px; color: #FFF; min-width: 140px; max-width: 500px; z-index: 0 } /* * Timepicker stylesheet * Highly inspired from datepicker * FG - Nov 2010 - Web3R * * version 0.0.3 : Fixed some settings, more dynamic * version 0.0.4 : Removed width:100% on tables * version 0.1.1 : set width 0 on tables to fix an ie6 bug */ .ui-timepicker-inline { display: inline; } #ui-timepicker-div { padding: 0.2em; } .ui-timepicker-table { display: inline-table; width: 0; } .ui-timepicker-table table { margin: 0.15em 0 0 0; border-collapse: collapse; } .ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em; } .ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; } .ui-timepicker-table td { padding: 0.1em; width: 2.2em; } .ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; } /* span for disabled cells */ .ui-timepicker-table td span { display: block; padding: .2em .3em .2em .5em; width: 1.2em; text-align: right; text-decoration: none } /* anchors for clickable cells */ .ui-timepicker-table td a { display: block; padding: .2em .3em .2em .5em; width: 1.2em; cursor: pointer; text-align: right; text-decoration: none } /* buttons and button pane styling */ .ui-timepicker .ui-timepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } /* The close button */ .ui-timepicker .ui-timepicker-close { float: right } /* the now button */ .ui-timepicker .ui-timepicker-now { float: left; } /* the deselect button */ .ui-timepicker .ui-timepicker-deselect { float: left; } .page-fade-out { -webkit-animation: animation-fade-out .2s forwards; animation: animation-fade-out .2s forwards } .page-fade-in { -webkit-animation: animation-fade-in 1s forwards; animation: animation-fade-in 1s forwards } #ui-timepicker-div { -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); background-color: #fff; padding: 0; margin-top: 5px; } .ui-timepicker-table.table { padding: 0; } table.ui-timepicker-table { margin: 0 } table.ui-timepicker-table th.periods { padding-right: 10px } table.ui-timepicker-table td { padding: inherit; width: inherit } table.ui-timepicker-table td a { padding: 0; width: inherit; line-height: 25px; font-size: 13px; font-weight: 400; letter-spacing: 0.3px; border-radius: 50%; width: 24px; height: 24px; display: block; text-align: center; margin: 2px; } table.ui-timepicker-table td a.ui-state-hover, table.ui-timepicker-table td a.ui-state-active { background-color: #DB3944; color: #fff } table.ui-timepicker-table .ui-timepicker-hours { padding: 15px 20px; border: 1px solid #CCCBCA; } table.ui-timepicker-table .ui-timepicker-minutes { padding: 15px 20px; border: 1px solid #CCCBCA; } .ui-timepicker-table .ui-timepicker-title { line-height: 1; text-align: left; font-family: 'Oswald', sans-serif; font-size: 12px; line-height: 22px; letter-spacing: 3px; color: #333; font-weight: 400; text-transform: uppercase; border-bottom: 3px double #F3F2F1; margin-bottom: 10px; padding-bottom: 5px; } /*! * Bootstrap Modal * * Copyright Jordan Schroter * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .modal-open { overflow: hidden } .modal-open.page-overflow .page-container, .modal-open.page-overflow .page-container .navbar-fixed-top, .modal-open.page-overflow .page-container .navbar-fixed-bottom, .modal-open.page-overflow .modal-scrollable, .modal-open.page-overflow .container-wrapper, .modal-open.page-overflow .container-wrapper .navbar-fixed-top, .modal-open.page-overflow .container-wrapper .navbar-fixed-bottom, .modal-open.page-overflow .modal-scrollable { overflow-y: scroll } @media (max-width: 979px) { .modal-open.page-overflow .page-container .navbar-fixed-top, .modal-open.page-overflow .page-container .navbar-fixed-bottom { overflow-y: visible } } .modal-scrollable { position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: auto } .modal { outline: none; position: fixed; margin-top: 0; top: 50%; overflow: hidden; } .modal.fade { top: -100%; -webkit-transition: opacity .3s linear, top .3s ease-out, bottom .3s ease-out, margin-top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out, bottom .3s ease-out, margin-top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out, bottom .3s ease-out, margin-top .3s ease-out; transition: opacity .3s linear, top .3s ease-out, bottom .3s ease-out, margin-top .3s ease-out } .modal.fade.in { top: 5% } .modal-body { max-height: none; overflow: visible } .modal.modal-absolute { position: absolute; z-index: 950 } .modal .loading-mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; border-radius: 6px } .modal-backdrop.modal-absolute { position: absolute; z-index: 940 } .modal-backdrop, .modal-backdrop.fade.in { opacity: .7; filter: alpha(opacity=70); background: #fff } .modal.container { width: 940px; margin-left: -470px } .modal-overflow.modal { top: 1% } .modal-overflow.modal.fade { top: -100% } .modal-overflow.modal.fade.in { top: 1% } .modal-overflow .modal-body { overflow: auto; -webkit-overflow-scrolling: touch } @media (min-width: 1200px) { .modal.container { width: 1170px; margin-left: -585px } } @media (max-width: 979px) { .modal, .modal.container, .modal.modal-overflow { /* top: 1%; right: 1%; left: 1%; bottom: auto; width: auto!important; height: auto!important; margin: 0!important;*/ padding: 0!important } .modal.fade.in, .modal.container.fade.in, .modal.modal-overflow.fade.in { top: 1%; bottom: auto; max-height:100%; } .modal-body, .modal-overflow .modal-body { position: static; margin: 0; height: auto!important; max-height: none!important; overflow: visible!important } .modal-footer, .modal-overflow .modal-footer { position: static } } .loading-spinner { position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px) } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px) } } @-moz-keyframes shake { 0%, 100% { -moz-transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px) } 20%, 40%, 60%, 80% { -moz-transform: translateX(10px) } } @-o-keyframes shake { 0%, 100% { -o-transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px) } 20%, 40%, 60%, 80% { -o-transform: translateX(10px) } } @keyframes shake { 0%, 100% { transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px) } 20%, 40%, 60%, 80% { transform: translateX(10px) } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake } /*! * Bootstrap Modal * * Copyright Jordan Schroter * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Boostrap 3 patch for for bootstrap-modal. Include BEFORE bootstrap-modal.css! */ body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { margin-right: 0 } .modal { /* left: 50%; bottom: auto; right: auto; z-index: 1050; padding: 0; width: 500px; margin-left: -250px;*/ background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; max-width:650px; margin:0 auto; } .modal.container { max-width: none } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040 } /* customized */ .modal-backdrop, .modal-backdrop.fade.in { opacity: .8; filter: alpha(opacity=80); background: #000 } .loading-spinner { width: 120px !important; margin-left: -60px !important; } .loading-spinner .progress.progress-striped.active { background: none !important; border-radius: 0; background-image: url("images/ajax-loading.gif") !important; width: 120px; height: 15px; } /** * Instagram */ .instagram-wrapper { margin: 0; overflow: hidden } .instagram { overflow: hidden; width: 100%; margin: 0 auto; } .instagram-placeholder { float: left; padding: 0; width: 20%; position: relative; padding: 1px; } .instagram-placeholder:hover { opacity: .8; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease } .instagram-image { display: block; position: relative } .instagram-follow { line-height: 1; margin-top: 15px; } .instagram-follow .icon { width: 30px; height: 30px; display: inline-block; vertical-align: middle; background: #D6D5D4; border-radius: 50%; text-align: center; line-height: 30px; font-size: 18px; margin-right: 5px; } .instagram-long .instagram-placeholder { float: left; padding: 0; width: 12.5%; position: relative; padding: 0; } @media only screen and (max-width: 991px) { .instagram-wrapper { margin-left: -1px; margin-right: -1px } .instagram-placeholder { padding: 1px } } @media (max-width: 767px) { .instagram-placeholder, .instagram-long .instagram-placeholder { width: 25%; } } @media (max-width: 479px) {} /** * Slick - a carousel plugin */ /* Slider */ .slick-slider { position:relative; display:block; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block } .slick-track:before, .slick-track:after { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir='rtl'] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } /* Slider */ .slick-loading .slick-list { background: #fff url(images/slick-loader.gif) center center no-repeat } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 24px; height: 24px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; line-height: 20px; text-align: center } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1 } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0 } .slick-prev:before, .slick-next:before { font-family: 'Rivolicons-Free'; font-size: 18px; line-height: 1; opacity: .3; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0 1px; background: #333; color: #FFF; width: 24px; height: 24px; display: block; line-height: 24px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .slick-prev { left: 0 } [dir='rtl'] .slick-prev { right: 0; left: auto } .slick-prev:before { content: '\e60f' } [dir='rtl'] .slick-prev:before { content: '\e60f' } .slick-next { right: 0 } [dir='rtl'] .slick-next { right: auto; left: 0 } .slick-next:before { content: '\e611' } [dir='rtl'] .slick-next:before { content: '\e611' } /* Dots */ .slick-slider { margin: 0 } .slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center } .slick-dots li { position: relative; display: inline-block; width: 16px; height: 16px; margin: 0; padding: 0; cursor: pointer } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 16px; height: 16px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent } .slick-dots li button:hover, .slick-dots li button:focus { outline: none } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1 } .slick-dots li button:before { position: absolute; top: 0; left: 0; width: 10px; height: 10px; content: ''; opacity: .25; background: #000; border-radius: 50% } .slick-dots li.slick-active button:before { opacity: .75; background: #000 } .slick-slide .image { padding: 2px } .slick-slide img { display: block; width: 100% } .slick-slide img.slick-loading { border: 0 } .slider h3 { color: #fff; font-size: 36px; line-height: 100px; margin: 10px; padding: 2%; position: relative; text-align: center } .variable-width .slick-slide p { height: 100px; color: #FFF; margin: 5px; line-height: 100px } .variable-width .image { height: 100% } .variable-width .image img { display: block; height: 100%; width: 100% } .slick-center-mode .slick-center h3 { -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); -webkit-transform: scale(1.08); color: #e67e22; opacity: 1; transform: scale(1.08) } .slick-center h3 { opacity: .8; transition: all 300ms ease } .slick-content { margin: auto; padding: 20px; width: 600px } .slick-content:after, .buttons::after { clear: both; content: ""; display: table } .slick-center-mode .slick-center .image { -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); -webkit-transform: scale(1.08); color: #e67e22; opacity: 1; transform: scale(1.08) } .slick-center-mode .image { opacity: .3; transition: all 300ms ease; padding: 10px } .slick-center-mode .image:hover { cursor: pointer } .slick-content { margin: auto; padding: 20px; width: 600px } .slick-content:after, .buttons::after { clear: both; content: ""; display: table } .slick-center-mode img { border: 2px solid #FFF; display: block; width: 100% } /* Slick Override */ .slick-slide .image { padding: 0 } /* Slick Carousel Gap */ .slick-carousel.gap-2 { margin-left: -1px; margin-right: -1px } .slick-carousel.gap-2 .slick-carousel-inner { padding-left: 1px; padding-right: 1px } .slick-carousel.gap-5 { margin-left: -2px; margin-right: -3px } .slick-carousel.gap-5 .slick-carousel-inner { padding-left: 2px; padding-right: 3px } .slick-carousel.gap-10 { margin-left: -5px; margin-right: -5px } .slick-carousel.gap-10 .slick-carousel-inner { padding-left: 5px; padding-right: 5px } .slick-carousel.gap-15 { margin-left: -7px; margin-right: -8px } .slick-carousel.gap-15 .slick-carousel-inner { padding-left: 7px; padding-right: 8px } .slick-carousel.gap-20 { margin-left: -10px; margin-right: -10px } .slick-carousel.gap-20 .slick-carousel-inner { padding-left: 10px; padding-right: 10px } .slick-carousel.gap-25 { margin-left: -12px; margin-right: -13px } .slick-carousel.gap-25 .slick-carousel-inner { padding-left: 12px; padding-right: 13px } .slick-carousel.gap-30 { margin-left: -15px; margin-right: -15px } .slick-carousel.gap-30 .slick-carousel-inner { padding-left: 15px; padding-right: 15px } .slick-carousel.gap-40 { margin-left: -20px; margin-right: -20px } .slick-carousel.gap-40 .slick-carousel-inner { padding-left: 20px; padding-right: 20px } .slick-carousel.gap-50 { margin-left: -25px; margin-right: -25px } .slick-carousel.gap-50 .slick-carousel-inner { padding-left: 25px; padding-right: 25px } /* Slick Carousel Center Mode */ .slick-carousel-center-mode { margin-left: -40px; margin-right: -40px } .slick-carousel-center-mode .slick-carousel-inner { margin: 40px; -webkit-transition: all .3s ease-in-out 0; -moz-transition: all .3s ease-in-out 0; -ms-transition: all .3s ease-in-out 0; -o-transition: all .3s ease-in-out 0; transition: all .3s ease-in-out 0 } .slick-carousel-center-mode .slick-center .slick-carousel-inner { margin: 0; margin-left: -10px; margin-right: -10px } .slick-carousel-center-mode .slick-dots { bottom: -50px } /* Slick Carousel Gallery */ .slick-gallery-slideshow .slick-prev { left: 10px; padding-left: 1px } .slick-gallery-slideshow .slick-next { right: 10px; padding-left: 1px } .slick-gallery-slideshow .slick-prev:before, .slick-gallery-slideshow .slick-next:before { color: #FFF; opacity: .7 } .slick-gallery-slideshow .slick-prev:hover:before, .slick-gallery-slideshow .slick-prev:focus:before, .slick-gallery-slideshow .slick-next:hover:before, .slick-gallery-slideshow .slick-next:focus:before { opacity: 1 } .gallery-slideshow { margin-bottom: 1px } .gallery-slideshow .image { padding: 0 } .gallery-nav .image { padding: 0; border: 1px solid transparent; opacity: 1; transition: all 300ms ease; position: relative } .gallery-nav .image:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); -webkit-transition: all .3s ease-in-out 0; -moz-transition: all .3s ease-in-out 0; -ms-transition: all .3s ease-in-out 0; -o-transition: all .3s ease-in-out 0; transition: all .3s ease-in-out 0 } .gallery-nav .slick-center .image { transform:none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none } .gallery-nav .slick-center .image:after { background: rgba(0, 0, 0, 0) } .gallery-nav .image:hover { cursor: pointer } .slick-slider-center-mode .slick-item { position: relative } .slick-slider-center-mode .slick-item .image { position: relative; padding: 0 } .slick-slider-center-mode .slick-item .image:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); -webkit-transition: all .3s ease-in-out 0; -moz-transition: all .3s ease-in-out 0; -ms-transition: all .3s ease-in-out 0; -o-transition: all .3s ease-in-out 0; transition: all .3s ease-in-out 0 } .slick-slider-center-mode .slick-center.slick-item .image:after { background: rgba(0, 0, 0, 0) } .slick-slider-center-mode .slick-item .image:hover { cursor: pointer } .slick-slider-center-mode.slick-slider-full .slick-item .image:after { display: none } .slick-slider-center-mode.gap-2 .slick-item { padding: 0 1px } .slick-slider-center-mode .slick-prev { left: 30px } .slick-slider-center-mode .slick-next { right: 30px } .slick-slider-center-mode .slick-prev:before, .slick-slider-center-mode .slick-next:before { color: #FFF; opacity: .7 } .slick-slider-center-mode .slick-prev:hover:before, .slick-slider-center-mode .slick-prev:focus:before, .slick-slider-center-mode .slick-next:hover:before, .slick-slider-center-mode .slick-next:focus:before { opacity: 1 } .slick-slider-center-mode.slick-slider-full .slick-prev { left: 15px } .slick-slider-center-mode.slick-slider-full .slick-next { right: 15px } .slick-slider-center-mode.slick-slider-full .image.image-bg { height: 660px; background-size: cover!important; background-position: center center } .slick-slider-center-mode .slick-caption { position: absolute; top: 20px; left: 20px; font-weight: 700; color: rgba(255, 255, 255, 0.3) } .slick-slider-center-mode .slick-center .slick-caption { color: rgba(255, 255, 255, 1) } /* Slick Carousel Wariable width */ .variable-width .image { padding: 0; border: 1px solid transparent; opacity: .5; transition: all 300ms ease } .variable-width .slick-center .image { transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; opacity: 1; border-color: red } .variable-width .image:hover { cursor: pointer } /* Slick Carousel Animation */ .slick-animation .animation { display: inline-block; opacity: 0; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; display: inline-block; opacity: 0; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .slick-animation .transitionDelay1 { -webkit-transition-delay: .1s; transition-delay: .1s } .slick-animation .transitionDelay2 { -webkit-transition-delay: .2s; transition-delay: .2s } .slick-animation .transitionDelay3 { -webkit-transition-delay: .3s; transition-delay: .3s } .slick-animation .transitionDelay4 { -webkit-transition-delay: .4s; transition-delay: .4s } .slick-animation .transitionDelay5 { -webkit-transition-delay: .5s; transition-delay: .5s } .slick-animation .transitionDelay6 { -webkit-transition-delay: .6s; transition-delay: .6s } .slick-animation .transitionDelay7 { -webkit-transition-delay: .7s; transition-delay: .7s } .slick-animation .transitionDelay8 { -webkit-transition-delay: .8s; transition-delay: .8s } .slick-animation .transitionDelay9 { -webkit-transition-delay: .9s; transition-delay: .9s } .slick-animation .transitionDelay10 { -webkit-transition-delay: 1s; transition-delay: 1s } .slick-animation .transitionDelay12 { -webkit-transition-delay: 1.2s; transition-delay: 1.2s } .slick-animation .transitionDelay14 { -webkit-transition-delay: 1.4s; transition-delay: 1.4s } .slick-animation .transitionDuration2 { -webkit-transition-duration: .2s; transition-duration: .2s } .slick-animation .transitionDuration4 { -webkit-transition-duration: .4s; transition-duration: .4s } .slick-animation .transitionDuration6 { -webkit-transition-duration: .6s; transition-duration: .6s } .slick-animation .transitionDuration8 { -webkit-transition-duration: .8s; transition-duration: .8s } .slick-animation .transitionDuration10 { -webkit-transition-duration: 1s; transition-duration: 1s } .slick-animation .transitionDuration12 { -webkit-transition-duration: 1.2s; transition-duration: 1.2s } .slick-animation .transitionDuration14 { -webkit-transition-duration: 1.4s; transition-duration: 1.4s } .slick-animation .transitionDuration16 { -webkit-transition-duration: 1.6s; transition-duration: 1.6s } .slick-animation .transitionDuration18 { -webkit-transition-duration: 1.8s; transition-duration: 1.8s } .slick-animation .transitionDuration20 { -webkit-transition-duration: 2s; transition-duration: 2s } .slick-animation .transitionDuration22 { -webkit-transition-duration: 2.2s; transition-duration: 2.2s } .slick-animation .transitionDuration24 { -webkit-transition-duration: 2.4s; transition-duration: 2.4s } .slick-animation .transitionDuration26 { -webkit-transition-duration: 2.6s; transition-duration: 2.6s } .slick-animation .fromTop { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%) } .slick-animation .fromBottom { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%) } .slick-animation .fromLeft { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%) } .slick-animation .fromRight { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%) } .slick-animation .slick-center .animation { opacity: 1 } .slick-animation .slick-center .fromTop { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%) } .slick-animation .slick-center .fromBottom { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%) } .slick-animation .slick-center .fromLeft { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%) } .slick-animation .slick-center .fromRight { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%) } /* Slick Carousel Banner Slider */ .slick-banner-slider-wrapper { overflow: hidden } .slick-banner-slider-wrapper .section-title h2 { color: #FFF } .slick-banner-slider-wrapper .section-title p { color: rgba(255, 255, 255, 0.7) } .slick-banner-slider-wrapper .image-bg { width: 100%; background-position: left top; background-size: cover; position: relative } .slick-banner-slider-wrapper .image-bg:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.85) } .slick-banner-slider-wrapper.relative .absolute { color: rgba(255, 255, 255, 0.85); width: 100%; z-index: 99; top: 50px } .slick-banner-slider-wrapper.relative .absolute .section-title-2 h2 { color: #FFF } /* Customized */ .slick-inner-dot .slick-dots { bottom: 50px } .slick-inner-dot .slick-dots li button:before { opacity: .45; background: #FFF } .slick-inner-dot .slick-dots li:hover button:before { opacity: .65; background: #FFF } .slick-inner-dot .slick-dots li.slick-active button:before { opacity: .95; background: #FFF } @media only screen and (max-width: 991px) { .slick-banner-slider-wrapper.relative .absolute { top: 70px } } @media (max-width: 767px) { .slick-banner-slider-wrapper.relative .absolute { top: 50px } .modal{ left:10% !important; right:10% !important; } } @media (max-width: 480px) { .modal{ left:5% !important; right:5% !important; } .slick-banner-slider-wrapper.relative .absolute { top: 40px } } /* Bootstrap Carousel Effect Ken Burns StyleSheet For Responsive Bootstrap Carousel Effect Ken Burns Author: Razboynik Author URI: http://filwebs.ru - https://github.com/filippovjegor/bootstrap-kenbruns-carousel Description: Bootstrap Carousel Effect Ken Burns Demo Scripts for Bootstrap Carousel and Animate.css article on SitePoint by Maria Antonietta Perna */ .kb_control_left, .kb_control_right { top: 50%; z-index: 2; opacity: 0; width: 55px; height: 55px; text-align: center; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s } .kb_wrapper:hover .kb_control_left, .kb_wrapper:hover .kb_control_right { opacity: .8 } .kb_icons { line-height: 50px; font-size: 34px!important; font-weight: 400!important } .kb_control_left { left: 1%!important } .kb_control_right { right: 1%!important } .kb_elastic { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } .kb_elastic .item { top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0!important; display: block!important; -webkit-transform: scale3d(2, 1, 2); transform: scale3d(2, 1, 2); -webkit-transition: -webkit-transform .7s ease-in-out 0s, opacity ease-in-out .7s; transition: transform .7s ease-in-out 0s, opacity ease-in-out .7s } .kb_elastic .item:first-child { top: auto; position: relative } .kb_elastic .item.active { opacity: 1; z-index: 2; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform .7s ease-in-out 0s, opacity ease-in-out .7s; transition: transform .7s ease-in-out 0s, opacity ease-in-out .7s } .kb_wrapper { overflow: hidden; max-height: 650px; background: #000; position: relative; } .kb_control_left, .kb_control_left:hover, .kb_control_left:active, .kb_control_left:focus, .kb_control_right, .kb_control_right:hover, .kb_control_right:active, .kb_control_right:focus { color: #000; border: 2px solid #fff; background: #fff!important } .kb_caption { left: 10%; width: 40%; bottom: 60%; text-align: left } .kb_caption_right { left: 50% } .kb_caption_center { float: none; margin: auto } .kb_caption h1 { color: #bf392b; background: #fff; font-size: 55px; font-weight: 300; text-align: center; text-shadow: none; padding: 5px 0 5px 15px; -webkit-animation-delay: 1s; animation-delay: 1s } .kb_caption h2 { color: #fff; font-size: 30px; text-align: center; text-shadow: none; padding-left: 15px; font-weight: 400; -webkit-animation-delay: 1.5s; animation-delay: 1.5s } .kb_overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 3; } .kb_wrapper>.carousel-inner>.item.img-bg, .kb_wrapper>.carousel-inner>.item>img, .kb_wrapper>.carousel-inner>.item>a>img { margin: auto; opacity: 0.8; width: 100%!important; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-animation: immortalkenburns 20000ms linear 0s infinite alternate; animation: immortalkenburns 20000ms linear 0s infinite alternate } .kb_wrapper>.carousel-inner>.item.img-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 600px; opacity: 0; } .kb_wrapper>.carousel-inner>.item.img-bg.active { opacity: 1; } @-webkit-keyframes immortalkenburns { 0% { -webkit-transform: scale(1); -webkit-transition: -webkit-transform 20000ms linear 0 } 100% { -webkit-transform: scale(1.2); -webkit-transition: -webkit-transform 20000ms linear 0 } } @-moz-keyframes immortalkenburns { 0% { -moz-transform: scale(1); -moz-transition: -moz-transform 20000ms linear 0 } 100% { -moz-transform: scale(1.2); -moz-transition: -moz-transform 20000ms linear 0 } } @-ms-keyframes immortalkenburns { 0% { -ms-transform: scale(1); -ms-transition: -ms-transform 20000ms linear 0 } 100% { -ms-transform: scale(1.2); -ms-transition: -ms-transform 20000ms linear 0 } } @-o-keyframes immortalkenburns { 0% { -o-transform: scale(1); -o-transition: -o-transform 20000ms linear 0 } 100% { -o-transform: scale(1.2); -o-transition: -o-transform 20000ms linear 0 } } @keyframes immortalkenburns { 0% { transform: scale(1); transition: transform 20000ms linear 0 } 100% { transform: scale(1.2); transition: transform 20000ms linear 0 } } @media only screen and (max-width: 480px) { .kb_control_left, .kb_control_right { border: 0 } .kb_icons { font-size: 18px!important } .kb_caption { left: 0; width: 100%; bottom: 25%; text-align: center } .kb_caption h1 { font-size: 25px } .kb_caption h2 { font-size: 20px } } @media(min-width:481px) and (max-width:600px) { .kb_control_left, .kb_control_right { border: 0 } .kb_caption { left: 0; width: 100%; bottom: 25%; text-align: center } } @media(min-width:601px) and (max-width:767px) { .kb_caption { left: 0; width: 100%; bottom: 25%; text-align: center } } @media(min-width:768px) and (max-width:991px) { .kb_caption { bottom: 25% } } @media(min-width:992px) and (max-width:1199px) { .kb_caption { bottom: 50% } } @media(max-width:600px) { .kb_control_left, .kb_control_left:hover, .kb_control_left:active, .kb_control_left:focus, .kb_control_right, .kb_control_right:hover, .kb_control_right:active, .kb_control_right:focus { border: none!important; background: transparent!important } } /* Customized */ /** * YoutubeBackground * https://github.com/rochestb/jQuery.YoutubeBackground */ .youtube-bg-wrapper { height: 510px; position: relative } .youtube-overlay { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1 } .top_box { position: relative; width: 100%; height: 100%; overflow: hidden } .top_box iframe { position: absolute; width: 400%; height: 200%; margin-left: -150%; margin-top: -20%; z-index: -99 } .top_box .title { position: absolute; left: 50%; top: 50%; width: 500px; height: 240px; margin-left: -250px; margin-top: -260px; text-indent: -9999px; background: url(../images/logo.png) no-repeat 0 0 } .top_box .btn_pop { position: absolute; left: 50%; top: 50%; width: 128px; height: 128px; margin-left: -64px; margin-top: -24px; background: url(../images/btn_pop.png) no-repeat 0 0; cursor: pointer } .top_box .btn_vol { position: absolute; right: 20px; top: 20px; width: 32px; height: 32px; background: url(images/volume.png) no-repeat; cursor: pointer } .top_box .btn_vol.on { background-position: 0 0 } .top_box .btn_vol.off { background-position: 0 -32px } .top_box .bg_dot { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(images/bg.png); z-index: -9 } /* navigation */ .top_box .control { position: absolute; left: 0; top: 50%; margin-top: 140px; width: 100%; text-align: center } .top_box .control li { display: inline-block; list-style: none; padding: 10px 14px; margin: 0 0 4px; border: 1px solid #FFF; border-radius: 8px; width: 100px; height: 22px; line-height: 22px; font-size: 14px; color: #FFF; background-color: rgba(255, 255, 255, .4); cursor: pointer } .top_box .control li.on, .top_box .control li:hover { background-color: #FFF; color: #000 } /* popup */ .pop_yt { position: absolute; left: 50%; top: 50%; width: 960px; height: 540px; margin-left: -480px; margin-top: -270px; z-index: 99; box-shadow: 0 0 20px rgba(0, 0, 0, .2) } .pop_yt .close { position: absolute; right: -40px; top: 0; width: 40px; height: 40px; background: url(images/close.png) no-repeat 0 0; cursor: pointer } .pop_overlay { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(images/bg_pop.png); z-index: 9 } @media only screen and (max-width: 767px) { .youtube-bg-wrapper { height: 290px } } @media (max-width: 479px) { .youtube-bg-wrapper { height: 420px } } /* * jQueryIntroLoader * Animated intro loading pages * http://factory.brainleaf.eu/jqueryIntroLoader * * Made by BRAINLEAF Communication (c)2014-2015 * Under GNU/GPL License */ /* ****************************************************************************** */ /* PLUGIN STYLE */ /* ****************************************************************************** */ /* ============================================================================== */ /* Global Style */ /* ============================================================================== */ .introLoader, .introLoading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 9999; } .introLoading { background-color: #fff; } .absolute.introLoader { position: absolute; } body.introLoader_preventScroll { position: fixed; width: 100%; height: 100%; margin: 0; overflow: hidden; } /* ============================================================================== */ /* Animations */ /* ============================================================================== */ /* *************************************************** */ /* CSSLoader Animation */ /* *************************************************** */ .introLoader.cssLoader .cssLoaderSpinner { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; border: 5px solid transparent; border-radius: 50%; } .introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner { position: absolute; top: -5px; right: -5px; bottom: -5px; left: -5px; border-width: 5px; border-style: solid; border-color: transparent; border-radius: 50%; animation: infinite-spinning 1s linear infinite; } /* CSSLoader Animation Spinner Sizes */ /* -------------------------------------------- */ .introLoader.cssLoader.medium .cssLoaderSpinner { border: 5px solid transparent; } .introLoader.cssLoader.medium .cssLoaderSpinner .cssLoaderSpinner-inner { top: -6px; right: -6px; bottom: -6px; left: -6px; border-width: 6px; } .introLoader.cssLoader.large .cssLoaderSpinner { border: 5px solid transparent; } .introLoader.cssLoader.large .cssLoaderSpinner .cssLoaderSpinner-inner { top: -6px; right: -6px; bottom: -6px; left: -6px; border-width: 8px; } /* CSSLoader Animation Keyframes */ /* -------------------------------------------- */ @keyframes infinite-spinning { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes infinite-spinning { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } /* CSSLoader Animation Colors */ /* -------------------------------------------- */ .theme-light.introLoader.cssLoader { background-color: #ffffff; } .theme-light.introLoader.cssLoader .cssLoaderSpinner { border-color: #efefef; } .theme-light.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner { border-color: #555555 transparent transparent transparent; } .theme-dark.introLoader.cssLoader { background-color: #333333; } .theme-dark.introLoader.cssLoader .cssLoaderSpinner { border-color: #121212; } .theme-dark.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner { border-color: #ffffff transparent transparent transparent; } .theme-ocean.introLoader.cssLoader { background-color: #164761; } .theme-ocean.introLoader.cssLoader .cssLoaderSpinner { border-color: #20b1ea; } .theme-ocean.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner { border-color: #ffffff transparent transparent transparent; } .theme-forest.introLoader.cssLoader { background-color: #1f3608; } .theme-forest.introLoader.cssLoader .cssLoaderSpinner { border-color: #5e5824; } .theme-forest.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner { border-color: #a59965 transparent transparent transparent; } .theme-fluoGreen.introLoader.cssLoader { background-color: #67de0f; } .theme-fluoGreen.introLoader.cssLoader .cssLoaderSpinner { border-color: #53ba06; } .theme-fluoGreen.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner { border-color: #dcff1b transparent transparent transparent; } .theme-fluoMagenta.introLoader.cssLoader { background-color: #ff1bff; } .theme-fluoMagenta.introLoader.cssLoader .cssLoaderSpinner { border-color: #db07db; } .theme-fluoMagenta.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner { border-color: #cccccc transparent transparent transparent; } .theme-fluoYellow.introLoader.cssLoader { background-color: #dcff1b; } .theme-fluoYellow.introLoader.cssLoader .cssLoaderSpinner { border-color: #d5f816; } .theme-fluoYellow.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner { border-color: #67de0f transparent transparent transparent; } .theme-light.halfcircle.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner { border-color: #555555 #555555 transparent transparent; } .theme-dark.halfcircle.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner { border-color: #ffffff #ffffff transparent transparent; } .theme-ocean.halfcircle.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner { border-color: #ffffff #ffffff transparent transparent; } .theme-forest.halfcircle.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner { border-color: #a59965 #a59965 transparent transparent; } .theme-fluoGreen.halfcircle.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner { border-color: #dcff1b #dcff1b transparent transparent; } .theme-fluoMagenta.halfcircle.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner { border-color: #cccccc #cccccc transparent transparent; } .theme-fluoYellow.halfcircle.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner { border-color: #67de0f #67de0f transparent transparent; } /* *************************************************** */ /* SimpleLoader Animation */ /* *************************************************** */ .absolute.introLoader.simpleLoader { position: absolute; } /* SimpleLoader Animation Colors */ /* -------------------------------------------- */ .theme-light.introLoader.simpleLoader { background-color: #ffffff; } .theme-dark.introLoader.simpleLoader { background-color: #333333; } .theme-ocean.introLoader.simpleLoader { background-color: #164761; } .theme-forest.introLoader.simpleLoader { background-color: #1f3608; } .theme-fluoGreen.introLoader.simpleLoader { background-color: #67de0f; } .theme-fluoMagenta.introLoader.simpleLoader { background-color: #ff1bff; } .theme-fluoYellow.introLoader.simpleLoader { background-color: #dcff1b; } /* *************************************************** */ /* GifLoader Animation */ /* *************************************************** */ .introLoader.gifLoader .gifLoaderInner { background-image: url(spinners/circle-simple_light.gif); background-repeat: no-repeat; background-position: center center; } .introLoader.gifLoader .gifLoaderInnerCustom { background-repeat: no-repeat; background-position: center center; } .introLoader.gifLoader .gifLoaderInner, .introLoader.gifLoader .gifLoaderInnerCustom { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .theme-light.gifLoader .gifLoaderInner { background-color: #ffffff; } .theme-dark.gifLoader .gifLoaderInner { background-image: url(spinners/circle-simple_dark.gif); background-color: #333333; } .theme-ocean.gifLoader .gifLoaderInner { background-image: url(spinners/circle-simple_ocean.gif); background-color: #164761; } .theme-forest.gifLoader .gifLoaderInner { background-image: url(spinners/circle-simple_forest.gif); background-color: #1f3608; } .theme-fluoGreen.gifLoader .gifLoaderInner { background-image: url(spinners/circle-simple_fluoGreen.gif); background-color: #67de0f; } .theme-fluoYellow.gifLoader .gifLoaderInner { background-image: url(spinners/circle-simple_fluoYellow.gif); background-color: #dcff1b; } .theme-fluoMagenta.gifLoader .gifLoaderInner { background-image: url(spinners/circle-simple_fluoMagenta.gif); background-color: #ff1bff; } .theme-light.bubble.gifLoader .gifLoaderInner { background-image: url(spinners/circle-bub_light.gif); } .theme-dark.bubble.gifLoader .gifLoaderInner { background-image: url(spinners/circle-bub_dark.gif); } .theme-ocean.bubble.gifLoader .gifLoaderInner { background-image: url(spinners/circle-bub_ocean.gif); } .theme-forest.bubble.gifLoader .gifLoaderInner { background-image: url(spinners/circle-bub_forest.gif); } .theme-fluoGreen.bubble.gifLoader .gifLoaderInner { background-image: url(spinners/circle-bub_fluoGreen.gif); } .theme-fluoYellow.bubble.gifLoader .gifLoaderInner { background-image: url(spinners/circle-bub_fluoYellow.gif); } .theme-fluoMagenta.bubble.gifLoader .gifLoaderInner { background-image: url(spinners/circle-bub_fluoMagenta.gif); } /* *************************************************** */ /* CounterLoader Animation */ /* *************************************************** */ .introLoader.counterLoader .counterLoaderBox { display: none; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; line-height: 100px; text-align: center; font-weight: bold; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .small.introLoader.counterLoader .counterLoaderBox { width: 50px; height: 50px; line-height: 50px; font-size: 0.8em; } .medium.introLoader.counterLoader .counterLoaderBox { width: 200px; height: 200px; line-height: 200px; font-size: 2em; } .large.introLoader.counterLoader .counterLoaderBox { width: 300px; height: 300px; line-height: 300px; font-size: 3em; } .circle.introLoader.counterLoader .counterLoaderBox { border-radius: 50%; } /* CounterLoader Animation Colors */ /* -------------------------------------------- */ .theme-light.introLoader.counterLoader { background-color: #ffffff; } .theme-light.introLoader.counterLoader .counterLoaderBox { background-color: #cccccc; } .theme-dark.introLoader.counterLoader { background-color: #333333; } .theme-dark.introLoader.counterLoader .counterLoaderBox { background-color: #ffffff; } .theme-ocean.introLoader.counterLoader { background-color: #164761; } .theme-ocean.introLoader.counterLoader .counterLoaderBox { background-color: #237199; color: #ffffff; } .theme-forest.introLoader.counterLoader { background-color: #1f3608; } .theme-forest.introLoader.counterLoader .counterLoaderBox { background-color: #5e5824; color: #1f3608; } .theme-fluoGreen.introLoader.counterLoader { background-color: #67de0f; } .theme-fluoGreen.introLoader.counterLoader .counterLoaderBox { background-color: #ffffff; color: #67de0f; } .theme-fluoMagenta.introLoader.counterLoader { background-color: #ff1bff; } .theme-fluoMagenta.introLoader.counterLoader .counterLoaderBox { background-color: #ffffff; color: #ff1bff; } .theme-fluoYellow.introLoader.counterLoader { background-color: #dcff1b; } .theme-fluoYellow.introLoader.counterLoader .counterLoaderBox { background-color: #ffffff; color: #dcff1b; } /* *************************************************** */ /* doubleLoader Animation */ /* *************************************************** */ .doubleLoader { background: transparent!important; } .doubleLoaderTop { position: absolute; top: 0; right: 0; left: 0; height: 50%; background-color: #333; } .doubleLoaderBottom { position: absolute; right: 0; bottom: 0; left: 0; height: 50%; background-color: #333; } .doubleLoaderProgBar { position: absolute; top: 50%; margin-top: -10px; width: 100%; height: 20px; background-color: #fff; z-index: 9999999999999; } .doubleLoaderProgBar span { display: block; width: 0; height: 20px; background-color: #555; } /* DoubleLoader Animation Colors */ /* -------------------------------------------- */ .doubleLoader.theme-light .doubleLoaderTop, .doubleLoader.theme-light .doubleLoaderBottom { background-color: #efefef; } .doubleLoader.theme-light .doubleLoaderProgBar { background-color: #cccccc; } .doubleLoader.theme-light .doubleLoaderProgBar span { background-color: #555555; } .doubleLoader.theme-light.zebra .doubleLoaderTop { background-color: #ffffff; } .doubleLoader.theme-light.zebra .doubleLoaderBottom { background-color: #efefef; } .doubleLoader.theme-dark .doubleLoaderTop, .doubleLoader.theme-dark .doubleLoaderBottom { background-color: #333333; } .doubleLoader.theme-dark .doubleLoaderProgBar { background-color: #ffffff; } .doubleLoader.theme-dark .doubleLoaderProgBar span { background-color: #555555; } .doubleLoader.theme-dark.zebra .doubleLoaderTop { background-color: #333333; } .doubleLoader.theme-dark.zebra .doubleLoaderBottom { background-color: #121212; } .doubleLoader.theme-ocean .doubleLoaderTop, .doubleLoader.theme-ocean .doubleLoaderBottom { background-color: #164761; } .doubleLoader.theme-ocean .doubleLoaderProgBar { background-color: #237199; } .doubleLoader.theme-ocean .doubleLoaderProgBar span { background-color: #ffffff; } .doubleLoader.theme-ocean.zebra .doubleLoaderTop { background-color: #164761; } .doubleLoader.theme-ocean.zebra .doubleLoaderBottom { background-color: #20b1ea; } .doubleLoader.theme-forest .doubleLoaderTop, .doubleLoader.theme-forest .doubleLoaderBottom { background-color: #1f3608; } .doubleLoader.theme-forest .doubleLoaderProgBar { background-color: #5e5824; } .doubleLoader.theme-forest .doubleLoaderProgBar span { background-color: #a59965; } .doubleLoader.theme-forest.zebra .doubleLoaderTop { background-color: #1f3608; } .doubleLoader.theme-forest.zebra .doubleLoaderBottom { background-color: #332a0b; } .doubleLoader.theme-fluoGreen .doubleLoaderTop, .doubleLoader.theme-fluoGreen .doubleLoaderBottom { background-color: #67de0f; } .doubleLoader.theme-fluoGreen .doubleLoaderProgBar { background-color: #ffffff; } .doubleLoader.theme-fluoGreen .doubleLoaderProgBar span { background-color: #dcff1b; } .doubleLoader.theme-fluoGreen.zebra .doubleLoaderTop { background-color: #67de0f; } .doubleLoader.theme-fluoGreen.zebra .doubleLoaderBottom { background-color: #53ba06; } .doubleLoader.theme-fluoMagenta .doubleLoaderTop, .doubleLoader.theme-fluoMagenta .doubleLoaderBottom { background-color: #ff1bff; } .doubleLoader.theme-fluoMagenta .doubleLoaderProgBar { background-color: #ffffff; } .doubleLoader.theme-fluoMagenta .doubleLoaderProgBar span { background-color: #cccccc; } .doubleLoader.theme-fluoMagenta.zebra .doubleLoaderTop { background-color: #ff1bff; } .doubleLoader.theme-fluoMagenta.zebra .doubleLoaderBottom { background-color: #db07db; } .doubleLoader.theme-fluoYellow .doubleLoaderTop, .doubleLoader.theme-fluoYellow .doubleLoaderBottom { background-color: #dcff1b; } .doubleLoader.theme-fluoYellow .doubleLoaderProgBar { background-color: #ffffff; } .doubleLoader.theme-fluoYellow .doubleLoaderProgBar span { background-color: #67de0f; } .doubleLoader.theme-fluoYellow.zebra .doubleLoaderTop { background-color: #dcff1b; } .doubleLoader.theme-fluoYellow.zebra .doubleLoaderBottom { background-color: #d5f816; } /* *************************************************** */ /* LettersLoader Animation */ /* *************************************************** */ .lettersLoader { background: #ffffff; color: #555555; font-size: 3em; } .lettersLoaderRow { display: none; position: absolute; width: 100%; top: 45%; text-align: center; } .lettersLoaderItem { display: inline-block; opacity: 0; } /* LettersLoader Animation Colors */ /* -------------------------------------------- */ .theme-light.lettersLoader { background: #ffffff; color: #555555; } .theme-dark.lettersLoader { background: #333333; color: #ffffff; } .theme-ocean.lettersLoader { background: #164761; color: #ffffff; } .theme-forest.lettersLoader { background: #1f3608; color: #a59965; } .theme-fluoGreen.lettersLoader { background: #67de0f; color: #ffffff; } .theme-fluoMagenta.lettersLoader { background: #ff1bff; color: #ffffff; } .theme-fluoGreen.lettersLoader { background: #ff1bff; color: #ffffff; } /** * Pretty Code */ .copied-message { position: fixed; top: 0; left: 0; width: 100%; padding: 15px 0; background: #eee; font-weight: 700; text-align: center; display: none; z-index: 999999999; } xmp { display: block; width: 100%; overflow: auto; background: #FFF; background: repeating-linear-gradient(0deg, #FFF, #FFF 20px, #EBEBEB 20px, #EBEBEB 40px); border: 2px solid #FFF; color: #333; padding: 20px 5px 20px 15px; line-height: 20px; font-size: 12px; box-sizing: border-box; position: relative; transition: .2s; font-size: 12px; margin: 0 0 50px; } xmp:hover { opacity: .9; cursor: pointer; cursor: copy; } xmp:before { content: ''; height: 100%; position: absolute; width: 10px; background: rgba(255, 255, 255, .1); top: 0; left: 0 } xmp:after { content: 'CLICK TO COPY'; position: absolute; bottom: 0; right: 5px; opacity: .5; font-size: 11px; } xmp:hover:after { opacity: 1 }