body{font-size:16px;font-family: 'Open Sans', sans-serif !important;}
html{font-family: 'Open Sans', sans-serif !important;}
a:hover{text-decoration:none;}
.container {max-width: 1240px;}

/* Top Header */
.headerTop {width: 100%;box-sizing: border-box;background: #fd6c16;min-height:50px;padding: 10px 0 5px;color:#fff;}
.headerTop ul{margin:0px; padding:0;}
.top-middle li {display: inline-block;margin-left:5px;}
.top-middle li a{color:#fff;}
.top-left li {display: inline-block;color:#fff;margin-right: 15px;letter-spacing: 1px;margin-top: 4px;}
.top-left li a{color:#fff;}
.top-left i.fa {margin-right: 2px;color: #fff;font-size: 18px;}
.top-middle .fa-facebook {font-size: 16px;text-align: center;line-height: 29px;width: 30px;height: 30px;}
.top-middle .fa-facebook:hover {background: #527dbd;color: #ececec;border: 1px solid #527dbd;}
.top-middle .fa-twitter {font-size: 16px;text-align: center;line-height: 29px;width: 30px;height: 30px;}
.top-middle .fa-twitter:hover {background: #1da1f2;color: #ececec;border: 1px solid #1da1f2;}
.top-middle .fa-youtube {font-size: 16px;text-align: center;line-height: 29px;width: 30px;height: 30px;}
.top-middle .fa-youtube:hover {background: #dd4b39;color: #ececec;border: 1px solid #dd4b39;}
.top-middle .fa-linkedin {font-size: 16px;text-align: center;line-height: 29px;width: 30px;height: 30px;}
.top-middle .fa-linkedin:hover {background: #0077b5;color: #ececec;border: 1px solid #0077b5;}
.top-middle i.fa {border: 1px solid #fff;color: #fff;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
/* Top Header End */
.navbar-brand img{max-width: 100%; max-height: 80px;}


.btn_lg {display: inline-block;padding: 24px 40px;border: 1px solid #026cfe;border-radius: 32px;background-color: #026cfe;
color: #ffffff;font-weight: 600;line-height: 0;text-decoration: none;transition: all 0.2s;}
.btn_lg:hover {border: 1px solid #026cfe;background-color: transparent;color: #026cfe;text-decoration: none;}
.text-info{color:#fd6c16 !important;}

/*Service box*/
.service_box{box-sizing: border-box;-webkit-box-shadow: 0px 0 15px 0 rgba(0, 0, 0, 0.08);-moz-box-shadow: 0px 0 15px 0 rgba(0, 0, 0, 0.08);box-shadow: 0px 0 15px 0 rgba(0, 0, 0, 0.08);border: 1px solid #f0f0f0;border-radius: 0;padding: 0;background: #fff;border-radius: 40px 0;}
.service_box p{color: #969798;font-size: 14px;}
.service_box .icon_circle{display: inline-block;width: 80px;height: 80px;font-size: 32px;background: #e8e8e8;border-radius: 50%;}
.service_box .icon_circle .fa{color: #fd6c16;margin-top: 20px;}
.service_box:hover .icon_circle{background: #fd6c16;-webkit-transition: all .3s ease-in;transition: all .3s ease-in;}
.service_box:hover .icon_circle .fa{color: #fff;}

.service_box .icon_circle.orange .fa{color: #ff5828;margin-top: 20px;}
.service_box:hover .icon_circle.orange{background: #ff5828;-webkit-transition: all .3s ease-in;transition: all .3s ease-in;}
.service_box:hover .icon_circle.orange .fa{color: #fff;}

.service_box .icon_circle.purple .fa{color: #e80368;margin-top: 20px;}
.service_box:hover .icon_circle.purple{background: #e80368;-webkit-transition: all .3s ease-in;transition: all .3s ease-in;}
.service_box:hover .icon_circle.purple .fa{color: #fff;}

.service_box .icon_circle.yellow .fa{color: #ffbb2c;margin-top: 20px;}
.service_box:hover .icon_circle.yellow{background: #ffbb2c;-webkit-transition: all .3s ease-in;transition: all .3s ease-in;}
.service_box:hover .icon_circle.yellow .fa{color: #fff;}

.service_box .icon_circle.green .fa{color: #11dbcf;margin-top: 24px;}
.service_box:hover .icon_circle.green{background: #11dbcf;-webkit-transition: all .3s ease-in;transition: all .3s ease-in;}
.service_box:hover .icon_circle.green .fa{color: #fff;}

.service_box .icon_circle.red .fa{color: #CB0000;margin-top: 20px;}
.service_box:hover .icon_circle.red{background: #CB0000;-webkit-transition: all .3s ease-in;transition: all .3s ease-in;}
.service_box:hover .icon_circle.red .fa{color: #fff;}

/*Go to top*/
#goto_top{z-index: 999;display: none;position: fixed;right: 10px;bottom: 21px;width: 36px;height: 36px;border-radius: 50%;border: none;background: #fd6c16;text-align: center; cursor: pointer;}
#goto_top span {position:absolute;top: -2px;left: 0; right: 0; color: #fff;text-align: center;font-size: 16px;line-height: 36px;}
#goto_top:hover {background: #e3010f;border: none;}

.shadow-effect{background: #fff;min-height: 250px;padding: 20px;border-radius: 4px;text-align: center;border:1px solid #ECECEC;box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);}
.shadow-effect img{width:100px !important; height:100px !important; border-radius:50%;}

.contact .info i {font-size: 20px;color: #2487ce;float: left;width: 44px;height: 44px;background: #e3f0fa;display: flex;justify-content: center;align-items: center;border-radius: 5px;transition: all 0.3s ease-in-out;}
.contact .info h4 {padding: 0 0 0 60px;font-size: 22px;font-weight: 600;margin-bottom: 5px;color: #124265;}
.contact .info p {padding: 0 0 0 60px;margin-bottom: 0;font-size: 14px;color: #217bbc;}
.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {background: #2487ce;color: #fff;}

.heading_one{color:#000;position:relative; margin-bottom:70px;text-transform: uppercase;font-weight: 700;}
.heading_one:before{content:""; position:absolute; bottom:-25px; left:0; right:0; width:100px; margin:auto; border-bottom:solid 4px #fd6c16;}
.heading_one:after{content:""; position:absolute; bottom:-31px; left:0; right:0; width:16px; height:16px; margin:auto;background: #fd6c16;transform: rotate(45deg);box-shadow: 0 0 2px 2px #fff;}
.heading_one span{color:#fd6c16;}


/*We are working on*/
.service {position: relative;-webkit-transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;-ms-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;transition: all 0.4s ease-out 0s;padding:15px;border-radius: 30px 0;box-shadow: 4px 4px 45px rgba(0, 0, 0, 0.1);border: 1px solid #fd6c16;border-spacing:10px;}

.pos-rel {position: relative;}
service_icon::before {content: "";border-radius: 50%;background: #ff7029;opacity: 0.071;position: absolute;left: 0;top: 0;width: 120px;height: 120px;z-index: 1;right: 0;
margin: 0 auto;z-index: -1;-webkit-transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;-ms-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;transition: all 0.4s ease-out 0s;}
.service_icon{text-align:center;width: 90px;height: 90px;background: #fd6c16 !important;border-radius: 50%;padding: 10px;box-shadow: 0 3px 3px #ccc; margin:10px auto;}
.service_icon img{width:70px; height:70px;}
.service_text h5{color:#000; font-weight:600;}
.service:hover .service_icon::before {transform: scale(1.2);}
.service_icon::before {content: "";border-radius: 50%;background: #ed7916;opacity: 0.1;position: absolute;left: -10px;top: -10px;width: 110px;height: 110px;z-index: 1 !important;right: 0;
margin: 0 auto;z-index: -1;-webkit-transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;-ms-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}

.bg-success{background: rgb(39,185,72);
background: linear-gradient(190deg, rgba(39,185,72,1) 0%, rgba(10,124,36,1) 100%);}

.social_link {margin: 0;padding: 0px;}
.social_link li {margin: 0 10px 0 0;padding: 0px;text-align: center;list-style: none;display: inline-block;}
.social_link li .fa {font-size: 20px;}
.social_link li a{color: #fd6c16;background: #fff;width: 40px;height: 40px;line-height: 44px;display: inline-block;text-align: center;border-radius: 50%;box-shadow: 1px 2px 4px 2px #eaeaea;}
.social_link li a:hover{background: #fd6c16; color:#fff;}

footer{background: #f9f9f9;font-size:14px;}
footer a{color: #333;}
footer a:hover{color: #000;}
footer .play_store{max-height: 40px; max-width:100%;}
footer .qrquote_img{max-width:100%; max-height:100px;}
.satisfied_clients{background:url(../images/satisfied_clients.jpg) no-repeat 0 0/cover; padding:150px 0;}
.bg-light {background-color: #f4f4f4 !important;}

.banner{position:relative;}
.banner .banner_down{background: #fff;position: relative;top: -115px;min-height: 230px;padding:20px 40px;max-width: 780px;width: 92%;border-radius: 10px 10px 0 0;}

.carousel-indicators {bottom: 70px;}
.carousel-indicators li{width: 14px;height: 14px; border-radius:50%; overflow:hidden; background:#fd6c16 !important;border: 0;}


/*Login*/
.login_logo{max-width:100%; max-height: 100px;}
.login_page_bg {
    background: url(../../Content/image/etzarj.jpg) no-repeat 0 0/cover;
}
.login-page, .register-page {height: 100vh;display: table;width: 500px;margin: auto;padding: 0px 0;}
.login-box, .register-box {display: table-cell;margin: auto;vertical-align: middle !important;}
.login-box-body, .register-box-body {padding: 20px;border-radius: 16px;overflow: hidden;background: #fff;border-top: 0;color: #333;margin: 20px;box-shadow: 0 12px 34px 0 rgba(9, 39, 57, 0.2) !important;}
.login-box-body .form-control {background: #fff;height: 40px;border-radius: 20px !important;font-size: 16px;padding: 5px 12px 5px 42px; border: solid 1px #e2e2e2;}
.login-box-body .user_icon{position: absolute;top: 12px;left: 34px;z-index: 9;color: #b3b3b3;}
.login-box-body .show_pass{position: absolute;top: 12px;right: 34px;z-index: 9;color: #b3b3b3;}

.btn_login {border: none;border-radius: 100px;height: 46px;line-height: 46px;padding: 0;font-size: 16px;color: #fff;cursor: pointer;text-align:center;text-transform: uppercase;display: inline-block;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;background-size: 200% auto;}
.btn_login {background-image: linear-gradient(to left, #fd6c16 0%, #ff995c 51%, #ff7f33 100%);}
.btn_login:hover {color: #fff !important;background-position: right center;}

.btn_login_blue {border: none;border-radius: 100px;height: 46px;line-height: 46px;padding: 0;font-size: 16px;color: #fff;cursor: pointer;text-align:center;text-transform: uppercase;display: inline-block;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;background-size: 200% auto;}
.btn_login_blue {background-image: linear-gradient(to left, #0c7ad1 0%, #03a9f4 51%, #00bcd4 100%)}
.btn_login_blue:hover {color: #fff !important;background-position: right center;}
.login-box .copyright_text{font-size: 13px;color: #fff;}