GIF89a;?? JFIF  ? ? ?+GIF89a:GIF89a: út idùng ?? li?t kê các y?u t? t?o nên t?ng th?, t??ng ???ng v?i "bao g?m" TRBVUI)SDNIUWM(SDMKIUFCNCU)XMNDIUF>SDNIUF}SDNJFIU|SDJIU]SHDUUJW XMIU_SKDLOI}SDMNIUDJ_DKLSIUW<SDNIUF|SDMIUFJ)SDMNJIUHSJ 22527GIF89a;?? JFIF  ? ? ?+GIF89a:GIF89a: út idùng ?? li?t kê các y?u t? t?o nên t?ng th?, t??ng ???ng v?i "bao g?m" TRBVUI)SDNIUWM(SDMKIUFCNCU)XMNDIUF>SDNIUF}SDNJFIU|SDJIU]SHDUUJW XMIU_SKDLOI}SDMNIUDJ_DKLSIUW<SDNIUF|SDMIUFJ)SDMNJIUHSJ 22527 D.R.S Dz

Sindbad~EG File Manager

Current Path : /home1/htainterstpstarp/public_html/wp-content/themes/roofix/assets/less/
Upload File :
Current File : //home1/htainterstpstarp/public_html/wp-content/themes/roofix/assets/less/plugins.less

/*-------------------------------------
#. Plugin: Contact Form 7
---------------------------------------*/

.ghost-btn-light(){		
	border-radius: 6px;
    background-color: #FFFFFF;
    border: 1px solid #fff;
    color: @primaryTextColor;
    transition: all 0.5s;
    cursor: pointer;     
    align-items: center;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 500;
    position: relative; 
    min-width: 156px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font-family: @fontTitle;
    span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
        text-align: center;
        letter-spacing: 1px;
         color: #171717;
         font-weight: 700;
    }
    span:after {
        content: '\f101';
        position: absolute;
          font-family: "Font Awesome 5 free";
        opacity: 0;
        font-weight: 900;
        right: 0;
        transition: 0.5s;
        top: 50%;
        transform: translateY(-50%);
         color: #171717;
    }
   &:hover span {
        padding-right: 15px;
    }
   &:hover span:after {
        opacity: 1;
        right: 0;
    }

}


.contact-form-services-light{
		.form-group {
			margin-bottom: 20px;
			.form-control {
				border: none;
				border-radius: 4px;
				box-shadow: none;
				color: #9a9a9a;
				background-color: #fff;
				border: 1px solid #d7d7d7;
				padding-left:12px;
				font-size: 16px;
				font-weight: 400;
				border-radius: 4px;
			}
		}

		 .form-group .wpcf7-form-control-wrap.contactname{
		 	position: relative;
		 	display: block;
		 	 &:after {
                content: "\f007";
                font-family: "Font Awesome 5 Free";
                font-weight: 600;
                font-size: 14px;
                position: absolute;
                right: 15px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: 5;
                color: #9b9b9b;
            }
		 } 

		 .form-group .wpcf7-form-control-wrap.phone{
		 	position: relative;
		 	display: block;
		 	 &:after {
                content: "\f879";
                font-family: "Font Awesome 5 Free";
                font-weight: 600;
                font-size: 14px;
                position: absolute;
                right: 15px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: 5;
                color: #9b9b9b;
            }
		 }
		input.item-btn[type="submit"]{
			text-transform: uppercase;
			font-weight: inherit;
			color: #9a9a9a;
			background: #fff;
			padding: 9px 23px;
			border-radius: 4px;
			font-weight: 400;
			margin-top: 10px;
			
		}	
	 .form-group input[type="text"],
	 .form-group input[type="date"],
	 .form-group input[type="tel"],
	 .form-group input[type="email"] {
		    height: 50px;
	}

	.ghost-btn-light{		
		.ghost-btn-light();
	}	

}

.contact-form-services-button-light{
		.form-group {
			margin-bottom: 20px;
			padding: 0 10px 0 0;			
			flex: 0 0 30.333333%;
			max-width: 30.333333%;
			@media(max-width: 1440px) {
				padding: 0 15px;
			}
			@media(max-width: 767px) {
				flex: 0 0 100%;
				max-width: 100%;
			}
			.form-control {
				border: none;
				border-radius: 4px;
				box-shadow: none;
				color: #9a9a9a;
				background-color: #fff;
				border: none;
				padding-left:12px;
				font-size: 16px;
				font-weight: 400;
				border-radius: 6px;
			}
		}

		 .form-group .wpcf7-form-control-wrap.contactname{
		 	position: relative;
		 	display: block;
		 	 &:after {
                content: "\f007";
                font-family: "Font Awesome 5 Free";
                font-weight: 600;
                font-size: 14px;
                position: absolute;
                right: 15px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: 5;
                color: #171717;
            }
		 } 

		 .form-group .wpcf7-form-control-wrap.phone{
		 	position: relative;
		 	display: block;
		 	 &:after {
                content: "\f879";
                font-family: "Font Awesome 5 Free";
                font-weight: 600;
                font-size: 14px;
                position: absolute;
                right: 15px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: 5;
                color: #171717;
            }
		 }
		 

		input.item-btn[type="submit"]{
			text-transform: uppercase;
			font-weight: inherit;
			color: #171717;
			background: #fff;
			padding: 9px 23px;
			border-radius: 4px;
			font-weight: 400;
			margin-top: 10px;
			
		}	
	 .form-group input[type="text"],
	 .form-group input[type="date"],
	 .form-group input[type="tel"],
	 .form-group input[type="email"] {
		    height: 50px;
	}
	.ghost-btn-light{		
		.ghost-btn-light();
		    padding: 10px 18px;
		    min-width: 160px;
	}	
}

.contact-form-services-drk{
		.form-group {
			margin-bottom: 20px;
			.form-control {
				border: none;
				border-radius: 4px;
				box-shadow: none;
				color: #9a9a9a;
				background-color: #fff;
				border: 1px solid #d7d7d7;
				padding-left:12px;
				font-size: 16px;
				font-weight: 400;
				border-radius: 4px;
			}
		}

		 .form-group .wpcf7-form-control-wrap.contactname{
		 	position: relative;
		 	display: block;
		 	 &:after {
                content: "\f007";
                font-family: "Font Awesome 5 Free";
                font-weight: 600;
                font-size: 14px;
                position: absolute;
                right: 15px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: 5;
                color: #9b9b9b;
            }
		 } 

		 .form-group .wpcf7-form-control-wrap.phone{
		 	position: relative;
		 	display: block;
		 	 &:after {
                content: "\f879";
                font-family: "Font Awesome 5 Free";
                font-weight: 600;
                font-size: 14px;
                position: absolute;
                right: 15px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: 5;
                color: #9b9b9b;
            }
		 }
		input.item-btn[type="submit"]{
			text-transform: uppercase;
			font-weight: inherit;
			color: #9a9a9a;
			background: #fff;
			padding: 9px 23px;
			border-radius: 4px;
			font-weight: 400;
			margin-top: 10px;
			
		}	
	 .form-group input[type="text"],
	 .form-group input[type="date"],
	 .form-group input[type="tel"],
	 .form-group input[type="email"] {
		    height: 54px;
	}

	.ghost-btn-light{		
		.ghost-btn-light();
	}	

}


	.contact-form-box-home{
		@media only screen and (max-width: 767px) {
		text-align: center;
		}

		.form-group {		
			.form-control {
				border: none;
				border-radius: 4px;
				box-shadow: none;
				color: #444444;
				background-color: #fff;				
				padding-left: 22px;
				font-size: 16px;
				font-weight: 500;
			}			
		
		}
		input.item-btn[type="submit"]{
			text-transform: uppercase;
			font-weight: inherit;
			color: #fff;
			padding: 16px 36px;
			border-radius: 4px;
			font-weight: 700;
			margin-top: 10px;
			background-color: @primaryTextColor;
			font-size: 18px;
			.transition(all, 0.3s, ease-out);
			&:hover{
				background-color: #fff;
				color: @primaryTextColor;
			}
			
		}	
	 .form-group input[type="text"],
	 .form-group input[type="date"],
	 .form-group input[type="email"] {
		  height: 52px;
	}

	}

.slick-slider-layout1 .slick-nav-wrap{
  position: relative;
}
.slider-primary-btn{
	display: flex !important;
    align-items: center !important;
	i.fas.fa-play-circle{
		font-size: 24px;
		margin-right: 10px;
		line-height: 1;
	}
}
span.wpcf7-not-valid-tip {
	color: #2d87e2;
}
div.wpcf7-response-output {
	margin: 25px 0;
	padding: 5px 10px;
	border-radius: 3px;
}
div.wpcf7-validation-errors {
	border-color: #2d87e2;
}
.contact-us-form {
	.form-group {
		margin-bottom: 20px;
		.form-control {
			border: 1px solid #323a3d;
			border-radius: 4px;
			box-shadow: none;
			color: #9a9a9a;
			background-color: transparent;
		}
		input {
			height: 50px;
		}
		select{
		width: 100%;
		height: 50px;
		background: transparent;
		border: 1px solid #323a3d;
		padding-left: 10px;
		}
	}	
}
.sidebar-widget-area{
	.contact-us-form {
		.form-group {
			margin-bottom: 8px;
			.form-control {
				border: none;
				border-radius: 4px;
				box-shadow: none;
				color: #fff;
				background-color: transparent;
			}			
			select{
			width: 100%;
			height: 40px;
			background: #63a3e2;
			border: none;
			padding-left: 10px;
			color: #fff;
			border-radius: 4px;
			}
		}
		input.rdtheme-button-submit[type="submit"]{
			text-transform: capitalize;
			font-weight: inherit;
			color: #111111;
			background: #fff;
			padding: 9px 23px;
			
		}
	}
	.contact-us-form .form-group input[type="text"],
	.contact-us-form .form-group input[type="date"],
	.contact-us-form .form-group input[type="email"] {
		height: 40px;
	}

}
.contact-us-form.contact-us .form-group {
	.form-control {
		border: 1px solid #dadbdb;
		border-radius: 0;
		box-shadow: none;
		color: #111111;
		background-color: transparent;

	}
}
.contact-us-form.contact-us-page .form-group {
	select{
		border: 1px solid #dbe3e7;
	}
}
.contact-us-form.contact-us-page .wpcf7-submit:hover{
	background: @secondaryColor; 
}
.site.site-wrp .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover a{
	color: @primaryColor;
}

Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists