@font-face {
    font-family: 'ns';
    src: url('font/NeoSansArabic.eot');
    src: url('font/NeoSansArabic.eot') format('embedded-opentype'), 
         url('font/NeoSansArabic.ttf') format('truetype'),
         url('font/NeoSansArabic.svg#NeoSansArabic') format('svg'); 
} 
body { font-family: 'ns'!important; direction : rtl} 
.breadcrumb {  margin :  0px;   background-color: transparent; }
.pagination > .priceactive > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #83b7c6;
    border-color: #83b7c6;
	margin-left:5px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-right: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    background: #83b7c6;
    border-color: #83b7c6;
    color: #fff;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    margin-right: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    background: #83b7c6;
    border-color: #83b7c6;
    color: #fff;
}

.pagination > li > a, .pagination > li > span { 
    border: 1px solid #fff;
    margin-left: 3px;
    border-radius: 50%;
}
::-moz-selection{background-color:#64AED9;color:#fff}
::selection{background-color:#64AED9;color:#fff}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background-color:#EEE}
::-webkit-scrollbar-thumb{background-color:#64AED9}
::-webkit-scrollbar-thumb:window-inactive{background:#64AED9}
::-webkit-scrollbar-thumb:hover{background-color:#222}

.row{margin:0; padding:5px 0} 
section {padding:50px 0}
a,a:hover{ text-decoration:none; cursor: pointer;} 
*{ transition: all 0.3s ease-in-out}
.fa-star { color: #f1c40f}
/*
	NAVBAR 
*/
#topnav ,.navbar-white{ background-color: #fff; border-color: transparent;}  
#topnav .navbar-nav {width:420px; margin:auto; float:none;}
#topnav .navbar-nav > li { padding: 10px 0px;}
#topnav .navbar-nav > li > a { color: #00bdf3;font-size: 16px;border-left: 1px solid #00bdf3; padding: 0px 10px;}
#topnav .navbar-nav > li > a:hover {color:#fbc659 }
#topnav .navbar-nav > li:last-child > a {  border: none;}

.navbar-brand img { width:120px; margin-top:5px; margin :auto;}
.navbar-brand {padding:0px;}   
.navbar-default { background-color: #00bef3; border-color: transparent; } 
.navbar { border-radius: 0; margin-bottom: 0; } 

.dropdown:hover .dropdown-menu {display: block;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #ffffff;  background-color: #00bef3;}
.dropdown-menu > li > a { padding: 10px 20px;}
.navbar-default .navbar-nav > li > a { color: #fff;font-size: 16px;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fbc759;
    background-color: transparent;
}
.menu1 .navbar-nav > li > a { border-bottom: 1px solid #66d8f8; } 
.menu2 .navbar-nav > li > a { border-bottom: 1px solid #fde3ab; } 
.navbar-nav > li:last-child > a { border: none;} 
.btn-menu1 {float: right; border:none;}
.btn-menu1 .icon-bar { background-color: #fff !important; width: 30px; height: 3px; margin-bottom: 7px;}
.btn-menu2 { box-shadow: -1px 2px 3px #888; float: left; margin-left:0; border:none; border-radius:50%; background:#fbc759; height:42px; width:42px; padding: 11px 10px;} 
.btn-menu2 i{ font-size: 22px; color:#fff;} 
 .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 100%; }
.menu2,.dropdown-btn .dropdown-menu {background:#fbc759;}

#mainnav .navbar-nav > li > a { padding: 25px 15px;}
 a:hover {color:#fbc659 }
#mainnav .logo { width: 90%; height:72px; overflow: hidden; display: block;}
.dropdown-btn .btn-warning {background:#fbc759; border-color :#fbc759; margin-top:15px;}
.btn-warning:active:hover, 
.btn-warning.active:hover, 
.open > .dropdown-toggle.btn-warning:hover, 
.btn-warning:active:focus, 
.btn-warning.active:focus, 
.open > .dropdown-toggle.btn-warning:focus, 
.btn-warning:active.focus, 
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #fbc759;
    border-color: #fbc759;
}
.dropdown-btn .dropdown-menu {background:#fbc759;}
.dropdown-btn .dropdown-menu { 
    min-width: 90%;
}
.dropdown-btn .dropdown-menu > li > a {padding: 10px 20px; border-bottom: 1px solid #fde3ab;color: #fff;}
.dropdown-btn .dropdown-menu > li:last-child > a { border: none;}
.dropdown-btn .dropdown-menu > li > a:hover, 
.dropdown-btn .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #eb9624;
}

.navbar-default .btn-menu1:hover,
.navbar-default .btn-menu1:focus { background-color: #00bef3 !important; }
.navbar-default .btn-menu2:hover,
.navbar-default .btn-menu2:focus { background-color: #fbc659 !important; }

 
.nav-tabs, .nav-pills { position: relative;} 
.tabdrop i{ font-size: 20px; color: #fbc659; }   
.hide { display: none; }
.nav-tabs > li > a { color: #333; padding: 10px 5px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fbc659;
    cursor: pointer;
    background-color: #fff;
    border: 2px solid #fff;
    border-bottom-color: #fbc659;
}
.nav-tabs > li {
    float: right;
    margin-bottom: -4px;
}


main { background:#e7f1f4; padding:15px 0}
.block { background: #fff; border: 1px solid #d3d5d6; margin-bottom:15px;}
.block .col-xs-4 {padding-right:0}
.block .row{ padding:0}
.block h2 img { width: 25px;}
.block p img { width: 25px;}
.block h2 { font-size: 18px; font-weight: bolder; margin-bottom:0; margin-top: 15px;}
.block p { color: #9b9b9b;}
.block .title-block a { margin-top:15px}
.body-block .row{    padding: 0 15px;}
.media-object { width:120px; height: 120px; overflow: hidden}

.body-block .media{border: 1px solid #e6e6e6; margin-bottom:15px; padding:0px;}

.body-block .col-xs-12{padding:0px}
.media-body { vertical-align: middle; }
.media-body .btn-sm{ padding: 3px 10px;}
.media-body .price {color:red; font-size: 16px;  line-height: 1.5; padding: 0px 5px; vertical-align: middle;}
.media-body .more {padding: 2px 5px; border-radius: 0;border-color:#00bff3;}
.style1 h2, .style1 a{color:#85b9bf;}
.style1 .btn-primary{background-color:#85b9bf; border-color:#85b9bf; color: #fff} 
.style2 h2, .style2 a{color:#00bff3;}
.style2 .btn-primary{background-color:#00bff3; border-color:#00bff3; color: #fff}
.media-body {padding: 5px 0px;}

.soical-section {background: #005b7f; color:#fff; padding:15px 0}
.soical-section img{margin: auto}
.soical-section h2{font-size: 18px;}
.soical-section .btn-invers{background: #003449; color:#fff;}
.soical-section .list-unstyled li { padding: 5px;}
.soical-section .list-unstyled li a{color: #fff; font-size: 14px; text-decoration: none;}
.soical li a{color: #fff; }
.soical li{ 
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-left: 2px;}
	
.soical-section .contact{ background:url("../img/arrow.png") no-repeat;
    background-position-x: 40px;
    background-position-y: 30px;}
.stylish-input-group { margin-top: 15px;}
.stylish-input-group .input-group-addon{
    background: #abc6d0 !important; 
	color:#01202c;
}
.stylish-input-group .form-control{
    border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
	border-left:none;
	color:#01202c;
    background: #abc6d0 !important; 
}
.stylish-input-group button{
    border:0;
    background:transparent;
}


.contact li a { color: #fff; text-decoration : none;}
.contact li a:hover {color:#fbc659 }
footer{ background: #003449; color: #fff;}
footer img{ width : 50px} 
/* 
	PAGE 
*/
.profile-logo{ float: right; margin-top: -8px; margin-left: 30px; display:block}
.profile-logo, .profile-name, .profile-add{ display:  inline-block;}
.profile-add{ margin-top: 35px;} 

.vip-profile{ background: #92c0cd; color; #fff;}
.glod-profile{ background: #fbc858; color; #fff;}
.platinum-profile{ background: #fe8c00;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #fe8c00, #f83600);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #fe8c00, #f83600); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ color; #fff;} 
.default-profile{ background: #fff; color; #2f5971;}

.profile-name a { color: #fff;}
.btn-add{ background:#b2dae6; color:#fff; } 
.vip-profile .btn-add{ background:#b2dae6; color:#fff; } 
.glod-profile .btn-add{ background:#fcd785; color:#fff; }
.platinum-profile .btn-add{ background: #e5e4e2;
	color: #000; }

.default-profile .btn-add{ background:#2f5971; color:#fff; } 

.main-img,.profile-title{margin-bottom: 15px; color: #fff}
.main-img img,.sub-img img{width:100%;}
.sub-img .row{ margin: 0 -5px;}
.sub-img .sub3{width:33.33333%; float:right; display:inline-flex; padding: 5px;}
.profile-title h1 {font-size: 24px; color: #fff;}
.profile-title .info{ margin-top:15px;}
.profile-body p {color: #fff; line-height: 1.7}

.hashtags {padding:15px 0;}
.hashtags li a{  padding: 5px 15px; color: #fff; background:#ccc;} 
.hashtags li a:hover{ padding: 5px 15px; color: #fff; background:#bbb}

.profile-footer{margin-top:45px;}
.profile-footer .warning{ border: 1px solid #fff; padding: 5px 10px; border-radius:4px;}
.profile-footer p a{color: #fff; margin-top:15px;}
.profile-footer p a:hover{color: #fbc659;}

.most { padding: 30px 15px; color:#fff; margin-top: 50px; position:relative;}
.most a {margin:5px 0; color:#fff;}
.most .media{ background:#83b7c6; border: 1px solid #83b7c6; margin-bottom:15px;}
.most .media .btn-add{ background:#b2dae6; border: 1px solid #83b7c6; margin-bottom:15px;}

.famous { margin:auto; position:relative;  margin-top: -50px; width: 200px;  text-align: center;background: #2f5971; color:#fff; padding: 10px 15px;}
.famous:before{ content:""; position: absolute; width:20px; min-height: 45px; top:0; right:-12px; background:#2f5971; transform:skew(-20deg)}
.famous:after{ content:""; position: absolute; width:20px; min-height: 45px; top:0; left:-12px; background:#2f5971; transform:skew(-20deg)}


.default-profile .profile-footer p a{color: #2f5971; margin-top:15px;}
.default-profile .main-img,.profile-title{margin-bottom: 15px; color: #2f5971}
.default-profile .profile-title h1 {font-size: 24px; color: #2f5971;}
.default-profile .profile-body p {color: #2f5971; line-height: 1.7}
.default-profile .profile-name a { color: #2f5971;} 
.media-left{ position:relative}
.review{ position:absolute; bottom: 0px; right:5px;}
.gold-account{background: #fbc759 !important; border: 1px solid #fbc759 !important;} 
.gold-account .btn-add{background: #fcd785 !important; border: 1px solid #fcd785 !important; color:#fff;}
.platinum-account{border: 1px solid #fbc759 !important;
background: #fe8c00 !important;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #fe8c00, #f83600)!important;  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #fe8c00, #f83600)!important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
} 
.platinum-account .btn-add{background: #e5e4e2 !important; border: 1px solid #999 !important; color:#000;}
.default-account{ background:#fff !important; border: 1px solid #fff !important; color:#2f5971 !important}
.default-account h3 , .default-account a{ color:#2f5971 !important;} 
.default-account .btn-add{background: #2f5971 !important; border: 1px solid #2f5971 !important; color:#fff!important;} 
.vip-icon, .gold-icon{
    width: 40px;
    position: absolute;
    top: -3px;
    left: 5px;
}
.filter{ padding:15px;}
.filter .form-control{ border-radius:0}
.filter .btn-filter{ color: #fff; background:#2f5971; border-color:#2f5971;}
.all-profile .most{ padding: 15px 0}
.king{ background :#fbc759; color:#fff;}
.king-icon{
    width: 30px;
    position: absolute;
    left: 5px;
    top: 0px;
    border: 1px solid #fbc759;}
.king .media { 
	position:relative;
	margin-top: 15px;
	margin-bottom : 15px;
}
.king .media-object {
    width: 100% !important; 
	height: 150px; 
}
.king .media-left,
.king .media-right{
	display: inline-block; 
    width: 35%;
    float: right;
	background:#fff;
	height: 150px;
	color:#000;
}
.king .media-body{
    display: inline-block; 
    width: 65%;
    float: right;
	background:#fff;
	padding-top:15px;
	height: 150px;
	color:#000;
}
.king .media-body h3, 
.king .media-body ul{ padding-bottom: 5px;}
.king .media-body .btn-primary{padding:5px 20px; background: #fbc759; border-color: #fbc759;}
.king .btn-white{ background: #fff; color: #fbc759;}
	
/*

	subscribe
	
*/

.subscribe .form-group { padding-bottom: 10px; width:100%;}
.subscribe .form-group .text-danger{ color:red; padding-top:5px; padding-right:15px;}
.subscribe .form-control { background-color: #f1f1f1; border-color:#f1f1f1;border-radius: 0px;}
.subscribe .form-control:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	background-color: #fff; 
	border-color:#ccc;
}
.subscribe .subscribe-title { font-size: 30px; padding: 20px 15px; border-bottom: 1px dashed #ccc}
.subscribe .subscribe-title span{ color:#01c0f2}
a.btn-panel {
	padding: 10px 2px;
}
.subscribe .panel-platinum .panel-title{ font-size: 22px; border-bottom: 1px solid #fff; padding-bottom: 15px;}
.subscribe .panel-platinum{
background: #fe8c00;
background: -webkit-linear-gradient(to top, #fe8c00, #f83600);
background: linear-gradient(to top, #fe8c00, #f83600);
text-align: center; color: #fff;}
.subscribe .panel-platinum ul{ text-align: right;}
.subscribe .panel-platinum .btn-panel{background:#fff; color: #fbc759}
.subscribe .panel-platinum .btn-panel:hover{background: #fe8c00;
background: -webkit-linear-gradient(to top, #fe8c00, #f83600);
background: linear-gradient(to top, #fe8c00, #f83600); border:1px solid #fff; color: #fff}
.subscribe .panel-platinum p{padding: 15px; color:#fff}

.subscribe .panel-gold .panel-title{ font-size: 22px; border-bottom: 1px solid #fff; padding-bottom: 15px;}
.subscribe .panel-gold{ background-color: #fbc759; text-align: center; color: #fff;}
.subscribe .panel-gold ul{ text-align: right;}
.subscribe .panel-gold .btn-panel{background:#fff; color: #fbc759}
.subscribe .panel-gold .btn-panel:hover{background:#fbc759; border:1px solid #fff; color: #fff}
.subscribe .panel-gold p{padding: 15px; color:#fff}

.subscribe .panel-vip .panel-title{ font-size: 22px; border-bottom: 1px solid #fff; padding-bottom: 15px;}
.subscribe .panel-vip{ background-color: #86b9bf; text-align: center; color: #fff;}
.subscribe .panel-vip ul{ text-align: right;}
.subscribe .panel-vip .btn-panel{background:#fff; color: #86b9bf}
.subscribe .panel-vip .btn-panel:hover{background:#86b9bf; border:1px solid #fff; color: #fff}
.subscribe .panel-vip p{padding: 15px; color:#fff}

.subscribe .panel-default .panel-title{ font-size: 22px; border-bottom: 1px solid #fff; padding-bottom: 15px;}
.subscribe .panel-default{ background-color: #6f6f70; text-align: center; color: #fff;}
.subscribe .panel-default ul{ text-align: right;}
.subscribe .panel-default .btn-panel{background:#fff; color: #6f6f70}
.subscribe .panel-default .btn-panel:hover{background:#6f6f70; border:1px solid #fff; color: #fff}
.subscribe .panel-default p{padding: 15px; color:#fff}

.image-preview-input {
    position: relative;
    overflow: hidden;
    margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;    
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}
.checkbox {
  display: inline-block;
  position: relative;
  min-width: 200px;
  padding-right: 35px; margin-left:15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox input {
  position: absolute;
  opacity: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.subscribe .form-horizontal .form-group{ margin:auto;}
.btn-submit{ background: #00bef3; border-color:#00bef3; color: #fff;}
.famouse{ margin-top:50px;}
.famouse-icon { text-align:center; background: #00bef3; width:100px; height:100px; line-height:100px; border-radius:50%; margin:auto; margin-top: -50px;}


#accordion .panel{
    border: none;
    box-shadow: none;
    border-radius: 10px;
    margin-bottom: 10px;
}
#accordion .panel-heading{
    padding: 0;
    border: none;
    border-radius: 10px;
}
#accordion .panel-title a{
    display: block;
    padding: 20px 35px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background: #00bef3;
    border: none;
    position: relative;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
    content: "\f068";
    font-family: fontawesome;
    width: 40px;
    height: 40px;
    line-height: 32px;
    border-radius: 50%;
    background: #00bef3;
    text-align: center;
    font-size: 15px;
    color:#fff;
    border: 5px solid #fff;
    position: absolute;
    top: 10px;
    right: -20px;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:after{
    content: "\f067";
}
#accordion .panel-title a:hover:after,
#accordion .panel-title a.collapsed:hover:after{
    transform: rotate(360deg);
}
#accordion .panel-body{
    padding: 15px 25px;
    background: #fff;
    font-size: 14px;
    color: #00bef3;
    line-height: 25px;
    border-top: none;
    position: relative;
}

.social {
    margin: 0;
    padding: 0;
}

.social ul {
    margin: 0;
    padding: 5px;
}

.social ul li {
    margin: 5px;
    list-style: none outside none;
    display: inline-block;
}

.social i {
    width: 40px;
    height: 40px;
    color: #FFF;
    background-color: #909AA0;
    font-size: 22px;
    text-align:center;
    padding-top: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social i:hover {
    color: #FFF;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social .fa-facebook:hover {
    background: #4060A5;
}

.social .fa-twitter:hover {
    background: #00ABE3;
}

.social .fa-google-plus:hover {
    background: #e64522;
}

.social .fa-github:hover {
    background: #343434;
}

.social .fa-pinterest:hover {
    background: #cb2027;
}

.social .fa-linkedin:hover {
    background: #0094BC;
}

.social .fa-flickr:hover {
    background: #FF57AE;
}

.social .fa-instagram:hover {
    background: #375989;
}

.social .fa-vimeo-square:hover {
    background: #83DAEB;
}

.social .fa-stack-overflow:hover {
    background: #FEA501;
}

.social .fa-dropbox:hover {
    background: #017FE5;
}

.social .fa-tumblr:hover {
    background: #3a5876;
}

.social .fa-dribbble:hover {
    background: #F46899;
}

.social .fa-skype:hover {
    background: #00C6FF;
}

.social .fa-stack-exchange:hover {
    background: #4D86C9;
}

.social .fa-youtube:hover {
    background: #FF1F25;
}

.social .fa-xing:hover {
    background: #005C5E;
}

.social .fa-rss:hover {
    background: #e88845;
}

.social .fa-foursquare:hover {
    background: #09B9E0;
}

.social .fa-youtube-play:hover {
    background: #DF192A;
}

.panel-market { border:1px solid #ccc;}
.panel-market .panel-img{ width: 150px; height:150px; overflow:auto; margin:auto; padding:15px;}
.panel-market p{ color:#666;}
.panel-market h3{ color:#00bff3;}
.panel-market .btn-market{ background: #00bff3; color:#fff;}
.btn-finish {background:#fff; color:#00bff3;position: absolute; bottom: 20%; right: 37%;}

.market .main-img {width: 150px; height:150px; overflow:auto; margin:auto; padding:15px;}
p.conect{ color:#00bef3; margin:10px 0;}
.btn-conect{background: #00bef3;color: #fff;}
.profile-social li a .fa{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #00bef3;
	border-radius:50%;
    color: #00bef3;}
.profile-social li:hover a .fa{color: #fff;  background: #00bef3;}
.market-title { background:#fff; padding:15px; border-right: 5px solid #00bef3; color: #00bef3;    margin-top: 10px;}

.share-social-midea { text-align: center}
.share-social-midea .btn-share{ border: 1px solid #92c0cd; border-radius: 10px;}
.share-social-midea .btn-share .fa{ font-size: 18px; padding-right: 5px; border-right: 1px solid #92c0cd;}

.btn-direction{
    position: absolute;
    top: 50px;
	font-size:22px;
    padding: 5px;
    text-align: center;
z-index: 1;
}
.btn-direction.left{left: 5px}	
.btn-direction.right{right: 5px}

.btn-direction img{ width: 30px; margin-top: -15px;}

.vip-profile .btn-direction{ background: #83b7c6; color: #fff;}	
.glod-profile .btn-direction{ background: #fbc858; color: #fff;}	
.default-profile .btn-direction{ background: #fff; color: #2f5971;}	
@media (max-width:500px){ 
	.all-profile{ padding:0}
	.media-object { width:100%; height: 135px; overflow: hidden; display:block}
	.media-left, .col-md-2 .media-right, .col-md-2 .media-body { display: block; width: 100%; } 
	.king .media-left, .king .media-right {width: 45%;}
	.king .media-left, .king .media-right,.king .media-object {height: 135px;}
	.king .media-body {width: 55%; height:135px;} 
	.king .media-body h3, 
	.king .media-body ul{ padding-bottom: 0px;}
	.most{ margin-top:0}
	.most .col-xs-6{ padding: 0 5px;}
	
	.soical-section .contact { background-position-x: 18px;} 
}
@media (min-width:500px){ 
	.block h2 img { width: 25px; margin-left: 10px;}
	.body-block .col-xs-12{padding:5px; width: 50%}
	.title-block p { text-align: right; margin-right: 30px;}
	.media-object { width:100%; height: 150px; overflow: hidden; display:block}
	.media-left, .col-md-2 .media-right, .col-md-2 .media-body { display: block; width: 100%; }
	.media-body {padding: 5px;}
	.media-left, .media > .pull-left {padding-left: 0px;} 
	.list-unstyled li { padding: 15px  0px;}
	.list-unstyled li a{color: #333; padding: 15px 0; font-size: 16px; text-decoration: none;}
	.list-unstyled li a:hover {color:#fbc659 }
	.soical-section img{width: 40%; margin-top:20px;}
	.soical li{ 
		width: 35px;
		height: 35px;
		line-height: 35px;
		border-radius: 50%;
		border: 1px solid #fff;
		margin-left: 4px;}
		.soical li a:hover {color:#fbc659 }
	.soical-section .contact{ background:url("../img/arrow.png") no-repeat; background-position-x: 140px; background-position-y: 30px;}
	.soical-section .contact ul > li:after { content:".";margin-right: 10px;}
	.soical-section .contact ul > li:last-child:after { content:"";margin-right: 0px;}
	.media-body .price { padding : 4px 5px;}
	.navbar-brand { float: none; }
	
	.king .media-left, .king .media-right {width: 40%;}
	.king .media-body {width: 60%;} 

}


@media  (min-width: 600px) { 
	.block h2 img { width: 25px; margin-left: 10px;}
	.body-block .col-xs-12{padding:5px; width: 33.333333%;}
	.title-block p { text-align: right; margin-right: 30px;}
	.media-object { width:100%; height: 150px; overflow: hidden; display:block}
	.media-left, .col-md-2 .media-right, .col-md-2 .media-body { display: block; width: 100%; }
	.media-body {padding: 5px;}
	.media-left, .media > .pull-left {padding-left: 0px;} 
	.list-unstyled li { padding: 15px  0px;}
	.list-unstyled li a{color: #333; padding: 15px 0; font-size: 16px; text-decoration: none;}
	.list-unstyled li a:hover {color:#fbc659 }
	.soical-section img{width: 40%; margin-top:20px;}
	.soical li{ 
		width: 35px;
		height: 35px;
		line-height: 35px;
		border-radius: 50%;
		border: 1px solid #fff;
		margin-left: 4px;}
		.soical li a:hover {color:#fbc659 }
	.soical-section .contact{ background:url("../img/arrow.png") no-repeat; background-position-x: 140px; background-position-y: 30px;}
	.soical-section .contact ul > li:after { content:".";margin-right: 10px;}
	.soical-section .contact ul > li:last-child:after { content:"";margin-right: 0px;}
	.media-body .price { padding : 4px 5px;}
	.navbar-brand { float: none; } 
	

} 

@media (min-width: 786px){
	a:hover {color:#fbc659 }
	.block h2 img { width: 25px; margin-left: 10px;}
	.body-block .col-xs-12{padding:5px; width: 16.66666667%}
	.media-object { width:100%; height: 120px; overflow: hidden; display:block}
	.media-left, .col-md-2 .media-right, .col-md-2 .media-body { display: block; width: 100%; }
	.media-body {padding: 5px;}
	.media-left, .media > .pull-left {padding-left: 0px;} 
	.list-unstyled li { padding: 15px  0px;}
	.list-unstyled li a{color: #333; padding: 15px 0; font-size: 16px; text-decoration: none;}
	.list-unstyled li a:hover {color:#fbc659 }
	.soical-section img{width: 60%; margin-top:20px;}
	.soical li{ 
		width: 35px;
		height: 35px;
		line-height: 35px;
		border-radius: 50%;
		border: 1px solid #fff;
		margin-left: 4px;}
		.soical li a:hover {color:#fbc659 }
	.soical-section .contact{ background:url("../img/arrow.png") no-repeat; background-position-x: 60px; background-position-y: 30px;}
	.soical-section .contact ul > li:after { content:".";margin-right: 10px;}
	.soical-section .contact ul > li:last-child:after { content:"";margin-right: 0px;}
	.navbar-brand { float: none; }
	 

}

@media (max-width: 786px){
	.filter .form-control {
		border-radius: 0;
		padding: 0;
	}
	.sub-img{
		position: relative;
		margin-top: -120px;
		z-index: 1111111111;
		margin-bottom: 50px;
	}
	.profile-logo, .profile-name, .profile-add {display: block;}
	.profile-add { float:none !important; text-align: center; margin:auto;}
	.hashtags li{ margin-bottom:15px;}
	.subscribe .panel-gold .btn-panel {  
		padding: 6px 12px;
		font-size: 14px;
	}
	.subscribe .panel-default .btn-panel { 
    padding: 6px 12px;
    font-size: 14px;
}
.subscribe .panel-vip .btn-panel { 
    padding: 6px 12px;
    font-size: 14px;
}
    .t3ref .bod-down ul li
    {
    padding-bottom: 5px;
    }
   
    .sna-buy
    {
        display: none;
    }
    
    .excellant .buy
    {
        margin-bottom: 12px;
    }
}

.btn-gender{    background: #2196F3; color:#fff; border-radius: 0;}
#radioBtn .notActive{
    color: #333;
	background: #f1f1f1;
}
.gender .col-xs-4{ padding: 0 5px;}
.gender .col-sm-2{ padding: 0 15px;}
.upload-img{ background:#ebebeb; height: 75px;}
.btn-upload { background: #d1d1d1; color: #949494}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.fileUpload .fa{ font-size: 300%}

.up
{
    background-color: #fff;
    margin-top: -5px;
}

/*statr profile*/

.t3ref
{
 background-color: #fff;
}
.t3ref .imge .share
{
    margin-top: 23px;
}
.t3ref .imge .some
{
    width: 100%;
}
.t3ref  .imge ul
{
    list-style-type: none;
    display: inline-flex;
}

.t3ref  .imge ul li
{
   padding-left: 8px;
}

.t3ref ul
{
    margin-top:20px;
}

.t3ref .tfasel .btn-add
{
    margin-top: -6px;
    padding: 2px 23px;
    background-color: #2ab0c3;
}

.t3ref .tfasel p
{
   padding-top: 11px;
}
.t3ref .bod-down ul
{
    list-style-type: none;
}
.t3ref .bod-down ul li
{
display: inline-block;
    padding-left: 11px
}
.t3ref .bod-down ul button
{
    padding: 10px 14px;
    background-color: #b7b7b7;
    border: 0;
}
.profile 
{
    background-color: none !important;
}

.profile  .sna img
{
    width: 100%;
}
.profile .sna-buy
{
    margin-top: -30px;
    margin-right: -38px;
    color: #2ab0c3;
}
.profile span
{
    display: block;
    font-weight: bold;
    color: #00bef3;
}


.social ul a
{
    padding-left: 10px;
} 
.social ul a img
{
    text-align: center;
}

.prof
{
margin: 0 !important;
}
.excellant
{
    background-color: #e7f1f4;
}

.excellant .media-body,.media-left 
{
    background-color: #fff;
}
/*End profile*/
/*Added By Developer*/
.frm-error-missing{
	display: none;
}
.rating{
position:absolute;
bottom:15px;

}
.uploadpic{
  		position: relative;
		display: inline-block;
 }
 	.remove-photo{
  
  		color: red;
		border: 1px solid #ccc;
		padding: 5px 5px;
		display: block;
		text-align: center;
 }
.subscribe-box {
	position: absolute;
	top: 100px;
       left: 0;
       bottom: 0;
       right: 0;
       margin: auto;
}

.subscribe-box .text {
	color: #ffffff;
	margin: 5% auto;
	font-size: 16px;
	width: 90%;
}

.subscribe-box table{
 
	width: 80%;
}
.subscribe-box th,.subscribe-box td{
	border: 1px solid #5fd7f7;
	padding:3px 5px;
	color: #ffffff;
	text-align: center;
}
.subscribe-box th{
	font-weight: bold;
}
.no-record {
	color: #555;
	text-align: center;
	border: 1px solid #ccc;
	padding: 10px;
	background-color: #fff;
	border-radius: 5px;
	font-weight: bold;
}
.margin-25 {
	margin-top: -25px;
}
.text-success{
color:green;
}
.time-duration {
    margin: 10px auto;
    color: #000;
    border: 2px solid #00bef3;
    border-radius: 5px;
    background-color: #fbc759;
    padding: 10px;
}
.time-duration table th {
    color: #005b7f;
}
.btn-white-finish {
    background: #fff;
    color: #00bff3;
}
.tab-fix {
	height: 40.5px;
	max-height: 40.5px;
}

.media-left, .media > .pull-left {
 padding: 5px;
}

.media-heading {
 font-size: 14px;
}

.q-filter{
	padding-left: 5px;
	padding-right: 5px;
	
}
.q-table{
	width:100%;
	border-collapse:collapse;
	
}
.q-table td {
    padding: 10px 5px 0;
    border-bottom: 1px dashed #ccc;
}

.pull-right.q-sign {
    padding: 5px 15px;
    margin: 0px 0px 0px 5px;
}
.place-holder {
	height: 100%;
	/*width: 100%;*/
	margin: 0 auto;
	overflow: hidden;
display: block;
}
.place-holder-detail {
	height: 100%;
	width: 100%;
	margin: 15px auto 0;
	overflow: hidden;
display: block;
	
}
@media (max-width:1600px){
	.place-holder {
	height: 150px;
	}
	.place-holder-detail {
	/*height: 150px;*/
	}
}
@media (min-width: 786px){
	.place-holder{
		/*width: 100%;*/
		height: 120px;
	
	}
}
@media (max-width:500px){
	.place-holder {
	height: 135px;

	}
	.place-holder-detail {
	height: 135px;

	}
}

.pull-left.warning {
    padding-left: 20px;
}

/*Later apply this style on Menu1 and Menu2 in xheader*/
.list-unstyled .active {
	font-weight: bold;
	color: #106c90;
	/* text-shadow: 0px 1px 0px #000; */
}
.free-add-message {
	text-align: center;
	margin-bottom: 5px;
}

.platinum{ /*background: #f12711;
background: -webkit-linear-gradient(to right, #f5af19, #f12711);
background: linear-gradient(to right, #f5af19, #f12711); */
/*background: #fe8c00;
background: -webkit-linear-gradient(to right, #f83600, #fe8c00);
background: linear-gradient(to right, #f83600, #fe8c00); */
background: #fe8c00;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #fe8c00, #f83600);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #fe8c00, #f83600); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  color:#fff;}
.platinum-icon{
    width: 30px;
    position: absolute;
    left: 5px;
    top: 0px;
    border: 1px solid #fbc759;}
.platinum .media { 
	position:relative;
	margin-top: 15px;
	margin-bottom : 15px;
}
.platinum .media-object {
    width: 100% !important; 
	height: 150px; 
}
.platinum .media-left,
.platinum .media-right{
	display: inline-block; 
    width: 35%;
    float: right;
	background:#fff;
	height: 150px;
	color:#000;
}
.platinum .media-body{
    display: inline-block; 
    width: 65%;
    float: right;
	background:#fff;
	padding-top:15px;
	height: 150px;
	color:#000;
}
.kplatinum .media-body h3, 
.platinum .media-body ul{ padding-bottom: 5px;}
.platinum .media-body .btn-primary{padding:5px 20px; background: #f83600;
border-color: #c42d03;}
.platinum .btn-white{ background: #fff; color: #f83600;}