﻿
body{background-color: #ffff;}
.searchTabs{background-color:#fff; box-shadow: 0 1px 3px rgba(0,0,0,0.07);}
.searchTabs ul{display:flex;display:-webkit-flex;justify-content:center;}
.searchTabs ul li{padding:15px 25px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;border-bottom:2px solid transparent}
.searchTabs ul li{padding-left:0px;}
.searchTabs ul li.active a{color:#2e74e5}
.searchTabs ul li a{font-size:14px;color: #555;}
.searchTabs ul li a em{font-size:12px;font-weight:normal;}
.searchTabs ul li a:hover{text-decoration:none!important}
.searchTabs ul li.empty{border-bottom:none!important;color:#999;cursor:default}



.searchzone {z-index: 2;background:initial; width: 100%;background:url(/public/images/banner/banner-procata.jpg) no-repeat center ;background-size:cover;}
.searchzone .btslist {  position: relative;  height: 45px;}
.searchzone .btslist input[type=text] { height: 100%; width:100%; padding: 0px;  text-align: center; color:#B8B8CC;line-height:22px;border:none;background:0 0;padding:18px 16px 18px 16px;background-color:rgba(255,255,255,.2);border-radius:4px;display:block}
.searchzone .btslist input[type=text]:focus{color:#FFF;background-color:rgba(255,255,255,.4)}
.searchzone .btslist input[type=text]::-webkit-input-placeholder{color:#C2C2CF}
.searchzone .btslist input[type=text]:-ms-input-placeholder{color:#C2C2CF}
.searchzone .btslist input[type=text]::placeholder{color:#C2C2CF}
.searchzone .btslist .btnlocation { position: absolute; right: 31px; top: 10px; font-size: 18px; font-weight: 600;cursor:pointer; color:#fff;transition:color 0.3s;}
.searchzone .btslist .btnlocation:hover { color:#000}
.searchzone .btncatasearch {  position: absolute; right: 5px; top: -2px;height: 50px; width: 50px; border: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; transition: all .7s ease 0s; color: #fff; background-color: transparent; }
.searchzone .btncatasearch .iconfont{  font-size: 16px;}
.searchzone .btncatasearch:hover {  color: #000;  }
.searchzone .closeit { position: absolute; top: 13px; left: 15px; font-size: 16px; color: #fd4f00;cursor:pointer;opacity:1;transition:all 0.3s;}



@media (max-width: 760px) {
.RowPadding.searchResultWrap{padding:15px 0;}
}


#probanner{position:relative;background: #000;}
.search_wp{width:640px;padding:150px 0;margin:0 auto;display:flex;display:-webkit-flex;flex-direction:column;}
.search_wp-title{font-size:22px;color:#FFF;text-align:center;line-height:50px; padding-bottom:25px;text-transform: capitalize; }
.search_wp-subtitle{font-size:16px;color:#FFF;text-align:center;line-height:22px;margin:8px 0 40px}
.search_wp-search{width:540px;height:56px}



#canvas, .searchzone, #particles-js {
	
}

@media (max-width: 767px) {
#probanner{height:145px;}
 .search_wp{width:96%;padding: 50px 0;}
.search_wp-title{display:none; }
.search_wp-subtitle{font-size:16px;color:#FFF;text-align:center;line-height:22px;margin:8px 0 40px}
.search_wp-search{width:540px;height:56px}
}

@media (min-width: 768px) and (max-width: 991px) {
    .search_wp{padding:50px 0;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .search_wp {
        padding: 80px 0;
    }
}

@media (min-width:1200px) and (max-width: 1920px) {
    .search_wp {
        padding: 100px 0;
    }
}


