* {
    box-sizing: border-box;
    margin:0;
    padding:0;
    

}
#fullPage {
    background-color:#2E2E2E;
}

.s1 {
    background: url('../images/bg.jpg');
    background-size:cover;
}




.s2 { 
    background-image:url('/images/law_bg2.jpg');
    background-size:cover;

    background-color:#8b7647;
}

.s3 {
    background-image:url('/images/mia_bg.jpg');
    background-size:cover;
   
}

.s4 {
    background-image:url('/images/teosoft-bg.jpg');
    background-size:cover;

}

.s5 {
    background-image:url('/images/accert_bg.jpg');
    background-size:cover;

}
.s6 {
    background-image:url('/images/atavizyon_bg.jpg');
    background-size:cover;
}
.section, .s7 {
    height:300px !important;
}
span {
    background-color:white !important;
}


.section-title {
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    font-size:36px;
    color:#ffffff;
    /* margin-right: 30%;
    margin-bottom:2%; */
    padding-top:50px;
    padding-bottom:30px;
    text-align:left;
    font-family: 'Roboto', sans-serif;
}

.section-info {
    font-family: 'Quicksand', sans-serif;
    font-size:16px;
    color:white;
    text-align:left;
    /* margin-left: 57%;
    line-height: 1.3rem; */
    width:90%;
    justify-content: space-between;
    font-family: 'Lato', sans-serif;
}

.buton-link {
    color: #FBAE05;
    text-decoration: none;
}
.buton-link:hover {
    color: white;
    text-decoration: none;
}


.section-container {
   
    background-color:rgba(33, 58, 92, 0.7);
    width: 100%;
    height:85%;

}
.section-logo {
    position:relative;
    margin-top:75px;
    margin-left:100px;
    width: 40%;
}

/* .section-images{
    animation: yourAnimation 2s forwards 0s ease-in-out;
}
@keyframes yourAnimation {
    0%{
        transform: translateX(-800px);
        }
    40%{
        transform: 
        }
    52%{
        transform: 
        }
    100%{
        transform: translateX(0px);
        }
} */
#buton-id {
    box-shadow: inset 0 0 0 3px cyan;
    color: cyan;
    transition: color 0.25s 0.0833333333s;
    position: relative;
}

#link-id {
    color: cyan;
}

#link-id:hover {
    color: white;
}

.draw-border {
    box-shadow: inset 0 0 0 3px #FBAE05;
    color: #FBAE05;
    transition: color 0.25s 0.0833333333s;
    position: relative;
    
}
.draw-border::before, .draw-border::after {
    border: 0 solid transparent;
    box-sizing: border-box;
    content: '';
    pointer-events: none;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    right: 0;
}
.draw-border::before {
    border-bottom-width: 4px;
    border-left-width: 4px;
}
.draw-border::after {
    border-top-width: 4px;
    border-right-width: 4px;
}
.draw-border:hover {
    color: #ffffff ;
}
.draw-border:hover::before, .draw-border:hover::after {
    border-color: #ffffff ;
    transition: border-color 0s, width 0.25s, height 0.25s;
    width: 100%;
    height: 100%;
}
.draw-border:hover::before {
    transition-delay: 0s, 0s, 0.25s;
}
.draw-border:hover::after {
    transition-delay: 0s, 0.25s, 0s;
}
.buton {
    background: none;
    border: none;
    cursor: pointer;
    line-height: 1.5;
    font-family: 'Quicksand', sans-serif;
    font-size:16px;
    font-weight: bolder;
    padding: 1em 2em;
    letter-spacing: 0.05rem;
    /* margin-left:57%; */
    margin-top:30px; 
    margin-bottom:50px;
}
.buton:focus {
    outline: 2px dotted #55d7dc;
}
@media only screen and (max-width: 768px) {
    .section-container {
   
    background-color:rgb(91, 91, 91, 0);
    width: 100%;
    height:100vh;
}

} 


*, ::before, ::after {
    box-sizing: border-box;
}
::-webkit-scrollbar {
    width: 0;
    height: 0;
}
body {
    margin: 0;
    font-size: 62.5%;
    cursor: default;
    

}
.container-slider, section {
    height: 100vh;
}
.container-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-image:url('bg-img2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    margin:auto;
    overflow:hidden;
    padding: 0 3rem;
}
.container-slider::before, .container-slider::after {
    position: absolute;
    width: 350px;
    height: 350px;
    content: "";
    border-radius: 54% 46% 42% 58% / 60% 58% 42% 40%;
    background-image: linear-gradient(45deg, #FDC830, #ed5e1c);
    animation: vawe 5s linear infinite;
}
.container-slider::before {
    top: -10%;
    right: -10%;
}
.container-slider::after {
    bottom: -10%;
    left: -15%;
}

.container-slider .dots {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.container-slider .dots span {
    position: absolute;
    border-radius: 50%;
    background-image: linear-gradient(45deg, #FDC830, #ed5e1c);
    border-radius: 38% 62% 55% 45% / 32% 53% 47% 68%;
    animation: vawe 7s linear infinite;
}
.container-slider .dots span:nth-child(1) {
    top: 10%;
    left: calc(100% - 360px);
    width: 75px;
    height: 75px;
}
.container-slider .dots span:nth-child(2) {
    top: 175px;
    left: 100px;
    width: 450px;
    height: 450px;
    border-radius: 38% 62% 33% 67% / 60% 53% 47% 40%;
    transform: rotate(90deg);
}
.container-slider .dots span:nth-child(3) {
    right: 180px;
    bottom: 20px;
    width: 80px;
    height: 80px;
    border-radius: 38% 62% 55% 45% / 52% 53% 47% 48%;
}
.container-slider .dots span:nth-child(4) {
    bottom: 50px;
    left: 240px;
    width: 20px;
    height: 20px;
    border-radius: 38% 62% 55% 45% / 52% 53% 47% 48%;
}
.container-slider .dots span:nth-child(5) {
    right: 280px;
    bottom: 80px;
    width: 25px;
    height: 25px;
    border-radius: 38% 62% 55% 45% / 52% 53% 47% 48%;
}
.container-slider .dots span:nth-child(6) {
    top: 6%;
    left: calc(100% - 400px);
    width: 25px;
    height: 25px;
}
.resize {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    z-index: 2;
    text-transform: uppercase;
    font-size: 1rem;
    color: #fefefe;
}

.logo {
    position: absolute;
    margin: 0;    
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index:5;
}
.content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* z-index: 1; */
    width: 70%;
    padding: 1em;
    text-align: center;
    font-size: 1.25rem;
    border-radius: 0.5em;
    /* border: 12px solid rgba(91, 65, 242, 0.5); */
    color: #5b41f2;
    mix-blend-mode: luminosity;
}
.content h1 {
    margin: 0;
    font-size: 9vw;
    text-align: left;
    margin-left:-10%;
    letter-spacing: 5px;
    color:white;
    font-family: 'Quicksand', sans-serif;
    font-weight:bolder;
}
.tagline {
    margin: 0;
    font-size: 2vw;
    letter-spacing: 5px;
    color:white; 
    font-family: 'Quicksand', sans-serif;
    text-align:left;
    margin-left:-10%; 
    -webkit-animation: tagline 4s ease-in-out both;
                    animation: tagline 4s ease-in-out both; 
}


.content a {
    text-decoration: none;
    color: #ab49de;
}


/* .sticky-blog {
    position: fixed;
    bottom:0;
    left:10;
    margin-bottom:20px;
    margin-left:20px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:10px;
    z-index:1;
    text-decoration: none;
    font-size: 24px;;
    background-color:#2E2E2E;
    color:white; 
    font-family: 'Quicksand', sans-serif;
    font-weight:bolder;
    transform: rotate(-90deg);
} */

.whatsapp{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
section {
    padding: 3em 1em;
    font: normal 1rem "Montserrat", sans-serif;
    color: #201c29;
    background-color: cyan;
}


@keyframes vawe {
    20% {
            border-radius: 45% 55% 62% 38% / 53% 51% 49% 47%;
   }
    40% {
            border-radius: 45% 55% 49% 51% / 36% 51% 49% 64%;
   }
    60% {
            border-radius: 60% 40% 57% 43% / 47% 62% 38% 53%;
   }
    80% {
            border-radius: 60% 40% 32% 68% / 38% 36% 64% 62%;
   }
}

/* ----------------------------------------------
* Generated by Animista on 2019-12-11 14:26:9
* Licensed under FreeBSD License.
* See http://animista.net/license for more info. 
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/**
* ----------------------------------------
* animation text-pop-up-top
* ----------------------------------------
*/

h1 {
            -webkit-animation: h1 5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
                    animation: h1 5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    
}
@-webkit-keyframes h1 {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      text-shadow: none;
    }
    100% {
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 30px 30px rgba(0, 0, 0, 0.3);
    }
  }
  @keyframes h1 {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      text-shadow: none;
    }
    100% {
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 30px 30px rgba(0, 0, 0, 0.3);
    }
   
  }
  


  @media only screen and (max-width: 768px) {
    .container .dots span:nth-child(2) {
           display:none;
    }
    @keyframes h1 {
            0% {
              -webkit-transform: translateY(0);
                      transform: translateY(0);
              -webkit-transform-origin: 50% 50%;
                      transform-origin: 50% 50%;
              text-shadow: none;
            }
            100% {
              -webkit-transform: translateY(-50px);
                      transform: translateY(-50px);
              -webkit-transform-origin: 50% 50%;
                      transform-origin: 50% 50%;
              text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 10px 30px rgba(0, 0, 0, 0.3);
              
            }
          }

          h1 {
            -webkit-animation: h1 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
                    animation: h1 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            }
            .content h1 {
                    font-size: 12vw;
                    text-align: center;
                    margin-left:0;
                    margin-top:-70px;
            }
           

            
            .tagline {
            -webkit-animation: tagline 4s ease-in-out both;
                    animation: tagline 4s ease-in-out both;        
            text-align: center;
            font-size:4vw;
            margin-left:0;
            }
            .images-all {
               margin-top:110px;
                transform:scale(1);
            }
            .section-images {
               display:none;
            }
            .section-logo {
                position:relative;
                margin-top:-100px;
                margin-left:100px;
            }
            
     

            #fp-nav {
                display:none;
            }

            }
@-webkit-keyframes tagline {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes tagline {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  :root {
    --primary-color:rgba(241, 6, 151, 0.75);
    --overlay-color:rgba(247, 149, 41, 0.85);
    --menu-speed:0.75s;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-12-15 22:41:33
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
 
  

  
  .menu-wrap {
    position: fixed;
    top:0;
    right:0;
    z-index:1;
    margin-top:20px;
    margin-right:20px;
}

.menu-wrap .toggler {
    position: absolute;
    top:0;
    right:0;
    z-index:2;
    cursor: pointer;
    width: 50px;
    height: 50px;
    opacity: 0;
}

.menu-wrap .hamburger {
    position: absolute;
    top:0;
    right:0;
    z-index: 1;
    width: 60px;
    height: 60px;
    padding:1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-wrap .hamburger > div {
    position:relative;
    width: 100%;
    height:3px;
    border-radius: 3px;
    background-color:white;
    display: flex;
    align-items:center;
    justify-content:center;
    transition: all 0.3s ease-out;
}

/* Top and bottom lines */

.menu-wrap .hamburger > div:before,
.menu-wrap .hamburger > div:after{
content:'';
position:absolute;
z-index: 1;
top:-10px;
width:100%;
height:3px;
border-radius: 3px;
background:inherit;
}
/* Moves Line Down */
.menu-wrap .hamburger > div:after {
    top:10px;
}

/* Tooggler animate */

.menu-wrap .toggler:checked + .hamburger > div {
    transform: rotate(135deg);
}


/* Turn lines into x */
.menu-wrap .toggler:checked + .hamburger > div:before,
.menu-wrap .toggler:checked + .hamburger > div:after {
    top:0;
    transform:rotate(90deg);
}


/* Rotate on hover when checked */
.menu-wrap .toggler:checked:hover + .hamburger > div {
    transform:rotate(225deg);
}

/* Show menu */
.menu-wrap .toggler:checked ~ .menu {
    visibility: visible;
}

.menu-wrap .toggler:checked ~ .menu > div {
    transform:scale(1);
    transition-duration: var(--menu-speed);
}

.menu-wrap .menu {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    visibility: hidden;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-wrap .menu > div {
    background: var(--overlay-color);
    border-radius:50%;
    width: 200vw;
    height: 200vw;
    display:flex;
    flex:none;
    align-items:center;
    justify-content: center;
    transform: scale(0);
    transition: all 0.3s ease;
}

.menu-wrap .menu > div >div {
    text-align:center;
    max-width: 90vw;
    max-height:100vh;
    opacity:0;
    transition: opacity 0.3s ease;
}

.menu-wrap .menu > div >div > ul > li {
    list-style:none;
    color:#fff;
    font-size:1.6rem;
    font-family: 'Rubik', sans-serif;
    font-weight: bolder;
    padding:1rem;
}


.menu-wrap .menu > div >div > ul > li > a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.menu-wrap .menu > div >div > ul > li > a:hover {
    color:#e01260;
    transition: color 0.3s ease-out;

} 

.menu-wrap .menu > div >div {
    opacity:1;
    transition: opacity 0.3s ease;
}

/*==================== 
	Footer 
====================== */


/* Main Footer */
#fullPage > div.section.s7.fp-section.fp-table.active.fp-completely > div{
height: 0px !important;


}
footer .main-footer{	padding: 20px 0;	background: #252525;}
footer ul{	padding-left: 0;	list-style: none;}

/* Copy Right Footer */
.footer-copyright {	background: #222;	padding: 5px 0;}
.footer-copyright .logo {    display: inherit;}
.footer-copyright nav {    float: right;    margin-top: 5px;}
.footer-copyright nav ul {	list-style: none;	margin: 0;	padding: 0;}
.footer-copyright nav ul li {	border-left: 1px solid #505050;	display: inline-block;	line-height: 12px;	margin: 0;	padding: 0 8px;}
.footer-copyright nav ul li a{	color: #969696;}
.footer-copyright nav ul li:first-child {	border: medium none;	padding-left: 0;}
.footer-copyright p {	color: #969696;	margin: 2px 0 0;}

/* Footer Top */
.footer-top{	background: #252525;	padding-bottom: 30px;	margin-bottom: 30px;	border-bottom: 3px solid #222;}

/* Footer transparent */
footer.transparent .footer-top, footer.transparent .main-footer{	background: transparent;}
footer.transparent .footer-copyright{	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) ;}

/* Footer light */
footer.light .footer-top{	background: #f9f9f9;}
footer.light .main-footer{	background: #f9f9f9;}
footer.light .footer-copyright{	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3) ;}

/* Footer 4 */
.footer- .logo {    display: inline-block;}

/*==================== 
	Widgets 
====================== */
.widget{	padding: 20px;	margin-bottom: 40px;}
.widget.widget-last{	margin-bottom: 0px;}
.widget.no-box{	padding: 0;	background-color: transparent;	margin-bottom: 40px;
	box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none;}
.widget.subscribe p{	margin-bottom: 18px;}
.widget li a{	color: #ff8d1e;}
.widget li a:hover{	color: #4b92dc;}
.widget-title {margin-bottom: 20px;}
.widget-title span {background: #839FAD none repeat scroll 0 0;display: block; height: 1px;margin-top: 25px;position: relative;width: 20%;}
.widget-title span::after {background: inherit;content: "";height: inherit;    position: absolute;top: -4px;width: 50%;}
.widget-title.text-center span,.widget-title.text-center span::after {margin-left: auto;margin-right:auto;left: 0;right: 0;}
.widget .badge{	float: right;	background: #7f7f7f;}

.typo-light h1, 
.typo-light h2, 
.typo-light h3, 
.typo-light h4, 
.typo-light h5, 
.typo-light h6,
.typo-light p,
.typo-light div,
.typo-light span,
.typo-light small{	color: #fff;}

ul.social-footer2 {	margin: 0;padding: 0;	width: auto;}
ul.social-footer2 li {display: inline-block;padding: 0;}
ul.social-footer2 li a:hover {background-color:#ff8d1e;}
ul.social-footer2 li a {display: block;	height:30px;width: 30px;text-align: center;}
.btn{background-color: #ff8d1e; color:#fff;}
.btn:hover, .btn:focus, .btn.active {background: #4b92dc;color: #fff;
-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
-webkit-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
transition: all 250ms ease-in-out 0s;

}

.fp-tableCell {
    height:0px;
    
}

p {
    font-size: 16px;
}

.thumb-content {
    font-size: 16px;
}
.social-images {
    color:white;
    padding: 10px;
}