/*
 * 12-column grid
 */



/* Grid container */
.container {
	margin-left:auto;
	margin-right:auto;
}
.nested-container {
	width:102%;
	margin-left:-1%;
}

/* Grid units */
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid12-12,

/* Deprecated: other grid units */
.grid4-1,
.grid4-2,
.grid4-3,
.grid2-1,

/* Alias for full-width units */
.grid-full,

/* Special grid units */
.grid-col2-sidebar,
.grid-col2-main
{ 
	position:relative;
	display:inline;
	float:left;
	margin-left:1%;
	margin-right:1%;
}

/* Basic grid units width */
.grid12-1	{ width:6.33%; }
.grid12-2	{ width:14.66%; }
.grid12-3,
.grid4-1	{ 
    width: 29%; }
.footer-primary .grid12-3,
.grid4-1{
	
	 width: 22% !important; 
}	
.social_icons_footer img {
    float: left;
}	
.grid12-4	{ width:31.33%; }
.grid12-5	{ width:39.67%; }
.grid12-6,
.grid4-2,
.grid2-1	{ width:48%; }
.grid12-7	{ width:56.33%; }
.grid12-8	{ width:64.67%; }
.grid12-9,
.grid4-3	{ width:73%; }
.grid12-10	{ width:81.33%; }
.grid12-11	{ width:89.67%; }
.grid12-12,
.grid-full	{ width:98%; }

/* Grid units without left gutter (margin) */
/*.no-left-gap.grid12-1	{ margin-left:0; width:7.33%; }
.no-left-gap.grid12-2	{ margin-left:0; width:15.66%; }
.no-left-gap.grid12-3	{ margin-left:0; width:24%; }
.no-left-gap.grid12-4	{ margin-left:0; width:32.33%; }
.no-left-gap.grid12-5	{ margin-left:0; width:40.67%; }
.no-left-gap.grid12-6	{ margin-left:0; width:49%; }
.no-left-gap.grid12-7	{ margin-left:0; width:57.33%; }
.no-left-gap.grid12-8	{ margin-left:0; width:65.67%; }
.no-left-gap.grid12-9	{ margin-left:0; width:74%; }
.no-left-gap.grid12-10	{ margin-left:0; width:82.33%; }
.no-left-gap.grid12-11	{ margin-left:0; width:90.67%; }
.no-left-gap.grid12-12,
.no-left-gap.grid-full	{ margin-left:0; width:99%; }*/

/* Grid units without right gutter (margin) */
/*.no-right-gap.grid12-1	{ margin-right:0; width:7.33%; }
.no-right-gap.grid12-2	{ margin-right:0; width:15.66%; }
.no-right-gap.grid12-3	{ margin-right:0; width:24%; }
.no-right-gap.grid12-4	{ margin-right:0; width:32.33%; }
.no-right-gap.grid12-5	{ margin-right:0; width:40.67%; }
.no-right-gap.grid12-6	{ margin-right:0; width:49%; }
.no-right-gap.grid12-7	{ margin-right:0; width:57.33%; }
.no-right-gap.grid12-8	{ margin-right:0; width:65.67%; }
.no-right-gap.grid12-9	{ margin-right:0; width:74%; }
.no-right-gap.grid12-10	{ margin-right:0; width:82.33%; }
.no-right-gap.grid12-11	{ margin-right:0; width:90.67%; }
.no-right-gap.grid12-12,
.no-right-gap.grid-full	{ margin-right:0; width:99%; }*/


/* Special grid units: basic structure of pages with 1 and 2 sidebars
-------------------------------------------------------------- */
/* 2 columns: fixed-width sidebar unit and fluid main unit.
   Sidebar unit has the same width for all screen sizes equal or greater than 1280px.
   Width of the main unit is fluid.
*/
.grid-col2-sidebar	{ width:23%; }
.grid-col2-main		{ width:73%; }

/* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */
.grid-col3-sidebar 		{ width:31.52%; }
.grid-col3-main			{ width:65.90%; }

/* Vertically aligned grid
-------------------------------------------------------------- */
.v-grid-container {
    bottom: 0px;
    display: table;
    margin-top: 0px !important;
    position: relative;
    width: 100%;
}
.v-grid {
	float:none;
	display:table-cell;
	vertical-align:middle;
}

/* Utility classes
-------------------------------------------------------------- */
/* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */
.alpha { margin-left:0;}
.omega { margin-left: 43px;
    margin-right: 0;
    width: 24%; }

/* Hide element if screen width is lower than the width specified in the class name */
.hide-below-1680 { display:none !important; }
.hide-below-1440 { display:none !important; }
.hide-below-1360 { display:none !important; }
.hide-below-1280 { display:none !important; }

/* Grid container: stretched, without side margin 
-------------------------------------------------------------- */
/* Remove padding (which is added in media queries for mobile layouts) from basic grid containers.
   Stretch inner grid unit (full width) */
.container.stretched { width:96%; padding-left:0; padding-right:0; }
.container.stretched .grid-full { width:100%; margin-left:0; margin-right:0; }

@media (min-width: 768px) {
	.v-grid-container {
    bottom: 20px;
    display: table;
    margin-top: -42px !important;
    position: relative;
    width: 100%;
	}
}

@media (max-width: 768px) {
	.v-grid-container {
    bottom: 0px;
    display: table;
    margin-top: 0px !important;
    position: relative;
    width: 100%;
	}
	
	.logo > a {
  		float: none;
 	 	width: 350px !important;
	}
	.header-top, .header .dropdown {
  		/*	 line-height: 3em; */
	}
}	

@media (max-width: 569px) {
	.below_bottom_menu {
  		float: left !important;
  		margin: 0px 0 0 !important;
 		width: 75% !important;

  }
  .user-menu > * {
    float: none !important;
    display: inline-block !important;
  }
}
@media (max-width: 559px) and (min-width: 397px){

.user-menu .links li { /*float:none;*/ display:block; }

}

@media (max-width: 397px) {

.user-menu .links li { float:none; display:block;margin-bottom:7px  }
}

@media (max-width: 320px) {
  .below_bottom_menu {
      float: left !important;
      margin: 54px -11px   0 !important;
    width: 81% !important;
}
}

.footer-primary-bottom{
  display:none;
}

@media (min-width: 568px) {
  .news_letter {
  /*border: 1px solid rgb(204, 204, 204);*/
  padding: 0 0 0 15px;}

  #subscribe-form label {
  display: block !important; 
  width: 100%;
}
#subscribe-form .input-box {
  width: 75% !important;
  margin: 0px !important;
}
#subscribe-form .button {
  float: left;
  width: 24% !important; 
}
}
@media (min-width: 768px) {
  .news_letter {
  /*border: 1px solid rgb(204, 204, 204);*/
  padding: 0 0 0 15px;}

  #subscribe-form label {
  display: block !important; 
  width: 31%;
}
#subscribe-form .input-box {
  width: 49% !important;
}
#subscribe-form .button {
  float: left;
  width: 18% !important; 
}
}

@media (max-width: 568px) {
  #newsletter-validate-detail{
    text-align: center;
  }
  .news_letter {
  /*border: 1px solid rgb(204, 204, 204);*/
  padding: 0 0 0 15px;}

  #subscribe-form label {
  display: block !important; 
  width: 100%;
}
#subscribe-form .input-box { 
}
#subscribe-form .button {
  float: none !important;
 /* width: 28% !important; */
}

#newsletter-validate-detail .button span {
  
  font-size: 18px !important;}

  .small_text_newsletter {
  
  width: 100% !important;
  margin-top: 5px;
  color: #000;
  font-weight: bold;
}
}
@media (min-width: 948px) {

.nlsub{
    color: #5E5A5A;
  font-family: 'museo_sans500';
  font-size: 48px;
  margin-bottom: 0px;
  margin-top: 0px;
  text-transform: uppercase;
  font-weight: bold;
  width: 25%;
  float:left;


}

.nlhead {
  float: right;
  color: #5E5A5A;
  font-family: 'museo_sans500';
  font-size: 13px;
  margin-bottom: 0px;
  margin-top: 0px;
  text-transform: uppercase;
  font-weight: bold;
  width: 70%;
  line-height: 18px;
}
}

@media (min-width: 768px) {

.nlsub{
    color: #5E5A5A;
  font-family: 'museo_sans500';
  font-size: 40px;
  margin-bottom: 0px;
  margin-top: 0px;
  text-transform: uppercase;
  font-weight: bold;
  width: 25%;
  float:left;


}

.nlhead {
  float: right;
  color: #5E5A5A;
  font-family: 'museo_sans500';
  font-size: 10px;
  margin-bottom: 0px;
  margin-top: 0px;
  text-transform: uppercase;
  font-weight: bold;
  width: 70%;
  line-height: 18px;
}
}

@media (max-width: 768px) {

.nlsub{
 display: none;
}
.nlsmall{
  text-align: center;
}

.nlhead {
  float: right!important;
  color: #5E5A5A;
  font-family: 'museo_sans500';
  font-size: 26px;
  margin-bottom: 0px;
  margin-top: -43px;
  text-transform: uppercase;
  font-weight: bold;
  width: 100%;
  line-height: 26px;
  padding-bottom: 8px;
  /* margin-right: 40px; */
}
}

.nlimage{

    /* max-width: 225px; */
    margin-top: -15px;
}

@media (min-width: 790px) {
.header-top-search-wrapper.grid12-4.v-grid.clearer {
  border: 1px solid #a7a7a7;
  border-radius: 11px;
  float: left !important;
  margin: -23px 21px 0 !important;
  width: 34%;
}}