/* Global Settings */
#meteo {
    font-family: "Helvetica Neue", HelveticaNeue, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
    text-align: center;
    margin: 10px;
    padding: 1em;
    color:#FFF;
    

}
#venti {
    margin: 2px;
    padding: 1em;

}
h2 {margin-bottom: 1em;}
p {font-size: 1.2em;}
/* Units Toggle */
#toggle {padding: 0em 2em;float: right;}
#metric {border-top-left-radius: .3em;border-bottom-left-radius: .3em;}
#imperial {margin-left: -.26em;border-top-right-radius: .3em;border-bottom-right-radius: .3em;}
button {
    background-color: #e2e2e2;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e2e2e2),to(#bebebe));
    background-image: -webkit-linear-gradient(top,#e2e2e2,#bebebe);
    background-image: linear-gradient(top,#e2e2e2,#bebebe);
    border: 1px solid #bdbdbd;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    color: #444;
}
button.active {
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
    border: 1px solid #dcdcdc;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #222;
}
/* Weather Data Styles */
.icon {
    display:inline;
    vertical-align:middle;
    margin-top: -1.5em;
}
#temp {font-size: 2em;}
#units {font-size: 2em;vertical-align: super;}
#description, #daily {font-weight: bold;}






.bottom-footer {
  border-top: 1px solid #ebebeb;
  font-size: 13px;
  color: #44403f;
}
.bottom-footer .copyright {
  margin-top: 3px;
}
.bottom-footer .logo {
  margin-top: 10px;
}
.bottom-footer .nav {
  font-family: Montserrat;
  font-size: 13px;
  text-transform: capitalize;
  float: right;
}
.bottom-footer .nav li:last-child a {
  padding-right: 0;
}
.bottom-footer .nav a {
  padding-right: 25px;
  padding-left: 25px;
  font-weight: bold;
}
.bottom-footer .nav a:hover {
  color: #44403f;
}
.bottom-footer .seperator {
  border-bottom: 1px dotted #b2b2b2;
  margin-bottom: 18px;
  margin-top: 3px;
}
.social-icon {
  font-size: 15px;
}
.social-icon ul {
  float: right;
  margin-bottom: 15px;
}
.social-icon ul li {
  display: inline-block;
}
.social-icon ul li a {
  color: #44403f;
  padding-right: 20px;
  padding-left: 20px;
  position: relative;
}
.social-icon ul li a:before {
  position: absolute;
  top: -11px;
  left: 5px;
  width: 40px;
  height: 40px;
  border: 1px solid transparent;
  content: "";
  border-radius: 50%;
}
.social-icon ul li a:hover:before {
  border-color: #E0352E;
}
/************************************************************************
// 21. Responsive Fixing
*************************************************************************/
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (max-width: 1200px) {
  /* Vertical Slider */
  .slider-vertical .swiper-container {
    height: 470px;
  }
  /* Footer */
  .social-icon ul li {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  /* Team Slider */
  .team-wrap {
    right: 37%;
    bottom: 165px;
  }
}
@media (min-width: 992px) {
  /* Headers */
  .front-header .top-headline {
    position: absolute;
    top: 45%;
  }
  .blog-header,
.front-header{  
  overflow: hidden;
}
  /* Features */
  .section-features .col-sm-12 {
    -webkit-perspective: 1300px;
    perspective: 1300px;
  }
  .section-features .feature-rotate-first {
    -webkit-transition: all .7s;
    transition: all .7s;
    margin-top: 30px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
  }
  .section-features .feature-rotate-second {
    -webkit-transition: all .7s;
    transition: all .7s;
    position: absolute;
    left: 7px;
    top: 30px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 95%;
  }
  .section-features .feature-rotate-second {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  .section-features .col-sm-12:hover .feature-rotate-first {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  .section-features .col-sm-12:hover .feature-rotate-second {
    -webkit-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@media (max-width: 992px) {
  /* Features */
  .section-features {
    padding-bottom: 0;
  }
  .section-features .fa {
    display: block;
  }
  .feature-rotate-first {
    position: relative;
    z-index: 10;
    margin-bottom: 70px;
  }
  .feature-rotate-first .fa {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 5px;
    margin-top: 5px;
    font-size: 23px;
  }
  .feature-rotate-first .fa:active {
    color: #E0352E;
  }
  .feature-rotate-second {
    position: absolute;
    top: 0;
    width: 96%;
    opacity: 0;
  }
  .feature-rotate-second .fa {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 5px;
    margin-top: 5px;
    font-size: 23px;
  }
  .feature-rotate-second .fa:active {
    color: #E0352E;
  }
 
  
  /* Header */
  .headline-title {
    font-size: 40px;
  }
  .fixed-header {
    display: none;
  }
  .blog-header .nav-menu,
  .front-header .nav-menu {
    display: none;
  }
  .blog-header .description,
  .front-header .description {
    font-size: 18px;
  }
  .blog-header .menu-open,
  .front-header .menu-open {
    display: block;
  }
  .front-header {
    min-height: 620px;
  }
  /* Vertical Slider */
  .vertical-slider {
    padding-top: 100px;
    padding-bottom: 100px;
  }   
  /* Post Loop */
  .popular-post .col-sm-6 {
    margin-bottom: 30px;
  }
  /* History */
  #timeline {
    height: 620px;
  }
  /* Counter */
  .section-counter .col-sm-6 {
    margin-bottom: 35px;
  }
  .section-counter .col-sm-6:nth-child(odd):before {
    display: none;
  }
  .section-counter .separator {
    margin-top: 0;
  }
  /* Team */
  .team-container {
    height: 435px;
  }
  .teamslider-wrap {
    height: 560px;
  }
  .team-wrap {
    bottom: 135px;
    right: 42%;
  }
  .section-team .team-social {
    display: block;
    margin-bottom: 20px;
  }
  .section-team .team-social:after,
  .section-team .team-social:before {
    display: table;
    content: " ";
    clear: both;
  }
  .section-team .team-social ul {
    margin-top: 0;
    padding-left: 0;
    float: none;
  }
  .section-team .team-social ul li:first-child {
    margin-left: 0;
  }
  .section-team .team-name {
    margin-bottom: 10px;
  }
  .team-img-inner {
    margin-left: -200px;
  }
}
@media(min-width:769px){
  /* Service */
.section-service .col-sm-6 {
  border-top: 1px dotted #a5a5a5;
  position: relative;
  padding-bottom: 35px;
  padding-top: 20px;
}
.section-service .col-sm-6:nth-child(even) {
  border-left: 1px dotted #a5a5a5;
  padding-left: 78px;
}
.section-service .col-sm-6:nth-child(even):before {
  position: absolute;
  left: -21px;
  top: -21px;
  width: 40px;
  height: 40px;
  content: "";
  background: #ededed url('../images/star.png') center center no-repeat;
}
.section-service .col-sm-6:first-child {
  border-top: none;
}
.section-service .col-sm-6:nth-child(odd) {
  padding-right: 80px;
}
.section-service .col-sm-6:nth-of-type(2) {
  border-top: none;
}
.section-service .col-sm-6:nth-of-type(2):before {
  display: none;
}  
}
@media (max-width: 769px) {
  /* Header */
  .blog-header .nav-menu {
    display: none;
  }
  .blog-header .description {
    font-size: 16px;
  }
  .top-headline .headline-title {
    line-height: 1.5;
  }
  .top-headline .description {
    font-size: 16px;
    line-height: 26px;
  }
  /* Vertical Slider */
  .vertical img {
    opacity: 0;
  }
  .vertical .active-vertical img {
    opacity: 1;
  }
  .slider-vertical .arrow-wrap .vertical-top,
  .slider-vertical .arrow-wrap .vertical-bottom{
    margin-left:-35px;
  }
  .vertical-title{
    margin-top: 0;
  }
  /* Magnific pop-up */
  .mfp-arrow-left:before,
  .mfp-arrow-right:before{
    border: 1px solid #E0352E;
    border-radius: 2px;
    background-color: white;
  }
  .mfp-arrow-left:hover:before,
  .mfp-arrow-right:hover:before{
    background-color: #E0352E;
  }
  /* Service Section */
  .section-service .col-sm-6 {
    border-top: 1px dotted #a5a5a5;
    padding-top: 20px;
    padding-bottom: 35px;
  }
  .section-service .col-sm-6:before {
    display: none;
  }
  .section-service .col-sm-6:nth-of-type(2),
  .section-service .col-sm-6:nth-of-type(1) {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
  }
  .section-service .col-sm-6:nth-of-type(2):before,
  .section-service .col-sm-6:nth-of-type(1):before {
    display: none;
  }
  .section-service .col-sm-6:nth-child(2n) {
    position: relative;
  }
  .section-service .col-sm-6:nth-child(2n):before {
    background: #ededed url('../images/star.png') no-repeat center center;
    content: "";
    position: absolute;
    top: -17px;
    left: -16px;
    padding: 15px;
  }
  .section-service .service-number {
    margin-left: -30px;
  }
  /* Card Section */
  .card-image {
    padding-right: 0;
  }
  /* Blog Single */
  .blog-single .post-slider-left {
    margin-left: 0;
    margin-top: -50px;
  }
  .blog-single .post-slider-right {
    margin-right: 0;
    margin-top: -50px;
  }
  .blog-single blockquote {
    position: relative;
    right: 0;
    margin-left: 40px;
    font-size: 15px;
  }
  .blog-single h4 {
    line-height: 1.5;
    font-size: 15px;
  }
  .blog-single em {
    text-align: left;
  }
  .blog-single .about-list-style {
    margin-left: 0;
  }
  .blog-single .about-list-inner {
    margin-left: 40px;
  }
  .related-post-title {
    border-top: 1px solid #d5d5d5;
    padding-top: 20px;
  }
  .related-post-wrap .col-sm-4 {
    margin-bottom: 50px;
  }
  .related-post-wrap .col-sm-4:last-child {
    margin-bottom: 0;
  }
  .related-post-wrap .entry-text {
    padding-left: 0;
    position: relative;
  }
  .related-post-wrap .entry-text:after {
    position: absolute;
    left: -10px;
    top: -4px;
    content: "";
    background-color: #E0352E;
    width: 3px;
    height: 30px;
  }
  /* Gallery */
  .mfp-title{
    font-size: 25px;
  }
  /* Blog Page */
  .blog-content .search-wrap form {
    float: none;
    overflow: hidden;
  }
  .popular-post article {
    text-align: left;
  }
  .popular-post .popular-line {
    margin: initial;
  }
  .post-loop-wrap .entry-text {
    padding-left: 0;
  }
  .post-loop-wrap .entry-text:after {
    position: absolute;
    left: -20px;
  }
  .post-loop-wrap .tweet {
    font-size: 20px;
  }
  .post-loop-wrap .twitter-tweet {
    padding-right: 0;
    padding-left: 0;
  }
  .mobile-category,
  .mobile-category-title,
  .mobile-navigation,
  .mobile-navigation-title {
    display: block;
    position: relative;
    z-index: 9;
  }
  .filter-group {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section-gallery-inner .mobile-isotope {
    display: block;
  }
  /* About */
  .section-about .about-left {
    padding-right: 0;
  }
  .section-about .about-right {
    padding-left: 0;
    border: none;
  }
  /* History */
  .section-history .shadow {
    padding-left: 0;
    padding-right: 0;
  }
  .dates-wrap {
    height: 100%;
  }
  #timeline {
    height: 1000px;
  }
  #issues li {
    height: 1020px;
  }
  /* Counter */
  .section-counter .col-sm-6 {
    margin-bottom: 70px;
  }
  .section-counter .col-sm-6:before {
    display: none;
  }
  /* Team */
  .section-team .container {
    padding-right: 0;
    padding-left: 0;
  }
  .teamslider-wrap {
    height: 780px;
  }
  .team-img-inner {
    margin-left: -120px;
  }
  .team-wrap {
    bottom: 380px;
    right: 50%;
    margin-right: -50px;
  }
  /* Contact */
  .section-contact form input[type='text'],
  .section-contact form input[type='email'],
  .section-contact form textarea,
  .section-contact form select {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .section-contact .col-xs-12 {
    padding-left: 0;
  }
  .section-contact .contact-line:before {
    position: absolute;
    left: 0;
  }
  /* Gallery */
  .section-gallery-inner .filter-inner {
    display: none;
    overflow: hidden;
  }
  .section-gallery-inner .filter-inner a {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
  }
  .section-gallery .detail-button {
    margin-bottom: 50px;
  }
  .gallery-bottom {
    padding-bottom: 30px;
  }
  .gallery-bottom .gallery-date {
    border-left: none;
  }
  .mfp-close {
    position: absolute;
    right: 15px;
    top: 15px;
  }
  /* Quote */
  .section-quote .quote-body{
    margin-bottom: 30px;
  }
  /* Footer */
  .bottom-footer .nav {
    float: left;
    margin-left: -25px;
  }
  .bottom-footer .nav li {
    float: left;
  }
  .bottom-footer .copyright {
    border-top: 1px dotted #b2b2b2;
    padding-top: 20px;
  }
  .social-icon ul {
    float: left;
    padding-left: 0;
  }
}
@media (max-width: 600px) {
  .team-img-inner {
    margin-left: -144px;
  }
  .mfp-title{
    font-size: 20px;
  }
}
@media (max-width: 500px) {
  .teamslider-wrap {
    height: 850px;
  }
}
@media (max-width: 400px) {
  /* History */
  .dates-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .dates-wrap:before {
    position: absolute;
    left: 3px;
  }
  #timeline {
    height: 1060px;
  }
  #issues li {
    height: 1070px;
  }
}

td {
    line-height: 20px;
        
        
}
.col{
     color: #E0352E;
     font-size:14px;
     text-align: right;
     vertical-align: text-top;
     width:30%;
}
.desc {
     padding-left:4px;
     color: #21366c;
     font-size:14px;
     text-align: left;
     vertical-align: text-top;
}


select {
	width:100%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}

.img-container {
    position: relative;
    display: inline-block; /* added */
    overflow: hidden; /* added */
}

.img-container img {width:100%;} /* remove if using in grid system */


.img-container img:hover {
    opacity: 0.5
}
.img-container:hover a {
    opacity: 1; /* added */
    top: 0; /* added */
    z-index: 500;
}
/* added */
.img-container:hover a span {
    bottom: 60%;
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(60%);
}
/* added */
.img-container a {
    display: block;
    position: absolute;
    top: -100%;
    opacity: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    color: inherit;
}

.img-container .fa-search {
    
    color:#fff;
    opacity: 0.5
}

.links {
    font-size:14px;
}


.noImg {
position: relative;
border: 1px solid lightgrey;
background: url('../images/cam.png') 50% 50%/contain no-repeat;
height: 75px;
width: 126px;
content: "";
margin: 0 10px 10px 0;
}

.sub_cam {
 
 background-color: #E0352E;
 color:#FFFFFF;
 width:100%;
 margin-left:0;
 margin-right:0;
 padding-left:0;
 padding-right:0;
 display:block;
 text-align:center;
}

.btn-group-justified{
    display:table;
    width:100%;
    table-layout:fixed;
    border-collapse:separate;
    padding-bottom: 40px;
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group{
    display:table-cell;
    float:none;width:1%
}
.btn-group-justified>.btn-group .btn{
    width:100%
}

.btn-default{
    color:#333;
    background-color:#fff;
    border-color:#ccc
}
.btn-default.focus,.btn-default:focus{
    color:#333;
    background-color:#e6e6e6;
    border-color:#8c8c8c
}
.btn-default:hover{
    color:#333;
    background-color:#e6e6e6;
    border-color:#adadad
}
.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{
    color:#333;
    background-color:#e6e6e6;
    border-color:#adadad
}
.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}

.links {
    
   width:240px;
    
}
.links li a {
    
    font-size:12px;
   
}

.bacheca-title {
    font-size: 30px;
    color:#E0352E;;
}