body{ background-image: url(../img/bgimage.jpg);

      background-repeat:no-repeat;

      background-attachment:fixed;

      background-size:100%;

      background-color:#F3B830; color:#858585;
	  
	  overflow-x: hidden;
	  }
a, a:hover, a:active{color: #ff4800;}
img{max-width:100%}
.cntr{text-align:center;}
.ourServices {padding:40px 0}
.ourServices img{max-width:140px}
.title{ border-bottom:1px solid #eee; padding-bottom:4px; margin-bottom:20px;}
.topHeaderSection{background:#FFF; padding:5px 0; border-bottom: #F6831F 5px solid;}

.header {
    z-index: 999;
    position: relative;
    padding: 0;
}
.is-sticky {
    width: 100%;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.95);
}

.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;
    min-height: 200px;
    max-height: 200px;

}
.portfolio-item .item-inner {
    background: #fff;
    border: 1px solid #eee;
    padding: 10px 10px 0;
    margin: 0 20px 20px 0;
    position: relative;
    min-height: 200px;
    max-height: 200px;
}
.portfolio-item .Image {
    width: 100%;
    min-height: 150px;
    max-height: 150px;
    overflow: hidden;
}
.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;
}

.events .section-content {

}
.events .event-item {
    position: relative;
    padding-left: 55px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
}
.events .event-item .date-label {
    background: #fff;
    position: absolute;
    left: 0;
}
.events .event-item h2.title {
    margin-bottom: 20px;
    font-size: 16px;
}
.events .event-item p {
    margin-bottom: 5px;
}
.events .event-item .fa {
    margin-right: 5px;
    font-size: 14px;
    min-width: 16px;
    color: #666;
}
.events .event-item .fa.fa-map-marker {
    font-size: 18px;
}
.events .read-more {
    margin-top: 15px;
}
.events .details p {
    color: #666;
}
.date-label {
    background: #f5f5f5;
    display: inline-block;
    width: 40px;
    height: 50px;
    text-align: center;
    font-size: 13px;
}
.date-label .month {
    background: #6091ba;
    color: #fff;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
}
.date-label .date-number {
    clear: left;
    display: block;
    padding-top: 5px;
    font-size: 15px;
    font-family: 'open sans', arial, sans-serif;
    font-weight: 500;
}
#marqueelink a img {
    padding:10px 20px 10px 20px;
    margin:0 5px 0 5px;
    border:solid 1px #dadada;
}
#marqueelink a:hover img {
    padding:10px 20px 10px 20px;
    margin:0 5px 0 5px;
    border:solid 1px #ffc076;
}
/* --------------------------- */
/* --------------------------- */
/*Top Bar (login, search etc.)
------------------------------------*/
.top {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #333333;
    z-index:9999;
}
.top .container {
    padding:0 15px;
}

.phone-mail {
    margin:0 20px 0 0;
    padding:0;
    z-index:9999;
    list-style:none;
    position:relative;
    float: right;
}
.phone-mail li {
    display:inline;
    list-style:none;
    padding-bottom:15px;
    margin-right: 5px;
}
.phone-mail i {
    font-size:14px;
    margin-top:3px;
    margin-right: 3px;
    color:#EEE;
}
.phone-mail li span {
    color:#EEE;
    font-size:14px;
    font-family: 'Roboto', sans-serif;
}

.loginbar {
    margin:0;
    padding:0;
    z-index:9999;
    list-style:none;
    position:relative;
    float: right;
}

@media (max-width: 480px) {
    .loginbar {
        float: left;
    }
}

.loginbar li {
    display:inline;
    list-style:none;
    color:#EEE;
}

.loginbar li a,
.loginbar li a:hover {
    color:#EEE;
    font-size:14px;
    font-family: 'Roboto', sans-serif;
}

.loginbar li.devider { 
    top:-1px;
    padding:0;
    font-size:8px;
    position:relative;
    margin:0 6px 0 2px;
    font-family:Tahoma;
    border-right:solid 1px #bbb;
}

.loginbar i {
    color:#999;
    font-size:18px;
    margin-top:3px;
    cursor:pointer;
}

/*Lenguages*/
.loginbar li ul { 
    top:18px;
    margin:0;
    left:-6px;
    display:none; 
    padding-top:4px;
    position:absolute; 
    border-radius:3px;
    padding-bottom:4px;
    background:#f0f0f0;
}

.loginbar li:hover ul { 
    display:block; 
}

.loginbar li ul li { 
    padding-bottom:0;
    display:list-item;
    position:relative;
    margin-bottom:1px;
}

.loginbar li ul li a { 
    color:#555;
    display:block;
    min-width:85px; 
    font-size:10px;
    padding:2px 12px;
    background:#f0f0f0;
    text-decoration:none;
}

.loginbar li ul li a:hover, 
.loginbar li ul li.active a {
    opacity:1 !important;
    color:#555 !important;
    font-size:10px !important;
    text-shadow:none !important;
    background:#fafafa !important;
}

.loginbar li ul li.active i {
    top:2px;
    right:-5px;
    font-size:14px;
    cursor:default;
    position:absolute;
    text-shadow:0 1px 0 #e9e9e9;
}

.loginbar i.icon-globe {
    color:#bbb;
    font-size:13px;
    margin:3px 3px 0 0;
}

.loginbar li i.icon-sort-up {
    top:21px; 
    left:-1px;
    color:#eee;
    display:none;
    font-size:14px;
    cursor:default;
    position:absolute;
}

.loginbar li:hover i.icon-sort-up {
    display:block;
}

.loginbar li:hover i.icon-ok {
    top:-2px;
    color:#aaa;
}
/* --------------------------- */
/* --------------------------- */
.bannerSection{background:#e5e5e5; padding:0}
.highlightSection{color:#333; background:#fafafa; padding:18px 0; border-bottom: 1px solid #D1D1D1}
.highlightSection h2{padding-top:0; margin-top:0; font-size:21px}
.highlightSection h4{padding-top:0; margin-top:0; line-height:1.6em; font-size:18px}
.bodySection{background:#fff; padding:18px 10px;}
.bodySection{background:url(../img/bg-body.png); padding:18px 10px; min-height: 600px;}
.purplecolor{
    color: #56247D;
}
.redcolor{
    color: #EC2627;
}
.black{
    color: #000 !important;
}
.align-right{text-align:right}

.testimonails{background:#f7f7f7; padding:14px; margin:28px 0 44px }
.projectList{}
.projectList img{padding:4px; border:1px solid #eee; background:#f5f5f5;}


.projectImg{max-width:140px}
.clientSection{background:#fafafa; padding:18px 0; margin-bottom:20px; padding:18px }
.footerTopSection{background:#f7f7f7; padding:18px 10px; border-top: 1px solid #999}
.footerbox { color: #000; min-height: 230px; max-height: 230px;  border-right: 1px solid #999;}
.footerBottomSection{background-color: #333333; padding:18px 10px; color:#fff}

#topcontrol:hover {color: #a2c753;}
#topcontrol, #topcontrol:hover {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.navbar-brand img.logo1 {
    -moz-animation:10.0s rotateRight infinite linear; 
    -webkit-animation:10.0s rotateRight infinite linear; 
}
@-moz-keyframes rotateRight{
    0%{ -moz-transform:rotate(0deg); -moz-transform-origin:50% 50%; }
    100%{ -moz-transform:rotate(360deg); }
}

@-webkit-keyframes rotateRight{
    0%{ -webkit-transform:rotate(0deg); -webkit-transform-origin:50% 50%; }
    100%{ -webkit-transform:rotate(360deg); }
}
.navbar-brand{
    margin-top: -15px;
    margin-bottom: -15px;
}
.marquee{
    border: 1px solid #EEE;
    font-size: 16px;
    font-weight: 500;
    padding: 5px;
}

.blockquote {border-left: 5px solid #FF792D;}
.companyname{
    color: #56247D;
    font-size: 40px;
    font-weight: 700;
    padding: 30px 0px 20px 50px;
}
/* Toggle menu */
.navbar-collapse {background: transparent; z-index: 9999; margin:0px;}
.navbar-toggle {border-radius: 0;outline:0; background: #333;}
.navbar-toggle span {border-color: #ff0000;background: red;}
.nav>li>a:hover, .nav>li>a:focus {text-decoration: none; background-color: #333; color: #FFF;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: #333; border-color: #428bca;}
.navbar-nav>li>a {padding-top: 8px;padding-bottom: 8px; color: #F5821F; font-size: 16px; font-weight: 600;}
.navbar-nav>li.active>a, .navbar-nav>li>a:hover {color: #FFF}
.navbar-nav.navbar-right:last-child {margin-right: -15px;margin-top: 45px; margin-bottom: -18px;}

.btn-brand{background-color: #ff4800; border-color: #ff4800; color:#fff}
.btn-brand:hover, .btn-brand:focus, .btn-brand:active, .btn-brand.active, .open .dropdown-toggle.btn-brand {color: #fff; background-color: #F07341; border-color: #F07341;}

.serviceBlock{ padding:38px 0; margin:18px 0}

.services {padding:38px 0; margin:18px 0}
.serviceBlock i {
    float: left;
    padding: 14px;
    color: #00B8FF;
    font-size: 6em;
    text-align: center;
    -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;
}
blockquote {
    border-left: 5px solid #ff4800;
}

.BigBox{
    padding: 10px;
    min-height: 200px;
    background-color: #EEE;
}
.BigBox .InnerBox{
    min-height: 250px;
}
.BigBox h3{
    margin: -10px;
    color: #FFF;
    background-color: #EC2627;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    font-variant-caps: petite-caps;
}
.BigBox p{
    margin-top: 20px;
}

.text-justify{
    text-align: justify;
}

.ListIcon{
    list-style: url(../img/bullet.png);
}

/* Media Query */

/* Small devices (tablets, 768px and up) */
@media (max-width: 480px) {
    .topHeaderSection {padding: 0;}
    .da-slide .da-img{display:none}
    .da-slide h2 {top: 18px;}
    .da-slide p {top: 255px;}
    .navbar-nav.navbar-right:last-child {margin-top: 0px;margin-bottom: 0px;}
    .navbar-toggle {margin-top: 21px;}
    .companyname { font-size: 24px; }
    .logo {
        width: 150px;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {  }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

#heading-breadcrumbs {
    background: url('../img/texture-bw.png') center center repeat;
    padding: 25px 0;
    margin-bottom: 20px;
}
#heading-breadcrumbs.no-mb {
    margin-bottom: 0;
}
#heading-breadcrumbs h1 {
    color: #333333;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.08em;
}
@media (max-width: 991px) {
    #heading-breadcrumbs h1 {
        text-align: center;
    }
}
#heading-breadcrumbs ul.breadcrumb {
    margin-top: 13px;
    margin-bottom: 0;
}