/* Global */

body {
	font-family: 'Tahoma', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height:21px;
	color: #7a7a7a;
	overflow-x:hidden;
}
::selection {
	background: #df4d58;
	color:#fff;
}
::-moz-selection {
	background: #df4d58; /* Firefox */
	color:#fff;
}
img {
	max-width: 100%;
}
a:link {
	color: #df4d58;
	text-decoration: none;
}
a:hover {
	color:#df4d58;
}
a:visited {
	color: #df4d58;
	text-decoration: none;
}

.fright{float:right;
}
.fleft{float:left;
}



/* Navigation */
#undefined-sticky-wrapper {position:relative;height:0 !important;}
.menu {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 76px;
	z-index: 9999;
	background-color: #302f2f;
}
#logo {
	margin-bottom:0;
	margin-left:0;
}

#nav {
	text-align: right;
}
.navigation{
	float: right;
	list-style: none;
	margin: 0;
}
ul.navigation {
	margin:0;
	padding:0;
}
.navigation li{
	float: left;
	text-align:left;
	padding:28px 0 25px;
	margin-left:30px;
	text-transform:uppercase;
	background:none;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:20px;
	color:#fff;
}
.navigation li:first-child{margin-left:0;}
.navigation li:hover,
.navigation .active {
	cursor:pointer;
	border-bottom:3px solid #df4d58;
}



/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
	padding:0;
	overflow:hidden;
}
h1 {
	margin:0;
	padding:0 0 6px 0;
	text-transform:uppercase;
	text-align:left;
	font-style:normal;
	background:none;
	font-family: 'Raleway', sans-serif;
	font-size: 69px;
	line-height: 86px;
	color:#3e3e3e;
	font-weight: 700;
}
.h1_viva {
	margin:0;
	padding:0 0 30px 30px;
	background:url(../images/h1_viva.png) no-repeat;
	font-family: 'Raleway', sans-serif;
	font-style:italic;
	font-size:18px;
	line-height:24px;
	font-style:italic;
	color:#acacac;
}

h4 {
	margin:0;
	padding:0 0 33px 0;
	text-transform:uppercase;
	text-align:center;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	font-size:35px;
	font-style:normal;
	line-height:40px;
	color:#343434;
}
h5 {
	margin:0;
	padding:0 0 17px 0;
	text-transform:none;
	font-family: 'Raleway', sans-serif;
	font-style:normal;
	font-weight:300;
	font-size:24px;
	line-height:20px;
	color:#3e3e3e;
}
img.icon_img {
	float:left;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:25px;
}

.effect_2 {
	background:url(../images/effect_2.png) repeat left top;
	position:relative;
	top:0;
	bottom:-57px;
	height:100%;
	z-index:999 !important;
}

/* ____________________________________ Slide 1 ____________________________________ */ 

.padding_slide1 {padding:241px 0 101px 0;
}



#slide1{
	background-image:url(../images/slide1_bg.jpg);
	background-size: cover !important;
	width:100%;
	text-align:center;
}

.filtr_bg {text-align:center;
}

#slide1 h1 {
	float:none;
	border-right:none;
	margin:0;
	padding:0 0 25px;
	text-align:center;
	text-transform:uppercase;
	font-family: 'Anton', sans-serif;
	font-size: 93px;
	line-height: 85px;
	color:#fff;
	font-weight:400;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.21);
}
.slogan_text {
	display: inline-block;
	padding: 0 12px 156px;
	text-transform: uppercase;
	font-family: 'Anton', sans-serif;
	font-weight: 400;
	font-size: 37px;
	line-height: 37px;
	color: #fff;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.21);
}
.left_bord {
	display:inline-block;
	padding-bottom:13px;
	background:url(../images/left_bord.png) no-repeat;
	height:2px;
	width:140px;
}
.right_bord {
	display:inline-block;
	padding-bottom:13px;
	background:url(../images/right_bord.png) no-repeat;
	height:2px;
	width:140px;
}


#slide1 .button {
	cursor:pointer;
	display:block;
	margin:0 auto;
	width:81px;
	height:81px;
	border:none;
	text-transform:uppercase;
	background:url(../images/button_down.png) no-repeat;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}



/* ____________________________________ Slide 2 ____________________________________ */ 

#slide2 {
	background:url(../images/slide_bg.jpg) repeat left top;
	width:100%;
	padding:86px 0 69px;
}

.about_heart {position:relative;
}
.heart {
	position:absolute;
	top:0;
	left:0;
	z-index:20;
}
.about_block {
	padding:33px 20px 30px 31px;
	background:#fff;
	border-radius:5px;
}
.about_block p {
	padding:33px 0 0 0;
}
.bride_foto {
	float:left;
	border-radius:50%;
	margin:0 18px 10px 0;
}

.icon_heart {
	margin-top:12px;
}

/* ___________________________________ //Slide 2 ___________________________________ */ 





/* ____________________________________ Slide 3 ____________________________________ */ 

#slide3{
	background-image:url(../images/slide3_bg.jpg);
	background-size: cover !important;
	width:100%;
	text-align:center;
}
.padding_slide3 {padding:185px 0 151px;
}




/* ___________________________________ //Slide 3 ___________________________________ */ 





/* ____________________________________ Slide 4 ____________________________________ */ 
#slide4 {
	background:url(../images/slide_bg.jpg) repeat left top;
	width:100%;
	padding:86px 0 69px;
}

.servc_block {
	overflow:hidden;
	margin-bottom:15px;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

.icon_h {
	overflow:hidden;
	border-radius:50%;
	position:relative;
	float:left;
	margin:0 25px 10px 0;
	width:113px;
	height:113px;
}
.icon_h img {
	position:absolute;
	top:0;
	left:0;
}

.servc_icon {
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

.servc_block:hover .servc_icon {	
	opacity:0.10;
	filter: alpha(opacity=10);
	
}

.servc_block a {
	display:block;
	margin:0;
	padding:15px 0;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
	color:#3e3e3e;
	font-size:16px;
	font-weight:400;
}
.servc_block:hover a {
	color:#df4d58;
}

/* ___________________________________ //Slide 4 ___________________________________ */



/* ____________________________________ Slide 5 ____________________________________ */ 

#slide5{
	background-image:url(../images/slide5_bg.jpg);
	background-size: cover !important;
	width:100%;
	text-align:center;
}
.padding_slide5 {padding:185px 0 151px;
}

.button_bg {
	background:url(../images/button_bg.png) repeat left top;
	width:100%;
	height:72px;
}
.button3 {
	cursor:pointer;
	display:block;
	margin:0 auto;
	width:336px;
	height:72px;
	border:none;
	text-transform:uppercase;
	background:url(../images/button_top1.png) no-repeat;
}
.button3:hover {
	background:url(../images/button_top2.png) no-repeat;
}

/* ___________________________________ //Slide 5 ___________________________________ */ 



/* ____________________________________ Slide 6 ____________________________________ */ 
#slide6 {
	background:url(../images/slide_bg.jpg) repeat left top;
	width:100%;
	padding:86px 0 69px;
}

#slide6 h4 {padding-bottom:18px;
}

/* _________________ PORTFOLIO ________________ */
.gallery-list {
	text-align:center;
	margin-left:-25px !important;
}
#slide6 .hover_img {
	overflow:hidden;
	position:relative;
	height:211px;
	width:235px;
	background:#fff;
}

.img_block {
	display:inline-block;
	margin:10px;
	width:235px;
	height:211px;
}

.img_block-1 {
	display:inline-block;
	margin:10px;
	width:235px;
	height:211px;
}

.portfolio_zoom, .portfolio_link {
	width:40px;
	height:40px;
	position:absolute;
	bottom:0;
	background-repeat:no-repeat;
	background-color:#none;
	transition: right 0.7s ease-in-out;
	-moz-transition: right 0.7s ease-in-out;
	-webkit-transition: right 0.7s ease-in-out;
	-o-transition: right 0.7s ease-in-out;
}
.portfolio_zoom {
	right:40px;
	background-image:url(../images/zoom.png);
	background-position:0 0;
	z-index:302;
}
.portfolio_link {
	right:0px;
	background-image:url(../images/link.png);
	background-position:0 0;
	z-index:303;
}
.portfolio_zoom:hover, .portfolio_link:hover {
	background-color:#2c2c2c;
	z-index:310;
}
.portfolio_zoom a, .portfolio_link a {
	display:block;
	width:40px;
	height:40px;
	text-indent:-9999px;
}

.item_description {
	position: absolute;
	top: -216px;
	left: 0;
	right: 0;
	height: 177px;
	border-bottom: 4px solid #2c2c2c;
	padding: 15px 21px;
	background-image: url(../images/portfolio/scratch-removal.jpg);
	background-position: 0 0;
	text-align: left;
	color: #fff;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.hover_img:hover .item_description {
	top:0;
}

.item_description p {
	padding:0 0 11px 0;
	margin:0;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	font-weight: 400;
	text-transform:uppercase;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}



.item_description-1 {
	position:absolute;
	top:-215px;
	left:0;
	right:0;
	height:177px;
	border-bottom:4px solid #2c2c2c;
	padding:15px 21px;
	background-image:url(../images/portfolio/paintless-dent-repair-after.png);
	background-position:0 0;
	
	text-align:left;
	color:#fff;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.hover_img:hover .item_description-1 {
	top:0;
}

.item_description-1 p {
	padding:0 0 11px 0;
	margin:0;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	font-weight: 400;
	text-transform:uppercase;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.item_description-2 {
	position:absolute;
	top:-215px;
	left:0;
	right:0;
	height:177px;
	border-bottom:4px solid #2c2c2c;
	padding:15px 21px;
	background-image:url(../images/portfolio/paintless-dent-repair-after-2.png);
	background-position:0 0;
	
	text-align:left;
	color:#fff;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.hover_img:hover .item_description-2 {
	top:0;
}

.item_description-2 p {
	padding:0 0 11px 0;
	margin:0;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	font-weight: 400;
	text-transform:uppercase;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}


.item_description-3 {
	position:absolute;
	top:-215px;
	left:0;
	right:0;
	height:177px;
	border-bottom:4px solid #2c2c2c;
	padding:15px 21px;
	background-image:url(../images/portfolio/paintless-dent-repair-after-3.png);
	background-position:0 0;
	
	text-align:left;
	color:#fff;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.hover_img:hover .item_description-3 {
	top:0;
}

.item_description-3 p {
	padding:0 0 11px 0;
	margin:0;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	font-weight: 400;
	text-transform:uppercase;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}


.item_description-4 {
	position:absolute;
	top:-215px;
	left:0;
	right:0;
	height:177px;
	border-bottom:4px solid #2c2c2c;
	padding:15px 21px;
	background-image:url(../images/portfolio/paintless-dent-repair-after-4.png);
	background-position:0 0;
	
	text-align:left;
	color:#fff;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.hover_img:hover .item_description-4 {
	top:0;
}

.item_description-4 p {
	padding:0 0 11px 0;
	margin:0;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	font-weight: 400;
	text-transform:uppercase;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.item_description-5 {
	position:absolute;
	top:-215px;
	left:0;
	right:0;
	height:177px;
	border-bottom:4px solid #2c2c2c;
	padding:15px 21px;
	background-image:url(../images/portfolio/paintless-dent-repair-after-5.png);
	background-position:0 0;
	
	text-align:left;
	color:#fff;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.hover_img:hover .item_description-5 {
	top:0;
}

.item_description-5 p {
	padding:0 0 11px 0;
	margin:0;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	font-weight: 400;
	text-transform:uppercase;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.item_description-6 {
	position:absolute;
	top:-215px;
	left:0;
	right:0;
	height:177px;
	border-bottom:4px solid #2c2c2c;
	padding:15px 21px;
	background-image:url(../images/portfolio/paintless-dent-repair-after-6.png);
	background-position:0 0;
	
	text-align:left;
	color:#fff;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.hover_img:hover .item_description-6 {
	top:0;
}

.item_description-6 p {
	padding:0 0 11px 0;
	margin:0;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	font-weight: 400;
	text-transform:uppercase;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.item_description-7 {
	position:absolute;
	top:-215px;
	left:0;
	right:0;
	height:177px;
	border-bottom:4px solid #2c2c2c;
	padding:15px 21px;
	background-image:url(../images/portfolio/paintless-dent-repair-after-7.png);
	background-position:0 0;
	
	text-align:left;
	color:#fff;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.hover_img:hover .item_description-7 {
	top:0;
}

.item_description-7 p {
	padding:0 0 11px 0;
	margin:0;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	font-weight: 400;
	text-transform:uppercase;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.item_description-8 {
	position:absolute;
	top:-215px;
	left:0;
	right:0;
	height:177px;
	border-bottom:4px solid #2c2c2c;
	padding:15px 21px;
	background-image:url(../images/portfolio/paintless-dent-repair-after-8.png);
	background-position:0 0;
	
	text-align:left;
	color:#fff;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.hover_img:hover .item_description-8 {
	top:0;
}

.item_description-8 p {
	padding:0 0 11px 0;
	margin:0;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	font-weight: 400;
	text-transform:uppercase;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}



/* ________________ //PORTFOLIO _______________ */

/* ___________________________________ //Slide 6 ___________________________________ */



/* ____________________________________ Slide 7 ____________________________________ */ 

#slide7{
	background-image:url(../images/slide7_bg.jpg);
	background-size: cover !important;
	width:100%;
	text-align:center;
}
.padding_slide7 {padding:148px 0 159px;
}


/* ___________________________________ //Slide 7 ___________________________________ */ 



/* ____________________________________ Slide 8 ____________________________________ */

#slide8 {
	background:url(../images/slide_bg.jpg) repeat left top;
	padding:86px 0 0;
}

#slide8 .container {margin-bottom:80px;
}


/* ______________ CONTACT_FORM ______________ */
::-webkit-input-placeholder { opacity:1 !important; color:#929292 !important;
}
:-moz-placeholder {opacity:1 !important; color:#929292 !important;
}
::-moz-placeholder { opacity:1 !important; color:#929292 !important;
}
:-ms-input-placeholder { opacity:1 !important; color:#929292 !important;
}

.contact_form input[type="text"],
.contact_form textarea {
	width:93%;
	margin:22px 0 0 0;
	padding:17px 10px 17px 21px;
	background: #fff;
	font-size:14px;
	line-height:21px;
	border:1px solid #e3e3e3;
	color:#929292;
}
.contact_form input[type="text"]:first-child {margin-top:0;
}
.contact_form textarea {
	resize: none;
	margin-top:0;
	height: auto;
    min-height: 164px;
}

.contact_btn {
	border:none;
	text-transform:uppercase;
	margin:0 4px 10px 0;
	padding:12px 25px;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	text-align: center;
	vertical-align: middle;
	background:#3e3e3e;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.contact_btn:hover,
.send_btn {
	background:#df4d58;
}

#note .notification_ok {
	margin-top:20px;
	padding:7px 10px;
	text-align:center;
	text-transform:uppercase;
	background:#3e3e3e;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	font-size:14px;
	color:#fff;
}
#note .notification_error {
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	font-size:16px;
	color:#f00;
}
/* _____________ //CONTACT_FORM _____________ */


#map_block {
	margin:0;
}

/* ____________________________________ //Slide 8 ____________________________________ */

/* ____________________________________ FOOTER ____________________________________ */
#footer {
	padding: 27px 0 23px;
	background-color: #302f2f;
}
.copyright {
	float:left;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	color:#e9e9e9;
}
.copyright a {
	color:#df4d58;
}
.copyright a:hover {text-decoration:none;color:#fff;
}

/* _____________ BACK_TOP ___________ */
#back_top {
	float:right;
}
#back_top a.button {
	cursor:pointer;
	position:relative;
	z-index:300;
	display:block;
	margin:0;
	width:30px;
	height:20px;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	color:#fff;
}
#back_top a.button:hover {text-decoration:none;}
/* ____________ //BACK_TOP __________ */

/* ___________________________________ //FOOTER ___________________________________ */
