.page_body .page_content .city_nator_block p{
    font-size: 18px;
    line-height: 24px;
    padding-top: 20px
}
.city_nator_block .city_nator_location ,.city_nator_graph{
    text-align: center;
    padding: 18px;
}

.city_nator_form{
   width: 80%;
    display: inline-block;
    text-align: center;
    margin-left: 13%;
}
.city_nator_form .mi_form_filed_row{
    float:left;
    width: 35%;
}
.city_nator_form .mi_form_filed_button{
    float:left;

}
.city_nator_form .mi_form_filed_row label{
    width: 100%;
    display: block;
    height: 35px;
    font-size: 20.92px;
    font-family:'SanFranciscoText-Regular';
}
/*.city_tier_name{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 30px;
}*/
.red{
    color:#f00;
}
.city_nator_form .or_box{
    float:left;

    min-height: 40px;
    line-height: 40px;
    width: 60px;
    font-size: 24px;
}
.city_nator_form .mi_form_filed_row input[type="text"],
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
    width: 90%;
    border: 2px solid #f00;
    height: 45px;
    line-height: 35px;
    font-size: 20px;
    color: #1d1a1a;
    padding-left: 11px;
    font-family: 'SanFranciscoText-Regular' !important;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.city_nator_form .mi_form_filed_button input[type="button"]{
    background: #ca2a28;
    width: 177px;
    text-align: center;
    height: 46px;
    color: #ffffff;
    border: none;
    font-size: 20.91px;
    border-radius: 5px;
    font-family:'SanFranciscoText-Regular';
}

.city_nator_form .mi_form_filed_button input[type="button"]:hover {
    color: #ca2a28;
    border: solid 2px #ca2a28;
    background: #ffffff;
}

.citynator_white_block .left_column{
    float: left;
    width: 100%;
}
.citynator_white_block .map_column{
    height: auto;
    width: 100%;
    float: none;
    clear: both;
    margin: 0 auto;
    position: relative;
}
.citynator_white_block .map_column .map{
    width: 100%;
    position: relative;
    text-align: center;
}
.citynator_white_block .map_column .map img{ 
    width: 670px;
    height: 590px;
}
.citynator_white_block .map_column .map .map_pin{
    background: url(images/city-pointer.png) no-repeat;
    height: 21px;
    position: absolute;
    width: 36px;
}
.citynator_white_block .left_column .calculation_block{
    color:#000000;
    width: 100%;
    font-family: 'SanFranciscoText-Regular';
    display: block ;
    margin-bottom: 20px;
}
.citynator_white_block .left_column .city_box img{
    width: 80%;
}
.citynator_white_block .left_column .selected_city_population{
    font-family:'SanFranciscoText-Regular';
    margin-bottom: 30px;
}
.citynator_white_block .left_column .selected_city_population .cityname{
    font-weight: bold;
    margin-bottom: 5px;
  
  
}
.citynator_white_block .left_column .selected_city_population .citypopulation{
    font-size: 20.92px;
}
.citynator_white_block .left_column .selected_city_population .citypopulation .polution_count{
  
    font-weight: bold;
}

.citynator_white_block .left_column .two-col{
    float: left;
    width: 70%;
}

.citynator_white_block .left_column .city_col{
    float: left;
    width: 65% ;
}
.citynator_white_block .left_column .city_col img{
    width: 60% ;
}
.citynator_white_block .left_column .city_box span.city_count {
    font-size: 30px;
}

.citynator_white_block .left_column .combine_total_box {
    font-size: 19.91px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.citynator_white_block .left_column .combine_total_box .combine_popution .total_population{
    font-weight: bold;
    display: block;
}

.citynator_white_block .left_column .spending_box {
    font-size: 18.93px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.city_nator_count{
    color:#f00;
}
.city_nator_bottom_block{
    float: left;
    width: 100%;
    margin: 0 auto ;
    font-size: 20px;
    text-align: center;
    font-family: 'SanFranciscoText-Regular';
    margin-top: 30px;
    padding:  0px 10px;
}
.city_nator_bottom_block a {
    color: #ff0000;
}
.city_nator_newsletter {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    clear: both;
    
}
.page_body .page_content .city_nator_newsletter h2{
    font-size: 30px;
    margin-bottom: 15px;
    margin-top: 50px;
}
.city_nator_news_block{
    float: left;
    margin-top: 16px;
    margin-bottom: 20px;
    width: 100%;
}
.city_nator_news_block a{
    color: #f00;
    font-size: 18px;
}
.city_nator_news_block h3{
    margin-top: 5px;
}
.city_nator_news_block .blog_block{
    padding-bottom: 10px;
}
.city_nator_news_block a:hover{
    color: #cc2524;
}
.city_nator_news_block img{
    width: 100%;
    height: auto;
}
.media span{
    width: 50%;
    font-size: 20px;
}
.city_nator_text p{
    width: 68%;
    text-align: center;
    margin: 0 auto;
}

.rigth_div{
    float: right;
    width: 34%;
    font-size: 20px !important;
    color: #f00;
}

.mi_page_wrapper .city_nator_form{
    width: 100%;
    display: inline-block;
}
.mi_page_wrapper .city_nator_form .mi_form_filed_row{
    float:left;
    width: 35%;
}
.mi_page_wrapper .city_nator_form .mi_form_filed_button{
    float:left;
    width: 20%;
}
.mi_page_wrapper .city_nator_form .mi_form_filed_row label{
    width: 100%;
    display: block;
    height: 35px;
    font-size: 20.92px;
    font-family:'SanFranciscoText-Regular';
}
.mi_page_wrapper .city_nator_form .or_box{
    float:left;
    margin-top: 28px;
    min-height: 40px;
    line-height: 40px;
    width: 85px;
}
.mi_page_wrapper .city_nator_form .mi_form_filed_row input[type="text"],
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
    width: 85%;
    border: 2px solid #f00;
    height: 45px;
    line-height: 35px;
    font-size: 23px;
    color:#808080;
    padding-left: 11px;
    font-family:'SanFranciscoText-Regular' !important;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.mi_page_wrapper .city_nator_form .mi_form_filed_button input[type="button"]{
    background: #0048ff;
    width: 177px;
    text-align: center;
    line-height: 45px;
    height: 45px;
    color:#ffffff;
    border:none;
    font-size: 23.91px;
    border-radius: 25px;
    margin-top: 30px;
    font-family:'SanFranciscoText-Regular';
}
.city_nator_block {
    width: 93%;
    margin: 0 auto;
}
.citynator_white_block .left_column{
    float:left;
    width: 46%;
    margin-top: 85px;
}
.left_div{
    width: 54%;
    float: left;
    text-align: right;
    color: #f00;
    font-weight: bold;
}
.citynator_white_block .map_column{
    margin-top: 30px;
    float: right;
    width: 53.15%;
    height: auto;
}
.citynator_white_block .map_column .map{
    width: 655px;
    height: 575px;
    position: relative;
}
/*.citynator_white_block .map_column .map img{
    width: 90%;
    height: auto;
}*/
.citynator_white_block .map_column .map .map_pin{
    background: url(images/city-pointer.png) no-repeat;
    height: 21px;
    width: 36px;
}

.social_media_icons{
    float: left;
    margin-bottom: 20px;
    width:100%;
}
.social_media_icons div{
    float: left;
    font-size: 22px;
    margin-right: 19px;
}

.social_media_icons .social_icon{
    float: left;
    padding-left: 6px;
}
.social_media_icons .facebook{
    margin-left: -8px;

}
.dis_block{
    display:block;
}
.display_none{
    display:none;
}


.citynator_white_block .left_column .calculation_block{
    color:#000000;
    width: 100%;
    display: inline-block;
    font-family: 'SanFranciscoText-Regular';
    display: none;
    margin-bottom: 20px;
}
.citynator_white_block .left_column .selected_city_population{
    font-family: 'SanFranciscoText-Regular';
    margin-bottom: 30px;
   
}
.citynator_white_block .left_column .selected_city_population .cityname{
    font-weight: bold;
    margin-bottom: 5px;
    height: 110px;
    color: #f00;
    padding-top: 20px;
   
    
    
}
.citynator_white_block .left_column .selected_city_population .citypopulation{
    font-size: 20.92px;
}
.citynator_white_block .left_column .selected_city_population .citypopulation .polution_count{
    font-size: 23.91px;
    font-weight: bold;
    width: 60%;
    float: left;
    text-align: right;
    color: #f00;
}
.citynator_white_block .left_column .city_box{
    font-size: 23.91px;
    margin-bottom: 30px;  
}

.citynator_white_block .left_column .city_box span.city_count{
    font-size:45px !important;

    color: #f00;
}
.citynator_white_block .left_column .combine_total_box{
    font-size: 23.91px;
    margin-bottom: 10px;
}


.citynator_white_block .left_column .combine_total_box .combine_popution .total_population{

    font-weight: bold;
    display: block;
    float: left;
    color: #f00;
    text-align: right;
}
.employee_staff{
    background: url(images/pop-pink.png) no-repeat top right;
    background-size: contain;
    height:50px;
    margin-top: 50px;
    width: 220px;

}
.citynator_white_block .left_column .spending_box{
    font-size: 23.93px;
}

.city_nator_text{
    float: left;
    width: 100%;
    text-align: center;
}
.yen{
    float: left;
    color: #f00;
    text-align: right;
    width: 50%;
}
.good_services{
    background: url(images/basket-pink.png) no-repeat top right;
    background-size: contain;
    height: 50px;
    margin-top: 40px;
    width: 220px;
}
.city_name_img{
    background: url(images/city-pink.png) no-repeat top right;
    background-size: contain;
    height: 50px;
    margin-bottom: 40px;
    width: 220px;
}

.city_name_image{
    background: url(images/city-pink.png) no-repeat top left;
    min-height: 120px;
    background-size: contain;
}
.cn .city_nator_count .rigth_div {
    width: 45% !important;
}
.cn .left_div {   
    width: 33%;
}
.polution_count  , .cityname, .city_count, .total_population {
 font-size: 30px !important;
 display: block;
 font-family: 'Oswald', sans-serif;
}
.city_name_image{
    margin-bottom: 5px
}
.city_name_img {
   margin-top: 60px;
}

.city_count {
    margin-top: 15px; 
}

.total_population {
     margin-top: 40px; 
}

.yen_total {
     margin-top: 30px; 
     font-size: 30px !important;
     font-family: 'Oswald', sans-serif;
}
@media all and (max-width:1400px) {
    .city_nator_count .rigth_div{

        width: 38% ;
    }
    .employee_staff {

        margin-top: 50px;
        padding-right: 50px;
    }
    .city_name_img,
    .good_services{
        padding-right: 65px;
    }
}
@media all and (max-width:1200px) {
    .citynator_white_block .left_column{
        width: 47%;

    }.citynator_white_block .map_column{
        width: 52.15%;
    }
    .citynator_white_block .map_column .map {
        width: 598px;
        height: 486px;

    }
    .employee_staff {

        margin-top: 24px;}
    .city_nator_form .mi_form_filed_row input[type="text"]{
        font-size: 17px; 
    }
}
@media all and (max-width:1260px) {
    .city_nator_count .rigth_div{

        width: 43%;
    }
}
@media all and (max-width:1242px) {
    .citynator_white_block .map_column .map img,
    .citynator_white_block .map_column .map{
        width: 100%;
        height: auto;
    }
    .page-id-618 .mi_page_wrapper .inner_page .newsletter_block{
        display: none;
    }
    .rigth_div{

        width: 54% !important;
    }
    .left_div{
        width: 40% !important;
    }
    .citynator_white_block .left_column{
        width: 100%;
        margin-top: 0px;
    }
    .citynator_white_block .map_column{
        width: 100%;
    }
    .employee_staff,.good_services,.city_name_img {
        margin-right: 133px;
        padding-right: 58px;
        width: auto !important;
    }
}
@media all and (max-width:1180px) {
    .city_nator_form .mi_form_filed_row {
        width: 45%;
    }
    .city_nator_form .mi_form_filed_button {
        float: none;
        clear: both;

    }
    .city_nator_form .mi_form_filed_button input[type="button"]{
        margin-top: 15px;

    }
}
@media all and (max-width:1000px) {
    .mi_page_wrapper .city_nator_form .mi_form_filed_row{
        width: 45%;
    }
    .mi_page_wrapper .city_nator_form .or_box{
        width: 25px;
        margin-right: 30px;
        min-height: 15px;
        line-height: 15px;
        margin-top: 0px;
    }
    .mi_page_wrapper .city_nator_form .mi_form_filed_button{
        float: none;
        margin: 0 auto;

    }

    .left_div{
        width: 40% !important;
    }
    .citynator_white_block .left_column{
        width: 100%;
        margin-top: 0px;
    }
    .citynator_white_block .map_column{
        width: 100%;
    }
    .city_nator_newsletter {
        width: 100%;}
}

@media all and (max-width:945px) {
    .rigth_div{
        width: 50% !important;
    }
    .city_nator_form .or_box {
        margin-top: 0px !important;
        line-height: 50px;
        width: 96%;
        font-size: 24px;
    }

  /*  .city_nator_form .mi_form_filed_row input[type="text"],*/
  .ui-widget input::placeholder {
      font-size: 17px;
  }
    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
        width: 85%;
    }
    .city_nator_form .mi_form_filed_row label {
        font-size: 20px;
    }
    .city_nator_form .mi_form_filed_row {
        width: 100%;
    }
    .city_nator_form .mi_form_filed_button {
        width: 100%;
        float: left;
      /*   margin-top: 15px;*/
    }
/*    .citynator_white_block .left_column .city_box {
        font-size: 18.91px;
    }*/
    .citynator_white_block .map_column .map img {
        width: 100%;
    }
    .citynator_white_block .left_column .city_box {

        width: 100%;
        
    }
    .city_nator_form .or_box {

        margin-top: 12px;
    }
}
@media all and (max-width:630px) {
    .citynator_white_block .left_column .two-col{
        width:100%;

    }
    .citynator_white_block .left_column .combine_total_box,.spending_box {
        width:100% !important;
    }

}
@media all and (max-width:750px) {
    .employee_staff,.good_services,.city_name_img {
        margin-right: 20px;
    }

}
@media all and (max-width:720px) {
    .mi_page_wrapper .city_nator_form .mi_form_filed_row label{
        font-size: 17px;
    }
    .mi_page_wrapper .city_nator_form .or_box{
        margin-right: 10px;
        font-size: 14px;
    }
    .mi_page_wrapper .city_nator_form .mi_form_filed_row{
        width: 45%;
    }
    .mi_page_wrapper .city_nator_form .mi_form_filed_row input[type="text"],
    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
        width: 98%;
    }
    .citynator_white_block .left_column,
    .citynator_white_block .map_column{
        width: 100%;
    }
}

@media all and (max-width:600px) {
    .mi_page_wrapper .city_nator_form .mi_form_filed_row label{
        font-size: 15px;
    }


}
@media all and (max-width:640px) {
    .city_nator_bottom_block {
        padding: 0px 20px;
    }
    .display{
        display:none !important;
    }
    .display_none{
        display: block;
    }
    .employee_staff {
        background: url(images/pop-pink.png) no-repeat top center;
        background-size: contain;
        margin-bottom: 20px;
        margin-right: 0px;
       
    }
    .good_services {
        background: url(images/basket-pink.png) no-repeat top center;
        background-size: contain;
        margin-bottom: 20px;
        margin-right: 0px;
        
    }
    .city_name_img {
        background: url(images/city-pink.png) no-repeat top center;
        background-size: auto auto;
        background-size: contain;
        margin-bottom: 14px;
        margin-right: 0px;
        
        
    }
    .polution_count,.total_population,.yen_total,.dolar_total{
        color:#f00;
        font-family: 'Oswald', sans-serif;
    }
    .citynator_white_block .left_column .selected_city_population .cityname{
        height: 60px;
        padding-top: 0px;
    }
    .city_nator_count .city_name_img {
        margin-top: 10px;
    }
    .city_nator_count .good_services{
        margin-top: 20px;
    }
    .city_nator_count .employee_staff{
        margin-top: 15px;
    }

}
@media all and (max-width:459px) {
    .mi_page_wrapper .city_nator_form .mi_form_filed_row{
        width: 95%;
    }
    .mi_page_wrapper .city_nator_form .mi_form_filed_row label{
        font-size: 17px;
    }
    .mi_page_wrapper .city_nator_form .mi_form_filed_button{
        width: 100%;
        float: left;
    }
    .mi_page_wrapper .city_nator_form .or_box{
        font-size: 20x;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .citynator_white_block .left_column .calculation_block .two-col{
        width: 95%;
    }
    .citynator_white_block .left_column .calculation_block .two-col:first-child{
        border: none;
    }
     .citynator_white_block .left_column .selected_city_population .cityname{
        height: auto;
     }
}
@media all and (max-width:400px) {
    .city_nator_form .mi_form_filed_row input[type="text"]{
        font-size: 15px; 
    }
}