@charset "utf-8";

/*-------------Fonts---------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:300,400,500,600,700,700i,800,900&subset=latin-ext');
/*-------------General Style---------------------------------------*/
html{
	overflow-x:hidden !important;
	height:100%;
	scroll-behavior: smooth;
}
body{
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: 1.3177159590043923vw;
	height: 100%;
	text-align: center;
	background: #202020;
	color: #000;
	font-family: 'Raleway', sans-serif;
}
@media(max-width: 767px){
	body {
		font-size:18px;
	}
}

@-o-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}
/*--------------Typography--------------------------------------*/
p {
    text-align: left;
    font-size: 1.3177159590043923vw;
    line-height: 1.85;
    padding-bottom: 10px;
	font-weight:500;
}
@media(max-width:767px){
	p{
		font-size: 18px;
	}
}
.mrg-bt-20{
	margin-bottom: 20px;
}
blockquote {
	float:left;
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 15px solid #eee;
}
blockquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#494949;
}
.bold-title {
	float:left;
	font-size:24px;
	font-weight:800;
	color:#666;
	text-align:left;
	position:relative;
	padding-bottom:15px;
	width:100%;
}
.bold-title:before {
	content:'';
	position:absolute;
	bottom:-5px;
	left:0;
	width:50px;
	height:4px;
}
/* ---------Page preload--------------------------------------*/
.loader-holder {
	position:fixed;
	top:50%;
	left:50%;
	width:48px;
	height:48px;
	margin:-24px 0 0 -24px;
	z-index:500;
	-webkit-transform: translate3d(0,0,0);
}
.cssload-speeding-wheel {
	width: 47px;
	height: 47px;
	margin: 0 auto;
	border: 5px solid rgb(78 142 134);
	border-radius: 50%;
	border-left-color: transparent;
	border-right-color: transparent;
	animation: cssload-spin 575ms infinite linear;
		-o-animation: cssload-spin 575ms infinite linear;
		-ms-animation: cssload-spin 575ms infinite linear;
		-webkit-animation: cssload-spin 575ms infinite linear;
		-moz-animation: cssload-spin 575ms infinite linear;
}
@keyframes cssload-spin {
	100%{ transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes cssload-spin {
	100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes cssload-spin {
	100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes cssload-spin {
	100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes cssload-spin {
	100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
/* ---------Content Styles--------------------------------------*/
#main{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
 	opacity:0;
}
.container{
	max-width: 100%;
	width:92%;
	margin:0 auto;
	position: relative;
	z-index:5;
}
#wrapper {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
.content-holder{
	height:100%;
	right:0;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
.content {
	width:100%;
	position:relative;
	z-index:4;
	float:left;
	background:#fff;
}
.scroll-con {
	padding-top:100px;
}
.column-wrap {
	/*width:70%;*/
}
.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: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;
}
.respimg {
	width:100%;
	height:auto;
}
.overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.3;
	z-index:2
}
.fix-column {
	position:fixed;
	top:0;
	right:0;
	width:30%;
	height:100%;
	z-index:1;
}
.fix-column .overlay {
	opacity:0.4;
	z-index:2;
}
.dynamic-title {
	position:absolute;
	bottom:50px;
	left:0;
	width:100%;
	padding:0 50px;
	z-index:5;
}
.dynamic-title-wrap {
	padding:0 50px 30px 0;
}
.dynamic-title span{
	text-align:right;
	float:right;
	width:100%;
	color:#fff;
	font-weight:bold;
	font-size:64px;
}
.dynamic-title-wrap:before , .dynamic-title-wrap:after{
	content:'';
	position:absolute;
	bottom:0;
	right:0;
}
.dynamic-title-wrap:before {
	width:6px;
	height:100px;
}
.dynamic-title-wrap:after {
	width:100px;
	height:6px;
}
.porgress-bar-wrap {
	position:absolute;
	top:110px;
	bottom:110px;
	left:43px;
	width:1px;
	z-index:5;
	background:rgba(255,255,255,0.41);
}
.progress-bar {
    position:    relative;
    width:       4px;
	border-radius:3px;
	height:0%;
	z-index:2;
	float:left;
	left:-1px;
}
.pattern-wrap {
	position:absolute;
	z-index:4;
	width:50%;
	height:26%;
	bottom:0;
	right:0;
	opacity:0.3;
	background:url(../images/pattern.png) repeat;
}
 #feedback {
	position:absolute;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#fff;
	z-index:30;
	left:31px;
	top:85px;
}
.gray-bg {
	background:#f9f9f9;
}
/*------ Header  ------------------------------------------------*/
header.main-header {
	position:fixed;
	width:60%;
	height:70px;
	box-sizing:border-box;
	background:#191919;
	z-index:22;
	top:0;
	left:0;
 	-webkit-transform: translate3d(0,0,0);
	 display: flex;
	 align-items: center;
}
header.main-header:before {
	content:'';
	position:absolute;
	top:50%;
	left:320px;
	right:20px;
	height:1px;
	background:rgba(255,255,255,0.11);
}
header.main-header.anim-show {
	left:300px;
}
.logo-holder {
	float:left;
	position:relative;
	height:70px;
	padding:0 40px;
	border-right:1px solid rgba(255,255,255,0.11);
}
.logo-holder img {
	width: auto;
	height: 40px;
	float:left;
	margin-top:10px;
}
.nav-button-wrap {
	display:none;
}
/*------ nav ------------------------------------------------*/
.nav-holder {
	float:left;
	position:relative;
	margin-left:30px;
}
.nav-holder:before {
	content:'';
	position:absolute;
	top:0;
	right:-20px;
	width:20px;
	height:100%;
	background:#191919;
}
.nav-holder nav {
	position:relative;
	float:left;
	width:100%;
}
.nav-holder nav li{
	float:left;
	position:relative;
	box-sizing:border-box;
}
.nav-holder nav li ul {
	margin: 30px 0 0 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	min-width:325px;
	top: 58px;
	left: 0;
	z-index: 1;
	background: #191919;
	padding:14px 14px 14px;
	transition: all .2s ease-in-out;
}
.nav-holder nav li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}
.nav-holder nav li ul li ul {
	top: 0;
	left: -100%;
}
.nav-holder nav li ul li:hover  > ul  {
	opacity: 1;
	visibility: visible;
	right: 100%;
}
.nav-holder nav li ul li {
	float: none;
	display: block;
	border: 0;
	line-height:normal;
}
.nav-holder nav li a {
	float: left;
	padding: 15px 22px;
	line-height: 1;
	font-size: 1.3177159590043923vw;
	font-weight:700;
	letter-spacing: 1px;
	color: #fff;
	top:0px;
	background:#292929;
	position:relative;
	-webkit-transition: all 100ms linear;
    transition: all 100ms linear;
}
@media(max-width: 767px){
	.nav-holder nav li a {
		font-size:18px;
	}
}

.nav-holder nav li a:hover {
	color:rgba(255,255,255,0.71);
}
.nav-holder nav li ul li a {
	text-align:left;
	line-height:20px;
	padding: 10px 0px!important;
    font-size: 16px;
}
.nav-holder nav li.act-link a{
	color:#fff;
	text-shadow: 2px 6px 2px rgba(150, 150, 150, 0.34);
	background: #4e8e86;
}
.nav-holder nav li ul li a {
	background:none;
	padding:10px 22px;
}
.arrowpagenav {
	position:fixed;
	right:4%;
	margin-right:-20px;
	width:40px;
	height:120px;
	top:50%;
	margin-top:-60px;
	background:#292929;
 	-webkit-transform: translate3d(0,0,0);
	border-radius:6px;
	z-index:20;
}
.arrowpagenav:before {
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:1px;
	height:16px;
	margin-top:-8px;
	z-index:-1;
	background:rgba(255,255,255,0.11);
}
.arrowpagenav a {
	float:left;
	width:40px;
	height:60px;
	cursor:pointer;
}
.arrowpagenav a:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    color: #292929;
    top: 0;
    font-size: 20px;
    left: 0;
    line-height: 60px;
    width: 40px;
    height: 60px;
}
.arrowpagenav a:hover:before {
	color:#fff;
}
.arrowpagenav a.cts-down:before {
    content: "\f107";
}
.arrowpagenav a.cts-up:before {
    content: "\f106";
}
.cts-dot {
    display: none;
}
.to-top {
	position:fixed;
	bottom:0;
	right:5%;
	height:70px;
	width:auto;
	padding: 5px 5px;
	font-size:1.3177159590043923vw;
	margin-right:-70px;
	z-index:100;
 	-webkit-transform: translate3d(0,0,0);
    cursor: pointer;
    background: #292929;
	color:#fff;
	cursor:pointer;
	display:none;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
@media(max-width: 767px){
	.to-top{
		font-size:18px;
	}
}

.to-top i {
	float:left;
	width:100%;
	margin-top:18px;
	font-size:20px;
	padding-bottom:8px;
}
.to-top span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#eee;
	opacity:0.6;
	font-size:1.3177159590043923vw;
}
@media(max-width: 767px){
	.to-top span{
		font-size:18px;
	}
}

/* ---------Button--------------------------------------*/
.btn{
	float:left;
	margin-top:10px;
	font-size: 1.3177159590043923vw;
	color: #fff;
	margin-right:10px ;
	text-align: center;
	width: auto;
	letter-spacing: normal;
	position: relative;
	-moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    outline: none;
	padding: 15px 18px;
    display: inline-block;
	border-radius:4px;
	z-index:10;
	-webkit-transform: translate3d(0,0,0);
	font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    cursor: pointer;
}
@media(max-width: 767px){
	.btn{
		font-size:18px;
	}
}

.btn i{
	padding-right: 10px;
	font-size: 15px;
	background:#414146;
	padding: 14px 20px;
	position: absolute;
	top: -2px;
	left: 0;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.btn.hide-icon span {
	padding: 0 33px;
	-webkit-transition: all 500ms linear;
    transition: all 500ms linear;
	font-family: 'Montserrat', sans-serif;
	font-size:18px;
	text-transform:uppercase;
}
.btn.hide-icon i {
	padding: 11px 20px 10px;
	left: -60px;
	height: 100%;
	line-height: 25px;
	display: inline-block;
	position: absolute;
	color:#fff !important;
	top: 0;
}
.btn.hide-icon:hover i{
	left: 0;
}
.btn.hide-icon:hover span {
	padding-left: 59px;
	padding-right: 11px;
}
.btn.no-align {
	float:none;
	display:inline-block;
}
/*------ footer-------------------------------------------------*/
footer.main-footer {
	float:left;
	width:100%;
	position:relative;
	padding:90px 0 0 0;
}
.dark-footer {
	background:#404040;
}
.footer-widget  {
	margin-bottom:30px;
}
.footer-widget .footer-widget  {
	margin-bottom:0px;
}
.footer-widget h3 {
	font-size:18px;
	text-transform:uppercase;
	float:left;
	text-align:left;
	width:100%;
	margin-bottom:20px;
	color:#fff;
	letter-spacing:2px;
	font-weight:700;
}
.about-widget h4 {
 	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #bcbcbc;
	padding-top:6px;
	font-size:17px;
	text-align:left;
	width:100%;
	float:left;
	margin-bottom:12px;
}
.about-widget p {
	color:#fff;
}
.about-widget p {
	border-bottom:1px solid rgba(255,255,255,0.21);
}
.about-widget .btn {
	margin-top:20px;
}
.about-widget:before {
	content:'';
	position:absolute;
	top:-20px;
	left:-20px;
	width:90px;
	height:90px;
	opacity:0.2;
	background:url(../images/logo.png) no-repeat center center;
	z-index:-1;
}
.sub-footer {
	margin-top:0px;
	background:#1e1e1e;
	border-top:1px solid rgba(255,255,255,0.21);
	padding:22px 0;
}
.copyright {
	float:left;
	text-align:left;
 	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #bcbcbc;
}
.footer-social {
	float:right;
}
.footer-social li {
	float:left;
	margin-left:12px;
}
.footer-social li a{
	color:#999;
	font-size:18px;
}
.footer-social li a:hover {
	color:#fff;
}
.footer-menu {
	margin-top:20px;
}
.footer-menu  li {
	float:left;
	text-align:left;
	margin-right:16px;
}
.footer-menu  li a {
	color:#eee;
	font-size:18px;
 	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
.tweet_join {
	display:none;
}
#footer-twiit {
	text-align:left;
}
#footer-twiit .tweet_text a , .tweet_time a {
	color:#fff;
}
#footer-twiit .tweet_text {
	font-size:18px;
	font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
	color:#999;
	float:left;
	width:100%;
	margin: 10px 0;
}
#footer-twiit  .timePosted a {
	color:#ccc;
 	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
.subscribe-widget p {
	color:#ccc;
}
.subscribe-widget {
	border-bottom:1px solid rgba(255,255,255,0.21);
	padding-bottom:20px;
	margin-bottom:10px;
}
.footer-widget #subscribe {
	float:left;
	width:75%;
}
@media(max-width:767px){
	.footer-widget #subscribe {
		width:100%;
	}
}
.footer-widget #subscribe .enteremail {
	float: left;
    width: 63%;
    background: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    padding: 0 15px;
    box-sizing: border-box;
    border: 1px solid #eee;
    font-size: 18px;
}
@media(max-width:767px){
	.footer-widget #subscribe .enteremail {
		width: 55%;
	}
}
.footer-widget #subscribe-button {
	border: none;
    border-radius: 0px 5px 5px 0px;
    width: 35%;
    height: 40px;
    line-height: normal;
    color: #fff;
    font-size: 18px;
    float: left;
    margin-top: 0;
    padding: 8px 18px;
}
@media(max-width:767px){
	.footer-widget #subscribe-button {
		width: auto;
		margin-right: 0;
	}
}
.footer-widget #subscribe-button.btn.hide-icon i {
	left: inherit;
	right: -60px;
	border-radius: 0;
}
.footer-widget #subscribe-button.btn.hide-icon:hover i {
    right: 0;
}
.subscribe-message {
	float:left;
	width:100%;
	margin-top:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#fff;
	opacity:0.7;
	text-align:left;
}
/*------ Home -------------------------------------------------*/
.full-height-wrap , .hero-wrap  , .full-screen-slider-holder , .full-screen-slider , .full-screen-item , .slideshow-item , .slideshow-item .item   , .fullheight-carousel-holder , .fullheight-carousel , .carousel-item {
	float:left;
	width:100%;
	height:100%;
	position:relative;
	z-index:3;
	overflow:hidden;
}
.hero-wrap  {
	z-index:22;
}
.fullheight-carousel-holder {
	background:#fff;
}
.full-screen-item {
	position:relative;
}
.hero-title {
	width:70%;
	position:relative;
	float:left;
	top:30%;
	z-index:4;
}
.hr-text {
	float:right;
	position:relative;
	max-width:750px;
	padding:70px 30px 70px 0;
}
.hr-text:before {
	content:'';
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:1px;
	background: rgba(255,255,255,0.2);
}
.hr-text:after {
	content:'';
	position:absolute;
	top:20px;
	bottom:20px;
	right:0;
	width:100%;
	background: rgba(0,0,0,0.11);
	z-index:-1;
}
.hr-text h3 {
	float:right;
	width:100%;
	text-align:right;
	font-size:46px;
	font-weight:bold;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
}
.hr-text h4 {
	float:right;
	width:100%;
	text-align:right;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	margin-bottom:20px;
}
.hr-text p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#fff;
	opacity:0.7;
	float:left;
	width:100%;
	margin-top:25px;
	text-align:right;
}
.hr-text .bold-separator {
	float:right;
}
.hr-text .btn {
	float:right;
}
.slideshow-holder {
	 position:absolute;
	 top:0;
	 left:0;
	 width:100%;
	 height:100%;
	 z-index:-1;
}
.blur-slider .hero-title ,  .fullheight-carousel .carousel-link-holder {
	 -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
     -webkit-transition-delay: 0.5s;
     -o-transition-delay: 0.5s;
     -moz-transition-delay: 0.5s;
     transition-delay: 0.5s;
}
.hero-grid {
	float:left;
	width:50%;
	height:50%;
	position:relative;
	overflow:hidden;
}
.hero-slider , .hero-slider .item{
	float:left;
	width:100%;
	height:100%;
	position:relative;
}
.num-holder {
	float:left;
	padding: 0 30px;
	position:relative;
	top:22px;
	color:#fff;
	font-weight:700;
	font-family: 'Montserrat', sans-serif;
}
.slide-progress-warp {
	position:absolute;
	height:1px;
	background:rgba(255,255,255,0.41);
	z-index:10;
	top:50%;
	right:100px;
	left:130px;
}
.slide-progress {
	position:absolute;
	top:50%;
	left:0;
	height:4px;
	border-radius:6px;
	margin-top:-2.5px;
	width:0;
	max-width:100%;
	background:#000;
}
.panel-dots-wrap {
	position:absolute;
	bottom:0;
	left:0;
	width:70%;
	height:70px;
	z-index:9;
}
.panel-dots {
	margin:37px   0 0;
	width:100%;
	float:left;
	padding:0 50px;
	position:relative;
}
.panel-dots-wrap:before {
	content:'';
	position:absolute;
	top:50%;
	margin-top:2px;
	left:50px;
	width:55%;
	height:1px;
	background:rgba(255,255,255,0.21);
}
.panel-dots-container {
	float:right;
	margin-right:30px;
}
.panel-dots .owl-dot{
	float:left;
	width:50px;
	height:3px;
	cursor:pointer;
}
.panel-dots .owl-dot span {
	float:left;
	width:40px;
	position:relative;
	right:3px;
	background:rgba(255,255,255,0.51);
	height:3px;
	 -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
}
.panel-dots .owl-dot.active span {
	background:#fff;
}
.fullheight-carousel    .owl-item.center .overlay {
	opacity:0.3;
}
.fullheight-carousel    .owl-item.center .slider-mask {
	opacity:0.3;
}
.slider-opt-holder {
	position:absolute;
	right:0;
	bottom:0;
	width:30%;
	background:rgba(0,0,0,0.61);
	height:60px;
	z-index:10;
	padding:0 60px;
}
.slider-opt-holder.single-fs-slider {
	width:150px;
	height:50px;
	padding:0 20px 0 40px;
}
.slider-opt-holder .customNavigation a   {
	position:absolute;
	top:0;
	width:60px;
	height:60px;
	line-height:60px;
	z-index:10;
	cursor:pointer;
	box-sizing:border-box;
	font-size:20px;
}
.slider-opt-holder .customNavigation a:hover {
	color:#fff;
}
.full-screen-slider-holder .customNavigation a.next-slide , .fullheight-carousel-holder .customNavigation a.next-slide {
	right:0;
}
.full-screen-slider-holder .customNavigation a.prev-slide , .fullheight-carousel-holder .customNavigation a.prev-slide{
	left:0;
}
 .carousel-item   {
	/* position:relative;
	width:100%;
	top:50%;
	left:0;
	float:left;
	z-index:6; */
	position: relative;
    width: 100%;
    /* top: 0; */
    bottom: 80px;
    left: 0;
    float: left;
    z-index: 6;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.single-carousel  .item{
	position:relative;
	overflow:hidden;
}
.single-carousel .item:after {
	content:'';
	position:absolute;
	left:10%;
	width:80%;
	/*background:rgba(255,255,255,0.41);*/
	height:1px;
	z-index:2;
}
.single-carousel .item:after {
	bottom:50px;
}
.single-carousel .item .bg  ,  .single-carousel .item:after{
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.bg.hov-rot {
	 -webkit-transform: scale(1.3) rotate(5deg);
	transform: scale(1.3) rotate(5deg); 
	/*-webkit-transform: scale(1.1);
	transform: scale(1.1);*/
}
.single-carousel  .owl-item.center .item:after {
	width:0;
}
.hero-carousel .item p  {
	padding-top:15px;
	font-size:1.3177159590043923vw;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#eee;
	text-align:center;
}
@media(max-width:767px){
	.hero-carousel .item p{
		font-size: 18px;
	}
}
.hero-carousel h3 {
	position:relative;
	font-weight:bold;
	font-size:27px;
	display: flex;
    align-items: center;
    justify-content: center;
	/* background-image: url("data:image/svg+xml,%3Csvg width='587' height='50' viewBox='0 0 587 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.7519 1.90054C37.6012 3.19043 56.768 5.77055 77.4875 7.70593C119.964 11.576 124.108 12.2211 109.604 12.5438C100.539 12.8662 100.021 13.0276 105.719 14.1565C111.417 15.2853 111.158 15.4463 102.611 15.607C97.1726 15.7684 92.7682 14.9619 92.7682 14.1565C92.7682 12.2214 57.2851 12.0601 55.472 13.9951C52.3641 16.8962 71.5303 20.6066 90.6965 20.768C119.187 20.9294 126.957 23.0257 104.423 24.3156C27.7586 28.8308 22.8376 29.4759 8.07465 35.1199C-3.06268 39.3127 -2.80351 41.8928 9.62856 46.0856C22.3198 50.6008 43.8175 51.0845 84.9957 48.182C108.306 46.408 164.768 46.0856 345.552 46.247C547.055 46.5694 576.582 46.4084 577.877 44.312C578.913 42.5383 576.841 41.5705 570.107 40.7643C563.114 39.9578 561.559 39.3138 564.408 38.1842C566.998 37.2167 565.704 36.7337 560.005 36.7337C555.346 36.7337 550.162 35.4434 547.315 33.5084C542.655 30.2831 542.911 30.2831 563.114 30.1218L583.575 29.9604L571.919 27.864C548.091 23.8326 547.055 23.5099 552.753 22.0586C557.157 20.9297 557.157 20.7687 553.012 20.7687C550.163 20.6073 549.128 19.8012 550.163 18.8337C551.199 17.5438 556.897 17.3832 566.996 18.0272C582.018 19.1561 585.126 18.1886 579.168 14.4796C576.839 13.029 577.355 12.5446 582.276 12.5446C591.6 12.5446 586.68 10.7705 571.398 8.51316C558.707 6.57814 558.189 6.41677 564.146 4.80414C575.542 2.06263 532.548 1.41786 275.359 0.450359C58.0622 -0.356863 29.8309 -0.195846 34.7519 1.90054Z' fill='%234E8E86'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat no-repeat;
	background-position: center center;
	background-size: contain;
    width: 100%;
    height: 50px; */
}
.hero-carousel h3:before{
	content:'';
	position: absolute;
    width: 100%;
    height: 50px;
    top: -7px;
    left: 0px;
	background-image: url("data:image/svg+xml,%3Csvg width='587' height='50' viewBox='0 0 587 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.7519 1.90054C37.6012 3.19043 56.768 5.77055 77.4875 7.70593C119.964 11.576 124.108 12.2211 109.604 12.5438C100.539 12.8662 100.021 13.0276 105.719 14.1565C111.417 15.2853 111.158 15.4463 102.611 15.607C97.1726 15.7684 92.7682 14.9619 92.7682 14.1565C92.7682 12.2214 57.2851 12.0601 55.472 13.9951C52.3641 16.8962 71.5303 20.6066 90.6965 20.768C119.187 20.9294 126.957 23.0257 104.423 24.3156C27.7586 28.8308 22.8376 29.4759 8.07465 35.1199C-3.06268 39.3127 -2.80351 41.8928 9.62856 46.0856C22.3198 50.6008 43.8175 51.0845 84.9957 48.182C108.306 46.408 164.768 46.0856 345.552 46.247C547.055 46.5694 576.582 46.4084 577.877 44.312C578.913 42.5383 576.841 41.5705 570.107 40.7643C563.114 39.9578 561.559 39.3138 564.408 38.1842C566.998 37.2167 565.704 36.7337 560.005 36.7337C555.346 36.7337 550.162 35.4434 547.315 33.5084C542.655 30.2831 542.911 30.2831 563.114 30.1218L583.575 29.9604L571.919 27.864C548.091 23.8326 547.055 23.5099 552.753 22.0586C557.157 20.9297 557.157 20.7687 553.012 20.7687C550.163 20.6073 549.128 19.8012 550.163 18.8337C551.199 17.5438 556.897 17.3832 566.996 18.0272C582.018 19.1561 585.126 18.1886 579.168 14.4796C576.839 13.029 577.355 12.5446 582.276 12.5446C591.6 12.5446 586.68 10.7705 571.398 8.51316C558.707 6.57814 558.189 6.41677 564.146 4.80414C575.542 2.06263 532.548 1.41786 275.359 0.450359C58.0622 -0.356863 29.8309 -0.195846 34.7519 1.90054Z' fill='%234E8E86'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat no-repeat;
	background-position: center center;
	background-size: contain;
    
	
}
.hero-carousel h3:after{
	content:'';
	/* background-image: url("data:image/svg+xml,%3Csvg width='118' height='51' viewBox='0 0 118 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_76_34' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='118' height='51'%3E%3Crect x='0.5' y='0.5' width='117' height='50' fill='%23D9D9D9' stroke='black'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_76_34)'%3E%3Cpath d='M-434.248 -2.71935C-431.399 -1.17149 -412.232 1.92466 -391.512 4.24711C-349.036 8.89114 -344.892 9.6653 -359.396 10.0526C-368.461 10.4395 -368.979 10.6331 -363.281 11.9877C-357.583 13.3424 -357.842 13.5356 -366.389 13.7284C-371.827 13.922 -376.232 12.9542 -376.232 11.9877C-376.232 9.66573 -411.715 9.47209 -413.528 11.7941C-416.636 15.2754 -397.47 19.7279 -378.303 19.9216C-349.813 20.1152 -342.043 22.6309 -364.577 24.1788C-441.241 29.5969 -446.162 30.3711 -460.925 37.1439C-472.063 42.1753 -471.804 45.2714 -459.371 50.3027C-446.68 55.7209 -425.182 56.3014 -384.004 52.8184C-360.694 50.6896 -304.232 50.3027 -123.448 50.4964C78.0553 50.8832 107.582 50.69 108.877 48.1744C109.913 46.046 107.841 44.8846 101.107 43.9172C94.1137 42.9494 92.5591 42.1766 95.4084 40.821C97.9984 39.66 96.7038 39.0804 91.0053 39.0804C86.3458 39.0804 81.1621 37.5321 78.3145 35.2101C73.6551 31.3398 73.9113 31.3398 94.1137 31.1461L114.575 30.9525L102.919 28.4368C79.0914 23.5991 78.0553 23.2118 83.7533 21.4703C88.157 20.1157 88.1571 19.9225 84.0125 19.9225C81.1632 19.7288 80.1276 18.7615 81.1632 17.6004C82.1987 16.0526 87.8974 15.8598 97.9956 16.6327C113.018 17.9873 116.126 16.8263 110.168 12.3755C107.839 10.6348 108.355 10.0535 113.276 10.0535C122.6 10.0535 117.68 7.92466 102.398 5.21579C89.7075 2.89377 89.1891 2.70013 95.1463 0.764969C106.542 -2.52484 63.5481 -3.29856 -193.641 -4.45957C-410.938 -5.42824 -439.169 -5.23501 -434.248 -2.71935Z' fill='%234E8E86'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat no-repeat;
	background-position: center center;
	background-size: contain;
    display: block;
    width: 73px;
    height: 51px;
    position: absolute;
    left: -48px; */
}
.hero-carousel h3 , .hero-carousel h3 a {
	color:#fff;
	top: -1px;
}
.hero-carousel h3:hover {
	opacity:0.6;
}
.hero-carousel .customNavigation {
	position:absolute;
	width:190px;
	height:40px;
	z-index:20;
	left:50%;
	margin-left:-95px;
	bottom:30px;
}
.hero-carousel .customNavigation a {
	width:40px;
	height:40px;
	position:relative;
	line-height:40px;
	color:#fff;
	font-size:20px;
	border-radius:6px;
	cursor:pointer;
}
.hero-carousel .customNavigation:before {
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:50px;
	height:1px;
	margin-left:-25px;
	background:rgba(255,255,255,0.21);
}
.hero-carousel .customNavigation a:hover {
	color:#666;
}
.hero-carousel .customNavigation a.next-slide {
	float:right;
}
.hero-carousel .customNavigation a.prev-slide {
	float:left;
}
.slideshow-slider {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}
.num-holder3 {
	position:absolute;
	bottom:60px;
	right:60px;
	z-index:2;
	color:#fff;
	padding:10px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	border-radius:6px;
	font-size:18px;
}
/*------ section ------------------------------------------------*/
section {
	float:left;
	width:100%;
	padding:70px 20px;
	position:relative;
	overflow:hidden;
}
.no-scrl-con {
	padding:70px 20px 70px 20px;
}
section .no-padding {
	padding:0;
}
.section-title {
	float:left;
	width:100%;
	position:relative;
	padding-bottom:50px;
}
.section-title:before {
	content:'';
	position:absolute;
	width:150px;
	height:150px;
	top:-25px;
	left:-25px;
	z-index:1;
	background:url(../images/pattern2.png) repeat;
	opacity:0.2;
}
.section-title h2 {
	float:left;
	font-size:46px;
	text-align:left;
	font-weight:bold;
	position:relative;
	z-index:2;
	font-family: 'Montserrat', sans-serif;
	color:#333;
}
.section-title h2:before {
	content:'';
	position:absolute;
	right:-150px;
	width:100px;
	height:1px;
	background:#ccc;
	top:50%;
}
.section-title p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 18px;
	color:#494949;
	float:left;
	width:100%;
	margin-top:25px;
	position:relative;
	z-index:2;
}
.section-separator {
	margin:15px 0;
}
.section-separator:before {
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:1px;
	background:#eee;
	z-index:1;
}
.section-separator:after {
	content:'';
	position:absolute;
	top:0;
	right:50%;
	width:50px;
	height:4px;
	z-index:2;
	margin-right:-25px;
	margin-top:-2px;
}
.parallax-title {
	position:absolute;
	top:5%;
	z-index:1;
	font-size:94px;
	color:#000;
	opacity:0.07;
	font-weight:900;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
.parallax-title.left-pos {
	left:0;
}
.parallax-title.right-pos {
	right:50px;
}
.bold-separator {
	width:70px;
	height:6px;
	background:#000;
	float:left;
	margin-top:15px;
}
.about-sep {
	margin-top:50px;
}
.mm-par-wrap{
	  -webkit-perspective: 1000;
}
.mm-parallax{
	-webkit-transition: all 1000ms cubic-bezier(.19,1,.22,1) 0ms;
  	transition: all 1000ms cubic-bezier(.19,1,.22,1) 0ms;
	box-shadow: rgba(0,0,0,0.17) 0 14px 24px 0;
}
.par-title {
	position:absolute;
	top:18%;
	right:-1%;
	z-index:2;
	min-width:500px;
	padding:30px 30px 30px 0;
}
.par-title:before {
	content:'';
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:1px;
	background:#eee;
}
.par-title:after {
	content:'';
	position:absolute;
	top:10px;
	bottom:10px;
	right:0;
	width:60%;
	background:#eee;
	opacity:0.3;
	z-index:-1;
}
.par-title h3 {
	float:right;
	width:100%;
	text-align:right;
	font-size:46px;
	font-weight:bold;
	color:#292929;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
}
.par-title h4 {
	float:right;
	width:100%;
	text-align:right;
	font-size:20px;
	font-weight:bold;
	color:#666;
	margin-bottom:20px;
}
.par-title p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#494949;
	float:left;
	width:100%;
	margin-top:25px;
	text-align:right;
}
.par-title .bold-separator {
	float:right;
}
.about-text {
	margin-top:50px;
}
.about-text h3 {
	float:left;
	width:100%;
	text-align:left;
	font-size: 2.1961932650073206vw;
	font-weight:bold;
	color:#666;
	margin-bottom: 0;
    font-family: 'Montserrat', sans-serif;
	
}
@media(max-width:767px){
	.about-text h3 {
		font-size:28px;
	}
}
.bio-list-wrap {
	padding-left:50px;
	margin-top:90px;
}
.bio-list-wrap.main-list {
	padding-left:0;
	margin-top:0;
}
.bio-list-wrap ul {
	float:left;
	width:100%;
	background:#f9f9f9;
	padding:20px 25px;
}
.bio-list-wrap ul:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "\f2ba";
    position: absolute;
    color: #666;
    bottom: 10px;
    font-size: 70px;
    right: 10px;
    opacity: 0.18;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.bio-list-wrap ul li {
	float:left;
	width:100%;
	text-align:left;
	padding:10px 0;

}
.bio-list-wrap ul li span {
	font-weight:bold;
}
.order-wrap {
	margin-top:80px;
	padding: 37px;
}
.order-wrap:before {
	content:'';
	position:absolute;
	top:-20px;
	left:50%;
	margin-left:-20px;
	width:40px;
	height:2px;
	background:#999;
}
.order-wrap h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#494949;
	padding-bottom:20px;
	font-size:24px;

}
/*------ facts ------------------------------------------------*/
.inline-facts {
	float:left;
	width:25%;
	box-sizing:border-box;
	position:relative;
}
.inline-facts:before {
	content:'';
	position:absolute;
	top:50%;
	right:-10px;
	width:20px;
	background:#666;
	height:1px;
	display: none;
}
.inline-facts:last-child:before {
	display:none;
}
.inline-facts-holder {
	padding:30px 50px;
	margin-top:40px;
}
.num {
	float:left;
	width:100%;
	font-size:56px;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	font-weight:900;
	text-transform:uppercase;
	padding-top:10px;
}
.num:after{
	content:'+';
	text-transform: capitalize;
}
.num.rupee:before{
	content:'₹';
	margin-right: 10px;
	text-transform: capitalize;
}
.num.cr:after{
	content:'Cr+';
}
.num.k:after{
	content:'K+';
}
.milestone-counter {
	float:left;
	width:100%;
	position:relative;
}
.stats {
	float:left;
	width:100%;
	position:relative;
}
.stats:before {
	content:'';
	position:absolute;
	top:6px;
	bottom:-22px;
	left:20px;
	right:20px;
	z-index:-1;
	background:#f9f9f9;
}
.milestone-counter:before {
	bottom:-35px;
	left:10px;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
}
.milestone-counter:after {
	bottom:-35px;
	right:10px;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
}
.inline-facts h6 {
	font-size:18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#fff;
}
.inline-facts i {
    position: absolute;
    color: #d1cbcb;
    bottom: -30px;
    font-size: 70px;
    right: 10px;
    opacity: 0.18;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*------resume------------------------------------------------*/
.sl-tabs {
	float:left;
	width:100%;
	position:relative;
}
.sl-tabs li{
	color: #666;
	float:left;
	width:100%;
	cursor: pointer;
}
.sl-tabs li.current {
    color: #fff;
}
.tb-item {
	float:left;
	width:100%;
	padding:30px 10px;
	background:#f9f9f9;
	border-bottom:1px solid #eee;
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
}
.sl-tabs li i {
    position: absolute;
    color: #666;
    bottom: 10px;
    font-size: 70px;
    right: 10px;
    opacity: 0.18;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sl-tabs li i  , .tb-item , .det-box h3 a , .det-box-link  {
	 -webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.sl-tabs li h3  , .tab-content h3 {
	font-weight:700;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
    font-size: 16px;
}
.tab-content{
	display: none;
	float:left;
	width:100%;
	position:relative;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	padding:0 20px 20px 0;
}
.tab-content:before {
	content:'';
	position:absolute;
	bottom:0;
	right:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 50px 50px;
	border-color: transparent transparent #4e8e86 transparent;
}
.tab-content img {
	margin-bottom:10px;
}
.tab-content p {
	font-size:1.3177159590043923vw;
}
@media(max-width: 767px){
	.tab-content p {
		font-size:18px;
	}
}
.tab-content.current{
	display: inherit;
}
.tab-content h3 {
	text-align:left;
	float:left;
	width:100%;
	padding:10px 0;
	font-size:18px;
}
.sl-tabs li.current i {
	color:#fff;
}
.custom-inner-holder {
	float:left;
	width:100%;
	padding-left:20px;
	border-left:1px solid #eee;
}
.custom-inner {
	float:left;
	width:100%;
	position:relative;
	margin-bottom:50px;
}
.custom-inner:last-child {
	margin-bottom:0;
}
.resum-header h3 {
	float:left;
	padding-bottom:14px;
	font-weight:600;
	font-size:18px;
	text-align:left;
	text-transform: uppercase;
}
.resum-header {
	float:left;
	width:100%;
	position:relative;
	padding:30px 10px 30px 70px;
	background:#f9f9f9;
	margin-bottom:30px;
}
.resum-header:before {
	content:'';
	position:absolute;
	top:50%;
	left:-26px;
	width:10px;
	height:10px;
	margin-top:-10px;
	border-radius:100%;
}
.resum-header span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.3177159590043923vw;
	width:100%;
	color:#666;
	text-align:left;
	float:left;
}
@media(max-width:767px){
	.resum-header span {
		font-size:18px;
	}
}
.resum-header:after {
	content:'';
	position:absolute;
	top:50%;
	left:10px;
	width:30px;
	height:1px;
	margin-top:-4px;
}
.custom-inner h4 {
	float:left;
	width:100%;
	padding-bottom:20px;
	font-weight:800;
	text-align:left;
	text-transform:uppercase;
	text-align:left;
}
.custom-inner-dec {
	float:left;
	width:100%;
	margin-top:10px;
	background:#eee;
	height:1px;
}
.custom-inner ul {
	float:left;
	width:100%;
	padding:10px 0 10px 13px;
	list-style:decimal;
}
.custom-inner ul li {
	float:left;
	width:100%;
	padding:5px 0 5px 5px;
	text-align:left;
	font-weight: 500;
    /* color: #666; */
    /* line-height: 1.45; */
}
.custom-inner .content-nav ul {
	position:relative;
	left:0;
	padding:0;
	list-style:none;
}
.custom-inner .content-nav ul li {
	float:left;
	width:50%;
	padding:0;
}
.custom-inner .btn {
	margin-top:20px;
}

/* --------- Skills --------------------------------------*/
.piechart-holder  , .custom-skillbar-holder{
    padding-top: 50px;
	float:left;
	width:100%;
	position:relative;
}
.piechart-holder h4 {
    font-size: 1.3em;
    text-transform: uppercase;
}
.chart {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    margin-bottom: 26px;
    text-align: center;
}
.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.piechart {
    position: relative;
	padding-bottom:20px;
}
.percent {
    display: inline-block;
    font-size: 21px;
    line-height: 152px;
    z-index: 2;
}
.percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: .8em;
}
.drk-ch .percent{
	color:#666;
}
.angular {
    margin-top: 100px;
}
.angular .chart {
    margin-top: 0;
}
.skills-description {
	float:left;
	width:100%;
	margin:10px 0;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	color:#666;
	font-size:1.3177159590043923vw;
}
@media(max-width: 767px){
	.skills-description {
		font-size:18px;
	}
}
.skill-name {
	position:absolute;
	top:40%;
	text-transform:uppercase;
	font-size:44px;
	font-weight:900;
	letter-spacing:4px;
	opacity:0.3;
	color:#000;
}
.skill-name span {
	opacity:0.3;
}
.skill-name-lanim {
	left:0;
}
.skill-name-ranim {
	right:0;
}
.skillbar-box {
	float:left;
	width:100%;
	position:relative;
	margin-bottom:50px;
}
.skillbar-bg {
	position:relative;
	display:block;
	float:left;
	width:100%;
	height:15px;
	overflow:hidden;
	background:#eee;
	border-radius:6px;
	overflow:hidden;
}
.custom-skillbar-title span {
	float:left;
	font-size:1.3177159590043923vw;
	margin-top:12px;
	padding-bottom:6px;
}
@media(max-width: 767px){
	.custom-skillbar-title span {
		font-size:18px;
	}
}
.custom-skillbar {
	height:15px;
	width:0px;
	border-radius:6px;
}
.skill-bar-percent {
	float:right;
	font-size:20px;
	margin-top:13px;
	padding-bottom:6px;
}
/*--------------Testimonials--------------------------------------*/
.testimonials-slider-holder {
 	margin-bottom:40px;
}
.testimonials-slider-holder .item {
	padding-top:80px;
}
.testi-item p {
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #999;
	padding:25px 0 30px;
	position:relative;
	font-size:1.3177159590043923vw;
}
@media(max-width: 767px){
	.testi-item p {
		font-size: 18px;
	}
	.skills-description {
		font-size:18px;
	}
}
.full-height-section .testi-item p {
	color:#000;
}
.testi-image {
	position:absolute;
	top:30px;
	left:50%;
	width:100px;
	height:100px;
	margin-left:-50px;
	z-index:10
}
.testi-item img {
	width:100px !important;
	height:100px;
	border-radius:100%;
	margin:0 auto 20px;
	border:10px solid #fff;
}
.testi-text {
	background:#f9f9f9;
	padding:75px 25px 25px 25px;
	overflow:hidden;
}
.testi-text:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	content: "\f10e";
	position:absolute;
	color:#eee;
	bottom:-10px;
	font-size:50px;
	right:20%;
	opacity:0.46;
	-webkit-transform: scale(5.2)  rotate(45deg);
	-moz-transform:scale(5.2)  rotate(45deg);
	transform: scale(5.2)  rotate(45deg);
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.testi-item h3 {
	font-size:18px;
	font-weight:700;
	padding-bottom:15px;
	float:left;
	width:100%;
	text-align:center;
}
.testi-item a.testim-link {
	font-size:1.3177159590043923vw;
	font-weight:700;
	margin:0 auto;
	position:relative;
}
@media(max-width: 767px){
	.testi-item a.testim-link {
		font-size:18px;
	}
}
.testi-item a.testim-link:before {
	content:'';
	position:absolute;
	top:-12px;
	left:50%;
	width:70px;
	margin-left:-35px;
	height:1px;
	border-top:1px dotted #ccc;
}
.testimonials-slider-holder .customNavigation a {
	position:absolute;
	top:50%;
	width:40px;
	height:40px;
	cursor:pointer;
	z-index:20;
	line-height:40px;
	font-size:20px;
	border-radius:4px;
}
.testimonials-slider-holder .customNavigation a.next-slide {
	right:0;
	margin-right:-20px;
	color: #fff;
}
.testimonials-slider-holder .customNavigation a.prev-slide {
	left:0;
	margin-left:-20px;
	color: #fff;
}
.testimonials-slider ul.star-rating {
	float:left;
	width:100%;
	margin:4px  auto 15px;
}
.testimonials-slider ul.star-rating li {
	display:inline-block;
	font-size:1.3177159590043923vw;
}
@media(max-width: 767px){
	.testimonials-slider ul.star-rating li {
		font-size:18px;
	}
}
.teti-counter {
	display:inline-table;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #fff;
	position:relative;
	top:30px;
	padding:10px 20px;
	border-radius:4px;
}
/* ---------services--------------------------------------*/
.serv-carousel-wrap .customNavigation a {
	position:absolute;
	top:-55px;
	cursor:pointer;
	width:40px;
	height:40px;
	background:#292929;
	z-index:20;
	border-radius:4px;
	line-height:40px;
	color:#fff;
}
.serv-carousel-wrap .customNavigation a:hover {
	background:#292929;
}
.serv-carousel-wrap .customNavigation a.next-slide {
	right:19px;
}
.serv-carousel-wrap .customNavigation a.prev-slide {
	right:64px;
}
.services-box-info {
	padding:20px 10px;
	border-bottom: 1px solid #eee;
}
.services-box-info h4{
	font-size:1.3177159590043923vw;
	font-weight:800;
	color:#494949;
}
.services-box-info p {
	font-size: 1.3177159590043923vw;
    padding: 20px 0 0px;
    color: #494949;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    /* border-bottom: 1px dotted rgba(0,0,0,0.11); */
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    /* height: 170px; */
	height: 190;
	
}
@media(max-width: 767px){
	.services-box-info h4, .services-box-info p {
		font-size:18px;
	}
	.services-box-info p{
		height: 185px;
	}
}
.services-box-info ul {
	margin:10px 0;
}
.services-box-info ul  li {
	padding:10px 0;
}
.price {
	padding:10px 15px;
	max-width:150px;
	margin:0 auto;
	font-size:1.3177159590043923vw;
	color:#fff;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	border-radius:6px;
}
@media(max-width: 767px){
	.price {
		font-size:18px;
	}
}

.serv-carousel .item{
	padding:0 20px 20px 20px;
}
.serv-item {
	background:#f9f9f9;
	border-radius:6px;
	overflow:hidden;
}
.serv-image {
	margin-bottom:20px;
}
.process-wrap li {
	float:left;
	width:25%;
	padding:15px 50px;
	position:relative;
}
.process-wrap li i {
	width:120px;
	height:120px;
	line-height:110px;
	background:#eee;
	margin:0 auto 20px;
	color:#fff;
	font-size:39px;
	border-radius:100%;
	border: 3px solid #f9f9f9;
	/*text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);*/
}
.process-wrap li .process-icon {
	width: 120px;
    height: 120px;
    background: #4e8e86;
    margin: 0 auto 20px;
    padding: 25px;
    color: #fff;
    border-radius: 100%;
    border: 3px solid #f9f9f9;
}
.process-wrap li h4 {
	text-align:center;
	float:left;
	width:100%;
	margin-bottom:10px;
	font-weight:700;
	font-size:20px;
}
.process-wrap p {
	text-align:center;
	color:#494949;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
.pr-dec {
	position:absolute;
	top:70px;
	right:-50px;
	width:90px;
	height:1px;
	border-bottom:1px dashed #ccc;
}
.pr-dec:before{
	content:'';
	position:absolute;
	top:-5px;
	right:-12px;
	width:10px;
	height:10px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* ---------clients--------------------------------------*/
.clients-list {
	margin-top:30px;
}
.clients-list:before {
	content:'';
	position:absolute;
	bottom:-20px;
	width:100px;
	height:1px;
	left:50%;
	margin-left:-50px;
	border-bottom:1px  dashed #ccc;
}
.clients-list li{
	float:left;
	width:25%;
	padding:25px 40px;
	position:relative;
}
.clients-list li:hover {
	opacity:0.6;
}
.clients-list li img {
	width:100%;
	height:auto;
}
/*------ Porfolio  ------------------------------------------------*/
.gallery-items {
	float:left;
	width:100%;
	position:relative;
}

.grid-item-holder {
	float:left;
	width:100%;
	height:auto;
	margin-left: 110px;
	position:relative;
	overflow:hidden;
}
@media(max-width: 767px){
	.grid-item-holder {
		margin-left: 0px;
	}
}
.custom_gallery .grid-item-holder{
    margin-left: 0px;
}
.grid-item-holder.m-0{
	margin: 0;
}
.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 0;
}
.gallery-item, .grid-sizer {
	width: 25%;
	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 {
	padding:18px 3px 30px;
	border:1px solid #eee;
	border-top:none;
	box-sizing:border-box;
	overflow:hidden;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.grid-item-holder:hover .grid-det{
	box-shadow: 0 0 29px -9px #ccc;
}
.grid-det h3 {
	font-weight:700;
	font-size:20px;
	float:left;
	width:100%;
	position:relative;
	padding:10px;
	z-index:2;
	text-align:center;
}
.grid-det h3 a:hover {
	 color:#666;
}
.grid-det span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #999;
	float:left;
	position:relative;
	z-index:2;
	text-align:center;
	width:100%;
}
.grid-det i {
	font-size:76px;
	color:#eee;
	position:absolute;
	bottom:-15px;
	right:10px;
	display:none;
	z-index:1;
}
.inline-filter .gallery-filters {
	float:left;
	margin-bottom:40px;
	overflow:hidden;
}
.inline-filter .gallery-filters a {
	float:left;
	padding:15px 28px;
	background:#292929;
	color:#fff;
	box-sizing:border-box;
	font-weight:700;
	font-size:1.3177159590043923vw;
	border-right:1px solid rgba(255,255,255,0.21);
	/* text-shadow: 2px 6px 2px rgba(150, 150, 150, 0.34); */
}
@media(max-width: 767px){
	.inline-filter .gallery-filters a {
		font-size:18px;
	}
}

.box-item {
	overflow:hidden;
}
.box-item.vis-det:before {
	content:'';
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.71);
	opacity:0;
	visibility:hidden;
}
.resume-content .box-item.vis-det:before {
	bottom:10px;
}
.box-item.vis-det a.image-popup , .box-item.vis-det a.popgal {
	position:absolute;
	top:-10%;
	left:50%;
	width:40px;
	height:40px;
	font-size:18px;
	line-height:40px;
	margin-left:-20px;
	margin-top:-20px;
	z-index:11;
	color:#fff;
	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 {
	opacity:0.6;

}
.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{
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.inline-filter .folio-counter {
	float:left;
	font-weight:700;
	position:relative;
	padding:15px 20px 14px;
	text-shadow: 2px 6px 2px rgba(150, 150, 150, 0.34);
}
.inline-filter .folio-counter div {
	display:inline-block;
	padding:0 6px;
}
.inline-filter .filter-button {
	display:none;
}
.fixed-filter {
	position:fixed;
 -webkit-transform: translate3d(0,0,0);
	width:calc(30% - 90px);
	height:70px;
	background:#292929;
	right:0;
	top:0;
	z-index:30;
}
.fixed-filter:before {
	content:'';
	position:absolute;
	top:0;
	left:1px;
	width:1px;
	height:100%;
	background:rgba(255,255,255,0.21);
}
.fixed-filter .gallery-filters {
	width:100%;
	position:absolute;
	top:100%;
	left:0;
	background:rgba(0,0,0,0.71);
	padding:90px 50px;
	display:none;
}
.fixed-filter .gallery-filters a {
	float:left;
	color:#fff;
	font-size:1.3177159590043923vw;
	font-weight:700;
	width:100%;
	margin-bottom:10px;
}
@media(max-width: 767px){
	.fixed-filter .gallery-filters a{
		font-size:18px;
	}
}

.fixed-filter .filter-button {
	float:left;
	color:#fff;
	cursor:pointer;
	height:42px;
	margin-left:20px;
	line-height:42px;
	padding:0 30px;
	font-size:1.3177159590043923vw;
	position:relative;
	top:13px;
	background:#141414;
	 border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#eee;
}
@media(max-width: 767px){
	.fixed-filter .filter-button{
		font-size:18px;
	}
}

.fixed-filter .folio-counter {
	float:left;
	color:#fff;
	height:40px;
	line-height:40px;
	padding:0 30px;
	position:relative;
	top:13px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.fixed-filter .folio-counter div {
	display:inline-block;
}
.no-pad-wrap {
	padding-left:1px;
}
.hd-box-wrap {
	position:absolute;
	bottom:-100px;
	left:0;
	right:0;
	padding:20px 20px 10px;
	background:#292929;
	z-index:10;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.hds .hd-box-wrap {
	left:2px;
	right:2px;
}
.grid-item-holder:hover .hd-box-wrap {
	bottom:0;
}
.hd-box-wrap h2 {
	float:left;
	width:100%;
	padding-bottom:5px;
	font-weight:800;
	text-align:left;
	font-size:1.3177159590043923vw;
	z-index:10;
}

.hd-box-wrap h2 a , .hd-box-wrap p a {
	color:#fff;
}
.hd-box-wrap p{
	padding-bottom:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#eee;
	opacity:0.7;
	text-align:left;
	font-size:1.3177159590043923vw;
	float:left;
	width:100%;
}
@media(max-width: 767px){
	.hd-box-wrap h2, .hd-box-wrap p {
		font-size:18px;
	}
}

.slider-zoom {
	position:absolute;
	top:30px;
	right:30px;
	width:36px;
	height:36px;
	border-radius:100%;
	line-height:36px;
	color:#fff;
	z-index:5;
	cursor:pointer;
	background:rgba(64,64,64,0.61);
}
.slider-zoom:hover {
	text-shadow: 2px 6px 2px rgba(150, 150, 150, 0.34);
}
.page-nav {
	float:left;
	width:100%;
	position:relative;
	margin-top:50px;
}
.page-nav:before {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	background:#eee;
}
.page-nav a {
	padding:13px 20px;
	color:#000;
	border-radius:3px;
	position:relative;
	background:#383838;
}
.page-nav a.ppn {
	float:left;
}
.page-nav a.npn {
	float:right;
}
.tooltip , .project-pagination ul li a  , #contact-form input[type="submit"]{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tooltip{
	width:200px;
	height: auto;
	line-height: 20px;
	padding: 10px;
	font-size: 1.3177159590043923vw;
	color: #fff;
	text-align: center;
	text-indent: 0px;
	position: absolute;
	background:#454545;
	bottom:0;
	opacity: 0;
	margin-bottom:20px;
	visibility: hidden;
	pointer-events: none;
	z-index:6;
}
.tooltip h5 {
	font-size:1.3177159590043923vw;
	margin-top:12px;
	padding:5px 0;
	position:relative;
	display:inline-table;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
}
@media(max-width: 767px){
	.tooltip, .tooltip h5{
		font-size:18px;
	}
}

.popup-gallery a {
	float:left;
	width:100%;
	position:relative;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.popup-gallery a:hover {
	opacity:0.6;
}
.box-pop {
	position:relative;
	float:left;
	width:100%;
	overflow:hidden;
}

.single-slider-holder .customNavigation a {
	position:absolute;
	top:50%;
	z-index:10;
	width:40px;
	height:40px;
	border-radius:6px;
	line-height:40px;
	background:#292929;
	cursor:pointer;
	font-size:15px;
}
.single-slider-holder .customNavigation a:hover {
	color:#fff;
}
.single-slider-holder .customNavigation a.next-slide {
	right:0;
}
.single-slider-holder .customNavigation a.prev-slide {
	left:0;
}
.dark-wrap {
	background:#202020;
}
.nopad-column  , .no-padding{
	padding:0;
}
.nopad-column {
	padding-top:70px;
}
.abt-wrap {
	margin-top:30px;
	padding-top:30px;
	padding-bottom:30px;
	border-top:1px solid #eee;
}
.text-title {
	float:left;
	width:100%;
	padding-bottom:20px;
	font-weight:700;
	font-size:18px;
	text-align:left;
}
.dec-list {
	float:left;
	padding:30px 30px 15px;
	background:#f9f9f9;

	margin-bottom:15px;
	position:relative;
	border-left:4px solid #eee;
}
.dec-list:before {
	 content: "\f0cb";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	position:absolute;
	color:#666;
	bottom:10px;
	font-size:70px;
	right:10px;
	opacity:0.08;
	-webkit-transform:  rotate(45deg);
	-moz-transform:   rotate(45deg);
	transform:   rotate(45deg);
}
.dec-list li {
	float:left;
	width:100%;
	margin-bottom:15px;
	text-align:left;
	font-weight:700;
}
.project-nav {
	margin-top:50px;
}
.prev-project , .next-project {
 	border:1px solid #eee;
	width:35%;
	overflow:hidden;
	background:#f9f9f9;
	position:relative;
}
.prev-project   {
	float:left;
}
.next-project {
	float:right;
}
.prev-project a:hover , .next-project a:hover {
	opacity:0.6;
}
.next-project:before {
	 content: "\f178";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	position:absolute;
	color:#666;
	bottom:-10px;
	font-size:70px;
	left:10px;
	opacity:0.08;
}
.prev-project:before {
	content: "\f177";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	position:absolute;
	color:#666;
	bottom:-10px;
	font-size:70px;
	right:10px;
	opacity:0.08;
}
.prev-project .prnav-image {
	float:left;
	width:33%;
}
.next-project .prnav-image {
	float:right;
	width:33%;
}
.prev-project .prnav-title {
	float:left;
	width:67%;
	padding:15px 30px;
	text-align:left;
	position:relative;
}
.next-project .prnav-title  {
	float:right;
	width:67%;
	padding:15px 30px;
	text-align:right;
	position:relative;
}
.prev-project .prnav-title:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:10px;
	height:200%;
}
.next-project .prnav-title:before {
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:10px;
	height:200%;
}
.prev-project .prnav-title a , .next-project .prnav-title a {
	font-weight:700;
	font-size:20px;
}
.prev-project .prnav-cat , .next-project .prnav-cat {
	float:left;
	width:100%;
	padding-top:6px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#666;
	font-size:1.3177159590043923vw;
	padding-top:6px;
}
@media(max-width: 767px){
	.prev-project .prnav-cat , .next-project .prnav-cat {
		font-size:18px;
	}
}

.center-nav{
	float:left;
	width:30%;
	position:relative;
	padding-top:20px;
	top:10px;
}
.center-nav:before {
	content:'';
	position:absolute;
	top:50%;
	left:15px;
	right:15px;
	background:#eee;
	height:1px;
	z-index:-2;
}
.center-nav:after {
	content:'';
	position:absolute;
	top:50%;
	width:70px;
	margin-left:-35px;
	left:50%;
	margin-top:-10px;
	background:#fff;
	height:20px;
	z-index:-1;
}
.center-nav a {
	width:50px;
	height:50px;
	display:inline-block;
	background:#292929;
	border-radius:100%;
	overflow:hidden;
	color:#fff;
	font-size:20px;
	text-shadow: 2px 6px 2px rgba(150, 150, 150, 0.34);
	line-height:50px;
}
.center-nav a:hover {
	text-shadow: 0px 0px 0px rgba(150, 150, 150, 0.0);
}
.project-nav a{
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
/*------ Video ------------------------------------------------*/
.iframe-holder {
	float:left;
	position:relative;
	width:100%
}
.resp-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin-bottom:20px;
}
.resp-video iframe,
.resp-video object,
.resp-video embed  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-mask {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
}
.background-video {
	z-index:1;
}
.media-container {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-controls {
	position: absolute;
	z-index:4;
	bottom:50px;
	right:150px;
	color:#ccc;
	cursor:pointer
}
.media-container .overlay {
	z-index:3;
	opacity:0.4;
}
.mob-bg {
	display:none;
}
.background-video {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
video,
source {
  bottom: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
}
.loaded .ytplayer-container {
  display: block;
}
.ytplayer-container {
  bottom: 0;
  height: 100%;
  left: 0;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.ytplayer-shield {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.ytplayer-player {
  position: absolute;
}
.video-holder{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden !important;
    top: 0;
    left: 0;
    padding: 0 !important;
}
.video-holder iframe  {
    position: absolute;
    top: -75px;
    left: 50%;
    width: 100%;
    height: 100%;
    display: block;
	overflow:hidden;
}
/*------ Contacts------------------------------------------------*/
.contact-info {
	float:left;
	width:100%;
	position:relative;
	padding:50px 0;
}
.contact-info ul li {
	float:left;
	color:#fff;
	margin-bottom:10px;
	border-right: 1px solid #292929;
    margin-right: 20px;
}
.contact-info ul li:last-child{
	border-right: 0;
    margin-right: 0px;
}
.contact-info ul li a {
	font-size:1.077159590043923vw;
	font-family: 'Montserrat', sans-serif;
	/*text-transform:lowercase;*/
	padding-right:20px;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
@media(max-width: 767px){
	.contact-info ul li a {
		font-size:18px;
	}
}

.contact-info ul li a i {
	padding-right:5px;
}
.contact-info ul li a:hover {
	opacity:0.6;
}
#contact-form {
	float:left;
	/*max-width:600px;*/
	padding-top:30px;
	width: 100%;
}
#contact-form input[type="text"], #contact-form  textarea,
#contact-form input[type="email"] {
	color: #000;
	font-size: 1.3177159590043923vw;
	padding: 15px 0;
	width: 100%;
	padding-left:10px;
	background:#f9f9f9;
	margin-bottom:20px;
	border:0;
	border:1px solid #eee;
	border-radius:4px;
	position:relative;
}
@media(max-width: 767px){
	#contact-form input[type="text"], #contact-form  textarea,
	#contact-form input[type="email"]  {
		font-size:18px;
	}
}

#contact-form input[type=text]:focus, #contact-form textarea:focus, input[type=email]:focus,
#contact-form input[type="email"]:focus {
	color:#000;
}
#contact-form textarea {
	height:170px;
	resize:none;
}
.controls button	{
	background:none;
	border:none;
	padding:16px 20px;
	line-height:14px;
	cursor:pointer;
	font-size:1.3177159590043923vw;
	color:#000;
	-webkit-appearance: none;
	float:left;
	font-family: 'Montserrat', sans-serif;
	border-radius:6px;
}
@media(max-width: 767px){
	.controls button {
		font-size:18px;
	}
}

#contact-form input[type="submit"]:hover , .controls button:hover{
	background:#292929;
	color:#fff;
}
#contact-form input[type="submit"] {
	border:none;
}
#contact-form input[type="submit"]:hover {
	background: #4e8e86;
}
.error_message {
	text-align:left;
	margin-bottom:30px;
	font-size:20px;
	color:#000;
	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:#000;
	margin-top:10px;
}
#message fieldset {
	border:none;
	color:#000;
}
/*------ map - ------------------------------------------------*/
.map-box {
	float:left;
	width:100% ;
	/*height:400px;*/
	position:relative;
	margin:40px 0;
}
#map-canvas{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:400px;
}
.map-box.column-map  , .map-box.column-map #map-canvas{
	height:100%;
	margin:0;
}
/*------ share------------------------------------------------*/
.show-share {
	position: absolute;
    right: -90px;
    z-index: 10;
    top: 0;
    height: 70px;
    width: 152px;
    border: 4px solid #4e8e86;
    cursor: pointer;
    background: #292929;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.show-share i {
	float:left;
	width:100%;
	margin-top:0px;
	font-size:20px;
	padding-bottom:8px;
}
.show-share.isShare  i:before {
	content: "\f00d";
}
.show-share i:before {
	content: "\f1e0";
}
.show-share span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#fff;
/*	opacity:0.6;*/
	font-size:1.3177159590043923vw;
}
@media(max-width: 767px){
	.show-share{
		right: 0;
		width: auto;
		padding: 0px 5px;
	}
	.show-share span {
		font-size:12px;
	}
	.share-icon {
		height: 40px;
		width: 40px;
		line-height: 40px;
	}
}

.share-container, .social_share {
	position:fixed;
	z-index:20;
	right:0;
	top:0;
	height:100%;
	width:100%;
	-webkit-transform: translate3d(0,0,0);
	background: rgba(0,0,0,0.81);
	display:none;
}
.social_share.show{
	display: block;
}
.share-icon {
    height:50px;
    width:50px;
	border-radius:100%;
	display:inline-block;
	position:relative;
	top:50%;
	position:relative;
	margin-left:10px;
	margin-bottom:10px;
	font-size:15px;
	line-height:50px;
	color: #fff;
}
.share-icon:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	text-shadow: 2px 6px 2px rgba(150, 150, 150, 0.34);
}
.share-icon:hover {
	color:#666;
}
.share-icon-digg:before {
    content: "\f1a6";
}
.share-icon-email:before  {
    content: "\f003";
}
.share-icon-flickr:before  {
    content: "\f16e";
}
.share-icon-foursquare:before  {
    content: "\f180";
}
.share-icon-rss:before {
    content: "\f09e";
}
.share-icon-facebook:before  {
    content: "\f09a";
}
.share-icon-twitter:before {
    content: "\f099";
}
.share-icon-tumblr:before {
   content: "\f173";
}
.share-icon-linkedin:before {
     content: "\f08c";
}
.share-icon-vimeo:before {
   content: "\f194";
}
.share-icon-instagram:before {
    content: "\f16d";
}
.share-icon-pinterest:before {
    content: "\f0d2";
}
.share-icon-googleplus:before {
   content: "\f0d5";
}
.share-icon-in1:before {
    content: "\f08c";
}
.share-icon-stumbleupon:before {
    content: "\f1a4";
}
.share-icon-youtube:before {
	content: "\f16a";
}
.share-icon-imdb:before {
	content: "\f2d8";
}
/* ------blog------------------------------------------------------------ */
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-bottom:1px solid #eee;
	padding-bottom:20px;
}
article:before{
	content:'';
	position:absolute;
	bottom:-10px;
	left:0;
	width:50px;
	height:4px;
}
.display-posts p {
	line-height:25px;
}
article h4 {
	font-size: 24px;
	line-height: 36px;
	font-style: normal;
	font-weight: bold;
	font-weight: 700;
	color: #222222;
	padding-bottom:10px !important;
	text-align:left;
}
article h4 a:hover {
	color:#666;
}
.post-media {
	float:left;
	width:100%;
	position:relative;
	margin:20px 0;
}
.post-meta {
	margin:14px 0 14px 0;
	float:left;
}
.display-posts article {
	border-bottom:1px solid #eee;
	padding:0 0 30px 0;
	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:15px;
	color:#666;
	text-align:left;
}
.post-meta li a {
	font-size:15px;
}
.mas-posts article ul.post-meta li {
	margin-bottom:6px;
}
.post-tags {
	float:right;
	margin:10px 0;
}
.post-tags li , .tagcloud li  {
	margin-right:4px;
	float:left;
}
.post-tags li a , .tagcloud li a {
	float:left;
	font-size: 10px;
	padding: 8px 10px 8px;
	background: #f5f5f5;
	margin-bottom: 3px;
	color:#fff;
	background:#414141;
	border-radius:4px;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.post-tags li a:hover , .tagcloud li a:hover {
	color:#fff;
}
.pagination {
	margin-top:20px;
	text-align:center;
	vertical-align: middle;
	border:1px solid rgba(0,0,0,.07);
	border-radius: 4px;
	float:left;
	width:100%;
}
.pagination a {
	float:left;
	padding: 12px 18px;
	position:relative;
	font-size:1.3177159590043923vw;
	color:#666;
	letter-spacing:1px;
	border-right:1px solid rgba(0,0,0,.07);
}
@media(max-width: 767px){
	.pagination a {
		font-size:18px;
	}
}

.pagination a.current-page, .pagination a:hover {
    color:#fff;
}
.searh-inner {
	max-width:350px;
	position:relative;
	display:block;
}
.searh-holder {
	margin:10px 0 40px;
}
.search {
	border:none;
	border:1px solid #eee;
	float: left;
	background:#f9f9f9;
	position:relative;
	outline: none;
	padding: 0px 0px 0px 10px;
	width: 100%;
	height: 50px;
	color: #292929;
	-webkit-appearance: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.search-submit {
	border: none;
	outline: none;
	cursor: pointer;
	background:none;
	position:absolute;
	top:0;
	right:0;
	width: 28%;
	height: 50px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.search-submit:hover {
	color:#666;
}
.cat-item{
	padding-bottom: 8px;
	margin-bottom: 15px;
}
.cat-item a{
	font-weight: 400;
	font-size: 1.3177159590043923vw;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
@media(max-width: 767px){
	.cat-item a {
		font-size:18px;
	}
}

#comments{
	text-align:left;
	padding-top: 10px;
	float:left;
	width:100%;
	margin-top:30px;
}
#comments-title , #reply-title{
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
	margin-bottom: 5px;
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold;
	color:#666;
}
.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:1.3177159590043923vw;
	letter-spacing:1px;
	color:#494949;
	padding-bottom:10px;
}
@media(max-width: 767px){
	.comment-meta, .comment-meta a{
		font-size:18px;
	}
}

#respond{
	margin-top:40px;
}
#reply-title{
	padding-bottom:30px;
	margin-bottom:5px;
}
.comment-notes{
	margin-top: 10px; color: #a4a4a3;
}
.control-group label, .control-group .controls{
	display: inline-block;
}
.control-group label{
	margin-left: 10px;
	font-weight: 200;
}
.control-group .controls input {
	margin-top: 15px;
	border: none;
	outline: none;
	height: 35px;
	background: #fff;
	padding-left: 15px;
	color: #a4a4a3;
	text-decoration: none;
	border: 1px solid #eee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.control-group .controls textarea {
	margin-top: 15px;
	border: none;
	outline: none;
	height: 180px;
	max-width:600px;
	background: #fff;
	padding-left: 15px;
	padding-top: 15px;
	color: #a4a4a3;
	resize: vertical;
	text-decoration: none;
	border: 1px solid #eee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.controls button {
	 margin-top:30px;
}
.post-author {
	float:left;
	width:100%;
	padding:30px 20px;
	border:1px solid #eee;
	border-radius:6px;
	background:#f9f9f9;

	margin:15px 0;
}
.post-author-wrap {
	float:left;
	width:100%;
	position:relative;
	padding-left:100px;
}
.post-author-wrap h3 {
	float:left;
	width:100%;
	text-align:left;
	color:#000;
	font-size:20px;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	text-transform:uppercase;
	margin-top:8px;
}
.post-author-wrap p{
    color: #000;
    font-weight: 500;
    line-height: 20px;
	padding:8px 0;
	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:#666;
	width:100%;
}
.post-author-img {
	width:80px;
	height:80px;
	position:absolute;
	top:5px;
	left:0;
	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:#404040;
	line-height:36px;
	border-radius:100%;
}
/* ----- media------------------------------------------------------------ */
@media only screen and  (max-width: 1392px) {
.footer-widget  {
	margin-bottom:30px;
}
.sub-footer {
	margin-top:0;
}
.bio-list-wrap {
	margin-top:30px;
	padding-left:0;
}
.inline-facts {
    /* width: 50%; */
}
}
@media only screen and  (max-width: 1064px) {
header.main-header  , .column-wrap {
	width:100%;
}
.arrowpagenav {
	right:20px;
	margin-right:0;
	top:90px;
	margin-top:0;
}
.to-top {
	bottom:60px;
	right:0;
	margin-right:0;
	border-radius:6px;
	background:rgba(0,0,0,0.41);
}
.fix-column , .panel-dots-wrap  , .hr-text:before  , .hr-text:after , .fixed-filter:before , .nav-holder:before{
	display:none;
}
.show-share {
	right:0;
}
.content-holder {
	padding-top:70px;
}
.scroll-con {
    padding-top: 10px;
}
.nav-holder {
	display:none;
	position:absolute;
	top:70px;
	width:350px;
	right:0;
	margin-left:0;
	padding:0 50px 30px;
	background:#292929;
	border-top:1px solid rgba(255,255,255,0.21);
}
.nav-holder nav li ul {
	margin: 0;
	opacity: 1;
	visibility: hidden;
	position: relative;
	min-width:100%;
	top: 0;
	left: 0;
	float:left;
	display:none;
	background: none;
	padding:10px 0  0;
}
.nav-holder nav li a {
	background:none !important;
	padding:10px 0 !important;
	text-align:right;
	float:right;
}
.nav-holder nav li ul li a {
	color:rgba(255,255,255,0.71);
}
.nav-holder nav li:hover > ul {
	opacity: 1;
	visibility: visible;
	display:block;
}
.nav-holder li  , .nav-holder nav li ul li{
	width:100%;
	float:right;
	text-align:right;
}
.nav-button-wrap {
	position:absolute;
	top:27px;
	right:110px;
	z-index:21;
	width: 30px;
	height:30px;
	cursor:pointer;
	display:block;
}
.nav-button-wrap span {
	float:left;
	width:100%;
	height:2px;
	margin-bottom:6px;
}
.slider-opt-holder {
	width:100%;
}
.full-screen-slider-holder {
	padding-bottom:60px;
}
.hero-title {
	width:100%;
	top:30%;
}
.hr-text {
	float:none;
	margin:0 auto;
	padding:10px 30px;
}
.hr-text p  , .hr-text h4 , .hr-text h3{
	text-align:center;
}
.hr-text .bold-separator , .hr-text .btn {
	float:none;
	display:inline-block;
}
section {
    padding: 70px 10px;
}
.fixed-filter {
	width:250px;
	height: auto;
	right:0px;
	top:70px;
	background:none;
}
.fixed-filter .filter-button {
	width:70%;
	height:47px;
	text-align:center;
	margin-left:0;
	padding:0;
	z-index:10;
}
.fixed-filter .folio-counter {
	width:30%;
	height:45px;
	padding:0;
	z-index:10;
	top:13px;
}
.fixed-filter .gallery-filters {
	padding:50px 15px 30px;
}
.nopad-column {
    padding-top: 0;
}
.inline-facts {
    width: 25%;
}
header.main-header:before {
	right:160px;
	left:160px;
}
.num-holder3 {
    position: absolute;
    bottom: 60px;
    right:50%;
	width:80px;
	margin-right:-40px;
    padding: 10px 0;
}
.mob-bg {
	display:block;
}
}
@media only screen and  (max-width: 768px) {
.process-wrap li {
    width: 100%;
    padding: 15px 0;
}
.hr-text h3 {
	font-size:36px;
}
.hero-title {
	top:25%;
}
.gallery-item  , .four-column .gallery-item  , .clients-list li {
    width:50%;
}
.inline-filter .filter-button {
	display:block;
	float:left;
	width:100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	background:#292929;
	color:#fff;
	padding:15px 20px;
	border-bottom:1px solid rgba(255,255,255,0.2);
	cursor:pointer;
}
.inline-filter .gallery-filters {
	display:none;
	margin-bottom:0;
	width:100%;
}
.inline-filter .gallery-filters a{
	width:100%;
	border-right:none;
	border-bottom:1px solid rgba(255,255,255,0.2)
}
.inline-filter .folio-counter , .inline-facts  , .prev-project , .next-project{
    width: 100%;
}
.post-meta li {
	float:left;
	margin:0 6px 6px 0;
}
.post-tags {
	float:left;
	margin-top:20px;
}
.center-nav {
    width: 100%;
    padding: 20px 0;
    top: 0;
}
.par-title {
	float:left;
	position:relative;
	width:100%;
	top:0;
	left:0;
	margin-top:30px;
	padding:0;
}
.par-title:before , .par-title:after  , .about-sep {
	display:none;

}
.par-title h4  , .par-title p , .par-title h3{
	text-align:left;
}
.par-title .bold-separator {
	float:left;
}
.par-title h3 {
	font-size:22px;
}
}
@media only screen and  (max-width: 540px) {
.clients-list li , .four-column .gallery-item  , .gallery-item  , .nav-holder{
	width:100%;
}
.hr-text h3 {
	font-size:26px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bg {
	background-attachment: scroll !important;
	-webkit-background-size:cover;
	background-position:center;
}
}


.main-header .logo-holder{
	background: #191919;
}

.resume-wrap h3:after{
	color: #fff;
}

.copyright a{
	color: #bcbcbc;
}
.main-header .logo-holder{
	background: #191919;
}

.resume-wrap h3:after{
	color: #fff;
}

.copyright a{
	color: #bcbcbc;
}

.about-main-img img{
	height: auto;
	width: 100%;
}

.about-main-data .about-text{
	margin-top: 10px;
}

.about-main-data .about-text h3{
	font-size: 40px;
}

.about-process .process-wrap li{
	width: 24.3%;
}

.process-wrap .about-data i{
	background: #4e8e86;
}

.process-wrap .about-data i{

    width: 120px;
    height: 120px;
    line-height: 110px;
    
    margin: 0 auto 20px;
    color: #fff;
    font-size: 39px;
    border-radius: 100%;
    border: 3px solid #f9f9f9;
}


.process-wrap .about-data h4 {
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px;
}

.process-wrap .about-data p {
    text-align: center;
    color: #494949;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}
.section_video .gallery-item, .section_video .grid-sizer,
.section_images .grid-sizer {
    width: 43%;	
}
.section_images .gallery-item.box1{
	width: 25%;
}

.section_video .gallery-item .box-item{
	height: 50.136986301369863vh
}
@media(max-width:767px){
	.section_video .gallery-item, .section_video .grid-sizer,
	.section_images .gallery-item, .section_images .grid-sizer{
		width: 100%;
		margin: 0;
	}
	.section_video .gallery-item .box-item{
		height: 200px
	}
	.section_images .gallery-item.box1{
		width: 100%;
	}
}

.enquire_wrapp .price {

    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 240px;
    padding: 15px 18px;
    font-size: 18px;
    }

    .process_wrap_films_multimedia li {
	float:left;
	width:33%;
	padding:15px 50px;
	position:relative;
}
.listing{
	display: flex;
	justify-content: center;
}
@media(max-width:767px){
	.listing{
    	flex-direction: column;
	}
}
.services-box-info .enquire_button {
    display: flex;
	margin-top: 15px;

}
.services-box-info .price {
    max-width: 190px;
}
.section_video .box-item.vis-det a.image-popup{
	width: 50px;
    height: 50px;
    line-height: normal;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    background: #fff;
}
.enquire_section{
	background: #f9f9f9;
}
.enquire_section #contact-form input[type="text"], 
.enquire_section input[type=email],
.enquire_section #contact-form textarea {
    background: #ffffff!important;
}

.tabs.sl-tabs.fix-bar.fimlmedia{
	position: relative !important;
}