/* 
	Table of Contents
	update on Tue Jan 03 2017 10:56:35 GMT+0200 (FLE Standard Time)

	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Background -------------------------------
	     05. Container --------------------------------
	     06. Content ----------------------------------
	     07. Footer -----------------------------------
	     08. Header -----------------------------------
	         Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,faf3ea+100 
	         Old browsers -----------------------------
	         FF3.6-15 ---------------------------------
	         Chrome10-25,Safari5.1-6 ------------------
	         W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
	         IE6-9 ------------------------------------
	     09. Main -------------------------------------
	     10. Shell ------------------------------------
	     11. Sidebar ----------------------------------
	     12. Wrapper ----------------------------------
	     13. Article Primary --------------------------
	     14. Button -----------------------------------
	         Button Block -----------------------------
	     15. Form Elements ----------------------------
	     16. Form -------------------------------------
	     17. Items ------------------------------------
	     18. List -------------------------------------
	     19. Logo -------------------------------------
	     20. Nav --------------------------------------
	         Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#857b72+0,4a4340+58,3f3836+100 
	         Old browsers -----------------------------
	         FF3.6-15 ---------------------------------
	         Chrome10-25,Safari5.1-6 ------------------
	         W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
	         IE6-9 ------------------------------------
	         Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cd3344+0,88010f+100 
	         Old browsers -----------------------------
	         FF3.6-15 ---------------------------------
	         Chrome10-25,Safari5.1-6 ------------------
	         W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
	         IE6-9 ------------------------------------
	     21. Section Primary	 -------------------------
	     22. Section Secondary ------------------------
	         Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6a795+0,988d82+100 
	         Old browsers -----------------------------
	         FF3.6-15 ---------------------------------
	         Chrome10-25,Safari5.1-6 ------------------
	         W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
	         IE6-9 ------------------------------------
	     23. Slider -----------------------------------
	     24. Table ------------------------------------
	     25. Widget -----------------------------------
 */

.ico-aniversary { background: url(../css/images/sprite/ico-aniversary.png) no-repeat 0 0; width: 238px; height: 238px; display: inline-block; vertical-align: middle; font-size: 0; }
.logo { background: url(../css/images/sprite/logo.png) no-repeat 0 0; width: 402px; height: 199px; display: inline-block; vertical-align: middle; font-size: 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ico-aniversary { background: url(../css/images/sprite/ico-aniversary@2x.png) no-repeat 0 0; width: 238px; height: 238px; background-size: 238px 238px; display: inline-block; vertical-align: middle; font-size: 0; }
	.logo { background: url(../css/images/sprite/logo@2x.png) no-repeat 0 0; width: 402px; height: 199px; background-size: 402px 199px; display: inline-block; vertical-align: middle; font-size: 0; }
}

.items:after { content: ''; line-height: 0; display: table; clear: both; }
/* ------------------------------------------------------------ *\
	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: 1200px; background: #fff; font-family: 'centurygothic', sans-serif; font-size: 14px; line-height: 1.3; color: #000000; }

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

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

h1 { font-size: 40px; font-family: 'poorrichard', sans-serif; font-weight: 400; color: #fff; text-shadow: 1px 2px 3px rgba(0,0,0,.52); display: inline-block; vertical-align: middle; }
h2 { font-size: ; }
h3 { font-size: ; }
h4 { font-size: ; }
h5 { font-size: ; }
h6 { font-size: ; }

h1:after,
h1:before { content: ''; background: url(../css/images/ico-decoration.png) no-repeat 0 0; width: 96px; height: 14px; display: inline-block; vertical-align: middle; margin: 0 20px; position: relative; top: -2px; }

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; }
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'centurygothic';
    src: url('fonts/century_gothic-webfont.eot');
    src: url('fonts/century_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/century_gothic-webfont.woff') format('woff'),
         url('fonts/century_gothic-webfont.ttf') format('truetype'),
         url('fonts/century_gothic-webfont.svg#CenturyGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poorrichard';
    src: url('fonts/poorich-webfont.eot');
    src: url('fonts/poorich-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poorich-webfont.woff2') format('woff2'),
         url('fonts/poorich-webfont.woff') format('woff'),
         url('fonts/poorich-webfont.ttf') format('truetype'),
         url('fonts/poorich-webfont.svg#poor_richardregular') format('svg');
    font-weight: normal;
    font-style: normal;

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

/*  Clear  */

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

/*  Background  */

.container-fullsize { background-size: cover; background-repeat: no-repeat; background-position: center center; }
/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container {}
/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content {}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background: #fff; text-align: center; padding: 33px 0; color: #000000; font-size: 16px; line-height: 2.13; font-family: 'centurygothic', sans-serif; }

.footer a { text-decoration: none; }
.footer a:hover { text-decoration: underline; }

.footer .credits { display: block; }
.footer .divider { display: inline-block; margin: 0 8px; }
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { text-align: center; z-index: 10; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,faf3ea+100 */
	background: rgb(255,255,255); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(250,243,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#faf3ea',GradientType=0 ); /* IE6-9 */
}

.header .aniversary { position: absolute; top: -8px; right: -8px; }
.header .slogan { position: absolute; top: 50%; transform: translateY(-50%); left: 0; font-family: 'poorrichard', sans-serif; max-width: 200px; text-align: left; font-size: 27px; }

.header-inner { position: relative; }
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main {}
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1170px; margin: auto; }
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar {}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper {}
/* ------------------------------------------------------------ *\
	Article Primary
\* ------------------------------------------------------------ */

.article-primary { text-align: center; font-family: 'centurygothic', sans-serif; font-size: 20px; line-height: 1.7; padding: 0 20px; }

.article-primary .article-head { margin-bottom: 23px; }
/* ------------------------------------------------------------ *\
	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; }
/* ------------------------------------------------------------ *\
	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 {}
/* ------------------------------------------------------------ *\
	Items
\* ------------------------------------------------------------ */

.items { list-style: none; margin: 0 -42px; position: absolute; bottom: 0; left: 50%; z-index: 5; margin-left: -626px; display: flex; justify-content: space-between; align-items: flex-end; }
.items:after { }

.item { padding: 0 2px; max-width: 118px; flex: 1 1 auto; -webkit-backface-visibility: hidden; }
.item-image { background: #fff; height: 104px; position: relative; padding: 3px; transition: all .3s; }
.item-image img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.item-content { color: #fff; text-align: center; background: #5d5550; font-size: 9.5px; line-height: 1.1; padding: 1px 2px 2px; transition: all .3s; }
.item-overlay { max-height: 0; overflow: hidden; display: block; transition: max-height .5s; }

.item:hover { position: relative; z-index: 1; }
.item:hover .item-image { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }
.item:hover .item-content { padding-top: 20px; }
.item:hover .item-overlay { max-height: 100px; }
/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { margin-top: 31px; margin-bottom: -2px; }
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { padding: 0 15px; border-radius: 8px; position: relative; z-index: 10; top: 25px; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#857b72+0,4a4340+58,3f3836+100 */
	background: rgb(133,123,114); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(133,123,114,1) 0%,rgba(74,67,64,1) 58%,rgba(63,56,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#857b72', endColorstr='#3f3836',GradientType=0 ); /* IE6-9 */
}
.nav ul { display: table; width: 100%; text-align: center; }
.nav li { display: table-cell; }
.nav a { color: #fff; text-decoration: none; font-size: 24px; display: block; padding: 11px; }

.nav li:hover a,
.nav .current a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cd3344+0,88010f+100 */
	background: rgb(205,51,68); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(205,51,68,1) 0%,rgba(136,1,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd3344', endColorstr='#88010f',GradientType=0 ); /* IE6-9 */
}
/* ------------------------------------------------------------ *\
	Section Primary	
\* ------------------------------------------------------------ */

.section-primary { position: relative; z-index: 1; }
.section-primary .shell { position: relative; z-index: 5; }

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

.section-secondary { padding: 49px 0 59px; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6a795+0,988d82+100 */
	background: rgb(182,167,149); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(182,167,149,1) 0%,rgba(152,141,130,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6a795', endColorstr='#988d82',GradientType=0 ); /* IE6-9 */
}
/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider { }

.slider .slides { list-style: none outside none; }
.slider .slides img.hidden { display: none; }
.slider .slide-image { height: 876px; }
.slider .owl-item { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); }

.slider .owl-prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 30px; font-size: 0; line-height: 0; text-indent: -4004px; }
.slider .owl-prev:before { content: ''; content: ''; width: 40px; height: 40px; display: inline-block; vertical-align: middle; border-width: 0 0 4px 4px; border-style: solid; border-color: #fff; margin: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: -webkit-transform .4s; transition: transform .4s; position: absolute; top: 0; left: 0; }

.slider .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 70px; font-size: 0; line-height: 0; text-indent: -4004px; }
.slider .owl-next:before { content: ''; content: ''; width: 40px; height: 40px; display: inline-block; vertical-align: middle; border-width: 0 0 4px 4px; border-style: solid; border-color: #fff; margin: 0; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: -webkit-transform .4s; transition: transform .4s; position: absolute; top: 0; left: 0; }
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table {}
/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

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

.circle {
    color: #fff;
    display: block;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    text-align: center;
    line-height: 60px;
    float: left;
    margin-right: 20px;
   
   
}
 
.circle-red {
background-color: #C00C31;
}
 
.circle-green {
background-color: #074F3B;
}