/*
  Theme Name: QuikdIn Limited
  Theme URI: https://quikdin.com
  Version: 1.0.0
  Template: Divi
  Author: QuikdIn Limited
  Author URI: https://quikdin.com
  Description: IT Company 
  Text Domain: quikdin-limited
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
    --primarycolor: #207de9;
    --secondarycolor: #0f2b5b;
    --whitecolor: #fff;
}

/* Row Align Customize Code */
.inline-center-align {
 display: flex;
    justify-content: center;
    align-items: center;
}

/* Row Align Customize Code End*/

/* Hero Section Custom Video Popup */
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
    top: 0px !important;
    position: fixed !important;
}

.mfp-iframe-holder .mfp-content {
    max-width: 70%;
}

.mfp-iframe-scaler button.mfp-close {
    top: -50px;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close,
.mfp-wrap .mfp-close:active {
    top: -50px !important;
}

.video_popup_lightbox .mfp-iframe-holder .mfp-close {
    top: -50px;
}

.video_popup {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.et_pb_module.et_pb_icon.et_pb_icon_0.video_popup:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 90%;
    background-color: var(--whitecolor);
    border-radius: 50%;
    animation: puborder 1400ms ease-out infinite;
    box-sizing: border-box;

}

button.mfp-arrow,
button.mfp-close {
    opacity: 1 !important;
}


@keyframes puborder {
    0% {
        transform: scale(1);
        opacity: 0.67
    }

    100% {
        transform: scale(1.5);
        opacity: 0
    }
}


/* Custom Video Popup END */


/*About Section Image*/

.ld-abt-img-sec2:before {
	content: '';
	width: 200px;
	height: 200px;
	border: 66px solid var(--primarycolor);
	;
	position: absolute;
	top: 50%;
	left: -75px;
	z-index: -1;
	-webkit-border-radius: 100%;
	-khtml-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	animation: 3s linear infinite alternate el-bounce;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
@keyframes el-bounce {
0% {
transform:translateY(0)
}
50% {
transform:translateY(-20px)
}
100% {
transform:translateY(15px)
}
}
@media only screen and (max-width :980px) {
.ld-abt-img-sec2:before {
	display: none
}
}
.cta_img_2 .et_pb_image_wrap {
	animation-duration: 3000ms;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: 3s ver_move linear infinite alternate;
	animation: 3s ver_move linear infinite alternate;
}
 @-webkit-keyframes ver_move {
 0% {
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 100% {
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
}
 @keyframes ver_move {
 0% {
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 100% {
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
}
.ld-abt-blurb-sec2 .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon {
	color: var(--primarycolor);
}
/*About Section Image End*/


/*Text Highlight*/

mark-shy-text{
	background: #1273eb25!Important;
    color: #0161cd !Important;
    padding: 10px 25px;
    border-radius: 100px;
	margin-bottom:15px;
	font-weight:bold;
}

/*Text Highlight End*/

/* Custom Image Video Popup */
/* Popup Close Icon Tweak */
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
	top: 0px !important;
	position: fixed !important;
}

.mfp-iframe-holder .mfp-content {
	max-width: 70%;
}

.mfp-iframe-scaler button.mfp-close {
	top: -50px;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close,
.mfp-wrap .mfp-close:active {
	top: -50px !important;
}

.imgvideo_popup_lightbox .mfp-iframe-holder .mfp-close {
	top: -50px;
}

.imgvideo_popup {
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.imgvideo_popup a:before {
	content: 'play';
	cursor: pointer;
	position: absolute;
	top: calc(50% - 55px);
	left: calc(50% - 54.5px);
	z-index: 20;
	background-color: var(--primarycolor);
	padding: 55px 27px;
	border-radius: 50%;
	font-size: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--color-1);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	/* animation: imgpopup 1400ms ease-out infinite; */
}

.imgvideo_popup a:after {
	content: 'E';
	cursor: pointer;
	font-family: 'ETmodules';
	position: absolute;
	top: calc(50% - 55px);
	left: calc(50% - 47px);
	z-index: 20;
	background-color: var(--primarycolor);
	padding: 55px 27px;
	border-radius: 50%;
	font-size: 40px;
	text-transform: uppercase;
	color: #0a2a3b;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.imgvideo_popup.no_icon:before,
.imgvideo_popup.no_icon:after {
	display: none !important;
}

.imgvideo_popup:not(.no_icon):hover {
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
}

.imgvideo_popup:hover a:before {
	opacity: 0;
	padding: 65px 37px;
	left: calc(50% - 64.5px);
	top: calc(50% - 65px);
}

.imgvideo_popup:hover a:after {
	opacity: 1;
	padding: 65px 37px;
	left: calc(50% - 64.5px);
	top: calc(50% - 65px);
	font-size: 56.5px;
}

@keyframes imgpopup {
	0% {
		transform: scale(1);
		opacity: 0.9
	}

	100% {
		transform: scale(1.5);
		opacity: 0.2
	}
}

@media all and (max-width: 980px) {
	.imgvideo_popup a:before {
		top: calc(50% - 32.5px);
		left: calc(50% - 33px);
		padding: 33px 17px;
		font-size: 10px;
	}

	.imgvideo_popup a:after {
		top: calc(50% - 32.5px);
		left: calc(50% - 33px);
		padding: 33px 17px;
		font-size: 32px;
	}

	.imgvideo_popup:hover a:before {
		opacity: 0;
		padding: 40px 22px;
		left: calc(50% - 43px);
		top: calc(50% - 42.5px);
	}

	.imgvideo_popup:hover a:after {
		opacity: 1;
		padding: 40px 22px;
		left: calc(50% - 43px);
		top: calc(50% - 42.5px);
		font-size: 42px;
	}
}

/* Custom Image Video Popup END*/

/*Styling for the Single Service Page Starts here*/

/*Molti Custom Progess Tabs*/

/*This will add an active state to the active Blurb Image */
.active-tab .et_pb_main_blurb_image {
    background: #207de940!important;
    border-radius: 10px;
}
/*This will change the H4 Color for the active tab item*/
.active-tab.et_pb_blurb h4 {
    color:var(--secondarycolor) !Important;
}
/*Ends here*/


/*The text Portfolio Button*/
mark-live{
background:#fff;
color:#1273eb;
padding:10px 15px;
border-radius:6px;
box-shadow: 0px 5px 30px rgba(0,0,0,0.28);
font-weight:700;
text-transform:uppercase;
}
mark-live{
  opacity:0;
}

.page-item:hover mark-live{
  opacity:1;
  -webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both !important;
	animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both !important;
}

/*The text Portfolio End*/


/*My Blogs*/
.et_pb_gutters4.et_pb_row .et_pb_column_1_3 .et_pb_widget{
    margin-bottom:0%!important;
}
.ft-blog-9 span.published {
    background: #1273EB!important;
    padding: 2px 5px!important;
    color:#fff!important;
}

.bgdate span.published {
    background: #1273EB!important;
    padding: 2px 5px!important;
    color:#fff!important;
}
.ft-blog-9 .et_pb_post:not(:last-child) {
    border-bottom: 0px!important;
    
}

.bposts_04.et_pb_blog_grid_wrapper .et_pb_post {
  padding: 0;
}

.bposts_04.et_pb_blog_grid_wrapper .et_pb_image_container {
  margin: 0;
}

.bposts_04 .et_pb_ajax_pagination_container .et_pb_post {
  position: relative;
  overflow: hidden;
  border: none;
  border-radius: 5px;
}

.bposts_04 .et_pb_ajax_pagination_container .et_pb_post a.entry-featured-image-url {
  border-left: 50px solid #207de9;
  margin-bottom: 0;
  position: relative;
  background: linear-gradient(to top right, #4a626e .3%, #1e2130 90.2%);
  overflow: hidden;
  transition: .3s;
}

.bposts_04 .et_pb_ajax_pagination_container .et_pb_post a.entry-featured-image-url:before {
  content: "";
  width: 50px;
  height: 50px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform-origin: top right;
  transform: scale(0);
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  transition: .4s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bposts_04 .et_pb_ajax_pagination_container .et_pb_post:hover a.entry-featured-image-url:before {
  transform: scale(1);
}

.bposts_04 .et_pb_ajax_pagination_container .et_pb_post:hover a.entry-featured-image-url {
  border-color: #1f57c3;
}

.bposts_04 .et_pb_ajax_pagination_container .et_pb_post a.entry-featured-image-url img {
  width: 100%;
  height: auto;
  transform: scale(1.5);
  transform-origin: right center;
  transition: .7s;
}

.bposts_04 .et_pb_ajax_pagination_container .et_pb_post:hover a.entry-featured-image-url img {
  opacity: .2;
  transform: translateX(50px) scale(1.2);
}

.bposts_04 .et_pb_ajax_pagination_container .et_pb_post .post_bock {
  padding: 40px 30px 30px!important;
}

.bposts_04 .et_pb_ajax_pagination_container .et_pb_post .post-meta span.published {
  position: absolute;
  left: 25px;
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 66px;
  color: #fff;
  letter-spacing: 2px;
  font-size: 14px;
  text-transform: uppercase;
}

.bposts_04 .et_pb_ajax_pagination_container .et_pb_post .post-meta,
.bposts_04 .et_pb_ajax_pagination_container .et_pb_post .post-meta a {
  color: #1f57c3;
  text-transform: capitalize;
}

.bposts_04 .et_pb_ajax_pagination_container .et_pb_post .post-content .more-link {
  color: #1f57c3;
  border-top: 1px solid #eee;
  padding-top: 10px;
  margin-top: 15px;
  text-transform: capitalize;
  font-size: 17px;
  position: relative;
}

.bposts_04 .et_pb_ajax_pagination_container .et_pb_post .more-link:after {
  color: #1f57c3;
  margin-left: 2px;
  content: "\39";
  font-family: ETmodules !important;
  font-size: 20px;
  position: absolute;
}

/*Adding animation to the Comment form fields*/
#commentform input[type=email], #commentform input[type=text], #commentform input[type=url], #commentform textarea{
	transition:.3s ease !Important;
}

 #commentform {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
.comment-notes {
    grid-row: 1 / 2;
    grid-column: 1 / -1;
}
.comment-form-comment {
    grid-row: 4 / 11;
    grid-column: 1 / -1;
    padding-bottom: 30px;
}
.comment-form-author {
    grid-row: 3 / 4;
    grid-column: 1 / 7;
    padding-bottom: 20px;
}
.comment-form-author #author {
    width: calc(100% - 15px) !important;
}
.comment-form-email {
    grid-row: 3 / 4;
    grid-column: 7 / -1;
    padding-bottom: 20px;
}
.comment-form-email #email {
    width: 100% !important;
}
 .comment-form-url {
    grid-row: 2 / 3;
    grid-column: 1 / -1;
    padding-bottom: 20px;
}
.comment-form-url #url {
    width: 100% !important;
}
.comment-form-cookies-consent {
    grid-row: 11 / 12;
    grid-column: 1 / -1;
    padding-bottom: 30px;
}
 .form-submit {
    grid-row: 12 / 13;
    grid-column: 1 / -1;
}
p.logged-in-as{
       grid-column: 1 / -1;
}

	/* Footer Customization Code */
	.ft-blog-9 .entry-title a {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.ft-blog-9 .entry-featured-image-url {
		width: 60px;
		float: left;
		margin-bottom: 0 !important;
	}

	.ft-blog-9 .entry-title,
	.ft-blog-9 .post-meta {
		width: calc(100% - 60px);
		float: left;
		padding-left: 20px;
	}

	.ft-blog-9 .entry-featured-image-url {
		padding-top: 60px;
		display: block;
	}

	.ft-blog-9 .entry-featured-image-url img {
		position: absolute;
		height: 100%;
		border-radius: 5px;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		object-fit: cover;
	}

	.ft-blog-9 .et_pb_post:not(:last-child) {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	
/* Blog Customization End*/
	
	/*Potfolio Modules 3 Column Width Settings*/
@media only screen and ( min-width: 768px ) {
.molti-portfolio .et_pb_grid_item, .molti-portfolio-2 .et_pb_grid_item {
width: 29.6% !important;
}
.molti-portfolio .et_pb_grid_item:nth-child(3n), .molti-portfolio-2 .et_pb_grid_item:nth-child(3n) {
margin-right: 0 !important;
}
.molti-portfolio .et_pb_grid_item:nth-child(3n+1), .molti-portfolio-2 .et_pb_grid_item:nth-child(3n+1) {
clear: left;
}
.molti-portfolio .et_pb_grid_item:nth-child(4n+1), .molti-portfolio-2 .et_pb_grid_item:nth-child(4n+1) {
clear: unset !important;
}
}
/*Adjusting the Portfolio for different screen sizes*/
@media only screen and ( max-width: 479px ) {
.molti-portfolio .et_pb_portfolio_item, .molti-portfolio-2 .et_pb_grid_item{
	width: 96%!important;
}
}
@media only screen and ( min-width: 480px ) and ( max-width: 555px ) {
.molti-portfolio .et_pb_portfolio_item, .molti-portfolio-2 .et_pb_grid_item{
	width: 43%!important;
}
}
@media only screen and ( min-width: 556px ) and ( max-width: 666px ) {
.molti-portfolio .et_pb_portfolio_item, .molti-portfolio-2 .et_pb_grid_item{
	width: 44%!important;
}
}
@media only screen and ( min-width: 667px ) and ( max-width: 767px ) {
.molti-portfolio .et_pb_portfolio_item, .molti-portfolio-2 .et_pb_grid_item{
	width: 45%!important;
}
}
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
.molti-portfolio .et_pb_portfolio_item, .molti-portfolio-2 .et_pb_grid_item{
	width: 45%!important;
}
}
/*To add hover effect to Portfolio Grid*/
.molti-portfolio .et_pb_portfolio_item:hover, .molti-portfolio-2 .et_pb_grid_item:hover{
	box-shadow:0px 10px 50px rgb(0 0 0 / 15%);
	transform:translate(0%,-3%)
}
/*To add button on Hover for Portfolio Grid*/
.molti-portfolio .et_portfolio_image:hover:before, .molti-portfolio-2 .et_portfolio_image:hover:before{
	content: "View Project";
    position: absolute;
    top: 45%;
    left: 33%;
    z-index: 2;
    background: #1273eb;
    border-radius: 10px;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    box-shadow: 0px 2px 25px #0000004a;
    -webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;

}
/*Animation keyframes for the button*/
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
/*END Animation keyframes*/

/*Creating a Pages toggle on Showcase Page*/
.all-pages, .the-new{
	color:#fff !important;
}
.all-pages:hover, .the-new:hover{
	color:#fff!important;
	background:#1f57c3!important;
}
.active-pages-toggle{
	background:#1f57c3!important;
	color:#fff !important;
	box-shadow: 0px 5px 25px #00000036;
}

.et_pb_blurb_description{
    transition:none!important;
}


/*Styling for the Services Page Starts here*/

/*This will change the H4 color to white when hover over to service card*/
.service-card-2:hover .et_pb_blurb h4{
	color:#fff !important
}
/*This will change the the bold text to white on hover to service card*/
.service-card-2:hover .et_pb_blurb strong{
	color:#fff !important
}
/*This will change the blurb description color to white when hover over to service card*/
.service-card-2:hover .et_pb_blurb_description{
	color:#fff !important
}
/*This will add a white background to blurb image when hover to service card*/
.service-card-2:hover .et_pb_main_blurb_image{
	background:#fff;
    width:50px;
    padding:10px;
    border-radius:5px;
    box-shadow:0px 2px 10px rgba(0,0,0,0.36);
}


/*Styling for Single Job Page starts here*/
.active-link-application:before{
	content:"";
	position:absolute;
    top:60px;
    left:-16px;
	display:block;
	width:135px;
	border-radius:3px 3px 0px 0px;
	background: #ff8057;
    border:2px solid #ff8057;
	transition:.3s ease;
}
.active-link:after{
	content:"";
	position:absolute;
    top:60px;
    left:-8px;
	display:block;
	width:135px;
	border-radius:3px 3px 0px 0px;
	background: #ff8057;
    border:2px solid #ff8057; 
	transition:.3s ease;
}
/*END HERE*/