@charset "utf-8";



@import url("style/css/reset.css");

@import url("style/css/typography.css");

@import url(https://fonts.googleapis.com/css?family=Monda:400,700);

@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);

  

 /* ---------------------------------------------

 	Setup Default Styles

    --------------------------------------------- */



.tags{margin-bottom:30px; position: absolute; left: 410px; top: 586px;}



.archives-title {

    border-bottom: 1px solid #2b2b2b;

    padding: 10px;

}

.archives-title span {

    border-bottom: 1px solid #ec3642;

    color: #666666;

    font-size: 28px;

    padding-bottom: 13px;

    text-transform: uppercase;

}

.info-content {

    border-bottom: 1px solid #2b2b2b;

    font-size: 19px;

    padding: 12px;

    text-transform: none;

}

.info-content  a{

    color: #666666;

}

.info-content  a:hover{

    color: #ec3642;

}



.product-feature img {

    max-width: 100%;

  display: inline-block;

}



#mask {

  position:absolute;

  left:0;

  top:0;

  right:0;

  z-index:9000;

  background-color:#000;

  display:none;

opacity: 0.5;

} 

#boxes .window {

  position:absolute;

  left:0;

  top:0;

  display:none;

  z-index:9999;

  padding:20px;

}

.close {

position:absolute;

right:-45px;

top:-45px;

}

.page-content{padding-bottom:5rem}
.product-details-top {
	margin-bottom: 1rem
}

.product-gallery {
	margin-bottom: 2rem
}

.product-main-image {
	position: relative;
	margin-bottom: 1rem
}

.product-main-image img {
	max-width: none;
	width: 100%
}

.btn-product-gallery {
	position: absolute;
	right: 2rem;
	bottom: 2rem;
	z-index: 49;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 4rem;
	height: 4rem;
	color: #777;
	font-weight: normal;
	font-size: 2rem;
	line-height: 1;
	background-color: #fff;
	box-shadow: 2px 6px 16px rgba(51, 51, 51, 0.05);
	transition: all .35s ease
}

.btn-product-gallery:hover,
.btn-product-gallery:focus {
	color: #fff;
	background-color: #c96
}

.product-image-gallery {
	display: flex;
	flex-flow: row wrap;
	margin-left: -.5rem;
	margin-right: -.5rem
}

.product-gallery-item {
	position: relative;
	display: block;
	flex: 0 0 25%;
	max-width: 25%;
	padding-left: .5rem;
	padding-right: .5rem;
	margin-bottom: 1rem
}

.max-col-6 .product-gallery-item {
	flex: 0 0 16.66%;
	max-width: 16.66%
}

.product-gallery-item img {
	max-width: none;
	width: 100%
}

.product-gallery-item:before,
.product-gallery-item:after {
	content: '';
	display: block;
	position: absolute;
	left: .5rem;
	right: .5rem;
	top: 0;
	bottom: 0;
	transition: all .35s ease
}

.product-gallery-item:before {
	opacity: 0;
	visibility: hidden;
	border: 0.1rem solid #c96
}

.product-gallery-item:after {
	visibility: visible;
	opacity: 1;
	background-color: rgba(255, 255, 255, 0.4)
}

.product-gallery-item.active:before {
	visibility: visible;
	opacity: 1
}

.product-gallery-item:hover:after,
.product-gallery-item.active:after {
	opacity: 0;
	visibility: hidden
}

.product-gallery-vertical .row {
	margin-left: 0;
	margin-right: 0
}

.product-gallery-vertical .product-image-gallery,
.product-gallery-vertical .product-main-image {
	width: 100%
}

.product-gallery-vertical .product-image-gallery {
	width: calc( 100% + 10px)
}

.product-gallery-masonry {
	position: relative;
	display: block !important
}

.product-gallery-masonry .product-gallery-item {
	max-width: 50%;
	width: 50%
}

.product-gallery-carousel.owl-carousel {
	z-index: initial
}

.product-gallery-carousel.owl-carousel .owl-item:not(.active) {
	pointer-events: none
}

.product-gallery-image {
	margin-bottom: 0;
	padding-right: 1rem
}

.product-gallery-separated {
	position: relative
}

.product-separated-item {
	position: relative;
	display: block;
	margin-bottom: 1rem
}

.product-separated-item img {
	max-width: none;
	width: 100%
}

.product-pager {
	display: flex;
	align-items: center
}

.product-pager-link {
	color: #ccc;
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.3;
	letter-spacing: 0
}

.product-pager-link i {
	color: #666;
	font-size: 2rem;
	line-height: 1;
	transition: color .3s
}

.product-pager-link span {
	display: inline-block;
	transition: box-shadow .3s ease
}

.product-pager-link:hover,
.product-pager-link:focus {
	color: #c96
}

.product-pager-link:hover i,
.product-pager-link:focus i {
	color: inherit
}

.product-pager-link:hover span,
.product-pager-link:focus span {
	box-shadow: 0 1px 0 #c96
}

.product-pager-link+.product-pager-link {
	margin-left: 3rem
}

.product-pager-prev i {
	margin-right: .5rem
}

.product-pager-next i {
	margin-left: .5rem
}

.product-details {
	margin-bottom: 2rem
}

.product-details .product-title {
	font-weight: 400;
	font-size: 2.4rem;
	letter-spacing: -.025em;
	margin-bottom: 1.2rem;
	margin-top: -.5rem;
	padding-right: 1rem
}

.product-details .ratings-container {
	margin-bottom: 1.3rem
}

.product-details .product-price {
	font-size: 2.4rem
}

.product-details .new-price {
	margin-right: 1rem
}

.product-details .product-content {
	margin-bottom: 1.6rem
}

.product-details .product-content p:last-child {
	margin-bottom: 0
}

.product-details .product-countdown {
	position: static;
	left: auto;
	right: auto;
	bottom: auto;
	top: auto;
	max-width: 260px;
	margin-left: -5px;
	margin-bottom: 2rem
}

.product-details .product-countdown .countdown-section {
	background-color: #fafafa
}

.product-details .product-nav-dots a,
.product-details .product-nav-dots span {
	width: 2rem;
	height: 2rem
}

.product-details .product-cat {
	font-weight: 400;
	font-size: 1.4rem
}

.product-details .product-cat span {
	margin-right: .7rem
}

.product-details .product-cat a {
	color: #666;
	box-shadow: none;
	transition: all .35s ease
}

.product-details .product-cat a:hover,
.product-details .product-cat a:focus {
	color: #c96;
	box-shadow: 0 1px 0 #c96
}

.product-details .product-size {
	flex-flow: row wrap;
	padding-top: 0;
	margin-bottom: 0
}

.product-details .product-size a {
	color: #666;
	width: 4rem;
	height: 4rem;
	font-weight: 400;
	font-size: 1.4rem;
	letter-spacing: -.01em;
	border: .1rem solid #d7d7d7;
	background-color: transparent;
	border-radius: 0;
	margin-right: 1rem
}

.product-details .product-size a.active,
.product-details .product-size a:hover,
.product-details .product-size a:focus {
	color: #c96;
	border-color: #c96;
	background-color: transparent
}

.product-details .product-size a.disabled {
	color: #dadada;
	border-color: #ebebeb;
	background-color: transparent
}

.details-filter-row {
	display: flex;
	align-items: center;
	flex-flow: row wrap;
	margin-bottom: 2rem
}

.details-filter-row .form-control {
	font-weight: 400;
	margin-bottom: 0;
	padding-left: 1rem;
	padding-right: 1rem;
	background-color: #fff;
	border-color: #d7d7d7;
	min-width: 131px
}

.details-filter-row .select-custom {
	margin-bottom: 0;
	margin-right: 3.9rem
}

.details-filter-row .select-custom .form-control {
	padding-right: 3rem
}

.details-filter-row .select-custom::after {
	font-size: 1rem;
	right: .9rem
}

.details-filter-row label {
	display: inline-block;
	width: 67px;
	font-weight: 400;
	font-size: 1.4rem;
	margin-bottom: 0
}

.details-filter-row .product-nav {
	margin-bottom: 0
}

.details-filter-row .product-nav-thumbs {
	padding-top: 0
}

.size-guide {
	color: #777;
	display: inline-flex;
	align-items: center
}

.size-guide i {
	font-size: 1.8rem;
	margin-right: .7rem
}

.size-guide:hover,
.size-guide:focus {
	color: #c96
}

.product-details-quantity {
	max-width: 131px
}

.product-details-quantity .form-control {
	padding-left: 2.6rem;
	padding-right: 2.6rem;
	text-align: center;
	margin-bottom: 0
}

.product-details-action {
	display: flex;
	align-items: center;
	flex-flow: row wrap;
	margin-bottom: 3rem
}

.product-details-action .btn-cart {
	padding: 1rem 1.5rem;
	max-width: 198px;
	color: #c96;
	border: 0.1rem solid #c96
}

.product-details-action .btn-cart span {
	font-size: 1.4rem;
	color: inherit;
	text-transform: uppercase;
	box-shadow: none;
	transition: box-shadow .35s ease, color 0s ease
}

.product-details-action .btn-cart:before {
	margin-right: .4rem
}

.product-details-action .btn-cart:hover,
.product-details-action .btn-cart:focus {
	color: #fff;
	border-color: #c96;
	background-color: #c96
}

.details-action-wrapper {
	display: flex;
	align-items: center;
	margin-left: 4rem
}

.details-action-wrapper .btn-product {
	padding-top: 0;
	padding-bottom: 0;
	white-space: nowrap;
	align-self: stretch;
	line-height: 1.4
}

.details-action-wrapper .btn-product:before {
	margin-right: 1rem
}

.details-action-wrapper .btn-product.btn-wishlist:before {
	margin-top: -.2rem
}

.details-action-wrapper .btn-product span {
	font-size: 1.4rem
}

.details-action-wrapper .btn-product+.btn-product {
	padding-left: 1.3rem;
	margin-left: 1.6rem
}

.product-details-footer {
	color: #777;
	display: flex;
	font-weight: 400;
	align-items: center;
	flex-wrap: wrap;
	padding-top: 1.7rem;
	border-top: .1rem solid #ebebeb;
	padding-bottom: 1.7rem
}

.product-details-footer .social-icons {
	margin-left: auto
}

.product-details-footer .social-icon {
	margin-bottom: 0
}

@media screen and (min-width: 992px) {
	.container-fluid .product-details-top .col-lg-7 {
		-ms-flex: 0 0 56.5%;
		flex: 0 0 56.5%;
		max-width: 56.5%
	}
	.container-fluid .product-details-top .col-lg-5 {
		-ms-flex: 0 0 43.5%;
		flex: 0 0 43.5%;
		max-width: 43.5%
	}
}

@media screen and (min-width: 1700px) {
	.container-fluid .product-details-action .btn-cart {
		min-width: 240px
	}
	.container-fluid .details-filter-row .form-control {
		min-width: 171px
	}
}

.product-details-tab {
	margin-bottom: 5rem
}

.product-details-tab .nav.nav-pills .nav-link {
	color: #333333;
	font-size: 1.6rem;
	padding: .55rem 3rem;
	border-bottom-width: .2rem;
	text-transform: capitalize
}

.product-details-tab .nav.nav-pills .nav-link:hover,
.product-details-tab .nav.nav-pills .nav-link:focus {
	color: #c96;
	border-bottom-color: #c96
}

.product-details-tab .nav.nav-pills .nav-item+.nav-item {
	margin-left: 2rem
}

.product-details-tab .tab-content {
	border: .1rem solid #dadada;
	margin-top: -.1rem;
	border-radius: .3rem
}

.product-details-tab .tab-content .tab-pane {
	padding: 2.7rem 3rem
}

.product-desc-content h2 {
	font-weight: 400;
	font-size: 2.4rem;
	letter-spacing: -.01em;
	margin-bottom: 1.8rem
}

.product-desc-content h3 {
	font-weight: 400;
	font-size: 1.6rem;
	letter-spacing: -.01em;
	margin-bottom: 1.8rem
}

.product-desc-content ul {
	color: #333333
}

.product-desc-content ul li {
	position: relative;
	padding-left: 1.3rem
}

.product-desc-content ul li:before {
	content: '•';
	position: absolute;
	display: block;
	top: 0;
	left: .2rem
}

.product-desc-content a {
	color: #333;
	border-bottom: .1rem solid #b8b8b8;
	transition: all .35s ease
}

.product-desc-content a:hover,
.product-desc-content a:focus {
	color: #c96;
	border-bottom-color: #c96
}

.product-desc-content blockquote {
	color: #333;
	font-style: normal;
	font-weight: 400;
	font-size: 2.4rem;
	line-height: 1.25;
	letter-spacing: -.01em;
	margin-bottom: 1.6rem
}

.product-desc-content blockquote p {
	margin-bottom: 0
}

.product-desc-content blockquote cite {
	font-weight: 300;
	font-size: 1.4rem;
	letter-spacing: 0
}

.reviews h3 {
	font-size: 1.6rem;
	letter-spacing: -.01em;
	margin-bottom: 2.3rem
}

.review {
	padding-bottom: 1.3rem;
	margin-bottom: 2rem;
	border-bottom: .1rem solid #ebebeb
}

.review:last-child {
	margin-bottom: 0
}

.review .col-auto {
	width: 120px;
	padding-right: 2rem
}

.review h4 {
	color: #333;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.25;
	letter-spacing: -.01em;
	margin-bottom: .8rem
}

.review h4 a {
	color: inherit
}

.review h4 a:hover,
.review h4 a:focus {
	color: #c96
}

.review .ratings-container {
	padding-top: .7rem;
	margin-bottom: .5rem
}

.review .review-date {
	color: #ccc
}

.review-content {
	margin-bottom: .8rem
}

.review-action {
	font-size: 1.2rem
}

.review-action a {
	color: #777;
	transition: all .35s ease
}

.review-action a:hover,
.review-action a:focus {
	color: #c96;
	box-shadow: 0 1px 0 #c96
}

.review-action a+a {
	margin-left: 1.6rem
}

.review-action i {
	font-size: 1.4rem;
	margin-right: .6rem
}

.product-details-centered {
	text-align: center
}

.product-details-centered .ratings-container,
.product-details-centered .product-price,
.product-details-centered .details-filter-row {
	justify-content: center
}

.product-details-centered .product-content {
	max-width: 470px;
	margin-left: auto;
	margin-right: auto
}

.product-details-centered .details-row-size .select-custom {
	margin-right: 2rem
}

.product-details-centered .details-filter-row label {
	width: auto;
	margin-right: 1rem
}

.product-details-centered .details-filter-row .form-control {
	min-width: 104px
}

.product-details-centered .product-details-action {
	flex-direction: column;
	align-items: center
}

.product-details-centered .product-details-action .btn-cart {
	min-width: 218px
}

.product-details-centered .details-action-wrapper {
	margin-left: 0
}

.product-details-centered .details-action-wrapper .btn-product+.btn-product {
	border-left-width: 0
}

.product-details-centered .product-details-quantity {
	max-width: 100px
}

.details-action-col {
	display: flex;
	align-items: center;
	margin-bottom: 2.2rem
}

.details-action-col .product-details-quantity {
	margin-right: 2rem
}

.details-action-col label {
	display: inline-block;
	width: 67px;
	font-weight: 400;
	font-size: 1.4rem;
	margin-bottom: 0
}

.product-details-extended .nav.nav-pills {
	border-top: .1rem solid #ebebeb
}

.product-details-extended .nav.nav-pills .nav-link {
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
	border-top: .2rem solid transparent;
	border-bottom: none;
	margin-top: -.1rem
}

.product-details-extended .nav.nav-pills .nav-link.active,
.product-details-extended .nav.nav-pills .nav-link:hover,
.product-details-extended .nav.nav-pills .nav-link:focus {
	border-color: #c96
}

.product-details-extended .tab-content {
	border: none
}

.product-details-extended .tab-content .tab-pane {
	padding: 0
}

.product-desc-row {
	display: flex;
	align-items: center;
	padding-top: 5rem;
	padding-bottom: 5rem;
	min-height: 500px
}

.product-desc-row.text-white h2,
.product-desc-row.text-white h3,
.product-desc-row.text-white h4 {
	color: inherit
}

.product-details-separator {
	margin-bottom: 6rem
}

.product-details-separator .details-filter-row label {
	margin-right: 2.4rem
}

.product-details-separator .details-filter-row .product-size {
	margin-right: 2rem
}

@media screen and (min-width: 768px) {
	.product-details-separator [class*="col-"] {
		padding-top: 1rem
	}
	.product-details-separator [class*="col-"]+[class*="col-"]:before {
		content: '';
		width: .1rem;
		display: block;
		height: 100%;
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		background-color: #ebebeb
	}
}

.details-footer-col {
	padding-top: 0;
	padding-bottom: 0;
	flex-direction: column;
	align-items: flex-start;
	border-top: none
}

.product-details-centered .details-footer-col {
	align-items: center
}

.details-footer-col .product-cat {
	margin-bottom: 2.6rem
}

.details-footer-col .social-icons {
	margin-left: 0
}

.product-details-accordion .card {
	border: .1rem solid #ebebeb
}

.product-details-accordion .card .card-title {
	font-weight: 400
}

.product-details-accordion .card .card-title a {
	background-color: #fafafa
}

.product-details-accordion .card .card-title a:not(.collapsed) {
	background-color: #fff
}

.product-details-accordion .card .card-body {
	padding-top: 0
}

.product-details-accordion .card .card-body p:last-child {
	margin-bottom: .2rem
}

.product-details-sidebar {
	margin-bottom: 3rem
}

.product-details-sidebar .details-filter-row .select-custom {
	margin-right: 1.9rem
}

.product-details-sidebar .product-details-action {
	flex-direction: column;
	align-items: flex-start
}

.product-details-sidebar .details-action-wrapper {
	margin-left: 0
}

.product-details-sidebar .details-action-col {
	width: 100%
}

.product-details-sidebar .details-action-col .btn-product {
	flex: 1 1 auto;
	max-width: 230px
}

.product-details-sidebar .product-details-action {
	margin-bottom: 2.6rem
}

.sidebar-product {
	max-width: 280px;
	margin-left: auto;
	margin-right: auto
}

.sidebar-product .widget {
	margin-bottom: 4.5rem
}

.sidebar-product .widget-title {
	font-size: 2.4rem;
	letter-spacing: -.025em;
	margin-bottom: 2.4rem
}

.sidebar-product .products {
	margin-bottom: 3rem
}

.sidebar-product .btn {
	display: block;
	width: 100%;
	text-align: center;
	text-transform: uppercase
}

.sticky-bar {
	display: none
}

@media screen and (min-width: 992px) {
	.product-gallery-vertical .row {
		margin-left: -.5rem;
		margin-right: -.5rem;
		flex-direction: row-reverse
	}
	.product-gallery-vertical .btn-product-gallery {
		right: 2.5rem
	}
	.product-gallery-vertical .product-image-gallery,
	.product-gallery-vertical .product-main-image {
		padding-left: .5rem;
		padding-right: .5rem
	}
	.product-gallery-vertical .product-main-image {
		flex: 0 0 80%;
		max-width: 80%
	}
	.product-gallery-vertical .product-image-gallery {
		width: auto;
		flex: 0 0 20%;
		max-width: 20%;
		margin-left: 0;
		margin-right: 0
	}
	.product-gallery-vertical .product-gallery-item {
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 1rem
	}
	.product-gallery-vertical .product-gallery-item:before,
	.product-gallery-vertical .product-gallery-item:after {
		left: 0;
		right: 0
	}
	.sticky-bar {
		display: block;
		width: 100%;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 500;
		padding-top: 1rem;
		padding-bottom: 1rem;
		background-color: #fff;
		box-shadow: -15px 0 43px rgba(51, 51, 51, 0.15)
	}
	.sticky-bar .row {
		padding-top: 1rem;
		padding-bottom: 1rem
	}
	.sticky-bar .col-6 {
		display: flex;
		align-items: center
	}
	.sticky-bar .product-media {
		max-width: 60px;
		margin-right: 2rem;
		margin-bottom: 0;
		flex-shrink: 0
	}
	.sticky-bar .product-title {
		margin-bottom: 0;
		letter-spacing: -.025em
	}
	.sticky-bar .product-price {
		margin-bottom: 0;
		margin-right: 2rem
	}
	.sticky-bar .product-details-quantity {
		margin-right: 2rem;
		max-width: 100px
	}
	.sticky-bar .product-details-action {
		margin-bottom: 0
	}
	.sticky-bar .btn-cart {
		min-width: 200px;
		margin-right: 2rem
	}
	.sticky-bar .btn-product+.btn-product {
		border: none
	}
	.sticky-bar .btn-wishlist {
		font-size: 1.8rem;
		margin-right: 2rem
	}
	.sticky-bar .btn-wishlist span {
		display: none
	}
	.sticky-bar .btn-wishlist:before {
		margin-right: 0
	}
}

.tags-content {

    padding: 20px 0;

}

.tags-blog {

    display: inline-block;

}

.tags-blog a {

    background: none repeat scroll 0 0 ;

    border: 1px solid rgba(255, 255, 255, 0.2);

    color: #3e3e3e;

	font-family:'oswaldmedium', Arial, sans-serif;;

	font-size: 22px;

    display: inline-block;

    height: 45px;

    line-height: 48px;

    margin-bottom: 3.4px;

    margin-right: 8px;

    padding: 0 15px !important;

}

.tags-blog a:hover{

    background: none repeat scroll 0 0 #b1d235;

    color: #3e3e3e;

}



.tags2{margin-bottom:30px; position: absolute; left: 410px; top: 986px;}



.archives-title {

    border-bottom: 1px solid #2b2b2b;

    padding: 10px;

}

.archives-title span {

    border-bottom: 1px solid #ec3642;

    color: #666666;

    font-size: 28px;

    padding-bottom: 13px;

    text-transform: uppercase;

}

.info-content {

    border-bottom: 1px solid #2b2b2b;

    font-size: 19px;

    padding: 12px;

    text-transform: none;

}

.info-content  a{

    color: #666666;

}

.info-content  a:hover{

    color: #ec3642;

}



.tags2-content {

    padding: 20px 0;

}

.tags2-blog {

    display: inline-block;

}

.tags2-blog a {

    background: none repeat scroll 0 0 ;

    border: 1px solid rgba(255, 255, 255, 0.2);

    color: #3e3e3e;

	font-family:'oswaldmedium', Arial, sans-serif;;

	font-size: 22px;

    display: inline-block;

    height: 45px;

    line-height: 48px;

    margin-bottom: 3.4px;

    margin-right: 8px;

    padding: 0 15px !important;

}

.tags2-blog a:hover{

    background: none repeat scroll 0 0 #b1d235;

    color: #3e3e3e;

}



.clearfix:after, .clear {

	clear:both;

	content:' ';

	display:block;

	font-size:0;

	line-height:0;

	visibility:hidden;

	width: 100%;

	height:0

}

.clearfix {

	display:block

}

* html .clearfix {

	height:1%

}



.clear_margin{

	margin-right:0;

	margin-bottom:0;

	margin-left:0;

	margin-top:0;

}



html { font-size:100%;}



.textright{

	text-align:right;

}

.margintop{

	margin-top:25px;

}



/* Fanck Message */

.fancy_message{

	font-size:38px;

	width:100%;

	color:#363D47;

	text-shadow:1px 1px #fff;

	margin-bottom:25px;

	font-family:'Monda';

	line-height:34px;

	margin-top:-10px;	

}

 /* ----------------------------------------------

 	Header Styles

    ---------------------------------------------- */

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

   div#tiny-footer p {width:100%; font-size: 14px;}

   .tiny-footer img {display:none;}

   }

   @media only screen and  (min-width:769px) and (max-width:1024px) {

   div#tiny-footer p {width:38%;  font-size: 14px;}

   }

   @media only screen and (min-width:1025px) and (max-width:1280px) {

   div#tiny-footer p {width:38% }

   }

   @media  only screen and (min-width:1281px) and (max-width:1366px) {

   div#tiny-footer p {width:39% }

   }



.owl-carousel{

    display: block;

    float: left;

    opacity: 1;

}

.carousel-text .owl-carousel {

  display: block;

  left: 50%;

  margin-left: -94px;

  opacity: 1;

  position: relative;

  width: 250px;

}



/*---------------------------------------Calendar Full View---------------------------------------*/

.calendar-full-view {

    padding-top: 30px;

}

.calendar {

  overflow: hidden;

}

.calendar .owl-wrapper-outer {

  height:auto !important;

}

.calendar-banner {

  padding-top: 150px;

}

.calendar-title {

  background: none repeat scroll 0 0 #ec3642;

  margin: 0 auto;

  text-align: center;

}

.next-month {

  margin: auto;

  position: relative;

  text-align: center;

  width: 450px;

}

.button-nav-prev {

  left: 0;

  margin-top: -20px;

  position: absolute;

  top: 50%;

  z-index: 10;

}

.next-nav-next {

  margin-top: -20px;

  position: absolute;

  right: 0;

  top: 50%;

  z-index: 10;

}

.calendar-title .owl-carousel {

  float: none;

  margin: auto;

  text-align: left;

  width: 350px;

}



.calendar-title .circle {

  border: 2px solid rgba(255, 255, 255, 0.3);

  border-radius: 2px;

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

  font-size: 24px;

  padding: 6px 15px;

}

.calendar-title .circle:hover {

  background:#fff;

  color:#ec3642;

}

.calendar-month {

  font-size: 36px;

  font-weight: bold;

  text-transform: uppercase;

  margin: 0 15px;

  line-height: 3;

}



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

    .container3 {

        max-width: 1425px;

        width: 100%;

        padding: 0 90px;

    }

}

@media (min-width: 768px) and (max-width: 992px) {

    .container3 { 

        width: 100%;

        padding: 0 120px;

    }

}

.container3{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

@media (min-width:768px){.container3{width:750px}}

@media (min-width:992px){.container3{width:970px}}

@media (min-width:1200px){.container3{width:1170px}}





.row2{margin-right:-15px;margin-left:-15px}

.sort-by {

  background: none repeat scroll 0 0 #161616;

  text-align: center;

  margin-bottom: 50px;

  margin: 0 auto 13px;

}

.shot-by, .dress-code {

  display: inline-block;

  margin-right: 15px;

  margin-top: 12px;

}

.shot-by label, .dress-code label {

  color: #b8b8b8;

  float: left;

  margin-right: 10px;

  text-transform: uppercase;

}

.select-option {

  color: #666666;

  float: left;

  text-transform: uppercase;

}

.select-option select {

  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

  border: 1px solid rgba(255, 255, 255, 0.2);

  padding: 3px;

  text-transform: uppercase;

}



.list-event .owl-wrapper-outer{overflow: visible !important;}

.calendar-full {

  text-align: center;

}

.calendar-day {

  overflow: hidden;

}

.calendar-day > div {

  background: none repeat scroll 0 0 #ec3642;

  border-right: 3px solid #242424;

  display: inline-block;

  float: left;

  font-size: 16px;

  padding: 5px 0;

  position: relative;

  text-align: center;

  width: 14.2857%;

}

.calendar-date {

  margin-top: 3px;

}

.calendar-date ul {

  margin-bottom: 0;

  padding-left: 0;

}



.calendar-date ul li {

  background: none repeat scroll 0 0 #1b1b1b;

  cursor: pointer;

  display: inline-block;

  float: left;

  line-height: 100px;

  margin-bottom: 3px;

  position: relative;

  text-align: center;

  width: 14.2857%;

}



.calendar-date ul li .calendar-day {

  border-right: 3px solid #242424;

  color: #666666;

  font-size: 24px;

  font-weight: bold;

}

.calendar-date ul .calendar-note .calendar-day{

  color:#ec3642;

}

.calendar-date ul li .calendar-last {

  color:#232323;

}



.calendar-date ul li:hover{

  background: none repeat scroll 0 0 #ec3642;

}

.calendar-date ul li:hover .calendar-day{

  color:#fff;

}



.event-calendar {

  text-align: center;

  margin-bottom: 40px;

}

.event-calendar h3 {

  font-weight: bold;

}

.event-calendar .border-bottom {

  border: 2px solid #8f8f8f;

  margin: 0 auto 20px;

}

.calendar-details {

  display: none;

  left: 50%;

  line-height: 24px;

  margin-left: -175px;

  padding: 0;

  position: absolute;

  top: -410px;

  width: 350px;

  z-index: 99;

}

.calendar-details .info-products{background:#ec3642;}

.event-listing-grid.calendar-details  .info-products:hover {

    background:#ec3642;

	transform: translateY(0px);

	-moz-transform: translateY(0px);

	-webkit-transform: translateY(0px);

	-ms-transform: translateY(0px);

	-o-transform: translateY(0px);

}



.calendar-note .calendar-slide {

  bottom: 20px;

  left: 0;

  line-height: 0;

  margin-left: 0;

  position: absolute;

  text-align: center;

  width: 100%;

}

.calendar-note .calendar-slide li {

  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

  display: inline-block;

  line-height: 0;

  margin: 0 2px;

  width: auto;

  float: none;

}

.calendar-note .calendar-slide li a{

  color:#ec3642;

}



.calendar-note .calendar-slide li .fa {

  font-size: 9px;

}

.calendar-note:hover .calendar-slide li a{

  color:#fff;

}

.calendar-note .product-image-wrapper {

  margin-bottom: 0;

}

.calendar-note .calendar-slide li a.active{color:#fff}

.calendar-note .calendar-slide li a.active:hover{color:#fff}



 /*----- top menu----*/

#top_menu{

  width: 100%;

  background: transparent url(style/images/nav-bg.png) repeat-x top center;

  filter: none;

  border: 0;

  padding: 0;

  min-height: 69px;

  -webkit-box-shadow: 0 0 0;

  -moz-box-shadow: 0 0 0;

  box-shadow: 0 0 0;

  -webkit-transform: none !important;

  -webkit-transition: none !important;

}

/* mobile menu */	

.menu-wrap{

    border:1px solid transparent;

    background:#ec3642;

    position:fixed;

    width:270px;

    height:100%;

    transition:transform ease 1s;

    -o-transition:-o-transform ease 1s;

    -ms-transition:-ms-transform ease 1s;

    -moz-transition:-moz-transform ease 1s;

    -webkit-transition:-webkit-transform ease 1s;

    transform:translateX(270px);

    -o-transform:translateX(270px);

    -ms-transform:translateX(270px);

    -moz-transform:translateX(270px);

    -webkit-transform:translateX(270px);

    right:0;

    top:0;

    margin-right:-18px;

    z-index:999999;

    overflow-y:scroll;

    padding:0 15px;

}

.show-menu .menu-wrap {

    transition:all ease 0.6s;

    -o-transition:-o-transform ease 0.6s;

    -ms-transition:-ms-transform ease 0.6s;

    -moz-transition:-moz-transform ease 0.6s;

    -webkit-transition:-webkit-transform ease 0.6s;

    transform:translateX(0);

    -o-transform:translateX(0);

    -ms-transform:translateX(0);

    -moz-transform:translateX(0);

    -webkit-transform:translateX(0);

}

.content-wrapper:before {

    background:rgba(0, 0, 0, 0.5);

    content: "";

    height: 0;

    position: absolute;

    right: 0;

    top: 0;

    opacity:0;

    transition: opacity 0.5s ease 0s;

    -o-transition: opacity 0.5s ease 0s;

    -ms-transition: opacity 0.5s ease 0s;

    -moz-transition: opacity 0.5s ease 0s;

    -webkit-transition: opacity 0.5s ease 0s;

    width: 0;

    z-index: 10000;

}

.show-menu .content-wrapper:before {

    height: 100%;

    opacity:1;

    transition: opacity 0.5s ease 0s;

    -o-transition: opacity 0.5s ease 0s;

    -ms-transition: opacity 0.5s ease 0s;

    -moz-transition: opacity 0.5s ease 0s;

    -webkit-transition: opacity 0.5s ease 0s;

    width: 100%;

}

.main-menu{position: relative;}

.main-menu h4{

    margin:0;

    text-transform:uppercase;

    font-size:18px;

    padding:14px 0;

    border-bottom:1px solid rgba(255,255,255,0.35);

}

.menu-wrap ul {

    list-style: outside none none;

    padding: 0;

}

.menu-wrap ul.nav-menu > li {

    padding-left: 4px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.35);

}

.menu-wrap li a {

    color: #fff;

    display: block;

}

.menu-wrap ul.nav-menu > li > a {

    font-size: 14px;

    padding: 11px 0;

}

#close-button{

    background:none;

    border:none;

    color:#fff;

    position:absolute;

    right:0;

    top:11px;

    font-size:18px;

}

#open-button{

    border:none;

    background:#ec3642;

    font-size:18px;

    position:absolute;

    right:15px;

    top:28px;

    height:36px;

    width:36px;

    line-height:36px;

    text-align:center;

    display:none;

}

#open-button:before{

    position:absolute;

    top:0;

    left:0;

    height:100%;

    width:100%;

    content:'\f039';

    font-family: FontAwesome;

    text-align:center;

    color:#fff;

}



.dropdown a {

    text-decoration: none;

}

.dropdown [data-toggle="dropdown"] {

    position: relative;

    display: block;

    color: #fff;

    padding: 10px;

}

.dropdown .icon-arrow {

    position: absolute;

    display: block;

    font-size: 0.7em;

    color: #fff !important;

    top: 14px;

    right: 10px;

}

.dropdown .icon-arrow.open {

    -moz-transform: rotate(-180deg);

    -ms-transform: rotate(-180deg);

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg);

    -moz-transition: -moz-transform 0.6s;

    -o-transition: -o-transform 0.6s;

    -webkit-transition: -webkit-transform 0.6s;

    transition: transform 0.6s;

}

.dropdown .icon-arrow.close {

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

    -moz-transition: -moz-transform 0.6s;

    -o-transition: -o-transform 0.6s;

    -webkit-transition: -webkit-transform 0.6s;

    transition: transform 0.6s;

    opacity:1 !important;

}

.dropdown .icon-arrow:before {

    content: '\25BC';

}

.dropdown .dropdown-nav {

    max-height: 0;

    overflow: hidden;

    list-style: none;

    padding: 0;

    margin: 0;

}

.dropdown .dropdown-nav li {

    padding: 0;

}

.dropdown .dropdown-nav li a {

    color: #fff;

    display: block;

    padding: 10px;

}



.dropdown .show, .dropdown .hide {

    -moz-transform-origin: 50% 0%;

    -ms-transform-origin: 50% 0%;

    -webkit-transform-origin: 50% 0%;

    transform-origin: 50% 0%;

}

.dropdown .show {

    display: block;

    max-height: 9999px;

    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

    animation: showAnimation 0.5s ease-in-out;

    -moz-animation: showAnimation 0.5s ease-in-out;

    -webkit-animation: showAnimation 0.5s ease-in-out;

    -moz-transition: max-height 1s ease-in-out;

    -o-transition: max-height 1s ease-in-out;

    -webkit-transition: max-height 1s ease-in-out;

    transition: max-height 1s ease-in-out;

}

.dropdown .hide {

    max-height: 0;

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    animation: hideAnimation 0.4s ease-out;

    -moz-animation: hideAnimation 0.4s ease-out;

    -webkit-animation: hideAnimation 0.4s ease-out;

    -moz-transition: max-height 0.6s ease-out;

    -o-transition: max-height 0.6s ease-out;

    -webkit-transition: max-height 0.6s ease-out;

    transition: max-height 0.6s ease-out;

}

/* logo */

.logo{

	width:250px;

	height:87px;

	position:absolute;

	margin-top:-18px;

	left:-18px;

	z-index:999;
    background: transparent!important;

}

.menu{

	width: 100%;

	margin-left:270px!important;

	display:block!important;

    

    z-index: -99999;

}

.menu ::after {

	visibility: visible!important;

}

.menu li{

	float:left!important;

	position:relative!important;

	border-right:solid 1px #363836;

}

.menu li:first-child{

	border-left:1px solid #363836!important;

}

.menu li a{

	display:block!important;

	position:relative!important;

	box-shadow: 0 0 1px rgba(255,255,255,0.2) inset!important;

	-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.2) inset!important;

	-moz-box-shadow: 0 0 1px rgba(255,255,255,0.2) inset!important;

	font-family:'Monda';

	font-size:12px;

	font-weight:700;

	color:#fff;

	text-decoration: none;

}

.menu li a span{

	display:block!important;

	position:relative!important;

	padding:20px 12px 16px 10px!important;

}

.menu li a span:hover{

	color:#303433!important;

}

/* top menu mouseover animation */

.menu li a span.mover{

	background:#b1d235!important;

}

/* sub menu */

.menu li ul{

	position:absolute!important;

	left:0px!important;

	top:49px!important;

	width:180px!important;

	background: #343434 url(style/images/black-bg.png) 0 0 repeat!important;

	z-index:9999!important;

	display:none;

	border:0!important;

	box-shadow:0 3px 10px rgba(0,0,0,0.5)!important;

	-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.5)!important;

	-moz-box-shadow:0 3px 10px rgba(0,0,0,0.5)!important;

}

.menu li ul li:first-child{

	border:0!important;

	border-bottom:1px solid #000!important;

}

.menu li ul li:last-child{

	border:0!important;

}

.menu li ul li{

	float:none!important;

	border:0!important;

	border-bottom:1px solid #000!important;

}

.menu li ul li a {

	padding:10px 20px 7px 10px!important;

	color:#fff!important;

	-webkit-transition:all .2s ease!important;

}



.menu li ul li a:hover {

	background-color:#b1d235!important;

	color:#303433!important;	

}

.menu ul ul{

	top:0!important;

	left:180px!important;

}



.container {

	padding-bottom:90px;

}







 /* ----------------------------------------------

 	Main Styles

    ---------------------------------------------- */

#main{

	width:960px;

	margin:0 auto;

	padding:35px 0;

}

#main2 {

	height: 100%;

    min-height: 100%;

	padding:35px 0;

	text-align:center;

    margin-top:40px;

    margin-bottom:0px;

}



.erb-image-wrapper2 img{

   position: relative; 

   width: 100%; /* for IE 6 */

}



.erb-image-wrapper3 img{

   position: relative; 

   width: 1026px; /* for IE 6 */

}



.title-default {

	display: inline-block;

	width: 100%;

	background-color: none;

}

.title-default h2 {

	color: #3e3e3e;

	position: absolute; 

   top: 900px; 

   left: 100px; 

   width: 100%; 

}



/*----- Features -----*/

#features {

    padding-top: 90px;

    padding-bottom: 80px;

}

@media (min-width: 992px) {

    .features-row {

        margin-bottom: 70px;

        text-align: left

    }

    .feature-column {

        margin-bottom: 0px;

    }

    .back-icon {

        z-index: -1;

        color: #f8f8f8;

        position: absolute;

        padding-left: 40px;

        left: 0;

        top: 0;

        width: 134px;

        height: 134px;

        line-height: 134px;

        font-size: 134px;

    }

}

@media (max-width: 992px) {

    .feature-column {

        margin-bottom: 15px;

    }

    .back-icon {

        z-index: -1;

        color: #f8f8f8;

        position: absolute;

        padding-left: 30px;

        left: 0;

        top: 0;

        width: 80px;

        height: 80px;

        line-height: 80px;

        font-size: 80px;

    }

}

@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

.feature-info h4 {

    font-family: 'Montserrat',sans-serif;

    font-weight: 700;

    text-transform: uppercase;

    color: #1c1c1c;

    font-weight: 700;

    letter-spacing: 1px;

    font-size: 18px;

    margin-top: 0px;

    

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s;

}

.feature-icon {

	float: left;

}

.feature-info {

	padding-left: 0px;

	padding-top: 0px;

}

.feature-description {

    line-height: 23px;

    padding-right: 10px;

    

}

.ion-2-5x {

    font-size: 2.5em;

}

.feature-buttons {

    margin-top: 40px;

}



#success, #error {

display:none;

}

#success span, #erro span {

display:block;

position:absolute;

top:0;

width:100%

}

#success span p, #error span p {

margin-top:6em

}

#success span p {

color:#000;

font-size:16px;

}

#error span p {

color:#000;

font-size:16px;

}



.widget-area-1, .widget-area-2, .widget-area-3, .widget-area-4 {

  float: left;

  padding: 40px 20px 0;

  min-height: 1px;

  position: relative; }

  

.widget-area-4 {

  width: 34%;

  }

  

.widget-area-1, .widget-area-2, .widget-area-3, .widget-area-4 {

    width: 23%;

    padding: 0px 0px 0; }

	

/*--- kopa-editor-widget ---*/

.kopa-editor-widget > ul {

  margin: -10px -5px 0; }

  .kopa-editor-widget > ul > li {

    width: 29%;

    float: left;

    padding: 10px 5px 0; }

	

.widget {

	width:300px;

  margin-bottom: 30px;

  position: relative;

  margin-left:28px !important; }

  .widget > header {

    text-align: center;

    margin-bottom: 20px; }

    .widget > header .widget-title {

      margin-bottom: 10px; }



.widget-title {

  font-size: 18px;

  line-height: 26px;

  margin-bottom: 15px;

  text-transform: uppercase;

  font-weight: 700;

  color: #3e3e4a; }



.widget-title.style2 {

  margin-bottom: 20px;

  padding-bottom: 15px;

  border-bottom: 2px solid #60606a; }

  

.linee {

  margin-left:30px !important; }

/* @ Homapage Ajax Element */

#content{

	

}



.inside{

	width:960px;

	margin:0px auto;

	position:relative;

}

.wrap_inside{

	

}

/**** Post Content **/

#post_content{

	width:680px;

	float:left;

}

/**** Sidebar **/

#sidebar{

	float:left;

	padding-left:40px;

	width:240px;

}

 

/* home page fast link */

.fast_link{

	

}

.fast_link li{

	float:left;

	margin-right:18.75px;

	text-align:center;

	position:relative;

}

.link_wrap{

	width:177px;

	height:143px; 

	padding-top:50px;

	cursor:pointer;

	position:relative;



}

.link_wrap_long{

	width:177px;

	height:143px; 

	padding-top:46px;

	cursor:pointer;

	position:relative;



}

.bottom_inner {

	width:980px;

	margin:0 auto;

	overflow:hidden;

	position:relative;

}





blockquote, 

code, 

input, 

textarea {

	padding:0;

	margin:0;

}



#page {

	width: auto;

	height: auto;

	min-height: 100%;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

}



.link_wrap img{

	position:absolute;

	left:0;

	top:0;

}

.link_wrap img:last-child{

	display:none;

}

.link_wrap .link_title{

	position:relative;

	z-index:999;	

}

.link_wrap .link_title p{

	margin:0;

	color:#9e9e9e;	

	font-size:12px;

}

.link_wrap .link_title h2{

	color:#282828;

	font-size:18px;

	line-height:17px;

	margin-bottom:5px;

	margin-top:4px;

	text-shadow:none;

}



.link_wrap:hover .link_title h2,

.link_wrap_active .link_title h2{

	color:#fff;

}

.link_wrap span.call_ajax{

	width:32px;

	height:32px;

	display:block;

	background:url(style/images/call_ajax.png) 0 0 no-repeat;

	position:absolute;

	z-index:999;

	bottom:32px;

	left:125px;

}





/* top banner*/

.page_banner {

	margin: -51px auto -15px;

	border-bottom-right-radius: 5px;

	border-bottom-left-radius: 5px;

	-webkit-border-bottomn-left-radius: 5px;

	-webkit-border-bottomn-right-radius: 5px;

	-moz-border-bottomn-left-radius: 5px;	

	-moz-border-bottomn-right-radius: 5px;

}



/* page title*/

.page_title{

	margin:85px 0 30px 0;

	background: transparent url(style/images/box-title-bg.png) no-repeat bottom center;

	height:75px;

	border-radius:5px;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	position:relative;

}



.page_title h2{

  font-family: 'Monda', serif;

  -webkit-font-smoothing: antialiased;

  font-weight: 700;

  font-size: 30px;

  padding: 20px 0;

  margin-top: -35px;

  text-align: center;

  text-transform: uppercase;

}


.page_title-teq{

	margin:85px 0 30px 0;

	background: transparent url(style/images/box-title-bg.png) no-repeat bottom center;

	height:75px;

	border-radius:5px;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	position:relative;

}



.page_title-teq h2{

  font-family: 'Monda', serif;

  -webkit-font-smoothing: antialiased;

  font-weight: 700;

  font-size: 30px;

  padding: 20px 0;

  margin-top: -35px;

  text-align: center;

  text-transform: uppercase;

}




.page_titles h2{

  font-family: 'Monda', serif;

  -webkit-font-smoothing: antialiased;

  font-weight: 700;

  font-size: 30px;

  padding: 20px 0;

  margin-top: -35px;

  text-align: center;

  text-transform: none;

}



b{

  font-family: 'Monda', serif;

  -webkit-font-smoothing: antialiased;

  font-weight: 700;

  font-size: 13px;

  text-align: left;

  text-transform: none;

}



bb{

  font-family: 'Monda', serif;

  -webkit-font-smoothing: antialiased;

  font-weight: 700;

  font-size: 13px;

  text-align: left;

  text-transform: uppercase;

  color: #000;

}



bbb{

  font-family: 'Monda', serif;

  -webkit-font-smoothing: antialiased;

  font-weight: 700;

  font-size: 13px;

  text-align: left;

  text-transform: none;

  color: #000;

}



em{

  font-family: 'Monda', serif;

  -webkit-font-smoothing: antialiased;

  font-weight: 300;

  font-size: 13px;

  text-align: left;

  font-style:italic;

}



.square, .services .item.active:hover .square, .button.color:hover, .button.gray:hover, .highlight-black, a.link:hover, .pagination.black li a.current, .pagination.black li a:hover {

	background:#c2f404;

	-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; /* future proofing */

-khtml-border-radius: 10px; /* for old Konqueror browsers */

}

.form input.button {

	width:100%;

}

.button.color {

	background:#b1d235;

}

.button.medium {

	font-size:15px;

}



.button {

	display:inline-block;

	margin:0px 10px 8px 0;

	border:none;

	cursor:pointer;

	text-shadow:none !important;

	font-family: 'Monda', serif;

  -webkit-font-smoothing: antialiased;

}



.button.medium {

	padding: 12px 13px;

}



.feature-box2 .col-md-4{

		padding-right: 15px !important;

		padding-left: 15px !important;

}

.feature-box2 .col-md-4 .ca-content{

		padding-right: 0px;

}



.col-md-40,.col-sm-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}



@media (min-width:992px){.col-md-40,.col-md-12{float:left}.col-md-12{width:100%} .col-md-40{width:50%} }



.col-md-4 {

    width: 23.3333%;

}

.col-md-4 {

    float: left;

}

.col-md-4 {

    position: relative;

    min-height: 1px;

    padding-right: 0px;

        padding-right-value: 0px;

        padding-right-ltr-source: physical;

        padding-right-rtl-source: physical;

    padding-left: 0px;

        padding-left-value: 0px;

        padding-left-ltr-source: physical;

        padding-left-rtl-source: physical;

}



.col-md-5 {

    width: 35.3333%;

}

.col-md-5 {

    float: left;

}

.col-md-5 {

    position: relative;

    min-height: 1px;

    padding-right: 0px;

        padding-right-value: 0px;

        padding-right-ltr-source: physical;

        padding-right-rtl-source: physical;

    padding-left: 0px;

        padding-left-value: 0px;

        padding-left-ltr-source: physical;

        padding-left-rtl-source: physical;

}

.col-md-55 {

    width: 33.3333%;

}

.col-md-55 {

    float: left;

}

.col-md-55 {

    position: relative;

    min-height: 1px;

    padding-right: 5px;

        padding-right-value: 0px;

        padding-right-ltr-source: physical;

        padding-right-rtl-source: physical;

    padding-left: 5px;

        padding-left-value: 0px;

        padding-left-ltr-source: physical;

        padding-left-rtl-source: physical;

}
* {
    outline: none !important;
}

 /* 
*, ::after, ::before {
    box-sizing: border-box;
}
*/
.col-12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}



.col-md-6 {

    width: 28.3333%;

}

.col-md-6 {

    float: left;

}

.col-md-6 {

    position: relative;

    min-height: 1px;

    padding-right: 0px;

        padding-right-value: 0px;

        padding-right-ltr-source: physical;

        padding-right-rtl-source: physical;

    padding-left: 0px;

        padding-left-value: 0px;

        padding-left-ltr-source: physical;

        padding-left-rtl-source: physical;

}



.col-md-7 {

    width: 33.3333%;

}

.col-md-7 {

    float: left;

}

.col-md-7 {

    position: relative;

    min-height: 1px;

    padding-right: 0px;

        padding-right-value: 0px;

        padding-right-ltr-source: physical;

        padding-right-rtl-source: physical;

    padding-left: 0px;

        padding-left-value: 0px;

        padding-left-ltr-source: physical;

        padding-left-rtl-source: physical;

}



.col-md-8 {

    width: 38.3333%;

}

.col-md-8 {

    float: left;

}

.col-md-8 {

    position: relative;

    min-height: 1px;

    padding-right: 0px;

        padding-right-value: 0px;

        padding-right-ltr-source: physical;

        padding-right-rtl-source: physical;

    padding-left: 0px;

        padding-left-value: 0px;

        padding-left-ltr-source: physical;

        padding-left-rtl-source: physical;

}



.col-md-9 {

    width: 40.3333%;

}

.col-md-9 {

    float: right;

}

.col-md-9 {

    position: relative;

    min-height: 1px;

    padding-right: 0px;

        padding-right-value: 0px;

        padding-right-ltr-source: physical;

        padding-right-rtl-source: physical;

    padding-left: 0px;

        padding-left-value: 0px;

        padding-left-ltr-source: physical;

        padding-left-rtl-source: physical;

}



.col-md-9-a {

    width: 50.8888%;

}

.col-md-9-a {

    float: left;

}

.col-md-9-a {

    position: relative;

    min-height: 1px;

    padding-right: 0px;

        padding-right-value: 0px;

        padding-right-ltr-source: physical;

        padding-right-rtl-source: physical;

    padding-left: 0px;

        padding-left-value: 0px;

        padding-left-ltr-source: physical;

        padding-left-rtl-source: physical;

}



.col-md-9-b {

    width: 48.8888%;

}

.col-md-9-b {

    float: left;

}

.col-md-9-b {

    position: relative;

    min-height: 1px;

    padding-right: 0px;

        padding-right-value: 0px;

        padding-right-ltr-source: physical;

        padding-right-rtl-source: physical;

    padding-left: 0px;

        padding-left-value: 0px;

        padding-left-ltr-source: physical;

        padding-left-rtl-source: physical;

}





.displaynone{

	display:none;

}





/* @ breadcrumbs */

.page-breadcrumbs {

    position: absolute;

    right: 20px;

    top: 15px;

    font-size: 11px;

    color: #f2f2f2;

}

.sep {

    font-size: 10px;

    padding-right: 2px;

    padding-left: 2px;

}



.breadcrumb-title {

    padding-right: 5px;

}



/* To Top Ajax Menu*/

#to-top-menu {

    position: fixed;

    margin-left: -80px;

	display:none;

	z-index:999;

}



#to-top-menu span {

    background: #343434 url(style/images/top_white.png) center center no-repeat;

    width: 40px;

    height: 40px;

    margin-bottom: 5px;

	border:5px solid #fff;

    border-radius:80px;

	-moz-border-radius:80px;

	-webkit-border-radius:80px;

	cursor:pointer;

	display:block;

}

#to-top-menu span:hover{

	background-color:#b1d235;

}



.loading_link{

	background:url(style/images/3a.gif) center center no-repeat;

	width:36px;

	height:36px;

	display:none;

	position:absolute;

	right:0;

	top:-9px;

}





.social_block {

	background:url(images/bg_bottom.jpg) repeat 0 0;

	width:100%;

	position:absolute;

	top:0;

	z-index:300;

	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .25);

	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .25);

	box-shadow:0 1px 2px rgba(0, 0, 0, .25);

}



.social_block ul {

	text-align:center;

	display:none;

	width:1200px;

	margin:25px auto 0;

	overflow:hidden;

}



.social_block ul li {

	background:url(images/social_divider.png) repeat-y right 0;

	text-align:center;

	list-style:none;

	display:inline-block;

	width:14%;

	margin-bottom:25px;

}



.social_block ul li:last-child {background:none;}



.social_block ul li a {

	text-shadow:0 1px 0 #666666;

	text-shadow:0 1px 0 rgba(0, 0, 0, .55);

	display:block;

	padding-top:5px;

}



.social_block ul li img {margin:0 auto;}



.social_block ul li span {

	display:block;

	margin-top:10px;

}



.social_toggle {

	background:url(images/bg_bottom.jpg) repeat 0 0;

	display:block;

	width:94px;

	height:35px;

	margin-left:-32px;

	position:absolute;

	bottom:-25px;

	left:84.8%;

	z-index:2;

	border-radius:0 0 10px 10px;

	-moz-border-radius:0 0 10px 10px;

	-webkit-border-radius:0 0 10px 10px;

	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .25);

	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .25);

	box-shadow:0 1px 2px rgba(0, 0, 0, .25);

}



.social_toggle.current {

	height:22px;

	bottom:-22px;

}



.social_toggle span {

	background:url(images/social_toggle.png) no-repeat 50% -27px;

	display:block;

	height:100px;

}



.social_toggle.current span {

	background-position:50% 4px;

	height:22px;

}









/* tooltip */

.tooltip{

	padding:3px 5px;

	background:#080808;

	color:#fff;

	position:absolute;

	max-width:120px;

	display:block;

	border:1px solid #000;

	border-radius:5px;

	font-size:11px;

}

.tooltip span{

	display:block;

	width:0;

	height:0;

	position:absolute;

	border-top:6px solid #000;

	border-left:6px solid transparent;

	border-right:6px solid transparent;

	bottom:-6px;

	left:50%;

	margin-left:-6px;

}



/*************************

 * PAGES

 * ----------------------

 * Works

 * Services

 * Blog (masonry)

 *** Single post

 *** Comment

 * Contact

 * Our Team

 *************************/





/*------------------------

 * works page

 -----------------------*/

.filter{

	margin-bottom:20px;

	float:right;

	width:auto;

	line-height:10px;

	border:1px solid #ededed;

	padding:12px;

	background-color:#fff;

	border-radius:3px;

	-webkit-border-radius:3px;

	-moz-border-radius:3px;

	font-size:12px;

}

.filter label{

}

.filter ul{

	width:auto;

	display:inline-block;

}

.filter ul li{

	float:left;

	margin-left:8px;

	border-left:1px solid #dfdfdf;

	padding-left:8px;	

}

.filter ul li:first-child{

	border-left:none;

	padding-left:0;

}

.filter ul li a{

	display:block;

	color:#555;

}

.filter ul li a.active{

	color:#b1d235;

}

.filter ul li a:hover{

	text-decoration:underline;

	color:#AEAEAE;

}

.portfolio ul li{

	float:left;

	width:230px;

	margin-right:13.3px;

	margin-bottom:13.3px;

	line-height:0;

	position:relative;

	visibility:hidden;

}

/* social icons */

.smallSocials {

  margin-bottom:25px;

	height:42px;

}





.smallSocials li {

  width:42px;

	height:42px;

	float:left;

	margin-right:3px;

	overflow:hidden;

}

.smallSocials li a {

  display:block;

	background-image:url(style/images/socials_icons.png);

	width:42px;

	height:42px;

}

.smallSocials li a:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

.smallSocials li.fb a {

  background-position: -84px 0;

}

.smallSocials li.gp a {

  background-position: -126px 0;

}

.smallSocials li.tw a {

  background-position: -42px 0;

}

.smallSocials li.ld a {

  background-position: -156px -37px;

}

.smallSocials li.pi a {

  background-position: -208px -37px;

}

.smallSocials li.db a {

  background-position: -260px -37px;

}

.smallSocials li.vm a {

  background-position: -168px 0;

}

.smallSocials li.sk a {

  background-position: -364px -37px;

}

.smallSocials li.fb:hover a {

  background-position: -84px -42px;

}

.smallSocials li.gp:hover a {

  background-position: -126px -42px;

}

.smallSocials li.tw:hover a {

  background-position: -42px -42px;

}

.smallSocials li.ld:hover a {

  background-position: -156px 0;

}

.smallSocials li.pi:hover a {

  background-position: -208px 0;

}

.smallSocials li.db:hover a {

  background-position: -260px 0;

}

.smallSocials li.vm:hover a {

  background-position: -168px -42px;

}

.smallSocials li.sk:hover a {

  background-position: -364px 0;

}

.smallSocials.pull-right li {

  margin: 0 0 20px 20px;

}

.work_view{

	width:30px;

	height:30px;

	position:absolute;

	background:transparent url(style/images/view_plus.png) no-repeat right bottom;

	right:0;

	bottom:0;

	cursor:pointer;

}

.work_view:hover{

	background:transparent url(style/images/view_plus_hover.png) no-repeat right bottom;

}

.work_overlay{

	position:absolute;

	width:100%;

	height:100%;

	left:0;

	top:0;

	background:transparent url(style/images/work_overlay.png) repeat 0 0;

	display:none;

}

.work_title{

	padding:1em;

	background-color: rgba(0,0,0,0.8);

	position:absolute;

	bottom:0;

	left:0;

}

.work_title h2{

	color:#fff;

	font-size:18px;

	line-height:1.4em;

	text-shadow:none;

	margin-bottom:10px;

}

.work_title p{

	line-height:18px;

	margin-bottom:5px;

	color:#f2f2f2;

}

/*** WORKS VIEW PAGE ***/

.works_left{

	width:660px;

	float:left;

}

.works_right{

	float:left;

	width:260px;

	padding-left:40px;

}

.works_right h2{

	margin-top:-12px;

	

}

#view_work_container{

	width:100%;

	height:0;

	overflow:hidden;

}

#view_work_container section{

	padding:30px 0 20px 0;

}

.works_description{

	margin-top:25px;

}

.works_right ul{

	margin-bottom:25px;

}

.works_right ul li{

	border-bottom: 1px dashed #adadad;

	padding:7px 0;

}

.works_right ul li span{

	

}

.works_right .w-url{

	

	

}

.works_right .w-date{

		

}



#work_prev_next{

	width:100%;

	height:40px;

	margin-top:25px;

}

#work_prev_next span{

	width:94px;

	height:36px;

	cursor:pointer;

	display:inline-block;

	float:none;

	margin:0;

	transition:all .5s ease;

	-webkit-transition:all .5s ease;

	-moz-transition:all .5s ease;

	-o-transition:all .5s ease;

}



#work_prev_next .prev{

	background:transparent url(style/images/work_prev.png) 0 0 no-repeat;

}

#work_prev_next .prev:hover{

	background:transparent url(style/images/work_prev_hover.png) 0 0 no-repeat;

}

#work_prev_next .next{

	margin-left:5px;

	background:transparent url(style/images/work_next.png) 0 0 no-repeat;

}

#work_prev_next .next:hover{

	background:transparent url(style/images/work_next_hover.png) 0 0 no-repeat;

}

#work_prev_next .close{

	width:36px;

	margin-left:5px;

	background:transparent url(style/images/close.png) 0 0 no-repeat;

}

#work_prev_next .close:hover{

	background:transparent url(style/images/close_hover.png) 0 0 no-repeat;

}

/* works slider */

ul.works_slider{

	position:relative;

	width:660px;

	height:430px;

	overflow:hidden;

}

ul.works_slider li img{

	position:absolute;

	left:0;

	top:0;

	display:none;

}



ul.works_slider li a .work_preview{

	width:100%;

	height:100%;

	position:absolute;

	background-color:#343434;

	left:0;

	top:0;

	display:none;	

}

ul.works_slider li a .work_preview_zoom{

	width:58px;

	height:57px;

	position:absolute;

	top:0;

	right:0;

	display:none;

	background:url(style/images/preview_zoom.png) 0 0 no-repeat;

}



ul.works_slider li a .work_preview_zoom:hover{	

	background:url(style/images/preview_zoom.png) 0 -58px no-repeat;

}



#work_slider_nav{

	position:absolute;

	height:30px;

	right:15px;

	bottom:0;

	

}

#work_slider_nav span{

	width:12px;

	height:12px;

	display:inline-block;

	background-color:#363D47;

	border-radius:10px;

	margin-left:3px;

	cursor:pointer;

}

#work_slider_nav span:hover,#work_slider_nav span.active{

	background-color:#b1d235;

}



#work_slider_pn {

    width: 120px;

    height: 30px;

    position: absolute;

    bottom:0px;

	left:0;

	background:transparent;	

}



#work_slider_pn span{

	display: block;

    width: 20px;

    height: 20px;

    background-color: #343434;

	background-position:center center;

	background-repeat:no-repeat;

	border-radius: 30px;

    position: absolute;

	cursor:pointer;

	transition:all .5s ease;

	-webkit-transition:all .5s ease;

	-moz-transition:all .5s ease;

	-o-transition:all .5s ease;

	opacity:'0.8';

}

#work_slider_pn span:hover{

	background-color:#b1d235;

}

#work_slider_pn span.ws-prev {

	background-image:url(style/images/arrow_small_left.png);

    left: 15px;

}



#work_slider_pn span.ws-next {    

	background-image:url(style/images/arrow_small_right.png);

    left: 38px;

}



/*------------------------

 * BLOG PAGE (masonry)

 -----------------------*/

#posts{

	margin-top:25px;

}

.posthead{

	

}

.grid > .postbox{

	float:left;

	visibility:hidden;

}

.triple{

	width:975px;

}

.triple > .postbox{

	width:310px;

	margin-right:15px;

	margin-bottom:15px;

} 



/*----- single post 

 * 

 */

.post_info {

    width: 60px;

    margin: 0px 30px 10px -50px;

    position: relative;

    float: left;

}



.box_radius {

    height: 30px;

    width: 30px;

    background: #363D47 url(style/images/black-bg.png) 0 0 repeat-x;

    border-radius: 130px;

    padding: 15px;

    line-height: 15px;

    color: #fff;

    text-align: center;

    margin-bottom: 5px;

    border: 5px solid #fff;

}



.box_radius span {

    font-weight: bold;

    font-size: 20px;

    margin: 0 0 3px 0;

    display: block;

}



.post_tags,.post_category{

	color:#666;

	font-size:11px;

	float:left;

	margin-right:15px;

}

.post_tags span{

	background:transparent url(style/images/tags.png) 0 center no-repeat;

	padding-left:15px;

	color:#555;

}

.post_category span{

	background:transparent url(style/images/category.png) 0 center no-repeat;

	padding-left:20px;

	color:#555;

}

/* about author */

.about_author{

	

}

.author_avatar{

	float:left;

	width:80px;

	height:80px;

}

.author_content{

	float:left;

	width:560px;

}

.author_content h4{

	margin-bottom:5px;

}

/***************

 * Comment

 ***************/

#comment{

	

}

ol.comments{

	

}

ol.comments li{

	

}

ol.comments ol li{

	padding-left:95px;

}

.comment-body{

	position:relative;

	padding-left:100px;

}

.comment-avatar{

	width:55px;

	height:55px;

	top:20px;

	left:20px;

	position:absolute;

	

}

.comment-content{

	padding-left:75px;

}

.comment-content h5{

	margin-bottom:10px;

}

.comment-content span.date{

	font-size:11px;

	color:#333;

	position:absolute;

	right:20px;

	top:20px;

}

.comment-content p{

	margin-bottom:5px;	

}

.comment-content a.comment-reply{

	

}

#commentForm input[type="text"]{

	width:60%;

	margin-bottom:5px;

}

#commentForm textarea{

	width:98%;

	margin-bottom:10px;

}



/*************************

 * POST TYPOGRAPHY

 * .post_content > *

 *************************/

.alignleft{

	float:left;

	margin-right:15px;

	margin-top:4px;

}

.alignright{

	float:right;

	margin-left:6px;

	margin-top:4px;	

}

.alignright2{

	float:right;

	margin-left:6px;

	margin-top:0px;	

}

.caption {

    background-color: #f2f2f2;

	width:200px;

}



.caption p {

    padding: 15px;

    margin-bottom: 0;

    text-align: center;

}

.content{

	margin-bottom:25px;

}

.content ul{

	margin-left:16px;

	list-style:disc;

	padding-bottom:20px;

}

.content ul li{

	padding:3px 0;

}

.content ol{

	margin-left:16px;

	list-style:decimal;

	padding-bottom:20px;

}

.content ol li{

	padding:3px 0;

}

.content span.hightlight{

	background-color:#666;

	padding:1px 3px;

	display:inline-block;

	color:#fff;

}

.content span.red{

	background-color:red;

}

.content span.yellow{

	background-color:yellow;

	color:#747474;

}

table{

	width:100%;

	border-collapse:collapse;

	margin-bottom:25px;

}

table thead{

	background:#363D47 url(style/images/black-bg.png) 0 0 repeat;

	color:#FFF;

	font-size:16px;

	font-family:"Monda";

	text-align:left;

}

table thead th{

	padding:10px 0 8px 0px;

}

table tbody th{

	border-bottom:1px solid #ccc;

	background-color:#f5f5f5;

	font-weight:bold;

	text-align:left;

	padding:12px 0 12px 12px;

}



code, pre{

	display: block;

	white-space: pre;

	background: #fff url(style/images/code_bg.png) 0 0 repeat;

	overflow: auto;

	margin-bottom: 25px;

	padding: 21px 8px;

	text-shadow: none;

	word-wrap: break-word;

	color: #333;

	font-family: 'Monda', Helvetica, sans-serif;

	line-height:20px;

}

/*------------------------

 * SERVICES

 -----------------------*/

.service{

	float:left;

	width:189.6px;

	margin-right:3px;

}

.service-menu{

	text-align:center;

}

.service-menu p{

	margin-bottom:0;

}



.icon-title img {

    float: left;

    margin: 0 15px 10px 0;

}



.icon-title {

    margin-bottom: 20px;

    text-align: left;

}



.icon-title h2 {

    margin-bottom: 0;

}



.icon-title h3 {

    margin-bottom: 5px;

}



.icon-title h4 {

    font-size: 12px;

    margin: 0;

    padding: 0;

    font-family: 'Monda', Arial, sans-serif;

    line-height: 16px;

}



/*------------------------

 * CONTACT PAGE

 -----------------------*/

.the-form{

	

}

.the-form .row{

	margin-bottom:5px;

}

.the-form .row .label{

	

}

.the-form .row .input{

	width:476px;

}

.the-form .row .textarea{

	width:97%;

	overflow:hidden;

}

.the-form .row .input:focus{

	

}

.the-form .row input.inputError,

.the-form .row textarea.inputError{

	border:1px dashed red;

}

.over{

	background:#fff url(style/images/3.gif) center center no-repeat;

	width:100%;

	height:100%;

	position:absolute;

	left:0;

	top:0;

}

#map_canvas{

	width:100%;

	height:350px;

	background: url(images/map.jpg) center center no-repeat;

}

.contact_info{

	margin-bottom:25px;

	margin-left:30px !important;

	

}

.contact_info p{

	margin-bottom:5px;

	font-style:normal;

}

.contact_info span{

	font-weight:bold;

	display:block;

	font-size: 9px;

	width: 10px;

	height: 10px;

	line-height: 9px;

	padding: 5px;

	text-align: center;

	background-color: #363D47;

	color: #fff;

	float:left;

	margin-right:10px;

	margin-top:3px;

	font-style:normal;

}

/*** Our Team ***/

.team-inside{

	

}

.team-wrap{

	

}

.team-wrap .team-user-image{

	float: left;

    margin-right: 15px;

    width: 160px;

    height: 140px;

}

.team-wrap .team-user-description{



}

.team-wrap .team-user-description h2{

	margin-bottom:8px;

}

.team-wrap .team-user-description h2 span{

	font-size: 16px;

	color: #888;

}

.team-wrap .team-user-description p{

	margin-bottom:5px;

}

.team-wrap .team-user-socials{

	float:left;

}

.team-user-socials ul li{

	float:left;

	margin-right:0px;

}

.team-user-socials ul li a{

	display: block;

	background-image: url(style/images/socials_icons.png);

	background-position:0 -42px;

	width: 42px;

	height: 42px;

}

.team-user-socials ul li.twitter a{

	background-position:-42px -42px;

}

.team-user-socials ul li.twitter:hover a{

	background-position:-42px 0px;

}

.team-user-socials ul li.facebook a{

	background-position:-84px -42px;

}

.team-user-socials ul li.facebook:hover a{

	background-position:-84px 0px;

}

.team-user-socials ul li.vimeo a{

	background-position:-168px -42px;

}

.team-user-socials ul li.vimeo:hover a{

	background-position:-168px 0px;

}

/*** SIDEBAR WIDGETS ***/

.sdbr-widget{

	margin-bottom:25px;

}

.sdbr-categories{

	

} 

.sdbr-categories ul{



}

.sdbr-categories ul li{

	border-bottom: 1px dashed #adadad;

	padding: 8px 0;

}

.sdbr-categories ul  li a {

    color: #363D47;

}

.sdbr-categories ul  li a:hover {

	color:#b1d235;

}

.sdbr-categories ul  li:first-child{

	padding-top:0;

}

/*** twitter **/

.tweet{

	position:relative;	

	background:#fff;

	border-radius:5px;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	border:1px solid #ededed;

	color:#666;

}

.tweet ul.tweet_list{

	padding:20px 20px 0 20px;

	margin:0;

	list-style:none;



}

.tweet ul.tweet_list li{

	float:left;	

	position:relative;

	margin-right:20px;

}

.tweet ul.tweet_list li a.tweet_avatar{

	display:block;

	width:48px;

	height:48px;

	float:left;

	margin-right:10px;

	margin-bottom:10px;

}

.tweet ul.tweet_list li span.tweet_text{

	

}

.tweet ul.tweet_list li span.tweet_time{

	display:block;	

	padding-top:5px;

}

.tweet ul.tweet_list li span.tweet_time a{

	font-size:11px;

	color:#555;

}

.tweetnav{

	margin-top:12px;

}

.tweetnav > span.username{

	background:url(style/images/twitter_small.png) 0 center no-repeat;

	padding:3px 0 3px 25px

}

.tweet-navigation{

	width:41px;

	float:right;

}

.tweet-navigation > span.tweet-prev,

.tweet-navigation > span.tweet-next{

	display:inline-block;

	width:20px;

	height:20px;

	cursor:pointer;

	border-radius:3px;

	-webkit-border-radius:3px;

	-moz-border-radius:3px;

}

.tweet-navigation > span.tweet-prev{

	margin-right:1px;

	background:#343434 url(style/images/arrow_small_left.png) center center no-repeat;

}

.tweet-navigation > span.tweet-next{

	background:#343434 url(style/images/arrow_small_right.png) center center no-repeat;

}

.tweet-navigation > span.tweet-prev:hover,

.tweet-navigation > span.tweet-next:hover{

	background-color:#b1d235;

}

.tweet-arrow {

    display: block;

    width: 1px;

    height: 1px;

    border-top: 12px solid #fff;

    border-right: 12px solid transparent;

    border-left: 0 solid transparent;

    margin-top: -13px;

    margin-left: 15px;

	position:absolute;

}



/*** POST BOX CONTAINER ***/



.postbox{

	background-image:url(content/images/blank.jpg);

	width:465px;

	height:230px;

	border-bottom:0px solid #ccc;

	margin-bottom:25px;

}

.postbox_yoga{

	background-color:#ffffff;

	border-bottom:0px solid #ccc;

	margin-bottom:25px;

}

.postbox_yoga2{

	background-color:#ffffff;

	border-bottom:0px solid #ccc;

	margin-bottom:25px;

	background-image:url(content/images/crest.jpg);

}

.postboxmain{

	padding:20px 20px 0 20px;

	color: #7D8388;

}

.postboxmain p:last-child{

	margin-bottom:0;

}

.postboxmain-teqball{

	padding:70px 70px 70px 70px;

	color: #7D8388;

}

.postboxmain-teqball p:last-child{

	margin-bottom:0;

}

.postboxfooter{

	padding: 0 20px 20px 20px ;

	border-bottom:1px solid #9a9a9a;

}

.postboxfooter a, .postboxfooter a:visited{

	color:#747474;

}

.postboxfooter a:hover{

	color:#b1d235;

}



 /* ----------------------------------------------

 	Footer Styles

    ---------------------------------------------- */

#footer{

	width: 100%;

    border-top: 1px solid #000;

	position:relative;	

	font-size:13px;

}

#footer .inside{

	color: #adadad;

	padding:50px 0 0 0;

}

#footer h2{

	color:#fff;

	text-shadow:none;

}

#footer .footer-bottom{

	padding: 30px 0;

	border-top: 1px dashed #555;

	margin-top:20px;

}

#footer .footer-bottom-small{

	padding: 10px 0;

	border-top: 1px dashed #555;

	margin-top:15px;

}

#footer span.copyright{

	font-size:11px;

	color:#fff;

	float:left;

	margin-top: 6px;

	

}

#footer ul.footer-socials{

	margin-bottom:25px;

	height:42px;

}

#footer ul.footer-socials li{

	width:42px;

	height:42px;

	float:left;

	margin-right:3px;

	overflow:hidden;

}

#footer ul.footer-socials li a{

	display:block;

	background-image:url(style/images/socials_icons.png);

	width:42px;

	height:42px;

}

#footer ul.footer-socials li.rss a{

	background-position:0 0;

}

#footer ul.footer-socials li.rss:hover a{

	background-position:0 -42px;

}

#footer ul.footer-socials li.twitter a{

	background-position:-42px 0;

}

#footer ul.footer-socials li.twitter a:hover{

	background-position:-42px -42px;

}

#footer ul.footer-socials li.facebook a{

	background-position:-84px 0;

}

#footer ul.footer-socials li.facebook a:hover{

	background-position:-84px -42px;

}

#footer ul.footer-socials li.dribbble a{

	background-position:-126px 0;

}

#footer ul.footer-socials li.dribbble:hover a{

	background-position:-126px -42px;

}

#footer ul.footer-socials li.vimeo a{

	background-position:-168px 0;

}

#footer ul.footer-socials li.vimeo a:hover{

	background-position:-168px -42px;

}

#footer ul.footer-socials li.skype a{

	background-position:-210px 0;

}

#footer ul.footer-socials li.skype a:hover{

	background-position:-210px -42px;

}

#form_newslatter {

    position: relative;

}

#footer input[name="newslatter"]{

	border:1px dashed #333;

	background:#191919 url(style/images/newslatter.png) 10px center no-repeat;

	font-size:11px;

	color:#a1a1a1;

	box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.4);

	-webkit-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.4);

	-moz-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.4);

	width:73%;

	padding:10px 50px 10px 30px;

	border-radius:5px;

}

#footer input[name="newslatter"]:focus{

	border:1px solid #191919;

	box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(51,51,51,0.5);

	-webkit-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.4),inset 0 0 20px rgba(51,51,51,0.5);

	-moz-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.4),inset 0 0 20px rgba(51,51,51,0.5);

}

#letterSubmit {

    position: absolute;

    right: 5px;

    font-size: 10px;

    color: #fff;

    top: 13px;

	cursor:pointer;

}

#letterSubmit:hover{

	color:#b1d235;

}

#footer_menu {

    float: right;    

}

.ie7 #footer_menu{margin-top:-40px;}



#footer_menu ul {

    margin-top: 0px;

}

#footer_menu ul li {

    float: left;

	padding:0 12px;

	border-left:1px solid #555;

	margin-top: -8px;

}

#footer_menu ul li a, #footer_menu ul li a:visited {

    display: block;

    font-size: 11px;

    color: #f2f2f2;

	line-height:1em;

}

#footer_menu ul li a:hover{

	color:#b1d235;

}

#footer_menu ul li:first-child{

	border:0;

}

#footer_menu ul li:last-child{

	padding-right:0;

}



/* =================== begin buttons ======================= */

a.button, .submit {

	display: inline-block;	

	background-color: #f2f2f2;

	background: -moz-linear-gradient(top, white 0%, #e0e0e0 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,#e0e0e0));

	background: -webkit-linear-gradient(top, white 0%,#e0e0e0 100%);

	background: -o-linear-gradient(top, white 0%,#e0e0e0 100%);

	background: -ms-linear-gradient(top, white 0%,#e0e0e0 100%);

	background: linear-gradient(top, white 0%,#e0e0e0 100%);	

	font-size: 11px;

	color: #3F4950;

	border:1px solid #ccc;

	border-bottom-color:#aaa;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	padding: 7px 15px;	

	-webkit-box-shadow: 0 0 1px #fff inset;

	-moz-box-shadow: 0 0 1px #fff inset;

	box-shadow: 0 0 1px #fff inset;

	text-shadow: 0 1px 0 #FFFFFF;

	line-height: 16px;

	position:relative;

}



a.button:hover, .submit:hover {

	background-color: #f2f2f2;

	background: -moz-linear-gradient(top, white 0%, #eee 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,#e2e2e2));

	background: -webkit-linear-gradient(top, white 0%, #eee 100%);

	background: -o-linear-gradient(top, white 0%, #eee 100%);

	background: -ms-linear-gradient(top, white 0%, #eee 100%);

	background: linear-gradient(top, white 0%, #eee 100%);

}

a.button:active, .submit:active{

	background: linear-gradient(bottom, #FFFFFF 0%, #DEDEDE 100%);

	background: -o-linear-gradient(bottom, #FFFFFF 0%, #DEDEDE 100%);

	background: -moz-linear-gradient(bottom, #FFFFFF 0%, #DEDEDE 100%);

	background: -webkit-linear-gradient(bottom, #FFFFFF 0%, #DEDEDE 100%);

	background: -ms-linear-gradient(bottom, #FFFFFF 0%, #DEDEDE 100%);	

	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFFFFF),color-stop(1, #DEDEDE));

	box-shadow:inset 0 0 1px #fff;

}

.submit{

	cursor:pointer;

}

/* =================== end buttons ======================= */





/*** FORM ***/

button, input[type="text"], select, textarea{

	font-size:1.5em;

	color:#363D47;

	border:0;

	background:none;

}

input[type="text"], textarea{

	padding:9px;

	border:1px solid #e5e5e5;

	background-color:#fff;

	background: linear-gradient( top, white, #f5f5f5 1px, white 25px );

	background: -webkit-gradient( linear, left top, left 25, from(white), color-stop(4%, #f5f5f5), to(white) );

	background: -webkit-linear-gradient( top, white, #f5f5f5 1px, white 25px );

	background: -moz-linear-gradient( top, white, #f5f5f5 1px, white 25px );

	background: -o-linear-gradient( top, white, #f5f5f5 1px, white 25px );

	background: -ms-linear-gradient( top, white, #f5f5f5 1px, white 25px );

	-moz-box-shadow: 0px 0px 8px #f0f0f0;

	-webkit-box-shadow: 0px 0px 8px #f0f0f0;

	box-shadow: 0px 0px 8px #f0f0f0;

	overflow:hidden;

}

input[type="text"]:focus, textarea:focus{

	background:#feffef;

}

input[type="submit"]{

	

}

.input-text{

	

}

form label{

	display:block;

	font-family:"Monda";

	font-size:18px;

	text-transform: none;

	color:#363D47;

	text-shadow:1px 1px #fff;

	text-align:left;

}

form label span{

	font:12px/1.5 'Monda', Helvetica, Arial, sans-serif;

	text-transform:none;

	vertical-align:middle;

}

/*------------------------------------------*/

/*	COLUMNS

/*------------------------------------------*/



.one-half {

	width:48.5%;

}



.one-third {

	width:22.73%;

}



.one-third2 {

	width:30.73%;

}



.two-third {

	width:65.67%;

}



.one-fourth {

	width:22.75%;

}



.three-fourth {

	width:74.25%;

}



.one-fifth {

	width:17.6%;

}



.two-fifth {

	width:38.2%;

}



.three-fifth {

	width:58.8%;

}



.four-fifth {

	width:79.4%;

}



.one-sixth {

	width:14.16%;

}



.five-sixth {

	width:80.84%;

}



.one-half, .one-third, .one-third2, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {

	position:relative;

	margin-right:3%;

	float:left;

}



.last {

	margin-right:0 !important;

	clear:right;

}

.fixedmargin{

	margin-bottom:3%;

}



/*************************

 * MESSAGE BOX  

 *************************/

.message_box_green,

.message_box_green_2,

.message_box_yellow,

.message_box_yellow_2,

.message_box_red,

.message_box_red_2,

.message_box_white,

.message_box_white_2{

	padding:20px;

	margin-bottom:0px;

	border-width:5px;

	border-style:solid;

	border-color:#fff;

	color:#fff;

	box-shadow:0 0 1px rgba(0,0,0,0.2),0 0 1px rgba(0,0,0, 0.2) inset;

	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2),0 0 1px rgba(0,0,0, 0.2) inset;

	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.2),0 0 1px rgba(0,0,0, 0.2) inset;

}

.message_box_green{

	background-color:#66cc00;

}

.message_box_green_2{

	background-color:#d0efb1;

	color:#127d1e;

}

.message_box_yellow{

	background-color:#ffcc00;

}

.message_box_yellow_2{

	background-color:#feefaa;

	color: #a88314;

}

.message_box_red{

	background-color:#ec1b23;

}

.message_box_red_2{

	background-color:#AEAEAE;

	color:#852828;

	border-color:#f06368;

}

.message_box_white{

	background-color:#f2f2f2;

	color:#666;

}

.message_box_white_2{

	background-color:#fff;

	color:#666;

	border-color:#f2f2f2;

}



/*************************

 * ACCORDION, TABS AND TOGGLE  

 *************************/

.accordion, .toggle {

    margin-bottom: 25px;

}



.accordion > h3.accordion-title:first-child,

.toggle > h3.toggle-title:first-child {

    margin-top: 0;

}



.accordion > .accordion-content,

.toggle > .toggle-content {

    margin: 0;

    background-color: #fff;

    padding: 20px;

    border-left:1px solid #ddd;

	border-right:1px solid #ddd;

	border-bottom:1px solid #ddd;

	display:none;

	position: relative;

}



.accordion > h3.accordion-title,

.toggle > h3.toggle-title {

    font-size: 12px;

    font-family: 'Monda', Helvetica, Arial, sans-serif;

    margin-bottom: 0;

    margin-top: 5px;

    background-color: #fff;

    padding: 10px 20px;

    color: #343434;

    text-shadow: none;

    cursor: pointer;

	border-width:1px;

	border-style:solid;

	border-color:#ddd; 

	position:relative;

}



.accordion h3.accordion-title-active, 

.accordion h3.accordion-title:hover,

.toggle h3.toggle-title-active, 

.toggle h3.toggle-title:hover {

   

    background: #343434 url(style/images/black-bg.png) 0 0 repeat;

    color: #fff;

	border-color:#343434;

 

}

.toggle h3.toggle-title{

	padding-left:35px;

}

.toggle h3.toggle-title span{

	width:7px;

	height:7px;

	position:absolute;

	display:block;

	left:15px;

	top:17px;

	background:url(style/images/expand-black.png) 0 0 no-repeat;

}

.toggle h3.toggle-title span.negative{

	background:url(style/images/negative-white.png) 0 0 no-repeat;

}

.tabs{

	margin-bottom:25px;

	position:relative;

}

.tabs > ul.tabs-nav{	

	list-style:none;

	margin:0;

	padding:0;

	position:relative;

	z-index:9;

}

.tabs > ul.tabs-nav li{

	float:left;

	padding:6px 8px;

	cursor:pointer;

	margin-right:2px;	

	background-color:#343434;

	border-top:1px solid #343434;

	border-left:1px solid #343434;

	border-right:1px solid #343434;

	color:#fff;

}

.tabs > ul.tabs-nav li.tabs-active{

	background-color: white;

	padding: 10px 20px;

	margin-bottom: -5px;

	margin-top: -7px;

	color:#080808;	

	border-top:1px solid #ddd;

	border-left:1px solid #ddd;

	border-right:1px solid #ddd;

}

.tabs > .tabs-content{

	background-color:#fff;

	border:1px solid #ddd;

	padding:20px;

	position:relative;

	display:none;

}

.tabs > .tabs-content p:last-child{

	margin-bottom:0;

}

/* toggle slider */

#toggle_slider{

	width:30px;

	height:60px;

	position:absolute;

	right:-30px;

	top:-30px;	

}

#toggle_slider .close,

#toggle_slider .open, 

.sn span{

	width:30px;

	height:30px;

	cursor:pointer;

	display:block;

	visibility:hidden;

}



#toggle_slider .open{

	background:#b1d235 url(style/images/bottom_black.png) center center no-repeat;

	

}

#toggle_slider .open:hover{

	background:#b1d235 url(style/images/bottom_white.png) center center no-repeat;

	

}

.sn{

	position:absolute;

	width:61px;

	height:30px;

	bottom:0;

	right:31px;

	z-index:999;

}

.ie7 .sn, .ie8 .sn{top:-30px;}

.sn > .prev{

	background:#fff url(style/images/prev_black.png) center center no-repeat;

	float:left;

	visibility:visible;

	margin-right:1px;

}

.sn > .prev:hover{

	background:#343434 url(style/images/prev_white.png) center center no-repeat;

}

.sn > .next{

	background:#fff url(style/images/next_black.png) center center no-repeat;

	float:left;

	visibility:visible;

}

.sn > .next:hover{

	background:#343434 url(style/images/next_white.png) center center no-repeat;

}

/*************************

 * DROPCAP  

 *************************/

.dropcap_1,

.dropcap_2,

.dropcap_3{

	display: block;

	float: left;

	font-size: 18px;

	line-height: 35px;

	width: 35px;

	text-align: center;

	margin: 2px 8px 0 0;

}

.dropcap_1{

	font-size:30px;

	color:#343434;

	font-weight:bold;

}

.dropcap_2,

.dropcap_3{

	background-color:#343434;

	color:#fff;

}

.dropcap_3{

	-webkit-border-radius: 100px;

	-moz-border-radius: 100px;

	border-radius: 100px;

}





/**********new image grids**********/

.imageGridsContainer {

	width: 640px;

	background-color: white;

	position: relative;

}



.pp_top .pp_right,

.pp_bottom .pp_right {

  height: 20px;

  left: auto;

  position: absolute;

  right: 0;

  top: 0;

  width: 20px;

}

.pp_fade,

.pp_gallery li.default a img {

  display: none;

}

/******************************

	-	WRAPPER STYLES		-

******************************/

.rev_slider_wrapper {

  position: relative;

}

.rev_slider_wrapper >ul {

  visibility: hidden;

}

.rev_slider {

  position: relative;

  overflow: hidden;

}

.rev_slider img {

  max-width: none !important;

  -moz-transition: none 0 !important;

  -webkit-transition: none 0 !important;

  -o-transition: none 0 !important;

  transition: none 0 !important;

  margin: 0px !important;

  padding: 0px !important;

  border-width: 0px !important;

  border: none;

  visibility: visible !important;

}

.rev_slider .no-slides-text {

  font-weight: bold;

  text-align: center;

  padding-top: 80px;

}

.rev_slider ul {

  margin: 0px !important;

  padding: 0px !important;

  list-style: none !important;

  list-style-type: none !important;

  background-position: 0px 0px !important;

}

.rev_slider ul li,

.rev_slider >ul >li,

.rev_slider >ul >li:before {

  list-style: none !important;

  position: absolute;

  visibility: hidden;

  margin: 0px !important;

  padding: 0px !important;

  overflow-x: visible;

  overflow-y: visible;

  list-style-type: none !important;

  background-image: none !important;

  background-position: 0px 0px !important;

  text-indent: 0em !important;

}

.rev_slider .tp-caption,

.rev_slider .caption {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  -moz-opacity: 0;

  -khtml-opacity: 0;

  opacity: 0;

  position: absolute;

  visibility: hidden;

}

/* ADDED FOR SLIDELINK MANAGEMENT */

.tp-caption {

  z-index: 1;

}

.tp_inner_padding {

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  max-height: none !important;

}

.tp-hide-revslider,

.tp-caption.tp-hidden-caption {

  visibility: hidden !important;

  display: none !important;

}

/******************************

	-	IE8 HACKS	-

*******************************/

.noFilterClass {

  filter: none !important;

}



/******************************

	-	BUTTONS	-

*******************************/

.tp-button {

  padding: 6px 13px 5px;

  border-radius: 3px;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  height: 30px;

  cursor: pointer;

  color: #fff !important;

  text-shadow: 0px 1px 1px rgba(0,0,0,0.6) !important;

  font-size: 15px;

  line-height: 45px !important;

  background: url(images/gradient/g30.png) repeat-x top;

  font-family: arial, sans-serif;

  font-weight: bold;

  letter-spacing: -1px;

  text-decoration: none;

}

.tp-button.big {

  color: #fff;

  text-shadow: 0px 1px 1px rgba(0,0,0,0.6);

  font-weight: bold;

  padding: 9px 20px;

  font-size: 19px;

  line-height: 57px !important;

  background: url(images/gradient/g40.png) repeat-x top;

}

.purchase:hover,

.tp-button:hover,

.tp-button.big:hover {

  background-position: bottom, 15px 11px;

}



/*	BUTTON COLORS	*/

.tp-button.green,

.tp-button:hover.green,

.purchase.green,

.purchase:hover.green {

  background-color: #21a117;

  -webkit-box-shadow: 0px 3px 0px 0px #104d0b;

  -moz-box-shadow: 0px 3px 0px 0px #104d0b;

  box-shadow: 0px 3px 0px 0px #104d0b;

}

.tp-button.blue,

.tp-button:hover.blue,

.purchase.blue,

.purchase:hover.blue {

  background-color: #1d78cb;

  -webkit-box-shadow: 0px 3px 0px 0px #0f3e68;

  -moz-box-shadow: 0px 3px 0px 0px #0f3e68;

  box-shadow: 0px 3px 0px 0px #0f3e68;

}

.tp-button.red,

.tp-button:hover.red,

.purchase.red,

.purchase:hover.red {

  background-color: #cb1d1d;

  -webkit-box-shadow: 0px 3px 0px 0px #7c1212;

  -moz-box-shadow: 0px 3px 0px 0px #7c1212;

  box-shadow: 0px 3px 0px 0px #7c1212;

}

.tp-button.orange,

.tp-button:hover.orange,

.purchase.orange,

.purchase:hover.orange {

  background-color: #ff7700;

  -webkit-box-shadow: 0px 3px 0px 0px #a34c00;

  -moz-box-shadow: 0px 3px 0px 0px #a34c00;

  box-shadow: 0px 3px 0px 0px #a34c00;

}

.tp-button.darkgrey,

.tp-button.grey,

.tp-button:hover.darkgrey,

.tp-button:hover.grey,

.purchase.darkgrey,

.purchase:hover.darkgrey {

  background-color: #555;

  -webkit-box-shadow: 0px 3px 0px 0px #222;

  -moz-box-shadow: 0px 3px 0px 0px #222;

  box-shadow: 0px 3px 0px 0px #222;

}

.tp-button.lightgrey,

.tp-button:hover.lightgrey,

.purchase.lightgrey,

.purchase:hover.lightgrey {

  background-color: #888;

  -webkit-box-shadow: 0px 3px 0px 0px #555;

  -moz-box-shadow: 0px 3px 0px 0px #555;

  box-shadow: 0px 3px 0px 0px #555;

}

/** BULLETS **/

.tpclear {

  clear: both;

}

.tp-bullets {

  z-index: 1000;

  position: absolute;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

  -webkit-transition: opacity 0.2s ease-out;

  -moz-transition: opacity 0.2s ease-out;

  -o-transition: opacity 0.2s ease-out;

  -ms-transition: opacity 0.2s ease-out;

}

.tp-bullets.hidebullets {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  -moz-opacity: 0;

  -khtml-opacity: 0;

  opacity: 0;

}

.tp-bullets.simplebullets.navbar {

  border: 1px solid #666;

  border-bottom: 1px solid #444;

  background: url(images/revslider/boxed_bgtile.png);

  height: 40px;

  padding: 0px 10px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}

.tp-bullets.simplebullets.navbar-old {

  background: url(images/revslider/navigdots_bgtile.png);

  height: 35px;

  padding: 0px 10px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}

.tp-bullets.simplebullets.round .bullet {

  cursor: pointer;

  position: relative;

  background: url(../images/revslider/bullet.png) no-Repeat top left;

  width: 20px;

  height: 20px;

  margin-right: 0px;

  float: left;

  margin-top: -10px;

  margin-left: 3px;

}

.tp-bullets.simplebullets.round .bullet.last {

  margin-right: 3px;

}

.tp-bullets.simplebullets.round-old .bullet {

  cursor: pointer;

  position: relative;

  background: url(images/revslider/bullets.png) no-Repeat bottom left;

  width: 23px;

  height: 23px;

  margin-right: 0px;

  float: left;

  margin-top: -12px;

}

.tp-bullets.simplebullets.round-old .bullet.last {

  margin-right: 0px;

}

/**	SQUARE BULLETS **/

.tp-bullets.simplebullets.square .bullet {

  cursor: pointer;

  position: relative;

  background: url(images/revslider/bullets2.png) no-Repeat bottom left;

  width: 19px;

  height: 19px;

  margin-right: 0px;

  float: left;

  margin-top: -10px;

}

.tp-bullets.simplebullets.square .bullet.last {

  margin-right: 0px;

}

/**	SQUARE BULLETS **/

.tp-bullets.simplebullets.square-old .bullet {

  cursor: pointer;

  position: relative;

  background: url(images/revslider/bullets2.png) no-Repeat bottom left;

  width: 19px;

  height: 19px;

  margin-right: 0px;

  float: left;

  margin-top: -10px;

}

.tp-bullets.simplebullets.square-old .bullet.last {

  margin-right: 0px;

}

/** navbar NAVIGATION VERSION **/

.tp-bullets.simplebullets.navbar .bullet {

  cursor: pointer;

  position: relative;

  background: url(images/revslider/bullet_boxed.png) no-Repeat top left;

  width: 18px;

  height: 19px;

  margin-right: 5px;

  float: left;

  margin-top: 10px;

}

.tp-bullets.simplebullets.navbar .bullet.first {

  margin-left: 0px !important;

}

.tp-bullets.simplebullets.navbar .bullet.last {

  margin-right: 0px !important;

}

/** navbar NAVIGATION VERSION **/

.tp-bullets.simplebullets.navbar-old .bullet {

  cursor: pointer;

  position: relative;

  background: url(images/revslider/navigdots.png) no-Repeat bottom left;

  width: 15px;

  height: 15px;

  margin-left: 5px !important;

  margin-right: 5px !important;

  float: left;

  margin-top: 10px;

}

.tp-bullets.simplebullets.navbar-old .bullet.first {

  margin-left: 0px !important;

}

.tp-bullets.simplebullets.navbar-old .bullet.last {

  margin-right: 0px !important;

}

.tp-bullets.simplebullets .bullet:hover,

.tp-bullets.simplebullets .bullet.selected {

  background-position: top left;

}

.tp-bullets.simplebullets.round .bullet:hover,

.tp-bullets.simplebullets.round .bullet.selected,

.tp-bullets.simplebullets.navbar .bullet:hover,

.tp-bullets.simplebullets.navbar .bullet.selected {

  background-position: bottom left;

}

/*************************************

	-	TP ARROWS 	-

**************************************/

.tparrows {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

  -webkit-transition: opacity 0.2s ease-out;

  -moz-transition: opacity 0.2s ease-out;

  -o-transition: opacity 0.2s ease-out;

  -ms-transition: opacity 0.2s ease-out;

}

.tparrows.hidearrows {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  -moz-opacity: 0;

  -khtml-opacity: 0;

  opacity: 0;

}

.tp-leftarrow {

  z-index: 100;

  cursor: pointer;

  position: relative;

  background: url(images/revslider/large_left.png) no-Repeat top left;

  width: 40px;

  height: 40px;

}

.tp-rightarrow {

  z-index: 100;

  cursor: pointer;

  position: relative;

  background: url(images/revslider/large_right.png) no-Repeat top left;

  width: 40px;

  height: 40px;

}

.tp-leftarrow.round {

  z-index: 100;

  cursor: pointer;

  position: relative;

  background: url(../images/revslider/small_left.png) no-Repeat top left;

  width: 19px;

  height: 14px;

  margin-right: 0px;

  float: left;

  margin-top: -7px;

}

.tp-rightarrow.round {

  z-index: 100;

  cursor: pointer;

  position: relative;

  background: url(images/revslider/small_right.png) no-Repeat top left;

  width: 19px;

  height: 14px;

  margin-right: 0px;

  float: left;

  margin-top: -7px;

}

.tp-leftarrow.round-old {

  z-index: 100;

  cursor: pointer;

  position: relative;

  background: url(../images/revslider/arrow_left.png) no-Repeat top left;

  width: 26px;

  height: 26px;

  margin-right: 0px;

  float: left;

  margin-top: -13px;

}

.tp-rightarrow.round-old {

  z-index: 100;

  cursor: pointer;

  position: relative;

  background: url(images/revslider/arrow_right.png) no-Repeat top left;

  width: 26px;

  height: 26px;

  margin-right: 0px;

  float: left;

  margin-top: -13px;

}

.tp-leftarrow.navbar {

  z-index: 100;

  cursor: pointer;

  position: relative;

  background: url(images/revslider/small_left_boxed.png) no-Repeat top left;

  width: 20px;

  height: 15px;

  float: left;

  margin-right: 6px;

  margin-top: 12px;

}

.tp-rightarrow.navbar {

  z-index: 100;

  cursor: pointer;

  position: relative;

  background: url(images/revslider/small_right_boxed.png) no-Repeat top left;

  width: 20px;

  height: 15px;

  float: left;

  margin-left: 6px;

  margin-top: 12px;

}

.tp-leftarrow.navbar-old {

  z-index: 100;

  cursor: pointer;

  position: relative;

  background: url(images/revslider/arrowleft.png) no-Repeat top left;

  width: 9px;

  height: 16px;

  float: left;

  margin-right: 6px;

  margin-top: 10px;

}

.tp-rightarrow.navbar-old {

  z-index: 100;

  cursor: pointer;

  position: relative;

  background: url(images/revslider/arrowright.png) no-Repeat top left;

  width: 9px;

  height: 16px;

  float: left;

  margin-left: 6px;

  margin-top: 10px;

}

.tp-leftarrow.navbar-old.thumbswitharrow {

  margin-right: 10px;

}

.tp-rightarrow.navbar-old.thumbswitharrow {

  margin-left: 0px;

}

.tp-leftarrow.square {

  z-index: 100;

  cursor: pointer;

  position: relative;

  background: url(images/revslider/arrow_left2.png) no-Repeat top left;

  width: 12px;

  height: 17px;

  float: left;

  margin-right: 0px;

  margin-top: -9px;

}

.tp-rightarrow.square {

  z-index: 100;

  cursor: pointer;

  position: relative;

  background: url(../images/revslider/arrow_right2.png) no-Repeat top left;

  width: 12px;

  height: 17px;

  float: left;

  margin-left: 0px;

  margin-top: -9px;

}

.tp-leftarrow.square-old {

  z-index: 100;

  cursor: pointer;

  position: relative;

  background: url(images/revslider/arrow_left2.png) no-Repeat top left;

  width: 12px;

  height: 17px;

  float: left;

  margin-right: 0px;

  margin-top: -9px;

}

.tp-rightarrow.square-old {

  z-index: 100;

  cursor: pointer;

  position: relative;

  background: url(images/revslider/arrow_right2.png) no-Repeat top left;

  width: 12px;

  height: 17px;

  float: left;

  margin-left: 0px;

  margin-top: -9px;

}

.tp-leftarrow.default {

  z-index: 100;

  cursor: pointer;

  position: relative;

  background: url(images/revslider/large_left.png) no-Repeat 0 0;

  width: 40px;

  height: 40px;

}

.tp-rightarrow.default {

  z-index: 100;

  cursor: pointer;

  position: relative;

  background: url(images/revslider/large_right.png) no-Repeat 0 0;

  width: 40px;

  height: 40px;

}

.tp-leftarrow:hover,

.tp-rightarrow:hover {

  background-position: bottom left;

}

/****************************************************************************************************

	-	TP THUMBS 	-

*****************************************************************************************************



 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)



 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)



 *****************************************************************************************************/

.tp-bullets.tp-thumbs {

  z-index: 1000;

  position: absolute;

  padding: 3px;

  background-color: #fff;

  width: 500px;

  height: 50px;

  margin-top: -50px;

}

/* THE DIMENSIONS OF THE THUMB CONTAINER */

.fullwidthbanner-container .tp-thumbs {

  padding: 3px;

}

.tp-bullets.tp-thumbs .tp-mask {

  width: 500px;

  height: 50px;

  overflow: hidden;

  position: relative;

}

/* THE DIMENSIONS OF THE THUMB CONTAINER */

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {

  width: 5000px;

  position: absolute;

}

.tp-bullets.tp-thumbs .bullet {

  width: 100px;

  height: 50px;

  cursor: pointer;

  overflow: hidden;

  background: none;

  margin: 0;

  float: left;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  -moz-opacity: 0.5;

  -khtml-opacity: 0.5;

  opacity: 0.5;

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

}

/*filter: alpha(opacity=50);	*/

.tp-bullets.tp-thumbs .bullet:hover,

.tp-bullets.tp-thumbs .bullet.selected {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

}

.tp-thumbs img {

  width: 100%;

}

/************************************

		-	TP BANNER TIMER		-

*************************************/

.tp-bannertimer {

  width: 100%;

  height: 10px;

  background: url(images/revslider/timer.png);

  position: absolute;

  z-index: 200;

}

.tp-bannertimer.tp-bottom {

  bottom: 0px !important;

  height: 5px;

}



/*********************************************



	-	BASIC SETTINGS FOR THE BANNER	-



***********************************************/

.tp-simpleresponsive img {

  -moz-user-select: none;

  -khtml-user-select: none;

  -webkit-user-select: none;

  -o-user-select: none;

}

.tp-simpleresponsive ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.tp-simpleresponsive >ul li {

  list-style: none;

  position: absolute;

  visibility: hidden;

}

/*  CAPTION SLIDELINK   **/

.caption.slidelink a div,

.tp-caption.slidelink a div {

  width: 10000px;

  height: 10000px;

  background: url(images/revslider/coloredbg.png) repeat;

}



/* Revolution Slider custom styles */

.rev_slider .tp-caption.large_text {

  font-family: 'Titillium Web', sans-serif;

  font-weight: 600;

  font-size: 45px;

  line-height: 45px;

  color: #fff;

  background: #b1d235;

  padding: 12px 15px;

  display: inline-block;

}

.rev_slider .tp-caption.medium_text {

  font-family: 'Monda', sans-serif;

  font-weight: 600;

  font-size: 14px;

  line-height: 24px;

  color: #161d21;

}

.rev_slider .tp-caption.big_black {

  font-family: 'Monda', serif;

  font-weight: 400;

  color: #fff;

  font-size: 36px;

  line-height: 43px;

  text-shadow: 0 1px 0 rgba(2,2,2,0.75);

}

.rev_slider .tp-caption.big_black span {

  color: #b1d235;

}

.rev_slider .btn {

  padding-left: 22px;

  padding-right: 22px;

}

.rev_slider .tp-bannertimer {

  top: 30px;

  height: 6px;

  background: #b1d235;

  z-index: 40;

}

.tp-leftarrow.round,

.tp-rightarrow.round {

  width: 80px;

  height: 80px;

  position: absolute;

  top: 50%;

  right: 0;

  margin-top: 0;

  background-color: #b1d235;

  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARwAAAAWCAYAAAASGCMyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANJJREFUeNrs2ksKg0AQQEEdc4rc/2rxFpIPJCDimHYCHcEqcKHZuWjedOxLKd2WaZru8/thGPr38w44rdW58E3x3oAsLQPn+r4Ads0FhQOkuSwf1HY2qgaozYXn3LhVflc4wEEKp3I2exm9LmBh3DM3FA6QVzh2NsCvojsdhQPkFU707AUQsLnTUThAXuG0/p8O8BHdBSscIK9womevzk4HiPMdDnCcwlk9e9npAEut3+8pHOB/hTNjpwNEheaCwgEOUTi7zmbAebTOBYUDpHkIMABdqTQ2hf5rFgAAAABJRU5ErkJggg==');

  background-position: -230px 29px;

  background-repeat: no-repeat;

  -webkit-border-top-left-radius: 100px;

  -moz-border-radius-topleft: 100px;

  border-top-left-radius: 100px;

  -webkit-border-bottom-left-radius: 100px;

  -moz-border-radius-bottomleft: 100px;

  border-bottom-left-radius: 100px;

}

.tp-leftarrow.round {

  right: auto;

  left: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  -webkit-border-top-right-radius: 100px;

  -moz-border-radius-topright: 100px;

  border-top-right-radius: 100px;

  -webkit-border-bottom-right-radius: 100px;

  -moz-border-radius-bottomright: 100px;

  border-bottom-right-radius: 100px;

  background-position: 26px 29px;

}

.fullwidthbanner-container {

  padding: 0 !important;

}

body.boxed .topPageBox.absolPos {

  position: static;

}

body.boxed .tp-leftarrow.round,

body.boxed .tp-rightarrow.round {

  margin-top: -40px;

}

body.boxed .rev_slider .tp-bannertimer {

  top: 0;

}





/* top page box with info */

.topPageBox {

  min-height: 0px;

  line-height: 0px;

  background: #000;

  background: rgba(0,0,0,0.7);

  -webkit-box-shadow: 0 0 7px rgba(2,2,2,0.25);

  -moz-box-shadow: 0 0 7px rgba(2,2,2,0.25);

  box-shadow: 0 0 7px rgba(2,2,2,0.25);

}

.topPageBox p {

  font-family: 'Monda', serif;

  -webkit-font-smoothing: antialiased;

  font-weight: 700;

  font-size: 20px;

  color: #fff;

  line-height: 35px;

  padding-top: 22px;

  margin: 0;

}

.topPageBox span {

  color: #b1d235;

}

.topPageBox .smallSocials {

  margin-top: 24px;

}

.topPageBox.absolPos {

  position: absolute;

  left: 0;

  right: 0;

  z-index: 99;

    

}

.pull-right {

  float: right;

}

.pull-left {

  float: left;

}

[class^="icon-"].pull-left,

[class*=" icon-"].pull-left {

  margin-right: .3em;

}

[class^="icon-"].pull-right,

[class*=" icon-"].pull-right {

  margin-left: .3em;

}

.btn [class^="icon-"].pull-left.icon-2x,

.btn [class^="icon-"].pull-right.icon-2x,

.btn [class*=" icon-"].pull-left.icon-2x,

.btn [class*=" icon-"].pull-right.icon-2x {

  margin-top: .18em;

}

.container,

.navbar-static-top .container,

.navbar-fixed-top .container,

.navbar-fixed-bottom .container {

  width: 960px;

  max-width:100%;

}

.heading.big { 

font: 700 20px/1.5em "Monda", sans-serif;

max-width:100%;

}



.heading { 

color: #2a2e2d;

text-shadow: 0px 1px 0px #B3B3B3;

}



.underline { 

background: #2a2e2d;

display: block;

margin: 0.5em 0px 2em;

width: 100%;

}

.underline.big em { 

height: 5px;

width: 175px;

}



.underline em { 

background: #b1d235;

display: block;

}



.container .twelve.columns { 

width: 960px;

}

.column, .columns { 

display: inline;

float: left;

margin-left: 10px;

margin-right: 10px;

}

.container .seven.columns { 

width: 540px;

}

.container4 .seven.columns { 

width: 540px;

}

.column, .columns { 

display: inline;

float: left;

margin-left: 10px;

margin-right: 10px;

}



.shadow { 

background: url("images/shadow.png") 100% 100%/100% 20px no-repeat transparent;

padding-bottom: 20px;

}

.thumb { 

width: 100%;

overflow: hidden;

position: relative;

text-align: center;

}

.border5px { 

border-bottom: 5px solid #b1d235;

max-width:100%;

}

.dark-mask { 

background: url("images/body-bg.png") transparent;

bottom: 0px;

display: none;

left: 0px;

position: absolute;

right: 0px;

top: 0px;

z-index: 50;

}

.thumb a { 

line-height: 0;

}

a { 

color: #b1d235;

text-decoration: none;

transition: color 0.1s cubic-bezier(0, 0, 0.58, 1) 0;

}

.thumb { 

width: 100%;

overflow: hidden;

position: relative;

text-align: left;

}





.icon-play {

	background-position: -128px -256px;

	height: 96px;

	left: 50%;

	margin-left: -34px;

	margin-top: -42px;

	position: absolute;

	top: 100px;

	width: 86px;

}

.sprite { 

background: url("images/sprites.png") no-repeat transparent;

cursor: pointer;

display: block;

}

.container .five.columns { 

width: 380px;

}

.container4 .five.columns { 

width: 380px;

}

.column, .columns { 

display: inline;

float: left;

margin-left: 10px;

margin-right: 10px;

}

.padding3em { 

padding: 0em 0px;

margin-bottom:-45px;

width:960px;

max-width:100%;

}



.NextPrev-box { 

overflow: hidden;

position: relative;

}

h3.align-top { 

margin-top: -6px;

}

.container { 

margin: 0px auto;

padding: 0px;

position: relative;

width: 960px;

}



.container2 { 

margin: 0px auto;

padding: 0px;

position: relative;

width: 1200px;

}

element.style { 

transform: scale(1.08, 1.08);

}

.thumb img { 

width: 100%;

}

img { 

max-width: 100%;

}

.title.feature { 

font: 600 24px/1.5em "Open Sans", sans-serif;

}

.post-info { 

display: block;

font: 13px/16px "Monda", sans-serif;

}

.post-view {

padding-left: 28px;

}

.post-view, .post-comment, .post-time, .post-tag { 

display: inline-block;

height: 15px;

margin-bottom: -3px;

}

.post-comment {

padding-left: 28px;

width: 28px;

}

.post-view, .post-comment, .post-time, .post-tag { 

display: inline-block;

height: 15px;

margin-bottom: -3px;

}

.news-feature .content { 

bottom: 0px;

padding: 0px 0.5em 0px 1em;

position: absolute;

right: 0px;

top: 0px;

width: 300px;

z-index: 50;

max-width:100%;

}

ul.buttons_list li a { 

float: left;

}

.gray_gradient { 

background-color: #E8E6E6;

background-image: linear-gradient(to bottom, #FFFFFF, #E8E6E6);

border: 1px solid #CDCBCB;

color: #444444 !important;

font-weight: 700;

text-align: center;

text-shadow: -1px -1px 0px #FFFFFF;

}

.gray_gradient, .dark_gradient, .green_gradient, .greenTeal_gradient, .red_gradient { 

border-radius: 2px;

box-shadow: 0px 0px 2px #B1B0B0;

cursor: pointer;

}

.mini { 

font-size: 11px;

padding: 2px 4px;

}

/** For Phones **/

.mobi.phone .menu #header {display: none;}



/** For Tablets in Landscape Orientation **/

.mobi.tablet.landscape .menu #header {display: block; width: 35%;}



@viewport {

  width: device-width;

  zoom: 1;

}

img, video, canvas {

  max-width: 100%;

}





/*---------------------------------------------------

	EXTRA

------------------------------------------------------*/

@media only screen and (max-width: 1270px) {

	#header {

		margin: 0;

	}

}



@media only screen and (max-width: 1200px) {

	.topnav {

		font-size: 12px;

	}

	.social_block .topPageBox absolPos ul { font:400 26px/54px "Monda",Arial,sans-serif; }

	.social_block ul li{ width: 80px; }

}



@media (max-width:500px){

	.social_block {

		width: 100%;

		float: none;

		margin: 0;

	}

	.social_block h2{font:600 23px/34px "Monda",Arial,sans-serif;}

	.social_block .topPageBox absolPos ul {

	    font: 400 20px/50px "Monda",Arial,sans-serif;

	}

	.social_block .topPageBox absolPos ul li {

	    width: 50px;

	}

	

}



@media (max-width: 719px) {

      

      .product-feature img {

        max-width:100% !important;

    height:auto;

    display:block;}

		

}



/**** Full width slider ***/



.slide-full-img img {

    transform: scale(1);

    transition: all 0.4s ease-in-out 0s;

}



.slide-full-img:hover img {

    transform: scale(1.3);

    transition: all 0.4s ease-in-out 0s;

}



.slide-full-img {

    position: relative;

    display: block;

    overflow: hidden;

}



.full-w-slide-content {

    position: absolute;

    bottom: 30px;

    width: 100%;

	text-align: center;

    left: 0;

    z-index: 99;

}



.slider-full-width {

    width: 100%;

    max-width: 100%;

    display: block;

    overflow: hidden;

}



.full-w-slide-content > a {

    font-size: 24px;

    font-weight: bold;

    color: #fff;

    line-height: 37px;

    margin: 20px 0;

    margin-left: 30px;

    margin-bottom: 50px;

}



.details-btn a {

    background: #d29f68;

    padding: 12px 24px;

    display: inline-block;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    border-top-right-radius: 50px;

    border-bottom-right-radius: 50px;

}



.which-video {

    position: absolute;

    top: 0;

    width: 50px;

    height: 50px;

    left: 0;

    right: 0;

    margin: auto;

    bottom: 0;

    opacity: 0;

    z-index: 9;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out

}



.which-video a {

    font-size: 45px;

    color: #d29f68;

}



.details-btn {

    margin-left: -123px;

}



.slider3-single:hover .full-w-slide-content > a {

    margin-bottom: 22px;

}



.slider3-single:hover .which-video {

    opacity: 1;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out

}



.slider3-single:hover .details-btn {

    margin-left: 0px;

}



.slide-full-img:before {

    content: "";

    width: 100%;

    height: 100%;

    background-color: rgba(6, 15, 25, .7);

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

}





.full-w-slide-content > a:hover {

    color: #d29e68;

}



.details-btn a:hover {

    background-color: #ffffff;

    color: #12181e;

}



.which-video a:hover {

    color: #fff;

}



.gallery-wrap .owl-item.active:hover,

.gallery-wrap .owl-item.active,

.slider3-single:hover .details-btn {

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out

}

img {

    max-width: 100%;

    height: auto;

}







.gallery .control-operator:target ~ .controls .control-button {

  color: #ccc;

  color: rgba(255, 255, 255, 0.4);

}



.gallery .control-button:first-of-type,

.gallery .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),

.gallery .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),

.gallery .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3),

.gallery .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4),

.gallery .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5) {

  color: white;

  color: rgba(255, 255, 255, 0.8);

}



.gallery .item:first-of-type {

  position: static;

  pointer-events: auto;

  opacity: 1;

}



.gallery .item {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

  opacity: 0;

  -webkit-transition: opacity .5s;

  -o-transition: opacity .5s;

  transition: opacity .5s;

}



.gallery .control-operator {

  display: none;

}



.gallery .control-operator:target ~ .item {

  pointer-events: none;

  opacity: 0;

  -webkit-animation: none;

  -o-animation: none;

  animation: none;

}



.gallery .control-operator:target ~ .controls .control-button {

  -webkit-animation: none;

  -o-animation: none;

  animation: none;

}



@-webkit-keyframes controlAnimation-2 {

  0% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }



  14.3%, 50% {

    color: white;

    color: rgba(255, 255, 255, 0.8);

  }



  64.3%, 100% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }

}



@-o-keyframes controlAnimation-2 {

  0% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }



  14.3%, 50% {

    color: white;

    color: rgba(255, 255, 255, 0.8);

  }



  64.3%, 100% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }

}



@keyframes controlAnimation-2 {

  0% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }



  14.3%, 50% {

    color: white;

    color: rgba(255, 255, 255, 0.8);

  }



  64.3%, 100% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }

}



@-webkit-keyframes galleryAnimation-2 {

  0% {

    opacity: 0;

  }



  14.3%, 50% {

    opacity: 1;

  }



  64.3%, 100% {

    opacity: 0;

  }

}



@-o-keyframes galleryAnimation-2 {

  0% {

    opacity: 0;

  }



  14.3%, 50% {

    opacity: 1;

  }



  64.3%, 100% {

    opacity: 0;

  }

}



@keyframes galleryAnimation-2 {

  0% {

    opacity: 0;

  }



  14.3%, 50% {

    opacity: 1;

  }



  64.3%, 100% {

    opacity: 0;

  }

}



.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {

  pointer-events: auto;

  opacity: 1;

}



.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {

  pointer-events: auto;

  opacity: 1;

}



.items-2.autoplay .control-button {

  -webkit-animation: controlAnimation-2 14s infinite;

  -o-animation: controlAnimation-2 14s infinite;

  animation: controlAnimation-2 14s infinite;

}



.items-2.autoplay .item {

  -webkit-animation: galleryAnimation-2 14s infinite;

  -o-animation: galleryAnimation-2 14s infinite;

  animation: galleryAnimation-2 14s infinite;

}



.items-2 .control-button:nth-of-type(1),

.items-2 .item:nth-of-type(1) {

  -webkit-animation-delay: -2s;

  -o-animation-delay: -2s;

  animation-delay: -2s;

}



.items-2 .control-button:nth-of-type(2),

.items-2 .item:nth-of-type(2) {

  -webkit-animation-delay: 5s;

  -o-animation-delay: 5s;

  animation-delay: 5s;

}



@-webkit-keyframes controlAnimation-3 {

  0% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }



  9.5%, 33.3% {

    color: white;

    color: rgba(255, 255, 255, 0.8);

  }



  42.9%, 100% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }

}



@-o-keyframes controlAnimation-3 {

  0% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }



  9.5%, 33.3% {

    color: white;

    color: rgba(255, 255, 255, 0.8);

  }



  42.9%, 100% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }

}



@keyframes controlAnimation-3 {

  0% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }



  9.5%, 33.3% {

    color: white;

    color: rgba(255, 255, 255, 0.8);

  }



  42.9%, 100% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }

}



@-webkit-keyframes galleryAnimation-3 {

  0% {

    opacity: 0;

  }



  9.5%, 33.3% {

    opacity: 1;

  }



  42.9%, 100% {

    opacity: 0;

  }

}



@-o-keyframes galleryAnimation-3 {

  0% {

    opacity: 0;

  }



  9.5%, 33.3% {

    opacity: 1;

  }



  42.9%, 100% {

    opacity: 0;

  }

}



@keyframes galleryAnimation-3 {

  0% {

    opacity: 0;

  }



  9.5%, 33.3% {

    opacity: 1;

  }



  42.9%, 100% {

    opacity: 0;

  }

}



.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {

  pointer-events: auto;

  opacity: 1;

}



.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {

  pointer-events: auto;

  opacity: 1;

}



.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {

  pointer-events: auto;

  opacity: 1;

}



.items-3.autoplay .control-button {

  -webkit-animation: controlAnimation-3 21s infinite;

  -o-animation: controlAnimation-3 21s infinite;

  animation: controlAnimation-3 21s infinite;

}



.items-3.autoplay .item {

  -webkit-animation: galleryAnimation-3 21s infinite;

  -o-animation: galleryAnimation-3 21s infinite;

  animation: galleryAnimation-3 21s infinite;

}



.items-3 .control-button:nth-of-type(1),

.items-3 .item:nth-of-type(1) {

  -webkit-animation-delay: -2s;

  -o-animation-delay: -2s;

  animation-delay: -2s;

}



.items-3 .control-button:nth-of-type(2),

.items-3 .item:nth-of-type(2) {

  -webkit-animation-delay: 5s;

  -o-animation-delay: 5s;

  animation-delay: 5s;

}



.items-3 .control-button:nth-of-type(3),

.items-3 .item:nth-of-type(3) {

  -webkit-animation-delay: 12s;

  -o-animation-delay: 12s;

  animation-delay: 12s;

}



@-webkit-keyframes controlAnimation-4 {

  0% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }



  7.1%, 25% {

    color: white;

    color: rgba(255, 255, 255, 0.8);

  }



  32.1%, 100% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }

}



@-o-keyframes controlAnimation-4 {

  0% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }



  7.1%, 25% {

    color: white;

    color: rgba(255, 255, 255, 0.8);

  }



  32.1%, 100% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }

}



@keyframes controlAnimation-4 {

  0% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }



  7.1%, 25% {

    color: white;

    color: rgba(255, 255, 255, 0.8);

  }



  32.1%, 100% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }

}



@-webkit-keyframes galleryAnimation-4 {

  0% {

    opacity: 0;

  }



  7.1%, 25% {

    opacity: 1;

  }



  32.1%, 100% {

    opacity: 0;

  }

}



@-o-keyframes galleryAnimation-4 {

  0% {

    opacity: 0;

  }



  7.1%, 25% {

    opacity: 1;

  }



  32.1%, 100% {

    opacity: 0;

  }

}



@keyframes galleryAnimation-4 {

  0% {

    opacity: 0;

  }



  7.1%, 25% {

    opacity: 1;

  }



  32.1%, 100% {

    opacity: 0;

  }

}



.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {

  pointer-events: auto;

  opacity: 1;

}



.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {

  pointer-events: auto;

  opacity: 1;

}



.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {

  pointer-events: auto;

  opacity: 1;

}



.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {

  pointer-events: auto;

  opacity: 1;

}



.items-4.autoplay .control-button {

  -webkit-animation: controlAnimation-4 28s infinite;

  -o-animation: controlAnimation-4 28s infinite;

  animation: controlAnimation-4 28s infinite;

}



.items-4.autoplay .item {

  -webkit-animation: galleryAnimation-4 28s infinite;

  -o-animation: galleryAnimation-4 28s infinite;

  animation: galleryAnimation-4 28s infinite;

}



.items-4 .control-button:nth-of-type(1),

.items-4 .item:nth-of-type(1) {

  -webkit-animation-delay: -2s;

  -o-animation-delay: -2s;

  animation-delay: -2s;

}



.items-4 .control-button:nth-of-type(2),

.items-4 .item:nth-of-type(2) {

  -webkit-animation-delay: 5s;

  -o-animation-delay: 5s;

  animation-delay: 5s;

}



.items-4 .control-button:nth-of-type(3),

.items-4 .item:nth-of-type(3) {

  -webkit-animation-delay: 12s;

  -o-animation-delay: 12s;

  animation-delay: 12s;

}



.items-4 .control-button:nth-of-type(4),

.items-4 .item:nth-of-type(4) {

  -webkit-animation-delay: 19s;

  -o-animation-delay: 19s;

  animation-delay: 19s;

}



@-webkit-keyframes controlAnimation-5 {

  0% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }



  5.7%, 20% {

    color: white;

    color: rgba(255, 255, 255, 0.8);

  }



  25.7%, 100% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }

}



@-o-keyframes controlAnimation-5 {

  0% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }



  5.7%, 20% {

    color: white;

    color: rgba(255, 255, 255, 0.8);

  }



  25.7%, 100% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }

}



@keyframes controlAnimation-5 {

  0% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }



  5.7%, 20% {

    color: white;

    color: rgba(255, 255, 255, 0.8);

  }



  25.7%, 100% {

    color: #ccc;

    color: rgba(255, 255, 255, 0.4);

  }

}



@-webkit-keyframes galleryAnimation-5 {

  0% {

    opacity: 0;

  }



  5.7%, 20% {

    opacity: 1;

  }



  25.7%, 100% {

    opacity: 0;

  }

}



@-o-keyframes galleryAnimation-5 {

  0% {

    opacity: 0;

  }



  5.7%, 20% {

    opacity: 1;

  }



  25.7%, 100% {

    opacity: 0;

  }

}



@keyframes galleryAnimation-5 {

  0% {

    opacity: 0;

  }



  5.7%, 20% {

    opacity: 1;

  }



  25.7%, 100% {

    opacity: 0;

  }

}



.gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {

  pointer-events: auto;

  opacity: 1;

}



.gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {

  pointer-events: auto;

  opacity: 1;

}



.gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {

  pointer-events: auto;

  opacity: 1;

}



.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {

  pointer-events: auto;

  opacity: 1;

}



.gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {

  pointer-events: auto;

  opacity: 1;

}



.items-5.autoplay .control-button {

  -webkit-animation: controlAnimation-5 35s infinite;

  -o-animation: controlAnimation-5 35s infinite;

  animation: controlAnimation-5 35s infinite;

}



.items-5.autoplay .item {

  -webkit-animation: galleryAnimation-5 35s infinite;

  -o-animation: galleryAnimation-5 35s infinite;

  animation: galleryAnimation-5 35s infinite;

}



.items-5 .control-button:nth-of-type(1),

.items-5 .item:nth-of-type(1) {

  -webkit-animation-delay: -2s;

  -o-animation-delay: -2s;

  animation-delay: -2s;

}



.items-5 .control-button:nth-of-type(2),

.items-5 .item:nth-of-type(2) {

  -webkit-animation-delay: 5s;

  -o-animation-delay: 5s;

  animation-delay: 5s;

}



.items-5 .control-button:nth-of-type(3),

.items-5 .item:nth-of-type(3) {

  -webkit-animation-delay: 12s;

  -o-animation-delay: 12s;

  animation-delay: 12s;

}



.items-5 .control-button:nth-of-type(4),

.items-5 .item:nth-of-type(4) {

  -webkit-animation-delay: 19s;

  -o-animation-delay: 19s;

  animation-delay: 19s;

}



.items-5 .control-button:nth-of-type(5),

.items-5 .item:nth-of-type(5) {

  -webkit-animation-delay: 26s;

  -o-animation-delay: 26s;

  animation-delay: 26s;

}



.gallery .control-button {

  color: #ccc;

  color: rgba(255, 255, 255, 0.4);

}



.gallery .control-button:hover {

  color: white;

  color: rgba(255, 255, 255, 0.8);

}



/*

	Theme controls how everything looks in Gallery CSS.

*/



.gallery {

  position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.gallery .item {

 position: absolute;

    width: 100%;

    height: 100%;

    text-align: center;

}



.gallery .controls {

  display: block;

  height: auto;

  float: left;

  width: 100%;

  border: 0;

}



.gallery .control-button {

  display: inline-block;

  margin: 0 .02em;

  font-size: 3em;

  text-align: center;

  text-decoration: none;

  -webkit-transition: color .1s;

  -o-transition: color .1s;

  transition: color .1s;

}