body {font-family:'Roboto',sans-serif;}
.main-note {
	max-width:600px;
	margin:30px auto 0;
	}


.modal-backdrop {background-color:#1f1b17;}
.modal-content {border-radius:0;}
.modal-header,
.modal-body,
.modal-footer {padding:20px 30px;}
.input-lg {border-radius:0;}
.form-control {
	border-width:2px;
	box-shadow:none;
	}
.has-error .form-control,
.has-error .form-control:focus {border-color:red;}
.text-muted {color:#777}
.text-primary {color:#fed136}
p {
	font-size:16px;
	line-height:1.55
	}
p.large {font-size:16px}
a, a:hover, a:focus, a:active, a.active {outline: 0}
a {
	color:#01579b;

	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	}
a:hover, a:focus, a:active, a.active {
	color:#d83300;
	text-decoration:none;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight:300;
	}
h3 {line-height:1.6;}
.lead {
	font-weight:300;
	line-height:1.6;
	}
.img-centered {margin:0 auto}


.bg-light-gray {background-color: #f7f7f7}
.bg-darkest-gray {background-color: #222}


.btn {
	padding:8px 20px;
	font-size:16px;

	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	}
.open > .dropdown-toggle.btn:hover,
.btn:active:focus,
.btn.active:focus,
.open > .dropdown-toggle.btn:focus,
.btn:active.focus,
.btn.active.focus,
.open > .dropdown-toggle.btn.focus {
	padding:8px 20px;
	}

.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
	background:#ffd600;
	border:0;
	color:#4d2800;
	font-weight:700;
	}
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
	background:#fcff00;
	}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	background:#ffea00;
	color:#4d2800;
	}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color:#ffd600;
	}
.btn-primary .badge {
	color:#ffd600;
	background-color:#4d2800;
	}


.btn-default,
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
	background:#fcff00;
	}
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
	background-color:#ffea00;
	}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	background-color:#ffea00;
	color:#4d2800;
	}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	}
.btn-default .badge {
	color:#ffd600;
	background-color:#4d2800;
	}


.btn-lg {
	font-size:24px;
    display:inline-block;
    font-weight:700;
    line-height:36px;
    padding:9px 20px;

	-webkit-box-shadow: 0px 15px 20px 0px rgba(62,33,8,0.35);
	-moz-box-shadow: 0px 15px 20px 0px rgba(62,33,8,0.35);
	box-shadow: 0px 15px 20px 0px rgba(62,33,8,0.35);
	}
.btn-lg:hover,
.btn-lg:focus,
.btn-lg:active,
.btn-lg.active,
.open .dropdown-toggle.btn-lg {
	-webkit-box-shadow: 0px 10px 20px 0px rgba(62,33,8,0.55);
	-moz-box-shadow: 0px 10px 20px 0px rgba(62,33,8,0.55);
	box-shadow: 0px 10px 20px 0px rgba(62,33,8,0.55);
	}
.btn-lg:active,
.btn-lg.active,
.open .dropdown-toggle.btn-lg {
	background-image:none;
	}
.open > .dropdown-toggle.btn-lg:hover,
.btn-lg:active:focus,
.btn-lg.active:focus,
.open > .dropdown-toggle.btn-lg:focus,
.btn-lg:active.focus,
.btn-lg.active.focus,
.open > .dropdown-toggle.btn-lg.focus {
	padding:10px 20px 8px;

	-webkit-box-shadow: 0px 10px 20px 0px rgba(62,33,8,0.55);
	-moz-box-shadow: 0px 10px 20px 0px rgba(62,33,8,0.55);
	box-shadow: 0px 3px 10px 0px rgba(62,33,8,0.95);
	}





.navbar-default {
	position:absolute;
	padding:25px 0 50px;
	-webkit-transition:padding .3s;
	-moz-transition:padding .3s;
	transition:padding .3s;
	border:0;

	top:0;
	left:0;
	right:0;
	background: -moz-linear-gradient(top,  rgba(56,23,0,0.7) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(56,23,0,0.7) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(56,23,0,0.7) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3381700', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	}
	.navbar-default .navbar-header {float:none;}
	.navbar-default .navbar-brand {
		padding:0;
		margin-top:11px;
		width:100%;
		}
	.navbar-default .navbar-brand-mobile {display:none;}
	.navbar-default .navbar-brand img {
		margin:0 auto;
		display:block;
		height:168px;
		width:410px;

		-webkit-transition:all .3s;
		-moz-transition:all .3s;
		transition:all .3s
		}
	.navbar-default .navbar-text {
		color:#fffea6;
		margin:0;
		font-size:22px;
		float:right;
		line-height:39px;
		}
		.navbar-default .navbar-text span {color:#b49241;}
	.navbar-contacts {
		color:#fffea6;
		margin:30px 0;
		font-size:22px;
		float:none;
		line-height:39px;
		}
		.navbar-contacts span {color:#b49241;}
	i.icon-velcom,
	i.icon-viber {
		background:url(../img/velcom.svg) center no-repeat;
		background-size:23px 17px;
		display:inline-block;
		margin:0 5px -3px;
		margin:0 4px -4px;
		height:23px;
		width:23px;
		}
	i.icon-viber {
		background-image:url(../img/viber.svg);
		background-size:20px 20px;
		}
.navbar-default.navbar-shrink {
	background-color:rgba(0,0,0,.8);
	padding:10px 0;
	}
	.navbar-default .navbar-collapse {border-color:rgba(255,255,255,.02)}
	.navbar-default .navbar-toggle {border-radius:0;}
		.navbar-default .navbar-toggle:hover,
		.navbar-default .navbar-toggle:focus {
			background-color:#fed136;
			border-color:#fed136;
			}
		.navbar-default .navbar-toggle .icon-bar {background-color:#fff;}
	.navbar-default .navbar-center {
		margin-top:60px;
		text-align:center;
		width:100%;
		}
		.navbar-default .navbar-center li {
			display:inline-block;
			float:none;
			}
	.navbar-default .nav li a {
		border-radius:3px;
		color:#fffea6;
		font-size:16px;
		font-weight:400;
		text-transform:uppercase;
		letter-spacing:1px;
		padding:10px 15px;
		}
	.navbar-default .nav li a span {
		border-bottom:2px solid rgba(255,254,166,.3);
		}
	.navbar-default .nav li a:hover,
	.navbar-default .nav li a:focus {
		background:none;
		color:#fed136;
		outline:0
		}
	.navbar-default .nav li a:hover span,
	.navbar-default .nav li a:focus span {border-bottom:2px solid rgba(255,214,0,.3);}
		.navbar-default .navbar-nav>.active>a,
		.navbar-default .navbar-nav>.active>a:hover,
		.navbar-default .navbar-nav>.active>a:focus,
		.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
		.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
		.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
			background:rgba(72,24,0,.7);
			color:#ffd600;
			}
			.navbar-default .navbar-nav>.active>a span {border-bottom:2px solid rgba(255,214,0,.3);}

@media (max-width:992px) {
	.navbar-default .navbar-brand img {
		height:100px;
		width:245px;
		}		
	.navbar-default .navbar-text {
		margin:-28px 0 0;
		font-size:18px;
		line-height:30px;
		}
	.navbar-default i.icon-velcom,
	.navbar-default i.icon-viber {background-size:18px 13px;}
	.navbar-default i.icon-viber {background-size:15px 16px;}
}
@media (max-width:768px) {
.navbar-default {
	position:fixed;
	background-color:#222;
	border:0;
	padding:0;
	z-index:100;
	}
		.navbar-default .navbar-brand,
		.navbar-default .navbar-text {
			display:none;
			}
		.navbar-default .navbar-brand-mobile {
			display:block;
			margin:16px 0 0 25px;
			float:left;
			}
		.navbar-default .navbar-brand-mobile img {
			margin:0;
			display:block;
			height:23px;
			width:220px;
			}
	.navbar-default .navbar-center {
		margin:10px -15px;
		text-align:inherit;
		width:inherit;
		}
		.navbar-default .navbar-center li {display:block;}
}
@media (max-width:620px) {
}
@media (max-width:440px) {
}


.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background:none;
	color:#fed136;
	}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	background:none;
	color:#fff;
	}
.navbar-default .nav .dropdown-menu .active>a,
.navbar-default .nav .dropdown-menu .active>a:focus,
.navbar-default .nav .dropdown-menu .active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	background:none;
	color:#fed136;
	}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
	padding-top:10px;
	padding-bottom:10px;
	line-height:20px;
	}
.dropdown-menu {
	background:#000;
	border:0;
	border-radius:0;
	padding:0;
	}
	.dropdown-menu>li>a {padding:10px 15px;}






header {
	background-image:url(../img/header-bg.jpg?v=2);
	background-repeat:none;
	background-attachment:fixed;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	text-align:center;
	color:#fff;
	min-height:300px;
	}
header .intro {
	padding:280px 0 120px;
	}
	header .intro .intro-heading {
		font-weight:300;
		padding:0 30px;
		font-size:50px;
		line-height:65px;
		margin:100px 30px 20px;
		}
	header .intro .intro-text {
		font-size:24px;
		line-height:36px;
		padding:0 30px;
		margin:0 auto 85px;
		max-width:900px;
		}

@media (max-width:992px) {
header .intro {padding:230px 0 100px;}
	header .intro .intro-heading {
		font-size:40px;
		line-height:50px;
		margin:100px 30px 20px;
		}
	header .intro .intro-text {margin:0 auto 65px;}
}
@media (max-width:768px) {
header .intro {padding:30px 0 80px;}
header.inside {
	padding:0;
	min-height:50px;
	}
}
@media (max-width:620px) {
	header .intro .intro-heading {
		font-size:34px;
		line-height:42px;
		}
}




section {padding:70px 0;}
	section h1.section-heading,
	section h2.section-heading {
		font-size:40px;
		margin:0 0 60px;
		}
	section p.section-subheading {
		font-size:20px;
		font-weight:300;
		margin:-30px 0 35px;
		}
.service-heading {
	margin:15px 0;
	text-transform:none;
	}

section.order {
	background:#48b8ff url(../img/order-bg.gif) 10px 10px;
	padding:70px 0;
	}
	.order p {
		color:#000;
		font-size:28px;
		font-weight:300;
		line-height:38px;
		}
	.order p span {font-style:italic;}
	.order .btn {margin-top:12px;}

#main-features {background:#f5f4ee;}
	.image img {
		-webkit-box-shadow: 0 5px 30px #b8b4aa;
		box-shadow: 0 5px 30px #b8b4aa;
		max-width:900px;
		margin:0 auto;
		width:90%;
		}
	.image p {
		color:#737373;
		font-size:16px;
		line-height:24px;
		text-align:center;
		font-style:italic;
		margin:20px auto 0;
		max-width:800px;
		}
#design {background:#f5f4ee;}

.examples-grid {margin-top:40px;}
	.examples-grid a {
		position:relative;
		display:block;
		}
		.examples-grid a p {
			display:none;
			position:absolute;
			background:rgba(25,8,52,.5);
			text-align:center;
			line-height:100%;
			margin:0;
			top:0;
			bottom:0;
			left:0;
			right:0;
			}
		.examples-grid a:hover p {display:block;}
			.examples-grid a p span {
				font-size:24px;
				text-transform:uppercase;
				font-weight:300;
				display:block;
				position:absolute;
				top:45%;
				width:100%;
				}
		.examples-grid a img {margin:0 auto;}
	.examples-grid h3 {margin-bottom:40px;}

#cabinet {
	background:#ddf2ff;
	padding-bottom:0;
	}
	.cab-list {margin-top:40px;}
		.cab-block {
			text-align:center;
			margin-bottom:70px;
			}
			.cab-block img {
				margin:15px auto 25px;
				max-width:200px;
		
				-webkit-transition-duration:1s;
				-moz-transition-duration:1s;
				-o-transition-duration:1s;
				transition-duration:1s;
		
				-webkit-transition-property:-webkit-transform;
				-moz-transition-property:-moz-transform;
				-o-transition-property:-o-transform;
				transition-property:transform;
				}
			.cab-block img:hover {
				-webkit-transform:rotate(30deg);
				-moz-transform:rotate(360deg);
				-o-transform:rotate(360deg);
				}
@media (max-width:992px) {
			.cab-block img {max-width:160px;}
}
			.cab-block p {
				font-size:20px;
				font-weight:300;
				}
#categories {
	background:#321f15 url(../img/categories-bg.gif);
	color:#fff;
	}
	a.cat-block {
		background:#fff;
		border-radius:3px;
		overflow:hidden;
		display:block;
		margin-bottom:30px;
		text-align:center;
		}
		a.cat-block h4 {
			font-weight:700;
			font-size:20px;
			padding:20px;
			}
		a.cat-block span {
			display:block;
			overflow:hidden;
			}
			a.cat-block img {
				width:100%;
				-moz-transition:all 0.3s;
				-webkit-transition:all 0.3s;
				transition:all 0.3s;
				}
			a.cat-block:hover img {
				-moz-transform:scale(1.1);
				-webkit-transform:scale(1.1);
				transform:scale(1.1);
				}
.testimonials {
	margin-top:40px;
	margin-bottom:0;
	}
.testimonials .item {margin-bottom:30px;}
.testimonials blockquote {
    border:4px solid #ebebeb;
    display: block;
    line-height: 20px;
    padding:20px 30px;
    position: relative;
	margin-bottom:10px;
}
	.testimonials blockquote p {font-size:18px;}
.testimonials .testimonials-name {
    font-size: 18px;
    font-weight:600;
    margin:0 0 7px;
	text-align:right;
}
.testimonials .testimonials-post {
	text-align:right;
	font-style:italic;
	font-size:16px;
	}
#time {padding-bottom:0;}
.time-list {margin-top:40px;}
	.time-block {
		text-align:center;
		margin-bottom:70px;
		}
		.time-block p {
			font-size:20px;
			font-weight:300;
			}
	.round-block {
		border-radius:50%;
		background:#7847c6;
		color:#fff;
		margin:15px auto 25px;
		height:200px;
		width:200px;
		}
		.round-block p {padding-top:25px;}
		.round-block big {
			font-size:80px;
			font-weight:600;
			line-height:80px;
			display:block;
			}
@media (max-width:992px) {
	.round-block {
		height:160px;
		width:160px;
		}
		.round-block p {padding-top:15px;}
		.round-block big {
			font-size:60px;
			line-height:60px;
			}
}
#slides-block {
	background:#332a1e url(../img/slides-bg.jpg);
	color:#fff;
	text-align:center;
	}
	#slides-block img {margin:0 auto;}

#clients {
	background:#efefe1;
	padding-bottom:0;
	}
	.clients-list {margin-top:40px;}
		.round-image {
			margin-bottom:60px;
			text-align:center;
			}
			.round-image p {
				margin:15px 0;
				}
			.round-image img {
				border-radius:50%;
				background:#7847c6;
				height:200px;
				width:200px;
				-webkit-transition-duration:1s;
				-moz-transition-duration:1s;
				-o-transition-duration:1s;
				transition-duration:1s;
		
				-webkit-transition-property:-webkit-transform;
				-moz-transition-property:-moz-transform;
				-o-transition-property:-o-transform;
				transition-property:transform;
				}
			.round-image img:hover {
				-webkit-transform:rotate(30deg);
				-moz-transform:rotate(360deg);
				-o-transform:rotate(360deg);
				}
		@media (max-width:992px) {
			.round-image img {
				height:160px;
				width:160px;
				}
		}
#session {
	background:url(../img/session-bg.jpg) center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding:180px 0;
	}
@media (max-width:992px) {
#session {
	background:none;
	padding:70px 0;
	}
}
	.session-text {
		background:#fff;
		text-align:center;
		padding:25px 35px;
		}
		.session-text p {font-size:18px;}
		.session-text .glyphicon {
			color:#48b8ff;
			font-size:14px;
			}
#advantages {background:#eee8cb;}
	.advantages-block {text-align:center;}
@media (max-width:992px) {
section#advantages {padding:70px 0 0;}
	.advantages-block {margin-bottom:70px;}
}
		.advantages-block .icon-wrap {
			background:#fdd500;
			border-radius:50%;
			color:#4d2800;
			font-size:74px;
			margin:0 auto 20px;
			line-height:155px;
			height:140px;
			width:140px;

			-webkit-transition-duration:1s;
			-moz-transition-duration:1s;
			-o-transition-duration:1s;
			transition-duration:1s;
		
			-webkit-transition-property:-webkit-transform;
			-moz-transition-property:-moz-transform;
			-o-transition-property:-o-transform;
			transition-property:transform;
			}
			.advantages-block .icon-wrap:hover {
				-webkit-transform:rotate(360deg);
				-moz-transform:rotate(360deg);
				-o-transform:rotate(360deg);
				}
		.advantages-block p {
			font-size:24px;
			line-height:32px;
			font-weight:300;
			}
		.lnr-heart,
		.lnr-magic-wand {margin-left:5px;}
#contacts {
	background:#1f1b17;
	color:#fff;
	}
	#contacts .phones {
		font-size:26px;
		font-weight:300;
		}
		#contacts .phones span {color:#b49241;}
	#contacts .bp-logo {
		height:auto;
		margin:20px 0 40px;
		width:180px;
		}
	#contacts a.mail-link {color:#fff;}
		#contacts a.mail-link span {border-bottom:2px solid rgba(255,255,255,.3);}
	#contacts a.mail-link:hover {color:#ffd600;}
		#contacts a.mail-link:hover span {border-bottom:2px solid rgba(255,214,0,.3);}


footer {
	padding:0;
	background:#312d28;
	color:#fff;
	}
	footer .container {padding:0;}
		footer .quicklinks {
			background:#1f1b17;
			text-transform:uppercase;
			padding:10px 0;
			}
			footer .quicklinks ul {
				padding:0;
				margin:0;
				}
				footer .quicklinks li {
					display:inline-block;
					margin:15px 0;
					}
					footer .quicklinks li a {
						border-radius:3px;
						color:#fffea6;
						font-size:16px;
						font-weight:400;
						text-transform:uppercase;
						letter-spacing:1px;
						padding:10px 15px;
						}
						footer .quicklinks li a span {border-bottom:2px solid rgba(255,254,166,.3);}
						footer .quicklinks li a:hover,
						footer .quicklinks li a:focus {
							background:none;
							color:#fed136;
							outline:0
							}
						footer .quicklinks li a:hover span,
						footer .quicklinks li a:focus span {border-bottom:2px solid rgba(255,214,0,.3);}
							footer .quicklinks li.active>a,
							footer .quicklinks li.active>a:hover,
							footer .quicklinks li.active>a:focus {
								background:rgba(0,0,0,.6);
								color:#ffd600;
								}
								footer .quicklinks li.active>a span {border-bottom:2px solid rgba(255,214,0,.3);}
		footer .bottom-text {padding:35px 0;}
			footer .bottom-text p {font-size:14px;}
			footer .kiwi {}
				footer .kiwi a {color:#fff;}
					footer .kiwi a span {border-bottom:2px solid rgba(255,255,255,.3);}
				footer .kiwi a:hover {color:#ffd600;}
					footer .kiwi a:hover span {border-bottom:2px solid rgba(255,214,0,.3);}
				footer .kiwi img {
					float:left;
					height:43px;
					width:60px;
					}
				footer .kiwi p {
					margin:1px 0 0 80px;
					font-size:14px;
					line-height:20px;
					}
@media (max-width:992px) {
			footer .kiwi {margin:50px 0 0;}
}






.btn:focus, .btn:active, .btn.active, .btn:active:focus {
	outline: 0
}
.example-modal .modal-content {
	border-radius: 0;
	background-clip: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	min-height: 100%;
	padding:30px 0;
	text-align: center
}
.example-modal .modal-content h2 {
	margin-bottom: 15px;
	font-size: 3em
}
.example-modal .modal-content p {
	margin-bottom: 30px
}
.example-modal .modal-content p.item-intro {
	margin: 20px 0 30px;
	line-height:24px;
	font-style: italic;
	font-size: 16px
}
.example-modal .modal-content ul.list-inline {
	margin-bottom: 30px;
	margin-top: 0
}
.example-modal .modal-content img {}
.example-modal .modal-content .btn-close {margin-top:35px;}
.example-modal .close-modal {
	position: absolute;
	width: 75px;
	height: 75px;
	background-color: transparent;
	top: 25px;
	right: 25px;
	cursor: pointer;
	z-index:10;
}
.example-modal .close-modal:hover {
	opacity: .3
}
.example-modal .close-modal .lr {
	height: 75px;
	width: 1px;
	margin-left: 35px;
	background-color: #222;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	z-index: 1051
}
.example-modal .close-modal .lr .rl {
	height: 75px;
	width: 1px;
	background-color: #222;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	z-index: 1052
}
.example-modal .modal-backdrop {
	opacity: 0;
	display: none
}
::-moz-selection {
text-shadow:none;
background:#00fff0
}
::selection {
	text-shadow: none;
	background: #00fff0
}
img::selection {
	background: 0 0
}
img::-moz-selection {
background:0 0
}
body {
	webkit-tap-highlight-color: #00fff0
}


.example-modal.modal {padding-right:0 !important;}


#portfolio {
	background:#332a1e url(../img/slides-bg.jpg);
	color:#fff;
	text-align:center;
	}
#portfolio ul {
font-size:0;
list-style:none;
width:100%;
padding:0;
margin:0;
}

#portfolio ul li {
background:#A9A9A9;
display:inline-block;
width:25%;
}

#portfolio ul li:hover {background:#cdc8c8;}

#portfolio ul li img {
opacity:.5;
width:100%;
}

@media (max-width: 640px) {
#portfolio ul li {width:100%;}
}




.gallery a {
	padding:0;
	position:relative;
	overflow:hidden;
	}
	.gallery a img {width:100%;}
	.gallery a .text-overlay {
		background-color:rgba(0,0,0,.7);
		position: absolute;
		bottom: 0;
		left: 0;
		color: #fff;
		opacity: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		}
		.gallery a .text-overlay span {
			padding: 34px;
			color: #fff;
			position: absolute;
			bottom: -4px;
			left: 0;
			font-size: 40px;
			line-height: 40px;
			text-align: center;
			text-transform: uppercase;
			}
.gallery a:hover .text-overlay {opacity:1;}
.gallery a img {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.gallery a:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.gallery a:hover .text-overlay {
  opacity: 1;
}
.gallery a .text-overlay span {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 40px;
  font-size: 2rem;
  color: #fff;
  overflow: hidden;
  z-index: 999;
  left: 0;
  right: 0;
  line-height: 26px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

@media screen and (max-width: 1200px) {
.gallery a .text-overlay span {
    font-size: 50px;
    line-height: 42px;
    padding: 20px;
  }
}
@media (max-width: 545px) {
.gallery a .text-overlay span {
    font-size: 40px;
    line-height: 36px;
  }
}
@media screen and (max-width: 480px) {
.gallery a .text-overlay span {
    font-size: 26px;
    line-height: 26px;
    padding: 10px;
  }
}