@font-face {
    font-family: 'GothamBook';
    src: url('fonts/gothambook.eot');
    src: url('fonts/gothambook.eot') format('embedded-opentype'),
         url('fonts/gothambook.woff') format('woff'),
         url('fonts/gothambook.ttf') format('truetype'),
         url('fonts/gothambook.svg#GothamBook') format('svg');
}
@font-face {
    font-family: 'GothamMedium';
    src: url('fonts/gothammedium.eot');
    src: url('fonts/gothammedium.eot') format('embedded-opentype'),
         url('fonts/gothammedium.woff') format('woff'),
         url('fonts/gothammedium.ttf') format('truetype'),
         url('fonts/gothammedium.svg#GothamMedium') format('svg');
}

@font-face {
    font-family: 'GothamBold';
    src: url('fonts/gothambold.eot');
    src: url('fonts/gothambold.eot') format('embedded-opentype'),
         url('fonts/gothambold.woff') format('woff'),
         url('fonts/gothambold.ttf') format('truetype'),
         url('fonts/gothambold.svg#GothamBold') format('svg');
}

@font-face {
	font-family: 'FedraSansProNormal';
	src: url('fonts/FedraSansPro-Normal.eot');
	src: url('fonts/FedraSansPro-Normal.eot') format('embedded-opentype'),
	url('fonts/FedraSansPro-Normal.woff') format('woff'),
	url('fonts/FedraSansPro-Normal.ttf') format('truetype'),
	url('fonts/FedraSansPro-Normal.svg#FedraSansProNormal') format('svg');
}





html, body {
	margin:0px;
	padding:0px;
	height:100%;
	font-family: "GothamBook", Arial, Helvetica, sans-serif;
	font-size:14px;
}

.clear {
	height:0px;
	clear:both;
	overflow:hidden;
	display:block;
}

.full-width {
	width:100%;
}

.left { float:left }
.right { float:right }

p { margin:0 0 18px 0 }

a { color:#0047b6; text-decoration:underline; transition: all 300ms ease 0s; }
a:hover { color:#0098c1; text-decoration:underline }

a img { border:none; }
 

.wrapper, .wrapper-order, .wrapper-gallery { width:80%; margin:0px auto; position:relative }
.wrapper-static { width:850px; margin:0px auto; position:relative }


.font-big { font-size:25px; line-height:150%; }
.font-medium { font-size:18px; line-height:130%; text-transform:uppercase; letter-spacing:1px; }
.font-yellow { line-height:120%; font-size:14px; color:#c4a60a; margin-bottom:7px; text-transform:uppercase; font-family:"GothamMedium"; letter-spacing:1px;   }

.larger { font-size: 110%; line-height: 140%; }

#loader { position: fixed; top: 50%; left: 50%; margin-top: -37px; margin-left: -37px; }

a.link-white { color:#FFF; text-decoration:underline; }
a.link-white:hover { color:#c4a60a; text-decoration:underline }


.image-left { float:left; border:5px solid #cecece; margin:0px 30px 25px 0px }
.image-right { float:right; border:5px solid #cecece; margin:0px 0px 25px 30px }

.mobile-background-image { display:none; }	
	
#toolbar { position:fixed; width:100%; background:#fff; height:48px; z-index:200; font-family:Arial, Helvetica, sans-serif; border-bottom: 1px solid #828282 }

.mobile-current { display:none; }

#toolbar .menu-general { float:left; }
#toolbar ul.menu-general { margin:0px 0px 0px 200px; padding:0px; list-style:none; line-height: 100%; }
#toolbar ul.menu-general li { float:left; line-height:100%; padding:0px 25px 0px 0px }
#toolbar ul.menu-general li a { font-family:"FedraSansProNormal"; font-weight: 100; font-size:11px; color:#878787; text-decoration:none; text-transform:uppercase; padding-bottom:0px; line-height: 47px; display: block; }
#toolbar ul.menu-general li a:hover, #toolbar ul.menu-general li a.active { color:#3e3d3d; text-decoration:none; border-bottom:3px solid #f3b80f }

#toolbar .roi-logo {  position: absolute; left: 63px; top: 0px }
#toolbar .roi-logo a { width: 77px; height: 80px; background:url(../img/logo.png) top center no-repeat #ffbd00; text-indent: -10000px; border: none; display: block; }
#toolbar .roi-logo a:hover { background-color: #ffa800; }

#arrows { position: fixed; right:20px; bottom:30px; }	
#arrows a { display:block; width:32px; height:18px; background:url(../img/arrows.png); margin-bottom:20px; cursor:pointer; }
#arrows a:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5; 
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}
#arrows a.down { background-position:bottom }	
	
/*#container > div { position: relative }*/	
	
.slide-home { background:url(../img/background_image_1_v2.jpg?v3) center no-repeat; background-size: cover !important; }
.slide-whythisbook { background:url(../img/background_image_2.jpg) center no-repeat; background-size: cover !important; }
.slide-whositfor { background:url(../img/background_image_3.jpg) center no-repeat; background-size: cover !important; }
.slide-sneak-preview { background:url(../img/background_texture.png) }
.slide-downloads { background:url(../img/background_texture.png) }
.slide-author { background:url(../img/background_image_4.jpg) center; background-size: cover !important; }
.slide-order { background:url(../img/background_image_5.jpg) top center; background-size: cover !important; }


#tour-5, #tour-4, #tour-3, #tour-2, #tour-1, #tour-0 {
    width: 100%;
}

nav#steps { position: fixed; top: 75px; right:30px; z-index: 20; }
nav#steps ul { list-style: none; margin:0px; padding:0px; line-height:100%; }
nav#steps ul li { margin:0px 0px 8px 0px; padding:0px; line-height:100%; }
nav#steps ul li a { 
	display:block; width:16px; height:16px; padding-top: 1px;
}
nav#steps ul li a span {
	display:block; width:10px; height:10px; background:#FFF; margin: 3px; -webkit-transition: all 400ms; transition: all 400ms;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
nav#steps ul li a:hover span, nav#steps ul li.current a span { background:#000; }


#toolbar ul.menu-general li.button-online { float:right; text-align:center; position: absolute; right: 160px; padding: 0px; }
#toolbar ul.menu-general li.button-online a { display:block; width: 140px; height:60px; line-height:30px; padding:35px 0 45px 0; background:#f3b80f; text-decoration:none; font-size:25px; font-weight:bold; color:#fff; text-transform:uppercase; }
#toolbar ul.menu-general li.button-online a span { border-bottom: 3px solid #fff; display: inline-block; width: 90px;  padding-bottom: 7px; font-family: "GothamBold"; font-weight: 500 }
#toolbar ul.menu-general li.button-online a:hover, #toolbar ul.menu-general li.button-online a.active { background:#707070; color:#FFF; }
#toolbar ul.menu-general li.button-online a:hover, #toolbar ul.menu-general li.button-online a.active { border: none }


.content-home { text-align:center; padding-top:40px; position:absolute; left:100px;  }
.content-home .testimonial {
	position: absolute;
	display: none;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE 5.5+*/
	-moz-opacity: 0; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
	left: 0px; bottom: 0px; width: 350px; text-align: left; font-size: 12px; color: #fff; text-align: left; line-height: 155%;
}
.content-home .testimonial .block {
	background: #ebebeb; padding: 16px 25px; position: absolute; color: #3e3d3d; text-align: left; font-style: italic; font-size: 11px; line-height: 21px; position: relative; margin-bottom: 30px; width: 215px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.content-home .testimonial .block:before {
	display: block; content: " "; width: 24px; height: 21px; background: url(../img/testimonials_arrow_white.png) no-repeat; position: absolute; bottom: -21px; left: 30px;
}

.content-why-this-book { position:absolute; width:400px; right:0px; z-index:100; line-height:130%; color:#000000; text-align:left; font-size: 14px; padding-top: 40px; text-align: justify }
.content-why-this-book h1 { font-size: 21px; line-height: 120%; border: none; color: #000000; padding: 0px; margin: 0; text-transform: uppercase; text-align: center; letter-spacing: 1px;  }
.content-why-this-book hr { margin: 25px 0px; }

.content-whositfor { position:absolute; width:325px; right:0px; z-index:100; line-height:130%; color:#000000; text-align:left; font-size: 14px; padding-top: 40px; text-align: justify }
.content-whositfor h1 { font-size: 21px; line-height: 120%; border: none; color: #000000; padding: 0px; margin: 0; text-transform: uppercase; letter-spacing: 1px; text-align: center; display: block }
.content-whositfor hr { margin: 25px 0px; }

.content-sneak-preview { position:absolute; width:100%; z-index:100; text-align:center }
.content-sneak-preview h1 { display:inline; }
.content-sneak-preview .sneak-preview-slider { margin-top:65px; position:relative; }
.content-sneak-preview .sneak-preview-slider a.left, .content-sneak-preview .sneak-preview-slider a.right {
	position:absolute; top:170px; background: url(../img/slider_arrow.png) no-repeat; display:block; width: 39px; height:71px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3; 
}
.content-sneak-preview .sneak-preview-slider a.left:before, .content-sneak-preview .sneak-preview-slider a.right:before {
	background: url(../img/slider_arrow.png) no-repeat; display:block; width: 39px; height:71px; content: " ";
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.content-sneak-preview .sneak-preview-slider a.left:before { background-position: bottom left }
.content-sneak-preview .sneak-preview-slider a.right:before { background-position: bottom right }

.content-sneak-preview .sneak-preview-slider a.left:hover:before, .content-sneak-preview .sneak-preview-slider a.right:hover:before {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.content-sneak-preview .sneak-preview-slider a.left { background-position: top left; left: -80px }
.content-sneak-preview .sneak-preview-slider a.left:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; 
	-khtml-opacity: 1; 
	opacity: 1; 	
}
.content-sneak-preview .sneak-preview-slider a.right { background-position: top right; right: -80px }
.content-sneak-preview .sneak-preview-slider a.right:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; 
	-khtml-opacity: 1; 
	opacity: 1; 	
}
.content-sneak-preview .sneak-preview-slider .sneak-slider-content { overflow:hidden }
.content-sneak-preview .sneak-preview-slider .swiper-slide-inner { padding:0; width:260px;  font-size:18px; color:#FFF; margin:20px auto 20px auto; line-height: 100% }
.content-sneak-preview .sneak-preview-slider .swiper-slide-inner a.slider-image { margin-bottom:18px; display:block; width:259px; height:148px; position:relative }
.content-sneak-preview .sneak-preview-slider .swiper-slide-inner a.slider-image img { position:absolute; top:0px; left:0px; z-index:2 }
.content-sneak-preview .sneak-preview-slider .swiper-slide-inner a.slider-image img:first-child {
	z-index:3;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	-moz-opacity: 1; 
	-khtml-opacity: 1; 
	opacity: 1; 
	zoom: 1;
	transition: opacity 500ms ease 0s;
}
.content-sneak-preview .sneak-preview-slider .swiper-slide-inner.active a.slider-image img:first-child {
	z-index:3;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
	-moz-opacity: 0; 
	-khtml-opacity: 0; 
	opacity: 0; 
}
.content-sneak-preview .sneak-preview-slider .swiper-slide-inner a { color: #fff; text-decoration:none; font-family:"GothamMedium"; font-size: 14px; }
.content-sneak-preview .sneak-preview-slider .swiper-slide-inner.active a { color:#f6cf00; text-decoration:none }

.content-sneak-preview .gallery-padding { height: 80px; }

.content-downloads { position:absolute; width:100%; z-index:100; text-align:center }
.content-downloads h1 { display:inline; }
.downloads-block { margin-top: 100px }
ul.downloads-list { margin:0px 20px 0px 40px; padding:0px; line-height:120%; list-style:none; box-sizing: border-box; -moz-box-sizing: border-box }
ul.downloads-list li { margin:0px 0px 20px 0px; padding:0px; font-family:"GothamMedium"; }
ul.downloads-list a { text-decoration: none;  }
ul.downloads-list a span { border-bottom: 1px solid #868686; -webkit-transition: all 400ms; transition: all 400ms; }
ul.downloads-list a:hover span { border-bottom: 1px solid #ffbd00; }

.button-download { display: inline-block; margin-top: 40px; color: #fff; text-decoration: none; border: 1px solid #fff; padding: 15px 25px; font-weight: 600;  }
.button-download:hover { color: #ffbd00; text-decoration: none; border: 1px solid #ffbd00; }

a.icon-word, a.icon-excel, a.icon-pdf { display:block; min-height:30px; padding-left:37px; color:#FFF; font-size:14px; padding-top:7px }
a.icon-word:hover, a.icon-excel:hover, a.icon-pdf:hover { color:#f2bb00 }
a.icon-word { background:url(../img/icon_word.png) top left no-repeat; }
a.icon-excel { background:url(../img/icon_excel.png) top left no-repeat; }
a.icon-pdf { background:url(../img/icon_pdf.png) top left no-repeat; }

.download-icon-1 { position:absolute; left:-170px; z-index:100; background:url(../img/download_icon_big_1.png) no-repeat; width:134px; height:134px }
.download-icon-2 { position:absolute; left:20%; z-index:100; background:url(../img/download_icon_big_2.png) no-repeat;  width:140px; height:140px }
.download-icon-3 { position:absolute; right:-180px; z-index:100; background:url(../img/download_icon_big_3.png) no-repeat;  width:178px; height:178px }


.content-author { position:absolute; width:345px; left:0px; z-index:100; line-height:130%; color:#dcdcdc; text-align: justify; font-size: 14px; }
.content-author h1 { border-bottom: 1px solid #ffbd00; font-size: 20px; display: block }
.sep-dark { height: 45px; background:url(../img/background_texture.png); display: none }

.content-order { position:absolute; width:100%; left:0px; z-index:100; color:#FFF; text-align:left }

ul.social-icons { margin:30px 0 0 0; padding:0px; list-style:none; /*width:135px;*/ }
ul.social-icons li { float:left; }
ul.social-icons li a { float:left; width:39px; height:39px; background:url(../img/social.png); margin:0 18px 0 0px; }
ul.social-icons li a.in { background-position:0px 0px; }
ul.social-icons li a.fb { background-position:-39px 0px; }
ul.social-icons li a.tw { background-position:-78px 0px; }
ul.social-icons li a.in:hover { background-position:0px -39px; }
ul.social-icons li a.fb:hover { background-position:-39px -39px; }
ul.social-icons li a.tw:hover { background-position:-78px -39px; }

h1 { font-size:21px; font-family:"GothamMedium"; margin-bottom:24px; border-bottom:1px solid #f0c903; display:inline-block; padding-bottom:20px; letter-spacing:2px; color:#FFF; font-weight: 400  }

a.button-orange { 
	height:44px; line-height:44px; display:inline-block; padding:0px 20px; background:#f2bb00; color:#000; font-size:14px; text-decoration:none; text-transform:uppercase; font-size:13px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; letter-spacing:1px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px; 

}
a.button-orange:hover { color:#FFF; background:#828282 }

.order-list { margin:0; padding:0px; display: table; width: 100% }
.order-list div.cell { display:table-cell; text-align: center; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #3e3d3d; letter-spacing: 1px; line-height: 150%; }
.order-list div.cell img { height: auto; max-width: 100% }
.order-list div.cell p { margin-bottom: 3px; }
.order-list div.cell p a { font-weight: 300; color: #3e3d3d; text-decoration: none; border-bottom: 1px solid #ccc }
.order-list div.cell p a:hover { color: #000; text-decoration: none; border-bottom: 1px solid #000 }
.order-list div.cell p span { font-weight: 300; color: #bfbfbf; }

.column_1of2 { width:50%; float:left; text-align: left }


.footer-block { position:relative }
footer { position:absolute; height: 70px; z-index:200; width:100%; text-align:center; background: #000 }
footer .roi { padding: 24px 0 0 50px; float:left; }
footer .roi .social {
	display: block; width: 25px; height: 25px; float: left; margin-right: 4px; float: left; background:url(../img/social_icons.png) no-repeat;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
footer .roi .social:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

footer .roi .social.linkedin { background-position: -58px 0px;}
footer .roi .social.facebook { background-position: 0px 0px;}
footer .roi .social.twitter { background-position: -29px 0px;}
footer .roi p { font-size:14px; font-family: "GothamBold"; margin-left: 12px; margin-bottom: 0px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; color:#6c6c6c; line-height: 25px; float: left; font-weight: 400; }
footer .copyright { font-size:11px; color:#bcbcbc; font-family:Arial, Helvetica, sans-serif; line-height: 140%; float:right; text-align: right; padding: 20px 50px 0 0; margin-bottom: 0; }
footer .copyright a { color:#bcbcbc; text-decoration: none }
footer .copyright a:hover { color:#f2bb00; }

.input-text { padding:6px 10px; }
.input-button { font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-transform:uppercase; letter-spacing:1px;  }


#download_colorbox { padding:7px; color: #FFF; line-height:160% }
#download_colorbox h2 { color: #FFF; font-size:26px; font-family:"GothamMedium"; letter-spacing:1px; margin-bottom:40px }
#download_colorbox p { margin-bottom:15px;}
#download_colorbox .left { width:380px; }
#download_colorbox .left p strong span { color:#f6cf00; }
#download_colorbox .right { width:250px; }
#download_colorbox .input-text { width:230px; margin-bottom:15px; }
#download_colorbox .input-button { display:block; background:#f6cf00; height:40px; padding:0px 20px; border:none; cursor:pointer }
#download_colorbox .input-button:hover { background:#f6b300;  }
#download_colorbox .input-button  { margin-top:13px }



.swiper-container-slide{ position:relative;-ms-touch-action:none; height:400px; overflow:hidden }
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:10px;}
.swiper-scrollbar-cursor-drag{cursor:move;}
a.swiper-container-slide-up, a.swiper-container-slide-down { display:block; width:22px; height:11px; background:url(../img/arrows_small.png) no-repeat; margin:20px auto }
a.swiper-container-slide-up { background-position:top; }
a.swiper-container-slide-down { background-position:bottom }