/* 縮小失敗。正在傳回未縮小的內容。 (666,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/' */ /* Template Name: BizCraft Responsive HTML5/CSS3 Template Author: tripples Author URI: http://shapebootstrap.net/user/tripples Description: BizCraft Responsive HTML5/CSS3 Template. Version: 1.0 */ /* Table of Content ================================================== 1. Global Styles 2. Typography 3. Common Styles 4. Header area 5. Slideshow 6. Services and Features 7. Image Block 6. About (Landing and Featured Tab) 9. Portfolio 10. Counter 11. Team 12. Pricing 13. Testimonial 14. Video block 15. Recent Post 16. Clients 17. Twitter 18. Contact 19. Footer 20. Copyright 21. Sub pages 22. Blog 23. Landing page 24. Style Swithcer (you can delete the css) */ /* Global styles ================================================== */ html { overflow-x: hidden !important; width: 100%; height: 100%; position: relative; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body { border: 0; margin: 0; padding: 0; font-size: 15px; color: #6A6A6A; background: #fff; } h1, h2, h3 { color: #323232; } .body-inner { position: relative; overflow: hidden; } a:link, a:visited { text-decoration: none; } a:hover { text-decoration: none; color: #000; } a.read-more { color: #323232; } section { padding: 80px 0; position: relative; } .ts-padding { padding: 50px; } .no-padding { padding: 0; } .media > .pull-left { margin-right: 20px; } .heading { padding-bottom: 50px; margin-top: 10px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .gap-60 { clear: both; height: 60px; } .gap-40 { clear: both; height: 40px; } .gap-30 { clear: both; height: 30px; } .gap-20 { clear: both; height: 20px; } a:focus { outline: 0; } p { font-size: 18px; } p.noto100 { font-family: 'Noto Sans TC', sans-serif; font-weight: 100; } p.noto400 { font-family: 'Noto Sans TC', sans-serif; font-weight: 400; } p.noto900 { font-family: 'Noto Sans TC', sans-serif; font-weight: 900; } /* Typography ================================================== */ body { font-family: 'Noto Sans TC', sans-serif; font-weight: 400; font-size: 15px; line-height: 1.6em; } h1, h2, h3, h4, h5, h6 { font-family: 'Noto Sans TC', sans-serif; text-transform: uppercase; letter-spacing: 0.5px; } h1 { font-size: 36px; line-height: 48px; } h2 { font-size: 32px; line-height: 40px; font-weight: 400; } h3 { font-size: 24px; line-height: 32px; font-weight: 400; } h4 { font-size: 18px; line-height: 28px; } h5 { font-size: 14px; line-height: 24px; } /* Button variation */ .btn.btn-primary { color: #323232; border-radius: 50px; padding: 10px 30px; background: none; font-size: 14px; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .btn.btn-primary:hover { color: #fff; } .btn.btn-primary.white { border: 2px solid #fff; color: #fff; } .btn.btn-primary.white:hover { border: 2px solid transparent; } .btn.btn-primary.square { border-radius: 0; color: #fff; } .btn.btn-primary.solid { color: #fff; } .btn.btn-primary.solid.blank:hover { color: #333; } .btn.btn-primary.solid:hover { background: none; } ul.circle, ul.check-list { list-style: none; margin: 0; padding: 0; } ul.circle li { position: relative; margin-left: 30px; padding-bottom: 20px; } ul.circle li:before { content: "\f111"; font-family: FontAwesome; font-size: 8px; line-height: 8px; border: 2px solid rgba(0, 0, 0,.1); border-radius: 100%; position: absolute; left: -33px; top: 5px; } ul.unstyled { list-style: none; margin: 0; padding: 0; } ul.check-list li { margin-bottom: 5px; } ul.check-list li i { margin-right: 10px; font-size: 14px !important; } ul.arrow li:before { content: "\f105"; font-family: FontAwesome; margin-right: 10px; } blockquote p { font-size: 14px; font-weight: 400; line-height: 18px; font-style: italic; color: #959595; } blockquote { margin: 20px 0; } /* Common styles ================================================== */ /* Angle */ .angle:before { background: #fff; content: ""; height: 75px; top: -37px; position: absolute; width: 100%; z-index: 2; -webkit-transform: skew(0deg,2deg); -moz-transform: skew(0deg,2deg); -ms-transform: skewX(0deg) skewY(2deg); -o-transform: skew(0deg,2deg); transform: skew(0deg,2deg); } .portfolio.angle:before { background: #f5f5f5; } .portfolio.angle { padding-bottom: 120px; } .clients.angle { padding: 120px 0; } /* Parallax */ .parallax { background-size: cover !important; background-repeat: no-repeat; background-position: 50% 0; background-attachment: fixed !important; padding: 110px 0; color: #fff; position: relative; } .parallax h2, .parallax h3 { color: #fff; margin-top: 0; } .parallax .btn { color: #fff; } .parallax-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../Content/images/overaly.png); } .parallax h3 { margin-bottom: 30px; } .parallax1 { background: url(../Content/images/parallax/parallax1.jpg) no-repeat; } .parallax2 { background: url(../Content/images/parallax/parallax2.jpg) no-repeat; } .parallax3 { background: url(../Content/images/parallax/parallax3.jpg) no-repeat; } .parallax4 { background: url(../Content/images/parallax/parallax4.jpg) no-repeat; } .parallax .btn.solid { margin-left: 10px; } /* Deafult title */ .title-icon { font-size: 32px; margin-right: 15px; margin-top: 9px; color: #959595; } .title-icon.classic { margin-top: 0; } .title { position: relative; margin: 0; line-height: 32px; border-left: 2px solid #e7e7e7; display: inline-block; padding-left: 15px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .title.classic { line-height: 40px; height: 34px; } .title-desc { font-family: 'Noto Sans TC', sans-serif; font-size: 16px; line-height: 18px; font-weight: 400; text-transform: capitalize; display: block; color: #6A6A6A } /* Title style 2 */ .title2 { position: relative; margin-top: 30px; } .title2:after { content: ''; width: 150px; left: 50%; margin-left: -75px; top: 50%; height: 3px; background: #dedede; position: absolute; } .title2 .title-desc { padding-top: 30px; } /* Title border */ .title-border { line-height: normal; margin-top: 0; } .widget-title { margin-bottom: 25px; font-size: 20px; } .post-title { font-size: 24px; line-height: normal; } .post-title a { color: #323232; } .long-desc { font-size: 16px; } /* Icon pentagon */ .icon-pentagon { display: inline-block; height: 24px; width: 40px; position: relative; color: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .icon-pentagon:hover { color: rgba(0,0,0,.5); } .icon-pentagon:before { border-left: 20px solid rgba(0, 0, 0, 0); border-right: 20px solid rgba(0, 0, 0, 0); top: -10px; content: ""; height: 0; left: 0; position: absolute; width: 0; } .icon-pentagon:after { border-left: 20px solid rgba(0, 0, 0, 0); border-right: 20px solid rgba(0, 0, 0, 0); bottom: -10px; content: ""; height: 0; left: 0; position: absolute; width: 0; } .icon-pentagon i { font-size: 20px; line-height: 24px; } .service-icon { height: 46px; width: 90px; margin-bottom: 30px; } .service-icon:before { border-left: 45px solid rgba(0, 0, 0, 0); border-right: 45px solid rgba(0, 0, 0, 0); top: -30px; } .service-icon:after { border-left: 45px solid rgba(0, 0, 0, 0); border-right: 45px solid rgba(0, 0, 0, 0); bottom: -30px; } .service-icon i { font-size: 36px; line-height: 46px; } /* Carousel controller */ .carousel-control { width: auto; } .ts-carousel-controller { text-align: center; padding-top: 50px; z-index: 1; position: relative; } .ts-carousel-controller .left, .ts-carousel-controller .right, .owl-controls .owl-prev, .owl-controls .owl-next { cursor: pointer; background: #f6f6f6; width: 38px; height: 38px; line-height: 38px; color: #989898; opacity: 1; top: auto; text-shadow: none; display: inline-block; text-align: center; border-radius: 100%; } .owl-controls .owl-next { margin-left: 6px; } .ts-carousel-controller .left:hover, .ts-carousel-controller .right:hover, .owl-controls .owl-prev:hover, .owl-controls .owl-next:hover { color: #fff; } .owl-controls .owl-page, .owl-controls .owl-buttons div { display: inline-block; } /* Input form */ .form-control { box-shadow: none; border: 1px solid #dedede; padding: 6px 20px; height: 50px; background: none; color: #959595; font-size: 14px; border-radius: 0; } .form-control:focus { box-shadow: none; } /*-- Flex slider --*/ .portfolio-slider .flexslider, .ts-flex-slider .flexslider { border: 0; box-shadow: none; } .portfolio-slider .flex-direction-nav a, .ts-flex-slider .flex-direction-nav a { opacity: 0; background: #000; color: #fff !important; text-align: center; text-shadow: none; line-height: 40px; } .portfolio-slider .flex-direction-nav a:before { font-size: 32px; } .portfolio-slider .flex-direction-nav a:hover, .ts-flex-slider .flex-direction-nav a:hover { color: #fff; opacity: 1; } .flexportfolio.flexslider .slides img { height: auto; } /*-- Pagination --*/ .pagination li a { border-radius: 0 !important; margin-right: 8px; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > li > a:hover { color: #fff; border: 1px solid transparent; } /* Header area ================================================== */ /*-- Header style 1 --*/ .header-solid { background: #191919; box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.2); */ } .header-solid ul.navbar-nav > li > a { color: #fff; } /*-- Logo --*/ .navbar-header { z-index: 9999; } .navbar-brand.navbar-bg { position: absolute; left: 0; padding: 3px 15px 10px; width: 20%; height: 62px; line-height: 62px; } .navbar-brand img { float: right; padding: 0 15px; } /* Main navigation */ .navbar { border-radius: 0; border: 0; margin-bottom: 0; } .navbar-right { padding-right: 0; } .navbar-right .dropdown-menu { right: auto; left: 0; } .navbar-toggle { border-radius: 0; margin-right: 5px; } .navbar-toggle .icon-bar { background: #fff; } ul.navbar-nav > li > a { /*font-family: 'JaapokkiRegular';*/ font-family: 'Noto Sans TC', sans-serif; text-transform: uppercase; font-size: 16px; color: #fff; padding-top: 22px; padding-bottom: 20px; line-height: 20px; } ul.navbar-nav > li:last-child a { padding-right: 0; } ul.navbar-nav > li.active > a, ul.navbar-nav > li > a:hover { } ul.navbar-nav > li > a i { font-weight: 700; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: transparent; border: 0; } /* Dropdown */ .dropdown-menu { border: 0; border-radius: 0px; /*width: 100%;*/ box-shadow: none; background: none; min-width: 180px; } .dropdown-menu > ul { list-style: none; padding: 0 15px; margin-left: auto; margin-right: auto; margin-bottom: 0; margin-top: -5px; background: #fff; background-color: rgba(255,255,255,1); box-shadow: 0 2px .09px rgba(0,0,0,0.15); } .dropdown-menu > ul > li > a { display: block; font-size: 14px; font-weight: 400; line-height: normal; text-decoration: none; padding: 15px; color: #333; border-bottom: 1px solid rgba(0,0,0,0.1); } .dropdown-menu > ul > li.active > a { } .dropdown-menu > ul > li:last-child > a { border-bottom: 0; } .dropdown-menu > ul > li > a:hover, .dropdown-menu > ul > li > a:focus { background: none; } .nav > li.megamenu { position: static; } .nav > li.megamenu .dropdown-menu { left: 0; right: 0; margin-left: auto; margin-right: auto; padding: 20px !important; z-index: 1000; border-radius: 0; top: auto; } .nav > li.megamenu .dropdown-menu ul { margin-top: 4px; padding: 20px; } /* Header Style - 2 ================================================== */ .header2 { padding: 8px 0; } .header2 .navbar-brand { background: none; padding-top: 3px; } /*-- Header bgnone fixed --*/ .header-bgnone { padding: 5px 0; width: auto; box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.2); } .header-bgnone ul.navbar-nav > li:hover > a, .header-bgnone ul.navbar-nav > li.active > a { color: #000; } /* Header Style - 3 ================================================== */ .header3 { background: #fff; border-radius: 0 0 5px 5px; box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.2); } .header3 .navbar-brand { padding-top: 10px; } .header3 ul.navbar-nav > li > a { padding-top: 30px; padding-bottom: 25px; color: #333; } .header3 ul.navbar-nav > li:last-child a { padding-right: 15px; } .header3 .navbar-collapse { padding-right: 30px; } /* Header Style - 4 ================================================== */ .header4 { background: #fff; box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.2); } .header4 .navbar-brand { padding-top: 10px; } .header4 ul.navbar-nav > li > a { padding-top: 30px; padding-bottom: 25px; color: #333; } /* Slideshow ================================================== */ /*-- Main slide --*/ .overlay { position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; background-image: url(../Content/images/overaly.png); } #main-slide .item img { width: 100%; -webkit-backface-visibility: hidden; } #main-slide .item { -webkit-backface-visibility: hidden; } #main-slide .item .slider-content { z-index: 1; opacity: 0; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; } #main-slide .item.active .slider-content { opacity: 1; -webkit-transition: opacity 100ms; -moz-transition: opacity 100ms; -o-transition: opacity 100ms; transition: opacity 100ms; } #main-slide .slider-content { top: 50%; margin-top: -70px; left: 0; padding: 0; text-align: center; position: absolute; width: 100%; color: #fff; } #main-slide .carousel-indicators { bottom: 70px; } .carousel-indicators li { width: 30px !important; height: 10px !important; margin: 1px !important; border-radius: 0 !important; background: rgba(255,255,255,.5); } #main-slide .carousel-indicators li.active, #main-slide .carousel-indicators li:hover { -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #main-slide .carousel-control.left, #main-slide .carousel-control.right { opacity: 0; filter: alpha(opacity=0); background-image: none; background-repeat: no-repeat; text-shadow: none; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #main-slide:hover .carousel-control.left, #main-slide:hover .carousel-control.right { opacity: 1; filter: alpha(opacity=100); } #main-slide:hover .carousel-control.left { left: 20px; } #main-slide:hover .carousel-control.right { right: 20px; } #main-slide .carousel-control.left span { padding: 15px; } #main-slide .carousel-control.right span { padding: 15px; } #main-slide .carousel-control .fa-angle-left, #main-slide .carousel-control .fa-angle-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } #main-slide .carousel-control .fa-angle-left { left: 0; } #main-slide .carousel-control .fa-angle-right { right: 0; } #main-slide .carousel-control i { background: none; color: #fff; line-height: 56px; width: 56px; height: 56px; border: 1px solid #fff; border-radius: 100%; font-size: 36px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } #main-slide .carousel-control i:hover { border: 1px solid rgba(0,0,0,.3); } #main-slide .slider-content h2 { font-size: 52px; text-transform: uppercase; color: #fff; } #main-slide .slider-content h3 { font-size: 28px; margin-top: 40px; color: #fff; } .slider.btn { padding: 10px 35px; margin-top: 40px; font-size: 16px; text-transform: uppercase; color: #fff; } .slider.btn.solid { margin-left: 15px; } .slider-content-left { position: relative; margin: 0 0 0 40px; } .slider-content-right { position: relative; } /*-- Animation */ .carousel .item.active .animated1 { } .carousel .item.active .animated2, .flex-active-slide .animated2 { -webkit-animation: lightSpeedIn 1s ease-in 200ms both; animation: lightSpeedIn 1s ease-in 200ms both; } .carousel .item.active .animated3, .flex-active-slide .animated3 { -webkit-animation: bounceInLeft 2s ease-in-out 800ms both; animation: bounceInLeft 1.5s ease-in-out 800ms both; } .carousel .item.active .animated4, .flex-active-slide .animated4 { -webkit-animation: flipInX 2s ease-in 800ms both; animation: flipInX 2s ease-in 800ms both; } .carousel .item.active .animated5, .flex-active-slide .animated5 { -webkit-animation: bounceInLeft 1s ease-in-out 100ms both; animation: bounceInLeft 1s ease-in-out 100ms both; } .carousel .item.active .animated6, .flex-active-slide .animated6 { -webkit-animation: bounceIn 1s ease-in 500ms both; animation: bounceIn 1s ease-in 500ms both; } .carousel .item.active .animated7, .flex-active-slide .animated7 { -webkit-animation: bounceIn 1s ease-in 500ms both; animation: bounceIn 1s ease-in 500ms both; } .carousel .item.active .animated8, .flex-active-slide .animated8 { -webkit-animation: bounceInDown 1s ease-in 800ms both; animation: bounceInDown 1s ease-in 800ms both; } /* Flex slider */ .ts-flex-slider { position: relative; } .ts-flex-slider .flexSlideshow { width: 100%; overflow: hidden; } .overlay2 { position: relative; } .overlay2 img { width: 100%; } .overlay2::before { position: absolute; content: ''; z-index: 3; top: 0; bottom: 0; left: 0; right: 0; background-image: url(../Content/images/overaly.png); } .ts-flex-slider .flexslider .slides { z-index: 0; } .ts-flex-slider .slider-content { z-index: 3; } .ts-flex-slider .flex-direction-nav a { width: 55px; height: 60px; line-height: 60px; text-align: center; font-size: 32px; } .ts-flex-slider .flex-direction-nav a.flex-next { border-radius: 3px; } .ts-flex-slider .flex-direction-nav a.flex-prev { border-radius: 3px; } /* Services ================================================== */ .service { padding-top: 40px; } .service-heading { padding-bottom: 30px; text-align: center; } .service-content { margin-top: 30px; } .service-content h3 { font-size: 16px; } /* Feature box ================================================== */ .feature-icon { font-size: 28px; margin-top: 5px; } .feature-content { padding-right: 20px; padding-left: 55px; } .feature-content h3 { margin-top: 0; font-size: 18px; } /* Feature center */ .feature-center-content .feature-center-icon { font-size: 72px; margin-bottom: 5px; display: inline-block; } .feature-center-content h3 { font-size: 18px; } /* Image Block ================================================== */ .image-block { background: #f4f4f4; } .img-block-right { padding-right: 140px; } .img-block-head h2 { font-size: 18px; line-height: normal; margin: 5px 0 0 0; } .img-block-head h3 { font-size: 40px; line-height: 100%; } .image-block-content { padding: 0 50px; margin-bottom: 30px; } .image-block-content .feature-icon { width: 60px; height: 60px; line-height: 60px; color: #fff; border-radius: 100%; display: inline-block; text-align: center; } .image-block-content .feature-content { padding-left: 85px; } .image-block-content .feature-content h3 { margin-bottom: 0; } /* About us ================================================== */ /* Landing Tab */ .landing-tab { position: relative; z-index: 10; } .landing-tab .nav-tabs { border-right: 1px solid #e7e7e7; padding: 25px 0; border-bottom: 0; } .landing-tab .nav-tabs > li.active { margin-right: -3px; } .landing-tab .nav-tabs > li.active .tab-info h3 { color: #323232; } .landing-tab .nav-tabs > li { padding: 15px 0; } .landing-tab .nav-tabs > li > a { background: none !important; border-radius: 0; padding: 0 15px 0; color: #6A6A6A !important; position: relative; border: 0 !important; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .landing-tab .nav-tabs > li > a:hover { background: none; } .landing-tab .tab-icon { font-size: 28px; display: inline-block; } .landing-tab .tab-info { display: inline-block; vertical-align: middle; position: absolute; left: 70px; top: 50%; margin-top: -12px; } .landing-tab .tab-info h3 { font-size: 18px; line-height: normal; margin: 0; color: #6A6A6A } .landing-tab .tab-pane h3 { margin-top: 0; line-height: normal; } .landing-tab .tab-pane h3.text-center { margin-bottom: 25px; } .landing-tab .tab-pane { padding-left: 95px; text-align: justify; } .landing-tab .tab-pane i.big { font-size: 200px; margin-bottom: 30px; display: block; } /* Featured Tab */ .featured-tab { padding: 30px 0; } .featured-tab .nav-tabs { border-bottom: 0; } .featured-tab .nav-tabs > li.active > a { color: #fff; } .featured-tab .nav-tabs > li.active > a:after { } .featured-tab .nav-tabs > li > a { background: #f2f2f2; border-radius: 0; padding: 0 15px 0; color: #323232; position: relative; border: 0 !important; line-height: 52px; height: 52px; margin-bottom: 3px; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .featured-tab .nav-tabs > li > a:after { left: 100%; border: transparent solid; content: " "; position: absolute; border-width: 25px; top: 50%; border-left-color: #f2f2f2; margin-top: -25px; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .featured-tab .nav-tabs > li > a:hover { color: #fff; } .featured-tab .nav-tabs > li > a:hover:after { } .featured-tab .nav-tabs > li.active > a, .featured-tab .nav-tabs > li.active .tab-info h3, .featured-tab .nav-tabs > li > a:hover .tab-info h3 { color: #fff !important; } .featured-tab .tab-icon { font-size: 28px; display: inline-block; } .featured-tab .tab-info { display: inline-block; vertical-align: middle; position: absolute; left: 70px; top: 50%; margin-top: -12px; } .featured-tab .tab-info h3 { font-size: 16px; line-height: normal; margin: 0; } .featured-tab .tab-pane img.pull-left { margin: 0 30px 10px 0; } .featured-tab .tab-pane img.pull-right { margin: 0 0 0 15px; } .featured-tab .tab-pane h3 { margin-top: 0; line-height: normal; text-align: left; font-size: 20px; } .featured-tab .tab-pane h3.text-center { margin-bottom: 25px; } .featured-tab .tab-pane { padding-left: 25px; text-align: justify; } .featured-tab .tab-pane i.big { font-size: 230px; } /* Portfolio ================================================== */ .portfolio { background: #f5f5f5; padding-bottom: 0; } #main-container.portfolio { background: none; } /*-- Isotope Portfolio start --*/ #isotope .isotope-item { padding: 0; } .isotope-nav { margin: -80px auto 80px; display: inline-block; float: right; position: relative; z-index: 100; } .isotope-nav ul { list-style: none; margin: 0; } .isotope-nav ul li { float: left; margin-right: 10px; } .isotope-nav ul li a { color: #323232; padding: 5px 15px 8px; border: 1px solid #ddd; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .isotope-nav ul a.active, .isotope-nav ul a:hover { color: #fff; position: relative; border: 1px solid transparent; } .isotope-nav ul a.active:after, .isotope-nav ul a:hover:after { position: absolute; content: " "; width: auto; height: auto; bottom: -13px; margin-left: -8px; left: 50%; border-width: 7px; border-style: solid; } #isotope .isotope-item .grid { position: relative; margin-bottom: -8px; } .grid figure { position: relative; z-index: 1; display: inline-block; overflow: hidden; background: #3085a3; text-align: center; width: 100%; height: 100%; } .grid figure figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .grid figure figcaption { padding: 2em; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-oscar { background: #000; background: rgba(0,0,0,.8); } figure.effect-oscar img { display: block; width: 100%; opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-oscar figcaption { padding: 2.5em; background-color: rgba(0,0,0,0.1); -webkit-transition: background-color 0.35s; transition: background-color 0.35s; } figure.effect-oscar figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid rgba(255,255,255,.3); content: ''; } figure.effect-oscar h3 { font-size: 18px; color: #fff; opacity: 0; margin: 25% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } figure.effect-oscar a { color: #fff; font-size: 18px; margin: 20px 5px 0; display: inline-block; z-index: 1; position: relative; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } figure.effect-oscar a.link i { -webkit-transform: rotate(90deg); transform: rotate(90deg); } figure.effect-oscar figcaption::before, figure.effect-oscar a { opacity: 0; -webkit-transition: all 0.35s, -webkit-transform 0.35s; transition: all 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); } figure.effect-oscar:hover h3 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover h3, figure.effect-oscar:hover a { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-oscar:hover figcaption { background-color: rgba(0,0,0,0.5); } figure.effect-oscar:hover img { opacity: 0.4; } /* Portfolio box */ .portfolio-box { padding-bottom: 80px; } .portfolio-box .isotope-nav { margin: 0 auto 60px; float: none; } /* Portfolio details */ .portfolio-static-item { padding-bottom: 20px; } .portfolio-static-item figure.effect-oscar a { margin-top: 70px; } .portfolio-static-desc h3 { font-size: 16px; margin: 5px 0 -5px 0; line-height: normal; } .portfolio-static-desc a { color: #6A6A6A; } /* Portfolio details */ .portfolio-desc h3 { margin-top: 0; } .portfolio-desc .project-btn { margin-top: 20px; padding: 8px 25px; } /* Counter ================================================== */ .facts-wrapper { background: #2a2d32; color: #fff; } .facts { position: relative; padding: 46px 40px 30px; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .facts:hover { background: #000 !important; } .facts.one { background: rgba(0,0,0,.3); } .facts.two { background: rgba(0,0,0,.2); } .facts.three { background: rgba(0,0,0,.15); } .facts.four { background: rgba(0,0,0,.09); } .facts i { font-size: 36px; text-shadow: 1px 3px 3px rgba(0,0,0,0.3); } .facts-num span { font-size: 42px; font-weight: 700; margin-top: 20px; display: inline-block; } .facts h3 { font-size: 18px; margin-top: 8px; color: #fff; } /* Counter parallax bg */ .ts_counter_bg .facts { padding: 0 15px; } .ts_counter_bg .facts:hover { background: none !important; } .ts_counter_bg .facts-num span { margin: 30px 0 20px; } .ts_counter.elements .facts { padding: 15px; } /* Team ================================================== */ .img-hexagon span { position: absolute; display: block; float: left; border-left: 120px solid #fff; border-right: 120px solid #fff; } .img-top { top: 0; border-top: 0px solid transparent; border-bottom: 75px solid transparent; } .img-bottom { bottom: 0px; border-bottom: 0px solid transparent; border-top: 75px solid transparent; } .img-hexagon { width: 240px; height: 250px; position: relative; display: inline-block; } .img-hexagon img { width: 100%; height: 100%; } .team-content h3 { margin-bottom: 0; font-size: 20px; } .team-content p { color: #959595; } .team-social a { background: #d5d5d5; color: #fff; width: 28px; height: 28px; line-height: 28px; border-radius: 100%; display: inline-block; text-align: center; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .team-social a.fb:hover { background: #325c94; } .team-social a.twt:hover { background: #00abdc; } .team-social a.gplus:hover { background: #dd4b39; } .team-social a.linkdin:hover { background: #007bb6; } .team-social a.dribble:hover { background: #ea4c89; } /* Team list */ .team-list .img-hexagon { float: left; margin-right: 30px; } /* Team list square */ .team-list-square .img-square { float: left; margin-right: 30px; } /* Pricing table ================================================== */ .pricing { padding-bottom: 80px; } .plan { border: 1px solid #dedede; } .plan-name { display: block; font-size: 24px; line-height: 30px; font-weight: 700; padding: 20px 0; color: #959595; } .plan-price { font-size: 48px; padding: 30px 0; margin-bottom: 30px; position: relative; background: #f2f2f2; } .plan-price:after { bottom: -30px; border: solid transparent; content: " "; position: absolute; border-width: 15px; border-top-color: #f2f2f2; left: 50%; margin-left: -16px; } .plan.featured .plan-name { color: #323232; } .plan.featured .plan-price { color: #fff; } .plan.featured .plan-price:after { } .plan-price .currency { top: -0.9em; font-size: 50%; left: -0.01em; font-weight: 700; } .plan-name small { display: block; font-size: 12px; font-weight: 700; line-height: normal; } .plan-price strong { } .plan-price sub { font-size: 18px; font-weight: 700; } .plan ul { background: #fff; padding: 0; margin-bottom: 0; } .plan ul li { border-top: 1px dashed #dedede; padding: 12px 29px; font-weight: 500; } .plan ul li:first-child { border-top: 0 !important; } .plan a.btn { color: #323232; background: #fff; margin-top: 25px; margin-bottom: -20px; padding: 8px 30px; } .plan a.btn:hover { color: #fff; } /* Testimonial ================================================== */ .testimonial-thumb img { border: 1px solid #8E8E8E; padding: 3px; width: 80px; height: 80px; border-radius: 100%; } .testimonial-slide .testimonial-content h3.name { font-size: 18px; color: #fff; margin: 10px 0; } .testimonial-slide .testimonial-content h3 span { display: block; font-size: 14px; color: #fff; font-weight: 400; margin-top: -10px; } .testimonial-slide .owl-buttons { display: none; } .testimonial-slide .testimonial-text { font-size: 16px; line-height: 24px; max-width: 800px; padding-top: 30px; display: inline-block; position: relative; color: #fff; } .testimonial-slide .testimonial-text:before { content: '\f10d'; font-family: FontAwesome; padding-right: 10px; } .testimonial-slide .testimonial-text:after { content: '\f10e'; font-family: FontAwesome; padding-left: 10px; } .testimonial-slide.owl-theme .owl-controls .owl-page span { background: none; border: 1px solid #fff; opacity: .7; } .testimonial-slide.owl-theme .owl-controls .owl-page.active span { border: 1px solid transparent; } /* Video block ================================================== */ .featured-video { background: #fff; } .video-block-head h2 { font-size: 16px; margin: 0; line-height: normal; } .video-block-head h3 { font-size: 24px; line-height: normal; margin: 0; } .video-block-content { padding: 10px 0; } .video-block-content h3 { margin: 0; line-height: normal; } .video-block-content .btn.btn-primary { color: #fff; margin: 5px 0 0 40px; padding: 8px 25px; } .video-block-content .btn.btn-primary:hover { color: #333; } /* Recent Post ================================================== */ .post-img-wrapper { position: relative; } .post-img-overlay { position: relative; display: inline-block; } .post-img-overlay::before { position: absolute; border-radius: 1px; background-color: rgba(0,0,0,0); content: ''; left: 0; right: 0; width: 100%; height: 100%; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .post-img-overlay:hover::before { background-color: rgba(0,0,0,.5); } .post-img-overlay a { position: absolute; right: 0; color: #fff; background: #666666; padding: 15px 20px; opacity: 0; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .post-img-overlay a.link { right: 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } .post-img-overlay:hover a.link { left: 0; right: auto; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .post-img-overlay a.view { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } .post-img-overlay:hover a.view { bottom: 0; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .recent-post { padding: 0 15px; } .recent-post .post-body h3 { font-size: 18px; margin-bottom: 3px; font-weight: 700; } .recent-post .post-body h3 a { color: #323232; } .recent-post .post-body .post-meta a { font-weight: 400; font-size: 13px; } .recent-post .post-body .post-meta span, .recent-post .post-body .post-meta span i { padding-right: 5px; } .recent-post .post-excerpt { padding-top: 10px; } .recent-post .post-excerpt a.read-more { padding: 6px 18px; border-width: 1px; font-size: 12px; margin-top: 10px; } /* Clients ================================================== */ .clients { color: #fff; padding-bottom: 80px; } .clients-content { padding: 40px 0; } .clients h2.title { border-left: 0; color: #fff; } .client-carousel .item a { margin-right: 20px; border: 1px solid #e7e7e7; border-radius: 3px; display: inline-block; padding: 10px; -webkit-transition: all 350ms; -ms-transition: all 350ms; transition: all 350ms; } /* Twitter ================================================== */ .ts_twitter { padding: 100px 0; } .twitter-feed .twitter-icon { } .twitter-feed .twitter-icon i { font-size: 78px; color: #1dcaff; } .twitter-feed .tweet a { color: #1dcaff; } .twitter-feed .tweet a:hover { color: #000; } .twitter-feed .tweet p { font-size: 18px; font-style: italic; padding-top: 20px; } /* Contact ================================================== */ #contact-form { margin-top: 25px; } #contact-form label { font-weight: normal; } .map-wrapper { position: relative; } .map { height: 400px; z-index: 1; } .contact-info-inner h3 { margin-bottom: 25px; font-size: 24px; color: #fff; } .contact-info h3 { margin-top: 42px; font-size: 24px; } .contact-info p { font-size: 18px; } .contact-info i { font-size: 18px; margin-right: 10px; } /* Contact inside Map */ .contact-info-inner { position: absolute; color: #fff; top: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,.7); padding: 25px 30px; max-width: 400px; max-height: 400px; text-align: left; } .contact-info-inner p { overflow: hidden; margin-bottom: 25px; } .contact-info-inner p strong { display: block; } .contact-info-inner i { margin-right: 20px !important; font-size: 24px; margin-top: 5px; } /* Footer ================================================== */ .footer { padding: 60px 0 100px; background: #2e2e2e url(../images/footer-bg.jpg) no-repeat center 0; background-size: cover; color: #fff; font-size: 14px; } .footer-logo { margin-bottom: 20px; } .footer-map { padding-bottom: 60px; } .footer2 { background: #2e2e2e; } .footer .widget-title { color: #fff; } .footer .social-icon { padding: 10px 0 20px; } /* Latest Post */ .footer-widget .latest-post-image img { width: 80px; height: 80px; border-radius: 100%; border: 4px solid rgba(255,255,255,.5); } .footer-widget .latest-post-content h4 a { color: #fff; } .latest-post-items { margin-bottom: 10px; } .latest-post-image img { width: 70px; height: 60px; } .footer-widget .post-meta, .footer-widget .post-meta a { color: #fff; } .latest-post-content h4 { font-size: 14px; line-height: normal; } /* Image Gallery */ .footer-widget .img-gallery { margin-top: 5px; display: inline-block; } .img-gallery a.thumb-holder { overflow: hidden; position: relative; } .img-gallery a.thumb-holder img { margin: 0 15px 15px 0; display: inline-block; width: 95px; height: 85px; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .img-gallery a.thumb-holder:hover img { opacity: 0.7; } .footer2 .img-gallery a.thumb-holder img { width: 90px; height: 75px; } /* Footer about us */ .footer-about-us h4 { font-size: 16px; margin-bottom: 0; line-height: normal; } .subscribe { margin-top: 20px; } .subscribe input.form-control { border: 1px solid rgba(255, 255, 255, .1); } .subscribe .input-group-addon { background: none; border-radius: 0; border: 0; padding: 0; } .subscribe button { padding: 13px 20px; color: #fff; } .subscribe button:hover { background: #222; color: #fff; } .subscribe button i { font-size: 20px; } /* Footer links */ .footer ul li { color: #fff; padding-bottom: 10px; margin-bottom: 10px; } .footer ul.arrow li { width: 50%; float: left; } ul.arrow li:before { content: "\f105"; font-family: FontAwesome; margin-right: 10px; } .footer ul li a { color: #fff; } /* Copyright ================================================== */ #copyright { padding: 30px 0; background: #191919; color: #fff; } .copyright-info { font-size: 16px; border-top: 1px solid rgba(255,255,255,.15); max-width: 850px; margin: 30px auto 0; padding-top: 15px; } .copyright.angle:before { background: #191919; height: 50px; top: -25px; -webkit-transform: skew(0deg,-2deg); -moz-transform: skew(0deg,-2deg); -ms-transform: skewX(0deg) skewY(-2deg); -o-transform: skew(0deg,-2deg); transform: skew(0deg,-2deg); } .footer-social { position: relative; z-index: 10; } .footer-social .icon-pentagon i { font-size: 16px; } /* Footer sytle 2 */ .footer2 .social-icon { padding-bottom: 15px; } .footer2 .copyright-info { color: #323232; border-top: 1px solid #e7e7e7; } #back-to-top { right: 40px; top: auto; z-index: 10; -webkit-backface-visibility: hidden; } #back-to-top.affix { bottom: 60px; } #back-to-top .btn.btn-primary { border-radius: 100%; padding: 0; font-size: 18px; width: 36px; height: 36px; background: rgba(0,0,0,.3); border: 2px solid transparent; color: #fff; opacity: .5; } #back-to-top .btn.btn-primary:hover { color: #fff; opacity: 1; } /* Sub pages ================================================== */ /* Banner area */ #banner-area { position: relative; } .banner-title-content { position: absolute; top: 50%; width: 100%; height: 100%; } .banner-title-content h2 { color: #fff; font-size: 36px; } .banner-title-content .breadcrumb { background: none; color: #fff; font-weight: 700; font-size: 16px; } .banner-title-content .breadcrumb a:hover { color: #ccc; } /* About Us */ .about-message { background: #f4f4f4; min-height: 374px; } .about-message ul li a { color: #6A6A6A; } /* Services */ /* Call to Action */ .call-to-action { color: #fff; padding: 40px 0; } .call-to-action.dark { background: #2a2d32; } .call-to-action h3 { color: #fff; float: left; margin: 10px 0 0; font-size: 20px; } .call-to-action .btn.btn-primary.white:hover { background: #000; } .call-to-action .btn.btn-primary.solid { margin-left: 15px; } /* Career */ .panel.panel-default { margin-top: 20px; } h4.panel-title { position: relative; padding-left: 30px; } h4.panel-title a:before, h4.panel-title a.collapsed:before { font-family: FontAwesome; position: absolute; z-index: 0; font-size: 16px; left: 0; padding: 0 5px; text-align: center; } h4.panel-title a:before { content: "\f056"; } h4.panel-title a.collapsed:before { content: "\f055"; } .panel-body ul { padding-left: 35px; } .panel-group .btn.btn-primary.solid:hover { color: #333; } /* Testimonial */ .ts-testimonial-content { position: relative; padding: 30px 30px 15px 30px; border-width: 1px; border-style: solid; border-color: #e7e7e7; margin-bottom: 40px; } .ts-testimonial-content:after { content: ""; position: absolute; bottom: -40px; left: 45px; border-style: solid; border-width: 40px 0px 0 30px; border-color: #e7e7e7 transparent; display: block; width: 0; z-index: 1; } .ts-testimonial-content img { float: left; width: 80px; height: 80px; border-radius: 100%; } .ts-testimonial-text { padding-left: 110px; } .ts-testimonial-author { position: absolute; bottom: -60px; left: 90px; } .ts-testimonial-author h3.name { font-size: 14px; margin: 10px 0 0; } .ts-testimonial-author h3 span { display: block; font-size: 13px; margin-top: -10px; text-transform: capitalize; color: #555; } /* Faq Page */ .faq-box { margin-bottom: 45px; } .faq-box h4 { margin-bottom: 25px; } /* 404 page */ .error-page .error-code { display: block; font-size: 150px; line-height: 150px; color: #333; margin-bottom: 20px; text-shadow: 5px 5px 1px rgba(0,0,0,.1); } .error-page .error-body .btn { margin-top: 30px; font-weight: 700; } /* Blog ================================================== */ /* Blog Listing */ .post { margin: 0 0 40px; padding: 0 0 40px; border-bottom: 1px solid #F5F5F5; } .post.post-last { border-bottom: 0; } .post-image-wrapper { margin-bottom: 20px; position: relative; } .blog-date { position: absolute; top: 50px; left: 0; color: #fff; border-radius: 0 25px 25px 0; padding: 5px 15px; font-weight: 700; } .blog-date a { color: #fff; } .post-footer .btn.btn-primary { font-size: 12px; padding: 8px 20px; margin-top: 15px; } /* Blog Single */ .post-meta { color: #959595; font-weight: 400; font-size: 13px; } .post-meta span { padding-right: 10px; } .post-meta a { color: #959595 } .post-meta-author a, .post-meta-cats a { color: #323232; } .entry-content { padding: 20px 0 10px; } /* Blog author */ .about-author { background: #f2f2f2; padding: 15px 20px; margin: 20px 0; } .author-img img { width: 120px; height: 120px; margin-right: 30px; border-radius: 100%; margin-top: 20px; } .author-url span a { color: #959595; } .author-info h3 { margin-bottom: 10px; font-size: 20px; font-weight: normal; } .author-info h3 span { font-size: 14px; color: #959595; border-left: 1px solid #AFAFAF; padding-left: 8px; margin-left: 5px; } /* Blog post comments */ .comments-counter { font-size: 18px; } .comments-counter a { color: #323232; } .comments-list { list-style: none; margin: 0; padding: 20px 0; } .comments-list .comment { border-bottom: 1px solid #cecece; padding-bottom: 20px; margin-bottom: 20px; } .comments-list .comment.last { border-bottom: 0; } .comments-list img.comment-avatar { width: 84px; height: 84px; margin-right: 30px; border-radius: 100%; } .comments-list .comment-body { margin-left: 120px; } .comments-list .comment-author { margin-bottom: 0; } .comments-list .comment-date { font-style: italic; color: #959595; margin-bottom: 20px; } .comments-list .comment-reply { text-transform: uppercase; color: #323232; } .comments-reply { list-style: none; margin: 0 0 0 70px; } .comments-form .btn.btn-primary { padding: 10px 20px; } .comments-form label { font-weight: normal; color: #959595; } /* Sidebar */ .sidebar h3.widget-title { font-size: 18px; line-height: normal; margin-top: 0; } .sidebar .widget { margin-bottom: 40px; } .sidebar-right { padding-left: 20px; } /* Blog search */ .sidebar #search .input-group-btn .btn.btn-primary { padding: 11px 12px; } /*-- Blog tab widget --*/ .widget-tab .nav-tabs { margin: 0; text-align: center; border-bottom: 1px solid #e7e7e7; } .widget-tab .nav-tabs > li:first-child { margin-left: 10px; } .widget-tab .nav-tabs > li > a { background: #f2f2f2; color: #323232; font-size: 15px; font-weight: 700; text-transform: capitalize; border-radius: 3px 3px 0 0; margin-right: -1px; border: 1px solid #e7e7e7; border-bottom: 0; } .widget-tab .nav-tabs > li.active > a { background: #fff; color: #323232; border: 1px solid rgba(0,0,0,.1); border-bottom: 0; } .widget-tab .tab-content { border-top: 0; padding: 10px 0 0; } .widget-tab .posts-thumb img { display: block; width: 85px; height: 65px; margin-right: 20px; } .widget-tab .posts-avator img { display: block; width: 62px; height: 62px; margin-right: 20px; border-radius: 100%; } .widget-tab h4.entry-title { font-size: 11px; line-height: 15px; margin-bottom: 5px; } .widget-tab h4.entry-title a { color: #323232; } .widget-tab .post-meta span { padding-right: 5px; } .widget-tab ul.posts-list li { padding-bottom: 10px; } /*-- Blog category widget --*/ .widget-categories ul.category-list { list-style: none; margin: 0; padding: 0; } .widget-categories ul.category-list li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dedede; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .widget-categories ul.category-list li:hover { padding-left: 10px; } .widget-categories ul.category-list li a { color: #323232; } .widget-categories ul.category-list li:last-child { border-bottom: 0; } .widget-categories ul.category-list li .posts-count { } /*-- Blog tags widget --*/ .widget-tags ul > li { float: left; margin: 6px; } .widget-tags ul > li a { background: #f2f2f2; color: #6A6A6A; display: block; font-size: 14px; padding: 5px 15px; border-radius: 25px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .widget-tags ul > li a:hover { color: #fff; } /* Landing page ================================================== */ /* Header */ .landing-header.header-bgnone { background: rgba(0,0,0,.8); } .landing-header.header-bgnone ul.navbar-nav > li:hover > a, .landing-header.header-bgnone ul.navbar-nav > li.active > a { } .hero-section { height: 100%; background-image: url(../images/landing/main-bg.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: top center; padding-bottom: 0; padding-top: 200px; overflow: hidden; } .hero-section .container { height: 100%; } .hero-content { position: relative; display: table; height: 100%; width: 100%; } .hero-text { display: table-cell; vertical-align: bottom; color: #fff; padding-right: 50%; width: 100%; padding-bottom: 10%; } .hero-title { font-size: 40px; line-height: 50px; color: #fff; } .hero-description { margin-bottom: 30px; font-size: 18px; line-height: 30px; color: #fff; } .hero-images { display: block; position: absolute; bottom: 80px; right: 0; width: 50%; max-height: 100%; } .hero-images img { display: block; position: relative; max-height: 100%; width: auto; } .hero-buttons a.btn { color: #fff; padding: 15px 50px; } .hero-buttons a.btn.solid { margin-left: 10px; } .hero-buttons a i { margin-left: 5px; } /* Facts */ .landing_facts { color: #fff; padding: 50px 0; } .landing_facts .facts i { font-size: 36px; } .landing_facts .facts-num span { font-size: 56px; } /* Video and video background */ .video-embed { position: relative; padding-top: 56.25%; /* 16:9 */ height: 0; background-color: #000000; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } .video-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-background-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; } iframe { border: 0; } @media ( min-width: 768px ) { .video-section { padding: 100px 0; } } @media ( min-width: 992px ) { .video-section { padding: 120px 0; } } /* Screenshot image */ .app-gallery .grid { display: block; margin: 0 15px 20px; padding: 5px; } .app-gallery figure.effect-oscar a { margin: 125px 5px 0; } .app-gallery figure.effect-oscar figcaption::before { border: 0; } /* Subscribe Form */ .newsletter-form { position: relative; } .newsletter-form button { position: absolute; position: absolute; right: 0; top: 0; border-radius: 0 !important; color: #fff !important; padding: 14px 30px 12px !important; } .newsletter-form button:hover { color: #323232 !important; } /* Clients */ .landing_page_clients { padding-top: 30px; } /* Elements page ================================================== */ .testimonial.elements .testimonial-text, .testimonial.elements .testimonial-content h3.name, .testimonial.elements .testimonial-content h3 span { color: #323232; max-width: 500px; margin-left: auto; margin-right: auto; } .testimonial.elements .testimonial-slide.owl-theme .owl-controls .owl-page span { border: 1px solid #e7e7e7; } /* Style Swithcer ================================================== */ .style-switch-wrapper { position: fixed; top: 100px; right: -250px; width: 250px; height: auto; background-color: rgba(0,0,0,.75); border-bottom-right-radius: 4px; padding: 20px 20px; z-index: 1000; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .style-switch-wrapper h3 { color: #fff; margin-top: 0; margin-bottom: 20px; } .style-switch-wrapper.active { right: 0; } .style-switch-button { position: absolute; top: 0; right: 250px; width: 50px; height: 50px; background-color: rgba(0,0,0,.75); border-top-left-radius: 4px; border-bottom-left-radius: 4px; z-index: 1000; cursor: pointer; } .style-switch-button i { color: #FFF; position: relative; line-height: 1; top: 15px; left: 15px; font-size: 20px; } .style-switch-wrapper button { width: 30px; height: 30px; border-radius: 100% !important; margin-bottom: 5px; color: #fff; display: inline-block; padding: 0 !important; margin-right: 2px; border: 0 !important; } a.close-styler { color: #fff !important; padding: 7px 20px !important; margin-right: 6px; } .style-switch-wrapper button:active, .style-switch-wrapper button:focus { border: 2px solid #FFF; } .style-switch-wrapper #preset1 { background-color: #49a2e7; } .style-switch-wrapper #preset2 { background-color: #81c83c; } .style-switch-wrapper #preset3 { background-color: #ee3b24; } .style-switch-wrapper #preset4 { background-color: #ffc400; } .style-switch-wrapper #preset5 { background-color: #334F96; } .style-switch-wrapper #preset6 { background-color: #8C42BA; } /*! * Bootstrap v3.0.0 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat. *//*! normalize.css v2.1.0 | MIT License | git.io/normalize */article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block } audio, canvas, video { display:inline-block } audio:not([controls]) { display:none; height:0 } [hidden] { display:none } html { font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100% } body { margin:0 } a:focus { outline:thin dotted } a:active, a:hover { outline:0 } h1 { margin:.67em 0; font-size:2em } abbr[title] { border-bottom:1px dotted } b, strong { font-weight:bold } dfn { font-style:italic } hr { height:0; -moz-box-sizing:content-box; box-sizing:content-box } mark { color:#000; background:#ff0 } code, kbd, pre, samp { font-family:monospace, serif; font-size:1em } pre { white-space:pre-wrap } q { quotes:"\201C" "\201D" "\2018" "\2019" } small { font-size:80% } sub, sup { position:relative; font-size:75%; line-height:0; vertical-align:baseline } sup { top:-0.5em } sub { bottom:-0.25em } img { border:0 } svg:not(:root) { overflow:hidden } figure { margin:0 } fieldset { padding:.35em .625em .75em; margin:0 2px; border:1px solid #c0c0c0 } legend { padding:0; border:0 } button, input, select, textarea { margin:0; font-family:inherit; font-size:100% } button, input { line-height:normal } button, select { text-transform:none } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button } button[disabled], html input[disabled] { cursor:default } input[type="checkbox"], input[type="radio"] { padding:0; box-sizing:border-box } input[type="search"] { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-appearance:textfield } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none } button::-moz-focus-inner, input::-moz-focus-inner { padding:0; border:0 } textarea { overflow:auto; vertical-align:top } table { border-collapse:collapse; border-spacing:0 } @media print { * { color:#000!important; text-shadow:none!important; background:transparent!important; box-shadow:none!important } a, a:visited { text-decoration:underline } a[href]:after { content:" (" attr(href) ")" } abbr[title]:after { content:" (" attr(title) ")" } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:"" } pre, blockquote { border:1px solid #999; page-break-inside:avoid } thead { display:table-header-group } tr, img { page-break-inside:avoid } img { max-width:100%!important } @page { margin:2cm .5cm } p, h2, h3 { orphans:3; widows:3 } h2, h3 { page-break-after:avoid } .navbar { display:none } .table td, .table th { background-color:#fff!important } .btn>.caret, .dropup>.btn>.caret { border-top-color:#000!important } .label { border:1px solid #000 } .table { border-collapse:collapse!important } .table-bordered th, .table-bordered td { border:1px solid #ddd!important } } *, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } html { font-size:62.5%; -webkit-tap-highlight-color:rgba(0,0,0,0) } body { font-family: 'Noto Sans TC', sans-serif; font-size: 16px; line-height: 1.428571429; color: #333; background-color: #fff } input, button, select, textarea { font-family:inherit; font-size:inherit; line-height:inherit } button, input, select[multiple], textarea { background-image:none } a { color:#428bca; text-decoration:none } a:hover, a:focus { color:#2a6496; text-decoration:underline } a:focus { outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } img { vertical-align:middle } .img-responsive { display:block; height:auto; max-width:100% } .img-rounded { border-radius:6px } .img-thumbnail { display:inline-block; height:auto; max-width:100%; padding:4px; line-height:1.428571429; background-color:#fff; border:1px solid #ddd; border-radius:4px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out } .img-circle { border-radius:50% } hr { margin-top:20px; margin-bottom:20px; border:0; border-top:1px solid #eee } .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); border:0 } p { margin:0 0 10px } .lead { margin-bottom:20px; font-size:16.099999999999998px; font-weight:200; line-height:1.4 } @media(min-width:768px) { .lead { font-size:21px } } small { font-size:85% } cite { font-style:normal } .text-muted { color:#999 } .text-primary { color:#428bca } .text-warning { color:#c09853 } .text-danger { color:#b94a48 } .text-success { color:#468847 } .text-info { color:#3a87ad } .text-left { text-align:left } .text-right { text-align:right } .text-center { text-align:center } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Noto Sans TC', sans-serif; font-weight: 400; line-height: 1.1 } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { font-weight:normal; line-height:1; color:#999 } h1, h2, h3 { margin-top:20px; margin-bottom:10px } h4, h5, h6 { margin-top:10px; margin-bottom:10px } h1, .h1 { font-size:36px } h2, .h2 { font-size:30px } h3, .h3 { font-size:24px } h4, .h4 { font-size:18px } h5, .h5 { font-size:14px } h6, .h6 { font-size:12px } h1 small, .h1 small { font-size:24px } h2 small, .h2 small { font-size:18px } h3 small, .h3 small, h4 small, .h4 small { font-size:14px } .page-header { padding-bottom:9px; margin:40px 0 20px; border-bottom:1px solid #eee } ul, ol { margin-top:0; margin-bottom:10px } ul ul, ol ul, ul ol, ol ol { margin-bottom:0 } .list-unstyled { padding-left:0; list-style:none } .list-inline { padding-left:0; list-style:none } .list-inline>li { display:inline-block; padding-right:5px; padding-left:5px } dl { margin-bottom:20px } dt, dd { line-height:1.428571429 } dt { font-weight:bold } dd { margin-left:0 } @media(min-width:768px) { .dl-horizontal dt { float:left; width:160px; overflow:hidden; clear:left; text-align:right; text-overflow:ellipsis; white-space:nowrap } .dl-horizontal dd { margin-left:180px } .dl-horizontal dd:before, .dl-horizontal dd:after { display:table; content:" " } .dl-horizontal dd:after { clear:both } .dl-horizontal dd:before, .dl-horizontal dd:after { display:table; content:" " } .dl-horizontal dd:after { clear:both } } abbr[title], abbr[data-original-title] { cursor:help; border-bottom:1px dotted #999 } abbr.initialism { font-size:90%; text-transform:uppercase } blockquote { padding:10px 20px; margin:0 0 20px; border-left:5px solid #eee } blockquote p { font-size:17.5px; font-weight:300; line-height:1.25 } blockquote p:last-child { margin-bottom:0 } blockquote small { display:block; line-height:1.428571429; color:#999 } blockquote small:before { content:'\2014 \00A0' } blockquote.pull-right { padding-right:15px; padding-left:0; border-right:5px solid #eee; border-left:0 } blockquote.pull-right p, blockquote.pull-right small { text-align:right } blockquote.pull-right small:before { content:'' } blockquote.pull-right small:after { content:'\00A0 \2014' } q:before, q:after, blockquote:before, blockquote:after { content:"" } address { display:block; margin-bottom:20px; font-style:normal; line-height:1.428571429 } code, pre { font-family:Monaco, Menlo, Consolas, "Courier New", monospace } code { padding:2px 4px; font-size:90%; color:#c7254e; white-space:nowrap; background-color:#f9f2f4; border-radius:4px } pre { display:block; padding:9.5px; margin:0 0 10px; font-size:13px; line-height:1.428571429; color:#333; word-break:break-all; word-wrap:break-word; background-color:#f5f5f5; border:1px solid #ccc; border-radius:4px } pre.prettyprint { margin-bottom:20px } pre code { padding:0; font-size:inherit; color:inherit; white-space:pre-wrap; background-color:transparent; border:0 } .pre-scrollable { max-height:340px; overflow-y:scroll } .container { padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto } .container:before, .container:after { display:table; content:" " } .container:after { clear:both } .container:before, .container:after { display:table; content:" " } .container:after { clear:both } .row { margin-right:-15px; margin-left:-15px } .row:before, .row:after { display:table; content:" " } .row:after { clear:both } .row:before, .row:after { display:table; content:" " } .row:after { clear:both } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { position:relative; min-height:1px; padding-right:15px; padding-left:15px } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 { float:left } .col-xs-1 { width:8.333333333333332% } .col-xs-2 { width:16.666666666666664% } .col-xs-3 { width:25% } .col-xs-4 { width:33.33333333333333% } .col-xs-5 { width:41.66666666666667% } .col-xs-6 { width:50% } .col-xs-7 { width:58.333333333333336% } .col-xs-8 { width:66.66666666666666% } .col-xs-9 { width:75% } .col-xs-10 { width:83.33333333333334% } .col-xs-11 { width:91.66666666666666% } .col-xs-12 { width:100% } @media(min-width:768px) { .container { max-width:750px } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 { float:left } .col-sm-1 { width:8.333333333333332% } .col-sm-2 { width:16.666666666666664% } .col-sm-3 { width:25% } .col-sm-4 { width:33.33333333333333% } .col-sm-5 { width:41.66666666666667% } .col-sm-6 { width:50% } .col-sm-7 { width:58.333333333333336% } .col-sm-8 { width:66.66666666666666% } .col-sm-9 { width:75% } .col-sm-10 { width:83.33333333333334% } .col-sm-11 { width:91.66666666666666% } .col-sm-12 { width:100% } .col-sm-push-1 { left:8.333333333333332% } .col-sm-push-2 { left:16.666666666666664% } .col-sm-push-3 { left:25% } .col-sm-push-4 { left:33.33333333333333% } .col-sm-push-5 { left:41.66666666666667% } .col-sm-push-6 { left:50% } .col-sm-push-7 { left:58.333333333333336% } .col-sm-push-8 { left:66.66666666666666% } .col-sm-push-9 { left:75% } .col-sm-push-10 { left:83.33333333333334% } .col-sm-push-11 { left:91.66666666666666% } .col-sm-pull-1 { right:8.333333333333332% } .col-sm-pull-2 { right:16.666666666666664% } .col-sm-pull-3 { right:25% } .col-sm-pull-4 { right:33.33333333333333% } .col-sm-pull-5 { right:41.66666666666667% } .col-sm-pull-6 { right:50% } .col-sm-pull-7 { right:58.333333333333336% } .col-sm-pull-8 { right:66.66666666666666% } .col-sm-pull-9 { right:75% } .col-sm-pull-10 { right:83.33333333333334% } .col-sm-pull-11 { right:91.66666666666666% } .col-sm-offset-1 { margin-left:8.333333333333332% } .col-sm-offset-2 { margin-left:16.666666666666664% } .col-sm-offset-3 { margin-left:25% } .col-sm-offset-4 { margin-left:33.33333333333333% } .col-sm-offset-5 { margin-left:41.66666666666667% } .col-sm-offset-6 { margin-left:50% } .col-sm-offset-7 { margin-left:58.333333333333336% } .col-sm-offset-8 { margin-left:66.66666666666666% } .col-sm-offset-9 { margin-left:75% } .col-sm-offset-10 { margin-left:83.33333333333334% } .col-sm-offset-11 { margin-left:91.66666666666666% } } @media(min-width:992px) { .container { max-width:970px } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float:left } .col-md-1 { width:8.333333333333332% } .col-md-2 { width:16.666666666666664% } .col-md-3 { width:25% } .col-md-4 { width:33.33333333333333% } .col-md-5 { width:41.66666666666667% } .col-md-6 { width:50% } .col-md-7 { width:58.333333333333336% } .col-md-8 { width:66.66666666666666% } .col-md-9 { width:75% } .col-md-10 { width:83.33333333333334% } .col-md-11 { width:91.66666666666666% } .col-md-12 { width:100% } .col-md-push-0 { left:auto } .col-md-push-1 { left:8.333333333333332% } .col-md-push-2 { left:16.666666666666664% } .col-md-push-3 { left:25% } .col-md-push-4 { left:33.33333333333333% } .col-md-push-5 { left:41.66666666666667% } .col-md-push-6 { left:50% } .col-md-push-7 { left:58.333333333333336% } .col-md-push-8 { left:66.66666666666666% } .col-md-push-9 { left:75% } .col-md-push-10 { left:83.33333333333334% } .col-md-push-11 { left:91.66666666666666% } .col-md-pull-0 { right:auto } .col-md-pull-1 { right:8.333333333333332% } .col-md-pull-2 { right:16.666666666666664% } .col-md-pull-3 { right:25% } .col-md-pull-4 { right:33.33333333333333% } .col-md-pull-5 { right:41.66666666666667% } .col-md-pull-6 { right:50% } .col-md-pull-7 { right:58.333333333333336% } .col-md-pull-8 { right:66.66666666666666% } .col-md-pull-9 { right:75% } .col-md-pull-10 { right:83.33333333333334% } .col-md-pull-11 { right:91.66666666666666% } .col-md-offset-0 { margin-left:0 } .col-md-offset-1 { margin-left:8.333333333333332% } .col-md-offset-2 { margin-left:16.666666666666664% } .col-md-offset-3 { margin-left:25% } .col-md-offset-4 { margin-left:33.33333333333333% } .col-md-offset-5 { margin-left:41.66666666666667% } .col-md-offset-6 { margin-left:50% } .col-md-offset-7 { margin-left:58.333333333333336% } .col-md-offset-8 { margin-left:66.66666666666666% } .col-md-offset-9 { margin-left:75% } .col-md-offset-10 { margin-left:83.33333333333334% } .col-md-offset-11 { margin-left:91.66666666666666% } } @media(min-width:1200px) { .container { max-width:1170px } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 { float:left } .col-lg-1 { width:8.333333333333332% } .col-lg-2 { width:16.666666666666664% } .col-lg-3 { width:25% } .col-lg-4 { width:33.33333333333333% } .col-lg-5 { width:41.66666666666667% } .col-lg-6 { width:50% } .col-lg-7 { width:58.333333333333336% } .col-lg-8 { width:66.66666666666666% } .col-lg-9 { width:75% } .col-lg-10 { width:83.33333333333334% } .col-lg-11 { width:91.66666666666666% } .col-lg-12 { width:100% } .col-lg-push-0 { left:auto } .col-lg-push-1 { left:8.333333333333332% } .col-lg-push-2 { left:16.666666666666664% } .col-lg-push-3 { left:25% } .col-lg-push-4 { left:33.33333333333333% } .col-lg-push-5 { left:41.66666666666667% } .col-lg-push-6 { left:50% } .col-lg-push-7 { left:58.333333333333336% } .col-lg-push-8 { left:66.66666666666666% } .col-lg-push-9 { left:75% } .col-lg-push-10 { left:83.33333333333334% } .col-lg-push-11 { left:91.66666666666666% } .col-lg-pull-0 { right:auto } .col-lg-pull-1 { right:8.333333333333332% } .col-lg-pull-2 { right:16.666666666666664% } .col-lg-pull-3 { right:25% } .col-lg-pull-4 { right:33.33333333333333% } .col-lg-pull-5 { right:41.66666666666667% } .col-lg-pull-6 { right:50% } .col-lg-pull-7 { right:58.333333333333336% } .col-lg-pull-8 { right:66.66666666666666% } .col-lg-pull-9 { right:75% } .col-lg-pull-10 { right:83.33333333333334% } .col-lg-pull-11 { right:91.66666666666666% } .col-lg-offset-0 { margin-left:0 } .col-lg-offset-1 { margin-left:8.333333333333332% } .col-lg-offset-2 { margin-left:16.666666666666664% } .col-lg-offset-3 { margin-left:25% } .col-lg-offset-4 { margin-left:33.33333333333333% } .col-lg-offset-5 { margin-left:41.66666666666667% } .col-lg-offset-6 { margin-left:50% } .col-lg-offset-7 { margin-left:58.333333333333336% } .col-lg-offset-8 { margin-left:66.66666666666666% } .col-lg-offset-9 { margin-left:75% } .col-lg-offset-10 { margin-left:83.33333333333334% } .col-lg-offset-11 { margin-left:91.66666666666666% } } table { max-width:100%; background-color:transparent } th { text-align:left } .table { width:100%; margin-bottom:20px } .table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td { padding:8px; line-height:1.428571429; vertical-align:top; border-top:1px solid #ddd } .table thead>tr>th { vertical-align:bottom; border-bottom:2px solid #ddd } .table caption+thead tr:first-child th, .table colgroup+thead tr:first-child th, .table thead:first-child tr:first-child th, .table caption+thead tr:first-child td, .table colgroup+thead tr:first-child td, .table thead:first-child tr:first-child td { border-top:0 } .table tbody+tbody { border-top:2px solid #ddd } .table .table { background-color:#fff } .table-condensed thead>tr>th, .table-condensed tbody>tr>th, .table-condensed tfoot>tr>th, .table-condensed thead>tr>td, .table-condensed tbody>tr>td, .table-condensed tfoot>tr>td { padding:5px } .table-bordered { border:1px solid #ddd } .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { border:1px solid #ddd } .table-bordered>thead>tr>th, .table-bordered>thead>tr>td { border-bottom-width:2px } .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { background-color:#f9f9f9 } .table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th { background-color:#f5f5f5 } table col[class*="col-"] { display:table-column; float:none } table td[class*="col-"], table th[class*="col-"] { display:table-cell; float:none } .table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th { background-color:#f5f5f5 } .table>thead>tr>td.success, .table>tbody>tr>td.success, .table>tfoot>tr>td.success, .table>thead>tr>th.success, .table>tbody>tr>th.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>tbody>tr.success>td, .table>tfoot>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr.success>th, .table>tfoot>tr.success>th { background-color:#dff0d8; border-color:#d6e9c6 } .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td { background-color:#d0e9c6; border-color:#c9e2b3 } .table>thead>tr>td.danger, .table>tbody>tr>td.danger, .table>tfoot>tr>td.danger, .table>thead>tr>th.danger, .table>tbody>tr>th.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>tbody>tr.danger>td, .table>tfoot>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr.danger>th, .table>tfoot>tr.danger>th { background-color:#f2dede; border-color:#eed3d7 } .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td { background-color:#ebcccc; border-color:#e6c1c7 } .table>thead>tr>td.warning, .table>tbody>tr>td.warning, .table>tfoot>tr>td.warning, .table>thead>tr>th.warning, .table>tbody>tr>th.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>tbody>tr.warning>td, .table>tfoot>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr.warning>th, .table>tfoot>tr.warning>th { background-color:#fcf8e3; border-color:#fbeed5 } .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td { background-color:#faf2cc; border-color:#f8e5be } @media(max-width:768px) { .table-responsive { width:100%; margin-bottom:15px; overflow-x:scroll; overflow-y:hidden; border:1px solid #ddd } .table-responsive>.table { margin-bottom:0; background-color:#fff } .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td { white-space:nowrap } .table-responsive>.table-bordered { border:0 } .table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child { border-left:0 } .table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child { border-right:0 } .table-responsive>.table-bordered>thead>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>thead>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>td { border-bottom:0 } } fieldset { padding:0; margin:0; border:0 } legend { display:block; width:100%; padding:0; margin-bottom:20px; font-size:21px; line-height:inherit; color:#333; border:0; border-bottom:1px solid #e5e5e5 } label { display:inline-block; margin-bottom:5px; font-weight:bold } input[type="search"] { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } input[type="radio"], input[type="checkbox"] { margin:4px 0 0; margin-top:1px \9; line-height:normal } input[type="file"] { display:block } select[multiple], select[size] { height:auto } select optgroup { font-family:inherit; font-size:inherit; font-style:inherit } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { height:auto } .form-control:-moz-placeholder { color:#999 } .form-control::-moz-placeholder { color:#999 } .form-control:-ms-input-placeholder { color:#999 } .form-control::-webkit-input-placeholder { color:#999 } .form-control { display:block; width:100%; height:34px; padding:6px 12px; font-size:14px; line-height:1.428571429; color:#555; vertical-align:middle; background-color:#fff; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s } .form-control:focus { border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6) } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor:not-allowed; background-color:#eee } textarea.form-control { height:auto } .form-group { margin-bottom:15px } .radio, .checkbox { display:block; min-height:20px; padding-left:20px; margin-top:10px; margin-bottom:10px; vertical-align:middle } .radio label, .checkbox label { display:inline; margin-bottom:0; font-weight:normal; cursor:pointer } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float:left; margin-left:-20px } .radio+.radio, .checkbox+.checkbox { margin-top:-5px } .radio-inline, .checkbox-inline { display:inline-block; padding-left:20px; margin-bottom:0; font-weight:normal; vertical-align:middle; cursor:pointer } .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline { margin-top:0; margin-left:10px } input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline { cursor:not-allowed } .input-sm { height:30px; padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px } select.input-sm { height:30px; line-height:30px } textarea.input-sm { height:auto } .input-lg { height:45px; padding:10px 16px; font-size:18px; line-height:1.33; border-radius:6px } select.input-lg { height:45px; line-height:45px } textarea.input-lg { height:auto } .has-warning .help-block, .has-warning .control-label { color:#c09853 } .has-warning .form-control { border-color:#c09853; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075) } .has-warning .form-control:focus { border-color:#a47e3c; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #dbc59e; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #dbc59e } .has-warning .input-group-addon { color:#c09853; background-color:#fcf8e3; border-color:#c09853 } .has-error .help-block, .has-error .control-label { color:#b94a48 } .has-error .form-control { border-color:#b94a48; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075) } .has-error .form-control:focus { border-color:#953b39; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #d59392; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #d59392 } .has-error .input-group-addon { color:#b94a48; background-color:#f2dede; border-color:#b94a48 } .has-success .help-block, .has-success .control-label { color:#468847 } .has-success .form-control { border-color:#468847; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075) } .has-success .form-control:focus { border-color:#356635; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #7aba7b; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #7aba7b } .has-success .input-group-addon { color:#468847; background-color:#dff0d8; border-color:#468847 } .form-control-static { padding-top:7px; margin-bottom:0 } .help-block { display:block; margin-top:5px; margin-bottom:10px; color:#737373 } @media(min-width:768px) { .form-inline .form-group { display:inline-block; margin-bottom:0; vertical-align:middle } .form-inline .form-control { display:inline-block } .form-inline .radio, .form-inline .checkbox { display:inline-block; padding-left:0; margin-top:0; margin-bottom:0 } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float:none; margin-left:0 } } .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top:7px; margin-top:0; margin-bottom:0 } .form-horizontal .form-group { margin-right:-15px; margin-left:-15px } .form-horizontal .form-group:before, .form-horizontal .form-group:after { display:table; content:" " } .form-horizontal .form-group:after { clear:both } .form-horizontal .form-group:before, .form-horizontal .form-group:after { display:table; content:" " } .form-horizontal .form-group:after { clear:both } @media(min-width:768px) { .form-horizontal .control-label { text-align:right } } .btn { display:inline-block; padding:6px 12px; margin-bottom:0; font-size:14px; font-weight:normal; line-height:1.428571429; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; border:1px solid transparent; border-radius:0px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none } .btn:focus { outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } .btn:hover, .btn:focus { color:#333; text-decoration:none } .btn:active, .btn.active { background-image:none; outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125); box-shadow:inset 0 3px 5px rgba(0,0,0,0.125) } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events:none; cursor:not-allowed; opacity:.65; filter:alpha(opacity=65); -webkit-box-shadow:none; box-shadow:none } .btn-default { color:#333; background-color:#fff; border-color:#ccc } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image:none } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color:#fff; border-color:#ccc } .btn-primary { color:#fff; background-color:#428bca; border-color:#357ebd } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color:#fff; background-color:#3276b1; border-color:#285e8e } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image:none } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color:#ccc; border-color:#ccc } .btn-warning { color:#fff; background-color:#f0ad4e; border-color:#eea236 } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color:#fff; background-color:#ed9c28; border-color:#d58512 } .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image:none } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color:#f0ad4e; border-color:#eea236 } .btn-danger { color:#fff; background-color:#d9534f; border-color:#d43f3a } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color:#fff; background-color:#d2322d; border-color:#ac2925 } .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image:none } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color:#d9534f; border-color:#d43f3a } .btn-success { color:#fff; background-color:#5cb85c; border-color:#4cae4c } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color:#fff; background-color:#47a447; border-color:#398439 } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image:none } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color:#5cb85c; border-color:#4cae4c } .btn-info { color:#fff; background-color:#5bc0de; border-color:#46b8da } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color:#fff; background-color:#39b3d7; border-color:#269abc } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image:none } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color:#5bc0de; border-color:#46b8da } .btn-link { font-weight:normal; color:#428bca; cursor:pointer; border-radius:0 } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color:transparent; -webkit-box-shadow:none; box-shadow:none } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color:transparent } .btn-link:hover, .btn-link:focus { color:#2a6496; text-decoration:underline; background-color:transparent } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color:#999; text-decoration:none } .btn-lg { padding:10px 16px; font-size:18px; line-height:1.33; border-radius:6px } .btn-sm, .btn-xs { padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px } .btn-xs { padding:1px 5px } .btn-block { display:block; width:100%; padding-right:0; padding-left:0 } .btn-block+.btn-block { margin-top:5px } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width:100% } .fade { opacity:0; -webkit-transition:opacity .15s linear; transition:opacity .15s linear } .fade.in { opacity:1 } .collapse { display:none } .collapse.in { display:block } .collapsing { position:relative; height:0; overflow:hidden; -webkit-transition:height .35s ease; transition:height .35s ease } @font-face { font-family:'Glyphicons Halflings'; src:url('../fonts/glyphicons-halflings-regular.html'); src:url('../fonts/glyphicons-halflings-regulard41d.html?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular-2.html') format('woff'), url('../fonts/glyphicons-halflings-regular-3.html') format('truetype'), url('../fonts/glyphicons-halflings-regular-4.html#glyphicons-halflingsregular') format('svg') } .glyphicon { position:relative; top:1px; display:inline-block; font-family:'Glyphicons Halflings'; -webkit-font-smoothing:antialiased; font-style:normal; font-weight:normal; line-height:1 } .glyphicon-asterisk:before { content:"\2a" } .glyphicon-plus:before { content:"\2b" } .glyphicon-euro:before { content:"\20ac" } .glyphicon-minus:before { content:"\2212" } .glyphicon-cloud:before { content:"\2601" } .glyphicon-envelope:before { content:"\2709" } .glyphicon-pencil:before { content:"\270f" } .glyphicon-glass:before { content:"\e001" } .glyphicon-music:before { content:"\e002" } .glyphicon-search:before { content:"\e003" } .glyphicon-heart:before { content:"\e005" } .glyphicon-star:before { content:"\e006" } .glyphicon-star-empty:before { content:"\e007" } .glyphicon-user:before { content:"\e008" } .glyphicon-film:before { content:"\e009" } .glyphicon-th-large:before { content:"\e010" } .glyphicon-th:before { content:"\e011" } .glyphicon-th-list:before { content:"\e012" } .glyphicon-ok:before { content:"\e013" } .glyphicon-remove:before { content:"\e014" } .glyphicon-zoom-in:before { content:"\e015" } .glyphicon-zoom-out:before { content:"\e016" } .glyphicon-off:before { content:"\e017" } .glyphicon-signal:before { content:"\e018" } .glyphicon-cog:before { content:"\e019" } .glyphicon-trash:before { content:"\e020" } .glyphicon-home:before { content:"\e021" } .glyphicon-file:before { content:"\e022" } .glyphicon-time:before { content:"\e023" } .glyphicon-road:before { content:"\e024" } .glyphicon-download-alt:before { content:"\e025" } .glyphicon-download:before { content:"\e026" } .glyphicon-upload:before { content:"\e027" } .glyphicon-inbox:before { content:"\e028" } .glyphicon-play-circle:before { content:"\e029" } .glyphicon-repeat:before { content:"\e030" } .glyphicon-refresh:before { content:"\e031" } .glyphicon-list-alt:before { content:"\e032" } .glyphicon-flag:before { content:"\e034" } .glyphicon-headphones:before { content:"\e035" } .glyphicon-volume-off:before { content:"\e036" } .glyphicon-volume-down:before { content:"\e037" } .glyphicon-volume-up:before { content:"\e038" } .glyphicon-qrcode:before { content:"\e039" } .glyphicon-barcode:before { content:"\e040" } .glyphicon-tag:before { content:"\e041" } .glyphicon-tags:before { content:"\e042" } .glyphicon-book:before { content:"\e043" } .glyphicon-print:before { content:"\e045" } .glyphicon-font:before { content:"\e047" } .glyphicon-bold:before { content:"\e048" } .glyphicon-italic:before { content:"\e049" } .glyphicon-text-height:before { content:"\e050" } .glyphicon-text-width:before { content:"\e051" } .glyphicon-align-left:before { content:"\e052" } .glyphicon-align-center:before { content:"\e053" } .glyphicon-align-right:before { content:"\e054" } .glyphicon-align-justify:before { content:"\e055" } .glyphicon-list:before { content:"\e056" } .glyphicon-indent-left:before { content:"\e057" } .glyphicon-indent-right:before { content:"\e058" } .glyphicon-facetime-video:before { content:"\e059" } .glyphicon-picture:before { content:"\e060" } .glyphicon-map-marker:before { content:"\e062" } .glyphicon-adjust:before { content:"\e063" } .glyphicon-tint:before { content:"\e064" } .glyphicon-edit:before { content:"\e065" } .glyphicon-share:before { content:"\e066" } .glyphicon-check:before { content:"\e067" } .glyphicon-move:before { content:"\e068" } .glyphicon-step-backward:before { content:"\e069" } .glyphicon-fast-backward:before { content:"\e070" } .glyphicon-backward:before { content:"\e071" } .glyphicon-play:before { content:"\e072" } .glyphicon-pause:before { content:"\e073" } .glyphicon-stop:before { content:"\e074" } .glyphicon-forward:before { content:"\e075" } .glyphicon-fast-forward:before { content:"\e076" } .glyphicon-step-forward:before { content:"\e077" } .glyphicon-eject:before { content:"\e078" } .glyphicon-chevron-left:before { content:"\e079" } .glyphicon-chevron-right:before { content:"\e080" } .glyphicon-plus-sign:before { content:"\e081" } .glyphicon-minus-sign:before { content:"\e082" } .glyphicon-remove-sign:before { content:"\e083" } .glyphicon-ok-sign:before { content:"\e084" } .glyphicon-question-sign:before { content:"\e085" } .glyphicon-info-sign:before { content:"\e086" } .glyphicon-screenshot:before { content:"\e087" } .glyphicon-remove-circle:before { content:"\e088" } .glyphicon-ok-circle:before { content:"\e089" } .glyphicon-ban-circle:before { content:"\e090" } .glyphicon-arrow-left:before { content:"\e091" } .glyphicon-arrow-right:before { content:"\e092" } .glyphicon-arrow-up:before { content:"\e093" } .glyphicon-arrow-down:before { content:"\e094" } .glyphicon-share-alt:before { content:"\e095" } .glyphicon-resize-full:before { content:"\e096" } .glyphicon-resize-small:before { content:"\e097" } .glyphicon-exclamation-sign:before { content:"\e101" } .glyphicon-gift:before { content:"\e102" } .glyphicon-leaf:before { content:"\e103" } .glyphicon-eye-open:before { content:"\e105" } .glyphicon-eye-close:before { content:"\e106" } .glyphicon-warning-sign:before { content:"\e107" } .glyphicon-plane:before { content:"\e108" } .glyphicon-random:before { content:"\e110" } .glyphicon-comment:before { content:"\e111" } .glyphicon-magnet:before { content:"\e112" } .glyphicon-chevron-up:before { content:"\e113" } .glyphicon-chevron-down:before { content:"\e114" } .glyphicon-retweet:before { content:"\e115" } .glyphicon-shopping-cart:before { content:"\e116" } .glyphicon-folder-close:before { content:"\e117" } .glyphicon-folder-open:before { content:"\e118" } .glyphicon-resize-vertical:before { content:"\e119" } .glyphicon-resize-horizontal:before { content:"\e120" } .glyphicon-hdd:before { content:"\e121" } .glyphicon-bullhorn:before { content:"\e122" } .glyphicon-certificate:before { content:"\e124" } .glyphicon-thumbs-up:before { content:"\e125" } .glyphicon-thumbs-down:before { content:"\e126" } .glyphicon-hand-right:before { content:"\e127" } .glyphicon-hand-left:before { content:"\e128" } .glyphicon-hand-up:before { content:"\e129" } .glyphicon-hand-down:before { content:"\e130" } .glyphicon-circle-arrow-right:before { content:"\e131" } .glyphicon-circle-arrow-left:before { content:"\e132" } .glyphicon-circle-arrow-up:before { content:"\e133" } .glyphicon-circle-arrow-down:before { content:"\e134" } .glyphicon-globe:before { content:"\e135" } .glyphicon-tasks:before { content:"\e137" } .glyphicon-filter:before { content:"\e138" } .glyphicon-fullscreen:before { content:"\e140" } .glyphicon-dashboard:before { content:"\e141" } .glyphicon-heart-empty:before { content:"\e143" } .glyphicon-link:before { content:"\e144" } .glyphicon-phone:before { content:"\e145" } .glyphicon-usd:before { content:"\e148" } .glyphicon-gbp:before { content:"\e149" } .glyphicon-sort:before { content:"\e150" } .glyphicon-sort-by-alphabet:before { content:"\e151" } .glyphicon-sort-by-alphabet-alt:before { content:"\e152" } .glyphicon-sort-by-order:before { content:"\e153" } .glyphicon-sort-by-order-alt:before { content:"\e154" } .glyphicon-sort-by-attributes:before { content:"\e155" } .glyphicon-sort-by-attributes-alt:before { content:"\e156" } .glyphicon-unchecked:before { content:"\e157" } .glyphicon-expand:before { content:"\e158" } .glyphicon-collapse-down:before { content:"\e159" } .glyphicon-collapse-up:before { content:"\e160" } .glyphicon-log-in:before { content:"\e161" } .glyphicon-flash:before { content:"\e162" } .glyphicon-log-out:before { content:"\e163" } .glyphicon-new-window:before { content:"\e164" } .glyphicon-record:before { content:"\e165" } .glyphicon-save:before { content:"\e166" } .glyphicon-open:before { content:"\e167" } .glyphicon-saved:before { content:"\e168" } .glyphicon-import:before { content:"\e169" } .glyphicon-export:before { content:"\e170" } .glyphicon-send:before { content:"\e171" } .glyphicon-floppy-disk:before { content:"\e172" } .glyphicon-floppy-saved:before { content:"\e173" } .glyphicon-floppy-remove:before { content:"\e174" } .glyphicon-floppy-save:before { content:"\e175" } .glyphicon-floppy-open:before { content:"\e176" } .glyphicon-credit-card:before { content:"\e177" } .glyphicon-transfer:before { content:"\e178" } .glyphicon-cutlery:before { content:"\e179" } .glyphicon-header:before { content:"\e180" } .glyphicon-compressed:before { content:"\e181" } .glyphicon-earphone:before { content:"\e182" } .glyphicon-phone-alt:before { content:"\e183" } .glyphicon-tower:before { content:"\e184" } .glyphicon-stats:before { content:"\e185" } .glyphicon-sd-video:before { content:"\e186" } .glyphicon-hd-video:before { content:"\e187" } .glyphicon-subtitles:before { content:"\e188" } .glyphicon-sound-stereo:before { content:"\e189" } .glyphicon-sound-dolby:before { content:"\e190" } .glyphicon-sound-5-1:before { content:"\e191" } .glyphicon-sound-6-1:before { content:"\e192" } .glyphicon-sound-7-1:before { content:"\e193" } .glyphicon-copyright-mark:before { content:"\e194" } .glyphicon-registration-mark:before { content:"\e195" } .glyphicon-cloud-download:before { content:"\e197" } .glyphicon-cloud-upload:before { content:"\e198" } .glyphicon-tree-conifer:before { content:"\e199" } .glyphicon-tree-deciduous:before { content:"\e200" } .glyphicon-briefcase:before { content:"\1f4bc" } .glyphicon-calendar:before { content:"\1f4c5" } .glyphicon-pushpin:before { content:"\1f4cc" } .glyphicon-paperclip:before { content:"\1f4ce" } .glyphicon-camera:before { content:"\1f4f7" } .glyphicon-lock:before { content:"\1f512" } .glyphicon-bell:before { content:"\1f514" } .glyphicon-bookmark:before { content:"\1f516" } .glyphicon-fire:before { content:"\1f525" } .glyphicon-wrench:before { content:"\1f527" } .caret { display:inline-block; width:0; height:0; margin-left:2px; vertical-align:middle; border-top:4px solid #000; border-right:4px solid transparent; border-bottom:0 dotted; border-left:4px solid transparent; content:"" } .dropdown { position:relative } .dropdown-toggle:focus { outline:0 } .dropdown-menu { position:absolute; top:100%; left:0; z-index:1000; display:none; float:left; min-width:160px; padding:5px 0; margin:2px 0 0; font-size:14px; list-style:none; background-color:#fff; border:1px solid #ccc; border:1px solid rgba(0,0,0,0.15); border-radius:4px; -webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175); box-shadow:0 6px 12px rgba(0,0,0,0.175); background-clip:padding-box } .dropdown-menu.pull-right { right:0; left:auto } .dropdown-menu .divider { height:1px; margin:9px 0; overflow:hidden; background-color:#e5e5e5 } .dropdown-menu>li>a { display:block; padding:3px 20px; clear:both; font-weight:normal; line-height:1.428571429; color:#333; white-space:nowrap } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color:#fff; text-decoration:none; background-color:#428bca } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color:#fff; text-decoration:none; background-color:#428bca; outline:0 } .dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { color:#999 } .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { text-decoration:none; cursor:not-allowed; background-color:transparent; background-image:none; filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) } .open>.dropdown-menu { display:block } .open>a { outline:0 } .dropdown-header { display:block; padding:3px 20px; font-size:12px; line-height:1.428571429; color:#999 } .dropdown-backdrop { position:fixed; top:0; right:0; bottom:0; left:0; z-index:990 } .pull-right>.dropdown-menu { right:0; left:auto } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top:0 dotted; border-bottom:4px solid #000; content:"" } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top:auto; bottom:100%; margin-bottom:1px } @media(min-width:768px) { .navbar-right .dropdown-menu { right:0; left:auto } } .btn-default .caret { border-top-color:#333 } .btn-primary .caret, .btn-success .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret { border-top-color:#fff } .dropup .btn-default .caret { border-bottom-color:#333 } .dropup .btn-primary .caret, .dropup .btn-success .caret, .dropup .btn-warning .caret, .dropup .btn-danger .caret, .dropup .btn-info .caret { border-bottom-color:#fff } .btn-group, .btn-group-vertical { position:relative; display:inline-block; vertical-align:middle } .btn-group>.btn, .btn-group-vertical>.btn { position:relative; float:left } .btn-group>.btn:hover, .btn-group-vertical>.btn:hover, .btn-group>.btn:focus, .btn-group-vertical>.btn:focus, .btn-group>.btn:active, .btn-group-vertical>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn.active { z-index:2 } .btn-group>.btn:focus, .btn-group-vertical>.btn:focus { outline:0 } .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { margin-left:-1px } .btn-toolbar:before, .btn-toolbar:after { display:table; content:" " } .btn-toolbar:after { clear:both } .btn-toolbar:before, .btn-toolbar:after { display:table; content:" " } .btn-toolbar:after { clear:both } .btn-toolbar .btn-group { float:left } .btn-toolbar>.btn+.btn, .btn-toolbar>.btn-group+.btn, .btn-toolbar>.btn+.btn-group, .btn-toolbar>.btn-group+.btn-group { margin-left:5px } .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius:0 } .btn-group>.btn:first-child { margin-left:0 } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius:0; border-bottom-right-radius:0 } .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { border-bottom-left-radius:0; border-top-left-radius:0 } .btn-group>.btn-group { float:left } .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius:0 } .btn-group>.btn-group:first-child>.btn:last-child, .btn-group>.btn-group:first-child>.dropdown-toggle { border-top-right-radius:0; border-bottom-right-radius:0 } .btn-group>.btn-group:last-child>.btn:first-child { border-bottom-left-radius:0; border-top-left-radius:0 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline:0 } .btn-group-xs>.btn { padding:5px 10px; padding:1px 5px; font-size:12px; line-height:1.5; border-radius:3px } .btn-group-sm>.btn { padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px } .btn-group-lg>.btn { padding:10px 16px; font-size:18px; line-height:1.33; border-radius:6px } .btn-group>.btn+.dropdown-toggle { padding-right:8px; padding-left:8px } .btn-group>.btn-lg+.dropdown-toggle { padding-right:12px; padding-left:12px } .btn-group.open .dropdown-toggle { -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125); box-shadow:inset 0 3px 5px rgba(0,0,0,0.125) } .btn .caret { margin-left:0 } .btn-lg .caret { border-width:5px 5px 0; border-bottom-width:0 } .dropup .btn-lg .caret { border-width:0 5px 5px } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group { display:block; float:none; width:100%; max-width:100% } .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after { display:table; content:" " } .btn-group-vertical>.btn-group:after { clear:both } .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after { display:table; content:" " } .btn-group-vertical>.btn-group:after { clear:both } .btn-group-vertical>.btn-group>.btn { float:none } .btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group { margin-top:-1px; margin-left:0 } .btn-group-vertical>.btn:not(:first-child):not(:last-child) { border-radius:0 } .btn-group-vertical>.btn:first-child:not(:last-child) { border-top-right-radius:4px; border-bottom-right-radius:0; border-bottom-left-radius:0 } .btn-group-vertical>.btn:last-child:not(:first-child) { border-top-right-radius:0; border-bottom-left-radius:4px; border-top-left-radius:0 } .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius:0 } .btn-group-vertical>.btn-group:first-child>.btn:last-child, .btn-group-vertical>.btn-group:first-child>.dropdown-toggle { border-bottom-right-radius:0; border-bottom-left-radius:0 } .btn-group-vertical>.btn-group:last-child>.btn:first-child { border-top-right-radius:0; border-top-left-radius:0 } .btn-group-justified { display:table; width:100%; border-collapse:separate; table-layout:fixed } .btn-group-justified .btn { display:table-cell; float:none; width:1% } [data-toggle="buttons"]>.btn>input[type="radio"], [data-toggle="buttons"]>.btn>input[type="checkbox"] { display:none } .input-group { position:relative; display:table; border-collapse:separate } .input-group.col { float:none; padding-right:0; padding-left:0 } .input-group .form-control { width:100%; margin-bottom:0 } .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { height:45px; padding:10px 16px; font-size:18px; line-height:1.33; border-radius:6px } select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn { height:45px; line-height:45px } textarea.input-group-lg>.form-control, textarea.input-group-lg>.input-group-addon, textarea.input-group-lg>.input-group-btn>.btn { height:auto } .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn { height:30px; padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px } select.input-group-sm>.form-control, select.input-group-sm>.input-group-addon, select.input-group-sm>.input-group-btn>.btn { height:30px; line-height:30px } textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn { height:auto } .input-group-addon, .input-group-btn, .input-group .form-control { display:table-cell } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius:0 } .input-group-addon, .input-group-btn { width:1%; white-space:nowrap; vertical-align:middle } .input-group-addon { padding:6px 12px; font-size:14px; font-weight:normal; line-height:1; text-align:center; background-color:#eee; border:1px solid #ccc; border-radius:4px } .input-group-addon.input-sm { padding:5px 10px; font-size:12px; border-radius:3px } .input-group-addon.input-lg { padding:10px 16px; font-size:18px; border-radius:6px } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top:0 } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius:0; border-bottom-right-radius:0 } .input-group-addon:first-child { border-right:0 } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child) { border-bottom-left-radius:0; border-top-left-radius:0 } .input-group-addon:last-child { border-left:0 } .input-group-btn { position:relative; white-space:nowrap } .input-group-btn>.btn { position:relative } .input-group-btn>.btn+.btn { margin-left:-4px } .input-group-btn>.btn:hover, .input-group-btn>.btn:active { z-index:2 } .nav { padding-left:0; margin-bottom:0; list-style:none } .nav:before, .nav:after { display:table; content:" " } .nav:after { clear:both } .nav:before, .nav:after { display:table; content:" " } .nav:after { clear:both } .nav>li { position:relative; display:block } .nav>li>a { position:relative; display:block; padding:10px 15px } .nav>li>a:hover, .nav>li>a:focus { text-decoration:none; } .nav>li.disabled>a { color:#999 } .nav>li.disabled>a:hover, .nav>li.disabled>a:focus { color:#999; text-decoration:none; cursor:not-allowed; background-color:transparent } .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color:#eee; border-color:#428bca } .nav .nav-divider { height:1px; margin:9px 0; overflow:hidden; background-color:#e5e5e5 } .nav>li>a>img { max-width:none } .nav-tabs { border-bottom:1px solid #ddd } .nav-tabs>li { float:left; margin-bottom:-1px } .nav-tabs>li>a { margin-right:2px; line-height:1.428571429; border:1px solid transparent; border-radius:4px 4px 0 0 } .nav-tabs>li>a:hover { } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color:#fff; cursor:default; background-color:#FF1C32; } .nav-tabs.nav-justified { width:100%; border-bottom:0 } .nav-tabs.nav-justified>li { float:none } .nav-tabs.nav-justified>li>a { text-align:center } @media(min-width:768px) { .nav-tabs.nav-justified>li { display:table-cell; width:1% } } .nav-tabs.nav-justified>li>a { margin-right:0; border-bottom:1px solid #ddd } .nav-tabs.nav-justified>.active>a { border-bottom-color:#fff } .nav-pills>li { float:left } .nav-pills>li>a { border-radius:5px } .nav-pills>li+li { margin-left:2px } .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { color:#fff; background-color:#428bca } .nav-stacked>li { float:none } .nav-stacked>li+li { margin-top:2px; margin-left:0 } .nav-justified { width:100% } .nav-justified>li { float:none } .nav-justified>li>a { text-align:center } @media(min-width:768px) { .nav-justified>li { display:table-cell; width:1% } } .nav-tabs-justified { border-bottom:0 } .nav-tabs-justified>li>a { margin-right:0; border-bottom:1px solid #ddd } .nav-tabs-justified>.active>a { border-bottom-color:#fff } .tabbable:before, .tabbable:after { display:table; content:" " } .tabbable:after { clear:both } .tabbable:before, .tabbable:after { display:table; content:" " } .tabbable:after { clear:both } .tab-content>.tab-pane, .pill-content>.pill-pane { display:none } .tab-content>.active, .pill-content>.active { display:block } .nav .caret { border-top-color:#428bca; border-bottom-color:#428bca } .nav a:hover .caret { border-top-color:#2a6496; border-bottom-color:#2a6496 } .nav-tabs .dropdown-menu { margin-top:-1px; border-top-right-radius:0; border-top-left-radius:0 } .navbar { position:relative; z-index:1000; min-height:50px; margin-bottom:20px; border:1px solid transparent } .navbar:before, .navbar:after { display:table; content:" " } .navbar:after { clear:both } .navbar:before, .navbar:after { display:table; content:" " } .navbar:after { clear:both } @media(min-width:768px) { .navbar { border-radius:4px } } .navbar-header:before, .navbar-header:after { display:table; content:" " } .navbar-header:after { clear:both } .navbar-header:before, .navbar-header:after { display:table; content:" " } .navbar-header:after { clear:both } @media(min-width:768px) { .navbar-header { float:left } } .navbar-collapse { max-height:340px; padding-right:15px; padding-left:15px; overflow-x:visible; border-top:1px solid transparent; box-shadow:inset 0 1px 0 rgba(255,255,255,0.1); -webkit-overflow-scrolling:touch } .navbar-collapse:before, .navbar-collapse:after { display:table; content:" " } .navbar-collapse:after { clear:both } .navbar-collapse:before, .navbar-collapse:after { display:table; content:" " } .navbar-collapse:after { clear:both } .navbar-collapse.in { overflow-y:auto } @media(min-width:768px) { .navbar-collapse { width:auto; border-top:0; box-shadow:none } .navbar-collapse.collapse { display:block!important; height:auto!important; padding-bottom:0; overflow:visible!important } .navbar-collapse.in { overflow-y:visible } .navbar-collapse .navbar-nav.navbar-left:first-child { margin-left:-15px } .navbar-collapse .navbar-nav.navbar-right:last-child { margin-right:-15px } .navbar-collapse .navbar-text:last-child { margin-right:0 } } .container>.navbar-header, .container>.navbar-collapse { margin-right:-15px; margin-left:-15px } @media(min-width:768px) { .container>.navbar-header, .container>.navbar-collapse { margin-right:0; margin-left:0 } } .navbar-static-top { border-width:0 0 1px } @media(min-width:768px) { .navbar-static-top { border-radius:0 } } .navbar-fixed-top, .navbar-fixed-bottom { position:fixed; right:0; left:0; border-width:0 0 1px } @media(min-width:768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius:0 } } .navbar-fixed-top { top:0; z-index:1030 } .navbar-fixed-bottom { bottom:0; margin-bottom:0 } .navbar-brand { float:left; padding:15px 15px; font-size:18px; line-height:20px } .navbar-brand:hover, .navbar-brand:focus { text-decoration:none } @media(min-width:768px) { .navbar>.container .navbar-brand { margin-left:-15px } } .navbar-toggle { position:relative; float:right; padding:9px 10px; margin-top:8px; margin-right:15px; margin-bottom:8px; background-color:transparent; border:1px solid transparent; border-radius:4px } .navbar-toggle .icon-bar { display:block; width:22px; height:2px; border-radius:1px } .navbar-toggle .icon-bar+.icon-bar { margin-top:4px } @media(min-width:768px) { .navbar-toggle { display:none } } .navbar-nav { margin:7.5px -15px } .navbar-nav>li>a { padding-top:10px; padding-bottom:10px; line-height:20px } @media(max-width:767px) { .navbar-nav .open .dropdown-menu { position:static; float:none; width:auto; margin-top:0; background-color:transparent; border:0; box-shadow:none } .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header { padding:5px 15px 5px 25px } .navbar-nav .open .dropdown-menu>li>a { line-height:20px } .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus { background-image:none } } @media(min-width:768px) { .navbar-nav { float:left; margin:0 } .navbar-nav>li { float:left } .navbar-nav>li>a { padding-top:15px; padding-bottom:15px } } @media(min-width:768px) { .navbar-left { float:left!important } .navbar-right { float:right!important } } .navbar-form { padding:10px 15px; margin-top:8px; margin-right:-15px; margin-bottom:8px; margin-left:-15px; border-top:1px solid transparent; border-bottom:1px solid transparent; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.1); box-shadow:inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.1) } @media(min-width:768px) { .navbar-form .form-group { display:inline-block; margin-bottom:0; vertical-align:middle } .navbar-form .form-control { display:inline-block } .navbar-form .radio, .navbar-form .checkbox { display:inline-block; padding-left:0; margin-top:0; margin-bottom:0 } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { float:none; margin-left:0 } } @media(max-width:767px) { .navbar-form .form-group { margin-bottom:5px } } @media(min-width:768px) { .navbar-form { width:auto; padding-top:0; padding-bottom:0; margin-right:0; margin-left:0; border:0; -webkit-box-shadow:none; box-shadow:none } } .navbar-nav>li>.dropdown-menu { margin-top:0; border-top-right-radius:0; border-top-left-radius:0 } .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { border-bottom-right-radius:0; border-bottom-left-radius:0 } .navbar-nav.pull-right>li>.dropdown-menu, .navbar-nav>li>.dropdown-menu.pull-right { right:0; left:auto } .navbar-btn { margin-top:8px; margin-bottom:8px } .navbar-text { float:left; margin-top:15px; margin-bottom:15px } @media(min-width:768px) { .navbar-text { margin-right:15px; margin-left:15px } } .navbar-default { background-color:#f8f8f8; border-color:#e7e7e7 } .navbar-default .navbar-brand { color:#777 } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color:#5e5e5e; background-color:transparent } .navbar-default .navbar-text { color:#777 } .navbar-default .navbar-nav>li>a { color:#777 } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color:#333; background-color:transparent } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color:#555; background-color:#e7e7e7 } .navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus { color:#ccc; background-color:transparent } .navbar-default .navbar-toggle { border-color:#ddd } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:#ddd } .navbar-default .navbar-toggle .icon-bar { background-color:#ccc } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color:#e6e6e6 } .navbar-default .navbar-nav>.dropdown>a:hover .caret, .navbar-default .navbar-nav>.dropdown>a:focus .caret { border-top-color:#333; border-bottom-color:#333 } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color:#555; background-color:#e7e7e7 } .navbar-default .navbar-nav>.open>a .caret, .navbar-default .navbar-nav>.open>a:hover .caret, .navbar-default .navbar-nav>.open>a:focus .caret { border-top-color:#555; border-bottom-color:#555 } .navbar-default .navbar-nav>.dropdown>a .caret { border-top-color:#777; border-bottom-color:#777 } @media(max-width:767px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color:#777 } .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color:#333; background-color:transparent } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus { color:#555; background-color:#e7e7e7 } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus { color:#ccc; background-color:transparent } } .navbar-default .navbar-link { color:#777 } .navbar-default .navbar-link:hover { color:#333 } .navbar-inverse { background-color:#222; border-color:#080808 } .navbar-inverse .navbar-brand { color:#999 } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color:#fff; background-color:transparent } .navbar-inverse .navbar-text { color:#999 } .navbar-inverse .navbar-nav>li>a { color:#999 } .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color:#fff; background-color:transparent } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color:#fff; background-color:#080808 } .navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus { color:#444; background-color:transparent } .navbar-inverse .navbar-toggle { border-color:#333 } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color:#333 } .navbar-inverse .navbar-toggle .icon-bar { background-color:#fff } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color:#101010 } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color:#fff; background-color:#080808 } .navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color:#fff; border-bottom-color:#fff } .navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color:#999; border-bottom-color:#999 } .navbar-inverse .navbar-nav>.open>a .caret, .navbar-inverse .navbar-nav>.open>a:hover .caret, .navbar-inverse .navbar-nav>.open>a:focus .caret { border-top-color:#fff; border-bottom-color:#fff } @media(max-width:767px) { .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color:#080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color:#999 } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus { color:#fff; background-color:transparent } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus { color:#fff; background-color:#080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus { color:#444; background-color:transparent } } .navbar-inverse .navbar-link { color:#999 } .navbar-inverse .navbar-link:hover { color:#fff } .breadcrumb { padding:8px 15px; margin-bottom:20px; list-style:none; background-color:#f5f5f5; border-radius:4px } .breadcrumb>li { display:inline-block } .breadcrumb>li+li:before { padding:0 5px; color:#ccc; content:"/\00a0" } .breadcrumb>.active { color:#999 } .pagination { display:inline-block; padding-left:0; margin:20px 0; border-radius:4px } .pagination>li { display:inline } .pagination>li>a, .pagination>li>span { position:relative; float:left; padding:6px 12px; margin-left:-1px; line-height:1.428571429; text-decoration:none; background-color:#fff; border:1px solid #ddd } .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left:0; border-bottom-left-radius:4px; border-top-left-radius:4px } .pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius:4px; border-bottom-right-radius:4px } .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { background-color:#eee } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { z-index:2; color:#fff; cursor:default; background-color:#428bca; border-color:#428bca } .pagination>.disabled>span, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus { color:#999; cursor:not-allowed; background-color:#fff; border-color:#ddd } .pagination-lg>li>a, .pagination-lg>li>span { padding:10px 16px; font-size:18px } .pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { border-bottom-left-radius:6px; border-top-left-radius:6px } .pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span { border-top-right-radius:6px; border-bottom-right-radius:6px } .pagination-sm>li>a, .pagination-sm>li>span { padding:5px 10px; font-size:12px } .pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span { border-bottom-left-radius:3px; border-top-left-radius:3px } .pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span { border-top-right-radius:3px; border-bottom-right-radius:3px } .pager { padding-left:0; margin:20px 0; text-align:center; list-style:none } .pager:before, .pager:after { display:table; content:" " } .pager:after { clear:both } .pager:before, .pager:after { display:table; content:" " } .pager:after { clear:both } .pager li { display:inline } .pager li>a, .pager li>span { display:inline-block; padding:5px 14px; background-color:#fff; border:1px solid #ddd; border-radius:15px } .pager li>a:hover, .pager li>a:focus { text-decoration:none; background-color:#eee } .pager .next>a, .pager .next>span { float:right } .pager .previous>a, .pager .previous>span { float:left } .pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span { color:#999; cursor:not-allowed; background-color:#fff } .label { display:inline; padding:.2em .6em .3em; font-size:75%; font-weight:bold; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:.25em } .label[href]:hover, .label[href]:focus { color:#fff; text-decoration:none; cursor:pointer } .label:empty { display:none } .label-default { background-color:#999 } .label-default[href]:hover, .label-default[href]:focus { background-color:#808080 } .label-primary { background-color:#428bca } .label-primary[href]:hover, .label-primary[href]:focus { background-color:#3071a9 } .label-success { background-color:#5cb85c } .label-success[href]:hover, .label-success[href]:focus { background-color:#449d44 } .label-info { background-color:#5bc0de } .label-info[href]:hover, .label-info[href]:focus { background-color:#31b0d5 } .label-warning { background-color:#f0ad4e } .label-warning[href]:hover, .label-warning[href]:focus { background-color:#ec971f } .label-danger { background-color:#d9534f } .label-danger[href]:hover, .label-danger[href]:focus { background-color:#c9302c } .badge { display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:bold; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; background-color:#999; border-radius:10px } .badge:empty { display:none } a.badge:hover, a.badge:focus { color:#fff; text-decoration:none; cursor:pointer } .btn .badge { position:relative; top:-1px } a.list-group-item.active>.badge, .nav-pills>.active>a>.badge { color:#428bca; background-color:#fff } .nav-pills>li>a>.badge { margin-left:3px } .jumbotron { padding:30px; margin-bottom:30px; font-size:21px; font-weight:200; line-height:2.1428571435; color:inherit; background-color:#eee } .jumbotron h1 { line-height:1; color:inherit } .jumbotron p { line-height:1.4 } .container .jumbotron { border-radius:6px } @media screen and (min-width:768px) { .jumbotron { padding-top:48px; padding-bottom:48px } .container .jumbotron { padding-right:60px; padding-left:60px } .jumbotron h1 { font-size:63px } } .thumbnail { display:inline-block; display:block; height:auto; max-width:100%; padding:4px; line-height:1.428571429; background-color:#fff; border:1px solid #ddd; border-radius:4px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out } .thumbnail>img { display:block; height:auto; max-width:100% } a.thumbnail:hover, a.thumbnail:focus { border-color:#428bca } .thumbnail>img { margin-right:auto; margin-left:auto } .thumbnail .caption { padding:9px; color:#333 } .alert { padding:15px; margin-bottom:20px; border:1px solid transparent; border-radius:4px } .alert h4 { margin-top:0; color:inherit } .alert .alert-link { font-weight:bold } .alert>p, .alert>ul { margin-bottom:0 } .alert>p+p { margin-top:5px } .alert-dismissable { padding-right:35px } .alert-dismissable .close { position:relative; top:-2px; right:-21px; color:inherit } .alert-success { color:#468847; background-color:#dff0d8; border-color:#d6e9c6 } .alert-success hr { border-top-color:#c9e2b3 } .alert-success .alert-link { color:#356635 } .alert-info { color:#3a87ad; background-color:#d9edf7; border-color:#bce8f1 } .alert-info hr { border-top-color:#a6e1ec } .alert-info .alert-link { color:#2d6987 } .alert-warning { color:#c09853; background-color:#fcf8e3; border-color:#fbeed5 } .alert-warning hr { border-top-color:#f8e5be } .alert-warning .alert-link { color:#a47e3c } .alert-danger { color:#b94a48; background-color:#f2dede; border-color:#eed3d7 } .alert-danger hr { border-top-color:#e6c1c7 } .alert-danger .alert-link { color:#953b39 } @-webkit-keyframes progress-bar-stripes { from { background-position:40px 0 } to { background-position:0 0 } } @-moz-keyframes progress-bar-stripes { from { background-position:40px 0 } to { background-position:0 0 } } @-o-keyframes progress-bar-stripes { from { background-position:0 0 } to { background-position:40px 0 } } @keyframes progress-bar-stripes { from { background-position:40px 0 } to { background-position:0 0 } } .progress { height:20px; margin-bottom:20px; overflow:hidden; background-color:#f5f5f5; border-radius:4px; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); box-shadow:inset 0 1px 2px rgba(0,0,0,0.1) } .progress-bar { float:left; width:0; height:100%; font-size:12px; color:#fff; text-align:center; background-color:#428bca; -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15); box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15); -webkit-transition:width .6s ease; transition:width .6s ease } .progress-striped .progress-bar { background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent)); background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent); background-image:-moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent); background-size:40px 40px } .progress.active .progress-bar { -webkit-animation:progress-bar-stripes 2s linear infinite; -moz-animation:progress-bar-stripes 2s linear infinite; -ms-animation:progress-bar-stripes 2s linear infinite; -o-animation:progress-bar-stripes 2s linear infinite; animation:progress-bar-stripes 2s linear infinite } .progress-bar-success { background-color:#5cb85c } .progress-striped .progress-bar-success { background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent)); background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent); background-image:-moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent) } .progress-bar-info { background-color:#5bc0de } .progress-striped .progress-bar-info { background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent)); background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent); background-image:-moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent) } .progress-bar-warning { background-color:#f0ad4e } .progress-striped .progress-bar-warning { background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent)); background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent); background-image:-moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent) } .progress-bar-danger { background-color:#d9534f } .progress-striped .progress-bar-danger { background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent)); background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent); background-image:-moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent) } .media, .media-body { overflow:hidden; zoom:1 } .media, .media .media { margin-top:15px } .media:first-child { margin-top:0 } .media-object { display:block } .media-heading { margin:0 0 5px } .media>.pull-left { margin-right:10px } .media>.pull-right { margin-left:10px } .media-list { padding-left:0; list-style:none } .list-group { padding-left:0; margin-bottom:20px } .list-group-item { position:relative; display:block; padding:10px 15px; margin-bottom:-1px; background-color:#fff; border:1px solid #ddd } .list-group-item:first-child { border-top-right-radius:4px; border-top-left-radius:4px } .list-group-item:last-child { margin-bottom:0; border-bottom-right-radius:4px; border-bottom-left-radius:4px } .list-group-item>.badge { float:right } .list-group-item>.badge+.badge { margin-right:5px } a.list-group-item { color:#555 } a.list-group-item .list-group-item-heading { color:#333 } a.list-group-item:hover, a.list-group-item:focus { text-decoration:none; background-color:#f5f5f5 } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index:2; color:#fff; background-color:#428bca; border-color:#428bca } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading { color:inherit } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color:#e1edf7 } .list-group-item-heading { margin-top:0; margin-bottom:5px } .list-group-item-text { margin-bottom:0; line-height:1.3 } .panel { margin-bottom:20px; background-color:#fff; border:1px solid transparent; border-radius:4px; -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05); box-shadow:0 1px 1px rgba(0,0,0,0.05) } .panel-body { padding:15px } .panel-body:before, .panel-body:after { display:table; content:" " } .panel-body:after { clear:both } .panel-body:before, .panel-body:after { display:table; content:" " } .panel-body:after { clear:both } .panel>.list-group { margin-bottom:0 } .panel>.list-group .list-group-item { border-width:1px 0 } .panel>.list-group .list-group-item:first-child { border-top-right-radius:0; border-top-left-radius:0 } .panel>.list-group .list-group-item:last-child { border-bottom:0 } .panel-heading+.list-group .list-group-item:first-child { border-top-width:0 } .panel>.table { margin-bottom:0 } .panel>.panel-body+.table { border-top:1px solid #ddd } .panel-heading { padding:10px 15px; border-bottom:1px solid transparent; border-top-right-radius:3px; border-top-left-radius:3px } .panel-title { margin-top:0; margin-bottom:0; font-size:16px } .panel-title>a { color:inherit } .panel-footer { padding:10px 15px; background-color:#f5f5f5; border-top:1px solid #ddd; border-bottom-right-radius:3px; border-bottom-left-radius:3px } .panel-group .panel { margin-bottom:0; overflow:hidden; border-radius:4px } .panel-group .panel+.panel { margin-top:5px } .panel-group .panel-heading { border-bottom:0 } .panel-group .panel-heading+.panel-collapse .panel-body { border-top:1px solid #ddd } .panel-group .panel-footer { border-top:0 } .panel-group .panel-footer+.panel-collapse .panel-body { border-bottom:1px solid #ddd } .panel-default { border-color:#ddd } .panel-default>.panel-heading { color:#333; background-color:#f5f5f5; border-color:#ddd } .panel-default>.panel-heading+.panel-collapse .panel-body { border-top-color:#ddd } .panel-default>.panel-footer+.panel-collapse .panel-body { border-bottom-color:#ddd } .panel-primary { border-color:#428bca } .panel-primary>.panel-heading { color:#fff; background-color:#428bca; border-color:#428bca } .panel-primary>.panel-heading+.panel-collapse .panel-body { border-top-color:#428bca } .panel-primary>.panel-footer+.panel-collapse .panel-body { border-bottom-color:#428bca } .panel-success { border-color:#d6e9c6 } .panel-success>.panel-heading { color:#468847; background-color:#dff0d8; border-color:#d6e9c6 } .panel-success>.panel-heading+.panel-collapse .panel-body { border-top-color:#d6e9c6 } .panel-success>.panel-footer+.panel-collapse .panel-body { border-bottom-color:#d6e9c6 } .panel-warning { border-color:#fbeed5 } .panel-warning>.panel-heading { color:#c09853; background-color:#fcf8e3; border-color:#fbeed5 } .panel-warning>.panel-heading+.panel-collapse .panel-body { border-top-color:#fbeed5 } .panel-warning>.panel-footer+.panel-collapse .panel-body { border-bottom-color:#fbeed5 } .panel-danger { border-color:#eed3d7 } .panel-danger>.panel-heading { color:#b94a48; background-color:#f2dede; border-color:#eed3d7 } .panel-danger>.panel-heading+.panel-collapse .panel-body { border-top-color:#eed3d7 } .panel-danger>.panel-footer+.panel-collapse .panel-body { border-bottom-color:#eed3d7 } .panel-info { border-color:#bce8f1 } .panel-info>.panel-heading { color:#3a87ad; background-color:#d9edf7; border-color:#bce8f1 } .panel-info>.panel-heading+.panel-collapse .panel-body { border-top-color:#bce8f1 } .panel-info>.panel-footer+.panel-collapse .panel-body { border-bottom-color:#bce8f1 } .well { min-height:20px; padding:19px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); box-shadow:inset 0 1px 1px rgba(0,0,0,0.05) } .well blockquote { border-color:#ddd; border-color:rgba(0,0,0,0.15) } .well-lg { padding:24px; border-radius:6px } .well-sm { padding:9px; border-radius:3px } .close { float:right; font-size:21px; font-weight:bold; line-height:1; color:#000; text-shadow:0 1px 0 #fff; opacity:.2; filter:alpha(opacity=20) } .close:hover, .close:focus { color:#000; text-decoration:none; cursor:pointer; opacity:.5; filter:alpha(opacity=50) } button.close { padding:0; cursor:pointer; background:transparent; border:0; -webkit-appearance:none } .modal-open { overflow:hidden } body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { margin-right:15px } .modal { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; display:none; overflow:auto; overflow-y:scroll } .modal.fade .modal-dialog { -webkit-transform:translate(0, -25%); -ms-transform:translate(0, -25%); transform:translate(0, -25%); -webkit-transition:-webkit-transform .3s ease-out; -moz-transition:-moz-transform .3s ease-out; -o-transition:-o-transform .3s ease-out; transition:transform .3s ease-out } .modal.in .modal-dialog { -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0) } .modal-dialog { z-index:1050; width:auto; padding:10px; margin-right:auto; margin-left:auto } .modal-content { position:relative; background-color:#fff; border:1px solid #999; border:1px solid rgba(0,0,0,0.2); border-radius:6px; outline:0; -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 } .modal-backdrop { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1030; background-color:#000 } .modal-backdrop.fade { opacity:0; filter:alpha(opacity=0) } .modal-backdrop.in { opacity:.5; filter:alpha(opacity=50) } .modal-header { min-height:16.428571429px; padding:15px; border-bottom:1px solid #e5e5e5 } .modal-header .close { margin-top:-2px } .modal-title { margin:0; line-height:1.428571429 } .modal-body { position:relative; padding:20px } .modal-footer { padding:19px 20px 20px; margin-top:15px; text-align:right; border-top:1px solid #e5e5e5 } .modal-footer:before, .modal-footer:after { display:table; content:" " } .modal-footer:after { clear:both } .modal-footer:before, .modal-footer:after { display:table; content:" " } .modal-footer:after { clear:both } .modal-footer .btn+.btn { margin-bottom:0; margin-left:5px } .modal-footer .btn-group .btn+.btn { margin-left:-1px } .modal-footer .btn-block+.btn-block { margin-left:0 } @media screen and (min-width:768px) { .modal-dialog { right:auto; left:50%; width:600px; padding-top:30px; padding-bottom:30px } .modal-content { -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5); box-shadow:0 5px 15px rgba(0,0,0,0.5) } } .tooltip { position:absolute; z-index:1030; display:block; font-size:12px; line-height:1.4; opacity:0; filter:alpha(opacity=0); visibility:visible } .tooltip.in { opacity:.9; filter:alpha(opacity=90) } .tooltip.top { padding:5px 0; margin-top:-3px } .tooltip.right { padding:0 5px; margin-left:3px } .tooltip.bottom { padding:5px 0; margin-top:3px } .tooltip.left { padding:0 5px; margin-left:-3px } .tooltip-inner { max-width:200px; padding:3px 8px; color:#fff; text-align:center; text-decoration:none; background-color:#000; border-radius:4px } .tooltip-arrow { position:absolute; width:0; height:0; border-color:transparent; border-style:solid } .tooltip.top .tooltip-arrow { bottom:0; left:50%; margin-left:-5px; border-top-color:#000; border-width:5px 5px 0 } .tooltip.top-left .tooltip-arrow { bottom:0; left:5px; border-top-color:#000; border-width:5px 5px 0 } .tooltip.top-right .tooltip-arrow { right:5px; bottom:0; border-top-color:#000; border-width:5px 5px 0 } .tooltip.right .tooltip-arrow { top:50%; left:0; margin-top:-5px; border-right-color:#000; border-width:5px 5px 5px 0 } .tooltip.left .tooltip-arrow { top:50%; right:0; margin-top:-5px; border-left-color:#000; border-width:5px 0 5px 5px } .tooltip.bottom .tooltip-arrow { top:0; left:50%; margin-left:-5px; border-bottom-color:#000; border-width:0 5px 5px } .tooltip.bottom-left .tooltip-arrow { top:0; left:5px; border-bottom-color:#000; border-width:0 5px 5px } .tooltip.bottom-right .tooltip-arrow { top:0; right:5px; border-bottom-color:#000; border-width:0 5px 5px } .popover { position:absolute; top:0; left:0; z-index:1010; display:none; max-width:276px; padding:1px; text-align:left; white-space:normal; background-color:#fff; border:1px solid #ccc; border:1px solid rgba(0,0,0,0.2); 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); background-clip:padding-box } .popover.top { margin-top:-10px } .popover.right { margin-left:10px } .popover.bottom { margin-top:10px } .popover.left { margin-left:-10px } .popover-title { padding:8px 14px; margin:0; font-size:14px; font-weight:normal; line-height:18px; background-color:#f7f7f7; border-bottom:1px solid #ebebeb; border-radius:5px 5px 0 0 } .popover-content { padding:9px 14px } .popover .arrow, .popover .arrow:after { position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid } .popover .arrow { border-width:11px } .popover .arrow:after { border-width:10px; content:"" } .popover.top .arrow { bottom:-11px; left:50%; margin-left:-11px; border-top-color:#999; border-top-color:rgba(0,0,0,0.25); border-bottom-width:0 } .popover.top .arrow:after { bottom:1px; margin-left:-10px; border-top-color:#fff; border-bottom-width:0; content:" " } .popover.right .arrow { top:50%; left:-11px; margin-top:-11px; border-right-color:#999; border-right-color:rgba(0,0,0,0.25); border-left-width:0 } .popover.right .arrow:after { bottom:-10px; left:1px; border-right-color:#fff; border-left-width:0; content:" " } .popover.bottom .arrow { top:-11px; left:50%; margin-left:-11px; border-bottom-color:#999; border-bottom-color:rgba(0,0,0,0.25); border-top-width:0 } .popover.bottom .arrow:after { top:1px; margin-left:-10px; border-bottom-color:#fff; border-top-width:0; content:" " } .popover.left .arrow { top:50%; right:-11px; margin-top:-11px; border-left-color:#999; border-left-color:rgba(0,0,0,0.25); border-right-width:0 } .popover.left .arrow:after { right:1px; bottom:-10px; border-left-color:#fff; border-right-width:0; content:" " } .carousel { position:relative } .carousel-inner { position:relative; width:100%; overflow:hidden } .carousel-inner>.item { position:relative; display:none; -webkit-transition:.6s ease-in-out left; transition:.6s ease-in-out left } .carousel-inner>.item>img, .carousel-inner>.item>a>img { display:block; height:auto; max-width:100%; line-height:1 } .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display:block } .carousel-inner>.active { left:0 } .carousel-inner>.next, .carousel-inner>.prev { position:absolute; top:0; width:100% } .carousel-inner>.next { left:100% } .carousel-inner>.prev { left:-100% } .carousel-inner>.next.left, .carousel-inner>.prev.right { left:0 } .carousel-inner>.active.left { left:-100% } .carousel-inner>.active.right { left:100% } .carousel-control { position:absolute; top:0; bottom:0; left:0; width:15%; font-size:20px; color:#fff; text-align:center; text-shadow:0 1px 2px rgba(0,0,0,0.6); opacity:.5; filter:alpha(opacity=50) } .carousel-control.left { background-image:-webkit-gradient(linear, 0 top, 100% top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001))); background-image:-webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.5) 0), color-stop(rgba(0,0,0,0.0001) 100%)); background-image:-moz-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%); background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) } .carousel-control.right { right:0; left:auto; background-image:-webkit-gradient(linear, 0 top, 100% top, from(rgba(0,0,0,0.0001)), to(rgba(0,0,0,0.5))); background-image:-webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.0001) 0), color-stop(rgba(0,0,0,0.5) 100%)); background-image:-moz-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%); background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) } .carousel-control:hover, .carousel-control:focus { color:#fff; text-decoration:none; opacity:.9; filter:alpha(opacity=90) } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position:absolute; top:50%; left:50%; z-index:5; display:inline-block } .carousel-control .icon-prev, .carousel-control .icon-next { width:20px; height:20px; margin-top:-10px; margin-left:-10px; font-family:serif } .carousel-control .icon-prev:before { content:'\2039' } .carousel-control .icon-next:before { content:'\203a' } .carousel-indicators { position:absolute; bottom:10px; left:50%; z-index:15; width:60%; padding-left:0; margin-left:-30%; text-align:center; list-style:none } .carousel-indicators li { display:inline-block; width:10px; height:10px; margin:1px; text-indent:-999px; cursor:pointer; border:1px solid #fff; border-radius:10px } .carousel-indicators .active { width:12px; height:12px; margin:0; background-color:#fff } .carousel-caption { position:absolute; right:15%; bottom:20px; left:15%; z-index:10; padding-top:20px; padding-bottom:20px; color:#fff; text-align:center; text-shadow:0 1px 2px rgba(0,0,0,0.6) } .carousel-caption .btn { text-shadow:none } @media screen and (min-width:768px) { .carousel-control .icon-prev, .carousel-control .icon-next { width:30px; height:30px; margin-top:-15px; margin-left:-15px; font-size:30px } .carousel-caption { right:20%; left:20%; padding-bottom:30px } .carousel-indicators { bottom:20px } } .clearfix:before, .clearfix:after { display:table; content:" " } .clearfix:after { clear:both } .pull-right { float:right!important } .pull-left { float:left!important } .hide { display:none!important } .show { display:block!important } .invisible { visibility:hidden } .text-hide { font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0 } .affix { position:fixed } @-ms-viewport { width:device-width } @media screen and (max-width:400px) { @-ms-viewport { width:320px } } .hidden { display:none!important; visibility:hidden!important } .visible-xs { display:none!important } tr.visible-xs { display:none!important } th.visible-xs, td.visible-xs { display:none!important } @media(max-width:767px) { .visible-xs { display:block!important } tr.visible-xs { display:table-row!important } th.visible-xs, td.visible-xs { display:table-cell!important } } @media(min-width:768px) and (max-width:991px) { .visible-xs.visible-sm { display:block!important } tr.visible-xs.visible-sm { display:table-row!important } th.visible-xs.visible-sm, td.visible-xs.visible-sm { display:table-cell!important } } @media(min-width:992px) and (max-width:1199px) { .visible-xs.visible-md { display:block!important } tr.visible-xs.visible-md { display:table-row!important } th.visible-xs.visible-md, td.visible-xs.visible-md { display:table-cell!important } } @media(min-width:1200px) { .visible-xs.visible-lg { display:block!important } tr.visible-xs.visible-lg { display:table-row!important } th.visible-xs.visible-lg, td.visible-xs.visible-lg { display:table-cell!important } } .visible-sm { display:none!important } tr.visible-sm { display:none!important } th.visible-sm, td.visible-sm { display:none!important } @media(max-width:767px) { .visible-sm.visible-xs { display:block!important } tr.visible-sm.visible-xs { display:table-row!important } th.visible-sm.visible-xs, td.visible-sm.visible-xs { display:table-cell!important } } @media(min-width:768px) and (max-width:991px) { .visible-sm { display:block!important } tr.visible-sm { display:table-row!important } th.visible-sm, td.visible-sm { display:table-cell!important } } @media(min-width:992px) and (max-width:1199px) { .visible-sm.visible-md { display:block!important } tr.visible-sm.visible-md { display:table-row!important } th.visible-sm.visible-md, td.visible-sm.visible-md { display:table-cell!important } } @media(min-width:1200px) { .visible-sm.visible-lg { display:block!important } tr.visible-sm.visible-lg { display:table-row!important } th.visible-sm.visible-lg, td.visible-sm.visible-lg { display:table-cell!important } } .visible-md { display:none!important } tr.visible-md { display:none!important } th.visible-md, td.visible-md { display:none!important } @media(max-width:767px) { .visible-md.visible-xs { display:block!important } tr.visible-md.visible-xs { display:table-row!important } th.visible-md.visible-xs, td.visible-md.visible-xs { display:table-cell!important } } @media(min-width:768px) and (max-width:991px) { .visible-md.visible-sm { display:block!important } tr.visible-md.visible-sm { display:table-row!important } th.visible-md.visible-sm, td.visible-md.visible-sm { display:table-cell!important } } @media(min-width:992px) and (max-width:1199px) { .visible-md { display:block!important } tr.visible-md { display:table-row!important } th.visible-md, td.visible-md { display:table-cell!important } } @media(min-width:1200px) { .visible-md.visible-lg { display:block!important } tr.visible-md.visible-lg { display:table-row!important } th.visible-md.visible-lg, td.visible-md.visible-lg { display:table-cell!important } } .visible-lg { display:none!important } tr.visible-lg { display:none!important } th.visible-lg, td.visible-lg { display:none!important } @media(max-width:767px) { .visible-lg.visible-xs { display:block!important } tr.visible-lg.visible-xs { display:table-row!important } th.visible-lg.visible-xs, td.visible-lg.visible-xs { display:table-cell!important } } @media(min-width:768px) and (max-width:991px) { .visible-lg.visible-sm { display:block!important } tr.visible-lg.visible-sm { display:table-row!important } th.visible-lg.visible-sm, td.visible-lg.visible-sm { display:table-cell!important } } @media(min-width:992px) and (max-width:1199px) { .visible-lg.visible-md { display:block!important } tr.visible-lg.visible-md { display:table-row!important } th.visible-lg.visible-md, td.visible-lg.visible-md { display:table-cell!important } } @media(min-width:1200px) { .visible-lg { display:block!important } tr.visible-lg { display:table-row!important } th.visible-lg, td.visible-lg { display:table-cell!important } } .hidden-xs { display:block!important } tr.hidden-xs { display:table-row!important } th.hidden-xs, td.hidden-xs { display:table-cell!important } @media(max-width:767px) { .hidden-xs { display:none!important } tr.hidden-xs { display:none!important } th.hidden-xs, td.hidden-xs { display:none!important } } @media(min-width:768px) and (max-width:991px) { .hidden-xs.hidden-sm { display:none!important } tr.hidden-xs.hidden-sm { display:none!important } th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm { display:none!important } } @media(min-width:992px) and (max-width:1199px) { .hidden-xs.hidden-md { display:none!important } tr.hidden-xs.hidden-md { display:none!important } th.hidden-xs.hidden-md, td.hidden-xs.hidden-md { display:none!important } } @media(min-width:1200px) { .hidden-xs.hidden-lg { display:none!important } tr.hidden-xs.hidden-lg { display:none!important } th.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg { display:none!important } } .hidden-sm { display:block!important } tr.hidden-sm { display:table-row!important } th.hidden-sm, td.hidden-sm { display:table-cell!important } @media(max-width:767px) { .hidden-sm.hidden-xs { display:none!important } tr.hidden-sm.hidden-xs { display:none!important } th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs { display:none!important } } @media(min-width:768px) and (max-width:991px) { .hidden-sm { display:none!important } tr.hidden-sm { display:none!important } th.hidden-sm, td.hidden-sm { display:none!important } } @media(min-width:992px) and (max-width:1199px) { .hidden-sm.hidden-md { display:none!important } tr.hidden-sm.hidden-md { display:none!important } th.hidden-sm.hidden-md, td.hidden-sm.hidden-md { display:none!important } } @media(min-width:1200px) { .hidden-sm.hidden-lg { display:none!important } tr.hidden-sm.hidden-lg { display:none!important } th.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg { display:none!important } } .hidden-md { display:block!important } tr.hidden-md { display:table-row!important } th.hidden-md, td.hidden-md { display:table-cell!important } @media(max-width:767px) { .hidden-md.hidden-xs { display:none!important } tr.hidden-md.hidden-xs { display:none!important } th.hidden-md.hidden-xs, td.hidden-md.hidden-xs { display:none!important } } @media(min-width:768px) and (max-width:991px) { .hidden-md.hidden-sm { display:none!important } tr.hidden-md.hidden-sm { display:none!important } th.hidden-md.hidden-sm, td.hidden-md.hidden-sm { display:none!important } } @media(min-width:992px) and (max-width:1199px) { .hidden-md { display:none!important } tr.hidden-md { display:none!important } th.hidden-md, td.hidden-md { display:none!important } } @media(min-width:1200px) { .hidden-md.hidden-lg { display:none!important } tr.hidden-md.hidden-lg { display:none!important } th.hidden-md.hidden-lg, td.hidden-md.hidden-lg { display:none!important } } .hidden-lg { display:block!important } tr.hidden-lg { display:table-row!important } th.hidden-lg, td.hidden-lg { display:table-cell!important } @media(max-width:767px) { .hidden-lg.hidden-xs { display:none!important } tr.hidden-lg.hidden-xs { display:none!important } th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs { display:none!important } } @media(min-width:768px) and (max-width:991px) { .hidden-lg.hidden-sm { display:none!important } tr.hidden-lg.hidden-sm { display:none!important } th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm { display:none!important } } @media(min-width:992px) and (max-width:1199px) { .hidden-lg.hidden-md { display:none!important } tr.hidden-lg.hidden-md { display:none!important } th.hidden-lg.hidden-md, td.hidden-lg.hidden-md { display:none!important } } @media(min-width:1200px) { .hidden-lg { display:none!important } tr.hidden-lg { display:none!important } th.hidden-lg, td.hidden-lg { display:none!important } } .visible-print { display:none!important } tr.visible-print { display:none!important } th.visible-print, td.visible-print { display:none!important } @media print { .visible-print { display:block!important } tr.visible-print { display:table-row!important } th.visible-print, td.visible-print { display:table-cell!important } .hidden-print { display:none!important } tr.hidden-print { display:none!important } th.hidden-print, td.hidden-print { display:none!important } } /* Responsive styles ================================================== */ /* Large Devices, Wide Screens */ @media (min-width : 1200px) { /* Dropdown animation */ .navbar-nav .dropdown-menu, .navbar-nav .dropdown.megamenu div.dropdown-menu{ background: none; border: 0; box-shadow: none; display: block; opacity: 0; z-index:1; visibility:hidden; -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(.43, .26, .11, .99); -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(.43, .26, .11, .99); -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(.43, .26, .11, .99); -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(.43, .26, .11, .99); transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(.43, .26, .11, .99); } .navbar-nav .dropdown:hover div.dropdown-menu, .navbar-nav .dropdown.megamenu:hover div.dropdown-menu{ opacity: 1; visibility:visible; color: #777; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .navbar-nav .dropdown-backdrop { visibility: hidden; } } /* Medium Devices, Desktops */ @media (min-width : 992px) { .flexslider .slides img, .ts-flex-slider .flexSlideshow{ height: 750px; } .dropdown i{ display: none; } } /* Small Devices, Tablets */ @media (min-width : 768px) and (max-width: 991px) { /* Dropdown animation */ .navbar-nav .dropdown-menu, .navbar-nav .dropdown.megamenu div.dropdown-menu{ background: none; border: 0; box-shadow: none; display: block; opacity: 0; z-index:1; visibility:hidden; -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(.43, .26, .11, .99); -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(.43, .26, .11, .99); -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(.43, .26, .11, .99); -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(.43, .26, .11, .99); transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(.43, .26, .11, .99); } .navbar-nav .dropdown:hover div.dropdown-menu, .navbar-nav .dropdown.megamenu:hover div.dropdown-menu{ opacity: 1; visibility:visible; color: #777; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .navbar-nav .dropdown-backdrop { visibility: hidden; } /* Common */ .parallax{ padding: 60px 0; } /* Logo */ .navbar-brand{ width: auto; } .navbar-brand.navbar-bg{ width: 25%; } .header2 .navbar-brand, .header3 .navbar-brand, .header4 .navbar-brand{ padding-right: 0; padding-left: 0; } /* Navigation */ ul.navbar-nav > li > a { padding: 21px 8px; font-size: 12px; } ul.navbar-nav > li:last-child a{ padding-right: 8px; } /* Slideshow */ #main-slide .slider-content h2{ font-size: 36px; } #main-slide .slider-content h3{ font-size: 22px; margin: 20px 0; } .slider.btn{ padding: 5px 25px; margin-top: 5px; font-size: 16px; } #main-slide .carousel-indicators { bottom: 20px; } /* Cd Hero Slider */ .cd-hero-slider .cd-btn{ margin-top: 15px !important; font-size: 12px !important; } .cd-slider-nav ul li.video{ display: none; } .cd-slider-nav{ bottom: 40px !important; } /* Portfolio */ .isotope-nav{ margin: 0 auto 40px; } figure.effect-oscar figcaption{ padding: 1.5em; } figure.effect-oscar figcaption::before{ top: 15px; right: 15px; bottom: 15px; left: 15px; } figure.effect-oscar h3{ margin-top: 0; font-size: 16px; } /* Feature */ .feature-content h3, .feature-center-content h3{ font-size: 14px; line-height: normal; } /* Featured tab */ .featured-tab .tab-pane img{ width: 45%; } .featured-tab .tab-pane i.big { font-size: 150px; } .featured-tab .tab-pane, .landing-tab .tab-pane{ text-align: left; } /* Team */ .team{ padding-bottom: 50px; } /* Pricing */ .plan{ margin-bottom: 60px; } /* Testimonial */ .testimonial-content{ padding: 0 30px; } /* Recent post */ .recent-post{ padding-bottom: 40px; } /* Back to top */ #back-to-top.affix { bottom: 35px; } /* Video block */ .video-block-head{ margin-top: 30px; } /* Call to action */ .call-to-action .btn.btn-primary{ font-size: 12px; } /*-- Landing ---*/ .hero-text{ width: 95%; } .hero-title{ font-size: 36px; } .hero-buttons a.btn { padding: 10px 20px; } .app-gallery figure.effect-oscar a{ margin-top: 105px; } /* Blog single */ .blog-post{ padding-bottom: 40px; } } /* Small Devices Potrait */ @media (max-width : 767px){ /* Common */ .parallax{ padding: 60px 0; } .style-switch-button{ display: none; } .heading{ text-align: center; } .heading .title-icon{ float: none !important; margin: 0 0 20px; display: inline-block; } h2.title{ font-size: 28px; border-left: 0; } .title-desc{ line-height: normal; padding: 6px 55px 0; } .btn.btn-primary{ padding: 8px 22px; } h2{ font-size: 28px; } /* Logo */ .navbar-brand.navbar-bg{ height: 50px; line-height: 50px; width: auto; } .navbar-brand.navbar-bg img{ background-size: contain; width: 160px; } /* Navigation */ ul.navbar-nav > li > a { padding: 21px 10px; } .navbar-collapse{ background: #333333; } .navbar-collapse ul.navbar-nav > li > a{ color: #fff; } .navbar-collapse ul.navbar-nav > li.active > a, .navbar-collapse ul.navbar-nav > li:hover > a{ color: #ee3b24; } /* Slideshow */ #main-slide .slider-content{ margin-top: -35px; } #main-slide .slider-content h2{ font-size: 18px; line-height: normal; } #main-slide .slider-content h3{ font-size: 12px; line-height: normal; margin: 0; } .slider.btn{ display: none; } #main-slide .carousel-control{ display: none; } #main-slide .carousel-indicators { bottom: 0; } /* About */ .about{ padding-top: 40px; } .about.angle:before{ position: relative; } /* Service */ .service-content{ display: inline-block; margin-bottom: 30px; } /* Portfolio */ .isotope-nav{ margin: 0 auto 40px; } .isotope-nav ul li a{ padding: 5px 10px; margin-bottom: 10px; display: inline-block; } figure.effect-oscar h3{ margin-top: 25%; } #isotope .isotope-item .grid{ padding-left: 10px; padding-right: 10px; } /* Image block */ .img-block-right { padding-right: 50px; } .img-block-head h2{ font-size: 16px; } .img-block-head h3{ font-size: 28px; } .image-block-content{ padding: 0; } /* Featured tab */ .featured-tab{ padding: 0 30px; } .featured-tab .tab-pane i.big { font-size: 150px; } .featured-tab .tab-pane, .landing-tab .tab-pane{ text-align: left; padding-left: 0; padding-top: 30px; } /* Facts */ .facts{ padding-bottom: 20px; } .facts-num span{ font-size: 48px; margin-top: 20px; } .facts i { font-size: 32px; } /* Team */ .team{ padding-bottom: 50px; } /* Pricing */ .plan{ margin-bottom: 60px; } /* Testimonial */ .testimonial-content{ padding: 0 30px; } /* Recent post */ .recent-post{ padding-bottom: 40px; } /* Footer */ .footer-widget{ display: inline-block; } /* Copyright */ .copyright-info{ font-size: 13px; } #back-to-top{ right: 20px; } #back-to-top.affix { bottom: 20px; } /* Call action */ .call-to-action .btn.btn-primary{ float: none !important; margin-top: 20px; } /*-- Landing ---*/ .hero-section{ padding-top: 90px; } .hero-text{ width: 100%; padding-right: 0; } .hero-title{ font-size: 36px; } .hero-buttons a.btn { padding: 10px 20px; } .app-gallery figure.effect-oscar a{ margin-top: 105px; } .hero-images img{ display: none; } .landing_facts .facts-num span { font-size: 48px; margin-top: 20px; } .landing_facts .facts i{ font-size: 30px; } /* Blog single */ .blog-post{ padding-bottom: 40px; } } /* Extra Small Devices, Phones */ @media (max-width : 479px) { /* Slideshow */ #main-slide .slides img{ height: 230px; } #main-slide .item img{ height: 250px; } } /* Custom, iPhone Retina */ @media (max-width : 320px) and (max-width: 478px) { } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /* * Core Owl Carousel CSS File * v1.3.2 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.2 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 28px; height: 8px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* Icon Fonts *********************************/ /* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src:url('fonts/flexslider-icon.eot'); src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* FlexSlider Necessary Styles *********************************/ .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { position: relative; overflow: hidden; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "FontAwesome"; font-size: 40px; display: inline-block; content: '\f104'; } .flex-direction-nav a.flex-next:before { content: '\f105'; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} } /* -------------------------------- Slider -------------------------------- */ .cd-hero { position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cd-hero-slider { position: relative; overflow: hidden; padding: 0; margin: 0; list-style: none; } .cd-hero-slider li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .cd-hero-slider li.selected { /* this is the visible slide */ position: relative; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-hero-slider li.move-left { /* slide hidden on the left */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .cd-hero-slider li.is-moving, .cd-hero-slider li.selected { /* the is-moving class is assigned to the slide which is moving outside the viewport */ -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; } @media only screen and (max-width: 768px) { .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 100px; } .cd-hero-slider { height: 400px; } .overlay2 img { width: auto; height: 400px; } .cd-hero-slider h2 { font-size: 2em !important; } .cd-hero-slider h3, .cd-hero-slider p{ display: none; } .cd-hero-slider .cd-half-width { width: 80%; } .cd-hero-slider .cd-img-container { display: none; } .cd-hero-slider .cd-btn{ margin-top: 10px !important; } .cd-slider-nav a i { font-size: 20px !important; } } @media only screen and (min-width: 1170px) { .cd-hero-slider { height: 720px; } } /* -------------------------------- Single slide style -------------------------------- */ .cd-hero-slider li { background-position: center center; background-size: cover; background-repeat: no-repeat; } .cd-hero-slider li:first-of-type { background-color: #2c343b; } /* .cd-hero-slider li:nth-of-type(2) { background-color: #3d4952; background-image: url("../assets/tech-1-mobile.jpg"); } .cd-hero-slider li:nth-of-type(3) { background-color: #586775; background-image: url("../assets/tech-2-mobile.jpg"); } */ .cd-hero-slider li:nth-of-type(4) { background-color: #2c343b; background-image: url("../images/slider/video-replace-mobile.jpg"); } .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { position: absolute; width: 100%; height: 100%; z-index: 100; left: 0; top: 0; /* this padding is used to align the text */ text-align: center; /* Force Hardware Acceleration in WebKit */ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .cd-hero-slider .cd-img-container { /* hide image on mobile device display: block;*/ } .cd-hero-slider .cd-img-container img { max-width: 100%; position: absolute; left: 40%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .cd-hero-slider .cd-img-container.img-right img{ left: 50%; } .cd-hero-slider .cd-bg-video-wrapper { /* hide video on mobile device */ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .cd-hero-slider .cd-bg-video-wrapper video { /* you won't see this element in the html, but it will be injected using js */ display: block; min-height: 100%; min-width: 100%; max-width: none; height: auto; width: auto; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .cd-hero-slider h2, .cd-hero-slider p { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); line-height: 1.2; margin: 0 auto 14px; color: #ffffff; width: 90%; max-width: 400px; } .cd-hero-slider h2 { font-size: 48px; } .cd-hero-slider h3 { font-size: 24px; color: #fff; } .cd-hero-slider p { font-size: 1.4rem; line-height: 1.4; } .cd-hero-slider .cd-btn { display: inline-block; margin-top: 30px; color: #fff; } .cd-hero-slider .cd-btn.secondary { background-color: rgba(22, 26, 30, 0.8); } .cd-hero-slider .cd-btn:nth-of-type(2) { margin-left: 1em; } .no-touch .cd-hero-slider .cd-btn:hover { background-color: #d44457; } .no-touch .cd-hero-slider .cd-btn.secondary:hover { background-color: #161a1e; } @media only screen and (min-width: 768px) { .cd-hero-slider li:nth-of-type(2) { background-image: none; } .cd-hero-slider li:nth-of-type(3) { background-image: none; } .cd-hero-slider li:nth-of-type(4) { background-image: none; } .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 100px; } .cd-hero-slider .cd-bg-video-wrapper { display: block; } .cd-hero-slider .cd-half-width { width: 40%; } .cd-hero-slider .cd-half-width:first-of-type { left: 10%; } .cd-hero-slider .cd-half-width:nth-of-type(2) { right: 10%; left: auto; } .cd-hero-slider .cd-half-width:nth-of-type(3) { left: 7%; right: auto; } .cd-hero-slider .cd-img-container { display: block; } .cd-hero-slider h2, .cd-hero-slider p { max-width: 750px; } .cd-hero-slider h2 { font-size: 2em; } .cd-hero-slider .cd-btn { font-size: 1.4rem; } } @media only screen and (min-width: 1170px) { .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 220px; } .cd-hero-slider h2, .cd-hero-slider p { margin-bottom: 20px; } .cd-hero-slider h2 { font-size: 3.2em; } .cd-half-width h2{ font-size: 2.5em; } .cd-hero-slider p { font-size: 1.2em; } } /* -------------------------------- Single slide animation -------------------------------- */ @media only screen and (min-width: 768px) { .cd-hero-slider .cd-half-width { opacity: 0; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); } .cd-hero-slider .move-left .cd-half-width { -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); } .cd-hero-slider .selected .cd-half-width { /* this is the visible slide */ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-hero-slider .is-moving .cd-half-width { /* this is the slide moving outside the viewport wait for the end of the transition on the
  • parent before set opacity to 0 and translate to 40px/-40px */ -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s; -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s; transition: opacity 0s 0.5s, transform 0s 0.5s; } .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2), .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type { /* this is the selected slide - different animation if it's entering from left or right */ -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s; -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s; transition: opacity 0.4s 0.2s, transform 0.5s 0.2s; } .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type, .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) { /* this is the selected slide - different animation if it's entering from left or right */ -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s; -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s; transition: opacity 0.4s 0.4s, transform 0.5s 0.4s; } .cd-hero-slider .cd-full-width h2, .cd-hero-slider .cd-full-width p, .cd-hero-slider .cd-full-width .cd-btn { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); } .cd-hero-slider .move-left .cd-full-width h2, .cd-hero-slider .move-left .cd-full-width p, .cd-hero-slider .move-left .cd-full-width .cd-btn { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); } .cd-hero-slider .selected .cd-full-width h2, .cd-hero-slider .selected .cd-full-width p, .cd-hero-slider .selected .cd-full-width .cd-btn { /* this is the visible slide */ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-hero-slider li.is-moving .cd-full-width h2, .cd-hero-slider li.is-moving .cd-full-width p, .cd-hero-slider li.is-moving .cd-full-width .cd-btn { /* this is the slide moving outside the viewport wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */ -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s; -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s; transition: opacity 0s 0.5s, transform 0s 0.5s; } .cd-hero-slider li.selected h2 { -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s; -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s; transition: opacity 0.4s 0.2s, transform 0.5s 0.2s; } .cd-hero-slider li.selected p { -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s; -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s; transition: opacity 0.4s 0.3s, transform 0.5s 0.3s; } .cd-hero-slider li.selected .cd-btn { -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s; -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s; transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s; } } /* -------------------------------- Slider navigation -------------------------------- */ .cd-slider-nav { position: absolute; width: 100%; bottom: 80px; z-index: 2; text-align: center; height: 55px; } .cd-slider-nav nav, .cd-slider-nav ul, .cd-slider-nav li, .cd-slider-nav a { height: 100%; } .cd-slider-nav nav { display: inline-block; position: relative; } .cd-slider-nav .cd-marker { position: absolute; bottom: 0; left: 38px; width: 60px; height: 100%; -webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s; -moz-transition: -moz-transform 0.2s, box-shadow 0.2s; transition: transform 0.2s, box-shadow 0.2s; } .cd-slider-nav .cd-marker.item-2 { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .cd-slider-nav .cd-marker.item-3 { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); } .cd-slider-nav .cd-marker.item-4 { -webkit-transform: translateX(300%); -moz-transform: translateX(300%); -ms-transform: translateX(300%); -o-transform: translateX(300%); transform: translateX(300%); } .cd-slider-nav .cd-marker.item-5 { -webkit-transform: translateX(400%); -moz-transform: translateX(400%); -ms-transform: translateX(400%); -o-transform: translateX(400%); transform: translateX(400%); } .cd-slider-nav ul::after { clear: both; content: ""; display: table; } .cd-slider-nav li { display: inline-block; width: 60px; float: left; } .cd-slider-nav li.selected a { color: #fff; } .no-touch .cd-slider-nav li.selected a:hover { background-color: transparent; } .cd-slider-nav ul li a{ background: rgba(0,0,0,.3); margin-right: 5px; } .cd-slider-nav ul li.selected a{ background: rgba(0,0,0,.8); } .cd-slider-nav a { display: block; position: relative; padding-top: 35px; font-size: 1rem; font-weight: 700; color: #b8b8b8; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; } .cd-slider-nav a{ padding-top: 10px; } .cd-slider-nav a i{ font-size: 32px; display: block; } .no-touch .cd-slider-nav a:hover { background-color: rgba(0, 1, 1, 0.5); } .cd-slider-nav li:first-of-type a::before { background-position: 0 0; } .cd-slider-nav li.selected:first-of-type a::before { background-position: 0 -24px; } .cd-slider-nav li:nth-of-type(2) a::before { background-position: -24px 0; } .cd-slider-nav li.selected:nth-of-type(2) a::before { background-position: -24px -24px; } .cd-slider-nav li:nth-of-type(3) a::before { background-position: -48px 0; } .cd-slider-nav li.selected:nth-of-type(3) a::before { background-position: -48px -24px; } .cd-slider-nav li:nth-of-type(4) a::before { background-position: -72px 0; } .cd-slider-nav li.selected:nth-of-type(4) a::before { background-position: -72px -24px; } .cd-slider-nav li:nth-of-type(5) a::before { background-position: -96px 0; } .cd-slider-nav li.selected:nth-of-type(5) a::before { background-position: -96px -24px; } @media only screen and (min-width: 768px) { .cd-slider-nav { height: 70px; } .cd-slider-nav .cd-marker, .cd-slider-nav li { width: 80px; } .cd-slider-nav a { padding-top: 10px; text-transform: uppercase; } .cd-slider-nav a::before { top: 18px; } } /* -------------------------------- Javascript disabled -------------------------------- */ .no-js .cd-hero-slider li { display: none; } .no-js .cd-hero-slider li.selected { display: block; } .no-js .cd-slider-nav { display: none; } /* Global styles ================================================== */ a{ color: #ffc400; } a.read-more:hover{ color: #327cbc; } /* Typography ================================================== */ .btn.btn-primary{ border: 2px solid #ffc400; } .btn.btn-primary:hover{ background: #ffc400; } .btn.btn-primary.solid{ background: #ffc400; } ul.circle li:before{ color: #ffc400; } ul.check-list li i{ color: #ffc400; } blockquote { border-left: 5px solid #ffc400; } /* Common styles ================================================== */ .heading:hover .title-icon{ color: #ffc400; } h2.entry-title a:hover{ color: #ffc400; } /* Icon pentagon */ .icon-pentagon{ background: none repeat scroll 0 0 #ffc400; } .icon-pentagon:before{ border-bottom: 10px solid #ffc400; } .icon-pentagon:after { border-top: 10px solid #ffc400; } .service-icon:before { border-bottom: 30px solid #ffc400; } .service-icon:after { border-top: 30px solid #ffc400; } /* Carousel controller */ .ts-carousel-controller .left:hover, .ts-carousel-controller .right:hover, .owl-controls .owl-prev:hover, .owl-controls .owl-next:hover{ background: #ffc400; } /* Input form */ .form-control:focus{ border: 1px solid #ffc400 !important; } /* Flex Slider */ .portfolio-slider .flex-direction-nav a:hover, .second-slider .flex-direction-nav a:hover { background: #ffc400; } /* Pagination */ .pagination>.active>a, .pagination>.active>a:hover, .pagination>li>a:hover{ background: #ffc400; } /* Header area ================================================== */ /*-- Header --*/ .header{ border-top: 5px solid #ffc400; } .header-solid ul.navbar-nav > li:hover > a, .header-solid ul.navbar-nav > li.active > a { color: #ffc400; } /*-- Logo --*/ .navbar-brand{ background: #ffc400; } /*-- Main navigation --*/ ul.navbar-nav > li:hover > a, ul.navbar-nav > li.active > a{ color: #ffc400; } .navbar-toggle{ background: #ffc400; } .dropdown-menu > ul > li.active > a{ color: #ffc400; } .dropdown-menu > ul > li>a:hover, .dropdown-menu > ul > li>a:focus{ color: #ffc400; } /* Header area - 2 ================================================== */ /*-- Header bgnone fixed --*/ .header-bgnone{ background: #808080; } /* Slideshow ================================================== */ /*-- Main slide --*/ #main-slide .carousel-indicators li.active, #main-slide .carousel-indicators li:hover { background-color: #ffc400; } #main-slide .carousel-control i:hover{ background: #ffc400; } /* Image Block ================================================== */ .image-block-content .feature-icon{ background: #ffc400; } /* Portfolio ================================================== */ .isotope-nav ul li a{ border: 1px solid #ffc400; } .isotope-nav ul a.active, .isotope-nav ul a:hover{ background: #ffc400; } .isotope-nav ul a.active:after, .isotope-nav ul a:hover:after{ border-color: #ffc400 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } /* Feature box ================================================== */ .feature-icon{ color: #ffc400; } .feature-center-icon{ color: #ffc400; } /* About us ================================================== */ /* Featured Tab */ .featured-tab .nav-tabs>li.active>a{ background: #ffc400; } .featured-tab .nav-tabs>li.active>a:after{ border-left-color: #ffc400; } .featured-tab .nav-tabs>li>a:hover{ background: #ffc400; color: #fff; } .featured-tab .nav-tabs>li>a:hover:after{ border-left-color: #ffc400; } /* Pricing table ================================================== */ .plan.featured .plan-price{ background: #ffc400; } .plan.featured .plan-price:after{ border-top-color: #ffc400; } /* Testimonial ================================================== */ .testimonial-slide .testimonial-text:before{ color: #ffc400; } .testimonial-slide .testimonial-text:after{ color: #ffc400; } .testimonial-slide.owl-theme .owl-controls .owl-page.active span{ background: #ffc400; } /* Recent Post ================================================== */ .post-img-overlay a:hover{ background: #ffc400; } /* Footer ================================================== */ .copyright-info a:hover{ color: #ffc400; } .footer2 .copyright-info a{ color: #ffc400; } #back-to-top .btn.btn-primary:hover{ background: #ffc400; } .footer-about-us h4{ color: #ffc400; } .footer-widget .latest-post-content h4 a:hover{ color: #ffc400; } .subscribe button{ background: #ffc400; } /* Blog Item page ================================================== */ .post-meta a:hover{ color: #ffc400; } .author-url span a:hover{ color: #ffc400; } .comments-counter a:hover{ color: #ffc400; } .comments-list .comment-reply:hover{ color: #ffc400; } /*-- Blog sidebar --*/ .widget-tab .nav-tabs>li.active>a{ background: #ffc400; } .widget-tab h4.entry-title a:hover{ color: #ffc400; } .widget-tags ul > li a:hover{ background: #ffc400; } /* Landing page ================================================== */ .landing-header.header-bgnone ul.navbar-nav > li:hover > a, .landing-header.header-bgnone ul.navbar-nav > li.active > a { color: #ffc400; } .features-content .features-icon{ color: #ffc400; } .landing_facts{ background: #ffc400; } .landing-tab .nav-tabs>li.active{ border-right: 5px solid #ffc400; } .landing-tab .nav-tabs>li.active>a i{ color: #ffc400; } .landing-tab .nav-tabs>li>a:hover{ color: #ffc400 !important; } .landing-tab .tab-pane i.big{ color: #ffc400; } .app-gallery.owl-theme .owl-controls .owl-page.active span{ background: #ffc400; } .landing_page_clients{ background: #ffc400; } /* Misc */ .title-border{ border-bottom: 2px solid #ffc400; } .post-title a:hover{ color: #ffc400; } .portfolio-static-desc a:hover{ color: #ffc400; } .client-carousel .item a:hover{ border: 1px solid #ffc400; } .footer ul li a:hover{ color: #ffc400; } .call-to-action{ background: #ffc400; } .blog-date{ background: #ffc400; } .widget-categories ul.category-list li a:hover{ color: #ffc400; } .about-message ul li a:hover{ color: #ffc400; }