@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500,300,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800);
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;font-size:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
ol,ul{list-style:none}
blockquote,q{ border-left:5px solid #ccc; background:#efefef; padding:20px; margin:20px; display:block; clear:both}
blockquote p { padding:0; margin:0;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-spacing:0;border-collapse:collapse}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
mark,ins{background:#fff9c0;text-decoration:none}
sup,sub{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}
img { height:auto; max-width:100%}
sup{bottom:1ex}
sub{top:.5ex}
small{font-size:75%}
big{font-size:125%}
figure{margin:0}
.container{max-width:970px;min-width:220px; padding:0 20px; position:relative; margin:0 auto;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
.container .row,.col{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.row{margin-bottom:1.5em}
.col{display:block;float:left;width:100%}
.col:first-child{margin-left:0; padding-left:0; border:none}
.row:after,.col:after,.clr:after,.group:after{display:block;height:0;clear:both;content:"";visibility:hidden}
@media (min-width: 767px) {
.col{margin-left:2%}
.span_1{width:6.5%}
.span_2{width:15%}
.span_3{width:23.5%}
.span_4{width:32%; }
.span_5{width:40.5%}
.span_6{width:49%}
.span_7{width:57.5%}
.span_8{width:66%}
.span_9{width:74.5%}
.span_10{width:83%}
.span_11{width:91.5%}
.span_12{width:100%}
}


table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px;border-bottom:1px solid #E3E4E5}
table th,table td{padding:8px;line-height:20px;vertical-align:top;border-top:1px solid #E3E4E5;text-align:center}
table th{font-weight:600;font-size:16px}
table td{font-weight:100;font-size:14px}
table thead th{vertical-align:bottom;text-align:left}
table .even{background:#FAFAFA}
table colgroup + thead tr:first-child th,table colgroup + thead tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td{border-top:0}
table tbody + tbody{border-top:2px solid #E3E4E5}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,.button,input{line-height:normal;*overflow:visible}
.btn{padding:10px 0;margin-bottom:10px;clear:both;display:block; text-align:center;}
.btn .button { font-weight:normal!important; text-decoration:none}
.button-inner { font-size:25px; display:block; padding:5px 0 0 0; font-weight:700}
.button-outer { font-size:15px; display:block; padding:0 0 5px 0 ; margin:5px 0 0 0; font-weight:300}
button,.button, input[type="button"],input[type="reset"],input[type="submit"]{ box-shadow: 0 -2px rgba(0, 0, 0, 0.2) inset; transition:all .15s ease-in-out; background:#555; color:#e6e6e6; border:none; display: inline-block;font-size: 17px; font-weight: 300; line-height: 21px; padding: 10px 24px; text-decoration: none!important; cursor:pointer; display:inline-block;  border-radius:3px }
button:hover,.button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,
button:focus,.button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,html input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active
{background:#222; color:#fff}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
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-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type=text],input[type=email],textarea{border:1px solid #ddd;}
input[type=text]:focus,input[type=email]:focus,textarea:focus{color:#333}
input[type=text],input[type=email]{padding:3px 10px; background-color:#fefefe;color:#888; box-shadow:0 2px 0 #eee;}
textarea{overflow:auto;padding:10px;vertical-align:top;width:100%; font:14px/1.7em Verdana, Arial, Helvetica, sans-serif; background-color:#fefefe;color:#888; box-shadow:0 2px 0 #eee;}
body,button,input,select{padding:0;margin:0; color: #585858; font-family: "Open Sans",sans-serif;  font-size: 17px; font-weight: 400; letter-spacing:0.2; line-height: 1.7;}
body{background:#3A3A3A}
h1,h2,h3,h4,h5,h6{font-family:"Roboto",sans-serif; color: #222; font-weight: 700; line-height: normal;  margin: 1em 0;	}
h1{font-size:28px}
h2{font-size:24px;}
h3{font-size:24px;}
h4{font-size:20px}
hr{background-color:#eee; border:0; height:1px; margin:20px 0}
p{ margin:0 0 1.2em;}
ul,ol{margin:0 0 20px 30px}
ul{list-style: inside}
ol{list-style:decimal}
ul ul,ol ol,ul ol,ol ul{margin-bottom:0;margin-left:1.5em}
dt{font-weight:700}
dd{margin:0 1.5em 1.5em}
b,strong{font-weight:700}
dfn,cite,em,i{font-style:italic}
blockquote{}
address{margin:0 0 1.5em}
pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;font-size:15px;font-size:1.5rem;line-height:1.6;margin-bottom:1.6em;padding:1.6em;overflow:auto;max-width:100%}
a{color:#6DB900; transition:all .15s ease-in-out; text-decoration:none}
a:hover, a:active{color:#222}
.alignleft{display:inline;float:left;margin-right:20px;}
.alignright{display:inline;float:right;margin-left:20px}
.aligncenter{clear:both;display:block;margin:0 auto}

header{margin:0 auto; background:#222; padding:20px 0}
header a:hover { color:#2485db }
header .container{padding:0;margin:0 auto;position:relative}
header h1{color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,0.3);font-size:40px;line-height:40px; padding:20px 0; margin:0; font-weight: 900; display:block; text-align:center}


header #brand,header #brand img{display:block;margin:0 auto;text-align:center;max-width:100%}
img.avatar { border-radius:3px; float:left; margin:0 20px 0 0}
date{display:block;text-align:center;font-size:12px; color:#4C6F86}

#nav { background:#fff; border-bottom:2px solid #e5e5e5; }
.responsive-menu{display:block; margin:0; z-index:999; }
.responsive-menu ul{list-style:none;margin:0;position:relative; text-align:left}
.responsive-menu ul li{display:inline-block;margin:0;position:relative}
.responsive-menu ul li a{color:#585858;font-size:16px; font-weight:400;display:block;padding:15px 10px;transition:all .15s ease-in-out; text-decoration:none;}
.responsive-menu ul li a:hover, .responsive-menu ul li.current-menu-item a{ color:#FFA800 ; }

.responsive-menu ul li ul:after {content: '';	display: block;  position: absolute; left: 20px; bottom: 100%;	width: 0;height: 0;	border-bottom: 6px solid transparent;border-top: 6px solid transparent;	border-left: 6px solid transparent;border-right: 6px solid transparent;}
.responsive-menu ul li ul:after {border-bottom-color:#3A3A3A; }
.responsive-menu ul li ul{display:none;position:absolute;left:-9999px;z-index:999; padding:0;background:#3A3A3A;border-radius:3px; text-align:left; min-width:180px; margin:0}
.responsive-menu ul li:hover ul{display:block;left:0;top:auto}
.responsive-menu ul li ul li{margin:0; padding:0 10px;}
.responsive-menu ul li ul a, .responsive-menu ul li.current-menu-item ul li a{color:#e6e6e6;font-size:16px; display:block; width:100%; padding:0;line-height:40px; border:none}
.responsive-menu ul li ul a:hover,  .responsive-menu ul li.current-menu-item ul li a:hover{ color:#fff}
.responsive-menu ul li:hover:last-child ul{display:block;right:0;left:auto;top:auto}

.search-btn { display: block; margin:0 0 0 auto; padding:0; width:48px; height:48px; text-align:center; cursor:pointer; position:absolute; top:14px; right:0; background:url(img/search.svg) 0 0 no-repeat; background-size:32px 32px;}
.search-box { display:none}
.search-box.expand { display:block;  max-width:220px; margin:0 0 0 auto; position:absolute; top:12px; right:20px}
.search-box #s { display:inline-block}
.search-box #searchsubmit {display:none}

#home { background:url(img/home.jpg) 50% 50%; background-size:cover; background-position:fixed; padding:60px 0; margin-top:0; margin-bottom:20px; color:#fff; font-size:20px; line-height:30px; border-top:30px solid rgba(0, 0, 0, 0.6); border-bottom:30px solid rgba(0, 0, 0, 0.6)}
#home h1 { color:#FFA800; margin:0 0 10px 0}
#home .widget { padding-left:30%;}
#home .textwidget {background:rgba(0, 0, 0, 0.6); padding:20px; border-radius:3px }
#home a.call-button {background:#2485db;color: #fff; display:inline-block; text-align:center; font-size: 17px; font-weight: 600; line-height: 22px; margin:10px 0 0 0; padding:10px 24px; text-decoration: none!important; border-radius:3px; text-shadow:1px 1px 0 rgba(0,0,0,0.2); min-width:240px; box-shadow: 0 -2px rgba(0, 0, 0, 0.2) inset; transition:all .15s ease-in-out; }
#home a.call-button:hover {  background:#FF9800;  color:#fff; }
#home-widgets { margin-bottom:20px}
h2.home { text-align:center; font-size:30px}
#primary .row { margin-bottom:0}
#primary {padding:20px 0; margin-bottom:0; background:#F1F1F1}

#blog-box {}
#blog-box h2 { font-size:20px; line-height:24px; margin:10px 0; font-weight:500; max-height:48px; overflow:hidden}
#blog-box .span_4 { background:#fff; border:2px solid #e5e5e5; padding:20px; border-radius:3px; margin-bottom:20px}
#blog-box .span_4:nth-child(3n+1) { margin-left:0;}

#blog-box .image { margin:-20px -20px 0 -20px; }
#blog-box .image img { border-radius:3px 3px 0 0 }
#blog-box .date { margin-bottom:10px; color:#ccc; display:block; font-size:14px}
#blog-box p { margin:0}
#blog-box .read-more { margin:10px 0 0 0}

#tophost-box  { text-align:center}
#tophost-box .row { border-bottom:1px solid #eee; padding: 0 0 20px 0; margin:0 0 20px 0}
#tophost-box h2 { font-size:20px; line-height:24px; margin:10px 0; font-weight:500}
#tophost-box .image { vertical-align:middle; margin-top:20px}
#tophost-box .image img { border-radius:3px; border:1px solid #eee}
#tophost-box .image .logo { display:block}
#tophost-box .features ul { margin:0 0 0 40px; padding:0; text-align:left}
#tophost-box .features ul li { list-style:none; padding:0 0 0 30px; font-size:12px }
#tophost-box .features ul li {background:url(img/tick.svg) 0 50% no-repeat; background-size:24px 24px }
#tophost-box  .price { display:block; font-size:28px; font-weight:700; font-family:"Roboto"}
#tophost-box  .promo { display:inline-block; background:#eee; color:#040404; padding:0 15px; line-height:100px; border-radius:50%; border:2px solid #ccc}
#tophost-box .call { display:block; margin-top:20px}
#tophost-box a.call-button {background:#2485db;color: #fff; display:inline; text-align:center; font-size: 17px; font-weight: 600; line-height: 22px; margin:10px 0 0 0; padding:10px 24px; text-decoration: none!important; border-radius:3px; text-shadow:1px 1px 0 rgba(0,0,0,0.2); min-width:240px; box-shadow: 0 -2px rgba(0, 0, 0, 0.2) inset; transition:all .15s ease-in-out; }
#tophost-box a.call-button:hover {  background:#FF9800;  color:#fff; }

#primary .home-img{float:left;margin:0 20px 20px 0}
#primary .container{}
#category { margin-bottom:20px!important}
#title { display:block; padding:40px 0; text-align:center; margin:0; background:#123F5E; position:relative}

.content-inner { background:#fff; padding:20px; border-radius:3px; border-bottom:2px solid #e5e5e5}
.post-box { padding:0; margin-bottom:20px!important; padding-bottom:20px; border-bottom:1px solid #f6f6f6}
.post-box p { margin:0}
.review-img { margin:0 0 20px 0}
.review-img img {box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);border-radius:3px}

.wp-caption {max-width:980px!important}
.screen { display:block; position:relative; border-radius:3px}
.overlay { background:rgba(0, 0, 0, 0.6); color:#fff; padding:10px 0; position:absolute; left:0; bottom:0; width:100%; border-radius:0 0 3px 3px; vertical-align:middle; text-align:center}
.overlay .editor-rating { display:inline-block; max-width:200px; padding:0 0 0 20px; margin:0 10px 0 0;   
position: relative; top:5px; }
.overlay .editor { padding:0; font-size:18px; line-height:18px; display:block; text-align:center}
.overlay .rateit { line-height:14px; display:inline-block}
.overlay small { font-size:60%}
.featured-img { margin:0 0 10px 0; display:block; padding:0; max-width:600px;   }
.featured-img img {border-radius:3px}


.related-img { max-width:290px; margin-bottom:10px;  }
#related-posts { margin:20px auto; }
#related-posts .col {    background: #fff; border: 2px solid #e5e5e5; border-radius: 3px; padding: 20px;}
/*.review-post .screen img, .review-img .screen img { max-width:280px;}*/
.post-img {}
.post-img img, .rel-img img {border-radius:3px}

article { clear:both}
h2.title { padding:0; margin:0 0 1em 0 }
h2.title a {color: #222; text-align: left; padding:0; font-size: 24px; font-weight: 700;  line-height: 34px; text-decoration:none;}
h2.title a:hover { color:#FFA800}

h1.title { margin:0 0 10px 0}
.company { margin:0 0 20px 0; position:relative}
.dot { position:absolute; bottom:-5px; left:-5px; width:10px; height:10px; background:#eee; border-radius:50%}

.buttons { background:#f9f9f9; margin:0 -20px 10px -20px; text-align:center; padding:10px 0}
.buttons a.download {background:#FFA800;color: #fff; display:inline-block; text-align:center; font-size: 17px; font-weight: 600; line-height: 22px; margin:0; padding:10px 24px; text-decoration: none!important; border-radius:3px; text-shadow:1px 1px 0 rgba(0,0,0,0.2); box-shadow: 0 -2px rgba(0, 0, 0, 0.2) inset; transition:all .15s ease-in-out; }
.buttons a.download:hover {  background:#222;  color:#fff; }
.buttons a.preview {background:#6DB900;color: #fff; display:inline-block; text-align:center; font-size: 17px; font-weight: 600; line-height: 22px; margin:0; padding:10px 24px; text-decoration: none!important; border-radius:3px; text-shadow:1px 1px 0 rgba(0,0,0,0.2); box-shadow: 0 -2px rgba(0, 0, 0, 0.2) inset; transition:all .15s ease-in-out; }
.buttons a.preview:hover {  background:#222;  color:#fff; }
.btn25 { background:#8754A9; display:inline-block; color:#fff; border-radius:3px; padding:0 5px }
.btn30 { background:#EAB31D; display:inline-block; color:#fff; border-radius:3px; padding:0 5px }
.buttons .post-date { margin:0 0 0 10px;}


.host-box, .review-box, .intro-box, .host-box .start-button {-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}

.host-box { display:inline-block; max-width:640px;}

.img-box { text-align:center; padding:0; margin:0 0 10px 0; border-radius:3px; position:relative; max-width:600px;  }
.img-box img {box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);border-radius:3px}
.host-box .get-start {background:#3765AF; border:1px solid #273545;}
.host-box .get-start:hover {background:#f56332; border: 1px solid #d34125;}
.price-box { font-size:40px; line-height:50px; font-weight:600; background:rgba(0, 0, 0, 0.6); color:#fff; padding:10px 0; position:absolute; left:0; bottom:0; width:100%; border-radius:0 0 3px 3px }
.price-box span { font-size:12px; line-height:16px; font-weight:100; color:#ccc; clear:both; display:block}
.review-box { font-size:13px; line-height:20px; padding:12px 20px; margin:0 0 10px 0; border:1px solid #eee; border-radius:3px; display:block; }
.rate_1 { width:120px; display:inline-block; font-weight:bold}
.rate_star { padding:0 0 0 20px; font-size:14px}

.intro-box {  font-size:15px; line-height:1.8em; display:inline-block; vertical-align:top; position:relative; }
.intro-box h2 { font-size:25px!important; letter-spacing:-1px; margin:0 0 10px 0}
.intro-box .start-button {  margin-bottom:10px }
.intro-box .intro-text { margin-bottom:20px}
.intro-box ul { margin:0; padding:}
.intro-box ul li { list-style:none; padding:0 0 0 30px }
.intro-box ul li{background:url(img/tick.svg) 0 50% no-repeat; background-size:24px 24px }

.pros-cons { background:#fefefe; border:1px solid #eee; border-radius:3px; padding:20px; margin:0 auto 10px auto!important; max-width:640px}
.pros-cons ul { margin:0; padding:0}
.pros-cons ul li {list-style: none; padding:0; font-weight:100}
.pros-cons h3 { padding:0 0 0 40px; color:#273545; font-weight:100; line-height:32px; font-style:italic}
.pros-cons .pros h3 { background:url(img/procon1.png) 0 50% no-repeat}
.pros-cons .cons h3 { background:url(img/procon2.png) 0 50% no-repeat}

.steps { background:#fefefe; border:1px solid #eee; border-radius:3px; padding:30px; margin:0 0 20px 0!important}
.spt { margin:0}
.steps ol {border-left: 2px solid #3765AF; counter-reset: li-counter; list-style-type: none; margin:0 0 0 20px; padding:0 0 0 35px; position: relative;}
.steps ol > li { clear: both; margin-bottom: 30px; font-weight:bold; color:#3765AF; position: relative; font-size:18px}
.steps ol > li::before { background-color: #3765AF;  border-radius: 50%; color: #fff; content: counter(li-counter, decimal); counter-increment: li-counter; font-family: "Open Sans",sans-serif;   font-size: 15px!important; font-weight: bold;position: absolute; text-align: center;  height: 40px; width: 40px;line-height: 40px; left: -3.75em; top: -5px; z-index: 9;}
.steps ol > li:last-child { margin:0;}

.update-date { background:#164a6e; color:#257dba; border-radius:20px; padding:10px 20px; display:inline-block; margin:10px 0 0 0; font-size:16px; line-height:16px;}
.post-date {color:#ccc; padding:0; display:inline-block; margin-bottom:20px; font-size:16px; line-height:16px}
.post-date span { display:inline-block; margin:0 20px 0 0 }
.ssba { display:inline-block}
.share { display:block; text-align:center; margin:10px 0 0 0}

#related-posts h4{font-size:14px; line-height:18px; text-align:left; font-weight:100; margin: 10px 0 0 0}
#related-posts a {text-decoration:none}
h3#comments{margin-bottom:20px;font-size:16px;text-transform:uppercase}
#commentform { line-height:12px}
.commentlist{list-style:none;margin:20px 0 0 0;}
.commentlist .comment{margin:0 0 20px 0;padding:20px; border-radius:3px; position:relative;list-style:none;background-color:#fff;color:#888; border-bottom:2px solid #e5e5e5}
.commentlist .comment-author-Admin {margin:0 0 20px 0;padding:20px; border-radius:3px; position:relative;list-style:none;background-color:#f6f6f6;color:#888; border-bottom:2px solid #e5e5e5}
.commentlist .comment:last-child {}
.commentlist p { margin:0;}
.commentlist .comment .children{margin-top:0}
.commentlist .comment-author{float:left;margin-right:10px}
.commentlist .comment-author img{position:absolute;left:-50px;top:5px}
.commentlist .comment-author .says{display:none}
.commentlist .fn { font-size:16px; line-height:20px; font-weight:bold; margin:0 10px 0 0; display:inline-block}
.commentlist .comment-date a{ line-height:20px; display:inline-block}
.author { font-size:20px}
.comment-meta{font-size:12px;margin-bottom:10px}
.comment-subscription-form,.comment-subscription-form{margin-bottom:0;font-size:14px}
#respond{margin-bottom:20px}
#respond > h3{}
#respond form label{color:#888; margin:0 0 10px 0; display:block;}
#respond-rating { float:right; margin-right:2%}
#comments .reply { font-size:11px; float:right}
#respond .comment-notes { font-size:11px; margin-bottom:20px}

#footer {color:#e6e6e6; background:#222; font-weight: 300; line-height: 22px; padding:0}
#footer-widgets { background:#333; padding:40px 0}
#footer-widgets .container { margin-bottom:0}
#footer-widgets h3.widget-title {  color: #f2f2f2; font-size: 17px; font-weight: 700;  letter-spacing: 0.2px;  text-transform: uppercase;}
#footer-widgets ul { margin:0;}
#footer-widgets ul li { list-style:none}
#footer-widgets ul li a{color:#e6e6e6; line-height:28px; text-decoration:none}
#footer-widgets ul li a:hover{color:#FFA800;}
#footer-info { padding-top:40px; padding-bottom:40px}
#footer-nav{display:inline-block; margin:0; z-index:999;}
#footer-nav ul{list-style:none;margin:0;position:relative; text-align:center}
#footer-nav ul li{display:inline-block;margin:0 2px 0 0;position:relative}
#footer-nav ul li a{color:#e6e6e6; display:block;padding:6px 10px;line-height:20px; transition:all .25s ease-in-out; text-decoration:none}
#footer-nav ul li a:hover {color:#FFA800}
#footer-site{ display:inline-block}


.gallery .gallery-item{margin-top:0!important}
.gallery img{border:none!important}
.hide-text{overflow:hidden;text-indent:100%;white-space:nowrap}
.clear{clear:both; display:block; height:1px; width:100%; background:#eee; margin-bottom:20px}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}
#pagination { clear:both; padding:0!important; display:block}
.paging-navigation{margin:20px 0 0 0; padding:0; text-align:center; display:block}
.paging-navigation .nav-previous a:hover,.paging-navigation .nav-next a:hover{text-decoration:none}
.blog-pagination{text-align:center;display:block}
.paging-navigation .nav-previous a,.paging-navigation .nav-next a,.blog-pagination a,.blog-pagination span{display:inline-table;padding:8px 10px;line-height:100%;margin:0 0 0 5px;font-size:12px;border-radius:2px;color:#fff!important;text-decoration:none;background:#ccc;}
.blog-pagination a:hover{text-decoration:none}
.blog-pagination .current,.blog-pagination a:hover,.paging-navigation a:hover{ background:#444444 }
#anchor {}
#searchform #s { width:100%; margin-bottom:10px}
#searchform label { display:none}

#sidebar {}
#sidebar h3 { margin:0 0 20px 0; font-size:20px}
#sidebar .widget { margin-bottom:20px; background:#fff; padding:20px; border-radius:3px; border-bottom:2px solid #e5e5e5}
#sidebar .widget:last-child { margin-bottom:0;}
#sidebar ul { margin:0; padding:0;}
#sidebar ul li { list-style:none; background:url(img/arrow2.svg) 0 50% no-repeat; border-bottom:1px solid #f6f6f6; background-size:18px 18px; padding:0 0 3px 24px }
#sidebar ul li a { text-decoration:none; color:#6db900}
#sidebar ul li a:hover { color:#222}
#sidebar p {}
#sidebar p:last-child { margin-bottom:0}

.read-more { display:inline-block; margin-top:10px}
	
.get-start { background:#FF9800; color: #fff; display:block; text-align:center; font-size: 17px; font-weight: 600; line-height: 22px; margin:10px 0 0 0; padding:10px 24px; text-decoration: none!important; border-radius:3px; text-shadow:1px 1px 0 rgba(0,0,0,0.2); min-width:240px; box-shadow: 0 -2px rgba(0, 0, 0, 0.2) inset; transition:all .15s ease-in-out; }
.get-start:hover { background:#2485db; color:#fff; }	
.start-button { display:block; text-align:center; margin:20px auto;}
.start-button .get-start { margin:0; display:inline-block}

#review-category .post {}
#review-box { background:#fff; display:block; z-index:999; padding:10px;}
.review-container { margin-bottom:20px}

.post-box .get-start { display: inline-block; margin:0; text-decoration: none!important; min-width:100px}
.review-link {  background:rgba(255,255,255,0.2);color:#fff; display: inline-block; text-align:center; font-size: 17px; font-weight: 300; line-height: 22px; padding:10px 24px; text-decoration: none!important; border-radius:3px; transition:all .15s ease-in-out;}
.review-link:hover {background:rgba(0,0,0,0.2); color: #b3b3b3; }
.more-link {  background:#eee; color:#585858; display: inline-block; text-align:center; font-size: 16px; font-weight: 300; line-height: 20px; padding:10px 20px; text-decoration: none!important; border-radius:3px; transition:all .15s ease-in-out;}
.more-link:hover { background:#2485DB; color:#fff}

code {  background: url("img/code.png") repeat 0 0;  border:1px solid #eee;  color: #666;  direction: ltr;  display: block;  font: 12px/19px Courier New, monospace;  margin:0;  overflow-x: visible; overflow-y: hidden;    padding: 19px 0 19px 20px;}

.jvers { background-color:#547A93;color:#ffffff; box-shadow:0 2px 0 #436277; display:inline-block; text-align:center; padding:0 10px; border-radius:3px }

/*  Tables
-------------------------------------------------------------- */
table { max-width: 100%;  background-color: transparent;  border-collapse: collapse;  border-spacing: 0;  width: 100%;  margin-bottom: 20px;  border-bottom: 1px solid #E3E4E5;}
table th,
table td { padding: 8px; line-height: 20px; vertical-align: middle; border-top: 1px solid #E3E4E5; text-align:center;}
table th { font-weight: 600; font-size:16px; line-height:40px }
table td { font-weight: 100; font-size:14px; }
table thead th { vertical-align: bottom; text-align: left;}
table .even { background:#FAFAFA; }
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {  border-top: 0;}
table tbody + tbody {  border-top: 2px solid #E3E4E5;}

table .start-button { display:inline-block;}
table .get-start { min-width:inherit}
.badge { background:#eee; color:#ccc; font-weight:bold; line-height:40px; width:40px; height:40px; display:block; text-align:center; border-radius:50%}
.badge.first { background:#3765AF; color:#fff;}
.price-mo { font-size:30px; line-height:40px; font-weight:600; color:#ccc}
.price-mo.first { color:#3765AF}
.price-mo small { font-size:14px; font-weight:100; display:inline-block}
.wp-caption-text { text-align:center; font-style:italic; font-size:11px; color:#999}
/*  Rating
-------------------------------------------------------------- */
.rating_total:hover { cursor: auto!important; font-weight:normal!important;}
.comment-awaiting-moderation { border-radius:3px; padding:10px 20px; background:#d9edc2; border:1px solid #b2ce96; color:#222}
.latest-post-selection, .latest-post-selection * { background:none; margin:0; padding:0;}
small.rating { margin:0 0 0 6px}

#scrolltop { background:url(img/scrolltop.png) 50% 50% no-repeat; background-color:#3A3A3A; border-radius:50%; width:36px;height:36px;white-space:nowrap;cursor: pointer;opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); bottom:20px!important; right:20px!important;}
#joomla { font-size:14px; color:#666; margin-bottom:20px}
@media (max-width: 980px) {}

@media (max-width: 767px) {
header{padding:10px}
header hgroup{width:100%}
#home .widget { padding-left:40%;}
h2.title {margin-bottom:10px}
#title { padding:20px}
#related-posts { max-width:320px; margin:0 auto;  padding:20px!important}
#review-box { padding-right:0;}
.col {  padding:0; margin-bottom:20px}
.clear { height:0; margin:0; padding:0;}
article { margin-bottom:20px!important; padding-bottom:20px!important; border-bottom:1px solid #eee!important}
.button.large { position:relative!important; top:10px!important; left:0!important;}
.responsive-menu ul{margin:0 auto;text-align:center}
#footer-info { text-align:center}
}

@media (max-width: 480px) {
.responsive-menu{margin:0; z-index:999}
.responsive-menu ul{list-style:none;margin:0;position:relative; text-align:center}
.responsive-menu ul li{display:inline-block; width:49%; margin:0 0 10px 0;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
.responsive-menu ul li:nth-child(even) { border-left:1px solid #eee}
.responsive-menu ul li a{font-size:16px;display:block;padding:10px 15px;line-height:18px; }
#home .widget { padding-left:10%;}
.host-box { display:block}
.intro-box .get-start { max-width:480px; min-width:150px}
.review-img, .featured-img { max-width:100%; margin:0 0 20px 0}
.menu-btn { display: block; margin:0 auto 0 0; padding:20px 0; width:20px; text-align:center; cursor:pointer;}
.menu-btn span { display: block; width: 20px; height: 3px; margin: 4px 0; background: #222;	z-index: 99;}
.responsive-menu{display: none;}
.expand {display: block !important; }
}