@media (min-width: 1858px) and (max-width: 1970px) {
	.spiritlevel {
		left: -287px;
	}
}
@media (min-width: 1658px) and (max-width: 1887px) {
	.spiritlevel {
		left: -387px;
	}
}
@media (min-width: 0px) and (max-width: 1657px) {
	.spiritlevel {
		display: none;
	}
}
@media (min-width: 0px) and (max-width: 1657px) {

	.pencil {
		background: url('/img/main/pencil.png') no-repeat;
		background-size: 300px 128px;
		width: 300px;
		height: 128px;
		position: absolute;
		left: 217px;
		top: 670px;
		z-index: 0;
	}

	.ruler {
		background: url('/img/main/ruler.png') no-repeat;
		background-size: 300px 145px;
		width: 300px;
		height: 145px;
		position: absolute;
		right: 273px;
		top: 210px;
		z-index: 0;
	}

	.helmet {
		background: url('/img/main/helmet.png') no-repeat;
		background-size: 550px 447px;
		width: 550px;
		height: 447px;
		position: absolute;
		right: -103px;
		top: 390px;
		z-index: 0;
	}

	.plans {
		background: url('/img/main/plans.png') no-repeat;
		background-size: 600px 532px;
		width: 600px;
		height: 532px;
		position: absolute;
		right: -80px;
		top: 0;
		z-index: 0;
	}
}
@media (min-width: 0px) and (max-width: 1399px) {

	.pencil {
		left: 47px;
		top: 570px;
	}

	.container.header .info div:nth-child(3) div:first-child a {
		text-align: center;
	}
	.container.header .navbar-nav > li > a.highlight {
		display: none;
	}
}

@media (min-width: 1001px) and (max-width: 1299px) {
	.plans {
		right: -280px;
	}
	.helmet {
		top: 240px;
	}
	.ruler {
		top: 160px;
	}
}
@media (min-width: 0px) and (max-width: 1000px) {
	.plans {
		right: -280px;
	}
	.helmet {
		top: 240px;
		right: -250px;
	}
	.ruler,
	.pencil {
		display: none;
	}
}
@media (min-width: 0px) and (max-width: 500px) {
	.plans,
	.helmet,
	.ruler,
	.pencil {
		display: none;
	}
}

@media (min-width: 1458px) and (max-width: 1700px) {
	.pens {
		right: -356px;
	}
}
@media (min-width: 1401px) and (max-width: 1458px) {
	.container.header .info .col-md-12 .col-md-6 {
		display: table;
		width: 100%;
		float: none;
	}
	.container.header .info .col-md-12 .col-md-6:last-child a,
	.container.header .info .col-md-12 .col-md-5:last-child a {
		width: 320px;
		padding: 19px 30px 19px 30px;
		text-align: center
	}	
	.keys {
		right: 622px;
	}
	.container.header .info div:nth-child(1) {
		color: #223a53;
		font-size: 42px;
		font-weight: 500;
		line-height: 50px;
	}
	.container.header .info div:nth-child(2) {
		color: #ec6420;
		font-size: 43px;
		font-weight: 200;
		line-height: 50px;
	}
	.container.contact .coffee {
		right: -200px;
		top: 200px;
	}
}
@media (min-width: 1401px) and (max-width: 1665px) {
	@keyframes slideRight {
	  0% {
		right: -650px;
		opacity: 0;
	  }
	  100% {
		right: -500px;
		opacity: 1;
	  }
	}

	@keyframes slideLeft {
	  0% {
		left: -650px;
		opacity: 0;
	  }
	  100% {
		left: -500px;
		opacity: 1;
	  }
	}
	
	.fullcontainer .image {
		/*right: -550px;*/
	}
	.fullcontainer:nth-child(even) .image {
		/*right: -550px;*/
	}
	
	.image.www,
	.image.management,
	.image.calendar,
	.image.exports {
		right: -500px;
		opacity: 1;
	}
	.image.mailing,
	.image.vis3d,
	.image.investition {
		left: -500px;
		opacity: 1;
	}
	
}

@media (max-width: 1400px) {
	
	.container.contact .coffee {
		right: -200px;
		top: 200px;
	}
	.pens {
		display: none;
	}
	.keys {
		background: url('/img/main/keys-min.png') no-repeat !important;
		width: 200px !important;
		height: 160px !important;
		position: absolute !important;
		right: 474px !important;
		top: 392px !important;
	}
	.plant {
		background: url('/img/main/plant-min.png') no-repeat !important;
		width: 734px !important;
		height: 800px !important;
		position: absolute !important;
		left: -493px !important;
		top: 460px !important;
	}
			
	.offer {
		background: url('/img/main/offer-min.png') no-repeat;
		width: 1129px !important;
		height: 800px !important;
		position: absolute !important;
		right: -101px !important;
		top: 67px !important;
	}
	
	.fullcontainer.transparent {
		padding-bottom: 40px;
	}
	
	.fullcontainer:nth-child(odd) .container.options .col-md-6 {
		padding-right: 0px;
	}
	.fullcontainer:nth-child(even) .container.options .col-md-6 {
		padding-left: 0px;
	}
	.container.options .col-md-6.info > div:nth-child(1) {
		margin-bottom: 11px;
	}
	.container.options.management .col-md-6.info > div:nth-child(2) {
		width: auto;
	}
	.container.options .col-md-6.info > div:nth-child(2) {
		text-align: left;
		color: #3583cf;
		letter-spacing: -2px;
		font-size: 30px;
		line-height: 35px;
		font-weight: 500;
		margin-bottom: 20px;
	}
	.container.options .col-md-6.info > div:nth-child(3) {
		color: #223a53;
		letter-spacing: -1px;
		font-size: 18px;
		line-height: 26px;
		font-weight: 400;
		margin-bottom: 20px;
	}
	.container.options .col-md-6.info a.innerlink {
		font-size: 18px;
		line-height: 26px;
	}
	
	.container.options .row {
		height: 480px;
	 
	}
	
	.fullcontainer {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.fullcontainer .image {
		position: absolute;
		z-index: 0;
		top: 55px;	 
		width: 770px;
		height: 380px;
	}


	.fullcontainer .image.management {
		background: url('/img/main/management-image.png') no-repeat;
		background-size: 770px 380px;
	}
	.fullcontainer .image.mailing {
		background: url('/img/main/mailing-image.png') no-repeat;
		background-size: 770px 380px;
	}
	.fullcontainer .image.www {
		background: url('/img/main/www-image.png') no-repeat;
		background-size: 770px 380px;
	}
	.fullcontainer .image.exports {
		background: url('/img/main/exports-image.png') no-repeat;
		background-size: 770px 380px;
	}
	.fullcontainer .image.calendar {
		background: url('/img/main/calendar-image.png') no-repeat;
		background-size: 770px 380px;
	}
	.fullcontainer .image.investition {
		background: url('/img/main/investition-image.png') no-repeat;
		background-size: 770px 380px;
	}
	.fullcontainer .image.vis3d {
		background: url('/img/main/vis3d-image.png') no-repeat;
		background-size: 770px 380px;
	}
	
	@keyframes slideRight {
	  0% {
		right: -600px;
		opacity: 0;
	  }
	  100% {
		right: -300px;
		opacity: 1;
	  }
	}

	@keyframes slideLeft {
	  0% {
		left: -600px;
		opacity: 0;
	  }
	  100% {
		left: -300px;
		opacity: 1;
	  }
	}
	
	.fullcontainer .image {
		/*right: -600px;*/
	}
	.fullcontainer:nth-child(even) .image {
	/*	right: -600px;*/
	}
	
	.image.www,
	.image.management,
	.image.calendar,
	.image.exports {
		right: -300px;
		opacity: 1;
	}
	.image.mailing,
	.image.vis3d,
	.image.investition {
		left: -300px;
		opacity: 1;
	}
	
	.container.header {
		height: 684px;
	}
	
	.container.header .info {
		position: absolute;
		margin-top: 223px;
		padding: 0;
	}
	
	.container.header .info .col-md-12 .col-md-6 {
		display: table;
		width: 100%;
		float: none;
	}
	.container.header .info .col-md-12 .col-md-6:last-child a,
	.container.header .info .col-md-12 .col-md-5:last-child a {
		width: 320px;
		padding: 19px 30px 19px 30px;
		text-align: center
	}
	.container.header .info div:nth-child(1) {
		color: #223a53;
		font-size: 41px;
		font-weight: 500;
		line-height: 69px;
	}
	.container.header .info div:nth-child(2) {
		color: #ec6420;
		font-size: 42px;
		font-weight: 200;
		line-height: 44px;
	}
	
	.container.pricing .pendrive {
		background: url('/img/main/pendrive-min.png') no-repeat !important;
		width: 129px !important;
		height: 60px !important;
		right: 130px !important;
		top: 1150px !important;
	}
	.container.pricing .pen {
		background: url('/img/main/pen-min.png') no-repeat !important;
		width: 265px !important;
		height: 185px !important;
		left: 20px !important;
		bottom: -153px !important;
	}
	.container.pricing .notebook {
		background: url('/img/main/notebook-min.png') no-repeat !important;
		width: 263px !important;
		height: 211px !important;
		left: -105px !important;
		bottom: -110px !important;
	}
	@keyframes previewWlideRight {
	  0% {
		right: -335px;
	  }
	  90% {
		right: -260px;
	  }
	  100% {
		right: -235px;
	  }
	}
	.container.pricing .preview {
		background: url('/img/main/preview-min.png') no-repeat !important;
		width: 379px !important;
		height: 438px !important;
		right: -335px !important;
		top: -70px !important;
	}
	
	.fullcontainer.fill {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
		margin-bottom: 50px !important;
	}
	
	.container.pricing a {
		margin-top: 46px;
	}
	
	.container.pricing div:nth-child(1) {
		margin-bottom: 0 !important;
	}
	.container.pricing .col-md-12 div:nth-child(1) {
		margin-bottom: 20px !important;
	}
	.container.pricing .col-md-12 div:nth-child(2) {
		width: 80%;
	}
	
	.container.boxes .row .col-md-3 > div:nth-child(2) {
		font-size: 17px;
		line-height: 17px;
	}
	
	.container.boxes .row .col-md-3 > div:nth-child(3) {
		font-size: 12px;
		line-height: 18px;
	}
	
	.container.boxes .row .col-md-3 {
		margin-bottom: 40px;
	}
	
	.container.contact .form .submit {
		font-size: 15px;
	}
}

@media (max-width: 1200px) {
	.keys, .plant {
		display: none;
	}

	.container.options .row {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}
@media (max-width: 1060px) {
	.pens {
		display: none;
	}
}

@media (max-width: 991px) {

	.container.contact > .row:nth-child(3) div:nth-child(1) {
		margin-top: 40px;
	}
	.opinions {
		margin-bottom: 30px;
	}
	.opinions > .tr > .td:first-child img {
		width: 70px
	}

	.opinions > .tr > .td:last-child > div:nth-child(1) {
		font-size: 15px;
		font-family: montserratregular;
	}
	.opinions > .tr > .td:last-child > div:nth-child(1) > span {
		font-family: montserratbold;
		color: #3583cf;
	}
	.opinions > .tr > .td:last-child > div:nth-child(2) {
		font-family: montserratregular;
		font-size: 14px;
		margin-top: 0px;
	}
	.opinions > .tr > .td:last-child > div:nth-child(3) {
		font-family: montserratregular;
		font-size: 11px;
		margin-top: 10px;
	}


	.container.contact .coffee {
		right: -200px;
		top: 500px;
		display: none;
	}
	.pens {
		display: none;
	}
	.keys {
		display: none;
	}
	.plant {
		background: url('/img/main/plant-min.png') no-repeat !important;
		width: 734px !important;
		height: 800px !important;
		position: absolute !important;
		left: -493px !important;
		top: 460px !important;
	}
			
	.offer {
		background: url('/img/main/offer-min.png') no-repeat;
		width: 1129px !important;
		height: 800px !important;
		position: absolute !important;
		right: -223px !important;
		top: 67px !important;
	}
	
	.fullcontainer.transparent {
		padding-bottom: 40px;
	}
	
	.fullcontainer .container.options .col-md-6 {
		width: 50%;
		float: left;
	}
	.fullcontainer:nth-child(odd) .container.options .col-md-6 {
		padding-right: 0px;
	}
	.fullcontainer:nth-child(even) .container.options .col-md-6 {
		padding-left: 0px;
	}
	.container.options .col-md-6.info > div:nth-child(1) {
		margin-bottom: 11px;
	}
	.container.options.management .col-md-6.info > div:nth-child(2) {
		width: auto;
	}
	.container.options .col-md-6.info > div:nth-child(2) {
		text-align: left;
		color: #3583cf;
		letter-spacing: -2px;
		font-size: 28px;
		line-height: 32px;
		font-weight: 500;
		margin-bottom: 20px;
	}
	.container.options .col-md-6.info > div:nth-child(3) {
		color: #223a53;
		letter-spacing: -1px;
		font-size: 15px;
		line-height: 21px;
		font-weight: 400;
		margin-bottom: 20px;
	}
	.container.options .col-md-6.info a.innerlink {
		font-size: 15px;
		line-height: 21px;
	}
	
	.container.options .row {
		height: 480px;
	 
	}
	
	.fullcontainer {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.fullcontainer .image {
		position: absolute;
		z-index: 0;
		top: 55px;	 
		width: 770px;
		height: 380px;
	}
	.fullcontainer .image.management {
		background: url('/img/main/management-image.png') no-repeat;
		background-size: 770px 380px;
	}
	.fullcontainer .image.mailing {
		background: url('/img/main/mailing-image.png') no-repeat;
		background-size: 770px 380px;
	}
	.fullcontainer .image.www {
		background: url('/img/main/www-image.png') no-repeat;
		background-size: 770px 380px;
	}
	.fullcontainer .image.exports {
		background: url('/img/main/exports-image.png') no-repeat;
		background-size: 770px 380px;
	}
	.fullcontainer .image.calendar {
		background: url('/img/main/calendar-image.png') no-repeat;
		background-size: 770px 380px;
	}
	.fullcontainer .image.investition {
		background: url('/img/main/investition-image.png') no-repeat;
		background-size: 770px 380px;
	}
	.fullcontainer .image.vis3d {
		background: url('/img/main/vis3d-image.png') no-repeat;
		background-size: 770px 380px;
	}
	
	@keyframes slideRight {
	  0% {
		right: -600px;
		opacity: 0;
	  }
	  100% {
		right: -350px;
		opacity: 1;
	  }
	}

	@keyframes slideLeft {
	  0% {
		left: -600px;
		opacity: 0;
	  }
	  100% {
		left: -350px;
		opacity: 1;
	  }
	}
	
	.fullcontainer .image {
		/*right: -600px;*/
	}
	.fullcontainer:nth-child(even) .image {
		/*right: -600px;*/
	}
	
	.image.www,
	.image.management,
	.image.calendar,
	.image.exports {
		right: -350px;
		opacity: 1;
	}
	.image.mailing,
	.image.vis3d,
	.image.investition {
		left: -350px;
		opacity: 1;
	}
	
	.container.header {
		height: 684px;
	}
	
	.container.header .info {
		position: absolute;
		margin-top: 223px;
		padding: 0;
		width: 60%;
	}
	
	.container.header .info .col-md-12 .col-md-6 {
		display: table;
		width: 100%;
		float: none;
	}
	.container.header .info .col-md-12 .col-md-6:last-child a,
	.container.header .info .col-md-12 .col-md-5:last-child a {
		width: 320px;
		padding: 19px 30px 19px 30px;
		text-align: center
	}
	.container.header .info div:nth-child(1) {
		color: #223a53;
		font-size: 33px;
		font-weight: 500;
		line-height: 69px;
	}
	.container.header .info div:nth-child(2) {
		color: #ec6420;
		font-size: 34px;
		font-weight: 200;
		line-height: 35px;
	}
	
	.container.pricing .pendrive {
		background: url('/img/main/pendrive-min.png') no-repeat !important;
		width: 129px !important;
		height: 60px !important;
		right: 30px !important;
		top: 240px !important;
	}
	.container.pricing .pen {
		background: url('/img/main/pen-min.png') no-repeat !important;
		width: 265px !important;
		height: 185px !important;
		left: -40px !important;
		bottom: -153px !important;
	}
	.container.pricing .notebook {
		background: url('/img/main/notebook-min.png') no-repeat !important;
		width: 263px !important;
		height: 211px !important;
		left: -105px !important;
		bottom: -30px !important;
	}
	@keyframes previewWlideRight {
	  0% {
		right: -435px;
	  }
	  90% {
		right: -350px;
	  }
	  100% {
		right: -325px;
	  }
	}
	.container.pricing .preview {
		background: url('/img/main/preview-min.png') no-repeat !important;
		width: 379px !important;
		height: 438px !important;
		right: -435px !important;
		top: -70px !important;
	}
	
	.fullcontainer.fill {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
		margin-bottom: 50px !important;
	}
	
	.container.pricing a {
		margin-top: 46px;
	}
	
	.container.pricing div:nth-child(1) {
		margin-bottom: 0 !important;
	}
	.container.pricing .col-md-12 div:nth-child(1) {
		margin-bottom: 20px !important;
	}
	.container.pricing .col-md-12 div:nth-child(2) {
		width: 80%;
	}
	
	.container.boxes .row .col-md-3 {
		float: left;
		width: 33%;
	}
	
	.container.boxes .row .col-md-3 > div:nth-child(2) {
		font-size: 17px;
		line-height: 17px;
	}
	
	.container.boxes .row .col-md-3 > div:nth-child(3) {
		font-size: 12px;
		line-height: 18px;
	}
	
	.container.boxes .row .col-md-3 {
		margin-bottom: 40px;
	}
	
	.container.contact .form {
		padding-bottom: 40px;
		margin-bottom: 50px;
	}
	
	.container.contact .form .submit {
		font-size: 15px;
	}
	
	.container.contact .form .col-md-6{
		padding-bottom: 25px;
	}
	
	/* Menu */
	
	.container.header .logo {
		width: 170px !important;
		height: 50px !important;
		background: url('/img/main/logo-min.png') no-repeat !important;
		position: absolute;
		margin-top: 20px;
	}
		
 
	.main-header {
	  position: fixed;
	  height: 70px;
	  z-index: 999;
	/* max-width: 725px;*/
        width: 100%;
	
	  padding-top: 17px;
	  background: none;
	  overflow: hidden;
	  -webkit-transition: all 0.3s;
	  transition: all 0.3s;
	}
	
	.main-header {
		width: 70px !important;
		max-width: auto !important;
		right: 5px;
	}
		
	.navbar-nav > li {
		float: none;
		margin: 0;
	}
	.navbar-nav {
		margin: 0 !important;
	}
		
	.container.header .navbar-nav > li > a {
		color: #fff !important;
		font-size: 26px !important;
		line-height: 46px !important;
		font-weight: 500 !important;
		padding: 19px 13px 19px 13px;
	}

	.container.header .navbar-nav > li > a.highlight {
		color: #e15119 !important;
		background: transparent !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
		border-radius: 0 !important;
		font-size: 26px !important;
		line-height: 46px !important;
		font-weight: 500 !important;
		margin: 0 !important;
	}
	.container.header .navbar-nav > li:nth-child(5),
	.container.header .navbar-nav > li:nth-child(6) {
		display: none;
	}
		
	.checkbox-toggle,
	.hamburger { 
		display: block 
	}
	.outer-menu {
	 /* position: fixed;*/
	  top: 0px;
	  /*right: 0px;*/
	  z-index: 1;
	}
	.outer-menu .checkbox-toggle {
	  position: absolute;
	  top: 0;
	  right: 0;
	  z-index: 2;
	  cursor: pointer;
	  width: 60px;
	  height: 60px;
	  opacity: 0;
	}
	.outer-menu .checkbox-toggle:checked + .hamburger > div {
	  -webkit-transform: rotate(135deg);
			  transform: rotate(135deg);
			  background: #fff;
	}
	.outer-menu .checkbox-toggle:checked + .hamburger > div:before,
	.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
	  top: 0;
	  -webkit-transform: rotate(90deg);
			  transform: rotate(90deg);
	  background: #fff;
	}
	.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
	  opacity: 0;
	  background: #fff;
	}
	.fixmobile {
		width: 100% !important;
		height: 100% !important;
		background: transparent !important;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
	}
	.outer-menu .checkbox-toggle:checked ~ .menu {
	  pointer-events: auto;
	  visibility: visible;
	}
	.outer-menu .checkbox-toggle:checked ~ .menu > div {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  -webkit-transition-duration: .75s;
			  transition-duration: .75s;
	}
	.outer-menu .checkbox-toggle:checked ~ .menu > div > div {
	  opacity: 1;
	  -webkit-transition: opacity 0.4s ease 0.4s;
	  transition: opacity 0.4s ease 0.4s;
	}
	.outer-menu .checkbox-toggle:hover + .hamburger {

	}
	.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
	  -webkit-transform: rotate(225deg);
			  transform: rotate(225deg);
	}
	.outer-menu .hamburger {
	  position: absolute;
	  top: 15px;
	  right: 5px;
	  z-index: 1;
	  width: 60px;
	  height: 60px;
	  padding: .5em 1em;
	  background: transparent;
	  border-radius: 0 0.12em 0.12em 0;
	  cursor: pointer;
	  -webkit-backface-visibility: hidden;
			  backface-visibility: hidden;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	}
	.outer-menu .hamburger > div {
	  position: relative;
	  -webkit-box-flex: 0;
		  -ms-flex: none;
			  flex: none;
	  width: 100%;
	  height: 3px;
	  background: #223a53;
	  -webkit-transition: all 0.4s ease;
	  transition: all 0.4s ease;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	}
	.outer-menu .hamburger > div:before,
	.outer-menu .hamburger > div:after {
	  content: '';
	  position: absolute;
	  z-index: 1;
	  top: -10px;
	  left: 0;
	  width: 100%;
	  height: 3px;
	  background: #223a53;
	  -webkit-transition: all 0.4s ease;
	  transition: all 0.4s ease;
	}
	.outer-menu .hamburger > div:after {
	  top: 10px;
	}
	.outer-menu .menu {
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  pointer-events: none;
	  visibility: hidden;
	  overflow: hidden;
	  -webkit-backface-visibility: hidden;
			  backface-visibility: hidden;
	  outline: 1px solid transparent;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	}
	.outer-menu .menu > div {
	  width: 200%;
	  height: 200%;
	  color: #FEFEFE;
	  background: rgba(34, 58, 83, 0.97);
	  border-radius: 100%;
	  -webkit-transition: all 0.4s ease;
	  transition: all 0.4s ease;
	  -webkit-box-flex: 0;
		  -ms-flex: none;
			  flex: none;
	  -webkit-transform: scale(0);
			  transform: scale(0);
	  -webkit-backface-visibility: hidden;
			  backface-visibility: hidden;
	  overflow: hidden;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	}
	.outer-menu .menu > div > div {
	  text-align: center;
	  max-width: 90%;
	  max-height: 100%;
	  opacity: 0;
	  -webkit-transition: opacity 0.4s ease;
	  transition: opacity 0.4s ease;
	  overflow-y: hidden;
	  -webkit-box-flex: 0;
		  -ms-flex: none;
			  flex: none;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	}
	.outer-menu .menu > div > div > ul {
	  list-style: none !important;
	  padding: 0 1em;
	  margin: 0;
	  display: block;
	  max-height: 100%;
	}
	.outer-menu .menu > div > div > ul > li {
	  padding: 0;
	  margin: 1em;
	  display: block;
	  width: 360px;
	}
	.outer-menu .menu > div > div > ul > li > a {
	  position: relative;
	  display: inline;
	  cursor: pointer;
	  
	  -webkit-transition: color 0.4s ease;
	  transition: color 0.4s ease;
	  text-align: center;
	}
	.outer-menu .menu > div > div > ul > li > a:hover {
	  color: #e15119 !important;
	}

	.fullcontainer.content {
		font-size: 15px;
		line-height: 21px;
	}
	.fullcontainer.content h2 {
		line-height: 32px;
		font-size: 28px;
	}
}


@media (min-width: 910px) and (max-width: 990px) {
	@keyframes slideRight {
	  0% {
		right: -600px;
		opacity: 0;
	  }
	  100% {
		right: -450px;
		opacity: 1;
	  }
	}

	@keyframes slideLeft {
	  0% {
		left: -600px;
		opacity: 0;
	  }
	  100% {
		left: -450px;
		opacity: 1;
	  }
	}
	
	.fullcontainer .image {
	/*	right: -600px;*/
	}
	.fullcontainer:nth-child(even) .image {
		/*right: -600px;*/
	}
	
	
	.image.www,
	.image.management,
	.image.calendar,
	.image.exports {
		right: -450px;
		opacity: 1;
	}
	.image.mailing,
	.image.vis3d,
	.image.investition {
		left: -450px;
		opacity: 1;
	}
}

@media (min-width: 850px) and (max-width: 909px) {
	@keyframes slideRight {
	  0% {
		right: -600px;
		opacity: 0;
	  }
	  100% {
		right: -450px;
		opacity: 1;
	  }
	}

	@keyframes slideLeft {
	  0% {
		left: -600px;
		opacity: 0;
	  }
	  100% {
		left: -450px;
		opacity: 1;
	  }
	}
	
	.fullcontainer .image {
		/*right: -600px;*/
	}
	.fullcontainer:nth-child(even) .image {
		/*right: -600px;*/
	}
	
	
	
	.image.www,
	.image.management,
	.image.calendar,
	.image.exports {
		right: -450px;
		opacity: 1;
	}
	.image.mailing,
	.image.vis3d,
	.image.investition {
		left: -450px;
		opacity: 1;
	}
}

@media (max-width: 810px) {
	body {
		background: #fff;
	}
	
	.container.contact .coffee {
		display: none;
	}
	.offer {
		display: none;
	}
	 
	.container {
		/*padding: 0 !important;*/
	}
	.container.header {
		height: 490px;
	}
	.container.header .info {
		margin-top: 118px !important;
		padding: 0px;
		width: auto;
		position: relative;
	}
	.container.header .info div:nth-child(1) {
		color: #223a53;
		font-size: 37px;
		font-weight: 500;
		line-height: 50px;
		text-align: center;
	}
	.container.header .info div:nth-child(2) {
		color: #ec6420;
		font-size: 30px;
		font-weight: 200;
		line-height: 35px;
		text-align: center;
	}
	.container.header .info div:nth-child(3) div:first-child a {
		color: #fff;
		font-size: 17px;
		line-height: 17px;
		font-weight: 300;
		background: #e15119;
		letter-spacing: 0;
		box-shadow: 0px 4px 18px 0px rgba(236, 100, 32, 0.88);
		-webkit-box-shadow: 0px 4px 18px 0px rgba(236, 100, 32, 0.88);
		border-radius: 24px;
		padding: 19px 30px 19px 30px;
		margin-right: 0px;
		display: inline;
	}
	.container.header .info .col-md-12 .col-md-6:last-child a,
	.container.header .info .col-md-12 .col-md-5:last-child a {
		width: auto !important;
		margin: auto;
		margin-top: 20px;
		padding: 19px 30px 19px 30px;
		text-align: center;
	}
	.fullcontainer.transparent {
		background: #f2f3f6;
		padding-top: 30px;
		padding-bottom: 30px;
		margin-bottom: 20px;
	}
	.container.functions div:nth-child(2),
	.container.functions div:nth-child(3),
	.container.boxes > div:nth-child(1),
	.container.boxes > div:nth-child(2),
	.container.pricing div:nth-child(3),
	.container.contact > .row:first-child div:nth-child(3) {
		width: auto !important;
	}
}
@media (min-width: 750px) and (max-width: 849px) {
	.preview {
		display: none;
	}
	@keyframes slideRight {
	  0% {
		right: -600px;
		opacity: 0;
	  }
	  100% {
		right: -400px;
		opacity: 1;
	  }
	}

	@keyframes slideLeft {
	  0% {
		left: -600px;
		opacity: 0;
	  }
	  100% {
		left: -400px;
		opacity: 1;
	  }
	}
	
	.fullcontainer .image {
		/*right: -600px;*/
	}
	.fullcontainer:nth-child(even) .image {
		/*right: -600px;*/
	}
	
	
	
	.image.www,
	.image.management,
	.image.calendar,
	.image.exports {
		right: -400px;
		opacity: 1;
	}
	.image.mailing,
	.image.vis3d,
	.image.investition {
		left: -400px;
		opacity: 1;
	}
}

@media (max-width: 749px) {
	.preview {
		display: none;
	}
	.fullcontainer .image {
		display: none;
	}
	
	.container.options .col-md-6.info > div:nth-child(2) {
		width: auto !important;
	}
	
	.container.options .col-md-6.info a {
		margin: auto;
	}
	
	.fullcontainer .container.options .col-md-6 {
		width: auto;
		float: none;
	}
	
	.container.options .row {
		height: auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
 
	.container.options .icons.mailing {
		margin-right: -7px;
	}
	.container.options .icons.mailing div {
		width: 39px;
		height: 39px;
		float: right;
		margin-left: 5px;
		opacity: 0;
	}
	
	.container.options.mailing .col-md-6.info > div:nth-child(2) {
		text-align: right;
	}
	
	.fullcontainer {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	.fullcontainer.transparent {
		padding-bottom: 30px !important;
	}
	
	.container.boxes {
		margin-top: 40px;
	}
}

@media (max-width: 570px) {
	.container.functions div:nth-child(2),
	.container.boxes > div:nth-child(1),
	.container.pricing .col-md-12 div:nth-child(2),
	.container.contact > .row:first-child div:nth-child(2) {
		font-size: 34px;
		line-height: 40px;
	}
}


@media (max-width: 420px) {
	
	.container.header {
		height: 446px;
	}
	
	.container.header .info div:nth-child(3) div:first-child a {
		color: #fff;
		font-size: 17px;
		line-height: 17px;
		font-weight: 300;
		background: #e15119;
		letter-spacing: 0;
		box-shadow: 0px 4px 18px 0px rgba(236, 100, 32, 0.88);
		-webkit-box-shadow: 0px 4px 18px 0px rgba(236, 100, 32, 0.88);
		border-radius: 24px;
		padding: 19px 30px 19px 30px;
		margin-right: 0px;
		display: block !important;
	}
	
	.container.header .info div:nth-child(1) {
		color: #223a53;
		font-size: 31px;
		font-weight: 500;
		line-height: 35px;
		text-align: center;
	}
	
	.container.header .info div:nth-child(2) {
		color: #ec6420;
		font-size: 20px;
		font-weight: 200;
		line-height: 24px;
		padding-top: 20px;
		text-align: center;
	}
	
	.container.header .info .col-md-12 {
		margin-top: 30px;
	}
	
	.container.functions div:nth-child(2),
	.container.boxes > div:nth-child(1),
	.container.pricing .col-md-12 div:nth-child(2),
	.container.contact > .row:first-child div:nth-child(2) {
		font-size: 20px;
		line-height: 24px;
	}
	
	.container.functions div:nth-child(3),
	.container.boxes > div:nth-child(2),
	.container.pricing div:nth-child(3),
	.container.contact > .row:first-child div:nth-child(3) {
		font-size: 14px;
		line-height: 19px;
		font-weight: 400;
		width: auto;
	}
	
	.container.options .col-md-6.info > div:nth-child(3) {
		font-size: 13px;
		line-height: 18px;
	}
	.container.options .col-md-6.info a.innerlink {
		font-size: 13px;
		line-height: 18px;
	}
	
	.container.options .col-md-6.info > div:nth-child(2) {
		font-size: 23px;
		line-height: 24px;
	}
	
	.container.options .col-md-6.info a {
		text-align: center;
	}
	
	.container.contact .form {
		background: #f2f3f6;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		box-shadow: 0 -7px 54px 0 rgba(37,63,88,0.26);
		-webkit-box-shadow: 0 -7px 54px 0 rgba(37,63,88,0.26);
		padding-top: 30px;
		padding-bottom: 0px;
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 36px !important;
		margin-bottom: 30px;
	}
	
	.container.boxes .row .col-md-3 {
		float: left;
		width: 50%;
	}
	
	.col-md-3,
	.col-md-4,
	.col-md-6,
	.col-md-12 {
		padding: 0;
	}
	
	.container.contact .form label {
		font-size: 12px;
	}
	
	.container.contact .form .col-md-6 {
		margin-bottom: 10px !important;
		padding-bottom: 20px !important;
	}
	
	.container.contact .form .row:not(:last-child) {
		padding-bottom: 5px !important;
	}
	
	.domuly-checkbox-medium {
		margin-top: 10px;
	}
	
	.container.contact .form .domuly-checkbox-medium label {
		font-size: 11px;
		line-height: 15px;
	}
		
	.fullcontainer.footer {
		background: #3583cf;
		padding-bottom: 165px;
		padding-top: 50px;
		margin: 0 !important;
	}
	
	.fullcontainer.footer .col-md-12 {
		padding-bottom: 40px !important;
	}
	
	.container.footer div:nth-child(2) {
		font-size: 12px;
	}
	
	.container.footer div:nth-child(3) {
		font-size: 12px;
	}
	
	.fullcontainer.footer {
		padding-top: 30px;
	}
	
	.container.footer .logo {
		margin-bottom: 20px;
	}
	
}

@media (max-width: 720px) {
	.pen, .pendrive, .notebook {
		display: none
	}
}

@media (min-width: 1459px) {
	.container {
		width: 1366px;
		-webkit-transition:All 0.3s ease-out;
		-moz-transition:All 0.3s ease-out;
		-o-transition:All 0.3s ease-out;
	}
}

@media (max-width: 1460px) {
	
	.container {
		padding-left: 25px;
		padding-right: 25px;
	}
}

/* RETINA */
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
      	  
	.container.header .logo {
		background: url('/img/main/logo@2x.png') center center no-repeat !important;
		background-size: 228px 67px !important;
	}  
	  
	@media (max-width: 991px) {
		.container.header .logo {
			background: url('/img/main/logo@2x.png') center center no-repeat !important;
			background-size: 170px 50px !important;
		}
	}
	
	.container.header .navbar-nav > li > a.icon-twitter {
		background: url('/img/main/icon-twitter2x.png') center center no-repeat;
		background-size: 24px 20px;
	}
	.container.header .navbar-nav > li > a.icon-twitter:hover {
		background: url('/img/main/icon-twitter-hover2x.png') center center no-repeat;
		background-size: 24px 20px;
	}
	
	.container.header .navbar-nav > li > a.icon-facebook {
		background: url('/img/main/icon-facebook2x.png') center center no-repeat;
		background-size: 12px 24px;
	}
	.container.header .navbar-nav > li > a.icon-facebook:hover {
		background: url('/img/main/icon-facebook-hover@2x.png') center center no-repeat;
		background-size: 12px 24px;
	}
	
	.container.options .icons.management div,
	.container.options .icons.mailing div,
	.container.options .icons.exports div {
		background-size: 39px 39px !important;
	}
	.container.options .icons.management div:nth-child(1) {
		background: url('/img/main/management-icon1@2x.png') no-repeat;
	}
	.container.options .icons.management div:nth-child(2) {
		background: url('/img/main/management-icon2@2x.png') no-repeat;
	}
	.container.options .icons.management div:nth-child(3) {
		background: url('/img/main/management-icon3@2x.png') no-repeat;
	}
	.container.options .icons.management div:nth-child(4) {
		background: url('/img/main/management-icon4@2x.png') no-repeat;
	}
	.container.options .icons.mailing div:nth-child(1) {
		background: url('/img/main/mailing-icon1@2x.png') no-repeat;
	}
	.container.options .icons.mailing div:nth-child(2) {
		background: url('/img/main/mailing-icon2@2x.png') no-repeat;
	}
	.container.options .icons.mailing div:nth-child(3) {
		background: url('/img/main/mailing-icon3@2x.png') no-repeat;
	}
	.container.options .icons.mailing div:nth-child(4) {
		background: url('/img/main/mailing-icon4@2x.png') no-repeat;
	}
	.container.options .icons.exports div:nth-child(1) {
		background: url('/img/main/exports-icon1@2x.png') no-repeat;
	}
	.container.options .icons.exports div:nth-child(2) {
		background: url('/img/main/exports-icon2@2x.png') no-repeat;
	}
	.container.options .icons.exports div:nth-child(3) {
		background: url('/img/main/exports-icon3@2x.png') no-repeat;
	}
	.container.options .icons.exports div:nth-child(4) {
		background: url('/img/main/exports-icon4@2x.png') no-repeat;
	}
	
	.container.boxes .row .col-md-3 .icon-creator {
		background-size: 79px 50px !important;
		background: url('/img/main/box-creator@2x.png') center center no-repeat;
	}
	.container.boxes .row .col-md-3 .icon-search {
		background-size: 52px 50px !important;
		background: url('/img/main/box-search@2x.png') center center no-repeat;
	}
	.container.boxes .row .col-md-3 .icon-reports {
		background-size: 41px 50px !important;
		background: url('/img/main/box-reports@2x.png') center center no-repeat;
	}
	.container.boxes .row .col-md-3 .icon-calendar {
		background-size: 47px 50px !important;
		background: url('/img/main/box-calendar@2x.png') center center no-repeat;
	}
	.container.boxes .row .col-md-3 .icon-activeagent {
		background-size: 49px 60px !important;
		background: url('/img/main/aktywnyagent_icon@2x.png') center center no-repeat;
	}
	.container.boxes .row .col-md-3 .icon-crm {
		background-size: 58px 60px !important;
		background: url('/img/main/crm_icon@2x.png') center center no-repeat;
	}
	.container.boxes .row .col-md-3 .icon-historiazmian {
		background-size: 57px 57px !important;
		background: url('/img/main/historiazmian_icon@2x.png') center center no-repeat;
	}
	.container.boxes .row .col-md-3 .icon-kalkulator {
		background-size: 42px 58px !important;
		background: url('/img/main/kalkulator_icon@2x.png') center center no-repeat;
	}
	.container.boxes .row .col-md-3 .icon-klientpoczty {
		background-size: 58px 49px !important;
		background: url('/img/main/klientpoczty_icon@2x.png') center center no-repeat;
	}
	.container.boxes .row .col-md-3 .icon-kreatorpomieszczen {
		background-size: 79px 50px !important;
		background: url('/img/main/kreatorpomieszczen_icon@2x.png') center center no-repeat;
	}
	.container.boxes .row .col-md-3 .icon-logisystemowe {
		background-size: 55px 49px !important;
		background: url('/img/main/logisystemowe_icon@2x.png') center center no-repeat;
	}
	.container.boxes .row .col-md-3 .icon-poszukiwanieofert {
		background-size: 52px 50px !important;
		background: url('/img/main/poszukiwanieofert_icon@2x.png') center center no-repeat;
	}
	.container.boxes .row .col-md-3 .icon-pracownicy {
		background-size: 83px 50px !important;
		background: url('/img/main/pracownicy_icon@2x.png') center center no-repeat;
	}
	.container.boxes .row .col-md-3 .icon-raportowanie {
		background-size: 41px 50px !important;
		background: url('/img/main/raportowanie_icon@2x.png') center center no-repeat;
	}
	.container.boxes .row .col-md-3 .icon-repozytoriumdanych {
		background-size: 49px 52px !important;
		background: url('/img/main/repozytoriumdanych_icon@2x.png') center center no-repeat;
	}
	.container.boxes .row .col-md-3 .icon-skleponline {
		background-size: 57px 53px !important;
		background: url('/img/main/skleponline_icon@2x.png') center center no-repeat;
	}
	.container.boxes .row .col-md-3 .icon-statystyki {
		background-size: 63px 53px !important;
		background: url('/img/main/statystyki_icon@2x.png') center center no-repeat;
	}
	.container.boxes .row .col-md-3 .icon-szablonystrony {
		background-size: 65px 57px !important;
		background: url('/img/main/szablonystrony_icon@2x.png') center center no-repeat;
	}
	.container.boxes .row .col-md-3 .icon-uprawnienia {
		background-size: 42px 51px !important;
		background: url('/img/main/uprawnienia_icon@2x.png') center center no-repeat;
	}
	
	.container.footer .logo {
		background-size: 38px 40px !important;
		background: url('/img/main/logo-footer@2x.png') no-repeat;
	}
	.container.contact .form .icon-send {
		background-size: 118px 118px !important;
		background: url('/img/main/icon-send@2x.png') center center no-repeat;
	}
	
}