@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);



@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);



body {



	/*font-family: 'Droid Arabic Kufi', serif;*/



	font-family: 'Roboto Condensed', sans-serif;



	background: #fff;



	color: #6f6f6f;



	font-size: 16px;



	font-weight: 400;



	animation: fadein 2s;



	-moz-animation: fadein 2s; /* Firefox */



	-webkit-animation: fadein 2s; /* Safari and Chrome */



	-o-animation: fadein 2s; /* Opera */



	box-sizing: border-box;



	-moz-box-sizing: border-box;



	-webkit-box-sizing: border-box;



}



 @keyframes fadein {



 from {



 opacity:0;



}



to {



	opacity: 1;



}



}



 @-moz-keyframes fadein { /* Firefox */



 from {



 opacity:0;



}



to {



	opacity: 1;



}



}



 @-webkit-keyframes fadein { /* Safari and Chrome */



 from {



 opacity:0;



}



to {



	opacity: 1;



}



}



 @-o-keyframes fadein { /* Opera */



 from {



 opacity:0;



}



to {



	opacity: 1;



}



}



.clearfix:after, .main_header:after {



	content: '';



	display: block;



	overflow: hidden;



	visibility: hidden;



	height: 0;



	width: 0;



	clear: both;



}



.clearfix {



	zoom: 1;



}

.highslide-thumbstrip-inner .side, .highslide-thumbstrip-inner img {
    width: 70px !important;
    height: 40px;
    margin: 0;
    float: none;
}
a.side {
	float: right;
}

img.side {



	width: 300px;



	height: auto;



	float: right;



	margin: 0 0 15px 20px;



	border: 4px solid #e4e4e4;



}



img.side_left {



	width: 300px;



	height: auto;



	float: left;



	margin: 0 20px 15px 0;



	border: 4px solid #e4e4e4;



}
a.side_left.thumbnail.highslide {
    float: left;
}


img.img_full_width {



    width: 100%;



    height: auto;



}



.full_width {



	display: block;



	width: 70%;



	margin: 0 auto 20px;



	border: 4px solid #f1f1f1;



}



.img_link {



	border: 2px solid #ccc;



    margin-right: 10px;



    height: 140px;



    width: auto;



}



.section_tow em {



    display: inline-block;



    width: 100%;



    border-left: 5px solid #f4c122;



    padding: 15px;



    background: #f7f7f7;



    line-height: 22px;



    font-size: 18px;



}



.section_tow a {



	color: #f4c122;



}



.main_slider, .section_one, .section_three, .blog-featured img {



	display: none;



}



body.home .main_slider, body.home .section_one, body.home .section_three {



	display: block;



}







.main_header {



	display: block;



	width: 100%;



	min-height: 340px;



	background: url(../images/header_bg.jpg) center 25% no-repeat;



    background-size: cover;



}



body.home .main_header {



	margin-bottom: 120px;



}



.tp-caption.style, .style {



	font-size: 80px !important;



	font-weight: 400;



	text-transform: uppercase;



    font-family: 'Roboto Condensed', sans-serif !important;



}



.logo_menu {



    display: block;



    position: fixed;



    top: 0;



    width: 100%;



    text-align: center;



    z-index: 100;



    padding-top: 50px;


	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}



.logo img, .section_five img {



	width: auto;



	height: 150px;


	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}



.top_menu {

	padding-top: 40px;

	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}
.top-nav-collapse {
    padding: 4px 0;
    background: rgba(0,0,0,0.7);
	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}
.logo {
	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}
.top-nav-collapse .logo {
    display: none;
	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}
.top-nav-collapse .logo img {
    width: auto;
    height: 70px;
	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}
.top-nav-collapse .top_menu {
    padding: 0;
	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}
.nav>li>a {
    padding: 8px 14px;
	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}
.top_menu .nav {



	float: none;



}



/*menu*/



.top_menu .navbar-collapse.collapse {



	padding: 0;



}



.top_menu ul ul li.parent > a {



	background: url(../images/arow_menu.png) right 13px no-repeat !important;



}



.top_menu ul li ul {



	background: #fff;



	min-width: 200px;



	display: block;



	opacity: 0;



	border-radius: 3px;



	position: absolute;



	visibility: hidden;



	text-align: left;



	border-bottom: 3px solid #f4c122;



	top: 55px;



	left: 0;



	margin: 0 2px 0 0;



	padding: 0;



	z-index: 1000;



	-webkit-transition: all 0.3s ease 0.1s;



	-moz-transition: all 0.3s ease 0.1s;



	-ms-transition: all 0.3s ease 0.1s;



	-o-transition: all 0.3s ease 0.1s;



	transition: all 0.3s ease 0.1s;



    box-shadow: 0 0 10px -2px rgba(0,0,0,0.5);



}



.top_menu ul li ul:before {



	color: #fff;



	background: url(../images/menu_li_bg.png) 0 0 no-repeat;



	content: "";



	height: 12px;



	width: 17px;



	position: absolute;



	top: -8px;



	left: 15px;



}



.top_menu ul li:hover > ul {



	opacity: 1;



	visibility: visible;



	-webkit-transition: all 0.3s ease 0.1s;



	-moz-transition: all 0.3s ease 0.1s;



	-ms-transition: all 0.3s ease 0.1s;



	-o-transition: all 0.3s ease 0.1s;



	transition: all 0.3s ease 0.1s;



}



.top_menu ul li ul ul {



	top: 5px;



	left: 202px;



}



.top_menu ul li ul ul ul ul {



	top: 5px;



	left: auto;



	right: 212px;



}



.top_menu ul li ul ul:before {



	background: none;



}



.top_menu ul li ul li {



	position: relative;



	list-style: none;



	float: none;



	border-bottom: 1px dotted #ccc;



}



.top_menu ul li ul li a {



	display: block;



	background: none;



	font-size: 12px;



	text-decoration: none;



	color: #848383 !important;



	padding: 6px 10px;



}



.top_menu ul li ul li a:hover, .top_menu ul li ul li.active > a, .top_menu ul li ul li.parent:hover > a {



	color: #f4c122 !important;



	background: none;



}



.section_one {



	padding: 50px;



	text-align: center;



	background: url(../images/bg_01.jpg) center center no-repeat fixed;



	background-size: cover;



}



.section_one p {



    font-size: 30px;



    color: #fff;



    font-weight: 300;



    line-height: 46px;



    margin-bottom: 70px;



}



.section_tow {



	display: block;



	padding: 50px 0;



}



.section_three {



	padding: 50px 0 80px;



	border-top: 2px solid #e4e4e4;



}



#jmnewspro-93 .bx-controls, #jmnewspro-93 .bx-controls .bx-pager {



    width: 100%;



    display: flex;



}



#jmnewspro-93 .bx-controls {



    bottom: -40px !important;



}



.section_four {



	padding: 50px 0;



	background:#262626;



}



.acymailing_module_form .acymailing_introtext {



    color: #848383;



    text-align: center;



    margin-bottom: 40px !important;



}



.section_four table.acymailing_form {



    width: 100%;



    text-align: center;



    position: relative;



}



.section_four input.inputbox {



    width: 50% !important;



    background: none;



    border: 2px solid #ddaa23;



    padding: 10px 15px;



    color: #ddaa23;



    height: 54px;



}



.section_four input.button  {



    background: url(../images/mail_bg.png) center center no-repeat !important;



    width: 40px;



    height: 54px;



    border: none;



    text-indent: 200px;



    position: absolute;



    top: 0px;



    right: 24.5%;



}



.section_five {



	padding: 50px 0;



	background: #2c2c2c;



	text-align: center;



}



.section_five img {



	margin-bottom: 20px;



}



.section_five p {



	color: #646363;



    font-size: 16px;



    line-height: 20px;



}



.section_sex {



	padding: 0;



	background: #ebebeb;



	color: #2c2c2c;



}



.section_seven {



	padding: 15px 0;



	background: #2c2c2c;



}



.section_seven p {



	margin-bottom: 0;



	font-size: 14px;



	color: #fff;



}



.section_seven p strong, .section_seven li strong  {



	font-weight: 400;



	color: #ddaa23;



}



.section_seven .giga {



	text-align: right;



}



.section_seven .giga a {



	color: #ddaa23;



}



body.our-clients .item-page img {



    margin: 15px 10px;



    border: 2px solid #f2f2f2;



    box-shadow: 0 0 10px -2px rgba(0,0,0,0.2);



}



.section_tow ul, .section_tow ol {



	padding-left: 15px;



}



.section_tow li {



	list-style: none;



	padding-left: 15px;



	line-height: 28px;



	background: url(../images/li_bg_content.png) 0 10px no-repeat;



}



.blog .items-leading, .blog .row-fluid {



	width: 30%;



	margin: 0 1%;



	float: left;



	margin-bottom: 30px;



    border: 6px solid #e4e4e4;



    padding: 20px;



    position: relative;



}



.blog .items-leading h4, .blog .row-fluid h4 {



	display: none;



}



.blog .items-leading .col-md-6, .blog .row-fluid .col-md-6 {



	width: 100%;



	padding: 0;



	position: inherit !important;



}



.blog h2 a {



    display: inline-block;



	white-space: nowrap;



	overflow: hidden;



	text-overflow: ellipsis;



	max-width: 270px;



    color: #ddaa23;



    font-size: 22px;



    text-transform: capitalize;



    font-weight: 400;



    text-align: center;



    border-bottom: 1px solid #ddaa23;



    padding:0 4px 10px;



    margin-bottom: 20px;



    -webkit-transition: all 0.3s ease 0.1s;



    -moz-transition: all 0.3s ease 0.1s;



    -ms-transition: all 0.3s ease 0.1s;



    -o-transition: all 0.3s ease 0.1s;



    transition: all 0.3s ease 0.1s;



}



.blog h2 a:hover {



    color: #262626;



    text-decoration: none;



    border-bottom: 1px solid #262626;



    -webkit-transition: all 0.3s ease 0.1s;



    -moz-transition: all 0.3s ease 0.1s;



    -ms-transition: all 0.3s ease 0.1s;



    -o-transition: all 0.3s ease 0.1s;



    transition: all 0.3s ease 0.1s;



}



.blog .items-leading p.readmore a, .blog .row-fluid p.readmore a{



    color: #fff;



    padding: 10px 40px;



    margin:10px 0 0 0;



    font-size: 18px;



    background: #ddaa23;



    text-align: center;



    display: block;



    text-transform: uppercase;



    font-weight: 400;



    -webkit-transition: all 0.3s ease 0.1s;



    -moz-transition: all 0.3s ease 0.1s;



    -ms-transition: all 0.3s ease 0.1s;



    -o-transition: all 0.3s ease 0.1s;



    transition: all 0.3s ease 0.1s;



}



.blog .items-leading p.readmore a:hover, .blog .row-fluid p.readmore a:hover {



    background: #262626;



    color: #fff;



    text-decoration: none;



    -webkit-transition: all 0.3s ease 0.1s;



    -moz-transition: all 0.3s ease 0.1s;



    -ms-transition: all 0.3s ease 0.1s;



    -o-transition: all 0.3s ease 0.1s;



    transition: all 0.3s ease 0.1s;



}



.blog .items-leading p, .blog .row-fluid p {



	margin: 0;



	font-size: 16px;



	color: #8f8e8e;



	line-height: 26px;



}



.blog .items-leading .thumbnail, .blog .row-fluid .thumbnail {



	padding: 0;



	margin: 0;



	line-height: 0;



	border: none;



}



.blog .items-leading h2, .blog .row-fluid h2 {



	border: none;



	padding: 0;



	font-weight: 400;



	background: none;



	margin: 0;



	line-height: 26px;



	text-align: center;



}



.blog .items-leading img, .blog .row-fluid img {



	margin-bottom: 10px;



	padding: 0;



	height: auto;



	width: 100%;



	border: none;



	border-bottom: 2px solid #ddaa23;



	box-shadow: none !important;



	-webkit-transition: all 1s ease;



	-moz-transition: all 1s ease;



	-o-transition: all 1s ease;



	-ms-transition: all 1s ease;



	transition: all 1s ease;



}



.blog .items-leading a.side, .blog .row-fluid a.side {



	box-shadow: none;



	width: 100%;



}



.blog .items-leading:hover img, .blog .row-fluid:hover img {



	transform: rotateY(180deg);



	-webkit-filter: grayscale(100%);



}



table.table_style {



	width: 100%;



	margin-bottom: 20px;



	border-top: 1px solid #e4e4e4;



	border-left: 1px solid #e4e4e4;



}



table.table_style td {



	padding: 10px;



	border-bottom: 3px solid #e4e4e4;



	border-right: 1px solid #e4e4e4;



}



tr.table_title {



    background: #f1f1f1;



    text-align: center;



}



table .table_center {



	text-align: center;



}



table .table_center img {



    border: 2px solid #f1f1f1;



    height: 40px;



    width: 60px;



}



.pane-sliders h3 {



    background: #f7f7f7;



    text-align: left;



    padding: 0;



    line-height: 24px;



    border-left: 4px solid #c7c7c7;



    margin: 0;



    border-radius: 5px;



}



.pane-sliders h3 a {



    font-size: 16px;



    color: #7d7d7d;



    text-decoration: none;



    padding: 10px 15px;



    display: block;



    text-transform: none;



}



.pane-down {



    border: none !important;



    padding: 10px 20px !important;



}



.video_style {



	margin-bottom: 30px;



}



.video_style p {



	margin: 6px 0;



	text-align: center;



}



.video_style a {



    display: inline-block;



    width: 100%;



    padding: 10px;



    color: #fff;



    background: #f4c122;



    text-align: center;



    text-transform: uppercase;



    font-size: 16px;



    border-radius: 50%;



    text-decoration: none;



    text-shadow: 1px 1px 0 #262626;



	-webkit-transition: all 1s ease;



	-moz-transition: all 1s ease;



	-o-transition: all 1s ease;



	-ms-transition: all 1s ease;



	transition: all 1s ease;



}



.video_style a:hover {



    background: #262626;



	-webkit-transition: all 1s ease;



	-moz-transition: all 1s ease;



	-o-transition: all 1s ease;



	-ms-transition: all 1s ease;



	transition: all 1s ease;



}



.rsform {



    padding: 20px;



    margin-bottom: 40px;



    background: #f1f1f1;



}



.rsform h2 {



    background: #f4c122;



    padding: 15px;



    font-size: 20px;



    margin: 0 0 10px 0;



    color: #fff;



}



/* gototop */



#gototop {



	background: url(../images/go-to-top.png) no-repeat scroll center center #fff;



	border-radius: 0;



	bottom: 40px !important;



	height: 42px;



	padding: 0 !important;



	right: 30px !important;



	width: 42px;



	border: 1px solid #ddaa23 !important;



}



#gototop:hover {



	background: url(../images/go-to-top.png) no-repeat scroll center center #fff;



	opacity: 0.7 !important;



}







/* media*/







 @media (max-width:767px) {



 .logo img, .section_five img {



    width: auto;



    height: 90px;



}



.top_menu {



	padding: 0;



	background: rgba(0,0,0,0.7);



    position: relative;



    top: -100px;



}



.nav>li {



    display: block;



    text-align: center;



}



.logo_menu .nav {



    overflow: hidden;



}



.logo_menu ul li:hover > ul {



    width: 100%;



    position: relative;



    top: 0;



    left: 0;



    margin: 0;



}



.logo_menu ul li ul ul {



    top: 0;



    left: 0;



}



.tp-caption.style, .style {



	font-size: 30px !important;



	text-align: center;



}



.section_one {



	padding: 50px 0;



}



.section_one p {



    font-size: 22px;



    line-height: 40px;



}



.section_four h3 {



	font-size: 40px;



}



.section_four input.inputbox {



    width: 100% !important;



}



.section_four input.button {



	right: 0;



}



.section_seven, .section_seven .giga {



    text-align: center !important;



}



table.table_style td {



    display: block;



}



.contact_us_form, .video_style {



	padding: 0;



}



.rsform {



    padding: 10px 10px 2px;



}



.full_width, img.side, img.side_left {



	width: 100%;



    float: none;



    margin: 0;



}



body.our-clients .item-page img {



    margin: 10px 0px;



    width: 100%;



}



.blog .items-leading, .blog .row-fluid {



    width: 100%;



    margin: 0 0 20px 0;



}



h3, h2 {



    font-size: 28px;



}



.blog h2 a {



	max-width: 100%;



}



.img_link {



    margin: 0 5px 5px 0;



}



}



 @media only screen and (max-width: 375px) {







}



