/*----bootstrap css ----- */ @import url('../vendor/bootstrap/bootstrap.min.css'); /*----bootstrap Select ----- */ /* @import url('../vendor/bootstrap-select/dist/css/bootstrap-select.css'); */ /*----camera-slider---*/ @import url('../vendor/Camera-master/css/camera.css'); /*----font awesome -------*/ /* @import url('../fonts/font-awesome/css/font-awesome.min.css'); */ /*----owl-carousel css----*/ @import url('../vendor/owl-carousel/owl.carousel.css'); @import url('../vendor/owl-carousel/owl.theme.css'); /*-------- animated css ------*/ @import url('../vendor/WOW-master/css/libs/animate.css'); /*-------Hover Css --------*/ /* @import url('../vendor/hover.css'); */ /*--------- flat-icon ---------*/ /* @import url('../fonts/icon/font/flaticon.css'); */ /*----------- Fancybox css -------*/ @import url('../vendor/fancybox/dist/jquery.fancybox.min.css'); /*------------- Map -------------*/ /* @import url('../vendor/sanzzy-map/dist/snazzy-info-window.min.css'); */ /*------------ Range Slider ------------*/ /* @import url('../vendor/bootstrap-slider-master/dist/css/bootstrap-slider.min.css'); */ @font-face { font-family: "Montserrat-Regular"; src: url("./fonts/Montserrat-Regular.eot"); /* IE9 Compat Modes */ src: url("./fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("./fonts/Montserrat-Regular.otf") format("opentype"), /* Open Type Font */ url("./fonts/Montserrat-Regular.svg") format("svg"), /* Legacy iOS */ url("./fonts/Montserrat-Regular.ttf") format("truetype"), /* Safari, Android, iOS */ url("./fonts/Montserrat-Regular.woff") format("woff"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Montserrat-Bold"; src: url("./fonts/Montserrat-Bold.eot"); /* IE9 Compat Modes */ src: url("./fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("./fonts/Montserrat-Bold.otf") format("opentype"), /* Open Type Font */ url("./fonts/Montserrat-Bold.svg") format("svg"), /* Legacy iOS */ url("./fonts/Montserrat-Bold.ttf") format("truetype"), /* Safari, Android, iOS */ url("./fonts/Montserrat-Bold.woff") format("woff"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Montserrat-Italic"; src: url("./fonts/Montserrat-Italic.eot"); /* IE9 Compat Modes */ src: url("./fonts/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("./fonts/Montserrat-Italic.otf") format("opentype"), /* Open Type Font */ url("./fonts/Montserrat-Italic.svg") format("svg"), /* Legacy iOS */ url("./fonts/Montserrat-Italic.ttf") format("truetype"), /* Safari, Android, iOS */ url("./fonts/Montserrat-Italic.woff") format("woff"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Montserrat-BoldItalic"; src: url("./fonts/Montserrat-BoldItalic.eot"); /* IE9 Compat Modes */ src: url("./fonts/Montserrat-BoldItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("./fonts/Montserrat-BoldItalic.otf") format("opentype"), /* Open Type Font */ url("./fonts/Montserrat-BoldItalic.svg") format("svg"), /* Legacy iOS */ url("./fonts/Montserrat-BoldItalic.ttf") format("truetype"), /* Safari, Android, iOS */ url("./fonts/Montserrat-BoldItalic.woff") format("woff"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Montserrat-Medium"; src: url("./fonts/Montserrat-Medium.eot"); /* IE9 Compat Modes */ src: url("./fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("./fonts/Montserrat-Medium.otf") format("opentype"), /* Open Type Font */ url("./fonts/Montserrat-Medium.svg") format("svg"), /* Legacy iOS */ url("./fonts/Montserrat-Medium.ttf") format("truetype"), /* Safari, Android, iOS */ url("./fonts/Montserrat-Medium.woff") format("woff"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Montserrat-MediumItalic"; src: url("./fonts/Montserrat-MediumItalic.eot"); /* IE9 Compat Modes */ src: url("./fonts/Montserrat-MediumItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("./fonts/Montserrat-MediumItalic.otf") format("opentype"), /* Open Type Font */ url("./fonts/Montserrat-MediumItalic.svg") format("svg"), /* Legacy iOS */ url("./fonts/Montserrat-MediumItalic.ttf") format("truetype"), /* Safari, Android, iOS */ url("./fonts/Montserrat-MediumItalic.woff") format("woff"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Montserrat-Thin"; src: url("./fonts/Montserrat-Thin.eot"); /* IE9 Compat Modes */ src: url("./fonts/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("./fonts/Montserrat-Thin.otf") format("opentype"), /* Open Type Font */ url("./fonts/Montserrat-Thin.svg") format("svg"), /* Legacy iOS */ url("./fonts/Montserrat-Thin.ttf") format("truetype"), /* Safari, Android, iOS */ url("./fonts/Montserrat-Thin.woff") format("woff"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Montserrat-ThinItalic"; src: url("./fonts/Montserrat-ThinItalic.eot"); /* IE9 Compat Modes */ src: url("./fonts/Montserrat-ThinItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("./fonts/Montserrat-ThinItalic.otf") format("opentype"), /* Open Type Font */ url("./fonts/Montserrat-ThinItalic.svg") format("svg"), /* Legacy iOS */ url("./fonts/Montserrat-ThinItalic.ttf") format("truetype"), /* Safari, Android, iOS */ url("./fonts/Montserrat-ThinItalic.woff") format("woff"); /* Modern Browsers */ font-weight: normal; font-style: normal; } /*** ==================================================================== Loading Transition ==================================================================== ***/ #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background: #fff; overflow: hidden; } #loader { background: url(../images/1.gif); width: 62px; height: 64px; position: relative; top: 50%; margin: -32px auto 0 auto; } /*==================== Click Top ====================*/ .scroll-top { width:40px; height:40px; position: fixed; bottom: 5px; right:15px; z-index: 99; text-align: center; color: #fff; font-size: 20px; display: none; background:#c3a165 url('../images/arrow.png') no-repeat center center !important; } .scroll-top:after { position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); } /*______________________ Global stlye ___________________*/ body { font-family: "Montserrat-Regular"; font-weight: normal; color:#969696; font-size: 15px; min-width: 320px; } body .main-page-wrapper { overflow-x:hidden; } b, strong { font-family: "Montserrat-Bold" !important; } i { font-family: "Montserrat-Italic" !important; } h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;} h1,h2,h3,h4,h5,h6 {color: #1e1e1e;} .theme-inner-banner h2 { color: #ffffff; } .theme-inner-banner.none_text { margin-bottom: 0px !important; } .project-inner-page.none_text { height: 2px !important; overflow: hidden !important; margin: 0px !important; background: #c3a165; } .whatprice.none_text { margin: 0px !important; } h1 {font-size: 80px; font-weight: 800;} h2 {font-size: 60px; font-weight: 800;} h3 {font-size: 24px; font-weight: 700;} h4 {font-size: 20px; font-weight: 700;} h5 {font-size: 16px; font-weight: 400;} h6 {font-size: 14px; font-weight: 400;} p { line-height: 27px;} ul {list-style-type: none;} a {text-decoration: none; display: inline-block;} a:hover,a:focus,a:visited {text-decoration: none; outline: none;} img {max-width: 100%; display: block;} button {border:none;outline: none;-webkit-box-shadow: none;box-shadow: none;display: block; padding: 0;} input,textarea,form_files_load {outline: none; -webkit-box-shadow: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .float-left {float:left;} .float-right {float:right;} .development a { color: #737373 !important; text-decoration: none; } .development a:hover { color: #c3a165 !important; } .m-top0 {margin-top: 0 !important;} .m-bottom0 {margin-bottom: 0 !important;} .p0 {padding: 0 !important;} body .theme-button { width: 160px; line-height: 46px; text-align: center; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 500; border-width: 2px; } .pno { padding: 0px !important; margin: 0px !important; } #cssmenu > ul > li.headermenu_home { display: none; } .cameraSlide:before { display: block; left: 0px; top:0px; content: ""; position: absolute; width: 100%; height: 100%; background: #000; z-index: 10; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } /*--------------------- Transition --------------------*/ .tran3s,body .theme-button,#theme-main-banner.camera_wrap .camera_pag .camera_pag_ul li,#mega-menu-wrapper .nav>li.dropdown-holder .sub-menu li a:before, .bootstrap-select.btn-group .dropdown-menu li a,.bootstrap-select.btn-group .dropdown-menu li a span.text,.our-team-style-one .single-team-member .image h5, .our-team-style-one .single-team-member .image ul,.our-blog-grid .single-blog .image img,.our-team-style-two .single-team-member .opacity:before, .our-team-style-two .single-team-member .opacity:after,.theme-counter .counter-wrapper .clearfix .contact-button:before, .featured-service .single-featured-service .service-text .more-button:before,.featured-service .single-featured-service .service-text strong, .related-product .owl-theme .owl-nav [class*=owl-] { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .tran4s,.company-goal .main-container .single-demo .image-box p,.our-blog-grid .single-blog .post p,.our-blog-grid .single-blog .post p:before, .our-team-style-two .single-team-member img,.our-team-style-two .single-team-member:hover .opacity>div h3, .our-team-style-two .single-team-member:hover .opacity>div ul,.our-team-style-two .single-team-member .opacity p, .single-blog-list-item img { -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .clientsitem img { height: 80px; width: auto;} .adminmode { background: #a13838; padding: 10px 0 10px 0; color: #fff; text-align: center; } /*---------------------- Theme Title ---------------------*/ .theme-title {position: relative;} .theme-title h6 { text-transform: uppercase; font-weight: 500; padding-left: 90px; margin-bottom: 15px; position: relative; letter-spacing: 1.5px; } .theme-title h6:before { content: ''; width: 77px; height: 2px; position: absolute; left:0; top:50%; margin-top: -1px; } .theme-title.text-center h6 {padding: 40px 0 0 0;} .theme-title.text-center h6:before { width: 1px; height: 25px; margin: 0; left:50%; top:0; } .theme-title h2 {line-height: 65px;text-transform: uppercase;} .theme-title a { font-size: 12px; font-weight: 700; letter-spacing: 1.5px; line-height: 40px; color:#212121; text-transform: uppercase; position: absolute; bottom: 0; right: 0; } .theme-title a i {margin-left: 3px;opacity: 0.8;} /*------------------------ Theme Pagination ------------------*/ .theme-pagination-one ul {display: inline-block;margin: 0 -8px;} .theme-pagination-one ul li { float: left; padding: 0 8px; position: relative; } .theme-pagination-one.style-two ul li:last-child:before { content: ''; width: 50px; height: 1px; position: absolute; top:50%; right: -65px; } .theme-pagination-one ul li a { font-weight: 500; color: #cccccc; text-transform: uppercase; font-size: 16px; } .theme-pagination-one ul li a:hover, .theme-pagination-one ul li a.active {color: #1e1e1e;} /*----------------------- Theme Color File -------------------*/ .p-color,.theme-title h6,#theme-main-banner .go-down:hover,#mega-menu-wrapper .nav>li.active>a,#mega-menu-wrapper .nav>li:hover>a,.feature-section .single-feature-block:hover h4 a, .core-features .feature-wrapper-box .single-feature h5 i,.core-features .feature-wrapper-box .single-feature:hover h5 a,.our-team-style-one .single-team-member .image ul li a:hover, .our-team-style-one .single-team-member h5 a:hover,.theme-title a:hover,.our-blog-grid .single-blog:hover .post h3 a,footer .footer-top-widget .social-icon li a:hover, footer .footer-top-widget .footer-menu li a:hover,footer .footer-bottom-widget h6:hover a,footer .footer-bottom-widget ul li a:hover,header.white-bg #mega-menu-wrapper .nav>li.active>a, header.white-bg #mega-menu-wrapper .nav>li:hover>a,.our-team-style-two .single-team-member .opacity>div ul li a:hover,.theme-inner-banner ul li a:hover, .theme-counter .counter-wrapper .clearfix .contact-button:hover,.all-core-service .single-core-service:hover h5 a,.all-core-service .single-core-service:hover i, .featured-service .single-featured-service .service-text .more-button:hover,.featured-service .single-featured-service:hover .service-text h3 a,.portfolio-details .project-pager li a:hover, .single-blog-list-item .post-data .post-info li a:hover,.single-blog-list-item:hover .post-data h3 a,.blog-sidebar .sidebar-recent-news ul li:hover .post h5 a, .blog-details-main-content .tag-section .tag li a:hover,.blog-details-main-content .comment-box .single-comment .comment .reply:hover,.contact-information .address a:hover, .shop-sidebar .shop-sidebar-popular-product li:hover .text a,.shop-sidebar .shop-sidebar-list ul li a:hover,.shop-product-wrapper .single-product:hover h6 a { color:#c3a165; } .p-bg-color,.scroll-top,body .theme-button:hover,#theme-main-banner a.theme-button:after,#mega-menu-wrapper .nav>li.dropdown-holder .sub-menu li a:before,.theme-title h6:before, .company-goal .main-container .single-demo .text p:before,.bootstrap-select.btn-group .dropdown-menu li.selected a,.bootstrap-select.btn-group .dropdown-menu li:hover a, .our-team-style-two .all-member:hover,.theme-counter .counter-wrapper .clearfix .contact-button:hover:before,.featured-service .single-featured-service .service-text .more-button:hover:before, .portfolio-details .theme-counter .counter-wrapper .clearfix .contact-button:hover,.single-blog-list-item .post-data .read-more:hover,.theme-pagination-one.style-two ul li:last-child:before, .blog-sidebar .sidebar-search button:hover,.blog-sidebar .sidebar-keyword ul li a:hover,.blog-details-main-content .mark-text:before,.blog-details-main-content .author-text .text ul li a:hover, .form-styl-one input[type="submit"]:hover,.form-styl-one input[type="submit"]:focus,.shop-sidebar .shop-filter form .filter-button:hover,.related-product .owl-theme .owl-nav [class*=owl-]:hover { background: #c3a165; } body .theme-button,.work-showcase .isotop-menu-wrapper li.is-checked,.our-team-style-two .all-member:hover,.blog-details-main-content .author-text .text ul li a:hover, .related-product .owl-theme .owl-nav [class*=owl-]:hover { border-style: solid; border-color:#c3a165; } ul.allservice { padding: 0px; margin: 0px; width: 96%; margin: 30px 2% 20px 2%; } ul.allservice > li { display: inline-block; width: 50%; float: left; margin: 0 0 20px 0; border-bottom: 1px solid rgba(0,0,0,0.02); } ul.allservice > li:nth-child(2) > ul > li, ul.allservice > li:nth-child(3) > ul > li, ul.allservice > li:nth-child(4) > ul > li, ul.allservice > li:nth-child(5) > ul > li { padding: 2px 0 2px 0 !important; margin: 0 0 0 0 !important; } ul.allservice > li:nth-child(2) > ul > li > a, ul.allservice > li:nth-child(3) > ul > li > a, ul.allservice > li:nth-child(4) > ul > li > a, ul.allservice > li:nth-child(5) > ul > li > a { font-size: 16px; text-transform: uppercase; color: #838693;} ul.allservice > li > a, ul.allservice > li > span { text-transform: uppercase;color: #212121; margin-bottom: 15px; font-size: 20px; } ul.allservice > li ul { padding: 0 0 0 20px; } ul.allservice > li > ul > li { margin: 0 0 15px 0; padding: 2px 0 2px 0; } ul.allservice > li > ul > li > a { font-size: 18px; text-transform: uppercase; color: #222328;} ul.allservice > li > ul > li > ul > li { padding: 2px 0 2px 0; } ul.allservice > li > ul > li > ul > li > a { font-size: 16px; text-transform: uppercase; color: #838693; } .maincontent { font-size: 20px; padding: 0 4% 50px 4%; width: 92%; } .maincontent ul { padding: 20px 0 20px 0; } .maincontent ul li { padding: 0 0 10px 20px; } .maincontent h1 { font-size: 24px; margin: 0 0 20px 0; } .maincontent h2 { font-size: 22px; margin: 0 0 15px 0;} .maincontent h3 { font-size: 20px; margin: 0 0 10px 0;} .maincontent h4 { font-size: 18px; margin: 0 0 7px 0;} .maincontent h5 { font-size: 16px; margin: 0 0 5px 0;} .maincontent h6 { font-size: 14px; margin: 0 0 3px 0;} .maincontent p { margin: 20px 0 20px 0; line-height: 1.8em;} /* Header MENU */ #cssmenu > ul > li:last-child > ul { display: none; left: auto !important; right: 10px !important; } #cssmenu #menu-button.menu_close { left: auto !important; right: 0px !important; background: #666769 url('../images/ela-modal-close.png') no-repeat center !important; background-size: 27px auto !important; } #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1.3em; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1.3em; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #cssmenu #menu-button { display: none; } #cssmenu { width: auto; } #cssmenu > ul { } #cssmenu.align-right > ul > li { float: right; } #cssmenu > ul > li { float: left; display: inline-block; } #cssmenu.align-center > ul { float: none; text-align: center; } #cssmenu.align-center > ul > li { float: none; } #cssmenu.align-center ul ul { text-align: left; } #cssmenu > ul > li > a:after { display: none; } #cssmenu > ul > li > a { font-size: 14px; /* background: #927F5D; */ background: #546577; margin: 0 10px 0 0; padding: 11px 7px 11px 7px !important; text-transform: uppercase; z-index: 2; overflow: hidden; color: #ffffff; position: relative; display: block; } #cssmenu > ul > li:hover > a, #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a { color: #ffffff; /* background: #6E6350; */ background: #464F59; } #cssmenu > ul > li.has-sub > a { padding-right: 45px; } #cssmenu > ul > li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top-color: #d3eced; right: 17px; top: 22px; } #cssmenu > ul > li.has-sub.active > a::after, #cssmenu > ul > li.has-sub:hover > a { border-top-color: #ffffff; } #cssmenu ul ul { position: absolute; left: -9999px; top: 60px; padding-top: 6px; font-size: 15px; opacity: 0; z-index: 1000; -webkit-transition: top 0.2s ease, opacity 0.2s ease-in; -moz-transition: top 0.2s ease, opacity 0.2s ease-in; -ms-transition: top 0.2s ease, opacity 0.2s ease-in; -o-transition: top 0.2s ease, opacity 0.2s ease-in; transition: top 0.2s ease, opacity 0.2s ease-in; } #cssmenu.align-right ul ul { text-align: right; } #cssmenu.align-right > ul > li > ul::after { left: auto; right: 20px; } #cssmenu.align-right ul ul ul::after { border-right-color: transparent; border-left-color: #ffffff; left: auto; right: -4px; } #cssmenu > ul > li > ul { min-width: 300px; top: 120px; margin-top: 2px; } #cssmenu > ul > li:hover > ul { top: 30px; left: 0; opacity: 1; display: block; } #cssmenu.align-right > ul > li:hover > ul { left: auto; right: 0; } #cssmenu ul ul ul { padding-top: 0; padding-left: 6px; } #cssmenu.align-right ul ul ul { padding-right: 6px; } #cssmenu ul ul > li:hover > ul { left: 294px; top: 0; opacity: 1; } #cssmenu.align-right ul ul > li:hover > ul { left: auto; right: 100%; opacity: 1; } #cssmenu ul ul li a { text-decoration: none; font-weight: normal; padding: 15px 15px 15px 15px; width: 300px; color: #ffffff; background: #2f3036; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1); } #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a { background: #3e4048; } #cssmenu ul ul ul li a { background: #3e4048; } #cssmenu ul ul ul li:hover a, #cssmenu ul ul ul li.active > a { background: #4a4c55; } #cssmenu ul ul ul ul li a { background: #4a4c55; } #cssmenu ul ul ul ul li:hover a, #cssmenu ul ul ul ul li.active > a { background: #5d5f68; } #cssmenu > ul > li > ul::after { position: absolute; display: block; } #cssmenu ul ul li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 4px solid transparent; border-left-color: #ffffff; right: 17px; top: 50%; margin-top: -4px; } #cssmenu.align-right ul ul li.has-sub > a::after { border-left-color: transparent; border-right-color: #777777; right: auto; left: 17px; } #cssmenu ul ul li.has-sub.active > a::after, #cssmenu ul ul li.has-sub:hover > a::after { border-left-color: #333333; } #cssmenu.align-right ul ul li.has-sub.active > a::after, #cssmenu.align-right ul ul li.has-sub:hover > a::after { border-right-color: #333333; border-left-color: transparent; } @media all and (max-width: 799px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #cssmenu > ul > li.headermenu_home { display: block !important; } #cssmenu > ul > li.headermenu_home > a { background: #546577 !important; padding: 12px 3px 12px 3px !important;} #cssmenu > ul > li > ul { margin-top: 0px !important; } #cssmenu > ul > li:last-child > ul {right: 0px !important; } #cssmenu { background: #39b1cc; } #cssmenu > ul { display: none; } #cssmenu > ul.open { display: block; border-top: 1px solid rgba(0, 0, 0, 0.1); overflow-y: scroll; height: 100%; position: fixed; top:0px; left: 0px; z-index: 700; width: 100%; } #cssmenu.align-right > ul { float: none; } #cssmenu.align-center > ul { text-align: left; } #cssmenu > ul > li, #cssmenu.align-right > ul > li { float: none; display: block; } #cssmenu > ul > li > a { padding: 18px 25px 18px 25px; border-right: 0; } #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { background: rgba(0, 0, 0, 0.1); } #cssmenu #menu-button { display: block; z-index: 705; position: absolute; left: 0px; top: -3px; width: 43px; height: 38px; background: #c3a165 url('../images/icon_menu.png') no-repeat center; cursor: pointer; } #cssmenu ul ul, #cssmenu ul li:hover > ul, #cssmenu > ul > li > ul, #cssmenu ul ul ul, #cssmenu ul ul li:hover > ul, #cssmenu.align-right ul ul, #cssmenu.align-right ul li:hover > ul, #cssmenu.align-right > ul > li > ul, #cssmenu.align-right ul ul ul, #cssmenu.align-right ul ul li:hover > ul { left: 0; right: auto; top: auto; opacity: 1; width: 100%; padding: 0; position: relative; text-align: left; } #cssmenu ul ul li { width: 100%; } #cssmenu ul ul li a { width: 100%; box-shadow: none; padding-left: 35px; } #cssmenu ul ul ul li a { padding-left: 45px; } #cssmenu ul ul li:first-child > a, #cssmenu ul ul li:last-child > a { border-radius: 0; } #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after { display: none; } } /* Header MENU */ /*------------------------------ Theme menu Style One ----------------------*/ .cameraSlide:before { display: none !important; } #theme-main-banner.banner-one .camera_overlayer { display: none !important; } #theme-main-banner { margin: 142px 0 0 0; border-bottom: #c3a165 2px solid;} .cameraContent, .camera_caption { bottom: auto !important; top:0px !important; } .theme-menu-wrapper.fixed.white-bg {background: #fff; -webkit-box-shadow: 0px 10px 9px -5px #38383b; -moz-box-shadow: 0px 10px 9px -5px #38383b; box-shadow: 0px 10px 9px -5px #38383b; } body.other { padding: 198px 0 0 0; } header.transparent-menu .main-container { padding: 15px 2% 15px 2%; } header.transparent-menu { z-index: 700; position: fixed; width: 100%; left:0; top:0; background: #373942; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .theme-menu-wrapper.fixed { } header.white-bg {background: #fff; z-index: 700; position: fixed; width: 100%; left:0; top:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .clear { clear: both; } /*header.white-bg .main-container {padding: 55px 95px 90px 95px;}*/ header.white-bg .phone_block span a, header.white-bg .header_contacts { color: #222328; } header.white-bg #mega-menu-wrapper .nav>li>a, header.white-bg .main-container .header-wrapper .header-right-widget .cart-button, header.white-bg .main-container .header-wrapper .header-right-widget .search-option button.search {color: #252525;} header .main-container { max-width: 1920px; margin: 0 auto; padding: 55px 2% 20px 2%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header.fixed .main-container { padding: 15px 2% 15px 2%;} header .main-container .header-wrapper {position: relative; display: block; width: 100%; } header .main-container .header-wrapper .logo { display: inline-block; float: left; z-index: 9; width: 20%; text-align: left; } .phone_block { display: inline-block; float: left; width: 19%; background: url('../images/icon_phone3.png') no-repeat left center; padding: 0 0 0 4%; } .header_contacts { width: 27%; display: inline-block; float: left; color: #fff; position: relative; top:4px; } .header_contacts span:nth-child(1) { cursor: pointer; } .button_block { width: 19%; display: inline-block; float: left; } .headermenu { display: inline-block; float: left; width: 100%; margin: 15px 0 0 0; } .header_contacts span { display: block; position: relative; font-size: 17px; } .header_contacts span:nth-child(1) { padding: 0 0 8px 25px; } .header_contacts span:nth-child(2) { padding: 0 0 0 25px; } .header_contacts span:nth-child(1):before { background: url('../images/icon_mail.png') no-repeat; position: absolute; content: ""; display: inline-block; width: 15px; height: 16px; left: 0px; top:3px; } .header_contacts span:nth-child(2):before { background: url('../images/icon_location.png') no-repeat; position:absolute; content: ""; display: inline-block; width: 12px; height: 17px; left: 2px; top:3px; } .phone_block span { display: block; font-size: 17px; color: #c3a165; position: relative; top:10px; } .phone_block span a { text-decoration: none; font-size: 19px; color: #ffffff; display: inline-block; padding: 3px 0 3px; } header .main-container .header-wrapper .logo img {position: relative; top:13px; max-width: 90%; } header .main-container .header-wrapper .header-right-widget { position: absolute; top:0; right: 0; z-index: 9; } header .main-container .header-wrapper .header-right-widget .cart-button { color:#fff; position: relative; font-size: 28px; margin-right: 25px; } header .main-container .header-wrapper .header-right-widget .cart-button span { width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; font-weight: 500; background: #33dd47; color: #fff; border-radius: 50%; position: absolute; bottom:0; right: -10px; } header .main-container .header-wrapper .header-right-widget .search-option {display: inline-block;position: relative;} header .main-container .header-wrapper .header-right-widget .search-option button.search { font-size: 24px; color: #fff; background: transparent; } header .main-container .header-wrapper .header-right-widget .search-option form.dropdown-menu { position: absolute; height:55px; width:280px; padding: 5px; border-radius: 0; right: 0; left:auto; top:100%; margin-top: 15px; -webkit-box-shadow: none; box-shadow: none; border:none; float:none; background: #fff; -webkit-box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.23); box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.23); } header .main-container .header-wrapper .header-right-widget .search-option form input { width:100%; height:100%; background: transparent; border:1px solid #ececec; padding: 0 49px 0 10px; } header .main-container .header-wrapper .header-right-widget .search-option form button { display: block; font-size: 18px; width:48px; color:#fff; border:1px solid #fff; border-left:none; line-height: 45px; text-align: center; position: absolute; top:4px; right:5px; } /*================= Sticky Menu ===============*/ @-webkit-keyframes menu_sticky { 0% {margin-top:-120px;opacity: 0;} 50% {margin-top: -64px;opacity: 0;} 100% {margin-top: 0;opacity: 1;} } @keyframes menu_sticky { 0% {margin-top:-120px;opacity: 0;} 50% {margin-top: -64px;opacity: 0;} 100% {margin-top: 0;opacity: 1;} } /*---------------------------------- Theme Banner --------------------------*/ .camera_wrap { float:none; } #theme-main-banner { position: relative; } #theme-main-banner .camera_overlayer { content: ''; position: absolute; top:0; left:0; right: 0; bottom: 0; background: transparent; } #theme-main-banner.banner-one .camera_overlayer {background: rgba(0,0,0,0.4);} #theme-main-banner .main-container {position: relative;} #theme-main-banner.camera_wrap .camera_pag .camera_pag_ul { position: absolute; text-align: center; top:50%; right:38px; z-index: 99; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #theme-main-banner.camera_wrap .camera_pag .camera_pag_ul li { display: block; width: 12px; height: 12px; background: transparent; border: 2px solid #e7e7e7; border-radius: 50%; margin: 10px 0; } #theme-main-banner.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent { background: #e1b25e; border-color:#896c39; } #theme-main-banner.camera_wrap .camera_pag .camera_pag_ul li span {display: none;} #theme-main-banner .camera_caption { height: 100%; } #theme-main-banner .container { width: 100% !important; padding: 10px 1% 10px 1%; position: relative; z-index: 1; top:0px; } #theme-main-banner .container:before { z-index: -1; content: ""; display: block; position: absolute; left: 0px; top:0px; width: 100%; height: 100%; background: #000000; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out; animation-timing-function: ease; animation-name: TitleAnimation; animation-duration: 2s; } @keyframes TitleAnimation { from {top: -60px;} to {top: 0%;} } #theme-main-banner .camera_caption>div { background: transparent; position: absolute; width: 100%; height: 100%; top:0; text-shadow: none; left: 0; padding: 0; } #theme-main-banner h3 {margin-top: 15px;} #theme-main-banner h3, #theme-main-banner h1 span, #theme-main-banner h1 b { font-family: 'Playfair Display', serif; font-weight: normal; font-size: 40px; font-style: italic; } #theme-main-banner h1 { text-align: center; font-size: 65px; color: #fff; margin:0; text-transform: uppercase; } #theme-main-banner h1 span { position: relative; top:-30px; text-transform: lowercase; } #theme-main-banner h1 b {font-size: 80px;text-transform: lowercase;} #theme-main-banner a.theme-button { position: relative; margin-left: 160px; } #theme-main-banner a.theme-button:after { content: ''; width: 148px; height: 1px; position: absolute; top:50%; left:-160px; z-index: 1; } #theme-main-banner.banner-two h1, #theme-main-banner.banner-two a.theme-button {color: #252525;} #theme-main-banner.banner-two h1 {margin: 0 0 35px 0;} #theme-main-banner.banner-two a.theme-button:hover {color: #fff;} #theme-main-banner.camera_wrap.banner-two .camera_pag .camera_pag_ul li.cameracurrent {background:rgba(225,178,94,0.5);border-color:transparent;} #theme-main-banner.banner-two .banner-product { position: absolute; top:-47%; right: 0; bottom: 0; z-index: -1; width: 55%; } @-webkit-keyframes MoveUpDown { 0% { -webkit-transform:translateY(0); transform:translateY(0); } 50% { -webkit-transform:translateY(-15px); transform:translateY(-15px); } 100% { -webkit-transform:translateY(0); transform:translateY(0); } } @keyframes MoveUpDown { 0% { -webkit-transform:translateY(0); transform:translateY(0); } 50% { -webkit-transform:translateY(-15px); transform:translateY(-15px); } 100% { -webkit-transform:translateY(0); transform:translateY(0); } } #theme-main-banner .go-down { color: #dcdcdc; position: absolute; font-size: 40px; bottom: 70px; left: 50%; z-index: 9; background: transparent; -webkit-animation: MoveUpDown 2.5s linear infinite; animation: MoveUpDown 2.5s linear infinite; } /*------------------------ Company Goal ------------------------*/ .company-goal {padding-top: 155px;} .company-goal .row {margin: 0 -25px;} .company-goal .row [class*="col-"] {padding: 0 25px;} .company-goal .main-container {width: 80%;margin: 0 auto;} .company-goal .main-container .image-box { background: #0d0d0d; position: relative; overflow: hidden; } .company-goal .main-container .image-box img { width: 100%; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale3D(1.1,1.1,1); transform: scale3D(1.1,1.1,1); } .company-goal .main-container .single-demo:hover .image-box img { opacity: 0.2; -webkit-transform: scale3D(1,1,1); transform: scale3D(1,1,1); } .company-goal .main-container .single-demo .image-box p { color: #fff; position: absolute; top:40%; left:30px; text-align: right; padding-right: 25px; opacity: 0; -webkit-transform:translateX(-50%); transform:translateX(-50%); } .company-goal .main-container .single-demo .image-box p:before { content: ''; position: absolute; width: 2px; height: 82%; background: #fff; top:8px; right: 0; } .company-goal .main-container .single-demo:hover .image-box p { -webkit-transition-delay:0.2s; transition-delay:0.2s; opacity: 1; -webkit-transform:translateX(0); transform:translateX(0); } .company-goal .main-container .single-demo .text .theme-title h6 {padding-left: 0;} .company-goal .main-container .single-demo .text .theme-title h6:before {display: none;} .company-goal .main-container .single-demo .text p { padding-left: 100px; margin: 28px 0 0 0; position: relative; } .company-goal .main-container .single-demo .text p:before { content: ''; width: 77px; height: 2px; position: absolute; left:0; top:14px; } .company-goal .main-container .single-demo .text p a { display: block; width: 34px; height: 34px; border-radius: 50%; line-height: 34px; color: #fff; text-align: center; margin-top: 30px; } .company-goal .main-container .single-demo .space-add {margin-bottom: 60px;} .company-goal .main-container .single-demo {padding-bottom: 60px;} /*---------------------- Our Goal Banner --------------------*/ .our-goal-banner { background-color: #202122; background: url(../images/home/3.jpg) no-repeat center center; background-size: cover; text-align: center; margin-top: 110px; } .our-goal-banner .opacity { background: rgba(0,0,0,0.5); padding-top: 100px; } .our-goal-banner .opacity h2 { line-height: 70px; color: #fff; position: relative; z-index: 99; } .our-goal-banner .opacity img {margin: 90px auto -110px auto;} /*------------------ Feature Section ----------------------*/ .feature-section { background: #202122; padding: 100px 0 50px 0; } .feature-section.other { background: #F9F0E2; padding: 50px 0 50px 0; } .feature-section.other h2 { font-size: 35px; color: #72767A; } .feature-section.other h6 { color: #72767A; } .feature-section.other h6:before { background:#72767A; } .feature-section.other .form_files_load { background: #B2B0B0 !important; } .feature-section.other #formonpage input, .feature-section.other #formonpage textarea, .feature-section.other .form_files_load { border: #BBB6AE 1px solid; } .feature-section.large-text-logo {padding-top: 60px;} .feature-section h2 { line-height: 70px; color: #fff; position: relative; z-index: 99; text-align: center; margin-bottom: 20px; } .feature-section.large-text-logo:before {top:-110px;} .feature-section.large-text-logo .container {position: relative;z-index: 99;} .feature-section .single-feature-block h4 { color: #fff; text-transform: uppercase; line-height: 29px; position: relative; padding: 0 0 28px 90px; } .feature-section .single-feature-block h4 a {color: #fff;} .feature-section .single-feature-block h4 .icon { width: 60px; height: 60px; border-radius: 50%; position: absolute; top:3px; left:0; } .feature-section .single-feature-block h4 .icon i { font-size: 45px; font-weight: normal; position: absolute; top: 8px; right: -6px; } .feature-section .single-feature-block p {padding-right: 30px;} .feature-section .single-feature-block {margin-bottom: 50px;} /*-------------------------- Work Showcase ----------------*/ .work-showcase .theme-title {padding: 30px 0 30px 0;} .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {width: 100%;height: 100%;} .bootstrap-select > .dropdown-toggle { width: 100%; height: 100%; white-space: normal; display: block; border: none; position: relative; background: transparent !important; outline: none !important; padding: 0 18px 0 0; height: 40px; } .find-course .bootstrap-select > .dropdown-toggle { padding: 0 10px 0 30px; border-radius: 3px; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { font-size: 12px; font-weight: 700; letter-spacing: 1.5px; line-height: 40px; color:#212121; text-transform: uppercase; } .bootstrap-select.btn-group .dropdown-toggle .caret {display: none;} .bootstrap-select.btn-group .dropdown-toggle .bs-caret { position: absolute; top:0; right: 0; bottom: 0; width: 10px; text-align: right; } .bootstrap-select.btn-group .dropdown-toggle .bs-caret:before { font-family: 'font-awesome'; content: ''; position: absolute; top:0; left: 0; right: 0; color: #9fa3a7; font-size: 18px; line-height: 38px; } .find-course .bootstrap-select > .dropdown-toggle:hover, .find-course .bootstrap-select > .dropdown-toggle:focus { background: transparent; outline: none !important; } .bootstrap-select.btn-group .dropdown-menu { left:auto; right: 0; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 3px; margin-top: 1px; -webkit-box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.2); box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.2); } .bootstrap-select.btn-group .dropdown-menu li a span.text { text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 1px; color:#212121; } .bootstrap-select.btn-group .dropdown-menu li.selected a span.text, .bootstrap-select.btn-group .dropdown-menu li:hover a span.text {color: #fff;} .work-showcase .isotop-menu-wrapper li { font-family: "Montserrat-Medium"; display: inline-block; font-size: 12px; color: #000; text-transform: uppercase; letter-spacing: 1.8px; line-height: 26px; border: 2px solid #c3a165; padding: 0 18px; border-radius: 15px; cursor: pointer; margin: 5px 4px 7px 0; } .work-showcase .isotop-menu-wrapper li.is-checked {color: #ffffff; background: #c3a165; } .single-item { margin: 0 8px 0 8px; overflow: hidden; position: relative; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .single-item:hover { -webkit-box-shadow: 0 3px 30px rgba(0,0,0,0.2); box-shadow: 0 3px 30px rgba(0,0,0,0.2); } .single-item figcaption { position: absolute; top:0; left: 0; right: 0; bottom: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin: 30px 30px; } .single-item figcaption:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; opacity: 0; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); } .single-item:hover figcaption:before { opacity: 1; -webkit-transform: scale3d(2.5,1.6,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(2.5,1.6,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); } .single-item figcaption h3 { color: #fff; position: absolute; top:0; left:0; font-weight: normal; } .single-item figcaption h3 span {font-weight: 500;} .single-item figcaption h3 a {color: #fff;} .single-item figcaption>a { position: absolute; font-size: 25px; color: #fff; bottom: 0; right: 0; } .single-item figcaption h3, .single-item figcaption>a { opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .single-item:hover figcaption h3, .single-item:hover figcaption>a { opacity: 1; -webkit-transition-delay:0.2s; transition-delay:0.2s; } .project-inner-page {margin-bottom: 10px;} .project-v3 .main-wrapper {padding: 0 65px;} ul.slider_content { padding: 0px; margin: 0px; } ul.slider_content li { display: none; } ul.slider_content li.active { display: block; } .single-item > a { display: block; width: 100%;} .lazy_slide { width: 390px; height: 300px; max-width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center top !important; } .form_block { width: 80%; margin: 0 auto; padding: 40px 0 40px 0; } .formi { margin: 0 0 17px 0; } #formonpage input, #formonpage textarea, .form_files_load { background: #fff; color: #000; padding: 17px 3% 17px 3%; width: 94%; outline: none; font-size: 16px;} .form_files_load { cursor: pointer; background: #edeaea !important;} .form_files_load.white { background: #fff !important; } .form_files_load.white span { display: inline-block; background: url('../images/loading.gif') no-repeat left center; background-size: 40px 40px; padding: 0 0 0 40px; position: relative; color: #c23a3a; } #formonpage textarea { min-height: 150px; } .form_files_load.bad span{ color: #c23a3a; font-weight: bold;} .form_files_load.good span { color: #1d7a47; } .requesterror { color: #c23a3a; } .requestsuccess { color: #1d7a47; } .inp_upload { display: none; } .button { background: #c3a165; padding: 15px 17px 15px 17px; color: #ffffff; display: inline-block; cursor: pointer; text-transform: uppercase; font-size: 14px; } .button:hover { background: #b18c4c; } .button2 { background: #546577; padding: 20px; color: #ffffff; display: inline-block; cursor: pointer; text-transform: uppercase; font-size: 14px; } .button2:hover { background: #69829d; color: #fff;} .buttonh { /* background: #222328; border:#e1c390 1px solid; */ background: #c3a165; border: #aa894e 1px solid; padding: 15px 13px 15px 13px; color: #ffffff; display: inline-block; cursor: pointer; text-transform: uppercase; font-size: 14px; } .buttonh:hover { background: #b48e4c; } .buttonh2 { /*background: #222328; border:#e1c390 1px solid; */ background: #c3a165; border: #aa894e 1px solid;padding: 15px 13px 15px 13px; color: #ffffff; display: inline-block; cursor: pointer; text-transform: uppercase; font-size: 14px; } .buttonh2:hover { background: #b48e4c; } .button3 { background:#af3737; padding: 20px 20px 20px 20px; color: #ffffff; display: inline-block; cursor: pointer; text-transform: uppercase; font-size: 16px; } .button3:hover { background: #9a3838; } .whatprice { width: 100%; background: #202122; text-align: center; margin: 30px 0 0 0; padding: 55px 0 55px 0; } .whatprice h2 { color: #fff; } .fast_order { width: 100%; background: #ffffff; color: #000; text-align: center; margin: 0 0 0 0; padding: 55px 0 55px 0; } .fast_order .request_text, .fast_order h2 { color: #000; } .fast_order .action_block { padding: 55px 0 0 0; } #portfolio { padding: 20px 0 20px 0; } .main-post-wrapper { position: relative; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; transition: all 2s ease-in-out; } .show_fulltext_block { margin: 0px 0 20px 0; text-align: center; } .short_version { max-height: 295px; overflow: hidden; border-bottom: none !important; position: relative; } .short_version:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0px; bottom:0px; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; transition: all 2s ease-in-out; background-image: linear-gradient( rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0.9) 70%, rgba(255, 255, 255, 1.0) 80%, rgba(255, 255, 255, 1.0) 100% ); } .full_version { max-height: 4000px !important; overflow: hidden; } .serviceprice { color: #838693; font-size: 32px; padding: 30px 0 30px 0; text-transform: uppercase; } .serviceprice span { font-family: "Montserrat-Medium"; font-size: 47px; } .sale_block { background: #af3737; color: #fff; padding: 20px 0 20px 0; width: 40%; margin: 0 auto; } .sale { font-size: 27px; margin: 0 0 20px 0; } .sale span { font-size: 35px; } .promocode span { display: inline-block; padding: 0 15px 0 15px; background: #F9F0E2; color: #000; } /*------------------------ Core Feature ------------------------*/ .core-features {padding: 100px 0 100px 0;} .core-features .theme-title h2, .core-features .theme-title h6 { color: #ffffff; } .core-features.bg-image { background-color: #212121; background: url(../images/home/4.jpg) no-repeat center; background-size: cover; background-attachment: fixed; } .core-features.bg-image-advantages { background-color: #212121; background: url(../images/home/advantages_1.jpg) no-repeat center; background-size: cover; background-attachment: fixed; } .core-features.bg-image .opacity { background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(255,255,255,1)),color-stop(94%, rgba(134,99,147,0))); background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(134,99,147,0) 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .core-features .opacity {padding-bottom: 50px;} .core-features.bg-image .opacity {padding-bottom: 140px;} .core-features .theme-title { margin-bottom: 80px;} .core-features .feature-wrapper-box {margin: 0;} .core-features .feature-wrapper-box [class*="col"] {padding: 0;} .core-features .feature-wrapper-box.border-style-one {border:10px solid rgba(255,255,255,0.4);} .core-features .feature-wrapper-box.border-style-one .single-feature {border: 1px solid rgba(0,0,0,0.02);} .core-features .feature-wrapper-box .single-feature { background: #fff; padding: 45px 30px 40px 105px; border: 1px solid rgba(0,0,0,0.04); } .core-features .feature-wrapper-box .single-feature h5 {position: relative;} .core-features .feature-wrapper-box .single-feature h5 a { font-weight: 700; text-transform: uppercase; color: #212121; margin-bottom: 15px; } .core-features .feature-wrapper-box .single-feature h5 i { position: absolute; left:-65px; top:0; font-size: 45px; } .core-features .feature-wrapper-box .single-feature:hover {background: rgba(255,255,255,0.9);} /*------------------------ Client Section ----------------------*/ .client-section {padding: 65px 0 110px 0;} .client-section.bg-color {background: #202122;} .client-section .theme-title {position: relative;z-index: 1;margin-bottom: 30px;} .client-section .theme-title:before { content: "\f10a"; font-family: "Flaticon"; font-size: 150px; color: rgba(0,0,0,0.05); position: absolute; bottom: -85px; left:50%; z-index: -1; -webkit-transform:translateX(-50%); transform:translateX(-50%); } #client-carousel {width: 84%;margin: 0 auto;} #client-carousel .item p { font-weight: 300; font-size: 28px; line-height: 50px; text-align: center; padding: 30px 0 65px 0; } #client-carousel .carousel-indicators {position: static;width: 100%;margin: 0;} #client-carousel .carousel-indicators li { float: left; width: 33.333333%; height: auto; margin: 0 0 35px 0; border: none; background: transparent; padding-left: 100px; position: relative; text-indent:0; text-align: left; opacity: 0.15; } #client-carousel .carousel-indicators li img { position: absolute; width: 75px; height: 75px; border-radius: 50%; top:0; left:0; } #client-carousel .carousel-indicators li h5 { font-weight: 700; text-transform: uppercase; margin: 15px 0 8px 0; } #client-carousel .carousel-indicators li span { font-style: italic; font-size: 16px; color: #b6b6b6; } #client-carousel .carousel-indicators li.active {opacity: 1;} .client-section.bg-color .theme-title h2, .client-section.bg-color #client-carousel .carousel-indicators li h5 {color: #fff;} .client-section.bg-color #client-carousel .item p {color: rgba(255,255,255,0.7);} /*---------------------- Our Team Style One -------------------------*/ .our-team-style-one { background: #202122; padding: 75px 0 90px 0; } .our-team-style-one .theme-title h2 { color: #fff; margin-bottom: 80px; } .our-team-style-one .single-team-member {text-align: center;margin-bottom: 50px;} .our-team-style-one .single-team-member .image { overflow: hidden; position: relative; } .our-team-style-one .single-team-member .image img { margin:0 auto; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .our-team-style-one .single-team-member:hover .image img {opacity: 0.5;} .our-team-style-one .single-team-member .image .opacity { position: absolute; width: 100%; height: 100%; bottom: 0; left:0; background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(32,33,34,1)),color-stop(94%, rgba(32,33,34,0))); background: linear-gradient(to top, rgba(32,33,34,1) 10%,rgba(32,33,34,0) 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .our-team-style-one .single-team-member h5 a { font-weight: 500; text-transform: uppercase; color: #fff; margin: 15px 0 10px 0; } .our-team-style-one .single-team-member .image h5 { color: #fff; position: absolute; text-transform: uppercase; display: inline-block; padding: 10px 25px; background: #1f2021; top:50%; left:0; opacity: 0; -webkit-transform:rotate(-90deg) translateY(-50%); transform:rotate(-90deg) translateY(-50%); } .our-team-style-one .single-team-member .image ul { position: absolute; right:30px; top:50%; opacity: 0; -webkit-transform:rotate(-90deg) translateY(-50%); transform:rotate(-90deg) translateY(-50%); } .our-team-style-one .single-team-member .image ul li a { font-size: 18px; color: #fff; margin: 5px 0; } .our-team-style-one .single-team-member:hover .image h5, .our-team-style-one .single-team-member:hover .image ul { opacity: 1; -webkit-transform:rotate(0) translateY(-50%); transform:rotate(0) translateY(-50%); } /*------------------------- Our Blog Grid -----------------------*/ .our-blog-grid .theme-title {margin: 100px 0 60px 0;} .our-blog-grid .single-blog {margin-bottom: 35px;} .our-blog-grid .single-blog .image { background: #0a0a0a; overflow: hidden; position: relative; } .our-blog-grid .single-blog .image img { opacity: 0.40; width: 100%; -webkit-transform:scale3D(1.1,1.1,1); transform:scale3D(1.1,1.1,1); } .our-blog-grid .single-blog:hover .image img { -webkit-transform:scale3D(1,1,1); transform:scale3D(1,1,1); } .our-blog-grid .single-blog .post { position: absolute; width: 100%; height: 100%; top:0; left:0; } .our-blog-grid .single-blog .post span {text-transform: uppercase;} .our-blog-grid .single-blog .post h3 a { color: #fff; line-height: 34px; margin-top: 10px; } .our-blog-grid .single-blog .post>div { position: absolute; left:40px; bottom: 45px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .our-blog-grid .single-blog:hover .post>div { -webkit-transform:translateY(-120%); transform:translateY(-120%); } .our-blog-grid .single-blog .post p { color: #fff; position: absolute; bottom: 40px; left:40px; right: 60px; padding-bottom: 10px; opacity: 0; -webkit-transform:translateX(100%); transform:translateX(100%); } .our-blog-grid .single-blog .post p:before { content: ''; position: absolute; width: 0; height: 2px; right: 0; bottom: 0; opacity: 0; background: #fff; } .our-blog-grid .single-blog:hover .post p { opacity: 1; -webkit-transition-delay:0.1s; transition-delay:0.1s; -webkit-transform:translateX(0); transform:translateX(0); } .our-blog-grid .single-blog:hover .post p:before { opacity: 1; width: 100%; -webkit-transition-delay:0.399s; transition-delay:0.399s; } .our-blog-grid .theme-pagination-one {padding-top: 60px;} .blog-inner-page {padding-bottom: 170px;} /*---------------------- Our Partner ---------------------*/ .partner-section .theme-title {padding: 100px 0 70px 0;} .partner-section {padding-bottom: 120px;} .partner-section .item img {margin: 0 auto;} /*----------------------- Footer --------------------*/ footer { background: #222328; padding: 60px 0 0 0; } footer .footer-top-widget {position: relative;text-align: center;} footer .footer-top-widget .social-icon { position: absolute; top:5px; right: 0; z-index: 9; } footer .footer-top-widget .social-icon li a { color: #fff; margin-left: 15px; font-size: 16px; } footer .footer-bottom-widget { border-top:1px solid rgba(255,255,255,0.05); margin-top: 30px; padding: 30px 0 20px 0; } footer .footer-bottom-widget h6 { font-size: 15px; color: #737373; margin-bottom: 25px; } footer .footer-bottom-widget h6 a {color: #fff;} footer .footer-bottom-widget ul li {display: inline-block;} footer .footer-bottom-widget ul li a { font-size: 15px; color: #737373; margin-bottom: 10px; margin-left: 30px; } .inp_upload { margin: 0 0 20px 0; } .responsesite { margin: 20px 0 0px 0; } /*----------------------- Our Team Style Two ---------------------*/ .our-team-style-two .theme-title {margin: 80px 0 60px 0;} .our-team-style-two .row {margin: 0 -20px;} .our-team-style-two .row [class*="col-"] {padding: 0 20px;} .our-team-style-two .single-team-member { position: relative; overflow: hidden; margin-bottom: 40px; } .our-team-style-two .single-team-member img { width: 100%; -webkit-transform:scale3D(1.1,1.1,1); transform:scale3D(1.1,1.1,1); } .our-team-style-two .single-team-member .opacity { position: absolute; width: 100%; height: 100%; top:0; left:0; } .our-team-style-two .single-team-member .opacity:before, .our-team-style-two .single-team-member .opacity:after { content: ''; position: absolute; width: 100%; height: 100%; top:0; left:0; opacity: 0; background: rgba(0,0,0,0.60); } .our-team-style-two .single-team-member .opacity:before { -webkit-transform:scale(1,0); transform:scale(1,0); } .our-team-style-two .single-team-member .opacity:after { -webkit-transform:scale(0,1); transform:scale(0,1); } .our-team-style-two .single-team-member:hover .opacity:before, .our-team-style-two .single-team-member:hover .opacity:after { opacity: 1; -webkit-transform:scale(1,1); transform:scale(1,1); } .our-team-style-two .single-team-member .opacity p { color: #fff; font-size: 18px; font-weight: 300; position: absolute; z-index: 1; left:-40px; top:50%; opacity: 0; -webkit-transform:rotate(-90deg) translateX(10%) translateY(-100%); transform:rotate(-90deg) translateX(10%) translateY(-100%); } .our-team-style-two .single-team-member:hover .opacity p { opacity: 1; -webkit-transform:rotate(-90deg) translateX(10%) translateY(0); transform:rotate(-90deg) translateX(10%) translateY(0); } .our-team-style-two .single-team-member .opacity p:before, .our-team-style-two .single-team-member .opacity p:after { content: ''; position: absolute; width: 90px; height: 1px; background: #fff; top:50%; } .our-team-style-two .single-team-member .opacity p:before {left:-110px;} .our-team-style-two .single-team-member .opacity p:after {right: -110px;} .our-team-style-two .single-team-member .opacity>div { position: absolute; width: 100%; text-align: center; top:50%; left:0; z-index: 1; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .our-team-style-two .single-team-member .opacity>div h3 { color: #fff; margin-bottom: 20px; opacity: 0; -webkit-transform:translateY(-60px); transform:translateY(-60px); } .our-team-style-two .single-team-member .opacity>div ul { display: inline-block; background: #000; padding: 0 10px; opacity: 0; -webkit-transform:translateY(60px); transform:translateY(60px); } .our-team-style-two .single-team-member .opacity>div ul li {display: inline-block;} .our-team-style-two .single-team-member .opacity>div ul li a { color: #fff; font-size: 20px; line-height: 42px; margin: 0 9px; } .our-team-style-two .single-team-member:hover .opacity>div h3, .our-team-style-two .single-team-member:hover .opacity>div ul { opacity: 1; -webkit-transform:translateY(0); transform:translateY(0); } .our-team-style-two .all-member { width: 195px; line-height: 51px; border: 2px solid rgba(0,0,0,0.08); font-size: 13px; font-weight: 500; color: #1e1e1e; text-transform: uppercase; text-align: center; display: block; margin: 20px auto 150px auto; } .our-team-style-two .all-member:hover {color: #fff;} .our-team-style-two.inner-page {margin-bottom: 140px;} /*---------------------- Theme Inner Banner --------------------*/ .theme-inner-banner { background: url(../images/inner-page/banner.jpg) no-repeat center center; background-size: cover; padding: 92px 0; text-align: center; margin-bottom: 60px; } .theme-inner-banner .wrapper {position: relative;} .theme-inner-banner h2 { font-size: 72px; text-transform: uppercase; padding: 0; position: relative; z-index: 1 !important; margin: 0 0 20px 0; } .theme-inner-banner span { font-size: 72px; font-weight: 700; color: #dddddd; position: absolute; left:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .theme-inner-banner ul li { display: inline-block; text-transform: uppercase; color: #ffffff; font-size: 14px; font-weight: 500; margin: 0 2px; } .theme-inner-banner ul li a {color: #ffffff; text-decoration: underline; } /*------------------- Theme Counter ------------------*/ .theme-counter {margin:80px 0 215px 0;} .theme-counter h2 { text-align: right; font-size: 48px; line-height: 60px; position: relative; text-transform: uppercase; } .theme-counter h2:before { content: ''; position: absolute; width: 1px; height: 86%; background: rgba(0,0,0,0.08); right: -70px; top:12px; } .theme-counter .counter-wrapper {padding-left: 110px;} .theme-counter .counter-wrapper h3 { font-size: 48px; margin-top: 18px; } .theme-counter .counter-wrapper .single-box {margin-bottom: 40px;} .theme-counter .counter-wrapper .clearfix p { font-size: 18px; font-weight: 300; } .theme-counter .counter-wrapper .clearfix .contact-button { text-transform: uppercase; font-size: 14px; color: #1e1e1e; font-weight: 500; position: relative; line-height: 28px; } .theme-counter .counter-wrapper .clearfix .contact-button:before { content: ''; position: absolute; width: 100%; height: 2px; background: #1e1e1e; left:0; bottom: 0; } .flaticon-compose:before { display: inline-block; width: 50px; height: 50px; background: url('../images/iconsadv/1.png') no-repeat; content: ""; } .flaticon-idea:before { display: inline-block; width: 50px; height: 50px; background: url('../images/iconsadv/2.png') no-repeat; content: ""; } .flaticon-bookmark:before { display: inline-block; width: 50px; height: 50px; background: url('../images/iconsadv/3.png') no-repeat; content: ""; } .flaticon-alarm:before { display: inline-block; width: 50px; height: 50px; background: url('../images/iconsadv/4.png') no-repeat; content: ""; } .flaticon-radar:before { display: inline-block; width: 50px; height: 50px; background: url('../images/iconsadv/5.png') no-repeat; content: ""; } .flaticon-star:before { display: inline-block; width: 50px; height: 50px; background: url('../images/iconsadv/6.png') no-repeat; content: ""; } /*----------------------- All Core Service -----------------*/ .all-core-service { padding: 140px 0 30px 0; } .all-core-service .theme-title {margin-bottom: 45px;} .all-core-service .single-core-service i { font-size: 45px; color: rgba(0,0,0,0.25); display: block; } .our_advantages { width: 96%; padding: 30px 2% 30px 2%; } .single-core-service { min-height: 170px; max-height: 170px; margin: 0 0 15px 0; overflow: hidden; } .our_advantages .single-core-service h5 { display: inline-block; position: relative; top:-20px;} .our_advantages .single-core-service h5 a { font-weight: 700; text-transform: uppercase; color: #212121; display: block; margin: 0 0 0 10px; } .advantage_text { margin: 20px 0 0 0; font-size: 17px !important; } .request_text { font-size: 18px; color: #fff; margin: 0 0 15px 0; text-transform: uppercase; } .all-core-service {position: relative;margin-bottom: 150px;} .all-core-service:before { content: url(../images/service/1.jpg); position: absolute; top:140px; right: 20px; width: 38%; } /*---------------------- Featured Service ------------------*/ .featured-service {padding-bottom: 110px;} .featured-service .theme-title {margin-bottom: 80px;} .featured-service .single-featured-service .image { width: 45%; background: #0f112d; overflow: hidden; } .featured-service .single-featured-service .image img { width: 100%; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; -webkit-transform:scale3D(1.05,1.05,1); transform:scale3D(1.05,1.05,1); } .featured-service .single-featured-service:hover .image img { opacity: 0.6; -webkit-transform:scale3D(1,1,1); transform:scale3D(1,1,1); } .featured-service .single-featured-service .service-text { width: 55%; position: relative; z-index: 1; padding: 53px 0 60px 0; } .featured-service .single-featured-service:nth-child(odd) .service-text {padding-left: 80px;padding-right: 10px;} .featured-service .single-featured-service:nth-child(even) .service-text {padding-right: 80px;padding-left: 10px;text-align: right} .featured-service.style-one .single-featured-service .service-text:before { content: ''; position: absolute; height: 100%; width: 300px; background: #fbfbfb; top:0; left:0; z-index: -1; } .featured-service .single-featured-service .service-text strong { font-size: 100px; font-weight: 700; color: rgba(0,0,0,0.13); display: block; line-height: 75px; } .featured-service .single-featured-service:hover .service-text strong {letter-spacing: 5px;} .featured-service .single-featured-service .service-text h3 a { font-size: 36px; font-weight: 800; color: #1e1e1e; text-transform: uppercase; margin: 20px 0 22px 0; } .featured-service .single-featured-service .service-text .more-button { text-transform: uppercase; font-size: 13px; color: #1e1e1e; font-weight: 500; position: relative; line-height: 28px; margin-top: 25px; } .featured-service .single-featured-service .service-text .more-button:before { content: ''; position: absolute; width: 100%; height: 2px; background: #1e1e1e; left:0; bottom: 0; } .featured-service .single-featured-service {margin-bottom: 120px;} .featured-service.style-two {background: #f8f8f8;padding-top: 120px;} .featured-service.style-two .title { width: 75%; margin: 0 auto 85px auto; font-size: 16px; text-align: center; color: rgba(30,30,30,0.8); } .featured-service.style-two .single-featured-service .service-text { -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08); background: #fff; } /*------------------------ Portfolio Details ---------------------*/ .portfolio-details .theme-counter .counter-wrapper h3 {font-size: 30px;} .portfolio-details .theme-counter h2:before {right: -55px;} .portfolio-details .theme-counter .counter-wrapper {padding-left: 85px;} .portfolio-details .theme-counter .counter-wrapper .clearfix .contact-button { width: 152px; line-height: 47px; text-align: center; color: #fff; background: #1e1e1e; } .portfolio-details .theme-counter .counter-wrapper .clearfix .contact-button:before {display: none;} .portfolio-details .theme-counter .counter-wrapper .clearfix p {margin-top: 10px;} .portfolio-details .theme-counter {margin-bottom: 75px;} .portfolio-details .main-post-wrapper { border-bottom: 1px solid rgba(30,30,30,0.04); padding: 0px 0 55px 0; } .portfolio-details .main-post-wrapper p {font-weight: 500;line-height: 30px;} .portfolio-details .main-post-wrapper p { font-size: 16px; font-weight: 500; line-height: 30px; color: #1e1e1e; margin-bottom: 17px; } .main-post-wrapper a { text-decoration: underline; } .main-post-wrapper a:hover { text-decoration: none; } .main-post-wrapper ul { padding: 10px 0 20px 0px; } .main-post-wrapper ul li { padding: 0 0 0 30px; position: relative; font-size: 16px; font-weight: 500; line-height: 30px; color: #1e1e1e; margin-bottom: 7px; } .main-post-wrapper ol { padding: 10px 0 10px 0px; } .main-post-wrapper ol li { margin: 0 0 0 40px; position: relative; font-size: 16px; font-weight: 500; line-height: 30px; color: #1e1e1e; margin-bottom: 7px; } .main-post-wrapper ul li:before { content: ""; position: absolute; width: 12px; height: 12px; display: block; left: 5px; background: #927F5D; top:9px; -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; behavior: url(../pie/border-radius.htc); behavior: url(../pie/PIE.htc); } .main-post-wrapper big { font-size: 17px; text-transform: uppercase; font-family: "Montserrat-Medium"; margin: 20px 0 20px 0; } .main-post-wrapper h1 { font-size: 26px; margin: 20px 0 20px 0; text-transform: uppercase; } .main-post-wrapper h2 { font-size: 24px; margin: 17px 0 17px 0; text-transform: uppercase; } .main-post-wrapper h3 { font-size: 22px; margin: 15px 0 15px 0; text-transform: uppercase; } .main-post-wrapper h4 { font-size: 20px; margin: 13px 0 13px 0; text-transform: uppercase; } .main-post-wrapper h5 { font-size: 18px; margin: 10px 0 10px 0; text-transform: uppercase; } .main-post-wrapper h6 { font-size: 16px; margin: 8px 0 8px 0; text-transform: uppercase; } .portfolio-details .project-pager li a{ font-weight: 500; text-transform: uppercase; color: rgba(30,30,30,0.45); } .portfolio-details .project-pager li a i { font-size: 38px; vertical-align:-9px; opacity: 0.6; } .portfolio-details .project-pager li a i.flaticon-left-arrow {margin-right: 10px;} .portfolio-details .project-pager li a i.flaticon-right-arrow {margin-left: 10px;} /*------------------------------ Blog List Layout -----------------*/ .blog-bg-color {background: #f9f9f9;padding-top: 120px;} .single-blog-list-item {background: #fff;} .single-blog-list-item .post-data { padding: 38px 40px 40px 40px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); } .single-blog-list-item img {width: 100%;} .single-blog-list-item .post-data .post-info li { display: inline-block; color: #c5c3c3; margin-right: 4px; font-size: 14px; } .single-blog-list-item .post-data .post-info li a {color: #c5c3c3;text-transform: uppercase;} .single-blog-list-item .post-data h3 { font-size: 28px; margin: 16px 0 20px 0; } .single-blog-list-item .post-data h3 a {color: #242424;} .single-blog-list-item .post-data .read-more { width: 140px; line-height: 45px; text-align: center; background: #282828; color: #fff; font-size: 14px; text-transform: uppercase; margin-top: 30px; } .our-blog-list-layout .single-blog-list-item {margin-bottom: 65px;} .our-blog-list-layout .single-blog-list-item:hover img {opacity: 0.7;} /*----------------------- Blog Sidebar -------------------*/ .blog-sidebar .sidebar-search { position: relative; height: 65px; margin-bottom: 80px; -webkit-box-shadow: 0px 0px 21px 0px rgba(67, 67, 67, 0.08); box-shadow: 0px 0px 21px 0px rgba(67, 67, 67, 0.08); } .blog-sidebar .sidebar-search input { width: 100%; height: 100%; border: none; padding: 0 72px 0 25px; } .blog-sidebar .sidebar-search button { position: absolute; top:0; bottom: 0; right: 0; width: 70px; background: #242424; color: #fff; font-size: 20px; } .blog-sidebar h3 { font-size: 28px; margin-bottom: 30px; } .blog-sidebar .sidebar-categories ul li a { line-height: 28px; font-weight: 300; font-size: 17px; color: #959595; margin-bottom: 20px; display: block; } .blog-sidebar .sidebar-categories ul li a:hover {color: #242424;} .blog-sidebar .sidebar-recent-news ul li img {width: 100px;} .blog-sidebar .sidebar-recent-news ul li .post { width: calc(100% - 100px); padding-left: 30px; } .blog-sidebar .sidebar-recent-news ul li .post h5 a { font-size: 18px; font-weight: 600; line-height: 28px; color: #25292f; margin-bottom: 10px; } .blog-sidebar .sidebar-recent-news ul li .post span { font-size: 15px; color: #c5c3c3; text-transform: uppercase; } .blog-sidebar .sidebar-recent-news ul li {margin-bottom: 30px;} .blog-sidebar .sidebar-recent-news {padding: 50px 0 50px 0;} .blog-sidebar .sidebar-keyword ul {margin: 0 -5px;} .blog-sidebar .sidebar-keyword ul li { float: left; margin-bottom: 10px; padding: 0 5px; } .blog-sidebar .sidebar-keyword ul li a { background: #fff; line-height: 40px; padding: 0 15px; font-size: 13px; font-weight: 500; color: #878787; text-transform: uppercase; } .blog-sidebar .sidebar-keyword ul li a:hover {color: #fff;} /*----------------------------- Blog Details ----------------------*/ .blog-details-main-content .single-blog-list-item .post-data {padding-bottom: 0;} .blog-details-main-content .mark-text { font-size: 20px; line-height: 36px; color: #242424; position: relative; padding-left: 30px; margin: 32px 0 45px 0; } .blog-details-main-content .mark-text:before { content: ''; position: absolute; height: 84%; width: 4px; top:12px; left:0; } .blog-details-main-content .tag-section {border-top:1px solid rgba(0,0,0,0.04);margin-top: 45px;} .blog-details-main-content .tag-section ul {padding: 23px 0;} .blog-details-main-content .tag-section ul li {display: inline-block;line-height: 26px;} .blog-details-main-content .tag-section .tag li { font-weight: 700; color: #242424; text-transform: uppercase; margin-right: 2px; } .blog-details-main-content .tag-section .tag li a { text-transform: capitalize; color: #959595; display: block; font-weight: normal; } .blog-details-main-content .tag-section .social-icon li a { color: #959595; margin-left: 12px; font-size: 18px; } .blog-details-main-content .tag-section .social-icon li a:hover {color: #242424;} .shadow-box { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07); } .blog-details-main-content .author-text {margin: 75px 0;background: #fff;} .blog-details-main-content .author-text img {width: 250px;} .blog-details-main-content .author-text .text { width: calc(100% - 250px); padding:26px 15px 25px 40px; } .blog-details-main-content .author-text .text h5 { font-size: 18px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; } .blog-details-main-content .author-text .text ul li {display: inline-block;} .blog-details-main-content .author-text .text ul li a { width: 32px; height: 32px; line-height: 28px; border: 2px solid rgba(0,0,0,0.05); border-radius: 50%; text-align: center; color: #c8c8c8; margin: 13px 4px 0 0; } .blog-details-main-content .author-text .text ul li a:hover {color: #fff;} .blog-details-main-content h2 { font-weight: 700; font-size: 35px; margin-bottom: 45px; } .blog-details-main-content .comment-box { padding: 45px 45px 0 50px; background: #fff; margin-bottom: 75px; } .blog-details-main-content .comment-box .single-comment img { width: 65px; height: 65px; border-radius: 50%; } .blog-details-main-content .comment-box .single-comment .comment { width: calc(100% - 65px); padding-left: 25px; position: relative; } .blog-details-main-content .comment-box .single-comment .comment h6 { font-size: 16px; font-weight: 700; text-transform: uppercase; } .blog-details-main-content .comment-box .single-comment .comment span { display: block; font-weight: 300; color: #c4c4c4; text-transform: uppercase; margin:10px 0 18px 0; } .blog-details-main-content .comment-box .single-comment .comment .reply { position: absolute; top:0; right: 0; text-transform: uppercase; font-size: 13px; font-weight: 500; color: #242424; } .blog-details-main-content .comment-box .single-comment { padding-bottom: 45px; margin-bottom: 45px; border-bottom: 1px solid rgba(0,0,0,0.05); } .blog-details-main-content .comment-box .single-comment.reply-comment { margin-left:90px; } .blog-details-main-content .reply-form { background: #fff; padding: 60px 50px; } .form-styl-one input[type="text"], .form-styl-one input[type="email"], .form-styl-one textarea { font-size: 14px; background: #fff; width: 100%; max-width: 100%; border: none; color: #212121; border-bottom: 1px solid rgba(30,30,30,0.07); margin-bottom: 35px; } .form-styl-one input[type="text"], .form-styl-one input[type="email"] {height: 52px;} .form-styl-one textarea { height: 130px; min-height: 130px; } .form-styl-one input[type="text"]:focus, .form-styl-one input[type="email"]:focus, .form-styl-one textarea:focus { -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.04); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.04); border-bottom-color: #fff; } .form-styl-one input[type="submit"] { width: 170px; line-height: 50px; background: #272727; color: #fff; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; border: none; } /*---------------------- Contact us Page ----------------*/ .contact-information h2 { font-size: 36px; font-weight: 800; text-transform: uppercase; margin-bottom: 40px; } .contact-information .address span { display: block; font-weight: 700; font-size: 12px; color: #9fa3a7; text-transform: uppercase; letter-spacing: 1.2px; } .contact-information .address h6 { font-size: 18px; font-weight: 500; line-height: 30px; margin: 8px 0 30px 0; } .contact-information .address a { font-size: 18px; color: #212121; margin: 8px 0 30px 0; line-height: 30px; } .contact-information .conatct-info .social-icon li {display: inline-block;margin-top: 55px;} .contact-information .conatct-info .social-icon li a { font-size: 18px; color: #cccccc; margin-right: 10px; } .contact-information .conatct-info .social-icon li a:hover {color: #242424;} /* ------------- Google Map --------------*/ .contact-information .wrapper {padding-left: 70px;} .map-canvas { height: 460px; width: 100%; } .si-content img {margin-bottom: 10px;} .si-has-border .si-content-wrapper {border: none;} .si-shadow-wrapper-top {opacity: 0;} .contact-us-form h2 { font-size: 36px; font-weight: 800; text-transform: uppercase; } .contact-us-form {margin: 125px 0 200px 0;} .contact-us-form .container p {font-size: 18px;margin: 30px 0 50px 0;} .contact-us-form .form-styl-one textarea {height: 170px;} /*** ==================================================================== Conatct Form Activation ==================================================================== ***/ .alert-wrapper { display: none; position: fixed; width: 100%; height:100%; background: rgba(0,0,0,0.6); top: 0; left: 0; z-index: 9999999; } #success, #error { position: relative; width:500px; height: 100px; top: calc(50% - 50px); left:calc(50% - 250px); background: rgba(0,0,0,0.8); text-align: center; } #success .wrapper, #error .wrapper { display: table; width:100%; height: 100%; } #success .wrapper p, #error .wrapper p { display: table-cell; vertical-align: middle; letter-spacing: 1px; } #success { color: #ffce6e; } #error { color: #C9182B; } #error button, #success button { color:#fff; width:40px; height:40px; line-height: 20px; background: transparent; border-radius: 50%; position: absolute; top: -20px; right: -20px; font-size: 20px; } .form-validation label.error { display: none !important; } .form-validation input.error, .form-validation textarea.error { border:none; border-bottom:1px solid #f03838 !important; } /*------------------------ Shop Page -------------------------*/ .shop-page {padding-bottom: 200px;} .shop-sidebar .shop-sidebar-list { border:1px solid #eaeaea; padding: 14px 18px 0 22px; } .shop-sidebar .shop-sidebar-list ul li a { font-weight: 500; color: #6c6c6c; line-height: 40px; position: relative; padding-right: 10px; display: block; margin-bottom: 10px; } .shop-sidebar .shop-sidebar-list ul li a:before { content: ''; font-family: 'font-awesome'; position: absolute; top:0; right: 0; line-height: 40px; opacity: 0.7; } .shop-sidebar h3 { font-size: 28px; margin-bottom: 25px; } .shop-sidebar .shop-filter {margin: 60px 0;} .shop-sidebar .shop-filter form{ border:1px solid #eaeaea; padding: 55px 18px 30px 18px; } .shop-sidebar .slider.slider-horizontal .slider-track { height: 5px; -webkit-box-shadow: none; box-shadow: none; border-radius: none; background: #eef2f5; margin: 0; } .shop-sidebar .slider-selection { background: #c3a165; -webkit-box-shadow: none; box-shadow: none; } .shop-sidebar .slider-handle { width: 15px; height: 15px; border-radius: 50%; background: #fff; border: none; top:4px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1); } .shop-sidebar .shop-filter .tooltip { opacity: 1 !important; } .shop-sidebar .shop-filter .tooltip-inner { font-weight: 600; color: #32394d; font-size: 14px; background: #fff; -webkit-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1); } .shop-sidebar .shop-filter .tooltip.top .tooltip-arrow { border-top-color: #fff; } .shop-sidebar .shop-filter form .filter-button { width: 100%; display: block; line-height: 45px; background: #353535; font-size: 14px; font-weight: 500; text-transform: uppercase; color: #fff; margin-top: 40px; } .shop-sidebar .shop-sidebar-popular-product img {width: 65px;} .shop-sidebar .shop-sidebar-popular-product .text { width: calc(100% - 65px); padding-left: 25px; } .shop-sidebar .shop-sidebar-popular-product .text a { font-weight: 500; font-size: 18px; color: #1e1e1e; } .shop-sidebar .shop-sidebar-popular-product .text ul li {display: inline-block;color: #dfdfdf} .shop-sidebar .shop-sidebar-popular-product .text ul li .fa-star {color: #ffb709;} .shop-sidebar .shop-sidebar-popular-product .text strong { font-size: 18px; font-weight: 600; color: rgba(0,0,0,0.4); } .shop-sidebar .shop-sidebar-popular-product .text ul {margin: 2px 0;} .shop-sidebar .shop-sidebar-popular-product>ul>li {margin-bottom: 30px;} .product-filter-option>ul>li {display: inline-block;margin: 0 40px 5px 0;} .product-filter-option .bootstrap-select.btn-group .dropdown-menu {right: auto;left:0;min-width: 150px;} .product-filter-option p { color: #bcbcbc; text-transform: uppercase; margin-top: 5px; } .product-filter-option {margin-bottom: 25px;} .product-filter-option p b {color: #1e1e1e;} .shop-product-wrapper .single-product {margin-bottom: 40px;text-align: center;} .shop-product-wrapper .single-product .image { position: relative; overflow: hidden; } .shop-product-wrapper .single-product .image img {width: 100%;} .shop-product-wrapper .single-product .image .opacity { position: absolute; width: 100%; height: 100%; top:0; left:0; background: rgba(255,255,255,0.9); opacity: 0; } .shop-product-wrapper .single-product:hover .image .opacity {opacity: 1;} .shop-product-wrapper .single-product .image .opacity p { font-weight: 600; color: #1a1a1a; text-transform: uppercase; font-size: 16px; } .shop-product-wrapper .single-product .image .opacity a { font-weight: 300; font-size: 30px; color: #1a1a1a; } .shop-product-wrapper .single-product .image .opacity>div { position: relative; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .shop-product-wrapper .single-product h6 a { font-size: 18px; font-weight: 500; text-transform: uppercase; color: #242424; margin: 30px 0 5px 0; } .shop-product-wrapper .single-product strong {font-size: 20px;color: rgba(0,0,0,0.3);font-weight: 500;} .shop-product-wrapper .theme-pagination-one {padding-top: 40px;} .product-details .nav-tabs > li {margin: 0;} .product-details .nav-tabs > li > a { padding: 0; margin: 15px 10px 0 0; border: none !important; border-radius: 0; width: 55px; height: 55px; overflow: hidden; } .nav-tabs {border: none;} .product-details .product-info h3 { font-weight: 500; margin-bottom: 15px; text-transform: uppercase; } .product-details .product-info .rating li { display: inline-block; color: #a2a2a2; } .product-details .product-info .rating li:last-child {margin-left: 15px;} .product-details .product-info .rating li i {color: #f9a109;} .product-details .product-info strong { display: block; font-weight: normal; font-size: 28px; margin: 17px 0 25px 0; color: rgba(18,18,18,0.4); } .product-details .product-info .order-box { width: 90px; height: 40px; position: relative; } .product-details .product-info .order-box input { width: 100%; height: 100%; background: #fff; border:1px solid rgba(0,0,0,0.05); padding-left: 15px; } .product-details .product-info .order-box button { position: absolute; width: 40px; background: #ececec; height: 50%; right:0; color: #a8a8a8; } .product-details .product-info .order-box button#value-decrease {bottom:0;} .product-details .product-info .order-box button#value-increase {top:0;} .product-details .product-info .cart { width: 170px; line-height: 40px; text-align: center; color: #fff; text-transform: uppercase; font-weight: 500; font-size: 14px; } .product-details .product-info .cart:hover {background: #242424;} .product-details .product-info .quantity {margin-top: 60px;} .shop-details .product-review-tab {margin: 70px 0 70px 0;} .shop-details .product-review-tab .nav {border-bottom:1px solid #ececec;} .shop-details .product-review-tab .nav li a { line-height: 45px; padding: 0 25px; border-radius: 0; background: #ececec; border:1px solid #ececec; color: #000000; margin-right: 10px; font-weight: 500; text-transform: uppercase; } .shop-details .product-review-tab .nav-tabs > li.active > a, .shop-details .product-review-tab .nav-tabs > li.active > a:hover, .shop-details .product-review-tab .nav-tabs > li.active > a:focus { background: transparent; border-bottom-color: #fff; } .shop-details .product-review-tab .tab-content h6 { font-weight: 600; font-size: 20px; margin: 25px 0 15px 0; } .shop-details .related-product h3 { font-size: 28px; font-weight: 600; text-transform: uppercase; margin-bottom: 30px; } .gallery_loaded .item {margin: 0 15px;} .related-product .owl-theme .owl-nav [class*=owl-] { font-family: 'font-awesome'; width: 30px; height: 30px; text-align: center; padding: 0; border:2px solid rgba(0,0,0,0.08); line-height: 26px; color: rgba(0,0,0,0.4); font-size: 18px; background: transparent; } .owl-theme .owl-nav {margin: 0;} .related-product .owl-theme .owl-nav [class*=owl-]:hover {color: #fff;} .related-product .owl-theme .owl-controls { position: absolute; top:-60px; right: 15px; } footer .footer-top-widget .logo { position: relative; z-index: 9; text-align: left; display: inline-block; float: left; width: 33%; } ul.footer-menu { width: 50%; float: left; text-align: left; } .contacts_footer { width: 33%; float: left; margin: 0px 0 0 0; text-align: left;} .footer_title { font-size: 22px; text-transform: uppercase; color: #fff; margin: 0 0 30px 0; } .contacts_footer ul.cfooter { width: 100%; } .contacts_footer ul.cfooter li { display: block; margin: 0 0 10px 0; font-size: 17px; color: #c3a165; } .contacts_footer ul.cfooter li a { color: #c3a165; text-decoration: none; } .contacts_footer ul.cfooter li span { cursor: pointer; } .contacts_footer ul.cfooter li a:hover { color: #E1CBA5; text-decoration: underline; } .contacts_footer ul.cfooter li span:hover { color: #E1CBA5; } .contacts_footer ul.sfooter { margin: 10px 0 0 0; display: inline-block; } .contacts_footer ul.sfooter li { display: inline-block; margin: 0 10px 0 0; } .contacts_footer ul.sfooter li a { width: 30px; height: 30px; display: inline-block; background-size: 30px 30px !important; } ul.languages { margin: 0px; padding: 0px; float: left; width: 10%; display: inline-block; } ul.languages li { display: inline-block; } ul.languages li span { cursor: pointer; display: block; padding: 4px 6px 4px 6px; background: #546577; color: #ffffff; } ul.languages li span.active { background: #7197c0; } .language_resp { display: block; position: absolute; left: -9999px; top:0px; } .contacts_footer ul.sfooter li:nth-child(1) a { background: url('../images/social_viber.png') no-repeat; } .contacts_footer ul.sfooter li:nth-child(2) a { background: url('../images/social_insta.png') no-repeat; } .contacts_footer ul.sfooter li:nth-child(3) a { background: url('../images/social_facebook.png') no-repeat; } .main_form.orderas { width: 58%; float: left; margin: 0 2% 0 0; } .gallery_block { min-height: 382px; margin: 50px 0 0 0; } .gallery_block .owl-prev, .gallery_block .owl-next { color: #FFF; font-size: 0px !important; margin: 0px !important; padding: 0px !important; display: inline-block; background: url("../images/arrow2.png") no-repeat !important; width: 48px; height: 48px; position: absolute !important; top:140px; } .gallery_block .owl-nav { position: absolute; left: 0px; top:0px; width: 100%; } .gallery_block .owl-next { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } .gallery_block .owl-prev { left: -55px; } .gallery_block .owl-next { right: -55px; } .orderrelated { border-top:#6e757c 3px solid; display: block; width: 100%; text-transform: uppercase; text-align: center; padding: 7px 0 7px 0; cursor: pointer; color: #fff; background: #464F59; z-index: 10; position: relative; top:-5px; } .orderrelated:hover { background: #546577;} .loadprocess:before { display: block; position: absolute; left: 50%; margin-left: -64px; content: ""; z-index: 774; width: 128px; margin: 40px auto 40px auto; height: 128px; background: url("../images/loading_2.gif") no-repeat; } .orderas { font-size: 18px; } .orderas_block { width: 40%; float: right; text-align: center; } .orderas span { display: inline-block; } .orderas img { display: inline-block; width: 90%; height: auto; } #res_orderas { font-size: 15px; } .footer_menu { width: 33%; float: left; display: inline-block; text-align: left; } .footer_menu ul { } .footer_menu ul li {display: block;} .footer_menu ul li a { font-size: 15px; font-weight: 300; text-transform: uppercase; color: #c3a165; margin: 0 10px 10px 0; } .footer_menu ul li a:hover { color: #E1CBA5; text-decoration: underline; } .callback_fast { margin: 0px 0 30px 0; background: #F9F0E2; padding: 40px 0 40px 0; } .phone4 { display: inline-block; padding: 8px 10px 8px 10px; font-size: 24px; margin: 0 15px 0 0; position: relative; top:3px; } .promoinp { width: 100%; display: block; padding: 8px 2% 8px 2%; font-size: 24px; margin: 0 0 25px 0; position: relative; top:3px; } .buttonsale { width: 27%; background: #af3737; color: #ffffff; cursor: pointer; text-transform: uppercase; font-size: 16px; display: block; padding: 8px 10px 8px 10px; margin: 15px auto; position: relative; top:3px; } .callrequest { text-align: center; } .action_block { padding:15px 0 0 0; width: 40%; margin: 0 auto; text-align: left; } /* ElaModal */ .show_modal { cursor: pointer; } .ElaModal { display: none; } .ElaModal.active { position: fixed; left: 0px; top:0px; width: 100%; height: 100%; z-index: 7000; display: block; } .ElaModal.active:before { position: absolute; content: ""; left: 0px; top:0px; background: #000; width: 100%; height: 350%; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .ElaModal.active.tostart .ela-modal-core { top:0px !important; margin-top: 0px !important; } .ElaModal.active.tostart { overflow-y: scroll; } .ela-modal-core { width: 50%; margin: 0 auto; background: #effaf2; min-height: 200px; position: relative; top:50%; z-index: 7000; font-size: 24px; text-align: center; } .ElaModal.active.tostart .ela-modal-close { top:0px !important; } .ela-modal-close { z-index: 111; position: absolute; right:0px; top:0px; cursor: pointer; width: 8%; height: 100%; background:#DBE5DD url('ela-modal-close.png') no-repeat center; } .ela-modal-title { text-align: left; font-size: 24px; padding: 10px 0 10px 0; width: 100%; background: #222328; position: relative; color: #fff; } .ela-modal-title span { width: 90%; padding: 0 0 0 2%; position: relative; display: inline-block; } .ela-modal-title.lines span { width: 88%; } .ela-modal-title.lines .ela-modal-close { width: 12%; background: url('../images/ela-modal-close.png') no-repeat center center; background-size: 30px 30px; } .ela-modal-content { text-align: left; font-size: 18px; width: 96%; padding: 20px 2% 20px 2%; } .ela-modal-content div { margin: 0 0 15px 0; } .ela-modal-content p { margin: 5px 0 5px 0; } .ela-modal-content input { width: 100%; padding: 7px 2% 7px 2%; outline: none; font-size: 18px; } .ela-modal-content textarea { width: 100%; padding: 7px 2% 7px 2%; outline: none; font-size: 18px; min-height: 150px; } .ela-modal-content > a:last-child { display: block; background: #e5e0e0; } .ela-modal-content > span:last-child { text-align: right; color: #c9d3cf; margin: 25px 0 0 0; display: block; font-size: 13px; } .ela-modal-content > span:last-child a { color: #c9d3cf; } .ela-modal-content > span:last-child a:hover { text-decoration: none; } .ElaModal.w100 .ela-modal-core { width: 100%; } .ElaModal.w90 .ela-modal-core { width: 90%; } .ElaModal.w80 .ela-modal-core { width: 80%; } .ElaModal.w70 .ela-modal-core { width: 70%; } .ElaModal.w60 .ela-modal-core { width: 60%; } .ElaModal.w50 .ela-modal-core { width: 50%; } .ElaModal.w40 .ela-modal-core { width: 40%; } .ElaModal.w30 .ela-modal-core { width: 30%; } .ElaModal.h100 .ela-modal-core { min-height: 100%; } .ElaModal.h90 .ela-modal-core { min-height: 90%; } .ElaModal.h80 .ela-modal-core { min-height: 80%; } .ElaModal.h70 .ela-modal-core { min-height: 70%; } .ElaModal.h60 .ela-modal-core { min-height: 60%; } .ElaModal.h50 .ela-modal-core { min-height: 50%; } .ElaModal.h40 .ela-modal-core { min-height: 40%; } .ElaModal.h30 .ela-modal-core { min-height: 30%; } @media (max-width: 975px) { .ela-modal-core { width: 86% !important; } } @media (max-width: 615px) { .ela-modal-core { width: 100% !important; } } /* ElaModal */