/* layout styles */
html { margin-right: 0 !important; }
body, .page { padding: 0px; margin: 0px; background-color: #1f213a; }
.page { width: 100%; overflow: hidden; position: relative; }

.access-menu { position: absolute; left: 0; top: 0 }
.access-menu a { position: absolute; left: -10000px; top: 10px }

.row { width: 100%; display: block; position: relative; clear: both; }
.row:before, .row:after { content: ''; display: table; clear: both; height: 0; visibility: hidden; font-size: 0; }
.row-main { max-width: 1200px; margin: 0 auto; text-align: left; }
.row-narrow { max-width: 870px; margin: 0 auto; text-align: left; }

.row.f0 { margin-left: -5%; width: auto; }
.bcol1 { display: inline-block; vertical-align: top; width: 50%; margin-left: 5%;}
.bcol2 { display: inline-block; vertical-align: top; width: 40%; margin-left: 5%; }
.bcol4 { display: inline-block; vertical-align: top; width: 20%; margin-left: 5%; }
.bcol3 { display: inline-block; vertical-align: top; width: 28.33333%; margin-left: 5%; }
.bcol12 { display: inline-block; vertical-align: top; width: 70%; margin-left: 5%; }
.bcol100 { display: inline-block; vertical-align: top; width: 95%; margin-left: 5%; }

.row.f0.smaller-pad { margin-left: -3.5%; width: auto; }
.smaller-pad .bcol4 { width: 21.5%; margin-left: 3.5%; }

.row.f0.larger-pad { margin-left: -7.5%; width: auto; }
.larger-pad .bcol3 { width: 25.83333%; margin-left: 7.5%; }
	

/* header */
.header { position: fixed; width: 100%; height: 58px; top: 0; left: 0; z-index: 100; text-align: center; }
.header .header-inner { display: block; position: relative; padding: 0 20px; width: 100%; margin: 0 auto; background-color: #fff; height: 100%; box-sizing: border-box; }
.header .menu-button { display: none; }
.header .logo { position: absolute; left: 0; top: 0; padding: 20px 0 0 0; z-index: 101; }
.header .logo img { display: block; }
.header .back-arrow { font-size: 23px; line-height: 30px; padding: 13px 0 0 50px; display: inline-block; vertical-align: top; font-weight: 700; color: #fff; text-decoration: none; }
.header .back-arrow:hover { color: rgba(255,255,255,0.7); }
.header .back-arrow:before { content:'\e901'; font-size: 25px; position: absolute; left: 0; top: 17px; }

/* main menu */
.main-menu { padding: 0; margin: 0; position: relative; display: block; margin: 20px auto 0; text-align: center; }
.main-menu > ul { margin: 0; padding: 0; display: inline-block; vertical-align: top; font-size: 0; }
.main-menu > ul > li { margin: 0; padding: 0; font-size: 15px; font-weight: 500; line-height: 20px; display: inline-block; vertical-align: top; position: relative; }
.main-menu > ul > li > a { color: #000; display: block; position: relative; text-decoration: none; padding: 0; margin: 0 22px; text-transform: uppercase; }
.main-menu > ul > li:hover > a, .main-menu > ul > li.active > a { color: #222175; }
.main-menu > ul > li .num { position: absolute; right: -17px; top: -10px; font-size: 13px; line-height: 14px; padding-top: 1px; text-align: center; color: #fff; display: block; width: 17px; height: 16px; background-color: #f99b1c; position: absolute; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; }

.main-menu > ul > li .submenu-wrapper { position: relative; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: visibility 0.5s 0.2s ease-out, opacity 0.5s 0.2s ease-out; }
.main-menu > ul > li:hover .submenu-wrapper { pointer-events: auto; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: visibility 0.2s ease-out, opacity 0.2s ease-out; }
.main-menu .submenu { position: absolute; top: 15px; left: 50%; margin-left: -165px; width: 330px; background-color: #fff; box-shadow: 0 1px 17px rgba(0,0,0,0.24); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.main-menu .submenu:before { content: ''; position: absolute; top: -15px; left: 0; width: 100%; height: 15px; }
.main-menu .submenu:after { content: ''; position: absolute; transform: rotateZ(-45deg); top: -9px; left: 50%; margin-left: -9px; width: 18px; height: 18px; background-color: #fff; box-shadow: 0 1px 17px rgba(0,0,0,0.24); }
.main-menu .submenu > ul { position: relative; background-color: #fff; padding: 15px 10px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index: 2; }
.main-menu .submenu > ul li { margin: 0; padding: 0 0 5px; font-size: 14px; line-height: 20px; }
.main-menu .submenu > ul li a { display: block; color: #000; padding: 5px; background: #fff; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.main-menu .submenu > ul li a:hover { background: rgba(249,155,28,0.3); }
.main-menu .submenu li .img-box { display: inline-block; vertical-align: middle; width: 90px; padding: 5px 0 0; }
.main-menu .submenu li .img-box img { display: block; margin: 0 auto 5px; }
.main-menu .submenu li .img-box span { display: block; font-family: 'Helvetica Neue', Helvetica, Sans-Serif; font-weight: 700; }
.main-menu .submenu li p { display: inline-block; vertical-align: middle; width: 175px; color: rgba(0,0,0,0.85); padding: 0 10px 0 20px; font-weight: 400; }

/* lang menu */
.lang-menu { position: absolute; z-index: 2; margin: 20px -5px 0 0; right: 0; top: 0; }
.lang-menu > ul { margin: 0; padding: 0; font-size: 0; }
.lang-menu > ul > li { margin: 0; padding: 0; font-size: 15px; font-weight: 500; line-height: 20px; display: inline-block; vertical-align: top; position: relative; }
.lang-menu > ul > li > a { color: #000; display: block; position: relative; text-decoration: none; padding: 0; margin: 0 5px; text-transform: uppercase; }
.lang-menu > ul > li:hover > a, .main-menu > ul > li.active > a { color: #fa6400; }


.lang-menu > ul > li > a.button { background:#fa6400; color: #fff; padding: 3px 8px; border-radius: 3px; vertical-align: middle; margin-top: -3px;  }


/* header popups :: mobile menu */
.menu-box { position: fixed; z-index: 100; left: -100%; opacity: 0; top: 0 !important; width: 100%; height: 100%; display: block; overflow: auto; background-color: #fff; text-align: center; font-size: 0; }
.menu-box.active { left: 0; opacity: 1; }
.menu-box.hideAnim { left: 0; opacity: 0; }
.menu-box .close { position: absolute; right: 23px; top: 17px; cursor: pointer; width: 28px; height: 28px; z-index: 10; display: block; color: #d8d8d8;; }
.menu-box .close:before { content:'\e908'; font-size: 28px; position: absolute; left: 0; top: 0; }
.menu-box .close:hover { color: #222175; }

.menu-box .row-main { position: fixed; z-index: 2; height: 58px; width: 100%; left: 0; top: 0; background-color: #fff; }
.menu-box.hidden > .row-main { display: none; }
.menu-box.hidden.active > .row-main { display: block; }
.menu-box .row-narrow { max-width: 600px; margin: 75px auto 0; }
.menu-box h3 { font-size: 15px; line-height: 20px; padding: 0 0 30px; color: #6d7278; }
.menu-box ul.menu-box-products { margin: 0; padding: 0; font-size: 0; text-align: left; }
.menu-box ul.menu-box-products li { padding: 0 20px 45px; margin: 0; display: inline-block; vertical-align: top; width: 33.33333%; box-sizing: border-box; }
.menu-box ul.menu-box-products li a { display: block; text-align: center; text-decoration: none; opacity: 1; }
.menu-box ul.menu-box-products li a:hover { opacity: 0.7; }
.menu-box ul.menu-box-products li .img-box { text-align: center; width: 86px; height: 86px; margin: 0 auto 5px; background-color: #ececec; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; }
.menu-box ul.menu-box-products li .img-box img { display: block; margin: 0 auto; padding: 22px 0; }
.menu-box ul.menu-box-products li p { font-size: 17px; line-height: 22px; color: #000;  font-weight: 700; padding: 0; }

.menu-box ul.menu-box-menu { margin: 0 0 40px; padding: 0; font-size: 0; text-align: center; }
.menu-box ul.menu-box-menu li { display: block; vertical-align: top; font-size: 18px; line-height: 30px; margin: 0 20px 15px; font-weight: 700; padding: 0; position: relative; }
.menu-box ul.menu-box-menu li a { color: #fff; padding: 10px 20px; text-decoration: none; background-color: #f99b1c; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; display: block; }
.menu-box ul.menu-box-menu li.active a, .menu-box ul.menu-box-menu li a:hover { color: rgba(255,255,255,0.7); }
.menu-box ul.menu-box-menu li.active a { cursor: default; }

/* dark header */
.header.dark .header-inner { background-color: #1f213a; }
.header.header-bg { background-color: #fff; }
.header.header-bg .header-inner { background-position: 50% 0; background-repeat: no-repeat; background-size: cover; }
.header.header-bg .header-inner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); }
.header.header-bg .main-menu > ul > li > a, .header.header-bg .lang-menu > ul > li > a { color: #fff; }
.header.header-bg .main-menu > ul > li:hover > a, .header.header-bg .main-menu > ul > li.active > a, .header.header-bg .lang-menu > ul > li:hover > a, .header.header-bg .main-menu > ul > li.active > a { color: rgba(255,255,255,0.7); }



/* main content */
.main { position: relative; background-color: #fff; padding: 58px 0 0; margin: 0 auto; }
.section { position: relative; padding: 0 20px; }


/* hp intro */
.section-hp-intro { padding: 0 20px 45px; }
.section-hp-intro:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: -moz-linear-gradient(top, #fff 0%, #eee 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eee)); background: -webkit-linear-gradient(top, #fff 0%, #eee 100%); background: -o-linear-gradient(top, #fff 0%, #eee 100%); background: -ms-linear-gradient(top, #fff 0%, #eee 100%); background: linear-gradient(to bottom, #fff 0%, #eee 100%); }
.section-hp-intro .table { max-width: 1074px; margin: 0 auto; }
.section-hp-intro .text-box { padding: 90px 30px 65px 0; max-width: 680px; }
.section-hp-intro .table-cell + .table-cell { padding: 0 20px 25px 0; text-align: right; }
.section-hp-intro .info-box { color: #fff; background-color: #f99b1c; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; font-size: 0; }
.section-hp-intro .info-box p { font-size: 13px; line-height: 17px; display: inline-block; vertical-align: middle; padding: 10px 0 11px 90px; position: relative; width: 60%; box-sizing: border-box; }
.section-hp-intro .info-box p.ico-bulb:before { content: ''; position: absolute; left: 25px; top: 50%; margin-top: -19px; width: 33px; height: 37px; background: url('../img/sprites/bulb-small.svg') 0 50% no-repeat; background-size: contain; }
.section-hp-intro .info-box p.right { font-size: 14px; line-height: 18px; padding-left: 35px; padding-right: 35px; text-align: right; width: 40%; }
.section-hp-intro .info-box p a { color: #fff; }
.section-hp-intro .info-box p a:hover { color: rgba(255,255,255,0.7); }

.section-hp-intro .products-box-wrapper { max-width: 1074px; margin: 0 auto; }
.section-hp-intro .products-box { width: auto; margin-left: -4.5%; font-size: 0; }
.section-hp-intro .products-box .item { height: 320px; display: inline-block; vertical-align: top; width: 45.5%; margin: 0 0 25px 4.5%; text-decoration: none; position: relative; }
.section-hp-intro .products-box .item > div { padding: 35px 30px 25px; background-position: 101.5% 50%; background-size: auto 100%; background-repeat: no-repeat; overflow: hidden; box-sizing: border-box; }
.section-hp-intro .products-box .item > div, .section-hp-intro .products-box .item > svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-hp-intro .products-box .item > img { filter: drop-shadow(0 3px 7px rgba(0,0,0,0.1)); position: relative; margin: 0 auto; display: block; width: 100%; height: auto; }
.section-hp-intro .products-box .item > svg { opacity: 0; }
.section-hp-intro .products-box .item:hover > svg { opacity: 1; }
.section-hp-intro .products-box .question-box { font-size: 14px; line-height: 27px; font-weight: 700; padding: 0 0 0 37px; text-transform: uppercase; position: absolute; left: 30px; bottom: 25px; }
.section-hp-intro .products-box .question-box:before { content:'\e904'; position: absolute; left: 0; top: 0; font-size: 27px; }
.section-hp-intro .products-box .item.mailocator .question-box { color: #32c5ff; }
.section-hp-intro .products-box .item.mailiana .question-box { color: #f0616b; }
.section-hp-intro .products-box .item.mailsmitter .question-box { color: #6dd400; }
.section-hp-intro .products-box .item.mailcolm .question-box { color: #f7b500; }
.section-hp-intro .products-box .img-box { position: relative; padding: 0 0 35px; }
.section-hp-intro .products-box .img-box img { display: block; margin: 0; position: absolute; left: 0; top: 0; }
.section-hp-intro .products-box .img-box span { display: block; font-size: 40px; line-height: 35px; font-weight: 700; color: #4c4c4c; padding: 0 0 0 50px; font-family: 'Helvetica Neue', Helvetica, Sans-Serif; }
.section-hp-intro .products-box p { font-size: 27px; line-height: 35px; max-width: 76%; font-weight: 700; color: #4c4c4c; }
.section-hp-intro .products-box .item:hover .img-box span, .section-hp-intro .products-box .item:hover p { color: #fff; }

/* section tools coop */
.section-tools { padding: 30px 20px 65px; }
.section-tools .text-box.no-pad { padding: 15px 0 }
.section-tools .text-box { font-size: 15px; line-height: 20px; color: #4d4d4d; font-weight: 500; }
.section-tools h2 { padding: 80px 0 0; }
.section-tools p { padding: 0; }
.section-tools p.big { font-size: 18px; line-height: 31px; font-weight: 400; }
.section-tools .tools-box { margin: 0; padding: 60px 0 40px; }
.section-tools .tools-box li { padding: 0; margin: 0 20px 25px 0; min-width: 36px; text-align: center; display: inline-block; vertical-align: middle; }
.section-tools .tools-box li img { display: block; margin: 0 auto; }
.section-tools .tools-box li a { opacity: 1; }
.section-tools .tools-box li a:hover { opacity: 0.7; }

/* section offers */
.section-offer { padding: 120px 20px; background-color: #260c4f; }
.section-offer h2, .section-offer h3 { color: #fff; }
.section-offer h2 { padding: 60px 0 0; }
.section-offer p { font-size: 15px; line-height: 20px; padding: 0 0 20px; color: #b9b9b9; font-weight: 500; }
.section-offer .btn { margin-top: 30px; }

/* section references */
.section-refs { padding: 65px 20px 20px; background: url('../img/bg-hp-refs.svg') 50% 50% no-repeat; background-size: cover; }
.section-refs h2 { padding: 50px 0 0; color: #fff; }
.section-refs .ref-box { background-color: #fff; padding: 40px 30px; box-shadow: 0 0 5px 3px rgba(0,0,0,0.3); margin-bottom: 45px; font-size: 0; font-family: 'Helvetica Neue', Helvetica, Sans-Serif; }
.section-refs .ref-box .img-box, .section-refs .ref-box .text-box { display: inline-block; vertical-align: top; width: 55%; }
.section-refs .ref-box .img-box img { margin: 0 auto; }
.section-refs .ref-box .img-box img.iblock { border: 1px solid #b9b9b9; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; }
.section-refs .ref-box .img-box .iblock { vertical-align: top; margin-right: 40px; max-width: 245px; }
.section-refs .ref-box .img-box .iblock img { display: block; max-width: 100%; height: auto; margin: 15px 0 30px; }
.section-refs .ref-box .img-box p { font-size: 13px; line-height: 18px; color: #666464; padding: 0; }
.section-refs .ref-box .text-box { width: 45%; }
.section-refs .ref-box .text-box p { font-size: 15px; line-height: 25px; padding: 0; color: #262222; }

/* section year numbers */
.section-numbers { padding: 120px 20px 65px; }
.section-numbers h2 { padding: 0; }
.section-numbers .bcol12 > .row { margin-left: -10%; width: auto; }
.section-numbers .bcol12 .bcol { font-size: 19px; line-height: 25px; color: #000; display: inline-block; vertical-align: top; width: 40%; margin-left: 10%; }
.section-numbers .bcol12 .bcol h3 { font-size: 42px; line-height: 55px; padding: 0; font-weight: 500; color: #fa6400; }
.section-numbers .bcol12 .bcol p { padding-bottom: 55px; }

/* section stay on start */
.section-start { padding: 120px 20px; background: #6d7278 url('../img/bg-hp-start.svg') 100% 50% no-repeat; background-size: auto 105%; }
.section-start h2, .section-start h3 { color: #fff !important; }
.section-start h2 { padding: 60px 0 0; }
.section-start p { font-size: 15px; line-height: 20px; padding: 0 0 20px; color: #b9b9b9; font-weight: 500; }
.section-start .btn { margin-top: 30px; }
.section-start strong { color: #fff }
.section-start a { color: #f2f2f2 }
.section-start a:hover { color: #fff }


/* section audit */
.section-audit { padding: 40px 20px;  }
.section-audit.gray { background: #6d7278 }
.section-audit.white { background: #fff }
.section-audit.gray h2, .section-start h3 { color: #fff; }
.section-audit.white h2, .section-start h3 { color: #6d7278; }
.section-audit h2 { padding: 10px 0 0; }
.section-audit p { font-size: 18px; line-height: 135%; padding: 0 0 20px; font-weight: 500; }
.section-audit.gray p { color: #fff }
.section-audit.white p { color: #707070; }

/*
.section-audit .btn { margin-top: 30px; }
.section-audit strong { color: #fff }
.section-audit a { color: #f2f2f2 }
.section-audit a:hover { color: #fff }
*/

/* section contact */
.section-contact { padding: 30px 20px 25px; background-color: #f99b1c; }
.section-contact h2, .section-contact h3 { color: #fff; }
.section-contact h2 { padding: 7px 0 0; }
.section-contact .phone-box, .section-contact .message-box { font-size: 14px; line-height: 19px; color: #fff; font-weight: 700; text-align: center; }
.section-contact .phone-box a { text-decoration: none; color: #fff; font-size: 23px; line-height: 51px; font-weight: 400; display: inline-block; vertical-align: top; }
.section-contact .phone-box a:hover { color: rgba(255,255,255,0.7); }
.section-contact .phone-box a, .section-contact .message-box .btn { margin-bottom: 15px; }
.section-contact .contact-form { padding: 50px 0 50px; }


/* training intro */
.section-training-intro { padding: 0 20px; margin: 0 auto; }
.section-training-intro .table { background-position: 100% 100%; background-repeat: no-repeat; background-size: auto; }
.section-training-intro .text-box { padding: 70px 30px 75px 0; max-width: 680px; }
.section-training-intro .wysiwyg { margin-top: -15px; }

/* section training */
.section-training { padding: 45px 20px; }
.section-training > .row-main > .row { margin-bottom: 20px; }
.section-training h2 { padding: 20px 0 0; color: #f99b1c; }
.section-training .training-box { background-color: #d8d8d8; padding: 25px 35px; margin-bottom: 35px; font-size: 0; }
.section-training .training-box .text-box, .section-training .training-box .info-box { display: inline-block; vertical-align: top; width: 25%; box-sizing: border-box; position: relative; }
.section-training .training-box .text-box { width: 75%; padding: 5px 25px 5px 0; border-right: 2px solid #fff; right: -1px; }
.section-training .training-box .text-box h3 { font-size: 19px; line-height: 24px; font-weight: 700; padding: 0 0 10px; }
.section-training .training-box .text-box p { font-size: 15px; line-height: 20px; padding: 0 0 25px; color: #000; }
.section-training .training-box .text-box img { float: left; border: 1px solid #b9b9b9; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; }
.section-training .training-box .trainer-box { margin-left: 100px; display: block; min-height: 79px; }
.section-training .training-box .trainer-box h4 { font-size: 15px; line-height: 20px; padding: 0 20px 3px 0; margin-top: 10px; font-weight: 700; color: #260c4f; display: inline-block; vertical-align: middle; }
.section-training .training-box .trainer-box p { font-size: 12px; line-height: 15px; color: rgba(0,0,0,0.5); padding: 0; }
.section-training .training-box .social-links { margin: 10px 0 0; padding: 0; font-size: 0; display: inline-block; vertical-align: middle; }
.section-training .training-box .social-links li { margin: 0; padding: 0 3px; display: inline-block; vertical-align: top; }
.section-training .training-box .social-links li a { display: block; text-decoration: none; color: #260c4f; }
.section-training .training-box .social-links li a:hover { color: rgba(38,12,79,0.7); }
.section-training .training-box .social-links li a:before { font-size: 21px; position: relative; display: inline-block; vertical-align: top; }
.section-training .training-box .social-links .linkedin:before { content:'\e902'; }
.section-training .training-box .social-links .twitter:before { content:'\e903'; }
.section-training .training-box .info-box { border-left: 2px solid #fff; left: -1px; padding: 15px 0 15px 25px; }
.section-training .training-box .info-box p { font-size: 19px; line-height: 31px; color: #6d7278; padding: 0 0 65px; font-weight: 700; }
.section-training .training-box .info-box .btn { background-color: #260c4f; }
.section-training .training-box .info-box .btn:after { content:'\e909'; font-size: 13px; position: absolute; right: 20px; top: 50%; margin-top: -7px; color: #fff; }
.section-training .training-box .info-box .btn > span { color: #f7b500; font-weight: 700; padding-right: 50px; }
.section-training .training-box .info-box .btn:hover { background-color: #f7b500; }
.section-training .training-box .info-box .btn:hover > span { color: #260c4f; }

.section-training .training-box.inverse .text-box h3, .section-training .training-box.inverse .text-box p, .section-training .training-box.inverse .trainer-box h4 { color: #fff; }
.section-training .training-box.inverse .trainer-box p { color: rgba(255,255,255,0.5); }
.section-training .training-box.inverse .social-links li a { color: #fff; }
.section-training .training-box.inverse .social-links li a:hover { color: rgba(255,255,255,0.7); }
.section-training .training-box.inverse { background-color: #260c4f; }
.section-training .training-box.inverse .info-box .btn { background-color: #f99b1c; }
.section-training .training-box.inverse .info-box .btn > span { color: #fff; }
.section-training .training-box.inverse .info-box .btn:hover:after { color: #260c4f; }
.section-training .training-box.inverse .info-box .btn:hover { background-color: #f7b500; }
.section-training .training-box.inverse .info-box .btn:hover > span { color: #260c4f; }

/* section content */
.section-content { padding: 75px 20px 45px; }

/* section order */
.section-order { padding: 50px 20px 60px; background-color: #f99b1c; }
.section-order p { font-size: 22px; line-height: 30px; padding: 10px 0 65px; color: #fff; max-width: 780px; margin: 0 auto; font-weight: 700; }
.section-order .padded-box { position: relative; padding: 0 150px; margin: 0 30px; background: url('../img/sprites/bulb.svg') 0 5% no-repeat; background-size: auto; }
.section-order .order-form { padding: 80px 0 20px; }

/* section lector */
.section-lector { padding: 80px 20px 95px; background-color: #260c4f; }
.section-lector h2, .section-lector h3 { color: #fff; }
.section-lector .title-box img { margin: 40px auto 75px; display: block; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; }
.section-lector .wysiwyg { color: rgba(255,255,255,0.85); max-width: 580px; margin: 0 auto; text-align: left; }
.section-lector .wysiwyg p { font-size: 16px; line-height: 20px; padding: 0 0 40px; }
.section-lector .social-links { margin: 0 auto; padding: 15px 0; font-size: 0; }
.section-lector .social-links li { margin: 0; padding: 0 6px 12px; display: inline-block; vertical-align: top; }
.section-lector .social-links li a { display: block; text-decoration: none; color: #fff; }
.section-lector .social-links li a:hover { color: rgba(255,255,255,0.7); }
.section-lector .social-links li a:before { font-size: 31px; position: relative; display: inline-block; vertical-align: top; }
.section-lector .social-links .linkedin:before { content:'\e902'; }
.section-lector .social-links .twitter:before { content:'\e903'; }


/* product intro */
.section-product-intro { margin: -58px auto 0; padding: 140px 20px; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; }
.section-product-intro .fr { margin: 40px 0 0 35px; padding: 0; position: relative; z-index: 2; }
.section-product-intro .fr li { margin: 0 5px; padding: 0; display: inline-block; vertical-align: top; }
.section-product-intro .fr li a { position: relative; display: inline-block; vertical-align: top; width: 33px; height: 33px; text-align: center; background-color: #fff; opacity: 1; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; }
.section-product-intro .fr li a:hover { opacity: 0.7; }
.section-product-intro .fr li img { display: block; margin: -11px auto 0; position: relative; top: 50%; }
.section-product-intro .main-product-box .img-box { float: left; width: 107px; height: 107px; position: relative; background-color: #fff; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; }
.section-product-intro .main-product-box .img-box img { display: block; position: relative; top: 50%; margin: -35px auto 0; }
.section-product-intro .main-product-box .text-box { display: block; margin-left: 130px; }
.section-product-intro .main-product-box .text-box h1 { font-size: 63px; line-height: 80px; padding: 25px 0 40px; color: #fff; font-weight: 700; font-family: 'Helvetica Neue', Helvetica, Sans-Serif; }
.section-product-intro .main-product-box .text-box .perex { line-height: 40px; color: #fff; font-weight: 500; text-align: left; padding: 0 0 50px; }
.section-product-intro .main-product-box .btn > span, .section-product-intro .main-product-box .btn > input[type=submit], .section-product-intro .main-product-box .btn-big.arrow:after { color: #2e38d1; }
.section-product-intro .main-product-box .btn:hover > span, .section-product-intro .main-product-box .btn:hover > input[type=submit], .section-product-intro .main-product-box .btn-big.arrow:hover:after { color: #ffbc22; }
.section-product-intro .main-product-box .padded-box .iblock { vertical-align: top; }
.section-product-intro .main-product-box .padded-box .iblock:first-child { margin: 0 15px 20px 30px; text-align: center; }
.section-product-intro .main-product-box .padded-box .iblock p { padding: 20px 0 0; font-size: 15px; line-height: 20px; font-weight: 500; }
.section-product-intro .main-product-box .padded-box .iblock p a { color: #77c8f5; }
.section-product-intro .main-product-box .padded-box .iblock p a:hover { color: rgba(119,200,245,0.7); }
.section-product-intro .main-product-box .padded-box .iblock + .iblock p { line-height: 49px; font-size: 22px; font-weight: 500; padding-top: 0; }
.section-product-intro .main-product-box .padded-box .iblock + .iblock a { color: #f7b500; }
.section-product-intro .main-product-box .padded-box .iblock + .iblock a:hover { color: rgba(247,181,0,0.7); }

/* why product */
.section-why-product { padding: 70px 20px 55px; background-color: #6d7278; }
.section-why-product h2 { padding-top: 180px; }
.section-why-product h2.bulb { background: url('../img/sprites/bulb-grey.svg') 40% 0% no-repeat; }
.section-why-product h2.wheels { background: url('../img/sprites/wheels-grey.svg') 40% 5% no-repeat; }
.section-why-product h2.rocket { background: url('../img/sprites/rocket-grey.svg') 40% 10% no-repeat; }
.section-why-product .perex { font-size: 23px; line-height: 31px; font-weight: 500; padding-bottom: 25px; text-align: left; }
.section-why-product p { font-size: 19px; line-height: 29px; font-weight: 400; color: #fff; padding-bottom: 25px; }

/* product basics */
.section-basic { padding: 80px 20px 120px; }
.section-basic .basic-item { padding-top: 35px; color: #000; font-size: 19px; line-height: 24px; }
.section-basic .basic-item h2 { padding-bottom: 15px; }

/* product pricing */
.section-pricing { margin-top: 190px; padding: 40px 20px 10px; background: url('../img/bg-hp-refs.svg') 50% 50% no-repeat; background-size: cover; }
.section-pricing .row-main { max-width: 890px; margin: 0 auto; }
.section-pricing h2 { font-size: 52px; line-height: 65px; padding: 0 0 90px; color: #fff; font-weight: 500; display: inline-block; vertical-align: top; }
.section-pricing h2 small { display: inline-block; vertical-align: top; float: right; margin-top: 10px; font-size: 28px; line-height: 35px; color: #000; padding: 8px 25px; background-color: #d8d8d8; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.section-pricing h2:before { content: ''; position: absolute; right: -350px; top: -230px; width: 317px; height: 330px; background: url('../img/sprites/pricing-bubble.svg') 0 0 no-repeat; background-size: auto; }
.section-pricing p.perex { font-size: 50px; line-height: 65px; color: #fff; font-weight: 400; text-align: left; padding: 0 0 15px; }
.section-pricing p.orange-alt { font-size: 32px; line-height: 40px; padding: 0 0 60px; text-align: right; }
.section-pricing p.small { font-size: 20px; font-weight: 400; color: rgba(0,0,0,0.85); }
.section-pricing .btn { margin-bottom: 45px; }

/* product offer */
.prices-box { padding: 40px 0 95px; }
.prices-box .price-box { padding: 35px 20px 0; background-color: #d8d8d8; display: block; text-decoration: none; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: relative; overflow: hidden; }
.prices-box .price-box:hover { background-color: #f7b500; }
.prices-box .price-box > div h2 { line-height: 36px; color: #260c4f; font-weight: 700; padding-bottom: 25px; }
.prices-box .price-box > div h2 .big { font-size: 46px; line-height: 70px; }
.prices-box .price-box > div h2 .big small { display: inline-block; vertical-align: top; font-size: 30px; line-height: 40px; padding-left: 5px; position: relative; top: 12px; }
.prices-box .price-box > div p { font-size: 16px; line-height: 20px; font-weight: 400; color: #6d7278; padding: 0 0 45px; }
.prices-box .price-box .order-now { padding: 12px 20px 15px; margin: 0 -20px; font-size: 20px; line-height: 25px; font-weight: 700; background-color: #260c4f; text-transform: uppercase; color: #fff; }

/* section request */
.section-request { padding: 35px 20px; background-color: #f99b1c; }
.section-request h3, .section-request .btn { display: inline-block; vertical-align: middle; }
.section-request h3 { line-height: 30px; padding: 20px 0 15px 80px; margin: 0 auto; background: url('../img/sprites/wheels.svg') 0 50% no-repeat; }
.section-request .btn { position: relative; top: -1px; }
.section-request .btn > span { font-size: 22px; padding-left: 15px; padding-right: 15px; }
.section-request .order-form { padding: 80px 0 20px; }

/* section contact :: sign */
.section-contact-sign { padding: 80px 20px 70px; background-color: #e3e3e3; background-position: 0 50%; background-repeat: no-repeat; }
.section-contact-sign .row-main { max-width: 1000px; margin: 0 auto; }
.section-contact-sign h2 { font-size: 49px; line-height: 70px; font-weight: 500; color: #252525; }
.section-contact-sign p { font-size: 17px; line-height: 24px; font-weight: 500; color: #000; }
.section-contact-sign .btn { margin: 10px auto 45px; }
.section-contact-sign.ico-contact { background-image: url('../img/sprites/ico-contact.svg'); background-position: -70px 50%; }
.section-contact-sign.ico-sign { background-image: url('../img/sprites/ico-sign.svg'); background-position: 70px 50%; }
.section-contact-sign + .section-contact-sign:before { font-size: 49px; line-height: 0; font-weight: 500; color: rgba(148,148,148,0.4); position: absolute; width: 100%; left: 0; text-align: center; height: 20px; top: -4px; white-space: nowrap; content: '- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -'; }

/* section faq */
.section-faq { padding: 80px 20px 95px; background-color: #260c4f; }
.section-faq h2, .section-faq h3 { color: #fff; }
.section-faq .item { max-width: 280px; margin: 0 auto; }
.section-faq .item h3 { padding: 55px 0 35px; }
.section-faq p { font-size: 16px; line-height: 22px; font-weight: 400; text-align: left; color: rgba(255,255,255,0.85); }
.section-faq .text-unclear { padding-top: 90px; }



/* footer */
.footer { position: relative; margin: 0 auto; padding: 50px 20px 15px; font-size: 13px; line-height: 17px; color: #fff; background-color: #1f213a; }
.footer p { padding-bottom: 15px; }
.footer a { text-decoration: none; color: #fff; }
.footer a:hover { color: rgba(255,255,255,0.7); }
.footer .footer-links { position: relative; padding: 0 0 60px; }
.footer .footer-links h4 { color: #fff; font-size: 20px; line-height: 25px; padding: 0 0 10px; }
.footer .footer-links ul { margin: 0; padding: 0; }
.footer .footer-links ul li { display: block; margin: 0; padding: 2px 0; font-size: 16px; line-height: 20px; }
.footer .logo-box { display: block; position: relative; }
.footer .logo-box > img { display: block; margin: 0 35px 10px 0; }
.footer .logo-box .fr { margin: -5px 0 0; padding: 0; font-size: 0; }
.footer .logo-box .fr li { margin: 0 25px 5px; padding: 0; font-size: 10px; font-weight: 700; line-height: 12px; display: inline-block; vertical-align: top; text-align: center; font-family: 'Helvetica Neue', Helvetica, Sans-Serif; }
.footer .logo-box .fr li img { display: block; margin: 0 auto 10px; }



/* buttons */
.btn { margin: 0; display: inline-block; vertical-align: top; position: relative; border: 0; bottom: 0; padding: 0; text-align: center; cursor: pointer; text-decoration: none; outline: none; box-sizing: border-box; }
.btn:before, .btn > .before, .btn:after, .btn > .after { content: ' '; position: absolute; bottom: 0; padding: 0 !important; min-width: 0 !important; }
.btn, .btn:hover { text-decoration: none !important; }
.btn + .btn { margin-left: 10px; }
.btn.block { display: block; text-decoration: none; }
.btn.block > span, .btn.block > input[type=submit] { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; display: block; max-width: 100%; padding-left: 10px; padding-right: 10px; }
.btn.block > input[type=submit] { width: 100%; padding-left: 0; padding-right: 0; }

.btn-border { background-color: transparent; border: 1px solid #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.btn-border > span, .btn-border > input[type=submit] { font-family: 'Quicksand', Arial, sans-serif; display: block; background: none; padding: 15px 30px 15px; font-size: 15px; text-decoration: none; line-height: 19px; cursor: pointer; color: #fff; box-sizing: border-box; font-weight: 700; text-transform: uppercase; }
.btn-border:hover { background-color: #fff; }
.btn-border:hover > span, .btn-border:hover > input[type=submit] { color: #ffbc22; }

.btn-blue { background-color: #32c5ff; border: 1px solid #32c5ff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 2px 0 #0091ff; }
.btn-blue > span, .btn-blue > input[type=submit] { font-family: 'Quicksand', Arial, sans-serif; display: block; background: none; padding: 15px 60px 15px; font-size: 17px; text-decoration: none; line-height: 19px; cursor: pointer; color: #fff; box-sizing: border-box; font-weight: 700; text-transform: uppercase; }
.btn-blue:hover { background-color: #260c4f; border-color: #260c4f; box-shadow: 0 2px 0 #1a0241; }
.btn-blue:hover > span, .btn-blue:hover > input[type=submit] { color: #fff; }

.btn-medium { background-color: transparent; border: 2px solid #260c4f; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; }
.btn-medium > span, .btn-medium > input[type=submit] { font-family: 'Quicksand', Arial, sans-serif; display: block; background: none; padding: 6px 50px 8px; font-size: 20px; text-decoration: none; line-height: 24px; cursor: pointer; color: #260c4f; box-sizing: border-box; font-weight: 700; }
.btn-medium:hover { background-color: #260c4f; }
.btn-medium:hover > span, .btn-medium:hover > input[type=submit] { color: #fff; }

.btn-medium.pricing { background-color: transparent; border: 1px solid #f7b500; }
.btn-medium.pricing > span, .btn-medium.pricing > input[type=submit] { color: #f7b500; text-transform: uppercase; }
.btn-medium.pricing:hover { background-color: #f7b500; }
.btn-medium.pricing:hover > span, .btn-medium.pricing:hover > input[type=submit] { color: #fff; }

.btn-big { background-color: #ffbc22; border: 2px solid #ffbc22; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px; }
.btn-big > span, .btn-big > input[type=submit] { font-family: 'Quicksand', Arial, sans-serif; display: block; background: none; padding: 10px 45px 9px; font-size: 22px; text-decoration: none; line-height: 26px; cursor: pointer; color: #fff; box-sizing: border-box; font-weight: 500; }
.btn-big:hover { background-color: transparent; }
.btn-big:hover > span, .btn-big:hover > input[type=submit] { color: #ffbc22; }
.btn-big.arrow > span, .btn-big.arrow > input[type=submit] { padding-right: 55px; }
.btn-big.arrow:after { font-size: 16px; position: absolute; right: 30px; top: 50%; margin-top: -8px; color: #fff; content:'\e90a'; }
.btn-big.arrow:hover:after { color: #ffbc22; }

.btn-small { background-color: #ffbc22; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px; }
.btn-small > span, .btn-small > input[type=submit] { font-family: 'Quicksand', Arial, sans-serif; display: block; background: none; padding: 6px 30px; font-size: 14px; text-decoration: none; line-height: 17px; cursor: pointer; color: #260c4f; box-sizing: border-box; font-weight: 500; }
.btn-small:hover { background-color: #260c4f; }
.btn-small:hover > span, .btn-small:hover > input[type=submit] { color: #ffbc22; }
.btn-small.bordered { border: 1px solid #ffbc22; }
.btn-small.bordered > span, .btn-small.bordered > input[type=submit] { padding-top: 5px; padding-bottom: 5px; }

.btn-small.blue { background-color: transparent; border: 1px solid #32c5ff; }
.btn-small.blue > span, .btn-small.blue > input[type=submit] { color: #32c5ff; }
.btn-small.blue:hover { background-color: #32c5ff; }
.btn-small.blue:hover > span, .btn-small.blue:hover > input[type=submit] { color: #fff; }


/* forms */
input[type=text], input[type=email], input[type=tel], input[type=password], select, textarea { font-family: 'Quicksand', Arial, sans-serif; font-weight: normal; box-sizing: border-box; border: 0; -webkit-appearance: none; color: black }
input[type=submit] { overflow: visible; border: none; cursor: pointer; background: none; font-family: 'Quicksand', Arial, sans-serif; outline: none; }

input[type=text], input[type=email], input[type=tel], input[type=file], input[type=password], textarea, select { text-align: left; display: block; font-size: 16px; width: 100%; height: 22px; line-height: 21px; padding: 2px 0 0; color: #001359; font-weight: 400; margin: 0; background-color: transparent; }
input[type=text]:required:invalid, input[type=email]:required:invalid, input[type=tel]:required:invalid, input[type=password]:required:invalid { box-shadow: 0 0 0 0 rgba(0,0,0,0.0); }
input[type=text]:required:focus, input[type=email]:required:focus, input[type=password]:required:focus, textarea:required:focus, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus { outline: none; }
textarea { position: relative; display: block; width: 100%; height: 170px; line-height: 21px; margin: 0; overflow: hidden; resize: none; }
select { width: 100%; color: #333; position: relative; cursor: pointer; }
@supports (-moz-appearance:none) { select { left: -4px; } }
.select { position: relative; }
.select:after { content: '\e905'; position: absolute; right: 17px; bottom: 15px; color: #333; font-size: 7px; pointer-events: none; z-index: 2; }

::-webkit-input-placeholder { color: #9f9ba0; }
:-moz-placeholder { color: #9f9ba0; opacity: 1; }
::-moz-placeholder { color: #9f9ba0; opacity: 1; }
:-ms-input-placeholder { color: #9f9ba0; }
:input-placeholder { color: #9f9ba0; }

.form-box { max-width: 660px; margin: 0 auto; }
.form-box h3 { padding-bottom: 35px; }
.form-box p { padding: 0 0 15px; position: relative; color: #fff; font-size: 15px; line-height: 20px; }
.form-box label { color: #515356; font-size: 12px; font-weight: 700; line-height: 17px; text-align: left; display: block; padding: 6px 12px 5px; background-color: #fff; box-shadow: 0 2px 0 rgba(0,0,0,0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.form-box .btn { margin-top: 25px; }
.error label { outline: none; background-color: #ffdcdc; color: #e02020; }

.form-box .row.f0 { margin-left: -3.5%; width: auto; }
.form-box .fcol { display: inline-block; vertical-align: top; margin-left: 3.5%; }
.form-box .fcol1 { width: 14.5%; }
.form-box .fcol3 { width: 46.5%; }
.form-box .fcol5 { width: 78.5%; }
.form-box .fcol6 { width: 96.5%; }

/* backend messages */
.message-ok, .message-error { display: none; font-size: 14px; line-height: 19px; padding: 10px 20px; margin: 0 0 15px; position: relative; font-weight: 700; color: #fff; }
.message-ok { background-color: #e0ffab; color: #76b610; }
.message-error { background-color: #ffdcdc; color: #e02020; }
.message-ok a, .message-error a { color: #fff; }
.message-ok a:hover, .message-error a:hover { color: rgba(255,255,255,0.7); }

/* checkbox */
.form-box input[type=checkbox] + label { padding-left: 35px; cursor: pointer; }
.form-box input[type=checkbox] + label:before { content:'\e908'; position: absolute; left: 15px; top: 10px; font-size: 10px; color: #333; }
.form-box input[type=checkbox]:checked + label:before { content:'\e907'; font-size: 9px; }



/* transitions */
.page, .btn-blue, .btn-medium, .btn-big
{ -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.main-menu .submenu > ul li a, .btn-small, .btn-border, .prices-box .price-box
{ -webkit-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out; -moz-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out; -ms-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out; -o-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out; transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out; }
.section-tools .tools-box li a, .section-hp-intro .products-box .item > svg, .menu-box, .menu-box ul.menu-box-products li a, .section-product-intro .fr li a
{ -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; }
a, .btn-small > span, .btn-small > input[type=submit], .btn-border > span, .btn-border > input[type=submit], .btn-blue > span, .btn-blue > input[type=submit], .btn-medium > span, .btn-medium > input[type=submit],
.section-hp-intro .products-box .item .img-box span, .section-hp-intro .products-box .item p, .header .menu-button:before, .menu-box .close:before, .section-training .training-box .info-box .btn:after,
.btn-big > span, .btn-big > input[type=submit], .btn-big.arrow:after
{ -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
.foo
{ -webkit-transition: border-color 0.2s ease-out; -moz-transition: border-color 0.2s ease-out; -ms-transition: border-color 0.2s ease-out; -o-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; }




@media screen and (max-width: 1240px) {

/* layout */
body { -webkit-text-size-adjust: 100%; }
img { max-width: 100%; height: auto; }
li img { max-width: 150px }

.bcol1 { width: 68.3333%; }
.bcol2 { width: 48.3333%; }
.bcol4 { width: 28.3333%; }
.bcol4:first-child { width: 95%; }
.bcol12 { width: 95%; }
.smaller-pad .bcol4 { width: 21.5%; margin-left: 3.5%; }
.row.f0.larger-pad { margin-left: -5%; width: auto; }
.larger-pad .bcol3 { width: 28.33333%; margin-left: 5%; }

/* header */
.header .back-arrow { font-size: 21px; }
.header .back-arrow:before { font-size: 22px; }

/* main menu */
.main-menu > ul > li > a { margin: 0 15px; }

/* main content */
.main { padding: 58px 0 0; }

/* hp intro */
.section-hp-intro { padding: 0 20px 25px; }
.section-hp-intro .text-box { padding: 40px 25px 45px 0; }
.section-hp-intro .table-cell + .table-cell { padding: 0 0 15px 0; width: 30%; }
.section-hp-intro .info-box { max-width: 660px; }
.section-hp-intro .info-box p { font-size: 13px; line-height: 17px; display: inline-block; vertical-align: middle; padding: 10px 0 11px 70px; }
.section-hp-intro .info-box p.ico-bulb:before { left: 20px; }
.section-hp-intro .info-box p.right { padding-left: 20px; padding-right: 20px; }

.section-hp-intro .products-box { margin-left: -3%; }
.section-hp-intro .products-box .item { min-height: 212px; height: auto; width: 47%; margin: 0 0 25px 3%; }
.section-hp-intro .products-box .item > div { padding: 25px 25px 20px; }
.section-hp-intro .products-box .question-box { font-size: 13px; line-height: 24px; padding: 0 0 0 30px; left: 25px; bottom: 20px; }
.section-hp-intro .products-box .question-box:before { font-size: 24px; }
.section-hp-intro .products-box .img-box { padding: 0 0 15px; }
.section-hp-intro .products-box .img-box span { font-size: 35px; line-height: 35px; padding: 0 0 0 45px; }
.section-hp-intro .products-box p { font-size: 20px; line-height: 26px; max-width: 350px; }

/* section tools coop */
.section-tools { padding: 35px 20px 45px; }
.section-tools h2 { padding: 0 0 25px; text-align: center; }
.section-tools p { text-align: center; }
.section-tools p.big { font-size: 17px; line-height: 26px; }
.section-tools .tools-box { padding: 45px 0 25px; text-align: center; }
.section-tools .tools-box li { margin: 0 15px 20px 0; }

/* section offers */
.section-offer { padding: 55px 20px; }
.section-offer h2 { padding: 0 0 35px; text-align: center; }
.section-offer .btn { margin-top: 25px; }

/* section references */
.section-refs { padding: 35px 20px 10px; }
.section-refs h2 { padding: 0 0 35px; text-align: center; }
.section-refs .ref-box { padding: 30px 20px; margin: 0 auto 35px; max-width: 880px; }
.section-refs .ref-box .img-box, .section-refs .ref-box .text-box { width: 60%; }
.section-refs .ref-box .img-box img { width: 110px; height: auto; }
.section-refs .ref-box .img-box .iblock { margin-right: 20px; }
.section-refs .ref-box .img-box .iblock img { margin: 10px 0 20px; }
.section-refs .ref-box .img-box p { font-size: 13px; line-height: 18px; color: #666464; padding: 0; }
.section-refs .ref-box .text-box { width: 40%; }
.section-refs .ref-box .text-box p { font-size: 14px; line-height: 22px; }

/* section year numbers */
.section-numbers { padding: 55px 20px 25px; }
.section-numbers h2 { padding: 0 0 35px; text-align: center; }
.section-numbers .bcol12 .bcol { font-size: 18px; line-height: 24px; text-align: center; }
.section-numbers .bcol12 .bcol h3 { font-size: 38px; line-height: 48px; }
.section-numbers .bcol12 .bcol p { padding-bottom: 30px; }

/* section stay on start */
.section-start { padding: 55px 20px; }
.section-start h2 { padding: 0 0 35px; text-align: center; }
.section-start .btn { margin-top: 25px; }

/* section contact */
.section-contact { padding: 30px 20px 35px; background-color: #f99b1c; }
.section-contact .bcol4 { width: 45%; }
.section-contact .bcol4:first-child { width: 95%; text-align: center; }
.section-contact h2 { padding: 0 0 25px; }
.section-contact .contact-form { padding: 55px 0 20px; }

/* training intro */
.section-training-intro .table { background-size: 650px auto; }
.section-training-intro .text-box { padding: 40px 30px 65px 0; }
.section-training-intro .wysiwyg { margin-top: 15px; }

/* section training */
.section-training { padding: 0 20px 25px; }
.section-training > .row-main > .row { margin-bottom: 0; }
.section-training h2 { padding: 10px 0 25px; text-align: center; }
.section-training .training-box { padding: 20px 25px; margin-bottom: 25px; }
.section-training .training-box .text-box, .section-training .training-box .info-box { width: 28%; }
.section-training .training-box .text-box { width: 72%; }
.section-training .training-box .text-box h3 { font-size: 18px; line-height: 22px; }
.section-training .training-box .text-box > p { font-size: 14px; line-height: 18px; padding: 0 0 20px; }
.section-training .training-box .social-links li a:before { font-size: 19px; }
.section-training .training-box .info-box { padding: 10px 0 10px 20px; }
.section-training .training-box .info-box p { font-size: 17px; line-height: 27px; padding: 0 0 60px; }
.section-training .training-box .info-box .btn:after { font-size: 12px; margin-top: -5px; }
.section-training .training-box .info-box .btn > span { padding-right: 45px; }

/* section content */
.section-content { padding-top: 50px; padding-bottom: 25px; }

/* section order */
.section-order { padding: 40px 20px 50px; }
.section-order .padded-box p { font-size: 20px; line-height: 27px; padding: 5px 0 40px; }
.section-order .padded-box { padding: 0 100px; margin: 0 auto; background-size: 80px auto; }
.section-order .order-form { padding: 55px 0 10px; }

/* section lector */
.section-lector { padding: 50px 20px 60px; }
.section-lector .title-box img { margin: 25px auto 40px; max-width: 135px; height: auto; }
.section-lector .wysiwyg p { font-size: 15px; line-height: 19px; padding: 0 0 30px; }
.section-lector .social-links li { padding: 0 5px 10px; }
.section-lector .social-links li a:before { font-size: 28px; }

/* product intro */
.section-product-intro { padding: 110px 20px 50px; }
.section-product-intro .fr { margin: 25px 0 0 25px; font-size: 0; }
.section-product-intro .main-product-box .img-box { width: 87px; height: 87px; }
.section-product-intro .main-product-box .img-box img { margin: -25px auto 0; height: 50px; width: auto; }
.section-product-intro .main-product-box .text-box { margin-left: 110px; }
.section-product-intro .main-product-box .text-box h1 { font-size: 50px; line-height: 65px; padding: 15px 0 30px; }
.section-product-intro .main-product-box .text-box .perex { line-height: 30px; padding: 0 0 35px; }
.section-product-intro .main-product-box .padded-box .iblock:first-child { margin: 0 15px 20px 0; }
.section-product-intro .main-product-box .padded-box .iblock p { padding: 15px 0 0; font-size: 14px; }
.section-product-intro .main-product-box .padded-box .iblock + .iblock p { line-height: 44px; font-size: 20px; }

/* why product */
.section-why-product { padding: 40px 20px 30px; }
.section-why-product h2 { padding-top: 120px; background-size: 80px auto !important; }
.section-why-product .perex { font-size: 21px; line-height: 26px; padding-bottom: 20px; }
.section-why-product p { font-size: 17px; line-height: 26px; padding-bottom: 20px; }

/* product basics */
.section-basic { padding: 50px 20px 35px; }
.section-basic .basic-item { padding-top: 20px; font-size: 17px; line-height: 22px; }

/* product pricing */
.section-pricing { margin-top: 50px; padding: 40px 20px 10px; }
.section-pricing h2 { font-size: 42px; line-height: 52px; padding: 0 0 40px; }
.section-pricing h2 small { font-size: 24px; line-height: 30px; padding: 7px 20px; }
.section-pricing h2:before { right: -190px; top: -90px; width: 170px; height: 170px; background-size: auto 170px; }
.section-pricing p.perex { font-size: 40px; line-height: 50px; }
.section-pricing p.orange-alt { font-size: 28px; line-height: 36px; padding: 0 0 40px; }
.section-pricing p.small { font-size: 18px; }
.section-pricing .btn { margin-bottom: 30px; }

/* product offer */
.prices-box { padding: 25px 0 55px; }
.prices-box .price-box { padding: 25px 15px 0; }
.prices-box .price-box > div h2 { line-height: 32px; padding-bottom: 20px; }
.prices-box .price-box > div h2 .big { font-size: 40px; line-height: 60px; }
.prices-box .price-box > div h2 .big small { font-size: 25px; line-height: 35px; top: 10px; }
.prices-box .price-box > div p { font-size: 15px; line-height: 19px; padding: 0 0 25px; }
.prices-box .price-box .order-now { padding: 10px 15px 12px; margin: 0 -15px; font-size: 18px; line-height: 23px; }

/* section request */
.section-request { padding: 20px; }
.section-request h3 { line-height: 27px; }
.section-request .btn { top: -2px; }
.section-request .btn > span { font-size: 20px; }
.section-request .order-form { padding: 40px 0 10px; }

/* section contact :: sign */
.section-contact-sign { padding: 40px 20px 35px; }
.section-contact-sign h2 { font-size: 40px; line-height: 50px; }
.section-contact-sign p { font-size: 16px; line-height: 22px; }
.section-contact-sign .btn { margin: 5px auto 30px; }
.section-contact-sign.ico-contact { background-position: -80px 55%; background-size: 220px auto; }
.section-contact-sign.ico-sign { background-position: 50px 57%; background-size: 85px auto; }
.section-contact-sign + .section-contact-sign:before { font-size: 40px; }

/* section faq */
.section-faq { padding: 50px 20px 70px; }
.section-faq .item { max-width: 320px; }
.section-faq .item h3 { padding: 30px 0 20px; }
.section-faq p { font-size: 15px; line-height: 20px; }
.section-faq .text-unclear { padding-top: 60px; }

/* footer */
.footer { padding: 35px 20px 15px; }
.footer .bcol4 { width: 20%; }
.footer .footer-links { padding: 0 0 45px; }
.footer .footer-links h4 { font-size: 18px; line-height: 22px; }
.footer .footer-links ul li { font-size: 15px; line-height: 18px; }
.footer .logo-box > img { margin: 0 25px 15px 0; }
.footer .logo-box .fr li { margin: 0 15px 5px; }

/* buttons */
.btn-small > span, .btn-small > input[type=submit] { padding: 5px 25px 4px; }

.btn-medium { border: 2px solid #260c4f; }
.btn-medium > span, .btn-medium > input[type=submit] { padding: 5px 30px 7px; font-size: 17px; line-height: 21px; }

.btn-big > span, .btn-big > input[type=submit] { padding: 7px 35px 9px; font-size: 20px; line-height: 24px; }
.btn-big.arrow > span, .btn-big.arrow > input[type=submit] { padding-right: 45px; }
.btn-big.arrow:after { font-size: 14px; right: 25px; margin-top: -7px; }

/* forms */
.form-box h3 { padding-bottom: 30px; }

}


@media screen and (max-width: 990px) {
	

/* header */
.header .menu-button { position: absolute; right: 0; top: 17px; cursor: pointer; width: 34px; height: 26px; z-index: 10; display: block; color: #000; }
.header .menu-button:before { content:'\e915'; font-size: 27px; position: absolute; left: 0; top: 0; }
.header .menu-button:hover { color: #222175; }
.header.header-bg .header-inner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); z-index: 101; pointer-events: none; }
.header.header-bg .menu-button { color: #fff; }
.header.header-bg .menu-button:hover { color: rgba(255,255,255,0.7); }

/* main menu */
.main-menu { display: none; }
.main-menu .submenu-wrapper { display: none; }

/* lang menu */
.lang-menu { right: 50px; }

/* main */
.main { padding-top: 70px; }
.header.header-bg + .main { padding-top: 58px; }

}


@media screen and (max-width: 750px) {
	
	
li.cta-button{ display: none !important }

/* layout */
.bcol1, .bcol2, .bcol4, .bcol12, .bcol3 { width: 95%; }
.row.f0.larger-pad { margin-left: -5%; }
.smaller-pad .bcol4 { width: 46.5%; }
.larger-pad .bcol3 { width: 95%; }

/* header */
.header .logo { padding: 24px 0 0 0; }
.header .logo img { max-width: 125px; }
.header .back-arrow { font-size: 19px; padding-left: 40px; }
.header .back-arrow:before { font-size: 20px; top: 19px; }

/* header popups :: mobile menu */
.menu-box h3 { font-size: 14px; padding: 0 0 25px; }
.menu-box ul.menu-box-products li { padding: 0 15px 25px; }
.menu-box ul.menu-box-products li .img-box { width: 68px; height: 68px; }
.menu-box ul.menu-box-products li .img-box img { padding: 17px 0; width: auto; height: 34px; }
.menu-box ul.menu-box-products li p { font-size: 14px; line-height: 20px; }
.menu-box ul.menu-box-menu { margin: 0 0 25px; }
.menu-box ul.menu-box-menu li { font-size: 16px; line-height: 24px; }
.menu-box ul.menu-box-menu li a { padding: 6px 15px; }

/* main content */
.main { padding: 58px 0 0; }

/* hp intro */
.section-hp-intro { padding: 0 20px 15px; }
.section-hp-intro .text-box { padding: 25px 0 35px; text-align: center; }
.section-hp-intro .text-box h1 br, .section-hp-intro .table-cell + .table-cell { display: none; }
.section-hp-intro .table-cell { width: 100% !important; display: block; }
.section-hp-intro .info-box { max-width: none; text-align: left; padding: 10px 20px 11px 0; }
.section-hp-intro .info-box p { display: block; padding: 0 0 0 70px; width: 100% !important; }
.section-hp-intro .info-box p.right { padding: 15px 0 0 70px; text-align: left; }

.section-hp-intro .products-box { margin-left: 0; text-align: center; }
.section-hp-intro .products-box .item { min-height: 170px; width: 100%; margin: 0 auto 25px; max-width: 350px; text-align: left; }
.section-hp-intro .products-box .item > div { padding: 20px 15px 15px; }
.section-hp-intro .products-box .question-box { line-height: 20px; padding: 0 0 0 30px; left: 15px; bottom: 15px; }
.section-hp-intro .products-box .question-box:before { font-size: 20px; }
.section-hp-intro .products-box .img-box { padding: 0 0 10px; }
.section-hp-intro .products-box .img-box img { height: 30px; width: auto; }
.section-hp-intro .products-box .img-box span { font-size: 28px; line-height: 30px; padding: 0 0 0 40px; }
.section-hp-intro .products-box p { font-size: 17px; line-height: 20px; max-width: 100%; max-height: 47px; position: relative; overflow: hidden; }

/* section tools coop */
.section-tools { padding: 25px 20px 35px; }
.section-tools .text-box { font-size: 14px; line-height: 18px; }
.section-tools h2 { padding: 0 0 20px; }
.section-tools p.big { font-size: 16px; line-height: 24px; }
.section-tools .tools-box { padding: 35px 0 15px; }
.section-tools .tools-box li { margin: 0 15px 20px 0; }

/* section offers */
.section-offer { padding: 35px 20px; }
.section-offer h2 { padding: 0; }
.section-offer .bcol4 + .bcol4 { margin-top: 35px; }
.section-offer p { font-size: 14px; line-height: 18px; padding: 0 0 15px; }
.section-offer .btn { margin-top: 5px; float: right; }

/* section references */
.section-refs { padding: 25px 20px 15px; }
.section-refs h2 { padding: 0 0 25px; }
.section-refs .ref-box { padding: 20px; margin-bottom: 20px; }
.section-refs .ref-box .img-box, .section-refs .ref-box .text-box { width: 100%; }
.section-refs .ref-box .img-box img { width: 80px; }
.section-refs .ref-box .img-box .iblock:first-child { float: left; margin-right: 0; }
.section-refs .ref-box .img-box .iblock + .iblock { margin: 0 0 0 105px; display: block; }
.section-refs .ref-box .img-box .iblock img { margin: 5px 0 15px; }
.section-refs .ref-box .img-box p { font-size: 12px; line-height: 14px; padding: 0 0 15px; }
.section-refs .ref-box .img-box p strong { font-size: 13px; line-height: 17px; }
.section-refs .ref-box .text-box p { font-size: 13px; line-height: 19px; padding-top: 10px; }

/* section year numbers */
.section-numbers { padding: 35px 20px 15px; }
.section-numbers h2 { padding: 0 0 20px; }
.section-numbers .bcol12 .bcol { font-size: 16px; line-height: 22px; width: 90%; }
.section-numbers .bcol12 .bcol h3 { font-size: 28px; line-height: 35px; }
.section-numbers .bcol12 .bcol p { padding-bottom: 25px; }

/* section stay on start */
.section-start { padding: 35px 20px; background-position: 100% 50%; background-size: 100% auto; }
.section-start h2 { padding: 0; }
.section-start .bcol4 + .bcol4 { margin-top: 35px; }
.section-start p { font-size: 14px; line-height: 18px; padding: 0 0 15px; }
.section-start .btn { margin-top: 5px; float: right; }

/* section contact */
.section-contact { padding: 25px 20px 25px; background-color: #f99b1c; }
.section-contact .bcol4 { width: 95%; }
.section-contact h2 { padding: 0 0 15px; }
.section-contact .phone-box, .section-contact .message-box { font-size: 13px; line-height: 17px; }
.section-contact .phone-box a { font-size: 19px; line-height: 26px; margin-bottom: 5px; }
.section-contact .message-box .btn { margin: 20px auto 10px; }
.section-contact .contact-form { padding: 35px 0 15px; }

/* training intro */
.section-training-intro .table { background-position: 50% 100%; background-size: 280px auto; }
.section-training-intro .text-box { padding: 25px 0 75px; }

/* section training */
.section-training { padding: 0 20px 15px; }
.section-training h2 { padding: 10px 0 20px; }
.section-training .training-box { padding: 15px 20px; margin-bottom: 20px; }
.section-training .training-box .text-box, .section-training .training-box .info-box { width: 100% !important; border-left-width: 0 !important; border-right-width: 0 !important; right: 0 !important; left: 0 !important; }
.section-training .training-box .text-box { padding: 5px 0 20px; border-bottom: 2px solid #fff; }
.section-training .training-box .text-box h3 { font-size: 17px; line-height: 21px; }
.section-training .training-box .text-box img { max-width: 60px; height: auto; }
.section-training .training-box .trainer-box { margin-left: 80px; min-height: 60px; }
.section-training .training-box .trainer-box h4 { padding: 0 10px 3px 0; margin-top: 0; }
.section-training .training-box .trainer-box p { margin-top: 5px; }
.section-training .training-box .social-links { margin: 0; }
.section-training .training-box .social-links li { padding: 0 2px; }
.section-training .training-box .social-links li a:before { font-size: 18px; }
.section-training .training-box .info-box { padding: 15px 0 10px; text-align: center; }
.section-training .training-box .info-box p { font-size: 16px; line-height: 25px; padding: 0 0 20px; }
.section-training .training-box .info-box .btn:after { font-size: 11px; }

/* section content */
.section-content { padding-top: 35px; padding-bottom: 15px; }

/* section order */
.section-order { padding: 20px 20px 35px; }
.section-order .padded-box p { font-size: 18px; line-height: 25px; padding: 0 0 30px; }
.section-order .padded-box { padding: 75px 0 0; background-position: 50% 0; background-size: auto 60px; }
.section-order .order-form { padding: 35px 0 15px; }

/* section lector */
.section-lector { padding: 40px 20px; }
.section-lector .title-box img { margin: 10px auto 30px; max-width: 105px; }
.section-lector .wysiwyg p { font-size: 14px; line-height: 18px; padding: 0 0 20px; }
.section-lector .social-links li a:before { font-size: 25px; }

/* product intro */
.section-product-intro { padding: 70px 20px 25px; }
.section-product-intro .fr { float: none; display: block; text-align: center; margin: 15px 0 25px; }
.section-product-intro .main-product-box .img-box { width: 60px; height: 60px; }
.section-product-intro .main-product-box .img-box img { margin: -17px auto 0; height: 34px; }
.section-product-intro .main-product-box .text-box { margin-left: 0; text-align: center; }
.section-product-intro .main-product-box .text-box h1 { font-size: 35px; line-height: 50px; padding: 5px 0 20px 0; text-align: left; margin-left: 80px; }
.section-product-intro .main-product-box .text-box .perex { line-height: 26px; padding: 0 0 30px; text-align: center; }
.section-product-intro .main-product-box .padded-box .iblock:first-child { margin: 0 0 20px; display: block; }
.section-product-intro .main-product-box .padded-box .iblock p { padding: 10px 0 0; font-size: 13px; }
.section-product-intro .main-product-box .padded-box .iblock + .iblock p { line-height: 22px; font-size: 18px; }

/* why product */
.section-why-product { padding: 20px 20px 25px; }
.section-why-product h2 { padding-top: 90px; background-size: 60px auto !important; background-position: 50% 15px !important; }
.section-why-product .perex { font-size: 18px; line-height: 24px; padding-bottom: 15px; }
.section-why-product p { font-size: 15px; line-height: 22px; padding-bottom: 15px; }

/* product basics */
.section-basic { padding: 35px 20px 25px; }
.section-basic .basic-item { padding-top: 15px; font-size: 15px; line-height: 19px; text-align: center !important; }
.section-basic .basic-item h2 { padding-bottom: 10px; }

/* product pricing */
.section-pricing { margin-top: 0; padding: 35px 20px 15px; }
.section-pricing h2 { font-size: 31px; line-height: 38px; padding: 0 0 30px; }
.section-pricing h2 small { font-size: 21px; line-height: 28px; padding: 6px 15px; float: none; }
.section-pricing h2:before { display: none; }
.section-pricing p.perex { font-size: 29px; line-height: 36px; }
.section-pricing p.orange-alt { font-size: 24px; line-height: 30px; padding: 0 0 30px; }
.section-pricing p.small { font-size: 16px; }
.section-pricing .btn { margin-bottom: 20px; }

/* product offer */
.prices-box { padding: 10px 0 5px; }
.prices-box .price-box { padding: 20px 15px 0; margin-bottom: 20px; }
.prices-box .price-box > div h2 { font-size: 19px; line-height: 30px; padding-bottom: 15px; }
.prices-box .price-box > div h2 .big { font-size: 35px; line-height: 50px; }
.prices-box .price-box > div h2 .big small { font-size: 18px; line-height: 30px; top: 8px; }
.prices-box .price-box > div p { font-size: 14px; line-height: 18px; padding: 0 0 20px; }
.prices-box .price-box .order-now { font-size: 16px; line-height: 20px; }

/* section request */
.section-request { padding: 25px 20px 15px; }
.section-request h3 { line-height: 25px; padding: 55px 0 15px 0; background-size: auto 40px; background-position: 50% 0; }
.section-request .btn { top: 0; display: block; min-width: 200px; width: auto; margin: 10px auto 0; }
.section-request .btn > span { font-size: 18px; }
.section-request .order-form { padding: 25px 0 5px; }

/* section contact :: sign */
.section-contact-sign { padding: 40px 20px 20px; }
.section-contact-sign h2 { font-size: 30px; line-height: 37px; }
.section-contact-sign p { font-size: 15px; line-height: 20px; }
.section-contact-sign .btn { margin: 0 auto 20px; }
.section-contact-sign.ico-contact { background-position: -80px 30px; background-size: 190px auto; }
.section-contact-sign.ico-contact h2 { padding-top: 70px; }
.section-contact-sign.ico-sign { background-position: 50% 30px; background-size: 55px auto; }
.section-contact-sign.ico-sign h2 { padding-top: 80px; }
.section-contact-sign + .section-contact-sign:before { font-size: 30px; }

/* section faq */
.section-faq { padding: 35px 20px 40px; }
.section-faq .item { max-width: 100%; }
.section-faq .item h3 { padding: 25px 0 15px; }
.section-faq p { font-size: 14px; line-height: 18px; }
.section-faq .text-unclear { padding-top: 35px; }

/* footer */
.footer { padding: 10px 20px 5px; }
.footer .bcol4 { width: 45%; }
.footer .bcol4:empty { display: none; }
.footer .footer-links { padding: 0 0 35px; }
.footer .footer-links h4 { font-size: 17px; line-height: 21px; padding: 15px 0 5px; }
.footer .footer-links ul li { font-size: 14px; line-height: 17px; }
.footer .logo-box > img { margin: 0 0 10px; width: 180px; height: 48px; }
.footer .logo-box .fr { float: none; margin: 0 auto 25px; display: block; text-align: center; }
.footer .logo-box .fr li { margin: 0 8px 5px; }
.footer .logo-box .fr li img { max-height: 40px; }

/* buttons */
.btn + .btn { margin-left: 5px; }
.btn-border > span, .btn-border > input[type=submit] { padding: 10px 20px; font-size: 14px; line-height: 17px; }
.btn-small > span, .btn-small > input[type=submit] { padding: 6px 20px; }
.btn-small.bordered > span, .btn-small.bordered > input[type=submit] { padding: 5px 20px; }

.btn-blue { box-shadow: 0 1px 0 #0091ff; }
.btn-blue > span, .btn-blue > input[type=submit] { padding: 10px 30px 10px; font-size: 15px; line-height: 17px; }
.btn-blue:hover { box-shadow: 0 1px 0 #1a0241; }

.btn-medium > span, .btn-medium > input[type=submit] { padding-left: 25px; padding-right: 25px; font-size: 16px; line-height: 20px; }
.btn-big > span, .btn-big > input[type=submit] { padding: 6px 25px 7px; font-size: 18px; line-height: 22px; }
.btn-big.arrow > span, .btn-big.arrow > input[type=submit] { padding-right: 40px; }
.btn-big.arrow:after { right: 20px; }

/* forms */
input[type=text], input[type=email], input[type=tel], input[type=file], input[type=password], textarea, select { font-size: 14px; height: 18px; line-height: 17px; }
textarea { height: 100px; line-height: 17px; }
.select:after { right: 15px; bottom: 12px; }

.form-box h3 { padding-bottom: 20px; }
.form-box p { padding: 0 0 10px; font-size: 14px; line-height: 18px; }
.form-box .btn { margin-top: 10px; }
.form-box .row.f0 { margin-left: 0; }
.form-box .fcol { display: block; margin-left: 0; width: 100% !important; }

/* backend messages */
.message-ok, .message-error { font-size: 14px; line-height: 18px; padding: 5px 15px; margin: 0 0 10px; }

/* checkbox */
.form-box input[type=checkbox] + label { padding-left: 28px; }
.form-box input[type=checkbox] + label:before { left: 10px; }

}