a{
    outline: none;
}
/* 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:         top, left, 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;
}



/**** Isotope styles ****/

/* required for containers to inherit vertical size from window */
/*html,
body {
  height: 100%;
}*/

#container {
    border: 1px solid #666;
    padding: 5px;
    margin-bottom: 20px;
}

.element {
    width: 110px;
    height: 110px;
    margin: 5px;
    float: left;
    overflow: hidden;
    position: relative;
    background: #888;
    color: #222;
    -webkit-border-top-right-radius: 1.2em;
    -moz-border-radius-topright: 1.2em;
    border-top-right-radius: 1.2em;
}

.element.alkali          { background: #F00; background: hsl(   0, 100%, 50%); }
.element.alkaline-earth  { background: #F80; background: hsl(  36, 100%, 50%); }
.element.lanthanoid      { background: #FF0; background: hsl(  72, 100%, 50%); }
.element.actinoid        { background: #0F0; background: hsl( 108, 100%, 50%); }
.element.transition      { background: #0F8; background: hsl( 144, 100%, 50%); }
.element.post-transition { background: #0FF; background: hsl( 180, 100%, 50%); }
.element.metalloid       { background: #08F; background: hsl( 216, 100%, 50%); }
.element.other.nonmetal  { background: #00F; background: hsl( 252, 100%, 50%); }
.element.halogen         { background: #F0F; background: hsl( 288, 100%, 50%); }
.element.noble-gas       { background: #F08; background: hsl( 324, 100%, 50%); }


.element * {
    position: absolute;
    margin: 0;
}

.element .symbol {
    left: 0.2em;
    top: 0.4em;
    font-size: 3.8em;
    line-height: 1.0em;
    color: #FFF;
}
.element.large .symbol {
    font-size: 4.5em;
}

.element.fake .symbol {
    color: #000;
}

.element .name {
    left: 0.5em;
    bottom: 1.6em;
    font-size: 1.05em;
}

.element .weight {
    font-size: 0.9em;
    left: 0.5em;
    bottom: 0.5em;
}

.element .number {
    font-size: 1.25em;
    font-weight: bold;
    color: hsla(0,0%,0%,.5);
    right: 0.5em;
    top: 0.5em;
}

.variable-sizes .element.width2 { width: 230px; }

.variable-sizes .element.height2 { height: 230px; }

.variable-sizes .element.width2.height2 {
    font-size: 2.0em;
}

.element.large,
.variable-sizes .element.large,
.variable-sizes .element.large.width2.height2 {
    font-size: 3.0em;
    width: 350px;
    height: 350px;
    z-index: 100;
}

.clickable .element:hover {
    cursor: pointer;
}

.clickable .element:hover h3 {
    text-shadow:
        0 0 10px white,
        0 0 10px white
        ;
}

.clickable .element:hover h2 {
    color: white;
}
/***************My Css*****************/
body{font-family:Times New Roman!important}
/***********Header****************/
#mainMenu ul li a, #resMainMenu ul li a{color:#5f6062;font-family:Times New Roman!important}
#mainMenu>ul>li>a:hover, #mainMenu>ul>li.hover>a, #resMainMenu>ul>li>a:hover, #resMainMenu>ul>li.hover>a{background:#ea8629!important}
#mainMenu ul li.active a, #resMainMenu ul li.active a{background:#ea8629!important}
.styleSwitcher{display:none}
.logo{text-align:center;padding:25px 0}
.slider img{width:100%;height:100%}
/***************about us************/
#about{background-image:url(../images/about-bg.jpg);background-size:100% 100%;background-attachment: fixed;}
#about .media-body h3{font-size:26px;font-weight:bold;font-family:Times New Roman}
#about .media-body p{font-size:18px;font-weight:normal;}
#about .contact-section span{font-family:Times New Roman;font-size:23px;color:#fff;font-weight:600}
#about .phone a,.email a{color:#c88043}
.email a{color:#c88043!important}
.email a:hover{color:#fff!important}
#about .phone a:hover,.email a:hover{color:#fff}
/************Completed jobs*******/

.recently-completed-jobs{background-image:url(../images/white-bg.png);background-attachment: fixed;}
#recently-completed-jobs h1{font-family:Times New Roman;color:#ea8629}
.hover-img img{display:none}
.hover-img:hover .hover-img img{display:block}
.jobs-text{text-align:center;font-size:21px}
.boxContent h2{font-size: 21px;font-family:Times New Roman; /*-position: absolute; -*/  top: 50%;  bottom: 0;  left: 0;  right: 0;  color: #fff;text-transform: uppercase;}
.jobs-text-hover{text-transform: uppercase;color:#fff!important;position: absolute;  top: 30%;  bottom: 0;  left: 0;  right: 0;  color: #fff;text-align:center;font-size: 21px;  line-height: 1.392em;  margin-bottom: 0.36em;  font-weight: 400;  font-style: normal;font-family:Times New Roman}
.effects .span4 {padding-bottom: 25px!important}
.img.hover h2{display: none;}

/**************Testimonial*****************/
#testimonial{background-image:url(../images/testimonial-bg.png); background-attachment: fixed;
             background-size: cover;}
#testimonial h1{color:#fff; font-family:Times New Roman}
.testimonial-text{width:80%; text-align:center; margin: 0 auto;padding-bottom:35px}
.clients-says { color: #fff;  font-size: 21px;  font-style: italic;}
.client-name{font-size:21px;font-weight:bold;color:#ea8629;padding-bottom:35px;padding-top:10px}
.clients-border-bottom{width:450px;border-bottom:1px solid #fff;text-align:center;margin:0 auto;}

/******************Contact Us***************/
#contactSlice{background-image:url(../images/contact-us-bg.png);background-repeat:no-repeat;background-size:cover;background-attachment: fixed;
}
#contactSlice h1{font-family:Times New Roman;color:#ea8629; margin-bottom: 1.5em;}
.contact-addresss{text-align:center;margin:0 auto}
address span{text-transform:lowercase;font-size:21px;font-weight:bold;color:#525355;font-family:Times New Roman;  line-height: 40px;}
.contact-email a{text-transform: lowercase;}
address span a{color:#525355;font-family:Times New Roman!important;}
.social-icon{padding:30px 0}
.social-icon ul li{list-style:none;display:inline;padding-right: 15px;}
.social-icon ul li a{
    background-color: #fff;
    border-radius: 48%;
    display: inline-block;
    height: 15px;
    padding: 7px 10px 18px 8px;
    text-align: center;
    width: 25px;
}
.social-icon ul li a i{font-size: 20px;}
.social-icon ul li a:hover{background-color:#ea8629;color:#fff !important;}
.contact-form{padding:0px;text-align:center}
.contact-form .btn{background-color:#444;width:100%!important;font-family:Times New Roman!important;  border: none;}
.contact-form .btn:hover{background-color:#ea8629;color:#fff;border:inherit}
.color1:hover,.color4:hover{background-color:#ea8629;}
.contact_bxs{width:50%;margin:0 auto;display:block;}
.for-home{left:0!important;right:0;margin:0 auto}


/***********************For Mobile Responsive Style**************************/


@media screen and (min-width: 768px){

    #mainMenu ul, #resMainMenu ul{width: 740px!important;  margin: 0 auto!important;  float: none!important;}
}

@media screen and (min-width: 768px) and (max-width: 992px){
    .boxContent h2,h3.jobs-text-hover{font-size:15px!important}
    #about{background-size: 100%;background-attachment: scroll;}
    #testimonial {
        background-attachment: scroll;
        background-size: cover;
    }
    #contactSlice {
    background-size: cover;
    background-attachment: scroll;
}
    .boxContent h2{clear: both; top: auto;}
}


@media screen and (max-width: 767px)
{
    #resMainMenu.opened {
        max-height: 100% !important;
    }
    /*    .desktop-menu{display: none;}*/
    .mobile-menu{display:block !important;}
    .contact_bxs{width:60%;}
    .nav.clearfix{padding-top: 60px!important;}
    #about .media-body{text-align:center}
    h1{font-size:25px!important}
    .span6 .span12{    width: 100%;
                       margin: 0 auto;
                       text-align: center;}
    .overlay{pointer-events: none;}
    #lightbox-nav{overflow: hidden;}
}


@media screen and (max-width: 639px)
{
    .jobs-text-hover{font-size:15px!important}
    .boxContent h2{font-size: 15px;}
    .clients-border-bottom{width:50%}
    .contact_bxs{width:100%;}
    #nav-toggle{position: relative;    right: 0;    text-align: center;    text-indent: -9999px;    top: 0;    width: 100%;}
    .for-mobile-menu{padding:0px!important;}
    .for-mobile-menu .span12{margin-bottom:0px!important}

}

@media screen and (min-width: 430px) and (max-width: 600px){
    .span4{ margin: 0 auto;    width: 70%;}
}

@media screen and (min-width: 601px) and (max-width: 700px){
    .span4{ margin: 0 auto;    width: 70%;}
}

@media screen and (min-width: 701px) and (max-width: 767px){
    .span4{ margin: 0 auto;    width: 60%;}
}


@media screen and (max-width: 530px)
{
    #lightbox-container-image-box {
        position: relative;
        background-color: #fff;
        width: 250px !important;
        height: auto !important;
        margin: 0 auto;
    }
    #lightbox-container-image-data-box {
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 250px !important;
        padding: 0 !important;
    }
    address span{ font-size: 15px!important; line-height: 25px!important;}
}
@media screen and (max-width: 400px){

} 

@media screen and (min-width: 768px) and (max-width: 991px){
    #about article{    width: 100%!important;
                       margin: 0 auto!important;
                       text-align: center;}
}