input:focus,
select:focus,
textarea:focus{
	
}
input,
select,
textarea{
	border: 1px solid #C2C2C2;
}
.oneleg{
	background: black
}
.internalPage header{
	position: fixed;
	top: 0px;
    z-index: 10000;
    background-color: #fff;
	padding: 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 15px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 15px 0px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 15px 0px;
}
.internalPage .header{
	z-index: 100;
	padding: 0px;
	width: 100%;
	background-color: #fff;
	justify-content: space-between;
	padding-right: 15px; 
    padding-left: 15px; 
	}	
.proBack{
	background-color: rgba(0, 38, 86, 0.6);
	position: absolute;
	width: 100%;
	top: 0px;
	height: 100%;
}
.pageTitle h1{
	z-index: 10;
}
input[type="file"]{
	display: none;
}
.toolTip{
	position: absolute;
    left: -40px;
    font-size: 14px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    color: #fff!important;
    background-color: #C2C2C2;
}
.tabcontent:not(:last-child){
	display: none;
}
/*pre loading*/
	.relativeItem{
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.overlayer {
	  width:100%;
	  height:100%;  
	  position:absolute;
	  z-index:1;
	  
	}
	.loader {
	  display: inline-block;
	  width: 30px;
	  height: 30px;
	  position: absolute;
	  z-index:3;
	  border: 4px solid #Fff;
	  animation: loader 2s infinite ease;
	}

	.loader-inner {
	  vertical-align: top;
	  display: inline-block;
	  width: 100%;
	  background-color: #fff;
	  animation: loader-inner 2s infinite ease-in;
	}

	@keyframes loader {
	  0% {
	    transform: rotate(0deg);
	  }
	  
	  25% {
	    transform: rotate(180deg);
	  }
	  
	  50% {
	    transform: rotate(180deg);
	  }
	  
	  75% {
	    transform: rotate(360deg);
	  }
	  
	  100% {
	    transform: rotate(360deg);
	  }
	}

	@keyframes loader-inner {
	  0% {
	    height: 0%;
	  }
	  
	  25% {
	    height: 0%;
	  }
	  
	  50% {
	    height: 100%;
	  }
	  
	  75% {
	    height: 100%;
	  }
	  
	  100% {
	    height: 0%;
	  }
	}
/*pre loading*/
/*contact us*/
	.contactForm{
		padding: 100px 0px;
		background-image: url(../img/etr.png);
		background-size: cover;
	    background-position: center center;
	}
	.contactUs {
	    width: 100%;
	    position: relative;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: space-evenly;
	}
	.contactUs form {
	    width: 50%;
	    text-align: right;
	}
	.contactUs form .fadeInUp {
	    position: relative;
	}
	.contactUs form input {
	    width: 100%;
	    padding: 10px 20px;
	    background-color: #F8F8F8;
	    border-radius: 30px;
	    position: relative;
	    background-repeat: no-repeat;
	    background-position: right 20px center;
	    margin-bottom: 20px;
	}
	.contactUs form input::placeholder,
	.contactUs form textarea::placeholder{
		font-size: 15px;
		color: #8C8E90;
	}
	.contactUs form .fadeInUp i {
	    position: absolute;
	    top: 13px;
	    color: #F66329;
	    right: 35px;
	    font-size: 18px;
	}
	.contactUs form p {
	    margin: 20px 10px 10px;
	    font-size: 19px;
	    color: #3E4043;
	}
	.formTxtarea img {
	    position: absolute;
	    bottom: 20%;
	}
	.contactUs form textarea {
	    width: 100%;
	    height: 200px;
	    resize: none;
	    background-color: #F8F8F8;
	    border-radius: 15px;
	    padding: 20px;
	    z-index: 10;
	    position: relative;
	}
	.formSend, .formSend:focus{
	    
	    padding: 5px 0px 10px;
	    width: 22%;
	    color: #fff;
	    margin-top: 20px;
	    border-radius: 30px;
	    font-size: 20px;
	    background-image: url('../img/icons/Group 50.png');
	    background-repeat: no-repeat;
	    background-position: right 15px center;
	}
	.formSend:hover{
		box-shadow: 0px 10px 20px rgba(18, 214, 114, 0.20);
	}
	.formImgRight {
	    left: 95%;
	}
	.commentHear .attachFileProccess{
		position: absolute;
		bottom: 20px;
		right: 20px;
		display: flex;
	}
	.commentHear .attachFileProccess .attachFileTicket{
		margin-left: 10px;
	}
	.formImgLeft {
	    right: 90%;
	}
	.formBtn{
		text-align: center;
	}
	.shortInfo{
		position: absolute;
	    top: 0px;
	    background-image: url('../img/close-up.png');
	    background-position: center;
	    background-repeat: no-repeat;
	    height: 100%;
	    text-align: right;
	    width: 15%;
	    color: #fff;
	    right: 22%;
	    font-size: 16px;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-evenly;
	}
	.darkBack{
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: rgba(15, 35, 60, 0.9);
		z-index: 0;
	}
	.map{
		position: relative;
	}
	.shortInfoItem{
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		z-index: 1;
	}
	.shortInfoItem p{
		padding: 10px 40px;
	}
/*contact us*/
/*about us*/
	.pageTitle{
		height: 200px;
		display: flex;
		margin-top: 60px;
		align-items: center;
		justify-content: center;
		color: #fff;
		position: relative;
		background-image: url('../img/aboutUs-back.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		background-attachment: fixed;
	}
	.banerDesignerTeam h2{
		text-align: center;
	}
	.designerImage{
		width: 200px;
		height: 200px;
		overflow: hidden;
		border-radius: 100px;
		-webkit-box-shadow: 0px 41px 57px -52px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 41px 57px -52px rgba(0,0,0,0.75);
		box-shadow: 0px 41px 57px -52px rgba(0,0,0,0.75);
	}
	.designerImage img{
		width: 100%;
	}
	.aboutUsContent{
		background-image: url('../img/etr.png');
	    background-repeat: no-repeat;
		padding: 100px;
	}
	.aboutUsContent a, .aboutUsContent a:hover, .aboutUsContent a:focus{
		
	}
	.aboutUsText{
		text-align: right;
		margin-bottom: 50px;
	}
	.aboutUsText h2{
		font-weight: normal;
		margin-bottom: 20px;
	}
	.aboutUsText p{
		font-size: 20px;
		text-align: justify;
	}
	.banerDesignerSlider{
		margin: 100px 0px;
	}
	.banerDesignerSlider .slide{
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-bottom: 2px;
	}
	.designerName{
		margin-top: 30px;
		color: #1C2025;	
		font-size: 20px;
	}
	.designerPosition{
		color: #888888;
		font-size: 12px;
	}
	.designerSocial{
		display: flex;
	}
	.designerSocialItem{
		margin: 0px 5px;
		width: 30px;
		height: 30px;
		outline: none;
	}
/*about us*/
/*faq*/
	.afqContent{
		padding: 100px;
		background-image: url('../img/etr.png');
		background-repeat: no-repeat;
	}
	.faqItem{
		width: 100%;
		border-radius: 10px;
		border: 1px solid #E7E7E7;
		overflow: hidden;
		margin: 20px 0px;
	}
	.faqItem p{
		margin-bottom: 0px;
	}
	.faQuastion{
		padding: 20px 30px;
		background-color: #FAFAFA;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 22px;
		color: #1C2025;
		cursor: pointer;
		text-align: right;
	}
	.faQuastion p{
		
	}
	.faQuastion i{
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #9D9D9D;
		border: 1px solid #9D9D9D;
		border-radius: 20px;
		font-size: 14px;
	}
	.fAnswerq{
		display: none;
		padding: 20px 30px;
		font-size: 16px;
		color: #878787;
		text-align: right;
	}
/*faq*/
/*tariff content*/
	#htmlTab, #logoTab, #telegramTab, #instagramTab, 
	#landingTab, #tiserTab, #bilboardTab,
	#videoLogo, #combinedLogo, #officialSet{
		display: none;
	}
	.tarrifItems{
		display: flex;
	}
	.tariffContent{
		padding-top: 150px;
		background-repeat: no-repeat;
		background-image: url('../img/etr.png');
	}
	.tariffContent h5{
		font-size: 30px;
		color: #616161;
		text-align: center;
		border-bottom: 1.5px solid #E7E7E7;
		margin: 0px 0px 50px;
		padding-bottom: 40px;
		font-weight: 500;
		width: 100%;
	}
	.triffThird, .triffTwo{
		padding: 20px;
		text-align: center;
		border: 1.5px solid #E7E7E7;
		border-radius: 10px;
		margin-bottom: 30px;
		width: 100%;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	}
	.triffSub{
		font-size: 26px;
		color: #616161
	}
	.tariffContent .row{
		margin-bottom: 50px;
	}
	.triffCost{
		font-size: 44px;
		
		font-weight: bold;
		display: flex;
		margin: 20px 0px 50px;
		align-items: center;
		justify-content: center;
	}
	.triffCost span{
		font-size: 24px;
		color: #616161;
		font-weight: normal;
		padding-right: 10px;
	}
	.triffThirdFooter, .triffTwoFooter{
		display: flex;
		justify-content: space-evenly;
	}
	.buyNowBtn{
		
		padding: 5px 10px;
		color: #fff;
		width: 45%;
		display: flex;
    	align-items: center;
		font-size: 11px;
		justify-content: center;
		border-radius: 20px;
	
	}
	.buyNowBtn:hover{
		color: #fff;
		-webkit-box-shadow: 0px 10px 20px rgba(18, 214, 114, 0.20);
		-moz-box-shadow: 0px 10px 20px rgba(18, 214, 114, 0.20);
		box-shadow: 0px 10px 20px rgba(18, 214, 114, 0.20);
	}
	.triffThird .seeSampleBtn{
		border: 1px solid #E7E6E6;
		border-radius: 20px;
		color: #707070;
		background-color: #fff;
		width: 45%;
		padding: 5px;
		display: flex;
	    align-items: center;
	    font-size: 11px;
	    justify-content: center;
	}
	.triffThird .seeSampleBtn:hover{
		
		color: #fff;
	}
	.triffTwo{
		position: relative;
	}
	.triffTwo .seeSampleBtn{
		position: absolute;
		left: -1px;
		top: 10%;
		font-size: 14px;
		padding: 5px 10px;
		color: #616161;
		border: 1px solid #E7E6E6;
		border-radius: 0px 20px 20px 0px;
	}
	.banerSizes, .costumBanerSizes{
		display: flex;
		margin-bottom: 40px;
		justify-content: center;
		flex-wrap: wrap;
	}
	.sizeItem{
		padding: 5px;
		color: #616161;
		border: 1px solid #E7E7E7;
		border-radius: 20px;
		width: 25%;
		font-size: 12px;
		margin: 0px 5px 7px;
		direction: ltr;
	}
	.triffTwoFooter .buyNowBtn{
		padding: 5px 10px;
		width: 33%;
	}
	.costumBanerSizes .sizeItem{
		width: 60%;
	}
	.noticeContent{
		border: 1px solid #E7E7E7;
		border-radius: 10px;
		margin: 50px 0px 100px;
		padding: 30px;
		text-align: right;
	}
	.mainNotice{
		font-size: 25px;
		color: #0F233C;
	}
	.noticeContent p:not(.mainNotice){
		color: #707070;
		font-size: 20px;
	}
	.commingSoOn img{
		width: 100%;
	}
	.commingSoOn p{
		text-align: center;
		font-size: 22px;
	}
/*tariff content*/
/*work sample*/
	.workSampleContent{
		padding-top: 100px;
		background-image: url(../img/etr.png);
    	background-repeat: no-repeat;
	}
	.workSampleContent .tabcontent{
		background-color: #fff;
		border-radius: 10px 0px 10px 10px;
		width: 100%;
		margin: 0px;
		min-height: 50px;
		border: 1px solid #DFDFDF;
	}
	.workSampleContent #rendred{
		padding: 50px;		
	}
	.workSampleContent .tab{
		text-align: right;
		padding: 0px;
	}
	.workSampleContent .tablinks{
		background-color: #F3F3F3;
		padding: 10px 20px;
		color: #333E48;
		cursor: pointer;
		height: 40px;
		border: 1px solid #F3F3F3;
	}
	.workSampleContent .tablinks.active{
		background-color: #fff;
	    border: 1px solid #DFDFDF;
	    border-bottom: 0px;
	    height: 42px;
	    margin-bottom: -2px;
	    position: relative;
	    z-index: 1;
	}
	#HTMLtab, #socialTab, #logoTab, 
	#landingTab, #telBanerTab, #instaBanerTab{
		display: none;
	}
	.tabContentHead{
		width: 40%;
		position: relative;
		margin: 0 auto;
		display: flex;
	}
	.sampleFilter{
		width: 50%;
	}
	.sampleFilterTitle{
		color: #CFCFCF;
		cursor: pointer;
		font-size: 20px;
		text-align: center;
		padding: 20px 0px;
		border-bottom: 1px solid #E9E9E9;
	}
	.sampleFilter select{
		display: none;
		-webkit-appearance: none;
		width: 100%;
		background-color: #F3F3F3;
		padding: 5px 10px;
		border-radius: 5px;
		background-image: url('../img/arrow.png');
		background-repeat: no-repeat;
		background-position: left 10px center;
	}
	.changeSizeSelect option{
		direction: ltr;
	}
	.sizeFilter .sampleFilterTitle{
		color: #333E48;
	}
	.gifTabContent{
		margin: 50px 0px 20px;
		justify-content: space-evenly;
	}
	.gifTabContent .gifItems{
		margin: 0px 5px;
	}
	.workSampleItem{
		width: auto;
		margin: 15px;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	iframe{
		margin: 20px;
	}
	.workSampleItem img, .workSampleItem video{
		width: 100%;
	}
	.count-page {
	    margin-bottom: 0px;
	    margin-top: 10px;
	    direction: ltr;
	    text-align: center;
	    width: 100%;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.count-page li {
	    display: flex;
	    justify-content: center;
	    width: 35px;
	    height: 35px;
	    margin: 5px;
	    padding-top: 5px;
	    font-size: 12px;
	    cursor: pointer;
	}
	.count-page li:not(.changePage):hover, .count-page .active-page {
		
	    border-radius: 30px;
	    -webkit-box-shadow: 0px 10px 20px rgba(18, 214, 114, 0.20);
		-moz-box-shadow: 0px 10px 20px rgba(18, 214, 114, 0.20);
		box-shadow: 0px 10px 20px rgba(18, 214, 114, 0.20);
	}
	.count-page button{
		color: #c1bbbb;
	}
	.count-page li:not(.changePage):hover button, .count-page .active-page button{
		color: #fff;
	}
	.changePage{
		border: 1px solid #C2C2C2;
	    padding: 6px 23px 10px 27px!important;
	    border-radius: 20px;
	}
	.sampleWorkNotice{
		position: relative;
		margin: 50px auto 100px;
	}
	#products{
		width: 100%;
	}
	.single-item{
		direction: ltr;
		display: none;
	}
	.landingTabContent {
	    margin-top: 50px;
	}
	.landingTabContent .workSampleItem {
	    border: 1px solid #DFDFDF;
	    padding: 10px;
	    border-radius: 3px;
	    display: flex;
	}
	.landingItemImage {
	    height: 100%;
	}
	.landingTxtList {
	    width: 50%;
	    padding-right: 20px;
	}
	.landingTxtList h5 {
	    color: #616161;
	    font-size: 24px;
	    padding-top: 20px;
	    text-align: right;
	    margin-bottom: 12px;
	}
	.borderBotBlue{
		border-bottom: 1px solid;
	}
	.landingTxtList ul {
	    height: 70%;
	    margin-bottom: 0px;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-around;
	}
	.landingTxtList ul li {
	    color: #8A8A8A;
	    font-size: 18px;
	    text-align: right;
	}
	.landingTxtList ul li::before {
	    content: "\2022";
	    color: #000;
	    font-weight: bold;
	    display: inline-block;
	    width: 1em;
	    padding-left: 10px;
	}
	.landingTabContent .landingPreview {
	    display: flex;
	    align-items: flex-end;
	    width: 35%;
	    justify-content: flex-end;
	}
	.landingTabContent .landingPreview button {
	    height: 40px;
    	padding: 0px 15px;
	    border: 1px solid #DFDFDF;
	    border-radius: 3px;
	    color: #707070;
	    font-size: 14px;
	    margin-left: 10px;
	}
	.landingTabContent .landingPreview a {
	    
	    border-radius: 3px;
    	
	    width: 40px;
	    height: 40px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.landingTabContent .landingPreview img{
		width: 55%;
	}
	#logoTab .tab{
		margin: 0px auto 50px;
	}
	#logoTab img:not(#dialog_image), .zIndexLow, .zIndexHigh,
	.zIndexLow img, .zIndexHigh img{
		width: 100%;
	}
	.zIndexLow, .zIndexHigh{
		overflow: hidden;
		position: relative;
	}
	.logoImageItem{
		margin: 15px 0px;
	}
	.logoImageItem img{
		-webkit-transition: .3s ease all;
		-o-transition: .3s ease all;
		transition: .3s ease all;		
	}
	.logoImage{
		overflow:hidden;
	}
	.zIndexHigh{
		z-index: 1;
		bottom: 100%;
	}
	.zIndexLow{
		z-index: 0;
	}
	.logoImageItem input{
		display: none;
	}
	.wrksmpl .modal-dialog, .orderDemo .modal-dialog, .orderFactor .modal-dialog, .mustLogIn .modal-dialog{
		max-width: max-content;
    	margin: 5.75rem auto;
	}
	.wksmpl .modal-dialog{
		max-width: 50%;
    	margin: 5.75rem auto;
	}
	[data-toggle="modal"]{
		cursor: pointer;
	}
	.workSampleContent [data-toggle="modal"]{
		cursor: zoom-in;
	}
/*work sample*/
/*sign in & register & pass recovery*/
	.signInContent, .registerContent, .recoveryContent{
		background-image: url('../img/etr.png');
		background-repeat: no-repeat;
		padding: 100px 0px;
	}
	.signInImage, .registerImage, .recoveryImage{
		text-align: center;
		width: 30%;
	}
	.signInForm, .registerForm, .recoveryForm{
		direction: rtl;
		text-align: right;
		margin: 0px auto!important;
	}
	.signInForm h2, .registerForm h2, .recoveryForm h2{
		font-weight: normal;
		font-size: 34px;
		color: #616161;
	}
	.signInForm form, .registerForm form, .recoveryForm form{
		margin-top: 30px;
	}
	.recoveryForm form button{
		width: 150px;
		float: left;
	}
	.signInForm form input,
	.registerForm form input, 
	.recoveryForm form input{
		width: 100%;
		padding: 10px 75px 10px 75px;
		background-color: #FCFCFC;
		border-radius: 30px;
		margin: 10px 0px;
		background-repeat: no-repeat;
		background-size: 18px;
	}
	.signInForm form input::placeholder,
	.registerForm form input::placeholder,
	.recoveryForm form input::placeholder{
		color: #8C8E91;
		font-size: 13px;
	}
	.signInForm form .email,
	.registerForm form .email,
	.recoveryForm form .email{
		direction: ltr;
		background-position: left 20px center;
	}
	.signInForm form .phone,
	.registerForm form .phone,
	.recoveryForm form .phone{
		direction: ltr;
		background-position: left 20px center;
	}
	.signInForm form .password,
	.registerForm form .password,
	.recoveryForm form .password{
		direction: ltr;
		background-position: left 20px center;
	}
	.signInForm form .userName,
	.registerForm form .userName,
	.recoveryForm form .userName{
		background-position: right 20px center;
	}

	.formFooter{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.forgetPass{
		font-size: 15px;
	}
	.rightFormFooter{
		padding-right: 25px;
	}
	.rightFormFooter p{
		flex: 1;
		margin-top: 5px;
		display: flex;
		width: max-content;
		font-size: 16px;
	}
	.rightFormFooter p a{
		margin-right: 5px;
	}
	.rightFormFooter a{
		flex: 1;
		color: #0E6BE3;
	}
	.formFooter .submit{
		width: 15%;
		border-radius: 30px;
		background-color: #F5813C;
		display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.formFooter .submit button{
		color: #fff;
		padding: 7px 0px;
	}
	.registerForm .formFooter{
		margin-top: 20px;
	}
	.registerForm .rightFormFooter p{
		color: #8C8E91;
		margin-bottom: 0px;
		font-size: 15px;
	}
	.leftFormFooter{
		width: 20%;
		display: flex;
		justify-content: space-between;
	}
	.formFooter .leftFormFooter button{
		color: #fff;
		padding: 7px;
		border-radius: 30px;
		
		display: flex;
		font-size: 13px;
	    align-items: center;
	    justify-content: center;
	    -webkit-box-shadow: 0px 4px 10px rgb(18, 214, 114);
		-moz-box-shadow: 0px 4px 10px rgb(18, 214, 114);
		box-shadow: 0px 4px 10px rgb(18, 214, 114);
	}
	.leftFormFooter a{
		background-color: #FCFCFC;
	    border: 1px solid #DFDFDF;
	    border-radius: 30px;
	    font-size: 13px;
	    color: #8C8E91;
	    padding: 6px 10px;
	    width: 49%;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
	.leftFormFooter span{
		padding-left: 5%;
    	border-left: 1px solid #DFDFDF;
	}
	.passRecNotice{
		color: #8C8E91;
		font-size: 16px;
		margin-bottom: 5px;
	}
	.recoveryForm .formFooter{
		display: block;
		margin-top: 20px;
	}
	.recoveryForm .formFooter button{
		padding: 8px 0px;
	}
	.formFooter button{
		width: 100%;
		float: left;
		color: #fff;
		padding: 7px;
		border-radius: 30px;
		
		display: flex;
		font-size: 13px;
	    align-items: center;
	    justify-content: center;
	    box-shadow: 0px 4px 10px rgba(18, 214, 114, 0.26);
	}
	.recoveryForm h2{
		margin-bottom: 30px;
	}
	.signInItemName{
		padding: 0px;
	}
	.signInItem{
		position: relative;
		padding: 0px;
	}
	.signInItem input {
	    padding: 10px 60px;
	    border-radius: 30px;
	    width: 100%;
	    margin-bottom: 20px;
    }
    .signInItem svg {
	    position: absolute;
	    left: 40px;
	    top: 22px;
	}
	.signInItemName input {
	    padding: 10px 60px;
	    border-radius: 30px;
	    width: 100%;
	    margin-bottom: 20px;
    }
    .signInItemName svg {
	    position: absolute;
	    right: 40px;
	    top: 22px;
	    
	}	
/*sign in & register & pass recovery*/
/*online order*/
	.orderServicesItem{
		display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: space-evenly;
	    position: relative;
	    text-align: center;
	}
	.onlineOrderContent{
	    position: relative;
	    top: 50px;
		background-image: url('../img/etr.png');
		background-repeat: no-repeat;
	}
	.serviceMother{
		padding: 100px 0px;
		background-color: rgba(223,223,223,0.15);
		margin-bottom: 50px;
	}
	.orderServicesItem p {
	    font-size: 30px;
	    margin-bottom: 0px;
	    margin-top: 30px;
	    font-weight: 500px;
	}
	.orderServicesItem span {
	    color: #3E3E3E;
	    font-size: 16px;
	}
	#cart_to_cart span, .orderDetails p:last-child span{
		font-weight: bold;
	}
	.sendDesign{
		-webkit-box-shadow: 14px 107px 227px 0px rgba(14,107,227,0.2);
	    -moz-box-shadow: 14px 107px 227px 0px rgba(14,107,227,0.2);
	    box-shadow: 14px 107px 227px 0px rgba(14,107,227,0.2);
	}
	.bannerDesign{
		-webkit-box-shadow: 0px 0px 38px 0px rgba(27,189,100,0.2);
	    -moz-box-shadow: 0px 0px 38px 0px rgba(27,189,100,0.2);
	    box-shadow: 0px 0px 38px 0px rgba(27,189,100,0.2);
	}
	.submitOrder{
		-webkit-box-shadow: 0px 0px 38px 0px rgba(255,110,23,0.2);
	    -moz-box-shadow: 0px 0px 38px 0px rgba(255,110,23,0.2);
	    box-shadow: 0px 0px 38px 0px rgba(255,110,23,0.2);
	}
	.onlineOrderContent .servicesContent{
		margin: 0px auto;
	}
	.onlineOrderContent .tab, 
	.tariffContent .tab,
	#logoTab .tab{
		text-align: right;
		border-bottom: 1px solid #E7E7E7;
	}
	.onlineOrderContent .tab .tablinks,
	.tariffContent .tab .tablinks,
	#logoTab .tab .linkstab{
		color: #B2B2B2;
		font-size: 22px;
		padding: 15px 20px;
		cursor: pointer;
	}
	.onlineOrderContent .tab .tablinks:hover,
	.onlineOrderContent .tab .tablinks.active,
	.tariffContent .tab .tablinks:hover,
	.tariffContent .tab .tablinks.active,
	#logoTab .tab .linkstab:hover,
	#logoTab .tab .linkstab.active{
		margin-bottom: -2px;
		color: #616161;
	}
	.onlineOrderContent .tab .tablinks.active,
	.tariffContent .tab .tablinks.active,
	#logoTab .tab .linkstab.active{
		border-bottom: 1px solid;
	}
	.tab{
		position: relative;
	}
	.tab .horizontalLine{
		height: 1px;
		display: none;
	    
	    position: absolute;
	    bottom: -1.5px;
	    right: 0px;
	}
	.tab:hover .horizontalLine{		
	    -webkit-transition: .3s ease all;
	    -o-transition: .3s ease all;
	    transition: .3s ease all;
		display: block;
	}
	.onlineOrderContent .tab span{
		font-size: 22px;
    	font-weight: 500;
	}
	#packageTab{
		display: none;
	}
	.orderItemFooter{
		padding: 10px 0px;
		display: flex;
		width: 100%;
		border-top: 1px solid #E7E7E7;
		justify-content: space-between;
	}
	.uploadedFileItem{
		display: flex;
	}
	.mustLogIn .modal-body{
		display: flex;
	    flex-direction: column;
	    align-items: center;
	}
	.mustLogIn .modal-body img{
		width: 	50%;
	}
	.mustLogIn .modal-body p{
		margin-top: 30px;
		font-size: 20px;
	}
	.mustLogIn .modal-footer a{
		margin: 0px 10px;
		padding: 5px;
		width: 145px;
		border: 1px solid #ddd;
		border-radius: 30px;
		text-align: center;
	}
	.mustLogIn .modal-content{
		justify-content: center;
   		align-items: center;
	}
	.orderOnlineItem{
		border: 1px solid;
		padding: 0px 20px;
		border-radius: 10px;
		margin: 20px 0px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.orderItemTitle{
		color: #616161;
		margin-bottom: 20px;
	}
	.orderItemImage{
		margin: 10% 0%;
	}
	.onlineOrderContent .tabcontent{
		margin-top: 20px;
	}
	.increseOrder{
		display: flex;
	    align-items: center;
	    font-size: 12px;
	    width: 29%;
	    justify-content: space-between;
	    padding: 4px 6px;
	    border: 1px solid #E7E7E7;
	    border-radius: 20px;
	}
	.orderItemCost{
		margin-bottom: 0px;
		color: #1C2025;
	}
	.increseOrder{
		cursor: pointer;
	}
	.onlineOrderExplain{
		width: 100%;
		display: flex;
		justify-content: space-between;
		bottom: 60px;
    	position: absolute;
	}
	.fillForm{
		text-align: right;
		margin: 100px auto;
		flex-direction: column;
	}
	.fillForm form{
		justify-content: space-between;
		width: 100%;
	}
	.fillForm h2{
		color: #616161;
		margin-bottom: 30px;
	} 
	.fillForm form select,
	.orderItemContent ul{
		width: 100%;
		padding: 5px 0px;
		border: 1px solid #C2C2C2;
		border-radius: 30px;
		margin-bottom: 30px;
		overflow: hidden;
		align-items: center;
	}
	.orderItemContent{
		display: none;
	}
	.orderItemContent ul{
		display: flex;
		margin-bottom: 20px;
		width: auto;
		overflow-x: auto;
	}
	.orderItemContent p{
		margin-bottom: 0px;
	}
	.orderItemContent ul li{
		padding: 5px 10px;
		color: #9B9B9B;
		border: 1px solid #D2D2D2;
		border-radius: 20px;
		margin: 0px 5px;
		display: flex;
		font-size: 12px;
    	align-items: center;
	}
	.orderItemContent ul li p{
		width: intrinsic;
		width: -moz-max-content;
		width: -webkit-max-content;
		margin-bottom: 0px;
	}
	.orderItemContent ul li i{
		padding: 0px 10px;
	}
	.fillForm form select:first-child, .payment select{
		background-image: url('../img/32213.png');
		background-repeat: no-repeat;
		background-position: left 20px center;
		color: #8D8F92;
	}
	.orderFactor .modal-dialog{
		max-width: 80%;
	}
	.fillFormLeft textarea{
		width: 100%;
		padding: 10px 10px 60px;
		border: 1px solid #C2C2C2;
		border-radius: 10px;
		height: 200px;
	}
	#ibanerUploadFile, #oneDayRadio, #openLayerRadio ,.postTypeChooseSize input{
		display: none;
	}
	.fillFormLeft{
		position: relative;
	}
	.fillFormTextArea{
		height: 68%;
		margin-bottom: 20px;
		position: relative;
	}
	.ibanerUploadFile{
		
	    color: #fff;
	    padding: 8px 50px 8px 20px;
	    border-radius: 30px;
	    display: flex;
	    cursor: pointer;
	    font-size: 15px;
	    align-items: center;
	    justify-content: center;
	    background-image: url(../img/126477.png);
	    background-repeat: no-repeat;
	    background-position: right 15px center;
	    background-size: 20px;
	}
	.fileName{
		padding: 0px 10px;
	}
	.ibanerUploadFile p{
		padding-right: 7%;
		margin-bottom: 0px;
	}
	.uploadedFile{
		display: flex;
		position: absolute;
		bottom: -40px;
	    width: 100%;
	    padding: 5px 10px;
	    justify-content: space-between;
	    align-items: center;
	}
	.fillFormTextArea .toolTip{
		bottom: -30px;
	}
	.uploadFiles{
		display: flex;
	}
	.fa-times{
		cursor: pointer;
	}
	.uploadedFileItem{
		margin: 0px 5px;
		display: flex;
		padding: 6px 10px;
	    font-size: 12px;
	    border: 1px solid #D2D2D2;
	    border-radius: 20px;
	    width: auto;
	    align-items: center;
	    justify-content: space-between;
	}
	.oneDayDelivery p, .openLayerFile p{
		margin-bottom: 0px;
	}
	.postTypeHeader{
		display: flex;
		color: #616161;
		padding: 10px;
		z-index: 11;
	    border: 1px solid #C2C2C2;
	    border-radius: 25px;
	}
	.oneDayDelivery, .openLayerFile{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 50%;
		padding: 0px 10px;
		border-left: 1px solid #C2C2C2;
	}
	.openLayerFile{
		border-left: none;
	}
	.oneDayDelivery label, .openLayerFile label{
		margin-bottom: 0px;
	}
	.chooseSizeBtn, .chooseSizeBtn:focus{
		background-color: #0E6BE3;
	    color: #fff;
	    padding: 5px 10px;
	    border-radius: 25px;
	    font-size: 12px;
	}
	.chooseSizeBtn i{
		padding: 0px 10px;
    	font-size: 10px;
	}
	.rotate {
	    -webkit-transform: rotate(-90deg);
	    -moz-transform: rotate(-90deg);
	    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	}

	.postTypeRadio{
		width: 20px;
		height: 20px;
		border-radius: 5px;
		border: 1px solid #A7A7A7;
		margin-left: 10px;
	}
	input[type=radio]:checked + label, input[type=checkbox]:checked + label{
	  background-image: url('../img/tick 2.png');
	  background-repeat: no-repeat;
	  background-position: center;
	  background-color: #0E6BE3;
	  border-color: #0E6BE3;
	}
	.alertorder{
	    
	    border-radius: 50px;
	    color: #fff;
	    font-weight: 300;
	    position: relative;
	    margin: 100px auto 50px;
	    padding: 5px 0px;
	    display: flex;
    	align-items: center;
    	text-align: right;
	}
	.alertorder i{
		font-size: 35px;
    	margin: 0px 5px 0px 10px;
	}
	.postTypeRight{
		display: flex;
	}
	.postTypeHeader button:disabled{
		background-color: #CECECE;
		cursor: no-drop;
	}
	.postType{
		margin-bottom: 30px;
		position: relative;
	}
	.chooseItemHead{
		display: flex;
	}
	.postTypeChooseItem{
		width: 30%;
	}
	.postTypeChooseItem p{
		font-size: 18px;
	}
	.postTypeChooseItem ul li{
		display: flex;
		color: #949494;
		font-size: 14px;
	}
	.postTypeChooseItem ul li span{
		direction: ltr;
	}
	.postTypeChooseSize{
		width: 100%;
	    position: relative;
	    z-index: 10;	    
	}
	.forOneDay, .forOpenLayer{
		width: 100%;
	    padding: 80px 20px 20px;
	    border: 1px solid #C2C2C2;
	    background-color: #fff;
	    border-radius: 25px;
	    border-top: none;
		width: 100%;
		position: relative;
    	top: -50px;
	    display: none;
    	justify-content: space-between;
	}
	.orderDetails, .payToCard, .payment, .orderFormFooter{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.flexDisplay{
		display: flex;
		flex-wrap: wrap;
	}
	.orderFormFooter{
		justify-content: space-between;
		width: 100%;
		border: 1px solid #C2C2C2;
		padding-right: 15px;
		border-radius: 30px;
	}
	.payToCard{
		margin: 20px 0px;
		display: none;
		justify-content: space-between;
	    border: 1px solid #ddd;
	    padding: 5px 15px 5px 5px;
	    border-radius: 30px;
	    height: 50px;
	}
	.payToCard p{
		margin-bottom: 0px;
		letter-spacing: .6px;
	}
	.formFooter{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.payment{
		width: 40%;
		flex-wrap: initial;
	}
	.payment select{
		margin-bottom: 0px!important;
		border: none!important;
		width: 60%!important;
	}
	.payment button{
		
		color: #fff;
		width: -webkit-fill-available;
		width: -moz-available;
		padding: 10px;
		border-radius: 30px;
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	.payment button:focus{
		
	}
	.orderDetails p{
		border-left: 1px solid #ccc;		
	}
	.orderFormFooter p{
	    padding: 0px 20px;
	    margin-bottom: 0px;
	    height: 100%;
	    display: flex;
	    align-items: center;
	}
	.orderFormFooter p span, .postTypeRight p span{
		
	}
	.forOneDay h5, .forOpenLayer h5{
		text-align: center;
		color: #ccc;
		font-size: 40px;
	}
	.orderItemPackage{
		display: flex;
	}
	.packSizeItem{
		width: 100%;
		display: flex;
    	overflow-x: auto;
	}
	.packSizeItem li{
		border: 1px solid #C2C2C2;
		padding: 7px 10px;
		border-radius: 30px;
		display: flex;
		color: #ccc;
		margin-bottom: 10px;
		justify-content: space-between;
	}
	.areaNum{
		display: flex;
		align-items: center;
	}
	.areaNum i{
		margin: 0px 5px;
	}
	.areaNum input{
		border: 1px solid #CCCCCC;
	    padding: 3px 10px 2px;
	    border-radius: 20px;
	    width: 60px;
	    text-align: center;
	    font-size: 12px;
	    color: #737373;
	}
	.popUpOrderDetails{
		display: flex;
		flex-direction: column;
	}
	.popUpContentHead{
		padding: 20px;
		background-color: #0F233C;
		font-size: 23px;
		text-align: center;
		color: #fff;
		border-radius: 10px;
		margin-bottom: 35px;
	}
	.orderDetailsItem{
		padding: 15px;
	    background-color: #FCFCFC;
	    border: 1px solid #C2C2C2;
	    border-radius: 10px;
	    margin-bottom: 15px;
	    display: flex;
	    align-items: center;
	}
	.detailsItemTitle{
		flex: 1;
	}
	.detailsItemResault{
		flex: 1.5;
		padding-right: 20px;
		border-right: 1px solid #D2D2D2;
	}
	.orderDetailsItem img{
		padding-left: 20px;
	}
	.orderList{
		overflow-x: auto;
	}
	.orderList ul{
		display: flex;
		width: max-content;
		width: -moz-max-content;
	}
	.orderList ul li{
		padding: 5px 10px;
	    border: 1px solid #E2E2E2;
	    border-radius: 25px;
	    color: #616161;
	    margin-left: 10px;
	    background-color: #fff;
	}
	.describTxt{
		padding: 20px;
		height: 46%;
		background-color: #FCFCFC;
		border: 1px solid #C2C2C2;
		border-radius: 10px;
		color: #616161;
    	font-size: 20px;
	}
	.yourOrder{
		padding: 20px;
	    background-color: #FCFCFC;
	    border: 1px solid #C2C2C2;
	    border-radius: 10px;
	    height: 28%;
	}
	.finalCost{
		margin-top: 20px;
		padding: 10px 20px;
		
		border-radius: 20px;
		color: #fff;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.finalCost p{
		margin-bottom: 0px;
	}
	.accPay{
		
	}
	.editInfo, .editInfo:focus{
		background-color: #AAAAAA;
	}
	.orderFactor .modal-footer{
		justify-content: flex-start;
		padding: 0px;
	}
	.orderFactor .modal-footer button{
		padding: 5px 35px;
		border-radius: 20px;
		color: #fff;
		margin: 30px 0px 0px 20px;
	}
	.orderFactor .modal-body{
		padding: 2rem;
		text-align: right;
	}
	.cardNum{
		width: 20%;
    	text-align: left;
	}
	.cardNum input{
		text-align: left;
		margin-bottom: 0px!important;
	}
	.explainItem{
		position: relative;
	    text-align: center;
	    padding: 45px;
	    width: 30%;
	    border-radius: 15px;
	    color: #fff;
	    background-color: rgba(90,90,90,0.98);
	    visibility: hidden;
	}
	#firstTxt, #thirdTxt{
		width: 20%;
	}
/*online order*/
/*my order*/
	.block_center{
		margin:0 auto !important;
		float:none !important;
		display:block !important;
	}
	.profile span{
		line-height:35px;
		margin:15px  0  0 10px;
		font-size:13px;
		color:#666;
	}
	.user-img{
		
		margin-top:10px;
		border:1px solid #fff;
	}
	.page-link {
	    position: relative;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    line-height: 1.25;
	    color: #007bff;
	    background-color: #fff;
	    border: 1px solid #dee2e6;
	    width: 30px;
	    height: 30px;
	}
	.info{
		box-shadow:0px 3px 30px rgba(0, 0, 0, .05);
		padding:20px;
		margin-top:20px;
		width: 100%;
		float:right;
		height: auto;
		display: flex;
		align-items: center;
	}
	.imgBorder{
		width: 100px;
		height: 100px;
		overflow: hidden;
		
		display: flex;
	    align-items: center;
	    justify-content: center;
	    border-radius: 60px;
		position: relative;
	}
	.userImage:hover .userImageEdit{
		visibility: visible;
	}
	.edit-profile-img{
		width: 90px;
		height: 90px;
	}
	.name-profile{
		padding: 5px 10px;
	}
	.edit-profile span{
		width:100%;
		text-align:left; 
		margin-left:5px;
		font-size:15px;
		color:#B8B8B8;
		padding: 5px 0px 0px 10px;
	}
	.edit-profile span:first-child{
		font-weight: 900;		
	}
	.main{
		background-image: url('/static/assets/img/etr.png');
			z-index: 1000 !important;
			background-repeat: no-repeat;
			position: relative;
			width:100%;
			background-size:100% 200px;
	}
	.row_box{
		width:100%;
		height:auto;
		float:right;
		margin:30px 0;
	}
	.profilePage .row_box{
		display: block;
	}
	body .step-active{
	color:red !important;
	border-color:red !important;
	}
	.btn-secondary span:before{
		font-family:"icon";
		font-size:20px;
	}
	.fa-mail{
		direction: ltr;
	}
	.fa-cart:before{
	    content: "\f07a";
		color:#ccc;
	}
	.fa-order:before{
		    content: "\f274";
			color:#ccc;
	}
	.fa-like:before{
	    content: "\f087";
		color:#ccc;
	}
	body .fa-doing:before{
		content: "\f044";
			color:#ccc;
	}
	.fa-send:before{
		    content: "\f1d9";
			color:#ccc;
	}
	.stepwizard-step p {
	    margin-top: 10px;    
	}
	.process-row {
	    display: table-row;
	}
	.process {
	    display: table;     
		position: relative;
	}
	.process-row:before {
	    top:40px;
	    bottom: 0;
	    right: 10%;
	    position: absolute;
	    content: " ";
	    width: 80%;
	    height: 1px;
	    background-color: #ccc;
	}
	.process-step {    
	    display: table-cell;
	    text-align: center;
	    position: relative;
	}
	.process-step p {
		margin-top:10px;
		font-size:14px;
		color:#666;	    
	}
	.btn-circle {
	  width:80px;
	  height: 80px;
	  text-align: center;
	  padding: 6px 0;
	  font-size: 12px;
	  line-height: 1.428571429;
	  border-radius: 15px;
	}
	.btn-secondary{
		background-color:#fff !important;
		border-color:#ccc !important;
		border-radius:50% !important;
	}
	body .btn_info{
		border:1px solid #ddd;
		border-radius: 20px;
		color: #555;
		padding:8px 15px;
		font-size:14px;
		margin-top:8px;
		float: right;
	}
	.btn_info:last-child{
		margin-right:10px;
	}
	.profileHeaderBtn:hover, .saveName:hover, .activeProfileBtn{
		
		color:#fff!important;
		box-shadow: 0px 10px 20px rgba(18, 214, 114, 0.20);
		
	}
	body .step-prv{
		border-color: #FF6E17 !important;
	}
	body .step-now{
		border-color: #1BBD64 !important;
	}
	body .step-next{
		border-color: #DDDDDD !important;
	}
	.row_table{
		height:auto;
		margin:50px 0;		
	}
	body .table thead{
		box-shadow: 0 0 2px #c2c2c2;
		border-radius: 25px;
		cursor: pointer;
	}
	.page-link:focus{
		box-shadow: 0 0 0 0;
	}
	body .table th, body .table td{
		border:none !important;
		font-weight: normal;
		color: #616161;
		font-size: 19px;  
		padding: 5px 20px;
	}
	body .table th:last-child, body .table td:last-child{
		text-align: left;
	}
	body .table th span{
		color: #848484;
	}
	.box-table{
		background-color: #fff;
		margin: 50px 0px;
		color: #666;
		font-size: 15px;
		border-radius: 30px;
		float: right;
		width: 100%;
		border: 1px solid #ccc;
		text-align: right;
		transition: 0.3s;
		animation: 1s ease-in-out;
	}
	.box-table:hover{
		cursor: pointer;
		background-color: #fafafa;
	}
	.box-table .table{
		margin-bottom:0 !important;
	}
	.tbody{
		display: none;
	}
	.pagination{
		align-items: center;
	}
	.pagination li{
		float: right;
		margin: 0px 10px;
	}
	body .table td{
		border:none;
		padding: 5px 20px;
	}
	body .table tr:first-child td{
		padding-top: 10px;
	}
	.table p{
		margin-bottom: 0px;
	}
	.table .strong{
		
	}
	.page-link:hover{
		background-color: inherit;
	}
	body .pagination>li>a { 
		border-radius: 50% !important;
		font-size:13px;
	}
	.page-item.active .page-link{
		
		
		box-shadow: 0px 10px 20px rgba(18, 214, 114, 0.20);
	}
	body .page-link{
		border:none;
		color:#D2D2D2;
	}
	.page-link span{
		color: #999;
	}
	.page-prv{
		border: 1px solid #999 !important;
		padding: 3px 15px;
		margin-top:3px !important;
	}
	.page-nxt{
		border: 1px solid #999 !important;
		padding: 3px 15px;
		margin-top:3px !important;
	}
	.userImageEdit{
		cursor: pointer;
		position: absolute;
		bottom: -5px;
		visibility: hidden;
	}
	.userImageEdit img{
		width: 90px;
	}
	.userNameEdit{
		display: flex;
		align-items: center;
		direction: ltr;
	}
	.userNameEdit span{
		font-size: 25px;
		color: #707070;
	}
	.editUserName{
		padding: 5px 10px;
	    border: 1px solid rgb(231, 231, 231);
	    border-radius: 30px;
	}
	.editUserName svg{
		
		width: 20px;
	}
	.showComment{
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}
	.declinerCommentItem{
		margin-top: 30px;
		padding: 20px;
		border: 1px solid #CECECE;
		border-radius: 10px;
		width: 100%;
		text-align: right;
		font-size: 20px;
	}
	.operatorCommentItem{
		margin-top: 30px;
		padding: 20px;
		
		border-radius: 10px;
		width: 100%;
		text-align: right;
		font-size: 20px;
	}
	.declineHead{
		display: flex;
		justify-content: space-between;
	}
	.declinerName{
		color: #707070;
	}
	.declineCommentDate{
		display: flex;
		color: #AAAAAA;
		font-size: 14px;
	}
	.time{
		margin-left: 20px;
	}
	.declineCommentText{
		color: #616161;
	}
	.declineCommentFooter ul{
		margin-bottom: 0px;
		display: flex;
		width: 100%;
		justify-content: flex-end;
	}
	.declineCommentFooter ul li, .attachFileTicket{
		padding: 5px 20px;
		border: 1px solid #D2D2D2;
		width: max-content;
		font-size: 14px;
		border-radius: 30px;
		color: #9B9B9B;	
		display: flex;
		align-items: center;
		justify-content: space-between;	
	}
	.attachFileTicket span{
		padding: 0px 10px;
	}
	.declineCommentFooter ul li span{
		padding: 0px 20px;
	}
	.declineComment{
		padding-bottom: 50px;
		border-bottom: 1px solid #CECECE;
		margin-top: 60px;
	}
	#fileattach{
		display: none;
	}
	.commentHear{
		position: relative;
	}
	.commentHear textarea{
		padding: 20px;
		width: 100%;
		border-radius: 10px;
		height: 230px;
		border: 1px solid #CECECE;
	}
	.commentHear{
		margin: 50px 0px 20px;
	}
	.commentHear label{
		position: absolute;
		left: 20px;
    	bottom: 15px;
	    color: #fff;
	    border-radius: 32px;
	    padding: 5px 20px;
	    display: flex;
	    cursor: pointer;
	    width: 130px;
	    font-size: 14px;
	    background-color: #616161;
	    align-items: center;
	    justify-content: space-between;
	}
	.sendComment, .sendComment:focus{
		width: 15%;
		
		color: #fff;
		border-radius: 30px;
		padding: 10px 15px;
	}
	.sendComment:hover{
		box-shadow: 0px 10px 20px rgba(255, 110, 23, .26);		
	}
	.declineReason{
		display: none;
	}
	.orderDemo .close{
		position: absolute;
		right: 20px;
		top: 20px;
	}
	.orderDemo .modal-header{
		font-size: 25px;
		justify-content: center;
	}
	.orderDemo .popup-content{
		display: flex;
	    flex-direction: column;
	    align-items: center;
	}
	.orderDemo .tab{
		margin-bottom: 20px;
		display: flex;
	    flex-wrap: wrap;
	    justify-content: space-around;
	}
	.orderDemo .tablinks{
		font-size: 14px;
    	color: #C4C4C4;
    	margin: 10px;
	    padding: 10px;
	    border-radius: 30px;
	}
	.orderDemo .tablinks.active{
		background-color: #F5813C;
		color: #fff;
		box-shadow: 0px 10px 20px rgba(255, 110, 23, 0.26);
		-o-box-shadow: 0px 10px 20px rgba(255, 110, 23, 0.26);
		-moz-box-shadow: 0px 10px 20px rgba(255, 110, 23, 0.26);
	}
	.orderDemo .tabcontent{
		flex-direction: column;
	}
	.orderDemo .modal-dialog{
		min-width: 45%;
	}
	.orderDemo .modal-content{
		width: 70%;
    	margin: 100px auto;
	}
	.orderDemo .modal-footer{
		justify-content: flex-start;
	}
	.orderDemoContent img{
		width: 100%;
	}
	.orderDemo .modal-footer button{
		padding: 10px;
		margin: 0px 10px;
	}
	.orderDemo .modal-footer .rejectDemo{
		color: #A2A2A2;
	}
	.orderDemo .modal-footer .acceptDemo{
		padding: 10px 20px;
		background-color: #F5813C;
		color: #fff;
		border-radius: 30px;
		box-shadow: 0px 10px 20px rgba(255, 110, 23, 0.26);
		-o-box-shadow: 0px 10px 20px rgba(255, 110, 23, 0.26);
		-moz-box-shadow: 0px 10px 20px rgba(255, 110, 23, 0.26);		
	}
	.orderDemo .rejectReason{		
		display: none;
	}
	.orderDemo .rejectReason textarea{
		width: 100%;
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 10px;
	}
	.orderDemo .submitReason{
		padding: 7px 14px;
		border: 1px solid #ccc;
		border-radius: 20px;
		font-size: 14px;
		display: flex;
		align-items: center;
		float: left;
	    width: 20%;
	    justify-content: space-between;
	}
	#ordertwo, #orderThree{
		display: none;
	}
	.userNameProfile{
		text-align: left;
		font-size: 24px;
		padding: 5px 0px 0px 10px;
		margin: 0px 10px;
		border: none;
	}
	.profilePage{
		margin: 60px 0px 0px;
    	padding: 50px 0px;
    	min-height: 600px;
	}
	.saveName{
		padding: 3px 15px;
		border: 1px solid #ccc;
		border-radius: 20px;
		font-size: 14px;
		color: #bbb;
		display: none;
		transition: .3s ease all;
		-o-transition: .3s ease all;
		-moz-transition: .3s ease all;
	}
	.edit-profile{
		display: flex;
    	direction: ltr;
    	align-items: center;
	}
	#imageEdit{
		display: none;
	}
	.myticketContent{
		margin-top: 50px;
		display: flex;
	    flex-direction: column;
	    float: right;
	    width: 100%;
	}
	.myticketContent p{
		margin-bottom: 0px;
	}
	.myticketItem{
		margin-top: 20px;
		padding: 5px;
		border: 1px solid #C2C2C2;
		border-radius: 30px;
		width: 100%;
		cursor: pointer;
		display: none;
		align-items: center;
		justify-content: space-between;
	}
	.myticketItem:hover{
		
		box-shadow: 0px 10px 20px rgba(18, 214, 114, 0.20);
	}
	.ticketRight{
		display: flex;
		align-items: center;
	}
	.ticketSubject{
		color: #616161;
	}
	.myticketItem .ticketNumber{
		width: 45px;
		height: 45px;
		background-color: #F8F9FB;
		border: 1px solid #E7E7E7;
		color: #0F233C;
		margin-left: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 30px;
	}
	.navigation_menu h4{
		text-align: right;
		float: right;
	    width: 100%;
	    margin: 50px 20px 20px;
	}
	.ticketSubject, .ticketNumber{
		font-size: 20px;
	}
	.ticketDate{
		color: #A7A7A7;
		font-size: 18px;
		padding-left: 20px;
	}
	.newTicket, .newTicket:focus{
		
		color: #fff;
		margin: 20px 0px;
		padding: 10px 20px;
		width: 150px;
		display: flex;
		align-items: center;
		border-radius: 30px;
		justify-content: space-between;
	}
	.ticketContent{
		float: right;
		display: none;
		width: 100%;
	}
	.regretReply{
		display: inline;
	    position: absolute;
	    width: max-content;
	    bottom: 84px;
	    left: 13%;
	    background-color: #616161;
	    padding: 5px 15px;
	    font-size: 12px;
	    color: #fff;
	    border-radius: 20px;
	}
	.newTicketTxt{
		margin: 30px 0px;
	    position: relative;
	    float: right;
	    width: 100%;
	    display: none; 
	}
	.newTicketTxt input {
	    border-radius: 30px;
	    margin-bottom: 20px;
	}
	.newTicketTxt input, .newTicketTxt textarea {
	    padding: 10px 20px;
	    border: 1px solid #B4B4B4;
	    background-color: #FCFCFC;
	    border-radius: 10px;
	    width: 100%;
	}
	.newTicketTxt textarea {
	    height: 200px;
	    margin-bottom: 20px;
	}
	.newTicketTxt label img {
	    width: 22%;
	}
	.newTicketTxt label {
	    color: #fff;
	    border-radius: 32px;
	    padding: 5px 20px;
	    display: flex;
	    cursor: pointer;
	    width: 9%;
	    font-size: 11px;
	    margin-bottom: 0px;
	    margin-right: 10px;
	    background-color: #616161;
	    align-items: center;
	    justify-content: space-between;
	}
	.writenTicket{
		padding: 20px;
		color: #616161;
		border: 1px solid #CECECE;
		border-radius: 10px;
		text-align: right;
		margin-bottom: 30px;
	}
	.proccessChart{
		display: none;
	}
	.writenTicketSub{
		font-size: 22px;
	}
	.writenTicketText{
		height: 90px;
		overflow: hidden;
		font-size: 18px;
	}
	.writenTicketFooter{
		color: #848484;
		font-size: 14px;
		display: flex;
		margin-top: 20px;
		justify-content: space-between;
	}
	.orderNumber{
		margin-bottom: 0px;
	}
	.orderNumber span{
		color: #616161;
	}
	.replyTicket{
		background-color: #F7F7F7;
	    position: relative;
	    margin-top: -30px;
	}
	.replyHead{
		
		font-size: 26px;
	}
	.replyToTicket{
		margin: 30px 0px;
		position: relative;
		float: right;
		width: 100%;
		display: none;
	}
	.replyToThis{
		padding: 5px 15px;
	    width: 10%;
	    border: 1px solid #E7E7E7;
	    border-radius: 30px;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    cursor: pointer;
	}
	.myticketContent{
		display: none;
	}
	.replyToTicket input, .replyToTicket textarea{
		padding: 10px 20px;
		border: 1px solid #B4B4B4;
		background-color: #FCFCFC;
		border-radius: 10px;
		width: 100%;
	}
	.replyToTicket input::placeholder, .replyToTicket textarea::placeholder{
		color: #8C8E91;
		font-size: 14px;
	}
	.replyToTicket input{
		border-radius: 30px;
		margin-bottom: 20px;
	}
	.replyToTicket textarea{
		height: 200px;
		margin-bottom: 20px;
	}
	.replyToTicket label{
	    color: #fff;
	    border-radius: 32px;
	    padding: 5px 20px;
	    display: flex;
	    cursor: pointer;
	    width: 9%;
	    font-size: 11px;
	    margin-bottom: 0px;
	    margin-right: 10px;
	    background-color: #616161;
	    align-items: center;
	    justify-content: space-between;
	}
	.replyToTicket .attachFileTicket{
		padding: 5px 20px;
	}
	.replyToTicket .attachFileTicket span{
		font-size: 11px;		
	}
	.replyToTicket label img{
		width: 22%;
	}
	#fileattachReply{
		display: none;
	}
	.replyCommentFooter{
		bottom: 85px;
		left: 20px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		position: absolute;
    	width: 100%;
	}
	.replyCommentFooter .attachFileTicket{
		font-size: 14px;
	}
	.sendReplyComment, .sendReplyComment:focus{
		
		box-shadow: 0px 10px 20px rgba(18, 214, 114, .3);
		color: #fff;
		padding: 5px 15px;
		border-radius: 30px;
	}
	/*progress bar*/
		.navigation_menu {
		  width: 100%;
		  margin: 0px 0px 30px 0px;
		  float: right;
		}
		.navigation_menu h4{
			text-align: center;
		}
		.navigation_menu li{
			cursor: pointer;
		}
		.navigation_tabs {
		   counter-reset: step;
		   margin: 50px 0px;
		}
		/* one item */
		.navigation_tabs li:first-child:nth-last-child(1) {
		  width: 100%;
		}
		/* two items */
		.navigation_tabs li:first-child:nth-last-child(2),
		.navigation_tabs li:first-child:nth-last-child(2) ~ li {
		  width: 49%;
		}

		/* three items */
		.navigation_tabs li:first-child:nth-last-child(3),
		.navigation_tabs li:first-child:nth-last-child(3) ~ li {
		  width: 30.3333%;
		}
		/* four items */
		.navigation_tabs li:first-child:nth-last-child(4),
		.navigation_tabs li:first-child:nth-last-child(4) ~ li {
		  width: 24%;
		}
		/* five items */
		.navigation_tabs li:first-child:nth-last-child(5),
		.navigation_tabs li:first-child:nth-last-child(5) ~ li {
		  width: 19%;
		}
		/* six items */
		.navigation_tabs li:first-child:nth-last-child(6),
		.navigation_tabs li:first-child:nth-last-child(6) ~ li {
		  width: 16%;
		}
		.navigation_tabs li {
		  list-style: none;
		  display: inline-block;
		  position: relative;
		  text-align: center;
		}


		.navigation_tabs li a {
		  text-decoration: none;  
		}
		
		/*shop proccess*/
			.tab_inactive.inactiveShop:before{content: url('/static/assets/img/proccess/shopInactive.png')!important;}
			.tab_active.activeShop:before{content: url('/static/assets/img/proccess/shopActive.png')!important;}
		/*shop proccess*/

		/*acceptProccess*/
			.tab_disabled.acceptProccess:before {content: url('/static/assets/img/proccess/packageDisabled.png')!important;}
			.tab_active.acceptProccess:before{content: url('/static/assets/img/proccess/packageActive.png')!important;}
			.tab_inactive.acceptProccess:before{content: url('/static/assets/img/proccess/packageInactive.png')!important;}
		/*acceptProccess*/

		/*designProccess*/
			.tab_disabled.designProccess:before {content: url('/static/assets/img/proccess/designDisabled.png')!important;}
			.tab_active.designProccess:before{content: url('/static/assets/img/proccess/designActive.png')!important;}
			.tab_inactive.designProccess:before{content: url('/static/assets/img/proccess/designInactive.png')!important;}
		/*designProccess*/

		/*waitProccess*/
			.tab_disabled.waitProccess:before {content: url('/static/assets/img/proccess/waitDisabled.png')!important;}
			.tab_active.waitProccess:before{content: url('/static/assets/img/proccess/waitActive.png')!important;}
			.tab_inactive.waitProccess:before{content: url('/static/assets/img/proccess/waitInactive.png')!important;}
		/*acceptProccess*/

		/*sendProccess*/
			.tab_disabled.sendProccess:before {content: url('/static/assets/img/proccess/sendDisabled.png')!important;}
			.tab_active.sendProccess:before{content: url('/static/assets/img/proccess/sendActive.png')!important;}
			.tab_inactive.sendProccess:before{content: url('/static/assets/img/proccess/sendInactive.png')!important;}
		/*sendProccess*/


		.navigation_tabs li:before {
		    content: "";
		    counter-increment: step;
		    width: 85px;
		    height: 85px;
		    padding-top: 12px;
		    border: 1px solid #ddd;
		    border-radius: 100%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    margin: 0 auto 10px auto;
		    background-color: #fff;
		    z-index: 10;
		    position: relative;
		}
		.navigation_tabs li:after {
		    content: "";
		    position: absolute;
		    width: 100%;
		    height: 2px;
		    background-color: #ddd;
		    top: 41px;
		    left: -50%;
		    z-index: 1;
		}

		.navigation_tabs li:last-child:after {
		  content: none;
		}

		.navigation_tabs li.tab_active,
		.navigation_tabs li.tab_inactive,
		.navigation_tabs li.tab_active a,
		.navigation_tabs li.tab_inactive a{
		  color: #5F6772;
		}

		.navigation_tabs li.tab_active a:hover,
		.navigation_tabs li.tab_inactive a:hover {
		  font-weight: bold;
		}


		.navigation_tabs li.tab_active:before {
		  border-color: #1BBD64;
		}

		.navigation_tabs li.tab_inactive:before {
		  border-color: #1C2025;
		  color: #1C2025;
		  content: "";
		} 


		.navigation_tabs li.tab_inactive:after {
		  background-color: #1C2025;
		}
		.comment{
			padding:15px;
		}
		.title-comment h3{
			font-size:20px;
			margin:5px 10px;
			color: #616161;
			text-align: right;
			border-radius: 40px;
			border:1px solid #ccc;
			padding: 15px 25px;
			float: right;
    		width: 100%;
		}
		.title-comment h3 img{
			margin-left: 10px;
		}
		.preview{
			
		    position: absolute;
		    border-radius: 30px;
		    left: 10px;
    		top: 15%;
		    height: 70%;
		    display: flex;
		    align-items: center;
		    padding: 17px;
		    cursor: pointer;
		}
		.preview button, .preview a{		
		    color: #fff;
		}
		.preview:hover{
		    box-shadow: 0px 10px 20px rgba(18, 214, 114, 0.20);
		    -o-box-shadow: 0px 10px 20px rgba(18, 214, 114, 0.20);
		    -moz-box-shadow: 0px 10px 20px rgba(18, 214, 114, 0.20);			
		}
		.fa-circle:before{
			color: #ccc;
			content: "\f111";
			font-family: "icon";
			left:3px;
			position: relative;
			top:0px;
			font-size:10px;			
		}
		.bg-comment{
		    content: "\f0e5";
		    font-family: "icon";
		    color:#fff;
			background:linear-gradient(#0e6ae4, #2b93d2);
			padding:15px;
			border-radius: 50%;
			font-size: 16px;
			position: relative;
			top: 5px;		 
		}
	/*progress bar*/
/*my order*/
/*article page*/
	.sticky-menu{
		position: -webkit-sticky;
		position: sticky;
		top: 12px;
		transition: .3s ease all;
		-o-transition: .3s ease all;
		-moz-transition: .3s ease all;
		-webkit-transition: .3s ease all;
	}
	.sticky-menu .search img{
		width: 38px;
	}
	.sub-news .short-menu {
		position: absolute;
		right: 9%;
		top: 0px;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: space-around;
		width: 75px;
		height: 205px;
		background-color: #fff;
	}
	.sub-news .editorChief{
		margin-top: 0px;
	}
	.news-content{
		text-align: right;
		padding: 5% 4%;
		height: 100%;
	}
	.footnoteLeft{
		direction: ltr;
		display: flex;
		color: #9C9E9E;
		font-size: 22px;
	}
	.address-tag{
		padding-bottom: 10px;
	}
	.page-direct{
		display: flex;
		justify-content: space-between;
	}
	.address-tag span, .address-tag a{
		color: #000;
	}
	.address-tag span, .details_back p{
		width: auto;
	}
	.weblog #articles{
		display: flex;
		flex-wrap: wrap;
	}
	.weblog #articles .count-page{
		margin: 50px!important;
	}
	.address-tag .fa-chevron-left{
		color: #eaeaea;
		font-size: 12px;
		padding: 0px 10px;
	}
	.news-name h1{
		color: #000;
		font-size: 22px;
	}
	.add-wish button{
		background-color: inherit;
		display: flex;
		align-items: center;
	}
	.add-wish button p{
		padding-left: 10px;
	}
	.top-news-content{
		display: flex;
		padding: 3% 0%;
		justify-content: space-between;
	}
	.news-detail{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-top: 10%;
	}
	.news-detail .writer-name{
		display: flex;
		width: 50%;
	}
	.news-subject .writer-name img{
		width: 40px;
		border-radius: 100%;
	}
	.search-page-content{
		flex-direction: column;
	}
	.news-name h1{
		padding: 0px;
		margin: 0px;
		text-align: right;
	}
	.add-wish .news-detail{
		padding: 0px;
	}
	.news-detail .send-time{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.news-content-image{
		width: 100%;
		height:  -moz-max-content;
		overflow: hidden;
	}
	.news-content-image img{
		width: 100%;
	}
	.news-concept{
		font-size: 16px;
		padding: 5% 0%;
		color: #000;
		position: relative;
	}
	.news-concept h2{
		padding-top: 0px;
	}
	.news-concept ul{
	  padding: 2%;
	  margin-right: 50px;
	}
	.news-concept ul li{
	  padding: 5px 0px;
	}
	.openbtn, .closebtn{
		position: relative;
	}
	.news-concept i:not(.fa-search){
		position: absolute;
		right: -40px;
		top: -22px;
		padding: 10px;
		background-color: #FF7800;
		color: #fff;
		border-radius: 25px;
		cursor: pointer;
	}
	.related_content{
		display: flex;
		justify-content: space-between;
		background-color: #f9f6f6;
		border: 1px solid #ddd;
		border-radius: 5px;
		margin: 10px 0px;
		padding: 20px;
		font-size: 17px;
		direction: rtl;
	}
	.related_content .relatedLeft{
		text-align: left;
	}
	.related_content .relatedLeft img{
		width: 70%;
	}
	.relatedRight a{
		color: #00c2ff;
	}
	.news-concept h2{
		font-size: 27px;
		text-align: center;
		padding-bottom: 15px;
		border-bottom: 1px solid #ddd;
		margin-top: 15px;
		color: #FF7800;
	}
	.news-concept p{
		padding: 2%;
		line-height: 35px;
	}
	.newsConceptFooter{
		display: flex;
		justify-content: center;
		padding: 20px 15px;
		border: 1px solid #D2D2D2;
		border-radius: 10px;
		margin-bottom: 25px;
		align-items: center;
		position: relative;
	}
	.newsConceptFooter img{
		max-width: 100%;
		height: auto;
	}
	.newsConceptFooter span{
		width: 100%;
		margin: 0px 10px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.newsConceptFooter p{
		text-align: center;
		padding: 0px 35px;
	}
	.newsConceptFooter img:first-child{
		position: absolute;
		top: 15px;
		right: 10px;
	}
	.newsConceptFooter img:last-child{
		position: absolute;
		bottom: 15px;
		left: 10px;
	}
	.beFourArticle .all-last-news{
		width: 23%;
	}
	.footnote{
		text-align: left;
		direction: ltr;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 5%;
		border-bottom: 1px solid #DEDEDE;
	}
	.footnote a{
		padding-right: 30px;
	}
	.like{
		padding: 0% 20px;
		display: flex;
		width: 12%;
		justify-content: space-around;
		color: #aaa;
		align-items: center;
	}
	.like{
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	.comments{
		padding: 0% 20px;
		color: #aaa;
		direction: ltr;
		align-items: center;
		font-size: 18px;
		height: max-content;
	}
	.comments img{
		width: 24px;
		padding-right: 5px;
	}
	.comments .layer-577 {
		padding: 0px 13px;
	}
	.news-tag{
		display: flex;
		padding: 5% 0%;
		align-items: center;
		border-bottom: 1px solid #DEDEDE;
	}
	.news-tag span{
		color: #000;
		flex: .2;
	}
	.news-tag ul{
		display: flex;
		margin-bottom: 0px;
		align-items: center;
		width: max-content;
		overflow: auto;
		flex: 1;
	}
	.news-tag ul li{
		display: inline-block;
		padding: 5px 15px;
		background-color: #F6F5F4;
		border-radius: 20px;
		margin-right: 10px;
		font-size: 13px;
		color: #FF7800;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.news-tag ul li a{
		width: max-content;
	}
	.top-news-content .news-subject{
		width: 65%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.news-subject .writer-name{
		display: flex;
		align-items: center;
		padding-top: 10px;
	}
	.news-subject .writer-name a{
		padding-right: 5px;
	}
	.writer-name p{
		margin-right: 5px;
	}
	.add-wish{
		flex: 1;
		text-align: left;
		width: 35%;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	.add-wish .add-wish-btn, .add-wish .news-detail{
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}
	.add-to-wish{
		padding-left: 20px;
	}
	.add-wish-btn .modal .modal-dialog{
		border: none;
		background-color: inherit;
	}
	.add-wish-btn .modal-dialog-centered{
		min-height: max-content;
		min-height: -moz-max-content;
	}
	.fas.fa-heart{
		color: red;
	}
	.content-like{
		padding: 0px 20px;
		direction: ltr;
		font-size: 18px;
		border: solid #aaa;
		color: #9C9E9E;
		border-width: 0px 1px;
		height: max-content;
	}
	.comment-image {
	    height: 50px;
	    width: 50px;
	    border-radius: 30px;
	}
	.copyUrlLink{
		padding-right: 20px;
	}
	.about-writer-header{
		width: 100%;
		color: #000;
		text-align: center;
		padding: 5%;
		font-size: 16.75px;
	}
	.about-writer-details{
		display: flex;
		align-items: center;
		padding-bottom: 10%;
	}
	.about-writer-details a{
		width: 100px;
		height: 100px;
	}
	.about-writer-details a img{
		width: 100%;
		border-radius: 50px;
	}
	.writer-image {
		width: 140px;
		height: 140px;
		border-radius: 70px;
	}
	.writer-family a{
		width: max-content;
		width: -moz-max-content;
		height: initial;
	}
	.name-family{
		font-size: 22px;
	}
	.writer-family{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		color: #000;
		padding-right: 4%;
	}
	.writer-family a{
		width: max-content;
		width: -moz-max-content;
	}
	.writer-text{
		font-size: 18px;
		width: max-content;
		width: -moz-max-content;
	}
	.shopBtn{
		justify-content: flex-end!important;
	}
	.shopBtn button{
		position: relative;
		display: flex;
		width: 100px;
		background-color: #FF7800;
		padding: 10px;
		color: #fff;
		justify-content: space-between;
		border-radius: 20px;
		align-items: center;
	}
	.shopBtn button .fa-chevron-left:before{
		position: relative;
		left: inherit;
	}
	.your-comment-title{
		color: #000;
		font-size: 20px;
	}
	.commnet-writing{
		border: 1px solid #ddd;
		padding: 3% 4%;
		margin: 25px 0px;
		border-radius: 5px;
		background-color: #fdfdfd;
	}
	.sign-up-comment{
		display: flex;
		-ms-align-items: center;
		align-items: center;
	}
	.moment-price{
		padding-left: 20px;
		font-size: 20px;
	}
	.sign-up-comment img{
		width: 50px;
		border-radius: 25px;
	}
	.your-comment{
		padding: 30px 0px;
	}
	.sign-up-comment .writer-name{
		padding-right: 40px;
	}
	.sign-up-comment input{
		width: 50%;
		border: 1px solid #ddd;
		padding: 1% 3%;
		background-color: #fff;
	}
	.sign-up-comment input::placeholder{
		color: #aaa;
	}
	.commnet-writing textarea{
		outline: none;
		padding: 4% 0%;
		font-size: 16px;
		resize: none;
		width: 100%;
	}
	.commnet-writing textarea::placeholder{
		color: #B2B2B2;
	}
	.commnet-writing button{
		padding: 5px 50px;
	    border-radius: 40px;
	    font-size: 16.75px;
	    background-color: #FF6E17;
	    color: #fff;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
	}
	.commnet-writing button:hover{
		background-color: #FF7800;
		color: #fff;
	}
	.comment-submit{
		text-align: left;
		display: flex;
		align-items: center;
	}
	.users-comment{
		position: relative;
		margin: 8% auto;
		color: #000;
	}
	.cm-header{
		display: flex;
		justify-content: space-between;
	}
	.name-date{
		flex: 1;
	}
	.name-date span{
		padding: 0% 3%;
	}
	.forward-like{
		text-align: left;
		flex: 1;
	}
	.forward-like img{
		padding: 0% 3%;
	}
	.forward-like a:nth-child(2) img{
		border-right: 1px solid #ddd;
	}
	.name-date .writer-name{
		color: #000;
		font-size: 15.2px;
	}
	.cm-details{
		padding-right: 3%;
		border-top: 1px solid #ddd;
		padding-top: 3%;
	}
	.cm-details:first-child{
		border-top: none;
		padding-top: 0%;
	}
	.comment-content{
		padding: 5% 0%;
		color: #000;
		font-size: 15px;
	}
	.goToShop a{
		background-color: rgba(251, 52, 73, 0.8);
		width: 100%;
		display: block;
		padding: 35px;
		border-radius: 10px;
		color: #fff;
		font-size: 40px;
	}
	.goToShop{
		background-image: url('../img/site image/Rounded Rectangle 2 copy 16.png');
		text-align: center;
		background-repeat-x: no-repeat;
		background-size: 100%;
		background-position: 0px;
		border-radius: 10px;
	}
	.advertisementBanerArticle ul{
		display: flex;
		justify-content: space-between;
		margin-top: 15px;
	}
	.advertisementBanerArticle ul li{
		position: relative;
		width: 30%;
	}
	.advertisementBanerArticle ul li img{
		width: 100%;
	}
    .divider {
	    flex-grow: 1;
	    border-bottom: 1.5px solid #e3e3e3;
	    margin: 5px;
	}
	.divided {
	    display: flex;
	    align-items: center;
	    margin-bottom: 20px;
	}
	.lastest-news {
	    display: flex;
	}
/*article page*/
/*online Pay Content*/
	.onlinePayContent{
		padding-top: 200px;
	}
	.onlinePayContent input, .fillForm form input{
		padding: 5px 60px;
		border-radius: 30px;
		width: 100%;
		margin-bottom: 20px;
	}
	.onlineItem svg{
		position: absolute;
		right: 40px;
		top: 8px;
		
	}
	.onlinePayContent input::placeholder{
		color: #8C8E91;
		font-size: 14px;
	}
	.onlineItem{
		position: relative;
	}
	.onlinePayContent textarea{
		border: 1px solid #C2C2C2;
	    border-radius: 10px;
	    margin: 20px 0px;
	    width: 100%;
	    resize: none;
	    padding: 15px;
	}
	.onlinePayContent .orderFormFooter{
		margin-bottom: 20px;
	}
	.errorPage{
		display: flex;
		height: 100vh;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.errorPage img{
		width: 30%;
	}
	.errorPage h4{
		color: #575757;
		margin: 50px 0px;
	}
	.errorPage a{
		padding: 15px 60px;
		font-size: 22px;
		
		border: 1px solid #D0D0D0;
	}
/*online Pay Content*/