@import 'prettyPhoto.css';/* ========================================================================== Author's custom styles ========================================================================== */
.pagination>li>a, .pagination>li>span { border-radius: 50% !important;margin: 0 5px;text-align: center;font-size:13px;}
.text-h{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; size:20px; font-style:italic; color:#FFF; text-transform:capitalize;}
.logo{position:absolute;}
.navbar-toggle{border:1px solid #b2cc0a;}
.navbar-toggle .icon-bar{ border:1px solid #fff;}
.centered {margin: auto auto;display: block;width: 185px;margin-bottom: 25px;}
.thumbnail {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;border: 1px solid #a7cf47;}
.thumbnail img {opacity: .75;}
.thumbnail img:hover {opacity: 1;}
.gallery {color: #fff;}
.gallery h2 {font-family: 'Yesteryear', arial, helvetica, sans;color: #eee;text-align: center;margin-bottom: 15px;font-size: 4.5em;font-weight: 200;line-height: 1.65em;border-bottom: 1px solid #000;text-shadow: 3px 4px 0px rgba(0, 0, 0, 0.76);}
.credits a {margin-right: 15px;color: #555;border: 1px solid #000;padding: 5px 15px;background: rgba(0, 0, 0, 0.45);}
.credits a:hover {color: #999;text-decoration: none;background: #000;}
.btn-primary{background:#284703;}
.btn-default{background:#fff; }
/* gallery***/
.thumbnails {  margin-left: -36px;}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{margin:0 auto;}
/*about us */
.jumbotron {background:url(../img/abt.jpg);position: absolute;width: 100%;top: 0;left: 0;height: 600px;background: #253340 url('../img/abt.jpg') no-repeat 50% top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.align-center{text-align:left;}
.box-new { border-radius:3px;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);display:block;margin-top: 0px;margin-bottom:20px;padding: 10px 25px;text-align:left;}
.green{color:#94de2c;}
.black{color:#000;}
.navbar-fizza{background-color:#294800;border-color:#515151; border-top:10px solid #201e1f; }
.fizza li a{color:#fff;}
.fizza li > a:hover, .nav > li > a:focus{ background-color:#70af0e; color:#213502;}
.dropdown-menu{background:#2c4903}
.navbar-minimal{background:#7cc807;}
.space2{margin-top:15px;}
.no-margin{margin-top:0px}
footer{ border-top:10px solid #294800;background-color: #1b1c1c; background-image: -webkit-gradient(linear, left top, left bottom, from(#1b1c1c), to(#000000));
 background-image: -webkit-linear-gradient(top, #1b1c1c, #000000);
 background-image: -moz-linear-gradient(top, #1b1c1c, #000000);
 background-image: -ms-linear-gradient(top, #1b1c1c, #000000);
 background-image: -o-linear-gradient(top, #1b1c1c, #000000);
 background-image: linear-gradient(to bottom, #1b1c1c, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1b1c1c, endColorstr=#000000);padding:10px 0px; color:#fff;}
#portfolio_page {margin-top: 115px;padding-bottom: 0;}
.portfolio-items, 
.portfolio-filter {list-style: none outside none;margin: 0 0 40px 0;padding: 0;}
.portfolio-filter > li { display: inline-block;}
.portfolio-filter > li a {background: none repeat scroll 0 0 #FFFFFF;font-size: 14px;font-weight: 400;margin-top: 5px;text-transform: uppercase;  transition: all 0.9s ease 0s;  -moz-transition: all 0.9s ease 0s;  -webkit-transition: all 0.9s ease 0s;  -o-transition: all 0.9s ease 0s;
  border: 1px solid #F2F2F2;  outline: none;  border-radius: 3px;}
.portfolio-filter > li a:hover,
.portfolio-filter > li a.active{color:#fff;  background: #c52d2f;  border: 1px solid #c52d2f;  box-shadow: none;  -webkit-box-shadow: none;}
.portfolio-items > li {  float: left;  padding: 0;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.portfolio-item {  margin: 0;  padding:0;}
#feature {  background: #f2f2f2;  padding-bottom: 40px;}
.features{  padding: 0;}
.feature-wrap { margin-bottom: 35px;  overflow: hidden;}
.feature-wrap h2{  margin-top: 10px;}
.feature-wrap .pull-left {  margin-right: 25px;}
.feature-wrap i{  font-size: 48px; height: 110px; width: 110px; margin: 3px; border-radius: 100%;line-height: 110px;text-align:center;
  background: #ffffff;color: #c52d2f;border: 3px solid #ffffff;box-shadow: inset 0 0 0 5px #f2f2f2;-webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
  -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms;  float: left;  margin-right: 25px;}
.feature-wrap i:hover {  background: #c52d2f;  color: #fff;  box-shadow: inset 0 0 0 5px #c52d2f;  -webkit-box-shadow: inset 0 0 0 5px #c52d2f;  border: 3px solid #c52d2f;}
#recent-works .col-xs-12.col-sm-4.col-md-3{ padding: 0;}
#recent-works{ padding-bottom: 70px;}
.recent-work-wrap { position: relative;}
.recent-work-wrap img{ width: 100%;}
.recent-work-wrap .recent-work-inner{ top: 0; background: transparent; opacity: .8; width: 100%; border-radius: 0; margin-bottom: 0;}.recent-work-wrap .recent-work-inner h3{ margin: 10px 0;}
.recent-work-wrap .recent-work-inner h3 a{ font-size: 24px; color: #fff;}
.recent-work-wrap .overlay { position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;border-radius: 0;background: rgba(197,45,47 ,0.5);
  transition: opacity 500ms;   padding: 30px;}
.recent-work-wrap .overlay .preview {bottom: 0;display: inline-block;height: 35px;line-height: 3px;border-radius: 0;background: transparent;text-align: center;color: #fff;padding: 20px 40px;border: 1px solid #fff;text-decoration: none;
font-weight: 600;}
.recent-work-wrap:hover .overlay {opacity: 1;}
#services {background: #000 url(../images/services/bg_services.png);background-size: cover;}
#services .lead,
#services h2{color: #fff;}
.services-wrap {padding: 40px 30px;background: #fff;border-radius: 4px;margin: 0 0 40px;}
.services-wrap h3 {font-size: 20px;margin: 10px 0;}
.services-wrap .pull-left {margin-right: 20px;}
#middle {background: #f2f2f2;}
.skill h2{margin-bottom: 25px;}
.progress-wrap{position: relative;}
.progress .color1,
.progress .color1 .bar-width{background: #2d7da4;}
.progress .color2,
.progress .color2 .bar-width{background: #6aa42f;}
.progress .color3,
.progress .color3 .bar-width{background: #ffcc33;}
.progress .color4,
.progress .color4 .bar-width{background: #db3615;}
.progress, 
.progress-bar {height: 15px;line-height: 15px;background: #e6e6e6;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border-radius: 0;overflow: visible;text-align: right;}
.progress{position: relative;}
.progress .bar-width{position: absolute;width: 40px;height: 20px;line-height: 20px;text-align: center;font-size: 12px;font-weight: 700;top: -30px;border-radius: 2px;margin-left: -30px;}
.progress span{position: relative;}
.progress span:before{content: " ";position: absolute;width: auto;height: auto;border-width: 8px 5px;border-style: solid;bottom: -15px;right: 8px;}
.progress .color1 span:before{border-color: #2d7da4 transparent transparent transparent;}
.progress .color2 span:before{border-color: #6aa42f transparent transparent transparent;}
.progress .color3 span:before{border-color: #ffcc33 transparent transparent transparent;}
.progress .color4 span:before{border-color: #db3615 transparent transparent transparent;}
.accordion h2{margin-bottom: 25px;}
.panel-default{border-color: transparent;}
.panel-default>.panel-heading,
.panel{background-color: #e6e6e6; border:0 none;box-shadow:none;}
.panel-default>.panel-heading+.panel-collapse .panel-body{background: #fff;color: #858586;}
.panel-body{padding: 20px 20px 10px;}
.panel-group .panel+.panel{margin-top: 0;border-top: 1px solid #d9d9d9;}
.panel-group .panel{border-radius: 0;}
.panel-heading{border-radius: 0;}
.panel-title>a{color: #4e4e4e;}
.accordion-inner img{border-radius: 4px;}
.accordion-inner h4{margin-top: 0;}
.panel-heading.active{background: #1f1f20;}
.panel-heading.active .panel-title>a{color:#fff;}
a.accordion-toggle  i{width: 45px;line-height: 44px;font-size: 20px;margin-top: -10px;text-align: center;margin-right: -15px;background: #c9c9c9;}
.panel-heading.active a.accordion-toggle i{background: #c52d2f;color: #fff;}
.panel-heading.active a.accordion-toggle.collapsed i{background: #c52d2f;color: #fff;}
.nav-tabs>li{margin-bottom: 0px;border-bottom: 1px solid #e6e6e6;}
.nav-tabs{border-bottom: transparent;border-right: 1px solid #e6e6e6;}
.nav-tabs>li>a {background: #f5f5f5;color: #666;border-radius: 0;border: 0 none;line-height: 24px;margin-right:0;padding: 13px 15px;}
.nav-tabs li:last-child{border-bottom: 0 none;} 
.nav-stacked>li+li{margin-top: 0;}
.nav-tabs>li>a:hover{background: #1f1f20;color:#fff;}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {border: 0;color:#fff;background: #1f1f20;position: relative;}
.nav-tabs>li.active>a:after {position: absolute;content:  "";width: auto;height: auto;border-style:solid;border-color: transparent transparent transparent #1f1f20;border-width: 25px 22px;right: -44px;top:0;}
.tab-wrap{border:1px solid #e6e6e6;margin-bottom: 20px;}
.tab-content{padding: 20px;}
.tab-content h2{margin-top: 0;}
.tab-content img{border-radius: 4px;}
.testimonial h2{margin-top: 0;}
.testimonial-inner {color:#858586;font-size: 14px;}
.testimonial-inner .pull-left{border-right: 1px solid #e7e7e7;padding-right: 15px;position: relative;}
.testimonial-inner .pull-left:after{content: "";position: absolute;width: 9px;height: 9px;top: 50%;margin-top: -5px;background: #FFF;-webkit-transform: rotate(45deg);border: 1px solid #e7e7e7;right: -5px;border-left: 0 none;border-bottom: 0 none;}
#partner {background: url(../images/partners/partner_bg.png) 50% 50% no-repeat;background-size: cover;}
#partner {color: #fff;text-align: center;}
#partner h2, 
#partner h3 {color: #fff;}
.partners ul {list-style: none;margin: 0;padding: 0;}
.partners ul li{display: inline-block;float: left;width: 20%;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #284703;
    border-color: #284703;
}
@media only screen
and (max-width :  768px) {
.logo{ width:100px; left:30px;} 

}