/* icons */

.logo,
.ico-arrow,
.ico-location,
.ico-arrow-tab,
.ico-arrow-down,
.ico-arrow-down-green,
.ico-arrow-black { display: inline-block; vertical-align: middle; font-size: 0;}

.logo { background-image: url(images/logo.png); width: 125px; height: 32px; }
.ico-arrow { background-image: url(images/ico-arrow.png); width: 30px; height: 30px; }
.ico-location { background-image: url(images/ico-location.png); width: 20px; height: 34px; }
.ico-arrow-tab { background-image: url(images/ico-arrow-tab.png); width: 12px; height: 8px; }
.ico-arrow-down { background-image: url(images/ico-arrow-down.png); width: 30px; height: 30px; }
.ico-arrow-down-green { background-image: url(images/ico-arrow-down-green.png); width: 30px; height: 30px; }
.ico-arrow-black { background-image: url(images/ico-arrow-black.png); width: 30px; height: 30px; }

/* ------------------------------------------------------------ *\
	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 { 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: 'Roboto', sans-serif; font-size: 12px; font-weight: 400; line-height: 1.83; color: #555555; }

html.js-shown { overflow: hidden; }

img { border: none; }

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

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

h1 { font-size: 50px; line-height: 1.1; color: #fff; font-weight: 700; }
h2 {}
h3 { font-size: 14px; font-weight: 500; color: #a8a5a3; line-height: 1.57; }

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

@media(max-width: 767px){
	h2 { font-size: 18px; }
}

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

/*  Clear  */

.nav-footer ul:after,
.form-row:after,
.stores:after,
.slides:after,
.section-body-entry:after,
.shell: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; }

/* animations */

.link-next i {
  animation: wobble linear 2s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: wobble linear 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: wobble linear 2s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: wobble linear 2s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: wobble linear 2s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes wobble{
  0% {
    transform:  translate(0px,0px)  ;
  }
  50% {
    transform:  translate(0px,10px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes wobble{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  50% {
    -moz-transform:  translate(0px,10px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  50% {
    -webkit-transform:  translate(0px,10px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes wobble {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  50% {
    -o-transform:  translate(0px,10px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes wobble {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  50% {
    -ms-transform:  translate(0px,10px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

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

.wrapper { padding-top: 60px; position: relative; left: 0; transition: left .3s; }
.wrapper:after { right: -100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: fixed; display: inline-block; content: ''; left: -100%; }
.wrapper.js-shown { position: relative; left: -200px; transition: left .3s; }
.wrapper.js-shown:after { top: 60px; left: 0; bottom: 0; right: 200px; background: rgba(0,0,0,.7); position: fixed; z-index: 9999; }

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

.shell { max-width: 1170px; margin: auto; }

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

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

.header { padding-top: 13px; padding-bottom: 15px; position: fixed; top: 0; left: 0; right: 0; background: rgba(255,255,255,.9); z-index: 999; -webkit-transition: right .3s; -o-transition: right .3s; transition: all .3s;}
.header.js-shown { left: -200px; right: 200px; }

.header-aside { float: left; }
.header-aside .slogan { text-transform: uppercase; font-style: italic; font-size: 10px; padding-top: 14px; display: inline-block; vertical-align: top; line-height: 1; margin-left: 15px;}
.header-content { float: right; }

@media(max-width: 460px){
	.header .slogan { display: none; }
}

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

.footer { background: #211a15; padding-top: 45px; }
.footer .shell { position: relative; }
.footer .copyright-wrapper { padding-bottom: 10px; padding-top: 30px; }
.footer .shell .btn-back-top { position: absolute; bottom: 0; right: 0; }
.footer .footer-aside { width: 39%; float: left; }
.footer .footer-content { width: 61%; float: left; }
.footer-inner:after { content: ''; line-height: 0; display: table; clear: both; }

@media(max-width: 1170px){
	.footer .shell .btn-back-top { right: 15px; }	
}

@media(max-width: 1023px){
	.footer .footer-aside,
	.footer .footer-content { float: none; width: 100%; }
	.footer .footer-aside { padding-bottom: 20px; text-align: center; }
}

@media(max-width: 767px){
	.footer { padding-top: 15px; }
	.footer .col { padding-bottom: 15px; }
}

/* ------------------------------------------------------------ *\
	form-contact
\* ------------------------------------------------------------ */

.form-contact { padding-bottom: 85px; }
.form-contact .field-error { border-color: red; }
.form-contact .form-actions { text-align: right; margin-top: 20px; }
.form-contact .form-actions .form-btn { display: inline-block; border: none; background: #058444; color: #fff; text-transform: uppercase; font-weight: 500; font-size: 16px; line-height: 42px; height: 42px; padding: 0 20px; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; border-radius: 0; -webkit-appearance: none; }
.form-contact .form-actions .form-btn:hover { background: #f58220; }

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

.btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; color: #ffffff; font-size: 10px; text-transform: uppercase; text-decoration: none; position: relative; }
.btn span { position: absolute; left: 50%; transform: translateX(-50%); top: 100%; white-space: nowrap; padding-top: 20px;	}
.btn:hover { opacity: .7; }

.btn-back-top { border-radius: 19px 19px 0 0; background: #00a651; width: 40px; padding: 5px 5px 32px; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
.btn-back-top:hover { opacity: 1; background: #f58220; }
.btn-back-top i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
 
/* ------------------------------------------------------------ *\
	col
\* ------------------------------------------------------------ */

.col { float: left; }
.col-1of2 { width: 49%; padding-right: 15px;}
.col-1of2 + .col-1of2 { margin-left: 2%;}
.col-1of3 { width: 33.33%; }
.col-size1 { width: 36%; }
.col-size2 { width: 23%; }
.col-size3 { width: 41%; }

@media(max-width: 767px){
	.col { float: none; }
	.col-1of2 { width: 100%; padding-right: 0; }
	.col-1of2 + .col-1of2 { margin-left: 0; }
	.col-size1,
	.col-size2,
	.col-size3 { width: 100%; }
}

/* ------------------------------------------------------------ *\
	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 { height: 42px; line-height: 42px; background: #fff; padding: 0 20px; font-size: 14px; line-height: 1.57; color: #555555; border: 1px solid  #fff; -webkit-box-shadow: 0px 2px 0px 0px rgba(19,153,85,1); -moz-box-shadow: 0px 2px 0px 0px rgba(19,153,85,1); box-shadow: 0px 2px 0px 0px rgba(19,153,85,1); display: block; width: 100%; border-radius: 0; -webkit-appearance: none; }
.field:focus { border-color: #f58220; color: #000; } 
.textarea { border: 1px solid  #fff; color: #555; font-size: 14px; line-height: 1.57; padding: 15px 20px; display: block; width: 100%; min-height: 120px; -webkit-appearance: none; border-radius: 0; }
.textarea:focus { border-color: #f58220; color: #000; }
.form-col { float: left; }
.form-col-1of2 { width: 47%; }
.form-col-1of2 + .form-col-1of2 { margin-left: 6%; }
.form-row + .form-row { margin-top: 30px; }



/* ------------------------------------------------------------ *\
	gallery
\* ------------------------------------------------------------ */

.galleries { }

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

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

.list-contacts li { color: #635d59; }
.list-contacts li a { text-decoration: none; }
.list-contacts li:hover a { color: #f18020; }

.list-products li { padding-left: 15px; position: relative; }
.list-products li:before { position: absolute; top: 50%; left: 0; background: #555; width: 5px; height: 1px; display: inline-block; content: ''; }

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

.nav li { font-weight: 500; text-transform: uppercase; float: left; }
.nav li + li { margin-left: 30px;}
.nav li a { display: inline-block; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; text-decoration: none; padding-top: 10px; }
.nav .current a,
.nav li:hover a { color: #f18020;}

.nav-trigger { position: relative; display: none; width: 30px; height: 16px; float: right; margin-top: 7px; }
.nav-trigger span { position: absolute; display: block; height: 3px; width: 100%; background: #00a651; 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; border-radius: 3px; }
.nav-trigger span:nth-child(1) { top: 0; }
.nav-trigger span:nth-child(2) { top: 8px; }
.nav-trigger span:nth-child(3) { top: 16px; }

.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: 12px;  background: #f18020; }

.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: 1170px){
	.nav li + li { margin-left: 15px; }
}

@media (max-width: 767px) {
	.nav-trigger { display: inline-block; }
	.nav { position: fixed; right: -200px; top: 0; width: 200px; height: 100%; background: #00a651; transition: right .3s; }
	.nav.js-shown { right: 0; transition: right .3s; }

	.nav li { padding: 0 15px; float: none; width: 100%; display: block; color: #fff; }
	.nav li a { display: block; }
	.nav li + li { margin-left: 0; }
	.nav li + li a { margin-top: 10px; padding-top: 10px; border-top: 1px solid  #fff; }
}

/* nav-footer */

.nav-footer li { float: left; font-weight: 500; font-size: 12px; text-transform: uppercase; color: #635d59; }
.nav-footer li a { display: inline-block; color: inherit; text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.nav-footer li:hover a { color: #f58220; }
.nav-footer li + li { margin-left: 20px; }

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

@media(max-width: 1170px){
	.nav-footer li { float: none; display: inline-block; }
}

@media(max-width: 767px){
	.nav-footer { display: none; }
}

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

.section-secondary { background: #f4f4f4;}
.section-contact { background: url(images/temp/footer-bg.jpg); -webkit-background-size: cover; background-size: cover; }
.section-contact .section-head p,
.section-contact .section-head h2 { color: #fff; }

.section .section-head { text-align: center; padding-top: 65px; padding-bottom: 40px; }
.section .section-head h1 { font-size: 30px; text-transform: uppercase; font-weight: 500; line-height: 1.67; color: #555; margin-bottom: 0;}
.section .section-head h2 { margin-bottom: 0; }
.section .section-head p { font-size: 14px; }
.section .section-body-entry p { font-size: 15px; }
.section .section-head h2 + p { margin-top: 15px; margin-bottom: 0; }

.section .section-body-inner { width: 47%; margin: 0 auto; }

.section .section-map #googlemap,
.section .section-map { height: 300px; }
.section .section-map { margin-bottom: 85px; }

.section .section-actions { text-align: center; padding-top: 60px; padding-bottom: 100px; }
.section .section-actions .btn { -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.section .section-actions .btn span { color: #555; opacity: .7; }

@media(max-width: 767px){
	.section .section-body-inner { width: 100%; }
	.section .section-actions { padding-top: 30px; padding-bottom: 70px; }
	.section .section-head { padding-top: 30px; }
}

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

.slider-intro { position: relative; overflow: hidden; visibility: hidden; opacity: 0; }
.slider-intro.shown { overflow: visible; visibility: visible; opacity: 1; }
.slider-intro .slide > img { display: none; }
.slider-intro .slide .link-next span { color: #00a651; }
.slider-intro .slide:nth-child(2) h1 { color: #fff; text-shadow: none; }
.slider-intro .slide:nth-child(2) h1 span { background-color: transparent; color: #fff;}
.slider-intro .slide:nth-child(2) .link-next span { color: #fff; }
.slider-intro .slide { position: relative; min-height: 700px; text-align: center; background-position: center center; -webkit-background-size: cover; background-size: cover; }
.slider-intro .slide-content { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; }
.slider-intro .slide-content h1 { margin-top: 0; margin-bottom: 20px; color: #fff; text-transform: uppercase; letter-spacing: .1em; }
.slider-intro .slide-content h1 span { background: #00a651; display: inline-block; color: #fff; padding: 5px 20px;}
.slider-intro .slide-content .shell { padding: 0 115px; }

.slider-intro .flex-direction-nav a { opacity: 1; font-size: 0; line-height: 0; text-indent: -4444px; width: 67px; height: 40px; background: #00a651; }
.slider-intro .flex-direction-nav a:hover { background: none; }

.slider-intro .flex-direction-nav a:before { display: none; }
.slider-intro .flex-direction-nav a:after { display: inline-block; content: ''; background-image: url(images/ico-arrow.png); width: 30px; height: 30px; position: absolute; top: 5px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.slider-intro .flex-direction-nav .flex-next { right: 0; border-radius: 19px 0 0 19px;}
.slider-intro .flex-direction-nav .flex-next:after { left: 5px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.slider-intro .flex-direction-nav .flex-prev { left: 0; border-radius: 0 19px 19px 0; }
.slider-intro .flex-direction-nav .flex-prev:after{ right: 5px; }

@media(max-width: 1170px){
	.slider-intro .slide-content h1 { font-size: 40px; }
}

@media(max-width: 1023px){
	.slider-intro .slide { min-height: 400px; }
	.slider-intro .slide-content h1 { font-size: 30px; }
}

@media(max-width: 767px){
	.slider-intro .slide { min-height: 250px; }
	.slider-intro .slide h1 { font-size: 18px; }
}

@media(max-width: 460px){
	.slider-intro .slide-content { top: 50px; transform: translateY(0); }
	.slider-intro .slide-content .shell { padding: 0; }
}

/* slider-gallery */

.slider-gallery { margin-top: 65px; position: relative; }
.slider-gallery .slides { list-style: none; }
.slider-gallery .slide { width: 33.33%; float: left; }
.slider-gallery .slide a { display: block; opacity: 1; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s;}
.slider-gallery .slide a img { width: 100%; height: auto; }
.slider-gallery .slide:hover a { opacity: .7; }
.slider-gallery .slider-actions a { opacity: 1; font-size: 0; line-height: 0; text-indent: -4444px; width: 67px; height: 40px; background: #00a651; display: inline-block; position: relative; position: absolute; top: 50%; transform:translateY(-50%); -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; }
.slider-gallery .slider-actions a:hover { background: #f18020; }
.slider-gallery .slider-actions a i { position: absolute; top: 5px;  -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.slider-gallery .slider-actions .slider-prev { left: 0; border-radius: 0 19px 19px 0; }
.slider-gallery .slider-actions .slider-next { right: 0; border-radius: 19px 0 0 19px; }
.slider-gallery .slider-actions .slider-prev i { right: 5px; }
.slider-gallery .slider-actions .slider-next i { left: 5px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

@media(max-width: 1023px){
	.slider-gallery .slide { width: 50%; }
}

@media(max-width: 767px){
	.slider-gallery .slide { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Stores
\* ------------------------------------------------------------ */

.stores { list-style: none; }

.stores .store { float: left; width: 33.33%; position: relative; overflow: hidden; min-height: 207px; background: #00a651; }
.stores .store img { width: 100%; height: auto; }

.stores .store-meta { position: absolute; left: 5px; bottom: 0; right: 0; background: #fff; font-size: 16px; line-height: 3; padding-left: 20px; z-index: 110; }
.stores .store-meta:after { display: inline-block; content: ''; width: 5px; height: 100%; top: 0; bottom: 0; left: -5px; background: #00a651; position: absolute; }

.stores .store-overlay { position: absolute; top: 100%; bottom: 0; left: 0; right: 0; opacity: 0; text-align: center; background: rgba(0,166,81,.9); z-index: 100; padding: 25px 20px 50px; color: #fff; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.stores .store-overlay i { margin-bottom: 10px; }
.stores .store-overlay p { margin-bottom: 0; margin-top: 0; }
.stores .store-overlay p + p { margin-top: 5px;}
.stores .store-overlay p:first-child { font-size: 14px; line-height: 1.71; }
.stores .store:hover .store-overlay { opacity: 1; top: 0; }

@media(max-width: 1023px){
  .stores .store .store-overlay,
  .stores .store:hover .store-overlay { opacity: 1; top: 0; }
}

@media(max-width: 767px){
	.stores .store { float: none; width: 100%; min-height: 240px; }
}

/* accordion */

.accordion .accordion-section .accordion-head { border: 1px solid  #eee; border-radius: 2px;  }
.accordion .accordion-section .accordion-head a { display: block; text-decoration: none; font-weight: 500; font-size: 14px; line-height: 1.71; padding: 12px 22px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.accordion .accordion-section .accordion-head a i { -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; }
.accordion .accordion-section .accordion-head:hover a { background: #22b067; color: #fff;}
.accordion .accordion-section .accordion-head:hover a .ico-arrow-tab { background: url(images/ico-arrow-tab-white.png); }
.accordion .accordion-section .accordion-head a i { margin-right: 18px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }
.accordion .accordion-section + .accordion-section .accordion-head { border-top: none; }
.accordion .accordion-section.accordion-expanded .accordion-head i { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

.accordion .accordion-section .accordion-body { display: none; border: 1px solid  #eee; border-top: none; background: #f4f4f4; padding: 23px 53px;}
.accordion .accordion-section .accordion-body p + p { margin-bottom: 0; }
.accordion .accordion-section.accordion-expanded .accordion-body { display: block; }