﻿body { background-color: #f6f5f5; background-attachment: fixed; 
padding: 0px; margin: 8px 0px 0px 0px; text-align: left; font-size: 16px; font-family: verdana, sans-serif, Arial 
}
#base { width: 76%; max-width: 962px; min-width: 320px; height: 700px; padding: 0px; margin-top: 0px; margin-left: auto; margin-right: auto; background-color: #001180; z-index: 50
}
a:link { text-decoration: none; cursor: pointer; color: #777777; vertical-align: middle
}
a:link:hower { color: #0ED909 }
img { max-width: 100%;
}
#header1 { width: 100%; height: 200px; min-width: 320px; margin: 0px; padding: 0px; background-color: #001180;
}
#header11 { float:left; width: 100%; height: auto; min-width: 320px; margin: 0px; letter-spacing:2px; background-color: #001180 
}
#header111 { float:left; width: 100%; height: auto; min-width: 320px; background-color: #001180
}
.super { position: relative; top: -0.18em; font-size: 80%;
}
.syspos { font-family: Times new roman; font-style: italic; font-size: 0.875em; color: #fbbc09; text-align: center; letter-spacing: 0.5em	
}
.sup-sub { font-size: 60%;
}
#cont { float: left; width: 99.26%; min-width: 318px; height: 33em; background-color: #ffffff; padding-top: 2em; padding-left: 0.4em;border-left : 1px solid #c5c6c6; 
	border-right: 1px solid #c5c6c6; border-bottom: 1px solid #c5c6c6; border-top-left-radius: 60px
}
.h11 { float: left; font-size: 1.375em; margin: 0.25em 6px 0px 1.25em; font-family: "Times new roman"; font-weight: 400; color: #ffffff; letter-spacing: 0.125em
}
.h12 { float: left; margin: 0px 0.375em 0.25em 1.25em; font-weight: 400; font-size: 1em; color: #ffffff; letter-spacing: 0.0625em
}
.frames1 { float: left; width: 18.76em; min-height: 28.75em; margin: 0.7em 0.25em; padding: 0.2em; border: 0.06em solid #ffffff
}
.shotcont { float: left; width: 316px; height: 350px; margin-top: 1.25em; 
}
.shottext { color: #444444; font-weight: 700; font-size: 1em; text-align: center	
}
.pane { float: left; width: 18em; height: auto; padding : 0px 8px 0px 0px; margin-top: 1.25em;
}
.intro { font-size: 1em; font-weight: 700; color: #000000; line-height: 1em; text-align: left; width: auto; padding: 0; margin: 0px 0px 7px 10px
}
ul.land { list-style-type: square; padding: 0px; margin: 0px 0px 0px 20px; -webkit-padding-start: 10px;
}
li.landl { font-size: 1em; line-height: 1.2em; color: #000000; text-align: left; padding: 0px;
}
.floor { float: left; width: 100%; min-width: 318px; height: auto; min-height: 4px; margin-top: 15px; 
}
.floor1 { float: left; display: block; width: 100%; min-width: 320px; height: 8px; margin: 5px 0px 5px 0px; background-color: #eeeeee;
} 
.warrant { float: left; width: 81%; min-width: 260px; height: auto; margin-top: 10px; margin-left: auto; margin-right: auto; border: 6px solid #ffffff; 
border-radius: 15px; background-color: #f7f7ff; border-left-width: 15px; border-right-width: 15px;
}
.first-opin { float: left; width: 318px; height: auto
}
p.subbtit3 { float: left; font-size: 1.1em; color: black; font-weight: 700; line-height: 1.6em; padding: 5px; margin: 5px 0px 5px 10px
}
p.opi { float: left; width: 300px; height: auto; font-size: 1em; color: black; background-color: #ffffdd; margin: 5px 5px 3px 10px
}
p.phone { font-size: 1.1em; color: #000675; text-align: center; margin: 0px;
}
.cta { float: left; width: 316px; height: 350px; margin-top: 1.25em;
}
.pre-cta { text-align: center; font-size: 1.1em; width: 300px; margin-left: auto; margin-right: auto; color: #000000; margin-top: 1em;
}
.cta-text { width: 10em; height: 3em; margin-left: auto; margin-right: auto;  text-align: center; margin-top: 3em;  vertical-align: middle; font-size: 1.25em; line-height: 3em; font-weight: 700; 
			background-color: #FAEC07; color: #0ED909; border: 2px solid #F7E307; border-radius: 1.5em; cursor: pointer;				
}
.cta-text:hover { background-color: #0ED909; color: #f6eb6e
}
.notice { float: left;  width: auto; height: auto; padding: 6px; margin-top: 3em
} 
ul.secure { list-style-type: square; padding: 0px; margin: 0px;	font-weight: 400; 
} 
li.secure1 { font-size: 1em; line-height: 1.3em; color: #000000; text-align: left; padding: 0px; margin-left: 1.2em
}
.featur-list { float: left; width: 97.5%; min-width: 312px; max-width: 936px; height: auto; border: 1px solid #001180; border-radius: 5px;
margin: 15px 1% 15px 1%
}
.featur {display: block; float:left; width: 298px; height: auto; line-height: 1.2em; padding: 0px 5px; font-size: 1em
}
#colorind { float: left; width: 99%; max-width: 960px; min-width: 316px; height: auto; margin: 5px 0.5% 5px 0.5%; background-color: #001180;
 font-size: 1m; font: italic 1em arial, sans-serif; color: #ffffff; letter-spacing: 0.125em; text-align: left; padding-left: 0.125em
}
#colorind a {color: #ffffff; text-decoration: none
}
.polis { float: left; width: 308px; height: 40px; background-color: #f6f5f5; padding : 0px 0px 0px 12px; 
}

@media only screen 
 and (min-device-width : 320px) 
and (max-device-width : 480px){
	#colorind { font-size: 1.5em;
}
}
