/* ====================== Backgrounds ====================== */ body { background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);} #header-inner-wrap, body.header-transparent #header #header-inner-wrap.no-transparent { background-color: rgb(255,255,255);background-color: rgba(255,255,255,1); box-shadow: 0 1px 1px rgba(0,0,0,0.15); } body.header-transparent #header #header-inner-wrap { -webkit-transition: background .25s ease, box-shadow .25s ease; -moz-transition: background .25s ease, box-shadow .25s ease; -o-transition: background .25s ease, box-shadow .25s ease; transition: background .25s ease, box-shadow .25s ease; } #content { background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);} #bottom-widgets { background-color: rgb(32,32,32);background-color: rgba(32,32,32,1);} #footer { background-color: rgb(0,0,0);background-color: rgba(0,0,0,1);} .page-title-module-custom { background-color: rgb(232,232,232);background-color: rgba(232,232,232,1); padding: 32px 0px; } #navigation .sub-menu, #mobile-menu, #mobile-menu ul { background-color: #141414; } .sb-slidebar { background-color: #141414; } /* ====================== Typography ====================== */ body { font: normal normal 14px "Open Sans","Open Sans","Arial",sans-serif; color: #7e7e7e; line-height: 29px; letter-spacing: 0px; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1 { font: normal normal 47px "Open Sans","Open Sans","Arial",sans-serif; color: #000000; line-height: 68px; letter-spacing: 6px; text-transform: uppercase;} h2 { font: normal normal 38px "Open Sans","Open Sans","Arial",sans-serif; color: #000000; line-height: 50px; letter-spacing: 6px; text-transform: uppercase;} h3 { font: normal normal 30px "Open Sans","Open Sans","Arial",sans-serif; color: #000000; line-height: 45px; letter-spacing: 3px; text-transform: uppercase;} h4 { font: normal normal 20px "Open Sans","Open Sans","Arial",sans-serif; color: #000000; line-height: 36px; letter-spacing: 0px; text-transform: none;} h5, #reply-title { font: normal normal 20px "Open Sans","Open Sans","Arial",sans-serif; color: #000000; line-height: 36px; letter-spacing: 2px; text-transform: uppercase;} h6 { font: normal normal 13px "Open Sans","Open Sans","Arial",sans-serif; color: #000000; line-height: 29px; letter-spacing: 2px; text-transform: uppercase;} #navigation { font: normal 600 11px "Open Sans","Open Sans","Arial",sans-serif; color: #8D8D8D; line-height: 24px; letter-spacing: 2px; text-transform: uppercase;; } .thumb-title, .full-screen-portfolio-overlay-title { font: normal normal 13px "Open Sans","Open Sans","Arial",sans-serif; color: #000000; line-height: 30px; letter-spacing: 3px; text-transform: uppercase;; } #footer { font: normal normal 14px "Open Sans","Open Sans","Arial",sans-serif; color: #868686; line-height: 14px; letter-spacing: 0px; text-transform: none;} #bottom-widgets h6 { font: normal normal 13px "Open Sans","Open Sans","Arial",sans-serif; color: #ffffff; line-height: 22px; letter-spacing: 2px; text-transform: uppercase; margin-bottom:20px; } #bottom-widgets { font: normal normal 14px "Open Sans","Open Sans","Arial",sans-serif; color: #9f9f9f; line-height: 25px; letter-spacing: 0px; text-transform: none;} .sidebar-widgets h6 { font: normal normal 13px "Open Sans","Open Sans","Arial",sans-serif; color: #000000; line-height: 22px; letter-spacing: 2px; text-transform: uppercase; margin-bottom:20px; } .sidebar-widgets { font: normal normal 14px "Open Sans","Open Sans","Arial",sans-serif; color: #7e7e7e;; line-height: 25px; letter-spacing: 0px; text-transform: none;} #navigation .sub-menu, #mobile-menu { font: normal normal 11px "Open Sans","Open Sans","Arial",sans-serif; color: #a2a2a2; line-height: 32px; letter-spacing: 1px; text-transform: uppercase;} #slidebar-menu { font: normal normal 11px "Open Sans","Open Sans","Arial",sans-serif; color: #a9a9a9; line-height: 50px; letter-spacing: 2px; text-transform: uppercase;} .sb-slidebar .widget { font: normal normal 14px "Open Sans","Open Sans","Arial",sans-serif; color: #9f9f9f; line-height: 25px; letter-spacing: 0px; text-transform: none;} .sb-slidebar .widget h6 { font: normal normal 13px "Open Sans","Open Sans","Arial",sans-serif; color: #ffffff; line-height: 22px; letter-spacing: 2px; text-transform: uppercase;} #bottom-widgets .widget ul li a, #bottom-widgets a { color: inherit; } #bottom-widgets .widget ul li a:hover, #bottom-widgets a:hover { color: #997968; } #mobile-menu a, #navigation .menu > ul > li.mega > ul > li { border-color: #303030; } #slidebar-menu a { border-color: #303030; } .page-title-module-custom .page-title-custom { font: normal normal 20px "Open Sans","Open Sans","Arial",sans-serif; color: #000000; line-height: 36px; letter-spacing: 2px; text-transform: uppercase;} .page-title-module-custom .header-breadcrumb { line-height: 36px; } .be-button { font-family: "Open Sans"; } .ui-tabs .ui-tabs-nav li a, .ui-accordion .ui-accordion-header, .skill_name, .be-notification, .wpcf7-response-output.wpcf7-validation-errors, .wpcf7-response-output.wpcf7-mail-sent-ok { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; } /* ====================== Layout ====================== */ body #header-inner-wrap.top-animate #navigation, body #header-inner-wrap.top-animate .header-controls, body #header-inner-wrap.stuck #navigation, body #header-inner-wrap.stuck .header-controls { -webkit-transition: line-height 0.5s ease; -moz-transition: line-height 0.5s ease; -ms-transition: line-height 0.5s ease; -o-transition: line-height 0.5s ease; transition: line-height 0.5s ease; } .header-cart-controls .cart-contents { background: #141414; } .header-cart-controls .cart-contents { color: #ffffff; } .left-sidebar-page,.right-sidebar-page, .no-sidebar-page .be-section-pad:first-child, .page-template-page-940-php #content , .blog .no-sidebar-page #content-wrap, .portfolio-archives.no-sidebar-page #content-wrap { padding-top: 80px; } .left-sidebar-page .be-section:first-child, .right-sidebar-page .be-section:first-child, .dual-sidebar-page .be-section:first-child { padding-top:0 !important; } /* ====================== Colors ====================== */ .sec-bg { background-color: #efefef; } .sec-color, .post-meta a, .pagination a, .pagination span, .pages_list a { color: #555555; } .sec-border { border: 1px solid #dedede; } .pricing-table li { border-bottom: 1px solid #dedede; } .separator { border:0; height:1px; color: #dedede; background-color: #dedede; } .alt-color, li.ui-tabs-active h6 a, #navigation a:hover, #header-top-menu a:hover, #navigation .current-menu-item > a, #slidebar-menu .current-menu-item > a, a, a:visited, .social_media_icons a:hover, .post-title a:hover, .fn a:hover, a.team_icons:hover, .recent-post-title a:hover, .widget_nav_menu ul li.current-menu-item a, .widget_nav_menu ul li.current-menu-item:before, .filters .current_choice, .woocommerce ul.cart_list li a:hover, .woocommerce ul.product_list_widget li a:hover, .woocommerce-page ul.cart_list li a:hover, .woocommerce-page ul.product_list_widget li a:hover, .woocommerce-page .product-categories li a:hover, .woocommerce ul.products li.product .product-meta-data h3:hover, .woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover, td.product-name a:hover, .woocommerce-page #content .quantity .plus:hover, .woocommerce-page #content .quantity .minus:hover, .post-category a:hover { color: #997968; } .post-title a:hover { color: #997968 !important; } .alt-bg, input[type="submit"], .tagcloud a:hover, .pagination a:hover, .widget_tag_cloud a:hover, #navigation .sub-menu a:hover, .flex-direction-nav a:hover, .pagination .current, #navigation .sub-menu .current-menu-item > a { background-color: #997968; transition: 0.2s linear all; } .mejs-controls .mejs-time-rail .mejs-time-current , .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce a.add_to_cart_button.button.product_type_simple.added, .woocommerce-page .widget_shopping_cart_content .buttons a.button:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce .button.alt,.woocommerce-page #respond input#submit.alt, .woocommerce .button.alt:hover,.woocommerce-page #respond input#submit.alt:hover, .woocommerce a.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button.alt#place_order:hover, .testimonial-flex-slider .flex-control-paging li a.flex-active, .woocommerce .widget_shopping_cart_content .button.checkout { background: #997968 !important; } .tagcloud a:hover, .testimonial-flex-slider .flex-control-paging li a.flex-active, .testimonial-flex-slider .flex-control-paging li a { border-color: #997968; } .thumb-bg { background-color: rgba(153,121,104,0.85); } .photostream_overlay, .be-button { background-color: #997968; } .alt-bg-text-color, input[type="submit"], .tagcloud a:hover, .pagination a:hover, .widget_tag_cloud a:hover, #navigation .sub-menu a:hover, #navigation .sub-menu .menu-item:hover:before, .pagination .current, #navigation .sub-menu .current-menu-item > a, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus { color: #ffffff !important; transition: 0.2s linear all; } .be-button { color: #ffffff; transition: 0.2s linear all; } .portfolio-title a { color: inherit; } pre { background-image: -webkit-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #efefef 24px, #efefef 56px); background-image: -moz-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #efefef 24px, #efefef 56px); background-image: -ms-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #efefef 24px, #efefef 56px); background-image: -o-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #efefef 24px, #efefef 56px); background-image: repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #efefef 24px, #efefef 56px); display: block; line-height: 28px; margin-bottom: 50px; overflow: auto; padding: 0px 10px; border:1px solid #dedede; } @media only screen and (max-width : 767px ) { #hero-section h1 , .full-screen-section-wrap h1 { font-size: 30px; line-height: 40px; } #hero-section h2, .full-screen-section-wrap h2 { font-size: 25px; line-height: 35px; } #hero-section h4, .full-screen-section-wrap h4 { font-size: 16px; line-height: 30px; } #hero-section h5, .full-screen-section-wrap h5 { font-size: 16px; line-height: 30px; } } #navigation, .header-controls, .mobile-nav-controller-wrap { line-height: 101px; } body.header-transparent #header-inner-wrap #navigation, body.header-transparent #header-inner-wrap .header-controls, body.header-transparent #header-inner-wrap .mobile-nav-controller-wrap { line-height: 101px; } body #header-inner-wrap.top-animate #navigation, body #header-inner-wrap.top-animate .header-controls, body #header-inner-wrap.stuck #navigation, body #header-inner-wrap.stuck .header-controls { line-height: 81px; } /********************************************************************* LOADING *********************************************************************/ .bubblingG { text-align: center; width:50px; height:30px; position: absolute; top: 50%; left: 50%; z-index: 2; margin: -15px 0px 0px -24px; display: none; overflow: hidden; } .bubblingG span { display: inline-block; vertical-align: middle; width: 6px; height: 6px; margin: 15px auto; background:#997968 !important; -moz-border-radius: 30px; -moz-animation: bubblingG 0.4s infinite alternate; -webkit-border-radius: 30px; -webkit-animation: bubblingG 0.4s infinite alternate; -ms-border-radius: 30px; -ms-animation: bubblingG 0.4s infinite alternate; -o-border-radius: 30px; -o-animation: bubblingG 0.4s infinite alternate; border-radius: 30px; animation: bubblingG 0.4s infinite alternate; } #bubblingG_1 { -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } #bubblingG_2 { -moz-animation-delay: 0.12s; -webkit-animation-delay: 0.12s; -ms-animation-delay: 0.12s; -o-animation-delay: 0.12s; animation-delay: 0.12s; } #bubblingG_3 { -moz-animation-delay: 0.24s; -webkit-animation-delay: 0.24s; -ms-animation-delay: 0.24s; -o-animation-delay: 0.24s; animation-delay: 0.24s; } #bubblingG_1_1 { -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } #bubblingG_2_2 { -moz-animation-delay: 0.12s; -webkit-animation-delay: 0.12s; -ms-animation-delay: 0.12s; -o-animation-delay: 0.12s; animation-delay: 0.12s; } #bubblingG_3_3 { -moz-animation-delay: 0.24s; -webkit-animation-delay: 0.24s; -ms-animation-delay: 0.24s; -o-animation-delay: 0.24s; animation-delay: 0.24s; } .page-loader { position: fixed; z-index: 10; } @-moz-keyframes bubblingG { 0% { width: 6px; height: 6px; background-color: #997968; -moz-transform: translateY(0); } 100% { width: 14px; height: 14px; background-color:#000000; -moz-transform: translateY(-13px); } } @-webkit-keyframes bubblingG { 0% { width: 6px; height: 6px; background-color: #997968; -webkit-transform: translateY(0); } 100% { width: 14px; height: 14px; background-color:#000000; -webkit-transform: translateY(-13px); } } @-ms-keyframes bubblingG { 0% { width: 6px; height: 6px; background-color: #997968; -ms-transform: translateY(0); } 100% { width: 14px; height: 14px; background-color:#000000; -ms-transform: translateY(-13px); } } @-o-keyframes bubblingG { 0% { width: 6px; height: 6px; background-color: #997968; -o-transform: translateY(0); } 100% { width: 14px; height: 14px; background-color:#000000; -o-transform: translateY(-13px); } } @keyframes bubblingG { 0% { width: 6px; height: 6px; background-color:#3A8C35; transform: translateY(0); } 100% { width: 14px; height: 14px; background-color:#000000; transform: translateY(-13px); } } /* Optiopn Panel Css */ #bbb .one-col.be-column-pad { padding: 100px 0%; } #bbb .full-screen-gutter { margin: 20px; } #bbb .portfolio-container .element:last-child, .full-screen.full-screen-gutter .portfolio-container .element { margin: 0px !important; } #bbb .element-inner{ margin: 10px !important; border-radius: 11px;} .be-section .be-row .column-block { vertical-align: middle !important;}.arrow_next .font-icon, .arrow_prev .font-icon, .single_portfolio_close .font-icon, .single_portfolio_info_close .font-icon, .single_portfolio_back .font-icon { color: #b9b9b9;} .arrow_prev .single_portfolio_close .single_portfolio_info_close .single_portfolio_back {border: 2px solid #ccccccbf;} .arrow_next .font-icon, .arrow_prev .font-icon, .single_portfolio_close .font-icon, .single_portfolio_info_close .font-icon, .single_portfolio_back .font-icon { border: 2px solid hsla(224, 0%, 60%, 0.35);} .icon-cancel { background: hsla(224, 16%, 11%, 0.9) !important; border: 0 !important; right: 2% !important;} .single_portfolio_close { right: 2%;} .arrow_next { right: 2% !important;} .arrow_prev { left: 2% !important;} .gallery-slider-wrap { background-color: hsla(224, 16%, 11%, 0.9);} .icon-menu{ border: 0 !important;} .full-screen-gutter .element .element-inner {margin-left: 10px !important; margin-bottom: 12px !important;} #aaa .element-inner{ margin: 10px !important; border-radius: 11px;} #aaa {padding:10px} /* #aaa .element{ margin: 10px !important;} .portfolio-container .element:last-child, .full-screen.full-screen-gutter .portfolio-container .element { margin-bottom: 0px !important;} .full-screen .portfolio-container .element{ padding: 10px !important;} .element-inner { margin: 10px !important;} .medical {margin: 10px !important;} .element-inner { margin: 5px;} .full-screen-gutter .element .element-inner { margin-left: 10px; */ .menu-controls i.font-icon { font-size: 38px; padding-top: 25px; margin-right: -15px;} #header-inner-wrap.background--dark.transparent .menu-controls i.font-icon { color: #ffffff82;} /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; max-height: 100% !important; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } @media only screen and (max-width: 768px) { img.mfp-img { width: 100% !important; max-width: none !important; /* iPhone�� 湲곕낯 �ㅽ��쇱쓣 ��뼱�곷땲�� */ height: auto !important; padding: 5px 10px !important; } /* Hide navigation arrows */ .mfp-arrow { display: none !important; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; display:none; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { position: fixed; /* �붾㈃�� 怨좎젙 */ top: 0; left: 0; width: 100vw; /* �꾩껜 �붾㈃ �덈퉬 */ height: 100vh; /* �꾩껜 �붾㈃ �믪씠 */ background-color: rgba(0, 0, 0, 0); /* �꾩쟾�� �щ챸 諛곌꼍 */ cursor: pointer; z-index: 9999; /* 留ㅼ슦 �믪� �곗꽑�쒖쐞 */ display: block !important; border: none; outline: none; } .mfp-close::before { content: ''; display: block; width: 100%; height: 100%; }