* {margin: 0; padding: 0;}
html {height: 100%; font-size: 100%;}
body {font-size: 18px; line-height:24px; font-family: Conv_segoeuil; width: 100%; height: 100%; color: black; text-align: left; margin: 0;}
img {max-width:100%; height:auto; outline: 0;}
@media \0screen {img { width: auto }}
a {outline: 0;}
.clear {clear: both;}
@font-face {
	font-family: 'Conv_segoeuil';
	src: url('../fonts/segoeuil.eot');
	src: local(''), url('../fonts/segoeuil.woff') format('woff'), url('../fonts/segoeuil.ttf') format('truetype'), url('../fonts/segoeuil.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_seguisb';
	src: url('../fonts/seguisb.eot');
	src: local(''), url('../fonts/seguisb.woff') format('woff'), url('../fonts/seguisb.ttf') format('truetype'), url('../fonts/seguisb.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
sup {font-size: small;}
p {font-size: 18px; line-height: 24px; text-align: left; margin: 0 0 15px 0; font-family: Conv_segoeuil;}
h1 {color: #fff0ab; text-align: center; margin: 10px 0; text-transform: uppercase; font-family: Conv_segoeuil; font-weight: normal;}
h2 {color: #eec84e; text-align: center; margin: 10px 0; text-transform: uppercase; font-family: Conv_segoeuil; font-weight: normal;}
h3 {text-align: center; margin: 0 0 20px 0; font-family: Conv_segoeuil; font-weight: normal;}
h4 {text-align: left; margin: 0 0 20px 0; font-family: Conv_seguisb; font-weight: normal; color: white;}
h5 {text-align: left; margin: 0 0 20px 0; font-family: Conv_seguisb; font-weight: normal; color: #86631c;}
ul.spip {display: table;}
ul.spip li {list-style-position: outside; margin-left: 30px;}
ul.spip li ul.spip {list-style: none; text-indent: 0; margin: 0;}
ul.spip li ul.spip li {margin-left: 15px;}
a.spip_mail:before {content: none;}

/*-----------------------------------------------------------------------------*/

.middle {width: 98%; max-width: 1000px; margin: 0 auto; padding: 60px 0 40px 0;}
.black, .white {width: 100%; padding: 60px 0; display: table;}
.black {background: black url(../images/block-black-bg.png) no-repeat top center;}
.white {background: white url(../images/block-white-bg.png) no-repeat top center;}
.black h3 {color: #ffe980;}
.white h3 {color: black;}
.black p {color: white;}
.white p {color: black;}

/* Header
-----------------------------------------------------------------------------*/
.header {height: 60px; border-bottom: 1px solid #4d4627;  width: 100%; background: black; position: fixed; z-index: 1;}
.header .middle {padding: 0;}
.header-wrapper {margin-left: 100px; height: 60px;}
.logo {width: 100px; height: 100px; float: left; z-index: 10; position: relative;}
.logo img {margin: -20px 0 0 -10px;}
.header-mobile-meny {display: none; float: left;}
ul.header-mobile-meny {margin: 0; width: 40px; text-align: left; position: relative; z-index: 100;}
ul.header-mobile-meny li {height: 40px; list-style: none;}
ul.header-mobile-meny li:hover {position: relative;}
ul.header-mobile-meny li a {font-size: 16px; color: white; text-decoration: none; text-transform: uppercase;}
ul.header-mobile-meny li a img {margin: 20px 0 0 0;}
ul.header-mobile-meny li:hover > ul {display: block; position: absolute; top: 40px; left: 0;}
ul.header-mobile-meny li ul {display: none; background: #f6e8b9; text-align: left; padding: 10px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
ul.header-mobile-meny li ul li {margin: 0 0 10px 0; height: 30px;}
ul.header-mobile-meny li ul li a {font-size: 16px; color: black; font-weight: bold; text-decoration: none; text-transform: uppercase;}
ul.header-mobile-meny li ul li a:hover {text-decoration: underline; color: black;}
ul.header-mobile-meny li ul li {height: auto; width: 100%;}

.header-phone {width: auto; float: right; text-align: right; margin-top: 13px; margin-right: 10px;}
.header-phone img {margin-right: 5px;}
.header-phone a {font-family: Conv_seguisb; color: #eec84e; text-decoration: none; font-size: 25px; border-bottom: 1px dashed #eec84e;}
.header-phone a:hover {color: #eec84e; text-decoration: none; border: 0;}

#js_allphones {background: white; width: 225px; padding: 0 10px; text-align: center; float: right; margin-top: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#js_allphones p {font-size: 16px; line-height: 20px; font-family: Conv_seguisb; text-align: center; margin: 10px 0;}
#js_allphones img {width: 22px; margin-right: 5px; vertical-align: text-top;}
#js_allphones a {font-size: 24px; line-height: 42px; font-family: Conv_seguisb; text-align: center; margin-bottom: 10px; color: #eec84e; text-decoration: none; border-bottom: 1px dashed #eec84e;}
#js_allphones a:hover {color: #eec84e; text-decoration: none; border: 0;}
#about, #testimony, #composition, #guarantee, #order {border-top: 61px solid transparent;	margin-top: -61px; moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}

/* Form */
#cboxContent form  {padding: 10px;}
#cboxContent form label {font-size: 17px; width: 170px; display: inline-block; margin-right: 10px;}
#cboxContent form .editer {display: block; margin-bottom: 10px;}
#cboxContent form span.obligatoire {display: none;}
#cboxContent form input[type="text"] {border: 1px solid #c6c5c5; width: 150px; height: 24px; font-size: 17px; padding: 0 5px;}
#cboxContent form textarea {border: 1px solid #c6c5c5; width: 335px; max-width: 95%; height: 100px; font-size: 17px; padding: 5px;}
#cboxContent form p {font-size: 17px;}
#cboxContent form p:last-child {margin: 0 0 20px 0;}
#cboxContent form input[type="submit"] {width: auto; cursor: pointer; background: #ffe980; border: 0; margin-bottom: 20px; line-height: 20px; outline: 0; color: black; padding: 5px 23px 7px 23px; font-size: 17px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
#cboxContent form input[type="submit"]:hover {background: black; color: #ffe980;}
#cboxContent .editer_textarea_1 label {display: block;}
#cboxContent .reponse_formulaire_erreur, #cboxContent .reponse_formulaire_ok {max-width: 100%;}
#cboxContent .reponse_formulaire_erreur p, #cboxContent .reponse_formulaire_ok p {color: #cc0000; font-size: 15px; line-height: 20px; font-weight: normal; margin: 20px; max-width: 100%;}
#cboxContent span.erreur_message {margin-top: 0; font-size: 17px;}
/* Blocks
-----------------------------------------------------------------------------*/
.block1 {width: 100%; min-height: 100vh; height: auto; background: url(../images/block1.jpg) center center no-repeat;  background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/block1.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/block1.jpg', sizingMethod='scale')";}
.block1 .middle {padding: 0;}
.block1-wrapper {display: table; width: 100%;}
.block1-content {display: table-cell; vertical-align: middle;}
.block1-left {width: 100%; float: left; text-align: center; margin-top: 65px;  margin-left: 0;}
.block1-right {width: 100%; margin: 20px 0 0 0; float: left; text-align: center; padding-bottom: 20px;}
.price-old {font-size: 25px; color: #fff1ac; text-align: right; text-decoration: line-through;}
.price-new {font-size: 72px; color: #eec84e; text-align: center; line-height: 30px; margin-bottom: 40px;}
.price-new span {font-size: 48px;}
.block1-right a.block1-order {display: inline-block; text-align: center; margin-bottom: 10px; width: 180px; height: 30px; background: black; border: 1px solid white; color: white; text-decoration: none; font-size: 20px; font-family: 'Conv_seguisb';}
.block1-right a.block1-order:hover {color: black; text-decoration: none; background: #eec84e}
.actions1 {font-size: 30px; color: #fff1ac; text-transform: uppercase; line-height: 50px;}
.actions2 {font-size: 72px; color: #fff1ac; text-transform: uppercase; line-height: 50px;}
.actions3 {font-size: 40px; color: #fff1ac; text-transform: uppercase; line-height: 60px;}
.actions4 {font-size: 30px; line-height: 38px; color: #eec84e; text-align: center; margin: 0; text-transform: uppercase; font-family: Conv_segoeuil; font-weight: normal;}

.block1-form-all {width: 100%; height: auto; margin-top: 30px; background: white; border: 1px solid #eec84e; padding: 20px; text-align: center; border-radius: 8px; -moz-border-radius: 8px;  -webkit-border-radius: 8px; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.block1-form-all p {font-size: 18px; color: black; text-align: center;}
.block1-form-all a.block1-order {width: 200px; font-size: 17px; color: black; background: #eec84e}
.block1-form-all a.block1-order:hover {background: black; color: white;}

.feedback-right {width: 250px; margin: 35px 0 0 20px; float: left; text-align: center;}
.feedback-form-all {width: 100%; height: auto; margin-top: 30px; background: white; border: 1px solid #eec84e; padding: 20px; text-align: center; border-radius: 8px; -moz-border-radius: 8px;  -webkit-border-radius: 8px; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.feedback-form-all h3 {font-size: 27px; line-height: 33px; text-align: center; font-family: Conv_seguisb;  font-weight: normal; color: #86631c; margin: 0 0 10px 0;}
.feedback-form-all p {font-size: 18px; color: black; text-align: center;}
.feedback-form-all form label {display: none;}
.feedback-form-all form span.obligatoire {display: none;}
.feedback-form-all form input[type="text"] {font-family: Conv_segoeuil; font-size: 16px; height: 25px;  width: 100%; margin-bottom: 12px; padding: 0 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.feedback-form-all form textarea {width: 100%; font-family: Conv_segoeuil; font-size: 16px; margin-bottom: 12px; padding: 0 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.feedback-form-all form input[type="submit"] {font-family: Conv_segoeuil; display: inline-block; text-align: center; width: 180px; height: 30px; background: #eec84e; border: 1px solid white; color: black; font-size: 18px;}
.feedback-form-all form input[type="submit"]:hover {color: white;  background: black;}
.feedback_sommaire {width: 100%; text-align: center;}
a.feedback_link {color: #af7e00;  font-family: Conv_seguisb;  font-size: 22px; text-decoration: underline;}
a.feedback_link:hover {color: #af7e00; text-decoration: none;}
.feedback-form-all .reponse_formulaire_ok {background: white; width: 100%; margin: 0;}
.feedback-form-all .reponse_formulaire_ok p {color: #cc0000; font-size: 20px; line-height: 28px; font-family: Conv_seguisb; margin-top: 20px;}

.block2 {}
.block2-left {width: 100%; padding-right: 0; padding-bottom: 30px; text-align: left;}
.block2-left h5 {text-align: center;}
.block2-left p {margin: 0;}
.block2-right {width: 100%; padding-left: 0; text-align: left;}
.block2-column {width: 48%; text-align: center; float: left; margin: 0 1% 25px 1%;}
.block2-column img {margin-bottom: 20px;}
.block2-column span {font-family: Conv_seguisb; font-size: 18px; line-height: 22px; padding: 0 17px; display: inline-block;}
.block2-right p {text-align: center; margin: 0;}
.block2 h3 {font-size: 27px; line-height: 33px; text-align: center;  margin: 30px 0 0 0; font-family: Conv_seguisb; font-weight: normal; color: #86631c;}

.block3 {text-align: center;}
.block3-content {width: 100%; float: left; background: url(../images/block3-bg.jpg) 0 center no-repeat; padding: 40px 0; margin-top: 0;}
.block3-content-left {width: 100%; border-bottom: 1px solid #6e5c32; float: left; padding-right: 0;  padding-bottom: 25px; margin-bottom: 25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.block3-content-left h3 {text-align: center;}
.block3-content-left p {font-size: 22px; font-family: Conv_segoeuil; line-height: 32px; text-align: center; color: white; margin-bottom: 0;}
.block3-content-right {width: 100%; float: left; padding-left: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.block3-content-right h5 {font-size: 30px; font-family: Conv_segoeuil; line-height: 42px; text-align: center; color: white; text-transform: uppercase; margin-bottom: 35px;}
.block3-content-right ul li {font-size: 26px; line-height: 40px; color: #d7be63; text-align: center; font-family: Conv_seguisb; list-style-position: inside; list-style-image: url(../images/circle.png);}
a.block3-order {width: 190px; height: 46px; text-shadow: 1px 1px #ffef81; background: url(../images/block3-order.png) center no-repeat; font-size: 26px; color: #372403; text-decoration: none; font-family: Conv_seguisb; display: block; text-align: center; margin: 50px auto 0 auto; line-height: 42px;}

.block4 {}
#piechart_3d {display: none;}
.block4-content {width: 100%; margin: 0 auto; text-align: center;}
.block4-content img {margin: 0;}
.block4-content h3 {font-size: 25px; line-height: 35px; text-align: center; margin: 30px 0 20px 0; font-family: Conv_seguisb; font-weight: normal; color: #86631c;}
.block4 h4 {font-size: 28px; line-height: 38px; text-align: center; margin: 10px 0 10px 0;  font-family: Conv_segoeuil; font-weight: normal; color: black;}

.block5 a {color: white; text-decoration: underline;}
.block5 a:hover {color: white; text-decoration: none;}
.block5-left {width: 260px; display: table-cell; vertical-align: top; text-align: left;}
.block5-left img {margin-bottom: 15px;}
.block5-right {width: 730px; padding-left: 40px; display: table-cell; vertical-align: top; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.block5-right h3 {text-align: left;}
ul#documents_portfolio {text-align: left; margin-top: 40px;}
ul#documents_portfolio li {display: inline-block; margin: 15px;}
.nutrimed {vertical-align: middle;}

.carousel-wrapper {width: 96vw; max-width: 1000px; height: 240px; margin: 0 auto; overflow: hidden;}
.owl-carousel {margin-top: 40px; max-width: 100%;}
.owl-carousel p {font-size: 14px; line-height: 18px; text-align: center; color: black; max-width: 98%; margin: 5px 0; min-height: 35px;}
.owl-controls {color: white;}
.owl-carousel .owl-item {background: #fff1ac!important; border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;}
.owl-carousel .owl-item img {outline: 2px solid #fff1ac; outline-offset: -2px; max-width: 98vw;}
.owl-nav {display: none; position: absolute; top: 0; width: 100%;}
.owl-prev {position: absolute; top: 80px; left: -35px; width: 23px; height: 75px; display: block; text-indent: -200000px; background: url(../images/prev.png) center no-repeat;}
.owl-next {position: absolute; top: 80px; right: -35px; width: 23px; height: 75px; display: block; text-indent: -200000px; background: url(../images/next.png) center no-repeat;}


.block6 {}
.block6-one {width: 330px; height: 330px; padding: 20px; float: left; background: black; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.block6-one hr {width: 100%; border-top: 1px solid #2e2e2e; border-bottom: 0; border-left: 0; border-right: 0; margin: 10px 0; }
.block6-one p {color: white;}
.photo1 {background: url(../images/photo1.jpg) top center no-repeat; background-size: cover;}
.photo2 {background: url(../images/photo2.jpg) top center no-repeat; background-size: cover;}
.photo3 {background: url(../images/photo3.jpg) top center no-repeat; background-size: cover;}
.photo1 h4, .photo2 h4, .photo3 h4 {color: black; margin-top:200px;}

.block6 h3 {font-size: 35px; line-height: 55px;  text-align: center;  margin: 50px 0 10px 0;  font-family: Conv_seguisb; font-weight: normal;  color: #86631c;}
.block6 .one-review {margin: 0 auto 30px auto; width: 100%; float: left;}
.block6 .one-review img {width: 7%; float: left;}
.one-review-content {width: 93%; float: left; border: 1px solid silver; padding: 10px; border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.one-review-content p {color: black; text-align: left; font-size: 18px; line-height: 26px; margin: 0;}
.one-review-content p span {color: #86631c; font-size: 15px; margin: 0 5px 0 0; padding: 2px 5px; font-weight: bold; font-family: Conv_seguisb;}
.review-txt {font-size: 23px; line-height: 30px;  text-align: center;  margin: 0 0 40px 0;  font-family: Conv_seguisb; font-weight: normal;  color: black;}

.visible {cursor: pointer; font-weight: bold; text-decoration: underline; font-size: 20px; width: 100%; text-align: center; font-family: Conv_seguisb;}
.visible-up {display: none;}


.block7 {}
.block7 audio {width: 500px; margin-left: 250px;}
.block7 table {width: 100%; text-align: center;}
.block7 table p {font-family: Conv_seguisb; text-align: center; margin: 20px auto; width: 210px;}

.block8 {}
.block8 h3 {margin: 0; color: #af7e00; font-family: Conv_seguisb;  font-size: 45px;  line-height: 50px;}
.block8 h4 {margin: 0; color: black; font-family: Conv_seguisb;  font-size: 22px;  line-height: 30px; text-align: center;}
.block8 span {font-family: Conv_seguisb; font-size: 14px; line-height: 20px;  text-align: center; display: inline-block; width: 100%;}

.block-cons {width: 440px; height: 310px; margin: 30px; border: 1px solid #d6c399; /*background: url(../images/block-cons.jpg) center no-repeat;*/ float: left; padding: 15px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.block-cons h5 {font-family: Conv_seguisb; font-size: 18px; line-height: 24px;  text-align: center;  color: black; margin: 10px 0;}
.block-cons a {color: #6c4e00; font-family: Conv_seguisb; font-size: 28px; text-decoration: none;}
.block-cons a:hover {text-decoration: underline;}
.block-cons a.block8-phone-big {color: #af7e00; font-family: Conv_seguisb; font-size: 45px; line-height: 50px; text-decoration: none; text-align: center; display: inline-block; width: 100%; margin-bottom: 5px;}
.block-cons a.block8-phone-big :hover {text-decoration: underline;}
.block-other {margin: 35px 0 0 0; width: 100%; text-align: center;}
.block-other img {width: 20px; margin-right: 5px; vertical-align: text-top;}
.block-other img.margin {margin-left: 25px;}
.block-form-left {width: 198px; float: left; margin: 10px 0;}
.block-form-left img {width: 175px; margin-right: 25px;}
.block-form-right {width: 190px; float: left; margin: 0;}
/*.block-form-right label {display: none;}*/
.block-form-right input[type="text"] {width: 195px; height: 30px; background: white; border: 1px solid #af7e00; margin-bottom: 13px; font-family: Conv_segoeuil; font-size: 16px;  text-align: left; color: black; padding: 0 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.block-form-right input[type="submit"] {width: 195px; height: 30px; background: #af7e00; color: white; border: 0; font-family: Conv_seguisb; font-size: 15px;  text-align: left; padding: 0 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.block-form-right input[type="submit"]:hover {background: black; color: white;}
.block-form-right p {margin: 0; font-size: 14px;}
.block-form-right label {font-size: 14px;}
.block-form-right span.obligatoire {display: inline;}
.reponse_formulaire_ok {margin: -120px 0 0px 0; background: white; position: relative;  width: 200px;}
.reponse_formulaire_ok p {color: #cc0000; font-size: 13px; line-height: 18px; font-family: Conv_seguisb;}
.reponse_formulaire_ok p sup {font-size: 10px;}
.reponse_formulaire_erreur p {color: #cc0000; font-size: 13px; line-height: 18px;}
span.erreur_message {color: #cc0000; font-size: 13px; display: block; margin-top: -12px; text-align: left;}
p.boutons {margin: 0; line-height: 1px; font-size: 1px;}
span.image_loading {line-height: 1px; font-size: 1px;}

.title-wrapper {text-align: center; margin: 30px auto 0 auto;}
.title-block {padding: 8px 30px; border: 2px solid #fff15a; display: inline-block; border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; background: rgba(143,96,3,1);
background: -moz-linear-gradient(-45deg, rgba(143,96,3,1) 0%, rgba(242,204,79,1) 57%, rgba(247,172,33,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(143,96,3,1)), color-stop(57%, rgba(242,204,79,1)), color-stop(100%, rgba(247,172,33,1)));
background: -webkit-linear-gradient(-45deg, rgba(143,96,3,1) 0%, rgba(242,204,79,1) 57%, rgba(247,172,33,1) 100%);
background: -o-linear-gradient(-45deg, rgba(143,96,3,1) 0%, rgba(242,204,79,1) 57%, rgba(247,172,33,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(143,96,3,1) 0%, rgba(242,204,79,1) 57%, rgba(247,172,33,1) 100%);
background: linear-gradient(135deg, rgba(143,96,3,1) 0%, rgba(242,204,79,1) 57%, rgba(247,172,33,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f6003', endColorstr='#f7ac21', GradientType=1 );}

.title-block h3 {color: #372403!important ; text-shadow: 1px 1px #ffef81;  margin: 0!important; font-family: Conv_seguisb; font-size: 30px!important; line-height: 45px!important;}
.title-block h3 a {color: #372403; text-shadow: 1px 1px #ffef81; text-decoration: underline;}
.title-block h3 a:hover {color: #372403; text-decoration: none;}



/* Footer
-----------------------------------------------------------------------------*/
.footer {width: 100%; background: black; padding: 20px 0; float: left;}
.footer .middle {padding: 0;}
.footer-left {width: 160px; float: left; text-align: center;}
.footer-left p, .footer-right p {color: #ffe980; font-size: 18px; text-transform: uppercase; text-align: center; margin: 0 0 10px 0; text-decoration: underline;}
.footer-left img {margin-bottom: 5px;}
.footer-center {width: 680px; float: left; text-align: center; padding-top: 20px;}
.footer-center p {color: #8f8f8f; text-align: center; font-size: 14px; margin: 0px;}
.footer-center p.footer-big {color: #8f8f8f; text-align: center; font-size: 22px; text-transform: uppercase; margin-top: 30px;}
.footer-right {width: 160px; float: right; text-align: center;}
.footer-right a {font-size: 16px; color: #ffe980; text-decoration: none; font-family: Conv_seguisb;}
.footer-right a.footer-phone-big {font-size: 24px;}
.footer-right a:hover {text-decoration: underline;}
.footer-caution {background: white; color: black; text-align: center; padding: 10px 0;  font-size: 18px; font-family: Conv_seguisb;  float: left;  width: 100%;}


video {position: fixed; z-index: -1; min-width: 100%;  min-height: 100%; /*width: auto;  height: 100%;*/ overflow: hidden; }


/*  между 296 и 360 (проверка 320, 360) */
@media only screen and (min-width: 296px) and (max-width: 360px) {
html {height: 100%; font-size: 100%;}
h1 {font-size: 38px; line-height: 50px;}
h2 {font-size: 26px; line-height: 40px;}
h3 {font-size: 30px; line-height: 45px;}
h4 {font-size: 25px; line-height: 30px;}
h5 {font-size: 22px; line-height: 33px;}

.title-block h3 {font-size: 25px!important; line-height: 35px!important;}


.header-desktop-meny {display: none;}
.header-mobile-meny {display: block;}
.header-phone img {display: none;}

.pack-mobile-feedback {display: none;}
.feedback-right {width: 96%; float: left; text-align: center; margin-top: 0;  margin-left: 2%;}


.block5-left {width: 100%; display: block; text-align: center;}
.block5-left img {display: inline-block;  margin: 15px;}
.block5-right {width: 100%; display: block; padding: 0;}
.block5-right h3 {text-align: center;}
ul#documents_portfolio li {margin: 7px; width: 100px;}
.carousel-wrapper {height: 185px;}
.block6 {text-align: center;}
.block6-one {width: 94vw; height: auto; float: none; display: inline-block; vertical-align: top; margin: 10px;}
.photo1, .photo2, .photo3  {height: 94vw;}
.photo1 h4, .photo2 h4, .photo3 h4 {margin-top: 220px;}
.block6 .one-review img {width: 17%;}
.one-review-content {width: 83%;}


.block7 audio {width: 98%; margin-left: 1%;}
.block7 iframe {width: 98%; margin-left: 1%;}
.block7 table p {width: auto;}
.block7 table tr td {width: 33%;}
.block7 table tr td:nth-child(2n){display: none;}

.block-cons {width: 98%; height: auto; margin: 30px 1%; background: none; border: 1px solid #dfcfae; padding: 5px 5px 15px 5px;  -webkit-border-radius: 10px; -khtml-border-radius: 10px;  -o-border-radius: 10px;  -ms-border-radius: 10px;  -icab-border-radius: 10px;  border-radius: 10px;}
.block-form-left {width:0; float: left; margin: 0;}
.block-cons a.block8-phone-big {font-size: 40px;}
.block-cons a {font-size: 17px;}
.block-other img.margin {margin-left: 5px;}
.block-form-left img {display: none;}
.block-form-right {width: 100%; float: left; margin: 10px 0; text-align: center;}
p.boutons {text-align: center;}

.footer-left {width: 100%;}
.footer-left img {margin: 5px 10px;}
.footer-center {width: 100%;}
.footer-center p {font-size: 13px;}
.footer-center p.footer-big {margin: 15px 0;}
.footer-right {width: 100%;}
}


/*  между 360 и 540 (проверка 414, 480, 533, 540)*/
@media only screen and (min-width: 361px) and (max-width: 540px) {
html {height: 100%; font-size: 100%;}
h1 {font-size: 38px; line-height: 50px;}
h2 {font-size: 26px; line-height: 40px;}
h3 {font-size: 30px; line-height: 45px;}
h4 {font-size: 25px; line-height: 30px;}
h5 {font-size: 22px; line-height: 33px;}

.title-block h3 {font-size: 25px!important; line-height: 35px!important;}


.header-desktop-meny {display: none;}
.header-mobile-meny {display: block;}
.header-phone img {vertical-align: top;}
.logo {width: 150px; height: 150px;}
.logo img {margin: -20px 0 0 -20px;}
.header-wrapper {margin-left: 150px;}

.pack-mobile-feedback {display: none;}
.feedback-right {width: 80%; float: left; text-align: center; margin-top: 0;  margin-left: 10%;}

.block5-left {width: 100%; display: block; text-align: center;}
.block5-left img {display: inline-block;  margin: 15px;}
.block5-right {width: 100%; display: block; padding: 0;}
.block5-right h3 {text-align: center;}
ul#documents_portfolio li {margin: 7px;}
.carousel-wrapper {height: 230px;}

.block6 {text-align: center;}
.block6-one {width: 94vw; height: auto; float: none; display: inline-block; vertical-align: top; margin: 10px;}
.photo1, .photo2, .photo3  {height: 94vw;}
.photo1 h4, .photo2 h4, .photo3 h4 {margin-top: 270px;}
.block6 .one-review img {width: 15%;}
.one-review-content {width: 85%;}

.block7 audio {width: 98%; margin-left: 1%;}
.block7 iframe {width: 98%; margin-left: 1%;}
.block7 table p {width: auto;}
.block7 table tr td {width: 33%;}
.block7 table tr td:nth-child(2n){display: none;}

.block-cons {width: 98%; height: auto; margin: 30px 1%; background: none; border: 1px solid #dfcfae; padding: 25px;  -webkit-border-radius: 10px; -khtml-border-radius: 10px;  -o-border-radius: 10px;  -ms-border-radius: 10px;  -icab-border-radius: 10px;  border-radius: 10px;}
.block-form-left {width:40%; float: left; margin: 10px 3% 0 10px;}
.block-form-left img {width: 95%; margin-right: 15px;}
.block-form-right {width: 54%; float: left; margin: 10px 0;}

.footer-left {width: 100%;}
.footer-left img {margin: 5px 10px;}
.footer-center {width: 100%;}
.footer-center p {font-size: 13px;}
.footer-center p.footer-big {margin: 15px 0;}
.footer-right {width: 100%;}

}


/*  между 541 и 768 (проверка 568, 600, 640, 720, 768) */
@media only screen and (min-width: 541px) and (max-width: 768px) {
html {height: 100%; font-size: 100%;}
h1 {font-size: 43px; line-height: 55px;}
h2 {font-size: 31px; line-height: 45px;}
h3 {font-size: 30px; line-height: 45px;}
h4 {font-size: 25px; line-height: 30px;}
h5 {font-size: 22px; line-height: 33px;}
.header-desktop-meny {display: none;}
.header-mobile-meny {display: block;}
.header-phone img {vertical-align: top;}
.logo {width: 170px; height: 170px;}
.logo img {margin: -45px 0 0 -10px;}
.header-wrapper {margin-left: 170px;}

.pack-mobile-feedback {display: none;}
.feedback-right {width: 60%; float: left; text-align: center; margin-top: 0;  margin-left: 20%;}


.block2-column {width: 23%; text-align: center; float: left; margin: 0 1% 20px 1%;}

.block5-left {width: 100%; display: block; text-align: center;}
.block5-left img {display: inline-block;  margin: 15px;}
.block5-right {width: 100%; display: block; padding: 0;}
.block5-right h3 {text-align: center;}

.carousel-wrapper {height: 295px;}

.block6 {text-align: center;}
.block6-one {width: 45vw; height: 45vw; float: none; display: inline-block; vertical-align: top; margin: 10px;}
.photo1 h4, .photo2 h4, .photo3 h4 {margin-top: 135px;}
.block6 .one-review img {width: 15%;}
.one-review-content {width: 85%;}

.block7 audio {width: 70%; margin-left: 15%;}
.block7 iframe {width: 70%; margin-left: 15%;}
.block7 table p {width: auto;}
.block7 table tr td {width: 33%;}
.block7 table tr td:nth-child(2n){display: none;}

.block-cons {width: 80%; height: auto; margin: 30px 10%; background: none; border: 1px solid #dfcfae; padding: 25px;  -webkit-border-radius: 10px; -khtml-border-radius: 10px;  -o-border-radius: 10px;  -ms-border-radius: 10px;  -icab-border-radius: 10px;  border-radius: 10px;}
.block-form-left {width:40%; float: left; margin: 10px 3% 0 10px;}
.block-form-left img {width: 95%; margin-right: 15px;}
.block-form-right {width: 54%; float: left; margin: 10px 0;}

.footer-left {width: 100%;}
.footer-left img {margin: 5px 10px;}
.footer-center {width: 100%;}
.footer-center p {font-size: 13px;}
.footer-center p.footer-big {margin: 15px 0;}
.footer-right {width: 100%;}

}


/*  между 769 и 960 (проверка 800, 960) */
@media only screen and (min-width: 769px) and (max-width: 960px) {
html {height: 100%; font-size: 100%;}
h1 {font-size: 43px; line-height: 55px;}
h2 {font-size: 31px; line-height: 45px;}
h3 {font-size: 30px; line-height: 45px;}
h4 {font-size: 25px; line-height: 30px;}
h5 {font-size: 22px; line-height: 33px;}
.header-desktop-meny {display: block;}
.header-mobile-meny {display: none;}
.logo {width: 130px; height: 130px;}
.logo img {margin: -25px 0 0 -10px;}
.header-wrapper {margin-left: 130px;}
.header-desktop-meny {float: left; text-align: left;  margin-top: 16px;}
.header-desktop-meny a {font-family: Conv_seguisb; color: #fff1ac; text-decoration: none; font-size: 16px; margin-right: 15px;}
.header-desktop-meny a:hover {color: #fff1ac; text-decoration: underline;}
.header-phone {width: auto; float: right; text-align: right; margin-top: 13px;  margin-right: 0px;}
.header-phone a {font-size: 27px;}
.header-phone img {display: none;}

.block1-left {width: 55%; float: left; text-align: center; margin-top: 65px;}
.block1-right {width: 45%; margin: 65px 0 0 0; float: left; text-align: center; padding-bottom: 0;}

.feedback-right {width: 33%; margin: 0; float: left; text-align: center; padding-bottom: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.block2-left {width: 36%; padding-right: 20px; display: table-cell; vertical-align: top; text-align: left; border-right: 1px solid #b2b2b2; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.block2-left h5 {text-align: left;}
.block2-left p {margin: 0;}
.block2-right {width: 65%; padding-left: 20px; display: table-cell; vertical-align: top; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.block2-column {width: 23%; text-align: center; float: left; margin: 0 1%;}
.block2-column img {margin-bottom: 20px;}
.block2-column span {font-family: Conv_seguisb; font-size: 18px; line-height: 22px; padding: 0 17px; display: inline-block;}
.block2-right p {text-align: center; margin: 30px 0 0 0;}
.block2 h3 {font-size: 27px; line-height: 33px; text-align: center;  margin: 30px 0 0 0; font-family: Conv_seguisb; font-weight: normal; color: #86631c;}

.block3-content-left {width: 50%; border-right: 1px solid #6e5c32; border-bottom: 0;  float: left; padding-right: 50px;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-bottom: 0; margin-bottom: 0;}
.block3-content-left h3 {text-align: right;}
.block3-content-left p {font-size: 22px; font-family: Conv_segoeuil; line-height: 32px; text-align: right; color: white; margin-bottom: 13px;}
.block3-content-right {width: 50%; float: left; padding-left: 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.block3-content-right h5 {font-size: 26px; font-family: Conv_segoeuil; line-height: 38px; text-align: left; color: white; text-transform: uppercase; margin-bottom: 35px;}
.block3-content-right ul li {font-size: 24px; line-height: 42px; color: #d7be63; text-align: left; font-family: Conv_seguisb; list-style-position: inside; list-style-image: url(../images/circle.png);}

.block4 {width: 784px; margin: 0 auto;}
#piechart_3d {margin: 0; width: 784px; display: block;}
.block4-content {width: 700px; margin: 0 auto;}

.block5-left {width: 30%;}
.block5-right {width: 70%;}

.carousel-wrapper {height: 300px;}

.block6 {text-align: center;}
.block6-one {width: 32vw; height: 32vw; float: none; display: inline-block; vertical-align: top;}
.photo1 h4, .photo2 h4, .photo3 h4 {margin-top: 135px;}

.block7 audio {width: 50%; margin-left: 25%;}
.block7 iframe {width: 60%; margin-left: 20%;}

.block-cons {width: 46vw; height: auto; margin: 30px 1.5vw; background: none; border: 1px solid #dfcfae; padding: 15px 15px 25px 15px;  -webkit-border-radius: 10px; -khtml-border-radius: 10px;  -o-border-radius: 10px;  -ms-border-radius: 10px;  -icab-border-radius: 10px;  border-radius: 10px;}
.block-cons a.block8-phone-big {font-size: 45px; line-height: 50px;}
.block-form-left {width:34%; float: left; margin: 10px 3% 0 10px;}
.block-form-left img {width: 95%; margin-right: 15px;}
.block-form-right {width: 60%; float: left; margin: 10px 0;}
.block-form-right input[type="text"] {width: 180px;}
.block-form-right input[type="submit"] {width: 180px;}

.footer-left {width: 17%;}
.footer-center {width: 57%; padding: 0 3%;}
.footer-right {width: 20%;}
}


/*  между 961 и 1199 (проверка 1024) */
@media only screen and (min-width: 961px) and (max-width: 1000000px) {
html {height: 100%; font-size: 100%;}
h1 {font-size: 58px; line-height: 70px;}
h2 {font-size: 36px; line-height: 50px;}
h3 {font-size: 30px; line-height: 45px;}
h4 {font-size: 25px; line-height: 30px;}
h5 {font-size: 22px; line-height: 33px;}
.middle {width: 1000px; max-width: 1000px;}
.logo {width: 210px; height: 210px;}
.logo img {margin: -45px 0 0 0;}
.header-desktop-meny {display: block;}
.header-mobile-meny {display: none;}
.header-wrapper {width: 780px; margin-left: 220px;}
.header-desktop-meny {width: 500px; float: left; text-align: left;  margin-top: 16px;}
.header-desktop-meny a {font-family: Conv_seguisb; color: #fff1ac; text-decoration: none; font-size: 16px; margin-right: 20px;}
.header-desktop-meny a:hover {color: #fff1ac; text-decoration: underline;}
.header-phone {width: 280px; float: right; text-align: right; margin-top: 13px;  margin-right: 0px;}
.header-phone a {font-size: 35px;}
.header-phone img {margin-right: 10px;}

.block1-left {width: 47%; float: left; text-align: center; margin-top: 65px;  margin-left: 10%;}
.block1-right {width: 41%; margin: 65px 0 0 2%; float: left; text-align: center; padding-bottom: 0;}

.block2-left {width: 330px; padding-right: 20px; display: table-cell; vertical-align: top; text-align: left; border-right: 1px solid #b2b2b2; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.block2-left h5 {text-align: left;}
.block2-left p {margin: 0;}
.block2-right {width: 670px; padding-left: 20px; display: table-cell; vertical-align: top; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.block2-column {width: 162px; text-align: center; float: left; margin: 0;}
.block2-column img {margin-bottom: 20px;}
.block2-column span {font-family: Conv_seguisb; font-size: 18px; line-height: 22px; padding: 0 17px; display: inline-block;}
.block2-right p {text-align: center; margin: 30px 0 0 0;}
.block2 h3 {font-size: 27px; line-height: 33px; text-align: center;  margin: 30px 0 0 0; font-family: Conv_seguisb; font-weight: normal; color: #86631c;}

.block3-content {width: 100%; float: left; background: url(../images/block3-bg.jpg) 220px center no-repeat; padding: 50px 0; margin-top: 20px;}
.block3-content-left {width: 50%; border-right: 1px solid #6e5c32; border-bottom: 0; float: left; padding-right: 50px;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-bottom: 0; margin-bottom: 0;}
.block3-content-left h3 {text-align: right;}
.block3-content-left p {font-size: 22px; font-family: Conv_segoeuil; line-height: 32px; text-align: right; color: white; margin-bottom: 13px;}
.block3-content-right {width: 50%; float: left; padding-left: 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.block3-content-right h5 {font-size: 36px; font-family: Conv_segoeuil; line-height: 48px; text-align: left; color: white; text-transform: uppercase; margin-bottom: 35px;}
.block3-content-right ul li {font-size: 30px; line-height: 48px; color: #d7be63; text-align: left; font-family: Conv_seguisb; list-style-position: inside; list-style-image: url(../images/circle.png);}

.block4 {width: 784px; margin: 0 auto;}
#piechart_3d {margin: 0; width: 784px; display: block;}
.block4-content {width: 700px; margin: 0 auto;}

ul#documents_portfolio {text-align: center; margin-top: 40px;}
ul#documents_portfolio li {display: inline; margin: 8px;}

.carousel-wrapper {height: 300px;}

.block7 iframe {margin-left: 200px;}
}