/* Fonts */

@font-face {
	/*font-family: 'Capriola', cursive;*/
	font-family: 'Inter', sans-serif;
font-family: 'Raleway', sans-serif;
	src: url("../fonts/icomoon/icomoona57ca57ca57ca57ca57c.html?srf3rx");
	src: url("../fonts/icomoon/icomoona57ca57ca57ca57ca57c.html?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoona57ca57ca57ca57c-2a57c.html?srf3rx") format("truetype"), url("../fonts/icomoon/icomoona57ca57ca57ca57c-3a57c.html?srf3rx") format("woff"), url("../fonts/icomoon/icomoona57ca57ca57ca57c-4a57c.html?srf3rx#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}


/* Body */
body {
	font-family: 'Raleway', 'sans-serif';
	font-weight: 400;
	font-size: 16px;
	line-height: 1.7;
	color: #424242;

}
body.offcanvas {
	overflow: hidden;
}
/* List */


/* Common */
.main {
	position: relative;
	overflow-x: hidden;
	width: 100%;
	height: 100%;
	transition: all 0.5s ease;
}
.main.offcanvas {
	overflow: hidden;
	position: absolute;
}
.main.offcanvas:after {
	transition: all 2s ease;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 101;
	background: rgba(51, 51, 51, 0.7);
	content: "";
}
.section {
	padding: 3em 0;
	clear: both;
}
@media only screen and (min-width: 768px) {
	.section {
		padding: 8% 0;
	}
}
.section-sm {
	padding: 3.5em 0;
}
.section-gray {
	background: #ffffff;
}
.bg {
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-position: center center;
	width: 100%;
}
.heading {
	margin-bottom: 4em;
}
.heading.heading-sm {
	margin-bottom: 2em;
}
.heading h2 {
	margin-bottom: 10px;
	line-height: 1.8;
	color: #4a3f3b;
    /*text-shadow: 2px 2px 4px #382501;*/
	font-family:'Raleway',sans-serif;
	font-weight: 700;
}
.heading p {
	font-size: 19px;
    line-height: 1.5;
    font-family: 'sans-serif';
    font-weight: 600;
	color:#4a3f3b;
}
@media only screen and (min-width: 768px) {
	.heading p {
		width: 75%;
		margin-left: auto;
		margin-right: auto;
	}
}
.heading span {
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 2px;
	font-weight: 600;
	color: rgba(51, 51, 51, 0.66);
}
.loader {
	color: #fc33c8;
	position: fixed;
	box-sizing: border-box;
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: 1010;
	background-color: #fff;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.loader:after {
	content: '';
	position: fixed;
	width: 48px;
	height: 48px;
	border: solid 8px #fc33c8;
	border-left-color: transparent;
	border-radius: 50%;
	top: calc(50% - 24px);
	left: calc(50% - 24px);
	animation: rotate 1s linear infinite;
}
.overlay {
	z-index: 0;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(51, 51, 51, 0.5);
}
.display-t,
.display-tc {
	height: 100vh;
	display: table;
	width: 100%;
}
.display-tc {
	display: table-cell !important;
	vertical-align: bottom;
	padding-bottom: 80px;
}
.display-tc h1, .display-tc h2 {
	margin: 0;
	padding: 0;
	color: white;
}
.display-tc h1 {
	margin-bottom: 0px;
	line-height: 1.3;
	font-family: 'Sail', cursive;
	font-weight: 500;
	font-size: 40px;
	color:#000;
	background-color:#ffffffab;
	padding:20px 30px 20px 30px;
}
@media only screen and (min-width: 768px) {
	.display-tc h1 {
		font-size: 40px;
	}
}
.display-tc h1:before, .display-tc h1:after {
	/*content: "\e9b5";*/
	font-family: 'icomoon' !important;
	font-size: 27px;
	vertical-align: middle;
	color: #d9ce72;
	margin: 0 25px;
}
.display-tc h2 {
	font-size: 16px;
	line-height: 1.5;
	margin: 30px;
	font-family: "Work Sans", Arial, sans-serif;
}
@media only screen and (min-width: 768px) {
	.display-tc h2 {
		font-size: 20px;
	}
}
.display-tc .btn {
	padding: 15px 20px;
	background: #fff !important;
	color: #d9ce72;
	border: none !important;
	font-size: 14px;
	text-transform: uppercase;
}
.display-tc .btn:hover {
	background: #fff !important;
	box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
}
.banner-text {
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-moz-justify-content: center;
	justify-content: center;
}
.banner-text span {
	padding: 0 15px;
	line-height: 21px;
}
span.banner-text_names {
	font-family: "Pacifico", cursive;
	font-size: 40px;
	line-height: 43px;
	position: relative;
}
span.banner-text_names:before, span.banner-text_names:after {
	content: '';
	display: block;
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	background-color: #fff;
}
span.banner-text_names:before {
	left: -1px;
}
span.banner-text_names:after {
	right: -1px;
}
.js .animate-box {
	opacity: 0;
}
img {
	max-width: 100%;
}
.clearfix::before, .clearfix::after {
	content: ' ';
	display: table;
	clear: both;
}
.rotate {
	animation: rotate 1s;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite !important;
}
@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@media only screen and (min-width: 768px) {
	.nav-toggle {
		display: none;
	}
}
.nav-toggle.active i::before, .nav-toggle.active i::after {
	background: #444;
}
.nav-toggle:hover, .nav-toggle:focus, .nav-toggle:active {
	outline: none;
	border-bottom: none !important;
}
.nav-toggle i {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 2px;
	color: #252525;
	font: bold 14px/.4 Helvetica;
	text-transform: uppercase;
	text-indent: -55px;
	background: #252525;
	transition: all .2s ease-out;
}
.nav-toggle i::before, .nav-toggle i::after {
	content: '';
	width: 25px;
	height: 2px;
	background: #252525;
	position: absolute;
	left: 0;
	transition: all .2s ease-out;
}
.nav-toggle.nav-white > i {
	color: #fff;
	background: #fff;
}
.nav-toggle.nav-white > i::before, .nav-toggle.nav-white > i::after {
	background: #fff;
}
.nav-toggle i::before {
	top: -7px;
}
.nav-toggle i::after {
	bottom: -7px;
}
.nav-toggle:hover i::before {
	top: -10px;
}
.nav-toggle:hover i::after {
	bottom: -10px;
}
.nav-toggle.active i {
	background: transparent;
}
.nav-toggle.active i::before {
	top: 0;
	-ms-transform: rotate(45deg);
	transform: rotateZ(45deg);
}
.nav-toggle.active i::after {
	bottom: 0;
	-ms-transform: rotate(-45deg);
	transform: rotateZ(-45deg);
}

@media only screen and (min-width: 768px) {
	.couple-wrap {
		width: 100%;
	}
}
.couple-wrap h3 {
	font-family: 'Brush Script MT', cursive;
    font-weight: 600;
    color: #fc33c8;
}
.couple-wrap .groom-wrap {
	margin-bottom: 40px;
}
@media only screen and (min-width: 992px) {
	.couple-wrap .groom-wrap {
		margin-bottom: 0;
	}
}
.heart {
	position: absolute;
	top: 4em;
	left: 0;
	right: 0;
	z-index: 99;
	animation: pulse 1s ease infinite;
	display: none;
}
.heart i {
	font-size: 20px;
	padding: 20px;
	color: #d9ce72;
}
@media only screen and (min-width: 992px) {
	.heart {
		display: block;
	}
}
.groom, .bride {
	width: 150px;
	height: 150px;
	margin: 0 auto 10px;
	border-radius: 50%;
}
@media only screen and (min-width: 768px) {
	.groom, .bride {
		float: left;
	}
}
.groom img, .bride img {
	width: 150px;
	height: 150px;
	border-radius: 50%;
}
@media only screen and (min-width: 768px) {
	.groom {
		float: right;
		margin-right: 5px;
	}
}
@media only screen and (min-width: 768px) {
	.bride {
		float: left;
		margin-left: 5px;
	}
}
.desc-groom {
	text-align: center;
}
@media only screen and (min-width: 768px) {
	.desc-groom {
		padding-right: 180px;
		text-align: right;
	}
}
.desc-bride {
	text-align: center;
}
@media only screen and (min-width: 768px) {
	.desc-bride {
		padding-left: 180px;
		text-align: left;
	}
}
/* Events */
.events-accordion h3 {
	font-size: 20px;
}
.events-accordion #accordion-img {
	margin-top: -20px;
	margin-bottom: 20px;
	max-height: 400px;
	overflow: hidden;
}
@media only screen and (min-width: 768px) {
	.events-accordion #accordion-img {
		margin-bottom: 0;
		max-height: inherit;
	}
}
@media only screen and (min-width: 992px) {
	.events-accordion #accordion-img {
		max-height: 485px;
	}
}
@media only screen and (max-width: 768px) {
	.heading h2{font-size:15px;}
	.heading{ margin-bottom:10px;}
	.about_hom p {
    font-size: 14px;
	font-family:sans-serif;
}
}
.events-accordion .panel-default,
.events-accordion .panel-default > .panel-heading,
.events-accordion .panel-group .panel-heading + .panel-collapse > .list-group,
.events-accordion .panel-group .panel-heading + .panel-collapse > .panel-body {
	border: none;
}
.events-accordion .panel-default > .panel-heading {
    background-color: #ffffff;
    border: 1px solid #fc33c8;
}
.events-accordion .panel-group .panel-heading + .panel-collapse > .panel-body {
	padding: 0 15px 5px;
}
.events-accordion .panel-default {
	box-shadow: none;
}
.events-accordion .panel-title > a {
	display: inline-block;
	width: 100%;
}
.events-accordion .panel-title > a:hover, .events-accordion .panel-title > a[aria-expanded="true"] {
	color: #fc33c8;
	font-weight: 600;
}
.events-accordion .panel-place {
	padding: 5px 15px 0;
}
/* Our story */
/* Timeline */
.timeline {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}
.timeline:before {
	top: 50px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 1px;
	height: 65%;
	background-color: #ccc;
	left: 30px;
}
@media only screen and (min-width: 640px) {
	.timeline:before {
		left: 80px;
	}
}
.timeline > li {
	margin-bottom: 20px;
	position: relative;
}
.timeline > li:last-child {
	margin-bottom: 0;
}
.timeline > li:before, .timeline > li:after {
	content: " ";
	display: table;
}
.timeline > li:after {
	clear: both;
}
.timeline .timeline-badge {
	left: 0;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 16px;
	z-index: 100;
}
.timeline .timeline-badge img {
	border-radius: 50%;
}
@media only screen and (min-width: 640px) {
	.timeline .timeline-badge {
		width: 160px;
		height: 160px;
		margin-left: 0;
	}
}
.timeline .timeline-panel {
	width: 75%;
	float: right;
	border: 1px solid #ccc;
	padding: 30px;
	position: relative;
	border-radius: 4px;
}
.timeline .timeline-panel:before {
	left: -15px;
	right: auto;
	position: absolute;
	top: 30px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 0 solid #ccc;
	border-right: 15px solid #ccc;
	border-bottom: 15px solid transparent;
	content: " ";
}
.timeline .timeline-panel:after {
	left: -14px;
	right: auto;
	position: absolute;
	top: 31px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 0 solid #fff;
	border-right: 14px solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}
@media only screen and (min-width: 640px) {
	.timeline .timeline-panel {
		width: calc(100% - 200px);
	}
	.timeline .timeline-panel:before {
		top: 80px;
	}
	.timeline .timeline-panel:after {
		top: 81px;
	}
}
.timeline .timeline-item:nth-child(2n) .timeline-panel {
	float: right;
}
.timeline .timeline-item:nth-child(2n) .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}
.timeline .timeline-item:nth-child(2n) .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}
.timeline .timeline-title {
	margin-top: 0;
}
.timeline .date {
	display: block;
	margin-bottom: 20px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.timeline .timeline-body > p,
.timeline .timeline-body > ul {
	margin-bottom: 0;
}
.timeline .timeline-body > p + p {
	margin-top: 5px;
}
.timeline-readmore {
	display: inline-block;
	margin-top: 5px;
	color: #333;
	text-decoration: underline;
}
.section-gray .timeline .timeline-panel:after {
	border-left-color: #e9e9e9;
	border-right-color: #e9e9e9;
}
@media only screen and (min-width: 992px) {
	ul.timeline:before {
		left: 50%;
	}
	ul.timeline > li > .timeline-panel {
		width: 38%;
		float: left;
	}
	ul.timeline > li > .timeline-badge {
		left: 50%;
		margin-left: -80px;
	}
	ul.timeline > li > .timeline-panel:before {
		right: -15px;
		left: auto;
		border-right-width: 0;
		border-left-width: 15px;
	}
	ul.timeline > li > .timeline-panel:after {
		right: -14px;
		left: auto;
		border-left-width: 14px;
		border-right-width: 0;
	}
}
/* Gallery */
.gallery .grid--margin {
	margin-bottom: 50px;
}
.grid-item {
	border: 10px solid rgba(0, 0, 0, 0);
}
.grid-item a:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	z-index: 80;
	transition: all 0.5s ease;
	background: rgba(51, 51, 51, 0);
}
.grid-item a:hover:before {
	background: #fc33c8);
}
.grid-item,
.grid-sizer {
	width: 100%;
}
@media only screen and (min-width: 768px) {
	.grid-item,
	.grid-sizer {
		width: 25%;
	}
}
.grid-item--width2 {
	width: 100%;
}
@media only screen and (min-width: 768px) {
	.grid-item--width2 {
		width: 50%;
	}
}
.filters-button-group {
	text-align: center;
	margin-bottom: 50px;
	border-bottom: 1px solid;
	margin: 0 10px 50px;
}
.filters-button-group .button {
	border: none;
	background: none;
	padding: 0 10px 10px;
	border-bottom: 3px solid transparent;
	font-size: 24px;
	font-family:'Brush Script MT', sans-serif;
	outline: none;
	
		background-color: #000;
    color: #fff;
    padding: 5px 20px 5px 20px;
}
.filters-button-group .is-checked {
	border-bottom: 3px solid #fc33c8;

}

.gallery-list {
	position: relative;
	float: left;
	padding: 0;
	margin: 0 0 -10px 0;
	width: 100%;
}
.gallery-list li {
	display: block;
	padding: 0 5px;
	margin: 0 0 10px 0;
	list-style: none;
	min-height: 400px;
	position: relative;
	overflow: hidden;
	border-radius: 7px;
}
.gallery-list li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 7px;
	position: absolute;
	top: 0;
	left: 0;
}
.gallery-list li a {
	min-height: 400px;
	padding: 2em;
	position: relative;
	width: 100%;
	display: block;
}
.gallery-list li a:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	z-index: 80;
	transition: all 0.5s ease;
	border-radius: 7px;
	background: rgba(51, 51, 51, 0.2);
}
.gallery-list li a:hover .gallery-item_info span,
.gallery-list li a:hover .gallery-item_info h3 {
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.gallery-list li a:hover:before {
	background: rgba(51, 51, 51, 0.5);
}
.gallery-list .gallery-item_info {
	width: auto;
	bottom: 1em;
	left: 1em;
	right: 1em;
	position: absolute;
	z-index: 100;
}
@media only screen and (min-width: 768px) {
	.gallery-list .gallery-item_info {
		bottom: 2em;
		left: 2em;
		right: 2em;
	}
}
.gallery-list .gallery-item_info span {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
	display: block;
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	transition: all 0.5s ease;
	opacity: 0;
}
.gallery-list .gallery-item_info h3 {
	color: #fff;
	margin-bottom: 0;
	-ms-transform: translateY(-30%);
	transform: translateY(-30%);
	transition: all 0.5s ease;
	font-size: 20px;
}
/* Counter */
.counter {
	text-align: center;
	background-image: url();
	
	height: auto;
}
.counter2 {
	text-align: center;
	background-image: url(../img/test.html);
	
	height: auto;
}
@media only screen and (min-width: 768px) {
	.counter .row {
		margin-bottom: -40px;
	}
}
.counter .counter-value {
	font-size: 50px;
	line-height: 1;
	margin-bottom: 10px;
	color: #fff;
	font-weight: 100;
	display: block;
}
.counter .counter-label {
	margin-bottom: 0;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: .1em;
}
.counter .feature-center {
	text-align: center;
	margin-bottom: 40px;
	padding: 0 20px;
	width: 100%;
	-webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}


.counter .feature-center:hover {
    -webkit-transform: scale(-1.1);
    transform: scale(.9);
}
.counter .icon {
	width: 90px;
	height: 90px;
	border: 2px solid #e9e9e9;
	display: table;
	text-align: center;
	margin: 0 auto 30px auto;
	box-shadow: 0px 14px 30px -15px rgba(51, 51, 51, 0.75);
	border-radius: 50%;
}
.counter .icon i {
	display: table-cell;
	vertical-align: middle;
	font-size: 40px;
	line-height: 40px;
	color: #d9ce72;
}
/* Testimonials */
.testimonials .wrap-testimony {
	position: relative;
}
.testimonials .testimony-slide {
	text-align: center;
}
.testimonials .testimony-slide span {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	display: block;
}
.testimonials .testimony-slide figure {
	margin-bottom: 10px;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 100px;
	height: 100px;
}
.testimonials .testimony-slide figure img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.testimonials .testimony-slide blockquote {
	border: none;
	margin: 30px auto;
	width: 100%;
	position: relative;
	border-radius: 4px;
}
@media only screen and (min-width: 992px) {
	.testimonials .testimony-slide blockquote {
		width: 50%;
	}
}
.testimonials .testimony-slide blockquote p {
	font-style: italic;
	color: #000000;
	font-size: 20px;
	line-height: 1.6em;
}
.testimonials .testimony-slide.active {
	display: block;
}
/* Invitation */
.invitation .form-wrapper {
	background: #fff;
	padding: 20px 15px 30px;
	margin-bottom: 40px;
}
@media only screen and (min-width: 992px) {
	.invitation .form-wrapper {
		margin-bottom: 0;
	}
}
.invitation h3 {
	margin: 10px 0;
}
.invitation .video {
	height: 450px;
	overflow: hidden;
	border-radius: 5px;
	background-image: url(../img/video-bg.html);
}
.invitation .video:hover a {
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.invitation .video:hover .overlay {
	opacity: 0.5;
}
.invitation .video a {
	z-index: 1001;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -45px;
	margin-left: -45px;
	display: table;
	text-align: center;
}
.invitation .video a i {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.invitation .video .overlay {
	transition: all 0.5s ease;
}
/* Banner */
.banner h1,
.banner h2 {
	color: #d9ce72;
}
.banner p {
	color: #fff;
	margin-bottom: 0;
}




.banner_bottom {
	background-image: url(../img/banner-bottom.html);
}
.banner_bottom .heading {
	margin-bottom: 0;
}
.pt_blog .navbar {
	position: relative;
}
.pt_blog .nav-toggle {
	position: absolute;
}
@media only screen and (max-width: 767px) {
	.pt_blog .primary-block {
		margin-bottom: 60px;
	}
}
.blog-item {
	margin-bottom: 50px;
}
.blog-item_texst p {
	margin-bottom: 5px;
}
.blog-item_title {
	margin-top: 30px;
	font-size: 20px;
	margin-bottom: 12px;
}
.blog-item_meta {
	margin-bottom: 7px;
	font-size: 0.85em;
}
.blog-item_meta span {
	padding-right: 5px;
}
.blog-item_meta span i {
	padding-right: 3px;
}
.single-post_banner {
	margin-bottom: 40px;
}
.single-post_title {
	margin-bottom: 40px;
}
.post-content blockquote {
	text-align: center;
	border: none;
	font-style: italic;
	font-weight: 600;
}
.post-content blockquote:after, .post-content blockquote:before {
	content: '"';
}
.post-hightlight {
	border: 4px solid #e9e9e9;
	padding: 30px;
	margin: 10px 0 20px;
	font-size: 20px;
	font-weight: 600;
}
.post-hightlight::before, .post-hightlight::after {
	content: ' ';
	display: table;
	clear: both;
}
@media only screen and (min-width: 992px) {
	.post-hightlight {
		width: 33%;
		float: right;
	}
}
.post-hightlight:before {
	content: 'HIGHLIGHT';
	display: block;
	font-size: 14px;
	font-weight: 300;
}
@media only screen and (min-width: 992px) {
	.post-hightlight--before {
		width: 64%;
		float: left;
	}
}
.post-tags a {
	padding: 0 5px;
}
.widget {
	margin-bottom: 50px;
}
.widget:last-child {
	margin-bottom: 0;
}
.widget_title {
	font-family: 'Brush Script MT', cursive;
}
.widget_latest-posts .post {
	margin-bottom: 20px;
}
.widget_latest-posts .post::before, .widget_latest-posts .post::after {
	content: ' ';
	display: table;
	clear: both;
}
.widget_latest-posts .post_image {
	float: left;
	margin-right: 20px;
}
.widget_categories ul {
	list-style: none;
	padding-left: 0;
}
.widget_categories li {
	border-bottom: 1px solid #F2F2F2;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.widget_categories a {
	color: inherit;
}
.widget_categories span {
	float: right;
}
/* Footer */
footer {
	padding: 0em 0;
}
footer .copyright .block {
	display: block;
}
/* Buttons */
.btn {
	margin-right: 4px;
	margin-bottom: 4px;
	font-family: 'Brush Script MT', Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	border-radius: 6px;
	transition: all 0.5s ease;
	padding: 8px 20px;
}
.btn.btn-md {
	padding: 8px 20px;
}
.btn.btn-lg {
	padding: 18px 36px;
	font-family:'Brush Script MT', sans-serif;
}
.btn:hover, .btn:active, .btn:focus {
	box-shadow: none !important;
	outline: none !important;
}
.btn-primary {
	background: #4a3f3b;
    color: #fff;
    border: 2px solid f31732;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background: #ded586 !important;
	border-color: #ded586 !important;
}
.btn-primary.btn-outline {
	background: transparent;
	color: #d9ce72;
	border: 2px solid #d9ce72;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
	background: #d9ce72;
	color: #fff;
}
.btn-success {
	background: #4CAF50;
	color: #fff;
	border: 2px solid #4CAF50;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
	background: #449d48 !important;
	border-color: #449d48 !important;
}
.btn-success.btn-outline {
	background: transparent;
	color: #4CAF50;
	border: 2px solid #4CAF50;
}
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
	background: #4CAF50;
	color: #fff;
}
.btn-info {
	background: #03A9F4;
	color: #fff;
	border: 2px solid #03A9F4;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
	background: #0398db !important;
	border-color: #0398db !important;
}
.btn-info.btn-outline {
	background: transparent;
	color: #03A9F4;
	border: 2px solid #03A9F4;
}
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
	background: #03A9F4;
	color: #fff;
}
.btn-warning {
	background: #FF9800;
	color: #fff;
	border: 2px solid #FF9800;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
	background: #e68900 !important;
	border-color: #e68900 !important;
}
.btn-warning.btn-outline {
	background: transparent;
	color: #FF9800;
	border: 2px solid #FF9800;
}
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
	background: #FF9800;
	color: #fff;
}
.btn-danger {
	background: #F44336;
	color: #fff;
	border: 2px solid #F44336;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
	background: #f32c1e !important;
	border-color: #f32c1e !important;
}
.btn-danger.btn-outline {
	background: transparent;
	color: #F44336;
	border: 2px solid #F44336;
}
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
	background: #F44336;
	color: #fff;
}
.btn-outline {
	background: none;
	border: 2px solid #b3b3b3;
	font-size: 16px;
	transition: all 0.3s ease;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
	box-shadow: none;
}
.btn.with-arrow {
	position: relative;
	transition: all 0.3s ease;
}
.btn.with-arrow i {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -8px;
	transition: all 0.2s ease;
}
.btn.with-arrow:hover {
	padding-right: 50px;
}
.btn.with-arrow:hover i {
	color: #fff;
	right: 18px;
	visibility: visible;
	opacity: 1;
}
/* Forms */
.form-field {
	position: relative;
	margin: 5px 0;
}
.form-field label.control-label {
	padding: 0;
	line-height: 1;
	position: absolute;
	top: 18px;
	left: 30px;
	transition: all 0.3s ease;
	font-weight: 300;
}
.form-field label.control-label.filled {
	top: -20px;
}
.form-field .add-button {
	width: 100%;
	height: 50px;
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	background: none;
}
.form-field label{
color:#999999;}
.form-field .remove_field {
	position: absolute;
	top: 10px;
	right: 25px;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0 10px;
}
.form-control {
	box-shadow: none;
	background: transparent;
	border: 2px solid #4a3f3b;
	height: 50px;
	font-size: 18px;
	font-weight: 300;
}
.form-control:active, .form-control:focus {
	outline: none;
	box-shadow: none;
	border-color: #d9ce72;
}
.guest-list > div {
	margin-bottom: 20px;
	position: relative;
}
.switch-field {
	height: 50px;
}
.switch-field .switch {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 50px;
	text-align: center;
	margin: -25px 0 0 -100px;
	transition: all 0.2s ease;
}
.switch-field .switch span {
	position: absolute;
	width: 20px;
	height: 4px;
	top: 50%;
	left: 50%;
	display: block;
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all 0.2s ease;
}
.switch-field .switch span:after {
	content: "";
	display: block;
	position: absolute;
	width: 4px;
	transition: all 0.2s ease;
}
.switch-field input[type=radio] {
	display: none;
}
.switch-field .switch label {
	cursor: pointer;
	color: rgba(0, 0, 0, 0.2);
	width: 60px;
	line-height: 50px;
	transition: all 0.2s ease;
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	position: absolute;
}
.switch-field label[for=yes] {
	left: 0px;
}
.switch-field label[for=no] {
	right: 0px;
}
.switch-field #yes:checked ~ .switch label[for=yes] {
	border-color: #4CAF50;
	color: #4CAF50;
}
.switch-field #yes:checked ~ .switch span {
	background: #4CAF50;
	margin: -2px 0px 0px -4px;
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.switch-field #yes:checked ~ .switch span:after {
	background: #4CAF50;
	margin-top: -8px;
	width: 4px;
	height: 12px;
}
.switch-field #no:checked ~ .switch label[for=no] {
	border-color: #F44336;
	color: #F44336;
}
.switch-field #no:checked ~ .switch span {
	background: #F44336;
	margin-left: -8px;
}
.switch-field #no:checked ~ .switch span:after {
	background: #F44336;
	height: 20px;
	margin-top: -8px;
	margin-left: 8px;
}
.input-group .btn {
	border: 2px solid rgba(0, 0, 0, 0.1);
	padding: 12px 20px;
	background-color: #d9ce72;
	color: #fff;
}
.message-success {
	background: url(../img/accept.html) no-repeat;
	width: 464px;
	height: 337px;
	margin: 0 auto;
}
/* Countdown */
.countdown.section {
	background-image: url(../img/countdown-bg1.html);
}
.countdown .heading {
	margin-bottom: 8em;
}
.countdown .heading h2 {
	font-size: 33px;
}
@media only screen and (min-width: 768px) {
	.countdown .heading h2 {
		font-size: 50px;
	}
}
.countdown .heading h2, .countdown .heading p {
	color: #fff;
}
@media only screen and (min-width: 768px) {
	.timer {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}
.timer .timer-item_digits {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
}
.timer .timer-item_text {
	color: #fff;
	font-family: 'Brush Script MT', cursive;
	font-size: 34px;
}
.timer .timer-item {
	/* coutndown blocks */
	position: relative;
}
.timer .timer-item > div {
	/* countdown block inner div */
	display: table-cell;
	vertical-align: middle;
	height: 100px;
	width: 100px;
}
.timer .timer-item .smalltext,
.timer .timer-item .digit {
	display: block;
	color: #fff;
}
.timer .timer-item .digit {
	font-size: 47px;
	line-height: 40px;
}
.timer .timer-item .smalltext {
	color: rgba(255, 255, 255, 0.7);
	text-transform: uppercase;
	font-size: 14px;
}
/* Carousel */
.owl-carousel .owl-controls .owl-dot.active span {
	background: transparent;
	border: 2px solid #d9ce72;
}
/* Social icons */
.social-icons {
	margin: 0;
	padding: 0;
}
.social-icons li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.social-icons li a {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	color: #fc33c8;
	padding-left: 10px;
	padding-right: 10px;
}
.social-icons li a i {
	font-size: 27px;
}
/* Timeline */
.timeline {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}
.timeline:before {
	top: 50px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 1px;
	height: 65%;
	background-color: #ccc;
	left: 30px;
}
@media only screen and (min-width: 640px) {
	.timeline:before {
		left: 80px;
	}
}
.timeline > li {
	margin-bottom: 20px;
	position: relative;
}
.timeline > li:last-child {
	margin-bottom: 0;
}
.timeline > li:before, .timeline > li:after {
	content: " ";
	display: table;
}
.timeline > li:after {
	clear: both;
}
.timeline .timeline-badge {
	left: 0;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 16px;
	z-index: 100;
}
.timeline .timeline-badge img {
	border-radius: 50%;
}
@media only screen and (min-width: 640px) {
	.timeline .timeline-badge {
		width: 160px;
		height: 160px;
		margin-left: 0;
	}
}
.timeline .timeline-panel {
	width: 75%;
	float: right;
	border: 1px solid #ccc;
	padding: 30px;
	position: relative;
	border-radius: 4px;
}
.timeline .timeline-panel:before {
	left: -15px;
	right: auto;
	position: absolute;
	top: 30px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 0 solid #ccc;
	border-right: 15px solid #ccc;
	border-bottom: 15px solid transparent;
	content: " ";
}
.timeline .timeline-panel:after {
	left: -14px;
	right: auto;
	position: absolute;
	top: 31px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 0 solid #fff;
	border-right: 14px solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}
@media only screen and (min-width: 640px) {
	.timeline .timeline-panel {
		width: calc(100% - 200px);
	}
	.timeline .timeline-panel:before {
		top: 80px;
	}
	.timeline .timeline-panel:after {
		top: 81px;
	}
}
.timeline .timeline-item:nth-child(2n) .timeline-panel {
	float: right;
}
.timeline .timeline-item:nth-child(2n) .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}
.timeline .timeline-item:nth-child(2n) .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}
.timeline .timeline-title {
	margin-top: 0;
}
.timeline .date {
	display: block;
	margin-bottom: 20px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.timeline .timeline-body > p,
.timeline .timeline-body > ul {
	margin-bottom: 0;
}
.timeline .timeline-body > p + p {
	margin-top: 5px;
}
.timeline-readmore {
	display: inline-block;
	margin-top: 5px;
	color: #333;
	text-decoration: underline;
}
.section-gray .timeline .timeline-panel:after {
	border-left-color: #e9e9e9;
	border-right-color: #e9e9e9;
}
@media only screen and (min-width: 992px) {
	ul.timeline:before {
		left: 50%;
	}
	ul.timeline > li > .timeline-panel {
		width: 38%;
		float: left;
	}
	ul.timeline > li > .timeline-badge {
		left: 50%;
		margin-left: -80px;
	}
	ul.timeline > li > .timeline-panel:before {
		right: -15px;
		left: auto;
		border-right-width: 0;
		border-left-width: 15px;
	}
	ul.timeline > li > .timeline-panel:after {
		right: -14px;
		left: auto;
		border-left-width: 14px;
		border-right-width: 0;
	}
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
.small, small {
    font-size: 103% !important;
}
/*menu start*/
@import '../cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.html';
*, *:  before, *:after {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

/*page styling*/
.bs-callout {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    margin-bottom: 5px;
    padding: 20px;
}
.bs-right-panel{
	padding: 10px;
	width:100%;
	float:none;
	text-align:center;
	margin:0 auto;
}
.bs-right-panel img{
	width:100%;
	margin:0;
	padding:0;
	
}
.bs-callout:last-child {
    margin-bottom: 0px;
}
.bs-callout h4,
.bs-callout h5 {
    margin-bottom: 10px;
    margin-top: 5px;
    font-weight: 600;
}

.bs-callout-danger {
    border-left-color: #d9534f;
}

.bs-callout-danger h4,
.bs-callout-danger h5{
    color: #d9534f;
}

\
.title-thin {
	font-weight: 300;
}
.service-item {
	margin-bottom: 30px;
}
/*pricing start*/
.price_table_container{
	text-align: center;
    color: #000;
    margin-top: 35px;
    font-family: 'Brush Script MT',  sans-serif;
    border-right: 1px solid #fc33c8;
    border-left: 1px solid #fc33c8;
    border-bottom: 1px solid #fc33c8;
}

.price_table_heading{
	font-size: 25px;
    padding: 10px;
    background: #fc33c8;
    font-weight: 600;
    color: #fff;
}


.price_table_row {
    padding:15px;
	background: #FFF;
}

.cost{
	padding:30px;
	font-size:30px;
}
.cost span{
	font-size:15px;
}

.price_table_row:nth-of-type(even) {
    background: #ffffff;
}
.btn{
	border-radius:0px;
}

.recommended{
/*USER DEFINED COLOUR*/	
background:#FF3A3A; 
color:#FFF;
/*USER DEFINED COLOUR*/	
padding:3px 0 3px 0;
margin-top:10px;  
text-align:center;
margin-bottom:-35px;
font-family: 'Brush Script MT', sans-serif;
}


.spacer{width:100%;height:50px;}


/*Already Defined Colours*/
/*Background*/
.primary-bg{background:#337AB7;color:#FFF;}
.success-bg{background:#5CB85C;color:#FFF;}
.info-bg{background:#5BC0DE;color:#FFF;}
.warning-bg{background:#F0AD4E;color:#FFF;}
.danger-bg{background:#D9534F;color:#FFF;}
.dark-bg{background:#444;color:#FFF;}
.royal-bg{background:#8E74E2;color:#FFF;}
.static-bg{background:#2BB0A6;color:#FFF;}

/*Only Text Colours*/
.primary-text{background:#FFF;color:#337AB7;}
.success-text{background:#FFF;color:#5CB85C;}
.info-text{background:#FFF;color:#5BC0DE;}
.warning-text{background:#FFF;color:#F0AD4E;}
.danger-text{background:#FFF;color:#dead17;}
.dark-text{background:#FFF;color:#dead17;}
.royal-text{background:#FFF;color:#dead17;}
.static-text{background:#FFF;color:#dead17;}

/*Additional Button styles*/
.btn-danger{
    color: #0a0a0a;
    background-color: #ffffff;
    border-color: #fc33c8;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #fc33c8 !important;
  border-color: #fc33c8 !important;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
/*BTN-DARK*/
.btn-dark {
    color: #0a0a0a;
    background-color: #ffffff;
    border-color: #fc33c8;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus,
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
  color: #fff;
  background-color: #fc33c8;
  border-color: #fc33c8;
}
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
  background-image: none;
}


/*BTN-ROYAL---------*/
.btn-royal {
    color: #0a0a0a;
    background-color: #ffffff;
    border-color: #fc33c8;
}
.btn-royal:hover,
.btn-royal:focus,
.btn-royal.focus,
.btn-royal:active,
.btn-royal.active,
.open > .dropdown-toggle.btn-royal {
  color: #fff;
  background-color: #fc33c8;
  border-color: #fc33c8;
}
.btn-royal:active,
.btn-royal.active,
.open > .dropdown-toggle.btn-royal {
  background-image: none;
}


/*BTN-STATIC---------*/
.btn-static {
    color: #0a0a0a;
    background-color:#ffffff;
    border-color: #fc33c8;
}
.btn-static:hover,
.btn-static:focus,
.btn-static.focus,
.btn-static:active,
.btn-static.active,
.open > .dropdown-toggle.btn-static {
  color: #fff;
  background-color: #fc33c8;
  border-color: #fc33c8;
}
.btn-static:active,
.btn-static.active,
.open > .dropdown-toggle.btn-static {
  background-image: none;
}

/*!
 * Hover.css (http://ianlunn.co.uk/)
 * Version: 1.0.10
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014.
 */.button{margin:.4em;padding:1em;cursor:pointer;background:#e1e1e1;text-decoration:none;color:#666;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grow{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.grow:active,.grow:focus,.grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.shrink{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.shrink:active,.shrink:focus,.shrink:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}@-webkit-keyframes pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.pulse{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.pulse:active,.pulse:focus,.pulse:hover{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.pulse-grow{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.pulse-grow:active,.pulse-grow:focus,.pulse-grow:hover{-webkit-animation-name:pulse-grow;animation-name:pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}.pulse-shrink{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.pulse-shrink:active,.pulse-shrink:focus,.pulse-shrink:hover{-webkit-animation-name:pulse-shrink;animation-name:pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.push{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.push:active,.push:focus,.push:hover{-webkit-animation-name:push;animation-name:push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.pop{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.pop:active,.pop:focus,.pop:hover{-webkit-animation-name:pop;animation-name:pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.rotate{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.rotate:active,.rotate:focus,.rotate:hover{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.grow-rotate{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.grow-rotate:active,.grow-rotate:focus,.grow-rotate:hover{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.float{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.float:active,.float:focus,.float:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.sink{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.sink:active,.sink:focus,.sink:hover{-webkit-transform:translateY(5px);transform:translateY(5px)}@-webkit-keyframes hover{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hover{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hover{display:inline-block;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hover:active,.hover:focus,.hover:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-name:hover;animation-name:hover;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hang{50%{-webkit-transform:translateY(3px);transform:translateY(3px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hang{50%{-webkit-transform:translateY(3px);transform:translateY(3px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hang{display:inline-block;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hang:active,.hang:focus,.hang:hover{-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-animation-name:hang;animation-name:hang;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.skew{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.skew:active,.skew:focus,.skew:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.skew-forward{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.skew-forward:active,.skew-forward:focus,.skew-forward:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.skew-backward{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.skew-backward:active,.skew-backward:focus,.skew-backward:hover{-webkit-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.wobble-vertical{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-vertical:active,.wobble-vertical:focus,.wobble-vertical:hover{-webkit-animation-name:wobble-vertical;animation-name:wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.wobble-horizontal{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-horizontal:active,.wobble-horizontal:focus,.wobble-horizontal:hover{-webkit-animation-name:wobble-horizontal;animation-name:wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.wobble-to-bottom-right{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-to-bottom-right:active,.wobble-to-bottom-right:focus,.wobble-to-bottom-right:hover{-webkit-animation-name:wobble-to-bottom-right;animation-name:wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.wobble-to-top-right{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-to-top-right:active,.wobble-to-top-right:focus,.wobble-to-top-right:hover{-webkit-animation-name:wobble-to-top-right;animation-name:wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.wobble-top{display:inline-block;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-top:active,.wobble-top:focus,.wobble-top:hover{-webkit-animation-name:wobble-top;animation-name:wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.wobble-bottom{display:inline-block;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-bottom:active,.wobble-bottom:focus,.wobble-bottom:hover{-webkit-animation-name:wobble-bottom;animation-name:wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.wobble-skew{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-skew:active,.wobble-skew:focus,.wobble-skew:hover{-webkit-animation-name:wobble-skew;animation-name:wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.buzz{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.buzz:active,.buzz:focus,.buzz:hover{-webkit-animation-name:buzz;animation-name:buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.buzz-out{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.buzz-out:active,.buzz-out:focus,.buzz-out:hover{-webkit-animation-name:buzz-out;animation-name:buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.border-fade{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.border-fade:active,.border-fade:focus,.border-fade:hover{box-shadow:inset 0 0 0 4px #666,0 0 1px rgba(0,0,0,0)}.hollow{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background;transition-property:background;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hollow:active,.hollow:focus,.hollow:hover{background:0 0}.trim{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.trim:before{content:'';position:absolute;border:#fff solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.trim:active:before,.trim:focus:before,.trim:hover:before{opacity:1}.outline-outward{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.outline-outward:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.outline-outward:active:before,.outline-outward:focus:before,.outline-outward:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.outline-inward{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.outline-inward:before{pointer-events:none;content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.outline-inward:active:before,.outline-inward:focus:before,.outline-inward:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.round-corners{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:border-radius;transition-property:border-radius;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.round-corners:active,.round-corners:focus,.round-corners:hover{border-radius:1em}.glow{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.glow:active,.glow:focus,.glow:hover{box-shadow:0 0 8px rgba(0,0,0,.6)}.box-shadow-outset{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.box-shadow-outset:active,.box-shadow-outset:focus,.box-shadow-outset:hover{box-shadow:2px 2px 2px rgba(0,0,0,.6)}.box-shadow-inset{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0);-webkit-transform:translateZ(0);transform:translateZ(0)}.box-shadow-inset:active,.box-shadow-inset:focus,.box-shadow-inset:hover{box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.float-shadow{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}.float-shadow:active,.float-shadow:focus,.float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.float-shadow:active:before,.float-shadow:focus:before,.float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}@-webkit-keyframes hover{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hover{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hover-shadow{0%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}50%{-webkit-transform:translateY(3px);transform:translateY(3px);opacity:1}100%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}}@keyframes hover-shadow{0%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}50%{-webkit-transform:translateY(3px);transform:translateY(3px);opacity:1}100%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}}.hover-shadow{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hover-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}.hover-shadow:active,.hover-shadow:focus,.hover-shadow:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-name:hover;animation-name:hover;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.hover-shadow:active:before,.hover-shadow:focus:before,.hover-shadow:hover:before{opacity:.4;-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-animation-name:hover-shadow;animation-name:hover-shadow;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.shadow-radial{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.shadow-radial:after,.shadow-radial:before{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;height:5px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.shadow-radial:before{bottom:100%;background:-webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.shadow-radial:after{top:100%;background:-webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.shadow-radial:active:after,.shadow-radial:active:before,.shadow-radial:focus:after,.shadow-radial:focus:before,.shadow-radial:hover:after,.shadow-radial:hover:before{opacity:1}.bubble-top{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top;transition-property:top;left:calc(50% - 10px);top:0;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1}.bubble-top:active:before,.bubble-top:focus:before,.bubble-top:hover:before{top:-10px}.bubble-right{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.bubble-right:active:before,.bubble-right:focus:before,.bubble-right:hover:before{right:-10px}.bubble-bottom{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:bottom;transition-property:bottom;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent}.bubble-bottom:active:before,.bubble-bottom:focus:before,.bubble-bottom:hover:before{bottom:-10px}.bubble-left{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:left;transition-property:left;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.bubble-left:active:before,.bubble-left:focus:before,.bubble-left:hover:before{left:-10px}.bubble-float-top{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-float-top:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top;transition-property:top}.bubble-float-top:active,.bubble-float-top:focus,.bubble-float-top:hover{-webkit-transform:translateY(5px) translateZ(0);transform:translateY(5px) translateZ(0)}.bubble-float-top:active:before,.bubble-float-top:focus:before,.bubble-float-top:hover:before{top:-10px}.bubble-float-right{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right}.bubble-float-right:active,.bubble-float-right:focus,.bubble-float-right:hover{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.bubble-float-right:active:before,.bubble-float-right:focus:before,.bubble-float-right:hover:before{right:-10px}.bubble-float-bottom{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-float-bottom:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:bottom;transition-property:bottom}.bubble-float-bottom:active,.bubble-float-bottom:focus,.bubble-float-bottom:hover{-webkit-transform:translateY(-5px) translateZ(0);transform:translateY(-5px) translateZ(0)}.bubble-float-bottom:active:before,.bubble-float-bottom:focus:before,.bubble-float-bottom:hover:before{bottom:-10px}.bubble-float-left{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-float-left:before{position:absolute;z-index:-1;content:'';top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:left;transition-property:left}.bubble-float-left:active,.bubble-float-left:focus,.bubble-float-left:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}.bubble-float-left:active:before,.bubble-float-left:focus:before,.bubble-float-left:hover:before{left:-10px}.curl-top-left{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:#fff;background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.curl-top-left:active:before,.curl-top-left:focus:before,.curl-top-left:hover:before{width:25px;height:25px}.curl-top-right{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:#fff;background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.curl-top-right:active:before,.curl-top-right:focus:before,.curl-top-right:hover:before{width:25px;height:25px}.curl-bottom-right{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:#fff;background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.curl-bottom-right:active:before,.curl-bottom-right:focus:before,.curl-bottom-right:hover:before{width:25px;height:25px}.curl-bottom-left{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:#fff;background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.curl-bottom-left:active:before,.curl-bottom-left:focus:before,.curl-bottom-left:hover:before{width:25px;height:25px}
 
 /*according start*/
 .template_faq {
    background: #edf3fe none repeat scroll 0 0;
}
.panel-group {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 0;
    padding: 30px;
}
#accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 10px;
}
#accordion .panel-heading {
    border-radius: 30px;
    padding: 0;
}
#accordion .panel-title a {
    background: #fc33c8 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px 12px 50px;
    position: relative;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #333;
}
#accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {
    background: #fc33c8 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 25px;
    height: 55px;
    left: -20px;
    line-height: 55px;
    position: absolute;
    text-align: center;
    top: -5px;
    transition: all 0.3s ease 0s;
    width: 55px;
}
#accordion .panel-title a.collapsed::after {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    box-shadow: none;
    color: #333;
    content: "";
}
#accordion .panel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 25px 10px 9px;
    position: relative;
}
#accordion .panel-body p {
    border-left: 1px dashed #8c8c8c;
    padding-left: 25px;
}

.content-quality{float:left;width:193px;}
.content-quality p{margin-left:10px;font-family:'Brush Script MT', sans-serif;font-size:14px;font-weight:600;line-height:17px;}
.content-quality p span{display:block;}
.tabtop li a{font-family:'Brush Script MT', sans-serif;font-weight:700;color:#1b2834;border-radius:0px;margin-right:22.008px;border:1px solid #ebebeb !important;}
.tabtop .active a:before{content:"♦";position:absolute;top:15px;left:82px;color:#dead17;font-size:30px;}
.tabtop li a:hover{color:#dead17 !important;text-decoration:none;}
.tabtop .active a:hover{color:#fff !important;}
.tabtop .active a{background-color:#dead17 !important;color:#FFF !important;}
.margin-tops{margin-top:30px;}
.tabtop li a:last-child{padding:10px 22px;}
.thbada{padding:10px 28px !important;}
section p{font-family:'Brush Script MT', sans-serif;}
.margin-tops4{margin-top:20px;}
.tabsetting{border-top:5px solid #ebebeb;padding-top:6px;}
.services{background-color:#d4d4d4;min-height:710px;padding:65px 0 27px 0;}
.services a:hover{color:#000;}
.services h1{margin-top:0px !important;}
.heading-container p{font-family:'Brush Script MT', sans-serif;text-align:center;font-size:16px !important;text-transform:uppercase;}

/*services start*/
.serviceBox{
    text-align: center;
    margin: 0 -16px;
    border: 1px solid #543d10;
}
.serviceBox img{
    width: 100%;
    height: auto;
}
.serviceBox .service-content{
    position: relative;
    background: #f7f6f5;
    color: #000;
    padding: 50px 30px 30px;
}
.serviceBox .service-icon{
    display: block;
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 10px;
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
    border: 3px solid #fc33c8;
}
.serviceBox .service-icon img {
    transform: rotate(-45deg);
    max-width: 70%;
    margin: 8px;
}
.serviceBox .service-icon i{
    font-size: 30px;
    line-height: 70px;
    color: #fc33c8;
    transform: rotate(-45deg);
}
.serviceBox .title{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #fc33c8;
}
.serviceBox .description{
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px;
}
.serviceBox .read-more{
    display: inline-block;
    padding: 7px 20px;
    border: 1px solid #f0f4ba;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #f0f4ba;
    background: #00a996;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
}
.serviceBox .read-more:hover{
    color: #00a996;
    background: #f0f4ba;
    text-decoration: none;
}
.serviceBox.middle .service-content{
    padding: 30px 30px 50px;
}
.serviceBox.middle .service-icon{
    bottom: -35px;
    top: auto;
}
@media only screen and (max-width: 990px){
    .serviceBox .title{ font-size: 17px; }
}
@media only screen and (max-width: 767px){
    .serviceBox{ margin: 0 0 30px 0; }
}

/*services 2 start*/

/*.heading:after {*/
/*    background: url(https://i.ibb.co/d7tSD1R/heading-line-white.png);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*}*/

/*vertical tab*/
.vertical-tab{
    font-family: 'Brush Script MT', sans-serif;
    display: table;
}

.vertical-tab .nav-tabs li{
   float: none;
   vertical-align: top;
}
.vertical-tab .nav-tabs li a{
    color: #fff;
    background-color: transparent;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 13px 15px;
    margin: 0 10px 7px 0;
    border-radius: 0;
    border: none;
    position: relative;
    z-index: 1;
    transition: all 0.20s ease 0s;
    font-family: 'Brush Script MT', sans-serif;
}
.vertical-tab .nav-tabs li a:hover,
.vertical-tab .nav-tabs li.active a,
.vertical-tab .nav-tabs li.active a:hover{
    color: #272E38;
    background-color: transparent;
    border: none;
}
.vertical-tab .nav-tabs li a:before,
.vertical-tab .nav-tabs li a:after{
    content: '';
    background: linear-gradient(45deg, transparent 49%, #fc33c8 50%);
    height: 15px;
    width: 15px;
    opacity: 0;
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    right: -7px;
    top: 52%;
    transition: all 0.3s ease 0.2s;
}
.vertical-tab .nav-tabs li a:after{
    background: #272E38;
    height: 70%;
    width: 90%;
    border: 4px solid #272E38;
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) rotate(0);
    left: 50%;
    right: auto;
    z-index: -1;
    transition: all 0.3s ease 0s;
}
.vertical-tab .nav-tabs li.active a:before,
.vertical-tab .nav-tabs li a:hover:before{
    opacity: 1;
}
.vertical-tab .nav-tabs li.active a:after,
.vertical-tab .nav-tabs li a:hover:after{
    background: transparent;
    width: 100%;
    height: 100%;
    border-color: #fc33c8;
}
.vertical-tab .tab-content{
    color: #272E38;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 23px;
    margin-top: 10px;
    padding: 10px 15px;
    border: 4px solid #fc33c8;
    display: table-cell;
    position: relative;
}
.vertical-tab .tab-content h3{
    text-transform: uppercase;
    margin: 0 0 7px 0;
    font-family: 'El Messiri', sans-serif;
}
@media only screen and (max-width: 479px){
    .vertical-tab .nav-tabs{
        display: block;
        width: 100%;
        border-right: none;
    }
    .vertical-tab .nav-tabs li a{ margin: 0 0 10px; }
    .vertical-tab .nav-tabs li a:before{ display: none; }
    .vertical-tab .tab-content{
        display: block;
        padding: 20px 15px 5px;
    }
    .vertical-tab .tab-content h3{ font-size: 18px; }
}
.tab {
    padding-left: 30% !important;
} 
.tab .nav-item a{
    color:#000;
    font-weight:600;
}
.tab>li.active>a, .tab>li.active>a:focus, .tab>li.active>a:hover{
    color:#dead17;
    border: 1px solid #000;
}
/*-----------other branch ---------------*/
/* Tablet and bigger */
/*@media ( min-width: 768px ) {*/
/*    .grid-divider {*/
/*        position: relative;*/
/*        padding: 0;*/
/*    }*/
/*    .grid-divider>[class*='col-'] {*/
/*        position: static;*/
/*    }*/
/*    .grid-divider>[class*='col-']:nth-child(n+2):before {*/
/*        content: "";*/
/*        border-left: 1px solid #fff;*/
/*        position: absolute;*/
/*        top: 0;*/
/*        bottom: 0;*/
/*        margin-left: -16%;*/
/*    }*/
/*    .col-padding {*/
/*        padding: 0 15px;*/
/*    } */
/*    .col-padding h3{*/
/*        color:#fff;*/
/*    }*/
/*    .col-padding p{*/
/*        color:#fff;*/
/*    }*/
/*}*/
.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    
    
    .media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}

/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #f31732;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */

.media-carousel .carousel-control.right 
{
    right: -12px;
    background-image: none;
    background: none repeat scroll 0 0 #f31732;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width: 40px;
    margin-top: 30px;
}
.counter2 {color:#fff}
.counter2 h2{color:#f31732;}
.counter2 h5{
color:#f31732;}
.counter2 p{font-size:24px;}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

/*other branches*/
.feature-center img
{
    border: 4px double #fff;
}
.feature-center h4 {
    color: #c11616;
    /* margin-top: 5%; */
    background-color: #ffffff52;
    padding: 4%;
}
.send-button{width:100%;}
.feature-center img {
  width: 400px;
  height: 200px;
  border:2px solid #fff;
  background: url(img/tiger.html) no-repeat;
  -moz-box-shadow: inset 10px 10px 50px #fff;
  -webkit-box-shadow: inset 10px 10px 50px #fff;
  box-shadow: inset 10px 10px 50px #fff;
}

.carousel-content {
  position: absolute;
  bottom: 10%;
  left: 5%;
  z-index: 20;
  color: white;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}




.wrapper4 {

  padding-top: 100px;

  background-image: url(../img/bk1.jpg);
}

#slider4 {
  background: #000;
 
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
  
  width: 100%;
  margin: 0 auto 0;
  overflow: visible;
  position: relative;
}
#slider4 img{width:100%;height:auto;}
#mask {
  overflow: hidden;
  
}

#slider4 ul {
  margin: 0;
  padding: 0;
  position: relative;
}

#slider4 li {
 
  position: absolute;
 
  list-style: none;
}

#slider4 li.animation1 {
  animation: cycle 25s linear infinite;
}

#slider4 li.animation2 {
  animation: cycle2 25s linear infinite;
}

#slider4 li.animation3 {
  animation: cycle3 25s linear infinite;
}

#slider4 li.animation4 {
  animation: cycle4 25s linear infinite;
}

#slider4 li.animation5 {
  animation: cycle5 25s linear infinite;
}
/* Анимация */

@keyframes cycle {
  0% {
    top: 0px;
  }
  /* При запуске слайдера, первое изображение уже видимо */
  
  4% {
    top: 0px;
  }
  /* Стартовая позиция */
  
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  /* С 4% до 16 % (3 секунды) изображение видимо */
  
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  /* с 16% до 20% (1 секунды)выход изображения*/
  
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  /* Возвращение на исходную позицию за пределами маски */
  
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0;
  }
  96% {
    top: -325px;
    opacity: 0;
  }
  /* С 96% до 100% (1 секунда) – вход */
  
  100% {
    top: 0px;
    opacity: 1;
  }
}

@keyframes cycle2 {
  0% {
    top: -325px;
    opacity: 0;
  }
  /* Исходная позиция за пределами маски */
  
  16% {
    top: -325px;
    opacity: 0;
  }
  /* Начало движения с 16% */
  
  20% {
    top: 0px;
    opacity: 1;
  }
  24% {
    top: 0px;
    opacity: 1;
  }
  /* С 20% до 24% (в течении 1 секунды) — вход*/
  
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  /* С 24% до 36 % (3 секунды) изображение видимо */
  
  40% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  /* С 36% до 40% (1 секунда)— выход */
  
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  /* Возврат на исходную позицию */
  
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}

@keyframes cycle3 {
  0% {
    top: -325px;
    opacity: 0;
  }
  36% {
    top: -325px;
    opacity: 0;
  }
  40% {
    top: 0px;
    opacity: 1;
  }
  44% {
    top: 0px;
    opacity: 1;
  }
  56% {
    top: 0px;
    opacity: 1;
  }
  60% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  61% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}

@keyframes cycle4 {
  0% {
    top: -325px;
    opacity: 0;
  }
  56% {
    top: -325px;
    opacity: 0;
  }
  60% {
    top: 0px;
    opacity: 1;
  }
  64% {
    top: 0px;
    opacity: 1;
  }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  80% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  81% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}

@keyframes cycle5 {
  0% {
    top: -325px;
    opacity: 0;
  }
  76% {
    top: -325px;
    opacity: 0;
  }
  80% {
    top: 0px;
    opacity: 1;
  }
  84% {
    top: 0px;
    opacity: 1;
  }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  100% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
}

.progress-bar {
  position: relative;
  top: -5px;
  width: 680px;
  height: 10px;
  background: #fc34c8;
  animation: fullexpand 25s ease-out infinite;
}
/* Строка состояния анимации */

@keyframes fullexpand {
  /* В этих ключевых кадрах анимация стационарна */
  
  0%, 20%, 40%, 60%, 80%, 100% {
    width: 0%;
    opacity: 0;
  }
  /* В этих — оживает */
  
  4%,
  24%,
  44%,
  64%,
  84% {
    width: 0%;
    opacity: 0.3;
  }
  /* В этих — плавно заполняется */
  
  16%,
  36%,
  56%,
  76%,
  96% {
    width: 100%;
    opacity: 0.7;
  }
  /* В этих ключевых кадрах индикатор выполнения завершил свой путь */
  
  17%,
  37%,
  57%,
  77%,
  97% {
    width: 100%;
    opacity: 0.3;
  }
  /* В этих ключевых кадрах индикатор выполнения исчезнет, а затем возобновит цикл */
  
  18%,
  38%,
  58%,
  78%,
  98% {
    width: 100%;
    opacity: 0;
  }
}

#slider4 .tooltip {
  background: rgba(0, 0, 0, 0.7);
  width: 300px;
  height: 60px;
  position: relative;
  bottom: 75px;
  left: 0px;
  transition: all 0.3s ease-in-out;
}

#slider4 .tooltip h1 {
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  line-height: 60px;
  padding: 0 0 0 10px;
}

#slider4 li#list1:hover .tooltip,
#slider4 li#list2:hover .tooltip,
#slider4 li#list3:hover .tooltip,
#slider4 li#list4:hover .tooltip,
#slider4 li#list5:hover .tooltip {
  left: 0px;
}

#slider4:hover li,
#slider4:hover .progress-bar {
  animation-play-state: paused;
}

.tooltip {
   
	    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.modal{top:20%;}
#callme {
    position: fixed;
    right: 10px;
    bottom: 200px;
    width: 70px;
    height: 70px;
    cursor: pointer;
  
    z-index: 99990;
}
#callme #callmeMain {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: rgb(207,8,8);
    width: 70px;
    height: 70px;
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}
#callme #callmeMain:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../../my.zadarma.com/callbackWidget/images/mini.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-animation: zcwphone2 1.5s linear infinite;
    -moz-animation: zcwphone2 1.5s linear infinite;
    animation: zcwphone2 1.5s linear infinite;
}
@-webkit-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-webkit-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}