/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;

}
html,body {
  margin:0;
  padding:0;
  font-family: 'Roboto';
  font-weight:400;
  font-size:17px; 
  line-height:28px;
  background-color:#fff;
  color:#2B3845;
  -webkit-text-size-adjust:100%;
  height:100%; 
}

#scroll 	{ height:100%;  }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a           { color:#2B3845; text-decoration:underline;}
.clearboth  { clear: both; }
.floatleft  { float: left; }
.uppercase  { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.black		{ color:black }
img         { border: none; }
p           { clear:both; }
ul          { margin:0; }
b           { font-weight:500; font-family:'Roboto'; }
strong      { font-weight:500; font-family:'Roboto'; }
hr          { height:1px; border:0; background-color:black; }
.tisic      { margin-left: 0.3em;	}
.nonselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; 
				 -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.nopadding  { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input,textarea { border:none; outline:none; resize:none; padding:10px 14px; font-family: 'Roboto'; 
				font-size:14px; line-height:20px; -webkit-appearance: none; -webkit-border-radius:0px; letter-spacing:-1.5%;  }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.border5   { -webkit-border-radius:5x; -moz-border-radius:5px; border-radius:5px; }
.border10  { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;  }
.border35  { -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;  }
.borderRounded { -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }

.table-cell	{ display:table-cell; vertical-align:middle;  }

li 			{ list-style-position:inside; }
hr 			{ padding:0; margin:0; background-color:#CAE4F2; }

.roboto30	{ font-size:37px; line-height:51px; }
.roboto24	{ font-size:24px; line-height:36px; }
.roboto22	{ font-size:22px; line-height:28px; }
.roboto20	{ font-size:20px; line-height:33px; }
.roboto18	{ font-size:18px; line-height:21px; }
.roboto16	{ font-size:16px; line-height:19px; }
.roboto15	{ font-size:15px; line-height:23px; }
.roboto14	{ font-size:14px; line-height:23px; }
.alegreya46	{ font-family:Alegreya; font-weight:700; font-size:46px; line-height:69px; }
.alegreya37	{ font-family:Alegreya; font-weight:700; font-size:37px; line-height:51px; }
.alegreya34	{ font-family:Alegreya; font-weight:700; font-size:34px; line-height:51px; }
.alegreya32	{ font-family:Alegreya; font-weight:700; font-size:32px; line-height:48px; }
.alegreya26	{ font-family:Alegreya; font-weight:700; font-size:26px; line-height:40px; }


.BGblue		{ background-color:#134F77; }
.BGlightBlue{ background-color:#EBF8FF; }
.BGbackBlue	{ background-color:#ECF5FA; }
.BGboxBlue	{ background-color:#F5FAFD; }

h1,h2,h3,h4	{ color:#0A2D43; margin-bottom:20px }

.button		{ float:left; color:white; text-transform:uppercase; padding:22px 66px; cursor:pointer;
			  background:linear-gradient(94.51deg, #106189 2.94%, #62A5C5 100%); box-shadow:4px 4px 16px rgba(16, 97, 137, 0.4); }

main        { position:relative; display:block; width:100%; height:100%; }
nav         { position:fixed; background:#fff; width:100%;  z-index:10000 } 
nav.active  { box-shadow: 0px -4px 16px rgba(16, 97, 137, 0.25); } 
.contain    { position:relative; display:block; width:calc(100% - 40px); max-width:1440px; margin:auto; }
.contain-inner    { width:100%; max-width:1108px; margin:auto; }

h1			{ float:left; margin:32px 0 16px 0; width:202px; cursor:pointer;}
h1 img 		{ float:left; width:100% }
menu		{ position:relative; float:right; margin-top:27px; color:#282828; letter-spacing:0.01em }
.menu		{ float:left; padding:12px 0; margin-right:60px; cursor:pointer; }
.menu-blue	{ padding:12px 21px!important; color:#1E628C; margin-right:40px;  }

/* Menu mobile */
.menu-mobile			{ display:none; position:absolute; right:20px; top:37px; width:28px; height:23px;  cursor:pointer;}
.menu-mobile span		{ position:absolute; display:block; width:100%; height:3px; border:1px solid #0A2D43; background-color:#0A2D43;
					  	  -webkit-border-radius:5x; -moz-border-radius:5px; border-radius:5px; behavior: url(PIE.htc); }
.menu-mobile span:nth-child(1) { top:0; }
.menu-mobile span:nth-child(2) { top:9px }
.menu-mobile span:nth-child(3) { bottom:0; }


.head			{ height:160px; }
h2 span			{ padding:2px 0.2em; margin-left:-0.1em }
.home-left		{ position:relative; float:left; width:calc(50% - 30px); margin-right:30px; color:#485F75; z-index:1 }
.home-left h2	{ margin:30px 0 50px 0; }
.home-right		{ position:relative; float:right; width:100%; max-width:431px; margin-right:-17px; z-index:1 }
.home-right-border-left	{ position:absolute; width:73%; height:50%; }
.home-right-border-right { position:absolute; right:0; top:46px; width:calc(100% - 50px); height:calc(100% - 40px); border:solid 2px #5091B4; }
.home-right img	{ position:absolute; top:0; left:0; width:calc(100% - 43px); margin:26px 0 0 26px; }
.home-right img.fake { position:relative; }
.slider 		{ display:none; }
.slider0 		{ display:block; }
.button-more	{ margin:50px 0 100px 0 }
.home-company	{ position:relative; width:100%; max-width:634px; z-index:1; }
.mountains		{ position:absolute; bottom:0; width:100%; }
.mountains img	{ float:left; width:100%; }
.arrow			{ position:relative; float:left; width:40px; height:40px; background:url(../images/arrow2.svg); cursor:pointer; margin:50px 0 150px 0; 
				  z-index:1 }

.skills			{ max-width:1000px; margin:auto; padding:100px 0 20px 0;  }
.skill			{ float:left; width:calc(50% - 80px); margin:0 40px 80px 40px; }
.skill-left		{ float:left; width:110px;  }
.skill-right	{ float:left; width:calc(100% - 110px); }

.about-company		{ background: linear-gradient(0deg, #F5FAFD -2.71%, #F5FAFD 93.4%, #D0DEED 110.86%); padding:150px 0 90px 0 }
.about-company h2	{ margin-top:20px }
.about-company-left		{ float:left; width:calc(100% - 480px); }
.about-company-right	{ float:right; width:100%; max-width:350px; }
.about-company-right img	{ width:100%; }


.company		{ padding:100px 0 50px 0 }
.company-left	{ margin-bottom:80px  }
.company-right	{ max-width:339px;  }

.partners		{ background: linear-gradient(360deg, #F5FAFD 10%, rgba(218, 233, 241, 0)); text-align:center; padding:20px 0 70px 0; }
.partner		{ display:inline-block; margin:20px 18px 10px 18px; vertical-align:top }
.partner img	{ width:100%; }
.partner.ppf	{ max-width:138px }
.partner.homecredit	{ max-width:160px }
.partner.vodafone	{ max-width:160px }
.partner.carollinum	{ max-width:130px }
.partner.istyle	{ max-width:134px }
.partner.praha	{ max-width:128px }
.partner.hardrock	{ max-width:134px }
.partner.skoda	{ max-width:132px }
.partner.ravak	{ max-width:128px }
.partner.huawei	{ max-width:118px }
.partner.novaservis	{ max-width:160px }
.partner.kpmg	{ max-width:140px }
.partner.akkp	{ max-width:140px }
.partner.sotio	{ max-width:140px }
.partner.bata	{ max-width:160px }
.partner.fashion	{ max-width:160px }
.partner.globalblue	{ max-width:80px }
.partner.mkc	{ max-width:140px }
.partner.mzv	{ max-width:200px; margin-right:10px }
.partner.kutnahora	{ max-width:180px }
.partner.halada	{ max-width:140px }
.partner.koscom	{ max-width:80px }
.partner.swarovski	{ max-width:130px }
.partner.lbm	{ max-width:140px }
.partner.aquapalace	{ max-width:80px }
.partner.cafeimperial	{ max-width:140px }


.services		{ padding:100px 0 50px 0 }
.services-text	{ max-width:650px; margin-bottom:100px }
.services-inner	{ max-width:980px; margin:auto; }
.services-boxes	{ float:left; margin-bottom:80px }
.services-box	{ float:left; width:calc(50% - 15px); margin-right:15px; border: 1px solid #C1C7CD; padding:40px 32px; cursor:pointer; }
.services-box h3	{ margin-bottom:40px }
.services-box:last-child	{ margin:0 0 0 15px; }
.services-box:hover	{ background: #F5FAFD; border: 1px solid #67A5C5; }

.offer-container	{ display:none; float:left; width:100%; margin-bottom:150px;}
.offer			{ position:relative; float:left; width:100%; color:#134F77; border-bottom:2px solid #CAE4F2; padding:25px 60px 25px 10px; cursor:pointer}
.offer-arrow	{ position:absolute; top:22px; right:10px; width:36px; height:36px; background:url(../images/arrow.svg); }
.offer-detail	{ display:none; float:left; width:100%; padding:5px 60px 25px 10px; border-bottom: 2px solid #CAE4F2;  }
.offer-cont.active .offer	{ border:0; color:#0A2D43; }
.offer-cont.active .offer-arrow	{ transform: rotate(180deg); }


.contact		{ position:relative; float:left; width:100%; padding:120px 0 0 0; background:#ECF5FA }
.contact-left	{ position:relative; float:left; width:calc(50% - 120px); margin-right:80px; margin-bottom:280px; z-index:1 }
.contact h3		{ margin-top:35px }
.contact-text	{ float:left; margin-top:10px }
.contact-right	{ float:left; width:calc(50% + 40px); }
.form			{ position:relative; float:left; width:100%; background:#fff; margin-bottom:80px; padding:40px 47px; z-index:1 }
.form input,
.form textarea	{ border: 1px solid #91BACF; margin-top:16px }
.form input:focus,
.form textarea:focus  { border: 1px solid #0A2D43; }
.form input::-webkit-input-placeholder 	{ color:#696969; opacity:1; }
.form input::-moz-placeholder 			{ color:#696969; opacity:1; }
.form input:-ms-input-placeholder 		{ color:#696969; opacity:1; }
.form input:-moz-placeholder 			{ color:#696969; opacity:1; }
.form textarea::-webkit-input-placeholder 	{ color:#696969; opacity:1; }
.form textarea::-moz-placeholder 			{ color:#696969; opacity:1; }
.form textarea:-ms-input-placeholder 		{ color:#696969; opacity:1; }
.form textarea:-moz-placeholder 			{ color:#696969; opacity:1; }
.form input		{ width:calc(50% - 8px);  }
.form input.email { float:right; margin-right:0;}
.form textarea	{ width:100%; height:124px }
.form .odeslat	{ width:100%; border:0 }
.form input.odeslat:focus { border:0; }
.form input.input-error	{ border:solid 1px red }
.thanx			{ display:none; text-align:center; margin-top:15px }
.mountains2		{ position:absolute; bottom:0; width:100%; }
.mountains2 img	{ float:left; width:calc(50% - 60px); }


footer			{ padding:100px 0; }
.footer-left	{ float:left; width:213px;  }
.footer-left img{ float:left; width:100%;  }
.footer-right	{ float:right; width:180px; margin-left:40px  }
.footer-text	{ float:left; width:100%; margin:100px 0 60px; color:#808080; }