@keyframes tansformAnimation {
  from {
    font-size: 108px;
  }
  to {
    font-size: 120px;
  }
}
@-webkit-keyframes tansformAnimation {
  from {
    font-size: 108px;
  }
  to {
    font-size: 120px;
  }
}

/*****************actions******************/
.actions{
    width: 100%;
    height: auto;
    padding: 1em 0;
    overflow: hidden;
    margin:3em auto;
}

.actions a{
    width: 181px;
    padding: 1em;
    display: block;
    float: right;
    background: #d8d8d8;
    text-align: center;
    text-decoration: none;
    font-size: 1.1em;
    border-radius:4px;
    color:#fff;
    font-weight: 700;
}

.actions input{
    width: 181px;
    padding: 1em !important;
    display: block;
    float: right;
    background: #d8d8d8;
    text-align: center;
    text-decoration: none;
    font-size: 1.1em;
    border-radius:4px;
    color:#fff;
    font-weight: 700;
}

.actions a:hover{
    opacity: .9
}

.actions .back{
    background: #fff;
    color: #189D5B;
    border:1px solid #189D5B
}
.actions .continue{
    float: left;
    background: #189D5B;
}

.actions .btm{
    width: auto;
    max-width: 300px;
    float: none;
    background: #189D5B;
    text-align: center;
    margin:auto;
    padding: 1em 2em;
}

.payment-method{
    overflow: hidden;
}
.payment-method small{
    color:#838F96;
    font-size: 75%;
    font-weight: 400;
    text-transform: lowercase;
}


.payment-method > ul{
    overflow: hidden;
    width: 100%;
}

.payment-method li{
    width:100%;
    position: relative;
}

.payment-option{
    width: 100%;
    padding: 1em 2em 1em 4em;
    margin:.4em 0;
    height: auto;
    display: block;
    color:#444444;

    overflow: hidden;
    cursor: pointer;
    background: #F3F4F7;
    border-radius: 5px;
    border: 2px dashed #FFFFFF;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.8, -0.66, 0.1, 1.66);
    -moz-transition: -moz-transform 0.2s cubic-bezier(0.8, -0.66, 0.1, 1.66);
    -o-transition: -o-transform 0.2s cubic-bezier(0.8, -0.66, 0.1, 1.66);
    transition: transform 0.2s cubic-bezier(0.8, -0.66, 0.1, 1.66);
}

.payment-option img{
    width: auto;
    max-width: 100%;
    height: 50px;
    float: right;


}

.payment-option:hover{
    -webkit-filter:  brightness(1.01);
    -moz-filter:  brightness(1.01);
    filter:  brightness(1.01);
    /*-webkit-transform: scale(.99, .99);*/
    /*-ms-transform: scale(.99, .99);
    -o-transform: scale(.99, .99);
    transform: scale(.99, .99);*/
    border: 2px dashed #E0E4EE;
}

.payment-method input{
    margin:0;padding:0;
    /*-webkit-appearance:none;*/
    -moz-appearance:none;
    appearance:none;
}

.payment-method li input:active +.payment-option {opacity: .9;}
.payment-method li input:checked +.payment-option {
    border: 2px dashed #189D5B;
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;

}

.payment-option span{
    text-align: left;
    height: 50px;
    font-size: .9em;
    font-weight: 700;
    display: table-cell;
    vertical-align: middle;
}


.payment-option::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 21px;
    left: 3px;
    top: 30px;
    border: 1px solid #D3DAEB;
    border-radius: 50%;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #fff;
}

.payment-option::after{
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 4px;
    top: 25px;
    color: #189D5B;
    font-size: 1.8em;
    border-radius: 50%;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.8, -0.66, 0.1, 1.66);
    -moz-transition: -moz-transform 0.2s cubic-bezier(0.8, -0.66, 0.1, 1.66);
    -o-transition: -o-transform 0.2s cubic-bezier(0.8, -0.66, 0.1, 1.66);
    transition: transform 0.2s cubic-bezier(0.8, -0.66, 0.1, 1.66);


}

input:checked + .payment-option::after {
    content: '\E806';
    font-family: "fontello";
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);

}

.h-seperator{
    width: 100%;
    border-bottom: 2px dashed #C9D0E1;
    margin: 2em auto 2em auto;
    display: block;
    padding: 0em;
    opacity: .3;

}

.loading_div{
	display: none;
}
.map iframe {
	border:0;
	
}
.loading_div img{
	width: 50px !important;
	margin: auto;
	margin-top: 50px;
}
/* Loader CSS */

.loading-mask {
    position:           fixed;
    z-index:            100001;
    top:                0;
    left:               0;
    width:              100%;
    height:             100%;
    background-color:   rgba(0,0,0,0.15);
    display: none;
}

.loader{
	/*display: none;*/
	
}
.loader .connecting{
    position: absolute;
    margin: auto;
    left: 40%;
    top: 40%;   
    z-index: 1000;
}
 
.loader .fa-spinner{
     position: absolute;
    margin: auto;
    top: 30%;   
    z-index: 1001;
    left: 47%;
}
 
/* End Loader CSS */


#mask{
	position:fixed;
	width:100%;
	height:100%;
	background: rgba(0,0,0,.3); /*or transparent */;
	top:0;
	left:0;
	display:none;
	z-index: 10001;
	text-align: center;
	
}


.contac .form-control{
	margin-bottom : 13px;
}

.contac textarea{
	height: 200px !important;

}
.info-box li{
	list-style-type: none;
	margin: 10px;
}
.info-box li span{
	padding-left: 10px;
	color:#00301b;
}



.fb-share-button{
	display: inline;
	
}
.visiblity_none{
	visibility: hidden;
}

.alert:not(.small){
	font-size: 20px !important;
	font-weight: bold !important;
}

.alert.small{
	font-size: 16px !important;
	width: 90% !important;
		
}


.form_message .alert{
	font-size: 20px !important;
	font-weight: normal !important;
}

.inner-pages-image{
	margin: 30px;
	max-width: 100%;
}

h1{
	text-transform: capitalize;
}
.order-card .accept-order .btn-success{
	background-color: #5cb85c !important;
	
}
.order-card .accept-order .btn-info{
	background-color: #5bc0de !important;
	
}


.d-none{
	display: none;
}

.complete_order option[disabled=disabled]{
	display: none;
}


.alert li{
	list-style-type: none;
}
/*
.big-modal .modal-dialog{
	width: 70%;
	height: 100%;
}
*/
.view_order_block ul{
    padding-left: 60px;
}


.rtl .view_order_block ul{
    padding-right: 60px;
}

.badge.success{
	background-color: #5cb85c !important;
	
}
.badge.success a{
	color: #FFF;
}

.badge.success a:hover{
	color: #000;
}

.complaint{
	background-color: #FFF;
	margin-bottom: 2px;
    padding: 10px;
    font-size: 14px;
}
.complaint-title{
    padding-left: 60px;
	
}

.rtl .complaint-title{
    padding-right: 60px;
	
}

.partners_img{
	max-height: 70px;
	width: auto;
}

.companies_images{
	max-height: 50px;
	width: auto;
}


.smbx {
    position: relative;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 15px;
    color :#FFF;
}

.bg-orange {
    background-color: #ff851b !important;
}
.bg-green {
    background-color: #00a65a !important;
}

.smbx > .smbx-footer:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.15);
}

.smbx > .smbx-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.smbx h3 {
    font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
    color :#FFF;
}

.smbx:hover .icon {
    animation-name: tansformAnimation;
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    -webkit-animation-name: tansformAnimation;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: tansformAnimation;
    -moz-animation-duration: .5s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;
}

.smbx .icon {
    position: absolute;
    top: auto;
    bottom: 5px;
    left: 5px;
    z-index: 0;
    font-size: 100px;
    color: rgba(0, 0, 0, 0.15);
}
.smbx > .inner {
    padding: 10px;
}

/* Styles for choose company page */

.companies_options {
	border: 1px solid #CCC;
	display: block;
	padding:10px;
}
.companies_options li{
	list-style-type: none;
}
.companies_options .badge{
	cursor: pointer;
}
.main_filters .one_filter{
	text-align:center;
	height: 70px;
	padding: 20px;
	background-color: #f3f3f3;
	cursor:pointer;
	border-left:5px solid #FFF;
	border-radius: 8px 8px 0px 0px;
}
.main_filters .one_filter.checked{
	background-color:#ee4978;
	color: #FFF;
}

/*
.accept-order a {
    margin-top: 5px;
}


@media only screen and (max-width: 780px) and (min-width: 600px) {
	
	.accept-order {
	    display: block !important;
	}
}

@media only screen and (max-width: 600px) {
	.accept-order {
	    display: grid !important;
	}
}

*/

.progress { position:relative; width:100%; border: 1px solid #7F98B2; padding: 1px; border-radius: 3px; height: 30px !important; }
.bar { background-color: #B4F5B4; width:0%; height:25px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; color: #7F98B2;}


.footer_logo{
	width: 100px;
	display: inline;
}

.footer_logo_text{	
	display: inline !important;
}