*{
	box-sizing: border-box;
}

body{
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	right: 0;
	font-size: 16px;
	font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

a{
	text-decoration: none;
}
p{
	font-size: 16px;
	color: #595959;
	line-height: 2;
}
button{
	padding: 5px 10px;
	font-size: 18px;
	border-radius: 5px;
	border: 1px #ffffff solid;
	color: white;
	background:none ;
	cursor: pointer;
}
button.button_1{
  height: 38px;
  width: 130px;
	border: 1px white solid;
  margin: 0;
  color: white;
  font-weight: bold;
	text-align: center;
	border-radius: 20px;
}
a img:hover{
	opacity: .5;
	transition: .6;
}
button.button_1:hover{
	background:  #0056a3;
	color: white;
}

/*Top Header */
.nav-list {
	margin-top: 6px;
  }

 .navigation {
     height: 88px;
	 margin-top: 0px;
	 padding: 10px 48px;
	 background:none;
	 z-index: 500000000;
  	position: relative;
}
 .brand {
	width: 13%;
     position: absolute;
     padding-left: 20px;
     float: left;
     margin-top: -15px;
	 z-index: 200;
}
.brand img{
	width: 100%;
	float: left;
	padding: 10px;
}

 .brand a, .brand a:visited {
     color: #ffffff;
     text-decoration: none;
}
 .nav-container {
     max-width: 100%;
     margin: 0 auto;
}nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}
nav ul li {
	float: left;
	position: relative;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	padding: 5px 3px;
}
nav ul li a,nav ul li a:visited,nav ul li h5 {
	display: block;
	padding: 18px 10px;
	font-size: 16px;
	line-height: 5px;
	font-weight: 400;
	margin: 0px;
	color: #ffffff;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
nav ul li a{
	background: transparent;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

header nav ul li a.active{
	border-bottom: 3px #fff solid;
}

nav ul li a:hover, nav ul li a:visited:hover,nav ul li h5:hover {
   color: #fff;
   cursor: pointer;
   border-bottom: 3px #fff solid;
   -webkit-transform: translateX(5px);
   -moz-transform: translateX(5px);
   -ms-transform: translateX(5px);
   -o-transform: translateX(5px);
   transform: translateX(5px);
}

/* Mobile navigation */
.nav-mobile {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	background: transparent;
	height: 55px;
	width: 70px;
}
#navbar-toggle {
	position: absolute;
	left: 18px;
	top: 15px;
	cursor: pointer;
	padding: 10px 35px 16px 0px;
}
#navbar-toggle .active{
   background: #fff;
}
#navbar-toggle span, #navbar-toggle span:before, #navbar-toggle span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 3px;
	width: 30px;
	background: #fff;
	position: absolute;
	display: block;
	content: '';
	transition: all 300ms ease-in-out;
}
#navbar-toggle span:before {
	top: -10px;
}
#navbar-toggle span:after {
	bottom: -10px;
}
#navbar-toggle.active span {
	background-color: transparent;
}
#navbar-toggle.active span:before, #navbar-toggle.active span:after {
	top: 0;
}
#navbar-toggle.active span:before {
	transform: rotate(45deg);
}
#navbar-toggle.active span:after {
	transform: rotate(-45deg);
}
#navbar-toggle.active{
	background: none;
}
header .head{
   background: #000054;
}

nav ul li a.current{
   border-bottom: 3px #000 solid;
   color: #000;
 }

  	/*Sticky */
	.sticky{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #000054;
	z-index: 250;
	box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
	border-bottom: 1px #9d9d9d solid;
	}
/*

/* start home */


/*FlexSlider */
#FlexSlider {
	margin: 0;
	padding: 0;
	top: 0;
  }
  .slider1 {
	float: left;
	width: 100%;
	position: relative;
	z-index: 5000;
  }
  .slider1:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: 0.7;
	z-index: -10;
  }
  .slider1 .flex-caption {
	width: 100%;
	float: left;
	margin-top: -25%;
	padding: 0 100px;
	text-align: center;
  }
  .slider1 .flex-caption h2 {
	color: #fff;
	font-size: 60px;
	font-weight: 700;
	margin: 0 0 20px;
	line-height: 1;
	text-transform: capitalize;
  }
  .slider1 .flex-caption h3 {
	color: #f3f3f3f3;
	font-size: 50px;
	font-weight: 600;
	margin: 0;
  }
 
  .slider1 .flex-caption button{
	background: none;
	border: none;
	margin-top: 20px;
  }

  .slider1 .flex-caption button a{
	font-size: 20px;
	font-weight: 500;
	background: #001d69;
	color: #fff;
	border-radius: 30px;
	padding: 10px 20px;
	border: 1px #fff solid;
  }
  .slider1 .flex-caption button a:hover,
  .slider1 .flex-caption button:hover {
	background: none;
	color: #fff;
  }


#demo {
margin-top: -50px;
float: left;
width: 100%;
}
.indicator{
	position: relative;
	width: 30px;
	height: 30px;
	transform: rotate(45deg);
	z-index: 50;
	left: 50%;
}
.indicator span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	border: none;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	animation: animate 1s linear infinite;
}
.indicator span:nth-child(1){
	top: -30px;
	left: -30px;
	animation-delay: 0s;
}
.indicator span:nth-child(2){
	top: -15px;
	left: -15px;
	animation-delay: 0.2s;
}
.indicator span:nth-child(3){
	top: 0px;
	left: 0px;
	animation-delay: 0.4s;
}
 @keyframes animate {
 	0%{
		border-color: #ffffff;
		transform: translate(0,0);
	}
	100%{
		border-color: #fff;
		transform: translate(15px,15px);
	}
 }
 /*HEad Title*/
 .head-ti{
	width: 100%;
	float: left;
	padding: 40px 100px;
	text-align: center;
 }
 .head-ti h1{
	font-size: 40px;
	font-weight: 700;
 }
 .head-ti h2{
	font-size: 30px;
	font-weight: 500;
 }
 .head-ti .link{
	display: inline-flex;
	position: relative;
	margin: 10px;
 }
 .head-ti .link a{
	background: blue;
	border: 2px blue solid;
	color: #fff;
	border-radius: 10px;
	padding: 5px 20px;
	font-size: 25px;
 }
 .head-ti .link a:hover{
	color: blue;
	background: #fff;
 }
/*==================
 REQUEST  Start
====================*/
.fixed_request {
	padding: 5px;
  bottom: 0;
	float: left;
}
.fixed_request a{
	z-index: 250;
	background: green;
	color: white;
	border-radius: 50%;
	position:fixed;
	padding: 2px 8px;
	top:50%;
	transform: rotate(0deg);
  font-size: 25px;
}
.fixed_request a:hover{
color: green;
background: white;
}
/*==================
 REQUEST  END
====================*/
/*==================
 breadcrumb start
====================*/

#mu-page-breadcrumb {
		margin: 0;
		padding: 0;
		float: left;
		width: 100%;
		margin-top:  0%;
}
#mu-page-breadcrumb .mu-page-breadcrumb-area{
	background-image: url("../images/slider/banner.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-position: bottom;
	padding: 40px 0;
	color: white;
	text-align: center;
	display: inline-block;
	width: 100%;
	height: 350px;
}

.mu-page-breadcrumb-area h1{
  color: #fff;
	font-size: 40px;
	font-weight: 300px;
	margin-top: 150px;
	text-transform: uppercase;
  text-align: center;
}

.mu-page-breadcrumb-area li {
  display: inline-block;
  color: rgb(255, 255, 255);
  margin-left: 20px;
}
.mu-page-breadcrumb-area li a {
  color: #00deff;
}

.mu-page-breadcrumb-area li a:hover{
  color:#ffffff;
}
.mu-page-breadcrumb-area img{
	width: 5%;
	margin-top: 50px;
}
@media(max-width: 425px){
#mu-page-breadcrumb {
  margin-top: 20%;
  background-size: cover;
  }
  .mu-page-breadcrumb-area li {
    display: block;
  }
  }


/*==================
 breadcrumb  END
====================*/

/*about */
#about{
  margin-top: 50px;
  margin-bottom: 100px;
  padding: 0px 120px;
  margin: 0;
	background-image: url("../images/slider/left-bg-decor.png");
	background-repeat: no-repeat;
	float: left;
	width: 100%;
}
    #about img{
      width: 40%;
      float: left;
      padding: 0px;
			margin-top: 50px;
}
	#about h2{
		color: #000;
		font-size: 43px;
		line-height: 1;
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
	}

	#about .full-content{
		width:60%;
		float: left;
		margin-top: 0px;
		margin-bottom: 10px;
		padding: 70px 30px;
		box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
	}


	#about  .content2{
		margin-top: 50px;
		float: left;
	}
	#about  .content2 h3{
		font-size: 30px;
		text-align: center;
	}

  #about  p,#about  .content2 p{
    font-size: 16px;
    line-height: 2;
    }
	#about  .about-links{
		width: 45%;
		display: inline-grid;
	}
    #about  .about-links a{
      font-weight: bold;
			line-height: 2;
			background: #000054;
			padding: 10px 30px;
			font-size: 18px;
			text-align: center;
			color: #fff;
			border-radius: 20px;
    }

    #about .about-links a:hover{
      color: #000054;
			background: #fff;
			border: 1px #000054 solid;
    }

#ourworks{
	float: left;
	width: 100%
}


#testimonail-area .active, .accordion:hover {
	background: none;
    color: white;
	}

 .testimonials{
	 float: left;
	 width: 100%;
 }

 .testimonials h3{
	font-size: 40px;
	text-align: center;
	font-weight: 400;
	margin-bottom: -5px;
}

.owl-carousel  .shadow-effect {
		    background: #fff;
		    padding:20px;
		    border-radius: 4px;
		    text-align: center;
				border:1px solid #ECECEC;
				border-bottom: 8px #001d69 solid;
		    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
		}
			#customers-testimonials .shadow-effect span{
			 font-size: 13px;
			 color: #000;
			}

				#customers-testimonials .shadow-effect h4{
					font-size: 18px;
					color: #001d69;
				}

		#customers-testimonials .item {
		    text-align: center;
		    padding: 20px;
				margin-bottom:20px;
		    opacity: .2;
		    -webkit-transform: scale3d(0.8, 0.8, 1);
		    transform: scale3d(0.8, 0.8, 1);
		    -webkit-transition: all 0.3s ease-in-out;
		    -moz-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
		}
		#customers-testimonials .owl-item.active.center .item {
		    opacity: 1;
		    -webkit-transform: scale3d(1.0, 1.0, 1);
		    transform: scale3d(1.0, 1.0, 1);
		}


		#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
		    background: #001d69;
		    transform: translate3d(0px, -50%, 0px) scale(0.7);
		}
#customers-testimonials.owl-carousel .owl-dots{
	display: inline-block;
	width: 100%;
	text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
	display: inline-block;
}
		#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
		    background: #001d69;
		    display: inline-block;
		    height: 20px;
		    margin: 0 2px 5px;
		    transform: translate3d(0px, -50%, 0px) scale(0.3);
		    transform-origin: 50% 50% 0;
		    transition: all 250ms ease-out 0s;
		    width: 20px;
		}
/*Home Services*/
#service{
	width: 100%;
	margin: 0;
	padding: 70px;
	float: left;
	background: #eee;
}


/*home_page*/
.home_page1{
	padding: 40px;
	margin-top: -20px;
	margin-bottom: 0px;
	color: #001d69;
	text-align: center;
}

.home_page1 h4{
font-size: 25px;
text-transform: capitalize;
margin: 0px;
color: #000;
letter-spacing: 2px;
}
.home_page1 h2{
font-size: 35px;
}
.home_page1 p{
font-size: 16px;
}


.home-service{
	width: 32%;
	display: inline-grid;
	float:left ;
	background: #fff;
	padding: 20px;
	margin: 5px;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.home-service:hover{
-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
		box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}

.services .grid-item1 {
	display: block;
	float: right;
  width: 100%;
  padding: 10px;
  margin-top: 0px;
  margin-left: 10px;
}

.services .grid-item1  h3{
	font-size: 33px;
	font-weight: 700;
	text-transform: uppercase;
}

.services .grid-item1 p{
	font-size: 15px;
	line-height: 1.5;
}

.home-service img {
  	width: 100%;
	height: 200px;
		float: left;
		margin-left: 0px;
		margin-top: 0px;
		padding: 0px;
}

 .home-grid-serv{
	width: 100%;
	float: left;
	margin-top: 60px;
	text-align: center;
}

.home-grid-serv .hgs{
	width: 23%;
	display: inline-grid;
	float: left;
	left: 0%;
	position: relative;
	margin: 10px;
	background: #fff;
}
.home-grid-serv .hgs img{
	width: 100%;
	height: 200px;
}
   /*Home Contact Link*/
   #home-contact{
	margin: 0;
	padding: 0;
	left: 0;
	bottom: 0;
	top: 0;
	float: left;
	width: 100%;
}
#home-contact .homecontact{
	text-align: center;
	padding: 50px;
  background-image: url('../images/slider/roofing_1.webp');
  background-size: cover;
  width: 100%;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  position: relative;
  z-index: 9;
}
#home-contact .homecontact:after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #000;
  opacity: .8;
  z-index: -10;
}
.homecontact .home-left{
	float: left;
	margin-top: 30px;
}
.homecontact .home-left h3{
	font-size: 30px;
	color: #fff;
	font-weight: 400;
}
.homecontact .home-left h4{
	font-size: 60px;
	color: #fff;
	margin: 0;
}

.homecontact form{
	width: 50%;
	float: right;
}

.homecontact form input,select,textarea{
	width: 100%;
	padding: 5px 10px;
	line-height: 2;
	border: 1px #fff solid;
	color: #000;
	background: #fff;
	font-size: 16px;
	outline: none;
	margin-top: 20px;
}
.homecontact form textarea{
	min-width: 100%;
	max-width: 100%;
	min-height: 80px;
	max-height: 120px;
}
.homecontact form button{
	background: #00012c;
	width: 50%;
	font-size: 20px;
	padding: 10px;
	margin-top: -30px;
}
.homecontact form button:hover{
	background: #fff;
	color: #00012c;
	border: 1px #fff solid;
}
.homecontact form span{
	color: #fff;
	font-size: 15px;
	margin-top: 10px;
}
.homecontact form p{
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	margin: 0px 2;
}

.homecontact form .form-btn span{
	color: red;
	font-size: 17px;
	margin-top: 10px;
	display: none;
}
/*Home Contact */

/*Contact-Mobile*/
#contact-mobile{
	width: 100%;
	float: left;
	margin-bottom: 50px;
}
#contact-mobile .call-mobile h1{
	font-size: 45px;
	text-transform: uppercase;
	font-weight: 600;
}
.call-mobile {
	text-align: center;
}
.call-mobile h2{
	font-size: 30px;
	font-weight: 600;
	margin: 0;
}
#contact-mobile .call-mobile .call-img img{
	width: 100%;
}
#contact-mobile .call-mobile .call-img{
	margin-top: 140px;
	width: 50%;
	float: left;
}
#contact-mobile .contact-info{
	width: 49%;
	margin-top: 130px;
	float: right;
	padding: 50px;
}

#contact-mobile .contact-info h2{
	font-size: 30px;
}
#contact-mobile .contact-info p{
	font-size: 22px;
	line-height: 1;
}
 
#contact-mobile .contact-info a{
	font-size: 25px;
	background: #000124;
	padding: 10px 30px;
	border-radius: 20px;
	line-height: 2.5;
	color: #fff;
	margin-top: 10px;
	display: block;
}
#contact-mobile .contact-info a:hover{
	background: #fff;
	color: #000124;
	border: #000124 2px solid;
}
#contact-mobile .learn a{
 background: #000269;
 text-align: center;
}

/*Homepage */
#Home{
	margin: 0;
	float: left;
	width: 100%;

}

/*Service */
.home_page{
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center;
}
.home_page h3{
font-size: 15px;
letter-spacing: 2px;
}
.home_page h1{
font-size: 35px;
color: #000;
}
.home_page p{
font-size: 16px;
}


/*showcase 5ervice */
#case{
  margin: 0;
  padding: 0;
	float: left;
	width: 100;
	background: #eee;
	}

.case-study {
  margin-bottom: 30px;
  padding: 30px 0px;
  text-align: center;
}
.case-study h2{
	font-size: 40px;
	margin-bottom: 0px;
	font-weight: 600;
	color: #000;
	text-align: center;
}
.case-study h3{
	margin: 0;
}
.case-study .grid-item {
	display: inline-grid;
  width: 24%;
  padding: 0px;
  left: 0%;
  position: relative;
  margin-top: 0px;
  margin-left: 0px;

}

.case-study img {
	display: block;
  	height: 250px;
  	width: 100%;
  -webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
}


.case-study .grid-item:hover img {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	transform: scale(1.4);
}

.case-study figure {
	height: 250px;
	overflow: hidden;
	position: relative;
	width: 100%;
  margin-left: 0px;
}

.case-study figcaption {
	background: rgba(0,0,0,0.8);
	text-align: center;
	color: white;
	height: 100%;
  width: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  transition: all 300ms;
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  transition-delay: 100ms;
}

.case-study figcaption p {
	font-size: 18px;
	border: none;
	position: relative;
  color: white;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}


.case-study figcaption span a{
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 300;
	position: relative;
  width: 100%;
  top: 40%;
  color: white;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	vertical-align: middle;
}
.case-study .grid-item-view{
	text-align: center;
}
.case-study .grid-item-view h5 a{
font-size: 20px;
font-weight: 300;
text-transform: uppercase;
text-align: center;
background-color: #00012c;
color: #fff;
padding: 10px 20px;
}

.case-study .grid-item:hover figcaption {
	opacity: 1;
}

.case-study .grid-item:hover figcaption p {
	-moz-transform: translateY(40px);
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
}

.case-study figcaption span a:hover{
	color:#ff8320;
}

.case-study .grid-item-view h5 a:hover{
	background-color: #fff;
	border: #00012c 2px solid;
	color: #ff8320;
}

#counter{
	margin: 0;
	padding: 0px;
	background-attachment: fixed;
	background-image: url("../images/slider/roofing_1.webp");
	background-position:  center;
	background-size: cover;
	float: left;
	width: 100%;
	position: relative;
	padding: 50px;
	z-index: 10;
	}
	
	#counter:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background:#000;
	opacity: .8;
	z-index: -200;
	}
	#counter .count-cont{
		width: 40%;
		float: left;
		margin-top: 50px;
	}
	#counter .count-cont p{
		font-size: 18px;
		color: #fff;
	}

	#counter .counters{
		width: 50%;
		float: right;
	}
	
	#counter span h2{
	text-align:center;
	font-size: 30px;
	color: white;
	}
	#counter .Label{
	display: inline-grid;
	width: 35%;
	text-align:center;
	margin: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
	}
	#counter .Label span{
	color: #00deff;
	font-size: 50px;
	}
	#counter .Label p{
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: -30px;
	color: #ffffff;
	}
	#counter .Label2 span a{
	float: left;
	border-radius: 30px;
	text-align: center;
	background: #fff;
	margin-top: 10px;
	color: #000269;
	margin-left: 10px;
	font-size: 20px;
	padding: 10px 30px;
	}
	
	#counter .Label2 span  a:hover{
	background: #000124;
	color: #fff;
	border: 1px #fff solid;
	}
/*scrollToTop*/
.scrollToTop{
	position: fixed;
	bottom: 60px;
	border-radius: 30px;
	right: 10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #001d69;
	color: #fff;
	z-index: 500;
	display: none;
}

 /*Footer*/
  #contact footer{
	background-image: url("../images/slider/roofing_1.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	position: relative;
	width: 100%;
	float: left;
	z-index: 210;
	padding: 10px 50px;
}
  #contact footer:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background:#001d69;
	opacity: .9;
	z-index: -200;
}
  footer .address h4{
	font-size: 40px;
	color: #fff;
	margin: 30px 0px;
	font-weight: 600;
}
footer .address .btnn button{
	border: none;
	background: none;
	margin-top: 20px;
}

footer .address .btnn button a{
	border: 1px #fff solid;
	background: #00012c;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	border-radius: 20px;
	padding: 10px 35px;
}

footer .address .btnn button a:hover{
	background: #000269;
}
	footer .form-btn span, .new-btn span {
	display: none;
	margin-top: 30px;
	margin-left: 40px;
}

.new-btn {
	width: 100%;
	display: inline;
}

	  #contact span i{
		color: seagreen;
		font-size: 17px;
	  }

	  footer form button{
			margin-top: 20px;
			border-radius: 0px;
			color: #001d69;
			background: #fff;
			border: none;
			padding: 10px 40px;
		}

		footer form button:hover{
			background-color: #ff8320;
			color: #fff;
			border: 1px #fff solid;
		}

		 footer form a i:hover{
			 color: #ff8320;
		 }


		  footer form a i {
				color: #fff;
				padding: 10px;
				margin-left: 10px;
			}

			footer form .fa{
			font-size: 30px;
			}
	  footer .address{
			width: 45%;
			margin-top: 20px;
			float: left;
			padding: 20px;
			text-align: left;
		}

		footer .address i{
			font-size: 25px;
			width: 100%;
			line-height: 2;
			letter-spacing: 2px;
			color: #fff;
			font-weight: 300;
		}
			footer .address i span{
				color: #fff;
				margin-left: 30px;
			}


			.news-let{
 			margin: 0px;
			}
			.news-let h4{
				text-align: center;
			  color: white;
			  font-size: 25px;
			  font-weight: lighter;
			  margin-left: 0px;
			}
				.news-let form{
				width: 100%;
				padding: 0;
				margin-bottom: 20px;
			}
				.news-let input[type="email"]{
			  padding: 15px;
				font-size: 15px;
			  height: 40px;
				margin-top: -50px;
				width: 70%;
				border-radius: 20px;
				border: none;
				background: #fff;
				color: #595959;
				outline: none;
			}
			.news-let button {
					background: #000;
					font-size: 14px;
					margin:0px;
						margin-top: -50px;
					padding: 0px;
			}
			.news-let button:hover{
			border: none;
			}

			.bottom{
				float: left;
				width: 100%;
				background: #eee;
				font-size: 16px;
				text-align: center;
			}
			.bottom a{
				text-decoration: none;
				color: #001d69;
			}