/* The gallery overlay */
#galleryOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	opacity:0;
	z-index:100000;
	background-color:#222;
	background-color:rgba(0,0,0,0.8);
	overflow:hidden;
	display:none;
	
	-moz-transition:opacity 1s ease;
	-webkit-transition:opacity 1s ease;
	transition:opacity 1s ease;
}

/* This class will trigger the animation */
#galleryOverlay.visible{
	opacity:1;
}
#gallerySlider{
	height:100%;
	left:0;
	top:0;
	width:100%;
	white-space: nowrap;
	position:absolute;
	-moz-transition:left 0.4s ease;
	-webkit-transition:left 0.4s ease;
	transition:left 0.4s ease;
}
#gallerySlider .placeholder{
	background: url("../images/preloader.gif") no-repeat center center;
	height: 100%;
	line-height: 1px;
	text-align: center;
	width:100%;
	display:inline-block;
}

/* The before element moves the
 * image halfway from the top */
#gallerySlider .placeholder:before{
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right:-1px;
}
#gallerySlider .placeholder img{
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
}

#gallerySlider.rightSpring{
	-moz-animation: rightSpring 0.3s;
	-webkit-animation: rightSpring 0.3s;
}

#gallerySlider.leftSpring{
	-moz-animation: leftSpring 0.3s;
	-webkit-animation: leftSpring 0.3s;
}

/* Firefox Keyframe Animations */

@-moz-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-moz-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Safari and Chrome Keyframe Animations */

@-webkit-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-webkit-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Arrows */

#prevArrow,#nextArrow{
	border:none;
	text-decoration:none;
	background:url('../images/arrows.png') no-repeat;
	opacity:0.5;
	cursor:pointer;
	position:absolute;
	width:43px;
	height:58px;
	
	top:50%;
	margin-top:-29px;
	
	-moz-transition:opacity 0.2s ease;
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}

#prevArrow:hover, #nextArrow:hover{
	opacity:1;
}

#prevArrow{
	background-position:left top;
	left:40px;
}

#nextArrow{
	background-position:right top;
	right:40px;
}


/* MAIN STYLES
================ */

body {
    position: relative;
}

html,body {
    width: 100%;
    overflow-x: hidden;
}
em {font-weight:400;}
h1,h2,h3,h4 {
  font-weight: 400;
  letter-spacing: 0px;
}
section1, article1 {
	padding-top: 40px;
	padding-bottom: 40px;
}
img, .img {
	width: 100%;
	max-width: 100%;
}
.nav-push {
	margin-top: -55px;
	padding-top: 55px;
}

@media(min-width:768px) {
	.nav-push {
		margin-top: -70px;
		padding-top: 70px;
	}
}


/* Equal Height Columns */
.row {
    
}

.main-content { /* No article white line fix */
	margin-top: -1px;
	padding: 40px 0px;
}

[class*="full-height"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

[class*="col-"].snug {
	padding-left: 0px;
	padding-right: 0px;
}

/* .aside-left {border-right:1px solid #F1F1F1;}
.aside-right{border-left:1px solid #F1F1F1;} */


/* Headings */
.h1,.h2,.h3,.h4,.h5,.h6,
h1,h2,h3,h4,h5,h6{
	font-family:inherit;
	font-weight:500;
	line-height:1.1;
	color:inherit;
}
.h1 .small,.h1 small,
.h2 .small,.h2 small,
.h3 .small,.h3 small,
.h4 .small,.h4 small,
.h5 .small,.h5 small,
.h6 .small,.h6 small,
h1 .small,h1 small,
h2 .small,h2 small,
h3 .small,h3 small,
h4 .small,h4 small,
h5 .small,h5 small,
h6 .small,h6 small{
	font-weight:400;
	line-height:1;
	color:#777
}
.h1,.h2,.h3,h1,h2,h3{
	margin-top:20px;
	margin-bottom:10px
}
.h1 .small,.h1 small,
.h2 .small,.h2 small,
.h3 .small,.h3 small,
h1 .small,h1 small,
h2 .small,h2 small,
h3 .small,h3 small{
	font-size:60%
}
.h4,.h5,.h6,h4,h5,h6{
	margin-top:10px;
	margin-bottom:10px
}
.h4 .small,.h4 small,
.h5 .small,.h5 small,
.h6 .small,.h6 small,
h4 .small,h4 small,
h5 .small,h5 small,
h6 .small,h6 small{
	font-size:70%
}

.h1,h1{font-size:36px}
.h2,h2{font-size:30px}
.h3,h3{font-size:24px}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}


/* Section Padding */
.padded-xl {padding: 120px 0px;}
.padded-lg {padding: 100px 0px;}
.padded-md {padding: 80px 0px;}
.padded-sm {padding: 60px 0px;}

/* Module Padding */
.mod-pad-xl {padding: 120px;}
.mod-pad-lg {padding: 100px;}
.mod-pad-md {padding: 80px;}
.mod-pad-sm {padding: 60px;}


/* Section Spacing */
.spacer-xl {margin: 120px 0px;}
.spacer-lg {margin: 100px 0px;}
.spacer-md {margin: 80px 0px;}
.spacer-sm {margin: 60px 0px;}

/* Module Spacing */
.mod-shift-xl {margin: 120px;}
.mod-shift-lg {margin: 100px;}
.mod-shift-md {margin: 80px;}
.mod-shift-sm {margin: 60px;}
.mod-shift-xs {margin: 40px;}




/* Added Padding */
.blocks .custom,
.no-pad .custom {padding-bottom: 0px;}

@media (max-width:1199px) {
	.padded-xl {padding: 110px 0px;}
	.padded-lg {padding: 90px 0px;}
	.padded-md {padding: 70px 0px;}
	.padded-sm {padding: 50px 0px;}
	.mod-pad-xl {padding: 70px;}
	.mod-pad-lg {padding: 60px;}
	.mod-pad-md {padding: 50px;}
	.mod-pad-sm {padding: 40px;}
	
	.spacer-xl {margin: 110px 0px;}
	.spacer-lg {margin: 90px 0px;}
	.spacer-md {margin: 70px 0px;}
	.spacer-sm {margin: 50px 0px;}
	.mod-shift-xl {margin: 90px;}
	.mod-shift-lg {margin: 70px;}
	.mod-shift-md {margin: 50px;}
	.mod-shift-sm {margin: 30px;}
	.mod-shift-xs {margin: 10px;}
}

@media (max-width:980px) {
	.padded-xl {padding: 100px 0px;}
	.padded-lg {padding: 80px 0px;}
	.padded-md {padding: 60px 0px;}
	.padded-sm {padding: 40px 0px;}
	.mod-pad-xl {padding: 60px;}
	.mod-pad-lg {padding: 50px;}
	.mod-pad-md {padding: 40px;}
	.mod-pad-sm {padding: 30px;}
	
	.spacer-xl {margin: 100px 0px;}
	.spacer-lg {margin: 80px 0px;}
	.spacer-md {margin: 60px 0px;}
	.spacer-sm {margin: 40px 0px;}
	.mod-shift-xl {margin: 100px;}
	.mod-shift-lg {margin: 80px;}
	.mod-shift-md {margin: 60px;}
	.mod-shift-sm {margin: 40px;}
	.mod-shift-xs {margin: 20px;}
	
	.h1,h1{font-size:34px}
	.h2,h2{font-size:28px}
	.h3,h3{font-size:22px}
	.h4,h4{font-size:16px}
	.h5,h5{font-size:12px}
	.h6,h6{font-size:10px}
}

@media (max-width:768px) {
	.padded-xl {padding: 90px 0px;}
	.padded-lg {padding: 70px 0px;}
	.padded-md {padding: 50px 0px;}
	.padded-sm {padding: 30px 0px;}
	.mod-pad-xl {padding: 50px;}
	.mod-pad-lg {padding: 40px;}
	.mod-pad-md {padding: 30px;}
	.mod-pad-sm {padding: 20px;}
	
	.spacer-xl {margin: 90px 0px;}
	.spacer-lg {margin: 70px 0px;}
	.spacer-md {margin: 50px 0px;}
	.spacer-sm {margin: 30px 0px;}
	.mod-shift-xl {margin: 90px;}
	.mod-shift-lg {margin: 70px;}
	.mod-shift-md {margin: 50px;}
	.mod-shift-sm {margin: 30px;}
	.mod-shift-xs {margin: 10px;}
	
	.h1,h1{font-size:32px}
	.h2,h2{font-size:26px}
	.h3,h3{font-size:20px}
	.h4,h4{font-size:14px}
	.h5,h5{font-size:10px}
	.h6,h6{font-size:8px}
	
	.aside-right, .aside-left {
		margin-top: 40px;
	}
}

@media (max-width:480px) {
	.padded-xl {padding: 90px 0px;}
	.padded-lg {padding: 70px 0px;}
	.padded-md {padding: 50px 0px;}
	.padded-sm {padding: 30px 0px;}
	.mod-pad-xl {padding: 50px;}
	.mod-pad-lg {padding: 40px;}
	.mod-pad-md {padding: 30px;}
	.mod-pad-sm {padding: 20px;}
	
	.spacer-xl {margin: 90px 0px;}
	.spacer-lg {margin: 70px 0px;}
	.spacer-md {margin: 50px 0px;}
	.spacer-sm {margin: 30px 0px;}
	.mod-shift-xl {margin: 90px;}
	.mod-shift-lg {margin: 70px;}
	.mod-shift-md {margin: 50px;}
	.mod-shift-sm {margin: 30px;}
	.mod-shift-xs {margin: 10px;}
	
	.h1,h1{font-size:30px}
	.h2,h2{font-size:24px}
	.h3,h3{font-size:18px}
	.h4,h4{font-size:12px}
	.h5,h5{font-size:8px}
	.h6,h6{font-size:6px}
}


.page-header {
	border: 0px none;
}
.heading {
  font-size: 20px;
}
.subheading {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 60px;
}
.bold {
  font-weight: bold;
}

p {
  letter-spacing: 0px;
  line-height: 28px;
}
.custom p {
	margin: 0px;
}
.custom .btn {
	margin-bottom: 0px;
}

a {
  outline: none !important;
}

hr {
  width: 100px;
}



.section-title {
  text-align: center;
  padding-bottom: 32px;
}
.mod-title {
	margin-top: 10px;
	margin-bottom: 30px;
}

.medium-icon {
  font-size: 32px !important;
}
.search button.btn {
	margin: 0px;
}
.search input[type="search"] {
	border: 2px solid #DDDDDD;
	height: 48px;
}
.search input[type="search"]:focus {
	border-color: #AAAAAA;
}


@media (max-width:991px) {
	p {
	  letter-spacing: 0px;
	  line-height: 22px;
	}
}


/* Article Typeography */
.item-body {
	margin-top: 40px;
}
.item-page .item-body p {
	margin-bottom: 15px;
}
.item-page .item-body img {max-width:100%;}
.item-page .item-image img,
.news .item-image img {max-width: 100%;width:100%;}
p.img_caption {
    margin-bottom: 0px;
    padding: 5px 15px;
    font-style: italic;
    background-color: #fafafa;
    font-weight: 400;
    font-size: 12px;
}
.item-page .item-body h1 {margin: 60px 0px 20px;}
.item-page .item-body h2 {margin: 50px 0px 20px;}
.item-page .item-body h3 {margin: 45px 0px 20px;}
.item-page .item-body h4 {margin: 40px 0px 20px;}
.item-page .item-body h5 {margin: 35px 0px 20px;}
.item-page .item-body h6 {margin: 30px 0px 20px;}

.item-page .item-body ul,
.item-page .item-body ol {margin: 30px 0px;}

.item-page .item-body ul li ul,
.item-page .item-body ol li ol {
	margin: 20px 0px;
}



#copyright p {
	margin-top: 7px;
	font-size: 12px;
}
.copyright-container {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #212121;
}
#copyright .copyright-container .license p {
	font-size: 10px;
	font-weight: 300;
	line-height:14px;
	color: #777;
}
.copyright-container img {
	width: 100%;
	max-width: 100%;
}



/* Globals
===================== */
.wow:first-child {
	visibility: hidden;
}
.wow {
   visibility: hidden;
}
.threedee {
	text-shadow:
	0 1px 0 #ccc,
	0 2px 0 #c9c9c9,
	0 3px 0 #bbb,
	0 4px 0 #b9b9b9,
	0 5px 0 #aaa,
	0 6px 1px rgba(0,0,0,.1),
	0 0 5px rgba(0,0,0,.1),
	0 1px 3px rgba(0,0,0,.3),
	0 3px 5px rgba(0,0,0,.2),
	0 5px 10px rgba(0,0,0,.25),
	0 10px 10px rgba(0,0,0,.2),
	0 20px 20px rgba(0,0,0,.15);
}


.items-more {display: none;}

/* Buttons
===================== */
.btn, .btn-default {
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  padding: 10px 33px 10px 34px;
  margin: 20px 0px;
  border: 2px solid #444444;
  border-radius: 0px;
  color: #444444;
  -webkit-transition:	all 0.2s linear;
  -moz-transition:		all 0.2s linear;
  -ms-transition:		all 0.2s linear;
  -o-transition:		all 0.2s linear;
  transition:			all 0.2s linear;
}
@media (max-width:768px) {
	.btn, .btn-default {
		font-size: 13px;
	  line-height: 20px;
	  padding: 7px 20px 7px 21px;
	}
}
.btn.btn-primary, .btn.btn-secondary {
	background-color: transparent;
}

.btn:hover, .btn-default:hover, .btn.btn-primary:hover {
	text-decoration: none;
	color: #ffffff;
}


/* Lists Style */
[class*="list-"] ul {
	list-style-type: none;
	padding-left: 2em;
}
[class*="list-"] ul li {
	line-height: 120%;
	font-size: 100%;
	margin-bottom: 15px;
}
[class*="list-"] ul li ul li {
	margin-bottom: 10px;
	font-size: 90%;
	line-height: 110%;
}

.list-featured li:before {
	font-family:'FontAwesome';
	content: "\f10c";
	display:inline-block;
	margin-left: -2em;
	width: 2em;
	color: #00a0b8;
}
.list-featured li ul li:before {
	font-size: 80%;
	color: #75C8E8;
}

.list-disc li:before {
	font-family:'FontAwesome';
	content: "\f111";
	display:inline-block;
	margin-left: -2em;
	width: 2em;
	color: #DDDDDD;
}
.list-disc li ul li:before {
	font-size: 80%;
	color: #BBBBBB;
}

/* Generic lists */
.list-alphabet ul, .list-alphabet ul li {
	list-style-type: lower-alpha !important;
}
.list-lowerroman ul, .list-lowerroman ul li {
	list-style-type: lower-roman !important;
}
.list-upperroman ul, .list-upperroman ul li {
	list-style-type: upper-roman !important;
}
.list-number ul, .list-number ul li {
	list-style-type: decimal !important;
}
.list-zero-number ul, .list-zero-number ul li {
	list-style-type: decimal-leading-zero !important;
}
ul.none {
	list-style-type: none;
}

/*
  navigation section
===================== */
.navbar * {
	/* -webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear; */
}

.navbar {
    border: none;
	border-radius: 0px;
    margin: 0 !important;
     padding: 0;
  }
.navbar .navbar-nav {
	margin: 0px -15px;
}

.navbar .navbar-nav li .separator {
	cursor: default;
}

.navbar .navbar-nav li a,
.navbar .navbar-nav li .separator {
    color: #FFFFFF;
	background-color: transparent;
    font-size: 13px;
    letter-spacing: 1px;
	text-transform: uppercase;
    
	padding: 15px;
	display: inline-block;
	position: relative;
	opacity: 0.6;
  }

.navbar .navbar-nav li a:hover,
.navbar .navbar-nav li .separator:hover {
	opacity: 1;
  }

.context-menu .navbar-nav li a,
.context-menu .navbar-nav li a:focus,
.context-menu .navbar-nav li .separator {
	color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
	text-transform: uppercase;
    line-height: 40px;
	height:40px;
	padding: 0px 20px;
	display: block;
}
.context-menu .navbar-nav li a:hover,
.context-menu .navbar-nav li .separator:hover,
.context-menu .navbar-nav > .active > .separator,
.context-menu .navbar-nav > .active > a,
.context-menu .navbar-nav > .active > a:hover,
.context-menu .navbar-nav > .active > a:focus,
.context-menu .navbar-nav > .current > .separator,
.context-menu .navbar-nav > .current > a,
.context-menu .navbar-nav > .current > a:hover,
.context-menu .navbar-nav > .current > a:focus  {
    color: #FFFFFF;
	background-color: #00a0b8;
}
.navbar.opened .navbar-nav li a:hover,
.navbar.opened .navbar-nav li .separator:hover {
    color: #B4D2D4;
}
.navbar .navbar-nav > .open > .separator,
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus,
.navbar .navbar-nav > .active > .separator,
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .current > .separator,
.navbar .navbar-nav > .current > a,
.navbar .navbar-nav > .current > a:hover,
.navbar .navbar-nav > .current > a:focus  {
  color: #FFF;
  background-color: transparent;
}

.navbar .navbar-nav > li:after {
	position: absolute;
	bottom: 0px;
	display: block;
	width: 100%;
	height: 0px;
	content: "";
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
.navbar .navbar-nav > li:after {
	background-color: #EEEEEE;
}
.navbar .navbar-nav > li.open:after {
	background-color: #B4D2D4;
}
.navbar .navbar-nav > li:hover:after,
.navbar .navbar-nav > li.current:after,
.navbar .navbar-nav > li.active:after,
.navbar .navbar-nav > li.open:after {
	height: 7px;
}


.navbar .navbar-toggle {
     border: none;
     padding-top: 10px;
  }
.navbar .navbar-toggle .icon-bar {
    background: #B4D2D4;
    border-color: transparent;
  }
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus { 
  background-color: transparent 
}

.navbar .navbar-nav > li:hover > a,
.navbar .navbar-nav > li:hover > .dropit {
	color: #FFFFFF !important;
	pointer-events: auto;
}
.navbar .navbar-nav > li:hover > .dropit {
	-webkit-animation: dropit 0.2s forwards;
	-moz-animation: dropit 0.2s forwards;
	-o-animation: dropit 0.2s forwards;
	animation: dropit 0.2s forwards;
}
.navbar .navbar-nav > li.open:hover > .dropit {
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none;
}

@-webkit-@keyframes dropit {
	0%, 100% { transform: translateY(0px);}
	50% { transform: translateY(2px);}
}
@-moz-@keyframes dropit {
	0%, 100% { transform: translateY(0px);}
	50% { transform: translateY(2px);}
}
@-o-@keyframes dropit {
	0%, 100% { transform: translateY(0px);}
	50% { transform: translateY(2px);}
}
@keyframes dropit {
	0%, 100% { transform: translateY(0px);}
	50% { transform: translateY(2px);}
}


/* HORIZONTAL LAYOUT MENU */
.main-nav {
	padding: 20px 0px;
}
.main-nav > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
}
.main-nav > ul > li {
	/*flex-grow: 1;*/
	margin: 0px 3px;
	-webkit-box-flex:  1;
		-ms-flex:  1 0 auto;
			flex:  1 0 auto;
}
.main-nav > ul > li > a,
.main-nav > ul > li > span {
	text-transform: uppercase;
	font-weight: 700;
	display: block;
	border-radius: 7px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.main-nav > ul > li > a, .main-nav > ul > li > a:visited,
.main-nav > ul > li > span {
	color: #FFFFFF;
	opacity: 0.5;
	font-size: 0.9em;
	padding: 15px;
	text-align: center;
}

.main-nav > ul > li:hover > a,
.main-nav > ul > li:hover > span,
.main-nav li.selected > span,
.main-nav > ul > li > a:hover,
.main-nav > ul > li > a:focus,
.main-nav > ul > li > a:visited:hover,
.main-nav > ul > li.current.active > a,
.main-nav > ul > li.active > a,
.main-nav > ul > li.open > a,
.main-nav > ul > li.open > a:hover,
.main-nav > ul > li.open > a:focus,
.main-nav > ul > li > span:hover,
.main-nav > ul > li > span:focus,
.main-nav > ul > li.current.active > span,
.main-nav > ul > li.active > span {
	color: #FFF;
	opacity: 1;
}
.main-nav > ul > li span:hover {
	cursor: default;
}

.dropdown-menu .separator {display: none;}
.desktop-nav .main-nav .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.desktop-nav .main-nav .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
.desktop-nav .main-nav .dropdown-menu {
	padding: 0px;
	margin: 0px;
	border-radius: 5px;
	transition: all 0.2s ease-out;
}
.desktop-nav .main-nav .dropdown-menu.zooomOut {
	display: block;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.desktop-nav .main-nav .dropdown-menu.zooomIn {
	display: block;
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.desktop-nav .main-nav .dropdown-menu.moveOut {
	display: block;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(15px);
    transform: translateY(15px);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.desktop-nav .main-nav .dropdown-menu.moveIn {
	display: block;
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
    transform: translateY(0);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.desktop-nav .dropdown-menu li:first-of-type {
	border-radius: 4px 4px 0px 0px;
	overflow: hidden;
}
.desktop-nav .dropdown-menu li:last-child {
	border-radius: 0px 0px 4px 4px;
	overflow: hidden;
}
.desktop-nav .dropdown-menu > li > a, .desktop-nav .dropdown-menu > li > a:visited {
	padding: 15px 30px;
	font-weight: 500;
	color: #999;
	text-align: left;
}
.desktop-nav .dropdown-menu > li > a:hover,
.desktop-nav .dropdown-menu > li > a:visited:hover,
.desktop-nav .dropdown-menu > li.active > a,
.desktop-nav .dropdown-menu > li.current > a {
	color: #FFF;
}

@media (min-width:1199px) {
	.main-nav li a, .main-nav li span { font-size: 1em; }
}
@media (min-width:481px) and (max-width:768px) {
	.main-nav li {
		-webkit-box-flex:  1;
			-ms-flex:  1 0 33%;
				flex:  1 0 33%;
	}
}
@media (max-width:480px) {
	.main-nav li {
		-webkit-box-flex:  1;
			-ms-flex:  1 0 50%;
				flex:  1 0 50%;
	}
}



/* Menu Drop Down */
.sk-menu .dropit, .sk-menu .dropit * {
	-webkit-transition-duration: 0.15s;
	-moz-transition-duration: 0.15s;
	-ms-transition-duration: 0.15s;
	-o-transition-duration: 0.15s;
	transition-duration: 0.15s;
}
.sk-menu .dropit {
	display:inline-block;
	width:40px;
	height: 45px;
	margin-left: -10px;
	position: relative;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	color: #AAAAAA;
}
.sk-menu .dropit:hover {
	background-color: #EEEEEE;
	color: #FFF;
}
.sk-menu .open .dropit {
	color: #FFFFFF;
}
.sk-menu .dropdown-menu {
	position: fixed;
	top: auto;
	display: block;
	max-height: 0px;
	width: 90%;
	border-radius: 0px;
	float: none;
	left:5%;
	right: 5%;
	border: 0px none;
	background-color: rgba(255,255,255,0.6);
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	-webkit-transition: max-height 0.4s linear;
	-moz-transition: max-height 0.4s linear;
	-o-transition: max-height 0.4s linear;
	transition: max-height 0.4s linear;
}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .dropdown-menu .dropdown-header, .navbar-nav .dropdown-menu > li > a {
	padding: 15px;
}
.sk-menu .navbar-right .dropdown-menu {
	right: 5%;
	left: 5%;
}
.sk-menu .open > .dropdown-menu {
	max-height: 80px;
	height: auto;
	-webkit-transition: max-height 0.4s linear;
	-moz-transition: max-height 0.4s linear;
	-o-transition: max-height 0.4s linear;
	transition: max-height 0.4s linear;
}
.sk-menu .navbar-nav .dropdown-menu li {
	display: inline-block;
}

.sk-menu .navbar-nav .dropdown-menu > a,
.sk-menu .navbar .navbar-nav li .dropdown-menu li a {
	padding: 10px 15px;
	color: #FFFFFF;
}
.sk-menu .navbar-nav .open .dropdown-menu > a:after {
	display: none !important;
}

.sk-menu .navbar .navbar-nav .dropdown-menu > .active > a,
.sk-menu .navbar .navbar-nav .dropdown-menu > .active > a:hover, 
.sk-menu .navbar .navbar-nav .dropdown-menu > .active > a:focus,
.sk-menu .navbar .navbar-nav .dropdown-menu > .current > a,
.sk-menu .navbar .navbar-nav .dropdown-menu > .current > a:hover, 
.sk-menu .navbar .navbar-nav .dropdown-menu > .current > a:focus,
.sk-menu .navbar .navbar-nav li .dropdown-menu li a:hover, 
.sk-menu .navbar .navbar-nav li .dropdown-menu li a:focus,
.sk-menu .dropdown-menu > .active > a,
.sk-menu .dropdown-menu > .active > a:focus,
.sk-menu .dropdown-menu > .active > a:hover {
	color: #171717;
	background-color: transparent;
}

/* @media (min-width:991px){
	.dropit {
		display:none;
	}
} */



/*
  Set new breakpoint for Mobile Menu 991px */
  
@media (max-width: 991px) {
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		/*box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); */
	}
	.navbar-fixed-top {
		/* top: 0;
		border-width: 0 0 1px; */
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		/* margin-top: 7.5px; */
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar .navbar-nav li:after {
		display: none !important;
	}
	.navbar-nav>li>a {
		/*  padding-top: 10px;
		padding-bottom: 10px; */
	}
	.collapse.in{
		display:block !important;
	}
	.sk-menu .dropit {
		display:block;
		width:60px;
		height: 50px;
		border-left: 0px solid rgba(255,255,255,0.15);
		position: absolute;
		right:0px;
		top: 0px;
		line-height: 50px;
		font-size: 16px;
		text-align: center;
		cursor: pointer;
		color: #FFFFFF;
		opacity: 0.7;
	}
	.sk-menu .dropit:hover, .open .dropit {
		background-color: rgba(255,255,255,0.15);
	}
	.sk-menu .navbar .navbar-nav > li:hover > .dropit,
	.sk-menu .navbar .navbar-nav > li.open:hover > .dropit {
		-webkit-animation: none;
		-moz-animation: none;
		-o-animation: none;
		animation: none;
	}
	.sk-menu .navbar-nav .dropdown-menu,
	.sk-menu .navbar-nav .open .dropdown-menu {
		background-color: rgba(255,255,255,0.15);
	}
	.sk-menu .navbar-nav .dropdown-menu {
		position: relative;
		width: 100%;
		margin: 0px auto;
		padding: 0px 15px;
		text-align: left;
		left:0px;
		right: 0px;
	}
	.sk-menu .open > .dropdown-menu {
		max-height: 300px;
		height: auto;
	}
	.sk-menu .navbar-nav li {
		border-bottom: 1px solid rgba(255,255,255,0.15);
	}
	.sk-menu .navbar-nav .dropdown-menu li {
		display: block;
	}
	.sk-menu .navbar .navbar-nav li a,
	.sk-menu .navbar .navbar-nav li .separator {
		padding: 5px 15px;
		display: block;
	}
	.sk-menu .navbar-nav .dropdown-menu > a,
	.sk-menu .navbar .navbar-nav li .dropdown-menu li a {
		padding: 10px 15px;
		display: block;
		color: #777777;
		line-height: 20px;
	}
	.sk-menu .navbar .navbar-nav .dropdown-menu > .active > a,
	.sk-menu .navbar .navbar-nav .dropdown-menu > .active > a:hover, 
	.sk-menu .navbar .navbar-nav .dropdown-menu > .active > a:focus,
	.sk-menu .navbar .navbar-nav .dropdown-menu > .current > a,
	.sk-menu .navbar .navbar-nav .dropdown-menu > .current > a:hover, 
	.sk-menu .navbar .navbar-nav .dropdown-menu > .current > a:focus,
	.sk-menu .navbar .navbar-nav li .dropdown-menu li a:hover, 
	.sk-menu .navbar .navbar-nav li .dropdown-menu li a:focus,
	.sk-menu .dropdown-menu > .active > a,
	.sk-menu .dropdown-menu > .active > a:focus,
	.sk-menu .dropdown-menu > .active > a:hover {
		color: #FFFFFF;
		background-color: transparent;
	}
}




/* Mobile menu animation */
.nav-toggle {
  width: 30px;
  height: 30px;
  position: relative;
  margin: 22px 10px 0px 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.nav-toggle {
}

.nav-toggle span {
  display: block;
  position: absolute;
  height: 3px;
  width: 50%;
  background: #FFFFFF;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.nav-toggle span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

.nav-toggle span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

.nav-toggle span:nth-child(1), .nav-toggle span:nth-child(2) {
  top: 0px;
}

.nav-toggle span:nth-child(3), .nav-toggle span:nth-child(4) {
  top: 9px;
}

.nav-toggle span:nth-child(5), .nav-toggle span:nth-child(6) {
  top: 18px;
}

.nav-toggle.open span:nth-child(1),.nav-toggle.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-toggle.open span:nth-child(2),.nav-toggle.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nav-toggle.open span:nth-child(1) {
  left: 2px;
  top: 4px;
}

.nav-toggle.open span:nth-child(2) {
  left: calc(50% - 3px);
  top: 4px;
}

.nav-toggle.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

.nav-toggle.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.nav-toggle.open span:nth-child(5) {
  left: 2px;
  top: 14px;
}

.nav-toggle.open span:nth-child(6) {
  left: calc(50% - 3px);
  top: 14px;
}

/***** NAVBAR HEADROOM */
.navbar--fixed {
	position: fixed;
	right: 0px;
	left: 0px;
	top: 0px;
	z-index: 100;
}
.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}



/* VERTICAL MENU */
.vertical .nav > li > a {
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.vertical .nav > li > a:focus, .vertical .nav > li > a:hover, .vertical li.active a {
	color: #FFF;
}



/***** FOOTER MENU */
.footer-menu {
	text-align: center;
	margin: 15px auto;
}
.footer-menu .menu li {
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
}
.footer-menu .menu span, .footer-menu .menu li a, .footer-menu .menu li a:visited, .footer-menu .menu li a:active {
	padding: 5px 15px;
	color: #727272;
	background-color: none;
}

.footer-menu .menu span:hover, .footer-menu .menu > li > a:hover, .footer-menu .menu > li > a:focus,
.footer-menu .menu span:visited:hover, .footer-menu .menu li a:visited:hover {
	cursor: pointer;
	color: #272727;
	background-color: transparent;
}
.footer-menu .dropit {display:none;}


.slide-above {
    position: absolute;
    z-index: 10;
    margin: 0px auto;
    top: 0px;
    left: auto;
    display: block;
    width: 100%;
    pointer-events: none;
}
.top-contact {
	pointer-events: auto;
}

/***** TOP CONTACT */
.no-wrap {
	white-space: nowrap;
	padding: 0px 5px;
}
.header-contact {
	padding: 12px 0px 15px 0px;
	text-align: center;
}
.header-contact small {
	font-weight: 700;
}
.header-contact .contact-list,
.sidebar-contact .contact-list {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.header-contact .contact-list li,
.sidebar-contact .contact-list li {
	display: inline-block;
	padding: 0px 5px 0px;
	margin-right: 5px;
}
.header-contact,
.header-contact p,
.header-contact span,
.header-contact a,
.header-contact a:visited {
	color: #FFF;
	text-decoration: none;
}
.header-contact a {
	opacity: 0.5;
}
.header-contact a:focus,
.header-contact a:hover,
.header-contact a:visited:hover,
.header-contact a:focus span,
.header-contact a:hover span,
.header-contact a:visited:hover span {
	color: #FFFFFF;
	text-decoration: none !important;
}
.header-contact a:hover {
	opacity: 1;
}

@media (max-width: 991px) {
	.header-contact {
		padding: 8px 0px 4px 0px;
		text-align: left;
	}
	.header-contact .contact-list li {
		text-align: center;
	}
	.header-contact small {
		display: block;
		font-size: 10px;
	}
	.header-contact .contact-list icon {
		display: inline-block;
		font-size: 20px;
		border: 1px solid #FFF;
		border-radius: 50%;
		padding: 0px;
		width: 35px;
		height: 30px;
		line-height: 29px;
		margin-bottom: 3px;
	}
}


/***** MAIN LOGO */
.logo {
	text-align: center;
	pointer-events: auto;
	display: inline-block;
}
.main-logo img, .footer-logo .footerlogo {
	display: block;
	max-width: 100%;
}
.main-logo {
	display: inline-block;
	padding: 40px 0px;
}
.footer-logo {
	display: inline-block;
	padding: 40px 0px 10px;
}


/* LOGO SMALLER */
#header-titles .logo {
	display: block;
}
#header-titles .main-logo {
    max-width: 200px;
    padding-top: 20px;
}
#header-titles .title-push {
	padding: 90px;
}




/* Context menu */
.fixed {
	position: fixed;
	top: 71px; /* update js in index.php if this changes */
	z-index: 987;
}
.push {
	margin-bottom: 39px;
}
.context-menu {
	width: 100%;
	background-color: transparent;
	border: 1px solid #f0f0f0;
	border-bottom-width: 3px;
	border-top-width: 3px;
	border-radius: 7px;
	padding: 20px 10px;
	margin-top: 20px;
}
.context-menu .page-header {
    margin: 0px 0px 20px;
	padding: 0px 0px 20px 15px;
	border-bottom: 1px solid #f0f0f0;
}
.context-menu .nav > li > a {
	border-bottom: 1px solid #EEEEEE;
	color: #999;
	padding: 15px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.context-menu .nav > li > a:focus, .context-menu .nav > li > a:hover, .context-menu .nav > li.current > a {
	background-color: transparent;
	text-decoration: none;
	color: #272727;
}
@media (max-width:991px) {
	.push {
		margin-bottom: 0px;
	}
}

/*
  Page titles
  =================== */
  
.mainheading-wrapper {
	background-size: cover;
	margin: 0px -15px;
}

.big-title {
	font-size: 50px;
	margin-top: 100px;
	font-weight: 700;
}
.welcome .custom p {
	font-size: 20px;
	font-weight: 400;
}

/*
  slider section
===================== */
#slider, .owl-wrapper {
  height: 860px;
  padding: 0px;
  text-align: center;
}
#slider .owl-item, #slider .owl-item .item {
	height:100%;
}
.slide-img img {max-height:100%;}
#slider .container-fluid,
#slider .row,
#slider .slider-cap {
	height: 100%;
}

.slider-cap {
	display: table;
	text-align: center;
	width: 100%;
}
.slider-cap .custom {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	padding: 0px;
	margin: 0px;
}
.slider-cap h4 {
	max-width: 600px;
	margin: 0px auto;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #FFF;
}
#slider .btn {
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 0;
  color: #ffffff;
  font-weight: bold;
  padding: 12px 42px;
  margin: 40px 4px;
  transition: all 0.4s ease-in;
}
#slider .btn:hover {
  border-color: #B4D2D4;
  background-color: #B4D2D4;
}
#slider .btn-danger {
  border-color: transparent;
}
#slider .owl-theme .owl-controls {
	position: absolute;
	bottom: 20px;
	width: 100%;
}
#slider .owl-theme .owl-controls .owl-page span {
	width: 50px;
	height: 8px;
	background: #FFFFFF;
	margin: 5px 7px 10px;
}
#slider .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	opacity: 0.99;
}




/*
  feature section
===================== */
.our-values {
    background-color: #FFF;
    padding: 0px;
    margin: 66px 20px 140px 20px;
    border-radius: 7px;
    box-shadow: 0px 55px 100px rgba(0,0,0,0.2);
	overflow: hidden;
}

.our-values .nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.our-values .nav li {
	flex-grow: 1;
	margin: 0px;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}
.our-values .nav li a {
	border-radius: 0px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	opacity: 0.5;
	margin: 0px;
	border: 0px none;
	padding: 25px 0px;
	font-size: 18px;
	font-weight: 600;
	border: 0px none;
	border-bottom: 8px solid rgba(255,255,255,0.3);
	background-color: transparent;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {border:0px none; border-bottom: 8px solid;}
.our-values .nav li.active a {background-color: transparent; opacity: 1;}

.our-values .nav li a:hover,
.our-values .nav li a:focus,
.our-values .nav li.active a:hover,
.our-values .nav li.active a:focus {
	color: #FFF;
	
	background-color: transparent;
	opacity: 1;
}
.tab-content {
	padding: 40px 50px 60px;
	font-size: 22px;
	line-height: 30px;
	color: #999;
	min-height: 200px;
}
.tab-content ul, .tab-content em {
    font-size: 16px;
    line-height: 26px;
}

@media (max-width:768px) {
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {border-width: 5px;}
	.our-values {
		margin: 66px 5px 100px 5px
	}
	.our-values .nav li a {
		padding: 20px 0px;
		font-size: 12px;
		border-width: 5px;
	}
	.tab-content {
		padding: 30px 20px 40px;
		font-size: 18px;
	}
	.tab-content ul, .tab-content em {
		font-size: 14px;
		line-height: 22px;
	}
}

.slogan {
	font-family: "Monotype Corsiva", Georgia, "Times New Roman";
	font-style: italic;
	font-size: 200%;
	border-top: 1px solid #EEE;
	padding: 25px 0px;
	line-height: 26px;
}

.quoted {
	font-family: "Monotype Corsiva", Georgia, "Times New Roman";
	font-style: italic;
	font-size: 150%;
	line-height: 100%;
}
p.quoted {
	padding: 15px 0px;
	max-width: 86%;
	text-align: center;
	margin: 0px auto;
}
ul.list-italic {
    list-style-type: none;
    padding: 0px;
    font-style: italic;
}
ul.list-italic h5 {
    font-size: 17px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
ul.list-italic p {
    line-height: 22px;
}

.muslimsaus .main-content {
	padding: 0px;
}

.feat-img img {
	max-width: 100%;
	pointer-events: none;
}
.feat-title {
	margin-bottom: 40px;
	text-transform: uppercase;
	font-weight: 700;
}
.who-we-are, .contact-btm {
    padding-right: 30px;
    padding-left: 30px;
}
.who-we-are .page-header {
    text-transform: uppercase;
    font-weight: 700;
}
.contact-btm .custom h4 {
    font-weight: 700;
    margin-top: 45px;
    margin-bottom: 35px;
}
ul.address {
    list-style-type: none;
    padding: 0px 0px 30px;
}
ul.address li {
    margin: 7px 0px;
    font-weight: 600;
    font-size: 16px;
}
ul.address li icon {
    opacity: 0.5;
    margin-right: 5px;
}
.silver {background-color: #f5f5f6;}


/* EXECUTIVE COMMITTEE */

.committee .item-image img {
    border-radius: 10px;
    max-width: 60%;
    margin: 0px auto;
    border: 5px solid #EEE;
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
}

.pull-left.item-image {
    margin: 0px 30px 29px 0px;
}

@media (max-width: 991px) {
	.pull-none.item-image {
		text-align: center;
		margin-bottom: 40px;
	}
}


/* News & Events - Home Page */
.news_block, .news-content, .news-title {
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
.news_block {
	
}
.news-padding {
	
}
.news-content {
	position: absolute;
	top: 73%;
	width: 100%;
	z-index: 2;
	height: 100%;
	display: block;
}
.news-item {
	overflow: hidden;
	position: relative;
}
.news-header {
	margin: 0px;
	position: relative;
	z-index: 3;
}
.news-title {
	margin: 0px;
	padding: 20px 20px 0px;
	color: #FFF !important;
	text-align: left;
	font-size: 18px;
	
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url('assets/xml/ellipsis.xml#ellipsis');
}
.news-intro {
	padding: 20px;
	text-align: left;
	color: #FFF;
	font-size: 14px;
}
.news-intro p {
	text-align: left;
	color: #FFF;
	line-height: 18px;
}
.news-item .btn {
	position: absolute;
	bottom: 0px;
	left: 20px;
	padding: 5px 20px;
	font-size: 11px;
	text-transform: uppercase;
}
.news-header .item_published {
	text-align: left;
    font-size: 12px;
    color: #FFF;
	margin: 0px;
	padding: 5px 0px 0px 20px;
	opacity: 0.6;
}
.news-bg {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.8;
}

.news-item:hover .news-title {
	padding-top: 35px;
	white-space: normal;
    overflow: visible;
    text-overflow: none;
    -o-text-overflow: none;
    -moz-binding: none;
}
.news-item:hover .news-content {
	top: 0%;
}
.news-item:hover .news-bg {
	opacity: 0.92;
}


/* News Blog Layout */
.news .page-header, .news .page-header h2 {
	margin: 0px;
	font-size:20px;
}
.news .page-header a:hover,
.news .page-header a:visited:hover {
	text-decoration: none;
}
.news .article-info {
    font-size: 12px;
    color: #999;
}
.news .item {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #EEE;
}

.article-info.muted {
    display: inline-block;
    background-color: #f5f5f6;
    font-size: 12px;
    padding: 5px 10px;
    margin-top: -40px;
}
.writtendby {
    margin-top: 40px;
    border-top: 4px solid #EEE;
    padding-top: 20px;
    display: inline-block;
    padding-left: 1px;
    padding-right: 40px;
}
.pagination .counter {
	display: none;
}

/* Constituents */
ul.constituents {
    list-style-type: none;
    margin: 10px 0px;
    padding: 10px 0px;
    color: #777777;
}
ul.constituents li:first-child {
    border-top: 1px solid #EEE;
}
ul.constituents li {
    line-height: 24px;
    padding: 15px 20px;
    margin: 0px 0px;
    border-bottom: 1px solid #EEE;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
ul.constituents li:hover {
	background-color: #fbfafa;
}
ul.constituents li a {
	font-weight:600;
}
ul.constituents li a:hover {
	text-decoration: none;
}

/* Top Contact Info */

.top-contact > .custom {
	padding-bottom: 0px;
}
.top-contact-info {
	margin: 0px;
	padding: 0px 20px;
	list-style-type: none;
	font-family: inherit;
}
.top-contact-info h4 {
	margin-top: 30px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.top-contact-info li {
	border-bottom: 1px solid #1f90ad;
	padding: 10px 0px;
}
.top-contact-info li:first-child {
	padding: 0px;
}
.top-contact-info li:first-child, .top-contact-info li:last-child {
	border: 0px none;
}
.top-contact-info icon {
	
}
.top-contact-info li a {
	color: #FFFFFF;
	line-height:34px;
	display: block;
}
.top-contact-info li a:hover {
	text-decoration: none;
	color: #FFF;
}
.top-contact-info li a:hover icon {
	color: #1f90ad;
}


/* Notice */
.notice > .custom {
	background: no-repeat 105% center;
}
.welcome-title {
	display: block;
	margin: 0px auto;
	padding: 60px 10px 30px;
	max-width: 900px;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 300;
}
.welcome-text {
	display: block;
	margin: 0px auto;
	padding: 10px 10px 60px;
	max-width: 1200px;
	letter-spacing: 1px;
	font-weight: 300;
	opacity: 0.6;
}



/*
  contact section
===================== */


/*
  Newsletter Subscription
============================ */
.subscribe .newsletter [class*='col-'] {
	padding-left: 3px;
	padding-right: 3px;
}
.newsletter {padding: 4px 0px;}
.subscribe .text,
.subscribe .control-group,
.subscribe .sub-btn {
	display: inline-block;
}
.subscribe .first,
.subscribe .third {
	display: none;
}
.subscribe .text {
	font-size: 10px;
	text-transform: uppercase;
	padding-right:15px;
}
.subscribe .control-label {
	display: none;
}
.subscribe .newsletter input {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	background-color:#242424;
	color: #767676;
	border: 0px;
	padding-left: 7px;
	padding-right: 7px;
}
.subscribe .newsletter input:focus {
	color: #888888;
	background-color: #343434;
}
.subscribe .newsletter .btn-sub {
	font-size: 10px;
	text-transform: uppercase;
	height: 30px;
	line-height: 0px;
	padding: 0px 10px;
	margin: 0px;
	border: 0px;
	color: #767676;
	background-color: #343434;
}
.subscribe .newsletter .btn-sub:hover {
	background-color: #B4D2D4;
	color: #FFFFFF;
}


/* Page Social Icons */
.social-button {
	padding: 10px 15px;
	font-size:18px;
	color: #757575;
}
a.social-button:hover {
	background-color: transparent !important;
	color: #000;
}


/* Constitution */
.cons-index {
	list-style-type: none;
	padding: 10px;
	font-size: 18px;
	line-height:34px;
}
.cons-index small {
    margin-left: 15px;
    color: #999999;
}


/*
  footer section
===================== */
footer {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 7px;
}
footer p {
  padding-top: 20px;
}
.social-icon {
  padding: 0;
  margin: 0;
}
.social-icon li {
  list-style: none;
  display: inline-block;
  padding: 10px;
}
.social-icon li a {
  border: 1px solid #dce4e6;
  border-radius: 50%;
  color: #dce4e6;
  font-size: 18px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  transition: all 0.4s ease-in;
}
.social-icon li a:hover {
  background: #dce4e6;
  color: #2b2b2b;
}

#footer .footer-info .blok-link {
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	color: #dce4e6;
}
#footer .footer-info .blok-link h4 {margin: 0px; padding: 20px 0px 15px; color: #697F8A;}
#footer .footer-info .blok-link p {margin: 0px; padding: 0px 0px 20px;}

#footer .footer-info .blok-link:hover,
#footer .footer-info .blok-link:hover p,
#footer .footer-info .blok-link:hover h4 {
	color: #FFFFFF;
}
#footer .footer-info .blok-link:hover {
	background-color: #405661;
}



/* INPUT FIELDS STYLES */
form {
    margin: 0 0 18px;
}

/* Inputs default styles */
input[type="email"], 
input[type="text"], 
select, 
select[size], 
textarea {
	width: 100%;
	border: 1px solid #ECECEC;
}
textarea {
	height: 140px;
}
input, 
input[type="email"], 
input[type="text"], 
select, 
select[size], 
textarea {
	padding: 6px 12px;
	transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
input[type="email"]:focus, input[type="email"]:active,  
input[type="text"]:focus, input[type="text"]:active,
textarea:focus, textarea:active {
	border-color: #DDDDDD !important;
	background-color: #f9f9fa !important;
}
label {
	font-weight: 100;
}

/* CONTACT */
.contact-address i, .contact-details i {
	float: left;
	margin-right: 7px;
	display: block;
	width: 16px;
}

.contact-details i {
	line-height: 25px;
}
.aside-contact {
	font-size: 16px;
	line-height:28px;
}
.aside-contact i {
	font-size: 120%;
	line-height: 28px;
	color: #AAA;
}
.contact-select {
	padding: 30px;
	margin: 30px 40px 20px 0px;
	color: #FFF;
}
.contact-select select {
	background-color: rgba(255,255,255,0.2);
	border: 0px;
	margin: 5px 0px;
}
.contact-select select option {
	padding: 5px 15px;
}
.contact-position {
	margin-top: -10px;
	margin-bottom: 20px;
	font-weight: bold;
}

@media (max-width:768px){
	.aside-contact, .aside-contact i {
		font-size: 100%;
	}
	.contact-select {
		margin: 30px 0px 20px 0px;
	}
}

/* FORM STYLES */
.snug .ba-form {padding: 0px;}
.ba-form * {
	-webkit-transition: all 0.2s ease-out !important;
	-moz-transition: all 0.2s ease-out !important;
	-ms-transition: all 0.2s ease-out !important;
	-o-transition: all 0.2s ease-out !important;
	transition: all 0.2s ease-out !important;
}
.tool {
	position: relative !important;
	margin-bottom: 45px !important;
}
.question-form input, .question-form textarea {
}
.question-form input:focus, .question-form textarea:focus {
	outline: none !important;
}

.question-form .ba-form input.used, .question-form .ba-form input:focus, .question-form .ba-form textarea.used, .question-form .ba-form textarea:focus  {
	border-color: rgba(255, 255, 255, 0) !important;
	background-color: rgba(255, 255, 255, 0.18) !important;
}


/* Copyright */
#copyright {
	padding: 40px 0px 20px;
}
.copyright {
	font-size: 10px;
	text-transform: uppercase;
	color: #676767;
}
.copyright, .subscribe {
	padding-top: 14px;
}


/* BACK TO TOP */
#back-top {
	position: fixed;
	right:7px;
	bottom:5px;
	border-radius: 4px;
	z-index: 678876;
}
#back-top a {
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-moz-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-ms-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-o-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	-ms-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	-o-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	
	padding: 12px 16px;
	display: block;
	border-radius: 4px;
	font-size: 10px;
	line-height: 14px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
}
#back-top a:hover {
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	-ms-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	-o-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	padding: 12px 16px;
	color: #FFF;
	text-decoration: none;
}



.valign {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}



/* FAQS Accordion */
#faqs h5 {
	margin: 0px;
}
#faqs .panel {
	border-radius: 0px;
	margin-bottom: 2px;
}
#faqs .panel-default > .panel-heading {
	background-image: none;
	background-color: #FAFAFA;
	color: #575757;
}
#faqs {
	counter-reset: section;
}
#faqs .panel-heading:before {
	counter-increment: section;
    content: counter(section);
    position: absolute;
    left: 16px;
    width: 48px;
    height: 46px;
    line-height: 46px;
    border-radius: 0px;
    background-color: #FFF;
    border: 0px;
    margin-top: 0px;
    text-align: center;
    color: #777;
    border-right: 1px solid #e6e6e6;
}
#faqs .panel-heading {
	border-radius: 0px;
	padding: 0px 0px 0px 70px;
}
#faqs .panel-title a {
    display: block;
    padding: 15px 0px;
}
#faqs .panel:hover .panel-heading {
	background-color: #f5f5f5;
	color: #000;
}
#faqs .panel:hover .panel-heading:before {
	color: #000;
}
#faqs .panel-title a:hover,
#faqs .panel-title a:focus,
#faqs .panel-title a:active {
	text-decoration: none;
}
#faqs .panel-body.answer {
	padding: 15px 25px;
}


/*
  responsive mobile
===================== */
@media (min-width:1200px){
	#footer .footer-info .socials:last-child {
		border-left: 1px solid #405661;
	}
}
@media (max-width:1199px){
	#footer .footer-info .socials:last-child {
		border-top: 1px solid #405661;
	}
	.top-contact-info {
		margin: 0px;
		padding: 0px 40px;
		list-style-type: none;
	}
	.top-contact-info li a {
		font-size: 21px;
	}
	.mod-box {
		margin: 20px 0px;
		padding: 70px;
	}
}

@media (max-width: 991px) {
	.navbar .navbar-nav li a,
	.navbar .navbar-nav li .separator {
		font-size: 14px;
	}
	#slider, .owl-wrapper {
		height: 800px;
	}
	.slider-cap h4 {
		max-width: 80%;
	}
	.top-contact-info {
		padding: 20px 15px;
	}
	.mod-box {
		margin: 30px 0px;
		padding: 60px;
	}
}

@media (max-width: 768px) {
	.navbar .navbar-brand {
		line-height: 18px;
	}
	#slider, .owl-wrapper {
		height: 700px;
		background-size: cover !important;
		background-position: center center !important;
	}
	.slider-cap h4 {
		max-width: 96%;
		font-size: 16px;
		line-height:20px;
	}
	
	.top-contact-info {
		padding: 10px 10px 0px;
	}
	.top-contact-info li a {
		color: #FFFFFF;
		line-height:32px;
		font-size: 20px;
		text-align: center;
	}
	.top-contact-info h4 {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.social-icon li {
	  padding: 15px 7px;
	}
	.valign {
		position: relative;
		top: 0%;
		transform: translateY(0%);
	}
	.feat-logo > img {
		width: 70%;
		max-width: 70%;
	}
	.bottom {
		background-position: right 50px !important;
	}
	.heading-main {
		font-size:30px;
	}
	.heading-main small {
		font-size: 60%;
		margin: 5px 0px 0px;
	}
	.macurl {
		display: block;
		text-align: center;
	}
	.padded-xl.visit-shop {
		padding: 10px 0px;
	}
	.visit-shop .custom .padded-xl {
		padding: 60px 0px 280px;
	}
	.mod-box {
		margin: 0px;
		padding: 60px;
	}
	#slider .slide-description {
		font-size: 24px;
		line-height: 34px;
		padding: 20px 0px 15px;
	}
	#slider .owl-theme .owl-controls {
		bottom: 0px;
	}
	#slider .owl-theme .owl-controls .owl-page span {
		width:20px;
		height:3px;
	}
	#slider .logo {
		width: 260px;
	}
	.big-title {
		font-size: 38px;
	}
	.welcome .custom p {
		font-size: 18px;
		line-height: 30px;
	}
	
	.news-content,
	.news-item:hover .news-content	{
		height: auto;
		top: auto;
		bottom: 0px;
	}
	.news-title,
	.news-item:hover .news-title {
		padding: 10px 10px 5px;
		font-size: 14px;
		white-space: normal;
		overflow: visible;
		text-overflow: none;
		-o-text-overflow: none;
		-moz-binding: none;
	}
	.news-header .item_published {
		padding: 5px 10px 5px 10px;
	}
	.news-intro, .news-content .btn {
		display: none;
	}
}

@media (max-width: 480px) {
	#slider, .owl-wrapper {
		height: 500px;
		background-size: cover !important;
		background-position: center center !important;
	}
	#slider h1 {
		font-size: 46px;
		letter-spacing: 0px;
	}
	#slider h3 {
		font-size: 22px;
		letter-spacing: 0px;
	}
	.social-icon li {
	  padding: 15px 3px;
	}
	.mod-box {
		margin: 0px;
		padding: 40px 20px;
	}
}