/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                                       ADDITIONAL 3 STYLE --- MAIN CSS START

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


/*footer css--start*/
.footer .formBpx .emailBox, 
.footer .formBpx .textBox {
	display: inline-block;
	vertical-align: middle;
}
.footer .formBpx .textBox {
	padding-right: 38px;
}
.footer .formBpx .textBox h5 {
	font-size: 31px;
}
.footer .formBpx .emailBox .elementor-form-fields-wrapper {
	position: relative;
	display: block; 
}
.footer .formBpx .emailBox .elementor-field-group.e-form__buttons {
	position: absolute;
    top: 8px;
    right: 10px;
}
.footer .formBpx .emailBox input {
	background-color: transparent !important;
    padding: 13px 80px 12px 40px !important;
    border: 2px solid #fff !important;
    border-radius: 50px !important;
    min-height: 72px;
    font-size: 26px !important;
    color: #9497b1;
    position: relative;
    z-index: 9;
}
.elementor-message-success {
	color: #00a0e0 !important;
	padding-top: 15px;
	text-align: center;
}
.elementor-message:before {
	margin-top: -2px;
}
.footer .formBpx .emailBox input::input-placeholder {
	color: #9497b1;
}
.footer .formBpx .emailBox input::-webkit-input-placeholder {
  color: #9497b1 !important;
}

.footer .formBpx .emailBox input::-moz-placeholder { /* Firefox 18- */
  color: #9497b1 !important;
}
.footer .formBpx .emailBox input::-moz-placeholder {  /* Firefox 19+ */
  color: #9497b1 !important;
}
.footer .formBpx .emailBox input::-o-input-placeholder {  
  color: #9497b1 !important;   
}
.footer .formBpx span.elementor-message-danger {
	display: none;
}
.footer .formBpx .elementor-message-danger {
	margin: 20px auto 0;
    color: #ff0000;
    font-size: 15px;
    text-align: center;
}
.footer .formBpx .elementor-field-required.elementor-error input {
	border-color:#ff0000;
}
.footer .formBpx .emailBox .dbtn {
	padding: 5px !important;
    border-radius: 50% !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 55px;
    height: 55px;
    cursor: pointer;
}
.footer .formBpx .emailBox .dbtn span {
	margin: auto;
}
.footer .formBpx .emailBox .dbtn .elementor-button-icon svg {
	width: 25px;
}
.footer .formBpx .emailBox .dbtn svg {
	transform: rotate(-90deg);
}
.footer .formBpx .emailBox .dbtn:hover {
	background-color: #00a0e0 !important
}
.footer .formBpx .emailBox .dbtn:after {
	display: none;
}
.footer .formBpx .emailBox .dbtn:hover .mText {
	left: 0;
}
.footer .socialBox .elementor-grid-item:nth-child(4) a.elementor-social-icon svg path,
.footer .socialBox a.elementor-icon svg {
	transition: all .5s;
}

.footer .socialBox .elementor-grid-item:nth-child(4) a.elementor-social-icon:hover svg path {
    fill: #A45A95;
}
.footer .contactBox h5,
.footer .browseBox h5 {
	font-size: 35px;
	margin-bottom: 20px;
}
.footer .contactBox ul li span {
	font-size: 23px;
	margin-bottom: 10px;
}
.footer .browseBox ul li a,
.footer .contactBox p a {
	font-size: 18px;
	font-family: 'Conv_Poppins-Light';
	line-height: 30px;
}
.footer .browseBox ul li:nth-child(odd),
.footer .browseBox ul li:nth-child(even) {
	display: inline-block;
	vertical-align: middle;
}
.footer .browseBox ul li:nth-child(odd) {
	width: 29%;
}
.footer .browseBox ul li:nth-child(even) {
	width: 70%;
}
.footer .browseBox ul li {
	margin-bottom: 10px;
}
.footer .browseBox ul li a:hover,
.footer .browseBox ul li a {    
	display: inline-block;
	padding: 0;
}
.footer .copyRight p strong,
.footer .copyRight strong a,
.footer .copyRight p {
	font-family: 'Conv_Poppins-Regular';
	font-weight: normal;
	font-size: 15px;
	color: #bcbecd;
	letter-spacing: 0.9px;
} 

/*footer css--end*/





/*workWrap css--start*/
.workWrap .elementor-container {
	position: relative !important;
}
.workWrap .elementor-widget-wrap,
.workWrap .elementor-column,.workWrap .elementor-column-wrap {
	position: static !important;
}
.workWrap h2 {
	font-size: 45px !important;
}
.workWrap p {
	font-size: 22px !important;
	line-height: 35px !important;
}
.workWrap .dbtn {
	font-size: 19px !important;
    padding: 16px 40px 16px !important;
}
/*workWrap css--end*/



/*animation*/
/*.animationTitle,
.ainmationText,
.bannerWrap .textBox p,
.bannerWrap .textBox h1 {
	opacity: 0;
    -webkit-transform: translate(30px,60px) skewY(5deg);
    -moz-transform: translate(30px,60px) skewY(5deg);
    -ms-transform: translate(30px,60px) skewY(5deg);
    -o-transform: translate(30px,60px) skewY(5deg);
    transform: translate(30px,60px) skewY(5deg);
}
.animationTitle.in-viewport-once,
.ainmationText.in-viewport-once, 
.page-loaded .bannerWrap .textBox p,
.page-loaded .bannerWrap .textBox h1 {
	opacity: 1;
    -webkit-transform: translate(0) skewY(0);
    -moz-transform: translate(0) skewY(0);
    -ms-transform: translate(0) skewY(0);
    -o-transform: translate(0) skewY(0);
    transform: translate(0) skewY(0);
    -webkit-transition: all .8s cubic-bezier(.76,0,.24,1);
    -moz-transition: all .8s cubic-bezier(.76,0,.24,1);
    -ms-transition: all .8s cubic-bezier(.76,0,.24,1);
    -o-transition: all .8s cubic-bezier(.76,0,.24,1);
    transition: all .8s cubic-bezier(.76,0,.24,1);
    transition-delay: .4s; 
}
.ainmationText.in-viewport-once, 
.page-loaded .bannerWrap .textBox p {
	transition-delay: .8s;
}

.ainmationdbtn,
.bannerWrap .textBox .btnWrp {
	opacity: 0;
	visibility: hidden;
	transition: all .8s;
	-webkit-transform: translate(-30px, 0px);
	-moz-transform: translate(-30px, 0px);
	-o-transform: translate(-30px, 0px);
	transform: translate(-30px, 0px);
}
.ainmationdbtn.in-viewport-once, 
.page-loaded .bannerWrap .textBox .btnWrp {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	transition-delay: 1.3s;
}

.blue-image1 {
	-webkit-transform: translate(-50%, 30%) rotate(-20deg);
	-moz-transform: translate(-50%, 30%) rotate(-20deg);
	-o-transform: translate(-50%, 30%) rotate(-20deg);
	transform: translate(-50%, 30%) rotate(-20deg);
}
.blue-image2 {
	-webkit-transform: translate(45%, -40%) rotate(20deg);
	-moz-transform: translate(45%, -40%) rotate(20deg);
	-o-transform: translate(45%, -40%) rotate(20deg);
	transform: translate(45%, -40%) rotate(20deg);
}
.big-image,
.blue-image2,
.blue-image1 {
	transition: all 1s;
	opacity: 0;
	visibility: hidden;
}
.page-loaded .big-image,
.page-loaded .blue-image1,
.page-loaded .blue-image2 {
	-webkit-transform: translate(0%, 0%) rotate(0deg);
	-moz-transform: translate(0%, 0%) rotate(0deg);
	-o-transform: translate(0%, 0%) rotate(0deg);
	transform: translate(0%, 0%) rotate(0deg);
	transition-delay: 1.8s;
	opacity: 1;
	visibility: visible;
}
.page-loaded .big-image {
	transition-delay: 2.2s;
}



.scnTitle {
	-webkit-transform: perspective(1000px) rotateX(45deg) rotateY(5deg) rotateZ(-15deg);
    -o-transform: perspective(1000px) rotateX(45deg) rotateY(5deg) rotateZ(-15deg);
    -moz-transform: perspective(1000px) rotateX(45deg) rotateY(5deg) rotateZ(-15deg);
    transform: perspective(1000px) rotateX(45deg) rotateY(5deg) rotateZ(-15deg);
    opacity: 0;
}
.scnTitle.in-viewport-once {
	-webkit-transform: perspective(1000px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(1000px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(1000px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(1000px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-origin: center center 0px;
    transform-origin: center center 0px;
    opacity: 1;
    transition: all 0.5s ease-out;
    transition-delay: .5s;
}

.top-text {
	opacity: 0;
    -webkit-transform: translate3d(0px, 20px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(2deg) skew(0deg, 0deg);
    -o-transform: translate3d(0px, 20px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(2deg) skew(0deg, 0deg);
    -moz-transform: translate3d(0px, 20px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(2deg) skew(0deg, 0deg);
    transform: translate3d(0px, 20px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(2deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    transition: all .5s;
}
.top-text.in-viewport-once {
	opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -o-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -moz-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    transition-delay: 1s;
}
.bespokeImage img {
	transform: translate(50px, 190px) rotate(-38deg);
}
.focus-image img {
	transform: translate(38px, -85px) rotate(82deg);
}
.depth-image img {
	transform:translate(-30px, 105px) rotate(-97deg);
}
.bespokeImage img,
.focus-image img,
.depth-image img {
	opacity: 0;
	visibility: hidden;
	transition: all 1s;
}
.bespokeImage.in-viewport-once img,
.focus-image.in-viewport-once img,
.depth-image.in-viewport-once img {
	opacity: 1;
	visibility: visible;
	transition-delay: 1s;
	transform:translate(0px, 0px) rotate(0deg) ;
}*/
/*animation*/
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                                   ADDITIONAL 3 STYLE --- RESPONSIVE CSS START

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* Laptop screen */

@media (min-width: 1200px) {
	.footer .elementor-background-overlay {
		width: 600px !important;
		height: 600px !important;
		background-position: center !important;
		left: auto !important;
		right: -265px !important;
		top: auto !important;
		bottom: -90px !important;
	}
}

@media (min-width: 1441px) and (max-width: 1578px) {

	/*footer*/ 
	.footer .formBpx .emailBox {
		max-width: 430px !important;
	}
	.footer .formBpx .textBox h5 {
		font-size: 29px;
	}
	.footer .formBpx .textBox {
	    padding-right: 25px;
	}
	/*footer*/
	.elementor-6 .elementor-element.elementor-element-1fee307 {
	    top: 50px !important;
	}
	.elementor-6 .elementor-element.elementor-element-99c1c52 {
    bottom: -10px;
	}
}
@media (min-width: 1025px) and (max-width: 1440px) { 
	
	/*footer*/
	.footer .formBpx .textBox h5 {
		font-size: 28px;
	}
	.footer .formBpx .emailBox {
		max-width: 400px !important;
	}
	.footer .formBpx .emailBox input {
	    padding: 13px 70px 12px 29px !important;
	    min-height: 65px;
	    font-size: 25px !important;
	}
	.footer .formBpx .textBox {
	    padding-right: 25px;
	}
	.footer .formBpx .emailBox .dbtn {
	    width: 48px;
	    height: 48px;
	}
	.footer .contactBox h5, .footer .browseBox h5 {
	    font-size: 32px;
	    margin-bottom: 15px;
	}
	.footer .contactBox ul li span {
	    font-size: 22px;
	    margin-bottom: 5px;
	}
	.footer .browseBox ul li a, .footer .contactBox p a {
	    font-size: 18px;
	    line-height: 28px;
	}
	.footer .copyRight strong a, .footer .copyRight p {
		font-size: 15px;
	}
	.footer .browseBox ul li:nth-child(even) {
	    width: 59%;
	}
	.footer .browseBox ul li:nth-child(odd) {
	    width: 40%;
	}
	/*footer*/

	/*workWrap*/
	.workWrap h2 {
	    font-size: 40px !important;
	}
	.workWrap p {
	    font-size: 20px !important;
	    line-height: 32px !important;
	}
	.workWrap button {
	    font-size: 18px !important;
	    padding: 13px 40px 13px !important;
	}
	/*workWrap*/

}
@media (min-width: 1200px) and (max-width: 1440px) {
	.footer .elementor-background-overlay {
		width: 500px !important;
		height: 500px !important;
		left: auto !important;
		right: -222px !important;
	}    
	/*ainmation*/
	/*.bespokeImage img {
		transform: translate(-16px, 153px) rotate(-45deg);
	}
	.focus-image img {
		transform: translate(8px, -52px) rotate(84deg);
	}
	.depth-image img {
		transform:translate(-25px, 95px) rotate(-90deg);
	}*/
	/*animation*/
}
@media (min-width: 1367px) and (max-width: 1440px) {
	.elementor-6 .elementor-element.elementor-element-1fee307 {
		top: 90px !important;
	}
	.elementor-6 .elementor-element.elementor-element-06d6e1f {
		bottom: -10px !important;
	}
	.elementor-6 .elementor-element.elementor-element-99c1c52 {
		bottom: -15px !important;      
	}      
}
	@media (min-width: 1025px) and (max-width: 1366px) {

	/*footer*/
	.footer .footerLogo {
		width: 20% !important;
	}
	.footer .formBpx {
		width: 65% !important;
		text-align: center;
	}
	.footer .socialBox {
		width: 25% !important;
	}
	.footer .formBpx .elementor-widget-wrap {
		display: block!important;
	}
	.footer .formBpx .textBox {
		padding: 0;
		margin-bottom: 20px !important;
	}

	/*footer*/
}
@media (min-width: 1025px) and (max-width: 1199px) {
	/*footer*/ 
	.footer .browseBox ul li:nth-child(even) {
	    width: 53%;
	}
	.footer .browseBox ul li:nth-child(odd) {
	    width: 45%;
	}
	.footer .elementor-background-overlay {
		background-size: 500px !important;
	}
	/*footer*/
	.workWrap .elementor-widget:not(:last-child) {
		margin-bottom: 10px !important;
	}
}
@media (min-width: 1025px) and (max-width: 1090px) {
	 .elementor-6 .elementor-element.elementor-element-1fee307 {
	    top: 65px !important;
	  }     
	  .elementor-6 .elementor-element.elementor-element-b828e93 {
	  	top: -115px !important;    
	  }
	  .elementor-6 .elementor-element.elementor-element-99c1c52 {
	  	bottom: 30px !important;     
	  }  
	  .elementor-6 .elementor-element.elementor-element-06d6e1f {
	  	bottom: 65px !important;    
	  }   
}
/* Large desktop */
@media (max-width: 1024px) {

	/*footer*/
	.footer .formBpx {
		text-align: center;
	}
	.footer .formBpx .elementor-widget-wrap {
		display: block !important;
	}
	.footer .formBpx .textBox {
		padding: 0;
		margin-bottom: 20px !important;
	}
	.footer .formBpx .emailBox, .footer .formBpx .textBox {
	    display: block;
	    vertical-align: middle;
	    margin: 0 auto;
	}
	.footer .elementor-background-overlay {
		background-size: 50% !important;
	}

	/*footer*/

	/*workWrap*/
	.workWrap .elementor-background-overlay {
	    background-position: 50% 50% !important;
	    background-size: 185px !important;
	}
	/*workWrap*/
	 	
}

   
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1024px) {
	
	.footer .footerLogo {
		width: 17% !important;
	}
	.footer .formBpx {
		width: 56% !important;
		text-align: center;
	}
	.footer .socialBox {
		width: 27% !important;
	}

	/*footer*/
	.footer .formBpx .textBox h5 {
		font-size: 28px;
	}
	.footer .formBpx .emailBox {
		max-width: 400px !important;
	}
	.footer .formBpx .emailBox input {
	    padding: 13px 70px 12px 29px !important;
	    min-height: 65px;
	    font-size: 22px !important;
	}
	.footer .formBpx .emailBox .dbtn {
	    width: 48px;
	    height: 48px;
	}
	.footer .contactBox h5, .footer .browseBox h5 {
	    font-size: 30px;
	    margin-bottom: 0px;
	}
	.footer .contactBox ul li span {
	    font-size: 20px;
	    margin-bottom: 5px;
	}
	.footer .browseBox ul li a, .footer .contactBox p a {
	    font-size: 18px;
	    line-height: 25px;
	}
	.footer .copyRight strong a, .footer .copyRight p {
		font-size: 16px;     
	}
	.footer .browseBox ul li:nth-child(even) {
	    width:49%;
	}
	.footer .browseBox ul li:nth-child(odd) {
	    width: 50%;
	}
	/*footer*/


	/*workWrap*/
	.workWrap h2 {
	    font-size: 36px !important;
	}
	.workWrap p {
	    font-size: 18px !important;
	    line-height: 30px !important;
	}
	.workWrap button {
	    font-size: 18px !important;
	    padding: 13px 40px 13px !important;
	}
	/*workWrap*/

	/*ainmation*/
	/*.bespokeImage img {
		transform: translate(-16px, 153px) rotate(-45deg);
	}
	.focus-image img {
		transform: translate(8px, -52px) rotate(84deg);
	}
	.depth-image img {
		transform:translate(-25px, 95px) rotate(-90deg);
	}*/
	/*animation*/
}

     
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
	

	/*footer*/
 	.footer .formBpx .textBox h5 {
 		font-size: 23px;
 	}
	.footer .contactBox h5, .footer .browseBox h5 {
	    font-size: 25px;
	    margin-bottom: 0px;
	}
	.footer .formBpx .emailBox input {
	    padding: 12px 58px 10px 30px !important;
	    min-height: 53px;
	    font-size: 18px !important;
	}
	.footer .formBpx .emailBox .dbtn {
	    width: 43px;
	    height: 43px;
	}
	.footer .formBpx .emailBox .elementor-field-group.e-form__buttons {
	    top: 5px;
	    right: 7px;
	}
	.footer .contactBox ul li span {
	    font-size: 18px;
	    margin-bottom: 5px;
	}
	.footer .browseBox ul li a, .footer .contactBox p a {
	    font-size: 16px;
	    line-height: 26px;
	}
	.footer .browseBox ul li {
	    margin-bottom: 5px;
	}
	.footer .browseBox ul li:nth-child(even) {
	    width:59%;
	}
	.footer .browseBox ul li:nth-child(odd) {
	    width: 40%;
	}
	.footer .copyRight strong a, .footer .copyRight p {
		font-size: 16px;
	}

	/*footer*/


	/*workWrap*/
	.workWrap h2 {
	    font-size: 30px !important;
	}
	.workWrap p {
	    font-size: 18px !important;
	    line-height: 28px !important;
	    padding-bottom: 10px;
	}
	.workWrap .dbtn {
	    font-size: 16px !important;
	    padding: 14px 35px 13px !important;
	}
	.workWrap .elementor-background-overlay {
	    background-size: 180px !important;
	    width: 190px !important;
	    height: 586px !important;
	    left: calc(50% - 95px) !important;
	    background-position: center 48px !important;
	}
	.workWrap .elementor-container {
		max-width: 405px !important;
	}
	/*workWrap*/


	@media screen and (orientation: landscape) {

	}




	/*animation*/
	/*.page-loaded .big-image,
	.page-loaded .blue-image1,
	.page-loaded .blue-image2 {
		transition-delay: .5s;
	}
	.page-loaded .big-image {
		transition-delay: .9s;
	}
	.page-loaded .bannerWrap .textBox p,
	.page-loaded .bannerWrap .textBox h1 {
	    transition-delay: 1.3s; 
	}
	.page-loaded .bannerWrap .textBox p {
		transition-delay: 1.8s;
	}
	.page-loaded .bannerWrap .textBox .btnWrp {
		transition-delay: 2.3s;
	}*/
	/*animation*/
	
	/*animation*/

	
	
}

     
/* Landscape phones and down */
@media (max-width: 480px) { 

	/*footer*/
	.footer .formBpx .emailBox input {
	    padding: 10px 49px 10px 20px !important;
	    min-height: 53px;
	    font-size: 17px !important;
	}
	.footer .formBpx .emailBox .dbtn {
		padding: 2px !important;
	    width: 38px;
	    height: 38px;
	}
	.footer .formBpx .emailBox .elementor-field-group.e-form__buttons {
		top: 6px;
	}

	/*footer*/

}