@charset "utf-8";

/*======================================
 [ -Main Stylesheet-
  Theme: Nastik
  Version: 1.0
  Last change: 28/09/2019 ]
 ++ Fonts ++
++ General Style ++
++ Loader++
++ Header ++
++ Navigation ++
++ Section ++
++ Portfolio ++
++ Contacts ++
++ Blog ++
++ 404 ++
++ Responsive ++
/*-------------Fonts---------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Mukta:300,400,500,600,700,800|Teko:400,500,600,700&display=swap');
/*-------------General Style---------------------------------------*/


@-o-viewport {
	width: device-width;
}
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}


/*--------------General--------------------------------------*/
#main {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 1;
}
.fl-wrap {
	float: left;
	width: 100%;
	position: relative;
}
.content {
	float: left;
	width: 100%;
	position: relative;
	background:#fff;
	z-index: 5;
	overflow:hidden;
}
.container {
	/*max-width: 1024px;
	width: 92%;
	margin: 0 auto;
	position: relative;
	z-index: 5;*/
}
#wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
}
.content-holder {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.full-height {
	height:100%;
}
.respimg {
	width: 100%;
	height: auto;
}
.bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-size: cover;
	background-attachment: scroll;
	background-position: center;
	background-repeat: repeat;
	background-origin: content-box;
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.1;
	z-index: 3;
}
.dark-bg , .dark-content  , .fcw-dec{
	background:#292929; 
}
.dark-bg:before {
	content:'';
	position:absolute;
	right:0;
	background:#383838;
	top:0;
	bottom:0;
	width:30%;
}
.bot-element    , .hiddec-anim  {
    transform: translateX(-50px);
    opacity: 0;
}
.fcw-title  , .sin-anim{
    transform: translateY(50px);
    opacity: 0;
}
.fixed-top-panel {
    transform: translateY(-150px);
}
.fcw-dec {
	position:absolute;
	left:0;
	right:0;
	height:100%;
	z-index:100;
	top:0;
}
.pr-bg , .pr-bg2 {
	background: #212121;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	overflow:hidden;
	z-index:100;
}
.pr-bg.pr-bg-white {
	background:#fff;
}
/*------btn------------------------------------------------*/
.btn {
	padding: 15px 35px;
    cursor: pointer;
    background: #292929;
    -webkit-appearance: none;
    position: relative;
    color: #fff;
    font-size: 10px;
	letter-spacing:1px;
	text-transform:uppercase;
    font-weight: 700;
	display:inline-block;
}
.btn:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:4px;
	height:100%;
	background:#292929;
}
.btn:before {
	content:'';
	position:absolute;
	right:15px;
	top:50%;
	width:0;
	height:1px;
	background:#fff;
}
.btn:before , .btn , .follow-wrap_title i , .btn:after  {
	transition: all 0.3s ease-in-out;
}
.btn:hover{
	padding-right:55px;
	color:rgba(255,255,255,0.71);
}
.btn:hover:before , .btn:hover:after {
	width:10px;
}
.fl-btn {
	float:left;
	margin-top:20px;
}


/* ------fixed-column------------------------------------------------------------ */
.fixed-column-wrap {
    position: absolute;
    top: 0;
    left: 0   ;
    width:30%;
	height:100% ;
    background: #292929;
    z-index: 2;
    overflow: hidden;
}
.progress-bar-wrap {
	position:absolute;
	top:30px;
	left:30px;
	right:30px;
	height:20px;
	z-index:23;
}
.progress-bar-wrap:before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:1px;
	background:rgba(255,255,255,0.51);
	z-index:1;
}
.progress-bar {
    position:relative;
    height:5px;
    width:0%;
	z-index:2;
	top:8px;
}
.fixed-column-tilte {
	position:absolute;
	bottom:50px;
	left:0;
	right:0;
	z-index:21;
	font-family: 'Teko', sans-serif;
	font-weight:bold;
	font-size:64px;
	color:#fff;
	text-transform:uppercase;
}
.fixed-column-tilte span {
	position:relative;
	display:block;
}
.fixed-column-tilte:before {
	content:'';
	position:absolute;
	left:50%;
	width:50px;
	margin-left:-25px;
	height:4px;
	bottom:-6px;
}
.column-image-anim {
	position:absolute;
	left:0;
	right:100%;
	top:0;
	height:100%;
	z-index:20;
	background:#212121;
}
.column-wrap {
    float: right;
    width: 70%;
    position: relative;
}
.portf-wrap , .column-wrap  {
    min-height: 100vh;
} 
.bg-scroll {
    transition: all 200ms linear;
}
.bgscrl-anim {
	transform: scale(1.15);
    transition: all 10ms linear;
}

/* ------hero------------------------------------------------------------ */
.hero-wrap , .fs-slider-wrap {
	background:#292929;
	z-index:25;
}
.fs-slider .box-media-zoom , .grid-carousel .box-media-zoom {
	top:10px;
	margin-right:10px;
}
.grid-carousel .box-media-zoom  {
	margin-right:0;
}
.hero-border {
	position:absolute;
	background:#292929;
	z-index:4;
}
.hb-top {
	left:0;
	top:0;
	width:100%;
	height:10px;
}
.hero-dec {
	position:absolute;
	left:10%;
	bottom:28%;
	width:70%;
	height:45%;
	background: rgba(51,51,51,0.8);
	z-index:1;
}
.hero-slider {
	z-index:2;
}
.hb-bottom {
	bottom:0;
	height:10px;
	width:100%;
	left:0;
}
.hb-right {
	height:100%;
	width:10px;
	top:0;
	right:0;
}
.hero-corner {
    top: 50px;
    right: 50px;
    z-index: 21;
    border-top: 1px solid;
    border-right: 1px solid;
}
.hero-corner2 {
    top: 50px;
    left: 50px;
    border-top: 1px solid;
    border-left: 1px solid;
}
.hero-corner3 {
    bottom: 50px;
    right: 50px;
    border-bottom: 1px solid;
    border-right: 1px solid;
}
.hero-corner , .hero-corner2 , .hero-corner3   {
    position: absolute;
    width: 70px;
    height: 70px;
    z-index: 21;
    border-color: rgba(255,255,255,0.3);
}
.hero-slider-wrap_halftwo {
	position:absolute;
	right:0;
	left:0;
	height:100%;
	bottom:0;
	z-index:2;
}
.hero-slider-wrap {
	z-index:3;
}
.half-hero-wrap {
    position: absolute;
    left: 15%;
    z-index: 10;
    top: 29%;
}
.half-hero-wrap h1:before {
	content:'';
	position:absolute;
	left:70px;
	top:-50px;
	height:2px;
	width:50px;
}
.half-hero-wrap h1 {
    color: #fff; 
	font-family: 'Teko', sans-serif;
	text-transform:uppercase;
    font-size: 65px;
    text-align: left;
    font-weight: 900;
    line-height: 70px;
    padding-bottom: 20px;
    position: relative;
}
.half-hero-wrap h4 {
    text-align: left;
    font-size: 14px;
    float: left;
	max-width:550px;
    color: rgba(255, 255, 255, 0.71);
    font-weight: 400;
}
.rotate_text {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
	text-transform:uppercase;
    position: absolute;
    left: -40px;
	top:-23px;
    transform-origin: 0% 0%;
    transform: rotate(-90deg) translateY(-20px) translateX(calc(-100% - 40px));
}
.carousel-title-wrap{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:40px 50px 40px;
	z-index:2;
	z-index:20;
}
.carousel-title-wrap h2 {
	text-align:left;
	font-size:25px;
	text-transform:uppercase;
	letter-spacing:2px;
	float:left;
	width:100%;
	padding-bottom:4px;
	font-weight:700;
	font-family: 'Teko', sans-serif;
}
.carousel-title-wrap h2 a {
	color:rgba(255,255,255,1);
}
.carousel-title-wrap h2 a i {
	padding-left:18px;
    transition: all 100ms 2inear;
}
.carousel-title-wrap p {
	color:rgba(255,255,255,0.71);
}
.carousel-title-wrap h2 a:hover i {
	padding-left:25px;
}
.carousel-item_number {
	position:absolute;
	top:50px;
	left:30px;
	z-index:20;
	color:#fff;
	font-weight:400;
	font-size:16px;
}
.grid-carousel .bg {
	transition: all .5s ease-in-out;
	transform: scale(1.0);
}
.bg.hov-rot {
	transform: scale(1.2);
}
.impulse-wrap {
	background:#232323;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	-webkit-perspective: 1000;
}
.impulse-wrap .section-entry{
	top:-30px;
    transform: translateZ(40px);
} 
.mm-parallax {
	position:absolute;
	top:100px;
	left:100px;
	right:100px;
	bottom:100px;
	z-index:20;
	transform-style: preserve-3d;
}
.impulse-wrap:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.impulse-wrap .bg , .impulse-wrap .overlay {
	box-shadow: 0 20px 25px 0 rgba(18,17,30,.35);
}
.hero-wrap-item {
	top:45%;
}
.section-entry h1:before {
	content:'';
	position:absolute;
	width:50px;
	height:1px;
	top:-20px;
	left:50%;
	margin-left:-25px;
	z-index:20;
}
.section-entry h1 {
	position:relative;
	font-size:56px;
	font-weight:bold;
	font-family: 'Teko', sans-serif;
	color:#fff;
	text-transform:uppercase;
}
.section-entry h3 {
	color:#fff;
	font-size:18px;
	font-weight:800;
	margin-bottom:20px;
}
.scroll-down-wrap.sdw_hero {
	left:60px;
}
.swiper-container {width:100%;height:100%;margin:0 auto;}  .slider-wrap .swiper-slide , .center-carousel .swiper-slide , .fs-gallery-wrap .swiper-slide , .portfolio-wrap .swiper-slide{   position:relative; width: auto;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.slider-wrap  , .portfolio-wrap  , .hero-slider-img .swiper-slide {
	float:left;
	width:100%;
	height:100%;
	position:relative;
}
.slider-wrap.homecarousel , .center-carousel{
	height:100%;
}
.slider-wrap.homecarousel .swiper-slide{
	padding:0 0 0 0;
}
.slider-wrap.homecarousel.hompad  .swiper-container , .portfolio-wrap.hompad .swiper-container{
	padding-right:20px;
}
.slider-wrap .swiper-slide img , .fw-carousel  .swiper-slide img   {
	width: auto!important;
	height:100% !important;
	position:relative;
	z-index:1;
}
.slider-wrap .swiper-slide   , .fw-carousel  .swiper-slide    {
 	width: auto!important;
	height:100% !important;
	display:inherit !important;
}
.show-case-slider-wrap {
    height: 600px;
	background:#383838;
	padding:20px;
}
.fw-carousel_pagination-wrap {
	position:absolute;
	bottom:-36px;
	left:0;
	width:100%;
	z-index:100
}
.ss-slider-controls {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:100;
	border-radius:4px 4px 0 0;
}
.ss-slider-pagination{
    padding: 10px 50px 12px;
    border-radius: 0 0 4px 4px;
    background: #383838;
	position:relative;
	display:inline-block;
}
.fw-carousel_pagination {
	float:left;
    padding: 10px 50px 12px;
    border-radius: 0 0 4px 4px;
    background: #383838;
	position:relative;
}
.fw-carousel_pagination:before {
	content:'';
	position:absolute;
	left:50%;
	margin-left:-50px;
	top:4px;
	width:100px;
	height:1px;
	background:rgba(255,255,255,0.2);
}
.fw-carousel_pagination .swiper-pagination-bullet , .ss-slider-pagination .swiper-pagination-bullet{
    width:6px;
    background: none;
    position: relative;
    height: 6px;
    opacity: 1;
	margin:0 6px;
}
.slide-numb {
	position:absolute;
	bottom:20px;
	left:20px;
	font-weight:500;
	color:#fff;
	font-size:16px;
	z-index:10;
}
.show-info {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 80%;
	z-index: 15;
}
.show-info span {
	text-transform: uppercase;
	font-size: 10px;
	color: #fff;
	cursor: pointer;
	letter-spacing: 2px;
	float: right;
	font-weight: 600;
	position:relative;
	top:-24px;
	right:30px;
}
.tooltip-info {
	height: auto;
	line-height: 20px;
	padding: 15px 30px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	text-indent: 0px;
	position: absolute;
	background: #383838;
	bottom: 0;
	opacity: 0;
	right: 0;
	margin-bottom: 52px;
	visibility: hidden;
	pointer-events: none;
	text-align: left;
	z-index: 16;
	transition: all 300ms linear;
}
.tooltip-info p {
	font-size: 12px;
	color: #888;
 
}
.tooltip-info h5 {
	font-size: 16px;
	margin-top: 12px;
	padding: 5px 0;
	position: relative;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
	color: #fff;
}
.show-info:hover .tooltip-info {
	visibility: visible;
	opacity: 1;
	bottom: 0;
}
.fcb  , .ss-slider-cont{
	position:absolute;
	z-index:20;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:4px;
	background:#292929;
	top:50%;
	font-size:14px;
	margin-top:-18px;
	cursor:pointer;
}
.fw-carousel-button-prev , .ss-slider-cont-prev {
	left:50px;
}
.fw-carousel-button-next , .ss-slider-cont-next {
	right:50px;
}
.fcb:hover  , .ss-slider-cont:hover {
	color:#fff;
}
.option-panel {
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
	background:#292929;
	width:30%;
	height:80px;
	overflow:hidden;
}
.option-panel:before {
	content:'';
	position:absolute;
	width:30%;
	left:20px;
	top:20px;
	bottom:20px;
	z-index:-1;
	background:rgba(255, 255, 255, 0.04);
}
.swiper-counter {
	position: relative;
	font-size:16px;
	font-weight: 700;
	font-size: 12px;
	color: #999;
	float:left;
	width:100%;
}
.swiper-counter div {
	position:absolute;
	top:20px;
	width:32px;
	height:32px;
	line-height:32px;
}
.swiper-counter div#current {
	right:40px;
}
.swiper-counter div#total {
	right:10px;
}
.swiper-counter div#total:before {
	content:'';
	position:absolute;
	left:-3px;
	width:6px;
	height:1px;
	top:50%;
	background:rgba(255,255,255,0.41);
}
.slide-progress-container {
	position:absolute;
	height:1px;
	z-index:3;
	bottom:40px;
	right:100px;
	left:40px;
}
.slide-progress-warp {
	float:left;
	position:relative;
	height:1px;
	background:rgba(255,255,255,0.41);
	z-index:10;
	bottom:0;
	width:100%;
}
.slide-progress-warp.grid-carousel-progress {
	position:absolute;
	left:20%;
	right:25%;
	width:inherit;
	top:50%;
	bottom:inherit;
}
.slide-progress {
	position:absolute;
	top:50%;
	left:0;
	height:1px;
	border-radius:6px;
	margin-top:-1px;
	width:0;
	max-width:100%;
}
.hero-slider-wrap_pagination {
	position:absolute;
	top:35%;
	right:10px;
	width:50px;
	padding:70px 0;
	background: #292929;
	z-index:100;
	border-radius:10px 0 0 10px;
}
.hero-slider-wrap_pagination .swiper-pagination-bullet {
	width:100%;
	background:none;
	position:relative;
	height:6px;
	opacity:1;
}
.hero-slider-wrap_pagination .swiper-pagination-bullet:last-child {
	margin-bottom:0;
}
.hero-slider-wrap_pagination .swiper-pagination-bullet:before , .fw-carousel_pagination .swiper-pagination-bullet:before , .ss-slider-pagination .swiper-pagination-bullet:before{
	content:'';
	position:absolute;
	left:50%;
	top:0;
	height:100%;
	width:6px;
	border-radius:100%;
	background:#fff;
	margin-left:-3px;
}
.hero-slider-wrap_pagination .swiper-pagination-bullet:after  , .fw-carousel_pagination .swiper-pagination-bullet:after ,   .ss-slider-pagination .swiper-pagination-bullet:after{
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:12px;
	height:12px;
	margin:-6px 0 0 -6px;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.4);
	border-radius:100%;
    transition: all 200ms linear;
    transform :scale(0.0);
}
.hero-slider-wrap_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after , .fw-carousel_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after  , .ss-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{
    transform :scale(1.6);
}
.hero-slider_control-wrap {
	position:absolute;
	right:20px;
	bottom:20px;
	z-index:20;
}
.hsc {
	float:left;
	width:40px;
	height:40px;
	line-height:40px;
	color:#fff;
	font-size:34px;
	cursor:pointer;
}
.hsc:hover {
	color:#fff;
}
.scroll-down-wrap {
	position:absolute;
	bottom:30px;
	left:35%;
	z-index:100
}
.scroll-down-wrap.scdw2 {
	left:15%;
}
.scroll-down-wrap span {
	float: left;
	margin-left: 20px;
	position: relative;
	top: 8px;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing:1px;
	color:  rgba(255,255,255,0.7);
}
.scroll-down-wrap span:before {
	content:'';
	position:absolute;
	left:0;
	right:70%;
	bottom:-5px;
	height:1px;
	background: rgba(255,255,255,0.7);
}
.scroll-down-wrap.transparent_sdw span:before {
	background:#fff;
}
.mousey {
	float: left;
	width: 20px;
	height: 30px;
	border-radius: 4px;
	padding: 0 6px;
	border: 2px solid #fff;
	box-sizing: border-box;
}
.scroll-down-wrap.transparent_sdw .mousey {
	border-color:#fff;
}
.scroller {
	position: relative;
	left: 50%;
	top: 6px;
	margin-left: -1px;
	width: 2px;
	height: 6px;
	background:#fff;
	border-radius: 25%;
	animation-name: scroll;
	animation-duration: 2.2s;
	animation-timing-function: cubic-bezier(.15, .41, .69, .94);
	animation-iteration-count: infinite;
}
.scroll-down-wrap.transparent_sdw .scroller {
	background:rgba(255,255,255, 0.4);
}
@keyframes scroll {
	0% {
		opacity: 0;
	}
	10% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(10px);
		opacity: 0;
	}
}
.scroller2 {
	top:50%;
	margin-top:-3px;
	animation-name: scroll2;
	animation-duration: 2.2s;
	animation-timing-function: cubic-bezier(.15, .41, .69, .94);
	animation-iteration-count: infinite;
}
@keyframes scroll2 {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}


/*------ responsive ------------------------------------------------*/ 
@media only screen and (max-width: 1600px) {
.client-list li a {
    padding: 10px;
}
}
@media only screen and (max-width: 1500px) {
.column-wrap  {
	width:100%;
}
.fixed-column-wrap {
	display:none;
}
}
@media only screen and (max-width: 1064px) {
.mob-bg {
	display:block;
}
.page-load {
	left:0;
}
.fixed-column-wrap  , .height-emulator  , .folio-btn-tooltip , .header-social:before , .share-wrapper:before , .element   {
	display:none;
}
.column-wrap {
    width: 100%;
}
.main-footer {
	position:relative;
	float:left;
	width:100%;
    left: 0;
}
.content-inner  {
	margin-bottom:20px;
}
.video-promo-text{
    padding-left:0;
	margin-top:40px;
}
#wrapper {
    top: 70px;
    left: 0;
}
.main-header {
	height:70px;
    width: 100%;
    bottom:inherit ;
}
.folio-btn {
    right: 0;
    height: 70px;
	width: 70px;
}
.folio-btn-item {
    left: 15px;
    top: 15px;
}
.hb-top {
    left: 0;
    top: 0;
    width: 10px;
    height:100%;
}
.nav-button {
    position: absolute;
    top: 20px;
	left:110px;
}
.logo-holder {
    top: 14px;
    left: 15px;
}
.logo-holder img {
    width: 44px;
    height: 44px;
}
.menu-button-text {
    bottom:10px;
}
.header-social {
	width:auto;
    bottom: 17px;
	right:90px;
    padding:  0;
}
.header-social  li{
	float:left;
    margin-top:0;
}
.nav-holder  , .nav-holder-dec{
    bottom:0;
    top: 70px;
}
.nav-scroll-bar-wrap {
    padding: 90px 40px 100px 60px;
	bottom:100px;
}
.share-wrapper {
    left:0;
	bottom:0;
	background:#313131;
	padding:15px 15px 15px 20px;
}
.nav-holder-line {
    left:90px;
}
.piechart {
    width: 33%;
}
.half-hero-wrap {
    left: 50px;
	padding:0 50px 0 30px;
    top: 19%;
}
.half-hero-wrap h1 {
	font-size:45px;
	line-height:45px;
}
.rotate_text {
    font-size: 12px;
    left: 0;
}
.half-hero-wrap h4 {
    font-size: 12px;
}
.srv-link-text {
    margin-top: 30px;
}
.gallery-item, .gallery-item.gallery-item-second {
    width: 50% !important;
}
.show-case-slider-wrap {
    height: 400px;
}
.scroll-down-wrap.scdw2 {
	left:50px;
} 
}
@media only screen and  (max-width: 800px) {
.nav-holder  , .nav-holder-dec , .process-wrap li  , .filter-panel .folio-counter , .inline-folio-filters .folio-counter , .content-nav li {
	width:100%;
}
.inline-dark-filters {
	padding:20px 0;
}
.inline-dark-filters a {
    height: 25px;
    line-height: 25px;
}	
.main-about{
    padding-left:0;
	margin-top:40px;
}
.process-wrap li {
	margin-bottom:20px;
}
.process-wrap li:last-child {
	margin-bottom:0;
}
.inline-facts-wrap {
    width: 50%;
    margin-bottom: 25px;
}
.dark-bg:before , .piechart , .filter-panel .folio-counter div , .inline-folio-filters .folio-counter div  {
    width: 50%;
}
nav.nav-inner , .contacts-wrap li {
    width: 100%;
}
.contacts-wrap li {
	margin-bottom:20px;
} 
.option-panel , .folio-counter:after , .inline-folio-filters .folio-counter:after , .back-to-home-btn:after , .hide_onmobile , .arrowpagenav , .page-scroll-nav:after  , .page-scroll-nav li a:before   {
	display:none;
}
.scroll-down-wrap {
	left:50px;
}
.srv-link-text .btn{
	float:left;
	margin-top:30px;
}
.back-to-home-btn {
    float: right;
    margin-right:0;
	background:#383838;
	padding: 32px 34px;
    top:0;
}
.back-to-home-btn:before {
	left:-70px;
}
.blog-btn-filter {
	float: left;
	margin-right:0;
	top: 0;
	margin:15px 0 15px 15px;
}
.search-btn {
    top: 22px;
}
.content-nav:before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:1px;
	background:rgba(255,255,255,0.1);
}
.hero-wrap-item {
    top: 40%;
}
.section-entry h1 {
    font-size: 36px;
}
.section-entry h3 {
    font-size: 14px;
    font-weight: 800;
}
.mm-parallax {
    top: 50px;
    left: 50px;
    right: 50px;
    bottom: 50px;
}
.page-scroll-nav {
	background:#313131;
}
.page-scroll-nav li {
	margin-left:0;
	padding-left:0;
	margin-right:20px;
}    
}
@media only screen and (max-width: 560px) {
.sec-number  , .header-social  , .back-to-home-btn , .search-btn span {
	display:none;
}
.search-btn {
	margin-right:15px;
}
.blog-btn {
    padding: 10px 20px;
}
.footer-inner {
    padding: 70px 30px 40px 30px;
}
.to-top-btn {
    float: left;
    margin-right:0;
	margin-top:30px;
}
.inline-facts-wrap , .fixed-filter-panel_title , .team-box  {
    width: 100%;
}
.client-list li a {
    padding: 10px;
}
.client-list li {
	width:50%;
}
.hero-slider-wrap_pagination {
    width: 40px;
    padding: 30px 0;
}
.half-hero-wrap h1 {
	font-size:35px;
	line-height:35px;
}
.section-title h3, .small-section-title h3 {
	font-size:26px;
}
.nav-scroll-bar-wrap {
    padding: 40px 30px 100px 30px;
}
.nav-holder-line {
    left: 50px;
}
.half-hero-wrap {
	padding:0 50px 0 10px;
}
.gallery-item, .gallery-item.gallery-item-second , .policy-box  {
    width: 100% !important;
}
.policy-box {
	text-align:left;
}
.show-case-slider-wrap {
    height: 300px;
}
.page-scroll-nav ul {
    margin-left: 20px;
}
.page-scroll-nav li {
	margin-right:6px;
}    
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.bg {
		background-attachment: scroll !important;
		-webkit-background-size: cover;
		background-position: center;
	}
}