/*Homepage*/

.slider-content{ position:relative; }

.slider-content ul.slider-list img{ width: 100%; }

.slider-content ul.slider-list li{ position: relative; }

.slider-content ul.slider-list li .caption-detail{ position:absolute; left: 0; top: 50%; width: 100%; text-transform: uppercase; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); }

.slider-content ul.slider-list li strong{ display: block; text-align: center; color: #fff; font-size: 100px; line-height: 1; font-family: 'myriad_set_probold'; letter-spacing: 20px; text-shadow: 4px 4px 10px #000;  }

.slider-content ul.slider-list li a{ margin-top: 62px;  }

.slider-content .bx-pager{ position: absolute; left: 0; bottom: 21px; width: 100%; text-align: center; }

.slider-content .bx-pager .bx-pager-item{ display: inline-block; }

.slider-content .bx-pager .bx-pager-link{ display: inline-block; width: 16px; height: 16px; font-size: 0; border: 2px solid #fff; border-radius: 50%; margin: 0 3px; }

.slider-content .bx-pager .bx-pager-link.active{ background: #fff; }

.slider-content .bx-controls-direction{ position: absolute; left: 0; top: 50%; width: 100%; margin-top: -20px; }

.slider-content .bx-controls-direction .bx-prev{ position: absolute; left: 12px; top: 0; width: 40px; height: 40px; background: url(../images/arrow-prv.png) no-repeat center center rgba(0,0,0,0.5); font-size: 0; }

.slider-content .bx-controls-direction .bx-next{ position: absolute; right: 12px; top: 0; width: 40px; height: 40px; background: url(../images/arrow-nxt.png) no-repeat center center rgba(0,0,0,0.5) ; font-size: 0; }

.slider-content .bx-controls-direction .bx-prev:hover{ background: url(../images/arrow-prv.png) no-repeat center center rgba(0,0,0,1); }

.slider-content .bx-controls-direction .bx-next:hover{ background: url(../images/arrow-nxt.png) no-repeat center center rgba(0,0,0,1)  }


.info-content{ text-align: center; padding: 97px 0 94px; }

.info-content p{ max-width: 935px; margin: 0 auto; }



.process-info{ position: relative; border-top:1px solid #dddddd;    }

.process-info:after{ position: absolute; top: -1px; left: 0; right: 0; margin: 0 auto; content:""; width: 69px; height: 18px; background: url(../images/center-arrow.jpg) no-repeat 0 0; }

.process-info ul{ padding: 83px 0; }

.process-info li{ float: left; width: 33.33%; padding: 17px 15px; }

.process-info .box{ border: 1px solid #dddddd; padding: 9px;  }

.process-info .box .wrap-content{ position: relative; overflow: hidden; }

.process-info .box .img-box{ display: block; text-align: center; margin: 49px 0 52px; min-height: 65px; }

.process-info .box strong{ display: block; text-align: center; color: #ff0000; font-family: 'myriad_set_prosemibold'; font-size: 20px; line-height: 40px; margin-bottom: 10px;  }

.process-info .box .info{ position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background: #ff0000; z-index: 10; text-align: center; padding: 20px;  }

.process-info .box .info h4{ font-size: 20px; line-height: 40px; color: #fff; font-family: 'myriad_set_prosemibold'; margin: 36px 0 3px 0; }

.process-info .box .info p{ font-size: 18px; line-height: 28px; color: #fff;  }

.process-info .box:hover .info{ top: 0; }



.order-contet{ background: #faecec; padding: 89px 0 100px; text-align: center; }

.order-contet ul{ text-align: center; margin-bottom: 8px; }

.order-contet ul li{ display: inline-block; font-size: 80px; line-height: 1; color: #000000;  font-family: 'myriad_set_probold'; letter-spacing: 1px; padding: 0 25px; position: relative; }

.order-contet ul li:after{ position: absolute; left: -11px; bottom: 9px; content: ""; width: 15px; height: 15px; background: #ff0000; border-radius: 50%; }

.order-contet ul li:first-child:after{ display: none; }

.order-contet .btn{ margin-top: 62px;  }



.whyus-content{ background: url(../images/banner-img.jpg) no-repeat 0 0; position: relative; min-height: 660px; background-size: cover;  }

.whyus-content:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); content: ""; }

.whyus-content .inner-content{ position: relative; padding: 122px 0; z-index: 10; }

.whyus-content h2{ color: #fff; }

.whyus-content p{ max-width: 765px; margin: 0 auto 48px; color: #fff; text-align: center; font-size: 16px; line-height: 26px; }

.whyus-content ul{ float: left; width: 50%; }

.whyus-content li{ font-size: 16px; line-height: 26px; color: #fff; background: url(../images/li-bg.png) no-repeat 0 5px; padding: 0 20px 0 38px; margin-bottom: 14px; }



/*order now page*/

.braedcrume{ margin: 25px 0 35px 0; }

.braedcrume ul{ }

.braedcrume li{ position: relative; color: #ec3137; text-transform: uppercase; font-size: 13px; float: left; padding: 0 5px; }

.braedcrume li:after{ position: absolute; left: -3px; top: 0; content: "/"; color: #5e6069; }

.braedcrume li:first-child{ padding-left: 0; }

.braedcrume li:first-child:after{ padding-left: 0; display: none; }

.braedcrume a{ color: #333333; }



h3 span{ font-size: 16px; letter-spacing: 0; }



.order-list{ margin: 40px 0 78px; }

.order-list ul{ margin-left: -20px; padding-bottom: 20px;}

.order-list li{ float: left; width: 20%; padding-left: 20px; text-align: center; border-radius: 5px;  }

.order-list li .box{  box-shadow: 0 0 5px 2px #f1f1f1; }

.order-list li .inner-box{ padding: 0 10px 20px; }

.order-list li .choose-currency .currency-label{
	display: block;
    background: #f1f1f1b5;
    color: #333333;
    font-size: 25px;
    margin-top: 1px;
    font-family: 'myriad_set_probold';
    padding: 10px 12px;
    cursor: default !important;
	margin-bottom: 13px;
}

.order-list li .para-coll{ padding: 0 10px; min-height: 420px; max-height: 420px; overflow: auto; }

.app-lang-fr .order-list li .para-coll{min-height: 435px;}

.order-list h4{ font-size: 18px;
    font-family: 'myriad_set_probold';
    background: #333333;
    color: #fff;
    padding: 20px 5px;
    margin-bottom: 18px;
    border-radius: 5px 5px 0 0; }

.order-list h4.special{ background: #42c03c; }

@media(min-width: 1025px){
	.order-list h4.only-mobile{
		display: none;	
	}
	
	.order-list h4{
		min-height: 76px;	
	}
}

.order-list p{ font-size: 16px; line-height: 21px; color: #333333; margin-bottom: 14px; }

.order-list p a{ color: #ff0000 }

.order-list p a:hover{ text-decoration: underline; }

.order-list .form .rate-row{ display: block; background: #ffffff; padding: 4px 12px !important; color: #333333; font-size: 24px; margin-top: 1px; font-family: 'myriad_set_probold'; padding: 10px 12px; cursor: default !important;}

@media(min-width: 1025px){
	/*.order-list .rate-row:hover{ color: #fff; background: #42c03c; }*/
}

.order-list .rate-row sup{ font-size: 16px; vertical-align: top; }

.order-list .rate-row small{ display:inline-block; vertical-align:top; font-size: 16px; line-height: 28px; }

.order-list .btn{ min-width: 160px; padding: 14px 12px 10px; margin-top: 16px; text-transform: inherit; font-size: 18px; border:none; text-align: center;}



.form .label_check, .form .label_radio    { padding-left: 34px; display: block; cursor: pointer; }

.form .label_radio{ background: #f1f1f1; padding: 10px 12px !important; }

.form .label_check{ background: url(../images/check-off.png) no-repeat; }

.form label.c_on{ background: url(../images/check-on.png) no-repeat; }

.form label.r_on{ background: url(../images/right-icon.png) no-repeat 15px center #42c03c !important; color: #fff; }

.form .label_check input, 

.form .label_radio input  { position: absolute; left: -9999px; }



.terms{ font-size: 16px; line-height: 24px; color: #575757; padding-bottom: 50px; }

.terms h3{ margin-bottom: 26px; }

.terms h4{ font-size: 16px; line-height: 24px; color: #333333; font-family: 'myriad_set_prosemibold'; letter-spacing: 0; margin-bottom: 3px; }

.terms h4.head{ color: #575757; margin-bottom: 24px; }

.terms p{ line-height: 22px; margin-bottom: 25px;  }

#correct-popup ul{text-align: center; padding: 20px;display: block;     margin: 25px 0;}
#correct-popup .popup-content {
	width: 35%;
}
#correct-popup ul li{
	display: inline-block;
	    width: 30%;
}


.currency-dropdown .dropdown .dropdown-menu{
	width: calc(100% - 20px);
}

.currency-dropdown .dropdown .dropdown-menu ul{margin: 0;}

.currency-dropdown .dropdown .dropdown-menu ul li{
	float: none;
    width: 100%;
}

/*order-payment-page*/

.order-payment-content{ max-width: 970px; width: 100%; margin: 38px auto 100px;  }

.grey-box{ background: #f2f2f2; padding: 28px }

.grey-box h4{ font-size: 20px; line-height: 28px; color: #333333; letter-spacing: 0; font-family: 'myriad_set_prosemibold'; margin-bottom: 9px; }

.grey-box ul{ color: #666666; padding-left: 16px; list-style:disc; }

.grey-box ul li{ font-size: 16px; line-height: 24px; color: #575757; margin-bottom: 24px; }

.grey-box p{ font-size: 16px; line-height: 24px; color: #575757; }

.grey-box p a{ color: #2487f7; }

.grey-box p a:hover{ text-decoration: underline; }



.pay-type{ text-align: center; margin: 57px 0 59px; }

.pay-type li{ display: inline-block; margin: 0 12px; }

.pay-type li a:hover{ opacity: 0.7; }

.pay-type .paypal{ display:inline-block; width:208px; height:60px; background: url(../images/paypal.png) no-repeat center center #f1f1f1; vertical-align: top; border: none; }

.pay-type .card{ display:inline-block; background: url(../images/card.png) no-repeat 20px center #2e75d7; padding: 14px 20px 6px 71px; vertical-align: top; color: #fff; line-height: 38px; font-size: 20px; font-family: 'myriad_set_prosemibold'; text-transform: uppercase; border: none;  }



.order-payment-content .bottom-box p{ font-size: 20px; color: #000; margin-bottom: 11px; }

.order-payment-content .bottom-box p a{ color: #2487f7; }

.order-payment-content .bottom-box p a:hover{ text-decoration: underline; }



/*information Form Content*/

.contact_details{overflow:hidden;}



.information-content{ width: 100%; padding: 30px 0;}
.information-content form {
	max-width: 600px;
   /* margin: 0 auto;*/
    padding: 0 15px;
}

.information-content  #contact {width: 100%; max-width: 570px; float:left; padding-bottom: 25px;}

.contact-address {width: 100%; max-width: 500px; float:right;}

.information-content .info-row{ background: #fdffd1; color:#000; font-size: 16px; line-height: 24px; padding: 11px 15px 10px; margin-bottom: 40px;  }

.head{ font-size: 24px; line-height:1; color: #000; display: block; font-family: 'myriad_set_prosemibold'; margin-bottom: 11px;  }

.head.coll{ margin-bottom: 22px; }

.other-persone{ background: #f1f1f1; padding:20px 15px; margin-bottom: 5px; }

.other-persone .remove-item{
	background: #333333;
    padding: 10px 15px;
    color: #fff;
    border-radius: 2px;
    width: 190px;
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s linear 0s;
    text-transform: uppercase;
}

.label-check{ display: inline-block; font-size: 16px; line-height: 24px; color: #000; margin-bottom: 21px; }

.row label{ display: block; font-size: 15px; line-height: 27px; color: #333333; font-family: 'myriad_set_prosemibold'; }

.row label em{ color: #ff0000; }

.row small{ position:absolute; left:0; bottom:-28px; display: block; font-size: 14px; line-height: 28px; color: #999999; }

.input{ width: 100%; border: 1px solid #e7e7e7; background: #fdfdfd; color: #999999; font-size: 15px; line-height: 28px; padding: 5px 15px; -webkit-appearance:none; -moz-appearance:none; border-radius: 0; min-height: 40px; }

.g-recaptcha{margin-bottom: 23px;}

.row small.error{ color: #ff0000; font-size: 12px; line-height: 1; bottom: -15px; left: auto; right: 0;  }



.select-row{ width: 100%; border: 1px solid #e7e7e7; background: #fdfdfd; color: #999999; position: relative; display: block; padding: 8px 10px 8px 15px;  }

.select-row:after{ position: absolute; top: 0; right: 0; width: 30px; height: 100%; background: url(../images/select-bg.png) no-repeat center center #fdfdfd; content: ""; z-index: 1; pointer-events: none;  }

.select-row select{ display: block; border: none; background: none; font-size: 15px; line-height: 1; padding: 0; width: 100%; color: #999999;   }

.select-row select:disabled{cursor: no-drop;}

.row{ margin-bottom: 23px; position: relative; }

.row:hover .tool-tip{ display: block; }

.row .tool-tip{ position: absolute; left: 104%; top: 17px; width: 101%; font-size: 14px; line-height: 20px; color: #333333; background: #f9f9f9; border: 1px solid #e7e7e7;  padding: 17px 30px; display: none; }



.row-name{ margin-left: -30px; }

.row-name > div{ float: left; width: 50%; padding-left:30px ; position: relative; }

.dob-row{ margin-left: -30px; margin-bottom: 29px; }

.dob-row label{ padding-left: 30px; }

.dob-row > div{ float: left; width: 33.33%; padding-left:30px ; position: relative; }



.row-card{ margin-bottom: 40px; }

.row-card .or{ float: left; margin: 0 7px; font-size: 15px; line-height: 40px; color: #999999;  }

.row-card .coll-1{ width: 100px; float: left; box-shadow: 0 0 3px 1px #e7e7e7; }

.row-card .coll-2{ margin-left: 20px; width: 100px; float: left; box-shadow: 0 0 3px 1px #e7e7e7; }

.row-card .coll-3{ width: 50px; float: left; }

.row-card .coll-4{ margin-left: 20px; width: 100px; float: left; }



.row-card .coll-2,

.row-card .coll-4{ position: relative; }

.row-card .coll-2:after,

.row-card .coll-4:after{ position: absolute; left: -17px; top: 17px; width: 13px; height: 2px; background: #dfdfdf; content: ""; }



.email-row{ margin-bottom: 33px; }



.address-row .input{ margin-bottom: 20px; }

.address-row .input.last{ margin-bottom: 0; }



.contact-row > div{ float: left; position: relative; }

.contact-row > div.coll-1{ float: left; width: 30%; }

.contact-row > div.coll-2{ float: left; width: 70%; padding-left: 30px; }



textarea{ width: 100%; height: 100px; resize: none; border: 1px solid #e7e7e7; background: #fdfdfd; color: #999999; font-size: 15px; line-height: 28px; padding: 5px 15px; font-family: 'myriad_set_promedium'; -webkit-appearance:none; -moz-appearance:none; border-radius: 0; }



.row-btn{ display:inline-block; width:100%; margin-top: 17px; }

.row-btn .btn{ border: none; float: right; text-transform: uppercase; }



/*FAQ content*/

.faq-content{ width: 100%; max-width: 870px; border: 1px solid #d2d2d4; padding: 4px; margin-bottom: 80px; margin-top: 30px; }

.faq-content li{ margin-bottom: 18px; }

.faq-content h4{ font-size: 20px; line-height: 28px; color: #333333; font-family: 'myriad_set_prosemibold'; margin-bottom: 0; background: #f4f4f4; padding: 12px 20px 8px; cursor:pointer; position: relative; }

.faq-content h4 i{ width: 12px; height: 12px; float: none; display: inline-block; vertical-align:middle; opacity: 1; position: absolute; right: 19px; top: 17px; }

.faq-content h4 i:after{ position: absolute; width: 100%; height: 4px; left: 0; top: 50%; background: #4f4f4f; content: ""; margin-top: -2px; transition: all 0.2s linear 0s; }

.faq-content h4 i:before{ position: absolute; width: 4px; height: 100%; left: 50%; top: 0; background: #4f4f4f; content: ""; margin-left: -2px;  transform: translateY(0px) rotate(0deg); transition: all 0.2s linear 0s; }

.faq-content h4 i.open:before{ transform: translateY(0px) rotate(90deg);  }

.faq-content h4.active{ background: #ec3137; color: #fff; }

.faq-content .data{ font-size: 18px; line-height: 28px; color: #575757; padding:15px 24px; display: none; }

.faq-content .data em{ font-style: italic; text-decoration: underline; display: block; margin-top: 15px; }

.faq-content .data em:first-child{ margin-top: 0; }

.faq-content .data strong{ font-weight: bold; }

.faq-content li:first-child .data{ display: block; }

.faq-content h4.active i:before{ transform: translateY(0px) rotate(90deg);  }

.faq-content h4.active i:before,

.faq-content h4.active i:after{ background: #fff;  }



/*Thank you page content*/

.thankyou-box{ width: 100%; max-width: 770px; border: 1px solid #dddddd; background: #f1f1f1; text-align: center; padding: 70px ; margin: 100px auto; }

.thankyou-box figure{ margin-bottom: 34px;  }

.thankyou-box h3{ margin-bottom: 25px; text-transform: capitalize; }

.thankyou-box p{ font-size: 20px; line-height: 30px; color: #333; }



/*currency msg content*/

.msg-panel{ position: fixed; left: 0; top: 150px; background: #ffffff; z-index: 100; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s, -o-transform 0.3s ease 0s; }

.msg-panel .btn-panel,
.msg-panel-1 .btn-panel{ position: absolute; right: -8px; top: -8px; background: #fff; padding: 5px; cursor: pointer ; width: 30px; border-radius: 50%; text-align: center; border: 2px solid #ff0000;   }

.msg-panel .body-panel,
.msg-panel-1 .body-panel{ width: 265px; padding: 15px; font-size: 18px; line-height: 22px; border: 3px solid #ff0000;  }

.msg-panel.hide{ transform: translateX(-260px);  }


.msg-panel-1{
	position: fixed; right: 0; bottom: 100px; background: #ffffff; z-index: 100; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s, -o-transform 0.3s ease 0s;
}

.msg-panel-1 .btn-panel{
	left: -8px; right: auto;
} 

.msg-panel-1.hide{ transform: translateX(260px);  }

.msg-panel-1 a{
	scroll-behavior: smooth;
}

/*How it works content*/

.scroll-slider{ padding: 80px 0; }

#scroll-wrapper{

position: relative;	

}



.slidewrap {

	margin-top: 150px;

}

.bottomslider {

	max-width: 1200px;

	margin: 0 auto;

}

.slide-item {

	float: right;

	width: 450px;

	margin-top:8px;

}

.slide-item h3 {

	font-size:44px;

	line-height: 1.1;

	text-transform: capitalize;

	padding-right:75px;

}

.slide-item p {

	 color: #666666;

    font-weight: normal;

    line-height: 26px;

    padding-right: 36px;

    padding-top: 13px;

	font-size: 18px;

}



.tabing-block .left-block {

	display: none;

}

.owl-prev, .owl-next {

	font-size: 0;

	height: 48px;

	width: 48px;

	border-radius: 50%;

	display: inline-block; vertical-align: top; border: 2px solid #ff0000;

}

.owl-prev{ background: url(../images/arrow-prv2.png) no-repeat center center; margin: 0 5px;  }

.owl-next{ background: url(../images/arrow-nxt2.png) no-repeat center center; margin: 0 5px;  }





#owl-example .owl-dots {

	bottom: 45px;

	left: 450px;

	text-align: left;

	position: absolute;

	width: 100%;

}

#owl-example .owl-dot {

	display: inline-block;

	margin-right: 29px;

}

#owl-example .owl-dot span {

	color: #299fd9;

	font-family: "Lato", sans-serif;

	font-size: 14px;

}

#owl-example .owl-dot:hover span, #owl-example .owl-dot.active span {

	color: #ff5722;

}

#owl-example .owl-dots, .owl-nav {

	bottom: 132px;

	left: 0;

	right: 0;

	margin: 0 auto;

	position: absolute;

	text-align: left;

	width: 205px;

}

#owl-example .owl-dot {

	display: inline-block;

	margin: 0 3px; width:16px; height:16px;

	opacity: 1; border: 2px solid #9e9e9e; border-radius: 50%;

}

#owl-example .owl-dot.active{ border: 2px solid #ff0606; }

#owl-example .owl-dots {

	opacity: 1;

	z-index: 100;

	position: absolute; left: 0; right: 0; bottom: 180px; margin: 0 auto; width: 100%; text-align: center;

}

#owl-example .owl-nav {

	z-index: 99; display: none;

}



.animated {

	-webkit-animation-duration: 0.1s;

	animation-duration: 0.1s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}

.animated.flipOutX, .animated.flipOutY {

	-webkit-animation-duration: 0.2s;

	animation-duration: 0.2s;

}

.owl-animated-out {

	z-index: 1

}

.owl-animated-in {

	z-index: 0

}



#owl-example .owl-stage {

	background: url(../images/scroll-slider-img.png) no-repeat 0 150px/100% auto;

	position: relative;

	padding-bottom: 54px;

}

#owl-example .owl-item {

	height: 660px;

}



.forth-slide .slide-item {

    margin:50px 220px 0 0;

}



/***********popup css start**********/

/* The popup (background) */

.popup {

    display: none; /* Hidden by default */

    position: fixed; /* Stay in place */

    z-index: 1; /* Sit on top */

    left: 0;

    top: 0;

    width: 100%; /* Full width */

    height: 100%; /* Full height */

    overflow: auto; /* Enable scroll if needed */

    background-color: rgba(0,0,0,0.1); /* Black w/ opacity */

	/*padding-top: 150px;*/ /* Location of the box */

	z-index: 999;

}



/* popup Content */

.popup-content {

    /*position: relative;*/
	position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fefefe;
    padding: 50px 10px 20px 10px;
    border: 1px solid #888;
    width: 40%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.5s;
	padding:2rem;
	text-align: center;
}
.popup-content h5 {
	margin-bottom:0px;
	font-size: 20px;
    line-height: 1.5;
}


/* Add Animation */

@-webkit-keyframes animatetop {

    from {top:0; opacity:0} 

    to {top:50%; opacity:1}

}



@keyframes animatetop {

    from {top:0; opacity:0}

    to {top:50%; opacity:1}

}



/* The Close Button */

.close-popup{

	position:absolute;

	right:15px;

	top:15px;

    color: #ff0000;

    font-size: 28px;

    font-weight: bold;

}



.close-popup:hover,

.close-popup:focus {

    color: #000;

    text-decoration: none;

    cursor: pointer;

}

.select-service{
	display: none;
}

/******************** map in footer ******************/

#gmap {

    width: 100%;

    background: transparent;

    height: 350px;

}





/************* pop of cbsa or csis *****************/



.popup-content h4{

	background: #fff;

    color: #000000;

    padding: 0;

}



.popup-content label{

	background: #efefef;

    padding: 10px 15px;

    color: #000000;

    border-radius: 2px;

    width: 190px;

    display: inline-block;

    font-weight: bold;

	cursor: pointer;

	letter-spacing: 1px;

	transition: all 0.3s linear 0s;

}



.popup-content label.popup_label_radio input{display: none;} 

.popup-content label.popup_label_radio.show-radio input{display: inline-block; margin-right: 8px} 

.popup-content label:hover{background: #42c03c; color: #fff;}



.popup-content label.selected{

	background: url(../images/right-icon.png) no-repeat 8px center #42c03c !important;

    color: #fff;

}

.popup-content label.show-radio.selected{
	background-image: none !important;
    padding-left: 7px !important;
}


#e_gcms_notes .popup-content .service label.selected {
	padding-left: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 9px;
	color:#fff;
}


.popup-content .select_pacgage{

	display: block;

	width: 120px;

	margin: 0 auto;

    color: #fff;

	background:#ff0000;

	padding: 8px 15px;

	font-weight: bold;

	margin-top: 15px;

	transition: all 0.3s linear 0s;

	border-radius: 2px;

}



.popup-content .select_pacgage:hover{background: #333333;}





/*********** phone no. and working hour on header**********/



.add-detail{

	float: right;

    font-size: .9rem;

}



.add-detail .phonenumber{

	padding-top: 2px;
	display: inline-block;
    margin-right: 15px;

}



@media(max-width:767px){

	/*.add-detail{

		position: absolute;

		right: 58px;

		top: 12px;

		line-height: 1.2;

		font-size: 0.8rem;

	}

	

	.add-detail .phonenumber{

		display: block;

		text-align: right;

		margin: 0;

	}

*/	

	.add-detail .workhour{display: none;}
	
	#correct-popup ul{
		flex-direction: column;	
	}
	
	#correct-popup ul li{
		width: 100%;
    	margin: 10px 0;	
	}

}

/**** log in / resgister page start **********/

.login-page{
    padding: 30px 0;
	overflow: hidden;
}

.login-page .login-section
{	
	width: 49%;
    float: left;
	padding-right: 40px;
	border-right: 1px solid #dadada;
}

.login-page .register-section{
	width: 49%;
    float: left;
	padding-left: 40px;
}

.login-page .register-section .or{
	text-align: center;
    margin-top: 30px;
    text-transform: uppercase;
}

.login_btn .forget_pass{
	display: block;
    font-size: 15px;
    line-height: 27px;
    color: #333333;
    font-family: 'myriad_set_prosemibold';
    margin-top: 10px;
} 

.login-page .register-section h5 a
{
	color: #ff0000;

}


.login_btn .forget_pass:hover{
	color: #ff0000;
}

.login-page .generate_consent{
	width: 100%;
    float: left;
    margin-top: 30px;
    font-size: 16px;
    line-height: 21px;
    color: #333333;
    margin-bottom: 14px;
}

.login-page .generate_consent ul{
	list-style: disc;
    padding-left: 25px;
}

.other-login-p{
	display: block;
    font-size: 15px;
    line-height: 27px;
    color: #333333;
    font-family: 'myriad_set_prosemibold';
    text-align: center;
    margin: 20px 0;
}

.other-login li{
	display: inline-block;
	width: fit-content;
	margin-bottom: 10px;
}

.other-login li.fb{margin-right:2%;}

.other-login li.fb a{
   background: #3b5998;
    border: 1px solid #3b5998;
    display: inline-block;
    width: 100%;
    min-width: auto;
    text-transform: inherit;
    text-align: left;
    border-radius: 4px;
	padding: 9px 10px;
}

.other-login li.fb a i{
	margin-right: 10px;
    font-size: 25px;
    vertical-align: text-top;
}

.other-login li.fb a:hover{
	color: #3b5998 !important;
	background:#fff;
}

.other-login li.google{
	position: relative;
}

.other-login li.google a{
    border: 1px solid rgb(66, 133, 244);
    background: rgb(66, 133, 244);
    display: inline-block;
    width: 100%;
    text-align: center;
    min-width: auto;
    padding: 12px 10px 9px 55px;
    text-transform: inherit;
	border-radius: 4px;
}

.other-login li.google:before{
	content: '';
    background: url(../images/g-logo.png) #fff center center;
    background-repeat: no-repeat;
    width: 45px;
    height: 42px;
    left: 2px;
    top: 2px;
    position: absolute;
	border-radius: 4px;
}

.other-login li.google a:hover{
	color: rgb(66, 133, 244); !important;
	background:#fff;
}

/** register page **/
.register-page,.card{
	max-width: 570px;
	width: 100%;
}

.register-page h6 a{
	color: #ff0000;
}

.or-1{display: none;}

@media(max-width: 991px){
	.other-login li.fb{
		margin-right: 1%;	
	}
	
	.other-login li.google{
		margin-left: 1%;	
	}
}

@media(max-width: 767px){
	.register-page h6,.register-page h6 a{
		font-size: 18px;
    	line-height: 18px;	
	}
	
	.register-page,.card{
		margin: 0 auto;
	}
	
	.login-page .login-section{
		width: 100%;
		max-width: 570px;
		margin: 0 auto;
		border-right: none;
		float: none;
	}	
	
	.login-page .register-section{
		width: 100%;
		max-width: 570px;
		margin: 0 auto;
		padding-left: 0;
		padding-top: 20px;
		float: none;	
		padding-top: 0;
	}
	
	.login-page .register-section ul{text-align: center;}
	
	.login-section h5,
	.register-section h5{
		font-size: 22px;	
	}
	
	.or-1{display: block;}
	
	.login-page .register-section .or{
		margin: 15px 0;	
	}
}

/*** customer account pages start **/
.profile, .my-order, .change-pass{
	display: flex;
	padding: 30px 15px;
}

.profile-links
{
    width: 30%;
	padding-top: 60px;
}

.profile .card,
.my-order .card,
.change-pass .card{
	width: 70%;
	max-width: none;
	padding-left: 30px;
	padding-top: 30px;
}

.profile-links li{
	display: block;
	width: 100%;
	margin-bottom: 8px;
}

.profile-links li a{
 	display: inline-block;
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    font-family: 'myriad_set_prosemibold';
    padding: 4px 20px 4px;
    outline: none;
    border: none;
	width: 100%;
	transition: .3s all;
	border-bottom: 1px solid #dadada;
}

.profile-links li a:hover,
.profile-links li a.item-active{
	color: #ff0000;
}

.my-order-content .order-list{
	margin-bottom: 20px;
}

.my-order-content .order-list,
.my-order-content .order-list th,
.my-order-content .order-list td{
	border: 1px solid #e7e7e7;
	border-collapse: collapse;
	text-align: left;
	white-space: nowrap;
}

.my-order-content .order-list th{
	padding: 10px;
	font-weight: 600;
	font-family: 'myriad_set_probold';
	font-size: 18px;
}

.my-order-content .order-list td{
	padding:10px;
	color: #000;
}

.my-order-content .order-list th.upload,
.my-order-content .order-list td.upload{
	width: 250px;
}

.my-order-content .order-list th.ws-no,
.my-order-content .order-list td.ws-no{
	white-space: nowrap;
}

.order-list-table::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 20px;
	background-color: #fff;
	width: 20px;
	padding-left: 5px;
}

.order-list-table::-webkit-scrollbar
{
	width: 12px;
	background-color: #fff;
}

.order-list-table::-webkit-scrollbar-thumb
{
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #000;
	border-radius: 20px;
}
/*-----------------------  ORDER NOW -----------------------------*/
.my-order-content table tbody tr:nth-child(even) {background: #f2f2f2}
.my-order-content table tbody tr:nth-child(odd) {background: #FFF}
#correct-popup.popup, #e_gcms_notes.popup, #myPopup.popup {
	background-color: rgba(0,0,0,0.5);
	border-bottom: 3px solid #dadada;
	text-align:center;
}
#correct-popup.popup p {
	text-align:center;
	display:inline-block;
	border-bottom:2px solid #ff0000;
}
#correct-popup.popup a {
	max-width: 150px;
    width: 100%;
    min-width: 0px;
}	
 #e_gcms_notes .popup-content, #myPopup .popup-content{
	width: 35%;
}
#e_gcms_notes .popup-content ul {
	overflow:hidden;
	margin:0px;
}
#e_gcms_notes .popup-content ul.service {
	list-style: inside;
}
#e_gcms_notes .popup-content li {
	list-style:none;
	float:none;
	width:auto;
	border-radius:none;
	text-align:left;
	padding-top: 10px;
}
#e_gcms_notes .popup-content li label {
	background:none;
	padding:0px;
	color:#333;
	width:auto;
	font-weight:400;
	
}

#e_gcms_notes .popup-content li label:hover{
	color:#ff0000;
}

#e_gcms_notes .popup-content h4, #myPopup .popup-content h4{
	font-size: 18px;
    line-height: 28px;
    color: #161e21;
    display: inline-block;
    font-family: 'myriad_set_promedium';
    margin-top: 10px;
	/*border-bottom: 2px solid #ff0000;*/
}
.submitButton {
	margin-top:20px;
}
.submitButton button {
	background: #efefef;
	font-family: 'myriad_set_promedium';
    padding: 10px 15px;
	font-size: 16px;
    color: #000000;
    border-radius: 2px;
    width: 150px;
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
    letter-spacing: 1px;
    transition: all 0.3s linear 0s;
	border:none;
}
.submitButton button:hover {
	background: #42c03c;
    color: #fff;
}
@media(max-width: 767px){
	.profile, .my-order, .change-pass{
		flex-direction: column;	
	}
	
	.profile-links{
		width: 100%;	
	}
	
	.profile .card, .my-order .card, .change-pass .card{
		width: 100%;
		padding-left: 0;	
	}
	
	.profile-links li a{
		font-size: 18px;
		line-height: 18px;
		padding: 15px 10px 5px;	
	}
}

@media(max-width: 479px){
	.add-detail span{
		font-size: 11px;	
	}
	
	.add-detail .phonenumber{
		margin-right: 5px;	
	}
	
	.dropdown{min-width: auto;}
	
	.dropdown .dropdown-menu{
		right: auto;
    	left: 0;	
	}
	
	.app-lang-fr #header .header-top{
		padding-left: 0;	
	}
	
	.app-lang-fr .dropdown .dropdown-toggle{
		padding: 5px 14px 5px 10px;
		font-size: 12px;	
	}
	
	.app-lang-fr .dropdown .dropdown-toggle i{
		right: 4px;	
	}
	.app-lang-fr #header .header-top .header-right .order-btn .btn{
		padding: 5px 4px;
		line-height: 17px;
		font-size: 12px;	
	}
	
	.app-lang-fr .dropdown .dropdown-menu{
		top: 27px;	
	}
}

/******* upload form on order now page *******/

.upload-form{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	width: 45%;
	background: #fff !important;
    border: none !important;
}

.upload-form #error-msg span{
	display: inline-block;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    border: 1px solid transparent;
    border-radius: .25rem;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
}

@media(max-width: 767px){
.upload-form{
	width: 90%;
}
}

.upload-form .boxx {
  position: relative;
  background: #ffffff;
  width: 100%;
}

.upload-form .box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 10px;
}

.upload-form .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}

.upload-form .dropzone-wrapper {
  border-bottom: 1px dashed #333333;
  color: #333333;
  position: relative;
 background: #fff;
 padding: 5px;
}

.upload-form .dropzone-wrapper i{
	font-size: 20px;
	margin-bottom: 5px;
}

.upload-form .dropzone-wrapper label{
	line-height: 17px;
}

.upload-form .dropzone-wrapper .dropzone-wrapper-inner {
	position:relative;
	
}
.upload-form .dropzone-desc {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  /*width: 40%;*/
  top: 70px;
  font-size: 16px;
}

.upload-form .dropzone,
.upload-form .dropzone:focus {
  position: absolute;
  outline: none !important;
  width: 100%;
  height: 150px;
  cursor: pointer;
  opacity: 0;
}

.upload-form .dropzone-wrapper:hover,
.upload-form .dropzone-wrapper.dragover {
  background: #ecf0f5;
}

.upload-form .preview-zone {
  text-align: center;
}

.upload-form .preview-zone .boxx {
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0;
}

.upload-form .btn{
	padding: 10px 25px;
	font-size: 16px;
    min-width: auto;
    line-height: 20px;
    margin-bottom: 23px;
	
}


/****** style for french version **/
.app-lang-fr .slidewrap{
	 margin-top: 136px;
}

.app-lang-fr .slide-item h3{
	line-height: 1;
	padding-right: 15px;
}

.app-lang-fr .slide-item{
	width: 520px;
	margin-top: 0;
}

.app-lang-fr .slide-item p{
	padding-right: 15px;
}

.app-lang-fr .forth-slide .slide-item{
	width: 400px;
	margin: 50px 255px 0 0;
}

@media (max-width: 1024px){
	.app-lang-fr .slidewrap{
		 margin-top: 0px;	
	}
	
	.app-lang-fr .forth-slide .slide-item{
		margin: 50px 165px 0 0;	
	}
}

@media (max-width: 991px) and (min-width: 768px){
.app-lang-fr .slide-item{
	 width: 450px;
}

.app-lang-fr .forth-slide .slide-item{
	margin: 50px 56px 0 0;     
}
}

#fileUpload {
	padding: 10px 5px;
	width:100%;
	height:100%;
    color: #000;
	opacity: 1;
	height: 200px;
	position: relative;
    z-index: 1;
}

/*-------------------------  Payment Page -----------------------------*/
.pay-type li {
	vertical-align:top;
}
#razorpay-button{
	max-width: 150px;
    width: 100%;
    display: block;
    padding: 14px 20px;
	border: none;
	font-size:20px;
}
#razorpay-button:hover {
	background: #333333;
	color:#fff;
}
#razorpay-button img {
	width: 100%;
    height: auto;
}
.page.thank-you .thankypu-wrapper {
	padding:20%;
}
.page.thank-you .thankypu-wrapper h1{
	color:#ff0000;
	font-size:50px;
	font-weight:700;
	margin-bottom:20px;
}
.page.thank-you .thankypu-wrapper h2 {
	font-size:25px;
	font-weight:400;
	font-family:'myriad_set_promedium';
}




/****** choose currency dropdown on order now page start*********/

/*the container must be positioned relative:*/
.choose-currency .custom-select {
  position: relative;
}

.choose-currency .custom-select select {
  display: none; /*hide original SELECT element:*/
}

.choose-currency .select-selected {
  background-color: #333333 !important;
  color: #fff !important;
}

.choose-currency .select-selected.sected-currency{
	background-repeat: no-repeat !important;
    background-position-y: center !important;
    background-position-x: 5px !important;
    padding: 12px 10px 12px 38px;
}

/*style the arrow inside the select element:*/
.choose-currency .select-selected:after {
     position: absolute;
    content: "\f0d7";
    font-family: fontAwesome;
    font-size: 20px;
    top: 0;
    right: 0;
    width: 35px;
    height: 42px;
    line-height: 42px;
    border-left: 1px solid;
    text-align: center;
}

/*point the arrow upwards when the select box is open (active):*/
.choose-currency .select-selected.select-arrow-active:after {
  content: '\f0d8';
}

/*style the items (options), including the selected item:*/
.choose-currency .select-items div,.select-selected {
  color: #ffffff;
  padding: 12px 10px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
  text-align: left;
}

.choose-currency .select-items div{
	padding: 12px 10px 12px 38px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    text-align: left;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    background-position-x: 5px !important;
	color: #333;
}

/*style items (options):*/
.choose-currency .select-items {
  position: absolute;
  background-color: #ffffff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border: 1px solid #333;
  border-top: none;
}

/*hide the items when the select box is closed:*/
.choose-currency .select-hide {
  display: none;
}

.choose-currency .select-items div:hover, .choose-currency .same-as-selected {
  color: #ff0000;
}

/****** choose currency dropdown on order now page end*********/


.order-status-desc{
	 margin-top: 20px;
}

.order-status-desc li{
	font-size: 18px;
	margin-bottom: 10px;
}

.order-status-desc li b{
	font-weight: 600;
}

@media (max-width:1470px){
	.slider-content ul.slider-list li strong {
		font-size:75px;
	}
}
@media (max-width:1470px){
	.slider-content ul.slider-list li strong {
		font-size:75px;
	}
}
@media (max-width:1200px){
	.slider-content ul.slider-list li strong {
		font-size:50px;
	}
}


/*----------------------------  Status content style ---------------------------------------*/

.status-desc{ 
	width: 100%; 
	max-width: 870px; 
	border: 1px solid #d2d2d4; 
	padding: 4px; 
	margin-bottom: 80px; 
	margin-top: 30px; 
}
.status-desc li{ 
	margin-bottom: 18px; 
}
.status-desc h4{ 
	font-size: 20px; 
	line-height: 28px; 
	color: #333333; 
	font-family: 'myriad_set_prosemibold'; 
	margin-bottom: 0; 
	background: #f4f4f4; 
	padding: 12px 20px 8px; 
	cursor:pointer; 
	position: relative; 
}
.status-desc h4 i{ 
	width: 12px; 
	height: 12px; 
	float: none; 
	display: inline-block; 
	vertical-align:middle; 
	opacity: 1; 
	position: absolute; 
	right: 19px; 
	top: 17px; 
}
.status-desc h4 i:after{ 
	position: absolute; 
	width: 100%; 
	height: 4px; 
	left: 0; 
	top: 50%; 
	background: #4f4f4f; 
	content: ""; 
	margin-top: -2px; 
	transition: all 0.2s linear 0s; 
}
.status-desc h4 i:before{ 
	position: absolute; 
	width: 4px; 
	height: 100%; 
	left: 50%; 
	top: 0; 
	background: #4f4f4f; 
	content: ""; 
	margin-left: -2px;  
	transform: translateY(0px) rotate(0deg); 
	transition: all 0.2s linear 0s; 
}
.status-desc h4 i.open:before{ 
	transform: translateY(0px) rotate(90deg);  
}
.status-desc h4.active{ 
	background: #ec3137; 
	color: #fff; 
}
.status-desc .data{ 
	font-size: 18px; 
	line-height: 28px; 
	color: #575757; 
	padding:15px 24px; 
	display: none; 
}
.status-desc .data em{ 
	font-style: italic; 
	text-decoration: underline; 
	display: block; margin-top: 15px; 
}
.status-desc .data em:first-child{ 
	margin-top: 0; 
}
.status-desc .data strong{ 
	font-weight: bold; 
}
.status-desc li:first-child .data{ 
	display: block; 
}
.status-desc h4.active i:before{ 
	transform: translateY(0px) rotate(90deg);  
}
.status-desc h4.active i:before,
.status-desc h4.active i:after{ 
	background: #fff;  
}
.generate_consent {
	border-left:5px solid #3197b6;
	padding:20px;
	position:relative;
	background:#d7faff;
}
.generate_consent i {
    color: #ff0000;
    padding-top: 4px;
    padding-bottom: 3px;
	padding-right:5px;
}
.generate_consent p strong {
	font-weight:700;
}
.order-status-desc p {
	font-size:16px;
}
.order-status-desc p label {
	border-bottom:1px solid #000;
	line-height: 15px;
    display: inline-block;
    margin-right: 10px;
}
.order-status-desc p strong {
	font-weight:700;
	padding:0 5px;
}
.order-status-desc p a i {
	font-size:13px;
	padding-left:5px;
}