@charset "utf-8";

*{ margin:0; padding:0;}*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; 
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
a:hover { text-decoration:none;}
body {
    background:#fff; letter-spacing:1px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

::-webkit-scrollbar {
    width: 5px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background:#013c4d; 
   
}
::-webkit-scrollbar-thumb:window-inactive {
	background:#013c4d; 
}


/* preloader */
.lig_img { width:50px; height:50px; float:left; margin-right:2px; margin-bottom:2px;}


#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#013c4d; background-image: url(../images/overlay_pattern.jpg); background-repeat:repeat;
    z-index:99999999999999999999999999999999; 
}
 
#status {
    width:192px;
    height:174px;
    position:absolute;
    left:50%;
    top:50%;
    background-image:url(../images/loader.png); 
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; }
			
			

			

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */


.logo_menu_content { width:1100px; height:35%; margin-left:auto; margin-right:auto; position:absolute; left:0; right:0;}
.left_menu { width:475px; height:200px; float:left; font-size:14px; color:#FFFFFF; font-family: 'proxima_nova_ltsemibold'; text-align:left;}
.left_menu_top { width:475px; height:40px; float:left; font-size:13px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-align:left;}
.left_menu_bottom { width:475px; height:100px; float:left; font-size:14px; color:#FFFFFF; font-family: 'proxima_nova_ltsemibold'; text-align:left;}

.logo_center { width:150px; height:200px; float:left; background:url(../images/beyoglu_logo.png) no-repeat center;}
.right_menu { width:475px; height:200px; float:right;}
.right_menu_top { width:475px; height:40px; float:left; font-size:13px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-align:right;}
.right_menu_bottom { width:475px; height:100px; float:left; font-size:14px; color:#FFFFFF; font-family: 'proxima_nova_ltsemibold'; text-align:right;}


.fa-map-marker { color:#fff;}

ul.mainmenu_link li { display:inline; text-decoration:none; list-style-type:none; font-size:14px; color:#FFFFFF; font-family: 'proxima_nova_ltsemibold'; padding-left:25px;}
ul.mainmenu_link li a { display:inline; text-decoration:none; list-style-type:none; font-size:14px; color:#FFFFFF; font-family: 'proxima_nova_ltsemibold';}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */



.banner_content {  width:100%; height:auto; margin-left:auto; margin-right:auto; background:#4e342e; position: relative; left:0; right:0; z-index:1; margin-bottom:-1px;}
.banner_content_center { width:90%; height:70%; top:10%; margin-left:auto; margin-right:auto; position: absolute; z-index:9999; left:0; right:0; border:0px solid #d7ccc8; opacity:; text-align:center;}


.banner_content_head1 { font-size:3.7vw; color:#fff; top:40%; z-index:9999999999999999999; width:60%; margin-left:auto; margin-right:auto; font-family: 'proxima_nova_ltsemibold'; font-weight:normal; letter-spacing:4px; line-height:4.2vw;;}
.banner_content_head2 { font-size:1.3vw; color:#fff; top:40%; z-index:9999999999999999999; width:60%; margin-left:auto; margin-right:auto; font-weight:normal; font-family: 'roboto_slablight';}

.banner_border { width:30%; height:3px; background:#FFFFFF; margin-left:auto; margin-right:auto;}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.del_italic {  font-family: 'roboto_slablight';}
.index_about_icon { width:52px; height:52px; margin-left:auto; margin-right:auto; text-align:center; margin-bottom:20px;}
.mini_icon { width:52px; height:52px; text-align:center;}

.index_about_container_text { width:100%; height:auto; margin-left:auto; margin-right:auto; background:#f9f9f9 url(../images/about_pattern.png) repeat; padding-bottom:75px; padding-top:75px;}
.index_about_container_text_center { width:1100px; height:auto; margin-left:auto; margin-right:auto;}

div.index_about_text { width:650px; margin-left:auto; margin-right:auto; height:auto;  -moz-column-count: 1;
  -webkit-column-count: 1;
  -moz-column-gap: 50px;
  -webkit-column-gap: 50px;
  text-align: center;
  font-size:14px; color:#999999; font-family: 'roboto_slabregular'; margin-top:30px; }
  
.border_line { width:100px; height:2px; margin-left:auto; margin-right:auto; background:#999; margin-top:20px;}

div.index_about_text_left { width:300px; height:auto; float:left; text-align:left; font-family: 'Cormorant Garamond', serif; font-weight:400; font-size:25px; padding-top:20px;}
div.index_about_text_right { width:300px; height:300px; background:#CCCCCC; float:right;}

div.index_about_text_left2 { width:300px; height:auto; float:right; text-align:right; font-family: 'Cormorant Garamond', serif; font-weight:400; font-size:25px; padding-top:20px;}
div.index_about_text_right2 { width:300px; height:300px; background:#CCCCCC; float:left;}


.white_kids { font-size:18px; color:#FFFFFF;}
div.index_video_head_kids { font-size:24px; color:#fff; text-align:center; width:1100px; margin-left:auto; margin-right:auto; height:60px; font-family: 'proxima_nova_ltsemibold'; text-transform:uppercase;}
.border_line_kids { width:100px; height:2px; margin-left:auto; margin-right:auto; background:#fff; margin-top:20px;}

.kids_italic { font-family: 'Cormorant Garamond', serif; font-weight:400; font-size:36px; color:#fff; padding-top:20px; line-height:28px;}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */


.index_slider_container { width:100%; height:580px; margin-left:auto; margin-right:auto;}
.index_slider_container_center { width:1100px; height:450px; margin-top:50px; margin-left:auto; margin-right:auto;}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.index_video_container_text { width:100%; height:auto; margin-left:auto; margin-right:auto; margin-top:50px; margin-bottom:50px; }
.index_video_container_text_kids { width:100%; height:auto; margin-left:auto; margin-right:auto; margin-top:50px; margin-bottom:50px; background:#f1c94d; padding-bottom:50px; padding-top:50px; }

.index_video_container_text_center { width:1100px; height:auto; margin-left:auto; margin-right:auto;

}
div.index_video_head { font-size:24px; color:#999; text-align:center; width:1100px; margin-left:auto; margin-right:auto; height:60px; font-family: 'proxima_nova_ltsemibold'; text-transform:uppercase;}
div.index_video_text { width:950px; margin-left:auto; margin-right:auto; height:auto;  -moz-column-count: 2; margin-top:30px;
  -webkit-column-count: 2;
  -moz-column-gap: 50px;
  -webkit-column-gap: 50px;
  text-align: justify;
  font-size:14px; color:#999999; font-family: 'roboto_slabregular'; }
  
.index_video_img { width:900px; height:300px; margin-left:auto; margin-right:auto; margin-top:50px;}
.index_video_img_homepage { width:950px; height:300px; margin-left:auto; margin-right:auto; margin-top:50px;}

.index_img { width:450px; height:300px; float:left;}  .index_img2 { width:450px; height:300px; float:right;}  

.index_video_video { width:1100px; height:500px; margin-left:auto; margin-right:auto; background:#333; margin-bottom:50px;} 

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.clear_index { width:100%; height:1px; clear:both;}
.index_video_container { width:100%; height:550px; margin-left:auto; margin-right:auto;}
.index_video_container_center { width:1100px; height:500px; margin-top:50px; background:#ccc; margin-left:auto; margin-right:auto;}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.footer_content { width:100%; height:200px; margin-left:auto; margin-right:auto; background:#FFFFFF; padding-top:50px;}
.footer_content_center { width:1100px; height:150px; margin-left:auto; margin-right:auto;}

.footer_content_center_top { width:1100px; height:100px; float:left;}
.footer_content_center_bottom { width:1100px; height:50px; float:left;}

.footer_content_center_bottom_left { width:650px; height:50px; float:left; font-size:12px; color:#999999; font-family: 'roboto_slabregular';}
.footer_content_center_bottom_right { width:400px; height:50px; float:right; font-size:12px; color:#999999; font-family: 'roboto_slabregular'; text-align:right;}

.footer_box { width:350px; height:100px; float:left;}
.footer_box_text { width:300px; height:100px; float:left; font-size:13px; color:#999999; font-family: 'roboto_slabregular';}

.footer_box_mail { width:150px; height:100px; float:left; font-size:13px; color:#ccc;}
.fa-twitter, .fa-instagram { padding-left:20px;}

.footer_box_right { width:170px; height:100px; float:right;}


.btn_footer {
  background: #fff; border:1px solid #ccc;
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ccc;
  font-size: 12px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn_footer:hover {
  background: #e1e6e8; color:#fff;
  text-decoration: none;
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.subpage_banner_content {  width:100%; height:450px; margin-left:auto; margin-right:auto; background:#013c4d url(../images/about_bg1.jpg) no-repeat center; position: relative; left:0; right:0; z-index:1; margin-bottom:-1px;}
.subpage_banner_content_rest {  width:100%; height:450px; margin-left:auto; margin-right:auto; background:#013c4d url(../images/restaurant_bg1.jpg) no-repeat center; position: relative; left:0; right:0; z-index:1; margin-bottom:-1px;}
.subpage_banner_content_sark {  width:100%; height:450px; margin-left:auto; margin-right:auto; background:#013c4d url(../images/sarkuteri_big1.jpg) no-repeat center; position: relative; left:0; right:0; z-index:1; margin-bottom:-1px;}
.subpage_banner_content_firin {  width:100%; height:450px; margin-left:auto; margin-right:auto; background:#013c4d url(../images/firin_big1.jpg) no-repeat center; position: relative; left:0; right:0; z-index:1; margin-bottom:-1px;}
.subpage_banner_content_choc {  width:100%; height:450px; margin-left:auto; margin-right:auto; background:#013c4d url(../images/choc_big1.jpg) no-repeat center; position: relative; left:0; right:0; z-index:1; margin-bottom:-1px;}
.subpage_banner_content_ha {  width:100%; height:450px; margin-left:auto; margin-right:auto; background:#013c4d url(../images/ha_big1.jpg) no-repeat center; position: relative; left:0; right:0; z-index:1; margin-bottom:-1px;}
.subpage_banner_content_delc {  width:100%; height:450px; margin-left:auto; margin-right:auto; background:#013c4d url(../images/delc_big1.jpg) no-repeat center; position: relative; left:0; right:0; z-index:1; margin-bottom:-1px;}
.subpage_banner_content_contact {  width:100%; height:450px; margin-left:auto; margin-right:auto; background:#013c4d url(../images/contact_bg1.jpg) no-repeat center; position: relative; left:0; right:0; z-index:1; margin-bottom:-1px;}


.subpage_banner_content_center { width:90%; height:300px; top:10%; margin-left:auto; margin-right:auto; position: absolute; z-index:9999; left:0; right:0; border:0px solid #d7ccc8; opacity:; text-align:center;}

.subpage_banner_head_content { width:90%; height:100px; padding-top:250px; margin-left:auto; margin-right:auto; text-align:center; color:#FFFFFF; font-size:56px;  font-family: 'proxima_nova_ltsemibold'; letter-spacing:4px; }


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */


.subpage_about_container_text { width:100%; height:auto; margin-left:auto; margin-right:auto; padding-bottom:50px; padding-top:75px;}
.subpage_about_container_text_center { width:1100px; height:auto; margin-left:auto; margin-right:auto;}

div.subpage_about_text { width:650px; margin-left:auto; margin-right:auto; height:auto;  -moz-column-count: 1;
  -webkit-column-count: 1;
  -moz-column-gap: 50px;
  -webkit-column-gap: 50px;
  text-align: center;
  font-size:14px; color:#999999; font-family: 'roboto_slabregular'; margin-top:30px; }
  
  
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */


.subpage_img_container { width:100%; height:550px; margin-left:auto; margin-right:auto;}
.subpage_img_container_center { width:1100px; height:500px; margin-top:50px; background:#ccc; margin-left:auto; margin-right:auto;}
.subpage_img_container_center_firin { width:1100px; height:500px; margin-top:30px; background:#ccc; margin-left:auto; margin-right:auto;}

.subpage_img_container_clear { width:100%; height:40px; margin-left:auto; margin-right:auto; clear:both;}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.photo_img_container { width:100%; height:auto; margin-left:auto; margin-right:auto; }
.photo_img_container_center { width:1100px; height:auto; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:50px;}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

div.subpage_pre_text { width:950px; margin-left:auto; margin-right:auto; height:auto; margin-top:30px;
  text-align:;
  font-size:14px; color:#999999; font-family: 'roboto_slabregular'; }
  
div.subpage_pre_text_left { width:450px; height:auto; float:left; margin-bottom:50px;}  
div.subpage_pre_text_right { width:450px; height:230px; float:right; margin-bottom:50px; background-color:#f6f8f9; background-image:url(../images/halimaksoy.png); background-repeat:no-repeat; background-position:bottom; background-position:right;}  

.pre_text { width:255px; height:auto; float:left; margin-left:75px; margin-top:65px; color:#333333;}

.pre_bold { font-family: 'roboto_slabbold';  font-size:21px; padding-bottom:20px;}
.pre_name { font-size:11px; font-style:italic; padding-top:10px;}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */


.contact_box_adr { width:250px; height:150px; float:left;}
.contact_box_tlp { width:250px; height:150px; float:left; margin-left:50px;}

.contact_map { width:100%; height:400px; margin-left:auto; margin-right:auto; background-color:#f6f8f9;}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */



.del_content_wrp { width:950px; height:auto; margin-left:auto; margin-right:auto;}
.del_content { width:950px; height:250px; float:left; margin-bottom:50px;}
.del_content_img { width:200px; height:200px; float:left; background:#CCCCCC;}
.del_content_text { width:700px; height:200px; float:right; }

.del_content_text_head { width:700px; height:30px; margin-bottom:10px; float:left; font-size:21px; color:#999; font-family: 'proxima_nova_ltsemibold';}
.del_content_text_detail { width:700px; height:auto; padding-bottom:20px; float:left; font-size:14px; color:#999999; font-family: 'roboto_slabregular';}
.del_content_text_gallery { width:700px; height:auto; float:left; }


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.fa-facebook, .fa-twitter, .fa-instagram { font-size:13px; color:#ccc;}


/* mouse */	

.mouse_content { position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; width:100px; height:75px; top:90%;}
#mouse{
   
   margin-left:auto;
   margin-right:auto;
   width:2.5em;
   height:4.8em;
   background-color:rgba(255,255,255,0);
   border-radius: 100px;
   border:2px solid #fff;
}
#wheel{
  margin-top:1em;
  margin-left:auto;
  margin-right:auto;
  width:0.45em;
  height:0.45em;
  background-color:#fff;
  border-radius: 50%;
}
.scroll2{
  opacity:0;
   margin-left:auto;
   margin-right:auto;
   width:0px;
   height:0px;
  border-left: 0.35em solid transparent;
	border-right: 0.35em solid transparent;
	border-top: 0.4em solid #d7ccc8;
   -webkit-animation: down2 1s infinite;
   animation: down2 1s infinite;
}
.scroll3{
   opacity:0;
   margin-left:auto;
   margin-right:auto;
   width:0px;
   height:0px;
  border-left: 0.35em solid transparent;
	border-right: 0.35em solid transparent;
	border-top: 0.4em solid #d7ccc8;
   -webkit-animation: down 1s infinite;
   animation: down 1s infinite;
}
.scroll{
  opacity:0;
   margin-left:auto;
   margin-right:auto;
   width:0px;
   height:0px;
  border-left: 0.35em solid transparent;
	border-right: 0.35em solid transparent;
	border-top: 0.4em solid #d7ccc8;
   -webkit-animation: down3 1s infinite;
  animation: down3 1s infinite;
}
@-webkit-keyframes down{
  0%{
    opacity:0;
  }
  100%{
    opacity:1;
    transform: translateY(2.3em);
  }
}
@-webkit-keyframes down2{
  40%{
    opacity:0;
  }
  100%{
    opacity:0.5;
    transform: translateY(2.3em);
  }
}
@-webkit-keyframes down3{
  60%{
    opacity:0;
  }
  100%{
    opacity:0.2;
    transform: translateY(2.3em);
  }
}
@keyframes down{
  0%{
    opacity:0;
  }
  100%{
    opacity:1;
    transform: translateY(2.3em);
  }
}
@keyframes down2{
  40%{
    opacity:0;
  }
  100%{
    opacity:0.5;
    transform: translateY(2.3em);
  }
}
@keyframes down3{
  60%{
    opacity:0;
  }
  100%{
    opacity:0.2;
    transform: translateY(2.3em);
  }
}
#text{
  
}


/* megamenu zoom effect */


.view {
   width: auto;
   height: auto;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   color:#fff;  
}
.view .mask,.view .content {
   width: auto;
   height: auto;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   color:#fff;  
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   margin: 50px 0 0 0;
}
.view h3 { text-align:center; position: relative; width:76px; height:67px; margin-left:auto; margin-right:auto;}
.view p {
   font-family: 'montserratregular';
   font-size: 25px;
   position: relative;
   color: #fff;
   padding: 5px 10px 10px;
   text-align: center; line-height:27px;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 12px 24px;
   border:1px solid #fff;
   color: #fff;
   text-transform: uppercase;

}

.view a.info2 {
   display: inline-block;
   text-decoration: none;
   padding: 12px 24px;
   border:1px solid #fff;
   color: #fff;
   text-transform: uppercase; 

}
.view a.info:hover, .view a.info2:hover {
background:#e32526; border:1px solid #e32526;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 1;
   background-color: ;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
color:#fff;  
}
.view-first p {
 
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info, .view a.info2:hover {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 1;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1; color:#fff;  
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px); color:#fff;  
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {

}