a {cursor: pointer;} .pagination { background: #FFFFFF; padding: 5px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10); text-align: center; } .box .pagination { padding: 0px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10); text-align: center; } .pagination a, .pagination span { display: inline-block; margin: 5px 3px; padding: 3px 7px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ border: 1px #e5e5e5 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: 'Montserrat', sans-serif; text-align: center; text-decoration: none; font-size: 16px; line-height: 22px; color: #065898; } .pagination .page_active { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .done { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .top .aline div span.cold { display: block; margin: -1px 0px 0px -1px; height: 12px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */ background: #e4f5fc; /* Old browsers */ background: -moz-linear-gradient(45deg, #e4f5fc 0%, #2ab0ed 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #e4f5fc 0%,#2ab0ed 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #e4f5fc 0%,#2ab0ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=1 ); /* IE6-9 */ border: 1px #2ab0ed solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* montserrat-700 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('../fonts/montserrat-v12-latin-700.eot'); /* IE9 Compat Modes */ src: local('Montserrat Bold'), local('Montserrat-Bold'), url('../fonts/montserrat-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v12-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v12-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* DealOnkel.de CSS Grundfarben: #05477b (blau), #ca020d (rot) */ /* Links */ a:link, a:visited { font-size: 1.0em; color: #1c375d; font-weight: normal; text-decoration:underline; } a:hover { font-weight: normal; color: #000000; text-decoration:none; } a.active { font-weight: bold; } a.button:link, a.button:visited { text-align: center; font-size: 1.2em; font-weight: bold; text-shadow: #53720b 1px 1px 1px; color: #FFFFFF; padding: 3px 8px; margin: 2px 0px; background: #8BBE12; text-decoration:none; text-transform: uppercase; } a.button:hover{ font-size: 1.2em; font-weight: bold; text-shadow: #2b2b2b 1px 1px 1px; color: #FFFFFF; padding: 3px 8px; margin: 2px 0px; background: #252525; text-decoration:none; } a.button_big:link, a.button_big:visited { text-align: center; font-size: 1.4em; font-weight: bold; text-shadow: #53720b 1px 1px 1px; color: #FFFFFF; padding: 3px 8px; margin: 2px 0px; background: #8BBE12; text-decoration:none; } a.button_big:hover{ font-size: 1.4em; font-weight: bold; text-shadow: #2b2b2b 1px 1px 1px; color: #FFFFFF; padding: 3px 8px; margin: 2px 0px; background: #252525; text-decoration:none; } /* Überschriften */ h1 { display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 1.6em; font-weight: bold; text-align:left; color:#CA020D; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; vertical-align:top; } h2 { font-family: 'Montserrat', sans-serif; font-size: 1.4em; font-weight: bold; text-align:left; color:#1c375d; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; vertical-align:top; text-decoration:none; } h3 { font-family: 'Montserrat', sans-serif; font-size: 1.2em; font-weight: normal; text-align:left; color:#8EC013; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; vertical-align:top; } h4 { font-family: 'Montserrat', sans-serif; font-size: 1.2em; font-weight: bold; text-align:left; color:#6F6F6F; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; vertical-align:top; } h5 { font-family: 'Montserrat', sans-serif; font-size: 1.1em; font-weight: normal; text-align:left; color:#7F7F7F; margin: 5px 0px 5px 0px; padding: 5px 10px 5px 10px; vertical-align:top; background: #F6F6F6; border: 1px #cfcfcf solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } h5.red { font-size: 1.1em; font-weight: normal; text-align:left; color:#FFFFFF; margin: 5px 0px 5px 0px; padding: 5px 10px 5px 10px; background: #CA020D; border: 1px #CA020D solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } h5.green { font-size: 1.1em; font-weight: normal; text-align:left; color:#FFFFFF; margin: 5px 0px 5px 0px; padding: 5px 10px 5px 10px; background: #8EC013; border: 1px #8EC013 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* Standarts */ body { font-size: 1.0em; vertical-align:top; text-align:left; width: 100%; height: 100%; margin: 0; padding: 0; background-color: #E6E6E6; min-width: 320px !important; } body, tr, td, div { font-family: 'Roboto', sans-serif, Verdana; font-size: 1.0em; color: #1c375d; vertical-align:top; text-align:left; } .links { float:left; } .center { text-align: center;} .rechts { float:right; } img { border: 0px; max-width: 100%; display:block; height: auto; } .clear { clear:both; display: block; } .clearl { clear:left; display: block; } .pad { padding: 10px; } #DEV { position: fixed; z-index: 1000; display: inline-block; bottom: 0px; left: 0px; background: #000000; font-size: 0.8em; padding: 5px 15px; color: #FFFFFF; } /* Seite */ #wrapper { background-color: #E6E6E6; background-repeat: repeat-x; background-position: top center; width: 100%; margin: 0px auto; } .loginmenubox { z-index: 1002; position: absolute; top: 70px; margin-left: -85px; width: 240px; background: #FFFFFF; border: 3px solid #CA020D; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.55); -moz-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.55); box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.55); display: none; } .loginmenubox:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .loginmenubox:before { border-color: rgba(202, 2, 13, 0); border-bottom-color: #CA020D; border-width: 24px; margin-left: -36px; } .loginmenubox .top { background: #CA020D; color: #FFFFFF; font-size: 1.2em; padding: 5px 2px; text-align: center; font-weight: bold; } .loginmenubox .bottom { background: #CA020D; color: #FFFFFF; font-size: 1.0em; padding: 5px 2px; } .loginmenubox .content { background: #FFFFFF; color: #023661; font-size: 0.8em; padding: 5px 0px; text-align: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .loginmenubox .content .pad { padding: 3px 8px;font-size: 13px; } .loginmenubox .content .pad img { max-width: inherit; height: 16px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 2px 2px; margin-right: 5px; float: left; } .loginmenubox .content a, .loginmenubox .content .pad div { text-decoration: none; display: block; padding: 2px 0px;font-size: 0.9em; } .loginmenubox .content a i, .loginmenubox .content .pad div i { margin-right: 10px; font-size: 1.2em; } .loginmenubox .content a:hover, .loginmenubox .content .pad div:hover { background:#E6E6E6; } .loginmenubox .content a:hover i { color: #CA020D; } .tag_green { color: #FFFFFF; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #8ec013; margin: 0px 5px; padding: 0 3px; display: inline-block; } .tag_red { color: #FFFFFF; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #cf0404; margin: 0px 5px; padding: 0 3px; display: inline-block; } .tag_blue { color: #FFFFFF; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #065898; margin: 0px 5px; padding: 0 3px; display: inline-block; } .Content_Menu_Right .box.Last_Comments .item { padding: 2px 5px; border-bottom: 2px #BFBFBF dotted; color: #1F1F1F; font-size: 0.9em; min-height: 50px; width: 100%;} .Content_Menu_Right .box.Last_Comments .item:nth-child(even) { background: #EFEFEF; } .Content_Menu_Right .box.Last_Comments .item:nth-child(odd) { background: #FFFFFF; } .Content_Menu_Right .box.Last_Comments .item:last-child { border-bottom: 0px #BFBFBF dotted; } .Content_Menu_Right .box.Last_Comments .item .title { font-style: italic; padding: 0px 0px 0px 0px; color: #756F6F; } .Content_Menu_Right .box.Last_Comments .item .title span a { float: right; color: #065694; font-style: normal; } .Content_Menu_Right .box.Last_Comments .item .title span a .icon { padding-top: 2px; padding-right: 22px; height: 17px; background:transparent url(../images/thumbup.png) right center no-repeat; } .Content_Menu_Right .box.Last_Comments .item .text { display: block; text-align: justify; width: calc(100% - 40px); padding: 0px; text-align: left; } .Content_Menu_Right .box.Last_Comments .item .text blockquote { display: block; padding: 0 5px; text-align: left; border-left: 4px solid black; color: #4b4b4d; font-style: italic; margin: 10px; position: relative; } .Content_Menu_Right .box.Last_Comments .item .text img { display: block; max-width: 100%; } .Content_Menu_Right .box.Last_Comments .item .profil { display: block; float:left; text-align: left; margin-top: 5px; margin-right: 10px; width: 38px; height: 38px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; text-align: left; position: relative; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); } .Content_Menu_Right .box.Last_Comments .item .profil img { max-height: 100%; max-width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .Deal_Similar_List { float:left; width: 100%; height: 110px; margin: 17px 0px 0px 0px; } .Deal_Similar_List .slider_left { float:left; margin-left: 15px; background:transparent url(../images/slider_small_left.png) center left no-repeat; width: 20px; height: 90px; cursor: pointer; } .Deal_Similar_List .slider_left:hover { background:transparent url(../images/slider_small_left_hover.png) center left no-repeat; } .Deal_Similar_List .slider_right { float:right; background:transparent url(../images/slider_small_right.png) center left no-repeat; width: 20px; height: 90px; cursor: pointer; } .Deal_Similar_List .slider_right:hover { background:transparent url(../images/slider_small_right_hover.png) center left no-repeat; } .Deal_Similar_List .slider_content { float:left; width: calc(100% - 60px); overflow: hidden; } .Deal_Similar_List .slider_content div.item { float:left; display: block; width: 144px; height: 90px; margin: 5px; padding-left: 5px; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 15px; overflow: hidden; position: relative; line-height: 21px; } .Deal_Similar_List .slider_content div.item .image { display: block; width: 14px; height: 14px; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-right: 5px; padding: 3px; background: #FFFFFF; vertical-align: center; text-align: center; position:relative; overflow: hidden; float: left; } .Deal_Similar_List .slider_content div.item .image img { max-width: 100%; max-height: 100%; margin: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .Deal_Similar_List .slider_content div.item a { position: absolute; display: block; font-family: 'Montserrat', sans-serif; font-size: 1.2em; font-weight: normal; text-shadow: #052f50 2px 2px 0px; text-align: center; color: #FFFFFF; margin-left: -6px; background-color: #1067ad; text-decoration:none; text-transform: none; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; border: 1px #065694 solid; bottom: 0; width: 100% } .Deal_Similar_List .slider_content div.item a:hover { text-shadow: #297a00 1px 1px 1px; background-color: #44ad10; } .Deal_Similar_List .slider_content div.item a:hover { text-shadow: #297a00 1px 1px 1px; background-color: #44ad10; } /* Seite */ #site { padding: 0px 10px 10px 10px; min-height: 50px; } .Content_Menu_Right { float: right; width: 300px; } #inhalt { float: left; width: calc(100% - 320px); max-width: 880px; } #inhalt.big { width: 100%; max-width: 1200px; } .Content { position: relative; width: 100%; display: block; } .Content.Half_Width { float: left; width: calc(50% - 10px); margin-right: 10px; } .Content.Scroll_With { display: block; position: absolute !important; top: 0px; } .Content.Half_Width { float: left; width: calc(50% - 10px); margin-right: 10px; } /* Larger than tablet */ @media (max-width: 700px) { .Content.Half_Width {width: 100%;} .Content.RHide {display:none;} } #topbar { margin: 0px auto 10px auto; padding: 0px; text-align:left; vertical-align:top; font-weight: normal; color:#FFFFFF; line-height: 1.4em; } /* Sonstiges */ .line { border-top: 2px #e5e5e5 dotted; margin: 3px 0px; height: 2px; width: 100%; } /* Content Boxen */ .box { display: block; margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; background: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10); position: relative; width: calc(100% - 20px); } .box.tube { width: calc(100% - 30px); display: block; margin: -20px 0px 10px 0px; padding: 15px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .box_in { display: block; margin: 10px 0px 10px 0px; padding: 5px 5px 5px 5px; background: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px #EFEFEF solid; position: relative; } .box_in .pre_tag_green { background: #8ec013; height: 100%; width: 70px; padding: 0px; text-align: center; font-size: 20px; font-weight: bold; color: #ffffff; display: inline-block; border-radius: 3px; } .box span.tag { font-size: 10pt; font-family:"Trebuchet MS", Verdana; color: #FFFFFF; padding: 3px 5px; margin: 2px 0px; border: 2px solid #cf0404; background: #cf0404; cursor: pointer; -webkit-box-shadow: inset 2px 2px 4px 0px rgba(50, 50, 50, 0.0); -moz-box-shadow: inset 2px 2px 4px 0px rgba(50, 50, 50, 0.0); box-shadow: inset 2px 2px 4px 0px rgba(50, 50, 50, 0.0); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* Shop Info */ #shopinfo { margin: 20px 0px 10px 0px; } #shopinfo .box img { float: left; margin: 0px 10px 10px 0px; min-width: 140px; max-width: 150px; border: 2px #EFEFEF solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px; } /* Kommentare */ #comments { margin: 20px 0px 10px 0px; } #comments h3 { color: #756F6F; } #comments .box .item { padding: 2px 5px; border-bottom: 2px #BFBFBF dotted; color: #1F1F1F; font-size: 0.9em; min-height: 50px; } #comments .box .item:nth-child(even) { background: #EFEFEF; } #comments .box .item:nth-child(odd) { background: #FFFFFF; } #comments .box .item:last-child { border-bottom: 0px #BFBFBF dotted; } #comments .box .item .title { font-style: italic; padding: 0px 0px 0px 0px; color: #756F6F; } #comments .box .item .title span a { float: right; color: #065694; font-style: normal; } #comments .box .item .title span a .icon { padding-top: 2px; padding-right: 22px; height: 17px; background:transparent url(../images/thumbup.png) right center no-repeat; } #comments .box .item .text { display: block; float:right; width: calc(100% - 60px); padding: 0px; text-align: left; } #comments .box .item .text blockquote { display: block; padding: 0 5px; text-align: left; border-left: 4px solid black; color: #4b4b4d; font-style: italic; margin: 10px; position: relative; } #comments .box .item .text img { display: block; max-width: 100%; } #comments .box .item .profil { display: block; float:left; text-align: left; margin-top: 5px; margin-right: 10px; width: 50px; height: 50px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; text-align: left; position: relative; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); } #comments .box .item .profil img { max-height: 100%; max-width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } #comments .box .item .menu { font-style: italic; padding: 0px 0px 0px 0px; color: #756F6F; } #comments .box .item .menu a { color: #065694; font-style: normal; padding-right:10px; } #do-newsletter-responsiv { background: #bd2129; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 100% !important; min-height: 120px; } #do-newsletter-responsiv .nl_top, #do-newsletter-responsiv .nl_bottom { display: block; width: 100%; height: 9px; background: transparent url(../images/do_newsletter_bg_border.png) left top repeat-x; } #do-newsletter-responsiv .nl_top { -webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; margin-bottom: 10px; } #do-newsletter-responsiv .nl_bottom { -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; margin-top: 10px; } #do-newsletter-responsiv .nl_left { float:left; background: transparent url(../images/do_newsletter_l.png) center center no-repeat; width: 136px; height: 136px; margin: 0px 7px; } #do-newsletter-responsiv .nl_right { float:right; background: transparent url(../images/do_newsletter_r.png) center center no-repeat; width: 136px; height: 136px; margin: 0px 7px; } #do-newsletter-responsiv .nl_info { background: #FFFFFF; float:left; width: calc(100% - 340px); padding: 15px 10px; margin: 0px 10px; font-size: 1.0em; color: #000000; font-weight: normal; text-align: center; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } #do-newsletter-responsiv .nl_info b { color: #000000; font-size: 1.1em; } #do-newsletter-responsiv .nl_info form { margin: 10px 0px; padding: 0px;} #do-newsletter-responsiv .nl_info form input[type="text"] { height: 22px; width: calc(100% - 200px); } #do-newsletter-responsiv .nl_info form input[type="submit"] { height: 35px; width: 120px; } #do-app-responsiv { background: #bd2129; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 100% !important; min-height: 120px; } #do-app-responsiv .nl_top, #do-app-responsiv .nl_bottom { display: block; width: 100%; height: 9px; background: transparent url(../images/do_newsletter_bg_border.png) left top repeat-x; } #do-app-responsiv .nl_top { -webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; margin-bottom: 10px; } #do-app-responsiv .nl_bottom { -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; margin-top: 10px; } #do-app-responsiv .nl_left { float: left; background-image: url(../images/do_box_app.png); background-size: contain; background-repeat: no-repeat; background-position: right; width: 136px; height: 136px; margin: 0px 7px; } #do-app-responsiv .nl_info { background: #FFFFFF; float:left; width: calc(100% - 220px); padding: 20px; margin: 0px 10px; font-size: 1.0em; color: #000000; font-weight: normal; text-align: center; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } #do-app-responsiv .nl_info b { color: #000000; font-size: 1.1em; } #do-app-responsiv .nl_info form { margin: 10px 0px; padding: 0px;} #do-app-responsiv .nl_info form input[type="text"] { height: 22px; width: calc(100% - 200px); } #do-app-responsiv .nl_info form input[type="submit"] { height: 35px; width: 120px; } /* Items */ .post-item { position: relative; } .post-item .left { float: left; width: calc(100% - 160px); max-width: 670px; } .deal_view_footer { bottom: 0; min-height: 25px; overflow: hidden; margin-bottom: -15px; text-align: right; } .deal_view_footer .fa { color: #A8A8A8; } .deal_view_footer .point { border: 2px #EFEFEF solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px 5px 5px 7px; margin-left: 5px; margin-top:8px; } .deal_view_footer .fa_active { color: #8ec013; } .deal_view_footer .point .count { font-weight: bold; font-size: 0.9em; } .post-item .right { float: right; width: 150px; } .post-item .left .top { display: block; } .post-item .left .top .rating_cold, .post-item .left .top .rating_hot, .post-item-big .top .rating_cold, .post-item-big .top .rating_hot { float: left; width: 30px; margin: 2px 5px 2px 0px; } .post-item .left .top .rating_degree, .post-item-big .top .rating_degree { float: left; min-width: 60px; margin: 2px 2px 2px 0px; font-family: 'Montserrat', sans-serif; text-align: center; text-decoration: none; font-size: 1.6em; line-height: 1.0em; color: #CA020D; } .post-item .left .top .deal_added_date, .post-item-big .top .deal_added_date { float: right; margin: 2px 2px 2px 0px; color: #A8A8A8; text-align: center; text-decoration: none; } .post-item .left .top .button { display:none; } .post-item .left .top .rating_cold a, .post-item .left .top .rating_hot a, .post-item-big .top .rating_cold a, .post-item-big .top .rating_hot a { display: inline-block; margin: 0px 2px 5px 0px; padding: 2px 0px; width: 25px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ border: 1px #e5e5e5 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.35); font-family: 'Montserrat', sans-serif; text-align: center; text-decoration: none; font-size: 1.6em; line-height: 0.8em; color: #065898; } .post-item .left .top .rating_hot a, .post-item-big .left .top .rating_hot a { color: #CA020D; } .post-item .left .top .rating_cold a:hover, .post-item .left .top .rating_hot a:hover, .post-item-big .left .top .rating_cold a:hover, .post-item-big .left .top .rating_hot a:hover { color: #000000; } .post-item .left .top .rating_hot span, .post-item .left .top .rating_cold span, .post-item-big .top .rating_hot span, .post-item-big .top .rating_cold span, .deal_scroll_top .center .button span { display: inline-block; margin: 0px 2px 5px 0px; padding: 2px 0px; width: 25px; font-weight:bolder; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ border: 1px #e5e5e5 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.35); font-family: 'Montserrat', sans-serif; text-align: center; text-decoration: none; font-size: 1.6em; line-height: 0.8em; color: #065898; filter: grayscale(100%); } .post-item .left h3 { font-family: 'Montserrat', sans-serif; font-size: 1.2em; font-weight: normal; text-align:left; color:#044476; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; vertical-align:top; overflow: hidden; text-overflow: ellipsis; } .post-item .right .image { width: calc(100% - 10px); height: 150px; border: 2px #EFEFEF solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px; display: inline-block; position: relative; overflow: hidden; } .post-item .right .image img { max-width: 100%; max-height: 100%; margin: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .post-item .left .price { display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 1.3em; font-weight: normal; text-align:center; color:#CA020D; margin-right: 20px; float:left; } .post-item .left .next_price { display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 1.2em; font-weight: normal; text-align:center; color:#A8A8A8; margin-right: 20px; float:left; text-decoration: line-through; } .post-item .left .saved { display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 1.2em; font-weight: normal; text-align:center; color:#1c375d; margin-right: 20px; float:left; } .post-item .left .voucher_saved, .post-item .left .voucher_min_value { display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 1.1em; font-weight: normal; text-align:center; color:#CA020D; margin-right: 20px; float:left; } .post-item .right .discount { font-size: 1.1em; font-weight: normal; text-align:center; color:#9F9F9F; margin: 5px 0px 0px 0px; border: 2px #EFEFEF solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px; } .post-item-small .box { padding: 0px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important; } .post-item-small { float: left; width: calc(33% - 5px); margin: 5px 10px 5px 0px; } .post-item-small:nth-child(3n+1){ margin: 5px 0px 5px 0px !important; border: 0px #000000 solid; } .post-item-small .top { display: block; margin-bottom: 5px; border: 0px solid #000000; height: 35px; } .post-item-small .top .hot { float: left; min-width: 60px; margin: 0px 5px 2px 0px; font-family: 'Montserrat', sans-serif; text-align: center; text-decoration: none; font-size: 1.6em; line-height: 1.0em; color: #CA020D; } .post-item-small .top .button { float: right; width: 60px; margin: -10px -10px 2px 0px; padding: 8px 8px 3px 8px; background: #CA020D; -webkit-border-radius: 0px 3px 0px 3px; -moz-border-radius: 0px 3px 0px 3px; border-radius: 0px 3px 0px 3px; } .post-item-small .top .button a { display: inline-block; margin: 0px 2px 5px 0px; padding: 2px 0px; width: 25px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ border: 1px #e5e5e5 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: 'Montserrat', sans-serif; text-align: center; text-decoration: none; font-size: 1.6em; line-height: 0.8em; color: #065898; } .post-item-small .top .button a.red { color: #CA020D; } .post-item-small .top .button a:hover { color: #000000; } .post-item-small .image { width: calc(100% - 15px); height: calc(120px - 10px); border: 2px #EFEFEF solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px; text-align: center; } .post-item-small .image img { max-width: inherit; height: 100%; } .post-item-small .title { display: block; width: calc(100% - 16px); margin: 5px 0px 0px 0px; padding: 8px 8px 8px 8px; background: #054C83; color: #FFFFFF; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; height: 70px; overflow: hidden; } .post-item-small .title a { color: #FFFFFF; text-decoration: none; } .post-item-small .title a:hover { color: #8EC013; } #inhalt h1 { display: block; line-height: 30px; overflow: hidden; max-height: 60px; width: calc(100% - 220px); } .post-item .left .footer_shop { height: 20px;padding: 10px 0 0 0; overflow: hidden;line-height: 10px;} .post-item .left .footer_shop a { font-size:1em;color: #A8A8A8;text-decoration: none;} .Deal_List.Date { background: transparent url(../images/bg_date.png) center top no-repeat; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 100%; height: 33px; text-align: center; margin-top:10px; } .Deal_List.Date .info { padding: 2px 10px; font-size: 1.4em; color: #FFFFFF; font-weight: bold; text-align: center; } #do-newsletter-angebote { background: transparent url(../images/do_newsletter_bg.png) center top no-repeat; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 880px; height: 166px; text-align: center; } #do-newsletter-angebote .info { padding: 15px 10px; font-size: 1.1em; color: #000000; font-weight: normal; margin-bottom: 6px; margin-top: 10px; } /* Tabellen */ td.head { background: #8EC013; color: #FFFFFF; padding: 5px 10px; font-weight: bold; font-size: 1.1em; } td.head2 { background: #CA020D; color: #FFFFFF; padding: 5px 10px; font-weight: bold; font-size: 1.1em; } td.bg { background: #EFEFEF; color: #3F3F3F; padding: 3px 10px; border-bottom: 1px #DFDFDF solid; border-top: 1px #FFFFFF solid; } td.bg2 { background: #DFDFDF; color: #3F3F3F; padding: 3px 10px; border-bottom: 1px #DFDFDF solid; border-top: 1px #FFFFFF solid; } td.bg.highlight, td.bg2.highlight { background: #8EC013; color: #FFFFFF; } td.bg.highlight2, td.bg2.highlight2 { background: #065594; color: #FFFFFF; } /* Menü */ .Content_Menu_Right .box { font-size: 0.9em; color: #3F3F3F; } .Content_Menu_Right .box span { display: inline; background: #CA020D; color: #FFFFFF; -webkit-box-shadow: inset 0px 0px 15px 0px rgba(145, 30, 30, 0.55); -moz-box-shadow: inset 0px 0px 15px 0px rgba(145, 30, 30, 0.55); box-shadow: inset 0px 0px 15px 0px rgba(145, 30, 30, 0.55); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 1px 3px; } #newsletter { display: block; padding: 0px; margin: 0px; height: 426px; width: 299px; background: transparent url(../images/newsletter-box.jpg) top left no-repeat; color: #FFFFFF; } #newsletter form a { color: #FFFFFF; } #newsletter form { width: 240px; margin: 0px auto; padding: 275px 0px 0px 0px; } #newsletter form #Newsletter_User_Address, #newsletter form input[type="submit"] { display: block; width: 230px; margin: 3px 0px; padding: 4px 5px 4px 5px !important; font-size: 1.1em; } #newsletter form input[type="submit"] { display: block; width: 240px; margin: 3px 0px; font-size: 1.1em; } .whatsapp { position: relative; display: block; padding: 0px; margin-bottom: 10px; height: 438px; width: 299px; background: transparent url("/images/wa_grafik_blank.png") no-repeat scroll center top; } .whatsapp .whatsapp_advice { position: absolute; top: 170px; left: 40px; } .whatsapp .whatsapp_advice .whatsapp_bubble { width: 200px; margin: 0px auto; padding: 10px; background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute; } .whatsapp .whatsapp_advice .whatsapp_bubble::after { border-color: white transparent; border-style: solid; border-width: 15px 10px 0; bottom: -14px; content: ""; display: block; left: 10px; position: absolute; width: 0; } .whatsapp button.button_yes { margin: 40px 0 3px; position: absolute; width: 180px; font-size: 19px; } .whatsapp button.button_no { margin: 80px 0 3px; position: absolute; width: 180px; background: transparent; } #Form_Deal_Add .Deal_Link_Info { display: block; width: 100%; padding: 0px; } #Form_Deal_Add .Deal_Link_Info .Shop_Data { display: none; float: left; margin-left:5px; } #Form_Deal_Add .Deal_Link_Info .Shop_Data .Shop_Pic { display: none; float: left; width: 30px; height: 30px; padding: 0px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; text-align: left; margin-right: 10px; position: relative; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); } #Form_Deal_Add .Deal_Link_Info .Shop_Data .Shop_Pic img { max-width: 100%; max-height: 100%; margin-top: -5px; margin: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } #Form_Deal_Add .Deal_Link_Info .Aff_Data { display: none; float: left; margin-left:5px; } #messages { width: 100%;min-width: 785px; } #messages .diver { margin: 10px 0px; border-bottom: 0px #BFBFBF dotted; color: #1F1F1F; font-size: 0.9em; } #messages #message_users { float:left; width: 250px; position: absolute; } #messages #message_users #users_select { background: #EFEFEF; padding: 5px; position: relative; } #messages #message_users #users_select .ergebnisse { display: none; position: absolute; background: white; padding: 6px 8px; width: 200px; margin: -4px 2px; border: 1px solid #cfcfcf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #messages #message_users #users_select .ergebnisse div { line-height: 30px; } #messages #message_users #users_select .ergebnisse div img { max-width: inherit; height: 25px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 2px 2px; margin-right: 5px; float: left; } #messages #message_users .item { cursor: pointer; padding: 5px; border-bottom: 2px #BFBFBF dotted; } #messages #message_users .item:last-child { border-bottom: 0px #BFBFBF dotted; } #messages #message_users .item:hover, #messages #message_users .item.active { background: #8EC013; border-bottom: 2px #FFFFFF dotted; } #messages #message_users .item:hover:last-child, #messages #message_users .item.active:last-child { border-bottom: 0px #FFFFFF dotted; } #messages #message_users .item .user { color: #000000; font-weight: bold; } #messages #message_users .item .user span { display: block; color: #7F7F7F; font-size: 0.9em; font-weight: normal; } #messages #message_users .item .profil { display: block; float:left; width: 50px; height: 100%; padding: 0px; text-align: left; margin-right: 10px; } #messages #message_users .item .profil img { max-width: inherit; height: 44px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 2px 2px; } #messages #message_chat { float:right; width: calc(100% - 285px); min-width: 500px; min-height: 400px; } #messages #message_chat .box { width: 100%; max-height: 800px; overflow-y: auto; } #messages #message_chat .item_left { float: left; width: 99%; border-bottom: 2px #BFBFBF dotted; padding: 10px 0px; } #messages #message_chat .item_left .profil { float:left; width: 80px; height: 100%; padding: 0px; text-align: left; margin-right: 10px; } #messages #message_chat .item_left .profil img { max-width: inherit; height: 50px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 2px 2px; margin-left: 12px; } #messages #message_chat .item_left .date { float: left; width: 88%; font-size: 0.8em; color: #7F7F7F; text-align: left; } #messages #message_chat .item_left .text { float: left; min-height: 20px; padding: 5px 10px; } #messages #message_chat .item_left .text { position: relative; background: #C7D8E2; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #messages #message_chat .item_left .text:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(199, 216, 226, 0); border-right-color: #C7D8E2; border-width: 14px; margin-top: -14px; margin-right: -5px; } #messages #message_chat .item_right { float: right; width: 99%; border-bottom: 2px #BFBFBF dotted; padding: 10px 0px; } #messages #message_chat .item_right .profil { float:right; width: 80px; height: 100%; padding: 0px; text-align: left; margin-left: 10px; } #messages #message_chat .item_right .profil img { max-width: inherit; height: 50px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 2px 2px; margin-left: 12px; } #messages #message_chat .item_right .date { float: right; width: 88%; font-size: 0.8em; color: #7F7F7F; text-align: right; } #messages #message_chat .item_right .text { float: right; min-height: 20px; padding: 5px 10px; } #messages #message_chat .item_right .text { position: relative; background: #E1E8ED; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #messages #message_chat .item_right .text:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #E1E8ED; border-width: 14px; margin-top: -14px; margin-left: -5px; } #messages #message_chat .box.dark { background: #05477B;overflow: unset; } /* pages */ .Team {text-align:center;} .Team_Member {float:left;width:33%;text-align:center;} .Team_Member .Title {text-align:center;font-weight: bold;font-size:2em;} .Team_Member .Subtitle {text-align:center;text-transform: uppercase;font-size:.7em;} .Team_Member .User_Pic { display: inline-block; width: 50px; height: 50px; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px; background: #FFFFFF; vertical-align: center; text-align: center; position:relative; } .Team_Member .User_Pic img { max-width: 100%; max-height: 100%; margin: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .lightgallery { margin-bottom: 0; display: inline-block; } .lightgallery > li { float: left; margin-bottom: 15px; margin-right: 20px; max-width: 200px; list-style: none; } .lightgallery > li a { border: 3px solid #FFF; border-radius: 3px; display: block; overflow: hidden; position: relative; float: left; } .lightgallery > li a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; } .lightgallery > li a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .lightgallery > li a:hover .lightgallery-poster > img { opacity: 1; } .lightgallery > li a .lightgallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; } .lightgallery > li a .lightgallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .lightgallery > li a:hover .lightgallery-poster { background-color: rgba(0, 0, 0, 0.5); } .lightgallery .justified-gallery > a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; } .lightgallery .justified-gallery > a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .lightgallery .justified-gallery > a:hover .lightgallery-poster > img { opacity: 1; } .lightgallery .justified-gallery > a .lightgallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; } .lightgallery .justified-gallery > a .lightgallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .lightgallery .justified-gallery > a:hover .lightgallery-poster { background-color: rgba(0, 0, 0, 0.5); } .lightgallery .video .lightgallery-poster img { height: 48px; margin-left: -24px; margin-top: -24px; opacity: 0.8; width: 48px; } .lightgallery.dark > ul > li a { border: 3px solid #04070a; } .box .profil_pic { display: block; width: 190px; min-height: 190px; height: 190px; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px; margin-top: -50px; background: #FFFFFF; vertical-align: center; text-align: center; position:relative; float: right; } .box .profil_pic img { max-width: 100%; max-height: 100%; margin: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .profil_stats { float: right; padding: 10px !important; } /* Social Media */ #socialmedia_big { width: 300px; height: 50px; text-align: center; margin: 10px 0px; } .Advice_Error_Text {display:none;} a.rss.big { background-position: 0px 0px; } a.facebook.big { background-position: -55px 0px; } a.google.big { background-position: -110px 0px; } a.twitter.big { background-position: -165px 0px; } a.youtube.big { background-position: -220px 0px; } a {cursor: pointer;} .pagination { background: #FFFFFF; padding: 5px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10); text-align: center; } .box .pagination { padding: 0px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10); text-align: center; } .pagination a, .pagination span { display: inline-block; margin: 5px 3px; padding: 3px 7px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ border: 1px #e5e5e5 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: 'Montserrat', sans-serif; text-align: center; text-decoration: none; font-size: 16px; line-height: 22px; } .pagination .page_active { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .done { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .top .aline div span.cold { display: block; margin: -1px 0px 0px -1px; height: 12px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */ background: #e4f5fc; /* Old browsers */ background: -moz-linear-gradient(45deg, #e4f5fc 0%, #2ab0ed 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #e4f5fc 0%,#2ab0ed 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #e4f5fc 0%,#2ab0ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=1 ); /* IE6-9 */ border: 1px #2ab0ed solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } button.Button_Red { display: block; font-family: 'Montserrat', sans-serif; font-size: 1.4em; font-weight: normal; text-shadow: #0f4776 1px 1px 1px; text-align: left; color: #FFFFFF; overflow: hidden; padding: 8px; margin: 8px 10px; background-color: #ca020d; text-decoration:none; text-transform: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } button.Close_Right {float:right;font-size: 20px;} button.Small {padding: 0px 4px;margin: 2px;} /* Formulare */ input:not(.No_Style), textarea { border: 2px solid #DFDFDF; font-size: 1.0em; background-color: #FFFFFF; color: #000000; padding: 6px 8px; margin: 2px 0px; vertical-align: top; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 18px; } select { border: 2px solid #DFDFDF; font-size: 1.0em; background-color: #FFFFFF; color: #000000; padding: 6px 8px; margin: 2px 0px; vertical-align: top; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } input:hover, textarea:hover, select:hover { border-color: #065898; } input:focus, textarea:focus, select:focus { border-color: #065898; } input[type="submit"], input[type="button"], button { border: 0px #057e9f solid; font-size: 1.0em; font-weight: bold; text-shadow: none; color: #FFFFFF; padding: 3px 5px; margin: 2px 0px; background: #065694; cursor: pointer; -webkit-box-shadow: inset 2px 2px 4px 0px rgba(50, 50, 50, 0.0); -moz-box-shadow: inset 2px 2px 4px 0px rgba(50, 50, 50, 0.0); box-shadow: inset 2px 2px 4px 0px rgba(50, 50, 50, 0.0); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; } input[type="submit"]:hover, input[type="button"]:hover, button:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6e026+0,abdc28+100;Green+Flat */ background: #b6e026; /* Old browsers */ background: -moz-linear-gradient(top, #b6e026 0%, #abdc28 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #b6e026 0%,#abdc28 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #b6e026 0%,#abdc28 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6e026', endColorstr='#abdc28',GradientType=0 ); /* IE6-9 */ } /* The container */ .Input_Checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .Input_Checkbox input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; } /* On mouse-over, add a grey background color */ .Input_Checkbox:hover input[type="checkbox"] ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .Input_Checkbox input[type="checkbox"]:checked ~ .checkmark { background-color: #8EC013; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .Input_Checkbox input[type="checkbox"]:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .Input_Checkbox .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } input[type="button"].facebook, button.facebook { background:transparent url(../images/fb_button.png) left center no-repeat; color: #FFFFFF; padding: 6px 10px 6px 35px; font-size: 1.0em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } input[type="button"].user, button.user { background-image: url(../images/icon_join.png); background-repeat: no-repeat; background-position: 5px 6px; background-size: 25px 25px; background-color: #065694; color: #FFFFFF; padding: 6px 10px 6px 38px; font-size: 1.0em; } input.Select_Date {max-width:100px;width:100px;} input.Select_DateTime {max-width:160px;width:160px;} /* DealOnkel.de CSS Grundfarben: #05477b (blau), #ca020d (rot) */ .Header_For_Visitor, .Header_For_User { height: 66px; position: relative; margin-bottom: 20px; background: #075b9e; background: -moz-linear-gradient(0deg, rgba(7,91,158,1) 0%, rgba(28,55,93,1) 100%); background: -webkit-linear-gradient(0deg, rgba(7,91,158,1) 0%, rgba(28,55,93,1) 100%); background: linear-gradient(0deg, rgba(7,91,158,1) 0%, rgba(28,55,93,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#075b9e",endColorstr="#1c375d",GradientType=1); } .Header_For_Visitor .Header_Menu_BG, .Header_For_User .Header_Menu_BG { top: 0px; } .Header_Content, #site { max-width: 1200px; width: 100%; margin: 0px auto !important; } .Header_Content {position: relative;} .Header_Button { position: absolute; width: 400px; height: 77px; margin: 0px; text-align: right; z-index: 12; right: 0; } .Header_For_User .Header_Button {top: 12px;} .Header_Button #menu-user, .Header_Button #menu-notifications, .Header_Button #menu-message { float:right; cursor: pointer; margin: 0 20px 0 0; text-align: center; position: relative; } .Header_Button #menu-user #icon, .Header_Button #menu-notifications #icon, .Header_Button #menu-message #icon { color: #FFFFFF; margin-top: 14px; font-size: 30px; position: relative; } .Header_Button #menu-user #icon .new, .Header_Button #menu-notifications #icon .new, .Header_Button #menu-message #icon .new { line-height: 30px; color: #FFFFFF; margin: -42px 0px 0px 20px; font-size: 15px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: #8ec013; position: absolute; padding: 0 5px; } .Header_Button #menu-user i.active, .Header_Button #menu-notifications i.active, .Header_Button #menu-message i.active { color: #5b9ed3; } .Header_Button #menu-user .profil { display: block; float: left; position: relative; width: 60px; height: 46px; padding: 0px; text-align: left; margin-right: -12px; } .Header_Button #menu-user .profil img { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 2px 2px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-height: 100%; max-width: 100%; } .loginmenubox { z-index: 1002; position: absolute; top: 70px; margin-left: -85px; width: 240px; background: #FFFFFF; border: 3px solid #075b9e; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.55); -moz-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.55); box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.55); display: none; } .loginmenubox:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .loginmenubox:before { border-color: rgba(202, 2, 13, 0); border-bottom-color: #075b9e; border-width: 24px; margin-left: -36px; } .loginmenubox .top { background: #075b9e; color: #FFFFFF; font-size: 1.2em; padding: 5px 2px; text-align: center; font-weight: bold; } .loginmenubox .bottom { background: #075b9e; color: #FFFFFF; font-size: 1.0em; padding: 5px 2px; } .loginmenubox .content { background: #FFFFFF; color: #023661; font-size: 0.8em; padding: 5px 0px; text-align: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .loginmenubox .content .pad { padding: 3px 8px;font-size: 13px; } .loginmenubox .content .pad img { max-width: inherit; height: 16px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 2px 2px; margin-right: 5px; float: left; } .loginmenubox .content a, .loginmenubox .content .pad div { text-decoration: none; display: block; padding: 2px 0px;font-size: 0.9em; } .loginmenubox .content a i, .loginmenubox .content .pad div i { margin-right: 10px; font-size: 1.2em; } .loginmenubox .content a:hover, .loginmenubox .content .pad div:hover { background:#E6E6E6; } .loginmenubox .content a:hover i { color: #CA020D; } .Header_For_Visitor .Header_Content_Topdeals { position: absolute; background:transparent url(../images/header_topdeals.png) top left no-repeat; width: 687px; height: 117px; margin: 17px 0px 0px 150px; } .Header_For_Visitor .Header_Content_Topdeals .slider_left { float:left; margin-left: 15px; background:transparent url(../images/slider_small_left.png) center left no-repeat; width: 20px; height: 80px; cursor: pointer; } .Header_For_Visitor .Header_Content_Topdeals .slider_left:hover { background:transparent url(../images/slider_small_left_hover.png) center left no-repeat; } .Header_For_Visitor .Header_Content_Topdeals .slider_right { float:right; background:transparent url(../images/slider_small_right.png) center left no-repeat; width: 20px; height: 80px; cursor: pointer; } .Header_For_Visitor .Header_Content_Topdeals .slider_right:hover { background:transparent url(../images/slider_small_right_hover.png) center left no-repeat; } .Header_For_Visitor .Header_Content_Topdeals .slider_content { float:left; width: 620px; overflow: hidden; } .Header_For_Visitor .Header_Content_Topdeals .slider_content div.item { float:left; display: block; width: 144px; height: 70px; margin: 10px 2px 0px 2px; padding-left: 5px; border-right: 2px #444444 dotted; font-size: 0.8em; overflow: hidden; } .Header_For_Visitor .Header_Content_Topdeals .slider_content div.item a { color: #CA020D; font-size: 1.0em; } .Header_For_Visitor .Header_Button { float:right; width: 300px; margin: 3px 0px 10px 0px; text-align: right; padding-right: 10px; } .Header_For_Visitor .Header_Button a.button_join { display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 1.4em; font-weight: normal; text-shadow: #0f4776 1px 1px 1px; text-align: left; color: #FFFFFF; overflow: hidden; padding: 8px 10px 8px 40px; margin: 10px 0px 2px 0px; background: #ca020d url(../images/icon_join.png) 3px center no-repeat; text-decoration:none; text-transform: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .Header_For_Visitor .Header_Button a.button_join:hover { text-shadow: #a70009 1px 1px 1px; background: #20659e url(../images/icon_join.png) 3px center no-repeat; } .Header_For_Visitor .Header_Button a.button_login { display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 1.4em; font-weight: normal; text-shadow: #0f4776 1px 1px 1px; text-align: left; color: #FFFFFF; overflow: hidden; padding: 8px 10px 8px 40px; margin: 10px 0px 0px 8px; background: #ca020d url(../images/icon_star.png) 3px center no-repeat; text-decoration:none; text-transform: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: right; } .Header_For_Visitor .Header_Button a.button_login:hover { text-shadow: #a70009 1px 1px 1px; background: #5b9ed3 url(../images/icon_star.png) 3px center no-repeat; } .Header_For_User .Header_Button a.button_logout { display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 1.4em; font-weight: normal; text-shadow: #0f4776 1px 1px 1px; text-align: left; color: #FFFFFF; overflow: hidden; padding: 8px 10px 8px 40px; margin: 0px 8px 2px 10px; background: #ca020d url(../images/icon_logout.png) 10px center no-repeat; text-decoration:none; text-transform: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: right; } .Header_For_User .Header_Button a.button_logout:hover { text-shadow: #a70009 1px 1px 1px; background: #5b9ed3 url(../images/icon_logout.png) 10px center no-repeat; } a.submenu { display: block !important; color: #FFFFFF !important; font-size: 1.0em !important; padding: 3px 10px 3px 10px !important; margin: 0px !important; height: 25px; line-height: 25px; background: !important; border-left: 0px !important; border-right: 0px !important; border-top: 1px #e7111d solid !important; border-bottom: 1px #8f0109 solid !important; } a.submenu:hover { background: #05477B !important; color: #FFFFFF !important; display: block; border-top: 1px #135f9b solid !important; border-bottom: 1px #01345d solid !important; } a.submenu:first-child { border-top: 0px #e7111d solid !important; } a.submenu:last-child { border-bottom: 0px #01345d solid !important; } .user_message_userlist input[type="text"] { width: 200px; height: 45px; margin-top: 0px; color: #000000; font-size: 1.2em; text-shadow: #FFFFFF 0px 0px 0px; -webkit-border-radius: 3px 3px; -moz-border-radius: 3px 3px; border-radius: 3px 3px; background: #FFFFFF; padding: 0px 5px 0px 10px; margin: 8px 0px 0px 0px; } .user_message_userlist div { background: #FFFFFF; border-radius: 0px 0px 3px 3px; vertical-align: top; position: absolute; margin-top: -4px; padding: 5px 10px; width: 200px; color: #000000; font-size: 15px; text-shadow: #FFFFFF 0px 0px 0px; -webkit-box-shadow: 2px 2px 4px 0 rgba(50, 50, 50, 0.25) inset; -moz-box-shadow: 2px 2px 4px 0 rgba(50, 50, 50, 0.25) inset; box-shadow: 2px 2px 4px 0 rgba(50, 50, 50, 0.25) inset; box-shadow-top: 0px; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; background: #FFFFFF; display:none; } #header_menu { float:right; width: calc(100% - 20px); min-width: 280px; margin: 0px auto 10px auto; padding: 9px 10px 9px 10px; text-align:left; vertical-align:top; font-size: 1.2em; font-weight: normal; color: #6f6f6f; line-height: 1.4em; background: #f6f6f6; border: 1px #cfcfcf solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: 25px; height: 25px; background: #f6f6f6; border: 1px #cfcfcf solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; } #header_menu a { color: #6f6f6f; font-weight: bold; padding: 0px 5px; } #header_menu ul {display:inline;list-style:none;padding:0px} #header_menu ul li {display:inline;color: #6f6f6f; } #header_menu ul li a { color: #6f6f6f; font-weight: bold; padding: 0px 5px; white-space: nowrap;} #header_menu .profil { display: block; float: left; width: 35px; height: 35px; padding: 0px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; text-align: left; margin-right: 10px; margin-top: -5px; position: relative; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); } #header_menu .profil img { max-width: 100%; max-height: 100%; margin-top: -5px; margin: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .Header_Menu_BG { height: 70px; position: absolute; margin: 0px auto; width: 100%; z-index: 10; } .Header_Menu_New { position: relative; max-width: 1200px; width: 100%; margin: 0px auto !important; padding:4px 0 0; } .Header_Menu_New .Header_Logo { float: left; padding-top:5px; } .Header_Menu_New .Header_Logo img { max-width: 100%; height: 50px; } .Header_Menu_New .Header_Logo img.small { display:none; padding-left:10px; } .Header_Menu_New .Header_Menu_Content {float: left;margin-left:10px;height: 66px;} .Header_Menu_New > .Header_Menu_Content > a { float: left; display: block; cursor: pointer; display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 1.2em; color: #dddddd; font-weight: normal; text-decoration:none; padding: 17px 7px; margin-top: 0px; white-space: nowrap; } .Header_Menu_New > .Header_Menu_Content > a:hover, .Header_Menu_New > .Header_Menu_Content > a.active { background: url(../images/header_menu_hover.png) transparent repeat-x bottom; color: #ffffff; } /* Header Such Box */ .Header_Search { float: right; width: 300px; height: 46px; position: relative; margin-left: 10px; } .Header_Search form { height: 100%; -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.75); box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.75); width: 100%; margin-top: 0px; color: #000000; font-size: 1.2em; text-shadow: #FFFFFF 0px 0px 0px; -webkit-box-shadow: inset 0px 0px 25px 0px rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0px 0px 25px 0px rgba(255, 255, 255, 0.25); box-shadow: inset 0px 0px 25px 0px rgba(255, 255, 255, 0.25); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #FFFFFF; padding: 0px 5px 0px 10px; margin: 8px 0px 0px 0px; position: absolute; z-index: 1001; } .Header_Search input[type="text"] { height: 96%; width: calc(100% - 53px); border: 0px; float: left; color: #000000; font-size: 1.0em; } .Header_Search input[type="submit"] { float: left; width: 46px; height: 42px; color: #C92129; text-shadow: #FFFFFF 1px 1px 1px; -webkit-box-shadow: inset 0px 0px 0px 0px rgba(50, 50, 50, 0.0); -moz-box-shadow: inset 0px 0px 0px 0px rgba(50, 50, 50, 0.0); box-shadow: inset 0px 0px 0px 0px rgba(50, 50, 50, 0.0); -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; background: url(../images/icon_lupe.png) center center no-repeat; padding: 0px 5px; } .Header_Menu_New .Header_Menu_Content .Header_Search .Header_Search_Matches { background: #FFFFFF; border-radius: 0px 0px 3px 3px; vertical-align: top; position: relative; padding: 5px 10px; width: calc(100% - 5px); color: #000000; font-size: 1.2em; text-shadow: #FFFFFF 0px 0px 0px; -webkit-box-shadow: 0 4px 7px 0 black; -moz-box-shadow: 0 4px 7px 0 black; box-shadow: 0 4px 7px 0 black; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; background: #FFFFFF; display:none; z-index: 1000; margin-top: 52px; } .Header_Search_Matches a {text-decoration:none;} .Header_Search_Matches .Search_Deal_Item , .Header_Search_Matches .Search_Shop_Item, .Header_Search_Matches .Search_User_Item { display: block; margin: 5px 0; background: #FFFFFF; width: 100%; } .Header_Search_Matches .Search_Deal_Item .Pic, .Header_Search_Matches .Search_Shop_Item .Pic, .Header_Search_Matches .Search_User_Item .Pic { width: 35px; height: 35px; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: relative;float: left; } .Header_Search_Matches .Search_Deal_Item .Pic img, .Header_Search_Matches .Search_Shop_Item .Pic img, .Header_Search_Matches .Search_User_Item .Pic img { max-height: 100%; max-width: 100%; margin: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .Header_Search_Matches .Search_Shop_Item .Title { width: calc(100% - 45px); line-height: 35px; font-size: 18px; overflow: hidden; padding-left: 10px; } .Header_Search_Matches .Search_Deal_Item .Title { width: calc(100% - 45px); line-height: 19px; font-size: 16px; overflow: hidden; padding-left: 10px; } .Header_Search_Matches .Search_User_Item .Title { width: calc(100% - 45px); line-height: 35px; font-size: 20px; overflow: hidden; padding-left: 10px; } .Header_Search_Matches .Search_Deal_Item .Degree { font-size: 16px; float: left; overflow: hidden; color: #ca020d; font-weight: bold; margin-right: 5px; } .Header_Search_Matches .Search_Deal_Item .Price { line-height: 16px; font-size: 16px; float: left; overflow: hidden; color: #ca020d; padding-left: 5px; } .Header_Search_Matches button { width:100% !important; } .Header_Menu_New.responsive .Header_Menu_Content {height: auto;} .Header_Menu_New .Header_Menu_Content a.Header_Menu_Icon {display: none;float: left;} .Header_Menu_New .Header_Menu_Content a.Header_Menu_Icon .fa-caret-up {display: inline;} .Header_Menu_New .Header_Menu_Content a.Header_Menu_Icon .fa-caret-down {display: none;} .Header_Menu_New.responsive .Header_Menu_Content a.Header_Menu_Icon .fa-caret-up {display: none;} .Header_Menu_New.responsive .Header_Menu_Content a.Header_Menu_Icon .fa-caret-down {display: inline;} .Header_Menu_New.responsive {position: relative; overflow: visible; } .Header_Menu_New.responsive .Header_Menu_Content {background-color: #ca020d;width:auto;float: left;padding-top: 50px;} .Header_Menu_New.responsive .Header_Menu_Content a.Header_Menu_Item { display: block !important; text-align: left; } .Header_Menu_New.responsive .Header_Menu_Content a.Header_Menu_Icon { position: absolute; left: 150px; top: 4px; display: block !important; } .Header_Menu_New.responsive .Header_Menu_Content a.Header_Menu_Item { float: none; display: block; text-align: left; } .Header_Menu_New.responsive .Header_Menu_Content .Header_Search {display: block !important; float: none; margin: 10px; } .Sub_Header { background: #FFFFFF !important; margin-top: -20px; margin-bottom: 15px; -webkit-box-shadow: inset 0px 5px 15px -5px rgba(0, 0, 0, 0.45); -moz-box-shadow: inset 0px 5px 15px -5px rgba(0, 0, 0, 0.45); box-shadow: inset 0px 5px 15px -5px rgba(0, 0, 0, 0.45); border-bottom: 1px #AFAFAF solid; } .Sub_Header .in { max-width: 1200px; width: calc(100% - 10px); margin: 0px auto !important; padding: 5px; position: relative; text-align: justify; } .Intro_Header { min-height: 100px;background-color: #022743 !important; } .Intro_Header .in { padding: 20px 40px 40px 20px; font-size: 0.9em; color: white; width: 50%; } .Intro_Header .in h2 {color: white;} .Intro_Header .in .logo { border: 2px #EFEFEF solid; position: relative; overflow: hidden; min-width: 250px; height: 70px; max-height: 100px; padding: 0px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; text-align: left; margin: 10px; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); } .Intro_Header .in .text { text-align: justify; } .Intro_Header .in .logo img { max-width: 100%; max-height: 100%; margin: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .Intro_Header .in .tour_right{float: left;} /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */ @media screen and (max-width: 200px) { .Header_Menu_New a:not(:first-child) {display: none;} .Header_Menu_New a.Header_Menu_Icon {float: left;display: block !important;} } /* small header responsotive */ @media screen and (max-width: 1200px) { .Header_Menu_New .Header_Logo img.big {display:none;} .Header_Menu_New .Header_Logo img.small {display:inline;} .Header_For_User .Header_Menu_BG .Header_Menu_New .Header_Menu_Content {width:calc(100% - 310px);} .Header_Menu_New.responsive .Header_Menu_Content a.Header_Menu_Icon {left: 70px;} .Header_For_Visitor .Header_Content_Topdeals {display:none;} .Header_For_Visitor .Header_Button {margin: 4px 0px 10px 0px;width: 185px;} .Header_For_User .Header_Button {margin: 4px 0px 10px 0px;width: 250px;top: 4px !important;} .Header_For_Visitor .Header_Button a.button_login {display:none;} .Header_For_Visitor .Header_Button {width: 50px;} .Header_For_Visitor .Header_Button a.button_join {padding: 34px 10px 8px 28px;} .Header_For_User .Header_Button a.button_logout {padding: 34px 18px 8px 28px;} .Header_For_Visitor .Header_Button a.button_join span, .Header_For_User .Header_Button a.button_logout span {display: none;} .Header_Button .Header_Menu_Content #menu-user .profil { margin-top: 5px; width: 45px !important; height: 45px !important; } .Intro_Header .in {width:calc(100% - 80px);} } @media screen and (max-width: 920px) { .Header_For_Visitor .Header_Menu_BG .Header_Menu_New .Header_Menu_Content .Header_Search {width: 260px;} } @media screen and (max-width: 790px) { .Header_For_Visitor .Header_Menu_BG .Header_Menu_New .Header_Menu_Content a.Header_Menu_Icon {display: block !important;} .Header_For_Visitor .Header_Menu_BG .Header_Menu_New .Header_Menu_Content a.Header_Menu_Item_Shops {display: none;} .Header_For_Visitor .Header_Menu_BG .Header_Menu_New .Header_Menu_Content a.Header_Menu_Item_Gutscheine {display: none;} } @media screen and (max-width: 680px) { .Header_For_Visitor .Header_Menu_BG .Header_Menu_New .Header_Menu_Content a.Header_Menu_Item_Deals {display: none;} .Intro_Header .in .logo {display:none;} .Intro_Header .in {position: relative;padding-bottom: 60px;} .Intro_Header .in .tour_right {position: absolute;bottom: 0;} } @media screen and (max-width: 610px) { .Header_For_Visitor .Header_Menu_BG .Header_Menu_New .Header_Menu_Content a.Header_Menu_Item_Home {display: none;} } @media screen and (max-width: 530px) { .Header_For_Visitor .Header_Menu_BG .Header_Menu_New .Header_Menu_Content .Header_Search {display: none;} } @media screen and (max-width: 1075px) { .Header_For_User .Header_Menu_BG .Header_Menu_New .Header_Menu_Content a.Header_Menu_Item_Gutscheine {display: none;} .Header_For_User .Header_Menu_BG .Header_Menu_New .Header_Menu_Content a.Header_Menu_Icon {display: block !important;} } @media screen and (max-width: 1015px) { .Header_For_User .Header_Menu_BG .Header_Menu_New .Header_Menu_Content a.Header_Menu_Item_Deals {display: none;} } @media screen and (max-width: 915px) { .Header_For_User .Header_Menu_BG .Header_Menu_New .Header_Menu_Content a.Header_Menu_Item_Home {display: none;} } @media screen and (max-width: 805px) { .Header_For_User .Header_Menu_BG .Header_Menu_New .Header_Menu_Content .Header_Search {width: 260px;} } @media screen and (max-width: 720px) { .Header_For_User .Header_Menu_BG .Header_Menu_New .Header_Menu_Content .Header_Search {display: none;} } /* Footer */ .Footer { background:#05477b url(../images/footer.png) top center repeat-x; width: 100%; min-height: 150px; padding: 20px 0px; } .Footer_Content { max-width: 1200px; width: 100%; margin: 40px auto 20px auto !important; padding: 0px; text-align:center; vertical-align:top; font-weight: normal; color:#FFFFFF; line-height: 1.4em; } .Footer_Content .Left { float: left; width: calc(30% - 20px); padding: 10px; } .Footer_Content a, .Footer_Content a:link, .Footer_Content a:visited { text-decoration: underline; } .Footer_Content a:hover { color: #E0D2A1; } .Footer_Content .Left .Footer_Company { position: relative; width: 100%; text-align: left; color: #FFFFFF; margin: 0px 0px 0px 0px; padding-top: 10px; } .Footer_Content .Left .Footer_Company a { font-size: 0.8em; color:#FFFFFF; } .Footer_Content .Left .Footer_Company .Text { background: #CA020D; -webkit-box-shadow: inset 0px 0px 15px 0px rgba(145, 30, 30, 0.55); -moz-box-shadow: inset 0px 0px 15px 0px rgba(145, 30, 30, 0.55); box-shadow: inset 0px 0px 15px 0px rgba(145, 30, 30, 0.55); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 3px 10px; color: white; text-align: center; } .Footer_Content .Footer_Social { position: relative; width: 100%; text-align: left; color: #FFFFFF; margin: 0px 0px 0px 0px; padding-top: 10px; text-align: center; } .Footer_Content .Footer_Social .Title { padding: 3px 10px; color: white; text-align: center; font-size:1.2em; font-weight:bold;margin-bottom: 20px; } .Footer_Content .Footer_Social a { display: inline-block; width: 30px; height: 30px; background-image: url(../images/icon_socialmedia_small.png); background-repeat: no-repeat; } .Footer_Content .Footer_Social a:hover { background-image: url(../images/icon_socialmedia_small_hover.png); } .Footer_Content .Footer_Social a.rss { background-position: 0px 0px; } .Footer_Content .Footer_Social a.facebook { background-position: -35px 0px; } .Footer_Content .Footer_Social a.google { background-position: -70px 0px; } .Footer_Content .Footer_Social a.pinterest { background-position: -105px 0px; } .Footer_Content .Footer_Social a.twitter { background-position: -140px 0px; } .Footer_Content .Footer_Social a.whatsapp { background-position: -175px 0px; } .Footer_Content .Footer_Social a.youtube { background-position: -210px 0px; } .Footer_Content .Footer_Social a.insta { background-position: -245px 0px; } .Footer_Content .Footer_Social a.googleplay { background-position: -280px 0px; } .Footer_Content .Right { float: left; width: 60%; padding: 0px; } .Footer_Content .info { float:left; font-size: 12px; width: 400px; text-align: left; color: #FFFFFF; margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; line-height: 1.2em; } .Footer_Content .info b { font-size: 1.2em; line-height: 1.8em; } .Footer_Content .Footer_Box { float:left; font-size: 0.9em; text-align: left; color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 10px; background: transparent; border: 0px; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0); } .Footer_Content .Footer_Box a, .Footer_Content .Footer_Box span { display: block !important; color: #FFFFFF !important; padding: 3px 10px 3px 10px !important; margin: 0px !important; height: 25px; line-height: 25px; background: !important; border-left: 0px !important; border-right: 0px !important; border-top: 1px #135f9b solid; border-bottom: 1px #01345d solid; font-size: 1.2em !important; font-weight: bold; } .Footer_Content .Footer_Box span { border-top: 0px white solid !important; border-bottom: 1px white solid !important; } .Footer_Content .Footer_Box a:hover { background: #20659e !important; color: #FFFFFF !important; display: block; } .Footer_Content .Footer_Box a:first-child { border-top: 0px #e7111d solid !important; } .Footer_Content .Footer_Box a:last-child { border-bottom: 0px #01345d solid !important; }/* Artfully masterminded by ZURB */ body { position: relative; } #joyRideTipContent { display: none; } .joyRideTipContent { display: none; } /* Default styles for the container */ .joyride-tip-guide { position: absolute; display: none; color: #044476; width: 300px; z-index: 101; top: 0; /* keeps the page from scrolling when calculating position */ left: 0; font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", Helvetica, Arial, Lucida, sans-serif; font-weight: normal; margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; background: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10); border:1px solid #044476; } .joyride-content-wrapper { padding: 10px 10px 15px 15px; } /* Mobile */ @media only screen and (max-width: 767px) { .joyride-tip-guide { width: 95% !important; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; left: 2.5% !important; } .joyride-tip-guide-wrapper { width: 100%; } } /* Add a little css triangle pip, older browser just miss out on the fanciness of it */ .joyride-tip-guide span.joyride-nub { display: block; position: absolute; left: 22px; width: 0; height: 0; border: solid 14px; border: solid 14px; } .joyride-tip-guide span.joyride-nub.top { /* IE7/IE8 Don't support rgba so we set the fallback border color here. However, IE7/IE8 are also buggy in that the fallback color doesn't work for border-bottom-color so here we set the border-color and override the top,left,right colors below. */ border-color: #044476; border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; top: -28px; bottom: none; } .joyride-tip-guide span.joyride-nub.bottom { /* IE7/IE8 Don't support rgba so we set the fallback border color here. However, IE7/IE8 are also buggy in that the fallback color doesn't work for border-top-color so here we set the border-color and override the bottom,left,right colors below. */ border-color: #044476; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -28px; bottom: none; } .joyride-tip-guide span.joyride-nub.right { border-color: #044476; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; top: 22px; bottom: none; left: auto; right: -28px; } .joyride-tip-guide span.joyride-nub.left { border-color: #044476; border-top-color: transparent !important; border-left-color: transparent !important; border-bottom-color: transparent !important; top: 22px; left: -28px; right: auto; bottom: none; } .joyride-tip-guide span.joyride-nub.top-right { border-color: #044476; border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; top: -28px; bottom: none; left: auto; right: 28px; } /* Typography */ .joyride-tip-guide h1,.joyride-tip-guide h2,.joyride-tip-guide h3,.joyride-tip-guide h4,.joyride-tip-guide h5,.joyride-tip-guide h6 { line-height: 1.25; margin: 0; font-weight: bold; } .joyride-tip-guide h1 { font-size: 30px; } .joyride-tip-guide h2 { font-size: 26px; } .joyride-tip-guide h3 { font-size: 22px; } .joyride-tip-guide h4 { font-size: 18px; } .joyride-tip-guide h5 { font-size: 16px; } .joyride-tip-guide h6 { font-size: 14px; } .joyride-tip-guide p { margin: 0 0 18px 0; font-size: 16px; line-height: 18px; } .joyride-tip-guide a { color: rgb(255,255,255); text-decoration: none; } .joyride-tip-guide a:hover { color: rgba(255,255,255,0.8); border-bottom: none; } .joyride-timer-indicator-wrap { width: 50px; height: 3px; border: solid 1px rgba(255,255,255,0.1); position: absolute; right: 17px; bottom: 16px; } .joyride-timer-indicator { display: block; width: 0; height: inherit; background: rgba(255,255,255,0.25); } .joyride-close-tip-up { position: absolute; right: 10px; top: 10px; text-decoration: none; font-family: Verdana, sans-serif; font-size: 10px; font-weight: bold; border-bottom: none !important; } .joyride-modal-bg { position: fixed; height: 100%; width: 100%; background: rgb(0,0,0); background: transparent; background: rgba(0,0,0, 0.5); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; z-index: 100; display: none; top: 0; left: 0; cursor: pointer; } .joyride-expose-wrapper { background-color: #ffffff; position: absolute; z-index: 102; -moz-box-shadow: 0px 0px 30px #ffffff; -webkit-box-shadow: 0px 0px 30px #ffffff; box-shadow: 0px 0px 30px #ffffff; } .joyride-expose-cover { background: transparent; position: absolute; z-index: 10000; top: 0px; left: 0px; } .joyride-content-wrapper .footer_tip {float: left;font-weight: bold;font-size: 0.9em;} .joyride-content-wrapper .footer_button {float: right;} .Deal_Header {height: 50px;} .Deal_Header .in {font-size: 1.2em;} .Deal_Header .in .Deal_Add_Button { float: right;margin-top: 4px; } .Deal_Header .in .Deal_Add_Button a, .Deal_Header .in .Deal_Add_Button a:link, .Deal_Header .in .Deal_Add_Button a:visited { display: inline-block; font-family: 'Montserrat', sans-serif; color: #FFFFFF; font-size: 1.4em; padding: 0px 10px 0px 52px; margin: 0px; background: url(../images/button_add.png) left center no-repeat; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .Deal_Header .in .Deal_Add_Button a:hover { font-size: 1.4em; font-weight: normal; color: #E0D2A1; } .Deal_Header .in .Sort { float: left; min-width: 280px; text-align:left; vertical-align:top; font-weight: normal; color: #CA020D; overflow: hidden; height: 44px; } .Deal_Header .in .Sort ul {display:inline;list-style:none;padding:0px;height:44px;} .Deal_Header .in .Sort ul li {float:left;color: #CA020D;height:44px;} .Deal_Header .in .Sort ul li:hover, .Deal_Header .in .Sort ul li.active {background: url(../images/header_menu_hover.png) transparent repeat-x bottom;} .Deal_Header .in .Sort ul li a { color: #CA020D;font-weight: bold;padding: 10px 7px;white-space: nowrap;text-decoration: none;display: inline-block;} .Deal_Header .in .Sort ul li a:hover, .Deal_Header .in .Sort ul li.active a { color: #044476;} @media screen and (max-width: 680px) { .Deal_Header .in .Deal_Add_Button {display: none;} } .post-item-big { float: left; width: 100%; min-width: 400px; } .post-item-big iframe { max-width: 100% !important; } .post-item-big .right { float: right; width: 200px; margin: 0px 0px 10px 10px; overflow: hidden; } .post-item-big .top { display: block; width: calc(100% - 220px); } .deal_scroll_top { display: none; height: 40px; position: fixed; top: 0px; left: 0px; width: 100%; background: #ffffff; box-shadow: 0 0 10px 0 #000; z-index: 500; } .deal_scroll_top .center { margin: auto; max-width: 1200px; width: 100%; padding: 5px 10px 0 10px; } .deal_scroll_top .center .image { display: block; width: 20px; height: 20px; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px; background: #FFFFFF; vertical-align: center; text-align: center; position:relative; overflow: hidden; float: left; } .deal_scroll_top .center .image img { max-width: 100%; max-height: 100%; margin: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .deal_scroll_top .center div.hot { float: left; min-width: 60px; margin: 5px 5px 2px 0px; font-family: 'Montserrat', sans-serif; text-align: center; text-decoration: none; font-size: 1.5em; line-height: 1.0em; color: #054477; } .post-item-big .top .button, .deal_scroll_top .center .button { float: left; margin: 2px 5px 2px 0px; } .deal_scroll_top .center .button a { display: inline-block; margin: 0px 2px 5px 0px; padding: 2px 0px; width: 25px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ border: 1px #e5e5e5 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.35); font-family: 'Montserrat', sans-serif; text-align: center; text-decoration: none; font-size: 1.6em; line-height: 0.8em; color: #065898; } .deal_scroll_top .center .button a.red { color: #CA020D; } deal_scroll_top .center .button a:hover { color: #000000; } .post-item-big .top .aline { float: right; width: calc(100% - 140px); margin: 2px 5px 2px 0px; } .deal_scroll_top .center .title { color: #ca020d; font-size: 18px; font-weight: bold; margin: 3px 5px 2px 0; padding-left: 10px; height: 24px; overflow: hidden; } .deal_scroll_top .center a .to_top { float: right; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%) repeat scroll 0 0; border: 1px solid #e5e5e5; border-radius: 3px; box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, 0.35); color: #065898; display: inline-block; filter: grayscale(100%); font-family: "Montserrat",sans-serif; font-size: 12px; font-weight: bolder; line-height: 0.8em; margin: 0 2px 10px 0; padding: 2px 0; text-align: center; text-decoration: none; width: 60px; } .post-item-big h3 { font-family: 'Montserrat', sans-serif; font-size: 1.2em; font-weight: normal; text-align:left; color:#044476; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; vertical-align:top; } .post-item .left .footer_shop { height: 20px;padding: 10px 0 0 0; overflow: hidden;line-height: 10px;} .post-item .left .footer_shop a { font-size:1em;color: #A8A8A8;text-decoration: none;} .post-item-big .socialmedia { width: 200px; height: 30px; text-align: right; float: right; overflow: hidden; } .post-item-big .socialmedia { width: 100%; height: 30px; text-align: right; float: right; overflow: hidden; } .post-item-big .deal_details { float: right; background: #d60a07 url(../images/no_code_deal_bg.png) center top repeat-x; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: calc(100% - 10px); padding: 10px 5px; text-align: center; margin-top: 5px; } .post-item-big .deal_details.with_code {background: #d60a07 url(../images/code_deal_bg.png) center top no-repeat;} .post-item-big .deal_details .code { background: #1067ad; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 2px #FFFFFF dotted; padding: 5px 10px; font-size: 1.2em; color: #FFFFFF; font-weight: bold; margin-bottom: 6px; margin-top: 30px; text-align: center; } .post-item-big .deal_details .info { font-size: 1.0em; color: #FFFFFF; font-weight: normal; text-align: center; } .post-item-big .box .header {width: calc(100% - 220px);float: left;} .post-item-big .box .header .details {float: left;border-width: 1px 0px;border-style: solid;border-color: #1c375d;margin: 5px 0px 10px 0px;line-height: 28px;} .post-item-big .box .header .details .price { display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 1.3em; font-weight: normal; text-align:center; color:#CA020D; margin: 0px 10px; padding: 5px 0px; float:left; } .post-item-big .box .header .details .next_price { display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 1.2em; font-weight: normal; text-align:center; color:#A8A8A8; margin: 0px 10px; padding: 5px 0px; float:left; text-decoration: line-through; } .post-item-big .box .header .details .saved { display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 1.2em; font-weight: normal; text-align:center; color:#1c375d; margin: 0px 0px; padding: 5px 0px; float:left; } .post-item-big .box .header .details .shop { display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 1.0em; font-weight: normal; text-align:center; color:#1c375d; margin: 0px 0px 0px 20px; padding: 5px 0px; float:left; } .post-item-big .box .header .details .shop a { text-decoration: none; } .post-item-big .box .button {float:right;margin: 5px;} .post-item-big .box .button_down { margin: 0 -10px; position: relative; width: auto; } .post-item-big .box .button a { display: block; font-family: 'Montserrat', sans-serif; font-size: 1.2em; font-weight: normal; text-shadow: #052f50 2px 2px 0px; text-align: center; color: #FFFFFF; padding: 8px; margin: 0px 0px 2px 0px; background-color: #1067ad; text-decoration:none; text-transform: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px #065694 solid; white-space: nowrap; } .post-item-big .box .button_down a { display: block; font-family: 'Montserrat', sans-serif; font-size: 1.2em; font-weight: normal; text-shadow: #052f50 2px 2px 0px; text-align: center; color: #FFFFFF; padding: 8px; margin: 0px 0px 2px 0px; background-color: #1067ad; text-decoration:none; text-transform: none; border: 1px #065694 solid; white-space: nowrap; } .post-item-big .box .button a:hover, .post-item-big .box .button_down a:hover { text-shadow: #297a00 1px 1px 1px; background-color: #44ad10; } .deal_view_footer .profil { display: block; float: left; height: 30px; padding: 0px; position: relative; margin-top:8px; } .deal_view_footer .profil_pic_footer { display: block; float: left; width: 25px; height: 25px; padding: 0px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; text-align: left; margin-right: 10px; position: relative; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); overflow:hidden; } .deal_view_footer .profil_pic img { max-width: 100%; max-height: 100%; margin: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .deal_view_footer .button { display: inline-block; margin-left: 5px; margin-top:8px; } .deal_view_footer .button a { display: block; font-family: 'Montserrat', sans-serif; font-size: 1.2em; font-weight: normal; text-shadow: #052f50 2px 2px 0px; text-align: left; color: #FFFFFF; padding: 4px 10px; text-align: center; background: #1067ad url(../images/icon_extern.png) 120px center no-repeat; text-decoration:none; text-transform: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px #065694 solid; } .deal_view_footer .button a:hover { text-shadow: #297a00 1px 1px 1px; background: #44ad10 url(../images/icon_extern.png) 120px center no-repeat; } .deal_view_footer .button a .fa { color: #FFFFFF; } .post-item-big .profil { display: block; float: left; width: 30px; height: 30px; padding: 0px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; text-align: left; margin-right: 10px; margin-top: -5px; position: relative; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); } .post-item-big .profil img { max-width: 100%; max-height: 100%; margin-top: -5px; margin: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .post-item-big .right .image { width: calc(100% - 15px); height: 190px; border: 2px #EFEFEF solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px; display: inline-block; position: relative; overflow: hidden; } .post-item-big .right .image img { max-width: 100%; max-height: 100%; margin: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .post-item-big .voucher_info { float: left; display: inline-block; width: 185px; font-family: 'Montserrat', sans-serif; font-size: 1.6em; font-weight: normal; text-align:center; color: #CA020D; margin: 5px 0px 0px; border: 2px #EFEFEF solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px; } .post-item-big .bar { text-align: right; } .deal_view_footer a, .post-item-big .bar a { color: #000000;text-decoration:none; display: inline-block;} .post-item-big .shop_buy_advice { background: #f6f6f6 none repeat scroll 0 0; border: 1px solid #cfcfcf; border-radius: 5px; color: #7f7f7f; font-size: 12px; font-weight: normal; margin: 5px 0; padding: 5px 10px; text-align: left; vertical-align: top; } .post-item-big .shop_buy_advice h1 { display: block; font-family: "Montserrat",sans-serif; font-size: 16px; margin: 2px; color: #8ec013; } /* post items allgemein */ .deal_view_footer a.comment, .post-item-big .bar a.comment { padding: 2px 10px 2px 30px; background:transparent url(../images/icon_comments.png) left center no-repeat; } .deal_view_footer a.alert, .post-item-big .bar a.alert { padding: 2px 10px 2px 30px; background:transparent url(../images/icon_flag.png) left center no-repeat; } .deal_view_footer a.edit, .post-item-big .bar a.edit { padding: 2px 10px 2px 30px; background:transparent url(../images/icon_edit.png) left center no-repeat; } .deal_view_footer a.share, .post-item-big .bar a.share { padding: 2px 10px 2px 30px; background:transparent url(../images/icon_share.png) left center no-repeat; }.Content_Deal_Add_Edit {} .Content_Deal_Add_Edit div.Full_Width {float:left;width:100%;margin-bottom: 10px;} .Content_Deal_Add_Edit div.Full_Width label.title {width:calc(100% - 20px);font-size:1.1em;font-weight:bold;display: block;} .Content_Deal_Add_Edit div.Full_Width label.title span {font-size:0.8em;color:#dddddd;margin-left: 5px;} .Content_Deal_Add_Edit div.Full_Width input[type="text"] {width:calc(100% - 20px);} .Content_Deal_Add_Edit div.Half_Width {float:left;width:49%;margin-bottom: 10px;} .Content_Deal_Add_Edit div.Half_Width label.title {width:calc(100% - 20px);font-size:1.1em;font-weight:bold;display: block;} .Content_Deal_Add_Edit div.Half_Width label.title span {font-size:0.8em;color:#dddddd;margin-left: 5px;} .Content_Deal_Add_Edit div.Half_Width input[type="text"] {width:calc(100% - 30px);} .Content_Deal_Add_Edit div.line {float:left;} .Content_Deal_Add_Edit div.Deal_Price input[type="text"] {max-width:250px;} .Content_Deal_Add_Edit div.Deal_Next_Price input[type="text"] {max-width:250px;} .Content_Deal_Add_Edit div.Deal_Voucher_Code input[type="text"] {max-width:400px;} .Content_Deal_Add_Edit div.Deal_Voucher_Min_Value input[type="text"] {max-width:250px;} .Content_Deal_Add_Edit div.Deal_Voucher_Discount input[type="text"] {max-width:250px;} .Content_Deal_Add_Edit div.Deal_Description textarea {width:80%;height:250px;} .Content_Deal_Add_Edit div.Deal_Rating_Fake input[type="number"] {max-width:100px;text-align: right;} .Content_Deal_Add_Edit div.Deal_Thank_Fake input[type="number"] {max-width:100px;text-align: right;} /* Larger than tablet */ @media (max-width: 700px) { .Content_Deal_Add_Edit div.Half_Width {float:left;width:100%;margin-bottom: 10px;} } .Content_Deal_Add_Edit_Help_Text div {display:none;}.Search_Header{height:50px}.Search_Header .in{font-size:1.2em}.Search_Header .in .Deal_Add_Button{float:right;margin-top:4px}.Search_Header .in .Deal_Add_Button a,.Search_Header .in .Deal_Add_Button a:link,.Search_Header .in .Deal_Add_Button a:visited{display:inline-block;font-family:'Montserrat',sans-serif;color:#FFF;font-size:1.4em;padding:0 10px 0 52px;margin:0;background:url(../images/button_add.png) left center no-repeat;text-decoration:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.Search_Header .in .Deal_Add_Button a:hover{font-size:1.4em;font-weight:400;color:#E0D2A1}.Search_Header .in .Sort{float:left;min-width:280px;text-align:left;vertical-align:top;font-weight:400;color:#CA020D;overflow:hidden;height:44px}.Search_Header .in .Sort ul{display:inline;list-style:none;padding:0;height:44px}.Search_Header .in .Sort ul li{float:left;color:#CA020D;height:44px}.Search_Header .in .Sort ul li:hover,.Search_Header .in .Sort ul li.active{background:url(../images/header_menu_hover.png) transparent repeat-x bottom}.Search_Header .in .Sort ul li a{color:#CA020D;font-weight:700;padding:10px 7px;white-space:nowrap;text-decoration:none;display:inline-block}.Search_Header .in .Sort ul li a:hover,.Search_Header .in .Sort ul li.active a{color:#044476}@media screen and (max-width: 680px){.Search_Header .in .Deal_Add_Button{display:none}}.Search_Shop_List a{text-decoration:none}.Search_Shop_List .Item{display:block;margin:5px 0;background:#FFF;width:100%}.Search_Shop_List .Item .Pic{width:70px;height:70px;-webkit-box-shadow:0 0 3px 0 rgba(50,50,50,0.35);-moz-box-shadow:0 0 3px 0 rgba(50,50,50,0.35);box-shadow:0 0 3px 0 rgba(50,50,50,0.35);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;position:relative;float:left}.Search_Shop_List .Item .Pic img{max-height:100%;max-width:100%;margin:auto!important;position:absolute;top:0;left:0;right:0;bottom:0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.Search_Shop_List .Item .Title{width:calc(100% - 80px);font-size:1.2em;overflow:hidden;padding-left:10px;font-weight:700}.Search_Shop_List .Item .Deal_Count{float:left;overflow:hidden;color:#A8A8A8;padding-left:10px}.Search_User_List a{text-decoration:none}.Search_User_List .Item{display:block;margin:5px 0;background:#FFF;width:100%}.Search_User_List .Item .Pic{width:70px;height:70px;-webkit-box-shadow:0 0 3px 0 rgba(50,50,50,0.35);-moz-box-shadow:0 0 3px 0 rgba(50,50,50,0.35);box-shadow:0 0 3px 0 rgba(50,50,50,0.35);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;position:relative;float:left}.Search_User_List .Item .Pic img{max-height:100%;max-width:100%;margin:auto!important;position:absolute;top:0;left:0;right:0;bottom:0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.Search_User_List .Item .Title{width:calc(100% - 80px);font-size:1.2em;overflow:hidden;padding-left:10px;font-weight:700}.Search_User_List .Item .Deal_Count{float:left;overflow:hidden;color:#A8A8A8;padding-left:10px} .Shop_Header { min-height: 100px; } .Shop_Header .in { padding: 20px 20px 40px 20px; font-size: 0.9em; } .Shop_Header .in .logo { display: inline-block; border: 2px #EFEFEF solid; float: left; position: relative; overflow: hidden; min-width: 150px; height: 100px; max-height: 100px; padding: 0px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; text-align: left; margin: 0px 10px 10px 0px; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); } .Shop_Header .in .logo.short { min-width: 35px; height: 35px; } .Shop_Header .in .logo img { max-width: 100%; max-height: 100%; margin: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .Shop_Header .tabs { bottom: 0; position: absolute; } .Shop_Header .tabs a { float: left; background: #E6E6E6; text-decoration: none; font-size: 1.2em; font-weight: bold; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px #AFAFAF solid; border-bottom: 1px #E6E6E6 solid; padding: 5px 20px 5px 20px; margin: 0px 10px 0px 0px; margin-bottom: -2px; } .Shop_Header .tabs a:hover { background: #AFAFAF; color: #FFFFFF; } .Shop_Header .tabs a.goto { background: #CA020D; color: #FFFFFF; float:right; border: 0px; } .Shop_Header .tabs a.goto:hover { background: #05477E; color: #FFFFFF; } .Shop_Header .tabs a.active { background: #8ec013; color: #FFF; } .Shop_Header_Title {display: none;} @media screen and (max-width: 670px) { .Shop_Header {display: none;} .Shop_Header_Title {display: block;} } .Shop_Description { text-align: justify; } .Shop_List {} .Shop_List .Letter { margin-top: 30px; border-bottom-color: #1c375d; border-bottom-style: dashed; border-bottom-width: 1px; } .Shop_List .Letter span { display: inline-block; margin: 5px 3px; padding: 3px 7px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ border: 1px #e5e5e5 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: 'Montserrat', sans-serif; text-align: center; text-decoration: none; font-size: 1.3em; } .Shop_List .Letter a { float: right; font-size: 0.9em; padding: 18px 7px 0px; font-weight: bold; } .Shop_List .Shop_Item { float: left; width: 23%; margin: 5px 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 1px; } .Shop_List .Shop_Item a { font-weight: bold;text-decoration: none; } .Shop_List .Shop_Item .Shop_Image { display: block; float: left; width: 25px; height: 25px; padding: 0px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; text-align: left; margin-right: 10px; position: relative; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); } .Shop_List .Shop_Item .Shop_Image img { max-width: 100%; max-height: 100%; margin: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } @media screen and (max-width: 1100px) { .Shop_List .Shop_Item { width: 30%; } } @media screen and (max-width: 700px) { .Shop_List .Shop_Item { width: 45%; } } .Shop_Description button {width:100%;font-size: 1.5em;overflow:hidden;} .shop_scroll_top { display: none; height: 40px; position: fixed; top: 0px; left: 0px; width: 100%; background: #ffffff; box-shadow: 0 0 10px 0 #000; z-index: 500; } .shop_scroll_top .center { margin: auto; max-width: 1200px; min-width: 1200px; width: calc(100% - 320px); padding: 5px 10px 0 10px; } .shop_scroll_top .center .image { display: block; width: 20px; height: 20px; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.35); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px; background: #FFFFFF; vertical-align: center; text-align: center; position:relative; overflow: hidden; float: left; } .shop_scroll_top .center .image img { max-width: 100%; max-height: 100%; margin: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .shop_scroll_top .center .button { float: left; margin: 2px 5px 2px 0px; } .shop_scroll_top .center .button a { display: inline-block; margin: 0px 2px 5px 0px; padding: 2px 0px; width: 25px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ border: 1px #e5e5e5 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.35); box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.35); font-family: 'Montserrat', sans-serif; text-align: center; text-decoration: none; font-size: 1.6em; line-height: 0.8em; color: #065898; } .shop_scroll_top .center .title { color: #ca020d; font-size: 18px; font-weight: bold; margin: 3px 5px 2px 0; padding-left: 10px; height: 24px; overflow: hidden; } .shop_scroll_top .center a .to_top { float: right; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%) repeat scroll 0 0; border: 1px solid #e5e5e5; border-radius: 3px; box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, 0.35); color: #065898; display: inline-block; filter: grayscale(100%); font-family: "Montserrat",sans-serif; font-size: 12px; font-weight: bolder; line-height: 0.8em; margin: 0 2px 10px 0; padding: 2px 0; text-align: center; text-decoration: none; width: 60px; }.Layer_Bundle{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;display:none;overflow:auto}.Loading_Shadow{position:fixed;display:none;left:0;top:0;width:100%;height:100%;z-index:9999;filter:alpha(opacity=50);opacity:.5;background-color:#fff}.Loading_Shadow img{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.Layer_Shadow{position:fixed;width:100%;height:100%;z-index:-1;filter:alpha(opacity=50);opacity:.5;background-color:#fff}.Layer_To_Show{position:absolute;width:calc(100% - 20px);height:100%;z-index:5000;margin:10px}.Layer{outline:none;position:absolute;overflow:visible;z-index:10050;display:none;margin:0 auto;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:none;left:0;top:50px;width:800px;right:0;text-align:center;background-image:url(Images/loginBox.png)}.Layer.Small{width:500px}.Layer.login{width:500px}.Layer.register{width:500px}.Layer_Header{padding:2px 6px 2px 42px;background:#1067ad;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.Layer_Header img{position:absolute;top:-35px;left:-28px;width:70px;z-index:100}.Layer_Header .Layer_Header_Close{margin-top:2px;float:right}.Layer_Header h3{margin:0;line-height:30px;color:#efefef;text-shadow:2px 2px 0 #1067ad}.Layer_Content{position:relative;overflow-y:auto;padding:15px}.Layer_Content_Left{position:absolute;top:0;left:0;background:rgba(0,0,0,0) linear-gradient(to bottom,#1067ad 0%,#ff3019 100%) repeat scroll 0 0;width:6px;height:100%;float:left}.Layer_Content_Right{position:absolute;top:0;right:0;background:rgba(0,0,0,0) linear-gradient(to bottom,#1067ad 0%,#cf0404 100%) repeat scroll 0 0;width:6px;height:100%;float:right}.Layer_Footer{padding:4px 6px;margin-bottom:0;text-align:right;background:rgba(0,0,0,0) linear-gradient(to right,#ff3019 0%,#cf0404 100%) repeat scroll 0 0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;*zoom:1}.Layer_Footer:before,.Layer_Footer:after{display:table;content:"";line-height:0;clear:both}.Layer.login form label,.Layer.register form label{font-weight:700;width:calc(100% - 20px)!important}.Layer.login form input,.Layer.register form input{width:calc(100% - 20px)!important}.Layer.login form select,.Layer.register form select{width:calc(100% - 0px)!important}.Layer.login form input[type="submit"],.Layer.login form input[type="button"],.Layer.login form button,.Layer.register form input[type="submit"],.Layer.register form input[type="button"],.Layer.register form button{width:100%!important;display:block!important}.Layer.login form input[type="checkbox"],.Layer.register form input[type="checkbox"]{width:25px!important}.Layer h5.center,.Layer h5.center a,.Layer h5.center a:hover{text-align:center;color:#FFF}@media (max-width: 800px){.Layer{width:100%}}@media (max-width: 500px){.Layer.Small{width:100%}.Layer.login{width:100%}.Layer.register{width:100%}} /* Mobile queries */ @media (max-width: 1220px) { #site { width: calc(100% - 20px); } } /* Larger than desktop */ @media (min-width: 1000px) { #header_login { width: 100%; max-width: 1200px !important; } } /* Larger than tablet */ @media (max-width: 999px) { .Content_Menu_Right {display: none;} #inhalt {width: 100%; max-width: 100%;} .post-item .left {max-width: 750px;} .Content_Sort .Header_Topbar_Menu ul {display: none;} .Content_Sort .Header_Topbar_Menu ul.responsive {position: absolute;top: 68px;display: inline;z-index: 5000;} .Content_Sort .Header_Topbar_Menu ul.responsive li {float: none;} .Content_Sort .Header_Topbar_Menu ul.responsive li a {display: block;text-align: left;background: #e6e6e6 url("../images/header_mobile.png") repeat-x scroll center top;} } @media (max-width: 820px) { /*.Layer { position: absolute; top: 10px !important; left: 10px !important; right: 10px !important; width: 98% !important; margin: 0px !important; } */ .Layer img {display: none;} .Layer_Header {padding: 2px 6px 2px 10px;} #footer_innen .copy { padding-left: 10px; } #footer_innen .info { width: calc(100% - 240px); margin-bottom: 20px; } #footer_innen .box { width: calc(33% - 20px); } /* Post Items */ .deal_view_footer .button {width:calc(100% - 5px);} .deal_view_footer .point span.text {display:none;} .post-item .left h3 {font-size: 1.1em;} .post-item .left {width:calc(100% - 80px);} .post-item .right {width:75px;} .post-item .right .image {height: 75px;} } @media (max-width: 680px) { .Layer {left:0px;margin-left:0px;} .Layer.login, .Layer.register {width:100%;margin-left:0px;} #inhalt h1{ display: inline-block; min-width: 300px; width: calc(100% - 20px) !important; font-size: 1.4em; } /* Deal */ .Deal_Similar_List {display:none;} .post-item .left .header .kategorie {display: none; } .post-item .left .top .deal_added_date .date_pre { display:none; } .post-item-big { min-width: 280px; } .post-item-big .box .header { width: calc(100% - 20px); } .post-item-big .box .header .details { width: calc(100% - 20px);margin: 0px 0px 0px 20px; } .post-item-big .box .header .date_pre { display:none; } .post-item-big .box .header i { display: block; font-size: 0.8em; } .post-item-big .right,.post-item-big .top { float: none !important; width: 100%; display: block !important; margin: -10px 0px 10px 0px; overflow: none; } .post-item-big .right .image { width: calc(100% - 10px) !important; height: 150px; border: 2px #EFEFEF solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 0px; margin: 10px 0px; display: inline-block; position: relative; overflow: hidden; } .post-item-big .right .image img { max-width: 100%; max-height: 100%; margin: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .post-item-big .button { width: calc(100% - 20px) !important; } .post-item-big .button a { width: 100% !important; display: block !important; } .post-item-big .top .button { width: 40px !important; } .post-item-big .socialmedia { width: 100%; height: 50px !important; } .post-item-big .button_down { margin: 10px 0px !important; } } /* Larger than mobile */ @media (max-width: 550px) { .Content .Content_Button_Add {display:none;} } @media (max-width: 500px) { .deal_scroll_top .center .title, .shop_scroll_top .center .title {display:none;} #footer_innen .box { width: calc(50% - 20px) !important; } .Content_Sort ul li a { font-size: 0.9em; padding: 0px 3px 0px 4px; } } @media (max-width: 450px) { .Content_Sort { padding: 8px 6px 8px 6px; width: calc(100% - 12px); } .Content_Sort span { display: none; } #footer_innen .copy { float: none; text-align: center; width: calc(100% - 20px) !important; display: block !important; margin-bottom: 20px; } #footer_innen .copy img { margin: 0px auto !important; } #footer_innen .copy span { margin: -25px 0px 0px -35px !important; } #footer_innen .info { float: none; text-align: center; width: calc(100% - 20px) !important; display: block !important; margin-bottom: 20px; } /* Post Items */ .post-item .bar { display: none; } .post-item .left .header i { font-size: 0.7em; } .post-item-big .button_down a { font-size: 0.8em !important; } .Header_Button #login #menu-message { display: none; } .Header_Button #login #menu-notifications { display: none; } .Header_Button #login #menu-user { margin: 0px 20px 0px 0px !important; } } @media (max-width: 900px) { #do-newsletter-responsiv .nl_info {-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;} #do-app-responsiv .nl_info {-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;} } @media (max-width: 800px) { #do-newsletter-responsiv .nl_left { display: none; } #do-newsletter-responsiv .nl_info { width: calc(100% - 190px); } #do-app-responsiv .nl_left { display: none; } #do-app-responsiv .nl_info { width: calc(100% - 70px); } } @media (max-width: 500px) { #do-newsletter-responsiv .nl_right { display: none; } #do-newsletter-responsiv .nl_info { width: calc(100% - 40px); } #do-app-responsiv .nl_right { display: none; } #do-app-responsiv .nl_info { width: calc(100% - 40px); } } @media (max-width: 400px) { #do-newsletter-responsiv .nl_info form input[type="text"], #do-newsletter-responsiv .nl_info form input[type="submit"] { width: calc(100% - 20px); } } /*! jQuery UI - v1.12.1 - 2016-11-14 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=ui-lightness&cornerRadiusShadow=5px&offsetLeftShadow=-5px&offsetTopShadow=-5px&thicknessShadow=5px&opacityShadow=20&bgImgOpacityShadow=10&bgTextureShadow=flat&bgColorShadow=000000&opacityOverlay=50&bgImgOpacityOverlay=20&bgTextureOverlay=diagonals_thick&bgColorOverlay=666666&iconColorError=ffd27a&fcError=ffffff&borderColorError=cd0a0a&bgImgOpacityError=18&bgTextureError=diagonals_thick&bgColorError=b81900&iconColorHighlight=228ef1&fcHighlight=363636&borderColorHighlight=fed22f&bgImgOpacityHighlight=75&bgTextureHighlight=highlight_soft&bgColorHighlight=ffe45c&iconColorActive=ef8c08&fcActive=eb8f00&borderColorActive=fbd850&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=ef8c08&fcHover=c77405&borderColorHover=fbcb09&bgImgOpacityHover=100&bgTextureHover=glass&bgColorHover=fdf5ce&iconColorDefault=ef8c08&fcDefault=1c94c4&borderColorDefault=cccccc&bgImgOpacityDefault=100&bgTextureDefault=glass&bgColorDefault=f6f6f6&iconColorContent=222222&fcContent=333333&borderColorContent=dddddd&bgImgOpacityContent=100&bgTextureContent=highlight_soft&bgColorContent=eeeeee&iconColorHeader=ffffff&fcHeader=ffffff&borderColorHeader=e78f08&bgImgOpacityHeader=35&bgTextureHeader=gloss_wave&bgColorHeader=f6a828&cornerRadius=4px&fsDefault=1.1em&fwDefault=bold&ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #cccccc; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #cccccc; background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #fbcb09; background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #c77405; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #fbd850; background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #fbd850; background-color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fed22f; background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x; color: #363636; } .ui-state-checked { border: 1px solid #fed22f; background: #ffe45c; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_ef8c08_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ef8c08_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_228ef1_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_ffd27a_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_ef8c08_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat; opacity: .5; filter: Alpha(Opacity=50); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: -5px -5px 5px #000000; box-shadow: -5px -5px 5px #000000; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Smilies */ i.smiley { background:url("/images/smiley_set.png"); width: 25px; height: 25px; display: inline-block; border: 1px solid black; vertical-align: middle; } /* left to right */ i.smiley.grinning {background-position: -1px -1px;} i.smiley.joy {background-position: -30px -1px;} i.smiley.grimacing {background-position: -59px -1px;} i.smiley.heart_eyes {background-position: -88px -1px;} i.smiley.kissing_heart {background-position: -117px -1px;} i.smiley.stuck_out_tongue_closed_eyes {background-position: -146px -1px;} i.smiley.smile {background-position: -175px -1px;} i.smiley.money_mouth_face {background-position: -204px -1px;} /* l2 */ i.smiley.laughing {background-position: -1px -35px;} i.smiley.white_frowning_face {background-position: -30px -35px;} i.smiley.yum {background-position: -59px -35px;} i.smiley.no1 {background-position: -88px -35px;} i.smiley.no2 {background-position: -117px -35px;} i.smiley.no3 {background-position: -146px -35px;} i.smiley.kissing {background-position: -175px -35px;} i.smiley.sweat_smile {background-position: -204px -35px;} /* l3 */ i.smiley.no4 {background-position: -1px -71px;} i.smiley.no5 {background-position: -30px -71px;} i.smiley.no6 {background-position: -59px -71px;} i.smiley.sunglasses {background-position: -88px -71px;} i.smiley.no7 {background-position: -117px -1px;} i.smiley.face_with_rolling_eyes {background-position: -146px -71px;} i.smiley.no8 {background-position: -175px -71px;} i.smiley.disappointed {background-position: -204px -71px;} /* l4 */ i.smiley.no9 {background-position: -1px -107px;} i.smiley.tired_face {background-position: -30px -107px;} i.smiley.open_mouth {background-position: -59px -107px;} i.smiley.no10 {background-position: -88px -107px;} i.smiley.astonished {background-position: -117px -107px;} i.smiley.frowning {background-position: -146px -107px;} i.smiley.cry {background-position: -175px -107px;} i.smiley.sweat {background-position: -204px -107px;} /* l5 */ i.smiley.no11 {background-position: -1px -144px;} i.smiley.no12 {background-position: -30px -144px;} i.smiley.no13 {background-position: -59px -144px;} i.smiley.nerd_joy {background-position: -88px -144px;} i.smiley.no14 {background-position: -117px -144px;} i.smiley.angry {background-position: -146px -144px;} i.smiley.unamused {background-position: -175px -144px;} i.smiley.heart_head {background-position: -204px -144px;} .table_color { background-color: #FFFFFF; margin: 0px; padding: 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .table_color > tbody > tr > td { color: #3F3F3F; padding: 3px 10px; border-bottom: 1px #DFDFDF solid; border-top: 1px #FFFFFF solid; text-align:left; vertical-align: top; line-height:18px; } .table_color:not(.no_header) > tbody > tr:first-of-type > td, .table_color > thead > tr > td, .table_color .header { background-color: #8EC013 !important; color: #FFFFFF; padding: 5px 10px; font-weight: bold; font-size: 1.1em; } .table_color:not(thead) > tbody > tr:first-of-type > td, .table_color > thead > tr > td { border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; } .table_color > tbody > tr:last-of-type > td { border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; } .table_color > tbody > tr:nth-child(odd) > td { background: #EFEFEF; } .table_color > tbody > tr:nth-child(even) > td { background: #DFDFDF; } .table_color > tbody > tr:last-of-type > td { border-bottom: 0px; } .table_calender { background-color: #FFFFFF; border: 1px solid #b4bfc8; margin: 0px; padding: 0px; } .table_calender > tbody > tr > td { padding:2px 5px; vertical-align:top; font-style:normal; font-weight:normal; text-align:center; border-bottom: 1px solid #ebebeb; line-height:18px; } .table_calender:not(.no_header) > tbody > tr:nth-child(1) > td { background-color: #02345a !important; color:#ffffff; font-weight: bold; } .table_calender:not(.no_header) > tbody > tr:nth-child(2) > td { background-color: #667783 !important; color:#ffffff; font-weight: bold; } .table_calender:not(.no_header) > tbody > tr:nth-child(3) > td { background-color: #02345a !important; color:#ffffff; font-weight: bold; } .table_calender > tbody > tr > td:nth-child(even) { background-color: #f1f1f1; } .table_calender > tbody > tr > td:nth-child(odd) { background-color: #fcfcfc; } .table_calender > tbody > tr:last-of-type > td { border-bottom: 0px; } table .small_padding > thead > tr > td, table .small_padding > tbody > tr > td {padding:1px 4px !important;} table .no_padding tr td, .no_padding {padding:0px !important;} table .no_top_padding tr td, .no_top_padding {padding-top:0px !important;} table .no_bottom_padding tr td, .no_bottom_padding {padding-bottom:0px !important;} table .no_wrap tr td {white-space: nowrap;} .no_border {border:0px !important;} table .highlight > tbody > tr:hover:not(.no_highlight) { box-shadow: 5px 0px 5px #000000; -moz-box-shadow: outset 5px 0px 5px #000000; -webkit-box-shadow: outset 5px 0px 5px #000000; } table .first_strong tr td:first-of-type, table .first_strong tr td:first-of-type a {font-weight:bold !important;} table .second_strong tr td:nth-of-type(2), table .second_strong tr td:nth-of-type(2) a {font-weight:bold !important;} table .first_italic tr td:first-of-type{font-style:italic !important;} table .second_italic tr td:nth-of-type(2){font-style:italic !important;} a.fleft, div.fleft, span.fleft {float: left;} a.fright, div.fright, span.fright {float: right;} a.strong, div.strong, span.strong, table .strong, table .all_strong tr td, table tbody tr td .strong {font-weight:bold !important;} a.strong, div.strong, span.strong, table .strong, table .all_strong tr td, table tbody tr td .strong {font-weight:bold !important;} a.italic, div.italic, table .italic, table .all_italic tr td, table tbody tr td .italic {font-style:italic !important;} a.left, div.left, table .left, table .all_left tr td, table tbody tr td .left {text-align:left !important;} a.center, div.center, table .center, table .all_center tr td, table tbody tr td .center {text-align:center !important;} a.right, div.right, table .right, table .all_right tr td, table tbody tr td .right {text-align:right !important;} a.justify, div.justify, table .justify, table .all_justify tr td, table tbody tr td .justify {text-align:justify !important;} a.top, div.top, table .top, table .all_top tr td, table tbody tr td .top {vertical-align:top !important;} a.middle, div.middle, table .middle, table .all_middle tr td, table tbody tr td .middle {vertical-align:middle !important;} a.bottom, div.bottom, table .bottom, table .all_bottom tr td, table tbody tr td .bottom {vertical-align:bottom !important;} a.linet, div.linet, table .linet, table .all_linet tr td, table tbody tr td .linet {text-decoration: line-through !important;} a.checked, div.checked, span.checked, table .checked, table .all_checked tr td, table tbody tr td .checked {background: url("../images/checkbox.jpg") no-repeat scroll 0px 0px transparent;} a.input, div.input, span.input, table .input, table .all_input tr td, table tbody tr td .input {line-height: 32px;} div .font_50 {font-size:50% !important;} div .font_60 {font-size:60% !important;} div .font_70 {font-size:70% !important;} div .font_80 {font-size:80% !important;} div .font_90 {font-size:90% !important;} div .font_110 {font-size:110% !important;} div .font_120 {font-size:120% !important;} div .font_130 {font-size:130% !important;} .xdsoft_datetimepicker{ box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506); background: #FFFFFF; border-bottom: 1px solid #BBBBBB; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; color: #333333; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 8px; padding-left: 0px; padding-top: 2px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; display:none; } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border:none; } /*For IE8 or lower*/ .xdsoft_datetimepicker button { border:none !important; } .xdsoft_noselect{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .xdsoft_noselect::selection { background: transparent; } .xdsoft_noselect::-moz-selection { background: transparent; } .xdsoft_datetimepicker.xdsoft_inline{ display: inline-block; position: static; box-shadow: none; } .xdsoft_datetimepicker *{ -moz-box-sizing: border-box; box-sizing: border-box; padding:0px; margin:0px; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker{ display:none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active{ display:block; } .xdsoft_datetimepicker .xdsoft_datepicker{ width: 224px; float:left; margin-left:8px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{ width: 256px; } .xdsoft_datetimepicker .xdsoft_timepicker{ width: 58px; float:left; text-align:center; margin-left:8px; margin-top:0px; } .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{ margin-top:8px; margin-bottom:3px } .xdsoft_datetimepicker .xdsoft_mounthpicker{ position: relative; text-align: center; } .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg=='); } .xdsoft_datetimepicker .xdsoft_prev{ float: left; background-position:-20px 0px; } .xdsoft_datetimepicker .xdsoft_today_button{ float: left; background-position:-70px 0px; margin-left:5px; } .xdsoft_datetimepicker .xdsoft_next{ float: right; background-position:0px 0px; } .xdsoft_datetimepicker .xdsoft_next:active,.xdsoft_datetimepicker .xdsoft_prev:active{ } .xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev ,.xdsoft_datetimepicker .xdsoft_today_button{ background-color: transparent; background-repeat: no-repeat; border: 0px none currentColor; cursor: pointer; display: block; height: 30px; opacity: 0.5; outline: medium none currentColor; overflow: hidden; padding: 0px; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{ float:none; background-position:-40px -15px; height: 15px; width: 30px; display: block; margin-left:14px; margin-top:7px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{ background-position:-40px 0px; margin-bottom:7px; margin-top:0px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{ height:151px; overflow:hidden; border-bottom:1px solid #DDDDDD; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div{ background: #F5F5F5; border-top:1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: center; border-collapse:collapse; cursor:pointer; border-bottom-width:0px; height:25px; line-height:25px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{ border-top-width:0px; } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; } .xdsoft_datetimepicker .xdsoft_label{ display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float:left; width:182px; text-align:center; cursor:pointer; } .xdsoft_datetimepicker .xdsoft_label:hover{ text-decoration:underline; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select{ border:1px solid #ccc; position:absolute; right:0px; top:30px; z-index:101; display:none; background:#fff; max-height:160px; overflow-y:hidden; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;} .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;} .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{ color: #fff; background: #ff8000; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option{ padding:2px 10px 2px 5px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{ background: #33AAFF; box-shadow: #178FE5 0px 1px 3px 0px inset; color:#fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_month{ width:90px; text-align:right; } .xdsoft_datetimepicker .xdsoft_calendar{ clear:both; } .xdsoft_datetimepicker .xdsoft_year{ width:56px; } .xdsoft_datetimepicker .xdsoft_calendar table{ border-collapse:collapse; width:100%; } .xdsoft_datetimepicker .xdsoft_calendar td > div{ padding-right:5px; } .xdsoft_datetimepicker .xdsoft_calendar th{ height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{ width:14.2857142%; background: #F5F5F5; border:1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: right; padding:0px; border-collapse:collapse; cursor:pointer; height: 25px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{ width:12.5%; } .xdsoft_datetimepicker .xdsoft_calendar th{ background: #F1F1F1; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{ color:#33AAFF; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{ background: #33AAFF; box-shadow: #178FE5 0px 1px 3px 0px inset; color:#fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled{ opacity:0.5; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{ opacity:0.2; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover{ color: #fff !important; background: #ff8000 !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{ color: inherit !important; background: inherit !important; box-shadow: inherit !important; } .xdsoft_datetimepicker .xdsoft_calendar th{ font-weight: 700; text-align: center; color: #999; cursor:default; } .xdsoft_datetimepicker .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;} .xdsoft_datetimepicker .xdsoft_copyright a{ color:#eee !important;} .xdsoft_datetimepicker .xdsoft_copyright a:hover{ color:#aaa !important;} .xdsoft_time_box{ position:relative; border:1px solid #ccc; } .xdsoft_scrollbar >.xdsoft_scroller{ background:#ccc !important; height:20px; border-radius:3px; } .xdsoft_scrollbar{ position:absolute; width:7px; right:0px; top:0px; bottom:0px; cursor:pointer; } .xdsoft_scroller_box{ position:relative; } /** * Trumbowyg v2.4.1 - A lightweight WYSIWYG editor * Default stylesheet for Trumbowyg editor * ------------------------ * @link http://alex-d.github.io/Trumbowyg * @license MIT * @author Alexandre Demode (Alex-D) * Twitter : @AlexandreDemode * Website : alex-d.fr */ #trumbowyg-icons { overflow: hidden; visibility: hidden; height: 0; width: 0; } #trumbowyg-icons svg { height: 0; width: 0; } .trumbowyg-box *, .trumbowyg-box *::before, .trumbowyg-box *::after { box-sizing: border-box; } .trumbowyg-box svg { width: 17px; height: 100%; fill: #222; } .trumbowyg-box, .trumbowyg-editor { display: block; position: relative; border: 1px solid #DDD; width: 100%; min-height: 300px; margin: 0px auto 17px; } .trumbowyg-box .trumbowyg-editor { margin: 0 auto; } .trumbowyg-box.trumbowyg-fullscreen { background: #FEFEFE; border: none !important; } .trumbowyg-editor, .trumbowyg-textarea { position: relative; box-sizing: border-box; padding: 20px; min-height: 300px; width: 100%; border-style: none; resize: none; outline: none; overflow: auto; background-color: white;} .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before { color: transparent !important; text-shadow: 0 0 7px #333; } @media screen and (min-width: 0 \0 ) { .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before { color: rgba(200, 200, 200, 0.6) !important; } } @supports (-ms-accelerator: true) { .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before { color: rgba(200, 200, 200, 0.6) !important; } } .trumbowyg-box-blur .trumbowyg-editor img, .trumbowyg-box-blur .trumbowyg-editor hr { opacity: 0.2; } .trumbowyg-editor blockquote { margin-top: 10px; margin-bottom: 10px; margin-left: 0px; padding-left: 15px; border-left: 3px solid #ccc; } .trumbowyg-textarea { position: relative; display: block; overflow: auto; border: none; white-space: normal; font-size: 14px; font-family: "Inconsolata", "Consolas", "Courier", "Courier New", sans-serif; line-height: 18px; } .trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea { height: 1px !important; width: 25%; min-height: 0 !important; padding: 0 !important; background: none; opacity: 0 !important; } .trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea { display: block; } .trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor { display: none; } .trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea { opacity: 0.8; background: none; } .trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before { content: attr(placeholder); color: #999; pointer-events: none; } .trumbowyg-button-pane { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; min-height: 36px; background: #ecf0f1; border-bottom: 1px solid #d7e0e2; margin: 0; padding: 0 5px; list-style-type: none; line-height: 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .trumbowyg-button-pane::after { content: " "; display: block; position: absolute; top: 36px; left: 0; right: 0; width: 100%; height: 1px; background: #d7e0e2; } .trumbowyg-button-pane .trumbowyg-button-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg { color: transparent; } .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) + .trumbowyg-button-group::before { content: " "; display: block; width: 1px; background: #d7e0e2; margin: 0 5px; height: 35px; } .trumbowyg-button-pane button { display: block; position: relative; width: 35px; height: 35px; padding: 1px 6px !important; margin-bottom: 1px; overflow: hidden; border: none; cursor: pointer; background: none; -webkit-transition: background-color 150ms, opacity 150ms; transition: background-color 150ms, opacity 150ms; } .trumbowyg-button-pane button.trumbowyg-textual-button { width: auto; line-height: 35px; } .trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active), .trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) { opacity: 0.2; cursor: default; } .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before, .trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before { background: #e3e9eb; } .trumbowyg-button-pane button:not(.trumbowyg-disable):hover, .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, .trumbowyg-button-pane button.trumbowyg-active { background-color: #FFF; outline: none; } .trumbowyg-button-pane .trumbowyg-open-dropdown::after { display: block; content: " "; position: absolute; top: 25px; right: 3px; height: 0; width: 0; border: 3px solid transparent; border-top-color: #555; } .trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button { padding-left: 10px !important; padding-right: 18px !important; } .trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after { top: 17px; right: 7px; } .trumbowyg-button-pane .trumbowyg-right { margin-left: auto; } .trumbowyg-button-pane .trumbowyg-right::before { display: none !important; } .trumbowyg-dropdown { width: 200px; border: 1px solid #ecf0f1; padding: 5px 0; border-top: none; background: #FFF; margin-left: -1px; box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px; } .trumbowyg-dropdown button { display: block; width: 100%; height: 35px; line-height: 35px; text-decoration: none; background: #FFF; padding: 0 10px; color: #333 !important; border: none; cursor: pointer; text-align: left; font-size: 15px; -webkit-transition: all 150ms; transition: all 150ms; } .trumbowyg-dropdown button:hover, .trumbowyg-dropdown button:focus { background: #ecf0f1; } .trumbowyg-dropdown button svg { float: left; margin-right: 14px; } /* Modal box */ .trumbowyg-modal { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 520px; width: 100%; height: 350px; z-index: 11; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .trumbowyg-modal-box { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 500px; width: calc(100% - 20px); padding-bottom: 45px; z-index: 1; background-color: #FFF; text-align: center; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .trumbowyg-modal-box .trumbowyg-modal-title { font-size: 24px; font-weight: bold; margin: 0 0 20px; padding: 15px 0 13px; display: block; border-bottom: 1px solid #EEE; color: #333; background: #fbfcfc; } .trumbowyg-modal-box .trumbowyg-progress { width: 100%; height: 3px; position: absolute; top: 58px; } .trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar { background: #2BC06A; height: 100%; -webkit-transition: width 150ms linear; transition: width 150ms linear; } .trumbowyg-modal-box label { display: block; position: relative; margin: 15px 12px; height: 29px; line-height: 29px; overflow: hidden; } .trumbowyg-modal-box label .trumbowyg-input-infos { display: block; text-align: left; height: 25px; line-height: 25px; -webkit-transition: all 150ms; transition: all 150ms; } .trumbowyg-modal-box label .trumbowyg-input-infos span { display: block; color: #69878f; background-color: #fbfcfc; border: 1px solid #DEDEDE; padding: 0 7px; width: 150px; } .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error { color: #e74c3c; } .trumbowyg-modal-box label.trumbowyg-input-error input, .trumbowyg-modal-box label.trumbowyg-input-error textarea { border: 1px solid #e74c3c; } .trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos { margin-top: -27px; } .trumbowyg-modal-box label input { position: absolute; top: 0; right: 0; height: 27px; line-height: 27px; border: 1px solid #DEDEDE; background: #fff; font-size: 14px; max-width: 330px; width: 70%; padding: 0 7px; -webkit-transition: all 150ms; transition: all 150ms; } .trumbowyg-modal-box label input:hover, .trumbowyg-modal-box label input:focus { outline: none; border: 1px solid #95a5a6; } .trumbowyg-modal-box label input:focus { background: #fbfcfc; } .trumbowyg-modal-box .error { margin-top: 25px; display: block; color: red; } .trumbowyg-modal-box .trumbowyg-modal-button { position: absolute; bottom: 10px; right: 0; text-decoration: none; color: #FFF; display: block; width: 100px; height: 35px; line-height: 33px; margin: 0 10px; background-color: #333; border: none; cursor: pointer; font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif; font-size: 16px; -webkit-transition: all 150ms; transition: all 150ms; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit { right: 110px; background: #2bc06a; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus { background: #40d47e; outline: none; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active { background: #25a25a; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset { color: #555; background: #e6e6e6; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus { background: #fbfbfb; outline: none; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active { background: #d5d5d5; } .trumbowyg-overlay { position: absolute; background-color: rgba(255, 255, 255, 0.5); width: 100%; left: 0; display: none; z-index: 10; } /** * Fullscreen */ body.trumbowyg-body-fullscreen { overflow: hidden; } .trumbowyg-fullscreen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 99999; } .trumbowyg-fullscreen.trumbowyg-box, .trumbowyg-fullscreen .trumbowyg-editor { border: none; } .trumbowyg-fullscreen .trumbowyg-editor, .trumbowyg-fullscreen .trumbowyg-textarea { height: calc(100% - 37px) !important; overflow: auto; } .trumbowyg-fullscreen .trumbowyg-overlay { height: 100% !important; } .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg { color: #222; fill: transparent; } .trumbowyg-editor { /* * lset for resetCss option */ } .trumbowyg-editor object, .trumbowyg-editor embed, .trumbowyg-editor video, .trumbowyg-editor img { max-width: 100%; } .trumbowyg-editor video, .trumbowyg-editor img { height: auto; } .trumbowyg-editor img { cursor: move; } .trumbowyg-editor.trumbowyg-reset-css { background: #FEFEFE !important; font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important; font-size: 14px !important; line-height: 1.45em !important; white-space: normal !important; color: #333; } .trumbowyg-editor.trumbowyg-reset-css a { color: #15c !important; text-decoration: underline !important; } .trumbowyg-editor.trumbowyg-reset-css div, .trumbowyg-editor.trumbowyg-reset-css p, .trumbowyg-editor.trumbowyg-reset-css ul, .trumbowyg-editor.trumbowyg-reset-css ol, .trumbowyg-editor.trumbowyg-reset-css blockquote { box-shadow: none !important; background: none !important; margin: 0 !important; margin-bottom: 15px !important; line-height: 1.4em !important; font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important; font-size: 14px !important; border: none; } .trumbowyg-editor.trumbowyg-reset-css iframe, .trumbowyg-editor.trumbowyg-reset-css object, .trumbowyg-editor.trumbowyg-reset-css hr { margin-bottom: 15px !important; } .trumbowyg-editor.trumbowyg-reset-css blockquote { margin-left: 32px !important; font-style: italic !important; color: #555; } .trumbowyg-editor.trumbowyg-reset-css ul, .trumbowyg-editor.trumbowyg-reset-css ol { padding-left: 20px !important; } .trumbowyg-editor.trumbowyg-reset-css ul ul, .trumbowyg-editor.trumbowyg-reset-css ol ol, .trumbowyg-editor.trumbowyg-reset-css ul ol, .trumbowyg-editor.trumbowyg-reset-css ol ul { border: none; margin: 2px !important; padding: 0 !important; padding-left: 24px !important; } .trumbowyg-editor.trumbowyg-reset-css hr { display: block; height: 1px; border: none; border-top: 1px solid #CCC; } .trumbowyg-editor.trumbowyg-reset-css h1, .trumbowyg-editor.trumbowyg-reset-css h2, .trumbowyg-editor.trumbowyg-reset-css h3, .trumbowyg-editor.trumbowyg-reset-css h4 { color: #111; background: none; margin: 0 !important; padding: 0 !important; font-weight: bold; } .trumbowyg-editor.trumbowyg-reset-css h1 { font-size: 32px !important; line-height: 38px !important; margin-bottom: 20px !important; } .trumbowyg-editor.trumbowyg-reset-css h2 { font-size: 26px !important; line-height: 34px !important; margin-bottom: 15px !important; } .trumbowyg-editor.trumbowyg-reset-css h3 { font-size: 22px !important; line-height: 28px !important; margin-bottom: 7px !important; } .trumbowyg-editor.trumbowyg-reset-css h4 { font-size: 16px !important; line-height: 22px !important; margin-bottom: 7px !important; } /* * Dark theme */ .trumbowyg-dark .trumbowyg-textarea { background: #111; color: #ddd; } .trumbowyg-dark .trumbowyg-box { border: 1px solid #343434; } .trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen { background: #111; } .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before { text-shadow: 0 0 7px #ccc; } @media screen and (min-width: 0 \0 ) { .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before { color: rgba(20, 20, 20, 0.6) !important; } } @supports (-ms-accelerator: true) { .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before { color: rgba(20, 20, 20, 0.6) !important; } } .trumbowyg-dark .trumbowyg-box svg { fill: #ecf0f1; color: #ecf0f1; } .trumbowyg-dark .trumbowyg-button-pane { background-color: #222; border-bottom-color: #343434; } .trumbowyg-dark .trumbowyg-button-pane::after { background: #343434; } .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::before { background-color: #343434; } .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg { color: transparent; } .trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before { background-color: #2a2a2a; } .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover, .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, .trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active { background-color: #333; } .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after { border-top-color: #fff; } .trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg { color: #ecf0f1; fill: transparent; } .trumbowyg-dark .trumbowyg-dropdown { border-color: #222; background: #333; box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px; } .trumbowyg-dark .trumbowyg-dropdown button { background: #333; color: #fff !important; } .trumbowyg-dark .trumbowyg-dropdown button:hover, .trumbowyg-dark .trumbowyg-dropdown button:focus { background: #222; } .trumbowyg-dark .trumbowyg-modal-box { background-color: #222; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title { border-bottom: 1px solid #555; color: #fff; background: #3c3c3c; } .trumbowyg-dark .trumbowyg-modal-box label { display: block; position: relative; margin: 15px 12px; height: 27px; line-height: 27px; overflow: hidden; } .trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span { color: #eee; background-color: #2f2f2f; border-color: #222; } .trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error { color: #e74c3c; } .trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input, .trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea { border-color: #e74c3c; } .trumbowyg-dark .trumbowyg-modal-box label input { border-color: #222; color: #eee; background: #333; } .trumbowyg-dark .trumbowyg-modal-box label input:hover, .trumbowyg-dark .trumbowyg-modal-box label input:focus { border-color: #626262; } .trumbowyg-dark .trumbowyg-modal-box label input:focus { background-color: #2f2f2f; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit { background: #1b7943; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus { background: #25a25a; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active { background: #176437; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset { background: #333; color: #ccc; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus { background: #444; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active { background: #111; } .trumbowyg-dark .trumbowyg-overlay { background-color: rgba(15, 15, 15, 0.6); } /** * Trumbowyg v2.0.0 - A lightweight WYSIWYG editor * Emoji plugin stylesheet for Trumbowyg editor * http://alex-d.github.io/Trumbowyg * ------------------------ * Author : Nicolas Pion * Twitter : @nicolas_pion */ .trumbowyg-dropdown-emoji { width: 265px; padding: 7px 0 7px 5px; height: 200px; overflow-y: scroll; overflow-x: hidden; } .trumbowyg-dropdown-emoji svg { display: none !important; } .trumbowyg-dropdown-emoji button { display: block; position: relative; float: left; height: 26px; width: 26px; padding: 0; margin: 2px; line-height: 24px; text-align: center } .trumbowyg-dropdown-emoji button:hover::after, .trumbowyg-dropdown-emoji button:focus::after { display: block; position: absolute; top: -5px; left: -5px; height: 27px; width: 27px; background: inherit; box-shadow: #000 0 0 2px; z-index: 10; background-color: none; } .emoji { width: 1.5em; height: 1.5em; display: inline-block; margin-bottom: -0.25em; background-size: contain; } /*! lightgallery - v1.6.5 - 2017-11-16 * http://sachinchoolur.github.io/lightGallery/ * Copyright (c) 2017 Sachin N; Licensed GPLv3 */ @font-face { font-family: 'lg'; src: url("../fonts/lg.eot?n1z373"); src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg"); font-weight: normal; font-style: normal; } .lg-icon { font-family: 'lg'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; border: none; outline: none; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #FFF; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toogle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-iframe .lg-video { -webkit-overflow-scrolling: touch; overflow: auto; } .lg-outer .lg-has-vimeo .lg-video-play { background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent; } .lg-outer .lg-has-html5 .lg-video-play { background: transparent url("../img/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; } .lg-outer.lg-dropdown-active #lg-share { color: #FFF; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; } .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e901"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url("../img/loading.gif") no-repeat scroll center center transparent; display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } /*# sourceMappingURL=lightgallery.css.map */ /*! lightgallery - v1.6.5 - 2017-11-16 * http://sachinchoolur.github.io/lightGallery/ * Copyright (c) 2017 Sachin N; Licensed GPLv3 */ @font-face { font-family: 'lg'; src: url("../fonts/lg.eot?n1z373"); src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg"); font-weight: normal; font-style: normal; } .lg-icon { font-family: 'lg'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; border: none; outline: none; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #FFF; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toogle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-iframe .lg-video { -webkit-overflow-scrolling: touch; overflow: auto; } .lg-outer .lg-has-vimeo .lg-video-play { background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent; } .lg-outer .lg-has-html5 .lg-video-play { background: transparent url("../img/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; } .lg-outer.lg-dropdown-active #lg-share { color: #FFF; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; } .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e901"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url("../img/loading.gif") no-repeat scroll center center transparent; display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } /*# sourceMappingURL=lightgallery.css.map */ /* * Slim v4.19.0 - Image Cropping Made Easy * Copyright (c) 2018 Rik Schennink - http://slimimagecropper.com */ .slim-file-hopper{position:absolute;left:0;top:0;right:0;bottom:0}.slim-image-editor{position:relative;height:100%;text-align:left;z-index:1}.slim-image-editor .slim-container{position:relative;height:calc(100% - 8em);width:100%;z-index:2;direction:ltr}.slim-image-editor .slim-editor-btn-group,.slim-image-editor .slim-editor-utils-group{-ms-flex-negative:0;flex-shrink:0}.slim-image-editor .slim-stage{position:absolute;line-height:0}.slim-image-editor .slim-wrapper{position:absolute;z-index:2}.slim-image-editor .slim-crop-preview{position:absolute;left:0;top:0;right:0;bottom:0;line-height:0}.slim-image-editor .slim-stage{z-index:4}.slim-image-editor .slim-crop-preview{z-index:3;border-radius:4px}.slim-image-editor .slim-crop-preview:after,.slim-image-editor .slim-crop-preview canvas,.slim-image-editor .slim-crop-preview img{position:absolute;display:block;border-radius:inherit;left:0;top:0}.slim-image-editor .slim-crop-preview .slim-crop{z-index:3}.slim-image-editor .slim-crop-preview:after{z-index:2;right:0;bottom:0;content:""}.slim-image-editor .slim-crop-preview .slim-crop-blur{-webkit-filter:contrast(.7);-moz-filter:contrast(.7);filter:contrast(.7);z-index:1}.slim-image-editor .slim-editor-utils-group{text-align:center}.slim-image-editor .slim-editor-utils-group button{width:2.5em;height:2.5em;padding:0;font-size:1em;cursor:pointer;outline:none;box-shadow:inset 0 -1px 2px rgba(0,0,0,.1),inset 0 1px 0 0 hsla(0,0%,100%,.15);background-color:transparent;background-size:50% 50%;background-position:50%;background-repeat:no-repeat}.slim-image-editor .slim-editor-utils-group button:active{background-color:rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.slim-image-editor .slim-editor-btn-group{text-align:center}.slim-image-editor .slim-editor-btn-group button{position:relative;display:inline-block;vertical-align:top;font-size:1em;margin:0 .75em;padding:.75em 1.5em .875em;cursor:pointer;overflow:hidden;-webkit-transition:color .25s,box-shadow .25s,background-color .25s;transition:color .25s,box-shadow .25s,background-color .25s;box-shadow:inset 0 -1px 2px rgba(0,0,0,.1),inset 0 1px 0 0 hsla(0,0%,100%,.15);background-color:transparent;outline:none}.slim-image-editor .slim-editor-btn-group button:active{padding:.875em 1.5em .75em;background-color:rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.slim-rotation-disabled .slim-container{height:calc(100% - 4em)}.slim-rotation-disabled .slim-editor-utils-group{display:none}.slim-editor-btn,.slim-editor-utils-btn{color:hsla(0,0%,100%,.75);border:2px solid rgba(0,0,0,.25)}.slim-editor-btn:focus,.slim-editor-btn:hover,.slim-editor-utils-btn:focus,.slim-editor-utils-btn:hover{color:hsla(0,0%,100%,.9)}.slim-editor-utils-btn{border-radius:.6875em}.slim-editor-btn{border-radius:.5em}.slim-image-editor-preview:after{background-color:rgba(244,250,255,.4);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.07),0 1px 5px rgba(0,0,0,.3)}.slim-btn-rotate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='252' height='287' viewBox='0 0 252 287' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M134.762.626v36.15c65.016 4.594 116.34 58.75 116.34 124.936 0 69.198-56.09 125.288-125.29 125.288C56.616 287 .525 230.91.525 161.71c0-30.036 10.592-57.59 28.215-79.17l31.934 31.934C51.03 127.75 45.27 144.04 45.27 161.71c0 44.485 36.06 80.544 80.544 80.544 44.484 0 80.544-36.058 80.544-80.543 0-41.454-31.327-75.56-71.594-80.017v35.272l-62.646-57.89L134.762.625zm-8.95 196.883c-19.77 0-35.796-16.028-35.796-35.798 0-19.77 16.027-35.796 35.797-35.796 19.77 0 35.797 16.026 35.797 35.796s-16.027 35.797-35.797 35.797z' fill='rgba(255,255,255,.8)' fill-rule='evenodd'/%3E%3C/svg%3E")}.slim-editor-btn-group,.slim-editor-utils-group{padding:1em 0 0}@media (min-width:40em){.slim-btn-group{padding-top:2em}}.slim-crop-area{position:absolute;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.75),0 0 0 1px hsla(0,0%,100%,.75)}.slim-crop-area .grid{overflow:hidden}.slim-crop-area .grid:after,.slim-crop-area .grid:before{position:absolute;z-index:2;content:"";opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.slim-crop-area .grid:before{top:33.333%;bottom:33.333%;left:1px;right:1px;box-shadow:inset 0 -1px 0 0 hsla(0,0%,100%,.35),inset 0 1px 0 0 hsla(0,0%,100%,.35)}.slim-crop-area .grid:after{top:1px;bottom:1px;left:33.333%;right:33.333%;box-shadow:inset -1px 0 0 0 hsla(0,0%,100%,.35),inset 1px 0 0 0 hsla(0,0%,100%,.35)}.slim-crop-area button{position:absolute;background:#fafafa;box-shadow:inset 0 1px 0 0 #fff,0 1px 1px rgba(0,0,0,.15);border:none;padding:0;margin:0;width:16px;height:16px;margin-top:-8px;margin-left:-8px;border-radius:8px;z-index:3}.slim-crop-area [class*=n]{top:0}.slim-crop-area [class*=s]{top:100%}.slim-crop-area [class*=w]{left:0}.slim-crop-area [class*=e]{left:100%}.slim-crop-area .e,.slim-crop-area .w{top:50%;cursor:ew-resize;height:30px;margin-top:-15px}.slim-crop-area .n,.slim-crop-area .s{left:50%;cursor:ns-resize;width:30px;margin-left:-15px}.slim-crop-area .ne,.slim-crop-area .sw{cursor:nesw-resize}.slim-crop-area .nw,.slim-crop-area .se{cursor:nwse-resize}.slim-crop-area .c{top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);margin:0;border-radius:0;border:none;z-index:2;box-shadow:none;opacity:0;cursor:move}.slim-crop-area button:not(.c):after{content:"";position:absolute;left:-12px;right:-12px;top:-12px;bottom:-12px}.slim-crop-area .slim-crop-mask{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1}.slim-crop-area .slim-crop-mask img{position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateZ(0);transform:translateZ(0);margin:0!important;width:auto;height:auto;max-width:none;min-width:0}.slim-crop-area[data-dragging=true] .grid:after,.slim-crop-area[data-dragging=true] .grid:before{opacity:1}.slim-popover{-ms-touch-action:none;touch-action:none;position:fixed;left:0;top:0;width:100%;height:100%;padding:1em;font-size:16px;background:#efefef;z-index:2147483647;overflow:hidden}.slim-popover[data-state=off]{left:-100%}.slim-popover:after{position:absolute;left:0;top:0;right:0;bottom:0;content:"";background:-webkit-radial-gradient(center ellipse,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,0) 80%);background:radial-gradient(ellipse at center,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,0) 80%)}@media (min-width:40em){.slim-popover{padding:2em}}.slim,.slim-crop-area,.slim-image-editor,.slim-popover{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}.slim-crop-area button,.slim-image-editor button,.slim-popover button,.slim button{-webkit-highlight:none;-webkit-tap-highlight-color:transparent}.slim *,.slim-crop-area *,.slim-image-editor *,.slim-popover *{box-sizing:inherit}.slim-crop-area img,.slim-image-editor img,.slim-popover img,.slim img{background-color:#eee;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+Gkqr6gAAAYBpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZHPK0RRFMc/M4gYERaKxUvDamhQExtlJqEmTWOUwWbmzS81P17vzaTJVtlOUWLj14K/gK2yVopISdlZExv0nGfUSObc7rmf+73nnO49F+yhtJoxat2Qyeb14KRXmQ8vKPWP2OjCQRtKRDW08UDAT1V7u5Fosat+q1b1uH+tKRY3VLA1CI+pmp4XnhL2r+Q1izeFO9RUJCZ8LOzS5YLC15YeLfOTxckyf1ish4I+sLcKK8lfHP3FakrPCMvLcWbSBfXnPtZLHPHs3KysPTK7MQgyiReFaSbw4WGQUfEe+hliQHZUyXd/58+Qk1xVvEYRnWWSpMjjErUg1eOyJkSPy0hTtPr/t69GYnioXN3hhboH03zphfoN+CyZ5vu+aX4eQM09nGUr+bk9GHkVvVTRnLvQsgYn5xUtugWn69B5p0X0yLdUI9OeSMDzETSHof0SGhfLPfs55/AWQqvyVRewvQN9Et+y9AUyt2fOEwKMEgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAC9JREFUOI1jZGBgkGIgDjwjRhETkYYRDUYNHDVwMBjISIJaonLU4PfyqIGjBpIBAPvwAUFW9TOIAAAAAElFTkSuQmCC")}.slim img:not(.in){width:100%;height:auto}span.slim{display:block}.slim{position:relative;font-size:inherit;background-color:#eee;-webkit-transition:background-color .25s;transition:background-color .25s;padding-bottom:.025px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.slim[data-state*=file-over] .slim-btn{pointer-events:none}.slim[data-state*=empty]:hover{background-color:#ddd}.slim[data-state*=empty] .slim-label{visibility:visible;opacity:1}.slim[data-state*=busy] .slim-label{opacity:0}.slim[data-state*=loading] .slim-label{display:none}.slim[data-state*=loading] .slim-label-loading{opacity:1;display:block}.slim[data-state*=preview] .slim-label{visibility:hidden}.slim[data-state*=error]{background-color:#e8a69f!important;color:#702010}.slim>img,.slim>input[type=file]{display:block!important;opacity:0!important;width:0!important;height:0!important;padding:0!important;margin-left:0!important;margin-right:0!important;margin-top:0!important;border:0!important}.slim>img+input[type=file],.slim>input[type=file]+img{margin-bottom:0!important}.slim>input[type=hidden]{position:absolute;width:1px;height:1px;margin:-1px;opacity:0}.slim .slim-label-loading{display:none}.slim .slim-label{visibility:hidden;-webkit-transition:opacity .25s;transition:opacity .25s}.slim .slim-error,.slim .slim-label,.slim .slim-label-loading{max-width:100%}.slim .slim-file-hopper{z-index:3;background:rgba(0,0,0,.0001)}.slim .slim-area,.slim .slim-drip,.slim .slim-ratio,.slim .slim-result,.slim .slim-status{border-radius:inherit}.slim .slim-area{width:100%;color:inherit;overflow:hidden}.slim .slim-area :only-of-type{margin:0}.slim .slim-area .slim-loader{pointer-events:none;position:absolute;right:.875em;top:.875em;width:23px;height:23px;z-index:1}.slim .slim-area .slim-loader svg{display:block;width:100%;height:100%;opacity:0}.slim .slim-area .slim-upload-status{position:absolute;right:1em;top:1em;z-index:1;opacity:0;-webkit-transition:opacity .25s;transition:opacity .25s;white-space:nowrap;line-height:1.65;font-weight:400}.slim .slim-area .slim-upload-status-icon{display:inline-block;opacity:.9}.slim .slim-area .slim-drip,.slim .slim-area .slim-result,.slim .slim-area .slim-status{left:0;top:0;right:0;bottom:0}.slim .slim-area .slim-drip,.slim .slim-area .slim-result{position:absolute}.slim .slim-area .slim-status{padding:3em 1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;pointer-events:none}.slim .slim-area .slim-drip{z-index:1;overflow:hidden}.slim .slim-area .slim-drip>span{position:absolute;left:0;top:0;opacity:0;margin-left:-25%;margin-top:-25%;width:50%;padding-bottom:50%}.slim .slim-area .slim-drip>span>span{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.25);border-radius:50%;opacity:.5;left:0;top:0}.slim .slim-area .slim-result{overflow:hidden;-webkit-perspective:1px}.slim .slim-area .slim-result img{display:block;max-width:100%;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-height:100%;}.slim .slim-area .slim-result img:not([src]),.slim .slim-area .slim-result img[src=""]{visibility:hidden}.slim .slim-btn-group{position:absolute;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none}.slim .slim-btn-group button{pointer-events:all;cursor:pointer}.slim[data-ratio*=":"]{min-height:0}.slim[data-ratio*=":"] .slim-status{position:absolute;padding:0 1.5em}.slim[data-ratio="16:10"]>img,.slim[data-ratio="16:10"]>input[type=file]{margin-bottom:62.5%}.slim[data-ratio="10:16"]>img,.slim[data-ratio="10:16"]>input[type=file]{margin-bottom:160%}.slim[data-ratio="16:9"]>img,.slim[data-ratio="16:9"]>input[type=file]{margin-bottom:56.25%}.slim[data-ratio="9:16"]>img,.slim[data-ratio="9:16"]>input[type=file]{margin-bottom:177.77778%}.slim[data-ratio="5:3"]>img,.slim[data-ratio="5:3"]>input[type=file]{margin-bottom:60%}.slim[data-ratio="3:5"]>img,.slim[data-ratio="3:5"]>input[type=file]{margin-bottom:166.66667%}.slim[data-ratio="5:4"]>img,.slim[data-ratio="5:4"]>input[type=file]{margin-bottom:80%}.slim[data-ratio="4:5"]>img,.slim[data-ratio="4:5"]>input[type=file]{margin-bottom:125%}.slim[data-ratio="4:3"]>img,.slim[data-ratio="4:3"]>input[type=file]{margin-bottom:75%}.slim[data-ratio="3:4"]>img,.slim[data-ratio="3:4"]>input[type=file]{margin-bottom:133.33333%}.slim[data-ratio="3:2"]>img,.slim[data-ratio="3:2"]>input[type=file]{margin-bottom:66.66667%}.slim[data-ratio="2:3"]>img,.slim[data-ratio="2:3"]>input[type=file]{margin-bottom:150%}.slim[data-ratio="1:1"]>img,.slim[data-ratio="1:1"]>input[type=file]{margin-bottom:100%}.slim-btn-group{padding:1.5em 0;text-align:center}.slim-btn{position:relative;padding:0;margin:0 7.2px;font-size:0;outline:none;width:36px;height:36px;border:none;color:#fff;background-color:rgba(0,0,0,.7);background-repeat:no-repeat;background-size:50% 50%;background-position:50%;border-radius:50%}.slim-btn:before{border-radius:inherit;position:absolute;box-sizing:border-box;left:-3px;right:-3px;bottom:-3px;top:-3px;border:3px solid #fff;content:"";-webkit-transform:scale(.95);transform:scale(.95);opacity:0;-webkit-transition:all .25s;transition:all .25s;z-index:-1;pointer-events:none}.slim-btn:focus:before,.slim-btn:hover:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.slim-btn *{pointer-events:none}.slim-btn-remove{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M63.12 250.254s3.998 18.222 24.582 18.222h93.072c20.583 0 24.582-18.222 24.582-18.222l18.374-178.66H44.746l18.373 178.66zM170.034 98.442a8.95 8.95 0 0 1 17.9 0l-8.95 134.238a8.95 8.95 0 0 1-17.9 0l8.95-134.238zm-44.746 0a8.949 8.949 0 1 1 17.898 0V232.68a8.95 8.95 0 1 1-17.9 0V98.442zm-35.798-8.95a8.95 8.95 0 0 1 8.95 8.95l8.95 134.237c0 4.942-4.008 8.948-8.95 8.948a8.95 8.95 0 0 1-8.95-8.95L80.54 98.441a8.95 8.95 0 0 1 8.95-8.95zm128.868-53.68h-39.376V17.898c0-13.578-4.39-17.9-17.898-17.9H107.39C95 0 89.492 6 89.492 17.9v17.91H50.116c-7.914 0-14.32 6.007-14.32 13.43 0 7.424 6.406 13.43 14.32 13.43H218.36c7.914 0 14.32-6.006 14.32-13.43 0-7.423-6.406-13.43-14.32-13.43zm-57.274 0H107.39l.002-17.914h53.695V35.81z' fill='%23fff'/%3E%3C/svg%3E")}.slim-btn-download{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M232.943 223.73H35.533c-12.21 0-22.11 10.017-22.11 22.373 0 12.356 9.9 22.373 22.11 22.373h197.41c12.21 0 22.11-10.017 22.11-22.373 0-12.356-9.9-22.373-22.11-22.373zM117.88 199.136c4.035 4.04 9.216 6.147 14.492 6.508.626.053 1.227.188 1.866.188.633 0 1.228-.135 1.847-.186 5.284-.357 10.473-2.464 14.512-6.51l70.763-70.967c8.86-8.876 8.86-23.268 0-32.143-8.86-8.876-23.225-8.876-32.086 0l-32.662 32.756V22.373C156.612 10.017 146.596 0 134.238 0c-12.356 0-22.372 10.017-22.372 22.373v106.41L79.204 96.027c-8.86-8.876-23.226-8.876-32.086 0-8.86 8.875-8.86 23.267 0 32.142l70.763 70.966z' fill='%23fff'/%3E%3C/svg%3E")}.slim-btn-upload{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='243' height='269' viewBox='0 0 243 269' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EDownload%3C/title%3E%3Cpath d='M219.943 223.73H22.533c-12.21 0-22.11 10.017-22.11 22.373 0 12.356 9.9 22.373 22.11 22.373h197.41c12.21 0 22.11-10.017 22.11-22.373 0-12.356-9.9-22.373-22.11-22.373zM104.88 6.696c4.035-4.04 9.216-6.147 14.492-6.508C119.998.135 120.6 0 121.238 0c.633 0 1.228.135 1.847.186 5.284.357 10.473 2.464 14.512 6.51l70.763 70.967c8.86 8.875 8.86 23.267 0 32.142-8.86 8.876-23.225 8.876-32.086 0L143.612 77.05v106.41c0 12.355-10.016 22.372-22.374 22.372-12.356 0-22.372-10.017-22.372-22.373V77.05l-32.662 32.755c-8.86 8.876-23.226 8.876-32.086 0-8.86-8.875-8.86-23.267 0-32.142L104.88 6.696z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E")}.slim-btn-edit{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M161.36 56.337c-7.042-7.05-18.46-7.05-25.5 0l-6.373 6.38-89.243 89.338.023.023-2.812 2.82s-8.968 9.032-29.216 74.4c-.143.456-.284.91-.427 1.373-.36 1.172-.726 2.362-1.094 3.568a785.126 785.126 0 0 0-.988 3.25c-.28.922-.556 1.835-.84 2.778-.64 2.14-1.29 4.318-1.954 6.567-1.455 4.937-5.01 16.07-.99 20.1 3.87 3.882 15.12.467 20.043-.993a1275.615 1275.615 0 0 0 9.41-2.83c1.032-.314 2.058-.626 3.063-.935 1.27-.39 2.52-.775 3.75-1.157l1.09-.34c62.193-19.365 73.358-28.453 74.286-29.284l.01-.01.067-.06 2.88-2.886.192.193 89.244-89.336 6.373-6.382c7.04-7.048 7.04-18.476 0-25.525l-50.998-51.05zM103.4 219.782c-.08.053-.185.122-.297.193l-.21.133c-.076.047-.158.098-.245.15l-.243.148c-2.97 1.777-11.682 6.362-32.828 14.017-2.47.894-5.162 1.842-7.98 2.82l-30.06-30.092c.98-2.84 1.928-5.55 2.825-8.04 7.638-21.235 12.22-29.974 13.986-32.94l.12-.2c.063-.1.12-.196.175-.283l.126-.2c.07-.11.14-.217.192-.296l2.2-2.205 54.485 54.542-2.248 2.255zM263.35 56.337l-50.996-51.05c-7.04-7.048-18.456-7.048-25.498 0L174.108 18.05c-7.04 7.048-7.04 18.476 0 25.524l50.996 51.05c7.04 7.048 18.457 7.048 25.498 0l12.75-12.762c7.04-7.05 7.04-18.477 0-25.525z' fill='%23fff'/%3E%3C/svg%3E")}.slim-loader-background{stroke:rgba(0,0,0,.15)}.slim-loader-foreground{stroke:rgba(0,0,0,.65)}.slim[data-state*=preview] .slim-loader-background{stroke:hsla(0,0%,100%,.25)}.slim[data-state*=preview] .slim-loader-foreground{stroke:#fff}.slim-upload-status{padding:0 .5em;border-radius:.3125em;font-size:.75em;box-shadow:0 .125em .25em rgba(0,0,0,.25)}.slim-upload-status[data-state=success]{background-color:#d1ed8f;color:#323e15}.slim-upload-status[data-state=success] .slim-upload-status-icon{width:.5em;height:.75em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border:.1875em solid currentColor;border-left:none;border-top:none;margin-right:.325em;margin-left:.25em;margin-bottom:.0625em}.slim-upload-status[data-state=error]{background:#efd472;color:#574016}.slim-upload-status[data-state=error] .slim-upload-status-icon{margin-left:-.125em;margin-right:.5em;width:.5625em;height:1em;position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.slim-upload-status[data-state=error] .slim-upload-status-icon:after,.slim-upload-status[data-state=error] .slim-upload-status-icon:before{content:"";position:absolute;box-sizing:content-box;width:0;height:0;border:.09em solid currentColor;background-color:currentColor;-webkit-transform:translate(-50%,-50%) translate(.5em,.5em);transform:translate(-50%,-50%) translate(.5em,.5em)}.slim-upload-status[data-state=error] .slim-upload-status-icon:before{width:.66666666667em}.slim-upload-status[data-state=error] .slim-upload-status-icon:after{height:.66666666667em}.rrssb-buttons{box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;height:36px;margin:0;padding:0;width:100%}.rrssb-buttons:after{clear:both}.rrssb-buttons:after,.rrssb-buttons:before{content:' ';display:table}.rrssb-buttons li{box-sizing:border-box;float:left;height:100%;line-height:13px;list-style:none;margin:0;padding:0 2px}.rrssb-buttons li.rrssb-email a{background-color:#0a88ff}.rrssb-buttons li.rrssb-email a:hover{background-color:#006ed6}.rrssb-buttons li.rrssb-facebook a{background-color:#306199}.rrssb-buttons li.rrssb-facebook a:hover{background-color:#244872}.rrssb-buttons li.rrssb-tumblr a{background-color:#32506d}.rrssb-buttons li.rrssb-tumblr a:hover{background-color:#22364a}.rrssb-buttons li.rrssb-linkedin a{background-color:#007bb6}.rrssb-buttons li.rrssb-linkedin a:hover{background-color:#005983}.rrssb-buttons li.rrssb-twitter a{background-color:#26c4f1}.rrssb-buttons li.rrssb-twitter a:hover{background-color:#0eaad6}.rrssb-buttons li.rrssb-googleplus a{background-color:#e93f2e}.rrssb-buttons li.rrssb-googleplus a:hover{background-color:#ce2616}.rrssb-buttons li.rrssb-youtube a{background-color:#df1c31}.rrssb-buttons li.rrssb-youtube a:hover{background-color:#b21627}.rrssb-buttons li.rrssb-reddit a{background-color:#8bbbe3}.rrssb-buttons li.rrssb-reddit a:hover{background-color:#62a3d9}.rrssb-buttons li.rrssb-pinterest a{background-color:#b81621}.rrssb-buttons li.rrssb-pinterest a:hover{background-color:#8a1119}.rrssb-buttons li.rrssb-pocket a{background-color:#ed4054}.rrssb-buttons li.rrssb-pocket a:hover{background-color:#e4162d}.rrssb-buttons li.rrssb-github a{background-color:#444}.rrssb-buttons li.rrssb-github a:hover{background-color:#2b2b2b}.rrssb-buttons li.rrssb-instagram a{background-color:#125688}.rrssb-buttons li.rrssb-instagram a:hover{background-color:#0c3a5b}.rrssb-buttons li.rrssb-delicious a{background-color:#0b79e5}.rrssb-buttons li.rrssb-delicious a:hover{background-color:#095fb4}.rrssb-buttons li.rrssb-vk a{background-color:#4d71a9}.rrssb-buttons li.rrssb-vk a:hover{background-color:#3d5a86}.rrssb-buttons li.rrssb-hackernews a{background-color:#f60}.rrssb-buttons li.rrssb-hackernews a:hover{background-color:#cc5200}.rrssb-buttons li.rrssb-whatsapp a{background-color:#43d854}.rrssb-buttons li.rrssb-whatsapp a:hover{background-color:#28c039}.rrssb-buttons li.rrssb-print a{background-color:#8d98a2}.rrssb-buttons li.rrssb-print a:hover{background-color:#717f8b}.rrssb-buttons li a{background-color:#ccc;border-radius:2px;box-sizing:border-box;display:block;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:700;height:100%;padding:11px 7px 12px 27px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;width:100%}.rrssb-buttons li a .rrssb-icon{display:block;left:10px;padding-top:9px;position:absolute;top:0;width:10%}.rrssb-buttons li a .rrssb-icon svg{height:17px;width:17px}.rrssb-buttons li a .rrssb-icon svg circle,.rrssb-buttons li a .rrssb-icon svg path{fill:#fff}.rrssb-buttons li a .rrssb-text{color:#fff}.rrssb-buttons li a:active{box-shadow:inset 1px 3px 15px 0 rgba(22,0,0,.25)}.rrssb-buttons li.small a{padding:0}.rrssb-buttons li.small a .rrssb-icon{left:auto;margin:0 auto;overflow:hidden;position:relative;top:auto;width:100%}.rrssb-buttons li.small a .rrssb-text{visibility:hidden}.rrssb-buttons.large-format,.rrssb-buttons.large-format li{height:auto}.rrssb-buttons.large-format li a{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:.2em;padding:8.5% 0 8.5% 12%}.rrssb-buttons.large-format li a .rrssb-icon{height:100%;left:7%;padding-top:0;width:12%}.rrssb-buttons.large-format li a .rrssb-icon svg{height:100%;position:absolute;top:0;width:100%}.rrssb-buttons.large-format li a .rrssb-text{-webkit-backface-visibility:hidden;backface-visibility:hidden}.rrssb-buttons.small-format{padding-top:5px}.rrssb-buttons.small-format li{height:80%;padding:0 1px}.rrssb-buttons.small-format li a .rrssb-icon{height:100%;padding-top:0}.rrssb-buttons.small-format li a .rrssb-icon svg{height:48%;position:relative;top:6px;width:80%}.rrssb-buttons.tiny-format{height:22px;position:relative}.rrssb-buttons.tiny-format li{padding-right:7px}.rrssb-buttons.tiny-format li a{background-color:transparent;padding:0}.rrssb-buttons.tiny-format li a .rrssb-icon{height:100%}.rrssb-buttons.tiny-format li a .rrssb-icon svg{height:70%;width:100%}.rrssb-buttons.tiny-format li a:active,.rrssb-buttons.tiny-format li a:hover{background-color:transparent}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path{fill:#0a88ff}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg path{fill:#0054a3}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path{fill:#306199}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg path{fill:#18304b}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg path{fill:#32506d}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg path{fill:#121d27}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path{fill:#007bb6}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg path{fill:#003650}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path{fill:#26c4f1}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg path{fill:#0b84a6}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg path{fill:#e93f2e}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg path{fill:#a01e11}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg path{fill:#df1c31}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg path{fill:#84111d}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg path{fill:#8bbbe3}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg path{fill:#398bcf}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg path{fill:#b81621}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg path{fill:#5d0b11}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg path{fill:#ed4054}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg path{fill:#b61124}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg path{fill:#444}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg path{fill:#111}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg path{fill:#125688}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg path{fill:#061d2e}.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon svg path{fill:#0b79e5}.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon:hover .rrssb-icon svg path{fill:#064684}.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon svg path{fill:#4d71a9}.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon:hover .rrssb-icon svg path{fill:#2d4263}.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon svg path{fill:#f60}.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon:hover .rrssb-icon svg path{fill:#993d00}.rrssb-buttons.tiny-format li.rrssb-whatsapp a .rrssb-icon svg path{fill:#43d854}.rrssb-buttons.tiny-format li.rrssb-whatsapp a .rrssb-icon:hover .rrssb-icon svg path{fill:#1f962d}.rrssb-buttons.tiny-format li.rrssb-print a .rrssb-icon svg path{fill:#8d98a2}.rrssb-buttons.tiny-format li.rrssb-print a .rrssb-icon:hover .rrssb-icon svg path{fill:#5a656f}/* This is the core CSS of Tooltipster */ /* GENERAL STRUCTURE RULES (do not edit this section) */ .tooltipster-base { /* this ensures that a constrained height set by functionPosition, if greater that the natural height of the tooltip, will be enforced in browsers that support display:flex */ display: flex; pointer-events: none; /* this may be overriden in JS for fixed position origins */ position: absolute; } .tooltipster-box { /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10- and flex-basis auto for IE11- (at least) */ flex: 1 1 auto; } .tooltipster-content { /* prevents an overflow if the user adds padding to the div */ box-sizing: border-box; /* these make sure we'll be able to detect any overflow */ max-height: 100%; max-width: 100%; overflow: auto; } .tooltipster-ruler { /* these let us test the size of the tooltip without overflowing the window */ bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; } /* ANIMATIONS */ /* Open/close animations */ /* fade */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade.tooltipster-show { opacity: 1; } /* grow */ .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow.tooltipster-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } /* swing */ .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing.tooltipster-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } /* fall */ .tooltipster-fall { -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall.tooltipster-initial { top: 0 !important; } .tooltipster-fall.tooltipster-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0 !important; opacity: 0; } /* slide */ .tooltipster-slide { -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-initial { left: -40px !important; } .tooltipster-slide.tooltipster-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0 !important; opacity: 0; } /* Update animations */ /* We use animations rather than transitions here because transition durations may be specified in the style tag due to animationDuration, and we try to avoid collisions and the use of !important */ /* fade */ @keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { animation: tooltipster-fading 400ms; } /* rotate */ @keyframes tooltipster-rotating { 25% { transform: rotate(-2deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(0); } } .tooltipster-update-rotate { animation: tooltipster-rotating 600ms; } /* scale */ @keyframes tooltipster-scaling { 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .tooltipster-update-scale { animation: tooltipster-scaling 600ms; } /** * DEFAULT STYLE OF THE SIDETIP PLUGIN * * All styles are "namespaced" with .tooltipster-sidetip to prevent * conflicts between plugins. */ /* .tooltipster-box */ .tooltipster-sidetip .tooltipster-box { background: #565656; border: 2px solid black; border-radius: 4px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; } /* .tooltipster-content */ .tooltipster-sidetip .tooltipster-content { color: white; line-height: 18px; padding: 6px 14px; } /* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that corresponds to the arrow we want to display */ .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; /* half the width, for centering */ margin-left: -10px; top: 0; width: 20px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: 0; /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not been positioned yet */ top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: 0; /* same as .tooltipster-left .tooltipster-arrow */ top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 10px; margin-left: -10px; width: 20px; } /* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; } /* .tooltipster-arrow-background */ .tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #565656; left: 0px; top: 3px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #565656; left: -3px; top: 0px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #565656; left: 3px; top: 0px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #565656; left: 0px; top: -3px; } /* .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: black; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: black; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: black; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: black; } /* tooltipster-arrow-uncropped */ .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } .tooltipster-sidetip.tooltipster-shadow .tooltipster-box{border:none;border-radius:5px;background:#fff;box-shadow:0 0 10px 6px rgba(0,0,0,.1)}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box{margin-top:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box{margin-right:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box{margin-left:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box{margin-bottom:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-content{color:#8d8d8d}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow{height:6px;margin-left:-6px;width:12px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow{height:12px;margin-left:0;margin-top:-6px;width:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border{border:6px solid transparent}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border{border-left-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border{border-right-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border{border-top-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped{left:-6px} /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 20px; margin-left: 5px; text-align: left; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }