body {background-color:#FAFAFA; position:relative; font-size:14px; font-family:Verdana, Geneva, sans-serif; color:#323233; line-height:1.6; border:0px; margin:0px; padding:0px; color: #666666; background-image:url(/public/img/body_bg.jpg); background-position: center center; background-repeat:no-repeat;}
input{ outline: none;}
button{ outline: none;}
.container_div {width: 1180px; margin-left: auto; margin-right: auto;}

.dark_blue{ background-color:#233658;}
.desktop_menu{ float:left;}
.d_menu_item{ padding:10px 10px; text-transform:uppercase; float:left}
.d_menu_item a{ color:#FFFFFF; text-decoration:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-weight:lighter; font-size:12px;}
.d_menu_item a:hover{ text-decoration:underline;}
.top_email{ float:right; color:#FFFFFF; font-size:20px; padding-top:3px;}
.mobile_menu{display: none; border-top: 1px solid #FFF;}
#menu{position: absolute; top: 40px; z-index: 2000; width: 100%; display:none;}
#second_menu{position: absolute; top: 224px; z-index: 2000; width: 100%; display:none;}
#menu_button{ color:#FFFFFF; padding:7px 10px; float:left;}
#sec_menu_button{ color:#333; padding:0px 10px; float:left;}
.grey_m_item{ text-align:center; color:#333; background-color:#F5F5F5; text-decoration:none; font-size:medium; border-bottom:1px solid #333; padding:4px 10px;}
.logo_div{ float:left; padding-left:10px;}
.dm_menu_item{ background-color:#233658; color:#FFF; text-align:center; padding:5px 10px; border-bottom:1px solid #FFF; text-decoration:none; font-size:medium;}
.phone_div{float:right; color:#233658; font-size:24px; margin-top:10px; padding-right:10px;}
.phone_div i{ font-weight:bold; font-size:30px; }
.search_div{ float:right; margin-top:10px; padding-right:10px;}
.search_div input{-webkit-border-radius: 14px;  border-radius: 14px; border:1px solid #233658; padding:6px 10px; width:260px;}
.grey_menu{ background-color:#F5F5F5; z-index:10 !important;
box-shadow: 0 5px 5px 1px #777777;
-moz-box-shadow:    0 5px 5px 1px #777777;
-webkit-box-shadow: 0 5px 5px 1px #777777;
}
.with_shadow{box-shadow: 0 5px 5px 1px #777777;
-moz-box-shadow:    0 5px 5px 1px #777777;
-webkit-box-shadow: 0 5px 5px 1px #777777;}
a.grey_menu_item{ text-decoration:none; text-transform:uppercase;  -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color:#333; font-size:17px; padding:0px 25px; line-height:46px;}
a.grey_menu_item:hover{ text-decoration:underline;}
.mobile_second_menu{display:none;}

.f_blue_line{ float:left; width:33%; height: 5px; background-color:#536BA3;}
.f_yellow_line{ float:left; width:34%; height: 5px; background-color:#FCDF60;}
.f_red_line{ float:left; width:33%; height: 5px; background-color:#D9586A;}
#footer_content{ background-color:#252829; color:#FFFFFF; padding:40px 0px; font-size:12px; font-weight:normal;}
#footer_line{ background-color:#1E2124;}

#footer_col1{ float:left; padding-left:10px;
width: -moz-calc(35% - 10px); 
width: -webkit-calc(35% - 10px); 
width: -o-calc(35% - 10px); 
width: calc(35% - 10px);
}
#footer_col2{ float:left; padding:0px 45px;
width: -moz-calc(35% - 90px); 
width: -webkit-calc(35% - 90px); 
width: -o-calc(35% - 90px); 
width: calc(35% - 90px);
}
#footer_col3{width:30%; float:left;}
.f_h4{ font-size:15px; font-weight:normal;}
.icon_div{ width:25px; float:left; font-size:14px; padding-top:2px;}
.next2icon_div{ float:left;
width: -moz-calc(100% - 25px); 
width: -webkit-calc(100% - 25px); 
width: -o-calc(100% - 25px); 
width: calc(100% - 25px);}

.soc-google-plus{-webkit-border-radius: 50%;  border-radius: 50%; color:#FFF; font-size:24px; background-color:#D13732; margin:5px; float:right; text-align:center; width:42px; height:34px; padding-top:8px;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border:0px;}
.soc-google-plus:hover{ background-color:#FFFFFF; color:#D13732;}
.soc-facebook{-webkit-border-radius: 50%;  border-radius: 50%; color:#FFF; font-size:24px; background-color:#2D4486; margin:5px; float:right; text-align:center; width:42px; height:34px; padding-top:8px;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border:0px;}
.soc-facebook:hover{ background-color:#FFFFFF; color:#2D4486;}
.soc-twitter{-webkit-border-radius: 50%;  border-radius: 50%; color:#FFF; font-size:24px; background-color:#3F8CE6; margin:5px; float:right; text-align:center; width:42px; height:34px; padding-top:8px;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border:0px;}
.soc-twitter:hover{ background-color:#FFFFFF; color:#3F8CE6;}


.f_line_left{float:left;color:#FFFFFF; padding:6px; font-size:12px; font-weight:normal;}
.f_line_right{ float:right;color:#FFFFFF; padding:6px; font-size:12px; font-weight:normal;}

.h1_general{ text-transform:uppercase; color:#233658; font-size:28px;}
.h1_home{ text-transform:uppercase; color:#233658; text-align:center; font-size:21px;}
.home_3_cols{ float:left; width:33.33%; text-align:center;}
.h2_home{text-transform:uppercase; color:#233658; font-weight:bold; font-size:17px;}
.bara_grey{ width:1px; background-color:#545454;}
.slide_img{ padding:45px 0px; text-align:center; width: -moz-calc(20% - 1px); width: -webkit-calc(20% - 1px); width: -o-calc(20% - 1px); width: calc(20% - 1px); cursor:pointer;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.slide_img_img{width:100%;-webkit-filter: grayscale(0%); filter: alpha(opacity=100);opacity: 1; filter: grayscale(0%);-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.slide_img_img_hover{width:100%;-webkit-filter: grayscale(100%); filter: alpha(opacity=50);opacity: 0.5; filter: grayscale(100%);-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.bara_white{ width:1px; background-color:#FFF;}
.slide_text{ padding:10px;border-top:1px solid #233658;width: -moz-calc(20% - 1px); width: -webkit-calc(20% - 1px); width: -o-calc(20% - 1px); width: calc(20% - 1px); position:relative; cursor:pointer;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.slide_submenu{ display:none; position:absolute; left:0px; top:67px; width:100%;border-top:1px solid #233658;}
.slide_text td{text-align:center; color:#FFF; text-transform:uppercase; font-size:15px;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
	.slide_text_hover{ background-color:#FFF;border-top:1px solid #233658; padding:10px;width: -moz-calc(20% - 1px); width: -webkit-calc(20% - 1px); width: -o-calc(20% - 1px); width: calc(20% - 1px); position:relative; cursor:pointer;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
	.slide_text_hover_td{ text-align:center; color:#233658;text-transform:uppercase; font-size:15px;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

a.white{ color:#FFFFFF; text-decoration:none;}
a.white:hover{text-decoration:underline;   -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.contact_left {
    float: left;
    width: 58%;
}

.contact_right {width: -moz-calc(38% - 20px); width: -webkit-calc(38% - 20px); width: -o-calc(38% - 20px); width: calc(38% - 20px); float: right;}
.div_left {
    float: left;
    width: 48%;
}
.div_right {
    float: right;
    width: 48%;
}
.input_text {
    width: 97%;
    padding: 6px;
    font-size: 14px;
    border: 1px solid #666;
}
.textarea {
    width: 98.7%;
    padding: 6px;
    font-size: 14px;
    border: 1px solid #666;
}
.btn_blue{ background-color: #233658; border:1px solid #000; text-decoration:none; color:#FFF; font-size:16px; text-transform:uppercase; border:0px; padding:7px 18px 7px 18px; cursor:pointer;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn_blue:hover{background-color:#252829;}

a{ color:#233658;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}
a.hover{ text-decoration:none;}

.slide_sub_item{ text-align:center; color:#233658; background-color:#FFF; padding:6px 10px; border:1px solid #233658; border-top: 0px; font-weight:normal; font-size:13px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.slide_sub_item:hover{ background-color:#F3F3F3;}
.slide_submenu a{text-decoration:none;}
.slider_all_mob{ display:none;}

.cert{
	padding:20px 40px; float:left; width: -moz-calc(33.33% - 80px); width: -webkit-calc(33.33% - 80px); width: -o-calc(33.33% - 80px); width: calc(33.33% - 80px); text-align:center;
}
.cert img{ width:100%; }
.referinta{
	float:left; width: -moz-calc(50% - 50px); width: -webkit-calc(50% - 50px); width: -o-calc(50% - 50px); width: calc(50% - 50px);
	padding:10px; margin:15px; border-bottom:1px dashed #CCCCCC;
}

#menu_produsele_noastre{float:left; width:250px; background-color:#233658; color:#FFF; padding:11px 15px; font-size:15px; text-transform:uppercase;}
#left_menu{float:left; width:280px; background-color:#FFFFFF;border-top:1px solid #233658; display:block;}
.right_content{float:right; margin-left:40px; width: -moz-calc(100% - 320px); width: -webkit-calc(100% - 320px); width: -o-calc(100% - 320px); width: calc(100% - 320px);}
.left_m_item{ border:1px solid #233658; border-top:0px; cursor:pointer;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; position:relative; color:#333333; z-index:1;}
.left_m_item:hover{ background-color: #E3E3E3;}
.mcateg_0{padding:6px 50px 6px 8px; color:#000000;}
.mcateg_1{padding:6px 50px 6px 23px; background-color:#F4F4F4;}
.mcateg_2{padding:6px 50px 6px 38px; background-color:#F8F8F8;}
.mcateg_3{padding:6px 50px 6px 53px; background-color:#EFEFEF;}
.left_m_item i{ position:absolute; right:8px; top:8px; font-weight:normal; color:#233658; font-size:17px; z-index:2;}

.categ_item{ margin:15px; float:left; width: -moz-calc(33.33% - 30px); width: -webkit-calc(33.33% - 30px); width: -o-calc(33.33% - 30px); width: calc(33.33% - 30px); position:relative; height:200px; background-position:center; background-repeat:no-repeat; 
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;}
.categ_item div{ position:absolute; bottom:0px; left:0px; padding:15px; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); text-align:center; background-image:url(/public/img/categ-bg.png); color:#FFFFFF;}
@media only screen and (max-width: 1180px)
{
	.container_div {width: 100%;}
	.top_email{ padding-right:10px; font-size:16px; padding-top:5px; padding-bottom:5px;}
	.slide_text td{font-size:13px;}
	.inner_page {padding:0px 10px 0px 0px; width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px); position:relative;}
}

@media only screen and (max-width: 1080px)
{
	.desktop_menu{display: none;}
	.mobile_menu{display: block;}
	a.grey_menu_item{padding:0px 20px;}
	.slide_text td{font-size:12px;}
}
@media only screen and (max-width: 1000px)
{
	#menu_produsele_noastre { width:20px; padding:14px 15px; font-size:18px; cursor:pointer;}
	#menu_produsele_noastre span{ display:none;}
	#left_menu{ display:none; position:absolute; top:0px; left:0px;}
	.right_content{margin-left:0px; padding-left:15px; padding-right:15px; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px);}
}
@media only screen and (max-width: 980px)
{
	.home_3_cols{ width:29.33%; padding:0px 2%;}
	.home_3_cols img{ max-width:100%;}
}
@media only screen and (max-width: 900px)
{
	a.grey_menu_item{padding:0px 20px;}
	.contact_left {width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); float: none; margin-bottom:20px;}
	.contact_right {width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); float: none; padding-top:20px;}
	.slide_text td{font-size:11px;}
}

@media only screen and (max-width: 820px)
{
	#footer_col1{ float:none; padding:0px 10px 20px 10px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); border-bottom:1px solid #666;}
	#footer_col2{ float:none; padding:10px 10px 20px 10px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); border-bottom:1px solid #666;}
	#footer_col3{ float:none; padding:0px 10px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px);}
	a.grey_menu_item{padding:0px 15px;}
	.cert{
		padding:20px 10px 30px 10px; float:left; width: -moz-calc(33.33% - 20px); width: -webkit-calc(33.33% - 20px); width: -o-calc(33.33% - 20px); width: calc(33.33% - 20px);
	}
	
	.referinta{
	float:none; width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px);
	}
}
@media only screen and (max-width: 764px)
{
	.slider_all{ display:none;}
	.slider_all_mob{ display:block;}
	.slide_img{ width:auto; padding: 25px 10px;}
	.slide_img img { max-width:249px;}
	.slide_text{ width:auto; color:#FFF; text-align:center;}
}
@media only screen and (max-width: 720px)
{
	a.grey_menu_item{padding:0px 10px; font-size:15px;}
	.home_3_cols{ width:96%; padding:0px 2%; float:none; margin-bottom:30px;}	
}
@media only screen and (max-width: 610px)
{
	#second_desktop_menu{display:none;}
	.mobile_second_menu{display:block;}
	#sec_menu_button{ padding:10px 15px;}
}
@media only screen and (max-width: 560px)
{
	.phone_div{font-size:20px;}
	.phone_div i{ font-size:24px; }
	.search_div input{width:160px;}
	.div_left, .div_right {float:none; /*width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px);*/ width:100%;}
	.textarea{ width:96%;}
	.input_text{width:99%;}
}
@media only screen and (max-width: 520px)
{
	.cert{
		padding:20px 10px 30px 10px; float:none; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px);
	}	
}