html { height: 100%; overflow: hidden scroll !important; }
body { margin: 0px; padding: 0px; font-weight: 400; font-size: 12px; height: 100%; text-align: center; background: rgb(69, 69, 69); color: rgb(0, 0, 0); font-family: Raleway, sans-serif; }
p { text-align: left; font-size: 12px; line-height: 24px; padding-bottom: 10px; font-weight: 500; }
blockquote { float: left; padding: 10px 20px; margin: 0px 0px 20px; font-size: 17.5px; border-left: 15px solid rgb(238, 238, 238); }
blockquote p { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: rgb(73, 73, 73); }
.text-subtitle { float: left; width: 100%; position: relative; font-size: 14px; font-weight: bold; font-family: Montserrat, sans-serif; text-transform: uppercase; color: rgb(102, 102, 102); padding-bottom: 10px; text-align: left; }
.text-title { float: left; width: 100%; position: relative; font-size: 26px; font-weight: bold; letter-spacing: 2px; color: rgb(25, 25, 25); text-transform: uppercase; text-align: left; padding-bottom: 10px; border-bottom: 1px solid rgb(238, 238, 238); margin-bottom: 10px; }
.loader-holder { position: fixed; width: 50px; height: 50px; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 150; }
.loader-inner { top: 0px; left: 0px; position: absolute; width: 50px; height: 50px; z-index: 20; transition: 0.4s ease-in-out; }
.loader { float: left; width: 50px; height: 50px; border-left: 10px solid rgb(64, 64, 64); animation: 1.1s linear 0s infinite normal none running load8; }
.loader, .loader::after { border-radius: 50%; width: 40px; height: 40px; }
@-webkit-keyframes load8 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes load8 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.container { max-width: 1024px; width: 92%; margin: 0px auto; position: relative; z-index: 5; }
#wrapper { float: left; width: 100%; position: relative; background: rgb(255, 255, 255); }
.content { width: 100%; position: relative; z-index: 4; float: left; padding: 0px 30px; background: rgb(255, 255, 255); }
.content.fscon { padding: 0px 70px; }
.column-wrap { float: right; width: 70%; position: relative; padding-right: 70px; }
.column-wrap #wrapper { padding: 0px 30px 60px; }
.fl-wrap { float: left; width: 100%; position: relative; }
.no-bg { background: none; }
.full-height { height: 100%; }
.full-width-wrap { width: 100%; }
.bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-size: cover; background-attachment: scroll; background-position: center center; background-repeat: repeat; background-origin: content-box; }
.bg.par-elem { height: 150%; top: -15%; }
.full-height-parallax { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; z-index: 2; }
.respimg { width: 100%; height: auto; }
.overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.2; }
.hero-wrap { position: relative; width: 100%; overflow: hidden; height: 100%; z-index: 10; }
.parallax-title { position: absolute; top: 10%; z-index: 1; font-size: 94px; color: rgb(0, 0, 0); opacity: 0.07; text-transform: uppercase; font-weight: 900; }
.parallax-title.left-pos { left: 0px; }
.parallax-title.right-pos { right: 50px; }
.no-padding { padding: 0px !important; }
.dec-list { float: left; width: 100%; }
.dec-list li { float: left; width: 100%; text-align: left; position: relative; padding: 15px 0px 15px 40px; font-size: 12px; border-bottom: 1px solid rgb(238, 238, 238); font-weight: 600; }
.dec-list li span { color: rgb(102, 102, 102); }
.dec-list li::before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: ""; position: absolute; top: 15px; font-size: 16px; left: 0px; }
.cts-dot { display: none; }
.fixed-column { position: fixed; top: 0px; left: 0px; width: 30%; height: 100%; padding-left: 70px; z-index: 4; transform: translate3d(0px, 0px, 0px); overflow: hidden; }
.progress-bar-wrap { position: absolute; top: 20px; left: 100px; right: 30px; height: 20px; z-index: 20; }
.progress-bar-wrap::before { content: ""; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.51); z-index: 1; }
.progress-bar { position: relative; height: 5px; width: 0%; border-radius: 3px; z-index: 2; top: 8px; }
.bg-title { position: absolute; bottom: -15%; left: 45%; font-size: 94px; width: 100%; min-height: 300px; text-transform: uppercase; font-weight: 900; transform: rotate(-90deg); transform-origin: left top; color: rgb(255, 255, 255); }
.column-image { transition: 600ms; }
.scrbg { opacity: 0; }
.mr-top { margin-top: 30px !important; }
.btn { float: left; margin-top: 10px; font-size: 14px; color: rgb(255, 255, 255); margin-right: 10px; text-align: center; width: auto; letter-spacing: normal; position: relative; vertical-align: middle; max-width: 100%; overflow: hidden; background: rgb(255, 214, 0); outline: none; padding: 15px 18px; display: inline-block; border-radius: 4px; }
.btn i { font-size: 15px; background: rgb(65, 65, 70); padding: 14px 20px; position: absolute; top: -2px; left: 0px; transition: 200ms linear; }
.btn.hide-icon span { padding: 0px 33px; transition: 500ms linear; font-family: Montserrat, sans-serif; font-size: 10px; text-transform: uppercase; }
.btn.hide-icon i { padding: 11px 20px 10px; left: -60px; height: 100%; line-height: 25px; display: inline-block; position: absolute; top: 0px; color: rgb(255, 255, 255) !important; }
.btn.hide-icon:hover i { left: 0px; }
.btn.hide-icon:hover span { padding-left: 59px; padding-right: 11px; }
header.main-header { position: fixed; width: 70px; height: 100%; background: rgb(56, 56, 56); z-index: 20; top: 0px; left: 0px; transform: translate3d(0px, 0px, 0px); }
.logo-holder { position: absolute; top: 60px; left: 15px; width: 40px; }
.logo-holder img { width: 40px; height: auto; float: left; }
.nav-button { position: absolute; width: 30px; height: 30px; margin-top: -15px; top: 50%; left: 20px; z-index: 10; cursor: pointer; }
.nav-button::after { content: "Menu"; position: absolute; top: -36px; left: -2px; font-family: Georgia, "Times New Roman", Times, serif; float: left; text-align: center; font-style: italic; color: rgb(255, 255, 255); visibility: hidden; opacity: 0 !important; transition: 300ms linear !important; }
.nav-button:hover::after { visibility: visible; top: -26px; opacity: 1 !important; }
.menu-global { backface-visibility: hidden; position: absolute; left: 0px; border-top: 3px solid rgb(255, 255, 255); width: 100%; transition: 0.55s; }
.menu-top { top: 0px; }
.menu-middle { top: 10px; }
.menu-bottom { top: 20px; }
.menu-top-click { backface-visibility: hidden; top: 10px; transform: rotate(45deg); transition: 0.55s 0.5s; }
.menu-middle-click { opacity: 0; }
.menu-bottom-click { backface-visibility: hidden; top: 10px; transform: rotate(-405deg); transition: 0.55s 0.5s; }
.hid-men-wrap { width: 100%; left: 0px; position: absolute; top: 55%; overflow: hidden; }
.sliding-menu ul { margin: 0px; float: left; width: 100%; overflow: hidden; }
.sliding-menu li { margin: 0px; position: relative; float: left; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.18); }
.sliding-menu li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.11); }
.sliding-menu a { float: left; width: 100%; padding: 12px 5px; position: relative; font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; color: rgb(255, 255, 255); line-height: 20px; }
.menu-wrap { position: fixed; z-index: 19; width: 370px; top: 0px; bottom: 0px; font-size: 1.15em; padding-left: 10px; transform: translate3d(-320px, 0px, 0px); transition: transform 0.4s; }
.menu-inner::before { content: ""; position: absolute; bottom: 20px; left: 35px; right: 15px; height: 1px; }
.menu { position: relative; z-index: 1000; }
.menu-inner { opacity: 0; transform: translate3d(-160px, 0px, 0px); transition: opacity cubic-bezier(0.17, 0.67, 0.1, 1.27) 0.3s, transform 0.3s; }
.morph-shape { position: absolute; width: 100%; height: 100%; top: 0px; right: 0px; fill: rgba(0, 0, 0, 0.71); }
.menu-inner { float: left; width: 100%; height: 100%; position: relative; z-index: 1000; }
.menu-logo { position: absolute; top: 45px; left: 0px; width: 100%; }
.menu-logo img { width: 150px; height: auto; margin: 0px auto; }
.show-menu .menu-wrap { transition-delay: 0s; }
.show-menu .menu-wrap, .show-menu .menu-inner, .show-menu .morph-shape { transform: translate3d(20px, 0px, 0px); }
.show-menu .menu-inner { opacity: 1; transition: opacity 0.3s 0.4s, transform 0.3s; }
.footer-social { position: absolute; top: 80px; width: 100%; z-index: 2; left: 0px; }
.footer-social::before, .footer-social::after { content: ""; position: absolute; left: 6px; right: 6px; height: 1px; background: rgba(255, 255, 255, 0.21); }
.footer-social::before { top: -20px; }
.footer-social::after { bottom: -20px; }
.footer-social li { float: left; width: 100%; margin-bottom: 8px; }
.footer-social li a { width: 30px; margin-left: 18px; height: 30px; float: left; line-height: 30px; border-radius: 100%; color: rgb(56, 56, 56); background: rgb(242, 242, 242); transition: 400ms cubic-bezier(0.215, 0.61, 0.355, 1); }
.footer-social li a:hover { box-shadow: rgb(153, 153, 153) 0px 0px 50px -2px; }
.main-footer { position: fixed; width: 70px; height: 100%; background: rgb(64, 64, 64); border-left: 1px solid rgba(255, 255, 255, 0.21); z-index: 120; top: 0px; right: 0px; transform: translate3d(0px, 0px, 0px); }
.copyright { position: absolute; bottom: 30px; left: 30px; width: 250px; text-align: left; color: rgb(255, 255, 255); font-size: 11px; font-weight: 600; letter-spacing: 1px; transform: rotate(-90deg); transform-origin: left top; }
.mail-link { position: absolute; top: 20px; width: 100%; left: 0px; font-size: 14px; color: rgba(255, 255, 255, 0.51); transition: 500ms linear; }
.arrowpagenav { position: fixed; top: 50%; left: 30%; width: 40px; height: 110px; background: rgb(64, 64, 64); z-index: 4; margin: -55px 0px 0px -20px; border-radius: 26px; }
.arrowpagenav::before { content: ""; position: absolute; top: 50%; left: 10px; right: 10px; height: 1px; border-top: 1px solid rgba(255, 255, 255, 0.21); }
.arrowpagenav a { width: 40px; height: 40px; margin-top: 10px; float: left; line-height: 40px; font-size: 16px; color: rgb(255, 255, 255); position: relative; }
.arrowpagenav a::before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; color: rgb(255, 255, 255); top: 0px; font-size: 16px; left: 0px; line-height: 40px; width: 40px; height: 40px; }
.arrowpagenav a.cts-down::before { content: ""; }
.arrowpagenav a.cts-up::before { content: ""; }
.small-pad-sec { padding-bottom: 10px; }
.small-sec { padding: 30px 0px; }
.bold-separator { width: 70px; height: 6px; background: rgb(0, 0, 0); float: left; margin-top: 15px; }
.scroll-nav-holder { box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 6px; background: rgb(64, 64, 64); float: left; width: 100%; position: relative; z-index: 6; transform: translate3d(0px, 0px, 0px); }
.scroll-nav ul { float: left; width: 100%; }
.scroll-nav li { float: left; border-right: 1px solid rgba(255, 255, 255, 0.21); box-sizing: border-box; overflow: hidden; background: rgb(64, 64, 64); }
.scroll-nav li:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.scroll-nav li a { font-weight: 700; font-size: 10px; position: relative; float: left; width: 100%; padding: 25px 0px; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 2px; }
.scroll-nav a.external { background: rgb(88, 88, 88); }
.scroll-nav li a span { position: relative; z-index: 2; transition: 500ms linear; }
.scroll-nav li a:hover span { opacity: 0.5; }
.scroll-nav li a::before, .scroll-nav li a::after { content: ""; position: absolute; height: 0px; width: 50%; opacity: 0; z-index: 1; transition: 0.7s ease-in-out; }
.scroll-nav li a::before { top: 0px; left: 0px; }
.scroll-nav li a::after { bottom: 0px; right: 0px; }
.scroll-nav li a.act-link::before, .scroll-nav li a.act-link::after { height: 100%; opacity: 1; }
section { float: left; width: 100%; position: relative; padding: 70px 0px; }
section.dec-sec::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 50%; height: 1px; border-top: 1px dashed rgb(204, 204, 204); }
section.dec-sec::after { content: ""; position: absolute; bottom: 0px; left: 50%; width: 7px; height: 7px; border-radius: 100%; background: rgb(238, 238, 238); margin-bottom: -2px; margin-left: 15px; }
.section-title { float: left; width: 100%; position: relative; padding-bottom: 30px; }
.section-title h2 { float: left; width: 100%; padding: 6px 0px; font-size: 46px; text-align: left; color: rgb(102, 102, 102); font-family: Raleway, sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; position: relative; }
.section-title h2::before { content: ""; position: absolute; top: -15px; left: -15px; width: 100px; height: 100px; background: rgb(238, 238, 238); z-index: -1; opacity: 0.8; }
.section-title p { float: left; text-align: left; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: rgb(73, 73, 73); max-width: 500px; }
.hero-slider-holder { position: relative; overflow: hidden; z-index: 2; }
.hero-wrap-item, .carousel-item, .error-wrap { position: relative; width: 100%; top: 50%; left: 0px; float: left; z-index: 6; }
.hero-wrap-item.single-title-wrap { padding-left: 15%; }
.hero-wrap-item.single-title-wrap::before { content: ""; position: absolute; top: -50px; left: 13%; width: 1px; bottom: -50px; background: rgba(255, 255, 255, 0.21); }
.hero-wrap-item.left-her .container { border-left: 1px solid rgba(255, 255, 255, 0.21); padding: 50px 0px 50px 40px; }
.hero-wrap-item.right-her .container { border-right: 1px solid rgba(255, 255, 255, 0.21); padding: 50px 40px 50px 0px; }
.entry-wrap { position: absolute; }
.num-holder3 { position: absolute; top: 50px; right: 30px; width: 60px; height: 30px; line-height: 30px; color: rgb(255, 255, 255); z-index: 15; font-weight: 200; background: rgba(255, 255, 255, 0.21); border-radius: 4px; }
.hero-wrap .overlay { z-index: 5; }
.slnop .num-holder3 { top: 100%; margin-top: -90px; }
.hero-wrap-item h2 { color: rgb(255, 255, 255); font-size: 64px; font-weight: 900; float: left; width: 100%; }
.hero-wrap-item.left-her { text-align: left; }
.hero-wrap-item.right-her { text-align: right; }
.hero-wrap-item.right-her .btn, .hero-wrap-item.right-her p { float: right !important; }
.hero-wrap-item h4, .hero-wrap-item h4 a { color: rgb(255, 255, 255); }
.hero-wrap-item p { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: rgb(255, 255, 255); }
.hero-wrap-item h3 { font-size: 20px; color: rgb(255, 255, 255); float: left; width: 100%; position: relative; font-weight: 500; padding: 10px 0px; }
.hero-slider .overlay { opacity: 0.4; }
.customNavigation.gals a { position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; z-index: 10; line-height: 40px; color: rgb(255, 255, 255); background: rgb(41, 41, 41); border-radius: 4px; font-size: 12px; cursor: pointer; }
.customNavigation.gals a.next-slide { right: 30px; }
.customNavigation.gals a.prev-slide { left: 30px; }
.hero-wrap { padding: 0px 70px; }
.mm-par-wrap { position: absolute; inset: 5% 5% 5% 25%; perspective: 1000px; z-index: 1; }
.mm-par-wrap::before { content: ""; position: absolute; inset: -10px -10px -10px 20%; border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(238, 238, 238) currentcolor; border-image: initial; box-sizing: border-box; }
.mm-parallax { transition: 4000ms cubic-bezier(0.19, 1, 0.22, 1); }
.impulse-wrap { background: rgb(255, 255, 255); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; }
.hero-item { position: absolute; top: 0px; left: 70px; right: 70px; height: 100%; z-index: 1; }
.mm-parallax { position: absolute; inset: 0px; overflow: hidden; box-shadow: rgba(18, 17, 30, 0.15) 0px 20px 25px 0px; border-radius: 10px; }
.impulse-wrap::before { content: ""; position: absolute; top: 0px; left: 0px; width: 30%; height: 100%; background: url("../images/impulse.png"); }
.single-carousel .item { position: relative; overflow: hidden; }
.carousel-item h3 { font-size: 36px; text-align: center; font-weight: 800; position: relative; }
.carousel-item h3::before { content: ""; position: absolute; bottom: -10px; left: 50%; width: 50px; height: 2px; margin-left: -25px; transition: 0.3s ease-in-out; }
.carousel-item h3:hover::before { width: 100px; margin-left: -50px; }
.carousel-item h3, .carousel-item h3 a { color: rgb(255, 255, 255); }
.single-carousel .item::before, .single-carousel .item::after { content: ""; position: absolute; left: 20%; right: 20%; background: rgba(255, 255, 255, 0.41); height: 1px; z-index: 2; }
.single-carousel .item::before { top: 50px; }
.single-carousel .item::after { bottom: 50px; }
.single-carousel .item .bg { transition: 0.5s ease-in-out; }
.bg.hov-rot { transform: scale(1.2); }
.single-carousel .item p, .error-wrap p { padding-top: 30px; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: rgb(238, 238, 238); text-align: center; }
.error-wrap h2 { color: rgb(255, 255, 255); font-size: 154px; font-weight: 700; position: relative; }
.error-wrap .btn { float: none; display: inline-table; }
.error-wrap h2::before { content: ""; position: absolute; bottom: -10px; left: 50%; width: 50px; height: 1px; margin-left: -25px; background: rgba(255, 255, 255, 0.51); }
.error-wrap p { font-size: 17px; }
.inline-facts { float: left; width: 25%; box-sizing: border-box; position: relative; }
.inline-facts::before, .inline-facts::after, .milestone-counter::before, .milestone-counter::after { content: ""; position: absolute; width: 50px; height: 50px; z-index: 1; box-sizing: border-box; }
.inline-facts::before { top: 0px; left: 10px; border-top: 1px solid rgb(238, 238, 238); border-left: 1px solid rgb(238, 238, 238); }
.inline-facts::after { top: 0px; right: 10px; border-top: 1px solid rgb(238, 238, 238); border-right: 1px solid rgb(238, 238, 238); }
.num { float: left; width: 100%; font-size: 56px; color: rgb(51, 55, 67); font-family: Montserrat, sans-serif; font-weight: 900; text-transform: uppercase; padding-top: 10px; }
.milestone-counter { float: left; width: 100%; position: relative; }
.stats { float: left; width: 100%; position: relative; }
.stats::before { content: ""; position: absolute; inset: 6px 20px -22px; z-index: -1; background: rgb(249, 249, 249); }
.milestone-counter::before { bottom: -35px; left: 10px; border-bottom: 1px solid rgb(238, 238, 238); border-left: 1px solid rgb(238, 238, 238); }
.milestone-counter::after { bottom: -35px; right: 10px; border-bottom: 1px solid rgb(238, 238, 238); border-right: 1px solid rgb(238, 238, 238); }
.inline-facts h6 { font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: rgb(102, 102, 102); }
.inline-facts i { color: rgb(238, 238, 238); position: absolute; bottom: -40px; left: 50%; width: 30px; border-radius: 100%; margin-left: -15px; font-size: 26px; }
.custom-inner-holder { float: left; margin-top: 60px; width: 100%; padding-left: 20px; border-left: 1px solid rgb(238, 238, 238); }
.custom-inner { float: left; width: 100%; position: relative; margin-bottom: 50px; }
.custom-inner:last-child { margin-bottom: 0px; }
.resum-header h3 { float: left; padding-bottom: 20px; font-weight: 600; font-size: 18px; text-align: left; }
.resum-header { float: left; width: 100%; position: relative; padding: 30px 10px 30px 70px; background: rgb(249, 249, 249); }
.resum-header::after { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; color: rgb(102, 102, 102); bottom: 10px; font-size: 70px; right: 10px; opacity: 0.08; transform: rotate(45deg); }
.resum-header.educ::after { content: ""; }
.resum-header.workres::after { content: ""; }
.resum-header::before { content: ""; position: absolute; top: 50%; left: -26px; width: 10px; height: 10px; margin-top: -10px; border-radius: 100%; }
.resum-header span { font-size: 16px; text-transform: uppercase; width: 100%; color: rgb(102, 102, 102); text-align: left; float: left; }
.resum-header i { width: 40px; height: 40px; line-height: 40px; border: 1px solid rgb(238, 238, 238); position: absolute; border-radius: 4px; top: 50%; left: 15px; margin-top: -40px; background: rgb(255, 255, 255); }
.custom-inner h4 { float: left; width: 100%; padding-bottom: 20px; font-weight: 800; text-transform: uppercase; text-align: left; }
.custom-inner-dec { float: left; width: 100%; margin-top: 10px; background: rgb(238, 238, 238); height: 1px; }
.custom-inner ul { float: left; width: 100%; padding: 10px 0px 10px 13px; list-style: decimal; }
.custom-inner ul li { float: left; width: 100%; padding: 5px 0px 5px 10px; text-align: left; font-weight: 800; color: rgb(102, 102, 102); }
.custom-inner .content-nav ul { position: relative; left: 0px; padding: 0px; list-style: none; }
.custom-inner .content-nav ul li { float: left; width: 50%; padding: 0px; }
.custom-inner .btn { margin-top: 20px; }
.sl-tabs { float: left; width: 100%; position: relative; }
.sl-tabs li { color: rgb(34, 34, 34); float: left; width: 100%; cursor: pointer; }
.tb-item { float: left; width: 100%; padding: 20px 10px; background: rgb(249, 249, 249); border-bottom: 1px solid rgb(238, 238, 238); }
.sl-tabs li i { float: left; width: 100%; font-size: 28px; margin-bottom: 10px; opacity: 0.8; }
.sl-tabs li i, .tb-item, .det-box h3 a, .det-box-link { transition: 0.3s ease-in-out; }
.sl-tabs li h3, .tab-content h3 { font-weight: 700; font-family: Montserrat, sans-serif; }
.tab-content { display: none; float: left; width: 100%; position: relative; border-bottom: 1px solid rgb(238, 238, 238); border-right: 1px solid rgb(238, 238, 238); padding: 0px 20px 20px 0px; }
.tab-content::before { content: ""; position: absolute; bottom: 0px; right: 0px; width: 0px; height: 0px; border-style: solid; border-width: 0px 0px 50px 50px; border-color: transparent transparent rgb(255, 255, 0); }
.tab-content img { margin-bottom: 10px; }
.tab-content p { font-size: 13px; }
.tab-content.current { display: inherit; }
.tab-content h3 { text-align: left; float: left; width: 100%; padding: 10px 0px; font-size: 18px; }
.sl-tabs li.current i { color: rgb(255, 255, 255); }
.price { float: left; margin-top: 30px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: left; color: rgb(255, 255, 255); position: relative; font-size: 19px; padding: 20px 30px; background: rgb(64, 64, 64); }
.order-wrap { padding: 30px 25px; margin-top: 30px; overflow: hidden; position: relative; }
.order-wrap::before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: ""; position: absolute; color: rgb(238, 238, 238); top: -30px; font-size: 50px; right: 20%; opacity: 0.46; transform: scale(5.2) rotate(45deg); transition: 300ms linear; }
.order-wrap:hover::before { transform: scale(3.2) rotate(25deg); }
.order-wrap h4 { font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: left; color: rgb(102, 102, 102); position: relative; top: 6px; }
.order-wrap a.ord-link { float: right; color: rgb(255, 255, 255); font-size: 10px; font-weight: 700; padding: 15px 20px; background: rgb(41, 41, 41); border-radius: 6px; position: relative; text-transform: uppercase; }
.order-wrap a.ord-link:hover { color: rgba(255, 255, 255, 0.51); }
.skills-wrap { float: left; width: 100%; position: relative; }
.skillbar-box { float: left; width: 100%; position: relative; margin-bottom: 50px; }
.skillbar-bg { position: relative; display: block; float: left; width: 100%; height: 14px; overflow: hidden; background: rgb(238, 238, 238); border-radius: 4px; }
.custom-skillbar-title span { float: left; font-size: 13px; margin-top: 12px; padding-bottom: 6px; font-weight: 600; }
.custom-skillbar { height: 14px; width: 0px; }
.skill-bar-percent { float: right; font-size: 13px; margin-top: 13px; padding-bottom: 6px; font-weight: 600; }
.bold-title { float: left; font-size: 24px; font-weight: 800; color: rgb(102, 102, 102); text-align: left; position: relative; padding-bottom: 15px; }
.bold-title::before { content: ""; position: absolute; bottom: -5px; left: 0px; width: 50px; height: 4px; }
.piechart-holder { padding: 25px 0px; }
.piechart-holder h4 { font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: rgb(41, 41, 41); float: left; padding: 13px 30px; background: rgb(238, 238, 238); position: relative; border-radius: 4px; }
.piechart-holder h4::before { content: ""; position: absolute; width: 1px; height: 120px; top: -100px; right: 10px; background: rgb(238, 238, 238); z-index: -1; transform: rotate(45deg); }
.chart { position: relative; float: right; width: 150px; height: 150px; border-radius: 100%; margin-bottom: 26px; text-align: center; }
.chart canvas { position: absolute; top: 0px; left: 0px; }
.piechart { position: relative; }
.percent { display: inline-block; font-size: 15px; color: rgb(102, 102, 102); line-height: 150px; z-index: 2; }
.percent::after { content: "%"; margin-left: 0.1em; font-size: 16px; }
.angular { margin-top: 100px; }
.angular .chart { margin-top: 0px; }
.testimonials-slider-holder { padding: 40px 0px; margin-bottom: 40px; }
.testimonials-slider-holder .item { padding-left: 100px; }
.testi-item p { text-align: left; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: rgb(153, 153, 153); padding: 25px 0px 30px; position: relative; font-size: 14px; }
.full-height-section .testi-item p { color: rgb(0, 0, 0); }
.testi-image { position: absolute; top: 50%; left: 0px; width: 80px; height: 80px; margin-top: -40px; }
.testi-item img { height: 80px; border-radius: 100%; margin: 0px auto 20px; width: 80px !important; }
.testi-text { background: rgb(249, 249, 249); padding: 25px; }
.testi-text::before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: ""; position: absolute; color: rgb(238, 238, 238); top: -10px; font-size: 50px; right: 20%; opacity: 0.46; transform: scale(5.2) rotate(45deg); transition: 300ms linear; }
.testi-item h3 { font-size: 18px; font-weight: 700; padding-bottom: 15px; float: left; width: 100%; text-align: left; }
.testi-item a.testim-link { font-size: 14px; font-weight: 700; float: left; position: relative; }
.testi-item a.testim-link::before { content: ""; position: absolute; top: -12px; left: 50%; width: 70px; margin-left: -35px; height: 1px; border-top: 1px dotted rgb(204, 204, 204); }
.testimonials-slider-holder .customNavigation a { position: absolute; bottom: -5px; width: 40px; height: 40px; cursor: pointer; z-index: 20; line-height: 40px; font-size: 16px; border-radius: 4px; }
.testimonials-slider-holder .customNavigation a.next-slide { right: 50%; margin-right: -70px; }
.testimonials-slider-holder .customNavigation a.prev-slide { left: 50%; margin-left: -70px; }
.testimonials-slider ul.star-rating { float: left; width: 100%; margin: 4px 0px 20px; }
.testimonials-slider ul.star-rating li { float: left; margin-right: 10px; font-size: 14px; }
.teti-counter { display: inline-table; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: rgb(153, 153, 153); position: relative; top: 30px; }
.clients-list::before { content: ""; position: absolute; bottom: -20px; width: 100px; height: 1px; left: 50%; margin-left: -50px; border-bottom: 1px dashed rgb(204, 204, 204); }
.clients-list li { float: left; width: 20%; padding: 40px; position: relative; }
.clients-list a, .clients-list a span { position: relative; float: left; background: rgb(249, 249, 249); }
.clients-list a::before, .clients-list a::after, .clients-list a span::before, .clients-list a span::after { content: ""; position: absolute; width: 50px; height: 50px; z-index: 1; box-sizing: border-box; }
.clients-list a::before { top: -10px; left: -10px; border-top: 1px solid rgb(238, 238, 238); border-left: 1px solid rgb(238, 238, 238); }
.clients-list a::after { top: -10px; right: -10px; border-top: 1px solid rgb(238, 238, 238); border-right: 1px solid rgb(238, 238, 238); }
.clients-list a span::before { bottom: -10px; left: -10px; border-bottom: 1px solid rgb(238, 238, 238); border-left: 1px solid rgb(238, 238, 238); }
.clients-list a span::after { bottom: -10px; right: -10px; border-bottom: 1px solid rgb(238, 238, 238); border-right: 1px solid rgb(238, 238, 238); }
.clients-list a:hover { opacity: 0.6; }
.clients-list a img { float: left; width: 100%; position: relative; height: auto; }
.to-top-wrap { float: left; width: 100%; position: relative; padding: 30px 0px; }
.to-top-wrap i { position: absolute; top: -35px; left: 50%; width: 30px; margin-left: -15px; font-size: 18px; }
.to-top-wrap a { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: rgb(153, 153, 153); }
.gallery-items { float: left; width: 100%; position: relative; }
.grid-item-holder { float: left; width: 100%; height: auto; position: relative; overflow: hidden; }
.spad .grid-item-holder { padding: 6px; }
.min-pad .grid-item-holder { padding: 2px; }
.hid-port-info .grid-item-holder { overflow: hidden; }
.grid-big-pad .grid-item-holder { padding: 40px; }
.grid-small-pad .grid-item-holder { padding: 10px 20px 10px 0px; }
.gallery-item, .grid-sizer { width: 33.3%; position: relative; float: left; }
.gallery-item-second, .grid-sizer-second { width: 66.6%; }
.four-column .gallery-item { width: 25%; }
.four-column .gallery-item.gallery-item-second { width: 50%; }
.gallery-item img, .grid-sizer img { width: 100%; height: auto; position: relative; z-index: 1; }
.grid-det { background: rgb(249, 249, 249); padding: 18px 10px; text-align: left; border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(238, 238, 238) rgb(238, 238, 238); border-image: initial; box-sizing: border-box; overflow: hidden; }
.grid-det h3 { font-weight: 700; font-size: 18px; float: left; width: 100%; position: relative; padding: 10px 0px 10px 30px; z-index: 2; }
.grid-det h3:hover::before { width: 100px; }
.grid-det h3::before { content: ""; position: absolute; top: 50%; left: 0px; width: 20px; height: 2px; margin-top: -1px; }
.grid-det span { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: rgb(153, 153, 153); float: left; padding-left: 30px; position: relative; z-index: 2; }
.grid-det i { font-size: 76px; color: rgb(238, 238, 238); position: absolute; bottom: -15px; right: 10px; transform: rotate(35deg); z-index: 1; }
.inline-filter .gallery-filters { float: left; border: 1px solid rgb(238, 238, 238); margin-bottom: 40px; border-radius: 18px; overflow: hidden; }
.inline-filter .gallery-filters a { float: left; padding: 12px 28px; border-radius: 18px; }
.box-item { overflow: hidden; }
.box-item.vis-det::before { content: ""; position: absolute; z-index: 10; inset: 15px; background: rgba(0, 0, 0, 0.51); opacity: 0; visibility: hidden; }
.box-item.vis-det a.image-popup, .box-item.vis-det a.popgal { position: absolute; top: -10%; left: 50%; width: 40px; height: 40px; line-height: 40px; margin-left: -20px; margin-top: -20px; border-radius: 100%; z-index: 11; color: rgb(255, 255, 255); cursor: pointer; }
.box-item.vis-det:hover::before { opacity: 1; visibility: visible; }
.box-item.vis-det a.image-popup:hover, .box-item.vis-det a.popgal:hover { color: rgb(0, 0, 0); }
.box-item.vis-det:hover a.image-popup, .box-item.vis-det:hover a.popgal { top: 50%; }
.box-item.vis-det a.image-popup, .box-item.vis-det::before, .grid-det h3::before, .hd-box-wrap h2::before, .box-item.vis-det a.popgal { transition: 300ms linear; }
.inline-filter .folio-counter { float: left; margin-left: 60px; position: relative; padding: 12px 20px; border-radius: 4px; }
.inline-filter .folio-counter::before { content: ""; position: absolute; left: -30px; height: 24px; top: 6px; width: 1px; background: rgb(204, 204, 204); transform: rotate(35deg); }
.inline-filter .folio-counter div { display: inline-block; padding: 0px 6px; }
.fixed-filter { position: fixed; top: 10px; right: 90px; width: 200px; z-index: 40; }
.fixed-filter .filter-button { float: left; width: 120px; background: rgb(56, 56, 56); padding: 15px 0px; cursor: pointer; color: rgb(255, 255, 255); font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.fixed-filter .filter-button:hover { color: rgba(255, 255, 255, 0.51); }
.fixed-filter .folio-counter { float: left; width: 80px; padding: 15px 0px; position: relative; font-weight: 600; color: rgb(51, 51, 51); border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.fixed-filter .folio-counter::before { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 1px; margin-left: -5px; background: rgb(64, 64, 64); }
.fixed-filter .folio-counter div { display: inline-block; padding: 0px 10px; }
.fixed-filter .gallery-filters { float: left; width: 100%; position: relative; background: rgba(51, 51, 51, 0.81); padding: 10px 20px 15px; display: none; }
.vc_row .fixed-filter .gallery-filters { max-height: 290px; overflow-y: scroll; }
.page-template-portfolio-page .fixed-filter .gallery-filters { max-height: 500px; overflow-y: scroll; }
.fixed-filter .gallery-filters a { float: left; width: 100%; color: rgb(255, 255, 255); padding: 12px 0px; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.21); }
.no-pad-wrap { padding-left: 1px; }
.box-item.hd-box { position: absolute; width: 100%; height: 100%; left: -100%; top: 0px; padding: 20px 20px 14px; z-index: 10; }
.box-item.hd-box .fl-wrap { background: rgba(64, 64, 64, 0.61); }
.hd-box-wrap { position: absolute; bottom: 20px; left: 0px; width: 100%; padding: 0px 30px; }
.hd-box-wrap h2 { text-align: left; position: relative; color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; float: left; width: 100%; padding-top: 15px; padding-bottom: 10px; padding-left: 40px; border-top: 1px solid rgba(255, 255, 255, 0.21); }
.hd-box-wrap h2::before { content: ""; position: absolute; top: 50%; left: 0px; width: 30px; height: 1px; margin-top: 4px; background: rgb(255, 255, 255); z-index: 2; }
.hd-box-wrap h2::after { content: ""; position: absolute; top: 0px; right: 0px; width: 0px; height: 0px; border-style: solid; border-width: 0px 20px 15px 0px; }
.hd-box-wrap h2:hover::before { width: 100px; }
.hd-box-wrap h2 a { color: rgb(255, 255, 255); }
.hd-box-wrap p { text-align: left; width: 100%; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: rgb(255, 255, 255); float: left; padding-left: 40px; }
.three-ver-columns .hd-box-wrap p { font-size: 11px; }
.hd-box-wrap p a { color: rgba(255, 255, 255, 0.71); }
.box-item.hd-box .image-popup { position: absolute; top: 30px; left: 30px; z-index: 10; width: 40px; height: 40px; line-height: 40px; border-radius: 100%; color: rgb(255, 255, 255); cursor: pointer; }
.slider-zoom { position: absolute; top: 30px; right: 30px; width: 36px; height: 36px; border-radius: 100%; line-height: 36px; color: rgb(255, 255, 255); z-index: 5; cursor: pointer; background: rgba(64, 64, 64, 0.61); }
.page-nav { float: left; width: 100%; position: relative; margin-top: 50px; }
.page-nav::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background: rgb(238, 238, 238); }
.page-nav a { padding: 13px 20px; color: rgb(0, 0, 0); border-radius: 3px; position: relative; background: rgb(56, 56, 56); }
.page-nav a.ppn { float: left; }
.page-nav a.npn { float: right; }
.tooltip, .project-pagination ul li a, #contact-form input[type="submit"] { transition: 0.3s ease-in-out; }
.tooltip { width: 200px; height: auto; line-height: 20px; padding: 10px; font-size: 11px; color: rgb(255, 255, 255); text-align: center; text-indent: 0px; position: absolute; background: rgb(69, 69, 69); bottom: 0px; opacity: 0; margin-bottom: 20px; visibility: hidden; pointer-events: none; z-index: 6; }
.tooltip h5 { font-size: 10px; margin-top: 12px; padding: 5px 0px; position: relative; display: inline-table; font-family: Montserrat, sans-serif; text-transform: uppercase; letter-spacing: 1px; }
.page-nav a:hover .tooltip { visibility: visible; opacity: 1; bottom: 100%; }
.page-nav a.npn .tooltip { right: 0px; }
.page-nav a.ppn .tooltip { left: 0px; }
.mar-top-50 { margin-top: 30px; }
.popup-gallery a { float: left; width: 100%; position: relative; transition: 0.4s ease-in-out; }
.popup-gallery a:hover { opacity: 0.6; }
.box-pop { position: relative; float: left; width: 100%; overflow: hidden; }
.iframe-holder { float: left; position: relative; width: 100%; }
.resp-video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0px; overflow: hidden; margin-bottom: 20px; }
.resp-video iframe, .resp-video object, .resp-video embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.video-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; }
.background-video { z-index: 1; }
.media-container { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.video-controls { position: absolute; z-index: 4; bottom: 50px; right: 150px; color: rgb(204, 204, 204); cursor: pointer; }
.media-container .overlay { z-index: 3; opacity: 0.4; }
.mob-bg { display: none; }
.background-video { inset: 0px; overflow: hidden; position: absolute; }
video, source { bottom: 0px; left: 0px; min-height: 100%; min-width: 100%; position: absolute; }
.loaded .ytplayer-container { display: block; }
.ytplayer-container { inset: 0px; height: 100%; min-width: 100%; overflow: hidden; position: absolute; z-index: 0; }
.ytplayer-shield { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 2; }
.ytplayer-player { position: absolute; }
.contact-info { float: left; width: 100%; position: relative; padding: 20px 0px; border-bottom: 1px dashed rgb(238, 238, 238); }
.contact-info::before { content: ""; position: absolute; bottom: 0px; right: 0px; width: 0px; height: 0px; border-style: solid; border-width: 0px 0px 10px 10px; border-color: transparent transparent rgb(255, 255, 0); }
.contact-info h4 { text-align: left; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: rgb(153, 153, 153); float: left; width: 100%; }
.contact-info h3 { float: left; width: 100%; text-align: left; font-size: 15px; font-weight: 700; color: rgb(153, 153, 153); padding: 10px 0px; }
.contact-info a { float: left; font-size: 14px; font-weight: 700; }
.contact-social { margin-top: 30px; }
.contact-social li { float: left; margin-right: 4px; }
.contact-social li a { width: 36px; height: 36px; line-height: 36px; float: left; border-radius: 100%; background: rgb(238, 238, 238); color: rgb(102, 102, 102); }
#contact-form { float: left; max-width: 600px; padding-top: 30px; }
.input-wrap { float: left; width: 100%; border: 1px solid rgb(238, 238, 238); position: relative; padding-left: 30px; margin-bottom: 12px; background: rgb(249, 249, 249); border-radius: 4px; }
.input-wrap i { position: absolute; top: 13px; left: 10px; color: rgb(153, 153, 153); font-size: 15px; }
#contact-form input[type="text"], #contact-form textarea { color: rgb(102, 102, 102); font-weight: 600; font-size: 12px; padding: 15px 0px 15px 10px; width: 100%; background: none; border: 0px; border-radius: 0px; position: relative; }
#contact-form input[type="text"]:focus, #contact-form textarea:focus, input[type="email"]:focus { color: rgb(0, 0, 0); }
#contact-form textarea { height: 170px; resize: none; background: rgb(249, 249, 249); border-radius: 4px; border: 1px solid rgb(238, 238, 238); }
#submit, .controls button { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 14px 20px; line-height: 14px; cursor: pointer; font-size: 13px; color: rgb(64, 64, 64); margin-top: 40px; font-weight: 700; appearance: none; float: left; background: rgb(64, 64, 64); border-radius: 4px; }
#submit:hover, .controls button:hover { background: rgb(41, 41, 41); color: rgb(255, 255, 255); }
.error_message { text-align: left; margin-bottom: 30px; font-size: 16px; color: rgb(0, 0, 0); font-family: Montserrat, sans-serif; text-transform: uppercase; }
#success_page h3 { text-align: left; font-size: 18px; font-family: Montserrat, sans-serif; text-transform: uppercase; }
#success_page p { color: rgb(0, 0, 0); margin-top: 10px; }
#message fieldset { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: rgb(0, 0, 0); }
.con-image { margin: 35px 0px; }
.map-box { float: left; width: 100%; height: 400px; position: relative; margin: 40px 0px; }
#map-canvas { position: absolute; top: 0px; left: 0px; width: 100%; height: 400px; }
.map-box.column-map, .map-box.column-map #map-canvas { height: 100%; margin: 0px; }
article, .pagination { float: left; width: 100%; position: relative; }
.custom-slider .box-links { text-align: center !important; }
article p { float: left; width: 100%; padding-bottom: 20px; text-align: left; position: relative; }
article { margin-bottom: 20px; border: 1px solid rgb(238, 238, 238); border-radius: 4px; overflow: hidden; background: rgb(249, 249, 249); }
.post-item { padding: 10px 20px 20px; z-index: 2; }
.artcicle-icon { position: absolute; right: 20px; bottom: 60px; z-index: -1; }
.artcicle-icon i { font-size: 76px; color: rgb(204, 204, 204); transform: rotate(35deg); opacity: 0.6; }
.display-posts p { line-height: 25px; }
article h4 { font-size: 24px; line-height: 36px; font-style: normal; font-weight: 700; color: rgb(34, 34, 34); text-align: left; padding-bottom: 10px !important; }
article h4 a:hover { color: rgb(102, 102, 102); }
.post-media { float: left; width: 100%; position: relative; margin: 0px 0px 20px; }
.post-meta { margin: 14px 0px; float: left; }
.display-posts article { border-bottom: 1px solid rgb(238, 238, 238); padding: 0px 0px 30px; margin-bottom: 30px; }
.post-meta li { display: inline-block; margin-right: 8px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 13px; color: rgb(102, 102, 102); text-align: left; }
.post-meta li a { font-size: 15px; }
.mas-posts article ul.post-meta li { margin-bottom: 6px; }
.post-tags { float: right; position: relative; top: 20px; }
.post-tags.single-tags { top: 0px; float: left; margin-top: 30px; }
.post-tags li, .tagcloud li { margin-left: 4px; float: left; }
.post-tags li a, .tagcloud li a { float: left; font-size: 10px; border-radius: 4px; padding: 8px 10px; background: rgb(64, 64, 64); margin-bottom: 3px; color: rgb(255, 255, 255); transition: 300ms linear; }
.post-tags li a:hover, .tagcloud li a:hover { color: rgb(41, 41, 41); }
.pagination { margin-top: 20px; text-align: center; vertical-align: middle; border: 1px solid rgba(0, 0, 0, 0.07); border-radius: 4px; float: left; width: 100%; }
.pagination a { float: left; padding: 12px 18px; position: relative; font-size: 13px; color: rgb(102, 102, 102); letter-spacing: 1px; border-right: 1px solid rgba(0, 0, 0, 0.07); }
.pagination a.current-page, .pagination a:hover { color: rgb(255, 255, 255); }
.searh-inner { max-width: 350px; position: relative; display: block; }
.searh-holder { margin: 10px 0px 40px; }
.search { border: 1px solid rgb(238, 238, 238); float: left; background: rgb(249, 249, 249); border-radius: 3px; position: relative; outline: none; padding: 0px 0px 0px 10px; width: 100%; height: 40px; color: rgb(41, 41, 41); appearance: none; }
.search-submit { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; cursor: pointer; background: none; position: absolute; top: 0px; right: 0px; width: 28%; height: 40px; }
.cat-item { padding-bottom: 8px; margin-bottom: 15px; }
.cat-item a { font-weight: 400; font-size: 12px; transition: 200ms linear; }
#comments { text-align: left; padding-top: 10px; float: left; width: 100%; margin-top: 30px; }
#comments-title, #reply-title { border-bottom: 1px solid rgb(238, 238, 238); padding-bottom: 30px; margin-bottom: 5px; font-size: 16px; text-transform: uppercase; font-weight: bold; color: rgb(102, 102, 102); }
.comment { float: left; }
.comment-body { position: relative; margin-left: 70px; padding-top: 30px; }
.comment-author { position: absolute; top: 30px; left: -66px; }
.comment-author img { border-radius: 100%; }
.comment .children { margin-left: 70px; }
.fn { display: block; margin-bottom: 10px; }
.comment-meta, .comment-meta a { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 12px; letter-spacing: 1px; color: rgb(73, 73, 73); padding-bottom: 10px; }
#respond { margin-top: 40px; }
#reply-title { padding-bottom: 30px; margin-bottom: 5px; }
.comment-notes { margin-top: 10px; color: rgb(164, 164, 163); }
.control-group label, .control-group .controls { display: inline-block; }
.control-group label { margin-left: 10px; font-weight: 600; }
.control-group .controls input { margin-top: 15px; outline: none; height: 35px; background: rgb(249, 249, 249); padding-left: 15px; color: rgb(164, 164, 163); text-decoration: none; border: 1px solid rgb(238, 238, 238); border-radius: 3px; }
.control-group .controls textarea { margin-top: 15px; outline: none; height: 180px; max-width: 600px; background: rgb(249, 249, 249); padding-left: 15px; padding-top: 15px; color: rgb(164, 164, 163); resize: vertical; text-decoration: none; border: 1px solid rgb(238, 238, 238); border-radius: 3px; }
.controls button { margin-top: 30px; }
.post-author { float: left; width: 100%; padding: 30px 0px; border-bottom: 1px solid rgb(238, 238, 238); border-top: 1px solid rgb(238, 238, 238); margin: 15px 0px; }
.post-author-wrap { float: left; width: 100%; position: relative; padding-left: 100px; }
.post-author-wrap h3 { float: left; width: 100%; text-align: left; color: rgb(0, 0, 0); font-size: 16px; font-family: Montserrat, sans-serif; font-weight: 600; text-transform: uppercase; margin-top: 8px; }
.post-author-wrap p { color: rgb(0, 0, 0); font-weight: 500; line-height: 20px; padding: 8px 0px; float: left; width: 100%; }
.post-author-wrap span { font-family: Georgia, "Times New Roman", Times, serif; float: left; text-align: left; font-style: italic; color: rgb(102, 102, 102); width: 100%; }
.post-author-img { width: 80px; height: 80px; position: absolute; top: 5px; left: 0px; overflow: hidden; z-index: 2; }
.post-author-img img { width: 80px; height: 80px; border-radius: 100%; float: left; }
.post-author-wrap ul { list-style: none; }
.post-author-wrap ul li { float: left; margin-right: 8px; }
.post-author-wrap li a { float: left; width: 36px; height: 36px; background: rgb(64, 64, 64); line-height: 36px; border-radius: 100%; }
.show-share { position: absolute; bottom: 40px; left: 22px; cursor: pointer; width: 20px; height: 20px; }
.show-share::before { content: ""; position: absolute; top: 10px; left: -5px; width: 30px; height: 1px; z-index: 5; }
.show-share.isShare::before { width: 0px; }
.show-share::after { content: "share"; position: absolute; top: -36px; left: -2px; font-family: Georgia, "Times New Roman", Times, serif; float: left; text-align: center; font-style: italic; color: rgb(255, 255, 255); opacity: 0; visibility: hidden; }
.show-share::before, .show-share::after, .share-icon { transition: 300ms linear; }
.show-share:hover::after { opacity: 1; top: -26px; visibility: visible; }
.show-share img { width: 20px; height: 20px; }
.share-container { position: fixed; z-index: 20; left: 94px; bottom: 30px; visibility: hidden; display: none; transform: translate3d(0px, 0px, 0px); }
.visshare { visibility: visible; display: block; }
.share-icon { height: 40px; width: 40px; float: left; margin-bottom: 1px; position: relative; font-size: 15px; line-height: 40px; background: rgb(255, 255, 255); color: rgb(0, 0, 0); opacity: 0; }
.share-icon:hover { opacity: 0.6 !important; }
.share-icon::before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; }
.share-icon-digg::before { content: ""; }
.share-icon-email::before { content: ""; }
.share-icon-flickr::before { content: ""; }
.share-icon-foursquare::before { content: ""; }
.share-icon-rss::before { content: ""; }
.share-icon-facebook::before { content: ""; }
.share-icon-twitter::before { content: ""; }
.share-icon-tumblr::before { content: ""; }
.share-icon-linkedin::before { content: ""; }
.share-icon-vimeo::before { content: ""; }
.share-icon-instagram::before { content: ""; }
.share-icon-pinterest::before { content: ""; }
.share-icon-googleplus::before { content: ""; }
.share-icon-in1::before { content: ""; }
.share-icon-stumbleupon::before { content: ""; }
@media only screen and (max-width: 1392px) {
  .abt-wrap .box-item, .resum-header, .sl-tabs { margin-bottom: 40px; }
  .bold-title { width: 100%; }
  .chart { float: none; display: inline-table; margin-top: 30px; }
  .piechart-holder h4 { width: 100%; }
  .piechart-holder h4::before { display: none; }
  .hd-box-wrap { bottom: 10px; padding: 0px 10px; }
  .hd-box-wrap h2 { font-size: 14px; }
  .contact-social { margin-top: 30px; float: left; width: 100%; }
}
@media only screen and (max-width: 1064px) {
  .mob-bg { display: block; }
  .column-wrap { width: 100%; padding-right: 0px; }
  .fixed-column, .arrowpagenav, .footer-social::before, .footer-social::after, .parallax-title { display: none; }
  header.main-header { width: 100%; top: 0px; left: 0px; height: 70px; }
  .nav-button { top: 24px; left: 30px; margin-top: 0px; }
  .logo-holder { top: 16px; left: 50%; margin-left: -20px; }
  .show-share { bottom: 24px; left: 100%; margin-left: -50px; }
  .hero-wrap { padding: 70px 0px 0px; background: rgb(255, 255, 255); }
  footer.main-footer { width: 100%; height: 70px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; float: left; position: relative; top: 0px; margin-top: 0px; }
  .mail-link { position: absolute; top: 0px; width: 70px; height: 70px; line-height: 70px; left: 100%; margin-left: -70px; border-left: 1px solid rgba(255, 255, 255, 0.21); }
  .copyright { position: relative; bottom: 0px; left: 30px; width: auto; text-align: left; margin-top: 30px; color: rgb(255, 255, 255); font-size: 11px; font-weight: 600; letter-spacing: 1px; transform: rotate(0deg); }
  .footer-social { position: relative; top: 20px; width: auto; z-index: 2; float: right; margin-right: 90px; }
  .footer-social li { float: left; width: auto; }
  .clients-list li { padding: 20px; }
  .hero-slider-holder .gals a { top: 100%; margin-top: -100px; }
  .column-wrap #wrapper { padding: 0px 10px 10px; }
  .share-container { position: fixed; z-index: 20; left: 100%; margin-left: -60px; bottom: 100%; margin-bottom: -290px; width: 40px; }
  .menu-wrap { width: 320px; bottom: 0px; top: 70px; padding: 0px; transform: translate3d(-320px, 0px, 0px); transition: transform 0.4s; }
  .menu { position: relative; z-index: 1000; }
  .menu-logo { position: absolute; top: 45px; left: 0px; width: 100%; }
  .show-menu .menu-wrap, .show-menu .menu-inner, .show-menu .morph-shape { transform: translate3d(0px, 0px, 0px); }
  .content { padding: 70px 20px 0px; }
  .content .container { width: 100%; }
  .no-pad-wrap { padding-top: 70px; }
  .content.no-bg { padding-left: 0px; padding-right: 0px; }
  .fixed-filter { top: 80px; right: 20px; }
  .content.fscon { padding: 70px 0px 0px; }
  .gallery-item { width: 50% !important; }
  .mm-par-wrap { top: calc(5% + 70px); }
  .hero-item { inset: 70px 0px 0px; height: auto; }
}
@media only screen and (max-width: 768px) {
  .inline-facts { width: 50%; margin-bottom: 40px; }
  .testimonials-slider-holder .item { padding-left: 0px; }
  .testi-image { position: relative; margin: 0px; left: 0px; display: inline-table; }
  .clients-list li { padding: 5px; width: 50%; }
  .hero-wrap-item { padding: 0px 20px; }
  .section-title h2, .hero-wrap-item h2 { font-size: 36px; }
  .copyright { display: none; }
  .footer-social { float: left; margin-right: 0px; margin-left: 20px; }
  .inline-filter .gallery-filters { width: 100%; }
  .inline-filter .gallery-filters a { padding: 12px 0px; width: 100%; }
  .inline-filter .folio-counter { float: none; margin-left: 0px; display: inline-table; margin-bottom: 10px; }
  .inline-filter .folio-counter::before { left: 50%; height: 24px; top: -36px; transform: rotate(0deg); }
  .order-wrap a.ord-link { float: left; margin-top: 30px; }
}
@media only screen and (max-width: 540px) {
  .scroll-nav-holder { display: none; }
  .inline-facts, .gallery-item { width: 100% !important; }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .bg { background-size: cover; background-position: center center; background-attachment: scroll !important; }
}
.grid-det span.cat-divider { padding-left: 0px; }
.cat-divider:nth-child(1)::after { content: ""; }
.cat-divider::after { content: ","; position: absolute; left: -7px; top: 0px; }
.cat-divider { position: relative; margin-right: 8px; width: auto !important; margin-top: 0px !important; }