@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1190px) {

	ul.radioBoxImage li {
		width: 150px;
	}

}

@media screen and (max-width: 1152px) {

	#offerEnd .inner .oeRight > ul li {
		width: 140px;
		height: 140px;
		font-size: 16px;
		margin: 0 40px 0 0;
	}
	#offerEnd .inner .oeRight > ul li img {
		height: 60px;
	}

}

@media screen and (max-width: 1100px) {

	ul.radioBoxImage li {
		width: 130px;
	}

}

@media screen and (max-width: 1050px) {

	.offerSectionCon {
		padding: 1px 55px 0;
	}
	#offerEnd .inner .oeRight > ul li:nth-child(2) {
		clear: both;
	}
	.t02-01 input[type="text"] {
		width: 100%;
		margin: 15px 0 0;
		float: left;
	}

}

@media screen and (max-width: 1005px) {

	ul.radioBoxImage li {
		width: 120px;
	}

}

@media screen and (max-width: 980px) {

	.tabContent .tcLeft {
		width: 100%;
		padding: 0;
	}
	.tabContent .tcRight {
		width: 100%;
		margin: 10px 0 0;
		float: left;
	}
	#tabs01 .tcRight {
		margin: 32px 0 0;
	}
	#tabs02 .tcRight {
		margin: 30px 0 0;
	}
	ul.radioBoxImage li {
		width: 150px;
	}
	.t02-01 input[type="text"] {
		width: 100px;
		margin: 0;
		float: none;
	}
	#tabs02 .row:last-child {
		margin: 5px 0 18px;
	}

}

@media screen and (max-width: 950px) {
	
	#top {
		position: relative;
	}
	#top #mobileMenuTrigger {
		display: block;
	}
	#top #menu {
		display: none;
		float: none;
		position: absolute;
		background: #eeeeee;
		left: 0;
		top: 66px;
		z-index: 999999;
		width: 100%;
		text-align: center;
	}
	#top #menu ul {
		width: 100%;
		float: left;
	}
	#top #menu ul li {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#top #menu ul li a {
		width: 100%;
		color: #333333;
		padding: 12px 0;
		text-align: center;
	}
	#top #menu ul li a:hover {
		background: #47a0d4;
		color: #ffffff;
	}
	#top #menu ul li:nth-child(2n+2) a {
		background: #ffffff;
	}
	#top #menu ul li:nth-child(2n+2) a:hover {
		background: #47a0d4;
	}
	#top #menu ul li:last-child a {
		border: none;
		font-weight: normal;
		padding: 12px 0;
		-moz-border-radius: 0;
		-khtml-border-radius: 0;
		-icab-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		margin: 0;
	}
	#top #menu ul li:last-child a:hover {
		background: #47a0d4;
		color: #ffffff;
	}
	#wrapper {
		margin: 0;
	}
	#homeBoxes {
		padding: 80px 0 30px;
	}
	#homeBoxes ul li {
		width: 50%;
		margin: 0 0 30px;
	}
	#homeBoxes ul li:nth-child(2n+1) {
		clear: both;
	}
	
}

@media screen and (max-width: 920px) {

	.offerSectionCon {
		padding: 1px 30px 0;
	}
	#offerEnd .inner {
		bottom: 25px;
	}
	#offerEnd .inner .oeRight > ul li {
		margin: 0 60px 25px 0;
	}

}

@media screen and (max-width: 850px) {

	#colorTitlePage h2 {
		font-size: 41px;
		margin: -10px 0 20px;
	}
	#colorTitlePage .objectName {
		border-top: 1px solid rgba(255,255,255,0.2);
		width: 100%;
		position: relative;
		padding: 30px 0 30px;
		top: auto;
		right: auto;
		text-align: left;
		float: left;
	}
	#colorTitlePage .objectName ul {
		text-align: left;
	}
	#imgTitlePage {
		min-height: 166px;
	}
	#imgTitlePage > .container {
		padding: 0 30px;
	}
	#imgTitlePage h2 {
		font-size: 41px;
		line-height: 38px;
	}
	.offerSection03 {
		padding: 0 30px;
	}
	.offerSection03 .osLeft {
		width: 100%;
		padding: 0;
	}
	.offerSection03 .osRight {
		width: 100%;
		float: left;
	}
	.sonteHome01 {
		padding: 0 30px;
	}
	.sonteHome02 {
		margin: -50px 0 30px;
	}
	#top > .container {
		padding: 0 30px;
	}
	input[type="text"], input[type="password"], input[type="file"], select, textarea {
		width: 100%;
	}
	textarea {
		height: 200px;
	}
	#contactContent .ccLeft {
		width: 50%;
	}
	#contactContent .ccRight {
		width: 50%;
	}
	#emptyTitlePage > .container {
		padding: 0 30px;
	}

}

@media screen and (max-width: 750px) {
	
	.offerSection01 > .ressellerContainer {
		padding: 0 30px;
	}
	
}

@media screen and (max-width: 725px) {
	
	#mainImg {
		height: 500px;
	}
	#mainImg .inner h2 {
		font-size: 41px;
		line-height: 32px;
	}
	#mainImg .inner p {
		font-size: 19px;
		line-height: 21px;
		margin: 0 0 70px;
	}
	ul.radioBoxImage li {
		width: 130px;
	}
	
}

@media screen and (max-width: 700px) {
	
	#footer {
		padding: 35px 0 0;
	}
	#footer ul.copy {
		width: 100%;
		text-align: center;
		margin: 0 0 10px;
		float: left;
	}
	#footer ul.copy li {
		display: inline-block;
		float: none;
	}
	#footer .made {
		width: 100%;
		text-align: center;
		margin: 0 0 34px;
		float: left;
	}
	
}

@media screen and (max-width: 660px) {

	#offerContent {
		margin: 55px 0 0;
	}
	.offerSection01 {
		margin: 0 0 40px;
	}
	.offerSection02 {
		margin: 0 0 45px;
	}
	.offerSectionImg {
		width: 100%;
	}
	.offerSectionCon {
		width: 100%;
		padding: 40px 30px 0;
		float: left !important;
	}
	#offerEnd .inner .oeLeft {
		width: 50%;
	}
	#offerEnd .inner .oeRight {
		width: 50%;
	}
	.sonteHome02 {
		margin: 0 0 10px;
		padding: 0 30px;
	}
	#contactContent > .container{
		padding: 0 30px;
	}
	#contactContent .ccLeft {
		width: 100%;
	}
	#contactContent .ccRight {
		width: 100%;
		margin: 20px 0 0;
	}
	#contactContent {
		padding: 0 0 50px;
	}
	ul.radioBoxImage li {
		width: 110px;
	}
	.tab {
		background: rgba(255,255,255,0.4);
		width: 100%;
	}

}

@media screen and (max-width: 600px) {

	#steps > .container {
		padding: 0 10px;
	}
	#steps > .container > #breadcrumbs {
		padding: 0 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.tabsCon {
		background: #ffffff;
		width: 100%;
		padding: 30px 30px 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
	}

}

@media screen and (max-width: 540px) {

	#homeBoxes ul li {
		width: 100%;
	}
	#homeBoxes ul li:nth-child(2n+1) {
		clear: none;
	}
	#homeReseller > .ressellerContainer {
		padding: 0 30px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#offerEnd .inner .oeLeft {
		width: 100%;
		margin: 0 0 40px;
	}
	#offerEnd .inner .oeRight {
		width: 100%;
		float: left;
	}
	#offerEnd .inner .oeRight > ul li {
		width: 120px;
		height: 120px;
		font-size: 12px;
		margin: 0 25px 25px 0;
		font-weight: normal;
	}
	#offerEnd .inner .oeRight > ul li img {
		height: 45px;
	}
	
}

@media screen and (max-width: 500px) {
	
	#mainImg {
		height: 430px;
	}
	#mainImg > .container {
		padding: 0 30px;
	}
	#mainImg .inner h2 {
		font-size: 31px;
		line-height: 36px;
	}
	#mainImg .inner p {
		font-size: 16px;
		line-height: 19px;
		margin: 0 0 30px;
	}
	#mainImg .inner a.showMovieLink {
		padding: 0;
	}
	#mainImg .inner a.showMovieLink:before {
		content: '';
		display: none;
	}
	#homeReseller > .ressellerContainer {
		padding: 0 30px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#footer > .container {
		padding: 0 30px;
	}
	#footer ul.copy li {
		width: 100%;
		float: left;
	}
	#footer ul.copy li:before {
		content: '';
		display: none;
	}
	#footer ul.copy li:first-child {
		margin: 0 0 10px;
	}
	#colorTitlePage > .container {
		padding: 0 30px;
	}
	#offerEnd > .container {
		padding: 0 30px;
	}
	
}

@media screen and (max-width: 450px) {
	
	#mainImg .inner {
		margin: 80px 0 0;
	}
	.offerSection03 .osRight ul.osrIcoPanels li {
		padding: 0;
	}
	.offerSection03 .osRight ul.osrIcoPanels li:nth-child(1):before {
		content: '';
		display: none;
	}
	.offerSection03 .osRight .osrIcoPanels li:nth-child(2):before {
		content: '';
		display: none;
	}
	.t02-01 input[type="text"] {
		width: 100%;
		margin: 15px 0 0;
		float: left;
	}
	ul.radioBoxImage li {
		width: 150px;
		margin: 15px 0 0;
		float: left;
		clear: both;
	}
	ul.radioBoxImage li:first-child {
		margin: 0;
	}
	ul.radioBoxImage li:last-child {
		margin: 15px 0 0;
	}
	
}

@media screen and (max-width: 370px) {
	
	#top .logo {
		margin-top: 23px;
	}
	#top .logo img {
		width: 170px;
	}
	
}

@media screen and (max-width: 340px) {
	
	#top .logo {
		margin-top: 26px;
	}
	#top .logo img {
		width: 150px;
	}
	
}

@media(max-width: 700px) {
	.timeline {
		margin: 30px 0 !important;
	}
	.direction-l, .direction-r {
		margin-bottom: 60px;
	}
}