@import "http://fonts.googleapis.com/css?family=Roboto:300,700";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);

@import url('https://fonts.googleapis.com/css?family=Rochester');

@import url('https://fonts.googleapis.com/css?family=Engagement');

body{font-family:Roboto;font-size:14px;font-weight:300;line-height:24px;font-style:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased; border-top:1px solid #004000;}

a{color:#3d566e;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}

a:hover{color:#26303a}

ul{list-style:none;margin:0;padding:0}

.row{padding:87px 0 30px 0; margin:0px;}

.btn{border:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;text-transform:uppercase}

.btn i{margin-right:10px}

.btn-common{background:#3d566e;color:#fff}

.btn-common:hover{background:#26303a;color:#fff}

.btn-border,.btn-common-white:hover{background:0 0;border:1px solid #fff;color:#fff}

.btn-common-white,.btn-border:hover{background:#fff;color:#444;border:1px solid #fff}

.social i{border:2px solid #fff;color:#fff;padding:10px;line-height:25px;margin-right:5px;width:50px;height:50px;vertical-align:middle;border-radius:100%}

.visiblenone{ display:none;}

.social i:hover{border:2px solid transparent;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both

}.social .social-links a:hover{color:#fff}

.social .fa-facebook:hover{background:#3b5998;color:#fff}

.social .fa-twitter:hover{background:#00CAFB;color:#fff}

.social .fa-google-plus:hover{background:#D23A1D;color:#fff}

.social .fa-linkedin:hover{background:#007bb6;color:#fff}

.social .fa-dribbble:hover{background:#ea4c89;color:#fff}

.social .fa-github:hover{background:#171515;color:#fff}

.section-title{text-align:center;font-size:50px;font-weight:700;}

.section-subtitle{text-align:center;font-weight:300;padding-bottom:30px;position:relative;color:#bdc3c7}

.widget-title{color:#ccc;font-size:24px;text-transform:uppercase;margin-top:0;margin-bottom:15px;font-weight:300}

.presets{padding:3px;position:fixed;bottom:0;right:0;background:#fff;z-index:9999;box-shadow:7px 7px 0 rgba(44,62,80,.6)}

.presets a{display:inline;float:left;width:15px;height:15px;margin:3px}

.presets .mblue-preset{color:#3d566e}

.presets .blue-preset{color:#2C7EB6}

.presets .green-preset{color:#16a085}

.presets .red-preset{color:#e74c3c}

.matter_portfolio .mix{display:none}

#carousel-area{overflow:hidden;background:#96AB32}

#carousel-area .carousel-inner:before{background-color:rgba(44,62,80,.2);position:absolute;width:100%;height:100%;top:0;bottom:0;content:"";display:block;z-index:9}

#carousel-area .item{background-attachment:fixed;background-size:100%;background-size:cover}

#carousel-area .item .carousel-caption{top:35%; text-align: center; bottom: auto; padding:15px 30px 15px 30px; text-shadow:none;z-index:99; text-align:left;}

#carousel-area .item .carousel-caption h1{font-size:60px;font-weight:100; font-family: 'Rochester', cursive; padding:0px; margin:0px; color: #FFFF00; text-shadow: 2px 2px #000000;}

#carousel-area .item .carousel-caption h1 span{ color: #fff; font-weight:bold;}

#carousel-area .item .carousel-caption h2{font-size:20px;font-weight:100;  font-family:"open Sans", arial;  padding-top:20px; margin:0px; line-height: 32px; color:#FFFF00; text-shadow: 2px 2px #000000;}

#carousel-area .item .carousel-caption h2 a{ color: #CF1F26; font-weight: bolder; }
#carousel-area .item .carousel-caption h2 a:hover{ color:#00A659; text-decoration:none;  font-weight: bolder; }

#carousel-area .item .carousel-caption .btn{padding:10px 20px;margin:10px 20px;font-size:20px}

#carousel-area .carousel-control{z-index:10;display:none;width:50px;height:56px;top:50%;padding:10px 5px;box-shadow:none;background-image:none;background-color:rgba(0,0,0,.5)}

#carousel-area:hover .carousel-control{display:block}



.topnavi{ padding-top:10px;}

.navbar{margin-bottom:0; margin-bottom:20px; margin-top:50px;}

.navbar-header{ margin-top:20px;}

.navbar li{color:#d1d1d1}

.navbar-default{border:0;border-radius:0;background:url(../images/header_top_in.png) repeat-x;}

.navbar-default .navbar-brand{padding:0;margin:0}

.navbar-default .navbar-nav li a,.navbar-default .navbar-nav>li>a:focus{font-size:14px;padding:0 0 2px;text-transform:uppercase;margin:22px 15px;outline:0;color:rgba(0,0,0,.9)}

.navbar-default .navbar-nav>li>a:after{content:"";display:inline-block;width:0;height:1px;background:#00A659;position:absolute;left:0;bottom:-1px;-webkit-transition:all 800ms cubic-bezier(0.19,1,.22,1) 0s;-moz-transition:all 800ms cubic-bezier(0.19,1,.22,1) 0s;-o-transition:all 800ms cubic-bezier(0.19,1,.22,1) 0s;transition:all 800ms cubic-bezier(0.19,1,.22,1) 0s}

.navbar-default .navbar-nav>li>a:hover:after{width:100%}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus .current{background:0 0;padding-bottom:2px;border-bottom:1px solid #00A659;color:#00A659;}

.navbar-default .navbar-brand{font-size:55px}

.navbar-default .navbar-toggle .icon-bar{background:#fff}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background:#000}



.affix.navbar{margin-bottom:0; min-height:60px;margin-bottom:20px; margin-top:0px;}

.affix.navbar-default{ background:url(../images/header_top.png) repeat-x 30px;}

.affix{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

.affix .navbar-right{ margin:0px;}

.affix .navbar-brand img{width:90%}

.affix .navbar-header{ margin-top:10px;}

.affix .navbar-nav li a,.affix .navbar-nav li a:focus{margin:15px}

.affix .to-top a,.affix .to-bottom a{line-height:56px;padding:20px}

.navbar .to-top,.navbar .to-bottom{display:none}

.affix-top .to-bottom{display:block!important}

.affix .to-top{display:block!important}

.to-top,.to-bottom{list-style:none}

.to-top a,.to-bottom a{padding:26px 22px;line-height:70px;outline:0;color:#000;}

.switcher-area{position:fixed;width:300px;left:0;top:155px;left:-300px;z-index:9999;background:#fff;padding:25px 20px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}



.headercommon{font-size:32px;  font-family: 'Rochester', cursive; text-align:center; color:#FFFFFF; padding:40px 0px; line-height:35px; box-shadow: inset 1px 17px 10px -21px #000000; -webkit-box-shadow: inset 1px 17px 10px -21px #000000; -moz-box-shadow: inset 1px 17px 10px -21px #000000; -o-box-shadow: inset 1px 17px 10px -21px #000000;}

.switcher-area h4{margin-top:0;text-align:center;margin-bottom:30px}

.switcher-area ul{margin:0}

.switcher-area ul li{display:inline-block;font-size:0;list-style:none;margin-right:2px}

.switcher-area ul li a{display:block;height:55px;width:60px}

.switcher-area .switcher-btn-area{display:block;position:relative}

.switcher-area .switcher-btn-area button.switcher-btn{position:absolute; top:172px; right:-70px; width:50px; background:#fff; border:0; outline:0;padding:7px 0;}

.switcher-area .switcher-btn-area button.switcher-btn i{font-size:25px}

#slider,#contact,#portfolio,#clients{color:#fff}

#slider .section-title{line-height:50px}#services h2{font-size:28px}

#mainabout{background: url(../images/services_bg.png);}

.menubg{background: #00A859;}





#services .services-intro{padding-bottom:40px}

#services .services-intro h1 span{font-weight:100;color:#544D46;}

#services .services-intro .f-icon{font-size:100px;color:#3d566e}

#services h1,#services .service{color:#000000; font-weight: bold; font-family: 'Rochester', cursive;}

#services h3,#services .service{color:#000000}

#services .service{background:#3d566e;padding:25px 15px 20px;margin-bottom:20px;color:#fff;cursor:pointer}

#services .service .f-icon{font-size:100px;color:#fff}#services .service:hover .f-icon{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

#services .service:hover .service-text{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

#services .service:before{content:"";position:absolute;top:0;right:14px;width:0;height:0;border-top:30px solid #fff;border-left:30px solid transparent}#services .service:after{content:"";position:absolute;top:0;right:14px;width:0;height:0;border-bottom:30px solid rgba(255,255,255,.5);border-right:30px solid transparent}





.why-item h2{ background:url(../images/location_headingline.png) no-repeat bottom; padding-bottom:20px; color:#0F6488; font-size:20px; font-family:"open Sans", arial; text-transform:uppercase;}

.why-item ul{ margin:20px 0px 0px 0px;}

.why-item ul li{ background:url(../images/location_textdivider.png) repeat-x bottom; padding-bottom:15px; margin-bottom:15px;}

.why-item ul li .area{ font-family:"open Sans", arial; font-size:16px; color:#524C46; text-align:left; float:left; padding-left:15px;}

.why-item ul li .km{font-family:"open Sans", arial; font-size:16px; color:#000000; text-align:right; float:right; padding-right:15px;}



#why .rotate-text{color:#524C46;font-size:40px}

#why .rotate{background:#fff;color:#3d566e}

#why .why-item{margin-top:40px}

#why .why-item p,#why .why-item h2{text-align:left}



.specification h1{ font-family:"open Sans", arial; font-size:32px; color:#544d46; padding:33px 0px 44px 0px; margin:0px; font-weight:100;}

.specification h4{ font-family:Philosopher, Arial; font-size:18px; color:#5A6C30; padding:0px; margin:0px; font-weight:bold;}

.specification p{ color:#111111; font-family:"open Sans", arial; font-size:13px; line-height:21px;}

.specification .clearfix{clear:both; margin-bottom:30px;}





/* about us starts */

.padd_lr0 {padding: 0;}



#about_us {padding-top: 50px;}

#about_us .content {padding: 10px 50px 40px; max-width: 100%; background-color: #ED3237; margin-top:40px;}

#about_us .title {margin-bottom: 20px;}

#about_us .short {color: #fff; font-size: 15px; font-family:"open Sans", arial; text-align: center; text-align-last: center;line-height: 28px; overflow: hidden;}

#about_us img{ width: 100%; height: auto;  max-width: 100%;}



@media (min-width: 768px) {.opening-hours { border-top: 1px solid #ebebeb; padding: 0;}

.opening-hours ul { display: table; margin: 0; padding: 0 !important; width: 100%;}

.opening-hours .color { color: #ED3237; font-family: 'Engagement', cursive; font-size: 30px; }

@media (max-width: 768px) {.opening-hours ul {    padding: 30px 0;  text-align: center;}}

.opening-hours li { display: inline-block; list-style: outside none none; margin: 0; padding: 2px 15px; text-align: center;}

@media (max-width: 768px) {.opening-hours li:first-of-type { display: block; margin-bottom: 20px;}}

@media (min-width: 768px) {.opening-hours li { border-left: 1px solid #ebebeb; display: table-cell; padding: 53px 20px;}}

@media (min-width: 992px) {

.opening-hours li { padding: 53px 30px; color: #363636; font-family: 'Engagement', cursive; font-size: 15px}}

.opening-hours li:first-of-type { border: medium none; padding-left: 0;}

.opening-hours li:last-of-type { padding-right: 0;}

.opening-hours li h5, .opening-hours li h6 { font-size: 18px; margin: 0;}

.opening-hours li h6 { margin-right: 10px;}

@media (max-width: 768px) {.opening-hours li h6 {  display: inline-block;}}

@media (min-width: 1200px) {.opening-hours li h6 { display: inline-block; color: #363636; font-family: 'Engagement', cursive; font-size: 25px;

}}



/* about us ends */











/*-----------------------------------------



  3.2.  Menu



/*----------------------------------------*/



.filtr-item { display: none;}

.filtr-item.active { display: block;}

.menu_filter { margin: 70px 0px;}

.menu_filter .item { min-height: 40px;}

.menu_filter .lineright{ border-right: 1px solid #fff;  }

.menu_filter .item a,

.menu_filter .item.active a {font-size: 38px; line-height: 25px;}



.menu_filter .item a {

    color: #ffffff;

    padding: 2px 32px;

    font-family: 'Rochester', cursive;

    display: block;

}



.menu_filter .item a:focus,

.menu_filter .item a:hover {

    text-decoration: none;

    color: #000;

    -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;

}



.menu_filter .item.active a {color: #000;}



#menu_items {height: 100%; padding-bottom: 60px;}



.filter_item_img {position: relative; float: left; margin-right: 40px; overflow: hidden;}



.filter_item_img:after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    opacity: 0;

    border-radius: 50%;

    background-color: #990100;

    -webkit-transition: opacity 0.45s;

    transition: opacity 0.45s;

}



#menu_items .block:hover .filter_item_img:after {

    opacity: .8;

}



.filter_item_img .fa {

    position: absolute;

    left: 40%;

    top: 40%;

    z-index: 1;

    font-size: 30px;

    color: #fff;

    opacity: 0;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

    -webkit-transform: scale3d(0, 0, 1);

    transform: scale3d(0, 0, 1);

}



#menu_items .block:hover .filter_item_img .fa {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

}



.filter_item_img img {

    max-width: 100%;

    border-radius: 50%;

    width: 136px;

    height: 136px;

}



#menu_items .left,

#menu_items .right {

    line-height: 0;

    overflow: hidden;

}



#menu_items .image {

    margin-bottom: 35px;

}



#menu_items .left .image:not(:first-child),

#menu_items .right .image:not(:last-child) {

    width: 50%;

}



#menu_items .block {

    display: block;

    text-decoration: none;

    margin-bottom: 35px;

}



#menu_items .content {

    position: relative;

    overflow: hidden;

}



#menu_items .info div {

    margin: 5px 0;

}



#menu_items .filter_item_price {

    font-size: 18px;

    color: #990100;

    font-family: 'Montserrat-Bold';

}



#menu_items .info .name {

    font-size: 23px;

    font-family: 'ChunkFiveEx';

    color: #f6a525;

    text-transform: uppercase;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



#menu_items .info .short {

    color: #838383;

    font-family: 'Montserrat-Regular';

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



#menu_items .left .image:not(:first-child) .info .short,

#menu_items .right .image:not(:last-child) .info .short {

    font-size: 10px;

}



#menu_items .block * {

    transition: all .5s;

}



#menu_items .block:hover .content {

    transform: scale(.87);

}



#menu_items .block:hover .info {

    opacity: 1;

}







.menu-item li{color:#fff; font-size:22px; font-family: 'Open Sans', sans-serif; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ddd;}

.menu-item li span.prize{ font-weight:bold; float:right; font-size: 20px;}

.menu-item li span.ingredients{ font-size:12px; color:#fff; display:block;}

.sub-menu-item li{font-size:15px; color:#fff; display:inline-block; padding-right:20px; margin-right:20px; border-right:1px dashed #666; line-height:25px;}

.sub-menu-item li:last-child{ border-right:none;}











#portfolio h1{ font-family:"open Sans", arial; font-size:32px; color:#544d46; padding:33px 0px 0px 0px; margin:0px; font-weight:100;}



/* entire container, keeps perspective */

.flip-container {perspective: 1000px; text-align:center; margin:55px auto 0px auto;}

/* flip the pane when hovered */

.flip-container:hover .flipper, .flip-container.hover .flipper {transform: rotateY(180deg);}

.flip-container, .front, .back {width: 190px;height: 191px;}

/* flip speed goes here */

.flipper {transition: 0.6s;	transform-style: preserve-3d;position: relative;}

/* hide back of pane during swap */

.front, .back {backface-visibility: hidden;	position: absolute;top: 0;left: 0;}

/* front pane, placed above back */

.front {z-index: 2;	/* for firefox 31 */transform: rotateY(0deg);}

/* back, initially hidden pane */

.back {	transform: rotateY(180deg);}

.flipheading{ font-family:Philosopher, Arial; font-size:18px; color:#777777; margin:10px 0px 0px 0px; text-align:center;}





.matter-filter{margin:30px 0}

.matter-filter .filter{font-family: 'Open Sans', sans-serif; font-weight:lighter; text-transform:uppercase; font-size:32px; color:#524C46; display:inline-block; cursor:pointer;}

.matter-filter .filter:hover,.matter-filter .filter.active{ color:#9F252A;}





.portfolio-item{position:relative;margin-bottom:30px; border:5px solid #ddd;}

.portfolio-item img{width:100%}

.matter-filter .port_slash{ display:inline-block; font-size:35px; margin:0px 10px;}

.portfolio-item .overlay{position:absolute;top:0;width:100%;height:100%;z-index:10;background-color:rgba(0,0,0,.8);display:none}

.portfolio-item:hover .overlay{position:absolute;top:0;width:100%;height:100%;z-index:10;background-color:rgba(0,0,0,.8);display:block}

.portfolio-item i{padding:12px;margin:-42px;font-size:20px;width:42px;height:42px;border-radius:0}.portfolio-item .icons .link{position:absolute;left:53%;top:50%;margin-left:42px;color:#fff;-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.portfolio-item .icons .link i{color:#fff;background:#3d566e}

.portfolio-item .icons .preview{position:absolute;left:40%;top:30%;color:#fff;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.portfolio-item .icons .preview i{color:#3d566e;background:#fff}

.owl-theme .owl-controls .owl-page span{height:7px!important;border:0!important}.owl-theme .owl-controls .owl-page span:hover{background:#3D566E}.owl-theme .owl-controls .owl-page.active span{background:#3D566E}



#testimonial{background:#fff}

#testimonial .row{padding-bottom:145px}

#testimonial h1{font-size:50px}

#testimonial .testimonial{margin-bottom:20px;padding-left:15px;padding-right:15px;position:relative}

#testimonial .testimonial img{max-width:80px;border-radius:100%;margin-top:10px}

#testimonial .name{color:#3d566e;font-size:25px;font-weight:700;margin-left:10px}

#testimonial .company{color:#3d566e;font-size:15px;font-weight:300}



#testimonial i{padding-right:10px;color:rgba(102,102,102,.5)}

#clients{background:url(../img/clients/brand-bg.jpg) center center fixed;background-size:cover}#clients .logo-slider .owl-buttons{position:absolute;top:-33px;right:3px}#clients .logo-slider .owl-buttons div{background:transparent!important;border:1px solid #fff;border-radius:4px;margin-left:15px;padding:0 10px}



#about{background-size:cover;color:#fff}

#about p{line-height:30px;font-size:17px}

#about .section-title{position:relative; font-weight:100; font-family: "open Sans", arial; padding-bottom:0px;}

#about .btn{margin-top:6px;margin-right:20px}

#about .about-inner{position:relative;color:#fff}

#about .about-inner:before{position:absolute;width:100%;height:100%;top:0;bottom:0;content:"";display:block}

#about #about-slider .item img{width:100%}

#about .about-title{margin-top:0; font-family:Philosopher, Arial; font-size:28px; font-weight:bold;}



#pricing{ background: url(../images/background_catering.jpg) center;}

#pricing h1{ font-family: 'Rochester', cursive; font-size:42px; line-height: 50px; color:#ed3237; padding:33px 0px 44px 0px; margin:0px; font-weight:100;}

#pricing h1 span{ color:#333;}

#pricing .container{padding: 120px 0px}

.pricingbg{ background: url(../images/background_catering.jpg) center;}

#contact{ background: url(../images/background_contact.jpg) center;}

#contact ::-webkit-input-placeholder{color:#666666; text-align: center;}

#contact :-moz-placeholder{color:#666666; text-align: center;}

#contact ::-moz-placeholder{color:#666666; text-align: center;}

#contact :-ms-input-placeholder{color:#666666; text-align: center;}

#contact .section-title{ font-family:"open Sans", arial; font-size:32px; color:#ffffff; font-weight:100; text-align:center; padding-top:20px;}

#contact h4{ font-family:"open Sans", arial; font-size:16px; color:#ffffff; padding-top:15px; padding-bottom:0px; margin:0px; text-align:center; font-weight:bold; line-height: 38px;}

#contact h5{ font-family:"open Sans", arial;  font-size:32px; color:#CF2027; padding:20px 0px 20px 0px;}

#contact p{ font-family:"open Sans", arial; font-size:35px; color:#ffffff; padding-top:5px; line-height:35px; text-align: center;}

#contact a{color:#FFC926;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear; text-decoration: none;}

#contact a:hover{color:#ffffff}

.contactbg{ background: url(../images/background_contact.jpg) center;}

#contact .contact-info{margin:40px 0}

#contact .contact-info p{font-size:20px}

#contact .contact-form .form-control{background:0 0;color:#999999;border:1px solid #555555;box-shadow:none;font-size:11px; margin-bottom:20px}

#contact .contact-form textarea.form-control{min-height:116px;margin-bottom:20px; text-align:center;}

#contact .contact-form input[type=text],#contact .contact-form input[type=email]{height:44px; text-align:center;}

#contact .contact-form .btn{ background:#CF1F26; border:none; margin-top:3px; font-family:"open Sans", arial; font-size:14px;}

#contact .contact-form .btn:hover{ background:#00a859; color:#FFFFFF; border:none; margin-top:3px; font-family:"open Sans", arial; font-size:14px;}

#matter-footer{background:#333;color:#BDC3C7; padding: 20px 20px 0px;}

#matter-footer .row{padding:40px 0}

#matter-footer .text img{margin-bottom:25px}

#matter-footer .link li{padding:4px 0;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:0}

#matter-footer .link li a{font-size:inherit;color:#BDC3C7;text-decoration:none}

#matter-footer .link li a:hover{color:#fff}

.copyright{padding-bottom:15px}

.copyright p{margin:0; text-align:center;}

.copyright a{color:#fff}

.copyright a:hover{color:#fff;text-decoration:none}

#video-bg{position:relative;width:100%;height:689px}

header .wrapper{margin-top:30px;margin-bottom:40px}header .wrapper .section-title{font-size:36px}header .wrapper .section-title span{color:#3D566E}#version-page{background:#ECEEF1;overflow:hidden}#version-page img{max-width:100%;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}#version-page .post{margin:15px 0 45px;position:relative;text-align:center}#version-page .post:hover img{max-width:100%;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}