/* --------------- About - US ----------------------------------------------------------------------------------------------------------------*/

.middle-1
{
	padding-top:40px;
	padding-bottom:10px;
}
.middle-1 img
{
	float: left;
    margin: 0 40px 20px 0;  
	background-color: silver;
	padding: 10px;	
	box-shadow: 5px 5px 15px gray;
}
.middle-2
{
	padding-bottom:30px;
	background-color:white;
	padding-top:10px;
}
.middle-1 p
{
	text-align:justify;
	//font-size:16px;
}

.middle-2 h2
{
	text-transform:uppercase;
	font-weight:600;
}
.middle-2 p
{
	text-align:justify;
	//font-size:16px;
}

.our-motto li
{
	list-style-position:inside;
	list-style-type: square;
}

@media only screen and (min-width:320px) and (max-width:640px) {	
	.middle-1 p
	{
		text-align:justify;
		font-size:14px;
	}
	.middle-2 p
	{
		text-align:justify;
		font-size:14px;
	}
	.middle-2 h2
	{
		text-align:center;
		font-size:18px;
	}
}
@media only screen and (min-width:641px) and (max-width:991px) {	
	.middle-1 p
	{		
		font-size:14px;
	}
	.middle-2 p
	{		
		font-size:14px;
	}
	.middle-2 h2
	{		
		font-size:18px;
	}
}

.middle-2-about
{
	padding-top:30px;
	padding-bottom:20px;
}

.middle-2-about img
{
	float: right;
    margin:0px 0 31px 40px;
	background-color: silver;
	padding: 10px;	
	box-shadow: 5px 5px 15px gray;
	width:50%
}
.whychoose li
{
	list-style-position:inside;
	padding-bottom:5px;
	//font-size:16px;
}

.middle-2-about p
{
	text-align:justify;	
}
@media only screen and (min-width:320px) and (max-width:640px) {
	
	.middle-2-about p
	{
		text-align:center;		
	}
	.whychoose li
	{		
		font-size:14px;
	}
	.middle-2-about img
	{
		float:none;
		//margin: 20px 0 23px 40px;
		width:80%;
	}
}
@media only screen and (min-width:641px) and (max-width:991px) {
	.middle-2-about img
	{
		margin: 20px 0 24px 40px;
	}	
}
/*----------------gallery --------------- */
/*-------------*/
.image-full-gallery
{
	border:1px solid #eee;
	margin-bottom:10px;
	margin-top:10px;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.image-gallery
{
	overflow:hidden;
}

.image-gallery img
{
	transform:scale(1);
	transition:.5s;
}

.image-gallery:hover img
{
	transform:scale(1.1);
	transition:.5s;
}

.image-gallery:hover .image {
  opacity: 0.3;
}

.image-gallery:hover .middle {
  opacity: 1;
}

.text {
	background-color: #017DC6;
	color: white;
	font-size: 30px;
	border-radius: 5px;
	text-align: center;
}

.text a
{
	color:#fff;
}

.text a:hover
{
	color:#fff;
}

.text i
{
	width: 40px;
	height: 40px;
}

.desc
{
	background:#FAFAFA;
	padding: 10px 0px;
}

.desc p
{
	font-size: 18px;
	text-align: center;
}

.desc p a
{
	color:#000;
}

.image-full-gallery:hover .desc
{
	background:#017DC6;
}

.image-full-gallery:hover .desc p a
{
	color:#fff;
}
/* ---------------------service ---------------------- */
.service-middle-1
{
	padding-bottom:30px;
	padding-top:10px;
	color:#777;
}
.page-head {
    padding-bottom: 20px;
}
.page-head h3 {
    color: #777;
    text-align: center;
    font-size: 30px;
    margin-bottom: 0px;
}
.page-head h3 span {
    font-weight: bold;
}
.padd-space
		{
			padding-bottom:10px;
			padding-top:10px;
		}
		
		.padd-space h3
		{
			padding-bottom:10px;
		}
		.f-right
		{
			float:right;
			margin-left:22px;
			margin-top:10px;
			margin-bottom:10px;
			padding:3px;
			background:#777777;
		}
		
		.padd-space p
		{
			text-align:justify;
			font-size:16px;
			line-height:1.6;
			color:#777;
		}
		
		.padd-space ul li
		{
			line-height:1.6;
			margin-left:12px;
			font-size:16px;
		}
		
		.padd-space img{
			max-height:250px;
			max-width:250px;
			margin:0px 20px 20px 20px ;
		}
		
		@media only screen and (min-width:641px) and (max-width:991px) 
		{
			.resp-vtabs .resp-tabs-container 
			{
				margin-left: 0px;
			}
			
			.f-right
			{
				width:35%;
			}
		}

		@media only screen and (min-width:320px) and (max-width:640px) 
		{	
			.resp-vtabs .resp-tabs-container 
			{
				margin-left: 0px;
			}
			.padd-space h3
			{	
				font-size: 22px;
			}
			.f-right
			{
				float:none;
				margin-left:0px;
			}
		}
/*-------------contact us --------------*/
.contactus{
	padding-bottom: 20px;
    padding-top: 17px;
}
.contactus h3{
	text-transform: uppercase;
    font-weight: bold;
}
.addrs_icon
{
	//padding:11px;
	background:#A2238E;
	color:white;
	width: 46px;
    height: 46px;
    text-align: center;
    padding-top: 7px;
}
.icon_add
{
	padding:15px;
	font-size:16px;
}

.g_form
{
	padding-top:32px;
	//padding-bottom:20px;
}


.red {
		color: red;
	}
	.submit {
		background-color: #017dc6;
		color: white;
		border: none !important;
		border-radius: 3px;
		font-size: 22px;
	}

@media only screen and (min-width:320px) and (max-width:640px) {
	.icon_add
	{
		text-align:center;
	}
	.icon_add p
	{
		padding-top:0 !important;
	}
	.icon_add
	{
		padding-top:0 !important;
	}
	.modal-body {
	   height:auto !important;
	}
	
}
.modal-body {
   height:200px;
}