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

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html, body { min-height: 100vh; }

body {
  padding-top: 0;
  color: #444;  
  font-family: 'GothamProRegular', sans-serif;
  font-weight: 300;  
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'GothamProBold', sans-serif;
  font-weight: 400;
}
a {
  color: #5a5d8a;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  text-decoration: underline;
}
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}
.btn {
  font-weight: 400;
}
.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
a:hover,
a:focus {
  color: #d9534f;
  text-decoration: none;
  outline: none;
}
.dropdown-menu {
  margin-top: -1px;
  min-width: 180px;
}
body > section {
  padding: 40px 0;
}
.turquoise,
.green-sea,
.sun-flower,
.orange,
.emerald,
.nephrits,
.carrot,
.pumkin,
.peter-river,
.belize-hole,
.alizarin,
.pomegranate,
.amethyst,
.wisteria,
.clouds .silver,
.wet-asphalt,
.midnight-blue,
.concrete,
.asbestos {
  color: #fff;
}
.turquoise h1,
.green-sea h1,
.sun-flower h1,
.orange h1,
.emerald h1,
.nephrits h1,
.carrot h1,
.pumkin h1,
.peter-river h1,
.belize-hole h1,
.alizarin h1,
.pomegranate h1,
.amethyst h1,
.wisteria h1,
.clouds .silver h1,
.wet-asphalt h1,
.midnight-blue h1,
.concrete h1,
.asbestos h1,
.turquoise h2,
.green-sea h2,
.sun-flower h2,
.orange h2,
.emerald h2,
.nephrits h2,
.carrot h2,
.pumkin h2,
.peter-river h2,
.belize-hole h2,
.alizarin h2,
.pomegranate h2,
.amethyst h2,
.wisteria h2,
.clouds .silver h2,
.wet-asphalt h2,
.midnight-blue h2,
.concrete h2,
.asbestos h2,
.turquoise h3,
.green-sea h3,
.sun-flower h3,
.orange h3,
.emerald h3,
.nephrits h3,
.carrot h3,
.pumkin h3,
.peter-river h3,
.belize-hole h3,
.alizarin h3,
.pomegranate h3,
.amethyst h3,
.wisteria h3,
.clouds .silver h3,
.wet-asphalt h3,
.midnight-blue h3,
.concrete h3,
.asbestos h3,
.turquoise h4,
.green-sea h4,
.sun-flower h4,
.orange h4,
.emerald h4,
.nephrits h4,
.carrot h4,
.pumkin h4,
.peter-river h4,
.belize-hole h4,
.alizarin h4,
.pomegranate h4,
.amethyst h4,
.wisteria h4,
.clouds .silver h4,
.wet-asphalt h4,
.midnight-blue h4,
.concrete h4,
.asbestos h4,
.turquoise h5,
.green-sea h5,
.sun-flower h5,
.orange h5,
.emerald h5,
.nephrits h5,
.carrot h5,
.pumkin h5,
.peter-river h5,
.belize-hole h5,
.alizarin h5,
.pomegranate h5,
.amethyst h5,
.wisteria h5,
.clouds .silver h5,
.wet-asphalt h5,
.midnight-blue h5,
.concrete h5,
.asbestos h5,
.turquoise h6,
.green-sea h6,
.sun-flower h6,
.orange h6,
.emerald h6,
.nephrits h6,
.carrot h6,
.pumkin h6,
.peter-river h6,
.belize-hole h6,
.alizarin h6,
.pomegranate h6,
.amethyst h6,
.wisteria h6,
.clouds .silver h6,
.wet-asphalt h6,
.midnight-blue h6,
.concrete h6,
.asbestos h6 {
  color: #fff;
}
.turquoise small,
.green-sea small,
.sun-flower small,
.orange small,
.emerald small,
.nephrits small,
.carrot small,
.pumkin small,
.peter-river small,
.belize-hole small,
.alizarin small,
.pomegranate small,
.amethyst small,
.wisteria small,
.clouds .silver small,
.wet-asphalt small,
.midnight-blue small,
.concrete small,
.asbestos small {
  color: rgba(255, 255, 255, 0.8);
}
.turquoise {
  background-color: #1abc9c;
}
.green-sea {
  background-color: #16a085;
}
.sun-flower {
  background-color: #f1c40f;
}
.orange {
  background-color: #f39c12;
}
.emerald {
  background-color: #2ecc71;
}

.my_blue {
  background-color: #3dc4eb;
}

.nephritis {
  background-color: #27ae60;
}
.carrot {
  background-color: #e67e22;
}
.pumkin {
  background-color: #d35400;
}
.peter-river {
  background-color: #3498db;
}
.belize-hole {
  background-color: #2980b9;
}
.alizarin {
  background-color: #e74c3c;
}
.pomegranate {
  background-color: #c0392b;
}
.amethyst {
  background-color: #9b59b6;
}
.wisteria {
  background-color: #8e44ad;
}
.clouds {
  background-color: #ecf0f1;
}
.silver {
  background-color: #bdc3c7;
}
.wet-asphalt {
  background-color: #34495e;
}
/*.wet-asphalt a:not(.btn) {
  color: #bdc3c7;
}
.wet-asphalt a:not(.btn):hover {
  color: #d9534f;
}*/
.midnight-blue {
  background-color: #2c3e50;
}
.concrete {
  background-color: #95a5a6;
}
.asbestos {
  background-color: #7f8c8d;
}

.row div.phone_col, .phone_col p
{
  margin-bottom: 0;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */

  padding-top: 30px;
  /* IE6 workaround*/

  height: 0;
  overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#main-slider {
  position: relative;
}
#main-slider .carousel h2 {
  font-size: 36px;
  font-weight: bold;
  text-shadow: #000 1px 1px 1px;
}

/*
#main-slider .carousel a.btn {
  
  border: 3px solid rgba(255, 255, 255, 0.5);
  color: #34495e;
  border-radius: 0;
  margin-top: 0px;
  background-color: rgba(255, 255, 255, 0.5);
    
  background: #28fc98;
  background: -moz-linear-gradient(top,  #28fc98 0%, #13cf77 44%, #00a85a 100%);
  background: -webkit-linear-gradient(top,  #28fc98 0%,#13cf77 44%,#00a85a 100%);
  background: linear-gradient(to bottom,  #28fc98 0%,#13cf77 44%,#00a85a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28fc98', endColorstr='#00a85a',GradientType=0 );

  border: 0;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}

#main-slider .carousel a.btn:hover, #main-slider .carousel a.btn:active
{
  background: #28fc98;
  background: -moz-linear-gradient(top,  #00a85a 0%, #13cf77 44%, #28fc98 100%);
  background: -webkit-linear-gradient(top,  #00a85a 0%,#13cf77 44%,#28fc98 100%);
  background: linear-gradient(to bottom,  #00a85a 0%,#13cf77 44%,#28fc98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a85a', endColorstr='#28fc98',GradientType=0 );
}

#main-slider .carousel .btn:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
*/

#main-slider .carousel .boxed  span{
  padding: 0px 0px;
  /*background-color: rgb( 255, 255, 255, 0.8);
  color: #34495e;*/
  background: transparent;
  color: #fff;
  text-shadow: #000 1px 1px 1px;
  font-size: 1.2em;
  display: inline-block;
}
#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 330px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}
#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}
#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}
#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
#main-slider .prev {
  left: 10px;
}
#main-slider .next {
  right: 10px;
}
#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}
#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}
#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}
#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}
#services .media:hover .icon-md {
  border-radius: 10px;
  background-color: rgba( 192, 192, 192, 0.9 );
}
#recent-works {
  padding: 40px 0;
}
#recent-works .item-inner {
  position: relative;
  margin: 0;
}
.portfolio-items,
.portfolio-filter {
  list-style: none;
  padding: 0;
  margin: 0 -20px 20px 0;
}
.portfolio-filter > li {
  display: inline-block;
}
.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.portfolio-items.col-2 > li {
  width: 50%;
}
.portfolio-items.col-3 > li {
  width: 33%;
}
.portfolio-items.col-4 > li {
  width: 25%;
}
.portfolio-items.col-5 > li {
  width: 20%;
}
.portfolio-items.col-6 > li {
  width: 16%;
}
.portfolio-item {
  padding: 0;
  margin: 0;
}
.portfolio-item .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
}
.portfolio-item img {
  width: 100%;
}
.portfolio-item h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
#pricing-table .plan {
  border-radius: 4px;
  list-style: none;
  margin: 0 0 20px;
  background: #3498db;
  text-align: center;
  padding: 30px 0;
}
#pricing-table .plan li {
  padding: 5px 0;
  color: #fff;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
#pricing-table .plan li.plan-name {
  font-size: 24px;
  line-height: 24px;
  color: #fff;
}
#pricing-table .plan li.plan-name h3 {
  margin: 0;
}
#pricing-table .plan li.plan-price {
  margin-bottom: 10px;
}
#pricing-table .plan li.plan-price > div {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 10px;
  font-size: 24px;
  border-radius: 100%;
  width: 70px;
  height: 70px;
}
#pricing-table .plan li.plan-price > div sup {
  font-size: 10px;
  line-height: 10px;
}
#pricing-table .plan li.plan-price > div > small {
  display: block;
  font-size: 11px;
}
#pricing-table .plan li.plan-action {
  margin-top: 10px;
  border-top: 0;
}
#pricing-table .plan.featured {
  background-color: #2c3e50;
}
#title h1 {
  margin: 0;
  font-size: 36px;
  font-weight: 300;
}
.center {
  text-align: center;
}
#meet-the-team .designation {
  margin-top: 5px;
  display: block;
  font-size: 13px;
}
.img-thumbnail {
  border: 0;
}
.progress,
.progress .bar {
  background: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 30px;
  line-height: 30px;
}
.well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
}
ul.breadcrumb {
  margin: 20px 0 0;
  background: transparent;
}
ul.breadcrumb > li {
  text-shadow: none;
}
ul.breadcrumb > li > a,
ul.breadcrumb > li .divider {
  color: #fff;
}
ul.breadcrumb > li.active {
  color: rgba(255, 255, 255, 0.7);
}
ul.tag-cloud {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.tag-cloud li {
  display: inline-block;
  margin: 0 0 2px 0;
}
.btn-social {
  border: 0;
  color: #fff;
  border-radius: 100%;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  padding: 0;
}
.btn-social.btn-facebook {
  background: #4f7dd4;
}
.btn-social.btn-facebook:hover {
  background: #789bde;
}
.btn-social.btn-twitter {
  background: #5bceff;
}
.btn-social.btn-twitter:hover {
  background: #8eddff;
}
.btn-social.btn-linkedin {
  background: #21a6d8;
}
.btn-social.btn-linkedin:hover {
  background: #49b9e3;
}
.btn-social.btn-google-plus {
  background: #dc422b;
}
.btn-social.btn-google-plus:hover {
  background: #e36957;
}
.btn-social:hover {
  color: #fff;
}
.navbar-inverse {
  border: none;
}
.navbar-inverse .navbar-brand {
  font-family: 'Bubbler One', sans-serif;
  font-size: 36px;
  line-height: 50px;
  color: #fff;
}
.navbar-inverse .navbar-nav {
  margin-top: 10px;
}

ul.bottommenu li
{
  margin: 8px 0;
}

ul.bottommenu li > a,
.navbar-inverse .navbar-nav > li > a {
  
  
  background: rgba(66, 66, 66, 0.5);
  border-radius: 0; /*4px;*/
  border-bottom: 1px #fff solid;
  /*color: #2c3e50;*/
  color: #fff;
  text-decoration: none;
  text-shadow: #555 1px 1px 0;
  padding: 9px 6px;  
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:active {
  /*color: rgb(217, 83, 79);*/
  color: #ffd6ec;
  background: rgba(186, 186, 186, 0.5);
}

/*.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .open > a:hover
{
  color: #e5077f;
}*/

ul.bottommenu .active > a,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  /*background-color: #2c3e50;*/
  border-bottom: 3px #28fc98 solid;
  background: rgba(186, 186, 186, 0.5);
  font-weight: bold;
  
}

.navbar-inverse .navbar-nav .dropdown-menu {
  background-color: #2c3e50;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
  padding: 0;
  margin-top: -3px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a {
  padding: 8px 0;
  color: #bdc3c7;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
  background-color: rgba(0, 0, 0, 0.3);
}
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-top: 0;
}

.navbar-inverse .navbar-toggle .icon-bar
{
  background-color: #2c3e50;
}

#social-media .icon-facebook {
  background-color: #3c5899;
}
#social-media .icon-facebook:hover {
  background-color: #4e6fba;
}
#social-media .icon-twitter {
  background-color: #29c5f6;
}
#social-media .icon-twitter:hover {
  background-color: #5ad2f8;
}
#social-media .icon-google-plus {
  background-color: #d13d2f;
}
#social-media .icon-google-plus:hover {
  background-color: #da6459;
}
#social-media .icon-pinterest {
  background-color: #c61118;
}
#social-media .icon-pinterest:hover {
  background-color: #ec1e26;
}
.icon-lg {
  font-size: 48px;
  height: 108px;
  width: 108px;
  line-height: 108px;
  color: #fff;
  margin: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  display: inline-block !important;
  border-radius: 100%;
}
.icon-md {
  font-size: 36px;
  height: 68px;
  width: 68px;
  line-height: 68px;
  color: #fff;
  margin-right: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  display: block;
  border-radius: 50%;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.modal {
  border: 0;
}
.modal#loginForm {
  width: 600px;
  margin-left: -300px;
}
.modal .modal-header {
  border: 0;
  padding: 20px 20px 0;
}
.modal .modal-header > h4 {
  font-weight: 300;
  font-size: 14px;
  color: #848484;
  text-transform: uppercase;
  margin: 0;
}
.modal .modal-body {
  padding: 20px;
}
.modal input[type="text"],
.modal input[type="password"] {
  padding: 5px 10px;
  min-height: 30px;
  width: 130px;
  margin-right: 10px;
}
.modal .icon-remove {
  color: #848484;
  position: absolute;
  right: -5px;
  top: -5px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  display: block;
  background: #ebebeb;
  
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
}
.modal button {
  margin-left: 10px;
  border: 0;
}
.gap {
  margin-bottom: 50px;
}
.big-gap {
  margin-bottom: 100px;
}
.no-margin {
  margin: 0;
  padding: 0;
}
.registration-form {
  border: 0;
  background-color: #fff;
  padding: 20px;
  display: inline-block;
}
#bottom {
  color: #bdc3c7;
}
#bottom h4 {
  margin-top: 0;
  margin-bottom: 15px;
}
#bottom .media-heading {
  display: block;
  font-weight: 400;
}
.row > div {
  margin-bottom: 10px;
}
ul.unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}
/*Unordered Lists*/
ul.arrow,
ul.arrow-double,
ul.tick,
ul.cross,
ul.star,
ul.rss {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before,
ul.arrow li::after,
ul.arrow-double li::after,
ul.tick li::after,
ul.cross li::after,
ul.star li::after,
ul.rss li::after {
  font-family: FontAwesome;
  font-size: 11px;
}
ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before {
  margin-right: 5px;
}
ul.arrow li::before {
  content: "\f105";
}
ul.arrow-double li::before {
  content: "\f101";
}
ul.tick li::before {
  content: "\f00c";
}
ul.cross li::before {
  content: "\f00d";
}
ul.star li::before {
  content: "\f006";
}
ul.rss li::before {
  content: "\f09e";
}
#footer {
  padding-top: 30px;
  padding-bottom: 30px;  
  color: #bdc3c7;
  background: #1a1533 url(../core/resources/graphic/bottom.jpg) no-repeat scroll 0 0;
  position: sticky;
  top: 100vh;
}
#footer a {
  color: #bdc3c7;
}
#footer a:hover {
  color: #d9534f;
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer ul > li {
  display: inline-block;
  /*margin-left: 15px;*/
}
ul.social {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: inline-block;
}
ul.social > li {
  display: inline-block;
  margin: 0 5px;
}
ul.social > li > a {
  font-size: 24px;
  color: #666;
}
ul.social > li > a:hover {
  color: #999;
}
.box-border {
  padding: 15px;
}
.accordion-group {
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
}
.accordion-heading .accordion-toggle {
  color: #666;
  font-weight: 700;
}
.accordion-inner {
  border-top: 0;
}
.blog .blog-item {
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 20px;
}
.blog .blog-item .img-blog {
  width: 100%;
  border-radius: 5px 5px 0 0;
}
.blog .blog-item .blog-content {
  padding: 20px;
}
.blog .blog-item h3 {
  margin-top: 0;
}
.blog .blog-item .entry-meta {
  margin-bottom: 20px;
}
.blog .blog-item .entry-meta > span {
  display: inline-block;
  color: #999;
  margin-right: 10px;
  font-size: 12px;
}
.blog .blog-item .entry-meta > span a {
  color: #999;
}
ul.pagination > li > a {
  border: 0;
}
ul.pagination > li.active > a,
ul.pagination > li:hover > a {
  background-color: #34495e;
  color: #fff;
}
textarea#message {
  padding: 10px 15px;
  height: 219px;
}
.widget {
  margin-bottom: 30px;
}
ul.gallery {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.gallery li {
  display: block;
  width: 60px;
  padding: 0;
  margin: 0 4px 4px 0;
  float: left;
}
ul.faq {
  list-style: none;
  margin: 0;
}
ul.faq li {
  margin-top: 30px;
}
ul.faq li:first-child {
  margin-top: 0;
}
ul.faq li span.number {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #34495e;
  color: #fff;
  font-size: 24px;
}
ul.faq li > div {
  margin-left: 70px;
}
ul.faq li > div h3 {
  margin-top: 0;
}
#error {
  text-align: center;
  margin-top: 150px;
  margin-bottom: 150px;
}


a#gototop
{
  position: fixed;
  bottom: 20px;
  right: 20px;
  color: #e5097f;
}

a#gototop:hover, a#gototop:active
{
  color: #fd439f;
}

a.big-green-icon, a.big-green-icon:hover
{
  text-decoration: none;
}


/********** richmessage classes ***************/

.richmessage_wrapper
{
  padding-top: 30px;
}

.richmessage
{   
  font-size: 0.9em;
  display: block;
  float: none;
  clear: both;
  background: #fff;
  border: #dee6cf 10px solid;
  margin: 0 auto 20px;
  padding: 5px;
  max-width: 400px;
  box-shadow: 5px 5px 8px rgba(212,212,212,0.8);
}

.richmessage .richmessage_content
{
  padding: 0px 10px 5px 32px;
  min-height: 40px;
}

.richmessage .richmessage_text
{
  padding: 10px;
}

.richmessage .richmessage_links
{
  padding: 3px 10px;
  text-align: center;
}

.richmessage .richmessage_links a
{
  display: inline-block;
  color: #555;
}

.warning16message
{
  width: 18px;
  height: 18px;
  float:left;
  background: transparent url(../core/resources/graphic/warning16.png) no-repeat scroll 5px 5px;
}

.ok32message
{
  width: 36px;
  height: 32px;
  float:left;
  background: transparent url(../core/resources/graphic/ok32.png) no-repeat scroll 0 0;
}

.ok16message
{
  width: 18px;
  min-height: 18px;
  float:left;
  background: transparent url(../core/resources/graphic/ok16.png) no-repeat scroll 0 0;
}

.alertOK .ui-dialog-content
{
  padding-left: 50px;
  background: transparent url(../core/resources/graphic/ok32.png) no-repeat scroll 6px 6px;
}

.alertWarning .ui-dialog-content
{
  padding-left: 50px;
  background: transparent url(../core/resources/graphic/warning32.png) no-repeat scroll 6px 6px;
}

.alertError .ui-dialog-content
{
  padding-left: 50px;
  background: transparent url(../core/resources/graphic/error32.png) no-repeat scroll 6px 6px;
}

.alertInfo .ui-dialog-content
{
  padding-left: 50px;
  background: transparent url(../core/resources/graphic/info32.png) no-repeat scroll 6px 6px;
}

.alertQuestion .ui-dialog-content
{
  padding-left: 50px;
  background: transparent url(../core/resources/graphic/question32.png) no-repeat scroll 6px 6px;
}

.topmost
{
  z-index: 99999;
}

/********** END of richmessage classes ***************/

/*************************************************/
/*.link-button, .btn_button
{
  background: #28fc98;
  background: -moz-linear-gradient(top,  #28fc98 0%, #13cf77 44%, #00a85a 100%);
  background: -webkit-linear-gradient(top,  #28fc98 0%,#13cf77 44%,#00a85a 100%);
  background: linear-gradient(to bottom,  #28fc98 0%,#13cf77 44%,#00a85a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28fc98', endColorstr='#00a85a',GradientType=0 );
  
  padding: 6px 12px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 4px;
  border: 0;
}

.link-button:hover, .link-button:active, .btn_button:hover, .btn_button:active
{
  background: #28fc98;
  background: -moz-linear-gradient(top,  #00a85a 0%, #13cf77 44%, #28fc98 100%);
  background: -webkit-linear-gradient(top,  #00a85a 0%,#13cf77 44%,#28fc98 100%);
  background: linear-gradient(to bottom,  #00a85a 0%,#13cf77 44%,#28fc98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a85a', endColorstr='#28fc98',GradientType=0 );
  color: #fff;
}*/

/****************************************************/
.link-button, a.link-button
{
  display: inline-block;
  color: #fff;  
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 0 1px 0 #FFF;
	-moz-box-shadow: 0 1px 0 #FFF;
	-webkit-box-shadow: 0 1px 0 #FFF;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
  padding: 5px 10px;
	border: 1px solid;
  border-color: #595959;
  transition: all 0.3s ease;
}

.link-button.link-button-orange, a.link-button.link-button-orange  
{
  border-color: #fff;
  font-size: 1.1em;
  text-decoration: none;
  background: #f29c20;
}

.link-button.link-button-orange:hover, a.link-button.link-button-orange:hover, .link-button.link-button-orange:active {
  color: #fff;
  background: #d48a1f;
}

.link-button.link-button-green, a.link-button.link-button-green  
{
  border-color: #fff;
  font-size: 1.1em;
  text-decoration: none;
  background: #13cf77;  
}

.link-button.link-button-green:hover, a.link-button.link-button-green:hover, .link-button.link-button-green:active {
  color: #fff;
  box-shadow: #aaa 1px 1px 5px;  
  background: linear-gradient(to bottom,  #28fc98 0%,#13cf77 44%,#00a85a 100%);  
}

.link-button.link-button-green:active, a.link-button.link-button-green:active
{
  box-shadow: #aaa 1px 1px 5px;  
  background: linear-gradient(to bottom,  #00a85a 0%,#13cf77 44%,#28fc98 100%);  
}

/******************************************/


.bold
{
  font-weight: bold;
}

.smaller
{
  font-size: 0.85em;
}

.green
{
  color: green;
}

.orange_text
{
  color: orange;
}

.timetable_container
{
  display: inline-block;
  padding: 0;
  background: #ececec;
}

table.timetable
{
  /*border: #999 1px solid;*/
  text-align: center;
  background: #fff;
}

table.timetable td, table.timetable th {
  border: 1px solid #ccc;
  padding: 4px;
  vertical-align: top;
}


table.timetable tr:nth-child(odd)
{
  background-color: #f0f0f0;
}

table.timetable tr:nth-child(1)
{
  background-color: #ddd;
}

table.timetable tr td:nth-child(1)
{
  font-weight: bold;
  text-align: left;
}

.btn-group-toggle .btn span
{
  border-bottom: 1px dashed;
}

.btn-group-toggle .btn.active
{
  background-color: #3276b1;
  color: #fff;
}

.btn-group-toggle .btn.active span
{
  border-bottom: none;
}

/*********/

.booking_comment
{
  //padding-top: 75px;
}



/*****************/

.warning24message 
{
  background: #fffec8;
  padding: 3px 3px 0 28px;
  margin-top: 3px;
  min-height: 26px;
  background: #fffec8 url(../core/resources/graphic/warning24.png) no-repeat scroll 0 0;
}

.ok32message 
{
  background: #fffec8;
  padding: 3px 6px 3px 38px;
  margin-top: 3px;
  min-height: 30px;
  background: #fffec8 url(../core/resources/graphic/info32.png) no-repeat scroll 3px 4px;
}

.info24message
{
  background: #fffec8;
  padding: 3px 3px 0 28px;
  margin-top: 3px;
  min-height: 26px;
  background: #fffec8 url(../core/resources/graphic/info24.png) no-repeat scroll 0 0;
}


.info16message
{
  background: #fffec8;
  padding: 0px 3px 0 20px;
  margin-top: 3px;
  min-height: 20px;
  background: #fffec8 url(../core/resources/graphic/info16.png) no-repeat scroll 2px 2px;
}

.ok24message
{
  background: #fffec8;
  padding: 3px 3px 0 28px;
  margin-top: 3px;
  min-height: 26px;
  background: #fffec8 url(../core/resources/graphic/ok24.png) no-repeat scroll 0 0;
}



hr.style-one { border: 0; margin: 2px 0; height: 1px; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc); }
hr.style-two { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(27, 27, 27, 0), rgba(0, 0, 0, 0.45), rgba(27, 27, 27, 0)); }
hr.style-six { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.route_block
{
  padding-bottom: 0px;
}

.route_through
{
  margin-bottom: 3px;
}

.ui-state-hover, .ui-button:hover, .ui-state-active, .ui-state-active:hover
{
  background: #3b2a98;
  border-color: transparent;
}

.ui-state-hover .ui-icon-background, .ui-button:hover .ui-icon-background, .ui-state-active .ui-icon-background, .ui-state-active:hover .ui-icon-background
{
  border-color: #fff;  
}

.radiogroup .ui-button .ui-icon
{
  background: none;
}

.race_selected
{
  padding: 10px;
}

.smaller
{
  font-size: 0.9em;
}

.race_selected p
{
  margin: 1px 0;
}

/*****************************/

.row_radio
{
  
}

.row_radio input[type="radio"]
{
  display: none;
}

.row_radio input[type="radio"]:checked + label
{
  background-color: #fffbe2;
}

.row_radio .checkbox
{
  display: block;
  width: 40px;
  height: 40px;
  margin: 3px auto 0;
  background: transparent url(../core/resources/graphic/checkbox_gray.png) no-repeat scroll 0 0;
  background-size: contain;
}

.row_radio input[type="radio"]:checked + label .checkbox
{
  background: transparent url(../core/resources/graphic/checkbox_blue.png) no-repeat scroll 0 0;
  background-size: contain;
}

.row_radio label
{
  display: block;
  cursor: pointer;
  font-weight: normal;
}

.row_radio label:hover
{
  background-color: #eee;
}


.row_radio .deptime
{
  font-size: 2em;
  display: inline-block;
  /*float: left;*/
}

.row_radio .row_radio_details
{
  padding: 0.3em 0 0 0.2em;
  /*display: inline-block;*/
  /*margin: auto 0;*/
}

.row_radio .routename
{  
  display: block;
  float: left;
  font-size: 1.5em;  
}

.row_radio .timetable
{
  font-size: 1em;
  display: inline-block;  
  font-size: 0.65em;  
}

.navbar-fixed-top
{
  z-index: 999;
}

/****************************************************************/

.fine_radio
{
  margin: 2px 0;
  display: inline-block;
}

.fine_radio input[type="radio"] 
{
  display: none;
}

.fine_radio label
{
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  line-height: 24px;
  margin: 15px 15px 0;
  padding-left: 28px;
  position: relative;
  color: #666;
  border-radius: 5px;
  border: 1px solid #fff;
}

.fine_radio label:before {
  background: transparent url(../core/resources/graphic/checkbox_triple.png) no-repeat scroll 0 0;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  left: 0;
  margin-right: 10px;
  position: absolute;
  top: -1px;
}

.fine_radio label:hover
{
  background-color: #fafafa;
  border: 1px dashed #eee;
}

.fine_radio label:hover:before
{
  background: transparent url(../core/resources/graphic/checkbox_triple.png) no-repeat scroll 0 -24px;
}

.fine_radio input[type="radio"]:checked + label
{  
  background-color: #eee;
  border: 1px solid #ccc;
  font-weight: 700;
}

.fine_radio input[type="radio"]:checked + label:before,
.fine_radio input[type="radio"]:checked + label.active:before
{
   background: transparent url(../core/resources/graphic/checkbox_triple.png) no-repeat scroll 0 -48px;
}

.payways_container
{
  display: block;   
  margin: 0 auto 0;
}

.payway
{
  /*float: left; */
  width: 240px; 
  /*margin-left: 5px*/
}

.payway label
{
  width: 220px; 
  height: 190px;
}

.payway_cash label
{
  background: transparent url(../images/cash.png) no-repeat scroll 15px 30px;
}

.payway_card label
{
  background: transparent url(../images/card.png) no-repeat scroll 25px 25px;
}

.payway_terminal label
{
  background: transparent url(../images/terminal.png) no-repeat scroll 25px 30px;
}

.top_phones
{
  color: #fff;
  text-shadow: #000 1px 1px 1px;
  text-align: right;
  /*display: block;*/
  position: absolute;
  top: 70px;
  right: 0;
  /*float: right;*/
  font-size: 1.2em;
  font-weight: bold;
  /*max-width: 50%;*/
}

.header_handler
{
  display: block;
  height: 300px;
  position: relative;
}

.header_handler .header_container
{
  position: absolute;
  
  color: #fff;
  bottom: 30px;
  padding-left: 20px;
}

.header_handler h2
{
  font-weight: bold;
  color: #fff;
  text-shadow: #000 1px 1px 1px;
}

.header_routes
{  
  background: transparent url(../images/slider/man_in_bus.jpg) no-repeat scroll center 20%;
  background-size: cover;
}

.header_timetable
{  
  background: transparent url(../images/slider/girl_phone.jpg) no-repeat scroll center 0;
  background-size: cover;
}

.header_bus
{  
  background: transparent url(../images/slider/uman_zmiya.jpg) no-repeat scroll center 20%;
  background-size: cover;
}


.header_inbox
{  
  background: transparent url(../images/slider/inbox.jpg) no-repeat scroll center 0;
  background-size: cover;
}


/****************************************************************/

@media (max-width: 990px) {
  
  .top_phones
   {
    display: none;
  }
  
  .row_radio .deptime
  {
    font-size: 1.6em;
    margin: 0.2em 0 0 0.2em;
  }  

  .navbar-header {
      float: none;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
      background: #2c3e50;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin: 7.5px -15px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
}

@media (max-width: 767px) {
  
  .row_radio .row_radio_details
  {
    padding: 0.2em 0 0 0.2em;
  }

  .row_radio .routename
  {
    font-size: 1.4em;
  }
  
  .row_radio .timetable
  {
    display: block;  
  }
  
  .row_radio .deptime
  {
    font-size: 1.35em;
    margin: 0.2em 0 0 0.2em;
  }
  
  .row_radio .checkbox
    {
    display: block;
    width: 30px;
    height: 30px;
  }

}

/****************************/
.updownfield_label
{
  display: inline;
  float: left;
  margin: 2px 2px 0 0;
}

.updownfield_container
{
  display: inline-block;
}

.updownfield_field
{
  border: #ccc 1px solid;
}

.updownfield_button
{
  border: #ccc 1px solid;
  background: #ddd;
}

.updownfield_button .updownfield_button_left
{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.updownfield_button .updownfield_button_right
{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}


/*********************************/


.ticket_price
{
  float: right;
  
  font-size: 1.1em;
  
}

.ticket_price span
{
  color: #2c3e50;
  font-weight: bold;
}



.booking_total
{
  text-align: left;
  font-size: 1.2em;
}

.booking_total span
{
  color: #9c301a;
  font-weight: bold;
}

.booking_discount
{
  text-align: left;
  font-size: 0.9em;
  color: #777;
}

.booking_discount span
{
  font-weight: bold;
}

/*********************************/

.no-vmargin, .row > div.no-vmargin
{
  margin-top: 0;
  margin-bottom: 0;
}

.bmargin
{
  margin-bottom: 5px;
}

/*************/


.help_link
{
  display: inline-block;
  color: #466257;
  text-decoration: underline;
  cursor: pointer;
  padding-left: 18px;
  line-height: 18px;
  background: transparent url(../core/resources/graphic/help16.png) no-repeat scroll 0 0;
}

.help_link:hover
{
  text-decoration: none;
  color: #090;
}

.terminal_help
{
  font-size: 0.85em;
}

.terminal_help img
{
  /*width: 99vw;*/
}

#waitOverlay
{
  top:0; left:0; z-index:9999; overflow:hidden;
  position:fixed; width:100%; height:100%;
  opacity: 0.6;
  filter: alpha(opacity = 60);
  /*background: #666 url( '../core/resources/graphic/spinner2.gif' ) no-repeat scroll center center;*/
  background: #000 url( '../core/resources/graphic/ben-redblock-loading.gif' ) no-repeat scroll center center;
}

/*********************/


.bus_galleryitem
{
  padding: 10px;
  display: block;
}
.bus_galleryitem a.imagelink
{
  cursor: url(../images/magnify.cur), pointer;
}
.bus_galleryitem img
{
  width: 100%;  
  border: 2px solid #ccc;
  /*float: left;*/
}

.bus_galleryitem .bus_galleryitem_details
{
  padding: 0 10px;   
}

.bus_galleryitem .bus_galleryitem_details .bus_order
{
  color: #466257;
  text-decoration: underline;
  cursor: pointer;
}

.bus_galleryitem .bus_galleryitem_details .bus_order:hover
{
  text-decoration: none;
  color: #090;
}

.clear {
  float:none;
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


.toppest
{
  z-index: 99999;
}


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.nopadding_bottom {
   padding-bottom: 0 !important;
   margin-bottom: 0 !important;
}

.panel-shadow
{
  box-shadow: #9c90c6 1px 1px 5px;
}

.form-control
{
  padding-left: 6px;
  padding-right: 6px;
}

.form-group
{
  margin-bottom: 7px;
}

.btn-outline-danger
{
  border: red 2px solid;
  border-radius: 4px;
}

.btn-outline-success
{
  border: green 2px solid;
  border-radius: 4px;
}

.header_main_top
{
  background: transparent; 
  position: relative;
  /* */
  height: 270px;
}

.header_composition
{
  position: relative;
  
}

.photo_banner
{

  /*border-bottom-right-radius: 100px;*/
  /*background: blue;*/
  background: transparent url(../core/resources/graphic/top_bg.jpg) no-repeat scroll right 0px;
  /*background-size: 50%;*/
  position: absolute;
  display: block;
  height: 268px;
  width: 100%;
  border-bottom: solid 12px yellow;
}

.block_right
{
  display: block;
  height: 270px;
  position: absolute;
  width: 380px;
  right: 0;
  background: yellow; 
  clip-path: path("M263.26 0.45l338.24 0 0 346.07 -601.05 0 0 -79.99c167.04,-15.38 260.28,-147.95 262.81,-266.08z");
}

.top_scheme
{
  position: absolute;
  width: 120px;
  height: 260px;
  background: transparent url(../core/resources/graphic/top_scheme.png) no-repeat scroll 0px 0px;
  border: 0;
  right: 0;
  top: 55px;
}

.top_uman
{
  position: absolute;
  width: 400px;
  height: 100px;
  background: transparent url(../core/resources/graphic/top_krop.png) no-repeat scroll 0px 0px;
  border: 0;
  left: 0;
  top: 10px;
  background-size: contain;
}

.top_buses
{
  position: absolute;
  width: 556px;
  
  height: 120px;
  background: transparent url(../core/resources/graphic/top_buses.png) no-repeat scroll 0px bottom;
  background-size: contain;
  border: 0;
  left: 0;
  bottom: 0;
  
}

@media (max-width: 767px) {
  
  .block_right
  {
    /*clip-path: path("M75.7 0.3l134.5 0 0 262.37 -209.9 0 0 -52.54c43.2,-1.06 76.52,-40.68 76.28,-77.1l-0.88 -132.73z");*/
    width: 350px;
  }
  
  .top_scheme
  {
    display: none;
  }
  
  .top_buses
  {
    height: 90px;
    max-width: 60%;
  }
  
  .photo_banner
  {
    height: 200px;
    background-size: cover;
    background-position: right 0;
  }
  
  .block_right
  {
    height: 200px;
  }
  
  .header_main_top
  {
    height: 200px;
  }
  
  .top_uman
  {
    max-width: 70%;
  }
}