body { font-family: 'Roboto', sans-serif; font-size: 16px; }

.container { position: relative; z-index: 100; }

/* CAROUSEL */
.jcarousel { position: relative; overflow: hidden; }
.jcarousel ul{ width: 20000em; position: relative; list-style: none; margin: 0; padding: 0;}
.jcarousel li { float:left; padding: 10px; }
.jcarousel-prev, .jcarousel-next { position: absolute; top: 42%; margin-top: -30px; }
.jcarousel-prev { left: 0; }
.jcarousel-next { right: 0; }

/* ICON */
i[class*="icon-"] {
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
}
.icon-1 { background-position: 0px 0px; }
.icon-2 { background-position: -62px 0px; }
.icon-3 { background-position: 0px -120px; }
.icon-4 { background-position: -62px -120px; }
.icon-5 { background-position: 0px -240px; }
.icon-6 { background-position: -62px -240px; }
.icon-7 { background-position: 0px -360px; }
.icon-8 { background-position: -62px -360px; }
.icon-9 { background-position: 0px -480px; }
.icon-10 { background-position: -62px -480px; }

/* BTN */
.btn { font-weight: 500; border-radius: 0px; text-transform: uppercase; }
.btn-danger { color: #ffffff; background-color: #e61f3f; border-color: #e61f3f; }
.btn-primary { color: #ffffff; background-color: #3c4550; border-color: #3c4550; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #293038;
    border-color: #293038;
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #4C5B66;
    border-color: #4C5B66;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
	background-color: #4C5B66;
    border-color: #4C5B66;
}
.btn-white { color: #e61f3f; background-color: #fff; border-color: #fff; }
.btn-white:hover, .btn-white:focus, .btn-white:active {
	color: #ffffff; background-color: #3c4550; border-color: #3c4550;
}
.btn-lg { padding: 17px 24px; font-size: 18px; line-height: 1.3333333; border-radius: 0px; }

/* FORM CONTROL */
.form-control { border-radius: 0; border-color: #fff; -webkit-box-shadow: none; box-shadow: none;
    -webkit-transition: none; -o-transition: none; font-weight: 500; color: #6d747c; }
.input-lg { height: 60px; padding: 14px 20px; }
.form-control::-moz-placeholder { color: #6d747c; }
.form-control:-ms-input-placeholder { color: #6d747c; }
.form-control::-webkit-input-placeholder { color: #6d747c; }

input.error{border-color:#f00;-webkit-box-shadow:inset 0px 0px 1px 1px rgba(255,0,0,0.4);box-shadow:inset 0px 0px 1px 1px rgba(255,0,0,0.4);}
input.error::-moz-placeholder { color: #f00; }
input.error:-ms-input-placeholder { color: #f00; }
input.error::-webkit-input-placeholder { color: #f00; }

/* TEXT */
.text-danger { color: #e61f3f; }
.text-white { color: #fff; }
.text-bold { font-weight: 700; }
.text-block { display: block; }
.text-light { font-weight: 300; }

/* BG */
.bg { background-repeat: no-repeat; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

/* BLOCK CENTER */
.block-center { position: absolute; z-index: 2; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/* RECTANGLE */
.rotated-rectangle-top:before, .rotated-rectangle-bottom:after { content: ''; display: block; position: absolute; height: 100px; width: 100%; }
.rotated-rectangle-top:before { top: -50px; }
.rotated-rectangle-bottom:after { bottom: -50px; }
.rotated-rectangle-top-right:before, .rotated-rectangle-bottom-right:after { -webkit-transform: skew(0deg,3deg); -moz-transform: skew(0deg,3deg); -o-transform: skew(0deg,3deg); transform: skew(0deg,3deg); }
.rotated-rectangle-top-left:before, .rotated-rectangle-bottom-left:after { -webkit-transform: skew(0deg,-3deg); -moz-transform: skew(0deg,-3deg); -o-transform: skew(0deg,-3deg); transform: skew(0deg,-3deg); }

/* BLOCK TOP */
#block-top { background-color: #fff; padding: 29px 0 31px; }
.phone { font-weight: 500; font-size: 1.5em; /* = 24px */ padding: 13px 0px; }
#block-top .phone { padding-right: 32px; }
.phone a { color: #6d747c; text-decoration: none; }
.phone a span { color: #1f2d30; font-weight: 700; }
.logotype { padding: 8px 0px; }

/* HEADER */
#header { position: relative; height: 800px; }
.bg-header { background-image: url('../images/bg-header.jpg'); background-position: center; }
.header-title { color: #ffffff; font-size: 4.250em; /* = 68px; */ line-height: 1.15; text-align: center; margin: 0 0 104px; width: 1050px; }
.header-title small { font-size: 0.45em; /* = 30px; */ font-weight: 300; color: #fff; }
.header-subtitle { text-align: center; color: #ffea00; font-size: 2.25em; /* = 36px */ font-weight: 500; margin-bottom: 50px; }
.header-subtitle small { font-size: 0.667em; /* = 24px */ font-weight: 400; }

/* ABOUT US IS NUMBER */
#about-us { position: relative; }
.about-us { background-color: #e61f3f; padding: 35px 0px 69px; }
.number-item { color: #fff; text-align: center; }
.number-title { font-size: 1.5em; /* = 24px */ line-height: 1.25; margin-top: 30px; }
.number { font-size: 8.750em; /* = 140px */ line-height: 1; /* = 140px */ font-weight: 900; }
.number::after { content: ''; display: block; width: 70px; height: 4px; background-color: #fff; margin: 20px auto 0px; bottom: 0px; }
.about-us::before { background-color: #e61f3f; }

/* FRANCHISE ORDER */
#franchise-order-gray { background-color: #f2f2f2; }
#franchise-order-red, .franchise::before { background-color: #e61f3f; z-index: 4; }
.franchise-order { padding: 31px 0 80px; position: relative; }
.franchis-title { font-size: 3.750em; /* = 60px */ font-weight: 300; }
.franchis-title span { font-weight: 700; }
.franchis-subtitle { font-size: 1.5em; /* = 24px */ color: #6d747c; }
.franchis-title, .franchis-subtitle { text-align: center; }
.franchis-form { margin-top: 58px; }
.franchise-inverse .franchis-title, .franchise-inverse .franchis-subtitle { color: #fff; }

/* LEARN */
#learn { position: relative; height: 940px; }
.bg-learn { background-image: url('../images/bg-learn.jpg'); }
.learn-title { color: #fff; font-size: 4.250em; /* = 68px */ line-height: 1.2; font-weight: 700; margin: 216px 0px 63px; }
.learn-title span { font-weight: 300; }

/* EXCLUSIVE */
#exclusive { position: relative; text-align: right; }
#exclusive .container { height: 860px; }
.exclusive::before { background-color: #fff; }
.bg-exclusive { height: 982px; width: 621px; position: absolute; background: url('../images/bg-exclusive.png') no-repeat bottom; top: -122px; }
.exclusive-title { font-size: 3.750em; /* = 60px */ color: #e61f3f; margin: 53px 0px; }
.exclusive-title span { font-weight: 300; }
.slom-is, .slom-verygood { color: #3c4550; font-size: 1.5em; /* = 24px */ line-height: 1.25; }
.slom-is { margin-bottom: 27px; }

/* ADVANTAGES */
#advantages { position: relative; }
.bg-advantages { width: 50%; height: 100%; top: 0; position: absolute; }
.bg-advantages-left { left: 0; background-color: #3c4550; }
.bg-advantages-right { right: 0; background: url('../images/bg-advantages-right.jpg'); }
.advantages-title { font-size: 3.750em; /* = 60px */ color: #fff; text-align: center; margin: 60px 0px 118px; }
.advantages-title span { display: inline-block; background-color: #3c4550; padding: 0px 20px 10px; }
.advantage-header { text-align: center; font-weight: 700; font-size: 2.25em; /* = 36px */ color: #3c4550; }
.advantage-header.white { color: #fff; }
.advantage-header:after { content: ''; display: block; width: 80px; height: 4px; background-color: #e61f3f; margin: 27px auto 0; }
.advantage-item { position: relative; }
.advantage-left { text-align: right; color: #fff; padding-right: 120px; }
.advantage-right { padding-left: 120px; }
.advantage-right .advantage-title { color: #3c4550; }
.advantage-right .advantage-description { color: #000000; }
.advantage-title { font-size: 1.875em; /* = 30px */ font-weight: 700; margin-bottom: 11px; }
.advantage-title span { font-weight: 300; }
.advantage-description { font-size: 1.125em; /* = 18px */ line-height: 1.7; font-weight: 500; }
.advantage-head { margin-bottom: 105px; }

.advantage-icon { width: 30px; height: 30px; position: absolute; top: 7px; background-image: url('../images/plusandminus.png'); background-repeat: no-repeat; }
.advantage-plus { background-position: 0px 0px; right: 40px; }
.advantage-minus { background-position: -32px 0px; left: 40px; }
.advantage-row + .advantage-row { margin-top: 70px; }
.bg-advantages-content { background: url('../images/bg-advantages-content.png') no-repeat center bottom; position: relative; z-index: 2; padding-bottom: 700px; }

/* TEN DIRECTIONS */
#ten-directions { position: relative; padding: 29px 0 120px; }
.ten-directions:after { background-color: #fff; z-index: 3; }
.direction-header { margin-bottom: 73px; }
.direction-header, .direction-text, .direction-item, .direction-body { overflow: hidden; zoom: 1; }
.direction-text, .direction-ten, .direction-body, .direction-icon { display: table-cell; vertical-align: middle; color: #e61f3f; }
.direction-text, .direction-body { width: 10000px; font-weight: 300; font-size: 3.750em; /* = 60px */ line-height: 1.2; }
.direction-text span { font-weight: 700; color: #1f2d30; }
.direction-ten { font-size: 10em; /* = 160px */ line-height: 1; font-weight: 900; padding-right: 29px; }
.direction-icon { padding-right: 40px; }
.direction-body { font-size: 1.5em; /* = 24px */ font-weight: 400; color: #3c4550; }
.direction-row + .direction-row { margin-top: 54px; }

/* IT IS SIMPLE */
#it-is-simple { padding: 190px 0 0; position: relative; height: 800px; text-align: right; color: #fff; }
.bg-it-is-simple { background-image: url('../images/bg-it-is-simple.jpg'); background-position: center; }
.simple-title { font-size: 4.250em; /* = 68px */ font-weight: 700; }
.simple-title span { font-weight: 300; }
.simple-text { font-size: 1.5em; /* = 24px */ margin: 25px 0 0; }
.simple-margin { position: absolute; width: 100%; bottom: -180px; }
.simple-form { background-color: #f2f2f2; padding: 42px 0 80px; }
.simple-form-title { font-weight: 700; font-size: 3.750em; /* = 60px */ line-height: 1.44; color: #1f2d30; }
.simple-form-title span { font-weight: 300; }
.simple-form-subtitle { color: #6d747c; font-size: 1.5em; /* = 24px */ margin-bottom: 58px; }
.simple-form-title, .simple-form-subtitle { text-align: center; }

/* COMPOSITION */
#composition { position: relative; padding: 226px 0px 97px; }
.composition-title { font-size: 3.750em; /* = 60px */ color: #e61f3f; text-align: center; font-weight: 700; line-height: 1.2; margin: 0 0 85px; }
.composition-title span { font-weight: 300; color: #1f2d30; }
.composition-item { padding-right: 61px; }
.composition-item, .composition-body { overflow: hidden; zoom: 1; }
.composition-body, .composition-image { display: table-cell; vertical-align: top; }
.composition-image { padding-right: 30px; }
.composition-body { width: 10000px; }
.composition-body h3 { font-size: 1.875em; /* = 30px */ color: #3c4550; margin: 20px 0 16px; }
.composition-body p { font-size: 1.125em; /* = 18px */ color: #1f2d30; margin: 0; }
.composition-row + .composition-row { margin-top: 100px; }

/* NATERIALS */
#materials { position: relative; background-color: #f2f2f2; padding: 51px 0 110px; }
.materials-title { font-size: 3.75em; /* = 60px */ color: #e61f3f; font-weight: 700; text-align: center; margin: 0px 0 78px; }
.materials-title span { color: #1f2d30; font-weight: 300; }
#video-list { position: relative; }
.video-item { background-color: #000; }
.video, .articles { max-width: 980px; }
.video-title { color: #1f2d30; font-size: 1.125em; /* = 18px */ font-weight: 700; padding: 16px 20px; }
.article { width: 50%; float: left; padding: 10px; }
.article-image { position: relative; }
.article-title { top: 70px; left: 66px; position: absolute; font-weight: 700; font-size: 1.875em; /* = 30px */ line-height: 1.2; color: #fff; border-left: 7px solid #fd9905; padding: 4px 0 6px 35px; }
.article-title:before, .article-title:after { content: ''; display: block; position: absolute; height: 7px; width: 21px; background-color: #fd9905; left: -7px; }
.article-title:before { top: 0; }
.article-title:after { bottom: 0; }
.article-footer { background-color: #fff; padding: 16px 20px 17px; }
.article-link { font-weight: 700; color: #1f2d30; font-size: 1.125em; /* = 18px */ margin: 0; }
.article-more { font-size: 1em;  /* = 16px */ margin: 0; }
.article-more a { color: #b3b3b3; text-decoration: underline; }
.article-more a:hover { text-decoration: none; }
#articles { margin-top: 13px; }

/* CLIENTS */
#clients { position: relative; padding: 51px 0 111px; }
#clients-list { position: relative; }
.clients-title { color: #1f2d30; font-size: 3.75em; /* = 60px */ font-weight: 700; text-align: center; margin: 0 0 69px; }
.clients-title span { font-weight: 300; }
.client-subtitle { font-size: 1.5em; /* = 24px */ color: #6d747c; text-align: center; margin: 23px 0 0; }
.client-subtitle span { font-weight: 700; }
.clients { max-width: 980px; }
.clients-nav a { top: 50%; }

/* IDEA */
#idea { position: relative; background-color: #e61f3f; color: #fff; }
#idea .container { padding-top: 51px; padding-bottom: 120px; background: url('../images/bg-lamp.png') no-repeat right bottom; }
.idea-title { font-size: 3.75em; /* = 60px */ line-height: 1.2; font-weight: 700; margin: 0 0 35px; }
.idea-title span { font-weight: 300; }
.idea-subtitle { font-size: 1.5em; /* = 24px */ }
.idea-btn { margin-top: 71px; }

/* DIRECTOR */
#director { position: relative; overflow: hidden; background-color: #f2f2f2; padding: 60px 0 120px; }
.quote { position: absolute; right: 15px; top: 227px; width: 600px; }
.quote-rectangle { -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -o-transform: skew(-15deg); transform: skew(-15deg); background-color: #fff; }
 .quote-rectangle-content { -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); transform: skew(15deg); }
 .quote-inner { font-size: 1.5em; /* = 24px */ line-height: 1.25; color: #3c4550; font-style: italic; padding: 60px 80px 43px; background: url('../images/quote.png') no-repeat 65px 30px; }
 .director-name { font-size: 1.125em; /* = 18px */ font-style: italic; color: #6d747c; padding-left: 105px; margin: 33px 0 0; }
 .director { position: relative; }

 /* CONTACTS */
#contacts { background-color: #f2f2f2; padding-bottom: 100px; }
#contacts a { color: inherit; }
.contact-label { font-weight: bold; }
.contact-label, .contact-value { font-size: 1.5em; }

 /* FOOTER */
 #footer { background-color: #1f2d30; padding: 28px 0px 28px; font-size: 14px; /* = 14px */ color: #fff; }
.copyright { padding: 12px 0px; color: #f2f2f2; }
.created { float: right; width: 190px; }
.created, .created-body { overflow: hidden; zoom: 1; }
.created-body, .created-icon { display: table-cell; vertical-align: middle; }
.created-icon { padding-right: 12px; }
.created-body { width: 10000px; }
.created-body p { margin: 0; line-height: 18px; }
.created-body sup { color: #3c4550; font-size: 70%; }
.created-body a { color: #e61f3f; text-decoration:none; }

i[class*="arrow-"] {
 	background-image: url(../images/arrows.png);
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
}
.arrow-prev { background-position: 0px -62px; }
.arrow-prev:hover { background-position: 0px 0px; }
.arrow-next { background-position: -62px -62px; }
.arrow-next:hover { background-position: -62px 0px; }

/* modal */
.arcticmodal-overlay,
.arcticmodal-container{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1080;}
.arcticmodal-container{overflow:auto;margin:0;padding:0;border:0;border-collapse:collapse;}
*:first-child+html .arcticmodal-container{height:100%}
.arcticmodal-container_i{height:100%;margin:0 auto;}
.arcticmodal-container_i2{padding:24px;margin:0;border:0;vertical-align:middle;}
.arcticmodal-error{padding:20px;border-radius:10px;background:#000;color:#fff;}
.arcticmodal-loading{width:44px;height:44px;border-radius:10px;background:#000 url('../images/loading.gif') no-repeat 50% 50%;}
.box-modal{position:relative;max-width:580px;padding:0;background-color:#f2f2f2;-webkit-box-shadow:0px 3px 7px rgba(0, 0, 0, 0.35);-moz-box-shadow:0px 3px 7px rgba(0, 0, 0, 0.35);box-shadow:0px 3px 7px rgba(0, 0, 0, 0.35); }
.box-modal .box-modal_close { position: absolute; top: 0px; right: 20px; font-size: 40px; opacity: 0.5; cursor: pointer; }
.box-modal .box-modal_close:hover { opacity: 1; }
.box-modal .box-modal_title { padding: 30px 80px 0px 40px; position:relative; overflow:hidden;}
.box-modal .box-modal_topic { font-size: 36px; line-height: 1.25; text-transform: uppercase; color: #e61f3f; }
.box-modal .underline:after { margin-top: 9px; }
.box-modal .box-modal_body{padding:18px 40px 49px; color: #6d747c; }
.box-modal .box-modal_body form{ margin:25px auto 0;}
.box-modal .box-modal_body p { font-size: 18px; color:#6d747c; }
.box-modal .help-block { color: #496886; margin-top: 10px; font-size: 14px; }
.modal-form-btn .btn { width: 50%; }

.error-wrapper { overflow-x: hidden; }
.error-wrapper h1 {
    color: #fff;
    font-size: 200px;
    line-height: 1;
    margin-bottom: 35px;
    font-weight: 300;
    text-stroke: 1px transparent;
    display: block;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}

.error-wrapper h3 {
    margin-bottom: 40px;
}

.director__sertif {
    height: 212px;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
}

.sertif {
    max-width: 300px;  
}

.sertif a {
    text-decoration: none;
    color: inherit;
}

.sertif__image {
    float: left;
}

.sertif__body {
    margin-left: 165px;
    padding-top: 65px;
    font-size: 16px;
    font-style: italic;
    text-align: left;
}

.sertif__body span {
    display: inline;
    color: #6d747c;
    border-bottom: 1px solid #6d747c;
    cursor: pointer;
    z-index: 100;
}

.sertif__body span:hover {
    border-bottom-color: transparent;
}

/* MEDIA */
@media (max-width:1199px) {
	body { font-size: 12px; }
	.franchis-form-btn { margin-top: 20px; }
	#exclusive .container { height: 600px; }
	#learn { height: 810px; }
	.bg-exclusive { background-size: 100%; height: 982px; width: 100%; max-width: 47%; top: auto; bottom: 0 }
	.bg-advantages-content { padding-bottom: 850px; }
	.video, .articles, .clients { max-width: 800px; }
	.quote { width: 400px; top: 270px; right: 0; }
	.quote-inner { font-size: 18px; padding: 40px 60px 23px; background-position: 40px 10px; }
    .director__sertif {
        position: relative;
        top: auto;
        right: auto;
        text-align: center;
        margin-top: 40px;
    }
    .sertif {
        display: inline-block;
    }
}

@media (max-width:992px) {
	body { font-size: 10px; }
	.header-title { max-width: 768px; }
	.franchis-form .col-md-4 + .col-md-4 { margin-top: 20px; }

	.bg-exclusive { max-width: 50%; }
	
	.advantages-title { margin-bottom: 80px; }
	.advantage-head { margin-bottom: 70px; }
	.advantage-row + .advantage-row { margin-top: 40px; }
	.advantage-left { padding-right: 40px; }
	.advantage-right { padding-left: 40px; }
	.advantage-minus { left: 0; }
	.advantage-plus { right: 0; }

	.bg-advantages-content { padding-bottom: 800px; }

	.simple-form-btn { margin-top: 20px; }
	.composition-image img { width: 70px; height: 70px; display: block; }
	.composition-body h3 { margin: 5px 0px 10px; }
	.composition-item { padding-right: 0; }

	.video, .articles, .clients { max-width: 600px; }
	.article-title { top: 40px; left: 40px; }

	#idea .container { background-size: 50%; }
	.director-name { padding-left: 0; margin-top: 50px; }
	#block-top .phone { font-size: 2.5em; padding-right: 0px; }
	.logotype { padding: 39px 0px }
	.bg-header { background-position: 37%; }
}

@media (max-width:768px) {
	body { font-size: 9px; }
	.logotype { padding: 0px; text-align: center; }
	#block-top .phone { text-align: center; padding: 20px 0px; }
	.header-title { max-width: 480px; margin-bottom: 45px; }
	#header { height: 480px; }
	.bg-header { background-size: 220%; background-position: 37%; }
	.bg-exclusive { display: none; }

	#exclusive { text-align: left; }
	.slom-is br { display: none; }
	#exclusive .container { height: auto; padding-bottom: 100px; }

	.direction-text span:first-child { font-weight: 300; color: #e61f3f; }
	.advantage-description, .composition-body p { font-size: 1.5em; }
	.direction-icon { padding-right: 20px; }

	.video, .articles, .clients { max-width: 480px; text-align: center; }
	#idea .container { background-image: none; }
	.idea-btn { text-align: center; }
	.article { width: 100%; }
	.article-footer { text-align: left; }
	.article-title { top: 80px; left: 40px; }


	.quote { position: absolute; top: auto; bottom: -50px; right: auto; left: 30px; }

	#learn { height: 500px; }
	.learn-title { margin-top: 100px; }

	#footer { text-align: center; }
	.created { float: none; margin: 20px auto 0; }
	#idea .container { padding-bottom: 80px; }
	
	#contacts { padding-bottom: 50px; }
	#contacts .col-sm-3 { margin-top: 20px; }
	#contacts .contact-label, #contacts .contact-value { font-size: 2em; }
}

@media (max-width:650px) { 
	.article-title { top: 45px; }
	.video, .articles, .clients { max-width: 320px; }	
	.composition-body, .composition-image { display: block; width: auto; }
	.composition-body h3 { margin-top: 10px; }
	.composition-row + .composition-row { margin-top: 40px; }
	.director-name { margin-top: 20px; margin-bottom: 30px; }
	.modal-form-btn .btn { width: 100%; }
}

@media (max-width:480px) {
	body { font-size: 7px; }
	.bg-header { background-size: 300%; }
	#block-top .phone { font-size: 3em; }
	#learn { height: 450px; }
	#it-is-simple { padding: 100px 0 0; height: 500px; }
	.video-nav, .clients-nav { position: relative; height: 60px; max-width: 300px; margin: 0 auto 30px; }
	.header-title { max-width: 330px; }
	#header { height: 400px; }
	.quote-inner { font-size: 16px; padding: 20px 30px 13px; }
	.quote { width: 310px; left: 17px; }
	.number-title { margin-top: 15px; }
	.number::after { margin-top: 15px; }
	.idea-btn .btn { white-space: normal; }
	
	.direction-text br { display: none; }
	.article-title { font-size: 2.5em; }
	.idea-subtitle, .client-subtitle, .article-link, .article-more, .simple-text, .direction-body, .franchis-subtitle, .slom-is, .slom-verygood, .franchis-subtitle, .number-title, .simple-form-subtitle, .director-name, .video-title { font-size: 2em; }
	.direction-body, .direction-icon { display: block; width: 100%; }
	.direction-body { margin-top: 20px; }

	.box-modal .box-modal_body { padding: 18px 20px 49px; }
	.box-modal .box-modal_title { padding: 30px 40px 0px 20px; }
	.box-modal .box-modal_body p { font-size: 16px; }
	.box-modal .box-modal_topic { font-size: 26px; }
	.arcticmodal-container_i2 { padding: 0; }
	.box-modal .box-modal_close { right: 10px; }

	#feedBack-modal { margin: 24px; }
	.error-wrapper h1 { font-size: 150px; }
	.error-wrapper .btn { font-size: 16px; }
}

@media (max-width:350px) { 
	body { font-size: 5px; }
	.btn-lg { font-size: 1.5em; }
}