@charset "utf-8";
/* CSS Document */

html, body {
	font-family: 'ProximaNova-Regular';
}
html {
	font-size: 10px;
}
body {
	font-size: 1.4rem;
	background: #005288;
}

/*BUTTONS*/
.btn-extra-lg {
    padding: 15px 30px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 30px;}
	
.btn-yellow { background:#ffe70e; color:#000; box-shadow: 0 0 0px rgba(0,0,0,0.00); outline:none;}
.btn-yellow:hover, .btn-yellow:focus { background:#ffed49; box-shadow: 0 5px 10px rgba(0,0,0,0.30); outline:none;}
.btn-blue { background:#005288; color:#fff; box-shadow: 0 0 0px rgba(0,0,0,0.00); outline:none;}
.btn-blue:hover, .btn-blue:focus { background:#0074c1; box-shadow: 0 5px 10px rgba(0,0,0,0.30); outline:none; color:#fff;}
.btn-transparent-yellow { background:none; color:#fff; box-shadow: 0 0 0px rgba(0,0,0,0.00); outline:none; border:2px solid #fff;}
.btn-transparent-yellow:hover, .btn-transparent-yellow:focus { background:#ffe70e; color:#005288; box-shadow: 0 0 0px rgba(0,0,0,0.00); outline:none; border:2px solid #ffe70e;}

.btn-yellow, .btn-yellow:hover, .btn-yellow:focus, .btn-blue, .btn-blue:hover, .btn-blue:focus, .btn-transparent-yellow, .btn-transparent-yellow { transition:all ease 0.3s; outline:none;}

.site-link {margin: 16px 0px -15px;} 

.arrow-down { display:block; width:60px; height:60px; border-radius:50%; margin:0 auto; text-align:center; text-decoration:none; font-size:2rem; padding-top:20px; z-index:900; position:absolute; left:50%; margin-left:-30px}
.arrow-down:hover, .arrow-down:focus { text-decoration:none}
.block-2 .arrow-down { background:none; border:1px solid #fff; color:#ffe70e; margin-top:-20px; }
.block-2 .arrow-down:hover { background:#ffe70e; color:#000; border:1px solid #ffe70e;}
.block-3 .arrow-down { margin-top:-30px; margin-bottom:-30px; background:#0c1522; color:#ffe70e;}
.block-3 .arrow-down:hover {color:#fff;}
.block-5 .arrow-down { margin-top:-90px;  background:#005288; color:#ffe70e; z-index:1000}
.block-5 .arrow-down:hover {color:#fff;}
.block-6 .arrow-down { margin-top:-115px;  background:#005288; color:#ffe70e; z-index:1000}
.block-6 .arrow-down:hover {color:#fff;}
.block-7 .arrow-down { margin-top:-90px;  background:#a9a6a1; color:#ffe70e; z-index:1000}
.block-7 .arrow-down:hover {color:#fff;}

/*<!--LISTS-->*/
.list-dotted { padding-left:15px; text-align:left; }
/*NAVIGATION*/
.navigation { position: fixed; top:15px; right:15px; z-index:500;}
.navigation ul.nav { display:block; padding:0; margin:0; list-style:none;}
.navigation ul.nav li { display:block; background: url(../images/nav-ico.svg) right center no-repeat; background-size: 30px 30px; height:40px; width:170px }
.navigation ul.nav li:hover, .navigation ul.nav li:focus, .navigation ul.nav li.active   {background: url(../images/nav-ico-active.svg) right center no-repeat; background-size: 30px 30px; }
.navigation ul.nav li a { opacity:0;  overflow:hidden;  display:block;  text-align:right; padding:0; width:0px; height:40px; padding-right:30px; float:right; color:#fff; t}
.navigation ul.nav li a:hover, .navigation ul.nav li a:focus {width:210px; background:none; padding-right:40px; opacity:1; height:40px; padding-top:10px; color:#fff; transition:opacity ease 0.3s}


/* Large devices (large desktops, 1200px and up) */

	/*BLOCK 1*/
.block-1 {
	background: #000 url(../images/block-1-bg-lg.jpg) no-repeat top center;
	min-height:700px;	
	padding-top:45px;
	z-index:20;
}
.block-1 h2, .block-1 h1 { color:#ffe70e; font-family: 'ProximaNova-Black'; line-height: 1; margin:0; padding:0;}
.block-1 h2 { font-size: 9.2rem}
.block-1 h1 { font-size: 10.8rem}
.block-1 h3 { font-size:6rem; font-family: 'ProximaNova-Bold'; color:#fff; margin:0; padding:0; line-height:normal; margin-bottom:85px;}

.block-1 h3 .round { font-size:3.2rem; display:inline-block; width:60px; height:60px; border:2px solid #fff; border-radius:50%; padding:0; text-align:center; line-height:70px; padding-bottom:30px;}
.barrel { width:494px; height:485px; background:url(../images/barrel-lg.png) no-repeat center top; background-size:contain; position:absolute; margin-left:630px; top:180px; z-index:1;}
.canister {width:332px; height:290px; position:absolute; background:url(../images/canister-lg.png) no-repeat top center; background-size:contain; margin-left:830px; top:440px; z-index:2}
.pointer { background: url(../images/pointer.svg) left top; background-size:cover; color:#005288; font-family: 'ProximaNova-Black'; text-align:right; padding:30px 100px 30px 30px; width: 400px; position:absolute; font-size:4.8rem; line-height:1; margin-left:440px; top:345px; z-index:0}
.block-1 .btn-extra-lg {
	padding: 20px 45px;
    font-size: 24px;
    line-height: 1.3333333;
    border-radius: 40px;
	font-family: 'ProximaNova-Bold';
	}
/*BLOCK 2*/
.block-2 {
	background: #000;
	min-height:215px;
	 
}
/*call*/
.call-container { display:flex; justify-content:center; align-items:center; height:320px; margin-top:-160px; }
.call { background:#ffe70e; width:180px; height:180px;  border-radius:50%;  display:flex; justify-content:center; align-items:center;  margin:30px; box-shadow: 0 0 0 0px rgba(255,255,255,0.00); z-index:10}
.call-content { width:180px; height:180px; overflow:hidden;  border-radius:50%; padding:30px; }
.call img { width:57px; height:auto; margin:0 auto; display:block; opacity:1}
.call ul { list-style:none; padding:0; margin-top:100px; opacity:0}
.call ul li { padding-left:26px; background:url(../images/check.png) no-repeat left top; line-height:normal; padding-bottom:5px;}


.call:hover { width:320px; height:320px; box-shadow: 0 0 0 20px rgba(255,255,255,0.50)}
.call:hover .call-content {width:250px; height:250px; overflow:hidden;  border-radius:0%; padding:30px; }
.call:hover img { margin-top:-100px; margin-bottom:50px; opacity:0}
.call:hover ul {margin-top: 20px; opacity:1}

.call, .call:hover { transition: all ease-in-out 0.5s}
.call ul, .call-content, .call img  {transition: all ease-in-out 0.3s;}
.call:hover ul, .call:hover .call-content, .call:hover img {transition: all ease-in-out 0.3s; transition-delay:0.5s}


/*BLOCK 3*/
.block-3 {
	background: url(../images/block-3-bg-lg.jpg) no-repeat center top; 
}
.block-3 h1 { color:#ffe70e; font-family: 'ProximaNova-Black'; font-size:8.0rem}
/*carousel*/
.carousel.carousel-fade .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity:0;
}

.carousel.carousel-fade .active.item {
	opacity:1;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
	left: 0;
	z-index: 1;
}

.carousel.carousel-fade .carousel-control {
	z-index: 3;
}
.carousel-map { height:486px; background:url(../images/map-lg.png) no-repeat top left; padding:0; margin-bottom:50px }
.carousel-indicators { width:280px; top:100px; margin-left:290px; }
.carousel-map .carousel-indicators li { background:rgba(255,255,255,0.0); display:block; text-indent: inherit; height:46px; width:100%; padding:10px 0; text-align:center; margin:0; margin-bottom:10px; font-size:1.6rem; border-radius:23px; border:2px solid #fff; color:#fff; }
.carousel-map .carousel-indicators li.active { background:#fff200; border:2px solid #fff200; color:#000;}
.carousel-map .carousel-indicators li, .carousel-map .carousel-indicators li.active { transition:all ease 0.8s; }

.carousel.carousel-map .item { padding:0; margin:0;}
.startup { margin-top:89px; margin-left:128px; }
.producer { margin-top:37px; margin-left:182px; }
.retail { margin-top:98px; margin-left:74px; }
.trading { margin-top:34px; margin-left:183px; }

/*block-3-footer*/
.block-3-footer {background: linear-gradient(360deg, rgba(0,0,0,1)0%, rgb(0 0 0 / 0%)100%), rgb(0 0 0 / 0%); height:90px; z-index:20}
.block-3-footer .btn { margin-top:-30px;}

/*BLOCK 4*/
.block-4 {
	background:url(../images/thinking_man.png) bottom center no-repeat,
	 url(../images/b-4-bg-lg.jpg) center -180px no-repeat, #0c1522
	;
	min-height:740px;
	display:flex;
	flex-wrap:wrap;
	
}
.block-4-footer { align-self:flex-end; width:100%; height:200px; text-align:center; background: linear-gradient(to top, rgba(0,0,0,1.0), rgba(0,0,0,0.0)); padding-top:25px;}
.block-4-heading { text-align:center; font-family: 'TTMastersDEMOBirdsRegular'; color:#fff200; font-size:6.5rem; margin-top:30px;}
.item-risks img { width:118px; height: auto; display:block; margin:0 auto; margin-bottom:20px }

/*.item-market img { width:112px; height: auto; display:block; margin:0 auto;  margin-bottom:20px}
.item-bestsellers img { width:97px; height: auto; display:block; margin:0 auto;  margin-bottom:20px}*/
.item-business img { width:127px; height: auto; display:block; margin:0 auto;  margin-bottom:20px}
.you-need-item { color:#fff200; text-align:center; width:250px; position:absolute; font-family: 'TTMastersDEMOBirdsRegular'; font-size:2.0rem }
.item-risks { margin:310px 30px;}
.item-market {margin:0px 200px;}
.item-bestsellers {margin:0px 630px;}
.item-business {margin:310px 850px;}
.thinking-man { display:block; margin: 205px auto 0 auto}
.you-need-item>div { height:210px; width:210px; background:url(../images/you-need-item-bg.png) center no-repeat;  margin:0 auto; background-size: 0px; margin-bottom:-25px; }
.you-need-item:hover>div { background: url(../images/you-need-item-bg.png) center no-repeat; width:210px; height:210px; background-size: 210px; margin-bottom:10px;  }
.you-need-item>div, .you-need-item:hover>div { transition:all ease 0.3s}
.you-need-item>div>div {width:100%; height:100%;}
.item-risks>div>div {background:url(../images/risks.svg) center no-repeat; background-size:contain;}
.item-market>div>div {  background:url(../images/market.svg) center no-repeat; background-size:contain;}
.item-bestsellers>div>div {background:url(../images/bestseller.svg) center no-repeat; background-size:contain;}
.item-business>div>div {background:url(../images/business.svg) center no-repeat; background-size:contain;}
.item-risks:hover>div>div {background:url(../images/risks-hover.svg) center no-repeat; background-size:contain;}
.item-market:hover>div>div {  background:url(../images/market-hover.svg) center no-repeat; background-size:contain;}
.item-bestsellers:hover>div>div {background:url(../images/bestseller-hover.svg) center no-repeat; background-size:contain;}
.item-business:hover>div>div {background:url(../images/business-hover.svg) center no-repeat; background-size:contain;}


/*BLOCK 5*/
.block-5 {
	background: #005288;
	padding:60px 0;
	
}
.block-5-thumbnail { color:#fff; background:none; border:none; border-radius:0;}
.block-5-thumbnail h2{font-family: 'ProximaNova-Bold'; font-size: 3.6rem; color:#ffe600;} 
.block-5-thumbnail .caption { color:#fff;}
.block-5-thumbnail .caption ul>li { padding-bottom:8px;}

.block-5 h1 {font-family: 'ProximaNova-Black'; color:#ffe600; font-size:7.2rem;}
.bl-5-item>div  {align-self: center; padding-bottom:15px; border-bottom:1px solid rgba(0,0,0,0.1) }

.idea {height:400px; }
.plan {height:400px; }
.action {height:400px;}
.result {height:400px;}



/*BLOCK 6*/
.block-6 {
	background: url(../images/block-6-bg-lg.jpg) top center no-repeat ; 
	padding:80px 0 130px 0;
}
.block-6 h1 {font-family: 'ProximaNova-Black'; color:#ffe600; font-size:7.2rem;}
.block-6 .thumbnail { background:none; border:none;}
.block-6 .thumbnail img { width:160px; height:auto}
.block-6 .thumbnail .caption h4 { color:#fff; text-align:center; font-size:1.6rem}
.block-6 .items { margin-top:50px;}
.block-6 h2 {color:#ffe600;}
.block-6 .buttons { margin-top: 50px; text-align:center}
.block-6 .icon-play, .block-6 .icon-info { padding-right:15px;}
/*BLOCK 7*/
.block-7 { min-height:600px; background:#000 url(../images/block-7-bg-lg.jpg) top center no-repeat; padding:60px 0 30px 0}
.block-7 h1 {font-family: 'ProximaNova-Black'; color:#fff; font-size:34px; margin:0; }

/*form-bottom*/
.form-container { margin-top:-30px}
.form-bottom { background: rgba(255,255,255,0.5); border-radius: 15px; padding:45px 45px 0px 45px; margin-top:25px; margin-bottom:-70px; }
.form-bottom .input-lg { border-radius:23px; border:0; background-color:#FFFFFF; background-repeat:no-repeat; box-shadow:none; font-size:1.4rem; background-size:46px auto; padding-left:56px;  }
.form-bottom .input-lg:focus { background-color:#fff200; box-shadow:none; color:#000; }
.form-bottom .message { background:#fff200; margin-left:-45px; margin-right:-45px; padding:5px 45px 10px 45px; margin-bottom:0;}
.form-bottom textarea { background: url(../images/form-bottom-stroke.png) top; border:0; border-radius:0; box-shadow:none;  display: block; line-height:46px;}
.form-bottom textarea:focus { box-shadow:none;}
.form-bottom .submit { background:#fff200; margin-left:-45px; margin-right:-45px; padding:5px 45px 45px 45px; margin-bottom:0; border-radius:0 0 15px 15px; text-align:center;}
.form-bottom .skype { margin-bottom:30px;}

.form-bottom .country input {background-image: url(../images/map-marker-icon.svg);background-position: 10px 0;}
.form-bottom .phone input {background-image: url(../images/phone-icon.svg);background-position: 10px 0;}
.form-bottom .company input { background-image:url(../images/company-icon.svg); background-position:10px 0;}
.form-bottom .person input { background-image:url(../images/person-icon.svg); background-position:10px 0;}
.form-bottom .email input { background-image:url(../images/email-icon.svg); background-position:10px 0;}
.form-bottom .skype input { background-image:url(../images/skype-icon.svg); background-position:10px 0;}
.form-bottom .company input:focus, .form-bottom .country input:focus, .form-bottom .person input:focus, .form-bottom .email input:focus, .form-bottom .phone input:focus, .form-bottom .skype input:focus{ background-position:10px -46px; }
.form-bottom .company input:focus, .form-bottom .country input:focus, .form-bottom .person input:focus, .form-bottom .email input:focus, .form-bottom .phone input:focus, .form-bottom .skype input:focus, .form-bottom .company input, .form-bottom .person input .form-bottom .email input, .form-bottom .skype input { transition:all ease 0.3s}
 
.form-bottom input::-webkit-input-placeholder       { color:#7fa8c3; text-indent: 0px;   transition: text-indent 0.3s ease;}
.form-bottom input::-moz-placeholder                {color:#7fa8c3; text-indent: 0px;   transition: text-indent 0.3s ease;}
.form-bottom input:-moz-placeholder                 {color:#7fa8c3; text-indent: 0px;   transition: text-indent 0.3s ease;}
.form-bottom input:-ms-input-placeholder            {color:#7fa8c3; text-indent: 0px;   transition: text-indent 0.3s ease;}
.form-bottom input:focus::-webkit-input-placeholder {text-indent: 500px; transition: text-indent 0.3s ease;}
.form-bottom input:focus::-moz-placeholder          {text-indent: 500px; transition: text-indent 0.3s ease;}
.form-bottom input:focus:-moz-placeholder           {text-indent: 500px; transition: text-indent 0.3s ease;}
.form-bottom input:focus:-ms-input-placeholder      {text-indent: 500px; transition: text-indent 0.3s ease;}

/*<!--FOOTER-->*/
.footer { padding:70px 0 30px 0; background:#005288; color:#fff; }
.footer .contacts { color:#fff200; text-align:center; padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:30px;}
.footer .contacts>div { border-right:1px solid #fff200; }
.footer .contacts>div:last-child { border-right:none;}


/*MODAL*/
.modal .modal-content { background:rgba(255,255,255,0.9); border:none; border-radius:15px; padding:36px;}
.modal-title { color:#005288; padding-bottom:15px;}
.modal-title-little { color:#005288; margin-top: -14px;}
.modal .close { margin-right:-75px; margin-top:-75px; width: 26px; height:26px; color:#fff; transform:rotate(0deg); opacity:0.8 }
.modal .close:hover { transform:rotate(90deg)}
.modal .close, modal .close:hover { transition:all ease 0.3s}
.modal-dialog { margin-top:60px;}
.modal .input-lg { border-radius:23px; border:0; background-color:#FFFFFF; background-repeat:no-repeat; box-shadow:none; font-size:1.4rem; background-size:46px auto; padding-left:56px;}
.modal .input-lg:focus { background-color:#78a2be; box-shadow:none; color:#fff; }
.modal textarea { background: url(../images/form-bottom-stroke.png) top; border:0; border-radius:0; box-shadow:none;  display: block; line-height:46px;}
.modal textarea:focus { box-shadow:none;}
.modal .input-lg, .modal .input-lg:focus { transition: all ease 0.3s;}
.modal input::-webkit-input-placeholder       { color:#5a829d; text-indent: 0px;   transition: text-indent 0.3s ease;}
.modal input::-moz-placeholder                {color:#5a829d; text-indent: 0px;   transition: text-indent 0.3s ease;}
.modal input:-moz-placeholder                 {color:#5a829d; text-indent: 0px;   transition: text-indent 0.3s ease;}
.modal input:-ms-input-placeholder            {color:#5a829d; text-indent: 0px;   transition: text-indent 0.3s ease;}
.modal input:focus::-webkit-input-placeholder {text-indent: 500px; transition: text-indent 0.3s ease;}
.modal input:focus::-moz-placeholder          {text-indent: 500px; transition: text-indent 0.3s ease;}
.modal input:focus:-moz-placeholder           {text-indent: 500px; transition: text-indent 0.3s ease;}
.modal input:focus:-ms-input-placeholder      {text-indent: 500px; transition: text-indent 0.3s ease;}
.modal .submit { margin-left:-45px; margin-right:-45px; padding:5px 45px 0px 45px; margin-bottom:0; text-align:center;}
.modal .skype { margin-bottom:30px;}
.modal .country input { background-image:url(../images/map-marker-icon-modal.svg); background-position:10px 0;}
.modal .company input { background-image:url(../images/company-icon-modal.svg); background-position:10px 0;}
.modal .person input { background-image:url(../images/person-icon-modal.svg); background-position:10px 0;}
.modal .email input { background-image:url(../images/email-icon-modal.svg); background-position:10px 0;}
.modal .phone input { background-image:url(../images/phone-icon-modal.svg); background-position:10px 0;}
.modal .skype input { background-image:url(../images/skype-icon-modal.svg); background-position:10px 0;}
.modal .company input:focus, .modal .country input:focus, .modal .person input:focus, .modal .email input:focus, .modal .phone input:focus, .modal .skype input:focus{ background-position:10px -46px; }
.modal .company input:focus, .modal .country input:focus, .modal .person input:focus, .modal .email input:focus, .modal .phone input:focus, .modal .skype input:focus, .modal .company input, .modal .person input .modal .email input, .modal .skype input { transition:all ease 0.3s}

.only-mob-btn {	display:none; }
.only-desk-btn { display:initial; }


/* Medium devices (desktops, 992px and up) */
@media (max-width: 1199px) {

}
/* Small devices (tablets, 768px and up) */
@media (max-width: 991px) {
	

/*BLOCK 1*/
.block-1 {
	
	min-height:750px;	
	padding-top:55px;
	z-index:20;
}
.barrel { width:306px; height:300px; background:url(../images/barrel-lg.png) no-repeat center top; background-size:contain; position:absolute; margin-left:400px; top:350px; z-index:1;}
.canister {width:198px; height:170px; position:absolute; background:url(../images/canister-lg.png) no-repeat top center; background-size:contain; margin-left:540px; top:515px; z-index:2}
.pointer { background: url(../images/pointer.svg) left top; background-size:contain; color:#005288; font-family: 'ProximaNova-Black'; text-align:right; padding:30px 110px 30px 30px; width: 300px; position:absolute; font-size:3.0rem; line-height:1; margin-left:280px; top:420px; z-index:0}
.block-1 h3 { font-size:6rem; font-family: 'ProximaNova-Bold'; color:#fff; margin:0; padding:0; line-height:normal; margin-bottom:130px;}



/*BLOCK 2*/
.block-2 {
	background: #000;
	min-height:215px;
	 
}
/*call*/
.call-container { display:flex; justify-content: space-around; align-items:center; height:320px; margin-top:-160px; }
.call { background:#ffe70e; width:180px; height:180px;  border-radius:50%;  display:flex; justify-content:center; align-items:center;  margin:30px 0; box-shadow: 0 0 0 0px rgba(255,255,255,0.00); z-index:10}
.call-content { width:180px; height:180px; overflow:hidden;  border-radius:50%; padding:30px; }
.call img { width:57px; height:auto; margin:0 auto; display:block; opacity:1}
.call ul { list-style:none; padding:0; margin-top:100px; opacity:0}
.call ul li { padding-left:26px; background:url(../images/check.png) no-repeat left top; line-height:normal; padding-bottom:5px;}


.call:hover { width:300px; height:300px; box-shadow: 0 0 0 20px rgba(255,255,255,0.50); margin:0 0}
.call:hover .call-content {width:250px; height:250px; overflow:hidden;  border-radius:0%; padding:30px; }
.call:hover img { margin-top:-100px; margin-bottom:50px; opacity:0}
.call:hover ul {margin-top: 20px; opacity:1}

.call, .call:hover { transition: all ease-in-out 0.5s}
.call ul, .call-content, .call img  {transition: all ease-in-out 0.3s;}
.call:hover ul, .call:hover .call-content, .call:hover img {transition: all ease-in-out 0.3s; transition-delay:0.5s}



/*BLOCK 3*/
.block-3 {
	background: url(../images/block-3-bg-lg.jpg) no-repeat center top; ;
}
.block-3 h1 { color:#ffe70e; font-family: 'ProximaNova-Black'; font-size:8.0rem}
/*carousel*/
.carousel.carousel-fade .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity:0;
}

.carousel.carousel-fade .active.item {
	opacity:1;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
	left: 0;
	z-index: 1;
}

.carousel.carousel-fade .carousel-control {
	z-index: 3;
}
.carousel-map { height:486px; background:url(../images/map-sm.png) no-repeat top left; padding:0; margin-bottom:50px }
.carousel-indicators { width:100%; top:auto; left:0px; margin-left:0; display:flex; align-content:space-around }

.carousel-map .carousel-indicators li { background:rgba(255,255,255,0.0); display:block; text-indent: inherit; height:50px; width:24%; padding:10px 0; text-align:center; margin:auto; margin-bottom:10px; font-size:1.2rem; border-radius:25px; border:2px solid #fff; color:#fff; }
.carousel-map .carousel-indicators li.active { background:#fff200; border:2px solid #fff200; color:#000;}
.carousel.carousel-map .item { padding:0; margin:0;}
.startup { margin-top:0px; margin-left:0px; }
.producer { margin-top:0px; margin-left:0px; }
.retail { margin-top:0px; margin-left:0px; }
.trading { margin-top:0px; margin-left:0px; }

/*block-3-footer*/
.block-3-footer { background:rgba(0,0,0,0.50); height:150px; z-index:20}
.block-3-footer .btn { margin-top:-30px;}
/*BLOCK 4*/
.block-4 {
	background:url(../images/thinking_man-sm.png) bottom center no-repeat,
	 url(../images/b-4-bg-sm.jpg) center bottom no-repeat, #0c1522
	;
	min-height:800px;
	display:flex;
	flex-wrap:wrap;
	
}
.block-4-footer { align-self:flex-end; width:100%; height:200px; text-align:center; background: linear-gradient(to top, rgba(0,0,0,1.0), rgba(0,0,0,0.0)); padding-top:25px;}
.block-4-heading { text-align:center; font-family: 'TTMastersDEMOBirdsRegular'; color:#fff200; font-size:8.5rem; margin-top:50px;}





.you-need-item { color:#fff200; text-align:center; width:180px; position:absolute; font-family: 'TTMastersDEMOBirdsRegular'; font-size:1.4rem }
.item-risks { margin:230px 0px;}
.item-market {margin:20px 100px;}
.item-bestsellers {margin:20px 400px;}
.item-business {margin:230px 540px;}
.thinking-man { display:block; margin: 205px auto 0 auto}
.you-need-item>div { height:150px; width:150px; background:url(../images/you-need-item-bg.png) center no-repeat;  margin:0 auto; background-size: 0px; margin-bottom:-25px; }
.you-need-item:hover>div { background: url(../images/you-need-item-bg.png) center no-repeat; width:150px; height:150px; background-size: 150px; margin-bottom:10px;  }
.you-need-item>div, .you-need-item:hover>div { transition:all ease 0.3s}
.you-need-item>div>div {width:100%; height:100%;}
.item-risks>div>div {background:url(../images/risks.svg) center no-repeat; background-size:contain;}
.item-market>div>div {  background:url(../images/market.svg) center no-repeat; background-size:contain;}
.item-bestsellers>div>div {background:url(../images/bestseller.svg) center no-repeat; background-size:contain;}
.item-business>div>div {background:url(../images/business.svg) center no-repeat; background-size:contain;}
.item-risks:hover>div>div {background:url(../images/risks-hover.svg) center no-repeat; background-size:contain;}
.item-market:hover>div>div {  background:url(../images/market-hover.svg) center no-repeat; background-size:contain;}
.item-bestsellers:hover>div>div {background:url(../images/bestseller-hover.svg) center no-repeat; background-size:contain;}
.item-business:hover>div>div {background:url(../images/business-hover.svg) center no-repeat; background-size:contain;}


/*BLOCK 5*/
.block-5 {
	background: #005288;
	padding:60px 0;
	
}

.block-5-thumbnail h2{font-family: 'ProximaNova-Bold'; font-size: 2.4rem; color:#ffe600;} 
.block-5-thumbnail .caption ul { padding:0px;}
.block-5 h1 {font-family: 'ProximaNova-Black'; color:#ffe600; font-size:5.8rem;}
.bl-5-item>div  {align-self: center; padding-bottom:15px; border-bottom:1px solid rgba(0,0,0,0.1) }

.idea {height:400px; }
.plan {height:400px; }
.action {height:400px;}
.result {height:400px;}

/*BLOCK 6*/
.block-6 {
	background: url(../images/block-6-bg-lg.jpg) top center no-repeat ; min-height:600px;
	padding:80px 0;
}
.block-6 h1 {font-family: 'ProximaNova-Black'; color:#ffe600; font-size:5.8rem;}
.block-6 .thumbnail { background:none; border:none;}
.block-6 .thumbnail img { width:160px; height:auto}
.block-6 .thumbnail .caption h4 { color:#fff; text-align:center; font-size:1.2rem}
.block-6 .items { margin-top:50px;}
.block-6 h2 {color:#ffe600;}
.block-6 .buttons { margin-top: 50px; text-align:center}
.block-6 .icon-play, .block-6 .icon-info { padding-right:15px;}

/*<!--FOOTER-->*/
.footer { padding:70px 0 30px 0; background:#005288; color:#fff; }
.footer .contacts { color:#fff200; text-align:center; padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:30px; }
.footer .contacts>div { border-right:1px solid #fff200; font-size:12px; }
.footer .contacts>div:last-child { border-right:none;}








}



/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
	
.only-mob-btn {	display:inherit; }
.only-desk-btn { display:none; }

.call { width:320px!important; height:320px!important; box-shadow: 0 0 0 20px rgba(255,255,255,0.50)}
.call .call-content {width:250px!important; height:250px!important; overflow:hidden!important;  border-radius:0%!important; padding:30px!important; }
.call img { margin-top:-100px!important; margin-bottom:50px!important; opacity:0!important}
.call ul {margin-top: 20px!important; opacity:1!important}

.call, .call { transition: all ease-in-out 0.5s!important}
.call ul, .call-content, .call img  {transition: all ease-in-out 0.3s!important;}
.call ul, .call .call-content, .call img {transition: all ease-in-out 0.3s!important; transition-delay:0.5s!important}






	/*BLOCK 1*/
.block-1 {
	background: #000 url(../images/block-1-bg-xs.jpg) no-repeat top center;
	min-height:600px;	
	padding-top:35px;
	z-index:20;
}
.block-1 h2, .block-1 h1 { color:#ffe70e; font-family: 'ProximaNova-Black'; line-height: 1; margin:0; padding:0;}
.block-1 h2 { font-size: 3.6rem}
.block-1 h1 { font-size: 4.4rem}
.block-1 h3 { font-size:2.4rem; font-family: 'ProximaNova-Bold'; color:#fff; margin:0; padding:0; line-height:normal; margin-bottom:30px;}
.modal-btn { text-align:center}
.block-1 h3 .round { font-size:3.2rem; display:inline-block; width:60px; height:60px; border:2px solid #fff; border-radius:50%; padding:0; text-align:center; line-height:70px; padding-bottom:30px;}
.canisters-small { background: url(../images/canisters-small.png) no-repeat center; background-size:contain; width:290px; height:217px; margin: 30px auto}
.block-1 .btn-extra-lg {
	padding: 20px 45px;
    font-size: 24px;
    line-height: 1.3333333;
    border-radius: 40px;
	font-family: 'ProximaNova-Bold';
	}
/*BLOCK 2*/
.block-2 {
	background: #000;
	min-height:215px;
	 
}
/*call*/
.call-container { display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:300px; height:auto; margin-top:-120px; }
.call { background:#ffe70e; width:180px; height:180px;  border-radius:50%;  display:flex; justify-content:center; align-items:center;  margin:30px; box-shadow: 0 0 0 0px rgba(255,255,255,0.00); z-index:10}
.call-content { width:180px; height:180px; overflow:hidden;  border-radius:50%; padding:30px; }
.call img { width:57px; height:auto; margin:0 auto; display:block; opacity:1}
.call ul { list-style:none; padding:0; margin-top:100px; opacity:0}
.call ul li { padding-left:26px; background:url(../images/check.png) no-repeat left top; line-height:normal; padding-bottom:5px;}


.call:hover { width:270px; height:270px; box-shadow: 0 0 0 20px rgba(255,255,255,0.50)}
.call:hover .call-content {width:250px; height:250px; overflow:hidden;  border-radius:0%; padding:30px; }
.call:hover img { margin-top:-100px; margin-bottom:50px; opacity:0}
.call:hover ul {margin-top: 20px; opacity:1}

.call, .call:hover { transition: all ease-in-out 0.5s}
.call ul, .call-content, .call img  {transition: all ease-in-out 0.3s;}
.call:hover ul, .call:hover .call-content, .call:hover img {transition: all ease-in-out 0.3s; transition-delay:0.5s}
/*BLOCK 3*/
.block-3 {
	background: linear-gradient(to top, #082962, #000000);
	padding-top:60px;
}
.block-3 h1 { color:#ffe70e; font-family: 'ProximaNova-Black'; font-size:4.2rem}

.block-3 .media { color:#fff;}
.block-3 .media-xs { margin-bottom:30px;}
.map-xs { display:block; margin: 0 auto; margin-bottom:60px; }



/*carousel*/
.carousel.carousel-fade .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity:0;
}

.carousel.carousel-fade .active.item {
	opacity:1;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
	left: 0;
	z-index: 1;
}

.carousel.carousel-fade .carousel-control {
	z-index: 3;
}
.carousel-map { height:486px; background:url(../images/map-sm.png) no-repeat top left; padding:0; margin-bottom:50px }
.carousel-indicators { width:100%; top:auto; left:0px; margin-left:0; display:flex; align-content:space-around }

.carousel-map .carousel-indicators li { background:rgba(255,255,255,0.0); display:block; text-indent: inherit; height:50px; width:24%; padding:10px 0; text-align:center; margin:auto; margin-bottom:10px; font-size:1.2rem; border-radius:25px; border:2px solid #fff; color:#fff; }
.carousel-map .carousel-indicators li.active { background:#fff200; border:2px solid #fff200; color:#000;}
.carousel.carousel-map .item { padding:0; margin:0;}
.startup { margin-top:0px; margin-left:0px; }
.producer { margin-top:0px; margin-left:0px; }
.retail { margin-top:0px; margin-left:0px; }
.trading { margin-top:0px; margin-left:0px; }

/*block-3-footer*/
.block-3-footer { background:rgba(0,0,0,0.50); height:100px; z-index:20}
.block-3-footer .btn { margin-top:-30px;}

/*BLOCK 4*/
.block-4 {
	background: #0c1524 url(../images/b-4-bg-xs.jpg) center bottom no-repeat 	;
	background-size:cover;
	min-height:800px;
	display:flex;
	flex-wrap:wrap;
	
}
.block-4-footer { align-self:flex-end; width:100%; height:150px; text-align:center; background: linear-gradient(to top, rgba(0,0,0,1.0), rgba(0,0,0,0.0)); padding-top:35px;}
.block-4-heading { text-align:center; font-family: 'TTMastersDEMOBirdsRegular'; color:#fff200; font-size:4.8rem; margin-top:50px;}
.item-risks img { width:118px; height: auto; display:block; margin:0 auto; margin-bottom:20px }


.you-need-item { color:#fff200; text-align:center; width:250px; position:relative; font-family: 'TTMastersDEMOBirdsRegular'; font-size:2.0rem }
.item-risks { margin:0px auto;}
.item-market {margin:0px auto;}
.item-bestsellers {margin:0 auto;}
.item-business {margin:0 auto;}
.thinking-man { display:block; margin: 205px auto 0 auto}
.you-need-item>div { height:210px; width:210px; background:url(../images/you-need-item-bg.png) center no-repeat;  margin:0 auto; background-size: 0px; margin-bottom:-25px; }
.you-need-item:hover>div { background: url(../images/you-need-item-bg.png) center no-repeat; width:210px; height:210px; background-size: 210px; margin-bottom:10px;  }
.you-need-item>div, .you-need-item:hover>div { transition:all ease 0.3s}
.you-need-item>div>div {width:100%; height:100%;}
.item-risks>div>div {background:url(../images/risks.svg) center no-repeat; background-size:contain;}
.item-market>div>div {  background:url(../images/market.svg) center no-repeat; background-size:contain;}
.item-bestsellers>div>div {background:url(../images/bestseller.svg) center no-repeat; background-size:contain;}
.item-business>div>div {background:url(../images/business.svg) center no-repeat; background-size:contain;}
.item-risks:hover>div>div {background:url(../images/risks-hover.svg) center no-repeat; background-size:contain;}
.item-market:hover>div>div {  background:url(../images/market-hover.svg) center no-repeat; background-size:contain;}
.item-bestsellers:hover>div>div {background:url(../images/bestseller-hover.svg) center no-repeat; background-size:contain;}
.item-business:hover>div>div {background:url(../images/business-hover.svg) center no-repeat; background-size:contain;}

/*BLOCK 5*/
.block-5 {
	background: #005288;
	padding:60px 0 40px 0;
	height:auto;
}
.block-5-thumbnail { color:#fff; background:none; border:none; border-bottom:1px solid rgba(255,255,255,0.2)}
.block-5-thumbnail h2{font-family: 'ProximaNova-Bold'; font-size: 3.6rem; color:#ffe600;} 
.block-5-thumbnail .caption ul { padding:15px;}

.block-5 h1 {font-family: 'ProximaNova-Black'; color:#ffe600; font-size:3.6rem;}
.bl-5-item>div  {align-self: center; padding-bottom:15px; border-bottom:1px solid rgba(0,0,0,0.1) }
.block-5-footer { margin-top: 20px; }
.idea {height:400px; }
.plan {height:400px; }
.action {height:400px;}
.result {height:400px;}

/*BLOCK 6*/
.block-6 {
	background: #000 url(../images/block-6-bg-xs.jpg) top center no-repeat ; min-height:auto;
	padding:80px 0 60px 0;
}
.block-6 h1 {font-family: 'ProximaNova-Black'; color:#ffe600; font-size:3.6rem;}
.block-6 .thumbnail { background:none; border:none;}
.block-6 .thumbnail img { width:160px; height:auto}
.block-6 .thumbnail .caption h4 { color:#fff; text-align:center; font-size:1.6rem}
.block-6 .items { margin-top:50px;}
.block-6 h2 {color:#ffe600;}
.block-6 .buttons { margin-top: 50px; text-align:center}
.block-6 .buttons button { margin-top:15px;}
.block-6 .icon-play, .block-6 .icon-info { padding-right:15px;}

/*BLOCK 7*/
.block-7 { min-height:600px; background:#000 url(../images/block-7-bg-lg.jpg) top center no-repeat; padding:60px 0 30px 0}
.block-7 h1 {font-family: 'ProximaNova-Black'; color:#fff; font-size:2.4rem; }

/*form-bottom*/
.form-bottom { background: rgba(255,255,255,0.5); border-radius: 15px; padding:25px 25px 0px 25px; margin-top:25px; margin-bottom:-70px; }
.form-bottom .input-lg { border-radius:23px; border:0; background-color:#FFFFFF; background-repeat:no-repeat; box-shadow:none; font-size:1.4rem; background-size:46px auto; padding-left:56px;  }
.form-bottom .input-lg:focus { background-color:#fff200; box-shadow:none; color:#000; }
.form-bottom .message { background:#fff200; margin-left:-25px; margin-right:-25px; padding:5px 45px 10px 45px; margin-bottom:0;}
.form-bottom textarea { background: url(../images/form-bottom-stroke.png) top; border:0; border-radius:0; box-shadow:none;  display: block; line-height:46px;}
.form-bottom textarea:focus { box-shadow:none;}
.form-bottom .submit { background:#fff200; margin-left:-25px; margin-right:-25px; padding:5px 45px 45px 45px; margin-bottom:0; border-radius:0 0 15px 15px; text-align:center;}
.form-bottom .submit .btn-extra-lg { font-size:1.2rem}
.form-bottom .skype { margin-bottom:30px;}
.form-bottom .company input { background-image:url(../images/company-icon.svg); background-position:10px 0;}
.form-bottom .person input { background-image:url(../images/person-icon.svg); background-position:10px 0;}
.form-bottom .email input { background-image:url(../images/email-icon.svg); background-position:10px 0;}
.form-bottom .skype input { background-image:url(../images/skype-icon.svg); background-position:10px 0;}
.form-bottom .company input:focus, .form-bottom .person input:focus, .form-bottom .email input:focus, .form-bottom .skype input:focus{ background-position:10px -46px; }
.form-bottom .company input:focus, .form-bottom .person input:focus, .form-bottom .email input:focus, .form-bottom .skype input:focus, .form-bottom .company input, .form-bottom .person input .form-bottom .email input, .form-bottom .skype input { transition:all ease 0.3s}
 
.form-bottom input::-webkit-input-placeholder       { color:#7fa8c3; text-indent: 0px;   transition: text-indent 0.3s ease;}
.form-bottom input::-moz-placeholder                {color:#7fa8c3; text-indent: 0px;   transition: text-indent 0.3s ease;}
.form-bottom input:-moz-placeholder                 {color:#7fa8c3; text-indent: 0px;   transition: text-indent 0.3s ease;}
.form-bottom input:-ms-input-placeholder            {color:#7fa8c3; text-indent: 0px;   transition: text-indent 0.3s ease;}
.form-bottom input:focus::-webkit-input-placeholder {text-indent: 500px; transition: text-indent 0.3s ease;}
.form-bottom input:focus::-moz-placeholder          {text-indent: 500px; transition: text-indent 0.3s ease;}
.form-bottom input:focus:-moz-placeholder           {text-indent: 500px; transition: text-indent 0.3s ease;}
.form-bottom input:focus:-ms-input-placeholder      {text-indent: 500px; transition: text-indent 0.3s ease;}

/*<!--FOOTER-->*/
.footer { padding:70px 0 30px 0; background:#005288; color:#fff; }
.footer .contacts { color:#fff200; text-align:center; padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:30px;}
.footer .contacts>div { border-right:none; }
.footer .contacts>div:last-child { border-right:none;}

/*MODAL*/
.modal .modal-content { background:rgba(255,255,255,0.9); border:none; border-radius:15px; padding:15px;}
.modal-title { color:#005288; padding-bottom:15px; font-size:2.0rem}
.modal .close { margin-right:-15px; margin-top:-15px; width: 26px; height:26px; color:#005288; transform:rotate(0deg); text-shadow:none }
.modal .close:hover { transform:rotate(90deg)}
.modal .close, modal .close:hover { transition:all ease 0.3s}
.modal-dialog { margin-top:10px;}
.modal .input-lg { border-radius:23px; border:0; background-color:#FFFFFF; background-repeat:no-repeat; box-shadow:none; font-size:1.4rem; background-size:46px auto; padding-left:56px;}
.modal .input-lg:focus { background-color:#78a2be; box-shadow:none; color:#fff; }
.modal textarea { background: url(../images/form-bottom-stroke.png) top; border:0; border-radius:0; box-shadow:none;  display: block; line-height:46px;}
.modal textarea:focus { box-shadow:none;}
.modal .message h3 { margin-bottom:0px;}
.modal .input-lg, .modal .input-lg:focus { transition: all ease 0.3s;}
.modal input::-webkit-input-placeholder       { color:#5a829d; text-indent: 0px;   transition: text-indent 0.3s ease;}
.modal input::-moz-placeholder                {color:#5a829d; text-indent: 0px;   transition: text-indent 0.3s ease;}
.modal input:-moz-placeholder                 {color:#5a829d; text-indent: 0px;   transition: text-indent 0.3s ease;}
.modal input:-ms-input-placeholder            {color:#5a829d; text-indent: 0px;   transition: text-indent 0.3s ease;}
.modal input:focus::-webkit-input-placeholder {text-indent: 500px; transition: text-indent 0.3s ease;}
.modal input:focus::-moz-placeholder          {text-indent: 500px; transition: text-indent 0.3s ease;}
.modal input:focus:-moz-placeholder           {text-indent: 500px; transition: text-indent 0.3s ease;}
.modal input:focus:-ms-input-placeholder      {text-indent: 500px; transition: text-indent 0.3s ease;}
.modal .submit { margin-left:-45px; margin-right:-45px; padding:5px 45px 0px 45px; margin-bottom:0; text-align:center;}
.modal .submit .btn-extra-lg { font-size:1.2rem}
.modal .skype { margin-bottom:30px;}
.modal .company input { background-image:url(../images/company-icon-modal.svg); background-position:10px 0;}
.modal .person input { background-image:url(../images/person-icon-modal.svg); background-position:10px 0;}
.modal .email input { background-image:url(../images/email-icon-modal.svg); background-position:10px 0;}
.modal .skype input { background-image:url(../images/skype-icon-modal.svg); background-position:10px 0;}
.modal .company input:focus, .modal .person input:focus, .modal .email input:focus, .modal .skype input:focus{ background-position:10px -46px; }
.modal .company input:focus, .modal .person input:focus, .modal .email input:focus, .modal .skype input:focus, .modal .company input, .modal .person input .modal .email input, .modal .skype input { transition:all ease 0.3s}

/*NAVIGATION*/
.navigation { display:none;}