a{color:#171724;text-decoration:none}
a:hover,
a:focus{color:#000}
p a{border-bottom:1px solid #171724}
p a:hover{border-bottom:1px solid #000}
body{color:#0c0c17;background:#fff}
body::-moz-selection{background:#171724;color:#fff}
body::selection{background:#171724;color:#fff}
#page,
#page-2{background:#fff}
.loader1:before,
.loader1:after{background:#fff;border-color:rgba(23,23,36,0.1)}
.loader2:before,
.loader2:after{background:#fff}
.loader3{border-color:rgba(23,23,36,0.1) rgba(23,23,36,0.1) rgba(23,23,36,0.1) #171724}
.page-loader-text{color:#171724}
.scroll-progressbar{background:rgba(12,12,23,0.05)}
.scroll-progressbar div{background:#171724}
.scroll-progressbar .scroll-shadow{box-shadow:0 0 10px #171724,0 0 5px #171724}
.section-title-heading{color:#0c0c17}
.section-title-more{color:rgba(12,12,23,0.9)}
.btn-default{background:#fff;border:1px solid #0c0c17;color:#0c0c17}
.btn-default:hover{background:#f5f5fa;border:1px solid #f5f5fa;color:#0c0c17}
.btn-default.active,
.btn-default:focus{border-color:#f5f5fa;color:#0c0c17;background:#fff}
.btn-default.ripple-alone .ink{background:#fff}
.btn-split.btn-default{background:#0c0c17}
.btn-split.btn-default:hover{background:#f5f5fa}
.btn-split.btn-default::before,
.btn-split.btn-default::after{background:#fff;color:#0c0c17}
.btn-colored{background:#fff;border:1px solid #171724;color:#171724}
.btn-colored:hover{background:#0c0c17;border:1px solid #0c0c17;color:#171724}
.btn-colored.active,
.btn-colored:focus{border-color:#0c0c17;color:#171724;background:#fff}
.btn-colored.ripple-alone .ink{background:rgba(255,255,255,0.15)}
.btn-split.btn-colored{background:#171724}
.btn-split.btn-colored:hover{background:#0c0c17}
.btn-split.btn-colored::before,
.btn-split.btn-colored::after{background:#171724;color:#171724}
.btn-dark{background:#171724;border:1px solid #171724;color:#fff}
.btn-dark:hover{background:#fff;border:1px solid #fff;color:#171724}
.btn-dark.active,
.btn-dark:focus{border-color:#fff;color:#171724;background:#171724}
.btn-dark.ripple-alone .ink{background:rgba(23,23,36,0.2)}
.btn-split.btn-dark:hover{background:#fff}
.btn-split.btn-dark::before,
.btn-split.btn-dark::after{background:#171724;color:#fff}
.btn-dark-to-color{background:#0c0c17;border:1px solid #0c0c17;color:#fff}
.btn-dark-to-color:hover{background:#171724;border:1px solid #000;color:#0c0c17}
.btn-dark-to-color.active,
.btn-dark-to-color:focus{border-color:#000;color:#0c0c17;background:#171724}
.btn-dark-to-color.ripple-alone .ink{background:rgba(0,0,0,0.2)}
.btn-split.btn-dark-to-color{color:#0c0c17;background:#0c0c17}
.btn-split.btn-dark-to-color:hover{background:#171724}
.btn-split.btn-dark-to-color::before,
.btn-split.btn-dark-to-color::after{background:#171724;color:#fff}
.btn-transparent-white{background:transparent;border:1px solid #fff;color:#fff}
.btn-transparent-white:hover{background:#fff;border:1px solid #fff;color:#171724}
.btn-transparent-white.active,
.btn-transparent-white:focus{border-color:#fff;color:#171724;background:transparent}
.btn-transparent-white.ripple-alone .ink{background:rgba(23,23,36,0.3)}
.btn-split.btn-transparent-white{color:#0c0c17}
.btn-split.btn-transparent-white:hover{background:#fff}
.btn-split.btn-transparent-white::before,
.btn-split.btn-transparent-white::after{background:transparent;color:#fff}
.btn-white-transparent{background:#fff;border:1px solid #fff;color:#0c0c17}
.btn-white-transparent:hover{background:transparent;border:1px solid #fff;color:#fff}
.btn-white-transparent.active,
.btn-white-transparent:focus{border-color:#fff;color:#fff;background:#fff}
.btn-white-transparent.ripple-alone .ink{background:rgba(255,255,255,0.35)}
.btn-split.btn-white-transparent{background:#fff}
.btn-split.btn-white-transparent:hover{background:transparent}
.btn-split.btn-white-transparent::before,
.btn-split.btn-white-transparent::after{background:#fff;color:#0c0c17}
.btn-transparent-dark{background:transparent;border:1px solid #0c0c17;color:#0c0c17}
.btn-transparent-dark:hover{background:#0c0c17;border:1px solid #0c0c17;color:#fff}
.btn-transparent-dark.active,
.btn-transparent-dark:focus{border-color:#0c0c17;color:#fff;background:transparent}
.btn-transparent-dark.ripple-alone .ink{background:rgba(255,255,255,0.25)}
.btn-split.btn-transparent-dark{color:#fff}
.btn-split.btn-transparent-dark:hover{background:#0c0c17}
.btn-split.btn-transparent-dark::before,
.btn-split.btn-transparent-dark::after{background:transparent;color:#0c0c17}
.btn-dark-transparent{background:#0c0c17;border:1px solid #0c0c17;color:#fff}
.btn-dark-transparent:hover{background:transparent;border:1px solid #0c0c17;color:#0c0c17}
.btn-dark-transparent.active,
.btn-dark-transparent:focus{border-color:#0c0c17;color:#0c0c17;background:#0c0c17}
.btn-dark-transparent.ripple-alone .ink{background:rgba(12,12,23,0.7)}
.btn-split.btn-dark-transparent{color:#0c0c17;background:#0c0c17}
.btn-split.btn-dark-transparent:hover{background:transparent}
.btn-split.btn-dark-transparent::before,
.btn-split.btn-dark-transparent::after{background:#0c0c17;color:#fff}
.btn-contact{color:#fff;background:#171724}
.btn-contact::before,
.btn-contact::after{background:#0c0c17;color:#fff}
.carousel-control .arrow-left,
.carousel-control .arrow-right{background:rgba(23,23,36,0.3);border-color:rgba(255,255,255,0.1)}
.carousel-control .arrow-left::before,
.carousel-control .arrow-right::before{border-color:#fff}
.dotstyle-fall li:after,
.dotstyle-fall div:after{background:rgba(255,255,255,0.4)}
.dotstyle-fall li a,
.dotstyle-fall div a,
.dotstyle-fall li span,
.dotstyle-fall div span{background:rgba(255,255,255,0.4)}
.dotstyle-fall li a:focus,
.dotstyle-fall div a:focus,
.dotstyle-fall li.active a,
.dotstyle-fall div.active a,
.dotstyle-fall li span:focus,
.dotstyle-fall div span:focus,
.dotstyle-fall li.active span,
.dotstyle-fall div.active span{background:#fff}
.dotstyle-fall li.active,
.dotstyle-fall div.active,
.dotstyle-fall li.current,
.dotstyle-fall div.current{background:0}
.dotstyle-fall li.active:after,
.dotstyle-fall div.active:after,
.dotstyle-fall li.current:after,
.dotstyle-fall div.current:after{background:rgba(255,255,255,0.6)}
.light .dotstyle-fall li:after,
.dots-under .dotstyle-fall li:after,
.light .dotstyle-fall div:after,
.dots-under .dotstyle-fall div:after{background:rgba(23,23,36,0.3)}
.light .dotstyle-fall li a,
.dots-under .dotstyle-fall li a,
.light .dotstyle-fall div a,
.dots-under .dotstyle-fall div a,
.light .dotstyle-fall li span,
.dots-under .dotstyle-fall li span,
.light .dotstyle-fall div span,
.dots-under .dotstyle-fall div span{background:rgba(23,23,36,0.3)}
.light .dotstyle-fall li a:focus,
.dots-under .dotstyle-fall li a:focus,
.light .dotstyle-fall div a:focus,
.dots-under .dotstyle-fall div a:focus,
.light .dotstyle-fall li.active a,
.dots-under .dotstyle-fall li.active a,
.light .dotstyle-fall div.active a,
.dots-under .dotstyle-fall div.active a,
.light .dotstyle-fall li span:focus,
.dots-under .dotstyle-fall li span:focus,
.light .dotstyle-fall div span:focus,
.dots-under .dotstyle-fall div span:focus,
.light .dotstyle-fall li.active span,
.dots-under .dotstyle-fall li.active span,
.light .dotstyle-fall div.active span,
.dots-under .dotstyle-fall div.active span{background:#171724}
.light .dotstyle-fall li.active,
.dots-under .dotstyle-fall li.active,
.light .dotstyle-fall div.active,
.dots-under .dotstyle-fall div.active{background:0}
.light .dotstyle-fall li.active:after,
.dots-under .dotstyle-fall li.active:after,
.light .dotstyle-fall div.active:after,
.dots-under .dotstyle-fall div.active:after{background:rgba(23,23,36,0.6)}
.no-touch .dotstyle-fall li:hover span,
.no-touch .dotstyle-fall div:hover span,
.no-touch .dotstyle-fall li:hover a,
.no-touch .dotstyle-fall div:hover a{background:rgba(23,23,36,0.6)}
.dotstyle-fillup li a,
.dotstyle-fillup div a,
.dotstyle-fillup li span,
.dotstyle-fillup div span{background-color:rgba(255,255,255,0.3)}
.dotstyle-fillup li a:after,
.dotstyle-fillup div a:after,
.dotstyle-fillup li span:after,
.dotstyle-fillup div span:after{background-color:#fff}
.scroll-down-arrow a{color:#fff}
.overlay h1,
.overlay h2,
.overlay h3,
.overlay h4,
.overlay h5,
.overlay h6,
.overlay .big-icon,
.overlay .fact-number,
.overlay .section-title,
.overlay .section-title-heading,
.overlay p{color:#fff}
.overlay .section-title-more{color:rgba(255,255,255,0.95)}
.overlay:before{background-color:rgba(12,12,23,0.8);opacity:.7}
.home-section.overlay:before,
.home-section .overlay:before{background-color:rgba(12,12,23,0.7);opacity:.5}
.home-section .fss.overlay:before{background-color:#000;opacity:.8}
.as-overlay .as-background:after{background-color:rgba(12,12,23,0.7);opacity:.5}
.equal .home-section.overlay:before,
.equal .home-section .overlay:before{opacity:.7}
.equal .home-section .fss.overlay:before{background-color:#000;opacity:.95}
.equal .as-overlay .as-background:after{background-color:rgba(12,12,23,0.9);opacity:.7}
.home-section .carousel .dotstyle-fall li:after,
.home-section .carousel .dotstyle-fall div:after{background:rgba(255,255,255,0.4)}
.home-section .carousel .dotstyle-fall li a,
.home-section .carousel .dotstyle-fall div a,
.home-section .carousel .dotstyle-fall li span,
.home-section .carousel .dotstyle-fall div span{background:rgba(255,255,255,0.4)}
.home-section .carousel .dotstyle-fall li a:focus,
.home-section .carousel .dotstyle-fall div a:focus,
.home-section .carousel .dotstyle-fall li.active a,
.home-section .carousel .dotstyle-fall div.active a,
.home-section .carousel .dotstyle-fall li span:focus,
.home-section .carousel .dotstyle-fall div span:focus,
.home-section .carousel .dotstyle-fall li.active span,
.home-section .carousel .dotstyle-fall div.active span{background:#fff}
.home-section .carousel .dotstyle-fall li.active,
.home-section .carousel .dotstyle-fall div.active,
.home-section .carousel .dotstyle-fall li.current,
.home-section .carousel .dotstyle-fall div.current{background:0}
.home-section .carousel .dotstyle-fall li.active:after,
.home-section .carousel .dotstyle-fall div.active:after,
.home-section .carousel .dotstyle-fall li.current:after,
.home-section .carousel .dotstyle-fall div.current:after{background:#fff}
.light .navbar-transparent .navbar-brand p{color:#171724}
.light .navbar-transparent .logo-svg-path-navbar{fill:#171724}
.light .navbar-transparent .navbar-text{color:rgba(23,23,36,0.7)}
.light .navbar-transparent .navbar-toggle .icon-bar{background-color:#171724}
@media (min-width:768px){.light .navbar-transparent.ripple-group-parent .ink{background:rgba(23,23,36,0.2)}
.light .navbar-transparent .navbar-nav >li >a{color:rgba(23,23,36,0.7)}
.light .navbar-transparent .navbar-nav >li >a:hover{color:#171724}
.light .navbar-transparent .navbar-nav >li >a:focus{color:rgba(23,23,36,0.7)}
.light .navbar-transparent .navbar-nav >.active >a,
.light .navbar-transparent .navbar-nav >.active >a:hover,
.light .navbar-transparent .navbar-nav >.active >a:focus{color:#171724}
.light .navbar-transparent .cl-effect-5 >li >a span[data-hover]:before{color:#171724}
}
.light .overlay:before{background-color:rgba(255,255,255,0.8);opacity:1}
.light .overlay p,
.light .overlay h1,
.light .overlay h2,
.light .overlay h3,
.light .overlay h4,
.light .overlay h5,
.light .overlay h6,
.light .overlay .section-title,
.light .overlay .section-title-heading{color:#171724}
.light .overlay .section-title-more{color:#0c0c17}
.light .overlay .arrow-left,
.light .overlay .arrow-right{background-color:rgba(255,255,255,0.15);border-color:rgba(12,12,23,0.2)}
.light .overlay .arrow-left:before,
.light .overlay .arrow-right:before{border-color:#171724}
.light .home-section.overlay:before,
.light .home-section .overlay:before{background-color:rgba(255,255,255,0.6);opacity:1}
.light .home-section h1,
.light .home-section h2,
.light .home-section h3,
.light .home-section h4,
.light .home-section h5,
.light .home-section h6,
.light .home-section p{color:#171724}
.light .home-section .arrow-left,
.light .home-section .arrow-right{background-color:rgba(255,255,255,0.15);border-color:rgba(12,12,23,0.2)}
.light .home-section .arrow-left:before,
.light .home-section .arrow-right:before{border-color:#171724}
.light .home-section .carousel .dotstyle-fall li:after,
.light .home-section .carousel .dotstyle-fall div:after{background:rgba(23,23,36,0.4)}
.light .home-section .carousel .dotstyle-fall li a,
.light .home-section .carousel .dotstyle-fall div a,
.light .home-section .carousel .dotstyle-fall li span,
.light .home-section .carousel .dotstyle-fall div span{background:rgba(23,23,36,0.4)}
.light .home-section .carousel .dotstyle-fall li a:focus,
.light .home-section .carousel .dotstyle-fall div a:focus,
.light .home-section .carousel .dotstyle-fall li.active a,
.light .home-section .carousel .dotstyle-fall div.active a,
.light .home-section .carousel .dotstyle-fall li span:focus,
.light .home-section .carousel .dotstyle-fall div span:focus,
.light .home-section .carousel .dotstyle-fall li.active span,
.light .home-section .carousel .dotstyle-fall div.active span{background:#171724}
.light .home-section .carousel .dotstyle-fall li.active,
.light .home-section .carousel .dotstyle-fall div.active,
.light .home-section .carousel .dotstyle-fall li.current,
.light .home-section .carousel .dotstyle-fall div.current{background:0}
.light .home-section .carousel .dotstyle-fall li.active:after,
.light .home-section .carousel .dotstyle-fall div.active:after,
.light .home-section .carousel .dotstyle-fall li.current:after,
.light .home-section .carousel .dotstyle-fall div.current:after{background:#171724}
.light .as-overlay .as-background:after{background-color:rgba(255,255,255,0.7)}
.light.equal .home-section.overlay:before,
.light.equal .home-section .overlay:before{background-color:rgba(255,255,255,0.8)}
.light.equal .as-overlay .as-background:after{background-color:rgba(255,255,255,0.8)}
.light .as-indicator{background:rgba(23,23,36,0.4)}
.light .as-load-bar{background:#171724}
.light .page-header .breadcrumb{background:transparent}
.light .page-header .breadcrumb li{color:rgba(23,23,36,0.7)}
.light .page-header .breadcrumb >li+li:before{color:#171724}
.light .page-header .breadcrumb a{color:#171724}
.light .page-header .breadcrumb a:hover{color:rgba(23,23,36,0.7)}
.light .page-header-title-left{color:#171724}
.light .scroll-down-arrow a{color:#171724}
.light .testimo-item p{color:#171724}
.light .testimo-item footer{color:#030305}
.light .testimo-item cite{color:#0c0c17}
.section-text{color:#454850}
.navbar-default{background-color:rgba(255,255,255,0.9);border-color:#f5f5fa}
.navbar-default.ripple-group-parent .ink{background:rgba(204,204,204,0.5)}
.navbar-default .navbar-brand{color:rgba(23,23,36,0.8)}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover{color:#171724;background-color:transparent}
.navbar-default .logo-svg-path-navbar{fill:rgba(23,23,36,0.8);-webkit-transition:fill 0.27s ease-out;transition:fill 0.27s ease-out}
.navbar-default .navbar-text{color:#171724}
.navbar-default .navbar-nav >li >a{color:rgba(23,23,36,0.8);border-top:1px solid rgba(0,0,0,0.15)}
.navbar-default .navbar-nav >li >a:focus,
.navbar-default .navbar-nav >li >a:hover{color:rgba(23,23,36,0.8);background-color:rgba(255,255,255,0.8)}
.navbar-default .navbar-nav >li:first-child >a{border-top:0}
.navbar-default .navbar-nav >.active >a,
.navbar-default .navbar-nav >.active >a:hover,
.navbar-default .navbar-nav >.active >a:focus{color:#171724;background-color:rgba(255,255,255,0.8)}
@media (min-width:768px){.navbar-default .navbar-nav >li >a{border-top:0}
.navbar-default .navbar-nav >li >a:focus,
.navbar-default .navbar-nav >li >a:hover{background-color:transparent}
.navbar-default .navbar-nav >.active >a,
.navbar-default .navbar-nav >.active >a:hover,
.navbar-default .navbar-nav >.active >a:focus{background-color:transparent}
}
.navbar-default .navbar-toggle{border-color:transparent}
.navbar-default .navbar-toggle:hover{background-color:transparent}
.navbar-default .navbar-toggle:focus{background-color:transparent}
.navbar-default .navbar-toggle .icon-bar{background-color:rgba(23,23,36,0.8)}
.cl-effect-5 >li >a span[data-hover]:before{color:#171724}
.navbar-dark{background-color:rgba(12,12,23,0.89);border-color:#171724}
.navbar-dark .scroll-progressbar{background:rgba(255,255,255,0.02)}
.navbar-dark.ripple-group-parent .ink{background:rgba(255,255,255,0.6)}
.navbar-dark .navbar-brand{color:rgba(255,255,255,0.8)}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover{color:#fff;background-color:transparent}
.navbar-dark .logo-svg-path-navbar{fill:rgba(255,255,255,0.8);-webkit-transition:fill 0.27s ease-out;transition:fill 0.27s ease-out}
.navbar-dark .navbar-text{color:#fff}
.navbar-dark .navbar-nav >li >a{color:rgba(255,255,255,0.8);border-top:1px solid rgba(255,255,255,0.15)}
.navbar-dark .navbar-nav >li >a:focus,
.navbar-dark .navbar-nav >li >a:hover{color:rgba(255,255,255,0.8);background-color:rgba(0,0,0,0.8)}
.navbar-dark .navbar-nav >li:first-child >a{border-top:0}
.navbar-dark .navbar-nav >.active >a,
.navbar-dark .navbar-nav >.active >a:hover,
.navbar-dark .navbar-nav >.active >a:focus{color:#fff;background-color:rgba(0,0,0,0.8)}
@media (min-width:768px){.navbar-dark .navbar-nav >li >a{border-top:0}
.navbar-dark .navbar-nav >li >a:focus,
.navbar-dark .navbar-nav >li >a:hover{background-color:transparent}
.navbar-dark .navbar-nav >.active >a,
.navbar-dark .navbar-nav >.active >a:hover,
.navbar-dark .navbar-nav >.active >a:focus{background-color:transparent}
}
.navbar-dark .navbar-toggle{border-color:transparent}
.navbar-dark .navbar-toggle:hover{background-color:transparent}
.navbar-dark .navbar-toggle:focus{background-color:transparent}
.navbar-dark .navbar-toggle .icon-bar{background-color:rgba(255,255,255,0.8)}
.navbar-dark .cl-effect-5 >li >a span[data-hover]:before{color:#fff}
.navbar-transparent,
.navbar-elastic{padding-top:19.5px;padding-bottom:19.5px}
.navbar-transparent{background-color:transparent;border-bottom:1px solid transparent}
.navbar-transparent .scroll-progressbar{background:transparent}
.navbar-transparent .navbar-brand p{color:#fff}
.navbar-transparent .logo-svg-path-navbar{fill:#fff}
.navbar-transparent .navbar-text{color:rgba(255,255,255,0.7)}
.navbar-transparent .navbar-collapse{background-color:rgba(255,255,255,0.9)}
.navbar-transparent .navbar-toggle .icon-bar{background-color:#fff}
.navbar-transparent.navbar-dark .navbar-collapse{background-color:rgba(12,12,23,0.89)}
@media (min-width:768px){.navbar-transparent.ripple-group-parent .ink{background:rgba(255,255,255,0.5)}
.navbar-transparent.navbar-dark .navbar-collapse,
.navbar-transparent .navbar-collapse{background-color:transparent}
.navbar-transparent .navbar-nav >li >a{color:rgba(255,255,255,0.7)}
.navbar-transparent .navbar-nav >li >a:hover{color:#fff}
.navbar-transparent .navbar-nav >li >a:focus{color:rgba(255,255,255,0.7)}
.navbar-transparent .navbar-nav >.active >a,
.navbar-transparent .navbar-nav >.active >a:hover,
.navbar-transparent .navbar-nav >.active >a:focus{color:#fff}
.navbar-transparent .cl-effect-5 >li >a span[data-hover]:before{color:#fff}
}
.facts-section{background:#f5f5fa}
.fact-icon,
.fact-text p{color:#171724}
.team-item-info{background:rgba(255,255,255,0.7)}
.team-item-info .skillbar{background:rgba(255,255,255,0.2)}
.team-item-name small{color:#171724}
.team-item-name span{color:#171724}
.team-item-social a,
.work-social a{color:#757a86}
.team-item-social a:hover,
.work-social a:hover{color:#171724}
.team-item-social li{background:rgba(255,255,255,0.2)}
.work-social li{background:rgba(117,122,134,0.07)}
.portfolio-filters{background:#f5f5fa;border:1px solid #f5f5fa}
.portfolio-filters .btn{color:#0c0c17}
.portfolio-filters .btn::before,
.portfolio-filters .btn::after{background:#f5f5fa}
.portfolio-filters .btn-seperator{color:#f5f5fa}
.portfolio-filters .ink{background:#494972}
.portfolio-filters .btn-icon{color:#171724}
.portfolio-section-light .portfolio-filters .ink{background:#fff}
.portfolio-item-img:after,
.video-work:after{background:rgba(255,255,255,0.9)}
.colored-mask .portfolio-item-detail,
.colored-mask .portfolio-item-detail a,
.colored-mask .portfolio-item-title{color:#fff}
.colored-mask .portfolio-item-img:after,
.colored-mask .video-work:after{background:rgba(23,23,36,0.9)}
.portfolio-item-detail a{color:#0c0c17}
.project-order-section{
	background:#171724;
}
.project-order-section .btn-colored{background:#fff;border:1px solid #fff;color:#fff}
.project-order-section .btn-colored:hover{background:#0c0c17;border:1px solid #0c0c17;color:#fff}
.project-order-section .btn-colored.active,
.project-order-section .btn-colored:focus{border-color:#0c0c17;color:#fff;background:#fff}
.project-order-section .btn-colored.ripple-alone .ink{background:rgba(255,255,255,0.15)}
.project-order-section .btn-split.btn-colored{background:#fff}
.project-order-section .btn-split.btn-colored:hover{background:#0c0c17}
.project-order-section .btn-split.btn-colored::before,
.project-order-section .btn-split.btn-colored::after{background:#171724;color:#fff}
.project-order-section-light,
.portfolio-section-light{background:#f5f5fa}
.services-section-item-icon{color:#F29901}
.services-section-item-text{color:#262649}
.skillbar{background:#f5f5fa}
.skillbar-bar{background:#171724;box-shadow:2px 0 5px 2px rgba(23,23,36,0.3)}
.process-labels i{
	color:#000000
}
.process-labels .icon-shade{color:#008F73}
.process-labels span{color:#cccce6}
.process-labels span:before{color:#0c0c17}
.line-process-parent{background-color:#f5f5fa}
.line-process{background:#171724}
.line-process-mood .owl-dot span{background-color:#cccce6}
.line-process-mood .owl-dot span:after{background-color:#171724}
.line-process-mood .owl-dot.active span{background:#fff}
.process .arrow-left,
.process .arrow-right{background:rgba(255,255,255,0.1);border:1px solid rgba(23,23,36,0.1)}
.process .arrow-left:before,
.process .arrow-right:before{border-color:#171724}
.testimo-item footer{color:#fff}
.testimo-item cite{color:#fff}
.client-logos{background-color:#FFF}
.client-logos i{color:#706f83}
.pricing-table{border-color:#f5f5fa;background:#fff}
.pricing-header{background-color:#757a86;color:#fff}
.pricing-header h4{color:#fff}
.popular .pricing-header{background-color:#171724}
.select .icon{color:#fff}
@media only screen and (min-width:768px){.pricing-header{color:#757a86;background-color:transparent}
.pricing-header h4{color:#757a86}
.popular .pricing-header{color:#171724;background-color:transparent}
.popular .pricing-header h4{color:#171724}
.currency,
.duration{color:#706f83}
.popular .currency,
.popular .duration{color:#171724}
.pricing-features li{border-top:1px solid #f5f5fa}
}
@media only screen and (min-width:768px){.pricing-section .btn-split.btn-default{border-color:#fff;background-color:#fff}
.pricing-section .btn-split.btn-default:hover{background-color:#f5f5fa}
.pricing-section .btn-split.btn-default:after,
.pricing-section .btn-split.btn-default:before{background-color:#757a86;color:#fff}
.popular .pricing-table{box-shadow:0 0 6px 1px #f5f5fa}
.popular .btn-split.btn-default:after,
.popular .btn-split.btn-default:before{background-color:#171724}
}
.blog-post-preview-text{color:#171724}
.blog-post-preview-link:hover .blog-post-preview-title{color:#171724}
.contact-section{background:#f5f5fa}
.contact-item i{color:#E63E11}
.input-field{border-bottom:1px solid #b8b7cb;-webkit-transition:border-color 0.25s;transition:border-color 0.25s}
.input-field:focus{border:1px solid #757a86}
.textarea{border-color:#b8b7cb}
.success{color:#021410;background-color:rgba(19,207,169,0.7)}
.error{color:#5e1316;background-color:#df5e63}
.map-mask{background:#f5f5fa}
.no-touch .map-mask:hover{background:rgba(245,245,250,0.65)}
@media screen and (-webkit-min-device-pixel-ratio:0){.no-touch .map-mask:hover .map-opener{background:#0c0c17 -webkit-gradient(linear,left top,right top,from(#0c0c17),to(#0c0c17),color-stop(0.5,#fff)) 0 0 no-repeat;-webkit-background-size:125px;color:rgba(255,255,255,0.1);-webkit-background-clip:text;-webkit-animation-name:shine;-webkit-animation-duration:1.2s;-webkit-animation-iteration-count:infinite}
}
#map-canvas{background-color:#f5f5fa}
#map-zoom-in,
#map-zoom-out{background-color:#757a86}
.no-touch #map-zoom-in:hover,
.no-touch #map-zoom-out:hover{background-color:rgba(117,122,134,0.8)}
.footer-section{background:#171724}
.footer-logo p{color:#b8b7cb}
.logo-svg-path{fill:#706f83}
.footer-social a{color:#706f83;background:rgba(117,122,134,0.07)}
.footer-social a:hover{color:#0c0c17}
.circle1,
.circle2{background:#171724}
.circle1:after{background:#171724}
.circle2:after{background:#171724}
.square{background:#0c0c17;z-index:2}
.square span{border-top:1px solid #757a86;border-left:1px solid #757a86}
.rectangle{background:#0c0c17}
.footer-bottom{background:#0c0c17}
.footer-bottom-text{color:#706f83}
.light-footer{}
.light-footer.footer-section{background:#f5f5fa}
.light-footer .footer-logo p{color:#757a86}
.light-footer .logo-svg-path{fill:#757a86}
.light-footer .footer-social a{color:#757a86}
.light-footer .footer-social a:hover{color:#706f83}
.light-footer .circle1,
.light-footer .circle2{background:#f5f5fa}
.light-footer .circle1:after{background:#f5f5fa}
.light-footer .circle2:after{background:#f5f5fa}
.light-footer .square{background:#b8b7cb;z-index:2}
.light-footer .square span{border-top:1px solid #757a86;border-left:1px solid #757a86}
.light-footer .rectangle{background:#b8b7cb}
.light-footer .footer-bottom{background:#b8b7cb}
.light-footer .footer-bottom-text{color:#757a86}
.page-header .breadcrumb{background:transparent}
.page-header .breadcrumb li{color:rgba(255,255,255,0.7)}
.page-header .breadcrumb >li+li:before{color:#fff}
.page-header .breadcrumb a{color:#fff}
.page-header .breadcrumb a:hover{color:rgba(255,255,255,0.7)}
.page-header .carousel-control i{background:rgba(0,0,0,0.1)}
.page-header-title-left{color:#fff}
.blog-item-header .blog-item-title{color:#0c0c17}
.blog-item-header:hover .blog-item-title{color:#171724}
.blog-item-detail{color:#706f83}
.blog-item-detail a{color:#706f83}
.blog-item-detail a:hover{color:#171724}
.blog-item-body blockquote{border-left:3px solid #171724}
.widget-title{border-color:#b8b7cb;color:#0c0c17}
.widget-body{color:#171724}
.search-button{background:transparent;color:#706f83}
.widget-posts-recent ul li{border-color:#f5f5fa}
.widget-categories li a{border-color:transparent}
.widget-categories li small{color:#757a86}
.tags a{color:#0c0c17;border-color:#b8b7cb}
.tags a:hover{border-color:#171724}
.default-tabs{border-color:#b8b7cb}
.default-tabs >li >a{color:#b8b7cb}
.default-tabs >li >a:hover{background-color:#fff}
.default-tabs li.active a{color:#171724;background-color:#fff}
.default-tabs li.active a:hover,
.default-tabs li.active a:focus{background-color:#fff}
.widget-comments li{border-color:#f5f5fa}
.blog-article-author{background:#f5f5fa;border-color:#f5f5fa}
.blog-article-author-img{border-color:#b8b7cb}
.blog-article-author-img a{color:#757a86}
.blog-article-author-img:hover img{opacity:.8}
.blog-article-author-img:hover a{color:#706f83}
li.comment-item{border-color:#ebebf5}
.comment-item-data{color:#706f83}
.comment-author a{color:#757a86}
.comment-avatar{color:#fff;background:#b8b7cb}
.pagination a{border-color:#b8b7cb;color:#757a86}
.pagination a:hover{border-color:#757a86;color:#171724}
.pagination a.active,
.pagination a.active:hover{border-color:#171724;color:#171724}
.pagination .fa,
.pagination .icon{line-height:21px;font-size:18px}
.pagination a.no-active,
.pagination a.no-active:hover{border-color:transparent;color:#706f83;cursor:default}
.portfolio-nav-default.affix{background:rgba(255,255,255,0.9);border-bottom:1px solid #f5f5fa}
.portfolio-nav-default.affix .carousel-control:hover i{background:rgba(0,0,0,0.05)}
.portfolio-nav-default.affix .arrow-left{border-right:1px solid #f5f5fa;background:transparent}
.portfolio-nav-default.affix .arrow-right{border-left:1px solid #f5f5fa;background:transparent}
.portfolio-nav-default.affix .arrow-left:before,
.portfolio-nav-default.affix .arrow-right:before{border-color:#171724}
.portfolio-nav-default.affix .all-works{color:#0c0c17}
.portfolio-nav-default.affix .all-works:hover,
.portfolio-nav-default.affix .all-works:focus{color:#0c0c17;background:rgba(0,0,0,0.05)}
.portfolio-nav-dark.affix{background-color:rgba(12,12,23,0.89);border-bottom:1px solid #171724}
.portfolio-nav-dark.affix .carousel-control:hover i{background:rgba(255,255,255,0.05)}
.portfolio-nav-dark.affix .arrow-left{border-right:1px solid #171724;background:transparent}
.portfolio-nav-dark.affix .arrow-right{border-left:1px solid #171724;background:transparent}
.portfolio-nav-dark.affix .arrow-left:before,
.portfolio-nav-dark.affix .arrow-right:before{border-color:#fff}
.portfolio-nav-dark.affix .all-works{color:#fff}
.portfolio-nav-dark.affix .all-works:hover,
.portfolio-nav-dark.affix .all-works:focus{color:#fff;background:rgba(255,255,255,0.05)}
.work-navigation{background:#fff}
.work-navigation a{background:#fff}
.work-navigation a:hover{color:#0c0c17;background:#f5f5fa}
.work-navigation a,
.work-navigation a:visited{color:#757a86}
.work-detail{color:#757a86}