/*---------------------------------------------------------------

# Package - Joomla Template based on Helix Framework   

# ---------------------------------------------------------------

# Author - JoomShaper http://www.joomshaper.com

# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.

# license - PHP files are licensed under  GNU/GPL V2

# license - CSS  - JS - IMAGE files  are Copyrighted material 

# Websites: http://www.joomshaper.com

-----------------------------------------------------------------*/
html {
background-image: url(https://www.gewspecmon.co.za/templates/shaper_helix/images/footer_bg.gif);
background-color: #086d7f;
background-repeat: repeat-y;
background-position: center bottom;
}

body {
color: #555;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
line-height: 1.3em;
}

.main-bg {
background: #fff;
margin-bottom: 0;
}


#sp-slides .sp-inner {
border-bottom: 0;
padding-left: 0px !important;
padding-right: 0px;
}

#sp-slides .jumbotron {padding: 30px 0; text-align: center;}

#sp-slides .masthead h2 {font-size:120px;line-height:1;letter-spacing:-2px;}

#sp-slides .masthead p {font-size: 18px; line-height: 30px;}

#sp-slides .btn-toolbar a {margin:0 5px}



/* Landscape phone to portrait tablet */

@media (min-width: 768px) and (max-width: 959px) { 

	#sp-slides .masthead h2 {font-size:90px}

}



/* Phones portrait and landscape  */

@media only screen and ( max-width: 767px ) { 

	#sp-slides .masthead h2 {font-size:36px}

}

.mod-wrapper h3.header span {
color: #086d7f !important;
font-weight: bold;
}

.mod-wrapper h3.header {
font-size: 1.3em !important;
line-height: normal;
margin: -10px -10px 10px -10px !important;
padding: 10px !important;
border-bottom: 1px solid #e5e5e5;
background-color: #C3D7DB;
}

.page-header {
border-bottom: 0;
padding-bottom: 0;
}

.page-header h2 {
line-height: 1.2em;
color: #086d7f;
font-weight: normal;
margin: 0 0 .5em 0;
padding: 5px 0;
padding-left: 0;
border-bottom: 0;
font-size: 1.7em;
}

#header {
position: relative;
height: 120px;
}

h2 {
font-family: arial, helvetica, sans-serif;
color: #086d7f;
line-height: inherit;
font-weight: normal;
font-size: 1.3em;
}


a#logo, #logo-text {
float: left;
margin: 15px;
}

#hornav {
background: #2d8695; /* Old browsers */
background: -moz-linear-gradient(top,  #2d8695 0%, #0c6f81 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d8695), color-stop(100%,#0c6f81)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2d8695 0%,#0c6f81 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2d8695 0%,#0c6f81 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2d8695 0%,#0c6f81 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2d8695 0%,#0c6f81 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d8695', endColorstr='#0c6f81',GradientType=0 ); /* IE6-9 */
border-top: none;
border-bottom: none;
height: 37px;
}

#hornav ul.level-0, #sublevel ul.level-1 {
margin: 5px 20px 0 !important;
}

#hornav, #sublevel {
display: block;
font-weight: bold;
line-height: normal;
text-decoration: none;
margin: 0;
padding: 5px 10px;
font-size: 1.2em;
}

#hornav ul li .submenu-inner{
border: 1px solid #e5e5e5;
background: #ffffff !important;
}

#hornav ul.level-0 > li.menu-item.active > a.menu-item, #sublevel ul.level-1 > li.menu-item > a.menu-item {
    color: #e05a25 !important;
    font-weight: bold;
    line-height: normal;
}

#hornav ul.level-0 > li.menu-item > a.menu-item, #sublevel ul.level-1 > li.menu-item > a.menu-item{
color: #ffffff !important;
}

#hornav ul.level-0 > li.menu-item > a.menu-item {
margin: 0 5px !important;
padding: 5px 15px !important;
}

#hornav ul.level-0 > li:hover, #hornav ul.level-0 > li.menu-item.active {
padding: 0 15px 15px 15px;
}


.blue .header {
background: #cee2e5;
}

#sp-bottom {
background: #cee2e5;
color: #888;
font-size: 90%;
min-height: 160px;
height: 145px;
overflow: hidden;
}

#sp-footer {
background-image: url(https://www.gewspecmon.co.za/templates/shaper_helix/images/footer_bg.gif);
background-color: #086d7f;
background-repeat: repeat-y;
background-position: center bottom;
}

#sp-footer .cp {
float: none;
padding:0;
margin-right: 0;
height: auto;
text-align: center;
color: #CEE2E5;
font-size: .8em;
}



div.font-sizer a.btn_fs_big, div.font-sizer a.btn_fs_reset, div.font-sizer a.btn_fs_small {

background-image: url(https://www.gewspecmon.co.za/templates/shaper_helix/images/font-resizer.png);

background-repeat: no-repeat;

height: 16px;

width: 15px;

border: medium none;

cursor: pointer;

display: block;

float: left;

text-indent: -999em;

padding: 0;

}

#sp-bottom .mod-block {
padding: 10px 10px !important;
}

#sp-bottom .separator .mod-block {
border-right: 1px solid #CEE2E5 !important;
}

h3 {
margin: 10px 0;
font-size: 1.3em;
font-family: inherit;
font-weight: normal;
line-height: 20px;
color: inherit;
text-rendering: optimizelegibility;
color: #086d7f;
}

.blog h1 {
font-size: 1.7em;
color: #086d7f;
font-weight: normal;
}

.blog_titles h1 {
font-size: 1.7em;
color: #086d7f;
font-weight: normal;
line-height: 1.7em;
margin: 0;
}

.blog_titles h2 {
font-size: 1.3em;
margin: 0;
line-height: inherit;
padding: 0;
}

.blog_titles dl.article-info {
color: #555;
font-weight: bold;
font-size: smaller;
}

a:hover {
color: #e05a25 !important;
}

.blog_titles a:hover {
 color: #e05a25;
}

.icon-calendar {
background-position: -192px -120px;
display: none;
}

input#mod-search-searchword {
height: 20px;
border-radius: 0;
padding: 0;
border: none;
bottom: -12px;
margin-left: 80px;
border: none;
box-shadow: none;
background: transparent;
}

#sp-bottom .mod-wrapper-flat h3.header {
color: #e05a25 !important;
}

.mod-wrapper-flat li a, .mod-wrapper-flat a {
color: #086d7f !important;
font-size: 12px;
font-weight: bold;
}

#sp-bottom .mod-wrapper-flat li {
border-bottom: none !important;
}

.mod-wrapper-flat li {
font-size: 11px;
display: block;
text-decoration: none;
margin: 0;
padding: 0 2px !important;
background: none;
color: #888;
}

#sp-maincol {
padding: 0;
}

#sp-footer-nav {
float: none;
padding: 0;
margin-right: 0;
height: auto;
text-align: center;
color: #CEE2E5;
font-size: .8em;
font-weight: bold;
}

#sp-footer-nav a {
font-weight: normal;
text-decoration: none;
display: inline;
margin: 0;
padding: 0 8px;
color: #CEE2E5;
}

#sp-footer-nav li {
background: none;
padding: 0;
display: inline;
border-right: 1px solid #fff;
}

.module.leftmenu ul {
color: #107284;
font-weight: bold;
list-style-type: disc !important;
list-style: inherit !important;
list-style-position: outside !important;
margin-left: 15px;
}

.module.leftmenu li{
  border-bottom:none;
}

.module.leftmenu a:hover {
background: transparent;
color: #e05a25;
}

.module.leftmenu a {
background: transparent;
color: #e05a25;
}

.mod-wrapper li {
padding: 0 !important;
}

.btn {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
color: #086D7F;
text-shadow: none;
cursor: pointer;
background-color: transparent;
background-image: none;
border: none;
border-radius: 0;
box-shadow: none;
float: right;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
color: #333;
background-color: transparent;
}

#sp-search {
background-color: #f3f4f4;
position: absolute;
right: 15px;
padding: 8px 0 0 0;
display: block;
width: 330px;
height: 47px;
bottom: 10px;
background-image: url(https://www.gewspecmon.co.za/templates/shaper_helix/images/searchButton.png);
background-repeat: no-repeat;
margin: 10px;
}

.item-separator {
border-bottom: 1px solid #9fccdc;
margin-bottom: 10px;
}

.mod-wrapper h3.header {
color: #086d7f;
}

.jsn-master .jsn-bootstrap h1{
color: #086d7f;
}

.jsn-master .jsn-bootstrap h3{
color: #086d7f;
}

.fpss-template-jj-rasper .slidetext h1 a {
font-family: arial, helvetica, sans-serif !important;
}

#fpssContainer100.fpss-template-jj-rasper {
font-family: arial, helvetica, sans-serif !important;
}

div#sp-bottom1 {
margin-top: 17px;
}

div#sp-bottom2 {
margin-top: 17px;
}

.social {
background: transparent;
width: 130px;
float: right;
}

#hornav ul.level-0 > li:hover {
  padding-bottom: 11px;
  background-color: #fd520e !important;
}