/*------------CSS STYLESHEET DYNAMICALLY GENERATED BY SPARKY---------------*/ /*------------GOOGLE FONTS---------------*/ @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900&subset=latin,latin-ext); @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700,800&subset=latin,latin-ext); html { font-size:14px; } body { color:#333333; font-family:'Open Sans', sans-serif; text-align:justify; font-weight:normal; font-style:normal; background:#FFFFFF; } div.container { background:transparent; } /*------------ SCREEN < 768px AND < TEMPLATE WIDTH ---------------*/ @media (max-width: 767px) { .container { width: 100%; } [class*="span"] { width: 100%; } .two [class*="span"] { width: 50%; } .full .container, .full .row { width:100%; } .full .cell_pad { margin: 0; padding: 0; } } /*------------ SCREEN >= 768px AND < TEMPLATE WIDTH ---------------*/ @media (min-width: 768px) { .container { width: 750px; } .span1 { width: 8.33333333%; } .span2 { width: 16.66666667%; } .span3 { width: 25%; } .span4 { width: 33.33333333%; } .span5 { width: 41.66666667%; } .span6 { width: 50%; } .span7 { width: 58.33333333%; } .span8 { width: 66.66666667%; } .span9 { width: 75%; } .span10 { width: 83.33333333%; } .span11 { width: 91.66666667%; } .span12 { width: 100%; } .full .container, .full .row { width:100%; } .full .cell_pad { margin: 0; padding: 0; } } /*------------ SCREEN >= 992px AND < TEMPLATE WIDTH ---------------*/ @media (min-width: 992px) { .container { width: 970px; } } /*------------ SCREEN >= 1200px AND < TEMPLATE WIDTH ---------------*/ @media (min-width: 1200px) { .container { width: 1170px; } } /*------------ SCREEN >= TEMPLATE WIDTH ---------------*/ @media (min-width: 1398px) { .container, .row { width:1368px; } [class*="span"] { margin-left: 0; } .content_sparky { width:74.99999997%; } } .one .span1 { width: 8.33333333%; } .one .span2 { width: 16.66666667%; } .one .span3 { width: 25%; } .one .span4 { width: 33.33333333%; } .one .span5 { width: 41.66666667%; } .one .span6 { width: 50%; } .one .span7 { width: 58.33333333%; } .one .span8 { width: 66.66666667%; } .one .span9 { width: 75%; } .one .span10 { width: 83.33333333%; } .one .span11 { width: 91.66666667%; } .one .span12 { width: 100%; } .fluid .container, .fluid .container .row { width: 100%; } .cell_pad { padding:0px 0px; margin:0px 20px; } /*------------ COMMON SETTINGS ---------------*/ a { color:#2e485e; font-weight:bold; font-style:normal; text-decoration:none; } a:hover { color:#333333; text-decoration:none; } h1, h1 a { color:#9A141B; font-size:36px; font-family:'Lato', sans-serif; text-align:center; font-weight:300; font-style:normal; } h2, h2 a { color:#554F53; font-size:20px; font-family:'Open Sans', sans-serif; text-align:left; font-weight:100; font-style:normal; } h3 { color:#9A141B; font-size:28px; font-family:'Lato', sans-serif; text-align:left; font-weight:bold; font-style:normal; } h4 { color:#554F53; font-size:25px; font-family:'Lato', sans-serif; text-align:left; font-weight:normal; font-style:normal; } img { border:none; } /*--------------LOGO----------------*/ .sparky_logo, .sparky_logo a { color:#FFFFFF; font-size:32px; font-family:'Lato', sans-serif; font-weight:normal; font-style:normal; text-align:left; text-decoration:none; } .sparky_slogan { color:#999999; font-size:12px; font-family:'Lato', sans-serif; font-weight:normal; font-style:normal; text-align:left;} /*--------------DROP-DOWN----------------*/ ul.mnu_topmenuen { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; white-space:nowrap; text-align:left; position:relative; font-family:'Open Sans', sans-serif; } .mnu_topmenuen ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; z-index:100; background:#eeeeee; } .mnu_topmenuen ul { width:160px; border:0px solid #dddddd; padding:12px; } .mnu_topmenuen > li > a, .mnu_topmenuen > li > span { display:block; margin:0; text-decoration:none; color:#000000; font-size:16px; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:0; font-weight:900; font-style:normal; height:40px; cursor:pointer; } .mnu_topmenuen > li.active > a, .mnu_topmenuen > li.active > span { color:#ffffff !important; cursor:pointer; } .mnu_topmenuen > li > a:hover, .mnu_topmenuen > li:hover > a, .mnu_topmenuen > li > a:hover, .mnu_topmenuen > li:hover > span { color:#dddddd; } .mnu_topmenuen > li { display:inline-block; position:relative; text-align:left; margin:0; padding:0; border-right:0px solid #cccccc; border-bottom:0px solid #cccccc; border-top:0px solid #cccccc; background:#B9B9B9; } .mnu_topmenuen > li.active { background:#333333; } .mnu_topmenuen > li:first-child { border-left:0px solid #cccccc; } .mnu_topmenuen li:hover { position:relative; background:#666666; } .mnu_topmenuen li ul li:hover { background:#e6e6e6; } .mnu_topmenuen li ul li { height:25px; border-bottom:0px solid #dddddd; padding:0 10px; text-align:left;} .mnu_topmenuen li ul a, .mnu_topmenuen li ul span { line-height:25px; font-size:12px; color:#666666; font-weight:normal; font-style:normal; padding-top:0; cursor:pointer; } .mnu_topmenuen li ul li:hover > a, .mnu_topmenuen li ul li:hover > span { color:#333333; } .mnu_topmenuen li ul ul { left:160px; margin-top:-12px; } .mnu_topmenuen ul ul { top:0px; } .mnu_topmenuen .sub { font-size:10px; line-height:normal; display:block; } .mnu_topmenuen > li > ul { display: none; } /*--------------DROP-DOWN----------------*/ ul.mnu_topmenu { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; white-space:nowrap; text-align:left; position:relative; font-family:'Open Sans', sans-serif; } .mnu_topmenu ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; z-index:100; background:#eeeeee; } .mnu_topmenu ul { width:160px; border:0px solid #dddddd; padding:12px; } .mnu_topmenu > li > a, .mnu_topmenu > li > span { display:block; margin:0; text-decoration:none; color:#666666; font-size:16px; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:0; font-weight:900; font-style:normal; height:40px; cursor:pointer; } .mnu_topmenu > li.active > a, .mnu_topmenu > li.active > span { color:#ffffff !important; cursor:pointer; } .mnu_topmenu > li > a:hover, .mnu_topmenu > li:hover > a, .mnu_topmenu > li > a:hover, .mnu_topmenu > li:hover > span { color:#dddddd; } .mnu_topmenu > li { display:inline-block; position:relative; text-align:left; margin:0; padding:0; border-right:0px solid #cccccc; border-bottom:0px solid #cccccc; border-top:0px solid #cccccc; background:#B9B9B9; } .mnu_topmenu > li.active { background:#333333; } .mnu_topmenu > li:first-child { border-left:0px solid #cccccc; } .mnu_topmenu li:hover { position:relative; background:#666666; } .mnu_topmenu li ul li:hover { background:#e6e6e6; } .mnu_topmenu li ul li { height:25px; border-bottom:0px solid #dddddd; padding:0 10px; text-align:left;} .mnu_topmenu li ul a, .mnu_topmenu li ul span { line-height:25px; font-size:12px; color:#666666; font-weight:normal; font-style:normal; padding-top:0; cursor:pointer; } .mnu_topmenu li ul li:hover > a, .mnu_topmenu li ul li:hover > span { color:#333333; } .mnu_topmenu li ul ul { left:160px; margin-top:-12px; } .mnu_topmenu ul ul { top:0px; } .mnu_topmenu .sub { font-size:10px; line-height:normal; display:block; } .mnu_topmenu > li > ul { display: none; } /*--------------DROP-DOWN----------------*/ ul.mnu_topmenuru { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; white-space:nowrap; text-align:left; position:relative; font-family:'Open Sans', sans-serif; } .mnu_topmenuru ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; z-index:100; background:#eeeeee; } .mnu_topmenuru ul { width:160px; border:0px solid #dddddd; padding:12px; } .mnu_topmenuru > li > a, .mnu_topmenuru > li > span { display:block; margin:0; text-decoration:none; color:#000000; font-size:16px; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:0; font-weight:900; font-style:normal; height:40px; cursor:pointer; } .mnu_topmenuru > li.active > a, .mnu_topmenuru > li.active > span { color:#ffffff !important; cursor:pointer; } .mnu_topmenuru > li > a:hover, .mnu_topmenuru > li:hover > a, .mnu_topmenuru > li > a:hover, .mnu_topmenuru > li:hover > span { color:#dddddd; } .mnu_topmenuru > li { display:inline-block; position:relative; text-align:left; margin:0; padding:0; border-right:0px solid #cccccc; border-bottom:0px solid #cccccc; border-top:0px solid #cccccc; background:#B9B9B9; } .mnu_topmenuru > li.active { background:#333333; } .mnu_topmenuru > li:first-child { border-left:0px solid #cccccc; } .mnu_topmenuru li:hover { position:relative; background:#666666; } .mnu_topmenuru li ul li:hover { background:#e6e6e6; } .mnu_topmenuru li ul li { height:25px; border-bottom:0px solid #dddddd; padding:0 10px; text-align:left;} .mnu_topmenuru li ul a, .mnu_topmenuru li ul span { line-height:25px; font-size:12px; color:#666666; font-weight:normal; font-style:normal; padding-top:0; cursor:pointer; } .mnu_topmenuru li ul li:hover > a, .mnu_topmenuru li ul li:hover > span { color:#333333; } .mnu_topmenuru li ul ul { left:160px; margin-top:-12px; } .mnu_topmenuru ul ul { top:0px; } .mnu_topmenuru .sub { font-size:10px; line-height:normal; display:block; } .mnu_topmenuru > li > ul { display: none; } /*--------------DROP-DOWN----------------*/ ul.mnu_topmenucn { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; white-space:nowrap; text-align:left; position:relative; font-family:'Open Sans', sans-serif; } .mnu_topmenucn ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; z-index:100; background:#eeeeee; } .mnu_topmenucn ul { width:160px; border:0px solid #dddddd; padding:12px; } .mnu_topmenucn > li > a, .mnu_topmenucn > li > span { display:block; margin:0; text-decoration:none; color:#000000; font-size:16px; padding-left:50px; padding-right:50px; padding-top:20px; padding-bottom:0; font-weight:900; font-style:normal; height:40px; cursor:pointer; } .mnu_topmenucn > li.active > a, .mnu_topmenucn > li.active > span { color:#ffffff !important; cursor:pointer; } .mnu_topmenucn > li > a:hover, .mnu_topmenucn > li:hover > a, .mnu_topmenucn > li > a:hover, .mnu_topmenucn > li:hover > span { color:#dddddd; } .mnu_topmenucn > li { display:inline-block; position:relative; text-align:left; margin:0; padding:0; border-right:0px solid #cccccc; border-bottom:0px solid #cccccc; border-top:0px solid #cccccc; background:#B9B9B9; } .mnu_topmenucn > li.active { background:#333333; } .mnu_topmenucn > li:first-child { border-left:0px solid #cccccc; } .mnu_topmenucn li:hover { position:relative; background:#666666; } .mnu_topmenucn li ul li:hover { background:#e6e6e6; } .mnu_topmenucn li ul li { height:25px; border-bottom:0px solid #dddddd; padding:0 10px; text-align:left;} .mnu_topmenucn li ul a, .mnu_topmenucn li ul span { line-height:25px; font-size:12px; color:#666666; font-weight:normal; font-style:normal; padding-top:0; cursor:pointer; } .mnu_topmenucn li ul li:hover > a, .mnu_topmenucn li ul li:hover > span { color:#333333; } .mnu_topmenucn li ul ul { left:160px; margin-top:-12px; } .mnu_topmenucn ul ul { top:0px; } .mnu_topmenucn .sub { font-size:10px; line-height:normal; display:block; } .mnu_topmenucn > li > ul { display: none; } /*--------------DROP-DOWN----------------*/ ul.mnu_main_menu_de { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; white-space:nowrap; text-align:left; position:relative; font-family:'Open Sans', sans-serif; } .mnu_main_menu_de ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; z-index:100; background:#eeeeee; } .mnu_main_menu_de ul { width:160px; border:1px solid #dddddd; padding:12px; } .mnu_main_menu_de > li > a, .mnu_main_menu_de > li > span { display:block; margin:0; text-decoration:none; color:#666666; font-size:16px; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:0; font-weight:normal; font-style:normal; height:40px; cursor:pointer; } .mnu_main_menu_de > li.active > a, .mnu_main_menu_de > li.active > span { color:#ffffff !important; cursor:pointer; } .mnu_main_menu_de > li > a:hover, .mnu_main_menu_de > li:hover > a, .mnu_main_menu_de > li > a:hover, .mnu_main_menu_de > li:hover > span { color:#dddddd; } .mnu_main_menu_de > li { display:inline-block; position:relative; text-align:left; margin:0; padding:0; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; background:#dddddd; } .mnu_main_menu_de > li.active { background:#333333; } .mnu_main_menu_de > li:first-child { border-left:1px solid #cccccc; } .mnu_main_menu_de li:hover { position:relative; background:#666666; } .mnu_main_menu_de li ul li:hover { background:#e6e6e6; } .mnu_main_menu_de li ul li { height:25px; border-bottom:1px solid #dddddd; padding:0 10px; text-align:left;} .mnu_main_menu_de li ul a, .mnu_main_menu_de li ul span { line-height:25px; font-size:12px; color:#666666; font-weight:normal; font-style:normal; padding-top:0; cursor:pointer; } .mnu_main_menu_de li ul li:hover > a, .mnu_main_menu_de li ul li:hover > span { color:#333333; } .mnu_main_menu_de li ul ul { left:160px; margin-top:-12px; } .mnu_main_menu_de ul ul { top:0px; } .mnu_main_menu_de .sub { font-size:10px; line-height:normal; display:block; } .mnu_main_menu_de > li > ul { display: none; } /*--------------RESPONSIVE TOP MENU----------------*/ .js .nav-collapse { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; zoom: 1; } .nav-collapse.opened { max-height: 9999px; position:absolute; z-index:1; } .nav-collapse.opened > ul { position: fixed; top: 0; left: 5%; width: 90%; background:#444; } .nav-collapse.opened > ul ul { width: 100%; position: relative; left:0; padding:0; margin:0; background:#444; } .nav-collapse.opened > ul ul ul { width: 94%; padding:0 3%; } .nav-collapse.opened > ul ul li { height:auto; } .nav-collapse.opened li { width: 100%; display: block; padding-left: 0; padding-right: 0; } .nav-collapse.opened li.active, .nav-collapse.opened li:hover { background:#333; } .nav-collapse.opened li.active a { color:#fff !important; } .nav-collapse.opened li a { padding:5px 15px; margin:0; line-height:30px; height:30px; color:#fff !important; } .nav-toggle { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background: url(/templates/hot_polygons/images/tinynav.png); width: 40px; height: 30px; text-indent:-9999px; margin-top:25px; display:inline-block; float:right; } .nav-toggle.active { position: absolute; z-index: 999; right: 5%; top: 0; margin-top:5px; margin-right:15px; } @media screen and (min-width: 1210px) { .js .nav-collapse { position: relative; } .js .nav-collapse.closed { max-height: none; } .nav-toggle { display: none; } } @media screen and (max-width: 1210px) { .nav-collapse.closed { overflow:hidden; } } /*--------------SCROLL TO TOP----------------*/ #back-top { position: fixed; bottom: 25px; right: 25px; } #back-top span { width: 60px; height: 60px; display: block; margin-bottom: 7px; background: url(/images/totop.png) no-repeat center center; cursor: pointer; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } /*--------------FONT RESIZE----------------*/ #font_resize a { padding:0 2px; } /*--------------FLOATING ROW (usually for top menu)----------------*/ @-webkit-keyframes topmenushow { 0% { opacity: 1; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -moz-transform: translateY(-50px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); } } @-moz-keyframes topmenushow { 0% { opacity: 1; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -moz-transform: translateY(-50px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); } } @-o-keyframes topmenushow { 0% { opacity: 1; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -moz-transform: translateY(-50px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); } } @keyframes topmenushow { 0% { opacity: 1; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -moz-transform: translateY(-50px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); } } .fix_menu { position: fixed; top: 0; z-index: 89; width: 100%; background: rgba(255,255,255,.9) !important; } .topmenushow { -webkit-animation-name: topmenushow; -moz-animation-name: topmenushow; -o-animation-name: topmenushow; animation-name: topmenushow; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -ms-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; }