#header-wrapper {position: relative;}
.breadcrumbs {
	width: 100%;
	float: right;
	position: relative;
	z-index: 1;
	text-align: center;
	direction: rtl;
	margin-bottom: 2em;
}
.contact-page .breadcrumbs {padding-right:0;}
.breadcrumbs ul li {
	display: inline-block;
	font-size: 15px;
	color: #383838
}

.breadcrumbs ul li a {
	color: #383838
}

.breadcrumbs ul li a::after {
	content: "|";
	margin: 0 15px
}
.section-title-contents {text-align: center;margin-bottom: 2em;}
#paging {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	clear: both;
	direction: ltr;
	float: right;
	margin: 30px 0
}

.page-no.prev-page {
	font-size: 15px;
	background: #fff;
	color: #595959;
	border: unset
}

.page-no.next-page {
	font-size: 15px;
	background: #fff;
	color: #595959;
	border: unset
}

.page-no {
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	margin-bottom: 10px !important;
	color: #595959;
	background: #fff;
	display: inline-block;
	text-decoration: none;
	border: 1px solid #ccc;
	border-left: unset;
	margin-right: -4px
}

.page-no a {
	width: 100%;
	height: 100%;
	color: #595959;
	display: block
}

.page-no {
	border-radius: 5px;
	border: 1px solid #595959;
	margin: 0 5px
}

.page-no.active-page {
	color: #fff;
	padding: 0 !important;
	background: #595959
}

.page-no .current {
	color: #fff;
	padding: 0 !important;
	background: #595959
}

.fa-angle-left::before {
	content: "\f104";
	font-family: 'fontawesome'
}

.fa-angle-right::before {
	content: "\f105";
	font-family: 'fontawesome'
}
.section-title {
	margin-bottom: 3rem;
}
/*<!-------------START CSS CONTACT--------------*/
.contact-form {display: none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.contact-form div{margin-bottom: 0.8em;}
.contact-form label{margin-bottom: 0.5em;display: block;}
.contact-form .fa{margin-left: 10px;}
.contact-form .fa:hover {color: #00030b;}
.contact-form input,.contact-form textarea{border: 2px solid #d0d0d0;padding: 0 0.5em;margin: 1em 0;border-radius: 5px;height: 40px;line-height: 40px;}
.field-captcha {margin: 1em 0;}
.load-captcha {height: 40px;line-height: 40px;}
.show-contact-form {width: 100px;padding: 5px 10px;border-radius: 7px;cursor: pointer;background: #666666;color: #fff;margin: 20px auto;}
.show-contact-form.close-form {background: unset;color: #666666;}
.contact-text{line-height: 3em;}
.contact .section-title h1,.contact .section-title h4{font-size: 2em;color: #37323e;z-index: 9;}
.contact-info-box {direction: rtl;}
.contact-resize .items-container .width_50.float-left {padding-right: 20px;}
.contact .contact-info li{margin-bottom: 1em;border: 1px solid #ededed;box-shadow: inset 3px 3px 6px -3px #acacac;border-radius: 15px;line-height: 4;clear: both;float: right;width: 100%;padding: 0px 10px;}
.contact .contact-info li .color_grey_{margin-left: 0.5em;}
.phone-number{margin-top: 1em;}
.contact-section{background: #f5f6f9; height: 350px;overflow: hidden;width: 100%;}
.contact-section svg{right: 0;transform: translateX(25%);width: auto;z-index: 99;fill:#f5f6f9}
.contact-section .section-title{z-index: 999;top: 130px;left: 0;right: 0;margin: 0 auto;padding-right: 20px;text-align: right;direction: rtl;}
.banner-contact{background-image: url(../images/bg-contact.jpg);background-position: 50% 50%;background-size: cover;height: 100%;}
.contact-section-2{z-index: 99;top: -50px;}
.col-contact{box-shadow: 0 6px 10px 0 rgba(145,171,187,.4); padding: 2em;min-height: 370px;background: #fff;border-radius: 5px;}
.col-contact .fa-comments,.col-contact .fa-phone{font-size: 2.5em;}
.col-contact h3{color: #37323e;margin: 0.5em 0 2em 0;}
.fa-tel {content: "\f095";}
.contact-resize .social-icons li a {color: #7b7b7b82;font-size: 18px;margin: 0;}
.contact-resize .social-icons li img{position: relative;top: 0.2em}
ul.social-icons a{margin: 10px 0;}
.inner-col-footer ul.social-icons a{margin: 0;}
.inner-col-footer ul.social-icons a i{    line-height: 35px;}
.contact-resize .social-icons li {border: 1px solid #7b7b7b82;margin: 5px;}
.contact-resize .social-icons li:hover a {color: #fff;}
.fa-tel::before {content: "\f095";}
.items-container.about-box .text-justify {background: #fff;padding: 30px 20px;border-radius: 7px;box-shadow: 0 6px 10px 0 rgba(145,171,187,.4);line-height: 3;}
.contact-resize .contact-section-2 .float-left .col-contact {float: left;}
.contact-info i {color: #595959;}
.show-map {width: 100%;margin-top: 3em;}
.contact-form button {padding: 5px 10px;border-radius: 5px;cursor: pointer;}
.contact-form button:hover {background: #595959;}
.contact-resize {padding: 3em 0;}
/*<!-------------END CSS CONTACT--------------*/
.page-notfound img {display: block;margin: 20px auto;width: 95%;max-width: max-content;height: auto}
@media only screen and (max-width:1200px){
.contact-section {height: auto;margin-bottom: 3em;}
.banner-contact{display: none;}
.contact-section svg {display: none;}
.banner-tex {width: 100%;}
.contact-section .section-title {position: relative;top: unset;left: unset;right: unset;width: 95%;padding-right: 0;}
.contact-section-2 {top: unset;}
.contact-section-2 .width_50 {width: 100%;margin-bottom: 3em;}
.col-contact {width: 100%;}
.field-captcha {text-align: center;}
.banner-text{width: 95%;}
}
@media only screen and (max-width:750px){
.contact .section-title h1, .contact .section-title h4 {font-size: 1.5em;}
}