@font-face {
    font-family: '19813';
    src: url('../fonts/19813.eot');
    src: url('../fonts/19813.eot?#iefix') format('embedded-opentype'),
         url('../fonts/19813.woff') format('woff'),
         url('../fonts/19813.ttf') format('truetype');
}

body               {font-family: "19813", sans-serif, light; width:90%; max-width:1500px; min-width:330px; margin:0 auto;}
header             {position:relative; margin:60px 15px 30px 15px; z-index:999;}
#logo_img          {display:inline; width:226px; height:126px;}
.logo_img_         {width:226px; height:126px;}
.container_art img {box-shadow:0 1px 4px rgba(0,0,0,0.2);}

  header a {
    display: block;
    text-decoration: none;
    text-align: center;
    transition: color ease-in-out .25s, background-color ease-in-out .25s, text-shadow ease-in-out .25s; }
  header a.open-menu-btn {
    position: absolute;
    top: 38%;
    right: 0;
    font-size: 0;
    line-height: 0;
	font-weight:100;
    margin: 0;
    padding: 0; 
	}
    header a.open-menu-btn:after {
      content: " ";
      border-color: #000;
      border-style: solid none double;
      border-width: 4px 0 12px;
      display: block;
      transition: border-color ease-in-out .25s;
      height: 2px;
      height: 0.25rem;
      width: 32px;
      width: 2rem; 
	 }
    header a.open-menu-btn:hover:after {
      border-color: #999; }
  header a.close-menu-btn {
    position: absolute;
    color: #FFF;
    text-decoration: none;
    right: 15px;
    right: 0.9375rem;
    font-size: 15px;
    font-size: 2.25rem; }
    header a.close-menu-btn:hover {
      color: #999; }
  header nav {
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    z-index: 998;
    transition: top ease-in-out .5s; }
    header nav.open {
      top: 0; }
    header nav ul {
      margin: 0;
      padding: 0;
      list-style: none; }
    header nav li a {
      color: #FFF;}
      header nav li a:hover {
        background-color: #000;
        color: #FFF;
        text-shadow: 1px 1px 0 rgba(82, 13, 18, 0.75); }










#rig {
	max-width:1500px;
	margin:0 auto; /*center aligned*/
	padding:0;
	font-size:0; /* Remember to change it back to normal font size if have captions */
	list-style:none;
	background-color:none;
}
#rig li {
	display:inline-block;
	*display:inline;/*for IE6 - IE7*/
	width:100%;
	vertical-align:middle;
	box-sizing:border-box;
	margin:0;
	padding:0;
}

/* The wrapper for each item */
.rig-cell {
	margin:15px;
	box-shadow:0 1px 4px rgba(0,0,0,0.4);
	padding:0;
	border:none;
	color:#555;
	background-color:white;
	text-decoration:none;
	text-align:left;
	display:block;
	position:relative;
	overflow:hidden;
}

.rig-cell h1, .rig-cell h2 {
	position:absolute;
	bottom:30px;
	left:30px;
	width:100%;
	height:0;
	z-index:888;
	color:#FFF;
	font-size:30px;
	font-weight:100;
text-shadow: black 0 0 5px;
}

/* If have the image layer */
.rig-img-arahide {
	display:block;
	border:none;
	width:100%;
	height:0;
    padding-top:100%;
    background-size:cover;
	background-color:white;
	background-image:url(../img/index_arahide.jpg);
    background-repeat:no-repeat;
	position:relative; /* Make its pseudo :after to be relative to it. */
}

.rig-img-carne {
	display:block;
	border:none;
	width:100%;
	height:0;
    padding-top:100%;
    background-size:cover;
	background-color:white;
	background-image:url(../img/index_carne.jpg);
    background-repeat:no-repeat;
	position:relative; /* Make its pseudo :after to be relative to it. */
}

.rig-img-cirnaciori {
	display:block;
	border:none;
	width:100%;
	height:0;
    padding-top:100%;
    background-size:cover;
	background-color:white;
	background-image:url(../img/index_cirnaciori.jpg);
    background-repeat:no-repeat;
	position:relative; /* Make its pseudo :after to be relative to it. */
}

.rig-img-cozinak {
	display:block;
	border:none;
	width:100%;
	height:0;
    padding-top:100%;
    background-size:cover;
	background-color:white;
	background-image:url(../img/index_test.jpg);
    background-repeat:no-repeat;
	position:relative; /* Make its pseudo :after to be relative to it. */
}



#rig li:hover .rig-img:after {
	opacity:1;
	transform:scale(1);
}

/* If have the overlay layer */
.rig-overlay {
	position: absolute;
	display:block;
	top:0;left:0;bottom:0;right:0;
	margin:auto;
	background:white;
	background-size:50px 50px;
	opacity:0;
	filter:alpha(opacity=0);/*For older IE*/
	transition:all 0.3s;
}
#rig li:hover .rig-overlay {
	opacity:0.2;
}

._gotoindex        {text-align:left;}
.rig_pages-title   {position:relative; float:left; display:block; width:100%; height:60px; background:#fff; /*border-bottom:1px solid #111;*/}
.rig_pages-pic     {width:100%; position:relative; float:left; display:block; margin:0; padding:0;}
.rig_pages-pic img {width:100%; margin:0; padding:0; outline:0;}
.rig_pages-text    {position:relative; float:left; display:block; width:100%; height:80px; background:#fff; /* border-top:1px solid #111;*/}

#rig_pages h1      {position:absolute; top:15px; left:15px; color:#000; font-size:25px; font-weight:100; margin:0; padding:0; z-index:888; text-transform:uppercase;}
#rig_pages h2      {position:absolute; top:45px; left:15px; color:#999; font-size:20px; font-weight:100; margin:0; padding:0; z-index:888; text-transform:uppercase;}
#rig_pages h3      {position:absolute; bottom:60px; left:15px; color:#000; font-size:25px; font-weight:100; margin:0; padding:0; z-index:888;}
#rig_pages h4      {position:absolute; bottom:35px; left:15px; color:#000; font-size:15px; font-weight:100; letter-spacing:1px; line-height:15px;
	                margin:0; padding:0 15px 0 0; z-index:888; text-align:justify;}
#rig_pages h5      {position:absolute; bottom:15px; left:15px; color:#999; font-size:15px; font-weight:100; letter-spacing:1px; line-height:15px;
	                margin:0; padding:0 15px 0 0; z-index:888; text-align:justify;}

.rig_pages-cell {
	margin:17px;
	box-shadow:0 1px 4px rgba(0,0,0,0.4);
	padding:0;
	color:#555;
	background-color:none;
	text-decoration:none;
	text-align:left;
	display:block;
	position: relative;
	overflow:hidden;
}

#rig_pages {
	max-width:1500px;
	margin:0 auto; /*center aligned*/
	padding:0;
	font-size:0; /* Remember to change it back to normal font size if have captions */
	list-style:none;
	background-color:none;
}
#rig_pages li {
	display:inline-block;
	*display:inline;/*for IE6 - IE7*/
	width:33.333334%;
	vertical-align:middle;
	box-sizing:border-box;
	margin:0;
	padding:0;
}






.icon_fb_ {display:inline; float:left; width:35px; height:60px; margin:50px 0 30px 15px; padding:0; border:0;}
.icon_in_ {display:inline; float:left; width:35px; height:60px; margin:50px 0 30px 15px; padding:0; border:0;}
.icon_tl_ {display:inline; float:right; text-align:right; width:190px; height:60px; margin:28px 15px 30px 0; padding:0; border:0;}
.icon_tl__          {display:inline; float:right; text-align:center; width:170px; height:25px; margin:12px 15px 7px 0; padding:0; border:0;}
.icon_tl__ h2       {font-size:25px; font-weight:500; color:#FF0000; border: 1px solid #FF0000; background:#FFF;}
.icon_tl__ h2:hover {font-size:25px; font-weight:500; color:#FFF; background:#FF0000;}
.icon_footer a      {text-decoration:none; color:#000000;}

/* WEDDING.HTML  */
._gotoindex     {text-align:left;}
.container_art  {width:100%; max-width:1200px; background-color:#FFF; margin:0 auto; padding:0;}
.container_art_ {padding:15px;}
.photo_50 img   {width:49.5%; float:right; margin-bottom:10px}
.photo_50_1 img {width:49.5%; float:left; margin-bottom:10px}
.photo_100 img  {width:100%; margin-bottom:10px;}

#toTop          {display:none; text-decoration:none; position:fixed; bottom:50px; right:50px; overflow:hidden; width:60px; height:60px; border:none; text-indent:100%; 
                 background:url(../img/ui.totop.png) no-repeat right top;}
#toTopHover     {background:url(../img/ui.totop.png) no-repeat right -60px; width:60px; height:60px; display:block; overflow:hidden; float:left; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}





@media (max-width: 9000px) {
	#rig li {width:25%;}
}

@media (max-width: 1500px) {
    body            {width:100%; max-width:1500px; min-width:330px; margin:0 auto;}
	#rig li         {width:50%;}
	#rig_pages li   {width:33.333334%;}
}

@media (max-width: 1300px) {
    body            {width:80%; max-width:1300px; min-width:330px; margin:0 auto;}
	#rig li         {width:50%;}
	#rig_pages li   {width:50%;}
    .rig-cell       {margin:15px;}
}

@media (max-width: 700px) {
    header          {margin:20px 10px 10px 10px; z-index:999; position:relative;}
    body            {width:100%; max-width:700px; min-width:330px; margin:0 auto;}
    #logo_img       {display:inline; width:175px; height:98px;}
    .logo_img_      {width:175px; height:98px;}
	#rig li         {width:100%;}
	#rig_pages li   {width:100%;}
    .rig-cell       {margin:5px 10px;}
	.rig_pages-cell {margin:7px 12px;}
	.rig-cell h1, .rig-cell h2 {bottom:25px; left:20px;}
	.rig-overlay    {display:none;}
    .last           {margin-bottom:48px;}
	.container_art_ {padding:5px 10px;}
    .photo_50 img, .photo_50_1 img, .photo_100 img {width:100%; margin-bottom:10px;}
	.icon_footer    {position:fixed; left:0; bottom:0; width:100%; background:#FFF; min-width:330px; z-index:999;}
    .icon_fb_       {display:inline; float:left; width:35px; height:25px; margin:10px 0 10px 10px;}
    .icon_in_       {display:inline; float:left; width:35px; height:25px; margin:10px 0 10px 10px; padding:0; border:0;}
    .icon_tl_           {display:inline; float:right; text-align:right; width:200px; height:21px; margin:6px 10px 7px 0; padding:0; border:0;}
    .icon_tl_ h2        {font-size:21px; font-weight:100; margin:0; padding:3px 0 0 0;}    

	.icon_tl__          {display:inline; float:right; text-align:center; width:150px; height:25px; margin:6px 10px 7px 0; padding:0; border:0;}
    .icon_tl__ h2       {font-size:21px; font-weight:500; color:#FF0000; border: 1px solid #FF0000; background:#FFF; margin:0; padding:3px 0 0 0;}
    .icon_tl__ h2:hover {font-size:21px; font-weight:500; color:#FFF; background:#FF0000; margin:0; padding:3px 0 0 0;}

    .number_phone   {width:40%;}
	

	#toTop          {display:none; text-decoration:none; position:fixed; bottom:45px; left:10px; overflow:hidden; width:60px; height:60px; border:none; 
		             text-indent:100%; background:url(../img/ui.totop.png) no-repeat left top;}
    #toTopHover     {background:url(../img/ui.totop.png) no-repeat left -60px; width:60px; height:60px; display:block; overflow:hidden; float:left; opacity:0;
		             -moz-opacity:0; filter:alpha(opacity=0);}
    #toTop:active, #toTop:focus {outline:none;}

}

#rig-cell-cirn {
	font-size:x-large;
}