/*****************  Start Clients   **************/
.client
{
	background-color:#fff;
}

@media (min-width: 768px)
{
	.client .section-title
	{
		margin-top:150px;
	}
}

@media (max-width: 768px)
{
	.client .section-title
	{
		margin-top:50px;
	}
}

.client .client-type
{
	margin-bottom:30px;
	cursor:pointer;
}

.client .client-type:hover > .client-title
{
		 transition: all 0.20s linear 0s;
    -o-transition: all 0.20s linear 0s;
    -ms-transition: all 0.20s linear 0s;
    -moz-transition: all 0.20s linear 0s;
    -webkit-transition: all 0.20s linear 0s;
	background-color:#2a3376;
}

.client .client-type:hover >  .client-img
{
	transition: all 0.20s linear 0s;
    -o-transition: all 0.20s linear 0s;
    -ms-transition: all 0.20s linear 0s;
    -moz-transition: all 0.20s linear 0s;
    -webkit-transition: all 0.20s linear 0s;
	background-color:#00283a;
}

.client .client-type:hover >  .client-title .h4
{
	transition: all 0.20s linear 0s;
    -o-transition: all 0.20s linear 0s;
    -ms-transition: all 0.20s linear 0s;
    -moz-transition: all 0.20s linear 0s;
    -webkit-transition: all 0.20s linear 0s;
	color: #fff;
}

.client .client-type .client-title
{
	background-color:#e2e2e2;
}

.client .client-type .client-title .h4
{
	color:#2a3376;
	font-weight:bold;
	padding:10px;
	margin:0px;
}

.client .client-type .client-img
{
	background-color:#2a3376;
	padding:40px 0px;
}

.client .client-type .client-img img
{
	margin:0px auto;
	display:block;	
}

@media (min-width: 768px)
{
	.client .modal-dialog 
	{
		width: 700px;
	}
}

.client .modal .modal-body ul li
{
	font-size:14px;
}

/*****************  End Clients   **************/




/*****************  Start agency   **************/
.agency
{
		background-color:#fff;
}

@media (min-width: 768px)
{
	.agency .section-title
	{
		margin-top:150px;
	}
}

@media (max-width: 768px)
{
	.agency .section-title
	{
		margin-top:50px;
	}
}

.agency .lead
{
	text-align:center;
}

.agency .agency-type
{
	margin-bottom:30px;
	/*
	-webkit-box-shadow: -2px -2px 10px 0px rgba(42,51,118,0.30);
	-moz-box-shadow: -2px -2px 10px 0px rgba(42,51,118,0.30);
	box-shadow: -2px -2px 10px 0px rgba(42,51,118,0.30);
	border-radius:20px;
	*/
}

.agency .agency-img
{
	border:1px solid #2a3376;
	border-radius:20px 20px 0px 0px;
}

.agency .agency-type .agency-img img
{
	margin:10px auto;
	display:block;
}

.agency .agency-type .agency-title
{
	background-color:#e2e2e2;
	border:1px solid #2a3376;
	border-top:none;
	border-radius:0px 0px 20px 20px;
}

.agency .agency-type .agency-title .h4
{
	color:#2a3376;
	font-weight:bold;
	padding:10px;
	margin:0px;
	text-transform:uppercase;
}

.agency .agency-type .agency-title .btn-primary
{
	color:#fff;
	background-color:#2a3376;
	border-color:#2a3376;
	margin:0 auto 5px;
	display:block;
	border-radius:20px;
	font-weight:bold;
}

.agency .agency-type .agency-title .btn-primary:focus
{
	outline:none;
}

.agency .agency-type .agency-title .btn-primary:hover
{
	color:#2a3376;
	background-color:#e2e2e2;
	border-style:double;
}
/*****************  End agencies   **************/



/*****************  Start About-us   **************/

.about_us
{
	background-color:#fff;	
}

@media (min-width: 768px)
{
	.about_us .section-title
	{
		margin-top:150px;
	}
}

@media (max-width: 768px)
{
	.about_us .section-title
	{
		margin-top:50px;
	}
}

.about_us .h3
{
	font-weight:bold;
}

.about_us .about-details
{
	font-size: 16px;
}

.about_us .about-list li
{
	font-size: 16px;
	line-height:180%
}

/*****************  End About-us   **************/

/*****************  Start product   **************/
.product
{
	background-color:#fff;
}

@media (min-width: 768px)
{
	.product .section-title
	{
		margin-top:150px;
	}
}

@media (max-width: 768px)
{
	.product .section-title
	{
		margin-top:50px;
	}
}

.product .my-tap
{
	display: block;
    margin: 0px auto;
}

.product .my-tap .nav-pills
{
	border-bottom: 1px solid #2a3376;
    display: inline-block;
    padding: 0px;
    margin: 10px 0px;
}

@media(max-width:999px)
{
	.product .my-tap .nav-pills 
	{
		border-bottom: none;
		display: grid;
		padding: 0px;
		margin:  0px;
	}

}

.product-ar .nav-pills>li+li
{
	margin-left: unset;
}

.product .my-tap .nav-pills li a
{
	font-size:15px;
	text-align:center;
}

.product .my-tap .nav-pills li
{

}

.product .my-tap .nav-pills>li>a:hover
{
	background-color: #2a3376;
    color: #fff;
	border-radius:10px 10px 0 0;
	border-bottom:1px solid #2a3376;
}

@media(max-width:999px)
{
	.product .my-tap .nav-pills>li>a:hover
	{
		border-radius:5px;
	}
}
.product .my-tap .nav-pills>li>a:focus
{
	
}

.product .my-tap .nav-pills>li.active>a,
.product .my-tap .nav-pills>li.active>a:focus,
.product .my-tap .nav-pills>li.active>a:hover
{
	background-color: #2a3376;
    color: #fff;
	border-radius:10px 10px 0 0;
	border-bottom:1px solid #0574ac;
}

@media(max-width:999px)
{
	.product .my-tap .nav-pills>li.active>a,
	.product .my-tap .nav-pills>li.active>a:focus,
	.product .my-tap .nav-pills>li.active>a:hover
	{
		border-radius:5px;
		border-bottom:none;
		text-align:center;
	}
}

.product .tab-content
{
	padding:0 10px;
	margin:10px auto;
}

.product .tab-content .hvr-shrink
{
	margin-bottom:10px;
}

@media(max-width:768px)
{
	.product .tab-content .h3,
	.product .tab-content .lead
	{
		text-align:center;
	}
}

@media(min-width:769px)
{
	.product .tab-content .h3-ar,
	.product .tab-content .lead-ar
	{
		text-align:right;
	}
}

.product .tab-content .row .img-responsive
{
	margin-bottom:20px;
	display:block;
	margin:5px auto 0;
	border-radius: 5px 5px 0px 0px;
	cursor:pointer;
}

.product .product-name 
{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-transform: capitalize;
	color: #fff;
	margin: 0px;
	padding: 5px 0;
	background-color: #2a3376;
	border-radius: 0px 0px 5px 5px;
}

@media (min-width: 768px)
{
	.product .modal-dialog 
	{
		width: 700px;
	}
}
.product .tab-content .modal .modal-title
{
	text-transform: capitalize;	
}

.product .tab-content .modal .modal-body .h4
{
	padding:10px;
}

.product .tab-content .modal .modal-footer .h4
{
	padding:10px;
	text-align:left;
	font-size:16px;
}

.product .tab-content .modal .modal-body .h4-ar,
.product .tab-content .modal .modal-footer .h4-ar
{
	text-align:right;
}

/*****************  End product   **************/