/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body { /*background-image:url(../images/new/site-bgr.jpg); background-repeat:repeat-y; background-position:center top;*/ /*font-family:menuRanchWesternFonts2 !important; */font-family: 'Ubuntu', sans-serif !important; max-width:100%;}
.grey_bar {
background-color:#373536;
color:#ffffff;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
font-size:17px;
margin-top:3px;}
.grey_bar a { color: #FFF; font-weight: normal; background:transparent; text-decoration:none; }
.grey_bar a:focus, .grey_bar a:hover, .grey_bar a:active { color: #FFF; text-decoration:underline; background-color: transparent; }
[data-magellan-expedition], [data-magellan-expedition-clone] {
    padding:0px;
}
.bottomMenu {
    /*position: fixed;*/
    height: 45px;
    z-index: 1000;
    transition: all 1s;
    top:0;
    /*right:100px;*/
    padding-top:5px;
    padding-bottom:5px;
	background-color:#ffffff;
	height:55px;
}
.hide {
    opacity:0;
    visibility:hidden;
}
.show {
    opacity:1;
     visibility:visible;
}
.menu_row {
background-color:#ee3439;
color:#ffffff;
z-index:100000 !important;
position:relative;
/*padding-top:10px;
padding-bottom:10px;*/}
.count {
	position:absolute;
	top:-2px;
	z-index:5;
	display:inline-block;
	/*width:15px;
	height:15rem;*/
	/*margin-left:.3125rem;*/
	margin-left:0px;
	border-radius:100%;
	background:#ee3439;
	font-size:.7125rem;
	line-height:1.375rem;
	color:#ffffff;
	text-align:center;
	padding:0px 7px 0px 7px;
}
@media only screen and (max-width: 53.125em) {
.menu_row {
padding-top:0px;
padding-bottom:0px;
}
.top-bar-section li:not(.has-form) a:not(.button) {
line-height:17px !important;
padding-top:5px;
padding-bottom:10px;
font-size:16px !important;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
padding-top:5px;
padding-bottom:10px;
font-size:16px !important;
}
.top-bar-section .has-dropdown > a:after {
border-color: transparent transparent transparent rgba(255, 255, 255, 4) !important;
border-style:solid !important;
}
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { top:50% !important;}
}
@media only screen and (min-width: 53.125em) {
.top-bar-section .right li .dropdown { left:0; right:auto; }
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { height:20px; }
}
@media only screen and (min-width: 53.125em) {
nav.top-bar {
    /*text-align:center;*/
  }
section.top-bar-section {
    display: inline-block;
  }
  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  font-size:20px;
  }
}
.top_bar_full {
/*background-color:#ffffff;*/
/*padding-top:10px;*/
}
.top-bar {
/*background-color:#ffffff;*/
/*height:100px;*/
background:none;
}
.top-bar .toggle-topbar {
width:100px;
/*padding-top:0px;*/
float:right;
}
.top-bar .row {
max-width:1200px;
}
@media only screen and (max-width: 53.125em) {
.top-bar .name {
	width:260px;	
}
}
.top-bar .name {
/*height:108px;*/

}
.top-bar-section {
left:275px;
}
.top-bar-section li:not(.has-form) a:not(.button) {
background:transparent;
/*text-transform:uppercase;*/
line-height:40px;
font-family: 'Ubuntu', sans-serif !important;
/*font-weight:bold;*/
font-size:19px;
}
.top-bar-section ul li {
background:transparent;
}
.top-bar-section .dropdown {
/*background-image:url(../images/menu_bgr_new.png);
background-repeat:repeat;*/
background-color:#ee3439;
/*overflow-y: scroll !important;
overflow-x: hidden !important;
max-height:400px !important;
visibility: hidden;*/
}
/* width */
.dropdown::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.dropdown::-webkit-scrollbar-track {
  border-radius: 10px;
}
/* Handle */
.dropdown::-webkit-scrollbar-thumb {
  background: #000000;
  border-radius: 10px;
}
.top-bar-section .dropdown .dropdown_2 {
	text-indent:30px;
}
.top-bar-section .dropdown .dropdown_2 .dropdown_3{
	text-indent:60px;
}
.top-bar-section ul li:hover > ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}
.top-bar .name :hover > ul, ul li{
visibility: visible;
}
.top-bar-section .has-dropdown:hover > a:after {
	border-color:#000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.top-bar-section ul li > a {
font-size:18px;
color:#000000;
}
.top-bar.expanded .title-area {
background:transparent;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
background:transparent;
color:#000000 !important;
}
.top-bar-section .has-dropdown.moved > .dropdown {
background:none;
}
.top-bar .toggle-topbar a {
font-size:18px;
font-family: 'Ubuntu', sans-serif !important;
font-weight:normal;
}
.top-bar .toggle-topbar.menu-icon {
/*width:100%;*/
top:5px;
margin-top:0px;
}
.top-bar .toggle-topbar.menu-icon a {
color:#ffffff;
padding:0 2.5rem 0 0.375rem;
text-align:right;
font-weight:bold;
}
.tab-bar .menu-icon {
color:#000000;
}
.top-bar .toggle-topbar.menu-icon a span::after {
box-shadow: 0 0 0 1px #ffffff, 0 7px 0 1px #ffffff, 0 14px 0 1px #ffffff;
height: .1px! important;
background-color: #fff !important;
}
.top-bar-section .has-dropdown > a:after {
border-color: #ffffff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
right:-10px;
/*border-style: none;*/
}
.top-bar-section .has-dropdown > a:after:hover {
border-color: #000000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
right:-10px;
/*border-style: none;*/
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
background: transparent none repeat scroll 0 0;
color: #000000;
}
      .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        background-color: #ffffff;
        color: #000000 !important;
        background: #ffffff;
		}
      .top-bar-section .dropdown li label {
        background: #ffffff;
        white-space: nowrap; }
      .top-bar-section ul li.active > a:hover {
        background: #ffffff;
        color: #000000 !important; }
.top-bar-section li a:not(.button) {
    background: transparent !important;   
        color: #ffffff !important;
		 }
		 .top-bar-section .accordion li:not(.has-form) a:not(.button) {font-size:19px; line-height:30px;}
.top-bar-section .accordion .accordion-navigation > a, .accordion dd > a {
	border:none;
}
.top-bar-section .accordion .accordion-navigation > .content, .accordion dd > .content { padding-top:0px; }
.top-bar-section .accordion .accordion-navigation:hover> div {
    display:block;
	-webkit-animation: fadeIn 3s;
    animation: fadeIn 3s;
  }
.top-bar-section .accordion .accordion-navigation:hover> a:after {
	content:"-";
}
		 .top-bar-section li:not(.has-form) a:not(.button) { padding-left:20px; padding-right:20px; /*font-weight:bold;*/ }
		 .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { text-transform:capitalize; line-height:25px; font-weight:normal; font-size:19px; padding:5px; font-family: 'Ubuntu', sans-serif !important; color: #ffffff !important; margin-left:5px;}
		 .top-bar-section .has-dropdown > a { /*padding-right:0px !important;*/ }
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {/*right:-4px;*/ top:7px; }
.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { padding-left:5px; font-size:19px; }
.column+.column:last-child, .column+.columns:last-child, .columns+.column:last-child, .columns+.columns:last-child {
float:left;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {font-size:19px; margin-left:10px; line-height:30px; padding:5px; }
.row {
max-width:1200px;
}
#main_bgr_small {
background-color:#cccfa8
}
#main_cont_bgr {
background-color:#f0eae0;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 .newspaper {
  column-count:2;
  -moz-column-count:2;
  -webkit-column-count:2;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#logo {
background-image:url(../images/logo.jpg);
height:100px;
background-repeat:no-repeat;
width:135px;
margin-top:10px;
margin-bottom:0px;
}
#logo_footer {
background-image:url(../images/logo.png);
height:100px;
background-repeat:no-repeat;
width:150px;
}
.home_product_titles h4 {
	padding-left:0.9375rem;
}
.home_product_titles h4 a {
	background-color:#ee3439;
	padding:2px 5px 2px 5px;
	display:inline-block;
	color:#ffffff;
}
.home_product_titles h4 a:focus, .home_product_titles h4 a:hover, .home_product_titles h4 a:active {
	background-color:#000000;
	padding:2px 5px 2px 5px;
	display:inline-block;
	color:#ffffff;	
}
.product_view {
border:1px #d1d2d4 solid;
position:relative; 
/*padding-bottom:10px;*/
}
.product_view:hover {
border:1px #939598 solid;
-webkit-box-shadow: 0 8px 6px -6px #939598;
	   -moz-box-shadow: 0 8px 6px -6px #939598;
	        box-shadow: 0 8px 6px -6px #939598;
/*padding-bottom:10px;*/
}
.product_view a { color: #000000; font-weight: normal; background:transparent; font-size:18px; }
.product_view a:focus, .product_view a:hover, .product_view a:active { color: #000000; text-decoration:underline; background-color: transparent;  }
.product_view .clearing-container a{ color:#ffffff; }

.product_view_image {
    width:100%;
    margin-bottom:5px; 
    height:300px; 
    overflow:hidden;
	/*position: relative;*/
}
.flag_offer {
position:absolute;
  top: 5px;
  left: 5px;
  z-index:1;
  }
.discount_percentage {
position:absolute;
  top: 275px;
  right: 5px;
  z-index:1;
  padding:0 5px;
  background-color:#ee3439;
  color:#ffffff;
  font-weight:bold;
  }
.add_to_cart_red {
margin-top:5px;
padding-bottom:5px;
background-color:#939598;
padding-top:5px;
border:2px #939598 solid;
border-radius:50px;
}
.product_view a .add_to_cart_red  { color: #ffffff !important; font-weight: normal; }
.product_view a .add_to_cart_red:focus, .product_view a .add_to_cart_red:hover, .product_view a .add_to_cart_red:active .product_view a .add_to_cart_red:hover, .product_view a .add_to_cart_red:active { color: #ffffff !important; text-decoration:underline; /*color: #ed1c24 !important;*/ background-color: #ed1c24 !important; border:2px #ed1c24 solid;}

.not_available_prd {
margin-top:5px;
padding-bottom:7px;
background-color:#939598;
padding-top:6px;
border:1px #939598 solid;
color: #ffffff !important; 
font-weight: normal;
font-size:18px;
border-radius:50px;
margin-bottom:10px;
}
.project_page_border {
border:1px #d1d2d4 solid;
position:relative;
padding:10px;
}
.project_page_border:hover {
border:1px #939598 solid;
}
.project_page_tags a  { color: #d1d2d4; font-weight:bold; }
.project_page_tags a:focus, .project_page_tags a:hover, .project_page_tags a:active { color: #939598; text-decoration:underline; background-color: transparent;  }

.project_page_title { border:1px #d1d2d4 solid;
position:relative;
padding:10px;
background-color:#ee3439; 
color:#ffffff; 
font-size:26px; 
font-weight:bold; 
text-align:left;}
.project_page_title a  {  }
.project_page_title a:focus, .project_page_title a:hover, .project_page_title a:active {  }

.clearing-feature li.clearing-featured-img { width:100%; }
.main_image {
height:550px;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;  
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.main_image img {
	display:inline;
}
button#project_page_add_to, .button#project_page_add_to {
background-color:#ee3439;
color:#ffffff;
padding:15px !important;
width:100%;
border-radius:0;
margin-bottom:0px;
border:2px #ee3439 solid !important;
}
button#project_page_add_to:hover, button#project_page_add_to:focus, .button#project_page_add_to:hover, .button#project_page_add_to:focus  {
border:2px #ffffff solid !important;
}
button#project_page_add_to.inactive:hover, button#project_page_add_to.inactive:focus, .button#project_page_add_to.inactive:hover, .button#project_page_add_to.inactive:focus  {
border:2px #ee3439 solid !important;
cursor:default;
}
.clearing-featured-img .main_image {height:auto !important; }
.clearing-featured-img img {padding-top:0px !important;  }
.clearing-assembled .clearing-container .carousel > ul li.fix-height img { padding-top:0px !important; }

.twocolumntext {
    column-count:2;
    -moz-column-count:2;
    -webkit-column-count:2;
}
/*B&W*/
.bw:hover {
	-webkit-filter: grayscale(0%);		  
}
 
.bw {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
  -webkit-filter: grayscale(100%);
}
/*Floating Back-To-Top Button*/
    #myBtn {
        position: fixed;
        bottom: 20px;
        float: right;
        right: 5%;
        /*left: 90.5%;*/
        max-width: 30px;
        width: 100%;
        font-size: 12px;
		border:1px #231f20 solid !important;
        background-color: #d1d2d4;
        padding: 7px 7px 0px 7px;
        border-radius: 4px;
		z-index:1000;
		font-size:25px;
		display: none;
    }
	#myBtn a {
		color:#ffffff;
		font-weight:normal;
	}
/*On Hover Color Change*/
    #myBtn:hover {
        background-color: #ee3439;
		border:1px #231f20 solid !important;
		color:#ffffff !important;
    }
	#myBtn a:hover, #myBtn:hover a, #myBtn a:active, #myBtn a:focus, #myBtn:active a, #myBtn:focus a {
		color:#ffffff;
		text-decoration:none;
	}
p {margin-bottom:10px; font-size:16px; }
ul, ol, dl { font-size:16px; margin-left:25px; }
ul li ul, ul li ol { margin-left:25px; }
a { color:#000000; /*font-weight:bold;*/ }
a:hover { color:#000000; text-decoration:underline; }
big {font-size:22px; font-weight:bold;}
ul.photos {
list-style:none;
}
ul.photos li {
float:left;
width:180px;
height:170px;
margin-left:5px;
margin-right:5px;
}
ul.photos img {
/*max-width:149px;*/
margin:0px;
}
.reveal-modal .prev-reveal-modal { 
    position: absolute !important;
    top: 45% !important;
    left: 0px !important;
    }   

.reveal-modal .next-reveal-modal { 
    position: absolute !important;
    top: 45% !important;
    /*left: 821px !important;*/
    }
.reveal-modal-inner img {
    margin: 0 auto;
    position: relative;
    max-width: 950px;
}
ul.programs {
list-style-image:none;
}
ul.programs li{
list-style:none;
}
ul.photo_gallery {
list-style:none;
}
ul.photo_gallery li {
float:left;
width:200px;
height:150px;
}
ul.photo_gallery img {
max-width:none;
}
ul.portfolio {
list-style-image:none;
}
ul.portfolio li{
list-style:none;
/*border:2px #e3e3e3 solid;*/
/*border-radius: 5px 5px 5px 5px;*/
background-color:#ffffff;
width:220px;
float:left;
margin-right:15px;
margin-bottom:15px;
padding:10px;
min-height:222px;
}
#pages_tabs{
background-color:#1e478e; padding:7px; color:#ffffff; font-size:14px; margin:7px; border-radius: 10px; text-decoration:none;
}
#pages_tabs.active, #pages_tabs a:active {
text-decoration:underline;
}
#div_pages_tabs{
float:left; margin-left:0px; margin-right:0px; height:115px;
}
#div_pages_tabs.active {
text-decoration:underline;
font-size:15px;
color:#ffffff;
}

.sorting_layer select{
width:140px;
}
.sorting_layer label {
float:left;
margin-top:8px;
}
.category_filters {
float:left; padding-right:5px; padding-left:5px; font-size:13px; border-right:1px #939598 solid;
}
.category_filters a {
color:#939598; font-weight:normal;
}
.category_filters:hover {
background-color:#ee3439;
}
.category_filters:hover a{
color:#ffffff;
}
.category_filters.active {
background-color:#ee3439;
color:#ffffff;
}
.category_filters active a{
color:#ffffff;
}
.category_filters.active a{ 
color:#ffffff;
}
.banner_1_1 {
background-image:url(../images/home_banners/banner_1_1.jpg);
background-repeat:no-repeat;
background-size:cover;
}
.banner_1_1:hover {
background-image:url(../images/home_banners/banner_1_1-hover.jpg);
background-repeat:no-repeat;
background-size:cover;
}
.banner_1_2 {
background-image:url(../images/home_banners/banner_1_2.jpg);
}
.banner_1_2:hover {
background-image:url(../images/home_banners/banner_1_2-hover.jpg);
}
.banner_1_3 {
background-image:url(../images/home_banners/banner_1_3.jpg);
}
.banner_1_3:hover {
background-image:url(../images/home_banners/banner_1_3-hover.jpg);
}
/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
/*@media screen and (min-width: 901px) {
  h3 {
    font-size:25px;
  }
  h4 {
  	font-size:60px;
  }
}*/

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
/*@media screen and (max-width: 900px) {
  h3 {
    font-size:24px;
  }
  h4 {
  	font-size:50px;
  }
}*/


h1, h2, h3, h5, h6 { color:#000000; margin-top:5px; font-family: 'Ubuntu', sans-serif;}
h3 { font-size:20px; color:#FF0000; font-weight:bold; }
h2 { color:#000000; font-weight:bold; font-size:20px; }
h4 { font-size:20px; color:#000000; font-weight:normal; }
h4 a { color: #000000; font-weight:normal; background:transparent; }
h4 a:focus, h4 a:hover, h4 a:active { color: #000000; font-weight:normal; text-decoration:underline;}

h5 { font-size:18px; color:#000000; }
h6 { font-size:16px; color:#000000; font-weight:normal; text-align:center; }
#lang { text-align:right; padding-top:10px; color:#ffffff; font-size:11px; font-weight:bold; padding-right:15px; float:right; width:50%; }
#lang a { color: #ffffff; font-weight: normal; background:transparent; border:1px #ffffff solid; padding:5px 4px 5px 4px; }
#lang a:focus, #lang a:hover, #lang a:active { color: #ffffff; text-decoration:underline; background-color: transparent; }
#lang p { line-height: 1.5em; margin: 0 0 1em 0; color: #ffffff; }

button#newsletter, .button#newsletter {
background-color:#F1F2F2;
border-color:#000000;
color:#000000;
padding:0;
}
button#newsletter:hover, button#newsletter:focus, .button#newsletter:hover, .button#newsletter:focus  {
background-color:#ffffff;
border:none !important;
color:#ed1c24;
}

button, .button {
background-color:#fac51c;
/*background-color:#939598;*/
border:none !important;
color:#ffffff;
padding-top:5px;
padding-bottom:8px;
/*padding:9px !important;*/
font-size:18px;
}
button:hover, button:focus, .button:hover, .button:focus, button:active, .button:active {
background-color:#000000;
/*background-color:#ed1c24;*/
border:none !important
}
.button.radius, button.radius {
border-radius:50px;
/*border:2px #939598 solid;*/
}
button.disabled, button[disabled], .button.disabled, .button[disabled], button.disabled:hover, button[disabled]:hover, .button.disabled:hover, .button[disabled]:hover {
	background-color:#939598;
}
#slider_button {
background-color:#1e478e;
border: 2px #d1d3d4 solid;
padding:10px;
margin:10px 0px 10px 0px;
border-radius: 10px;
}
#slider_button:hover, #slider_button:focus, #slider_button active {
background-color:#d1d3d4;
border: 2px #d1d3d4 solid;
padding:10px;
margin:10px 0px 10px 0px;
border-radius: 10px;
color: #1e478e; 
}
#slider_button:hover a {
color: #1e478e;
font-weight:bold;
}
#slider_button .active{
/*text-decoration:underline;*/
}

.home_frame a { color: #FFF; font-weight:normal; }
.home_frame a:focus, .home_frame a:hover, .home_frame a:active { color: #1e478e; text-decoration:underline; font-weight:bold; }

.slider_button a {
width:250px;
}
#login_register { text-align:right; padding-top:7px; color:#FFF; }
#login_register a { color: #FFF; font-weight: normal; background:transparent; text-decoration:underline; }
#login_register a:focus, #login_register a:hover, #login_register a:active { color: #FFF; text-decoration:underline; background-color: transparent; }
#login_register p { line-height: 1.5em; margin: 0 0 1em 0; color: #FFF; }

.button a, .button a:hover, .button a:focus, .button a:active {color:#ffffff;}

#cart a { color: #FFF; font-weight: normal; background:transparent; text-decoration:underline; }
#cart a:focus, #cart a:hover, #cart a:active { color: #FFF; text-decoration:underline; background-color: transparent; }
#cart p { line-height: 1.5em; margin: 0 0 1em 0; color: #FFF; }

#search_layer {
float:right; 
background-image:url(../images/search.png); 
background-repeat:no-repeat; 
width:247px; 
height:54px; 
}
#menu_bgr {
background-color:#2f3192;
height:40px;
margin-top:-30px;
}
#menu_bgr_new {
background-image:url(../images/menu_bar.jpg);
background-repeat:no-repeat;
background-position:center;
height:41px;
padding-left:20px;
}
.filters_acco {
	float:left;
}
.filters_acco .accordion .accordion-navigation > a, .accordion dd > a {
	border:none;
	padding:2px 5px 2px 5px;
	margin:0px;
	background-color:#ee3439;
	color:#ffffff;
}
.filters_acco h4 {
	color:#ffffff;
	font-size:19px;
}
.filters_acco .accordion .accordion-navigation.active > a, .accordion dd.active > a {
	background-color:#ee3439;
}
.filters_acco .accordion-navigation > a:after {
	content:'';
	padding-right:0px;
	padding-left:0px;
}
.filters_acco .accordion-navigation.active > a:after {
	content:'';
	padding-right:0px;
	padding-left:0px;
}
.filters_acco .accordion .accordion-navigation > .content, .accordion dd > .content {
    padding: 10px 0px 5px 0px;
}
.accordion {
margin-left:0px;
}
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
background:none;
}
.accordion .accordion-navigation > a, .accordion dd > a {
background:none;
padding:0px;
margin:5px 0px 0px 0px; 
padding:5px; 
font-weight: normal; 
text-decoration:none; 
border:1px #d1d2d4 solid;
/*margin-bottom:-19px;*/
}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
background:#ffffff;
/*color:#ffffff !important;*/
}
.accordion .accordion-navigation > a:hover h3, .accordion dd > a:hover h3 {
color:#ffffff !important;
}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover, .accordion .accordion-navigation > a:hover h4, .accordion dd > a:hover h4 {
background:#ee3439;
color:#ffffff !important;
}

.accordion-navigation > a:after {
content:"+";
padding-left:5px;
padding-right:5px;
float:left;
font-size:17px;
}
.accordion-navigation.active > a:after {
content:"-";
font-size:17px;
}
.accordion .accordion-navigation > .content, .accordion dd > .content {
padding:10px;
}

.image_border img {
/*border:1px #696969 solid;*/
/*border-radius: 5px 5px 5px 5px;*/
padding-right:10px;
}
.arrow_home {
background-image:url(../images/home_banners/enter.png);
background-repeat:no-repeat;
height:27px;
width:27px;
}


.slideshow_bgr {
/*width:1920px;
height:1970px;*/
/*background-color:#868686;*/
position:relative;
min-width:1150px;
overflow:hidden;
}
#slider {overflow:hidden; /*width:1920px!important; */height:1970px;}
.orbit { position:relative; }
.orbit img { max-width:none;}
div.orbit-wrapper div.slider-nav span.right{background:none; /*background:url('../images/right_velaki_slider.png');*/background-size:100%;right:0; height:52px; right:-60px; background-repeat:no-repeat}
div.orbit-wrapper div.slider-nav span.left{background:none; /*background:url('../images/left_velaki_slider.png');*/background-size:100%;left:0; height:52px; left:-60px; background-repeat:no-repeat}
div.orbit-wrapper div.slider-nav span {width:30px; margin-top:-50px;}
.orbit .orbit-slide { width:1920px; height:1970px; max-height:1970px; max-width:1920px; overflow:hidden;}

div.orbit-wrapper div.timer { visibility:hidden; }
.orbit-bullets li {
    background:none;
    width:5rem;
    height:5rem;
}
.orbit-bullets li.active {
    background:none;
}

ul#sublinks {list-style:none;}
ul#sublinks li { background-color:#000000; color: #ffffff; font-weight: normal; text-decoration:none; margin:5px; padding:5px; width:60%; border:1px #ffffff solid;}
ul#sublinks li:hover { background-color:#ffffff; color: #000000; font-weight: normal; text-decoration:none; margin:5px; padding:5px; width:60%; border:1px #000000 solid;}
#sublinks a { color: #ffffff; font-weight: normal; text-decoration:none; }
#sublinks a:focus, #sublinks a:hover, #sublinks a:active { color: #ffffff; font-weight: normal; text-decoration:underline;}

.nav-bar {
background:none;
margin-top:0px;
height:70px;
float:right;
/*text-transform:lowercase;*/
}
.nav-bar > li:last-child {
border-right:none;
}
.nav-bar > li {
border:none;
line-height:20px;
box-shadow:none;
font-size:16px;
font-weight:normal;
height:70px;
margin-top:0px;
margin-right:40px;
}
.nav-bar > li > a {
color:#ffffff;
cursor:pointer;
/*background-image:url(../images/bullet_prasino.png);*/
background-repeat:no-repeat;
background-position:left center;
}
.nav-bar>li.active{
color:#e6e7e8;
/*background-image:url(../images/bullet_lefko.png);*/
background-repeat:no-repeat;
background-position:left center;
}
.nav-bar>li > a:hover{
color:#e6e7e8;cursor:pointer;
/*background-image:url(../images/bullet_lefko.png);*/
background-repeat:no-repeat;
background-position:left center;
}
.nav-bar>li > a.active{
cursor:pointer; color:#e6e7e8;
/*background-image:url(../images/bullet_lefko.png);*/
background-repeat:no-repeat;
background-position:left center;
/*border-radius: 5px 5px 0px 0px;
*/}
.nav-bar>li:hover a{color:#e6e7e8;}
.nav-bar>li:hover{
color:#e6e7e8;
background-color:transparent;
/*border-radius: 5px 5px 0px 0px;
*/}
.nav-bar>li a#active{
color:#e6e7e8;
background-color:none;
/*border-radius: 5px 5px 0px 0px;
*/}
.nav-bar > li > a:first-child {
padding:0 30px 0px 0px;
/*margin-right:5px;*/
text-align:center;
height:70px;
font-size:16px;
}
.nav-bar>li:last-child{border-right:none;box-shadow:none;}
.nav-bar li.has-dropdown{position:relative}
.nav-bar li.has-dropdown:hover>.dropdown,.nav-bar li.has-dropdown:focus>.dropdown{display:block;visibility:visible;}
.nav-bar li.has-dropdown:hover>.dropdown,.nav-bar li.has-dropdown:focus>.dropdown{}

.nav-bar li.has-dropdown a{/*padding-right:33.75px*/}
.nav-bar li.has-dropdown a:after{content:"";display:block;width:0;height:0;margin-right:15px;margin-top:-2.5px;position:absolute;right:0;top:50%}


.nav-bar li.has-dropdown .dropdown{ background-color:#ffffff;left:0; margin-left:0px;padding:9px 15px 0px 15px;position:absolute;visibility:hidden;z-index:99; min-width:150px; z-index:1000; color:#26b7e6; /*border-radius: 0px 5px 5px 5px;*/}
.nav-bar li.has-dropdown .dropdown li{line-height:1;min-width:100%;padding-bottom:5px; color:#26b7e6; /*background:url(../images/menu_icon.png) left no-repeat; padding-left:25px;*/ /*border-bottom:1px #26b7e6 solid;*/}
.nav-bar li.has-dropdown .dropdown li a{color:#26b7e6;font-weight:normal;height:100%;line-height:15px;padding:5px 5px 5px 5px;  white-space:nowrap; font-size:16px; text-align:left;}
.nav-bar li.has-dropdown .dropdown li a:after{border:none}
.nav-bar li.has-dropdown .dropdown li a:hover,.nav-bar li.has-dropdown .dropdown li a:focus{background:inherit; color:#26b7e6; text-decoration:underline;}
.nav-bar li.has-dropdown .dropdown li label{color:#26b7e6;font-size:10px;font-weight:bold;margin:0;padding-left:15px;text-transform:uppercase}
.nav-bar li.has-dropdown .dropdown li.divider{border:none; -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.1) inset;box-shadow:0 1px 0 rgba(255,255,255,0.1) inset;height:10px;padding:0;width:100%}
.nav-bar li.has-dropdown .dropdown li:last-child{padding-bottom:10px}
.nav-bar li.has-dropdown .dropdown li.active a{background:#ffffff; color:#26b7e6;}
.nav-bar li.has-dropdown .dropdown li.has-dropdown>a{padding-right:30px}
.nav-bar li.has-dropdown .dropdown li.has-dropdown>a:after{border:none;content:"\00bb";right:5px;top:6px}
.nav-bar li.has-dropdown .dropdown li.has-dropdown .dropdown{position:absolute;left:100%;top:0}
.nav-bar li.has-dropdown .dropdown li.has-dropdown:hover>.dropdown,.nav-bar li.has-dropdown .dropdown li.has-dropdown:focus>.dropdown{display:block}
.nav-bar ul.left{float:left;width:auto;margin-bottom:0}
.nav-bar ul.right{float:right;width:auto;margin-bottom:0}
.nav-bar ul.right .has-dropdown .dropdown{left:auto;right:-1px}
.nav-bar ul.right .has-dropdown .dropdown li.has-dropdown>.dropdown{right:100%;left:auto;width:100%}
.nav-bar .js-generated{display:none}
@-moz-document url-prefix(){.nav-bar ul li .button.small{padding-bottom:6px}
.nav-bar ul li.search form input[type=search]{font-size:14px;height:22px;padding:3px}}
.lt-ie9 .nav-bar ul li a{color:#fff;display:block;font-weight:bold;font-size:13px;height:45px;line-height:45px;padding:0 15px}
.lt-ie9 .nav-bar ul li a.button{height:auto;line-height:30px;margin-top:7px}
.lt-ie9 .nav-bar ul li a:hover,.lt-ie9 .nav-bar ul li a:focus{color:#ccc}
.lt-ie9 .nav-bar ul li a img{margin-top:-5px;vertical-align:middle}
.lt-ie9 .nav-bar ul li a.active{background:#151515;color:#d9d9d9}
.lt-ie9 .nav-bar ul li.has-dropdown{padding-right:33.75px}
.lt-ie9 .nav-bar ul li.has-dropdown>ul li{padding-right:0}
ul.flyout li a,.nav-bar li ul li a{ background:none; border:none;color:#ffffff;display:block;font-size:14px;height:auto;line-height:1;padding:15px 20px;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:none;}
ul.flyout li a:hover,ul.flyout li a:focus,.nav-bar li ul li a:hover,.nav-bar li ul li a:focus{background:#000000;color:#ffffff}
ul.flyout li.active,.nav-bar li ul li.active{margin-top:0;border-top:none;}
ul.flyout li.active a,.nav-bar li ul li.active a{background:#000000;border:none;color:#fff;height:auto;margin:0;position:static;top:0;-webkit-box-shadow:0 0 0;-moz-box-shadow:0 0 0;box-shadow:0 0 0}
ul.flyout li,.nav-bar li ul li{border:none;}

.product_page a img {
/*border:1px #000000 solid;*/
}

.button{ padding:10px; border:none; margin-bottom:10px;}
.orbit-container .orbit-slides-container > * .orbit-caption {
font-size:20px;
margin-bottom: 40px;
background-color:rgba(51, 51, 51, 0.6);
}
.orbit-container p { font-family: 'Ubuntu', sans-serif; letter-spacing:normal; } 
.orbit-container a { color: #FFF; font-weight: normal; background:transparent; text-decoration:none; }
.orbit-container a:focus, .orbit-container a:hover, .orbit-container a:active { color: #FFF; text-decoration:underline; background-color: transparent; }
.orbit-container h5 a { color: #000000; font-weight: normal; background:transparent; text-decoration:none; }
.orbit-container h5 a:focus, .orbit-container a:hover, .orbit-container a:active { color: #000000; text-decoration:underline; background-color: transparent; }
.orbit-bullets {z-index:1000; top:20px;}
@media only screen and (max-width: 40em) {
.orbit-next, .orbit-prev {
    display: block !important;
}
.orbit-container .orbit-next > span {
    border-left-color: #FFFFFF;
}
.orbit-container .orbit-prev, .orbit-container .orbit-next, .orbit-container .orbit-next:active, .orbit-container .orbit-prev:active {
    background-color: rgba(0, 0, 0, 0.3);
}
.orbit-container a:focus, .orbit-container a:hover, .orbit-container a:active {
    background-color: rgba(0, 0, 0, 0.3);
}
}
/*.orbit-container img { border:1px #000000 solid; padding:20px; }*/
#map_images_pr .clearing-main-prev {
visibility:hidden;
}

#map_images_pr .clearing-main-next {
visibility:hidden;
}
#map_images_pr .clearing-assembled .clearing-container .carousel {
visibility:hidden;
}

#news_teaser_bgr {
color:#ffffff;
padding-bottom:10px;
font-size:30px;
margin-top:-60px;
}
#news_slide #news_teaser_bgr a { color: #ffffff; font-weight: normal; background:transparent; text-decoration:none; font-size:20px; font-weight:bold; }
#news_slide #news_teaser_bgr a:focus, #news_teaser_bgr a:hover, #news_teaser_bgr a:active { color: #ffffff; background-color: transparent; }

#news_slide .news_teaser_item {
	border:2px #ffffff solid; border-radius:100px; padding:15px; background-color:#939598; color:#ffffff; font-size:18px;
}

#news_slide .news_teaser_item:hover,  #news_slide.active .news_teaser_item {
	background-color:#ee3439;
}
#news_slide:hover img {
border:3px #ffffff solid;
}
#news_slide img {
border:3px #231f20 solid;
}
.gorw {
    position: relative;
    padding: 2px;
    overflow: hidden;
    display: block;
}
.grow_inner {
    height: 100%;
    position: relative;
    transition: all .5s;
    overflow:hidden;
}
.grow img{
transition: all .5s;
z-index:1;
height: 100%;
width: 100%;
z-index: 99;
}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-round-xlarge{border-radius:16px; width:250px;}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#ee3439!important}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}

#shopping_cart_iframe{
	background:url(../images/cart.png) no-repeat center #d1d2d4; 
	padding:0px 5px 0px 0px;
	position:fixed;
	right:-5px;/*top:20px;*/
	top:185px;
	width:60px;
	height:60px;
	z-index:9997; 
	cursor: pointer; 
	color:#ffffff;
	border-radius:30px 0px 0px 30px;
	text-align:right;
	}
.grow img:hover{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: all .5s;
z-index:1000 !important;
}
#thumbs img {
    cursor:pointer;
    /*border:1px #d3d3d3 solid;*/
}
/*.clearing-feature li {
	display:none;
}*/
.footer_font {
}
.footer_font a{
}
#lang_bgr {
background-image:url(../images/chr/lang_bgr.png);
background-repeat:no-repeat;
height:70px;
background-position:right;
}
#footer_bgr {
color:#ffffff;
background-color:#231f20;
min-height:40px;
padding-top:10px;
padding-bottom:10px;
font-size:18px;
}

#footer_bgr label {
color:#ffffff;
}
#footer_bgr p { font-size:14px; }
#footer_bgr a { color: #ffffff; font-weight: normal; background:transparent; text-decoration:none; font-size:14px; }
#footer_bgr a:focus, #footer_bgr a:hover, #footer_bgr a:active { color: #ffffff; text-decoration:underline; background-color: transparent; }

#upr_footer_bgr {
color:#000000;
background-color:#d1d2d4;
min-height:40px;
padding-top:10px;
padding-bottom:10px;
}
#upr_footer_bgr a { color: #000000; font-weight: normal; background:transparent; text-decoration:none; }
#upr_footer_bgr a:focus, #upr_footer_bgr a:hover, #upr_footer_bgr a:active { color: #000000; text-decoration:underline; background-color: transparent; }
@media only screen and (max-width: 53.125em) {
#upr_footer_bgr h5 a{
font-size:18px !important; 
font-weight:normal;
}
}
#upr_footer_bgr h5 a{
font-size:25px;
font-weight:normal;
}
#upr_footer_bgr img {
  border-radius: 50%;
  width:150px;
  height:150px;
}
#upr_footer_bgr img:hover {
/* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}
select {
	border-radius:40px;
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.newsletter_footer {
background-image:url(../images/newsletter_bgr.jpg);
background-repeat:no-repeat;
color:#ffffff;
width:100%;
height:375px;
background-position:top center;
}
.newsletter_footer input[type="text"], .newsletter_footer textarea {
color:#000000;
}
.newsletter_footer_inner {
margin: 0 auto;
max-width: 563px;
text-align:center;
color:#ffffff;
padding-top:65px;
padding-bottom:30px;
padding-left:30px;
padding-right:30px;
}
#contact {
background-color:#1e478e;
padding-top:10px;
}
#contact label{
color:#ffffff;
}
#contact label.error {
color:#FF0000;
}

.h2_title {
color:#ffffff;
font-size:20px;
font-weight:bold;
margin-bottom:10px;
}
.image_borders {
border:5px #ffffff solid;
}
/* --------------------  Boxed notifications -------------------- */
.notification { display: block; padding: 10px 10px 10px 10px; border: 1px solid; margin-bottom: 20px; background-repeat: no-repeat; background-position: 20px 20px; }
.n-success { background-color: #ffffff; border-color: #000000; /*background-image: url(../images/notification-tick.gif);*/ color:#000000; }
.n-success { background-color: #ffffff; border-color: #000000; /*background-image: url(../images/notification-tick.gif);*/ color:#000000; }
.n-attention { background-color: #000000; border-color: #373536; background-image: url(../images/notification-exclamation.gif); }
.n-error { background-color: #ffc6ca; border-color: #efb9c3; background-image: url(../images/notification-slash.gif); }
/* -------------------- Indicators -------------------- */

.warning { display: block; padding: 5px 5px 5px 5px; /*border: 1px solid;*/ margin-bottom: 10px; background-repeat: no-repeat; background-position: 20px 20px; /*background-color: #1E478E;*/ color:#FF0000; font-weight:bold;}

/* -----------------------------------------
   Page Name 1
----------------------------------------- */
/*cal*/
/*table { background:none;}
table tr.even, table tr.alt, table tr:nth-of-type(even) {background:none; }
table thead { background:none; }
table tfoot { background:none; }
table.events_table thead tr th, table.events_table tfoot tr th, table.events_table tbody tr td, table.events_table tr td, table .events_table tfoot tr td { text-align:center; font-size:0.7em;}*/

td.date_has_event {
	/*background-position: 162px 0px;*/
	color: #ffffff;
	background-color: #000000;
	background: #000000 !important;
}
td.date_has_event:hover {
	/*background-position: 162px -81px;*/
	color: #ffffff;
	background-color: #000000;
	background: #000000 !important;
}
td.date_has_event a {
	/*background-position: 162px 0px;*/
	color: #ffffff;
}

td#today {
	/*background-position: 81px 0px;*/
	/*color: #ffffff;
	background-color: #0c5e7e;*/
}
td#today:hover {
	/*background-position: 81px -81px;*/
	color: #000000;
	background-color: #ffffff;

}
.events {
	position: relative;
}
.events ul {
	list-style:none;
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 15px;
	background: #000000;
	color: white;
	/*border: 1px solid white;*/
	font-size: 15px;
	width: 200px;
	min-height:180px;
	list-style: none;
	color: #ffffff;
	-webkit-box-shadow: 0px 8px 8px #333;
}
#main_body .events li {
	padding-bottom: 5px;
	/*list-style:none;*/
}
.events li span {
	display: block;
	font-size: 12px;
	text-align: left;
	color: #555;
	list-style:none;
}
.events li span.title {
	font-weight: bold;
	color: #ffffff;
}
th a{
text-decoration:none;
font-size:120%;
font-weight:bold;
color: #000;
outline-width:0;
}
/*end of cal*/

.catalogues ul {
	list-style:none;
}
.catalogues li {
	width: 230px;
	height:200px;
	float:left;
	list-style:none;
}
.scrollbar{
overflow-y:auto;
float:left;
padding-right: 10px;
}
#ex3::-webkit-scrollbar{
width:16px;
background-color:#cccccc;
} 
#ex3::-webkit-scrollbar-thumb{
background-color:#1e478e;
/*border-radius:10px;*/
}
#ex3::-webkit-scrollbar-thumb:hover{
background-color:#ffffff;
border:1px solid #333333;
}
#ex3::-webkit-scrollbar-thumb:active{
background-color:#1e478e;
border:1px solid #333333;
} 
#ex3::-webkit-scrollbar-track{
border:1px gray solid;
-webkit-box-shadow:0 0 6px gray inset;
} 
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { text-align:center; vertical-align:inherit;}
  table { width: 100%; border-collapse:collapse; margin-bottom: 0.5em; /*border-top: 2px #F96F6F solid; border-bottom: 2px #F96F6F solid;*/ font-weight:normal;}
table caption { /*font-variant:small-caps;*/ }
table.full { width: 100%; }
table.fixed { table-layout:fixed; }
th, td { padding: 0.5em; }
thead th { color: #000; border-bottom: 2px #F96F6F solid; }
tbody th { background: #ffffff; font-size:14px; font-weight:normal;}
tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }
tbody th { /*border: 1px solid #fff;*/ text-align: left; border: 1px solid #d3d3d3;}
tbody td { border: 1px solid #d3d3d3; text-align:left; width:25%; }
tbody tr:hover th[scope="row"],  tbody tr:hover tbody th.sub { background: #f0e8e8; }
tbody tr:hover td { background: #fff8f8; }
table tr.table_title { background-color:#d1d2d4;}
table tr:hover.table_title td { background-color:#d1d2d4;}
tbody tr td a { font-weight:normal; }
table tr th, table tr td {
    /*padding:0.3625rem 0.325rem;*/
}
#cart_tbl table {
width:100%;
border-top: 2px #b16b4d solid; border-bottom: 2px #b16b4d solid; border:solid 1px #DDDDDD;
}
#cart_tbl thead th { color: #000; border-bottom: 1px #d3d3d3 solid; }
#cart_tbl tbody th { /*border: 1px solid #fff;*/ text-align: left; border: 1px solid #d3d3d3;}
#cart_tbl tbody td { border: 1px solid #d3d3d3; text-align:left; }
#cart_tbl table tbody tr td {padding:0.5625rem 0.625rem;}

.pagination {
	padding: 5px;
	border:1px #000000 solid;
	border-radius:40px;
	display:inline;
}
ul.pagination li.current a, ul.pagination li.current button {
background: #000000;
}
.pagination a, .pagination strong {
	/*background: #ffffff;*/
	padding: 4px 7px;
	text-decoration: none;
	/*border:1px #000000 solid;*/
	color: #939598;
	font-weight: normal;
}
.pagination strong, .pagination a:hover {
	font-weight: normal;
	/*background:#000000;*/
	/*border:1px #000000 solid;*/
	color: #ee3439;
	padding: 4px 7px;
}
.pagination a:hover {
	text-decoration:underline;
}
/*end of cal*/
.pagignation_style a, .pagignation_style strong {
	color: #939598;
	font-weight: normal;
}
.pagignation_style strong, .pagignation_style a:hover {
	color: #231f20;
}

.tabs dd.active, .tabs li.active {
border-top: 3px solid #2f3192;
}
.tabs dd a:focus,.tabs li a:focus{color:#2f3192}
.tabs.pill dd.active a,.tabs.pill li.active a{background-color:#2f3192;}
/* -----------------------------------------
   Page Name 2
----------------------------------------- */
.view_image {
   /*width: 300px;
   height: 200px;
   margin: 10px;*/
   float: left;
   /*border: 5px solid #fff;*/
   overflow: hidden;
   position: relative;
   text-align: center;
   /*box-shadow: 0px 0px 5px #aaa;*/
   cursor: default;
   width:100%;
}

.view_image .mask, .view_image .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view_image img {
   display: block;
   position: relative;
}

.view_image a.info {
   background:url(../images/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
}
.second-effect .mask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   box-sizing:border-box;
   transition: all 0.4s ease-in-out;
}

.second-effect a.info {
   position:relative;
   top:-50px;
   opacity:0;
   transform:scale(0,0);
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}

.second-effect:hover .mask {
   opacity: 1;
   border:200px solid rgba(0,0,0,0.7);
}

.second-effect:hover a.info {
   opacity:1;
   transform:scale(1,1);
   transition-delay:0.3s;
}

.view_sub .mask, .view_sub .content {
    /*width: 100%;*/
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 15px;
	right:15px;
	/*margin-left:15px;
	margin-right:15px;*/
}
.view_sub img {
    display: block;
    position: relative
}
.view_sub h2 {
    /*text-transform: uppercase;*/
    color: #000000;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
	border-bottom:1px #000000 solid;
    /*background: rgba(33, 33, 33, 1);*/
    margin: 20px 0 0 0;
	font-weight:bold;
    transform: translateY(-100px);
    opacity: 0;
}
.view_sub p {
    font-family: 'Ubuntu', sans-serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #000000;
    padding: 10px;
    text-align: center
}
.view_sub a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #212121;
    color: #ffffff;
    /*text-transform: uppercase;*/
    box-shadow: 0 0 1px #000
}
.view_sub a.info:hover {
    box-shadow: 0 0 5px #000
}

.view-first img { 
    transition: all 0.2s linear;
}
.view-first .mask {
    opacity: 0.7;
    background-color: rgba(254,251,252, 0.5); 
    transition: all 0.4s ease-in-out;
}
.view-first .mask a {
color:#000000;
text-decoration:none;
}
.view-first h2 {
    opacity: 1;
    transform: translateY(0px);
    transition: all 0.2s ease-in-out;
}
.view-first p { 
    transform: translateY(100px);
    opacity: 0;
	transition: all 0.2s linear;
}
.view-first a.info{
color:#ffffff;
    opacity: 0;
	transition: all 0.2s ease-in-out;
}

.view-first:hover img { 
	/*transform: scale(1.0);*/
} 
.view-first:hover .mask { 
	opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}
/*SHRINK*/
.shrink img {
  height: 250px;
  width: 250px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.shrink img:hover {
  width: 150px;
  height: 150px;
}
figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	content: '';
	opacity: 0;
	transform: translate3d(0,50%,0);
}

figure.effect-sadie h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #484c61;
	transition: transform 0.35s, color 0.35s;
	transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h2 {
	color: #fff;
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	transform: translate3d(0,0,0);
}