@font-face {
  font-family: 'Comfortaa-Bold';
  src: url('../fonts/Comfortaa-Bold.woff') format('woff'),
       url('../fonts/Comfortaa-Bold.ttf') format('truetype'),
       url('../fonts/Comfortaa-Bold.svg#Comfortaa-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'comfortaa-bold';
  src: url('../fonts/comfortaa-bold.eot');
  src: url('../fonts/comfortaa-bold.woff2') format('woff2'),
       url('../fonts/comfortaa-bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Comfortaa-Regular';
  src: url('Comfortaa-Regular.eot');
  src: url('Comfortaa-Regular.woff2') format('woff2'),
       url('Comfortaa-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Comfortaa';
  src: url('Comfortaa.woff') format('woff'),
       url('Comfortaa.ttf') format('truetype'),
       url('Comfortaa.svg#Comfortaa') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* font-family: "MyriadProRegular"; */
@font-face {
    font-family: "MyriadProRegular";
    src: url("../fonts/MyriadProRegular/MyriadProRegular.eot");
    src: url("../fonts/MyriadProRegular/MyriadProRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"),
    url("../fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MyriadProBold"; */
@font-face {
    font-family: "MyriadProBold";
    src: url("../fonts/MyriadProBold/MyriadProBold.eot");
    src: url("../fonts/MyriadProBold/MyriadProBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProBold/MyriadProBold.woff") format("woff"),
    url("../fonts/MyriadProBold/MyriadProBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MyriadProItalic"; */
@font-face {
    font-family: "MyriadProItalic";
    src: url("../fonts/MyriadProItalic/MyriadProItalic.eot");
    src: url("../fonts/MyriadProItalic/MyriadProItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProItalic/MyriadProItalic.woff") format("woff"),
    url("../fonts/MyriadProItalic/MyriadProItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MyriadProSemiBold"; */
@font-face {
    font-family: "MyriadProSemiBold";
    src: url("../fonts/MyriadProSemiBold/MyriadProSemiBold.eot");
    src: url("../fonts/MyriadProSemiBold/MyriadProSemiBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProSemiBold/MyriadProSemiBold.woff") format("woff"),
    url("../fonts/MyriadProSemiBold/MyriadProSemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MyriadProBoldItalic"; */
@font-face {
    font-family: "MyriadProBoldItalic";
    src: url("../fonts/MyriadProBoldItalic/MyriadProBoldItalic.eot");
    src: url("../fonts/MyriadProBoldItalic/MyriadProBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProBoldItalic/MyriadProBoldItalic.woff") format("woff"),
    url("../fonts/MyriadProBoldItalic/MyriadProBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MyriadProSemiBoldItalic"; */
@font-face {
    font-family: "MyriadProSemiBoldItalic";
    src: url("../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot");
    src: url("../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.woff") format("woff"),
    url("../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "RobotoCondensedRegular"; */
@font-face {
    font-family: "RobotoCondensedRegular";
    src: url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.eot");
    src: url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.woff") format("woff"),
    url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoCondensedLight"; */
@font-face {
    font-family: "RobotoCondensedLight";
    src: url("../fonts/RobotoCondensedLight/RobotoCondensedLight.eot");
    src: url("../fonts/RobotoCondensedLight/RobotoCondensedLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoCondensedLight/RobotoCondensedLight.woff") format("woff"),
    url("../fonts/RobotoCondensedLight/RobotoCondensedLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoCondensedBold"; */
@font-face {
    font-family: "RobotoCondensedBold";
    src: url("../fonts/RobotoCondensedBold/RobotoCondensedBold.eot");
    src: url("../fonts/RobotoCondensedBold/RobotoCondensedBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoCondensedBold/RobotoCondensedBold.woff") format("woff"),
    url("../fonts/RobotoCondensedBold/RobotoCondensedBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}



html, body {
    font-size: 18px;
    color: #042948;
    font-family: RobotoCondensedRegular;
}

a, a:hover {
color: #21B8E1;    
}


.top {
    padding-top: 20px;
}

.logo {
    margin-bottom: 20px;
}

.top-image {
    background: url("../images/background-header.jpg") no-repeat scroll center 0px;
    position: relative;
}

.main-menu {
 background: rgba(0, 0, 0, 0) url("../images/menu.png") no-repeat scroll center 0;
    height: 115px;
    position: relative;
    z-index: 1000;
}

.top-bar-right ul li a {
    color: #fff;
    font-family: comfortaa-bold;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 20px;
}
.menu.expanded {
margin-top: 1px;
}

.menu .active > a {
    background-color: initial;
     background-color: rgba(43, 168, 203, 0);
     
}


.logo h1 {
    font-family: comfortaa-bold;
    font-size: 34px;
    color: #042948;
    text-align: left;
    line-height: 29px;
    text-align: center;
    margin-top: 4px;
}

.logo h2 { 
    color: #21c197;
    font-family: comfortaa-bold;
    font-size: 18px;
    margin-bottom: 15px;
    text-align: center;
}



.phone {
    float: right;

}

.phone a {
    color: #21c197;
     font-family: comfortaa-bold;
    font-size: 17px;
    
    
}

 .phone a{
    line-height: 32px;
}

.address {
  color:  #042948;
  font-family: MyriadProRegular;
  float: right;
  line-height: 30px;
  font-size: 16px;
  font-weight: normal;
  margin-top: 8px;
}

.main-slider {
    margin-top: 445px;
    position: relative;
}

.main-slider .slick-prev:before, .main-slider .slick-next:before {
    content: "";
}

.main-slider .slick-prev {
    background:  url("../images/prev.png") no-repeat scroll center center;
    height:  42px;
    width: 24px;
    left: 0;

}
.main-slider .slick-next {
    background:  url("../images/next.png") no-repeat scroll center center;
    height:  42px;
    width: 24px;
    right: 0;

}

.main-slider h2 {
    color: #042948;
    font-family: MyriadProBold;
    font-size: 24px; 
}  

.main-slider p {
    font-family: RobotoCondensedRegular;
    font-size:  14px;
} 
 
 .main-slider .slick-slide {
    padding: 0 200px 0 30px;
    position: relative;
 }
 
 a.more, button.more {
  background-color: #042948;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 10px 30px;
    position: absolute;
    right: 60px;
    top: 35%;
    border: 2px solid #042948;

 }
 
 a.more:hover, button.more:hover { 
     background-color: rgba(255, 255, 255, 0);
     border: 2px solid #042948;
     color: #042948;
 } 
 
 button.more {
     position: static;
     width: 50%;
     margin-right: 25%;
     margin-left: 25%;
     cursor: pointer;
 }
 
 
 #getcall h2 {
    color: #042948;
    font-family: comfortaa-bold;
    font-size: 34px;
    text-align: center;
}
 
 .three-blocks {
    width: 75%;
    height:  10px;
    position: relative;

 }
 
 .block-one, .block-two, .block-three {
    float: left;
    padding: 35px 25px;
    margin: 0 auto;
    color: #fff;
 }
 
  .block-one {
    background:  url("../images/block1.jpg") no-repeat scroll center center;
    width: 284px;
    height: 292px;
  }
  
   .block-two {
    background:  url("../images/block2.jpg") no-repeat scroll center center;
    width: 284px;
    height: 292px;
  }
  
  
   .block-three {
    background:  url("../images/block3.jpg") no-repeat scroll center center;
    width: 284px;
    height: 292px;
  
  }
  .block-one h2, .block-two h2, .block-three h2 {
    font-size: 25px;
    font-family: comfortaa-bold;
    text-align:  center;
    margin-bottom: 25px;
     
  }
  
   .block-one span, .block-two span, .block-three span {
     display: block;
     text-align: center;
   }
   
   .block-one img, .block-two  img, .block-three  img {
        display: block;
        margin: 25px auto 0;
        text-align: center;
    }

.center {
    position: relative; 
    font-size: 14px;
    font-family: RobotoCondensedRegular;
 
    
}  
   
  .center h2, .center-other h2 {

    font-family: comfortaa-bold;
    font-size: 35px;
    margin: 25px 0;
    position: relative;
    width: 100%;
      } 

.reviews-slider-slider {
    margin: 30px 0 115px 0;
}

.center-slider {
    margin: 60px 0;
}

.center-slider .slick-prev:before, .center-slider .slick-next:before, .reviews-slider .slick-prev:before, .reviews-slider .slick-next:before {
    content: "";
}


.center-slider .slick-prev, .reviews-slider .slick-prev {
    background:  url("../images/prev-blue.png") no-repeat scroll center center;
    height:  42px;
    width: 24px;
    left: 0;

}
.center-slider .slick-next, .reviews-slider .slick-next {
    background:  url("../images/next-blue.png") no-repeat scroll center center;
    height:  42px;
    width: 24px;
    right: 0;

}

.center-slider img {
    margin: 0 auto;
}


.facts-reviews {
    background: rgba(0, 0, 0, 0) url("../images/background-reviews.png") no-repeat scroll center 0;
    position: relative;
    color: #fff;
    text-align: center;
    padding-top: 100px;
    margin-bottom: 80px;
}

.facts-reviews span{
    display: block;
    
}

.facts-reviews img {
    padding-bottom:  65px;
    margin: 0 auto;
}

.facts-reviews span.count {
    font-size: 61px;
        font-family: comfortaa-bold;
}


.facts-reviews span.count-descrition {
        font-family: comfortaa-bold;
        font-size: 18px;
        line-height: 50px;
        
    
}


.three-blocks a{
    position: relative;
    display: block;
    float:left;
}

.margin-top-60 {
  margin-top: 105px;
}

.facts-reviews h2 {
    color: #042948;
    text-align:  left;
    font-size: 40px;
    font-family: comfortaa-bold;
}    

.rev-back {
     background: url("../images/reviews.png") no-repeat scroll center 0;
     position:  relative;
     width:  396px;
     height: 276px;
     margin-top: 40px;
}

.reviews-slider {
    margin-top:  82px;
}

.rev-back img {
    margin: 0 15px 0 0;
    padding: 0;
    position: relative;
    top: -40px;
    float: left
}       

.rev-text {
   color: #fff;
    font-family: RobotoCondensedRegular;
    font-size: 14px;
    padding: 15px;
    right: 0px;
    text-align: left;
    top: 15px;
    width: 84%;
    position: relative;
}  

.author {
     bottom: 0;
    color: #042948;
    display: inline-block;
    font-family: RobotoCondensedRegular;
    font-size: 14px;
    position: absolute;
    right: 210px;
}


.license {
     background: rgba(0, 0, 0, 0) url("../images/background-certificates.png") no-repeat scroll center 0;
     position: relative;
 }

.license h2 {
    font-size: 40px;
    color: #fff;
    margin-top: 60px;
    margin-bottom: 40px;
    font-family: comfortaa-bold;
} 


.license-slider .slick-prev:before, .license-slider .slick-next:before {
    content: "";
}

.license-slider .slick-prev, .license-slider .slick-prev {
    background:  url("../images/prev-w.png") no-repeat scroll center center;
    height:  42px;
    width: 24px;
 

}
.license-slider .slick-next, .license-slider .slick-next {
    background:  url("../images/next-w.png") no-repeat scroll center center;
    height:  42px;
    width: 24px;
 

}


.license-slider img {
  
    max-height: 360px;
    margin: 0 auto;
}



.footer {
    color: #042948;
    font-family: MyriadProBold;
    font-size: 14px; 
}

.license-slider{
      margin: 70px 0 170px ;
} 

.cert-gallery img {
    border: 2px solid #21c197;
}

.cert-gallery img:hover {
    opacity: 0;
 -webkit-transform: translate(8px,0);
 -moz-transform: translate(8px,0);
 -o-transform: translate(8px,0);
   
}

.cert-gallery a:hover {
    background: auto;
}

.cert-gallery a {
    position: relative;
    display: block;
}

.cert-gallery a > span {
    display: block;
     background:  url("../images/big-treagle.png") no-repeat scroll bottom right;
     position: absolute;
     bottom: 0;
     right: 0;
     width: 75px;
     height: 78px;
}

.cert-gallery h3 {
    text-align: center;
    font-family: comfortaa-bold;
    font-size: 30px;
    position: relative;
    margin: 25px 0;
}

.cert-gallery .column-block a:nth-child(1):hover {
  
    background: #00C296 url("../images/more.png") no-repeat scroll center center;
    
}




.center-other table thead {
    font-family: MyriadProRegular;
    color: #fff;
     background-color: #21B8E1;
     font-size: 17px;
}

.center-other table tbody {
       font-family: MyriadProRegular;
       font-size: 16px;
}

table tbody tr:nth-child(2n) {
    background-color: #def1f9;
}

table tbody th:nth-child(1), table tbody td:nth-child(1)  {
    border-right: 1px solid #042948;
}

.center table tr {
    padding: 0;
}

table {
    border-collapse: collapse;
}


.footer-2 {
    background-color: #21B8E1;
    padding: 20px 0;
    color: #fff;
    font-family: MyriadProBold;
    font-size: 14px;
    box-shadow: 0px 0px 10px 5px #cecece;
    
}

.footer-2 .creater  {
    background-color: #21B8E1;
    color: #042948;
    font-family: MyriadProBold;
    font-size: 14px;
}

.center-other {
    font-family: MyriadProRegular;
    position: relative;
    margin-bottom: 60px;
}


.c-address, .c-name, .c-email, .c-phone  {
    display: block;
     margin: 8px 0;
}

.c-address{
    background: url("../images/i-address.png") no-repeat scroll left center;
    padding-left: 25px;
}

.c-email{
    background: url("../images/i-mail.png") no-repeat scroll left center;
    padding-left: 25px;
}

.c-phone{
    background: url("../images/i-phone.png") no-repeat scroll left center;
    padding-left: 25px;
}

.c-email a, .c-phone a{
     color: #042948;
}

#map {
    height: 400px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    width: 100%;
    margin-top: 40px;
    border-top: 1px solid #52b7df;
}

.margin-null form {
  background: url("../images/form.jpg") no-repeat scroll center 0;
  color: #fff;
 padding: 50px 35px 30px;
 float: left;
 margin-bottom: 20px;
}

#getcall{
     background: url("../images/form.jpg") no-repeat scroll center 0; 
     border: none;
}

input::placeholder, textarea::placeholder  {
    color: #525661;
}

[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea,

[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus {

    border: 2px solid #52b7df;
    border-radius: 0px;
     font-family: RobotoCondensedRegular;
}

.ajax_form textarea {
    height: 200px;
}

.form-button {
    background-color: #042948;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 10px 30px;
    float: right;
    cursor: pointer;
}

.reviews-img img {
    border-radius: 50%;
    box-shadow: 0 0 11px 2px rgba(4, 61, 91, 0.2);
}


.comment-list .review {
    background-color: #21c197 ;
    margin: 25px 0 140px 110px;
    padding-top: 10px;
    color: #fff;
    position: relative;
     height: 153px;
}

.rev {
    background: url("../images/rev.png") no-repeat scroll right 0;
    height: 77px;
    position: absolute;
    right: 0;
    top: 153px;
    width: 157px;
}

.reviews-img {
    position: relative;
    left: -110px;
    top: -25px;
} 

.comment-list span {
    color: #042948;
    position: absolute;
    right: 110px;
    top: 196px;
    
}

.news-text {
    margin-left: -110px;
}

form#comment-form {
    background: none;
    width: 100%;
    margin: 0;
    padding: 0;	
}

.form-rev {
    border: 0px;
}

.comments ol {
    margin: 0;
}

.auto-img {
    margin-top: 10px;
}

.ticket-comments, .main-reviews {
    float: right;
}

.main-reviews {
    margin-bottom: 20px;
}

.ha-icon, .ha-icon-active {
    float: right;
}

.info {
    font-family: RobotoCondensedRegular;
    color: #525661;
    font-size: 14px;
}


.three-blocks {
    font-size: 17px;
}


.B_crumbBox li {
    display: inline-table;

    font-size: 14px;
    font-family: MyriadProRegular;
}

.B_crumbBox li a {
    color: #525661;    
}

.B_crumbBox li:nth-child(1) a {
    border-bottom: 1px solid #525661;
}
 
ul.B_crumbBox {
     margin: 15px 0;
} 


a.block-s-1, a.block-s-2, a.block-s-3, a.block-s-4, a.block-s-5, a.block-s-6, a.block-s-7, a.block-s-8, a.block-s-9 {
    display: block;
    float: left;
    height: 242px;
    width: 281px;
    font-size: 17px;
    color: #042948;
    text-align: center;
    padding: 15px;
}

a.block-s-1:hover, a.block-s-2:hover, a.block-s-3:hover, a.block-s-4:hover, a.block-s-5:hover, a.block-s-6:hover, a.block-s-7:hover, a.block-s-8:hover, a.block-s-9:hover {
     color: #fff
}

a.block-s-1 {
    background: url("../images/1.jpg") no-repeat scroll right 0;
    border: 1px solid #52b7df;
}

a.block-s-1:hover {
    background: url("../images/1.jpg") no-repeat scroll right -242px;
    border: 1px solid #52b7df;
}

a.block-s-2 {
    background: url("../images/2.jpg") no-repeat scroll right 0;
    border: 1px solid #52b7df;
    padding-left: 15px;
}

a.block-s-2:hover {
    background: url("../images/2.jpg") no-repeat scroll right -242px;
    border: 1px solid #52b7df;
}

a.block-s-3 {
    background: url("../images/3.jpg") no-repeat scroll right 0;
    border: 1px solid #52b7df;
}

a.block-s-3:hover {
    background: url("../images/3.jpg") no-repeat scroll right -242px;
    border: 1px solid #52b7df;
}

a.block-s-4 {
    background: url("../images/4.jpg") no-repeat scroll right 0;
    border: 1px solid #52b7df;
}

a.block-s-4:hover {
    background: url("../images/4.jpg") no-repeat scroll right -242px;
    border: 1px solid #52b7df;
}

a.block-s-5 {
    background: url("../images/5.jpg") no-repeat scroll right 0;
    border: 1px solid #52b7df;
}

a.block-s-5:hover {
    background: url("../images/5.jpg") no-repeat scroll right -242px;
    border: 1px solid #52b7df;
}

a.block-s-6 {
    background: url("../images/6.jpg") no-repeat scroll right 0;
    border: 1px solid #52b7df;
}

a.block-s-6:hover {
    background: url("../images/6.jpg") no-repeat scroll right -242px;
    border: 1px solid #52b7df;
}

a.block-s-7 {
    background: url("../images/7.jpg") no-repeat scroll right 0;
    border: 1px solid #52b7df;
}

a.block-s-7:hover {
    background: url("../images/7.jpg") no-repeat scroll right -242px;
    border: 1px solid #52b7df;
}

a.block-s-8 {
    background: url("../images/8.jpg") no-repeat scroll right 0;
    border: 1px solid #52b7df;
}

a.block-s-8:hover {
    background: url("../images/8.jpg") no-repeat scroll right -242px;
    border: 1px solid #52b7df;
}

a.block-s-9 {
    background: url("../images/9.jpg") no-repeat scroll right 0;
    border: 1px solid #52b7df;
}

a.block-s-9:hover {
    background: url("../images/9.jpg") no-repeat scroll right -242px;
    border: 1px solid #52b7df;
}





.margin-bottom-60 {
    margin-bottom: 60px;
}


.counter {
    opacity: 0.3;
    float: left;
}

.counter:hover {
    opacity: 1;
}


.margin-null {
    margin-bottom: 0px;
}

.license-slider .slick-slide > div {
    width: 329px;
    height: 375px;
    background-color: #fff;
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
}

.license-slider .slick-slide > div span {
    text-align: center;
    color: #063e6e;
    font-size: 15px;
    width: 100%;
    display: block;
    padding: 15px 15px 0 15px;
    font-family: MyriadProBold;
}

.license-slider .slick-slide > div span.price {
    font-family: MyriadProBold;
    color: #18ce9f;
    font-size: 29px;
    padding: 5px;
}



.license-slider .slick-slide > div span.bonus {
  background-color: #24e9b5;
    color: #fff;
    line-height: 30px;
    padding: 0 30px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    width: auto;
}

.header-green {
    color: #21c197;
}

a.popup  {
    position: static;
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
}


table thead th, table thead td, table tfoot th, table tfoot td {
    font-weight: bold;
    padding: 0.3rem 0.625rem;
    text-align: left;
}


.center-other h3 {
    font-family: comfortaa-bold;
    font-size: 30px;
    margin: 25px 0;
    position: relative;
    width: 100%;
}


.div-women,.women  {
    position: relative;
    z-index: -1;
}




/*** creater ****/

.creater, .creater:hover  {
    color: #042948;
    display: inline-block;
    float: right;
 display: block;
    position: relative;
}
.webapplexlogo {
    display: inline-block;
  /*  float: right;
    left: 10px;
    position: relative;
    top: -20px; */
}
.creater2, .creater2:hover  {
    color: #fff;
    display: inline-block;
    float: right;
 display: block;
    position: relative;
}
.webapplexlogo2 {
    display: inline-block;
   /* float: right;
    left: 10px;
    position: relative;
    top: 0; */
}


a.creater {
    font-size: 14px;
}


@keyframes spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
#one {
    left: 0;
    position: relative;
    top: -8px;
}
#two {
    left: -11px;
    position: relative;
    top: 2px;
}
#tree {
    left: -18px;
    position: relative;
    top: 9px;
}
#four {
    left: -26px;
    position: relative;
    top: 2px;
}
.webapplexlogo .one {
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-name: spin;
    animation-timing-function: linear;
    z-index: 100;
}
.webapplexlogo .two {
    animation-direction: reverse;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-name: spin;
    animation-timing-function: linear;
    z-index: 100;
}
.webapplexlogo .tree {
    animation-duration: 2002ms;
    animation-iteration-count: infinite;
    animation-name: spin;
    animation-timing-function: linear;
    z-index: 100;
}
.webapplexlogo .four {
    animation-direction: reverse;
    animation-duration: 2002ms;
    animation-iteration-count: infinite;
    animation-name: spin;
    animation-timing-function: linear;
    z-index: 100;
}


.webapplexlogo2 .one {
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-name: spin;
    animation-timing-function: linear;
    z-index: 100;
}
.webapplexlogo2 .two {
    animation-direction: reverse;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-name: spin;
    animation-timing-function: linear;
    z-index: 100;
}
.webapplexlogo2 .tree {
    animation-duration: 2002ms;
    animation-iteration-count: infinite;
    animation-name: spin;
    animation-timing-function: linear;
    z-index: 100;
}
.webapplexlogo2 .four {
    animation-direction: reverse;
    animation-duration: 2002ms;
    animation-iteration-count: infinite;
    animation-name: spin;
    animation-timing-function: linear;
    z-index: 100;
}

.creater .green, .creater .yellow {
    color: #042948;
}


.green {
    color: #fff;
    font-weight: bold;
}
.yellow {
    color: #fff;
    font-weight: bold;
}


.pd {
    font-size: 13px;
    line-height: 14px;
}



    
    
    /*medium*/
@media screen and (max-width: 1023px) {
    

    

table tbody th:nth-child(1), table tbody td:nth-child(1) {
    border-right: 0px solid #042948;
}

.top-bar-right ul li a {
    font-size: 14px;
}

.reviews-img {
    display: none;
}

.comment-list .review {
    margin-left: 0px;
}

.news-text {
    margin-left: auto;
}

.reviews-slider img {
    display: none;
}


.rev-text {
  color: #fff;
  font-size: 14px;
  left: 45px;
  padding: 10px 50px;
  text-align: left;
}


}  


@media screen and (max-width: 1023px) {
    

        
}        


/*small*/
@media screen and (max-width: 640px) {
    
 
    
    form {
     padding: 50px 0 30px;    
}


.women {
    display: none;
}
    
    
    
    .top-bar-title {
            display: inline-block;
            float: left;
            padding: 2.1rem 1rem 2.1rem 0;
    }
    
.license-slider {
    margin: 40px 0 120px;
}    

.menu.expanded {
    background-color: rgba(3, 177, 225, 0.65);   
}


.three-blocks a {
    width: 100%;
}

.block-one, .block-two, .block-three  {
    float: none;
}


.three-blocks {
    margin-top: 50px;
    width: 100%;
}


.logo h1 {
    font-size: 33px;
}
 
.phone  {
    font-size: 20px;
    text-align: center;
    float: none;
    display: block;
   
    
}    

.address {
       text-align: center;
    float: none;
    display: block; 
    padding: 3px 0;
    font-size: 16px;
}


.phone a {
    padding-left: 0px;
}    

.menu > li > a {
    padding: 0.8rem 1rem;
}
    
.menu.expanded {
    margin-top: 0;
}    
    
a.more {
    position: relative;
    right: auto;
}   

.main-slider .slick-slide {
    padding: 0 30px;
    position: relative;
}

.main-slider {
    margin-top: 390px;
    position: relative;
}

.reviews-slider img {
    display: none;
}


.reviews-slider {
    margin-top: 0;
}    

.author {

  bottom: 0;
  position: absolute;
  right: 220px;
   
}
    
    
    
}