@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Theme Name: Zibber - Business Consulting HTML5 Template
    Author: Basic Theme
    Support: mdsalim400@gmail.com
    Description:  Zibber is a business multi-Purpose HTML5 Template 
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS	
    02. Header CSS	
    03. Slider CSS	
    04. Features CSS	
    05. Services CSS	
    06. Counter CSS	
    07. Team CSS	
    08. Cta CSS	
    09. Price CSS	
    10. Brand CSS	
    11. Contact CSS	
    12. Faq CSS	
    13. Achievement CSS	
    14. Expart CSS	
    15. Testimonial CSS	
    16. Case CSS	
    17. Blog CSS	
    18. Hero CSS	
    19. Project CSS	
    20. Page Title CSS	
    21. Portfolio CSS	
    22. Footer CSS	


-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/* 1. Theme default css */
@import url("https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500;700;900&family=Lato:wght@300;400;700&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i|Yesteryear|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url("https://fonts.cdnfonts.com/css/reey");
/*@import url("https://fonts.cdnfonts.com/css/reey?styles=21864"); */               
                
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #686777;
  line-height: 24px;
}

.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

a,
.btn,
button,
span,
p,
i,
input,
select,
textarea,
li,
img,
*::after,
*::before,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
  border: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lato", serif;/* first: "Lato", sans-serif: font </p>  ORIGIANL "Frank Ruhl Libre", serif;    it was:"Roboto", serif    DM Sans*/
  color: #1f1841;
  margin-top: 0px;
  font-weight: 900;
  line-height: 1.2;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.fluencyelements{
	line-height: 2.5rem; /*original 4.2*/
	

}
@media only screen and (max-width: 991px) {
  .fluencyelements {
    line-height: 3rem
  }
}
.fluencyelements2{
	line-height: 3rem; /*No surte efectom se encancha con h1*/

}
@media only screen and (max-width: 767px) {
  .fluencyelements2 {
    line-height: 0.1rem;
  }
}
.fluencyelements3{
	line-height: 3.5rem;

}
@media only screen and (max-width: 767px) {
  .fluencyelements3 {
    line-height: 3.5rem;
  }
}




h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 27px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

ul {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
}

p {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #686777;
  margin-bottom: 15px;
  line-height: 24px;
}

*::-moz-selection {
  background: #4636ff;
  color: #ffffff;
  text-shadow: none;
}

::-moz-selection {
  background: #4636ff;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #4636ff;
  color: #ffffff;
  text-shadow: none;
}

/*--
    - Input Placeholder
-----------------------------------------*/
*::-moz-placeholder {
  color: #1f1841;
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: #1f1841;
  font-size: 14px;
  opacity: 1;
}

/*--
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

/*--
    - Background color
-----------------------------------------*/
.grey-bg {
  background: #fafafa;
}

.grey-bg-12 {
  background: #f8f7fd;
}

.grey-bg-15 {
  background: #f3f1fa;
}

.grey-bg-16 {
  background: #f3f2f8;
}

.grey-bg-18 {
  background: #f8f8f8;
}

.grey-bg-19 {
  background: #f9f9f9;
}

.theme-bg {
  background: #4636ff;
}

.white-bg {
  background: #ffffff;
}

.black-bg {
  background: #1f1841;
}

.black-bg-2 {
  background: #1b133f; 
}

.gradient-bg {
  background-image: -moz-linear-gradient(40deg, #4636ff 0%, #8923ff 100%);
  background-image: -webkit-linear-gradient(40deg, #4636ff 0%, #8923ff 100%);
  background-image: -ms-linear-gradient(40deg, #4636ff 0%, #8923ff 100%);

	
	 background-image: linear-gradient(340deg, #F9F9F9 0%, #ffffff 100%);
	background-image: linear-gradient(340deg, #F9F9F9 0%, #F9F9F9 100%);
  background-image: linear-gradient(40deg, #4636ff 0%, #8923ff 100%);
}

/*--
    - color
-----------------------------------------*/
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: #ffffff !important;
}

.theme-color h1,
.theme-color h2,
.theme-color h3,
.theme-color h4,
.theme-color h5,
.theme-color h6,
.theme-color p,
.theme-color span,
.theme-color li,
.theme-color a {
  color: #4636ff !important;
}

.white-color {
  color: #ffffff !important;
}

.black-color {
  color: #1f1841;
}

.blue-2-color {
  color: #5749ff;
}

.pink-color {
  color: #ff49ec;
}

.green-4-color {
  color: #28ba85;
}

.orange-color {
  color: #fd914f;
}

/* custom col */
.custom-col-2 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

/* spacing */
.mt--100 {
  margin-top: -100px;
}
@media (max-width: 575px) {
  .mt--100 {
    margin-top: 0;
  }
}

.mt--120 {
  margin-top: -120px;
}

.pt-270 {
  padding-top: 270px;
}

/* btn */
.z-btn {
  display: inline-block;
  height: 54px;
  line-height: 48px;
  border: 2px solid #4636ff;
  background: #4636ff;
  color: #ffffff;
  padding: 0 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-weight: 700;
  text-transform: capitalize;
  min-width: 160px;
  text-align: center;
}

@media only screen and (max-width:991px){
  .z-btn-idiomas-fest{
  

    display: inline;
    
    border: 2px solid #4636ff;
    background: #4636ff;
    color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
   
  }
}
  



.z-btn i {
  margin-left: 8px;
}
.z-btn:hover {
  background: #ffffff;
  color: #4636ff;
}
.z-btn-two {
  display: inline-block;
  height: 54px;/*54*/
  line-height: 48px;/*48*/
  border: 2px solid #701F95;
  background: #701F95;
  color: #ffffff;
  padding: 0 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-weight: 700;
  text-transform: capitalize;
  min-width: 160px;
  text-align: center;
}
.z-btn-two:hover {
  background: #ffffff;
  color: #701F95;
}
.z-btn-three {
  display: inline-block;
  height: 54px;
  line-height: 48px;
  border: 2px solid #4636ff;
  background: #fff;
  color: #4636ff;
  padding: 0 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-weight: 700;
  text-transform: capitalize;
  min-width: 160px;
  text-align: center;
}
.z-btn-three i {
  margin-left: 8px;
}
.z-btn-three:hover {
  background: #4636ff;
  color: #fff;
}
.z-btn-four {
  display: inline-block;
  height: 54px;
  line-height: 48px;
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
  padding: 0 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-weight: 700;
  text-transform: capitalize;
  min-width: 160px;
  text-align: center;
}
.z-btn-four i {
  margin-left: 8px;
}
.z-btn-four:hover {
  background: #fff;
  color: #701F95;
  border: 2px solid #fff;
}
.z-btn-white {
  background: #ffffff;
  border-color: #ffffff;
  color: #1f1841;
}
.z-btn-white:hover {
  background: #1f1841;
  border-color: #1f1841;
  color: #ffffff;
}
.z-btn-white-customized{
  background: #00aceb;
  border-color: #00aceb;/*da2c46 690ED0*/
  color: #fff;/*da2c46 690ED0*/
}
@media only screen and (max-width:991px){
  .z-btn-white-customized{
    background: transparent;
    border-color: transparent;/*da2c46 690ED0*/
    color: #FFF;/*da2c46 690ED0*/
  }
}
.z-btn-white-customized:hover{
  background: #701F95;/*original 690ED0 */
  border-color: #701F95;/*original 690ED0 */
  color: #ffffff;
}
.z-btn-white-customized-two{
  background: transparent;
  border-color: #da2c46;/*da2c46 690ED0*/
  color: #da2c46;/*da2c46 690ED0*/
}
.z-btn-white-customized-two:hover{
  background: #701F95;/*original 690ED0 */
  border-color: #701F95;/*original 690ED0 */
  color: #ffffff;
}
.z-btn-white-2 {
  font-size: 15px;
  height: 44px;
  line-height: 40px;
}
@media only screen and (max-width: 991px) {/*ADDED*/
  .z-btn-white-2 {
    font-size: 0px;
    height: 44px;
    line-height: 40px;border-color: transparent;
  }
}
.z-btn-white-3:hover {
  background: #4636ff;
  border-color: #4636ff;
}

.z-btn-white-4 {
  background: #ffffff;
  border-color: #ffffff;
  color: #1f1841;
}
.z-btn-white-4:hover {
  background: #1f1841;
  border-color: #1f1841;
  color: #ffffff;
}


.z-btn-transparent {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}
.z-btn-transparent:hover {
  background: #ffffff;
  color: #1f1841;
  border-color: #ffffff;
}
.z-btn-transparent-2 {
  border-color: rgba(255, 255, 255, 0.2);
}
.z-btn-border {
  border-color: #e2e0eb;
  color: #1f1841;
  background: transparent;
}
.z-btn-border-two {
  /*border-color: #701f95;*/
  color: #701f95;
  border: 2px solid #701f95;
  background: transparent;
   -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size: 12px;
  display: inline;
  height: 54px;
  line-height: 48px;
  padding: 16px 40px;
  font-weight: 700;
  text-transform: capitalize;
  min-width: 160px;
  text-align: center;
}
.z-btn-border-two:hover {
  background: #ffffff;
  color: #701f95;
}
@media only screen and (max-width:991px){
  .z-btn-border-two {
    color: #701f95;
    background: transparent;
    font-size: 12px;
    padding: 16px 40px;
  }
}
.z-btn-border:hover {
  background: #1f1841; /*---------   ORIGINAL: #4636FF--------- */
  color: #ffffff;
  border-color: #1f1841; /*---------   ORIGINAL: #4636FF--------- */
}
.z-btn-3 {
  height: 44px;
  line-height: 40px;
}

/* link btn */
.link-btn {
  position: relative;
  font-size: 40px;/*ORIGINAL 30*/
  font-weight: 500;
  color: #fff;/*ORIGINAL 1f1841*/
  text-transform: uppercase;
  padding-right: 40px;/*ORIGINAL 25*/
}
.link-btn i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
}
.link-btn i:first-child {
  left: -100%;
  visibility: hidden;
  opacity: 0;
}
.link-btn i:last-child {
  right: 0;
}
.link-btn:hover {
  color: #ffffff;
}
.link-btn:hover i:first-child {
  left: 0;
  visibility: visible;
  opacity: 1;
	/*font-size: 12px;width: 400%; border: 2px solid #ddd; border-radius: 10px; padding: 5px; text-align: center;color: #ffffff---- AGREGUE ------*/
}
.link-btn:hover i:last-child {
  right: -100%;
  visibility: hidden;
  opacity: 0;
}

.link-btn-2 {
  position: relative;
  font-size: 15px;
  color: #646374;
  font-weight: 700;
  padding-right: 24px;
  display: inline-block;
}
.link-btn-2 i {
  position: absolute;
  top: 55%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  font-size: 18px;
}
.link-btn-2 i:first-child {
  right: 10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-2 i:last-child {
  right: 0;
}
.link-btn-2:hover {
  color: #4636ff;
}
.link-btn-2:hover i:first-child {
  right: 0;
  visibility: visible;
  opacity: 1;
}
.link-btn-2:hover i:last-child {
  right: -10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-2.link-btn-3 {
  padding-right: 0;
  padding-left: 24px;
  color: #1f1841;
}
.link-btn-2.link-btn-3 i:first-child {
  left: 10%;
  right: auto;
}
.link-btn-2.link-btn-3 i:last-child {
  left: 0;
  right: auto;
}
.link-btn-2.link-btn-3:hover {
  color: #4636ff;
}
.link-btn-2.link-btn-3:hover i:first-child {
  left: 0;
}
.link-btn-2.link-btn-3:hover i:last-child {
  left: -10%;
}

/* section title */
.section__title span {
  font-size: 18px;
  color: #4636ff;/*4636ff  737280 */
  display: inline-block;
  font-weight: 700;
  font-family: "Frank Ruhl Libre", serif;
  margin-bottom: 25px;
}
.section__title .globalcitizens{
  font-size: 53px;
}
@media only screen and (max-width: 991px) {
  .section__title .globalcitizens{
    font-size: 45px;
  }
}
.section__title h2 {
  font-size: 67px;/*ORIGINAL 70    47 y 53*/
  font-weight: 900;/*ORIGINAL 900*/
  line-height: 1.1;
  font-family: "Frank Ruhl Libre", serif;/*ADDED*/
}
.section__title h3 {
 font-family: "Frank Ruhl Libre", serif;
 /*font-family: 'Yesteryear', cursive;ADDED*/
 font-size: 57px;/*ORIGINAL  67px        4.1 rem*/
 font-weight: 900;
 line-height: 57px; /*ADDED*/
 

 
}
@media only screen and (max-width: 991px) {
  .section__title h3 {
    font-family: "Frank Ruhl Libre", serif;
    /*font-family: 'Yesteryear', cursive;ADDED*/
    font-size: 50px; /*ORIGIANL 4*/
    color: #00294b;
    line-height: 0px;
   }
}


.language-details{
  background-image: url("../../images/wave-bg-7-6flip.pn");
  background-origin: border-box;
  background-position: top;
  background-size: cover;/* COVER:WAVES   auto:NORMAL*/ 
  background-repeat: no-repeat; 
  margin-top:-60px;
  padding-top:60px;
  padding-bottom: 120px; /*120*/
}
/*@media only screen and (min-width:481px) and (max-width: 991px) {
  .language-details{
    background-image: url("../../images/wave-bg-7-6flipp.png");
    background-origin: border-box;
    background-position: center;
    background-size: cover; 
    background-repeat: no-repeat; 
    padding-top:40px;
    padding-bottom: 40px;
    margin-top:-60px;
    margin-bottom: 100px;
  }
}*/
@media only screen and (max-width: 991px) {
  .language-details{
    background-image: url("../../images/wave-bg-7-6flipp.png");
    background-origin: border-box;
    background-position: center;
    background-size: cover; 
    background-repeat: no-repeat; 
    margin-top:-60px;
    padding-top:80px;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}


.section__title .learn-our-program {
  margin-bottom: 80px;
  color: #00aceb;
  text-transform:uppercase; 
  font-weight:300;
  font-size: 25px;
 }
 @media only screen and (max-width: 991px) {
  .section__title .learn-our-program {
    margin-bottom: 60px;
    color: #00aceb;
    text-transform:uppercase; 
    font-weight:500;
    margin-top: -55px;
    font-size: 20px;
   }
}
 .learn-our-program-two{
  margin-top: -300px;
 }
 @media only screen and (max-width: 991px) {
  .learn-our-program-two{
    margin-top: 0px;/*ORIGINAL: 150*/
   }
}
 .learn-our-program-three .chose-to-speak-fluently{
  font-size: 55px;/*65*/
  margin-bottom: 50px; /*70*/
  width: 90%;
  /*font-weight: 300;
  font-family: "Lato", sans-serif;*/
  letter-spacing: -0.01em;
  color: #1f1841;
 }
 .learn-our-program-three .chose-to-speak-fluently span{
  /*font-weight: 300;
  font-family: "Lato", sans-serif;*/
  font-size: inherit;
 }
 @media only screen and (max-width: 991px) {
  .learn-our-program-three .chose-to-speak-fluently{
    margin-top: 0px;
    width: 100%;
    font-size: 55px;
    margin-bottom: -30px;
    font-weight: 500;
   /*font-family: "Lato", sans-serif;*/
   line-height: 2.5rem;
    color: #1F1841;/*372b72*/
   }
}
@media only screen and (max-width: 991px) {
  .learn-our-program-three .chose-to-speak-fluently span{
    /*font-family: "Lato", sans-serif;
    font-weight: 300;*/
    font-weight: 500;
   }
}
.learn-our-program-three .chose-to-speak-fluently .german-word-two{
  color: #000000;
  background-color:#ffcc00; 
  border-radius:10px;
  padding: 0px;
  margin-bottom:5px;
  padding-left:10px;
  padding-right: 10px;
}
@media only screen and (max-width: 991px) {
  .learn-our-program-three .chose-to-speak-fluently .german-word-two{
    color: #000000;
    background-color:#ffcc00; 
    border-radius:10px;
    padding: 10px;
    margin-bottom:5px
  }
}



 @media only screen and (max-width: 991px) {
   .section__title h5 {
    margin-bottom: 90px;
    color: #00aceb;
    text-transform:uppercase; 
    font-weight:300;
    margin-top: -40px;
    }
 }

@media only screen and (min-width: 576px) and (max-width: 991px) {
  .section__title h2 {
    font-size: 50px;
    width: 90%;
  }
}
@media (max-width: 575px) {
  .section__title h2 {
    font-size: 50px; /*ORIGINAL 50*/
    width: inherit;
  }
}
@media only screen and (min-width: 576px) and (max-width: 991px) {
  .section__title .global-standars{
    margin-left: 45px;

  }
}
@media only screen and (max-width: 575px) {
  .section__title .global-standars{
    margin-left: 15px;

  }
}
@media only screen and (min-width: 576px) and (max-width: 991px) {
  .section__title .global-standars2{
    margin-left: 45px;
    margin-top: 30px;
    margin-bottom:85px;
  }
}
@media only screen and (max-width: 575px) {
  .section__title .global-standars2{
    margin-left: 15px;
    margin-top: 30px;

  }
}
@media only screen and (min-width: 576px) and (max-width: 991px) {
  .service-style-six .tabs-box .global-standars3{
    margin-left: 60px;
    margin-top: 60px;
    margin-bottom:-30px;
  }
}
@media only screen and (max-width: 575px) {
  .service-style-six .tabs-box .global-standars3{
    margin-left: 30px;
    margin-top: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 991px) {
  .service-style-six .tabs-box .tabs-content .tab .global-standars4{
    padding: 0px 45px;
    margin-top: -20px;
    margin-bottom:90px;
    text-align: left;
  }
}
@media only screen and (max-width: 575px) {
  .service-style-six .tabs-box .tabs-content .tab .global-standars4{
    padding: 0px 15px;
    margin-top: -20px;
    margin-bottom: 90px;
    text-align: left;
  }
}
.section__title-2 h2 {
  font-size: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title-2 h2 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .section__title-2 h2 {
    font-size: 50px;
  }
}
.section__title-3 span {
  margin-bottom: 15px;
}
.section__title-3 h2 {
  font-size: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section__title-3 h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title-3 h2 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .section__title-3 h2 {
    font-size: 35px;
  }
}
.section__title-h2 span {
  margin-bottom: 20px;
}

/* scroll to top */
#scroll a {
  position:fixed;
  right: 30px;
  bottom: 30px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
  list-style-type: none;
  background: transparent;/*---ORIGINAL: 4636FF*/
  margin-right: 20px;
  border: 0px solid #4636ff;/*---ORIGINAL: 4636FF  1px*/
  z-index: 999;
}





/* theme social */
.theme-social ul li a {
  position: relative;
  overflow: hidden;
}
.theme-social ul li a:hover i:first-child {
  left: -120%;
}
.theme-social ul li a:hover i:last-child {
  left: 50%;
}
.theme-social ul li a i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.theme-social ul li a i:last-child {
  left: 120%;
}

/* basic pagination */
.basic-pagination ul li {
  display: inline-block;
  margin-right: 10px;
}
.basic-pagination ul li.active a {
  color: #ffffff;
  background: #4636ff;
}
.basic-pagination ul li a {
  position: relative;
  overflow: hidden;
  background: #f1f1f1;
  color: #1f1841;
  font-size: 20px;
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.basic-pagination ul li a:hover {
  background: #4636ff;
  color: #ffffff;
}
.basic-pagination ul li a:hover i:first-child, .basic-pagination ul li a:hover span:first-child {
  left: -130%;
}
.basic-pagination ul li a:hover i:last-child, .basic-pagination ul li a:hover span:last-child {
  left: 50%;
}
.basic-pagination ul li a i, .basic-pagination ul li a span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.basic-pagination ul li a i:last-child, .basic-pagination ul li a span:last-child {
  left: 130%;
}

/*----------------------------------------*/
/*  02. HEADER CSS START
/*----------------------------------------*/
.logo-gradient {
  display: none;
}

.header__search-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  right: auto;
  width: 0%;
  height: 100px;
  background: #1f1841;
  color: #ffffff;
  border: none;
  outline: none;
  padding: 15px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  visibility: hidden;
  opacity: 0;
  z-index: 11;
}
.header__search-wrapper.opened {
  width: 100%;
  left: auto;
  right: 0;
  visibility: visible;
  opacity: 1;
}
.header__search-wrapper input {
  width: 100%;
  padding: 0px;
  padding-right: 30px;
  border: none;
  height: 70px;
  color: #ffffff;
  font-size: 24px;
  font-weight: 400;
  background-color: transparent;
}
.header__search-wrapper input::placeholder {
  color: #bbb;
  text-transform: capitalize;
  font-size: 20px;
}
.header__search-wrapper input:focus {
  border: none;
  outline: none;
}
.header__search-wrapper input:focus::placeholder {
  opacity: 0;
}
.header__search-wrapper button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: transparent;
  font-size: 24px;
}
.header__transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 11;
  background: rgb(255, 255, 255, 1); /*ADDED*/
}
.header__top {
  border-bottom: 1px solid #A4BCCB; /*CCDBE4  COLOR DE LA LINEA SUPERIOR*/  
  padding-bottom: 5px;/*ADDED*/
  padding-top: 5px;/*ADDED*/
  background-color: #d3e3f8;/* rgb(0, 172, 235,0.6) ADDED  F2F7FD*/
  border-bottom: 0px;/*ADDED*/
}
@media only screen and (max-width: 991px) {
  .header__top {
    border-bottom: 0px solid #A4BCCB; /*CCDBE4  COLOR DE LA LINEA SUPERIOR*/  
    padding-bottom: 10px;/*ADDED 10px  was 5px*/
    padding-top: 10px;/*ADDED 10px  was 6px*/
    background-color: #00aceb;/* rgb(112, 31, 149, 0.99)  ADDED*/
    border-bottom: 0px;/*ADDED*/
  }
 }
.xx:after{
  position: absolute;
  content: "";
  top: 0;
  left: 5px;/*0*/
  width: 60%;
  height: 80%;
  border-bottom: 4px solid #701f95;
}
.header__top-4 {
  border-bottom: 1px solid #f0f0f1;
}
.header__social ul li {
  display: inline-block;
  border-left: 1px solid rgb(112, 31, 149, 0.7); /*COLOR ENTRE INCONS REDES TOP LEFT:#47a1d9*/
  margin-left: 9px; /*ORIGINAL -3*/
  padding-left: 13px;
}
@media only screen and (max-width: 991px) {
  .header__social ul li {
    display: inline-block;
    border-left: 0px solid rgb(112, 31, 149, 0.7); /*COLOR ENTRE INCONS REDES TOP LEFT:#47a1d9*/
    margin-left: -3px; /*ORIGINAL -3 it was 12*/
    padding-left: 10px;margin-top: -20px;
  }
 }
 @media only screen and (max-width: 767px) {/*ADDED*/
  .header__social ul li {
    margin-top: 0px;
  }
 }

.header__social ul { /*ADDED*/
  /*height:inherit;
  display: inherit;
  position: inherit;*/
  margin-left: -9px; /*original-25*/
}
@media only screen and (max-width: 991px) {
  .header__social ul {/*ADDED*/
    height:0px;
    display: flex;
    position: relative;
    margin-left: 5px; /*ORIGINAL-5   it was 10*/z-index: 1;
  }
 }
 
.header__social ul li:last-child {
  border-right: 0;
}
.header__social ul li a {
  display: inline-block;
  width: 50px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #CCDBE4;/*COLOR ICONS REDES_#A4BCCB CCDBE4   D4E3EC;#fff*/
  font-size: 14px;
}


@media only screen and (max-width: 991px) {
 .header__social ul li a {
  display: inline-block;
  width: 30px;
  height: 20px;
  line-height: 40px;
  text-align: center;
  color: #CCDBE4;/*COLOR ICONS REDES_#fff*/
  font-size: 14px;;
	
}
}
 .header__socials {
  display: none;	
}
@media only screen and (max-width: 991px) {
 .header__socials{
 display: inline-block
}
}
@media only screen and (max-width: 991px) {
 .header__socials ul li a {
  display: inline-block;
  width: 30px;
  height: 20px;
  line-height: 40px;
  text-align: center;
  color: #CCDBE4;/*COLOR ICONS REDES_#fff*/
  font-size: 14px;
	
}
}

.header__social{
	margin-left: -5px; /*55 			-5*/
}
.header__top .dropdowned-top-services-box-prev{
  margin-top: inherit; 
  margin-bottom:inherit;
}

@media only screen and (max-width: 575px) {
  .header__top .dropdowned-top-services-box-prev{
    margin-top: 6px; 
    margin-bottom:6px;
  }
}

.header__top .dropdowned-top-services-box-prev2{
  z-index: 111;
}

@media only screen and (max-width: 991px) {
  .header__top .dropdowned-top-services-box-prev2{
    z-index: inherit;
  }
}

.dropdowned-top-services-box{
  max-width:30%; 
  float:left; 
  position: absolute;
  margin-top: -13px; /*-16*/
  margin-left: -5px; 
}

@media only screen and (max-width: 776px) {
  .dropdowned-top-services-box{
    max-width:30%; 
    float:left; 
    position: inherit;
    margin-top: 0px; /*-16*/
    margin-left: 10px; 
  }
}

@media only screen and (max-width: 575px) {
  .header__info ul .interaction-blog{
    display: none
  }
}


.header__info{
margin-right: 5px;
margin-left: -50px;
}

@media only screen and (max-width: 991px) {
  .header__social{
    margin-left: -9px; 
  }
}
@media only screen and (max-width: 991px) {
  .header__info{
    margin-right: 10px; /*0*/
   
  }
} 
.header__social ul li a:hover {
  background: rgba(7,25,50, 0.1);
	color: #ffffff
} /*SOCIALNETWORK ICONS*/ 
.header__info ul li {
  display: inline-block;
  margin-left: 30px;
  padding-left: 35px;/*ORIGINAL 20*/
  border-left: 1px solid rgb(255, 255, 255, 0.3);/*COLOR ENTRE INFO TOP ERIGHT:#47a1d9*/

}
@media only screen and (max-width:575px){/*ADDED*/
  .header__info ul li {
    display: inline-block;
    margin-left: 17px; /*15*/
    padding-left: 17px;/*ORIGINAL 20*/
    border-left: 1px solid rgb(0, 172, 235, 0.4);/*COLOR ENTRE INFO TOP ERIGHT:#47a1d9*/
    border-left: 0px solid rgb(112, 31, 149, 0.7);
  }
}
/*@media only screen and (max-width:575px){ADDED     ORIGINAL FOR SOCIAL NETWORK ICONS 575px
  .header__info ul {
    margin-left: -200px; ORIGINAL -200PX
    
  
  }
}*/

@media only screen and (max-width:575px){/*ADDED     ORIGINAL FOR SOCIAL NETWORK ICONS 575px*/
  .header__info ul {
    margin-left: -210px; /*ORIGINAL -200PX*/
    
    
    /*#########################     ADDED FOR   CLASS: dropdowned-top-services-box  ###################*/
    position: absolute;margin-top: -35px; /*ORIGINAL:-35Ppx*/
  }
}

.header__info ul a:hover{
	color: #00aceb
} /*HOVER BLOG ETC SUPERIOR PC*/ 



.header__info ul a.masterclasspcheader{
	/*border: solid 2px #CCDBE4;*/
	/*cborder-radius: 10px;
	padding: 5px;
	padding-left: 20px; 
	padding-right: 20px;
	olor: #CCDBE4;
  font-size: 15px;
  display: inline;
  margin-left: -130px; ADDED*/
  color:#fff; 
  font-weight:500;

	
}
.header__info ul a.masterclasspcheader:hover{
	color: #00aceb;
	
}
@media only screen and (max-width: 991px) {
  .header__info ul a.masterclasspcheader{
   display: none
    
  }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__info ul li {
    margin-left: 30px;/*original 115*/
  }
}
.header__info ul li:first-child {
  border-left: 0;
}
.header__info ul li a {
  display: inline-flex;
  font-size: 14px;
  color: #FFFFFF;/*was CCDBE4 COLOR INF TOP RIGHT  COLOR wsp y blog_#A4BCCB CCDBE4 ;#fff*/
  height: 40px;
  line-height: 40px;
}
.header__info ul li a span {/*PHONE ICON*/
 color: #fff;
 display: inline-flex;
  font-size: 17px;
  height: 40px;
  line-height: 40px;
}

.header__info ul li a .header-phone-icon{/*PHONE ICON*/
  font-size: 17px;margin-right: 15px;
 }
.header__info ul li a span:hover {/*PHONE ICON*/
color: rgb(0, 172, 235, 1);/*COLOR ENTRE INFO TOP ERIGHT:#47a1d9*/
 }
.header__info ul li a.search-toggle {
  width: 40px;
}
.header__info ul li a i {
  margin-right: 5px;
	
}


@media only screen and (max-width: 991px) {
  .header__info ul li a {
  display: inline-flex;
  font-size: 14px;
  color: #fff;/* was CCDBE4 COLOR INF TOP RIGHT*/
  height: 40px;
  line-height: 40px;
	/*margin-left: 20px;ADDED*/ 
	  
}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__bottom {
    padding: 20px 0;
  }
}
@media (max-width: 575px) {
  .header__bottom {
    padding: 20px 0;
  }
}
.header__bottom.sticky {
  left: 0;
  margin: auto;
  position: fixed !important;
  top: 0;
  width: 100%;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  z-index: 9999;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  background: #FFFFFF;  /*-----------     FONDO BLANCO DE LA BARRA DE LOGO Y MENU AFTER SCROLL-----------*/
 
}

.header__bottom.sticky .logo-gradient {
  display: block;/*margin-top: -20px;height: 20px; REDUCE WHITE MOBILE DIV AFTER SCROLL*/
}
.header__bottom.sticky .logo {
  display: none;
}

@media only screen and (min-width: 991px) {
 .blogmobile{
	display: none
}
}

@media only screen and (max-width: 991px) {
 .blogmobile{
	display: inherit
}
}

@media only screen and (min-width: 992px) {
 .filosofiamobile{
	display: none
}
}
@media only screen and (max-width: 991px) {
  .blogmobile{
   display: inherit
 }
 }
 
 
 @media only screen and (min-width: 768px) {
  .flags-from-slide-home-pc{
   display: inherit
 }
 }
@media only screen and (max-width: 767px) {
 .flags-from-slide-home-pc{
	display: none
}
}
 
 @media only screen and (min-width: 768px) {
  .flags-from-slide-home-mobile{
   display: none
 }
 }
@media only screen and (max-width: 767px) {
 .flags-from-slide-home-mobile{
	display: inherit
}
}
@media only screen and (max-width: 991px) {
 .filosofiapc{
	display: none
}
}

@media only screen and (min-width: 992px) {
 .filosofiapc{
	display: inherit;
}
}
@media only screen and (max-width: 991px) {
  .display-desktop{
   display: none
 }
 }
 
 @media only screen and (min-width: 992px) {
  .display-desktop{
   display: inherit;
 }
 }

 @media only screen and (min-width: 992px) {
  .display-mobile{
   display: none
 }
 }
 
 @media only screen and (max-width: 991px) {
  .display-mobile{
   display: inherit
 }
 }
 .fluency-elements-slide-pc{
  background-image:url("../../assets/img/bg/wave-bg-19.png");
  background-repeat: no-repeat;
  background-size:cover; 
  padding-top:220px; 
  padding-bottom:140px;
  background-position: left;/*right and left*/
 }
 @media only screen and (max-width: 991px){
  .fluency-elements-slide-pc{
    background-image:url("../../assets/img/bg/wave-bg-19.png");
    background-repeat: no-repeat;
    background-size:cover; 
    padding-top:180px; 
    padding-bottom:130px;
    background-position: left;/*right and left*/
   }
 }

@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .fluency-elements-slide-pc{
   display: inherit;
 }
 }

 @media only screen and (min-width: 575px) and (max-width: 767px) {
  .fluency-elements-slide-mobile{
   display: inherit;
 }
 }

@media only screen and (max-width: 991px) {
 .exinterpc{
	display: none
}
}

@media only screen and (min-width: 992px) {
 .exinterpc{
	display: inherit;
	 /*margin-right: -25px*/
}
}

/*ADDED*/
.general-menu{
  border-bottom: 0px;
  background: rgb(0, 172, 235, 0.00); 
}
@media only screen and (max-width: 991px) {
  .general-menu{
    border-bottom: 0px;
    background: rgb(0, 172, 235, 0.00); 
  }
 }

/*ADDED*/

.header__bottom.sticky .main-menu{/*ADDED TO REDUCE ALL MENU AFTER SCROLL TOP AND BOTTOM */
  margin-top: -6px;
  margin-bottom: -6px;
}

.header__bottom.sticky .main-menu ul li a {
  color: #1f1841; /*------- COLOR LETRAS MENU PC TRAS SCROL  ORIGINAL 1f1841  3d3663*/
  /*font-weight: 500;*/
  font-weight: 400; /*ADDED BOLDER WHITEBAR MENU 550  400*/
}

.header__bottom.sticky .main-menu ul li:hover > a {
  color: #4636ff;
}
.header__btn{
  margin-left: 20px;
}
@media only screen and (max-width: 991px){
  .header__btn .top-btn {
    margin-left: -15px;
    position: absolute;margin-top: -20px;
  }
}
.header__bottom.sticky .header__btn a {
  /*----------- background: #47a1d9;  AGREGUE ORIGINAL:4636ff    MAS OSCURO:1f1841------ BOTON MASTERCLASS PC*/
  border-color: #da2c46;/*   4636ff----------- AGREGUE ORIGINAL:4636ff   MAS OSCURO:1f1841------ BOTON MASTERCLASS PC*/
  color: #da2c46;
	background: transparent; /*4636ff   FF8C00*/
  border: 2px solid #da2c46; /*ADDED*/
}
@media only screen and (max-width: 991px) {/*ADDED*/
  .header__bottom.sticky .header__btn a {
    /*margin-right: -20*/
    font-size: 12px;/*Original:14px*/
    padding: 5px 10px;


    border: solid 2px #da2c46;/*ADDED*/
    color: #da2c46;/*ADDED*/
    background: transparent;/*ADDED*/

  }
}

.header__bottom.sticky .header__btn a:hover {
  background: #00aceb;
  color: #fff;/*----------- ORIGINAL:4636ff------ BOTON MASTERCLASS PC*/
  border-color: #00aceb;
}
.header__bottom.sticky .sidebar-toggle-btn .line {
  background: #00aceb; /*----- COLOR HAMBURGUESA MOBILE TRAS SCROL  ORIGINAL: 4636FF*/
}
.header__bottom-2 {
  padding: 0px 0; /*MOVE ALL MENU ORIGINAL 4px PC  margin top and bottom too NO SCROOL AND WITH SCROOL*/
  margin-top:10px; /*TOP AND BOTTOM LOGO AND MENU PC BAR   10px*/
  margin-bottom:10px;/*TOP AND BOTTOM LOGO AND MENU PC BAR   10px*/
  background: transparent;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__bottom-2 {
    padding: 5px 0;/*ORIGINAL 15PX*/
    margin-top:0px; /*TOP AND BOTTOM LOGO AND MENU PC BAR*/
    margin-bottom:0px/*TOP AND BOTTOM LOGO AND MENU PC BAR*/
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__bottom-2 {
    padding: 5px 0;/*ORIGINAL 15PX*/
    margin-top:0px; /*TOP AND BOTTOM LOGO AND MENU PC BAR*/
    margin-bottom:0px/*TOP AND BOTTOM LOGO AND MENU PC BAR*/
  }
}
@media (max-width: 575px) {
  .header__bottom-2 {
    padding: 5px 0; /*ORIGINAL 15PX*/
    margin-top:0px; /*TOP AND BOTTOM LOGO AND MENU PC BAR*/
    margin-bottom:0px;/*TOP AND BOTTOM LOGO AND MENU PC BAR*/
   
  }
}
.header__shape {
  top: 0;
  left: 65px;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header__shape {
    left: 12%;
  }
}

/* header style */
.header__style-4 .main-menu ul li a {
  color: #646175;
}
.header__style-4 .header__btn a {
  color: #646175;
}
.header__style-4 .header__btn a:hover {
  color: #ffffff;
}

.header__style-5 .header__btn a {
  color: #ffffff;
}
.header__style-5 .header__btn a:hover {
  color: #1f1841;
}

.header__style-6 .header__top-4 {
  border-bottom: 1px solid #f0f0f1;
}
.header__style-6 .header__social ul li {
  border-right: 1px solid #f0f0f1;
	color: #dd0000
}
.header__style-6 .header__social ul li a {
  color: #686777;
}
.header__style-6 .header__social ul li a:hover {
  background: #4636ff;
  color: #ffffff;
}
.header__style-6 .header__info ul li {
  border-left: 1px solid #f0f0f1;
}
.header__style-6 .header__info ul li a {
  color: #686777;
}
.header__style-6 .header__info ul li a:hover {
  color: #4636ff;
}

/* MAIN MENU CSS START */
.main-menu{
	margin-left: -170px; /*------------------  AGREGUÉ  ------------------   ESTUVO EN -20--*/
  
}

.main-menu ul li {
  display:inline-block;
  margin-right: 20px;   /*------------------  ESTUVO EN 40  ----------------*/
  position: relative;
}

	
	
	
	
	/*...........   1:  PHYLOSOPHY SUB-MENU START   ...............*/
	
  /* submenu css start */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li {
    margin-right: 25px;
  }
}
.main-menu ul li:last-child {
  margin-right: 0; 
}
.main-menu ul li a {
  font-size: 16px;/*15px   IDEAL: 1.06    1.08    1.094*/
  font-weight: 100;/*ORIGINAL 400 BOLDER TRANSPARENT MENU*/
  text-transform: capitalize;
  color: #1f1841; /*COLOR LETRAS MENU PC ORIGINAL fff*/
  display: inline-block;
   padding: 20px 0; 
   padding-bottom: 25px;     
   font-family: "DM Sans", sans-serif; /*ADDED  Montserrat great*/
}
.main-menu ul li:hover > a {
  color: #701F95;/*original ffffff*/
}
.main-menu ul li:hover ul.submenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

.philosophymenu{
	width: 1550%;/*1700*/
	padding-left: 140px; /*95*/	
}

.main-menu ul li ul.submenu {
  position: absolute;/*margin-left: -80px; margin-right: -100px;display:block;*/
  top: 110%;
  left: 0;
  min-width: 200px;margin-left: -520px;/*-535*/
  /*padding: 0px 65px;*/
  background: #F6F8FF;/*ORIGINAL FFFFFF*/
  border-top: 4px solid #4636ff;
  z-index: 11;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
	display: inline-flex;/*height: 25vh;*/ 
	
	
	border-top-right-radius: 10%;border-top-left-radius: 10%;border-bottom-left-radius: 40%; /*10, 10, 40*/

	
	margin-top: 0px;
	 height: 70vh; 
	
}

.submenutopspace{
	margin-top: 20px;
  font-size: 15px; /*ADDED   FONT SIZE SUBMENU FILOSOFIA work with us DESCRIPTION etc 14px*/ 
  line-height: 20px;/*ADDED */
}
.submenutopspace1{
	margin-top: -10px; 
}
.submenuphylosophy1{
	margin-bottom: 10px;
	}   
@media only screen and (max-width: 991px){
	.submenutopspace{
	display: none
	}/*NO phylosophy INF*/
}
@media only screen and (max-width: 991px){
	.submenutopspace1{
	display: none
	}/*NO phylosophy INF*/
}
.main-menu ul li ul.submenu li {
  display:inline-block;
  margin-right: -15px;margin-left: -10px;
  padding: 150px 60px 0px 30px; /*70px 60px 0px 30px*/

}
.main-menu ul li ul.submenu li a {
  font-size: 20px;/* ORIGINAL 14PX	TAMAÑP FONT SUBMENU PC FILOSOFIA ...ENGLISCH FOR BUSINESSS POEPLE ETC*/
  display: inline-block;
  padding: 0;
  color: #1f1841;
  position: relative;
  font-weight: 700;  /*ADDED*/
  top:-20px
}
.main-menu ul li ul.submenu li a::before {
  content: "";
  width: 0;
  height: 1px;
  bottom: 0;
  position: absolute;
  left: auto;
  right: 0;
  z-index: -1;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: #4636ff;
}
.main-menu ul li ul.submenu li:hover > a {
  color: #4636ff;
}
.main-menu ul li ul.submenu li:hover > a::before {
  width: 100%;
  left: 0;
  right: auto;
}
.main-menu ul li ul.submenu li:hover > ul.submenu {
  margin-top: 50px; /*ORIGINAL TOP:0*/
  visibility: visible;
  opacity: 1;
}
.main-menu ul li ul.submenu li ul.submenu {
  top: 10%;
  left: 100%;
  visibility: hidden;
  opacity: 0;
	margin-left: -3000px; /*ADDED 1000*/
}

/*........... 1:  PHYLOSOPHY SUB-MENU END   ...............*/






	
	
	/*...........   2:  FLUENCY ELEMENTS SUB-MENU START   ...............*/
	
  /* submenu css start */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li {
    margin-right: 25px;
  }
}
.main-menu ul li:last-child {
  margin-right: 0; 
}
.main-menu ul li a {  /*EDITAR BARRA Y LETRAS MENU PC*/
  font-size: 16px;/*15px   IDEAL: 1.06    1.08    1.094*/
  font-weight: 100; /*ORIGINAL 100 BOLDER TRANSPARENT MENU*/
  text-transform: capitalize;
  color: #1f1841; /*COLOR LETRAS MENU PC  ORIGINAL fff*/
  display: inline-block;/*inline-block; give bolder the menu letter after scroll*/
  padding: 20px 0;     
  padding-bottom: 25px; 
}
.main-menu ul li:hover > a {
  color: #701F95;
}
.main-menu ul li:hover ul.submenu1 {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

.fluencyelementsmenu{
	width: 600%; 
	
}


.main-menu ul li ul.submenu1 {
  position: absolute;/*margin-left: -80px; margin-right: -100px;display:block;*/
  top: 110%;
  left: 0;
  min-width: 200px;margin-left: -355px;/*-1200*/
  padding: 15px 0;
  background: #F6F8FF;/*ORIGINAL FFFFFF*/
  border-top: 4px solid #4636ff;
  z-index: 11;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
	display: inline-flex;/*height: 25vh;*/ 
	
	
	border-top-right-radius: 10%;border-top-left-radius: 10%;border-bottom-left-radius: 40%;

	
	margin-top: 0px;
	 height: 65vh; padding-left: 110px; padding-top: 155px; padding-right: 65px /*ADDED PADDING RIGHT*/
	
}

.main-menu ul li ul li a.submenufluencyelements{
	display: none
}
.main-menu ul li ul li ul li a.fluencyelementslanguages{
	margin-left: -22px;
	font-size: 19px
}
.main-menu ul li ul li a.howgetfluency{
	line-height: 1.7rem; 
	font-weight: 500
}
.main-menu ul li ul li a.howgetfluency2{
	line-height: 1.7rem; 
	font-weight: 500;
	margin-left: -90px
}

.main-menu ul li ul li ul.fluencyelementslanguages{
	display: inline-flex;
	padding-top: 30px;
	margin-left: 0px
}


@media only screen and (max-width: 991px) {
.noinf{
	display: none;
		
}
}
@media only screen and (min-width: 992px) {
  .noinf-two{
    display: none;
      
  }
  }


 .main-menu ul li ul li ul.fluencyelementslanguages1{
	display: inline-flex;
	padding-top: 30px;
	margin-left: -90px
}



.submenuphylosophy1{
	margin-bottom: 10px
	}   

.main-menu ul li ul.submenu1 li {
  display: block;
  margin-right: 0;
  padding: 6px 25px 6px 25px;margin-top: -15px
}
.main-menu ul li ul.submenu1 li a {
  font-size: 20px;/* ORIGINAL 14PX	TAMAÑP FONT SUBMENU PC ENGLISCH FOR BUSINESSS POEPLE ETC*/
  display: inline-block;
  padding: 0;
  color: #1f1841;
  position: relative;
}
.main-menu ul li ul.submenu1 li a::before {
  content: "";
  width: 0;
  height: 1px;
  bottom: 0;
  position: absolute;
  left: auto;
  right: 0;
  z-index: -1;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: #4636ff;
}
.main-menu ul li ul.submenu1 li:hover > a {
  color: #4636ff;
}
.main-menu ul li ul.submenu1 li:hover > a::before {
  width: 100%;
  left: 0;
  right: auto;
}
.main-menu ul li ul.submenu1 li:hover > ul.submenu1 {
  margin-top: 50px; /*ORIGINAL TOP:0*/
  visibility: visible;
  opacity: 1;
}
.main-menu ul li ul.submenu1 li ul.submenu1 {
  top: 10%;
  left: 100%;
  visibility: hidden;
  opacity: 0;
	margin-left: -1000px /*ADDED*/
}

/*........... 2:  FLUENCY ELEMENTS SUB-MENU END   ...............*/






	
	/*...........   3:  LANGUAGES SUB-MENU START   ...............*/
	

.main-menu ul li:hover ul.submenu2 {
  top: 100%;
  visibility: visible;
  opacity: 1;
}







					/*font size ENGLISH and styleSUBMENU  english for managers for tech people etc*/

.main-menu ul li ul.languagesmenu li a.englishsubmenumain {
	font-size: 28px;
	font-weight: 500;color: #701F95;
	
}

.main-menu ul li ul li ul.backgroungimagesubmenuenglish{
	background-origin: border-box;background-size: cover;background-position: center;box-shadow: 0px -150vh rgba(255,255,255,0.9) inset; background-image: url("../../images/[GetPaidStock.com]-62dad9583f5c6.jpg")
}

.main-menu ul li ul li ul.englishsubmenu{
	width: 640%; height: 54vh; border-bottom-left-radius: 40%;border-top-right-radius: 10%;padding-left: 140px; padding-top: 5px; margin-top: 85px; /*WIDHT ORIGINAL 740*/
}


					/*font size english and style english for managers for tech people etc*/




					/*font size GERMAN and styleSUBMENU  german courses*/
.main-menu ul li ul.languagesmenu li a.germansubmenumain{
	font-size: 28px;
	font-weight: 500;color: #701F95;
}

.main-menu ul li ul li ul.backgroungimagesubmenugerman{
	background-origin: border-box;background-size: cover;background-position: center;box-shadow: 0px -150vh rgba(255,255,255,0.85) inset; background-image: url("../../images/[GetPaidStock.com]-623cceec4dc75.jpg"); 
		/*[GetPaidStock.com]-623ccd26ea4eb		[GetPaidStock.com]-623cceec4dc75	    [GetPaidStock.com]-623cb59e805cf     [GetPaidStock.com]-623ccc010c578  	*/
}

.main-menu ul li ul li ul.germansubmenu{
	 width: 635%; height: 54vh; border-bottom-left-radius: 40%;border-top-right-radius: 10%;padding-left: 100px; padding-top: 15px; margin-top: 85px
}
.main-menu ul li ul li ul.submenu2.germansubmenu.backgroungimagesubmenugerman{
	margin-left: -634px
}
					/*font size GERMAN and style german courses*/






					/*font size SPANISH and styleSUBMENU  spanish courses*/
.main-menu ul li ul.languagesmenu li a.spanishsubmenumain{
	font-size: 28px;
	font-weight: 500;color: #701F95;
}

.main-menu ul li ul li ul.backgroungimagesubmenuspanish{
	background-origin: border-box;background-size: cover;background-position: center;box-shadow: 0px -150vh rgba(255,255,255,0.85) inset; background-image: url("../../images/5c26a07b990b22.png")
}

.main-menu ul li ul li ul.spanishsubmenu{
	 width: 514%; height: 54vh; border-bottom-left-radius: 40%;border-top-right-radius: 10%;padding-left: 135px; padding-top: 25px; margin-top: 85px
}
.main-menu ul li ul li ul.submenu2.spanishsubmenu.backgroungimagesubmenuspanish{
	margin-left: -705px
}
					/*font size SPANISH and style spanish courses*/




					
					/*font size RUSSIAN and styleSUBMENU russian courses*/
.main-menu ul li ul.languagesmenu li a.russiansubmenumain{
	font-size: 28px;
	font-weight: 500;color: #701F95;
}

.main-menu ul li ul li ul.backgroungimagesubmenurussian{
	background-origin: border-box;background-size: cover;background-position: center;box-shadow: 0px -150vh rgba(255,255,255,0.85) inset; background-image: url("../../images/[GetPaidStock.com]-64067f9725e08.jpg")
}

.main-menu ul li ul li ul.russiansubmenu{
	 width: 510%; height: 54vh; border-bottom-left-radius: 40%;border-top-right-radius: 10%;padding-left: 185px; padding-top: 30px; margin-top: 85px
}
.main-menu ul li ul li ul.submenu2.russiansubmenu.backgroungimagesubmenurussian{
	margin-left: -740px
}



					/*font size RUSSIAN and style russian courses*/


.languagesmenu{
	width: 1620%;
	
}


.main-menu ul li ul.submenu2 {
  position: absolute;/*margin-left: -80px; margin-right: -100px;display:block;*/
  top: 110%;
  left: 0;
  min-width: 200px;margin-left: -520px;/*-1200*/
  /*padding: 0px 65px;*/
  background: #F6F8FF;/*ORIGINAL FFFFFF*/
  border-top: 4px solid #4636ff;
  z-index: 11;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
	display: inline-flex;/*height: 25vh;*/ 
	
	
	border-top-right-radius: 10%;border-top-left-radius: 10%;border-bottom-left-radius: 40%;

	height: 60vh; 
	margin-top: 0px;
	padding-left: 205px; /*125 original*/
	
}



.main-menu ul li ul.submenu2 li {
  display:block;
  margin-right: -15px;margin-left: -10px; 
  padding: 45px 60px 0px 30px;

}
.main-menu ul li ul.submenu2 li a {
  font-size: 20px;/* ORIGINAL 14PX	TAMAÑP FONT SUBMENU PC ENGLISCH FOR BUSINESSS POEPLE ETC*/
  display: inline-block;
  padding: 0;
  color: #1f1841;
  position: relative; 
	padding-bottom: 10px;  /*ADDED*/
  font-weight: 700
}
.main-menu ul li ul.submenu2 li a::before {
  content: "";
  width: 0;
  height: 1px;
  bottom: 0;
  position: absolute;
  left: auto;
  right: 0;
  z-index: -1;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: #4636ff;
}
.main-menu ul li ul.submenu2 li:hover > a {
  color: #4636ff;
	
}
.main-menu ul li ul.submenu2 li:hover > a::before {
  width: 100%;
  left: 0;
  right: auto;
}
.main-menu ul li ul.submenu2 li:hover > ul.submenu2 {
  
  visibility: visible;
  opacity: 1;margin-top: 85px;  /*ORIGINAL TOP:0 top down ALL LANGUAGES SUBMENU*/
	
}
.main-menu ul li ul.submenu2 li ul.submenu2 {
  top: 10%;
  left: 100%;
  visibility: hidden;
  opacity: 0;
	margin-left: -465px; /*ADDED  MOVE LEFT RIGHT ENGLISH PC SUBMENU*/
	
}

/*...........   3:  LANGUAGES SUB-MENU END   ...............*/

	
	




	
	/*...........   4:  TECH PEOPLE SUB-MENU START   ...............*/
	

.main-menu ul li:hover ul.submenu3 {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.alltechprogramns{
  margin-left: -600px;
  margin-top: 210px;
}
@media only screen and (max-width: 991px) {
  .alltechprogramns{
  margin-left: 0px;
  margin-top: 0px;width: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
  }
}
/*
.main-menu ul li ul li ul.englishsubmenu{
	margin-left: -390px; width: 800%; height: 45vh; border-bottom-left-radius: 40%;border-top-right-radius: 10%;padding-left: 95px; padding-top: 20px; margin-top: 100px 
}

.main-menu ul li ul li ul.germansubmenu{
	margin-left: -585px; width: 590%; height: 45vh; border-bottom-left-radius: 40%;border-top-right-radius: 10%;padding-left: 105px; padding-top: 20px; margin-top: 100px 
}

.main-menu ul li ul li ul.spanishsubmenu{
	margin-left: -495px; width: 380%; height: 45vh; border-bottom-left-radius: 40%;border-top-right-radius: 10%;padding-left: 95px; padding-top: 20px; margin-top: 100px
}

.main-menu ul li ul li ul.russiansubmenu{
	margin-left: -655px; width: 380%; height: 45vh; border-bottom-left-radius: 40%;border-top-right-radius: 10%;padding-left: 85px; padding-top: 20px; margin-top: 100px
}*/



.techpeoplemenu{
	width: 1150%;

}
.eng-it-man{
  margin-top: 0px
}
@media only screen and (max-width:991px){
  .eng-it-man{
    margin-top: -20px
  }
}

.main-menu ul li ul.submenu3 {
  position: absolute;/*margin-left: -80px; margin-right: -100px;display:block;*/
  top: 110%;
  left: 0;
  min-width: 200px;margin-left: -650px;/*width: 2580%; -1200*/
  /*padding: 0px 65px;*/
background: #F6F8FF;/*ORIGINAL FFFFFF*/
  border-top: 4px solid #4636ff;
  z-index: 11;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
	display: inline-flex;/*height: 25vh;*/ 
	
	
	border-top-right-radius: 10%;border-top-left-radius: 10%;border-bottom-left-radius: 40%;

	height: 73vh; 
	margin-top: 0px;
	padding-left: 112px; padding-top: 0px
	
}



.main-menu ul li ul.submenu3 li {
  display:inline-block;
  margin-right: -15px;margin-left: -10px; 
  padding: 120px 60px 0px 30px;

}
.main-menu ul li ul.submenu3 li a {
  font-size: 20px;/* ORIGINAL 14PX	TAMAÑP FONT SUBMENU PC ENGLISCH FOR BUSINESSS POEPLE ETC*/
  display: inline-block;
  padding: 0;
  color: #1f1841;
  position: relative; 
}
.main-menu ul li ul.submenu3 li a::before {
  content: "";
  width: 0;
  height: 1px;
  bottom: 0;
  position: absolute;
  left: auto;
  right: 0;
  z-index: -1;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: #4636ff;
}
.main-menu ul li ul.submenu3 li:hover > a {
  color: #4636ff;
}
.main-menu ul li ul.submenu3 li:hover > a::before {
  width: 100%;
  left: 0;
  right: auto;
}
.main-menu ul li ul.submenu3 li:hover > ul.submenu3 {
  
  visibility: visible;
  opacity: 1;margin-top: 100px  /*AGREGUE MARGIN TOP*/
}
.main-menu ul li ul.submenu3 li ul.submenu3 {
  top: 10%;
  left: 100%;
  visibility: hidden;
  opacity: 0;
	margin-left: -1000px; /*ADDED*/
}

/*...........    4:  TECH PEOPLE SUB-MENU END   ...............*/








	
	/*...........   5:  BUSINESS PEOPLE SUB-MENU START   ...............*/
	

.main-menu ul li:hover ul.submenu4 {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.allbusinessprogramns{
  margin-left: -640px;
  margin-top: 200px;
}
@media only screen and (max-width: 991px) {
  .allbusinessprogramns{
  margin-left: 0px;
  margin-top: 0px;
  }
}
/*
.main-menu ul li ul li ul.englishsubmenu{
	margin-left: -390px; width: 800%; height: 45vh; border-bottom-left-radius: 40%;border-top-right-radius: 10%;padding-left: 95px; padding-top: 20px; margin-top: 100px 
}

.main-menu ul li ul li ul.germansubmenu{
	margin-left: -585px; width: 590%; height: 45vh; border-bottom-left-radius: 40%;border-top-right-radius: 10%;padding-left: 105px; padding-top: 20px; margin-top: 100px 
}

.main-menu ul li ul li ul.spanishsubmenu{
	margin-left: -495px; width: 380%; height: 45vh; border-bottom-left-radius: 40%;border-top-right-radius: 10%;padding-left: 95px; padding-top: 20px; margin-top: 100px
}

.main-menu ul li ul li ul.russiansubmenu{
	margin-left: -655px; width: 380%; height: 45vh; border-bottom-left-radius: 40%;border-top-right-radius: 10%;padding-left: 85px; padding-top: 20px; margin-top: 100px
}*/



.businesspeoplemenu{
	width: 1530%;

}


.main-menu ul li ul.submenu4 {
  position: absolute;/*margin-left: -80px; margin-right: -100px;display:block;*/
  top: 110%;
  left: 0;
  min-width: 200px;margin-left: -850px;/*width: 2580%; -1200*/
  /*padding: 0px 65px;*/
  background: #F6F8FF;/*ORIGINAL FFFFFF*/
  border-top: 4px solid #4636ff;
  z-index: 11;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
	display: inline-flex;/*height: 25vh;*/ 
	
	
	border-top-right-radius: 10%;border-top-left-radius: 10%;border-bottom-left-radius: 40%;

	height: 73vh; 
	margin-top: 0px;
	padding-left: 120px; 
	
}



.main-menu ul li ul.submenu4 li {
  display:inline-block;
  margin-right: -15px;margin-left: -10px; 
  padding: 120px 60px 0px 30px;

}
.main-menu ul li ul.submenu4 li a {
  font-size: 20px;/* ORIGINAL 14PX	TAMAÑP FONT SUBMENU PC ENGLISCH FOR BUSINESSS POEPLE ETC*/
  display: inline-block;
  padding: 0;
  color: #1f1841;
  position: relative; 
}
.main-menu ul li ul.submenu4 li a::before {
  content: "";
  width: 0;
  height: 1px;
  bottom: 0;
  position: absolute;
  left: auto;
  right: 0;
  z-index: -1;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: #4636ff;
}
.main-menu ul li ul.submenu4 li:hover > a {
  color: #4636ff;
}
.main-menu ul li ul.submenu4 li:hover > a::before {
  width: 100%;
  left: 0;
  right: auto;
}
.main-menu ul li ul.submenu4 li:hover > ul.submenu4 {
  margin-top: 50px; /*ORIGINAL TOP:0*/
  visibility: visible;
  opacity: 1;margin-top: 100px  /*AGREGUE MARGIN TOP*/
}
.main-menu ul li ul.submenu4 li ul.submenu4 {
  top: 10%;
  left: 100%;
  visibility: hidden;
  opacity: 0;
	margin-left: -1000px; /*ADDED*/
}

/*...........    5:  BUSINESS PEOPLE SUB-MENU END   ...............*/








.main-menu.header__style-1-menu ul li a {
  padding: 23px 0;
  padding-bottom: 28px;
}
.main-menu.header__style-4-menu ul li a {
  color: #686777;
}
.main-menu.header__style-4-menu ul li a:hover {
  color: #4636ff;
}

.main-menu-3 ul li a {
  color: #2c234d;
}
.main-menu-3 ul li:hover > a {
  color: #4636ff;
}
.masterclassmenucellphone{
	display: none
}
@media only screen and (max-width: 767px) {
  .masterclassmenucellphone{
	display: inherit;
		
}
}
.masterclassmenucellphone-2{
	display: none
}
@media only screen and (max-width: 767px) {
  .masterclassmenucellphone-2{
	display: inherit;
		
}
}
@media only screen and (max-width: 991px) {
  .masterclassmenucellphone a{
	display:inline;
	  background-color:  #1f1841;/* ORIGINAL:1f1841  NARANJA:FF7523 */ 
	border: 2px solid #1f1841;
	  color: #ffffff;
	
	  
	  margin-bottom: 120px;
    font-size: 16px; 
    padding-top: 15px;
    padding-bottom: 15px
		
}
}
@media only screen and (max-width: 991px) {
  .masterclassmenucellphone{
    margin-top: 510px;
	  margin-bottom: 30px;
		
}
}
.masterclassmenucellphone a:hover{
	background-color:  #ffffff;
	border: 2px solid #1f1841;
	color: #1f1841
}


@media only screen and (max-width: 991px) {
  .masterclassmenucellphone-2 a{
	display:inline;
	  background-color:  #701F95;/* ORIGINAL:1f1841  NARANJA:FF7523 */ 
	border: 2px solid #701F95;
	  color: #ffffff;
	
	  
	  margin-bottom: 120px;
    font-size: 16px; 
    padding-top: 15px;
    padding-bottom: 15px
		
}
}
@media only screen and (max-width: 991px) {
  .masterclassmenucellphone-2{
    margin-top: 400px;/*ORIGINAL 510 WITH FLUENCY ELEMENTS LINK IN PC AND MOBILE MENU*/
	  margin-bottom: 40px;/*30*/
		
}
}
.masterclassmenucellphone-2 a:hover{
	background-color:  #ffffff;
	border: 2px solid #701F95;
	color: #701F95
}








.masterclassmenucellphones{
	display: none; 
}
@media only screen and (max-width: 991px) {
  .masterclassmenucellphones{
	display: inherit;
  margin-top: 30px; 
  margin-left: 65px; 
  padding-bottom: 70px  
}
}
@media only screen and (max-width: 991px) {
  .masterclassmenucellphones li{
    display: inline;
    margin-right: 30px;
}
}

@media only screen and (max-width: 991px) {
  .masterclassmenucellphones a{
	color:  #00ACEB;
	border: 1px solid #00ACEB; 
  padding-top: 6px;
  padding-bottom:6px; 
  border-radius: 50px; 
  padding-left: 8px;
  padding-right: 8px
	 
	  
}
}

.masterclassmenucellphones a:hover{
	/*#1f1841*/border: 1px solid #333;color: #333
}

@media only screen and (min-width: 992px) {
  .workwithusandcontacthamburguer{
	display: none;
	  
}
}
@media only screen and (max-width: 991px) {
  .workwithusandcontacthamburguer{
	display: inherit;
	  
}
}



/* sidebar css start */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-toggle-btn {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sidebar-toggle-btn {
    margin-left: 50px;
  }
}
@media (max-width: 575px) {
  .sidebar-toggle-btn {
    margin-left: 50px;
  }
}
.sidebar-toggle-btn .line {
  width: 30px;
  height: 3px;
  background-color: #00aceb;/*COLOR HAMBURGUESA BLANCA WITHOUT SCROLL  ORIGINALL FFF*/
  display: block;
  margin: 6px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  
  margin-left:50px
}

.sidebar-toggle-btn:hover {
  cursor: pointer;
}
.sidebar-toggle-btn:hover .line {
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.sidebar-toggle-btn:hover .line:nth-child(1) {
  width: 10px;
}
.sidebar-toggle-btn:hover .line:nth-child(2) {
  width: 20px;
}
.sidebar-toggle-btn-3 .line {
  background-color: #4636ff;
}

.sidebar__area {
  position: fixed;
  right: -340px;
  top: 0;
  width: 320px; 
  height: 100%;
  background: #fff none repeat scroll 0 0;/*1b133f BACKGROUND GENERAL DEL MENU E INFO*/
  overflow-y: scroll;
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 9999;
}
.sidebar__area.sidebar-opened {
  right: 0px;
	width: 370px /*AGREGUE WIDTH. 370 ES EL ANCHO DEL FONDO BLANDO DEL MENU HAMBURGUESA */
}
.sidebar__wrapper {
  position: relative;
  padding: 30px;/*margen izquierdo de letras de menu hamburgeusa*/
}
.sidebar__tab {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.sidebar__tab .nav-tabs {
  background: #00294b; /*130d2d BACKGROUND MENU  E INFO AL ABRIR HAMBURGUESA*/
  border-bottom: 0;
}
.sidebar__tab .nav-tabs .nav-item {
  text-align: center;
  width: 50%;
}
.sidebar__tab .nav-tabs .nav-item .nav-link {
  color: #fff;/*152668  fff COLOR LETRAS MENU E INFO tras hamburguesa*/
  background-color: transparent;
  border: none;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-bottom: 2px solid transparent;
	padding: 15px; /* ----------     AGREGUE --------- ANCHO DE MENU E INFO HAMBURGUESA*/
}
.sidebar__tab .nav-tabs .nav-item .nav-link.active {
  background: #fff;/*1b133f background menu*/
}
.sidebar__tab .nav-tabs .nav-item .nav-link:hover {
  background: #ffffff;
  color: #1f1841; /*MENU E INFO*/
}
.sidebar__content {
  margin-top: 40px;
}
.sidebar__close {
  position: absolute;
  top: 70px;
  right: 80px;
}
.sidebar__close-btn {
  transition: all 450ms cubic-bezier(0.4, 0.25, 0.3, 1.3);
  width: 40px;
  height: 40px;
  position: absolute;
  text-align: center;
  top: 0;
  left: 50%;
	margin-left: 25px;/*AGREGUE PARA MOVER LA X DE MENU HAMBURGUESA A LA DERECHA DEL LOGO*/
	margin-top: 35px;/*AGREGUE PARA MOVER LA X DE MENU HAMBURGUESA A LA DERECHA DEL LOGO*/
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2a3a57; /*ddd COLOR DE LA X DE CERRAR*/
  border: 1px solid #2a3a57;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  background: transparent;/*FONDO DE LA X*/
  z-index: 99;
}
.sidebar__close-btn:focus {
  border: 1px solid #2a3a57;
}
.sidebar__close-btn span {
  transition: all 400ms cubic-bezier(0.4, 0.25, 0.3, 1.3) 100ms;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 14px;/*TAMAÑO DE LA X*/
  font-weight: 900;
  line-height: 40px;
  vertical-align: middle;
}
.sidebar__close-btn span:first-of-type {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.sidebar__close-btn span:last-of-type {
  text-transform: uppercase;
  transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
  -moz-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);
}
.sidebar__close-btn:hover {
  width: 100px;
  border-radius: 50%; /*ORIGINAL 0*/
  width: 40px; /*ADDED*/
  height: 40px;/*ADDED*/
}
.sidebar__close-btn:hover span:first-of-type {
  transform: translate(-50%, -150%);
  -webkit-transform: translate(-50%, -150%);
  -moz-transform: translate(-50%, -150%);
  -ms-transform: translate(-50%, -150%);
  -o-transform: translate(-50%, -150%);
}
.sidebar__close-btn:hover span:last-of-type {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.sidebar__info p {
  color: #333;/*bbb INFO DESCRIPTION*/ 
  margin-bottom: 30px;
  line-height: 1.5rem;
  font-size: 14px;
}
.sidebar__contact ul li {
  margin-bottom: 8px;
  display: flex;
}
.sidebar__contact ul li .icon i {
  line-height: 27px;
  color: #00aceb; /*bbb COLOR DE ICONOS DE CONTACTO DE INFO MENU HAMBURGUESA*/
  margin-right: 15px; 
  font-weight: 900;/*ADDED*/
}
.sidebar__contact ul li .text span {
  color: #1F1841;/*bbb COLOR DE LETRAS DE CONTACTO DE INFO MENU HAMBURGUESA*/
  font-weight: 700; 
  font-size:15px; /*ADDED*/
  font-weight: 400;/*ADDED*/
}
.sidebar__contact ul li .text span a {
  color: #1F1841;/*bbb COLOR DE LETRAS DE CONTACTO DE INFO MENU HAMBURGUESA*/
  font-size:15px; /*ADDED*/
}
.sidebar__contact ul li:hover i, .sidebar__contact ul li:hover span {
  color: #701F95;/*FFFFFF*/
}
.sidebar__contact ul li:hover i a, .sidebar__contact ul li:hover span a {
  color: #701F95;/*FFFFFF*/
}
@media only screen and (max-width: 991px) { /*WORDS HAMB MENU SERVICES CONTACT*/
  .sidebar__contact-inf li{
    margin-bottom:5px;
    font-weight: 400;
  }
}
@media only screen and (max-width: 991px) { /*ICONS HAMB MENU SERVICES CONTACT*/
  .sidebar__contact-inf li i{
   color:#00ACEB;
   font-weight: 600;
   line-height: 1.5rem;
  }
}
@media only screen and (max-width: 991px) {  /*WORDS HAMB MENU SERVICES CONTACT*/
  .sidebar__contact-inf li a{
   font-weight: 400;
  }
}

.sidebar__search {
  margin-top: 30px;
  position: relative;
}
.sidebar__search input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: none;
  outline: none;
  padding: 0 15px;
  background: #292151;
  color: #bbb;
}
.sidebar__search input::placeholder {
  color: #bbb;
}
.sidebar__search button {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  line-height: 50px;
  color: #bbb;
  background: transparent;
}

.body-overlay {
  background-color: rgba(112, 31, 149, 0.85);/*MENU COLOR BACKGROUND ORIGINAL: 0, 0, 0, 0.5*/
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; 
}
@media only screen and (max-width:991px){
  .body-overlay {
    background-color: rgba(112, 31, 149, 0.8);/*MENU COLOR BACKGROUND ORIGINAL: 0, 0, 0, 0.5*/
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; 
  }
}

.body-overlay-2 {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  position: fixed;
  bottom: 0;
  height: calc(100% - 115px);
  z-index: 1;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.body-overlay-2.overlay-none {
  visibility: hidden;
  opacity: 0;
}

.body-overlay.opened,
.body-overlay-2.opened {
  opacity: 1;
  visibility: visible;
}

/* mean menu customize */
.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: #1F1841; /*fff COLOR DE LETRAS DEL MENU HABURGUESA*/
  border-top: 1px solid #00ACEB;/* original 2a3a57 LINEAS ENTRE LAS LETRAS DEL MENU: FILOSOFIA ETC*/
  font-size: 13px;
}
@media only screen and (max-width: 991px){
  .translate-mobile-border{
    border-bottom: 1px solid #00ACEB;
  }
}
.mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: #00ACEB; /*fff COLOR DE LETRAS DEL MENU HABURGUESA*/
  border-top:0px solid #47A1D9;/* original 2a3a57 LINEAS ENTRE LAS LETRAS DEL MENU: FILOSOFIA ETC*/
  font-size: 13px;
}
.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 0px;
  height: 15px;
  line-height: 14px;
  border-bottom: none;
  padding: 0;
  display: inline-block;
  width: 40px;
  height: 44px;
  line-height: 44px;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: #ffffff;
  color: #1f1841;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  background: #ffffff;
  color: #1f1841;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  color: #1f1841;
}

/*----------------------------------------*/
/*  03. SLIDER CSS START
/*----------------------------------------*/
.single-slider {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.single-slider::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #701F95 0%, #170da2 100%);
  background-image: -ms-linear-gradient(60deg, #701F95 0%, #170da2 100%);
  background-image: -webkit-linear-gradient(60deg, #701F95 0%, #170da2 100%);
  background-image: linear-gradient(60deg, #701F95 0%, #170da2 100%); /*47a2f1*/
  opacity: 0.9; 
}
.single-slider-2::before {
  display: none;
}
.single-slider-2.slick-active .slider__content-2::before {
  width: 250px;
}
@media (max-width: 575px) {
  .single-slider-2.slick-active .slider__content-2::before {
    width: 200px;
  }
}

.slider__area {
  position: relative;
}
.slider__area .slick-dots {
  display:inherit;/*display:inherit;*/
}
.slider__area-2 .slick-dots {
  display: inline-block !important;
  position: absolute;
  bottom: 30px;
  left: 840px;
	
}
.slider__area-2 .slick-dots li {
  display: inline-block;
	
}
.slider__area-2 .slick-dots li.slick-active button {
  background: #ffffff;
}
.slider__area-2 .slick-dots li button {
  font-size: 100;
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  border: 2px solid rgba(0, 0, 0, 0.9);
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px; 
}
.slider__height {
  min-height: 140vh;/*IDEAL:660 555 o 530   750 o 700 SIN BARRA DE REDES    ESTUVO 660*/
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__height {
    min-height: 700px;color: #F5F5F5
  }
}
@media (max-width: 575px) {
  .slider__height {
    min-height: 100vh; /*ALTO SLIDE MOBILE. ORIGINAL:600*/
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__height-2 {
    min-height: 800px;
  }
}
.slider__content {
  position: relative;
  z-index: 1;
}
.slider__content > span {
  color: #d4d3eb;
  font-size: 20px;
  display: inline-block;
  margin-bottom: 17px;
}


.slider__content h1 {
  font-size: 70px;
  color: #ffffff;
  font-weight: 900;
  margin-bottom: 38px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__content h1 { /*  H1 SLIDE MOBILE*/
    font-size: 45px;/*  ORIGINAL 35*/
	  line-height: 4.3rem
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__content h1 { /*  H1 SLIDE MOBILE*/
    font-size: 40px;/*  ORIGINAL 35*/
	  line-height: 3.9rem
  }
}
@media (max-width: 575px) {
  .slider__content h1 {/*  H1 SLIDE MOBILE*/
    font-size: 35px;/*  ORIGINAL 30*/
	line-height: 3.1rem
  }
}
.slider__content-2 {
  position: relative;
}
.slider__content-2 > span {
  padding: 4px 10px;
  color: #e6e6e6;
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 16px;
}
.slider__content-2 h1 {
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider__content-2 h1 {
    font-size: 50px;/*ORIGINAL 45 TAMAÑO DE LETRAS H1 PC SLIDE estuvo en 40*/
	  line-height: 4.3rem /*AGREGUÉ 3.8 */
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__content-2 h1 {
    font-size: 40px; /*ORIGINAL 60*/
	  line-height: 3.5rem
  }
}
.slider__content-2 p {
  color: #e6e6e6;
  margin-bottom: 45px;
}
.slider__content-2::before {
  position: absolute;
  content: "";
  left: -100px;/*-100*/
  top: -10px;/*-115*/
  width: 160%;/*0*/
  height: 600px;/*600*/
  /*background-image: -moz-linear-gradient(-220deg, #C800C1 0%, #000416 100%);
  background-image: -webkit-linear-gradient(-220deg, #C800C1 0%, #000416 100%);
  background-image: -ms-linear-gradient(-220deg, #C800C1 0%, #000416 100%);
  background-image: linear-gradient(-220deg, #0788F8 0%, #47a1d9 100%);*/
  opacity: 0.8;
  z-index: -1;
  border-top-left-radius: 100px;color: #0788F8
}
@media only screen and (max-width: 767px) {
  .slider__content-2::before {
  position: absolute;
  content: "";
  left: -100px;/*-100*/
  top: 280px;/*-115*/
  width: 0;
  height: 600px;/*600*/
  /*background-image: -moz-linear-gradient(-220deg, #C800C1 0%, #000416 100%);
  background-image: -webkit-linear-gradient(-220deg, #C800C1 0%, #000416 100%);
  background-image: -ms-linear-gradient(-220deg, #C800C1 0%, #000416 100%);
  background-image: linear-gradient(-220deg, #0788F8 0%, #47a1d9 100%);*/
  opacity: 0.8;
  z-index: -1;
  border-top-left-radius: 100px;
}
}

.myslider{
	padding-top: 50px
}
@media only screen and (max-width: 767px) {
 .myslider{
	padding-top: 0px;
	 margin-top: 150px
}
}

 
@media only screen and (max-width: 991px) {
 .phonebottom{
display: none
}
}

.playbottom10{
	margin-top: -275px; /*-105   295    275*/
	margin-left: 470px;  /*300     400   470*/
		z-index: 13
}
@media only screen and (max-width: 991px) {
 .playbottom10{
	margin-top: -40px;
	margin-left: 20px
}
}



.playbottom{
	margin-top: 80px;
	margin-left: -250px;
	z-index: 11
}
@media only screen and (max-width: 991px) {
 .playbottom{
	margin-top: -40px;
	margin-left: 20px
}
}
.playbottom2{
	margin-top: 120px;
	margin-left: -280px;
	z-index: 11
}
@media only screen and (max-width: 991px) {
 .playbottom2{
	margin-top: -40px;
	margin-left: 20px
}
}
.playbottom3{
	margin-top: -103px;
	margin-left: 355px
}
@media only screen and (max-width: 991px) {
 .playbottom3{
	margin-top: -40px;
	margin-left: 20px
}
}



@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__content-2::before {
    top: -90px;
    height: 500px; color: #FF5700
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__content-2::before {
    top: -90px;
    height: 500px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__content-2::before {
    top: -55px;
    height: 400px;
  }
}
@media (max-width: 575px) {
  .slider__content-2::before {
    top: -65px;
    height: 400px;
    left: auto;
    right: 0px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
  }
}
.slider__content-3::before {
  display: none;
}
.slider__content-3 p {
  display: inline-block;
  margin-bottom: 40px;
}
.slider__content-4 {
  padding-right: 65px;
}
.slider__content-4 p {
  margin-bottom: 55px;
}
 .slider__play {
    margin-top: 95px;/*30*/
  }
@media (max-width: 575px) {
  .slider__play {
    margin-top: 30px;
  }
}
.slider__play-btn {
  display:inline-block;
  width: 70px;/*90   80*/
  height: 70px;/*90  80*/
  line-height: 66px;/*86 76*/
  text-align: center;
  font-size: 14px;/*25 18*/
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.2);
  /*border: 2px solid rgba(71,161,217, 0.5);	*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  animation: pulse 2s infinite;
  
/*added*/
  transform: translate(-50%, -50%);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 2s infinite;
  animation: ripple 2s infinite;
  background-color: #701F95;
  margin-left: 80px;
  margin-bottom: 25px;
  margin-right: -40px;
  /*added*/

  /*background-image: url("../../images/[GetPaidStock.com]-62dad9583f5c6.jpg");
	background-origin: border-box;
	background-size: cover;
	background-position: center*/
}
/*
.slider__play-btn .ripple,
.slider__play-btn .ripple:before,
.slider__play-btn .ripple:after {
    position: absolute;text-align: center;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--thm-extra-rgb), 0.6);
    -o-box-shadow: 0 0 0 0 rgba(var(--thm-extra-rgb), 0.6);
    box-shadow: 0 0 0 0 rgba(var(--thm-extra-rgb), 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    border-radius: 50%;
}*/
.slider__play-btn:hover {
  background: #ffffff;
  color: #701F95;/*1f1841*/
  border-color: #ffffff;
}
.slider__shape img {
  position: absolute;
}
.slider__shape img.triangle {
  right: 28%;/*ORIGINAL:28*/
  bottom: 35%;/*ORIGINAL:38*/
  animation: triangle 5s linear 0s infinite alternate;
  -webkit-animation: triangle 5s linear 0s infinite alternate;
}
@media only screen and (max-width: 991px) {
  .slider__shape img.triangle {
    right: 20%;/*ORIGINAL:28*/
    bottom: 49%;/*ORIGINAL:38*/
    animation: triangle 5s linear 0s infinite alternate;
    -webkit-animation: triangle 5s linear 0s infinite alternate;
  }
}
.slider__shape img.dotted-square {
  right: 29%;/*ORIGINAL:22*/
  bottom: 79%;/*ORIGINAL:31*/
  animation: dottedSquare 8s linear 0s infinite alternate;
  -webkit-animation: dottedSquare 8s linear 0s infinite alternate;
}
@media only screen and (max-width: 991px) {
  .slider__shape img.dotted-square {
    right: 32%;
    bottom: 72%;/*ORIGINAL:31*/
    animation: dottedSquare 8s linear 0s infinite alternate;
    -webkit-animation: dottedSquare 8s linear 0s infinite alternate;
  }
}

.slider__shape .dotted-square-two {
  right: 33%;
  bottom: 72%;/*ORIGINAL:31*/
  animation: dottedSquare 8s linear 0s infinite alternate;
  -webkit-animation: dottedSquare 8s linear 0s infinite alternate;
}
@media only screen and (max-width: 991px) {
  .slider__shape .dotted-square-two {
    right: 22%;
    bottom: 72%;/*ORIGINAL:31*/
    animation: dottedSquare 8s linear 0s infinite alternate;
    -webkit-animation: dottedSquare 8s linear 0s infinite alternate;
  }
}
.slider__shape img.solid-square {
  bottom: 0%;/*ORIGINAL:19*/
  right: 25%;
  z-index: 11;
  animation: solidsquare 5s linear 0s infinite alternate;
  -webkit-animation: solidsquare 5s linear 0s infinite alternate;
}
.slider__shape img.circle {
  right: 60%;/*ORIGINAL:10*/
  bottom: -8%;/*ORIGINAL:-38   IDEAL:-28*/
  animation: sliderCircle 7s linear 0s infinite alternate;
  -webkit-animation: sliderCircle 7s linear 0 infinite alternate;
}
@media only screen and (max-width: 991px) {
  .slider__shape img.circle {
    right: 60%;/*ORIGINAL:55 it was:70 great*/
    bottom: 25%;/*ORIGINAL:-47*/
    animation: sliderCircle 7s linear 0s infinite alternate;
    -webkit-animation: sliderCircle 7s linear 0s infinite alternate;display: none;
  }
}
.slider__shape img.circle-german {
  right: 60%;/*ORIGINAL:10*/
  bottom: -28%;/*ORIGINAL:-38   IDEAL:-28*/
  animation: sliderCircle 7s linear 0s infinite alternate;
  -webkit-animation: sliderCircle 7s linear 0 infinite alternate;
}
@media only screen and (max-width: 991px) {
  .slider__shape img.circle-german {
    right: 60%;/*ORIGINAL:55 it was:70 great*/
    bottom: 25%;/*ORIGINAL:-47*/
    animation: sliderCircle 7s linear 0s infinite alternate;
    -webkit-animation: sliderCircle 7s linear 0s infinite alternate;display: none;
  }
}
.slider__shape .circle{
  width: 50%;height: auto;
}
@media only screen and (max-width: 991px) {
  .slider__shape .circle{
    width: 100%;height: auto;
  }
}
.slider__shape img.circle-2 {
  right: 12%;
  top: 65%;
  animation: sliderCircle 7s linear 0s infinite alternate;
  -webkit-animation: sliderCircle 7s linear 0s infinite alternate;
  display: none;
}
@media only screen and (max-width: 991px) {
  .slider__shape img.circle-2 {
    right: 28%;/*32  28*/
    top: 60%;/*was   74*/
    width: 700px;
    height: auto;
    animation: sliderCircle 7s linear 0s infinite alternate;
    -webkit-animation: sliderCircle 7s linear 0s infinite alternate;
    display: inherit;
    
  }
}

.slider__shape img.circle-3 {
  right: 12%;
  top: 65%;
  animation: sliderCircle 7s linear 0s infinite alternate;
  -webkit-animation: sliderCircle 7s linear 0s infinite alternate;
  display: none;
}
@media only screen and (max-width: 991px) {
  .slider__shape img.circle-3 {
    right: 68%;/*32  28*/
    top: 68%;/*74*/
    width: 700px;
    height: auto;
    animation: sliderCircle 7s linear 0s infinite alternate;
    -webkit-animation: sliderCircle 7s linear 0s infinite alternate;
    display: inherit;
    
  }
}
.slider__shape-1 {
  top: -120px;
  left: -100px;
  z-index: -1;
}

/* slider shapw keyframe */
@keyframes triangle {
  0% {
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
}
@keyframes dottedSquare {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes solidsquare {
  0% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
  25% {
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
  }
  100% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
  }
}
@keyframes sliderCircle {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
/* pulse btn */
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/*----------------------------------------*/
/*  04. FEATURES CSS START
/*----------------------------------------*/
.features__inner {
  -webkit-box-shadow: 0px 50px 70px 0px rgba(66, 5, 135, 0.3);
  -moz-box-shadow: 0px 50px 70px 0px rgba(66, 5, 135, 0.3);
  box-shadow: 0px 50px 70px 0px rgba(66, 5, 135, 0.3);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media (max-width: 575px) {
  .features__inner {
    margin-top: 100px;
  }
}
.features__item {
  position: relative;
  border-right: 1px solid #ad40fc;
  z-index: 1;
  min-height: 300px;
}
.features__item:hover .features__content {
  top: 40%;
}
.features__item:hover .features__btn {
  opacity: 0;
  visibility: visible;
  opacity: 1;
}
.features__item:hover .features__thumb::after {
  opacity: 0;
}
.features__item-1-2{
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 45px 40px;
  border-right: none;
  -webkit-box-shadow: 0px 20px 30px 0px rgba(2, 0, 40, 0.1);
  -moz-box-shadow: 0px 20px 30px 0px rgba(2, 0, 40, 0.1);
  box-shadow: 0px 0px 0px 0px rgba(2, 0, 40, 0.1);
}
@media only screen and (max-width: 991px) {
  .features__item-1-2{
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 45px 40px;
    border-right: none;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(2, 0, 40, 0.1);
    -moz-box-shadow: 0px 20px 30px 0px rgba(2, 0, 40, 0.1);
    box-shadow: 0px 0px 0px 0px rgba(2, 0, 40, 0.1);
    height: 70vh; /*ADDED*/
  }
}
.features__item-2 {
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 45px 40px;
  border-right: none;
  -webkit-box-shadow: 0px 20px 50px 0px rgba(2, 0, 40, 0.1);
  -moz-box-shadow: 0px 20px 50px 0px rgba(2, 0, 40, 0.1);
  box-shadow: 0px 20px 50px 0px rgba(2, 0, 40, 0.1);
}
.features__item-2:hover .features__thumb-2::after {
  opacity: 0.7;/*ORIGINAL 1*/
	  
	/*AGRUEGUE HASTA EL FINAL
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #000000 0%, #000 100%);
  background-image: -webkit-linear-gradient(60deg, #000000 0%, #000 100%);
  background-image: -ms-linear-gradient(60deg, #000000 0%, #000 100%);
  background-image: -linear-gradient(60deg, #000000 0%, #000 100%);ORIGINAL  60deg, #ff24f7 0%, #781ce2 100%*/

  
  content: "";
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #00aceb 0%, #781ce2 100%);
  background-image: -webkit-linear-gradient(60deg, #00aceb 0%, #781ce2 100%);
  background-image: -ms-linear-gradient(60deg, #00aceb 0%, #781ce2 100%);
  background-image: linear-gradient(30deg, #4636ff 0%, #781ce2 100%);
  opacity: 0.9;


  
}
.features__item-2:hover /*.features__content-2 h3*/ {
  color: #ffffff;/*ORIGINAL #FFFFFF*/
}

.features__item-2:hover .features__content-2 p {
  color: #ffffff;
}
.features__item-2:hover .features__icon i {
  color: #00ACEB;
}
.features__item-2:hover .link-btn {
  color: #ffffff;
}
.features__thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.features__thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(-180deg, #dd24ff 0%, #841ff9 100%);
  background-image: -webkit-linear-gradient(-180deg, #dd24ff 0%, #841ff9 100%);
  background-image: -ms-linear-gradient(-180deg, #dd24ff 0%, #841ff9 100%);
  background-image: linear-gradient(-180deg, #701F95 0%, #00aceb 100%); /*added*/
   background-image: linear-gradient(-180deg, #ffffff 0%, #ffffff 100%);/*added*/
 
}
.features__thumb::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;/*original0b0385 */
  opacity: 1; /*0.8*/
}
.features__thumb-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;background-image: url("../../images/managers8.png");/*5c26a07b990b2*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  opacity: 1; /*ORIGINAL 0*/
}
.features__thumb-2::after {
  /*position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 150%);
  background-image: -webkit-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 150%);
  background-image: -ms-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 150%);
  background-image: linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 80%); -- ORIGINAL 0% T 100%
  z-index: 1; */

  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 130%);
  background-image: -webkit-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 130%);
  background-image: -ms-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 130%);
  background-image: linear-gradient(70deg, #701f95 30%, rgba(26, 21, 46, 0) 100%);/* -- ORIGINAL 0deg 0% T 100%  it was 70 10 100*/
  z-index: 1;                             /*ORIGINAL 30%*/
}

@media only screen and (max-width:991px){
  .features__thumb-2::after {
    /*position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 150%);
    background-image: -webkit-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 150%);
    background-image: -ms-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 150%);
    background-image: linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 80%); -- ORIGINAL 0% T 100%
    z-index: 1; */
  
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 130%);
    background-image: -webkit-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 130%);
    background-image: -ms-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 130%);
    background-image: linear-gradient(70deg, #701f95 10%, rgba(26, 21, 46, 0) 100%);/* -- ORIGINAL 0deg 0% T 100%  it was 70 10 100*/
    z-index: 1;                             /*ORIGINAL 30%*/
  }
}

.features__thumb-1-2::after {/*FOR TECH AND BUSINESS PROGRAMS*/
  /*position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 150%);
  background-image: -webkit-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 150%);
  background-image: -ms-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 150%);
  background-image: linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 80%); -- ORIGINAL 0% T 100%
  z-index: 1; */

  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 130%);
  background-image: -webkit-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 130%);
  background-image: -ms-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 130%);
  background-image: linear-gradient(70deg, rgb(0, 0, 149, 0.6) 5%, rgba(112, 31, 149, 0.8) 100%);/* -- ORIGINAL 0deg 0% T 100%  it was 70 10 100*/
  z-index: 1;                     /*ORIGINAL: #701F95  5%                  (26, 21, 46, 0.)   */
}
.features__item-1-2:hover .features__thumb-1-2::after {/*FOR TECH AND BUSINESS PROGRAMS*/
  opacity: 0.7;/*ORIGINAL 1*/
	  
	/*AGRUEGUE HASTA EL FINAL
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #000000 0%, #000 100%);
  background-image: -webkit-linear-gradient(60deg, #000000 0%, #000 100%);
  background-image: -ms-linear-gradient(60deg, #000000 0%, #000 100%);
  background-image: -linear-gradient(60deg, #000000 0%, #000 100%);ORIGINAL  60deg, #ff24f7 0%, #781ce2 100%*/

  
  content: "";
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #00aceb 0%, #781ce2 100%);
  background-image: -webkit-linear-gradient(60deg, #00aceb 0%, #781ce2 100%);
  background-image: -ms-linear-gradient(60deg, #00aceb 0%, #781ce2 100%);
  background-image: linear-gradient(30deg, #000000 0%, #781ce2 100%);
  opacity: 0.8;


  
}


.features__thumb-1-2-3::after {/*FOR TECH AND BUSINESS PROGRAMS*/
  /*position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 150%);
  background-image: -webkit-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 150%);
  background-image: -ms-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 150%);
  background-image: linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 80%); -- ORIGINAL 0% T 100%
  z-index: 1; */

  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 130%);
  background-image: -webkit-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 130%);
  background-image: -ms-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 130%);
  background-image: linear-gradient(0deg, rgb(112, 31, 149, 0.8) 5%, rgba(105, 14, 208, 0.1) 100%);/* -- ORIGINAL 0deg 0% T 100%  it was 70 10 100*/
  z-index: 1;                     /*ORIGINAL: #701F95  5%                  (26, 21, 46, 0.)   */
  border-radius:10px;
}
.features__item-1-2:hover .features__thumb-1-2-3::after {/*FOR TECH AND BUSINESS PROGRAMS*/
  opacity: 0.7;/*ORIGINAL 1*/
	  
	/*AGRUEGUE HASTA EL FINAL
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #000000 0%, #000 100%);
  background-image: -webkit-linear-gradient(60deg, #000000 0%, #000 100%);
  background-image: -ms-linear-gradient(60deg, #000000 0%, #000 100%);
  background-image: -linear-gradient(60deg, #000000 0%, #000 100%);ORIGINAL  60deg, #ff24f7 0%, #781ce2 100%*/

  
  content: "";
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #00aceb 0%, #781ce2 100%);
  background-image: -webkit-linear-gradient(60deg, #00aceb 0%, #781ce2 100%);
  background-image: -ms-linear-gradient(60deg, #00aceb 0%, #781ce2 100%);
  background-image: linear-gradient(30deg, #000000 0%, #781ce2 100%);
  opacity: 0.8;


  
}

@media only screen and (max-width: 991px) {
  .features__thumb-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;background-image: url("../../images/IMG-20220331-WA00047.jpg");/*IMG-20220331-WA0004444 IMG-20220331-WA000444	5c26a07b990b2*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  opacity: 1; /*ORIGINAL 0*/
}
}

.features__icon {
  margin-bottom: 20px;
}
.features__icon i {
  font-size: 60px;/*ORIGINAL*/
  color: #00ACEB; /*ORIGINAL FFF*/
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
}
.features__icon-2 {
  margin-bottom: 30px;
}
.features__icon-2 i {
  font-size: 34px;
  color: #00ACEB /*ORIGINAL:4636ff;*/
}
.features__content {
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  padding: 0 15px;
}
.features__content h3 {
  font-size: 16px;
  color: #333;/*ORIGINAL FFFFFF*/
  margin-bottom: 15px;
}
.features__content-left p {
  margin-bottom: 65px;
  line-height: 30px;
  margin-top: 60px;
}
@media only screen and (max-width: 991px) {
  .features__content-left p {
    margin-bottom: 65px;
    line-height: 30px;
    margin-top: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features__content-right {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__content-right {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .features__content-right {
    margin-top: 50px;
  }
}
.features__content-2 {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 991px){/*ADDED*/
  .features__content-2 {
    position: relative;
    z-index: 1;
    height: 45vh; 
  }
}
.features__content-2 h3 {
  font-size: 30px; /*ORIGINAL: 22    ESTUVO EN 37*/
  font-weight: 900;
	color: #ffffff /*agregue*/
}
@media only screen and (max-width: 991px) {
  .features__content-2 h3 {
  font-size: 37px; /*ORIGINAL: 22    ESTUVO EN 42*/
  font-weight: 900;
	color: #ffffff /*agregue*/
}
}

.features__content-2 p {
  margin-bottom: 25px;
	color: #fff/*AGREGUE*/ 
}

.languages-general-title{
  color: #ffffff;
  margin-bottom: 0px;
  font-size: 40px;
  font-weight: 100;
  margin-left: -2px;
}
@media only screen and (max-width:991px){
  .languages-general-title{
    margin-top: 90px;
    color: #ffffff;
    margin-bottom: 10px;
    font-size: 65px;
    font-weight: 100;
    margin-left: -4px;
  }
}
.features__btn {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.features__btn a {
  color: #701F95;/*original ffffff*/
}





/*----------------------------------------*/
/*  04.1. FEATURES AFTER SLIDER CSS START
/*----------------------------------------*/
.features__area{
  margin-top: 100px; /*added  ORIGINAL -100PX*/
}
@media only screen and (max-width: 991px){
  .features__area .bullets{
    padding-bottom:40px
  }
} 
@media only screen and (max-width: 991px){
  .features__area{
    margin-bottom: 120px;
    margin-top: 150px; /*added  ORIGINAL -100PX*/
  }
}
@media only screen and (max-width: 767px){
  .features__area{
    margin-bottom: 180px;
  }
}

.features__inner3 {
  -webkit-box-shadow: 0px 20px 40px 0px rgba(66, 5, 135, 0.3);
  -moz-box-shadow: 0px 20px 40px 0px rgba(66, 5, 135, 0.3);
  box-shadow: 0px 20px 40px 0px rgba(66, 5, 135, 0.3);/*ORIGINAL: 0px 50px 70px 0px*/
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (max-width: 991px) {/*   ADDED    ORIGINAL 575px*/ 
  .features__inner3 {
    margin-top: -100px; /*ORIGINAL 100px*/ 
    -webkit-box-shadow: 0px 0px 0px 0px rgba(66, 5, 135, 0.3);
    -moz-box-shadow: 0px 0px 0px 0px rgba(66, 5, 135, 0.3);
    box-shadow: 0px 0px 0px 0px rgba(66, 5, 135, 0.3);/*ORIGINAL: 0px 50px 70px 0px*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }
}
.features__item3 {
  position: relative;
  border-right: 0px solid #841ff9;/*original:1px #ad40fc*/
  z-index: 1;
  min-height: 350px;/*original:300*/ border-radius: 20px;
}
.features__item3:hover p,
.features__item3:hover h2{
  color:#fff;
  border-color: #fff;
}

.features__item3:hover h3{
  color:#fff;
  background: transparent;
  border-left: 12px solid #701f95;
}
@media only screen and (max-width: 991px) {
  .features__item3 {
    position: relative;
    border-right: 0px solid #841ff9;/*original:1px #ad40fc*/
    z-index: 1;
    min-height: 400px;/*original:300  it was 250*/
  }
}
.features__item3:hover .features__content3 {
  top: 56%;/*46*/
}
@media only screen and (max-width: 991px) {/*ADDED*/
  .features__item3:hover .features__content3 {
    top: 45%; /*45%*/
  }
}
.features__item3:hover .features__btn3 {
  opacity: 0;
  visibility: visible;
  opacity: 1;
}
.features__item3:hover .features__thumb3::after {
  opacity: 0;
}
.features__item-23 {
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 45px 40px;
  border-right: none;
  -webkit-box-shadow: 0px 20px 50px 0px rgba(2, 0, 40, 0.1);
  -moz-box-shadow: 0px 20px 50px 0px rgba(2, 0, 40, 0.1);
  box-shadow: 0px 20px 50px 0px rgba(2, 0, 40, 0.1);
}
.features__item-23:hover .features__thumb-23 {
  opacity: 1;
}
.features__item-23:hover .features__content-23 h3 {
  color: #ffffff;
}
.features__item-23:hover .features__content-23 p {
  color: #ffffff;
}
.features__item-23:hover .features__icon3 i {
  color: #ffffff;
}
.features__item-23:hover .link-btn3 {
  color: #ffffff;
}
.features__thumb3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5%; /*ADDED*/ 
}
@media only screen and (max-width: 991px) {/*ADDED*/
  .features__thumb3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5%; /*ADDED*/ 
  }
}
.features__thumb3::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(-180deg, #dd24ff 0%, #841ff9 100%);
  background-image: -webkit-linear-gradient(-180deg, #dd24ff 0%, #841ff9 100%);
  background-image: -ms-linear-gradient(-180deg, #dd24ff 0%, #841ff9 100%);
  background-image: linear-gradient(-180deg, #0b0385 /*841ff9*/ 0%, #0b0385 120%);/*SOFT RED da2c46   ORIGINAL: -180deg  0%   100%*/
  opacity:0.01;/*ADDED ORIGINAL:0.9*/
  border-radius: 5%; /*ADDED*/ 
}
@media only screen and (max-width:991px){
  .features__thumb3::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(-180deg, #dd24ff 0%, #841ff9 100%);
    background-image: -webkit-linear-gradient(-180deg, #dd24ff 0%, #841ff9 100%);
    background-image: -ms-linear-gradient(-180deg, #dd24ff 0%, #841ff9 100%);
    background-image: linear-gradient(-180deg, #231e61 /*841ff9*/ 0%, #231e61 120%);/*SOFT RED da2c46   ORIGINAL: -180deg  0%   100%*/
    opacity:0.01;/*ADDED 0.01*/                         /*841ff9  IT WAS*/
    border-radius: 5%; /*ADDED*/ 
  }
}

.features__thumb3::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #231e61;
  opacity: 0.5;/*0.4 with 0b0385*/
  border-radius: 5%; /*ADDED*/ 
}
@media only screen and (max-width: 991px){
  .features__thumb3::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0b0385;
    opacity: 0.3;/*0.3*/
    border-radius: 5%; /*ADDED*/ 
  }
}
.features__thumb-23 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
}
.features__thumb-23::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: -webkit-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: -ms-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: -linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  opacity: 0.8;
}

.features__item .english-img img {
  width: 80px;
  margin-left: 210px;
  margin-top: 190px;
}
@media only screen and (max-width:991px){
  .features__item .english-img img {
    width: 80px;
    margin-left: 310px;
    margin-top: 240px;
    z-index: 1111111111111111;
  }
}
.features__icon3 {
  margin-bottom: 20px;
}
.features__icon3 i {
  font-size: 45px;/*ORIGINAL:30*/
  color: #ffffff;
  height: 40px;
  width: 40px;
  line-height: 55px;/*ORIGINAL:40*/
  text-align: center;
  display: inline-block;
}
.features__icon-23 {
  margin-bottom: 30px;
}
.features__icon-23 i {
  font-size: 34px;
  color: #4636ff;
}
.features__content3 {
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  padding: 0 15px;
}
@media only screen and (max-width: 991px) {/*ADDED*/
  .features__content3 {
    position: absolute;
    top: 60%; /*60%*/
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    padding: 0 15px;
  }
}

.features__content3 h2{
  border-radius: 100px; 
  border: solid 2px #fff; 
  width: 60px;
  height: 60px;
  color: #fff;
  display: inline-block;
  margin-bottom: 30px;
  text-align: center;
  align-items: center;
  align-content: center;
}
@media only screen and (max-width: 991px) {
  .features__content3 h2{
    border-radius: 100px; 
    border: solid 2px #fff; 
    width: 60px;
    height: 60px;
    color: #fff;
    display: inline-block;
    margin-bottom: 30px;
    text-align: center;
    align-items: center;
    align-content: center;
  }
}
.features__content3 h3 {
  font-size: 30px; /*original:16px  was in 24*/
  color: #fff;
  margin-bottom: 15px;
  /*font-family: "Montserrat", cursive;ADDED*/
  font-weight: 400;/*ADDED*/
  letter-spacing:0.00rem;
  font-family: "Montserrat", serif;

/*ADDED:*/
  padding-top:2px;
  padding-bottom:2px;
  padding-right:15px;
  padding-left:15px; 
  background-color: transparent;
  display: inline-block;
  border-radius: 5px;border-left: 12px solid #00aceb;
}


.features__content3 p{
  color: #fff; 
}
@media only screen and (max-width: 991px){
  .features__content3 p{
    color: #fff; 
  }
}
.features__content3:hover p{
  color: #fff; 
}
@media only screen and (max-width: 991px){
  .features__content3:hover p{
    color: #fff; 
  }
}
@media only screen and (max-width: 991px){
  .features__content3:hover h3{
    background: transparent;
    color: #231e61; 
  }
}
@media only screen and (max-width: 991px) {
  .features__content3 h3 {
    font-size: 30px; /*original:18px*/
    color: #fff;
    background: transparent;
    margin-bottom: 15px;/*15*/
    /*font-family: "Montserrat", cursive;ADDED*/
    font-weight: 400;/*ADDED*/
    letter-spacing:0.0rem;


   
 
   
    font-family: "Montserrat", serif;
  
  /*ADDED:*/
    padding-top:2px;
    padding-bottom:2px;
    padding-right:15px;
    padding-left:15px; 
    background-color: transparent;
    display: inline-block;
    border-radius: 5px;border-left: 12px solid #00aceb;
  }
}
@media only screen and (max-width: 991px) {
  .features__content3:hover h3 {
    font-size: 24px; /*original:18px*/
    color: #fff;
    background: transparent;
  }
}
.features__content3 h4{
  font-family: "Montserrat", serif;
  color: #ffffff;
  font-size: 25px;
  text-align: center;
  display: inline;
  border-radius: 3px;
  color: #701f95; /*4636ff*/
  background-color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 400;
  
}
.features__content-left3 p {
  margin-bottom: 65px;
  line-height: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features__content-right3 {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__content-right3 {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .features__content-right3 {
    margin-top: 50px;
  }
}
.features__content-23 {
  position: relative;
  z-index: 1;
}
.features__content-23 h3 {
  font-size: 22px;
  font-weight: 900;
}
.features__content-23 p {
  margin-bottom: 25px;
}
.features__btn3 {
  visibility: visible; /*hidden*/
  opacity: 1;/*0*/
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  margin-top:40px/*ADDED*/
}
.features__btn3 a {
  color: #ffffff;
  height: 60px;
  width: 60px;
  align-items: center;
  align-content: center;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 100px; 
  display: inline-block;
  font-size: 20px;

}
@media only screen and (max-width:991px){
  .features__btn3 a {
    color: #fff;
    height: 60px;
    width: 60px;
    align-items: center;
    align-content: center;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 100px; 
    display: inline-block;
    font-size: 20px;
  
  }
}
.features__btn3 a:hover {
  color: #ffffff;
}

@media only screen and (max-width:991px){/*ADDED*/
  .features__btn-2 .link-btn i{
   font-size: 5rem;
   left: 180px;
   top: 70px;
   
   
  }
}



/*----------------------------------------*/
/*  05. ABOUT CSS START
/*----------------------------------------*/
.about__thumb {
  position: relative;
}
.about__thumb::after {
  position: absolute;
  bottom: 20px;
  right: 0;
  content: "";
  width: 100%;
  height: 320px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #8aa29a;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__thumb::after {
    right: -45px;
  }
}
.about__thumb-2 {
  z-index: 1;
}
.about__thumb-2::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 400px;
  height: 400px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #f1edf8;
  z-index: -1;
}
@media (max-width: 575px) {
  .about__thumb-2::before {
    width: 280px;
    height: 280px;
  }
}
.about__shape {
  position: absolute;
  top: 100px;
  left: -27px;
  z-index: -1;
}
.about__content {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__content {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__content {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .about__content {
    margin-top: 50px;
  }
}
.about__content p {
  font-size: 16px;/*ORIGINAL:18*/
  line-height: 30px;
  margin-bottom: 40px;
}
.about__list {
  margin-bottom: 55px;
}
.about__list ul li {
  margin-bottom: 15px;
}
.about__list ul li:hover span {
  color: #4636ff;
}
.about__list ul li:hover span i {
  background: #4636ff;
  color: #ffffff;
}
.about__list ul li span {
  font-size: 18px;
  font-weight: 600;
  color: #1f1841;
  position: relative;
  padding-left: 30px;
}
.about__list ul li span i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  color: #4636ff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ecebff;
  margin-right: 8px;
}

.about__list-three {
  margin-bottom: 0px;
}
.about__list-three ul li {
  margin-bottom: 15px;
}
.about__list-three ul li:hover span {
  color: #4636ff;
}
.about__list-three ul li:hover span i {
  background: #4636ff;
  color: #ffffff;
}
.about__list-three ul li span {
  font-size: 16px;/*18*/
  font-weight: 300;/*600*/
  color: #1f1841;
  position: relative;
  padding-left: 30px;
}
.about__list-three ul li span i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  color: #4636ff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ecebff;
  margin-right: 8px;
}





/*----------------------------------------*/
/*  06. CAPABILITIES CSS START
/*----------------------------------------*/
.capabilities__thumb {
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .capabilities__thumb {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .capabilities__thumb {
    display: none;
  }
}
@media (max-width: 575px) {
  .capabilities__thumb {
    display: none;
  }
}
.capabilities__areas{
  background-image:none
}
@media only screen and (max-width: 991px) {
  .capabilities__areas{
    background-repeat: no-repeat; 
    background-position: center;
    background-size: cover;
    box-shadow: 0px -160vh rgba(0,0,40,0.45) inset;
    background-image: url("../../images/5fc3f502c8399b.jpg")/*6999.jpg*/
  }
}

.capabilities__content{
  margin-left: 65px;
}
@media (max-width: 991px) {
  .capabilities__content{
    margin-left: 15px;
  }
}
.capabilities__shape {
  left: 0;
  top: -165px;
}
.capabilities__shape2 img {
  width: 90%;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .capabilities__shape2 img {
    width: 80%;
    height: auto;
  }
}
.capabilities__list ol li {
  list-style: inherit;
  margin-left: 22px;
  margin-bottom: 25px;
  font-size: 22px;
  color: #777689;
  font-family: "Frank Ruhl Libre", serif;
}
.capabilities__list ol li:hover {
  color: #ffffff;
}

.capabilities__list ul li span {
  list-style: inherit;
  margin-left: 5px;/*original:22*/
  margin-bottom: 25px;
  font-size: 22px;
  color: #777689;
  font-family: "Frank Ruhl Libre", serif;
  font-weight: 200;
}
.capabilities__list ul li span:hover {
  color: #ffffff;
}
.about__list2 {
  margin-bottom: 55px;
}
.about__list2 ul li {
  margin-bottom: 15px;
}
.about__list2 ul li:hover span {
  color: #ffffff;/*4636ff*/
}
.about__list2 ul li:hover span i {
  background: #4636ff;
  color: #ffffff;
}
.about__list2 ul li span {
  /*font-size: 18px;
  font-weight: 600;
  color: #1f1841;*/
  position: relative;
  padding-left: 30px;

  list-style: inherit;
  margin-left: 5px;/*original:22*/
  margin-bottom: 0px;
  font-size: 22px;
  color: #a9a8bd;/*777689*/
  font-family: "Frank Ruhl Libre", serif;
  font-weight: 200;
  width: 80%;/*ADDED*/
}
@media only screen and (max-width: 991px) {
  .about__list2 ul li span {
    /*font-size: 18px;
    font-weight: 600;
    color: #1f1841;*/
    position: relative;
    padding-left: 30px;
  
    list-style: inherit;
    margin-left: 5px;/*original:22*/
    margin-bottom: 0px;
    font-size: 18px;
    color: #fff;
    font-family: "Frank Ruhl Libre", serif;
    font-weight: 200;
  
  }
}
.about__list2 ul li span i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  color: #4636ff;/*4636ff*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ecebff;/*ecebff*/
  margin-right: 8px;
}
@media only screen and (max-width: 991px) {
  .about__list2 ul li span i {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    color: #ecebff;/*4636ff*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #4636ff;/*ecebff*/
    margin-right: 8px;
  }
}


/*----------------------------------------*/
/*  05. SERVICES CSS START
/*----------------------------------------*/
.services__area-2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services__area-2 {
    margin-top: 350px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__area-2 {
    margin-top: 350px;
  }
}
@media (max-width: 575px) {
  .services__area-2 {
    margin-top: 350px;
  }
}
.services__item {
  padding-right: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__item {
    padding-right: 15px;
  }
}
.services__item:hover .services__icon img {
  -webkit-transform: translate3d(0, -10px, 0);
  -moz-transform: translate3d(0, -10px, 0);
  -ms-transform: translate3d(0, -10px, 0);
  -o-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
.services__item-2 {
  padding: 40px;
  margin-left: 2px;
  margin-right: 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__item-2 {
    padding: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__item-2 {
    padding: 30px;
  }
}
.services__item-2:hover {
  -webkit-box-shadow: 0px 20px 20px 0px rgba(3, 0, 53, 0.06);
  -moz-box-shadow: 0px 20px 20px 0px rgba(3, 0, 53, 0.06);
  box-shadow: 0px 20px 20px 0px rgba(3, 0, 53, 0.06);
}
.services__icon {
  min-height: 45px;
}
.services__icon img {
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__icon-item {
    margin-right: 40px;
  }
}
@media (max-width: 575px) {
  .services__icon-item {
    margin-right: 0px;
  }
}
.services__icon-item .text h3 {
  font-size: 18px;
  margin-bottom: 15px;
}
.services__content h3 {
  font-size: 22px;
  font-weight: 900;
}
.services__content h3:hover a {
  color: #4636ff;
}
.services__content-2 h3 {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__content-2 h3 {
    font-size: 20px;
  }
}
.services__content-2 p {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__content-3 {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services__content-3 {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__content-3 {
    margin-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .services__content-3 {
    margin-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.services__content-3 h3 {
  font-size: 30px;
}
.services__content-3 p {
  margin-bottom: 40px;
}
.services__nav .nav-item .nav-link {
  margin:auto
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__nav .nav-item {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__nav .nav-item {
    margin-right: 30px;
  }
}
@media (max-width: 575px) {
  .services__nav .nav-item {
    margin-right: 20px; /*0px*/
    margin-bottom:30px /*ADDED*/
  }
}
.services__nav .nav-link {
  padding: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: transparent;/*transparent*/
  font-size: 16px;/*18*/
  color: #1f1841;  /*1f1841*/
  font-weight: 500;
  text-transform: uppercase;
}
@media only screen and (max-width:767px){
  .services__nav .nav-link {
    font-size: 14px;
  }
}
.services__nav  ul li{
  margin: auto
}
@media only screen and (max-width:991px){
  .services__nav  ul li{
    margin: inherit
  }
}
.services__nav .nav-link i {
  display: inline-block;
  width: 60px; /*60px*/
  height: 60px;/*60px*/
  line-height: 60px; /*60px*/
  text-align: center;
  color: #4636ff; /*ICON COLOR ORIGINAL: 4636ff*/
  margin-right: 18px;
  background: #FFF; /*FFFFFF*/
  -webkit-box-shadow: 0px 10px 30px 0px rgba(8, 2, 46, 0.1);
  -moz-box-shadow: 0px 10px 30px 0px rgba(8, 2, 46, 0.1);
  box-shadow: 0px 10px 30px 0px rgba(8, 2, 46, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}


/*.services__nav .nav-link  i{
  background: #690ed0; 
  color: #fff; 
}*/
.services__nav .nav-link.active i, /*ADDED*/
.services__nav .nav-link.active{
  background: transparent; /*transparent*/
  color: #701F95; /*5749ff*/
}
.services__nav .nav-link.active i{ /*ADDED*/
  background: #701F95;
  color: #fff
}

.services__tab {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services__thumb {
    padding-left: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__thumb {
    padding-left: 30px;
  }
}
@media (max-width: 575px) {
  .services__thumb {
    padding-left: 15px;
  }
}
.services__text h3 {
  font-size: 30px;
  margin-bottom: 15px;
}
.services__text p {
  margin-bottom: 45px;
}
.services__text p span {
  color: #4636ff;
  position: relative;
}
.services__text p span::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: #4636ff;
}
.services__text h4 {
  font-size: 18px;
  font-family: "Lato", sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.5;
}
.services__list ul li {
  font-size: 16px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}
.services__list ul li::after {
  position: absolute;
  content: "";
  left: 0;
  top: 3px;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  color: #4636ff;
}
.services__widget {
  padding: 43px 40px;
  padding-bottom: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__widget {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 575px) {
  .services__widget {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.services__widget-title h4 {
  font-size: 24px;
  margin-bottom: 20px;
}
.services__link ul li {
  margin-bottom: 15px;
}
.services__link ul li:last-child {
  margin-bottom: 0;
}
.services__link ul li a {
  padding-left: 20px;
  position: relative;
}
.services__link ul li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  color: #4636ff;
}
.services__link ul li a:hover {
  color: #4636ff;
}
.services__link ul li a:hover::after {
  left: 5px;
}
.services__form input {
  width: 100%;
  height: 50px;
  border: 2px solid transparent;
  background: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0 20px;
  margin-bottom: 20px;
}
.services__form input::placeholder {
  color: #9b9aa4;
}
.services__form input:focus {
  border-color: #4636ff;
  outline: none;
}
.services__form input:focus::placeholder {
  opacity: 0;
}
.services__action {
  padding: 15px 30px;
  position: relative;
}
.services__action::after {
  position: absolute;
  content: "";
  top: auto;
  left: 0;
  bottom: 0;
  width: 3px;
  height: 0;
  background: #4636ff;
}
.services__action:hover::after {
  top: 0;
  bottom: auto;
  height: 100%;
}
.services__action a {
  margin-bottom: 0;
  display: block;
}
.services__action a i {
  color: #4636ff;
  padding-right: 15px;
}
.services__action a:hover {
  color: #4636ff;
}
@media (max-width: 575px) {
  .services__sidebar {
    margin-right: 0;
  }
}

/*----------------------------------------*/
/*  06. COUNTER CSS START
/*----------------------------------------*/
.counter__area {
  position: relative;
}
.counter__area-2::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 330%;
  background: url("../img/bg/wave-bg.png");
  z-index: -1;
}
.counter__inner {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 40px 80px 0px rgba(43, 2, 89, 0.1);
  -moz-box-shadow: 0px 40px 80px 0px rgba(43, 2, 89, 0.1);
  box-shadow: 0px 40px 80px 0px rgba(43, 2, 89, 0.1);
  padding: 90px 0;
  padding-bottom: 65px;
}
.counter__item h2 {
  font-size: 50px;
  margin-bottom: 0;
  font-weight: 900;
  line-height: 1;
}
.counter__item span {
  text-transform: capitalize;
}
.counter__item-2 span {
  color: #626082;
}

/*----------------------------------------*/
/*  07. TEAM CSS START
/*----------------------------------------*/
.team__area {
  position: relative;
}
.team__area::after {
  position: absolute;
  content: "";
  bottom: -25px;
  left: 0;
  width: 100%;
  background: url("../img/bg/wave-bg.png");
  height: 140%;
  z-index: -1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team__area::after {
    height: 132%;
  }
}
.team__item {
  padding: 30px 35px;
  background: #423d7c;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.team__item-add {
  background: #ffffff;
}
.team__item-add::after {
  display: none;
}
.team__item::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(-130deg, #dd24ff 0%, #841ff9 100%);
  background-image: -webkit-linear-gradient(-130deg, #dd24ff 0%, #841ff9 100%);
  background-image: -ms-linear-gradient(-130deg, #dd24ff 0%, #841ff9 100%);
  background-image: linear-gradient(-130deg, #dd24ff 0%, #841ff9 100%);
  opacity: 0;
}
.team__item:hover::after {
  opacity: 1;
}
.team__item:hover .team__info {
  top: 35px;
  visibility: visible;
  opacity: 1;
}
.team__item:hover .team__social {
  bottom: 35px;
  visibility: visible;
  opacity: 1;
}
.team__add {
  padding: 113px 0;
}
.team__add a {
  font-size: 50px;
  color: #9895b4;
}
.team__add a:hover {
  color: #4636ff;
}
.team__thumb img {
  width: 200px;
  height: 200px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.team__content h3 {
  font-size: 22px;
  margin-bottom: 0;
  color: #ffffff;
  text-transform: capitalize;
}
.team__content span {
  font-size: 15px;
  color: #cac9d3;
}
.team__info {
  position: absolute;
  top: 10px;
  left: 30px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.team__info h3 {
  font-size: 22px;
  margin-bottom: 0;
  color: #ffffff;
  text-transform: capitalize;
}
.team__info span {
  font-size: 15px;
  color: #cac9d3;
}
.team__social {
  position: absolute;
  bottom: 10px;
  left: 30px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.team__social ul li {
  display: inline-block;
  margin-right: 7px;
}
.team__social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #7b23de;
  font-size: 14px;
  color: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.team__social ul li a:hover {
  background: #ffffff;
  color: #7b23de;
}
.team__details-inner {
  -webkit-box-shadow: 0px 50px 80px 0px rgba(3, 0, 53, 0.1);
  -moz-box-shadow: 0px 50px 80px 0px rgba(3, 0, 53, 0.1);
  box-shadow: 0px 50px 80px 0px rgba(3, 0, 53, 0.1);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.team__details-shape {
  right: -11%;
  bottom: -16%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .team__details-shape {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team__details-shape {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team__details-shape {
    right: -3%;
    bottom: -7%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team__details-shape {
    right: -3%;
    bottom: -7%;
  }
}
@media (max-width: 575px) {
  .team__details-shape {
    right: -3%;
    bottom: -5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team__details-img {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team__details-img {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team__details-img {
    margin-right: 0px;
  }
}
@media (max-width: 575px) {
  .team__details-img {
    margin-right: 0px;
  }
}
.team__details-img img {
  -webkit-border-radius: 30px 0 0 30px;
  -moz-border-radius: 30px 0 0 30px;
  border-radius: 30px 0 0 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team__details-content {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team__details-content {
    padding: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team__details-content {
    padding: 40px;
  }
}
@media (max-width: 575px) {
  .team__details-content {
    padding: 40px;
  }
}
.team__details-content > span {
  font-size: 20px;
  display: inline-block;
  margin-bottom: 7px;
}
.team__details-content h3 {
  font-size: 30px;
  margin-bottom: 15px;
}
.team__details-content p {
  margin-bottom: 35px;
  padding-right: 80px;
}
.team__details-contact ul li {
  margin-bottom: 8px;
  display: flex;
}
.team__details-contact ul li .icon i {
  line-height: 27px;
  color: #4636ff;
  margin-right: 15px;
}
.team__details-contact ul li .text span {
  font-weight: 500;
}
.team__details-social ul li {
  display: inline-block;
  margin-right: 7px;
}
.team__details-social ul li a {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #f1f1f1;
  font-size: 14px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.team__details-social ul li a:hover {
  background: #4636ff;
  color: #ffffff;
}
.team__details-info h4 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 25px;
}
.team__details-info p {
  margin-bottom: 25px;
}

/*----------------------------------------*/
/*  08. CTA CSS START
/*----------------------------------------*/
.cta__area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	background-image: url("../../images/5edE0F00.png")/*5edE0F0.png*/
}
@media only screen and (max-width: 991px) {
  .cta__area {
  background-position: center;/*center*/
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	background-image: url("../../images/5edE0F0.png")/*5edE0F0.png		5ed11DC.png*/
}
}
.cta__area::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #701F95 0%, #170da2 100%);
  background-image: -ms-linear-gradient(60deg, #701F95 0%, #170da2 100%);
  background-image: -webkit-linear-gradient(60deg, #701F95 0%, #170da2 100%);
  background-image: linear-gradient(60deg, #701F95 0%, #170da2 100%);
  opacity: 0.95;/*0.8*/                                     /*4636ff very good too*/
}
.cta__content span {
  font-family: "Frank Ruhl Libre", serif;
  font-size: 20px;
  color: #d4d3eb;
  display: inline-block;
  margin-bottom: 10px;
}
.cta__content h1 {
  font-size: 70px;
  color: #ffffff;
  font-weight: 900;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta__content h1 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta__content h1 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .cta__content h1 {
    font-size: 30px;
  }
}
.cta__btn a:first-child {
  margin-right: 30px;
}
@media (max-width: 575px) {
  .cta__btn a:first-child {
    margin-right: 0;
  }
}

/*----------------------------------------*/
/*  09. PRICE CSS START
/*----------------------------------------*/
.price__inner {
  z-index: 1;
}
.price__inner .price__inner-p{
  font-size: 30px;
  margin-top: -25px;
  margin-bottom: 35px;

  font-weight: 500;
  color: #1f1841;
} 
.price__item {
  padding: 60px;
  padding-bottom: 50px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #4636ff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .price__item {
    padding: 60px 20px;
  }
}
.price__item::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(-120deg, #701F95 0%, #170da2 100%);
  background-image: -webkit-linear-gradient(-120deg, #701F95 0%, #170da2 100%);
  background-image: -ms-linear-gradient(-120deg, #701F95 0%, #170da2 100%);
  background-image: linear-gradient(-120deg, #701F95 0%, #170da2 100%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}
.price__item p {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 42px;
  color: #1f1841;
}
.price__item a.price-btn {
  display: inline-block;
  min-height: 50px;
  line-height: 50px;
  text-align: center;
  color: #4636ff;
  background: #ecebff;
  padding: 0 5px;/*0 85px;*/
  min-width: 250px;
  font-size: 15px;
  font-weight: 700;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.price__item a.price-btn:hover {
  background: #ffffff;
  color: #4636ff;
}
.price__item:hover::after, .price__item.active::after {
  visibility: visible;
  opacity: 1;
}
.price__item:hover .price-btn, .price__item.active .price-btn {
  background: #ffffff;
  color: #4636ff;
}
.price__item:hover p, .price__item.active p {
  color: #ffffff;
}
.price__item:hover .price__tag h1, .price__item.active .price__tag h1 {
  color: #ffffff;
}
.price__item:hover .price__tag span, .price__item.active .price__tag span {
  color: #ffffff;
}
.price__item:hover .price__features ul li span, .price__item.active .price__features ul li span {
  color: #ffffff;
}
.price__item:hover .price__features ul li span::after, .price__item.active .price__features ul li span::after {
  background: #ffffff;
}
.price__item:hover .price__shape, .price__item.active .price__shape {
  right: -150px;
  visibility: visible;
  opacity: 1;
}




.price__item-two {
  padding: 60px;
  padding-bottom: 50px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  /*border: 2px solid #4636ff;*/
  /*ADDED*/
	box-shadow:2px 2px 28px 0 rgba(0,0,0,0.25);
}
@media only screen and (max-width: 991px) {
  .price__item-two {
    margin: -15px;/*ADDED*/
    margin-top: 10px;
    margin-bottom: 40px;

  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .price__item-two {
    padding: 60px 20px;
  }
}
.price__item-two::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(-120deg, #701F95 0%, #170da2 100%);
  background-image: -webkit-linear-gradient(-120deg, #701F95 0%, #170da2 100%);
  background-image: -ms-linear-gradient(-120deg, #701F95 0%, #170da2 100%);
  background-image: linear-gradient(-120deg, #701F95 0%, #170da2 100%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}
.price__item-two p {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 42px;/*42*/
  color: #1f1841;
}
.price__item-two a.price-btn {
  display: inline-block;
  min-height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;/*4636ff*/
  background-image: linear-gradient(-120deg, #701F95 0%, #701F95 100%);  /*ORIGINAL: background: #4636ff;/*ecebff*/
  padding: 0 5px;/*0 85px;*/
  min-width: 200px;/*ORIGINAL:250*/
  font-size: 15px;
  font-weight: 700;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.price__item-two a.price-btn:hover {
  /*background: #ffffff;
  color: #4636ff;*/
  color: #701F95;
  background: #fff;
  border: 2px solid #701F95;
  min-height: 46px;
  line-height: 46px;
}
.price__item-two:hover::after, .price__item-two.active::after {
  /*visibility: visible;
  opacity: 1;*/
}
.price__item-two:hover .price-btn, .price__item-two.active .price-btn {
  /*background: #ffffff;
  color: #4636ff;*/
}
.price__item-two:hover p, .price__item-two.active p {
  /*color: #ffffff;*/
}
.price__item-two:hover .price__tag h1, .price__item-two.active .price__tag h1 {
  /*color: #ffffff;*/
}
.price__item-two:hover .price__tag, .price__item-two.active .price__tag  {
  /*color: #ffffff;*/
}
.price__item-two:hover .price__features ul li, .price__item-two.active .price__features ul li  {
  /*color: #ffffff;*/
}
.price__item-two:hover .price__features ul li::after, .price__item-two.active .price__features ul li::after {
  /*background: #ffffff;*/
}

    /*ORIGINAL:hover*/
.price__item-two .price__shape, .price__item-two.active .price__shape {
  right: -150px;
  visibility: visible;
  opacity: 1;
}
.price__shape {
  top: -75px;
  right: -100%;
  visibility: hidden;
  opacity: 0;
}
.price__tag h1 {
  font-size: 74px;
  font-weight: 900;
  margin-bottom: 0px;
  line-height: 1;
}
.price__features ul li {
  margin-bottom: 15px;
}
.price__features ul li span {
  padding-left: 22px;
  position: relative;
}
.price__features ul li span::after {
  position: absolute;
  content: "";
  left: 0;
  top: 7px;
  width: 7px;
  height: 7px;
  background: #bcbbcb;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.price__features-two{
  border-top:1px solid #ddd;
  margin-left:-10px;
  margin-right:-10px;
  padding-top:10px;/*WAS 15*/
  padding-bottom:10px; /*WAS 15*/
}
@media only screen and (max-width:991px){
  .price__features-two{
    border-top:1px solid #ddd;
    margin-left:-39px;
    margin-right:-39px;
    padding-top:10px;
    padding-bottom:10px
  }
}
.price__features-two ul li{
  display: flex;
  text-transform:uppercase;
  text-align:left;
  font-size:14px;
  line-height:1.33;
  font-weight:700;
  color:#701F95;
}

.price__features-two ul li p{
  float:none; 
  text-align: left; 
  position:relative;
  display:flex;
  margin-left: 5px; 
  margin-top: -4px;
  font-size:15px;
  text-transform:none;
  font-weight:400
}
.price__features-two p{
  float:none; 
  text-align: left; 
  position:relative;
  display:flex;
  margin-left: 145px; 
  margin-top: -53px;
  font-size:15px;
  text-transform:none;
  font-weight:400; 
  padding-top:15px;
  padding-bottom:15px
}
@media only screen and (max-width:991px){
  .price__features-two p{
    float:none; 
    text-align: left; 
    position:relative;
    display:flex;
    margin-left: 125px; 
    margin-top: -53px;
    font-size:15px;
    text-transform:none;
    font-weight:400; 
    padding-top:15px;
    padding-bottom:15px
  }
}
.price__features-2{
 margin-top: -57px;
}


.price__tab {
  position: relative;
}
.price__tab .nav-tabs {
  position: relative;
  width: 220px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #f4f5fd;
  padding: 5px;
  border-bottom: 0;
}
.price__tab .nav-tabs .nav-item {
  margin-right: 14px;
}
.price__tab .nav-tabs .nav-item:last-child {
  margin-right: 0;
}
.price__tab .nav-tabs .nav-item .nav-link {
  padding: 0 25px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  background: transparent;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-weight: 700;
}
.price__tab-two .nav-tabs .nav-item .nav-link {
  padding: 0 25px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  background: transparent;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-weight: 700;
  color: #fff;
}
.price__tab .nav-tabs .nav-item .nav-link.active {
  background: #ffffff;
  color: #701F95; /*4636ff*/
  -webkit-box-shadow: 0px 2px 6px 0px rgba(11, 0, 65, 0.06);
  -moz-box-shadow: 0px 2px 6px 0px rgba(11, 0, 65, 0.06);
  box-shadow: 0px 2px 6px 0px rgba(11, 0, 65, 0.06);
}
.price__tab-two .nav-tabs {
  position: relative;
  width: 240px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #701F95;/*OROGINAL: f4f5fd*/
  padding: 5px;
  border-bottom: 0;
  padding-bottom: 7px;
}


.price__tab-three {
  position: relative;
}
.price__tab-three .nav-tabs {
  position: relative;
  width: 220px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #f4f5fd;
  padding: 5px;
  border-bottom: 0;
}
.price__tab-three .nav-tabs .nav-item {
  margin-right: 14px;
}
.price__tab-three .nav-tabs .nav-item:last-child {
  margin-right: 0;
}
.price__tab-three .nav-tabs .nav-item .nav-link {
  padding: 0 25px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  background: transparent;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-weight: 700;
}

.price__tab-three .nav-tabs .nav-item .nav-link.active {
  background: #ffffff;
  color: #701F95; /*4636ff*/
  -webkit-box-shadow: 0px 2px 6px 0px rgba(11, 0, 65, 0.06);
  -moz-box-shadow: 0px 2px 6px 0px rgba(11, 0, 65, 0.06);
  box-shadow: 0px 2px 6px 0px rgba(11, 0, 65, 0.06);
}
.price__tab-three .nav-tabs {
  position: relative;
  width: 240px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #701F95;/*OROGINAL: f4f5fd*/
  padding: 5px;
  border-bottom: 0;
  padding-bottom: 7px;
}
.price__offer {
  position: absolute;
  top: -50px;
  right: 28%;
}
.price__offer span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  padding: 0 15px;
  color: #25ad0a;
  background: #e9f7e6;
  font-weight: 700;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.price__offer img {
  position: absolute;
  top: 0;
  right: 98%;
}

/*----------------------------------------*/
/*  10. BRAND CSS START
/*----------------------------------------*/
.brand__subtitle p {
  font-size: 16px;
  padding-right: 120px;
  margin-top: 30px;
}
.brand__item {
  margin-bottom: 90px;
  text-align: center;
}
.brand__item img {
  width: inherit !important;
  display: inline-block !important;
}
.brand__shape img {
  position: absolute;
}
.brand__shape img.square {
  top: 22%;
  left: 0;
  animation: square 10s linear 0s infinite alternate;
  -webkit-animation: square 10s linear 0s infinite alternate;
}
.brand__shape img.circle {
  top: 44%;
  left: 3%;
  animation: circle 10s linear 0s infinite alternate;
  -webkit-animation: circle 10s linear 0s infinite alternate;
}
.brand__shape img.circle-2 {
  right: 3%;
  top: 46%;
  animation: circle2 10s linear 0s infinite alternate;
  -webkit-animation: circle2 10s linear 0s infinite alternate;
}
.brand__shape img.triangle {
  right: 6%;
  bottom: 38%;
  animation: trinlge 5s linear 0s infinite alternate;
  -webkit-animation: trinlge 5s linear 0s infinite alternate;
}

@keyframes square {
  0% {
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
}
@keyframes circle {
  0% {
    transform: translateX(-100px);
    rotate: 0deg;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
  }
  100% {
    transform: translateY(-100px);
    rotate: 180deg;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
  }
}
@keyframes circle2 {
  0% {
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
  }
  25% {
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
  }
  75% {
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
  }
  100% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
  }
}
@keyframes trinlge {
  0% {
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
  }
  25% {
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
  }
  75% {
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
  }
  100% {
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
  }
}
/*----------------------------------------*/
/*  11. CONTACT CSS START
/*----------------------------------------*/
.contact__area {
  position: relative;
}
.contact__map {
  height: 750px;
}
.contact__map iframe {
  height: 100%;
  width: 100%;
  border: none;
}
.contact__wrapper {
  position: absolute;
  top: 50%;
  left: 375px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #ffffff;
  width: 870px;
  min-height: 490px;
  padding: 65px 60px;
  padding-right: 70px;
  -webkit-box-shadow: 0px 30px 50px 0px rgba(10, 0, 58, 0.08);
  -moz-box-shadow: 0px 30px 50px 0px rgba(10, 0, 58, 0.08);
  box-shadow: 0px 30px 50px 0px rgba(10, 0, 58, 0.08);
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .contact__wrapper {
    left: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__wrapper {
    left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__wrapper {
    left: 30px;
    width: 700px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__wrapper {
    left: 30px;
    width: 500px;
  }
}
@media (max-width: 575px) {
  .contact__wrapper {
    left: 30px;
    width: 280px;
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__info {
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__info {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .contact__info {
    margin-right: 0;
  }
}
.contact__info h3 {
  font-size: 40px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 25px;
}
.contact__info ul li {
  margin-bottom: 40px;
}
.contact__info ul li:last-child {
  margin-bottom: 0 !important;
}
.contact__info ul li h4 {
  font-size: 16px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  text-transform: capitalize;

}
.contact__info ul li p {
  margin-bottom: 0;
}
.contact__info ul li p a:hover {
  color: #4636ff;
}
.contact__form {
  width: 50%;
  margin-top: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__form {
    width: 100%;
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .contact__form {
    width: 100%;
    margin-top: 50px;
  }
}
.contact__form input, .contact__form textarea {
  height: 50px;
  line-height: 46px;
  color: #1f1841;
  width: 100%;
  background: #f5f5f5;
  border: 2px solid transparent;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 0 15px;
}
.contact__form input::placeholder, .contact__form textarea::placeholder {
  font-size: 13px;
  text-transform: capitalize;
  color: #686777;
}
.contact__form input:focus, .contact__form textarea:focus {
  border-color: #4636ff;
  background: #ffffff;
  outline: none;
}
.contact__form input:focus::placeholder, .contact__form textarea:focus::placeholder {
  opacity: 0;
}
.contact__form textarea {
  height: 120px;
  resize: none;
}
.contact__help-item {
  padding: 50px 100px;
  -webkit-box-shadow: 0px 30px 60px 0px rgba(10, 0, 58, 0.1);
  -moz-box-shadow: 0px 30px 60px 0px rgba(10, 0, 58, 0.1);
  box-shadow: 0px 30px 60px 0px rgba(10, 0, 58, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__help-item {
    padding: 50px;
  }
}
@media (max-width: 575px) {
  .contact__help-item {
    padding: 30px 15px;
  }
}
.contact__text h3 {
  font-size: 26px;
}
.contact__text p {
  margin-bottom: 35px;
}
.contact__shape img {
  position: absolute;
}
.contact__shape img.dot {
  left: 12%;
  top: 36%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__shape img.dot {
    left: 0%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__shape img.dot {
    left: 2%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__shape img.dot {
    left: 2%;
    top: 24%;
  }
}
@media (max-width: 575px) {
  .contact__shape img.dot {
    left: 2%;
    top: 24%;
  }
}
.contact__shape img.shape {
  top: 25%;
  left: 16%;
  opacity: 0.04;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__shape img.shape {
    left: 9%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__shape img.shape {
    left: 0;
    right: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__shape img.shape {
    left: 0;
    right: 0;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .contact__shape img.shape {
    left: 0;
    right: 0;
    width: 100%;
  }
}

/*----------------------------------------*/
/*  12. FAQ CSS START
/*----------------------------------------*/

@media only screen and (min-width: 991px) and (max-width: 1200px){
  .faq__area{
    margin-top:480px;
  }
} 

@media only screen and (max-width: 1200px){
  .faq__area{
    margin-top:60px
  }
}
@media only screen and (min-width: 480px) and (max-width: 990px){
  .faq__area{
    margin-top:480px
  }
}
@media only screen and (min-width: 1200px){
  .faq__area{
    margin-top:-30px
  }
}

@media only screen and (max-width: 767px){ /*problemns*/
  .faq__area{
    margin-top:480px 
  }
}
@media only screen and (max-width: 479px){
  .faq__area{
    margin-top:-220px /*-50px*/
  }
}

.faq__wrapper .card {
  margin-bottom: 20px;
  border: none;
  background: transparent;
}
.faq__wrapper .card-header {
  padding: 0;
  border: 0;
  border: none;
  background: transparent; /*ORIGINAL:f8f7fd MAKES FOUR BOX CORNERS VISIBLE WITH OTHER BACKGROUND COLOR */
}
.faq__wrapper .card-header h5 button:hover { /*ADDED*/
 color: #701F95; /*1f1841*/
 background: #fff; 
 border: 2px solid #701F95;
}

.faq__wrapper .btn-link {
  position: relative;
  padding: 15px 23px;
  width: 100%;
  text-align: left;
  font-size: 18px;
  color: #1f1841;
  font-weight: 700;
  text-decoration: none;
  border: 2px solid #ffffff;
  background: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(2, 0, 40, 0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(2, 0, 40, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(2, 0, 40, 0.1);		/*ACCORDION SHADOWS:IT MAKES A DARK DESCRIPTION TEXT*/


  /*-webkit-box-shadow: 0px 30px 40px 0px rgba(2, 0, 40, 0.1);
  -moz-box-shadow: 0px 30px 40px 0px rgba(2, 0, 40, 0.1);
  box-shadow: 0px 30px 40px 0px rgba(2, 0, 40, 0.1);		ORIGINAL ACCORDION SHADOWS:IT MAKES A DARK DESCRIPTION TEXT*/
}
@media only screen and (max-width: 991px){
  .faq__wrapper .btn-link {
    position: relative;
    padding: 15px 23px;
    width: 100%;
    text-align: left;
    font-size: 18px;
    color: #1f1841;
    font-weight: 700;
    text-decoration: none;
    border: 2px solid #ffffff;
    background: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 7px 20px 0px rgba(2, 0, 40, 0.1);
    -moz-box-shadow: 0px 7px 20px 0px rgba(2, 0, 40, 0.1);
    box-shadow: 0px 7px 20px 0px rgba(2, 0, 40, 0.1);		
  }
}
.shadowlanguages{
	font-size: 18px;
	padding-bottom: 90px;
	margin-top: 80px;
	
	
}
@media only screen and (max-width: 767px) {
  .shadowlanguages{
	font-size: 15px;
	padding-bottom: 60px;
	  margin-top: -20px;
	  text-align: center
	
}
}

.faq__wrapper .btn-link::before {
  position: absolute;
  content: "2";
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "ElegantIcons";
  font-size: 18px;
  /*color: #1f1841;
  color: #4636ff;*/
}
/* -----  AGREGUE  MÁS DEL MENU ACORDION-------*/
.faq__wrapper .btn-link::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  /*color: #1f1841;*/
  color: #00aceb;/* -----  COLOR DEL MENOS DEL ACORDION 4636ff-------*/
}
.faq__wrapper .btn-link.collapsed::before {
  content: "";
  /*color: #1f1841; -----  COLOR DEL MÁS DEL ACORDION-------*/
}
/* -----  MAS DEL MENU ACORDION-------*/




.faq__wrapper .btn-link.collapsed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #f8f7fd;/*background color no active*/ 
  border-color: #dddae9;
}
.faq__wrapper .btn-link.collapsed::before {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  color: #701F95;/*1f1841*/ /*PLUS PURPLE COLOR*/
}
.faq__wrapper .btn-link:hover {
  text-decoration: none;
  background: transparent;
}
.faq__wrapper .card-body {
  padding-left: 15px; /*ORIGINAL 30*/
  padding-top: 30px;/*ADDED*/
  padding-bottom: 30px;/*ADDED*/
  line-height: 26px;
  padding-right: 10px;/*ORIGINAL 60*/
}
.faq__thumb {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq__thumb {
    width: 48%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq__thumb {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq__thumb {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq__thumb {
    display: none;
  }
}
@media (max-width: 575px) {
  .faq__thumb {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq__accordion {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .faq__accordion {
    margin-top: 50px;
  }
}
.faq__accordion::after {
  position: absolute;
  top: -20px;
  left: -35px;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/icon/faq/faq-1.png");
  opacity: 0.04;
  z-index: -1;
}
.faq__accordion .card {
  margin-bottom: 20px;
  border: none;
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(3, 0, 53, 0.1);
  -moz-box-shadow: 0px 10px 30px 0px rgba(3, 0, 53, 0.1);
  box-shadow: 0px 10px 30px 0px rgba(3, 0, 53, 0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.faq__accordion .card-header {
  padding: 0;
  border: 0;
  border: none;
  background: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.faq__accordion .btn-link {
  position: relative;
  padding: 15px 23px;
  padding-right: 40px;
  width: 100%;
  text-align: left;
  font-size: 18px;
  color: #4636ff;
  font-weight: 700;
  text-decoration: none;
  border: none;
  background: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.faq__accordion .btn-link::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  color: #1f1841;
  color: #4636ff;/* -----  COLOR DEL MENOS DEL ACORDION-------*/
}
.faq__accordion .btn-link.collapsed {
  background: #ffffff;
  color: #1f1841;
}
.faq__accordion .btn-link.collapsed::before {
  content: "";
  color: #1f1841;/* -----  COLOR DEL MÁS DEL ACORDION-------*/
}
.faq__accordion .btn-link:hover {
  text-decoration: none;
}
.faq__accordion .card-body {
  padding: 30px;
  line-height: 26px;
  padding-right: 70px;
  padding-top: 0;
}

/*----------------------------------------*/
/*  13. ACHIEVEMENT CSS START
/*----------------------------------------*/
.achievement__content p {
  margin-bottom: 50px;
  line-height: 26px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .achievement__thumb {
    padding-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .achievement__thumb {
    padding-left: 0;
    margin-top: 50px;
  }
}
.achievement__item {
  padding-right: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .achievement__item {
    padding-right: 85px;
  }
}
.achievement__item img {
  margin-bottom: 25px;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
.achievement__item h3 {
  font-size: 18px;
}
.achievement__item:hover img {
  -webkit-transform: translate3d(0, -10px, 0);
  -moz-transform: translate3d(0, -10px, 0);
  -ms-transform: translate3d(0, -10px, 0);
  -o-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

/*----------------------------------------*/
/*  14. EXPART CSS START
/*----------------------------------------*/
.expart__tab {
  -webkit-box-shadow: 0px 30px 40px 0px rgba(2, 0, 40, 0.1);
  -moz-box-shadow: 0px 30px 40px 0px rgba(2, 0, 40, 0.1);
  box-shadow: 0px 30px 40px 0px rgba(2, 0, 40, 0.1);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
}
.expart__nav .nav-link {
  height: 44px;
  line-height: 44px;
  padding: 0 30px;
  font-size: 14px;
  color: #1f1841;
  background: #eae9f4;
  font-weight: 700;
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  margin-left: 10px;
}
.expart__nav .nav-link.active {
  background: #4636ff;
  color: #ffffff;
}
.expart__tab-content {
  position: relative;
}
.expart__tab-content h3 {
  font-size: 30px;
  margin-bottom: 25px;
}
.expart__tab-content p {
  margin-bottom: 40px;
}
.expart__content {
  padding: 0 70px;
  padding-top: 157px;
  padding-bottom: 160px;
}
@media (max-width: 575px) {
  .expart__content {
    padding: 30px;
  }
}
.expart__thumb {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .expart__thumb {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .expart__thumb {
    display: none;
  }
}
@media (max-width: 575px) {
  .expart__thumb {
    display: none;
  }
}

/*----------------------------------------*/
/*  15. TESTIMONIAL CSS START
/*----------------------------------------*/
.testimonial__thumb {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__thumb {
    padding-top: 0;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__thumb {
    padding-top: 0;
    padding-bottom: 70px;
  }
}
@media (max-width: 575px) {
  .testimonial__thumb {
    padding-top: 0; /*0 FOR CELLPHONE*/
    padding-bottom: 70px; /*70 FOR CELLPHONE*/
margin-bottom: -40px;/*ADDED*/
  }
}
.testimonial__thumb::before {
  position: absolute;
  content: "";
  right: 35px;
  top: 21%;
  width: 85%;
  height: 85%;
  z-index: -1;
  background: url("../img/icon/testimonial/border.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__thumb::before {
    display: inherit;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__thumb::before {
    display: inherit;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__thumb::before {
    display: inherit;
  }
}
@media (max-width: 575px) {
  .testimonial__thumb::before {
    display: inherit;

    position: absolute;
    content: "";
    right: 5px;/*35px ideal: 15px   -5px*/
    top: -5%;/*21*/
    /*bottom:10%;ADDED*/
    width: 95%;/*85*/
    height: 95%;/*85*/
    z-index: -1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; /*COVER CHANGES ALL*/
  }
}

@media only screen and (max-width: 991px) {
.testimonial__thumb img{
    max-width: 235px;
    padding-top: 65px;
    margin-bottom: -50px
  }
}
@media only screen and (max-width: 767px){
  .testimonial__thumb img{
    max-width: 90%;/*355px*/
    padding-top: 35px;/*35*/
    margin-bottom: 0px;
    /*margin: auto;*/
  }
}

.testimonial__content {
  padding-bottom: 70px;
}
.testimonial__item p {
  font-size: 24px;
  line-height: 34px;
  font-family: "Frank Ruhl Libre", serif;
  margin-bottom: 25px;
	margin-top: 20px;
	color: #5B6280 /*.....AGREGUE .......*/
}
.testimonial__info h4 {
  font-size: 20px;
  margin-bottom: 0;
}
.testimonial__info span {
  font-size: 14px;
}
.testimonial__slider .owl-dots {
  position: relative;/*absolute*/
  bottom: 0;
  left: 0;
  display: flex;
  margin-top: 30px;
}
.testimonial__slider .owl-dots .owl-dot {
  width: 14px;
  height: 14px;
  background: transparent;
  border: 2px solid rgba(112, 31, 149, 0.4);/*(255, 255, 255, 0.4)    original:91,98,128*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; 

	
}
.testimonial__slider .owl-dots .owl-dot.active {
  background: #701F95;/*ffffff*/
  border-color: #701F95;/*ffffff*/
	
}
.case-two__carousel .owl-dots  {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
}
/*----------------------------------------*/
/*  16. CASE CSS START
/*----------------------------------------*/
.case__item {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.case__item img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
	/*width: auto; height: 390px AGREGUE LARGO DE IMG DE IDIOMAS*/
}
@media (max-width: 767px) {
  .case__item img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
	width: 100%; height:auto/*AGREGUE LARGO DE IMG DE IDIOMAS*/
}
}
.artintelligence img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
	width: auto; height: 630px/*width: auto; height: 390px AGREGUE LARGO DE IMG DE IDIOMAS*/
}
@media (max-width: 767px) {
 .artintelligence img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
	width: auto; height:350px/*width: auto; height: 390px AGREGUE LARGO DE IMG DE IDIOMAS*/
}
}






.case__item:hover .case__thumb::after {
  opacity: 0;
}
.case__item:hover .case__thumb::before {
  opacity: 0.9;
}
.case__item:hover .case__info {
  bottom: 0;
  visibility: visible;
  opacity: 0;
}
.case__item:hover .case__info-2 {
  top: 195px; /*BAJAR TEXTO EN HOVER CLASES ONLINE FONDO ROSADO  ORIGINAL 25*/
  visibility: visible;
  opacity: 1;
}
.case__item:hover .case__plus {
  right: 30px;
  visibility: visible;
  opacity: 1;
}
.case__thumb::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 150%);
  background-image: -webkit-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 150%);
  background-image: -ms-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 150%);
  background-image: linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 80%);/* -- ORIGINAL 0% T 100%*/
  z-index: 1; 
}
.case__thumb::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: -webkit-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: -ms-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  opacity: 0;
}
.case__info {
  left: 40px;
  bottom: 70px; /*up down FOR MANAGERS ETC original 25*/ 
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .case__info {
    
	  bottom: 65px; /*up down FOR MANAGERS ETC*/ 
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case__info {
    left: 15px;
	  bottom: 125px;
  }
}
.case__info h4 {
  font-size: 35px;/* ORIGINAL 20*/
  margin-bottom: 0; /* ORIGINAL 0*/
  color: #ffffff;
	margin-top: -160px  /* ----AGREGUE estuvo en 160----*/
}

/* ----AGREGUE----*/
@media only screen  and (max-width: 991px) {
 .case__info h4 {
  font-size: 40px;
  margin-bottom: 0; 
  color: #ffffff;
	margin-top: -150px  
}
}
/* ----AGREGUE----*/

.case__info span {
  color: #dadde3;
}
.case__info-2 {
  left: 40px;
  top: 0;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case__info-2 {
    left: 15px;
  }
}
.case__plus {
  right: -60px;/*ORIGINAL :30*/
  bottom: -120px;/*ORIGINAL :-90   EN TECHIS IMAGEN LARGA NOA PARECE PORQUE DEBE DE ESTAR EN 30*/
  visibility: visible;/*ORIGINAL :hidden*/
  opacity: 1;/*ORIGINAL :0*/
  z-index: 2;
}
.case__plus a {
  display: inline-block;
  width: 60px;/*ORIGINAL :50*/
  height: 60px;/*ORIGINAL :50*/
  line-height: 38px;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.8);
  color: #ffffff;/*ffffff*/
  font-size: 1.7rem;/*--------ORIGINAL 1rem-------*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
	right: 140px; /*--------ADDED-------*/

  /**ADDED*/
  background-image: url("../../images/[GetPaidStock.com]-62dad9583f5c66.jpg");
	background-origin: border-box;
	background-size: cover;
	background-position: center;
  opacity: 1;
}

 /*--------AGREGUE-------*/
@media only screen and (max-width: 991px) {
  .case__plus a {
  display: inline-block;
  width: 80px;/*ORIGINAL :42  WAS 60*/
  height: 80px;/*ORIGINAL :42 WAS 60*/
  line-height: 38px;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.8);
  color: #ffffff;/*ffffff 1f1841*/
  font-size: 2rem;/*--------ORIGINAL 1.5rem-------*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
	right: 85px; /*--------ADDED 160-------*/
  bottom: 120px;/*ADDED*/ 
  background: rgba(255, 255, 255, 1);  /*ADDED 0.7*/ 

  /**ADDED*/
  background-image: url("../../images/[GetPaidStock.com]-62dad9583f5c66.jpg");
	background-origin: border-box;
	background-size: cover;
	background-position: center;
  opacity: 1;
 
}
}

.case__plus__two a {
  display: inline-block;
  width: 60px;/*ORIGINAL :50*/
  height: 60px;/*ORIGINAL :50*/
  line-height: 38px;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.0);
  color: #ffffff;/*ffffff*/
  font-size: 1.7rem;/*--------ORIGINAL 1rem-------*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
	right: 140px; /*--------ADDED-------*/

  /**ADDED*/
  background-image: url("../../images/banderarusa.jpg");
	background-origin: border-box;
	background-size: cover;
	background-position: center;
  opacity: 1;
}

 /*--------AGREGUE-------*/
@media only screen and (max-width: 991px) {
  .case__plus__two a {
  display: inline-block;
  width: 80px;/*ORIGINAL :42  WAS 60*/
  height: 80px;/*ORIGINAL :42 WAS 60*/
  line-height: 38px;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.0);
  color: #ffffff;/*ffffff 1f1841*/
  font-size: 2rem;/*--------ORIGINAL 1.5rem-------*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
	right: 85px; /*--------ADDED 160-------*/
  bottom: 120px;/*ADDED*/ 
  background: rgba(255, 255, 255, 1);  /*ADDED 0.7*/ 

  /**ADDED*/
  background-image: url("../../images/banderarusa.jpg");
	background-origin: border-box;
	background-size: cover;
	background-position: center;
  opacity: 1;
 
}
}


.case__plus__three a {
  display: inline-block;
  width: 60px;/*ORIGINAL :50*/
  height: 60px;/*ORIGINAL :50*/
  line-height: 38px;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.0);
  color: #ffffff;/*ffffff*/
  font-size: 1.7rem;/*--------ORIGINAL 1rem-------*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
	right: 140px; /*--------ADDED-------*/

  /**ADDED*/
  background-image: url("../../images/[GetPaidStock.com]-63f020666e747.jpg");
	background-origin: border-box;
	background-size: cover;
	background-position: center;
  opacity: 1;
}

 /*--------AGREGUE-------*/
@media only screen and (max-width: 991px) {
  .case__plus__three a {
  display: inline-block;
  width: 80px;/*ORIGINAL :42  WAS 60*/
  height: 80px;/*ORIGINAL :42 WAS 60*/
  line-height: 38px;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.8);
  color: #ffffff;/*ffffff 1f1841*/
  font-size: 2rem;/*--------ORIGINAL 1.5rem-------*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
	right: 85px; /*--------ADDED 160-------*/
  bottom: 120px;/*ADDED*/ 
  background: rgba(255, 255, 255, 1);  /*ADDED 0.7*/ 

  /**ADDED*/
  background-image: url("../../images/[GetPaidStock.com]-63f020666e747.jpg");
	background-origin: border-box;
	background-size: cover;
	background-position: center;
  opacity: 1;
 
}
}

.case__plus__four a {
  display: inline-block;
  width: 60px;/*ORIGINAL :50*/
  height: 60px;/*ORIGINAL :50*/
  line-height: 38px;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.8);
  color: #ffffff;/*ffffff*/
  font-size: 1.7rem;/*--------ORIGINAL 1rem-------*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
	right: 140px; /*--------ADDED-------*/

  /**ADDED*/
  background-image: url("../../images/spanish-flag.png");
	background-origin: border-box;
	background-size: cover;
	background-position: center;
  opacity: 1;
}

 /*--------AGREGUE-------*/
@media only screen and (max-width: 991px) {
  .case__plus__four a {
  display: inline-block;
  width: 80px;/*ORIGINAL :42  WAS 60*/
  height: 80px;/*ORIGINAL :42 WAS 60*/
  line-height: 38px;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.8);
  color: #ffffff;/*ffffff 1f1841*/
  font-size: 2rem;/*--------ORIGINAL 1.5rem-------*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
	right: 85px; /*--------ADDED 160-------*/
  bottom: 120px;/*ADDED*/ 
  background: rgba(255, 255, 255, 1);  /*ADDED 0.7*/ 

  /**ADDED*/
  background-image: url("../../images/spanish-flag.png");
	background-origin: border-box;
	background-size: cover;
	background-position: center;
  opacity: 1;
 
}
}
 /*--------AGREGUE-------*/

.case__plus a:hover {
  color: #1f1841;
  border-color: #ffffff;
  background: #ffffff;  
}
@media only screen and (max-width:991px){/*ADDED*/
  .case__plus a:hover {
    color: #ffffff;/*1f1841*/
    border-color: #ffffff;
    background: transparent;  /*ffffff*/
  }
}
/*ADDED*/
.case__plus a i:first-child {
  left: inherit;
}
.case__plus a i:last-child {
  right: 150%;
}
/*ADDED*/
.case__plus a:hover i:first-child {
  left: -120%;
}
.case__plus a:hover i:last-child {
  left: 29%;/*left:50%*/
}
.case__plus a i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.case__plus a i:last-child {
  left: 120%;
}

@media only screen and (max-width:991px){
  .case__menu{
    line-height: 3rem;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.case__menu button {
  display: inline-block;
  min-height: 40px;
  line-height: 40px;
  color: #1f1841;
  padding: 0 20px;/*ORIGINAL 0 20PX*/
  font-weight: 400; /*ORIGINAL 700*/
  font-family: "Montserrat", serif;/*original "Frank Ruhl Libre", serif;   GOOD:Raleway weight:500*/
  background: transparent;
  font-size: 15px;/*ADDED ORIOGINAL 20*/
  
  
}


@media (max-width: 991px) {
  .case__menu button {
    font-size: 25px;/*ADDED was in 20*/
  }
}
@media (max-width: 575px) {
  .case__menu button {
    padding: 0px 10px;/*ORIGINAL 0px 15px*/
    font-size: 20px;/*ADDED was in 20*/
    display: inline-block;
    min-height: 40px;
    line-height: 40px;
    color: #4a4960;
    font-weight: 700;
    font-family: "Libre Franklin", serif;/*original "Frank Ruhl Libre", serif;   GOOD:Raleway weight:500*/
    background: transparent;
  }
}
.case__menu button.active {
  background: #701f95;/* ORIGINAL: 525253  	41A1D9	4636ff*/

  color: #fff;/*original #fff*/
  -webkit-box-shadow: 0px 10px 30px 0px rgba(2, 0, 40, 0.1);
  -moz-box-shadow: 0px 10px 30px 0px rgba(2, 0, 40, 0.1);
  box-shadow: 0px 10px 30px 0px rgba(2, 0, 40, 0.2);/*0.1*/
	border-radius: 5px;

}
.case__menu button:hover {
  color: #ffffff;/*ORIGINAL:  4636ff*/
  background: #701f95;/*ADDED  transparent*/
}
@media only screen and (max-width:991px){
  .case__menu button:hover {
    color: #ffffff;/*ORIGINAL:  4636ff*/
    background: #00aceb;/*ADDED  transparent*/
  }
}
@media only screen and (max-width:991px){
  .case__menu button.active {
    background: #00aceb;/* ORIGINAL: 525253  	41A1D9	4636ff*/
    color: #fff;
    border: 0px solid #701f95;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(2, 0, 40, 0.1);
    -moz-box-shadow: 0px 10px 30px 0px rgba(2, 0, 40, 0.1);
    box-shadow: 0px 10px 30px 0px rgba(2, 0, 40, 0.2);/*0.1*/
    border-radius: 5px
  }
}

@media only screen and (max-width:991px){
  .case__menu_2{
    line-height: 3rem;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.case__menu_2 button {
  display: inline-block;
  min-height: 40px;
  line-height: 40px;
  color: #4a4960;
  padding: 0 20px;
  font-weight: 700;
  font-family: "Libre Franklin", serif;/*original "Frank Ruhl Libre", serif;   GOOD:Raleway weight:500*/
  background: transparent;
  font-size: 18px;/*ADDED*/
  
}


@media (max-width: 991px) {
  .case__menu_2 button {
    font-size: 20px;/*ADDED was in 20*/
  }
}
@media (max-width: 575px) {
  .case__menu_2 button {
    padding: 0px 10px;/*ORIGINAL 0px 15px*/
    font-size: 15px;/*ADDED was in 20*/
    display: inline-block;
    min-height: 40px;
    line-height: 40px;
    color: #4a4960;
    font-weight: 700;
    font-family: "Libre Franklin", serif;/*original "Frank Ruhl Libre", serif;   GOOD:Raleway weight:500*/
    background: transparent;
  }
}
.case__menu_2 button.active {
  background: #4636ff;/* ORIGINAL: 525253  	41A1D9	4636ff*/
  color: #fff;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(2, 0, 40, 0.1);
  -moz-box-shadow: 0px 10px 30px 0px rgba(2, 0, 40, 0.1);
  box-shadow: 0px 10px 30px 0px rgba(2, 0, 40, 0.2);/*0.1*/
	border-radius: 5px
}
.case__menu_2 button:hover {
  color: #ffffff;/*ORIGINAL:  4636ff*/
  background: #4636ff;/*ADDED  transparent*/
}

.fancybox-image, .fancybox-spaceball {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/*----------------------------------------*/
/*  17. BLOG CSS START
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__wrapper {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__wrapper {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
@media (max-width: 575px) {
  .blog__wrapper {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.blog__item {
  padding: 45px 40px;
  padding-right: 60px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.blog__item:hover .blog__thumb {
  opacity: 1;
}
.blog__item:hover .blog__content h3 {
  color: #ffffff;
}
.blog__item:hover .blog__meta h4, .blog__item:hover .blog__meta h6 {
  color: #ffffff;
}
.blog__item:hover .blog__meta span {
  color: #ffffff;
}
.blog__item:hover .blog__meta span a {
  color: #ffffff;
}
.blog__item:hover .link-btn-2 {
  color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog__item {
    padding: 25px;
  }
}
.blog__item-2 {
  border: 1px solid #f6f6f8;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);
  -moz-box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);
  box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.blog__item-2:hover .blog__thumb-2 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.blog__thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
}
.blog__thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(260deg, #ff24f7 0%, #781ce2 100%);
  background-image: -webkit-linear-gradient(260deg, #ff24f7 0%, #781ce2 100%);
  background-image: -ms-linear-gradient(260deg, #ff24f7 0%, #781ce2 100%);
  background-image: -linear-gradient(260deg, #ff24f7 0%, #781ce2 100%);
  opacity: 0.9;
}
.blog__thumb-2 img {
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.blog__content {
  position: relative;
  z-index: 2;
}
.blog__content h3 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 50px;
}
.blog__content-2 {
  padding: 30px 50px;
  padding-bottom: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__content-2 {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .blog__content-2 {
    padding: 30px;
  }
}
.blog__content-2 h3 {
  font-size: 30px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog__content-2 h3 {
    font-size: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__content-2 h3 {
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .blog__content-2 h3 {
    font-size: 18px;
  }
}
.blog__content-2 h3 a:hover {
  color: #4636ff;
}
.blog__content-2 p {
  margin-bottom: 35px;
}
.blog__meta h4 {
  font-size: 26px;
  margin-bottom: 0;
}
.blog__meta h6 {
  font-size: 16px;
  color: #4a4960;
}
.blog__meta span {
  color: #8c8b9c;
}
.blog__meta span a {
  color: #4a4960;
}
.blog__user {
  position: relative;
}
.blog__user::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #4636ff;
}
.blog__user img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 15px;
}
.blog__user h6 {
  display: inline-block;
  font-size: 16px;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .blog__comment {
    margin-top: 10px;
  }
}
.blog__comment a i {
  padding-right: 4px;
}
.blog__comment a:hover {
  color: #4636ff;
}
.blog__play {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.blog__play a {
  display: inline-block;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  color: #ffffff;
  font-size: 26px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  animation: pulse 2s infinite;
  -webkit-animation: pulse 2s infinite;
}
.blog__quote {
  padding: 40px;
  border: 1px solid #f6f6f8;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);
  -moz-box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);
  box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.blog__quote blockquote {
  padding: 0;
}
.blog__quote h4 {
  font-size: 18px;
}
.blog__quote p {
  font-size: 20px;
  color: #1f1841;
  line-height: 1.3;
}
.blog__quote-line img {
  position: absolute;
}
.blog__quote-line img.line-1 {
  top: -42%;
  left: -30%;
}
.blog__quote-line img.line-2 {
  right: 0;
  bottom: -12%;
}
.blog__quote-line img.line-3 {
  left: -29%;
  top: 0;
}
.blog__quote-line img.line-4 {
  right: -7%;
  bottom: -5%;
}
.blog__quote-2 {
  padding: 50px 40px;
  padding-bottom: 45px;
}
.blog__link-icon i {
  position: absolute;
}
.blog__link-icon i.icon_1 {
  top: 10%;
  left: 3%;
  color: #4636ff;
  font-size: 30px;
  opacity: 0.14;
}
.blog__link-icon i.icon_2 {
  bottom: -10%;
  right: 4%;
  font-size: 70px;
  opacity: 0.14;
}
.blog__text h3 {
  font-size: 32px;
  margin-bottom: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog__text h3 {
    font-size: 27px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__text h3 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .blog__text h3 {
    font-size: 22px;
  }
}
.blog__text p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 30px;
}
.blog__text p span {
  background: #ffbbdb;
  color: #1f1841;
}
.blog__tag span {
  font-family: "Frank Ruhl Libre", serif;
  font-size: 18px;
  color: #1f1841;
  margin-right: 5px;
  font-weight: 700;
}
.blog__tag a {
  display: inline-block;
  height: 24px;
  line-height: 20px;
  text-align: center;
  padding: 0 13px;
  font-size: 14px;
  font-weight: 700;
  border: 2px solid #e8e7ec;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-right: 8px;
  margin-bottom: 10px;
}
.blog__tag a:hover {
  color: #ffffff;
  background: #4636ff;
  border-color: #4636ff;
}
.blog__share span {
  font-family: "Frank Ruhl Libre", serif;
  font-size: 18px;
  color: #1f1841;
  margin-right: 5px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 5px;
}
.blog__social ul {
  display: inline-block;
}
.blog__social ul li {
  display: inline-block;
  margin-right: 8px;
}
.blog__social ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #f1f1f1;
  display: inline-block;
}
.blog__social ul li a:hover {
  background: #4636ff;
  color: #ffffff;
}
.blog__author {
  padding: 30px 40px;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(10, 0, 58, 0.14);
  -moz-box-shadow: 0px 1px 4px 0px rgba(10, 0, 58, 0.14);
  box-shadow: 0px 1px 4px 0px rgba(10, 0, 58, 0.14);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media (max-width: 575px) {
  .blog__author-content {
    margin-top: 30px;
  }
}
.blog__author-content h5 {
  font-size: 18px;
  margin-bottom: 0;
}
.blog__author-content span {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__sidebar {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__sidebar {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .blog__sidebar {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__details-wrapper {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .blog__details-wrapper {
    margin-right: 0;
  }
}

.quote-2 {
  right: 50px;
  bottom: -22px;
}

/* sidebar */
.sidebar__widget-title h4 {
  font-size: 22px;
  position: relative;
  padding-bottom: 12px;
}
.sidebar__widget-title h4::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
  background: #4636ff;
}
.sidebar__widget-content .search {
  position: relative;
}
.sidebar__widget-content .search input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: none;
  outline: none;
  padding: 0 15px;
  background: #f7f7f7;
  color: #1f1841;
}
.sidebar__widget-content .search input::placeholder {
  color: #8f8f9a;
}
.sidebar__widget-content .search button {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  line-height: 50px;
  color: #4636ff;
  background: transparent;
}
.sidebar__widget-content .cat-link ul li {
  margin-bottom: 15px;
}
.sidebar__widget-content .cat-link ul li:last-child {
  margin-bottom: 0;
}
.sidebar__widget-content .cat-link ul li a {
  padding-left: 20px;
  position: relative;
  font-weight: 500;
}
.sidebar__widget-content .cat-link ul li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  color: #4636ff;
}
.sidebar__widget-content .cat-link ul li a:hover {
  color: #4636ff;
}
.sidebar__widget-content .cat-link ul li a:hover::after {
  left: 5px;
}

/* recent post */
.rc-thumb img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.rc-text h6 {
  font-size: 18px;
  line-height: 1.3;
  margin-bottom: 5px;
}
.rc-text h6 a:hover {
  color: #4636ff;
}

.rc-meta span {
  font-weight: 500;
}

.rc__comments ul li:hover .rc__comments-icon i {
  background: #4636ff;
  border-color: #4636ff;
  color: #ffffff;
}
.rc__comments-icon i {
  display: inline-block;
  font-size: 22px;
  width: 70px;
  height: 70px;
  line-height: 66px;
  text-align: center;
  color: #4636ff;
  border: 2px solid #dbdae0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.rc__comments-content h6 {
  font-size: 14px;
  color: #1b133f;
  margin-bottom: 7px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
}
.rc__comments-content p {
  margin-bottom: 2px;
}

/* tags */
.tags a {
  display: inline-block;
  height: 34px;
  line-height: 30px;
  text-align: center;
  padding: 0 19px;
  font-size: 14px;
  font-weight: 700;
  border: 2px solid #e8e7ec;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-right: 8px;
  margin-bottom: 10px;
}
.tags a:hover {
  color: #ffffff;
  background: #4636ff;
  border-color: #4636ff;
}

/* comment box */
.post-comment-title h3 {
  font-size: 22px;
}

.latest-comments li:first-child .comments-box {
  border-top: 0;
  padding-top: 0;
}

.latest-comments li.children {
  margin-left: 105px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .latest-comments li.children {
    margin-left: 60px;
  }
}
@media (max-width: 575px) {
  .latest-comments li.children {
    margin-left: 15px;
  }
}

.comments-avatar {
  float: left;
  margin-right: 20px;
}
.comments-avatar img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.comments-text {
  overflow: hidden;
  border-bottom: 1px solid #f1f0f7;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.comments-text p {
  margin-bottom: 20px;
}

.avatar-name {
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}

.avatar-name h5 {
  font-size: 18px;
  margin-bottom: 0px;
}

.avatar-name span {
  font-size: 14px;
  font-weight: 500;
}

.comment-reply {
  font-weight: 600;
  font-size: 14px;
  color: #1f1841;
}

.comment-reply i {
  padding-right: 4px;
}

.comment-reply:hover {
  color: #4636ff;
}

/* post comment */
.post-input input, .post-input textarea {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #f5f5f5;
  background: #f5f5f5;
  margin-bottom: 20px;
}
.post-input input::placeholder, .post-input textarea::placeholder {
  font-weight: 500;
  color: #686777;
}
.post-input input:focus, .post-input textarea:focus {
  border-color: #4636ff;
  outline: none;
  background: #ffffff;
}
.post-input input:focus::placeholder, .post-input textarea:focus::placeholder {
  opacity: 0;
}
.post-input textarea {
  height: 180px;
  line-height: 26px;
  resize: none;
  padding: 30px;
  padding-top: 20px;
}

.post-check input {
  margin-right: 5px;
}

.post-comment-form h4 {
  font-size: 22px;
  margin-bottom: 0;
}
.post-comment-form > span {
  display: inline-block;
  margin-bottom: 45px;
}

/*----------------------------------------*/
/*  18. HERO CSS START
/*----------------------------------------*/
.hero__height {
  min-height: 950px;
}


.hero__content span {
  padding: 4px 8px;
  color: #1f1841;/*4636ff*/
  background: rgba(70, 54, 255, 0.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  margin-bottom: 10px;
}
@media only screen and (max-width:991px){
  .hero__content span{
    display: none;
  }
}

.banner-carousel .hero__content h1{
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
  
    position: relative;
 

  opacity: 0;
}
.banner-carousel .active .hero__content h1{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.hero__content h1 {
  /*font-size: 70px;
  line-height: 1.1;
  margin-bottom: 20px;
  color: #2c234d;*/

  font-size: 45px;/* was in 40PX  ORIGINAL 57 o 43      47 with Frank Ruhl Libre*/
  font-weight: 700;/*ORIGINAL 900*/
 line-height: 55px; /*62*/
  font-family: "Montserrat", serif;/*ADDED  font-family: "Frank Ruhl Libre", serif;/*ADDED*/
  margin-top: 15px;
  color: rgb(31, 24, 65,0.95);
  width: 115%;/*95*/

  
}
@media screen and (min-width: 576px) and (max-width:991px) {
  .hero__content h1 {
    font-size: 35px; /*original 26px*/
    line-height: 40px;
    color:#231e61;/*color:rgb(31, 24, 65,0.85);*/
    font-weight: 600;/*ORIGINAL 900*/
    text-align: left;
    font-family: "Montserrat", serif;
    width: 50%;/*95*/
   
  }
}

@media screen and (min-width: 576px) and (max-width:991px) {
  .hero__content {
    margin-top: 40px;
  }
}

@media screen and (min-width: 576px) and (max-width:991px) {
  .hero__content p {
    text-align: left;
    width: 40%;
  }
}
@media screen and (min-width: 576px) and (max-width:991px) {
  .hero-content-btn {
    text-align: left;
  }
}
@media (max-width: 575px) {
  .hero__content h1 {
    font-size: 35px; /*original 26px*/
    line-height: 40px;
    color:#231e61;/*231e61 color:rgb(31, 24, 65,0.85);*/
    font-weight: 600;/*ORIGINAL 900*/
    text-align: center;
    font-family: "Montserrat", serif;
    width: 100%;/*95*/margin-top: 190px;
  
  }
}
.banner-carousel .hero__content p{


  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 1200ms ease;
  -moz-transition: all 1200ms ease;
  -ms-transition: all 1200ms ease;
  -o-transition: all 1200ms ease;
  transition: all 1200ms ease;
  opacity: 0;
}
.banner-carousel .active .hero__content p{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}
.banner-carousel .hero__content .hero-content-btn {


  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 1200ms ease;
  -moz-transition: all 1200ms ease;
  -ms-transition: all 1200ms ease;
  -o-transition: all 1200ms ease;
  transition: all 1200ms ease;
}
.banner-carousel .active .hero__content .hero-content-btn {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.hero__content p {
  font-size: 18px;
  margin-bottom: 55px;
  margin-top: 20px /*ADDED*/;
  color:rgb(31, 24, 65,0.85);
}
@media only screen and (max-width:575px){
  .hero__content p {
    font-size: 16px;
    margin-bottom: 30px; /*55*/
    margin-top: 20px /*ADDED*/;
    color:rgb(31, 24, 65,0.85);
    text-align: center;
    line-height: 20px; 

  }
}
.hero__thumb {
  position: absolute;
}
@media only screen and (max-width:991px){/*ADDED*/
  .hero__thumb {
    position: relative;
    float: right;
  }
}
.hero__thumb-wrapper {
  display: block;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero__thumb-wrapper {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__thumb-wrapper {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__thumb-wrapper {
    margin-left: 0;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__thumb-wrapper {
    margin-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .hero__thumb-wrapper {
    margin-left: 0;
    margin-top: 50px;
  }
}
.hero__thumb.one {
  top: -150px;/*origianl 0*/
  left: 45px;
}
.hero__thumb.two {
  left: 295px;
  top: 0;
}
.hero__thumb.three {
  top: 250px;
  left: 0;
}
.hero__thumb.four {
  left: 380px;
  top: 320px;
}
.hero__thumb img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 0%;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 0%;

  margin-top: -25px;/*ADDED was in 96 with slide 4*/

  /*margin-left:30pxORIGINAL 90PX*/ 
   
  min-width: 790px; /*570*/
  
  height:auto;
  border-left: solid 20px #701f95;float: right;padding-bottom: 20px;
}
@media only screen and (max-width:991px){
  .hero__thumb img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 0%;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;

  
    margin-left:80px; 
    margin-right: -140px;/*no alteration in with */
    max-width:580px; /*ORIGINAL RECTANGULE IMG 300PX*/
    min-width: 580px; /*ORIGINAL RECTANGULE IMG 300PX*/
    height:auto;
    margin-top:-320px; /*325*/  
    border-left: solid 10px #701f95;padding-bottom: 15px;
  }
}
@media only screen and (max-width:575px){
  .hero__thumb img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 0%;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;

  
    margin-left:0px; 
    margin-right: 20px;/*WAS IN 0PX no alteration in with */
    max-width:360px; /*ORIGINAL RECTANGULE IMG 415PX*/
    min-width: 360px; /*ORIGINAL RECTANGULE IMG 415PX*/
    height:auto;
    margin-top:-445px; /* -525   last was in -410 WAS IN 430   325*/  
    border-left: solid 10px #701f95;padding-bottom: 15px;
  }
}

@media only screen and (max-width:575px){
  .hero__thumb-two img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 0%;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;

  
    margin-left:120px; 
    margin-right: 0px;/*no alteration in with */
    max-width:320px; /*ORIGINAL RECTANGULE IMG 280PX*/
    min-width: 320px; /*ORIGINAL RECTANGULE IMG 280PX*/
    height:auto;
    margin-top:-400px; /*last was in -410 WAS IN 430   325*/  
    border-left: solid 10px #701f95;padding-bottom: 15px;
  }
}
@media only screen and (max-width:575px){
  .hero__thumb-three img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 0%;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;

  
    margin-left:120px; /*ORIGINAL 120PX*/
    padding-right: 25px; /*ADDED OR 15PX*/
    margin-right: 0px;/*no alteration in with */
    max-width:320px; /*ORIGINAL RECTANGULE IMG 280PX*/
    min-width: 320px; /*ORIGINAL RECTANGULE IMG 280PX*/
    height:auto;
    margin-top:-385px; /*last was in -410 WAS IN 430   325*/  
    border-left: solid 10px #701f95;padding-bottom: 15px;
  }
}
@media only screen and (max-width:575px){
  .hero__thumb-four img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 0%;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;

  
    margin-left:120px; 
    margin-right: 0px;/*no alteration in with */
    max-width:280px; /*ORIGINAL RECTANGULE IMG 280PX*/
    min-width: 280px; /*ORIGINAL RECTANGULE IMG 280PX*/
    height:auto;
    margin-top:-385px; /*last was in -410 WAS IN 430   325*/  
    border-left: solid 10px #701f95;padding-bottom: 15px;
  }
}
@media only screen and (max-width:575px){
  .hero__thumb-five img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 0%;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;

  
    margin-left:120px; 
    margin-right: 0px;/*no alteration in with */
    max-width:280px; /*ORIGINAL RECTANGULE IMG 280PX*/
    min-width: 280px; /*ORIGINAL RECTANGULE IMG 280PX*/
    height:auto;
    margin-top:-385px; /*last was in -410 WAS IN 430   325*/  
    border-left: solid 10px #701f95;padding-bottom: 15px;
  }
}

.hero__shape img {
  position: absolute;
}
.hero__shape img.one {
  top: 34%;
  left: 8%;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero__shape img.one {
    top: 24%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__shape img.one {
    top: 20%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__shape img.one {
    top: 20%;
  }
}
@media (max-width: 575px) {
  .hero__shape img.one {
    top: 20%;
  }
}
.hero__shape img.two {
  top: 53%;
  left: 55%;
}
.hero__shape img.three {
  top: 50%;/*20%*/
  right: 85%;/*3%*/
}
.hero__shape img.four {
  top: 46%;
  right: 64%;
}
.hero__shape img.five {
  top: 43%; /*3%*/
  right: 90%;/*right 0*/
}
.hero__shape img.six {
  left: 33%; /*3%*/
  top: 90px;/*0*/
  z-index: 1;
}

/*----------------------------------------*/
/*  19. PROJECT CSS START
/*----------------------------------------*/
.project__item {
  padding: 60px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project__item {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .project__item {
    padding: 20px;
  }
}
.project__item:hover .project__no h5 {
  background: #4636ff;
  color: #ffffff;
}
.project__no h5 {
  display: inline-block;
  font-size: 26px;
  color: #4636ff;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  background: rgba(70, 54, 255, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-bottom: 25px;
}
.project__content h3 {
  font-size: 26px;
  font-weight: 900;
  margin-bottom: 55px;
}
.project__content .taginf {
  color: #fff;
  margin-top: 10px;
  margin-bottom:30px;
}
@media only screen and (max-width:991px){
  .project__content .taginf {
    color: #fff;
    margin-top: 10px;
    margin-bottom:40px;
  }
}
.project__content h3 a:hover {
  color: #4636ff;
}
.project__thumb img {
  width: inherit !important;
  max-width: 100% !important;
}

/*----------------------------------------*/
/*  20. PAGE TITLE CSS START
/*----------------------------------------*/
.page__title {
  min-height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page__title::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #701F95 0%, #170da2 100%);
  background-image: -ms-linear-gradient(60deg, #701F95 0%, #170da2 100%);
  background-image: -webkit-linear-gradient(60deg, #701F95 0%, #170da2 100%);
  background-image: linear-gradient(60deg, #701F95 0%, #170da2 100%);
  opacity: 0.9;
}
.page__title-2 {
  min-height: 700px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page__title-2 {
    min-height: 500px;
  }
}
@media (max-width: 575px) {
  .page__title-2 {
    min-height: 500px;
  }
}
.page__title-content h2 {
  font-size: 70px;
  color: #ffffff;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page__title-content h2 {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .page__title-content h2 {
    font-size: 50px;
  }
}
.page__title-content .breadcrumb {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  margin-bottom: 0;
}
.page__title-content .breadcrumb-item {
  color: #ffffff;
  font-size: 18px;
}
.page__title-content .breadcrumb-item:hover {
  color: #ffffff;
}
.page__title-content .breadcrumb-item.active {
  padding-left: 14px;
}
.page__title-content .breadcrumb-item.active:hover {
  color: #ffffff;
}
.page__title-content .breadcrumb-item.active::before {
  content: "|";
  color: #ffffff;
  padding-right: 14px;
}
.page__title-content span {
  color: #ffffff;
  opacity: 0.5;
  display: inline-block;
  margin-bottom: 15px;
}
.page__title-content h3 {
  font-size: 70px;
  color: #ffffff;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page__title-content h3 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .page__title-content h3 {
    font-size: 30px;
  }
}

/*----------------------------------------*/
/*  21. PORTFOLIO CSS START
/*----------------------------------------*/
.portfolio__item:hover .portfolio__thumb::before {
  opacity: 0.9;
}
.portfolio__item:hover .portfolio__plus {
  visibility: visible;
  opacity: 1;
  top: 50%;
}
.portfolio__item:hover .portfolio__more {
  visibility: visible;
  opacity: 1;
  left: 0;
}
.portfolio__thumb {
  position: relative;
}
.portfolio__thumb img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.portfolio__thumb::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: -webkit-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: -ms-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  opacity: 0;
}
.portfolio__content {
  padding: 35px 0;
}
.portfolio__content h4 {
  font-size: 24px;
  margin-bottom: 5px;
}
.portfolio__content h4 a:hover {
  color: #4636ff;
}
.portfolio__content p {
  margin-bottom: 0;
}
.portfolio__plus {
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  z-index: 2;
}
.portfolio__plus a {
  display: inline-block;
  width: 42px;
  height: 42px;
  line-height: 38px;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #ffffff;
  font-size: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.portfolio__plus a:hover {
  color: #1f1841;
  border-color: #ffffff;
  background: #ffffff;
}
.portfolio__plus a:hover i:first-child {
  left: -120%;
}
.portfolio__plus a:hover i:last-child {
  left: 50%;
}
.portfolio__plus a i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.portfolio__plus a i:last-child {
  left: 120%;
}
.portfolio__more {
  bottom: 30px;
  background: #ffffff;
  z-index: 1;
  padding: 3px 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  left: -30px;
}
.portfolio__more .link-btn {
  font-size: 16px;
}
.portfolio__more .link-btn:hover {
  color: #1f1841;
}
.portfolio__load a i {
  margin-left: 0;
  padding-right: 5px;
}
.portfolio__menu span {
  color: #1f1841;
}
.portfolio__menu button {
  color: #646374;
  padding: 0 20px;
  background: transparent;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__menu button {
    padding: 0 10px;
  }
}
@media (max-width: 575px) {
  .portfolio__menu button {
    display: block;
    padding: 10px 0px;
  }
}
.portfolio__menu button.active {
  color: #4636ff;
}
.portfolio__menu button:hover {
  color: #4636ff;
}
.portfolio__details-content h1 {
  font-size: 50px;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .portfolio__details-content h1 {
    font-size: 40px;
  }
}
.portfolio__meta h4 {
  display: inline-block;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 16px;
}
.portfolio__info h3 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 7px;
}
.portfolio__overview h2 {
  font-size: 20px;
}
.portfolio__pagination-wrapper {
  padding-top: 30px;
  border-top: 1px solid #eeeeee;
}

/*----------------------------------------*/
/*  00. Footer CSS START
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__widget-3 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget-3 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__widget-3 {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .footer__widget-3 {
    margin-left: 0;
  }
}
.footer__widget-title h4 {
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 25px;  /*----- AGREGAR COLOR:#-------*/
}
.footer__widget-content-2 p {
  color: #d1cfdd;
}
.footer__widget-content p{ /*----- AGREGUÉ */
	color: rgba(255,255,255,0.5) /*----- AGREGUÉ COLOR:#-------*/
}
.footertitlescolor{
	color: rgba(255,255,255,0.65)/*----- AGREGUÉ COLOR:#-------*/
}
.footer__links ul li {
  margin-bottom: 10px; 
	color: rgba(255,255,255,0.5) /*----- AGREGUÉ COLOR:#-------*/
}
.footer__links ul li a {
  position: relative;
}
.footer__links ul li a::before {
  content: "";
  width: 0;
  height: 1px;
  bottom: 0;
  position: absolute;
  left: auto;
  right: 0;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: #4636ff;
}
.footer__links ul li a:hover {
  color: #4636ff;
}
.footer__links ul li a:hover::before {
  width: 100%;
  left: 0;
  right: auto;
}
.footer__links-2 ul li a {
  color: #d1cfdd;
}
.footer__links-2 ul li a::before {
  background: #ffffff;
}
.footer__links-2 ul li a:hover {
  color: #ffffff;
}
.footer__info ul li {
  margin-bottom: 8px;
  display: flex;
}
.footer__info ul li .icon i {
  line-height: 27px;
  color: #4636ff;
  margin-right: 15px;
}
.footer__info ul li .text span {
  font-weight: 700;
}
.footer__copyright {
  border-top: 1px solid #e7e7e7;
  padding: 25px 0;
}
.footer__copyright-2 {
  border-top: 1px solid #3f395c;
}
.footer__copyright-inner {
  border-top: 1px solid #e7e7e7;
  padding: 25px 0;
}
.footer__copyright-text p {
  margin-bottom: 0;
}
.footer__copyright-text p a {
  font-weight: 700;
  color: #1f1841;
}
.footer__copyright-text p a:hover {
  color: #4636ff;
}
.footer__copyright-text-2 p {
  color: #868395;
}
.footer__copyright-text-2 p a {
  color: #ffffff;
}
.footer__copyright-text-2 p a:hover {
  color: #ffffff;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__social {
    float: left;
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .footer__social {
    float: left;
    margin-top: 20px;
  }
}
.footer__social ul li {
  display: inline-block;
  margin-right: 7px;
}
.footer__social ul li a {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #f1f1f1;
  font-size: 14px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.footer__social ul li a:hover {
  background: #7b23de;
  color: #ffffff;
}
.footer__social-2 ul li a {
  background: #363054;
  color: #ffffff;
}
.footer__subscribe input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  background: #ffffff;
  border: none;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(2, 0, 40, 0.08);
  -moz-box-shadow: 0px 2px 4px 0px rgba(2, 0, 40, 0.08);
  box-shadow: 0px 2px 4px 0px rgba(2, 0, 40, 0.08);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.footer__subscribe input::placeholder {
  font-weight: 500;
  color: #686777;
}
.footer__subscribe input:focus {
  border: none;
  outline: none;
}
.footer__subscribe input:focus::placeholder {
  opacity: 0;
}
.footer__subscribe button {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  background: #4636ff;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0 15px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.companymasterclass{
	margin-top: 0px;
	margin-bottom: 30px
}
@media only screen and (max-width: 991px) {
 .companymasterclass{
	margin-top: 140px;
	margin-bottom: 30px; 
}
}


/*# sourceMappingURL=style.css.map */

/*# SCROLL WHATSAPP */
#whatsapp{
    position: fixed;
    right: 20px;
    bottom: 40px;/*ORIGINAL 20*/
    display: none;
	z-index: 100;
	width: 90px;
	height: auto
}

@media only screen and (max-width: 991px) {
 #whatsapp{
    position: fixed;
    right: 10px;/*ORIGINAL 20*/
    bottom: 20px;
    display: none;
	z-index: 100;
	width: 60px;
	height: auto
}
}

@media only screen and (min-width: 767px) {
  #whatsapp img{
	width: 70px;
	height: auto;
	 
}
}

@media only screen and (max-width: 991px) {
  #whatsapp img{
	width: 70px;
	height: auto;
	 
}
}

/*# SCROLL WHATSAPP */

.slide1 {
  background-image: url("../../images/hoy45.jpg");

		background-image: url("../../images/managerss.png");
	background-image: url("../../images/[GetPaidStock.com]-632d2c5ca2353.jpg");
	background-image: url("../../images/[GetPaidStock.com]-632d293f244ba.jpg");
	background-image: url("../../images/image.png");
	background-image: url("../../images/5dbdff2636787.png");
	background-image: url("../../images/empresaria-lider-oficina-moderna-workpeople-empresarioss.jpg");
		background-image: url("../../images/images.png");
	background-image: url("../../images/clases.de.ingles-corporativo.o-particularr.png");
	background-image: url("../../images/cerca-personas-que-trabajan-casa.jpg");
  background-image: url("../../images/5c2d5bdbd443f.png");
 



	background-position: right;/*ogiginal bottom*/

	
	}
@media (max-width: 991px){
	.slide1 {
    background-image: url("../../images/hoy45.jpg");
		background-image: url("../../images/5fc3f502c839b.jpg");
		background-image: url("../../images/5fc3f502c8399b.jpg"); 
    background-image: url("../../images/images-two/LOOK15.jpg"); 
    
    background-image: url("../../images/[GetPaidStock.com]-63f4fc80d284ee.jpg"); 
    background-image: url("../../images/[GetPaidStock.com]-63f5033ed2edf.jpg"); 
    
    background-image: url("../../images/[GetPaidStock.com]-63f4fd191eb3c.jpg"); /*yes but left*/
    background-image: url("../../images/[GetPaidStock.com]-63f4fc80d284e.jpg"); 
    background-image: url("../../images/[GetPaidStock.com]-63f4fb9fa98a3.jpg"); /*yes but left*/
    background-image: url("../../images/[GetPaidStock.com]-63f4fb564501e.jpg"); /*yes but edit*/
    background-image: url("../../images/[GetPaidStock.com]-63f4fa8bb8427.jpg"); /*yes*/
    
    background-image: url("../../images/[GetPaidStock.com]-63f504c9a9afd.jpg");/*yes*/
   
    background-image: url("../../images/managers.png");/*yes*/
    background-image: url("../../images/5fc3f502c839bbbb.jpg");/*yes but left*/
    background-image: url("../../images/5fc3f502c839b.jpg");/*yes*/


    

    background-image: url("../../images/[GetPaidStock.com]-63f504a9be5ba.jpg");/*yes*/

 
    background-image: url("../../images/images-two/ADOLESCENTE9.jpg"); /*yes*/
    background-image: url("../../images/[GetPaidStock.com]-63f500c29b700.jpg"); /*yes*/

		background-position: right/*center*/
	}
} 

.slide2 {
	background-image: url("../../images/young_business_people_1.png");		 
	background-image: url("../../images/[GetPaidStock.com]-62507ead1f0f77.jpg");	
  background-position: center
	}
@media (max-width: 991px){
	.slide2 {
      background-image: url("../../images/[GetPaidStock.com]-62507ead1f0f77.jpg");
      background-position: center
	}
}



.slide3 {
	background-image: url("../../images/5dbdff2636787777.png");
	background-image: url("../../images/clase-modelo-gratuita-antes-pago-idiomas-interaction.png");
	background-image: url("../../images/clase-modelo-gratuita-antes-pago-idiomas.interaction.png");
  background-image: url("../../images/5dbdffbbedc8e.png");
  background-image: url("../../images/cerca-personas-que-trabajan-casa.jpg");

			background-position: right/*original bottom*/
	}
@media (max-width: 991px){
	.slide3 {
		
			background-image: url("../../images/5cbe3238536b888.png");
		background-image: url("../../images/creadores-del-concepto-elementos-de-fluidez-idiomas------interaction.png");
		background-image: url("../../images/5dbdfcf3139daa.png");  
			background-image: url("../../images/5dbdff2636787.png");
      background-image: url("../../images/5dbdffbbedc8e.png");

   
		
		background-position: left
	}
} 


.slide4 {
  background-image: url("../../images/young_business_people_1.png");	
	background-image: url("../../images/empresaria-lider-oficina-moderna-workpeople-empresariosss.jpg");
  
		background-position: center;
   
	}
@media (max-width: 991px){
	.slide4 {
		background-image: url("../../images/adfhjjjj.jpg"); /*YES*/
		background-image: url("../../images/5ee7ebd4245f3.jpg");  /*YES*/
    background-image: url("../../images/5ee7ebd4245f3bg.png");  /*YES*/
    background-image: url("../../images/hoy45.jpg");
    background-image: url("../../images/[GetPaidStock.com]-632d293f244ba.jpg");
    background-image: url("../../images/5fb94a0f1abcf.jpg");
    background-image: url("../../images/5fb94a0f1abcfbg.png");
    
		background-position: right; 
 
	}
}

.slide5 {
		background-image: url("../../images/clase-modelo-gratuita-antes-pago-idiomas.interaction.png");
	
	background-image: url("../../images/5fb94a0f1abcf.jpg");

		background-image: url("../../images/images.png");
	

	
	

	background-image: url("../../images/[GetPaidStock.com]-63f4f98490e9e.jpg"); 



  background-image: url("../../images/[GetPaidStock.com]-623ccd26ea4eb.jpg");
  background-image: url("../../images/[GetPaidStock.com]-63f4ff47bbbc33.jpg");
  background-image: url("../../images/5dbdfcf3139daa.png");  
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: cover;
	background-position: top/*center*/
	}
@media (max-width: 991px){
	.slide5 {
			background-image: url("../../images/clase-modelo-gratuita-antes-pago-idiomas-interaction.png");
		
		background-image: url("../../images/[GetPaidStock.com]-63f4ff47bbbc3.jpg");
		
		background-image: url("../../images/[GetPaidStock.com]-63f4e9a904bb1.jpg");
		background-image: url("../../images/[GetPaidStock.com]-63f4fc80d284e.jpg");
		background-image: url("../../images/[GetPaidStock.com]-643f671c3a22a.jpg");
    background-image: url("../../images/5eab18773acce.png");
    background-image: url("../../images/[GetPaidStock.com]-623ccd26ea4eb.jpg");
    background-image: url("../../images/[GetPaidStock.com]-63f4ff47bbbc33.jpg");
    background-image: url("../../images/5dbdfcf3139daa.png"); 
 
		background-position: left
	}
}

@media (max-width: 991px){
	.staff{
		display: none
	}
}

.languageadults-2{
	margin-top: -40px;
	text-align: left
}
@media (max-width: 991px){
	.languageadults-2{
	margin-top: 0px;
		margin-bottom: -30px;
		text-align: left
}
}
.languageadults{
	margin-top: -10px;
	text-align: left
}
@media (max-width: 991px){
	.languageadults{
	margin-top: 0px;
		margin-bottom: -30px;
		text-align: left
}
}

@media only screen and (max-width: 991px){
	.tech-and-business{
    margin-bottom: 70px;
  }
}

@media (max-width: 767px){
	.alemanpc{
	display: none
	}
}
@media (min-width: 767px){
	.alemanmobile{
	display: none
	}
}


.fluencyfromfitst{
	background-color: transparent; border: solid 1px #FF8C00; border-radius: 4px; padding-left: 5px;padding-right: 5px
	}
@media (max-width: 767px){
	.fluencyfromfitst{
background-color: transparent; border: solid 2px #FF8C00; border-radius: 4px; padding-left: 5px;padding-right: 5px; 
		/*background-color: #FF8C00*/
	}
}

.backgroundlang{
	background-color: #fff; /*   F8F5F3*/
  margin-bottom: -140px;
}
@media only screen and (max-width: 991px){
  .backgroundlang{
    background-color: #fff; /*   F8F5F3*/
   padding-top: 100px;
   margin-bottom: -140px;
  }
}


.onlinelaninf{
	text-align: center
	}
@media (max-width: 767px){
	.onlinelaninf{
	text-align: left
	}
}


/*------------  FILTER LANGUAGES  START----------------*/

.filterDiv {
  /*float: left;
  background-color: #2196F3;
  color: #ffffff;
  width: 100px;
  line-height: 100px;
  text-align: center;
  margin: 2px;*/
  display: none;
}

.show {
  display: block;
}
/*
.container {
 
  overflow: hidden;
}*/

/* Style the buttons */
/*.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}*/

.btn:hover {
  background-color: #ddd;
}

.btn.active {
  background-color: #666;/*#666*/
  color: white;/*white*/
	
	
}


/*------------  FILTER LANGUAGES  END  ----------------*/


.languagesacordionmenu{
	margin-bottom: 30px; margin-top: 17px; /*-17*/
	margin-left: -40px;
  text-align: right;
}


@media (max-width: 991px){
	.languagesacordionmenu{
	margin-bottom: 40px; margin-top: 20px; /*bottom:30px  top:-60*/
	margin-left: inherit;
  text-align: center;
  margin-top: -40px;
}
}

.onlineword{
	color: #3BABFC; font-size: 3.5rem
}

@media only screen and (max-width: 767px){
.onlineword{
	color: #3BABFC; font-size: 3.5rem
}
}

.globalstandard{
	margin-top: 0px;/*-90px*/
	margin-left: 0px;/*80px*/
	
}
@media only screen and (max-width: 767px){
.globalstandard{
	margin-top: 0px;
	margin-left: 0px;

}
}

.globalstandard h5{
	padding-left: 80px
}

@media only screen and (max-width: 991px){
.globalstandard h5{
	padding-left: 0px
}
}

@media only screen and (max-width: 767px){
  .globalstandard h2{
    font-family: "Frank Ruhl Libre", serif;
    font-size: 2.2rem;/*3.5*/
    margin-top: -30px;
    text-align: center;
  }
  }
  @media only screen and (max-width: 767px){
    .globalstandard h2 span{
      color: #00ACEB; 
      font-size: 2.2rem; 
      font-weight: 300;
      font-family: "Frank Ruhl Libre", serif;
    }
    }

.englishformanagers{
	height: inherit/*height: 96vh; width: auto*/
}

@media only screen and (max-width: 991px){
.englishformanagers{
	height: 70vh; width: auto
}
}

.englishformanagersinf{
	padding-top:0px
}

@media only screen and (max-width: 991px){
	.englishformanagersinf{
	padding-top: 110px
}
}

.flag{
	background-image: url("../8./images/5148189555.png"); 
	background-image: url("../../images/[GetPaidStock.com]-63f01fef1ebcc.jpg"); 
	background-image: url("../../images/[GetPaidStock.com]-63f0203e203e4.jpg"); 
	background-image: url("../../images/[GetPaidStock.com]-63f0208ad8eb7.jpg"); 
	
	

 	background-image: url("../../images/[GetPaidStock.com]-63f020666e747.jpg");
	background-origin: border-box;
	background-size: cover;
	background-position: center;opacity: 0.8;
	background-image: linear-gradient(-220deg, transparent 0%, transparent 100%);/*original 47a1d9*/
}

.flag2{
 	background-image: url("../../images/[GetPaidStock.com]-62dad9583f5c6.jpg");
	background-origin: border-box;
	background-size: cover;
	background-position: center;
	/*background-image: linear-gradient(-220deg, transparent 0%, transparent 100%); original 47a2f1*/
	background-image: linear-gradient(-220deg, transparent 0%, transparent 100%);
}
@media only screen and (max-width: 991px){
.flag2{
 	background-image: url("../../images/[GetPaidStock.com]-62dad9583f5c6.jpg");
	background-origin: border-box;
	background-size: cover;
	background-position: center;
	background-image: linear-gradient(-220deg, transparent 0%, transparent 100%); /*original 47a2f1*/
	margin-left: 0px
	}
}


.flag3{
 		background-image: url("../../images/[GetPaidStock.com]-62dad9583f5c6.jpg");
	background-origin: border-box;
	background-size: cover;
	background-position: center;
	background-image: linear-gradient(-220deg, transparent 0%, transparent 100%);/*original 47a1d9*/
}
.avangardeai1{
	margin-bottom: 50px;
}
.avangardeai{
	align-content: center;
	align-items: center;
	align-self: center;
	text-align: center;
	color: #fff;
	margin-bottom: 150px;
	background-color: rgba(255,255,255,0.2);
	padding: 5px;
	border-radius: 5px

}
@media only screen and (max-width: 991px){
	.avangardeai1{
		margin-bottom: 0px;
		margin-top: -100px;
	}
}


.focusonfluency{
	margin-top: -30px; 
	padding-bottom: 50px;
	font-size: 40px;
	color: #fff;
	text-align: center;
	line-height: 4rem
}

@media only screen and (max-width: 991px){
.focusonfluency{
	margin-top: 30px; 
	margin-bottom: 20px;
	font-size: 27px;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 2.5rem;
	text-align: center
}
}

.philosophybtn{
	text-align: left
}
@media only screen and (max-width: 991px){
.philosophybtn{
	text-align: center
}
}



.bottomleftbackcolor{
	background-color: transparent; /*B5B4B4*/
}
@media only screen and (max-width: 991px){
  .bottomleftbackcolor{
    background-color: #B5B4B4;
  }
  }
 
.toprightbackcolor{
background-image: linear-gradient(-260deg, #00ACEB 80%, #64479C 100% ); /* #47A1D9 80    /60/40/0%, #690ed0 100%   LOGO ACTUAL:64479C*/

                      /*ORIGINAL: 260deg, #00ACEB 0%, #64479C 50% */
	/*background-image: url("../../images/[GetPaidStock.com]-63f4e9a904bb1.jpg");
	background-origin: border-box;
	background-size: cover;
	background-position: center;
	background-color: rgba(0,0,0,0.5); 3F5280   47a1d9   10265b 				background-image: linear-gradient(-220deg, #0788F8 0%, #47a1d9 100%);*/
}
 @media only screen and (max-width: 991px){
  .toprightbackcolor{
    background-image: linear-gradient(0deg, #701f95 0%, #701f95 0%);  /*padding-left: 25px  ORIGINAL:10265B 	(60deg, #10265B 0%, #47a1d9 100%) 	(-60deg, #10265B 0%, #47A1D9 100%)		(60deg, #47A1D9 0%, #170da2 100%) 		COLOR FUXIA:690ed0
    buenos:
    (-60deg, #170da2 0%, #47a1d9 100%)		(-260deg, #47a1d9 0%, #0788F8 100%)	(-60deg, #47a1d9 0%, #0788F8 100%)		(60deg, #47a1d9 0%, #0788F8 100%)
    
    DOS PRIMEROS
    (-260deg, #47A1D9 0%, #170da2 100%)			(260deg, #10265B 0%, #47a1d9 100%)		(-260deg, #47A1D9 0%, #ddd 100%) 	(-260deg, #47A1D9 0%, #690ed0 100%) 	(260deg, #47a1d9 0%, #47a1d9 100%) 		(-260deg, #10265B 0%, #47a1d9 100%)		 	(260deg, #47a1d9 0%, #10265B 100%)  	 	*/
  }
  }

  .toprightbackcolor-two{
    background-image: linear-gradient(260deg, #00ACEB 0%, #64479C 50% ); /* #47A1D9 80    /60/40/0%, #690ed0 100%   LOGO ACTUAL:64479C*/
                          /*ORIGINAL: 260deg, #00ACEB 0%, #64479C 50% */
      /*background-image: url("../../images/[GetPaidStock.com]-63f4e9a904bb1.jpg");
      background-origin: border-box;
      background-size: cover;
      background-position: center;
      background-color: rgba(0,0,0,0.5); 3F5280   47a1d9   10265b 				background-image: linear-gradient(-220deg, #0788F8 0%, #47a1d9 100%);*/
    }
     @media only screen and (max-width: 991px){
      .toprightbackcolor-two{
        background-image: linear-gradient(-260deg, #00ACEB 0%, #701F95 100%);  /*padding-left: 25px  ORIGINAL:10265B 	(60deg, #10265B 0%, #47a1d9 100%) 	(-60deg, #10265B 0%, #47A1D9 100%)		(60deg, #47A1D9 0%, #170da2 100%) 		COLOR FUXIA:690ed0
        buenos:
        (-60deg, #170da2 0%, #47a1d9 100%)		(-260deg, #47a1d9 0%, #0788F8 100%)	(-60deg, #47a1d9 0%, #0788F8 100%)		(60deg, #47a1d9 0%, #0788F8 100%)
        
        DOS PRIMEROS
        (-260deg, #47A1D9 0%, #170da2 100%)			(260deg, #10265B 0%, #47a1d9 100%)		(-260deg, #47A1D9 0%, #ddd 100%) 	(-260deg, #47A1D9 0%, #690ed0 100%) 	(260deg, #47a1d9 0%, #47a1d9 100%) 		(-260deg, #10265B 0%, #47a1d9 100%)		 	(260deg, #47a1d9 0%, #10265B 100%)  	 	*/
      }
      }

.topright{
	
	border-top-left-radius: 0%; /*ORIGINAL 70*/

	
}
@media only screen and (max-width: 991px){
  .topright{
    
    border-top-right-radius: 0%; /*ORIGINAL 35   tambien 20*/
    border-top-left-radius: 0%; /*AGREGUÉ*/
    
  }
  }
.bottomleft{
	border-bottom-left-radius: 100%;
	margin-left: 0px; /*ORIGINAL 300  ideal 130*/
	
	
/*border-bottom-right-radius: 100%;ORIGINAL 80*/
	/*margin-right: 300pxAGREGUÉ*/
}
@media only screen and (max-width: 991px){
  .bottomleft{
  border-bottom-left-radius: 70%;/*ORIGINAL 70*/
  border-bottom-right-radius: 0%;/*AGREGUÉ   ORIGINAL 70*/
    margin-right: 0px;/*AGREGUÉ*/
    margin-left: 0px
  }
  }



.widtfirstslide{
	width: 110%; /*80*/
	margin-left: -300px /*130*/
}
@media only screen and (max-width: 991px){
.widtfirstslide{
	width: inherit;
	margin-left: 0px
}
}

.titleslide{
	font-size: 2.5rem;/*2.5   2*/
	font-weight: 300; 
	line-height: 2.5rem; /*2.5     2.2*/
	margin-bottom: 60px; 
	width: 75%  /*75   60*/ 
}
@media only screen and (max-width: 991px){
.titleslide{
	font-size: 2rem;/*3*/
	font-weight: 100; 
	line-height: 2rem; /*3*/
	margin-bottom: 60px; 
	width: 100%
}
}
.titleslide2{
	font-size: 2.2rem;/*3*/
	font-weight: 200; 
	line-height: 2.2rem; /*3.2*/
	margin-bottom: 60px; 
	width: 130%
}
@media only screen and (max-width: 991px){
.titleslide2{
	font-size: 1.7rem;
	font-weight: 200; 
	line-height: 2rem; 
	margin-bottom: 60px; 
	width: 100%
}
}

.titleslide3{
	font-size: 3rem;/*2*/
	font-weight: 200; 
	line-height: 3rem; /*2.2*/
	margin-bottom: 60px; 
	width: 130%
}
@media only screen and (max-width: 991px){
.titleslide3{
	font-size: 1.8rem;
	font-weight: 200; 
	line-height: 2rem; 
	margin-bottom: 60px; 
	width: 100%
}
}
.titleslide4{
	font-size: 2.5rem;/*3.3*/
	font-weight: 200; 
	line-height: 3rem; /*2.2*/
	margin-bottom: 60px; 
	width: 80%
}
@media only screen and (max-width: 991px){
.titleslide4{
	font-size: 2.8rem;
	font-weight: 200; 
	line-height: 3rem; 
	margin-bottom: 0px; 
	width: 98%;
	
}
}

.titleslide5{
	font-size: 2.3rem;/*2*/
	font-weight: 300; 
	line-height: 0.2rem; /*2.2*/
	margin-bottom: 0px; 
	width: 100%
}
@media only screen and (max-width: 991px){
.titleslide5{
	font-size: 1.8rem;
	font-weight: 200; 
	line-height: 1.8rem; 
	margin-bottom: 0px;/*0*/ 
	width: 98%;
	
}
}


.titleslide6 h1{   /*   H1  TECNICAS NUNCA ENSEÑADAS*/
	
	line-height: 4rem; /*2.2*/
	padding-bottom: 50px; 
	width: 100%
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .titleslide6 h1 { /*  H1 SLIDE MOBILE*/
    font-size: 55px;/*  ORIGINAL 45 y 35*/
	  line-height: 4rem
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .titleslide6 h1 { /*  H1 SLIDE MOBILE*/
    font-size: 50px;/*  ORIGINAL 40 y 35*/
	  line-height: 3.5rem
  }
}
@media only screen and (max-width: 575px){
.titleslide6 h1{  /*  H1 SLIDE MOBILE*/
	font-size: 45px; /*40*/
	line-height: 3.1rem; /*2.9*/
	padding-bottom: 40px; 
	width: 90%;
	margin-top: -70px; /*-70*/
	margin-left: 20px
	
}
}

.widtfirstslide .fefistclass {
	line-height: 3.8rem;/*3.3*/
	padding-bottom: 40px;
	font-size: 3.6rem;
	width: 90%
}
@media only screen and (max-width: 991px){
.widtfirstslide .fefistclass {
	line-height: 3rem;/*2.5*/
	padding-bottom: 30px;
	font-size: 2.9rem;
	width: 90%;
}
}
.shortime{
	margin-top: 0px
}
@media only screen and (max-width: 991px){
.shortime{
	margin-top: 100px
}
}
.widtfirstslide .titleslide7{
	font-size: 1.5rem;/*2*/
	font-weight: 300; 
	line-height: 1.8rem; /*2.2*/
	margin-bottom: 70px; 
	text-align: center
}
@media only screen and (max-width: 991px){
.widtfirstslide  .titleslide7{
	font-size: 1.2rem;
	font-weight: 200; 
	line-height: 1.5rem; 
	margin-bottom: 50px;
	margin-top: -25px;
	text-align: center;
	
}
}
.englishtechprog{
	font-size: 2.8rem;
	margin-top: 25px;

	
}
@media only screen and (max-width: 991px){
.englishtechprog{
	font-size: 1.8rem;
	margin-top: 30px;
}
}

.widtfirstslide .aidataprogram{
	font-size: 3.6rem; 
	line-height: 3.6rem

	
}
@media only screen and (max-width: 991px){
.widtfirstslide .aidataprogram{
	font-size: 3.3rem; 
	line-height: 3.3rem;
	margin-top: -30px;
	
}
}

.widtfirstslide .businessenglishonly{
	font-size: 3.6rem; 
	line-height: 3.6rem;
	margin-bottom: 25px; 
	font-weight: 300;
	

	
}
@media only screen and (max-width: 991px){
.widtfirstslide .businessenglishonly{
	font-size: 3.6rem; 
	line-height: 3.8rem;
	margin-bottom: 25px; 
	font-weight: 300;
	margin-top: -30px
}
}
.wowww{
	width: 95%
}









.onlineglobalstandar{
	margin-top: 100px;
  margin-bottom: -40px;
}
.onlineglobalstandar .get{
	margin-bottom: -10px;
	font-size: 18px
}



@media only screen and (max-width: 991px){
.onlineglobalstandar{
	margin-top: 0px;
	margin-bottom: -80px
}
}
@media only screen and (max-width: 991px){
  .onlineglobalstandar .get-inter-standard h5{
    margin-top: 60px;
  }
}

@media only screen and (max-width: 991px){
	.languagesmenupc{
		display: none
	}
}
@media only screen and (min-width: 991px){
	.languagesmenumobile{
	display: none
	}
}

.submenuenglish{
	background-image: url("../../images/[GetPaidStock.com]-62dad9583f5c6.jpg");
	background-origin: border-box;
	background-size: cover;
	background-position: center;
	background-color: rgba(0,0,0,0.5);opacity: 0.5
	/*background-image: linear-gradient(-220deg, transparent 0%, transparent 100%); original 47a2f1
	background-image: linear-gradient(-220deg, transparent 0%, transparent 100%);*/
}


.submenuenglish:before {
  content: "";
  width: 0;
  height: 1px;
  bottom: 0;

  left: auto;
  right: 0;
  z-index: -1;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
 background-color: rgba(0,0,0,0.5);opacity: 0.5
}



@media only screen and (max-width: 991px){
	.philosophymenu{
	display: none
	}
}

.movelogo {
	margin-left: -15px;
  min-width: 220px;/*220*/
  height: auto;
}
@media only screen and (max-width: 991px){
	.movelogo {
    margin-left: 0px;/*0*/
    min-width: 200px;/*280*/
    max-width: 200px;
    height: auto;
  }
}
.movelogo1 {
	margin-left: -15px;
  max-width: 210px;
  height: auto;
  margin-top: 5px;/*0*/ /*ADDED ORIGINAL 5   with logo8 10px*/
  margin-bottom: 5px; /*ADDED ORIGINAL 5   with logo8 10px*/
}

@media only screen and (max-width: 991px){
	.movelogo1 {
    margin-left: 0px;
    margin-top: 5px;/*0*/ /*ADDED ORIGINAL 5   with logo8 10px*/
    margin-bottom: 5px; /*ADDED ORIGINAL 5   with logo8 10px*/
    min-width: 180px;/*180  max-with*/
    height: auto;
   
}
}

.gradientslide{
	border-bottom-color: linear-gradient(to right, #FF8C00 30%, #F5D00F 100%);   
/*-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/
	
/*color:  #FF8C00;background-color: #ffffff;*/                          /*border-bottom: 3px solid #701F95*/                         
color:  #fff;background-color: #00aceb;/*background-color: #E3DFFD;*/ border-bottom: 0px solid #701F95; border-right: 0px solid #701F95; /*6px    8pc 6 mobile*/
	border-radius: 20px; border-bottom-right-radius: 50px;/*50*/                                                                               /*ORIGINAL border-left: 8px*/
 
  /*background: linear-gradient(to right, #fff 0%, #690ED0 100%);    SI*/
  
    margin-bottom: -30px; 
   
    padding-right: 20px;  /*AGREGUÉ 7PX*/ 
    padding-left: 10px; /*AGREGUÉ  0PX*/ margin-right: 0px;
}
@media only screen and (max-width:767px){
  .gradientslide{
    border-bottom-color: linear-gradient(to right, #FF8C00 30%, #F5D00F 100%);   
  /*-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
    
  
  color:  #fff;background-color: #00aceb;/*background-color: #E3DFFD;*/ border-bottom: 0px solid #00ACEB; border-right: 0px solid #701F95; /*6px    8pc 6 mobile*/
    border-radius: 20px; border-bottom-right-radius: 50px;/*50*/                                                                               /*ORIGINAL border-left: 8px*/
   
    /*background: linear-gradient(to right, #fff 0%, #690ED0 100%);    SI*/
    
      margin-bottom: -30px; 
     
  padding-right: 20px;  /*AGREGUÉ*/ 
   padding-left: 10px; /*AGREGUÉ*/ margin-right: 0px;
  }
}
.gradientslide3{
	border-bottom-color: linear-gradient(to right, #FF8C00 30%, #F5D00F 100%);   
/*-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/
	
/*color:  #FF8C00;background-color: #ffffff;*/                          /*border-bottom: 3px solid #701F95*/                         
color:  #fff;background-color: #701f95;/*background-color: #E3DFFD;*/ border-bottom: 0px solid #701F95; border-right: 0px solid #701F95; /*6px    8pc 6 mobile*/
	border-radius: 20px; border-bottom-right-radius: 50px;/*50*/                                                                               /*ORIGINAL border-left: 8px*/
 
  /*background: linear-gradient(to right, #fff 0%, #690ED0 100%);    SI*/
  
    margin-bottom: -30px; 
   
    padding-right: 20px;  /*AGREGUÉ 7PX*/ 
    padding-left: 10px; /*AGREGUÉ  0PX*/ margin-right: 0px;
}
@media only screen and (max-width:767px){
  .gradientslide3{
    border-bottom-color: linear-gradient(to right, #FF8C00 30%, #F5D00F 100%);   
  /*-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
    
  
  color:  #fff;background-color: #701f95;/*background-color: #E3DFFD;*/ border-bottom: 0px solid #00ACEB; border-right: 0px solid #701F95; /*6px    8pc 6 mobile*/
    border-radius: 20px; border-bottom-right-radius: 50px;/*50*/                                                                               /*ORIGINAL border-left: 8px*/
   
    /*background: linear-gradient(to right, #fff 0%, #690ED0 100%);    SI*/
    
      margin-bottom: -30px; 
     
  padding-right: 20px;  /*AGREGUÉ*/ 
   padding-left: 10px; /*AGREGUÉ*/ margin-right: 0px;
  }
}
.gradientslide2{
	border-bottom-color: linear-gradient(to right, #701F95 30%, #701F95 100%);   
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
	

color:  #FF8C00;background-color: #ffffff;/*background-color: #E3DFFD;*/ border-bottom: 0px solid #701F95; border-left: 3px solid #701F95; /*6px    8pc 6 mobile*/
	border-radius: 0px; border-bottom-right-radius: 0px;border-end-start-radius: 0px;/*50*/                                                                               /*ORIGINAL border-left: 8px*/
 
  padding-right: 0px;  /*AGREGUÉ*/ 
 padding-left: 10px; /*AGREGUÉ*/ font-weight: 400;display: inline-block; margin-left: 4px;
 
}

.degradadoid{
	
/*background: linear-gradient(to right, #FF24F7 0%, #781ce2 100%);*/
/*background: linear-gradient(to right, #690ed0 0%, #3BABFC 100%);*/
	/*background: linear-gradient(-260deg, #47A1D9 0%, #690ed0 100%);*/
	background: linear-gradient(-60deg, #701F95 0%, #3BABFC 100%);
	background: linear-gradient(to right, #00ACEB 50%, #701F95 100%);  /*SI*/
										 /*3BABFC*/
	background: linear-gradient(to right, #701F95 50%, #3BABFC 100%);
	background: linear-gradient(to right, #64479c 40%, #ff24f7 100%);   /*SI*/
										/*781CE2*/
	background: linear-gradient(to right, #00ACEB 30%, #ff24f7 100%);    /*SI*/
										/*3BABFC*/
  background: linear-gradient(to right, #00ACEB 40%, #701F95 100%);    /*SI*/
 
	
-webkit-background-clip: text;
/*-webkit-text-fill-color: transparent;*/
	font-size: 3.2rem; 
	margin-bottom: -30px; 
  font-weight: 300;
  padding-top: 5px;
  padding-bottom: 5px;
}
.degradadoid2{
  background: linear-gradient(-60deg, #701F95 0%, #3BABFC 100%);
	background: linear-gradient(to right, #00ACEB 50%, #701F95 100%);  /*SI*/
										 /*3BABFC*/
	background: linear-gradient(to right, #701F95 50%, #3BABFC 100%);
	background: linear-gradient(to right, #64479c 40%, #ff24f7 100%);   /*SI*/
										/*781CE2*/
	background: linear-gradient(to right, #00ACEB 30%, #ff24f7 100%);    /*SI*/
										/*3BABFC*/
  background: linear-gradient(to right, #00ACEB 40%, #701F95 100%);    /*SI*/
	
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
	font-size: 57px; /*ORIGINA 67PX     L3.2  font yester 4.4*/
  line-height: 57px; /*ORIGINAL 7REM*/
	margin-bottom: -30px;
  font-weight: 900;/*600*/



  -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    /*display: -webkit-box;
    display:inline-flex; /*original flex*/
    /*-webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;*/
    padding-top: 5px;
    padding-bottom: 5px;
    /*font-family: "DM Sans", sans-serif;*/ 
    font-family: 'Montserrat', cursive;
    font-family: "Frank Ruhl Libre", serif;
   
    padding-left: 0px; /*ADDED ORIGINAL 15*/
    margin-top: 15px; /*ADDED*/
    /*letter-spacing: 0.2rem;*/

    
}
.degradadoid3{
  background: linear-gradient(-60deg, #701F95 0%, #3BABFC 100%);
	background: linear-gradient(to right, #00ACEB 50%, #701F95 100%);  /*SI*/
										 /*3BABFC*/
	background: linear-gradient(to right, #701F95 50%, #3BABFC 100%);
	background: linear-gradient(to right, #64479c 40%, #ff24f7 100%);   /*SI*/
										/*781CE2*/
	background: linear-gradient(to right, #00ACEB 30%, #ff24f7 100%);    /*SI*/
										/*3BABFC*/
  background: linear-gradient(to right, #00ACEB 40%, #701F95 100%);    /*SI*/
	
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
	font-size: 3.2rem; 
	margin-bottom: -30px;
  font-weight: 600;




    /*display: -webkit-box;
    display:inline-flex; /*original flex*/
    /*-webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;*/
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: "DM Sans", sans-serif; line-height: 4rem;
}

@media only screen and (max-width: 991px){
	.degradadoid {
 
  font-size: 3rem;
}
}
@media only screen and (max-width: 991px){
	.degradadoid2 {
    
  font-size: 50px;/*ORIGINAL 3*/
  line-height: 50px;
}
}
@media only screen and (max-width: 991px){
	.degradadoid3 {
    
  font-size: 3rem;
  line-height: 3.5rem;
}
}
/*
@media only screen and (max-width: 991px) {
  #masterclassscroll{
     position: fixed;
     left: 10px;
     bottom: 20px;
     
   z-index: 100;
   width: 60px;
   height: auto
 }
 }*/




 
/*BUSINEX TESTIMONIALS START*/

testimonial-item{background-color:#FFFFFF;
  -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,0.11);
  box-shadow:0 1px 5px 0 rgba(0,0,0,0.11);
  display:-webkit-box!important;
  display:-ms-flexbox!important;
  display:flex!important;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:40px;
  outline:none}
  
  @media only screen and (min-width:992px) and (max-width:1199.98px){
    .testimonial-item{
      padding:30px 20px
    }
  }
  @media only screen and (max-width:575.98px){
    .testimonial-item{
      display:inline-block!important;
      padding:30px 20px}}
      
    .testimonial-item .testimonial-txt{
      -ms-flex-preferred-size:calc(100% - 140px);
      flex-basis:calc(100% - 140px);
      max-width:calc(100% - 140px);
      font-weight:400;}
      
  @media only screen and (max-width:575.98px){
    .testimonial-item .testimonial-txt{
      -ms-flex-preferred-size:100%;
      flex-basis:100%;
      max-width:100%;
      text-align:center}}
      
    .testimonial-item .testimonial-txt img{
      margin-bottom:20px}
      
  @media only screen and (max-width:575.98px){
    .testimonial-item .testimonial-txt img{
      margin-left:auto;
      margin-right:auto}}
      
  .testimonial-item .testimonial-txt .client-name{
    font-size:18px;
    font-weight:600;
    line-height:1;
    margin-bottom:0}
    
  .testimonial-item .testimonial-txt .client-name .designation{
    font-size:15px;
    font-weight:400;
    color:#FFFFFF} /*ORIGINAL 6a6a6a*/
    
  .testimonial-item .testimonial-txt .client-name .designation2{
      font-size:15px;
      font-weight:400;
      color:#6a6a6a} /*ORIGINAL 6a6a6a*/

  .testimonial-item .testimonial-thumb{
    border-radius:50%;
    height:110px;
    margin-left:30px;
    -ms-flex-preferred-size:110px;
    flex-basis:110px;
    max-width:110px;
    overflow:hidden;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1}
    
    @media only screen and (max-width:575.98px){
      .testimonial-item .testimonial-thumb{
        -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
        order:0;
        margin-bottom:30px;
        margin-left:auto;
        margin-right:auto}}
        
    .testimonial-item--2{
      background-color:transparent;
      -webkit-box-shadow:none;
      box-shadow:none;
      padding:0;
      display:block!important}
      
      .testimonial-item--2 .testimonial-txt{
        font-size: 24px;
        font-weight:300;
        max-width:100%;
         color: #701F95;/*added*/
        margin-left: 60px;
        color: rgba(0, 0, 0, 0.85);
        /*color: rgba(105, 14, 208, 0.8);*/
       
    
      }
        
      @media only screen and (max-width:991.98px){
        .testimonial-item--2 .testimonial-txt{
          margin-left: 0px;}
    }

  @media only screen and (min-width:768px) and (max-width:991.98px){
    .testimonial-item--2 .testimonial-txt{
      font-size:20px}
    }
      
      
  @media only screen and (max-width:767.98px){
    .testimonial-item--2 .testimonial-txt{
      font-size:18px}}
      
  .testimonial-item--2 .testimonial-txt .client-name{
    margin-top:25px}
    
    .testimonial-item--3{
      -webkit-box-shadow:none;
      box-shadow:none}
      
  .testimonial-thumbnail-item{
    position:relative;
    z-index:1;}

    .testimonial-thumbnail img{
      margin-top: -30px;
    }
   
    
    .testimonial-thumbnail-item:after{
      border:15px solid #f3f4f6;
      border-bottom:0;
      content:"";position:absolute;
      left:0;
      bottom:0;
      height:85%;
      width:100%;
      z-index:-1;
      }
      
  .testimonial-thumbnail-item:before{
    background-image: url(../img/bgdot8.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    height:85%;
    width:100%;
    z-index:-1}
    
  .testimonial-arrows-2{
    text-align:right;
    margin-top: 40px;/*40*/
  }
    
  @media only screen and (max-width:767.98px){
    .testimonial-arrows-2{
      text-align:center
    }}
    
  .testimonial-arrows-2 button{
    margin-left:15px;
    color:#FFFFFF;/*00ACEB   ORIGINAL:9f9f9f*/
    -webkit-transition:0.5s;
    transition:0.5s;
    font-size:28px;/*18*/
    line-height:1; 
    background-color: transparent; /*added*/
}
.testimonial-arrows-3 button{
  margin-left:15px;
  color:#00ACEB;/*00ACEB   ORIGINAL:9f9f9f*/
  -webkit-transition:0.5s;
  transition:0.5s;
  font-size:38px;/*18*/
  line-height:1; 
  background-color: transparent; /*added*/
}

    .testimonial-arrows-2 button:first-child{
      margin-left:60px;
      margin-top: 0px;
    }
     
    @media only screen and (max-width:991px){
      .testimonial-arrows-2 button:first-child{
        margin-left:0px;
        margin-top: 0px;
      }
    }

    .testimonial-arrows-2 button:hover{
      color:#ffffff/*080b1a*/
    }
      
  
      @media only screen and (min-width:1200px){
        .testimonial-area .section-title{padding-right:50px;}
      }
      
    
    .testimonial-area .testimonial-content-wrap{margin-right:-5px}
    
    @media only screen and (min-width:1200px){
     .testimonial-area .testimonial-content-wrap{padding-left:40px}}
     
     @media only screen and (min-width:768px) and (max-width:991.98px){
      .testimonial-area .testimonial-content-wrap{margin-top:50px}}
      
     @media only screen and (max-width:767.98px){
        .testimonial-area .testimonial-content-wrap{margin-top:35px}}
        
    @media only screen and (min-width:1200px){
      .testimonial-area .testimonial-area-right{padding-left:60px;margin-top: 90px;}
    }
     
    .testimonial-area--2{
      padding-top:25px;
      background-color: #F8F9FC;
      padding-bottom: 80px;
    }
     
    @media only screen and (max-width:991px){
      .testimonial-area--2{
        padding-top:30px;padding-bottom: 65px;}
      }
      
    .testimonial-content .slick-list{margin:-15px 0;padding-left:5px;padding-right:5px}
    
    .testimonial-content .slick-list .slick-slide{margin:15px 0}
    
    .tagline{font-size:18px;line-height:1}
    .tagline strong{font-weight:500}
    .tagline .tag-no{font-weight:600;position:relative}
    .tagline .tag-no2{font-weight:600;position:relative}

    .tagline .tag-no:after{
      background-color:#00ACEB;content:"";/*original a2a2a4*/
      position:absolute;
      left:0;
      bottom:-2px;
      height:2px;
      width:100%
    }
    .tagline .tag-no2:after{
      background-color:#fff;content:"";
      position:absolute;
      left:0;
      bottom:-2px;
      height:2px;
      width:100%
    }
    .testimonial-grid .slick-list{margin:0 -10px}
    .testimonial-grid .slick-list .slick-slide{padding:0 10px}
    .testimonial-content--3 .slick-dots{
      -webkit-box-pack:center;
      -ms-flex-pack:center;
      justify-content:center}

.non-opacity:after,.non-opacity:before{
  display:none}

  

  .testimonial-area h2, .testimonial-area h5, .testimonial-area h6, .testimonial-area p{
    color: #ffffff; 
    font-family: "Montserrat",sans-serif;
  }
  .testimonial-area--2 .hell-bg{
  color: inherit;

  }
  .testimonial-area--2 .hell-bg2{
    color: rgba(0, 0, 0, 0.9);
    font-weight: 500;
    padding-bottom: 20px;
  }
  .testimonial-area--2 .hell-bg3{
    color: #333;
    font-weight: 400;
    padding-bottom: 10px;
  }

  .testimonial-area--22{
    padding-top:25px;
    padding-bottom: 80px;
  }
   
  @media only screen and (max-width:991px){
    .testimonial-area--22{
      padding-top:30px;padding-bottom: 65px;}
    }
    .testimonial-area--22 .hell-bg{
      color: inherit;
    
      }
      .testimonial-area--22 .hell-bg2{
        color: rgba(0, 0, 0, 0.9);
        font-weight: 500;
        padding-bottom: 20px;
      }
      .testimonial-area--22 .hell-bg3{
        color: #333;
        font-weight: 400;
        padding-bottom: 10px;
      }
  .testimonial-txt p{
    font-size: 22px;
    font-weight: 300;
    line-height: 35px;
}
 
@media only screen and (max-width:991px){
  .testimonial-txt p{
    font-size: 19px;
    font-weight: 100;
    line-height: 25px;
}
}

.testimonial-area h2{
  font-size: 38px;
}
  @media only screen and (max-width:991px){
    .testimonial-area h2{
      font-size: 30px;
    }
  }

/*BUSINEX TESTIMONIALS END*/
 


/*--------------------------------------------------------------
# Feature Two
--------------------------------------------------------------*/
.feature-two {
  position: relative;
  display: block;
}
.share-goals{
  margin-top: 40px;
  margin-bottom: 20px;
}
@media only screen and (max-width:991px){
  .share-goals{
    margin-top: -220px;
    margin-bottom: -280px;/*40*/
  }
}
.no-limits{
  margin-top: 0px;
}
@media only screen and (max-width:991px){
  .no-limits{
    margin-top: -30px;
  }
}
.feature-two__top {
  position: relative;
  display: block;
  background-color: transparent;/*00294b*/
  padding: 0px 0 60px;/*90px 0 156px;*/
}
@media only screen and (max-width:991px){
  .feature-two__top {
    position: relative;
    display: block;
    background-color: transparent;/*00294b*/
    padding: 50px 0 80px;/*90px 0 156px;*/
  }
}

.feature-two__top-inner {
  position: relative;
  display: block;
  text-align: center;
}

.feature-two__top-text {
  color: #ffffff; /*9aadbd*/
  margin: 0;
  font-size: 40px;
  font-weight: 700;
}

.feature-two__top-text a {
  color: #ffffff;
  font-weight: 700;
  position: relative;
  display: inline-block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-size: 40px;
}

.feature-two__top-text a:hover {
  color: #fff;
}

.feature-two__top-text a:before {
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  content: "";
  background-color: #fff;
  height: 4px; /*2px*/
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.feature-two__bottom {
  position: relative;
  display: block;
  margin-top: -95px;
  padding-bottom: 100px;
}

.feature-two__single {
  position: relative;
  display: flex;
  align-items: center;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.07);
  padding: 42px 50px 40px;
  margin-bottom: 30px;
  z-index: 1;
}

.feature-two__single:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #00aceb;/*0575bc   hover box*/
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
  opacity: 1;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
  z-index: -1;
}

.feature-two__single:hover:before {
  transform: scaleY(1);
}

.feature-two__icon {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
}

.feature-two__icon:before {
  position: absolute;
  top: 0;
  left: -18px;/*ORIGINAL 38*/
  height:38px;/*ORIGINAL 38*/
  width: 38px;/*ORIGINAL 38*/
  background-color: #701F95;/*edf3f6*/opacity: 0.8; /*ADDED*/
  content: "";
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: -1;
}


.feature-two__single:hover .feature-two__icon:before {
  background-color: #00aceb;/*016bae   hover box*/
}

.feature-two__icon span {
  font-size: 62px;
  color: #fff; /*ICON COLOR 00aceb*/
  position: relative;
  display: inline-block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  text-align: center;
}

.feature-two__single:hover .feature-two__icon span {
  color: #ffffff;
}

.feature-two__content {
  margin-left: 20px;
}

.feature-two__title {
  font-size: 18px;
  font-weight: lighter;
  line-height: 28px;
  margin-bottom: 3px;
}

.feature-two__title a {
  color: rgba(0, 41, 75);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}


.feature-two__single:hover .feature-two__title a {
  color: #ffffff;
}

.feature-two__text {
  font-size: 16px;
  margin: 0;
  line-height: 30px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.feature-two__single:hover .feature-two__text {
  color: #ffffff;
}

/*--------------------------------------------------------------
# Feature Two End
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Work Together
--------------------------------------------------------------*/
.work-together {
  /*position: absolute;
    display: inline-flex;*/
  padding-top: 150px;
  margin-top: -40px;
  margin-bottom: -200px;
  padding-bottom: 270px
}
@media only screen and (max-width:991px){
  .work-together{
    padding-top: 40px; 
    margin-top: 30px;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.bg-color-1-1{
  background: #f0f5f9;
}
@media only screen and (max-width:991px){
  .bg-color-1-1{
    background: #f0f5f9;
    padding-top: 30px;/*100*/
    padding-bottom: 240px;
  }
}

.work-together__left {
  position: relative;
  display: block;
}

.work-together__img-box {
  position: relative;
  display: block;
  z-index: 1;
}

.work-together__img-box:before {
  position: absolute;
  top: -50px;
  right: 131px;
  width: 175px;
  height: 161px; /*ORIGIANL 161*/
  border: 5px solid #701F95;
  content: "";
  z-index: -1;
}

.work-together__img-box:after {
  position: absolute;
  bottom: -107px;
  left: 134px;
  width: 6px;
  height: 78px;
  background-color: #701F95;
  content: "";
  z-index: -1;
}

.work-together__img-1 {
  position: relative;
  display: block;
}

.work-together__img-1>img {
  width: auto;
  width: 370px;height: auto; /*added*/border-radius: 5%;
}

.work-together__img-2 {
  position: absolute;
  top: 100px; /*     1000   */
  right: 31px;
}

.work-together__img-2>img {
  width: auto;
  width: 370px;height: auto; /*added*/
  margin-left: 170px;/*added*/border-radius: 5%;
}

.work-together__right {
  position: relative;
  display: block;
  margin-left: 70px;
}

.work-together__right .section-title {
  margin-bottom: 26px;
}

.work-together__right-text {
  margin: 0;
}

.work-together__points {
  position: relative;
  display: block;
  margin-top: 30px;
  margin-bottom: 48px;
}

.work-together__points li {
  position: relative;
  display: flex;
  align-items: center;
}

.work-together__points li+li {
  margin-top: 4px;
}

.work-together__points li .icon {
  position: relative;
  height: 14px;
  width: 14px;
  background-color: #701F95;
  border-radius: 50%;
  font-size: 8px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.work-together__points li .text {
  margin-left: 20px;
}

.work-together__points li .text p {
  color: #00294b;
  font-weight: 500;
  margin: 0;
}

.work-together__person {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 7px;
}

.work-together__person-img {
  position: relative;
  display: inline-block;
  border-radius: 50%;
}

.work-together__person-img>img {
  border-radius: 50%;
}

.work-together__person-img:before {
  position: absolute;
  top: -7px;
  bottom: -7px;
  left: -7px;
  right: -7px;
  border: 2px solid #00ACEB;
  content: "";
  border-radius: 50%;
}

.work-together__person-name {
  font-size: 24px;
  line-height: 38px;
  font-family: "reeyregular";
  color: #00ACEB;
  margin-left: 40px;
}



.about-one__bottom {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 50px;/*39*/
}

.about-one__contact {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 85px;/*20*/
}

.about-one__contact-icon {
  height: 63px;
  width: 63px;
  background-color: #edf3f6;
  border-radius: 50%;
  color: #0575bc;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.about-one__contact-icon:hover {
  background-color: #0575bc;
  color: #fff;
}

.about-one__contact-phone {
  margin-left: 10px;
}

.about-one__contact-text {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  line-height: 16px;
}

.about-one__contact-phone a {
  font-weight: 700;
  color: #00294b;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.about-one__contact-phone a:hover {
  color: #0575bc
}
 .tag-interaction img{
  width: 40%;
  height: auto;
  display:block; 
  margin:auto;
  margin-bottom:220px; 
 
 }
 @media only screen and (max-width:991px){
  .tag-interaction img{
    width: 70%;/*70*/
    height: auto;
    display:block; 
    margin:auto;
    margin-bottom:190px; 
    
   }
}



.interaction-tag .interaction-tagline:before {
  position: absolute;
  top: -15px;
  left: 52%;
  width: 43px;/*13*/
  content: "";
  height: 2px;
  background-color: #da2c46;
}
@media only screen and (max-width:991px){
  .interaction-tag .interaction-tagline:before {
    position: absolute;
    top: -15px;
    left: 52.5%;
    width: 43px;/*13*/
    content: "";
    height: 2px;
    background-color: #da2c46;
  }
}
.interaction-tag .interaction-tagline2:before {
  position: absolute;
  top: -15px;
  left: 52%;
  width: 43px;/*13*/
  content: "";
  height: 2px;
  background-color: #da2c46;
}
@media only screen and (max-width:991px){
  .interaction-tag .interaction-tagline2:before {
    position: absolute;
    top: -15px;
    left: 52.5%;
    width: 43px;/*13*/
    content: "";
    height: 2px;
    background-color: #da2c46;
  }
}

.interaction-tagline:after {
  position: absolute;
  top: -15px;
  left: 44%;
  width: 43px;/*13*/
  content: "";
  height: 2px;
  background-color: #690ed0;
}
@media only screen and (max-width:991px){
  .interaction-tagline:after {
    position: absolute;
    top: -15px;
    left: 38.5%;
    width: 43px;/*13*/
    content: "";
    height: 2px;
    background-color: #701f95;
  }
}.interaction-tagline2:after {
  position: absolute;
  top: -15px;
  left: 44%;
  width: 43px;/*13*/
  content: "";
  height: 2px;
  background-color: #690ed0;
}
@media only screen and (max-width:991px){
  .interaction-tagline2:after {
    position: absolute;
    top: -15px;
    left: 38.5%;
    width: 43px;/*13*/
    content: "";
    height: 2px;
    background-color: #701f95;
  }
}
.interaction-tag .interaction-tagline{
  color: #231e61;
  font-size:67px;
  text-transform: inherit;
  margin-bottom: 20px;
  line-height:4.5rem; 
  font-weight:600; 
  font-family: "Frank Ruhl Libre", serif;
}
@media only screen and (max-width:991px){
  .interaction-tag .interaction-tagline{
    color: #701f95;
    font-size:55px;
    text-transform: inherit;
    margin-bottom: 20px;
    line-height:4.5rem; 
    font-weight:500; 
    font-family: "Frank Ruhl Libre", serif;
  }
}
.interaction-tag .interaction-tagline2{
  color: #231e61;
  font-size:67px;
  text-transform: inherit;
  margin-bottom: 20px;
  line-height:4.5rem; 
  font-weight:600; 
  font-family: "Frank Ruhl Libre", serif;
}
@media only screen and (max-width:991px){
  .interaction-tag .interaction-tagline2{
    color: #231e61;
    font-size:55px;
    text-transform: inherit;
    margin-bottom: 20px;
    line-height:4.5rem; 
    font-weight:500; 
    font-family: "Frank Ruhl Libre", serif;
  }
}
.interaction-tag .interaction-tagline span{
  font-weight: 200;
}


/*GERMAN TAGLINE START*/
.tag-interaction-german img{
  width: 10%;
  height: auto;
  display:block; 
  margin:auto;
  margin-bottom:220px; 
 
 }
 @media only screen and (max-width:991px){
  .tag-interaction-german img{
    width: 30%;/*70*/
    height: auto;
    display:block; 
    margin:auto;
    margin-bottom:190px; 
    
   }
}



.interaction-tag .interaction-tagline-german:before {
  position: absolute;
  top: -25px;/*BOTTOM: 245*/
  left: 47%;/*SEPARATED:49*/
  width: 60px;/*13*/
  content: "";
  height: 4px;
  background-color: #FF0000;
}
 
@media only screen and (max-width:991px){
  .interaction-tag .interaction-tagline-german:before {
    position: absolute;
    top: 470px;/*-15  WAS 500px*/
    left: 43.9%;/*ORIGINAL: 45  was 44.6*/
    width: 50px;/*13*/
    content: "";
    height: 6px;
    background-color: #FF0000;
  }
}

.interaction-tagline-german:after {
  position: absolute;
  top: -25px;/*BOTTOM: 245*/
  left: 41.65%;/*SEPARATED:42.14*/
  width: 60px;/*13*/
  content: "";
  height: 4px;
  background-color: #000000;
}
@media only screen and (max-width:991px){
  .interaction-tagline-german:after {
    position: absolute;
    top: 470px;/*-15  WAS 500px*/
    left: 31.8%; /*ORIGINAL: 34.9*/
    width: 50px;/*13*/
    content: "";
    height: 6px;
    background-color: #000000;
  }
}
.interaction-tagline-german-two:after {
  position: absolute;
  top: -25px;/*BOTTOM: 245*/
  left: 52.3%;/*SEPARATED:55.8*/
  width: 60px;/*13*/
  content: "";
  height: 4px;
  background-color: #FFCC00;
}
@media only screen and (max-width:991px){
  .interaction-tagline-german-two:after {
    position: absolute;
    top: 470px;/*-15  WAS 500px*/
    left: 56%; /*was 57.4*/
    width: 50px;/*13*/
    content: "";
    height: 6px;
    background-color: #FFCC00;
  }
}
.interaction-tagline-german-three:after {
  position: absolute;
  top: -40px;/*ORIGINAL -40   WAS IN -93*/
  left: 1.1%;/*WAS IN 1.1%   was in 0.3*/
  width: 8px;/*60*/
  content: "";
  height: 8px; /*4*/
  background-color: #000000;display: inline-block;
  border-radius: 100%;
}
@media only screen and (max-width:991px){
  .interaction-tagline-german-three:after {
    position: absolute;
    top: 40px;/*ORIGINAL -10  was in -61  was in 40*/
    left: 1.5%;/*ORIGINAL 1.9   was in 1.5*/
    max-width: 8px;/*50*/
    content: "";
    height: 8px;/*ORIGINAL 6px*/
    background-color: #000000;
    display: inline-block;
    border-radius: 100%;
  }
}
.interaction-tagline-german-three:before {
  position: absolute;
  top: -40px;/*ORIGINAL -40   WAS IN -93*/
  left: 11.9%;/*was in 12  was in 6.7*/
  width: 8px;/*60*/
  content: "";
  height: 8px; /*4*/
  background-color: #FF0000;display: inline-block;
  border-radius: 100%;
}
@media only screen and (max-width:991px){
  .interaction-tagline-german-three:before {
    position: absolute;
    top: 40px;/*ORIGINAL -10  was in -61  WAS in 40*/
    left: 14.5%;/*ORIGINAL 14.5*/
    max-width: 8px;/*50*/
    content: "";
    height: 8px;/*ORIGINAL 6px*/
    background-color: #FF0000;
    display: inline-block;
    border-radius: 100%;
  }
}
.interaction-tagline-german-four:before {
  position: absolute;
  top: -40px;/*ORIGINAL -40   WAS IN -93*/
  left: 22.7%;/*WAS IN 22.8*/
  width: 8px;/*60*/
  content: "";
  height: 8px; /*4*/
  background-color: #FFCC00;display: inline-block;
  border-radius: 100%;
}
@media only screen and (max-width:991px){
  .interaction-tagline-german-four:before {
    position: absolute;
    top: 40px;/*ORIGINAL -10  was in -61 WAS in 40*/
    left: 27.5%;/*ORIGINAL 23.1   was in 27.5*/
    max-width: 8px;/*50*/
    content: "";
    height: 8px;/*ORIGINAL 6px*/
    background-color: #FFCC00;
    display: inline-block;
    border-radius: 100%;
  }
}


.interaction-tag .interaction-tagline-german{
  color: #1F1841; /*ORIGINAL:690ED0*/
  font-size:67px;
  text-transform: inherit;
  margin-bottom: 20px;
  line-height:4.5rem; 
  font-weight:600; 
  font-family: "Frank Ruhl Libre", serif;
}
@media only screen and (max-width:991px){
  .interaction-tag .interaction-tagline-german{
    color: #701F95; /*ORIGINAL:690ED0*/
    font-size:55px;
    text-transform: inherit;
    margin-bottom: 20px;
    line-height:4.5rem; 
    font-weight:600; 
    font-family: "Frank Ruhl Libre", serif;
  }
}
 .interaction-tag .interaction-tagline-german .german-word{
  color:#ec0303; 
  font-weight: 700;
}
@media only screen and (max-width:991px){
  .interaction-tag .interaction-tagline-german .german-word{
    color:#000000;
    background-color: #FFCC00;
    border-radius: 10px;
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0px;

  }
}

.interaction-tag .interaction-tagline-german span{
  font-weight: 200;
}






/*GERMAN TAGLINE END*/





.section-title__tagline {
  /*position: relative;
  display: inline-block;
  color: #7a838b;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 4px;*/
}

.section-title .section-title__tagline:before {
  position: absolute;
  top: -15px;
  left: 0;
  width: 43px;/*13*/
  content: "";
  height: 2px;
  background-color: #da2c46;
}

.section-title__tagline:after {
  position: absolute;
  top: -15px;
  left: 17px;
  width: 43px;/*13*/
  content: "";
  height: 2px;
  background-color: #701F95;
}
.case-one .section-title__tagline:before {
  left: 52%;
  transform: translateX(-50%);
}

.case-one .section-title__tagline:after {
  right: 52%;
  left: inherit;
  transform: translateX(-50%);
}
.section-title .section-title__title {
  margin: 0;
  font-size: 45px;
  line-height: 55px;
  font-weight: 500;/*500*/
  /*font-family: "DM Sans", sans-serif;*/
  padding-top: 5px;
  /*color: #00294b;*/
}
.section-title__title span{
  font-size: 45px;
}

@media only screen and (max-width: 991px){
  .section-title .section-title__title {
    margin: 0;
    font-size: 45px;
    line-height: 45px;
    font-weight: 400;
    /*font-family: "DM Sans", sans-serif;*/
    padding-top: 5px;
   /*color: #00294b;*/
  }
}
@media only screen and (max-width: 575px){
  .section-title .section-title__title {
    font-size: 45px;/*30*/
    line-height: 45px;/*20*/
  }
}

@media only screen and (max-width: 991px){
  .section-title__title span{
    font-size: 40px;
   
  }
}

@media only screen and (max-width: 575px){
  .section-title__title span{
    font-size: 35px;
    line-height: 35px;
  }
}
/*--------------------------------------------------------------
# Work Together end
--------------------------------------------------------------*/







/*--------------------------------------------------------------
# Case Two
--------------------------------------------------------------*/
.case-two {
  position: relative;
  display: block;
  padding: 340px 0 180px;/*120   180*/

  background-image: url("../../assets/img/bg/wave-bg-6flip.png");
  background-position: right;
  /*padding-top: 420px;*/
  margin-top: -80px;
}
@media only screen and (max-width: 991px) {/* ADDED */
  .case-two {
    position: relative;
    display: block;
    padding: 330px 0 180px;

    margin-top: -335px;
    background-image: url("../../assets/img/bg/wave-bg-6.png");
    background-position: right;
    background-size: cover;
  }
}
.case-two2 {
  position: relative;
  display: block;
  padding: 1px 0 150px;/*IDEAL 200      original:145px 0 230px; without background-position   or 45PX 0 300PX*/
 /*background-position: center; /*OR NO BACKGROUND POSITION*/
  /*background-image: url("../../assets/img/bg/wave-bg-almostwhite6.png");*/
  background-position: center;/*original right*/
  background-image: url("../../images/images-two/XX.svg"); /*clear:x and darker:xxx /  darker:XXXXXX  AND clear:XXXXXXX center ideal*/

  background-size: cover;background-repeat: no-repeat;
  
  /*padding-top: 420px;*/
  margin-top: -100px; /*-100  or -250*/
}
@media only screen and (max-width: 991px) {/* ADDED */
  .case-two2 {
    position: relative;
    display: block;
    padding: 300px 0 0px;/*110px 0 280px;   WAS:210px 0 0px;*/

    margin-top: -280px;/*was in 100    WAS 170   */
    background-image: url("../../assets/img/bg/wave-bg-11.png");/*wave-bg-11   right    wave-bg-almostwhite3  center*/
    background-position: left; /*WAS left*/
   z-index: 0;
  }
}
@media only screen and (max-width: 767px) {/* ADDED */
  .case-two2 {
    position: relative;
    display: block;
    padding: 220px 0 0px;/*210px 0 0px;   WAS:155px 0 0px;*/

    margin-top: -140px;/*  WAS -140      was in -100*/
    background-image: url("../../assets/img/bg/wave-bg-7-6flipp.png");/*wave-bg-11   right   wave-bg-7-6flipp  center wave-bg-almostwhite3  center*/
    background-position: center; /*WAS left*/
   z-index: 0;
  }
}
@media only screen and (max-width: 991px) {/* ADDED */
  .case-two-mobile-backgroung {
   background-color: #f8f9fc;
  }
}
@media only screen and (max-width: 767px) {/* ADDED */
  .case-two-mobile-backgroung {
   background-color: #f0f5f9;
  }
}


.case-four {
  /*position: relative;
  display: block;*/
  padding: 185px 0 180px;/*ORIGINAL:120 PX*/

  /*background-image: url("../../assets/img/bg/wave-bg-almostwhite6.png");*/
  background-position: left;/*original right*/
  background-image: url("../../assets/img/bg/wave-bg-2.png");

  background-size: cover;
  background-repeat: no-repeat;
  
  /*padding-top: 420px;*/
  margin-top: -180px;
}
@media only screen and (max-width: 991px) {/* ADDED */
  .case-four {
      /*position: relative;
  display: block;*/
    padding: 120px 0 40px;/*110px 0 280px;   WAS:210px 0 0px;*/

    margin-top: -130px;/*was in 100    WAS 170   */
    background-image: url("../../assets/img/bg/wave-bg-11.png");/*wave-bg-11   right    wave-bg-almostwhite3  center*/
    background-image: none;
    background-position: left; /*WAS left*/

   z-index: 0;
   
   
  }
}
@media only screen and (max-width: 767px){
  .case-four {
    margin-top: -140px;
    padding: 120px 0 20px;/*110px 0 280px;   WAS:210px 0 0px;*/
  }
}

.case-five {
  /*position: relative;
  display: block;*/
  padding: 200px 0 110px;/*ORIGINAL:120 PX*/
  background-image: url("../../assets/img/bg/wave-bg-13.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: -180px;
}
@media only screen and (max-width: 991px) {/* ADDED */
  .case-five {
      /*position: relative;
  display: block;*/
    padding: 120px 0 70px;/*110px 0 280px;   WAS:210px 0 0px;*/
    margin-top: -130px;/*was in 100    WAS 170   */
    background-image: url("../../assets/img/bg/wave-bg-16.png");/*wave-bg-11   right    wave-bg-almostwhite3  center*/
    background-position: center; /*WAS left*/
    margin-top: -50px;
   z-index: 0;
  }
}
@media only screen and (max-width: 767px) {/* ADDED */
  .case-five {
    background-position: left; /*WAS left*/
    padding: 160px 0 100px;/*110px 0 280px;   WAS:210px 0 0px;*/
  }
}
.case-two .section-title__tagline:before {
  left: 52%;
  transform: translateX(-50%);
}

.case-two .section-title__tagline:after {
  right: 52%;
  left: inherit;
  transform: translateX(-50%);
}

.case-two__carousel {
  position: relative;
  display: block;
}

.case-two .case-one__content {
  bottom: 50px;
  left: 60px;
  margin-bottom: 100px;/*ADDED*/
}

.case-two .case-one__title {
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  padding-bottom: 2px;
}

.case-two .case-one__hover-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  padding-bottom: 2px;
}

.case-two__carousel.owl-carousel .owl-dots {
  position: absolute;
  bottom: -71px;
  right: 0px;
  left: 0;
  margin: 0 !important;
}

.case-two__carousel.owl-carousel .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  width: 3px;
  height: 10px;
  background: #c9d5db;
  opacity: 0.4;
  margin: 0px 5px;
  padding: 0px;
  transition: all 100ms linear;
  transition-delay: 0.1s;
}

.case-two__carousel.owl-carousel .owl-dot.active {
  background: #00ACEB;/*0575bc*/
  opacity: 1;
  height: 20px;
}

.case-two__carousel.owl-carousel .owl-dot:focus {
  outline: none;
}

.case-two__carousel.owl-carousel .owl-dots .owl-dot span {
  display: none;
}

/*--------------------------------------------------------------
# HERO SLIDE EDITED
--------------------------------------------------------------*/
.hero__content .hero-content-btn{
 text-align: left;
}
@media only screen and (max-width: 575px){
  .hero__content .hero-content-btn{
    text-align: center;
   }
} 
.hero-slide-flag{
  margin-left: 420px;
  margin-bottom:-15px;
  min-width: 20px;
  min-height: 20px;
}
@media only screen and (max-width: 991px){
  .hero-slide-flag img{
    margin-left: 420px;
    margin-top:325px;
    max-width: 280px;
    height: auto;
  }
}



/*--------------------------------------------------------------
# HERO SLIDE EDITED  END
--------------------------------------------------------------*/






/*--------------------------------------------------------------
# Case Three
--------------------------------------------------------------*/
.case-three {
  position: relative;
  display: block;
  padding: 40px 0 0px;/*120   180*/
  /*padding-top: 420px;*/
  margin-top: 0px;
  margin-bottom: -70px;
}
@media only screen and (max-width: 991px) {/* ADDED */
  .case-three {
    position: relative;
    display: block;
    padding: 70px 0 0px;

    margin-top: -30px;
  }
}


.case-three .section-title__tagline:before {
  left: 54%;
  transform: translateX(-50%);
}

.case-three .section-title__tagline:after {
  right: 50%;
  left: inherit;
  transform: translateX(-50%);
}

.case-three__carousel {
  position: relative;
  display: block;
}

.case-three .case-one__content {
  bottom: 50px;
  left: 60px;
  margin-bottom: 100px;/*ADDED*/
}

.case-three .case-one__title {
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  padding-bottom: 2px;
}

.case-three .case-one__hover-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  padding-bottom: 2px;
}

.case-three__carousel.owl-carousel .owl-dots {
  position: absolute;
  bottom: -71px;
  right: 0px;
  left: 0;
  margin: 0 !important;
}

.case-three__carousel.owl-carousel .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  width: 3px;
  height: 10px;
  background: #c9d5db;
  opacity: 0.4;
  margin: 0px 5px;
  padding: 0px;
  transition: all 100ms linear;
  transition-delay: 0.1s;
}

.case-three__carousel.owl-carousel .owl-dot.active {
  background: #00ACEB;/*0575bc*/
  opacity: 1;
  height: 20px;
}

.case-three__carousel.owl-carousel .owl-dot:focus {
  outline: none;
}

.case-three__carousel.owl-carousel .owl-dots .owl-dot span {
  display: none;
}


/*--------------------------------------------------------------
# Case One
--------------------------------------------------------------*/
.case-one {
  position: relative;
  display: block;
  padding: 0 0 180px;
}

.case-one__container {
  position: relative;
  display: block;
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.case-one .section-title__tagline:before {
  left: 52%;
  transform: translateX(-50%);
}

.case-one .section-title__tagline:after {
  right: 52%;
  left: inherit;
  transform: translateX(-50%);
}

.case-one__carousel {
  position: relative;
  display: block;
}

.case-one__single {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;border-radius: 3%;
}

.case-one__img-box {
  position: relative;
  display: block;
  z-index: 1;
}

.case-one__img {
  position: relative;
  display: block;
  z-index: 1;
}

.case-one__img:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: rgba(112, 31, 149, 0.6);
  overflow: hidden;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
  -webkit-transform: translateY(-0%);
  -ms-transform: translateY(-0%);
  -o-transform: translateY(-0%);
  -moz-transform: translateY(-0%);
  transform: translateY(-0%);
  z-index: 1; border-radius: 3%;
}

.case-one__single:hover .case-one__img:before {
  opacity: 1;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  -moz-transform: translateY(0%);
  transform: translateY(0%);
}

.case-one__img img {
  width: 100%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.case-one__single:hover .case-one__img img {
  transform: scale(1.05);
}

.case-one__content {
  position: absolute;
  bottom: 40px;
  left: 50px;
  opacity: 1;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.case-one__single:hover .case-one__content {
  opacity: 0;
  visibility: hidden;
}

.case-one__tagline-line {
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0;
  line-height: 29px;
}

.case-one__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.case-one__title a {
  color: #ffffff;
}

.case-one__icon {
  margin-top: 23px;
}

.case-one__icon a {
  height: 55px;
  width: 55px;
  color: #ffffff;
  font-size: 20px;
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.case-one__hover {
  position: absolute;
  bottom: 50px;
  left: 50px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  z-index: 3;
  margin-bottom: 100px;/*ADDED*/
}

.case-one__single:hover .case-one__hover {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  transition: all 500ms ease 500ms;
  -webkit-transition: all 500ms ease 500ms;
  -ms-transition: all 500ms ease 500ms;
  -o-transition: all 500ms ease 500ms;
}

.case-one__hover-tagline-line {
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0;
  line-height: 29px;
}

.case-one__hover-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.case-one__hover-title a {
  color: #ffffff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.case-one__hover-title a:hover {
  color: rgba(0, 41, 75,);
}

.case-one__hover-text {
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  line-height: 30px;
  margin: 0;
  padding-bottom: 25px;
  padding-top: 16px;
}

.case-one__hover-icon a {
  height: 55px;
  width: 55px;
  color: #0575bc;
  font-size: 20px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.case-one__hover-icon a:hover {
  color: #ffffff;
  background-color: rgba(0, 41, 75,);
}

.case-one__carousel.owl-carousel .owl-dots {
  position: absolute;
  bottom: -71px;
  right: 0px;
  left: 0;
  margin: 0 !important;
}

.case-one__carousel.owl-carousel .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  width: 3px;
  height: 10px;
  background: #c9d5db;
  opacity: 0.4;
  margin: 0px 5px;
  padding: 0px;
  transition: all 100ms linear;
  transition-delay: 0.1s;
}

.case-one__carousel.owl-carousel .owl-dot.active {
  background: #0575bc;
  opacity: 1;
  height: 20px;
}

.case-one__carousel.owl-carousel .owl-dot:focus {
  outline: none;
}

.case-one__carousel.owl-carousel .owl-dots .owl-dot span {
  display: none;
}

.case-one .owl-dots{
  display:inherit !important;
}
.case-two .owl-dots{
  display:inherit !important;
}


/*--------------------------------------------------------------
# Case One END
--------------------------------------------------------------*/




/*--------------------------------------------------------------
# Watch video start
--------------------------------------------------------------*/

.main-slider-three__video {
  display: flex;
  align-items: center;
  margin-left: 5px;
}

.main-slider-three__video-link {
  display: flex;
  align-items: center;
}

@media only screen and (max-width:575px){/*ADDED*/
  .main-slider-three__video .main-slider-three__video-icon{
    margin-left: 20px;
  }
}


.main-slider-three__video-icon {
  height: 63px;
  width: 63px;
  background-color: #ffffff;
  font-size: 15px;
  color: #701F95;/*video triangle*/
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;margin-left: 40px;
 
  
  
/*added*/
  transform: translate(-50%, -50%);
  -ms-box-shadow: 0 0 0 0 rgba(112, 31, 149, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(112, 31, 149, 0.6);
  box-shadow: 0 0 0 0 rgba(112, 31, 149, 0.6);
  -webkit-animation: ripple 2s infinite;
  animation: ripple 2s infinite;

  /*added*/
}

.main-slider-three__video-icon:hover {
  background-color: #00294b;
  color: #ffffff;
}

.main-slider-three__video-text {
  font-size: 25px;
  color: #ffffff;
  font-family: "reey", sans-serif;
  line-height: 0px; /*18*/
  margin-left: 20px; /*15*/
  display: inline-flex; /*ADDED*/
}
@media only screen and (max-width:767px){
  .main-slider-three__video-text {
    font-size: 18px;
    margin-left: 10px;
    margin-top: 10px; /*it was-120*/
  width: 30%;/*no width*/
    line-height: 25px;
  display: inline-flex; /*block*/
  }
}
.main-slider-three__video-text-two {
  font-size: 25px;
  font-family: "reey", sans-serif;
  margin-left: 20px; /*15*/
  display: inline-flex; /*ADDED*/
  color: #00aceb;
  margin-bottom: 40px;
  font-weight: 500;
  line-height: 3rem;
  width: 50%;
  margin-right: -45px;
}
@media only screen and (max-width:767px){
  .main-slider-three__video-text-two {
    font-size: 30px;
    margin-left: 10px;
    margin-top: 10px; /*it was-120*/
  width: 30%;/*no width*/
    line-height: 25px;
  display: inline-flex; /*block*/
  color: #701F95;
  margin-bottom: 40px;
  font-weight: 500;
  line-height: 3rem;
  width: 50%;
  margin-right: -45px;
  }
}


@media only screen and (min-width:768px){
  .main-slider__content .watchvideomobile{
   display: none;
  }
}
@media only screen and (max-width:767px){
  .watchvideopc{
   display: none;
  }
}

.contact-one__founder {
  font-size: 14px;
  color: #701F95;
  font-family: "DM Sans", sans-serif;
  margin-left: 0px;
}


/*move iconvideo and pur clients*/
.watchvideopc .clientsvideo{
  opacity: 0;
  transform: translateY(1400px);/*100*/
  transition-delay: 2500ms;
  transition: transform 2000ms ease,
      opacity 2000ms ease,
      color 500ms ease,
      background 500ms ease;
}
.main-slider .swiper-slide-active .clientsvideo{
  visibility: visible;
  opacity: 1;
  transform: translateY(0) translateX(0);
}

.main-slider .watchvideomobile .clientsvideo{
  opacity: 0;
  transform: translateY(1300px);/*100*/
  transition-delay: 2500ms;
  transition: transform 2000ms ease,
      opacity 2000ms ease,
      color 500ms ease,
      background 500ms ease;
}
.main-slider .swiper-slide-active .clientsvideo{
  visibility: visible;
  opacity: 1;
  transform: translateY(0) translateX(0);
}

.main-slider .watchvideomobile .slidermobntn{
  opacity: 0;
  transform: translateY(100px);/*100*/
  transition-delay: 2500ms;
  transition: transform 2000ms ease,
      opacity 2000ms ease,
      color 500ms ease,
      background 500ms ease;
}
.main-slider .swiper-slide-active .slidermobntn{
  visibility: visible;
  opacity: 1;
  transform: translateY(0) translateX(0);
}/*move iconvideo and pur clients*/

/*--------------------------------------------------------------
# Watch video end
--------------------------------------------------------------*/


.teck-business-english-only{
  margin-bottom: -10px;
}

@media only screen and (max-width:991px){
  .teck-business-english-only{
    margin-bottom: -15px;
  }
}
.flelmet .sec-title2 h3{
  font-size: 45px;
  color: #00294b;
  line-height: 45px;
  font-weight: 300;
}

@media only screen and (max-width:991px){
  .flelmet .sec-title2 h3{
    font-size: 40px;
    color: #00294b;
    line-height: 40px;
    font-weight: 300;
  }
}
.flelmet .sec-title2 .degradadoid2{
  font-size: 45px;
}
@media only screen and (max-width:991px){
  .flelmet .sec-title2 .degradadoid2{
    font-size: 40px;
  }
}



/*___________________________*/

.feature-two__single2 {
  position: relative;
  display: inline-block;/*flex*/
  align-items: center;
  border: 0px solid #bbb;/*2px*/
  /*padding: 42px 50px 40px;*/
  margin-bottom: 30px;
  z-index: 1; color: #bbb;
  width: 100%;
  background-color: #00aceb;/*ADDED  00aceb*/
}
.feature-two__single-two {
  position: relative;
  display: inline-block;/*flex*/
  align-items: center;
  border: 0px solid #bbb;/*2px*/
  /*padding: 42px 50px 40px;*/
  margin-bottom: 30px;
  z-index: 1; color: #bbb;
  width: 100%;
  background-color: #00aceb;/*ADDED  00aceb*/
  background: linear-gradient(to top, #8c52ff 50%, #8c52ff 100%); /*to top, #8c52ff 50%, #5ce1e6 100%*/
}

.feature-two__single2:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: transparent;/*0575bc   hover box*/
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
  opacity: 1;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
  z-index: -1;
  border-radius: 10px;width: 100%;height: 100%;
}

.feature-two__single-two:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  /*background-color: #4636ff;0575bc   hover box*/
  background: linear-gradient(45deg, #8c52ff 50%, #5ce1e6 100%); /*45 ideal  90 OK*/
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
  opacity: 1;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
  z-index: -1;
  border-radius: 10px;width: 100%;height: 100%;
}



.feature-two__single2:hover {
  border: 0px solid #bbb;
}
.feature-two__single2:hover:before {
  transform: scaleY(1);
}

.feature-two__single2:hover .feature-two__icon:before {
  background-color: #00ACEB;/*016bae   hover box*/
  left: 430px;
}

.feature-two__single2:hover .feature-two__icon span {
  color: #ffffff;
}

.feature-two__single2:hover .feature-two__title a {
  color: #ffffff;
}
.feature-two__single2:hover .feature-two__text {
  color: #ffffff;
}
.feature-two__single2 h4{
  color: #FFF;/*4636FF*/
}
.feature-two__single2:hover h4{
  color: #ffffff;
}
.feature-two__single2:hover p{
  color: #ffffff;
}
.feature-two__single2 .project__content{
  margin-left: -10px;
  margin-right: -10px;
}
@media only screen and (max-width:991px){
  .feature-two__single2 .project__content{
    margin-left: inherit;
    margin-right: inherit;
  }
}
.feature-two__single2 .project__no{
  margin-top: -30px;
}
@media only screen and (max-width:991px){
  .feature-two__single2 .project__no{
    margin-top: inherit;
  }
}
.feature-two__single2 .project__content .project__no h5{
  background-color: #00294b;
  color: #fff;
}
.feature-two__single2 .project__content h4{
  margin-top: -15px;
  margin-bottom: 20px;/*ORGINAL 20*/
  font-size: 30px;/*ORGINAL 23*/
  line-height: 2.5rem;/*ADDED*/
}
@media only screen and (max-width:991px){
  .feature-two__single2 .project__content h4{
    margin-top: -15px;
    margin-bottom: 20px;/*20*/
    font-size: 30px;/*ORGINAL 23*/
    line-height: 2.5rem;/*ADDED*/
  }
}
.feature-two__single2 .feature-two__icon{
  margin-left: 200px; /*original:100*/
  margin-bottom: -30px;
  align-items: center;

}
@media only screen and (max-width:991px){
  .feature-two__single2 .feature-two__icon{
    margin-left: 150px;/*original:190*/
    margin-bottom: inherit;
  }
}

.feature-two__single2 .feature-two__icon span{
  font-size: 50px;
}
@media only screen and (max-width:991px){
  .feature-two__single2 .feature-two__icon span{
    font-size: 80px;
  }
}
.feature-two__single2 .feature-two__icon span img{
  height: 50px;
}
@media only screen and (max-width:991px){
  .feature-two__single2 .feature-two__icon span img{
    height: 80px;
  }
}

.topnumber{
  margin-bottom: -50px;
}
@media only screen and (max-width:991px){
  .topnumber{
    margin-bottom: -25px;
  }
}
























/*INICIO INFORMACION CLAVE*/

.infbasica{
	margin-top: 50px;
	margin-bottom: 10px
}
@media only screen and (max-width:767px){
	.infbasica{
	margin-top: 50px;
	margin-bottom: 60px;
		
		
}
}
.keyinf-inscripclasemodelo{
	margin-bottom: -685px;
	margin-top: 80px

}
@media only screen and (max-width:767px){
	.keyinf-inscripclasemodelo{
	margin-top: 60px;
	margin-bottom: 50px
}
}
@media only screen and (min-width:767px){
	.infclave{
		display: none
	}
}

@media only screen and (max-width:767px){
	.informacionclave{
		display: none
	}
}
@media only screen and (min-width:767px){
	.informacionclave{
		display: none
	}
}
.informacionclave{
	margin-top: -555px
}

.reise{
	margin-top: -50px;
	margin-bottom: 70px;
	

	
}
.reise h2{
		font-size: 300%;
	font-weight: bold;
	color: #0380DB
}
@media only screen and (max-width:767px){
	.reise h2{
		font-size: 200%;
	font-weight: bold;
	color: #0380DB;
		padding-top: 20px
}
}
.reisen{
		font-size: 200%;
	color: #0380DB;
	padding-left: 50px;
		padding-right: 50px;
		line-height: 4rem;
text-align: left
}
@media only screen and (max-width:767px){
	.reisen{
	text-align: left;
	
	color: #565656;
	margin-top: 50px;
	margin-bottom: 0px;
		padding-left: 40px;
		padding-right: 30px;
		line-height: 5rem;
		font-size: 4rem;
		font-weight: bold
		
}
}


.reisem{
		font-size: 200%;
	color: #0380DB;
	padding-left: 50px;
		padding-right: 50px;
		line-height: 4rem;
text-align: left;
	margin-top: 95px;
}
@media only screen and (max-width:767px){
	.reisem{
	text-align: center;
	
	color: #565656;
	margin-top: 130px;
	margin-bottom: 0px;
		padding-left: 40px;
		padding-right: 30px;
		line-height: 5rem;
		font-size: 4rem;
		font-weight: bold
		
}
}
@media only screen and (max-width:767px){
	.reise{
		margin-top: 50px;
	margin-bottom: 10px;
		
}
}
@media only screen and (min-width:767px){
	.tripreise{
	display: none
}
}
@media only screen and (max-width:767px){
	.tripreise{
	/*background-color: #EBEBEb;*/
		/*background-image: -webkit-linear-gradient(right, #2D8AC5 25%, #A8A6A7);*/
		/*background-image: -webkit-linear-gradient(right, #F4F4F4 25%, #F4F4F4);*/
		background-image: -webkit-linear-gradient(right, #fff 25%, #fff);
		padding-bottom: 40px;
		border-bottom-right-radius: 75%;
		border-bottom-left-radius: 0%;
		/*color: #F4F4F4;*/
		
		/* TAMBIEN background-color: #B9B9B9  */
}
}

	.tripreisesss{
	/*background-color: #EBEBEb;*/
		background-image: -webkit-linear-gradient(right, #0086DC 25%, #A8A6A7);
		padding-bottom: 20px;
		border-bottom-right-radius: 50%;
		border-top-left-radius: 30%;
		border-bottom-left-radius: 20%;
		border-top-right-radius: 10%;
		margin-top: -20px;
		margin-bottom: 60px;
		margin-left: -15px;
		margin-right: -10px;
		color: #fff;
		height: 70vh
		/*color: #0380DB;*/
		
		/* TAMBIEN background-color: #B9B9B9  */
}

.tripreisesss h2{
	padding-top: 20px;
	font-size: 4rem;
	line-height: 4.5rem;
	color: #fff;
	
	
}
@media only screen and (max-width:767px){
	.tripreisesss h2{
	padding-top: 0px;
	font-size: 4rem;
	line-height: 5rem;
	color: #fff;
		padding-left: 60px;
		
}
}
@media only screen and (max-width:767px){
	.tripreisesss{
	/*background-color: #EBEBEb;*/
		/*background-image: -webkit-linear-gradient(right, #2D8AC5 10%, #A8A6A7);*/
		
			background-image: -webkit-linear-gradient(right, #0086DC 25%, #A8A6A7);
		padding-bottom: 20px;
		border-bottom-right-radius: 50%;
		border-top-left-radius: 30%;
		border-bottom-left-radius: 20%;
		border-top-right-radius: 0%;
		margin-top: 150px;
		margin-bottom: 60px;
		margin-left: -45px;
		margin-right: -30px;
		color: #fff;
		height: 85vh
		
		
		
		
		
		
		/*
		background-image: -webkit-linear-gradient(right, #f4f4f4 10%, #f4f4f4);
		padding-bottom: 40px;
		border-bottom-right-radius: 75%;
		border-bottom-left-radius: 0%;
		border-top-left-radius: 0%;
		border-top-right-radius: 0%;
		margin-top: 70px;
		margin-bottom: 0px;
		margin-left: -50px;
		margin-right: -30px*/
		
		
		/*color: #0380DB;*/;

		/* TAMBIEN background-color: #B9B9B9  ESTUVO 0086DC*/
}
}

.tripreise img{
	padding-bottom: 0px;
		padding-top: 0px
}
@media only screen and (max-width:767px){
	.tripreise img{
	padding-bottom: 20px;
		padding-top: 20px
}
}

.tripreisesss img{
	padding-bottom: 0px;
		padding-top: 0px
}
@media only screen and (max-width:767px){
	.tripreisesss img{
	padding-bottom: 20px;
		padding-top: 20px
}
}
.cvcv{
	padding-right: 140px;
	margin-top: -18px;
	padding-top: 0px;
	background-color: #fff
}

@media only screen and (max-width:767px){
	.cvcv{
	padding-right: 15px;
		padding-left: 15px;
		padding-top: 0px;
	margin-top: 20px;background-color: #fff;
	
}
}

.start-classes{
	background-color:#f7f7f7;
	/*color:#fff;box-shadow:2px 2px 28px 0 rgba(0,0,0,0.25); 4e94c5*/
	padding:20px;
	margin-bottom: 0px;
	margin-top: 67px;
	color: #2A7DBB;
	padding-bottom: 80px;
	padding-top: 60px;
	
}
.start-classes h3{
	font-size: 35px;
	padding-bottom: 20px
}
@media(max-width:767px){
	.start-classes h3{
	font-size: 25px;
	padding-bottom: 20px;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px
}
}
@media only screen and (max-width:767px){
	.start-classes{
	background-color:#4e94c5;
	/*color:#fff;box-shadow:2px 2px 28px 0 rgba(0,0,0,0.25);*/
padding: 10px;
	margin-bottom: 110px;
		padding-bottom: 20px;
		padding-top: 20px;
	border-radius: 0px;
	margin-top: 10px;
		
		color: #fff
}
}

.informacion-clave-all{
	background-color:#eee;
	color:#404040;box-shadow:2px 2px 28px 0 rgba(0,0,0,0.25);
	padding:20px
}

@media only screen and (max-width:767px){
	.informacion-clave-all{
	background-color:#fff;
	color:#404040;box-shadow:2px 2px 28px 0 rgba(0,0,0,0.25);
	padding:20px
}
}
.informacion-clave-all-form{
	background-color:#eee;
	color:#404040;box-shadow:2px 2px 28px 0 rgba(0,0,0,0.25);
	padding:20px
}
@media only screen and (max-width:767px){
    .informacion-clave-all-form{
	background-color:#ffffff;
	color:#404040;box-shadow:2px 2px 28px 0 rgba(0,0,0,0.55);
	padding:20px;
	margin-left:5px;
	margin-right:5px;
}
}




/*INICIO ICON FONTS OR FLAT ICONS*/
.far .fa-check-circle::before {
 
  content: "\f058";
}


.fas .fa-check-circle::before {
 
  content: "\f058";
	
}

.fdfd{
	font-size: 20px;
	margin-top: 15px
}
/*FIN  ICON FONTS OR FLAT ICONS*/



.distrib-horas-clase{border-top:1px solid #ddd;border-bottom:1px solid #ddd}.distrib-horas-clase .title{font-size:15px;font-weight:700;text-transform:uppercase;color:#003976;margin-top:16px;margin-bottom:6px;text-align:left}.language-dir-rtl .distrib-horas-clase .title{text-align:right}.distrib-horas-clase .title,.distrib-horas-clase .desc{float:none;width:100%;line-height:1.33} .distrib-horas-clase .desc{padding-left:0;font-size:14px;line-height:1.33}.language-dir-rtl .distrib-horas-clase .desc{padding-right:0;padding-left:inherit}.distrib-horas-clase .tabtitle{font-size:13px;font-weight:700;text-transform:uppercase;color:#404040;margin:4px 0}.distrib-horas-clase ul{list-style:none;padding-left:14px;margin:0 0 1.2em}.distrib-horas-clase ul li{padding-bottom:4px}.distrib-horas-clase ul li::before{font-family:kie;font-size:10px;top:-1px;color:#7176a0;display:inline;left:0;position:relative}.language-dir-rtl .distrib-horas-clase ul li::before{right:0;left:initial;}

.items-inf-clave ul{
	list-style: none
}
@media only screen and (max-width:767px){
	.distrib-horas-clase{border-top:1px solid #ddd;border-bottom:1px solid #ddd}.distrib-horas-clase .title{font-size:13px;font-weight:700;text-transform:uppercase;color:#003976;margin-top:16px;margin-bottom:6px;text-align:center}
}

/*
.util1{
	border-top:1px solid #ddd;border-bottom:1px solid #ddd;
	padding-top:6px;padding-bottom:6px;text-align:left;
	float: none;
	margin:4px;
	width: 100%;
	display:inline;left:0;position:relative
}*/
.infutil{
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 22px
}
@media only screen and (max-width:767px){
	.infutil{
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 19px;
		line-height: 2rem
}
}

.fechaclass{
	font-size: 35px;
	text-align: center;
	
}
@media only screen and (min-width:767px){
	.keyinfmobile{
		display: none
	}
}
@media only screen and (max-width:767px){
	.keyinfpc{
		display: none
	}
}
@media only screen and (max-width:767px){
	.fechaclass{
	font-size: 20px;
	text-align: center;
		margin-bottom: -15px;
		line-height: 3rem
}
}
.fechaclasses{
	font-size: 30px;
	text-align: center
}
@media only screen and (max-width:767px){
	.inicio-clases-celular{
		margin-bottom: -90px;
		
	}
}
@media only screen and (min-width:767px){
	.inicio-clases-celular{
	display: none
	}
}
.util0{
	border-top:1px solid #ddd;
	margin-left: -35px;
	padding-bottom: 10px;
	padding-top: 10px
}


.cam{
	/*width:100%;*/
text-transform:uppercase;
	text-align:left;

	font-size:12px;
	line-height:1.33;
	

	font-weight:700;
	color:#0064CD;

	position: relative;
	display:inline;
	flex-direction: column;
	align-content: flex-start;
	align-items: flex-start;
	align-self: flex-start

}
@media only screen and (max-width:767px){
	.cam{
	
text-transform:uppercase;margin-top:6px;margin-bottom:6px;text-align:left;

	width:100%;font-size:11px;line-height:1.33;
	padding-right:0;
	padding-left:0px;
	margin:0px;
	
	font-weight:700;color:#0064CD;
	
padding-bottom:4px;
	position: relative;
	display: flex;
flex-direction: column;

}
}
@media only screen and (max-width:358px){
	.cam{
		font-size: 12px
	}
}
.utilniveles{
	margin-left: 80px
}
@media only screen and (max-width:767px){
	.utilniveles{
		margin-left: 70px;
	
	}
}
@media only screen and (max-width:358px){
	.utilniveles{
		margin-left: 0px
	}
}
.util00{
	float:none;
	text-align: left;
	position:relative;
	display:flex;
flex-direction: column;
	margin-left: 80px;
	margin-top: -9.5px;	
}


@media only screen and (max-width:767px){
	.util00{
	margin-left: 70px;
	margin-top: -11px;
	
	
}
	}

@media only screen and (max-width:358px){
	.util00{
	
	margin-left: 0px;
	margin-top: -11px;
		padding-top: 10px
	
	
}
	}
@media(min-width:767px){
	.mapa-ubicacion{
		display: none
	}

}

.util00 a{
	margin-left: 81px;
	margin-bottom: -8px;
	color: #333
}
@media only screen and (max-width:767px){
	.util00 a{
	margin-left: 71px;
	margin-bottom: -10px;
		color: #333
}
	}


.util01{
	margin-bottom: 12px;
}
@media only screen and (max-width:767px){
	.util01{
	margin-bottom: 10px;
}
}

.util02{
	margin-bottom: 12px;
	padding-bottom: 0px;
	padding-top: 20px;
	text-align: center
}
@media only screen and (max-width:767px){
	.util02{
	margin-bottom: 10px;
}
}
.brochure{
	padding-bottom: 20px;
	padding-top: 10px
}
@media only screen and (max-width:767px){
	.brochure{
	padding-bottom: 20px;
}
}
.util000{
	
	margin-left: 58px
}

@media only screen and (max-width:767px){
	.util000{
	
	margin-left: 35px;

	
	
}
	}


.util0000{
	margin-left: 60px;
	margin-top: -12px;
	margin-bottom: -20px
}

@media only screen and (max-width:767px){
	.util0000{
	margin-top: -12px;
	margin-left: 50px;
		margin-bottom: -20px
}
	}

/*FIN INFORMACION CLAVE*/






/*INICIO DOS PILARES*/
.datagrid table { border-collapse: collapse; 
  text-align: center; 
  line-height: 2.5rem; 
  width: 100%; 
} 
  
.datagrid {
  font: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif",Helvetica, sans-serif; 
  background: #fff; 
  overflow: hidden; 
  -webkit-border-radius: 1px; 
  -moz-border-radius: 1px; 
  border-radius: 1px;
  border-top-left-radius: 10px; 
  border-bottom-right-radius: 10px; 
  margin-bottom: 40px;
  margin-top: 40px;
  border: 1px solid #00496B;
}
  
  .datagrid table td, .datagrid table th { 
    padding: 10px 10px;
  }
    
  .datagrid table thead th {
    background-color:#701F95; /*006699*/
    color:#FFFFFF; 
    font-size: 20px; 
    border-left: 0px solid #ffffff; 
    text-align: left;
    text-transform: title;
    line-height: 1.5rem;
    font-weight: 100;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  } 
  @media only screen and (max-width:991px){
    .datagrid table thead th {
      font-size: 19px; 
      line-height: 1.6rem;
      font-weight: 500;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center;
    }
  }
    
 
  .datagrid table tbody td:first-child { 
    border-left: none; }
  .datagrid table tbody tr:last-child td { 
    border-bottom: none; }

table tbody  .linguistic{
	color: #00496B;
	background: #E1EEF4;
	font-weight: 500;
  font-size: 18px;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  line-height: 1.5rem;
}
table tbody  .emocional{
text-align: left;
	font-weight: 500;
  font-size: 18px;padding: 0px;
  border-top: 1px solid #00496B;
  background: #E1EEF4; 
  color: #00496B;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  line-height: 1.5rem;
}

/*FIN DOS PILARES*/




.hero__content .pron-tec{
  font-size: 45px;/*ORIGINAL 57 o 43*/
  font-weight: 900;/*ORIGINAL 900*/
  line-height: 3.7rem;/*ORIGINAL 3.7 o 2.9*/
  font-family: "Frank Ruhl Libre", serif;/*ADDED*/
  margin-top: 15px;
  color: #1f1841;
} 

@media only screen and (max-width:991px){
  .hero__content .pron-tec{
    font-size: 50px;/*ORIGINAL 70    47 y 53*/
    font-weight: 900;/*ORIGINAL 900*/
    line-height: 3.2rem;
    font-family: "Frank Ruhl Libre", serif;/*ADDED*/
  }
}

@media only screen and (max-width:991px){
 .get .your-decision{
  margin-top: 10px;
 }
}

.get-perfect-fluent-pronunciation{
  margin-top: 0px;
}
@media only screen and (max-width:991px){
  .get-perfect-fluent-pronunciation{
    margin-top: 0px;
    margin-bottom: -20px;
    display: inline-block;
  }
 }
 @media only screen and (max-width:575px){
  .get-perfect-fluent-pronunciation{
    margin-top: 0px;
    margin-bottom: -20px;
    display: inline-block;
  }
 }







/* Call Back Form
----------------------------------------------------------*/
.get-call-back-contain .get-call-back-left {
  width: 45%;
}
.get-call-back-contain .get-call-back-right {
  padding-left: 40px;
  width: 43%;
}
.call-back-form .form-container {
  max-width: 457px;
}
.call-back-form .form-control:focus {
  background: #5b6b73;
  color: #fff;
}
.call-back-text {
  text-align: right;
  color: #fff;
}
.call-back-text h2 {
  margin-top: 0;
  font-weight: bold;
  margin-bottom: 25px;
  float: right;
}
.call-back-form {
  margin-bottom: 2px;
  text-align: left;
}
.call-back-form p {
  color: #ccc;
  margin: 0;
  margin-bottom: 10px;
  font-size: 15px;
  border: 0;
}
.call-back-form .form-control {
  margin-bottom: 20px;
  height: 50px;
  border: 0;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: rgba(255, 255, 255, 0.1);
  color: #ccc;
  font-size: 15px;
  padding-right: 20px;
}
.call-back-form ::-webkit-input-placeholder {
  color: #ccc;
}
.call-back-form :-moz-placeholder {
  color: #ccc;
}
.call-back-form ::-moz-placeholder {
  color: #ccc;
}
.call-back-form :-ms-input-placeholder {
  color: #ccc;
}
.call-back-form ::placeholder {
  color: #ccc;
}
.call-back-form .btn-submit {
  margin-bottom: 5px;
  outline: none;
  border: none;
}
.call-back-form .btn-submit:hover {
  background: #008096;
}
.call-back-form #name::-webkit-input-placeholder,
.call-back-form #phone::-webkit-input-placeholder {
  color: #ccc;
}
.call-back-form .form-group {
  margin-bottom: 0;
}
.call-back-form .custom-form:first-child {
  padding-right: 10px;
}
.call-back-form .custom-form:nth-child(2) {
  padding-left: 10px;
}
.call-back-form div.fancy-select div.trigger {
  width: 100%;
  margin-bottom: 20px;
  height: 50px;
  border: 0;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: rgba(255, 255, 255, 0.1);
  color: #ccc;
  font-size: 15px;
  padding: 0 12px;
  border: none;
  line-height: 50px;
}
.call-back-form div.fancy-select div.trigger::after {
  top: 25px;
}
.call-back-form div.fancy-select select:focus + div.trigger {
  background: #5b6b73;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.call-back-form div.fancy-select ul.options {
  top: 70px;
}
.call-back-form div.fancy-select ul.options.open {
  top: 55px;
}
.call-back-form div.fancy-select ul.options {
  width: 100%;
  background: #f2f2f2;
  border-top: none;
}
.call-back-form div.fancy-select ul.options li {
  color: #2e363a;
}
.call-back-form div.fancy-select ul.options li.selected,
.call-back-form div.fancy-select ul.options li:hover {
  background: #00abc9;
  color: #fff;
}
.call-back-form div.fancy-select div.trigger:after {
  border: none;
  content: "\f0d7";
  font-family: FontAwesome;
  font-size: 15px;
  top: 0;
  right: 20px;
}
.call-back-form div.fancy-select div.trigger.open:after {
  content: "\f0d8";
}