@font-face {
    font-family: myfont;
    src: url(../fonts/Bukhari Script.ttf);
}
@font-face {
    font-family: firstfont;
    src: url(../fonts/xtrusion.ttf);
}
body{
	margin:0;
	padding:0;
}

	.bg1{
		background-color: #111c4c;
		color:#fff;
		padding: 8px 0px;
	}
	.bg1 .one{
		list-style-type: none;
		float:left;
		display:inline-block;
		margin:0px;
	}
.one li {display: inline-block;}
.two li {display: inline-block;}
	.bg1  .two {
		list-style-type: none;
		float:right;
		display:inline-block;
		margin:0px;
	}
	nav{
		border-color:#fff !important;
		border-radius:0px;
		margin-bottom:0px;
		
	}
	nav ul{
		padding:18px 0px;
	}
	ul li a{
		color:#fff;
		transition: all 0.8s ease-in-out;
	}
	ul li{
		
		padding-right:10px;
	}
	ul li i{
		padding-right:10px;
	}
	nav ul li a{
		text-transform: capitalize;
        font-size: 14px;
        line-height: 0px !important;
	}
	nav ul li a:hover{
		/*border-bottom:3px solid #ec4933;*/
		box-shadow: 169px 0 0 #E91E63 inset;
		color: #fff !important;
	}
	nav ul li a:focus{
		border:1px solid #ec4933;
		background-color: #fff;
		color: #ec4933;

	}
.nav>li		 {margin: 20px 0px;}
	.bg2{
		padding: 15px 0px;
	}
	.bg2 nav ul li a.sss{
  
  color: #40966a;
}

.bg2 nav ul li a.ddd{
  background: #fff;
  color: #40966a;
  border:1px solid #40966a;
	width: 120px;
}
.navbar-brand{
	height:0px;
	padding: 0px;
}
.nnn{
	padding: 0 30px;
}
.hero{
	position: absolute;
    top: 135px;
    right: 60px;
    width: 300px;
    color: #fff;
    padding: 10px 25px 0px 0px;
}
.hero h1{
	background-color: #4c5167;
	font-family: sans-serif;
	color: #fff;
    padding: 15px;
    font-size: 18px;
}
.hero h3{
	
	font-family: sans-serif;
	color: #fff;
    font-weight: 700;
    font-size: 19px;
	padding: 10px;
}
.navbar {margin-bottom: 0px !important;}
.nav>li>a {font-weight: 700;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {background-color: #fff;}
.copyright p {margin: 0px !important;}
.footer1{
	background-color: #454545;
	color:#fff;
	padding:10px 50px;
	
	border-top:5px solid #03783d;
}
.footer1 .echo a{
	color: #e6dabd;
}
.social li {display: inline-block;}
.footer1 .echo a:hover{
	text-decoration: none;
	color: #f90;
}
.footer1 .social ul{
	list-style-type: none;
	float:left;
}
.footer1 .social ul li{
	padding-right:16px;
}
.footer1 h1{
	text-transform: uppercase;
	font-size: 20px;
	padding: 0px 0px 0px 40px;
}
.footer1 h3{
	margin: 0px !important;
	font-size: 18px;
	padding: 0px 0px 0px 40px;
}
.footer1 .col-md-3{
	border-right:2px solid #3e3e3e;
	float: left;
    height: 200px;
}
.echo h5 {text-align: center;}
.footer1 .col-md-3:last-child{
	border-right:none;
}
.bg7{
	padding:8px 10px;
	background-color: #1a2a59;
	color:#fff;
}
.bg10{
	padding:30px 20px;
	margin-bottom: 50px;
}
.bg10 img{
	-webkit-box-reflect: below 0px -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.3) 0%, transparent 50%, transparent 100%);
	transition: all 0.5s ease-in-out;
}
.bg10 .col-md-3:hover img{
	transform: scale(1.1) translateZ(0);
	border:3px solid #1a2958;
}

.bg7 img{
	float:right;
}
.apple9 h1{
	text-align: center;
    text-transform: uppercase;
    color: #fff;
    /* border-bottom: 5px solid; */
    width: 330px;
    margin: 0 auto;
    padding: 10px 5px;
    background-color: #009688;
    border-radius: 0px 0px 30px 30px;
}

.apple9{
	padding-left: 0px;
	padding-right: 0px;
}
.apple9 img{
	transition: all 0.5s ease-in-out;
}
.apple9 img:hover{
	transform: scale(0.7);
	border-radius:50%;
	
}
.apple9 img:hover .col-md-6{
	background-color: #ec4933;
}
.apple9 .row{
	margin-top:20px;

}
.apple9 .col-md-6{
	padding:0;
}
.apple5{
	padding-right: 0px;
	padding-left: 0px;
	position:relative;
}
.apple4{
	position: relative;
}
.apple4 .bio{
	text-align: center;
    border: none;
    padding: 4px 100px;
    background-color: #162453;
    color: #fff;
    font-size: 21px;
    position: absolute;
    top: -47px;
    left: 139px;


}
.carousel-indicators li { visibility: hidden; }

.apple3{
	padding:0px;
}
.apple3 .soft{
	padding:0px;
}
.bluepared_joined {padding: 0px; margin: 0px;}
.blue_pare_width {width: 100%; background-color:rgb(26, 42, 89); color:#fff;padding: 0 50px 45px 30px;
	height: auto;
	float: left;}
.bluepared_joined h1{padding: 10px 0px;
	text-align:center;
	text-transform: capitalize;
	font-size: 18px;
    font-family: cursive;}
.bluepared_joined p{padding: 10px 0px;}
.bluepared_joined h1:before{
	content:"";
	background:url(../images/one.png) no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
}
.bluepared_joined h1:after{
	content:"";
	background:url(../images/two.png) no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    float: right;
    margin: 0 6px 0 0;

}
.bluepared_joined ul{
	list-style-image: url(../images/list.png);
	float: left;
	margin:0px;
	text-align: justify;
	padding: 25px 25px 0px 25px;
	
}
.bluepared_joined ul li{
	
	text-transform: capitalize;
	}
.apple3 .light{
	background-color:rgb(26, 42, 89);
	color:#fff;
	padding: 0 50px 45px 30px;
	height: auto;
	float: left;
}
.apple3 .light h1{
	padding: 10px 0px;
	text-align:center;
	text-transform: capitalize;
	font-size: 18px;
    font-family: cursive;
}
.light p {padding: 10px 0px;}
.apple3 .light h1:before{
	content:"";
	background:url(../images/one.png) no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;


}
.apple3 .light h1:after{
	content:"";
	background:url(../images/two.png) no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    float: right;
    margin: 0 6px 0 0;

	}
.apple3 .light ul{
	list-style-image: url(../images/list.png);
	float: left;
	margin:0px;
	padding: 0px 25px 0px 25px;
	width:96%;
}
.apple3 .light ul li{
	width:50%;
	text-transform: capitalize;
	margin: 5px 0px;
}
.apple1 .welcome{
	
	padding: 50px;
}
.apple1 .col-md-6 p{
	color: #3b3434;
    font-family: sans-serif;
	font-size: 16px;

}
.apple1 .welcome h1{
	color:#141f4e;
}


.apple1{
	padding:30px 50px;
}
.row{
	margin-left:0px;
	margin-right:0px;
}
.rib h1{
	text-transform:capitalize;
	font-size: 25px;
	margin-bottom: 30px;
	width: 140px;
    background-color: #6b9dc7;
    padding: 3px;
    color: #fff;
    font-family: sans-serif;

}
.rib p{
	color:#8c8787;
}
.rib img{
   border: 5px solid hsl(0, 0%, 40%);
 
 
  outline: 5px solid hsl(0, 0%, 60%);
  box-shadow:
      0 0 0 10px hsl(0, 0%, 80%),
      0 0 0 15px hsl(0, 0%, 90%),
      0 0 0 20px hsl(0, 0%, 100%);
  transition: all 0.5s ease-in;
  
}

.rib img:hover{
	
	box-shadow: inset 1px 1px 15px #f90;
}
.rib .round{
	padding: 20px;
    background-color: wheat;
    border-radius: 0px 0px 20px 20px;
    margin-top: 20px;
}
.product {
	text-align:center;
	color:#8c8787;
	margin-bottom: 20px;
}
.product thead{
	background-color: #E91E63;
}
.product th{
	text-align:center;
}
.product tr:nth-child(even) {
   background-color: #fff;
}
.product tr:nth-child(odd) {
    background-color: #fff;
}
.process{
	padding:20px 0px;
}
.process p{
	color:#8c8787;
}
.process h1{
	font-family: fantasy;
    color: #4CAF50;
    font-size: 29px;
}
.process .pro2{
	width: 500px;
    margin: 0 auto;
    border: 5px solid rgba(121, 85, 72, 0.48);
    padding: 50px 50px 0px;
    background-color: rgb(26, 42, 89);
    height: 495px;
}
.process .pro1{
	width: 500px;
    margin: 0 auto;
    border: 5px solid rgba(121, 85, 72, 0.48);
    padding: 25px 50px 0px;
    background-color: rgb(26, 42, 89);
    height: 520px;
}
.process .pro1 ul,.process .pro2 ul{
	list-style-image: url(../images/list.png);
	float: left;
	margin:0px;
	padding: 25px;
	width:100%;
	color:#fff;
}
.process .pro1 ul li,.process .pro2 ul li{
	margin-bottom:15px;
}

.address i{
	padding-right:10px;
}
.address{
	color:#fff;
}
.address h1{
	font-size: 28px;
	color: #1f3566;
	font-family: fantasy;
}
.contact .col-md-7{
	background-color: #dbbb80;
	padding: 69px 35px;
}
.contact .col-md-7 h1{
	font-size: 20px;
    background-color: #1d3035;
    color: #fff;
    width: 200px;
    padding: 5px;
    position: relative;
}
.contact .col-md-7 h1:after{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -40px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 31px solid transparent;
     border-left: 40px solid #1d3035;
}
.contact{
	background-image: url(../images/light.jpg);
	padding: 50px 28px;
}
.contact form .submit{
	background: transparent;
    border: 2px solid #1674D1;
    font-size: 12px;
    font-weight: 900;
    padding: 11px 35px 11px 35px;
    margin: 0px auto;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #1674D1;

}

.contact form .submit:hover{
	background: #1674D1;
    border: 2px solid #1674D1;
    color: #fff;
}
.big{
	padding:20px;
}

/******media Queries************/

@media screen and (min-width: 320px) and (max-width: 480px) {
	.process .pro1 {width: 100% !important;height: auto;
    float: left;}
	.process .pro2 {width: 100% !important;height: auto;
    float: left;}
    .bg1 .one{
    	float:left;
    	margin:8px;
    	padding: 0px;
    }
    .bg1 .one li{
    	width:60%;
    }
     .bg1 .two{
    	float:left;
    	margin:8px;
    	padding: 0px;
    }
    .navbar-brand img{
    	width: 40%;
    	margin:0 auto;
    	float: left;
    }
    nav ul{
    	padding: 30px 0px;
        margin: 0 auto;
        width: 80%;
    }
	.footer1 .col-md-3 {height: auto !important;}
    nav ul li{
    	float: left;
        width: 100%;
    }
    .apple4 .bio{
    left: 10px;
    padding: 6px 10px;
    font-size: 17px;
    width: 74%;
    text-align: center;
    }
    .apple1{
    	padding:30px 10px;
    }
    .apple1 .welcome {
    padding: 10px;
    }
	.apple1 .welcome h1 {
	    font-size: 15px;
	}
	.apple3 .light {
	    padding: 0 50px 97px 30px;
	}
	.apple3 .light h1{
        margin: 0px;
    }

    .bg7{
    	text-align: center;
    }
    .bg7 img {
    float: none;
    }

    
 }

 @media only screen and (min-width: 481px) and (max-width: 767px) {





 }

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




 	
 }



@media screen and (min-width: 992px) and (min-width: 1062px) {
    .apple3 .soft img{
    	height: 289px;
    }
    .apple .bio{
    	left:57px;
    }
    .nav li a{
    	padding-right: 0 2px !important;
    }
    .apple1 .welcome {
    padding: 22px;
    }
    .apple3 .light h1{
        margin: 0px;
    }

}