.infohtml, body{max-width:100%; margin:0; height:auto; background-color:#FFFFFF;color:#383838;}

body{ padding-bottom: 40px; font-family:calibri; font-size:18px; line-height:1.5em;}

a { text-decoration:none; color:#000; }
a:hover, a:focus {  color:#000; text-decoration:underline; }

p { margin-bottom:15px; margin-top:0;}

img { max-width:100%; }	
img,a { outline:none !important; }	

section h3, section h4, section h5, section h6 { padding: 0;clear: both;line-height: 1.2em; margin-top: 2em; margin-bottom: 30px;} section h3{ font-size:2em;} section h4{ font-size:1.5em;} section h5{ font-size:1.3em;} section h6{ font-size:1.1em;} 

section table{	 border:0; margin: 18px 0 18px;}
section table td, section table th{	text-align:left;padding: 10px 10px 10px 3px;}
section table th{font-weight: 900;}

section{margin-top:50px;}

img{height:auto !important;}
iframe{	max-width:100% !important;}

hr.notop{margin-top:3px;}

#documenter-cover{ min-height: 600px;}
#documenter_nav {float: none; margin: 0; padding: 0; height: 600px;}

.navbar .nav li a{border-radius:3px;display:block;white-space:nowrap;padding:6px 11px 7px;max-width:100px;overflow:hidden;text-overflow:ellipsis;text-decoration:none;margin-left: 3px; 	margin-bottom: 3px;}
.navbar .nav li ul{border-radius:5px;display:none;position:absolute;list-style-type:none;min-width:100px;padding:3px;box-shadow:0 0 3px rgba(0,0,0,0.3);}
.navbar .nav > li:hover ul{display:block;}

.nav {padding-left: 0;margin:0;list-style: none;  } 
.nav .active ul {display: block;max-height: 400px;overflow-x: auto;  } 
.nav ul { list-style: none;padding: 0;display: none;  } 
.nav ul li a {padding-left: 30px;font-size: 13px;  } 

@media (max-width: 979px) {
	#documenter_content{padding-top: 0px;	}
	.navbar .nav {	margin: 10px 10px 0 0; }
	.navbar .nav > li > a{padding:6px 11px 7px;	max-width:100%;	overflow:hidden;text-overflow:ellipsis;}
	.navbar .nav li ul{	display:none;box-shadow:none;position:static;}
	.navbar .nav li:hover ul{display:block;}
	.navbar .nav li ul li{	display:block;}
	.navbar .nav li a{max-width:100%;}
	section{margin-top:80px;}
}
@media (max-width: 480px) {
	section{margin-top:30px;}
}

/* home style */

section table{background-color:#FFFFFF;}
::-moz-selection{background:#444444;color:#DDDDDD;}
::selection{background:#444444;color:#DDDDDD;}
hr{border-top:1px solid #EBEBEB;border-bottom:1px solid #FFFFFF; margin:20px 0 25px;}
div.navbar-inner, .navbar .nav li ul{background:#DDDDDD;color:#222222;}
a.btn-navbar{background:#DDDDDD;color:#222222;}
.navbar .nav li a{color:#222222;text-shadow:1px 1px 0px #EEEEEE;}
.navbar .nav li a:hover, .navbar .nav li.active a{text-shadow:none;}
div.navbar-inner ul{}
.marketing-byline{color:#FFFFFF;}
.navbar .nav > li a{color:#fff; text-shadow:none;}
.navbar .nav > li a:hover, a.btn-navbar:hover{background:#084046;color:#fff;}
.navbar .nav .active > a, .navbar .nav .active > a:hover, a.btn-navbar:active{background-color:#084046;color:#fff;}
.navbar .nav li ul li a:hover{background:#444444;color:#DDDDDD;}
.navbar .nav li ul li a:active{background:#444444;color:#DDDDDD;}


#documenter_sidebar { position:fixed; left:0; top:0; width:350px; height:100%; background:#f5f5f5;  z-index:999; }
h1.logo { background-color:#000;  text-align:center; margin:0; height: 65px; display: flex;  align-items: center; }

#documenter_nav { float:none; margin:0; padding:0; height:600px; }
#documenter_nav li {  list-style:none; border-bottom:1px solid #ddd;}
#documenter_nav li>a { display:block; margin:0; padding:8px 20px; font-size:14px; font-family:arial; display:block; max-width:100%; color:#000; list-style:none; text-decoration:none;}
#documenter_nav li a.current { background:#d67272; color:#fff; }
#documenter_nav li li:last-child { border:none; }
#documenter_nav li.active > a {background: #d67272;color: #fff;outline: none;  }

#documenter_content { left:350px ; position:absolute; padding:60px 60px 700px;  }

#documenter_content > section { margin:0;padding-top:50px;}

span.step { display:inline-block; line-height:20px; height:20px; width:20px; background:#e98602 ; color:#fff; text-align:center; margin-right:10px; font-size:12px;}

.mt50 { margin-top:50px; }

h2 { font-size:35px; color:#000; font-weight:500; margin-top:0;}

section h3 { font-weight:600; font-size:20px; margin-top:0; color:#000; } 
section h4 { font-size:20px; font-weight:500;  }

.highlight { font-size:20px; font-weight:500; color:#d67272; background: #fff1d2; padding: 15px 25px; display: inline-block;}

.info  { margin:10px 0 40px; background:#f2f8ff; color:#40648d; font-size:18px !important; display:inline-block; clear:both;  padding:15px 25px; }
.info span {display:block; font-weight:700; padding-bottom:5px;}

.textarea { resize:none; border:1px solid #ddd; border-radius:5px; padding:20px;  overflow:hidden; height:1050px; width:80%; clear:both; }
#documenter_nav ol { list-style:none; padding:0; height:auto !important; }
#documenter_nav ol li a { padding-left:30px; font-size:13px; }

.themeSettings { max-height:250px; overflow-y:auto !important; }

code { color:#076eb1; background:#d1ecf1; padding:10px 20px; border-radius: 3px; display: inline-block; margin-bottom: 25px; font-size:17px;}
code a,code a:focus,code a:hover { color:#076eb1; transition-duration:0.2s;}

.dispaly-table { display:table; vertical-align:top;} 
.dispaly-table-cell { display:table-cell; vertical-align:top; padding-right:10px;} 
.dispaly-table-cell p { margin:0 0 10px 0; }

.top-bar { width:100%; height:65px; padding:0 60px; width:100%; color:#fff; position:absolute; top:0; left:0; z-index:99; box-sizing:border-box; text-decoration:none; display: flex;
  align-items: center;  justify-content: space-between;}
.top-bar a { color:#000; font-size:25px; font-weight: 600; }
.top-bar a:hover {text-decoration: none; opacity: 0.8;}
.top-bar h2 { margin: 0;}
#documenter_sidebar .logo a { background-color: #000; padding: 6px; text-align: center;margin: 0 auto; max-width:102px; display:block;}


.right-buttons { display: flex; align-items: center; margin-top:10px;}
.right-buttons a {transition: all 0.3s ease-in-out 0s;  text-decoration: none; color: #fff; font-size: 15px; font-weight: 600; background: #000; margin: 0 5px; padding: 5px 20px;
  border-radius: 30px; }
.right-buttons a:hover { background:#df3333 ; }

#documenter_content>section.welcome {  padding:60px; background:#f5f5f5;  margin-top: 50px; border-radius: 10px; }
#documenter_content>section.welcome h3 { color:#000; font-size:25px; font-weight:600; margin:0 0 15px; letter-spacing:0.5px; text-transform:uppercase; }
.welcome-text { color:#000; font-size:17px; line-height:25px; padding:0 60px; margin-bottom:30px; }
.welcome-text a { color:#d67272; }

.copytext input { width:300px; }

.btn-watch { background:#df3333 url(../images/arrow.png) no-repeat 83% 50%; color:#fff; font-size: 15px; padding: 8px 50px 10px 20px; text-decoration:none; border-radius:25px; transition-duration:0.2s; display: inline-block;}
.btn-watch:hover, .btn-watch:focus {text-decoration:none; background-color:#d12525; color:#fff;}
.btn-watch img {width:10px; margin-left:5px; vertical-align:sub;}

ul.steps {padding: 0 0 20px 20px; line-height: 30px; font-size: 17px;}
.steps h3 { margin-bottom: 20px;}
.inside ul{ padding-bottom: 30px;}

.fl { display:flex;}
.jcsb { justify-content: space-between;}
.freestore { min-width:350px; padding-left:50px; margin-left: 20px;}
.freestore img {border-radius: 10px; width: 350px; margin-bottom: 20px;}

#whyAvone h3 { margin-bottom:15px;}
#whyAvone h3 + p { margin-bottom: 30px;}

#documenter_content .border {padding: 5px; border-radius: 5px; border: 1px solid #ddd}