/* @group bootstrap responsive video */ .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.857143%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-3by4::before { padding-top: 133.333333%; } .embed-responsive-1by1::before { padding-top: 100%; } /* @end */ .center, .center img {margin-left: auto; margin-right: auto; display: block;text-align: center; } /* @group columns 2x */ /* code:
Text 1
Text 2
___________________ */ .left-side { float: left; width: 48%; } .right-side { float: right; width: 48%; } .column-2x-500 img, .column-2x-600 img, .column-2x-770 img, .column-2x-900 img, .column-2x-1030 img, .column-2x-1150 img { max-width: 100%; height: auto; } .column-2x-500:after, .column-2x-600:after, .column-2x-770:after, .column-2x-900:after, .column-2x-1030:after, .column-2x-1150:after { content:"";display: table; clear: both; } /* breakpoint 500px */ @media screen and (max-width: 500px) { .column-2x-500 .left-side, .column-2x-500 .right-side { float: none !important; width: auto !important; } } /* breakpoint 600px */ @media screen and (max-width: 600px) { .column-2x-600 .left-side, .column-2x-600 .right-side { float: none !important; width: auto !important; } } /* breakpoint 700px */ @media screen and (max-width: 770px) { .column-2x-770 .left-side, .column-2x-770 .right-side { float: none !important; width: auto !important; } } /* breakpoint 900px */ @media screen and (max-width: 900px) { .column-2x-900 .left-side, .column-2x-900 .right-side { float: none !important; width: auto !important; } } /* breakpoint 1030px */ @media screen and (max-width: 1030px) { .column-2x-1030 .left-side, .column-2x-1030 .right-side { float: none; width: auto; } } /* breakpoint 1150x */ @media screen and (max-width: 1150px) { .column-2x-1150 .left-side, .column-2x-1150 .right-side { float: none; width: auto; } } /* @end */ /* -------- multithemes -------- */ /* @group BODY IMAGES */ #bodyimage { transition: all 0s linear !important; -moz-transition: all 0s linear !important; -webkit-transition: all 0s linear !important; } #bodyimage_1, .photo-background { } #overlay_theme { width: 0; height: 0; position: fixed; z-index: 20; visibility: hidden; overflow: scroll; } #overlay_theme_color { width: 100%; height: 100%; min-height: 100% !important; position: fixed; opacity: 0.8; bottom: 0; } /* --- */ #bodyimage_1, .photo-background { background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; height: 100%; width: 100%; position: fixed; /*background-attachment: fixed;*/ /* FIXED ISSUE IN Firefox - hidden OK */ background-position: center center; background-repeat: no-repeat; top: 0; z-index: -1; text-align: center; margin: 0; padding: 0; } #shading { background-image: url(images/elements/shading_white.png); background-size: 100% 100%; height: 100%; width: 100%; position: absolute; background-position: center bottom; background-repeat: repeat-x; top: 0; z-index: -1; text-align: center; margin: 0; padding: 0; background-attachment: scroll; } /* --- */ #bodyimage_color_wrapper, #bodyimage_color_wrapper_2 { width: 100%; position: fixed; height: 100%; top: 0; } #bodyimage_color { height: 100%; width: 100%; position: fixed; opacity: 0.75; color: rgba(255,255,255,0); font-size: 0; top: 0; z-index: -10; } #bodyimage_color_2 { height: 0%; width: 0; position: fixed; opacity: 0.75; color: rgba(255,255,255,0); font-size: 0; top: 0; z-index: -10; } /* @group mask_amimation */ #bodyimage_1 { -webkit-animation: slide-content 1.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both !important; -moz-animation: slide-content 1.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both !important; animation: slide-content 1.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both !important; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes slide-content { 0%{opacity:0;} 100%{opacity:1;} } @-webkit-keyframes slide-content { 0%{opacity:0;} 100%{opacity:1;} } /* @end */ /* @end */ /* @group Extracontent formatting */ .column { float: left; } .one { width: 100%; } .two { width: 50%;} #extraContainer1_back .two {} .three { width: 33.3%; } .four { width: 25%; } .five { width: 20%; } .two3rds { width: 66%; } .three4ths { width: 75%; } .four5ths { width: 80%; } .column .content { width: 90% ! important; margin: 0 auto; padding: 0 ! important; float: none ! important;} /* @end */ /* @group Extracontents */ #extraContainer4 { margin-right: auto; margin-left: auto; position: relative; overflow: auto; /* prevent fickering on DOM load CSS3 */ margin-bottom: -6px; padding: 25px; } #extraContainer4 a:link, #extraContainer4 a:visited, #extraContainer4 a:hover, #extraContainer4 a:active { text-decoration: underline; } #extraContainer1 { margin-right: auto; margin-left: auto; position: relative; overflow: auto; /* prevent fickering on DOM load CSS3 */ margin-bottom: -6px; } #extraContainer1box { padding: 0; width: auto; position: relative; top: 0; margin: 0 auto; } #extraContainer1 img { display: block; overflow: auto; } #extraContainer2 { margin-right: auto; margin-left: auto; overflow: auto; position: relative; padding-right: 25px; padding-left: 25px; } #extraContainer2box { overflow: visible; padding: 0; margin-right: auto; margin-left: auto; width: auto; margin-top: 0; position: relative; } /* @end */ /* @group General Styles */ html{height:100% ; min-height:100%; } body{ min-height:100%; padding: 0; margin: 0; width: 100%; } p { } b, strong { } a:link, a:visited { text-decoration: none; transition-property: color; transition-duration: 250ms; -webkit-transition-property: color; -webkit-transition-duration: 250ms; -moz-transition-property: color; -moz-transition-duration: 250ms; } a:hover, a:active { } img { border: none; } .image-left { float: left; margin: 5px 10px 2px 0; padding: 5px 5px 2px; position: relative; } .image-right { float: right; margin: 3px 0 2px 10px; padding: 3px 0 2px 4px; position: relative; } /* @end */ /* @group Layout */ #container { position: relative; -webkit-backface-visibility: hidden; } .clearer { clear: both; display:block; position: relative; } #pageHeader { margin: 0; padding: 0; position: relative; min-height: 135px; } #pageHeader img { max-height:80px; max-width:490px !important; height: auto; overflow: auto; width: auto; position: relative; display: inline-block; transition: all 0s linear !important; -moz-transition: all 0s linear !important; -webkit-transition: all 0s linear !important; float: right; top: 55px; right: 10px; } /* ------------- */ .titles { position: absolute; /* also in javascript */ transition: all 0s linear !important; -moz-transition: all 0s linear !important; -webkit-transition: all 0s linear !important; width: 75% !important; padding-left: 10px; padding-top: 50px; min-height: 120px; } .title h1 { text-align: left; float: left; position: relative; padding: 0 4px 6px 10px; } .slogan h2 { text-align: left; float: left; position: relative; padding: 20px 10px; } /* ------------- */ #contentContainer { top: 0; position: relative; margin-bottom: 0; } #contentContainer #content { margin-right: auto; margin-left: auto; padding: 43px 25px 25px; } #sidebarContainer { margin: 0; padding: 0; } #sidebarContainer #sidebar { margin-right: auto; margin-left: auto; padding-right: 25px; padding-left: 25px; } #sidebarContainer .sideHeader { text-align: center; padding-bottom: 0; } #footer_main_box { padding: 0; margin: 0; min-height: 65px; } #footer_box { padding: 10px 0 30px; margin: 0; overflow: visible; border-top-style: solid; border-top-width: 1px; } #footer { margin: 0; padding: 5px 24px 5px 0; float: right; } #footer p { text-align: center; margin-top: 0; background: url(images/elements/white_10.png) repeat; padding: 4px 9px 5px 15px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; } #footer a:link, #footer a:visited { } #footer a:hover, #footer a:active { } /* @end */ /* @group Bread-crumb */ #breadcrumbcontainer { text-align: center; padding: 2px 0 6px 3%; margin: 0 auto 9px; float: left; } #breadcrumbcontainer ul { margin: 0; padding: 0; } #breadcrumbcontainer li { display: inline; margin: 0 0 0 4px; background: url(images/elements/white_10.png) repeat; padding: 3px 4px 5px 10px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; } #breadcrumbcontainer a { text-decoration: none; text-align: center; background: url(images/elements/icons/bread_crumb.png) no-repeat left 48%; padding-left: 15px; padding-right: 0; transition: All 0.15s linear; -webkit-transition: All 0.15s linear; -moz-transition: All 0.15s linear; } #breadcrumbcontainer a:hover { background-position: 2px 48%; } /* @end */ /* @group --- Open Closed - ex3 */ #top-shape { -webkit-backface-visibility: hidden; width: 100%; height: 50px; margin: 0; padding: 0; display: block; } #extraContainer3box { margin-left: auto; position: relative; display: none; padding: 10% 0 0; margin-right: auto; z-index: 5; margin: 0; } #extraContainer3box_color { width: 100%; margin: 0; padding: 0; position: absolute; opacity: 0.7; height: 90%; bottom: 0; border-top-width: 1px; border-top-style: solid; } #extraContainer3 { position: relative; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; text-align: left; -webkit-transform-style: preserve-3d; padding-left: 25px; padding-right: 25px; overflow: auto; padding-top: 0; } #extraContainer3 a:link, #extraContainer3 a:visited { text-decoration: none; transition-property: color; transition-duration: 250ms; -webkit-transition-property: color; -webkit-transition-duration: 250ms; -moz-transition-property: color; -moz-transition-duration: 250ms; } #extraContainer3 .boxOpened { } #extraContainer3 img {display: block;} /* ______________ */ #drop:hover { } #drop { margin: 0; transition: all 0s linear !important; -moz-transition: all 0s linear !important; -webkit-transition: all 0s linear !important; position: relative; z-index: 11; cursor: pointer; float: left; width: auto; top: 0; padding: 0; height: auto; left: 0; white-space: nowrap; -webkit-transform: translate3d(0,0,0); } #drop:active:before, #drop.boxopened:active:before { } #drop:hover:before { -webkit-transform: translateZ(0px);} #drop:active:after, #drop.boxopened:active:after { } #drop.boxopened:active, #drop:active { } #drop.boxopened{ position: relative; } #drop.boxopened .opened:before{ position: relative; } /* ---------- below */ /* @group TEXT button */ /* edit this code */ #drop.boxopened:after{content:"CLOSE";} #drop:after {content:"OPEN"; } /* edit this code */ #drop.boxopened:after, #drop:after { position: absolute; top: -40px; width: auto; /*cursor: default;*/ display: block; /*cursor: default;*/ font: 14px/1.1em "PerspectiveSansRegular", Lucida, Verdana, sans-serif; text-align: left; overflow: visible; transition: all 0s linear !important; -moz-transition: all 0s linear !important; -webkit-transition: all 0s linear !important; letter-spacing: 1px; left: 15px; text-align: center !important; border-radius:82px; -webkit-border-radius:82px; -moz-border-radius:82px; padding: 36px 5px; min-width: 80px; } #drop:active:after, #drop.boxopened:active:after { } /* @end */ #boxOpened { top: 0px !important; } /* -----on off */ /* @end */ #hello{ } /* @group Global Classes */ code { padding: 5px; margin-left: 6%; display: block; margin-right: 6%; font: 14px 'Courier New', Courier, monospace; border-width: 1px; border-style: solid; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border-left-width: 1px; border-right-width: 1px; overflow: auto; background-color: transparent; } pre, xmp { padding: 5px; margin-left: 6%; display: block; margin-right: 6%; font: 14px 'Courier New', Courier, monospace; border-width: 1px; border-style: solid; overflow: auto; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border-left-width: 1px; border-right-width: 1px; margin-bottom: 0; background-color: transparent; } blockquote, .standout { } .imageStyle { } /* Main content area unordered list styles */ #contentContainer #content ul { } #contentContainer #content li { } ul.disc { list-style-type: disc; } ul.circle { list-style-type: circle; } ul.square { list-style-type: square; } ol.arabic-numbers { list-style-type: decimal; } ol.upper-alpha { list-style-type: upper-latin; } ol.lower-alpha { list-style-type: upper-latin; } ol.upper-roman { list-style-type: upper-roman; } ol.lower-roman { list-style-type: lower-roman; } /* Sidebar area unordered list styles */ #sidebarContainer #sidebar ul { } #sidebarContainer #sidebar li { } /* Table Styles */ table { } /* @end */ /* @group Blog */ .blog_top { display: none; } .blog_bottom { display: block; overflow: auto; } /* @group Tag Cloud */ ul.blog-tag-cloud { margin: 0 0 10px; padding: 0; text-align: justify; } ul.blog-tag-cloud li { display: inline; padding-right: 5px; } .blog-tag-size-1 { font-size: 0.8em; } .blog-tag-size-2 { font-size: 0.85em; } .blog-tag-size-3 { font-size: 0.9em; } .blog-tag-size-4 { font-size: 0.95em; } .blog-tag-size-5 { font-size: 1em; } .blog-tag-size-6 { font-size: 1.05em; } .blog-tag-size-7 { font-size: 1.1em; } .blog-tag-size-8 { font-size: 1.15em; } .blog-tag-size-9 { font-size: 1.2em; } .blog-tag-size-10 { font-size: 1.25em; } .blog-tag-size-11 { font-size: 1.3em; } .blog-tag-size-12 { font-size: 1.35em; } .blog-tag-size-13 { font-size: 1.4em; } .blog-tag-size-14 { font-size: 1.45em; } .blog-tag-size-15 { font-size: 1.5em; } .blog-tag-size-16 { font-size: 1.55em; } .blog-tag-size-17 { font-size: 1.6em; } .blog-tag-size-18 { font-size: 1.65em; } .blog-tag-size-19 { font-size: 1.7em; } .blog-tag-size-20 { font-size: 1.75em; } /* @end */ /* @group Archive Page */ .blog-archive-background { text-decoration: none; } .blog-entry-summary { margin-bottom: 15px; padding: 6px; } .blog-archive-headings-wrapper { text-align: left; text-decoration: none; margin-right: auto; margin-left: auto; } .blog-archive-entries-wrapper { text-align: left; text-decoration: none; margin-right: auto; margin-left: auto; padding: 1px; } .blog-archive-entries-wrapper .blog-entry { } .blog-archive-month { font-size: 25px; text-align: left; text-indent: 40px; margin-bottom: 4px; background: 12px 4px url(images/elements/icons/archives.gif) no-repeat; line-height: 30px; margin-top: 18px; padding: 2px; } .blog-archive-link { font-size: 13px; background: url(images/elements/icons/blog_back_on.gif) no-repeat 22px 4px; text-align: left; text-indent: 41px; margin-bottom: 22px; } .blog-archive-link a:hover { text-decoration: none; } /* ------------ */ .blog-archive-link-enabled { background: url(images/elements/icons/pen.png) no-repeat left center; font-size: 12px; padding-left: 25px; padding-top: 1px; padding-bottom: 1px; } .blog-archive-link-disabled { font-size: 12px; padding-left: 25px; } .blog-archive-link-enabled a:hover, .blog-archive-link-disabled a:hover { } .blog-archive-link a:link, .blog-archive-link a:visited { text-decoration: underline; } /* @end */ .blog-entry { text-align: left; } .blog-entry-title { display: block; margin-left: 0; text-indent: 3px; width: auto; position: relative; padding: 14px 0 11px 8px; float: left; } .blog-entry-title a { } .blog-entry-date { text-align: left; font-size: 11px; background: url(images/elements/icons/date.png) no-repeat 16px 6px; text-indent: 27px; font-style: italic; padding: 5px 4px 0 10px; margin: 10px 10px 0 0; clear: left; display: block; } /*styles the category link in the main entry */ .blog-entry-category { background: url(images/elements/icons/categories.png) no-repeat 0px 0px; margin-left: 5px; padding-left: 18px; padding-bottom: 11px; margin-right: 2px; padding-top: 1px; } .blog-entry-category a:link, .blog-entry-category a:visited { } /*styles the permalink link in the main entry */ .blog-entry-permalink { padding-left: 16px; background: url(images/elements/icons/permalink.gif) no-repeat 0 0; margin-left: 4px; padding-bottom: 5px; padding-top: 1px; } .blog-entry-permalink a:link, .blog-entry-permalink a:visited { } .blog-read-more { padding: 7px; margin: 0; } .blog-entry-body { padding: 0 0 15px; margin: 0; } .blog-entry-comments { text-align: left; padding-right: 5px; margin-bottom: 15px; margin-top: 10px; font-size: 11px; } /* styles the archives in the blog sidebar */ /* ---box vertical tile------------------------------- */ #blog-archives { } .blog-archive-link-enabled { } .blog-archive-link-disabled { } /* Styles the blog categories in the blog sidebar */ /* ---box top------------------------------------- */ #blog-categories {} .blog-category-link-enabled, .blog-category-link-disabled { font-size: 13px; padding-bottom: 2px; line-height: 25px; padding-left: 30px; text-transform: uppercase; background: url(images/elements/icons/archives.png) no-repeat 5px center; transition: all 0.20s linear; -moz-transition: all 0.20s linear; -webkit-transition: all 0.20s linear; padding-top: 1px; } .blog-category-link-disabled { position: relative; z-index: 1; } .blog-category-link-enabled:hover, .blog-category-link-disabled:hover { background: url(images/elements/icons/archives_2.png) no-repeat 5px center; transition: all 0.20s linear; -moz-transition: all 0.20s linear; -webkit-transition: all 0.20s linear; padding-top: 1px; padding-bottom: 1px; } /* Styles the blog RSS feeds in the blog sidebar */ #blog-rss-feeds { font-size: 12px; line-height: 24px; padding-top: 7px; margin: 0 0 50px; } .blog-rss-link { background: url(images/elements/icons/rss.gif) no-repeat 0 2px; padding-bottom: 4px; float: left; clear: left; margin-top: 10px; margin-left: 2%; padding-left: 3%; text-indent: 4px; margin-bottom: 50px; } .blog-comments-rss-link { background: url(images/elements/icons/rss.gif) no-repeat 0 2px; padding-bottom: 4px; float: left; clear: left; margin-top: 10px; margin-left: 2%; padding-left: 3%; text-indent: 4px; } .blog-rss-link { background: url(images/elements/icons/rss.gif) no-repeat 0 2px; padding-bottom: 4px; float: left; clear: left; margin-top: 10px; margin-left: 2%; padding-left: 3%; text-indent: 4px; } .blog-comments-rss-link { background: url(images/elements/icons/rss.gif) no-repeat 0 2px; padding-bottom: 4px; float: left; clear: left; margin-top: 10px; margin-left: 2%; padding-left: 3%; text-indent: 4px; } p.blog-entry-tags { margin-bottom: 5px; } p.blog-entry-tags a { padding: 3px 1px 4px 20px; margin-left: 2px; } /* Styles blog tag links normal and visited state */ p.blog-entry-tags a:link, p.blog-entry-tags a:visited { background: url(images/elements/icons/tags.png) no-repeat 0 3px; padding-top: 2px; padding-bottom: 1px; } /* Styles blog tag links hover state */ p.blog-entry-tags a:hover { } /* Styles blog tag links active state */ p.blog-entry-tags a:active { } /* Styles the tag clous un-ordered list */ /* ---box bottom------------------------------------- */ ul.blog-tag-cloud { } /* Styles tag cloud list item */ ul.blog-tag-cloud li { } /* Styles all links in the tag cloud in normal and visited state */ ul.blog-tag-cloud li a:link, ul.blog-tag-cloud li a:visited { } /* Styles all links in the tag cloud in hover state */ ul.blog-tag-cloud li a:hover { } /* Styles all links in the tag cloud in active state */ ul.blog-tag-cloud li a:active { } /* ___________________________ */ #blog-archives { padding: 10px; margin-top: 0; line-height: 20px; margin-left: 2%; float: left; width: 27.5%; background-color: rgba(230,230,230,0.1238588); } #blog-categories { margin-top: 0; padding: 10px; margin-left: 2%; float: left; width: 27.5%; background-color: rgba(230,230,230,0.1238588); } ul.blog-tag-cloud { padding: 10px; margin-top: 0; margin-left: 2%; float: left; width: 27.5%; background-color: rgba(230,230,230,0.1238588); } /* ___________________________ */ /* @end */ /* @group file sharing */ .filesharing-description { padding: 16px 20px 20px 16px; } .filesharing-item { float: left; display: table-row-group; background: url(images/elements/grey_6.png) repeat; padding: 0; margin: 2.6% 2.2% 2.6% 3%; width: 44.3%; } .filesharing-item-title { padding-top: 0; background: url(images/elements/white_10.png) repeat; padding: 3%; width: auto; } .filesharing-item-title:hover { } .filesharing-item-title a:link { background: url(images/elements/download.png) no-repeat 5px 50%; padding-left: 25px; transition: all 0.05s linear; -moz-transition: all 0.05s linear; -webkit-transition: all 0.05s linear; } .filesharing-item-title a:hover { transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; background-position: 5px 65%; } .filesharing-item-title a:visited { } .filesharing-item-description { font-weight: normal; padding: 15px 18px 18px; margin: 0; } /* @end */ /* @group photo album + prettyphoto */ /* @group prettyphoto */ /* ---------original code----------- */ /* ---------------------------------- Default Theme ----------------------------------- */ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */ div.pp_default .pp_top .pp_middle { background: url(images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */ div.pp_default .pp_top .pp_right { background: url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */ div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_content { background-color: #fff; } /* Content background */ div.pp_default .pp_next:hover { background: url(images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */ div.pp_default .pp_previous:hover { background: url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.pp_default .pp_expand { background: url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */ div.pp_default .pp_expand:hover { background: url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */ div.pp_default .pp_contract { background: url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */ div.pp_default .pp_contract:hover { background: url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */ div.pp_default .pp_close { width: 30px; height: 30px; background: url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */ div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a { background: url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default .pp_details { position: relative; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */ div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; } div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } div.pp_default .pp_bottom .pp_left { background: url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */ div.pp_default .pp_bottom .pp_middle { background: url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */ div.pp_default .pp_bottom .pp_right { background: url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */ div.pp_default .pp_loaderIcon { background: url(images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Light Rounded Theme ----------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_details { position: relative; } div.light_rounded .pp_description { margin-right: 85px; } div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .pp_details { position: relative; } div.dark_rounded .pp_description { margin-right: 85px; } div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_expand { background: url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_details { position: relative; } div.dark_square .pp_description { margin: 0 85px 0 0; } div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav { clear: none; } div.dark_square .pp_nav .pp_play { background: url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_details { position: relative; } div.light_square .pp_description { margin-right: 85px; } div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_square .pp_loaderIcon { background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook .pp_details { position: relative; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_arrow_previous { background: url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a { background: url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height:22px; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; } /* end original code */ /* @end */ /* @group prettyphoto multithemes */ div.pp_default .pp_description { margin-top: 10px; padding-bottom: 2px; } div.facebook .pp_description { margin-top: 0; padding-bottom: 2px; } div.light_rounded .pp_description, div.dark_rounded .pp_description { margin-top: 8px; padding-bottom: 2px; } div.light_square .pp_description, div.dark_square .pp_description { margin-top: 6px; padding-bottom: 2px; } .pp_social .facebook, .pp_social .twitter { margin-top: 8px; margin-bottom: 0; padding-bottom: 0; } /* all features */ div.pp_default .pp_description, div.facebook .pp_description, div.light_square .pp_description, div.light_rounded .pp_description, div.dark_rounded .pp_description, div.dark_square .pp_description { font-weight: normal; font-style: normal; text-decoration: none; text-align: center; margin-left: 90px; margin-right: 90px; font-size: 21px; } /* @end */ /* ----------- */ /* Index Page (Thumbnail view) */ .album-title { padding-bottom: 7px; text-align: center; } .album-description { text-align: left; margin-bottom: 50px; padding-top: 9px; padding-bottom: 5px; } .album-wrapper { display: block; width: 100%; position: relative; margin-right: auto; margin-left: auto; } .thumbnail-wrap { text-align: center; position: relative; float: left; margin-bottom: 3%; margin-right: auto; padding-bottom: 3%; margin-left: auto; padding-left: 3.1%; } .thumbnail-frame { bottom: 0; left: 0; position: relative; z-index: 1; } .thumbnail-frame img { margin-top: auto; margin-right: auto; margin-left: auto; padding: 0px; transition: all 0.33s linear; -moz-transition: all 0.33s linear; -webkit-transition: all 0.33s linear; transition-delay: 20ms; -webkit-transition-delay: 20ms; -moz-transition-delay: 20ms; } .thumbnail-frame img:hover { box-shadow: 0px 1px 3px #6e6e6e ; -webkit-box-shadow: 0px 1px 3px #6e6e6e ; -moz-box-shadow: 0px 1px 3px #6e6e6e ; transition: all 0.10s linear; -moz-transition: all 0.10s linear; -webkit-transition: all 0.10s linear; transition-delay: 0ms; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; } .thumbnail-frame:hover { /*background: url(images/elements/grey_10.png) repeat;*/ } .thumbnail-frame a { } .thumbnail-frame a:hover { margin: 0; padding: 0; } .thumbnail-caption { display: block; text-transform: uppercase; /* fixed padding, also responsive_font.css + font_size_3.css*/ padding: 7px 5%; width: 90%; text-align: center; z-index: 10; position: absolute; height: 24px; bottom: 5px; margin: 0 auto; opacity: 0.9; color: #282828; background-color: rgba(255,255,255,0.7949438); letter-spacing: 0; font-size: 0.7em; } .thumbnail-table { width: 59%; margin-right: auto; margin-left: auto; float: left; } /* @group single page photo mode */ /* Single Page (Photo view) */ .photo {} .photo-background { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } /* black png */ .photo-navigation { padding: 5px 0 0; text-align: center; margin-right: auto; margin-left: auto; background: url(images/elements/black_80.png) repeat; max-width: 340px; } /* new */ .photo-navigation a:link, .photo-navigation a:visited { color: #f2f2f2; text-align: center; } .photo-title { letter-spacing: 1px; color: #ffffff; margin: 0; text-align: center; padding: 8px 0; text-transform: uppercase; } /* color title image below */ .photo-caption { color: #d8d8d8; padding: 0px; margin-top: 7px; } .photo-links { color: #fff; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.25); -moz-box-shadow: 0 0px 5px rgba(0,0,0,.25); box-shadow: 0 0px 5px rgba(0,0,0,.25); background: url(images/elements/black_80.png) repeat; margin: 0; opacity: 0.85; transition: all 0.12s linear; -moz-transition: all 0.12s linear; -webkit-transition: all 0.12s linear; padding: 25px 0; text-transform: uppercase; } .photo-links:hover { opacity: 1.0; transition: all 0.22s linear; -moz-transition: all 0.22s linear; -webkit-transition: all 0.22s linear; } .photo-links a { padding: 0; margin: 0; } .photo-links a:hover, .photo-links a:active {} .photo-navigation a:hover { text-decoration: underline; color: #dbdbdb; } /* photo */ .photo-frame{ width: 94%; /* fallback IE */ height: auto; /* fallback IE */ max-width: 94%; /* fallback IE */ position: absolute; box-shadow: 0px 3px 15px 0px rgba(21, 21, 21, 0.271) ; -webkit-box-shadow: 0px 3px 15px 0px rgba(21, 21, 21, 0.271) ; -moz-box-shadow: 0px 3px 15px 0px rgba(21, 21, 21, 0.271) ; margin-right: auto; padding: 0; margin-left: auto; max-width: 100vw; width:auto; height:auto; max-width: 94vw; max-height: 78vh; text-align: center; right: 0; left: 0; margin-top: 0.5%; } /* ------------ */ /* @group animation on load */ .photo-frame { -webkit-animation: photo-frame 0.55s ease-in !important; -moz-animation: photo-frame 0.55s ease-in !important; animation: photo-frame 0.55s ease-in !important; } @-moz-keyframes photo-frame { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes photo-frame{ 0% { opacity: 0;} 100% { opacity: 1; } } @keyframes photo-frame { 0% {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;} 100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } } /* ---------- */ .photo-frame:hover{} /* @end */ /* @end */ html > body .photo-background {} html > body .photo-navigation {} /* @group EXIF data */ /* Data wrapper */ .exif-data { padding: 5px 4px 10px 20px; background: url(images/elements/black_80.png) repeat; opacity: 0.90; max-width: 340px; margin: -4px auto 5%; } .exif-data p { color: #eee; text-align: left; padding-left: 27px; font-size: 11px; line-height: 22px; background: url(images/elements/exif/efix_triangle.gif) no-repeat 7px 40%; padding-bottom: 0; text-indent: 3px; margin: 3px 0 0; } /* p tag classes for all exif data */ p.exif-version {} p.exif-colour-space {} /* icon */ p.exif-focal-length { background: url(images/elements/exif/efix_focal_length.gif) no-repeat left center; } /* icon */ p.exif-dimensions { background: url(images/elements/exif/efix_dimensions.gif) no-repeat left center; } /* icon */ p.exif-pixel-y-dimension { background: url(images/elements/exif/efix_y_dimension.gif) no-repeat left center; } /* icon */ p.exif-pixel-x-dimension { background: url(images/elements/exif/efix_x_dimension.gif) no-repeat left center; } p.exif-oecf-value {} p.exif-subsec-time-original {} p.exif-exposure-mode {} p.exif-spatial-frequency-response {} p.exif-scene-capture-type {} p.exif-subject-location {} /* icon */ p.exif-shutter-speed { background: url(images/elements/exif/efix_shutter_speed.gif) no-repeat left center; } /* icon */ p.exif-datetime-original { background: url(images/elements/exif/efix_date_time_x2.gif) no-repeat left center; } p.exif-subsec-time {} p.exif-compressed-bits-per-pixel {} p.exif-flash-energy {} p.exif-saturation {} p.exif-brightness {} /* icon */ p.exif-exposure-time { background: url(images/elements/exif/efix_exposure_time.gif) no-repeat left center; } p.exif-f-number {} p.exif-file-source {} p.exif-gain-control {} p.exif-subject-area {} p.exif-cfa-pattern {} p.exif-scene-type {} p.exif-white-balance {} p.exif-flash {} p.exif-exposure-index { } p.exif-flashpix-version {} p.exif-device-setting-description {} p.exif-focalplane-x-resolution {} /* icon */ p.exif-image-uniqueid { background: url(images/elements/exif/efix_image_unique_id.gif) no-repeat left center; } p.exif-components-configuration {} p.exif-light-source {} p.exif-sensing-method {} /* icon */ p.exif-aperture { background: url(images/elements/exif/efix_aperture.gif) no-repeat left center; } p.exif-sharpness {} p.exif-exposure-program {} p.exif-subject-distance {} p.exif-subsec-time-digitized {} p.exif-contrast {} p.exif-focalplane-resolution-unit {} p.exif-gamma {} /* icon */ p.exif-35mm-focal-length { background: url(images/elements/exif/efix_focal_length.gif) no-repeat left center; } /* icon */ p.exif-datetime-digitized { background: url(images/elements/exif/efix_date_time_x2.gif) no-repeat left center; } p.exif-subject-distance-range {} p.exif-custom-rendered {} /* icon */ p.exif-max-aperture { background: url(images/elements/exif/efix_aperture.gif) no-repeat left center; } p.exif-sound-file {} p.exif-metering-mode {} p.exif-spectral-sensitivity {} p.exif-exposure-bias {} p.exif-focalplane-y-resolution {} /* icon */ p.exif-iso-rating { background: url(images/elements/exif/efix_iso.gif) no-repeat left center; } /* icon */ p.exif-maker-note { background: url(images/elements/exif/efix_maker_note.gif) no-repeat left center; } p.exif-digital-zoom-ratio {} /* icon */ p.exif-user-comment { background: url(images/elements/exif/efix_user_comment.gif) no-repeat left center; } /* @end */ /* @end */ /* @group contact form */ form { width: 92%; margin-top: 0; margin-bottom: 0; margin-left: 6%; } .message-text { margin-top: 0; margin-left: 6%; width: 90%; text-align: center; padding: 18px 20px; } .required-text {} .form-input-field { background-color: #fbfbfb; margin-top: 8px; color: #5d5d5d; -webkit-transform-style: preserve-3d; /*prvent flicker toolbar*/ transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -webkit-transition: all 0.20s ease-in-out; margin-left: auto; margin-right: auto; width: 90%; padding: 7px; border: 1px solid #dcdcdc; } .form-input-field:hover { box-shadow: 0 0px 7px rgba(123, 162, 207,1.0); -webkit-box-shadow: 0 0px 7px rgba(123, 162, 207,1.0); -moz-box-shadow: 0 0px 7px rgba(123, 162, 207,1.0); transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); } .form-input-field:focus { transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); position: relative; z-index: 3; } .form-input-field:hover, .form-input-field a:visited { background-color: #fffeff; border-color: #98a9fd; } .form-input-field a:active { border-color: #98a9fd; background-color: #fffeff; } /* button */ .form-input-button { padding: 6px 12px; color: #919191; border: 1px solid #d5d5d5; text-transform: uppercase; margin: 10px 10px 0 5px; transition: all 0.20s linear; -moz-transition: all 0.20s linear; -webkit-transition: all 0.20s linear; text-shadow: #f1f1f1 0 1px 0; font-weight: bold; letter-spacing: 1px; background-color: #eaeaea; } .form-input-button:hover { border: 1px solid #bcbcbc; transition: all 0.18s linear; -moz-transition: all 0.18s linear; -webkit-transition: all 0.18s linear; color: #515151; } .form-input-button:focus { } /* @end */ /* @group Sitemap */ .rw-sitemap { padding: 25px 0 !important; width: 70%; margin: 0 auto; } .rw-sitemap ul { padding: 0; margin-bottom: 11px !important; list-style-position: outside; list-style-image: url(images/elements/parent_oriz.png); } .rw-sitemap ul:last-child { padding-right: 8px; } .rw-sitemap ul a { padding: 0 8px 0 0; } .rw-sitemap ul li { margin: 0 0 10px !important; text-transform: none; padding: 9px 3px 7px; } .rw-sitemap ul li:last-child { margin-bottom: -5px; } .rw-sitemap a { } .rw-sitemap ul ul { padding: 0 0 0 17px; margin-top: 7px; } /* @end */ /* @group Blog Comments */ /* These groups are used to forcibly over-ride the styles that Disqus and JS-KIT comments apply that break page layouts. It's likely you'll need to use them, however they're not ideal solutions and may not work in the future if the comment providers' Javascript-inserted markup changes. */ /* @group Disqus */ #dsq-comments-title { clear: none !important; } #dsq-content .dsq-options { clear: none !important; } #dsq-thread-settings { clear: none !important; } #dsq-content div { clear: none !important; } .dsq-login-buttons li { clear: none !important; margin-bottom: 25px!important; } .dsq-button { float: none ! important; } /* @end */ /* @group JS-Kit Override */ .js-singleCommentBodyT { display: block; padding-top: 17px !important; } .js-singleCommentHeader { padding: 0 8px !important; } .js-OldComments, .js-commentFieldLabel, .js-pmFieldLabel, .js-singleCommentBody, .js-singleCommentKarmaComMod, .js-commentBodyLabel, .js-commentCmtTextarea, .js-commentAvatarArea, .js-OldCommentsWrap, .js-OldComments, .js-CreateCommentFieldsWrap, .js-CreateCommentFields, .js-commentCmtTextarea, .js-kit-comments div { clear: none !important; } .js-singleCommentText { display: block !important; clear: both !important; } .js-kit-comments br { display: none !important; } .js-singleCommentBody br { display: block !important; } /* @end */ /* @end */ /* @group ___FONT SIZE */ /* break-word classes */ body { /* reset font size landscape-portraid */ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; /*text-size-adjust: none; */ } /* body + extracontent --> 100%*/ html, body, header, #container, blockquote, #contentContainer, #contentContainer #content, #sidebarContainer, #sidebarContainer #sidebar, #headerEdge, #pageHeader, #pageHeader h1, #pageHeader h2, form, div, span, p, code, iframe, img, table, caption, footer, #extraContainer1, #extraContainer2, #extraContainer3, #extraContainer4, #extraContainer5, #extraContainer6, h1, h2, h3, h4, h5, h6 {font-size: 100%; font: inherit; } #container, #contentContainer, #sidebarContainer, #extraContainer1, #extraContainer2, #extraContainer3, #extraContainer4 { line-height: 1.6em; font-size: 0.9em; } h1 { font-size: 2.0rem; } h2 { font-size: 1.68rem; } h3 { font-size: 1.35rem; } h4 { font-size: 1.2rem; } h5 { font-size: 1.1rem; } h6 { font-size: 0.91rem;} h1, h2 { margin: 0; padding: 0; line-height: 1.21; } h3, h4, h5, h6 { margin: 0; padding: 0; line-height: 1.32; } /*#container, #extraContainer1, #extraContainer2, #extraContainer3, #extraContainer4 { line-height: 1.63em; font-size: 0.9em; } h1 { font-size: 2.200em; line-height: 1.2em; margin: 0; padding: 0; } h2 { font-size: 1.850em; line-height: 1.2em; margin: 0; padding: 0; } h3 { font-size: 1.530em; margin: 0; line-height: 1.3em; padding: 0; } h4 { font-size: 1.313em; line-height: 1.2em; margin: 0; padding: 0; } h5 { font-size: 1.188em; margin: 0; padding: 0; line-height: 1.3em; } h6 { font-size: 1.000em; margin: 0; padding: 0; line-height: 1.3em; }*/ /* ---text--- */ .album-title, .movie-page-title { line-height: 2.3em; font-size: 1.6em; } .title h1, #pageHeader h1 { font-size: 45px; line-height: 38px; } .slogan h2 , #pageHeader h2 { font-size: 18px; line-height: 23px; } .sideHeader_bottom, .sideHeader_top, .sideHeader { } code {font-size: 0.875em;} #sidebarContainer .sideHeader { line-height: 1.5em; font-size: 1.2em; } .rw-sitemap ul a { font-size: 1.063em; } .filesharing-item-title { line-height: 1em; font-size: 1.5em; } .rw-sitemap ul li li a { font-size: 0.938em;} .footer, #footer, #footer p{ font-size: 0.96em; line-height: 1.5em; } #breadcrumbcontainer a, .breadcrumbcontainer2 a { line-height: 33px; font-size: 12px; } .form-input-button, .form-input-field { font-size: 1em; letter-spacing: 1px; } body, #pageHeader h1, pageHeader h2, #sidebarContainer .sideHeader, #footer a:link, #footer a:visited, #navcontainer a, h1, h2, h3, h4, .blog-archive-month, .blog-entry-title, .blog-entry-date, .album-title, .album-description, .thumbnail-caption, .photo-title, .photo-caption, .movie-page-title, .movie-page-description, .movie-thumbnail-caption, .photo-title, .photo-caption, .movie-title, .rw-sitemap, .rw-sitemap ul a, .rw-sitemap ul li li a, .rw-sitemap ul li li li a { font-family: "Lucida Grande", Arial, sans-serif; } .rw-sitemap ul a { font-size: 17px; } .rw-sitemap ul li li a, .rw-sitemap ul li li li a , .rw-sitemap ul li li li li a, .rw-sitemap ul li li li li li a { font-size: 15px; } /* @end */ /* @group Settings Theme.js */ #up, #up a, #up spam { font-size: 0; line-height: 0; margin: 0; padding: 0; width: 0; height: 0; } .settings { position: relative; display: none; } #menuOpened { top: 0px !important; } #fade_flat_color{ top: 0px !important; } #fade_flat_color_2{ top: 1px !important; } #fade_body { top: 0px !important; } #fade_page { top: 0px !important; } #parallax_background { top: 0px !important; } /* 0px TO FIX ISSUE IN FIREFOX */ #menu_overlay { top: 1px !important; } /* @end */ /* @group SCROLL EFFECT SETTING */ .hidden{ opacity: 0; } .visible{ opacity: 1; } /* @end */ #hello { } /* @group WEB-FONT FOR TEXT ONLY (for this theme only) */ .font-1, .font-1 a:link, .font-1 a:hover, .font-1 a:active, .font-1 a:visited { font-family: 'vigaregular', sans-serif !important; line-height: 1.1em; } .font-2, .font-2 a:link, .font-2 a:hover, .font-2 a:active, .font-2 a:visited { font-family: 'archivo_blackregular', serif !important; line-height: 1.1em; } .font-3, .font-3 a:link, .font-3 a:hover, .font-3 a:active, .font-3 a:visited { font-family: 'open_sanscondensed_light', serif !important; line-height: 1.1em; } .font-4, .font-4 a:link, .font-4 a:hover, .font-4 a:active, .font-4 a:visited { font-family: 'ubunturegular', sans-serif !important; line-height: 1.1em; } .font-5, .font-5 a:link, .font-5 a:hover, .font-5 a:active, .font-5 a:visited { font-family: 'dosisregular', sans-serif !important; line-height: 1.1em; } .font-6, .font-6 a:link, .font-6 a:hover, .font-6 a:active, .font-6 a:visited { font-family: 'ralewaylight', serif !important; line-height: 1.1em; } .font-7, .font-7 a:link, .font-7 a:hover, .font-7 a:active, .font-7 a:visited { font-family: 'playfair_display_scregular', sans-serif !important; line-height: 1.1em; } .font-8, .font-8 a:link, .font-8 a:hover, .font-8 a:active, .font-8 a:visited { font-family: 'fjalla_oneregular', sans-serif !important; line-height: 1.1em; text-transform: uppercase !important; } .font-9, .font-9 a:link, .font-9 a:hover, .font-9 a:active, .font-9 a:visited { font-family: 'playfair_displayregular', sans-serif !important; line-height: 1.1em; } .font-10, .font-10 a:link, .font-10 a:hover, .font-10 a:active, .font-10 a:visited { font-family: 'cinzelregular', sans-serif !important; line-height: 1.1em; } .font-11, .font-11 a:link, .font-11 a:hover, .font-11 a:active, .font-11 a:visited { font-family: 'bree_serifregular', sans-serif !important; line-height: 1.1em; } .font-12, .font-12 a:link, .font-12 a:hover, .font-12 a:active, .font-12 a:visited { font-family: 'droid_serifregular', sans-serif !important; line-height: 1.1em; } .font-13, .font-13 a:link, .font-13 a:hover, .font-13 a:active, .font-13 a:visited { font-family: 'capriolaregular', sans-serif !important; line-height: 1.1em; } .font-14, .font-14 a:link, .font-14 a:hover, .font-14 a:active, .font-14 a:visited { font-family: 'bitterregular', serif !important; line-height: 1.1em; } .font-15, .font-15 a:link, .font-15 a:hover, .font-15 a:active, .font-15 a:visited { font-family: 'nixie_oneregular', serif !important; line-height: 1.1em; } .font-16, .font-16 a:link, .font-16 a:hover, .font-16 a:active, .font-16 a:visited { font-family: 'fjalla_oneregular', sans-serif !important; line-height: 1.1em; } .font-17, .font-17 a:link, .font-17 a:hover, .font-17 a:active, .font-17 a:visited { font-family: 'montserratmedium', sans-serif !important; line-height: 1.1em; } .font-1, .font-1 a:link, .font-1 a:hover, .font-1 a:active, .font-1 a:visited, .font-2, .font-2 a:link, .font-2 a:hover, .font-2 a:active, .font-2 a:visited, .font-3, .font-3 a:link, .font-3 a:hover, .font-3 a:active, .font-3 a:visited, .font-4, .font-4 a:link, .font-4 a:hover, .font-4 a:active, .font-4 a:visited, .font-5, .font-5 a:link, .font-5 a:hover, .font-5 a:active, .font-5 a:visited, .font-6, .font-6 a:link, .font-6 a:hover, .font-6 a:active, .font-6 a:visited, .font-7, .font-7 a:link, .font-7 a:hover, .font-7 a:active, .font-7 a:visited, .font-8, .font-8 a:link, .font-8 a:hover, .font-8 a:active, .font-8 a:visited, .font-9, .font-9 a:link, .font-9 a:hover, .font-9 a:active, .font-9 a:visited, .font-10, .font-10 a:link, .font-10 a:hover, .font-10 a:active, .font-10 a:visited, .font-11, .font-11 a:link, .font-11 a:hover, .font-11 a:active, .font-11 a:visited, .font-12, .font-12 a:link, .font-12 a:hover, .font-12 a:active, .font-12 a:visited, .font-13, .font-13 a:link, .font-13 a:hover, .font-13 a:active, .font-13 a:visited, .font-14, .font-14 a:link, .font-14 a:hover, .font-14 a:active, .font-14 a:visited, .font-15, .font-15 a:link, .font-15 a:hover, .font-15 a:active, .font-15 a:visited, .font-16, .font-16 a:link, .font-16 a:hover, .font-16 a:active, .font-16 a:visited, .font-17, .font-17 a:link, .font-17 a:hover, .font-17 a:active, .font-17 a:visited, .font-18, .font-18 a:link, .font-18 a:hover, .font-18 a:active, .font-18 a:visited, .font-19, .font-19 a:link, .font-19 a:hover, .font-19 a:active, .font-19 a:visited, .font-20, .font-20 a:link, .font-20 a:hover, .font-20 a:active, .font-20 a:visited, .font-21, .font-21 a:link, .font-21 a:hover, .font-21 a:active, .font-21 a:visited, .font-22, .font-22 a:link, .font-22 a:hover, .font-22 a:active, .font-22 a:visited, .font-23, .font-23 a:link, .font-23 a:hover, .font-23 a:active, .font-23 a:visited, .font-24, .font-24 a:link, .font-24 a:hover, .font-24 a:active, .font-24 a:visited, .font-25, .font-25 a:link, .font-25 a:hover, .font-25 a:active, .font-25 a:visited, .font-26, .font-26 a:link, .font-26 a:hover, .font-26 a:active, .font-26 a:visited, .font-27, .font-27 a:link, .font-27 a:hover, .font-27 a:active, .font-27 a:visited, .font-28, .font-28 a:link, .font-28 a:hover, .font-28 a:active, .font-28 a:visited, .font-29, .font-29 a:link, .font-29 a:hover, .font-29 a:active, .font-29 a:visited, .font-30, .font-30 a:link, .font-30 a:hover, .font-30 a:active, .font-30 a:visited { transition: all 0s linear !important; -moz-transition: all 0s linear !important; -webkit-transition: all 0s linear !important; transition-property: color !important; transition-duration: 0ms !important; -webkit-transition-property: color !important; -webkit-transition-duration: 0ms !important; -moz-transition-property: color !important; -moz-transition-duration: 0ms !important; padding-top: 0!important; padding-bottom: 0!important; margin-top: 0!important; margin-bottom: 0!important; } /* @end */ @font-face { font-family: 'FontAwesome'; src: url('css/webfonts/fontawesome/fontawesome-webfont.eot?v=4.7.0'); src: url('css/webfonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('css/webfonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('css/webfonts/fontawesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('css/webfonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('css/webfonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } /* @group Embedded WebFonts */ @font-face { font-family: 'vigaregular'; src: url('css/webfonts/viga/viga-regular-webfont.eot'); src: url('css/webfonts/viga/viga-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/viga/viga-regular-webfont.woff2') format('woff2'), url('css/webfonts/viga/viga-regular-webfont.woff') format('woff'), url('css/webfonts/viga/viga-regular-webfont.ttf') format('truetype'), url('css/webfonts/viga/viga-regular-webfont.svg#vigaregular') format('svg'); font-weight: normal; font-style: normal; } /* ------- viga */ @font-face { font-family: 'fredericka_the_greatregular'; src: url('css/webfonts/frederickathegreat/frederickathegreat-regular-webfont.eot'); src: url('css/webfonts/frederickathegreat/frederickathegreat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/frederickathegreat/frederickathegreat-regular-webfont.woff2') format('woff2'), url('css/webfonts/frederickathegreat/frederickathegreat-regular-webfont.woff') format('woff'), url('css/webfonts/frederickathegreat/frederickathegreat-regular-webfont.ttf') format('truetype'), url('css/webfonts/frederickathegreat/frederickathegreat-regular-webfont.svg#fredericka_the_greatregular') format('svg'); font-weight: normal; font-style: normal;} /* ------- fredericka_the_greatregular */ @font-face { font-family: 'fjalla_oneregular'; src: url('css/webfonts/fjallaone/fjallaone-regular-webfont.eot'); src: url('css/webfonts/fjallaone/fjallaone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('css/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'), url('css/webfonts/fjallaone/fjallaone-regular-webfont.ttf') format('truetype'), url('css/webfonts/fjallaone/fjallaone-regular-webfont.svg#fjalla_oneregular') format('svg'); font-weight: normal; font-style: normal; } /* ------- fjalla_oneregular and uppercase */ @font-face { font-family: 'playfair_displayregular'; src: url('css/webfonts/playfairdisplay/playfairdisplay-regular-webfont.eot'); src: url('css/webfonts/playfairdisplay/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/playfairdisplay/playfairdisplay-regular-webfont.woff2') format('woff2'), url('css/webfonts/playfairdisplay/playfairdisplay-regular-webfont.woff') format('woff'), url('css/webfonts/playfairdisplay/playfairdisplay-regular-webfont.ttf') format('truetype'), url('css/webfonts/playfairdisplay/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg'); font-weight: normal; font-style: normal; } /* ------- playfair_displayregular */ @font-face { font-family: 'droid_serifregular'; src: url('css/webfonts/droidserif/droidserif-regular-webfont.eot'); src: url('css/webfonts/droidserif/droidserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/droidserif/droidserif-regular-webfont.woff2') format('woff2'), url('css/webfonts/droidserif/droidserif-regular-webfont.woff') format('woff'), url('css/webfonts/droidserif/droidserif-regular-webfont.ttf') format('truetype'), url('css/webfonts/droidserif/droidserif-regular-webfont.svg#droid_serifregular') format('svg'); font-weight: normal; font-style: normal; } /* ------- droid_serifregular */ @font-face { font-family: 'cinzelregular'; src: url('css/webfonts/cinzel/cinzel-regular-webfont.eot'); src: url('css/webfonts/cinzel/cinzel-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/cinzel/cinzel-regular-webfont.woff2') format('woff2'), url('css/webfonts/cinzel/cinzel-regular-webfont.woff') format('woff'), url('css/webfonts/cinzel/cinzel-regular-webfont.ttf') format('truetype'), url('css/webfonts/cinzel/cinzel-regular-webfont.svg#cinzelregular') format('svg'); font-weight: normal; font-style: normal; } /* ------- cinzelregular */ @font-face { font-family: 'archivo_blackregular'; src: url('css/webfonts/archivoblack/archivoblack-regular-webfont.eot'); src: url('css/webfonts/archivoblack/archivoblack-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('css/webfonts/archivoblack/archivoblack-regular-webfont.woff') format('woff'), url('css/webfonts/archivoblack/archivoblack-regular-webfont.ttf') format('truetype'), url('css/webfonts/archivoblack/archivoblack-regular-webfont.svg#archivo_blackregular') format('svg'); font-weight: normal; font-style: normal; } /* ------- archivo_blackregular*/ @font-face { font-family: 'open_sanscondensed_light'; src: url('css/webfonts/open-sans-condensed/opensans-condlight-webfont.eot'); src: url('css/webfonts/open-sans-condensed/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('css/webfonts/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'), url('css/webfonts/open-sans-condensed/opensans-condlight-webfont.ttf') format('truetype'), url('css/webfonts/open-sans-condensed/opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg'); font-weight: normal; font-style: normal; } /* ------- open_sanscondensed_light*/ @font-face { font-family: 'bree_serifregular'; src: url('css/webfonts/breeserif/breeserif-regular-webfont.eot'); src: url('css/webfonts/breeserif/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('css/webfonts/breeserif/breeserif-regular-webfont.woff') format('woff'), url('css/webfonts/breeserif/breeserif-regular-webfont.ttf') format('truetype'), url('css/webfonts/breeserif/breeserif-regular-webfont.svg#bree_serifregular') format('svg'); font-weight: normal; font-style: normal; } /* ------- bree_serifregular */ @font-face { font-family: 'dosisregular'; src: url('css/webfonts/dosis/dosis-regular-webfont.eot'); src: url('css/webfonts/dosis/dosis-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/dosis/dosis-regular-webfont.woff2') format('woff2'), url('css/webfonts/dosis/dosis-regular-webfont.woff') format('woff'), url('css/webfonts/dosis/dosis-regular-webfont.ttf') format('truetype'), url('css/webfonts/dosis/dosis-regular-webfont.svg#dosisregular') format('svg'); font-weight: normal; font-style: normal; } /* ------- dosisregular */ @font-face { font-family: 'ubunturegular'; src: url('css/webfonts/ubuntu/ubuntu-r-webfont.eot'); src: url('css/webfonts/ubuntu/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('css/webfonts/ubuntu/ubuntu-r-webfont.woff') format('woff'), url('css/webfonts/ubuntu/ubuntu-r-webfont.ttf') format('truetype'), url('css/webfonts/ubuntu/ubuntu-r-webfont.svg#ubunturegular') format('svg'); font-weight: normal; font-style: normal; } /* ------- ubunturegular */ @font-face { font-family: 'capriolaregular'; src: url('css/webfonts/capriola/capriola-regular-webfont.eot'); src: url('css/webfonts/capriola/capriola-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/capriola/capriola-regular-webfont.woff2') format('woff2'), url('css/webfonts/capriola/capriola-regular-webfont.woff') format('woff'), url('css/webfonts/capriola/capriola-regular-webfont.ttf') format('truetype'), url('css/webfonts/capriola/capriola-regular-webfont.svg#capriolaregular') format('svg'); font-weight: normal; font-style: normal; } /* ------- capriolaregular */ @font-face { font-family: 'bitterregular'; src: url('css/webfonts/bitter/bitter-regular-webfont.eot'); src: url('css/webfonts/bitter/bitter-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/bitter/bitter-regular-webfont.woff2') format('woff2'), url('css/webfonts/bitter/bitter-regular-webfont.woff') format('woff'), url('css/webfonts/bitter/bitter-regular-webfont.ttf') format('truetype'), url('css/webfonts/bitter/bitter-regular-webfont.svg#bitterregular') format('svg'); font-weight: normal; font-style: normal; } /* ------- bitterregular */ @font-face { font-family: 'playfair_display_scregular'; src: url('css/webfonts/playfairsc/playfairdisplaysc-regular-webfont.eot'); src: url('css/webfonts/playfairsc/playfairdisplaysc-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('css/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff') format('woff'), url('css/webfonts/playfairsc/playfairdisplaysc-regular-webfont.ttf') format('truetype'), url('css/webfonts/playfairsc/playfairdisplaysc-regular-webfont.svg#playfair_display_scregular') format('svg'); font-weight: normal; font-style: normal; } /* ------- playfair_display_scregular */ @font-face { font-family: 'nixie_oneregular'; src: url('css/webfonts/nixieone/nixieone-regular-webfont.eot'); src: url('css/webfonts/nixieone/nixieone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/nixieone/nixieone-regular-webfont.woff2') format('woff2'), url('css/webfonts/nixieone/nixieone-regular-webfont.woff') format('woff'), url('css/webfonts/nixieone/nixieone-regular-webfont.ttf') format('truetype'), url('css/webfonts/nixieone/nixieone-regular-webfont.svg#nixie_oneregular') format('svg'); font-weight: normal; font-style: normal; } /* ------- nixie_oneregular */ @font-face { font-family: 'amatic_scregular'; src: url('css/webfonts/amaticsc/amaticsc-regular-webfont.eot'); src: url('css/webfonts/amaticsc/amaticsc-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/amaticsc/amaticsc-regular-webfont.woff2') format('woff2'), url('css/webfonts/amaticsc/amaticsc-regular-webfont.woff') format('woff'), url('css/webfonts/amaticsc/amaticsc-regular-webfont.ttf') format('truetype'), url('css/webfonts/amaticsc/amaticsc-regular-webfont.svg#amatic_scregular') format('svg'); font-weight: normal; font-style: normal; } /* ------- amatic_scregular */ @font-face { font-family: 'ralewaylight'; src: url('css/webfonts/raleway/raleway-light-webfont.eot'); src: url('css/webfonts/raleway/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('css/webfonts/raleway/raleway-light-webfont.woff') format('woff'), url('css/webfonts/raleway/raleway-light-webfont.ttf') format('truetype'), url('css/webfonts/raleway/raleway-light-webfont.svg#ralewaylight') format('svg'); font-weight: normal; font-style: normal; } /* ------- ralewayregular */ @font-face { font-family: 'montserratbold'; src: url('css/webfonts/montserrat/montserrat-bold-webfont.eot'); src: url('css/webfonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('css/webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'), url('css/webfonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'), url('css/webfonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratmedium'; src: url('css/webfonts/montserrat/montserrat-medium-webfont.eot'); src: url('css/webfonts/montserrat/montserrat-medium-webfont.eot?#iefix') format('embedded-opentype'), url('css/webfonts/montserrat/montserrat-medium-webfont.woff2') format('woff2'), url('css/webfonts/montserrat/montserrat-medium-webfont.woff') format('woff'), url('css/webfonts/montserrat/montserrat-medium-webfont.ttf') format('truetype'), url('css/webfonts/montserrat/montserrat-medium-webfont.svg#montserratmedium') format('svg'); font-weight: normal; font-style: normal; } /* ------- montserrat and bold */ /* @end */ /* ------------- */ /* @group ElegantFont */ @font-face { font-family: 'ElegantIcons'; src:url('css/webfonts/ElegantIcons/ElegantIcons.eot'); src:url('css/webfonts/ElegantIcons/ElegantIcons.eot?#iefix') format('embedded-opentype'), url('css/webfonts/ElegantIcons/ElegantIcons.woff') format('woff'), url('css/webfonts/ElegantIcons/ElegantIcons.ttf') format('truetype'), url('css/webfonts/ElegantIcons/ElegantIcons.svg#ElegantIcons') format('svg'); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'ElegantIcons'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="your-class-prefix"] { */ .arrow_up, .arrow_down, .arrow_left, .arrow_right, .arrow_left-up, .arrow_right-up, .arrow_right-down, .arrow_left-down, .arrow-up-down, .arrow_up-down_alt, .arrow_left-right_alt, .arrow_left-right, .arrow_expand_alt2, .arrow_expand_alt, .arrow_condense, .arrow_expand, .arrow_move, .arrow_carrot-up, .arrow_carrot-down, .arrow_carrot-left, .arrow_carrot-right, .arrow_carrot-2up, .arrow_carrot-2down, .arrow_carrot-2left, .arrow_carrot-2right, .arrow_carrot-up_alt2, .arrow_carrot-down_alt2, .arrow_carrot-left_alt2, .arrow_carrot-right_alt2, .arrow_carrot-2up_alt2, .arrow_carrot-2down_alt2, .arrow_carrot-2left_alt2, .arrow_carrot-2right_alt2, .arrow_triangle-up, .arrow_triangle-down, .arrow_triangle-left, .arrow_triangle-right, .arrow_triangle-up_alt2, .arrow_triangle-down_alt2, .arrow_triangle-left_alt2, .arrow_triangle-right_alt2, .arrow_back, .icon_minus-06, .icon_plus, .icon_close, .icon_check, .icon_minus_alt2, .icon_plus_alt2, .icon_close_alt2, .icon_check_alt2, .icon_zoom-out_alt, .icon_zoom-in_alt, .icon_search, .icon_box-empty, .icon_box-selected, .icon_minus-box, .icon_plus-box, .icon_box-checked, .icon_circle-empty, .icon_circle-slelected, .icon_stop_alt2, .icon_stop, .icon_pause_alt2, .icon_pause, .icon_menu, .icon_menu-square_alt2, .icon_menu-circle_alt2, .icon_ul, .icon_ol, .icon_adjust-horiz, .icon_adjust-vert, .icon_document_alt, .icon_documents_alt, .icon_pencil, .icon_pencil-edit_alt, .icon_pencil-edit, .icon_folder-alt, .icon_folder-open_alt, .icon_folder-add_alt, .icon_info_alt, .icon_error-oct_alt, .icon_error-circle_alt, .icon_error-triangle_alt, .icon_question_alt2, .icon_question, .icon_comment_alt, .icon_chat_alt, .icon_vol-mute_alt, .icon_volume-low_alt, .icon_volume-high_alt, .icon_quotations, .icon_quotations_alt2, .icon_clock_alt, .icon_lock_alt, .icon_lock-open_alt, .icon_key_alt, .icon_cloud_alt, .icon_cloud-upload_alt, .icon_cloud-download_alt, .icon_image, .icon_images, .icon_lightbulb_alt, .icon_gift_alt, .icon_house_alt, .icon_genius, .icon_mobile, .icon_tablet, .icon_laptop, .icon_desktop, .icon_camera_alt, .icon_mail_alt, .icon_cone_alt, .icon_ribbon_alt, .icon_bag_alt, .icon_creditcard, .icon_cart_alt, .icon_paperclip, .icon_tag_alt, .icon_tags_alt, .icon_trash_alt, .icon_cursor_alt, .icon_mic_alt, .icon_compass_alt, .icon_pin_alt, .icon_pushpin_alt, .icon_map_alt, .icon_drawer_alt, .icon_toolbox_alt, .icon_book_alt, .icon_calendar, .icon_film, .icon_table, .icon_contacts_alt, .icon_headphones, .icon_lifesaver, .icon_piechart, .icon_refresh, .icon_link_alt, .icon_link, .icon_loading, .icon_blocked, .icon_archive_alt, .icon_heart_alt, .icon_star_alt, .icon_star-half_alt, .icon_star, .icon_star-half, .icon_tools, .icon_tool, .icon_cog, .icon_cogs, .arrow_up_alt, .arrow_down_alt, .arrow_left_alt, .arrow_right_alt, .arrow_left-up_alt, .arrow_right-up_alt, .arrow_right-down_alt, .arrow_left-down_alt, .arrow_condense_alt, .arrow_expand_alt3, .arrow_carrot_up_alt, .arrow_carrot-down_alt, .arrow_carrot-left_alt, .arrow_carrot-right_alt, .arrow_carrot-2up_alt, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left_alt, .arrow_carrot-2right_alt, .arrow_triangle-up_alt, .arrow_triangle-down_alt, .arrow_triangle-left_alt, .arrow_triangle-right_alt, .icon_minus_alt, .icon_plus_alt, .icon_close_alt, .icon_check_alt, .icon_zoom-out, .icon_zoom-in, .icon_stop_alt, .icon_menu-square_alt, .icon_menu-circle_alt, .icon_document, .icon_documents, .icon_pencil_alt, .icon_folder, .icon_folder-open, .icon_folder-add, .icon_folder_upload, .icon_folder_download, .icon_info, .icon_error-circle, .icon_error-oct, .icon_error-triangle, .icon_question_alt, .icon_comment, .icon_chat, .icon_vol-mute, .icon_volume-low, .icon_volume-high, .icon_quotations_alt, .icon_clock, .icon_lock, .icon_lock-open, .icon_key, .icon_cloud, .icon_cloud-upload, .icon_cloud-download, .icon_lightbulb, .icon_gift, .icon_house, .icon_camera, .icon_mail, .icon_cone, .icon_ribbon, .icon_bag, .icon_cart, .icon_tag, .icon_tags, .icon_trash, .icon_cursor, .icon_mic, .icon_compass, .icon_pin, .icon_pushpin, .icon_map, .icon_drawer, .icon_toolbox, .icon_book, .icon_contacts, .icon_archive, .icon_heart, .icon_profile, .icon_group, .icon_grid-2x2, .icon_grid-3x3, .icon_music, .icon_pause_alt, .icon_phone, .icon_upload, .icon_download, .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_tumbleupon, .social_wordpress, .social_instagram, .social_dribbble, .social_vimeo, .social_linkedin, .social_rss, .social_deviantart, .social_share, .social_myspace, .social_skype, .social_youtube, .social_picassa, .social_googledrive, .social_flickr, .social_blogger, .social_spotify, .social_delicious, .social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_googleplus_circle, .social_tumblr_circle, .social_stumbleupon_circle, .social_wordpress_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle, .social_linkedin_circle, .social_rss_circle, .social_deviantart_circle, .social_share_circle, .social_myspace_circle, .social_skype_circle, .social_youtube_circle, .social_picassa_circle, .social_googledrive_alt2, .social_flickr_circle, .social_blogger_circle, .social_spotify_circle, .social_delicious_circle, .social_facebook_square, .social_twitter_square, .social_pinterest_square, .social_googleplus_square, .social_tumblr_square, .social_stumbleupon_square, .social_wordpress_square, .social_instagram_square, .social_dribbble_square, .social_vimeo_square, .social_linkedin_square, .social_rss_square, .social_deviantart_square, .social_share_square, .social_myspace_square, .social_skype_square, .social_youtube_square, .social_picassa_square, .social_googledrive_square, .social_flickr_square, .social_blogger_square, .social_spotify_square, .social_delicious_square, .icon_printer, .icon_calulator, .icon_building, .icon_floppy, .icon_drive, .icon_search-2, .icon_id, .icon_id-2, .icon_puzzle, .icon_like, .icon_dislike, .icon_mug, .icon_currency, .icon_wallet, .icon_pens, .icon_easel, .icon_flowchart, .icon_datareport, .icon_briefcase, .icon_shield, .icon_percent, .icon_globe, .icon_globe-2, .icon_target, .icon_hourglass, .icon_balance, .icon_rook, .icon_printer-alt, .icon_calculator_alt, .icon_building_alt, .icon_floppy_alt, .icon_drive_alt, .icon_search_alt, .icon_id_alt, .icon_id-2_alt, .icon_puzzle_alt, .icon_like_alt, .icon_dislike_alt, .icon_mug_alt, .icon_currency_alt, .icon_wallet_alt, .icon_pens_alt, .icon_easel_alt, .icon_flowchart_alt, .icon_datareport_alt, .icon_briefcase_alt, .icon_shield_alt, .icon_percent_alt, .icon_globe_alt, .icon_clipboard { font-family: 'ElegantIcons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; display: inline-block; /* Added "inline-block" in order to use all Awesome font classes and also the Plus code (animations) */ } .arrow_up:before { content: "\21"; } .arrow_down:before { content: "\22"; } .arrow_left:before { content: "\23"; } .arrow_right:before { content: "\24"; } .arrow_left-up:before { content: "\25"; } .arrow_right-up:before { content: "\26"; } .arrow_right-down:before { content: "\27"; } .arrow_left-down:before { content: "\28"; } .arrow-up-down:before { content: "\29"; } .arrow_up-down_alt:before { content: "\2a"; } .arrow_left-right_alt:before { content: "\2b"; } .arrow_left-right:before { content: "\2c"; } .arrow_expand_alt2:before { content: "\2d"; } .arrow_expand_alt:before { content: "\2e"; } .arrow_condense:before { content: "\2f"; } .arrow_expand:before { content: "\30"; } .arrow_move:before { content: "\31"; } .arrow_carrot-up:before { content: "\32"; } .arrow_carrot-down:before { content: "\33"; } .arrow_carrot-left:before { content: "\34"; } .arrow_carrot-right:before { content: "\35"; } .arrow_carrot-2up:before { content: "\36"; } .arrow_carrot-2down:before { content: "\37"; } .arrow_carrot-2left:before { content: "\38"; } .arrow_carrot-2right:before { content: "\39"; } .arrow_carrot-up_alt2:before { content: "\3a"; } .arrow_carrot-down_alt2:before { content: "\3b"; } .arrow_carrot-left_alt2:before { content: "\3c"; } .arrow_carrot-right_alt2:before { content: "\3d"; } .arrow_carrot-2up_alt2:before { content: "\3e"; } .arrow_carrot-2down_alt2:before { content: "\3f"; } .arrow_carrot-2left_alt2:before { content: "\40"; } .arrow_carrot-2right_alt2:before { content: "\41"; } .arrow_triangle-up:before { content: "\42"; } .arrow_triangle-down:before { content: "\43"; } .arrow_triangle-left:before { content: "\44"; } .arrow_triangle-right:before { content: "\45"; } .arrow_triangle-up_alt2:before { content: "\46"; } .arrow_triangle-down_alt2:before { content: "\47"; } .arrow_triangle-left_alt2:before { content: "\48"; } .arrow_triangle-right_alt2:before { content: "\49"; } .arrow_back:before { content: "\4a"; } .icon_minus-06:before { content: "\4b"; } .icon_plus:before { content: "\4c"; } .icon_close:before { content: "\4d"; } .icon_check:before { content: "\4e"; } .icon_minus_alt2:before { content: "\4f"; } .icon_plus_alt2:before { content: "\50"; } .icon_close_alt2:before { content: "\51"; } .icon_check_alt2:before { content: "\52"; } .icon_zoom-out_alt:before { content: "\53"; } .icon_zoom-in_alt:before { content: "\54"; } .icon_search:before { content: "\55"; } .icon_box-empty:before { content: "\56"; } .icon_box-selected:before { content: "\57"; } .icon_minus-box:before { content: "\58"; } .icon_plus-box:before { content: "\59"; } .icon_box-checked:before { content: "\5a"; } .icon_circle-empty:before { content: "\5b"; } .icon_circle-slelected:before { content: "\5c"; } .icon_stop_alt2:before { content: "\5d"; } .icon_stop:before { content: "\5e"; } .icon_pause_alt2:before { content: "\5f"; } .icon_pause:before { content: "\60"; } .icon_menu:before { content: "\61"; } .icon_menu-square_alt2:before { content: "\62"; } .icon_menu-circle_alt2:before { content: "\63"; } .icon_ul:before { content: "\64"; } .icon_ol:before { content: "\65"; } .icon_adjust-horiz:before { content: "\66"; } .icon_adjust-vert:before { content: "\67"; } .icon_document_alt:before { content: "\68"; } .icon_documents_alt:before { content: "\69"; } .icon_pencil:before { content: "\6a"; } .icon_pencil-edit_alt:before { content: "\6b"; } .icon_pencil-edit:before { content: "\6c"; } .icon_folder-alt:before { content: "\6d"; } .icon_folder-open_alt:before { content: "\6e"; } .icon_folder-add_alt:before { content: "\6f"; } .icon_info_alt:before { content: "\70"; } .icon_error-oct_alt:before { content: "\71"; } .icon_error-circle_alt:before { content: "\72"; } .icon_error-triangle_alt:before { content: "\73"; } .icon_question_alt2:before { content: "\74"; } .icon_question:before { content: "\75"; } .icon_comment_alt:before { content: "\76"; } .icon_chat_alt:before { content: "\77"; } .icon_vol-mute_alt:before { content: "\78"; } .icon_volume-low_alt:before { content: "\79"; } .icon_volume-high_alt:before { content: "\7a"; } .icon_quotations:before { content: "\7b"; } .icon_quotations_alt2:before { content: "\7c"; } .icon_clock_alt:before { content: "\7d"; } .icon_lock_alt:before { content: "\7e"; } .icon_lock-open_alt:before { content: "\e000"; } .icon_key_alt:before { content: "\e001"; } .icon_cloud_alt:before { content: "\e002"; } .icon_cloud-upload_alt:before { content: "\e003"; } .icon_cloud-download_alt:before { content: "\e004"; } .icon_image:before { content: "\e005"; } .icon_images:before { content: "\e006"; } .icon_lightbulb_alt:before { content: "\e007"; } .icon_gift_alt:before { content: "\e008"; } .icon_house_alt:before { content: "\e009"; } .icon_genius:before { content: "\e00a"; } .icon_mobile:before { content: "\e00b"; } .icon_tablet:before { content: "\e00c"; } .icon_laptop:before { content: "\e00d"; } .icon_desktop:before { content: "\e00e"; } .icon_camera_alt:before { content: "\e00f"; } .icon_mail_alt:before { content: "\e010"; } .icon_cone_alt:before { content: "\e011"; } .icon_ribbon_alt:before { content: "\e012"; } .icon_bag_alt:before { content: "\e013"; } .icon_creditcard:before { content: "\e014"; } .icon_cart_alt:before { content: "\e015"; } .icon_paperclip:before { content: "\e016"; } .icon_tag_alt:before { content: "\e017"; } .icon_tags_alt:before { content: "\e018"; } .icon_trash_alt:before { content: "\e019"; } .icon_cursor_alt:before { content: "\e01a"; } .icon_mic_alt:before { content: "\e01b"; } .icon_compass_alt:before { content: "\e01c"; } .icon_pin_alt:before { content: "\e01d"; } .icon_pushpin_alt:before { content: "\e01e"; } .icon_map_alt:before { content: "\e01f"; } .icon_drawer_alt:before { content: "\e020"; } .icon_toolbox_alt:before { content: "\e021"; } .icon_book_alt:before { content: "\e022"; } .icon_calendar:before { content: "\e023"; } .icon_film:before { content: "\e024"; } .icon_table:before { content: "\e025"; } .icon_contacts_alt:before { content: "\e026"; } .icon_headphones:before { content: "\e027"; } .icon_lifesaver:before { content: "\e028"; } .icon_piechart:before { content: "\e029"; } .icon_refresh:before { content: "\e02a"; } .icon_link_alt:before { content: "\e02b"; } .icon_link:before { content: "\e02c"; } .icon_loading:before { content: "\e02d"; } .icon_blocked:before { content: "\e02e"; } .icon_archive_alt:before { content: "\e02f"; } .icon_heart_alt:before { content: "\e030"; } .icon_star_alt:before { content: "\e031"; } .icon_star-half_alt:before { content: "\e032"; } .icon_star:before { content: "\e033"; } .icon_star-half:before { content: "\e034"; } .icon_tools:before { content: "\e035"; } .icon_tool:before { content: "\e036"; } .icon_cog:before { content: "\e037"; } .icon_cogs:before { content: "\e038"; } .arrow_up_alt:before { content: "\e039"; } .arrow_down_alt:before { content: "\e03a"; } .arrow_left_alt:before { content: "\e03b"; } .arrow_right_alt:before { content: "\e03c"; } .arrow_left-up_alt:before { content: "\e03d"; } .arrow_right-up_alt:before { content: "\e03e"; } .arrow_right-down_alt:before { content: "\e03f"; } .arrow_left-down_alt:before { content: "\e040"; } .arrow_condense_alt:before { content: "\e041"; } .arrow_expand_alt3:before { content: "\e042"; } .arrow_carrot_up_alt:before { content: "\e043"; } .arrow_carrot-down_alt:before { content: "\e044"; } .arrow_carrot-left_alt:before { content: "\e045"; } .arrow_carrot-right_alt:before { content: "\e046"; } .arrow_carrot-2up_alt:before { content: "\e047"; } .arrow_carrot-2dwnn_alt:before { content: "\e048"; } .arrow_carrot-2left_alt:before { content: "\e049"; } .arrow_carrot-2right_alt:before { content: "\e04a"; } .arrow_triangle-up_alt:before { content: "\e04b"; } .arrow_triangle-down_alt:before { content: "\e04c"; } .arrow_triangle-left_alt:before { content: "\e04d"; } .arrow_triangle-right_alt:before { content: "\e04e"; } .icon_minus_alt:before { content: "\e04f"; } .icon_plus_alt:before { content: "\e050"; } .icon_close_alt:before { content: "\e051"; } .icon_check_alt:before { content: "\e052"; } .icon_zoom-out:before { content: "\e053"; } .icon_zoom-in:before { content: "\e054"; } .icon_stop_alt:before { content: "\e055"; } .icon_menu-square_alt:before { content: "\e056"; } .icon_menu-circle_alt:before { content: "\e057"; } .icon_document:before { content: "\e058"; } .icon_documents:before { content: "\e059"; } .icon_pencil_alt:before { content: "\e05a"; } .icon_folder:before { content: "\e05b"; } .icon_folder-open:before { content: "\e05c"; } .icon_folder-add:before { content: "\e05d"; } .icon_folder_upload:before { content: "\e05e"; } .icon_folder_download:before { content: "\e05f"; } .icon_info:before { content: "\e060"; } .icon_error-circle:before { content: "\e061"; } .icon_error-oct:before { content: "\e062"; } .icon_error-triangle:before { content: "\e063"; } .icon_question_alt:before { content: "\e064"; } .icon_comment:before { content: "\e065"; } .icon_chat:before { content: "\e066"; } .icon_vol-mute:before { content: "\e067"; } .icon_volume-low:before { content: "\e068"; } .icon_volume-high:before { content: "\e069"; } .icon_quotations_alt:before { content: "\e06a"; } .icon_clock:before { content: "\e06b"; } .icon_lock:before { content: "\e06c"; } .icon_lock-open:before { content: "\e06d"; } .icon_key:before { content: "\e06e"; } .icon_cloud:before { content: "\e06f"; } .icon_cloud-upload:before { content: "\e070"; } .icon_cloud-download:before { content: "\e071"; } .icon_lightbulb:before { content: "\e072"; } .icon_gift:before { content: "\e073"; } .icon_house:before { content: "\e074"; } .icon_camera:before { content: "\e075"; } .icon_mail:before { content: "\e076"; } .icon_cone:before { content: "\e077"; } .icon_ribbon:before { content: "\e078"; } .icon_bag:before { content: "\e079"; } .icon_cart:before { content: "\e07a"; } .icon_tag:before { content: "\e07b"; } .icon_tags:before { content: "\e07c"; } .icon_trash:before { content: "\e07d"; } .icon_cursor:before { content: "\e07e"; } .icon_mic:before { content: "\e07f"; } .icon_compass:before { content: "\e080"; } .icon_pin:before { content: "\e081"; } .icon_pushpin:before { content: "\e082"; } .icon_map:before { content: "\e083"; } .icon_drawer:before { content: "\e084"; } .icon_toolbox:before { content: "\e085"; } .icon_book:before { content: "\e086"; } .icon_contacts:before { content: "\e087"; } .icon_archive:before { content: "\e088"; } .icon_heart:before { content: "\e089"; } .icon_profile:before { content: "\e08a"; } .icon_group:before { content: "\e08b"; } .icon_grid-2x2:before { content: "\e08c"; } .icon_grid-3x3:before { content: "\e08d"; } .icon_music:before { content: "\e08e"; } .icon_pause_alt:before { content: "\e08f"; } .icon_phone:before { content: "\e090"; } .icon_upload:before { content: "\e091"; } .icon_download:before { content: "\e092"; } .social_facebook:before { content: "\e093"; } .social_twitter:before { content: "\e094"; } .social_pinterest:before { content: "\e095"; } .social_googleplus:before { content: "\e096"; } .social_tumblr:before { content: "\e097"; } .social_tumbleupon:before { content: "\e098"; } .social_wordpress:before { content: "\e099"; } .social_instagram:before { content: "\e09a"; } .social_dribbble:before { content: "\e09b"; } .social_vimeo:before { content: "\e09c"; } .social_linkedin:before { content: "\e09d"; } .social_rss:before { content: "\e09e"; } .social_deviantart:before { content: "\e09f"; } .social_share:before { content: "\e0a0"; } .social_myspace:before { content: "\e0a1"; } .social_skype:before { content: "\e0a2"; } .social_youtube:before { content: "\e0a3"; } .social_picassa:before { content: "\e0a4"; } .social_googledrive:before { content: "\e0a5"; } .social_flickr:before { content: "\e0a6"; } .social_blogger:before { content: "\e0a7"; } .social_spotify:before { content: "\e0a8"; } .social_delicious:before { content: "\e0a9"; } .social_facebook_circle:before { content: "\e0aa"; } .social_twitter_circle:before { content: "\e0ab"; } .social_pinterest_circle:before { content: "\e0ac"; } .social_googleplus_circle:before { content: "\e0ad"; } .social_tumblr_circle:before { content: "\e0ae"; } .social_stumbleupon_circle:before { content: "\e0af"; } .social_wordpress_circle:before { content: "\e0b0"; } .social_instagram_circle:before { content: "\e0b1"; } .social_dribbble_circle:before { content: "\e0b2"; } .social_vimeo_circle:before { content: "\e0b3"; } .social_linkedin_circle:before { content: "\e0b4"; } .social_rss_circle:before { content: "\e0b5"; } .social_deviantart_circle:before { content: "\e0b6"; } .social_share_circle:before { content: "\e0b7"; } .social_myspace_circle:before { content: "\e0b8"; } .social_skype_circle:before { content: "\e0b9"; } .social_youtube_circle:before { content: "\e0ba"; } .social_picassa_circle:before { content: "\e0bb"; } .social_googledrive_alt2:before { content: "\e0bc"; } .social_flickr_circle:before { content: "\e0bd"; } .social_blogger_circle:before { content: "\e0be"; } .social_spotify_circle:before { content: "\e0bf"; } .social_delicious_circle:before { content: "\e0c0"; } .social_facebook_square:before { content: "\e0c1"; } .social_twitter_square:before { content: "\e0c2"; } .social_pinterest_square:before { content: "\e0c3"; } .social_googleplus_square:before { content: "\e0c4"; } .social_tumblr_square:before { content: "\e0c5"; } .social_stumbleupon_square:before { content: "\e0c6"; } .social_wordpress_square:before { content: "\e0c7"; } .social_instagram_square:before { content: "\e0c8"; } .social_dribbble_square:before { content: "\e0c9"; } .social_vimeo_square:before { content: "\e0ca"; } .social_linkedin_square:before { content: "\e0cb"; } .social_rss_square:before { content: "\e0cc"; } .social_deviantart_square:before { content: "\e0cd"; } .social_share_square:before { content: "\e0ce"; } .social_myspace_square:before { content: "\e0cf"; } .social_skype_square:before { content: "\e0d0"; } .social_youtube_square:before { content: "\e0d1"; } .social_picassa_square:before { content: "\e0d2"; } .social_googledrive_square:before { content: "\e0d3"; } .social_flickr_square:before { content: "\e0d4"; } .social_blogger_square:before { content: "\e0d5"; } .social_spotify_square:before { content: "\e0d6"; } .social_delicious_square:before { content: "\e0d7"; } .icon_printer:before { content: "\e103"; } .icon_calulator:before { content: "\e0ee"; } .icon_building:before { content: "\e0ef"; } .icon_floppy:before { content: "\e0e8"; } .icon_drive:before { content: "\e0ea"; } .icon_search-2:before { content: "\e101"; } .icon_id:before { content: "\e107"; } .icon_id-2:before { content: "\e108"; } .icon_puzzle:before { content: "\e102"; } .icon_like:before { content: "\e106"; } .icon_dislike:before { content: "\e0eb"; } .icon_mug:before { content: "\e105"; } .icon_currency:before { content: "\e0ed"; } .icon_wallet:before { content: "\e100"; } .icon_pens:before { content: "\e104"; } .icon_easel:before { content: "\e0e9"; } .icon_flowchart:before { content: "\e109"; } .icon_datareport:before { content: "\e0ec"; } .icon_briefcase:before { content: "\e0fe"; } .icon_shield:before { content: "\e0f6"; } .icon_percent:before { content: "\e0fb"; } .icon_globe:before { content: "\e0e2"; } .icon_globe-2:before { content: "\e0e3"; } .icon_target:before { content: "\e0f5"; } .icon_hourglass:before { content: "\e0e1"; } .icon_balance:before { content: "\e0ff"; } .icon_rook:before { content: "\e0f8"; } .icon_printer-alt:before { content: "\e0fa"; } .icon_calculator_alt:before { content: "\e0e7"; } .icon_building_alt:before { content: "\e0fd"; } .icon_floppy_alt:before { content: "\e0e4"; } .icon_drive_alt:before { content: "\e0e5"; } .icon_search_alt:before { content: "\e0f7"; } .icon_id_alt:before { content: "\e0e0"; } .icon_id-2_alt:before { content: "\e0fc"; } .icon_puzzle_alt:before { content: "\e0f9"; } .icon_like_alt:before { content: "\e0dd"; } .icon_dislike_alt:before { content: "\e0f1"; } .icon_mug_alt:before { content: "\e0dc"; } .icon_currency_alt:before { content: "\e0f3"; } .icon_wallet_alt:before { content: "\e0d8"; } .icon_pens_alt:before { content: "\e0db"; } .icon_easel_alt:before { content: "\e0f0"; } .icon_flowchart_alt:before { content: "\e0df"; } .icon_datareport_alt:before { content: "\e0f2"; } .icon_briefcase_alt:before { content: "\e0f4"; } .icon_shield_alt:before { content: "\e0d9"; } .icon_percent_alt:before { content: "\e0da"; } .icon_globe_alt:before { content: "\e0de"; } .icon_clipboard:before { content: "\e0e6"; } .glyph { float: left; text-align: center; padding: .75em; margin: .4em 1.5em .75em 0; width: 6em; text-shadow: none; } .glyph_big { font-size: 128px; color: #59c5dc; float: left; margin-right: 20px; } .glyph div { padding-bottom: 10px;} .glyph input { font-family: consolas, monospace; font-size: 12px; width: 100%; text-align: center; border: 0; box-shadow: 0 0 0 1px #ccc; padding: .2em; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .centered { margin-left: auto; margin-right: auto; } .glyph .fs1 { font-size: 2em; } /* @end */ /* ------------- */ /* @group toolbar */ #navcontainer { padding: 0 5px 0 0; width: 255px; position: absolute; top: 2%; bottom: 2%; overflow-y: scroll; overflow-x: hidden; float: left !important; left: 7px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 96%; opacity: 0.96; overflow: scroll; overflow-y: scroll !important; overflow-x: hidden; float: left !important; } ::-webkit-scrollbar { width: 1px !important; background: transparent !important; } #navcontainer ul { text-align: left; margin: 0px; padding: 0px 0px 0px 10px; display: block; } #navcontainer li { display: block; } #navcontainer li, #navcontainer ul ul, #navcontainer ul a { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #navcontainer li { box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.292) ; -webkit-box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.292) ; -moz-box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.292) ; } #navcontainer ul ul li { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } #navcontainer ul a { text-align: left; position: relative; font-size: 15px; line-height: 29px; display: block; float: none; /*background: transparent url(images/elements/grey_6.png) repeat;*/ letter-spacing: 1px; transition: All 0.15s linear; -webkit-transition: All 0.15s linear; -moz-transition: All 0.15s linear; padding: 5px 5px 5px 10px; margin: 0 0 13px; border-bottom-width: 4px; border-bottom-style: solid; } /* ------------- */ #navcontainer ul a [class^="fa fa-"], #navcontainer ul a [class*="fa fa-"]{ text-indent: 0px; padding-left: 0 !important; } #navcontainer ul ul { visibility: visible; overflow: auto; transition-delay: 0ms; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; height: auto; box-shadow: none; -webkit-box-shadow: none ; -moz-box-shadow: none ; margin-bottom: 13px; padding-bottom: 8px; } #navcontainer ul ul li { } #navcontainer ul ul a { border-bottom-style: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-image: none; border-top-style: none; box-shadow: none; -webkit-box-shadow: none ; -moz-box-shadow: none ; padding-top: 4px; padding-bottom: 0; margin-bottom: 5px; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; } #navcontainer ul ul a [class^="fa fa-"], #navcontainer ul ul a [class*="fa fa-"]{ padding-left: 0 !important; } #navcontainer ul ul a:hover { background-image: none; } /* Child - Level 2 */ #navcontainer ul ul ul { margin-left: 5px; padding-bottom: 0; width: 233px; margin-bottom: 4px; border-left-style: solid; border-left-width: 1px; } #navcontainer ul ul ul ul { margin-left: 5px; padding-bottom: 0; float: left; clear: left; width: 223px; margin-bottom: 4px; border-left-style: solid; border-left-width: 1px; } #navcontainer ul ul ul ul ul { margin-left: 5px; padding-bottom: 0; float: left; clear: left; width: 213px; margin-bottom: 4px; border-left-style: solid; border-left-width: 1px; } /* Child - Level 3 */ /* @group font responsive */ #navcontainer ul a, #navcontainer, #navcontainer a { font-size: 18px !important; line-height: 35px !important; /*font-family: "PerspectiveSansRegular", sans-serif !important;*/ } #navcontainer ul ul a, #navcontainer ul ul a { font-size: 14px !important; line-height: 24px !important; font-family: "PerspectiveSansRegular", sans-serif !important; } /* @end */ /* @group nav */ nav:before { min-width:150px; position: absolute; right: 360px; top: 8px; margin: 0; padding: 0 10px; content: 'MENU'; font-size: 16px; line-height: 54px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.6; display: none; text-align: right; } nav { height: 100%; position: fixed; right: -280px; top: 0; -moz-transition: right 0.2s linear; -webkit-transition: right 0.2s linear; transition: right 0.2s linear; width: 280px; z-index: 1000; margin: 0; padding: 0; } nav #menuToggle { display: block; position: relative; height: 50px; left: -90px; top: 10px; width: 70px; z-index: 1; } nav #menuToggle span { display: block; height: 8%; left: 22%; position: absolute; top: 46%; width: 70%; } nav #menuToggle span:before, nav #menuToggle span:after { content: ''; display: block; height: 100%; position: absolute; top: -250%; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); width: 100%; } nav #menuToggle span:after { top: 250%; } nav a:nth-child(n+2) { /*color: white;*/ display: block; /*font-size: 2.5em;*/ margin: 30px 0 30px 30px; } nav a:nth-child(n+2):after { /*background: #ffa53e;*/ content: ''; display: block; height: 2px; -moz-transition: width 0.2s; -webkit-transition: width 0.2s; transition: width 0.2s; width: 0; } nav a:nth-child(n+2):hover:after { width: 100%; } /* @group button X animation */ .open { right: 0;} .open #menuToggle span { background: transparent; left: 10%; top: 45%; } .open #menuToggle span:before, .open #menuToggle span:after { top: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .open #menuToggle span:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #menuToggle .navClosed { -moz-transition: background 0.1s linear; -webkit-transition: background 0.1s linear; transition: background 0.1s linear; } #menuToggle .navClosed:before, #menuToggle .navClosed:after { -moz-transition: top 0.2s linear 0.1s, -moz-transform 0.2s linear 0.1s; -webkit-transition: top 0.2s linear, -webkit-transform 0.2s linear; -webkit-transition-delay: 0.1s, 0.1s; transition: top 0.2s linear 0.1s, transform 0.2s linear 0.1s; } #menuToggle .navOpen { -moz-transition: background 0.1s linear 0.2s; -webkit-transition: background 0.1s linear; -webkit-transition-delay: 0.2s; transition: background 0.1s linear 0.2s; } #menuToggle .navOpen:before, #menuToggle .navOpen:after { -moz-transition: top 0.2s linear, -moz-transform 0.2s linear; -webkit-transition: top 0.2s linear, -webkit-transform 0.2s linear; transition: top 0.2s linear, transform 0.2s linear; } /* @end */ /* @end */ /* @end */ /* @group Toolbar bottom */ #navcontainer2 ul #current, #navcontainer2 ul #current:hover, #navcontainer2 ul .currentAncestor { font-weight: normal; text-decoration: none; font-style: normal; } #navcontainer2 { text-align: center; transition: all 0.1s linear; -webkit-transition: All 0.1s linear; -moz-transition: All 0.1s linear; transition-delay: 0ms; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; margin: 10px 3%; padding: 3px 1% 5px; height: auto; display: none; border-bottom-width: 0 !important; background: url(images/elements/white_10.png) repeat; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; width: 92%; } #navcontainer2 ul { margin: 0; padding: 0; } #navcontainer2 li { display: inline-block; position: relative; } #navcontainer2 ul a { z-index: 4; font-weight: normal; font-style: normal; text-decoration: none; font-size: 13px; line-height: 17px; border-right-width: 1px; border-right-style: solid; padding-left: 9px; padding-right: 12px; height: 25px; } #navcontainer2>ul>li:last-child>a { border-right-style: none; border-right-width: 0; } #navcontainer2 ul ul a [class^="fa fa-"], #navcontainer2 ul ul a [class*="fa fa-"]{ padding-left: 0; padding-right: 0; margin-right: 0; margin-left: 0; letter-spacing: 0; text-indent: 0; } #navcontainer2 ul .parent:after { content:"v"; position: absolute; display: inline-block; float: right; top: 0; right: 0; font: 9px "Lucida Grande", Lucida; margin-right: 4px; } #navcontainer2 ul ul, #navcontainer2 ul ul a, #navcontainer2 ul ul .parent:after { display: none; } /* @end */