@import url(animate.css);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@import url(http://fonts.googleapis.com/css?family=Roboto:300);
@import url(http://fonts.googleapis.com/css?family=Roboto:400);
@import url(http://fonts.googleapis.com/css?family=Roboto:500);
@import url(http://fonts.googleapis.com/css?family=Roboto:700);
/*======================================================== Main layout styles
=========================================================*/
body { font: 400 14px/21px "Arial", sans-serif; color: #494949; background: #ffffff; }

#stuck_container { position: relative; z-index: 1000; }

a { text-decoration: none; color: inherit; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

a:hover { color: #baa673; }

.a1 { display: inline-block; font: 300 24px/30px 'Roboto', sans-serif; text-transform: none; color: #494949; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.a3 { display: inline-block; font: 300 13px/16px 'Roboto', sans-serif; text-transform: uppercase; color: #FFF; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.a3:hover { color: #baa673; }

@media (max-width: 1200px) { .a1 { font: 300 18px/24px 'Roboto', sans-serif; } }
.a2 { display: inline-block; font: 500 18px/18px 'Roboto', sans-serif; text-transform: uppercase; color: #33baaf; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.a2:hover { color: #baa673; }

@media (max-width: 1200px) { .a2 { font: 500 14px/14px 'Roboto', sans-serif; } }
img { max-width: 100%; }

* { -webkit-text-size-adjust: none; }

/* ======= Headers ======= */
h2 { font: 500 72px/72px 'Roboto', sans-serif; color: #33baaf; text-transform: uppercase; /* Landscape phones and down */ }

@media (max-width: 1200px) { h2 { font: 500 42px/42px 'Roboto', sans-serif; } }
@media (max-width: 480px) { h2 { font: 500 32px/32px 'Roboto', sans-serif; } }
h3 { font: 500 36px/36px 'Roboto', sans-serif; text-transform: uppercase; color: #baa673; /* Landscape phones and down */ }

@media (max-width: 1200px) { h3 { font: 500 26px/26px 'Roboto', sans-serif; } }
@media (max-width: 480px) { h3 { font: 500 20px/22px 'Roboto', sans-serif; } }
h4 { font: 300 30px/30px 'Roboto', sans-serif; text-transform: none; color: #ffffff; }

@media (max-width: 1200px) { h4 { font: 300 20px/20px 'Roboto', sans-serif; } }
h5 { display: inline-block; font: 500 18px/18px 'Roboto', sans-serif; text-transform: uppercase; color: #33baaf; }

p { font: 300 14px/30px "Arial", sans-serif; color: #494949; }

.wrapper_5 p { font: 300 14px/30px "Arial", sans-serif; color: #ffffff; }

p a { font: 300 18px/30px "Arial", sans-serif; display: inline-block; }

@media (max-width: 1200px) { p { font: 300 14px/20px "Arial", sans-serif; }
  p a { font: 300 18px/20px "Arial", sans-serif; } }
.p1 { font: 500 32px/36px 'Roboto', sans-serif; text-transform: uppercase; color: #fff; padding: 20px; /* Landscape phone to portrait tablet */ }

.p1 span { font: 500 22px/36px 'Roboto', sans-serif; text-transform: capitalize; padding-top: 20px 20px 0; }

@media (max-width: 1200px) { .p1 { font: 500 28px/36px 'Roboto', sans-serif; }
  .p1 span { font: 500 20px/26px 'Roboto', sans-serif; } }
@media (max-width: 1199px) { .p1 { font: 500 17px/27px 'Roboto', sans-serif; }
  .p1 span { font: 500 17px/27px 'Roboto', sans-serif; } }
@media (max-width: 767px) { .p1 { padding-top: 15px; font: 500 13px/17px 'Roboto', sans-serif; }
  .p1 span { font: 500 13px/17px 'Roboto', sans-serif; } }
.p2 { font: 300 24px/36px 'Roboto', sans-serif; text-transform: none; color: #494949; }

.p5 { font: 300 24px/36px 'Roboto', sans-serif; text-transform: none; color: #ffffff; }

@media (max-width: 1200px) { .p2 { font: 300 18px/26px 'Roboto', sans-serif; }
  .p5 { font: 300 18px/26px 'Roboto', sans-serif; } }
.p3 { font: 300 14px/24px 'Roboto', sans-serif; color: #494949; }

.p3 span { font: 700 18px/24px 'Roboto', sans-serif; }

.p3_2 { font: 300 12px/19px 'Roboto', sans-serif; color: #494949; }

.p3_2 span { font: 700 15px/24px 'Roboto', sans-serif; color: #baa673; text-transform: uppercase; }

.p4 { font: 300 60px/34px 'Roboto', sans-serif; color: #ffffff; padding-top: 30px; padding-bottom: 0px; }

@media (max-width: 1200px) { .p4 { font: 300 40px/34px 'Roboto', sans-serif; } }
@media (min-width: 1366px) { .picHolder { position: relative; display: inline-block; width: 100%; height: 430px; top: 0px; } }
@media (min-width: 1366px) { .picHolder > ul { list-style: none; margin: 0; white-space: nowrap; position: relative; display: inline-block; height: 380px; float: left; } }
@media (max-width: 1366px) { .picHolder > ul { float: none; display: block; text-allign: center; } }
.picHolder > ul > li { width: 647px; height: 380px; display: inline-block; position: relative; margin-right: -4px; }

@media (max-width: 1366px) { .picHolder > ul > li { width: 100%; height: auto; } }
.picHolder > ul > li > a { width: 647px; height: 380px; display: block; position: relative; }

@media (max-width: 1366px) { .picHolder > ul > li > a { width: 100%; height: auto; margin: 5px 0; }
  .picHolder > ul > li > a img { width: 100%; height: auto; } }
.picHolder > ul > li > a ._over { width: 637px; height: 370px; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.3); border: 5px solid #767676; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

@media (max-width: 1366px) { .picHolder > ul > li > a ._over { display: none; } }
.picHolder > ul > li > a:hover ._over { opacity: 100; filter: alpha(opacity=10000); }

/* ======= Buttons ======= */
.btn-default { display: inline-block; background: #baa673; position: relative; z-index: 5; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.btn-default em { font: 500 24px/24px 'Roboto', sans-serif; text-transform: none; color: #ffffff; padding: 15px 25px 15px 25px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; }

.btn-default:hover { background: #313131; }

@media (max-width: 767px) { .btn-default em { font: 500 18px/18px 'Roboto', sans-serif; padding: 10px 15px 10px 15px; }
  .fl.logo-container { float: none; } }
.btn-link { display: inline-block; font: 500 18px/18px 'Roboto', sans-serif; color: #33baaf; text-transform: uppercase; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 5; }

.btn-link:hover { color: #baa673; }

/*======================================================== HEADER styles
=========================================================*/
#header { /*  position: absolute;
top:0;
left: 0;
width: 100%;
z-index: 2;*/ }

#header #stuck_container { /*background: #baa673;*/ background: #fff; }

/* ======= Logo ======= */
h1 { display: inline-block; float: left; padding-top: 12px; /* Landscape phone to portrait tablet */ }

h1 a { display: inline-block; }

h1 a .slogan_1 { font: 500 42px/46px 'Roboto', sans-serif; text-transform: uppercase; color: #313131; display: block; white-space: nowrap; /* Landscape phone to portrait tablet */ /* Landscape phones and down */ }

@media (max-width: 767px) { h1 a .slogan_1 { font: 500 38px/26px 'Roboto', sans-serif; padding-top: 10px; }
  .fl.logo-container { float: none; text-align: center; } }
@media (max-width: 480px) { h1 a .slogan_1 { font: 500 20px/25px 'Roboto', sans-serif; } }
h1 a .slogan_2 { font: 300 18px/18px 'Roboto', sans-serif; padding-top: 10px; text-transform: uppercase; color: #313131; display: block; /* Landscape phone to portrait tablet */ /* Landscape phones and down */ }

@media (max-width: 767px) { h1 a .slogan_2 { display: inline-block; } }
@media (max-width: 480px) { h1 a .slogan_2 { font: 500 18px/18px 'Roboto', sans-serif; padding-top: 5px; } }
@media (max-width: 1199px) { h1 { display: block; float: none; padding-top: 17px; text-align: center; } }
@media (max-width: 767px) { h1 { text-align: center; } }
/* ======= Main menu variables ======= */
/* ======= Sub menus common variables ======= */
/* ======= First level sub menu variables ======= */
nav { float: right; /* Landscape phone to portrait tablet */ }

/*
@media (max-width: 1366px) { nav { display: inline-block; border-top: 1px solid #979797; }
}*/
@media (max-width: 1199px) { nav { float: none; display: block; width: 100%; text-align: center; border-top: 1px solid #313131; margin-top: 15px; } }
@media (max-width: 767px) { nav { background: none; border: none; } }
/* Main menu styles
========================================================*/
.sf-menu > li { letter-spacing: 0.00em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; position: relative; text-align: center; margin-top: 0px; margin-right: 0px; }

.sf-menu > li.with-menu { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin-top: 0; margin-right: 11px; padding: 25px 17px 24px 25px; position: relative; }

.sf-menu > li.with-menu:before { position: absolute; content: ''; left: 0; display: none; top: -5px; width: 100%; height: 5px; background: #323232; }

@media (max-width: 1199px) { .sf-menu > li { margin-top: 0; }
  .sf-menu > li:first-child { margin-left: 30px; } }
.sf-menu > li.last-menu-item { margin-right: 35px; }

@media (max-width: 1200px) { .sf-menu > li.last-menu-item { margin-right: 0px; } }
.sf-menu > li > .sf-with-ul { /*      &:after { .after(14px); content: "\f078"; color: @main-menu-color; bottom: 5px; left: 50%; margin-left: -7px; .transition(all 0.3s ease); }*/ }

.sf-menu > li > a { position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; background: none; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.sf-menu > li > a > div { position: relative; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; overflow: hidden; }

.sf-menu > li > a > span { position: relative; display: block; font: 500 18px/26px 'Roboto', sans-serif; color: #ffffff; color: #313131; text-transform: uppercase; padding: 39px 10px; margin: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

@media (max-width: 1199px) { .sf-menu > li > a > span { padding: 15px 14px; } }
@media (max-width: 1199px) { .sf-menu > li > a > span { padding: 12px 10px; font: 400 17px/25px "Arial", sans-serif; } }
@media (max-width: 1266px) { .sf-menu > li > a { font-size: 17px; } }
.sf-menu > li.active, .sf-menu > li.sfHover, .sf-menu > li:hover { z-index: 10; }

.sf-menu > li.active > a, .sf-menu > li.sfHover > a, .sf-menu > li:hover > a { text-decoration: none; background: #baa673; }

.sf-menu > li.active > a > div:first-child, .sf-menu > li.sfHover > a > div:first-child, .sf-menu > li:hover > a > div:first-child { top: 200px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.sf-menu > li.active > a > div:first-child + div, .sf-menu > li.sfHover > a > div:first-child + div, .sf-menu > li:hover > a > div:first-child + div { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; top: 0; }

.sf-menu > li.active > a > div span, .sf-menu > li.sfHover > a > div span, .sf-menu > li:hover > a > div span { color: #ffffff; }

.sf-menu > li.active > a > span, .sf-menu > li.sfHover > a > span, .sf-menu > li:hover > a > span { color: #ffffff; }

.sf-menu > li.current { z-index: 10; }

.sf-menu > li.current > a { text-decoration: none; background: #313131; background: #baa673; }

.sf-menu > li.current > a > span { color: #fff; }

.sf-menu > li.current > a > div:first-child { top: 200px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.sf-menu > li.current > a > div:first-child + div { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; top: 0; }

.sf-menu > li.current > a > div span { color: #ffffff; }

@media (max-width: 1199px) { .sf-menu { display: inline-block; } }
/* First level sub-menu styles
========================================================*/
.sf-menu ul { /*.box-shadow(-1px 2px 3px 0px rgba(0, 0, 0, 0.16));*/ display: none; min-width: 235px; font: 300 14px/14px 'Roboto', sans-serif; position: absolute; top: 104px; left: 0; background: #313131; background: #fff; text-align: left; padding: 10px 0 20px; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 1199px) { .sf-menu ul { top: 50px; } }
.sf-menu ul li { letter-spacing: 0; position: relative; display: block; }

.sf-menu ul li:hover > a { background: #baa673; color: #ffffff; /* color: #000; */ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05); }

.sf-menu ul li > .sf-with-ul:after { display: block; font-family: FontAwesome; font-size: 14px; position: absolute; font-style: normal; font-weight: normal; text-decoration: none; cursor: default; content: "\f054"; color: #ffffff; color: #000; bottom: 5px; right: 15px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.sf-menu ul li a { padding: 6px 0 6px 32px; display: block; color: #ffffff; color: #000; text-transform: uppercase; }

.sf-menu ul > .sfHover > a { background: #u7u7u7; }

.sf-menu ul > .sfHover > a:after { color: #ffffff; /* color: #000; */ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05); }

.sf-menu ul li.sfHover > a { background: #u7u7u7; color: #ffffff; /* color: #000; */ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05); }

/* Second level sub-menu styles
========================================================*/
.sf-menu ul ul { position: absolute; top: -10px; left: 235px; margin-left: 0; z-index: 4; text-align: left; }

@media only screen and (max-width: 767px) { .sf-menu { display: none; }
  nav { width: 100%; float: none; }
  .select-menu { border-radius: none; border: 0; padding: 10px; display: block; text-transform: capitalize; float: none; color: #333333; width: 100%; margin-bottom: 10px; background: #eee; font: 20px/26px "Arial", sans-serif; text-align: left; position: relative; }
  .select-menu option { text-align: left; position: relative; } }
/*Core variables and mixins*/
/* Stuck menu styles
========================================================*/
.isStuck { z-index: 999; position: fixed; left: 0; }

@media only screen and (max-width: 1199px) { .isStuck { display: none !important; } }
/*======================================================== CONTENT styles
=========================================================*/
#content {   /*position: relative;
z-index: 1;*/ }

.block_1 { display: block; /*background: rgba(255, 255, 255, 0.5);*/ padding: 30px; position: relative; margin-top: 0px; overflow: hidden; /* Landscape phone to portrait tablet */ }

@media (max-width: 1024px) { .block_1 { /*  margin-top: 85px;*/ } }
@media (max-width: 767px) { .block_1 { /*    margin-top: 70px;*/ text-align: center; } }
.block_2 { display: block; background: #33baaf; padding: 25px 30px 25px 20px; position: relative; }

.block_3 { display: block; background: #baa673; padding: 25px 30px 25px 20px; position: relative; }

.block_4 { display: block; padding: 25px 30px 27px 30px; position: relative; border-top: 1px solid #525252; border-right: 1px solid #525252; border-bottom: 1px solid #525252; overflow: hidden; box-sizing: border-box; }

@media (max-width: 1200px) { .block_4 { padding: 5px 10px 9px 20px; } }
@media (max-width: 1199px) { .block_4 { border-top: none; border-left: 1px solid #525252; }
  .block_4 img { width: 100%; height: auto; } }
/* ======= Banner 1 ======= */
.banner1 { /*background-image: url(../images/p1_bg1.jpg);*/ padding: 0px; height: 418px; }

@media (max-width: 1200px) { .banner1 { /*background: #1cc9cb;*/ height: 330px; } }
@media (max-width: 1024px) { .banner1 { /*background: #1cc9cb;*/ height: 300px; } }
/* ======= Google Map  ======= */
.google-map1 { height: 300px; }

.google-map1 img { max-width: none !important; }

/* ======= Address  ======= */
address { font: 300 14px/21px 'Roboto', sans-serif; text-transform: none; color: #494949; position: relative; display: inline-block; overflow: hidden; min-width: 200px; margin-right: 90px; float: left; /* Landscape phone to portrait tablet */ }

address:first-child { margin-left: 0; }

address a { color: #33baaf; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

address a:hover { color: #baa673; }

address .fa { font-size: 36px; letter-spacing: 45px; color: #33baaf; display: inline-block; width: 40px; }

@media (max-width: 767px) { address { float: none; margin-left: 10px; display: block; } }
/* ======= Google Map  ======= */
.content_map { color: #ffffff; position: relative; text-align: center; height: 438px; margin-top: 0; }

.content_map .rel { position: relative; z-index: 10; }

.content_map .gmap { height: 438px; }

/* ======= List 1 ======= */
.list_1 { padding-top: 15px; list-style: none; display: block; }

.list_1 li { display: block; padding-top: 9px; }

.list_1 li a { font: 700 14px/14px 'Roboto', sans-serif; color: #33baaf; display: inline-block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.list_1 li a:hover { color: #baa673; }

.list_2 { margin-top: 15px; display: block; }

.list_2 li { display: block; margin-top: 32px; }

.list2 { list-style: outside none none; margin: 0; overflow: hidden; padding: 0; }

.list2 li { float: left; font-size: 14px; line-height: 1.42857; margin: 0 0 0 45px; overflow: hidden; }

.list2 li a { display: block; transition: all 0.25s ease 0s; }

.list2 li img { max-width: 90px; }

.list2 li a:hover { opacity: 0.5; }

/* ======= video ======= */
.various { display: block; position: relative; overflow: hidden; /*
background-color: #313131;
-webkit-box-shadow: inset 0 0 20px 5px #313131;    
-moz-box-shadow: inset 0 0 20px 5px #313131;
box-shadow: 0 0 20px 5px #313131;*/ }

.various:before { font-family: FontAwesome; font-size: 44px; position: absolute; font-style: normal; font-weight: normal; text-decoration: none; cursor: default; line-height: 28px; content: '\f152'; color: #ffffff; top: 45%; left: 0; text-align: center; display: block; width: 100%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; z-index: 3; cursor: pointer; }

.various.noicon:before { content: ''; cursor: default; }

.various.large:before { font-size: 106px; line-height: 53px; }

.various.medium:before { font-size: 86px; line-height: 15px; }

@media (max-width: 479px) { .various.medium:before { font-size: 48px; line-height: 15px; }
  .various.large:before { font-size: 48px; line-height: 15px; } }
.various:hover:before { color: #baa673; }

.poster { position: relative; width: 870px; height: 350px; overflow: hidden; display: block; margin: auto; }

.poster img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.poster img.portrait { width: 100%; height: auto; }

@media (min-width: 768px) and (max-width: 1199px) { .poster { width: 640px; height: 250px; } }
@media (max-width: 767px) { .poster { width: 100%; }
  .poster img { position: relative; display: block; }
  .box-shadow-large-poster { background-color: #424242; }
  .box-shadow-large-poster:after { display: none; } }
.thumbScroller { width: 100%; height: 390px; position: relative; margin-top: 20px; visibility: hidden; }

.thumbScroller .thumbBox { position: relative; float: left; display: block; height: 390px; width: 500px; /*border: solid 5px #767676;*/ padding: 5px; margin: 0px 5px; /* If you don't want the images in the scroller to be selectable, try the following block of code. It's just a nice feature that prevent the images from accidentally becoming selected/inverted when the user interacts with the scroller. */ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }

.thumbScroller.medium { height: 320px; }

.thumbScroller.medium .thumbBox { height: 320px; width: 350px; }

.thumbScroller.small { height: 300px; }

.thumbScroller.small .thumbBox { height: 300px; width: 280px; }

@media (max-width: 479px) { .thumbScroller.medium { height: 250px; }
  .thumbScroller.medium .thumbBox { height: 280px; width: 250px; font-size: 0.8em; } }
/* Replace the last selector for the type of element you have in your scroller. If you have div's use #makeMeScrollable div.scrollableArea div, if you have links use #makeMeScrollable div.scrollableArea a and so on. */
.thumbScroller div.scrollableArea img { position: relative; float: left; margin: 0; padding: 0; /* If you don't want the images in the scroller to be selectable, try the following block of code. It's just a nice feature that prevent the images from accidentally becoming selected/inverted when the user interacts with the scroller. */ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }

.google-map-api { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

#map-canvas { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

#map-canvas img { max-width: none !important; }

.gm-wrapper div:first-child div + div + div + div { background-color: transparent !important; background-color: #000 !important; background-color: rgba(0, 0, 0, 0.7) !important; }

.gm-wrapper * { box-shadow: 0 0 0 #000 !important; background-color: transparent !important; width: 450px; }

.gm-style-iw { text-align: center; width: 350px !important; height: 57px !important; right: 0; position: absolute; left: 0 !important; top: 0 !important; color: #fff; padding: 38px 0 0 10px; font: 14px 'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif !important; overflow: visible !important; }

.gm-style-iw:after { content: ''; width: 0; height: 0; top: 100%; margin-top: 17px; left: 50%; margin-left: 5px; border-style: solid; border-width: 25px 15px 0 15px; border-color: #000; border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent; position: absolute; }

.gm-style-iw span { font-weight: bold; display: block; font-size: 18px; color: #fff; }

.gallery { overflow: hidden; padding-bottom: 44px; }

.gallery_item { display: block; margin-bottom: 13px; position: relative; max-width: 360px; }

.gallery_caption { background: url("../images/capt_bg.png") repeat scroll 0 0 transparent; bottom: 0; color: #fff; font: 14px/24px "Inder",sans-serif; left: 0; opacity: 0; position: absolute; right: 0; text-align: center; top: 0; transition: all 0.5s ease 0s; }

.gallery_caption img { background-color: #fff; border-radius: 500px; margin-bottom: 21px; margin-top: 55px; }

.gall_title { font-size: 24px; margin-bottom: 4px; text-transform: capitalize; }

.gallery_item:hover .gallery_caption { opacity: 1; }

/*========================wrappers=========================*/
.wrapper_1 { padding: 50px 0 40px; }

.wrapper_2 { padding: 0px 0 40px; overflow: hidden; }

.wrapper_3 { overflow: hidden; padding: 5px 0 40px; }

.wrapper_3 time { font: 300 14px/14px font-family-custom-1; color: #494949; display: inline-block; }

.wrapper_4 { overflow: hidden; padding: 15px 0 45px; }

.wrapper_4 img { width: 100%; height: auto; }

.wrapper_5 { overflow: hidden; padding: 50px 0 40px; background: #424242; }

.wrapper_5 .p3 { color: #ffffff; padding-top: 24px; }

.wrapper_6 { overflow: hidden; padding: 75px 0 40px; }

.wrapper_6 .block_2 .p3 { color: #ffffff; font-style: italic; }

.wrapper_6 .block_3 .p3 { color: #ffffff; }

.wrapper_7 { overflow: hidden; padding: 25px 0 45px; }

.wrapper_7 img { width: 100%; height: auto; }

.wrapper_8 { overflow: hidden; padding: 10px 0 45px; }

.wrapper_8 ul { padding-top: 25px; }

.wrapper_8 ul li { padding-bottom: 9px; }

.wrapper_8 .a2 { text-transform: none; font-weight: 700; }

.wrapper_9 { overflow: hidden; padding: 50px 0 45px; background: #525252; }

.wrapper_9 .p3 { color: #ffffff; font-style: italic; }

.wrapper_10 { overflow: hidden; padding: 50px 0 45px; }

.wrapper_10 .a2 { text-transform: none; font-weight: 300; line-height: 30px; /* Landscape phones and down */ }

.wrapper_13 .p3 { color: #ffffff; }

.video-page { display: block; left: 50%; margin-bottom: 41px; margin-left: -952px; overflow: hidden; position: relative; width: 1920px; }

.box_html.video_block { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.44); color: #fff; margin-bottom: 42px; min-height: 400px; padding: 18% 0 18.3%; text-align: center; }

.box_html.video_block > .container { width: auto; }

.box_html.video_block h1 { color: #fff; font-family: "Exo",sans-serif; font-size: 72px; font-weight: 800; line-height: 72px; margin: 0 0 17px; position: relative; text-transform: uppercase; }

.box_html.video_block h2 { color: #fff; font-family: "Exo",sans-serif; font-size: 36px; font-weight: 400; line-height: 36px; margin: 0 0 38px; position: relative; text-transform: uppercase; }

.box_html.video_block a { background: none repeat scroll 0 0 #ef4135; color: #fff; display: inline-block; font-family: "Exo",sans-serif; font-size: 18px; line-height: 22px; margin: 0; padding: 14px 22px 15px; position: relative; text-transform: uppercase; transition: all 0.6s ease 0s; }

.box_html.video_block a:hover { background: none repeat scroll 0 0 #b80719; color: #fff; }

.qbcLogo { display: inline-block; float: right; height: 20px; position: relative; width: 61px; margin-right: 5px; }

.mmLogo { background-position: 0 0; display: inline-block; float: left; height: 37px; position: relative; width: 121px; margin-left: 5px; }

.hiddenDiv { display: none; }

@media (max-width: 480px) { .wrapper_10 .a2 { line-height: 18px; } }
.wrapper_11 { overflow: hidden; padding: 30px 0 60px; }

.wrapper_11 .bord_3 { margin: 9px 0; }

.wrapper_12 { overflow: hidden; padding: 70px 0 70px; }

.wrapper_13 { overflow: hidden; padding: 50px 0 50px; background: #525252; }

.wrapper_13 .bord_3 { background: #ffffff; }

.wrapper_13 img { width: 100%; height: auto; }

.wrapper_14 { overflow: hidden; padding: 75px 0 50px; }

.wrapper_15 { overflow: hidden; padding: 50px 0 50px; background: #525252; }

.wrapper_15 .p3 { color: #ffffff; padding-top: 24px; }

.wrapper_16 { overflow: hidden; padding: 70px 0 50px; }

.wrapper_16 address { margin-left: 0; }

/*========================others=========================*/
.tac { text-align: center; }

.tal { text-align: left; }

.tar { text-align: right; }

.fl { float: left; }

.fr { float: right; /* Landscape phone to portrait tablet */ }

@media (max-width: 767px) { .fr { float: none; } }
.width1 { display: inline-block; width: 80px; }

.extra_wrap { overflow: hidden; display: block; }

.img_indent { float: left; margin-right: 30px; /* Landscape phone to portrait tablet */ }

@media (min-width: 768px) and (max-width: 1199px) { .img_indent { float: none; margin-right: 0px; padding-bottom: 20px; } }
@media (max-width: 767px) { .img_indent { float: none; margin-right: 0px; padding-bottom: 20px; } }
.img_indent_1 { float: left; margin-right: 15px; /* Landscape phone to portrait tablet */ }

@media (max-width: 767px) { .img_indent_1 { float: none; } }
.img_indent_2 { float: left; margin-right: 0px; }

@media (max-width: 1199px) { .img_indent_2 { float: none; width: 100%; height: auto; } }
.pad_1 { padding: 0 28px; }

@media (max-width: 1199px) { .pad_1 { padding: 0; } }
.pad_b_2 { padding-bottom: 20px; }

.pad_thumb, .wrapper_13 img.pad_thumb { width: 98% !important; padding: 1% !important; background: url(../images/capt_bg.png) #353535; padding-bottom: 20px; }

.box-shadow { background-color: #fff; text-align: center; position: relative; overflow: hidden; }

.box-shadow:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: inset 0 0 10px 10px #313131; -moz-box-shadow: inset 0 0 10px 10px #313131; box-shadow: inset 0 0 10px 10px #313131; overflow: hidden; }

.box-shadow-hide { background-color: #fff; text-align: center; position: relative; overflow: hidden; }

.box-shadow-hide:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: inset 0 0 0px 10px #fff; -moz-box-shadow: inset 0 0 0px 10px #fff; box-shadow: inset 0 0 0px 10px #fff; border: 1px solid #fff; overflow: hidden; }

.box-shadow-hide.grey { background-color: #525252; }

.box-shadow-hide.grey:after { -webkit-box-shadow: inset 0 0 0px 10px #525252; -moz-box-shadow: inset 0 0 0px 10px #525252; box-shadow: inset 0 0 0px 10px #525252; border: 1px solid #525252; }

.box-shadow-large { background-color: #000000; height: auto; text-align: center; width: 100%; position: relative; border-radius: 20%; overflow: hidden; }

.box-shadow-large:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: inset 0 0 20px 20px #525252; -moz-box-shadow: inset 0 0 20px 20px #525252; box-shadow: inset 0 0 20px 20px #525252; border-radius: 19%; overflow: hidden; }

.box-shadow-large-poster { background-color: #000000; text-align: center; overflow: hidden; }

.box-shadow-large-poster:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: inset 0 0 20px 20px #424242; -moz-box-shadow: inset 0 0 20px 20px #424242; box-shadow: inset 0 0 20px 20px #424242; overflow: hidden; }

.searchForm { position: relative; }

/*.searchForm input { text-indent: 30px;}*/
.searchForm .fa-search { position: absolute; top: 0px; right: 0px; font-size: 19px; line-height: 23px; padding: 15px; background-color: #baa673; }

.mar_t_05 { margin-top: 5px; }

.mar_t_1 { margin-top: 10px; }

.mar_t_15 { margin-top: 15px; }

.mar_t_2 { margin-top: 20px; }

.mar_t_25 { margin-top: 25px; }

.mar_t_3 { margin-top: 30px; }

.mar_t_35 { margin-top: 35px; }

.mar_t_4 { margin-top: 60px; /* Landscape phone to portrait tablet */ }

@media (max-width: 1199px) { .mar_t_4 { margin-top: 40px; } }
@media (min-width: 768px) and (max-width: 1199px) { .mar_t_4 { margin-top: 40px; } }
@media (max-width: 767px) { .mar_t_4 { margin-top: 30px; } }
.mar_t_45 { margin-top: 45px; /* Landscape phone to portrait tablet */ }

@media (max-width: 1199px) { .mar_t_45 { margin-top: 30px; } }
@media (min-width: 768px) and (max-width: 1199px) { .mar_t_45 { margin-top: 20px; } }
@media (max-width: 767px) { .mar_t_45 { margin-top: 15px; } }
.mar_t_5 { margin-top: 50px; /* Landscape phone to portrait tablet */ }

@media (min-width: 979px) and (max-width: 1200px) { .mar_t_5 { margin-top: 30px; } }
@media (min-width: 768px) and (max-width: 1199px) { .mar_t_5 { margin-top: 20px; } }
@media (max-width: 767px) { .mar_t_5 { margin-top: 20px; } }
.mar_t_6 { margin-top: 60px; /* Landscape phone to portrait tablet */ }

@media (min-width: 979px) and (max-width: 1200px) { .mar_t_6 { margin-top: 40px; } }
@media (min-width: 768px) and (max-width: 1199px) { .mar_t_6 { margin-top: 20px; } }
@media (max-width: 767px) { .mar_t_6 { margin-top: 20px; } }
.mar_t_7 { margin-top: 70px; /* Landscape phone to portrait tablet */ }

@media (min-width: 979px) and (max-width: 1200px) { .mar_t_7 { margin-top: 40px; } }
@media (min-width: 768px) and (max-width: 1199px) { .mar_t_7 { margin-top: 20px; } }
@media (max-width: 767px) { .mar_t_7 { margin-top: 20px; } }
.mar_t_8 { margin-top: 80px; /* Landscape phone to portrait tablet */ }

@media (min-width: 979px) and (max-width: 1200px) { .mar_t_8 { margin-top: 50px; } }
@media (min-width: 768px) and (max-width: 1199px) { .mar_t_8 { margin-top: 30px; } }
@media (max-width: 767px) { .mar_t_8 { margin-top: 25px; } }
.mar_t_9 { margin-top: 90px; /* Landscape phone to portrait tablet */ }

@media (min-width: 979px) and (max-width: 1200px) { .mar_t_9 { margin-top: 50px; } }
@media (min-width: 768px) and (max-width: 1199px) { .mar_t_9 { margin-top: 30px; } }
@media (max-width: 767px) { .mar_t_9 { margin-top: 30px; } }
.mar_t_10 { margin-top: 100px; /* Landscape phone to portrait tablet */ }

@media (min-width: 979px) and (max-width: 1200px) { .mar_t_10 { margin-top: 60px; } }
@media (min-width: 768px) and (max-width: 1199px) { .mar_t_10 { margin-top: 40px; } }
@media (max-width: 767px) { .mar_t_10 { margin-top: 30px; } }
.mar_t_11 { margin-top: 110px; /* Landscape phone to portrait tablet */ }

@media (min-width: 979px) and (max-width: 1200px) { .mar_t_11 { margin-top: 60px; } }
@media (min-width: 768px) and (max-width: 1199px) { .mar_t_11 { margin-top: 40px; } }
@media (max-width: 767px) { .mar_t_11 { margin-top: 35px; } }
.bord_1 { background: url(../images/bord_1.png) no-repeat center 0; display: block; height: 66px; }

.bord_2 { display: inline-block; width: 54px; height: 1px; background: #313131; margin: 20px 0; }

.bord_3 { display: block; width: 155px; height: 1px; background: #313131; margin: 14px 0; }

.bord_4 { background: url(../images/bord_2.png) no-repeat center 0; display: block; height: 66px; }

.bord_3 { display: block; width: 155px; height: 1px; background: #A6A6A6; margin: 14px 0; }

/*======================================================== FOOTER styles
=========================================================*/
#footer { padding-top: 15px; overflow: hidden; padding-bottom: 17px; text-align: center; display: block; background: #313131; /* ======= Social buttons 1 ======= */ }

#footer .privacy-block { display: inline-block; color: #fff; font: 300 14px/14px 'Roboto', sans-serif; }

#footer .privacy-block a { display: inline-block; }

#footer .socials1 { float: right; display: inline-block; /* Landscape phone to portrait tablet */ }

@media (max-width: 767px) { #footer .socials1 { float: none; } }
#footer .socials1 li { display: inline-block; }

#footer .socials1 li + li { margin-left: 7px; }

#footer .socials1 li a i { width: 48px; height: 48px; line-height: 48px; color: #ffffff; background: #ffffff; text-align: center; font-size: 23px; display: block; border-radius: 200px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

#footer .socials1 li a i:hover { background: #313131; }

.bord_f { border-top: 1px solid #525252; }

/*======================================================== Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop { display: none; text-decoration: none; position: fixed; bottom: 80px; right: 30px; overflow: hidden; border: none; color: #494949; font-size: 43px; line-height: 38px; z-index: 20; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

#toTop:hover { outline: none; color: #33baaf; }

@media only screen and (max-width: 1199px) { #toTop { display: none !important; } }
/*Core variables and mixins*/
.backCover { background-size: cover; background-position: center; }
.backCover:before { content: ''; float: left; padding-bottom: 56.25%; }
.backCover:after { content: ''; display: table; clear: both; }

.mainCover { background-size: cover; background-position: center; }
.mainCover:before { content: ''; float: left; padding-bottom: 33.33333%; }
.mainCover:after { content: ''; display: table; clear: both; }

.timestamp { position: absolute; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.3); border-radius: 256px 0 0 0; }

/*# sourceMappingURL=style.css.map */