/*===================================================================================*/
/*  GENERAL
/*===================================================================================*/
.green-text {
  color: #abd07e !important;
}
.green-text:hover {
  background-color: #abd07e !important;
  color: #fff !important;
}
.blue-text {
  color: #3498db !important;
}
.blue-text:hover {
  background-color: #3498db !important;
  color: #fff !important;
}

.inline {
  display: inline-block;
  vertical-align: top;
}

ul {
  list-style: none;
}

a {
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

body {
  font-size: 20px;
  color: #666666;
  background-color: #fff;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
}

ul {
  margin: 0;
  padding: 0;
}

a {
  outline: none!important;
}

a:hover,
a:active,
a:focus {
  text-decoration: none;
}

header p {
	
	text-align: center;
	font-family: Papyrus, fantasy;
	font-size: 120%;

}

.siteLogo {
	height: 200px;
	padding: .03em .03em .03em .03em; 
    border-radius: 10px 10px 10px 10px;
    background-color: white;
    font-weight: bolder;
    display: block;
	margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 450px;    
  }

section {
	text-align: center;
/*	margin-left: 50%;
    margin-right: 50%; */
}



section h2{
	text-align: center;
	font-size: 20px;
		font-family: Papyrus, fantasy;

}

section h3{
	text-align: center;
	font-size: 30px;
/*		font-family: Papyrus, fantasy; */

}

section p {
	text-align: center;
	font-size: 15px;
}



div {
	text-align: center;

}

h2 {
	text-align: center;
	color: blue;
/*	font-family: Papyrus, fantasy;*/
	font-size: 40px;

}

h3 {
	text-align: center;
	color: blue;
/*	font-family: Papyrus, fantasy; */
	font-size: 20px;

}


p {
	text-align: center;
	font-size: 15px;
}

p img {
	border: 4px solid blue;
	    border-radius: 10px 10px 10px 10px;

}







 /* CROSS BROWSER SELECTOR*/
      .custom-progress {
          /* RESETS */
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          border: none;
 
          width: 100%;
          height: 20px;
          border-radius: 20px;
          background-color: #777;
          color: #e74c3c;
      }
 
      /* WEBKIT BROWSERS - CHROME, OPERA AND SAFARI */
      .custom-progress::-webkit-progress-bar {
          background-color: #777;
          border-radius: 20px;
      }
 
      .custom-progress::-webkit-progress-value {
          background-image:
              -webkit-linear-gradient(45deg, transparent 40%, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .1) 70%, transparent 70%),
              -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)),
              -webkit-linear-gradient(left, #f1c40f, #e74c3c);
          border-radius: 20px;
      }
 
      /* MOZILLA FIREFOX */
      .custom-progress::-moz-progress-bar {
          background-image:
              -moz-linear-gradient(45deg, transparent 33%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.1) 70%, transparent 70%),
              -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25)),
              -moz-linear-gradient(left, #f1c40f, #e74c3c);
          border-radius: 20px;
      }
 
      /* MICROSOFT EDGE & IE */
      .custom-progress::-ms-fill {
          border-radius: 18px;
          background: repeating-linear-gradient(45deg,
          yellow,
          yellow 10px,
          green 10px,
          green 20px);
      }

/*
      .wrapper {
          width: 70%;
          margin: 0 auto;
          text-align: center;
      }
 
  <div class="wrapper">
      <h1>Animating HTML Progress Bar Using JavaScript</h1>
      <progress id="custom-bar" class="custom-progress" max="100" value="0">0%</progress>
  </div>
 
  <script>
      setInterval(function () {
          var progress = document.getElementById('custom-bar');
 
          if (progress.value < progress.max) {
              progress.value += 10;
          }
 
      }, 1000);

	</script>

}
*/

.container2 {
  width: 100%;
  height: 100%;
  color:green;
}

.leftpane {
    width: 20%;
    height: 100%;
    float: left;
    border-collapse: collapse;
	text-align: center;
/*	border: 1px solid black; */
	border-radius: 10px 10px 10px 10px; 
	background-color: blue;  /* #fc46AA; */
	-moz-box-shadow:0px 0px 4px #010101;
	-webkit-box-shadow:0px 0px 4px #010101;
	box-shadow:0px 0px 4px #010101; 

}

.middlepane {
    width: 60%;
    height: auto;
    float: left;
    background-color: #3498db;
    border-collapse: collapse;
	border-top:1px solid #000; 
	bottom:10px;
	-moz-box-shadow:0px 0px 4px #010101;
	-webkit-box-shadow:0px 0px 4px #010101;
	box-shadow:0px 0px 4px #010101; 
	 border-radius: 10px 10px 10px 10px; 
	text-align: center;/*
	margin: 0px 0px 0px 20px; */
	color: white;
}

.middlepane h3 {
	color: white;
}

.middlepane h2 {
	color: white;
}

.rightpane p {
	color: white;
}

.leftpane p {
	color: white;
}

.rightpane {
 width: 20%;
    height: 100%;
    float: right;
    border-collapse: collapse;
	text-align: center;
/*	border: 1px solid black; */
	border-radius: 10px 10px 10px 10px; 
	background-color: blue;  /* #fc46AA; */
	-moz-box-shadow:0px 0px 4px #010101;
	-webkit-box-shadow:0px 0px 4px #010101;
	box-shadow:0px 0px 4px #010101; 
}

.toppane {
  width: 100%;
  height: auto;
  text-align: center;
  border-collapse: collapse;
  background-color: white;
  margin: 0px 0px 10px 0px;
}




.gallery {
  width: 390px;
  margin: auto;
  border-radius: 3px;
  overflow: hidden;
}

/*
.gallery {
  width: auto;
  display: block;
  margin: 0 0 0 5%;
  padding: 0;
  position: relative;
  height: auto;
  max-width: auto;
  overflow-y: hidden;
  overflow-x: auto;
  border-radius: 3px;
} */

.img-c {
  width:120px;
  height: 120px;
  float: left;
  position: relative;
  overflow: hidden;
  border: 5px solid #1d6ca1;
  border-radius: 30px 30px 30px 30px;
}

.img-w {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  transition: transform ease-in-out 300ms;
  
}

.img-w img {
  display: none;
}

.img-c {
  transition: width 400ms, height ease 350ms, left cubic-bezier(0.4, 0, 0.2, 1) 420ms, top cubic-bezier(0.4, 0, 0.2, 1) 420ms;
  
}

.img-c:hover .img-w {
  transform: scale(1.0);
  transition: transform cubic-bezier(1.4, 1.0, 0.2, 1) 450ms;
  
}

.img-c.active {
  width: 50% !important;
  height:50% !important;
  position: fixed;
  z-index: 2;
  	display: block;
  margin-top: 10%;
  margin-left: 25%;
  margin-right: 25%;
  }

.img-c.postactive {
  position: fixed;
  z-index: 2;
  pointer-events: none;
}

.img-c.active.positioned {
  left:0 !important;
  top: 0 !important;
  transition-delay: 50ms;
  
}



.img {
	text-align: center;
}





















/* Add a black background color to the top navigation */
.topnav {
  background-color: #3498db;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  background-color: #3498db;

}

/* Add an active class to highlight the current page */
.active {
  background-color: #333;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
 

 border: none;
  outline: none;
  color: white;
  background-color: #3498db;
 font-size: 17px;
  line-height: 17px;
  padding: 15px 29px;
  text-transform: uppercase;
  margin: 0;
/*    border-radius: 40px 40px 40px 40px; */
/* font-size: 17px;
  border: none;
  outline: none;
  background-color: #3498db;

  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0; */
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #3498db;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #8890db;
  color: white;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  color: blue; 
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}















img[src="assets/images/blank.gif"] {
  background: url("../images/ajax.gif") no-repeat scroll center center #ffffff;
}
@font-face {
  font-family: 'FjallaOneRegular';
  src: url('../fonts/fjalla/fjallaone-regular.eot');
  src: url('../fonts/fjalla/fjallaone-regular.eot') format('embedded-opentype'), url('../fonts/fjalla/fjallaone-regular.woff2') format('woff2'), url('../fonts/fjalla/fjallaone-regular.woff') format('woff'), url('../fonts/fjalla/fjallaone-regular.ttf') format('truetype'), url('../fonts/fjalla/fjallaone-regular.svg#FjallaOneRegular') format('svg');
}
@font-face {
  font-family: 'BebasNeueBold';
  src: url('../fonts/bebas/bebasneuebold.eot');
  src: url('../fonts/bebas/bebasneuebold.eot') format('embedded-opentype'), url('../fonts/bebas/bebasneuebold.woff2') format('woff2'), url('../fonts/bebas/bebasneuebold.woff') format('woff'), url('../fonts/bebas/bebasneuebold.ttf') format('truetype'), url('../fonts/bebas/bebasneuebold.svg#BebasNeueBold') format('svg');
}
@font-face {
  font-family: 'BebasNeueRegular';
  src: url('../fonts/bebas/bebasneueregular.eot');
  src: url('../fonts/bebas/bebasneueregular.eot') format('embedded-opentype'), url('../fonts/bebas/bebasneueregular.woff2') format('woff2'), url('../fonts/bebas/bebasneueregular.woff') format('woff'), url('../fonts/bebas/bebasneueregular.ttf') format('truetype'), url('../fonts/bebas/bebasneueregular.svg#BebasNeueRegular') format('svg');
}
@font-face {
  font-family: 'PacificoRegular';
  src: url('../fonts/pacifico/pacifico.eot');
  src: url('../fonts/pacifico/pacifico.eot') format('embedded-opentype'), url('../fonts/pacifico/pacifico.woff2') format('woff2'), url('../fonts/pacifico/pacifico.woff') format('woff'), url('../fonts/pacifico/pacifico.ttf') format('truetype'), url('../fonts/pacifico/pacifico.svg#PacificoRegular') format('svg');
}
@font-face {
  font-family: 'LatoBold';
  src: url('../fonts/lato/lato-bold.eot');
  src: url('../fonts/lato/lato-bold.eot') format('embedded-opentype'), url('../fonts/lato/lato-bold.woff2') format('woff2'), url('../fonts/lato/lato-bold.woff') format('woff'), url('../fonts/lato/lato-bold.ttf') format('truetype'), url('../fonts/lato/lato-bold.svg#LatoBold') format('svg');
}
.btn-upper {
  text-transform: uppercase;
}
.m-t-20 {
  margin-top: 20px;
}
.m-t-15 {
  margin-top: 15px;
}
.m-t-10 {
  margin-top: 10px;
}
.btn-uppercase {
  text-transform: uppercase;
}
.btn-default {
  background: #cbc9c9;
  color: #fff;
  font-weight: 700;
  /*line-height:30px;*/
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.btn-primary {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  background: #a8a8a8;
  color: #fff;
  border: none;
  font-size: 13px;
  line-height: 22px;
}
.btn-black {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  background: #3a3a3a;
  color: #fff;
  border: none;
  font-size: 15px;
  line-height: 30px;
  font-weight: 500;
  padding: 3px 22px;
}
.btn-primary:hover,
.btn-black:hover,
.btn-black:focus,
.btn-primary:focus {
  color: #fff;
}
.center-block {
  float: none;
}
.inner {
  padding-top: 120px;
  padding-bottom: 120px;
}
.inner-md {
  padding-top: 100px;
  padding-bottom: 100px;
}
.inner-sm {
  padding-top: 80px;
  padding-bottom: 80px;
}
.inner-xs {
  padding-top: 40px;
  padding-bottom: 40px;
}
.inner-vs {
  padding-top: 30px;
  padding-bottom: 30px;
}
.inner-top {
  padding-top: 120px;
}
.inner-top-md {
  padding-top: 100px;
}
.inner-top-sm {
  padding-top: 80px;
}
.inner-top-xs {
  padding-top: 40px;
}
.inner-top-vs {
  padding-top: 30px;
}
.inner-bottom {
  padding-bottom: 120px;
}
.inner-bottom-md {
  padding-bottom: 100px;
}
.inner-bottom-sm {
  padding-bottom: 80px;
}
.inner-bottom-xs {
  padding-bottom: 40px;
}
.inner-bottom-vs {
  padding-bottom: 60px;
}
.inner-left {
  padding-left: 75px;
}
.inner-left-md {
  padding-left: 60px;
}
.inner-left-sm {
  padding-left: 45px;
}
.inner-left-xs {
  padding-left: 30px;
}
.inner-right {
  padding-right: 75px;
}
.inner-right-md {
  padding-right: 60px;
}
.inner-right-sm {
  padding-right: 45px;
}
.inner-right-xs {
  padding-right: 30px;
}
.inner-right-vs {
  padding-right: 10px;
}
.outer {
  margin-top: 120px;
  margin-bottom: 120px;
}
.outer-md {
  margin-top: 100px;
  margin-bottom: 100px;
}
.outer-sm {
  margin-top: 80px;
  margin-bottom: 80px;
}
.outer-xs {
  margin-top: 40px;
  margin-bottom: 40px;
}
.outer-top {
  margin-top: 120px;
}
.outer-top-md {
  margin-top: 100px;
}
.outer-top-sm {
  margin-top: 80px;
}
.outer-top-xs {
  margin-top: 30px;
}
.outer-top-vs {
  margin-top: 40px;
}
.outer-top-small {
  margin-top: 50px;
}
.outer-bottom {
  margin-bottom: 120px;
}
.outer-bottom-md {
  margin-bottom: 100px;
}
.outer-bottom-sm {
  margin-bottom: 80px;
}
.outer-bottom-vs {
  margin-bottom: 60px;
}
.outer-bottom-xs {
  margin-bottom: 40px;
}
.outer-bottom-small {
  margin-bottom: 50px;
}
.outer-top-bd {
  margin-top: 50px;
}
.inner-bottom-30 {
  padding-bottom: 30px;
}
.inner-bottom-20 {
  padding-bottom: 20px;
}










@media (max-width: 767px) {
  .inner {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  
 
  
.siteLogo {
	height: 120px;
	padding: .03em .03em .03em .03em; 
    border-radius: 10px 5px 10px 5px;
    background-color: white;
    font-weight: bolder;
    display: block;
	
/*	margin-top: 10px; */
	margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 350px;    
  }	
	
  

  
  
  .inner-md {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .inner-sm {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .inner-xs {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .inner-top {
    padding-top: 80px;
  }
  .inner-top-md {
    padding-top: 65px;
  }
  .inner-top-sm {
    padding-top: 50px;
  }
  .inner-top-xs {
    padding-top: 40px;
  }
  .inner-bottom {
    padding-bottom: 80px;
  }
  .inner-bottom-md {
    padding-bottom: 65px;
  }
  .inner-bottom-sm {
    padding-bottom: 50px;
  }
  .inner-bottom-xs {
    padding-bottom: 40px;
  }
}




.header-style-1 .header-nav {
  background: #12cca7;

}
.cnt-home .header-style-1 .header-nav .navbar .navbar-nav > li.active {
  background: #0b816a;


}
.cnt-home .header-style-1 .header-nav .navbar .navbar-nav > li > a:hover,
.cnt-home .header-style-1 .header-nav .navbar .navbar-nav > li > a:focus {
  background: #0b816a;
}
.cnt-home .header-style-1.header-style-2 .header-nav .navbar .navbar-nav > li.active,
.cnt-homepage .header-style-1.header-style-2 .header-nav .navbar .navbar-nav > li.active {
  background: #12cca7;

}
.cnt-home .header-style-1.header-style-3 .header-nav .navbar .navbar-nav > li.active {
  background: #12cca7;
}
.header-style-2 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a:hover,
.header-style-2 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a:focus {
  background: #12cca7 !important;
}
.header-style-2 .header-nav .navbar-default .navbar-collapse .navbar-nav > li.open {
  background: #12cca7;
}




.footer .links-social .social-icons a:hover,
.footer .links-social .social-icons a:focus,
.footer .links-social .social-icons a.active {
  background: #12cca7;
}
.latest-tweet .re-twitter .comment a {
  color: #12cca7;
}
.latest-tweet .re-twitter .comment .icon .fa-stack-2x {
  color: #12cca7;
}
.footer .contact-information .media .icon .fa-stack-2x {
  color: #12cca7;
}
.footer .contact-information .media .media-body a:hover,
.footer .contact-information .media .media-body a:focus {
  color: #12cca7;
}
.footer .footer-bottom .module-body ul li a:hover,
.footer .footer-bottom .module-body ul li a:focus {
  color: #12cca7;
}



.yamm .dropdown-menu .title:hover,
.yamm .dropdown-menu .title:focus {
  color: #12cca7;
}
.yamm .dropdown-menu li a:hover,
.yamm .dropdown-menu li a:focus {
  color: #12cca7;
}




.header-style-3 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a:hover,
.header-style-3 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a:focus {
  background: #12cca7;
}
.header-style-3 .header-nav .navbar-default .navbar-collapse .navbar-nav > li.open {
  background: #12cca7;
}



.contact-page .contact-info .contact-i {
  background-color: #12cca7;
}

.yamm .dropdown-menu {
  border-top-color: #12cca7;
}


.header-style-1 .header-nav .navbar-default {
  border: medium none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: rgba(0, 0, 0, 0);
  margin: 0;
}
.header-style-1 .header-nav .navbar-default .navbar-collapse {
  padding: 0;
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li.active > a {
/*  color: #fff; */
  border-radius: 40px 40px 40px 40px;
  height: 50px;
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #FFFFFF; 
  font-family: 'FjallaOneRegular';
  font-size: 20px;
  line-height: 20px;
  padding: 15px 29px;
  text-transform: uppercase;
  -webkit-transitio: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label {
  position: absolute;
  text-transform: uppercase;
  top: -14px;
  display: inline;
  padding: 1px 7px;
/*  color: #fff; */
  font-size: 11px; 
  font-family: 'Roboto';
  right: 23px;
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label:after {
  border-width: 7.5px 8.5px 0 7.5px;
  right: 18px;
  top: 90%;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transitio: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 0;
  z-index: 100;
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label:before {
  right: 18px;
  top: 90%;
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label.new-menu {
  background: #f1c40f;
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label.new-menu:after {
  border-color: #f1c40f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label.new-menu:before {
  border-color: #f1c40f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label.hot-menu {
  background: #ff7878;
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label.hot-menu:after {
  border-color: #ff7878 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label.hot-menu:before {
  border-color: #ff7878 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.header-style-2 {
  /*margin-bottom:10px;*/
}
.header-style-2 .header-nav {
  background: rgba(0, 0, 0, 0) !important;
}
.header-style-2 .header-nav .navbar-default .nav-bg-class {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
}
.header-style-2 .header-nav .navbar-default .nav-bg-class .navbar-collapse .navbar-nav > li > a {
  color: #555;
}
.header-style-2 .header-nav .navbar-default .nav-bg-class .navbar-collapse .navbar-nav > li > a:hover,
.header-style-2 .header-nav .navbar-default .nav-bg-class .navbar-collapse .navbar-nav > li > a:focus {
  color: #fff;
}
.header-style-2 .header-nav .navbar-default .nav-bg-class .navbar-collapse .navbar-nav > li.open > a {
  color: #fff;
}
.header-style-3 .header-nav {
  background: #202020 !important;
  border: medium none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
}
.header-style-3 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a {
  color: #fff;
}
.header-style-3 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a:hover,
.header-style-3 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a:focus {
  color: #fff;
}
.header-style-3 .header-nav .yamm .dropdown-menu {
  top: 62px;
}
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .dropdown-menu {
  left: auto;
  top: 110% ;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px solid #f1f1f1;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.yamm .dropdown-menu .yamm-content {
  padding: 20px 15px;
}
.yamm .dropdown-menu .yamm-content .links li a {
  padding: 8px 0px;
}
.yamm .dropdown-menu h2 {
  font-size: 15px;
  line-height: 27px;
  color: #555;
  text-transform: uppercase;
  font-family: 'FjallaOneRegular';
  margin-top: 0px;
}
.yamm .dropdown-menu li {
  line-height: 26px;
  padding: 2px 0px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.yamm .dropdown-menu li a {
  color: #3D3D3D;
  line-height: 26px ;
  text-transform: none ;
  display: block;
  padding: 8px 16px;
}
.yamm .dropdown-menu li a:hover,
.yamm .dropdown-menu li a:focus {
  background: rgba(0, 0, 0, 0);
  margin-left: 5px;
}
.yamm .dropdown-menu .text {
  font-size: 13px;
  line-height: 20px;
  position: relative;
  bottom: 0px;
  top: 73px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}


/* FOOTER SETTINGS */

.footer .links-social {
  border-top: 1px solid #e5e5e5;
  font-size: 12px;
  line-height: 18px;
  color: #000;
  margin-bottom: 70px;
}
.footer .links-social .contact-info .footer-logo {
  margin-top: 10px;
}
.footer .links-social .contact-info .about-us {
  margin-bottom: 20px;
}
.footer .links-social .contact-info .social-icons a {
  color: #888888;
  font-size: 16px;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  width: 2em;
  height: 2em;
  display: inline-block;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
}
.footer .links-social .contact-info .social-icons a:hover,
.footer .links-social .contact-info .social-icons a:focus,
.footer .links-social .contact-info .social-icons a.active {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: #fff; 
}
.footer .links-social .contact-info .social-icons a .icon {
  line-height: 2em;
}
.footer .module-heading {
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'FjallaOneRegular';
  color: #555555;
}
.footer .contact-timing .table tbody tr {
  border-bottom: 1px solid #e1e1e1;
}
.footer .contact-timing .table tbody tr td {
  border-top: none;
  font-size: 12px;
  line-height: 36px;
  padding: 0px !important;
}
.footer .contact-timing .contact-number {
  font-family: 'FjallaOneRegular';
}
.footer .contact-information .media .media-body a {
  color: #666666;
}
.footer .footer-bottom {
  background: #202020;
  padding-top: 50px;
}
.footer .footer-bottom .module-heading {
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'FjallaOneRegular';
  color: #898989;
}
.footer .footer-bottom .module-body ul li {
  border-bottom: 1px solid #292929;
}
.footer .footer-bottom .module-body ul li a {
  font-size: 12px;
  line-height: 36px;
  color: #666666;
  position: relative;
  margin-left: 23px;
  display: block;
}
.footer .footer-bottom .module-body ul li a:before {
  content: "\f111";
  font-family: FontAwesome;
  position: absolute;
  margin-left: -22px;
  font-size: 6px;
}



/*===================================================================================*/
/*  Responsive Layout
/*===================================================================================*/
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {

}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
}