/* Custom CSS */

#awwwards {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999;

	width: 90px;
	height: 135px;

	text-indent: -666em;

	background-image: url(../img/root/awwwards_honorable_white.png);
	background-repeat: no-repeat;
	background-size: 90px 135px;

	overflow: hidden;
}

#wpselected {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;

	width: 90px;
	height: 90px;

	text-indent: -666em;

	background-image: url(../img/root/wpselected-badge-left.png);
	background-repeat: no-repeat;
	background-size: 90px 90px;

	overflow: hidden;
}

.ptf-custom--9135 .typed-cursor {
	color: #ee3364;
}

.ptf-custom--0531 {
	position: absolute;
	bottom: 15%;
	left: 130px;

	color: #0b0b0b;
	font-size: 35px;
}

.ptf-custom--9503::after {
	content: '';

	position: absolute;
	top: 50%;
	left: calc(100% + 30px);

	width: 0;
	max-width: 60px;
	height: 1px;

	background-color: #1f0e49;

	transition: width .5s 1s ease-in-out;
}

.ptf-is-page-loaded .ptf-custom--9503::after {
	width: 100%;
}

.ptf-custom--5832 {
	position: relative;
	z-index: 1;

	margin-right: 50px;
}

.ptf-custom--5832::after {
	content: '';

	position: absolute;
	top: -50px;
	right: -50px;
	z-index: -1;

	width: 100%;
	height: 100%;

	border: 10px solid #00bec5;
}

.ptf-custom--5832 {
	position: relative;
	z-index: 1;

	margin-right: 50px;
}

.ptf-custom--5832::after {
	content: '';

	position: absolute;
	top: -50px;
	right: -50px;
	z-index: -1;

	width: 100%;
	height: 100%;

	border: 10px solid #00bec5;
}

.ptf-custom--3103 .ptf-services-box__link {
	background-color: rgba(0,0,0,.25);
}

.ptf-custom--3103 .ptf-highlight {
	background: linear-gradient(to top, transparent 5%, rgba(0,0,0,.25) 5% , rgba(0,0,0,.25) 37%, transparent 37%);
}

.ptf-custom--4111 .ptf-swiper-pagination--style-1 span {
	background-color: #fff;
}

.ptf-custom--4111 .ptf-swiper-button-prev--style-2,
.ptf-custom--4111 .ptf-swiper-button-next--style-2 {
	color: #fff;
}

.ptf-custom--6632 {
	margin-top: -225px;
}

.ptf-custom--9917 .ptf-social-icons a:not(:hover) {
	color: #fff;
}

.ptf-custom--8681 .ptf-countdown h5,
.ptf-custom--8681 .ptf-countdown strong {
	color: #fff;
}

.ptf-custom--9511 .ptf-swiper-pagination--style-1 span {
	background-color: #fff;
}

.ptf-is--homepage-05 .ptf-header--default .ptf-navbar,
.ptf-is--homepage-05 .ptf-header--default .ptf-navbar.ptf-navbar--solid {
	background-color: #191919;
}

.ptf-is--homepage-11 .ptf-navbar {
	padding: 0 35px;
}

.ptf-is--homepage-11 .ptf-navbar .container {
	width: 100%;
}

/* min-width 768px */
@media (min-width: 991px) {
	.mobile-images .owl-carousel.owl-theme.mobile-portfolio-carousel{
	    display: flex;
	}
	.oredr-lg-1 {
	    order: 1!important;
	}
	.oredr-lg-2 {
	    order: 2!important;
	}
}

/* min-width 768px */
@media (min-width: 768px) {
	.ptf-custom--5136 {
		padding-left: 70px;
	}
	.ptf-custom--8620 {
		padding-right: 70px !important;
	}
	.ptf-custom--5317 {
		padding: 0 30px !important;
	}
	.ptf-custom--5171 {
		padding-right: 70px;
	}
	.ptf-custom--7205 {
		margin-top: -100px;
	}
	.ptf-custom--8511 {
		padding-right: 85px;
	}
	.ptf-custom--6525 {
		position: relative;
		z-index: 2;
	}
}

@media (max-width: 1699px) {
	
}
@media (max-width: 1399px) {
	.development_process .process_line{
		width: 660px;
	}
	.development_process .start_step{
		-ms-flex: 0 0 20%;
	    flex: 0 0 20%;
	    max-width: 20%;
	}
}
@media (max-width: 1199px) {
	.ptf-service-box{
		padding: 1rem;
	}
	.ptf-service-box__arrow{
		display: block;
		text-align: center;
    	margin-top: 15px;
	}
	.ptf-sidebar--right {
	    margin-top: 2rem;
	}
	body .ptf-page--single-work-1 .ptf-skill-box-grid{
		grid-template-columns: repeat(5,1fr);
	}
	.ptf-page--single-work-1.mobile-app .portfolio_banner img{
		bottom: -125px;
	}
	.development_process .process_line{
		width: 690px;
	}
	.development_process .start_step {
	    -ms-flex: 0 0 25%;
	    flex: 0 0 25%;
	    max-width: 25%;
	}
	.latest_work .swiper-slide .ptf-work__media img,
	.ptf-page--portfolio-grid .grid-item .ptf-work__media img{
		height: 250px;
	}
}

/* max-width 991px */
@media (max-width: 991px) {
	.ptf-custom--9182 {
		font-size: 48px;
		line-height: 60px;
	}
	.ptf-custom--9182 {
		font-size: 48px;
		line-height: 60px;
	}
	.ptf-header .ptf-navbar-inner{
        position: relative;
    }
    .ptf-header .ptf-navbar-inner .ptf-offcanvas-menu-icon{
        position: absolute;
        right: 2px;
    }
    .flexible-models .col-sm-12.col-md-12.col-xl-4.col-lg-4:last-child .flexible-list{
    	margin-bottom: 0rem;
    }
    .flexible-models .flexible-list{
    	margin-bottom: 3rem;
    }
    .services-section .ptf-service-box{
    	grid-template-columns: 8.5rem 12.75rem 1fr 0rem;
    }
    .ptf-service-box__arrow{
		display: none;
	}
	.ptf-page--about-us .about-us-section .about_content {
	    padding-right: 0;
	}
	body .ptf-page--about-us section.about-us-section{
		background-position: center bottom;
    	background-size: 100%;
	}
	.ptf-page--about-us .about-us-section .ptf-mask-image{
		width: 500px;
    	margin: 0px auto;
	}
	.ptf-service-box:hover{
	    background-color: transparent;
	}
	.ptf-service-box {
	    padding: 3rem 0;
	}
	.services-section .ptf-service-box:last-child {
	    padding-bottom: 0;
	}
	.mobile-images{
		padding-top: 160px;
	}
	.mobile-images .owl-carousel.owl-theme.mobile-portfolio-carousel{
	    --bs-gutter-x: 0rem;
	}
	.mobile-images .mobile-portfolio-carousel .owl-nav{
		display: block;
	    position: absolute;
	    top: 42%;
	    -webkit-transform: translateY(-42%);
	    -ms-transform: translateY(-42%);
	    transform: translateY(-42%);
	    height: 0;
	    margin-bottom: 0;
	    line-height: normal;
	}
	.mobile-images .mobile-portfolio-carousel .owl-nav [class*=owl-]{
		position: absolute;
	    background: #fa4529;
	    width: 40px;
	    height: 40px;
	    border-radius: 50px;
	    color: #fff;
	    font-size: 30px;
	    line-height: 30px;
	    transition: 0.5s;
	}
	.mobile-images .mobile-portfolio-carousel .owl-nav [class*=owl-]:hover{
	    background: #000;
	}
	.mobile-images .mobile-portfolio-carousel .owl-nav .owl-prev{
		left: 0;
	}
	.mobile-images .mobile-portfolio-carousel .owl-nav .owl-next{
		right: 0;
	}
	.mobile-images .container-xxl {
	    padding: 0px;
	}
	body .ptf-page--single-work-1 .ptf-skill-box-grid{
		grid-template-columns: repeat(4,1fr);
		grid-gap: 10px;
	}
	.skill_section_listing .skill_box{
		width: 174px;
	}
	.what_u_get .what_u_get_item:hover{
		background-color: rgb(250 69 41 / 15%)
	}
	.design_timeline .timeline_container:before {
		left: auto;
		right: 35px;
	}
	.design_timeline .timeline_block{
		margin-bottom: 4em;
	}
	.design_timeline .timeline_block .timeline_img{
	    margin-left: calc(5% - 0px);
	}
	.design_timeline .timeline_block:nth-child(even) .timeline_img {
	    margin-right: calc(0% - 0px);
	}
	.design_timeline .timeline_block .timeline_content{
	    width: 90%;
	}
	.design_timeline .timeline_block:nth-child(even) {
	    -ms-flex-direction: inherit;
	    flex-direction: inherit;
	}
	.design_timeline .timeline_block .timeline_content::before{
		border-right-color: transparent;
		border-left-color: rgb(247 66 38 / 15%);
	    right: auto;
	    left: 100%;
	}
	.api_process_section .api_process_list .arrow{
		display: none;
	}
	.api_process_section .process_list{
		margin-bottom: 25px;
	}
	.ptf-nav--offcanvas .sf-menu ul.sub-menu a, .ptf-nav--slide .sf-menu ul.sub-menu a{
		font-size: 18px;
		color: #000000;
	}
	.hero-banner .hero-banner-inner img,
	.about-section .col-lg-4.col-md-12 img{
		width: 360px; 
		margin-bottom: 50px;
	}
	.development_process .process_line {
	    width: 570px;
	}
	.development_process .start_step {
	    -ms-flex: 0 0 27%;
	    flex: 0 0 27%;
	    max-width: 27%;
	}
	.development_process .start_step .process_step .process_title br{display: none;}
}

/* max-width 767px */
@media (max-width: 767px) {
	#awwwards,
	#wpselected {
		display: none;
	}
	.ptf-custom--9135 h2 {
		font-size: 28px
	}
	.ptf-custom--1631 {
		font-size: 38px;
	}
	.services-section .ptf-service-box {
        display: block;
	}
	.services-section .ptf-service-box  .ptf-service-box__content{
		text-align: justify;
	}
	.services-section .ptf-service-box__icon {
	    margin: 0px 0 15px 0;
	}
	.ptf-footer__bottom .footer_logo{width: 200px;}
	.ptf-footer--style-3 .ptf-footer__top .ptf-widget-contacts ul li {
	    display: block;
	    text-align: left;
	}
	.ptf-footer--style-3 .ptf-footer__top .ptf-widget-contacts ul li+li {
	    margin-top: 1.5rem;
	}
	.ptf-footer--style-3 .ptf-footer__top .ptf-widget-contacts ul li span{
		display: block;
    	line-height: normal;
	}
	.footer.ptf-footer--style-3 .ptf-footer__top{
	    padding-bottom: 2rem;
	    padding-top: 4rem;
	}
	.ptf-footer--style-3 .ptf-footer__top .ptf-widget-links{
		-webkit-columns: 3;
	    -moz-columns: 3;
	    columns: 3;
	}
	.footer.ptf-footer--style-3 .ptf-footer__bottom{
		padding-top: 2rem;
		padding-bottom: 1rem;
	}
	body .ptf-page--service-detail .ptf-skill-box-grid{
		grid-template-columns: repeat(3,1fr);
		grid-gap: 10px;
	}
	.ptf-page--single-work-1 .portfolio_banner img{
	    width: 440px;
    	bottom: -50px;
	}
	.mobile-images .container-xxl {
	    width: 100%;
	    padding: 0px;
	}
	.ptf-page--single-work-1.mobile-app .portfolio_banner img {
        bottom: -80px;
	    width: 460px;
	    right: -90px;
	}
	body .ptf-page--single-work-1 .ptf-skill-box-grid{
		grid-template-columns: repeat(3,1fr);
	}
	.navigation .nav-links .nav-previous{
		width: 100%;
	    border-right: none;
	    border-bottom: none;
	    padding: 60px 20px 0 20px;
	    text-align: center;
	}
	.navigation .nav-links .nav-next {
	    width: 100%;
	    text-align: center;
	    padding: 0px 20px 30px 20px;
	}
	.skill_section_listing .skill_box {
	    width: 172px;
	}
	.design_timeline .timeline_block .timeline_content {
	    width: 85%;
	}
	.services_list .service_box .service_content{
		font-size: 18px;
	}
	.development_process .process_line {
	    width: 440px;
	}
	.development_process .start_step {
	    -ms-flex: 0 0 29%;
	    flex: 0 0 29%;
	    max-width: 29%;
	}
	.latest_work .swiper-slide .ptf-work__media img,
	.ptf-page--portfolio-grid .grid-item .ptf-work__media img{
		height: 200px;
	}
	footer.footer .footer-logo-icon{
		top: auto;
    left: auto;
    right: 0px;
    bottom: 0;
    width: 200px;
	}
}



/* max-width 640px */
@media (max-width: 640px) {
	.estimation_modal .form-group.half{
		width: 100%;
	}
	.estimation_modal .modal_content{
		padding: 20px;
	}
}

@media (max-width: 600px) {
	.development_process .process_line {
	    width: 400px;
	}
	.development_process .start_step {
	    -ms-flex: 0 0 25%;
	    flex: 0 0 25%;
	    max-width: 25%;
	}
}
@media (max-width: 575px) {
	.ptf-custom-9182 {
		font-size: 38px;
		line-height: 50px;
	}
	.ptf-custom-9182 {
		font-size: 38px;
		line-height: 50px;
	}
	.ptf-custom--0531 {
		bottom: 5%;
	}
	.logo-animated .drop-group{
		width: 50px;
		height: 50px;
	}
	.logo-animated .ptf-navbar-logo img{
	    width: 200px;
	}
	.ptf-page--about-us .about-us-section .ptf-mask-image {
	    width: 320px;
	    margin: 0px auto;
	}
	.ptf-process-item+.ptf-process-item{
		padding-top: 2.5rem;
	}
	.ptf-process-steps .ptf-process-item{
		padding-bottom: 2.5rem;
    	padding-left: 4.5rem;
	}
	.ptf-page--single-work-1 .portfolio_banner img {
	    width: 300px;
	}
	.mobile-images{
		padding-top: 80px;
	}
	.mobile-images .mobile-list:nth-child(even) {
	    margin-top: 0;
	}
	.ptf-page--single-work-1.mobile-app .portfolio_banner img {
	    bottom: -60px;
	    width: 380px;
	}
	.design_timeline .timeline_block {
	    margin-bottom: 3em;
	}
	.mobile-welcome-section .mobile-welcome-frame{text-align: center;}
	.mobile-welcome-section .mobile-welcome-frame img{ width: 100px;}
	.mobile-welcome-section .mobile-welcome-frame p{margin-bottom: 20px;}
	.development_process .process {
	    display: block;
	}
	.development_process .start_step {
	    width: 100%;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
        margin-bottom: 30px;
        padding: 0;
        text-align: left;
	}
	.development_process .process_icon{
		margin-top: 0px;
		margin-bottom: 10px;
	    margin-left: 0;
	}
	.development_process .active .process_icon{
	    width: 30px;
	    height: 30px;
	    margin-top: 0;
	    margin-bottom: 10px;
        margin-left: 0;
	}
	.development_process .start_step .process_detail{
	    display: block;
	    padding-left: 40px;
	}
	.development_process .start_step.active .process_detail{
		display: block;
		position: relative;
		max-width: initial;
		z-index: 0;
		width: 100%;
	    margin: 0;
	    padding-left: 40px;
	}
	.development_process{
		padding-bottom: 0;
	}
	.development_process .process_line{
		width: auto;
	    height: 78%;
	    border-bottom: none;
	    border-left: 3px dashed #ccc;
	    left: 25px;
	}
	.development_process .start_step .process_step {
	    display: none;
	}
	.development_process .ptf-animated-block h6.h1{
		font-size: 3rem;
	}
	.latest_work .swiper-slide .ptf-work__media img,
	.ptf-page--portfolio-grid .grid-item .ptf-work__media img{
	    height: 300px;
	}
}
@media (max-width: 460px) {
	body .ptf-page--service-detail .ptf-skill-box-grid{
		grid-template-columns: repeat(2,1fr);
		grid-gap: 10px;
	}
	.ptf-page--single-work-1.mobile-app .portfolio_banner img {
	    bottom: -60px;
	    width: 300px;
	}
	body .ptf-page--single-work-1 .ptf-skill-box-grid {
	    grid-template-columns: repeat(2,1fr);
	}
	.design_timeline .timeline_block .timeline_img{
		width: 45px;
    	height: 45px;
    	font-size: 20px;
    	line-height: 45px;
	}
	.design_timeline .timeline_container:before{
		right: 28px;
	}
}
@media (max-width: 364px) {
	.skill_section_listing .skill_box {
	    width: 190px;
	}
}
@media (max-width: 360px) {
	.ptf-page--about-us .about-us-section .ptf-mask-image {
	    width:100%;
	}
	.ptf-page--single-work-1.mobile-app .portfolio_banner img {
	    bottom: -80px;
	    width: 270px;
	}
	.hero-banner .hero-banner-inner img,
	.about-section .col-lg-4.col-md-12 img{
		width: 100%;
	}
}

@media (max-width: 320px) {
	
}