@charset "utf-8";
/* CSS Document */
a .social-share.whatsapp { 
    display: block;
}
@media (max-width: 767px){ 
    a .social-share.whatsapp { 
        display: inline;
    }
}
.hide{
    display: none;
}
.while_logged,.while_disconnected{
    display: none;
}
div#gallery div.gallery_item:first-child  i.fas.fa-arrow-circle-right,div#gallery div.gallery_item:last-child i.fas.fa-arrow-circle-left  {
    display:none;
}

div#recommendation form.nihul_form_div:first-child  i.fa-arrow-circle-up,div#recommendation form.nihul_form_div:last-child i.fa-arrow-circle-down {
    display:none;
}  
img[src=""],img[src="undefined"] {
    /*background-image: url('/admin/images/home_service_pic1.jpg');*/
    content:url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");

    -moz-opacity: 1; /* Netscape */
    -khtml-opacity: 1; /* Safari 1.x */
    opacity: 1;/* Good browsers */
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
    height: 170px;
    max-width: 100%;
}
body{
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    color: #666666;
    direction: rtl;
}

.row {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

h1{
    font-family: 'Rubik', sans-serif;
    font-size: 25px;
    color: #008996;
    font-weight: bold;
}

h2{
    font-family: 'Rubik', sans-serif;
    font-size: 25px;
    color: #008996;
    font-weight: normal;
}

h3{
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    color: #008996;
    font-weight: bold;
}




p{
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    color: #666666;
    line-height: 120%;
    text-align: justify;
}

@media (min-width: 992px){
    h1{
        font-size: 35px;
    }


}


@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}


/*-----------------header-------------------*/

header{
    background-color: #008996;
    padding-top: 19px;
    padding-bottom: 19px;
    color: #fff;
    font-size: 30px;
}

.logo_hovaland{
    width: 180px;
    height: 65px;
}
.header_facebook_icone{
    margin-top: 15px;
    float: left;
    margin-left: 15px;

}

.header_phone{
    padding: 10px;
    background-color: #fff;
    color: #008996;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: bold;
    border-radius: 14px;
    float: left;
    margin-top: 10px;
}

@media (min-width: 992px){
    .logo_hovaland{
        width: 256px;
        height: 92px;
    }

    .header_facebook_icone{
        margin-left: 25px;
        margin-top: 25px;
    }

    .header_phone{
        padding: 20px;
        font-size: 25px;
    }

}

.pages_title_bg{
    background-color: #E6E6E6;
    padding-top: 45px;
    margin-bottom: 25px;
}

/*-----------------nav-------------------*/

.bg-light {
    background-color: #fff !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #008996;
    font-weight: 500;
}

.mr-auto, .mx-auto {
    margin-right:-50px !important;
}




.login_btn{
    font-weight: bold;
    margin-right: 0px;
    margin-left: 0px;
}

@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0px;
        padding-left: 1rem;
    }	

    .login_div{
        float: left;	
    }

    .login_btn{
        margin-right: 50px;
        margin-left: 0px;
        float: left;
    }


}

/*-----------------footer-------------------*/


.footer_contact{
    background-color: #008996;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.footer_contact_text{
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    margin-left: 20px;
    margin-right: 20px;
}

.credit{
    font-size: 18px;
    text-align: center;
}



/*-----------------home_page-------------------*/


.banner_top{
    background-image: url(../images/header.jpg);
    background-repeat: no-repeat;
    height: 280px;
    background-position: center;
}

.jumbotron {
    margin-bottom: 0px;;
    border-radius: 0px;
}

.home_content_div1{
    background-image:url(../images/home_worker_pic.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-bottom: 240px;
    min-height: 250px;
    padding-top: 20px;
}


.home_contact_title{
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    color: #666666;
    font-weight:bolder;
    margin-top: 20px;
}

h2.title_home{
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0px;
}

.home_service_bg{
    background-image: url(../images/home_service_bg.jpg);
    padding-top: 15px;
    padding-bottom: 5px;
}

.home_service_div{
    margin-top: 15px;
    margin-bottom: 15px;
}

.home_service_pic{
    width: 80%;
    border-radius: 15px;
}

.home_icones_bg{
    padding-top: 30px;
    padding-bottom: 20px;	
}

.home_icones_div{
    width: 20%;
}

.home_icones{
    width: 40px;
    height: 40px;
}



h3.title_home{
    font-size: 15px;
    color: #008996;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 0px;
}

.home_bottom_info_bg{
    padding-top: 10px;
    background-color: #E6E6E6;
}

.home_bottom_info_div{
    padding: 20px;
}

.home_bottom_info_text{
    font-size: 18px;
    text-align: justify;
}





@media (min-width: 992px){

    .home_content_div1{
        background-position: right bottom;
        padding-right: 280px;
        padding-bottom: 0px;
    }


    .home_service_pic{
        width: 90%;
    }


    .home_icones{
        width: 51px;
        height: 51px;
    }

    h3.title_home{
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 0px;
    }


}


/*-----------------about-------------------*/

.about_pic{
    width: 90%;
    margin-bottom: 20px;
}

.contact_title{
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    color: #666666;
    font-weight:bolder;
    margin-top: 50px;
}

/*-----------------customers-------------------*/


.customer_service{
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    color: #008996;
    font-weight: bold;
    margin-bottom: 5px;

}

.customer_recommend{
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    color: #666666;
    font-weight: 500;
    margin-bottom: 5px;
}

.customer_name{
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    color: #666666;
    font-weight: normal;
    margin-bottom: 40px;

}


/*-----------------gallery-------------------*/


.gallery_div{
    display: flex;
    flex-flow: column wrap;
    float:right;
}

.gallery_pic{
    width: 100%;
}



.masonry-brick {
    color: #FFF;
    display: inline-block;
    padding: 0px;
    text-align: center;
    /* width: 100%; */
    margin: 0.5em 0.1em; /* for separating masonry-bricks vertically*/
}


@media only screen and (min-width: 480px) {
    .masonry-container {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 768px) {
    .masonry-container {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 960px) {
    .masonry-container {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}


/*-----------------contact-------------------*/

.form_title{
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    color: #666666;
    font-weight:bolder;
    margin-bottom: 40px;
    /*max-width: 50%;*/
}

.form_div{
    background-color: #008996;
    padding: 32px;
    margin-bottom: 40px;
    border-radius: 5px;
}

.input-group {
    margin-top: 14px;
    margin-bottom: 8px;
}


.form-control{
    font-family: 'Rubik', sans-serif;
    padding: 6px 12px;
    font-size: 20px;
    border: 1px solid #DCF3F9;

}

.input-group-addon {
    padding: 15px 15px 0px 15px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #999999;
    border: 1px solid #999999;
    border-radius: 4px;
}

.btn_form{
    background-color: #72CCCC;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    border: 1px solid transparent;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 8px;
    margin-top: 16px;
}




/*-----------------login-------------------*/

.login_error_msg{
    color: #C1272D;
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    font-weight:bolder;
    margin-bottom: 40px;	
}

/*-----------------order-------------------*/

.order_div{
    background-color: #E6E6E6;
    padding: 15px;
    margin-bottom: 20px;
}

.order_status_div{
    background-color: #fff;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.order_info{
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 5px;
}

.order_sml_title{
    font-size: 25px;
    font-weight: bold;
}

.order_icone{
    font-size: 23px;
}

.green_icone{
    color: #008996;

}

.red_icone{
    color: #C1272D;
}

.order_not_pay{
    background-color: #C1272D;
    padding: 5px 10px;
    color:#fff;
    font-size: 20px;
    font-family: 'Rubik', sans-serif;
    margin-top: 20px;
}

.order_payed{
    background-color: #008996;
    padding: 5px 10px;
    color:#fff;
    font-size: 20px;
    font-family: 'Rubik', sans-serif;
    margin-top: 20px;
}


.phone_background {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 200px;
	background-image: linear-gradient(#00000000, #FFFFFFFF 80%);
}

.phone_page_extra {
	height: 100px;
}


.phone_text_left{
	position: fixed;
	left:32px;
	bottom:10px;
	width:100px;
	background-color: #29AEE3;
	color: white;
	text-align: center;
	border-radius: 10px;
}

.phone_text_right{
	position: fixed;
	right:20px;
	bottom:10px;
	width: 150px;
	background-color: #5bb659;
	color: white;
	text-align: center;
	border-radius: 10px;
}

#popup__toggle2{bottom:25px;right:0px;position:fixed;z-index:999;}
.img-circle2{background-color:#10ff0a;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone2{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #10ff0a;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill2{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#10ff0a;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle2{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock2{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(/images/whatsapp.png);background-size: 50px 50px;background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle2:hover{opacity: 1;}
#popup__toggle1{bottom:25px;left:170px;position:fixed;z-index:999;}
.img-circle1{background-color:#29AEE3;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone1{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #29AEE3;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill1{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#29AEE3;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle1{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock1{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(/images/mini.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle1:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}

.phone_bottom_div{
	background-color: #ffffff;
	width: 150px;
}
.phone_bottom_text{
	font-size: 14px;
	font-weight: bold;	
}