/*
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700,700italic,400italic,400,300italic,300);*/
@font-face{
    font-family : 'gillsans';
    src : url('/frontend/web/themes/inspinia/fonts/GillSans-Light.ttf');
}
html
{
}
body {
    font-family: "gillsans" !important;
    /*height: 100%;*/
        font-size: 16px;
    background-color: white;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
    background-color: #fefefe;
}

.wrap > .container {
    padding: 0px 15px 20px;
}
.main{
    background-color: white;
}
.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav > li > form {
    padding: 8px;
}
/*#preview_navbar li a
{
    color: #fff;
    padding: 12px 34px 13px 2px;
}*/

.nav > li > form > button:hover {
    text-decoration: none;
}
.img-size{
    width: 200px;
}

span{
    display: inline-block;
}

tbody > tr > th {
    width: 25%;
}

.toggle-button {
    background-color: #e26565;
    margin: 5px 0  !important;
    border-radius: 20px  !important;
    border: 2px solid #D0D0D0;
    height: 15px  !important;
    cursor: pointer  !important;
    width: 50px  !important;
    position: relative  !important;
    display: inline-block  !important;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    padding: 0px !important;
}
.toggle-button button , .toggle-button span {
    cursor: pointer;
    outline: 0;
    display:block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    background-color: white;
    float: left;
    margin: -10px 0 0 -3px;
    border: 2px solid #D0D0D0;
    transition: left 0.3s;
}
.toggle-button-selected { 
    background-color: #83B152;
    border: 2px solid #7DA652  !important;
}
.toggle-button-selected button , .toggle-button-selected span { 
    left: 26px;
    top: 0;
    margin: -10px 0px 0px -3px;
    border: none;
    width: 30px;
    height: 30px;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    border: 2px solid #D0D0D0;
}




.album-add-image{     
    position: relative;
    float: left;
    top: 7px;
    font-size: 50px;
    padding: 15px 30px;
    border: 3px dashed #3a87ad;
    border-radius: 3px;
    color: #3a87ad;
}
.img-div{
    position: relative;
    float: left;
    margin: 5px;
    width: 109px;
    height: 109px;
}
.img-album-preview{
    width: 109px;
    height: 109px;
    position: absolute;
    border: 2px solid #adadad;
}

.hidden-input{
    opacity: 0;
    position: absolute;
    width: 105px;
    height: 107px;
}
.img-album-size{
    position: absolute;
    width: 150px;
    height: 150px;
}

.float{
    position: relative;
    float: right;
}

.preview-box{
    padding: 12px;
    margin: 12px;
    border : 1px solid hsla(207, 32%, 22%, 0.38);
    border-radius: 3px;
}


.bootstrap-tagsinput{
    display: block;
    width: 100%;
}
/*!
 * bootstrap-vertical-tabs - v1.1.0
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-06-06
 * Copyright (c) 2014 Ä°smail Demirbilek
 * License: MIT
 */
.tabs-left {
    border-bottom: none;
    padding-top: 2px;
}
.tabs-left {
    border-right: 1px solid #ddd;
}

.tabs-left>li {
    float: none;
    margin-bottom: -1px;
}
.tabs-left>li {
    margin-right: -1px;
}


.tabs-left>li>a,
.tabs-left>li>a:hover,
.tabs-left>li>a:focus{
    border-right: 1px solid #ddd; 
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
    border-bottom-color: #ddd;
    border-right: transparent;
    background-color: #f3f3f4;
}


.tabs-left>li>a {
    border-radius: 3px 0 0 3px;
    margin-right: 0;
    display:block;
}


.selection{
    width: 100%;
}
.select2-container--krajee .select2-selection {
    border-radius: 0px;
}

.add-custom-field{
    margin-top: -5px;
}

.required-field{
    border-color: #ed5565;
}

.custom-field-box{
    border: 1px solid #dcdcdc;
    padding: 12px;
    margin: 12px 0px;
    border-radius: 3px;
}


.move-top{
    margin-top: 21px;
    width: 48%;
}
.move-top1{
    margin-top:52px;
}
.remove-custom-field{
    position: relative;
    float: right;
    font-size: 18px;
    padding: 2px 8px;

}
.title
{
    padding: 20px 0px ;
    text-align: center;

}
.title h2{
    color: #fff;
}
.image_item
{
    height: 300px;
}

.image_item img
{
    width:100%;
    height: 100%;

}
.nopadding
{
    padding: 0px;
}

.pointer
{
    cursor: pointer;
}

/***** header css ******/
.navbar
{
    background-color: #f2f2f2;   
    border: none !important;
    border-color: transparent !important;
}
.social-bar
{
    background-color: #F7F7F7;

}
.social-bar ul li
{

    display: inline-block;
    padding: 5px;
}
.social-bar ul
{
    margin-bottom: 0px;
    padding-left: 0px;
}
.social-link
{
    cursor: pointer;

}
.social-link i
{
    font-size: 1.5em;
    color: rgb(177, 30, 120);
}
.menu-header-nav
{
    height: 50px;
    background: rgb(0, 0, 0) none repeat scroll 0% 0%;
}
.sign-container
{
    margin-top: 7px;
    height: 65px;
    float: right;
    padding-right:5px; 
}
.sign-in-link
{
    padding: 3px 0px;
    margin-top: 5px;
}
header .social-links ul li{
    float: right;
}
.lang 
{ 
    font-weight: bold;
    color: #93004d;
    font-size: 1.3em;
}
.lang .active
{
    color: #000;
}
.lang:hover
{
    color: #000;
}

.nav>li>a{
    color:#fff;
    font-weight:600;
    padding:14px 0px;
}

.nav>li>a.active-li
{
    border-bottom: solid 4px #93004d;
}

#preview_navbar .open a
{
    background-color: transparent;
}
#preview_navbar .open a:hover
{
    border-bottom: solid 2px #93004d;
}
.dropdown-menu-header
{
    background-color: #000;
    color: #fff;
    top:109%;
}
.open:hover
{
    border: none !important;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus
{
    border:none !important;
}
.post-ads a
{
    color: #fff;
}
.no-padding
{
    padding: 0px !important;
}
.menu-footer-ul ,.follow-footer-ul
{
    padding-left: 0px; 
}
/******* main ******/
.ads-part
{

    padding: 10px 7px 10px 15px;
}
.ads-img
{
    width: 100%;
}

.search-title
{
    background-color: #f2f2f2;
    color: #000;
    border-bottom: solid 5px #b11e78;
    font-size: 1.3em;
    padding: 10px;
}
.search-button
{
    background-color: #b11e78;
    border: solid 1px #b11e78;
    color: #fff;
    border-radius: 3px;
    width: 100%;
    height: 35px;
    font-size: 1.1em;

}


/******* left side *******/
.category-par
{
    padding: 0px;
}
.category-list-item
{
    height: 40px;
    background: url('/common/images/icons/botton%20NO_ar.png');
    background-size: cover;
    margin-bottom: 10px;            
}
.category-list-item div span
{
    color: #fff;
    padding: 8px 10px;
    font-size: 1.2em;

}
.count
{
    float: right;
    padding-right: 10%;
}
.left-ads-par
{
    padding: 0px;
}
.left-ads-par img
{
    width: 100%;
}
.subscribe-par
{
    height: 400px;
    background-image: url('/common/images/icons/Subscribe%20BG.png');
    background-size: cover;
    padding: 0px;
    margin-top: 10px;
    border-top: solid 6px #840057;
}
.subscribe-title
{
    padding: 50px 0px 50px 40%;
    text-align: center;
    font-size: 1.4em;
    color: #000;
}
.subscribe-input
{
    height: 35px;
    border: solid 2px #c0c0c0;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 10px;
}
.subscribe-button-par
{
    text-align: center;
    padding: 20px 0px;
}
.subscribe-button
{
    color: #fff;
    background-color: #840057;
    border: none;
    border-radius: 3px;
    height: 30px;
    width: 50%;
}



#back-to-top {
    z-index: 9999;
    text-align: center;
    cursor: pointer;
     border-radius: 4px;
    text-decoration: none;
    font-size: 30px;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    padding: 10px 15px 8px 15px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    color: #FFFFFF;
    background-color: #7ad19d;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: opacity .5s 0s, visibility 0s .5s;
    -moz-transition: opacity .5s 0s, visibility 0s .5s;
}


#back-to-top.show {
    opacity: .7;
}
#back-to-top span
{
    font-size: 1em;
    color: #fff;
}



/******** style of one item *******/
.path-item
{
    height: 30px;
    border-bottom: solid 1px #c0c0c0;
    margin-bottom: 10px;
}
.title-item
{
    margin: 0 auto 10px;
    padding: 0px 10px;
    display: table;
    border-left: solid 3px #B60483;
    height: 60px;
    color: #000;
    font-weight: bold;
}
.title-item h2 ,.title-item h3{
    margin-top: 10px;
}

.circle i
{
    display: block;
    width: 50px;
    height: 50px;
    border: 2px solid #8a8a8a;
    color: #B60483;
    font-size: 26px;
    padding: 10px 0 0 0;
    margin: 0 auto;
    text-align: center;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}

.circle i:hover
{
    background: #B60483;
    color: #fcfcfc;
}
.circle .active-fav
{
    background: #B60483;
    color: #fcfcfc;
}

.side-column{
    padding-right : 0px;    
}

.title-contact
{
    font-size: 1.2em;
    color: #000;
    text-align: center;
    padding: 10px;
    font-weight: bold;
}

.no-padding-left
{
    padding-left: 0px;
}
.member-tabs{
    text-align: center;
    width: 25%;
}

.member-tabs > a:active, .member-tabs a>:focus{
    background-color: #93004d !important;
}

.member-tabs >a:hover {
    background-color: #8f000b !important;
    border-bottom: solid 0px #fff !important;
    color:#fff !important ;
}

.left
{
    float: left;
}
.right
{
    float: right;
}
.details-item .details-item-componant2
{

    border-bottom: 1px dotted rgb(215, 215, 215);
    overflow: hidden;
}
.details-item .details-item-componant2 .componant
{
    padding: 5px 20px;
}
.details-item .details-item-componant
{    border-bottom: 1px solid rgb(215, 215, 215);
     overflow: hidden;
}
.details-item .details-item-componant .fa
{
    display: inline-block;
    min-width: 20px;
    font-size: 20px;
    line-height: 100%;
    color: #999999;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 5px;
}
.details-item .details-item-componant span
{
    padding: 0px 10px;
}
.details-item .details-item-componant label
{
    display: inline-block;
    padding: 0 2px 0 0;
    margin: 0;
    font-size: 16px;
    line-height: 100%;
}
.details-item .details-item-componant .componant
{
    padding-bottom: 10px;
}
.details-item .details-item-componant big
{
    display: inline-block;
    font: normal 22px/80% 'HelveticaNeueLTW20-bold', Arial, Helvetica, sans-serif;
    color: #b60483;
    font-weight: bold;
}


.auth-icon
{
    width: 100%;
}
.login-bottom
{
    width: 100%;
}


.favorite-text
{
    position: absolute;
    left: 30%;
    top: 7px;
    cursor: pointer;
}


.breadcrumb
{
    padding: 0px !important;
    background-color: transparent !important;
    margin:0px !important;
}
.breadcrumb > .active, .breadcrumb > li a
{
    font-style: normal;
    color: #000;
}
.breadcrumb > .active
{
    color:#680041;
}
.breadcrumb > li + li::before{
    color: #9C9C9C;
    content: "\003e";
    font-size: 10px;
    margin-top: 6px;
    padding: 0px 5px;
}
.item-date
{
    margin-top: 10px;
    color: #9a9a9a;
    display: inline-block;
}
.details-item-description
{
    padding:20px;
}





.btn-log-out{
    margin: 3px;
    width: 135px;
}

.btn-add-ad{
    margin: 3px;
    width: 135px;
}



.favorite-icon{
    position: absolute;
    width: 29px;
    z-index: 10;

    top: 2px;
}

.favorite-icon-list{
    width: 50px;
    z-index: 10;
    right: 24px;
    cursor: pointer;
}
.stButton .sharethis ,.stLarge
{
    background-image: none !important;
    height: 0px !important;
    width: 0px !important;
}
.member-tabs-ul > li.active > a
{
    background-color: transparent;
}
.item-album
{
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 0px;
    margin: 0px;
}
.item-album ul 
{

}
.item-album ul li{
    display: inline-block;
    width: 70px;
}
.item-album ul li a
{
    display: inline-block;
    padding: 0;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    clear: both;
    overflow: hidden;
    text-align: center;
    border: 1px solid transparent;
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.45);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.45);
}
.item-album ul li a img
{
    width: 100%;
    height: 100%;
}
.image-more
{
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
    padding-top: 15px !important;
    font-size: 1.3vw !important;
    font-weight: bold;
    color: black;
}
.post-ads-container {
    float: right;
}
#member-icon-logout i
{
    font-size: 18px;
}
#member-icon i{
    font-size:18px;
}
#add-member-icon i{
    font-size:18px;
}
#member-icon-login i
{
    font-size: 18px;
}

#contact-form label
{
    display: none;
}
/*----------------Releated Items CCS style------------------*/


.description
{
    font-size:1.2em;
    color: #000;
}

/*----------------Releated Items CCS------------------*/




.items .bg-info
{
    padding: 15px;
    border-radius: 3px;
}
.nav-header-menu 
{
    border: none !important;
    background-color: transparent;
}
a:hover, a:focus
{
    text-decoration: none !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #8f000b none repeat scroll 0% 0%;
    border-color: #DDD #DDD #F3F3F4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFCFC;
    cursor: default;

}
.board .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
    background: #fff none repeat scroll 0% 0%; 
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #e6e6e6;
    color: #676a6c;
}
.pace-inactive {
    display: none;
}
.pace .pace-progress {
    width:100%;
    background: #680045;
    position: fixed;
    z-index: 2000;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 2px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;

}

.range-span{
    vertical-align: top;
    margin-left: 22px;
    margin-top: 17%;
}

.styleWarn
{

    margin-right:5px; 
    color:red;
}



.changelocation-span{
    float: right;
    cursor: pointer;
    padding: 7px 10px 0px;
}

.changelocation-span .fa{
    color: #337ab7;
    font-size: 35px;
    margin: 5px;
}

.changelocation-span .changelocation-label{
    color: #333;
    font-size: 15px;
}


.country-span{
    color: #d4278f;
    font-size: 26px;
}





.fav-icon-member-zone{
    font-size: 40px;
    padding-top: 5px;
    padding-right: 15px; 
    color: #FFC600;
}

.update-button{
    color: #FFF;
    background-color: rgb(186, 0, 86);
    border-color: rgb(186, 0, 86);
}

.update-button:hover , .update-button:focus{
    color:  rgb(186, 0, 86);
    background-color: #FFF;
    border-color: #FFF;
}


/*/////Report Modal .....*/
#radio label
{
    display: table;
}

#modal
{
    z-index: 7777 !important;
}
.reports-create  h1
{
    margin-bottom: 40px;

}

.box-item .date{
    float: left;
}
.box-item .city{
    float: right;
}
.sold-watermark
{
    width: 80%;
    position: absolute;
    top: 30px;
    left: 20px;
}

.country-list .country{
    display: block;
}
.actionsDiv {
    text-align: right;
}
.box-item-fav-i
{
    font-size: 25px;
    padding-top: 5px;
    color: #ffc600;
    cursor: pointer;
}
.item-span-3
{
    text-align: right;
    padding-right: 20px;
}
.delete-search
{
    float: right;
}
.open-category
{
    display: block !important;
}
.dropdown-menu-category
{
    padding: 0px 10px 10px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

}
.chang-city-dropdown ul li.level-1
{
    padding: 5px;
}
.chang-city-dropdown ul li.level-2
{
    padding:5px 5px 5px 15px;
}
.container-category .cat_icon {
    float: left;
    margin-right: 10px;
}
#controls i
{
    font-size: 20px;
    position: absolute;
    color: rgb(255, 255, 255);
    top: 2px;
    left: 7px;
    cursor: pointer;
}

/*------------About us page style-----------*/
.aboutdesc
{
    font: normal 15px/80% 'HelveticaNeueLTW20-bold', Arial, Helvetica, sans-serif;
    border: 1px solid #C8C8C8;
    border-radius: 4px;
    margin-top: 20px;
    line-height: 20px;
    
   
}
.Aboutitle
{
    padding-left: 30px;
  font: bold 40px/80% 'HelveticaNeueLTW20-bold', Arial, Helvetica, sans-serif;  
  color: #b60483;
}

/*------------privacy page style-----------*/
.privacydesc
{
      font: normal 15px/80% 'HelveticaNeueLTW20-bold', Arial, Helvetica, sans-serif;
    border: 1px solid #C8C8C8;
    border-radius: 4px;
    margin-top: 20px;
    line-height: 20px;
    
}
.privacytitle
{
     padding-left: 30px;
  font: bold 40px/80% 'HelveticaNeueLTW20-bold', Arial, Helvetica, sans-serif;  
  color: #b60483;
}
.wacsmenu li {
    list-style: none;
    padding: 0px 14px 0px 15px;
    line-height: 30px;
    margin-bottom: 8px;
}
.img-center
{
left: 38%;
position: relative;
}
.lan-bar
{
     float: right;
    padding-right: 32px;
}
.navbar-nav>li {
    float: right!important;
        direction: rtl;
}