/* 
	Table of Contents
	update on Tue May 03 2016 17:47:28 GMT+0300 (FLE Daylight Time)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	         Small Desktop ----------------------------
	     04. Header -----------------------------------
	     05. Main -------------------------------------
	     06. Shell ------------------------------------
	     07. Sidebar ----------------------------------
	     08. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Button -----------------------------------
	         Button Block -----------------------------
	     02. callout ----------------------------------
	     03. Form Elements ----------------------------
	     04. Form -------------------------------------
	     05. intro ------------------------------------
	     06. List -------------------------------------
	     07. Logo -------------------------------------
	     08. menu -------------------------------------
	     09. Nav --------------------------------------
	     10. nav-footer -------------------------------
	     11. nav-trigger ------------------------------
	     12. Section ----------------------------------
	     13. section-images ---------------------------
	     14. .section-menu ----------------------------
	     15. .section-gallery -------------------------
	     16. Slider -----------------------------------
	         Small Desktop ----------------------------
	     17. Table ------------------------------------
	     18. Widget -----------------------------------
	IV.  Themes ---------------------------------------
	     01. grid -------------------------------------
 */

.ico-location { background-image: url(../css/images/sprite.png); background-position: 0 -90px; width: 53px; height: 71px; display: inline-block; vertical-align: middle; font-size: 0; }
.logo { background-image: url(../css/images/sprite.png); background-position: 0 0; width: 241px; height: 86px; display: inline-block; vertical-align: middle; font-size: 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ico-location { background-image: url(../css/images/sprite.@2x.png); background-position: 0 -87px; background-size: 241px 158px; width: 53px; height: 71px; display: inline-block; vertical-align: middle; font-size: 0; }
	.logo { background-image: url(../css/images/sprite.@2x.png); background-position: 0 0; background-size: 241px 158px; width: 241px; height: 85px; display: inline-block; vertical-align: middle; font-size: 0; }
}

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

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

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

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

html,
body { height: 100%; }

html { 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; -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="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }

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

textarea { overflow: auto; resize: none; -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; }

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

body { min-width: 320px; background: #fff; font-family: 'futura-pt', sans-serif; font-size: 16px; line-height: 1.3; color: #000; }

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

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

h1 { font-size: 150px; font-family: 'copperplate', sans-serif; line-height: .75; text-transform: capitalize;/* text-transform: uppercase;  */}
h2 { font-size: 80px;  font-family: 'copperplate', sans-serif; line-height: 1; text-transform: capitalize;/* text-transform: uppercase; */ letter-spacing: -.04em; }
h3 { font-size: 28px;  font-family: 'copperplate', sans-serif; line-height: 1; }
h4 { font-size: 77px;  font-family: 'copperplate', sans-serif; line-height: 1; text-transform: capitalize;/* text-transform: uppercase; */ letter-spacing: -.04em; }
h5 { font-size: 30px;  font-family: 'copperplate', sans-serif; line-height: 1; }

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

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

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; }

@-webkit-keyframes bounce{
  0% {
    -webkit-transform:  translate(0px,0px)  ;
            transform:  translate(0px,0px)  ;
  }
  15% {
    -webkit-transform:  translate(0px,-25px)  ;
            transform:  translate(0px,-25px)  ;
  }
  30% {
    -webkit-transform:  translate(0px,0px)  ;
            transform:  translate(0px,0px)  ;
  }
  45% {
    -webkit-transform:  translate(0px,-15px)  ;
            transform:  translate(0px,-15px)  ;
  }
  60% {
    -webkit-transform:  translate(0px,0px)  ;
            transform:  translate(0px,0px)  ;
  }
  75% {
    -webkit-transform:  translate(0px,-5px)  ;
            transform:  translate(0px,-5px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
            transform:  translate(0px,0px)  ;
  }
}

@keyframes bounce{
  0% {
    -webkit-transform:  translate(0px,0px)  ;
            transform:  translate(0px,0px)  ;
  }
  15% {
    -webkit-transform:  translate(0px,-25px)  ;
            transform:  translate(0px,-25px)  ;
  }
  30% {
    -webkit-transform:  translate(0px,0px)  ;
            transform:  translate(0px,0px)  ;
  }
  45% {
    -webkit-transform:  translate(0px,-15px)  ;
            transform:  translate(0px,-15px)  ;
  }
  60% {
    -webkit-transform:  translate(0px,0px)  ;
            transform:  translate(0px,0px)  ;
  }
  75% {
    -webkit-transform:  translate(0px,-5px)  ;
            transform:  translate(0px,-5px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
            transform:  translate(0px,0px)  ;
  }
}

@media (max-width: 1023px) {
  h1 { font-size: 120px; }
  h2 { font-size: 50px; }
}

@media (max-width: 767px) {
  h1 { font-size: 60px; }
  h2 { font-size: 35px; }
  h3 { font-size: 18px; }
  h4 { font-size: 35px; }
}

.parallax-mirror { will-change: top;}

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

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

/*  Clear  */

.clear{ clear:both; }
.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }


/*  Hidden  */

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


/*  Alignleft  */

.alignleft { float: left; }


/*  Alignright  */

.alignright { float: right; }


/*  Disabled  */

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

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

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

.container { background-color: #fad961; background:linear-gradient(#fad961, #f76c1c); border-bottom: 15px solid  #fff; }

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

.content {}

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

.footer { text-align: center; overflow: hidden; }
.footer i { margin-bottom: 30px; margin-left: -6px; }
.footer h5 { margin-bottom: 19px; /* text-transform: uppercase;  */font-size: 38px; letter-spacing: -.05em; }
.footer p { margin: 0; font-size: 24px; font-weight: 700; margin-bottom: 27px; }
.footer p + p { margin-top: 25px; }
.footer .address { padding-top: 70px; margin-left: -4px; }
.footer .worktime { padding-top: 68px; margin-right: -38px; }
.footer .worktime h5 { margin-bottom: 29px; }

.footer-content { background: #eae9e6; padding-top: 220px; padding-bottom: 86px; }

.footer-bar { background: #9a7db9; padding: 36px 0 32px; position: relative; z-index: 20; }

.footer .google-map { transition: all .8s; position: relative; bottom: -150px; opacity: .5; }
.footer .google-map.animate { bottom: 0; opacity: 1; }

.footer #googlemap { height: 330px; width: 330px; border-radius: 50%; margin: 0 auto; border: 1px solid  #1a1a19; z-index: 10; overflow: hidden; }
.footer #googlemap:hover { -webkit-animation: bounce linear 0.8s; animation: bounce linear 0.8s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.footer #googlemap .gm-style { border-radius: 50%; overflow: hidden; }
.footer #googlemap .gm-style > div { border-radius: 50%; overflow: hidden; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }

/* Small Desktop */

@media (max-width: 1200px) {
	.footer .address { margin: 0; }
	.footer .worktime { margin: 0; }
}

@media (max-width: 1023px) {
	.footer-content { padding: 120px 0; }
	.footer .address { padding: 30px 0; }
	.footer .worktime { padding-top: 30px; }
	.footer #googlemap { border-color: transparent; }
}

@media (max-width: 767px) {
	.footer h5 { font-size: 22px; margin-bottom: 10px; }
	.footer p { font-size: 18px; }
	.footer p + p { margin-top: 10px; }
	.footer-content { padding-bottom: 50px; padding-top: 30px; }
	.footer .worktime h5 { margin-bottom: 10px; }
	.footer #googlemap { width: 300px; height: 300px; border-color: #1a1a19; }
}

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

.header { background: #333; position: fixed; top: 0; left: 0; right: 0; padding: 55px 0 50px; transition: all .3s; z-index: 100; }
.header .nav { padding-left: 14px; padding-right: 3px; }
.header .logo { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 15px; transition: all .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-left: 13px; -webkit-transform-origin: -50% 50%; -ms-transform-origin: -50% 50%; transform-origin: -50% 50%; }

.header.fixed { padding: 30px 0 28px; }
.header.fixed .logo { top: -5px; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); /* margin-left: -120px; */ }

@media (max-width: 1023px) {
	.header { padding: 30px 0 28px; }
	.header .nav { padding: 0; }
	.header .logo { top: -5px; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); margin: 0; }
}

@media (max-width: 476px){

	html[data-cf-welcome-bar-visibility=visible] header.header{
    	top: 53px !important;
    }

    html[data-cf-welcome-bar-visibility=hidden] header.header{
    	top:0 !important;
    }    	

}

@media (max-width: 767px) {

	html[data-cf-welcome-bar-visibility=visible] header.header{
    	top: 44px !important;
    }

    html[data-cf-welcome-bar-visibility=hidden] header.header{
    	top:0 !important;
    }

	.header { text-align: right; }
	.header .nav { position: absolute; top: 100%; right: 0; left: 0; background: #333; padding-bottom: 20px; }
	
    .intro h1 {
        margin-bottom: 33px;
    }    
    
    .buttons{
        padding: 0 10px;        
    }
    
    .buttons a{
        display: block;
        margin-top: 12px;
        width:100% !important;
    }	
}

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

.main {}

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

.shell { max-width: 1142px; margin: auto; }
.shell:after { content: ''; display: table; clear: both; }

@media(max-width: 1162px){
	.shell { padding: 0 10px; }
}

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

.sidebar {}

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

.wrapper {}

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

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

.btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }


/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }

/* ------------------------------------------------------------ *\
	callout
\* ------------------------------------------------------------ */

.callout { background: #eae9e6; text-align: center; padding: 97px 0 51px; }
.callout p { margin: 0; font-size: 30px; color: #000; font-weight: 700; }
.callout h2 { margin-bottom: 37px; }
.callout h2 span { display: inline-block; position: relative; bottom: -12px; }

@media (max-width: 1023px) {
	.callout { padding: 50px 0; }
	.callout p { font-size: 22px; }
	.callout h2 { margin-bottom: 20px; }
	.callout h2 span { margin: 0; }
}

@media (max-width: 767px) {
	.callout { padding: 50px 10px; }
	.callout p { font-size: 16px; }
	.callout p br { display: none; }
}

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

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

input::-moz-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::-moz-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 !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field {}
.textarea {}
.select {}
.radio {}
.checkbox {}

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

.form {}

/* ------------------------------------------------------------ *\
	intro
\* ------------------------------------------------------------ */

.intro { padding: 35.5vh 0 364px; text-align: center; height: 100vh; background-attachment: fixed; background-size: cover; background-position: center center; }

@media(max-width: 1162px){
	.intro { height: auto; padding: 200px 0 264px; }
}

@media(max-width: 1024px){
	.intro { background-attachment: scroll; }
}

@media (max-width: 767px) {
	.intro { padding: 220px 0 254px; height: auto; }
}

@media (max-width: 479px) {
	.intro { padding: 150px 0 164px; }
}

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

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

.list-products { list-style: none; }
.list-products li { position: relative; }
.list-products li + li:before { display: inline-block; content: ''; width: 30px; height: 2px; background: url(../css/images/list-before.png) repeat-x 0 0; position: absolute; top: 0; left: 50%; margin-left: -15px; }
.list-products li + li { margin-top: 28px; padding-top: 32px; }

.list-products-secondary li { width: 33.33%; float: left; }
.list-products-secondary li + li { margin-top: 0; padding-top: 0; }
.list-products-secondary li + li:before { display: none; }
.list-products-secondary:after { content: ''; display: table; clear: both; }

@media (max-width: 767px) {
	.list-products-secondary li { width: 100%; }
	.list-products-secondary li + li { margin-top: 28px; padding-top: 32px; }
	.list-products-secondary li + li:before { display: inline-block; }
}

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

.logo {}

/* ------------------------------------------------------------ *\
	menu
\* ------------------------------------------------------------ */

.menu {}

.box-sizer, .menu-item{ width:32%; }
.menu-item { margin-bottom:2%;  border: 3px solid  #0f0c05; float: left; text-align: center; font-size: 16px; font-weight: 700; /* padding: 20px 20px 35px 20px;  */}
.menu-item-head { padding: 20px 0 30px; margin: 0 18px 20px; position: relative; }
.menu-item-head:after { display: inline-block; content: ''; background: url(../css/images/menu-after.png) repeat-x 0 0; width: 100%; height: 3px; position: absolute; left: 0; right: 0; bottom: 0; }

.menu-item-body { padding: 0 10px 35px; }
.menu-item-body p { font-size: 18px; }

.menu-item h5 { font-size: 30px;  font-family: 'copperplate', sans-serif; line-height: 1; margin-bottom: 0; }
.menu-item h5 + p { margin-top: 22px; }
.menu-item h6 { font-size: 19px;  font-family: 'copperplate', sans-serif; line-height: 1; margin-bottom: 20px; }
.menu-item p { margin: 0; line-height: 1.4; }
.menu-item p + p { margin-top: 21px; }
.menu-item p span { text-decoration: underline; }
.gutter-sizer { width:2%; }

.menu-item-callout { width: 100%; }
.menu-item-callout .menu-item-head { padding: 20px 0 22px; margin: 0 70px 0; }
.menu-item-callout .menu-item-body { padding-left: 0; padding: 30px 0 33px; }

@media (max-width: 767px) {
	.menu-item { width: 100%; }
	.menu-item + .menu-item { margin-left: 0; margin-top: 20px; }
}

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

.nav { font-family: 'copperplate', sans-serif; color: #fff; font-size: 17px; font-weight: 700; letter-spacing: .1em; }
.nav a { display: inline-block; text-decoration: none; position: relative; }
.nav a:after { display: inline-block; content: ''; width: 0; max-width: 100%; height: 2px; position: absolute; bottom: 2px; right: 0; left: 0; background: #fff; transition: width .5s; }
.nav a:hover:after { width: 200px; }

.nav li { display: inline-block; }
.nav li + li { margin-left: 78px; }
.nav ul { float: left; margin: 0; }
.nav ul { width: 50%; text-align: left; }
.nav ul + ul { text-align: right; }

.nav:after,
.nav ul:after { content: ''; display: table; clear: both; }

@media (max-width: 1023px) {
	.nav { font-size: 15px; }
	.nav li + li { margin-left: 30px; }
}

@media (max-width: 767px) {
	.nav { max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; transition: all .5s; }
	.nav.active { opacity: 1; overflow: visible; visibility: visible; max-height: 250px; }
	.nav ul { display: block; float: none; width: 100%; }
	.nav ul li { display: block; width: 100%; padding-bottom: 20px; text-align: center; }
	.nav ul li + li { margin-left: 0; }
}

/* ------------------------------------------------------------ *\
	nav-footer
\* ------------------------------------------------------------ */

.nav-footer { font-size: 16px; font-family: 'copperplate', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.nav-footer a { display: inline-block; text-decoration: none; transition: all .3s; }
.nav-footer li { display: inline-block; vertical-align: middle; position: relative; }
.nav-footer li:hover a { color: #fff; }
.nav-footer li + li { padding-left: 18px; margin-left: 12px; }
.nav-footer li + li:before { display: inline-block; content: ''; width: 3px; height: 24px; background: #000; position: absolute; left: 0; top: -2px; }

@media (max-width: 767px) {
	.nav-footer { font-size: 12px; }
	.nav-footer li + li { padding-left: 5px; margin-left: 0px; }
	.nav-footer li:first-child { display: block; margin-bottom: 10px; }
	.nav-footer li:nth-child(2):before { display: none; }
	.nav-footer li + li:before { width: 2px; height: 15px; top: -1px; }
}

/* ------------------------------------------------------------ *\
	nav-trigger
\* ------------------------------------------------------------ */

.nav-trigger { position: relative; display: none; width: 30px; height: 20px; }
.nav-trigger span { position: absolute; display: block; height: 2px; width: 100%; background: #fff; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; }
.nav-trigger span:nth-child(1) { top: 0; }
.nav-trigger span:nth-child(2) { top: 9px; }
.nav-trigger span:nth-child(3) { top: 18px; }

.nav-trigger.active span { transition: background .2s, top .2s, left .2s, opacity .2s, -webkit-transform .2s .25s; transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; }
    
.nav-trigger.active span:nth-child(3),
.nav-trigger.active span:nth-child(1) { top: 9px;  background: #ffba55; }

.nav-trigger.active span:nth-child(2) { opacity: 0; }
.nav-trigger.active span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.nav-trigger.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

@media (max-width: 767px) {
	.nav-trigger { display: inline-block; }
}

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

.section-head { text-align: center; }

/* ------------------------------------------------------------ *\
	section-images
\* ------------------------------------------------------------ */

.section-images { background: #ffba55; }
.section-images .section-head { padding: 45px 0 41px; }
.section-images .section-image-holder-inner { float: left; width: 50%; }
.section-images .section-image-holder-inner img { width: 100%; height: auto; }
.section-images .section-image-holder:after { content: ''; display: table; clear: both; }

@media (max-width: 1023px) {
	.section-images .section-head { padding: 25px 0; }
}

@media (max-width: 767px) {
	.section-images .section-image-holder-inner { float: none; width: 100%; }
}

/* ------------------------------------------------------------ *\
	.section-menu
\* ------------------------------------------------------------ */

.section-menu .section-head { padding-top: 101px; padding-bottom: 15px; }

@media (max-width: 1023px) {
	.section-menu .section-head { padding: 30px 0; }
}

/* ------------------------------------------------------------ *\
	.section-gallery
\* ------------------------------------------------------------ */

.section-gallery .section-head { padding-top: 121px; padding-bottom: 26px; }

@media (max-width: 767px) {
	.section-gallery .section-head { padding: 30px 0; }
}

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

.slider-gallery { padding: 0 61px; position: relative; margin-bottom: -150px; }
.slider-gallery .slick-list { padding: 3px 0; }

.slider-gallery .slide { width: 100%; float: left; box-shadow: 2px 2px 3px 0px rgba(142,142,140,0.5), -2px -2px 3px 0px rgba(142,142,140,0.5); margin: 0 6px; }
.slider-gallery .slide img { width: 100%; height: auto; }
.slider-gallery .slides { list-style: none outside none; }
.slider-gallery .slides:after { content: ''; display: table; clear: both; }

.slider-gallery .slick-arrow { position: relative; display: inline-block; font-size: 0; line-height: 0; text-indent: -4004px; border: none; width: 30px; height: 33px; background-position: center center; background-repeat: no-repeat; background-color: transparent; position: absolute; top: 50%; margin-top: -16px; z-index: 99; transition: all .5s; margin-top: -30px; }
.slider-gallery .slick-next { background-image: url(../css/images/ico-arrow-next.png); right: -90px; }
.slider-gallery .slick-next:hover { right: -80px; }
.slider-gallery .slick-prev { background-image: url(../css/images/ico-arrow-prev.png); left: -89px; }
.slider-gallery .slick-prev:hover { left: -80px; }

/* Small Desktop */

@media (max-width: 1200px) {
	.slider-gallery .slick-next { right: -33px; }
	.slider-gallery .slick-next:hover { right: -23px; }
	.slider-gallery .slick-prev { left: -33px; }
	.slider-gallery .slick-prev:hover { left: -23px; }
}

@media (max-width: 767px) {
	.slider-gallery { padding: 0; margin-bottom: -50px; }
	.slider-gallery .slick-next { right: 0; }
	.slider-gallery .slick-next:hover { right: 10px; }
	.slider-gallery .slick-prev { left: 0; }
	.slider-gallery .slick-prev:hover { left: 10px; }
}

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

.table {}

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

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

/* ------------------------------------------------------------ *\
	IV.  Themes
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	grid
\* ------------------------------------------------------------ */

.col { float: left; }
.col-1of3 { width: 33.33%; }

.row:after { content: ''; display: table; clear: both; }
.row + .row { margin-top: 33px; }

@media (max-width: 1023px) {
	.col { font-variant: normal; }
	.col-1of3 { width: 100%; }
}

@media (min-width: 768px){
    .buttons a{
        margin:0 10px;
    } 
    
    .intro h1{
        font-size: 120px;
    }
    
    .mobile-only{
        display:none;
    }

    html[data-cf-welcome-bar-visibility=visible] header.header{
    	top: 48px !important;
    }

    html[data-cf-welcome-bar-visibility=hidden] header.header{
    	top:0 !important;
    }
}

.intro h1{
    margin-bottom:50px;

    line-height: 1em;    
}

.buttons a{
    text-decoration: none;
    color: white;
    padding: 14px 20px;
    background: #333;  
    position:relative;
    letter-spacing:0.05em;
}

.buttons a span{
    position:relative;
}

.buttons a span::after{
    display: inline-block;
    content: '';
    width: 0;
    max-width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0px;
    right: 0;
    left: 0;
    background: #fff;
    transition: width .5s;    
}

.buttons a:hover span::after{
    width:100%;
}

.address .buttons a{
	display: inline-block;
    width: 220px;
    margin-top: 14px;
}

.address .buttons a:first-child{
	margin-top:0;
}