@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700);

/* --------------------------------------------- 
* Filename:     custom-style.css
* Version:      1.0.0 (2016-02-27)
* Website:      http://www.zymphonies.com
* Description:  Global Styles
* Author:       Zymphonies Team
                info@zymphonies.com
-----------------------------------------------*/

body{
  font-family: 'Titillium Web', sans-serif;
  font-size: 14px;
  overflow-x: hidden;
  color: #666;
  background: #ECECEC;
  color: #717e8c;
}

p{ margin: 0 0 20px 0; }

.h1, .h2, .h3, h1, h2, h3{
  font-weight: normal;
  color: #2c3e50;
}

h1, .h1{ font-size: 20px;color: #2C3E50;}

h1.page-title{ font-weight: 600; }

h2, .h2{ font-size: 18px;}

h3, .h3{ font-size: 16px; color: #000; }

img{ max-width: 100%; }

ol, ul{ padding-left: 20px; }

a{ color: #2ecc71; }

a:hover{ color: #20C164; }

ul.links.inline{ padding: 0; }

ul.links.inline li{ list-style: none; }

.block{ margin-bottom: 20px; }

.widget-group{ padding: 0; }

/*Bootstrap*/

.list-group-item{
  border-color: #eee;
}

/*Main Header*/

.main-header .navbar{
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
  min-height: 100%;
}

.main-header .block{
  margin: 0;
}

.main-banner{
  background: url(../images/welcome_banner_bg.jpg);  
  color: #fff;
  padding: 10px 0;
  margin-bottom: 20px;
  background-size: cover;
  position: relative;
}

.main-banner:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(21, 22, 26, 0.88);
}

header nav{
  background: none;
  border: 0;
  margin: 0;
  position: relative;
  z-index: 2;
}

.main-banner .region{
  position: relative;
  z-index: 2;
}

/*Region Header*/

.site-branding{
  margin: 0;
  padding: 10px 0 0 0;
}

.brand.logo{
  margin-right: 5px;
}

.region-header .brand{
  display: inline-block;
  vertical-align: middle;
  line-height: 100%;
}

.site-name a{
  font-size: 26px;
  line-height: 100%;
}

.site-name a:hover{
  text-decoration: none;
}

/*Banner*/

.welcome-banner-text{
  text-align: center;
  line-height: 160%;
  max-width: 600px;
  padding: 90px 0;
}

.welcome-banner-text h2{
  font-size: 42px;
  font-weight: 300;
  color: #fff;
}

/*Top Widget*/

.topwidget{

}

.topwidget .widget-content{
  padding: 0px 15px;
}

.topwidget .fa{
  font-size: 40px;
  background: #0288d1;
  width: 80px;
  height: 80px;
  padding: 20px;
  border-radius: 50%;
  color: #fff;
  margin-bottom: 20px;
  box-shadow: 2px 2px 0px #ddd;
  -moz-box-shadow: 2px 2px 0px #ddd;
  -webkit-box-shadow: 2px 2px 0px #ddd;
}

.topwidget h2{
  margin-top: 0;
}

.topwidget p{
  overflow: hidden;
}

.topwidget img{
  width: 100%;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.topwidget img:hover{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.topwidget_second_row h2{
  padding: 10px;
  color: #fff;
  background: rgb(25, 177, 90)
}

.topwidget_second_row ul li{
  background: url(../images/li-style.png) no-repeat;
  list-style: none;
  padding-left: 25px;
  margin-bottom: 12px;
}

.topwidget .row > div{
  overflow: hidden;
}

.region-topwidget-first,
.region-topwidget-second,
.region-topwidget-third{
  overflow: hidden;
}

.region-topwidget-forth,
.region-topwidget-fifth,
.region-topwidget-sixth{
  overflow: hidden;
}

.region-topwidget-first{
  background: #fff;
}

.region-topwidget-second{
  background: #DFE3E5;
}

.region-topwidget-third{
  background: #fff;
}

.region-topwidget-forth{
  background: #2ecc71;
  color: #fff;
}

.region-topwidget-fifth{
  background: url(../images/support_bg.jpg);
  text-align: center;
  position: relative;s
}

.region-topwidget-fifth:after{
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 137, 193, 0.81);
  z-index: 1;
  left: 0;
}

.region-topwidget-fifth .block{
  position: relative;
  z-index: 9;
}

.region-topwidget-fifth h3{
  color: #fff;
  font-size: 24px;
  font-weight: 200;
}

.region-topwidget-fifth .block{
  display: table;
  width: 100%;
  height: 100%;
}

.region-topwidget-fifth .block .block-content{
  display: table-cell;
  vertical-align: middle;
}

.region-topwidget-sixth{
  background: #2c3e50;
  color: #fff;
}

.region-topwidget-sixth h2{
  background: rgb(44, 62, 80);
  margin: 0;
}

/*Portfolio*/

.portfolio{
  background: #FDFDFD;
  border-width: 1px 0;
  border-style: solid;
  border-color: #eee;
}

.portfolio .block{
  position: relative;
  overflow: hidden;
}

.portfolio .block:after, 
.portfolio .block:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  background: rgba(241, 241, 241, 0.8);
  width: 50%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.portfolio .portfolio-content{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
  text-align: center;
  z-index: 99;
  color: #fff;
  background: rgba(0, 0, 0, 0.43);
}

.portfolio .block h2{
  color: #fff;
}

.portfolio .block:hover h2,
.portfolio .block:hover .portfolio-content{
  color: #2c3e50;
  background: none;
}

.portfolio .block:hover:before {
  left: 0%;
}

.portfolio .block:before {
  left: -50%;
}

.portfolio .block:hover:after {
  right: 0%;
}

.portfolio .block:after {
  right: -50%;
}

/*Footer Widget*/

.footerwidget .region{
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
  text-align: center;
  padding: 15px;
  margin: 20px 0;
}

.footerwidget .region .fa{
  font-size: 46px;
  padding: 10px;
}

.footerwidget img.left{
  float: left;
  margin: 10px 10px 0 0;
}

.copyright{
  background: #2c3e50;
  color: #AEB4BB;
}

.copyright p{
  margin: 13px 0;
}

ul.footer_links,
.footerwidget ul,
.block-views-blockcomments-recent-block-1 ul{
  padding: 0;
}

.footerwidget ul.footer_links li,
.footerwidget ul li,
.block-views-blockcomments-recent-block-1 ul li{
  display: block;
  padding: 10px 35px 10px 0;
  border-bottom: 1px solid #eee;
}

ul.footer_links li,
.sidebar .block-views-blockcomments-recent-block-1 ul li{
  display: block;
  padding: 10px;
  border-bottom: 1px solid #ECECEC;
  background: white;
}

ul.footer_links li:last-child,
.footerwidget ul li:last-child,
.block-views-blockcomments-recent-block-1 ul li:last-child{
  border: 0;
}

.footerwidget .views-field-changed,
.block-views-blockcomments-recent-block-1 .views-field-changed{
  display: block;
}

.views-field-changed .field-content{
  background: #2ECC71;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 9px;
  color: #fff;
  display: inline-block;
}

/* Bottom Widgets*/

.bottom-widgets{
  background: #FDFDFD;
  border-width: 1px 0;
  border-style: solid;
  border-color: #eee;
}

.bottom-widgets .region{
  position: relative;
  cursor: pointer;
  overflow: hidden;
  margin: 10px 0;
}

.bottom-widgets .region .block{
  margin: 0;
}

.bottom-widgets .content{
  position: absolute;
  bottom: 0;
  top: 50%;
  padding: 10px 10px 0 10px;
  color: #C5C5C5;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.93);
  transition: all 1s ease;
}

.bottom-widgets .region:hover .content{
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: all 1s ease;
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.bottom-widgets .content h2{
  color: #fff;
  margin: 10px 0;
  text-transform: uppercase;
  font-weight: bold;
}

.bottom-widgets .region-bottom-forth h2{
  margin-top: 0;
}

/*Footer Menu*/

.footer-menu{
  margin: 0;
  border: 0;
  background: #2c3e50;
}

.footer-menu ul{
  margin: 10px 0;
  padding: 0;
}

.footer-menu nav li{
  display: inline-block;
}

.footer-menu nav li a{
  display: block;
  padding: 4px 20px 4px 0;
}

.google-map-wrap{
  position: relative;
}

.google-map-wrap p,
.google-map-wrap .block{
  margin: 0;
}

.google-map-wrap iframe{
  display: block;
}

.contact-address{
  padding: 20px;
  background: white;
  border: 1px solid #CCC;
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 20px;
  right: 20px;
  width: 100%;
  z-index: 99;
  position: static;
}

.contact-address p{
  margin-bottom: 10px;
}

.contact-address .fa{
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin-right: 5px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  background: #0288d1;
  color: white;
}

/*Credit Link*/

.credit-link{
  text-align: left;
}

/*Social Media*/

.social-media{
  overflow: hidden;
  text-align: center;
  margin-bottom: 10px;
  background: #2ECC71;
}

.social-media a {
  height: 49px;
  color: #fff;
  display: inline-block;
  margin: 0;
  text-align: center;
  font-size: 14px;
  vertical-align: middle;
  padding: 15px 12px;
  line-height: 100%;
}

.social-media a:hover{
  opacity: .6;
  color: #2C3E50;
}

/*FORM*/

input, button, select, textarea{
  padding: 10px;
  border: 1px solid #C7C7C7;
}

input[type=file] {
  border: 0;
  padding: 5px 0;
}

.contact-message-form label{
  display: block;
}

.btn, 
input[type="submit"]{
  border-color: rgba(0, 0, 0, 0.1);
  background: #19B15A;
  color: white;
  padding: 8px 15px;
  border-radius: 0;
}

.btn:hover, 
input[type="submit"]:hover{
  border-color: rgba(0, 0, 0, 0.1);
  background: #0E9447;
  color: white;
  outline: none;
}

.btn-primary{
  border-color: rgba(0, 0, 0, 0.1);
  background: #e7e7e7;
  background-image: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  background-image: -o-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  background-image: linear-gradient(to bottom, #eeeeee 0%, #dddddd 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
  color: #333333;
  outline: none;
}

.btn-primary:hover{
  border-color: rgba(0, 0, 0, 0.1);
  background: #e7e7e7;
  background-image: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  background-image: -o-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  background-image: linear-gradient(to bottom, #eeeeee 0%, #dddddd 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
  color: #333333;
  outline: none;
}

/*FRONT PAGE*/

.path-frontpage .content_layout {
  text-align: center;
}

.path-frontpage .feed-icon{
  display: none;
}

.path-frontpage .node__content{
  font-size: 14px;
  max-width: 850px;
  margin: 0 auto;
}

/*MENU*/

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
  background: none;
  margin: 11px 0;
  border: 0;
}

.navbar-toggle { 
  cursor: pointer; 
  padding: 10px 35px 16px 0px; 
}

.navbar-toggle span, 
.navbar-toggle span:before, 
.navbar-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 4px;
  width: 30px;
  background: rgb(44, 62, 80);
  position: absolute;
  display: block;
  content: '';
}

.navbar-toggle span:before {
  top: -10px;
}

.navbar-toggle span:after {
  bottom: -10px;
}

.navbar-toggle span, 
.navbar-toggle span:before, 
.navbar-toggle span:after {
  transition: all 500ms ease-in-out;
}

.navbar-toggle.openMenu span {
  background-color: transparent;
}

.navbar-toggle.openMenu span:before, 
.navbar-toggle.openMenu span:after {
  top: 0;
}

.navbar-toggle.openMenu span:before {
  transform: rotate(45deg);
}

.navbar-toggle.openMenu span:after {
  transform: rotate(-45deg);
}

nav h2{
  display: none;
}

.menu-base-theme li a{
  background: #FBFBFB;
}

.menu-base-theme li ul li a{
  color: #262626;
}

.main-menu {
  position: relative;
  z-index: 9999;
}

.region-primary-menu{
  display: none;
  background: #fff;
  border-radius: 3px;
  width: 100%;
}

.menu-base-theme a{
  border-bottom: 1px solid #EEF0F7;
}

.menu-base-theme a span.sub-arrow{
  color: #999;
  font-size: 22px;
  padding: 5px;
  border-radius: 2px;
  border: 1px solid #DCDCDC;
  background: #EFEFEF;
} 

.navbar-toggle{
  z-index: 999;
}

/*Breadcrumb*/

.breadcrumb-wrap{
  text-align: left;
}

.breadcrumb{
  background: #FFFFFF;
  padding: 0;
  /* border: 1px solid #B3B9CC; */
  margin: 0;
  display: inline-block;
  padding: 6px 10px;
  /* background: none; */
  border-radius: 0;
}

.breadcrumb ul{
  padding: 0;
  margin-bottom: 0;
}

.breadcrumb ul li{
  display: inline-block;
}

.breadcrumb ul li:last-child{
  font-size: 0;
}

.breadcrumb ul li a{padding: 0 7px;font-size: 12px;}

.region-breadcrumb .block{
  margin: 0;
  font-size: 11px;
}

/*Search Form*/

.region-search{
  display: none;
}

#search-block-form{
  display: table;
  min-width: 200px;
  margin: 0 auto;
  vertical-align: top;
}

#search-block-form .form-item,
#search-block-form .form-actions{
  display: table-cell;
  vertical-align: top;
}

.block-search input{
  width: 100%;
  padding: 3px;
  vertical-align: top;
  border: 0;
}

.block-search input.form-submit{
  padding: 7px 10px;
  background: url(../images/search.png) #2C3E50 center no-repeat;
  border: 0;
  font-size: 0;
  height: 26px;
  vertical-align: top;
}

.block-search input.form-submit:hover{
  background-color: #445C73;
}

/*Demo Typography*/

.bd-example {
  position: relative;
  padding: 20px;
  border: 1px solid #D8D8D8;
  background: #fff;
}

.highlight{
  padding: 20px;
  background-color: #f7f7f9;
}

.highlight pre{
  border: 0;
  background: none;
}

.bd-example-type .table tr:first-child td {
  border-top: 0;
}

.bd-example-type h1, 
.bd-example-type h2, 
.bd-example-type h3, 
.bd-example-type h4, 
.bd-example-type h5, 
.bd-example-type h6 {
  margin: 0;
}

.bd-example-type .table td {
  padding: 15px 0;
  border-color: #eee;
}

/*Contact form*/

.path-contact .region-sidebar-first{
  background: #FDFDFD;
  padding: 15px;
}

.path-contact .region-sidebar-first .fa{
  background: #2ECC71;
  color: #fff;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  padding: 7px;
  font-size: 12px;
  margin-right: 6px;
}

.path-contact #block-googlemap{
  margin: 0;
  background: #FDFDFD;
}

.path-contact #block-googlemap iframe{
  display: block;
}

.contact-message-feedback-form{
  border: 1px solid #EEE;
  padding: 10px 30px;
  background: #FDFDFD;
}

.contact-message-feedback-form .form-text,
.contact-message-feedback-form .form-email,
.contact-message-feedback-form .form-textarea{
  width: 100%;
}

/*User login form*/

.user-login-form,
.user-form,
.user-pass,
.block-404{
  max-width: 400px;
  margin: 40px auto;
  padding: 15px 30px;
  background: white;
  border: 1px solid #DDD;
  border-radius: 6px;
}

.block-404{
  margin: 80px auto;
}

.user-login-form .form-text,
.user-login-form .form-email,
.user-form .form-text,
.user-form .form-email,
.user-pass .form-text{
  width: 100%;
}

.user-login-form .form-submit,
.user-pass .form-submit,
.user-form .form-submit{
  width: 100%;
  padding: 8px;
  font-size: 14px;
}

.block-local-tasks-block{
  display: none;
}

.user-form .js-form-type-managed-file .description{
  display: none;
}

.form-composite > .fieldset-wrapper > .description, 
.form-item .description {
  font-size: 11px;
  color: #999;
  font-style: italic;
}

/*Maintainance*/

.maintenance-page{
  background: url(../images/maintenance-bg.png) #66CBFF center no-repeat;
  color: #fff;
  text-align: center;
  padding-top: 220px;
  padding-bottom: 100px;
  font-size: 18px;
  color: #000;
}

.maintenance-msg {
  margin: 20px 0;
  background: rgba(242, 244, 207, 0.88);
  padding: 20px 30px;
  display: inline-block;
  color: #404040;
  border: 1px solid #fff;
  box-shadow: 5px 5px 0px #FFFFFF;
  font-size: 14px;
}

.maintenance-msg h1{
  text-transform: uppercase;
  font-weight: bold;
}

.maintenance-page .brand,
.maintenance-page .name-and-slogan{
  display: inline-block;
  vertical-align: middle;
}

.maintenance-page .site-name a{
  color: #404040;
}

.maintenance-page .site-slogan,
.maintenance-page .name-and-slogan{
  display: none;
}

/*Comment*/

.comment-wrap{
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 20px;
  /* border-bottom: 1px solid #F5F5F5; */
}

.comment-wrap .author-details{
  float: left;
  width: 20%;
}

.comment-wrap .author-comments{
  padding: 10px;
  float: left;
  width: 80%;
  background: #F9F9F9;
}

.comment-submitted{
  padding: 4px 5px;
  border: 1px solid #ddd;
  font-size: 11px;
  display: inline-block;
  background: #F9F9F9;
  margin-bottom: 5px;
  color: #333;
}

.comment-wrap .author-comments h3{
  margin-top: 10px;
}


/*Links inline*/

ul.links.inline li{
  display: inline-block;
  padding-right: 10px;
}

/*User menu*/

.top-user-menu{
  text-align: center;
  padding-top: 10px;
  padding-top: 10px;
}

.top-user-menu .list-inline>li{
  display: block;
}

.region-user-menu{
  padding: 5px 0;
}

.region-user-menu ul{
  padding: 0;
  margin: 0;
}

.region-user-menu li{
  display: inline-block;
}

.region-user-menu li a{
  padding: 0 8px;
  display: block;
  font-size: 11px;
  color: #2C3E50;
}

/*Testimonials*/

.region-testimonials{
  max-width: 650px;
  margin: 0 auto;
}

.testimonials-wrap{
  border-top: 1px solid #CCC;
  background: #fff;
  text-align: center;
  font-size: 14px;
}

.testimonials-wrap .views-field-body{
  margin: 30px 0;
  font-size: 16px;
  background: #DFE3E5;
  padding: 15px;
  position: relative;
  color: #2c3e50;
}

.testimonials-wrap .views-field-body:after{
  position: absolute;
  bottom: -38px;
  content: "";
  border-width: 20px;
  border-style: solid;
  border-color: #DFE3E5 transparent transparent transparent;
  left: 50%;
  margin-left: -20px;
}

.testimonials-wrap .views-field-field-name,
.testimonials-wrap .views-field-field-company{
  text-transform: uppercase;
  color: #2c3e50;
}

.testimonials-wrap .views-field-field-name{
  color: #19B15A;
  font-weight: bold;
}

.owl-theme .owl-controls .owl-page span{
  width: 8px;
  height: 8px;
  margin: 1px 4px;
}

/*Price Table*/

.pricing_title {
  color: #2ECC71;
  padding: 18px 12px;
  border-top: 1px solid #eee;
  font-weight: 700;
}

.pricing_item{
  margin-bottom: 20px;
  text-align: center;
}

.pricing_price {
  border: 1px solid #5FCC71;
  border-radius: 50%;
  padding: 8px 10px;
  margin: 10px;
}

.pricing_price_amount {
  font-size: 48px;
  font-size: 32px;
}

.pricing_list {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  color: #777777;
}

.pricing_list > li {
  padding: 10px 12px;
  border-bottom: 1px solid #eeeeee;
}

.pricing_btn {
  padding: 18px 12px;
}

/*Features*/

.features-alt_item {
  margin-bottom: 20px;
}

.features-alt_icon {
  float: left;
  margin-right: 30px;
  font-size: 18px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 50%;
  border: 1px solid #A0A0A0;
  padding: 12px;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #868585;
}

.features-alt_icon:hover{
  color: #19B15A;
  border-color: #19B15A;
}

.features-alt_content {
  overflow: hidden;
}

.features-widgets h3{
  margin: 0 0 10px 0;
  font-size: 20px;
  font-weight: 300;
  font-family: 'Roboto Slab', serif;
}

.features-alt_intro {
  color: #777777;
}

/*Gallery*/

.path-gallery .views-row{
  padding: 0;
}

.page-node-type-gallery .node__content img{
  margin-bottom: 20px;
  border: 5px solid #FFFFFF;
  box-shadow: 1px 1px 3px #C7C7C7;
}

.gallery-image-wrap{
  position: relative;
  border: 1px solid #FFFFFF;
  /* box-shadow: 1px 1px 3px #C7C7C7; */
}

.gallery-image img{
  width: 100%;
  height: 100%;  
}

.gallery-image{
  position: relative;
  overflow: hidden;
}

.gallery-image:after{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.39);
  content: "";
  z-index: 1;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.gallery-wrap:hover .gallery-image:after{
  position: absolute;
  top: -100%;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

/*.gallery-overlay{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.46);
  z-index: -1;
}

.gallery-image-wrap:hover .gallery-overlay{
  z-index: 1;
}

.gallery-overlay .fa{
  color: #6CA7C7;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  margin-left: -9px;
  margin-top: -9px;
}*/

.progress {
  height: 30px;
  /* border-radius: 0; */
  box-shadow: none;
}

.progress-bar {
  line-height: 30px;
  text-align: left;
  padding-left: 13px;
  box-shadow: none;
}

.progress-bar-success {
  background-color: #5EB9F5;
}

.progress-bar-info {
  background-color: #4CA9E6;
}

.progress-bar-warning {
  background-color: #3489C1;
}

.progress-bar-danger {
  background-color: #2273A9;
}

/*DEMO*/

.showcase-wrap{
  background: #FDFDFD;
  border-width: 1px 0;
  border-style: solid;
  border-color: #eee;
}

ul.filterOptions {
  margin: 30px 0;
  overflow: hidden;
  padding: 0;
  text-align: center;
}
ul.filterOptions li {
  margin: 2px;
  display: inline-block;
}
ul.filterOptions li a {
  padding: 6px 10px;
  border: 1px solid #2ECC71;
  color: #2ECC71;
  text-decoration: none;
  display: block;
  border-radius: 20px;
  min-width: 100px;
}

ul.filterOptions li a:hover {
  background: #2ECC71;
  color: #fff;
}

ul.filterOptions li.active a {
  background: #2ECC71;
  color: #fff;
}

ul.ourHolder {
  overflow: hidden;
  padding: 0;
  margin: 0;
  text-align: center;
}
ul.ourHolder li.item {
  padding: 8px;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  vertical-align: top;
}

ul.ourHolder li.item img{
  border: 2px solid #fff;
}

/*Flex Slider*/

.flexslider{
  z-index: 1;
  border: 0;
  display: none;
  position: relative;
}

.flex-caption h2{
  font-size: 31px;
  padding: 8px 0;
  color: #FFF;
  text-transform: uppercase;
  text-shadow: none;
  line-height: 100%;
  display: inline-block;
  margin: 0;
}

.flex-caption {
  position: absolute;
  top: 10%;
  left: 6%;
  padding: 2%;
  color: #000;
  font-size: 12px;
  background: url(../images/slider_pattern.png);
}

.flex-description{
  text-shadow: none;
  color: #fff;
  text-shadow: none;
}

.flex-caption .more-link{
  padding: 8px 12px;
  color: #FFF;
  text-decoration: none;
  background: rgb(2, 136, 209);
  text-shadow: none;
}

/*Flex slider Nav*/

.region-topwidget-sixth .sr-only {
  position: absolute;
  width: 33px;
  height: 33px;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: url(../images/slider_controls.png);
  z-index: 999999;
  font-size: 0;
  top: 50%;
  clip: auto;
  left: 10px;
  margin-top: -16px;
}

.region-topwidget-sixth .right .sr-only {
  left: auto;
  right: 10px;
  background-position: top right;
}

.flexslider .slides > li{
  position: relative;
}

.flex-direction-nav a{
  background: #fff;
  text-align: center;
  line-height: 100%;
  padding: 20px 0;
  font-size: 0;
}

.flex-direction-nav .flex-next{
  text-align: center;
}

.flex-direction-nav a.flex-prev:before{
  font-family: 'FontAwesome';
  content: "\f104";
}

.flex-direction-nav a.flex-next:before{
  font-family: 'FontAwesome';
  content: "\f105";
}

.flex-control-paging li a{
  width: 9px;
  height: 9px;
  background: #BDBDBD;
  box-shadow: none;
  border-radius: 18px;
}

li.css a {
  border-radius: 0;
}

/*DEMO*/

.bs-example-modal {
  background-color: #FDFDFD;
}

/*404 Page*/

.block-404 .lead{
  color: #ffab40;
}

/*Support block*/

.support-block{
  background: #303335;
  color: #999;
}

.support-block h3{
  color: #fff;
}

.support-content{
  padding: 0 20px 20px 20px;
}

/*User page*/

.path-user .profile{
  overflow: hidden;
}

.path-user .profile >div{
  display: inline-block;
}

.path-user .profile .label{
  display: block;
  clear: both;
  color: #000;
  text-align: left;
}

/*Accordion*/

#ui_accordion .panel-default{
  box-shadow: none;
  border-radius: 0;
}

#ui_accordion .panel-heading{
  border-color: #e6e6e6;
  border-width: 1px 0;
  background-color: #fff;
  border-radius: 0;
  box-shadow: none;
}

#ui_accordion .panel-heading h4{
  font-size: 13px;
  font-weight: normal;
}

#ui_accordion .panel-heading a:hover,
#ui_accordion .panel-heading a:focus{
  text-decoration: none;
  color: #0ED00E;
}
@media (min-width: 767px) {

  .site-branding{
    padding: 10px 0;
  }

  .breadcrumb-wrap{
    text-align: right;
    margin: 15px 0;
  }
  
  /*Top Widget*/

  .topwidget .col-sm-4{
    padding: 0;
  }

  .region-topwidget-first,
  .region-topwidget-second,
  .region-topwidget-third{
    overflow: hidden;
    height: 300px;
  }

  .region-topwidget-forth,
  .region-topwidget-fifth,
  .region-topwidget-sixth{
    overflow: hidden;
    height: 217px;
  }

  /*Search*/

  .region-search{
    display: block;
  }

  .contact-address{
    position: absolute;
    width: 35%;
  }

  /*Widgets*/

  .widget-group{
    padding: 50px 0;
  }

  .main-header{
    padding: 0;
  }

  .gallery-wrap{
    height: 300px;
  }

  .region-primary-menu{
    display: block !important;
    margin: 0;
  }

  .region-primary-menu,
  .menu-base-theme li a{
    background: none;
    text-transform: uppercase;
  }

  .menu-base-theme a{
    border: 0;
  }

  .menu-base-theme > li{
    border: 0;
  }

  .menu-base-theme a span.sub-arrow {
    padding: 0;
    top: 22px;
    margin-top: 0;
    bottom: 2px;
    right: 8px;
    margin-left: -3px;
    left: auto;
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid dashed dashed dashed;
    border-color: #fff transparent transparent transparent;
    background: transparent;
  }

  .menu-base-theme ul {
    border: 0;
    padding: 0;
    background-color: #fff;
    background: rgb(255, 255, 255);
    z-index: 999;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 0 0 4px 4px;
  }

  .menu-wrap,
  .menu-wrap > .row{
    background: #2c3e50;
  }

  .menu-wrap > .row >div{
    padding-left: 0;
    padding-right: 0;
  }

  .menu-base-theme{
    background: #2c3e50;
  }

  .menu-base-theme ul li {
    border-bottom: 1px solid #eee;
  }

  .menu-base-theme ul li:last-child{
    border-radius: 0 0 4px 4px;
  }

  .menu-base-theme ul a:hover, 
  .menu-base-theme ul a:focus, 
  .menu-base-theme ul a:active, 
  .menu-base-theme ul a.highlighted {
    background: #f5f5f5;
    color: #262626;
  }

  .menu-base-theme a:hover,
  .menu-base-theme a:focus,
  .menu-base-theme a:active, 
  .menu-base-theme a.highlighted {
    background: #2ecc71;
  }

  .menu-base-theme ul.has-submenu li {
    border-bottom: 1px solid #fff;
  }

  .menu-base-theme li ul li a{
    font-size: 12px;
  }

  .welcome-banner-text h2{
    font-size: 50px;
  }

  .welcome-banner-text{
    font-size: 14px;
  }

  .bottom-widgets{
    text-align: left;
  }

  .footerwidget{
    padding: 10px 0;
  }

  .credit-link{
    text-align: right;
  }

  .social-media{
    text-align: center;
    margin-bottom: 0;
  }

  .nav-hr{
    width: 100%;
    height: 0;
    background: #FFFFFF;
    border-top: 1px solid rgb(98, 115, 132);
  }

  /*Comment*/

  .comment-wrap .author-details{ width: 10%; }

  .comment-wrap .author-comments{ width: 90%;}

  .region-sidebar-first .block:first-child h2,
  .region-sidebar-second .block:first-child h2{
    margin-top: 0;
  }

  /*Flex Slider*/

  .flex-control-nav {
    bottom: 0;
  }

  .flexslider{
    display: block;
    margin: 0;
  }

  /*Top Menu*/

  .top-user-menu{
    text-align: right;
  }

  .top-user-menu ul{
    margin: 0;
  }

  .top-user-menu ul li{
    vertical-align: middle;
  }

  .top-user-menu .list-inline>li{
    display: inline-block;
  }  

  ul.filterOptions li a {
    padding: 8px 17px;
  }

  ul.ourHolder li.item {
    padding: 0;
    margin: 0;
  }

  ul.ourHolder li.item img{
    border: 1px solid #fff;
    box-shadow: 0px 0px 1px #CCCCCC;
    margin: 0;
    width: 200px;
    vertical-align: top;
  }

}

@media (min-width: 992px){
  
  .gallery-wrap{
    height: 400px;
  }

  .flex-caption {
    top: 20%;
  }

}