/*  PROJECT :: DYNO
    2016.10
-----------------------------------------------------------------------*/
@import url("/templates/shaper_helix3/css/custom_menu_mega.css");
@import url("/templates/shaper_helix3/css/custom_responsive.css");
/*---------------------------------------------------------------------*/


.alert-danger, .alert-message {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebcccc;
}
/*
OWL SLIDER DOCS
http://www.owlcarousel.owlgraphic.com/docs/api-options.html
 */
#offcanvas-toggler {
    float: none;
    line-height: 90px;
    z-index: 99;
    position: absolute;
    right: 15px;
    top: -12px;
}
.offcanvas-menu {
    background: #000;
    color: #FFF;
}
.close-offcanvas {
    color: #FFF;
  border: 2px solid #fff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
  border-bottom: 1px dotted #e8e8e8;
  color: #FFFFFF;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active{
    background:#757575;
}
/* top section
---------------------------------------------------------------*/
#sp-top1 p {
  margin-bottom: 0px;
  color: #fff;
  font-weight: 400;
  font-size: 13px;
}
#sp-top2 i.fa {
    font-size: 18px;
    display: inline-block;
    line-height: inherit;
}
#sp-top-bar .sp-module {
    display: inline-block;
    margin: 0px;
}
/* ADMIN
---------------------------------------------------------------*/
.edit15{margin-bottom:15px;}
.btnSpacer10{margin-right:10px;}
.editBtn button {
    padding: 5px 8px!important;
    font-size: 14px!important;
}
.edit15 label {
    display: none;
}
.fa-4 {
    font-size: 7em;
}
/* Hide Stuff
---------------------------------------------------------------*/
.itemid-101 #sp-page-title,
.itemid-101 .item-page,
.itemid-101 #sp-main-body,
div.itemBackToTop,
.mapprint,
.counter,
a.osmapexcl.osmapexcloff,
.page-header{
display: none!important;
}
/* TYPOGRAPHY
---------------------------------------------------------------*/
body {
    line-height: 1.5em !important;
}
.body-innerwrapper {
  color: #666;
}
h1, h2, h3, h4, h5, h6,
#sp-component h1,#sp-component h2, #sp-component h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
a {

}
a:hover, a:focus, a:active {
}
.nav>li>a:hover {
    background: transparent;
}
.bkg-blue {
    background-color: #3381CA;
    overflow: hidden;
}
/* Spacer25/ 50
---------------------------------------------------------------*/
.spacer15 {
margin:15px 0 !important;
}
.spacer15p {
padding:15px!important;
}
.spacer25 {
margin:25px 0 !important;
}
.spacer25top {
margin-top:25px!important;
}
.spacer30 {
margin:30px 0 !important;
}
.spacer50 {
margin:50px 0 !important;
}
.borderradius3,
.borderradius3 img{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.borderradius5,
.borderradius5 img{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* Header
---------------------------------------------------------------*/
body.down header.clone {
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
header.clone {
    background-color:#000!important;
    width: 100%;
    position: fixed;
    top: -180px;
    transition: 0.9s top ease-in;
    margin-left: 0;
    border-bottom: solid 1px #eee;
}
header.clone {
  height: 80px !important;
}
header.clone #sp-header {
  height: 80px !important;
}
header.clone .sticky-wrapper .logo {
  display: inline-block !important;
  height: 100px !important;
  display: table !important;
}
header.clone .logo {
    height: 50px !important;
    width: 175px;
}
header.clone .sp-megamenu-wrapper {
    margin: -20px 0 0 0;
}
header.clone .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
    right: 0px;
    margin-top: -10px;
}
#sp-headerlogo h1{
  margin: 0;
  padding: 0;
}
#sp-header .logo {
   position: absolute;
    z-index: 99;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, not all, not all
#sp-header .sp-default-logo {
   display: none;
}

/* PAGE-TITLE
---------------------------------------------------------------*/
.sp-page-title .container {
    padding-left: 0;
}
.sp-page-title {
    background-color:transparent!important;
}
.sp-page-title h2 {
    font-size: 28px;
    font-weight: 600;
    color: #000000;
    /* float: left; */
    padding: 0;
    margin: 0;
    width: 100%;
    /* border-bottom: 1px solid #E8E8E8; */
    /* padding-bottom: 30px; */
}
.cck_module_breadcrumbs {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}

/* Right Column
---------------------------------------------------------------*/
/* social icon */
.right-social-icons i.fa {
    font-size: 28px;
}
/* Bottom
---------------------------------------------------------------*/
#sp-bottom {
  font-size: 13px;
  text-align: left!important;
}
#sp-bottom ul,#sp-bottom li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#sp-bottom h3 {
margin-top: 27px!important;
    margin-bottom: 17px!important;
    color: #fafafa!important;
    font-weight: 300!important;
    font-size: 19px!important;
}
/*#sp-component h1:after,
#sp-component h2:after,
#sp-component h3:after,
.single-sidebar-widget h2:after{
    content: '';
    width: 50px;
    height: 3px;
    background: #FF7D00;
    display: block;
    margin-top: 13px;
}*/
#sp-bottom .contact-infos li .icon-box, #sp-bottom .contact-infos li .text-box {
    display: table-cell;
    vertical-align: middle;
}
#sp-bottom .contact-infos li .icon-box {
    font-size: 17px;
    vertical-align: top;
}
#sp-bottom .contact-infos li .text-box {
    padding-left: 18px;
}
#sp-bottom .contact-infos i.fa {
    margin-top: 3px;
}
#sp-bottom .link-list .nav>li>a {
    padding: 0;
}
#sp-bottom .nav>li>a:hover, #sp-bottom .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
}

/* Footer
---------------------------------------------------------------*/
footer#sp-footer {
    border-top: 0px solid #161F27;
    font-size: 12px;
}

/* Horizontal menus */
ul.nav.menu.horizontal li {
border: 0;
display: inline-block;
list-style-type: none;
padding-right: 15px;
}
ul.nav.menu.horizontal >li >a {
line-height: 100%;
padding: 0px
}
ul.nav.menu.horizontal > li > a:before {
display: none;
}
li.active a {
font-weight: 400;
}

/* SLIDESHOW
 http://stackoverflow.com/questions/1776915/how-to-center-absolute-element-in-div
---------------------------------------------------------------*/
#sp-slideshow .caption br {display: none!important;}
#sp-slideshow .caption {
    position: absolute;
    z-index: 99;
    top:30%;
    left: 0;
    color: #fff;
    text-align: left;
    padding:0;
    /* right: 0; */
    margin: 0 0 0 10%;
    width: 30%;
}
#sp-slideshow .caption h3, #sp-slideshow .caption p{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 1;
    font-weight: 400;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    color: #fff;
    margin: 0 0 10px 0;
    padding: 10px;
  }
#sp-slideshow .caption h3 {
    font-size: 36px;
    /*background-color: #3381CA;*/
}
#sp-slideshow .caption p{
    /*background-color:#E80E1C;*/
    font-size: 25px;
}
#sp-slideshow .owl-controls {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
}
.owl-theme .owl-dots .owl-dot span {
    background: #3381CA !important;
}
/* ARTICLE LAYOUTS
---------------------------------------------------------------*/
.entry-header,
article.item{
    margin-bottom: 0;
}
#faq ul {
    font-size: 18px;
}
.news h3 {
    padding: 0!important;
    margin: 0 0 5px 0!important;
}
.view-article .cck_news_image,
.view-article .cck_article_image {
    /* float: right; */
    overflow: hidden;
    width: 100%;
    margin: 25px 0 15px 0;
}
.view-article .cck_news_image{
    margin: 20px 0 5px 0;
}
.cck_art_created {
    font-style: italic;
}
.captions {
    font-style: italic;
    font-size: 13px;
    text-align: right;
}
.blog-top {
    padding: 0;
    margin: 0 0 55px 0;
    overflow: hidden;
}
/*.cck_value_upload_image img {
    width: 40%;
    margin:80px 0 15px 15px;
}*/
/* SEBLOD CONTACT FORM
---------------------------------------------------------------*/
#sp-component .form-control,.contact-form .form-control {
    margin-bottom: 13px !important;
}
.btn-contact,.btn-contact:hover,
.btn-primary, .sppb-btn-primary, .btn-primary:hover, .sppb-btn-primary:hover{
    background-color: #3381CA;
    border: 1px solid #3381CA;
  color:#fff;
}
.message .btn-contact, .message .btn-contact:hover,
.btn-purch, .btn-purch:hover{
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #3381CA!important;
}
#sp-component textarea, .contact-form textarea {
    height: 129px;
}
/* SHOW PRODUCTS
---------------------------------------------------------------*/
.products {
    border-top: 0px solid #ccc;
    margin-top: 15px;
    padding-top: 15px;
    overflow: hidden;
}
.cck_module_list,
.cck_module_list div.cck-f100,
.cck_module_list .cck-pad-8 > div,
.cck_module_list div.cck-line-body,
.cck_module_list div.cck-pad-8 .cck-ptb,
.cck_module_list div.seb_css3{
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: initial;
  width: 100%;
  }
.products .cck-f100 {
    min-height: 125px;
    opacity:0.8;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    margin-bottom:15px!important;
}
.products .cck-f100:hover{
    opacity:1;
    border: 0px solid #ccc;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-color:#E6E6E6;
  }
.products a {
    text-align: center;
    padding-bottom: 10px;
    overflow: hidden;
    display: block;
    color: #000;
    font-weight: 600;
}
.products img{
    text-align: center;
    display: initial;
}
.cck_module_list ul,.cck_module_list li {
  margin:0;
  padding:0;
  list-style: none;
}
.cck_module_list li {
    float: left;
    display: block;
    clear: right;
    display: block;
    padding: 4px;
    margin:0 24px 10px 0;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    min-height:175px;
    width: 30%;
    overflow: hidden;
}
.cck_module_list .cck-line-body {
padding: 9px;
    color: #333;
}
.cck_module_list .cck_article_image {
    overflow: hidden;
    float: none;
    width:auto;
    margin:0;
}

/* ==============================
  27. Side Bar Widget styles
---------------------------------------------------------------*/
.sp-module.right-column:first-child {
    margin-top: 25px;
}
.right-column .cck_module_list {
    text-align: left !important;
}
.newsitems .cck_news_image{
  margin-top:0 !important;
  overflow: hidden;
}
.title {
    display: block;
    background: url(/images/assets/header_divider.png) repeat-x center;
    line-height: 1 !important;
}
.title span {
    position: relative;
    top: -3px;
    margin-top: -3px;
    padding-right: 14px;
    background: #fff;
    color: #666;
    font-weight: 600;
    font-size: 18px;
}
#sp-section-8 .title span {
    background: #F0F0F0;
}
.title-in {
    display: block;
    background: url(/images/assets/header_divider.png) repeat-x center;
    line-height: 1 !important;
    margin-top: 35px;
}
.title-in span {
    position: relative;
    top: -8px;
    padding-right: 14px;
    background: #fff;
    color: #666666;
    font-weight: 300;
    font-size: 17px;
    font-family: "Open Sans", sans-serif;
}
.title-in:first-child { margin-top: 0px }
.form-control:focus {
    outline: 0;
    border-color: #99cc66;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(152,205,96,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(152,205,96,0.6);
}
.message { /*message block*/
    color: #fff;
}
.message .title span {
  background: #3381CA;
  color: #FFF;
}
/* ==============================
  21. Footer Top styles
---------------------------------------------------------------*/
.footer-top h3 {
  font-size: 34px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.footer-top p {
  font-weight: 400;
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  line-height: 50px;
  margin: 0px;
}
.footer-top .thm-btn {
  margin-top: 41px;
}
.footer-top form {
  margin-top: 23px;
}
.footer-top form input {
  height: 45px;
  margin-right: 15px;
  border-radius: 3px;
  border: none;
  outline: none;
  padding: 0 15px;
  width: 66%;
  color: #838383;
}
.footer-top form input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #838383;
  opacity: 1;
}
.footer-top form input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #838383;
  opacity: 1;
}
.footer-top form input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #838383;
  opacity: 1;
}
.footer-top form input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #838383;
}
.footer-top form input:placeholder-shown {
  /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color: #838383;
}
.footer-top form .thm-btn {
  padding: 8px 0px;
  padding-left: 20px;
  padding-right: 15px;
}
.footer-top form .thm-btn:hover {
  background: #10151B;
}
/* WIDGETS HOME
---------------------------------------------------------------*/
.homevideo{
  margin: 28px 0 0 30px;
}
.widgets-home{
  text-align: center;
}
.widgets-home .col-xs-2 {
    /*padding: 0;*/
}
.widgets-home .cck_fontawesome_icon {
    text-align:left;
}
.widgets-home i.fa {
    font-size: 36px;
    margin-top: 3px;
    color: #333;
}
.widgets-home h3 {
    margin-bottom: 25px;
    color: #0F181F;
    font-size: 32px;
    font-weight: 600;
}
.widgets-home img {
    padding: 10px;
}
.widgets-home .large-text {
    font-size: 18px;
    font-weight: 600;
}
.widgets-home .small-text {
    margin:0;
}
.itemid-101 .newsitems .cck-f100{
  /*border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 10px;*/
}
.itemid-101 .newsitems .cck_news_image,
.itemid-101 .newsitems .cck_art_title{
    margin-bottom: 15px;
}
.widgets-home a,
.itemid-101 .newsitems a{
  color: #333;
  text-decoration: none;
  font-size: 17px;
}
.widgets-home a:hover,
.itemid-101 .newsitems a:hover{
  color: #4a9be6;
}



/* BOX, info, bottom area
---------------------------------------------------------------*/
.box {
    overflow: hidden;
    padding: 20px;
    border-left: 0px solid #fff;
}
.box h3 {
  font-weight: 400;
  margin-top:10px;
}
.box p {
    margin-top: 15px;
    font-weight: 300;
}
.purch-block {
    display: table;
    margin: auto;
    margin-top:15px;
}
/* Testimonials
---------------------------------------------------------------*/
.testimonial .author {
    float: left;
    margin-right: 40px;
    padding: 10px;
    padding-left: 0px;
}
.testimonial .author img {
    width: 87px;
    height: 87px;
}
.testimonial blockquote {
    padding: 5px 20px;
    color: #555 !important;
    font-size: 13px;
    font-weight: 300;
    position: relative;
    border-left: 0px !important;
}
.testimonial blockquote:before {
    position: absolute;
    top: 3px;
    left: 98px;
    color: #e8e8e8;
    content: '\f10d';
    font-size: 19px;
    font-family: FontAwesome;
}
.testimonial blockquote p {
    position: relative;
    color: #666;
    font-size: 13px;
    line-height: 1.65;
    font-style: italic;
}
cite {
    float: left;
    color: #666;
    font-weight: 300;
}
cite b { font-weight: 600 }
/* LOGO SLIDER
---------------------------------------------------------------*/
.logosslider .owl-item img {
   /*margin: 0 10px;*/
}



/* RESPONSIVE UTILITIES */
/* Phone */
@media (max-width:767px) {
#sp-slideshow .caption h3 {
    font-size: 14px; 
    text-align: center;
    /*background-color: #3381CA;*/
}
#sp-slideshow .caption {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
#sp-slideshow .caption p{
    /*background-color:#E80E1C;*/
    display: none;
}
.sp-default-logo, #sp-header .logo {
height: 50px;
}
/* Larger than a phone */
@media (min-width:768px) {

}
/* Tablet */
@media (min-width:768px) and (max-width:991px) {
}
/* Small Monitor */
@media (min-width:992px) and (max-width:1199px) {
}
/* Desktop */
@media (min-width:1200px) {
}
/* Large Widescreen Desktop */
@media (min-width:1921px) {
}