@font-face {
 font-family:phagspa;
 src:url(fonts/phagspa.woff);
}
@font-face {
 font-family:phagspab;
 src:url(fonts/phagspab.woff);
}
.scrollup {
margin-bottom:4px !important;
width:100%!important;
max-width:100%!important;
overflow:hidden;
margin:0 0 14px 0;
text-align:center;
}
#scrollup {
margin-bottom:14px !important;
text-align:center;
position:static;
}
.topmidbar {
    top:0px;
	margin:0;
	height:26px;
	margin-top:6px;
	color:#348d04;
	color:#487d21;
	position:absolute;
	width:100%;
	text-align:center;
	left:0px;
	
    
}
.topmidbar a {
color:#348d04;
color:#487d21;
text-decoration:none;
font-size:15px;
letter-spacing:0px;

}
.bottitle{
position:absolute;
z-index:2147483648;
width:100%;
text-align:center;
top:0px;
}
.botcases {
white-space:normal !important;
margin-top:84px;
}
.mayortext {
margin-top:2px;
}
.topleftbar {
     position:absolute;
    direction:rtl;
    float:left;
	white-space:nowrap;
	max-height:20%;
	top:-4px;
	margin:0;
	margin-top:0px;
	text-align:left;
	left:0px;
    margin-left:0;
}
	

.topslg {
float:right;
direction:rtl;
letter-spacing:9px;
font-size:22px;
font-style:normal;
font-weight:700;
text-align:center;
margin-top:16px;

}
.topslgsub {
letter-spacing:0px;
color:#8d62b2;
color:#857a9c;
color:#504d54;
font-style:italic;
font-size:18px;
font-weight:200;
direction:rtl;
margin-top:0px;
letter-spacing:0px;
text-align:center;
padding-left:3px;
}
.phone {
padding-left:4px;
color:#39373c;
color:#7fa83c;
color:#348d04;
margin-left:2px;
margin-top:18px;
text-align:center;
direction:ltr!important;
font-size:16px;
color:#5eab02;
color:#5eab02;
color:#39373c;
letter-spacing:1px;
font-style:normal;
font-weight:400;
font-size:18px;
font-family:segLight;

}
.email {
padding-left:4px;
margin-left:-120px;
margin-top:0px;
color:#487d21;
margin-bottom:6px;

}
.email a {
color:#487d21 !important;
font-weight:700;
font-size:15px;
color:#487d21;


}

.topbar {
background:#1a1613;

}
.topulcont {
text-align:center !important;
width:100%
}
.menubar {
position:absolute ;
width:100%;
z-index:99998;
left:0px;
text-align:center;
background:rgba( 24,24,24,1);
background:#1a1613;

height:56px;
width:100%;
margin:0;
padding:0!important;
vertical-align:middle;
font-size:17px;
line-height:17px;
z-index:99999;
text-align:center!important;
top:72px;


}

.menuitems{
position:relative;
top:0px !important;
list-style-type:none;
direction:ltr;
padding:0;
margin-top:2px;
margin-left:3px;
padding-top:12px;
white-space:nowrap;
text-align:center;
display:inline-block;
z-index:999999;
margin:0 auto;
}
.menuitems:after{
    content: '';
    display: inline-block;
    width: 100%;
}




	
.menuitem,.menuitemsel ,.menuitemseln,.gov, .brandp{
display:inline-block;
margin:0;
min-height:42px;
height:42px;
padding:0px 14px 0px 14px;
background:none;
text-align:center;
position:relative;
display:inline-block;
}
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,100,100italic,300italic,400italic);


.menuitem  a  ,.menuitemsel a,.menuitemseln a, .gov a, .brandp a{
font-size:17px;
font-weight:400;
text-decoration:none;
display: block;
letter-spacing:1px;
margin: 0;
box-sizing: border-box;
color:#ffffff;

min-height:36px;
height:36px;
display: block;
font-family:phagspa;
font-family: 'Droid Serif', 'phagspa';
font-size:17px;
}
.gov a ,.brandp a ,.menuitemseln a{
font-family:phagspa;
font-family: 'Droid Serif', 'phagspa';
font-size:14px;
letter-spacing:0px;

}
.menuitemseln a{
opacity:0.84;
}
.menuitem a:after, .menuitemsel :after, .menuitemseln :after, .gov a:after , .brandp a:after {
	content: '';
	height: 0px;
	width:85%;
    margin: auto;
	margin-bottom:0;
	margin-left:14px;
	margin-right:14px;
	position:absolute;
	bottom:-2px;
	left:50%;
	margin-left:-42%;
	background: transparent;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
	opacity:0;
}
.menuitem a:hover:after ,.gov a:after , .brandp a:after,.gov a:hover:after , .brandp a:hover:after {
    content: '';
    height:2px;
	bottom:8px;
	background: #ecc905;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
	opacity:0.84;
  
}
#home:after{
   bottom:2px;
}

.menuitemsel :after ,.menuitemseln :after{
    content: '';
    height:2px;
	bottom:8px;
	background: #ecc905;
	opacity:0.84;
}
.menuitemseln :after {
    height:0px;
	opacity:0;
	font-family:roboto,phagspa;
    font-size:14px;
	
	}
.menuitemseln{
    font-size:14px;
	font-family:roboto,phagspa;
}
.menuitem a:hover{
font-family:roboto,phagspa;
font-size:17px;
}
.ddcontainer {
position:absolute;
width:100%;
height:800px;
top:126px;
overflow:hidden;
white-space:nowrap;
}
.menuclose {
position:absolute;
top:4px;
right:4px;
width:22px;
height:22px;
z-index:2147483647;
display:none;
}
.alertclose {
position:absolute;
top:4px;
right:4px;
width:22px;
height:22px;
z-index:2147483647;

}
.ddmenu ,.ddmenudown{
width:84%;
position:absolute;
left:50%;
margin-left:-42%;
background:rgba( 12,12,12,0.84);
top:0px;
display:inline-table;
padding:0;
text-align:center;
white-space:nowrap;

z-index:-1;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity:0;
z-index:-1;
overflow:hidden;
box-shadow:0px 5px 7px -4px #484848;
font-family:arial;
webkit-transition: all  ease 1.5s;
   -moz-transition: all  ease 1.5s;
   -o-transition: all  ease 1.5s;
   -ms-transition: all  ease 1.5s;
   transition: all  ease 1.5s;
}
.ddmenudown {
top:0px;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity:1;
z-index:2147483648 !important;
    webkit-transition: opacity ease-out.5s;
  
webkit-transition: all ease .5s;
   -moz-transition: top ease .5s;
   -o-transition: all ease .5s;
   -ms-transition: all ease .5s;
   transition: all ease .5s;
   
overflow:hidden;
}

.ddmenu {
top:-36px;
z-index:99996;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity:0;
z-index:-1;
overflow:hidden;
webkit-transition: all ease .2s;
   -moz-transition: all ease .2s;
   -o-transition: all ease .2s;
   -ms-transition: all ease .2s;
   transition: all ease .2s
  }
.ddmenutitle {
font-size:15px;
color:#844575;
letter-spacing:4px;
margin:0 0 12px 0;
padding:24px;
text-align:center;
height:24px;
max-height:24px;
width:1024px;
position:absolute;
top:1px;
}
.dditem {
position:relative;
text-align:center;
display:inline-block;
width:160px;
margin:24px 40px 16px 40px;
direction:rtl;
top:0px;
overflow:hidden;
}


.dditem a{
display:block;
height:auto;
overflow:hidden;
color:#ffffff;
z-index:2147483648;
text-decoration:none;
font-family:phagspa;
font-size:13px;
margin-top:28px !important;
margin-bottom:24px !important;
color:#ffffff !important;
opacity:0.8;
margin-left:auto;
margin-right:auto;
text-align:center !important;

}
.dditem a img {
width:140px !important;
height:140px;
}


.dditem:after {
	content: '';
	height: 0px;
	width:140px;
    margin: auto;
	margin-left:10px;
	position:absolute;
	bottom:-36px;
	left:0px;
	
	background: transparent;
	background: #ecc905;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
	opacity:1;
	overflow:hidden;
	
}

#autoindust:after {
width:160px;
margin-left:0;
}
.dditem:hover:after  {
    content: '';
    height:2px;
	bottom:14px;
	background: #ecc905;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
  	opacity:1;
	opacity:0.84;
}
.midframe {
position:absolute;
left:0px;
top:127px;
height:547px;
overflow-y:hidden;
width:100%;
z-index:-1;
text-align:center;
display:none;
overflow-x:hidden;

}
.iconsbar {
text-align:center;
position:fixed !important;
width:80px;
top:126px;
top:333px;
left:-60px;
height:120px;
white-space:normal !important;
display:block;
background:transparent;
z-index:99999;
text-align:right;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.iconitem{
position:relative;
left:0px;
width:100px;
height:40px;
display:block;
z-index:2147483648;

background:#121212;
border-bottom:1px solid #484848;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
opacity:0.72;
}
.iocnitem a {
width:100px !important;
height:40px;
display:block;
float:right;
box-sizing: border-box;

}
#fbicon {
border-top:1px solid #484848;
}
.iconitme img {
width:40px;
height:40px;
float:right;

}
.iconitem:hover img {
opacity:1;
}
.iconitem:hover .fblike {
opacity:1;
}
.iconitem:hover {
left:30px;
opacity:1;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.fblike,.fbshare {
display:none;
opacity:1;
margin-top:0px;
max-width:64px;
position:relative;
top:-32px;
left:72px ;
height:40px !important;
background:transparent;
width:64px;
z-index:99990;

}
.fblike a {
height:40px;
width:64px;
}
.fbshare {
background:rgba(240,240,240,1)!important;
min-width:64px;
top:18px;
}
.fblike {
margin-left:0px;
}
@media screen and (max-width: 1000px) {  	

#home {
margin-left:0px;

}
}





#pullmenu {
display:none;
top:1px;
background-color: transparent;
background:url(images/menubtn.png)no-repeat center center;
width:48px;
height:48px;
display:none;
}

  
 

.botdiv {
max-width:33%;
}


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



.bottitle{
position:absolute;
z-index:2147483648;
width:100%;
text-align:center;
top:-8px;
}
.botcases {
white-space:normal !important;
margin-top:48px;
}
.botsub {
width:100%;
text-align:center !important;
}
.caseover {
position:absolute;
z-index:999999;
background:rgba(184,215,126,0.8);
color:#242424;
font-size:16px;
margin:0px;
width:360px;
left:50%;
margin-left:-180px;

height:96px;
bottom:-100px;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
transition: all ease 0.5s;
opacity:0;
white-space:normal!important;
line-height:20px;
vertical-align:middle;
padding:0px;
display:inline-block;
line-height:18px;
text-align:center !important;
width:360px;
left:50%;
margin-left:-180px;
}
#case1:hover .caseover ,#case2:hover .caseover,#case3:hover .caseover{
bottom:0px;
white-space:wrap;
position:absolute;
z-index:99999;
left:50%;
margin-left:-180px;

}
.caseover .text{
padding:0 8px 0 8px;
width:100%;
text-align:center;
}
.scrollup {
margin-bottom:4px !important;
width:100%!important;
max-width:100%!important;
overflow:hidden;
left:0;
text-align:center;
}
.topbar  {
width:100%;
max-width:100%;
}
.toprightbar {
right:2%;
top:8px;
}
.topleftbar {
position:absolute;
left:-30px;
margin-left:0;
}
.logo img{
width:38%;
height:auto;
max-width:38%;
margin:0 auto 0 auto;
padding:0;
}
.logo {

position:absolute;
z-index:2147483648;
	display:inline;
	white-space:nowrap;
    text-align:center;
    left:px !important;
    top:14px;
	margin:0 31% 0 31%;
	

}


.topleftbar {
margin:0;
max-width:100px;
margin-left:0px;
margin-top:0px;
text-align:left !important;


}
 .email{
visibility:visible;
opacity:1;
display:inline;
float:left;
position:absolute;
top:0;
left:0;
margin:8px -8px 8px 0px;
opacity:0.8;
}
.email img {
width:24px;
height:20px;
}
.emailtext {
display:none;
}
.topmidbar {
position:static;
float:right;
margin:1px -8px 8px 0;
opacity:0.8;
}
.topmidbar img {
width:28px;
height:auto;
}




.iconitem {
padding:0;
margin:0;
display:block;

}




.phone {
font-size:90%;
letter-spacing:1px;
max-width:130px !important;
width:124px;
white-space:pre-line !important;
text-align:center;
position:relative;
left:0px;
top:2px;
}

.botdiv {

margin-top:30px;
min-width:100%;
max-width:480px;
width:100%;
text-align:center;
}
.botdiv:after {
height:4px;
width:100%;
display:block;
}





.vidclose {
left:2px;
margin-left:0px;
margin-top:0px;
top:-32px;
z-index:999999;

}

.midframe {
height:auto;
min-height:800px;
overflow-x:hidden;
max-width:100%;
width:100%;
text-align:center;
}
.openabout ,.infowin {
width:100%;
padding:0;
overflow-x:hidden;
height:auto;
min-height:800px;
}
.openabout h2 {
direction:rtl;
text-align:right;
font-family:Gisha;
font-size:19px;
font-weight:normal;
color:#3c6e02;
font-family:sans-serif;
text-align:center;
}
.openabout ul {
direction:rtl;
text-align:right;
width:90%;
margin-top:-16px;
margin-right:-20px;
max-width:90%;
line-height:19px;
overflow-x:hidden;

}
.openabout #ul2 ,#openabout2 ul,#openabout3 ul{
margin-top:-14px;
margin-right:-20px;
max-width:90%;
width:90%;
white-space:wrap;
text-align:right;
overflow-x:hidden;
}
#openabout1,#openabout2,#openabout3 {
text-align:center;
direction:rtl;
margin:0;
padding:0px;
padding-top:0px;
width:100%;
max-width:100%;
left:0px;
overflow-x:hidden;
}
#openabout2 img {
max-width:100%;
height:atuo;
}
#openabout2 ul,#openabout3 ul {
margin-top:24px;
}
#openabout3 ul {
margin-top:2px;
margin-bottom:6px;
}
#openabout3 h2 {
font-size:19px;
white-space:wrap;
line-height:24px;
}
.firstcot {
margin-top:36px;
}
#txtclose, #infoclose{
top:4px;
left:-4px;
z-index:999999;
margin:0;
}
#txtclose img , #infoclose img{
width:24px;
height:auto;
}
#openabout2 .moreinfo  #openabout3 .moreinfo{
width:100%;
position:relative;
left:0;
top:-9px;
text-align:center !important;
}
#openabout3 .moreinfo{
top:-18px;
}
.infowin {
width:100%;
top:8px;
max-width:100%;
text-align:center;

}
.infoifr {
position:relative;
top:24px;
width:94%;
max-width:94%;
overflow:hidden;
}
#infoclose {
position:fixed;
top:8px;
left:-14px;
z-index:999999;
}
#infoclose img {
width:24px;
height:auto;
}
#glrzoom {
z-index:99999;
position:absolute;
width:28px;
left:100%;
margin-left:-32px;
right:0px;
float:right;
top:-28px;
margin-right:2px;
}
#glrzoom img {
height:28px;
width:28px;
}
.vidframe {
text-align:center !important;}

#glrtitle {
position:absolute !important;
font-family:sans-serif;
font-weight:100;
letter-spacing:2px;
margin:0;
padding:0;
direction:rtl;
font-size:18px;
direction:rtl;
color:#478D21;
left:0px !important;
top:-54px !important;
width:100% !important;
z-index:99996;
max-width:100%!important;
text-align:center !important;
}

.tmbcontainer, #vtmbcontainer {
display:none;
}

.iconsbar{

}

.iconitem {

}
.iconitem img {
max-width:28px;
height:auto;
}




#openabout4 {
left:0px;
}
.caseover .text{
top:4px;
}
}