/*
* Cristal HTML V1
* Copyright 2015 Mango Studio
* 07/06/2015
*/

/* Table of Content
==================================================
	#Misc
	#Header
	#Features
	#Video
	#Clients
	#Services
	#Services2
	#Testimonials
	#Contact
	#Footer

==================================================
*/

/*	#Misc 	*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300,600);
@import url(https://fonts.googleapis.com/css?family=Dancing+Script);

iframe.c1 {border:none; overflow:hidden; height:20px;width:50px; }

/* #Header (Welcome To Cristal)		*/
.main_bg{
	background: url('../images/HH_leisureoffer_7.jpg') fixed no-repeat top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	padding: 0px;
}
.titre_1{
	color:#ffffff;
	font-size: 28px;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-weight: 600;
	padding-top: 40;
	line-height: normal;
}
.text_1{
	color:#d3d3d3;
	font-size: 16px;
	line-height: 26px;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	display: inline-block;
	padding-left: 30px;
	padding-right: 30px;
	margin:15px;}

.div_1{
	background:rgba(0,0,0,0.6);
	text-align: center;
	padding: 60px 0;
	width: 100%;
}
.s_titre1{
	color:#bbb;
	font-size: 12px;
	line-height: normal;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}	

.s_titre2{
	color:#a9a9a9;
	font-size: 14px;
	line-height: 20px;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	display: inline-block;
	float: left;
	padding-left: 10px;
	padding-bottom: 25px;
	line-height: 32px;
}	
.div_2{
	background: rgba(0,0,0,0.6) !important;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 34px 0px;
	padding-bottom: 0px;
}
.social_net{
	text-align: left;
	float: right;
	display: inline-block;
	padding-right: 20px;
}
.marge_1{
	margin-bottom: 50px;
}

.marge_1 img {
    width: 260px;
}

.img_face {
	background:url("../social/facebook-normal.png");
	width: 32px;
	height: 32px;
	float: left;
	margin: 0px 5px;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
}
.img_face:hover {
	background:url("../social/facebook-hover.png");
}
.img_twitter {
	background:url('../social/twitter-normal.png');
	width: 32px;
	height: 32px;
	float: left;
	margin: 0px 5px;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
}
.img_twitter:hover {
	background:url('../social/twitter-hover.png');
}
.img_yt {
	background:url('../social/yt-normal.png');
	width: 32px;
	height: 32px;
	float: left;
	margin: 0px 5px;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
}
.img_yt:hover {
	background:url('../social/yt-hover.png');
}
.img_inst {
	background:url('../social/instagram-normal.png');
	width: 32px;
	height: 32px;
	float:left;
	margin: 0px 5px;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
}
.img_inst:hover {
	background:url('../social/instagram-hover.png');
}
.img_rss {
	background:url('../social/rss-normal.png');
	width: 32px;
	height: 32px;
	float: left;
	margin: 0px 5px;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
}
.img_rss:hover {
	background:url('../social/rss-hover.png');
}
.submit_btn1 a{
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 15px 35px;
	font-family:'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 20px;
	border-radius: 5px;
	text-align: center;
	background-color:#cb007c;
	opacity: 1.0;
	margin-bottom: 10px;
	margin-right: 5px;
    filter: alpha(opacity=100%); /* For IE8 and earlier */ 
	-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
}

.submit_btn1:hover a{
 	background-color:#cb007ce6;
 }
/*		#Features 		*/

.div_3{
	background: #f6f6f6;
	border-bottom:  4px solid #ddd;
	padding-bottom: 30px;
	padding-top: 30px;
}
.titre_3{
	color:#696969;
	font-size: 17px;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-weight: 600;
	line-height: normal;
	margin-top: 15px;
	margin-bottom:15px;
}
.text_3{
	color:#a9a9a9;
	font-size: 14px;
	line-height: normal;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	display: inline-block;
}
.under_3{
	height: 3px;
	background: #cb007c;
	width:60px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.align_c{
	text-align: center;}

/* 		#Video (The Story About Our Agency) 		 */
.social_style{
        	position: relative;
        	font-family: 'lato', sans-serif;
        	background-color:#f1f1f1;
        	padding: 15px 10px;
        	border-radius: 3px;
    	}
.social_span{ position: relative;
            top: 5px;
            border-radius: 3px;
    	}
.border1{
		border:1px solid #ddd;	
}  
.div_4{
	background: #fff;
	padding-bottom: 60px;
	padding-top: 40px;
}
.titre_4{
	color:#cb007c;;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	font-weight: 600;
	line-height: normal;
	margin-bottom:15px;
}
.under_4{
	color:#a9a9a9;
	font-size: 22px;
	line-height: normal;
	font-family: 'Dancing Script', cursive;
	text-align: left;
	display: inline-block;
	padding-bottom: 15px;
}
.text_4{
	font-size: 16px;
	line-height: 26px;
	font-family: 'Open Sans', sans-serif;
	color:#808080;
	text-align: left;
	display: inline-block;
	max-width: 344px;
}
.box{
	background-color: #eee;
	padding: 10px;
	box-sizing:border-box;
	display: inline-block;
	position: relative;
	border-radius: 3px;
}
.box2{
	width: 100%;
	height: 100%;
	background-color: #eee;
	display: inline-block;
	border-radius: 3px;
}
.box2 iframe {
	width: 100% !important;
	height: 300px !important;
}
.imgbox{
	width:100%;
	margin-bottom: -6px;
	border-radius: 3px;
	text-align: left;
}
.share_font{
	text-align: left;
	width: 100%;
	color:#a9a9a9;
	font-family: 'open sans', sans-serif;
	font-size:14px;
	margin-top: 40px;
}

/*  		#Clients (Our Awesome Clients) 		*/
.div_5{
	background: url('../images/Pattern.png')  repeat;
	/*border-bottom:  4px solid #0090c5;*/
	padding-bottom: 60px;
	padding-top: 40px;
	animation: mov 2s linear 0s infinite alternate;
    -webkit-animation: mov 2s linear 0s infinite alternate;
}
@-webkit-keyframes mov {
    0% { background-color:#cb007c; }
    100% { background-color:#00405d; }
  }
@-moz-keyframes mov {
     0% { background-color:#cb007c; }
    100% { background-color:#00405d; }
  }
.titre_5{
	color:#fff;;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-weight: 600;
	line-height: normal;
}
.under_5{
	height: 3px;
	background: #fff;
	width:80px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 25px;
}
.marge_3{
	margin-top: 30px;
	margin-bottom: 30px;
}


/* 		#Services (Our Best Services) 		 */
.div_6{
	background: #fff;
	padding-top: 60px;
}
.titre_6{
	color:#cb007c;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	font-weight: 600;
	line-height: 28px;
	margin-bottom:15px;
}
.text_6{
	color:#a9a9a9;
	font-size: 16px;
	line-height: 26px;
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
	font-weight: normal;
	max-width: 404px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.under_6{
	color:#808080;
	font-size: 22px;
	line-height: 30px;
	font-family: 'Dancing Script', cursive;
	text-align: left;
	margin-bottom: 20px;
}
.title_6{
	color:#cb007c;;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	font-weight: 600;
	line-height: 36px;
	background-color: #fff;
	margin-top: 15px;
}
.u_title_6{
	color:#a9a9a9;;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	display: inline-block;
}
.box_{
	padding-bottom: 50px;
	margin: 5px;
	display: inline-block;
	position: relative;
}
.box2_{
 	padding: 5px;
	display: inline-block;
	margin: 5px;
	border-radius:3px;	
}
.imgbox_{
	border:  10px solid #eee;
	width: 100%;
	margin-bottom: -6px;
	border-radius: 3px;
	height: 160px;
}
.pay_style{
        	position: relative;
        	font-family: 'lato', sans-serif;
        	background-color:#f1f1f1 !important;
        	padding: 10px 30px;
        	border-radius: 3px; 
        	border:1px solid #ddd;
        	font-size: 14x;
			margin-top: 10px; 
			line-height: 40px;
    	}
.discount_style{
        	position: relative;
        	font-family: 'lato', sans-serif;
        	background-color:#f1f1f1 !important;
        	padding: 10px 10px;
        	border-radius: 3px; 
        	border:1px solid #ddd;
			margin-top: 10px; 
    	}
.family_font{
	font-family:'Open Sans', sans-serif;
	position: relative;
	font-size: 14x;
	color: #a9a9a9;
	line-height: 40px;	
	background-color: #fff !important;
	padding: 10px 10px;
}  	
.pay_span{ 
			position: relative;
            top: 0px;      
    	}
.ch_color{
	color: #cb007c;
	font-weight:bold;
	font-family: 'lato', sans-serif; 
	font-size: 14px;
}
.marge_4{
	margin-top: 30px;
	width:100%;
}
pad_2{
	padding-top: 40px;
}
.discount{
	font-size: 12px;
	color:#808080;
}


/* 		#Services2 (Our Great Services) 		*/

.div_7{
	background: #f6f6f6;
	padding-bottom: 40px;
	padding-top: 30px;
	text-align: center;
	border-top:5px solid #ddd;
}
.titre_7{
	color:#cb007c;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-weight: 600;
	line-height: 40px;
}
.under_7{
	color: rgb(128, 128, 128);
	font-size: 22px;
	line-height: 40px;
	font-family: 'Dancing Script', cursive;
	text-align: center;
	display: inline-block;
	padding-bottom: 40px;
}
.box_b{
	background-color: #fff;
	margin-bottom: 20px;
	margin-right: 0px;
	display: inline-block;
	position: relative;
	border-radius: 3px;
	border-bottom: 1px solid #ccc;
} 
.box2_b{
	width: 100%;
	display: inline-block;
	border-radius: 3px;	
}
.imgbox_b{
	height: 200px;
	min-width: 100%;
	overflow: hidden;
	margin-bottom: -6px;
}
.week_font{
	line-height: 40px;
	font-family: 'Open Sans', sans-serif;
	color: #808080;
	padding-top: 75px;
	font-size: 16px;
}
.ch_color1{
	color: #cb007c;
	font-weight:normal;
	font-family: 'lato', sans-serif; 
	font-size: 14px;
}
/* 		#Testimonials 		 */

.circular_img {
	overflow: hidden;
	border-radius:50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 5px solid #000;
	margin-right: auto;margin-left: auto;	
}

.rabica{
	color:#ffffff;
	text-align: left;
	font-size: 14px;
	line-height: 22px;
	font-family: 'Open Sans', sans-serif;
}
.bg2 {
    background-color: rgba(203, 0, 124, 1);
    opacity: 0.9;
    border-top: 5px solid rgba(203, 0, 124, 0.85);
    border-bottom: 5px solid rgba(203, 0, 124, 0.85);
    padding-top: 50px;
    padding-bottom: 50px;
}
.quote_img{
	text-align: center;
	margin-left: 0px;
}
.great_font{
	color: #afeeee;
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	line-height: 35px;
	max-width: 100%;
	font-family: 'Open Sans', sans-serif;
	margin-top: 30px;
	margin-bottom: 10px;
}

/* 		#Contact 		 */
.main_bg1{
	background: url('../images/HH_emea_3.png') fixed no-repeat center;
	background: url('https://tripgranada.com/en/wp-content/uploads/slider/slide_13.jpg') fixed no-repeat bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top:60px; 
	padding-bottom: 60px;
	width: 100%;
}
.main_bg2 {
	/*background:rgba(0,174,239,0.75) !important;*/
	background:rgba(203, 0, 124, 0.75) !important;
	border-radius: 3px;
	display: inline-block;
}
.sub_bg1 {
	padding-right: 0px;
	padding-top: 40px;
	box-sizing:border-box;
}
.sub_bg2 {
	background:rgba(0,0,0,0.15) !important;
	margin-bottom: 0px;
	padding-top: 20px;
	float: right !important;
}
.reser_border{
	margin: 10px;
	margin-left: 25px;
	text-align: center;
}
.contact_font{
		color: #fff;
		font-style: 'Open Sans', sans-serif;
		font-size: 24px;
		font-weight: bold;
	}
.info_font{
	font-family:'Open Sans', sans-serif;
	font-size: 12x;
	color: #fff;
	line-height: 20px;
	margin-top: 20px;
	list-style: disc;
	list-style-position: inside;
}	
.iframe_center{
	width: 100%;
	float: left;
	display: block;
}
.iframe_center iframe{
	height: 227px;
	position: relative;
	width: 100%;
}
.submit_btn{
	color: #cb007c;
	text-decoration: none;
	display: block;
	font-family:'Open Sans', sans-serif;
	font-size: 18px;
	border-radius: 3px;
	text-align: center;
	width: 50%;
	max-width: 100%;
	background:#fff;
	right: 0;
	top: 0;
	float: right;
}	
.submit_btn:hover{
 	background:rgba(255,255,255,0.9);
 	color: #cb007c;
 }
#contact_form{
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		margin-right: auto;
		margin-left: auto;
		padding: 20px;
	}
#contact_form legend{
		font-size: 15px;
		color: #C9C9C9;
	}
#contact_form label{
		margin-bottom:5px;
		color: #fff;
		font-size: 16px;
		font-family: arial;
		font-weight: bold;
		line-height: 30px;
		position: relative;
		margin-bottom: 20px;
	}
#contact_form label span{
		line-height: 40px;
		color: #fff;
		font-size: 14px;
		font-family: arial;
		font-weight: bold;
		text-align: left;
	}
#contact_form input{
		right: 0;
		top: 0;
		height: 40px;
		padding-top: 15px 0px;
		border-radius: 3px;
		border-radius: 3px;
		background: #fff;
		color: #000;
		width: 50%;
		max-width: 100%;
		float: right;
		box-sizing: border-box;
	}
#contact_form textarea{
		right: 0;
		top: 0;
		float: right;
		border-radius: 3px;
		padding-left: 4px;
		border-radius: 3px;
		background: #fff;
		color: #000;
		width: 50%;
		max-width: 100%;
		display: inline-block;
		box-sizing:border-box;
	}
#contact_form select{
  		right: 0;
		top: 0;
		height: 40px;
		padding-top: 15px 0px;
		border-radius: 3px;
		border-radius: 3px;
		background: #fff;
		color: #000;
		width: 50%;
		max-width: 100%;
		float: right;
		box-sizing: border-box;
}

.submit_btn{
	color: #fff;
	text-decoration: none;
	display: inline-block;
	font-family:'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 20px;
	border-radius: 5px;
	text-align: center;
	background-color:#cb007c;
	opacity: 1.0;
	margin-bottom: 10px;
	width: 100%;
    filter: alpha(opacity=100%); /* For IE8 and earlier */ 
	-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		}	

.submit_btn:hover {
 	background-color:#cb007ce6;
 }


/* 		#Footer 		*/
.foot_st{background: #fff;
        text-align: center;
        border-top: 5px solid #d8f5ff;
    }

.rights_st{color:#a9a9a9;
    font-size:14px;
    font-family: 'open sans', sans-serif;
    text-align: left;
    padding-top: 25px;
    position: relative;
    display: inline-block;
   }

.pixfort_st{color:#f68121;
         font-weight: bold;
         font-size:14px;
         font-family: 'open sans', sans-serif;
         text-align: left;
         position: relative;
         display: inline-block;
   }
.likes_st{color:#d3d3d3;
        font-size:14px;
        font-family: 'open sans', sans-serif;
        text-align: left;
        position: relative;
        display: inline-block;
       	top: 10px;
        padding-right: 15px;
   }
.socbuttons{
        margin-left: 20px;
        height: 100%;
        position: relative;
        display: inline-block;
        overflow: hidden;
        padding-bottom: 10px;
        width: 100%;
        margin-top: 15px;
	}
.soc_icons{
        border-radius: 3px;
        float: right;
        position: relative;
        display:inline-block;
        padding: 10px 15px;
        text-align: center;
        border:1px solid #8be0ff !important;
		background:rgba(161,230,255,0.25) !important;
    }
.confirm_gp{
	position: relative;
	top: 0px !important;
	margin-right: 10px;
}
.twitter-share-button{
	margin-left: 0px;
}
.mango{
	color:#00a0db;
	font-weight: bold;
	font-family: 'open sans', sans-serif;
}
/*--------------------------------------------------------------------------------------*/

 

 
 .success{
      background: #CFFFF5;
      padding: 10px;
      margin-bottom: 10px;
      border: 1px solid #B9ECCE;
      border-radius: 5px;
      font-weight: normal;
	  color:#333;
    }
    .error{
      background: #FFDFDF;
      padding: 10px;
      margin-bottom: 10px;
      border: 1px solid #FFCACA;
      border-radius: 5px;
      font-weight: normal;
      color: #333
    }


  .confirm_page{
    display:none;
    height: auto;
    background:url('../Images/Pattern.png') #cb007c; 
    padding: 10px;
    margin: 0px !important;
    border-radius: 5px;
  }
  .confirm_header{
    text-align: center;
    color:#fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 26px;
  }
  .confirm_text{
    text-align: center;
    font-size:14px;
    color:#eee;
    font-family: 'Open Sans', sans-serif;
    max-width: 500px;
    padding: 30px;
  }
  .confirm_logo{
    text-align: center;
    padding: 20px;
  }
  .confirm_social{
    text-align: center;
  }
  .confirm_gp {
    position: relative;
    top: -12px;
    padding: 0px 20px;
  }




/* thumb image */
.thumb { position: relative;  overflow: hidden; }
.thumb a, .thumb a img { display: block; }
.thumb .info { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; -ms-transition: all .25s linear; transition: all .25s linear; }
.thumb:hover .info { opacity: 1; filter: none; }
.thumb .pattern { 
 background-color: rgba(0,0,0,0.4); pointer-events: none; }
.thumb .text { display: none; position: absolute; left: 0; bottom: 0; width: 100%; background: #222; background: rgba(0,0,0,0.75); color: #fff; padding: 10px 0; }
.thumb:hover .text { display: block; }
.thumb .text strong, .thumb .text em { display: block; line-height: 15px; padding: 0 10px; }
.thumb .text strong { font-size: 12px; padding-bottom: 5px; text-transform: uppercase; }
.thumb .text em { font-size: 11px; line-height: 17px; }
.thumb .text span { display: inline-block; background: url(img/sprite.png) no-repeat; }
.thumb .text em.date span { width: 14px; height: 17px; background-position: -51px -19px; margin-right: 5px; position: relative; top: 3px; }
.thumb .text a.link, .thumb .text a.fullsize { position: absolute; bottom: 10px; width: 17px; height: 17px; background: url(img/sprite.png) no-repeat -999px 0; }
.thumb .text a.link { right: 35px; background-position: -55px 0; }
.thumb .text a.fullsize { right: 10px; background-position: 0 -15px; pointer-events: auto; }
.thumb .button-fullsize, .thumb .button-link { position: absolute; top: 50%; left: 50%; display: block; width: 63px; height: 63px; background: url(img/sprite.png) no-repeat -64px -81px; opacity: .75; filter: alpha(opacity=75); pointer-events: auto; margin: -32px 0 0 -32px; pointer-events: none; }
.thumb .button-fullsize { background-position: 0 -81px; }

.thumb2 .pattern,.thumb2  {

}
.thumb2{
  margin-bottom: 10px;
}
/* fancybox */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { border: 0; outline: none; vertical-align: top; margin: 0; padding: 0; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); -moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); box-shadow: 0 5px 15px rgba(0,0,0,.25); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; white-space: nowrap; margin: 0; padding: 15px; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-prev span, .fancybox-next span { background-image: url(img/sprite.png); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -23px; margin-left: -23px; background-position: -130px -109px; opacity: .8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 46px; height: 46px; background: url(img/loading.gif) center center no-repeat; }
.fancybox-close { background-image: url(img/X.png); position: absolute; top: -18px; right: -18px; width: 34px; height: 34px; cursor: pointer; z-index: 8040; background-position: 0px 0; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(data:;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 36px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-prev span { left: 10px; background-position: -140px -36px; }
.fancybox-next span { right: 10px; background-position: -140px -72px; }
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(data:;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAG0lEQVR42mIU4OHZwEAEYGIgEowqpI5CgAADAGiRAOzkX/wUAAAAAElFTkSuQmCC); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; background: rgba(0,0,0,0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; padding: 2px 20px; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; background: rgba(0,0,0,.8); padding: 10px; }
.fancybox-lock{
    margin-right:0 !important;
}

.fa.fa-check-circle-o {
    color: #cb007c;
    font-size: 32px;
}