/*Luu y: CSS nay dung chung voice-over-download.htm va voice-changer.htm*/

@font-face {
	font-family: 'icomoon';
	src:url('//cdn.audio4fun.com/css/vcsd9/fonts/icomoon.eot?tn4yj');
	src:url('//cdn.audio4fun.com/css/vcsd9/fonts/icomoon.eot?tn4yj#iefix') format('embedded-opentype'),
		url('//cdn.audio4fun.com/css/vcsd9/fonts/icomoon.ttf?tn4yj') format('truetype'),
		url('//cdn.audio4fun.com/css/vcsd9/fonts/icomoon.woff?tn4yj') format('woff'),
		url('//cdn.audio4fun.com/css/vcsd9/fonts/icomoon.svg?tn4yj#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
	font-family: 'Roboto', sans-serif;
}
body, html {
	font-family: 'Roboto', sans-serif;
	font-size:12pt;
	font-weight:300;
	line-height:150%;
	color:#3d3d3d;
	width:100%;
}

div#download-text {
    font-size: 10pt;
    line-height: 150%;
    margin: 10px auto;
    margin-top: 20px;
    text-align: center;
    border: dashed 1px #CCC;
    padding: 10px;
    background-color: #FAF9E7;
}
.clear, .clrfix {
	clear:both;
}
a, a:visited{color:#1e389b; text-decoration:none; cursor:pointer;}
a:hover{text-decoration:underline;}
.midle{width:1000px; margin:0 auto;}
#content_wrap{
	max-width:1000px;
	margin:0 auto;
	position:relative;
}
#top_bar {
	height:35px;
	background:#eee;
	border-bottom:1px solid #dcdcdc;	
}
.price-off {
     color: #b4b6ba;
	font-size:13.5pt;
}
span.price-off {
 color:#ff8502;
 font-size:22pt;
 font-weight:bold;
}
#fb-like{
	position:absolute;
	top:3px; left:70px;
}
#lang{position:absolute; top:6px; right:0px; font-size:10pt; width:80px; background:url(//www.audio4fun.com/player/images/arrow-down-icon.png) 70px 9px no-repeat; cursor:pointer; z-index:3;}
#lang img{vertical-align:middle;}
#lang ul{padding:0; margin:0; list-style:none; position:absolute; top:30px; z-index:2; background-color:#FFFFFF; border-top:none; box-shadow:0px 0px 5px #CCC; display:none;}
#lang ul li{display:block; padding:2px 10px; padding-left:27px; border-bottom:solid 1px #EEE;}
#lang ul li a{font-size:9pt; color:#000000; text-decoration:none;}
#lang ul li:hover{background-color:#000000 !important;}
#lang ul li:hover a{color:#FFFFFF;}
#lang ul li.en{background:url(//www.audio4fun.com/images/flag/en.gif) 5px 7px no-repeat;}
#lang ul li.span{background:url(//www.audio4fun.com/images/flag/es.gif) 5px 7px no-repeat;}
#lang ul li.fran{background:url(//www.audio4fun.com/images/flag/fr.gif) 5px 7px no-repeat;}
#lang ul li.ita{background:url(//www.audio4fun.com/images/flag/it.gif) 5px 7px no-repeat;}
#lang ul li.deu{background:url(//www.audio4fun.com/images/flag/de.gif) 5px 7px no-repeat;}
#lang ul li.japan{background:url(//www.audio4fun.com/images/flag/jp.gif) 5px 7px no-repeat;}
#lang ul li.chinese{background:url(//www.audio4fun.com/images/flag/chs.gif) 5px 7px no-repeat;}
#lang ul li.korea{background:url(//www.audio4fun.com/images/flag/kr.gif) 5px 7px no-repeat; border-bottom:none;}
td.swiper-td{padding-left: 6%; padding-right: 6%; font-size: 15pt; line-height: 150%;  font-weight: 300; padding-bottom: 4%;}
td.swiper2-td {padding-left: 6%; padding-right: 6%; font-size: 15pt; line-height: 150%;  font-weight: 300; padding-bottom: 4%; padding-top:2%;}
img.swiper-img{margin-bottom:4%;}
#page-logo{position:absolute; top:10px; left:0;}
.nav {font-size:12pt;}
.nav ul {list-style:none;display:block; height:25px; line-height:25px; padding:20px 0; margin-bottom:20px;}
.nav ul li {display:block;color:#737373;font-size:0.9em;float:left;}
.nav ul li:last-child:after {content:"";}
.nav ul li:first-child:before {padding-left:0;}
.nav ul li:before {	content:"";	padding-left:15px;}
.nav ul li:after {content:"/";padding-left:15px;}
div.mpm-whatnew{}
div.mpm-whatnew #content_wrap{border: 1px solid #dddddd; padding:25px 0;}
div.mpm-whatnew h1{font-size:25pt; font-weight:300; text-align:left; margin-bottom:20px;}
div.mpm-whatnew h1 a{text-decoration:none; color:#000000;}
div.mpm-rating{height:22px; margin-bottom:20px; width:100%; float:left;}
span.mpm-specifications{margin:10px 0; font-size:11pt; font-style:italic; cursor:pointer; display:block; width:160px; background:url(//cdn.audio4fun.com/images/show-hide-bg.png) 145px 5px no-repeat;}
span.mpm-specifications-active{background-position:145px -23px;}
table#mpm-specifications{font-size:10pt; font-weight:400; margin-bottom:15px; font-weight:500; line-height:120%; display:none;}
table#mpm-specifications td{text-align:left; padding:5px 10px; vertical-align:top;}
table#mpm-specifications td.title{padding-left:0;}
div.stripe_cont h2 {font-size:30pt;	font-weight:100;text-align:center;padding-bottom:70px;line-height:130%;}
h3{ font-weight: 500;font-size: 15pt;padding-bottom: 0px;line-height: 130%;}
h1 {font-size: 30pt;font-weight: 100;text-align: center;margin-left: 0; margin-right: 0;margin-top: 0;line-height: 120%;}
h2.expandElement:hover { cursor:pointer; color:#CCC; }
.left {	float:left;}
.right {float:right;}
.text {	width:42%;	}
.img {width:55%;padding-top:30px;}
.stripe_cont {	padding-top:70px;}
.stripe_cont ul {padding-top:10px;padding-left:15px;}
.stripe_cont img {line-height:0;font-size:0;}
.stripe_cont:nth-child(even) {background:#e9f3f6;}
a:hover {opacity:1;}
ul li.topmenu a { text-decoration:none; font-weight:400; color:#5e5e5e;}
ul li.topmenu a:hover { text-decoration:none; color:#4b60af;}
ul li.botmenu a {text-decoration:none;}

div#sound-demo table td{padding:0px 10px; padding-bottom:20px;}
div#sound-demo table td.title{padding:0 10px;}
div.on-off-switch{width:68px; height:32px; background:url(//www.audio4fun.com/player/images/on-off-switch.png) right no-repeat; overflow:hidden; cursor:pointer;}
div.play-switch{width:72px; height:40px; background:url(//www.audio4fun.com/player/images/play-bg-switch.png) right no-repeat; overflow:hidden;} 
div.play-active{background-position:left;}

/* Screenshot */

div#scroll-image{margin:0; position:relative; width:100%}
div#scroll-image div.list-image{background-color:#FFFFFF; width:900px; height:713px; max-width:100%; padding:0; margin:0 auto; overflow:hidden; position:relative;}
div#scroll-image ul{display:block; position:absolute; width:12000px; padding:0;}
div#scroll-image ul li{display:block; float:left; width:900px; text-align:center; max-width:100%;}
div#scroll-image span.slide-nav{display:block; position:absolute;     top: 44%; width:26px; height:40px; cursor:pointer; background:url(//www.audio4fun.com/player/images/slide-nav.png)}
div#scroll-image span.pre{left:10px; background-position:left; z-index:5;}
div#scroll-image span.next{right:10px; background-position:right;}

#nav-scroll-bar{height:60px; width:100%; border-bottom:solid 1px #dddddd; position:fixed; top:0px; background-color:#FFFFFF; z-index:1000; display:none; opacity:0.95;}
#nav-scroll-bar div.midle{position:relative;}
#nav-scroll-bar h2{font-size:15pt; font-weight:400; margin:0; padding:0; line-height:60px; float:left; margin-right:20px;}
#nav-scroll-bar ul{margin:0; padding:0; list-style:none;}
#nav-scroll-bar ul li{display:inline-block; padding:0 10px; line-height:60px; cursor:pointer;}
#nav-scroll-bar ul li.active{border-bottom:solid 2px #257ca9; color:#257ca9;}
#nav-scroll-bar ul li:hover{color:#257ca9;}
#nav-scroll-bar #download-btn{display:block; position:absolute; right:0px; top:13px; color:#FFFFFF; text-transform:uppercase; border-radius:4px; background-color:#257ca9; padding:5px 15px;}

#back-to-top{width:49px; height:49px; cursor:pointer; position:fixed; right:20px; bottom:20px; background:url(//www.audio4fun.com/player/images/scroll-top.png); z-index:1;}

a.vsb-demo:hover{background-position:right;}

.ui-loader{display:none;} 
div.btn-dowloand-top {float:right; margin-top:-80px;}
div.responesive-top{display:none;}
#nav-scroll-bar-vcsd{height:75px; width:100%; border-bottom:solid 1px #dddddd; position:fixed; top:0px; background-color:#FFFFFF; z-index:1000; display:none; opacity:0.95;}
#nav-scroll-bar-vcsd div.midle{position:relative;}
#nav-scroll-bar-vcsd h2{font-size: 17pt;font-weight: 400;margin: 0;padding: 0;line-height: 0px;    /* float: left; */ margin-right: 17px;margin-top: 27px;}
#nav-scroll-bar-vcsd ul{margin:0; padding:0; list-style:none;}
#nav-scroll-bar-vcsd ul li{display: inline-block;    padding: 1px 10px;    line-height: 60px;   cursor: pointer;  margin-left: -9px;}
#nav-scroll-bar-vcsd ul li.active{/*border-bottom:solid 2px #257ca9;*/ color:#257ca9;}
#nav-scroll-bar-vcsd ul li:hover{color:#257ca9;}
#nav-scroll-bar-vcsd #download-btn{display:block; position:absolute; right:0px; top:-13px; color:#FFFFFF; text-transform:uppercase; border-radius:4px;  padding:5px 15px;}
span.gach { margin-right:9px;}
div.vcsd-whatnew{background:url(//cdn.audio4fun.com/css/vcsd9/images/bg-vcsd.jpg) ; background-size: cover;-webkit-background-size: cover;     -moz-background-size: cover;  -o-background-size: cover;}
div.vcsd-whatnew #content_wrap{ padding:37px 0;}
div.vcsd-whatnew h1{font-size:27pt; font-weight:300;  margin-bottom: 10px; color:#ffffff;line-height: 120%; text-align:center; margin-top:70px; }
div.vcsd-whatnew h1 a{text-decoration:none; color:#000000;}
p.almost{    color: #ffffff;    font-size: 30px;    line-height: 120%;    text-align: center;   margin-top: 90px;    margin-bottom: 34px;}
p.morhp { color:#ffffff; font-size:21pt; line-height:180%; text-align:center; font-weight:100;}
p.slogan {font-variant: all-small-caps; line-height:120%; margin-bottom: 22px;}
p.vcsd-content {line-height:150%; margin-left:10px; margin-right:10px; margin-bottom:10px;}
span.vcsd-specifications {margin: 10px 0; font-size: 11pt; font-style: italic; cursor: pointer; display: block; width: 160px; background: url(//cdn.audio4fun.com/images/show-hide-bg.png) 145px 5px no-repeat;}
span.vcsd-specifications{margin:10px 0; font-size:11pt; font-style:italic; cursor:pointer; display:block; width:160px; background:url(//cdn.audio4fun.com/images/show-hide-bg.png) 145px 5px no-repeat; color:#ffffff;}
span.vcsd-specifications-active{background-position:145px -23px;}
td.title{ color:#ffffff;}
a.link { color:#ffffff;}
img.sample {
  
    -webkit-filter: drop-shadow(0 0 10px #29b3e6);
    filter: drop-shadow(0 0 10px #29b3e6);
}
.stripe_cont-vcsd {background:url(//cdn.audio4fun.com/css/vcsd9/images/bg-vcsd2.jpg) ;  background-size: cover;-webkit-background-size: cover;     -moz-background-size: cover;  -o-background-size: cover;}
div.section_one {position: absolute;    top: 33%; /*left: 7%;*/ left: 4.6%;}
div.section_two {	position: absolute; top: 10%; left: 44%;}
div.section_three {	position: absolute; top: 33%; left: 83%;}
div.section_four {	position: absolute; top: 67%; left: 44%;}
div.stripe_cont-vcsd #content_wrap {max-width: 1000px;margin: 0 auto;position: relative;}
p.totally{ color:#ffffff; text-align:center; padding-top:95px; font-size:35px; line-height:150%;}
p.easily { color:#ffffff; line-height:150%; font-size:12pt; margin-bottom:65px; font-weight:300;}
div.stripe_cont h2.vcsd { font-size: 30pt;font-weight: 100;text-align: center; padding-bottom: 20px;    line-height: 120%; padding-left:12%; padding-right:12%;}
p.certified{font-size:15pt; text-align:center; color:#000000; font-weight:400; padding-top:60px;}
p.content-siler {width: 830px; text-align: center;  margin-left: 100px; font-size: 15pt; color:#757575;
    line-height: 150%; padding-top:10px; font-weight:300;}
span.bg-so {background:url(//cdn.audio4fun.com/css/vcsd9/images/number.jpg); width:54px; font-weight:bold; color:#ffffff;background-position: 0px; margin-left:-8px;}	
img.phay {margin-left:-6px; margin-right:0px;}
p.button-experience { background: #18c014;border-radius: 31px; width: 258px;text-align: center; height: 30px; font-size: 21px;  padding: 5px;
    color: #ffffff;
    padding-top: 14px;}
div.voice-recorder{ border: 1px solid #cecece;   float: left;  height: 350px; width: 23%;  margin-top: 155px;    margin-right: 15px;} 
div.voice-recorder-left{ border: 1px solid #cecece;   float: left;  height: 350px; width: 23%;  margin-top: 155px;    margin-right: 2%; /*margin-left:15px;*/} 
div.top-content{margin-top:-90px;}
div.top-content2{margin-top: 20px;}
div.voice-over-editor{border: 1px solid #cecece; float:left;height: 350px; width: 23%;  margin-top: 155px; margin-right:2%;}	
div.voice-morpher{border: 1px solid #cecece; float:left;height: 350px; width: 23%;  margin-top: 155px; margin-right:2%;}	
div.file-morpher{border: 1px solid #cecece; float:left;height: 350px; width: 23%;  margin-top: 155px;}
span.show { border:1px solid #cecece; height:45px; font-size:20px; padding:5px 20px; border-radius:11px;}	
span.show a:hover { text-decoration:none;opacity:0.8;}	
div.vcsg{background: #ffffff; width: 49%;  float: left; margin-right:2%;   }
div.vcs{background:#ffffff; width:49%; float:left; }
h3.vcsg {font-weight: 400; font-size: 20pt; padding-bottom: 10px;  line-height: 130%;text-align:center; color:#3b3b3b; text-transform:none; margin: 0px 0;}
h3.voice {font-size:15pt; text-align:left; padding-bottom:0px; font-weight:500; /*margin-left:15px*/}
p.voice {text-align:left; font-weight:300; font-size:12pt; /*padding-right:20px;*/ margin-top: 10px; /*margin-left:15px;*/}
img.img-voice{ vertical-align:middle; margin-left:10px;}
div.full-feature table td.voice {    width: 318px;    padding: 10px 0px 10px;}
table.product-desc { font-size: 12px; color: #3d3d3d;}
span.product-bullet { background: url(//www.audio4fun.com/template/images/bullet.gif) left no-repeat !important;padding-left: 14px;}
table.product-desc td span {padding-left: 10px; background: url(//cdn.audio4fun.com/images/highlight-icon.gif) left no-repeat;}
div.stripe_cont h2.general {font-weight: 400;color: #3d3d3d;font-size: 15pt;text-align: left; margin-left: 20px; margin-top: 40px; padding-bottom:20px;}
table.product-info td.info {text-align: left;padding: 7px 21px;font-weight: 300; width: 130px; font-size:12pt;	}
div.full-feature table.product-info td.info2 {text-align: left; padding: 0; font-weight: 300; font-size:12pt;}
h2.totally {font-size: 30pt; font-weight: 100; text-align: center; padding-bottom: 20px;  color: #ffffff;  line-height: 120%; padding-top: 85px; padding-left: 4%; padding-right: 4%;}
ul.general_bullet{margin:0;	margin-left:20px;padding:0;}
ul.general_bullet li{list-style:none;padding:3px 0;;	padding-left:10px;	background:url(//www.audio4fun.com/template/images/bullet.gif) 0px 15px no-repeat;}
ul.general_bullet li a,ul.general_bullet li a:visited{color:#0066CC !important;}
div.stripe_cont h2.vcsd-count {  font-size: 30pt;  font-weight: 100;   text-align: center;   padding-bottom: 20px;   padding-top: 10px;}
a.show-list:hover { text-decoration:none;}
p.natural{font-size:12pt; font-weight:300; margin-left:10px;}
img.voice-morpher {    position: relative;    top: -95px; left:0px;}
img.voice-over-editor {    position: relative;    top: 0px;    left: 32px;}
div#scroll-image ul li{ display: flex; align-items: center; justify-content: center; height: 713px; }
ul.screenshot-menu{list-style: none; text-align: center; margin-bottom: 35px;}
ul.screenshot-menu li{display: inline-block; height: 26px; line-height: 26px; padding: 0px 12px; border-radius: 20px; margin: 5px 0px; margin-right: 5px; border:solid 1px #dcdcdc; cursor: pointer; font-size: 10pt;}
ul.screenshot-menu li:hover, ul.screenshot-menu li.active{background-color: #1c73a0; border-color: #1c73a0; color: #fff;}
div#scroll-image-top{margin:0; position:relative; width:100%}
div#scroll-image-top ul li{ display: flex; align-items: center; justify-content: center; height: 713px; }
ul.screenshot-menu-top{list-style: none; text-align: center; margin-bottom: 35px;}
ul.screenshot-menu-top li{display: inline-block; height: 26px; line-height: 26px; padding: 0px 12px; border-radius: 20px; margin: 5px 0px; margin-right: 5px; border:solid 1px #dcdcdc; cursor: pointer; font-size: 10pt;}
ul.screenshot-menu-top li:hover, ul.screenshot-menu-top li.active{background-color: #1c73a0; border-color: #1c73a0; color: #fff;}

div#scroll-image-top{margin:0; position:relative; width:100%}
div#scroll-image-top div.list-image-top{ width:958px; height:728px; max-width:100%; padding:0; margin:0 auto; overflow:hidden; position:relative;}
div#scroll-image-top ul{display:block; position:absolute; width:12000px; padding:0;}
div#scroll-image-top ul li{display:block; float:left; width:958px; text-align:center; max-width:100%;}
div#scroll-image-top span.slide-nav{display:block; position:absolute;     top: 44%; width:26px; height:40px; cursor:pointer; background:url(//www.audio4fun.com/player/images/slide-nav.png)}
div#scroll-image-top span.pre{left:10px; background-position:left; z-index:5;}
div#scroll-image-top span.next{right:10px; background-position:right;}


span#signatures {color: #ffffff; font-size: 30pt; font-weight: 400; padding:0 10px;}
span#signatures li{display: inline-block; width: 39px; height: 53px; line-height: 53px; background: url(//cdn.audio4fun.com/css/vcsd9/images/counter-bg.jpg); position: relative; margin:0 3px; text-align: center;}  
span#signatures li.sperator{background: url(//cdn.audio4fun.com/css/vcsd9/images/count-sperator.png) center no-repeat; width: auto;} 
div.btn-download-top{float:right; margin-top:-80px;}
div.vcsd-box{float:left; width:425px; margin-top:70px; margin-bottom: 10px;}
div.vcsd-box .poplink{font-size:11pt; line-height:150%; color:#ffffff; margin-top:10px;  margin-left:36px;}
div.do_morhp{float:left; width:575px; margin-top:5px;}
p.bnt-width {}
div.specone {border:1px solid #cecece; width:480px; float:left; height:340px; }
div.system{border:1px solid #cecece; width:480px; float:left; margin-left:25px;height:340px;}
p.btn-demos {width:160px; margin-top:20px;}
p.btn-width-gold { max-width:400px;}
ul.avTopmenu li.topsubmenu2 { margin-left: 5px;  position: relative;  font-size: 0.95em;  padding: 5px 8px;}
* { padding: 0;   margin: 0;}
div.left-full{float: left; margin: 5px; padding: 5px; width: 300px; height:280px;}
div.left-full-small{float: left; margin: 5px; padding: 5px; width: 300px; height:150px;}
 ul.socialMenu { height:300px;}
div.clear-both{ clear:both;}
div.clear-col{ display:none;}
span.br {display:none;}
.section {clear: both;padding: 0px;	margin: 0px;}
/* menu top respon */

.col-res {display: block; float: left; margin: 0 0 0 2.2%;}
.col-res:first-child { margin-left: 0;}
/*  GROUPING  */

.group:before,
.group:after { content: ""; display: table;}
.group:after { clear: both;}
.group { zoom: 1;}
.dt_12_of_12 {width: 100%;}
.dt_11_of_12 { width: 91.48%;}
.dt_10_of_12 { width: 82.96%;}
.dt_9_of_12 { width: 74.45%;}
.dt_8_of_12 {width: 65.93%;}
.dt_7_of_12 {width: 57.41%;}
.dt_6_of_12 {width: 48.9%;}
.dt_5_of_12 { width: 40.38%;}
.dt_4_of_12 { width: 31.86%;}
.dt_3_of_12 { width: 23.35%;}
.dt_2_of_12 { width: 14.83%;}
.dt_1_of_12 {  width: 6.316%;}

@media (max-width: 1024px) {
  .tab_1_of_2 {  width: 48.9%;  }
   .tab_2_of_2 { max-width: 100%;  }
  .tab_1_of_2:nth-child(odd) {  margin-left: 0 !important;   clear: both;  }
  .tab_2_of_2 {}
}

.container { width: 1000px; margin: 0 auto;}
.top-bar { height: 37px; border-bottom: 1px solid #dcdcdc; background: #f2f2f2;}
.menu-bar { height: 70px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);  position: relative;}
.logo a {  line-height: 70px;}
.logo img {  vertical-align: middle;}
.col-right input {  display: none;}
.nav_2 {  position: absolute;  height: 70px;  list-style: none;  top: 0;  right: 0;  margin: 0;}
.nav_2 li {  display: inline-block;  padding-right: 20px;}
.nav_2 li a {  line-height: 70px;}
.nav_2 li:last-child {  padding-right: 0;}
.nav_2 li a {  font-size: 90%;}
/*--- toggle menu -----*/

.toggle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  height: 60px;
  margin-right: 25px;
  padding-right: 15px;
  margin-left: 15px;
  display: none;
  border-right: 1px solid #dcdcdc;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.toggle.on {
  border-right: none;
}

.toggle-menu {
  width: 30px;
  height: 23px;
  position: relative;
  top: 20px;
}

.toggle.on .toggle-menu:after {
  background: #fff;
  transform: rotate(-45deg) translate(7px, -8px);
}

.toggle.on .toggle-menu:before {
  background: #fff;
  transform: rotate(45deg) translate(5px, 5px);
}

.toggle-menu .toggle-icon {
  width: 100%;
  height: 5px;
  background: #555;
  margin: 4px auto;
  transition: all 0.3s;
  backface-visibility: hidden;
}

.toggle.on .toggle-menu .toggle-icon {
  opacity: 0;
}

.toggle-menu:before,
.toggle-menu:after {
  content: "";
  display: block;
  height: 5px;
  background: #555;
  transition: all 0.3s;
  backface-visibility: hidden;
}

.search {
	width: 80%;
	height: 60px;
	background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/VisualEditor_-_Icon_-_Search-big_-_white.svg/2000px-VisualEditor_-_Icon_-_Search-big_-_white.svg.png) no-repeat;
  background-size: 40px;
  background-position: right center;
	border: none;
	border-bottom: 1px dotted #fff;
	line-height: 60px;
	font-size: 100%;
	padding: 0 4px;
	color: #fff;
}


/* end menu top respon */
/* Button */
a.btn { color: #fff;text-decoration: none;}

section {  z-index: 1; position: relative;
 
}
h3 { margin:20px 0; text-transform:uppercase; font-weight:400;
}

section:first-child {
  margin-top:15px;
  
}

p.btn { border:none; border-radius:35px; cursor:pointer; line-height:100%;  transition: all 0.3s ease-in-out; position:relative; margin-right:5px; outline:none;}
.btn-normal { border:1px solid #b2b2b2; background:none; color:#3b3b3b;}
p.btn-normal { border:1px solid #b2b2b2;  background:none; color:#3b3b3b;}
.btn-normal a { background:none; color:#3d3d3d;  text-decoration:none;}
.btn-normal:hover,.btn-normal.btn-active,.btn-small.btn-active{
  background:#1c739f; color:#fff; border:1px solid #1c739f;}
.btn-large {  padding:10px 20px;  font-size:1.2em; font-weight: 300; min-width:200px;


}
.btn-medium {  padding:7px 15px; font-size:1em;}
.btn-small { padding:3px 10px;  font-size:0.9em;
}
.btn-large.btn-download i { padding-right:15px;}

.btn-large.btn-download.btn-2-line i {font-size:220%;}
.btn-large.btn-download.btn-1-line i { font-size:150%;}
.btn-download { background:#0ab006; color:#fff; text-align:left; border:none;}
.btn-download > * { text-shadow:0 -1px 0 rgba(0,0,0,0.35); line-height:110%;}



.btn-download.btn-large span { font-weight:400; font-size:75%;}
.btn-download b { text-transform:uppercase;}
.btn-download.btn-large b { font-size:110%; font-weight:500;}
.btn-download.btn-medium b { font-size:100%; font-weight:500;}
.btn-download.btn-medium span {font-weight:400; font-size:80%;}
.btn-medium.btn-download i { padding-right:10px;}
.btn-medium.btn-download.btn-2-line i { font-size:200%;}
.btn-medium.btn-download.btn-1-line i { font-size:110%;}
.btn-download i { float:left;}
.btn-download:before { background-color:#16c811;content:""; position:absolute;  z-index: -1;  top: -3px;  left: -3px;  padding:3px;  border-radius:50px;  width:100%;  height:100%;  transform: scale(0.6, 0.6);  transition: all 0.3s ease-in-out;  opacity:0;}

.btn-download:hover:before {  transform: scale(1, 1);  opacity:1;}
.btn-download:active {  transform: scale(1, 1);  opacity:1;}
.btn-download:hover {background:none;}
a.fa-download2 { text-decoration:none; color:#ffffff;}
p.p-btn:hover a {  color: #fff;}
.btn-download a { color: #fff;  text-align: left;  border: none;   text-decoration: none;  font-family: 'Roboto', sans-serif;}
/*End button*/

/*  COLUMN SETUP  */
/*.col {display: block;float:left;margin: 1% 0 1% 1.6%;}*/
.col {display: block;float:left;margin: 1% 2% 0 0;}
.col3 { margin-right:0px;}
.col:first-child { margin-left: 0; }
.group:before,.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {  zoom:1; /* For IE 6/7 */
}
/*  GRID OF THREE  */
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 66.1%;}
.span_1_of_3 {	width: 32%;}
.span_1_of_3_small { height:150px; }
/* Bottom*/

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position:relative;
}

.icon-user:before {content: "\f007";}
.icon-home:before {	content: "\e900";}
.icon-arrow:before {content: "\e901";}
.icon-document:before {	content: "\e902";}
.icon-download:before {	content: "\e903";}
.icon-free:before {	content: "\e904";}
.icon-google:before {	content: "\e905";}
.icon-mail:before {	content: "\e906";}
.icon-microphone:before {	content: "\e907";}
.icon-diamond:before {  content: "\f219";}
.icon-mpm:before {	content: "\e908";}
.icon-music:before {	content: "\e909";}
.icon-rss:before {	content: "\e90a";}
.icon-search:before {	content: "\e90b";}
.icon-tick:before {	content: "\e90c";}
.icon-twitter:before {	content: "\e90d";}
.icon-video:before {content: "\e90e";}
.icon-view:before {content: "\e90f";}
.icon-vip:before {	content: "\e910";}
.icon-webcam:before {content: "\e911";}
.icon-facebook2:before {content: "\e912";}
div.midle_bottom{width:97%; margin: 0 auto;}		
	#subscribe{float:left; background-color:#073248; /*border-radius:4px;*/     padding: 20px 0px 0px 0px;}
	#subscribe h3{text-align:center;}
	#subscribe ul{margin:0; padding:0; list-style:none;}
		#subscribe ul li{padding:3px 0; font-size:11pt; display:block; color:#8ab8c7; margin-left:80px;}
	#subscribe input.textBox{width:310px; height:47px; line-height:47px; padding:0 20px; border:solid 1px #0e4561; background-color:#062c3f; font-size:13pt; color:#8ab8c7; font-weight:300;}
	/*#subscribe .subButton{font-size:14pt; padding:12px 40px; padding-bottom:7px; font-weight:700; border:none; background-color:#4e78ac; color:#FFFFFF; text-align:center; border-radius:4px; border-bottom:solid 5px #385982;     margin-top: 20px;}*/
	
	#subscribe .subButton:hover,#subscribe .subButton:active{background: #093d57;}
 

	#subscribe ul li [class^="icon-"], ul.bottomMenu li [class*=" icon-"]{margin-right:15px;}
	ul.slash-list {
  list-style: none;
  margin: 0;
}

ul.slash-list li {
  display: inline-block;
  padding-right: 30px;
  position: relative;
  
}

ul.slash-list li::after {
  content: '/';
  position: absolute;
 
  right: 10px;
  font-size: 85%;
}

ul.slash-list li:last-child::after,
ul.slash-list li:last-child{
  content: "";
  padding-right: 0;
}

.footer {
  background: #093d57;
  padding-top: 70px;
  padding-bottom: 70px;
  color: #fff;
}

.footer ul {
  list-style: none;
  margin: 25px 0 0 0;
  padding: 0;
}

.footer ul li {
  margin-bottom: 10px;
}

.footer ul li {
  font-weight: 300;
  font-size: 90%;
}

.footer i {
  margin-right: 10px;
  font-size: 12pt;
}

.subscribe-col {
  position: relative;
}

.subscribe ul,
.subscribe h3 {
  margin-left: 5%;
  margin-right: 5%;
}

.subscribe {
  width: 98%;
  position: absolute;
  top: -20px;
  padding: 20px 0 0 0;
  background: #094868;
  
}

input.text-box {
  margin: 0 5%;
    width: 82%;
    height: 50px;
    background: #fff;
    border: none;
    line-height: 50px;
    font-size: 100%;
    padding: 0 15px;
    color: #000;
	margin-top:10px;
  
}

.subscribe .button {
  /*width: 100%;*/
  display: block;
  text-align: center;
  border-radius: 0;
  margin: 0;
  margin-top: 30px;
  padding: 18px 0;
  background: #1c739f;
  color: #fff;
  font-size: 15pt;
  font-weight: 500;
  border: 1px solid #1c739f;
  padding-top:14px;
  text-decoration:none;
}

.subscribe .button:hover,
.subscribe .button:active {
  background: #093d57;
}

.subscribe .button i {
  font-size: 18pt;
}

.bottom-bar {
  padding: 20px 0;
  background: #062b3d;
  color: #bdd4db;
  font-size: 10.5pt;
}

.bottom-bar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bottom-bar ul li {
  display: inline;
}

p.copyright {
  margin: 0;
  text-align: center;
}

.small-title {
	font-size: 15pt;
	font-weight: 400;
	position: relative;
}

.footer li a:hover,
.bottom-bar li a:hover{
  opacity: 1;
  text-decoration:none;
}

.footer li a,
.bottom-bar li a{
  opacity: 0.75;
  color:#ffffff;
}

.footer li a,
.footer li{
  display: block;
  color:#ffffff;
}

.bar-top {margin-top:10px !important;}

.col-footer {
  display: block;
  float: left;
  margin: 0 0 0 2.2%;
}

.col-footer:first-child {
  margin-left: 0;
}





.list-link a {
  /*border-bottom: 1px dotted transparent;*/
}

a.single-link,
.list-link a:hover {
  /*border-bottom: 1px dotted;*/
}

a.single-link {
  margin-left: 10px;
  margin-right: 10px;
}

a.single-link:first-child {
  margin: 0;
}

a.dark-link,
.dark-link a {
  color: #1c739f;
}

a.dark-link:hover,
.dark-link a:hover {
  color: #000;
}

a.white-link,
.white-link a {
  opacity: 0.75;
}

a.white-link:hover,
.white-link a:hover {
  opacity: 1;
}

.normal-font {
  font-size: 11pt;
}

.small-font {
  font-size: 85%;
}

a span.icon {
  font-size: 80%;
}

a span.icon {
  margin-left: 3px;
}

a span.fa {
  padding-right: 5px;
}

.relative {
  position: relative;
}

input.textBox {
  margin: 0 5%;
  width: 86%;
  height: 40px;
  background: none;
  border: none;
  border-bottom: 1px dotted #fff;
  line-height: 40px;
  font-size: 100%;
  padding: 0 10px;
  color: #fff;
}


/*------------------ header ----------------------*/

.top-bar {
  height: 37px;
  border-bottom: 1px solid #dcdcdc;
  background: #f2f2f2;
}

.menu-bar {
  height: 70px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.logo {
  float: left;
}

.logo a {
  line-height: 70px;
}

.logo img {
  vertical-align: middle;
}

.col-box-top .list-link a {
  margin-right: 20px;
  margin-left: 20px;
  line-height: 200%;
}

.col-box-top .list-link {
  margin-bottom: 20px;
  margin-top: 0;
}


/*----------------- menu ------------------*/

.col-right {
  float: right;
}

.col-right input {
  display: none;
}

.col-right ul.nav {
  height: 70px;
  list-style: none;
  margin: 0;
}

.col-right ul.nav > li {
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.col-right ul.nav > li > a {
  line-height: 70px;
  position: relative;
}

.col-right ul.nav > li:last-child {
  padding-right: 0;
}

.col-right ul.nav > li:first-child {
  padding-left: 0;
}

.col-right ul.nav > li > a {
  font-size: 90%;
}

.col-right .nav > li.main-sub > a:after,
.col-right .nav > li.full-sub > a:after {
  content: "";
  width: 0;
  height: 2px;
  background: #2580af;
  position: absolute;
  bottom: -5px;
  left: 0;
  transition: all 0.2s ease-in-out;
  z-index: -1;
}

.main-eff > a {
  color: red;
  font-weight: 400;
}

.main-eff::after {
  content: "";
  background: red;
  position: absolute;
  top: 50px;
  bottom: 20px;
  left: 2px;
  right: 2px;
  transition: all 0.2s ease-in-out;
  z-index: -1;
}

.main-eff:hover::after,
.promo::after {
  top: 20px;
  border-radius: 3px;
}

.main-eff:hover > a,
.promo a {
  color: white !important;
}

.promo:hover::after {
  background: none;
  border: 1px solid red;
}

.promo:hover a {
  color: red !important;
}

.col-right .nav > li.main-sub:hover > a,
.col-right .nav > li.full-sub:hover > a {
  color: #2580af;
}

.col-right .nav > li:hover > a::after {
  width: 30px;
}

.col-right .nav > li:hover > .sub,
.col-right .nav > li > .sub > li.child-sub:hover > .sub {
  opacity: 1;
  visibility: visible;
}

.col-right .nav > li:hover > .sub {
  top: 70px;
}

.col-right .nav > li > .sub > li.child-sub:hover > .sub.to-right {
  left: 101%;
}

.col-right .nav > li > .sub > li.child-sub:hover > .sub.to-left {
  right: 100%;
}

.table {
  display: table;
  width: 100%;
}

.cell {
  display: table-cell;
  background: white;
}

.sub {
  opacity: 0;
  visibility: hidden;
  cursor: default;
  transition: all 0.3s ease-in-out;
  background: white;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  top: 100px;
  position: absolute;
}

.sub.to-right {
  left: 0;
}

.sub.to-left {
  right: 0;
}



.child-sub::after {
  content: "\f054";
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0;
  font-size: 0.6em;
}

.child-sub .sub {
  top: -10px;
}

.child-sub .sub.to-right {
  left: 90%;
}

.child-sub .sub.to-left {
  right: 110%;
}

.col-right ul.sub {
  margin: 0;
  padding: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  display: table;
}

.col-right ul.sub li {
  list-style-image: url(http://www.audio4fun.com/images/sub-menu/bullet.png);
  list-style-position: inside;
  background: #fff;
  white-space: nowrap;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 25px;
}

.col-right ul.sub li:first-child {
  padding-top: 0;
}

.col-right ul.sub li:last-child {
  border-bottom: none;
}

.col-right ul.sub li a {}

.platform {
  width: 7%;
  background: #fff9f9;
  text-align: center;
  vertical-align: middle;
}

.mac {
  background: #e9f9fb;
}

.featured-mac {
  width: 93%;
  background: #f4feff;
}

.platform i {
  font-size: 30pt;
  color: #fd8606;
}

.mac i {
  color: #0ea7ee;
}

.featured {
  width: 43%;
  border-right: 1px solid #e9e9e9;
}

.other {
  width: 50%;
}

.cell h4 {
  margin-top: 0;
  padding: 5px;
  background: #d9d9d9;
  text-transform: uppercase;
  position: relative;
  text-align: right;
  padding-right: 20px;
  margin-bottom: 20px;
}

.featured h4 {
  background: #2580af;
  color: white;
  text-align: left;
  padding-left: 20px;
}

.cell h4::after {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 10px;
}

.cell h5 {
  color: red;
  font-size: 14pt;
  font-weight: 500;
  margin: 5px 0;
}

.featured h4::after {
  border-top-color: #2580af;
  left: 20px;
}

.other h4::after {
  border-top-color: #d9d9d9;
  right: 20px;
}

.col-box {
  display: block;
  float: left;
  text-align: center;
}

.col-1-3 {
  width: 33.3333333%;
}

.col-3-3 {
  width: 100%;
}



/*--- toggle menu -----*/

.toggle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  height: 60px;
  margin-right: 25px;
  padding-right: 15px;
  margin-left: 15px;
  display: none;
  border-right: 1px solid #dcdcdc;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.toggle-menu {
  width: 30px;
  height: 23px;
  position: relative;
  top: 18px;
}

.toggle.on .toggle-menu:after {
  background: #555;
  transform: rotate(-45deg) translate(7px, -8px);
}

.toggle.on .toggle-menu:before {
  background: #555;
  transform: rotate(45deg) translate(5px, 5px);
}

.toggle-menu .toggle-icon {
  width: 100%;
  height: 5px;
  background: #555;
  margin: 4px auto;
  transition: all 0.3s;
  backface-visibility: hidden;
}

.toggle.on .toggle-menu .toggle-icon {
  opacity: 0;
}

.toggle-menu:before,
.toggle-menu:after {
  content: "";
  display: block;
  height: 5px;
  background: #555;
  transition: all 0.3s;
  backface-visibility: hidden;
}


/*------------ button -----------*/

.button {
  display: inline-block;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  line-height: 100%;
  transition: all 0.3s ease-in-out;
  position: relative;
  margin-right: 2px;
  margin-bottom: 10px;
  outline: none;
}

.btn-normal {
  border: 1px solid #b2b2b2;
  background: none;
  color: #3b3b3b;
}

.btn-normal:hover,
.btn-normal.btn-active,
.btn-small.btn-active {
  background: #1c739f;
  color: #fff;
  border: 1px solid #1c739f;
}

.btn-large {
  padding: 10px 20px;
  font-size: 1.2em;
  font-weight: 300;
}

.btn-medium {
  padding: 7px 15px;
  font-size: 1em;
}

.btn-small {
  padding: 3px 10px;
  font-size: 0.9em;
}

.btn-large.btn-download i {
  padding-right: 15px;
}

.btn-large.btn-download.btn-2-line i {
  font-size: 220%;
}

.btn-large.btn-download.btn-1-line i {
  font-size: 150%;
}

.btn-download {
  background: #0ab006;
  color: #fff;
  text-align: left;
  border: none;
}

.btn-download > * {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  line-height: 110%;
}

.btn-download.btn-large span {
  font-weight: 400;
  font-size: 75%;
}

.btn-download b {
  text-transform: uppercase;
}

.btn-buynow {
  background: red;
  color: white;
  font-weight: 500;
  line-height: 130%;
  border: 1px solid red;
}

.btn-buynow:hover {
  background: none;
  color: red;
}

.btn-buynow i {
  padding-right: 5px;
}

.btn-download.btn-large b {
  font-size: 110%;
  font-weight: 500;
}

.btn-download.btn-medium b {
  font-size: 100%;
  font-weight: 500;
}

.btn-download.btn-medium span {
  font-weight: 400;
  font-size: 80%;
}

.btn-medium.btn-download i {
  padding-right: 10px;
}

.btn-medium.btn-download.btn-2-line i {
  font-size: 200%;
}

.btn-medium.btn-download.btn-1-line i {
  font-size: 110%;
}

.btn-download i {
  float: left;
}

.btn-download:before {
  background-color: #16c811;
  content: "";
  position: absolute;
  z-index: -3;
  top: -3px;
  left: -3px;
  padding: 3px;
  border-radius: 100px;
  width: 100%;
  height: 100%;
  transform: scale(0.6, 0.6);
  transition: all 0.3s ease-in-out;
  opacity: 0;
}

.btn-download:hover:before {
  transform: scale(1, 1);
  opacity: 1;
}

.btn-download:hover {
  background: none;
}



/*------------ button red -----------*/

.button-red {
  display: inline-block;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  line-height: 100%;
  transition: all 0.3s ease-in-out;
  position: relative;
  margin-right: 2px;
  margin-bottom: 10px;
  outline: none;
}

.btn-red-normal {
  border: 1px solid #b2b2b2;
  background: none;
  color: #3b3b3b;
}

.btn-red-normal:hover,
.btn-red-normal.btn-active,
.btn-red-small.btn-red-active {
  background: #1c739f;
  color: #fff;
  border: 1px solid #1c739f;
}

.btn-red-large {
  padding: 10px 20px;
  font-size: 1.2em;
  font-weight: 300;
}

.btn-red-medium {
  padding: 7px 15px;
  font-size: 1em;
}

.btn-red-small {
  padding: 3px 10px;
  font-size: 0.9em;
}

.btn-red-large.btn-red-download i {
  padding-right: 15px;
}

.btn-red-large.btn-red-download.btn-red-2-line i {
  font-size: 220%;
}

.btn-red-large.btn-red-download.btn-red-1-line i {
  font-size: 150%;
}

.btn-red-download {
  background: #0ab006;
  color: #fff;
  text-align: left;
  border: none;
}

.btn-red-download > * {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  line-height: 110%;
}

.btn-red-download.btn-red-large span {
  font-weight: 400;
  font-size: 75%;
}

.btn-red-download b {
  text-transform: uppercase;
}

.btn-red-buynow {
  background: red;
  color: white;
  font-weight: 500;
  line-height: 130%;
  border: 1px solid red;
  
  
  color: white !important;
  text-decoration:none !important;
}

.btn-red-buynow:hover {
  background: none;
  color: red;
}

.btn-red-buynow i {
  padding-right: 5px;
}

.btn-red-download.btn-red-large b {
  font-size: 110%;
  font-weight: 500;
}

.btn-red-download.btn-red-medium b {
  font-size: 100%;
  font-weight: 500;
}

.btn-red-download.btn-red-medium span {
  font-weight: 400;
  font-size: 80%;
}

.btn-red-medium.btn-red-download i {
  padding-right: 10px;
}

.btn-red-medium.btn-red-download.btn-red-2-line i {
  font-size: 200%;
}

.btn-red-medium.btn-red-download.btn-red-1-line i {
  font-size: 110%;
}

.btn-red-download i {
  float: left;
}



.btn-red-download:hover:before {
  transform: scale(1, 1);
  opacity: 1;
}

.btn-red-buynow:hover:before {
  transform: scale(1, 1);
  opacity: 1;
}


.btn-red-buynow:hover {
	background: none;
	color: red;
	text-decoration:none;
}




.btn-red-buynow,
.btn-red-buynow-inverse {
  font-weight: 500;
  line-height: 130%;
  border: 1px solid red;
}

.btn-red-buynow-inverse {
  background: none;
   color: red !important;
}

.btn-red-buynow:hover,
.btn-red-buynow:active{
  background: #ff8a2c !important;
  border: 1px solid #ff8a2c;
   transform: scale(1, 1);
}

.btn-red-buynow:before {
    background-color: #f17113;
    content: "";
    position: absolute;
    z-index: -3;
    top: -3px;
    left: -3px;
    padding: 3px;
    border-radius: 100px;
    width: 100%;
    height: 100%;
    transform: scale(0.6, 0.6);
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.btn-red-buynow-inverse:hover,
.btn-red-buynow-inverse:active{
  background: red;

  color: white !important;
  text-decoration:none !important;
}


/*------------ button2 -----------*/

.btn-large.btn-buy-sale i { padding-right:15px;}

.btn-large.btn-buy-sale.btn-2-line i {font-size:220%;}
.btn-large.btn-buy-sale.btn-1-line i { font-size:150%;}
.btn-buy-sale { background:#e2670d; color:#fff; text-align:left; border:none;}
.btn-buy-sale > * { text-shadow:0 -1px 0 rgba(0,0,0,0.35); line-height:110%;}



.btn-buy-sale.btn-large span { font-weight:400; font-size:75%;}
.btn-buy-sale b { text-transform:uppercase;}
.btn-buy-sale.btn-large b { font-size:110%; font-weight:300; color:#fff;}
.btn-buy-sale.btn-medium b { font-size:100%; font-weight:300; color:#fff;}
.btn-buy-sale.btn-medium span {font-weight:300; font-size:80%;}
.btn-medium.btn-buy-sale i { padding-right:10px;}
.btn-medium.btn-buy-sale.btn-2-line i { font-size:200%;}
.btn-medium.btn-buy-sale.btn-1-line i { font-size:110%;}
.btn-buy-sale i { float:left;}
.btn-buy-sale:before { background-color:#e2670d;content:""; position:absolute;  z-index: -1;  top: -3px;  left: -3px;  padding:3px;  border-radius:50px;  width:100%;  height:100%;  transform: scale(0.6, 0.6);  transition: all 0.3s ease-in-out;  opacity:0;}

.btn-buy-sale:hover:before {  transform: scale(1, 1);  opacity:1;}
.btn-buy-sale:active {  transform: scale(1, 1);  opacity:1;}
.btn-buy-sale:hover {background:none;}

.btn-large.btn-buy-sale i {
  padding-right: 15px;
}

.btn-large.btn-buy-sale.btn-2-line i {
  font-size: 220%;
  color:#fff;
}

.btn-large.btn-buy-sale.btn-1-line i {
  font-size: 150%;
}

.btn-buy-sale {
  background: #e2670d;
  color: #fff;
  text-align: left;
  border: none;
}

.btn-buy-sale > * {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  line-height: 110%;
}

.btn-buy-sale.btn-large span {
  font-weight: 400;
  font-size: 75%;
  color:#fff;
}

.btn-buy-sale b {
  text-transform: uppercase;
}



.btn-buy-sale.btn-medium b {
  font-size: 100%;
  font-weight: 300;
}
.with-ff { width:100%}

.btn-buy-sale.btn-medium span {
  font-weight: 400;
  font-size: 80%;
  color:#FFFFFF;
}

.btn-medium.btn-buy-sale i {
  padding-right: 10px;
}

.btn-medium.btn-buy-sale.btn-2-line i {
  font-size: 200%;
  color:#FFFFFF;
}

.btn-medium.btn-buy-sale.btn-1-line i {
  font-size: 110%;
}

.btn-buy-sale i {
  float: left;
}

.btn-buy-sale:before {
  background-color: #e2670d;
  content: "";
  position: absolute;
  z-index: -3;
  top: -3px;
  left: -3px;
  padding: 3px;
  border-radius: 100px;
  width: 100%;
  height: 100%;
  transform: scale(0.6, 0.6);
  transition: all 0.3s ease-in-out;
  opacity: 0;
}

.btn-buy-sale:hover:before {
  transform: scale(1, 1);
  opacity: 1;
}

.btn-buy-sale:hover {
  background: none;
}
p.btn-buy-sale a { text-decoration:none;}

/*----------------------- new buttion ------------------*/

div.btn-section {
	clear: both;
	padding: 0;
	text-align: center;
	z-index:1;
	margin-top: 20px;
}

a.button {
	display: inline-block;
	vertical-align:  bottom;
  	border:none;
  	border-radius:100px;
  	cursor:pointer;
  	line-height:100%;
  	transition: all 0.3s ease-in-out;
  	position:relative;
  	margin-right:2px;
	margin-bottom: 10px;
  	outline:none;	
}


a.btn-normal {
  	border:1px solid #b2b2b2;
  	background:none;
  	color:#3b3b3b;
}

a.btn-normal:hover,
a.btn-normal.btn-active,
a.btn-small.btn-active{
  	background:#1c739f;
  	color:#fff;
  	border:1px solid #1c739f;
}

a.btn-large {
  	padding:10px 20px;
  	font-size:1.2em;
  	font-weight: 300;
	min-width: 180px;
}

a.btn-medium {
  	padding:7px 15px;
  	font-size:1em;
	min-width: 140px;
}
div.btn-bottom {
 margin-bottom:10px;
}

a.btn-small {
  	padding:3px 10px;
  	font-size:0.9em;
}


a.btn-large.btn-download i,
a.btn-large.btn-buy i {
  	padding-right:15px;
}

a.btn-large.btn-download.btn-2-line i,
a.btn-large.btn-buy.btn-2-line i{
  	font-size:210%;
}

a.btn-large.btn-download.btn-1-line i,
a.btn-large.btn-buy.btn-1-line i {
  	font-size:150%;
}

a.btn-download {
  	background:#0ab006;
  	color:#fff;
  	text-align:left;
  	border:none;
	z-index:1;
}

a.btn-buy {
  	background:#e2670d;
  	color:#fff;
  	text-align:left;
  	border:none;
	z-index:1;
}

a.btn-download > *,
a.btn-buy > * {
  	text-shadow:0 -1px 0 rgba(0,0,0,0.35);
  	line-height:110%;
	
}

a.btn-buy strong {
	font-size: 80%;
	font-weight: 500;
	color: #dedede;
	text-decoration:  line-through;
	padding-right: 5px;
	text-shadow: 0 0 0 rgba(255,255,255,0.35);
}

a.btn-download a.btn-large span,
a.btn-buy a.btn-large span {
  	font-weight:400;
  	font-size:75%;	
}
a.btn-large span {
 font-weight:400;
  	font-size:75%;
}
a.btn-medium span {
font-size:75%;
 font-weight:400;
}
a.btn-download b,
a.btn-buy b {
  	text-transform:uppercase;
	font-weight:500;
}

a.btn-buynow {
	background: red;
	color: white;
	font-weight: 500;
	line-height: 130%;
	border: 1px solid red;
}

a.btn-buynow:hover {
	background: none;
	color: red;
	text-decoration:none;
}

a.btn-buynow i {
	padding-right: 5px;
}

a.btn-download.btn-large b{
  	font-size:110%;
  	font-weight:500;  
}

a.btn-buy.btn-large b{
  	font-size:110%;
  	font-weight:500;  
}


a.btn-download a.btn-medium b,
a.btn-buy a.btn-medium b{
  	font-size:100%;
  	font-weight:500;
}

a.btn-download a.btn-medium span,
a.btn-buy a.btn-medium span {
  	font-weight:400;
  	font-size:80%;
}

a.btn-medium a.btn-download i,
a.btn-medium.btn-buy i{
  	padding-right:10px;
	font-size:200%;  
}

a.btn-medium a.btn-download a.btn-2-line i,
a.btn-medium a.btn-buy a.btn-2-line i {
  	font-size: 200%;
}

a.btn-medium a.btn-download a.btn-1-line i,
a.btn-medium a.btn-buy a.btn-1-line i{
  	font-size:110%;
}

a.btn-download i,
a.btn-buy i{
  	float:left;
}

a.btn-download:before {
  	background-color:#16c811;
  	content:"";
  	position:absolute;
  	z-index: -3;
  	top: -3px;
  	left: -3px;
  	padding:3px;
  	border-radius:100px;
  	width:100%;
  	height:100%;
  	transform: scale(0.6, 0.6);
  	transition: all 0.3s ease-in-out;
  	opacity:0;
}

a.btn-buy:before {
  	background-color:#f17113;
  	content:"";
  	position:absolute;
  	z-index: -3;
  	top: -3px;
  	left: -3px;
  	padding:3px;
  	border-radius:100px;
  	width:100%;
  	height:100%;
  	transform: scale(0.6, 0.6);
  	transition: all 0.3s ease-in-out;
  	opacity:0;
}

a.btn-download:hover:before,
a.btn-buy:hover:before{
  	transform: scale(1, 1);
  	opacity:1;
	text-decoration:none;
}

a.btn-download:hover,
a.btn-buy:hover {
  	background:none;
	text-decoration:none;
}

/* end buttion */