/*------------------------------------------------------------------
[Main.css]
Project:        My city guide
Version:        1
Last change:    24/02/15 
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]
1. general styles / #general styles
2. promo index page styles / #promo index page styles
3. Map Page styles / #Map Page styles
4. Inner (place) Page styles / #Inner (place) Page styles
5. User Profile pages / #User Profile pages
6. Place grid / #Place grid
7. Blog page / #Blog page
8. Post page / #Post page
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[1. general styles / #general styles]
*/
body {
//background: url(../img/start/promo_bg.jpg);
background-color: #000;
background-size: 100% 100%;
background-repeat: no-repeat;
background-attachment: fixed;
overflow-x:hidden;
}
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);
a {
color: #218DEA;
text-decoration: none;
transition: 0.3s;
}
a:hover {
color: #333;
text-decoration: none;
transition:0.3s;
}
/*////////////////////////Side menu//////////////////////*/
.image_feed  {
    padding: 30px;
    min-height: 300px;
    float: left;
    background-size: cover !important;
    position: relative;
    max-height: 300px;
    overflow: hidden;
}
/*------------------------------------------------------------------
[2. Promo Page styles / #Promo Page styles]
*/
.bgg {
background: url(../img/bg_wait.jpg);
background-position: center;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
background-repeat: no-repeat;
}
/*Index features block*/
/*description*/
.start_descrition {
z-index: 9999;
text-align: center;
position: absolute;
width: 1200px;
top: 50%;
margin-top: -180px;
left: 50%;
margin-left: -600px;
}
.start_descrition .start_logo {}
.start_descrition h1 {
font-size: 50px;
text-transform: uppercase;
font-weight: 300;
font-family: 'Roboto', sans-serif;
color: #ffffff;
}
.start_descrition h1 span {
display: block;
width: 150px;
height: 1px;
background: #1F8BEA;
margin: 40px auto;
}
.start_descrition span {
font-family: 'Roboto', sans-serif;
font-size: 22px;
font-weight: 100;
color: #ffffff;
line-height: 36px;
}
.start_descrition .btns {
margin-top: 60px;
}
.start_descrition .btns .green {
background: #218dea;
padding: 15px 35px;
border-radius: 3px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
text-decoration: none;
font-size: 16px;
color: #ffffff;
margin: 0 15px;
}
.start_descrition .btns .green:hover {
background: #ffffff;
padding: 15px 35px;
border-radius: 3px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
text-decoration: none;
font-size: 16px;
color: #218dea;
margin: 0 15px;
}
.start_descrition .btns .white_border {
background: none;
padding: 14px 35px;
border-radius: 3px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
text-decoration: none;
font-size: 16px;
color: #ffffff;
border: 2px solid;
margin: 0 15px;
}
.start_descrition .btns .white_border:hover {
background: none;
padding: 14px 35px;
border-radius: 3px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
text-decoration: none;
font-size: 16px;
color: #208CEA;
border: 2px solid;
margin: 0 15px;
}
/*img position setings*/
.quote
/*img time animation settings*/
.start_descrition.option {
-webkit-animation-duration: 1s;
-webkit-animation-delay: 0.4s;
-webkit-animation-iteration-count: 1;
}
/*------------------------------------------------------------------
[3. Map Page styles / #Map Page styles]
*/
/* map style */
/*menu*/
.menu ul li a span {}
.container-fluid.menu span, .container-fluid.menu .icon-remove, .container-fluid.menu .mobile
.marker_info .info a {}
/*header*/
.header .weather {}
.green_btn
.green_btn
/*add place*/
/*login form*/
/*Adaptive map page*/
/*------------------------------------------------------------------
[4. Inner (place) Page styless / #Inner (place) Page styles]
*/
.contant {}
/*head*/
.head .logo {}
.head .green_btn_header, .head .green_btn
/*header section*/
.header_section ul {}
/*header section diagramm*/
/*header_icon_descr_section*/
.icon_descr_block .cols .icons .ic i {}
/*header_contact section*/
/*Features block*/
.features_block div ul li b {}
/*share block*/
/*check in block*/
.check_in {}
.check_in div a {}
.check_in div a:hover {}
/*flickr block*/
.user_avatars:hover 
/*reviews*/
.reviews {}
.reviews .rev .user img{
width: 45px;
border-radius: 3px;
}
.reviews .rev .head_rev {}
/*Add comment*/
/*Map*/
/*similar*/
.similar {}
/*mobie places*/
.mobile_place .similar {}
.mobile_place 
.mobile_place 
.mobile_place 
.mobile_place 
.mobile_place 
.mobile_place 
/*------------------------------------------------------------------
[5. User Profile pages / #User Profile pages]
*/
.vp h1{
padding: 0px 30px 30px;
}
/*user left column*/
.user_friends {}
/*userr btn*/
/*------------------------------------------------------------------
[6. Place grid / #Placegrid]
*/
.place_gr_cont h1, .place_li_cont h1  {
padding: 0px 30px 30px;
}
.place_gr_cont * {transition:0.3s;}
.place_gr_cont .pg img{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
.place_gr_cont .pg.style_two h2 span{
background: #ffffff;
}
.place_li_cont {}
.list
.list_dia 
/*------------------------------------------------------------------
[7. Blog page / #Blog page]
*/
.blog_cat li span {}
.blog_cat li a i{
padding-right: 14px;
}
/*Post*/
.post {}
.post.p_style_one .p_text {}
.post.p_style_one .p_footer {}
/*Post style two*/
.post {}
.post.p_style_two .p_text {}
.post.p_style_two .p_footer {}
/*Post style three*/
.post {}
.post.p_style_three .p_text {}
.post.p_style_three .p_footer {}
/*------------------------------------------------------------------
[8. Post page / #Post page]
*/
.Subscribe div form button {}
.post_content .p_footer {}
.post_content .p_footer ul li a {}
/*author*/
.author span {}
.reviews.open {}
.reviews.open 
.reviews.open 
.fourzerofour div a {}
.menu.mobile #close