/* CSS Document */
.sticky_menu body{background-color:#000000;}
.sticky_menu .main_header{background:url(../vip/images/stip_top.jpg) no-repeat top center; background-size:cover; min-height:285px; padding-bottom:0px;}
.sticky_menu .main_header:after{content:''; background:url(../vip/images/hr2.png) no-repeat; height:2px; width:1400px; position:absolute; bottom:0px; left:50%;    transform: translateX(-50%);}
.logo_sect{padding:34px 0px 0px 0px;}
.logo_def, .logo_retina{width:214px;}
.main_header nav{margin-top:57px; background:none; position:relative;}
.main_header nav:before, .main_header nav:after{content:''; background:url(../vip/images/hr.png) no-repeat; height:1px; width:700px; position:absolute; top:0px; left:50%;    transform: translateX(-50%); opacity:0.5;}
.main_header nav:before{}
.main_header nav:after{bottom:0px; top:auto;}

.main_header nav ul.menu > li:first-child{}

.bg_vip{background-image:url(../vip/images/bg2.png), url(../vip/images/bg.jpg); background-repeat: repeat, no-repeat; background-size: 72px 72px, cover;}

footer{background:url(../vip/images/stip_top.jpg) no-repeat top center; background-size:cover; border-top:0px; color: #666;}
footer .copyright {    color: #666;}
footer:before{content:''; background:url(../vip/images/hr2.png) no-repeat; height:2px; width:1400px; position:absolute; top:0px; left:50%;    transform: translateX(-50%);}

.grid-sizer,.grid-item { width:25%; margin-bottom:20px;}
.grid-item--width2 { width:50%;}
.grid-item_wrapper{border:1px solid #FBB03B; border-radius:3px; margin-right:20px; position:relative;}
.grid-item_wrapper *{ color:#ffffff; box-sizing: border-box;}
.grid-item_wrapper .color{color:#E29E01;}
.grid-port-cont{padding:0px; max-height:115px; overflow:hidden; margin-bottom:10px; direction:rtl;}
.grid-port-cont *{margin-bottom:15px; line-height:1.4em;}

.gallery_item_wrapper{height:215px; overflow:hidden;}

.grid_bg{position:absolute; width:100%; height:100%; z-index:0; background-size:cover; display:block; top:0px; left:0px;}
.grid_content{z-index:1; position:relative;}
.ribbon{position:absolute; top:-5px; left:-5px; z-index:10;}
.grid .fw_featured_image{padding:1px; border-radius:3px; border:1px solid #ffffff;}

.grid-item--width2 .grid_content{position:absolute; bottom:-5px; left:0px; padding:10px; width:100%; box-sizing: border-box;}
.grid-item--width2 .grid_content .fw_featured_image,.grid-item--width2 .grid_content .grid-port-cont{width:calc(47% - 3px); box-sizing: border-box; display:inline-block; background-color:#ffffff; background-origin: content-box;  background-clip: content-box; padding:1px; border-radius:3px; border:1px solid #ffffff; }
.grid-item--width2 .grid_content .grid-port-cont{width:calc(53% - 3px); margin-bottom:0px;  max-height:70px;}
.grid-item--width2 .grid_content .grid-port-cont * {margin-bottom:7px;}
.grid-item--width2 .grid_content .grid-port-cont h2{color:#666666; margin-bottom:10px;}

	
.gallery_item_wrapper:hover .gallery_fadder, .grid-gallery-item:hover .gallery_fadder{background-color: rgba(255,255,255,0.2);}



/* ---- button ---- */

.list {
  display: block;
  padding: 3px 30px;
  color: #FBB03B;
  font-size: 0.9em;
  text-shadow: 0 1px #666;
  cursor: pointer;
  position:relative;
  text-align:right;
}
.list:before{content:' '; width:18px; height:18px; line-height:18px; text-align:center;     font-family: FontAwesome!important; display:inline-block; position:absolute; top:3px; right:0px; border:1px solid #FBB03B; border-radius:3px; padding:0px;}
.list:after{content:' '; background:url(../vip/images/hr3.png) no-repeat center; height:1px; width:100%; position:absolute; bottom:0px; left:50%;    transform: translateX(-50%);}

.list:hover {
  background-color: rgba(255,255,255,0.1);
}

.list:active,
.list.is-checked { color:#ffffff;}
.list:active:before,
.list.is-checked:before { content:"\f00c"; border-color:#ffffff;}


.list:active {

}

/* ---- button-group ---- */

.button-group{margin-bottom:20px;}
.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }

.row{position: relative;}
.back{position:absolute; top:-50px;  left:0px;}
.back .button{color:#FBB03B; border:1px solid #666666; font-size:0.8em; border-radius:3px; padding:5px;}
.back .button:hover{background-color:rgba(255,255,255,0.2);}
.back .button i{
    font-size: 14px;
    display: inline-block;
    text-align: right;
	font-family: FontAwesome!important;
	text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	border-right:1px solid #666666;
	height:24px;
	line-height:24px;
	color:#666666;
	padding-right:5px;
	}
.back .button i:before{content: "\f112";}

.logout{top:-90px;}

.popup_title{ font-size:2em;}
.popup_body{direction:rtl; text-align:right;}
.popup_body ul{list-style:none;}
.popup_body ul li:before{display:none;}
.popup_body img{margin:20px auto 0px auto; max-width:100%;display: block;}

.login{margin:0px auto; direction:rtl;box-sizing: border-box;}
.login ul li:before {
    font-family: 'FontAwesome'!important;
    content: "\f104";
    padding: 0 0 0 10px;
}

.login .button {
	background-color:#FBB03B;
    color: #000000;
    font-size: 0.8em;
    border-radius: 3px;
	margin:10px 20px;
    padding: 7px 20px;
	display:inline-block;
}


.login h3{color: #FBB03B;}
.login input{border-radius: 3px; padding:7px 20px; text-align:right; display:block; margin:10px; box-sizing: border-box; width:calc(100% - 20px)!important; background-color:rgba(255,255,255,0.9)}

.val{
	color: #a94442!important;
    background-color: #f2dede;
    border-color: #ebccd1;
	padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
	text-align:right;
	box-sizing: border-box;
	margin:10px;
	font-size:0.9em;
	}
.val ul li{color: #a94442;}
.back.logout .button i:before{content: "\f08b";}	


@media only screen and (max-width: 1367px){
	.logout{top:-80px;}
	}
	
	
@media (min-width: 768px){
.login{width:40%; }
}

@media (max-width: 1367px) and (min-width: 760px){
	.sticky_menu .main_header{min-height:170px;}
	.main_header nav{margin-top:20px;}
	.back .button{ font-size:0.7em;}
	}
@media (max-width: 1200px) and (min-width: 768px){
	.grid-sizer,.grid-item, .grid-item--width2 { width:50%;}	
	.main_header nav{margin-top:20px;}
	.gallery_item_wrapper{height:260px;}
	.grid-item--width2 .grid_content .fw_featured_image,.grid-item--width2 .grid_content .grid-port-cont{width:100%;}
	}
@media only screen and (max-width: 979px){	
	.grid-port-cont{height:140px; max-height:none;}
	.back .button{ font-size:0.7em;}
}
@media only screen and (max-width: 760px) {
	.grid-sizer,.grid-item, .grid-item--width2 { width:100%;}
	.sticky_menu .main_header{min-height:190px;}
	.list{text-align:center;}
	.gallery_item_wrapper{ height:auto; min-height:250px;}
	.back{left:50px; top:-137px;}
	.back .button{ font-size:0.6em;}
	.back .button span{display:none;}
	.logout{/*left:135px;*/ left:auto; right:10px;}
}