/* 
	Table of Contents

    01. Settings ----------------------------------
    02. Sprite ------------------------------------
    03. Generic -----------------------------------
    04. Base --------------------------------------
    05. Fonts -------------------------------------
    06. Helpers -----------------------------------
         Clear ------------------------------------
         Notext -----------------------------------
         Hidden -----------------------------------
         Alignleft --------------------------------
         Alignright -------------------------------
         Disabled ---------------------------------
         Grid -------------------------------------
         Responsive Helpers -----------------------
    07. Reset -------------------------------------
    08. Regions -----------------------------------
    09. Container ---------------------------------
    10. Content -----------------------------------
    11. Footer ------------------------------------
    12. Header ------------------------------------
    13. Main --------------------------------------
    14. Shell -------------------------------------
    15. Sidebar -----------------------------------
    16. Wrapper -----------------------------------
    17. Modules -----------------------------------
    18. Article About -----------------------------
    19. Button ------------------------------------
         Button Block -----------------------------
    20. Form Elements -----------------------------
    21. Form --------------------------------------
    22. Intro -------------------------------------
    23. List --------------------------------------
    24. List Visites ------------------------------
    25. Logo --------------------------------------
    26. Nav ---------------------------------------
    27. Scroll ------------------------------------
    28. Section -----------------------------------
    29. Section About -----------------------------
    30. Section Gallery ---------------------------
    31. Slider ------------------------------------
    32. Table -------------------------------------
    33. Widget ------------------------------------
    34. Themes ------------------------------------
 */

/* ------------------------------------------------------------ *\
	Settings
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Sprite
\* ------------------------------------------------------------ */

.ico-arrow-gray { background-image     : url(../images/sprite.png); background-position     : 89.54248366013073% 73.71794871794873%; background-size     : 2285.714285714286% 4000%; width     : 7px; height     : 4px; display     : inline-block; vertical-align     : middle; font-size     : 0px; }

.ico-arrow { background-image     : url(../images/sprite.png); background-position     : 96.73202614379085% 73.71794871794873%; background-size     : 2285.714285714286% 4000%; width     : 7px; height     : 4px; display     : inline-block; vertical-align     : middle; font-size     : 0px; }

.ico-line { background-image     : url(../images/sprite.png); background-position     : 81.87919463087249% 77.18120805369128%; background-size     : 1454.5454545454545% 1454.5454545454545%; width     : 11px; height     : 11px; display     : inline-block; vertical-align     : middle; font-size     : 0px; }

.ico-sep { background-image: url(../images/sep.png); width: 43px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-scroll-gray { background-image     : url(../images/sprite.png); background-position     : 82.43243243243244% 65.73426573426573%; background-size     : 1333.3333333333335% 941.1764705882354%; width     : 12px; height     : 17px; display     : inline-block; vertical-align     : middle; font-size     : 0px; }

/* .ico-scroll { background-image     : url(../images/sprite.png); background-position     : 93.24324324324324% 65.73426573426573%; background-size     : 1333.3333333333335% 941.1764705882354%; width     : 12px; height     : 17px; display     : inline-block; vertical-align     : middle; font-size     : 0px; } */

.ico-scroll { background-image: url(../images/scroll.png); width: 15px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0px; }

.logo-footer { background-image     : url(../images/sprite.png); background-position     : 0% 0%; background-size     : 100% 177.77777777777777%; width     : 160px; height     : 90px; display     : inline-block; vertical-align     : middle; font-size     : 0px; }

.logo-section { background-image     : url(../images/sprite.png); background-position     : 0% 100%; background-size     : 135.59322033898303% 242.42424242424244%; width     : 118px; height     : 66px; display     : inline-block; vertical-align     : middle; font-size     : 0px; }

/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

/*font-family: 'Amiri', serif;*/

/*font-family: 'Ubuntu', sans-serif;*/

body { min-width: 320px; background: #fff; font-family: Amiri, 'Times New Roman', serif; font-size: 15px; line-height: 1.53; color: #fff; }

a { color: inherit; text-decoration: underline; }

a:hover,
a[href^="tel"] { text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.765em; }

h1 { font-size: 17px; }

h2 { font-size: 17px; }

h3 { font-size: 15px; }

h4 { font-size: 12px; }

h5 { font-size: 11px; }

h6 { font-size: 10px; }

p,
ul,
ol,
dl,
hr,
table,
blockquote { margin-bottom: 1.53em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after { content     : ''; display     : block; clear     : both; }

/*  Notext  */

.notext { overflow     : hidden; text-indent     : 101%; white-space     : nowrap; }

/*  Hidden  */

[hidden],
.hidden { display: none !important; }

/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/*  Grid  */

.cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.col { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; }

.col--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

/*  Responsive Helpers  */

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 1024px) and (max-width: 1200px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1201px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

*:before,
*:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }

template { display: none; }

html { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img,
iframe,
video,
audio,
object { max-width: 100%; }

img,
iframe { border: 0 none; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }

textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background-color: #881844; text-align: center; padding: 93px 0px; font-family: 'Ubuntu', sans-serif; }

.footer .footer__head { margin-bottom: 93px; }

.footer .logo-footer { margin-bottom: 84px; }

.footer h5 { text-transform: uppercase; letter-spacing: 2.3px; font-weight: 500; margin-bottom: 0; }

.footer a { border-bottom: 1px solid transparent; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }

.footer a:hover { border-bottom: 1px solid #fff; }

@media (max-width: 1200px){
	.footer { padding: 35px 0; }	
	
	.footer  .footer__head,	
	.footer  .logo-footer{ margin-bottom: 30px;  }	
}

@media (max-width: 1023px){
	.footer { padding: 20px 0; }
	.footer  .footer__head,	
	.footer  .logo-footer { margin-bottom: 20px;  }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1220px; padding-left: 10px; padding-right: 10px; margin: auto; }

.shell--fluid { max-width: none; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { min-height: 100vh; }

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Article About
\* ------------------------------------------------------------ */

.article-about { max-width: 910px; margin: auto; }
 
.article-about h2 { color: #91162a; text-transform: uppercase; width: 80%; margin: auto; letter-spacing: 3.3px; margin-bottom: 29px; font-family: Amiri, Helvetica, sans-serif; font-size: 36px; font-weight: 400; }

.article-about .ico-sep { margin: 0 auto 36px; }

.article-about .article__body { text-align: center; color: #564f50; font-size: 16px; }

.article-about p { text-align: center; line-height: 1.55; margin-bottom: 0; margin-top: 24px; }

.article-about p:first-child { margin-top: 0; }

.article-about span { font-style: italic; }

.article-about .light-text { color: #8f887a; }




@media (max-width: 1023px){
	.article-about h2 { width: 100%; margin: 0 auto 10px; }
	.article-about .ico-sep { margin: 0 auto 10px; }
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/*  Button Block  */

.btn--block { display: block; padding-left: 0; padding-right: 0; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }

textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }

textarea:-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { min-height: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-position: center; background-size: cover; background-repeat: no-repeat; padding: 8.5vh 0 53px; height: 100vh; }

.intro .intro__foot { text-align: center; }

.intro h2 { letter-spacing: 3px; text-transform: uppercase; font-size: 20px; font-weight: 400; margin-bottom: 20px; color: rgba(255, 255, 255, 0.68); }

.intro h2.intro_construction { color: #fff; }

@media (max-width: 767px) {
	.intro { height: auto; min-height: 72vw; padding: 5px 0; }
	.intro h2 { margin-top: 50px; margin-bottom: 6px; font-size: 15px; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	List Visites
\* ------------------------------------------------------------ */

.list-visites li { display: inline-block; }

.list-visites li + li { /*border-left: 2px solid #86414c;*/ margin-left: 143px; padding-left: 143px;   }

.list-visites h5 { margin-bottom: 13px;  }

.list-visites a { text-decoration: none; font-family: Amiri, sans-serif;  letter-spacing: 2.3px; }

.list-visites a + a { letter-spacing: 1px; margin-top: 6px;  }

.list-visites .blocG img { max-width: 350px; width: 100%; vertical-align: bottom; }

.list-visites .blocD { text-align: left; font-style: italic; font-family: Amiri; font-size: 18px; }

.list-visites .blocD .tel, .list-visites .blocD .tel:hover { text-decoration: none; border-bottom: none; }

.list-visites .blocD .mail, .list-visites .blocD .mail:hover { text-decoration: underline; }

@media (max-width: 1023px) {
	.list-visites li + li { margin-left: 0; padding-left: 3vw; }	
}

@media (max-width: 767px){
	.list-visites li { width: 100%; }
	.list-visites li + li { border-left: 0px solid #86414c; margin-left: 0; padding-left: 0; margin-top: 10px; display: block; }
	.list-visites .blocD { max-width: 350px; width: 100%; padding: 0 10px; margin: 30px auto 10px }
}

@media (max-width: 380px){
	.list-visites .blocG img { max-width: 300px; }
	.list-visites .blocD { font-size: 15px; margin-top: 30px; }
}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { background: url(../images/logo.png) no-repeat center top; background-size: 100% auto; width: 20vw; height: 164px; display: inline-block; font-size: 0; line-height: 0; text-indent: -4004px; }

@media (max-width: 1200px) {
	.logo { width: 294px; height: 164px; }
}

@media (max-width: 767px) { 
	.logo { width: 100px; height: 75px; }
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Scroll
\* ------------------------------------------------------------ */

.scroll { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.scroll i + i { margin-top: 3px; }

@media (max-width: 767px) {
	.scroll { top: -3px; position: relative; }
}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Section About
\* ------------------------------------------------------------ */

.section-about{ display: -webkit-box; display: -ms-flexbox; display: flex; /*min-height: 975px; height: 975px;*/ }

.section-about .section__content { background-color: #f9f9f9; text-align: center; /*padding: 109px 0 77px;*/ padding: 77px 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.section-about .logo-section { margin-bottom: 62px; }

.section-about .article-about { margin-top: 0; }

.section-about .scroll { margin-top: auto; }

.section-about .section__media { width: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; }

@media (max-width: 1200px){
	.section-about { min-height: 0; height: auto; }
	.section-about .section__content { padding: 20px; }
}

@media (max-width: 1023px){
	.section-about { min-height: 0; }
	.section-about .section__content { padding: 20px; }
	.section-about .logo-section { margin-bottom: 20px; }
	.section-about .logo-scroll { margin-top: 20px; }
}

@media (max-width: 767px){
	.section-about { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
	.section-about .section__content { width: 100%; }
	.section-about .section__media { width: 100%; padding-top: 88vw; }
}

/* ------------------------------------------------------------ *\
	Section Gallery
\* ------------------------------------------------------------ */

.section-gallery{ min-height: 975px; background-size: cover; background-position: center; background-repeat: no-repeat; }

@media (max-width: 1200px){
	.section-gallery { min-height: 60.5vw; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Themes
\* ------------------------------------------------------------ */
.copyright{    text-decoration: none;
    display: block;
    font-size: 11px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;    margin-top: 40px;}
.copyright a{text-decoration: none;}