@import url("normalize.css");

@import url("reset.css");

@import url("form.css");

@import url("style-for-slider.css");

@import url("bootstrap.css");

@import url("font-awesome.min.css");



html,

body{

  background-image: url("../img/business-office-work-1500x1001.jpg");

  background-attachment: fixed;

  background-color: #fff;

  color: #4bb7d6;

  font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  overflow-x:hidden; 

}



.animate span{

  opacity: 0;

  transition: 0.3s;

  transform: translateY(60px);

  display: inline-block;

}

span.show-animation{

  opacity: 1;

  transform: translateY(0px);

}

.white_bg{

  background-color: #fff;

}

/*HEADER*/

.fix{

  position: fixed;

  width: 100%;

  z-index: 1000;

}

.title_top_text{

  color: #4bb7d6;

  font-size: 20px;

  font-weight: 600;

  margin: 10px auto;

}

.title_top_text:hover{

  border-bottom: solid 1px #4bb7d6;

  color: #4bb7d6;

   box-shadow: 0 6px 4px -4px #4bb7d6;

}

.header_bg{

  background: url("../img/header_bg.jpg") ;

  background-attachment: fixed;

  background-size: cover;

  background-repeat: no-repeat;

  height: 100vh;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;



}

h1.title_selling{

  font-size: 46px;

  text-transform: uppercase;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  padding: 10px;

  background: rgba(0, 0, 0, 0.8);

}

.dark-overly{

  position: absolute;

  background: rgba(0, 0, 0, 0.8);

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 0;

}

p.title_selling{

  font-size: 18px;

  padding: 10px;

  background: rgba(0, 0, 0, 0.8);

  

}

[data-action="bounce-animation"]{

  transform: translateX(-1000%);

  opacity: 0;

}

[data-action="bounce-animation"].bounceInLeft{

  animation: bounceInLeft 3s forwards;

}

[data-fade="bounce-left"]{

  transform: translateX(-1000%);

  opacity: 0;

}

[data-fade="bounce-right"]{

  transform: translateX(-1000%);

  opacity: 0;

}

[data-fade="bounce-right"].bounceInRight{

 animation: bounceInRight 3s forwards;

}

[data-fade="bounce-left"].bounceInLeft{

  animation: bounceInLeft 3s forwards;

}

.title_selling{

    margin: 0 0 1px 0;

    padding: 7px 15px;

    display: inline-block;

}



.rel{

  position: relative;

}

.abs{

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  z-index: 1

}



/*CONTENT*/

.icon_box{

    min-width: 74px;

    max-width: 74px;

    min-height: 74px;

    max-height: 74px;

    font-size: 27px;

    line-height: 72px;

    border-style: solid;

    border-width: 1px;

    border-radius: 500px;

    text-align: center;

    margin-right: 22px;

    background-color: #11abd6;

    color: #ffffff;

}

.pad_category{

  padding: 70px 0;

}

.title_categopy{

  color:#4bb7d6;

  font-size: 16.22px;

  font-weight: 600;

  text-transform: uppercase;

}

.title_categopy:hover{

  color:#4bb7d6;

}

.title_categopy_min{

  font-size: 18px;

  margin: 15px 0 0;

}

.gray_bg{

  background-color: #f4f4f4;

  padding: 50px 0;

  border-bottom:solid 1px #ccc;

}

.gray_bg h2, .chooze_us h2, .can_help h2{

  font-size: 46px;

  font-weight: 400;

  margin: auto;

}

.chooze_us h2{

  padding-bottom: 30px;

}

.can_help h2{

  text-align: center;

}

.gray_bg .title_selling, .chooze_us .title_selling{

  margin: auto;

  text-align: center;

  background-color: transparent;

  line-height: 1;

}

.chooze_us .title_selling{

  width: 60%;

}

.chooze_us .title_selling{

  margin: 50px auto;

}

.blue_line{

    width: 50px;

    margin: 38px auto;

    background-color: #11abd6;

}

.buy_sell{

  font-size: 24px;

}

.gray_bg ul li, .can_help ul li{

  font-size: 18px;

}

.can_help{

  padding: 130px 0;

}

.gray_bg ul li span, .can_help ul li span{

  margin-left: 15px;

}

.far{

  font-weight: 900;

}

.chooze_us{

  /*background-image: url("../img/business-office-work-1500x1001.jpg");*/

  background-position-y: 68%;

  background-repeat: no-repeat;

}

.opasity{

  background-color: rgba(0, 0, 0, 0.8);

  padding: 130px 0;

  min-width: 100%;

}

.lict_help{

  max-width: 550px;

  margin: auto;

}

.bottom_text{

  font-size: 18px;

  font-weight: 600;

  color: #109bc5;

}

.wrap_bot_text{

  padding: 50px 0;

}

footer{

  background-color: #11abd6;

  width: 100%;

  padding: 15px 50px;

}

.logo_bg{

  background-color: #fff;
  width: 200px;
  padding: 10px;
  border-radius: 5px;

}

.footer_text{

  padding-left: 20px;

  color:#fff;

  font-size: 11px;

}

.footer_text a{

  color:#fff;

  font-size: 11px;

}

.text-block {

  width: 250px;

  margin: 50px;

}

.b-top {

  z-index:2600;

  position:fixed;

  left:0;

  bottom:90px;

  width:34%;

  margin-left:50%;

  opacity: 0.5;

  filter:alpha(opacity=50);

}

.b-top:hover {

  opacity:1;

  filter:alpha(opacity=100);

  cursor:pointer;

}

.b-top-but {

  width: 50px;

  height: 50px;

  z-index:2600;

  position:absolute;

  display:block;

  left:56px;

  bottom:0;

  margin:0 0 0 100%;

  padding: 10px 16px 4px;

  color:white;

  background:#0a7998 no-repeat ;

  border-radius:4px;

}

#scroller .fa-angle-up{

  font-size: 30px;

}

.text-upper{

  text-transform: uppercase;

}

@keyframes bounceInLeft{

  0% {

    transform: translateX(-1000%);

    opacity: 0;

  }

  25%{

    transform: translateX(20px);

  }

  50%{

    transform: translateX(-10px);

  }

  100%{

    transform: translateX(0px);

    opacity: 1;

  }

}

@keyframes bounceInRight{

  0% {

    transform: translateX(1000%);

    opacity: 0;

  }

  25%{

    transform: translateX(20px);

  }

  50%{

    transform: translateX(-10px);

  }

  100%{

    transform: translateX(0px);

    opacity: 1;

  }

}
@media only screen and (max-width: 767px){

    h1.title_selling{

      font-size: 20px;

    }

    .rel{

      position: relative;

      top: 41%;

      left: 0;

    }

    .gray_bg h2, .chooze_us h2, .can_help h2{

      font-size: 32px;

    }

}