html, body{
position:relative;
height:100%;
width:100%;
margin:0;
font-size:100%;
font-family:Helvetica, sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-family: 'Rosarivo', serif;
}

/*#1b82cd*/
/*
fonts:
default html:16px;
maintxt:20px;
txt-med:22px;
txt-large:26px;
ttl-large:40px
*/

.maintxt{
	 font-size:20px;
	 font-size:1.2rem;
	 line-height:2rem;
	 position:relative;
 }
.txt-med{
	font-size:22px;
	font-size:1.4rem;
}
.txt-large{
	font-size:26px;
	font-size:1.6rem;
}
.ttl-large{
	font-size:40px;
	font-size:2.5rem;
}

@media only screen and (min-width:1600px) {
/*	html, body{
		font-size:115%;
	}
	.maintxt, .grey, .sev p, h3.ttl{
		font-size:32px;
		line-height:50px;
	}
	.txt-med{
		font-size:28px;
	}
	.txt-large{
		font-size:36px;
	}	
	*/

	
}
@media only screen and (min-width:1919px) {
	/*html, body{
		font-size:130%;
	}
	.txt-med{
		font-size:34px;
	}
	.txt-large{
		font-size:36px;
	}*/

}
@media only screen and (min-width:1950px) {
	html, body{
		font-size:1vw;
	}
	.txt-large, .txt-med{
		font-size:1.5vw;
	}
}
/*large ipad landscape*/
@media only screen and (max-width:1400px) and (min-width:1200px) and (min-height:900px){
	html, body{
		font-size:120%;
	}
	.maintxt{
		 font-size:1.5rem;
		 line-height:2.6rem;
	}
	.txt-med{
		font-size:28px;
	}
	.txt-large{
		font-size:32px;
	}	
}

/*medium ipad landscape*/
@media only screen and (max-width:1200px) and (min-width:1015px) and (min-height:760px) and (max-height:901px) {
	.maintxt{
		 font-size:1.5rem;
		 line-height:2.3rem;
	}
}
@media only screen and (max-width:915px){
	.txt-large{
		font-size:18px;
	}
}
/*ipad mini*/
@media only screen and (max-width:900px) and (min-width:768px) and (min-height:900px) and (max-height:1050px) {
	.txt-large{
		font-size:1.6rem;
	}
}
/*large ipad portrait*/
@media only screen and (min-width:900px) and (max-width:1026px) and (min-height:1300px){
	html, body{
		font-size:115%;
	}
	.maintxt{
		 font-size:1.8rem;
		 line-height:2.8rem;
	}
	.txt-large{
		font-size:26px;
	}
}
/*cellphone landscape cutoff*/
@media only screen and (max-width:915px) and (max-height:500px){
	.maintxt{
		 font-size:1rem;
		 line-height:1.5rem;
	}
	
	.ttl-large{
		font-size:2rem;
	}
	
	
}

/*medium ipad portrait*/
@media only screen and (min-height:1000px) and (min-width:750px) and (max-width:900px) { 
	.maintxt{
		 font-size:1.5rem;
		 line-height:2.3rem;
	}
}
@media only screen and (max-width:505px){
	.maintxt{
		 font-size:1rem;
		 line-height:1.5rem;
	}
	
	.ttl-large{
		font-size: 1.7rem;
	}
}

input,
optgroup,
select,
textarea {
  font-family:Helvetica, sans-serif;
}


input{
	box-sizing:border-box;
	border:0.5px solid #b2b2b2;
	margin:0;
	padding:0;
	width:100%;
}

a{
text-decoration:none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
color:#000000;
cursor:pointer;
}

a:active,
a:hover {
	outline-width: 0;
}
:focus {
	outline: none;
}

img{
	width:100%;
    border-style:none;
}

ul{
	margin:0;
	padding:0;
	list-style-type:none;
	
}
button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
	
}
button{
	cursor:pointer;
	border-style:none;
	overflow: visible;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

h1, h2, h3, h4{
	font-size:2rem;
	margin:0;
	text-align:center;
}
h1{
	padding:1rem 0;
}

h2{
	margin:1rem 0 2rem;
}

p{
	margin:0;
}

.grey, .price-sec .nin p{
	color:#717171;
}

.content-margins, .body-parts, .message-container, .parts-container, .box, .table-content, .table-cell, .parts-message, header, #header, #part2, #part3, #part4, #part3-cont, #part4-cont, #part5, #logo-container, #logo-link, #header-content,.page, .page-sec, .bluebtn, .centereddiv, #cfm input, #cfm textarea, .placeholdertxt {
	box-sizing:border-box;
	position:relative;

}
.centered{
	text-align:center;
}

.parts-container{
	letter-spacing:-16px;
	height:100%;	
}
.box{
	display:inline-block;
	width:50%;
	height:100%;
	letter-spacing:0px;
	vertical-align:middle;
	margin:0 auto;
}

.table-content{
	width:100%;
	height:100%;
	display:table;
}

.table-cell{
	display:table-cell;
	width:100%;
	height:auto;
}

.middle-aligned {
	vertical-align:middle;
}


/*top menu line*/
.largescreenim, .webpsup{
	display:none;
}



@media only screen and (min-width:1500px){
	.smallscreenim{
		display:none;
	}
	.largescreenim{
		display:inline;
	}
	
}

#topline{
	width:100%;
	height:65px;
	position:fixed;
	box-sizing:border-box;
	top:0;
	z-index:1000;
	background:#ffffff;
}
#topline .content-margins{
	height:100%;
}
#logo-container{
	width:auto;
	height:100%;
	padding:5px;
	display:inline-block;
}

#logo-link{
	width:auto;
	height:100%;
	display:inline-block;
	cursor:pointer;
}
#logo-link img{
	height:100%;
	width:auto;
}


#burger{
	display:none;
	width:55px;
	height:30px;
	margin:0 0;	
	padding:17px 0;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	float:right;
}

.burgerline{
	display:block;
	background:#000000;
	width:75%;
	height:10%;
	margin:10% auto 0;
	position:relative;
}


#top-menu{
	box-sizing:border-box;
	display:inline-block;
	font-size:12px;
	vertical-align:top;
	cursor:pointer;
	float:right;
	  transition-timing-function: ease-in;
		transition: transform 1s, opacity 1.5s;	
}	
.menu-link{
	cursor:pointer;
	display:inline-block;
	box-sizing:border-box;
	text-transform: uppercase;
	padding:0 33px;
	line-height:60px;
	
}
.last-link{
	background:#000000;
	color:#ffffff;
}

.lnk-sel{
	opacity:0.5;
	cursor:default;
}
.langbtns{
	display:inline-block;
	float:right;
}

@media only screen and (min-width:1600px) {
/*	#topline{
		height:75px;
	}

	#top-menu{
		font-size:16px;
	}*/
	.menu-link{
		padding:0 38px;
		/*line-height:70px;*/
	}
}

@media only screen and (min-width:1919px) {
/*#topline{
		height:95px;
	}
	#top-menu{
		font-size:20px;
	}*/
	.menu-link{
		padding:0 38px;
		/*line-height:95px;*/
	}
}

@media only screen and (min-width:1950px) {
	#topline{
		height:5vw;
	}
	#top-menu{
		font-size:1vw;
	}	
	.menu-link{
		padding:0 1.9vw;
		line-height:5vw;
	}
}

/*large ipad landscape*/
@media only screen and (max-width:1400px) and (min-width:1200px) and (min-height:900px){	
	#topline{
		height:85px;
	}

	#top-menu{
		font-size:18px;
	}	
	.menu-link{
		padding:0 50px;
		line-height:85px;
	}
}

/*large ipad portrait*/
@media only screen and (min-width:1000px) and (max-width:1026px) and (min-height:1300px){
	#topline{
		height:85px;
	}
	#top-menu{
		font-size:18px;
	}
	.menu-link{
		padding:0 42px;
		line-height:85px;
	}
}
/*medium ipdad landscape*/
@media only screen and (max-width:1200px) and (min-width:1015px) and (min-height:760px) and (max-height:901px) {
	#topline{
		height:75px;
	}
	#top-menu{
		font-size:16px;
	}
	.menu-link{
		padding:0 36px;
		line-height:75px;
	}
}
/*cellphone landscape cutoff*/
@media only screen and (max-width:915px) and (max-height:500px){
	#burger{
		display:inline-block;		
	}	
	#top-menu{
		padding:20px;
		display:none;
		float:none;
		margin:0 auto;
		width:100%;
		height:auto;/*max-height will be set through js by getting window-innerHeight*/
		box-sizing:border-box;
		position:fixed;
		background:#ffffff;
		left:0;
		top:65px;
		overflow-y:auto;
		padding-bottom:80px;	
	}
	
	.menu-link{
		display:block;
		text-align:center;
		padding:25px 0;
		line-height:auto;
		color:#ffffff;
		background:#000000;
		border:2px solid #ffffff;
	}
	
	.langbtns{
		display:block;
		font-size:0px;
		float:none;
	}
	.langbtns .menu-link{
		display:inline-block;
		width:50%;
		font-size:12px;
	}
}

@media only screen and (max-width:850px){
	#burger{
		display:inline-block;		
	}	
	#top-menu{		
		padding:20px;
		display:none;
		float:none;
		margin:0 auto;
		width:100%;
		height:auto;/*max-height will be set through js by getting window-innerHeight*/
		box-sizing:border-box;
		position:fixed;
		background:#ffffff;
		left:0;
		top:65px;
		overflow-y:auto;
		padding-bottom:80px;	
	}	
	.menu-link{
		display:block;
		text-align:center;
		padding:25px 0;
		line-height:auto;
		color:#ffffff;
		background:#000000;
		border:2px solid #ffffff;
	}	
	.langbtns{
		display:block;
		font-size:0px;
		float:none;
	}
	.langbtns .menu-link{
		display:inline-block;
		width:50%;
		font-size:12px;
	}
}
/*medium ipad portrait*/
@media only screen and (min-height:1000px) and (min-width:750px) and (max-width:900px) { 
	#topline{
		height:75px;
	}
	#top-menu{
		font-size:18px;
	}	
	.menu-link{
		padding:30px 36px;
		line-height:75px;
	}
	
	#burger{
		width:75px;
		height:40px;
		margin:0 0;	
		padding:17px 0;
		overflow:hidden;
		position:relative;
		cursor:pointer;
		float:right;
	}
	
	.langbtns{
		display:block;
		font-size:0px;
		float:none;
	}
	.langbtns .menu-link{
		display:inline-block;
		width:50%;
		font-size:16px;
	}
}
	

/*commons*/

.content-margins{
	display:block;
	margin:0 auto;
	width:1280px;	
}
@media only screen and (min-width:1600px) {
	.content-margins{
		width:1500px;
	}
}
@media only screen and (max-width:1300px){
	.content-margins{
		width:95%;
		margin:0 auto;
	}
}


#header-content{
	padding:65px 0 0;	
	
}

@media only screen and (min-width:1600px) {
	#header-content{
		/*padding:75px 0 0;	*/
	}
}
@media only screen and (min-width:1919px) {
	#header-content{
		/*padding:95px 0 0;*/
	}
}
@media only screen and (min-width:1950px) {
	#header-content{
		padding:5vw 0 0;
	}
}
/*large ipad landscape if height=100%, put a max of 1025*/
@media only screen and (max-width:1400px) and (min-width:1200px) and (min-height:900px){
	#header-content{
		padding:85px 0 0;
	}
}
/*large ipad portrait*/
@media only screen and (min-width:1000px) and (max-width:1026px) and (min-height:1300px){
	#header-content{
		padding:85px 0 0;
	}
}
/*medium ipad landscape*/
@media only screen and (max-width:1200px) and (min-width:1015px) and (min-height:760px) and (max-height:901px) {
	#header-content{
		padding:75px 0 0;		
	}
}

/*medium ipad portrait*/
@media only screen and (min-height:1000px) and (min-width:750px) and (max-width:900px) { 
	#header-content{
		padding:75px 0 0;	
	}
}


header, #header, #part2, #part3,  .body-parts, #header-content{
	width:100%;
	height:100%;	
}
#part4, #part5{
	width:100%;
	height:auto;
}

#part2, #part3, #part4, #part5{
	clear:both;
}


.message-container{
	width:100%;
	height:auto;
	padding:0 15px;
	overflow:hidden;	
}
.whiteback{
	position:absolute;
	width:100%;
	height:100%;
	background:#ffffff;
	opacity:0.8;
	box-sizing:border-box;
}

.topframe{
	width:85%;
	height:10px;
	margin-left:15%;
	border-bottom:0.5px solid #000000;
	position:relative;
}

.bottomframe{
	width:70%;
	height:1px;
	margin-left:25%;
	margin-right:5%;
	border-bottom:0.5px solid #000000;
	position:relative;
}

.smaller-width{
	position:relative;
	box-sizing:border-box;
	width:1100px;
	margin:0 auto;
}

.page{ /*used everywhere*/
	width:100%;
	min-height:100%;
	height:auto;
	
}

.page-sec{ /*used in small-bus only*/
	width:100%;
}


.bluebtncenter{
	text-align:center;
	padding:40px 0;
}

.bluebtn{
	width:auto;
	min-width:180px;
	font-size:14px;
	color:#ffffff;
	font-weight:900;
	text-transform:uppercase;
	display:inline-block;
	background:#1b82cd;
	padding:20px 55px;
	cursor:pointer;
	text-align:center;
	font-family: Tahoma, Geneva, sans-serif;
}


@media only screen and (min-width:1600px) {	
	.smaller-width{
		width:85%;
	}	
	.bluebtn{
		padding:30px 55px;
		/*font-size:22px;*/
	}	
}
@media only screen and (min-width:1919px) {	
	.bluebtn{
		min-width:300px;
		/*font-size:24px;*/
		padding:37px 55px;
	}
}
@media only screen and (min-width:1950px) {
	.bluebtn{
		min-width:13vw;
		font-size:1.1vw;
		padding:2vw 2vw;	
	}
}
@media only screen and (max-width:1400px) and (min-width:1200px) and (min-height:900px){
	.bluebtn{
		padding:42px 55px;
		font-size:22px;
	}
	.smaller-width{
		width:1200px;
	}	
}

@media only screen and (max-width:1300px){
	.smaller-width{
		width:1040px;
		margin:0 auto;
	}
	.bluebtncenter{
		clear:both;
	}
}
@media only screen and (max-width:1100px){
	.smaller-width{
		width:100%;
	}
}
@media only screen and (min-width:1000px) and (max-width:1026px) and (min-height:1300px){
	.bluebtn{
		padding:30px 55px;
		font-size:22px;
	}
}
/*medium ipad landscape*/
@media only screen and (max-width:1200px) and (min-width:1015px) and (min-height:760px) and (max-height:901px) {
	.bluebtn{
		padding:28px 55px;
		font-size:18px;	
	}
}
@media only screen and (max-width:915px){	
	.bluebtn{
		width:45%;
		min-width:0;
	}
}
/*medium ipad portrait*/
@media only screen and (min-height:1000px) and (min-width:750px) and (max-width:900px) { 
	.bluebtn{
		padding:32px;
		font-size:18px;
	}
}

@media only screen and (max-width:740px){
	.bluebtn{
		width:65%;
		margin:10px 5%;
	}
}
@media only screen and (max-width:650px){
	.bluebtn{
		width:90%;
		margin:10px 5%;
	}	
} 
	
/*index*/

header, #header{
	min-height:500px;
	max-height:800px;
}


.index-header{
	overflow:hidden;
}

.small-box{
	width:45%;
	position:absolute;
}

.big-box{
	width:55%;
	float:right;
}

.small-box, .big-box{
	min-width:500px;
}

.parts-message{
	width:100%;
	height:auto;
	text-align:center;
	padding:20px 0 35px;	
}

.index-header h1{
	padding:20px 5px 0;
	border-right:0.5px solid #000000;
}

.index-header p{
	margin:0;
	padding:36px 20px 20px;
	border-right:0.5px solid #000000;
	border-left:0.5px solid #000000;
}
#index-bluebtn-container{
	border-left:0.5px solid #000000;
}
.index-header .bluebtn{
	line-height:18px;
	padding:8px 0;
	
}

 @media only screen and (min-width:1600px) {
	#header{
		max-height:900px;
		min-height:700px;
	}
	.index-header h1{
		padding:20px 15px 0;
	}
	
	.index-header p{
		padding:46px 40px 25px;
	}
	
	.index-header .bluebtn{
		line-height:16px;
		padding:14px 18px;
		font-size:14px;
		
	}
	.index-header .parts-message{
		padding:30px 0 40px 30px;
	}
}
@media only screen and (min-width:1919px) {
	#header{
		max-height:1080px;
	}
	.index-header h1{
		padding:20px 25px 0;
	}
	
	.index-header p{
		padding:56px 40px 35px;
	}
	
	.index-header .bluebtn{
		min-width:250px;
		font-size:16px;
	/*	line-height:20px;
		padding:20px 0;*/
	}
	
	.index-header .parts-message{
		padding:50px 0 50px 30px;
	}
	
}
@media only screen and (min-width:1950px) {
	#header{
		max-height:53vw;
	}
	.index-header h1{
		padding:1vw 1.3vw 0;
		line-height:5vw;
	}
	
	.index-header p{
		padding:2.9vw 2vw 1.9vw;
	}
	.index-header .bluebtn{
		line-height:1vw;
		padding:1vw;
	}
	
}
/*large ipad landscape if height=100%, put a max of 1025*/
@media only screen and (max-width:1400px) and (min-width:1200px) and (min-height:900px){
	#header{
		min-height:900px;
		max-height:1024px;		
	}
	#header .small-box{
		padding-top:60px;
		width:55%;
	}
	
	#header .big-box{
		padding-top:200px;
		width:65%;
	}
	.big-box .table-cell, .small-box .table-cell{
		vertical-align:top;
	}			
	.index-header h1{
		padding:40px 35px 0;
		font-size:38px;
	}
	
	.index-header p{
		padding:45px 50px;
		font-size:22px;
		font-size:1.375rem;
	}	
	.index-header .bluebtn{
		line-height:22px;
		padding:22.5px 0;
		width:45%;
	}
	
	
}

@media only screen and (max-width:1100px){
	.index-header .parts-message{
		padding:20px 0 25px;
	}
}

/*large ipad portrait*/
@media only screen and (min-width:1000px) and (max-width:1026px) and (min-height:1300px){
	#header {
		min-height:1300px;
		max-height:1366px;		
	}	
	#header .small-box{
		padding-top:100px;
		width:75%;
	}	
	
	#header .big-box{
		padding-top:400px;
		width:85%;
	}
	
	.big-box .table-cell, .small-box .table-cell{
		vertical-align:top;
	}
	.index-header h1{
		padding:40px 35px 0;
		font-size:38px;
	}	
	.index-header p{
		padding:45px 50px;
		font-size:22px;
		font-size:1.375rem;

	}	
	.index-header .bluebtn{
		line-height:22px;
		padding:22.5px 0;
		width:40%;
		min-width:0;
	}
	
	
}
/*medium ipad landscape*/
@media only screen and (max-width:1200px) and (min-width:1015px) and (min-height:760px) and (max-height:901px) {
	#header{
		min-height:768px;
		max-height:900px;
	}
	#header .small-box{
		padding-top:60px;
		width:65%;
	}		
	#header .big-box{
		padding-top:150px;
		width:75%;
	}
	.big-box .table-cell, .small-box .table-cell{
		vertical-align:top;
	}
	.index-header h1{
		padding:20px 35px 0;
		font-size:38px;
	}	
	.index-header p{
		padding:46px 50px 25px;
		font-size:22px;
		font-size:1.375rem;
	}
	.index-header .bluebtn{
		width:45%;
		line-height:18px;
		padding:15px 0;
		height:65px;
	}

}

	
@media only screen and (max-width:915px){
	#header{
		min-height:600px;
		height:auto;
	}
	#header .big-box{
		padding-top:125px;
	}
	.big-box{
		min-width:600px;
	}	
	.small-box .table-cell,.big-box .table-cell	{
		vertical-align:top;
	}
		
	
}/*cellphone landscape cutoff*/

/*medium ipad portrait*/
@media only screen and (min-height:1000px) and (min-width:750px) and (max-width:900px) { 
	#header {
		max-height:1194px;	
		height:100%;		
	}
	#header .small-box{
		padding-top:100px;
		width:75%;
	}	
	
	#header .big-box{
		padding-top:400px;
		width:85%;
	}	
	.index-header p{
		font-size:20px;
		font-size:1.25rem;
		
	}	
	.index-header .bluebtn{
		width:45%;
		line-height:18px;
		padding:15px 0;
		
	}
	
}
@media only screen and (max-width:740px){
	#header{
		min-height:680px;
	}	
	.parts-message{
		padding:20px 0;
	}
}

@media only screen and (max-width:650px){
	.big-box,.small-box{
		min-width:0!important;
		width:100%!important
	}
}
@media only screen and (max-width:505px){
	#header{
		min-height:850px;
	}

}
/*cellphone portrait*/
@media only screen and (max-width:500px) and (min-height:500px) and (max-height:1025px){
	#header{
		height:auto;
		max-height:200%;
	}
	.index-header .big-box{
		padding-top:200px;
	}
}



#part2{
	min-height:400px;
	max-height:750px;
	margin:100px 0 60px;
	background-image:url("ims/part2back.png");
	background-position: center;
	background-repeat: no-repeat; 
	background-size: cover;
}

#part2 .topframe, #part2 .bottomframe{
	margin:0 auto;
}
#part2 .whiteback{
	opacity:0.85;
}
#part2 .content-margins{
	width:80%;
	height:100%;
}
#part2 .parts-message{
	padding:30px;
	font-weight:580;
}
#part2 .bluebtncenter{
	padding:0;
	margin:0 auto 30px auto;
}

@media only screen and (min-width:1600px) {
	#part2 .content-margins{
		width:1500px;		
	}		
	#part2 .parts-message{
		padding:40px 60px;
	}
}
@media only screen and (min-width:1919px) {
	#part2{
		max-height:980px;
		min-height:600px;
	}		

	#part2 .txt-large{
		padding:1rem 0 2rem;
	}
}
@media only screen and (min-width:1950px) {
	#part2{
		min-height:32vw;
		max-height:45vw;
	}
	
	
}
/*large ipad landscape if height=100%, put a max of 1025*/
@media only screen and (max-width:1400px) and (min-width:1200px) and (min-height:900px){
	#part2{
		min-height:900px;
		max-height:1024px;		
	}
}

@media only screen and (max-width:1100px){
	#part2{
		min-height:0;
		height:auto;
		padding:150px 0;
	}
}

/*large ipad portrait*/
@media only screen and (min-width:1000px) and (max-width:1026px) and (min-height:1300px){	
	#part2{
		max-height:none;
	}
		
	#part2 .txt-large{
		padding:2rem 0;
	}
	
}
/*medium ipad landscape*/
@media only screen and (max-width:1200px) and (min-width:1015px) and (min-height:760px) and (max-height:901px) {
	
	#part2{
		height:auto;
		padding:200px 0;
	}
	
}
@media only screen and (max-width:915px){
	#part2{
		background-size:130%;
	}
	#part2 .content-margins{
		width:95%;
	}

}
/*cellphone landscape cutoff*/
@media only screen and (max-width:915px) and (max-height:500px){
	#part2{
		height:auto;
		min-height:0!important;
		padding:60px 0;
	}

}
@media only screen and (max-width:565px){
	#part2{
		background-size:cover;
	}
}

@media only screen and (max-width:505px){
	#part2{
		padding:100px 0;
	}
}


#part3{
	min-height:580px;
	max-height:750px;
} 

#part3-cont{
	height:100%;
}

#part3 .parts-container{
	height:auto;
	padding:50px 0;
}

.box-3{
	display:inline-block;
	width:33.3%;
	position:relative;
	box-sizing:border-box;
	letter-spacing:0px;
	vertical-align:middle;
	margin:0 auto;
}

#part3 .box-3 img{
	width:70%;
	display:block;
	margin:0 auto;
}

#part3-cont .table-cell>div{
	padding-top:20px;
}

 @media only screen and (min-width:1600px) {
	#part3{
		min-height:750px;
		max-height:900px;
	}
	
}
@media only screen and (min-width:1919px) {
	#part3{
		max-height:980px;
	}
	#part3-cont .table-cell>div{
		padding-top:35px;
	}
	
}
@media only screen and (min-width:1950px) {
	#part3{
		max-height:45vw;
	}
	#part3-cont .table-cell>div{
		padding-top:1.8vw;
	}
}
/*large ipad landscape if height=100%, put a max of 1025*/
@media only screen and (max-width:1400px) and (min-width:1200px) and (min-height:900px){
	#part3{
		min-height:900px;
		max-height:1024px;	
		height:auto;		
	}
	
	#part3 .table-cell>div{
		padding-top:40px;
	}	
	
}

/*large ipad portrait*/
@media only screen and (min-width:1000px) and (max-width:1026px) and (min-height:1300px){
	#part3{
		min-height:1300px;
		max-height:1366px;		
	}	
	#part3-cont .table-cell>div{
		padding-top:50px;
	}
	
}
/*medium ipad landscape*/
@media only screen and (max-width:1200px) and (min-width:1015px) and (min-height:760px) and (max-height:901px) {
	
}
@media only screen and (max-width:915px){
	#part3 .body-parts{
		padding-top:60px;
	}
	#part3{
		min-height:600px;
		height:auto;
	}	
	
}
/*cellphone landscape cutoff*/
@media only screen and (max-width:915px) and (max-height:500px){
	#part3{
		height:auto;
		min-height:0!important;
		max-height:auto;
	}

}
/*medium ipad portrait*/
@media only screen and (min-height:1000px) and (min-width:750px) and (max-width:900px) { 
	#part3{
		max-height:1194px;	
		height:100%;		
	}
	#part3-cont .table-cell>div{
		padding-top:50px;
	}
	
}
@media only screen and (max-width:740px){
	#part3 .body-parts{
		padding-top:45px;
	}
	
	
}

@media only screen and (max-width:505px){
	#part3 .box-3{
		width:50%;
		padding:20px 0;
	}
	#part3 .parts-container{
		padding-bottom:10px;
	}
	
	#part3{
		height:auto;
		min-height:0!important;
		max-height:200%;
	}

}
/*cellphone portrait*/
@media only screen and (max-width:500px) and (min-height:500px) and (max-height:1025px){
	
}


#part4{
	padding:100px 0;
	height:auto;
	width:100%;
	clear:both;	
}

#part4::after, #part5::after {
  content: "";
  clear: both;
  display: table;
}
#part4-cont{
	height:100%;
}
#part4-cont p{
	position:relative;
	box-sizing:border-box;
}
/*#part4-cont div img*/
 #wpsvg-cont{
	 height:auto;
	 margin:0 60px 0 0;
	 background:#1b82cd;
	 background-image:url("ims/bprint.jpg");
	 background-size:contain;
 }
 
 #wpsvg-cont, #part4-cont p{
	  width:45%;
	  vertical-align:middle;
	  display:inline-block;
 }
 
  #wpsvg-cont svg{
	  width:100%;
	  height:auto;
  }
 
 #part4-cont>div{
	padding:50px 0 0;
	position:relative;
	box-sizing:border-box;
	
 }
 
 @media only screen and (min-width:1600px) {
	#part4{
		padding:100px 0 200px;
	}
	
	
}
@media only screen and (min-width:1919px) {
	#part4{
		padding:100px 0 400px;
	}
	
}
@media only screen and (min-width:1950px) {	
	#part4{
		padding:6.25vw 0  12.5vw;	
	}
	
}
/*large ipad landscape if height=100%, put a max of 1025*/
@media only screen and (max-width:1400px) and (min-width:1200px) and (min-height:900px){	
	#part4{
		 padding:50px 0 300px;	
	}
	
}
@media only screen and (max-width:1025px) {
	
}

/*cellphone landscape cutoff*/
@media only screen and (max-width:915px) and (max-height:500px){
	#part4 .bluebtn{
		width:65%;
		margin:10px 5%;
	}
	#part4-cont>div{
		padding:20px 0 0;
	}
	#part4-cont div img, #wpsvg-cont{
		width:65%;
		padding:0!important;
		margin:0 auto;
		display:block;
	}
	#part4-cont p{
		padding:35px 0 0;
		text-align:center;
		width:80%;
		margin:0 auto;
		display:block;
	}
}

@media only screen and (max-width:650px){
	#part4-cont>div{
		padding:20px 0 0;
	}
	
	#wpsvg-cont{
		float:none;
		width:90%;
		padding:0;
		margin:0 auto;
		display:block;
	}
	
	#part4-cont p{
		width:80%;
		margin:0 auto;
		text-align:center;
		display:block;
	}	
	
}
@media only screen and (max-width:505px){
	#part4-cont div img{
		float:none;
		width:65%;
		padding:0;
		margin:0 auto;
		display:block;
	}
	#part4-cont p{
		padding:25px 0 0;
		text-align:center;
	}
}

 #part5{
	 clear:both;
	 width:100%;
	 height:auto;
	 min-height:600px;
	 margin:100px 0;
	 
 }
 
 #part5-full{
	 position:relative;
	 box-sizing:border-box;
	 display:block;
	 width:100%;
	 height:auto;
 }
	 
 #part5 .content-margins{
	 padding:150px 0;
	 position:relative;
	 box-sizing:border-box;
 }
 #part5-cont{
	 width:35%;
	 min-width:350px;
	 text-align:center;
	 margin:0 auto;
	padding:40px;
	 border:0.5px solid #000000;
	 
 }
 
 #part5-cont p{
	 padding:0 0 20px;
 }
 #absolutes{
	 position:absolute;
	 margin-top:-303px;
	 left:0;
	 width:100%;
	 height:100%;
	 text-align:initial;
	 font-size:16px;
 }
 
 #absolutes li{
	 display:inline-block;
	 vertical-align:top;
	 position:absolute;
	 font-weight:700;
	 box-sizing:border-box;
 }
 #absolutes li span{
	 display:block;
	  box-sizing:border-box;
 }
 
 #abso1{
	 width:30%;
	 padding-top:20px;
 }
 #abso1 span{
	 width:70%;
	 margin-left:10%;
	 padding:80px 5% 10px 0;
	 text-align:right;
	
	border-bottom:0.5px solid #000000;
	 border-right:0.5px solid #000000;
	
 }
 
 #abso2{
	 margin-left:30%;
	 width:35%;
	 padding-top:40px;
 }
 #abso2 span{
	 width:50%;
	 float:right;
	 padding:40px 5% 10px;
	 text-align:center;
	 
	 border-top:0.5px solid #000000;
	 border-right:0.5px solid #000000;
	 border-left:0.5px solid #000000;
 }
 
 #abso3{
	 padding-top:170px;
	 width:30%;
	 text-align:center;
 }
 
 #abso3 p{
	 width:50%;
	 margin: 0 auto;
	 padding:50px 0 0px;
	 box-sizing:border-box;
	 border-left:0.5px solid #000000;
	 border-bottom:0.5px solid #000000;
 }
 
 #abso3 p span{
	  width:100%;
	  padding:20px 0 10px;
	  
	  border-right:0.5px solid #000000;
 }
 
 #abso4{
	 width:30%;
	 text-align:center;
	 margin-left:65%;
	 padding-top:75px;
	 
 }
 
 #abso4 span{
	 margin:0 0 0 30%;
	 width:70%;
	 padding:55px 30% 10px 0;
	 
	 border-left:0.5px solid #000000;
	 border-bottom:0.5px solid #000000;
 }
 
 #abso5{
	 width:20%;
	 margin-left:80%;
	 padding-top:270px;
 }
 
 #abso5 span{
	width:70%;
	text-align:right;
	padding:20px 20px 10px 0;
	border-right:0.5px solid #000000;
	border-bottom:0.5px solid #000000;
	
 }
 
 #abso6{
	 width:30%;
	 text-align:right;
	 padding-top:420px;
 }
 
 #abso6 p{
	 width:80%;
	 box-sizing:border-box;
	 padding:30px 40px;
	 display:inline-block;
	 
	 border-top:0.5px solid #000000;
	 border-left:0.5px solid #000000;
	
 }
 
 #abso6 span{
	 margin-left:20%;
	 width:55%;
	 
	 border-bottom:0.5px solid #000000;
 }
 
 #abso7{
	padding:430px 0 30px 0;
	margin-left:60%;
	width:20%;
	
	border-bottom:0.5px solid #000000;
 }

 #abso7 span{
	 width:60%;
	 padding:30px 0 0;
	 margin:0 0 0 auto;
	 
	  border-top:0.5px solid #000000;
	 
 }
 #abste{
	 position:absolute;
	 min-height:100%;
	 height:auto;
	 width:100%;
 }
 

 @media only screen and (min-width:1600px) {
	#part5{
		margin:70px 0;
		min-height:750px;
	}
	#part5 .content-margins{
		padding:200px 0;

	}
	
	#absolutes{
		margin-top:-353px;
		font-size:22px;
	}
	#abso1{ padding-top:28px;}	
	#abso1 span{ padding:108px 5% 14px 0;} 
	#abso2{ padding-top:55px;}	
	#abso2 span{ padding:55px 5% 14px;}	 
	#abso3{ padding-top:231px;}	 
	#abso3 p{ padding:68px 0 0px;}
	#abso3 p span{ padding:28px 0 14px;}
	#abso4{ padding-top:102px;}	 
	#abso4 span{padding:75px 30% 14px 0;}	 
	#abso5{ padding-top:367px; }	 
	#abso5 span{padding:28px 20px 14px 0; }	 
	#abso6{ padding-top:500px; }	 
	#abso6 p{ padding:41px 40px; }	
	#abso7{padding:504px 0 41px 0;	 }
	#abso7 span{ padding:41px 0 0; }
		
}
@media only screen and (min-width:1919px) {
	#part5{
		margin:70px 0;
		min-height:953px;
	}
	#part5-cont{
		padding:70px;
	}
	
	#part5-cont p{
		padding: 0 0 30px;
	}
	
	#part5 .content-margins{
		padding:250px 0;
	}

	
	#absolutes{
		margin-top:-496px;
		font-size:28px;
	}
	#abso1{	 padding-top:34px;}	
	#abso1 span{ padding:130px 5% 17px 0; }
 	#abso2{	 padding-top:66px;	}
	#abso2 span{ padding:66px 5% 17px;}
	#abso3{ padding-top:277px;}
	#abso3 p{ padding:82px 0 0px; }
	#abso3 p span{  padding:34px 0 17px; }
	#abso4{ padding-top:122px; }
	#abso4 span{padding:90px 30% 17px 0; }
	#abso5{ padding-top:440px; }
	#abso5 span{padding:34px 40px 17px 0; }
	#abso6{	 padding-top:700px; }
	#abso6 p{ padding:49px 60px;}
	#abso7{	padding:710px 0 49px 0; }
	#abso7 span{ padding:49px 0 0; }
}
@media only screen and (min-width:1950px) {
	#part5{
		margin:3.6vw 0;
		min-height:47vw;
	}
	
	#part5-cont{
		padding:3.6vw;
	}
	
	#part5-cont p{
		padding: 0 0 1.5vw;
	}
	
	#part5 .content-margins{
		padding:13vw 0;

	}
	
	#absolutes{
		margin-top:-26.15vw;
		font-size:1.2vw;
	}

	#abso1{	 padding-top:1.8vw;}	
	#abso1 span{ padding:6.77vw 5% 0.8vw 0; }
 	#abso2{	 padding-top:2.8vw;	}
	#abso2 span{ padding:2.8vw 5% 0.8vw;}
	#abso3{ padding-top:14.4vw;}
	#abso3 p{ padding:4.3vw 0 0px; }
	#abso3 p span{  padding:1.8vw 0 0.8vw; }
	#abso4{ padding-top:6.3vw; }
	#abso4 span{padding:4.6vw 30% 0.8vw 0; }
	#abso5{ padding-top:22.9vw; }
	#abso5 span{padding:1.8vw 40px 0.8vw 0; }
	#abso6{	 padding-top:36.5vw; }
	#abso6 p{ padding:2.5vw 3.1vw;}
	#abso7{	padding:37.4vw 0 2.5vw 0; }
	#abso7 span{ padding:2.5vw 0 0; }
}
/*large ipad landscape if height=100%, put a max of 1025*/
@media only screen and (max-width:1400px) and (min-width:1200px) and (min-height:900px){
	
	#part5{
		margin:0 0 50px 0;
		height:900px;
	}
	#part5-cont{
		min-width:455px;
	}
	#part5 .content-margins{
		padding:200px 0;
	}
	#part5 h4{
		margin:0 0 50px;
	}
	#absolutes{
		margin-top:-380px;
		font-size:20px;
	}
	
	#abso1{ padding-top:28px;}
	#abso1 span{padding:108px 5% 14px 0;}
	#abso2{ padding-top:55px;}	
	#abso2 span{padding:55px 5% 14px;}
	#abso3{ padding-top:231px;}
	#abso3 p{ padding:68px 0 0px; }
	#abso3 p span{  padding:28px 0 14px; }
	#abso4{ padding-top:102px; }
	#abso4 span{padding:75px 30% 14px 0;}
	#abso5{ padding-top:367px; }
	#abso5 span{padding:28px 20px 14px 0; }
	#abso6{	 padding-top:555px; }
	#abso6 p{ padding:41px 40px;}
	#abso7{	padding:564px 0 41px 0; }
	#abso7 span{ padding:41px 0 0;	 }
}
@media only screen and (max-width:1025px){
	#part5-cont{
		padding:20px;
	}
}

/*large ipad portrait*/
@media only screen and (min-width:1000px) and (max-width:1026px) and (min-height:1300px){
	#part5 {
		margin:0;
		height:100%;
	}
	
	#part5 .content-margins{
		padding:200px 0;
	}
	
	#part5-cont{
		min-width:405px;
	}
	
	
	#absolutes{
		margin-top:-323;
		font-size:22px;
	}
	#abso1{ padding-top:28px;}
	#abso1 span{padding:75px 5% 14px 0;}
	#abso2{ padding-top:35px;}	
	#abso2 span{padding:40px 5% 14px;}
	#abso6{	 padding-top:455px; }
	#abso6 p{ padding:41px 40px;}
	#abso7{	padding:460px 0 41px 0; }
	#abso7 span{ padding:41px 0 0;	 }
	
}
/*medium ipad landscape*/
@media only screen and (max-width:1200px) and (min-width:1015px) and (min-height:760px) and (max-height:901px) {
	#part5 {
		margin:0;
		height:100%;
	}
}
@media only screen and (max-width:915px){
	#part5{
		margin:0;
	}
	#part5 .content-margins{
		padding:20px 0;
	}


	#part5-cont{
		width:65%;
		padding:35px 20px;
		border:none;
		border-top:0.2px solid #000000;
	}
	
	#part5-cont .bluebtn{
		min-width:350px;
	}
	
	#absolutes, #absolutes li{
		position:relative;
		height:auto;
		margin:0;
		text-transform:uppercase;
		line-height:30px;
		font-weight:400;
		font-size:12px;
		
	}
	#absolutes{
		padding:0 0 30px 0;
	}
	 #absolutes li, #absolutes li span, #absolutes li p, #absolutes li p span{
		border:none;
		padding:0!important;
		display:block!important;
		text-align:center;
		width:100%;
		margin:0;
	 }
	 
	#absolutes li{
		  min-width:250px;
		  margin:0 auto;
	}
	
	#absolutes li span, #absolutes li p, #absolutes li p {
		width:65%;
		margin:0 auto;
		float:none;
		
	}
	
	#absolutes #abso1 span, #absolutes #abso3 p, #absolutes #abso5 span, #absolutes #abso7 span{
		border-left:0.4px solid #000000;
		border-bottom:0.4px solid #000000;
		
	}
	
	#absolutes #abso2 span, #absolutes #abso4 span, #absolutes #abso6 p{
		border-right:0.4px solid #000000;
		border-bottom:0.4px solid #000000;
		
	}
	
}
/*cellphone landscape cutoff*/
@media only screen and (max-width:915px) and (max-height:500px){
	
}
/*medium ipad portrait*/
@media only screen and (min-height:1000px) and (min-width:750px) and (max-width:900px) { 
	#part5 {
		margin:0;
		height:100%;
	}
}
@media only screen and (max-width:740px){
	#part5-cont{
		width:85%;		
	}
	
	#part5-cont .bluebtn{
		min-width:0;
	}
}

@media only screen and (max-width:650px){
	#part5-cont{
		min-width:0;
		width:100%;
		box-sizing:border-box;
	}

}
 /*footer*/
 footer{
	 background:#000000;
	 width:100%;
	 box-sizing:border-box;
	 position:relative;
	 height:100px;
	  font-family: Tahoma, Geneva, sans-serif;
	  font-size:14px;
	  font-size:0.875rem;
	  color:#c5c6c6!important;	
 }
 
 #footer-cont{
	 text-align:center;
	 max-width:350px;
	 margin:0 auto;
	 height:80px;
	  box-sizing:border-box;
	 position:relative;
 }
 #footer-logo{
	 display:inline-block;
	 height:100%;
	 width:auto;
	  box-sizing:border-box;
	 position:relative;
	 padding:20px 0;
	/* float:left;*/
 }
 
 #footer-logo img{
	 height:100%;
	 width:auto;
 }
 #footerbtns{
	 display:table;
	 height:100%;
	   box-sizing:border-box;
	 position:relative;
	
 }
 .footer-link{
	 display:table-cell;
	   box-sizing:border-box;
	 position:relative;
	 height:auto;
	 vertical-align:middle;
	 padding:0 50px;
	  text-transform:uppercase;
	  font-size:0.75rem;
	 color:#c5c6c6!important;
	 display:none;
 }
 
 #copycont{
	 text-align:center;
 }
 @media only screen and (min-width:1600px) {
	footer{
		height:150px;
	}
	#footer-cont{
		height:120px;
		max-width:27%;
	}
 }
 @media only screen and (min-width:1919px) {	
	footer{
		/*height:200px;*/
	}	
}
@media only screen and (min-width:1950px) {	
	footer{
		height:7.8vw;
	}
	#footer-cont{
		height:6.2vw;
		max-width:27vw;
	}
}
@media only screen and (max-width:505px){		
	footer{
		height:120px;
	}
}
/*smaller business*/
/*.headerimg{
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	height:100%;
	
}
*/
.headerimg{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	
}

.div-line{
	position:relative;
	width:100%;
	height:50%;
	opacity:0.6;
}

.darkblue-img, .lightblue-img{
	position:relative;
	display:inline-block;
	width:50%;
	height:100%;
	float:left;
}

.darkblue-img{
	background:#549ccf;
}

.lightblue-img{
	background:#9cc6e3;
}
.headerimg-src{
	display:block;
	width:auto;
	height:100%;
	min-height:657px;/*minheight needed to cover the 1366px screen completely*/
	position:relative;
	left:-50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	opacity:0.6;
}

 .deuxpage{ /*header-adjustment for small-business since header becomes height auto. deuxpage keeps 100%*/
	/*background-image:url("tempphoto.jpg");
	 background-size:cover;*/
	 height:100%!important;
	 min-height:500px!important;
}

 .deuxpage #header-content{
	 overflow:hidden;
 }
#middlepar{
	 max-width:1000px;
	 text-align:center;
	 box-sizing:border-box;
	 position:relative;
}

#packincludes h2{
	font-size:1.5rem;
	max-width:1000px;
	padding:2rem 0;
	margin:0 auto;	
}
.squarish{
	padding:90px 20px 10px;
	min-height:250px;
	box-sizing:border-box;
	position:relative;
}
.littlebox{
	width:50px;
	height:50px;
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	float:left;
}

.littlebox i{
	display:block;
	font-size:1.45rem;
	text-align:center;
	line-height:35px;
	color:#1b82cd;
}
.squarish .boxtitle{
	padding-left:60px;
	text-align:left;
}

.squarish p{
	clear:both;
}

.boxtitle{
	font-size:1rem;
	font-weight:900;
	padding:0.5rem 0;
}
#grey-line{
	box-sizing:border-box;
	position:relative;
	max-width:100%;
	padding:90px 0 135px;
}
#grey-line img{
	width:400px;
	height:auto;
	display:block;
	margin:0 auto;
	padding:20px 0;
	box-sizing:border-box;
	position:relative;	
}

#grey-line p{
	padding:20px 0;
	box-sizing:border-box;
	position:relative;
	max-width:1000px;
	text-align:center;
	margin:0 auto;
}

.littlebox-large{
	width:250px;
	height:150px;
	display:block;
	box-sizing:border-box;
	position:relative;
	margin:20px auto;

}
.littlebox-large i{
	display:block;
	font-size:10rem;
	text-align:center;
	line-height:150px;
	color:#1b82cd;
}
@media only screen and (min-width:1600px) {	
	#middlepar{
		max-width:70%;
	}
	#packincludes h2{
		padding:3rem 0;
	}
	
	.squarish{
		padding:90px 40px 10px;
	}
}
@media only screen and (max-width:1025px){
	#middlepar{
		max-width:100%;
	}	
	#grey-line p{
		max-width:100%;
	}
}
@media only screen and (max-width:915px){
	#packincludes .box-3{
		width:50%;
		padding:20px 0;
	}
}

@media only screen and (max-width:915px) and (max-height:500px){
	.deuxpage{
		min-height:300px!important;
	}
}
@media only screen and (max-width:650px){
	#packincludes .box-3{
		width:100%;
		padding:0;
	}
	.squarish{

		min-height:0;
	}
	
}

/*complex*/
#complex h1{
	padding:1rem 0 0;
	
}

.containo{
	padding:0 0 90px;
	position:relative;
	box-sizing:border-box;
}

.top-part{
	height:500px;
	position:relative;
	box-sizing:border-box;

}

#imgright{
	width:450px;
	position:absolute;
	right:0;
	height:100%;
}


.frbox{
	width:72%;
	height:100%;
	position:relative;
	box-sizing:border-box;
	padding:0 0 0 5%;
}

 .frbox .whiteback{
	 opacity:0;
 }

.frbox .ttl-large{
	position:relative;
	padding:50px 0;
	
}
.frbox .bottomframe, .frbox .topframe{
	margin-left:0;
}

.bottom-part{
	width:100%;
	height:520px;
	position:relative;
	box-sizing:border-box;
	overflow:hidden;
	padding:10px 0;
}

.bottom-part .content-margins{
	height:100%;
	overflow:hidden;
}



#complex .bottom-part .box{
	width:60%;
	
}
#complex .bottom-part .box .ttl-large{
	padding:20px 0;
	position:relative;
}
#complex .bottom-part .box .table-cell{
	padding-left:10%;
}


#complex .bottom-part .box-white{
	width:40%;
	
	background:#ffffff;
}
.smallimg, .smallerimg{
	display:block;
	margin:0 auto;
}
.smallimg{
	width:100%;
	height:auto;
}

.smallerimg{
	width:auto;
	height:100%;	
}

.webpim{
	display:none;
}

.thirdbox{
	height:450px;
	padding:50px 0 0;
	width:90%;
	position:relative;
	box-sizing:border-box;
	margin:0 auto;
}


.onright{
	right:0;
}
.fift{
	width:30%;
	height:100%;
	padding:50px 0px;
	position:relative;
	box-sizing:border-box;
	position:absolute;
}

.fift div{
	border:1px solid #000000;
	height:100%;
	position:relative;
}
.sevent{
	width:70%;
	margin:0 0 0 15%;
}

.sevent p{
	padding:10px;
	background:#ffffff; 
	position:relative;
	box-sizing:border-box;
	text-align:center;
	
}


.extrabtn, #effdb a{
	padding:15px;
	margin:30px auto 10px;
	background:#1b82cd;
	display:block;
	width:250px;
	color:#ffffff;
	font-size:20px;
}

#effdb a{
	text-align:center;
}

@media only screen and (min-width:1500px) {
	#complex h1{
		font-size:2.5rem;
	}
}
@media only screen and (min-height:750px) {
	.top-part{
		height:600px;
	}		
	#imgright{
		width:550px;
	}
	.bottom-part{
		height:620px;
	}
	
	.thirdbox{
	height:550px;
	padding:50px 0 0;
	}
}

@media only screen and (min-height:850px) {
	.top-part{
		height:700px;
	}	
	#imgright{
		width:650px;
	}
	.bottom-part{
		height:720px;
	}
	
	.thirdbox{
	height:650px;
	padding:80px 0 0;
	}
	
	.containo{
		padding:0 0 120px;
	}
}

@media only screen and (min-height:950px) {
	.top-part{
		height:800px;
	}	
	#imgright{
		width:750px;
	}
	.bottom-part{
		height:820px;
	}
	.thirdbox{
		height:750px;
		padding:100px 0 0;
	}
}
@media only screen and (min-width:1919px) {

}
@media only screen and (min-width:1950px) {
	#complex h1, .ttl-large{
		font-size:1.8vw;
	}
	
}
/*large ipad landscape*/
@media only screen and (max-width:1400px) and (min-width:1200px) and (min-height:900px){
		
}
@media only screen and (max-width:1210px){
	
}
@media only screen and (max-width:1160px){
		
	.frbox{
		padding:0;
	}	
	
}

@media only screen and (max-width:1100px){
	
	.frbox, #complex .bottom-part .box{
		width:90%;
		margin:0 auto;
		text-align:center;
		display:block;
	}
	#complex .bottom-part .box .table-cell{
		padding:0;
	}
	
	#complex .bottom-part .box .ttl-large{
		padding:50px 0;
	}
	.frbox .whiteback{
		opacity:0.8;
	}
	
	.frbox .topframe{
		width:95%;
		margin:0 2.5%;
	}
	
	.frbox .bottomframe{
		margin:0 15%;
	}
	.box-white{
		position:absolute;
		left:0;
	}
	.box-white img{
		margin:0;
	}
	
}

/*large ipad portrait*/
@media only screen and (min-width:900px) and (max-width:1026px) and (min-height:1300px){
	.top-part{
		height:1100px;
	}	
	
	.bottom-part{
		height:1120px;
	}
	.thirdbox{
		height:1000px;
		padding:200px 0 0;
	}
	
	#complex .bottom-part .box .table-cell{
		padding:0;
	}
	#complex .bottom-part .box .ttl-large{
		padding:50px 0;
	}
}
/*medium ipad landscape*/
@media only screen and (max-width:1200px) and (min-width:1015px) and (min-height:760px) and (max-height:901px) {
	
}
@media only screen and (max-width:915px){
	
}

/*cellphone landscape cutoff*/
@media only screen and (max-width:915px) and (max-height:500px){
	.top-part{
		height:400px;
	}	
	#imgright{
		width:450px;
	}
	.bottom-part{
		height:400px;
	}
	.thirdbox{
	height:350px;
	padding:10px 0 0;
	}
}

/*medium ipad portrait*/
@media only screen and (min-height:1000px) and (min-width:750px) and (max-width:900px) { 
	
}
@media only screen and (max-width:505px){
	.frbox, #complex .bottom-part .box{
		width:100%;
	}
	.top-part{
		max-height:600px;
	}	
	#imgright{
		width:100%;
	}
	.bottom-part{
		height:620px;
	}
	.thirdbox{
	height:450px;
	padding:10px 0 0;
	}
	
	.sevent{
		width:90%;
		margin:0 0 0 5%;
	}	
	
	.extrabtn, #effdb a{
		width:180px;
		font-size:16px;
	}
	.fift{
		width:35%;
	
	}
}



/*pricing*/

	#pricing h2{
		font-size:1.5rem;
		padding:1rem 0 0;
		color:#1b82cd;
		margin:0;
	}
	
	
	.underhead{
		font-size:15px;
		padding:0 0 25px;
	}
 
	.price-sec{
		position:relative;
		box-sizing:border-box;
		padding:10px 0 70px;
		width:1100px;
		margin:10px auto;
	}
	
	.price-sec .colorb{
		margin:0 0 20px;
	}
	
	.con{
		
		box-sizing:border-box;
		position:relative;
		letter-spacing:-16px;
	}
	.fiv{
		padding:30px;
		width:50%;
		display:inline-block;
		box-sizing:border-box;
		position:relative;
	}
	
	.borbt{
		box-sizing:border-box;
		position:relative;
		border-bottom:0.5px solid #000000;
	}
	.borrig{
		box-sizing:border-box;
		position:relative;
		border-right:0.5px solid #000000;
	}
	.borlf{
		box-sizing:border-box;
		position:relative;
		border-left:0.5px solid #000000;
	}
	
	.bortop{
		box-sizing:border-box;
		position:relative;
		border-top:0.5px solid #000000;
	}
	.nin, .frt{
			position:relative;
			display:inline-block;
			width:90%;
			box-sizing:border-box;
			letter-spacing:0px;
			vertical-align:top;
			
	}
	
	.nin{
		margin:0 auto;
		display:block;
		padding:30px 0;
	}
	
	
	.tn{
		position:relative;
		display:inline-block;
		width:5%;
		box-sizing:border-box;
		min-height:100px;
	}
	
	
	.vertbt{
		vertical-align:bottom;
	}
	
	
	.colorb{
		color:#1b82cd;
	}

	
	
	.sev, .thr{
		position:relative;
		display:inline-block;
		box-sizing:border-box;
		letter-spacing:0px;
		vertical-align:top;
	}
	
	.sev{
		width:70%;
		padding-right:7%;
	}
	
	.thr{
		width:30%;
	}
	
	.blok{
		min-height:150px;
		
	}
	
	.blok .thr{
		padding:0 25px;
		
	
	}
	
	.priced{
		font-size:26px;
		font-weight:400;
		display:block;
		padding:10px 0;
		font-family:Helvetica, sans-serif;
		color:#000000;
	}
	
	.ttl{
		text-transform:uppercase;
		font-weight:900;
		font-size:18px;
		padding:0 0 20px;
		text-align:left;
		}
	.bolder{
		font-weight:700;
	}
		
	.price-sec .sev p{
		padding: 0 0 10px;
	}
 
	.llist{
		padding:50px 0;
	}
	
@media only screen and (min-width:1600px) {	
	.price-sec{
		width:1400px;
		padding:10px 0 90px;
	}
	
	#pricing h2{
		font-size:2rem;
	}
	.priced{
		font-size:32px;
	}
	
	.underhead{
		font-size:20px;
	}

}
@media only screen and (max-width:1300px){	
	.price-sec{
		width:100%;
	}
	
} 

@media only screen and (max-width:900px){	
	.nin{
		width:100%;
	}
	.blok .thr{
		padding:0;
	}
	.priced{
	font-size:22px;	
	}
	.ttl{
		font-size:15px;
	}
	
} 
@media only screen and (max-width:700px){	
	
	.priced{
	font-size:18px;	
	}
	.ttl{
		font-size:14px;
	}
	
	.grey{
		font-size:14px;
	}
	
} 

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

	.price-sec{
		padding:10px 0 40px;
	}
	
	.sev, .thr{
		padding:0;
		width:90%;
		margin:0 auto;
		display:block;
	}
	
} 
	
/*contact*/	
	.centereddiv{
		width:900px;
		margin:0 auto;
		padding:20px 0 70px;
	}
	
	#cfm input, #cfm textarea{
		padding:0 10px;
		border:0.5px solid #b2b2b2;
		opacity:0.7;
		font-size:1.2rem;
	}
	
	#cfm input{
		height:2.5rem;
		padding-top:0.7rem;
		border-bottom:1px solid #b2b2b2;
	}
	
	#cfm textarea{
		border-bottom:1px solid #b2b2b2;
		padding-top:0.2rem;
	}
	
	#cfm div{ 
		margin:30px 0;
	}
	
	#cfm textarea{
		width:100%;
	}
	
	#cfm input:focus, #cfm textarea:focus{
			border:1px solid #b2b2b2;
	}
	
	#sbbtn{
		width:100%;
		height:2.5rem;
		font-family:Helvetica, sans-serif;
		font-family: 'Rosarivo', serif;
		font-size:0.9rem;
		border:0.5px solid #1b82cd;
		font-weight:900;
		background:#e7f2f9;
		
		
	}

	.placeholdertxt{
		font-size:16px;
		line-height:14px;
		transform: translateY(30px); 
		-webkit-transform: translateY(30px); 

		padding-left:10px;
		/*z-index:1000;*/
	}
	
	.lastplace{
		transform: translateY(20px); 
		-webkit-transform: translateY(20px); 

	}
	
	.placeholdertxtdone{
		opacity: 1;
		-webkit-transform: none; 
	  transform: none;
	  transition-timing-function: ease-in;
		transition: transform 0.5s;	
	}
	
	
@media only screen and (max-width:1025px){
	.centereddiv{
		width:90%;
	}
	
}

/*products*/

	#products h2{
		color:#1b82cd;
		font-size:1.5rem;
		line-height:1.35rem;
	}
	
	.middle-header{
		position:relative;
		box-sizing:border-box;
		padding:5px 0;
		min-height:55px;
	}
	
	#page-container{
		padding:20px 0;
	}
	
	.box-cont{
		width:90%;
		position:relative;
		box-sizing:border-box;
		border:0.5px solid #000000;
		padding:15px 20px;
		margin:0 auto;
		min-height:250px;
		
	}
	
	#products .fr+#page-container .box-cont{
		min-height:320px;
	}
	
	.shortey{
		height:150px;
		overflow:hidden;
		position:relative;
		font-size:0.9rem;
	}
	
	.shortey p{
		padding:8px 0 5px;
	}
	.shortey p span{
		display:block;
	}
	
	.shortey p span.centered{
		font-weight:900;
		padding:0 0 10px;
	}
	
		
	.morebtn{
		background:#ffffff;
		-moz-box-shadow: 0px -10px 15px #ffffff;
		-webkit-box-shadow:-0px -10px 15px #ffffff;
		box-shadow:0px -10px 15px #ffffff;
		padding:10px 0 0;
		text-align:right;
		position:relative;
		font-size:0.8rem;
	}
	
	.morebtn-none{
		box-shadow:none;
		-moz-box-shadow: none;
		-webkit-box-shadow:none;
	}
	
	.morebtn:hover{
		cursor:pointer;
	}
	
	
	
	
/*anims*/
	.raiso{
		opacity: 0;
	  -webkit-transform: translateY(50px); 
	  transform: translateY(50px);	
	}

	.righto{
		opacity: 0;
	  -webkit-transform: translateX(50px); 
	  transform: translateX(50px);	
	}
	
	.smallo{
		opacity: 0;
	  -webkit-transform: translateX(50px); 
	  transform: scale(0.7);	
	}
	
	.raised{
		opacity: 1!important;
	-webkit-transform: none!important; 
	  transform: none!important;
	  transition-timing-function: ease-in;
transition: transform 1s, opacity 1.5s;	
	}
	
	
	#products .raised{
	
		transition: transform 1s, opacity 1.5s;	
	}
	.adj{
		margin:0 0 50px;
		transition:width 0.2s;	
	}
	
	.adj-next{
		width:80%;
		display:block;
		margin: 0 auto 50px;
		opacity:0!important;
		transition: width 1s;	
	}
	
	#products .adj-next{
		transition: width 1s;	
		
	}
	
	#products .invis{
	opacity:1!important;
	transition: width 1s, opacity 1.5s;	
}
/*responsive*/

@media only screen and (min-width:1600px) {	
.shortey{
	font-size:1rem;
}

	#products .box-cont{
		padding:25px 30px;
	}
	
}/*maybe increase margins and fonts*/
@media only screen and (min-width:1919px) {	
.shortey{
	font-size:1.2rem;
}
	
}/*last width cutoff. Use percentage after*/

@media only screen and (min-width:1950px) {

}
/*large ipad landscape if height=100%, put a max of 1025*/
@media only screen and (max-width:1400px) and (min-width:1200px) and (min-height:900px){
	
}

@media only screen and (max-width:1300px){	
	
} 

@media only screen and (max-width:1210px){
	
}
@media only screen and (max-width:1160px){

}

@media only screen and (max-width:1100px){
	
}
@media only screen and (max-width:1025px){
	.adj{
		width:50%;
	}
	
	.adj-next{
		width:80%;
	}
	

}
/*large ipad portrait*/
@media only screen and (min-width:1000px) and (max-width:1026px) and (min-height:1300px){
		
}


/*medium ipad landscape*/
@media only screen and (max-width:1200px) and (min-width:1015px) and (min-height:760px) and (max-height:901px) {

}
@media only screen and (max-width:915px){
	
}


/*cellphone landscape cutoff*/

@media only screen and (max-width:915px) and (max-height:500px){

	.adj{
		width:90%;
		max-width:600px;
		display:block;
		margin: 0 auto 50px;
	}
	.shortey{
		height:90px;
	}
	.box-cont, #products .fr+#page-container .box-cont{
		min-height:200px;
	}
	
	
	/*#products .fr+#page-container .box-cont{
		min-height:270px;
	}*/
	
}

/*medium ipad portrait*/
@media only screen and (min-height:1000px) and (min-width:750px) and (max-width:900px) { 

}

@media only screen and (max-width:740px){
	
	.adj{
		width:95%;
		max-width:600px;
		display:block;
		margin: 0 auto 50px;
	}
	.box-cont, #products .fr+#page-container .box-cont{
		min-height:200px;
	}
	
/*	#products .fr+#page-container .box-cont{
		min-height:270px;
	}*/
		
	.shortey{
		height:90px;
	}
	
}

@media only screen and (min-width:740px) and (min-height:360px) and (max-height:413px){}/*elongated cellphone landscapes*/

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


} /*cell portraits cut off*/

@media only screen and (max-width:505px){
		.shortey{
		height:60px;
	}
}

/*cellphone portrait*/


@media only screen and (min-height:740px) and (min-width:360px) and (max-width:413px){}/*elongated cellphone portraits*/

@media only screen and (max-width:320px) {} /*small phone, watches*/


@media only screen and (max-height:320px) {} /*small phone (landscapes), watches*/	

.showstf{
	display:block!important;
	
 animation-name: slideright;
  animation-duration: 0.5s;
 animation-timing-function: ease-out;
}

@keyframes slideright{
	 0%   {left:-100%;}
	 100%   {left:0px;}
}

.showstff{
	display:block!important;
}

#checkcontainer{
	display:none;
	width:auto;
	text-align:center;
	margin:0 auto!important;
}

#checkcirc, #msgsnt{
		display:inline-block;
		vertical-align:middle;
	}

.circle-loader {
  margin-bottom: 3.5em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-left-color: #5cb85c;
  animation: loader-spin 1.2s infinite linear;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width:4em;
  height: 4em;
}

.load-complete {
  -webkit-animation: none;
  animation: none;
  border-color: #5cb85c;
  transition: border 500ms ease-out;
}

.checkmark {
  display: none;
}
.checkblock{
	display:block;
}
  
.draw:after {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg);
 } 
  
.checkmark:after {
    opacity: 1;
    height:  2em;
    width:  1em;
    transform-origin: left top;
    border-right: 3px solid #5cb85c;
    border-top: 3px solid #5cb85c;
    content: '';
    left: 1em;
    top:  2em;
    position: absolute;
}


@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 1em;
    opacity: 1;
  }
  40% {
    height:  2em;
    width:  1em;
    opacity: 1;
  }
  100% {
    height:  2em;
    width:  1em;
    opacity: 1;
  }
}




 @supports (background-image: url('assets/ims/logo.webp')) {
    .webpsup {display:inline;}
	.webpim {display:block;}
	#part2{background-image:url("ims/part2back.webp");}
	#wpsvg-cont{background-image:url("ims/bprint.webp");}
/*	.smallscreenim, .largescreenim, .compl-ims{display:none!important;}*/
	
  }
.part2cor{
	background-image:url("ims/part2back.png")!important;
}
.wpsvgcor{
	background-image:url("ims/bprint.jpg")!important;
}

#errord{
	position:fixed;
	width:90%;
	height:auto;
	z-index: 2000;
	padding:50px;
	max-width:900px;
	background:#ffffff;
	top:150px;
	margin:0 auto;
	text-align:center;
	font-size:28px;
	box-sizing:border-box;
	left:50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	border:1px solid #000;

}

#spinner{
	width:48px;
	margin:0 auto!important;
	
}
.loadering {
    width: 48px;
    height: 48px;
    border: 5px solid #000;
    border-bottom-color: #fff;
    border-radius: 50%;
    display: inline-block;
	margin:0 auto;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 
	
	
.noner{
	display:none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    footer{
		min-height:165px;
	}
}