/*!normalize.css v1.1.0 | MIT License | git.io/normalize */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html,button,input,select,textarea{font-family:sans-serif;}a:focus{outline:thin dotted;}
a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}h2{font-size:1.5em;margin:.83em 0;}
h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:.83em;margin:1.67em 0;}
h6{font-size:.67em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}
blockquote{margin:1em 40px;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}p,pre{margin:1em 0;}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:'';content:none;}
small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}sub{bottom:-0.25em;}dl,menu,ol,ul{margin:1em 0;}dd{margin:0 0 0 40px;}
menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}
img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:0;}
form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em;}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}
button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}

/* Structure */
body {
    background:url(../images/sobg.jpg) no-repeat top center; 
	-webkit-background-size: cover;  
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
	background-attachment: fixed; 
	padding:0; 
	margin:0;
    /*background: rgba(0, 0, 0, 0.85);*/
  }
 
 p {
	 font-family: 'Noto Sans', sans-serif;
 }
  
img{max-width: 98%;height: auto;}
  
a {text-decoration: none;border-bottom: 1px dotted #ccc;color: blue;}
a:hover {text-decoration:none; border-bottom: 1px dotted blue;}

#header {
	height:auto;
	padding:0;
	margin: 0 auto;
  	width: 100%;
	text-align:center;
	border-radius:12px 12px 0 0;
}

#header h1{display:none;}
#header a{border:none;text-decoration:none;}
#header a:hover{border:none;text-decoration:none;}
  
#wrapper {
  padding: 0;
  background:#fff;
  margin: 6% auto 1% auto;
  width:775px;
  max-width: 90%;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
  border: 1px solid #ddd;
}
.progress {margin:2% auto;width:85%;}
  
#article{padding:2% 5%;font: 1em/1.5 'Noto Sans', sans-serif;}

.arrow {max-width:50%;min-height:64px;height:auto;margin-left:10%;background:url(../images/arrow.png) no-repeat;}

ul {margin:0;padding:0;width:90%;}

li {
background:url(https://nitrilean.com/img/bg_check.png) no-repeat 0;
padding:7px 0 7px 36px;
list-style:none;
overflow:hidden;
font-weight:700;
}
  
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
	height: 0; 
	overflow: hidden;
}

.video-container iframe,.video-container object,.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	max-width:100%;
}

img.promoimage{float:left; margin:3% 5% 3% 0; width:225px; height:auto; max-width:96%;}
img.promoimage a{text-decoration:none;border-bottom:none;}
img.promoimage a:hover{text-decoration:none;border-bottom:none;}

img.promoimageright{float:right; margin:0 0 1em 2%; border: 1px solid #ccc; padding:3px; width:300px; height:auto; max-width:96%;}
img.promoimageright a{text-decoration:none;border-bottom:none;}
img.promoimageright a:hover{text-decoration:none;border-bottom:none;}

#bluebox {
padding:3% 5%;
width:90%;
margin: 2% auto 20px auto;
background:#F0F8FF;
border: 1px solid #efefef;	
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}

#sharebox {
text-align:center;
padding:2% 3%;
width:550px;
max-width:90%;
margin: 2% auto 20px auto;
background:#F0F8FF;
border: 1px solid #efefef;	
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}

#features p {margin-bottom:3%;}
#features img {margin-right:3%;float:left;}

.input {padding: 10px;
font-size: 18px;
border: 1px #efefef solid;
width: 290px;
max-width: 90%;
margin-bottom:10px;}

#footer{
	background: transparent;
	color: #c7c7c7;
	padding:20px 0 20px 0;
	margin: 5px auto 0 auto;
  	max-width:800px;
  	text-align:center;
    overflow:hidden;
}
#footer p {font-size:11px;}
.space3 {margin-top:3%;}
.space5 {margin-top:7%;}
#footer a{color:#000;text-decoration:none; border-bottom: 1px dotted #ccc;}
#footer a:hover{color:#000;text-decoration:none; border-bottom: 1px dotted #000;}

/* Page typography */

p{font: 16px/1.5 'Noto Sans', sans-serif;font-weight:400;}
h1 {font-size: 34px;font-weight: 700;letter-spacing: -1px;margin-bottom:10px;
line-height: 46px;text-align: center;text-transform:uppercase;}
h2 {font-size: 28px;margin-bottom:20px; font-weight: 600;line-height:130%;letter-spacing:-1px;}
h6 {font-size: 25px;margin-bottom:20px; font-weight: 600;line-height:130%;letter-spacing:-1px;}
h3 {font-size: 19px;margin-bottom:5px;font-weight:400;line-height:1.4em;letter-spacing:-1px;color:#474747;}
h4 {font-size:20px;margin-bottom:5px;line-height:1.2em; font-weight:600;}
#footer p{font-size:13px;padding: 0 5%; font-weight:400;}
.blue {color:#0063ad;}
.red {color:#cc0202;}
.center {text-align:center;margin:0 auto;}
.section_title span {background:#fff;padding:0 20px 0 20px;}
.button-wrap {text-align:center;margin:3% auto;}
.myButton {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #fef33d 5%, #fff222 100%);
	background-color:#fff222;
	border-radius:6px;
	border:3px solid #0012f8;
	display:inline-block;
	cursor:pointer;
	color:#0012f8;
	font-family:Arial;
	font-size:24px;
	line-height:130%;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	margin:1% auto 1%;
}
.myButton a {
	border-bottom:none;
	text-decoration:none;
}
.myButton:hover {
	background:#f8ec1e;
}
.myButton:active {
	position:relative;
	top:1px;
}
.decline {
	padding:4px;
	border-radius:5px;
	width:75%;
	max-width:400px;
	background:#000;
	opacity:.70;
	color:#fff;
	font-size:18px;
	margin:4% auto 2%;
	text-align:center;
}
.decline a {
	text-decoration:none;
	border-bottom:none;
	color:#fff;
}
.decline a:hover {
	text-decoration:none;
	color:#fff;
}

.decline2 {
	color:#0078ff;
	font-size:12px;
	margin:4% auto 2%;
	text-align:center;
}
.decline2 a {
	text-decoration:none;
	border-bottom:none;
	color:#0078ff;
}
.decline2 a:hover {
	text-decoration:none;
}
	
	/* Landscape phones and down */
	
@media (max-width: 900px) { 
img.promoimage {margin: 1em;max-width: 40%;width:40%;}
h1 {font-size: 32px;}
h2, h6 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}
}
	
@media (max-width: 800px) { 
img.promoimage {float: none;max-width:100%;width:100%; margin:0 auto;}
h1 {font-size: 28px; line-height:30px;}
h2, h6 {font-size: 24px;}
h3 {font-size: 19px;}
h4 {font-size: 18px;}
.myButton {margin-top:3%;font-size:22px;}
.decline2 {font-size:16px;line-height:115%;}
#footer p {font-size:11px;line-height:125%;}
}

/* Portrait */
@media (max-width: 550px) { 
img.promoimage  {border: 0 none;float: none;margin: 0 0 1em 0;width: 98%;clear:both;}
h2,h6 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 16px;}
p {font-size:16px;}
.myButton {font-size:18px;}
.decline2 {font-size:14px;}
}