/*GENERAL STYLES*/
html body{font-family: 'Ubuntu', sans-serif;}
html {
background:url(../images/bg_1.jpg) 0 0 repeat ;
}
* {
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
}
#jform_captcha div {
height: auto !important;
}
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -152px;
width:100%; overflow:hidden;
}
.alert-notice a.close,
.alert-heading {
display: none;
}
.alert-notice p {
margin-bottom: 0;
padding-bottom: 0;
}
#footer,
#push {
height: 152px;
}
.alert-notice {
background: #f5ecc1 none repeat scroll 0 0;
border: 2px solid #f0dc7e;
color: #a08b4c;
margin: 10px 0;
padding: 10px;
font-weight: bold;
font-size: 13px;
}
.alert-message {
background: #f5ecc1 none repeat scroll 0 0;
border: 2px solid #f0dc7e;
color: #a08b4c;
margin: 10px 0;
padding: 10px;
font-weight: bold;
font-size: 13px;
}
.bot1 {
clear: both;
float: left;
padding-top: 7px;
}
.bot1 a {
color: #fff;
float: left;
}
.bot2 {
margin-right: 10px;
float: left;
}
#body-wrapper {
height: 100%;
}
/*LESS Variables & mixins*/
.before_after {
position: absolute;
content: ".";
text-indent: -999em;
}
/* TYPOGRAPHY */
h1 { font-size:30px;
}
h2 { font-size:25px;
}
h3 { font-size:20px;
}
h4 { font-size:16px;
}
h5{color:#8e8e8e; font-size:13px; font-weight:bold; padding:0 0 18px 0;}
h1, h2, h3 {
line-height:1em;
text-transform:uppercase;
color:#747575;
letter-spacing:-1px;
margin-top: 0;
padding: 12px 0 12px;
}
p,
pre {
padding-bottom:18px;
}
/* BUTTONS */
#rt-sidebar-a #form-login .button ,#rt-sidebar-a #k2ModuleBox96 .ubLogout {
background: #363838; /* Old browsers */
background: -moz-linear-gradient(top, #363838 0%, #303232 51%, #292b2b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363838), color-stop(51%,#303232), color-stop(100%,#292b2b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #363838 0%,#303232 51%,#292b2b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #363838 0%,#303232 51%,#292b2b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #363838 0%,#303232 51%,#292b2b 100%); /* IE10+ */
background: linear-gradient(to bottom, #363838 0%,#303232 51%,#292b2b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363838', endColorstr='#292b2b',GradientType=0 ); /* IE6-9 */
border: 1px solid #373737;
-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
#rt-sidebar-a #form-login .button:hover ,#rt-sidebar-a #k2ModuleBox96 .ubLogout:hover{
background: #494949; /* Old browsers */
background: -moz-linear-gradient(top, #494949 0%, #494949 51%, #3c3c3c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(51%,#494949), color-stop(100%,#3c3c3c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #494949 0%,#494949 51%,#3c3c3c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #494949 0%,#494949 51%,#3c3c3c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #494949 0%,#494949 51%,#3c3c3c 100%); /* IE10+ */
background: linear-gradient(to bottom, #494949 0%,#494949 51%,#3c3c3c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */
border: 1px solid #525252;
}
#rt-main .itemFullText .mod_search .button {
background: #363838; /* Old browsers */
background: -moz-linear-gradient(top, #363838 0%, #303232 51%, #292b2b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363838), color-stop(51%,#303232), color-stop(100%,#292b2b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #363838 0%,#303232 51%,#292b2b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #363838 0%,#303232 51%,#292b2b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #363838 0%,#303232 51%,#292b2b 100%); /* IE10+ */
background: linear-gradient(to bottom, #363838 0%,#303232 51%,#292b2b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363838', endColorstr='#292b2b',GradientType=0 ); /* IE6-9 */
border: 1px solid #373737;
-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
#rt-main .itemFullText .mod_search .button:hover {
background: #494949; /* Old browsers */
background: -moz-linear-gradient(top, #494949 0%, #494949 51%, #3c3c3c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(51%,#494949), color-stop(100%,#3c3c3c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #494949 0%,#494949 51%,#3c3c3c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #494949 0%,#494949 51%,#3c3c3c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #494949 0%,#494949 51%,#3c3c3c 100%); /* IE10+ */
background: linear-gradient(to bottom, #494949 0%,#494949 51%,#3c3c3c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */
border: 1px solid #525252;
}
a.moduleItemReadMore, a.k2ReadMore, a.moduleCustomLink {
border: 1px solid #373737;
background: #363838; /* Old browsers */
background: -moz-linear-gradient(top, #363838 0%, #303232 51%, #292b2b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363838), color-stop(51%,#303232), color-stop(100%,#292b2b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #363838 0%,#303232 51%,#292b2b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #363838 0%,#303232 51%,#292b2b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #363838 0%,#303232 51%,#292b2b 100%); /* IE10+ */
background: linear-gradient(to bottom, #363838 0%,#303232 51%,#292b2b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363838', endColorstr='#292b2b',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
a.moduleItemReadMore:hover, a.k2ReadMore:hover, a.moduleCustomLink:hover {
color: #2a2e39;
background: #494949; /* Old browsers */
background: -moz-linear-gradient(top, #494949 0%, #494949 51%, #3c3c3c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(51%,#494949), color-stop(100%,#3c3c3c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #494949 0%,#494949 51%,#3c3c3c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #494949 0%,#494949 51%,#3c3c3c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #494949 0%,#494949 51%,#3c3c3c 100%); /* IE10+ */
background: linear-gradient(to bottom, #494949 0%,#494949 51%,#3c3c3c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */
border: 1px solid #525252;
}
a{ text-decoration:none;transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari and Chrome */ -moz-transition: all 0.5s; /* Firefox 4 */ -o-transition: all 0.5s; /* Opera */}
a.moduleItemReadMore,
a.k2ReadMore,
a.moduleCustomLink,
#camera-slideshow a.moduleItemReadMore,
button.button,
input.button {
display: inline-block;
padding:12px 14px 14px;
font-size:16px; line-height:19px; font-weight:bold; text-transform:uppercase;
text-decoration: none;
transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari and Chrome */ -moz-transition: all 0.5s; /* Firefox 4 */ -o-transition: all 0.5s; /* Opera */
}
a.moduleItemReadMore,
a.k2ReadMore,
a.moduleCustomLink,
#camera-slideshow a.moduleItemReadMore {
}
button.button,
input.button {font-family: 'Ubuntu', sans-serif;
}
/*Lists*/
.sf-menu > li > a:hover, .sf-menu > li > a:active, .sf-menu > li.sfHover > a, .sf-menu > li.sfHover > span, .sf-menu > li:hover > span, .sf-menu > li.current > a, .sf-menu > li.current > span, .sf-menu > li.active > a, .sf-menu > li.active > span {
background:url(../images/bg_menu_act.jpg) 0 0 repeat-x ;
}
li{ list-style-type:none;}
ul.itemList li,
div.k2CategoriesListBlock ul li,
div.k2ArchivesBlock ul li,
ul.k2UserBlockActions li,
ul.userLinks li,
form#form-login ul li,
ul.menu-list li {
overflow: hidden;
}
ul.itemList li a,
div.k2CategoriesListBlock ul li a,
div.k2ArchivesBlock ul li a,
ul.k2UserBlockActions li a,
ul.userLinks li a,
form#form-login ul li a,
ul.menu-list li a {
float: left;
}
ul.k2UserBlockActions {
margin: 1em 0;
}
ul.userLinks,
form#form-login ul {
margin: 1em 0 0;
}
/*Columns*/
.cols ul {
margin: 0 -10px;
overflow: hidden;
}
.cols ul li {
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
padding: 0 10px;
}
.cols.four ul li {
width: 240px;
}
.cols.three ul li {
width: 320px;
}
/*=== DRAWER POSITION ===*/
/*=== TOP POSITION ===*/
#rt-top { padding:0px 0 6px 0}
#rt-top .mod_search { float:right; padding-top:40px;}
#rt-top .mod_search #mod-search-searchword{ float:left; border:1px solid #444444; background:#373737; width:176px; height:28px; margin-right:2px; font-family: 'Ubuntu', sans-serif; color:white; line-height:16px; padding:6px 10px;}
#rt-top .mod_search input.button{ float:left; padding:6px 13px; font:12px Arial, Helvetica, sans-serif; color:#fff; font-weight: normal; background: #353737; /* Old browsers */
background: -moz-linear-gradient(top, #353737 1%, #2f3131 51%, #292b2b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#353737), color-stop(51%,#2f3131), color-stop(100%,#292b2b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #353737 1%,#2f3131 51%,#292b2b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #353737 1%,#2f3131 51%,#292b2b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #353737 1%,#2f3131 51%,#292b2b 100%); /* IE10+ */
background: linear-gradient(to bottom, #353737 1%,#2f3131 51%,#292b2b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353737', endColorstr='#292b2b',GradientType=0 ); /* IE6-9 */
line-height:16px; text-transform:none;border: 1px solid #373737;}
#rt-top .mod_search input.button:hover{ background: #494949; /* Old browsers */
background: -moz-linear-gradient(top, #494949 0%, #494949 51%, #3c3c3c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(51%,#494949), color-stop(100%,#3c3c3c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #494949 0%,#494949 51%,#3c3c3c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #494949 0%,#494949 51%,#3c3c3c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #494949 0%,#494949 51%,#3c3c3c 100%); /* IE10+ */
background: linear-gradient(to bottom, #494949 0%,#494949 51%,#3c3c3c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */
border: 1px solid #525252;}
/*=== HEADER POSITION ===*/
/*=== MENU POSITION ===*/
ul.sf-menu {
position: relative;
height:88px;
background:url(../images/bg_menu.gif) 0 0 repeat-x #efebed;
/*SubMenu Styles*/
/*Define 1st SubMenu position*/
/*Define menu width*/
/*Define SubMenu position*/
/*Define 2nd+ SubMenu position*/
}
ul.sf-menu > li{ width:17%; float:left; background:url(../images/menu_line.gif) right 0 no-repeat}
ul.sf-menu > .lastItem, ul.sf-menu > .firstItem{ width:16%;}
ul.sf-menu > .lastItem{ float:right; background:none;}
ul.sf-menu > li > a,
ul.sf-menu > li > span.separator {
display: block;
text-decoration: none;
text-align:center;
font-size:14px; text-transform:uppercase; line-height:88px; text-shadow:1px 1px 1px rgba(0,0,0,.3);
}
ul.sf-menu > li.parent > a span{ background: url(../images/menu_marker.gif) center 56px no-repeat; display:block}
ul.sf-menu > li.parent:hover > a span,
ul.sf-menu > li.parent.sfHover > a span,
ul.sf-menu > li.parent.active > a span,
ul.sf-menu > li.parent.current > a span{ background:url(../images/menu_marker_active.gif) center 56px no-repeat}
ul.sf-menu > li {
padding: 0;
}
ul.sf-menu > li:hover > ul,
ul.sf-menu > li.sfHover > ul {
top:88px;
}
ul.sf-menu > li:hover > ul li a,
ul.sf-menu > li.sfHover > ul li a,
ul.sf-menu > li:hover > ul li span.separator,
ul.sf-menu > li.sfHover > ul li span.separator {
}
ul.sf-menu ul {
width: 160px; padding:16px 0;
}
ul.sf-menu ul li{ padding:0 25px;}
ul.sf-menu ul a{ color:#fff !important;}
ul.sf-menu ul > li > a:hover span,
ul.sf-menu ul > li.sfHover > a span,
ul.sf-menu ul > li.active > a span,
ul.sf-menu ul > li.current > a span{ color:#747575 !important}
ul.sf-menu ul ul{ background:#292b2b}
ul.sf-menu ul ul a{ color:white !important;}
ul.sf-menu ul ul > li > a:hover span,
ul.sf-menu ul ul > li.sfHover > a span,
ul.sf-menu ul ul > li.active > a span,
ul.sf-menu ul ul > li.current > a span{ color:#747575 !important}
ul.sf-menu ul li{
font:10px Arial, Helvetica, sans-serif; text-transform:uppercase;
line-height: 34px;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 138px;
top: -0.5em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 138px;
top: -0.5em;
}
ul.sf-menu ul {
padding: 0.5em 0;
}
ul.sf-menu ul li a,
ul.sf-menu ul li span.separator { display:inline
}
select.select-menu {
display: none;
margin: 0px 0px 0px;
}
/*=== SHOWCASE POSITION ===*/
#rt-showcase {
overflow: hidden; padding-bottom:29px;
}
/*=== FEATURE POSITION ===*/
#rt-feature .rt-container{ padding-bottom:34px; position:relative;}
#rt-feature .rt-container:after{ content:""; position:absolute; left:10px; right:10px; bottom:0; height:1px; background:url(../images/line_hor1.png) 0 0 repeat-x}
/*=== UTILITY POSITION ===*/
/*=== MAINTOP POSITION ===*/
/*=== CONTENT ===*/
.cont{ padding-top:37px; padding-bottom:57px;}
.blocks h2{ padding:11px 0 18px 0}
.blocks h2 span{ display:block; color:white; font-size:22px; font-weight:normal; line-height:26px;}
.blocks .rt-block{ background:url(../images/line_vert1.png) right 0 repeat-y; padding-bottom:14px;}
.blocks.no_line .rt-block{ background:none;}
.list1 li{ padding-left:13px !important; background:url(../images/marker1.gif) 0 6px no-repeat; padding-bottom:6px !important;}
ul.list1{ padding-bottom:18px;padding-left: 0;}
.cont .welcome .rt-block{ padding-right:80px; padding-bottom:0}
.welcome h2{ font-size:89px; line-height:90px; font-weight:bold; text-transform:none; letter-spacing:-6px; padding:0 0 6px 0}
.welcome h4{ font-size:26px; font-weight:normal; line-height:40px; text-transform:uppercase; color:white; letter-spacing:-1px; padding:0 0 15px 0}
.welcome h4 span{ font-size:38px; color:#1ab7ec; font-weight:bold; letter-spacing:-2px;}
.welcome .moduleItemReadMore{ font:12px Arial, Helvetica, sans-serif; line-height:16px; padding:10px 15px 8px; margin-top:12px;}
.offers h2{ padding-bottom:24px}
.cont .offers .rt-block{ padding-left:80px; border-left:1px solid #000000; padding-bottom:0}
.offers li{ position:relative; padding-bottom:19px;}
.offers h3{ font-size:20px; line-height:24px; padding:0 100px 13px 52px;}
.offers h3 a{ color:white;}
.offers h3 a:hover{ color:#83868a;}
.offers img{ position:absolute; top:6px; left:0}
.offers p{ padding-bottom:0}
.link1{ color:white; text-transform:uppercase; text-decoration:underline; font-size:12px;}
.link1:hover{ color:#8e8e8e}
.offers .moduleCustomLink{font:12px Arial, Helvetica, sans-serif; line-height:16px; padding:10px 15px 8px; margin-top:6px;}
#offers .offers .rt-block{ padding-left:0px; border-left: none;}
#offers .catItemView{ position:relative;}
#offers .offers p{ padding-bottom:18px;}
.dropcap li{ position:relative;}
.dropcap h3{ padding:0 0 11px 52px; font-size:20px; line-height:24px; min-height:48px;}
.dropcap h3 a{ color:white}
.dropcap h3 a:hover{ color:#83868a}
span.dropcap{ position:absolute; top:4px; left:0; width:30px; height:30px; background:url(../images/bg_dropcap.png) 0 0 no-repeat; text-align:center; font-size:14px; color:#fff; font-weight: bold; line-height:28px;}
.mb8-sa4 .rt-container{ background:url(../images/line_vert2.gif) 570px 0 repeat-y;}
.mb8-sa4 .rt-grid-8 .rt-block{ padding-right:160px}
.mb8-sa4 .rt-grid-8, .mb8-sa4 .rt-grid-4{ margin-bottom:-40px; overflow:hidden;}
.view-search .mb8-sa4 .rt-container{ background:none}
.cont .rt-block{ padding-bottom:40px;}
.catItemImageBlock, .itemImageBlock, .userItemImageBlock, .genericItemImageBlock, .tagItemImageBlock{ float:left; margin-right:20px; margin-bottom:20px; position:relative; max-width:100%; overflow:hidden;}
.moduleItemImage strong, .catItemImageBlock strong, .itemImageBlock strong, .userItemImageBlock strong, .genericItemImageBlock strong, .tagItemImageBlock strong{ position:absolute; top:0; left:0; bottom:0; right:0; border:0px solid #fff; opacity:0.5;filter: alpha(opacity = 50);transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari and Chrome */ -moz-transition: all 0.5s; /* Firefox 4 */ -o-transition: all 0.5s; /* Opera */}
.moduleItemImage:hover strong, .catItemImageBlock a:hover strong, .itemImageBlock a:hover strong, .userItemImageBlock a:hover strong, .genericItemImageBlock a:hover strong, .tagItemImageBlock a:hover strong{ border-width:5px;}
.catItemImageBlock a, .itemImageBlock a, .userItemImageBlock a, .genericItemImageBlock a, .tagItemImageBlock a{ display:block}
#rt-mainbottom .rt-container{ padding-top:30px; position:relative; margin-top:34px;}
#rt-mainbottom .rt-container:before{ content:""; position:absolute; left:10px; right:10px; top:0; height:1px; background:url(../images/line_hor1.png) 0 0 repeat-x;}
.team > ul{ margin:0 -10px; overflow:hidden}
.team > ul > li{ float:left; margin:0 10px; width:140px;}
.team .catItemImageBlock{ margin-right:0}
#team h3{ padding-top:0}
.services .catItemView{ background:#3f3f3f; padding:20px;}
.services .catItemImageBlock{ margin-right:0}
.services .itemContainer{ margin-bottom:20px;}
.services .cont .rt-block{ padding-bottom:0}
.services .catItemView p{ padding-bottom:0}
.posts .moduleItemDateCreated{font-size: 18px; color: white; text-transform: uppercase; font-weight: bold; padding: 0 0 13px 0; display: block; line-height: 16px;}
.posts li{ padding-bottom:20px;}
.itemContainer {
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
padding: 0 10px;
}
.K2ItemsRow {
margin: 0 -10px;
}
.columns-fluid {
margin: 0 -10px;
}
.columns-fluid li {
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
padding: 0 10px;
}
.logout-button {
margin-top: 10px;
}
/*== Portfolio Page ==*/
a.touch,
a.modal.img {
position: relative;
overflow: hidden;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader() !important;
}
a.touch span.zoom-icon,
a.modal.img span.zoom-icon,
a.touch span.zoomIcon,
a.modal.img span.zoomIcon {
background: url("../images/zoom.png") no-repeat scroll 0 0 transparent;
height: 36px;
left: 50%;
margin-left: -18px;
margin-top: -18px;
position: absolute;
top: -50%;
width: 36px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader() !important;
}
#port .catItemView{ padding-bottom:30px !important;}
#port div.catItemView {
padding: 0;
}
#port div.catItemView div.catItemHeader span.catItemDateCreated,
#port div.catItemView div.catItemHeader div.catItemHitsBlock {
display: inline-block;
font-size: 0.8em;
margin: 0 0.5em 0 0;
}
#port div.itemImageBlock {
float: left;
margin: 0 20px 20px 0;
}
#port div.itemExtraFields {
border-width: 1px;
border-style: solid;
border-left: none;
border-right: none;
padding: 1.5em 0;
margin-bottom: 1.5em;
}
#port div.itemExtraFields ul li {
list-style: none;
}
#port div.itemExtraFields ul li span.itemExtraFieldsLabel {
font-weight: bold;
}
#port div.extraFieldsIntroText {
overflow: hidden;
}
#port div.itemContainer.itemContainerLast {
margin-right: 0 !important;
}
#port #isotopeOptions {
overflow: hidden;
margin-bottom: 2em;
}
#port #isotopeOptions ul#filters,
#port #isotopeOptions ul#sort,
#port #isotopeOptions ul#sort_direction {
display: inline-block;
margin: 0 1em 0 0 ;
}
#port #isotopeOptions ul#filters li,
#port #isotopeOptions ul#sort li,
#port #isotopeOptions ul#sort_direction li {
display: inline-block;
margin: 0 0 0 0.5em;
}
#port #isotopeOptions ul#filters li a,
#port #isotopeOptions ul#sort li a,
#port #isotopeOptions ul#sort_direction li a {
}
#port #isotopeOptions ul#filters li a:hover,
#port #isotopeOptions ul#sort li a:hover,
#port #isotopeOptions ul#sort_direction li a:hover,
#port #isotopeOptions ul#filters li a.selected,
#port #isotopeOptions ul#sort li a.selected,
#port #isotopeOptions ul#sort_direction li a.selected {
color:white;
}
#port .catItemImageBlock{ margin-right:0}
#port .itemContainer {
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
padding: 0 10px;
}
#port .itemList > div {
margin: 0 -10px;
}
#isotopeContainer.columns_1 .catItemImageBlock {
float: left;
margin: 0 2em 0em 0;
}
/*== Blog Page ==*/
.blog .itemList #itemListLeading .K2ItemsRow .catItemCommentsLink a{color: #8e8e8e !important;}
.blog .itemList #itemListLeading .K2ItemsRow .catItemCommentsLink a:hover{color: white !important;}
.blog div.userItemImageBlock,
.blog div.catItemImageBlock {
}
.blog div.itemImageBlock {
}
#blog .itemImageBlock{ margin-right:0}
#blog .catItemHeader, #blog .userItemHeader, #blog .itemHeader{ padding-bottom:14px;}
#blog .catItemDateCreated, #blog .userItemDateCreated, #blog .itemDateCreated{ padding-left:20px; background: url(../images/icon-1.png) 0 3px no-repeat; margin-right:14px;color: #8e8e8e;}
#blog .catItemAuthor, #blog .itemAuthor{ padding-left:20px; background: url(../images/icon-2.png) 0 3px no-repeat; margin-right:14px;}
#blog .catItemCommentsLink, #blog .userItemCommentsLink, #blog .itemCommentsLink{ padding-left:20px; background: url(../images/icon-3.png) 0 3px no-repeat;}
#blog .catItemBody{ background:url(../images/line_hor1.png) 0 bottom repeat-x; margin-bottom:20px; overflow:hidden;}
#blog .catItemReadMore, #blog .userItemReadMore{ margin-bottom:20px;}
#blog .userItemView{ margin-bottom:20px; overflow:hidden;}
/*== History Page ==*/
#history div.catItemHeader {
float: left;
margin: 0 1em 0 0;
}
#history div.catItemHeader h3.catItemTitle {
margin: 0;
}
#history div.catItemHeader span.catItemEditLink {
float: none;
}
#history div.catItemBody {
overflow: hidden;
padding: 0 2em 0 0;
}
#history div.catItemBody div.catItemIntroText p {
margin: 0;
}
#history .K2ItemsRow .itemContainer {
margin: 0 0 2em 0;
}
/*== FAQs Page ==*/
#faqs div.catItemHeader {
padding: 0;
}
#faqs div.catItemHeader h3 {
margin: 0; font-size:16px; line-height:18px; letter-spacing:0
}
#faqs div.catItemHeader h3:before {
content: "Q.";
display: inline-block;
float: left;
margin: 0 0.5em 0 0;
font: inherit;
}
#faqs .catItemView{ padding-bottom:30px;}
#faqs div.catItemBody:before {
content: "A.";
display: inline-block;
float: left;
margin: 0 0.5em 0 0;
font: inherit;
}
/*== Testimonials Page ==*/
#testimonials .catItemView{ padding-bottom:30px;}
#testimonials div.catItemIntroText:before {
background: url(../images/quotes.png) left top no-repeat;
content: ".";
text-indent: -999em;
display: block;
float: left;
margin: 0 0.5em 0.5em 0;
width: 66px;
height: 45px;
}
#testimonials div.catItemIntroText p:after {
content: '"';
}
#testimonials div.itemExtraFields > h3 {
display: none;
}
#testimonials div.itemExtraFields ul {
float: right;
list-style: none;
}
#testimonials div.itemExtraFields ul li {
font-style: italic;
}
#testimonials div.itemExtraFields ul li span.itemExtraFieldsLabel {
font-weight: bold;
}
#testimonials div.catItemExtraFields {
float: right;
}
#testimonials div.catItemExtraFields ul {
list-style: none;
}
#testimonials div.catItemExtraFields ul li {
font-style: italic;
}
#testimonials div.catItemExtraFields ul li.author {
font-weight: bold;
}
/*== Contacts Page ==*/
div.itemCommentsForm form input#submitCommentButton, input[type="submit"], button.button {
color: #FFFFFF;
background: #363838; /* Old browsers */
background: -moz-linear-gradient(top, #363838 0%, #303232 51%, #292b2b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363838), color-stop(51%,#303232), color-stop(100%,#292b2b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #363838 0%,#303232 51%,#292b2b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #363838 0%,#303232 51%,#292b2b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #363838 0%,#303232 51%,#292b2b 100%); /* IE10+ */
background: linear-gradient(to bottom, #363838 0%,#303232 51%,#292b2b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363838', endColorstr='#292b2b',GradientType=0 ); /* IE6-9 */
border: 1px solid #373737;
-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.logout-button {
margin-top: 10px;
}
div.itemCommentsForm form input#submitCommentButton:hover, input[type="submit"], button.button:hover {
color: #FFFFFF;
background: #494949; /* Old browsers */
background: -moz-linear-gradient(top, #494949 0%, #494949 51%, #3c3c3c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(51%,#494949), color-stop(100%,#3c3c3c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #494949 0%,#494949 51%,#3c3c3c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #494949 0%,#494949 51%,#3c3c3c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #494949 0%,#494949 51%,#3c3c3c 100%); /* IE10+ */
background: linear-gradient(to bottom, #494949 0%,#494949 51%,#3c3c3c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */
border: 1px solid #525252;}
#contact-form-cont div.contact-form {
margin: 0 0em 0 0;
padding: 0 3.5em 0 0;
}
#contact-form-cont div.contact-form #contact-form textarea {
height: 200px;
}
#contact-form-cont div.contact-form #contact-form dl {
margin: 0;
}
#contact-form-cont div.contact-form #contact-form fieldset legend {
display: inline-block;
padding: 0 0 1em 0;
}
.map-wrapper {
margin-bottom: 20px;
}
/*== Registration Page ==*/
#k2Container.k2AccountPage {
padding-top: 2em;
margin: 0 0 2em 0;
}
#k2Container.k2AccountPage input.inputbox,
#k2Container.k2AccountPage input[type="text"],
#k2Container.k2AccountPage textarea#jform_profile_aboutme,
#k2Container.k2AccountPage select {
width: 60%;
}
#k2Container.k2AccountPage textarea#description {
resize: none;
overflow: auto;
}
#k2Container.k2AccountPage textarea#jform_profile_aboutme {
height: 150px;
}
/*Reset / Remind */
#user-registration input.inputbox {
width: 60%;
}
/*== User Profile ==*/
div.profile dl {
margin-bottom: 1em;
padding-bottom: 1em;
}
ul.userLinks {
list-style: none;
}
/*== Search Page ==*/
div.component-content > div.search {
margin: 0 0 2em 0;
}
div.component-content > div.search #searchForm fieldset legend {
margin: 0 0 1em 0;
font-weight: bold;
}
div.component-content > div.search #searchForm fieldset > div {
margin: 0 0 1em 0;
}
div.component-content > div.search #searchForm div.form-limit-and-counter {
margin: 1em 0;
padding: 1em 0;
}
div.component-content > div.search #searchForm div.form-limit-and-counter p.counter {
line-height: 34px;
}
div.component-content > div.search #searchForm div.phrases-box label,
div.component-content > div.search #searchForm fieldset.only label {
display: inline-block;
margin: 0 1em 0 0;
line-height: inherit;
}
div.component-content > div.search .componentheading {
margin: 0 0 2em 0;
}
fieldset.word {
margin: 0 0 2em;
}
fieldset.word label {
display: block;
}
fieldset.word #search-searchword {
width: 40%;
display: block;
margin: 0 0 1em 0;
}
/*== User Lofin ==*/
.component-content div.login {
padding: 3em 0;
}
.component-content div.login input.inputbox {
width: 40%;
}
/*========================================================*/
/* Forms */
input.inputbox,
input.required,
div.k2AccountPage input[type="text"] {
width: 100%;
outline: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
background:#373737;
color:#fff; font-family: 'Ubuntu', sans-serif; line-height:17px;
border:1px solid #444444;
padding:6px;
}
textarea#commentText,
textarea#description,
textarea#jform_profile_aboutme,
textarea#jform_contact_message {
font-family: inherit;
resize: none;
overflow: auto;
outline: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
width: 100%;
background:#373737;
color:#fff;font-family: 'Ubuntu', sans-serif; line-height:17px;
border:1px solid #444444;
padding:6px;
}
/* Pagination */
div.k2Pagination li,
div.pagination li,
div.itemCommentsPagination li {
margin: 0 6px 10px 0;
}
div.k2Pagination li .pagenav,
div.pagination li .pagenav,
div.itemCommentsPagination li .pagenav {
display: inline-block;
border: none;
padding:12px 14px 14px;
font-size:16px; line-height:19px; font-weight:bold; text-transform:uppercase;
}
/* Comments */
.commentAuthorName{ margin-right:20px;}
div.itemComments ul.itemCommentsList li {
padding:20px;
background:#373737;
}
div.itemComments ul.itemCommentsList li > img {
margin: 0;
}
div.itemComments ul.itemCommentsList li div.commentBody div.commentToolbar span.commentLink {
float: right;
}
div.itemComments ul.itemCommentsList li div.commentToolbar {
margin: 0 0 0 2em;
}
div.itemComments div.userAvatar {
float: left;
margin: 4px 20px 0 0;
}
form#comment-form input.inputbox {
width: 60%;
}
form#comment-form textarea#commentText {
height: 250px;
}
/*Search*/
input#mod-search-searchword,
#search-searchword {
margin: 0 0 1em 0;
}
/*=== MAINBOTTOM POSITION ===*/
/*=== BOTTOM POSITION ===*/
#rt-bottom{ background: #181818; padding:55px 0 51px 0; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.finance h2{ font-size:24px; color:white; font-weight:bold; text-transform:uppercase; padding:0 0 22px 0; line-height:23px;}
.finance h2 span{ display:block}
.finance a{ padding:0 15px 0 17px; background: #363838; /* Old browsers */
background: -moz-linear-gradient(top, #363838 1%, #303131 52%, #292b2b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#363838), color-stop(52%,#303131), color-stop(100%,#292b2b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #363838 1%,#303131 52%,#292b2b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #363838 1%,#303131 52%,#292b2b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #363838 1%,#303131 52%,#292b2b 100%); /* IE10+ */
background: linear-gradient(to bottom, #363838 1%,#303131 52%,#292b2b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363838', endColorstr='#292b2b',GradientType=0 ); /* IE6-9 */
border: 1px solid #373737;
display:inline-block; font-size:14px; font-weight:bold; color:#fff; text-transform:uppercase; line-height:37px; border-radius:20px;}
.finance a span{background:url(../images/marker2.png) right 12px no-repeat; padding-right:18px; display:block}
.finance a:hover{ color:#fff; background: #494949; /* Old browsers */
background: -moz-linear-gradient(top, #494949 0%, #494949 51%, #3c3c3c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(51%,#494949), color-stop(100%,#3c3c3c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #494949 0%,#494949 51%,#3c3c3c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #494949 0%,#494949 51%,#3c3c3c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #494949 0%,#494949 51%,#3c3c3c 100%); /* IE10+ */
background: linear-gradient(to bottom, #494949 0%,#494949 51%,#3c3c3c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */
border: 1px solid #525252;
}
.carousel .moduleItemDateCreated{ font-size:18px; color:white; text-transform:uppercase; font-weight:bold; padding:0 0 13px 0; display:block; line-height:16px;}
.carousel .moduleItemTitle{ font-size:24px; line-height:23px; color:#747575; font-weight:bold; text-transform:uppercase; padding:0 0 14px 0}
.carousel #caroufredsel_carousel li .moduleItemIntrotext p{color: #83868a;}
/*=== FOOTER POSITION ===*/
#footer {
background: url("../images/bg_footer.jpg") repeat scroll 0 0 transparent;
}
#rt-footer{ padding-top:33px;}
.smile a{ position:relative; margin-left:7px !important}
.smile span{ position:absolute; top:0; left:0; width:100%; height:100%; opacity: 0;
filter: alpha(opacity=0);transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari and Chrome */ -moz-transition: all 0.5s; /* Firefox 4 */ -o-transition: all 0.5s; /* Opera */}
.smile a:hover span{opacity:1;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(opacity=100);}
#itemListLeading .itemContainer .catItemHeader h3{padding: 0 40px 13px 52px !important;}
.icon1{ background:url(../images/icon1_active.png) 0 0 no-repeat}
.icon2{ background:url(../images/icon2_active.png) 0 0 no-repeat}
.icon3{ background:url(../images/icon3_active.png) 0 0 no-repeat}
.icon4{ background:url(../images/icon4_active.png) 0 0 no-repeat}
.icon5{ background:url(../images/icon5_active.png) 0 0 no-repeat}
.copyright{ font:12px Arial, Helvetica, sans-serif; color:#555454; text-transform:uppercase; line-height:28px;}
.copyright a{ color:#555454;}
.copyright a:hover{ color:white;}
.siteName{ font-size:24px; color:#4e4e4e; font-family: 'Ubuntu', sans-serif; font-weight:bold; text-transform: none;}
/*=== Popup ===*/
#rt-popup {
display: none;
}
/*ToTop*/
/*Scroll to top*/
.rt-block.totop {
bottom: 13px;
position: fixed;
right: 13px;
display: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader() !important;
}
a#gantry-totop {
z-index: 999;
background: url(../images/scroll-to-top.png) top left no-repeat;
display: block;
width: 42px;
height: 42px;
text-indent: -9999em;
font-size: 1px;
line-height: 1px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader() !important;
}
a#gantry-totop:hover {
background-position: left bottom;
}
/* Alert boxes---------------------------------------- */
.alert-box {
padding: 20px 20px 20px 90px !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: inherit;
line-height: inherit;
border: 1px solid #dbdbdb;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 15px;
}
.error-box {
border-color: #ff9999;
color: #c31b00;
background: url(../images/icons/alert/icon-error.png) no-repeat 20px 50% #ffcccc;
}
.attention-box {
border-color: #e6c555;
color: #9e660d;
background: url(../images/icons/alert/icon-note.png) no-repeat 20px 50% #fdebae;
}
.notice-box {
border-color: #68a2cf;
color: #2e6093;
background: url(../images/icons/alert/icon-info.png) no-repeat 20px 50% #bfe4f9;
}
.approved-box {
border-color: #a3c159;
color: #5e6f33;
background: url(../images/icons/alert/icon-download.png) no-repeat 20px 50% #ccff99;
}
/* Fluid Columns */
.one_half {
width: 48%;
}
.one_third {
width: 30.66%;
}
.two_third {
width: 65.33%;
}
.one_fourth {
width: 22%;
}
.three_fourth {
width: 74%;
}
.one_fifth {
width: 16.8%;
}
.two_fifth {
width: 37.6%;
}
.three_fifth {
width: 58.4%;
}
.four_fifth {
width: 79.2%;
}
.one_sixth {
width: 13.33%;
}
.five_sixth {
width: 82.67%;
}
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
position: relative;
margin-right: 2%;
float: left;
}
.last {
margin-right: 0 !important;
clear: right;
}
.clr,
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* Tooltips */
#s-m-t-tooltip {
position: absolute;
max-width: 300px;
padding: 4px 8px 4px 8px;
background: #222;
z-index: 1000;
display: inline-block;
/*important*/
/*font*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #fff;
/*css3 rounded corners*/
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
opacity: 0.5;
filter: alpha(opacity=50);
}
.tip-wrap {
background: none repeat scroll 0 0 #000;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
padding: 7px;
color: #fff;
-moz-border-radius: 3px;
border-radius: 3px;
max-width: 500px !important;
width: auto !important;
}
.tip-title {
font-weight: bold;
}
/*======= 404 page styling ============*/
div.img404 {
width: 50%;
float: left;
}
div.img404 img {
width: 100%;
}
div.text404 {
overflow: hidden;
}
div.text404 #mod-search-searchword {
margin: 0 0.5em 0 0;
width: 70%;
padding: 14px 6px;
}
/*======= Under Construction ============*/
h1.constrSiteName {
margin-bottom: 1em;
}
.counter_desc {
position: relative;
overflow: hidden;
font-size: 16px;
font-weight: bold;
line-height: 1.2em;
padding: 5px 0 40px 0;
margin: 0 0 0 30px;
}
.counter_desc div {
width: 104px;
margin-left: 18px;
text-align: center;
float: left;
}
.counter_desc div:first-child {
margin-left: 0;
margin-right: 23px;
}
.cntSeparator {
color: #000000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 50px;
margin: 24px 0;
}
#frame {
width: 600px;
margin: 150px auto 0;
padding: 0px;
text-align: center;
background: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
border-radius: 15px;
}
#frame .frameInner {
padding: 50px 36px;
}
#frame form {
text-align: left;
}
#frame #form-login label {
width: 10em;
display: block;
float: left;
line-height: 2em;
}
#frame #form-login input.inputbox {
height: 2em;
line-height: 2em;
}
.contact-misc span{ float:right; margin-right:10px;}
.social-button a{transition: all 0; -webkit-transition: all 0; /* Safari and Chrome */ -moz-transition: all 0; /* Firefox 4 */ -o-transition: all 0; /* Opera */}
#history div.catItemBody div.catItemIntroText p {font-family: 'Ubuntu', sans-serif; color: #000000 !important; font-size:100% !important;}
.contact .contact-image{float:right;}
.hikashop_footer a.test-link{display:none;}
.recaptcha_only_if_privacy{display:none;}
.contact h3.pane-toggler-down{display:none;}
.panel h3.pane-toggler{display:none;}
.rt-block .custom a{color: #fff;
font-size: 15px;font-weight:bold;}
.rt-omega .hikashop_cart_button{background: url(../images/shopping_trolley.png) no-repeat 147px 12px; }
div.itemNavigation {background: none;border: none;margin: 0;padding: 0;}
.rt-container {background: none;}
div.itemListCategory {
background: none;
border: none;
}
div.itemListCategory{background: none;border: none;}
.breadcrumbs {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #494949 0%, #494949 51%, #3c3c3c 100%) repeat scroll 0 0;
border: 1px solid #525252;
color: #8e8e8e;
}