/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 30, 2017, 2:27:01 AM
    Author     : Sarower Jahan
*/
/*========== Mixin CSS ==========*/
/*== End Mixin ==*/
/*========== Global Css ===========*/
body {
  font-family: 'Roboto', sans-serif;
  line-height: 21px; }

.form-control:focus, .input-group-addon:focus {
  outline: 0; }

.btn-default {
  border-radius: 32px;
  padding: 6px 35px 5px; }

label {
  font-weight: normal; }

.section h3 {
  color: #d3383f; }

.form-control {
  border-radius: 0;
  box-shadow: none; }

/*== End Global==*/
/*========== Style for Bootstrap Modal ==========*/
.modal.fade .modal-dialog {
  transform: none;
  -webkit-transform: scale(0.75, 0.75);
  -moz-transform: scale(0.75, 0.75);
  -ms-transform: scale(0.75, 0.75);
  -o-transform: scale(0.75, 0.75);
  transform: scale(0.75, 0.75);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 0; }
.modal.fade.in .modal-dialog {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1; }
.modal .modal-dialog.modal-xs {
  width: 400px;
  max-width: 100%; }
.modal .modal-dialog .modal-header {
  background: #234577;
  color: white; }
  .modal .modal-dialog .modal-header .close {
    color: white;
    opacity: 1; }
.modal .modal-dialog .modal-content {
  border-radius: 0; }
.modal .form-control {
  height: 28px; }

/*== End Modal ==*/
/*========== Header Start Here ==========*/
header {
  background: #234577;
  color: white;
  padding: 15px 0; }
  header .social_icons {
    text-align: right; }
    header .social_icons ul {
      margin: 0;
      padding: 0; }
      header .social_icons ul:after {
        content: ' ';
        display: table;
        clear: both; }
      header .social_icons ul li {
        float: right;
        list-style: none; }
        header .social_icons ul li a {
          display: block;
          text-decoration: none; }
          header .social_icons ul li a .fa {
            display: block;
            background: white;
            color: #234577;
            width: 30px;
            height: 30px;
            text-align: center;
            padding: 8px;
            border-radius: 50%;
            margin-left: 2px; }
  header .header_search {
    position: relative;
    float: right;
    margin: 15px 0 0 0; }
    header .header_search .form-group .form-control {
      border-radius: 32px;
      min-width: 250px; }
    header .header_search .form-group .input-group-addon {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 11;
      height: 34px;
      border-radius: 0 32px 32px 0;
      background: #d3383f;
      color: white;
      border-color: #d3383f; }

/*== End Header ==*/
/*========== Navbar Start Here ==========*/
.navbar-default {
  border-radius: 0;
  border: 0;
  margin-bottom: 0; }
  .navbar-default .navbar-nav li a {
    text-transform: uppercase;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px; }

/*== End Navbar ==*/
/*========== Carousel Slider Start Here ==========*/
.carousel .carousel-caption {
  left: 0;
  right: 0;
  text-align: left; }
  .carousel .carousel-caption small {
    color: white;
    font-size: 20px;
    display: block;
    margin-bottom: -14px; }
  .carousel .carousel-caption h1 {
    background: #d3383f;
    font-size: 25px;
    padding: 15px;
    color: white;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    display: table;
    border-radius: 2px; }
  .carousel .carousel-caption h2 {
    background: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    color: #d3383f;
    text-transform: uppercase;
    font-size: 16px;
    display: table;
    padding: 15px;
    line-height: 21px;
    border-radius: 2px; }

/*== End Carousel ==*/
/*========== City Names Start Here ==========*/
.city_name {
  padding: 20px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  background: #e2e8f0; }
  .city_name ul {
    margin: 0;
    padding: 0; }
    .city_name ul li {
      display: inline-block; }
      .city_name ul li::after {
        content: '.';
        margin: 0 15px; }
      .city_name ul li:last-child::after {
        display: none; }

/*== End City Name ==*/
/*========== About Section Start Here ==========*/
.about_party {
  background: #f5f5f5; }
  .about_party .sub_title {
    font-size: 15px; }
  .about_party .democracy_logo {
    margin-top: 65px; }
  .about_party .text {
    padding: 30px 0 50px 15px;
    border-left: 1px solid #eaeaea; }
  .about_party .flyers {
    margin-top: 30px; }

.flyer_modal .modal-body {
  text-align: center; }

.flyer_modal img {
  margin: auto;
  max-height: 430px; }

.flyer_modal .modal-dialog {
  max-width: 390px;
  margin: 10px auto !important; }

/*== End About ==*/
/*========= Why Section ==========*/
.why {
  background: white; }
  .why .why_logo {
    margin-top: 100px; }

/*== End Why ==*/
/*========= Donation Section ==========*/
.donate_section {
  background: #f6f6f6; }
  .donate_section large {
    font-size: 18px; }
  .donate_section .donate {
    margin-top: 50px; }
    .donate_section .donate img {
      display: table;
      margin: 0px auto; }
  .donate_section .text {
    padding: 30px 0 50px 15px;
    border-left: 1px solid white; }
  .donate_section .donation_form {
    display: none;
    padding-bottom: 20px; }
    .donate_section .donation_form .donate_btn {
      width: 100%;
      height: 50px;
      background-image: url("../images/donate_logo.png");
      background-repeat: no-repeat;
      background-color: transparent;
      border: 0;
      color: transparent; }

/*== End Donation ==*/
/*========== Commitment Section Start Here ==========*/
.commitment {
  background: #f6f6f6; }
  .commitment .donate img {
    display: table;
    margin: 30px auto; }
  .commitment .text {
    padding: 30px 0 50px 15px;
    border-left: 1px solid white; }

/*== End Commitmet Section ==*/
/*========== Gallery Section ========*/
.gallery {
  background: #ededed;
  padding: 30px 0 50px; }
  .gallery .item {
    margin-left: -15px;
    margin-right: -15px;
    max-height: 230px; }
    .gallery .item img {
      width: 100%; }
    .gallery .item .caption {
      background: #234577;
      padding: 8px 15px;
      color: white;
      height: 52px; }

/*== End Gallery Section ==*/
/*========== Paypal Donation Section ==========*/
.paypal_donation {
  background: #f6f6f6;
  padding: 40px 0; }
  .paypal_donation .donation_cats .item {
    display: block;
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #c9cdd4;
    color: #666;
    background: #e1e3e8;
    margin-bottom: 15px;
    text-align: center;
    font-size: 1.5em;
    transition: all .25s; }
    .paypal_donation .donation_cats .item:hover, .paypal_donation .donation_cats .item:focus {
      text-decoration: none;
      background: #d0d2da; }
    .paypal_donation .donation_cats .item:focus {
      color: white; }
    .paypal_donation .donation_cats .item.selected {
      background-color: #5cb85c;
      border-color: #4cae4c;
      color: white; }
    .paypal_donation .donation_cats .item.has_input {
      padding: 9px 15px; }
      .paypal_donation .donation_cats .item.has_input .dollar {
        display: inline-block; }
      .paypal_donation .donation_cats .item.has_input .form-control {
        width: 75%;
        display: inline-block;
        margin-left: 5px;
        font-size: 1em; }

/*== End Paypal Donation ==*/
/*========== Cities Section Start Here ==========*/
.cities {
  padding: 30px 0 50px; }
  .cities h3 {
    margin-bottom: 30px; }
  .cities h4 {
    font-weight: bold;
    font-size: 20px; }
  .cities .hints {
    color: gray; }
  .cities .map_img {
    width: 210px; }

/*== End Cities Section ==*/
/*========== Footer Section Start Here ==========*/
footer {
  background: #f6f6f6;
  padding: 50px 0 30px;
  color: #8d8d8d; }
  footer .item .address ul {
    margin: 0;
    padding: 0; }
    footer .item .address ul li {
      list-style: none;
      margin-bottom: 10px; }
      footer .item .address ul li a {
        padding-left: 20px;
        display: table;
        position: relative;
        color: inherit; }
        footer .item .address ul li a:hover {
          color: #d3383f; }
        footer .item .address ul li a .fa {
          position: absolute;
          left: 0;
          top: 3px; }
  footer h3 {
    font-size: 26px;
    font-weight: 100;
    margin: 0 0 15px 0; }
  footer .footer_last {
    border-top: 1px dotted #d0d0d0;
    padding: 30px 0 0; }
    footer .footer_last .counter {
      display: table;
      margin: auto; }
      footer .footer_last .counter img {
        max-width: 30px; }

/*== End Footer ==*/
/*===========Back to top Scroll=======*/
#top-link-block.affix-top {
  position: fixed;
  bottom: -40px;
  right: 30px;
  opacity: 0;
  transition: all .5s;
  transform: scale(0, 0); }

#top-link-block.affix {
  position: fixed;
  bottom: 40px;
  right: 10px;
  opacity: 1;
  z-index: 999;
  transform: scale(1, 1);
  transition: all .5s; }

#top-link-block .well {
  border: 0;
  background: #224a86;
  color: white;
  padding: 15px;
  border-radius: 0; }

/*== End Back to top==*/
@media screen and (max-width: 1199px) {
  .navbar-default .navbar-nav li a {
    padding-left: 15px;
    padding-right: 15px; }

  .gallery .item {
    max-height: 199px; }
    .gallery .item.long_image img {
      height: 346px; } }
@media screen and (max-width: 991px) {
  .navbar-default .navbar-nav li a {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 12px; }

  .carousel .carousel-caption h1 {
    font-size: 22px;
    padding: 8px 10px; }

  .carousel .carousel-caption h2 {
    font-size: 16px;
    line-height: 20px;
    padding: 8px; }

  .gallery .item .caption {
    height: 90px;
    line-height: 16px; }
  .gallery .item.long_image img {
    height: 313px; } }
@media screen and (max-width: 767px) {
  header {
    padding: 15px 0; }

  .carousel .carousel-caption h1 {
    font-size: 16px;
    padding: 5px 10px; }

  .carousel .carousel-caption h2 {
    font-size: 12px;
    line-height: 15px;
    margin-top: 5px; }

  .carousel-caption {
    bottom: 0; }

  .donate_section .donate {
    margin-top: 50px; }

  .donate_section .text {
    padding-top: 0; }

  footer .item {
    margin-bottom: 30px; }

  .about_party .text, .donate_section .text {
    padding-left: 0;
    border-left: 0; }

  .about_party .text {
    padding-top: 0; }

  .gallery .item {
    margin-left: 0;
    margin-right: 0;
    max-height: initial;
    margin-top: 15px; }
    .gallery .item .caption {
      height: auto; }
    .gallery .item.long_image img {
      height: auto; } }
@media screen and (max-width: 570px) {
  .carousel .carousel-caption h2,
  .carousel .carousel-caption h1 {
    display: none; } }

/*# sourceMappingURL=style.css.map */