@charset "UTF-8";

@font-face {
    font-family: "Helvetica Neue";
    src: url('../static/fonts/helveticaneue/helveticaneue.eot');
    src: url('../static/fonts/helveticaneue/helveticaneue.eot?#iefix') format('embedded-opentype'),
         url('../static/fonts/helveticaneue/helveticaneue.woff') format('woff'),
         url('../static/fonts/helveticaneue/helveticaneue.ttf') format('truetype'),
         url('../static/fonts/helveticaneue/helveticaneue.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;500;600;700&display=swap');


/* ************************************************************ */
/* ************************ RESET CSS ************************* */
/* ************************************************************ */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}img{display:block;margin:0px;}


/* ************************************************************ */
/* ********************* DEFAULT SETTING ********************** */
/* ************************************************************ */



body {
    animation: fadein 1.2s;
    -moz-animation: fadein 1.2s;
    -webkit-animation: fadein 1.2s;
    -o-animation: fadein 1.2s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
html, body { color: #484751; background: #FFF; font-family: 'Work Sans', "Helvetica Neue"; font-size: 15px; font-weight: 200; line-height: 24px; letter-spacing: 1px; }


/* ************************************************************ */
/* ************************* TITLE **************************** */
/* ************************************************************ */

h1, h2, h3, h4 { font-weight: 100;} 
h1 { margin-bottom: 30px; font-size: 38px; color: #111; line-height: 40px; }
h2 { margin-top: 20px; margin-bottom: 20px; color: #115160; text-align: center; font-size: 38px; font-weight: 700; line-height: 40px; }
h3 { margin-top: 10px; margin-bottom: 30px; padding-top: 10px; position: relative; text-align: left; font-size: 25px; font-weight: 700; color: #1a3853; line-height: 30px; }
h4 { margin-bottom: 50px; position: relative; text-align: left; font-size: 25px; font-weight: 500; color: #484751; line-height: 30px; }


p { margin: 0 0 10px; }

a { color: #cec18a; text-decoration: none; transition: 0.3s; }
a:link { text-decoration: none; }
a.disabled { pointer-events: none; }
/* a:link img:hover { opacity: 1; } */
a:hover, a.current { color: #444444; opacity: 1; }

img { max-width: 100%; }
.sm-form { max-width: 800px; margin: 0 auto; }
.sm-form label.col-form-label { text-align: left; text-transform: uppercase; font-weight: 500; }
.sm-form input[type=text].form-control, form.sm-form input[type=password].form-control, form.sm-form input[type=email].form-control, form.sm-form textarea.form-control { margin-bottom: 10px; border-radius: 0; }
.sm-form .btn.btn-custom { margin-top: 10px; text-transform: uppercase; font-weight: 500; }
.sm-form .black_link a { color: #000; font-weight: 500; }
.sm-form .black_link a:hover { color: #cec18a; }
form label.col-form-label.required:after { margin-left: 3px; content: '*'; color: #e04c1e; }
.sm-form .bootstrap-select .btn.dropdown-toggle { padding: .7rem .75rem; background-color: #FFF; border-radius: 0px; border: 1px solid #ced4da; }
.no_image { width: 120px; }

.bg-white { background-color: #FFF; }
.bg-grey { background-color: #F5F5F5; }
.dark_background { background: rgba(51, 51, 51, 0.67); z-index: 500; }
.full_screen { width: 100%; height: 100%; padding: 80px 15px; position: fixed; text-align: center; top: 0; left: 0; z-index: 700; display: none; }
.paper_bg { background-image: url('../images/paper_bg.png'), none; background-repeat: repeat; color: #000; }
.placeholder_grey::placeholder { color: #ccc; }
.header_padding { height: 64px; }
a.dropdown-item.active, a.dropdown-item:active { background: none; }

.gray_filter { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 1.3s cubic-bezier(.3,.82,.165,1); transition: all 1.3s cubic-bezier(.3,.82,.165,1); }
.gray_filter:hover, .gray_filter:active, .gray_filter:active:focus { -webkit-filter: grayscale(0); filter: grayscale(0); }

@media(hover: hover) and (pointer: fine) {
    .gray_filter:hover, .gray_filter:active, .gray_filter:active:focus { -webkit-filter: grayscale(0); filter: grayscale(0); }
}

.hover-underline-animation a {
  display: inline-block;
  position: relative;

}

.hover-underline-animation a:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #115160;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation a:hover:after {
  transform: scaleX(1);
  background-color: #cec18a;
  transform-origin: bottom left;
}

/* ************************************************************ */
/* ************************ FORM ERROR ************************ */
/* ************************************************************ */

.error { border: 2px solid #f14545 !important; }
label.error { color: #f14545; border: none !important; }
.form_error input[type=text], .form_error input[type=password], .form_error select, .form_error textarea, .form_error input[type=radio] { border: solid 1px #f14545; }
.btn.btn-custom { padding: 6px 40px 6px 40px; color: #FFF; background-color: #cec18a; font-size: 18px; border: 3px #cec18a solid; border-radius: 0; }
.btn.btn-custom:hover, .btn.btn-custom:active:focus { background-color: #ada275; color: #FFF; border: 3px #ada275 solid; }
.btn-info:hover { background-color: #cec18a; border-color: #cec18a; }
.btn-cancel { background-color: #f3f3f3 !important; border-color: #f3f3f3 !important; }
.btn-dark { background-color: #252525 !important; border-color: #252525 !important; color: #FFF !important; }
.btn-blue { background: #1a3853; color: #FFF; }
.btn+.btn.second_btn { margin-left: 20px; }
textarea.form-control { height: 200px; }
.tab-content { margin-bottom: 30px; padding-top: 30px; background: #FFF; }
.tab-pane { padding-left: 15px; padding-right: 15px; }

/* ************************************************************ */
/* *********************** PAGE LAYOUT ************************ */
/* ************************************************************ */

main .pagination { border-radius: 0px; }
main .pagination li.page-item { margin-left: 3px; margin-right: 3px; }

main .pagination li.active>div, .paginator ul li>div:hover { color: #FFF;  }
main .pagination>li:first-child>div.page-link { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
main .pagination>li:last-child>div.page-link { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
main .pagination>li>div.page-link { color: #252525; border-color: #252525; }
main .pagination>.disabled>div.page-link { color: #777; border-color: #252525; }
main .pagination>.active>div.page-link { background-color: #252525; border-color: #252525; color: #FFF; }
main .row-10 { margin-left: -10px; margin-right: -10px; }
main .re-col-10 { padding-left: 10px; padding-right: 10px; }
.row { margin-bottom: 0; }

.page_title { margin-bottom: 5px; font-size: 30px; font-weight: 500; color: #484751; line-height: 30px; }
.page_subtitle { margin-bottom: 10px; font-size: 20px; color: #484751; }

/* ************************************************************ */
/* ************************** HEADER ************************** */
/* ************************************************************ */

.drawer-overlay { background-color: rgba(0, 0, 0, 0.64); }

header { border-top: 30px #1a3853 solid; }
header .navbar-default { background: none; border: none; }
header #header_top { padding-top: 10px; background: #FFFFFF; border-image: linear-gradient(to left, #dda38c 0%, #cec18a 100%); border-image-slice: 1; border-top-width: 12px; }
header #header_top ul { display: inline-block; }
header #header_top ul li { display: inline-block; }



header #header_top .dropdown .dropdownbtn { color: #000000; font-weight: 500; cursor: pointer; }
header #header_top .dropdown .dropdown-menu { width: 210px; padding-top: 0; padding-bottom: 0; background: #FFF; font-weight: 500; border: 1px solid #C4C4C4; border-radius: 0; }
header #header_top .dropdown .dropdown-menu > a { padding-top: 7px; padding-bottom: 7px; padding-left: 10px; padding-right: 10px; font-size: 12px; cursor: pointer; }
header #header_top .dropdown .dropdown-menu > a+a { border-top: 1px solid #EEE; }
header #header_top .dropdown .dropdown-menu > a:hover { background: #F0F0F0; }
header #header_top .dropdown .dropdown-menu > a.active { background: #D0D0D0; }

header #header_middle .header_menu {  }
header #header_middle .header_menu ul li { padding: 0px 10px; display: inline-block; }
header #header_middle .header_menu ul li a { color: #484751; font-weight: 500; }
header #header_middle .header_menu ul li a:hover { color: #cec18a; transition: 0.4s; }
header #header_middle .header_menu ul li .username { color: #cec18a; font-weight: 500; cursor: pointer; }
header #header_middle .header_menu ul li a.username:hover { color: #cec18a; }
header #header_middle .header_menu ul li a.lang_active, header #header_top .header_menu ul li a:hover { color: #cec18a; }

header #header_middle { padding-top: 15px; padding-bottom: 15px; text-align: center; }
header #header_middle .container>.row>.col-12 { display: table; }
header #header_middle .header_middle_left { vertical-align: middle; display: table-cell; }
header #header_middle .header_middle_right { text-align: right; vertical-align: middle; display: table-cell; }
header #header_middle .header_middle_right .header_menu { text-align: right; vertical-align: middle; display: table-cell; }
header #header_middle .header_middle_right .header_menu ul { display: inline-block; }
header #header_middle .header_middle_right .header_menu #language_selector { display: inline-block; }
header #header_middle .menu_button { text-align: right; }
header #header_middle #company_logo { vertical-align: middle; display: table-cell; }
header #header_middle #company_logo a { display: block; }
header #header_middle #company_logo a img { height: 50px; margin: 0 auto; display: inline; }
header #header_middle #company_logo a img+img { margin-left: 10px; }
header #header_middle .menu_icon { vertical-align: middle; display: table-cell; }
header #header_middle .menu_icon .menu_icon_container { text-align: left; vertical-align: middle; display: table-cell; }
header #header_middle .menu_icon .menu_icon_container .menu_icon_bar { width: 30px; cursor: pointer; }
header #header_middle .menu_icon .menu_icon_container .menu_icon_bar > div { height: 2px; background-color: #333; margin: 8px 0; transition: 0.4s; }
header #header_middle .shopping_cart_icon { text-align: right; vertical-align: middle; display: table-cell; }
header #header_middle .shopping_cart_icon .shopping_cart_icon_container { vertical-align: middle; }
header #header_middle .shopping_cart_icon a { position: relative; color: #000; display: block; }
header #header_middle .shopping_cart_icon a .icon { width: 40px; height: 40px; }
header #header_middle .shopping_cart_icon a .shopping_cart_icon_qty { width: 20px; height: 20px; position: absolute; background: #cec18a; font-size: 12px; line-height: 20px; text-align: center; color: #FFF; border-radius: 30px; top: -5px; right: -5px; }
header #header_middle .menu_button .show_menu { display: inline; cursor: pointer; }



#closebtn { width: 32px; height: 32px; position: fixed; top: 10px; left: 330px; z-index: 1100; cursor: pointer; display: none; }
#closebtn:before, #closebtn:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color: #FFF; }
#closebtn:before { transform: rotate(45deg); }
#closebtn:after { transform: rotate(-45deg); }


/* ********* MOBILE MAIN MENU ********** */
header #header_middle #main_menu_m { width: 100%; height: 100%; padding: 80px 15px; position: fixed; background: rgba(255,255,255,0.97); text-align: center; top: 0; left: 0; display: none; z-index: 15; }
header #header_middle #main_menu_m #main_menu_m_container { width: 100%; height: 100%; display: table; }
header #header_middle #main_menu_m #main_menu_m_container span { vertical-align: middle; display: table-cell; }
header #header_middle #main_menu_m #main_menu_m_container span ul { display: none; }
header #header_middle #main_menu_m #main_menu_m_container #language_selector_m ul { text-align: center;  }
header #header_middle #main_menu_m #main_menu_m_container #language_selector_m ul li { text-align: center; display: inline-block; }
header #header_middle #main_menu_m #main_menu_m_container #membership_button_m ul { text-align: center; }
header #header_middle #main_menu_m #main_menu_m_container #membership_button_m ul li { text-align: center; display: inline-block; }
header #header_middle #main_menu_m ul li { text-align: center; font-size: 14px; margin: 10px 5px; font-weight: 400; display: block; }
header #header_middle #main_menu_m ul li a { padding: 10px; color: #484751; font-weight: 500; line-height: 32px; transition: 0.4s; }
header #header_middle #main_menu_m ul li a:hover { color: #cec18a; }
header #header_middle #main_menu_m .menu_button .cancel_menu { width: 40px; text-align: center; cursor: pointer; }

#main_menu_m .close {
  position: absolute;
  right: 32px;
  top: 45px;
  width: 36px;
  height: 36px;
}
#main_menu_m .close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 40px;
  width: 2px;
  background-color: #cec18a;
}
#main_menu_m .close:before {
  transform: rotate(45deg);
}
#main_menu_m .close:after {
  transform: rotate(-45deg);
}

.header_banner { margin-left: -15px; margin-right: -15px; margin-bottom: 20px; }
.header_banner img { width: 100%; }


/* ************************************************************ */
/* ************************** MODAL *************************** */
/* ************************************************************ */

.modal-content { border-radius: 0; }
.modal-footer button.btn { border-radius: 0; }
.modal-footer button.btn.btn-primary { background-color: #cec18a; border-color: #cec18a; }

/* ************************************************************ */
/* ************************* HOMEPAGE ************************* */
/* ************************************************************ */


main .form-control { padding: .7rem .75rem; border-radius: 0; }
main { min-height: 700px; }
.full_section.col-xs-12 { padding-left: 0; padding-right: 0; }
.home_gallery { padding-bottom: 50px; }
#home_Carousel .carousel-inner { height: 520px; }
.carousel-indicators { z-index: 1; }
#home_Carousel .carousel-indicators li { width: 15px; height: 15px; margin: 0 2px; background-size: 100% auto; border: none; background-color: transparent; }
#home_Carousel .carousel-indicators li.active { background-size: 100% auto; }
#home_Carousel .carousel-inner div {
	height: 100%;
	-moz-background-size:cover;			/*for Firefox*/
	-webkit-background-size:cover;		/*for Google Chrome、Safari*/
	-o-background-size:cover;			/*for Opera*/
	background-size: cover;				/*for IE*/
}
.header_banner .carouselHeaderBanner .slider-hero-images img {  }
#home_Carousel .carousel-inner .carousel-item a { width: 100%; height: 100%; display: block; }
#carouselHeaderBanner .carousel-inner .carousel-item img {  }

.caption_container { height: 100%; position: relative; }
.caption_container .home_caption { margin-top: -200px; width: 600px; padding: 40px; position: absolute; background: #FFF; color: #115160; font-size: 38px; box-shadow: 5px 5px 15px color(srgb 0 0 0 / 0.084); line-height: 40px; top: 50%; z-index: 10; }
.caption_container .home_caption b { color: #cec18a; font-weight: 700; }
.caption_container .home_caption .home_caption_desc { margin-top: 20px; color: #333; font-size: 14px; line-height: 20px; }
.home_banner_background { margin-right: -15px; position: relative; }
.home_banner_background .home_banner_bar { position: absolute; background: #cec18a; }
.home_banner_background .home_banner_bar.left { width: 20px; height: 100%; top: 20px; left: -20px; }
.home_banner_background .home_banner_bar.bottom { width: 100%; height: 20px; bottom: -20px; }

.section_all_button { margin-top: 10px; margin-bottom: 50px; }
.section_all_button a { padding-bottom: 5px; color: #9e9e9e; font-size: 17px; border-bottom: 2px #cec18a solid; }
.paper_bg .section_all_button a { color: #1a3853; }

.service_icon { margin-bottom: 30px; }
.service_icon svg { height: 60px; display: inline; }
.service_title { margin-bottom: 5px; font-size: 17px; font-weight: 500; color: #1a3853; }
.service_desc { margin-bottom: 40px; height: 45px; color: #000000; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.service_desc_full { margin-bottom: 40px; color: #9e9e9e; }

.project_boxes { margin-bottom: 20px; }
.project_container { height: 350px; position: relative; background-size: cover; background-position: center center; }
.project_container.two_row { height: 720px; }
.project_container .project_title { width: 100%; padding: 15px 20px; position: absolute; color: #373737; font-size: 21px; font-weight: 500; left: 0; bottom: 0; }


.blog_boxes { margin-bottom: 20px; }
.blog_boxes .blog_date { color: #115160; }
.blog_boxes .blog_title { padding-bottom: 10px; color: #373737; font-size: 21px; font-weight: 500; }


/* ************************************************************ */
/* *************************** ABOUT ************************** */
/* ************************************************************ */

.short_section { max-width: 1140px; margin: 0 auto; padding-top: 80px; padding-bottom: 80px; }
.low_content { padding-top: 80px; }
.client_logo { padding-bottom: 60px; }

/* ************************************************************ */
/* ************************* PORTFOLIO ************************ */
/* ************************************************************ */

ul.filter_menu { padding-top: 20px; padding-bottom: 15px; }
ul.filter_menu li { margin-right: 20px; margin-bottom: 5px; font-size: 16px; font-weight: 500; display: inline-block; }
ul.filter_menu li a { color: #484751; }
ul.filter_menu li a:hover, ul.filter_menu li a.active { color: #cec18a; }
.portfolio_subtitle { padding-bottom: 20px; font-weight: 500; font-size: 17px; }

/* ************************************************************ */
/* *************************** BLOG *************************** */
/* ************************************************************ */

.blog_hero_image { padding-bottom: 70px; }
.blog_main_title { margin-bottom: 70px; font-size: 30px; font-weight: 500; color: #484751; line-height: 30px; }
.blog_sidebar_subtitle { padding-bottom: 5px; font-weight: 500; font-size: 17px; }

/* ************************************************************ */
/* ************************* SERVICE ************************** */
/* ************************************************************ */

.service_main_title { margin-top: 20px; margin-bottom: 20px; color: #115160; text-align: center; font-size: 38px; line-height: 40px; }
.service_main_title b { font-weight: 700; }
.services_list { padding-top: 80px; padding-bottom: 40px; }
.services_message { margin-bottom: 70px; font-size: 30px; font-weight: 500; color: #484751; text-align: center; line-height: 55px; }

/* ************************************************************ */
/* *************************** LOGIN ************************** */
/* ************************************************************ */

#loginDiv .fb_login_button.btn.btn-success { padding: 10px 30px; background: #4267b2; font-weight: 500; border-color: #4267b2; }
#loginDiv .fb_login_button.btn.btn-success span+span { margin-left: 20px; }
nav.signin_nav .nav-tabs { border-bottom: none; }
nav.signin_nav .nav-tabs .nav-item { width: 50%; margin-bottom: 30px; padding-bottom: 0; text-transform: uppercase; font-size: 18px; color: #111; line-height: 45px; border-top: none; border-bottom: 3px #ebebeb solid; border-left: none; border-right: none; }
nav.signin_nav .nav-tabs .nav-item.active { border-bottom: 3px #cec18a solid; }


/* ************************************************************ */
/* ************************* CONTACT ************************** */
/* ************************************************************ */

.company_address { font-size: 23px; font-weight: 500; line-height: 33px; }

/* ************************************************************ */
/* ************************* CHECKOUT ************************* */
/* ************************************************************ */

#paypal-button .zoid-outlet > iframe.zoid-component-frame { z-index: 1 !important; }

/* ************************************************************ */
/* ************************* NFC CARD ************************* */
/* ************************************************************ */

.nfc_records_table { }
.nfc_records_table tr td { padding: 5px 10px; vertical-align: middle; border: 1px #000 solid; }
.nfccard_form textarea { height: 400px; }
.check_result.fa { font-size: 18px; }
.check_result.fa-check { color: #15ca39; }
.check_result.fa-times { color: #ca153a; }
.link_type .dropdown-menu .dropdown-item.active, .link_type .dropdown-menu .dropdown-item:active { color: #000; }
.user_btn { background: #cec18a; color: #FFF; }

/* ************************************************************ */
/* ************************* LAZY LOAD ************************ */
/* ************************************************************ */

.fade_section {
  opacity: 0;
}

img[lazy=loading]{
    
}
img[lazy=loaded]{
  animation:fade 0.5s;
}
img{
  transition:all 0.5s;
  display: block;
  margin: 0 auto;
}

@keyframes fade {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

/* ************************************************************ */
/* ************************** FOOTER ************************** */
/* ************************************************************ */

footer { background: #222d38; text-align: center; color: #FFF }
.footer_area { padding-top: 30px; padding-bottom: 30px; background-color: #f0f0f0; }

footer .footer_menu_headline { padding-bottom: 5px; font-weight: 500; text-transform: uppercase; }
footer .footer_menu ul li a { color: #FFF; font-weight: 500; }
footer .footer_right { font-weight: 500; }
footer .footer_social_media { padding-top: 10px; padding-bottom: 15px; text-align: left; }
footer .footer_social_media a { margin-right: 15px; color: #969696; }
footer .footer_right .footer_subscription { background: #cec18a; text-align: center; font-size: 16px; }
footer .footer_right .footer_subscription a { padding: 12px 20px; color: #FFF; display: block; }

footer .footer_top { margin-bottom: 30px; padding-top: 20px; background: #cec18a; color: #000000; }
footer .footer_top .footer_top_title { font-size: 31px; text-transform: uppercase; }
footer .footer_top .input-group input[type=text] { border: none; }
footer .footer_top .input-group .input-group-append { background: #444444; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; }
footer .footer_top .input-group .input-group-append button.btn { color: #FFF; text-transform: uppercase; }
footer .footer_bottom { margin-top: 60px; padding: 25px 0; color: #d3d3d3; font-size: 12px; letter-spacing: 0; line-height: 14px; border-top: 1px #000 solid; }

footer .footer_caption { padding-bottom: 10px; color: #FFF; font-size: 20px; font-weight: 500; }
footer .footer_message { margin-bottom: 40px; padding-bottom: 10px; color: #d3d3d3; }
footer .footer_link { margin-bottom: 20px; color: #FFF; font-size: 26px; line-height: 35px; font-weight: 500; }
footer .footer_link a { padding: 8px 20px; color: #FFF; border: 3px solid #FFF; }
footer .footer_link a:hover { background: #FFF; color: #1a3853; text-decoration: underline 0.15em rgba(215, 32, 94, 1); }

.copyright { padding-top: 5px; padding-bottom: 5px; text-align: right; line-height: 18px; }
.copyright a { color: #f24d85; }
.copyright a:hover { color: #d7205e; }
.input-group > .ui-textinput.ui-corner-all { width: 1%; margin-bottom: 0; position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.ui-loader { display:none !important; }

/* ************************************************************ */
/* ********************** OTHER ELEMENT *********************** */
/* ************************************************************ */

.debug { display: none; width: 100%; padding: 30px; background-color: #fff; color: #000; font-size: 20px; }

/* Non-standard - allows support for opacity on image hover. Supports (IE6+, FF, Webkit)*/
a:hover img    { filter: alpha(opacity=85); -moz-opacity: .85; opacity: .85; }

hr { width: 1px; height: 200px; margin: 30px auto; background: #cec18a; border-left: solid 1px #cec18a; }
.slick_container { position: relative; }
.slick_container ul.arrow_container { width: 100%; margin-top: -5%; position: absolute; top: 50%; }
.slick_container ul.arrow_container li { width: 40px; height: 40px; position: absolute; cursor: pointer; }
.btn_prev { background-image: url('../images/previous.svg'), none; background-repeat: no-repeat; left: 0px; }
.btn_next { background-image: url('../images/next.svg'), none; background-repeat: no-repeat; right: 0px; }

/* Clearing floats */
div.clear { clear: both; overflow: hidden; height: 0px; }

.container { max-width: 1600px; }

@media (max-width: 1199px) {
	
}

@media (max-width: 991px) {
  .caption_container .home_caption { margin-top: -160px; }
	header #header_top #main_menu { width: 100%; height: 100%; position: fixed; background: #333; top: 0; left: 0; z-index: 10; display: none; }
	
	.portfolio_subtitle { padding-top: 20px; padding-bottom: 10px; }
	.service_desc { height: 95px; -webkit-line-clamp: 4; }
}

@media (max-width: 767px ) {
	.caption_container .home_caption { width: 100%; margin-top: 50px; margin-bottom: 0px; position: relative; font-size: 30px; line-height: 32px; top: auto; }
	.project_container.two_row { height: 350px; }
	
	ul.filter_menu li { display: block; }
	.service_desc { height: 95px; -webkit-line-clamp: 4; }
}