/*=========================================  
SEARCHBAR
ACCORDIN - FAQS
MEGAMENU FOR DESKTOP
MEGAMENU FOR MOBILE
HOMEPAGE - TAB
=========================================*/


/*=========================================  
SEARCHBAR
=========================================*/

.showBtn {
   background: #007dc3;
   border: none;
   color:white;
   /*padding: 10px 15px;*/
   font-size: 18px;
   font-size: 16px;
   cursor: pointer;
   border-radius:300px;  
   width:40px;
   height:40px; 
    width:34px;
   height:34px;
   opacity: 1;
   transition: color 0.3s linear;
   -webkit-transition: color 0.3s linear;
   -moz-transition: color 0.3s linear;
    transition: 0.3s;
}

@media only screen and (min-width : 768px)
{
    .showBtn {
       font-size: 18px;
       cursor: pointer;
       width:40px;
       height:40px;
    }
}

.showBtn:hover, .showBtn:focus {
   opacity: 1;
   background:#0167a0;  
   outline:none;    
}
.overlaySearch {
   height: 100%;
   width: 100%;
   display: none;
   position: fixed;
   z-index: 2000;
   top: 0;
   left: 0;
   background-color: rgba(132, 150, 155, 0.747);
}
.searchBar {
   position: relative;
   top: 46%;
   width: 80%;
      
   text-align: center;
   margin-top: 30px;
   margin: auto;
}

@media (min-width:767px) {
    .searchBar {
        width: 600px;     
    }    
}


.overlaySearch .hideBtn {
   position: absolute;
   top: -30px;
   left: -30px;
   font-size: 25px;
   line-height:28px;    
   font-weight:800;     
   cursor: pointer;
   color: #fff;   
   width:30px;
   height:30px;
   background:#000; 
   border-radius:300px;   
   opacity: 0.8;    
}


.overlaySearch .hideBtn:hover {
   opacity: 1;
}
.overlaySearch input[type=text] {       
   padding: 15px;
   font-size: 18px;
   border: none;
   float: left;
   width: 80%;
   background: white;
   border-radius: 10px 0px 0px 10px;    
       
}
.overlaySearch input[type=text]:hover, .overlaySearch input[type=text]:focus {
   background: #f1f1f1;
   outline:none;    
}
.overlaySearch button {
   float: left;
   width: 20%;
   padding: 15px;
   background: #007dc3;
   font-size: 17px;
   border: none;
   color:white;
   cursor: pointer;
   opacity: 1;
   border-radius: 0px 10px 10px 0px;    
}
.overlaySearch button:hover, .overlaySearch button:focus {
   opacity: 1;
   background:#0167a0;  
   outline:none;    
}



/*=========================================  
ACCORDIN - FAQS
=========================================*/

.accordion-started .accordion-bral {
     
  min-height: 0;
  min-width: 220px;
  width: 100%;
  background-color: #FFF;
  margin: 0px!important;
  color: #484848;
}
.accordion-started.accordion-bral img {
    width: 100%;
    height: 100%;
}
.accordion-started.accordion-bral .ac-label {
  
  padding: 10px 30px 10px 10px;
  position: relative;
  display: block;
  height: auto;
  cursor: pointer;
  color: #137AAA;
  color: #000;    
  border: 1px solid #ccc;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  line-height: 24px;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}

@media only screen and (min-width : 768px)
{
    .accordion-started.accordion-bral .ac-label {
      padding: 5px 20px;
      position: relative;
      display: block;
      height: auto;
      cursor: pointer;
      color: #137AAA;
      color: #000;    
      border: 1px solid #ccc;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      line-height: 33px;
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 20px;
    }
}


.accordion-started.accordion-bral .ac-label:hover {
  
}
.accordion-started.accordion-bral input + .ac-label  {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.accordion-started.accordion-bral input:checked + .ac-label,
.accordion-started.accordion-bral input:checked + .ac-label:active {
  
}
.accordion-started.accordion-bral input.ac-input {
  display: none;
}
.accordion-started.accordion-bral .article {
  overflow: hidden;
  height: 0px;
  max-height: auto;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.accordion-started.accordion-bral .article p {
  line-height: 23px;
  padding-left: 5px;
}
.accordion-started.accordion-bral input:checked ~ .article i {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.accordion-started.accordion-bral input:checked ~ .article.ac-content {
  height: auto;
}

.accordion-started.accordion-bral i {
  position: absolute;
  transform: translate(-30px, 0);
  margin-top: 13px;
  right: 0;
   
}
.accordion-started.accordion-bral input:checked ~ .ac-label i:before {
  transform: translate(2px, 0) rotate(-45deg);   
}
.accordion-started.accordion-bral input:checked ~ .ac-label i:after {
  transform: translate(-2px, 0) rotate(45deg);    
}
.accordion-started.accordion-bral i:before, .accordion-bral i:after {
  content: "";
  position: absolute;
  background-color: #173B6B;
  width: 3px;
  height: 9px;
}
.accordion-started.accordion-bral i:before {
  transform: translate(-2px, 0) rotate(-45deg);
  background:#007dc3;    
}
.accordion-started.accordion-bral i:after {
  transform: translate(2px, 0) rotate(45deg);
  background:#007dc3;    
}

.accordion-started ul.ac-list {
  padding-left: 40px;
  list-style-type: disc;  
}



/*=========================================  
MEGAMENU FOR DESKTOP
=========================================*/



#sticky-top {
    display: inline-block;
    width: 100%;
    list-style:none;
    position: relative;
    top:0px;
    
}
#sticky-top.fixed {
    position: fixed;
    top: 0;
    z-index:1020;
    
}


.megamenu nav-link{
    
}

.megamenu .bg-navbar{
    background:#f2f2f2;
}

@media (min-width:992px) {
    .megamenu .bg-navbar{
        background:#fff;
    }
}

.megamenu .lead-text{
    font-size:18px;
    line-height:24px;
}

.megamenu .navbar .dropdown-menu {
    padding-top:16px;
}

@media (min-width:767px) {
    .megamenu .navbar .dropdown-menu {
        padding-top:40px;
        
    }
}
  

.megamenu .navbar .dropdown-menu ul {
    margin:0;
    padding:0;
}

.megamenu .navbar .dropdown-menu ul li {
    margin:0;
    padding:0;
}

.megamenu .navbar .dropdown-menu ul li a{
    color:#fff;
    opacity:1;
    padding:0;
    margin-bottom:15px;
    margin-bottom:10px;
    line-height:18px;
    font-size:16px;
    font-weight:400;
}

.megamenu .navbar .dropdown-menu ul li a:hover{
    color:#fff;
    opacity:1;
    font-weight:700;
}

/* adds some margin below the link sets  */
.megamenu .navbar .dropdown-menu div[class*="col"] {
   margin-top:24px;    
   margin-bottom:24px;
   margin-top:0rem;    
   margin-bottom:24px;    
}

.megamenu .navbar .dropdown-menu {
  border:none;
  background-color:#2D1D49!important;
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
  
  /* remove the padding from the navbar so the dropdown hover state is not broken */
.megamenu .navbar {
  padding-top:0px;
  padding-bottom:0px;
}

/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.megamenu .navbar .nav-item {
  padding:8px;
  margin:4px;
}

/* makes the dropdown full width  */
.megamenu .navbar .dropdown {position:static;}

.megamenu .navbar .dropdown-menu {
  width:100%;
  left:0;
  right:0;
/*  height of nav-item  */
  top:45px;
  
  
  display:block;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear;
  
}
    

 

  
  /* shows the dropdown menu on hover */
.megamenu .navbar .dropdown:hover .dropdown-menu, .megamenu .navbar .dropdown .dropdown-menu:hover {
  display:block;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.3s linear;
}
  
  .megamenu .navbar .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
  }

}


.megamenuMagazine img{
    width:55px;
}

@media only screen and (min-width : 768px)
{
    .megamenuMagazine img{
        width:143px;
    }
}




/*=========================================  
MEGAMENU FOR MOBILE
=========================================*/

.gnw .mobile .navbar-toggler{
    padding:0;
}

.gnw .mobile .dropdown-menu{
    padding:30px 0;
}

.gnw .mobile .dropdown-item{
    padding-bottom:15px;
}

.gnw .mobile .navbar-light li {
    color:#000;
    font-size:16px;
    line-height:24px;
    margin-bottom:0px;
    
}

.gnw .mobile .navbar-light li a {
    color:#000;
    
    
}

.gnw .mobile .dropdown-menu {
    border:0;
}



/*=========================================  
HOMEPAGE - TAB
=========================================*/

nav > .nav.nav-tabs{
  
  border: none;
  border-radius:0;
  left: -18%; 
  width:340px; 
  margin:0 auto;    

}

nav > .nav.nav-tabs img{
  
  width:95px;  
    width:85px;

}

nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active
{
  border: none;
  padding: 18px 0px;    
  border-radius:0;
  background:#f2f2f2;
  width:95px; 
    width:85px;
  padding:22px;
   padding:18px;
}

nav > div a.nav-item.nav-link:hover
{
  border: none;
  padding: 18px 0px;    
  border-radius:0;
  background:#f2f2f2;
  width:95px; 
    width:85px;
  padding:22px; 
    padding:18px;
         
}

nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -100px;
  left: -55px;
  border: 10px solid transparent;
  border-top-color: #007dc3 ;
}

.gnw .tab-content{
    border-top:1px solid #ccc;
    line-height: 25px;    
    margin-top:35px;
    padding:30px 25px;
}


.gnw .tab-content ul {
  list-style: none; /* Remove default bullets */
}

.gnw .tab-content ul li{
    line-height:32px
}

.gnw .tab-content ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #0f7ec2; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  font-size:21px;    
}


nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;  
  border-radius:0;
  transition:background 0.20s linear;
}



@media (min-width:767px) {

}

@media (min-width:992px) {

}


@media (min-width:1200px) {

}


/*========== SEARCHBAR OLD - DELETE LATER ============*/

.sb-search {
	position: relative;	
	width: 0%;
	min-width: 40px;
	height: 40px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;    
}




.sb-search {
	position: absolute;	
    z-index:1;
    top:0;
    right:15px;
	width: 0%;
	min-width: 40px;
	height: 40px;	
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
    background:#fff;
    
}



/* The input element on the search element  */

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 100%;
    width: 310px;
	height: 40px;
	margin: 0;
	z-index: 10;
	padding: 10px 45px 10px 20px;
	font-family: inherit;
	font-size: 18px;
	color: #2c3e50;
    border:1px solid #ccc;
}


input[type="search"].sb-search-input {
	/* remove special webkit formatting on the search input */
	-webkit-appearance: none;
	-webkit-border-radius: 100px;
    
}

/* browser specific placholder text color */
.sb-search-input::-webkit-input-placeholder {
	color: #ccc;
}

.sb-search-input:-moz-placeholder {
	color: #ccc;
}

.sb-search-input::-moz-placeholder {
	color: #ccc;
}

.sb-search-input:-ms-input-placeholder {
	color: #ccc;
}
/* format the search button and submit to share the same size and space */
.sb-icon-search,
.sb-search-submit  {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}
/* hide the submit but leave it clickable */
.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

/* format the search icon */
.sb-icon-search {
	color: #fff;
	background: #007dc3;
    border-radius:100px;
	z-index: 90;
	/*
	font-family: 'icomoon';
	speak: none;
    
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
    */
}

/* add the magnifying glass character from the icomoon font as a before pseudo element */
.sb-icon-search:before {
    /*
	content: "\e000";
    */
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

/* add the "active" color on the search button */
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #0167a0;
	color: #fff;
	z-index: 11;    
}

/* adjust z-index to make sure the search submit is clikacble and not below any other elements */
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}


/*========== 7. CAROUSEL ==============*/

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	/* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
	z-index: 1;
	margin-bottom: 10px;
}
.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	/* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel.owl-loaded {
	display: block;
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}
.owl-carousel.owl-hidden {
	opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
	display: none;
}
.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}
.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}
.owl-carousel.owl-rtl {
	direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
	float: right;
}
/* No Js */
.no-js .owl-carousel {
	display: block;
}
/*To move navigation buttons outside use these settings:*/
 
 .owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-controls .owl-nav {
	display: none;
}
 @media (min-width:1200px) {
 .owl-theme .owl-controls .owl-nav {
 display: block;
}
 .owl-theme .owl-controls .owl-nav div {
 position: absolute;
}
 .owl-theme .owl-controls .owl-nav .owl-prev {
 left: -10px;
 top: 55px;
}
 .owl-theme .owl-controls .owl-nav .owl-next {
 right: -10px;
 top: 55px;
}
}
.owl-theme .owl-controls .nav-arrow {
	width:16px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	display:block;
}
.owl-theme .owl-controls .nav-arrow.left {
	background-position: 0 0;
}
.owl-theme .owl-controls .nav-arrow.right {
	background-position: 100% 0;
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
 *display: inline
}
.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px;
	background: #DDCBAB;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #AC7F62
}



/* 
 *  Core Owl Carousel for shop category CSS File
 */

.shop-category .owl-theme .owl-dots .owl-dot span {
	display:none;
}

@media (max-width:992px) {
	.shop-category .owl-theme .owl-dots .owl-dot span {
		width: 10px;
		height: 10px;
		margin: 5px;
		background: #DDCBAB;
		display: block;
		-webkit-backface-visibility: visible;
		-webkit-transition: opacity 200ms ease;
		-moz-transition: opacity 200ms ease;
		-ms-transition: opacity 200ms ease;
		-o-transition: opacity 200ms ease;
		transition: opacity 200ms ease;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px
	}
}

.shop-category .owl-theme .owl-controls .owl-nav .owl-prev {
 left: -10px;
 top: 15px;
}
.shop-category .owl-theme .owl-controls .owl-nav .owl-next {
 right: -10px;
 top: 15px;
}


.shop-category a:hover, .shop-category a:focus {
	color:inherit;
	text-decoration:none;
	border-bottom:5px solid #000;
	padding-bottom:8px;
}


/*========== 3. CAROUSEL ==============*/

/* Carousel base class */
.carousel {
	height: 650px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
	top:33%;
	bottom:0;
}
 @media (max-width:480px) {
.carousel-caption {
top: 25%;
}
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 650px;
	background-color: #e2beae;
}
.carousel-control.left {
	background-image:none;
}
.carousel-control.right {
	background-image:none;
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	top:55%;
}
.slide-one {
	
	background-size:cover;
}
.slide-two {
	
	background-size:cover;
}
.slide-three {
	
	background-size:cover;
}


/*========== FLEXSLIDER ==============*/

.flexslider {
	height:700px;	
}

.flexslider .slides li {
	height:700px;	
}

.flexslider-caption {
	margin:250px auto 100px;
	color:#FFF;
	text-align:center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.flexslider-caption h1, .flexslider-caption h2, .flexslider-caption h3, .flexslider-caption p, .flexslider-caption .btn {
	opacity:0;	
}

.flexslider-caption .btn {
  text-shadow: none;
}

.flex-active-slide .flexslider-caption {
    opacity: 0;
    -webkit-transform: translateX(3em);
    -moz-transform: translateX(3em);
    -ms-transform: translateX(3em);
    -o-transform: translateX(3em);
    transform: translateX(3em);
    -webkit-animation: photocaption .65s ease forwards;
    -moz-animation: photocaption .65s ease forwards;
    animation: photocaption .65s ease forwards;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s
}

.flex-active-slide .flexslider-caption h3 {
    opacity: 0;
    -webkit-animation: fade .65s ease forwards;
    -moz-animation: fade .65s ease forwards;
    animation: fade .65s ease forwards;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s
}
.flex-active-slide .flexslider-caption h1 {
    opacity: 0;
    -webkit-animation: fade .65s ease forwards;
    -moz-animation: fade .65s ease forwards;
    animation: fade .65s ease forwards;
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    animation-delay: .8s
}

.flex-active-slide .flexslider-caption h2 {
    opacity: 0;
    -webkit-animation: fade .65s ease forwards;
    -moz-animation: fade .65s ease forwards;
    animation: fade .65s ease forwards;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s
}

.flex-active-slide .flexslider-caption p {
    opacity: 0;
    -webkit-animation: fade .65s ease forwards;
    -moz-animation: fade .65s ease forwards;
    animation: fade .65s ease forwards;
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    animation-delay: .8s
}

.flex-active-slide .flexslider-caption .btn {
    opacity: 0;
    -webkit-animation: fade .65s ease forwards;
    -moz-animation: fade .65s ease forwards;
    animation: fade .65s ease forwards;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s
}



@-webkit-keyframes fade {
    to {
        opacity: 1
    }
}

@-moz-keyframes fade {
    to {
        opacity: 1
    }
}

@keyframes fade {
    to {
        opacity: 1
    }
}
@-webkit-keyframes photocaption {
    to {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes photocaption {
    to {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@keyframes photocaption {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}


/*=========================================  
FLOATING SOCIAL BAR
=========================================*/
#floatingSocialbar {
	position: fixed;
	bottom: 10px;
	right: -9999px;
	left: -9999px;
	margin: 0 auto;
	padding: 4px;
	width: 230px;
	height: 42px;
	z-index: 9999;
	background: #FFF;
	/*
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    opacity: 0;
    */
	display: none;
}

#floatingSocialbar.show {
	opacity: 1;
}

.gnw .btn-print,
.gnw .btn-email,
.gnw .btn-linkedin,
.gnw .btn-facebook,
.gnw .btn-twitter,
.gnw .btn-google,
.gnw .btn-backtop {
	display: inline-block;
	width: 33px;
	height: 35px;
	font-size: 1.2em;
	text-align: center;
	line-height: 34px;
	background: #845fa1;
	color: #FFF;
	cursor: pointer;
	border: 1px solid #845fa1;
	padding-bottom: 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	box-shadow: inset 0 -4px 0 #888;
}

.gnw .btn-facebook {
	background: #334e94;
	border-color: #506bb1;
	box-shadow: inset 0 -4px 0 #263a6e;
}

.gnw .btn-twitter {
	background: #458fc3;
	border-color: #60aade;
	box-shadow: inset 0 -4px 0 #3474a1;
}

.gnw .btn-google {
	background: #cb3724 ;
	border-color: #e85441;
	box-shadow: inset 0 -4px 0 #a02b1c;
}

.gnw .btn-linkedin {
	background: #0175af;
	border-color: #1b93ce;
	box-shadow: inset 0 -4px 0 #01537c;
}

.gnw .btn-email {
	background: #278abd;
	border-color: #51acdb;
	box-shadow: inset 0 -4px 0 #1e6b93;
}


.gnw .btn-print:hover,
.gnw .btn-email:hover,
.gnw .btn-linkedin:hover,
.gnw .btn-facebook:hover,
.gnw .btn-twitter:hover,
.gnw .btn-google:hover,
.gnw .btn-backtop:hover {
	opacity: 0.6;
	color: #FFF;
}

@media only screen and (min-width : 768px) {

	#floatingSocialbar {
		bottom: 40px;
		right: 40px;
		left: auto;
		margin: 0;
	}

}

@media print {

	#floatingSocialbar {
		display: none !important;
	}

}

/*=========================================  
ALERTS AND ERRORS
=========================================*/
.gnw .field-validation-error {
	font-size: 0.9rem;
	color: #cc0000;
}