*{
	margin: 0;
	padding: 0;
	/*font-family: 'Poppins', sans-serif;*/
	font-family: 'Source Sans Pro', sans-serif;
}
.container{
	width: 90%;
	margin: 0 auto;
}
.clearfix{
    display: table;
    content: "";
    clear: both;
}
.nav-width{
	width: 20%;
	float: left;
}
.head-top-area-main{
	width: 100%;
	background-color: rgb(3, 169, 244); 
	height: 35px;
}
.email{
	
	display: inline-block;
	
}
.banner{
	width: 100%;
}
.slide{
	width: 100%;
	height: 100vh;
	background-position: center;
	background-size: cover;
}
.head-top-left{
	padding-top: 10px;
	color: white;
	font-size: 13px;
	text-decoration: none;
	background-color: rgb(245, 177, 32);
	height: 25px;
	text-align: center;

}
.phone{
	padding-left: 20px;
}
.head-top-mid{
	padding-top: 10px;
	color: white;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
}
.head-top-right{
	text-align: right;
	padding-top: 10px;
	
	font-size: 13px;
	
}
.head-top-right a{
	color: white;    
    font-size: 13px;
    text-decoration: none;
    margin-left: 20px;
    display: inline-block; 
}
.nav{
	width: 60%;
	float: left;
}
.head-bottom-area{
	width: 100%;
}
.left-area{
	width: 25%;
	padding-top: 0px;
	padding-left: 0px;
	float: left;
	height: 85px;
	padding-top: 25px;
}
.right-area{
	width: 75%;
	float: right;
	text-align: right;
	padding: 45px 0px 45px 0px;
}
.right-area ul{
	/* margin-left: 0px; */
	padding-right: 70px;
}
.right-area ul li{
	display: inline-block;
	padding-left: 37px;
	list-style: none;
}
.right-area ul li a{
	text-decoration: none;
	color: black;
	font-size: 16px;
}
.right-area ul li a:hover{
	color: rgb(243, 188, 22);
}
.main-slider{
	width: 100%;
	
}
.slide-image{
	background-image: url(images/banner-1.jpg);
	height: 100vh;
	background-size: cover;
	background-position: center;
	display: table;
	width: 100%;
}
.slide-image:before{
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.5);
}
/*.slider-content{
	text-align: center;
	 display: table-cell;
    vertical-align: middle;
}*/
.content-1 {
    color: white;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    position: relative;
    /*height: 100vh;*/
}
.slimage {
    width: 100%;
    height: 100vh;
    background-size: cover;
}
.slimage:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.3);
    display: table;
}
.content-1 h3{
	font-size: 40px;
	padding-bottom: 15px;

}
.content-1 h1{
	font-size: 58px;
	padding-bottom: 15px;
}
.content-1 p{
	font-size: 15px;
	padding-bottom: 45px;
}
.content-1 button{
	background-color: rgb(245, 177, 32);
	border: 1px solid rgb(243, 188, 22);
	padding:13px 26px;
}
.content-1 button a{
	font-size: 16px;
	text-decoration: none;
	color: black;
}
.content-1 button:hover{
	background: rgb(210, 138, 22);
}
.content-1 button:hover a{
	color: white;
}
.slide-desciption-main{
	padding-top: 80px;
	padding-bottom: 80px; 
}
.slide-desciption{
	width: 100%;

}
.description-content{
	width: 33.33%;
	float: left;
	/* padding: 0px 14px; */
}
.content-image{
	width: 100%;
	height: 206px;
	background-size: cover;
	background-position: center;
	display: block;
}
.content-description-1{
	text-align: center;
	padding-top: 18px;
}
.content-description-1 h3{
	font-size: 21px;
	padding-bottom: 13px;
}
.content-description-1 p{
	color: gray;
	font-size: 16px;
}
.back-image{
	background-image: url(images/12.jpg);
	background-position: center;
	background-size: cover;
	width: 100%;
	/*height: 60vh;*/
	position: relative;
}
.back-image:before{
	content: "";
	position: absolute;
	width: 100%;
	background: rgba(0,0,0,0.5);
	height: 100%;
}
.content-back{
	position: relative;
	text-align: center;
	padding: 100px 0px;
}
.content-back-1{
	color: white;
}
.content-back-1 h3{
	font-size: 30px;
	padding-bottom: 15px;
}
.content-back-1 p{
	font-size: 19px;
	padding-bottom: 10px;
	width: 80%;
	margin: 0 auto;
}
.content-back-1 button{
	background-color: rgb(245, 177, 32);
	border: 1px solid rgb(243, 188, 22);
	padding:13px 26px;
}
.content-back-1 button a{
	font-size: 14px;
	text-decoration: none;
	color: black;
}
.content-back-1 button:hover{
	background: rgb(210, 138, 22);
}
.content-back-1 button:hover a{
	color: white;
}



.shielding{
	padding-top: 80px;
}
.shield-content-top{
	text-align: center;
}
.shield-content-top h1{
	font-size: 24px;
	padding-bottom: 40px;
}
.shield-content-top p{
	color: gray;
	font-size: 18px;
}
.shield-content-bottom{
	padding-top: 80px;
	padding-bottom: 60px;
}
.shield-content-bottom-1{
	width: 33.33%;
	text-align: center;
	float: left;
	/* padding: 0px 14px; */
	margin-bottom: 20px;
}
.shield-content-1{
	border: 1px solid rgb(239, 239, 239);
	padding: 40px 20px;
	padding-bottom: 10px;
	margin: 10px;
}
.shield-image{
	height: 97px;
	background-repeat: no-repeat;
	background-position: center;
}
.shield-image{
	padding-bottom: 24px;
}
.shield-content-1 h1{
	font-size: 16px;
	padding-bottom: 10px;
}
.shield-content-1 p{
	font-size: 16px;
	color: gray;
	padding-bottom: 20px;
}

.latest{
	background-color:rgb(246, 246, 246);
	padding-top: 70px;
	display: table;
	width: 100%;
	padding-bottom: 80px;
}

.containt1{
	text-align: center;
}
.containt1 h1{
	font-size: 29px;
	padding-bottom: 35px;
}
.containt1 p{
	color: gray;
	font-size: 19px;
	padding-bottom: 50px;
}

.img-div{
	width: 33.33%;
	float: left;
	/* padding: 0px 14px; */
	/* margin: 10px; */
}
.latest-img{
	height: 250px;
	background-size: cover;
	margin-bottom: 14px;
	position: relative;
	/* padding: 0px 10px; */
	/* margin: 10px; */
	width: 100%;
}
.latest-img:hover:before{
	opacity: 1;
	z-index: 1;
}
.latest-img:before{
	content: '';
	background-color: rgb(243, 188, 22);
	position: absolute;
	width: 90%;
	left: 5%;
	height: 90%;
	top: 5%;
	opacity: 0;
	transition: 0.3S;
}
.latest-content{
	    text-align: center;
	    opacity: 0;
	    color: white;
	    /*Z-INDEX: 111111111;*/
	    position: absolute;
	    width: 100%;
	    transition: 0.5s;
}
.latest-img:hover .latest-content {
	opacity: 1;
	/*display: block;*/
	/*position: relative;*/
	z-index: 1;
	padding-top: 100px;	
}
.latest-content h1{
	font-size: 25px;
    padding-bottom: 15px;
}
.latest-content span{
	font-size: 22px;
}
.sheild-main-image{
	background-image: url(images/shield.jpg);
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 80vh;
	text-align: center;
	position: relative;
	/* display: table; */
}
.sheild-main-image:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	opacity: 0.7;
	background: #000;
	display: table;
}
.sheild-main-image-content{
	/* padding-top: 170px; */
	position: relative;
	color: white;
	/* padding-bottom: 200px; */
	/* margin-left: 125px; */
	/* margin-right: 125px; */
	/* margin-top: 0px; */
	/* margin-bottom: auto; */
	display: table-cell;
	vertical-align: middle;
	/* height: 75vh; */
	text-align: center;
	/* width: 100% !important; */
}
.sheild-main-image-content p{
	font-size: 23px;
	padding-bottom: 25px;
	margin: 0 auto;
	width: 80%;
	/* display: table-cell; */
	/* vertical-align: middle; */
	/* height: 80vh; */
}
.sheild-main-image-content h3{
	font-size: 22px;
	padding-bottom: 10px;
}
.sheild-main-image-content span{
	font-size: 20px;
}
.our-blogs{
	padding-top: 100px
}
.our-blogs-top{
	margin-bottom: 40px;
	text-align: center;
}
.our-blogs-top h1{
	font-size: 30px;
	padding-bottom: 40px;
}
.our-blogs-top p {
	font-size: 20px;
	color: gray;

}
.blogs-bottom-main{
	width: 33.33%;
	/* padding: 0px 14px; */
	float: left;
}
.blogs-bottom-sub-1{
	border: 2px solid #e5e5e5;
	/* padding: 0px 15px; */
	margin: 0px 10px;
}
.bottom-sub-1{
	
height: 38vh;
	
background-repeat: no-repeat;
	
width: 100%;
	
background-size: cover;
	
background-position: center;
	
position: relative;
}
.bottom-sub-1:hover:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
    opacity: 0.7;
    background: rgb(243, 188, 22);

}

.bottom-sub-2{
	padding: 25px 15px 22px;
}
.bottom-sub-2 h3{
	font-size: 20px;
	margin-bottom: 10px;
}
.bottom-sub-2 h3 a{
	text-decoration: none;
	color: black;
}
.bottom-sub-2 p{
	color: gray;
	font-size: 16px;
	margin-bottom: 10px;
}
.bottom-sub-2 h6{
	font-size: 18px;
	margin-bottom: 10px;
}
.bottom-sub-2 h6 a{
	text-decoration: none;
	color: gray;
}
.bottom-sub-2 a:hover{
	color: rgb(243, 188, 22);
}
.contact-main{
	background-color: rgb(43, 43, 43);
	width: 100%;
	height: 100%;
	margin-top: 100px;

}
.contact-main-1{
	width: 100%;
}
.contact-us-sub{
	/* padding-top: 98px; */
	/* padding-bottom: 150px; */
	color: white;
	width: 25%;
	float: left;
	/*float: left;*/
	/* padding-left: 15px; */
	/* padding-right: 15px; */
	/* padding: 0px 15px; */
}

.contact-us-sub-1 h1{
	font-size: 32px;
	margin-bottom: 12px;
}
.contact-us-sub-1 p{
	font-size: 17px;
	margin-bottom: 20px;
	/* color: gray; */
}

.contact-us-sub-1 ul li{
	display: block;
	margin-bottom: 22px;
}
.contact-us-sub-1 ul li span{
	font-size: 17px;
	/* margin-left: 0px; */
}
.contact-us-sub li i{
	    float: left;
    margin-bottom: 10px;
    margin-right: 15px;
    margin-top: 10px;
}
.contact-main-1{
	/* padding: 100px 50px; */
	/* padding: 50px; */
	padding-top: 87px;
	padding-bottom: 50px;
}
.contact-us-sub-2{
	width: 25%;
	display: inline-block;
	/* padding: 0px 15px; */
	/* margin-left: 17px; */
	float: left;
}
.contact-us-sub-2 h1{
	font-size: 22px;
	color: white;
	margin-bottom: 19px;
}
.contact-us-sub-2 ul{
	color: white;
	/*margin-left: 16px;*/
	/* margin-top: 1px; */
}
.contact-us-sub-2 ul li{
	margin-bottom: 14px;
	display: block;
}
.contact-us-sub-2 ul li a{
	text-decoration: none;
	
	color: white;
}
.contact-us-sub-2 ul li a:hover{
	color: rgb(243, 188, 22);
}
.contact-us-sub-3{
	width: 25%;
	display: inline-block;
	/* padding: 0px 15px; */
	float: left;
}
.contact-us-sub-3 h1{
	color: white;
	font-size: 22px;
	margin-bottom: 29px;
}
.sub-1-image{
	float: left;
	padding-right: 10px;
	margin-right: 10px;
}
.us-sub-1 ul li{
	display: block;
}
.sub-1-text{
	    margin-left: 10px;
	    height: 66px;
	    margin-bottom: 22px;
}
.sub-1-text h4{
	margin-bottom: 10px;
}
.sub-1-text h4 a{
	text-decoration: none;
	color: white;
	font-size: 14px;
}
.sub-1-text h4 a:hover{
	color: rgb(243, 188, 22);
}
.sub-1-text span{
	margin-top: 10px;
}
.sub-1-text span i{
	color: rgb(243, 188, 22);
	margin-right: 10px;
}
.sub-1-text span{
	color: white;
}
.contact-us-sub-4{
	width: 25%;
	display: inline-block;
	/* padding: 0px 15px; */
	float: left;
}
.contact-us-sub-4 h1{
	color: white;
	font-size: 22px;
	margin-bottom: 25px;
}
.contact-us-sub-4 p{
	color: white;
	font-size: 17px;
	padding-bottom: 20px;
}
.contact-us-sub-4 input{
	width: 90%;
    padding: 10px 9px;
    border-radius: 4px;
    margin-bottom: 18px;
    border: 1px solid gray;
    background: transparent;
    color: white;

}
.contact-us-sub-4 textarea{
	width: 90%;
    padding: 10px 9px;
    border-radius: 4px;
    margin-bottom: 18px;
    border: 1px solid gray;
    background: transparent;
    height: 45px;
}
.contact-us-sub-4 button{
	font-size: 16px;
	padding: 5px 20px 2px;
	background-color: rgb(245, 177, 32);
	border: 1px solid rgb(243, 188, 22);
}
.contact-us-sub-4 button a{
	text-decoration: none;
	color: white;
}
.contact-us-sub-4 button:hover{
	    background: rgb(210, 138, 22);
}

::placeholder{
	color: white;
}
.container-last{
	padding-top: 30px;
	padding-bottom: 30px;
	color: white;
	text-align: center;
	border-top: 1px solid gray;
}
.slide-mid{
	
margin: 10px;
}
.container-last p a{
	color: rgb(245, 177, 32);
	margin-left: 5px;
	text-decoration: none;
}
.img-mar{
	
margin: 10px;
}
.shield-middle{
	
width: 100%;
	
height: 80vh;
	
display: table;
}
.contact-us-sub-1{
	
padding: 0px 10px;
}
.menu-i i{
	display: none;
}
.menu-i span{
	display: none;
}

@media only screen and (max-width: 1200px){
	.contact-us-sub-1 p{
		font-size: 16px;
	}
	.container{
		width: 98%;
	}
	.contact-us-sub-1 ul li span{
		font-size: 14px;
	}
	.contact-us-sub-1 h1{
		font-size: 30px;
	}
	.contact-us-sub-2 h1{
		font-size: 20px;
	}
	.contact-us-sub-3 h1{
		font-size: 20px;
	}
	.contact-us-sub-4 h1{
		font-size: 20px;
	}
	.bottom-sub-2 h3{
		font-size: 18px;
	}
	.bottom-sub-2 p{
		font-size: 15px;
	}
	.content-1 h3{
		font-size: 35px;
	}
	.content-1 h1{
		font-size: 50px;
	}
	.content-description-1 h3{
		font-size: 20px;
	}
	.content-description-1 p{
		font-size: 15px;
	}
	.content-back-1 p{
		font-size: 18px;
	}
		.sub-1-image {
    	margin-right: 0px;
	}
	.sub-1-text h4 a {
    	font-size: 12px;
	}

}

@media only screen and (max-width: 1024px){
	.right-area ul li a{
		font-size: 15px;
	}
	.content-1 h1{
		font-size: 45px;
	}
	.content-description-1 h3{
		font-size: 19px;
	}
	.content-description-1 p{
		font-size: 14px;
	}
	.content-back-1 p{
		font-size: 17px;
	}
	.content-1 button {
	    padding: 10px 20px;
	}
	.containt1 p{
		font-size: 18px;
	}
	.containt1 h1{
		font-size: 28px;
	}
	.our-blogs-top h1{
		font-size: 28px;

	}
	.our-blogs-top p{
		font-size: 18px;
	}
	.contact-us-sub-1 p {
    	font-size: 15px;
	}
	.sub-1-text h4 a{
		font-size: 11px;
	}
}
@media only screen and (max-width: 991px){
	.email {
    	font-size: 11px;
	}
	.phone {
	    font-size: 10px;
	}
	.right-area ul {
    	padding-right: 37px;
	}
	.right-area ul li{
		padding-left: 22px;
	}
	.content-1 h3{
		font-size: 30px;
	}
	.content-1 h1{
		font-size: 40px;
	}
	.content-1 p{
		font-size: 14px;
	}
	.shield-content-bottom-1{
		width: 50%;
	}
	.img-div{
		width: 50%;
	}
	.contact-us-sub{
		width: 50%;
	}
	.contact-us-sub-2{
		width: 50%;
	}
	.contact-us-sub-3{
		width: 50%;
		margin-top: 10px;
	}
	.contact-us-sub-4{
		width: 50%;
		margin-top: 10px;
	}
}
@media only screen and (max-width: 767px){
	.head-top-left{
		display: none;
	}
	.nav-width{
		display: none;
	}
	.nav{
		width: 100%;
	}
	.head-top-right{
		text-align: center;
	}
	.right-area{
		display: none;
	}
	.menu-i i {
    	display: block;
   		text-align: right;
    	font-size: 20px;
    	padding: 10px;
    	color: white;
	}
	.menu-i {
	    width: 100%;
	    background: rgb(243, 188, 22);
	}
	.left-area{
		width: 100%;
		float: none;
		text-align: center;
	}
	.banner{
		margin-top: 10px;
	}
	.right-area {
    	display: none;
    	width: 100%;
   	 	float: none;
   	 	padding: 0px;
	}
	.right-area ul{
		background: #0c1923;
		padding: 0px;
	}
	.right-area ul li {
    display: block;
    padding: 0px;
    text-align: left;
    color: white;
    border-top: 1px solid rgba(255,255,255,0.5);
}
	.head-bottom-area{
		width: 80%;
		margin: 0 auto;
	}
	.right-area ul li a {
    font-size: 16px;
    color: #e6e6e6;
    padding: 10px;
    display: block;
}
	.menu-i span{
		display: inline-block;
    width: 20%;
    float: left;
    padding: 10px;
    color: white;
    font-size: 16px;
    font-weight: bold;
	}
	/*.content-1{
		height: 90vh;
	}*/
	.slimage{
		height: 90vh;
	}
	.content-1 h3{
		font-size: 28px;
	}
	.content-1 h1{
		font-size: 37px;
	}
	.content-1 p{
		font-size: 13px;
	}

}
@media only screen and (max-width: 640px){
	.slimage{
		height: 80vh;
	}
	.head-top-right a{
		font-size: 12px;
	}
	.left-area img{
		height: 60px;
	}
	.content-1 h3 {
    	font-size: 26px;
	}
	.content-1 h1{
		font-size: 35px;
	}
	.content-1 p {
	    width: 85%;
    	margin: 0 auto;
	}
	.container{
		width: 80%;
	}
	.description-content{
		width: 100%;
	}
	.content-description-1 {
	    padding: 10px 15px 10px 15px;
	}
	.content-back{
		padding: 80px 0px;
	}
	.content-back-1 p{
		width: 100%;
		font-size: 16px;
	}
	.shield-content-bottom-1{
		width: 100%;
	}
	.shield-content-top p{
		font-size: 16px;
	}
	.shield-content-top h1{
		font-size: 22px;
	}
	.containt1 p{
		font-size: 16px;
	}
	.containt1 h1{
		font-size: 26px;
	}
	.img-div{
		width: 100%;
	}
	.sheild-main-image-content p{
		font-size: 18px;
		width: 100%;

	}
	.sheild-main-image{
		height: 75vh;
	}
	.sheild-main-image-content h3{
		font-size: 20px;
	}
	.our-blogs-top h1 {
    	font-size: 26px;
	}
	.our-blogs-top p {
    	font-size: 16px;
	}
	.blogs-bottom-main{
		width: 100%;
		margin-bottom: 15px;
	}
	.contact-us-sub{
		width: 100%;
	}
	.contact-us-sub-2{
		width: 100%;
		margin-top: 10px;
	}
	.contact-us-sub-3{
		width: 100%;
		margin-top: 10px;
	}
	.contact-us-sub-4{
		width: 100%;
		margin-top: 10px;
	}
	.contact-us-sub-1 h1{
		font-size: 28px;
	}
	.contact-us-sub-2 h1{
		font-size: 18px;
	}
	.contact-us-sub-3 h1{
		font-size: 18px;
	}
	.contact-us-sub-4 h1{
		font-size: 18px;
	}
}
@media only screen and (max-width: 460px){
	.head-bottom-area{
		width: 100%;
	}
	.slimage{
		height: 70vh;
	}
	.content-1 h3 {
    	font-size: 23px;
	}
	.content-1 h1{
		font-size: 25px;
	}
	.content-1 p{
		width: 75%;
		font-size: 12px;
	}
	.containt1 h1{
		font-size: 24px;
	}
	.containt1 p{
		font-size: 14px;
	}
	.our-blogs-top h1 {
	    font-size: 24px;
	}
	.our-blogs-top p {
    	font-size: 14px;
	}
	.bottom-sub-2 p {
    	font-size: 13px;
	}
	.contact-us-sub-1 p {
    	font-size: 14px;
	}
	


}