@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

   @font-face {
font-family: 'font awesome';
src: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/lato-bold-webfont.eot);
src: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/lato-bold-webfont.eot?#iefix) format("embedded-opentype"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/lato-bold-webfont.woff) format("woff"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/lato-bold-webfont.ttf) format("truetype"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/lato-bold-webfont.svg) format("svg"); }
@font-face {
font-family: 'pb-bold';
src: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_bld.eot);
src: local("☺"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_bld.woff) format("woff"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_bld.ttf) format("truetype"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_bld.svg) format("svg");
font-weight: normal;
font-style: normal; } @font-face {
font-family: 'pb-regular';
src: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_reg.eot);
src: local("☺"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_reg.woff) format("woff"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_reg.ttf) format("truetype"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_reg.svg) format("svg");
font-weight: normal;
font-style: normal; } @font-face {
font-family: 'Film-icon';
src: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/Film-icon.eot?rufg47);
src: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/Film-icon.eot?rufg47#iefix) format("embedded-opentype"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/Film-icon.ttf?rufg47) format("truetype"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/Film-icon.woff?rufg47) format("woff"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/Film-icon.svg?rufg47#Film-icon) format("svg");
font-weight: normal;
font-style: normal; }
[class^="be-"], [class*=" be-"] {
font-family: 'Film-icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.be-1be:before {
content: "\e900"; }
.be-2be:before {
content: "\e901"; }
.be-3be:before {
content: "\e902"; }
.be-4be:before {
content: "\e903"; }
.be-5be:before {
content: "\e904"; }
.be-6be:before {
content: "\e905"; }
.be-7be:before {
content: "\e906"; }
.be-8be:before {
content: "\e907"; }
.be-9be:before {
content: "\e908"; }
.be-10be:before {
content: "\e909"; }
.be-11be:before {
content: "\e90a"; }
.be-12be:before {
content: "\e90b"; }
.be-13be:before {
content: "\e90c"; }
.be-14be:before {
content: "\e90d"; }
.be-15be:before {
content: "\e90e"; }
.be-16be:before {
content: "\e90f"; }
.be-17be:before {
content: "\e910"; }
.be-18be:before {
content: "\e911"; }
.be-19be:before {
content: "\e912"; }
.be-20be:before {
content: "\e913"; }
.be-21be:before {
content: "\e914"; }
.be-22be:before {
content: "\e915"; }
.be-23be:before {
content: "\e916"; }
.be-24be:before {
content: "\e917"; }
.be-25be:before {
content: "\e918"; }
.be-26be:before {
content: "\e919"; }
.be-27be:before {
content: "\e91a"; }
.be-28be:before {
content: "\e91b"; }
.be-29be:before {
content: "\e91c"; }
.be-30be:before {
content: "\e91d"; }
.be-31be:before {
content: "\e91e"; }
.be-32be:before {
content: "\e91f"; }
.be-33be:before {
content: "\e920"; }
.be-34be:before {
content: "\e921"; }
.be-35be:before {
content: "\e922"; }
.be-36be:before {
content: "\e923"; }
.be-37be:before {
content: "\e924"; }
.be-38be:before {
content: "\e925"; }
.be-39be:before {
content: "\e926"; }
.be-40be:before {
content: "\e927"; }
.be-41be:before {
content: "\e928"; }
.be-42be:before {
content: "\e929"; }
.be-43be:before {
content: "\e92a"; }
.be-44be:before {
content: "\e92b"; }
.be-45be:before {
content: "\e92c"; }
.be-46be:before {
content: "\e92d"; } body {
font-family: "pb-bold";
font-size: 16px;
overflow-x: hidden !important;
color: rgba(0, 0, 0, 0.5); }
.pagination {
width: 100%;
text-align: center; }
ul, ol {
padding: 0;
margin: 0; }
a {
text-decoration: none !important; }
.notes {
font-family: "pb-regular";
line-height: 1.5em;
color: rgba(0, 0, 0, 0.5); }
.fl-title-small2 {
font-size: 0.875em;
letter-spacing: 8px; }
.vision-box2 {
margin: 45px 0; }
@media only screen and (max-width: 767px) {
.vision-box2 {
margin: 10px 0; } }
.header-fl-blog {
padding: 30px 0; }
.bg-header-blog {
background: transparent; }
.dff-container {
background: rgba(0, 0, 0, 0.1);
text-align: center;
padding: 85px 0; }
@media (max-width: 1024px) and (min-width: 768px) {
.dff-container {
padding: 30px 0; } }
@media only screen and (max-width: 767px) {
.dff-container {
padding: 20px 0; } }
.dff-container .dff-text {
font-family: "Playfair Display", serif;
font-weight: 900;
color: #000;
font-size: 2.5em; }
@media only screen and (max-width: 767px) {
.dff-container .dff-text {
font-size: 1.5625em; } }
.dff-container .view-more {
position: relative;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; }
@media only screen and (min-width: 768px) {
.dff-container .view-more {
top: -9px;
left: 35px; } }
@media only screen and (max-width: 767px) {
.dff-container .view-more {
left: 5px;
top: -5px; } }
.dff-container .view-more a {
font-size: 0.625em; }
@media only screen and (min-width: 768px) {
.dff-container .view-more a {
height: 40px;
line-height: 40px; } }
.dff-container .view-more:hover {
background: #000; }
.dff-container .view-more:hover a {
color: #fff; }
.not-found-data {
padding: 20px 0;
font-size: 20px;
text-align: center;
width: 100%; }
.not-search-form {
width: 200px;
padding: 5px 10px;
border: 1px solid rgba(0, 0, 0, 0.2);
margin: 0 auto;
border-radius: 20px; }
.not-search-form .s-input {
border: none; }
.not-search-form .s-input:hover, .not-search-form .s-input:focus {
outline: none; }
.not-search-form .s-input:-webkit-placeholder, .not-search-form .s-input:-moz-placeholder {
font-size: 14px; }
.container-box ul, .container-box ol, .content-post ul, .content-post ol, .comment-message ul, .comment-message ol {
padding-left: 30px; } section {
width: 100%;
display: block;
clear: both; } caption {
padding-left: 12px; }
.nopadding {
padding: 0 !important;
margin: 0 !important; }
.nopadding-left {
padding-left: 0 !important; }
.nopadding-right {
padding-right: 0 !important; }
.transition-none {
-webkit-transition: none !important;
-moz-transition: none !important;
transition: none !important; } .vc_row[data-vc-full-width] {
overflow: initial !important; }
.vc_row {
display: table;
margin: 0 !important; }
.wpb_button, .wpb_content_element, .wpb_row, ul.wpb_thumbnails-fluid > li {
margin-bottom: 0 !important; }
.no-img-fl {
margin-top: 100px; }
.fl-title {
position: relative;
text-align: center;
z-index: 2; }
@media only screen and (max-width: 767px) {
.fl-title {
margin-bottom: 10px; } }
.fl-title .fl-title-small {
color: rgba(0, 0, 0, 0.5);
letter-spacing: 9px; }
@media (max-width: 1024px) and (min-width: 768px) {
.fl-title .fl-title-small {
letter-spacing: 7px; } }
@media only screen and (max-width: 767px) {
.fl-title .fl-title-small {
letter-spacing: 3px;
font-size: 0.6875em; } }
.fl-title .fl-title-big {
color: #000;
font-family: "Playfair Display", serif;
font-weight: 700;
font-size: 5.625em;
margin-bottom: -50px;
margin-top: -15px; }
@media (max-width: 1024px) and (min-width: 992px) {
.fl-title .fl-title-big {
font-size: 4.375em;
margin-bottom: -40px; } }
@media (max-width: 991px) and (min-width: 768px) {
.fl-title .fl-title-big {
font-size: 3.125em;
margin-bottom: -30px; } }
@media only screen and (max-width: 767px) {
.fl-title .fl-title-big {
font-size: 1.875em;
margin-bottom: 10px;
margin-top: 0; } }
@media (max-width: 320px) {
.fl-title .fl-title-big {
font-size: 1.5625em; } }
.nopadding-left2 {
padding-left: 5px !important; }
.nopadding {
padding: 0 !important;
margin: 0 !important; }
.padding1 {
padding: 20px 0 0 30px; }
@media only screen and (max-width: 767px) {
.padding1 {
padding: 0; } }
.padding2 {
padding: 20px 0;
letter-spacing: 2px; }
.padding3 {
padding: 20px; }
.padding5 {
padding: 40px; }
.padding-top {
padding-top: 50px; }
@media only screen and (min-width: 768px) {
.center {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); } }
.textleft {
text-align: left; }
.centertxt {
width: 100%;
text-align: center; }
@media only screen and (max-width: 767px) {
.centertxt {
margin: 20px 0 30px 0; } }
.title-box {
text-transform: uppercase;
letter-spacing: 1px; }
.box-center {
position: relative;
text-align: center;
overflow: visible;
z-index: 2; }
.box-top {
position: relative;
bottom: -24px;
z-index: 99; }
.title-post2 {
font-size: 14px !important;
font-weight: 700 !important; }
.title-bold {
font-family: "Playfair Display", serif;
color: #000;
font-weight: 700;
line-height: 1em; }
@media only screen and (min-width: 1170px) {
.title-bold {
font-size: 5.625em; } }
@media (max-width: 1024px) and (min-width: 768px) {
.title-bold {
font-size: 4.375em; } }
@media only screen and (max-width: 767px) {
.title-bold {
font-size: 50px; } }
@media (max-width: 320px) {
.title-bold {
font-size: 30PX; } }
.title-white {
color: rgba(255, 255, 255, 0.5);
text-transform: uppercase;
font-family: "pb-bold"; }
@media only screen and (min-width: 768px) {
.title-white {
font-size: 0.75em;
letter-spacing: 5px; } }
@media only screen and (max-width: 767px) {
.title-white {
font-size: 0.625em;
letter-spacing: 2px;
color: rgba(0, 0, 0, 0.5); } }
.title-white a {
color: rgba(255, 255, 255, 0.5); }
@media only screen and (min-width: 768px) {
.title-white a:hover a {
color: rgba(0, 0, 0, 0.5); } }
@media only screen and (max-width: 767px) {
.title-white a {
color: rgba(0, 0, 0, 0.5); } }
.title-bold-white {
color: rgba(255, 255, 255, 0.5);
color: #fff;
font-family: "Playfair Display", serif;
font-weight: 700; }
@media only screen and (min-width: 1170px) {
.title-bold-white {
padding: 0px 0 10px 0;
font-size: 1.875em; } }
@media (max-width: 1024px) and (min-width: 768px) {
.title-bold-white {
padding: 5px 0 10px 0;
font-size: 1.5625em; } }
@media only screen and (max-width: 767px) {
.title-bold-white {
font-size: 1.375em;
color: rgba(0, 0, 0, 0.5); } }
@media (max-width: 320px) {
.title-bold-white {
font-size: 1em;
padding: 0 5px 0 0; } }
.title-post {
font-family: "Playfair Display", serif;
font-weight: 700;
color: rgba(0, 0, 0, 0.9);
font-size: 18px; }
@media (max-width: 1024px) and (min-width: 992px) {
.title-post {
font-size: 16px; } }
.img-black {
background: #000; }
.img-black img {
width: 100%;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out; }
.more {
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
font-family: "pb-bold";
font-weight: 400;
color: rgba(0, 0, 0, 0.6);
letter-spacing: 2px;
text-transform: uppercase;
border: 1px solid rgba(0, 0, 0, 0.1);
font-size: 10px; }
@media only screen and (min-width: 500px) {
.more {
padding: 15px 25px; } }
@media only screen and (max-width: 1024px) {
.more {
padding: 10px 15px; } }
.more a {
height: 40px;
line-height: 40px;
color: rgba(0, 0, 0, 0.6); }
@media (max-width: 1024px) and (min-width: 768px) {
.more a {
height: 35px;
line-height: 35px; } }
@media only screen and (max-width: 767px) {
.more a {
line-height: 30px;
height: 30px; } }
.more i {
padding-left: 10px;
color: rgba(0, 0, 0, 0.4); }
.more:hover, .more:active {
color: #fff;
background: #000; }
.more:hover a, .more:active a {
color: #fff !important; }
.more:hover i, .more:active i {
color: #fff; }
.more-white {
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
font-family: "pb-bold";
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
padding: 13px 20px 13px 25px;
font-size: 10px;
display: inline-block;
line-height: 0;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.5); }
@media (max-width: 1024px) and (min-width: 768px) {
.more-white {
padding: 10px 15px 10px 20px;
font-size: 9px;
font-family: "pb-regular"; } }
@media only screen and (max-width: 767px) {
.more-white {
padding: 8px 10px 8px 15px;
font-size: 8px;
background: #000;
border: none; } }
.more-white i {
padding-left: 6px;
color: rgba(255, 255, 255, 0.7); }
@media only screen and (min-width: 768px) {
.more-white:hover, .more-white:active {
background: #fff;
color: #000; } }
@media only screen and (min-width: 768px) {
.more-white:hover i, .more-white:active i {
color: #fff; } }
.desc-more {
font-family: "Playfair Display", serif;
font-weight: 700;
font-style: italic;
color: rgba(0, 0, 0, 0.7);
font-size: 18px; }
.black, .black1 {
color: #000 !important;
letter-spacing: 2px !important; }
.view-flim {
margin-left: 30px;
margin-top: 30px;
position: absolute; }
.title-gray {
color: rgba(0, 0, 0, 0.4);
text-transform: uppercase;
font-family: "pb-bold"; }
@media only screen and (min-width: 768px) {
.title-gray {
letter-spacing: 9px; } }
@media only screen and (max-width: 767px) {
.title-gray {
letter-spacing: 3px;
font-size: 12px; } }
@media (max-width: 320px) {
.title-gray {
font-size: 12px;
letter-spacing: 2px; } }
.gray-desc {
color: rgba(0, 0, 0, 0.5);
font-weight: 400;
line-height: 1.7em;
font-family: "pb-regular"; }
@media only screen and (max-width: 767px) {
.gray-desc {
line-height: 1.5em;
font-size: 0.8125em; } }
.white-desc {
color: rgba(255, 255, 255, 0.5);
font-family: "pb-regular"; }
@media only screen and (min-width: 1170px) {
.white-desc {
line-height: 1.7em; } }
@media only screen and (min-width: 500px) {
.white-desc {
font-size: 0.875em; } }
@media (max-width: 1024px) and (min-width: 768px) {
.white-desc {
line-height: 1.5em; } }
@media only screen and (max-width: 767px) {
.white-desc {
font-size: 0.8125em;
color: rgba(0, 0, 0, 0.7); } }
.container-awards {
padding: 30px 0 50px 0;
overflow: overlay; }
.container-awards1 {
padding: 35px 0 30px 0;
overflow: overlay; }
.name {
letter-spacing: 1px; }
.name1 {
font-style: normal !important;
letter-spacing: 0px !important; }
.title-desc {
color: #000;
font-family: "Playfair Display", serif;
font-weight: 700;
font-size: 20px;
padding: 15px 0; }
@media only screen and (max-width: 767px) {
.title-desc {
padding: 5px 0; } }
.copyright {
font-size: 12px;
color: rgba(0, 0, 0, 0.4); }
.copyright a {
color: rgba(0, 0, 0, 0.4); }
a:hover, a:focus, a:active {
text-decoration: none !important; } .no-img {
width: 10% !important;
height: 10px; }
.no-img-title {
width: 100% !important;
position: relative;
transform: translateX(10%) translateY(-10%); } .txtletter {
font-family: "Playfair Display", serif;
font-size: 30px;
font-weight: 700;
font-style: italic;
color: #000;
padding: 25px 0;
text-align: center; }
@media only screen and (max-width: 767px) {
.txtletter {
font-size: 20px; } }
.desc {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
padding-top: 5em;
line-height: 1.5em;
color: #000; }
@media (max-width: 767px) and (min-width: 500px) {
.desc {
padding-top: 50px; } }
@media (max-width: 1024px) and (min-width: 768px) {
.desc {
padding-top: 50px; } }
@media only screen and (max-width: 1024px) {
.desc {
padding-top: 30px; } }
@media only screen and (max-width: 767px) {
.desc {
font-size: 14px; } } .s-not-found {
text-align: center;
color: #000; }
.s-not-found a {
color: rgba(0, 0, 0, 0.5); }
.s-not-found a:hover {
color: #000; } #wrapper.toggled {
padding-left: 220px; }
#wrapper.toggled #humber {
width: 220px;
display: table;
padding-right: 20px; }
#wrapper.toggled #page-content-wrapper {
position: relative; }
#humber {
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
height: 100%;
left: 220px;
margin-left: -220px;
overflow-x: hidden;
overflow-y: auto;
width: 0;
z-index: 1000;
background: #fff;
padding: 40px 0 0 0; }
#humber::-webkit-scrollbar {
display: none; }
.sidebar-nav {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 220px; }
.sidebar-nav li a, .sidebar-nav li.open a {
text-align: right;
font-family: "pb-bold";
text-transform: uppercase;
color: rgba(0, 0, 0, 0.6) !important;
font-size: 0.875em; }
.sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus, .sidebar-nav li.open a:hover {
background-color: transparent;
color: #000 !important;
text-decoration: none; }
.sidebar-nav li .dropdown-menu, .sidebar-nav li.open .dropdown-menu {
width: 100%; }
.hamburger {
background: transparent;
border: none;
display: block;
margin-left: 15px;
position: absolute;
width: 14px;
z-index: 999;
margin: 46px 0 0 50px;
padding: 11px 8px; }
.hamburger:hover, .hamburger:focus, .hamburger:active {
outline: none; }
.hamb-relate, .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom {
background-color: rgba(255, 255, 255, 0.7); }
.hamburger.is-closed .hamb-top {
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
top: 4px; }
.hamburger.is-closed .hamb-middle {
margin-top: -2px;
top: 50%; }
.hamburger.is-closed .hamb-bottom {
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
bottom: 5px; }
.hamb-relate2, .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
height: 3px;
left: 0;
position: absolute;
width: 100%; }
.hamb-relate3, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-bottom {
margin-top: -1px;
top: 50%; }
.hamburger.is-open .hamb-top {
-webkit-transform: rotate(45deg);
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); }
.hamburger.is-open .hamb-middle {
background-color: transparent;
display: none; }
.hamburger.is-open .hamb-bottom {
-webkit-transform: rotate(-45deg);
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); }
.header-black .hamburger.is-closed .hamb-top, .header-black .hamburger.is-closed .hamb-middle, .header-black .hamburger.is-closed .hamb-bottom {
background: rgba(0, 0, 0, 0.5); }
.header-black .hamburger.is-open .hamb-top, .header-black .hamburger.is-open .hamb-bottom {
background: rgba(0, 0, 0, 0.5); }
.header-white .hamburger.is-closed .hamb-top, .header-white .hamburger.is-closed .hamb-middle, .header-white .hamburger.is-closed .hamb-bottom {
background: rgba(255, 255, 255, 0.5); }
.header-white .hamburger.is-open .hamb-top, .header-white .hamburger.is-open .hamb-bottom {
background: rgba(255, 255, 255, 0.5); }
.overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: rgba(0, 0, 0, 0.5); }
#humber ul li:active > ul {
display: block; }
#humber ul li a:focus > ul {
display: block; }
#humber ul {
list-style: none;
position: relative;
float: right;
margin: 0;
padding: 0; }
#humber ul li {
padding: 5px 10px;
position: relative;
margin: 0;
line-height: 30px;
letter-spacing: 1px;
overflow: hidden; }
#humber ul li i {
position: absolute;
color: rgba(0, 0, 0, 0.6);
left: 40px;
top: 12px; }
#humber ul li a:hover, #humber ul li a:focus, #humber ul li a:active {
background: none; }
#humber ul li ul {
display: none;
position: relative;
top: 100%;
left: 0;
padding: 0;
margin-left: -40px; }
#humber ul li ul li {
height: auto;
text-align: right; }
#humber ul li ul li:first-child a {
padding-top: 23px; }
#humber ul li ul li:last-child a {
padding-bottom: 23px; }
#humber ul li ul a {
line-height: 120%; }
#humber ul li ul li {
float: none;
width: 200px;
letter-spacing: 1px; }
#humber ul li ul li a {
border: none; }
#humber ul li ul ul {
top: 0;
display: none; } .fl-menu-blog {
padding-top: 20px; }
.fl-menu-blog .navbar-right li {
display: inline-block;
font-size: 12px; }
.fl-menu-blog .navbar-right li a {
font-family: "pb-bold";
text-transform: uppercase;
font-size: 14px;
padding: 0 30px; }
.fl-menu-blog .navbar-right li a:hover {
background: none; }
.fl-menu-blog .navbar-right li select {
border: 0;
outline: none;
background: transparent; }
.fl-menu-blog .nav-color a {
color: rgba(0, 0, 0, 0.5); }
.fl-menu-blog .nav-color a:hover {
color: #000; }
.fl-menu-blog .nav-color2 a {
color: rgba(255, 255, 255, 0.5); }
.fl-menu-blog .nav-color2 a:hover {
color: #fff; }
.fl-menu-blog .nav-color2 select {
color: rgba(255, 255, 255, 0.5); }
.stick-scroll {
position: fixed !important;
top: 0;
width: 100%;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; }  header {
height: 120px;
position: relative;
z-index: 3; }
.header-black .toggle-nav {
color: rgba(0, 0, 0, 0.5) !important; }
.header-black .toggle-nav:hover, .header-black .toggle-nav:active, .header-black .toggle-nav:focus {
color: #000 !important; }
.fl-main-menu {
position: relative;
display: block; }
.fl-main-menu .slide-flim {
position: relative;
margin-top: -120px; }
.fl-main-menu .slide-flim img {
object-fit: cover; }
.menu-default {
width: 100%;
display: table;
height: 120px;
position: relative; }
@media only screen and (max-width: 767px) {
.menu-default {
padding: 0 15px; } }
.menu-default .logo-main, .menu-default .header-flim3 .top-header .humber-flim, .header-flim3 .top-header .menu-default .humber-flim {
float: left;
width: auto;
line-height: 120px;
position: relative;
z-index: 10; }
@media only screen and (max-width: 767px) {
.menu-default .logo-main, .menu-default .header-flim3 .top-header .humber-flim, .header-flim3 .top-header .menu-default .humber-flim {
z-index: 8; } }
.menu-default #primary_nav_wrap {
float: right; }
.menu-default .close-menu {
display: none;
position: fixed;
z-index: 15;
top: 40px;
right: -100%;
text-align: center;
color: rgba(255, 255, 255, 0.5);
font-size: 20px;
cursor: pointer; }
.menu-olay {
display: none;
width: 100%;
position: absolute;
height: 100vh;
z-index: 11;
background: rgba(0, 0, 0, 0.7);
position: fixed; }
@media only screen and (max-width: 1024px) {
#primary_nav_wrap {
position: relative; } }
#primary_nav_wrap ul.active-pro {
right: 0 !important;
transition: right 0.7s;
-webkit-transition: right 0.7s;
-moz-transition: right 0.7s; }
#primary_nav_wrap ul.active-menu-default {
float: right;
padding-right: 25px; }
@media only screen and (max-width: 1024px) {
#primary_nav_wrap ul.active-menu-default {
right: -100%;
width: 220px;
background: #fff;
height: 100vh;
z-index: 12;
position: fixed;
text-align: left;
padding: 20px 20px 30px 20px;
overflow-x: hidden;
transition: right 0.5s;
-webkit-transition: right 0.5s;
-moz-transition: right 0.5s; } }
#primary_nav_wrap ul.active-menu-default > li {
display: inline-block;
position: relative;
margin: 0;
padding: 15px 12px;
list-style: none; }
@media only screen and (max-width: 1024px) {
#primary_nav_wrap ul.active-menu-default > li {
width: 100%;
margin-bottom: 10px;
padding: 0;
left: 15px; } }
#primary_nav_wrap ul.active-menu-default > li a {
padding: 5px 15px;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
font-size: 12px;
text-transform: uppercase; }
#primary_nav_wrap ul.active-menu-default > li a:hover, #primary_nav_wrap ul.active-menu-default > li a:focus, #primary_nav_wrap ul.active-menu-default > li a:active {
border-left: 2px solid #fff;
border-right: 2px solid #fff;
background: none; }
@media only screen and (max-width: 1024px) {
#primary_nav_wrap ul.active-menu-default > li a {
color: #000;
padding: 0;
font-size: 11px; } }
#primary_nav_wrap ul.active-menu-default > li:hover ul {
display: block; }
#primary_nav_wrap ul.active-menu-default ul {
position: absolute;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
display: none;
background: #fff;
width: 200px;
padding: 0 0 20px 0;
top: 100%;
z-index: 3; }
@media only screen and (max-width: 1024px) {
#primary_nav_wrap ul.active-menu-default ul {
padding: 0; } }
@media only screen and (max-width: 1024px) {
#primary_nav_wrap ul.active-menu-default ul {
position: inherit;
display: block;
width: 100%; } }
#primary_nav_wrap ul.active-menu-default ul li {
width: 100%;
text-align: center;
padding: 10px 0 0 5px;
list-style: none;
position: relative; }
@media only screen and (max-width: 1024px) {
#primary_nav_wrap ul.active-menu-default ul li {
text-align: left;
padding: 5px 0 0 0;
margin-bottom: 0; } }
#primary_nav_wrap ul.active-menu-default ul li a {
display: block; }
@media only screen and (max-width: 1024px) {
#primary_nav_wrap ul.active-menu-default ul li a {
color: rgba(0, 0, 0, 0.5) !important; } }
#primary_nav_wrap ul.active-menu-default ul li:hover ul {
display: block !important;
left: 300px; }
@media only screen and (max-width: 1024px) {
#primary_nav_wrap ul.active-menu-default ul li:hover ul {
left: 90px; } }
#primary_nav_wrap ul.active-menu-default ul li:hover > a {
color: #000; }
#primary_nav_wrap ul.active-menu-default ul li ul {
top: 0;
left: 0;
display: none !important;
padding: 0 0 10px 0; }
@media only screen and (max-width: 1024px) {
#primary_nav_wrap ul.active-menu-default ul li ul {
position: relative;
display: block !important;
left: 90px;
padding: 0; } }
@media only screen and (max-width: 1024px) {
.toggle-nav {
position: absolute;
right: 0;
line-height: 60px;
color: rgba(255, 255, 255, 0.5) !important;
line-height: 120px; } }
@media only screen and (max-width: 1024px) and (max-width: 780px) {
.toggle-nav {
right: 15px; } }
@media only screen and (max-width: 1024px) and (max-width: 767px) {
.toggle-nav {
right: 5px; } }
@media only screen and (max-width: 1024px) {
.toggle-nav:hover, .toggle-nav:active {
color: #fff !important; } } .header-white .menu ul li a {
color: rgba(255, 255, 255, 0.7); }
@media only screen and (max-width: 1024px) {
.header-white .menu ul li a {
color: rgba(0, 0, 0, 0.5); } }
.header-white .menu ul li a:hover {
color: #fff; }
.header-white .menu ul .sub-menu {
-webkit-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
padding-bottom: 10px !important; }
@media only screen and (max-width: 1024px) {
.header-white .menu ul .sub-menu {
box-shadow: none; } }
.header-white .menu ul .sub-menu li a {
color: rgba(0, 0, 0, 0.5) !important; }
.header-white .menu ul .sub-menu li a:hover {
color: #000 !important; }
.header-white .logo-main .logo-in-black, .header-white .header-flim3 .top-header .humber-flim .logo-in-black, .header-flim3 .top-header .header-white .humber-flim .logo-in-black {
display: none; }
.header-white .logo-main .logo-in-white, .header-white .header-flim3 .top-header .humber-flim .logo-in-white, .header-flim3 .top-header .header-white .humber-flim .logo-in-white {
display: block; }
.logo-main, .header-flim3 .top-header .humber-flim {
z-index: 9999; }
.header-black #primary_nav_wrap ul li a {
color: rgba(0, 0, 0, 0.5); }
.header-black #primary_nav_wrap ul li a:hover {
color: #000; }
@media only screen and (max-width: 1024px) {
.header-black #primary_nav_wrap ul li a {
color: rgba(0, 0, 0, 0.9); } }
.header-black #primary_nav_wrap ul li:hover .sub-menu {
-webkit-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2); }
@media only screen and (max-width: 1024px) {
.header-black #primary_nav_wrap ul li:hover .sub-menu {
box-shadow: none; } }
.header-black .logo-main .logo-in-black, .header-black .header-flim3 .top-header .humber-flim .logo-in-black, .header-flim3 .top-header .header-black .humber-flim .logo-in-black {
display: block; }
.header-black .logo-main .logo-in-white, .header-black .header-flim3 .top-header .humber-flim .logo-in-white, .header-flim3 .top-header .header-black .humber-flim .logo-in-white {
display: none; }
.header-black .searchbox-humber .sb-icon-search {
color: rgba(0, 0, 0, 0.7); }
.header-black .searchbox .sb-icon-search {
color: rgba(0, 0, 0, 0.7);
cursor: pointer;
pointer-events: auto; }
.sb-search-open .sb-icon-search {
color: rgba(255, 255, 255, 0.7) !important; }
.sb-search-open .fl-close {
display: block !important; } .bg-fl-search {
-webkit-transition: width 0.5s;
-moz-transition: width 0.5s;
transition: width 0.5s;
width: 0;
float: right;
position: absolute;
right: 0;
z-index: 9; }
.fl-search-active {
width: 100%;
height: 121px;
background: #000;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.fl-search-active .fl-close {
opacity: 1; }
.searchbox {
position: relative; }
.searchbox .fl-search {
position: absolute;
right: 0px;
top: 17px; }
@media only screen and (max-width: 1024px) {
.searchbox .fl-search {
right: 30px;
top: 50px; } }
.searchbox .sb-search-input {
border: none;
outline: none;
display: none;
height: 40px;
margin: 0;
z-index: 10;
padding: 0px 40px 20px 20px;
font-family: "pb-regular";
font-size: 16px;
color: rgba(255, 255, 255, 0.5);
background: transparent; }
.searchbox .sb-search-input {
position: absolute;
right: 40px;
-webkit-transition: width 0.7s ease-in-out;
-moz-transition: width 0.7s ease-in-out;
transition: width 0.7s ease-in-out; }
.searchbox .sb-search-submit {
color: transparent;
border: none;
outline: none;
z-index: -1; }
.searchbox .sb-icon-search {
color: rgba(255, 255, 255, 0.6);
z-index: 9;
background: transparent; }
.searchbox .fl-search.sb-search-open,
.searchbox .no-js .sb-search {
width: 100%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background: #000; }
.searchbox .fl-search.sb-search-open .sb-search-input {
display: block; }
.searchbox .fl-search.sb-search-open .fl-close {
opacity: 1; }
.searchbox .fl-search.sb-search-open .sb-icon-search, .searchbox .fl-search.sb-search-open .sb-search-submit {
right: 12px;
position: absolute;
padding-right: 12px;
border-right: 1px solid rgba(255, 255, 255, 0.2); }
.searchbox .fl-close {
position: absolute;
color: rgba(255, 255, 255, 0.5);
opacity: 0;
font-size: 1.875em;
cursor: pointer;
font-family: "pb-regular";
z-index: 9;
right: -14px;
top: -14px; }
.searchbox-humber { }
.searchbox-humber .fl-search {
position: absolute;
right: 80px;
top: 50px; }
.searchbox-humber .sb-search-input {
border: none;
outline: none;
display: none;
height: 40px;
margin: 0;
z-index: 10;
padding: 8px 40px 20px 20px;
font-family: "pb-regular";
font-size: 16px;
color: rgba(255, 255, 255, 0.5);
background: transparent; }
.searchbox-humber .sb-icon-search,
.searchbox-humber .sb-search-submit {
display: block;
position: absolute;
cursor: pointer;
-webkit-transition: width 0.7s ease-in-out;
-moz-transition: width 0.7s ease-in-out;
transition: width 0.7s ease-in-out; }
.searchbox-humber .sb-search-input {
position: absolute;
right: 40px;
-webkit-transition: width 0.7s ease-in-out;
-moz-transition: width 0.7s ease-in-out;
transition: width 0.7s ease-in-out; }
.searchbox-humber .sb-search-submit {
color: transparent;
border: none;
outline: none;
z-index: -1; }
.searchbox-humber .sb-icon-search {
color: #fff;
z-index: 90;
background: transparent; }
.searchbox-humber .fl-search.sb-search-open,
.searchbox-humber .no-js .sb-search {
width: 100%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background: #000; }
.searchbox-humber .fl-search.sb-search-open .sb-search-input {
display: block; }
.searchbox-humber .fl-search.sb-search-open .fl-close {
opacity: 1; }
.searchbox-humber .fl-search.sb-search-open .sb-icon-search, .searchbox-humber .fl-search.sb-search-open .sb-search-submit {
right: 12px;
position: absolute;
padding-right: 12px;
border-right: 1px solid rgba(255, 255, 255, 0.2); }
.searchbox-humber .fl-close {
display: none;
position: absolute;
color: rgba(255, 255, 255, 0.5);
opacity: 0;
font-size: 1.875em;
cursor: pointer;
font-family: "pb-regular";
z-index: 9;
right: -12px;
top: -14px; }  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.logo-main a, .header-flim3 .top-header .humber-flim a {
display: none; } }
.logo-main a.retina-logo, .header-flim3 .top-header .humber-flim a.retina-logo {
display: none; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.logo-main a.retina-logo, .header-flim3 .top-header .humber-flim a.retina-logo {
display: block; } }  .navbar-brand {
padding: 0 15px;
position: absolute;
width: 100%;
left: 0;
text-align: center;
margin: auto;
top: 30px;
height: 0; }
.navbar-brand .logo-in-black, .navbar-brand .logo-in-white {
height: 0; }
.navbar-brand img {
vertical-align: middle; } .top-header {
position: relative; }
.top-header .menu-style2 {
padding-top: 35px; }
@media only screen and (max-width: 1024px) {
.top-header .menu-style2 {
width: 200px;
position: fixed;
right: -100%;
background: #fff;
height: 100vh;
z-index: 11;
overflow-x: hidden;
-webkit-transition: right 0.7s ease;
-moz-transition: right 0.7s ease;
transition: right 0.7s ease; } }
.top-header .active-pro {
right: 0 !important;
-webkit-transition: right 0.5s ease;
-moz-transition: right 0.5s ease;
transition: right 0.5s ease; }
.top-header .logo-main, .header-flim3 .top-header .humber-flim {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
.top-header ul.active-menu-type2 li {
list-style: none;
display: inline-block;
padding: 0 5px;
position: relative; }
@media only screen and (max-width: 1024px) {
.top-header ul.active-menu-type2 li {
width: 100%; } }
.top-header ul.active-menu-type2 li a {
height: 50px;
line-height: 50px;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
padding: 0 20px;
text-transform: uppercase;
font-size: 0.75em; }
@media only screen and (max-width: 1024px) {
.top-header ul.active-menu-type2 li a {
line-height: 35px; } }
.top-header ul.active-menu-type2 li a:hover {
border-left: 2px solid #fff;
border-right: 2px solid #fff; }
@media only screen and (max-width: 1024px) {
.top-header ul.active-menu-type2 li a {
color: #000; } }
.top-header ul.active-menu-type2 li i {
font-size: 16px;
color: rgba(0, 0, 0, 0.5);
position: absolute;
right: 30px;
top: 10px; }
.top-header ul.active-menu-type2 li i:hover, .top-header ul.active-menu-type2 li i:active, .top-header ul.active-menu-type2 li i:focus {
color: #000; }
@media only screen and (min-width: 1024px) {
.top-header ul.active-menu-type2 li:hover ul {
display: block; } }
.top-header ul.active-menu-type2 li ul {
display: none;
position: absolute;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background: #fff;
width: 200px;
z-index: 5;
-webkit-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
padding: 10px 0 30px 0; }
@media only screen and (max-width: 1024px) {
.top-header ul.active-menu-type2 li ul {
position: inherit;
box-shadow: none;
transform: none;
left: 0;
padding: 0;
width: 100%; } }
.top-header ul.active-menu-type2 li ul li {
width: 100%;
text-align: center;
height: 40px;
line-height: 40px;
list-style: none; }
@media only screen and (max-width: 1024px) {
.top-header ul.active-menu-type2 li ul li {
text-align: left; } }
.top-header ul.active-menu-type2 li ul li a {
color: rgba(0, 0, 0, 0.5); }
.top-header ul.active-menu-type2 li ul li:hover a {
color: #000; }
@media only screen and (min-width: 1025px) {
.top-header ul.active-menu-type2 li ul li:hover ul {
display: block !important; } }
@media only screen and (min-width: 1025px) {
.top-header ul.active-menu-type2 li ul li ul {
left: 300px;
display: none !important;
top: 0;
padding: 0; }
.top-header ul.active-menu-type2 li ul li ul li a {
color: rgba(0, 0, 0, 0.5); }
.top-header ul.active-menu-type2 li ul li ul li:hover a {
color: #000; } }
@media only screen and (max-width: 1024px) {
.top-header ul.active-menu-type2 li ul li ul {
top: -10px;
left: 15px; } }
.top-header ul.fl-menu-left {
float: left; }
@media only screen and (max-width: 1024px) {
.top-header ul.fl-menu-left {
float: none; } }
.top-header ul.fl-menu-right {
float: right;
margin-right: 30px; }
@media only screen and (max-width: 1024px) {
.top-header ul.fl-menu-right {
float: none;
margin-right: 0; } }  .header-flim-blog4 {
height: 120px; }
.menu-top3 {
width: 100%;
margin-top: 30px; }
.menu-top3 .logo1 {
padding: 0; }
.menu-top3 .menu {
padding: 0;
text-transform: uppercase; }
.menu-top3 .menu ul li {
list-style: none;
font-size: 12px;
font-family: "pb-bold";
padding: 0 14px;
list-style-type: none;
float: left; }
.menu-top3 .menu ul li:last-child {
padding-right: 0; }
.menu-top3 .menu ul ul.sub-menu {
-webkit-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
padding-bottom: 10px !important; }
.logo {
position: absolute;
float: left;
z-index: 10; }
.lg-home3 {
margin: 0 0 0 100px;
padding-top: 30px; }
#wrapper {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease; }
.home3 {
padding: 30px; }
.slide3 {
width: 100%;
display: block; }
.slide3 img {
width: 100%;
height: auto; } .f-home1 {
padding-top: 150px; }
.f-home1 .btn-default {
left: -25px; }
@media only screen and (min-width: 1170px) {
.f-home1 .ft-subcri2 .control-form {
width: 300px; } }
@media (max-width: 1024px) and (min-width: 768px) {
.f-home1 .ft-subcri2 .control-form {
width: 240px !important; } }
@media (max-width: 320px) {
.f-home1 .ft-subcri2 .control-form {
width: 230px !important; } }
footer {
font-family: "pb-bold";
font-size: 16px;
float: left;
width: 100%;
height: auto; }
footer .top-footer {
padding-bottom: 150px; }
footer .top-footer .cover-item .centertxt {
padding: 5px 110px; }
footer .top-footer .cover-item .centertxt .title-bold-white {
padding: 12px 0; }
footer .top-footer .cover-item .white-desc {
line-height: 1.6em; }
footer .top-footer .cover-item img {
width: 100%;
height: auto; }
footer .bottom-footer {
float: left;
width: 100%;
margin: 100px 0 0px 0; }
@media only screen and (max-width: 767px) {
footer .bottom-footer {
margin: 50px 0 0 0; } }
footer .bottom-footer .copyright {
float: right;
font-size: 12px;
color: rgba(0, 0, 0, 0.4); }
footer .bottom-footer .copyright a {
color: rgba(0, 0, 0, 0.4); }
.subcribe .ft-subcri2 {
margin: 0 auto;
padding: 10px 0; }
@media only screen and (min-width: 1170px) {
.subcribe .ft-subcri2 {
width: 27%; } }
@media (max-width: 1024px) and (min-width: 768px) {
.subcribe .ft-subcri2 {
width: 38%; } }
@media only screen and (max-width: 1024px) {
.subcribe .ft-subcri2 {
padding: 0px; } }
.subcribe .ft-subcri2 input::-webkit-input-placeholder {
letter-spacing: 2px;
width: 100%; }
.ft-subcri2 {
padding: 10px 65px;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
transition: background-color 0.5s ease; }
.ft-subcri2 #beau-subcribe {
padding: 5px 0;
display: inline-flex; }
.ft-subcri2 .control-form {
border: none;
text-align: center;
color: rgba(0, 0, 0, 0.4);
letter-spacing: 2px;
background: transparent;
box-shadow: none;
line-height: 25px; }
@media only screen and (min-width: 768px) {
.ft-subcri2 .control-form {
width: 340px; } }
@media only screen and (max-width: 767px) {
.ft-subcri2 .control-form {
width: 250px; } }
@media only screen and (max-width: 1024px) {
.ft-subcri2 .control-form {
line-height: 22px; } }
.ft-subcri2 .control-form:focus {
border: none;
box-shadow: none;
outline: 0;
background: transparent; }
.ft-subcri2 .control-form:active {
border: none;
box-shadow: none;
outline: 0; }
.ft-subcri2 .control-form::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.5);
letter-spacing: 5px;
font-family: "pb-bold";
font-size: 14px; }
@media only screen and (max-width: 767px) {
.ft-subcri2 .control-form::-webkit-input-placeholder {
font-size: 12px;
letter-spacing: 3px; } }
@media only screen and (min-width: 1170px) {
.ft-subcri2 .control-form::-webkit-input-placeholder {
display: none; } }
@media only screen and (max-width: 1024px) {
.ft-subcri2 .control-form::-webkit-input-placeholder {
font-size: 10px; } }
.ft-subcri2 .btn-default {
background: transparent;
position: relative;
border: none;
z-index: 1; }
@media only screen and (max-width: 1024px) {
.ft-subcri2 .btn-default {
padding-left: 0;
left: -10px; } }
.ft-subcri2:hover {
background-color: #000; }
.ft-subcri2:hover .control-form, .ft-subcri2:hover .btn-default {
color: #fff; }
.ft-subcri2:hover .control-form::-webkit-input-placeholder {
color: #fff; }
.ft-subcri2:hover .control-form:active::-webkit-input-placeholder, .ft-subcri2:hover .control-form:focus::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.4); } .text-copyright {
font-size: 14px;
font-family: "pb-regular"; }  @media only screen and (max-width: 767px) {
.footer-landing {
padding: 0 15px;
margin-top: 100px; } }
.footer-landing .bottom-footer {
width: 100%;
height: 50px;
display: table; }
.footer-landing .bottom-footer .landing-social-author {
float: left; }
.footer-landing .bottom-footer .landing-social-author ul.list-social {
margin: 0;
padding: 0; }
.footer-landing .bottom-footer .landing-social-author ul.list-social li {
display: inline;
padding: 0 10px;
list-style: none; }
.footer-landing .bottom-footer .landing-social-author ul.list-social li a {
color: rgba(0, 0, 0, 0.5); }
.footer-landing .bottom-footer .landing-social-author ul.list-social li:hover a {
color: #000; }
.footer-landing .bottom-footer .copyright {
float: right;
text-align: right; }
@media only screen and (min-width: 768px) {
.footer-landing .bottom-footer .landing-social-author, .footer-landing .bottom-footer .copyright {
width: 50%; } }
@media only screen and (max-width: 767px) {
.footer-landing .bottom-footer .landing-social-author, .footer-landing .bottom-footer .copyright {
width: 100%;
text-align: center;
margin-bottom: 20px; } }
.subcribe {
text-align: center; }
.footer-landing2 #subcribe {
padding: 235px 0 120px 0;
text-align: center; }
@media only screen and (max-width: 767px) {
.footer-landing2 #subcribe {
padding: 50px 0; } }
.footer-landing2 #subcribe .ft-subcri2 {
width: 100%;
padding: 40px 70px;
background: rgba(0, 0, 0, 0.1);
border: none; }
@media (max-width: 1024px) and (min-width: 768px) {
.footer-landing2 #subcribe .ft-subcri2 {
padding: 20px 50px; } }
@media only screen and (max-width: 767px) {
.footer-landing2 #subcribe .ft-subcri2 {
padding: 10px 0; } }
.footer-landing2 #subcribe .ft-subcri2:hover, .footer-landing2 #subcribe .ft-subcri2:focus, .footer-landing2 #subcribe .ft-subcri2:active {
background: #000; }
.footer-landing2 #subcribe .ft-subcri2 .control-form {
line-height: 30px; }
.footer-landing2 .footer-widget {
margin-bottom: 100px;
color: rgba(0, 0, 0, 0.5);
font-family: "pb-regular"; }
@media only screen and (max-width: 767px) {
.footer-landing2 .footer-widget {
margin-bottom: 50px; } }
.footer-landing2 .footer-widget li {
list-style: none; }
.footer-landing2 .footer-widget .widget-title {
font-size: 1em;
color: rgba(0, 0, 0, 0.8);
margin-bottom: 40px;
font-family: "pb-bold";
text-align: center; }
.footer-landing2 .footer-widget .menu {
text-align: center; }
.footer-landing2 .footer-widget .menu li {
margin-bottom: 5px;
list-style: none; }
.footer-landing2 .footer-widget .menu li a {
font-size: 16px;
color: rgba(0, 0, 0, 0.5);
font-family: "pb-regular";
font-weight: 400;
line-height: 1.7em; }
.footer-landing2 .footer-widget .menu li a:hover {
color: #000; }
.footer-landing2 .footer-widget .list-social {
margin-top: 10px; }
.footer-landing2 .footer-widget .list-social li {
display: inline;
padding: 0 10px; }
.footer-landing2 .footer-widget .list-social li a {
color: rgba(0, 0, 0, 0.5); }
.footer-landing2 .footer-widget .list-social li a:hover {
color: #000; }
.footer-landing2 .copyright {
padding-bottom: 50px; }
.footer-widget {
text-align: center;
padding: 0 15px; }
.footer-widget .fl-search .fl-close, .footer-widget .fl-search .sb-icon-search {
display: none; }
.footer-widget .fl-search .sb-search-input {
padding: 5px 10px;
outline: none;
width: 100%; }  .fl-footer {
padding-top: 120px;
background: #000;
color: rgba(255, 255, 255, 0.7);
font-family: "pb-regular";
font-size: 16px; }
@media only screen and (max-width: 767px) {
.fl-footer {
padding: 50px 15px 0 15px; } }
.fl-footer ul li {
list-style: none;
padding: 5px 0; }
.fl-footer ul li a {
color: rgba(255, 255, 255, 0.4); }
.fl-footer ul li a:hover, .fl-footer ul li a:active, .fl-footer ul li a:focus {
color: #fff;
text-decoration: none; }
.fl-footer .copyright {
text-align: center;
padding: 35px 0 50px 0;
color: rgba(255, 255, 255, 0.3);
font-size: 0.875em; }
.fl-footer .copyright a {
color: rgba(255, 255, 255, 0.3); }
.fl-footer .subcribe-message {
text-align: center; }
.ft-subcri-box {
width: 100%;
padding: 35px 0 29px 0;
border: 1px solid #1c1c1c;
display: table;
color: rgba(255, 255, 255, 0.3); }
@media (max-width: 1024px) and (min-width: 768px) {
.ft-subcri-box {
padding: 25px 0 20px 0; } }
@media only screen and (max-width: 767px) {
.ft-subcri-box {
padding: 15px 0 13px 0; } }
.ft-subcri-box #beau-subcribe {
display: inline-flex;
width: 100%; }
.ft-subcri-box .ft-subcri {
width: 25%;
margin: 0 auto; }
@media only screen and (max-width: 767px) {
.ft-subcri-box .ft-subcri {
width: 250px; } }
.ft-subcri-box .ft-subcri .control-form {
width: 100%;
background-color: transparent;
border: 0;
color: rgba(255, 255, 255, 0.4);
letter-spacing: 2px;
font-family: "pb-bold";
outline: 0; }
@media only screen and (max-width: 767px) {
.ft-subcri-box .ft-subcri .control-form {
font-size: 0.8125em; } }
.ft-subcri-box .ft-subcri .control-form::-webkit-input-placeholder {
color: #4d4d4d;
line-height: 20px;
letter-spacing: 2px;
font-size: 0.875em;
font-family: "pb-bold"; }
@media only screen and (max-width: 767px) {
.ft-subcri-box .ft-subcri .control-form::-webkit-input-placeholder {
font-size: 0.8125em; } }
.ft-subcri-box .ft-subcri .control-form:active::-webkit-input-placeholder, .ft-subcri-box .ft-subcri .control-form:focus::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.5); }
.ft-subcri-box .input-group-btn, .ft-subcri-box .btn {
background: transparent;
border: none;
outline: 0;
margin-top: -1px; }
.ft-subcri-box .input-group-btn i, .ft-subcri-box .btn i {
font-size: 16px;
color: rgba(255, 255, 255, 0.3); }
.ft-subcri-box:hover {
background: #fff; }
.ft-subcri-box:hover .control-form {
color: black; }
.ft-subcri-box:hover .input-group-btn i, .ft-subcri-box:hover .btn i {
font-size: 16px;
color: rgba(0, 0, 0, 0.8); } .fl-footer3 .footer-widget {
margin-bottom: 50px;
font-family: "pb-regular";
color: rgba(255, 255, 255, 0.5); }
@media only screen and (max-width: 767px) {
.fl-footer3 .footer-widget {
text-align: center; } }
.fl-footer3 .footer-widget .widget-title {
font-size: 16px;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.7);
text-transform: uppercase;
margin-bottom: 40px;
font-family: "pb-bold"; }
.fl-footer3 .footer-widget .menu li {
list-style: none; }
.fl-footer3 .footer-widget .menu li:hover a {
color: #fff; }
.fl-footer3 .footer-widget .menu li a {
font-size: 16px;
color: rgba(255, 255, 255, 0.3);
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out; }
.fl-footer3 .footer-widget .list-social {
margin-top: 10px; }
.fl-footer3 .footer-widget .list-social li {
list-style: none;
display: inline;
padding-right: 20px; }
.fl-footer3 .footer-widget .list-social li a {
color: rgba(255, 255, 255, 0.5); }
.fl-footer3 .footer-widget .list-social li a:hover {
color: #fff; } .f-type4 {
padding-top: 150px; }
.f-type4 .footer-social {
text-align: center; }
.f-type4 .footer-social .list-social {
margin-top: 40px; }
.f-type4 .footer-social .list-social li {
display: inline;
padding: 0 10px; }
.f-type4 .footer-social .list-social li a {
color: rgba(0, 0, 0, 0.5); }
.f-type4 .footer-social .list-social li a:hover {
color: #000; }
.f-type4 .copyright {
text-align: center;
margin: 40px 0 50px 0; } .right-content, .left-sidebar {
padding-top: 50px; }
@media only screen and (max-width: 767px) {
.right-content, .left-sidebar {
padding-top: 30px; } }
.right-content {
padding-right: 30px; }
@media only screen and (max-width: 1024px) {
.right-content {
padding-right: 0; } }
@media only screen and (max-width: 767px) {
.right-content {
padding-right: 20px; } }
.left-sidebar {
border-left: 1px solid rgba(0, 0, 0, 0.1); }
.sidebar {
padding: 0 15px 0 25px; }
@media only screen and (max-width: 1024px) {
.sidebar {
padding: 0 0 0 20px; } }
.relate-post li:first-child {
padding-top: 0;
display: table; }
.relate-post .img-post {
height: 120px;
overflow: hidden;
padding: 0; }
@media only screen and (max-width: 1024px) {
.relate-post .img-post {
height: 100px; } }
.relate-post .titlemore {
padding-left: 20px; }
.relate-post .titlemore p span {
padding-right: 10px; }
.relate-post .titlemore p span:last-child {
padding-right: 0; }
.relate-post li {
font-size: 0.875em;
color: rgba(0, 0, 0, 0.5);
display: table;
padding: 25px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
width: 100%; }
.relate-post li img {
width: 100%;
height: 100%; }
.relate-post li .relate-title {
padding-top: 10px;
font-size: 12px; }
.relate-post li .relate-title a {
color: rgba(0, 0, 0, 0.4); }
.relate-post li .relate-title a:hover {
color: #000; }
.relate-post li .status span {
font-size: 0.875em; }
.relate-post li h3 {
font-size: 16px;
font-family: "Playfair Display", serif;
font-weight: 700;
margin: -5px 0 5px 0;
line-height: 1.2em; }
.relate-post li h3 a {
color: rgba(0, 0, 0, 0.5); }
.relate-post li:hover h3 a {
color: #000; }
.category-post-widget .category_post ul {
margin: 0 important;
padding: 0 !important; }
.category-post-widget .category_post ul li {
position: relative;
width: 100%;
margin-bottom: 5px; } .temblog-sidebar {
background-color: #FDFDFD;
background-repeat: repeat-x; background: -webkit-gradient(linear, 50% 0%, 0% 100%, from(#FDFDFD), to(#F1F1F1)); background: -webkit-linear-gradient(top, #F1F1F1, #FDFDFD); background: -moz-linear-gradient(top, #F1F1F1, #FDFDFD); background: -ms-linear-gradient(top, #F1F1F1, #FDFDFD); background: -o-linear-gradient(top, #F1F1F1, #FDFDFD);
width: 24%;
margin-left: 1%; }
.side-bar {
color: rgba(0, 0, 0, 0.6);
height: auto; }
.side-bar .about-title-sidebar .black {
color: rgba(0, 0, 0, 0.7) !important;
font-weight: 400 !important;
text-align: center; }
.side-bar .right-widget:first-child .widget-title {
margin-top: 0; }
.side-bar .widget-title {
margin-bottom: 25px !important;
margin-top: 125px; }
@media only screen and (max-width: 1024px) {
.side-bar .widget-title {
margin-top: 90px;
font-size: 15px; } }
@media (max-width: 1500px) and (min-width: 1170px) {
.side-bar .widget-title {
font-size: 20px; } }
.about-d .list-social a {
padding: 0px 6px; }
.about-d .ft-subcri3 {
padding: 6px 20px 0px 0px !important; }
.about-d .ft-subcri3 .input-group-btn:last-child > .btn, .about-d .ft-subcri3 .input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -40px;
margin-top: -5px;
font-size: 12px; }
.about-d .ft-subcri3 input::-webkit-input-placeholder {
font-size: 11px;
margin-top: 5px;
letter-spacing: 2px; }
.about {
padding: 104px 15% 105px 10%; }
@media (max-width: 1024px) and (min-width: 992px) {
.about {
padding: 54px 30px 100px 30px; } }
.about .right-widget .subcribe .list-social li {
display: inline;
margin: 0 10px; }
@media only screen and (max-width: 1024px) {
.about .right-widget .subcribe .list-social li {
margin: 0 5px;
font-size: 14px; } }
.about .right-widget .subcribe .list-social li a {
color: rgba(0, 0, 0, 0.5); }
.about .right-widget .subcribe .list-social li a:hover {
color: #000; }
.about .line-height {
line-height: 1.5em !important;
text-align: center; }
@media (max-width: 1024px) and (min-width: 992px) {
.about .line-height {
font-size: 0.8125em; } }
.about img {
width: 100%; }
.about .subcribe .padding3 {
padding-top: 40px; }
.about .subcribe .ft-subcri2 {
margin: 0 auto;
width: 55%;
padding: 10px 12px 8px 5px; }
.about .subcribe .ft-subcri2 input {
width: 100% !important; }
.about .name-bloger {
font-family: "Playfair Display", serif;
font-size: 40px;
font-weight: 700;
color: #000;
margin-bottom: 10px;
text-align: center;
margin-top: -34px; }
@media only screen and (max-width: 1024px) {
.about .name-bloger {
font-size: 25px;
margin-top: 10px; } }
.about .latest {
margin: 75px 0 130px 0; }
.about .latest .title-gray {
padding-bottom: 20px; }
.about .latest .post-latest-item {
padding: 20px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.about .latest .post-latest-item:after {
content: '';
clear: both;
display: table; }
.about .latest .title-post {
line-height: 1.3; }
.about .letter {
width: 50%;
margin: 0 auto; }
.about .letter input {
width: 100px; }
.recent-comment .black {
padding-bottom: 16px; }
.recent-comment .recent-item {
padding: 15px 0;
list-style: none; }
.recent-comment .recent-item .gray-desc {
line-height: 1.3em; }
@media (max-width: 1024px) and (min-width: 992px) {
.recent-comment .recent-item .gray-desc {
font-size: 13px; } }
.recent-comment .recent-item .info {
padding: 9px 0; }
.recent-comment .recent-item b {
color: #000; }
.archives .title-gray {
padding-bottom: 20px; }
.archives ul {
padding: 15px; }
.archives ul li {
font-size: 8px;
color: rgba(0, 0, 0, 0.3);
line-height: 2.2; }
.archives a {
font-size: 14px;
color: rgba(0, 0, 0, 0.4); }
.archives a:hover {
color: #000; }
.right-widget .right-widget-content .sb-search-input {
width: 100%;
padding: 5px 15px;
border-color: rgba(0, 0, 0, 0.1);
outline: none; }
.right-widget .right-widget-content .sb-icon-search, .right-widget .right-widget-content .fl-close {
display: none; }
.right-widget .right-widget-content .tagcloud a {
font-size: 14px;
font-weight: 400;
color: rgba(0, 0, 0, 0.4);
padding: 0 10px;
margin: 6px 0;
float: left;
border-left: 1px solid rgba(0, 0, 0, 0.1); }
.right-widget .right-widget-content .tagcloud a:hover {
color: #000; }
.right-widget .right-widget-content .tagcloud a:first-child {
border: none;
padding-left: 0; }
.right-widget .right-widget-content .recent-comment .recent-item {
padding: 15px 0; }
.right-widget .right-widget-content .recent-comment .info {
padding: 6px 0; }
.right-widget .right-widget-content .recent-comment b {
color: #000; }
.right-widget .right-widget-content ol {
list-style: list; }
.right-widget .right-widget-content ol .post-latest-item {
display: table;
padding: 20px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
width: 100%; }
.right-widget .right-widget-content ol .post-latest-item .img-post {
overflow: hidden; }
.right-widget .right-widget-content ol .post-latest-item .title-side-bar {
padding-left: 20px; }
@media only screen and (max-width: 1024px) {
.right-widget .right-widget-content ol .post-latest-item .title-side-bar {
padding-left: 0;
text-align: center; } }
.right-widget .right-widget-content ol .post-latest-item .title-side-bar .title-post {
line-height: 1.3em;
font-size: 1em; }
.right-widget .right-widget-content ol .post-latest-item .title-side-bar .title-post a {
color: #000; }
.right-widget .right-widget-content ol .post-latest-item .title-side-bar .title-post a:hover {
color: rgba(0, 0, 0, 0.8); }
.right-widget .right-widget-content ol .post-latest-item .info {
padding: 5px 0;
font-size: 0.75em; }
@media only screen and (max-width: 1024px) {
.right-widget .right-widget-content ol .post-latest-item .info {
margin: 0 auto;
margin-top: 5px; } }
.right-widget .right-widget-content ol .post-latest-item img {
width: 100%;
height: auto;
min-height: 82px; }
.right-widget .right-widget-content > ul {
padding: 0 15px; }
.right-widget .right-widget-content > ul li {
color: rgba(0, 0, 0, 0.3);
line-height: 2.2em; }
.right-widget .right-widget-content a {
font-size: 14px;
color: rgba(0, 0, 0, 0.4); }
.right-widget .right-widget-content a:hover {
color: #000; }
.side-no-padding .about, .side-no-padding .sidebar-content {
padding: 0 10% 105px 10%; }
@media only screen and (max-width: 1024px) {
.side-no-padding .about .widget-title, .side-no-padding .sidebar-content .widget-title {
font-size: 16px; } }  .beau-comment {
margin-top: 70px; }
.beau-comment .comment-reply-title {
margin-top: 0; }
@media only screen and (max-width: 1024px) {
.beau-comment {
margin: 0; } }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.beau-comment {
margin: 0; }
.beau-comment .title-comment {
font-size: 14px; }
.beau-comment #title_reply {
font-size: 16px; } }
.beau-comment .title-comment, .beau-comment #title_reply {
font-size: 20px;
text-transform: uppercase; }
@media only screen and (max-width: 767px) {
.beau-comment .title-comment, .beau-comment #title_reply {
font-size: 16px; } }
.beau-comment #title_reply {
margin-top: 100px;
margin-bottom: 20px; }
.beau-comment .sm-is-login .message {
width: 100%; }
.beau-comment .sm-is-login #submit {
left: auto !important;
right: 0;
top: 200px !important; }
.beau-comment .sm-is-login textarea {
width: 100%; }
.detail-video-post .right-content {
padding: 70px 40px 0 0; }
@media only screen and (max-width: 1024px) {
.detail-video-post .right-content {
padding: 30px 0 0 0; } }
.detail-video-post .right-content .detail-view {
margin-bottom: 100px; }
@media only screen and (max-width: 767px) {
.detail-video-post .right-content .detail-view {
margin-bottom: 50px; } }
@media only screen and (max-width: 767px) {
.detail-video-post {
padding: 0 30px; } }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.detail-video-post .right-content {
padding-top: 0; } }
.comment-form li {
list-style: none; }
.form-comment {
font-size: 0.875em;
font-family: "pb-regular";
color: rgba(0, 0, 0, 0.5);
padding-right: 40px; }
@media only screen and (max-width: 767px) {
.form-comment {
padding: 0; } }
.form-comment input[type="text"], .form-comment textarea {
width: 94%;
padding: 15px 15px;
outline: none;
margin-bottom: 20px;
border: 1px solid rgba(0, 0, 0, 0.1); }
@media only screen and (max-width: 767px) {
.form-comment input[type="text"], .form-comment textarea {
width: 100%;
font-size: 12px;
padding: 10px; } }
.form-comment input[type="text"]:hover, .form-comment input[type="text"]:active, .form-comment input[type="text"]:focus, .form-comment textarea:hover, .form-comment textarea:active, .form-comment textarea:focus {
border: 1px solid rgba(0, 0, 0, 0.7); }
.form-comment .btn-default {
font-weight: 700;
width: 100%;
padding: 10px 15px;
background: #000;
border-radius: 0;
color: #fff;
font-family: "pb-bold";
letter-spacing: 3px;
font-size: 0.75em; }
.form-comment .btn-default:hover {
background: #000;
color: #fff; }
.form-comment .text-area {
height: 180px; }
.form-comment .beau-contact {
margin-top: 30px; }
@media only screen and (min-width: 768px) {
.form-comment .form-submit {
position: relative; } }
@media only screen and (max-width: 767px) {
.form-comment .form-submit {
text-align: center; } }
.form-comment .form-submit #submit {
left: 0;
background: #000;
border-radius: 0;
color: #fff;
font-family: "pb-bold";
letter-spacing: 3px;
font-size: 12px;
text-transform: uppercase;
border: none;
outline: none; }
@media only screen and (min-width: 768px) {
.form-comment .form-submit #submit {
width: 47%;
position: absolute;
top: 175px;
padding: 14px 14px; } }
@media only screen and (max-width: 767px) {
.form-comment .form-submit #submit {
height: 30px;
font-size: 10px;
line-height: 30px;
padding: 0 20px; } }
.notes {
font-family: "pb-regular";
line-height: 1.5em;
color: rgba(0, 0, 0, 0.7); }
.d-social2 {
margin: 35px 0; }
.d-social2 span {
width: 30px;
height: 30px;
background: rgba(0, 0, 0, 0.1);
display: inline-block;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding-top: 5px;
margin-right: 8px; }
.d-social2 span a {
color: rgba(0, 0, 0, 0.5); }
.d-social2 span:hover {
background: #000; }
.d-social2 span:hover a {
color: rgba(255, 255, 255, 0.9); }
.left-input {
padding-right: 25px; }  .title-time {
padding: 0;
font-family: "Playfair Display", serif;
font-weight: 700;
color: #000; }
@media only screen and (min-width: 1170px) {
.title-time {
font-size: 50px; } }
@media (max-width: 1024px) and (min-width: 768px) {
.title-time {
font-size: 1.875em; } }
.timeline-item {
margin: 150px 0 200px 0; }
.timeline-item .timline-history .title-gray {
line-height: 1;
font-weight: 400; }
.timeline-item .timline-history .title-1 {
padding: 30px 0 50px 0; }
.timeline-page-box {
position: relative; }
@media only screen and (min-width: 768px) {
.timeline-page-box:before {
left: 49.99%;
content: "";
position: absolute;
width: 1px;
height: 100%;
background: rgba(0, 0, 0, 0.1); } }
.timeline-box {
position: relative;
width: 100%;
padding: 0 50px; }
@media only screen and (max-width: 767px) {
.timeline-box {
padding: 0 15px; } }
.timeline-box .d-content, .timeline-box .d-even, .timeline-box .d-img {
margin-top: 20px; }
.timeline-box li {
display: table;
position: relative;
width: 100%;
padding-bottom: 140px; }
@media (max-width: 1024px) and (min-width: 768px) {
.timeline-box li {
padding-bottom: 50px; } }
@media only screen and (max-width: 767px) {
.timeline-box li {
padding-bottom: 30px; } }
.timeline-box li .d-content, .timeline-box li .d-img {
width: 50%; }
@media only screen and (max-width: 767px) {
.timeline-box li .d-content, .timeline-box li .d-img {
width: 100%; } }
@media only screen and (max-width: 1024px) {
.timeline-box li .gray-desc {
line-height: 1.5em;
margin-top: 10px; } }
@media only screen and (max-width: 767px) {
.timeline-box li .gray-desc {
font-size: 0.8125em; } }
.timeline-box li .d-img img {
width: 100%;
height: auto; }
@media only screen and (min-width: 1170px) {
.timeline-box li:nth-child(odd) .d-content {
float: left;
text-align: right;
padding-right: 50px; } }
@media (max-width: 1024px) and (min-width: 768px) {
.timeline-box li:nth-child(odd) .d-content {
float: left;
text-align: right;
padding-right: 30px; } }
@media only screen and (min-width: 1170px) {
.timeline-box li:nth-child(odd) .d-img {
float: right;
padding-left: 50px; } }
@media (max-width: 1024px) and (min-width: 768px) {
.timeline-box li:nth-child(odd) .d-img {
float: right;
padding-left: 30px; } }
@media only screen and (min-width: 768px) {
.timeline-box li:nth-child(even) .d-content {
float: right;
text-align: left;
padding-left: 50px; } }
@media (max-width: 1024px) and (min-width: 768px) {
.timeline-box li:nth-child(even) .d-content {
float: right;
padding-left: 30px; } }
@media only screen and (min-width: 768px) {
.timeline-box li:nth-child(even) .d-img {
float: left;
padding-right: 50px; }
.timeline-box li:nth-child(even) .d-img img {
width: 100%; } }
@media (max-width: 1024px) and (min-width: 768px) {
.timeline-box li:nth-child(even) .d-img {
float: left;
padding-right: 30px; } }
@media only screen and (min-width: 768px) {
.timeline-box .d-even {
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 14px;
height: 14px;
border: 4px solid #fff;
border-radius: 50%;
background: #000;
position: absolute; } }
.endhistory {
margin: 0 auto;
position: relative; }
@media only screen and (min-width: 768px) {
.endhistory {
text-align: center;
width: 50%; } }
@media only screen and (max-width: 767px) {
.endhistory {
padding: 30px 15px 50px 15px;
background: #f1f1f1;
text-align: center; }
.endhistory .gray-desc {
font-size: 0.8125em; }
.endhistory .title-desc {
font-size: 1.875em; } }
@media only screen and (min-width: 768px) {
.endhistory .d-even {
width: 6px;
height: 6px;
border: none;
top: 4px;
margin: 4px auto 30px auto;
background: #000;
border-radius: 50%; } } .list-film {
height: 350px;
overflow: hidden;
width: 100%;
position: relative; }
@media (max-width: 1024px) and (min-width: 768px) {
.list-film {
padding-bottom: 53.25%;
height: 0;
overflow: hidden; }
.list-film .list-film-desc {
display: block; } }
@media only screen and (min-width: 1025px) {
.list-film .list-viewmore {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
top: 90%;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
opacity: 0; } }
@media only screen and (max-width: 767px) {
.list-film {
height: auto;
padding: 0 15px;
margin-bottom: 30px; }
.list-film .list-film-desc {
display: block; }
.list-film .list-viewmore {
display: block !important; } }
.list-film .img-film-item {
width: 100%; }
.list-film .img-film-item img {
width: 100%;
height: auto; }
@media only screen and (min-width: 1025px) {
.list-film .img-film-item img {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); } }
.list-film:hover .list-viewmore {
opacity: 1;
top: 70%; }
@media only screen and (min-width: 768px) {
.list-film:hover .view-more {
border: 1px solid #fff; } }
.list-film:hover .fl_olay {
background: transparent; }
@media only screen and (min-width: 1025px) {
.list-film:hover .list-film-desc {
opacity: 0; } }
.list-film .list-film-content {
z-index: 2;
position: absolute;
text-align: center; }
@media only screen and (min-width: 768px) {
.list-film .list-film-content {
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); } }
@media only screen and (max-width: 767px) {
.list-film .list-film-content {
width: 100%;
position: inherit;
margin-top: 20px;
color: rgba(0, 0, 0, 0.5) !important; } }
.list-film .list-film-content .list-viewmore .list-viewmore {
background: transparent; }
.list-film .list-film-content .list-viewmore .list-viewmore a {
color: #fff; }
.list-film .list-film-content .list-viewmore .list-viewmore:hover {
background: #fff; }
.list-film .list-film-content .list-viewmore .list-viewmore:hover a {
color: #000; }
.fl_olay {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; }
@media only screen and (min-width: 1025px) {
.fl_olay {
background: rgba(0, 0, 0, 0.5); } }
@media (max-width: 1024px) and (min-width: 992px) {
.fl_olay {
background: rgba(0, 0, 0, 0.5); } }
.list-film-cat {
font-family: "pb-bold";
font-size: 0.75em;
letter-spacing: 5px;
color: rgba(255, 255, 255, 0.5);
text-transform: uppercase; }
.list-film-cat a {
color: rgba(255, 255, 255, 0.5); }
@media only screen and (max-width: 767px) {
.list-film-cat a {
font-size: 0.625em;
color: rgba(0, 0, 0, 0.5); } }
.list-film-name {
font-size: 1.875em;
font-weight: 700;
margin: 5px 0 10px 0; }
@media only screen and (max-width: 767px) {
.list-film-name {
font-size: 1.125em; } }
.list-film-name a {
color: #fff;
font-family: "Playfair Display", serif; }
@media only screen and (max-width: 767px) {
.list-film-name a {
color: #000; } }
.list-film-desc {
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
font-family: "pb-regular";
font-size: 0.875em;
color: rgba(255, 255, 255, 0.7); }
@media only screen and (min-width: 1920px) {
.list-film-desc {
padding: 0 20%; } }
@media only screen and (max-width: 767px) {
.list-film-desc {
font-size: 0.8125em;
color: rgba(0, 0, 0, 0.5); } }
.list-viewmore {
margin-top: 10px; }
@media (max-width: 1024px) and (min-width: 768px) {
.list-viewmore {
margin-top: 20px; } }
.list-viewmore .view-more {
background: #fff; }
.list-viewmore .view-more a {
text-transform: uppercase;
font-size: 0.625em;
height: 40px;
line-height: 40px; }
@media (max-width: 1024px) and (min-width: 768px) {
.list-viewmore .view-more a {
height: 35px;
line-height: 35px; } }
@media only screen and (max-width: 767px) {
.list-viewmore .view-more a {
height: 30px;
line-height: 30px; } }
.list-viewmore .view-more .fa {
margin-left: 3px; } .film-type2 {
margin-top: 150px;
width: 100%;
display: table;
position: relative; }
.film-type2 ul {
width: 100%;
display: table; }
.film-type2 ul li {
text-align: center;
list-style: none;   }
@media only screen and (min-width: 768px) {
.film-type2 ul li {
width: 50%; } }
@media only screen and (min-width: 1400px) {
.film-type2 ul li:first-child {
padding-top: 135px !important; }
.film-type2 ul li:nth-child(3) {
margin-top: 150px !important; }
.film-type2 ul li:nth-child(5) {
margin-top: 150px !important; }
.film-type2 ul li:nth-child(7) {
margin: 150px 0 0 0 !important; }
.film-type2 ul li:nth-child(8) {
margin-top: 150px !important; } }
@media only screen and (min-width: 1025px) {
.film-type2 ul li:first-child .film-type2-item {
float: right; }
.film-type2 ul li:nth-child(3) {
margin-top: 100px; }
.film-type2 ul li:nth-child(5) {
margin-top: 100px; }
.film-type2 ul li:nth-child(7) {
margin-top: 100px; }
.film-type2 ul li:nth-child(8) {
margin-top: 100px; }
.film-type2 ul li .list-film-cat {
font-size: 0.75em;
letter-spacing: 5px; }
.film-type2 ul li .list-film-name {
font-family: "Playfair Display", serif;
font-size: 1.875em; }
.film-type2 ul li .list-film-desc {
color: rgba(0, 0, 0, 0.7);
font-size: 14px; }
.film-type2 ul li:nth-child(4) {
position: relative; }
.film-type2 ul li:nth-child(4) .film-type2-item {
float: left; }
.film-type2 ul li:nth-child(6) .film-type2-item {
float: right; }
.film-type2 ul li:first-child:hover .view-more, .film-type2 ul li:nth-child(4):hover .view-more, .film-type2 ul li:nth-child(5):hover .view-more, .film-type2 ul li:nth-child(6):hover .view-more {
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
border: 1px solid #000;
background: #000; }
.film-type2 ul li:first-child:hover .view-more a, .film-type2 ul li:nth-child(4):hover .view-more a, .film-type2 ul li:nth-child(5):hover .view-more a, .film-type2 ul li:nth-child(6):hover .view-more a {
color: #fff; }
.film-type2 ul li:nth-child(2):hover .view-more, .film-type2 ul li:nth-child(3):hover .view-more, .film-type2 ul li:nth-child(7):hover .view-more {
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; }
.film-type2 ul li:nth-child(2):hover .view-more a, .film-type2 ul li:nth-child(3):hover .view-more a, .film-type2 ul li:nth-child(7):hover .view-more a {
color: #000; } }
@media (max-width: 1024px) and (min-width: 768px) {
.film-type2 ul li {
float: left;
margin-bottom: 30px; }
.film-type2 ul li .film-type2-item img {
width: 100%;
height: auto; }
.film-type2 ul li .film-type2-item .list-film-cat {
margin-top: 20px;
color: rgba(0, 0, 0, 0.5); }
.film-type2 ul li .film-type2-item .list-film-desc {
color: rgba(0, 0, 0, 0.5);
padding: 0 70px;
display: block; }
.film-type2 ul li .film-type2-item .list-film-name a {
color: #000; }
.film-type2 ul li .film-type2-item .list-viewmore {
margin-top: 20px; }
.film-type2 ul li .film-type2-item:hover .view-more {
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
background: #000; }
.film-type2 ul li .film-type2-item:hover .view-more a {
color: #fff; } }
@media only screen and (max-width: 767px) {
.film-type2 ul li {
width: 100%;
margin-bottom: 30px;
padding: 0 15px; }
.film-type2 ul li .film-type2-item img {
width: 100%;
height: auto; }
.film-type2 ul li .film-type2-item .list-film-cat {
margin-top: 20px;
color: rgba(0, 0, 0, 0.5); }
.film-type2 ul li .film-type2-item .list-film-desc {
color: rgba(0, 0, 0, 0.5);
display: block; }
.film-type2 ul li .film-type2-item .list-film-name a {
color: #000; }
.film-type2 ul li .film-type2-item .list-viewmore {
margin-top: 20px; }
.film-type2 ul li .film-type2-item:hover .view-more {
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
background: #000; }
.film-type2 ul li .film-type2-item:hover .view-more a {
color: #fff; } }
.film-type2 ul .f-left {
float: left;
padding-right: 20px; }
@media (max-width: 1024px) and (min-width: 768px) {
.film-type2 ul .f-left {
padding-right: 15px; } }
@media only screen and (max-width: 767px) {
.film-type2 ul .f-left {
padding: 0 15px; } }
.film-type2 ul .f-right {
float: right;
padding-left: 20px; }
@media (max-width: 1024px) and (min-width: 768px) {
.film-type2 ul .f-right {
padding-left: 15px; } }
@media only screen and (max-width: 767px) {
.film-type2 ul .f-right {
padding: 0 15px; } }
@media only screen and (min-width: 1400px) {
.film-type2 ul .f-big {
margin-bottom: 200px !important; } }
@media only screen and (min-width: 1170px) {
.film-type2 ul .f-big {
margin-bottom: 150px;
position: relative; }
.film-type2 ul .f-big .film-type2-item img {
width: 100%;
height: auto; }
.film-type2 ul .f-big .film-type2-item .list-film-content {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
.film-type2 ul .f-big .film-type2-item .list-film-content .list-film-cat, .film-type2 ul .f-big .film-type2-item .list-film-content .list-film-desc {
color: rgba(255, 255, 255, 0.5); }
.film-type2 ul .f-big .film-type2-item .list-viewmore {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
top: 100%;
opacity: 0; }
.film-type2 ul .f-big .film-type2-item .list-film-desc {
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; }
.film-type2 ul .f-big:hover .list-viewmore {
opacity: 1;
top: 80%; }
.film-type2 ul .f-big:hover .list-film-desc {
opacity: 0; } }
@media only screen and (min-width: 1170px) {
.film-type2 ul .f-small .film-type2-item {
width: 65%; }
.film-type2 ul .f-small .film-type2-item img {
width: 100%;
height: auto; }
.film-type2 ul .f-small .film-type2-item .list-film-cat {
margin-top: 20px; }
.film-type2 ul .f-small .film-type2-item .list-film-cat a {
color: rgba(0, 0, 0, 0.5); }
.film-type2 ul .f-small .film-type2-item .list-film-desc {
color: rgba(0, 0, 0, 0.5);
padding: 0 70px; }
.film-type2 ul .f-small .film-type2-item .list-film-name a {
color: #000; }
.film-type2 ul .f-small .film-type2-item .list-viewmore {
margin-top: 20px; } }
.film-type2 .fl-title-img {
margin: 50px 0; }
.film-type2 .fl-title-img img {
opacity: 0.2; }
.film-type2 .arrow-down {
margin: 110px 0 90px 0; }
.list-film-title .fl-title-big {
margin-bottom: 0; }
.fl-pagination {
margin-top: 60px; }
.fl-pagination #pagination-flickr li {
padding: 0 7px; }
.fl-pagination #pagination-flickr .current {
color: #000 !important; }
@media only screen and (max-width: 767px) {
.fl-pagination #pagination-flickr .current {
font-size: 0.875em; } }
.fl-pagination #pagination-flickr .prev {
padding-right: 20px; }
@media only screen and (max-width: 767px) {
.fl-pagination #pagination-flickr .prev {
padding-right: 10px; } }
.fl-pagination #pagination-flickr .prev i {
margin-right: 5px; }
.fl-pagination #pagination-flickr .next {
padding-left: 20px; }
@media only screen and (max-width: 767px) {
.fl-pagination #pagination-flickr .next {
padding-left: 10px; } }
.fl-pagination #pagination-flickr .next i {
margin-left: 5px; }
.fl-title-desc span p {
margin-bottom: 0px !important; }  @media only screen and (min-width: 300px) and (max-width: 500px) {
.search-tab {
width: 100%;
margin-left: 0; } }
.fl-search-box {
position: relative;
margin: 60px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
width: 100%;
text-align: center; }
@media only screen and (max-width: 767px) {
.fl-search-box {
margin: 40px 0; } }
.fl-search-box #search {
margin: 0 auto;
width: 50%;
position: relative; }
.fl-search-box #search label.search-input {
position: absolute;
right: 20px;
top: 10px;
font-size: 0.875em;
color: rgba(0, 0, 0, 0.3); }
.fl-search-box input[type="text"] {
border: none;
width: 100%;
padding: 10px 55px 10px 6px;
outline: none;
color: rgba(0, 0, 0, 0.3);
text-align: right;
font-size: 0.875em;
font-family: "pb-regular"; }
@media only screen and (max-width: 767px) {
.fl-search-box input[type="text"] {
padding: 10px 45px 10px 5px; } }
.fl-search-box input[type="text"] ::-webkit-input-placeholder {
font-family: "pb-regular" !important; } .pro-tab-item {
margin-top: 170px; }
@media only screen and (max-width: 767px) {
.pro-tab-item {
margin-top: 100px; }
.pro-tab-item .fl-title-big {
font-size: 50px; } }
.pro-tab-item img {
width: 100%;
height: auto; }
.pro-tab-item .fl-search {
position: relative; }
.fl-tabs {
font-size: 0.875em;
color: rgba(0, 0, 0, 0.5);
text-align: center;
display: block;
clear: both;
margin-bottom: 30px; }
.fl-tabs .tabs {
min-height: auto;
margin: 0; }
.fl-tabs .tabs li {
display: inline;
padding: 0 25px; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.fl-tabs .tabs li {
padding: 0 7px; } }
.fl-tabs .tabs li .active {
color: #000; }
.fl-tabs .tabs li a {
text-transform: uppercase;
color: rgba(0, 0, 0, 0.4); }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.fl-tabs .tabs li a {
font-size: 12px; } }
.fl-tabs .tabs li a:hover {
color: #000; }
.fl-tabs .tabs li.active a {
color: #000; }
.tab-content .post-item {
padding: 0 20px; }
@media only screen and (max-width: 767px) {
.tab-content .post-item {
padding: 0 50px; } }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.tab-content .post-item {
padding: 0 15px; } }
.tab-content .post-item .img-post {
overflow: hidden;
height: 0;
padding-bottom: 48.25%; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.tab-content .post-item .img-post {
height: auto; }
.tab-content .post-item .img-post img {
height: auto;
min-height: 150px; } }
.tab-content .post-item .img-post iframe {
width: 100%;
height: 300px; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.tab-content .post-item .img-post iframe {
height: auto; } }
.tab-p-content {
text-align: center;
padding-bottom: 30px; }
@media only screen and (min-width: 768px) {
.tab-p-content {
min-height: 220px; } }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.tab-p-content {
padding-bottom: 30px; } }
.tab-p-content img {
width: 100%;
height: auto; }
.tab-p-content .tab-p-category a {
text-transform: uppercase; }
.tab-p-content .tab-p-desc {
font-family: "pb-regular";
font-size: 0.875em;
color: rgba(0, 0, 0, 0.5);
margin-top: 5px; }
.tab-p-content .tab-p-desc a {
color: rgba(0, 0, 0, 0.5); }
.tab-p-content .tab-p-desc a:hover {
color: #000; }
.tab-p-content .tab-p-desc .view:before {
content: "/";
padding: 0 10px; }
@media only screen and (max-width: 767px) {
.tab-p-content .tab-p-name {
min-height: auto; }
.tab-p-content .tab-p-name a {
font-size: 26px; } }
@media only screen and (max-width: 767px) and (min-width: 300px) and (max-width: 500px) {
.tab-p-content .tab-p-name a {
font-size: 18px; } }
.tab-p-hover {
display: block; }
.p-tab {
margin-top: 25px; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.p-tab {
margin-top: 15px; } }
.p-tab2 {
margin-top: 18px; }
.p-box {
padding: 0 200px;
margin-top: 160px; }
.tab-p-category a {
font-family: "pb-bold";
color: rgba(0, 0, 0, 0.5);
font-size: 0.625em;
letter-spacing: 3px; }
.tab-p-category a:hover {
color: #000; }
.tab-p-name {
margin-top: 3px;
color: #000; }
.tab-p-name a {
font-family: "Playfair Display", serif;
color: #000;
font-size: 1.875em;
line-height: 30px;
font-weight: 700; }
.tab-p-name2 {
margin-top: 3px;
color: #000; }
.tab-p-name2 a {
font-family: "Playfair Display", serif;
color: #000;
font-size: 1.5625em;
font-weight: 700; }
.tab-p-desc {
font-family: "pb-regular";
font-size: 0.875em;
color: rgba(0, 0, 0, 0.5);
margin-top: 5px; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.tab-p-desc {
font-size: 13px !important; } }
.pd-video {
margin-bottom: 100px; }
@media only screen and (max-width: 767px) {
.pd-video {
margin-bottom: 50px; } } @media only screen and (min-width: 1025px) {
.service-container {
background: #000;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
position: relative;
color: #fff; } }
@media (max-width: 1024px) and (min-width: 992px) {
.service-container {
background: #000; } }
@media (max-width: 991px) and (min-width: 768px) {
.service-container {
width: 100%;
height: auto;
padding: 0 10px; } }
@media only screen and (max-width: 767px) {
.service-container {
width: 100%;
height: auto;
padding: 0 15px; } }
.service-container img {
width: 100%;
height: auto; }
@media only screen and (min-width: 1500px) {
.service-container .service-group {
top: 50% !important; } }
@media only screen and (min-width: 1025px) {
.service-container .service-group {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
top: 35%; } }
@media only screen and (min-width: 1500px) {
.service-container .service-icon {
margin-top: -62px !important; } }
@media only screen and (min-width: 1025px) {
.service-container .service-icon {
color: #fff !important; } }
@media (max-width: 1024px) and (min-width: 992px) {
.service-container .service-icon {
color: #fff !important; } }
@media (max-width: 991px) and (min-width: 768px) {
.service-container .service-icon {
color: #000 !important; } }
@media only screen and (max-width: 767px) {
.service-container .service-icon {
color: #000 !important;
padding: -15px 0 30px 0; } }
.service-container .service-content {
margin-bottom: 0 !important;
width: 100%; }
@media only screen and (min-width: 1700px) {
.service-container .service-content {
padding: 0 160px !important; } }
@media only screen and (min-width: 1500px) {
.service-container .service-content {
padding: 0 100px; } }
@media only screen and (min-width: 1025px) {
.service-container .service-content {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); } }
@media (max-width: 1024px) and (min-width: 992px) {
.service-container .service-content {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
padding: 0 30px 50px 30px; } }
.service-container .service-name {
color: #fff !important; }
@media only screen and (min-width: 1500px) {
.service-container .service-name {
margin-top: -25px !important; } }
@media only screen and (min-width: 1025px) {
.service-container .service-name {
margin-top: -20px; } }
@media (max-width: 991px) and (min-width: 768px) {
.service-container .service-name {
color: rgba(0, 0, 0, 0.5) !important; } }
@media only screen and (max-width: 767px) {
.service-container .service-name {
color: #000 !important; } }
@media only screen and (min-width: 1500px) {
.service-container .service-desc {
position: relative !important;
margin-top: 50% !important; } }
@media only screen and (min-width: 1025px) {
.service-container .service-desc {
padding: 0 100px;
color: rgba(255, 255, 255, 0.7);
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transition: all 0.5s 0.2s ease-in-out;
-moz-transition: all 0.5s 0.2s ease-in-out;
transition: all 0.5s 0.2s ease-in-out;
opacity: 0;
top: 100%;
width: 100%; } }
@media (max-width: 1024px) and (min-width: 992px) {
.service-container .service-desc {
display: block;
padding: 0 30px;
color: rgba(255, 255, 255, 0.5); } }
@media only screen and (min-width: 1500px) {
.service-container:hover .service-desc {
opacity: 1;
margin-top: 40% !important; }
.service-container:hover .service-group {
top: 27% !important; } }
@media only screen and (min-width: 1025px) {
.service-container:hover .service-desc {
opacity: 1;
top: 93%; }
.service-container:hover .service-group {
top: -90%; } } .view-detail-item {
padding-top: 125px; }
@media only screen and (max-width: 780px) {
.view-detail-item {
padding: 50px 15px 0 15px; }
.view-detail-item .container {
width: auto; } }
.view-detail-item .fl-title {
margin: 30px 0 20px; }
@media only screen and (max-width: 767px) {
.view-detail-item .fl-title {
margin: 20px 0; } }
@media only screen and (max-width: 1024px) {
.view-detail-item .fl-title .fl-title-medium {
font-size: 20px; } }
@media only screen and (max-width: 1024px) {
.view-detail-item .fl-title .fl-title-small2 {
letter-spacing: 5px; } }
.view-detail-item .fl-title .fl-title-small2 a {
color: rgba(0, 0, 0, 0.6);
text-transform: uppercase; }
@media only screen and (max-width: 1024px) {
.detail-item {
padding: 0 20px; } }
.nopadding-left2 {
padding-left: 5px !important; }
.border-view {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.detail-video {
position: relative;
padding-bottom: 47.25%;
padding-top: 25px;
height: 0;
overflow: hidden; }
@media only screen and (max-width: 1024px) {
.detail-video {
padding-bottom: 46%; }
.detail-video .right-content {
padding: 70px 20px 0 20px; } }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.detail-video {
padding-top: 0; } }
.detail-video img {
width: 100%;
height: auto; }
.detail-video iframe, .detail-video .img-fl-detail {
width: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.detail-video .click_play {
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
position: absolute; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.detail-video .click_play {
left: 55% !important; }
.detail-video .click_play img {
width: 55%; } }
.view-detail-bg {
background: #000;
padding-bottom: 75px; }
@media only screen and (max-width: 767px) {
.view-detail-bg {
padding-bottom: 30px; } }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.view-detail-bg {
padding: 50px 20px 0 20px; } }
@media only screen and (max-width: 767px) {
.view-detail-bg .fl-title-medium {
color: #fff; } }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.view-detail-bg .fl-title-medium {
font-size: 14px; } }
.st-title a {
color: rgba(255, 255, 255, 0.5) !important; }
.fl-title-medium {
font-family: "Playfair Display", serif; }
@media only screen and (min-width: 768px) {
.fl-title-medium {
font-size: 3.125em;
font-weight: 700;
color: #fff; } }
@media only screen and (max-width: 767px) {
.fl-title-medium {
color: rgba(0, 0, 0, 0.5);
font-weight: 700;
font-size: 1.125em; } }
.ftm2 {
color: #000; }
.d-share {
font-size: 14px;
text-align: center;
font-family: "pb-regular";
margin-top: -5px;
font-weight: 400; }
.d-share span {
margin: 0 10px; }
.d-share span a {
font-size: inherit;
margin: 0 5px; }
.d-share ul {
display: inline-block; }
.d-share ul ul li {
padding: 0 5px; }
.d-share ul ul li:first-child {
padding-right: 0px; }
.d-share ul li {
list-style: none;
padding-right: 5px;
float: left; }
.d-share ul li:first-child {
padding-right: 10px; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.d-share ul li {
font-size: 12px; } }
.d-share .ds {
color: rgba(255, 255, 255, 0.3); }
.d-share .ds a {
color: inherit; }
.d-share .ds a:hover {
color: #fff; }
.d-share .dv {
color: rgba(255, 255, 255, 0.2); }
.d-share .ds2 {
color: rgba(0, 0, 0, 0.5); }
.d-share .ds2 a {
color: inherit; }
.d-share .ds2 a:hover {
color: #000; }
.d-share .dv2 {
color: rgba(0, 0, 0, 0.5); }
.detail-coments {
margin: 100px 0 150px 0; }
.fl-detail-img {
margin-top: -10px; }
.d-bottom {
padding-bottom: 80px; }
.d-bottom2 {
padding: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
@media only screen and (max-width: 767px) {
.d-bottom2 {
padding-top: 0; } }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.d-bottom2 {
padding-top: 20px; } }
.detail-title {
color: #000;
margin: 40px 0 25px; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.detail-title {
font-size: 14px; } }
.detain-content {
font-family: "pb-regular";
color: rgba(0, 0, 0, 0.5);
line-height: 1.5em;
min-height: 100px; } .partner-item-detail {
margin: 190px 0 130px; }
.partner-item-detail .fl-title-small {
margin-bottom: 30px; }
@media only screen and (max-width: 767px) {
.partner-item-detail {
margin: 50px 0;
padding: 0 15px; } } .fl-detail-item {
position: relative; }
@media only screen and (min-width: 1170px) {
.fl-detail-item {
min-height: 900px; } }
@media only screen and (max-width: 767px) {
.fl-detail-item {
background: none !important;
margin-top: 30px; } }
.fl-detail-item .fl-title-small {
color: rgba(255, 255, 255, 0.5); }
@media only screen and (max-width: 767px) {
.fl-detail-item .fl-title-small {
color: rgba(0, 0, 0, 0.5);
font-size: 0.6875em;
letter-spacing: 1px; } }
.fl-detail-item .d-share .list-social {
font-size: 0.875em; }
@media only screen and (min-width: 1170px) {
.fl-detail-item .fl-detail-box {
position: absolute;
bottom: -185px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
z-index: 2; } }
@media (max-width: 1024px) and (min-width: 768px) {
.fl-detail-item .fl-detail-box {
padding-top: 50px; } }
.fl-detail-item .fl-detail-box .list-social li {
color: rgba(255, 255, 255, 0.3);
list-style: none;
display: inline-block;
font-family: "pb-regular"; }
@media only screen and (max-width: 767px) {
.fl-detail-item .fl-detail-box .list-social li {
color: rgba(0, 0, 0, 0.5); } }
.fl-detail-item .fl-detail-box .list-social li a {
color: rgba(255, 255, 255, 0.3);
padding: 0 5px; }
@media only screen and (max-width: 767px) {
.fl-detail-item .fl-detail-box .list-social li a {
color: rgba(0, 0, 0, 0.5); } }
.fl-detail-item .fl-detail-box .list-social li:hover a {
color: rgba(255, 255, 255, 0.7); }
@media only screen and (max-width: 767px) {
.fl-detail-item .fl-detail-box .list-social li:hover a {
color: #000; } }
.fl-detail-item .fl-detail-video {
position: relative;
padding-bottom: 54%; margin-top: 10px;
height: 0;
overflow: hidden;
text-align: center; }
.fl-detail-item .fl-detail-video .tab-pane {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; }
.fl-detail-item .fl-detail-video .tab-pane.active {
opacity: 1; }
.fl-detail-item .fl-detail-video iframe, .fl-detail-item .fl-detail-video .img-fl-detail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.fl-detail-item .fl-detail-video .img-fl-detail img {
width: 100%;
height: auto; }
.fl-detail-item .fl-detail-video .click_play {
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
position: absolute; }
@media only screen and (max-width: 767px) {
.fl-detail-item .film-number {
padding-top: 10px; } }
.fl-detail-item .film-number ul {
margin: 0;
padding: 0;
text-align: center; }
.fl-detail-item .film-number ul li {
display: inline-block; }
@media only screen and (min-width: 768px) {
.fl-detail-item .film-number ul li {
padding: 25px 20px 50px 20px; } }
@media only screen and (max-width: 767px) {
.fl-detail-item .film-number ul li {
padding: 5px 10px; } }
.fl-detail-item .film-number ul li a {
text-transform: uppercase;
font-size: 11px;
color: rgba(0, 0, 0, 0.5);
letter-spacing: 3px; }
@media (max-width: 1024px) and (min-width: 768px) {
.fl-detail-item .film-number ul li a {
color: rgba(255, 255, 255, 0.5); } }
@media only screen and (max-width: 767px) {
.fl-detail-item .film-number ul li a {
font-size: 9px; } }
.fl-detail-item .film-number ul li a:hover {
color: #000; }
@media (max-width: 1024px) and (min-width: 768px) {
.fl-detail-item .film-number ul li a:hover {
color: #fff; } }
.fl-detail-item .film-number ul li.active a {
color: #000 !important; }
@media (max-width: 1024px) and (min-width: 768px) {
.fl-detail-item .film-number ul li.active a {
color: #fff !important; } } .win-item-detail {
margin-top: 200px; }
@media only screen and (max-width: 767px) {
.win-item-detail {
margin-top: 50px; } }
.win-item-detail .fl-title-small {
margin-bottom: 30px; } .fl-detail_story {
margin-top: 300px; }
@media (max-width: 1024px) and (min-width: 768px) {
.fl-detail_story {
margin-top: 150px; } }
@media only screen and (max-width: 767px) {
.fl-detail_story {
margin-top: 50px; } }
.vision-container {
padding-left: 15px; }
@media only screen and (max-width: 767px) {
.vision-container {
padding: 0 15px; } }
.vision-desc {
margin: -8px 0  40px 0;
font-size: 1.25em;
color: #000;
text-transform: uppercase;
line-height: 1.7em; }
@media only screen and (max-width: 767px) {
.vision-desc {
font-size: 0.875em;
margin: 10px 0 30px 0; } }
.vision-info {
font-family: "pb-regular";
color: rgba(0, 0, 0, 0.5);
line-height: 1.7em; }
@media only screen and (max-width: 767px) {
.vision-info {
font-size: 0.8125em; } }
.feature-video {
padding-right: 40px; }
@media only screen and (max-width: 767px) {
.feature-video {
padding-right: 0; } }
.feature-video img {
width: 100%;
height: auto; }
.short-text-img-fl {
text-align: center;
font-size: 0.875em;
color: rgba(0, 0, 0, 0.5);
font-family: "Playfair Display", serif;
font-style: italic;
margin: 15px 15px 0 15px; }
.fl-gallery-detail .ms-slide {
-webkit-transform: rotateY(0deg) !important;
-moz-transform: rotateY(0deg) !important;
transform: rotateY(0deg) !important;
background: #000; }
.fl-gallery-detail .ms-slide img {
opacity: 0.3; }
.fl-gallery-detail .ms-sl-selected img {
opacity: 1 !important; } .win-item {
margin: 150px 0; } .character-item {
margin-top: 200px; }
@media only screen and (max-width: 767px) {
.character-item {
margin-top: 50px; } }
.character-item .swiper-slide {
color: #fff;
position: relative;
background: #000;
display: table; }
.character-item .swiper-slide img {
width: 100%;
height: auto;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out; }
@media only screen and (min-width: 1025px) {
.character-item .swiper-slide:hover .character-content {
top: 40%; } }
.character-item .swiper-slide:hover .charater-desc {
opacity: 1;
top: 50%; }
.character-item .swiper-slide:hover img {
opacity: 0.5; }
.character-item .character-content {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
width: 100%;
text-align: center; }
@media only screen and (max-width: 767px) {
.character-item .character-content {
padding: 0 20px; } }
.character-item .character-content .team-name {
font-family: "Playfair Display", serif;
font-size: 1.875em;
line-height: 38px; }
@media (max-width: 1024px) and (min-width: 768px) {
.character-item .character-content .team-name {
font-size: 1.25em; } }
@media only screen and (max-width: 767px) {
.character-item .character-content .team-name {
font-size: 1.125em; } }
.character-item .character-content .team-job {
font-size: 0.75em;
letter-spacing: 1.5px;
margin: 10px 0 35px 0;
text-transform: uppercase; }
@media (max-width: 1024px) and (min-width: 768px) {
.character-item .character-content .team-job {
font-size: 0.625em;
margin: 10px 0; } }
@media only screen and (max-width: 767px) {
.character-item .character-content .team-job {
font-size: 0.625em; } }
.character-item .charater-desc {
text-align: center;
width: 100%;
font-family: "Playfair Display", serif;
line-height: 1.5em;
opacity: 0;
position: absolute;
padding: 0 20%;
top: 60%;
color: rgba(255, 255, 255, 0.7);
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; }
@media only screen and (min-width: 1025px) {
.character-item .charater-desc {
font-size: 14px; } }
@media only screen and (min-width: 1400px) {
.character-item .charater-desc {
font-size: 16px !important; } }
@media (max-width: 1024px) and (min-width: 768px) {
.character-item .charater-desc {
font-size: 0.75em;
padding: 0 15px;
display: none; } }
@media only screen and (max-width: 767px) {
.character-item .charater-desc {
display: none; } }
.fl-gallery-detail {
max-width: 100%; }
@media only screen and (min-width: 768px) {
.fl-gallery-detail {
max-width: auto; } }
.fl-gallery-detail .fl-gallery-view-detail {
position: relative; }
@media only screen and (min-width: 768px) {
.fl-gallery-detail .fl-gallery-view-detail .ms-slide p {
z-index: 1;
position: absolute;
width: 100%;
bottom: 50px;
font-family: "Playfair Display", serif;
color: #fff;
letter-spacing: 1px;
padding: 0 70px;
font-style: italic;
display: none;
line-height: 30px; } }
@media only screen and (max-width: 767px) {
.fl-gallery-detail .fl-gallery-view-detail .ms-slide p {
display: none; } }
@media only screen and (min-width: 768px) {
.fl-gallery-detail .fl-gallery-view-detail .ms-sl-selected p {
display: block !important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; } }
.fl-gallery-detail .ms-nav-prev {
background: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/images/icons/g-prev.png) no-repeat left center !important; }
@media only screen and (min-width: 768px) {
.fl-gallery-detail .ms-nav-prev {
left: -40px !important; } }
.fl-gallery-detail .ms-nav-next {
background: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/images/icons/g-next.png) no-repeat right center !important; }
@media only screen and (min-width: 768px) {
.fl-gallery-detail .ms-nav-next {
right: -40px !important; } }
.relate-film-detail {
margin-top: 170px; }
.relate-film-detail ul {
width: 100%;
display: inline-table; }
.relate-film-detail ul li {
width: 50%;
background: #000;
display: inline-block; float: left; }
@media only screen and (max-width: 767px) {
.relate-film-detail ul li {
width: 100%;
height: auto;
background: none; } }
.relate-film-detail ul li .title-bold-white a {
color: #fff; }
@media only screen and (max-width: 767px) {
.relate-film-detail ul li .title-bold-white a {
color: #000;
font-size: 20px; } }
.relate-film-detail ul li img {
width: 100% !important;
height: auto !important;
opacity: 0.5; }
@media only screen and (min-width: 768px) {
.relate-film-detail ul li img {
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); } }
.relate-film-detail ul li:hover img {
opacity: 1; }
.d-bottom3 {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 40px 0  20px; }
@media only screen and (max-width: 767px) {
.d-bottom3 {
padding: 20px 0  0; } } .detail-character-container .swiper-button-next {
left: 15px;
opacity: 0;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; }
.detail-character-container .swiper-button-prev {
right: 15px;
opacity: 0;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; }
.detail-character-container:hover .swiper-button-next, .detail-character-container:hover .swiper-button-prev {
opacity: 1; }
.ingred {
margin-top: 150px; }
@media only screen and (max-width: 767px) {
.ingred {
margin-top: 50px;
padding: 0 15px; } }
.ingred .ingred-box {
margin-top: 50px; }
.ingred .ingred-box .ingred-list {
text-align: center; }
.ingred .ingred-box .ingred-list li {
list-style: none;
display: inline-table;
margin-right: 15px; }
@media only screen and (max-width: 767px) {
.ingred .ingred-box .ingred-list li {
width: 100%; } }
.ingred .ingred-box .ingred-list li .name-group-ingred {
font-size: 10px;
color: rgba(0, 0, 0, 0.5);
letter-spacing: 5px;
text-transform: uppercase; }
@media only screen and (min-width: 1025px) {
.ingred .ingred-box .ingred-list li .name-group-ingred {
display: inline-table;
width: 50px;
float: left;
text-align: right;
position: relative;
top: 3px; } }
@media (max-width: 1024px) and (min-width: 768px) {
.ingred .ingred-box .ingred-list li .name-group-ingred {
display: inline-table; } }
.ingred .ingred-box .ingred-list li span {
font-size: 30px;
line-height: 30px; }
@media only screen and (max-width: 767px) {
.ingred .ingred-box .ingred-list li span {
font-size: 20px; } }
.ingred .ingred-box .ingred-list li .gg {
font-family: "Playfair Display", serif; }
.ingred .ingred-box .ingred-list li .element-ingred {
color: rgba(0, 0, 0, 0.5);
padding-left: 5px; } .flim_mapview {
padding: 0; }
.flim_mapview .show-hide, .flim_mapview .show-hide2 {
text-align: center;
line-height: 40px;
cursor: pointer;
text-transform: uppercase;
font-size: 12px;
position: absolute;
top: 6%;
z-index: 1;
right: 0;
width: 140px;
height: 40px;
background: #fff; }
.flim_mapview .show-hide .icon-ct, .flim_mapview .show-hide2 .icon-ct {
margin-right: 10px;
margin-left: 10px; }
#form-contact, #form-contact2, #addres, #addres {
width: 100%;
height: 100%;
color: #fff; }
@media only screen and (min-width: 768px) {
#form-contact, #form-contact2, #addres, #addres {
display: none;
top: 0;
position: absolute;
background: #111111; } }
#form-contact .form, #form-contact2 .form, #addres .form, #addres .form {
text-align: center; }
@media only screen and (min-width: 768px) {
#form-contact .form, #form-contact2 .form, #addres .form, #addres .form {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); } }
@media (max-width: 767px) and (min-width: 640px) {
#form-contact .form, #form-contact2 .form, #addres .form, #addres .form {
width: 100%; } }
#form-contact .form .white-desc, #form-contact2 .form .white-desc, #addres .form .white-desc, #addres .form .white-desc {
line-height: 1.4; }
@media only screen and (min-width: 1025px) {
#form-contact .form .white-desc, #form-contact2 .form .white-desc, #addres .form .white-desc, #addres .form .white-desc {
font-size: 0.875em; } }
@media only screen and (min-width: 1025px) {
#form-contact .form .list-social, #form-contact2 .form .list-social, #addres .form .list-social, #addres .form .list-social {
padding: 10px; } }
#form-contact .form .list-social li, #form-contact2 .form .list-social li, #addres .form .list-social li, #addres .form .list-social li {
padding: 0 7px; }
#form-contact .form .list-social li a, #form-contact2 .form .list-social li a, #addres .form .list-social li a, #addres .form .list-social li a {
font-size: 12px;
font-family: "pb-regular";
width: 30px;
height: 30px;
background: #414141;
border-radius: 15px;
position: relative;
display: inline-block; }
@media only screen and (max-width: 767px) {
#form-contact .form .list-social li a, #form-contact2 .form .list-social li a, #addres .form .list-social li a, #addres .form .list-social li a {
background: rgba(0, 0, 0, 0.5);
width: 25px;
height: 25px; } }
#form-contact .form .list-social li a i, #form-contact2 .form .list-social li a i, #addres .form .list-social li a i, #addres .form .list-social li a i {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
#form-contact .form .list-social li a:hover, #form-contact2 .form .list-social li a:hover, #addres .form .list-social li a:hover, #addres .form .list-social li a:hover {
background: #fff; }
@media only screen and (max-width: 767px) {
#form-contact .form .list-social li a:hover, #form-contact2 .form .list-social li a:hover, #addres .form .list-social li a:hover, #addres .form .list-social li a:hover {
background: #000; } }
#form-contact .form .list-social li a:hover i, #form-contact2 .form .list-social li a:hover i, #addres .form .list-social li a:hover i, #addres .form .list-social li a:hover i {
color: rgba(0, 0, 0, 0.9); }
@media only screen and (max-width: 767px) {
#form-contact .form .list-social li a:hover i, #form-contact2 .form .list-social li a:hover i, #addres .form .list-social li a:hover i, #addres .form .list-social li a:hover i {
color: #fff; } }
#form-contact .form .address-info, #form-contact2 .form .address-info, #addres .form .address-info, #addres .form .address-info {
line-height: 24px;
font-weight: 700; }
@media only screen and (max-width: 767px) {
#form-contact .form .address-info, #form-contact2 .form .address-info, #addres .form .address-info, #addres .form .address-info {
color: rgba(0, 0, 0, 0.5);
padding: 0 15px;
font-size: 0.8125em;
line-height: 1.5em; } }
#form-contact .form .title-white, #form-contact2 .form .title-white, #addres .form .title-white, #addres .form .title-white {
letter-spacing: 7px;
color: #fff;
font-size: 16px;
margin-bottom: 20px; }
@media only screen and (max-width: 767px) {
#form-contact .form .title-white, #form-contact2 .form .title-white, #addres .form .title-white, #addres .form .title-white {
color: #000; } }
#form-contact .form .info, #form-contact2 .form .info, #addres .form .info, #addres .form .info {
margin: 0 auto; }
#form-contact .form .info i, #form-contact2 .form .info i, #addres .form .info i, #addres .form .info i {
color: rgba(255, 255, 255, 0.4); }
#form-contact .form ul, #form-contact2 .form ul, #addres .form ul, #addres .form ul {
list-style: none; }
#form-contact .form a, #form-contact2 .form a, #addres .form a, #addres .form a {
color: rgba(255, 255, 255, 0.2); }
#form-contact .form a:hover, #form-contact2 .form a:hover, #addres .form a:hover, #addres .form a:hover {
color: #fff; }
@media only screen and (min-width: 1025px) {
.c-right {
padding-right: 10px !important; } }
@media only screen and (min-width: 1025px) {
.c-left {
padding-left: 10px !important; } }
.ct_form {
padding: 0 50px;
margin-top: 30px; }
@media only screen and (max-width: 767px) {
.ct_form {
padding: 0 15px; } }
.ct_form span.wpcf7-not-valid-tip {
position: relative;
top: -10px;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; }
.ct_form input[type="text"], .ct_form input[type="email"], .ct_form textarea {
background: none;
border: 0;
padding: 10px 20px;
width: 100%;
margin-bottom: 20px;
box-shadow: none;
font-size: 12px;
border: 1px solid rgba(255, 255, 255, 0.3); }
@media only screen and (max-width: 767px) {
.ct_form input[type="text"], .ct_form input[type="email"], .ct_form textarea {
border: 1px solid rgba(0, 0, 0, 0.3);
color: rgba(0, 0, 0, 0.5); } }
.ct_form input[type="text"]::-webkit-input-placeholder, .ct_form input[type="text"]::-moz-placeholder, .ct_form input[type="email"]::-webkit-input-placeholder, .ct_form input[type="email"]::-moz-placeholder, .ct_form textarea::-webkit-input-placeholder, .ct_form textarea::-moz-placeholder {
color: rgba(255, 255, 255, 0.3); }
@media only screen and (max-width: 767px) {
.ct_form input[type="text"]::-webkit-input-placeholder, .ct_form input[type="text"]::-moz-placeholder, .ct_form input[type="email"]::-webkit-input-placeholder, .ct_form input[type="email"]::-moz-placeholder, .ct_form textarea::-webkit-input-placeholder, .ct_form textarea::-moz-placeholder {
color: rgba(0, 0, 0, 0.2); } }
.ct_form input[type="text"]:focus, .ct_form input[type="email"]:focus, .ct_form textarea:focus {
outline: none; }
.ct_form input[type="text"]:hover, .ct_form input[type="text"]:active, .ct_form input[type="text"]:focus, .ct_form input[type="email"]:hover, .ct_form input[type="email"]:active, .ct_form input[type="email"]:focus, .ct_form textarea:hover, .ct_form textarea:active, .ct_form textarea:focus {
border-color: #fff; }
@media only screen and (max-width: 767px) {
.ct_form input[type="text"]:hover, .ct_form input[type="text"]:active, .ct_form input[type="text"]:focus, .ct_form input[type="email"]:hover, .ct_form input[type="email"]:active, .ct_form input[type="email"]:focus, .ct_form textarea:hover, .ct_form textarea:active, .ct_form textarea:focus {
border-color: #000; } }
.ct_form input[type="submit"] {
width: 100% !important;
padding: 15px 0;
border: none;
color: #000;
background: #fff;
font-family: "pb-regular";
font-size: 0.75em;
letter-spacing: 2px; }
@media only screen and (max-width: 767px) {
.ct_form input[type="submit"] {
background: rgba(0, 0, 0, 0.5);
color: #fff;
padding: 12px;
font-size: 0.625em; } }
.ct_form label {
width: 100%;
position: relative; }
.ct_form label i {
position: absolute;
right: 30%;
top: 17px;
color: #000;
font-size: 14px; }
@media only screen and (max-width: 767px) {
.ct_form label i {
color: #fff;
right: 28%; } }
@media only screen and (max-width: 1024px) {
.ct_form label i {
display: none; } }
#flim_mapview {
width: 100%;
height: 1000px; }
@media (max-width: 1024px) and (min-width: 992px) {
#flim_mapview {
height: 900px; } }
@media (max-width: 991px) and (min-width: 768px) {
#flim_mapview {
height: 800px; } }
@media only screen and (max-width: 767px) {
#flim_mapview { height: 35vh; } }
.fl-row {
padding: 0 300px;
display: table; }
@media (max-width: 1024px) and (min-width: 992px) {
.fl-row {
padding: 0 150px; } }
@media (max-width: 991px) and (min-width: 768px) {
.fl-row {
padding: 0 100px; } }
@media only screen and (max-width: 767px) {
.fl-row {
padding: 0 15px; } }
@media (max-width: 320px) {
.fl-row {
padding: 0 !important; } }
#form-contact2 {
display: block !important; }
.show-hide, .show-hide2 {
box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1); }
@media only screen and (max-width: 767px) {
.show-hide, .show-hide2 {
display: none; } }  #form-contact2 {
background: #111111;
width: 100%;
height: 1000px; }
@media (max-width: 1024px) and (min-width: 992px) {
#form-contact2 {
height: 800px; } }
@media (max-width: 991px) and (min-width: 768px) {
#form-contact2 {
height: 800px; } }
@media only screen and (max-width: 767px) {
#form-contact2 {
background: transparent; } }
@media (max-width: 1024px) and (min-width: 992px) {
#form-contact2 .fl-row {
padding: 0 230px; } }
@media (max-width: 991px) and (min-width: 768px) {
#form-contact2 .fl-row {
padding: 0 150px; } }
#form-contact2 .ct_form {
margin-top: 0; }
@media (max-width: 1024px) and (min-width: 768px) {
#form-contact2 ul.list-social {
margin: 0; } }
@media only screen and (max-width: 767px) {
#form-contact2 ul.list-social {
margin: 0 !important; } }
#form-contact2 .form {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
text-align: center; }
@media only screen and (max-width: 767px) {
#form-contact2 .form {
width: 100%; } }
#form-contact2 .form .white-desc {
line-height: 1.4; }
#form-contact2 .form .list-social span {
width: 30px;
height: 30px;
background: rgba(255, 255, 255, 0.4);
display: inline-block;
text-align: center;
border-radius: 50%;
padding-top: 4px;
margin-right: 8px; }
#form-contact2 .form .list-social span a {
font-size: 16px;
padding: 0; }
#form-contact2 .form .address-info {
line-height: 20px; }
@media (max-width: 1024px) and (min-width: 768px) {
#form-contact2 .form .address-info {
padding: 0 30px; } }
#form-contact2 .form .title-white {
color: #fff;
margin-bottom: 20px; }
@media only screen and (max-width: 767px) {
#form-contact2 .form .title-white {
color: #000; } }
#form-contact2 .form .info {
margin: 0 auto; }
#form-contact2 .form .info i {
color: rgba(255, 255, 255, 0.4); }
#form-contact2 .form ul {
list-style: none; }
#form-contact2 .form a {
color: rgba(255, 255, 255, 0.2); }
#form-contact2 .form a:hover {
color: #fff; }
#form-contact2 .form .form-1 {
display: table;
margin: 20px 15%; }
#form-contact2 .form .form-1 .form-group {
padding: 0; }
#form-contact2 .form .form-1 .form-group:first-child {
padding: 0 10px 0 0; }
#form-contact2 .form .form-1 .form-group:nth-child(2) {
padding: 0 0 0 10px; }
#form-contact2 .form .form-1 .form-group .text-area {
color: #fff;
width: 100%;
height: 150px;
background: none;
border-color: rgba(255, 255, 255, 0.2);
line-height: 20px; }
#form-contact2 .form .form-1 .form-group .text-area::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
#form-contact2 .form .form-1 .form-group .text-area::-moz-placeholder { color: rgba(255, 255, 255, 0.5); }
#form-contact2 .form .form-1 .form-group .text-area:hover, #form-contact2 .form .form-1 .form-group .text-area:focus {
border-color: #fff;
outline: 0; }
#form-contact2 .form .form-1 .form-group .form-control {
border-color: rgba(255, 255, 255, 0.2);
color: #fff;
border-radius: 0;
background: none;
height: 42px;
padding-bottom: 12px;
padding: 9px 20px; }
#form-contact2 .form .form-1 .form-group .form-control:hover, #form-contact2 .form .form-1 .form-group .form-control:focus {
border-color: #fff;
outline: 0; }
#form-contact2 .form .form-1 .form-group .form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
#form-contact2 .form .form-1 .form-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5); }
#form-contact2 .form .form-1 .submit-contact {
padding: 10px 0 9px 0;
background: #fff;
color: #000; }
@media only screen and (max-width: 767px) {
#form-contact2 .form .form-1 .submit-contact {
padding: 5px 0; } }
#form-contact2 .form .form-1 .submit-contact a {
color: #000; }
#form-contact2 .form .form-1 .submit-contact .btn-icon {
background: none;
border: none; }
@media (max-width: 1024px) and (min-width: 992px) {
.flim_mapview {
height: 800px;
overflow: hidden; } }
@media (max-width: 991px) and (min-width: 768px) {
.flim_mapview {
height: 800px; } }
@media only screen and (max-width: 767px) {
.mapview1 {
display: none; } }
#addres {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
position: absolute;
top: 0; }
#addres .form .title-white {
margin-bottom: 10px; }
#addres .form .white-desc {
font-weight: 700;
font-size: 16px; }
#addres .item-add {
padding: 30px 0; }
.show-hide2 {
text-align: center;
line-height: 40px;
cursor: pointer;
text-transform: uppercase;
font-size: 12px;
position: absolute;
top: 6%;
z-index: 1;
right: 0;
width: 140px;
height: 40px;
background: #fff; }   .content-blog-1 {
margin-top: 180px; }
.content-blog-1 .list-post-item {
list-style: none;
padding: 0; }
@media only screen and (max-width: 767px) {
.content-blog-1 .list-post-item {
padding: 0 15px; } }
.content-blog-1 .list-post-item .post-item {
padding-left: 0;
display: table;
margin-bottom: 100px; }
@media only screen and (min-width: 768px) {
.content-blog-1 .list-post-item .post-item {
padding: 0 40px; } }
@media only screen and (max-width: 767px) {
.content-blog-1 .list-post-item .post-item {
padding: 0;
margin-bottom: 50px; } }
.content-blog-1 .list-post-item .post-item a {
color: rgba(0, 0, 0, 0.6); }
.content-blog-1 .list-post-item .post-item a:hover {
color: #000; }
.content-blog-1 .list-post-item .post-item:hover .more {
opacity: 1; }
.content-blog-1 .list-post-item .post-item .post-image {
padding: 0; }
.content-blog-1 .list-post-item .post-item .post-image .img-black {
height: auto;
width: 100%;
overflow: hidden; }
@media only screen and (max-width: 1024px) {
.content-blog-1 .list-post-item .post-item .post-image .img-black {
min-height: 260px; }
.content-blog-1 .list-post-item .post-item .post-image .img-black img {
min-height: 260px; } }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.content-blog-1 .list-post-item .post-item .post-image .img-black {
width: 100%;
min-height: 140px; }
.content-blog-1 .list-post-item .post-item .post-image .img-black img {
min-height: 140px; } }
.content-blog-1 .list-post-item .post-item .post-image .img-black iframe {
width: 100%;
height: 330px; }
@media only screen and (max-width: 1024px) {
.content-blog-1 .list-post-item .post-item .post-image .img-black iframe {
height: 260px; } }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.content-blog-1 .list-post-item .post-item .post-image .img-black iframe {
height: 150px; } }
.content-blog-1 .list-post-item .post-item .post-image .date-post {
position: absolute;
left: -20px;
top: 20px;
z-index: 9;
font-size: 18px;
text-align: center;
width: 55px; }
@media only screen and (min-width: 1500px) {
.content-blog-1 .list-post-item .post-item .post-image .date-post {
left: -33px;
width: 70px;
font-size: 20px; } }
@media only screen and (max-width: 1024px) {
.content-blog-1 .list-post-item .post-item .post-image .date-post {
left: -20px;
font-size: 16px;
width: 45px; } }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.content-blog-1 .list-post-item .post-item .post-image .date-post {
left: -15px;
font-size: 12px;
width: 30px; } }
.content-blog-1 .list-post-item .post-item .post-image .date-post ul {
list-style: none; }
.content-blog-1 .list-post-item .post-item .post-image .date-post ul li {
color: #000;
font-size: 2.5em;
width: 100%;
line-height: 1; }
.content-blog-1 .list-post-item .post-item .post-image .date-post ul li:first-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
.content-blog-1 .list-post-item .post-item .post-image .date-post ul li:last-child {
padding-top: 4px; }
.content-blog-1 .list-post-item .post-item .more {
opacity: 0; }
@media only screen and (max-width: 1024px) {
.content-blog-1 .list-post-item .post-item .more {
opacity: 1; } }
.content-blog-1 .list-post-item .post-item .post-info2 {
padding: 30px 20px 0 0 !important; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.content-blog-1 .list-post-item .post-item .post-info2 {
padding: 15px 0 0 0 !important; } }
.content-blog-1 .list-post-item .post-item .post-info {
padding: 30px 20px 0 35px; }
@media (max-width: 1024px) and (min-width: 992px) {
.content-blog-1 .list-post-item .post-item .post-info {
padding: 0 20px 0 30px; } }
@media (max-width: 991px) and (min-width: 768px) {
.content-blog-1 .list-post-item .post-item .post-info {
padding: 20px 0 0 0;
text-align: center; } }
@media only screen and (max-width: 767px) {
.content-blog-1 .list-post-item .post-item .post-info {
padding: 20px 0 0 0;
text-align: center; } }
.content-blog-1 .list-post-item .post-item .post-info .title-post {
font-size: 30px;
padding: 16px 0; }
@media only screen and (max-width: 1024px) {
.content-blog-1 .list-post-item .post-item .post-info .title-post {
font-size: 24px; } }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.content-blog-1 .list-post-item .post-item .post-info .title-post {
font-size: 16px; } }
.content-blog-1 .list-post-item .post-item .post-info .gray-desc {
font-weight: 400;
line-height: 1.5em;
padding-bottom: 40px; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.content-blog-1 .list-post-item .post-item .post-info .gray-desc {
font-size: 14px;
padding-bottom: 20px; } }
@media (max-width: 991px) and (min-width: 768px) {
.content-blog-1 .list-post-item .post-item .post-info .info {
margin: 0 auto; } }
@media only screen and (max-width: 767px) {
.content-blog-1 .list-post-item .post-item .post-info .info {
margin: 0 auto; } }
.content-blog-1 .list-post-item .post-item .post-info .info .more-info li {
padding: 0 15px; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.content-blog-1 .list-post-item .post-item .post-info .info .more-info li {
padding: 0 10px; } }
.content-blog-1 .list-post-item .post-item .post-info .info .more-info li i {
padding-right: 5px; }
.content-blog-1 .list-post-item .post-item .post-info .info .more-info li:first-child {
text-transform: none;
padding-left: 0; }
.content-blog-1 .list-post-item .post-item img {
width: 100%;
height: auto;
opacity: 1; }
.content-blog-1 .list-post-item .post-item:last-child {
margin-bottom: 50px; } .archive-sidebar {
padding-left: 80px; }
@media only screen and (max-width: 1024px) {
.archive-sidebar {
padding: 0 25px; } }
@media only screen and (max-width: 1024px) {
.havesidebar .archive-sidebar {
padding: 0 20px 0 0; } }
@media only screen and (max-width: 1024px) {
.havesidebar .list-post-item {
padding: 0 40px; } }  .blog2 {
padding: 0 0 0 55px; }
.blog2 img {
width: 100%; }
.blog2 .most {
padding-bottom: 100px; }
.blog2 .most .title-gray {
padding-bottom: 20px; }
.blog2 .most .post-most-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px 0; }
.blog2 .most .post-most-item:after {
content: '';
clear: both;
display: table; }
.blog2 .most .title-post {
line-height: 1.3; }  .blog-03 {
margin: 140px 0; }
.blog-03 .pagi {
margin: 50px 0; }
.blog-03 .list-post-03 {
padding: 0 40px 10px 0;
list-style: none;
border-bottom: rgba(0, 0, 0, 0.05) 1px solid; }
@media only screen and (max-width: 1024px) {
.blog-03 .list-post-03 {
padding: 0 20px 10px 30px; } }
.blog-03 .list-post-03 .item {
display: table;
clear: both;
margin-bottom: 140px; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.blog-03 .list-post-03 .item {
margin-bottom: 100px; } }
.blog-03 .list-post-03 .item a {
color: rgba(0, 0, 0, 0.5); }
.blog-03 .list-post-03 .item img {
width: 100%;
height: auto; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.blog-03 .list-post-03 .item img {
min-height: 150px; } }
.blog-03 .list-post-03 .item .no-img-title .title-post {
text-align: left; }
.blog-03 .list-post-03 .item .post-t {
float: left;
width: 50%;
padding: 10px 15px 20px 30px; }
@media only screen and (max-width: 1024px) {
.blog-03 .list-post-03 .item .post-t {
padding: 0 15px 20px 30px; } }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.blog-03 .list-post-03 .item .post-t {
width: 100%;
padding: 10px 5px 20px 5px;
text-align: center; } }
.blog-03 .list-post-03 .item .post-t .info {
padding: 15px 0; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.blog-03 .list-post-03 .item .post-t .info {
padding: 5px 0;
margin: 0 auto; }
.blog-03 .list-post-03 .item .post-t .info .more-info > li {
padding: 0 8px; }
.blog-03 .list-post-03 .item .post-t .info .more-info > li:first-child {
padding-left: 0; } }
.blog-03 .list-post-03 .item .post-t .title-post a {
line-height: 30px;
font-size: 20px;
color: #000; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.blog-03 .list-post-03 .item .post-t .title-post a {
font-size: 16px; } }
.blog-03 .list-post-03 .item .post-img {
position: relative;
width: 50%;
float: left; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.blog-03 .list-post-03 .item .post-img {
width: 100%; } }
.blog-03 .list-post-03 .item .post-img .date-post {
position: absolute;
left: -15px;
top: 15px;
z-index: 9; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.blog-03 .list-post-03 .item .post-img .date-post {
left: -10px; } }
.blog-03 .list-post-03 .item .post-img .date-post ul {
list-style: none; }
.blog-03 .list-post-03 .item .post-img .date-post ul li {
color: #000;
font-size: 40px;
width: 100%;
line-height: 1em; }
.blog-03 .list-post-03 .item .post-img .date-post ul li:first-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.blog-03 .list-post-03 .item .post-img .date-post ul li {
font-size: 24px; } }
.blog-03 .list-post-03 .item:nth-child(3n+1) .post-img {
width: 100%;
height: auto; }
.blog-03 .list-post-03 .item:nth-child(3n+1) .post-t {
width: 100%;
padding: 10px 60px 0 0; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.blog-03 .list-post-03 .item:nth-child(3n+1) .post-t {
padding: 10px 0 0 0; } }   .header-flim3 {
float: left;
width: 100%;
height: auto;
position: relative; }
.header-flim3 .top-header {
float: left;
width: 100%;
height: 100px;
top: 15px;
left: 0px;
position: absolute; }
.header-flim3 .top-header .container-fluid {
position: relative;
height: 100%;
padding: 0;
width: 90%; }
.header-flim3 .top-header .logo-main, .header-flim3 .top-header .humber-flim {
position: absolute;
float: left;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.header-flim3 .top-header .left {
position: absolute;
right: 0px;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.header-flim3 .top-header .left a {
color: #fff; }
.header-flim3 .top-header .left i {
padding: 0 15px; }
.header-flim3 .slider-bloger {
float: left;
width: 100%;
height: auto; }
.header-flim3 .slider-bloger img {
width: 100%;
height: auto; }
.humber {
width: 28px;
height: auto;
position: absolute;
left: 0px;
background: transparent;
border: none;
border-radius: 0;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.humber i {
float: left;
margin-top: 2px;
height: 3px;
background: #fff;
width: 100%; }
.humber i:first-child {
margin-top: 0px; }    .detail-blog-1 {
margin: 180px 0 130px 0; }
@media (max-width: 1024px) and (min-width: 992px) {
.detail-blog-1 {
margin: 100px 0; } }
@media (max-width: 991px) and (min-width: 768px) {
.detail-blog-1 {
margin: 50px 0; } }
@media only screen and (max-width: 767px) {
.detail-blog-1 {
margin: 30px 0 50px 0;
padding: 0 15px; } }
.detail-blog-1 .border {
margin-top: 70px; }
@media (max-width: 1024px) and (min-width: 768px) {
.detail-blog-1 .border {
margin-top: 50px; } }
@media only screen and (max-width: 767px) {
.detail-blog-1 .border {
margin-top: 30px;
padding-bottom: 50px; } }
.detail-blog-1 .imageshowpost {
position: relative;
overflow: hidden; }
.detail-blog-1 .imageshowpost .title-gray {
font-size: 12px;
letter-spacing: 4px; }
.detail-blog-1 .detail-note {
margin: 100px 0 50px 0; }
.detail-blog-1 .detail-note .detail-title {
padding: 15px 0; }
.detail-blog-1 .detail-coments .avt img {
width: 130px; }
.detail-blog-1 .detail-coments .comment {
display: table; }
.detail-blog-1 .detail-coments .comment .member {
padding: 23px 0; }
.detail-blog-1 .detail-coments .comment .txt {
padding: 5px 30px 5px 30px; }
.detail-blog-1 .detail-coments .comment .txt .gray-desc {
padding-top: 5px;
line-height: 1.2em; }
.detail-blog-1 .detail-coments .comment .txt .rep-time {
letter-spacing: 1px;
font-size: 12px;
font-family: "pb-regular";
color: rgba(0, 0, 0, 0.3); }
.detail-blog-1 .detail-coments .comment .txt .rep-time a {
color: rgba(0, 0, 0, 0.3);
padding-left: 10px; }
.detail-blog-1 .detail-coments .comment .txt .rep-time a i {
color: rgba(0, 0, 0, 0.1); }
.detail-blog-1 .detail-coments .comment .rep {
padding-left: 80px; }
.detail-blog-1 .detail-coments .detail-title {
letter-spacing: 1px;
margin: 80px 0 20px 0; }
.detail-blog-1 .desc-author {
margin-right: 40px;
padding: 50px 0;
display: table;
border-top: 2px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.detail-blog-1 .desc-author .txt {
padding: 15px 50px 5px 0px; }
.detail-blog-1 .desc-author .txt .desc-cmt {
line-height: 1.2em; }
.detail-blog-1 .desc-author .txt .beau {
padding: 5px 0;
font-family: "Playfair Display", serif;
font-weight: 700;
font-size: 16px;
text-transform: uppercase; }
.detail-blog-1 .desc-author .txt .beau1 {
padding-top: 20px;
font-size: 11px;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.4); }
.detail-blog-1 .content-post {
padding: 0 30px 0 70px; }
@media only screen and (max-width: 1024px) {
.detail-blog-1 .content-post {
padding: 0; } }
.detail-blog-1 .desc-more {
margin: 60px 0 100px 0; }
.detail-blog-1 .img-post-detail {
position: relative;
height: auto;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); }
.detail-blog-1 .img-post-detail iframe {
width: 100%; }
@media only screen and (max-width: 1024px) {
.detail-blog-1 .img-post-detail {
padding: 0 40px; } }
.detail-blog-1 .img-post-detail .no-img-fl {
margin-top: 200px; }
.detail-blog-1 .post .desc-more {
font-weight: 400;
line-height: 30px;
color: rgba(0, 0, 0, 0.8); }
.detail-blog-1 .content-detail-post1 {
border-right: 1px solid rgba(0, 0, 0, 0.1); }
@media (max-width: 991px) and (min-width: 768px) {
.detail-blog-1 .content-detail-post1 {
border-right: none; } }
@media only screen and (max-width: 767px) {
.detail-blog-1 .content-detail-post1 {
padding: 0 15px;
border-right: none; } }
.detail-blog-1 .content-post-d1 {
padding: 0 40px 0 0px; }
@media (max-width: 1024px) and (min-width: 992px) {
.detail-blog-1 .content-post-d1 {
padding: 0 0px 0 15px; } }
@media (max-width: 991px) and (min-width: 768px) {
.detail-blog-1 .content-post-d1 {
padding: 0 15px; } }
@media only screen and (max-width: 767px) {
.detail-blog-1 .content-post-d1 {
padding: 0; } }
.detail-blog-1 .content-post-d1 .list-social li:first-child {
text-transform: none; }
.detail-blog-1 .content-post-d1 .list-social a {
padding-left: 10px; }
.detail-blog-1 .prev-detail {
right: 30px;
text-align: right; }
@media (max-width: 1024px) and (min-width: 768px) {
.detail-blog-1 .prev-detail {
right: 0; } }
.detail-blog-1 .prev-detail .title-gray {
padding: 10px 0; }
.detail-blog-1 .prev-detail .img-control:before {
content: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/images/icons/arrow-next.png);
display: table;
position: absolute;
top: 40%;
opacity: 0.3;
right: -15px; }
.detail-blog-1 .next-detail {
left: 30px; }
@media (max-width: 1024px) and (min-width: 992px) {
.detail-blog-1 .next-detail {
left: 0; } }
.detail-blog-1 .next-detail .title-gray {
padding: 10px 0; }
.detail-blog-1 .next-detail .img-control:before {
content: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/images/icons/arrow-prev.png);
display: table;
position: absolute;
top: 40%;
opacity: 0.3;
left: -15px; }
.detail-blog-1 .control {
position: absolute;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 60%;
width: 190px;
z-index: 2;
display: none; }
.detail-blog-1 .control .img-control {
position: relative; }
.detail-blog-1 .control .img-control img {
width: 100%;
height: auto; }
@media only screen and (min-width: 1920px) {
.detail-blog-1 .control {
display: block; } }
.detail-blog-1 .control img {
height: auto;
width: 100%;
min-height: 100px; }
@media (max-width: 1024px) and (min-width: 992px) {
.detail-blog-1 .control .title-desc {
font-size: 16px; } }
.post-detail {
position: relative; }
.post-detail img {
height: auto;
width: 100%; }
.post-detail .date-post {
position: absolute;
left: -15px;
top: 80px;
font-size: 20px; }
@media only screen and (max-width: 1024px) {
.post-detail .date-post {
left: 16px;
top: 50px; } }
.post-detail .date-post ul {
list-style: none; }
.post-detail .date-post ul li {
width: 100%;
color: #000;
font-size: 2.5em;
line-height: 1; }
.post-detail .date-post ul li:first-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.blog-detail-social {
margin: 30px 0; }
@media only screen and (max-width: 767px) {
.blog-detail-social {
margin: 20px 0; } }
.blog-detail-social .list-social {
margin: 0 !important; }
.wrapper-blog-detail {
padding: 0 150px; }
@media (max-width: 1024px) and (min-width: 992px) {
.wrapper-blog-detail {
padding: 0 100px; } }
@media (max-width: 991px) and (min-width: 768px) {
.wrapper-blog-detail {
padding: 0 50px; } }
@media only screen and (max-width: 767px) {
.wrapper-blog-detail {
padding: 0 15px; } }
.wrapper-blog-detail .list-social {
margin: 15px 0; }
.wrapper-blog-detail .title-bold {
font-size: 50px;
line-height: 1.2em; }
@media (max-width: 1024px) and (min-width: 992px) {
.wrapper-blog-detail .title-bold {
font-size: 40px; } }
@media only screen and (max-width: 767px) {
.wrapper-blog-detail .title-bold {
font-size: 20px; } }
.wrapper-blog-detail .info {
margin: 0 auto; }
.wrapper-blog-detail .info ul {
float: left; }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.wrapper-blog-detail .info ul {
float: none; } }
.wrapper-blog-detail .info ul.author-name li {
border-right: 1px solid rgba(0, 0, 0, 0.1);
padding: 0 10px; }
@media (max-width: 320px) {
.wrapper-blog-detail .info ul.author-name li {
padding: 0 7px; } }
.wrapper-blog-detail .info ul li {
display: inline;
padding: 0 5px; }
.wrapper-blog-detail .info ul li a {
color: rgba(0, 0, 0, 0.5); }
.wrapper-blog-detail .info ul li a:hover {
color: #000; }
.wrapper-blog-detail .info ul b {
padding-left: 5px; }
.wrapper-blog-detail .info ul:last-child {
padding-left: 5px; }
.list-comment .comment {
display: inline-flex;
margin: 20px 0; }
.list-comment .comment .avt {
float: left; }
.list-comment .comment .txt {
float: left;
padding: 10px 20px;
width: 73%; }
@media only screen and (max-width: 767px) {
.list-comment .comment .txt {
padding: 0 0 0 10px;
width: 80%; } }
.list-comment .comment .txt .author-comment {
color: #000; }
@media only screen and (max-width: 767px) {
.list-comment .comment .txt .author-comment {
font-size: 13px; } }
.list-comment .comment .txt .reply-time {
letter-spacing: 1px;
font-size: 11px;
color: rgba(0, 0, 0, 0.5);
line-height: 2em; }
@media only screen and (max-width: 767px) {
.list-comment .comment .txt .reply-time {
font-size: 11px; } }
.list-comment .comment .txt .reply-time .rep i {
padding: 0 8px;
color: rgba(0, 0, 0, 0.3); }
.list-comment .comment .txt .reply-time .rep i:hover {
color: #000; }
.list-comment .comment .txt .reply-time:before {
content: " / ";
float: left;
padding: 0 10px; }
.list-comment .comment-message {
line-height: 1.5em;
min-width: 230px; }
@media only screen and (max-width: 767px) {
.list-comment .comment-message {
font-size: 13px;
line-height: 1.5em; } }
.list-comment .sub-list-comment {
margin: -20px 0 0 100px; }
@media only screen and (max-width: 767px) {
.list-comment .sub-list-comment {
margin: 0 0 0 50px; }
.list-comment .sub-list-comment .comment {
margin: 0 10px; }
.list-comment .sub-list-comment .txt {
width: 100%;
padding: 10px 0 0 0; }
.list-comment .sub-list-comment .reply-time:before {
padding: 0 5px !important; } }
.list-comment .author-comment, .list-comment .author-comment, .list-comment .reply-time, .list-comment img {
float: left; }
.single-right-sidebar {
padding-left: 40px; }
@media (max-width: 1024px) and (min-width: 992px) {
.single-right-sidebar {
padding: 0 15px 0 30px; } }
.single-right-sidebar .right-widget {
margin-bottom: 120px; }
@media (max-width: 1024px) and (min-width: 992px) {
.single-right-sidebar .right-widget {
margin-bottom: 50px; } }
.single-right-sidebar .right-widget .widget-title {
margin: 0 0 20px;
font-size: 1.25em; }
@media (max-width: 1024px) and (min-width: 992px) {
.single-right-sidebar .right-widget .widget-title {
margin-bottom: 10px; } }
.blog-item ul.time-more-new-blog {
font-size: 14px;
font-family: "pb-bold"; }
@media only screen and (max-width: 767px) {
.blog-item ul.time-more-new-blog {
font-size: 12px; } }
.blog-item ul.time-more-new-blog li {
display: inline-block; }
.blog-item ul.time-more-new-blog li i {
border-left: 1px solid rgba(0, 0, 0, 0.2);
line-height: 14px;
padding-left: 15px; } .edit-link {
text-align: center;
clear: both;
width: 100%;
padding-top: 150px; } @media only screen and (min-width: 1500px) {
.author-avatar img {
width: 150px;
height: 150px; } }
@media only screen and (max-width: 767px) {
.author-avatar img {
width: 100%;
height: auto; } }
@media only screen and (max-width: 767px) {
.about-post-author {
padding-left: 15px; }
.about-post-author .author-desc {
font-size: 0.8125em; } }
@media only screen and (max-width: 767px) {
.avt img {
width: 50px;
height: 50px; } }
@media only screen and (max-width: 767px) {
.des {
font-size: 13px; } }
.blog-detail-social .more-info ul li {
border-right: none; }
@media only screen and (max-width: 767px) {
.blog-detail-social .more-info ul li {
padding: 0 5px; } }
.about-post-author {
padding-left: 20px; }
.about-post-author a {
color: #000; }
.filmmaker-about-author {
width: 100%;
display: table;
padding: 50px 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
@media only screen and (max-width: 767px) {
.filmmaker-about-author .author-avatar {
width: 15%; } }
.filmmaker-about-author .author-name {
margin: 5px;
text-transform: uppercase; }
.filmmaker-about-author .author-name a {
font-size: 16px;
color: #000; }
@media only screen and (max-width: 767px) {
.new .container-blog .box-center {
margin-bottom: 50px; }
.new .container-blog .box-center img {
height: auto; }
.new .container-blog .box-center .blog-item {
margin-top: 15px; } }
.tags-blog {
margin-bottom: 30px; }
.tags-blog a {
color: rgba(0, 0, 0, 0.5);
padding: 0 5px; }
.tags-blog a:hover {
color: #000; }  .border {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
display: table;
padding-bottom: 80px !important; }
.none-sibar .content-post {
padding: 0; }  .cate-menu {
width: 100%; }
.cate-menu .category-item {
position: relative;
float: left;
width: 100%; }
.cate-menu .category-item:hover .bg-video-category {
background: transparent; }
.cate-menu .category-item .bg-video-category {
position: absolute;
width: 100%;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1; }
.cate-menu .category-item .img-black {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden; }
.cate-menu .category-item .img-black img {
height: 100%;
width: auto;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
@media only screen and (max-width: 780px) {
.cate-menu .category-item .img-black img {
width: 100%; } }
.cate-menu .category-item .cat-1 {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
color: #fff;
z-index: 2; }
.cate-menu .category-item .cat-1 ul {
padding: 15px 0 0px 0;
list-style: none; }
.cate-menu .category-item .cat-1 ul .centertxt {
font-size: 14px;
color: #fff;
letter-spacing: 6px;
text-transform: uppercase; }
.cate-menu .category-item .cat-1 ul .title-white {
font-weight: 700;
text-align: center;
letter-spacing: 3px;
font-family: "pb-regular"; }  @media only screen and (max-width: 1024px) {
#home-blog-template {
margin-bottom: 100px; } }
.wrap {
margin-top: 150px;
height: auto;
padding-right: 25px;
padding-left: 70px; }
@media only screen and (max-width: 1024px) {
.wrap {
margin-top: 103px;
padding-left: 25px;
padding-right: 10px; } }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.wrap {
padding: 0; } }
.wrap .list-post-item {
list-style: none; }
.wrap .list-post-item .post-item {
padding: 0 30px 150px 30px; }
@media only screen and (min-width: 1500px) {
.wrap .list-post-item .post-item {
padding: 0 35px 100px 35px; } }
@media (max-width: 1024px) and (min-width: 768px) {
.wrap .list-post-item .post-item {
padding: 0 20px 80px 20px; } }
@media only screen and (max-width: 767px) {
.wrap .list-post-item .post-item {
padding: 0 15px 50px 15px; } }
.wrap .list-post-item .post-item a {
color: rgba(0, 0, 0, 0.5);
font-size: 0.75em; }
.wrap .list-post-item .post-item a:hover {
color: #000; }
.wrap .list-post-item .post-item .image-post {
position: relative; }
.wrap .list-post-item .post-item .image-post iframe {
width: 100%;
height: 100px; }
@media only screen and (max-width: 767px) {
.wrap .list-post-item .post-item .image-post iframe {
width: 900px;
max-width: 660px; } }
.wrap .list-post-item .post-item .date-post {
position: absolute;
left: -10px;
top: 16px;
z-index: 9; }
.wrap .list-post-item .post-item .date-post ul {
list-style: none; }
.wrap .list-post-item .post-item .date-post ul li {
color: #000;
font-size: 30px;
width: 100%;
line-height: 1; }
.wrap .list-post-item .post-item .date-post ul li:first-child {
border-bottom: 1px solid #000; }
.wrap .list-post-item .post-item .info {
padding: 30px 0 25px 0; }
@media (max-width: 1024px) and (min-width: 992px) {
.wrap .list-post-item .post-item .info {
padding: 20px 0 15px 0; } }
@media only screen and (max-width: 767px) {
.wrap .list-post-item .post-item .info {
margin: 0 auto;
padding: 15px 0 10px 0; } }
.wrap .list-post-item .post-item img {
width: 100%;
height: auto; }
.wrap .list-post-item .post-item .title-post {
line-height: 1.6; }
@media only screen and (max-width: 767px) {
.wrap .list-post-item .post-item .title-post {
text-align: center;
font-size: 16px; } }
.wrap .list-post-item .post-item:hover .more-info li:first-child {
color: #000; }
.wrap .list-post-item .post-item:hover .title-post {
color: #000; }
.video_thumb {
position: relative; }
.video_thumb:before {
content: "";
background: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/images/play.png) no-repeat center;
width: 100%;
height: 100%;
background-size: 11%;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
.info {
display: table;
font-family: "pb-bold";
color: rgba(0, 0, 0, 0.6);
font-size: 12px; }
.info .more-info {
list-style: none;
padding: 0;
font-size: 12px; }
@media (max-width: 1024px) and (min-width: 992px) {
.info .more-info {
font-size: 11px; } }
.info .more-info li {
padding: 0 10px;
letter-spacing: 1px !important;
float: left;
border-right: 1px solid rgba(0, 0, 0, 0.1); }
@media (max-width: 1024px) and (min-width: 992px) {
.info .more-info li {
padding: 0 7px; } }
.info .more-info li:first-child {
text-transform: uppercase;
padding-left: 0; }
.info .more-info li:first-child a {
letter-spacing: 2px; }
.info .more-info li:last-child {
border: none; }
.info .more-info li:nth-child(2) a {
font-size: 0.875em; }
.info .more-info li i {
color: rgba(0, 0, 0, 0.4); }
.info .more-info li i:hover {
color: #000; }  #page404 {
width: 100vw;
height: 100vh;
position: relative;
overflow: hidden;
background: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/images/404bg.jpg) no-repeat center center #000;
position: relative;
padding-top: 145px;
text-align: center; }
#page404 .img404 {
width: 100%;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
object-fit: cover;
z-index: 1; }
@media only screen and (max-width: 1024px) {
#page404 {
width: 100%;
height: auto;
background-size: 100% auto;
padding-bottom: 100px;
min-height: 100vh; } }
#page404 .logo-white {
float: left;
width: 100%;
height: 65px; }
#page404 .logo-white a {
position: relative;
display: block;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2; }
.content-404 {
position: relative;
z-index: 9; }
.box-text404 {
float: left;
width: 100%;
height: auto;
margin-top: 160px;
color: #fff;
text-align: center; }
@media only screen and (max-width: 1024px) {
.box-text404 {
margin-top: 60px; } }
.box-text404 .title-box404 {
font-family: "pb-bold";
font-size: 1em;
color: rgba(255, 255, 255, 0.2);
text-transform: uppercase;
letter-spacing: 5px; }
.box-text404 .text-404 {
font-family: "Playfair Display", serif;
font-size: 6.25em;
font-weight: 700;
margin-bottom: 60px;
float: left;
width: 100%; }
@media only screen and (max-width: 1024px) {
.box-text404 .text-404 {
font-size: 2.8125em; } }
.box-text404 .btn-white {
opacity: 0.5;
display: block-inline;
border: 1px solid #fff;
padding: 13px 40px;
color: #fff;
font-family: "pb-bold";
font-size: 0.625em;
text-transform: uppercase;
letter-spacing: 2px; }
.box-text404 .btn-white:hover {
opacity: 1; }   #cd-timeline {
position: relative;
padding: 2em 0; }
@media only screen and (max-width: 767px) {
#cd-timeline {
padding: 0 15px; } }
#cd-timeline::before { content: '';
position: absolute;
top: 0;
left: 18px;
height: 100%;
width: 4px; }
@media only screen and (min-width: 1170px) {
#cd-timeline::before {
left: 50%;
margin-left: -2px; } }
.cd-timeline-block {
position: relative; }
.cd-timeline-block::after {
clear: both;
content: "";
display: table; }
.cd-timeline-block:before {
position: absolute;
width: 1px;
height: 100%;
left: 50.1%;
background: rgba(0, 0, 0, 0.1);
content: ""; }
@media only screen and (max-width: 767px) {
.cd-timeline-block:before {
left: 0; } }
.cd-timeline-block:last-child:before {
background: none; }
.cd-date {
font-size: 3.125em;
color: rgba(0, 0, 0, 0.2);
font-style: italic;
position: relative; }
@media only screen and (max-width: 767px) {
.cd-date {
font-size: 1.875em; } }
.cd-title {
font-size: 1.875em;
color: #000;
font-weight: 700;
margin: 5px 0 10px 0; }
@media only screen and (max-width: 767px) {
.cd-title {
font-size: 1.25em; } }
.cd-desc {
font-family: "pb-regular";
font-size: 1em;
color: rgba(0, 0, 0, 0.5);
line-height: 1.5em; }
@media only screen and (max-width: 767px) {
.cd-desc {
font-size: 0.8125em; } }
.cd-timeline-img {
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: #000;
left: 50.1%;
margin-left: -2.5px;
outline: 3px solid #fff; -webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden; }
@media only screen and (max-width: 767px) {
.cd-timeline-img {
left: 0.5px; } }
.cd-timeline-content {
position: relative;
margin-left: 60px;
font-family: "Playfair Display", serif;
margin-left: 0;
width: 45%; }
@media only screen and (max-width: 767px) {
.cd-timeline-content {
width: 100%;
padding-left: 20px; } }
.cd-timeline-content::before {
content: '';
position: absolute;
top: 16px;
right: 100%;
height: 0;
width: 0;
border: 7px solid transparent; }
.cd-timeline-block:nth-child(odd) .cd-timeline-content {
top: -43px; }
@media only screen and (min-width: 768px) {
.cd-timeline-block:nth-child(odd) .cd-timeline-content {
float: right; } }
@media only screen and (max-width: 767px) {
.cd-timeline-block:nth-child(odd) .cd-timeline-content {
top: -22px; } }
.cd-timeline-block:nth-child(even) .cd-timeline-content {
position: relative;
top: -43px; }
@media only screen and (min-width: 768px) {
.cd-timeline-block:nth-child(even) .cd-timeline-content {
text-align: right; } }
@media only screen and (max-width: 767px) {
.cd-timeline-block:nth-child(even) .cd-timeline-content {
top: -22px; } } #timeline {
overflow: hidden;
width: 100%;
padding: 5px 0;
position: relative; }
@media only screen and (min-width: 768px) {
#timeline {
height: 610px; } }
@media (max-width: 767px) and (min-width: 500px) {
#timeline {
height: 650px; } }
@media only screen and (max-width: 1024px) {
#timeline {
height: 550px; } }
@media only screen and (min-width: 768px) {
#timeline:before {
position: absolute;
height: 100%;
background: rgba(0, 0, 0, 0.2);
content: "";
width: 1px;
left: 7px; } }
#dates {
width: 10%;
height: 600px;
float: left; }
@media only screen and (max-width: 767px) {
#dates {
display: none; } }
#dates li {
list-style: none;
width: 100px;
height: 100px;
line-height: 100px;
position: relative;
font-size: 0.75em;
padding-left: 10px; }
#dates a {
font-family: "pb-bold";
color: rgba(0, 0, 0, 0.2);
position: relative;
letter-spacing: 3px;
padding-left: 10px; }
#dates a:before {
content: "";
position: absolute;
width: 7px;
height: 7px;
background: #ebebeb;
left: -6px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
top: 6px;
outline: 4px solid #fff; }
#dates .selected {
color: #000; }
#dates .selected:before {
background: #000; }
#issues {
width: 90%;
float: left;
padding: 70px 0; }
@media only screen and (min-width: 768px) {
#issues {
height: 600px; } }
@media only screen and (max-width: 767px) {
#issues {
width: 100%;
height: auto; } }
#issues li {
width: 100%;
height: 600px;
list-style: none; }
#issues li.selected img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
#issues li img {
zoom: 1;
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
-ms-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
-o-transform: scale(0.8, 0.8);
-ms-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
width: 100%;
height: auto; }
#issues li .date-group {
color: #000;
font-size: 3.75em;
text-align: center;
font-family: "Playfair Display", serif;
font-weight: 700; }
@media only screen and (min-width: 768px) {
#issues li .date-group {
top: -45px;
position: relative; } }
@media only screen and (max-width: 767px) {
#issues li .date-group {
font-size: 1.875em;
margin-top: 15px; } }
#issues li .sl-time-desc {
font-family: "pb-regular";
text-align: center;
color: rgba(0, 0, 0, 0.5);
line-height: 1.6em; }
@media only screen and (min-width: 768px) {
#issues li .sl-time-desc {
margin: -30px 20px 20px 20px; } }
@media only screen and (max-width: 767px) {
#issues li .sl-time-desc {
font-size: 0.8125em;
margin: 15px 0 0 0; } }
#disnext,
#disprev {
position: absolute;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 70px;
width: 38px;
height: 22px;
overflow: hidden; }
@media only screen and (min-width: 768px) {
#disnext,
#disprev {
left: 55%; } }
#disnext:hover, #disprev:hover {
background-position: 0 0; }
#disnext {
bottom: 0;
background-image: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/images/icons/next_v.png); }
@media only screen and (max-width: 767px) {
#disnext {
bottom: 50px; } }
#disprev {
top: 20px;
background-image: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/images/icons/prev_v.png); }
#disnext.disabled,
#disprev.disabled {
opacity: 0.2; } @media only screen and (min-width: 768px) {
.overview {
margin-bottom: 110px; } }
@media only screen and (max-width: 767px) {
.overview {
margin-bottom: 30px; } }
.discover-page {
margin-top: 150px; }
.discover-page-content {
text-align: center;
padding: 70px 50px 0 50px; }
@media only screen and (max-width: 767px) {
.discover-page-content {
padding: 0 15px; } }
.discover-page-group {
color: rgba(0, 0, 0, 0.5);
letter-spacing: 8px; }
@media only screen and (max-width: 767px) {
.discover-page-group {
font-size: 0.8125em;
letter-spacing: 3px; } }
.discover-page-name {
color: #000;
font-family: "Playfair Display", serif;
font-weight: 700;
margin-top: -5px; }
@media only screen and (min-width: 768px) {
.discover-page-name {
font-size: 4.375em; } }
@media only screen and (max-width: 767px) {
.discover-page-name {
font-size: 1.875em; } }
.discover-page-desc {
font-family: "pb-regular";
color: rgba(0, 0, 0, 0.5);
line-height: 1.7em;
margin: 20px 0 0px 0; }
@media only screen and (max-width: 767px) {
.discover-page-desc {
font-size: 0.875em;
line-height: 1.5em; } }
.discover-signer {
padding-left: 15%; } .ms-testimonial {
overflow: hidden;
padding-top: 30px; }
.ms-testimonial .ms-inner-controls-cont {
padding-bottom: 50px; }
.ms-testimonial .ms-inner-controls-cont .ms-view {
overflow: initial; }
.ms-testimonial .ms-bullets.ms-dir-h {
bottom: 0; }
.ms-testimonial .ms-bullets.ms-dir-h .ms-bullet {
width: 5px;
height: 5px;
background: #c8c8c8; }
.ms-testimonial .ms-bullets.ms-dir-h .ms-bullet.ms-bullet-selected {
background: #000; }
.testimonial-quote {
position: relative;
font-family: "Playfair Display", serif;
line-height: 1.5em;
margin-top: 0;
margin-bottom: 1em;
font-size: 1.25em;
text-align: center; }
.testimonial-quote:before {
content: '“';
font-family: "Playfair Display", serif;
position: absolute;
font-size: 150px;
top: 16px;
left: 48%;
z-index: 999;
color: #000; }
.author {
margin: 20px 0 40px 0;
font-size: 12px;
opacity: 0.7;
font-family: "pb-bold";
letter-spacing: 3px; }
.testimonial-desc {
color: rgba(0, 0, 0, 0.7);
line-height: 1.7em; }
@media only screen and (min-width: 1170px) {
.testimonial-desc {
padding: 0 150px; } }
@media (max-width: 1024px) and (min-width: 768px) {
.testimonial-desc {
padding: 0 50px;
font-size: 0.875em; } }
@media only screen and (max-width: 767px) {
.testimonial-desc {
padding: 0 10px;
font-size: 14px; } }  .count-item {
font-size: 16px;
text-align: center; }
@media only screen and (max-width: 767px) {
.count-item {
margin: 50px 0; } }
.count-item:hover .count-subject, .count-item:hover .count-number-done {
color: #000; }
.count-item .count-number-done, .count-item .count-number {
color: #000; }
@media only screen and (min-width: 1170px) {
.count-item .count-number-done, .count-item .count-number {
font-size: 50px; } }
@media (max-width: 1024px) and (min-width: 768px) {
.count-item .count-number-done, .count-item .count-number {
font-size: 40px; } }
@media only screen and (max-width: 767px) {
.count-item .count-number-done, .count-item .count-number {
font-size: 30px; } }
.count-item .count-subject {
font-size: 0.75em;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(0, 0, 0, 0.5);
margin-top: 5px;
font-weight: 700; } .service-title {
font-family: "pb-bold";
letter-spacing: 8px;
text-align: center;
margin-bottom: 50px;
color: rgba(0, 0, 0, 0.5); }
.service-content {
font-family: "pb-regular";
text-align: center;
padding: 0 30px 80px 30px; }
@media only screen and (min-width: 1170px) {
.service-content {
margin-bottom: 30px !important; } }
@media (max-width: 1024px) and (min-width: 992px) {
.service-content {
margin-bottom: 30px !important; } }
@media (max-width: 991px) and (min-width: 768px) {
.service-content {
padding: 0 15px 50px 15px;
margin-bottom: 30px; } }
@media only screen and (max-width: 767px) {
.service-content {
padding: 0 15px 50px 15px;
margin-bottom: 15px !important; } }
.service-content:hover .service-icon {
color: #000; }
.service-content .service-icon {
margin-bottom: -10px;
font-size: 7em;
color: rgba(0, 0, 0, 0.3); }
@media only screen and (max-width: 1024px) {
.service-content .service-icon {
font-size: 5em; } }
.service-content .service-name {
font-family: "Playfair Display", serif;
font-weight: 700;
color: #000;
font-size: 1.250em; }
@media only screen and (max-width: 1024px) {
.service-content .service-name {
font-size: 16px; } }
.service-content .service-desc {
margin-top: 13px;
line-height: 1.5em; }
@media only screen and (max-width: 1024px) {
.service-content .service-desc {
font-size: 14px; } }
.box-content-hover {
border: 1px solid rgba(0, 0, 0, 0.1); }
.box-content-hover:hover {
border: 1px solid #000;
-webkit-transition: border 0.5s ease-in-out;
-moz-transition: border 0.5s ease-in-out;
transition: border 0.5s ease-in-out; }
.box-content-hover:hover .service-icon {
color: #000; } .win-img {
padding: 30px 0;
text-align: center; }
@media only screen and (max-width: 767px) {
.win-img {
min-height: 150px; } }
.win-img img {
opacity: 0.5;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; }
.win-img:hover img {
opacity: 1; } .partner-item .partner-img {
text-align: center; }
.partner-item .partner-img img {
opacity: 0.5; }
@media only screen and (max-width: 1024px) {
.partner-item .partner-img img {
max-width: 100%;
height: auto; } }
.partner-item .partner-img:hover img {
opacity: 1; } .more_film {
position: relative;
height: 0;
padding-bottom: 42.25%;
overflow: hidden; }
.more_film .bg-more-fl {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 1;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; }
@media only screen and (max-width: 767px) {
.more_film .bg-more-fl {
display: none; } }
.more_film a {
display: block; }
.more_film .center {
z-index: 2; }
@media only screen and (max-width: 767px) {
.more_film {
width: 100%;
height: auto;
background: none;
padding: 0 15px; } }
.more_film img {
width: 100%;
height: 100%;
object-fit: cover; }
.more_film:hover .bg-more-fl {
background: transparent;
background: rgba(0, 0, 0, 0.2); }
@media only screen and (min-width: 1170px) {
.more_film .white-desc {
padding: 0 20%; } }
@media only screen and (max-width: 1024px) {
.more_film .white-desc {
padding: 0 10%;
font-size: 0.8125em;
margin-top: 10px; } }
.more_film .title-bold-white a {
color: #fff; }
@media only screen and (max-width: 767px) {
.more_film .title-bold-white a {
color: #000; } }
.more_film:hover .oley-more-film {
background: transparent; }
.morefl-title {
text-align: center;
font-family: "pb-bold";
letter-spacing: 8px;
font-weight: 700;
color: rgba(0, 0, 0, 0.5);
margin-bottom: 10px; }
.morefl-container {
position: relative; }
.morefl-container .morefl-content {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
color: #fff;
width: 100%;
text-align: center; }
.morefl-container .morefl-content .morefl-title {
font-family: "pb-bold";
font-size: 0.625em;
color: rgba(255, 255, 255, 0.5);
text-transform: uppercase;
letter-spacing: 3px; }
.morefl-container .morefl-content .morefl-name {
font-family: "Playfair Display", serif;
font-weight: 700;
font-size: 1.875em; } .blog-item {
color: rgba(0, 0, 0, 0.5);
font-family: "pb-bold";
font-size: 16px;
margin-top: 30px; }
.blog-item.blog-box {
overflow: hidden; }
.blog-item.blog-box .blog-img {
overflow: hidden; }
.blog-item .blog-title {
text-align: center;
letter-spacing: 0.625em;
margin-bottom: 3em; }
.blog-item .blog-time {
padding: 30px 0;
font-size: 0.875em; }
@media (max-width: 1024px) and (min-width: 768px) {
.blog-item .blog-time {
padding: 15px 0;
font-size: 0.75em; } }
@media only screen and (max-width: 767px) {
.blog-item .blog-time {
padding: 15px 0;
font-size: 0.75em; } }
.blog-item .blog-time span {
color: rgba(0, 0, 0, 0.4); }
.blog-item .blog-time span:first-child {
padding-left: 0;
border-left: 0;
border-right: 1px solid rgba(0, 0, 0, 0.2);
padding-right: 15px; }
.blog-item .blog-name {
font-family: "Playfair Display", serif;
font-weight: 900;
font-size: 1.125em;
padding-right: 50px; }
@media (max-width: 1024px) and (min-width: 768px) {
.blog-item .blog-name {
font-size: 0.875em;
padding-right: 0;
font-weight: 700;
padding-right: 30px; } }
@media only screen and (max-width: 767px) {
.blog-item .blog-name {
padding: 0;
font-size: 16px; } }
.blog-item .blog-name a {
color: #000;
text-decoration: none; }
.blog-item .blog-name a:hover {
color: rgba(0, 0, 0, 0.7); }
.blog-item .blog-desc {
font-family: "pb-regular";
font-weight: 300;
color: rgba(0, 0, 0, 0.5);
margin-top: 15px;
padding-right: 50px; }
@media (max-width: 1024px) and (min-width: 768px) {
.blog-item .blog-desc {
padding-right: 0;
font-size: 0.8125em;
padding-right: 30px; } }
@media only screen and (max-width: 767px) {
.blog-item .blog-desc {
padding: 0; } }
.blog-content {
display: block; }
@media only screen and (max-width: 767px) {
.blog-content {
text-align: center; } }
.blog-content .blog-img img {
width: 100%;
height: auto; } .content-blog-item {
font-family: "Playfair Display", serif;
position: relative; }
@media only screen and (min-width: 1170px) {
.content-blog-item {
padding: 40px 0; } }
@media only screen and (max-width: 1024px) {
.content-blog-item {
padding: 20px 0; } }
.content-blog-item a {
color: #000; }
.content-blog-item .view-point {
padding-top: 10px;
font-size: 14px; }
.content-blog-item .view-point b {
color: rgba(0, 0, 0, 0.8);
padding: 0 5px;
font-family: "pb-bold"; }
@media only screen and (max-width: 767px) {
.content-blog-item .view-point b {
font-size: 12px; } }
@media only screen and (max-width: 767px) {
.content-blog-item .view-point {
padding-top: 5px;
font-size: 12px; } }
.content-blog-item .view-point .fa-comment-o {
opacity: 0.4;
padding: 0 0px 0 20px;
border-left: 1px solid rgba(0, 0, 0, 0.3); }
.content-blog-item .view-point .fa-eye {
opacity: 0.4;
padding: 0 10px 0 0; }
.content-blog-item .new-date {
line-height: 25px;
text-align: center;
position: relative;
color: rgba(0, 0, 0, 0.4);
font-weight: 700;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; }
@media only screen and (min-width: 1170px) {
.content-blog-item .new-date {
-webkit-transform: translateX(-50%) translateY(30%);
-ms-transform: translateX(-50%) translateY(30%);
transform: translateX(-50%) translateY(30%); } }
@media (max-width: 1024px) and (min-width: 768px) {
.content-blog-item .new-date {
top: 20px; } }
.content-blog-item .new-date b {
font-family: "pb-bold"; }
@media only screen and (min-width: 768px) {
.content-blog-item .new-date b {
font-size: 1.875em; } }
@media only screen and (max-width: 767px) {
.content-blog-item .new-date b {
font-size: 1.125em; } }
.content-blog-item .new-date .my {
font-family: "pb-bold";
text-transform: uppercase;
letter-spacing: 1px; }
@media only screen and (min-width: 768px) {
.content-blog-item .new-date .my {
font-size: 0.75em; } }
@media only screen and (max-width: 767px) {
.content-blog-item .new-date .my {
font-size: 0.625em; } }
.content-blog-item .title-blog {
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
color: rgba(0, 0, 0, 0.8); }
@media only screen and (min-width: 1170px) {
.content-blog-item .title-blog {
padding: 10px 50px 10px 70px;
font-size: 30px; } }
@media (max-width: 1024px) and (min-width: 992px) {
.content-blog-item .title-blog {
padding: 10px 0px 10px 40px;
font-size: 30px; } }
@media (max-width: 991px) and (min-width: 768px) {
.content-blog-item .title-blog {
font-size: 25px;
padding: 10px 0px 10px 40px; } }
@media only screen and (max-width: 767px) {
.content-blog-item .title-blog {
font-size: 1em; } }
@media only screen and (max-width: 1024px) {
.content-blog-item .title-blog {
padding-left: 15px; } }
.content-blog-item:hover .new-date, .content-blog-item:active .new-date, .content-blog-item:focus .new-date {
color: #000; }
.content-blog-item:hover .title-blog, .content-blog-item:active .title-blog, .content-blog-item:focus .title-blog {
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
color: #000; }
@media only screen and (min-width: 1170px) {
.content-blog-item:hover .title-blog, .content-blog-item:active .title-blog, .content-blog-item:focus .title-blog {
padding: 10px 80px 10px 40px;
border-left: 5px solid #000; } }
@media (max-width: 1024px) and (min-width: 768px) {
.content-blog-item:hover .title-blog, .content-blog-item:active .title-blog, .content-blog-item:focus .title-blog {
padding: 10px 30px 10px 40px;
border-left: 5px solid #000; } }
.content-blog-item:hover .title-blog b, .content-blog-item:active .title-blog b, .content-blog-item:focus .title-blog b {
font-weight: 900;
color: #000000; } .box-blog-hover {
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
padding: 0 15px; }
@media only screen and (max-width: 767px) {
.box-blog-hover {
padding: 0; } }
@media only screen and (max-width: 767px) {
.box-blog-hover {
margin-bottom: 30px; } }
.box-blog-hover img {
width: 100%;
height: auto; }
@media only screen and (min-width: 768px) {
.box-blog-hover:hover {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
transform: translateY(-20px); } }
.box-blog-hover .blog-item3 {
margin-top: 20px;
padding: 0 30px; }
@media (max-width: 767px) and (min-width: 500px) {
.box-blog-hover .blog-item3 {
padding: 0 50px !important; } }
@media only screen and (max-width: 1024px) {
.box-blog-hover .blog-item3 {
padding: 0; } }
.box-blog-hover .blog-item3 .fa {
line-height: 25px;
font-size: 14px;
margin-left: 15px; }
@media only screen and (max-width: 767px) {
.box-blog-hover .blog-item3 .fa {
font-size: 0.75em; } }
.box-blog-hover .blog-item3 .fa b {
margin-left: 5px;
color: rgba(0, 0, 0, 0.4);
font-family: "pb-bold"; }
.box-blog-hover .blog-item3 .blog-date {
border-right: 1px solid rgba(0, 0, 0, 0.2);
padding-right: 15px;
font-family: "pb-bold";
color: rgba(0, 0, 0, 0.4);
font-size: 0.875em; }
@media only screen and (max-width: 767px) {
.box-blog-hover .blog-item3 .blog-date {
font-size: 0.75em; } }
.box-blog-hover .blog-item3 .title-desc {
font-size: 1.125em; }
@media only screen and (max-width: 767px) {
.box-blog-hover .blog-item3 .title-desc {
font-size: 1em; } }
.box-blog-hover .blog-item3 .gray-desc {
font-size: 16px; }
@media only screen and (max-width: 767px) {
.box-blog-hover .blog-item3 .gray-desc {
font-size: 0.875em; } }
.blog-item {
padding: 20px 30px 0 30px; }
@media (max-width: 1024px) and (min-width: 768px) {
.blog-item {
padding: 0 10px 0 10px; } }
@media only screen and (max-width: 767px) {
.blog-item {
padding: 0 15px;
margin: 15px 0 30px; }
.blog-item .title-desc {
font-size: 0.875em; }
.blog-item .gray-desc {
font-size: 0.8125em; } }
.blog-item .fa {
line-height: 25px;
font-size: 14px;
margin-left: 15px; }
.blog-item .fa b {
margin-left: 5px; }
.blog-item .blog-date {
border-right: 1px solid rgba(0, 0, 0, 0.2);
padding-right: 15px;
font-family: "pb-regular";
color: rgba(0, 0, 0, 0.5); }
.template-video-fl .video_info {
position: absolute;
bottom: 70px;
left: 50px;
z-index: 2;
color: rgba(255, 255, 255, 0.7);
font-family: "Playfair Display", serif; }
@media only screen and (max-width: 767px) {
.template-video-fl .video_info {
bottom: 15px;
left: 15px;
right: 15px; } }
.template-video-fl .video_info a {
color: rgba(255, 255, 255, 0.7); }
.template-video-fl .video_info ul {
display: inline-block;
list-style: none;
margin-bottom: 10px; }
.template-video-fl .video_info ul > li {
display: inline-block;
margin-right: 20px;
position: relative; }
.template-video-fl .video_info ul > li:hover ul {
opacity: 1; }
.template-video-fl .video_info ul ul {
padding-left: 10px;
opacity: 0;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; }
.template-video-fl .video_info ul ul li {
margin: 0 5px;
font-size: 13px; }
.template-video-fl .video_info ul ul li:first-child {
display: none; }
.template-video-fl .video_info ul ul li:hover a {
color: rgba(255, 255, 255, 0.5); }
.template-video-fl .video-title-template {
font-size: 40px;
line-height: 40px;
font-weight: 700; }
@media (max-width: 991px) and (min-width: 768px) {
.template-video-fl .video-title-template {
font-size: 30px;
line-height: 30px; } }
@media only screen and (max-width: 767px) {
.template-video-fl .video-title-template {
font-size: 20px;
line-height: 20px; } }
.template-video-fl .ms-slide {
opacity: 0.5; }
.template-video-fl .ms-slide .video_info {
display: none; }
.template-video-fl .ms-sl-selected {
opacity: 1 !important; }
.template-video-fl .ms-sl-selected .video_info {
display: block; }  #quote-carousel {
padding: 0 10px 30px 10px;
margin-top: 30px;
text-align: center; } #quote-carousel .carousel-indicators li {
background: #c0c0c0; } #quote-carousel .carousel-indicators .active {
background: #333333;
height: 6px;
width: 6px; } .view {
margin-top: 50px; }
.d-center {
text-align: center; }
.d-center .p-category {
margin: -5px 0 30px; }
.title {
font-family: "pb-bold";
color: rgba(0, 0, 0, 0.5);
margin: 50px 0;
text-align: center;
letter-spacing: 8px; }
.view {
margin-top: 50px; }
.d-center {
text-align: center; }
.d-center .p-category {
margin: -5px 0 30px; }
.title {
font-family: "pb-bold";
color: rgba(0, 0, 0, 0.5);
margin: 50px 0;
text-align: center;
letter-spacing: 8px; }
.g-item {
margin-top: -120px; }
.pd-crew2 {
margin-top: 190px; }
.crew-img {
width: 100%;
padding-right: 15px; }
@media only screen and (max-width: 767px) {
.crew-img {
padding-right: 0; } }
.crew-img img {
width: 100% !important;
height: auto; }
.crew-name {
font-family: "Playfair Display", serif;
font-weight: 700; }
.crew-active {
font-family: "pb-bold";
font-size: 0.75em;
letter-spacing: 1px; }
.crew-desc {
margin-top: 30px;
font-family: "pb-regular";
font-size: 1em;
line-height: 1.5em; }
@media only screen and (max-width: 767px) {
.crew-desc {
font-size: 0.8125em;
margin-top: 15px; } }
@media only screen and (min-width: 768px) {
.direct-container {
padding-left: 20px; } }
.direct-container .crew-name {
font-size: 3.125em;
color: #000; }
@media (max-width: 1024px) and (min-width: 768px) {
.direct-container .crew-name {
font-size: 2.5em; } }
@media only screen and (max-width: 767px) {
.direct-container .crew-name {
font-size: 1.5625em; } }
.direct-container .crew-active {
color: rgba(0, 0, 0, 0.5); }
@media only screen and (max-width: 767px) {
.direct-container .crew-active {
font-size: 0.6875em; } }
.social {
width: 25px;
height: 25px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size: 14px;
display: inline-block;
text-align: center;
line-height: 27px;
margin-top: 25px;
margin-right: 8px; }
.director-social {
margin-top: 10px; }
.director-social .social {
background: #d9d9d9;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out; }
.director-social .social:hover {
background: #000; }
.director-social .social:hover a {
color: #fff; }
.director-social .social a {
color: rgba(0, 0, 0, 0.7); }
.d-padding {
padding-top: 70%; }
@media (max-width: 1024px) and (min-width: 768px) {
.d-padding {
padding-top: 30%; } }
@media only screen and (max-width: 767px) {
.d-padding {
padding-top: 30px; } }
@media only screen and (min-width: 768px) {
.fl-olay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
z-index: 1;
top: 0; } }
@media only screen and (max-width: 767px) {
.fl-olay {
display: none; } }
.crew-container {
overflow: hidden;
position: relative;
margin: 0 15px 30px 15px; }
@media only screen and (max-width: 767px) {
.crew-container {
margin: 0 0 15px 0; } }
@media only screen and (min-width: 1025px) {
.crew-container:hover .fl-olay {
opacity: 1; } }
@media only screen and (min-width: 1025px) {
.crew-container:hover .crew-content {
top: 50%;
opacity: 1; } }
.crew-container .fl-olay {
background: rgba(0, 0, 0, 0.9); }
@media only screen and (min-width: 1025px) {
.crew-container .fl-olay {
opacity: 0;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out; } }
@media (max-width: 1024px) and (min-width: 768px) {
.crew-container .fl-olay {
opacity: 0.5; } }
.crew-container .crew-content {
text-align: center;
width: 100%;
padding: 0 45px;
z-index: 2; }
@media only screen and (min-width: 1025px) {
.crew-container .crew-content {
position: absolute;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 60%;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
opacity: 0;
color: #fff; } }
@media (max-width: 1024px) and (min-width: 768px) {
.crew-container .crew-content {
position: absolute;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff; } }
@media only screen and (max-width: 767px) {
.crew-container .crew-content {
padding: 20px 0; } }
.crew-container .crew-content .crew-name {
font-size: 1.875em; }
@media only screen and (max-width: 767px) {
.crew-container .crew-content .crew-name {
color: #000;
font-size: 20px; } }
.crew-container .crew-content .crew-active {
font-size: 0.75em;
margin-top: 5px;
letter-spacing: 1px;
text-transform: uppercase; }
.crew-container .crew-content .crew-desc {
color: rgba(255, 255, 255, 0.7); }
@media only screen and (max-width: 767px) {
.crew-container .crew-content .crew-desc {
color: rgba(0, 0, 0, 0.5); } }
.crew-container .crew-content2 {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
text-align: center; }
.crew-container .crew-content2 .crew-name2 {
font-size: 1.875em;
color: #000;
font-family: "Playfair Display", serif;
font-weight: 700; }
.crew-container .crew-content2 .join-crew {
margin-top: 30px;
display: table; }
.crew-container img {
width: 100%;
height: auto; }
.crew-social .social {
background: #4e4e4e;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; }
.crew-social .social:hover {
background: #fff; }
.crew-social .social:hover a {
color: #4e4e4e; }
.crew-social .social a {
color: #fff; }  .tab-container {
position: relative; }
@media only screen and (max-width: 767px) {
.tab-container {
background: #000; } }
.tab-container .tab-content {
position: absolute;
width: 100%; }
@media only screen and (max-width: 767px) {
.tab-container .tab-content {
padding: 0 15px; } }
.tab-container .tab-content .crew-name {
font-family: "Playfair Display", serif;
color: #000;
font-weight: 700;
font-size: 2.5em; }
@media only screen and (max-width: 767px) {
.tab-container .tab-content .crew-name {
font-size: 1.25em;
color: #fff; } }
@media only screen and (max-width: 767px) {
.tab-container .tab-content .crew-active, .tab-container .tab-content .crew-desc {
color: rgba(255, 255, 255, 0.5); } }
.tab-container img {
width: 100%;
height: auto; }
@media only screen and (min-width: 768px) {
.tab-container img {
opacity: 0.2; } }
@media only screen and (max-width: 767px) {
.tab-container img {
opacity: 0.5; } }
.active {
z-index: 1; }
@media only screen and (min-width: 768px) {
.active .tab-container .tab-content {
opacity: 0;
z-index: 1; } }
@media only screen and (min-width: 768px) {
.active img {
opacity: 1 !important; } }
.tabs {
position: relative;
min-height: 860px; }
@media (max-width: 1024px) and (min-width: 768px) {
.tabs {
min-height: 630px; } }
@media only screen and (min-width: 768px) {
.tabs .tab {
position: absolute; } }
@media only screen and (max-width: 767px) {
.tabs .tab .tab-content {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
text-align: center; } }
.tabs .tab:first-child {
left: -50px; }
@media only screen and (max-width: 767px) {
.tabs .tab:first-child {
left: 0; } }
@media only screen and (min-width: 768px) {
.tabs .tab:first-child .tab-content {
text-align: right;
top: 250px;
padding: 0 200px 0 30px; } }
@media (max-width: 1024px) and (min-width: 768px) {
.tabs .tab:first-child .tab-content {
padding: 0 140px 0 30px;
top: 150px; } }
.tabs .tab:last-child {
right: -50px; }
@media only screen and (min-width: 768px) {
.tabs .tab:last-child {
top: 100px; } }
@media only screen and (max-width: 767px) {
.tabs .tab:last-child {
right: 0;
top: 20px; } }
@media only screen and (min-width: 768px) {
.tabs .tab:last-child .tab-content {
top: 150px;
padding: 0 50px 0 170px; } }
@media (max-width: 1024px) and (min-width: 768px) {
.tabs .tab:last-child .tab-content {
padding: 0 50px 0 120px; } }
.question-item {
margin-top: 230px; } .fl-discover {
margin-top: 150px; }
.fl-mg-top {
margin-top: 50px; }
@media (max-width: 1024px) and (min-width: 768px) {
.fl-mg-top {
margin-top: 30px; } }
@media only screen and (max-width: 767px) {
.fl-mg-top {
text-align: center; } }
.fl-mg-top .more i {
color: rgba(0, 0, 0, 0.4); }
.fl-mg-top .more:hover i {
color: #fff; }
.discover-content-box1 {
display: table;
width: 100%; }
@media only screen and (min-width: 768px) {
.discover-content-box1 {
padding: 100px 50px 0 50px; } }
@media (max-width: 1024px) and (min-width: 768px) {
.discover-content-box1 {
padding: 30px; } }
@media only screen and (max-width: 767px) {
.discover-content-box1 {
padding: 15px; } }
.discover-item {
color: #a3a3a3;
font-size: 16px;
padding-left: 30px; }
@media only screen and (max-width: 767px) {
.discover-item {
font-size: 0.875em;
margin-top: 20px;
padding-left: 0;
text-align: center; } }
.discover-item:hover .view-more {
background: rgba(0, 0, 0, 0.9); }
.discover-item:hover .view-more a {
color: #fff; }
.discover-item .discover-title {
font-family: "pb-bold";
letter-spacing: 9px;
text-transform: uppercase; }
@media (max-width: 1024px) and (min-width: 768px) {
.discover-item .discover-title {
font-size: 0.875em;
letter-spacing: 5px; } }
@media only screen and (max-width: 767px) {
.discover-item .discover-title {
text-align: center;
font-size: 0.875em;
letter-spacing: 5px; } }
.discover-item .discover-name {
font-family: "Playfair Display", serif;
font-size: 5.625em;
font-weight: 700;
color: #000;
margin-top: -20px; }
@media (max-width: 1024px) and (min-width: 768px) {
.discover-item .discover-name {
font-size: 3.125em;
margin-top: -10px; } }
@media (max-width: 767px) and (min-width: 640px) {
.discover-item .discover-name {
font-size: 2.5em;
margin-top: 0; } }
@media only screen and (max-width: 1024px) {
.discover-item .discover-name {
font-size: 1.875em;
margin-top: 0; } }
.discover-item .discover-content {
font-family: "pb-regular";
line-height: 1.7em;
color: rgba(0, 0, 0, 0.5); }
@media (max-width: 1024px) and (min-width: 768px) {
.discover-item .discover-content {
font-size: 0.875em;
line-height: 1.5em; } }
.discover-item .discover-desc {
font-size: 1.25em;
font-family: "pb-bold";
color: #000;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.7em; }
@media only screen and (min-width: 1170px) {
.discover-item .discover-desc {
margin: 65px 0 35px 0;
font-size: 16px; } }
@media (max-width: 1024px) and (min-width: 768px) {
.discover-item .discover-desc {
margin: 30px 0; } }
@media (max-width: 767px) and (min-width: 640px) {
.discover-item .discover-desc {
margin: 20px 0;
font-size: 1.125em; } }
@media only screen and (max-width: 1024px) {
.discover-item .discover-desc {
font-size: 1em;
margin: 10px 0; } }
.discover-item .discover-more {
margin-top: 60px; }
.view-more {
padding: 0 20px 0 25px;
border: 1px solid rgba(0, 0, 0, 0.1);
display: inline-block; }
@media (max-width: 1024px) and (min-width: 768px) {
.view-more {
padding: 0 10px 0 15px; } }
@media only screen and (max-width: 767px) {
.view-more {
padding: 0 15px 0 20px; } }
.view-more i {
padding-left: 5px; }
.view-more a {
font-family: "pb-bold";
color: rgba(0, 0, 0, 0.5);
font-size: 0.625em;
text-decoration: none;
letter-spacing: 2px; }
@media (max-width: 1024px) and (min-width: 768px) {
.view-more a {
font-size: 0.5em; } }
@media (max-width: 1024px) and (min-width: 768px) {
.view-more a {
line-height: 35px; } }
@media only screen and (max-width: 767px) {
.view-more a {
line-height: 30px; } }
.view-more:hover {
border: 1px solid rgba(0, 0, 0, 0.7); }
.view-more:hover a {
color: rgba(0, 0, 0, 0.7);
text-decoration: none; } .content1 {
line-height: 1.5em;
font-family: "pb-regular";
font-size: 1em;
padding: 20px 0; }
.content1 img {
opacity: 0.5; }
@media only screen and (max-width: 1024px) {
.content1 img {
margin-bottom: 20px; } }
.content1 img:hover {
opacity: 1; }
.left-desc {
color: #000;
line-height: 1.7em; }
@media only screen and (min-width: 768px) {
.left-desc {
font-size: 1.25em;
padding-right: 30px; } }
@media only screen and (max-width: 767px) {
.left-desc {
font-size: 0.875em; } }
@media only screen and (min-width: 768px) {
.right-desc {
padding-left: 30px; } }
@media only screen and (max-width: 767px) {
.right-desc {
padding-left: 0;
margin-top: 20px;
font-size: 0.875em; } }
@media only screen and (min-width: 1025px) {
.discover-img {
margin-bottom: -50px; } }
.discover-img img {
width: 100%;
height: auto; } .event-item {
width: 100%;
color: #fff;
position: relative;
font-family: "Playfair Display", serif;
overflow: hidden; }
@media only screen and (min-width: 1170px) {
.event-item {
height: 800px;
font-size: 30px; } }
@media (max-width: 1024px) and (min-width: 768px) {
.event-item {
height: 500px;
font-size: 1.25em; } }
@media only screen and (max-width: 767px) {
.event-item {
display: none; } }
.event-item .event-content {
position: absolute;
width: 100%;
text-align: center;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
line-height: 1.7em;
z-index: 99; }
.event-item .event-content span {
font-weight: 700;
font-style: italic; }
@media only screen and (max-width: 767px) {
.event-item .event-content p span {
font-size: 13px !important; } }
.event-item .e-1500 {
position: absolute;
color: #757575;
font-family: "Playfair Display", serif;
text-align: center;
width: 100%;
font-style: italic;
font-weight: 700;
z-index: 1; }
@media only screen and (min-width: 1170px) {
.event-item .e-1500 {
font-size: 18.75em;
bottom: -270px;
letter-spacing: 70px; } }
@media (max-width: 1024px) and (min-width: 768px) {
.event-item .e-1500 {
font-size: 15.625em;
bottom: -135px;
letter-spacing: 35px; } }
.calendar_wrap #wp-calendar {
width: 100%;
font-weight: bold;
text-align: center; }
.right-widget-content ul {
margin: 0;
padding: 0; }
.right-widget-content ul ul {
padding-left: 20px; }
select {
width: 100%; }
tfoot #prev {
text-align: left;
padding-left: 10px; }
tfoot #next {
text-align: right;
padding-right: 10px; } .product-item {
color: rgba(0, 0, 0, 0.5); }
.product-item .film-hover:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1); }
.film-style-odd {
width: 100%; }
.film-style-odd li {
display: table;
width: 100%; }
@media only screen and (max-width: 767px) {
.film-style-odd li {
padding: 0 15px; }
.film-style-odd li .film-odd-content {
padding: 20px 0 30px 0;
text-align: center; } }
.film-style-odd li:hover .film-odd-view {
opacity: 1;
top: 50%; }
.film-style-odd li:hover img {
opacity: 1 !important; }
.film-style-odd li .film-odd-content, .film-style-odd li .film-odd-img {
width: 50%; }
@media only screen and (max-width: 767px) {
.film-style-odd li .film-odd-content, .film-style-odd li .film-odd-img {
width: 100%; } }
.film-style-odd li .film-odd-img {
position: relative;
overflow: hidden;
background: #000; }
.film-style-odd li .film-odd-img img {
opacity: 0.5;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
width: 100%;
height: auto; }
@media only screen and (min-width: 768px) {
.film-style-odd li:nth-child(2n) .film-odd-content {
float: right;
text-align: left;
padding-left: 40px;
padding-right: 20%; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
.film-style-odd li:nth-child(2n) .film-odd-content {
padding-right: 30px; } }
@media only screen and (min-width: 768px) {
.film-style-odd li:nth-child(2n) .film-odd-img {
float: left; }
.film-style-odd li:nth-child(2n+1) .film-odd-content {
float: left;
text-align: right;
padding-right: 40px;
padding-left: 20%; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
.film-style-odd li:nth-child(2n+1) .film-odd-content {
padding-left: 30px; } }
@media only screen and (min-width: 768px) {
.film-style-odd li:nth-child(2n+1) .film-odd-img {
float: right; } }
.film-odd-view {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 100%;
color: #fff;
text-align: center;
z-index: 1;
opacity: 0;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
top: 60%; }
.film-odd-view .view-more {
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
border: 1px solid #fff; }
.film-odd-view .view-more a {
font-size: 0.625em;
color: #fff;
letter-spacing: 2px; }
@media only screen and (min-width: 1170px) {
.film-odd-view .view-more a {
line-height: 40px; } }
.film-odd-view .view-more:hover {
background: #fff; }
.film-odd-view .view-more:hover a {
color: rgba(0, 0, 0, 0.7); }
@media only screen and (min-width: 1920px) {
.film-odd-content {
padding-top: 150px !important; } }
@media only screen and (min-width: 1170px) {
.film-odd-content {
padding-top: 100px; } }
@media (max-width: 1024px) and (min-width: 768px) {
.film-odd-content {
padding-top: 50px; } }
@media (max-width: 780px) and (min-width: 768px) {
.film-odd-content {
padding-top: 20px !important; } }
.film-odd-content .p-category {
font-size: 0.75em;
text-transform: uppercase; }
@media only screen and (max-width: 767px) {
.film-odd-content .p-category {
font-size: 0.6875em;
letter-spacing: 2px; } }
@media (max-width: 780px) and (min-width: 768px) {
.film-odd-content .p-category {
font-size: 0.75em;
letter-spacing: 2px; } }
.film-odd-content .p-name {
padding: 12px 0 10px 0;
font-size: 1.875em; }
@media (max-width: 1024px) and (min-width: 768px) {
.film-odd-content .p-name {
font-size: 1.5625em;
padding: 5px 0 10px 0; } }
@media only screen and (max-width: 767px) {
.film-odd-content .p-name {
font-size: 1.25em;
padding: 0 0 10px 0; } }
.film-odd-content .p-name a {
font-family: "Playfair Display", serif;
font-weight: 700;
color: #000; }
.film-odd-content .p-name a:hover {
color: rgba(0, 0, 0, 0.7); }
.film-odd-content .p-desc {
font-family: "pb-regular";
margin-top: -4px;
line-height: 1.5em; }
@media only screen and (max-width: 767px) {
.film-odd-content .p-desc {
font-size: 0.8125em; } }
@media (max-width: 1024px) and (min-width: 768px) {
.film-odd-content .p-desc {
font-size: 0.875em;
line-height: 1.5em; } }
.p-viewmore {
text-align: center;
margin-top: 50px; }
@media only screen and (max-width: 767px) {
.p-viewmore {
margin-top: 30px; } } .list-film2 {
width: 100%;
position: relative;
margin: 0;
padding: 0;
display: table; }
.list-film2 .p-viewmore {
position: absolute;
bottom: -75px;
z-index: 2; }
@media only screen and (min-width: 1170px) {
.list-film2 .p-viewmore {
left: 52%; } }
@media (max-width: 1024px) and (min-width: 768px) {
.list-film2 .p-viewmore {
left: 54%; } }
@media only screen and (max-width: 767px) {
.list-film2 .p-viewmore {
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); } }
.list-film2 .p-viewmore .more i {
padding-left: 8px; }
.list-film2 li {
list-style: none;
float: left;
position: relative; }
@media only screen and (min-width: 768px) {
.list-film2 li {
width: 50%;
background: #000; } }
@media only screen and (max-width: 767px) {
.list-film2 li {
width: 100%; } }
@media only screen and (max-width: 767px) {
.list-film2 li .cus-item-1 {
padding: 0 15px; } }
.list-film2 li .cus-item-1 img {
opacity: 0.5;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out; }
@media only screen and (max-width: 767px) {
.list-film2 li .cus-item-1 img {
opacity: 1; } }
.list-film2 li .white-desc {
opacity: 1;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
margin-top: 0px; }
@media only screen and (min-width: 1170px) {
.list-film2 li .white-desc {
padding: 0 25%; } }
@media (max-width: 1024px) and (min-width: 768px) {
.list-film2 li .white-desc {
padding: 0 15%; } }
@media only screen and (max-width: 767px) {
.list-film2 li .white-desc {
padding: 0;
margin-top: 10px; } }
.list-film2 li .fl-viewmore {
padding-top: 10px; }
@media only screen and (min-width: 768px) {
.list-film2 li .fl-viewmore {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
top: 80%;
opacity: 0;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out; } }
@media (max-width: 991px) and (min-width: 768px) {
.list-film2 li .title-bold-white {
font-size: 1.125em; } }
.list-film2 li .title-bold-white a {
color: #fff; }
@media only screen and (max-width: 767px) {
.list-film2 li .title-bold-white a {
color: rgba(0, 0, 0, 0.5); } }
.list-film2 li .fl-viewmore:hover .more-white i {
color: #000; }
.list-film2 li:hover img {
opacity: 1; }
@media only screen and (min-width: 1500px) {
.list-film2 li:hover .fl-viewmore {
opacity: 1;
top: 70% !important; } }
@media only screen and (min-width: 768px) {
.list-film2 li:hover .fl-viewmore {
opacity: 1;
top: 60%; } }
@media only screen and (min-width: 768px) {
.list-film2 li:hover .white-desc {
opacity: 0; } }
@media only screen and (min-width: 768px) {
.list-film2 li:nth-child(2n+1) {
position: relative;
top: 100px; } }
@media only screen and (min-width: 768px) {
.film-item {
background: #000;
position: relative;
height: 0;
padding-bottom: 56.25%;
overflow: hidden; } }
.film-item:hover img {
background: rgba(0, 0, 0, 0.5); }
@media only screen and (max-width: 1024px) {
.film-item:hover img {
-webkit-transform: none;
-moz-transform: none;
transform: none; } }
.film-item img {
width: 100%;
height: auto; } .our-flim {
font-size: 16px;
width: 100%; }
.our-flim .list-flim .cus-item-1 {
margin-top: 100px; }
.flim-item {
width: 100%;
position: relative;
margin-bottom: -1.5px; }
.flim-item .fl-type1 {
font-size: 50px; }
@media only screen and (max-width: 767px) {
.flim-item .fl-type1 {
font-size: 16px; } }
.flim-item .fl-type2 {
margin-top: 10px;
font-size: 20px;
line-height: 1.1em; }
@media (max-width: 1024px) and (min-width: 768px) {
.flim-item .fl-type2 {
font-size: 16px;
margin-top: 0; } }
@media only screen and (max-width: 767px) {
.flim-item .title-bold-white {
margin: 5px 0;
font-size: 1em; } }
.flim-item .title-bold-white a {
color: #fff; }
@media only screen and (max-width: 767px) {
.flim-item .title-bold-white a {
color: rgba(0, 0, 0, 0.7); } }
.flim-item .white-desc {
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; }
.flim-item .list-viewmore .view-more {
border-color: #fff;
background: none; }
@media only screen and (max-width: 767px) {
.flim-item .list-viewmore .view-more {
background: #000; } }
.flim-item .list-viewmore .view-more a {
color: #fff;
height: 40px;
line-height: 40px; }
@media (max-width: 1024px) and (min-width: 768px) {
.flim-item .list-viewmore .view-more a {
height: 30px;
line-height: 27px;
font-size: 9px; } }
@media only screen and (max-width: 767px) {
.flim-item .list-viewmore .view-more a {
height: 30px;
line-height: 30px;
font-size: 8px; } }
.flim-item .list-viewmore:hover .view-more {
background: #fff; }
@media only screen and (max-width: 767px) {
.flim-item .list-viewmore:hover .view-more {
background: #000; } }
.flim-item .list-viewmore:hover .view-more a {
color: #000; }
@media only screen and (max-width: 767px) {
.flim-item .list-viewmore:hover .view-more a {
color: #fff; } }
@media only screen and (min-width: 768px) {
.flim-item:hover .white-desc {
opacity: 0; } }
@media only screen and (min-width: 768px) {
.flim-item {
background: #000; } }
@media only screen and (max-width: 767px) {
.flim-item {
padding: 0 15px; } }
.flim-item img {
opacity: 0.5;
width: 100%;
height: auto;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out; }
@media only screen and (max-width: 1024px) {
.flim-item img {
opacity: 1; } }
.flim-item .more-white {
position: absolute;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.flim-item:hover img {
opacity: 1; }
.flim-item:hover .more-white {
-webkit-transition: right 0.5s ease;
-moz-transition: right 0.5s ease;
transition: right 0.5s ease; }
.type4-viewmore {
margin-top: 50px; }
@media only screen and (max-width: 767px) {
.type4-viewmore {
text-align: center; } }
@media only screen and (min-width: 768px) {
.type4-viewmore .more {
margin-left: 30%; } }
@media only screen and (min-width: 768px) {
.cus-item-4 {
overflow: hidden; } }
.cus-item-4 .white-desc {
padding: 0 30%; }
@media only screen and (max-width: 1024px) {
.cus-item-4 .white-desc {
padding: 0 15%; } }
@media only screen and (max-width: 767px) {
.cus-item-4 .white-desc {
padding: 0; } } .cus-item-big {
padding-bottom: 56.4%;
height: 0; }
@media only screen and (min-width: 1500px) {
.cus-item-big {
padding-bottom: 56.2%; } }
@media only screen and (max-width: 767px) {
.cus-item-big {
padding: 0 15px;
width: 100%;
height: auto; } }
.cus-item-big img {
height: auto;
width: 100%; }
@media only screen and (min-width: 768px) {
.cus-item-big .list-viewmore {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
top: 100%;
opacity: 0;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; } }
@media only screen and (min-width: 768px) {
.cus-item-big:hover .list-viewmore {
opacity: 1;
top: 80%; } }
@media only screen and (min-width: 1920px) {
.cus-item-small {
padding-bottom: 56.4% !important; } }
@media only screen and (min-width: 1025px) {
.cus-item-small {
padding-bottom: 56.7%;
height: 0; } }
@media (max-width: 1024px) and (min-width: 768px) {
.cus-item-small {
padding-bottom: 56.8%;
height: 0; } }
@media only screen and (max-width: 767px) {
.cus-item-small {
width: 100%;
height: auto;
padding: 0 15px; } }
.cus-item-small img {
width: 100%;
height: auto; }
@media only screen and (min-width: 768px) {
.cus-item-small .list-viewmore {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
top: 120%;
opacity: 0;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; } }
@media only screen and (min-width: 768px) {
.cus-item-small:hover .list-viewmore {
opacity: 1;
top: 105%; } }  .gallery {
font-family: "pb-bold";
font-size: 16px;
padding-bottom: 250px; }
.gallery .slide-gallery .img-slide {
float: left;
margin-top: 4%; }
.gallery .slide-gallery .img-slide img {
width: 100%;
height: auto; }
.gallery .slide-gallery .img-center {
float: left;
width: 100%; }
.gallery .slide-gallery .img-center img {
width: 100%;
height: 100%;
object-fit: cover; }  .flm-gallery-item {
position: relative; }
.flm-gallery-item img {
width: 100%;
height: 100%;
object-fit: cover; }
.list {
padding: 0;
list-style: none;
float: left;
width: 100%; }
@media only screen and (max-width: 767px) {
.list {
text-align: center; } }
.list .list-item {
padding: 0;
box-sizing: border-box;
overflow: hidden; }
.list .list-item .nopadding {
overflow: hidden; }
.list .list-item .image, .list .list-item .image2, .list .list-item .image3 {
position: relative;
width: 100%;
overflow: hidden; }
.list .list-item .image img, .list .list-item .image2 img, .list .list-item .image3 img {
width: 100%;
height: 100%;
object-fit: cover; }
.list .list-item .image {
height: 300px; }
@media only screen and (min-width: 1920px) {
.list .list-item .image {
height: 350px !important; } }
@media (max-width: 1024px) and (min-width: 768px) {
.list .list-item .image {
height: 250px; } }
@media only screen and (max-width: 767px) {
.list .list-item .image {
height: auto; } }
.list .list-item .image img {
width: 100%;
height: 100%;
object-fit: cover; }
.list .list-item .image2 {
height: 600px; }
@media only screen and (min-width: 1920px) {
.list .list-item .image2 {
height: 700px !important; } }
@media (max-width: 1024px) and (min-width: 768px) {
.list .list-item .image2 {
height: 500px; } }
@media only screen and (max-width: 767px) {
.list .list-item .image2 {
height: auto; } }
.list .list-item .image3 {
height: 600px; }
@media only screen and (min-width: 1920px) {
.list .list-item .image3 {
height: 700px !important; } }
@media (max-width: 1024px) and (min-width: 768px) {
.list .list-item .image3 {
height: 500px; } }
@media only screen and (max-width: 767px) {
.list .list-item .image3 {
height: auto; } }
.list .list-item .image4 {
height: 300px; }
@media only screen and (min-width: 1920px) {
.list .list-item .image4 {
height: 350px !important; } }
@media (max-width: 1024px) and (min-width: 768px) {
.list .list-item .image4 {
height: 250px; } }
@media only screen and (max-width: 767px) {
.list .list-item .image4 {
height: auto; } }
@media only screen and (min-width: 768px) {
.list .more {
margin: 30px 0 0 30px;
display: inline-block;
padding: 0 25px; } }
@media only screen and (max-width: 767px) {
.list .more {
margin-top: 30px;
display: inline-block;
padding: 2px 20px; } }
.gallery-list .list2 {
background: #000; }
.view_all_gallery {
width: 100%;
text-align: center;
padding: 70px 0 30px 0;
display: table; }
@media only screen and (max-width: 767px) {
.view_all_gallery {
padding: 30px 0 0 0; } }
.ms-skin-light-2 .ms-nav-next {
background: none !important;
margin-right: -110px; }
.ms-skin-light-2 .ms-nav-next:before {
content: "\f105";
font-size: 45px;
color: #fff;
font-family: "FontAwesome";
right: 0 !important; }
.ms-skin-light-2 .ms-nav-prev {
background: none !important;
margin-left: -70px; }
.ms-skin-light-2 .ms-nav-prev:before {
content: "\f104";
font-size: 45px;
color: #fff;
font-family: "FontAwesome";
right: 0 !important; } .gallery-film {
width: 100%;
float: left;
list-style: none;
padding-left: 0;
margin-bottom: 0;
position: relative; }
.gallery-film li.gallery-container {
position: relative;
width: 50%;
overflow: hidden; }
@media (max-width: 991px) and (min-width: 768px) {
.gallery-film li.gallery-container {
float: left;
padding: 0 15px; } }
@media only screen and (max-width: 767px) {
.gallery-film li.gallery-container {
width: 100%;
height: auto;
background: none;
text-align: center;
padding: 0 15px; } }
@media only screen and (min-width: 1025px) {
.gallery-film li.gallery-container .olay-gallery {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; } }
@media (max-width: 1024px) and (min-width: 992px) {
.gallery-film li.gallery-container .olay-gallery {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; } }
@media (max-width: 991px) and (min-width: 768px) {
.gallery-film li.gallery-container img {
width: 100%;
height: auto; } }
@media only screen and (max-width: 767px) {
.gallery-film li.gallery-container img {
width: 100%;
height: auto; } }
@media only screen and (min-width: 1025px) {
.gallery-film li.gallery-container .g-viewmore {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
opacity: 0;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
top: 90%; } }
@media (max-width: 1024px) and (min-width: 768px) {
.gallery-film li.gallery-container .g-viewmore {
margin-top: 15px; } }
@media only screen and (max-width: 767px) {
.gallery-film li.gallery-container .g-viewmore {
display: block;
margin-top: 15px; } }
@media only screen and (min-width: 1025px) {
.gallery-film li.gallery-container .g-viewmore:hover .view-more {
background: #fff; }
.gallery-film li.gallery-container .g-viewmore:hover .view-more a {
color: #000 !important; } }
.gallery-film li.gallery-container .g-viewmore .view-more {
border: 1px solid rgba(255, 255, 255, 0.5); }
@media (max-width: 991px) and (min-width: 768px) {
.gallery-film li.gallery-container .g-viewmore .view-more {
border: 1px solid rgba(0, 0, 0, 0.2); } }
@media only screen and (max-width: 767px) {
.gallery-film li.gallery-container .g-viewmore .view-more {
border: 1px solid rgba(0, 0, 0, 0.2); } }
.gallery-film li.gallery-container .g-viewmore .view-more a {
font-family: "pb-regular";
color: #fff !important;
font-size: 10px;
line-height: 40px;
height: 40px; }
@media (max-width: 991px) and (min-width: 768px) {
.gallery-film li.gallery-container .g-viewmore .view-more a {
color: #000 !important; } }
@media (max-width: 1024px) and (min-width: 768px) {
.gallery-film li.gallery-container .g-viewmore .view-more a {
height: 30px;
line-height: 30px; } }
@media only screen and (max-width: 767px) {
.gallery-film li.gallery-container .g-viewmore .view-more a {
height: 30px;
line-height: 30px;
color: rgba(0, 0, 0, 0.5) !important; } }
@media only screen and (max-width: 767px) {
.gallery-film li.gallery-container .title-bold-white {
margin: 5px 0; } }
.gallery-film li.gallery-container .title-bold-white a {
color: #fff; }
@media (max-width: 1024px) and (min-width: 992px) {
.gallery-film li.gallery-container .title-bold-white a {
font-size: 1em; } }
@media (max-width: 991px) and (min-width: 768px) {
.gallery-film li.gallery-container .title-bold-white a {
color: #000; } }
@media only screen and (max-width: 767px) {
.gallery-film li.gallery-container .title-bold-white a {
color: #000; } }
@media only screen and (min-width: 1025px) {
.gallery-film li.gallery-container .title-bold-white a:hover {
color: rgba(255, 255, 255, 0.8); } }
@media (max-width: 1024px) and (min-width: 992px) {
.gallery-film li.gallery-container .title-bold-white a:hover {
color: rgba(255, 255, 255, 0.8); } }
.gallery-film li.gallery-container .title-white {
font-size: 0.6875em;
letter-spacing: 3px; }
@media (max-width: 1024px) and (min-width: 992px) {
.gallery-film li.gallery-container .title-white {
color: rgba(255, 255, 255, 0.5); } }
@media (max-width: 991px) and (min-width: 768px) {
.gallery-film li.gallery-container .title-white {
color: rgba(0, 0, 0, 0.5); } }
.gallery-film li.gallery-container .white-desc {
line-height: 1.5em; }
@media only screen and (min-width: 1500px) {
.gallery-film li.gallery-container .white-desc {
padding: 0 30% !important; } }
@media only screen and (min-width: 1025px) {
.gallery-film li.gallery-container .white-desc {
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; } }
@media (max-width: 1024px) and (min-width: 992px) {
.gallery-film li.gallery-container .white-desc {
display: none; } }
@media (max-width: 991px) and (min-width: 768px) {
.gallery-film li.gallery-container .white-desc {
color: rgba(0, 0, 0, 0.5);
display: none; } }
@media only screen and (max-width: 767px) {
.gallery-film li.gallery-container .white-desc {
color: black_05; } }
@media only screen and (min-width: 1025px) {
.gallery-film li.gallery-container:hover .white-desc {
opacity: 0; } }
@media only screen and (max-width: 767px) {
.gallery-film li.gallery-container:hover .white-desc {
display: block; } }
@media only screen and (min-width: 1025px) {
.gallery-film li.gallery-container:hover .olay-gallery {
background: transparent; } }
@media only screen and (min-width: 1500px) {
.gallery-film li.gallery-container:hover .g-viewmore {
top: 70% !important; } }
@media only screen and (min-width: 1025px) {
.gallery-film li.gallery-container:hover .g-viewmore {
opacity: 1;
top: 80%; } }
@media only screen and (min-width: 768px) {
.gallery-film .gallery-image {
width: 100%;
height: 100%; } }
@media only screen and (min-width: 1025px) {
.gallery-film .g-left {
float: left; } }
@media (max-width: 1024px) and (min-width: 992px) {
.gallery-film .g-left {
float: left; } }
@media only screen and (min-width: 1025px) {
.gallery-film .g-right {
float: right; } }
@media (max-width: 1024px) and (min-width: 992px) {
.gallery-film .g-right {
float: right; } }
@media only screen and (min-width: 1920px) {
.gallery-film .gallery-big {
height: 699px !important; }
.gallery-film .gallery-big img {
width: 100%;
height: auto; } }
@media only screen and (min-width: 1025px) {
.gallery-film .gallery-big {
height: 540px; }
.gallery-film .gallery-big img {
width: 100%;
height: 100%; } }
@media (max-width: 1024px) and (min-width: 992px) {
.gallery-film .gallery-big {
height: 400px; }
.gallery-film .gallery-big img {
width: 100%;
height: 100%; } }
@media only screen and (min-width: 1920px) {
.gallery-film .gallery-small {
height: 350px !important; }
.gallery-film .gallery-small img {
width: 100%;
height: auto; } }
@media only screen and (min-width: 1025px) {
.gallery-film .gallery-small {
height: 270px; }
.gallery-film .gallery-small img {
width: 100%;
height: auto; } }
@media (max-width: 1024px) and (min-width: 992px) {
.gallery-film .gallery-small {
height: 200px; }
.gallery-film .gallery-small img {
width: 100%;
height: auto; } }
.gallery-film .gallery-content {
width: 100%; }
@media only screen and (min-width: 1025px) {
.gallery-film .gallery-content {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
text-align: center;
z-index: 2;
padding: 0 100px; } }
@media (max-width: 1024px) and (min-width: 992px) {
.gallery-film .gallery-content {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
text-align: center;
z-index: 2;
padding: 0 30px; } }
@media (max-width: 991px) and (min-width: 768px) {
.gallery-film .gallery-content {
text-align: center;
color: rgba(0, 0, 0, 0.5);
padding: 20px; } }
@media only screen and (max-width: 767px) {
.gallery-film .gallery-content {
padding: 20px 15px 30px 15px; } }  .g_fade {
background: rgba(0, 0, 0, 0.5); }
.wrapper-gallery-detail {
margin-top: 200px; }
@media only screen and (max-width: 767px) {
.wrapper-gallery-detail .popup-gallery {
display: none !important; } }
.wrapper-gallery-detail .list-social li {
margin-right: 15px; }
@media only screen and (max-width: 767px) {
.wrapper-gallery-detail .list-social li {
margin-right: 5px; } }
.wrapper-gallery-detail .detail {
font-size: 50px; }
@media only screen and (max-width: 767px) {
.wrapper-gallery-detail .detail {
font-size: 1.875em;
line-height: 1.3em; } }
.wrapper-gallery-detail .list-item {
height: auto !important;
float: left;
width: 100%;
position: relative;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
margin: 0;
padding: 0; }
.wrapper-gallery-detail .list-item .item {
position: relative;
left: 0;
float: left;
list-style: none;
box-sizing: border-box;
border: none;
overflow: hidden !important; }
@media only screen and (min-width: 1170px) {
.wrapper-gallery-detail .list-item .item {
height: 400px;
width: 25%; } }
@media (max-width: 1024px) and (min-width: 768px) {
.wrapper-gallery-detail .list-item .item {
height: 300px;
width: 25%; } }
@media only screen and (max-width: 767px) {
.wrapper-gallery-detail .list-item .item {
width: 100%; } }
.wrapper-gallery-detail .list-item .item img {
width: 100%;
height: 100%;
object-fit: cover; }
.wrapper-gallery-detail .modal-content {
overflow: initial;
position: fixed;
padding-top: 5%;
width: 100%; }
.w_popup {
margin: 0 auto; }
@media only screen and (min-width: 992px) {
.w_popup {
width: 900px;
height: auto; } }
@media (max-width: 991px) and (min-width: 768px) {
.w_popup {
width: 700px;
height: auto; } }
@media only screen and (max-width: 767px) {
.w_popup {
width: 100%;
height: auto; } }
.modal-body {
position: relative;
padding: 0;
height: 0;
padding-bottom: 60.25%;
overflow: hidden;
-webkit-box-shadow: 2px 7px 160px 29px rgba(255, 255, 255, 0.2);
-moz-box-shadow: 2px 7px 160px 29px rgba(255, 255, 255, 0.2);
box-shadow: 2px 7px 160px 29px rgba(255, 255, 255, 0.2); }
.modal-body img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover; }
.modal-body .controls {
position: absolute;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
color: #fff;
font-size: 40px; }
.modal-body .controls.next {
right: 20px; }
.modal-body .controls.previous {
left: 20px; }
.modal-body .close_all {
position: absolute;
width: 20px;
height: 20px;
background: rgba(255, 255, 255, 0.3);
line-height: 20px;
text-align: center;
color: #fff;
right: 0;
top: 0;
cursor: pointer;
z-index: 2; }
.list-social ul {
width: 100%;
margin: 30px 0; }
.list-social ul li {
display: inline-block;
font-family: "pb-regular";
padding: 0 5px; }
.list-social ul li a {
color: rgba(0, 0, 0, 0.5); }
@media only screen and (max-width: 767px) {
.list-social ul li a {
font-size: 0.875em; } }
.list-social ul li a:hover {
color: #000; } .g-detail-slider {
width: 100%;
margin: 0 auto; }
.g-detail-slider .ms-skin-default .ms-nav-prev {
background: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/images/icons/g-prev.png) no-repeat left center !important; }
@media only screen and (min-width: 1170px) {
.g-detail-slider .ms-skin-default .ms-nav-prev {
left: -40px; } }
.g-detail-slider .ms-skin-default .ms-nav-next {
background: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/images/icons/g-next.png) no-repeat right center !important; }
@media only screen and (min-width: 1170px) {
.g-detail-slider .ms-skin-default .ms-nav-next {
right: -40px; } }
.g-detail-slider .ms-slide p {
z-index: 1;
position: absolute;
width: 100%;
bottom: 50px;
font-family: "Playfair Display", serif;
color: #fff;
letter-spacing: 1px;
padding: 0 70px;
font-style: italic;
display: none;
line-height: 30px; }
@media only screen and (min-width: 768px) {
.g-detail-slider .ms-sl-selected p {
display: block !important; } }
.register {
padding: 30px 0; }
.register a {
color: rgba(0, 0, 0, 0.5); }
.register .title-px {
font-family: "pb-regular";
font-size: 0.75em;
padding: 15px 0; }
@media only screen and (max-width: 767px) {
.register .title-px {
font-size: 0.6875em; } }
.register .title-px a {
letter-spacing: 3px; }
.g-detail-previous {
float: left;
position: relative; }
@media only screen and (max-width: 767px) {
.g-detail-previous {
padding-left: 15px; } }
@media only screen and (min-width: 1170px) {
.g-detail-previous:before {
content: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/images/icons/arrow-prev.png);
display: table;
position: absolute;
top: 42%;
opacity: 0.3;
left: -30px; } }
.g-detail-previous:hover img {
opacity: 1; }
.g-detail-next {
float: right;
position: relative;
text-align: right; }
@media only screen and (max-width: 767px) {
.g-detail-next {
padding-right: 15px; } }
@media only screen and (min-width: 1170px) {
.g-detail-next:before {
content: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/images/icons/arrow-next.png);
display: table;
position: absolute;
top: 40%;
opacity: 0.3;
right: -30px; } }
.g-detail-next:hover img {
opacity: 1; }
.img .img-black {
height: 136px;
width: 260px;
overflow: hidden; }
@media only screen and (max-width: 767px) {
.img .img-black {
display: none; } }
.img .img-black img {
height: auto;
width: 100%; }
@media only screen and (min-width: 768px) {
.img .icon-long-right {
display: none; } }
@media only screen and (max-width: 767px) {
.img .title-desc {
display: none; } } .ms-caro3d-template .ms-container {
padding: 0 !important; }
.ms-caro3d-template .ms-slide {
-webkit-box-reflect: none !important; } #pagination-flickr {
margin: 0;
padding: 0;
text-align: center; }
#pagination-flickr li {
font-family: "pb-bold";
color: #999;
padding: 0 3px;
display: inline-block; }
#pagination-flickr li a {
color: rgba(0, 0, 0, 0.5); }
@media only screen and (max-width: 767px) {
#pagination-flickr li a {
font-size: 0.75em; } }
#pagination-flickr li a:hover {
color: #000; }
#pagination-flickr li:first-child a, #pagination-flickr li:last-child a {
letter-spacing: 2px;
font-size: 12px; }
#pagination-flickr li:nth-child(4), #pagination-flickr li:nth-child(5), #pagination-flickr li:nth-child(6) {
padding: 0 2px !important; }
#pagination-flickr .previous-off {
padding-right: 20px; }
@media only screen and (max-width: 767px) {
#pagination-flickr .previous-off {
padding-right: 10px; } }
#pagination-flickr .next {
padding-left: 20px; }
@media only screen and (max-width: 767px) {
#pagination-flickr .next {
padding-left: 10px; } }  .d-social2 {
margin: 35px 0; }
.d-social2 span {
width: 30px;
height: 30px;
background: rgba(0, 0, 0, 0.1);
display: inline-block;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding-top: 5px;
margin-right: 8px; }
.d-social2 span a {
color: rgba(0, 0, 0, 0.5); }
.d-social2 span:hover {
background: #000; }
.d-social2 span:hover a {
color: rgba(255, 255, 255, 0.9); }
.template_share {
position: relative; }
.template_share:hover ul {
display: block !important;
z-index: 2;
opacity: 1; }
.template_share ul {
position: absolute;
background: white;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
opacity: 0;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
padding: 5px 0;
background-color: #FDFDFD;
background-repeat: repeat-x;
background: -webkit-gradient(linear, 50% 0%, 0% 100%, from(#FDFDFD), to(#F1F1F1));
background: -webkit-linear-gradient(top, #F1F1F1, #FDFDFD);
background: -moz-linear-gradient(top, #F1F1F1, #FDFDFD);
background: -ms-linear-gradient(top, #F1F1F1, #FDFDFD);
background: -o-linear-gradient(top, #F1F1F1, #FDFDFD); }
.template_share ul li {
list-style: none;
border-right: none !important;
padding: 0 5px; }
.template_share ul li:first-child {
display: none; } .list-cc-title {
font-size: 10px;
color: rgba(0, 0, 0, 0.4);
text-transform: uppercase;
letter-spacing: 3px; }
.list-cc-box {
text-align: center;
margin-bottom: 100px; }
.list-cc-box li {
width: 100%;
padding: 5px 0; }
.list-cc-box li a {
font-size: 14px;
font-family: "Playfair Display", serif;
color: rgba(0, 0, 0, 0.8);
font-weight: 700; }
.list-cc-box li a:hover {
color: #000;
font-weight: 900;
-webkit-transition: font-weight 0.5s linear;
-moz-transition: font-weight 0.5s linear;
transition: font-weight 0.5s linear; } .director_img_cover {
z-index: -1;
position: relative; }
@media only screen and (min-width: 1170px) {
.director_img_cover {
height: 100vh; } }
.director_img_cover .director_detail_name {
position: absolute;
font-family: "Playfair Display", serif;
z-index: 2;
color: rgba(255, 255, 255, 0.2);
font-size: 7.5em;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
letter-spacing: 50px;
font-weight: 700;
width: 100%;
text-align: center;
text-transform: uppercase;
padding: 0 15%;
word-break: break-all; }
@media (max-width: 1024px) and (min-width: 768px) {
.director_img_cover .director_detail_name {
font-size: 5em;
letter-spacing: 50px;
padding: 0 10%; } }
.director_img_cover img {
width: 100%;
width: 100%;
position: absolute;
object-fit: cover; }
.director-detail {
margin-top: 150px; }
.director-item .director-container {
width: 100%;
margin: 0;
padding: 0; }
@media only screen and (max-width: 767px) {
.director-item .director-container {
padding: 0 15px; } }
.director-item .director-container li {
display: table;
width: 100%; }
@media only screen and (min-width: 1920px) {
.director-item .director-container li {
height: 700px !important; } }
.director-item .director-container li .director-box {
width: 50%;
position: relative;
height: 100%; }
@media only screen and (max-width: 767px) {
.director-item .director-container li .director-box {
width: 100%; } }
.director-item .director-container li .director-box img {
width: 100%;
height: auto; }
.director-item .director-container li .director-content {
position: relative;
text-align: center; }
.director-item .director-container li .director-content .director-list {
width: 100%; }
@media only screen and (min-width: 1920px) {
.director-item .director-container li .director-content .director-list {
padding: 170px 150px 0 150px !important;
position: absolute;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); } }
@media only screen and (min-width: 1170px) {
.director-item .director-container li .director-content .director-list {
padding: 100px 100px 0 100px; } }
@media (max-width: 1024px) and (min-width: 992px) {
.director-item .director-container li .director-content .director-list {
padding: 30px 30px 0 30px;
position: absolute;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); } }
@media (max-width: 991px) and (min-width: 768px) {
.director-item .director-container li .director-content .director-list {
padding: 10px 30px 0 30px;
position: absolute;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); } }
@media only screen and (max-width: 767px) {
.director-item .director-container li .director-content .director-list {
padding: 15px 15px 30px 15px; } }
.director-item .director-container li .director-content .director-list .director-name {
font-size: 3.125em;
font-family: "Playfair Display", serif;
font-weight: 700; }
@media (max-width: 1024px) and (min-width: 992px) {
.director-item .director-container li .director-content .director-list .director-name {
font-size: 1.875em; } }
@media (max-width: 991px) and (min-width: 768px) {
.director-item .director-container li .director-content .director-list .director-name {
font-size: 1.5625em; } }
@media only screen and (max-width: 767px) {
.director-item .director-container li .director-content .director-list .director-name {
font-size: 1.5625em; } }
.director-item .director-container li .director-content .director-list .director-name a {
color: #000; }
.director-item .director-container li .director-content .director-list .director-category {
letter-spacing: 1px;
font-size: 0.75em;
margin-top: 5px; }
@media (max-width: 991px) and (min-width: 768px) {
.director-item .director-container li .director-content .director-list .director-category {
font-size: 0.6875em; } }
.director-item .director-container li .director-content .director-list .director-desc {
font-family: "pb-regular";
line-height: 1.5em;
margin-top: 30px; }
@media (max-width: 1024px) and (min-width: 992px) {
.director-item .director-container li .director-content .director-list .director-desc {
margin-top: 20px; } }
@media (max-width: 991px) and (min-width: 768px) {
.director-item .director-container li .director-content .director-list .director-desc {
font-size: 0.8125em;
margin-top: 10px; } }
@media only screen and (max-width: 767px) {
.director-item .director-container li .director-content .director-list .director-desc {
margin-top: 15px;
font-size: 0.8125em; } }
.director-item .director-container li:nth-child(2n+1) .director-img {
float: left; }
.director-item .director-container li:nth-child(2n+1) .director-content {
float: right; }
.director-item .director-container li:nth-child(2n) .director-img {
float: right; }
.director-item .director-container li:nth-child(2n) .director-content {
float: left; }
@media (max-width: 1024px) and (min-width: 768px) {
.director-item .director-container .view {
margin-top: 20px; } }
@media only screen and (max-width: 767px) {
.director-item .director-container .view {
margin-top: 15px; } } .director-detail .director-social {
padding-left: 15px;
width: 100%;
clear: both; }
@media only screen and (max-width: 767px) {
.director-detail .director-social {
text-align: center; } }
.director-detail .fl-title {
margin-bottom: 50px; }
.director-detail .detail-director-desc {
font-size: 1.25em;
color: #000;
text-transform: uppercase;
line-height: 1.7em;
padding: 0 15px; }
@media only screen and (max-width: 767px) {
.director-detail .detail-director-desc {
text-align: center;
font-size: 16px; } }
.director-detail .detail-director-desc img {
opacity: 0.5; }
.director-detail .detail-director-desc img:hover {
opacity: 1; }
.director-detail .detail-derector-content {
font-family: "pb-regular";
color: rgba(0, 0, 0, 0.5);
line-height: 1.7em;
padding: 0 15px; }
@media only screen and (max-width: 767px) {
.director-detail .detail-derector-content {
font-size: 0.8125em;
line-height: 1.5em;
text-align: center;
margin-top: 30px; } } .cd-container {
margin: 150px 0 100px 0; }
.cd-container .fl-timeline {
margin-bottom: 50px; }
.relation-project {
margin-top: 100px; }
.relation-project .relation-film {
padding: 0 15px; }
@media only screen and (min-width: 768px) {
.relation-project .relation-film {
min-height: 350px; } }
.relation-project .relation-film img {
width: 100%;
height: auto; }
.relation-project .relation-film .tab-p-category {
font-size: 0.625em;
letter-spacing: 3px; }
.relation-project .fl-title {
margin-bottom: 50px; } .fl-feature {
padding: 150px 0 0 0;
position: relative; }
.fl-feature:before {
content: "";
background: #eaeaea;
width: 100%;
height: 85%;
position: absolute;
left: 0;
top: 0; }
.fl-feature .feature-video {
padding: 0;
margin-top: 30px; }
.fl-feature .feature-title {
margin-bottom: 30px; }
@media only screen and (max-width: 767px) {
.fl-feature .feature-title {
margin-bottom: 20px; } }
.fl-feature .feature-title .fl-title-small {
font-size: 0.875em; }
@media only screen and (max-width: 767px) {
.fl-feature .feature-title .fl-title-small {
letter-spacing: 3px;
font-size: 0.6875em; } }
@media only screen and (min-width: 1920px) {
.fl-feature .feature-title .fl-title-small {
letter-spacing: 3px; } }
.fl-feature .feature-title .fl-title-big {
font-size: 3.125em;
margin-bottom: -30px;
margin-top: 0; }
@media (max-width: 1024px) and (min-width: 992px) {
.fl-feature .feature-title .fl-title-big {
font-size: 2.5em;
margin-bottom: -40px; } }
@media (max-width: 991px) and (min-width: 768px) {
.fl-feature .feature-title .fl-title-big {
font-size: 2.1875em;
margin-bottom: -30px; } }
@media only screen and (max-width: 767px) {
.fl-feature .feature-title .fl-title-big {
font-size: 1.875em;
margin-bottom: 0;
margin-top: 0; } }
@media (max-width: 320px) {
.fl-feature .feature-title .fl-title-big {
font-size: 1.5625em; } }
.fl-feature .feature-title .fl-title-big a {
color: #000; }
.fl-feature .tab-p-name a {
font-size: 1.5625em; }
.feature-social {
width: 100%;
clear: both;
text-align: center;
padding-top: 20px; }
.feature-social ul li {
padding: 0 25px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
display: inline-block;
font-family: "pb-bold";
font-size: 0.75em; }
@media only screen and (max-width: 767px) {
.feature-social ul li {
padding: 0 15px; } }
@media (max-width: 320px) {
.feature-social ul li {
padding: 0 10px !important; } }
.feature-social ul li:first-child {
font-size: 0.75em;
border-left: none;
letter-spacing: 8px;
padding-right: 15px; }
@media only screen and (max-width: 767px) {
.feature-social ul li:first-child {
letter-spacing: 4px; } }
.feature-social ul li span {
color: rgba(0, 0, 0, 0.8);
font-size: 16px;
margin-right: 5px; }
@media only screen and (max-width: 767px) {
.feature-social ul li span {
font-size: 14px; } }
.feature-social ul ul li {
padding: 0 0 0 20px;
border: none; }
@media only screen and (max-width: 767px) {
.feature-social ul ul li {
font-size: 13px; } }
@media (max-width: 320px) {
.feature-social ul ul li {
padding: 0 0 0 10px !important; } }
.feature-social ul ul li:first-child {
font-size: 14px;
letter-spacing: 0;
padding: 0;
font-family: "pb-regular"; }
.feature-social ul ul li a {
font-size: 14px;
color: rgba(0, 0, 0, 0.5); }
@media only screen and (max-width: 767px) {
.feature-social ul ul li a {
font-size: 13px; } }
.feature-social ul ul li:hover a {
color: #000; }
.relate-director {
margin-top: 50px !important; } .team-film-item {
width: 100%; }
.team-film-item .team-film-container {
position: relative; }
.team-film-item .team-film-container img {
width: 100%;
height: 100%;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; }
.team-film-item .team-film-container:hover .team-content {
opacity: 1;
top: 50%; }
.team-film-item .ms-slide {
background: #000; }
.team-film-item .ms-slide:hover img {
opacity: 0.5; }
.team-content {
position: absolute;
color: #fff;
z-index: 2;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 100%;
text-align: center;
opacity: 0;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
top: 65%; }
.team-content .team-name {
font-family: "Playfair Display", serif;
font-size: 1.875em;
line-height: 38px; }
.team-content .team-job {
font-family: "pb-bold";
font-size: 0.75em;
letter-spacing: 1.5px;
margin: 10px 0 35px 0; }
.team-content .team-social {
text-align: -webkit-center; }
.team-content .team-social span {
height: 1.563em;
width: 1.6em;
display: inline-block;
background: #4d4d4d;
border-radius: 50%;
margin-right: 5px; }
.team-content .team-social span a {
font-size: 0.625em;
color: #fff;
font-family: "pb-bold"; }
.team-content .team-social span:hover {
background: #fff; }
.team-content .team-social span:hover a {
color: #4d4d4d; }  .container-blog {
color: #000; }
.container-blog .box-center {
padding: 0 15px; }
.container-blog img {
width: 100%;
height: auto;
height: 205px; }
@media only screen and (max-width: 1024px) {
.container-blog img {
height: auto; } }
.container-blog .blog-item .date {
opacity: 0.5;
padding: 0px 5px;
border-left: 1px solid rgba(0, 0, 0, 0.5); }
.container-blog a {
color: #000; }  #fl_instagram {
margin-bottom: -100px;
display: table; }
#fl_instagram .box-center {
margin-bottom: 50px; }
@media only screen and (max-width: 780px) {
#fl_instagram .box-center {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
margin-bottom: 0; }
#fl_instagram .box-center .title-gray {
color: rgba(255, 255, 255, 0.5);
font-size: 40px; } }
@media only screen and (min-width: 300px) and (max-width: 500px) {
#fl_instagram .box-center .title-gray {
font-size: 24px; } }
.list-item-instagram {
height: 240px;
float: left;
width: 100%; }
.list-item-instagram .item-instagram {
width: 12.5%;
padding: 0;
float: left;
box-sizing: border-box;
border: none;
overflow: hidden !important; }
@media only screen and (min-width: 1170px) {
.list-item-instagram .item-instagram {
height: 180px; } }
@media only screen and (min-width: 1920px) {
.list-item-instagram .item-instagram {
height: 240px; } }
@media only screen and (max-width: 1024px) {
.list-item-instagram .item-instagram {
height: 140px; } }
@media (max-width: 767px) and (min-width: 500px) {
.list-item-instagram .item-instagram {
height: 150px;
width: 25%; } }
@media only screen and (min-width: 300px) and (max-width: 500px) {
.list-item-instagram .item-instagram {
height: 100px;
width: 25%; } }
.list-item-instagram .item-instagram img {
width: 100%;
height: 100%;
object-fit: cover; } .beau-list-istagram li {
list-style: none; } .team-avatar, .info-team {
margin-top: 30px; }
.team-avatar {
padding-right: 15px;
display: inline-block; }
.thumb-team {
width: 100%;
max-height: 600px;
overflow: hidden; }
.thumb-team img {
width: 100%;
height: 100%;
object-fit: cover; }
.info-team {
padding-left: 15px;
display: inline-block; }
.info-team .title-member {
margin-bottom: 20px; }
.info-team .title-member h3 {
margin-top: 50px;
text-transform: uppercase;
color: #000;
margin-bottom: 5px;
font-size: 2.1875em;
font-weight: bold; }
.info-team .title-member .jobs {
text-transform: lowercase;
font-style: italic; }
.info-team .title-member .jobs:first-letter {
text-transform: uppercase; }
.info-team .content-team {
line-height: 23px; }
.info-team .list-social {
display: inline-block;
padding-left: 0px;
list-style: none;
margin-top: 20px; }
.info-team .list-social li {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #999;
border-radius: 50%;
margin: 2px; }
.info-team .list-social li a {
color: #fff; }
.info-team .list-social li a:hover {
color: #000; }
  @font-face {
font-family: 'font awesome';
src: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/lato-bold-webfont.eot);
src: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/lato-bold-webfont.eot?#iefix) format("embedded-opentype"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/lato-bold-webfont.woff) format("woff"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/lato-bold-webfont.ttf) format("truetype"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/lato-bold-webfont.svg) format("svg"); }
@font-face {
font-family: 'pb-bold';
src: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_bld.eot);
src: local("☺"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_bld.woff) format("woff"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_bld.ttf) format("truetype"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_bld.svg) format("svg");
font-weight: normal;
font-style: normal; } @font-face {
font-family: 'pb-regular';
src: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_reg.eot);
src: local("☺"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_reg.woff) format("woff"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_reg.ttf) format("truetype"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_reg.svg) format("svg");
font-weight: normal;
font-style: normal; } @font-face {
font-family: 'Film-icon';
src: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/Film-icon.eot?rufg47);
src: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/Film-icon.eot?rufg47#iefix) format("embedded-opentype"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/Film-icon.ttf?rufg47) format("truetype"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/Film-icon.woff?rufg47) format("woff"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/Film-icon.svg?rufg47#Film-icon) format("svg");
font-weight: normal;
font-style: normal; }
[class^="be-"], [class*=" be-"] {
font-family: 'Film-icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.be-1be:before {
content: "\e900"; }
.be-2be:before {
content: "\e901"; }
.be-3be:before {
content: "\e902"; }
.be-4be:before {
content: "\e903"; }
.be-5be:before {
content: "\e904"; }
.be-6be:before {
content: "\e905"; }
.be-7be:before {
content: "\e906"; }
.be-8be:before {
content: "\e907"; }
.be-9be:before {
content: "\e908"; }
.be-10be:before {
content: "\e909"; }
.be-11be:before {
content: "\e90a"; }
.be-12be:before {
content: "\e90b"; }
.be-13be:before {
content: "\e90c"; }
.be-14be:before {
content: "\e90d"; }
.be-15be:before {
content: "\e90e"; }
.be-16be:before {
content: "\e90f"; }
.be-17be:before {
content: "\e910"; }
.be-18be:before {
content: "\e911"; }
.be-19be:before {
content: "\e912"; }
.be-20be:before {
content: "\e913"; }
.be-21be:before {
content: "\e914"; }
.be-22be:before {
content: "\e915"; }
.be-23be:before {
content: "\e916"; }
.be-24be:before {
content: "\e917"; }
.be-25be:before {
content: "\e918"; }
.be-26be:before {
content: "\e919"; }
.be-27be:before {
content: "\e91a"; }
.be-28be:before {
content: "\e91b"; }
.be-29be:before {
content: "\e91c"; }
.be-30be:before {
content: "\e91d"; }
.be-31be:before {
content: "\e91e"; }
.be-32be:before {
content: "\e91f"; }
.be-33be:before {
content: "\e920"; }
.be-34be:before {
content: "\e921"; }
.be-35be:before {
content: "\e922"; }
.be-36be:before {
content: "\e923"; }
.be-37be:before {
content: "\e924"; }
.be-38be:before {
content: "\e925"; }
.be-39be:before {
content: "\e926"; }
.be-40be:before {
content: "\e927"; }
.be-41be:before {
content: "\e928"; }
.be-42be:before {
content: "\e929"; }
.be-43be:before {
content: "\e92a"; }
.be-44be:before {
content: "\e92b"; }
.be-45be:before {
content: "\e92c"; }
.be-46be:before {
content: "\e92d"; }  .title-desc {
position: relative;
z-index: 2; }
.title-desc p {
font-size: 16px;
letter-spacing: 2px;
font-family: "pb-bold";
color: rgba(0, 0, 0, 0.5); }
@media (min-width: 992px) {
.title-desc p {
letter-spacing: 5px; } }
@media (min-width: 1200px) {
.title-desc p {
letter-spacing: 9px; } }
.title-desc h1 {
font-size: 30px;
line-height: 35px;
letter-spacing: 0;
font-weight: 700;
font-family: "Playfair Display", serif; }
@media (min-width: 768px) {
.title-desc h1 {
font-size: 50px; } }
@media (min-width: 992px) {
.title-desc h1 {
font-size: 70px; } }
@media (min-width: 1200px) {
.title-desc h1 {
font-size: 90px; } } .content-viewmore h5 {
color: #000;
line-height: 1.7em;
font-size: 20px;
font-family: "pb-bold"; }
@media (min-width: 1200px) {
.content-viewmore h5 {
padding-right: 30px; } }
.content-viewmore p {
font-size: 16px;
line-height: 1.7em;
color: rgba(0, 0, 0, 0.5);
font-family: "pb-regular";
margin-bottom: 10px; }
.content-viewmore .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
font-family: "pb-bold";
color: rgba(0, 0, 0, 0.6);
background: none;
letter-spacing: 2px;
border-color: rgba(0, 0, 0, 0.1);
font-weight: normal;
-webkit-transition: all 0.3s;
transition: all 0.3s;
margin-top: 30px;
border-radius: 0;
font-size: 10px; }
@media (min-width: 1200px) {
.content-viewmore .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
margin-top: 50px; } }
.content-viewmore .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
color: #fff !important;
background: #000 !important; } @media (min-width: 768px) {
.service-item {
padding: 0 15px; } }
@media (min-width: 1200px) {
.service-item {
padding: 0 20px 20px; } }
.service-item h6 {
font-family: "Playfair Display", serif;
font-weight: 700;
color: #000;
font-size: 1.250em; }
.service-item p {
margin-top: 13px;
line-height: 1.5em;
font-size: 16px;
color: rgba(0, 0, 0, 0.5);
text-align: center;
font-family: "pb-regular"; } .about-item .vc_column-inner {
padding-top: 0 !important;
min-height: 265px;
position: relative; }
.about-item .wpb_text_column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 265px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.4s;
transition: all 0.4s; }
.about-item .wpb_text_column:hover {
background: rgba(0, 0, 0, 0.3); }
.about-item .wpb_text_column h6 {
color: rgba(255, 255, 255, 0.5);
font-family: "pb-bold";
font-size: 0.75em;
line-height: 1.42857143; }
.about-item .wpb_text_column h4 {
color: #fff;
font-size: 1.875em;
line-height: 1.42857143;
font-family: "Playfair Display", serif;
font-weight: 700;
padding-bottom: 10px; }
.about-item .wpb_text_column p {
font-size: 0.875em;
line-height: 1.7em;
font-family: "pb-regular";
color: rgba(255, 255, 255, 0.5);
padding: 0 5%; }
@media (min-width: 992px) {
.about-item .wpb_text_column p {
padding: 0 10%; } }
@media (min-width: 1200px) {
.about-item .wpb_text_column p {
padding: 0 20%; } } @media (min-width: 992px) {
.image-cover > .wpb_column {
margin-top: -2rem; } }
@media (min-width: 992px) {
.image-cover.galleries > .wpb_column {
margin-top: -1rem; } } .counter-item {
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.counter-item h2 {
font-size: 50px;
color: #000; }
.counter-item p {
font-size: 0.75em;
letter-spacing: 2px;
color: rgba(0, 0, 0, 0.5);
margin-top: 5px;
font-weight: 700;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.counter-item:hover p {
color: #000; } .sponsors {
width: 100%; }
.sponsors .wpb_single_image {
cursor: pointer;
opacity: 0.5;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.sponsors .wpb_single_image:hover {
opacity: 1; } .w100 {
width: 100%; } .bong-lua p {
font-size: 16px;
font-family: "Playfair Display", serif;
color: rgba(0, 0, 0, 0.5);
line-height: 1.42857143; }
@media (min-width: 992px) {
.bong-lua p {
font-size: 30px; } }
.bong-lua p em {
font-weight: 700;
color: #000; }  @media (min-width: 992px) {
.content-love-film {
padding: 0 50px; } } .product-item ul {
padding: 0 !important; } .home-blog h5 {
font-size: 16px;
line-height: 25px;
margin-bottom: 20px; }
@media (min-width: 992px) {
.home-blog h5 {
margin-bottom: 50px; } }
.home-blog p {
font-family: "pb-bold";
margin-bottom: 20px; }
.instagrams .wpb_single_image .vc_figure,
.instagrams .wpb_single_image.vc_align_center {
width: 100%; }
.instagrams .wpb_single_image .vc_single_image-wrapper {
width: 100%; }
.instagrams .wpb_single_image img {
width: 100%;
-webkit-transition: all 0.4s;
transition: all 0.4s; }
.instagrams .wpb_single_image img:hover {
opacity: 0.5; } .lovefilm-rebuild .title-desc p {
font-size: 16px !important;
letter-spacing: 2px !important;
font-family: "pb-bold" !important; }
@media (min-width: 992px) {
.lovefilm-rebuild .title-desc p {
letter-spacing: 5px !important; } }
@media (min-width: 1200px) {
.lovefilm-rebuild .title-desc p {
letter-spacing: 9px !important; } }
.lovefilm-rebuild h5 {
font-size: 16px;
padding-bottom: 35px;
padding-top: 40px; }
@media (min-width: 992px) {
.lovefilm-rebuild h5 {
padding-top: 65px; } }
.list-service-home3 .vc_column_container .vc_column-inner > .wpb_wrapper {
min-height: 300px;
border: 1px solid rgba(0, 0, 0, 0.3);
margin-bottom: 30px;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.list-service-home3 .vc_column_container .vc_column-inner > .wpb_wrapper .vc_icon_element-icon {
opacity: 0.5;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.list-service-home3 .vc_column_container .vc_column-inner > .wpb_wrapper:hover {
border-color: black; }
.list-service-home3 .vc_column_container .vc_column-inner > .wpb_wrapper:hover .vc_icon_element-icon {
opacity: 1; }
.service-nopadding .vc_column-inner > .wpb_wrapper .vc_icon_element-icon {
opacity: 0.7;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.service-nopadding .vc_column-inner > .wpb_wrapper:hover .vc_icon_element-icon {
opacity: 1; }
.list-image .vc_single_image-wrapper {
opacity: 0.3;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.list-image .vc_single_image-wrapper:hover {
opacity: 1; } @media (min-width: 992px) {
.home-2-img {
margin-top: -3rem; } } .single.single-director .director_img_cover {
overflow: hidden; }
.single.single-director .director_img_cover img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover; }
.single.single-director .director_img_cover .director_detail_name {
font-size: 4.5em; }
@media (min-width: 1200px) {
.single.single-director .director_img_cover .director_detail_name {
font-size: 5.5em;
letter-spacing: 30px; } }
@media (min-width: 1640px) {
.single.single-director .director_img_cover .director_detail_name {
font-size: 7.5em;
letter-spacing: 50px; } } .f-home1 .btn-default {
left: 0; } .film-item img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover; } .list .list-item .image2 {
height: 300px; }
@media (min-width: 1200px) {
.list .list-item .image2 {
height: 600px; } } .toggle-nav {
color: rgba(0, 0, 0, 0.8) !important;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.toggle-nav:hover {
color: rgba(0, 0, 0, 0.5) !important; } .mapview1 {
display: block; }
#flim_mapview {
height: 50vh; }
@media (min-width: 768px) {
#flim_mapview {
height: 800px; } }
@media (min-width: 992px) {
#flim_mapview {
height: 1000px; } }
#addres {
position: relative;
background: none; }
@media (min-width: 768px) {
#addres {
position: absolute;
background: rgba(0, 0, 0, 0.9); } }
#addres .item-add {
padding: 15px 0 0; }
@media (min-width: 768px) {
#addres .item-add {
padding: 30px 0; } }
.testimonial-item {
float: left;
width: 100%;
max-width: 100vw;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
height: auto; }
.testimonial-item .swiper-container {
width: 90%;
margin-left: auto;
margin-right: auto; }
.testimonial-item .testimonial-quote {
padding-top: 4rem;
display: block;
width: 100%; }
.testimonial-item .testimonial-quote::before {
top: 15%; }
.film-odd-content .p-category a {
color: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.film-odd-content .p-category a:hover {
color: #000; }
.subcribe .ft-subcri2 {
max-width: 80%; }
.ft-subcri2 .control-form {
font-size: 1.4rem;
letter-spacing: 0; }
@media (min-width: 992px) {
.ft-subcri2 .control-form {
font-size: 1.6rem;
letter-spacing: 0.2; } }
.fl-title .fl-title-big {
margin-bottom: 0; }
@media (min-width: 768px) {
.fl-title .fl-title-big {
margin-bottom: -10px; } }
@media (min-width: 992px) {
.fl-title .fl-title-big {
margin-bottom: -50px; } }
.clearfix {
clear: both; }
.video_thumb:after {
content: '';
background-color: black;
width: 100.1%;
height: 100.1%;
position: absolute;
z-index: 1;
top: 0;
opacity: 0.4;
transition: all 0.5s; }
.video_thumb:hover:after {
opacity: 0;
z-index: 0; }
.film-type2 .fl-title .fl-title-big {
margin-bottom: 0px; } .title-demo {
font-family: "Playfair Display", serif;
color: #fff;
letter-spacing: 1px;
font-size: 50px; }
@media (min-width: 768px) {
.title-demo {
font-size: 30px;
font-weight: 700; } }
@media (min-width: 992px) {
.title-demo {
font-size: 41px; } }
@media (min-width: 1200px) {
.title-demo {
font-size: 60px; } }
.sub-title {
font-family: "Playfair Display", serif;
color: #fff;
font-style: italic;
font-size: 30px; }
@media (min-width: 768px) {
.sub-title {
font-size: 40px;
font-weight: 400; } }
@media (min-width: 992px) {
.sub-title {
font-size: 50px; } }
@media (min-width: 1200px) {
.sub-title {
font-size: 60px; } }
.title-layout {
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
font-family: "pb-bold";
text-transform: uppercase;
line-height: 4em;
letter-spacing: 3px; }
.title-section {
font-family: "Playfair Display", serif;
font-size: 30px;
color: #fff; }
.descreption {
padding-top: 40px; }
.descreption p {
font-size: 14px;
font-family: "pb-regular";
line-height: 1.8em;
color: rgba(255, 255, 255, 0.4);
font-weight: 400; }
@media (min-width: 768px) {
.descreption p {
font-size: 16px; } }
.demo {
background: #000; }
.demo__footer-info a {
color: rgba(255, 255, 255, 0.4);
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out; }
.demo__footer-info a:hover {
color: #fff;
text-decoration: underline; }
.demo__button {
margin-bottom: 0 !important; }
.demo__button .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
background: #fff;
color: rgba(0, 0, 0, 0.8);
font-weight: bold;
border: 1px solid #fff;
letter-spacing: 3px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out; }
.demo__button .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover, .demo__button .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:active {
background: rgba(0, 0, 0, 0.8);
color: #fff; }
.demo__button.no-bg .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
color: rgba(255, 255, 255, 0.3);
border: 1px solid rgba(255, 255, 255, 0.2);
background: #333; }
.demo__button.no-bg .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover, .demo__button.no-bg .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:active {
color: rgba(0, 0, 0, 0.8);
background: #fff; }
.demo__button.choose .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
background: unset;
border: unset;
color: rgba(255, 255, 255, 0.4); }
.demo__button.choose .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover, .demo__button.choose .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:active {
color: #fff;
background: unset; }
.demo__layout .title-section2 {
text-align: center;
margin: 150px 30% 50px 30%; }
@media (min-width: 768px) {
.demo__layout .title-section2 {
margin: 50px 15% 30px; } }
@media (min-width: 992px) {
.demo__layout .title-section2 {
margin: 50px 15% 0; }
.demo__layout .title-section2 .descreption {
padding: 20px 0; } }
@media (min-width: 992px) {
.demo__layout .title-section2 {
margin: 50px 15px; }
.demo__layout .title-section2 .descreption {
padding: 20px 0; } }
.demo__layout .title-section2 .descreption {
padding: 20px; }
@media (min-width: 768px) {
.demo__layout .list-right {
margin-top: 50px; } }
@media (min-width: 992px) {
.demo__layout .list-right {
margin-top: 100px; } }
@media (min-width: 1200px) {
.demo__layout .list-right {
margin-top: 180px; } }
.demo__layout .layout-item {
text-align: center;
list-style: none; }
.demo__layout .layout-item .title-layout {
margin: 10px 0;
letter-spacing: 8px;
color: rgba(255, 255, 255, 0.5); }
.demo__layout .img-layout {
width: 100%;
height: auto;
padding-bottom: 50px; }
.demo__layout .img-layout img {
width: 100%;
height: auto;
opacity: 0.5;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out; }
.demo__layout .img-layout img:hover {
opacity: 1; }
@media (min-width: 768px) {
.demo__layout .img-layout {
padding-bottom: 70px; } }
@media (min-width: 992px) {
.demo__layout .img-layout {
padding-bottom: 100px; } }
@media (min-width: 1200px) {
.demo__layout .img-layout {
padding-bottom: 150px; } }
.demo__pallax-left .vc_row {
width: 100%; }
.demo__pallax-left h1 {
font-family: "Playfair Display", serif;
color: #fff; }
.demo__pallax-buy > .vc_column-inner {
padding: 0 !important;
margin: 30px 0; }
@media (min-width: 992px) {
.demo__pallax-buy > .vc_column-inner {
margin: 50px 0; } }
.demo__pallax-buy > .vc_column-inner > .wpb_wrapper {
display: inline-flex;
align-items: center;
width: 100%; }
.demo__pallax .live-prew {
padding-left: 5%; }
.demo__pallax .live-prew a {
font-size: 12px;
color: rgba(255, 255, 255, 0.3);
text-decoration: none;
letter-spacing: 2px;
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
padding: 3px 12px;
font-weight: 700; }
.demo__pallax .live-prew a:hover, .demo__pallax .live-prew a:focus, .demo__pallax .live-prew a:active {
color: #fff;
text-decoration: none;
border-bottom: 2px solid #fff; }
.demo__slide-scroll-tabs .vc_tta-panels, .demo__slide-scroll-tabs .vc_tta-panel-heading, .demo__slide-scroll-tabs .vc_tta-panel-body {
background: transparent !important;
border: unset !important; }
.demo__slide-scroll-tabs .vc_tta-tab {
max-height: 100px;
display: flex !important;
-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);
width: 100px;
min-height: 100px;
text-align: center; }
@media (min-width: 768px) {
.demo__slide-scroll-tabs .vc_tta-tab {
padding-right: 20%; } }
.demo__slide-scroll-tabs .vc_tta-tab a {
background: transparent !important;
border: unset !important;
color: rgba(255, 255, 255, 0.4);
font-family: "pb-bold";
padding: 0 20px;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
cursor: pointer;
text-align: center;
line-height: 15px; }
.demo__slide-scroll-tabs .vc_tta-tab.vc_active > a {
color: #fff !important; }
.demo__slide-scroll-tabs .text-home .descreption {
padding-right: 5%;
padding-bottom: 5%; }
@media (min-width: 768px) {
.demo__slide-scroll-tabs .text-home .descreption {
padding-right: 20%;
padding-bottom: 7%; } }
@media (min-width: 1200px) {
.demo__slide-scroll-tabs .text-home .descreption {
padding-right: 38%;
padding-bottom: 12%; } }
.demo__title-home {
font-family: "pb-bold";
color: #fff;
font-size: 30px;
overflow: hidden; }
@media (min-width: 992px) {
.demo__title-home {
font-size: 60px; } }
.demo__title-home small {
color: #fff;
font-family: "Playfair Display", serif;
font-style: italic;
line-height: 1.2em;
font-size: 30px; }
@media (min-width: 992px) {
.demo__title-home small {
font-size: 57px; } }
.demo__title-home.like {
font-family: "Playfair Display", serif;
font-weight: bold; }
.demo__title-home.like small {
font-weight: normal; }
@media (min-width: 992px) {
.demo__title-home.small {
font-size: 40px; } }
@media (min-width: 992px) {
.demo__title-home.small small {
font-size: 40px; } }
.demo__feature .descreption {
padding: 0 15px; }
@media (min-width: 992px) {
.demo__feature .descreption {
padding: 0 5%; } }
@media (min-width: 1200px) {
.demo__feature .descreption {
padding: 0 10%; } }
@media (min-width: 992px) {
.demo__feature-two {
padding: 0 8%; } }
@media (min-width: 1200px) {
.demo__feature-two {
padding: 0 12%; } }
.demo__position {
position: relative;
width: 100%; }
.demo__position img {
position: absolute;
right: 0; }
.demo__like .buy {
width: 100%;
display: flex;
align-items: center; }
.demo__like .buy .buy-now {
font-family: "pb-bold";
margin: 0;
padding-right: 30px;
line-height: 1.5em;
margin-top: 6px;
text-align: right;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.4);
text-transform: uppercase; }
@media (min-width: 768px) {
.demo__review .review-top {
position: relative;
z-index: 3;
top: 20px; } }
.demo__review-item {
width: 100%; }
.demo__review-item .account {
width: 33%;
height: auto;
padding: 25px 35px 25px 20px; }
@media (min-width: 768px) {
.demo__review-item .account {
border-right: 4px solid #000; } }
.demo__review-item .account .name-client {
font-weight: bold;
color: #000;
font-family: "pb-bold";
font-size: 18px;
text-transform: uppercase; }
@media (min-width: 768px) {
.demo__review-item .account .name-client {
text-align: right !important; } }
.demo__review-item .account .info-client {
color: rgba(0, 0, 0, 0.5);
text-transform: uppercase;
font-size: 10px;
font-family: "pb-bold"; }
@media (min-width: 768px) {
.demo__review-item .account .info-client {
text-align: right !important; } }
.demo__review-item .account .rate {
margin-top: 6px; }
@media (min-width: 768px) {
.demo__review-item .account .rate {
text-align: right !important; } }
.demo__review-item .comments {
font-family: "Playfair Display", serif;
font-size: 18px;
float: right;
text-align: left;
line-height: 30px;
padding: 20px 5% 20px 30px;
color: #000; }
.demo__slide-scroll .img-home > figure {
padding: 30px 30px 300px 30px;
max-height: 800px;
background: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/images/Screen-design.png) no-repeat;
background-size: 100%; }
.demo__slide-scroll .img-home > figure .vc_single_image-wrapper {
overflow: hidden;
height: 18vh; }
@media (min-width: 576px) {
.demo__slide-scroll .img-home > figure .vc_single_image-wrapper {
height: 30vh; } }
@media (min-width: 768px) {
.demo__slide-scroll .img-home > figure .vc_single_image-wrapper {
height: 18vh; } }
@media (min-width: 992px) {
.demo__slide-scroll .img-home > figure .vc_single_image-wrapper {
height: 30vh; } }
@media (min-width: 1640px) {
.demo__slide-scroll .img-home > figure .vc_single_image-wrapper {
height: 350px; } }
.demo__slide-scroll .img-home > figure .vc_single_image-wrapper img {
width: 100%;
height: auto;
background: rgba(0, 0, 0, 0.6);
-webkit-transition: transform 5s ease-in-out;
transition: transform 5s ease-in-out; }
.demo__slide-scroll .img-home > figure .vc_single_image-wrapper:hover img {
transform: translate3d(0px, -87%, 0px);
-webkit-transition: transform 5s ease-in-out;
transition: transform 5s ease-in-out; }
.demo__director .img-home > figure {
background-size: 100%;
padding: 30px 13% 120px 13%;
background: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/images/Layer-77.png) no-repeat;
background-size: 100%; }
.demo__director .img-home > figure .vc_single_image-wrapper {
overflow: hidden; }
@media (min-width: 576px) {
.demo__director .img-home > figure .vc_single_image-wrapper {
height: 30vh; } }
@media (min-width: 768px) {
.demo__director .img-home > figure .vc_single_image-wrapper {
height: 18vh; } }
@media (min-width: 992px) {
.demo__director .img-home > figure .vc_single_image-wrapper {
height: 30vh; } }
@media (min-width: 1640px) {
.demo__director .img-home > figure .vc_single_image-wrapper {
height: 350px; } }
.demo__director .img-home > figure .vc_single_image-wrapper:hover img {
transform: translate3d(0px, -80%, 0px);
transition: transform 4s ease-in-out;
-webkit-transition: transform 5s ease-in-out; }
.demo__director .img-home > figure .vc_single_image-wrapper img {
width: 100%;
height: auto;
transition: transform 3s ease-in-out;
-webkit-transition: transform 5s ease-in-out; }
 @font-face {
font-family: 'font awesome';
src: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/lato-bold-webfont.eot);
src: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/lato-bold-webfont.eot?#iefix) format("embedded-opentype"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/lato-bold-webfont.woff) format("woff"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/lato-bold-webfont.ttf) format("truetype"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/lato-bold-webfont.svg) format("svg"); }
@font-face {
font-family: 'pb-bold';
src: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_bld.eot);
src: local("☺"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_bld.woff) format("woff"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_bld.ttf) format("truetype"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_bld.svg) format("svg");
font-weight: normal;
font-style: normal; } @font-face {
font-family: 'pb-regular';
src: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_reg.eot);
src: local("☺"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_reg.woff) format("woff"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_reg.ttf) format("truetype"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/brandon/Brandon_reg.svg) format("svg");
font-weight: normal;
font-style: normal; } @font-face {
font-family: 'Film-icon';
src: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/Film-icon.eot?rufg47);
src: url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/Film-icon.eot?rufg47#iefix) format("embedded-opentype"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/Film-icon.ttf?rufg47) format("truetype"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/Film-icon.woff?rufg47) format("woff"), url(//mariapapaliou.gr/wp-content/themes/filmmaker/asset/fonts/Film-icon.svg?rufg47#Film-icon) format("svg");
font-weight: normal;
font-style: normal; }
[class^="be-"], [class*=" be-"] {
font-family: 'Film-icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.be-1be:before {
content: "\e900"; }
.be-2be:before {
content: "\e901"; }
.be-3be:before {
content: "\e902"; }
.be-4be:before {
content: "\e903"; }
.be-5be:before {
content: "\e904"; }
.be-6be:before {
content: "\e905"; }
.be-7be:before {
content: "\e906"; }
.be-8be:before {
content: "\e907"; }
.be-9be:before {
content: "\e908"; }
.be-10be:before {
content: "\e909"; }
.be-11be:before {
content: "\e90a"; }
.be-12be:before {
content: "\e90b"; }
.be-13be:before {
content: "\e90c"; }
.be-14be:before {
content: "\e90d"; }
.be-15be:before {
content: "\e90e"; }
.be-16be:before {
content: "\e90f"; }
.be-17be:before {
content: "\e910"; }
.be-18be:before {
content: "\e911"; }
.be-19be:before {
content: "\e912"; }
.be-20be:before {
content: "\e913"; }
.be-21be:before {
content: "\e914"; }
.be-22be:before {
content: "\e915"; }
.be-23be:before {
content: "\e916"; }
.be-24be:before {
content: "\e917"; }
.be-25be:before {
content: "\e918"; }
.be-26be:before {
content: "\e919"; }
.be-27be:before {
content: "\e91a"; }
.be-28be:before {
content: "\e91b"; }
.be-29be:before {
content: "\e91c"; }
.be-30be:before {
content: "\e91d"; }
.be-31be:before {
content: "\e91e"; }
.be-32be:before {
content: "\e91f"; }
.be-33be:before {
content: "\e920"; }
.be-34be:before {
content: "\e921"; }
.be-35be:before {
content: "\e922"; }
.be-36be:before {
content: "\e923"; }
.be-37be:before {
content: "\e924"; }
.be-38be:before {
content: "\e925"; }
.be-39be:before {
content: "\e926"; }
.be-40be:before {
content: "\e927"; }
.be-41be:before {
content: "\e928"; }
.be-42be:before {
content: "\e929"; }
.be-43be:before {
content: "\e92a"; }
.be-44be:before {
content: "\e92b"; }
.be-45be:before {
content: "\e92c"; }
.be-46be:before {
content: "\e92d"; }
@media only screen and (max-width: 1024px) {
#discover-home1 .box-center {
margin-bottom: -15px !important; } }
@media (max-width: 320px) {
#discover-home1 .box-center {
margin-bottom: 20px !important; } } .vc_text_block {
text-align: center;
font-family: "Playfair Display", serif; }
.vc_text_block .vc_text_discover {
color: #000;
font-weight: 700; }
@media screen and (min-width: 992px) {
.vc_text_block {
font-size: 30px; } }
@media (max-width: 991px) and (min-width: 768px) {
.vc_text_block {
font-size: 25px; } }
@media screen and (max-width: 600px) {
.vc_text_block {
font-size: 14px; }
.vc_text_block p {
display: inline;
line-height: 1.5em; }
.vc_text_block p:last-child {
display: table;
width: 100%;
margin-top: 20px; } }
.vc_more_film .more_film img {
width: 100%;
height: 100%;
object-fit: cover; }
@media only screen and (min-width: 1025px) {
.home3-more-fl .h3-sub-more1 {
padding: 0 15px 0 30px !important; }
.home3-more-fl .h3-sub-more2 {
padding: 0 15px !important; }
.home3-more-fl .h3-sub-more3 {
padding: 0 30px 0 15px !important; } }
@media only screen and (max-width: 767px) {
.vc_custom_1452588311474 {
display: none; } }.sticky{
position: relative;
}
.sticky:before {
position: absolute;
content:"";
left: 0px;
top: 0px;
height: 100%;
border-right:2px solid #000;
}
.sticky:hover {
}
.wp-caption{
text-align: center;
margin-bottom: 40px;
}
.wp-caption-text{
float: left;
width: 100%;
text-align: center;
margin-bottom: 40px;
}
.gallery-caption {}
.container img{
max-width: 100%!important;
height: auto;
}
.entry-content div{
max-width: 100%!important;
}
.bypostauthor {}
.alignright {
float: right;
margin-left: 15px;
}
.alignleft {
float: left;
margin: 15px;
}
.aligncenter {}
.gallery-caption, .aligncenter, .bypostauthor, .aligncenter {
margin-top: 40px;
}
.edit-link {
text-align: center;
float: left;
width: 100%;
padding-top: 50px;
padding-bottom: 20px;
}
.nothing-found {
display: block;
margin-bottom: 30px;
}
.screen-reader-text{}
.stick-scroll {
z-index: 99;
}
.pagination-film {
padding-top : 10px;
}
@media only screen and (max-width : 767px){
.director_img_cover img {
width : 100%;
height: auto;
}
.director_img_cover .director_detail_name {
font-size  : 20px;
letter-spacing: 5px;
}
}
.single-gallery .click_play {
left: 50%;
top: 50%;
width: 50px !important;
height: 50px !important;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
position: absolute;
}
.single-gallery .modal-body iframe {
width : 900px !important;
height: 542px !important;
}
#form-contact2 .form .list-social li a span {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
#logo{
display: block;
}
.stick-scroll #logo{
display: none;
}
#logo-fixed{
display: none;
}
.stick-scroll #logo-fixed{
display: block;
}
.padding-bottom-gallery-title{
padding: 50px 0;
}
.entry-title {
display: none;
}