/* 
	Table of Contents

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Responsive Helpers -----------------------
	     05. Magnific Pop -----------------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	     04. Header -----------------------------------
	     05. Main -------------------------------------
	     06. Shell ------------------------------------
	     07. Sidebar ----------------------------------
	     08. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Accordion --------------------------------
	     02. Button -----------------------------------
	         Button Block -----------------------------
	     03. Copyright --------------------------------
	     04. Details ----------------------------------
	     05. Form Elements ----------------------------
	     06. Form -------------------------------------
	     07. Form Contact -----------------------------
	     08. Icons ------------------------------------
	     09. Link -------------------------------------
	     10. List -------------------------------------
	     11. List Features ----------------------------
	     12. List Details -----------------------------
	     13. List Buttons -----------------------------
	     14. Logo -------------------------------------
	     15. Nav --------------------------------------
	     16. Nav Lang ---------------------------------
	     17. Section ----------------------------------
	         Background Meida Queries -----------------
	     18. Section About ----------------------------
	         Section About Left/Right -----------------
	         Section About Offset ---------------------
	         Section About Body Gradient --------------
	         Animation --------------------------------
	         Section About Offset ---------------------
	         Section About Body Gradient --------------
	         Section About Offset ---------------------
	         Section About Offset ---------------------
	     19. Section White ----------------------------
	     20. Slider -----------------------------------
	     21. Slider Uses ------------------------------
	         Background Meida Queries -----------------
	     22. Slider Quotes ----------------------------
	     23. Slider Stories ---------------------------
	         Background Meida Queries -----------------
	     24. Socials ----------------------------------
	     25. Subscribe --------------------------------
	     26. Table ------------------------------------
	     27. Widget -----------------------------------
 */

.cols:after,
.form .form__row:after { content: ''; line-height: 0; display: table; clear: both; }
/* ------------------------------------------------------------ *\
	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 { 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="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-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; }
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
body { min-width: 320px; background: #edebeb; font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 1.2; color: #6a6a6a; }
a { color: inherit; text-decoration: none; }
a:hover,
a:focus { text-decoration: none; color: inherit; text-decoration: underline; }
a[href^="tel"] { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-top: 0; margin-bottom: 0.6em; color: rgba(0,0,0,.9); }
h1 { font-weight: 400; font-size: 40px; }
h2 { margin-bottom: .85em; font-weight: 400; font-size: 32px; }
h3 { font-weight: 400; font-size: 28px; }
h4 { font-weight: 700; font-size: 20px; }
h5 { font-weight: 300; font-size: 16px; }
h6 { font-size: 14px; }
p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.2em; }
blockquote { padding-left: 0; padding-right: 0; }
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; }
@keyframes vertical {
    0% {transform: translateY(0); }
    50% {transform: translateY(8px); }
    100% {transform: translateY(0); }
}
@keyframes horizontal {
    0% {transform: translateX(0); }
    50% {transform: translateX(-8px); }
    100% {transform: translateX(0); }
}
body .main,
body .logo,
body .footer,
body .main,
body .header,
body .footer { transition: -webkit-filter .4s; transition: filter .4s; transition: filter .4s, -webkit-filter .4s; }
body.active-header .main,
body.active-header .logo,
body.active-header .footer,
body.active-popup .main,
body.active-popup .header,
body.active-popup .footer  {  -webkit-filter: blur(5px);  filter: blur(5px); }
@media(max-width: 1200px){
	body { font-size: 16px; }
	h1 { font-size: 36px; }
	h2 { margin-bottom: 22px; font-size: 28px; }
	h3 { font-size: 26px; }
	h6 { font-size: 12px; }
}
@media(max-width: 1023px){
	body { font-size: 18px; }
	h1 { font-size: 32px; }
	h3 { font-size: 24px; }
}
@media(max-width: 767px){
	body { font-size: 12px; }
	h1 { font-size: 22px; }
	h2 { font-size: 18px; }
	h3 { font-size: 16px; }
	h5 { font-size: 14px; }
}
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	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; }
/*  Grid  */
.cols { margin: 0 -15px; }
.cols:after { }
.col { float: left; width: 100%; padding: 0 15px; }
.col-1of2 { width: 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; }
}
/* ------------------------------------------------------------ *\
	Magnific Pop
\* ------------------------------------------------------------ */
.mfp-fade.mfp-bg { opacity: 0; transition: all 0.15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.2; }
.mfp-fade.mfp-bg.mfp-removing {opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content {opacity: 0; transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0; }
.mfp-container .mfp-close { display: none; }
.mfp-container .mfp-content { width: auto; background: #fff; text-align: center; border-radius: 10px; padding: 30px; box-shadow: 0 2px 10px rgba(0,0,0,.5); font-size: 20px; }
.mfp-container .mfp-content h2 { color: #3b7adb; font-size: 32px; }
/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */
.container { position: relative; background: #fff; border: solid #fff; border-width: 0 10px; padding: 0; }
@media(max-width: 767px){
	.container { border-width: 0 4px; }
	.row { margin: 0 -4px; }
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding: 0 4px; }
}
/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */
.content {}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { text-align: center; color: #fff; font-size: 14px; }
.footer .footer__content { padding: 30px 10px; background: #4a90e2; border-bottom: 10px solid #fff; }
.footer .socials { margin-bottom: 30px; }
.footer .socials li { padding: 0 11px; }
.footer .socials h6 { margin-bottom: 30px; display: block; font-size: inherit; }
.footer .subscribe { margin-bottom: 50px; }
.footer .copyright { margin-top: 40px; }
@media(max-width: 1200px){
	.footer { font-size: 12px; }
	.footer .subscribe { margin-bottom: 45px;  }
	.footer .copyright { margin-top: 35px; }
	.footer .socials h6 { margin-bottom: 16px; }
}
@media(max-width: 767px){
	.footer .footer__content { padding: 20px 10px; border-bottom-width: 4px; }
	.footer .socials h6 { margin-bottom: 16px; text-align: inherit; }
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { position: fixed; top: 0; left: 0; width: 100%; padding: 10px 0 10px; background: #fff; color: rgba(88, 88, 88, 0.9); box-shadow: 0 0 10px rgba(0,0,0,.4); z-index: 10; font-size: 14px; }
.header .nav,
.header .socials { display: inline-block; vertical-align: middle; padding: 0 5px; }
.header .header__inner { padding: 0 130px 0 10px; }
.header .socials h6 { font-size: inherit; }
.header .logo { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 10px;  }
.header .header__content { float: right; }
.header .nav { margin-right: 45px; }
.header .nav-lang { position: absolute; top: 2px; right: 4px; z-index: 5; }
.header__content-trigger { position: relative; display: none; width: 30px; height: 26px; }
.header__content-trigger span { position: absolute; display: block; height: 3px; width: 100%; background: #4a90e2; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; }
.header__content-trigger span:nth-child(1) { top: 0; }
.header__content-trigger span:nth-child(2) { top: 8px; }
.header__content-trigger span:nth-child(3) { top: 16px; }
body.active-popup .header { box-shadow: none; }
@media(max-width: 1200px){
	.header { padding: 5px 0; }
	.header .header__inner { padding: 0 108px 0 10px; }
	.header .nav-lang { top: 0; right: -10px; }
}
@media(max-width: 1023px){
	.header { font-size: 13px; }
	.header .header__inner { padding: 0 60px 0 10px; }
	.header .nav { margin-right: 0; }
}
@media(max-width: 767px){
	.header { font-size: 18px; }
	.header .header__inner { padding: 5px 10px; }
	.header .header__content { float: right; padding-top: 3px; }
	.header .header__content-trigger { display: inline-block; }
	.header .header__content-inner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 5; visibility: hidden; opacity: 0; transition: visibility .5s, opacity .5s; }
	.header .header__content-entry { position: absolute; top: 0; right: 0;  width: 250px; background: #fff; z-index: 5; }
	.header .nav-lang { right: 60px; }

	.header .nav,
	.header .socials { display: block; }

	.header .nav { padding: 0; }
	.header .socials { padding: 15px 20px 20px; }
	.header .socials li { padding: 0 20px; }
	.header .socials h6 { padding: 0; margin-bottom: 20px; }

	body.active-header .header .header__content-inner { visibility: visible; opacity: 1; }
	body.active-header .header { box-shadow: none; }
}
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main .container { border-top-width: 10px; }
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell { max-width: 1220px; padding-left: 10px; padding-right: 10px; margin: auto; }
.shell-fluid { max-width: none; }
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */
.sidebar {}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper { min-height: 100vh; padding-top: 60px; }
@media(max-width: 1200px){
	.wrapper { padding-top: 46px; }
}
/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Accordion
\* ------------------------------------------------------------ */
.accordion { background: #fff; }
.accordion .accordion__head { padding: 10px 0; color: #4a90e2; text-align: center; }
.accordion .accordion__head:hover { cursor: pointer; }
.accordion .accordion__head .ico { margin-bottom: 10px; }
.accordion .accordion__head .ico { background-image: url(../css/images/ico-open@2x.png); width: 30px; height: 30px; }
.accordion .accordion__section.active .accordion__head .ico { background-image: url(../css/images/ico-close@2x.png);}
.accordion .accordion__head h5 { color: inherit; }
.accordion .accordion__body { display: none; padding: 70px 0 50px; }
.accordion .accordion__inner { display: -ms-flexbox; display: flex; padding-left: 36px; }
.accordion .accordion__image { width: 255px; }
.accordion .accordion__content { width: 689px; padding: 10px 0 0 100px; }
.accordion .accordion__title { margin-bottom: 52px; }
@media(max-width: 1200px){
	.accordion .accordion__head { padding: 5px 0; }
	.accordion .accordion__body { padding: 60px 0 50px; }
	.accordion .accordion__inner { padding-left: 32px; }
	.accordion .accordion__content { padding-left: 80px; }
	.accordion .accordion__title { margin-bottom: 40px; }
}
@media(max-width: 1023px){
	.accordion .accordion__inner { padding-left: 20px; }
	.accordion .accordion__image { width: 240px; }
	.accordion .accordion__content { padding-left: 30px; }
	.accordion .accordion__image { padding-top: 90px; }
}
@media(max-width: 767px){
	.accordion .accordion__body { padding: 40px 0 20px; }
	.accordion .accordion__image { display: none; }
	.accordion .accordion__content { padding: 0;  }
	.accordion .accordion__title { margin-bottom: 15px; text-align: center; }
}
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer;
	-webkit-appearance: none;
	   -moz-appearance: none;
	 		appearance: none;
}
/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }
/* ------------------------------------------------------------ *\
	Copyright
\* ------------------------------------------------------------ */
.copyright a { text-decoration: underline; }
.copyright a:hover { text-decoration: none; }
/* ------------------------------------------------------------ *\
	Details
\* ------------------------------------------------------------ */
.details { color: #39393a; font-size: 14px; }
.details li { margin-bottom: 20px; line-height: 1.4; }
.details li:last-child { margin-bottom: 0; }
.details .details__title { margin-bottom: 18px; color: #3b7adb; }
.details .details__body { display: -ms-flexbox; display: flex; }
.details .details__list { list-style: none; width: 44%; }
.details .details__list:nth-child(2) { width: 56%; }
@media(max-width: 1200px){
	.details { font-size: 12px; }
	.details li { margin-bottom: 14px; }
}
@media(max-width: 767px){
	.details .details__title { margin-bottom: 25px; text-align: center; }

	.details .details__body { -ms-flex-wrap: wrap; flex-wrap: wrap; }

	.details .details__list,
	.details .details__list:nth-child(2) { width: 100%; }
}
/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */
input::-webkit-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::placeholder { color: inherit; opacity: 1; }
input:-webkit-autofill { -webkit-text-fill-color: #3b7adb; -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.select {}
.radio {}
.field,
.textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; padding: 10px; border: 1px solid #4a90e2; border-radius: 0; color: #3b7adb; }
.field.error,
.textarea.error { border-color: #d0021b; box-shadow: inset 0 0 0 2px #d0021b; color: #d0021b;}
.textarea { resize: none; height: 200px; }
.checkbox label { position: relative; padding-left: 40px; }
.checkbox label:before { content: ''; position: absolute; top: -2px; left: 0; width: 26px; height: 26px; border: 1px solid #4a90e2; }
.checkbox label:after { display: none; content: ''; position: absolute; top: 3px; left: 5px; width: 16px; height: 16px; border-radius: 100%; background: #4a90e2; }
.checkbox input { display: none; }
.checkbox input:checked + label:after { display: block; }
@media(max-width: 1200px){
	.field,
	.textarea { padding: 5px; }

	.textarea { height: 170px; }

	.checkbox { margin-top: 0; }
	.checkbox label { padding-left: 33px; }
	.checkbox label:before { top: 0; width: 22px; height: 22px; }
	.checkbox label:after { top: 4px; left: 4px; width: 14px; height: 14px; }
}
/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */
.form { padding: 60px 0 50px; font-size: 16px; }
.form .form__body { overflow: hidden; }
.form .form__row { margin: 0 -15px 11px; }
.form .form__row:after {}
.form .form__row:last-child { margin-bottom: 0; }
.form .form__col { width: 100%; float: left; padding: 0 15px; }
.form .form__col--1of2 { width: 50%; }
.form .form__label { margin-bottom: 7px; color: #4a4a4a; font-weight: 400; }
.form .form__actions { padding: 20px 0; text-align: right; }
.form .form__btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #4a90e2; padding: 12px 42px; border: 0; border-radius: 3px; color: #fff; font-weight: 500; font-size: 16px; }
@media(max-width: 1200px){
	.form { padding: 60px 0 40px; }
	.form .form__head h1 { font-size: 32px; }
}
@media(max-width: 767px){
	.form .form__head h1 { font-size: 18px; } 
	.form { padding: 30px 0; }
	.form .form__row { margin: 0; }
	.form .form__col { padding: 0; margin-bottom: 10px; }
	.form .form__col--1of2 { width: 100%; }
	.form .form__actions { text-align: center; }
}
/* ------------------------------------------------------------ *\
	Form Contact
\* ------------------------------------------------------------ */
.form--contact .form__head { margin-bottom: 60px; text-align: center; }
.form--contact .form__body { padding: 0 26px; }
.form--contact .form__actions { padding: 20px 26px; }
@media(max-width: 1200px){
	.form--contact .form__head { margin-bottom: 45px; }
	.form--contact .form__body { padding: 0 20px; }
	.form .form__btn { padding: 10px 35px; font-size: 14px; }
}
@media(max-width: 767px){
	.form--contact .form__head { margin-bottom: 15px; }
	.form--contact .form__body { padding: 0 10px; }
}
/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */
.ico { display: inline-block; vertical-align: middle; background: no-repeat 0 0; background-size: contain; }
.ico--question { background-image: none; width: 32px; height: 32px; }
.ico--arrow-down { background-image: url(../css/images/ico-arrow-down@2x.png); width: 30px; height: 30px; }
.ico--cursor { background-image: url(../css/images/ico-cursor@2x.png); width: 20px; height: 30px; }
@media(max-width: 1200px){
	.ico { width: 26px; height: 26px; }
}
/* ------------------------------------------------------------ *\
	Link
\* ------------------------------------------------------------ */
.link { display: inline-block; text-decoration: none; color: #4a90e2; font-size: 16px; }
.link:hover,
.link:focus { text-decoration: none; }
.link .ico { margin: -3px 7px 0 0; }
.link[data-animation="vertical"]:hover .ico { animation: vertical 1s infinite; }
.link[data-animation="horizontal"]:hover .ico  { animation: horizontal 1s infinite; }
.link[data-animation="gif"] .ico img:not(.active) { visibility: hidden; opacity: 0;  }
@media(max-width: 1200px){
	.link { font-size: 14px; }
	.link .ico { margin: -1px 7px 0 0;  }
}
@media(max-width: 1023px){
	.link[data-animation="vertical"]:hover .ico,
	.link[data-animation="horizontal"]:hover .ico { animation: none; }
	.link .ico { margin: 0 7px 0 0;  }
}
@media(max-width: 767px){
	.link { font-size: 12px; }
}
/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	List Features
\* ------------------------------------------------------------ */
.list-features { font-size: 0; }
.list-features li { display: inline-block; vertical-align: top; text-align: center; padding: 0 24px; }
.list-features h6 { color: inherit; }
.list-features img { margin-bottom: 10px; }
@media(max-width: 1023px){
	.list-features li { padding: 0 20px; }
}
@media(max-width: 767px){
	.list-features li { width: 33.33%; }
}
/* ------------------------------------------------------------ *\
	List Details
\* ------------------------------------------------------------ */
.list-details { text-align: center; color: #4a4a4a; font-size: 0; }
.list-details li { display: inline-block; vertical-align: top; width: 20%; text-align: center; font-size: 16px; }
.list-details img { display: inline-block; }
.list-details .list-details__image { margin-bottom: 10px; height: 60px; text-align: center; display: table; width: 100%; }
.list-details .list-details__image .list-details-image-inner { display: table-cell; vertical-align: bottom; }
@media(max-width: 1200px){
	.list-details li { font-size: 14px; }
}
@media(max-width: 1023px){
	.list-details li { padding: 0 20px; }	
}
@media(max-width: 767px){
	.list-details { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end;}
}
/* ------------------------------------------------------------ *\
	List Buttons
\* ------------------------------------------------------------ */
.list-buttons { margin-bottom: 25px; }
.list-buttons li { display: inline-block; vertical-align: middle; text-align: center; padding: 0 15px; max-width: 33.3%; }
.list-buttons img { display: block; margin: 0 auto 10px; }
@media(max-width: 1200px){
	.list-buttons img { width: 58px; height: auto; }
}
@media(max-width: 1023px){
	.list-buttons { margin-bottom: 15px; }
}
@media(max-width: 767px){
	.list-buttons { margin-bottom: 12px; }
	.list-buttons img { width: 48px; margin-bottom: 5px; }
}
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo { display: inline-block; width: 108px; height: auto; }
@media(max-width: 1200px){
	.logo { width: 102px; }
}
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav { font-size: inherit; }
.nav li { display: inline-block; vertical-align: middle; margin: 0 18px; }
.nav a { display: inline-block; text-decoration: none; }
.nav .nav__featured a { padding: 12px 24px; background: #4a90e2; border-radius: 20px; color: #fff; }
.nav .current a { color: #4a90e2; }
.nav .nav__featured.current a { color: #fff; }
@media(max-width: 1200px){
	.nav .nav__featured a { padding: 10px 20px; }
}
@media(max-width: 1023px){
	.nav li { margin: 0 6px; }
	.nav .nav__featured a { padding: 10px 15px; }
}
@media(max-width: 767px){
	.nav { text-align: left; }
	.nav li { display: block; margin: 0;}

	.nav a,
	.nav .nav__featured a { padding: 14px 20px; }

	.nav .nav__featured a { background: transparent; color: inherit; }
	.nav .nav__featured.current a { color: #4a90e2; }

	.nav a { display: block; width: 100%; }

	.nav .nav__featured a { border-radius: 0; }
}
/* ------------------------------------------------------------ *\
	Nav Lang
\* ------------------------------------------------------------ */
.nav-lang { position: relative; background: #fff; padding: 10px 0; font-weight: 500; font-size: 14px; box-shadow: none; }
.nav-lang ul { list-style: none; }
.nav-lang li { display: none; margin-top: 10px; }
.nav-lang li:first-child { margin-top: 0; }
.nav-lang li.current { display: block; }
.nav-lang li.current a:before { content: ''; position: absolute; top: 15px; left: 13px; border-top: 8px solid #6a6a6a; border-left: 4px solid transparent; border-right: 4px solid transparent;  }
.nav-lang a { display: block; text-decoration: none; padding: 0 17px 0 27px; }
.nav-lang.active { box-shadow: 0 2px 4px rgba(0,0,0,.25); }
.nav-lang.active li { display: block; }
/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.section { border: solid #fff; border-width: 5px 0; }
.section:first-child { border-top: 0; }
.section:last-child { border-bottom: 0; }
.section { position: relative; }
.section .keyshot { position: absolute; top: 0; left: 0; z-index: 0; }
.section .section__body { position: relative; overflow: hidden; }
.section .section__content { position: relative; z-index: 5; }
.section,
.section__bg { background: no-repeat center center; background-size: cover; }
.section__bg--bottom { background-position: center bottom; }
.section .section__bg--xs.section__bg--custom { background-position: center 75%; }
/* Background Meida Queries */
@media(min-width: 1200px){
	.section .section__bg--md { background: none !important; }
}
@media(min-width: 1023px){
	.section .section__bg--sm { background: none !important; }
}
@media(min-width: 767px){
	.section .section__bg--xs { background: none !important; }
}
/* ------------------------------------------------------------ *\
	Section About
\* ------------------------------------------------------------ */
.section--about { text-align: center; }
.section--about .section__head { padding: 25px 0 30px; background: #fff; text-align: center; }
.section--about .section__body { padding: 60px 0; min-height: 670px; }
.section--about h1.section__title { margin-bottom: 10px; }
.section--about h2.section__title { margin-bottom: 25px; }
.section--about .section__content { padding: 0 77px; }
.section--about .section__actions { margin-bottom: 35px; text-align: center; color: #4a90e2; }
.section--about .section__foot { text-align: center; }
.section--about .section__overlay { position: absolute; bottom: 70px; left: 0; width: 50%; padding: 0 30px 0 64px; text-align: center; color: rgba(255,255,255,.9); font-weight: 500; font-size: 14px; }
.section--about .section__entry { margin-bottom: 25px; color: rgba(131, 131, 131, 0.9); }
.section--about .section__entry h1,
.section--about .section__entry h2,
.section--about .section__entry h3,
.section--about .section__entry h4,
.section--about .section__entry h5,
.section--about .section__entry h6 { color: rgba(70, 70, 70, 0.9); }
/* Section About Left/Right*/
.section--about--left,
.section--about--right { text-align: left; }
.section--about--left .section__content {  padding: 0 110px 0 62px; }
.section--about--left .section__actions { text-align: left; padding: 0 20px; }
.section--about--right .section__content { padding: 0 62px 0 72px; }
.section--about--left .section__entry,
.section--about--right .section__entry { margin-bottom: 35px; }
/* Section About Offset*/
.section--about--offset { margin-top: 100px; }
/* Section About Body Gradient*/
.section--about .section__body--gradient { position: relative; }
.section--about .section__body--gradient:before { content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-image: linear-gradient(to right, rgba(238, 238, 238, 0) 0%, rgba(255, 255, 255, 0.9) 100%); z-index: 5; }
/* Animation */
.section--about:not(.visible) .section__title,
.section--about:not(.visible) .section__entry,
.section--about:not(.visible) .section__actions,
.section--about:not(.visible) .section__foot li { opacity: 0; -ms-transform: translateY(20px); transform: translateY(20px); transition: transform 0s .5s, opacity .5s !important; }
.section--about.visible .section__title,
.section--about.visible .section__entry,
.section--about.visible .section__actions,
.section--about.visible .section__foot li { opacity: 1; -ms-transform: translateY(0); transform: translateY(0); transition: opacity .5s, transform .5s; }
.section--about.visible .section__title { transition-delay: 0; }
.section--about.visible .section__entry { transition-delay: .2s; }
.section--about.visible .section__actions { transition-delay: .3s; }
@media(max-width: 1200px){
	.section--about .section__title { margin-bottom: 25px; }
	.section--about h2.section__title { margin-bottom: 20px; }
	.section--about .section__content { padding: 0 57px; }
	.section--about .section__actions { margin-bottom: 26px; }
	.section--about .section__body { min-height: 580px; }
	.section--about .section__entry { margin-bottom: 15px; line-height: 22px; }
	.section--about .section__overlay { bottom: 60px; font-size: 12px; padding: 0 30px 0 58px; }

	.section--about--left .section__entry,
	.section--about--right .section__entry { margin-bottom: 25px; }

	.section--about--left .section__content {  padding: 0 82px 0 52px; }
	.section--about--right .section__content { padding: 0 52px 0 82px; }

	/* Section About Offset*/
	.section--about--offset { margin-top: 60px; }
}
@media(max-width: 1023px){
	.section--about .section__head { padding: 15px 0 20px; }
	.section--about .section__body { min-height: 748px; padding: 45px 0; }
	.section--about .section__content { text-align: center; padding: 0; }
	.section--about .section__title { padding: 0 40px; }
	.section--about .section__entry { margin-bottom: 13px; line-height: 23px; }
	.section--about .section__actions { margin-bottom: 18px; }
	.section--about .section__overlay { bottom: 20px; padding: 0 30px; width: 100%; }

	.section--about--left .section__entry,
	.section--about--right .section__entry { margin-bottom: 15px; }

	.section--about--left .section__actions { text-align: center; }
	
	/* Section About Body Gradient*/
	.section--about .section__body--gradient:before { width: 100%; height: 50%; background-image: linear-gradient(to top, rgba(238, 238, 238, 0) 0%, rgba(255, 255, 255, 0.9) 100%);}

	/* Section About Offset*/
	.section--about--offset { margin-top: 20px; }
}
@media(max-width: 767px){
	.section--about .section__body { min-height: 580px; padding: 35px 0 90%; }
	.section--about .section__content { padding: 0 15px; }
	.section--about .section__title { padding: 0; margin-bottom: 18px; }
	.section--about .section__overlay { bottom: 10px; }
	.section--about .section__entry { line-height: 16px; }

	/* Section About Offset*/
	.section--about--offset { margin-top: 0; }
}
/* ------------------------------------------------------------ *\
	Section White
\* ------------------------------------------------------------ */
.section--white { background: #fff; }
/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider { position: relative; }
.slider .slides { list-style: none outside none; }
.slider .slider__slide { display: none; }
.slider .slider__slide:first-child { display: block; }
.slider .owl-prev,
.slider .owl-next,
.slider .bx-next,
.slider .bx-prev { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 50px; height: 50px; border: 1px solid #9b9b9b; border-radius: 100%; background: no-repeat; background-size: 16px 30px; font-size: 0; line-height: 0; text-indent: -4004px; }
.slider .owl-prev,
.slider .bx-prev { left: 40px; background-image: url(../css/images/ico-prev@2x.png); background-position: 14px center; }
.slider .owl-next,
.slider .bx-next { right: 40px; background-image: url(../css/images/ico-next@2x.png); background-position: 18px center; }
.slider .owl-dots,
.slider .bx-pager { position: absolute; bottom: 68px; left: 0; width: 100%; text-align: center; }
.slider .owl-do { display: inline-block; width: 8px; height: 8px; margin: 0 6px; background: #fff; }
.slider .owl-dot.active { background: #4a90e2; }
.slider .bx-pager-item { display: inline-block; margin: 0 6px; }
.slider .bx-pager-item a { font-size: 0; line-height: 0; text-indent: -4004px; display: inline-block; width: 8px; height: 8px; background: #fff; border: 1px solid #979797; border-radius: 100%; }
.slider .bx-pager-item a.active { background: #4a90e2; }
.slider .bx-controls-direction .disabled { display: none; }
@media(max-width: 1200px){
	.slider .owl-prev,
	.slider .owl-next { width: 40px; height: 40px; background-size: 12px 23px; }

	.slider .owl-prev { background-position: 12px center; }
	.slider .owl-next { background-position: 15px center; }

	.slider .owl-dots { bottom: 40px; }
}
@media(max-width: 1023px){
	.slider .owl-dots { bottom: 70px; }
	.slider .owl-prev { left: 30px; }
	.slider .owl-next { right: 30px; }
}
/* ------------------------------------------------------------ *\
	Slider Uses
\* ------------------------------------------------------------ */
.slider--uses { overflow: hidden; position: relative; margin: 0  -10px; }
.slider--uses .slider__nav { position: absolute; top: 0; left: 0; width: 100%; padding: 60px 0 0; text-align: center; color: #9b9b9b; font-size: 0; z-index: 5; }
.slider--uses .slider__nav li { display: inline-block; width: 33.33%; padding: 0 24px; font-size: 14px; }
.slider--uses .slider__nav a { position: relative; display: block; padding: 12px; background: #fff; border: 1px solid #979797; border-radius: 4px; transition: color .5s, background .5s, border-color .5s; }
.slider--uses .slider__nav a:before { visibility: hidden; opacity: 0; content: ''; position: absolute; top: 100%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); border-top: 8px solid #4a90e2; border-left: 6px solid transparent; border-right: 6px solid transparent; transition: visibility .5s, opacity .5s; }
.slider--uses .slider__nav a:hover,
.slider--uses .slider__nav a:focus { text-decoration: none;  }
.slider--uses .slider__nav .current a,
.slider--uses .slider__nav a:hover { background: #4a90e2; border-color: #4a90e2; color: #fff; }
.slider--uses .slider__nav .current a:before { visibility: visible; opacity: 1; }
.slider--uses .slider__slide { position: relative; }
.slider--uses .slider__slide,
.slider--uses .slider__slide-bg { background: no-repeat center center; background-size: cover; }
.slider--uses .slider__slide-inner { min-height: 670px; padding: 140px 0; }
.slider--uses .slider__slide-head { text-align: center; }
.slider--uses .slider__slide-foot { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 0; }
@media(max-width: 1200px){
	.slider--uses h3 { font-size: 24px; }

	.slider--uses .slider__nav { padding: 50px 0 0; }
	.slider--uses .slider__nav li { padding: 0 22px; font-size: 12px; }
	.slider--uses .slider__nav a { padding: 10px; }

	.slider--uses .slider__slide-inner { min-height: 580px; padding: 125px 0; }
	.slider--uses .slider__slide-foot { padding: 25px 0; }
}
@media(max-width: 1023px){
	.slider--uses .slider__slide-inner { min-height: 750px; }
	.slider--uses .slider__slide-head { padding: 0 15px; }
}
@media(max-width: 767px){
	.slider--uses { margin: 0 -4px; }
	.slider--uses h3 { font-size: 18px; }
	.slider--uses h3 br { display: none; }
	.slider--uses .slider__slide-inner { min-height: 500px; padding: 90px 0; }
	.slider--uses .slider__nav { padding: 0; }
	.slider--uses .slider__nav li { padding: 0; vertical-align: middle; font-size: 14px; }
	.slider--uses .slider__nav a { min-height: 57px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-radius: 0; border-color: transparent #979797; border: 0; padding: 14px 20px; }
	.slider--uses .slider__slide-foot { padding: 25px 0 5px; }
}
/* Background Meida Queries */
@media(min-width: 1200px){
	.slider--uses .slider__slide-bg--md { background: none !important; }
}
@media(min-width: 1023px){
	.slider--uses .slider__slide-bg--sm { background: none !important; }
}
@media(min-width: 767px){
	.slider--uses .slider__slide-bg--xs { background: none !important; }
}
/* ------------------------------------------------------------ *\
	Slider Quotes
\* ------------------------------------------------------------ */
.slider--quotes { padding-top: 35px; background: #fff; text-align: center; }
.slider--quotes .owl-carousel .animated {  animation-duration: 2s; }
.slider--quotes blockquote { border-left: 0; margin-bottom: 5px; color: #4a90e2; font-size: 40px; line-height: 1.15; }
.slider--quotes p { color: #9b9b9b; font-weight: 500; font-size: 14px; }
.slider--quotes .slider__actions { font-size: 14px; color: #4a90e2; }
.slider--quotes .slider__actions strong { display: block; font-weight: 400; }
.slider--quotes .slider__actions a:hover,
.slider--quotes .slider__actions a:focus { text-decoration: none; }
.slider--quotes .slider__actions .slider__nav-image { display: table; width: 100%; height: 100px; padding: 14px 0 20px; }
.slider--quotes .slider__actions .slider__nav-image span { display: table-cell; vertical-align: bottom; }
.slider--quotes .slider__actions .link { font-size: inherit; padding: 0 8px 12px; }
.slider--quotes .slider__actions .link strong { text-decoration: underline; }
.slider--quotes .slider__actions .link .ico { display: block; margin: 0 auto 10px; }
.slider--quotes .slider__nav { display: inline-block; vertical-align: bottom; }
.slider--quotes .slider__nav li { display: inline-block; vertical-align: bottom; padding: 0 8px;  }
.slider--quotes .slider__nav a { display: block; padding: 6px 12px; border-bottom: 6px solid transparent; }
.slider--quotes .slider__nav .current a { border-color: #4a90e2; }
.slider--quotes .slider__slide { padding: 15px 0; }
@media(max-width: 1200px){
	.slider--quotes { padding-top: 25px; }
	.slider--quotes blockquote { font-size: 36px; }
	.slider--quotes p { font-size: 12px; }
	.slider--quotes .slider__actions { font-size: 12px; }
	.slider--quotes .slider__actions .slider__nav-image { padding: 4px 0 10px; height: 60px; }
	.slider--quotes .slider__actions .link { font-size: inherit; }
}
@media(max-width: 1023px){
	.slider--quotes blockquote { font-size: 30px; }
}
@media(max-width: 767px){
	.slider--quotes blockquote { font-size: 22px; }
	.slider--quotes blockquote br { display: none; }
	.slider--quotes p { font-size: 10px; }

	.slider--quotes .slider__actions .slider__nav li,
	.slider--quotes .slider__actions .link { width: 75px; padding: 0; margin: 0; }

	.slider--quotes .slider__actions .link { padding-bottom: 12px; }
	.slider--quotes .slider__actions .link .ico { margin: 0 auto 10px; }

	.slider--quotes .slider__actions .slider__nav-image { height: auto; margin-bottom: 10px; }
}
/* ------------------------------------------------------------ *\
	Slider Stories
\* ------------------------------------------------------------ */
.slider--stories { color: rgba(0, 0, 0, 0.9); }
.slider--stories .slider__slide { position: relative; }
.slider--stories .owl-carousel .animated {  animation-duration: 2s; }
.slider--stories .slider__slide-bg { background: no-repeat center center; background-size: cover; }
.slider--stories .slider__slide-inner { position: relative; min-height: 670px; padding: 73px 0; }
.slider--stories .slider__slide-inner:before { display: none; content: '';  position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to top, rgba(238, 238, 238, 0) 20%, rgba(255, 255, 255, 0.9) 100%);}
.slider--stories .slider__slide-head { position: absolute; top: 0; left: 0; width: 100%; padding: 22px 72px; text-align: center; z-index: 5; }
.slider--stories .slider__slide-head h5 { font-weight: 700; }
.slider--stories .slider__slide-content { padding: 10px 72px; }
.slider--stories .slider__slide-foot { position: absolute; bottom: 30px; left: 0; width: 100%; padding: 0 65px; text-align: center; font-size: 16px; }
.slider--stories .slider__slide__slides { list-style: none; }
.slider--stories .slider__slide__slide { display: none; }
.slider--stories .slider__slide__slide:first-child,
.slider--stories .bx-viewport .slider__slide__slide { display: block; }
@media(max-width: 1200px){
	.slider--stories { font-size: 16px; line-height: 22px; }
	.slider--stories h2 { margin-bottom: 15px; }
	.slider--stories .slider__slide-inner { min-height: 580px; }
	.slider--stories .slider__slide-content { padding: 10px 0 10px 57px; }
	.slider--stories .slider__slide-foot { bottom: 15px; padding: 0 57px; font-size: 14px; }
}
@media(max-width: 1023px){
	.slider--stories { font-size: 18px; line-height: 23px; }
	.slider--stories h2 { font-size: 32px; }
	.slider--stories .slider__slide-head { padding: 22px 72px; }
	.slider--stories .slider__slide-content { text-align: center; padding: 12px 15px; }
	.slider--stories .slider__slide-inner { min-height: 750px; padding: 42px 0; }
	.slider--stories .slider__slide-inner:before { display: block; }
	.slider--stories .slider__slide-foot { bottom: 35px; padding: 0 15px; }
}
@media(max-width: 767px){
	.slider--stories { font-size: 12px; line-height: 16px; }
	.slider--stories h2 { font-size: 18px; }
	.slider--stories .slider__slide-inner { min-height: 454px; }
	.slider--stories .slider__slide-head { padding: 22px 15px 10px; }
	.slider--stories .bx-controls-direction { display: none; }
	.slider--stories .slider__slide-foot { bottom: 25px; }
}
/* Background Meida Queries */
@media(min-width: 1200px){
	.slider--stories .slider__slide-bg--md { background: none !important; }
}
@media(min-width: 1023px){
	.slider--stories .slider__slide-bg--sm { background: none !important; }
}
@media(min-width: 767px){
	.slider--stories .slider__slide-bg--xs { background: none !important; }
}
/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */
.socials h6 { display: inline-block; vertical-align: middle; padding: 0 5px; margin: 0; color: inherit; font-weight: 400; }
.socials ul { display: inline-block; vertical-align: middle; list-style: none; }
.socials li { display: inline-block; vertical-align: middle; padding: 0 6px; }
.socials a { position: relative; display: block; width: 25px; height: 25px; }
.socials img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: visibility .5s, opacity .5s; }
.socials img + img { visibility: hidden; opacity: 0; }
.socials a:hover img { visibility: hidden; opacity: 0; }
.socials a:hover img + img { visibility: visible; opacity: 1; }
@media(max-width: 1200px){
	.socials li { padding: 0 10px; }
}
@media(max-width: 1023px){
	.socials a:hover img { visibility: visible; opacity: 1; }
	.socials a:hover img + img { visibility: hidden; opacity: 0; }
}
@media(max-width: 767px){
	.socials h6 { display: block; text-align: left; }
}
/* ------------------------------------------------------------ *\
	Subscribe
\* ------------------------------------------------------------ */
.subscribe { position: relative; width: 400px; max-width: 100%; margin: 0 auto; border: 1px solid #5b9ae4; color: #9b9b9b; font-size: 16px; }
.subscribe .subscribe__field { display: block; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; padding: 9px 35px 9px 10px; }
.subscribe .subscribe__btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; position: absolute; top: 0; right: 0; height: 35px; width: 35px; background: transparent; color: #4a90e2; font-weight: 700; font-size: 24px; line-height: 35px; }
.subscribe .subscribe__message { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; z-index: 5; opacity: 0; line-height: 37px; visibility: hidden; transition: opacity .5s, visibility .5s; }
.subscribe .subscribe__message--success { background: #4a90e2; }
.subscribe .subscribe__message--error { background: #d0021b; }
.subscribe .error .subscribe__message--error { visibility: visible; opacity: 1; }
.subscribe .success .subscribe__message--success { visibility: visible; opacity: 1; }
@media(max-width: 1200px){
	.subscribe { font-size: 14px; width: 342px; }
	.subscribe .subscribe__field { padding: 8px 30px 8px 8px; }
	.subscribe .subscribe__btn { height: 32px; width: 32px; line-height: 30px; }
	.subscribe .subscribe__message { line-height: 32px; }
}
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
.table {}
/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }