@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800,900|Open+Sans:300,400,600,700,800");
a, abbr, acronym, address, article, aside, audio, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike tt, summary, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

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

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:after, blockquote:before, q:after, q:before { content: ""; }

table { border-collapse: collapse; border-spacing: 0; }

/*Reset css end */
img { max-width: 100%; vertical-align: middle; }

.container { margin: 0 auto; width: 96%; max-width: 1200px; }

.fl { float: left; }

.fr { float: right; }

.text-right { text-align: right; }

.text-left { text-align: left; }

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

.clear20, .clear40, .clear60, .clear { clear: both; }

.clear20 { height: 20px; }

.clear40 { height: 40px; }

.clear60 { height: 60px; }

.desktop-only { display: block; }

.mobile-only, .tab-mobile-only, .tab-only { display: none; }

ol.list, ul.list { margin-left: 27px; padding-bottom: 14px; font: 1.25rem "Montserrat", sans-serif; }
ol.list li, ul.list li { padding: 5px 0 5px 7px; }
ol.list.bullet, ul.list.bullet { margin-left: 10px; }
ol.list.bullet li, ul.list.bullet li { background: url("../images/bullet.png") no-repeat scroll left center rgba(0, 0, 0, 0); padding: 5px 0 5px 18px; }

ol.disc li, ul.disc li { list-style-type: disc; }

ol.circle li, ul.circle li { list-style-type: circle; }

ol.decimal li, ul.decimal li { list-style-type: decimal; }

/*Global Css End */
:root { font-size: 16px; }
@media (max-height: 600px) { :root { font-size: 14px; } }

a { color: rgba(0, 0, 0, 0.5); text-decoration: none; outline: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

body { line-height: 1; font: 1rem "Open Sans", sans-serif; position: relative; background: #fff; }

*, :after, :before { -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-word-break: keep-all; -o-word-break: keep-all; -moz-word-break: keep-all; -ms-word-break: keep-all; word-break: keep-all; }

h1, h2, h3, h4, h5, h6 { padding-bottom: 0.3125em; font-family: "Open Sans", sans-serif; }

h1 { font-size: 1.875em; }

h2 { font-size: 1.625em; }

h3 { font-size: 1.375em; }

h4 { font-size: 1.125em; }

h5 { font-size: 1em; }

h6 { font-size: 0.875em; }

p { font-size: 0.875em; line-height: 1.5625em; padding-bottom: 0.625em; color: #666666; }

em { font-style: italic; }

strong { font-weight: bold; }

hr { border: 1px solid #ddd; clear: both; margin: 10px 0 30px; height: 0; }

.grid-layout { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }
.grid-layout [class^='grid'] { flex-basis: 100%; }

/* grid for mobile devices resolution starts from 0 to 767px */
@media (max-width: 767px) { .grid-layout .grid-xs-1 { flex-basis: 7.3333333333%; }
  .grid-layout .grid-xs-2 { flex-basis: 15.6666666667%; }
  .grid-layout .grid-xs-3 { flex-basis: 24%; }
  .grid-layout .grid-xs-4 { flex-basis: 32.3333333333%; }
  .grid-layout .grid-xs-5 { flex-basis: 40.6666666667%; }
  .grid-layout .grid-xs-6 { flex-basis: 49%; }
  .grid-layout .grid-xs-7 { flex-basis: 57.3333333333%; }
  .grid-layout .grid-xs-8 { flex-basis: 65.6666666667%; }
  .grid-layout .grid-xs-9 { flex-basis: 74%; }
  .grid-layout .grid-xs-10 { flex-basis: 82.3333333333%; }
  .grid-layout .grid-xs-11 { flex-basis: 90.6666666667%; }
  .grid-layout .grid-xs-12 { flex-basis: 99%; } }
/* grid for tablets min resolution starts from 768px till end */
@media (min-width: 768px) { .grid-layout .grid-md-1 { flex-basis: 7.3333333333%; }
  .grid-layout .grid-md-2 { flex-basis: 15.6666666667%; }
  .grid-layout .grid-md-3 { flex-basis: 24%; }
  .grid-layout .grid-md-4 { flex-basis: 32.3333333333%; }
  .grid-layout .grid-md-5 { flex-basis: 40.6666666667%; }
  .grid-layout .grid-md-6 { flex-basis: 49%; }
  .grid-layout .grid-md-7 { flex-basis: 57.3333333333%; }
  .grid-layout .grid-md-8 { flex-basis: 65.6666666667%; }
  .grid-layout .grid-md-9 { flex-basis: 74%; }
  .grid-layout .grid-md-10 { flex-basis: 82.3333333333%; }
  .grid-layout .grid-md-11 { flex-basis: 90.6666666667%; }
  .grid-layout .grid-md-12 { flex-basis: 99%; } }
/* grid for small screen desktop min resolution starts from 1025px till end */
@media (min-width: 1025px) { .grid-layout .grid-lg-1 { flex-basis: 7.3333333333%; }
  .grid-layout .grid-lg-2 { flex-basis: 15.6666666667%; }
  .grid-layout .grid-lg-3 { flex-basis: 24%; }
  .grid-layout .grid-lg-4 { flex-basis: 32.3333333333%; }
  .grid-layout .grid-lg-5 { flex-basis: 40.6666666667%; }
  .grid-layout .grid-lg-6 { flex-basis: 49%; }
  .grid-layout .grid-lg-7 { flex-basis: 57.3333333333%; }
  .grid-layout .grid-lg-8 { flex-basis: 65.6666666667%; }
  .grid-layout .grid-lg-9 { flex-basis: 74%; }
  .grid-layout .grid-lg-10 { flex-basis: 82.3333333333%; }
  .grid-layout .grid-lg-11 { flex-basis: 90.6666666667%; }
  .grid-layout .grid-lg-12 { flex-basis: 99%; } }
/* grid for mid and big screen desktop min resolution starts from 1367px till end */
@media (min-width: 1367px) { .grid-layout .grid-xl-1 { flex-basis: 7.3333333333%; }
  .grid-layout .grid-xl-2 { flex-basis: 15.6666666667%; }
  .grid-layout .grid-xl-3 { flex-basis: 24%; }
  .grid-layout .grid-xl-4 { flex-basis: 32.3333333333%; }
  .grid-layout .grid-xl-5 { flex-basis: 40.6666666667%; }
  .grid-layout .grid-xl-6 { flex-basis: 49%; }
  .grid-layout .grid-xl-7 { flex-basis: 57.3333333333%; }
  .grid-layout .grid-xl-8 { flex-basis: 65.6666666667%; }
  .grid-layout .grid-xl-9 { flex-basis: 74%; }
  .grid-layout .grid-xl-10 { flex-basis: 82.3333333333%; }
  .grid-layout .grid-xl-11 { flex-basis: 90.6666666667%; }
  .grid-layout .grid-xl-12 { flex-basis: 99%; } }
@media (max-width: 1023px) { .wrapper.menu-opened .toggle-btn span { background-color: transparent; }
  .wrapper.menu-opened .toggle-btn span:before, .wrapper.menu-opened .toggle-btn span:after { top: 0; }
  .wrapper.menu-opened .toggle-btn span:before { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .wrapper.menu-opened .toggle-btn span:after { -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  .wrapper.menu-opened .nav-bg { opacity: 1; visibility: visible; }
  .wrapper.menu-opened .nav { right: 0; } }

.front .header { position: fixed; left: 0; top: 0; }
@media (min-width: 1920px) { .front .header { left: 50%; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }

.header { background-color: rgba(255, 255, 255, 0.8); width: 100%; z-index: 200; position: relative; max-width: 1920px; }
.header::after { clear: both; content: ""; display: table; }
.header *, .header :after, .header :before { -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; }
@media (min-width: 1024px) { .header { position: relative; } }
.header.scrolled { background-color: #fff; }
.header.fixed { box-shadow: 0 0 20px rgba(16, 136, 255, 0.2); position: fixed; left: 0; top: 0; width: 100%; background-color: #fff; }
@media (min-width: 1024px) { .header.fixed .sub-nav { display: none; }
  .header.fixed .nav .main-nav li .menu-dropdown li a { padding: 0.625em 1.25em; }
  .header.fixed .nav .main-nav li.has-dropdown:hover .menu-dropdown { top: 62px; }
  .header.fixed .nav .main-nav li:hover a:before { bottom: 10px; }
  .header.fixed .nav .main-nav li a { padding: 20px 0; }
  .header.fixed .logo { border-radius: 0; width: 100px; padding: 0; height: 50px; top: 50%; text-align: center; box-shadow: none; }
  .header.fixed .logo img { max-height: 100%; } }
@media (max-width: 1023px) { .header .container { /*Session error message end */ }
  .header .container:after { clear: both; content: ""; display: block; } }
@media (max-width: 1023px) { .header .logo { max-width: 4.375em; padding: 0.3125em; } }
@media (min-width: 1024px) { .header .logo { position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 5; top: 72%; padding: 1.25em; background-color: #fff; border-radius: 50%; box-shadow: 0 0 1.25em #e4e4e4; } }
.header .toggle-btn { height: 40px; width: 40px; border-radius: 50%; position: relative; cursor: pointer; position: absolute; right: 2%; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
@media (min-width: 1024px) { .header .toggle-btn { display: none; } }
.header .toggle-btn span { width: 60%; background-color: #000; display: block; height: 1px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.header .toggle-btn span:before, .header .toggle-btn span:after { position: absolute; left: 0; top: 0; content: ""; background-color: #000; height: 1px; width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045); -moz-transition: all 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045); transition: all 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045); transform-origin: center center; }
.header .toggle-btn span:before { top: -0.5em; }
.header .toggle-btn span:after { top: 0.5em; }
@media (max-width: 1023px) { .header .nav-bg { position: fixed; left: 0; top: 0; background-color: rgba(16, 136, 255, 0.8); height: 100%; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } }
@media (min-width: 1024px) { .header .nav-bg { display: none; } }
@media (max-width: 1023px) { .header .nav { position: fixed; right: -100%; top: 0; width: 80%; height: 100%; overflow-y: auto; z-index: 20; max-width: 360px; background: #fff; -webkit-transition: all 0.5s cubic-bezier(1, 0, 0, 1); -moz-transition: all 0.5s cubic-bezier(1, 0, 0, 1); transition: all 0.5s cubic-bezier(1, 0, 0, 1); } }
@media (max-width: 1023px) { .header .nav.dropdown-open .menu-dropdown { right: 0; } }
.header .nav .sub-nav { text-transform: uppercase; }
@media (max-width: 1023px) { .header .nav .sub-nav { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; } }
@media (min-width: 1024px) { .header .nav .sub-nav { background-color: #1088ff; color: #fff; } }
@media (min-width: 1024px) { .header .nav .sub-nav .container { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: space-between; } }
.header .nav .sub-nav .social-media li { margin: 0 0.3125em; }
.header .nav .sub-nav .social-media li:last-child { margin-right: 0; }
.header .nav .sub-nav .social-media li a { height: 35px; width: 35px; padding: 0.625em; border-radius: 50%; }
@media (max-width: 1023px) { .header .nav .sub-nav .social-media li a { background-color: #1088ff; color: #fff; } }
@media (min-width: 1024px) { .header .nav .sub-nav .social-media li a { background-color: #fff; color: #1088ff; } }
@media (min-width: 1024px) { .header .nav .main-nav ul { display: -webkit-flex; display: -ms-flex; display: flex; height: 100%; align-items: center; justify-content: space-around; } }
@media (min-width: 1024px) { .header .nav .main-nav li { padding: 0 0.625em; width: 20%; text-align: center; }
  .header .nav .main-nav li:last-child { padding-right: 0; }
  .header .nav .main-nav li:first-child { padding-left: 0; }
  .header .nav .main-nav li:nth-child(1), .header .nav .main-nav li:nth-child(2), .header .nav .main-nav li:nth-child(3) { text-align: left; }
  .header .nav .main-nav li:nth-child(4), .header .nav .main-nav li:nth-child(5), .header .nav .main-nav li:nth-child(6) { text-align: right; }
  .header .nav .main-nav li:nth-child(3) { margin-right: 80px; }
  .header .nav .main-nav li:nth-child(4) { margin-left: 80px; } }
@media (max-width: 1023px) { .header .nav .main-nav li { border-bottom: 1px solid #eee; text-align: left; } }
.header .nav .main-nav li.has-dropdown { position: relative; }
@media (min-width: 1024px) { .header .nav .main-nav li.has-dropdown:hover .menu-dropdown { top: 92px; opacity: 1; visibility: visible; } }
@media (max-width: 1023px) { .header .nav .main-nav li.has-dropdown.active .menu-dropdown { z-index: 10; } }
@media (max-width: 1023px) { .header .nav .main-nav li.has-dropdown:after { content: "+"; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.5em; font-weight: 600; } }
@media (max-width: 1023px) { .header .nav .main-nav li:last-child { border: none; } }
@media (min-width: 1024px) { .header .nav .main-nav li:hover a:before { bottom: 30px; opacity: 1; } }
.header .nav .main-nav li a { font-weight: 600; font-size: 1em; display: block; text-transform: uppercase; color: #000; }
@media (max-width: 1023px) { .header .nav .main-nav li a { padding: 0.9375em 0.9375em; font-size: 1.125em; } }
@media (min-width: 1024px) { .header .nav .main-nav li a { display: inline-block; position: relative; padding: 2.1875em 0; } }
.header .nav .main-nav li a:before { position: absolute; left: 0; bottom: -10px; content: ""; height: 2px; background-color: #1088ff; width: 100%; opacity: 0; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; }
.header .nav .menu-dropdown { -webkit-transition: all 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035); -moz-transition: all 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035); transition: all 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035); }
@media (max-width: 1023px) { .header .nav .menu-dropdown { position: fixed; right: -100%; top: 0; width: 80%; background-color: #fff; height: 100%; } }
@media (min-width: 1024px) { .header .nav .menu-dropdown { position: absolute; left: 50%; top: 8.125em; opacity: 0; visibility: hidden; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; } }
@media (min-width: 1024px) { .header .nav .menu-dropdown ul { display: block; border-top: 3px solid #1088ff; } }
.header .nav .menu-dropdown li { display: block; float: none; width: 100%; margin: 0; padding: 0; }
.header .nav .menu-dropdown li:last-child { border: none; }
.header .nav .menu-dropdown li a { padding: 0.625em 0.9375em; display: block; }
.header .nav .menu-dropdown li a:before { display: none; }

/* Navigation css */
.nav li a { text-transform: uppercase; font-size: 0.875em; display: block; }

/* Footer css */
.footer { background-color: #414141; color: #fff; text-align: center; padding: 0.625em 0; }
@media (min-width: 768px) { .footer .container { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; } }
.footer .footer-nav { text-align: center; }
.footer .footer-nav li { padding: 0 0.625em; display: inline-block; line-height: 10px; }
.footer .footer-nav li:first-child { border-right: 1px solid #fff; }
.footer .footer-nav li a { font-size: 0.875em; font-weight: 300; color: #fff; }
.footer .copywrite { font-size: 0.875em; font-weight: 300; }
@media (max-width: 767px) { .footer .copywrite { padding-bottom: 0.625em; } }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }
.loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100003; background: url("../images/loader.png") no-repeat center center/40px 40px; background-color: #1088ff; }
.loader div { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: white; -webkit-animation: spin 2s linear infinite; -o-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; -ms-animation: spin 2s linear infinite; animation: spin 2s linear infinite; z-index: 1001; }
.loader div:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #baddff; -webkit-animation: spin 2s linear infinite; -o-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; -ms-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
.loader div:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #76bbff; -webkit-animation: spin 1s linear infinite; -o-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; -ms-animation: spin 1s linear infinite; animation: spin 1s linear infinite; }

.social-media { padding: 1.25em 0; }
.social-media h3 { text-transform: uppercase; font-size: 0.875em; color: #676154; font-weight: 500; }
.social-media ul::after { clear: both; content: ""; display: table; }
.social-media li { display: inline-block; vertical-align: middle; }
.social-media li a { display: block; height: 25px; width: 25px; position: relative; font-size: 1.25em; border-radius: 50%; color: #1088ff; }
.social-media li a .fa { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/*form tag */
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select, textarea { width: 100%; padding: 0.625em; border: 1px solid #1088ff; margin: 0; outline: none; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; font-size: 1em; -webkit-box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border-radius: 5px; color: #505050; font-weight: 400; }
input[type="color"]:active, input[type="color"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="datetime"]:active, input[type="datetime"]:focus, input[type="datetime-local"]:active, input[type="datetime-local"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="text"]:active, input[type="text"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="week"]:active, input[type="week"]:focus, input:not([type]):active, input:not([type]):focus, textarea:active, textarea:focus, select:active, select:focus, textarea:active, textarea:focus { outline: none; }

select { background: none; padding: 0.5625em 0.625em; cursor: pointer; }

textarea { height: 200px; max-width: 100%; height: 120px; }

input[type="checkbox"], input[type="radio"] { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }

/*Form Tag end */
/*Common Buttons */
a.box-btn, button.box-btn, input[type="button"].box-btn, input[type="reset"].box-btn, input[type="submit"].box-btn { background-color: transparent; border: none; padding: 0; cursor: pointer; -webkit-box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; display: inline-block; margin-right: 0.625em; cursor: pointer; padding: 0.875em 1.25em; background-color: #1088ff; color: #fff; letter-spacing: 2px; vertical-align: middle; text-decoration: none; text-align: center; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; font-size: 0.875em; text-transform: uppercase; border-radius: 3.125em; font-weight: 600; }
a.box-btn.active, a.box-btn:hover, button.box-btn.active, button.box-btn:hover, input[type="button"].box-btn.active, input[type="button"].box-btn:hover, input[type="reset"].box-btn.active, input[type="reset"].box-btn:hover, input[type="submit"].box-btn.active, input[type="submit"].box-btn:hover { background-color: #007bf6; }
a.box-btn:last-child, button.box-btn:last-child, input[type="button"].box-btn:last-child, input[type="reset"].box-btn:last-child, input[type="submit"].box-btn:last-child { margin: 0; }
a.full-btn, button.full-btn, input[type="button"].full-btn, input[type="reset"].full-btn, input[type="submit"].full-btn { display: block; width: 100%; margin: 0; }
a.btn-success, button.btn-success, input[type="button"].btn-success, input[type="reset"].btn-success, input[type="submit"].btn-success { background-color: #4caf50; }
a.btn-danger, button.btn-danger, input[type="button"].btn-danger, input[type="reset"].btn-danger, input[type="submit"].btn-danger { background-color: #F44336; }
a.btn-alert, button.btn-alert, input[type="button"].btn-alert, input[type="reset"].btn-alert, input[type="submit"].btn-alert { background-color: #d6c105; }
a.md, button.md, input[type="button"].md, input[type="reset"].md, input[type="submit"].md { font-size: 0.875em; }
a.sm, button.sm, input[type="button"].sm, input[type="reset"].sm, input[type="submit"].sm { font-size: 0.75em; }
a.rounded, button.rounded, input[type="button"].rounded, input[type="reset"].rounded, input[type="submit"].rounded { border-radius: 3.125em; }
a.secondary-btn, button.secondary-btn, input[type="button"].secondary-btn, input[type="reset"].secondary-btn, input[type="submit"].secondary-btn { background-color: #90c7ff; color: #004890; }
a.secondary-btn.active, a.secondary-btn:hover, button.secondary-btn.active, button.secondary-btn:hover, input[type="button"].secondary-btn.active, input[type="button"].secondary-btn:hover, input[type="reset"].secondary-btn.active, input[type="reset"].secondary-btn:hover, input[type="submit"].secondary-btn.active, input[type="submit"].secondary-btn:hover { background-color: #43a1ff; }
a:active, a:focus, button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { outline: none; }

/*hack for mozzila */
@-moz-document url-prefix() { a.box-btn { padding-top: 0.9375em; padding-bottom: 0.9375em; } }
/*hack for mozzila end */
.input-type-select { overflow: hidden; position: relative; }
.input-type-select:before, .input-type-select:after { content: ""; pointer-events: none; z-index: 200; }
.input-type-select:before { content: ""; position: absolute; right: 0; top: 0; background-color: #fff; width: 2.5em; height: 100%; border: 1px solid #1088ff; border-left: none; border-radius: 0 0.3125em 0.3125em 0; }
.input-type-select:after { height: 0; width: 0; border-left: 0.375em solid transparent; border-right: 0.375em solid transparent; border-top: 0.375em solid #003b76; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0.875em; }

span.has-error, span.error, label.has-error, label.error { color: #f00; display: inline-block; margin-left: 4px; }

.checkbox input[type="checkbox"] { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; }
.checkbox input[type="checkbox"]:checked + label:before { background-color: #1088ff; }
.checkbox input[type="checkbox"]:checked + label:after { display: block; }
.checkbox label { display: inline-block; position: relative; font-size: 1.125em; padding-left: 1.25em; cursor: pointer; }
.checkbox label:before { border-radius: 3px; margin-right: 0.3125em; vertical-align: middle; border: 1px solid #1088ff; left: 0; }
.checkbox label:before, .checkbox label:after { content: ""; display: inline-block; height: 0.9375em; width: 0.9375em; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.checkbox label:after { font-family: "FontAwesome"; content: ""; color: #fff; left: 0.25em; font-size: 0.625em; display: none; }

.radio input[type="radio"] { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; }
.radio input[type="radio"]:checked + label:after { background-color: #1088ff; display: block; }
.radio label { display: inline-block; position: relative; font-size: 1.125em; padding-left: 1.25em; cursor: pointer; }
.radio label:before { border-radius: 3px; margin-right: 0.3125em; vertical-align: middle; border: 1px solid #1088ff; left: 0; height: 0.9375em; width: 0.9375em; }
.radio label:before, .radio label:after { content: ""; display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; }
.radio label:after { left: 0.25em; font-size: 0.625em; display: none; height: 1em; width: 1em; }

.form-layout .form-field { padding-bottom: 1.25em; }
.form-layout .form-field > label { padding-bottom: 0.3125em; display: block; }

.form-layout.animated { position: relative; }
.form-layout.animated .form-field { position: relative; padding-bottom: 1.875em; }
.form-layout.animated .form-field.static > label { position: static; pointer-events: all; }
.form-layout.animated .form-field.static input[type="color"], .form-layout.animated .form-field.static input[type="date"], .form-layout.animated .form-field.static input[type="datetime"], .form-layout.animated .form-field.static input[type="datetime-local"], .form-layout.animated .form-field.static input[type="email"], .form-layout.animated .form-field.static input[type="month"], .form-layout.animated .form-field.static input[type="number"], .form-layout.animated .form-field.static input[type="password"], .form-layout.animated .form-field.static input[type="search"], .form-layout.animated .form-field.static input[type="tel"], .form-layout.animated .form-field.static input[type="text"], .form-layout.animated .form-field.static input[type="time"], .form-layout.animated .form-field.static input[type="url"], .form-layout.animated .form-field.static input[type="week"], .form-layout.animated .form-field.static input:not([type]), .form-layout.animated .form-field.static textarea, .form-layout.animated .form-field.static select, .form-layout.animated .form-field.static textarea { padding: 0.625em 0; }
.form-layout.animated .form-field.error > label { color: #a90000; }
.form-layout.animated .form-field.error input[type="color"], .form-layout.animated .form-field.error input[type="date"], .form-layout.animated .form-field.error input[type="datetime"], .form-layout.animated .form-field.error input[type="datetime-local"], .form-layout.animated .form-field.error input[type="email"], .form-layout.animated .form-field.error input[type="month"], .form-layout.animated .form-field.error input[type="number"], .form-layout.animated .form-field.error input[type="password"], .form-layout.animated .form-field.error input[type="search"], .form-layout.animated .form-field.error input[type="tel"], .form-layout.animated .form-field.error input[type="text"], .form-layout.animated .form-field.error input[type="time"], .form-layout.animated .form-field.error input[type="url"], .form-layout.animated .form-field.error input[type="week"], .form-layout.animated .form-field.error input:not([type]), .form-layout.animated .form-field.error textarea, .form-layout.animated .form-field.error select, .form-layout.animated .form-field.error textarea { border-color: #a90000; background-color: #fdeded; color: #a90000; }
.form-layout.animated .form-field input[type="color"], .form-layout.animated .form-field input[type="date"], .form-layout.animated .form-field input[type="datetime"], .form-layout.animated .form-field input[type="datetime-local"], .form-layout.animated .form-field input[type="email"], .form-layout.animated .form-field input[type="month"], .form-layout.animated .form-field input[type="number"], .form-layout.animated .form-field input[type="password"], .form-layout.animated .form-field input[type="search"], .form-layout.animated .form-field input[type="tel"], .form-layout.animated .form-field input[type="text"], .form-layout.animated .form-field input[type="time"], .form-layout.animated .form-field input[type="url"], .form-layout.animated .form-field input[type="week"], .form-layout.animated .form-field input:not([type]), .form-layout.animated .form-field textarea, .form-layout.animated .form-field select, .form-layout.animated .form-field textarea { padding: 1.5625em 1.25em 0.9375em; }
.form-layout.animated .form-field .error, .form-layout.animated .form-field .invalid_error { font-size: 11px; color: #f00; padding: 5px 0; }
.form-layout.animated .form-field > label { width: 94%; pointer-events: none; position: absolute; -webkit-transform-origin: left top; -o-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; left: 1.25em; top: 1.25em; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; z-index: 2; background-color: #fff; font-size: 1.125em; color: #ababab; }
.form-layout.animated .form-field.focused > label { top: 1px; padding-top: 0.3125em; -webkit-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

.breadcrumbs { padding: 0.625em; background: #fff; margin-bottom: 1.5em }
.breadcrumbs ul { /*Session error message end */ }
.breadcrumbs ul:after { clear: both; content: ""; display: block; }
.breadcrumbs li { float: left; font-weight: 400; vertical-align: middle; font-size: 0.875em; position: relative; padding-right: 0.625em; margin-right: 0.625em; color: #444; }
.breadcrumbs li:before { content: ":"; position: absolute; right: 0; top: 50%; color: #444; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.breadcrumbs li:last-child:before { display: none; }
.breadcrumbs li a { font-weight: 400; letter-spacing: 1px; color: #1088ff; }

/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before { display: table; content: ""; }
.slick-track:after { display: table; content: ""; clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide:focus { outline: none; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-arrow { position: absolute; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 50px; height: 50px; text-indent: -999px; background-color: transparent; border: none; overflow: hidden; cursor: pointer; }
@media (max-width: 767px) { .slick-arrow { top: 40%; } }
@media (min-width: 768px) { .slick-arrow { top: 40%; } }
.slick-arrow:before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 30px; width: 30px; border: 5px solid #000; -webkit-transform: rotate(45deg) translate(-50%, -50%); -o-transform: rotate(45deg) translate(-50%, -50%); -moz-transform: rotate(45deg) translate(-50%, -50%); -ms-transform: rotate(45deg) translate(-50%, -50%); transform: rotate(45deg) translate(-50%, -50%); transform-origin: center center; }
.slick-arrow.slick-prev { left: 0; }
.slick-arrow.slick-prev:before { background-position: -77px -144px; border-top-color: transparent; border-right-color: transparent; -webkit-transform: rotate(45deg) translate(-70%, -10%); -o-transform: rotate(45deg) translate(-70%, -10%); -moz-transform: rotate(45deg) translate(-70%, -10%); -ms-transform: rotate(45deg) translate(-70%, -10%); transform: rotate(45deg) translate(-70%, -10%); }
.slick-arrow.slick-prev.slick-disabled { display: none !important; }
.slick-arrow.slick-next { right: 0; }
.slick-arrow.slick-next:before { -webkit-transform: rotate(45deg) translate(-70%, -10%); -o-transform: rotate(45deg) translate(-70%, -10%); -moz-transform: rotate(45deg) translate(-70%, -10%); -ms-transform: rotate(45deg) translate(-70%, -10%); transform: rotate(45deg) translate(-70%, -10%); border-bottom-color: transparent; border-left-color: transparent; background-position: -88px -144px; }
.slick-arrow.slick-next.slick-disabled { display: none !important; }

.slick-dots { text-align: center; }
@media (min-width: 1025px) { .slick-dots { padding-top: 15px; } }
.slick-dots li { display: inline-block; padding: 0 5px; }
.slick-dots li.slick-active button { background-color: #1088ff; border-color: transparent; }
.slick-dots li button { display: block; overflow: hidden; height: 15px; width: 15px; border: none; border-radius: 50%; text-indent: -99px; background-color: #fff; box-shadow: 0 0 10px rgba(16, 136, 255, 0.5); }

.content-area { padding: 2.5em 0; background-color: #F9F7FA; }
.content-area h1 { font-size: 2.5em; font-weight: 400; }

.page { padding: 2.5em 0; text-align: center; }
.page header { padding-bottom: 2.5em; }
.page header h2 { color: #414141; font-size: 2.25em; font-weight: 400; padding-bottom: 0.125em; text-transform: uppercase; }
.page header p { font-size: 1em; font-weight: 300; }
.page main { padding: 0.625em 0; }
.page.about-sidmas main { max-width: 800px; margin: auto; }
.page.sidmas-in-news { background-color: #1088ff; }
.page.sidmas-in-news h2, .page.sidmas-in-news p, .page.sidmas-in-news li, .page.sidmas-in-news a { color: #fff; }

.banner .container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; z-index: 2; }
.banner.inside .slide.slide-1 { background: none; height: auto;}
.banner .slide { background: none no-repeat center center/cover; position: relative; }
.banner img { width: 100%}
@media (max-width: 767px) { .banner .slide { height: 320px; } }
@media (min-width: 768px) and (max-width: 1023px) { .banner .slide { height: 450px; } }
@media (min-width: 1024px) { .banner .slide { height: 450px; } }
.banner .slide.slide-1 { background-image: url("../images/banner/1.jpg"); }
.banner .slide.slide-2 { background-image: url("../images/banner/2.jpg"); }
.banner .slide.slide-3 { background-image: url("../images/banner/3.jpg"); }
/*.banner .slide.slide-4 { background-image: url("../images/banner/4.jpg"); }*/
.banner .slick-dots { position: absolute; right: 10px; bottom: 10px; padding: 0.625em; background-color: #444; border-radius: 50px; }
.banner .slick-dots li { padding: 0; text-align: center; float: left; margin: 0 0.125em; display: block; }
.banner .slick-dots li button { border: none; display: block; background-color: #fff; }
.banner .slick-dots li.slick-active button { background-color: #1088ff; }
@media (min-width: 768px) and (max-width: 1023px) { .banner figcaption { max-width: 320px; } }
@media (min-width: 1024px) { .banner figcaption { max-width: 480px; } }
.banner figcaption h2, .banner figcaption p { color: #fff; }
.banner figcaption h2 { font-size: 2.25em; text-transform: uppercase; font-weight: 300; }
.banner figcaption p { font-size: 1em; line-height: 1.5em; font-weight: 300; padding-bottom: 0.625em; }
@media (min-width: 1024px) { .banner figcaption p { max-width: 70%; } }
.banner figcaption .cta { padding: 1.25em 0 0; }

.about-sidmas .skills { padding: 1.25em 0; }
@media (min-width: 768px) { .about-sidmas .skills { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: space-around; } }
.about-sidmas .skills .skill { margin-bottom: 0.9375em; }
.about-sidmas .skills .skill h3 { display: block; width: 100%; text-transform: uppercase; color: #9d9d9d; padding: 0.3125em 0; font-weight: 600; font-size: 1em; }
.about-sidmas .skills .skill .is { display: inline-block; height: 10.625em; width: 10.625em; background-color: #fff; border: 0.125em solid #cfcfcf; border-radius: 50%; position: relative; }
.about-sidmas .skills .skill .is:before { background: url("../images/is.png") no-repeat 0 0; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; }
.about-sidmas .skills .skill:hover h3 { color: #1088ff; }
.about-sidmas .skills .skill:hover .is { border-color: #1088ff; }
.about-sidmas .skills .skill:hover.company .is:before { background-position: -12px -99px; }
.about-sidmas .skills .skill:hover.structure .is:before { background-position: -100px -99px; }
.about-sidmas .skills .skill:hover.r-d .is:before { background-position: -192px -99px; }
.about-sidmas .skills .skill.company .is:before { background-position: -12px -11px; width: 65px; height: 65px; }
.about-sidmas .skills .skill.structure .is:before { background-position: -100px -11px; width: 62px; height: 63px; }
.about-sidmas .skills .skill.r-d .is:before { background-position: -192px -11px; width: 54px; height: 65px; }

.sidmas-in-news .container { max-width: 800px; }

.news-list { text-align: left; }
.news-list ul { margin-left: 1.875em; }
.news-list ul li { list-style-type: disc; padding-bottom: 1.25em; }
.news-list ul li .heading { padding-bottom: 0.625em; }
.news-list a span { display: block; }
.news-list a .heading { font-weight: 300; font-size: 1em; }
.news-list a .date { font-weight: 600; font-size: 0.875em; }

.product-list .slide { padding: 0 20px; }
.product-list .slide .heading { color: #414141; padding: 0.625em 0; display: block; }

@media (min-width: 768px) { .inner-page .main-content { display: -webkit-flex; display: -ms-flex; display: flex; } }

.main-content .toggle-btn.filter { position: fixed; right: 10px; bottom: 10px; background-color: #1088ff; box-shadow: 0 0 10px rgba(16, 136, 255, 0.5); height: 3.125em; width: 3.125em; border-radius: 50%; }
.main-content .toggle-btn.filter .fa { font-size: 1.25em; color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media (max-width: 767px) { .main-content.aside-open > aside { top: 0; } }
@media (max-width: 767px) { .main-content > aside { margin-bottom: 1.25em; position: fixed; left: 0; top: 150%; width: 100%; height: 100%; overflow: auto; z-index: 500; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } }
@media (min-width: 768px) and (max-width: 1023px) { .main-content > aside { flex-basis: 30%; } }
@media (min-width: 1024px) { .main-content > aside { flex-basis: 20%; } }
@media (min-width: 768px) { .main-content > aside > header { display: none; } }
@media (max-width: 767px) { .main-content > aside > header { display: block; text-align: center; position: relative; font-size: 1.25em; background-color: #fff; padding: 0.625em 0; text-transform: uppercase; font-weight: 300; letter-spacing: 1px; position: absolute; left: 0; top: 0; width: 100%; } }
.main-content > aside dl { box-shadow: 0 0 0.625em #e4e4e4; margin-bottom: 15px; border-radius: 5px; overflow: hidden;}
.main-content > aside dl dt { padding: 0.625em 0.9375em; font-size: 1em; font-weight: 600; background-color: #1088ff; color: #fff; }
.main-content > aside dl dt a { color: #fff; }
.main-content > aside dl dd { padding: 0.9375em 1.25em; background-color: #fff; }
.main-content > aside dl dd ul { margin-left: 0.625em; }
.main-content > aside dl dd li { list-style-type: disc; font-size: 0.875em; color: #1a1a1a; padding-bottom: 0.625em; }
.main-content > aside dl dd li a { color: #1088ff}
.main-content > aside dl dd li:last-child { padding: 0; }
@media (min-width: 768px) { .main-content > article { padding-left: 2.5em; } }
@media (min-width: 768px) and (max-width: 1023px) { .main-content > article { flex-basis: 70%; } }
@media (min-width: 1024px) { .main-content > article { flex-basis: 80%; } }
.main-content > article dl {  padding:20px 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; border-bottom: 1px dashed #cccccc; }
.main-content > article dl:hover { background: #fff; }
.main-content > article dl:last-child {  border: none; }
.main-content > article dl dt h3 { text-transform: uppercase; font-size: 1.1em; font-weight: 600; }
.main-content > article dl dt h3 a { color: #1a1a1a; }
.main-content > article dl:hover a { color: #1088ff  }
.main-content > article dl dd p { line-height: 1.25em; font-size: .9em; padding-bottom: 0.625em; color: #666666; }