@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

	/* 
	font-family: 'Oswald', sans-serif;
	font-family: 'Roboto', sans-serif;
	*/



	* {	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; }
	
	:root {
	  --blue: #007bff;
	  --indigo: #6610f2;
	  --purple: #6f42c1;
	  --pink: #e83e8c;
	  --red: #dc3545;
	  --orange: #fd7e14;
	  --yellow: #ffc107;
	  --green: #28a745;
	  --teal: #20c997;
	  --cyan: #17a2b8;
	  --white: #fff;
	  --gray: #6c757d;
	  --gray-dark: #343a40;
	  --primary: #f5548e;
	  --secondary: #903af9;
	  --success: #32cc6f;
	  --info: #3a7dfd;
	  --warning: #fa8b0c;
	  --danger: #fd4868;
	  --light: #f5f7fc;
	  --dark: #272b41;

	}

	html,body {
		height:100%;
	}
	
	.Page {
		min-height:300px
	}
	
	.Content {
		position:fixed;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		overflow-x:hidden;
		overflow-y:auto;
		padding:0px !important; 
		
	}
	
	
	
	a {
		text-decoration:none;
		color:rgba(33,33,33,1)
	}
	
	html {
		font-family: sans-serif;
		line-height: 1.15;
		-webkit-text-size-adjust: 100%;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	
	
	body {
		margin: 0;
		font-family: 'Roboto', sans-serif;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #333333;
		text-align: left;
		background-color:rgba(0,0,0,0.01); 
	}

	input:focus{
		outline: none;
	}

	.Standart {
		float:left;
		width:100%;
		position:relative; 
	}
	
	
	
	.CentererPlus {
		width:1204px;	
		margin:0 auto;   
	}	
	
	.Centerer { 	
		width:1180px;	
		margin:0 auto;  
		padding-left:0px;
		padding-right:0px; 
	} 

	
 
	.Header {
		font-size:1.80em;
		text-align:center;
		margin-bottom:40px;
		font-weight:500;
		color:rgba(51,51,51,1);
	}
	
	
	.Section {
		padding:60px 0px;
		border-bottom:1px solid rgba(0,0,0,0.04);
	}
	
	.SectionA {
		background-color:rgba(255,255,255,1)
	}

	.SectionB {
		background-color:rgba(230,246,254,0.5)
	}
	
	.SectionC {
		background-color:rgba(250,244,232,0.9)
	}

	
	
	.OpenNow {
		float:left;
		width:calc( 100% / 3 ); 
		transform:translate(-50%,0px);
		margin-left:50%;
		
		text-align:center;
		color:rgba(255,255,255,1);
		background-color:#5aa22b;
		border-radius:8px;
		font-size:1em;
		font-weight:700;
		height:58px;
		line-height:58px;
		cursor:pointer;
		-webkit-box-shadow: 0px 10px 10px 4px rgba(243,134,58,0.13);
		-moz-box-shadow: 0px 10px 10px 4px rgba(243,134,58,0.13);
		box-shadow: 0px 10px 10px 4px rgba(243,134,58,0.13);
		margin-top:20px;
		overflow:hidden;
		padding-right:50px;
	}
	
	@media only screen and (max-width:1000px) {
		.OpenNow { 	
			float:left;
			width:calc( 100% / 2 ); 
			transform:translate(-50%,0px);
			margin-left:50%;
		}  
	}
	
	@media only screen and (max-width:800px) {
		.OpenNow { 	
			float:left;
			width:calc( 100% / 1 ); 
			transform:translate(0%,0px);
			margin-left:0px;
		}  
	}
	
	
	
	
	
	.OpenNow:hover {
		-webkit-box-shadow: 0px 10px 10px 4px rgba(0,0,0,0.13);
		-moz-box-shadow   : 0px 10px 10px 4px rgba(0,0,0,0.13);
		box-shadow        : 0px 10px 10px 4px rgba(0,0,0,0.13);
	}
	
	.OpenNow .OneMinute {
		float:left;
		background-color:#fff;
		color:#5aa22b;
		font-size:0.8em; 
		font-weight:500;
		text-align:center;
		height:38px;
		width:38px; 
		margin-top:10px;
		font-size:1.7em;
		padding-top:6px;
		margin-left:10px;
		border-radius:8px;
	}
	
	.OneMinuteCorner {
		position:absolute;
		top:0px;
		right:0px;
		bottom:0px;
		background-color:#006932;
		width:40px;
		font-size:1.7em;
		padding-top:15px;
		transition-duration:300ms;
	}
	
	.OpenNow:hover .OneMinuteCorner {
		width:50px;
	}
	
	.TopSocialButton {
		float:right;
		width:32px !important;
		height:32px !important;
		background-color:rgba(0,0,0,1);
		margin-right:8px;
		margin-left:8px;
		margin-top:18px;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center center;
		border-radius:3px;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
		cursor:pointer;
		transition-duration:50ms;
		overflow:hidden;
	}

	.TopSocialButton:hover {
		border:3px solid rgba(255,255,255,1); 
		border-radius:0px;
	}
	 

	.TopSocialButtonTelegram { 		background-image:url(/assets/Telegram_.Png) 	}	
	.TopSocialButtonWhatsApp { 		background-image:url(/assets/Whatsapp_.Png) 	}	
	.TopSocialButtonSkype    { 		background-image:url(/assets/Skype_.Png) 	}	
	
	
 
	
	
	.TopMenu .Divider {
		float:right;
		height:27px;
		border-left:1px solid rgba(0,0,0,0.5);
		margin-top:28px;
		margin-left:13px;
		margin-right:13px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	.Content {
		padding:40px 0px;
	}
	
	.SlideText {
		text-align:center; 
	    font-size:45px;
    	color: #1c3456;	
	}
	
	.SlideContainer {
		background-size:cover;
		background-position:center center;
		background-repeat:no-repeat;
	}
	
	
	.SliderBtn {
		float:left;
		width:calc((100% / 2) - 10px);
		height: 50px;
		text-align: center;
		margin-left:5px; 
		margin-right:5px; 
		font-size:22px;
		color: #fff;
		transform: skew(-16deg);
		line-height: 50px;
		transition-duration:400ms;
		cursor:pointer;
		font-weight:800;
		overflow:hidden;
	}

	.SliderBtn1 {
		background: #263d5d; 
	}
	
    .SliderBtn1:hover{
		background: #EA810C; 
    }
	
	.SliderBtn2 {
		background: #006cbd;
	}
	
    .SliderBtn2:hover{
		background: #EA810C; 
    }	
	
	.SliderBtn3 {
		background: #0c83dc;
	}
	
    .SliderBtn3:hover{
		background: #EA810C; 
    }	
	
		
	.SliderButtonContainer {
		padding:0px 20% 40px 20%
	}
	
	
	
	.SlideFixer {
		position:absolute; 
		top:0px; 
		left:20px; 
		right:20px; 
		bottom:0px;
	}
	
	.SlideItem {
		padding-top:400px;
		position:relative;
		background-repeat:no-repeat;
		background-position:right bottom;
		background-size:contain;
	}
	@media only screen and (max-width:1204px) {.SlideItem {padding-top:360px; }                                  .SliderButtonContainer {padding:0px 15% 30px 15%} .SlideText { font-size:36px } }
	@media only screen and (max-width:900px)  {.SlideItem {padding-top:300px; background-image:none !important } .SliderButtonContainer {padding:0px 10% 20px 10%} .SlideText { font-size:32px } }
	@media only screen and (max-width:900px)  {.SlideItem {padding-top:300px; } .SliderButtonContainer {padding:0px 10% 20px 10%} .SlideText { font-size:32px } }
	
	
	@media only screen and (max-width:900px)  {
		.SliderBtn {
			float:left;
			width:calc((100% / 1) );
			margin-bottom:20px;
		}
		.SlideItem {padding-top:360px; } 
		
		.SliderButtonContainer {
			padding:0px 10% 00px 10%
		}
		
	}


	.LiItem {
		font-weight: 400 !important; 
		font-size:18px;  
		color:rgba(0,0,0,0.80); 
	}












	
	@media only screen and (max-width:1204px) {
		.Centerer { 	
			width:calc(100%); 
			padding-left:18px;
			padding-right:18px;
		}  
		.CentererPlus {
			width:calc(100%); 
			margin:0 auto;   
		}
	}
	@media only screen and (max-width:560px) {
		.CentererPlus {
			width:calc(100%); 
			margin:0 auto;   
			padding-left:18px;
			padding-right:18px;
		}
	}
	

	
	.Bottom {
		background-color:rgb(27,67,93,1);
		padding:54px 0px;
		color:rgba(255,255,255,1);
	}

	
	
	.SectionB_1 {
		width:35%; 
	}
	.SectionB_2 {
		width:40%;
		padding:50px 00px;
	}		
	.SectionB_3 {
		width:25%;
		padding-right:40px;
	}	
	@media only screen and (max-width:1000px) { .SectionB_1 { width:45%;  }   .SectionB_2 { width:55%;  } .SectionB_3 { display:none  } }
	@media only screen and (max-width:900px ) { .SectionB_1 { display:none  } .SectionB_2 { width:100%; padding:50px 50px; } .SectionB_3 { width:40%;  } }
	
	
	
	
	
	
	
	
	.DownloadContainer {
		padding:60px 0px;
		background: linear-gradient(90deg, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 53%, rgba(221,221,221,1) 100%);
		border-top:1px solid rgba(255,255,255,1);
		-webkit-box-shadow : inset 0px 0px 40px 10px rgba(0,0,0,0.15);
		-moz-box-shadow    : inset 0px 0px 40px 10px rgba(0,0,0,0.15);
		box-shadow         : inset 0px 0px 40px 10px rgba(0,0,0,0.15);
	}
	.DownloadLeft {
		width:70%;
	}
	
	.DownloadRight {
		width:30%;
	}
	
	
 	.Cell2 { width:calc((100% / 2) - 24px);float:left;position:relative;}
	@media only screen and (max-width:900px) { .Cell2 { width:calc((100% / 2) - 24px); } }
	@media only screen and (max-width:800px) { .Cell2 { width:100%;margin-left:0px !important;margin-right:0px !important; } }

 	.Cell3 { width:calc((100% / 3) - 24px);float:left;position:relative;}
	@media only screen and (max-width:900px) { .Cell3 { width:calc((100% / 2) - 24px); } }
	@media only screen and (max-width:560px) { .Cell3 { width:100%;margin-left:0px !important;margin-right:0px !important; } }

 	.Cell4 { width:calc((100% / 4) - 24px);float:left;position:relative; }
	@media only screen and (max-width:960px) { .Cell4 { width:calc((100% / 3) - 24px); } }
	@media only screen and (max-width:880px) { .Cell4 { width:calc((100% / 2) - 24px); } }
	@media only screen and (max-width:560px) { .Cell4 { width:100%;margin-left:0px !important;margin-right:0px !important; } }
	
 	.Cell5 { width:calc((100% / 5) - 24px);float:left;position:relative; }
	@media only screen and (max-width:960px) { .Cell5 { width:calc((100% / 3) - 24px); } }
	@media only screen and (max-width:880px) { .Cell5 { width:calc((100% / 2) - 24px); } }
	@media only screen and (max-width:560px) { .Cell5 { width:100%;margin-left:0px !important;margin-right:0px !important; } }
	









 
	
	
	
	.DownloadAppName {
		font-size:1.1em;
		color:rgba(51,51,51,1);
		margin-bottom:2px; 
		font-weight:900
	}
	
	
	.NormalButton {
		font-size:1.2em;
		border:1px solid #333;
		text-align:center;
		height:55px; 
		line-height:55px;
		transition-duration:300px;
		cursor:pointer
	}
	.NormalButton:hover {
		background-color:rgba(255,255,255,1); 
	}
	
	.BlueButton {
		border:1px solid #006CBD;
		background-color: #006CBD;
		color:rgba(255,255,255,1);
	}	
	
	.BlueButton:hover {
		border:1px solid #1F3B60 !important;
		background-color: #1F3B60 !important; 
	}	
	
	.MobileButton {
		width:calc((100% / 2) - 5px);
	}
	.MobileButton1 {
		margin-right:10px;
	}
	
	
	.DownloadAppParser {
		margin-bottom:30px;
	}
	
	.DownloadAppContainer {
		margin-top:30px;
		width:70%;
		margin-left:15%;
		margin-right:15%
	}
	
	.DownloadAppContainerText {
		color: #1c3456; 
		font-size: 20px;
		font-weight: 700;
	}
	
	
	@media only screen and (max-width:1100px) {
		.DownloadAppContainer { 
			width:100%;
			margin-left:0%;
			margin-right:0%
		}
		.DownloadLeft {
			width:60%;
		}
		
		.DownloadRight {
			width:40%;
		}
	}
	
	@media only screen and (max-width:840px) {
		.DownloadAppContainer { 
			width:100%;
			margin-left:0%;
			margin-right:0%
		}
		.DownloadLeft {
			width:100%;
		}
		
		.DownloadRight {
			width:0%;
			display:none
		}
	}
	
	
	
	
	
	
	
	
	
	.ContentShadown {
		z-index: 5; 
		background-color:rgba(0,0,0,0.6); 
		position: fixed;
		top     : 0px;
		left    : 0px;
		right   : 0px;
		bottom  : 0px;
		overflow: hidden;
		display : none;
		
	}
	
	
	
	@media only screen and (max-width:900px) {
		.SectionParts {
			width:calc( (100% / 1) - 0px) !important;
			margin:0px!important;
			margin-bottom:16px!important;
		}
	}


	.ContentBackground {
		position:absolute;
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;			 
		z-index:1; 
		background-color:rgba(0,0,0,1);
	}
	.ContentBackgroundImage {
		position:absolute;
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;			
		
		z-index:2;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center center;
	}
	.ContentInner {
		position:absolute;
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;			 
		z-index:3;
	}


	.hline {
		width:100%;
		float:left;
		margin-top:20px;
		margin-bottom:20px;
		height:1px; 
		border-top:1px dashed #000; 
		opacity:0.1
		
		
	}