@import url('https://fonts.googleapis.com/css?family=Cairo');
/*========================================== 
Reset Css Start Here
 ==========================================*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*========================================== 
Reset Css Start Here
 ==========================================*/
li.coming-soon-countries-name{opacity: 0.6;}
/*li.coming-soon-countries-name img{-webkit-filter: grayscale(1); filter: grayscale(1);}*/
.world-country-selector .ui-tabs .ui-tabs-nav {
	padding:0px;
}
.world-country-selector .ui-tabs .ui-tabs-nav li {
	display: inline-block;
	float: none;
	border-bottom:1px solid #cccccc;
	margin-left:0px;
	position:relative;
	min-height:180px;
	vertical-align:top;
}
.world-country-selector .ui-tabs .ui-tabs-nav li:after {
	position:absolute;
	right:-10px;
	width:10px;
	height:1px;
	background-color:#ccc;
	content:"";
	display:block;
	bottom:-1px;
}
.world-country-selector .ui-tabs .ui-tabs-nav li:focus {
	outline:0;
}
.world-country-selector .ui-tabs .ui-tabs-nav li a {
	border:2px solid #e8e8e8;
	width:120px;
	height:120px;
	padding:0px;
	cursor:pointer !important;
	display:block;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	transition: all 250ms ease;
	margin:0 20px;
	text-decoration:none;
}
.world-country-selector .ui-tabs .ui-tabs-nav li a:focus {
	outline:0;
}
.world-country-selector .ui-tabs .ui-tabs-nav li img {
	max-width:100%;
	text-decoration:none;
	border:0px;
}
.world-country-selector .ui-tabs .ui-tabs-nav li.ui-state-active a, .world-country-selector .ui-tabs .ui-tabs-nav li a:hover {
	border:2px solid #f7b11e;
}
.world-country-selector .bottom-active-bar {
	display:none;
	position:absolute;
	bottom:-1px;
	left:0px;
	right:0px;
	width:145px;
	height:2px;
	background-color:#f7b11e;
	margin:0 auto;
}
.world-country-selector .ui-tabs .ui-tabs-nav li.ui-state-active .bottom-active-bar {
	display:block;
}
.world-country-selector .ui-widget.ui-widget-content {
	border:0px;
}
.world-country-selector .ui-tabs .ui-tabs-nav {
	margin:0 auto;
	text-align:center;
	border:0px;
	background:transparent;
}
.world-country-selector .ui-tabs .ui-tabs-nav li h4 {
	text-transform:uppercase;
	margin:5px 0 10px;
	font-family: 'Cairo', sans-serif; font-size: 15px;
	font-weight:300;
	color:#464646;
	transition: color 0.2s ease;
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
}
.world-country-selector .ui-tabs .ui-tabs-nav li:hover h4 {
	color:#f3bd50;
}
.world-country-selector h3 {
	text-align:center;
	margin:20px 0 20px; 
	font-family: 'Cairo', sans-serif;
	position: relative;
}
.world-country-selector .container {
	max-width:1170px;
	margin:0 auto;
}
.world-country-selector hr {
	margin-bottom:35px;
}
header {
	text-align:center;
	margin:20px 0px;
}
header img {
	max-width:100px;
}
.flags-list {
	margin:30px 0 0px;
	height:400px;
	overflow:auto;
	padding:0px;
}
.flags-list li {
	list-style: none;
	display: inline-block;
	margin-right: 0px;
	margin-bottom: 50px;
	min-width: 210px;
	vertical-align:top;
}
.flags-list li a {
	color:#464646;
	text-decoration:none;
}
.flags-list li .media-body ul li:hover a {
	text-decoration:underline;
	color:#f3bd50;
	transition: color 0.2s ease;
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
}
.flags-list li img {
	max-width:40px;
	vertical-align:middle;
	border:1px solid #ccc;
}
.flags-list .media, .flags-list .media-body {
	overflow: hidden;
	zoom: 1;
}
.flags-list .media-body, .flags-list .media-left, .flags-list .media-right {
	display: table-cell;
	vertical-align: middle;
}
.flags-list .media-body, .flags-list .media-left, .flags-list .media-right {
	display: table-cell;
	vertical-align: middle;
}
.flags-list .media-body {
	padding-left:20px;
	font-family: 'Cairo', sans-serif;
	font-size:14px;
	text-transform:uppercase;
	color:#464646;
	transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-webkit-transition: color 0.2s ease;
}
.flags-list li:hover .media-body h3 {
	color:#f3bd50;
}
.flags-list li.coming-soon-countries-name:hover .media-body h3{color: #464646;}
.separator {
	width:100%;
	background-color:#cccccc;
	height:1px;
	display:block;
}
.coming-soon {
	text-transform:uppercase;
	font-size:14px;
	font-family: 'Cairo', sans-serif;
	width:100%;
	padding-top:12px;
	padding-bottom:12px;
	position:fixed;
	bottom:0px;
	max-width:1170px;
	background-color:#fff;
	color:red;
}
.coming-soon:before {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 1px;
	content: "";
	display: block;
	background-color: #aaaaaa;
	width: 100%;
}
img.active-image {
/*display:none !important;*/
}
.ui-tabs-active a.ui-tabs-anchor img.active-image {
	display:block !important;
}
.ui-tabs-active a.ui-tabs-anchor .non-active-image {
	display:none !important;
}
sup {
	font-weight:bold;
}
.mobile-view {
	display:none;
}
.flags-list .media-body h3 {
	margin:0px;
	border-bottom:1px solid #ccc;
	font-weight:normal;
}
.flags-list .media-body h3 sup {
	color:red;
}
.flags-list .media-body h3 a {
	transition: color 0.2s ease;
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
}
.flags-list .media-body h3 a:hover {
	color:#f3bd50;
}
.flags-list .media-body ul {
	padding:0px;
}
.flags-list .media-body ul li {
	margin:0px;
	min-width:10px;
	text-align:center;
}
.app-downlaod-icon {
	margin: 0;
	text-align: center;
	padding:0px;
	float:right;
}
.app-downlaod-icon li {
	display: inline-block;
	max-width: 120px;
	margin: 0 10px;
}
.app-downlaod-icon li:last-child {
	margin-right:0px;
}
.app-downlaod-icon li img {
	max-width:100%;
	vertical-align:middle;
	text-decoration:none;
	border:0px;
}
.world-country-selector.desktop-version .ui-tabs .ui-tabs-panel {
	margin-bottom:30px;
}
/*-----Mobile view accrodian-----*/
.world-country-selector.mobile-view h4 {
	font-family: 'Cairo', sans-serif;
	margin:0px;
	padding:10px;
	font-weight:300;
	border-top:1px solid #cccccc;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:97% center;
	background-size:35px;
	color:#464646;
}
.world-country-selector.mobile-view h4.drop-arrow {
	background-image:url(https://ubuykw.s3.amazonaws.com/ubuycom/global-page/yellow-arrow-hide.jpg);
}
.world-country-selector.mobile-view h4 {
	background-image:url(https://ubuykw.s3.amazonaws.com/ubuycom/global-page/yellow-arrow-drop.jpg);
}
.world-country-selector.mobile-view .flags-list-mob {
	padding:0px;
	margin:0px;
	max-height:none;
}
.world-country-selector.mobile-view .flags-list-mob li {
	margin:0px;
	display:block;
	padding:10px;
	position:relative;
	border-bottom:1px solid #eeeeee;
	width:100%;
}
.world-country-selector.mobile-view .flags-list-mob li .coming-soon-countries {
	position: absolute;
	right: 20px;
	left: auto;
	color:red;
	top:14px;
}
.world-country-selector.mobile-view .flags-list-mob .media-body li {
	width:auto;
}
.world-country-selector.mobile-view .ui-accordion-content {
	background-color: #e6e6e6;
}
.world-country-selector.mobile-view .flags-list-mob li a {
	color:#464646;
	text-decoration:none;
}

.world-country-selector.mobile-view .flags-list-mob li a:hover { color:#f3bd50;}


.world-country-selector.mobile-view .flags-list-mob .media-left {
	float:left;
	margin-top:3px;
}
.world-country-selector.mobile-view .flags-list-mob .media-body {
	display:inherit;
}
.world-country-selector.mobile-view .flags-list-mob .media-body h3 {
	float:left;
	border:0px;
	font-weight:normal;
}
.world-country-selector.mobile-view .flags-list-mob .media-body ul {
	float:right;
}
.world-country-selector.mobile-view .flags-list-mob .media-body ul li {
	padding:2px;
	display:inline-block;
	border:0px;
}
.world-country-selector.mobile-view .app-downlaod-icon {
	margin:0px auto 10px;
	display:block;
	float:none;
	border-top:1px solid #cccccc;
	padding-top:10px;
}
.world-country-selector.mobile-view .app-downlaod-icon li {
	margin:0 10px;
	max-width:100px;
}
 .world-country-selector.mobile-view #accordion div[id^="view_mobile_tab_"] {
border-top:1px solid #cccccc;
}






/*-----Mobile view accrodian-----*/



.coming-soon-countries-name .media-body h3 { cursor:no-drop;}
.coming-soon-countries-name,.coming-soon-countries-name a{cursor: not-allowed;}

.block-center { display:block; margin:0 auto;}

.country-search-ubuy { margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    padding: 0 25px;}
.country-search-ubuy form { position: relative; max-width: 350px; margin: 0 auto; }
.country-search-ubuy form input[type="text"] { width: 100%;
    border-radius: 10px 0 0 10px;
    outline: none;
    border: 2px solid #edb246;
    padding: 0 65px 0 10px;
    border-right: none;
    height: 35px;
    /* line-height: 45px; */
    vertical-align: middle;
    display: table-cell;
    float: left;
    max-width: 100%;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    line-height: normal;}
.country-search-ubuy form button {outline: none;
    border-top: 2px solid #edb246;
    border-bottom: 2px solid #edb246;
    border-left: 0px;
    border-right: 0px;
    padding: 10px;
    height: 35px;
    vertical-align: middle;
    background-image: url(https://ubuykw.s3.amazonaws.com/ubuycom/global-page/search.png);
    background-repeat: no-repeat;
    background-size: 20px;
    width: 50px;
    background-position: center;
    background-color: #edb246;
    position: absolute;
    right: -10px;
    border-radius: 0px 10px 10px 0px; cursor: pointer;-webkit-tap-highlight-color: transparent;}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#close_search{position: absolute; right: 50px;top: 11.5px;font-size: 12px; display: none; cursor: pointer; color: #878787;}
#close_search_mob{position: absolute; right: 44px;top: 6.5px;font-size: 12px; display: none; padding: 5px;color: #878787;}
.world-country-selector h3 .country-search-ubuy.desktop{position: absolute; right: 20px;}
@media screen and (max-width: 1500px) {
.flags-list {
height:150px;
}
.world-country-selector.mobile-view .flags-list-mob {
height:auto;
}
.flags-list li {
margin-bottom:25px;
}
}


@media screen and (max-width: 1360px) {
.flags-list li { margin-bottom:30px;}

}



 @media screen and (max-width: 1199px) {
	 .app-downlaod-icon .soon{ position: absolute; top: 0;right: 0; color: #f00; font-family: 'Cairo', sans-serif; font-size: 10px; line-height: 1; padding: 3px 15px;}
.mobile-view {
display:block;
}
.desktop-version {
display:none;
}

.world-country-selector.mobile-view .flags-list-mob .media-left { margin-left:30px;}
.flags-list-mob li {
	list-style: none;
	display: inline-block;
	margin-right: 0px;
	margin-bottom: 50px;
	min-width: 210px;
	vertical-align:top;
}
.flags-list-mob li a {
	color:#464646;
	text-decoration:none;
}
.flags-list-mob li .media-body ul li:hover a {
	text-decoration:underline;
	color:#f3bd50;
	transition: color 0.2s ease;
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
}
.flags-list-mob li img {
	max-width:40px;
	vertical-align:middle;
	border:1px solid #ccc;
}
.flags-list-mob .media, .flags-list-mob .media-body {
	overflow: hidden;
	zoom: 1;
}
.flags-list-mob .media-body, .flags-list-mob .media-left, .flags-list-mob .media-right {
	display: table-cell;
	vertical-align: middle;
}
.flags-list-mob .media-body, .flags-list-mob .media-left, .flags-list-mob .media-right {
	display: table-cell;
	vertical-align: middle;
}
.flags-list-mob .media-body {
	padding-left:20px;
	font-family: 'Cairo', sans-serif;
	font-size:14px;
	text-transform:uppercase;
	color:#464646;
	transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-webkit-transition: color 0.2s ease;
}
.flags-list-mob li:hover .media-body h3 {
	color:#f3bd50;
}
	 .flags-list-mob li.coming-soon-countries-name:hover .media-body h3{color: #464646;}
.flags-list-mob .media-body h3 {
	margin:0px;
	border-bottom:1px solid #ccc;
	font-weight:normal;
}
.flags-list-mob .media-body h3 sup {
	color:red;
}
.flags-list-mob .media-body h3 a {
	transition: color 0.2s ease;
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
}
.flags-list-mob .media-body h3 a:hover {
	color:#f3bd50;
}
.flags-list-mob .media-body ul {
	padding:0px;
}
.flags-list-mob .media-body ul li {
	margin:0px;
	min-width:10px;
	text-align:center;
}
	 .world-country-selector.mobile-view .app-downlaod-icon{position: fixed; width: 100%;bottom: 0;
    background: #fff;
    margin: 0;
    padding: 15px}
	 .world-country-selector.mobile-view h4#mobile_tab_7{border-bottom: 1px solid #ccc;}
	 .world-country-selector.mobile-view #view_mobile_tab_7 > ul{margin-bottom: 65px;}
	 .world-country-selector.mobile-view #mobile_tab_7{margin-bottom: 65px;}
	 .world-country-selector.mobile-view #mobile_tab_7.drop-arrow{margin-bottom: 0;}
	 .country-search-ubuy form input[type="text"]{padding: 0 65px 0 10px;}
	 .world-country-selector.mobile-view h4 {-webkit-tap-highlight-color: transparent;}
}
 @media screen and (max-width: 639px) {
.world-country-selector.mobile-view .flags-list-mob .media-body {
font-size:12px;
padding-left:15px;
}


.world-country-selector.mobile-view .flags-list-mob .media-left { margin-left:15px;}

}