/*

    The following CSS codes are created by the YellowPencil plugin.
    https://yellowpencil.waspthemes.com/


    T A B L E   O F   C O N T E N T S
    ........................................................................

    01. "Bảo trì" Page
    02. "Giải pháp trọn gói" Page
    03. "Thiết kế không gian" Page
    04. "Home" Page
    05. "Thiết kế Branding" Page

*/



/*-----------------------------------------------*/
/*  "Bảo trì" Page                            */
/*-----------------------------------------------*/
body.page-id-789 #main{
	min-height:913px;
	background-color:transparent;
	-webkit-transform:translatex(0px) translatey(0px);
	-ms-transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
}

body.page-id-789{
	background-color:#ffffff;
}



/*-----------------------------------------------*/
/*  "Giải pháp trọn gói" Page              */
/*-----------------------------------------------*/
body.page-id-800 #content .wrap-quytrinhthietke .process-timeline{
	top:-70px;
}

body.page-id-800 .wrap-giaiphaptrongoi .wrapper .wrap-giaiphaptrongoi-content{
	left:63px;
}

body.page-id-800 #wrapper{
	background-color:#151515;
}



/*-----------------------------------------------*/
/*  "Thiết kế không gian" Page              */
/*-----------------------------------------------*/
body.page-id-895 .wrapper-space .thumb img{
	min-height:523px;
}

body.page-id-895 .wrapper-space .title-top h1{
	display:inline-block !important;
	-webkit-transform:translatex(140px) translatey(-28px);
	-ms-transform:translatex(140px) translatey(-28px);
	transform:translatex(140px) translatey(-28px);
}

body.page-id-895 .wrapper-space .title-top .btn-extend{
	left:9px;
	right:auto !important;
	min-height:127px;
	width:135px;
	-webkit-transform:translatex(44px) translatey(-33px);
	-ms-transform:translatex(44px) translatey(-33px);
	transform:translatex(44px) translatey(-33px);
}

body.page-id-895 .wrapper-space .title-bot{
	-webkit-transform:translatex(111px) translatey(-61px);
	-ms-transform:translatex(111px) translatey(-61px);
	transform:translatex(111px) translatey(-61px);
}

body.page-id-895 #content .wrap-quytrinhthietke .process-timeline{
	top:-82px;
}

body.page-id-895 .quytrinhtkkgian-title p span{
	position:relative;
	top:-28px;
}

@media (max-width:767px){

	body.page-id-895 .wrapper-space .title-top{
	-webkit-transform:translatex(28px) translatey(-51px);
	-ms-transform:translatex(28px) translatey(-51px);
	transform:translatex(28px) translatey(-51px);
	width:58%;
	min-height:387px;
	padding-left:0px;
}

body.page-id-895 .wrapper-space .title-top .btn-extend{
	-webkit-transform:translatex(-36px) translatey(-69px);
	-ms-transform:translatex(-36px) translatey(-69px);
	transform:translatex(-36px) translatey(-69px);
}

body.page-id-895 .wrapper-space .title-top h1{
	min-height:244px;
	padding-right:130px;
	-webkit-transform:translatex(108px) translatey(26px);
	-ms-transform:translatex(108px) translatey(26px);
	transform:translatex(108px) translatey(26px);
}

body.page-id-895 .wrapper-space .title-bot{
	-webkit-transform:translatex(37px) translatey(-65px);
	-ms-transform:translatex(37px) translatey(-65px);
	transform:translatex(37px) translatey(-65px);
	}

}



/*-----------------------------------------------*/
/*  "Home" Page                                  */
/*-----------------------------------------------*/
body.page-id-13 #content .wrap-tieuchi{
	background-color:transparent;
}



/*-----------------------------------------------*/
/*  "Thiết kế Branding" Page                 */
/*-----------------------------------------------*/
body.page-id-1044 .wrapper-space .thumb img{
	min-height:523px;
}

body.page-id-1044 .wrapper-space .title-top h1{
	display:inline-block !important;
	-webkit-transform:translatex(140px) translatey(-28px);
	-ms-transform:translatex(140px) translatey(-28px);
	transform:translatex(140px) translatey(-28px);
}

body.page-id-1044 .wrapper-space .title-top .btn-extend{
	left:9px;
	right:auto !important;
	min-height:127px;
	width:135px;
	-webkit-transform:translatex(44px) translatey(-33px);
	-ms-transform:translatex(44px) translatey(-33px);
	transform:translatex(44px) translatey(-33px);
}

body.page-id-1044 .wrapper-space .title-bot{
	-webkit-transform:translatex(111px) translatey(-61px);
	-ms-transform:translatex(111px) translatey(-61px);
	transform:translatex(111px) translatey(-61px);
}

body.page-id-1044 #content .wrap-quytrinhthietke .process-timeline{
	top:-82px;
}

body.page-id-1044 .quytrinhtkkgian-title p span{
	position:relative;
	top:-28px;
}

@media (max-width:767px){

	body.page-id-1044 .wrapper-space .title-top{
	-webkit-transform:translatex(28px) translatey(-51px);
	-ms-transform:translatex(28px) translatey(-51px);
	transform:translatex(28px) translatey(-51px);
	width:58%;
	min-height:387px;
	padding-left:0px;
}

body.page-id-1044 .wrapper-space .title-top .btn-extend{
	-webkit-transform:translatex(-36px) translatey(-69px);
	-ms-transform:translatex(-36px) translatey(-69px);
	transform:translatex(-36px) translatey(-69px);
}

body.page-id-1044 .wrapper-space .title-top h1{
	min-height:244px;
	padding-right:130px;
	-webkit-transform:translatex(108px) translatey(26px);
	-ms-transform:translatex(108px) translatey(26px);
	transform:translatex(108px) translatey(26px);
}

body.page-id-1044 .wrapper-space .title-bot{
	-webkit-transform:translatex(37px) translatey(-65px);
	-ms-transform:translatex(37px) translatey(-65px);
	transform:translatex(37px) translatey(-65px);
	}

}