*{
    margin: 0;
    padding: 0;}
ul{
    margin: 0;
    padding: 0;
    list-style: none;}

body{
    font-family: 'Lato', sans-serif;}
h1{
    font-size:25px;
    font-weight:400;
    color:#414141;
}
p{
    font-size:15px;
    line-height:24px;
}
a, a:hover{
    text-decoration:none;
    color:inherit;
}
a.button{
    background: url(../img/button.jpg) top;
    padding: 8px 17px;
    font-size:13px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration:none;
    color:#fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
a.button:hover{
    background: url(../img/button-hov.jpg);
}
.row{
    margin:0;
    padding:0;
}
/*----------------------custom---------------------*/
.wrapper{
    width:100%;
    float:left;
}
.container{
    max-width:1000px;
    margin:0 auto;
    padding: 0;
}
.hero{
    /* height: 100%; */
    background: #467f9f;
}
.row.header{
    height:115px;
    background:url(../img/banner-hr.jpg) bottom repeat-x;
}
.row.header .logo{
    width:102px;
    height:83px;
    float:left;
    background:url(../img/logo.png) no-repeat;
    margin-top:12px;
}
.row.header p{
    float:right;
    padding-top: 15px;
    line-height:25px;
    color: #FFFFFF;
}
.row.banner{
    position:relative;
}
/*----------------------navigation--------------------*/
.wrapper.navigation{
    height:97px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
}
.wrapper.navigation .logo{
    width: 110px;
    height:82px;
    background:url(../img/logo.png) right no-repeat;
    margin: 8px 0 0 0;
    float: left;
}
.navbar{
    float:right;
    background:none;
    border:none;
}
.navbar ul li{
    text-transform:uppercase;
}
.navbar ul li a{
    padding:38px 15px;
    font-weight:bold;
    color:#aeadad !important;
}
.navbar ul li a.nav-active,.navbar ul li a:hover{
    background:url(../img/menu.jpg);
    color:#fff !important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color:transparent ;
}
.nav-trigger {
    width: 50px;
    height: 50px;
    position: relative;
    background: transparent;
    border: none;
    vertical-align: middle;
    padding: 10px;
    margin: 0;
    cursor: pointer;
}
.nav-trigger:focus {
    outline: 0;
}
.nav-trigger:hover span,
.nav-trigger:hover span:before,
.nav-trigger:hover span:after {
    background: #b50505;
}
.nav-trigger span {
    display: block;
    position: relative;
}
.nav-trigger span:before, .nav-trigger span:after {
    content: '';
    position: absolute;
    left: 0;
}
.nav-trigger span:before {
    top: -8px;
}
.nav-trigger span:after {
    bottom: -8px;
}
.nav-trigger span,
.nav-trigger span:before,
.nav-trigger span:after {
    width: 100%;
    height: 4px;
    background: #b50505;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.nav-trigger.is-active:before {
    opacity: 1;
    width: 50px;
    height: 50px;
    background: rgba(255,255,255,.1);
}
.nav-trigger.is-active span {
    background: transparent;
}
.nav-trigger.is-active span:before {
    top: 0;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}
.nav-trigger.is-active span:after {
    bottom: 0;
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
}
/*----------------------main---------------------*/
.main-top .col-md-12{
    text-align:center;
    padding: 40px 100px 30px 100px;
    color: #5E5F61;
}
.main-top h1{
    padding-bottom: 20px;
}
.main-top .col-md-12 a.button{
    display:inline-block;
    margin:30px 0;
}
.main-mid{
    background:#e6e6e6;
    padding: 39px 0;
    color: #222222 !important;
}
.main-mid h1{
    color:#121315;
} 
.main-mid .col-md-6.mission{
    padding-left: 49px;
    position:relative;
    background:url(../img/inner-br.jpg) top right repeat-y;
    padding-right:30px;
}
img.quote{
    position:relative;
    top:-9px;
    margin-right:12px;
}
.main-mid .col-md-6.mission p{
    font-style:italic;
}
.main-mid a.button{
    display:inline-block;
    margin-top: 22px;
}
.main-mid .projects{
    padding-left:30px;
}
.main-mid .projects img{
    float:left;
    margin-top:7px;
    margin-right:25px;
}
.main-mid .projects a.button{
    margin-top: 15px;
}
.wrapper.main-bottom{
    padding-top:66px;
    padding-bottom:30px;
}
.main-bottom .product{
    width:56%; 
    float:right;
    height:289px;
}
.main-bottom .product-detail{
    width:44%;
    height:289px;
    float:left;
    background: #0049b0;
    position:relative;
}
.main-bottom .product-detail h1{
    color:#fff;
    text-transform:uppercase;
    padding:23px 10px;
    font-size: 23px;
    margin: 0;
    line-height: 30px;
}
.main-bottom .product-detail p{
    color:#fff;
    padding:0 10px;
    padding-top:15px;
    position: absolute;
    bottom: 60px;
}
.main-bottom .product-detail a.button{
    width:100%;
    display:block;
    position:absolute;
    -webkit-border-radius: 0;
    border-radius: 0;
    background:url(../img/arrow.png) top right no-repeat #bc1111;
    border-top:1px solid rgba(255,255,255,.5);
    padding:16px 0;
    bottom:0;
    padding-left:15px;
    font-weight: 400;
    font-size:15px;
}
.main-bottom .product-detail a.button:hover{
    background:url(../img/arrow.png) top right no-repeat #0049b0;
}
.wrapper.main-bottom a.products-button{
    text-align:center;
    display:inline-block;
    background: url(../img/button.jpg) top;
    padding: 8px 17px;
    font-size:13px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration:none;
    color:#fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    width:18%;
    margin:40px 41%;
}
.wrapper.main-bottom a.products-button:hover{
    background: url(../img/button-hov.jpg)
}
/*----------------------footer---------------------*/
.wrapper.footer{
    background: #e6e6e6;
    padding-top: 28px;
    color:#222222;
}
.wrapper.footer .logo{
    width:98px;
    height:87px;
    background:url(../img/logo.png) -104px 0 no-repeat;    
    float:left;
    margin-right: 10px;
    position: relative;
    top: -15px;
}
.wrapper.footer .address{
	float:left;
	margin:0 50px;
	margin-bottom: 5px;
}
.wrapper.footer .address p{
	line-height:13px;
}
.wrapper.footer .address p a{
	margin-top:12px;
}
.wrapper.footer .address p a.social{
	 maergin-top:20px;
	width:25px;
    height:25px;
    float:left;
    text-indent:-999999px;
    margin-left: 7px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.wrapper.footer .address p a.social.fb{
    background:url(../img/social.jpg) no-repeat; 
	margin-left:0;
}
.wrapper.footer .address p a.social.tw{
    background:url(../img/social.jpg) -25px 0 no-repeat; 
}
.wrapper.footer .address p a.social.gp{
    background:url(../img/social.jpg) -50px 0 no-repeat; 
}
.wrapper.footer .address p a.social.fb:hover{
    background:url(../img/social.jpg) 0 -25px no-repeat;     
}
.wrapper.footer .address p a.social.tw:hover{
    background:url(../img/social.jpg) -25px -25px no-repeat; 
}
.wrapper.footer .address p a.social.gp:hover{
    background:url(../img/social.jpg) -50px -25px no-repeat; 
}
.wrapper.footer .foot-menu p{
	float:left;
	margin:0 20px;
}
p.codelabs{
	text-align:center;
	font-size:9px;
	text-transform:uppercase;
	margin-bottom:0;
	color:#888;
	letter-spacing:1px;
}

/************************************/
/*             INNERPAGES           */
/************************************/

.inner-banner{
    /* height:300px; */
    overflow:hidden;
}
.wrapper.inner-main{
    padding-bottom:25px;
}
.wrapper.inner-main h1{
    padding-top: 25px;
    padding-bottom: 15px;
}
.wrapper.inner-main p{
    text-align:justify;
}
.wrapper.inner-main .product-listing{
    width:48%;
    float:left;
    background:#e6e3dc;
    margin-right:1%;
    margin-bottom:1%;
	position:relative;
}
.wrapper.inner-main .product-listing img{
    width:170px;
    float:left;
    border-right:1px solid #fff;
    margin-right:10px;
}
.wrapper.inner-main .product-listing h1{
    font-size:20px;
    margin-top:15px;
    padding:0;
}
.wrapper.inner-main .product-listing p{
    font-size:13px;
    line-height: 19px;
    padding: 0 10px;
	text-align:left;
}
.wrapper.inner-main .product-listing a.button{
    background: url(../img/button.jpg) top;
    padding: 8px 17px;
    font-size:13px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration:none;
    color:#fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	position:absolute;
	bottom:10px;
}
.wrapper.inner-main .product-listing a.button:hover{
    background: url(../img/button-hov.jpg);
}
a.product-gallery{
    display:block;
    background:url(../img/arrow.png) right no-repeat #1b28cd;
    padding:15px 15px;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:2px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
a.product-gallery:hover{
    background:url(../img/arrow.png) right no-repeat #bb1717;
}
.inner-main .project-listing{
	width:30%;
	height:240px;
	margin-bottom:10px;
	margin-right:1%;
	float:left;
	border:#06C solid 1px;
	
}
.inner-main .project-listing img{
	width:100%;
	float:left;
	margin:0 10px 5px 0;
	display:block;
}
.inner-main .project-listing h2{
	width:95%;
	font-size:14px;
	text-transform:uppercase;
	padding-left:5px;
	margin-top:0;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.inner-main .project-listing:hover h2{
	color:#b90506;
}	

.inner-main .project-listing_p{
	width:22%;
	height:420px;
	margin-bottom:10px;
	margin-right:1%;
	float:left;
	border:#06C solid 1px;

	
}
.inner-main .project-listing_p img{
	width:100%;
	float:left;
	margin:0 10px 5px 0;
	display:block;
}
.inner-main .project-listing_p h2{
	width:95%;
	font-size:14px;
	padding-left:5px;
	text-transform:uppercase;
	margin-top:0;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.inner-main .project-listing_p:hover h2{
	color:#b90506;
}	
.inner-main .project-listing p{
	display:block;
	font-size:14px;
	line-height:20px;
	text-align:left;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.inner-main .project-listing:hover p{
	color:#0049b0;
}

/********contact********/

.wrapper.inner-main ul li{
	font-size:16px;
	margin:7px 0;
	
}
.wrapper.inner-main ul li a.social{
	margin-top:12px;
    width:25px;
    height:25px;
    float:left;
    text-indent:-999999px;
    margin-left: 7px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.wrapper.inner-main ul li a.social:first-child{
	margin-left:0;
}
.wrapper.inner-main ul li a.social.fb{
    background:url(../img/social.jpg) no-repeat; 
}
.wrapper.inner-main ul li a.social.tw{
    background:url(../img/social.jpg) -25px 0 no-repeat; 
}
.wrapper.inner-main ul li a.social.gp{
    background:url(../img/social.jpg) -50px 0 no-repeat; 
}
.wrapper.inner-main ul li a.social.fb:hover{
    background:url(../img/social.jpg) 0 -25px no-repeat;     
}
.wrapper.inner-main ul li a.social.tw:hover{
    background:url(../img/social.jpg) -25px -25px no-repeat; 
}
.wrapper.inner-main ul li a.social.gp:hover{
    background:url(../img/social.jpg) -50px -25px no-repeat; 
}
.full label{
	float:left;
	font-weight:normal;
	color:#1b28cd;
	font-size:14px;
	margin:4px 0;
	clear:both;
	width:auto;
}

.full textarea,.full input[type=text] {
	font-size: 14px;
	margin-bottom:10px;
	color:   #888;
	clear:both;
	padding:9px;
	float:left;
	border:1px solid #ddd;
	width: 100%;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

.full textarea {
	height:80px;
}
.full input:focus, .full textarea:focus {
	background:#fff;
	border:1px solid #fff;
	outline:none;
	border-bottom:2px solid #1b28cd;
	color:#1b28cd;
}
.full .send-btn {
	padding: 12px 25px;
	font-size: 14px;
	text-transform: uppercase;
	text-shadow: none;
	color: #FFF;
	position: relative;
	/* font-weight: 600; */
	background: #1b28cd;
	margin:10px 0 0 0;
	width:100%;
	/* height:55px; */
	border:none;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.full .send-btn:hover, .full .send-btn:focus {	
	background: #0a108e;
	border: none;
	color: #fff;
}
#msg{
	color:#FF0000;
}
.add {
	padding-top:20px;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:   #ccc ;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:     #ccc;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ccc;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #ccc;
}
.head_mob{
	margin-right:17px;
}
.head_mail1{
	margin-right:34px;
}
.head_mail2{
	margin-right:54px;
}
.head_mail3{
	margin-right:90px;
}
.con_tel{
	margin-right:16px;
}
.con_fax{
	margin-right:10px;
}

/************************************/
/*             RESPONSIVE           */
/************************************/


@media screen and (max-width:1199px) {
    
     .main-mid .projects a.button{
        margin-top:29px;
    }   
}



@media screen and (max-width:991px) {

.main-mid .projects img{
        float:none;
        margin:0 auto;
    }
.main-mid .projects a.button{
        margin-top:27px;
    }
.wrapper.main-bottom{
    text-align:center;
}
.wrapper.main-bottom .col-md-6{
    margin-bottom:65px;
    text-align:left;
}
.wrapper.main-bottom a.products-button{
    width:22%;
    margin:0;
}
.wrapper.footer{
    padding-bottom:0;
}
.wrapper.inner-main .product-listing{
    width:98%;   
}
.wrapper.footer .foot-menu{
	width:90%;
	clear:both;
	margin:0 auto;
}
.wrapper.footer .foot-menu p{
	float:left;
	padding: 0 5%;
	background: #ccc;
	margin: 0;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}   
}

@media screen and (max-width:767px){
.wrapper.navigation .logo{
    position:absolute;
    z-index:100;
}
.navbar{
    width:100%;
    background:#fff !important;
    z-index:99;
}
.navbar-header{
    position:absolute;
    top:25px;
    z-index:99;
    right:0;
}
.navbar-collapse.in{
    position:relative;
    top:89px;
}
.navbar-collapse{
    position:relative;
    top:89px;
    border:none;
}
.navbar-nav li{
    width:100%;
    float:left;
	border-top:1px solid #fff;
	border-bottom:1px solid #c7c3c3;
    text-align:center;
    background:#eeebeb;   
}
.navbar ul li a.nav-active, .navbar-default .navbar-nav>li>a:hover{
	background:#b50505;
	border-bottom:1px solid #800000;
	color:#fff !important;
}
.navbar-default .navbar-nav>li>a{
    color:#b50505 !important;
	padding:15px 0;
	font-weight:normal;
}
.main-top .col-md-12{
   padding:40px;
}
.main-top h1{
    line-height:35px;
}
.main-mid .col-md-6.mission{
    background:url(../img/inner-hr.jpg) bottom right repeat-x;
    padding-bottom:45px;
}
.main-mid .projects{
    padding-left:49px;
}
    
.main-mid .projects img{
    float:left;
    margin-right:15px;
}
.main-mid .projects p{
    margin-bottom:30px;
}
.wrapper.main-bottom .col-md-6{
    float:left;
    width:80%;
    margin:0 auto;
    margin-left:10%;
    margin-bottom:50px;
}
.wrapper.main-bottom a.products-button{
    width:30%;
}
.wrapper.footer .logo{
    display:none;
}
.inner-main .project-listing{
	height:180px;
}

.inner-main .project-listing_p{
	height:280px;
}
h1.blank{
	display:none;
}
}

@media screen and (max-width:601px){


.main-mid .projects img{
    float:none;
    margin-bottom: 9px;
}
.main-mid .projects p{
    margin-bottom:0;
}

.wrapper.main-bottom .col-md-6{
    float:left;
    width:100%;
    margin:0 auto;
    margin-left:0;
    margin-bottom:50px;
}
.main-bottom .product{
    width:100%;
    background:#e6e6e6;
    float:left;
}
.main-bottom .product img{
    margin:0 auto;
}
.main-bottom .product-detail{
    width:100%;
    float:left;
    height: 200px;
}
img.responsive{
    display:block;
    max-width:100%;
    height:auto
}
.wrapper.main-bottom a.products-button{
    width:60%;
}

.full{
	width:100% !important;
}
.wrapper.inner-main ul li{
	width:50%;
	float:left;
}
.wrapper.inner-main .product-listing{
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
.wrapper.inner-main .product-listing img{
	float:none;
	margin:0 auto;
	width:50%;
	border-right:none;
}
.wrapper.inner-main .product-listing h1{
	padding-bottom:10px;
}
.wrapper.inner-main .product-listing a.button{
	position:relative;
	display:block;
	-webkit-border-radius: 0;
    border-radius:0;
	bottom:0;
}

.inner-main .project-listing{
	width:98%;
	height:340px;
	margin:0 1%;
	margin-bottom:10px;
	float:left;
}

.inner-main .project-listing_p{
	width:55%;
	height:500px;
	margin:0 1%;
	margin-bottom:10px;
	float:left;
}
}

@media screen and (max-width:488px) {
	
	.wrapper.inner-main ul li{
	width:100%;
	float:left;
}	



}



@media screen and (max-width:480px) {
	
.row.header p{
	font-size:13px;
}
.main-top .col-md-12{
   padding:40px 20px;
}
a.product-gallery{
    letter-spacing:0px;
	padding-left:9px;
}
}