@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
 @import url('https://fonts.googleapis.com/css?family=Oswald');

html{
scrollbar-base-color: #666666;
scrollbar-3dlight-color: #666666;
scrollbar-darkshadow-color: #666666;
scrollbar-highlight-color: #666666;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #666666;
scrollbar-shadow-color: #666666;
scrollbar-dark-shadow-color: #666666;}

::-webkit-scrollbar { width: 18px; height: 18px;}
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track {  background-color: #fff;}
::-webkit-scrollbar-track-piece { background-color: #fff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666;}
::-webkit-scrollbar-corner { background-color: #666;}
::-webkit-resizer { backul li ul li ulground-color: #666;
direction: ltr;
background:url('../images/backs/<?php echo $_SESSION['comp_id']?>/back1.jpg');
}

::-moz-selection {
	background: #111;
  	color:#fff;
  
  }

*{
	font-family:Open Sans Condensed;
-moz-transition: all 0.3s ease 0s;	
-o-transition: all 0.3s ease 0s;	
-ms-transition: all 0.3s ease 0s;	
transition: all 0.3s ease 0s;

-moz-transition: border-left 200ms linear;
-o-transition: border-left 200ms linear;
-ms-transition: border-left 200ms linear;
transition: border-left 200ms linear; 	

-webkit-transition:background .3s ease;
-ms-transition:background .3s ease;
transition:background .3s ease;	
}



img{
-moz-transition: width 100ms linear;
-o-transition: width 100ms linear;
-ms-transition: width 100ms linear;
transition: width 100ms linear;


}



html { 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
}

.product_code{
color:#333;
font-size:16px;
height:25px;
border-top:solid 1px #eee;
padding-top:5px;
}

.product_link{
margin:0 auto;
color:#fff;
background:#008F5A;
font-size:16px;
height:25px;
line-height:20px;
padding:2px 10px;
display:inline-block;
margin-top:10px;
	
	
}


.order_link{
margin:0 auto;
color:#fff;
background:#D00E18;
font-size:16px;
height:25px;
line-height:20px;
padding:2px 10px;
display:inline-block;
margin-top:10px;
}

.order_link:hover{
color:#fff;
background:#EF4141;		
}
.product_link:hover{
color:#fff;
background:#32A47A;
}


.website_name{
	font-family: 'Oswald', sans-serif;
	left:190px;
	width:600px;
	height:50px;
	position:absolute;
	top:45px;
	z-index:102;
	color:#000;
	text-align:left;
}

.double_lines{
display:inline-block;
width:300px;
border-top:#888 1px solid;
border-bottom:#888 1px solid;
padding:20px;
margin:0 auto;
font-size:34px;
margin:40px 0px 10px 0px;
}

#search_type{
	
height:55px; 
width: 75%;
margin:70px 0px 0px 0px;	
}


.link_disable {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}


h3 { 
color:#008F5A;
font-size:21px;
font-weight:bold;
padding:2px; 
margin:20px 0px;
display:inline-block;
margin-bottom:40px;
padding-bottom:20px;
 }
 
 .big_font{
color:#666;
font-size:20px;

padding:10px; 
margin:20px 0px;
display:block;
text-align:left;
clear:both;
overflow:hidden;
line-height:30px;

}


.big_font h3{
font-size:20px;
line-height:36px;	
color:#222;

}


.more_img{opacity:0.75;	}
.more_img:hover{opacity:1;	}

div.small_list{

}

#page_title a.small_list{
 	border: 1px solid #aaa;
    color: #000;
    font-size: 16px;
    margin: 5px;
    padding: 5px;
    display:inline-block;
	line-height:25px;
	cursor:pointer;
	font-family: "Open Sans Condensed",sans-serif;
	background:#fff;
}	

a.small_list_active{
font-weight:bold;	
color:#008f5a;
}


.cp_title{
font-size:16px;	
}

.circle{
	width:120px;
	height:120px;
	display:inline-block;
	margin:0 auto;
	border-radius: 150px;
-moz-border-radius:150px;
-webkit-border-radius:150px;
transition: background-color 0.3s ease-in-out 0s;
background:#fff;
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.08) inset;
border:solid 12px #f8f8f8;
color:#008f5a;
font-size:200%;
padding:20px;
margin:20px;
}

.menu_item{

    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 110%;
    height: 50px;
	padding:10px;
    text-align:left;
    width: 100%;
    font-family: "Open Sans Condensed";
    float:left;	
	position:relative;
	border-bottom:solid 1px #000;
	line-height:30px;
	background:rgba(0, 0, 0, 0.95);	
	
	
}

.circle:hover,.circle:focus{
background:#008f5a;
color:#fff;	
}


.circle_icon{
border-radius: 100px;
border:solid 1px #CEC2B9;
padding:20px;
margin:-20px;	
	
}

.line { clear: both; border-bottom: 1px solid #CEC2B9; margin: 0 0 10px; }
'#top_info{
float:left;
margin-left:5px;
margin-top:5px;
background-color:white;
border-radius: 50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
border:solid #fff 1px;
padding:3px 22px;
color:#fff;
background: #fff   url('../images/tel.png') no-repeat 4px 8px ;

}


#info_box{
position:absolute;
top:0px;
display:none;
max-width:110px;
max-height:25px;
overflow: hidden;
padding:5px;
background-color:#008F5A;
z-index:100000000000000000;
color:#fff;
border-radius:  0px;
-moz-border-radius: 10px;
font-weight:bold;
cursor: pointer; 
opacity:0.95;
filter:alpha(opacity=95);
font-size:10px;	
}

#info_box img{
opacity:0.8;
filter:alpha(opacity=80);
}

*{margin:0;padding:0}:focus,:active {outline:0}img{border: 0;font-family: "Open Sans Condensed";}

*{
 transition: visibility 0s, opacity 0.3s linear;	
	
}



body {
	font-family:"Open Sans Condensed";
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke: 1px transparent;
	-moz-font-smoothing:antialiased;
	-moz-text-stroke: 1px transparent;
	
	-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
    margin: 0 auto;
    
	
	
	direction: ltr;
	font: .8em Arial, Helvetica, sans-serif;
	color: #fff;
	 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -webkit-box-sizing: border-box;
	}

	#content {
	width: 100%; 
	margin: 0 auto;
	position:relative;
	z-index:100;
	overflow:hidden;
	background:#FCF8ED;
	}

a { text-decoration: none;}
h1,h2{font-size:inherit;font-weight:normal;display:table-cell;
  vertical-align: middle;
  line-height: normal; }
h1 a { color: #fff; font-size: 1.2em; }

.line { clear: both; border-bottom: 1px solid #CEC2B9; margin: 20px 0%; }
.clear { clear: both; }





/*-----------------------------------------header----------------------------------*/

#top {
   background:#EBE3CE;
	height:45px;
	text-align:left;
	line-height:40px;
	position:relative;
    text-align:left;
    font-weight:bold;
    color:#fff;
    z-index:0; 
    width:100%;
    margin:0 auto;

    }
    
#logo h1 { float:left;font-size:36px;color:#222;line-height:90px;margin-left:20px;font-family: "Open Sans Condensed",sans-serif}



#lang_bar{
	
	 height:25px;
	 width:25px;
	 position:absolute;
	 bottom:0px;
	 left:5px;
	 border:solid 1px #111 ;
	 padding:5px;
	 zoom:0;
	 background: url("../images/english.jpg")  #fff  no-repeat center center;
	 line-height: 10px;
	 font-size:14px;
	 color:#fff;
	 font-size:1px;
	 text-align:center;
	border-radius:   5px 5px 0px 0px;
	-moz-border-radius:  5px 5px  0px 0px;
	-webkit-border-radius:  5px 5px  0px 0px;
	text-decoration:none;
	
}

#lang_bar:active,#lang_bar:link,#lang_bar:visited{
color:#fff;
text-decoration:none;
}

#lang_bar:hover,#lang_bar:focus{
background: url("../images/english.jpg") #fff no-repeat center center;
color:#fff;
text-decoration:none;	
}

header a:active,header a:link,header a:visited{
color:#008F5A;
text-decoration:none;
font-weight:bold;
font-size:15px;
}

#header_back{

margin:0px 0px 0px 0px;
padding:0px 0px;
background:#fcfcfc;
position: relative;
overflow: hidden;
}



#lang_bar a:hover,#lang_bar a:focus{
color:#fff;
} 

.more a:active,.more a:link,.more a:visited{
color:#2BA6FF;
text-decoration:none;
}



#top_header {
    height: 150px;
    width: 100%;
    background-color:#fff;

}
#bottom_header {
	top:10px;
    height: 30px;
    padding:10px;
	width:950px;
	_width:970px;
	position:relative;
	z-index:2;
	background-image:url(../images/btns_repeat.jpg);
	font-size:0;
	zoom:0;
	margin:0 auto;
}

#shadow{
	
	width:970px;
	background-image:url(../images/shadow_repeat.jpg);
	background-repeat:repeat-x;

	height:10px;
	margin:10px auto;
}
#right_top_header {
    display: inline;
    float:left;
    width: 600px;
	height:150px;
	z-index:2;
}

#left_top_header{
	display: inline;
    float:left;
    width: 400px;
	height:150px;
	
	background-repeat:no-repeat;
	background-position:left;
	
}
#menu>li>a#logo{
width:140px;
	margin-top:-48px;
	
}

#main_logo{
width:71%;
margin:0 auto;
	z-index:1000;

}


#slogan {
    display: inline;
    float:left;
    height: 147px;
    margin: 1px;
    width: 409px;
}
#top_slogan {
    color: #771900;
    font-size: 30px;
    height: 40px;
    margin-top: 45px;
    text-align:left;
    font-family: "Open Sans Condensed";
}
#bottom_slogan {
    color: #fff;
    font-size: 18px;
    text-align:left;
     font-family: 'Arial';
	 margin-left:30px;
}


.news_date{
text-align:center;
background: #008f5a none repeat scroll 0 0;
color: #fff;
direction: ltr;
font-size: 16px;
height: 30px;
line-height: 20px;
padding: 5px;
width:130px;	

position:absolute;
top:20px;	
}


.menu_break{
    cursor: pointer;
    display: inline;
    float:left;
    height: 30px;
   
    width: 10px;
	overflow:hidden;
	zoom:0;
	background-image:url(../images/button_break.jpg);
	background-repeat:no-repeat;
	position:relative;
	
	background-position:center center;

}

.images_show_div{
overflow:hidden;	
}
.images_show_div img{
	
cursor: pointer;	
}

.menu_break2{
    cursor: pointer;
    display: inline;
    float:left;
    height: 30px;
    margin: 0px ;
    width: 5px;
	overflow:hidden;
	zoom:0;
}



ul li ul li ul{
display:none;
position:absolute;
left: 0px;
top: 28px;
z-index:10000000;

width:250px;
overflow:hidden;	
color:#008F5A;
'border-bottom:solid 5px #008f5a;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.2);
list-style-type: none;

padding-top:30px;
-moz-transition: background-color 200ms linear;
-o-transition: background-color 200ms linear;
-ms-transition: background-color 200ms linear;
transition: background-color 200ms linear;
-webkit-transition: opacity 600ms, visibility 600ms;
transition: opacity 600ms, visibility 600ms;
visibility: hidden;

	
	
}

li.list_li:hover ul{
display:block;	
opacity:1;
visibility: visible;

}


.btn_title {
    
    height: 30px;
    width: 181px;
	
	font-size:18px;
	color:#FFB45E;
	
}
.btn_title a:active,.btn_title a:focus , .btn_title a:hover , .btn_title a:link , .btn_title a:visited,



#top a:active,#top a:focus , #top a:hover , #top a:link , #top a:visited{
color:#fff;
}
#top a:hover,#top a:focus{
color:#fff;
text-decoration: underline;
}
#top_info a:active,#top_info a:focus , #top_info a:hover , #top_info a:link , #top_info a:visited{
color:#fff;
}


/*-------------------------------------- menu-------------------------------------- */

#menu a, #right_menu a{
cursor: pointer;
}

.arrow{
height:100%;
width:20px;
background:url("../images/arrow.png") no-repeat scroll right 120px ;
position:absolute;
left:5px;
top:0px;
}

.menu_item div{
width:40px;
height:40px;
margin:0 auto;
}




#right_menu .menu_item{
width:74px;
font-size:14px;	
border:solid 1px #fff;

}

#right_menu .menu_item:hover, #right_menu #inter_menu1_2 .menu_item:hover ,#right_menu #inter_menu1_3 .menu_item:hover,
#right_menu .menu_item:focus, #right_menu #inter_menu1_2 .menu_item:focus ,#right_menu #inter_menu1_3 .menu_item:focus{
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.2);
-moz-transition: border-left 200ms linear;
-o-transition: border-left 200ms linear;
-ms-transition: border-left 200ms linear;
transition: border-left 200ms linear; 
background:rgba(0, 0, 0, 0.7);	
width:74px;
color:#008F5A;
}


.background{
position:absolute;
z-index:0;
width:100%;
height:100%;
left:0px;
top:0px;	
}


#opacity{
background:#008F5A;
padding-bottom:10px;
width:100%;
height:50px;
z-index:1;
position:absolute;
left:0px;
top:50px;	
border-bottom:solid 1px #fff;
}
#opacity2{
background:#008F5A;

width:100%;
height:50px;
z-index:1;
position:absolute;
left:0px;
top:0px;	

}

#header-left{
background: #111;
    color: white;
    float:left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 40px;
    line-height:40px;
    padding: 2px 10px;
    left: 0px;
    top: 0px;
    position:absolute;	
    z-index:1000;

}
#cp_header{
'z-index:5000000;	
height:170px;

position:fixed;
z-index:3;
}
.menu_cont{
background: #111; /* Old browsers */
background: -moz-linear-gradient(left,  #111 0%, #fc6a6b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #111 0%,#fc6a6b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #111 0%,#fc6a6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#887ee5', endColorstr='#fc6a6b',GradientType=1 ); /* IE6-9 */
box-shadow: 4px 0 22px 9px #eee inset;	
}

.animated_clouds{
position:absolute;
background-image: url(../images/clouds.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	width:100%;
	height:220px;
	top:0px;
	left:0px;
	
    
z-index:0;
}
#menu>li , #right_menu>li { 
display:inline-block;
cursor: pointer;
display: inline-block; 
font-size: 14px;
line-height:50px; 
}

#menu>li>a  #menu>li>div  {
	color: #111;
    display: inline-block;
    font-size: 120%;
    height: 45px;
    line-height: 14px;
    margin: 0px 0px;
    padding: 15px 12px;
    z-index: 2;
}
#menu>li>a.first_button  {	
background:none  ;

}
#menu>li>a:hover,#menu>li>a:focus,#menu>li>div:hover,#menu>li>div:focus{

background:#fff;
color:#008F5A;
'border:solid 1px #111;

}

	

#menu li ul li{
float:none;	
display:block;
}


#menu li ul li.widemenu{
float:left;	
display:block;	
width:50%;
	
}


ul li ul li ul.widemenu{
width:500px;	
}


#more_results:hover,#more_results_search:hover,
#more_results:focus,#more_results_search:focus{
background:#008F5A;
color:#A13636;
}





#menu>li>a#active{

color:#fff;
border-bottom:solid 3px #fff;
}

#menu>li>a#active:hover,#menu>li>a#active:focus{

color:#008f5a;

}

#menu>li>a.button_hover{
color:#008F5A;	
border:solid 1px #111;

}

#menu1,#menu2{
display:none;	
}

#search_botton{
 background:  url("../images/search_btn1.png") #008f5a no-repeat scroll center center;
    cursor: pointer;
    display: block;
    float:left;
    height: 45px;
    right: 10px;
    margin-left: 0;
    overflow: hidden;
    position: absolute;
    top: 10px;
    width: 45px;
    z-index: 102;
    border-radius:  5px;
	-moz-border-radius:  5px;
	-webkit-border-radius:  5px;

	
}


.lang{
width:30px;	
right:50px;
top:5px;
position:absolute;
}

li.lang ul{
	
width:30px;	
right:60px;
top:60px;
position:fixed;
display:none;	
}



#menu >#close_resp_menu{
background: #008F5A none repeat scroll 0 0;
    cursor: pointer;
    display: none;
    height: 47px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 100%;
    z-index: 100000000;
    line-height:53px;
	color:#fff;
	font-size:40px;
	text-align:left;
	padding-left:25px;
	padding-top:5px;
}


#top_social_left{
overflow: hidden;
  	right: 0;
    top: 95px;
    z-index: 2147483647;
    position:absolute;
    color:#fff;	
	width:400px;
    
}
#bottom_social_left{
overflow: hidden;
    position: absolute;
 	bottom: -100px;
    left: 24%;
    z-index: 2147483647;
	width:50%;	
    
}



#bottom_social_right{
top:0px;
left:20px;
overflow:hidden;
z-index:102;
position:absolute;	
}

#top_social_right{
top:0px;
left:20px;
overflow:hidden;
z-index:100;
position:absolute;	
}

#search_botton:hover,#search_botton:focus{
border:solid 1px #ccc;
}



.top_social{

    display: block;
    float:left;
    margin-left: 10px;
    margin-top: 0;
    opacity: 1;
    text-align: center;
    
    color:#fff;
    line-height:45px;
    text-align:center;
	vertical-align:middle;
	padding:2px 5px;
	border:solid transparent 1px;
}

.bottom_social{

    display: block;
    float:left;
    height: 45px;
 
    margin-top: 0;
    opacity: 1;
    text-align: center;
    width: 35px;
    color:#fff;
    line-height:45px;
    text-align:center;
	vertical-align:middle;
	padding:20px;
}

.top_social:hover,.top_social:focus{
color:#008f5a;
border:solid 1px #fff;
}

.bottom_social:hover,.bottom_social:focus{
color:#fff;
}





.menu  a{
opacity:0.8;	
}

.menu  a:hover,.menu  a:focus{
opacity:1;	
color:#008F5A;
}


li ul#menu {

	font-size: 20px;
    left: 24%;
    position: absolute;
    top: 0%;
    width: 76%;
    margin-top:5px;
    height:45px;
    


}

.slide_item_cont{
z-index:10;
background:#008F5A;
color:#fff;
height:50px;
width:100%;
margin-top:120px;
overflow:hidden;	
}

li.comp ul {
height:120px;
top:-118px;
width:150px;


display:none;
position:absolute;

left:-1px;
padding:0px 0px;
z-index:11;
font-size:14px;
box-shadow: 0 10px 10px -5px rgba(0, 0,0,0.3);
overflow:hidden;
background:#fff;
border:0;
background-color: #fff;
float:right;
text-align: center;
line-height:33px;
color:#fff;	
	
	
}

li.lang ul { width: 120px;}

li.comp ul{ width: 150px; }

li.lang:hover ul,li.comp:hover ul,li.lang:focus ul,li.comp:focus ul{
display:block;	
	
}
li.lang ul li a,li.comp ul li a {
color:#008F5A;	
font-size:15px;
text-align:left;
display:block;
text-align:center;
line-height:30px;
}

ul.responsive{
z-index:101;
height: 50px;
    position: fixed;
    top: 92px;
}



#menu1{
left:0px;
z-index:2;	
position:relative;

}
.tir{
position:absolute;
width:48px;
height:22px;
background:url(../images/tir.png) center center no-repeat ;	
left:620px;
top:0px;
}

#menu2{
left:588px;	
}

.menu a , #right_menu a{

}

/*///////////////////////////////////////*/


#header-left a{
color:#fff;	
}
.last { margin-left: 0; }
.lang,.comp{
border-bottom: 2px solid #fff;
    color: #fff;
    display: block;
    height: 40px;
    line-height: 33px;
    margin-top: 2px;
    padding: 5px;
    position: absolute;
    right: 60px;
    text-align: center;
    top: 18px;
    z-index: 102;
	
}

.lang{width: 120px;float:left;}
.comp{width: 170px;float:none;}

li.lang ul { width: 120px;}

li.comp ul{ width: 170px; }


.lang>img,.lang_menu img,.comp>img,.comp_menu img{
float:left;
}

.lang:hover,.comp:hover,.lang:focus,.comp:focus{
background-color:#fff;	
color:#008F5A;
}
.lang_menu:hover,.comp_menu:hover,
.lang_menu:focus,.comp_menu:focus{
background-color:#F2ECD7;	
color:#106E62;	
}

.lang_menu,.comp_menu{
	background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #000;
    display: block;
    font-size: 16px;
    height: 45px;
    line-height: 40px;
    margin-left: 0;
    overflow: hidden;
    position: fixed;
    right: 56px;
    top: 10px;
    width: 50px;
    z-index: 102;
}


.comp_menu{    width: 140px;}

.comp_menu{
width:140px;	
}



.contact_row li{
margin-left:0px;
font-size:17px;	
font-family:"Open Sans Condensed";
list-style-type: none;
padding-left:20px;
color:#666;
text-align:left;
margin-bottom:40px;
line-height:40px;
background-position:535px 6px;
overflow:hidden;


}

.vision{
width:400px;
height:50px;
padding-left:50px;
background:url(../images/vision.png) no-repeat 8px center #fff;
margin:30px 0px 30px 0px;	
}
.mission{
width:400px;
height:50px;
padding-left:50px;
background:url(../images/mission.png) no-repeat 8px center #fff;
margin:3px 0px 30px 0px;	
}

.impessions{
width:400px;
height:50px;
padding-left:50px;
background:url(../images/impessions.png) no-repeat 8px center #fff;
margin:3px 0px 30px 0px;	
}

.vision div,.mission div,.impessions div{
background:#fff;
height:100%;
width:100%;
color:#323232;
font-size:30px;
font-family:"Open Sans Condensed";
text-align:left;
padding-left:20px;
line-height:160%
}

.right_cont a{
color:#008F5A;
border-bottom:solid 1px #cfcfcf;
display:block;
width:155px;
height:35px;
font-size:16px;	
font-family:"Open Sans Condensed";
line-height:35px;
text-align:left;
padding:5px 40px 5px 5px;
}



.home_page{
height:43px;
width:40px;
margin-left:20px;
margin-top:-3px;
float:left;
background-color:#fff;
}

.top_contact{
height:40px;
margin:0px 8px;
float:left;
color:#ccc;
display:block;
font-size:12px;	
}


.small-image-cont{
width:153px;

margin:5px;
padding:2px;
float:left;
border:thin #ffffff solid;
height:200px;

}
.small-image-cont:hover,.small-image-cont:focus{
width:153px;
margin:5px;
padding:2px;
float:left;
border:thin #CEC2B9 solid;

}
 img{
 border:none;	
 }

.small-image-cont1{
width:153px;

margin:5px;
padding:2px;
float:left;
border:thin #ffffff solid;
height:290px;

}
.small-image-cont1:hover,.small-image-cont1:focus{
width:153px;
margin:5px;
padding:2px;
float:left;
border:thin #CEC2B9 solid;
height:290px;
}

.small-image-img{
width:160px;

}

.small-image-info{
height:30px;
border-top:#aaaaaa thin solid;
margin : 5px;


}

.photo-text{
margin:10px;
color:#666666;

}
.photo-text:hover,.photo-text:focus{
margin:10px;
color:#008F5A;

}

.link:link{
color:#008F5A;
}

.img-left{
cursor:pointer;
}



/*--------------------------------slide--------------------------------------------- */
.img_show{
height:450px;
width:100%;	
position:relative;
text-align:center;
background:#fff url('../images/loading.gif') center center no-repeat;
}

#pause{
margin:5px;
height:30px;
width:30px;
float:left;
z-index:100;
background:url(../images/pause.png) no-repeat center center #008F5A;
cursor: pointer;
}

#slide_logo{
background:#1D0505;
position:absolute;
z-index:100;
left:15px;
top:-5px;
-moz-border-radius: 20px;
border-radius: 0px 0px 20px 20px;
width:70px;
padding:20px 7px 5px 7px;
opacity:0.8;
opacity:0;
filter:alpha(opacity=0);


}


#next{
width:35px;
height:52px;	
position:absolute;
bottom:20px;
left:50px;
background-image:url("../images/next_btn.jpg");
cursor:pointer;
opacity:0.8;
z-index:10;
}
#next:hover,#next:focus{
opacity:1;	
}

#prev{
width:35px;
height:52px;	
position:absolute;
bottom:20px;
left:87px;
background-image:url("../images/prev_btn.jpg");
cursor:pointer;	
opacity:0.8;
z-index:10;
}
#prev:hover,#prev:focus{
opacity:1;	
}

.first-image{
position:absolute;
z-index:3;
top:0px;	
left:50px;
width:500px;
height:400px;
overflow:hidden;
text-align:left;
}
.second-image{
position:absolute;
width:400px;
height:600px;
overflow:hidden;
z-index:4;
bottom:0px;
left:50px;	
text-align:left;
}
.cont_slide{
position:relative;
top:0px;
height:600px;
width:980px;
z-index:1;
}

.slide-image{
position:absolute;
top:0px;
left:0px;
z-index:2;
}

.slide_comment{
	background-color: #FFFFFF;
    color: #fff;
    font-family: "Open Sans Condensed";
    height: 180px;
    left: 90px;
    opacity: 0.9;
    padding: 10px;
    position: absolute;
    text-align:left;
    top: 180px;
    width: 300px;
    z-index: 1;
    border-left:1px #CEC2B9 solid;
    
}	

.slide-text{
position:absolute;
top:0px;
left:50px;
height:600px;
width:400px;
z-index:5;
color:white;
font-size:24px;
text-align:left;	
}
.img-slide{
position:absolute;
top:0px;
left:0px;
z-index:1;		
}


#slide_cont{
width:980px;
float:left;
display:inline;
background-color:#87775E;
position:relative;
height:600px;
overflow: hidden;
z-index:2;
margin-top:30px;
}


img{
color:#fff;	
}
/* ------------------------------- show image -------------------------------- */
#big-img-div{
position:relative;
background: url(../images/loading.gif) no-repeat center center #fff;
float:left;
color:#fff;
height:83%;
}

#big-imgx_img{
position:relative;
background: url(../images/loading.gif) no-repeat center center #fff;
float:left;
color:#fff;

	
}


 .no-js #loader { display: none;  } 
 .js #loader { display: block; position: absolute; left: 100px; top: 0; } 
 .se-pre-con { 	position: fixed; 
 left: 0px; 
 top: 0px; 
 width: 100%; 
 height: 100%; 	
 z-index: 9999; 
 
background-image: url(../images/loading_2.gif) ;
background-color: #39B399;
background-position:center center;
background-repeat:no-repeat;
background-size :10%;
 }

 
 
#big-img{
'min-width:100%;	
}

#big-imgx{
max-height:600px;
max-width:900px;
margin:0 auto;
padding:0px;
left:0px;
border:0px none;
display:block;

color:#fff;
width:500px;
height:500px;

}

div.bg-img {
    background-image: url(http://upload.wikimedia.org/wikipedia/commons/9/91/Flexopecten_ponticus_2008_G1.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: blue;
    border: 1px solid #aaa;
    width: 250px;
    height: 250px;
  }



.depart_image{
height:200px;
-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}



.depart_image:hover,.depart_image:focus{
	

	
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);	
}



.depart_image:hover .link_image,.depart_image:focus .link_image,
.image_gallery_cont:hover .link_image,.image_gallery_cont:focus .link_image,
.depart_image:hover .link_image_single,.depart_image:focus .link_image_single,
.image_gallery_cont:hover .link_image_single,.image_gallery_cont:focus .link_image_single


{
	
top:45%;	
}



.depart_image:hover .view_image,.depart_image:focus .view_image,
.image_gallery_cont:hover .view_image,.image_gallery_cont:focus .view_image,
.depart_image:hover .view_image_single,.depart_image:focus .view_image_single,
.image_gallery_cont:hover .view_image_single,.image_gallery_cont:focus .view_image_single

{
	
top:45%;	
}



#img_cont{
  	display: block;
    height: 110%;
    margin: 1%;
    overflow-x: scroll;
    position: relative;
}

.link_image,.view_image,.link_image_single,.view_image_single{
cursor:pointer;
position:absolute;
top:600px;

width:50px;
height:50px;	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	margin-left:-25px;
	line-height:90px;
	z-index:10;
	}

.link_image{
background:url(../images/url.png) center center no-repeat ;
left:40%;
}

.view_image{
background:url(../images/view.png) center center no-repeat ;
left:60%;
}

.link_image_single{
background:url(../images/url.png) center center no-repeat ;
left:48%;
}

.view_image_single{
background:url(../images/view.png) center center no-repeat ;
left:48%;
}




#close{
	background: #111 url("../images/close.png") no-repeat scroll center center;
    cursor: pointer;
    float:left;
    height: 50px;
    right: 0px;
    opacity: 1;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 250;

}


#zoom{
	background: #111 url("../images/zoom_in.png") no-repeat scroll center center;
    cursor: pointer;
    float:left;
    height: 50px;
    right: 50px;
    opacity: 1;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 250;
    

}


#image-title{
	
    float:left;
    height: 50px;
    right: 100px;
    opacity: 1;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 89%;
    z-index: 250;
    text-align:right;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	border-bottom:solid 1px #ccc;

}









* body #over{
position: fixed;!important

}
#big-div-cont{
  display:none;
  position:fixed;
  height: 98%;
  top:1%;
  bottom:1%;	
  left:1%;
  right:1%;
  width: 98%;
  z-index:2147483647;


}

#big-div{
height: 98%;
margin-top: 40px;
width:100%;
z-index:1000000000;
overflow:hidden;
background-color:#fff;
-moz-border-radius:5px;
border-radius:5px;

}
.article_title{
height:80px;
color:#008F5A;
border:solid 1px #fff;
line-height:80px;
background:#fff;
opacity:0.7	;
overflow:hidden;

}
#big-div #image-text #more_image div{
width:29%;	
height:70px;
position:relative;

margin:1.1%;	
background: url("../images/small_loading.gif") no-repeat #fff center center;
cursor: pointer;
opacity:0.9;
filter:alpha(opacity=70);
overflow: hidden;
float:left;



}

#big-div #image-text #more_image div div{
width:100%;	
height:100%;
position:absolute;
top:0px;
left:0px;
background-size: cover;
background-repeat:no-repeat;
}


#zoom_image{
width:300px;
height:250px;
padding:5px;
z-index:101;
background-color:#fff;
-moz-border-radius:5px;
border-radius:5px;
position:absolute;
left:20px;
top:-10px;
display: none;
}

#over{
display:none;
z-index:10000000;
height:100%;
width:100%;
opacity:0.9;
filter:alpha(opacity=90);
background-color:#008F5A;
position:fixed;
left:0px;
top:0px;
overflow:auto;
color:#FFFFFF;
text-align:center;
vertical-align:middle;

}

#container {
    background-color:#ccc;
    height: auto;
    margin: 0 auto;
    position: relative;
    width: 100%;
   
}

	#over_content{
    width:100%;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	position:relative;
	
	}
.layer{
	position:absolute;
	background-image:url(../images/Classic Furniture.jpg);
	background-repeat:repeat-x;
	top:0px;
	left:0px;
	opacity:0.4;
	filter:alpha(opacity=40);
	height:250px;
	width:100%;
}

.layer2{
z-index:2;
position:relative;
}



select{
width:300px;
height:70px;
border:solid 3px #fff;
background-color:#fff;
color:#008F5A;
font-size:20px;

padding-left:10px;
line-height:60px;
}

option{
width:250px;
height:10px;
border:solid 3px #fff;
background-color:#fff;
border-bottom:#fff;	
border:solid 3px #fff;
color:#008F5A;
font-size:20px;
line-height:50px;
padding:10% ;
font-size:100%;
width:100%;
}

.depart_div{
background:#fff;
width:400px;
height:70px;
text-align:left;
line-height:60px;
color:#008F5A;
font-size:20px;
padding-left:10px;
padding:5px;


}

/*///////////////////////Slide/////////////////////////////////*/


#slide-cont{
width:100%;

height:700px;
background:#f3f3f3;
position:relative;
margin-top:180px;
z-index:0;


}
#images_thumb{

    bottom: 1%;
    height: 10px;
    position: absolute;
    width: 100%;
    background:#fff;
    right:0px;
    overflow:hidden;
	top:-10px;

}	


#images_title{

    top: 0px;
    left:0px;
    height: 50px;
    position: absolute;
    width: 100%;
    background:#fff;
   
    overflow:hidden;
     line-height:50px;
    font-size:20px;
    text-align:left;
    padding-left:30px;
	
}	

#slide-cont_small{
width:940px;
height:370px;
background-color:#1F1F1F;
margin:0px;
position:relative;
overflow:hidden;
margin:10px;
}
#slide{
	width:100%;
	height:100%;
	color:#fff;
	font-family: "Open Sans Condensed";
	font-size:18px;
	line-height:30px;
	text-align:left;
	overflow:hidden;
	}
	
#slide a{color:#fff;}	
	
	.small_slide{
	width:350px;
	height:200px;
	margin:0px;
	
	}
#slide_right{
	width:150px;
	float:left;
	display:inline;
}
#slide_left{
	
width:150px;
	float:left;
	display:inline;	
}
.slide{
float:left;
width:980px;
height:415px;
}



.pic_slide
{
	
height:30px;
width:30px;
overflow:hidden;
display:inline;
cursor:pointer;
float:left;
margin:5px 1px;
border:solid 1px #fff;
font-size:0px;
z-index:100;
background:#008F5A;

}

#slide_text1{
position:absolute;
height:110px;
width:700px;
background-color:#008F5A;
opacity:0.7;
top:200px;
left:150px;	
}


#clear{
clear:both;	
}

.third h3 {
top:-8px;
left:37px; position:absolute;
width:190px;
height:30px; 
text-align:center;
font-size: 1.0em; 
background: url('../images/block-title1.png') no-repeat center top ;
color: #fff; font-weight: normal; 
line-height:30px;

}



.facebook{
	
	height:30px;
	width:30px;
	float:left;
	display:inline;
	margin:15px 5px;
	
}
hr{
border-bottom: 3px solid #111;
border-top: 3px solid #111;
border-left:none;
border-left:none;
background:#008F5A;
}
a#logo{

    height: 50px;
    position: absolute;
    left: 0px;
    top: 3px;
    width: 170px;
    z-index: 999;
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#over_logo{
	width:120px;
    height: 120px;
    position: absolute;
    left: 12px;
    top: 2px;
    z-index: 1000000000;
}

#logo img{
	display:block;
	margin:0px auto auto auto;
	float:left;
	
}

.section_bg{
	background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
    
    z-index:-1;
    height:180%;	
}

.slide_comment_cont{
	left: 140px;
	position: absolute;
	top: 200px;
	width:450px;
	overflow:hidden;
	
}

.comment1,.info1{
	
	
    color: #fff;
    display: inline-block;
    font-size: 52px;
    min-height: 40px;
    line-height: 50px;
    padding: 25px 35px 25px 20px;
    font-family: 'Oswald', sans-serif;
   border:solid 10px #fff;
   background-color: rgba(0,41,32, 0.1);
    text-shadow: 1px 1px 3px #424242;
    width: 450px;
  
}

.comment2,.info2{
	background-color: rgba(0,41,32, 0.1);	
    color: #fff;
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
    padding: 10px;
    width: 450px;
text-shadow: 1px 1px 3px #424242;
}
	

#beiond_menu{
width:100%;
height:90px;
background:#f3f3f3 ;
position:absolute;
border-bottom:4px solid #008f5a;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);

top:0px;
z-index:2;

-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;


}

#mian_text{
	
	margin:10px;
	height:300px;
	background-color:#002944;
	border:1px solid  #fff ;
	color:#008F5A;
	text-align:left;
	padding:10px;
	font-size:18px;
	
}


.main_text_home{
	

	padding:40px 0px;
	overflow:hidden;
	background:#fff;
	font-weight:bold;
	color: #555 ;
	text-align:left;
	font-size:20px;
	font-family:"Open Sans Condensed";
	line-height:30px;
	width:100%;
	position:relative;

	border-bottom:solid 1px #CEC2B9;

	}
	.code{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	width:110px;
	height:30px;	
	background: #fff  ;
	color:#fff;
	font-size:16px;
	text-align:center;
	}
	.price{
	position:absolute;
	top:0px;
	left:110px;
	z-index:10;
	width:130px;
	height:30px;	
	background: #fff  ;
	color:#fff;
	font-size:16px;
	text-align:center;
	}

.main_text_home img{
display:block;
float:left;
width:200px;
margin-left:20px;	
}

.main_text_home h2{

float:left;
width:98%;
margin:1%;
text-align:left;
font-size:20px;
font-weight:200;	
line-height:37px;
overflow:hidden;
color:#666;
}

.contact_cat{
height:30px;
width:95%;
	background:#008F5A;
	color:white;
    background-position: center top;
    background-repeat: repeat-x;
    'border: 1px solid #2D3000;
padding:5px;
line-height: 30px;
font-size:18px;
}

.main_text_text{
float:left;
display:inline;	
width:650px;
text-align:justify;
}
.main_text_image{
float:left;
display:inline;	
width:250px;
text-align:center;

}
.contact_cont{

'display:inline;	

padding-bottom:120px;
background:#f3f3f3;
color:#008f5a;
margin:20px 0px;
width:100%;

}

.contact_cont h3{
text-align:left;
font-size:26px;	

}
.contact_cont h2{
font-size:17px;
text-align:left;
line-height:40px;
color:#666;
}

.contact_cont img{
float:left;

}



.contact_cont_wide{
float:left;
display:inline;	

overflow: hidden;

}

.comment_top{
width:98%;
margin-left:2%;
margin-top:20px;
margin-bottom:30px;
height:40px;
background:url("../images/comment_top.png") no-repeat right center; 
float:left;
}

.comment_bottom{
width:98%;
margin-left:2%;
margin-top:20px;
margin-bottom:50px;
height:40px;
background:url("../images/comment_bottom.png") no-repeat left center;  
float:left;
}


.slide_image{
	display:block;
	z-index:-1 ;
	position:absolute;
	background-size: cover;
	height:100%;
	background-position: 10% 0%;
	
}

.recent_slide_image{
background:#fff;	
overflow: hidden;
}

.button {
 
    color:#fff;
    cursor: pointer;
    display: inline-block;
    padding: 20px;
    background:#EF4141;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height:0px;
	border:none;
	font-size:14px;

    
}
.button:hover,.button:focus{
background:#EF4141;	
color:#fff;
}
.image_desc{
background:#Fff;	
}


.form-text1 {
    border: thin solid #BBBBBB;
    width: 110px;
}
#body_cont{
margin-bottom:10px;
min-height: 500px;
text-align:center;

}
#sub_image_cont{
	height:120px;
	width:978px;
	text-align:center;
	margin:0 auto;
	background-color:#220C00;
	margin-top:-10px;
}
.sub_image{
width:173px;
height:110px;
margin:10px;
border:solid 1px #BBBBBB;
float:left;
display:inline;	
}

#contact_cont{
border-right:solid 1px #ddd;
padding:20px;
margin:40px 20px;
position:relative;	
}




#page-title{
color:#008F5A;
font-size:18px;
margin:10px 5px ;
overflow:hidden;
font-family:"Open Sans Condensed";
text-align:left;
border-bottom:solid 1px #555;
width:400px;
box-shadow: 0 20px 10px -15px rgba(0, 0, 0, 0.4);
overflow:hidden;
}


	.wrap {
		margin:0 auto;
		width:100%;
		position:relative;
		
	}
	
	.header, .footer {
		float:left;
		padding:0 0;
		min-width:100%;
		position:relative;
	}
	
	#page_title  a{
	color:#333;	
	}
	#page_title  a:hover,	#page_title  a:focus{
	color:#008f5a;	
	
	}
	
	#page_title  a#active{
		color:#008f5a;
	}
	
#page_title h2{

padding:19px 20px 19px 20px;
color:#008F5A;
padding-left:10px;	
display:inline;
font-size:18px;
padding-left:20px;
}
#page_title span.last{
background:url(../images/left_arrow.png) no-repeat center right ;
padding:21px 60px 19px 0px;
height:30px;
width:50px;
}

.col-md-offset-1-left{
margin-left: 8.33333%;	
}


#page_title span{
background:url(../images/left_arrow.png) no-repeat center right #fff;
padding:21px 60px 19px 0px;
height:30px;
width:50px;
}


#page_title{
 border-bottom: 1px solid #ccc;

    font-size: 40px;
    line-height: 40px;
    margin: 0px 0 30px;
    padding: 240px 20px 20px 140px;
    text-align: left;
    color:#008f5a;
	background:#fff url(../images/islamic_pattern_trans.png);
    font-weight:bold;
	font-family: 'Oswald', sans-serif;
}

#page_title div,#page_title a { 
font-family: 'Oswald', sans-serif;
font-weight:lighter;	
}


.cell{
padding:10px;
background:#e3e3e3;
height:80px;
margin:0px;
line-height:60px;	
border:solid 1px #ccc;
font-size:20px;
font-weight:bold;
}


select#depart_select{
min-width:100px;
float:right;
height:50px;
font-size:18px;
color:#008f5a;
margin:0px;
padding:0px 5px;	
}

#depart_select option{
height:40px;
font-size:16px;
padding:5px;
}


.page_title,#poll_title,.widget_title{

	border-bottom: 1px solid #c3c3c3;
    display: block;
    font-size: 30px;
    min-height: 60px;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 15px;
    padding: 10px;
    text-align:left;
    color:#008f5a;
    font-weight:bold;
	'font-family: 'Oswald', sans-serif;
   
}



.image_rows_cont{
position:relative;
width:100%;
overflow:hidden;
margin-left:2px;
padding-top:20px;

}
.prod_row{
position:relative;
width:100%;
overflow:hidden;
padding:20px;
font-size:24px;
line-height:60px;
color:#008F5A;
text-align:left;
	
}

.image_rows_cont a{
color: #111 ;
font-size:14px;
}

#image_cont_small{
position:relative;
width:970px;
height:800px;
overflow:hidden;
background-color: #fff ;	
}

#image_rows_show{
	
position:absolute;
width:970px;
height:400px;	
top:0px;
left:0px;

}

.image_row{
	overflow:hidden;
	width:100%;
	
	margin-bottom:20px;
}
.image_row a{
color:#008F5A;	
}

/*----------------------------------------num------------------------------------*/

.num_con a:active,.num_con a:link,.num_con a:visited{
color:#F0E8E8;	
}

.num{
width:20px;
height:20px;
border:solid 1px #111;
background-color:#aaa; 
color:#008F5A;	
float:left;
margin:5px;	
cursor: pointer;
text-align:center;
line-height:18px;
}

#num_cont{
border:solid 1px #111;
background-color:#008F5A;
display: inline-block;
height:30px;
margin:15px;
float:left;
}



/*-------------------------------------gallery-------------------------------------*/
.image_thmb_cont{
	
	position:relative;
	list-style:none;
	cursor: pointer;
	text-align:center;
	margin-bottom:50px;
	color:#008F5A;


}


.image_thmb_cont h2{

	color:#fff;	
}


.pic_cont .image_thmb_cont{


	cursor: pointer;
	box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
}

.pic_cont .image_thmb_cont .image_thmb {
height:90px;	

}



.pic_cont .image_thmb_cont {
height:110px;
margin-top:5px;	
}





.image_thmb{
	height:180px;
	width:100%;
	margin:0px ;
	box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
	background:url("../images/small_loading.gif") no-repeat center center ;
	overflow:hidden;
}

.slide_title,.slide_desc{
	overflow:hidden;
	width:98%;
	color:#555 ;
	text-align:left;
	padding:1%;
	overflow:hidden;
	line-height:50px;
	font-weight:bold;
	font-size:13px;
	height:50px;
	background:#fff;
	font-family:"Open Sans Condensed";
}


.image_title,#image_title,.image_price{
	overflow:hidden;
	width:98%;
	color: #666  ;
	text-align:left;
	padding:1%;
	overflow:hidden;
	line-height:50px;
	font-size:16px;
	height:50px;
	background:#fff;
	font-family:"Open Sans Condensed";
	border-bottom:dotted 1px #ccc;
}


.main_text_home .slide_title{
font-size:22px;	
} 

.small_title{
	height:27px;
	width:98%;
	text-align:left;
	padding:1%;
	font-size: 12px;
	overflow:hidden;
	line-height:26px;
	font-weight:bold;

	font-size:16px;
}

.image_price{
background-color:#fff;	
}



#simpletest img{
	
opacity:1;	
}

#simpletest img:hover {
opacity:0.7;	
}

.slide_desc{
height:49px;	
}


.image_code,#image_code{
	height:30px;
	text-align:center;
	padding:1%;
	font-size: 12px;
	width:98%;
	line-height:30px;
	color:#008F5A;
	font-family:Arial;
	line-height:35px;
	background:#fff;
	border-top:solid 3px #fc6a6b;
}

.image_link{
z-index:10;
width:100%;
position:absolute;
top:0px;
left:0px;
height:60%;
padding:0% 0% 3% 0%;	
}

.image_link:hover,.image_link:focus{
background: url('../images/link.png') center center no-repeat ;
}

#image-code{
	height:25px;
	color:#555;
	text-align:center;
	padding:2px;
	font-size: 12px;
	width:97.5%;
	line-height:30px;
	font-weight:bold;
	background:#E5E5E5;
	color:#777;
}

#image-more{
	height:25px;

	text-align:center;
	padding:2px;
	font-size: 12px;
	width:97.5%;
	line-height:30px;
	font-weight:bold;
	background-color: #111 ;
	color:#fff;
}



#image-desc{
	overflow:hidden;
	width:96%;
	color:#555;
	text-align:left;
	padding:2px;
	font-size: 12px;
	margin-left:2px;
	line-height:30px;
	font-weight:bold;
	border-bottom:1px dotted #fff;
}

	
#code-title{
font-size:14px;
color:#008F5A;
text-align:center;
font-weight:bold;
line-height:25px;	
}

#miny_slide{
position:absolute;
z-index:2;
border:2px solid #fff;
width:80px;
height:40px;
bottom:50px;
left:30px;	
display:none;

}

#slide_comment{
width:70%;
height:50px;
position:relative;
bottom:200px;	
left:185px;
background-color:#008F5A;
opacity:0.8;
filter:alpha(opacity=60);
z-index:1;
color:white;
padding:10px;
text-align:left;
font-weight:normal;

}	

#slide_text{
width:98%;	
height:50px;
position:absolute;
bottom:44px;	
left:0px;
font-size:16px;
z-index:5;
color:white;
padding:10px;
text-align:left;
font-weight:normal;
font-family:"Open Sans Condensed";
color:#fff;
}


.logo_title{
position:absolute;
left:150px;
color:#323232;
height:50px;
width:230px;
top:80px;
font-size:24px;
}

.logo_title2{
position:absolute;
left:160px;
top:130px;
color:#323232;
height:35px;
width:230px;
line-height:35px;
box-shadow: 0 20px 10px -15px rgba(0, 0, 0, 0.4);
}



.main_text_text  li{
font-size:13px;
}


#ads_container_show{
overflow:hidden;
height:370px;
position:relative;
width:780px;
float:left;
background-color:#fff;
}

#ads_container_show_small{
overflow:hidden;
height:370px;
position:relative;
width:780px;
float:left;
background-color:#fff;
margin-left:20px;
}

#slide_small_text{
float:left;
display:block;
margin:10px;
overflow:hidden;
font-family:"Open Sans Condensed";
color:#ccc;
width:130px;
overflow:hidden;	
}
.slide_cont{
float:left;
width:350px;
height:363px;
margin:0 0 0 39px;
border:solid 1px #ccc;	
}

.slide_cont2{
float:left;
width:100%;	

}



/*--------------------------------------small_slide---------------------------------*/
#next_ad{
 border-radius: 100px;
    -moz-border-radius: 100px;		
height:60px;
width:60px;
overflow:hidden;
display:inline;
cursor:pointer;
float:left;
margin:5px 1px;

font-size:0px;
z-index:100;
position:absolute;
right:30px;


background-image:url("../images/next_btn.png") ;
background-color: rgba(0,41,32, 0.2);
background-repeat:no-repeat;
background-position:center;



}

#next_ad_small{
width:35px;
height:52px;	
position:absolute;
bottom:10px;
left:41px;
background-image:url("../images/prev_btn.jpg");
cursor:pointer;
opacity:0.9;
z-index:2;
}

#next_ad:hover,#next_ad_small:hover,
#next_ad:focus,#next_ad_small:focus{
background-color: rgb(0,143,90,0.8);
}

#prev_ad{
 border-radius: 100px;
    -moz-border-radius: 100px;	
height:60px;
width:60px;
overflow:hidden;
display:inline;
cursor:pointer;
float:left;
margin:5px 1px;
font-size:0px;
z-index:100;
position:absolute;
left:30px;
background-image:url("../images/prev_btn.png") ;
background-color: rgba(0,41,32, 0.2);
background-repeat:no-repeat;
background-position:center;
}


#prev_ad_small{
width:35px;
height:52px;	
position:absolute;
bottom:10px;
left:83px;
background-image:url("../images/next_btn.jpg");
cursor:pointer;	
opacity:0.9;
z-index:2;
}

#prev_ad:hover , #prev_ad_small:hover,
#prev_ad:focus , #prev_ad_small:focus{
background-color: rgb(0,143,90,0.8);
}


#ads{
width:780px;
height:370px;
float:left;
font-family:Tahoma;
font-size:13px;
color:white;	
text-align:center;
border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
/*overflow: hidden;*/



}

#ads_container{
height:400px;
position:absolute;
left:-780px;	
float:left;	
z-index:1;
text-align:left;
/*overflow: hidden;*/
width:8000px;
}

#ads_container_small{
height:370px;
position:absolute;
left:-780px;	
float:left;	
z-index:1;
text-align:left;
/*overflow: hidden;*/
width:4000px;
}

#more_image{
width:100%;
overflow:hidden;
margin:1% 0%;
background:#fff;
border:solid 1px #CEC2B9;
text-align:left;
}


.ads_cont{
width:880px;
height:155px;
/*overflow: hidden;*/
display:block;
left:0px;
}
.ads_cont2{
width:880px;
height:155px;
overflow: hidden;
display:block;
left:0px;
}

#slide_buttons{
width:950px;
height:40px;
position:relative;
overflow:hidden;
margin-top:25px;
margin-left:25px;
}

#buttons{
width:950px;
height:40px;
position:relative;
top:0;
left:0px;
font-family:Tahoma;
font-size:13px;
color:white;	
text-align:center;
border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
overflow: hidden;

}


#image-prev{
background: #fff url("../images/prev.png") no-repeat scroll center center;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    float: left;
    height: 60px;
    left: 1%;
    opacity: 0.7;
    padding: 40px;
    position: fixed;
    top: 50%;
    width: 60px;
    z-index: 1000;
}

#image-prev:hover,#image-prev:focus{
opacity:1;	
filter:alpha(opacity=100);	
}

h2 ol ,h2 ul{
	
margin-left:20px;	
}

#image-next{
 background: #fff url("../images/next.png") no-repeat scroll center center;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    height: 60px;
    opacity: 0.7;
    padding: 40px;
    position: fixed;
    right: 1.7%;
    top: 50%;
    width: 60px;
    z-index: 10;
}

#image-next:hover,#image-next:focus{
opacity:1;	
filter:alpha(opacity=100);	
}

#buttons_container_show{
overflow:hidden;
height:40px;
position:relative;
width:850px;
float:left;
}

#buttons_container{
height:40px;
position:absolute;
left:0px;	
float:left;	
z-index:1;
text-align:left;
overflow: hidden;
width:2040px;
}
.buttons{
float:left;
width:90px;
height:40px;
display:block;
text-align:center;
line-height:40px;
color:#2BA6FF;
font-weight:600;
font-size:14px;
}



#left_body{
	width:780px;
	overflow: hidden;
	border:solid 1px #CEC2B9;
	float:left;
	margin: 15px 6px 15px 0px;
	border-radius:5px;
	-moz-border-radius:5px;
	box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
	background:#f7f7f7;
	
}



#wide_body,#wide_body_margin{
	
	overflow: hidden;
background:#fff;
	padding:0px 10px 20px 10px;
	width:980px;
	padding-bottom:20px;
	margin:0 auto;
	margin-bottom:50px;
}
#wide_body_margin{
'margin-top:-80px;
}

.gallery_back,.events_back,.projects_back,.search_back{
color: #fff;
    display: block;
    font-size: 40px;
    height: 390px;
    line-height: 180px;
    width: 100%;
    z-index: 0;
    margin-top:47px;
}

.gallery_back{ background:url("../images/gallery_back.jpg") center 0px  no-repeat #fff;	}
.projects_back{background:url("../images/projects_back.jpg") center 0px  no-repeat #fff;	}
.events_back{background:url("../images/events_back.jpg") center 0px  no-repeat #fff;	}
.search_back{background:url("../images/search_back.jpg") center 0px  no-repeat #fff;	}



.wide_body_image{

'border-radius:50px;
'-moz-border-radius:50px;
'-webkit-border-radius:50px;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
float:left;
width:100%;
margin:40px 0px;	

}
.page_body{
font-family:"Open Sans Condensed";
font-size:18px;
color:#322015;
text-align:left;
padding:30px;
overflow:hidden;

}

.strip_top{
position:absolute;top:0px;z-index:1;width:100%;height:600px;background:url(../images/back_strips.png) repeat scroll left top;	
}
.page_body img{
margin:10px;

float:left;
'width:250px;
	
	
}
#left_body_wide{
	width:780px;
	overflow: hidden;
	margin-top:15px;
	border:solid 1px #CEC2B9;
	float:left;
	margin-left:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
	margin-bottom:15px;
	background:#CEC2B9;
}

#bottom_body{
	width:100%;
	overflow: hidden;
	margin-top:15px;
	margin-left:5px;
	 box-sizing: border-box;
}

.cat{
width:150px;
height:150px;
border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.1);
background-color:#fff;
float:left;
margin:21px;
display:block;	
box-sizing: border-box;
zoom:1;
overflow:hidden;
position:relative;	
border:solid 1px #fff;
font-size:14px;
}
.top_cat{
width:150px;
height:150px;
position:absolute;	
top:0px;
left:0px;
z-index:10;	
background-color:#008F5A;
opacity:0;
filter:alpha(opacity=0);

}
.cat_cont{
width:150px;
height:300px;
display:block;
position:absolute;	
top:0px;
left:0px;
z-index:0;
background:#999;


}
.cat_bottom{
width:148px;
height:148px;
display:block;
margin:0px;
background:url("../images/pattern2.jpg") repeat scroll 0 0 transparent;
color:#fff;
text-align:center;
margin:3px 1px 0px 1px;
border-radius: 5px;
-moz-border-radius: 5px;

}

.cat .cat_cont div{
height:148px;
background-color:#ccc;
display:block;	
}

.cat:hover,.cat:focus{
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
}



.cat_square{
width:123px;
height:90px;
float:left;
margin:30px 20px;
display:block;	
box-sizing: border-box;
zoom:1;
color:#fff;	
opacity:0.8;
filter:alpha(opacity=80);
}


.cat_square:focus{
opacity:1;
filter:alpha(opacity=100);
}
.cat_square h2{
text-align:center;	
}

.cat_square img{
border-radius: 110px;
-moz-border-radius: 110px;
border:solid 5px #fff; 
}

.middle_cat{
width:311px;
height:260px;
float:left;
margin:20px 10px;	
}
.middle_ad{
width:311px;
height:125px;
border:solid 1px #cecece;
border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);

margin:10px 5px;


}
.imp_sites{
	width:321px;
	height:235px;
	margin:3px;
	border:solid 1px #999;
	padding:5px;
	float:left;
	box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
	border-radius: 3px;
	-moz-border-radius: 3px;
	float:left;
}

/*--------------------------------------artical-------------------------------------*/
.artical_title{
width:310px;
font-size:16px;	
margin:5px 5px 10px 5px;
text-align:left;
color:#008000;
height:42px;
line-height: 20px;
overflow:hidden;
font-family:"Open Sans Condensed";
}
.artical_title a{
color:#008F5A;	
}



.artical_img{
width:85px;
height:85px;
border:solid 1px #ccc;
float:left;
overflow:hidden;
margin-left:5px;

}

.artical_body{
width:315px;
height:150px;
/*border:solid 1px #efefef;*/
color:#666;
overflow:hidden;
text-align:justify;
line-height:30px; 
font-size:16px;
}

.more{
	background: #008f5a none repeat scroll 0 0;
    bottom: 62px;
    color: #fff;
    display: block;
    float: right;
    font-family: "Open Sans Condensed";
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    line-height: 0;
    margin-top: -40px;
    overflow: hidden;
    padding: 20px;
    position: absolute;
    right: 15px;
    text-align: left;
}

.more:hover{
background: #008F5A;
color:#fff;
}



/*------------------------------------------search--------------------------------*/
#search_form{
width: 100%;	
height: 60px;
position:relative;
margin:0 auto;	
}

#search_box{
	background-color: #f3f3f3;
    border: 1px solid #c3c3c3;
    border-radius: 2px;
    color: #111;
    display: inline;
    float:left;
    font-family: "Open Sans Condensed";
    font-size: 20px;

    height: 55px;
    margin: 70px 0 0;
    padding: 5px;
    text-align:left;
    width: 100%;

}

div.btn{
color:#fff;	
}
div.btn , div.btn:hover,a.btn , a.btn:hover{
	border: 0 none;
    border-radius: 0;
    font-size: 20px;
    padding: 0px 12px;
    line-height:45px;

}


#search_btn{
	background: #111;
    border: medium none;
    box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    height: 50px;

	margin: 70px 0 0;
	float:left;
    width: 75%;
    color:#fff;
}
#search_btn:active{
box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.2);
background:#008F5A;	

}

#close_btn{
position:fixed;
top:10px;
left:10px;
-moz-border-radius: 2px;
height:35px;
width:35px;
border:none;
cursor: pointer;

background:url("../images/spirit.png") 0px 32px;
}


.right_header{
position:fixed;
left:0px;
width:100%;
height:180px;
top:0px;	
background: #fff;
z-index:10000000;
display:none;
border-bottom:solid 3px #fff;


}



.search_div{
position:relative;
	height:40px;
	width:100%;


	float:left;
}



/*
#search_box{
	background-color:#f3f3f3;
    border: 1px solid #c3c3c3;
    border-radius: 2px;
    -moz-border-radius: 2px;
    color: #555;
    text-align:left;
    height: 46px;
   	display: inline;
    width: 245px;
    font-size:14px;
    font-family:arial;
    text-align:left;
    padding:5px;

}

#search_btn{
position:absolute;
top:6px;
left:-40px;
-moz-border-radius: 2px;
height:35px;
width:35px;
border:none;
cursor: pointer;

background:url("../images/search_btn.png")
}
/*
.right_header{
position:absolute;
left:30px;
width:300px;
height:60px;
top:50px;	
}


.right_header{
position:fixed;
left:0px;
width:100%;
height:150px;
top:0px;	
background-color:#798D13;
z-index:23;
display:none;
}


.search_div{
position:relative;
	height:30px;
	width:200px;
	margin-top:10px;
	margin-left:55px;
	float:left;
}



.search_div{
position:relative;
	height:30px;
	width:200px;
	margin-top:5px;
	margin-left:20px;
	float:left;
}
*/

/*----------------------------------------num---------------------------------------*/
#num_container{
height:22px;	
padding:5px;
background-color:#fff;
display:inline-block;
margin:0px auto 100px auto;
}

#num-cont{

    bottom: 350px;
    color: #000;
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    padding: 10px;
    position: relative;
    width: 100%;
    z-index: 10000;

}


.num_con,.num_con_search{
    border-radius: 5px;
    color: #a8a8a8;
    cursor: pointer;
    float:left;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 45px;
    margin:0 10px;
}

.num_active,.num_con:hover,.num_active:hover,
.num_active,.num_con:focus,.num_active:focus{
	background-color:#008f5a;
	font-weight:bold;	
	color:#fff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


/*-----------------------------right-cont------------------------------------------*/
.body_right{
width:200px;
float:left;
display:inline;	
margin:0px 5px 5px 5px;


}
.right_cont{
font-size:14px;
border:solid 1px #cacaca;
box-shadow: 0 10px 10px 5px rgba(0, 0,0,0.3);
width:200px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 
}

#right_cont{
float:left;
width:660px;
overflow:hidden;
background:#f3f3f3;
margin-top:20px;
}


.left_half_right{
float:left;
width:200px;
padding:7px ;
border:solid 1px #111;
height:200px;
overflow:hidden;
margin:20px 2px;
background:#008F5A;
}


.videos_small_title{
color:#008F5A;
font-size:18px;
margin:0px  ;
height:30px;
font-family:"Open Sans Condensed";
text-align:left;
width:auto;
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.4);
padding:10px;
overflow;hidden;
display:block;
color:#008F5A;

border-bottom:3px solid  #fff ;
line-height:40px;
background:url('../images/pattern1.jpg') #fff;	
}


.left_half_left:hover,.left_half_left:focus{
border:solid 1px #888;
}	
.right_half_right{
float:left;
width:315px;
margin:10px 0px 10px 10px;	
}

.right_full_right{
float:left;
width:450px;
margin:0px 0px 16px 10px;	
}

#left_cont{
float:left;
width:302px;
margin:20px 15px 0px 5px;

}
	
	
.widget{
width:240px;
margin:0px 0px 40px 0px ;
padding:0px;
overflow: hidden;
position:relative;
    font-size:15px;
    line-height:35px;
    font-family:"Open Sans Condensed";

background:#f3f3f3;
    
    


}



/*---------------------------------------login-------------------------------------*/


}
.login_div input[type=text],.login_div input[type=password]{
	background-color: #fff url(../images/back_strips.png);
    border: 1px solid #aaa;
    border-radius: 2px;
    -moz-border-radius: 2px;
    color: #111;
    text-align:left;
    font-size:14px;
    font-family:arial;
    width:90px;
    _width:210px;
    height:20px;	
}
.no_result{
height:60px;
font-size:18px;	
padding:30px;
}

#social_net{
height:100px;	
box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.4);
border:solid 1px #aaa;
width:99%;
overflow:hidden;
margin-top:20px;
background:#fff;
}

#social_net a{
display:block;
float:left;
margin:4px;	
}



.submit {
    background-color:#555555;
    border: thin solid #CCCCCC;
    border-radius: 2px ;
    -moz-border-radius: 2px;
    height: 25px;
    _height: 22px;
    width: 110px;
	color:#fff;
}

/*-----------------------------------news-------------------------------------------*/
.full_news_cont{
width:660px;
margin:10px ;
_margin:10px ;
text-align:left;
overflow: hidden;
background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CEC2B9;
    border-radius: 3px ;
    -moz-border-radius: 3px;
    box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
    position:relative;
}


#right_news_cont{
width:540px;
overflow:hidden;
float:left;
position:relative;	
}

#left_news_cont{
width:200px;
overflow:hidden;
float:left;
border-left:solid 1px #999;
margin-top:10px;
}

.full_news_title{
font-family:"Open Sans Condensed";
width:650px;
overflow:hidden;
display: inline-block;
border-bottom:1px solid #999999;
padding:10px 5px 10px 0px;
font-size:18px;
color:#2BA6FF;
margin-bottom:10px;

}

.act_title{
	width:93%;
font-family:"Open Sans Condensed";
display: inline-block;
border-bottom:1px solid #bbb;
padding:10px 5px 10px 0px;
font-size:18px;
color:#2BA6FF;
margin-bottom:10px;	
}







.full_news_image{
margin:5px;	
border:solid 1px #1F1F1F;
float:left;
width:150px;
height:150px;
}
.full_news_body{
margin:5px;	
float:left;
width:650px;
color:#666;
line-height:28px;
font-size:13px;
text-align:justify;
font-family:"Open Sans Condensed";	

}
.full_news_date{
height:20px;
border-top:1px solid #999999;
background-color:#666;
width:650px;
_width:640px;
float:left;
color:#ffffff;
padding-left:10px;
_padding-left:10px;
font-size:13px;
}




#load_wait{
height:1110px;
width:100%;
min-height:50px;
position:absolute;
top:0px;
left:0px;
opacity:0.8;
z-index:1;
background:url("../images/loading.gif") no-repeat center center white;
display:none;
overflow:hidden;
}


.top_text{
margin-top:50px;
height:70px;
width:400px;
overflow:hidden;
font-size:24px;
font-family:"Open Sans Condensed";
}
.bottom_text{
margin-bottom:20px;
height:360px;
width:400px;
overflow:hidden;
font-size:18px;
font-weight:normal;
font-family:"Open Sans Condensed";
}

.artical_title{
width:290px;
font-size:16px;	
margin:5px 5px 10px 5px;
text-align:left;
color:#008000;
height:42px;
line-height: 20px;
overflow:hidden;
}


/*----------------------------------videos--------------------------------------*/
.videos_artical{
width:194px;
font-size:16px;	
margin:5px;
text-align:left;
color:#008000;
height:35px;
line-height: 20px;
overflow:hidden;
}


.videos_dept_title{
width:285px; 
margin-bottom:10px;	
background:#555;
height:25px;
color:#ccc;
font-family:"Open Sans Condensed";

}

.videos_thmb{
background:url("../images/videos_arrow.png") center center no-repeat ;
position:absolute;	
height:220px;
z-index:0;

width:100%;
top:-17px;
opacity:0.5;
}
.videos_thmb_cont{
	background: #fff none repeat scroll 0 0;
    box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    float:left;
    font-family: "Open Sans Condensed";
    font-size: 12px;
    overflow:hidden;
    margin: 0 0 40px;
    overflow: hidden;
    position: relative;
	width:100%;	
}
.videos_artical a:active, .videos_artical a:focus , .videos_artical a:link , .videos_artical a:visited{
text-decoration:none;
color:#2BA6FF;
}

.copy_right{
text-align:right;
line-height:30px;
color:#333;	
}

.videos_title{
	height:30px;
	width:96%;
	color: #fff  ;
	text-align:left;
	padding:2px;
	font-size: 16px;
	margin-left:2px;
	line-height:30px;
	font-weight:bold;
	border-bottom:1px dotted #fff;
	font-size:16px;	
}

.imp_videos{
	width:204px;
	height:224px;
	margin: 10px;
	border:solid 1px #999;
	
	float:left;
	box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
	border-radius: 3px 3px 3px 3px ;
	float:left;
}


.artical_videos{
width:194px;
height:90px;
border:solid 1px #ccc;
display:block;
overflow:hidden;
margin:4px;
text-align:left;	

}
.videos_show{
margin:10px;
width:660px;
height:350px;
background-color:#212121;
}



.videos_date{
margin:10px;
background-color:#555;
color:#fff;
font-size:14px;
direction:ltr;
text-align:left;
width:610px;
_width:620px;
padding:5px;
overflow:hidden;	
}


.videos_date{
margin:10px;
background-color:#555;
color:#fff;
font-size:14px;
direction:ltr;
text-align:left;
width:650px;
_width:660px;
padding:5px;
overflow:hidden;	
}
.videos_arrow{
width:194px;
height:90px;
text-align:left;
position:absolute;
background :url("../images/videos_arrow.png") center center no-repeat ;	
z-index:1;
opacity:0.6;
filter:alpha(opacity=40);
display:block;
cursor:pointer;
}

#videos_cont{
width:690px;
overflow:hidden;
border:solid 1px #aaa;
box-shadow: 0 10px 10px -5px rgba(0, 0,0,0.3);
margin-bottom:20px;
margin:20px 5px;
float:left;
padding:10px;
background:#fff;

}



/*---------------------------------------lib------------------------------------*/

.lib_title{
margin:5px;
color:#555;
font-size:16px;
font-family:"Open Sans Condensed";
text-align:left;
width:670px;
_width:680px;
margin-bottom:10px;	
}

.lib_body{
width:670px;

/*border:solid 1px #efefef;*/
color:#666;
float:left;
overflow:hidden;
margin-left:4px;
text-align:justify;
line-height:30px; 
font-size:15px;
}

.lib_img{
width:80px;
height:115px;
border-left:solid 1px #ccc;
float:left;
display:block;
overflow:hidden;
margin-left:15px;
padding-left:20px;
}

.lib_sites{
width:670px;
border:solid 1px #ccc;
overflow:hidden;
margin:4px;
margin-bottom:10px;
	
	
}

/*---------------------------------------gallery------------------------------------*/

#mag_big{
width:265px;
height:227px;
position:absolute;
background:no-repeat;
border:solid 1px #999;	
display: none;
z-index:1;
left:3px;
top:25px;
}



.prod_cont{
float:left;
background:#fff;
width:29%;
margin:2%;
opacity:0.8;
filter:alpha(opacity=80);
overflow:hidden;
height:250px;	
background-color:#efefef;
border-radius: 0px 0px 5px 5px;
-moz-border-radius:0px 0px 10px 10px;
position: absolute;	
float:left;
-webkit-transition: width 1s ease, height 1s ease;

-moz-transition: height 500ms ease ,width 500ms ease,padding 500ms ease,left 500ms ease  ;
-o-transition: height 500ms ease ,width 500ms ease ,padding 500ms ease,left 500ms ease;
-ms-transition: height 500ms ease ,width 500ms ease ,padding 500ms ease,left 500ms ease;
transition: height 500ms ease ,width 500ms ease ,padding 500ms ease,left 500ms ease; 

}



.left_1{
left:0px;	
}

.left_2{
left:240px;	
}
.left_3{
left:480px;	
}


.left_1:hover,.left_1:focus{

opacity:1;
filter:alpha(opacity=100);

background-color:#f0f0f0;


-moz-transition: height 500ms ease ,width 500ms ease,padding 500ms ease,left 500ms ease  ;
-o-transition: height 500ms ease ,width 500ms ease ,padding 500ms ease,left 500ms ease;
-ms-transition: height 500ms ease ,width 500ms ease ,padding 500ms ease,left 500ms ease;
transition: height 500ms ease ,width 500ms ease ,padding 500ms ease,left 500ms ease; 
z-index:2;
padding:5px;
left:-5px;
height:270px;
width:30%;


}


.left_2:hover,.left_2:focus{

opacity:1;
filter:alpha(opacity=100);

background-color:#f0f0f0;


-moz-transition: height 500ms ease ,width 500ms ease,padding 500ms ease,left 500ms ease  ;
-o-transition: height 500ms ease ,width 500ms ease ,padding 500ms ease,left 500ms ease;
-ms-transition: height 500ms ease ,width 500ms ease ,padding 500ms ease,left 500ms ease;
transition: height 500ms ease ,width 500ms ease ,padding 500ms ease,left 500ms ease; 
z-index:2;
padding:5px;
left:235px;
height:270px;
width:30%;


}


.left_3:hover,.left_3:focus{

opacity:1;
filter:alpha(opacity=100);

background-color:#f0f0f0;


-moz-transition: height 500ms ease ,width 500ms ease,padding 500ms ease,left 500ms ease  ;
-o-transition: height 500ms ease ,width 500ms ease ,padding 500ms ease,left 500ms ease;
-ms-transition: height 500ms ease ,width 500ms ease ,padding 500ms ease,left 500ms ease;
transition: height 500ms ease ,width 500ms ease ,padding 500ms ease,left 500ms ease; 
z-index:2;
padding:5px;
left:475px;
height:270px;
width:30%;


}






.prod_title{
height:50px;
width:144px;
color:#7e7e7e;
font-size:16px;
font-family:"Open Sans Condensed";
line-height:50px;
}

.prod_body{
height:270px;
width:144px;
display:block;
opacity:0.8;
filter:alpha(opacity=80);
}
.prod_body:hover,.prod_body:focus{
opacity:1;
filter:alpha(opacity=100);
}

.prod_footer{
height:30px;
width:144px;
display:block;
background:#FCEFA1;
overflow:hidden;
background:url('../images/more_repeat.jpg') repeat-x;
color:#fff;
font-size:14px;
font-family:"Open Sans Condensed";
line-height:30px;
}



.menu_item_side{
 border-bottom: 1px solid #CEC2B9;
    color: #555;
    display: block;
    font-family: "Open Sans Condensed";
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    padding: 10px 10px 10px 10px;
    text-align:left;
    font-family:"Open Sans Condensed";
    overflow:hidden;
    border-left:solid #eee 5px;
   
    
}

.menu_item_side:hover,.menu_item_side:focus{

box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.2);
-moz-transition: padding-left 300ms linear;
-o-transition: padding-left 300ms linear;
-ms-transition: padding-left 300ms linear;
transition: padding-left 300ms linear; 
background-color:#fff;	
padding-left:25px;
color:#fff;

border-left:solid #DAD3BE 5px;
}


/*--------------------------------------related-------------------------------------*/
#related_product_cont{


margin:20px 0%;
overflow:hidden;
background:#fff;	
}

.related_product{
overflow:hidden;
width:18%;

margin:5px 1%;
display:block;
float:left;	
overflow:hidden;
text-align;right
}

.related_product:hover,.related_product:focus{
background-color:#fff;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
	
}

.related_product_img{
height:110px;
width:91%;
margin:5%;
display:block;	
}

.related_videos_img{
height:110px;
width:100%;
margin:5px;
display:block;	
}

.related_product_div{
overflow:hidden;
color: #111;	
line-height:20px;
margin:5px;
font-weight:bold;
}
 
/*--------------------------------------poll----------------------------------------*/ 
.poll_widget{
width:295px;
_width:300px;
float:left;
display:inline;	
margin-top:20px;
box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.4);
border:solid 1px #aaa;

overflow:hidden;
position:relative;
}


.poll_widget{
width:110px;
_width:110px;
float:left;
display:inline;	
margin-top:20px;
box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.4);
border:solid 1px #aaa;

overflow:hidden;
position:relative;
}

.poll_color{
background-color: #111  ;
color:white;
height:20px;
	
}

.poll_text{
color:#008F5A;
height:25px;
text-align:left;
}
#poll_container{
width:100%;
overflow:hidden;

font-family:"Open Sans Condensed";
line-height:35px;
margin-bottom:20px;
}



#results,#poll_cont{
	width:96%;
    overflow:hidden;
    background:url('../images/poll.png ') no-repeat left bottom;
    overflow:hidden;
    color:#555;
    padding:5px;
}

.poll{
width:20px;
float:left;	
text-align:left;
height:38px;
}
.poll_tit{
width:90%;
text-align:left;	
float:left;
}
#option1_txt,#option2_txt,#option3_txt{
min-width:140px;
float:left;
height:25px;
}

#option1_result,#option2_result,#option3_result{
width:30px;
float:left;
text-align:center;
height:20px;
line-height:20px;
}

#option1_color,#option2_color,#option3_color{
float:left;	
width:2px;
height:20px;
}

.result_con{
overflow: hidden;
height:80px;
margin-top:2px ;
}
.ques{
color:#008F5A;
text-align:left;	
border-bottom:1px solid #fff;
font-size:15px;
padding-bottom:5px;


}

.poll_div{
overflow:hidden;
margin-top:10px ;
width:100%;
float:left;
text-align:center;

}
.poll_div_result{
width:100%;		
overflow:hidden;
height:30px;
vertical-align: top;
float:left;
}

.poll_image{
text-align:left;
position:absolute;
bottom:2px;
left:2px;
height:150px;
background-image:url("../images/poll.png");
}

#vote{
width:60px;
height:35px;	
background:#008F5A;
border:solid 1px  #fff;
color:#fff;
font-size:14px;
font-weight:bold;
margin-top:5px;
cursor: pointer;
}
.item_cont{
width:940px;
height:110px;	
margin-left:10px;
margin-top:10px;
}
.item_cont_tall{		
width:960px;
/*margin-left:20px;*/
margin-top:10px;
overflow:hidden;
}



/*-----------------------------------------footer---------------------------------- */



#footer {
 clear: both; 
 font-size: .84em;  
 padding: 0px 0 0; 
border-top:10px solid #fff;
background: #000 url("../images/companies/1/footer_back.jpg") ;
height:400px;



}
.footer_link:active,.footer_link:focus ,  .footer_link:link , .footer_link:visited
{
border:solid 1px #fff; 
color:#fff;
text-decoration:none;
font-size:13px;	
text-align:left;
padding:5px;
margin:5px;
display:block;
float:left;
font-family:arial;


}

.meta_link:active,.meta_link:focus ,  .meta_link:link , .meta_link:visited
{
color:#fff;
text-decoration:none;
font-size:13px;	
text-align:left;
padding:5px;
margin:5px;
display:block;
float:left;
font-family:arial;
background:	#111;
padding:10px 20px;
}
.meta_link:hover,.meta_link:focus{
background:	#FF7F00	
}

#recent_slide a{
display:block;	
}
.event{
width:100%;
height:200px;
background:#fff;	
}
.event_right{
width:55%;
float:left;
border-left:#ccc solid 1px;
height:86%;
font-size:20px;
color:#111;
padding:2%;
text-align:left;
overflow:hidden;
display:table;
  vertical-align: middle;
  line-height: normal;
}
.event_left{
width:40%;
float:left;
height:100%;	
}
.event_left_num1{font-size:30px;color:#008F5A;width:100%;text-align:center;float:left;height:30%;margin-top:60%;font-weight:bold;}
.event_left_num2{font-size:26px;overflow:hidden;color:#888888;width:100%;text-align:center;float:left;height:45%;}
 
.footer_link:hover ,.footer_link:focus{
color: #fff ;
background:	#111;
padding:5px;
}
 


.up_footer{
	width:100%;
	overflow:hidden;
	background-color:#fff;
	color:#fff;
	margin:0px 0px;
	padding:0px;
	line-height:35px;
	font-size:16px;
	text-align:left;
	float:left;
	font-family:"Open Sans Condensed";
    
}

.up_footer_back{
	width:990px;
	overflow:hidden;
	color:#fff;
	margin:15px 0px 30px 0px ;
	padding:4px;
	line-height:45px;
	font-size:16px;
	text-align:left;
	float:left;
	box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
	font-family:"Open Sans Condensed";
	border: 1px solid #CEC2B9;
    border-radius: 5px 5px 5px 5px;
    background:url('../images/pattern.png') repeat #fFF;
}

.up_footer_small{
	background: #fff;
    border: 1px solid #fff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
    color: #fff;
    float:left;
    font-family: "Open Sans Condensed";
    font-size: 16px;
    line-height: 35px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding: 5px;
    text-align:left;
    width: 705px;
}

.up_footer_smaller{
width:250px;
overflow:hidden;
float:left;
text-align:left;
margin-left:10px ;
margin-top:5px;
margin-bottom:10px;
text-align:left;
float:left;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
border: 1px solid #CEC2B9;
border-radius: 5px 5px 5px 5px;
font-size:16px;
line-height:35px;
font-family:"Open Sans Condensed";
background:url('../images/back.png') repeat;
	
}


.up_footer_square{
	width:978px;
	overflow:hidden;
	border:solid 1px #CEC2B9;
	color:#fff;
	margin:15px 10px 15px 0px;
	line-height:35px;
	font-size:16px;
	text-align:center;
	float:left;
	font-family:"Open Sans Condensed";
	background:#fff;
	box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
	
	
}



#footer_cont{
width:100%;


overflow:hidden;
padding:40px 0px 20px 0px;
overflow:hidden;
}



#footer_right,#footer_left,#footer_middle{
float:left;
display:inline;
height:100%;
padding:20px 10px 10px 10px;
}
#footer_right{width:360px}
#footer_left{width:580px;}
#footer_middle {width:80px; }


.footer_break{
	height:185px;
	width:1px;
	float:left;
	display:inline;
	zoom : 0;
	margin:5px 0;
}

.footer_title{
	color:#fff;
	height:20px;
	width:100%;
	font-size:20px;
font-weight:bold;
	padding:20px;
	text-align:left;
	font-family:"Open Sans Condensed";
	
}

#recent_slide-cont{
height:230px;
background-color:#1F1F1F;
position:relative;
overflow:hidden;
float:left;
}
#recent_next_ad{
width:40px;
height:40px;	
position:absolute;
top:0px;
left:40px;
background:url("../images/next_btn.png") center center no-repeat #111;
cursor:pointer;
opacity:1;
z-index:2;
}


#recent_prev_ad{
width:40px;
height:40px;	
position:absolute;
top:0px;
left:0px;
background:url("../images/prev_btn.png") center center no-repeat #111;
cursor:pointer;	
opacity:0.9;
z-index:2;
}

#footer_right .footer_title{
color:#eee;	
border-bottom:#eee solid 1px;
font-weight:lighter;
}
#footer_left .footer_title{
color:#eee;	
border-bottom:#eee solid 1px;
font-weight:lighter;
}

 .footer_sub_title{
	height:40px;
	color:#fff;
	text-align:left;
	
}
.info:hover,.info:focus{
background:	#111;
}


.footer_text{
	
	
	width:100%;
	text-align:left;
	font-size:14px;
	padding:10px;
	margin-bottom:30px;
	color:#fff;
}

.footer_text2{
	height:10px;
	text-align:left;
	font-size:14px;
	text-shadow:3px 3px 4px #9B8B6C;
	color:#fff;
	
}
.footer_sub_text{
margin-top:10px;
height:30px;
width:90px;
text-align:center;
display:inline;
}
.footer_sub_text a{
opacity:0.5;
filter:alpha(opacity=50);	
}

.footer_sub_text a:hover,.footer_sub_text a:focus{
opacity:1;	
filter:alpha(opacity=100);	
}


.shorttext {
    font-family: "Open Sans Condensed";
    height: 40px;
    padding:5px;
 	width:90%;
 	background-color: #fff;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset;
    color: #626262;
    border-radius: 0;
    border:solid #eee 1px; 
	margin:10px;
    display: block;
    font-size: 13px;
    max-width: 100%;
    padding: 10px;
}


#longtext , .longtext{

    font-family: "Open Sans Condensed";
    height: 40px;
    padding:5px;
    width: 264px;
 	background-color: #fff;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset;
    color: #626262;
    border-radius: 0;
    border:solid #eee 1px; 
	margin:12px;
    display: block;
    font-size: 13px;
    max-width: 100%;
    padding: 10px;
}



.list_div{
	margin:50px 0px 50px 20px;
	font-size:170%;
	padding:10px 10px 10px 80px;
	min-height:60px;
	line-height:30px;
	overflow:hidden;
}

input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus {
    background-color: #e9f5fc !important;
    border-color: #d5e5ee;
    color: #1982c2;
}


#powered{
background-color: rgba(18, 29, 45, 0.75);	
margin: 0 auto;
text-align:left;
padding: 10px 0px 10px 0px; 
width:100%:
height:60px;


z-index:100;
height:40px;
bottom:0px;
color:#FFF;
width:100%;

}
#power_logo{
	margin-left:30px;
	margin:2px 7px;
	float:left;
	display:inline;
}
#power_copyright{
	float:left;
	display:inline;
	margin-left:20px;
	margin-top:5px;
	color:#008F5A;
	font-size:13px;
	
}

.footer_split{
	margin-top:15px;
    overflow:hidden;
    background:url(../images/back_strips.png) #fff ;
    min-height:20px;
    padding:10px;
    margin-top:10px;
	text-align:left;
	font-size:18px;
	line-height:25px;
	color:#222;
	font-family:'arial', Calibri, Arial, sans-serif;
	direction: rtl;
    

}

.contact_title{
font-size:16px;
width:50px;
float:left;	
font-weight:bold;
font-family:"Open Sans Condensed";
text-align:left;
color:#008f5a;
height:50px;

}

.contact_text{
color:#333;
float:left;	
font-size:14px;
text-align:left;
font-family:tahoma;
direction: rtl;
font-weight:bold;

}

.contact_row{
margin:10px 0px 30px 0px;
overflow:hidden;
width:100%;	

}



ul li a{
position:relative;	
}

.image_dec{padding-left:10px;font-family:Arial;}




ul.resp_menu{
   box-sizing:unset;
   border-bottom:solid 0px #fff;
   margin: 0 0%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 101;
	background:#D00E18 url(../images/islamic_pattern_trans.png);
    height: 130px;
    opacity: 1;
    color:#008F5A;
   -moz-transition: all 0s ease 0s;	
-o-transition: all 0s ease 0s;	
-ms-transition: all 0s ease 0s;	
transition: all 0s ease 0s;

-moz-transition: border-left 0ms linear;
-o-transition: border-left 0ms linear;
-ms-transition: border-left 0ms linear;
transition: border-left 0ms linear; 	

-webkit-transition:background 0s ease;
-ms-transition:background 0s ease;
transition:background 0s ease;
}



ul.#menu {

margin:0px 0px 0px 0px;
position:relative;
position:absolute;
top:10px;
left:140px;
font-family:"Open Sans Condensed";	
overflow:hidden;
z-index:3;
}








#menu li:active{
	
'background:#fff;	
}




/*------------------------------------------login----------------------------------*/
.form_input{

	float:left;
    height: 40px;
    margin: 10px auto;
    text-align:left;
    width: 65%;
    
}
#username,#password{
height:37px;
width:100%;	
color:#008F5A;
}
#login_btn{
height:40px;
width:80px;	
color:#008F5A;	
margin-bottom:20px;
}


/*/////////////////////////////////////////////////////////////*/
#address{
background:url("../images/cont_website.png") center right 5px no-repeat ;
padding-left:30px;	
}

#phone{
background:url("../images/cont_phone.png") center right 5px no-repeat ;
padding-left:30px;	
}

#mobile{
background:url("../images/cont_mobile.png") center right 5px no-repeat ;
padding-left:30px;	
}

#fax{
background:url("../images/cont_fax.png") center right 5px no-repeat ;
padding-left:30px;		
}
#email{
background:url("../images/cont_email.png") center right 5px no-repeat ;
padding-left:30px;		
}

.faild{
height:35px;
margin:10px;
border:dotted 1px #111;
font-size:20px;		
background-color:#F2C9CA;
color:#008F5A;	
clear: both;
}

.success{
height:35px;
margin:70px 10px 10px 10px;
border:dotted 1px #111;
font-size:20px;		
background:#9FBD29;
background-repeat: repeat-x;
color:white;	
line-height:35px;
}

.success_move{
height:35px;
margin:10px 10px 40px 10px;
border:dotted 1px #111;
font-size:16px;		
background:#008F5A;
background-repeat: repeat-x;
color:white;	
line-height:35px;
display:block;
}

.success_move:hover,.success_move:focus{
color:#fff;
}


#login_logo{
'background-image: url("../images/footer_logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    
    margin-left: 20px;
    margin-top: 5px;
    width: 150px;
    background-size:150px;
    height: 175px;
    margin: -20px auto 20px auto;
    display:inline-block;
    
    
}
.pic_cont{
width:508px;
overflow:hidden;
border:solid 1px #aaa;
box-shadow: 0 10px 10px -5px rgba(0, 0,0,0.3);
margin-bottom:20px;
margin-left:15px;
float:left;
}

#mag_small{
width:50px;
height:25px;
position:absolute;
opacity:0.4;
background-color:#fff;
border:solid 1px #999;	
display: none;
z-index:1;
}




#top_arrow{
background:url('../images/icon_top.png') #008F5A ;
opacity:0.8;
filter:alpha(opacity=80);
cursor: pointer;
position:fixed;
bottom:50px;
left:10px;
z-index:102;	
width:40px;
height:40px;
display:none;
}

#log_in{
    box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.2);
    color: #fff;
    margin: 40px 0;
    text-align: center;
}
.form_logo{
float:left;
width:30px;
height:25px;
padding-top:20px;
}
.form_title{
float:left;
width:90px;
height:40px;
text-align:left;
margin:10px auto;
line-height:40px;	
}

.login_row{
margin : 10px 0px;
height:35px;	
}

#comments_cont{
width:98%;
border:solid 1px #fff; 
margin:20px 1%;
overflow:hidden;	
}

#face_comment{
width:650px;
height:110px;
	
}

#social_share{
height:90px;
width:99%;

overflow: hidden;	
}

.page_error{
color:#008F5A;
font-size:16px;
}


.box{
width:98%;
 
margin:40px 1%;
overflow:hidden;	
background:#fff;
}


 #active {color:#008F5A;}


.active_menu {display:block;color:#220000;background:#fff }


..slide_item_cont{
position:relative;
height:410px;
width:48%;
overflow: hidden;
float:left;

margin:0px 0px;


}

.slide_item_cont_wide{
position:relative;
height:345px;
width:97%;
overflow: hidden;
float:left;
border:solid 1px #ccc;
padding:1.5%;
background: url("../images/pattern.png") repeat scroll 0 0 #fff;
color:#fff;
margin-top:40px;
box-shadow: 0 0 5px 1px #aaa;
font-family: "Open Sans Condensed";
font-size:13px;
font-weight:bold;
line-height:20px;
border-bottom:solid 5px #111;
}

.slide_item_cont_wide a{
color:#FF5400;	
text-align:left;
}

.wide_title{
background:#fff;	
}
.wide_title:hover,.wide_title:focus{
background:#798D13;	
}


.slide_item_cont_wide a:nth-child(1){
color:#fff;		
}



.slide_item_cont_wide .page_title{
background:url('../images/pattern3.jpg') ;
border-bottom:solid 5px #fff;	
}
.slide_item_cont_wide a:hover,.slide_item_cont_wide a:focus{
	
}

.slide_item_cont a{
color:#fff;
font-weight:bold;
font-size:15px;	
}

#more_results,#more_results_search{
width:200px;
height:40px;
background:#008F5A;
font-size:18px;	
text-align:center;
margin:20px 265px;
border-radius:  15px;
-moz-border-radius:  15px;
-webkit-border-radius:  15px;
box-shadow: 0 20px 5px -15px rgba(0, 0, 0, 0.4);
line-height:40px;
cursor: url('../images/cursor_link.png'),auto;;
text-align:center;
color:#fff;

margin:0 auto;
cursor:pointer;

}

#more_results:hover,#more_results_search:hover,
#more_results:focus,#more_results_search:focus
{
background:#008F5A;
color:#fff;
}




.up_footer_back #main_image{
background : url(../images/sep2.png) left center no-repeat ;
padding-left:20px;
margin-left:20px;
}

.ad{
width:100%;
margin:10px 0px ;
height:200px;
display: block;	
font-family: "Open Sans Condensed";
box-shadow: 0 0 5px 1px #aaa;
float:left;

}

.ad_title{
border-top:solid 4px  #fff ;	
width:96%;
height:56px;
background:#e6e6e6;	
color: #fff ;
font-size:20px;
line-height: 28px;
text-align:left;
padding:0% 2%;
}

#current_date{
position:absolute;
 left: 325px;
top: 0px;
height:30px;
z-index:20;
color: #fff ;
font-weight:bold;
padding-left:30px;
background:url('../images/date.png') center right no-repeat ;
font-family: "Open Sans Condensed";
}

#top_ad_right{
height:90px;
width:540px;
position:absolute;
top:30px;
left:185px;
background-color:#fff;
border:solid 1px #888;
z-index:10;

overflow:hidden;
}

#top_ad_left{
height:90px;
width:230px;
position:absolute;
top:30px;
left:15px;
background-color:#fff;
border:solid 1px #888;
z-index:10;
overflow:hidden;
}

.tab{
float:left;
width:20%;
height:60px;

border-left:solid 1px #fff;

color:#fff;	
padding:3.4px;
font-family: "Open Sans Condensed";
line-height: 30px;
background:#eee;
cursor: pointer;

-moz-transition: background-color 400ms linear;
-o-transition: background-color 400ms linear;
-ms-transition: background-color 400ms linear;
transition: background-color 400ms linear;
font-size:20px;
line-height:60px;
}

.tab.tab_active{
color:#F9F3DE;
background: #fff;	
-moz-transition: background-color 400ms linear;
-o-transition: background-color 400ms linear;
-ms-transition: background-color 400ms linear;
transition: background-color 400ms linear;
	
}

#tab_header{
border-bottom:solid 3px #fff;
overflow:hidden;
background:#eee;	

}
.tab_body{

width:98%;
overflow:hidden;
padding:5% 1%;
background:#f3f3f3;
}

.slide_top_item{
background:#f3f3f3;
}
.slide_top_item:hover,.slide_top_item:focus{
background:#fff;	
}

#out_ad_left{
width:210px;
height:780px;
position:absolute;
top:30px;
left:-215px;
border;solid 1px #CEC2B9;
}
#out_ad_right{
width:210px;
height:780px;
position:absolute;
top:30px;
left:-215px;
border;solid 1px #CEC2B9; 
color#111;
}


#news_bar_prev{
width:30px;
height:30px;
-moz-transition: background-color 200ms linear;
-o-transition: background-color 200ms linear;
-ms-transition: background-color 200ms linear;
transition: background-color 200ms linear;
background:url("../images/prev2.png") center center no-repeat  #111  ;
float:left;
margin:8px 5px;
cursor: pointer;	
z-index:10;
}

#news_bar_next{
width:30px;
height:30px;
-moz-transition: background-color 200ms linear;
-o-transition: background-color 200ms linear;
-ms-transition: background-color 200ms linear;
transition: background-color 200ms linear;
background:url("../images/next2.png") center center no-repeat  #111  ;
float:left;
margin:8px 5px;
cursor: pointer;	
z-index:10;
}




.product-image-wrapper{
	border:1px solid #F7F7F5;
	overflow: hidden;
	margin-bottom:30px;
	width:21.5%;
	float:left;
	padding:0.5%;
	margin:1%;
}

.single-products {
  position: relative;
}

.new, .sale {
  position: absolute;
  top: 0;
  left: 0;
}

.productinfo h2{
	color: #fff;
	
	font-size: 20px;
	font-weight: 700;
	
}
.product-overlay h2{
	color: #fff;
	height:60px;
	font-size: 18px;
	
	line-height:20px;
	overflow:hidden;
}
.product-overlay p{
	color: #fff;
	height:25px;
	font-size: 20px;
	font-weight: 700;
	line-height:40px;
	overflow:hidden;
}


.productinfo p{

  font-size: 14px;
  font-weight: 400;
  color: #696763;
}

.productinfo div{
  height:30px;
  font-size: 14px;
  font-weight: 400;
  color: #696763;
}

.productinfo a{
  height:20px;
  
}

.productinfo img{
  width: 100%;
}

.productinfo{
 position:relative;
}

.product-overlay {
  background:#008F5A;
  top: 0;
  display: none;
  height: 0;
  position: absolute;
  transition: height 500ms ease 0s;
  width: 100%;
  display: block;
  opacity:0.8;
  overflow: hidden;
}

.single-products:hover .product-overlay ,
.single-products:focus .product-overlay {
  display:block;
  height:100%;
}


.product-overlay .overlay-content {
  top: 0;
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 96%;
  padding:2%;
}

.product-overlay .add-to-cart {
  background:#fff;
  border: 0 none;
  border-radius: 0;
  color: #fff;
  padding:5px;
  font-size: 15px;
  margin:0 auto 10px auto;
 display:block;
 width:120px;
 	
}

.product-overlay .add-to-cart:hover ,.product-overlay .add-to-cart:focus {
  background:#fff;
  color:  #fff;
}


.product-overlay p{
  
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}



.add-to-cart {
  background:#F5F5ED;
  border: 0 none;
  border-radius: 0;
  color: #696763;
  
  font-size: 15px;
  margin-bottom: 25px;
}

.add-to-cart:hover,.add-to-cart:focus {
  background: #fff;
  border: 0 none;
  border-radius: 0;
  color: #FFFFFF;
}

.add-to{
  margin-bottom: 10px;
}

.add-to-cart i{
	margin-left:5px;
}

.add-to-cart:hover ,.add-to-cart:focus{
  background: #fff;
  color: #FFFFFF;
}

.choose {
  border-top: 1px solid #F7F7F0;
}

.choose ul li a {
  color: #B3AFA8;
  
  font-size: 13px;
  padding-left: 0;
  padding-left: 0;
}

.choose ul li a i{
	margin-left:5px;
}

.choose ul li a:hover,.choose ul li a:focus{
	background:none;
	color:#fff;
}

.category-tab {
  overflow: hidden;
}

.category-tab ul {
  background: #62C3AC;
  border-bottom: 5px solid #fff;
  list-style: none outside none;
  margin: 0 0 30px;
  padding: 0;
  width: 100%;
}

.category-tab ul li a {
  border: 0 none;
  border-radius: 0;
  color: #fff;
  display: block;
  
  font-size: 14px;
  text-transform: uppercase;
}

.opacity{
background:#008F5A;
opacity:0;
height:80px;
width:160px;
position:absolute;
top:12px;
left:12px;
z-index:0;
line-height:90px;
color:#fff;	
font-size:14px;
}
.opacity:hover,.opacity:focus{
opacity:0.6;	
}

.opacity2,.opacity3{
opacity:0;
height:100%;
width:100%;
position:absolute;
top:-20px;
left:0px;
z-index:1;
line-height:80px;
display:block;	
color:#fff;
padding-top:20px;
}



.opacity2:hover,.opacity3:hover,.opacity2:focus,.opacity3:focus{

opacity:0.9;

}


.opacity2{background:#008F5A;font-size:24px;overflow:hidden;}
.opacity3{background:url(../images/url.png) no-repeat center center #008F5A;}

.image_thmb img{
width:100%;
height:100%;	
}
/*--------------------------------------small_slide---------------------------------*/



.menu_title{
color:#999;margin-top:16px;font-size:13px;	font-weight: normal;
}
.right_arrow{
float:left;
background:url(../images/arrow_right.png) no-repeat center center;
width:20px;
height:30px;	
margin-left: 10px;
}
a.menu_item:hover,a.menu_item:focus{
color:#fff;	
background:#008F5A;
}

.break_white{
width:60%;
height:1px;	
border-bottom:1px solid #fff;
margin:20px auto 20px auto;	
}

.break_black{
width:60%;
height:1px;	
border-bottom:1px solid #966F78;
margin:20px auto 20px auto;	
}



.dropdown p {
	display: inline-block;
	font-weight: bold;
}

.dropdown select {

      border: 0 !important;  /*Removes border*/
      -webkit-appearance: none;  /*Removes default chrome and safari style*/
      -moz-appearance: none; /* Removes Default Firefox style*/
      background: url('http://jonathanphz.tk/dropdown_arrow.png') no-repeat;  /*Adds background-image*/
      background-position: 80px 8px;  /*Position of the background-image*/
      width: 100px; /*Width of select dropdown to give space for arrow image*/
      height: 20px;/*fix for mac input height*/
      text-indent: 0.01px; /* Removes default arrow from firefox*/
      text-overflow: "";  /*Removes default arrow from firefox*/
      cursor: pointer;
      /*My custom style for fonts*/
height:50px;
color: #1455a2;
  
}
select option {
  text-align: center;
  height:30px;
}



.code_hide{
display: none;	
}

#bar{
overflow:hidden;
width:940px;
display:none;
background:#f3f3f3;
padding:50px 30px;
}






.list_li{
position:relative;	
}


@media (max-width: 500px) {



#page_title{
border-bottom: 1px solid #cec2b9;
    color: #111;
    font-size: 40px;
    line-height: 80px;
    margin: -80px 0 20px;
    padding: 10px;
	
    padding-bottom: 0;
    padding-top: 60px;
}	










}	






@media (max-width: 900px) {
	
	
.lang_menu, .comp_menu{
 	background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #000;
    display: block;
    font-size: 16px;
    height: 45px;
    line-height: 40px;
    margin-left: 0;
    overflow: hidden;
    position: fixed;
    right: 5px;
    top: 100px;
    width: 50px;
    z-index: 102;
	}	
	
	


#image-title{
	
    float:left;
    height: 50px;
    right: 100px;
    opacity: 1;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 89%;
    z-index: 250;
    text-align:right;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	border-bottom:solid 1px #ccc;

}
	
	
	
#next_ad{
 border-radius: 0px;
    -moz-border-radius: 0px;		
height:60px;
width:60px;
overflow:hidden;
display:inline;
cursor:pointer;
float:left;
margin:5px 1px;

font-size:0px;
z-index:100;
position:absolute;
right:-1px;
top:265px;

background-image:url("../images/next_btn.png") ;
background-color: #000;
background-repeat:no-repeat;
background-position:center;



}



#prev_ad{
 border-radius: 0px;
-moz-border-radius: 0px;	
height:60px;
width:60px;
overflow:hidden;
display:inline;
cursor:pointer;
float:left;
margin:5px 1px;
font-size:0px;
z-index:100;
position:absolute;
right:59px;
background-image:url("../images/prev_btn.png") ;
background-color: #000;
background-repeat:no-repeat;
background-position:center;
top:265px;
left:auto;
}

	
	
#slide{
	
height:600px;	
}	

#menu>li>a#active{

color:#fff;
background:#d00e18;
}
	
	
#menu>li>a:hover{

color:#fff;

}
	
.comment1{
width:250px;
font-size:30px;
}
.comment2{
visibility:hidden;
}
	
#contact_cont{
border-right:solid 0px #ddd;
border-bottom:solid 1px #ddd;
margin:60px 20px 20px 20px;

}
	
	
.opacity2, .opacity3 {
opacity:0.8;	
}


select#depart_select{
	
float:none;	
}

	
.slide_item_cont a{
color:#002843;	
}
	
#news_bar_prev{
width:33px;
height:22px;
background:url("../images/up.png") center center no-repeat   ;
margin:1px 1px;

width:100%;

}

#news_bar_next{
width:33px;
height:22px;
background:url("../images/down.png") center center no-repeat    ;
margin:1px 1px;
width:100%;
}

	
	
.link_image,.view_image{

position:absolute;
top:50px;
left:50%;
line-height:200px;	
cursor:pointer;

}


	
#menu > #close_resp_menu{
display:block;	
background: #008F5A url("images/close.png") no-repeat scroll bottom right 25px;
}
	
.slide_item_cont{

margin-top:70px;
background:#ddd;

	
}

	
	
#slide_comment_cont_left{
display:none;	
}	
	
	
	
div.btn , div.btn:hover,a.btn , a.btn:hover{
	border: 0 none;
    border-radius: 0;
    font-size: 20px;
    padding: 0px 7px;

}
	
.col-sm-bottom{
float:right;	
}	

.col-sm-top{
float:left;	
}


#header_curve{
	
display:none;	
}	

#page_title {
    border-bottom: 1px solid #cec2b9;
    color: #008f5a;
    font-size: 40px;
    line-height: 80px;
    margin: -30px 0 20px;
    padding: 60px 10px 0;
    margin-bottom:20px;	
	height:150px;
}	



a.menu_item:hover,a.menu_item:focus{
color:#fff;	
background:#666;
}



.lang_title , .comp span{
//display:none;	
}

.lang{
width:33px;	
right:50px;
top:5px;
position:absolute;
}

li.lang ul{
	
width:33px;	
right:50px;
top:41px;
position:fixed;
	
}


.comp{
width:35px;	
right:0px;
top:5px;
position:fixed;
float:right;
}

li.comp ul{
	
width:150px;	
left:-116px;
top:-120px;
	
}





	
	
.small_list{
text-align:center;	
display:none;
}






#search_botton{
	background: rgba(0, 0, 0, 0) url("../images/search_btn2.png") no-repeat scroll right 15px center;
    height: 65px;
    right: 0px;
    position: absolute;
    top: 10;
    width: 60px;
    padding-right: 20px;
	
}

#search_type{
	
height:60px; 
width: 100%;
margin:30px 0px 70px 0px;
border: solid 1px #ccc;	

}


#search_type option{
height: 40px;
    line-height: 5%;
    padding: 5px;
    width: 100%;
}


#search_btn{
	background: #111 ;
    border: medium none;
    box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    height: 50px;
   	width: 50%;
    float:none;
	color:#fff;
	margin:0px 0px 0px 0px;
}

.search_div{
margin-bottom:20px;
height:150px;	
}



.right_header{
background:#008f5a;	
height:100%;
}


#search_box{
margin: 100px 0 0;
}

.shorttext {width:96%}


.col-md-6 ,.col-md-4,.col-md-3,.col-md-2{
margin-bottom:20px;	
overflow:hidden;

}




#header_back{
border-top:0px solid #111 ;
padding:100px 0px 0px 0px;

background:#fcfcfc;
position: relative;
overflow: hidden;
}


#image-prev{
left:5px;
top:5px;
width:50px;
height:50px;
padding:0px;
border-radius: 0px;
background: #000 url("../images/prev_resp.png") no-repeat scroll center center;
}

#image-next{
left:55px;
top:5px;
width:50px;
height:50px;
padding:0px;
border-radius: 0px;
background: #000 url("../images/next_resp.png") no-repeat scroll center center;
}

.opacity2,.opacity3{
line-height:100px;

}


a#logo{
display:block;	
width:100%;
left:0px;
top: 0px;
padding:6px;
z-index:99;

}



ul li ul li ul li{
display:block;	
}
ul li ul li ul{
display:none;
position:absolute;
left: 0px;
top: -800px;
z-index:100000000000000000000000;
border-radius:  0px;
-moz-border-radius:  0px;
-webkit-border-radius:  0px;
width:200px;
overflow:hidden;	
color:#008F5A;
border-bottom:solid 5px #008f5a;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.2);
list-style-type: none;
opacity:0;
padding-top:20px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	visibility: visible;
}

ul li ul li:hover ul,ul li ul li:focus ul{
display:none;	
opacity:1;

}


#menu li ul li.widemenu{
float:none;	
display:block;	
width:inherit;	
}


ul li ul li ul.widemenu{
width:inherit;	
}





#menu>li>a.button_hover{
color:#fff;	
border:solid 1px #111;

}


ul.resp_menu{
box-shadow: none ;	
width:20%;	
top:0px;

}



a#logo img{
'height:45px;
margin:5px auto auto auto;	
}

#beiond_menu{
display:block;
z-index:98;	
 box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
border-bottom:4px solid #d00e18;
 }
 
 
 .ch-grid li.zoomIn{margin: 100px auto 200px auto;}

.footer_to_top{
margin: -150px 36%;
}

#big-img-div{
height:83%;	
}

#image-text{
height:30%;	
float:none;
}

#powered{

text-align:center;
}

{
width:90%;	
}


.list_li{
position:static;	
}

#top_social_left{
display:none;	
}


ul.responsive{	
background: url(../images/menu.png) no-repeat 0px -65px ;
height: 120px;
width:50px;

right:30px;
cursor: pointer;
z-index:100;
}


.close_menu{	
background: url(../images/menu.png) no-repeat 0px -130px ;
height: 65px;
width:65px;
top:-5px;
position: absolute;
left:0px;
cursor: pointer;
z-index:106;
display:none;
}




ul.responsive>li{
height:100%;	
}




#menu > li, #right_menu > li{
display: block;	
padding:6px;
border-bottom:solid 1px #3AB56A;
width:100%;


}



ul.responsive>li>ul#menu{
	
border-bottom:solid 10px #008f5a;
left:0px;	
padding-top:0px ;
position:absolute;

    z-index:1000000000;
    background:#008F5A;
top:-1200px;
-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


ul.responsive{
z-index:103;
height: 50px;
    position: fixed;
    top: 0;
}

ul.responsive:hover{
z-index:104;
}



ul > li > ul > li > ul{
opacity:1;
position:relative;
left:0px;
width:100%;
left:0px;
top:0px;
margin:10px 0px;

}

#page_title,.page_title{
text-align:center;	
}

#search_botton:hover,#search_botton:focus{
border:none;
}

ul li ul#menu li:hover ul , ul li ul#menu  li:focus ul{
display:none;	
opacity:1;
}


ul.responsive{
list-style: url(../images/empty.png);
}

#menu>li>a ,#menu>li>div{
color:#fff;	
width:100%;
margin:0px;
}


#menu>li , #right_menu>li { 
background:#008F5A;
}



#menu>li>a:hover,#menu>li>div:hover{
color:#008F5A;	
width:100%;
background:#fff;
}


.copy_right{
text-align:center;	
}



}


.drawing{
min-height:40px;	
}

.adv_image{
display:inline-block;	
width:40px;
height:40px;
margin: 20px;

}

.adv_image1{
background:url(../images/adv_sprit.png) 0px 0px;		
}

.adv_image2{
background:url(../images/adv_sprit.png) -40px 0px;		
}

.adv_image3{
background:url(../images/adv_sprit.png) -80px 0px;		
}

.adv_image4{
background:url(../images/adv_sprit.png) -120px 0px;		
}

.adv_image5{
background:url(../images/adv_sprit.png) -160px 0px;		
}

.adv_image6{
background:url(../images/adv_sprit.png) -200px 0px;		
}

.adv_image7{
background:url(../images/adv_sprit.png) -240px 0px;		
}

.adv_image8{
background:url(../images/adv_sprit.png) -280px 0px;		
}

.adv_image9{
background:url(../images/adv_sprit.png) -320px 0px;		
}

.adv_image10{
background:url(../images/adv_sprit.png) -360px 0px;		
}

.adv_image11{
background:url(../images/adv_sprit.png) -400px 0px;		
}

.adv_image12{
background:url(../images/adv_sprit.png) -440px 0px;		
}

.featureBox{
	
margin:30px 0px 10px 0px;	
}

.footer_to_top,.footer_to_top_back{
	background:#fff ;
	color:#008F5A;	
    border-radius: 200px;
    cursor: pointer;
    height: 100px;
    left: 50%;
    margin: -100px -50px;
    position: absolute;
    width: 100px;
    z-index: 1;
}
.footer_to_top_back{
	border:solid 10px #111;
		
    border-bottom-left-radius:300px;  /* 100px of height + 10px of border */
    border-bottom-left-radius: 300px; /* 100px of height + 10px of border */
    
    border-top: 0;
	
}



.footer_to_top:hover,.footer_to_top:focus{
background:#d00e18  ;
color:#fff;	
}




sparent, which forms the triangle.

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-left: 5px solid transparent;
  
  border-bottom: 5px solid black;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-left: 20px solid transparent;
  
  border-top: 20px solid #f00;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  
  border-left: 60px solid green;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent; 
  
  border-left:50px solid #111; 
}




@media only screen 
and (min-device-width : 900px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {


#beiond_menu{position:fixed;height:90px}	
#search_botton,.lang{position,fixed}
#logo{position:fixed;margin-top:5px;}


}