@font-face {
 font-family: 'UTM Neutra Regular';
 src: url('../fonts/UTM Neutra Regular.woff') format('woff'), url('../fonts/UTM Neutra Regular.ttf') format('truetype');
}
 @font-face {
 font-family: 'Gothic';
 src: url('../fonts/Gothic.woff') format('woff'), url('../fonts/Gothic.ttf') format('truetype');
}
@font-face{
    font-family : "segoe";
    src: url('../fonts/segoeui.eot?') format('embedded-opentype'), 
         url('../fonts/segoeui.ttf') format('opentype');
}
@font-face{
    font-family : "candata";
    src: url('../fonts/candata.eot?') format('embedded-opentype'), 
         url('../fonts/candata.ttf') format('opentype');
}


* { margin:0px; outline:none!important; }
.container-fluid, container { overflow:hidden; }

body { font:12px 'Gothic', Arial; padding-top:70px; }
#menu-top{ font:14px; margin:0px; }
#menu-top a { color:#000; font-family:"UTM Neutra Regular"; }
#menu-top .navbar-nav li{ padding:0px 35px;}
#menu-top .navbar-nav li a{ padding:0px; height:70px; line-height:70px; }
#menu-top .navbar-nav li a:hover, #menu-top .navbar-nav li a.current{ color:#64c529; }

.carousel .item{ background:#333; height:100%; }

#block-distributor { float: left; width:100%; }
#block-distributor .row{ background:#000; position:relative; /*float:left;*/ }
#block-distributor .row h3{ position:absolute; top:60%; width:100%; text-align:center; z-index:99; font-family: 'Gothic'; font-size:68px; color:#fff; }
#block-distributor .row h3 a{text-decoration:none; color:#FFF;}

#block-menufacturing { background:url(../images/block-menufacturing.jpg) top center; color:#FFF; float:left; width:100%;}
#block-menufacturing h2{ font-family: Gothic; padding-bottom:10px; font-size:48px; font-weight:lighter;}
#block-menufacturing .container{ padding:50px 0px; }
#block-menufacturing .container .btn-link {color:#b0b0b0;}
#block-menufacturing .facturing-images .list-inline { margin:0px; }
#block-menufacturing .facturing-images .list-inline li { padding-top:5px; padding-bottom:5px;
transition:ease-out 0.2s;
-webkit-transition:ease-out 0.2s;
-o-transition:ease-out 0.2s;
-moz-transition: ease-out 0.2s;
}
#block-menufacturing .facturing-images .list-inline li:hover { 
transform:scale(1.03,1.03);
-webkit-transition:scale(1.03,1.03);
-o-transition:scale(1.03,1.03);
-moz-transition: scale(1.03,1.03);
}

#block-bot { background: #f8f8f8; color: #000; padding: 20px 0px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; float:left; width:100%; font-size:12px; }
#block-bot .right{ text-align:right;}

.collection .block-inner{ position:relative; overflow:hidden; height:643px; font-size: 14px;}
.collection .bg { position:absolute; left:50%;  }
.collection .logo { position:absolute; top:30px; left:20%; margin-left:70px }
.collection .text { position: absolute; top: 150px; left: 20%; width: 450px; height: 300px; font-family: Gothic; font-size:16px; }
.collection .text a, .collection .text a span{ color:#f00; text-decoration:none; font-weight:bold; font-size:16px;}
.collection .text a:hover, .collection .text a:hover span{ color:#ff5555; }

.wedding-intro { padding-left:0px; padding-right:0px; }
.wedding-intro .col-md-6 { padding-left:0px; padding-right:0px; }
.wedding-intro .block-inner { height:100%; max-height:948px; position:relative; overflow:hidden; }
.wedding-intro .block-inner img { width:100%; }
.wedding-intro h3 { position: absolute; top:40%; transition: ease-out 1s; }
.wedding-intro h3 a { color:#fff; font:32px "Gothic"; text-decoration:none; }
.wedding-intro h3 a span { color: #FFF; }
.wedding-intro .bg-bride h3 { right: 20px; animation: move1 1s ease-out;-webkit-animation: move1 1s ease-out;-moz-animation:move1 1s ease-out;}
.wedding-intro .bg-bridemaid h3 { left: 20px; animation: move2 1.5s ease-out;-webkit-animation: move2 1.5s ease-out;-moz-animation:move2 1.5s ease-out;}
.wedding-intro h3 a:hover,.wedding-intro h3 a:hover span { color: #808080; }
/*CSS3*/
.wedding-intro .bg-bride h3:hover{ transform: translate(-15px,0px); -webkit-transform: translate(-15px,0px); -moz-transform: translate(-15px,0px); }
.wedding-intro .bg-bridemaid h3:hover { transform: translate(15px,0px); -webkit-transform: translate(15px,0px); -moz-transform: translate(15px,0px); }

@keyframes move1 { 0% { right: 40px; opacity: 0; } 100% { right: 20px; opacity: 1; }}
@-webkit-keyframes move1 { 0% { right: 40px; opacity: 0; } 100% { right: 20px; opacity: 1; }}
@-moz-keyframes move1 {  0% { right: 40px; opacity: 0; }  100% { right: 20px; opacity: 1; }}
@keyframes move2 { 0% { left: 40px; opacity: 0; } 20% { left: 40px; opacity: 0; } 100% { left: 20px; opacity: 1; }}
@-webkit-keyframes move2 { 0% { left: 40px; opacity: 0; } 20% { left: 40px; opacity: 0; } 100% { left: 20px; opacity: 1; }}
@-moz-keyframes move2 { 0% { left: 40px; opacity: 0; } 20% { left: 40px; opacity: 0; } 100% { left: 20px; opacity: 1; }}

.gallery { min-height: 643px; background: #000; }
.gallery h3 { font-size: 42px; font-family: Gothic; color:#FFF; }
.gallery .item { 
    padding: 15px; 
    position:relative; 
    overflow:hidden;
}
.gallery .item img { 
    cursor: pointer;
    transition:ease-out 0.5s; 
    -webkit-transition: ease-out 0.5s; 
    -moz-transition: ease-out 0.5s; 
    border:1px solid #FFF; 
    width:100%;
}
.gallery .item .title { position: absolute; font: 32px 'Gothic'; color: #FFF; top:70%; width:100%; text-align:center; margin:-15px; opacity:0; transition:ease-out 0.5s; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; }
.gallery .item:hover img { opacity: 0.5; }
.gallery .item:hover .title { opacity: 1; }

.gallery .show { position: absolute; width:600px; top:30px; left:50%; margin-left:-300px; z-index:999; }

.gown-bags .first-block { background:url(../images/bg-gownbag-1.jpg) center top; min-height:600px; background-size:100%; }
.gown-bags .first-block h1{ text-align:center; font-size:65px; color:#fff; margin-top:300px; font-weight:lighter; }
.gown-bags .first-block p{text-align:center; color:#FFF; font-size:30px; font-weight:100;}
.gown-bags .second-block { padding:30px 0px; }
.gown-bags .second-block h1{ text-align:center; font-size:65px; color:#333; font-weight:lighter; }
.gown-bags .second-block p{text-align:center; color:#333; font-size:30px; font-weight:100;}
.gown-bags .third-block { background:#f8f8f8; padding-top:30px; }
.gown-bags .third-block h1{ text-align:center; font-size:40px; color:#333;margin-bottom:30px; font-weight:300; }
.gown-bags .third-block .col-lg-6 { position:relative; padding:15px 0px 0px 0px; overflow:hidden; }
.gown-bags .third-block .col-lg-6 .overlay { width:100%; height:100%; position:absolute; top:0px; transition: ease-out 0.5s; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; }
.gown-bags .third-block .col-lg-6 h2 { position: absolute; margin-top:30%; color:#FFF; top:0px; text-align:center; width:100%; font-size:42px; font-weight:100; transition: ease-out 0.5s; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; opacity:0; }
.gown-bags .third-block .col-lg-6 h2 a{ color:#FFF; }
.gown-bags .third-block .col-lg-6 h2 a:hover{ text-decoration:none; }
.gown-bags .third-block .col-lg-6 .img img { transition: ease-out 0.5s; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; }
.gown-bags .third-block .col-lg-6:hover .overlay{ background:#000; opacity:0.7;}
.gown-bags .third-block .col-lg-6:hover h2{ opacity:1; }
.gown-bags .third-block .col-lg-6:hover img{ transform: scale(1.05); }

.gown-bags .block-four { padding:0px; }
.gown-bags .block-four .carousel-inner .item{ height:600px; overflow:hidden; }
.gown-bags .block-four .carousel-inner .item img { height:100%; max-width:none; position:absolute; left:50%; margin-left:-960px; top:0;}
.gown-bags .block-four .carousel-inner .caption { position:absolute; top:25%; width:60%; margin-left:20%; margin-right:20%; color:#FFF; font-family:"segoe"; text-align:center; padding-top:40px; padding-bottom:40px; border-top:1px solid #FFF; border-bottom:3px solid #FFF;}
.gown-bags .block-four .carousel-inner .caption span { font-size:30px; }
.gown-bags .block-four .carousel-inner .caption div { font-size:50px; }

#list-gown-bags { background:#FFF; }
#list-gown-bags h3 { color:#333; }
#list-gown-bags .item {  }
#list-gown-bags .item img { border:1px solid #CCC; }
#list-gown-bags .item .title { top:30%; font-size:25px; }
#list-gown-bags .item .opacity { width:100%; height:100%; position:absolute; top:0px; left:0px; transition: ease-out 0.5s; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; border:15px solid #FFF; }
#list-gown-bags .item:hover .opacity {background:#000; opacity:0.4;}


#block-garment-1 { background:#f7f7f7; }
#block-garment-1 .container { padding-top:50px; padding-bottom:50px; }
.block-header h1 { font-family:"candata"; font-weight:lighter; font-size:32px; letter-spacing:2px; border-bottom:1px solid #b2b2b2; padding-left:0px; padding-bottom:15px; margin-bottom:40px; margin-top:0px; }
#block-garment-1  .block-body > .pic { text-align:center; padding-bottom:40px; }
#block-garment-1  .block-body > .pic img { display:inline; }
#block-garment-1  .block-body > .text { margin-left:15%; margin-right:15%; text-align:center; }

#block-garment-2 { padding-top:50px; padding-bottom:50px; }
#block-garment-2 .block-right .item { display:block; margin-top:75px; font-family : "segoe"; font-size:38px; line-height:55px; }
#block-garment-2 .block-right .item span { font-size:72px; }

#block-garment-3 { background:#f7f7f7; }
#block-garment-3 .container { padding-top:50px; padding-bottom:50px; }
#block-garment-3 .block-body .item { padding-top:20px; padding-bottom:20px; float:left; }
#block-garment-3 .block-body .col-md-3 > div { font-family:"segoe"; font-size:28px; padding-top:10px; padding-bottom:10px; }
#block-garment-3 .block-body .col-md-3 .glyphicon { font-size:35px; display:inline-block; vertical-align:bottom; margin-right:10px;text-shadow:0px 0px 1px #000;}

#block-garment-4 { padding-top:50px; padding-bottom:50px; text-align:center; }
#block-garment-4 h1 { font-family:"segoe"; font-size::48px; margin-bottom:40px; }
#block-garment-4 .btn-default { background:none; border-radius:0px; font-size:25px; box-shadow:none; padding:10px 30px; border:1px solid #000; }
#block-garment-4 .btn-default:hover { background:#000; color:#FFF; }

#block-garment-price { padding-top:50px; padding-bottom:50px; background:#444444; }
#block-garment-price .block-header { color:white; }
#block-garment-price .block-body table {color:white;}
#block-garment-price .block-body table td {font-size:18px; color:#b2b2b2;}
#block-garment-price .block-body thead td {border-bottom:0px; font-weight:600; color:white;}
#block-garment-price .block-body tbody td {text-align:right;}
#block-garment-price .block-body tbody td:first-child, 
#block-garment-price .block-body tbody td:nth-child(2), 
#block-garment-price .block-body tbody td:nth-child(3) { text-align:left; }
#block-garment-price .block-body .panel-head { padding-bottom:15px;}
#block-garment-price .block-body .nav-pills li a { border-radius:0px; color:white; border:1px solid #444;}
#block-garment-price .block-body .nav-pills li:hover a { background:none; }
#block-garment-price .block-body .nav-pills li.active a { background:none; border:1px solid white;}
#block-garment-price .description { font-size:18px; color:white }
#block-garment-price .header {  margin-top: 20px; }


/*contact-----------------------------------------------------------------*/
#block-contact-one { padding:0px; }
#block-contact-one .pic { height:450px; overflow:hidden; position:relative; }
#block-contact-one .pic img { position:absolute; top:0; left:50%; margin-left:-960px; }

#block-contact-two { padding-top:50px; padding-bottom:50px; }
#block-contact-two .block-left > .col-md-6,
#block-contact-two .block-left > .col-md-12 { padding:0px; }
#block-contact-two .block-left h1 { font-size:18px; font-family:"UTM Neutra Regular"; margin-top:0px; margin-bottom:30px; }

#block-contact-two .block-left .list-unstyled li { position:relative; padding-bottom:12px; font-size:14px; font-weight:bold; color:#333; left:30px; }
#block-contact-two .block-left .fa { position:absolute; top:0; left:-30px; font-size:18px; }
#block-contact-two .block-left p { line-height:30px; font-size:14px; color:#333; width:80%; }

#block-contact-two .block-right { padding-top:50px; }
#block-contact-two .block-right input { height:40px; border-radius:0px; border:1px solid #808080; font-size:12px; font-style:italic; }
#block-contact-two .block-right textarea { border-radius:0px; border:1px solid #808080; font-size:12px; font-style:italic; resize:none; height:220px; }
#block-contact-two .block-right .btn-default { border-radius:0px; border:1px solid #808080; font-size:18px; color:#000; background:none; padding-left:40px; padding-right:40px; }
#block-contact-two .block-right .btn-default:hover { background:#666; color:#FFF; }
