body{margin: 0; padding: 0; position: relative;}
header{ background:#fff; padding: 10px 0; }
.clear{clear: both;}
.container {
    width: 980px;
}
.navbar-nav {  margin-top: 20px;}
.sub_title{width:200px; background-color: rgba(0, 0, 0, 0.3); height: 3px; }
.sub_title_2{width:160px; background-color: rgba(0, 0, 0, 0.3); height: 3px;}
.top_menu > li > a{color:#363e41;}
.top_menu > li > a:hover,.log_out li a:hover {background:#2cc2e5; color: #fff; }
.log_out li a {color: #ff0000;}
.blue_banner{background:#2cc2e5;  border-radius: 0 4px 4px 0; border-right: 1px solid #fff;  padding-bottom: 87px;}
.yellow_banner{background:#f9c22a; z-index: -99999;  border-left: 1px solid #fff;
    border-radius: 4px 0 0 4px;  padding-bottom: 20px; position: inherit !important; }
h4.title{color: #fff; font-size:22px; }
h4.title a{color: #fff; font-size:22px;}
.icon_bg > img { display: block;   margin: 0 auto;}
.icon_bg {  background: rgba(0, 0, 0, 0) url("../images/all_bg.png") no-repeat scroll 0 0 / 100% 100%;  opacity: 0.5; height: 110px; padding: 20px 0; width: 75px;}
.vote_icon{ right: 60px; top: 0;}
.icon_bg{ position: absolute;}
.vote_cat li {
    border-right: 2px solid #4ecbe7;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 600;
    list-style: outside none none;
    margin: 14px 0 10px;
    padding: 13px 15px;
    text-align: center;
}
.trope_icon.icon_bg {
    right: 20px;
    top: 0;
}
.vote_cat {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 3px;
    clear: both;
    display: block;
    margin: 0 -42px 0px 0;
    overflow: hidden;
    padding: 10px 0;
    z-index: -2147483648;
}
.vote_cat li.border_none{border: none;}
.vote_cat ul{
    padding: 0; margin: 0;	
}
.yellow_banner{color: #fff;}
.yellow_banner .nominate {
    padding: 43px 0 103px 52px;
}
.yellow_banner p {
    margin-top: 64px;
    color: #fff;
}
.profile{background: #fa646d; border-right:2px solid #fff; border-radius:0 4px 4px 0;}   
.nominations { background: #7a68d6; border-radius: 4px; border-right:2px solid #fff; }
.banner_two .message{background: #22c979; border-radius: 4px; border-right:2px solid #fff;    max-height: 420px; min-height: 309px;}
.joy_action{background: #232a3d;    border-radius: 4px 0 0 4px;}
.banner_two_inner h4{margin-top: 125px;}
 .bonner_icon{left: 15px;}
.banner_two_inner {
    border-top: 2px solid #fff;
}
 .banner_two_inner p{color: #fff; margin-top:15px;  max-height: 250px;
    min-height: 130px;}
.meassage_aerow > img {
    display: block;
    margin: 0 auto;
  
    padding-top: 24px;
}
.row{margin: 0;}

.link_buttons .btn.btn-info {
    background: #383d43 none repeat scroll 0 0;
    font-weight: bold;
    border-color:#383d43;
    width: 100%;
    text-transform: uppercase;
     padding: 10px 0;
}
.link_buttons {
    padding-top: 35px;
}
.add-on{width: 100%;}
.search_comunity .search{
    height: 50px;
    width: 100%;
}
.search_comunity {
    background: #2bbba6 none repeat scroll 0 0;
    position: relative;
     padding: 50px 0;
}
.search_button{
    background: #c03318 none repeat scroll 0 0;
    color: #fff;
    height: 50px;
    padding: 0 10px;
}
.search_comunity h2 {
      color: #ffffff;
    font-family: "museo_sans300";
    font-size: 30px;
    letter-spacing: 1.5px;
    line-height: 36px;
    text-transform: uppercase;
}
.search_comunity .navbar-form{padding: 0;}

.search_comunity .navbar-form .input-group-btn {
    width: 1%;
}
.border_dot {
    position: absolute; 
    width: 300px;
}
.border_dot_top{top: 30px;}
.border_dot_bottom{right: 0; bottom: 30px;}
.border_white {
    background: #fff none repeat scroll 0 0;
    height: 1px;
    margin-top: 3px;
    padding: 0;
}
.dont_inner {
    background: #fff none repeat scroll 0 0;
    border-radius: 100px;
    height: 8px;
    width: 8px;
}
.mark_place_inner img {
    float: left;
}
.mark_place {
    background: #f5f5f5 none repeat scroll 0 0;
     padding-bottom: 30px;
}
.mark_text {
    margin-left: 0;
    overflow: hidden;
}

.mark_text h5 {
    font-size: large;
    margin: 0;
    padding: 0 10px;
}
.mark_text p {
    font-size: 16px;
    font-style: italic;
    margin-bottom: 3px;
    margin-top: 7px;
    padding: 0 10px;
}
.mark_place_box img {
    margin-right: 15px;
    padding: 0;
    width: auto;
}
.mark_place_box img {
    padding: 0;
     margin-right: 15px;
    width: auto;
}
.mark_place div div {
    padding: 0;
}
.mark_place_inner {
    background: #fff none repeat scroll 0 0;
    margin-right:5.4%;
    border-radius: 5px;
    width: 388px;
}
.first_mark{width: 300px;}
.mark_place .row {
    padding-top: 30px;
}
.center_row .mark_place_inner {margin-left: 8%; margin-right: 0;}
.center_row .last_mark {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: right;
    margin: 0;
    width: auto;
}
.center_row{padding-left: 4%;}
.last_mark .mark_text{display: none;}
.last_mark img {
    margin-right: 0;}
.center_row .first_mark{width: 388px;}

.today span{ padding: 0 0 25px;}
.noteficarions {
    background: #383d43 none repeat scroll 0 0;
    padding: 50px 0 75px;
}
.notefication_border_top {
    background: #29bba6 none repeat scroll 0 0;
    height: 1px;
    width: 60%;
    position:relative;
        margin-bottom: 25px;
}
.notefication_border_top::after {
    background: #29bba6 none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    height: 10px;
    position: absolute;
    right: -20px;
    top: -5px;
    width: 10px;
}
.notification_border_bottom
{
    background: #fff none repeat scroll 0 0;
    height: 1px;
    width: 60%;
    position:relative;
     margin-top: 25px;
     float: right;
}
.notification_border_bottom::after {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    height: 10px;
    left: -20px;
    position: absolute;
    top: -5px;
    width: 10px;
}
.today {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    clear: both;
    margin-top: 30px;
    padding: 20px 20px 40px;
    position: relative;
}
.activty_full{padding: 15px 20px;}
.activty{background: #f5f5f5; padding: 20px 30px; border-radius: 5px;}
.activty > h2 {
    color: #373c40;
    margin: 0 0 0 25px;
}   
.today_bottom {
    background: #d8d8d8 none repeat scroll 0 0;
    height: 1px;
    margin-top: 29px;
    width: 300px;
}
.today > img {
    float: right;
}
.user_text {
    padding: 0;
}
.row.user_info {
    border-bottom: 2px solid #5d6266;
    padding: 20px 0;
}
li.user_info {
    border-bottom: 2px solid #5d6266;
    clear: both;
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 5px;
}
.user_text {
    padding: 0;
}
.user_text p {
    font-style: italic;
}

.js .nav-collapse {
  position: relative;
}

.nav-toggle {
  display: none;
}

.nav-collapse {
  float: right;
  width: auto;
}

.nav-collapse li {
  width: auto;
}

.nav-collapse a {
  border-left: 1px solid white;
  padding: 1.02em 2em;
  text-align: center;
  border-top: 0;
  float: left;
  width: auto;
  margin: 0;
}

.nav-collapse .active a {
  background: transparent;
}

#nav-trigger {
  display: none;
  text-align: right; }
  #nav-trigger span {
    display: inline-block;
    padding: 10px 26px;
    border-radius: 3px;
    background-color: #2cc2e5;
    color: white;
    cursor: pointer;
    text-transform: uppercase; }

    #nav-trigger span:hover {
      background-color: #e6002d; }
    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; }

@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

#nav-trigger span {
    float: right;
    height: 45px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-indent: 4e+10px;
    width: 29px;
}

#nav-trigger span::before {
    color: #fff;
    content: "≡";
    font: bold 50px/37px "responsivenav";
    left: 0;
    position: absolute;
    text-align: center;
    text-indent: 0;
    text-transform: none;
    top: 0;
    width: 100%;
}

#nav-trigger span.open::before {
    content: "x";
    font: 42px/32px "responsivenav";
  
}



  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; }
     nav#nav-main ul .top_menu{ margin-top: 20px;}
  nav#nav-main a {
    display: block;}
   nav#nav-mobile .top_menu > li > a:hover {
      background-color: #e6002d;
      color: #fff; }

nav#nav-mobile {
  position: relative;
  display: none; }
  nav#nav-mobile .top_menu {
    display: none;
    list-style-type: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #ff0032; }
  nav#nav-mobile .top_menu > li  {
    display: block;
    padding: 5px 0;
    margin: 0 5px;
    border-bottom: solid 1px #cc0028; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile .top_menu > li > a {
    display: block;
    color: white;
    padding: 10px 30px; }
    nav#nav-mobile .top_menu > li > a:hover {
      background-color: #e6002d;
      color: #fff; }
 nav#nav-mobile .navbar-brand:hover {
      background-color:transparent;
      color: #fff; }
#nav-mobile .logo {
    display: none;
}

@media screen and (max-width:1285px) {

.mark_place_inner{ margin-right: 3.4%;}
.center_row .mark_place_inner {
    margin-left: 4%;
}

}
@media screen and (max-width:1200px) {


    .container{width:96%; }

    .blue_banner {
    padding-left: 0;
    padding-right: 0;
}
.center_row .mark_place_inner {
    margin-left: 3%;
}
.mark_place_inner {
    margin-right: 1.4%;
}
.vote_cat li{padding: 0;}
}
@media screen and (max-width:1024px) {
    .yellow_banner .nominate {
    padding: 43px 0 157px 52px;
}
.yellow_banner{padding-bottom: 72px;}
.last_mark img {
    margin-right: 20px;
}

.center_row .last_mark {
    background: #fff none repeat scroll 0 0;
    width: 388px;
}
.col-sm-3.mark_place_inner {
    clear: both;
    float: none;
    margin: 25px auto;
    padding: 0 0 12px;
}
.last_mark .mark_text {
    display: block;
}
.vote_cat li {
    font-size: 13px;
    padding: 0;
}
.blue_banner{ padding-bottom: 62px; }
.yellow_banner .nominate {
    padding: 43px 0 10px 52px;
}


.vote_cat li{ padding: 13px 14px;}
}
@media screen and (max-width:980px) {
.banner_two_inner h4 {
    margin-top: 0;
    padding-top: 30px;
}
.vote_cat li {
    padding: 13px 10px;
}
.banner_two_inner {
    border-top: 2px solid #fff;
    width: 50%;
}
.banner_two .message{min-height: 225px;}
.bonner_icon.icon_bg {
    left: auto;
    right: 15px;
}
.link_buttons .btn.btn-info{margin: 20px 0;}
.border_dot_top,.border_dot_bottom{display: none;}
.activty {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 5px;
    padding: 20px 30px;
}
.navbar-brand{margin: 0 auto;}
.top_menu > li > a {
    color: #363e41;
    text-align: center;
}
}
@media screen and (max-width:767px) {
.banner_two_inner {
    border-top: 2px solid #fff;
    width: 100%;
}
.vote_cat{margin:0 auto;}
.vote_cat ul li{border: none;}
 #nav-trigger {
    display: block; }
.navbar-right.log_out a {
    text-align: right;
}
.nav.navbar-nav.top_menu {
    display: none;
}
  nav#nav-mobile {
    display: block; }
header {
  position: relative;
    padding: 36px 0 8px;
}
nav#nav-main ul.log_out {
    position: absolute;
    right: 0;
    top: -30px;
}
header .container {
    padding: 0;
    width: 100%;
}
#nav-trigger {
    position: absolute;
    right: 15px;
    text-align: right;
    top: 57px;
}
nav#nav-mobile .log_out{ display: none; }
.activty_full .user_info{text-align: center;}
.activty_full .user_info img {
    display: block;
    margin: 0 auto;
}
.vote_cat li {
    font-size: 16px;
}
}

@media screen and (max-width:480px) {
.search_comunity h2 {
    color: #ffff;
    font-size: 26px;
}
.mark_place div div {
    padding: 15px 0 0;
}
.activty img {
    display: block;
    margin: 0 auto;
}
.sub_title {
    width: 45%;
}
.mark_text {
    text-align: center;
    width: 100%;
}
.mark_place_inner,.center_row .first_mark {
    clear: both;
    float: none;
    margin: 25px auto;
     width: 80%;
    padding: 15px 0 12px;
}
.mark_place_box img, .last_mark .mark_place_box img {
    display: block;
    float: none;
    margin: 0 auto;
}
.today_bottom{     width: 100% }
}
@media screen and (max-width:414px) {
.banner_two_inner p {
    width: 70%;
}
.user_img_inner{width: 80%;}
.logo img {
    height: auto;
    width: 178px;
}
}