@import url('fonts.css');

/* Global styles */
.outlined{outline: 1px solid;}
body{ font-family: 'MuseoSans_900'; font-family: 'MuseoSans-100'; min-width: 990px;  }
.wrap{width: 990px; margin: auto;}
h1,h2,h3{font-family: 'MuseoSans_900'; text-align: center; line-height: 100%; margin: 20px 0; padding: 0;}
h1{font-size: 2.9em; line-height: 126%;}
h3{font-size: 2.6em; line-height: 130%; padding-top: 20px; padding-bottom: 20px; color: #000;}
h4.light{font-size: 2em; line-height: 130%; padding-top: 20px; padding-bottom: 20px; color: #000; font-family: 'MuseoSans-100'; text-align: center; }
h4.light strong{ font-family: 'MuseoSans_900'; }

/* Header */
header {}
header .logo-wrap  {height: 81px; line-height: 100px; text-align: center; margin: auto; display: block; }
header .logo-wrap a {  text-align: center; margin: auto; display: block; }

/* banner */
header .bn_wrap {height: 420px; background: url(../img/banner.jpg) no-repeat center #504a59;  box-shadow: inset 0px 11px 18px -10px #000, inset 0px -11px 18px -10px #000; }
header .bn_wrap h1{color: #fff; text-shadow: 0px 2px 2px #000; padding-top: 135px; position: relative; margin-left: -101px; font-size: 3.1em; }
span.yellow{color: #fff30e;}
span.orange{color: #e8a028;}

/* Content */
#content{ font-size: 1.1em;} {}
#content section.grey {background: url(../img/grey_bgd.jpg) #4d4d4d; box-shadow: inset 0 20px 20px -20px #000000; position: relative; box-shadow: inset 0px 11px 18px -10px #000, inset 0px -11px 18px -10px #000; } 
#content section.grey .wrap { width: 990px; margin: auto; padding: 20px 0px 30px 0px; }
#content section.white {background: #fff; width: 990px; margin: auto; padding: 60px 100px 30px 100px; }
#content section.white.small { padding: 60px 80px 30px 80px; }
#content p{ margin: 0; padding: 0px 0px 20px 0px ; line-height: 120%; color: #000; }
#content ul{ margin: 0 0 40px 0; padding: 0; list-style: none; }
#content ul li{ margin: 0px 0px 20px 0px ; padding: 0px 0px 0px 30px ; line-height: 150%; font-size: 1.2em; color: #777777; }
ul.orange-pointers li{ background: url(../img/orane_arrow.png) no-repeat 0px 2px; min-height: 23px;}
ul.orange-pointers li{ background: url(../img/orane_arrow.png) no-repeat 0px 2px; min-height: 23px;}
#content .btn-warning{ background: rgb(244,141,13);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0OGQwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMDVlMDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(244,141,13,1) 0%, rgba(240,94,9,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,141,13,1)), color-stop(100%,rgba(240,94,9,1)));
background: -webkit-linear-gradient(top,  rgba(244,141,13,1) 0%,rgba(240,94,9,1) 100%);
background: -o-linear-gradient(top,  rgba(244,141,13,1) 0%,rgba(240,94,9,1) 100%);
background: -ms-linear-gradient(top,  rgba(244,141,13,1) 0%,rgba(240,94,9,1) 100%);
background: linear-gradient(to bottom,  rgba(244,141,13,1) 0%,rgba(240,94,9,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48d0d', endColorstr='#f05e09',GradientType=0 );
border: 1px solid #b84d17;
text-transform: uppercase;
color: #fff;
text-shadow: 0px 2px 2px #f63303;
padding: 15px 20px;
font-size: 1em !important;
margin-bottom: 4px;
font-family: 'OpenSans-Bold-webfont';
}
#content .btn-warning .icon-arrow{
	background: url(../img/btn_arrow.png) no-repeat center;
	width: 18px;
	height: 19px;
	margin: 0px 10px 0 16px;
	vertical-align: top;
	display: inline-block;
}
#content p.info{font-size: 1.2em; text-align: center; font-family: 'MuseoSans_900'; color: #7d7f7e; padding: 0; margin: -13px 0 0 0; line-height: 100%;}
#content .intro h3{padding: 10px 0 0px 0; line-height: 121%;}
#content .intro h4.light{padding: 3px 0 44px 0; line-height: 121%;     font-family: 'MuseoSans-100';
 }
#content .intro h4.light strong{ font-family: 'MuseoSans_900'; }
#content .intro ul.orange-pointers{ margin-bottom: 45px; }
#content .intro ul.orange-pointers li{ margin-bottom: 12px;  }

/* Topitems */
.cours-description h3{padding:  65px 0 0 0;}
.cours-description h4.light{padding:  0px 0 62px 0;  line-height: 117%; }
.topics-items{}
.topics-items .col-lg-6{padding: 0 30px; float: left; width: 50% !important;}
.topics-items .topic-item{position: relative; border: 3px solid #e5a730; border-radius: 4px; color: #000; margin-bottom: 50px; background: url(../img/stripe.png) center #f9f9f9; }
.topics-items .topic-item:after{ position: absolute; content: ''; width: 25px; height: 26px; top:-17px; left: 50%; margin-left: -10px; background: url(../img/stick.png) no-repeat center; }
#content .topics-items .topic-item p{ padding: 0px 18px; height: 95px; vertical-align: middle; display: table-cell; font-size: 1.1em; }
.topics-items .topic-item.last-item{ max-width: 350px; display: block; margin: auto; }


h4.light.herelink{color: #7f7f7f; padding-top: 31px; padding-bottom: 19px;}
h4.light.herelink a { display: block; background: url(../img/header_arrows.png) no-repeat center; max-width: 380px; min-height: 30px; margin: 20px auto 0px auto; font-family: 'MuseoSans_900'; text-decoration: underline; color: #7f7f7f;  }


/* Grey content */
#content section.grey{color: #fff; padding-bottom: 30px;}
#content section.grey h3, #content  section.grey p, #content  section.grey ul  {color: #fff; text-shadow: 1px 1px 2px #282828; line-height: 170%;}
#content  section.grey p, #content  section.grey ul  { font-size: 1.1em;}
#content  section.grey h3 {  padding: 42px 0 0px 0;}

/* Grey content */
.authors {padding-left: 94px; padding-right: 94px; padding-top: 26px;}
.authors .item{ position: relative; padding-left: 150px; padding-bottom: 40px; }
.authors .item h4{  padding:  0px 0px 7px 0px; }
#content .authors .item p{  padding:  0px 0px 30px 0px; line-height: 150%; font-size: 1.2em; }
#content .authors .item p:last-child{  padding:  0px 0px 0px 0px; }
.authors .item img{ position: absolute; left: 14px; top: -1px; width: 109px;  background: #d5d5d6; }


/* How it works */
.how-it-works-items{margin-bottom: 40px;}
#content section.white .how-it-works-items h3{padding: 0px 0px 39px 0px !important; line-height: 100% !important;}
.how-it-works-items .col-lg-4{float: left; width: 33%; padding: 0 20px;}
.how-it-works-items .col-lg-4 span.number{ display: block; width: 127px; height: 147px; background: url(../img/cube.gif) no-repeat center #a3a3a3; margin: 20px auto; text-align: center; color: #fff; font-size: 3.5em; font-family: 'MuseoSans_900'; text-shadow: 2px 2px 2px #767676; line-height: 147px; }
#content .how-it-works-items .col-lg-4 p{ color: #000; text-align: center; line-height: 190%; }

/* testimonials */
.testimonials{padding: 15px 0 10px 0;}
.testimonials cite{position: relative; margin-bottom: 40px; display: block; font-family: 'MuseoSans-100Italic'; font-size: 1.2em; color: #6e706f; padding: 0 113px;}
.testimonials cite:after{position: absolute;top: 0px; left: 10px; content: ''; background: url(../img/quotes.png) no-repeat left center; width: 66px; height: 53px;}
.testimonials cite:before{position: absolute;top: 0px; right: 10px; content: ''; background: url(../img/quotes.png) no-repeat right center; width: 66px; height: 53px;}
#content .testimonials cite p{padding: 0; color: #6e706f; text-align: justify;  line-height: 140%; }
#content .testimonials cite .name{display: block; padding-top: 18px; font-style: normal;  }
#content .testimonials cite .name strong{  font-family: 'MuseoSans_900'; font-weight: normal; }

/* Expectations */
#content section.grey.expectations{background: url(../img/elocka.jpg) top center repeat-x; /*border-bottom: 2px solid #bfbfbf;*/ box-shadow: none;  }
#content section.grey.expectations .wrap{ padding: 20px 100px  76px 112px !important; line-height: 100%; }
#content section.grey.expectations h3, #content  section.grey.expectations p, #content  section.grey.expectations ul  {  color: #000; text-shadow: none; } 
#content section.grey.expectations h3 { padding: 37px 0 22px 0; } 
#content section.grey.expectations p { padding-bottom: 10px; } 

/* Moneyback */
#content article.notofyou{}
#content article.notofyou h3{padding: 10px 0 40px 0; line-height: 100%;}
#content article.notofyou ul.orange-pointers { max-width: 769px; margin: auto;  display: block;}
#content article.notofyou ul.orange-pointers li{ margin-bottom: 13px; padding-left: 42px;}
#content article.moneyback{border: 3px solid #e5a730; border-radius: 4px; padding: 16px 40px 35px 40px; background: url(../img/stripe.png) center; position: relative; margin: 92px auto  58px auto; max-width: 760px; }
#content .moneyback h3{ padding: 0px 0  34px 0 ; }
.moneyback img{ position: absolute; top: 50%; margin-top: -63px; left: 15px; }
#content .moneyback p{ padding-left: 230px !important; line-height: 140%; color: #6e706f;  font-size: 1.2em; padding-bottom: 16px; }
#content .moneyback p strong{  font-family: 'MuseoSans_900'; font-weight: normal;  }

/* Content pricing */
#content {}
#content .pricing{}
#content .pricing .item{padding-left: 303px; position: relative; padding-bottom: 44px;}
#content .pricing .item .tovarimg{position: absolute; top: 0px; left: 0px;}
#content .pricing .item h4{font-family: 'MuseoSans_900'; font-size: 1.96em; line-height: 100%; padding:14px 0 6px 0; color: #7c7f80; }
#content .pricing .item dl{margin: 0; padding: 0px 0px 0px 0px ; font-size: 1.1em; line-height: 100%; }
#content .pricing .item>p{margin: 0; font-size: 1.2em; padding: 0px 0px 13px 0px ; color: #777777; }
#content .pricing .item dl dt{margin: 0; padding: 0px 0px 13px 0px ; color: #e9a42c; font-family: 'MuseoSans_900'; }
 #content .pricing .item dl dd{ margin: 0px 0px 11px 0px ; padding: 0px 0px 0px 30px ; line-height: 160%; font-size: 1.06em; color: #777777; background: url(../img/orange_arrow_list2.png) no-repeat 1px 3px; }
#content .pricing .item .book-area{border: 3px solid #e0e0e0; border-radius: 4px; padding: 16px 26px; background: url(../img/stripe.png) center #f9f9f9; position: relative; display:  block; max-width: 306px; margin: 26px 0px 0px 0px;  }
#content .pricing .item .book-area p{ padding: 0 0 7px 0; font-size: 1.7em; color: #7c7f80; margin: 0;}
#content .pricing .item .book-area p span.price{font-family: 'MuseoSans_900'; color: #e9a42c; font-weight: bold;}
#content .pricing .item .book-area a.btn-warning, #content a.btn-warning.btn-mini{padding: 10px 20px 10px 30px !important; text-align: center; }
#content .pricing .item .book-area a.btn-warning .icon, #content a.btn-warning.btn-mini .icon{ background: url(../img/white_arrow.png) no-repeat center !important; margin-top: 2px !important; }
#content .pricing p.helpful-info{ color: #7c7f80; font-size: .9em ; line-height: 140%; padding: 13px 0; }

/* Discount */
#content .discount-area{ border: 4px solid #CC922F; border-radius: 15px; background: url(../img/stripe2.png) repeat center #E6A63A; width: 760px; margin: 10px auto 30px auto; } 
#content .discount-area h3{ color: #fff; font-size: 2.4em; text-shadow: 2px 2px 2px #bf7f37; padding-top: 20px; padding-bottom: 20px; } 
#content .discount-area p{ color: #fff; padding:0 47px 10px 47px; font-size: 1.3em; text-shadow: 2px 2px 2px #333; line-height: 150%; } 


/* Faq */
article.faq {max-width: 767px; margin: auto;}
article.faq h3{padding: 52px 0 36px 0;}
#content article.faq h5{color: #6e706f; font-family: 'MuseoSans_900'; padding-bottom: 10px;font-weight: normal; font-size: 1.2em;}
#content article.faq p{color: #6e706f;  font-size: 1.2em; line-height: 140%; padding-bottom: 7px;}



/* Order now */
.order-now{max-width: 767px; margin: auto;}
article.order-now h3{padding: 54px 0 36px 0;}
#content .order-now p{color: #6e706f;  font-size: 1.2em;  line-height: 140%; padding-bottom: 42px; } 
#content .order-now a.btn-warning.btn-mini{ font-size: 1.3em !important; padding: 10px 36px !important; } 
#content .order-now a.btn-warning.btn-mini .icon{ background: url(../img/big-icon-arrow.png) no-repeat center!important; margin-top: 6px !important;  width: 23px; height: 24px; }