/*error*/
.error {
	padding: 5px 5px;
	margin: 5px;
	border: solid 1px #FBD3C6;
	background: #FDE4E1;
	color: #CB4721;
	direction: ltr;
	line-height: 20px;
}
.success {
	padding: 5px 5px;
	margin: 5px;
	border: solid 1px #C0F0B9 !important;
	background: #D5FFC6 !important;
	color: #48A41C !important;
	direction: ltr;	
}
.alert {
	border:solid 1px #FBD3C6 !important;
	background:#FDE4E1 !important;
	color:#CB4721 !important;
	opacity: 1 !important;
}
/*error*/

/*add_popup*/

.add_popup {
    background: none repeat scroll 0 0 #565656;
    border-radius: 5px;
    color: #ffffff;
    font-size: 15px;
    height: 100px;
    left: 50%;
    margin-left: -210px;
    margin-top: -90px;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 420px;
    z-index: 2147483647;
}
.add_popup_content{
	width:420px;
	height:180px;
	display:block;
	position:relative;
	border-radius:5px;
}
.add_popup_content_remove{
	width:420px;
	height:180px;
	/* background:url("images/remove.png") no-repeat center 27px; */
	display:block;
	position:relative;
}
.add_popup_content_remove span {
    display: block;
    padding-top: 37px;
}
.add_popup_content span {
    display: block;
    padding-top: 27px;
	line-height: 20px;
}
.add_popup_more{
	position:absolute;
	width:204px;
	line-height:28px;
	right:4px;
	bottom:4px;
	border-radius: 5px;
	/* border: 1px solid #BFBFBF; */
	text-align: center;
	height: 28px;
	color: #ffffff;
	font-size: 16px;
	background: #36C360;
	cursor: pointer;	
}
.add_popup_more:hover{
	color: #ffffff;
	background:#008a00;
}
.add_popup_tasviye{
	position:absolute;
	width:204px;
	height: 28px;
	line-height:28px;
	color:#ffffff;
	background:#34C7C7;
	left:4px;
	bottom:4px;
	border-radius: 5px;
	/* border: 1px solid #BFBFBF; */
}
.add_popup_tasviye:hover{
	color:#ffffff;
	background:#2989D8;
}
.about img { 
	width:203px;
}
/*add_popup*/

.item_brand { 
	margin:0 0 20px;
}
.item_brand .item { 
    float: left;
    width: 295px;
    height: 190px;
    margin: 10px 9px;
    border: 1px solid #e4e4e4;
    padding: 12px;
    border-radius: 10px;
}
.item_brand .item .fltrght { 
	float:left;
	width:120px;
}
.item_brand .item .fltrght .ttle { 
	text-align:center;
}
.item_brand .item .category { 
    float: left;
    width: 116px;
    /*height: 121px;*/
    /*overflow: hidden;*/
}
.item_brand .item .category img { 
	width:100%;
	border: 1px solid #CCC;
	border-radius: 50%;
}
.item_brand .item .brand { 
	float: right;
	width: calc(100% - 130px);
	direction: ltr;
	
}
.item_brand .item .brand ul{
	padding: 0;
	margin: 0;
}
.item_brand .item .brand ul li { 
    float: left;
    border-bottom: 1px solid #efefef;
    width: 100%;
    padding: 10px 0;
    text-align: left;
}
/********Lang*******/
.lang{
	float: left;
	width: 120px;
	margin-left: 5px;
	position: relative;
}
.lang>a{
	display: block;
	height: 30px;
	line-height: 30px;
	background-color: #F0F0F0;
	border: 1px solid #F0F0F0;
	width: 100%;
	padding: 0 8px;
	position: relative;
	font-size: 12px;
	color: #666;
	text-align: left;
	direction: ltr;
}
.lang>a>img{
	margin-right: 4px;
}
.lang>a:before{
	display: block;
	content: '';
	width: 8px;
	height: 5px;
	background: url(img/select.png) no-repeat center center;
	position: absolute;
	right: 8px;
	top: 50%;
	margin-top: -2.5px;
}
.lang_body{
	display: none;
	width: 100%;
	position: absolute;
	top: 31px;
	z-index: 100;
	background-color: #fff;
    border: 1px solid #EEE;
    text-align: left;
	direction: ltr;
}
.lang_body ul{
	padding: 0;
	margin: 0;
}
.lang_body ul li{
	border-bottom: 1px solid #EEE;
}
.lang_body ul li a{
	display: block;
	padding: 5px 8px;
}
.lang_body ul li:last-child{
	border: none;
}
.lang_body ul li a img{
	margin-top: -4px;
	margin-right: 4px;
}
.lang_body ul li a:hover{
	background-color: #eee;
}
.breadcrumb > .active {
    color: #0e2050 !important;
}
.breadcrumb > li{
	position: relative;
	z-index: 1000;
}
.dropdown-menu{
	z-index: 1010 !important;
}
/*****small menu*****/
.filter_body{
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.75);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2000;
  display: none;
}
.small_menu{
  position: fixed;
  top: 0;
  left: -300px;
  width: 300px;
  height: 100%;
  background-color: #fff;
  overflow-x: auto !important;
  z-index:30000;
  text-align: left;
  direction: ltr;
}
.title_menu{
  background-color: #0e2050;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  line-height: 50px;
  border-bottom: solid 1px #ddd;
  padding-left: 20px;
}
.small_menu>ul{
  padding: 30px 0;
  margin-bottom: 0;
}
.small_menu>ul>li>a{
    display: block;
    padding: 13px 25px;
    color: #191919;
    border-bottom: 1px solid rgba(225,225,225,.5);
    font-size: 13px;
}
.small_menu>ul>li.small_inner>a{
  background: url(img/plus_menu.png) no-repeat 90% center;
}
.small_menu>ul>li.small_inner>a.menu_active{
  background: url(img/minus_menu.png) no-repeat 90% center;
}
.small_menu>ul>li>a:hover,
.small_menu>ul>li.small_inner>a:hover{
  background-color: #f7ca00;
  color: #fff;
}
.small_menu>ul>li>ul{
  background-color: #F4F4F4;
  display: none;
  padding: 0;
}
.small_menu>ul>li>ul>li>a{
  display: block;
  padding: 13px 10px 13px 40px;
  font-size: 13px;
  border-bottom: 1px solid rgba(225,225,225,.5);
  color: #666;
}
.close_menu{
  position: absolute;
  top: 18px;
  right: 20px;
  background: url(img/close_white.png) no-repeat center center;
  width: 15px;
  height: 15px;
}
.lang_small{
	display: none;
	padding: 0 25px;
}
.lang_small >span{
	display: block;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: bolder;
}
.lang_small ul{
	padding: 0;
}
.lang_small ul li{
	float: left;
	margin-right: 15px;
}
.lang_small ul li a{
	display: block;
	color: #333;
	font-size: 13px;
}
/************MEDIA QUERY************/
@media only screen and (min-width: 993px){
	.small_menu,
	.filter_body{
		display: none !important;
	}
}
@media only screen and (max-width: 992px){
	.about{
		margin: 20px 0;
	}
	.item_brand .item{
		width: 48%;
		margin: 10px 1%;
	}
	.search-main input[type=text]{
		width: 31.33%;
		margin: 0 1%;
	}
	.search-main input[type=submit]{
		margin-top: 10px;
		margin-left: 1%;
	}
	footer p{
		line-height: 20px;
		margin-bottom: 15px;
		text-align: center;
		float: none;
		display: block;
	}
	footer .ham3d{
		float: none;
		text-align: center;
	}
	footer .ham3d a img{
		float: none;
	}
	.latest_news_sec{
		float: left;
		margin-bottom: 10px;
	}
	.top-bar{
		display: none;
	}
	header .menu-full .search{
		margin-top: -5px;
	}
	.material-menu-overlay,
	.material-menu-titlebar{
		display: none !important;
	}
}
@media only screen and (max-width: 768px){
	.slider .owl-theme .owl-controls .owl-buttons div.owl-next{
		right: 0;
		margin-top: -40px;
	}
	.slider .owl-theme .owl-controls .owl-buttons div.owl-prev{
		left: 0;
		margin-top: -40px;
	}
	.slider .owl-theme .owl-controls .owl-pagination{
		bottom: 20px;
		right: 20px;
	}
	.slider .item span{
	    bottom: 20px;
    	left: 25px;
	}
	.about img{
		display: block;
		margin: 0 auto 10px auto;
	}
	header .logo{
		right: 10px;
	}
}
@media only screen and (max-width: 667px){
	.item_brand .item{
		width: 100%;
	}
}
@media only screen and (max-width: 568px){
	.slider .owl-theme .owl-controls .owl-buttons div.owl-next,
	.slider .owl-theme .owl-controls .owl-buttons div.owl-prev{
		display: none !important;
	}
	.slider .item span{
		font-size: 13px;
		height: 40px;
		line-height: 35px;
		top: 10px;
		left: 10px;
		bottom: auto;
	}
	.slider .owl-theme .owl-controls .owl-pagination{
		right: 10px;
		bottom: 10px;
	}
	header .info{
		display: none;
	}
	header .logo h1{
		margin: 15px 0 0 0;
	}
	header .logo h1 a img{
		width: 180px;
	}
	header .menu-full{
		margin: 35px 0 0 0;
	}
	header .menu-full .search{
		margin-right: 5px;
	}
	.lang_small{
		display: block;
	}
}
@media only screen and (max-width: 480px){
	.latest_news_sec{
		width: 100%;
	}
	header .menu-full .search{
		display: none;
	}
}
@media only screen and (max-width: 375px){
	.search-main input[type=text]{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.search-main input[type=submit]{
		margin-right: 0;
	}
}



/*------------------------------------*\
    ^EDIT
\*------------------------------------*/


.df{
    display: flex;
}

.flex-center{
    display: flex;
    justify-content: center;
    align-items: center
}

.flex-col{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:768px){
    .modalInfo .flex-align{
        flex-direction: column;
    }
   
}

.flex-align{
    display: flex;
    align-items: center   
}
.flex-align img{
    max-width: 100%
}

.text-center{
    text-align: center;
}

.panelList{
    border: 1px solid #E3E3E3;
    margin-bottom: 15px;
}

.panelList__header{
    margin-bottom: 9px;
    height: 40px;
    line-height: 30px;
    font-size: 16px;
    padding-left: 9px;
    background: #E3EAF0;
    
}

.panelList__body{
    padding-right: 15px;
    padding-left: 15px;
}

.panelList__body label span{
    padding-right: 7px;
    /*margin-bottom: 5px;*/
    padding-left: 3px;
}

/*.panelList__content{
    padding: 10px;
}*/

.panelList__content+.panelList__content{
    border-top: 1px solid #E3E3E3;
}
.panelList__body ul{
    padding: 0;
}
.panelList__body ul li{
    cursor: pointer;
}
.panelList__body ul li a{
	display: block;
	padding: 10px;
}
.panelList__body ul li:hover a{
    background-color: #0e2050;
    color: #ffffff;
}
.panelList__body ul li+li{
    border-top: 1px solid #E3E3E3;
}

.gutter{
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.frmModal__list{
    padding: 0;
}

.frmModal__list_li+.frmModal__list_li{
    margin-top: 10px;
    
}

.frmModal__list_title{
    float: right;
    background: #f0f1f2;
    width: 100%;
    height: auto;
    padding: 9px 21px;
}


.frmModal__list_value{
    background: #f7f9fa;
    padding: 9px 21px;
    width: 100%;
    height: auto;
    color: #777;
    float: left;
}

.modalInfo ul{
    padding: 0;
}

.modalInfo ul li{
    float: none;
}

.frmModal__b{
    margin: 9px 0;
}
.modalInfo__p{
    width: 100%;
}
.modalInfo__li{
    margin-bottom: 10px;
}
@media screen and (min-width:768px){
    .modal-dialog{
        width: 800px
    }
}
.mg-15{
    margin-top: 15px;
}

.pull-left { 
float: right !important
}
.brand-logo {
    width: 25px; height: 25px; margin-bottom: 5px
}

.telephone{
	width: 170px;
	height: 38px;
	background:url("img/yellow.png") no-repeat;
	position: relative;
    margin-left: 5px;
}
.telephone span{
    font-size: 19px;
    padding-left: 6px;
    padding-right: 6px;
    font-weight: bold;
}
.telephone img{
    position: absolute;
    left: 10px;
    top: 2px;
}

.proes .info{
	height:120px
}

.item_brand .item .brand ul li { 
    float: right;
    border: 1px solid #efefef;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.item_brand .item .brand ul li:hover {
    background-color: #173175;
    color: #fff;
}
.proes:hover .info{
    border-top-color: #000;
    background-color: #000;
}

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

    .contact .form-cont .capcha input, .contact .form-cont .capcha a{
        width: 100%;
    }
}

.p-mobile0{
    padding: 0 !important;
}









.slids-bp .owl-theme .owl-controls .owl-buttons div{
    background-color: #aaa;
}
.title.two{
    background-color: #000;
}
.item_brand .item .brand ul li:hover{
    background-color: #000;
}
.search-main input[type=submit]{
    background-color: #000;
}

.contact .form-cont input[type="submit"]{
    background-color: #000;
}

.slider .item span{
    background-color: #000;
}
.contact h4{
    color: rgba(0,0,0,0.75);
}
.contact ul.info li label{
    color: rgba(0,0,0,0.75);
}
.menu-full .dropdown.mega-dropdown.open a.dropdown-toggle{
    background-color: #000;
}

.latest-news a.bn:hover span {
    background-color: rgba(0, 0, 0, 0.75);
}

.news-list a:hover .info h3 {
    background-color: rgba(0, 0, 0, 0.75);
}

.news-details h3{
    color: #000;
}

.panelList__body ul li:hover a{
        background-color: #000;
}

.proes .info ul li.name h2{
    color: #000;
}


.title_menu{
    background-color: #000;
}


.contact ul.info li span{
    text-align: left;
}

.contact ul.info li span.en{
    text-align: left;
}


@media screen and (max-width: 767px){
    .breadcrumb{
        padding-right: 20px;
        padding-left: 20px;
    }
}

.info-pros{
    direction: ltr;
}


.product-details .slid-pd #sync2 .owl-item .small{
    width: auto;
}