@charset "utf-8";
/*Css File for benjistik Project*/
@font-face {
    font-family: 'qwigleyregular';
    src: url('../fonts/qwigley-regular-webfont.eot');
    src: url('../fonts/qwigley-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/qwigley-regular-webfont.woff') format('woff'),
         url('../fonts/qwigley-regular-webfont.ttf') format('truetype'),
         url('../fonts/qwigley-regular-webfont.svg#qwigleyregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.eot');
    src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav#navigation, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] {display: none;}
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; }
.transition, .transition:before, .transition:after{transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;-webkit-transition:0.3s;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
.clearfix:before,.clearfix:after{content: " ";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.inner_width { margin-right: auto; margin-left: auto; width:1196px;position: relative;}
.inner_width:before, .inner_width:after { content: " ";  /* 1 */ display: table;  /* 2 */ }
.inner_width:after { clear: both; }
.inner_width:before, .inner_width:after { content: " "; /* 1 */ display: table;/* 2 */ }
.inner_width:after { clear: both; }
body {margin:0;padding:0;}

/***main page css start**/
.blocks {width: 30%;margin: 0;float: left;position: relative;}
.blocks *, .blocks *:before, .blocks *:after{transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;-webkit-transition:0.3s;}
.blocks figure{float: left;overflow: hidden;position: relative;margin: 0;width:100%;}
.blocks figure:before{background:rgba(0, 0, 0, 0.3);position:absolute;top:0;left:0;width:100%;height:100%;content:"";z-index:10;}
.blocks figure:hover:before{background:rgba(0, 0, 0, 0.5);position:absolute;top:0;left:0;width:100%;height:100%;content:"";z-index:10;}
.blocks figure img{display: block;height: auto;margin-left: 0%;position: relative;width:100%;opacity: 1;
filter: alpha(opacity=100);-webkit-transform: scale(1) rotateZ(0deg);-moz-transform: scale(1) rotateZ(0deg);-ms-transform: scale(1) rotateZ(0deg);-o-transform: scale(1) rotateZ(0deg);transform: scale(1) rotateZ(0deg);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;} 
.blocks figure:hover img{-webkit-transform: scale(1.2) rotateZ(-5deg);-moz-transform: scale(1.2) rotateZ(-5deg);-ms-transform: scale(1.2) rotateZ(-5deg);-o-transform: scale(1.2) rotateZ(-5deg);transform: scale(1.2) rotateZ(-5deg);}
.blocks figcaption {left: 0;padding: 25px 20px;position: absolute;width: 100%;z-index: 2;-webkit-transition: opacity 1s ease-out,margin-left 0.5s linear;-moz-transition: opacity 1s ease-out,margin-left 0.5s linear;-ms-transition: opacity 1s ease-out,margin-left 0.5s linear;-o-transition: opacity 1s ease-out,margin-left 0.5s linear;transition: opacity 1s ease-out,margin-left 0.5s linear;z-index:20;}
.blocks figcaption h3{font-family: 'qwigleyregular';color: #FFF;font-size: 75px;font-weight: 400;line-height: 40px;margin: 0 0 6px 0;text-align: center;text-transform: none;}
.blocks figcaption a,.blocks figcaption a{color: #FFF;display: block;text-decoration:none;}
.blocks figcaption a:hover,.blocks figcaption a:hover{color:#ccc;}
.blocks figcaption p {color: #FFF;font-size: 16px;font-weight: 500;line-height: 22px;margin: 0;text-align: center;text-transform: uppercase;font-family: 'ralewayregular';}
.blocks figcaption  h2{color: #FFF;font-size: 52px;line-height: 1;text-align: center;text-transform: none;width: 100%;z-index: 20;font-family: 'qwigleyregular';font-weight: normal;padding-top: 0;margin-top: 0;}
.blocks figcaption  h2 span{color: #FFF;display: block;font-size: 46px;font-weight: bold;text-transform: uppercase;width: 100%;text-align: center;line-height: 1;margin-top: -10px;font-family: 'ralewayregular';}
.first-block {width: 49%;margin: 0;margin-bottom: 20px;}
.first-block figcaption{top: 25%;}
.second-block{width:25.5%;margin: 0;padding-left:20px;margin-bottom: 20px;}
.small-block figcaption{top: 10%;text-align: center;}
.third-block{width:25.5%;margin: 0;padding-left:20px;margin-bottom: 20px;}
.blocks figcaption a.see_collection{background: #0077bb;color: #FFF;display: inline-block;padding: 0 4px;position: relative;text-transform: uppercase;z-index: 2;margin:0 auto;margin-top: 70px;}
.blocks figcaption a.see_collection:hover{background: #008ada;}

.medium-block figcaption{top: 10%;text-align: center;}

.medium-block{width:33.9%;margin: 0;padding:0 20px;height: 450px;overflow: hidden;}
.medium-block.fourth-block{padding-left:0;}
.medium-block.sixth-block{padding-right:0;}
.blocks.fifth-block {padding: 0 0;}
.blocks.fifth-block {width: 32.2%;}
.blocks.medium-block figcaption h2 {font-size: 80px;margin-bottom: 20px;line-height: 1;margin-top: 50px;}
.blocks.medium-block figcaption h2 span {font-size: 76px;margin-top: -30px;}


.small-block{height:340px;overflow:hidden;}
#collage-slider .flex-direction-nav{display:none;}
#collage-slider  .flex-control-paging li a{background:#ccc;}
#collage-slider .flex-control-nav {width: 100%;text-align: center;position: absolute;bottom: 70px;text-align: center;z-index: 200;}
#collage-slider .flex-control-paging li a.flex-active,#collage-slider .flex-control-paging li a:hover{
background-color: #008ADA;background-image: -moz-linear-gradient(top,#0097ee,#07b);background-image: -webkit-gradient(linear,0 0,0 100%,from(#0097EE),to(#07B));background-image: -webkit-linear-gradient(top,#0097EE,#07B);background-image: -o-linear-gradient(top,#0097ee,#07b);background-image: linear-gradient(to bottom,#0097EE,#07B);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0097ed',endColorstr='#ff0077bb',GradientType=0);-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;outline: none;}