/* *{
	outline: 1px solid red;
} */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}a, article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}a{text-decoration: none;color:inherit;}




body::-webkit-scrollbar {
    width: 8px;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(90,163,201,1);
}
body::-webkit-scrollbar-thumb {
  background-color: rgba(90,163,201,1);
  outline: 1px solid rgba(90,163,201,1);
}
::-moz-selection{

	background: rgba(147, 197, 223,.2);
}
::selection{

	background: rgba(147, 197, 223,.2);
}

*{
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: -webkit-transform 2s;
	transition: -webkit-transform 2s;
	transition: transform 2s, opacity 2s;
	transition: transform 2s, -webkit-transform 2s;
	-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
	        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);

}
*::after{
	transition: opacity .5s;

}
html{
	overflow-x: hidden;
}

body{
	-webkit-font-smoothing: antialiased;
	font-family: 'Dosis', sans-serif;
	font-weight: 200;


}
#big_screen{
	overflow: hidden;
	width: 100%;
}
#small_screen{display: none;}
#sm_icons{display: none;}
.sm_wrappersquare_pr{display: none;}
.sm_box{display:none;}

h1{
	font-size: 12.5em; /* 200/16 */
	font-family: 'Dosis', sans-serif;
	font-weight: 200;
	font-stretch: expanded;
}
h2{
	font-size: 8.125em; /* 130/16 */
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
}
h3{

	font-family: 'Roboto', sans-serif;
	font-weight: 100;
}


li{
	text-indent: -30px;
	margin-top:  30px;
	margin-left:  50px;
}
li:before { content: "■"; padding-right:15px; color: #6781AC;  }
.col{
	position:fixed;
	height: 100%;
	border-right: .9px solid rgba(90,163,201,.4);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	z-index: 50;
}
.row{
	position: relative;
	display: block;
	border-bottom: .9px solid  rgba(90,143,201,.4);
	z-index: 50;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}


.opacity0{opacity:0;}
.opacity_80{opacity: .8;}

.top100{margin-top:100px;}
.top200{margin-top:200px;}
.top400{margin-top:400px;}
.top600{margin-top:600px;}
.top800{margin-top:800px;}
.top1000{margin-top:1000px;}
.top1200{margin-top:1200px;}

.top-200{margin-top:-200px;}
.top-400{margin-top:-400px;}
.top-600{margin-top:-600px;}
.top-800{margin-top:-800px;}
.top-1000{margin-top:-1000px;}
.top-1200{margin-top:-1200px;}

.col-3{left:-25%;}
.col1{left: 0;}
.col2{left:12.5%;}
.col3{left:25%;}
.col4{left:37.5%;}
.col5{left:50%;}
.col6{left:62.5%;}
.col7{left:75%;}
.col8{left:87.5%;}


.col1r{right: 0;text-align: right;}
.col2r{right:12.5%;text-align: right;}
.col3r{right:25%;text-align: right;}
.col4r{right:37.5%;text-align: right;}
.col5r{right:50%;text-align: right;}
.col6r{right:62.5%;text-align: right;}
.col7r{right:75%;text-align: right;}
.col8r{right:87.5%;text-align: right;}




.color8rec{background-color: rgba(209,198,212,.4);}
.color1rec{background-color: rgba(203,204,223,.4);}
.color6rec{background-color: rgba(185,222,242,.3);}

.color8dark{color: rgba(99,79,108,1);}
.color1dark{color: rgba(58,108,138,1);}
.color6dark{color: rgba(85,83,119,1);}
	
.colorhome_dark{background-color: #8A6A93;}
.colorabout_dark{background-color: #5BA3C9;}
.colorproducts_dark{background-color:  #6781AC;}
.colorcontact_dark{background-color: #7174A2;}

.colorhome_light{background-color: rgba(196,177, 201,1);}
.colorabout_light{background-color: rgba(147, 197, 223,1);}
.colorproducts_light{background-color: rgba(152,179, 217,1);}
.colorcontact_light{background-color: rgba(166,166,201,1);}

.bcolorhome{background-color:  #8A6A93;}
.bcolorabout{background-color: #5BA3C9;}
.bcolorproducts{background-color:#6781AC;}
.bcolorcontact{background-color: #7174A2;}

.colorhome{color: #8A6A93;}
.colorabout{color: #5BA3C9;}
.colorproducts{color:  #6781AC;}
.colorcontact{color: #7174A2;}

.color1bg{background-color: rgba(90,163,201,.2);}
.color2bg{background-color: rgba(99,160,197,.2);}
.color3bg{background-color: rgba(109,151,186,.2);}
.color4bg{background-color: rgba(118,143,176,.2);}
.color5bg{background-color: rgba(124,135,167,.2);}
.color6bg{background-color: rgba(129,128,158,.2);}
.color7bg{background-color: rgba(133,121,151,.2);}
.color8bg{background-color: rgba(137,115,144,.2);}


.white{background-color: rgba(255,255,255,1);}


/**:after{
	content: attr(data-speed);
	display: block;
	position: relative;
	text-align: center;
	top:45%;}
*/
#backtotop{
	width: 2.7em;
	height: 2.7em;
	z-index: 100;
	position: fixed;
	right: 6.25%;
	bottom: 5%;
	-webkit-transform: translate(50%,-50%);
	        transform: translate(50%,-50%);
	cursor: pointer;
}
#backtotop::after{
	content: "back to top";
	
}
#logo{
	width: 100%; /* 50/16 */
	height: 100%; /* 50/16 */
	z-index: 100;
	position: absolute;
	
}
#scroller{
	position: fixed;
	width: 1px;
	left: 6.25%;
	top: 15%;
	height: 70%;
	background-color: rgba(90,163,201,1);
	z-index: 100;
}
.scroller_point{
	display: block;
	position: absolute;
	width:10px;
	height: 10px;
	background-color: rgba(90,163,201,1);
	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	left: 50%;
	-webkit-transition: width 500ms, height 500ms;
	transition: width 500ms, height 500ms;

}
#scroller_wrapper{
	width:12.5%;
	height: 100vh;
	position: fixed;
	z-index: 300;
}
#scroller_wrapper:hover *::after{
	opacity: 1;

}
.mouse_viewer{
	
	display: block;
	position: absolute;
	width:20px;
	height: 20px;
	border: 1px solid rgba(90,163,201,0);
	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
	-webkit-transition: opacity 500ms;
	transition: opacity 500ms;
	padding-bottom: 30px;
}
.mouse_viewer::after{
	content: attr(name);
	color: rgba(90,163,201,1);
	background-color: rgba(255,255,255,1);;
	font-size: 1.1em;
	font-weight: 300;
	opacity: 1;
	position: absolute;
	top: 100%;
	left: 50%;
    transform:  translateX(-50%);
    opacity: 0;
    text-align: center;
}

/*.mouse_viewer:hover{border: 1px solid rgba(90,163,201,1);}*/
.scroller_point:hover{background-color: rgba(147, 197, 223,1);
transition: background-color .5s;}


.scroller_point:nth-child(1){
	width:20px;
	height: 20px;
}
/* .home1{top: 0;}
.home2{top: 16.7%;}
.home3{top: 33.3%;}
.home4{top: 50%;}
.home5{top: 66.7%;}
.home6{top: 83.4%;}
.home7{top: 100%;} */

.home1{top: 0;}
.home2{top: 20%;}
.home3{top: 40%;}
.home4{top: 60%;}
.home5{top: 80%;}
.home6{top: 100%;}

.products1{top: 0;}
.products2{top: 50%;}
.products3{top: 100%;}


.about1{top: 0;}
.about2{top: 20%;}
.about3{top: 40%;}
.about4{top: 60%;}
.about5{top: 80%;}
.about6{top: 100%;}


.group_ref{
	position: absolute;
	right: 6.25%;

	z-index: 100;
	width: 4em; /* 64/16 */
	height: 4em; /* 64/16 */
	-webkit-transform: translate(50%,-50%);
	        transform: translate(50%,-50%);
}
.reference{
	position: relative;
	width:1.875em; /* 30/16 */
	height: 1.875em; /* 30/16 */
	
	float: left;
	margin: 0 0.25em 0.25em 0; /* 4/16 */ /* 4/16 */
	
}

.reference:nth-child(2), .reference:nth-child(4){margin-right:0px;}
.reference:nth-child(3), .reference:nth-child(4){margin-bottom:0px;}
.reference img{
	width: 100%;
	position: absolute;
}

.reference2{
	position: relative;
	width:1.875em; /* 30/16 */
	height: 1.875em; /* 30/16 */
	
	float: left;
	margin: 0.25em; /* 4/16 */ /* 4/16 */
}
.reference2 img{
	position: absolute;
}
.group_ref2{
	height: 2.375em;
	z-index: 100;
	
}

.navSquare{
	z-index: 100;
	background-color: transparent;
	cursor: pointer;
}
.navSquare h1{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	font-size: 1.5em; /* 24/16 */
	color: white;
}
p{
	/*font-size: 16px;*/
	line-height: 1.25em; /* 20/16 */
}
.box{
	position: absolute;
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
	-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
	        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);

}
.slider{
	position: relative;
	width: 62.5%;
	z-index: 70;
}
.wrapper{
	position: relative;
	width: 50%;
	left: 25%;
	padding: 6.25em; /* 100/16 */
	margin-top: 2.5em; /* 40/16 */
	margin-bottom: 9.375em; /* 150/16 */
	z-index: 60; 
}
.wrapper_left{
	position: relative;
	width: 50%;
	left: 12.5%;
	padding: 6.25em; /* 100/16 */
	margin-top: -2em;
	margin-bottom: 2.375em; /* 150/16 */
	z-index: 60; 
}
#wrapper_left2{
	padding:  3em;
}
.wrapper_right{
	position: relative;
	left: 37.5%;
	width: 50%;
	padding: 6.25em; /* 100/16 */
 	margin-top: -2em;
	margin-bottom: 2.375em; /* 150/16 */
	z-index: 60; 
}
.wrapper_left > p, .wrapper_right > p,{
	margin-bottom: 1.875em; /* 30/16 */
}
.p_wrapper > p{
	margin-bottom: 1.5em;
}
.p_wrapper > p:last-child{
	margin-bottom: 0em;
}
.title{
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	margin-top: 0.23076923076923078em; /* 30/130 */
	margin-bottom: -0.19230769230769232em; /* 25/130 */
	z-index: 90;
}
#indevelopment.title{ /* in development */
	font-weight: 100;
	font-style: italic;
	font-size:  3em;
	margin-top:  6em;

}
.title-right {
	right: 0;
	margin-right: 12.5%;
	text-align: right;
}
.title-left {
	left:0;
	margin-left: 12.5%;
}
.subtitle{
	font-size: 1em;
	position: relative;
	font-weight: 700;
	margin-top: 0.23076923076923078em; /* 30/130 */
	margin-bottom: -0.19230769230769232em; /* 25/130 */
	z-index: 90;

}
.podtitle-left{
	font-size: 5em;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	margin-left: 25%;
/* 	margin-top: 2em; */
}
.podtitle-right{
	font-size: 5em;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	margin-right: 25%;
	margin-top: 2em;
}
#aimee_image{
	margin-top: -12em; 
}
.wrappersquare{
	height:315px;
	position: relative;
	width: 25%;
	float: left;
	margin-bottom: 5.625em; /* 90/16 */
	z-index: 80;
}
.wrappersquare:nth-child(1){
	margin-top: 5em; /* 80/16 */
	color:  #8A6A93;

}
.wrappersquare:nth-child(1) .square:hover{
	background-color:  #8A6A93;
	-webkit-transition: 400ms;
	transition: 400ms;
	color: white;
}
.wrappersquare:nth-child(2){
	margin-top: 0.625em; /* 10/16 */
	color: #6781AC;


}
.wrappersquare:nth-child(2) .square:hover{
	background-color: #6781AC;
	-webkit-transition: 400ms;;
	transition: 400ms;
	color: white;
}
.wrappersquare:nth-child(3){
	margin-top: 10.3125em; /* 165/16 */
	color:  #5BA3C9;
}
.wrappersquare:nth-child(3) .square:hover{
	background-color:  #5BA3C9;
	-webkit-transition: 400ms;
	transition: 400ms;
	color: white;

}
.square{
	border: 1.3px solid;
	width: 90%;
	height: 90%;
	position: relative;
	margin: 0 auto;
	background-color: rgba(97,96,119,0);
	cursor: pointer;
}
.md{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 50%;
}
.ro{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 50%;
}
.pop{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 55%;
}
.square h3{
	position: absolute;
	top: 69%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	font-size: 1.5625em; /* 25/16 */
	text-align: center;
	font-weight: 300;
}
.wrappersquare:nth-child(2) h3{
	margin-top: 0.4em; /* 10/25 */
}
.wrappersquare:nth-child(3) h3{
	margin-top: 0.4em; /* 10/25 */
}


.clearfix{
	clear:both;
}
.center{
	text-align: center;
}
.contact p{
	font-size: 22px; /* 18/16 */
	line-height: 22px; /* 20/18 */
}
.contact .wrapper{
	padding-top: 3.125em; /* 50/16 */
	padding-bottom: 3.125em; /* 50/16 */

}
.technl{
	float: right;
    position: relative;
    right: 15%;
    width: 20%;
       margin-top: 100px;
}

 .logo_right{
			position: relative;
		    right: 12.5%;
		    width: 37.5%;
		    z-index: 100;
		    float: right;
		}
		 .logo_left{
			position: relative;
		    left: 12.5%;
		    width: 37.5%;
		    z-index: 100;
		    float: left;
		}


.logo_left.card{
	width:  25%;
	left:  25%;
	margin-top: -10em;

}
.relative{
	position: relative;
}
.howitworks{
	float: left;
	width:  37.5%;
	margin-left: 12.5%;
	padding:  10em 0;

}
.benefits{
	/* float: left; */
	width:  75%;
	margin-left: 12.5%
}
.card_desc{
	float: left;
	width:  75%;
	margin-left: 12.5%;
	z-index: 100;
	position: relative;
}
.app_phones{
	float: right;
		width:  30%;
	margin-right: 12.5%

}
.techn2{
	display:  none;
}
.sm_device,.sm_card{
	display: none;
}
.logo_right.zuri{
	width:  30%;
}

.benefiticon{
	float: left;
	margin:  5em 0;
	position: relative;
	z-index: 100;
}

.b01{width:  25%;margin-left: 12.5%;}
.b02{width:  25%;margin-top: -1em;}
.b03{width:  25%; }
.blogo{width:  100%;margin:0 auto; margin-top: -5em;}
.b04{width:  25%;margin-left: 25%;}
.b05{width:  25%; margin-top: -.2em;}


.benefiticon img{
	width:  60%;
	margin: 0 auto;
	display: block;
}
.blogo img{
	width:  20%;
}
.p_wrapper span{font-weight: 700;}

/*____________________PRODUCTS_________________________________________________________________________________________*/

#aimee{
	margin-top:1.5em;
}
.wrappersquare_pr{
	height:400px;
	position: relative;
	width: 37.5%;
	float: left;
	margin-bottom: 5.625em; /* 90/16 */
	z-index: 80;
}
.wrappersquare_pr:nth-child(1){
	margin-top: 5em; /* 80/16 */
	color:  #8A6A93;

}
.wrappersquare_pr:nth-child(2){
	margin-top: 10.3125em; /* 165/16 */
	color:  #5BA3C9;

}
.sa{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 60%;
}
.ba{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 80%;
}
.wrappersquare_pr:nth-child(1) .square:hover{
	background-color:  #8A6A93;
	-webkit-transition: 400ms;
	transition: 400ms;

}
.wrappersquare_pr:nth-child(2) .square:hover{
	background-color:  #5BA3C9;
	-webkit-transition: 400ms;
	transition: 400ms;
}
.gallery{
	width: 37.5%;
	position: relative;
	z-index: 70;
	float: left;

}
.gallery img{
	/*float:left;*/
	width: 100%;
	cursor: pointer;


}
.gallery:nth-child(2){
	margin-top: 9.375em; /* 150/16 */
	}

#overlay {
    background:  rgba(255,255,255,.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 120;
    text-align: center;
}
#overlay img{
	
	max-width: 90%;
	max-height: 90%;
	position: absolute;
  	top: 50%;
 	left: 50%;
 	-webkit-transform: translateY(-50%) translateX(-50%);
 	        transform: translateY(-50%) translateX(-50%);
}
.swiper-container {
        width: 62.5%;
		z-index: 100;
		left:12.5%;
		margin-top: 10em;

    }
    .swiper-slide img{
    	width: 100%;
    }
    .swiper-slide {
    	width: 100%;
        height: 100%;
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
  #anchor-tag a{  
    width: 37.5%;
    position: relative;
    left: 12.5%;
    z-index: 70;
    float: left;
    overflow: hidden;
}
#anchor-tag a img{
	width: 100%;
    /*position: relative;*/
    left: 0;
    z-index: 70;
    float: left;
    transition: transform 10s;


}
#anchor-tag a img:hover{
	overflow: hidden;
	transform: scale(1.5) rotate(8deg);
	


}
#loading{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,.9);
	z-index: 1000;
}
#loading img{
	position: absolute;
	top: calc(50% - 25px);
	left: calc(50% - 25px);
     -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}

.leftimage{
	width: 50%;
	position: relative;
	left: 12.5%;
	z-index: 70;
	
}
.card_chip{
	width: 40%;
	top: -200px;
	left:  20%;
}
.human{
	width: 20%;
	margin: 0 auto;
	display: block;
}
.rightimage{
	width: 50%;
	position: relative;
	left: 37.5%;
	z-index: 70;
	
}
.marginminus{
	margin-top: -3%;
}
#aimee_logo{
	z-index: 100;
}
.ricb_napis{
	z-index: 100;
	width: 37.5%;
	margin-top: 4em;
}

#form{
	padding: 3em 2em;
}
form{
	width: 100%;
	box-sizing: border-box;
	font-size: 0;
}
input:first-child{
	margin-right: 4%;
}
input{
	width: 48%;
}
.formgroup{
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 4%;
}
textarea{
	width: 100%;
	margin-bottom: 4%;
}
button{
	width: 48%;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px;
}
input, textarea, button{
	padding: 10px;
	background-color: rgba(0,0,0,0);
	border: .9px solid rgba(112,111,158,1);
	color: rgba(112,111,158,1);
	font-family: 'Dosis', sans-serif;
	font-size: 18px;
	line-height: 26px;
}


textarea::placeholder, input::placeholder{
	color: rgba(112,111,158,.6);
	font-family: 'Dosis', sans-serif;
	font-size: 18px;
	line-height: 26px;
	font-weight: 200;
}
textarea:focus, input:focus, button:focus{
	outline:none;
	border: 1px solid rgba(112,111,158,1);
}

button:hover{
	cursor: pointer;
	border: 1px solid rgba(112,111,158,1);
	background-color: rgba(112,111,158,1);
	color:  rgba(255,255,255,1);

}

#backtotop:hover{

	animation: movetop .5s;
}
@keyframes movetop {
  0%   {margin-bottom: 0px; }
  30%   {margin-bottom: 10px; }
  100% {margin-bottom: 0px; }
}



@media screen and (min-width: 2300px) and (max-width: 3000px){ /*large*/
	body{
			font-size: 24px;
		}
		p, li{
			font-size: 24px;
		}
}
@media screen and (min-width: 1500px) and (max-width: 2300px){ /*large*/
	body{
			font-size: 20px;
		}
		p, li{
			font-size: 20px;
		}
}
@media screen and (min-width: 1100px) and (max-width: 1500px){ /*medium*/
		body{
			font-size: 18px;
		}
		
}
@media screen and (min-width: 850px) and (max-width: 1100px){ /*small*/
		
		body{
			   font-size: 13px; 
		}
		p, li{
				font-size: 15px;
		}
		
	}
@media screen and (max-width: 850px){ /*extra small*/
		p, li{
			font-size: 20px;
		}
		.wrapper_left{
			width: 75%;
		}
		.wrapper_right{
			width: 75%;
			left: 12.5%;
		}
		body{
			font-size: 10px;
		}
		.contact p{
			font-size: 16px; /* 18/16 */
			line-height: 20px; /* 20/18 */
			text-align: center;
		}
		.swiper-container {
	        width: 75%;
			z-index: 100;

	    }
		.group_ref{
			-webkit-transform: scale(1.5) translate(50%,-50%);
			        transform: scale(1.5) translate(50%,-50%);
			-webkit-transform-origin: 4em 0em;
			        transform-origin: 4em 0em;
		}
		.group_ref2{
			height: 8em;
			left: 50%;
		    position: relative;
		    transform: translateX(-50%);
		    display: inline-block;
		}
		.reference2{
			width: 8em;
			height: 8em;
		}
		#backtotop{
			height: 3.8em;
			width: 3.8em;
		}

		#podtitle {
		    font-size: 12em;
		    margin-left: 5%;
		}
/* 		#podtitle-left {
		    font-size: 12em;
		    margin-left: 5%;
		}
		#podtitle-right {
		    font-size: 12em;
		    margin-right: 5%;
		} */
.card_chip {
    width: 60%;
    top: 0px;
    left: 20%;
}
.technl {
   display: none;
}
.techn2{
	display: block;
	width:  60%;
	margin-left: 20%;
}
#aimee_image{ 
	left: 20%;
	float: left;
	width:  60%;
	margin-top: -5em;
}
.sm_device, .sm_card{
	display: block;
	margin-left: 5%;
	width: 90%;
	padding-top:  6em;
	position: relative;
	z-index: 100;
}

.benefits, .howitworks, .app_phones, .card_desc, .card{
	display: none;
}
}
@media screen and (max-width: 700px){ /*extra small*/
		#big_screen{display: none;}
		.box{display: none;}
		#small_screen{display: block;}
		.sm_box{display:block;}
		#sm_icons{display:block;}
		
		


		body{
			font-size: 6px;
		}
		h2{
			font-size: 8em;
		}
		.wrapper_left{

			width: 90%;
			left: 5%;
			padding: 3.25em;
			    padding-top: 10em;
		}
		.wrapper_right{

			width: 90%;
			left: 5%;
			padding: 3.25em;
			    padding-top: 10em;
		}
		.wrapper{
			width: 90%;
			left: 5%;
		}
		.swiper-container {
	        width: 100%;
			z-index: 100;
			margin-top: 10em;
			left: 0;

	    }
	  

		.sm_col{
			position:fixed;
			height: 100%;
			border-right: .9px solid rgba(90,163,201,.4);
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
			z-index: 50;
		}
		.sm_col1{left: 5%;}
		.sm_col2{left:49.9%;}
		.sm_col3{left:94.9%;}

		.sm_box{
			width: 45%;
			position: absolute;
			-webkit-transition: -webkit-transform 1s;
			transition: -webkit-transform 1s;
			transition: transform 1s;
			transition: transform 1s, -webkit-transform 1s;
			-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
			        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
			z-index: 20;

		}
		.sm_box_center{
			width: 8em;
			height: 8em;
			position: absolute;
			-webkit-transition: -webkit-transform 1s;
			transition: -webkit-transform 1s;
			transition: transform 1s;
			transition: transform 1s, -webkit-transform 1s;
			-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
			        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
			background-color: white;
			top: 50%;
			left: 50%;
			z-index: 100;
			-webkit-transform: translate(-50%, -50%);
			        transform: translate(-50%, -50%);
			border: .9px solid rgba(90,163,201,.4);

		}
		#sm_logo{
			width: 6em;
			height: 6em;
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -3em 0 0 -3em;
 

		}
		.sm_row{
			position: relative;
			display: block;
			border-bottom: .9px solid  rgba(90,143,201,.4);
			z-index: 50;
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
		}
		.sm_row:last-child{
			margin-bottom: 0px!important;
		}
		.sm_navSquare{
			z-index: 100;
			background-color: transparent;
			cursor: pointer;
		}
		.sm_navSquare img{
			width: 100%;
			}
		.sm_navSquare h1{
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			        transform: translate(-50%, -50%);
			font-size: 4em;
			color: white;

		}
		.title-right {
			right: 0;
			margin-right: 5%;
			text-align: right;
			}
			.title-left {
			left:0;
margin-left: 5%;
}
		#icons{
			display: none;
		}
		
		.sm_wrappersquare{
			left: 5%;
			height:315px;
			position: relative;
			width: 45%;
			float: left;
			margin-bottom: 5.625em; /* 90/16 */
			z-index: 80;
		}
		.square h3{
			font-size: 3em;
			top: 74%;
		}
		.sm_wrappersquare:nth-child(1){
			margin-top: 20em; /* 80/16 */
			color:  #8A6A93;
		}
		.sm_wrappersquare:nth-child(2){
			margin-top: 0.625em; /* 10/16 */
			color: rgba(112,111,158,1);
		}
		.sm_wrappersquare:nth-child(3){
			margin-top: -3.6875em; /* 165/16 */
			color: rgba(90,163,201,1);
		}
/*		.sm_wrappersquare:nth-child(1) .square:hover{
			background-color: #8A6A93;
			transition: 400ms;
			color: white;
		}
		.sm_wrappersquare:nth-child(2) .square:hover{
			background-color: rgba(112,111,158,1);
			transition: 400ms;
			color: white;
		}
		.sm_wrappersquare:nth-child(3) .square:hover{
			background-color: rgba(90,163,201,1);
			transition: 400ms;
			color: white;
		}*/
		.title {
			margin-top: 1.5em;
		}
		.contact .wrapper {
		    padding-top: 8em;
		    padding-bottom: 8em;
		}
		.title-right {
			right: 0;
    		margin-right: 5%;
    	}
    	.title-left {
    		left:0;
    		margin-left: 5%;
    	}


		

    	.gallery{
    		width: 45%;
    	}
    	.wrappersquare_pr{
    		display: none;
    	}
    	.sm_wrappersquare_pr{
    		display: block;
    		width: 45%;
    		height: 400px;
			position: relative;
			float: left;
			margin-bottom: 5.625em; /* 90/16 */
			z-index: 80;
    	}
    	.sm_wrappersquare_pr:nth-of-type(1n){
			margin-top: 10.3125em; 
			color: #8A6A93;
		}
		.sm_wrappersquare_pr:nth-of-type(2n){
			margin-top: 16.3125em; 
			color: rgba(90,163,201,1);

		}
/*		.sm_wrappersquare_pr:nth-child(1) .square:hover{
			background-color: rgba(132,94,144,1);
			transition: 400ms;

		}
		.sm_wrappersquare_pr:nth-of-type(2n) .square:focus{
			background-color: rgba(90,163,201,1);
			transition: 400ms;
		}*/
		.group_ref2{
			font-size: 10px;
		}
		.benefit_wrapper{
			margin-top: 12em;
		}
		.benefiticon img{
			width:  100%;
		}
		.blogo img{
			width:  25%;
		}
		#podtitle-left{	
	margin-top: 3em;
}
.podtitle-right{	
	margin-top: 3em;
}
.podtitle-left{
	font-size: 9em;
}
.podtitle-right{
	font-size: 9em;
}
.human{
	width: 60%;
}
.rightimage{
	width: 80%;
	position: relative;
	left: 10%;
	z-index: 70;
	
}
}