/* GOOGLE FONTS */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,300italic,700&subset=latin,greek,cyrillic);

/* Global properties ======================================================== */
a[href^="tel:"] { color: inherit; text-decoration: none;}

body{ background: #121212; border:0; padding:0; margin:0; font: 16px 'Roboto', Arial, Helvetica, sans-serif; color:#979797 ; line-height:18px; min-width:320px;}

#main{margin: 0 auto; position: relative;}

/* ============================= header ====================== */
header{position: relative; z-index: 1; padding: 20px;}

.phone1{font-family: 'Roboto'; font-weight: 700; font-size: 18px; line-height: 25px; color: #707070; float: left; padding-top: 5px; text-align: center; }
.phone1 span{color: #fff; font-weight: 300;}

.top1{padding: 0 20px; background: url(../images/top1.jpg) center top no-repeat #212020; position: relative; border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; position: relative;}

.px2{width: 100%; height: 3px; background: url(../images/px2.png); position: absolute; left: 0; bottom: 0; z-index: 0;}

.logo_wrapper{text-align: left;float: left; padding-top: 20px; padding-bottom: 20px;}
.logo{display: inline-block;}

.logo_wrapper2{padding-bottom: 20px;}
.logo2{display: inline-block;}
.slogan{font-family: 'Roboto'; font-weight: 100; font-size: 55px; line-height: 50px; color: #fff; text-align: center; text-transform: uppercase; padding: 30px 0;}

/* ============================= content ====================== */
#content{padding-top: 0px; padding-bottom: 0px;}
.main #content{padding-top: 20px; padding-bottom: 40px;}
.subpage #content{padding-top: 40px;}


/* ============================= footer ====================== */
footer{position: relative; z-index: 1; padding-top: 20px; padding-bottom: 20px; }

.bot1{}

.bot2{padding-top: 20px;}

.social_wrapper{ float: right;}
.social{ display: inline-block; margin: 0 0px; padding-top: 0px; list-style: none; white-space: nowrap;}
.social li{display: inline-block; margin: 0 3px; float: left;}
.social li a{display: block;}

.copyright{color:#fff; padding-top: 0px; line-height: 20px;}

/* ============================= main menu ====================== */
.menu_wrapper{float: right; padding-top: 36px;}

/* ============================= toTop ====================== */
#toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; z-index: 1000; overflow:hidden; width:50px; height:50px; border:none; text-indent:100%; background:url(../images/totop.gif) no-repeat left top; }
#toTopHover { background:url(../images/totop.gif) no-repeat left bottom; width:50px; height:50px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus { outline:none; }

/* ============================= main layout ====================== */
h1{ font-family:'Roboto'; font-weight:400; font-size:35px; color:#d05a3a; line-height:40px; padding:15px 0 15px 0; margin: 0 0 20px; border-bottom: 3px solid #2d2d2d;}
h1 span{font-size: 35px; color: #fff; font-weight: 700; line-height: 35px;}

h1.home{ font-weight:700; font-size:35px; line-height:32px; padding:0px 0 15px 0; margin: 0 0 20px; border-bottom: 3px solid #2d2d2d;}
h1.home span{font-size: 35px; color: #fff; font-weight: 700; line-height: 35px;}

h2{ font-family:'Roboto'; font-weight:300; font-size:28px; color:#fff; line-height:28px; padding:15px 0 15px 0; margin: 0 0 20px; border-bottom: 3px solid #2d2d2d;}

h3{ font-family:'Roboto'; font-weight:300; font-size:24px; color:#fff; line-height:28px; padding:15px 0 15px 0; margin: 0 0 20px; border-bottom: 3px solid #2d2d2d;}

h4{ font-family: 'Roboto'; font-size: 18px; font-weight: 700; color:#fff; padding:0px 0 10px 0; margin: 0;}
h4 a{text-decoration: underline; color: #fff;}
h4 a:hover{text-decoration: none; color: #d05a3a;}

h5{ font-size: 14px; line-height: 16px; text-transform: uppercase; color: #fff; font-weight: bold; color:#fff; padding:0px 0 10px 0; margin: 0;}


h6{ font-family: 'Roboto'; font-size: 16px; font-weight: 400; color:#fff; padding:0px 0 10px 0; margin: 0;}

.upper { text-transform:uppercase;}

.color1{ color:#fff;}

.line1 { height:1px; background:#2d2d2d; margin:5px 0;}

.radius1{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

.pad_right20{padding-right: 20px;}


/* === */
.banners{ padding-bottom: 10px;}
.banners_inner{position: relative;}
.shadow2{position: absolute; left: 0; top: 0; z-index: -1; width: 100%;}
.banners .banner{padding-bottom: 20px;}
.banners .banner .img{width: 100%;border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0;}
.banners .banner .txt{background: #2d2d2d; border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; padding: 0 20px 15px; border-top: 5px solid #d05a3a; text-align: center;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banners .banner .txt1{font-family: 'Roboto'; font-weight: 700; font-size: 20px; letter-spacing: 4px; color: #fff; padding-top: 15px; padding-bottom: 5px; text-transform: uppercase;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banners .banner .txt2{font-family: 'Roboto'; font-weight: 300; font-size: 16px; color: #fff; padding-bottom: 10px;line-height: 20px;}
.banners .banner .txt3{height: 0px; position: relative; overflow: hidden;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}

.banners .banner:hover .txt{background: #d05a3a;}
.banners .banner:hover .txt1{color: #fff; padding-top: 5px;}
.banners .banner:hover .txt2{color: #fff;}
.banners .banner:hover .txt3{height: 36px;}

.banners a, .button1{ color:#fff; display:inline-block; line-height:34px; border: 1px solid #fff;  text-decoration: none; font-size:14px; font-family:'Roboto'; font-weight: 700; color:#fff; white-space:nowrap; letter-spacing:0px; background:#dc846c; padding:0 25px; text-transform: uppercase; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banners a:hover, .button1:hover { color: #fff;}

.ul1 ul{ padding: 0; margin: 0; list-style: none;}
.ul1 ul > li {font-family: 'Roboto'; font-size: 16px; font-weight: 400; color: #fff; line-height: 20px; padding:7px 0px 7px 25px; margin: 0px 0px 0px 0px; background: url(../images/li_st1.png) 5px 11px no-repeat; border-bottom: 1px solid #2d2d2d;}
.ul1 li ul > li, .ul1 li li ul > li { border-bottom: none;}
.ul1 ul > li a{text-decoration: none; }
.ul1 ul > li a:hover{text-decoration: underline; }

.caroufredsel_slider{margin-top: 20px; position: relative;}
.caroufredsel_wrapper{width: 100%!important; }
#caroufredsel{margin: 0; padding: 0; list-style: none; display: block;}
#caroufredsel li { padding: 0; margin: 0; display: block; float: left;}

.pagination{position: absolute;right: 5px; bottom: 15px; z-index: 10;}
.pagination a{display: inline-block; width: 10px; height: 9px; background: url(../images/pagination.png) left top no-repeat; margin: 0 2px;}
.pagination a:hover, .pagination a.selected{background-position: right;}
.pagination a span{display: none;}

#slider2{border-bottom: 6px solid #0c0c0c;}
#slider2 .img{width: 100%;}


.testimonial1{margin-bottom: 20px;}
.testimonial1 .txt1{ padding: 20px; background: #1e1e1e;border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; font-style: italic; color: #fff;}
.testimonial1 .txt2{ background: url(../images/testimonial2.png) 30px 0px no-repeat; line-height: 20px; color: #fff; min-height: 30px; padding-top: 15px; padding-left: 15px; font-weight: bold;}
.testimonial1 .txt2 span{color: #fff; font-weight: normal;}

.button2{ display:inline-block; line-height:20px;  text-decoration: none; margin-top:5px; margin-bottom:5px; font-size:14px; font-family:'Roboto'; font-weight: 400; color:#aeaeae; white-space:nowrap; letter-spacing:0px; background:url(../images/button2.png) 5px 6px no-repeat; padding-left: 25px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.button2:hover { color:#d05a3a;}

.google_map{ position: relative; overflow: hidden; margin: 0 0 0px 0; padding: 0; background: none;border: none;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
.google_map iframe{position: relative; width: 100%; height: 600px; border: none;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background: #fff;}

/* ============================= thumbnail ====================== */
.img-polaroid{position: relative; padding: 5px; background: #2d2d2d; border: none;box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.img-polaroid.w1{padding: 10px;}
.thumbnail .caption{padding: 0; color: #979797}

.thumb1 {margin-bottom: 20px;}
.thumb1.last {margin-bottom: 0px;}
.thumb1 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb1 figure{margin: 0; float: left; margin:0px 20px 20px 0px;}
.thumb1 figure img{width: auto;}
.thumb1 .caption{}

.thumb2 {margin-bottom: 20px;}
.thumb2.last {margin-bottom: 0px;}
.thumb2 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb2 figure{margin: 0; float: none; margin:0px 0px 20px 0px;}
.thumb2 figure img{width: 100%;}
.thumb2 .caption{}

.thumb3 {margin-bottom: 30px;}
.thumb3.last {margin-bottom: 0px;}
.thumb3 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb3 figure{margin: 0; float: none; margin:0px 0px 0px 0px;}
.thumb3 figure img{width: 100%; border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0;}
.thumb3 .caption{ background: url(../images/corner1.png) center top no-repeat #2d2d2d; border-top: 5px solid #d05a3a; padding: 20px; text-align: center; border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb3:hover .caption{background-color: #7e3a27;}
.thumb3 .caption .txt1{color: #b6b6b6; letter-spacing: 4px; font-family: 'Roboto'; font-size: 20px; font-weight: 700; line-height: 25px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb3:hover .caption .txt1{color: #fff;}
.thumb3 .caption .txt2{color: #7b7b7b; font-family: 'Roboto'; font-size: 12px; font-weight: 300; line-height: 20px; padding-bottom: 15px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb3:hover .caption .txt2{color: #fff;}
.thumb3 .caption .txt3{color: #b6b6b6; font-family: 'Roboto'; font-size: 12px; font-weight: 300; line-height: 20px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb3:hover .caption .txt3{color: #fff;}

.thumb4 {margin-bottom: 20px;}
.thumb4.last {margin-bottom: 0px;}
.thumb4 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb4 figure{margin: 0; float: left; margin:0px 20px 20px 0px;}
.thumb4 figure img{width: auto;}
.thumb4 .caption{}

.thumb-isotope {}
.thumb-isotope .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb-isotope figure{position: relative; margin: 0; float: none; margin:0px 0px 20px 0px; padding: 8px; background: #2d2d2d; border: none;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-isotope .thumbnail a{position: relative;  display: block;}
.thumb-isotope .thumbnail a:hover figure{background: #d05a3a;}
.thumb-isotope .thumbnail a img{width: 100%;}
.thumb-isotope .thumbnail a em{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; background: url(../images/photo1.png) center center no-repeat; opacity: 0; filter: alpha(opacity=0);
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-isotope .thumbnail a:hover em{opacity: 1; filter: alpha(opacity=100);}
.thumb-isotope .caption{}

/*================= my =========================*/
.border {background: #2d2d2d; height:3px;margin-bottom:20px;}

/*----- media queries ------*/
/* Large desktop */
@media (min-width: 1200px) {
	.slogan{font-size: 70px; line-height: 70px;padding: 30px 0;}

	#ajax-contact-form input, #ajax-contact-form textarea{width: 590px;}

	.google_map iframe{height: 700px;}
	

	
}
/* Default landscape and desktop to large desktop */
@media (max-width: 1199px) {
	
}
@media (min-width: 980px) and (max-width: 1199px) {
	#ajax-contact-form input, #ajax-contact-form textarea{width: 440px;}
	

	
}
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {	
	.phone1{float: none;}
	.logo_wrapper{float: none;}
	.menu_wrapper{float: none; padding-top: 0;}

	.slogan{font-size: 40px; line-height: 40px;padding: 30px 0;}
	

	
}
@media (min-width: 768px) and (max-width: 979px) {	
.span8 nav {float:right;}
	#ajax-contact-form input, #ajax-contact-form textarea{width: 300px;}

	.google_map iframe{height: 500px;}

}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	
	body{padding-left: 0; padding-right: 0;}
	.container{width: 440px;}


	.phone1{font-size: 14px; line-height: 20px;}


	.slogan{font-size: 25px; line-height: 25px;padding: 30px 0;}

	.menu_bot{float: none;}
	#menu_bot > li{display: block; float: none; background: none; padding: 10px 0; border-bottom: 1px solid #4d4d4d;}

	.social_wrapper{float: none; padding-top: 20px;}

	.pad_right20{padding-right: 0px;}

	#ajax-contact-form input, #ajax-contact-form textarea{width: 260px;}

	.google_map iframe{height: 400px;}
	
		
}
@media (min-width: 481px) and (max-width: 767px) {


	
}
/* Landscape phones and down */
@media (max-width: 480px) {
	.container{width: 300px;}

	.logo img{width: 100%;}

	.slogan{font-size: 17px; line-height: 20px;padding: 30px 0;}

	.thumb1 figure{float: none; margin-right: 0;}
	.thumb1 figure img{width: 100%;}

	.thumb4 figure{float: none; margin-right: 0;}
	.thumb4 figure img{width: 100%;}

	#ajax-contact-form input, #ajax-contact-form textarea{width: 260px;}
	#ajax-contact-form .controls{margin-left: 0px;}	

	.google_map iframe{height: 300px;}

	.page-404 .txt1{font-size: 130px; line-height: 130px;}
	.page-404 .txt2{font-size: 50px; line-height: 50px;}
	
}