/*

Author:Ahmad Naser

*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; padding: 0; margin: 0; }
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td { }
body { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; background: #cbc9c2; padding-bottom: 50px; font-size: 12px; }
a { text-decoration: none; }
ul,
li { list-style: none; }
img,
fieldset { border: none; }
.hide { position: absolute; left: -9999px; }
/*-----------------------------------------------wrapper*/

#wrapper { width: 96%; max-width: 968px; margin: 0 auto; }
/*------------------------------------------------header*/

#header { /*width:920px;*/
width: 96%; padding: 20px 2% 0px 2%; /*padding:20px 24px 0 24px;*/

height: 109px; overflow: hidden; }
#tel { float: right; font-size: 30px; font-weight: bold; }
#logo { float: left; width: 300px; height: 109px; }
#logo h1 { width: 354px; height: 86px; padding-bottom: 23px; }
#logo h1 a { display: block; float: left; background: url(images/logo.jpg) no-repeat; width: 354px; height: 86px }
#logo h2 { width: 354px; height: 86px; padding-bottom: 23px; }
#logo h2 a { display: block; float: left; background: url(images/logo.jpg) no-repeat; width: 354px; height: 86px }
#headerght { float: right; }
#headerght em { font-size: 16px; display: block; color: #104981; padding: 11px 0 10px 0; }
#headerform { overflow: hidden; padding: 4px 0 0 97px; float: left; }
#headerform input { width: 181px; height: 20px; background: #fff; border: 1px solid #cfcfcf; float: left; padding: 0 5px 2px 5px; display: block; line-height: 22px; }
#headerform .button { background: url(images/search.jpg) no-repeat; width: 19px; height: 19px; display: block; cursor: pointer; border: none; margin: 3px 0 0 6px; }
/*-------------------------------------------------menu*/

#menu_area { width: 100%; }
#menubg,
#menulft,
#menurght { height: 46px; display: block; }
#menubg { background: url(images/menu_bg.jpg) repeat-x; }
#menulft { background: url(images/menu_lft.jpg) no-repeat left top; }
#menurght { background: url(images/menu_rght.jpg) no-repeat right top; }
#nav { width: 96%; padding: 2px 2% 1px 2%; height: 43px;/*45*/ position: relative; z-index: 500; }
#nav ul.menu { float: left; }
#nav ul.menu > li { float: left; padding: 0; background: url(images/bar.jpg) no-repeat right center; position: relative; }
#nav ul .aboutmenu { background: none; }
#nav ul.menu > li > a { display: block; font-size: 13px; height: 42px; line-height: 42px; color: #fff; padding: 0 17px; }
#nav p { width: 200px; float: right; font-size: 15px; color: #fff; padding-top: 13px; }
#nav .menu > li a { text-transform: uppercase; }
#nav ul.menu li ul.sub-menu { visibility:hidden; position: absolute; z-index: 500; background: #333; width: 200px; opacity:0; }
#nav ul.menu > li:hover ul.sub-menu { visibility:visible; opacity:1; }
#nav ul.menu li ul.sub-menu > li { display: block; margin: 0; background: url(images/menu_bg.jpg) repeat-x; background-size: contain; }
#nav ul.menu li ul.sub-menu > li > a { display: block; padding: 10px; color: #FFF !important; }
#nav ul.menu li ul.sub-menu > li > a:hover { padding-left:12px; }

#nav ul.menu li ul.sub-menu,
#nav ul.menu li ul.sub-menu > li > a {
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease; }


/*------------------------------------------------banner*/

#banner { width: 100%; position: relative; padding-bottom: 12px; overflow:hidden; }
.bannerpart { width: 100%; }
.bannerpart img	{ max-width:100%; }
#banner img { width: 100%; height: auto; max-width: 100%; }
.request_posi { width: 164px; height: 164px; position: absolute; left: 33px; top: 117px; z-index: 100; }
.request_posi a { background: url(images/request.png) no-repeat; width: 164px; height: 164px; display: block; }
/*--------------------------------------------maincontent*/

#maincontent { width: 100%; padding: 8px 0 35px 0; background: #fff; }
#content_top { overflow: hidden; padding: 0 0 23px; }
.modular { float: left; min-height: 200px; background: url(images/reapet.jpg) repeat; padding: 16px 19px 30px 19px; color: #fff; box-sizing:border-box; }
.home .modular	{ width:32.5%; margin-left:0.6%; box-sizing:border-box; }
.textwidget:after { content:"."; display:block; height:0; clear:both; zoom:1; visibility:hidden; }
.modular h2 { font-size: 26px; color: #fff; font-weight: normal; }
.modularcont { overflow: hidden; padding-top: 20px; }
.modularcont img { border: 5px solid #fff; float: right; margin: 0 0 7px 15px; }
.modularcont p { font-size: 13px; color: #fff; }
.modularcont p a { color: #fff; text-decoration: underline; }
.modularcont p a:hover { text-decoration: none; }
hr.wp-block-separator { border-top: none; border-bottom: 1px solid #cbc9c2; margin: 25px 0 30px; }
/*---------------------------------start cont_middle*/

#cont_middle { width: 100%; padding: 0 0 0 2%; overflow: hidden; box-sizing:border-box; }
#equipment { width: 318px; float: left; }
.home #equipment { width: 66%; }
#equipment h2 { font-size: 24px; color: #0c3d74; font-weight: normal; padding-bottom: 14px; }
#equipment p { font-size: 12px; color: #333333; line-height: 18px; padding: 0 25px 22px 0; }
#products { width: 336px; float: left; }
#products h2 { font-size: 24px; color: #434343; font-weight: normal; width: 100%; padding-bottom: 14px; }
#products ul { padding-left: 23px; width: 225px; }
#products ul li { width: 213px; padding: 10px 0 10px 12px; background: url(images/deshed.jpg) repeat-x bottom; }
#products ul .custom { background: none; }
#products ul li a { font-size: 12px; color: #333333; }
#products p { font-size: 12px; color: #333333; float: right; margin: 35px 85px 0 0; }
#products p a { font-size: 12px; color: #333333; }
#represent { width: 289px; float: right; }
.home #represent { width: 30%; }
.home #represent .sociallink { width: 100%; }
#represent h2 { font-size: 24px; color: #434343; font-weight: normal; padding-bottom: 14px; }
.sociallink { width: 266px; overflow: hidden; clear: both; }
.sociallink a { float: left; margin-right: 16px; height: 100px; }
#content a,
#maincontent a.visited { color: #13568D; }
/*------------------------------------------------footer*/

#footer { width: 100%; }
#footer_bg,
#footer_lft,
#footer_rght { height: 64px; display: block; }
#footer_bg { background: url(images/footer_bg.jpg) repeat-x; }
#footer_lft { background: url(images/footer_lft.jpg) no-repeat left top; }
#footer_rght { background: url(images/footer_rght.jpg) no-repeat right top; }
#mainfooter { width: 96%; padding: 14px 2% 0 2%; height: auto; overflow: hidden; }
#footerlft { float: left; overflow: hidden; }
#footerlft h2 { width: 204px; float: left; }
#footerlft h2 a { background: url(images/sublogo.jpg) no-repeat; width: 168px; height: 37px; display: block; }
#footerlft p { font-size: 12px; color: #cccccc; padding-top: 5px; width: 137px; float: left; }
#mainfooter strong { color: #cccccc; font-size: 12px; display: block; float: right; font-weight: normal; padding-top: 11px; }
/*-----------------------------------------start sub_page*/

#content { width: 60%; float: left; padding: 26px 0 0 0; }
#content h1 { font-size: 24px; color: #0c3d74; font-weight: normal; padding-bottom: 14px; }
#content h2 { font-size: 24px; color: #0c3d74; font-weight: normal; padding-bottom: 14px; }
#content p { font-size: 12px; color: #333333; line-height: 18px; padding: 0 10px 17px 0; }
#sidebar { width: 33%; float: right; padding: 0 6px 0 0; }
#sidebar2 { width: 300px; float: left; padding: 26px 6px 0 6px; }
#sidebar .modular h2 { font-size: 26px; }
#sidebar .modular img { border: none; }
#sidebar .modular { margin-bottom: 7px; }
#sidebar #represent { padding-top: 20px; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { display: inline; }
img.alignleft { display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* Catlog Classes */

.homecatlog { padding: 10px 10px 10px 10px; width: 150px; min-height: 150px; margin: 0 20px 20px 0; float: left }
ul.level1 { width: 280px; padding-top: 5px; list-style: square inside url("images/pointer_blue.gif"); }
ul.level1 li,
ul.level2 li { padding-bottom: 3px; list-style: square inside url("images/pointer_blue.gif"); }
ul.level2 { padding-left: 18px; list-style: square inside url("images/pointer_blue.gif"); }
div.catleft { float: left; width: 100%; margin-bottom: 10px; }
img.catright { float: right; padding-left: 20px; min-width: 250px }
table.itemtable { width: 100%; border-collapse: collapse; }
table.itemtable td { padding: 3px; }
.itemtablehead { background-color: #CCCCCC; font-weight: bold; }
.itemtablerow1 { background-color: #FFFF99; }
.itemtablerow2 { background-color: #FFFFFF; }
#content ul,
#content li { list-style: disc; }
#content ul { margin-left: 30px; margin-bottom: 20px }
#content blockquote { margin-left: 30px }
.style1,
.style2,
.style3 { font-size: 14; font-weight: bold; }
#mobile-logo { display: none; }

/* Blog */
#blog-sidebar						{ float:right; width:32%; }
#blog-sidebar .blog-widget			{ clear:both; margin-bottom:20px; }
#blog-sidebar .widgettitle			{ display:block; font-size:20px; font-weight:bold; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #ccc; }
#blog-sidebar .blog-widget ul		{ display:block; list-style:none; margin-left:8px; }
#blog-sidebar .blog-widget ul li	{ display:block; margin: 0 0 5px; }
#blog-sidebar .blog-widget li a		{ color:#13568D; }

@media screen and (max-width: 767px) {
#blog-sidebar						{ float:none; width:100%; }
/* #mobile-logo { display: block!important; width: 100%; height: auto; } */
#mobile-logo { display: none; }
#mobile-logo img { width: 100%; }
#headerform { padding: 0px!important; }
#tel { width: 100%; }
#rotator { max-width: 100%!important; height: auto!important; }
/* #logo { display: none; } */
#header { height: auto!important; }
.request_posi	{ display:none; }
#menu_area { display: none; }
.modular { width: 100%!important; }
.modularcont { width: 100%!important; height: auto; }
#equipment,
#products,
#represent { width: 100% !important; float: left; }
#mainfooter { background-image: none!important; background-color: #000; }
#content	{ width:100%; float:none; }
#sidebar	{ width:100%; float:none; margin-top:30px; }
}