@import url('https://fonts.googleapis.com/css?family=Cairo:300,400,600,700,900&display=swap');
/*@font-face {
  font-family: 'DINNextLTW23-Regular';
  src: url('../fonts/DINNextLTW23-Regular/DINNextLTW23-Regular.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/DINNextLTW23-Regular/DINNextLTW23-Regular.woff') format('woff'), 
       url('../fonts/DINNextLTW23-Regular/DINNextLTW23-Regular.ttf')  format('truetype'), 
       url('../fonts/DINNextLTW23-Regular/DINNextLTW23-Regular.svg#DINNextLTW23-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINNextLTW23-Bold';
  src: url('../fonts/DINNextLTW23-Bold/DINNextLTW23-Bold.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/DINNextLTW23-Bold/DINNextLTW23-Bold.woff') format('woff'), 
       url('../fonts/DINNextLTW23-Bold/DINNextLTW23-Bold.ttf')  format('truetype'), 
       url('../fonts/DINNextLTW23-Bold/DINNextLTW23-Bold.svg#DINNextLTW23-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINNextLTW23-Medium';
  src: url('../fonts/DINNextLTW23-Medium/DINNextLTW23-Medium.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/DINNextLTW23-Medium/DINNextLTW23-Medium.woff') format('woff'), 
       url('../fonts/DINNextLTW23-Medium/DINNextLTW23-Medium.ttf')  format('truetype'), 
       url('../fonts/DINNextLTW23-Medium/DINNextLTW23-Medium.svg#DINNextLTW23-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINNextLTW23-Heavy';
  src: url('../fonts/DINNextLTW23-Heavy/DINNextLTW23-Heavy.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/DINNextLTW23-Heavy/DINNextLTW23-Heavy.woff') format('woff'), 
       url('../fonts/DINNextLTW23-Heavy/DINNextLTW23-Heavy.ttf')  format('truetype'), 
       url('../fonts/DINNextLTW23-Heavy/DINNextLTW23-Heavy.svg#DINNextLTW23-Heavy') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
/* Let's get this party started */

::-webkit-scrollbar {

    width: 6px;

    background: #f6f6f6 ;

}
/* Track */

::-webkit-scrollbar-track {

    border-radius: 0px;

}

/* Handle */

::-webkit-scrollbar-thumb {

    background: #1901e8; 

}
::-webkit-scrollbar-thumb:window-inactive {

  background: #1901e8; 

}
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}
html{
  direction: rtl;
}
body{
    font-family: 'Cairo', sans-serif;
    background-color: #fff;
    font-size:12px;
    font-weight:400;
    text-align: right;
}
ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Cairo', sans-serif;
  font-weight: normal;
  font-style: normal;
  margin: 0;
}
p{
  margin:0;
}
html,
button,
input,
select,
textarea {
  color: #222;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
img {
  vertical-align: middle;

}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}


a,button,.btn {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

p{
  margin: 0;
}
a {
  cursor: pointer !important;
  text-decoration: none !important;
}
a:hover,a:active,a:focus,a:visited{
  text-decoration: none !important;
}

input, textarea, a, button {
  outline: none !important;
  text-decoration: none;
}

.margin-auto{
  margin: 0 auto;
  float: none !important;
}

/* img hover */
.img-hover {
  overflow: hidden;
  display: block;
}

.img-hover > img {
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

img{
  max-width: 100%;
}
/* end img hover */
.main-wrapper {
  position: relative;
  min-height: 100%;
}
.main-wrapper {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
}
.section_features{
  padding: 100px 0 150px;
}
.feature_item{
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}
.feature_thumb{
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 200px;
  text-align: center;
}
.feature_thumb > img{
  margin: auto;
  height: 200px;
}
.feature_txt{
  margin-top: 25px;
}
.feature_txt > h3{
  color: #1901e8;
  font-size: 28px;
  font-weight: 700;
}
.feature_txt p{
  color: #3f3d56;
  font-size: 16px;
  margin-top: 20px;
}
#footer{
  position: relative;
  padding: 50px 0 25px;
  background: rgba(25,1,232,1);
  background: -moz-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(25,1,232,1)), color-stop(100%, rgba(6,192,255,1)));
  background: -webkit-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -o-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -ms-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: linear-gradient(to right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ed0ec', endColorstr='#0e5a90', GradientType=1 );
}
.f_box{
  margin-bottom: 20px;
}
.f_logo > a{
  display: inline-block;
}
.f_about{
  margin-top: 20px;
  color: #ffffff;
  font-size: 16px;
  text-align: justify;
}
.copy_right{
  text-align: center;
  color: #ffffff;
  font-size: 16px;
}
.f_box > h2{
  color: #ffffff;
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: 700;
}
.f_menu li{
  display: block;
  margin-bottom: 10px;
}
.f_menu li > a{
  display: inline-block;
  position: relative;
  padding-right: 25px;
  color: #ffffff;
  font-size: 16px;
}
.f_menu li > a:before{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.f_menu li > a:hover{
  color: #3f3d56;
}
.f_menu li > a:hover:before{
  background-color:#3f3d56; 
}
@media (min-width: 992px){
  .offset-lg-1 {
      margin-right: 8.333333%;
      margin-left: 0;
  }
}
.mail_txt{
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 20px;
}


.form_scribe .form-group{
  position: relative;
}
.form_scribe .form-control{
  background-color: #ffffff;
  border-radius: 10px;
  height: 50px;
  border:0;
  -webkit-box-shadow: 2px 0px 24px 0px rgba(30,30,30,0.16);
  -moz-box-shadow: 2px 0px 24px 0px rgba(30,30,30,0.16);
  box-shadow: 2px 0px 24px 0px rgba(30,30,30,0.16);
  padding-right: 70px;
  color: #1901e8;
  font-size: 16px;
}
.mail_icon{
  position: absolute;
  top: 10px;
  right: 20px;
  background-repeat: no-repeat;
  background-image: url(../images/letter.svg);
  background-size: 30px;
  width: 30px;
  height: 30px;
}
.form_scribe .form-control::-moz-placeholder {
  color: #1901e8;
  font-size: 16px;
}

.form_scribe .form-control:-ms-input-placeholder {
  color: #1901e8;
  font-size: 16px;
}

.form_scribe .form-control::-webkit-input-placeholder {
  color: #1901e8;
  font-size: 16px;
}
.social_icons{
  float: left;
}
.social_icons > li{
  float: right;
  margin-left: 10px;
}
.social_icons > li > a{
  display: block;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 18px;
  color: #fff;
  background-color: transparent;
  color: #fff;
  border-radius: 50%;
}
.social_icons > li > a:hover{
  background-color: #1901e8;
}
.section_order{
  padding: 100px 0 50px;
  background-color: #f8f8f8;
}
.sec_head{
  text-align: center;
}
.sec_head h2{
  color: #1901e8;
  font-size: 30px;
  font-weight: 700;
}
.sec_head p{
  margin-top: 20px;
  color: #06c0ff;
  font-size: 18px;
}
.sec_head{
  margin-bottom: 50px;
}

.form_st1 .form-group{
  position: relative;
  margin-bottom: 25px;
}
.form_st1 .form-control{
  background-color: #ffffff;
  border-radius: 10px;
  height: 50px;
  border:0;
  -webkit-box-shadow: 2px 0px 24px 0px rgba(30,30,30,0.16);
  -moz-box-shadow: 2px 0px 24px 0px rgba(30,30,30,0.16);
  box-shadow: 2px 0px 24px 0px rgba(30,30,30,0.16);
  padding-right: 70px;
  color: #1901e8;
  font-size: 16px;
}
.fm_icon{
  position: absolute;
  top: 10px;
  right: 20px;
  background-repeat: no-repeat;
  background-size: 30px;
  width: 30px;
  height: 30px;
}
.fm_comp{
  background-image: url(../images/questionnaire.svg);
}
.fm_name{
  background-image: url(../images/business-contact-86.svg);
}
.fm_serv{
  background-image: url(../images/e-reader.svg);
}
.fm_email{
  background-image: url(../images/letter.svg);
}
.fm_phone{
  background-image: url(../images/phone-call.svg);
    background-color: #1901e8;
    border-radius: 50%;
    background-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
}
}
.fm_message{
  background-image: url(../images/f-chat.svg);
}
.form_st1 .form-control::-moz-placeholder {
  color: #1901e8;
  font-size: 16px;
}

.form_st1 .form-control:-ms-input-placeholder {
  color: #1901e8;
  font-size: 16px;
}

.form_st1 .form-control::-webkit-input-placeholder {
  color: #1901e8;
  font-size: 16px;
}

.form_st1 textarea.form-control{
  height: 120px;
  resize: vertical;
  resize: none;
  padding-top: 10px;
}
.submit_request{
  margin-top: 10px;
}
.btn_blue{
  padding-right: 20px;
  padding-left: 20px;
  height: 50px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  border-radius: 10px;
  border:0;
  outline: none !important;
  -webkit-box-shadow: 0px 9px 22px 0px rgba(14,89,144,0.6);
  -moz-box-shadow: 0px 9px 22px 0px rgba(14,89,144,0.6);
  box-shadow: 0px 9px 22px 0px rgba(14,89,144,0.6);
  -ms-transform: translate(0,0); /* IE 9 */
  -webkit-transform: translate(0,0); /* Safari */
  transform: translate(0,0); /* Standard syntax */
  background: rgba(25,1,232,1);
  background: -moz-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(25,1,232,1)), color-stop(100%, rgba(6,192,255,1)));
  background: -webkit-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -o-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -ms-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: linear-gradient(to right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#326aaf', endColorstr='#27e9ff', GradientType=1 );
}
.btn_blue:hover,.btn_blue:focus{
  -webkit-box-shadow: 0px 9px 22px 0px rgba(14,89,144,0.7);
  -moz-box-shadow: 0px 9px 22px 0px rgba(14,89,144,0.7);
  box-shadow: 0px 9px 22px 0px rgba(14,89,144,0.7);
  -ms-transform: translate(0,-10px); 
  -webkit-transform: translate(0,-10px); 
  transform: translate(0,-10px); 
  background: rgba(25,1,232,1);
  background: -moz-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  background: -webkit-gradient(right top, right top, color-stop(0%, rgba(25,1,232,1)), color-stop(100%, rgba(6,192,255,1))) !important;
  background: -webkit-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  background: -o-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  background: -ms-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  background: linear-gradient(to left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#326aaf', endColorstr='#27e9ff', GradientType=1 ) !important;
}
.btn_blue > img{
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  width: 22px;
}

.section_services{
  padding: 100px 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/bg_serv.png);
  background-size: 100% auto;
  background-position: bottom;
}
.section_services .sec_warpper{
  padding: 0 20px;
}

.service_item{
  position: relative;
  margin-bottom: 30px;
  background-color: transparent;
  border:1px solid transparent;
  border-radius: 8px;
  padding: 5px 20px 30px;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service_item:hover{
  border-color:#ebebeb;
  background-color: #ffffff;
}
.serv_thumb{
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 150px;
  text-align: center;
}
.serv_thumb > img{
  margin: auto;
  max-height: 100%;
}
.serv_txt{
  margin-top: 30px;
}
.serv_txt > h2{
  color: #06c0ff;
  font-size: 20px;
  font-weight: 700;
}
.serv_txt > p{
  color: #3f3d56;
  font-size: 16px;
  margin-top: 20px;
  line-height: 25px;
  height: 75px;
  overflow: hidden;
}
.serv_txt .btn_blue{
  display: inline-block;
  height: auto;
  border-radius: 30px;
  padding: 8px 20px 10px;
  font-size: 16px;
  margin-top: 20px;
}
.serv_txt .btn_blue:hover,.serv_txt .btn_blue:focus{
  color: #fff;
}
.section_work{
  padding: 100px 0 20px;
}
.tabs-select{
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 30px;
}
.navtabs{
  display: table;
  margin: auto;
  text-align: center;
}
.navtabs > li{
  float: right;
}
.navtabs > li{
  display: block;
  color: #000000;
  font-size: 18px;
  cursor: pointer;
  position: relative;
  padding: 0 20px 10px;
  margin-left: 10px;
}
.navtabs > li:last-child{
  margin-left: 0;
}
.navtabs > li:before{
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 2px;
  background-color: #4c4c4c;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.navtabs > li.active:before,.navtabs > li:hover:before{
  width: 100%;
}

#show-list .mix{
    display: none;
}

#show-list .row{
  margin: 0;
}
#show-list .col-md-4{
  padding: 0;
}

.work_item{
  position: relative;
}
.work_thumb{
  position: relative;
  display: block;
}
.work_thumb > img{
  width: 100%;
}
.overlay_work{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.overlay_work:before {
    border-left: 15px solid #f4d5d3;
    border-right: 15px solid #f4d5d3;
    bottom: 0px;
    content: "";
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 6;
    transform: scale(1, 0);
}
.overlay_work:after {
    border-bottom: 15px solid #f4d5d3;
    border-top: 15px solid #f4d5d3;
    bottom: 0px;
    content: "";
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 6;
    transform: scale(0, 1);
}
.work_item:hover .overlay_work{
  opacity: 1;
}
.work_item:hover .overlay_work:before {
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.work_item:hover .overlay_work:after {
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.txt_work{
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  padding: 10px;
  text-align: center;
  z-index: 7;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
}
.work_item:hover .txt_work{
  top: 50%;
  opacity: 1;
}
.txt_work > h3{
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
}
.txt_work > h3 > a{
  display: inline-block;
  color: #fff;
}
.txt_work > p{
  color: #ffffff;
  font-size: 15px;
  margin-top: 20px;
  line-height: 25px;
  height: 50px;
  overflow: hidden;
}
.work_action{
  position: relative;
  margin-top: 20px;
  padding-top: 20px;
  display: table;
  margin-left: auto;
  margin-right: auto;
  border-top:1px solid #fff;
}
.work_action > li{
  float: left;
  margin-right: 20px;
}
.work_action > li:last-child{
  margin-right: 0;
}
.work_action > li > a{
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #fff;
  color: #000;
  font-size: 16px;
  line-height: 35px;
}

.work_action > li > a:hover{
  background-color: #1901e8;
  color: #fff;
}

.section_clients{
  position: relative;
  padding: 100px 0;
}
.section_clients .sec_head{
  padding-right: 100px;
  text-align: right;
}
.section_clients .sec_head p{
  margin-top: 35px;
}
.client_item{
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100px;
  text-align: center;
}
.client_item > img{
  margin: auto;
  max-height: 100%;
  width: auto !important;
}
#clients_slider .owl-nav{
  text-align: center;
  margin-top: 20px;
}
#clients_slider .owl-nav > button{
 
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #1901e8;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  margin-left: 20px;
}
/*#clients_slider .owl-nav > button.owl-prev{
  right:100px;
}
#clients_slider .owl-nav > button.owl-next{
  left:100px;
}*/
#clients_slider .owl-nav > button:last-child{
  margin-left: 0;
}
.client_block{
  padding-top: 45px;
}
#clients_slider .owl-nav > button:hover{
  color: #fff;
  background-color: #26c5e9;
}

#clients_slider .owl-dots > button{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #1901e8 !important;
  margin: 4px;
  cursor: pointer;
}
#clients_slider .owl-dots > button.active{
  background-color: #26c5e9 !important;
}
#clients_slider .owl-dots{
  text-align: center;
  margin-top: 20px;
  display: none !important;
}
.section_about{
  padding: 80px 0 250px;
  position: relative;
  background: rgba(252,252,252,1);
  background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(255,255,255,0.03) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(100%, rgba(255,255,255,0.03)));
  background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(255,255,255,0.03) 100%);
  background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(255,255,255,0.03) 100%);
  background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(255,255,255,0.03) 100%);
  background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(255,255,255,0.03) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ffffff', GradientType=0 );
}




.section_systems{
  position: relative;
  background: rgba(6,192,255,1);
  background: -moz-linear-gradient(left, rgba(6,192,255,1) 0%, rgba(25,1,232,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(6,192,255,1)), color-stop(100%, rgba(25,1,232,1)));
  background: -webkit-linear-gradient(left, rgba(6,192,255,1) 0%, rgba(25,1,232,1) 100%);
  background: -o-linear-gradient(left, rgba(6,192,255,1) 0%, rgba(25,1,232,1) 100%);
  background: -ms-linear-gradient(left, rgba(6,192,255,1) 0%, rgba(25,1,232,1) 100%);
  background: linear-gradient(to right, rgba(6,192,255,1) 0%, rgba(25,1,232,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e5a90', endColorstr='#5ed0ec', GradientType=1 );
}
.section_systems:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-image: url(../images/2.png);
  background-size: contain;
  background-position: 0 30px;
}
.section_systems .container-fluid{
  padding: 0;
  margin: 0;
}
.section_systems .container-fluid > .row{
  margin: 0;
}
.section_systems .container-fluid > .row .col-lg-4{
  padding: 0;
}
.section_systems .container-fluid > .row .col-lg-8{
  padding: 0;
}

.system_head{
  padding: 100px 0 30px;
}
.system_head h2{
  color: #ffffff;
  font-size: 32px;
  font-weight: 700;
}
.system_head p{
  color: #ffffff;
  font-size: 16px;
  margin-top: 15px;
  line-height: 25px;
}
.system_head .row{
  margin: 0;
}
.system_head .col-lg-5{
  padding: 0;
}
.system_item{
  position: relative;
  background-color:#ffffff;
  border-radius: 8px;
  padding: 20px 20px 35px 20px;
  -webkit-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.12);
  -moz-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.12);
  box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.12);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 277px;
  overflow: hidden;
}
.system_item:hover{
  height: 330px;
  padding-bottom: 28px;
}
#systems_slider .item{
  padding: 15px 10px;
}
.sys_thumb{
  position: relative;
}
.sys_thumb > a{
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 120px;
  text-align: center;
}
.sys_thumb > a > img{
  margin: auto;
  max-height: 100%;
  width: auto !important;
}
.sys_txt{
  margin-top: 25px;
}
.sys_txt > h2{
  color: #06c0ff;
  font-size: 18px;
  font-weight: 700;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
}
.sys_txt > h2 > a{
  display: inline-block;
  color: #06c0ff;
}
.sys_txt > p{
  color: #3f3d56;
  font-size: 16px;
  line-height: 25px;
  height: 50px;
  overflow: hidden;
  margin-top:5px;
}
.btn_blue > img{
  width: 20px !important;
  display: inline-block !important;
}

.sys_txt .btn_blue{
  display: table;
  margin: auto;
  height: auto;
  border-radius: 30px;
  padding: 8px 20px 10px;
  font-size: 15px;
  margin-top: 20px;
  opacity: 0;
  display: none;
  visibility: hidden;
}
.system_item:hover .sys_txt .btn_blue{
  opacity: 1;
  visibility: visible;
  display: table;
}
.sys_txt .btn_blue:hover{
  color: #fff;
}
#systems_slider .owl-stage {
    right: -80px;
    left: auto;
}

#systems_slider .owl-nav{
  position: absolute;
  top: -90px;
  left: 15%;
}

#systems_slider .owl-nav > button{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #1901e8;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  margin-left: 20px;
}
#systems_slider .owl-nav > button:last-child{
  margin-left: 0;
}

#systems_slider .owl-nav > button:hover{
  color: #fff;
  background-color: #26c5e9;
}

#systems_slider .owl-dots > button{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #1901e8 !important;
  margin: 4px;
  cursor: pointer;
}
#systems_slider .owl-dots > button.active{
  background-color: #26c5e9 !important;
}
#systems_slider .owl-dots{
  text-align: center;
  margin-top: 20px;
  display: none !important;
}
.system_slider_block{
  padding-bottom: 20px;
  padding-right: 15px;
  height: 380px;
}

.system_thumb > img{
  max-width: 130%;
}
.about_block_txt{
  position: relative;
  padding-top: 40px;
}
.about_block_txt > h3{
  color: #3f3d56;
  font-size: 24px;
}
.about_block_txt > h2{
  color: #1901e8;
  font-size: 32px;
  margin-top: 20px;
  font-weight: 700;
}
.about_block_txt > p{
  color: #3f3d56;
  font-size: 17px;
  margin-top: 25px;
}
.about_thumb_group{
  position: relative;
  margin-top: -130px;
}
.about_mthumb{
  position: relative;
  display: inline-block;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.2);
}
.about_mthumb:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/shab1.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.about_sthumb{
  position: absolute;
  bottom: -70px;
  left: 30px;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.2);
}
.about_sthumb:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/shab2.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.about_exper{
  width: 220px;
  padding: 60px 35px;
  background-repeat: no-repeat;
  background-image: url(../images/bg7.png);
  background-size: cover;
  border-radius: 8px;
  z-index: 2;
  position: absolute;
  bottom: -150px;
  right: 100px;
  -webkit-box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.2);
}
.about_exper > h3{
  color: #fff;
  font-weight: 700;
  font-size: 22px;
}
.about_exper > h3 > span{
  display: inline-block;
  width: 45px;
  height:45px;
  border-radius: 50%;
  background-color: #338fb6;
  text-align: center;
  line-height: 45px;
}
.order__now{
  display: block;
  margin-top: 35px;
  color: #fff;
  font-size: 18px;
}
.order__now > img{
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  width: 18px;
}
.order__now:hover{
  color: #fff;
}

.section_home_slide{
  position: relative;
  background-repeat: no-repeat;
  background-image: url(../images/bg_home.png);
  background-size: cover;
  padding: 70px 0;
}
.slide_txt{
  padding-top: 200px;
  padding-right: 20px;
}
.slide_thumb{
  position: relative;
}
.ss_img{
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.mm_img{
  position: relative;
  z-index: 1;
  left: 25px;
}
.slide_txt > h2{
  color: #06c0ff;
  font-size: 38px;
  font-weight: 700;
  line-height: 52px;
}
.slide_txt > p{
  color: #ffffff;
  font-size: 15px;
  margin-top: 25px;
  line-height: 28px;
  height: 84px;
  overflow: hidden;
}
.slide_txt .btn_blue {
    display: inline-block;
    border-radius: 30px;
    padding: 8px 30px 10px;
    font-size: 15px;
    margin-top: 30px;
    height: auto;
}
.slide_txt .btn_blue:hover{
  color: #fff;
}
.slide_item{
  padding-bottom: 20px;
}
#homeSlider .owl-nav > button{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: transparent;
  border:2px solid #1901e8;
  color: #1901e8;
  font-size: 28px;
  line-height: 46px;
  text-align: center;
}
#homeSlider .owl-nav > button.owl-prev{
  right: -80px;
}
#homeSlider .owl-nav > button.owl-next{
  left: -80px;
}
#homeSlider .owl-nav > button:hover{
  background-color: #1901e8;
  color: #ffffff;
}
.section_search{
  position: relative;
  background-color: #1901e8;
}
.search_block{
  padding: 35px 0 35px 35px;
}
.form_search{
  position: relative;
}
.form_search .form-control{
  height: 50px;
  background-color: #fff;
  border:0;
  box-shadow: none;
  outline: none;
  border-radius: 8px;
  padding-left: 60px;
  padding-right: 30px;
  color: #1901e8;
  font-size: 18px;
}
.btn_search{
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  border:0;
  box-shadow: none !important;
  outline: none !important;
}
.form_search .form-control::-moz-placeholder {
  color: #1901e8;
  font-size: 18px;
}

.form_search .form-control:-ms-input-placeholder {
  color: #1901e8;
  font-size: 18px;
}

.form_search .form-control::-webkit-input-placeholder {
  color: #1901e8;
  font-size: 18px;
}

.info_address_block{
  display: table;
  width: 100%;
}
.info_item{
  display: table-cell;
  padding: 35px 15px;
}
.info_item:nth-child(2){
  background-color: #06c0ff;
}
.info_icon{
  float: right;
  width: 25px;
}
.info_icon > img{
  width: 20px;
}
.info_txt{
  margin-right: 30px;
}
.info_txt > h3{
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
}
.info_txt > p{
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-top: 5px;
}

.logo_site{
  position: relative;
  float: right;
}
.logo_site > a{
  display: inline-block;
}
.head_left{
  float: left;
}
.main_menu{
  margin-top: 30px;
}
.main_menu > li{
  float: right;
  position: relative;
  margin-left: 30px;
}
.main_menu > li:last-child{
  margin-left: 0;
}
.main_menu > li  > a{
  display: block;
  color: #1901e8;
  position: relative;
  padding-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
}
.main_menu > li  > a:before{
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 3px;
  background-color: #19699c;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.main_menu > li.active  > a:before,
.main_menu > li  > a:hover:before{
  width: 25px;
}

.list_info_top ul > li{
  float: right;
  margin-left: 20px;
  color: #fff;
  font-size: 16px;
  position: relative;
  padding-left: 45px;
}

.list_info_top ul > li > span{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  width: 35px;
  height: 35px;
  background-color: #1901e8;
  border-radius: 50%;
  text-align: center;
  line-height: 33px;
}

.list_info_top ul > li > a{
  color: #ffffff;
}

.list_info_top ul > li > span > img{
  width: 18px;
  margin: auto;
}
.list_info_top{
  float: left;
  position: relative;
  padding: 15px 50px 15px 35px;
  border-bottom-right-radius: 50px;
  background: rgba(85,192,225,1);
  background: -moz-linear-gradient(left, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(85,192,225,1)), color-stop(100%, rgba(25,1,232,1)));
  background: -webkit-linear-gradient(left, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  background: -o-linear-gradient(left, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  background: -ms-linear-gradient(left, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  background: linear-gradient(to right, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55c0e1', endColorstr='#18679c', GradientType=1 );
}

.lang_block{
  position: relative;
  float: left;
  padding: 15px 0 15px 0;
  z-index: 1;
  /*width: 150px;*/
}
.lang_block:before{
  content: '';
  position: absolute;
  right: -45px;
  top: 0;
  border-bottom-right-radius: 50px;
  width: 1000%;
  height: 100%;
  z-index: 0;
  background: rgba(6,192,255,1);
  background: -moz-linear-gradient(left, rgba(6,192,255,1) 0%, rgba(25,1,232,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(6,192,255,1)), color-stop(100%, rgba(25,1,232,1)));
  background: -webkit-linear-gradient(left, rgba(6,192,255,1) 0%, rgba(25,1,232,1) 100%);
  background: -o-linear-gradient(left, rgba(6,192,255,1) 0%, rgba(25,1,232,1) 100%);
  background: -ms-linear-gradient(left, rgba(6,192,255,1) 0%, rgba(25,1,232,1) 100%);
  background: linear-gradient(to right, rgba(6,192,255,1) 0%, rgba(25,1,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#318db8', endColorstr='#18679c', GradientType=1 );

}
.lang_link{
  color: #fff;
  font-size: 16px;
  position: relative;
  padding-left: 45px;
}
.lang_link:hover{
  color: #06c0ff;
}
.lang_link > span{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  width: 35px;
  height: 35px;
  background-color: #1901e8;
  border-radius: 50%;
  text-align: center;
  line-height: 33px;
}
.lang_link > span > img{
  width: 18px;
  margin: auto;
}

#header{
  padding-bottom: 30px;
}
.head__top{
  overflow: hidden;
}
.list_info_top,.lang_block{
  height: 55px;
}


.hamburger {
  width: 40px;
  height: 40px;
  background: transparent;
  border-radius: 5px;
  border: none;
  position: relative;
  z-index: 0;
  float: left;
  padding-left: 2px;
  padding-right: 2px;
  -webkit-transition: background-color .2s linear;
  -ms-transition: background-color .2s linear;
  transition: background-color .2s linear;
  display: none;
  margin-top: 20px;
  border:2px solid #1901e8;
  cursor: pointer;
}
.hamburger:hover{
  background-color:#1901e8;
  border-color: #1901e8;
}
.hamburger:hover span:nth-child(1) {
  transform: translate(0, -2px);
  -webkit-transform: translate(0, -2px);
  -ms-transform: translate(0, -2px);
}

.hamburger:hover span:nth-child(3) {
  transform: translate(0, 2px);
  -webkit-transform: translate(0, 2px);
  -ms-transform: translate(0, 2px);
}

.hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translate(4px, 4px);
  -webkit-transform: rotate(45deg) translate(4px, 4px);
  -ms-transform: rotate(45deg) translate(4px, 4px);
}

.hamburger.active span:nth-child(2) {
  transform: translate(-4px, 0);
  -webkit-transform: translate(-4px, 0);
  -ms-transform: translate(-4px, 0);
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -4px);
  -webkit-transform: rotate(-45deg) translate(4px, -4px);
  -ms-transform: rotate(-45deg) translate(4px, -4px);
}

.hamburger span {
  width: 18px;
  height: 2px;
  border-radius: 10px;
  margin: auto;
  background-color: #1901e8;
  display: block;
  margin-bottom: 4px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.hamburger span:last-child{
  margin-bottom: 0;
}
.hamburger:hover span{
  background-color: #fff;
}
/*mobile menu*/
/*menu*/
.menu-mobile{
  position: fixed;
  right: 0px;
  top: 0px;
  bottom: 0;
  height: 100%;
  width: 250px;
  background: #fff;
  z-index: 1001;
  overflow-y:auto; 
  -webkit-transform:translateX(270px);
  -moz-transform:translateX(270px);
  -ms-transform:translateX(270px);
  -o-transform:translateX(270px);
  transform:translateX(270px);
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
  -webkit-box-shadow: -2px 0 20px 0 rgba(33, 23, 23, 0.68);
  box-shadow: -2px 0 20px 0 rgba(33, 23, 23, 0.68);
}
.brand-area{
  position: relative;
  padding-top: 20px;
}
.close_menu{
  position: absolute;
  top: 0;
  left: 0px;
  font-size: 24px;
  cursor: pointer;
  color: #363636;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background-color: #fff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.close_menu:hover{
  background-color: #767676;
  color: #fff;
}
.brand-area a {
    width:90%;
    height: auto;
    display: block;
    background-size: contain;
    margin: 0px auto 0 auto;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 20px;
}
.brand-area a > img{
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.mmenu > ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.mmenu > ul li a {
    display: block;
    border-bottom: 1px solid rgba(6,48,88,0.1);
    color: #1901e8;
    font-size: 17px;
    padding: 10px;
    transition: all .3s;
}

.mmenu > ul li a > i{
  margin-left: 5px;
}
.mmenu > ul li a:hover {
    background: #1901e8;
    color: #fff;
    border-color: #1901e8;
}
.register-mobile{
  margin-top: 0 !important;
}
.register-mobile li:last-child > a{
  border-bottom: 0;
}
.plusIcon{
  font-size: 14px;
  margin-left: 5px;
}
.m-overlay {
    position: fixed;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #333;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}
.menu-toggle {
    overflow: hidden;
}
.menu-toggle .m-overlay {
    opacity: 0.6;
    visibility: visible;
}
.menu-toggle .menu-mobile {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);

}

.menu-toggle .main-wrapper{

  -webkit-transform:translate3d(-250px,0,0);
  -moz-transform:translate3d(-250px,0,0);
  -ms-transform:translate3d(-250px,0,0);
  -o-transform:translate3d(-250px,0,0);
  transform:translate3d(-250px,0,0);

}
html.menu-toggle{
  overflow: hidden;
}
.mmenu .social-mobile li{
  display: inline-block;
  margin: 5px;
}
.mmenu .social-mobile{
  display: table;
  margin: auto;
  text-align: center;
}
.mmenu .social-mobile li a{
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 30px;
  color: #fff;
  font-size: 16px;
  padding:0;
  text-align: center;
}
.mmenu .social-mobile li a > i{
  margin: 0;
}
.mmenu .social-mobile li a{
  border-bottom: 0;
}
.search_site_xs{
  display: none;
}
#homeSlider .owl-dots{
  display: none !important;
}
#homeSlider{
  padding: 0 30px;
}
.lang_xs li a > span{
  width: 30px;
  height: 30px;
  background-color: #1901e8;
  border-radius: 50%;
  text-align: center;
  line-height: 26px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.lang_xs li a > span > img{
  width: 18px;
}
#header {
    transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
#header.fixed-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.12);
    z-index: 999;
    background-color: #fff;
    padding: 10px 0;
}
#header.fixed-header .head_top_block{
  display: none;
}

#header.fixed-header .logo_site{
  padding: 0;
}
#header.fixed-header .logo_site img{
  width: 140px;
}
#header.fixed-header  .main_menu{
  margin-top: 20px;
}

.main_menu > li > a.mPS2id-highlight-first:before {
    width: 25px;
}

#preloader {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #fff;

    z-index: 9999;

}

#spinner {

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    width: 160px;

    text-align: center;

    transform: translate(-50%,-50%);

}

#preloader #disable-preloader {

    display: block;

    position: absolute;

    right: 30px;

    bottom: 30px;

}

#spinner img{

  width:160px;

}





@-o-keyframes cssload-upDown2 {

  from {

    -o-transform: translateY(29px);

  }

  to {

    -o-transform: translateY(-19px);

  }

}



@-ms-keyframes cssload-upDown2 {

  from {

    -ms-transform: translateY(29px);

  }

  to {

    -ms-transform: translateY(-19px);

  }

}



@-webkit-keyframes cssload-upDown2 {

  from {

    -webkit-transform: translateY(29px);

  }

  to {

    -webkit-transform: translateY(-19px);

  }

}



@-moz-keyframes cssload-upDown2 {

  from {

    -moz-transform: translateY(29px);

  }

  to {

    -moz-transform: translateY(-19px);

  }

}





/* CSS Floation Animation */

.floating {

  -webkit-animation-name: Floatingx;

  -webkit-animation-duration: 3s;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: ease-in-out;

  -moz-animation-name: Floating;

  -moz-animation-duration: 3s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: ease-in-out;

}

@-webkit-keyframes Floatingx {

  from {

    -webkit-transform: translate(0, 0px);

  }

  65% {

    -webkit-transform: translate(0, 15px);

  }

  to {

    -webkit-transform: translate(0, 0px);

  }

}

@-moz-keyframes Floating {

  from {

    -moz-transform: translate(0, 0px);

  }

  65% {

    -moz-transform: translate(0, 15px);

  }

  to {

    -moz-transform: translate(0, 0px);

  }

}

.scaling {

  float: left;

  -webkit-animation-name: scalex;

  -webkit-animation-duration: 3s;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: ease-in-out;

  -moz-animation-name: scale;

  -moz-animation-duration: 3s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: ease-in-out;

}

@-webkit-keyframes scalex {

  from {

    -webkit-transform: scale(0.9);

  }

  65% {

    -webkit-transform: scale(1);

  }

  to {

    -webkit-transform: scale(0.9);

  }

}

@-moz-keyframes scale {

  from {

    -moz-transform: scale(0.9);

  }

  65% {

    -moz-transform: scale(1);

  }

  to {

    -moz-transform: scale(0.9);

  }

}

#preloader h5{

  line-height: 50px;

  font-size: 16px;

  color: #555555;

  font-family: 'Canaro-Bold';

  text-transform: uppercase;

  margin-top: 20px;

}
.system_head,.services_list{
  overflow: hidden;
}


.to-animate,.to-animate1,.to-animate2,.to-animate3,.to-animate4{
  opacity: 0; 
}
.to-animate.fadeInUp,.to-animate1.fadeInUp,.to-animate2.fadeInUp,.to-animate3.fadeInDown,.to-animate4.fadeIn{
  opacity: 1 !important;
}

.to-animate.fadeInUp {
  animation-duration: 1s;
  -webkit-animation-duration:1s;
  animation-delay: 0.2s;
  -webkit-animation-delay:0.2s;
}
.to-animate1.fadeInUp {
  animation-duration: 1s;
  -webkit-animation-duration:1s;
  animation-delay: 0.3s;
  -webkit-animation-delay:0.3s;
}
.to-animate2.fadeInUp {
  animation-duration: 1s;
  -webkit-animation-duration:1s;
  animation-delay: 0.4s;
  -webkit-animation-delay:0.4s;
}
.to-animate3.fadeInDown {
  animation-duration: 1s;
  -webkit-animation-duration:1s;
  animation-delay: 0.4s;
  -webkit-animation-delay:0.4s;
}
.to-animate4.fadeIn {
  animation-duration: 1s;
  -webkit-animation-duration:1s;
  animation-delay: 0.2s;
  -webkit-animation-delay:0.2s;
}


/*.mm_img > img{
  -webkit-animation: illusLevitation 4s ease-in-out infinite alternate;
  animation: illusLevitation 4s ease-in-out infinite alternate;
}*/
@keyframes illusLevitationHorizontalLightv{
  0%{
    transform:translate3d(0,0,0)
  }
  100%{
    transform:translate3d(-15px,-15px,0)
  }
}


@keyframes illusLevitation{
  0%{
    transform:translate3d(0,0,0)
  }
  100%{
    transform:translate3d(0,-25px,0)
  }
}
@keyframes illusLevitationHorizontal{
  0%{
    transform:translate3d(0,0,0)
  }
  100%{
    transform:translate3d(-25px,-25px,0)
  }
}
@keyframes illusLevitationHorizontalLight{
  0%{
    transform:translate3d(0,0,0)
  }
  100%{
    transform:translate3d(-15px,-15px,0)
  }
}
@-webkit-keyframes heartbeat{
  0%,100%,40%,80%{
    -webkit-transform:scale(.8);
    transform:scale(.8)
  }
  20%,60%{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
  }
}
@-moz-keyframes heartbeat{
  0%,100%,40%,80%{
    -moz-transform:scale(.8);
    transform:scale(.8)
  }20%,60%{
    -moz-transform:scale(1.1);
    transform:scale(1.1)
    }
}
@-o-keyframes heartbeat{
  0%,100%,40%,80%{
    -o-transform:scale(.8);
    transform:scale(.8)
  }
  20%,60%{
    -o-transform:scale(1.1);
    transform:scale(1.1)
  }
}
@keyframes heartbeat{
  0%,100%,40%,80%{
    -webkit-transform:scale(.8);
    -moz-transform:scale(.8);
    -o-transform:scale(.8);
    transform:scale(.8)
  }
  20%,60%{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
  }
}

/**====================================
INNER PAGE
======================================**/
.inner_page #header{
  position: relative !important;
  padding-bottom: 10px;
}
.block_topPage_share{
  padding: 50px 0;
}
.topPage_block_content{
  position: relative;
  padding-right: 0px;
}
.page_title{
  color: #1901e8;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
}
.txt_attar p{
  color: #727272;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.sst_box{
  padding: 25px 20px;
  position: relative;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 12px 24px 0px rgba(14,89,144,0.52);
  -moz-box-shadow: 0px 12px 24px 0px rgba(14,89,144,0.52);
  box-shadow: 0px 12px 24px 0px rgba(14,89,144,0.52);
  border-radius: 10px;
  background: rgba(25,1,232,1);
  background: -moz-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(25,1,232,1)), color-stop(100%, rgba(6,192,255,1)));
  background: -webkit-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -o-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -ms-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: linear-gradient(to right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#326aaf', endColorstr='#27e9ff', GradientType=1 );
}
.sst_icon{
  float: right;
  width: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 65px;
  text-align: center;
}
.sst_icon > img{
  width:45px;
  margin: auto;
  max-height: 100%;
}
.sst_txt{
  margin-right: 60px;
}
.sst_txt > p{
  color: #ffffff;
  font-size:30px;
  line-height: 1;
  font-weight: 700;
}
.sst_txt > p > span{
  display: inline-block;
}
.sst_txt > h3{
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
}
.social_share{
  display: none;
}
.social_share li{
  display: block;
  margin-bottom: 10px;
}
.social_share li > a{
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border:2px solid #41a4ca;
  line-height: 36px;
  text-align: center;
  color: #41a4ca;
  font-size: 20px;
  background-color: transparent;
}
.social_share{
  position: absolute;
  top: 0;
  right: 0;
}
.social_share li > a:hover{
  color: #fff;
  border-color: #1901e8;
  background-color: #1901e8;
}
.features_attars{
  padding: 60px 0 0;
  background-color: #f9f9f9;
}
.feature_box{
  position: relative;
  margin-bottom: 60px;
}
.fett_icon{
  float: right;
}
.fett_icon > img{
  width: 50px;
  height: auto;
}
.fett_txt{
  margin-right: 70px;
}
.fett_txt > h2{
  color: #1901e8;
  font-size: 24px;
  font-weight: 700;
}
.fett_txt > p{
  margin-top: 10px;
  line-height: 22px;
  height: 66px;
  overflow: hidden;
  font-size:16px;
  font-weight: 600;
  color: #727272;
  text-align: justify;
}
.link_fet{
  position: relative;
  margin-top: 20px;
  text-align: left;
}
.link_fet:before{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  width: 80%;
  height: 1px;
  background-color: #06c0ff;
}
.link_fet > a{
  display: inline-block;
  color: #06c0ff;
  font-size: 16px;
  font-weight: 600;
  background-color: #f9f9f9;
  padding-right: 20px;
  position: relative;
  z-index: 1;
}
.link_fet > a > i{
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 20px;
  font-weight: 400;
}
.link_fet > a:hover{
  color: #06c0ff;
}
.success_partners{
  padding: 80px 0 50px;
}
.title_line{
  color: #1901e8;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 20px;
}
.title_line:before{
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 35px;
  height: 4px;
  background-color: #06c0ff;
}
.partner_item{
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100px;
  text-align: center;
}
.partner_item > img{
  margin: auto;
  max-height: 100%;
  width: auto !important;
}
#partners_slider .owl-dots{
  text-align: center;
  margin-top: 30px;
}
#partners_slider .owl-dots > button{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ebebeb;
  margin: 3px;
}
#partners_slider .owl-dots > button.active{
  background-color: #c9c9c9;
}
.thumb_ccc{
  position: relative;
  margin-top: -60px;
  margin-left: -15px;
}
.clients__list_box .row{
  margin: 0 -5px;
}
.clients__list_box .col-lg-2{
  padding: 0 5px;
}
.client__box{
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 170px;
  text-align: center;
  border:1px solid #c6c6c6;
  margin-bottom: 10px;
  background-color: #fff;
}
.client__box > img{
  margin: auto;
  max-height: 100%;
  width: auto !important;
}
.clients__block{
  padding: 50px 0;
  background-color: #fdfdfd;
}
.txt_attar ul{
  margin-bottom: 20px;
}
.txt_attar ul li{
  position: relative;
  padding-right: 25px;
  color: #1901e8;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.txt_attar ul li:before{
  content: '';
  position: absolute;
  top: 12px;
  right: 0;
  width: 15px;
  height: 3px;
  background-color: #1901e8;
}
.tabs_head{
  position: relative;
  background: rgba(85,192,225,1);
  background: -moz-linear-gradient(left, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(85,192,225,1)), color-stop(100%, rgba(25,1,232,1)));
  background: -webkit-linear-gradient(left, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  background: -o-linear-gradient(left, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  background: -ms-linear-gradient(left, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  background: linear-gradient(to right, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55c0e1', endColorstr='#18679c', GradientType=1 );
}
.tabs_st1{
  border:0;
}
.nav-tabs.tabs_st1 .nav-item{
  margin: 0;
}
.nav-tabs.tabs_st1 .nav-link{
  border:0;
  border-radius: 0;
  background-color: transparent;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  padding: 18px 25px;
}
.tabs_body{
  padding: 50px 0;
}
.content_txt_tab p{
  color: #727272;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}


.content_txt_tab ul{
  margin-bottom: 20px;
}
.content_txt_tab ul li{
  position: relative;
  padding-right: 25px;
  color: #1901e8;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.content_txt_tab ul li:before{
  content: '';
  position: absolute;
  top: 12px;
  right: 0;
  width: 15px;
  height: 3px;
  background-color: #1901e8;
}
.nav-tabs.tabs_st1 .nav-link.active{
  -webkit-box-shadow: 0px 10px 22px 0px rgba(14,89,144,0.4);
  -moz-box-shadow: 0px 10px 22px 0px rgba(14,89,144,0.4);
  box-shadow: 0px 10px 22px 0px rgba(14,89,144,0.4);
  background: rgba(25,1,232,1);
  background: -moz-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(25,1,232,1)), color-stop(100%, rgba(6,192,255,1)));
  background: -webkit-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -o-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -ms-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: linear-gradient(to right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#326aaf', endColorstr='#27e9ff', GradientType=1 );
}
.accordion_block{
  margin-bottom: 40px;
}
.accordion_head{
  position: relative;
  padding: 8px 20px;
  background: rgba(85,192,225,1);
  background: -moz-linear-gradient(left, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(85,192,225,1)), color-stop(100%, rgba(25,1,232,1)));
  background: -webkit-linear-gradient(left, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  background: -o-linear-gradient(left, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  background: -ms-linear-gradient(left, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  background: linear-gradient(to right, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55c0e1', endColorstr='#18679c', GradientType=1 );
}
.accordion_head > h2{
  float: right;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  margin-top: 8px;
}
.cco_num{
  float: left;
  background-color: #1901e8;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.accordion_block .card{
  background-color: transparent;
  border-radius: 0;
  border:0;
}
.accordion_block .card-header{
  border:0;
}
.accordion_block .card:nth-child(odd) .card-header{
  background-color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
}
.accordion_block .card:nth-child(even) .card-header{
  background-color: #f9f9f9;
  padding-top: 8px;
  padding-bottom: 8px;
}
.accordion_block .btn-link{
  display: block;
  padding: 0;
  color: #06c0ff;
  font-size: 16px;
  font-weight: 600;
  border:0;
  width: 100%;
  text-align: right;
}
.accordion_block .btn-link > span{
  color: #06c0ff;
  position: absolute;
  top: 0;
  left: 0px;
}
.accordion_block .btn-link{
  position: relative;
  padding-left: 30px;
}
.card-body p{
  color:#727272;
  font-size: 16px;
  font-weight: 600;
}
.collapsed .fa-minus:before {
    content: "\f067";
}
.info__box{
  padding: 25px 20px;
  position: relative;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 12px 24px 0px rgba(14,89,144,0.52);
  -moz-box-shadow: 0px 12px 24px 0px rgba(14,89,144,0.52);
  box-shadow: 0px 12px 24px 0px rgba(14,89,144,0.52);
  border-radius: 10px;
  background: rgba(25,1,232,1);
  background: -moz-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(25,1,232,1)), color-stop(100%, rgba(6,192,255,1)));
  background: -webkit-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -o-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -ms-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: linear-gradient(to right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#326aaf', endColorstr='#27e9ff', GradientType=1 );
}
.info__box > h2{
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.info__box > h2 > img{
  display: inline-block;
  width: 25px;
  margin-left:10px;
}
.pp_infoo{
  position: relative;
  padding-right: 30px;
}
.pp_infoo p{
  color: #ffffff;
  font-size: 16px;
}
.page_title{
  margin-bottom: 30px;
}
.pp_infoo:before{
  content: '';
  position: absolute;
  top: 0;
  right: 10px;
  height: 100%;
  width: 1px;
  background-color: #fff;
}

.map_block{
  position: relative;
  height: 580px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 12px 24px 0px rgba(224, 224, 224, 0.7);
  -moz-box-shadow: 0px 12px 24px 0px rgba(224, 224, 224, 0.7);
  box-shadow: 0px 12px 24px 0px rgba(224, 224, 224, 0.7);
  overflow: hidden;
  border-radius: 10px;
}
#googleMap2{
  height: 580px;
}
.box-location{
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 15px 25px;
  transform: translate(-50%,-180%);
  z-index: 9;
  width: 250px;
  border-radius: 50px;
  -webkit-box-shadow: 0px 12px 24px 0px rgba(14,89,144,0.52);
  -moz-box-shadow: 0px 12px 24px 0px rgba(14,89,144,0.52);
  box-shadow: 0px 12px 24px 0px rgba(14,89,144,0.52);
  background: rgba(25,1,232,1);
  background: -moz-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(25,1,232,1)), color-stop(100%, rgba(6,192,255,1)));
  background: -webkit-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -o-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -ms-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: linear-gradient(to right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#326aaf', endColorstr='#27e9ff', GradientType=1 );
}
.box-location:after {
    left: 50%;
    bottom: -24px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #2cafdb;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-top-width: 10px;
    border-right-width: 15px;
    border-bottom-width: 10px;
    border-left-width: 15px;
    z-index: 1;
    -ms-transform: rotate(90deg) translateY(50%);
    -webkit-transform: rotate(90deg) translateY(50%);
    transform: rotate(90deg) translateY(50%);
}
.box-location p{
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}
.block_topPage_share{
  position: relative;
}
.thumb_abs{
  position: absolute;
  top: 40px;
  left: 0;
  width: 45%;
}

.btn_career.btn_blue {
    display: inline-block;
    height: auto;
    border-radius: 30px;
    padding: 8px 35px 10px;
    font-size: 16px;
    margin-top: 20px;
}
.btn_career.btn_blue:hover{
  color: #fff;
}
.ttt_part{
  padding-top: 150px;
  text-align: center;
}
.ttt_part > h2{
  color: #1901e8;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 30px;
}
.ttt_part > p{
  color: #727272;
  font-size: 16px;
}
.head_features_career{
  position: relative;
  background-color: #1901e8;
  padding: 15px 0;
}
.feat_career{
  position: relative;
  margin: 10px 0;
  text-align: center;
}
.feat_career > img{
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  width: 30px;
}
.feat_career > p{
  display: inline-block;
  color: #ffffff;
  font-size:16px;
  font-weight: 600;
}
.ttt_txxt{
  text-align: center;
  color: #06c0ff;
  font-size: 32px;
  font-weight: 700;
}
.body_features_career{
  padding: 30px 0;
}
.modal__head > h2{
  color: #1901e8;
  font-size: 26px;
  font-weight: 700;
}
.modal__head > p{
  color: #1901e8;
  font-size: 16px;
  margin-top: 5px;
}
.modal_career .modal-content{
  padding: 50px 30px;
}

.form_career{
  padding-top: 30px;
}
.form_career.form_st1 .form-control{
  padding-right: 30px;
}

.select2-container--default .select2-selection--single{
  background-color: #ffffff;
  border-radius: 10px;
  height: 50px;
  border: 0;
  -webkit-box-shadow: 2px 0px 24px 0px rgba(30,30,30,0.16);
  -moz-box-shadow: 2px 0px 24px 0px rgba(30,30,30,0.16);
  box-shadow: 2px 0px 24px 0px rgba(30,30,30,0.16);
  color: #1901e8;
  font-size: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 50px;
  padding-right: 30px;
  color: #1901e8;
  font-size: 16px;
  font-weight: 400;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 50px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before{
  color: #a9a9a9;
  font-size: 14px;
  font-weight: 300;
  top: -2px;
}

.select2:hover .select2-selection--single {
    background-color: #ffffff;
    border-radius: 10px;
    height: 50px;
    border: 0;
    -webkit-box-shadow: 2px 0px 24px 0px rgba(30,30,30,0.16);
    -moz-box-shadow: 2px 0px 24px 0px rgba(30,30,30,0.16);
    box-shadow: 2px 0px 24px 0px rgba(30,30,30,0.16);
    color: #1901e8;
    font-size: 16px;
}
.btn_career > img{
  display: inline-block;
  margin-left: 10px;
  width: 12px;
  margin-right: 0;
}

.links_products_head{
  position: relative;
  background: rgba(85,192,225,1);
  background: -moz-linear-gradient(left, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(85,192,225,1)), color-stop(100%, rgba(25,1,232,1)));
  background: -webkit-linear-gradient(left, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  background: -o-linear-gradient(left, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  background: -ms-linear-gradient(left, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  background: linear-gradient(to right, rgba(85,192,225,1) 0%, rgba(25,1,232,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55c0e1', endColorstr='#18679c', GradientType=1 );
}
.menu_links_products{
  text-align: center;
  display: table;
  margin: auto;
}
.menu_links_products > li{
  float: right;
  margin-left: 25px;
}
.menu_links_products > li:last-child{
  margin-left: 0;
}
.menu_links_products > li > a{
  display: block;
  padding: 15px 10px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
}
.links_products_body{
  padding: 40px 0;
}
.desc_product_txt > h2{
  color: #1901e8;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 30px;
}
.desc_product_txt ul li{
  position: relative;
  padding-right: 30px;
  color: #727272;
  font-size: 16px;
  margin-bottom: 5px;
}
.desc_product_txt ul li:before{
  content: '';
  position: absolute;
  top: 12px;
  right: 0;
  width: 18px;
  height: 3px;
  background-color: #41a4ca;
}
.desc_product_thumb{
  position: relative;
  padding-top: 100px;
}
.desc_product_thumb > img{
  float: left;
}
.thumb_ppop{
  -ms-transform: rotate(5deg); /* IE 9 */
  -webkit-transform: rotate(5deg); /* Safari 3-8 */
  transform: rotate(5deg);
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  padding: 15px 30px;
  z-index: 9;
  width: 250px;
  border-radius: 50px;
  -webkit-box-shadow: 0px 12px 24px 0px rgba(14,89,144,0.52);
  -moz-box-shadow: 0px 12px 24px 0px rgba(14,89,144,0.52);
  box-shadow: 0px 12px 24px 0px rgba(14,89,144,0.52);
  background: rgba(25,1,232,1);
  background: -moz-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(25,1,232,1)), color-stop(100%, rgba(6,192,255,1)));
  background: -webkit-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -o-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: -ms-linear-gradient(left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  background: linear-gradient(to right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#326aaf', endColorstr='#27e9ff', GradientType=1 );
}
.thumb_ppop > p{
  color: #fff;
  font-size: 12px;
}
.thumb_ppop:after {
    left: 50%;
    bottom: -24px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #2cafdb;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-top-width: 10px;
    border-right-width: 15px;
    border-bottom-width: 10px;
    border-left-width: 15px;
    z-index: 1;
    -ms-transform: rotate(90deg) translateY(50%);
    -webkit-transform: rotate(90deg) translateY(50%);
    transform: rotate(90deg) translateY(50%);
}
.ppp_icon{
  position: absolute;
  top: -10px;
  right: -10px;
  width: 40px;
}

.accordion_block .btn-link{
  white-space: initial;
}


/**==============================================**/
.shop_page_head .page_title{
  float: right;
}
.result_shop{
  color: #3f3f3f;
  font-size: 16px;
  margin-bottom: 20px;
}
.shop_item{
  position: relative;
  margin-bottom: 30px;
}
.shop_thumb{
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 300px;
  background-color: #f6f6f6;
  text-align: center;
  border-radius: 8px;
  overflow: hidden;
  padding: 10px;
}
.shop_thumb > img{
  max-height: 100%;
  margin: auto;
}
.shop_txt{
  margin-top: 15px;
}
.shop_txt > h2{
  color: #1901e8;
  font-size: 20px;
  font-weight: 700;
}
.shop_txt > h2 > a{
  display: inline-block;
  color: #1901e8;
}
.shop_txt > p{
  color: #535353;
  font-size: 18px;
  margin-top: 10px;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
}
.shop_salary{
  display: block;
  border:1px solid #ececec;
  border-radius: 8px;
  padding: 12px 10px;
  text-align: center;
  -webkit-box-shadow: 0px 9px 22px 0px transparent;
  -moz-box-shadow: 0px 9px 22px 0px transparent;
  box-shadow: 0px 9px 22px 0px transparent;
  margin-top: 20px;
  color: #3f3f3f;
  font-size: 18px;
  font-weight: 600;
  background-color: transparent;
  background-image: none;
}
.shop_salary:hover{
  color: #fff;
  border-color: transparent;
  border:0;
  -webkit-box-shadow: 0px 9px 22px 0px rgba(14,89,144,0.7);
  -moz-box-shadow: 0px 9px 22px 0px rgba(14,89,144,0.7);
  box-shadow: 0px 9px 22px 0px rgba(14,89,144,0.7);
  -ms-transform: translate(0,-10px);
  -webkit-transform: translate(0,-10px);
  transform: translate(0,-10px);
  background: rgba(25,1,232,1);
  background: -moz-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  background: -webkit-gradient(right top, right top, color-stop(0%, rgba(25,1,232,1)), color-stop(100%, rgba(6,192,255,1))) !important;
  background: -webkit-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  background: -o-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  background: -ms-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  background: linear-gradient(to left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#326aaf', endColorstr='#27e9ff', GradientType=1 ) !important;
}
.pagination li{
  display: inline-block;
  margin-left: 15px;
  margin-bottom: 5px;
}
.page-link{
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  background-color: #b3b3b3;
  color: #fff;
  padding: 0;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  font-weight: 700;
  border:0;
  box-shadow: none;
  outline: none;
}
.pagination{
  padding: 40px 0 20px;
}
.page-link.active{
  -webkit-box-shadow: 0px 6px 10px 0px rgba(14,89,144,0.5);
  -moz-box-shadow: 0px 6px 10px 0px rgba(14,89,144,0.5);
  box-shadow: 0px 6px 10px 0px rgba(14,89,144,0.5);
  background: rgba(25,1,232,1);
  background: -moz-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  background: -webkit-gradient(right top, right top, color-stop(0%, rgba(25,1,232,1)), color-stop(100%, rgba(6,192,255,1))) !important;
  background: -webkit-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  background: -o-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  background: -ms-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  background: linear-gradient(to left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#326aaf', endColorstr='#27e9ff', GradientType=1 ) !important;
}
.no_acc{
  color: #c54646;
}

.shop__pro_inner .shop_thumb{
  float: right;
  width: 250px;
}
.shop__pro_inner .shop_txt{
  margin-right: 270px;
}
.shop__pro_inner .shop_txt p{
  color: #0e588e;
  line-height: 28px;
  height: auto;
}
.shop__pro_inner .shop_txt h2{
  font-size: 22px;
}
.shop__pro_inner .shop_txt .shop_salary{
  display: inline-block;
  border: 0;
  margin-top: 40px;
  -webkit-box-shadow: 0px 9px 22px 0px rgba(14,89,144,0.7);
  -moz-box-shadow: 0px 9px 22px 0px rgba(14,89,144,0.7);
  box-shadow: 0px 9px 22px 0px rgba(14,89,144,0.7);
  background: rgba(25,1,232,1);
  color: #fff;
  padding: 10px 60px;
  background: -moz-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  background: -webkit-gradient(right top, right top, color-stop(0%, rgba(25,1,232,1)), color-stop(100%, rgba(6,192,255,1))) !important;
  background: -webkit-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  background: -o-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  background: -ms-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  background: linear-gradient(to left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#326aaf', endColorstr='#27e9ff', GradientType=1 ) !important;
}
.section__related{
  padding: 60px 0;
}
.modal_price .modal-content{
  padding: 50px 30px;
}
.modal_price .sec_head h2{
  font-size: 26px;
}

.main_menu .dropdown-menu{
  margin: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: block !important;
  opacity: 0;
  visibility: hidden;
  min-width: 250px;
  transform: none !important;
  top: 150% !important;
  z-index: 9;
  border:0;
  text-align: right;
  left: auto !important;
  right: 0;
  padding: 0;
  -webkit-box-shadow: 0px 9px 22px 0px rgba(14,89,144,0.7);
  -moz-box-shadow: 0px 9px 22px 0px rgba(14,89,144,0.7);
  box-shadow: 0px 9px 22px 0px rgba(14,89,144,0.7);
  background: rgba(6,192,255,1);
  background: -moz-linear-gradient(left, rgba(6,192,255,1) 0%, rgba(25,1,232,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(6,192,255,1)), color-stop(100%, rgba(25,1,232,1)));
  background: -webkit-linear-gradient(left, rgba(6,192,255,1) 0%, rgba(25,1,232,1) 100%);
  background: -o-linear-gradient(left, rgba(6,192,255,1) 0%, rgba(25,1,232,1) 100%);
  background: -ms-linear-gradient(left, rgba(6,192,255,1) 0%, rgba(25,1,232,1) 100%);
  background: linear-gradient(to right, rgba(6,192,255,1) 0%, rgba(25,1,232,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#318db8', endColorstr='#18679c', GradientType=1 );
}
.main_menu li.dropdown:hover .dropdown-menu{
  opacity: 1;
  visibility: visible;
  top: 100% !important;
}
.main_menu{
  float: left;
}
.logo_site{
  margin-top: -40px;
}
.main_menu .dropdown-menu a{
  display: block;
  padding: 10px 10px;
  border-bottom:1px solid rgba(255,255,255,0.1);
  color: #fff;
  position: relative;
  padding-right: 30px;
}
.main_menu .dropdown-menu li:last-child a{
  border-bottom: 0;
}
.main_menu .dropdown-menu a:hover{
  color:#28def9;
}
.main_menu .dropdown-menu a:before{
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    transition: 0.5s;
}
.main_menu .dropdown-menu a:after{
    content: '';
    background-color: #ffffff;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    transition: 0.5s;
}

.main_menu .dropdown-menu a:hover:after{
  background-color: #28def9;
}
.main_menu .dropdown-menu a:hover:before{
  border-color: #28def9;
}

.main_menu .dropdown-toggle::after{
  font-family: 'Font Awesome 5 Pro';
  content: '\f107';
  border:0;
  vertical-align: 0;
  margin: 0;
  font-weight: 300;
  width: auto;
  height: auto;
  font-size: 18px;
  margin-right: 8px;
  font-size: 24px;
  margin-right: 8px;
  line-height: 1;
  vertical-align: bottom;
}
.shop_filter{
  float: left;
}
.filter_item{
  float: right;
  margin-left: 20px;
  border:1px solid #ebebeb;
  border-radius: 5px;
  padding: 0 10px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-image: none;
  height: 42px;
}
.filter_item:last-child{
  margin-left: 0;
}
.filter_item > label{
  display: inline-block;
  margin: 0;
  color: #3f3f3f;
  font-size: 16px;
  vertical-align: middle;
  position: relative;
  padding-left: 15px;
}
.filter_item > label:before{
  content: '|';
  position: absolute;
  top: -1px;
  left: 0;
}
.filter_item > .form-control{
  display: inline-block;
}
.filter_item .select2-container{
  display: inline-block;
}
.filter_item .select2-container--default .select2-selection--single .select2-selection__rendered{
  color: #3f3f3f;
  font-size: 16px;
  padding-right: 10px;
  line-height: 40px;

}
.filter_item .select2-container--default .select2-selection--single{
  background-color: transparent;
  height: 40px;
  border-radius: 0;
  box-shadow: none;
  color: #3f3f3f;
}
.filter_item .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 40px;
}
.filter_item .select2-container--default .select2-selection--single .select2-selection__arrow b:before{
  content: '';
  background-repeat: no-repeat;
  background-image: url(../images/enlarge.svg);
  width: 12px;
  height: 12px;
  background-size: 12px;
  top: 0;
}

.filter_item:hover{
    color: #fff;
    border-color: transparent;
    border: 0;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(14, 89, 144, 0.48);
    -moz-box-shadow: 0px 5px 15px 0px rgba(14, 89, 144, 0.48);
    box-shadow: 0px 5px 15px 0px rgba(14, 89, 144, 0.48);
    background: rgba(25,1,232,1);
    background: -moz-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
    background: -webkit-gradient(right top, right top, color-stop(0%, rgba(25,1,232,1)), color-stop(100%, rgba(6,192,255,1))) !important;
    background: -webkit-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
    background: -o-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
    background: -ms-linear-gradient(right, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
    background: linear-gradient(to left, rgba(25,1,232,1) 0%, rgba(6,192,255,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#326aaf', endColorstr='#27e9ff', GradientType=1 ) !important;
}
.filter_item:hover label{
  color: #fff;
}
.filter_item:hover .select2-container--default .select2-selection--single .select2-selection__arrow b:before{
  background-image: url(../images/enlargee.svg);
}
.filter_item:hover .select2-container--default .select2-selection--single{
  color: #fff;
}
.filter_item:hover .select2-container--default .select2-selection--single .select2-selection__rendered{
  color: #fff;
}


.select__st1 .select2-container--default .select2-selection--single .select2-selection__rendered{
  padding-right: 70px;
}

.cart{
    height: 30px;
    width: 30px;
    float: left;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    border-radius: 50%;
    background: #1901e8;
    color: #fff;
    margin-top: 25px;
    margin-right: 20px;
	margin-left: 10px;
}


#partners_slider .owl-nav{
  text-align: center;
  margin-top: 40px;
}

#partners_slider .owl-nav > button{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #1901e8;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  margin-left: 20px;
}
#partners_slider .owl-nav > button:last-child{
  margin-left: 0;
}

#partners_slider .owl-nav > button:hover{
  color: #fff;
  background-color: #26c5e9;
}

#partners_slider .owl-dots > button{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #1901e8 !important;
  margin: 4px;
  cursor: pointer;
}
#partners_slider .owl-dots > button.active{
  background-color: #26c5e9 !important;
}
#partners_slider .owl-dots{
  text-align: center;
  margin-top: 20px;
  display: none !important;
}


.work_thumb{
	height: 340px;
}
.work_thumb > img{
	height: inherit;
	min-height: inherit;
	max-height: none;
	object-fit: cover;
}