/* GOOGLE FONTS */
@import url(http://fonts.googleapis.com/css?family=Roboto:300);
@import url(http://fonts.googleapis.com/css?family=Roboto:400);
@import url(http://fonts.googleapis.com/css?family=Roboto:400italic);
@import url(http://fonts.googleapis.com/css?family=Roboto:700);

/* Global properties ======================================================== */
a[href^="tel:"] { color: inherit; text-decoration: none;}
::selection{ background:#60c1f6!important; color:#fff}
::-moz-selection{ background:#60c1f6!important; color:#fff}

a{ color:#fff; text-decoration: underline; outline:none}
a:hover{ color:#fff; text-decoration: none; outline:none}

body{ background:#121213; border:0; font: 12px Arial, Helvetica, sans-serif; color:#b9b9bb ; line-height:18px; min-width:320px; position: relative;}

body.subpage{background: #262628;}

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

.subpage #main{background: url(../images/px2.jpg) 0 0 repeat-x;}

.px1{width: 100%;height: 900px; position: absolute; left: 0; top: 0; z-index: -1;}

.top0{position: relative;background: url(../images/top0.png) 0 0 repeat-x; }
.top0_inner{position: relative;}

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

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

.logo_wrapper2{padding-bottom: 10px;}
.logo2{display: inline-block;}

.top1{float: right; padding-top: 20px;}

.social_wrapper{ float: left; padding-left: 40px;}
.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;}

/* ============================= slider ====================== */
#slider_wrapper{position: relative; z-index: 1; padding-top: 20px;}
#slider{position: relative;}
.monitor1{width: 100%; position: relative; z-index: 0;}
#slider_inner{position: absolute; left: 25px; right: 25px; top: 25px; z-index: 1;}

#slider_txt1{width: 300px; position: absolute; left: 0; bottom: 40px; z-index: 10; text-align: center;}
#slider_txt1 .txt1{font-family: 'Roboto'; font-weight: 300; font-size: 14px; color: #b9b9bb; line-height: 20px; padding-bottom: 5px;}
#slider_txt1 .txt1 span{font-size: 25px;}
#slider_txt1 .txt2{font-family: 'Roboto'; font-weight: 700; font-size: 20px; color: #fff; line-height: 20px; padding-bottom: 5px; text-transform: uppercase;}
#slider_txt1  .shadow1{width: 100%;}

#slider_txt2{width: 300px; position: absolute; right: 0; bottom: 40px; z-index: 10; text-align: center;}

.more1{ display:inline-block; line-height:37px;  text-decoration: none; margin-top:0px; margin-bottom:10px; font-size:14px; font-family:'Roboto'; font-weight: 400; color:#fff; white-space:nowrap; letter-spacing:0px; background:url(../images/more1.jpg) left top repeat-x; padding:0 30px;border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px;}
.more1:hover { background-position: bottom;}



/* ============================= content ====================== */
#content{background: url(../images/content.jpg) left bottom repeat-x; padding-top: 0px; padding-bottom: 0px;}
.subpage #content{background: url(../images/content2.jpg) left bottom repeat-x;}
.main #content2{padding-bottom: 40px;}
.subpage #content2{padding-top: 40px;}

/* ============================= footer ====================== */
footer{position: relative; z-index: 1; background: #050506; padding: 17px 0; }

.copyright{color:#565656; padding-top: 0px; line-height: 20px;}
.copyright a{color: #828282; text-decoration: underline;}
.copyright a:hover{color: #fff; text-decoration: none;}

.bot1{height: 75px; padding-top: 15px;}
.bot1_inner{}


/* ============================= main menu ====================== */
.top2{position: relative;}
.top2_inner{height: 60px; position: relative;}
.menu_bg{height: 9px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #424242; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position: absolute; left: 0; right: 0; bottom: 0; z-index: 0;}



.navbar_ { margin: 0; padding: 0; position: relative;z-index: 30;}
.navbar_ .navbar-inner_ { padding: 0; margin: 0; border: none; min-height: inherit; background: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; filter:none; }
.navbar_ .btn-navbar { background: #c1c1c1; border: none;box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; margin-top: 15px; margin-bottom: 18px; border-radius:10px 0 10px 0; -moz-border-radius:10px 0 10px 0; -webkit-border-radius:10px 0 10px 0; margin-right: 0; padding: 12px 8px;}
.navbar_ .btn-navbar:hover{background: #9f9f9f;}
.navbar_ .btn-navbar .icon-bar{width: 22px; background: #262628; background-image: none; height: 3px;box-shadow: 1px 1px 1px #cfcfcf;-moz-box-shadow: 1px 1px 1px #cfcfcf; -webkit-box-shadow: 1px 1px 1px #cfcfcf }
.nav-collapse_.collapse{ position:relative; display:block; text-align: center;}
.navbar_ .nav{ position: relative; float: none; margin: 0; padding: 0; display: block; left: auto;}
.navbar_ .nav > li{position: relative; display: block; float: left; padding: 0; white-space: nowrap; width: 140px; margin-left: 20px;}
.navbar_ .nav > li:first-child{margin-left: 0;}
.navbar_ .nav > li > a{display: block; text-decoration: none; background: none; font-family: 'Roboto'; font-weight: 300; font-size: 20px; line-height: 49px; height: 60px; color: #adadad; text-shadow:none; padding: 0; border: none; margin: 0; position: relative; 
transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out;
}
.navbar_ .nav > li > a .over1{display: block; height: 7px; background: url(../images/nav.jpg) 0 0 repeat-x; position: absolute; bottom: 2px; left: 2px; right: 2px;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;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;
}
.navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus, .navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{color: #fff; text-decoration: none; background: none;  box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;}
.navbar_ .nav > li.active > a .over1, .navbar_ .nav > li.active > a:hover .over1, .navbar_ .nav > li.active > a:focus .over1, .navbar_ .nav > li > a:hover .over1, .navbar_ .nav > li > a:focus .over1, .navbar_ .nav > li.sfHover > a .over1, .navbar_ .nav > li.sfHover > a:hover .over1{opacity: 1; filter: alpha(opacity=100);}

.sub-menu ul { position: absolute; display: none; left: 2px; top: 60px; list-style: none; zoom: 1; z-index: 109; margin: 0; padding:8px; background:url(../images/submenu_bg.jpg) 0 0 repeat-x #0f0f10; text-align: left; border-top: 1px solid #3a3a3b; border-radius:0 0 20px 0; -moz-border-radius:0 0 20px 0; -webkit-border-radius:0 0 20px 0; }
.sub-menu li { margin: 0; position: relative; zoom: 1; display: block;}
.sub-menu li a{display: block; position: relative; font-family:'Roboto'; font-weight: 300; font-size: 16px; line-height: 32px; color: #989898; text-decoration: none; padding: 0px 45px 0px 15px; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px;}
.sub-menu li a:hover{ text-decoration: none; color: #000; background: url(../images/submenu.jpg) 0 0 repeat-x;}

.sub-menu li a em{display: inline-block; width: 10px; height: 10px; background: url(../images/marker1.png) left top no-repeat; position: absolute; right: 10px; top: 50%; margin-top: -5px;}
.sub-menu li a:hover em{}

.sub-menu-1 > ul{}

.sub-menu-2 > ul{left: 100%; top: -8px; margin-left: 8px;}

/* ============================= menu bot ====================== */
.menu_bot { display:inline-block; position: relative; z-index:10; text-align:left; white-space:nowrap; padding-top: 25px; float: left; }
#menu_bot { list-style: none; display:inline-block; white-space:nowrap;  padding: 0; margin: 0;}
#menu_bot > li { list-style: none; display: inline-block; height:32px; line-height: 32px; padding:0 0 0 25px; position:relative; float:left; white-space:nowrap;}
#menu_bot > li:first-child{ padding-left: 0; background: none;}
#menu_bot > li > a{ display:inline-block; text-decoration:none; position:relative; font-family:'Roboto'; font-weight: 400; font-size: 14px; color: #a6a6a6; line-height: 22px;}
#menu_bot > li.active > a, #menu_bot > li > a:hover, #menu_bot > li > a:focus{color: #fff; text-decoration: none;}

/* ============================= menu top ====================== */
.menu_top { display:block; float: left; position: relative; z-index:10; text-align:left; white-space:nowrap; padding-top: 6px; }
#menu_top { list-style: none; display:inline-block; white-space:nowrap;  padding: 0; margin: 0;}
#menu_top > li { list-style: none; display: inline-block; height:20px; line-height: 20px; margin-left: 30px; position:relative; float:left; white-space:nowrap;}
#menu_top > li:first-child{ margin-left: 0;}
#menu_top > li > a{ display:block; height:100%; text-transform: uppercase; text-decoration:none; position:relative; font-family:'Roboto'; font-weight: 400; font-size: 12px; color: #696969;}
#menu_top > li.active > a, #menu_top > li > a:hover, #menu_top > li > a:focus{color: #fff; text-decoration: none;}

/* ============================= search-form ====================== */
.search-form-wrapper{float: right; padding-top: 22px;}
.navbar-form { float: left; position:relative; z-index: 11; margin:0px 0px 0 0 ; padding: 0; }
.navbar-form input { width: 190px; height: 20px; font-style: italic; font-size: 14px; line-height: 20px; color:#9a9a9a; background: #1c1c1c; border: none; border: 1px solid #575757; margin: 0; padding: 8px 50px 7px 10px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.navbar-form input:focus {color: #fff; border-color: #fff;-moz-box-shadow: inset  none; -webkit-box-shadow: none; box-shadow: none;}
.navbar-form a {text-decoration: none; margin: 0; display: inline-block; border-left: none; width: 42px; height: 28px; background: url(../images/search.png) left top no-repeat; position:absolute; right:0; top: 4px; }
.navbar-form a:hover { background-position: right;}

/* ============================= 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:18px; color:#5f5f5f; line-height:20px; padding:15px 0 20px 0; margin: 0;}
h1 span{font-size: 40px; color: #b9b9bb; font-weight: 700; line-height: 40px;}

h2{ font-family:'Roboto'; font-weight:700; font-size:30px; color:#b9b9bb; line-height:30px; padding:15px 0 20px 0; margin: 0;}

h3{ font-family:'Roboto'; font-weight:700; font-size:24px; color:#b9b9bb; line-height:30px; padding:15px 0 20px 0; margin: 0;}

h4{ font-family: 'Roboto'; font-size: 24px; line-height: 30px; font-weight: 300; color:#b9b9bb; 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: 18px; text-transform: uppercase; color: #fff; font-weight: bold; color:#fff; padding:0px 0 10px 0; margin: 0;}


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


.upper { text-transform:uppercase;}

.color1{ color:#fff;}

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

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

.pad_bot1{padding-bottom: 20px;}


/* === */
.hl1{height: 73px; background: url(../images/hl1.png) left center repeat-x;}

.hl2{height: 43px; background: url(../images/hl2.png) left center repeat-x;}

.hl3{height: 25px; background: url(../images/hl3.png) left center repeat-x;}

.vl1{background: url(../images/vl1.png) left top repeat-y;}

.pad_left30{padding-left: 30px;}

.banners_txt{ padding-bottom: 20px;}
.banners_txt .t_left{height: 30px; background: url(../images/banners_txt.png) left center repeat-x;}
.banners_txt .txt1{ text-align: center; font-family: 'Roboto'; font-size: 30px; line-height: 30px; color: #b9b9bb;}
.banners_txt .t_right{height: 30px; background: url(../images/banners_txt.png) left center repeat-x;}


.banners{ padding-bottom: 10px;}
.banners .banner{ margin-bottom: 20px;}

.banners .banner_link{text-decoration: none;}

.banners figure {border: 6px solid #000; margin: 0; padding: 0;border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 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;
}
.banners .banner:hover figure{border-color: #b3b3b5}
.banners img{width: 100%;}
.banners .txt1{text-decoration: none; font-family:'Roboto'; font-weight: 400; font-size: 20px; line-height: 20px; color: #121213; padding:15px 10px; text-align: center; background: url(../images/banners.jpg) 0 0 repeat-x #767678;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;
}
.banners .banner:hover .txt1{background: url(../images/banners_over.jpg) 0 0 repeat-x #01306c; color: #fff;}

.button1{ display:inline-block; line-height:30px; text-transform: uppercase;  text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:12px; font-family:'Roboto'; font-weight: 400; color:#555555; white-space:nowrap; letter-spacing:0px; background:url(../images/button1.jpg) left top repeat-x; padding:0 30px;border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
.button1:hover { background-position: bottom; color: #fff;}

.ul1{ padding: 0; margin: 0; list-style: none; padding-bottom: 10px;}
.ul1 > li {font-family: 'Roboto'; font-size: 16px; font-weight: 300; color: #60c1f6; line-height: 20px; padding:4px 0px 4px 20px; margin: 0px 2px 0px 0px; background: url(../images/li_st1.png) 0px 11px no-repeat;}
.ul1 > li a{color:#60c1f6; text-decoration: none; }
.ul1 > li a:hover{color:#fff; 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;}

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

.banners2{ padding-bottom: 20px;}
.banners2 .banner{ margin-bottom: 20px;}
.banners2 .banner .banner_link{display: block; text-decoration: none; width: 100%;}
.banners2 .banner .banner_link .banner_content{padding-top: 30px; padding-bottom: 0px; 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;
}
.banners2 .banner .banner_link:hover .banner_content{padding-top: 0px; padding-bottom: 30px;}
.banners2 .banner .banner_link .banner_shadow{width: 100%; opacity: 1; filter: alpha(opacity=100);
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;
}
.banners2 .banner .banner_link:hover .banner_shadow{width: 100%; opacity: 0.5; filter: alpha(opacity=50);}



.banners2 .banner1 .banner_link .banner_content .img{padding-bottom: 20px;}
.banners2 .banner1 .banner_link .banner_content .txt1{font-family: 'Roboto'; font-weight: 300; font-size: 14px; color: #b9b9bb; line-height: 20px; padding-bottom: 5px;}
.banners2 .banner1 .banner_link .banner_content .txt1 span{font-size: 25px;}
.banners2 .banner1 .banner_link .banner_content .txt2{font-family: 'Roboto'; font-weight: 700; font-size: 20px; color: #fff; line-height: 20px; padding-bottom: 5px; text-transform: uppercase;}

.banners2 .banner3 .banner_link .banner_content .img{padding-bottom: 30px;}

.more2{ display:inline-block; line-height:37px;  text-decoration: none; margin-top:0px; margin-bottom:10px; font-size:14px; font-family:'Roboto'; font-weight: 400; color:#fff; white-space:nowrap; letter-spacing:0px; background:url(../images/more1.jpg) left top repeat-x; padding:0 30px;border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px;}
.banners2 .banner .banner_link:hover .more2 { background-position: bottom;}

.google_map{ position: relative; overflow: hidden; margin: 0 0 20px 0; padding: 6px; background: #575757; border: none; line-height: 1px;border-radius:0 0 36px 0; -moz-border-radius:0 0 36px 0; -webkit-border-radius:0 0 36px 0;}
.google_map iframe{position: relative; overflow: hidden; width: 100%; height: 290px; border: none; padding: 0; margin: 0;border-radius:0 0 30px 0; -moz-border-radius:0 0 30px 0; -webkit-border-radius:0 0 30px 0;}





/* ============================= thumbnail ====================== */
.img-polaroid{position: relative; padding: 6px; background: #575757; border: none;box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;}
.img-rounded{border-radius:0 0 36px 0; -moz-border-radius:0 0 36px 0; -webkit-border-radius:0 0 36px 0;}
.img-rounded img{border-radius:0 0 30px 0; -moz-border-radius:0 0 30px 0; -webkit-border-radius:0 0 30px 0;}
.thumbnail .caption{padding: 0; color: #b9b9bb}

.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: 6px; background: #575757; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;border-radius:36px 0 36px 0; -moz-border-radius:36px 0 36px 0; -webkit-border-radius:36px 0 36px 0;}
.thumb2 .thumbnail:hover{background: #0084d7;}
.thumb2 figure{margin: 0; float: none; margin:0px 0px 20px 0px;}
.thumb2 figure img{width: 100%;border-radius:30px 0 30px 0; -moz-border-radius:0 0 30px 0; -webkit-border-radius:30px 0 30px 0;}
.thumb2 .caption{}
.thumb2 .caption .txt1{font-family: 'Roboto'; font-weight: 700; font-size: 20px; line-height: 20px; color: #f9f9f9; padding-bottom: 5px; padding-left: 5px;
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;
}
.thumb2 .thumbnail:hover .caption .txt1{color: #fff;}
.thumb2 .caption .txt2{font-family: 'Roboto'; font-weight: 300; font-size: 12px; line-height: 20px; color: #a5a5a5; padding-bottom: 15px; padding-left: 5px;
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;
}
.thumb2 .thumbnail:hover .caption .txt2{color: #fff;}

.thumb3 {margin-bottom: 20px;}
.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 20px 0px;}
.thumb3 figure img{width: 100%;}
.thumb3 .caption{}









.thumb-isotope {margin-bottom: 20px;}
.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: 6px; background: #575757; border: none; border-radius:0 0 36px 0; -moz-border-radius:0 0 36px 0; -webkit-border-radius:0 0 36px 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{position: relative;  display: block;}
.thumb-isotope .thumbnail > a:hover figure{background: #0084d7;}
.thumb-isotope .thumbnail > a img{width: 100%;border-radius:0 0 30px 0; -moz-border-radius:0 0 30px 0; -webkit-border-radius:0 0 30px 0;}
.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{}



/*================= Contacts =========================*/
#note{font-family: 'Roboto'; font-weight: 300; font-size: 18px; line-height: 26px; }
.notification_error{ color:#ff0000; padding-bottom:10px;  }
.notification_ok{ text-align: left; padding-bottom:10px; } 

#ajax-contact-form .control-group{margin-bottom: 10px;}
#ajax-contact-form .control-label{ text-align: left; font-size: 12px; width: 130px; padding-top: 10px; padding-bottom: 8px; color: #aaaaaa;}
#ajax-contact-form .controls{margin-left: 140px;}
#ajax-contact-form input, #ajax-contact-form textarea{background: #151516; border: 1px solid #525252; font-size: 12px; color: #aaaaaa; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow:none;}
#ajax-contact-form input:focus, #ajax-contact-form textarea:focus{border-color:#60c1f6; color: #fff; }
#ajax-contact-form textarea{height: 124px;}
#ajax-contact-form .control-group.capthca{margin-bottom: 0px;}
#ajax-contact-form .capthca input{width: 116px; float: left; margin-right: 10px;margin-bottom: 10px;}
#ajax-contact-form img{float:left; width:150px; height:42px;margin-bottom: 10px;}
#ajax-contact-form .submit{border: 0; margin: 0; margin-left: 140px; margin-top: 10px; margin-right: 0px; display: inline-block;height: 37px; line-height:37px;  text-decoration: none;font-size:14px; text-transform: uppercase; font-family:'Roboto'; font-weight: 400; color:#fff;  white-space:nowrap; letter-spacing:0px; background:url(../images/more1.jpg) left top repeat-x; padding:0px 30px; border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px;

}
#ajax-contact-form .submit:hover{ color:#fff; background-position: bottom;}



/*================= 404 =========================*/
.page-404{text-align: center;}
.page-404 .txt1{font-family:'Roboto'; font-weight:700; font-size:180px; color:#b9b9bb; line-height:180px; }
.page-404 .txt2{font-family:'Roboto'; font-weight:400; font-size:60px; color:#b9b9bb; line-height:60px; }





/*----- media queries ------*/
/* Large desktop */
@media (min-width: 1200px) {
	.navbar_ .nav > li{width: 170px; margin-left: 30px;}

	#slider_inner{left: 30px; right: 30px; top: 30px;}

	.px1{height: 1100px;}

	#slider_txt1{width: 350px;}
	#slider_txt2{width: 350px;}

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


	
}
/* 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: 280px;}
	
	
}
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {	


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

	.navbar_ .nav > li{width: 104px;}
	.nav-collapse_.collapse{height: auto!important; overflow: visible!important;}
	.navbar_ .btn-navbar{display: none;}

	#slider_inner{left: 20px; right: 20px; top: 20px;}

	.px1{height: 750px;}

	#slider_txt1{width: 260px;}
	#slider_txt2{width: 260px;}

	.navbar_ .nav > li > a{font-size: 18px;}

	#menu_bot > li{padding-left: 20px;}
	#menu_bot > li > a{font-size: 12px;}

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


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

	.logo_wrapper{float: none;}
	.top1{float: none;}
	.menu_top{float: none;}
	.social_wrapper{float: none;padding-left: 0; padding-top: 20px;}

	#slider_inner{left: 13px; right: 13px; top: 13px;}

	.px1{height: 650px;}

	#slider_txt1{position: relative; left: 0; right: 0; top: 0; bottom: 0; width: auto; padding-top: 15px;}
	#slider_txt2{position: relative; left: 0; right: 0; top: 0; bottom: 0; width: auto;}

	.top2{position: absolute; left: 0; top: 0; z-index: 2; width: 100%;}
	.menu_bg{display: none;}

	.navbar_ .nav{display: block;padding:8px;background:url(../images/submenu_bg.jpg) 0 0 repeat-x #0f0f10;border-top: 1px solid #3a3a3b; border-radius:0 0 20px 0; -moz-border-radius:0 0 20px 0; -webkit-border-radius:0 0 20px 0;  }
	.navbar_ .nav > li{float: none; padding-left: 0; margin-left: 0; width: auto; background: none; margin-top: 2px;}
	.navbar_ .nav > li > a{text-align: left;display: block; position: relative; font-family:'Roboto'; font-weight: 300; font-size: 16px; line-height: 32px; height: 32px; color: #989898; text-decoration: none; padding: 0px 45px 0px 15px; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px;}
	.navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus, .navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{text-decoration: none; color: #000; background: url(../images/submenu.jpg) 0 0 repeat-x;}
	.navbar_ .nav > li > a .over1{display: none;}
	.sub-menu ul{position: relative; left: 0; top: 0; margin: 0; border: none;}

	.menu_bot{display: none;}

	.search-form-wrapper{float: none;}
	.navbar-form input{width: 370px;}

	.vl1{background: no-repeat;}
	.pad_left30{padding-left: 0;}

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

	



		
}
@media (min-width: 481px) and (max-width: 767px) {


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

	#slider_inner{left: 8px; right: 8px; top: 8px;}

	.px1{height: 550px;}

	.navbar-form input{width: 230px;}

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

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

	#ajax-contact-form .submit{margin-left: 0;}

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