html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}
/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}

/*_________________________________________________________________________

    03-BODY ELEMENTS (HEADER, FOOTER, BODY ELEMENTS, NAVIGATION, GRID ...)                           
_____________________________________________________________________________*/
 
body {
    background: #f3f3f3 url("../images/background-patterns/body-bg-1.jpg") repeat;
    color: #898989;
    font-family: 'Open Sans', Arial, Verdana;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    font-size:13px;
    line-height:21px;
}
code,
pre {
    display: block;
    clear: both;
    overflow: auto;
    padding: 10px;
    text-align: left;
    white-space: pre;
    line-height: 18px;
    margin: 20px 0;
    background-color: #ebebeb;
}
img {
    max-width: 100%;
    height: auto;
}
a, a > * {
    
    text-decoration: none;
    /* -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;*/
    
}
a:hover{
   text-decoration: none;
   color:#FF0000;

}

#container{

        background: #fff;
        width: 100%;/* width: 100%!important;  -- Repalace  with this value if you want to have fullwidth layout :)*/
        margin: 0px auto;

}
header#header{
    padding: 12px 0  0px 0;   
     width: 100%;
    float:left;
	background:url(../images/header-BG.jpg) repeat-x;


}
#header-top{
    float:left;
    width: 100%;
     margin-bottom: 13px;
	 margin-left:-90px;
}
#header-links{

    float:right;
}

.container {
    margin: 0 auto;
    position: relative;
    width: 940px; 
}


.one,.one-half,.two-third,.one-third,.one-fourth ,.one-fifth,.one-sixth,.three-fourth{ float:left;position:relative;margin-right:100px; padding-bottom:44px;margin: 0px 30px; padding-left: 50px; }
.one { width: 940px; margin-right: 0; }
.one-half { width: 345px; }
.two-third { width: 620px; }
.one-third  { width: 300px; }
.one-fourth { width: 100px; }
.three-fourth { width: 700px; }
.one-fifth { width: 172px; }
.one-sixth { width: 140px; }
.one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last,.one-fifth.last,.one-sixth.last{margin-right: 0!important;}
.horizontal-line {
    width: 100%;
    margin: 40px 0;
    float: left;
    border-top: 1px solid #e3e3e3;
}
 
#header-links h4{
    
    font-size:14px;
    text-transform: uppercase;
    text-align: right;
   
   
}

#header-links h4 span{ font-family: "Open Sans", Arial, Verdana;font-weight: 800;}

#main-navigation{

    float:right;
    width: 723px;
	margin-top:-83px;
	margin-right:-ss100px;
    height:auto;
   
     
  
}
#main-navigation select { display: none }
#main-navigation select {
    background: #FFF;
    border: 1px solid #eee;
    cursor: pointer;
    padding: 10px 5px;
    margin: 30px auto;
    color: #676767;
    
}
#main-navigation ul {
    margin: 2px 0 0 168px;
    padding: 0px 0;
    list-style-type: none;
    float: left;
	top: 31px;
}
#main-navigation ul li:hover { visibility: inherit }
#main-navigation ul li {
    position: relative;
    display: inline;
    float: left;
    text-align: center;
  
}
#main-navigation ul li a {
    color: #000;
    line-height: 35px;
    text-transform: uppercase;
    display: block;
    overflow: hidden;
    padding: 10px 15px 10px 15px;
    margin: 0px 0px 0px 0px;
    font-size: 15px;
	font-weight:bold;
    font-family: "Open Sans", Arial, Verdana;
 
    text-decoration: none;
    
    font-weight: 800;
}


#main-navigation ul li a i{
    color:#FFF;
    margin-right: 10px;
}
#main-navigation li:hover a{
    color: #f22812;
   

 
}
 #main-navigation li.active{background: #a0a0a0;}
#main-navigation li.active:hover a{background: #a0a0a0;} 
#main-navigation ul ul {
    position: absolute;
    top: -9999em;
    width: 230px;
    z-index: 99999;
    background: #ffffff;
    border:1px solid #e8e8e8;
}
#main-navigation ul ul li a { text-transform: capitalize }
#main-navigation ul ul li { width: 100% }
#main-navigation ul li:hover ul {
    left: 0;
    top:42px;
}
 
 
#main-navigation ul li:hover li ul { top: -9999em }
#main-navigation ul li li:hover ul {
    left: 230px;
    top: 0;
}
#main-navigation ul ul {
    padding: 0;
    margin: 0;
}
#main-navigation ul ul li {
    float: left;
    line-height: 20px;
    font-size: 12px;
    border:none!important;
}
#main-navigation ul ul li a {
    font-size: 13px;
    padding:8px 10px;
    text-transform: capitalize;
    margin: 0px 10px;
    line-height: 20px;
    color: #9e9e9e!important;
    font-family: "Open Sans", Arial, Verdana;
    border-bottom:1px solid #e8e8e8;
    background: #FFF!important;
    border-left:none;
    border-right:none;
    text-align: left;
    text-shadow:none;
     font-weight: 400;
     -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;

}
#main-navigation ul ul li a i{ color: #9e9e9e!important;}
 
#main-navigation ul ul li:last-child a {border-bottom: none;border-right: none;}
#main-navigation ul ul li:last-child ul li a{border-bottom:1px solid #e8e8e8!important;}
#main-navigation ul ul li:last-child ul li:last-child a{border-bottom: none!important;}

 
 
   /*______________________________________________________________*/

/*                   LAYER SLIDER CSS                           */
/*______________________________________________________________*/
 
.ls-fullwidth .ls-nav-prev,.ls-fullwidth .ls-nav-next{width:40px;height:70px; z-index: 10000; top: 42%;    position: absolute;}
.ls-fullwidth .ls-nav-prev{background:#a0a0a0 url("../images/slider-prev.png") 50% 50% no-repeat;left:0px;border-radius:0px 4px 4px 0px;}
 
.ls-fullwidth .ls-nav-next{background:#a0a0a0 url("../images/slider-next.png") 50% 50% no-repeat;right:0px;border-radius:4px 0 0px 4px;}
 .large_heading_01{

    font-size: 32px;
 }

  .large_heading_02{
    color:#a0a0a0;
    font-size: 24px;
 }
.ls_large_text_01 {
    
    padding:10px 15px;
    border-radius: 2px;
    font-size: 16px;
    font-family:"Open Sans", Arial, Verdana;
    font-weight: 800;
    color: #FFF;
    text-transform: capitalize;
      
}
 .ls_large_text_02 {
    background:#a0a0a0;
    padding:10px 15px;
    border-radius: 2px;
    font-size: 16px;
    font-family:"Open Sans", Arial, Verdana;
    font-weight: 800;
    color: #FFF;
    text-transform: capitalize;
}
 .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {

    width: 9px;
    height: 9px;
   background: #e1e1e1;
    border: 1px solid #f5f5f5;
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 100px;
    margin-right: 7px;
    display: inline-block;

}
.bx-wrapper .bx-pager.bx-default-pager a:hover{ background: #cacaca;}

.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fd4326;
    border: 1px solid #fd4326;
}


#content{
    background: #fff;
    float:left;
    width: 100%;
    margin: 0;
    position: relative;
}
.latest-projects-wrapp{
    padding: 40px 0 50px 0;
    float: left;
    width: 100%;
    position: relative;
    background: #f4f4f4;
    border-top:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    margin: 40px 0;

}

.latest-projects-wrapp.no-margin{
 
    margin: 40px 0 -41px 0;

}
.home-intro{
    padding: 20px 0 10px 0;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    


}
.home-intro h4{
    font-size: 24px;
    margin-bottom: 5px;
    font-weight: 400;
    color:#FFF;
}
.home-intro p{  font-size: 14px;color:#FFF;}

.home-intro .button{float:right;}
.img-holder {
    width: 30px;
    float:left;
    margin-right: 20px;
}

.img-holder i{
    color:#acacac;
    font-size: 76px;
	margin-left: -45px;
	margin-top: 24px;
}
.feature-text{
    width: 250px;
    float: left;
}


 p{margin-bottom: 10px;}




#footer{

    float:left;
    position: relative;
    width: 100%;
    padding: 30px 0;
     background: #3b3b3b;
     color:#999999;
    margin-top: 40px; 
      

}
#copyrights{
    width: 100%;
    float: left;
    padding: 25px 0 10px 0;
    color:#999999;
    background:#333333 ;
    
    
}

#footer a,#copyrights a { 
     
   
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    color:#ababab;}
#footer a:hover, #copyrights a:hover{    color: #FFF;text-decoration: none; }
#footer h4{
    color: #FFF;
    font-size: 14px;
    font-family: "Open Sans", Arial, Verdana;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

#footer ul li {
    width: 100%;
    float: left;
    display: block;
    padding: 7px 0px 7px 0px;
    border-bottom: 1px solid #464646;
}
#footer ul li a {
    padding-left: 5px;
	line-height:21px;
   
}


ul.social-icons{
    float: right;
    list-style: none;
    display: block;


}
ul.social-icons.header{
    float:right;
    width: auto;

}
ul.social-icons li {
    float: left;
    margin-left: 2px;
       display: inline;

}
ul.social-icons li a{
    
    
}
ul.social-icons li a:hover{
   
}

ul.social-icons.header li a{
    background: #FFF;
    padding: 7px 7px 5px 2px;
}
ul.social-icons.header li a:hover{
    
}
ul.social-icons li a i{
     font-size: 16px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    
    color:#ababab;
}
ul.social-icons li a:hover i {
    color:#FFF;
    text-align: center;
    text-decoration: none;
}
ul.social-icons.header li a:hover i {
    
     text-decoration: none;
}

.top-search{float:left;margin-top:7px;}
.top-search input{width:70px;font-size:11px;color:#888;}
.search-btn{float:right;position:relative;padding:0;top:0;right:0;margin:-13px -297px 0 -35px;width:93px;height:32px;cursor:pointer;border:none;z-index:100;box-shadow:none}
.search-field{float:right;position:relative}


.top-search-alt{float:left; margin-top: -10px;}
.top-search-alt input{width:200px;font-size:11px;color:#888;}


/*______________________________________________________________*/

/*                  FLEX SLIDER CSS                             */
/*______________________________________________________________*/
.flex-direction-nav li a.flex-next,
.flex-direction-nav li a.flex-prev {-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; width:40px;height:70px;text-indent:-9999px;display:block;position:absolute;top:38%; }
.flex-direction-nav li .flex-next  {background:#a0a0a0 url("../images/slider-next.png") 50% 50% no-repeat;border-radius:4px 0 0px 4px;}
.flex-direction-nav li .flex-prev  { background:#a0a0a0 url("../images/slider-prev.png") 50% 50% no-repeat;border-radius:0px 4px 4px 0px;}

.flex-direction-nav{display: none;}

.flex-direction-nav li .flex-next{right:-40px;}
.flex-direction-nav li .flex-prev{left:-40px;}
.flexslider:hover .flex-direction-nav li .flex-next{right:0px;}
.flexslider:hover .flex-direction-nav li .flex-prev{left:0px;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
.flex-control-nav {width: auto;position: absolute;text-align:center;display:block;z-index:250;right:25px;bottom:15px;}
.flex-control-nav li {margin: 0px 0 0 5px; display: inline-block; zoom: 1; *display: inline;text-indent:-9999px;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;width: 15px; height: 15px;display: block; background:url(../images/dotc_slider_1.png) no-repeat;cursor:pointer; text-indent: -999em;}

.flex-control-nav li a.flex-active{background:url(../images/dotc_slider_2.png) no-repeat 0 0px;}
.flex-caption {zoom: 1;width:auto;height:auto;position:absolute;left:22%;top:18%;z-index:111;padding:10px 20px;border-radius: 4px; }
.flex-caption h3{color:#FFF;text-transform:capitalize;display:inline-block;margin-bottom:0;font-weight: 600;font-size: 14px;}


.flex-container.with-margin{
    margin-bottom: 20px;
    float: left;
    width: 100%;
}