/* ------------------------------------------------------------------------------------------ */
/* -------------------------------            ACP             ------------------------------- */
/* -------------------------             CONTACTUS PAGE             ------------------------- */
/* -------------------------------        Version  0.1        ------------------------------- */
/* ------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------ */
/*                                           GENERAL                                          */
/* ------------------------------------------------------------------------------------------ */

/* ============        GENERAL       ============ */
.contact-us {}
#canvas-for-google-map{
	height:auto!important;
}
@media screen and (min-width: 990px) and ( max-width: 1200px) {
	.contact-right {
		width: 538px!important;
	}
}
@media screen and ( max-width: 992px) {
	.contact-right , .contact-left ,div.contact-left > div > div:nth-child(2){
		width: 100%!important;
	}
	.contact-map > .bg{
		background-position: right top;
	}

}
div.contact-left > div > div:nth-child(2){
	 height: auto!important;
 }
.code-for-google-map{
	display: none;
}
/* ============     COLUMN RIGHT     ============ */
.contact-right {
	float: right;
	width: 720px;
}
.contact-map iframe{
	width: 100%;
}
.contact-address {
	position: relative;
	padding: 50px 20px 10px;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 51%, rgba(182,182,182,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(51%, rgba(230,230,230,1)), color-stop(100%, rgba(182,182,182,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 51%, rgba(182,182,182,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 51%, rgba(182,182,182,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 51%, rgba(182,182,182,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 51%, rgba(182,182,182,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b6b6b6', GradientType=0 );
	-webkit-border-radius: 15px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 15px; /* FireFox 1-3.6 */
	-khtml-border-radius: 15px; /* for old Konqueror browsers */
	border-radius: 15px; /* Opera 10.5, IE 9, Safari 5, Chrome, FireFox 4, iOS 4, Android 2.1+ */
}
.contact-address > p {
	margin: 0;
	padding: 0;
	font: 20px/41px Yekan,Tahoma,Geneva,sans-serif;
	color: #02556b;
}
.contact-address > .bg {
	display: block;
	position: absolute;
	top: -25px;
	right: 10px;
	width: 90px;
	height: 90px;
	background: url("../img/general/contactus_icons.png") no-repeat scroll 0 0 transparent;
}
.contact-num {
	position: relative;
	margin: 30px 0 0;
	padding: 60px 20px 10px;
	background: rgba(0,126,145,1);
	background: -moz-linear-gradient(top, rgba(0,126,145,1) 0%, rgba(173,214,220,0.59) 68%, rgba(255,255,255,0.59) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,126,145,1)), color-stop(68%, rgba(173,214,220,0.59)), color-stop(100%, rgba(255,255,255,0.59)));
	background: -webkit-linear-gradient(top, rgba(0,126,145,1) 0%, rgba(173,214,220,0.59) 68%, rgba(255,255,255,0.59) 100%);
	background: -o-linear-gradient(top, rgba(0,126,145,1) 0%, rgba(173,214,220,0.59) 68%, rgba(255,255,255,0.59) 100%);
	background: -ms-linear-gradient(top, rgba(0,126,145,1) 0%, rgba(173,214,220,0.59) 68%, rgba(255,255,255,0.59) 100%);
	background: linear-gradient(to bottom, rgba(0,126,145,1) 0%, rgba(173,214,220,0.59) 68%, rgba(255,255,255,0.59) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007e91', endColorstr='#ffffff', GradientType=0 );
}
.contact-num:before{content:"";background: url('../img/general/contact/contactAddressBg.png');position: absolute;left: 0;top: -25px;width: 150px;height: 56px;}
.contact-num > .title {
	position: relative;
	margin: 0;
	padding: 0 0 0 75px;
}
.contact-num > .title > .bg {
	display: block;
	position: absolute;
	top: -5px;
	left: -10px;
	width: 90px;
	height: 90px;
	background: url("../img/general/contact/contactus_icons.png") no-repeat scroll -90px 0 transparent;
}
.contact-num > .title > div {
	display: block;
	margin: 2px 0;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.15);
	direction: ltr;
	font: 20px/40px courier;
	color: #ffffff;
}
.contact-num > .title2 {
	position: relative;
	margin: 40px 0 0;
	padding: 0 0 0 75px;
}
.contact-num > .title2 > .bg {
	display: block;
	position: absolute;
	top: -24px;
	left: -10px;
	width: 90px;
	height: 90px;
	background: url("../img/general/contact/contactus_icons.png") no-repeat scroll -180px 0 transparent;
}
.contact-num > .title2 > div {
	display: block;
	margin: 2px 0;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.15);
	direction: ltr;
	font: 20px/40px courier;
	color: #025369;
}
.contact-num > .title3 {
	position: relative;
	margin: 40px 0 0;
	padding: 0 0 0 75px;
}
.contact-num > .title3 > .bg {
	display: block;
	position: absolute;
	top: -10px;
	left: -10px;
	width: 90px;
	height: 90px;
	background: url("../img/general/contact/contactus_icons.png") no-repeat scroll 0 -90px transparent;
}
.contact-num > .title3 > div {
	display: block;
	float: left;
	direction: ltr;
	font: 18px/61px arial;
	color: #025369;
}
.contact-num > .title3>div.socialNetwork {float: left;}
.contact-num > .title3>div.socialNetwork > a {
	display: block;
	float: left;
	width: 61px;
	height: 61px;
	margin: 0 0 0 10px;
/*	background: url("../img/general/contactus_icons.png") no-repeat scroll 0 0 transparent;*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
	filter: alpha(opacity=100); /* IE 5-7 */
	-moz-opacity: 1; /* Netscape */
	-khtml-opacity: 1; /* Safari 1.x */
	opacity: 1; /* Good browsers */
}
.contact-num > .title3 > a.viber     { background-position: -105px -105px; }
.contact-num > .title3 > a.telegram  { background-position: -195px -105px; }
.contact-num > .title3 > a.instagram { background-position: -15px  -195px; }
.contact-num > .title3 > a.line      { background-position: -105px -195px; }
.contact-num > .title3 > a.whatsup   { background-position: -195px -195px; }
.contact-num > .title3 > a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
	filter: alpha(opacity=50); /* IE 5-7 */
	-moz-opacity: 0.5; /* Netscape */
	-khtml-opacity: 0.5; /* Safari 1.x */
	opacity: 0.5; /* Good browsers */
}

.contact-social {
	padding: 40px 0 0;
}
.contact-social > .socialTitle1 {
	position: relative;
	margin: 0;
	padding: 0 45px 0 0;
	background: none repeat scroll 0 0 #068296;
}
.contact-social > .socialTitle1 > .bg {
	display: block;
	position: absolute;
	top: -5px;
	right: 0;
	width: 39px;
	height: 39px;
	background: url("../img/general/contact/contactus_icons.png") no-repeat scroll -117px -387px transparent;
}
.contact-social > .socialTitle1 > div {
	display: block;
	font: 13px/27px Yekan,Tahoma,Geneva,sans-serif;
	color: #ffffff;
}

.contact-social > .socialTitle2 {
	margin: 2px 0 0;
	padding: 20px 0;
	background: rgba(123,189,199,1);
	background: -moz-linear-gradient(top, rgba(123,189,199,1) 0%, rgba(173,214,220,0.72) 68%, rgba(255,255,255,0.59) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(123,189,199,1)), color-stop(68%, rgba(173,214,220,0.72)), color-stop(100%, rgba(255,255,255,0.59)));
	background: -webkit-linear-gradient(top, rgba(123,189,199,1) 0%, rgba(173,214,220,0.72) 68%, rgba(255,255,255,0.59) 100%);
	background: -o-linear-gradient(top, rgba(123,189,199,1) 0%, rgba(173,214,220,0.72) 68%, rgba(255,255,255,0.59) 100%);
	background: -ms-linear-gradient(top, rgba(123,189,199,1) 0%, rgba(173,214,220,0.72) 68%, rgba(255,255,255,0.59) 100%);
	background: linear-gradient(to bottom, rgba(123,189,199,1) 0%, rgba(173,214,220,0.72) 68%, rgba(255,255,255,0.59) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bbdc7', endColorstr='#ffffff', GradientType=0 );
}
.contact-social > .socialTitle2 > div {
	display: table;
	margin: 0 auto;
}
.contact-social > .socialTitle2 > div>div{float: left;}
.contact-social > .socialTitle2 > div>div > a {
	display: block;
	float: left;
	width: 90px;
	height: 90px;
	margin: 0 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
	filter: alpha(opacity=100); /* IE 5-7 */
	-moz-opacity: 1; /* Netscape */
	-khtml-opacity: 1; /* Safari 1.x */
	opacity: 1; /* Good browsers */
}

.contact-social > .socialTitle2 > div >div a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
	filter: alpha(opacity=50); /* IE 5-7 */
	-moz-opacity: 0.5; /* Netscape */
	-khtml-opacity: 0.5; /* Safari 1.x */
	opacity: 0.5; /* Good browsers */
}

/* ============     COLUMN  LEFT     ============ */
.contact-left {
	float: left;
	position: relative;
	width: 370px;
}
.contact-map {
	padding: 120px 0 0;
}

.contact-map > .bg {
	display: block;
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
	height: 120px;
	background: url("../img/general/contact/contactus_maps.png") no-repeat scroll 0 0 transparent;
}
#googleMap {
	width: 370px;
	height: 600px;
}
.rtl .gm-style .gm-style-iw {
	font: 13px/27px Yekan,Tahoma,Geneva,sans-serif;
	color: #272727;
}
.rtl .gm-style-iw + div {
	top: 20px !important;
	right: auto !important;
	left: 12px;
}

/* ============    COLUMN  CENTER    ============ */
.contact-center {
	position: relative;
	height: 38px;
	margin: 70px 0 0;
	background: none repeat scroll 0 0 #f2f2f2;
	text-align: center;
	line-height: 42px;
	
}
.contact-center > span {
	display: block;
	position: absolute;
	top: -4px;
	left: 5px;
}
.contact-center > span > a {
	display: block;
	float: left;
	width: 30px;
	height: 31px;
	margin: 0 2px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
	filter: alpha(opacity=100); /* IE 5-7 */
	-moz-opacity: 1; /* Netscape */
	-khtml-opacity: 1; /* Safari 1.x */
	opacity: 1; /* Good browsers */
}
            { background-position: -210px -480px; }
.contact-center > span > a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
	filter: alpha(opacity=50); /* IE 5-7 */
	-moz-opacity: 0.5; /* Netscape */
	-khtml-opacity: 0.5; /* Safari 1.x */
	opacity: 0.5; /* Good browsers */
}
.contact-center .email{
	display: inline-table;
	text-align: left;
	padding-left: 15px;
	position: relative;
	padding-left: 113px;
	color: blue;
	font-family: times new roman;
	font-size: 26px;
}
.contact-center .email:before{content:"";background: url("../img/general/contact/contactus_icons.png") no-repeat scroll 0 -560px transparent;width: 108px;height: 43px;display: inline-table;position: absolute;left: -23px;top: -6px;}

.contact-center .email > a:hover {
	color: #000000;
}
legend#contact-labal {
	margin: 20px 0;
	font-size: 25px;
	background-color: #e8f3f5;
	padding: 10px 33px;
}

/* ------------------------------------------------------------------------------------------ */
/* -------------------------------                            ------------------------------- */
/* ------------------------                    END                   ------------------------ */
/* -------------------------------                            ------------------------------- */
/* ------------------------------------------------------------------------------------------ */