/*

Theme Name: AHT

Theme URI: 

Description: 

Version: 3.0

Author:Thameem

*/


img{ max-width:none; width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
*{
    outline: 0px;
}
a:focus{ outline:none;}
input:focus{ outline:none;}
textarea:focus{ outline:none;}
::-moz-selection
{
	background:#3b99d7;;
	color:#fff
}
::selection{
	background:#3b99d7;;
	color:#fff;
  
}
::-webkit-scrollbar{
		width:10px;
		background:#e7e7e7;
        
}

::-webkit-scrollbar-thumb{
		background: #f4dc2e;
		border:1px solid rgba(0,0,0,.2);
		border-radius:5px;
		box-shadow:1px 1px 1px 0 rgba(0,0,0,.2);
}

span.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
ul , ol{
	margin:0px; padding:0px;
}

li{
	padding:0px;
	margin:0px;
	list-style:none;
}
a,a:visited, a:hover{
	text-decoration:none;
    color: #fff;
}
h1, h2, h3, h4, h5, h6 {
	
	padding:0px;
	margin:0px;
}

h2{
    font-size: 28px;
    font-family: 'rajdhanilight';
}

h3{
    font-family: 'oswaldmedium';
    font-size: 20px;
    color: #fff;
}
h5{
    font-family: 'oswaldbold';
    font-size: 22px;
    color: #0d0d0d;
    text-transform: uppercase;
}
p{
	margin:0em 0 1em 0;
	padding:0px;
    font-size: 14px;
}

*{
    outline: 0px;
}

.full-width{
    width: 100%;
	height: 100%;
}

body {
    font-family: 'rajdhaniregular';
	font-size:14px;
	line-height:19px;
    color: #fff;
}
h4{
    
    font-size: 28px;
    font-family: 'rajdhanilight';
    color: #fff;
}


/* == NAV == */

a.brand {
    position: absolute;
    left: 70px;
    top: 8px;
    z-index: 9;
}


nav.nav-aht {
    background: #191919;
    border-radius: 0px;
    border: none;
    margin: 0px;
}

.top-nav{
    border-bottom: #363636 solid 1px;
    position: relative;
}
.icons-square {
    width: 60px;
    height: 60px;
    border: #363636 solid 1px;
    border-width: 0px 1px 0 1px;
    float: left;
    text-align: center;
    padding: 20px 0 0 0;
    margin: 0 -1px 0 0;
}
.icons-square .icon  {
    color: #f4dc2e;
    font-size: 18px;
    text-decoration: none;
}

.left-sec span{
    float: left;
    margin: 0 15px;
    padding: 20px 0;
}

.right-sec .icons-square a{
    color: #f4dc2e;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.5s ease;
}
ul.aht-main{
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'rajdhanimedium';
        margin: 0 0 0 55px;
}
.nav-aht ul.aht-main li a{
    color: #fff;
        padding: 21px 15px 14px;
    transition: all 0.5s ease;
    position: relative;
}

.nav-aht ul.aht-main li a:hover, .nav-aht ul.aht-main li a.active:hover, .nav-aht ul.aht-main li a:focus, .nav-aht ul.aht-main li a.active:focus{
    color: #f4dc2e !important;
    background: none !important;
    transition: all 0.5s ease;
}

.nav-aht ul.aht-main li a:before{
    content: "-";
    position: absolute;
    right: 0px;
    top: 21px;
    
}
.nav-aht ul.aht-main li:last-child a:before{
    content: "";
}

.nav-aht ul.aht-main li a:after{
    transition: all 0.5s ease;
     content: "";
    background: #f4dc2e;
    width: 0;
    height: 6px;
    position: absolute;
    bottom: -6px;
    left: 0px;
}

.nav-aht ul.aht-main li a:hover:after{
    content: "";
    background: #f4dc2e;
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: -6px;
    left: 0px;
    transition: all 0.5s ease;
}

.nav-aht.navbar-default .navbar-nav>.active>a{
     color: #f4dc2e !important;
    background: none !important;
    border-bottom: #f4dc2e solid 6px;
}
.left-sec {
    padding: 0 0 0 71px;
}
.input-field{
    float: left;
}
.searchbox.pull-right {
    width: 221px;
}

.input-field input {
    background: #191919;
    border: none;
    height: 61px;
    margin: 0 0 0 1px;
    border-radius: 0px;
    font-style: italic;
}

/* == NAV == */





/* == SPOTLIGHT == */
section.spotlight{
    position: relative;
    overflow: hidden;
    margin: 122px 0 0 0;
}

span.gain{
    width: 100%;
    height: 100%;
    background: url(../images/grain.png);
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.7;
}

section.spotlight .row .col-md-3{
    padding: 0px;
}
.slider{
    position: relative;
}


.slider:hover .slider-hover{
    opacity: 1;
}


.slider-hover {
    position: absolute;
    display: block;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    transition: all 0.5s ease;
    opacity: 0;
    left: 0px;
    top: 0;
}


.slider-inn .icon{
    width: 51px;
    height: 51px;
    background: #191919;
    display:block;
    text-align: center;
    color: #fff;
    font-size: 22px;
    padding: 13px 0 0 0;
    border-radius: 50%;
    margin: 6px auto;
     transition: all 0.5s ease;
}

.slider-inn h2{
    text-align: center;
    font-size: 18px;
}
.slider-inn {
    margin: 180px 0 0px 0;
}

.slider-inn a.readmore{
    margin: 40% auto;
}


a.readmore{
    width: 120px;
    height: 45px;
    display: block;
    border-radius: 5px;
    padding: 11px 0 0 0;
    margin:0 auto;
    border: #fff solid 1px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: all 0.5s ease;
}

.slider-inn:hover span.icon
{
    background: #f4dc2e;
    color: #191919;
    transition: all 0.5s ease;
    
}
.slider-inn:hover a.readmore{
     border: #f4dc2e solid 1px;
    color: #f4dc2e;
    transition: all 0.5s ease;
}

/* == SPOTLIGHT == */




.mid-container{
   
}



.top-wrapper{
    background: #f5f5f5;
    border-bottom: #efefef solid 1px;
    margin: 0 0 2px 0;
}

.text-wrapper {
    padding: 90px 44px 70px 44px;
}

.text-wrapper h2{
    color: #0d0d0d;
}


hr {
    width: 42px;
    margin: 8px 0;
    height: 3px;
    background: #fff;
}

.text-wrapper hr {
    /* border-bottom: #ec1b23 solid 3px; */
    background: #ec1b23;
}
.text-wrapper p{
    color: #000;
}
.text-wrapper a.readmore {
    border-color: #0d0d0d;
    color: #0d0d0d;
    margin: 85px 0 0 0;
}

.slider-service{
    padding: 0px;
    height: 496px;
    overflow: hidden;
}
.slider-service .main-slider4 .item{
    position: relative;
}

.slider-service .main-slider4 .item:hover .slider-hover{
    opacity: 1;
}
.slider-service .main-slider4 .item h2{
    color: #fff;
}
.slider-service .main-slider4 .item hr{
    border-bottom: #fff solid 0px;
    background: #fff;
}



.ser-inn {
    margin: 254px 0 0 0;
}


.mid-wrapper {
    text-align: center;
    border-top: #efefef solid 1px;
}
.btn-sort{
    border: #cacaca solid 1px;
    border-radius: 0px;
    PADDING: 8PX 15PX;
    margin: 0 0 3px 0;
    
}

.btn-sort:hover{
    border: #c60008 solid 1px;
}


.caegories a{
    color: #a8a8a8;
    transition: all 0.5s ease;
}
.btn-sort.active{
    background: #ec1b23;
    color: #fff;
    border: #c60008 solid 1px;
}

.mid-wrapper h2{
    color: #0d0d0d;
    text-align: left;
}
.text-wrapper.inner-mid-s {
    padding: 48px 44px 40px 44px;
}

a.sort-img-hover{
    position: relative;
    transition: all 0.5s ease;
    display: block;
}

span.title-name{
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(236,27,35,0.8);
     transition: all 0.5s ease;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
}
a.sort-img-hover:hover span.title-name{
    opacity: 1;
    transition: all 0.5s ease;
}

.title-name span.icon {
    font-size: 48px;
    margin: 114px 0 0 0;
    display: block;
}

.linkname {
    text-align: left;
    padding: 70px 0 0 20px;
}

.portfolio-div {
    margin: 43px -15px 0 -15px;
}

.portfolio-div .col-lg-3.col-md-3.col-sm-4.col-xs-12 {
    margin: 0 0 15px 0;
}

.more-btn {
    padding: 30px 0 0 0;
}

.more-btn a{
    color: #191919;
    text-transform: uppercase;
}

.client-wrapper .top-wrapper{
    background: #f5f5f5;
    border: none;
    margin: 0px;
}
.client-wrapper .text-wrapper{
    padding: 50px 44px 0 44px;
}

.slider-service.featured-slider{
    height: 375px;
}

.client-wrapper .ser-inn {
    margin: 212px 0 0 0;
}


ul.horizontal-ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
} 


ul.horizontal-ul li:nth-child(odd){
    border-bottom: #d7d7d7 solid 1px;
    border-right: 0px;
}
ul.horizontal-ul li:nth-child(even){
    border-bottom: 0px;
    border-right: 0px;
}


ul.horizontal-ul li ul.vertical li{
    width: 186px;
    height: 113px;
    float: left;
    border-right: #d7d7d7 solid 1px;
    overflow: hidden;
     border-bottom: 0px;
}
ul.horizontal-ul li ul.vertical li:last-child{
    border-right: 0px !important;
}


ul.vertical li img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
     transition: all 0.5s ease;
}

ul.vertical li img:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
     transition: all 0.5s ease;
    cursor: pointer;
}







/*= INNER PAGE ==*/
.innerhead{
    height: 137px;
    background: #f1f1f1;
    padding: 42px 0 0 0;
    border-bottom: #e3e3e3 solid 1px;
}

.top-line {
    width: 100%;
    height: 1px;
    display: block;
    background: #e3e3e3;
    position: relative;
    text-align: center;
    margin: 0 0 30px 0;
}
a.home-icon {
    width: 46px;
    height: 46px;
    display: inline-block;
    background: #f4dc2f;
    border-radius: 50%;
    margin: -24px 0 0 0;
    position: relative;
}
a.home-icon:before {
    content: "\f015";
    font: normal normal normal 14px/1 FontAwesome;
    color: #191919;
    position: absolute;
    left: 15px;
    top: 12px;
    font-size: 19px;
}
.innerhead h5{
    text-align: center;
}

.innerhead p{
    text-align: center;
    color: #a7a7a7;
}

.mid-page-container.about-wrapper{
    padding: 60px 0 30px 0;
}

.mid-page-container p{
    color: #3e3e3e;
}


.space{
    padding: 15px 0;
}

.inner-abt{
    
}

.inner-abt ul li {
    position: relative;
    padding: 0 0 20px 92px;
}
.inner-abt h5{
    font-size: 16px;
}


.inner-abt ul li:before {
    content: "";
    width: 72px;
    height: 72px;
    background: #f4dc2f;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 50%;
}

.inner-abt ul li:nth-child(n):before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f135";
    color: #0d0d0d;
    padding: 23px 0 0 25px;
    font-size: 23px;
}


.inner-abt ul li:nth-child(2):before {
    content: "\f06e";
}
.inner-abt ul li:nth-child(3):before {
        content: "\f209";
}

.inner-abt > ul li ul.inner-ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.inner-abt > ul li ul.inner-ul li {
    padding: 0px 0 0 18px;
    color: #3e3e3e;
}
.inner-abt > ul li ul.inner-ul li:before {
    content: "\f10c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 11px;
    color: #191919;
    width: 0px;
    height: 0px;
    top: 3px;
    padding: 0px;
}




/* -- SERVICES PAGE --*/

.services-wrapper h5 {
    font-size: 15px;
    color: #3E3535;
}
.service-in{
    
}
.inpage{
    position: relative;
    text-align: center;
}

.inpage:hover .slider-hover{
    opacity: 1;
}

.inpage h3 {
    font-size: 15px;
}

.inpage .slider-hover {
    padding: 20% 0 0 0;
}

.inpage .slider-hover .icon {
    font-size: 30px;
    padding: 0 0 11px 0;
    display: block;
}
.service-in {
    padding: 8px;
}

.service-in .col-xs-6.col-sm-4.col-md-3 {
    padding: 6px;
}

.portfolio-div.no-space{
    margin: 0px -15px 0 -15px;
}

/* -- SERVICES PAGE --*/


/* -- PRODUCTS PAGE --*/

.products-wrapper .col-md-12{
    padding: 0px;
}


.products-wrapper .col-xs-6.col-sm-4.col-md-3{
    padding: 0px;
    overflow-x: hidden;
    
}
section.mid-page-container.about-wrapper.products-wrapper {
    padding: 0px 0 0px 0;
    overflow: hidden;
}


.products-in > h5 {
    padding: 5px 77px;
}

.no-space .inpage .slider-hover{
    background: rgba(236,27,35,0.8);
}
.products-inner  .col-md-6{
    padding: 0px;
}

.products-inner .slider-hover{
    padding: 25%;
}

.products-inner .slider-hover h3{
    font-size: 22px;
}
.product-names {
    padding: 12px 0 0 0;
}
.product-names ul {
    color: #262626;
}

.product-names ul li i{
    color: #ec1b23;
}

.product-names:last-child ul {
    float: left;
}

.product-names:last-child ul li:last-child {
    color: inherit;
}


.product-names ul {
    margin: 0 12px 0 0;
}

.product-names ul:nth-child(1) li:last-child {
    color: #EC1B23;
    padding: 0 0 0 23px;
}

/* -- PRODUCTS PAGE --*/




/* -- CONTACT PAGE --*/

.con-submin-btn{
    border-radius: 0px;
    text-transform: uppercase;
}


.contact-form {
    color: #3e3e3e;
   
}
.contact-form label{
     font-weight: normal;
}
.contact-form sup {
    color: #ff2f2f;
    font-size: 18px;
    top: 0;
}
.contact-form.container {
    padding-top: 25px;
    padding-bottom: 25px;
}
.contact-form.container hr{
    background: #ec1b23;
}
.formError .formErrorContent{
    box-shadow: none;
    border: none;
    text-align: center;
}
.formError .formErrorArrow div{
    box-shadow: none;
    border: none;
}

/* -- CONTACT PAGE --*/


/*= INNER PAGE ==*/














/*= FOOTER ==*/

.footertop {
    background: #191919;
    padding: 70px 0 50px 0;
}



.footer-wrapper {
    padding: 30px 0 0 0;
}
.boxes{
    border: #2b2b2b solid 1px;
    border-radius: 3px;
    position: relative;
    padding: 13px 20px 15px 71px; 
    margin: 0 0 5px 0;
}

.boxes .icon-box {
    position: absolute;
    width: 53px;
    height: 100%;
    display: block;
    left: 0px;
    top: 0px;
    border-right: #2b2b2b solid 1px;
    text-align: center;
    font-size: 20px;
    padding: 13px 0 0 0;
}




.boxes, .boxes p{
    color: #8e8e8e;
}

.footer-wrapper a.social-icons {
    width: 37px;
    height: 35px;
    text-align: center;
    color: #191919;
    background: #f4dc2e;
    display: inline-block;
    font-size: 18px;
    padding: 8px 0 0 0;
    border-radius: 3px;
}

.footerbottom {
    background: #010101;
    padding: 15px 0 0 0;
    position: relative;
}
.footerbottom p{
    position: relative;
    z-index: 9;
}
.footerbottom p a span{
    color: #e70000;
}

span.top-icon {
    display: block;
    position: absolute;
    top: -25px;
    left: 0px;
    width: 100%;
}

span.top-icon a.scroll-button{
    width: 49px;
    height: 49px;
    margin: 0 auto;
    display: block;
    background: url(../images/bg-icon-top.png); 
}

/*= FOOTER ==*/













/*-- MEDIA QUERY --*/


@media(max-width:1350px){
    ul.horizontal-ul li ul.vertical li {
        width: 30%;
        height: 90px;
    }
    
}

@media(max-width:1330px){
a.brand {
    left: 20px;
}
    
    
@media(max-width:1299px){
.text-wrapper {
    padding: 90px 44px 0px 44px;
}
    
    .text-wrapper a.readmore {
    border-color: #0d0d0d;
    color: #0d0d0d;
    margin: 33px 0 0 0;
}
    ul.vertical li img{
        width: 80%;
    } 
    
    ul.vertical li figure{
        text-align: center;
    }
    .slider-service.featured-slider {
    height: 100%;
}
    
  .title-name span.icon {
    margin: 36% 0 0 0;
}
    .linkname {
    text-align: left;
    padding: 20% 0 0 20px;
}
.client-wrapper .ser-inn {
    margin: 35% 0 0 0;
}    
     
}
    
    @media(max-width:991px){
  .left-sec span {
    font-size: 12px;
}      
        
.nav-aht ul.aht-main li a {
    padding: 21px 14px 14px;
    font-size: 12px;
}
        
        ul.aht-main{
            margin: 0px;
        }
        
        .left-sec{
            padding: 0px;
        }
        
        .searchbox.pull-right {
    width: 209px;}
        
        
.text-wrapper {
    padding: 60px 44px;
}   
    h3 {
    font-size: 16px;
}  
        .title-name span.icon {
            font-size: 35px;}
        
        
       ul.vertical li img {
    width: 100%;
}
        ul.horizontal-ul li ul.vertical li {
    width: 33%;
} 
        
   .client-wrapper .text-wrapper {
    padding: 50px 44px;
} 
        
        
   .footer-wrapper {
    padding: 20px 0;
    border-bottom: #383838 solid 1px;
    margin: 0 0 20px 0;
}
        .no-border{
            border: none;
        }
        
        .client-wrapper .ser-inn {
    margin: 44% 0 0 0;
}
.ser-inn {
    margin: 35% 0 0 0;
}
    .slider-inn {
    margin: 103px 0 0px 0;
}    
    }    
    
@media(max-width:767px){
        .right-sec{
            display: none;
        }
        .left-sec {
    padding: 0 0 0 92px;
}
        section.spotlight {
    position: relative;
    overflow: hidden;
    margin: 108px 0 0 0;
}
        
        .slider-inn h2 {
    text-align: center;
    font-size: 14px;
}
    .slider-inn .icon {
    width: 40px;
    height: 40px;
    font-size: 17px;
    padding: 12px 0 0 0;}
        
        
  a.readmore {
    width: 92px;
    height: 37px;
    font-size: 11px;
    display: block;
    border-radius: 5px;
      padding: 8px 0 0 0;}    
        
        
        
 /*== TOGGLE STYLE ==*/
        .navbar-default .navbar-toggle {
    border: none;
}   
        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
            background: none;
        } 
        
        .navbar-default .navbar-toggle .icon-bar {
    background-color: #F4DC2E;
}
        
 /*== TOGGLE STYLE ==*/
        
  /*-- TOGGLE ANIMATION --*/
    
 .navbar-toggle {
  border: none;
  background: transparent !important;
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}
   
/*-- TOGGLE ANIMATION --*/        
        

        
        
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #191919;
}
        
.nav-aht ul.aht-main li a {
    color: #fff;
    padding: 10px 15px;
    transition: all 0.5s ease;
    position: relative;
}
        .nav-aht ul.aht-main li a:before{
            content: "";
        }
        
 .nav-aht ul.aht-main li a:hover:after {
    content: "";
    background: #f4dc2e;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -3px;
    left: 0px;
    transition: all 0.5s ease;
}
.nav-aht ul.aht-main li a:after {
    transition: all 0.5s ease;
    content: "";
    background: #f4dc2e;
    width: 0;
    height: 3px;
    position: absolute;
    bottom: -3px;
    left: 0px;
}
        .nav-aht.navbar-default .navbar-nav>.active>a {
    color: #f4dc2e !important;
    background: none !important;
    border-bottom: #f4dc2e solid 3px;
}
        
 .searchbox.pull-right {
    width: 100%;
     padding: 0 0 10px 0;
}
        
.icons-square {
    width: 60px;
    height: 60px;
    border: #363636 solid 1px;
    border-width: 1px 1px 1px 1px;
    float: left;
    text-align: center;
    padding: 20px 0 0 0;
    margin: 0 -1px -1px 0;
}        
    .footerbottom {
    background: #010101;
    padding: 15px 0 0 15px;
    position: relative;
}
        
 .input-field {
    float: left;
    width: 89%;
}       
    .slider-service{
        height: auto;
    }       
        
}
    
    
@media(max-width:580px){
.left-sec .icons-square{
    width: 46px;
    height: 46px;
    border: #363636 solid 1px;
    border-width: 1px 1px 1px 1px;
    float: left;
    text-align: center;
    padding: 14px 0 0 0;
    margin: 0 -1px -1px 0;
}
    
    
    
    .left-sec .icons-square .icon{
        font-size: 14px;
    }
.left-sec span {
    float: left;
    margin: 0 10px;
    padding: 13px 0;
    font-size: 11px;
}
 a.brand > img {
    width: 65%;
}   
.left-sec {
    padding: 0 0 0 65px;
}    
.input-field {
    float: left;
    width: 84%;
} 
    
 section.spotlight {
    position: relative;
    overflow: hidden;
    margin: 94px 0 0 0;
}
    
 .slider-inn {
    margin: 35px 0 0px 0;
}
    
.text-wrapper {
    padding: 8% 44px;
}   
    
}    
    
    
    
    @media(max-width:412px){
        
.left-sec .icons-square {
    width: 35px;
    height: 35px;
    padding: 8PX 0 0 0;
}
        
.left-sec .icons-square .icon {
    font-size: 11px;
}
.left-sec span {
    float: left;
    margin: 0 10px;
    padding: 7px 0; 
} 
.left-sec {
    padding: 0 0 0 27px;
}
        
a.brand {
    left: 45%;
    top: 35px;
}
        
section.spotlight {
    margin: 83px 0 0 0;
}        
    
        .slider-inn a.readmore{
            display: none;
        }        
    
}
    
/*-- MEDIA QUERY --*/