.button, a, button { text-decoration: none; -moz-transition: all .2s cubic-bezier(0, 0, .58, 1); -o-transition: all .2s cubic-bezier(0, 0, .58, 1); -ms-transition: all .2s cubic-bezier(0, 0, .58, 1); cursor: pointer }
.fixed-header, body { background-color: #fff }
h1, h2, h3, h4, h5, h6, p { margin-bottom: 1.3em }
section, ul { padding: 0 }
.clr:after, address, article, aside, blockqoute, body, button, dd, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, iframe, input, label, legend, li, main, nav, ol, p, pre, section, select, textarea, ul { display: block }
.font-tretched, .section-title-top { letter-spacing: 1px }
.alt-3-features-button, .button, .button-line, .fullwidth-slider .feature-bottom-text, .fullwidth-slider .feature-header h1, .local-scroll, .skill-bar .name, .small-title, .uppercase { text-transform: uppercase }
.button, .icon:hover, .local-scroll, a, button { cursor: pointer }
.italic, .widget-comments li a { font-style: italic }
.breadcrumbs, .button, a, button { text-decoration: none }
.fixed-header { position: fixed; top: 0!important; left: 0!important; width: 100%!important; box-shadow: 0 0 5px #555 }
@font-face { font-family: Raleway; font-style: normal; font-weight: 300; src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v11/ZKwULyCG95tk6mOqHQfRBCEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: Raleway; font-style: normal; font-weight: 300; src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v11/-_Ctzj9b56b8RgXW8FArifk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face { font-family: Raleway; font-style: normal; font-weight: 400; src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/yQiAaD56cjx1AooMTSghGfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: Raleway; font-style: normal; font-weight: 400; src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face { font-family: Raleway; font-style: normal; font-weight: 500; src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v11/Li18TEFObx_yGdzKDoI_ciEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: Raleway; font-style: normal; font-weight: 500; src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v11/CcKI4k9un7TZVWzRVT-T8_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face { font-family: Raleway; font-style: normal; font-weight: 600; src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v11/STBOO2waD2LpX45SXYjQBSEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: Raleway; font-style: normal; font-weight: 600; src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v11/xkvoNo9fC8O2RDydKj12b_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face { font-family: Raleway; font-style: normal; font-weight: 700; src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/WmVKXVcOuffP_qmCpFuyzSEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: Raleway; font-style: normal; font-weight: 700; src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face { font-family: Raleway; font-style: normal; font-weight: 800; src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(https://fonts.gstatic.com/s/raleway/v11/QoPu455RxV2raYSIFXAMBSEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: Raleway; font-style: normal; font-weight: 800; src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(https://fonts.gstatic.com/s/raleway/v11/1ImRNPx4870-D9a1EBUdPPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face { font-family: Raleway; font-style: italic; font-weight: 300; src: local('Raleway Light Italic'), local('Raleway-LightItalic'), url(https://fonts.gstatic.com/s/raleway/v11/TVSB8ogXDKMcnAAJ5CqrUj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: Raleway; font-style: italic; font-weight: 300; src: local('Raleway Light Italic'), local('Raleway-LightItalic'), url(https://fonts.gstatic.com/s/raleway/v11/TVSB8ogXDKMcnAAJ5CqrUugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face { font-family: Raleway; font-style: italic; font-weight: 400; src: local('Raleway Italic'), local('Raleway-Italic'), url(https://fonts.gstatic.com/s/raleway/v11/7dO2Hj7qB8nRVFK0svQqRhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: Raleway; font-style: italic; font-weight: 400; src: local('Raleway Italic'), local('Raleway-Italic'), url(https://fonts.gstatic.com/s/raleway/v11/IIm-lPOtfVKQy0GMiczF_1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face { font-family: Raleway; font-style: italic; font-weight: 500; src: local('Raleway Medium Italic'), local('Raleway-MediumItalic'), url(https://fonts.gstatic.com/s/raleway/v11/S7vGLZZ40c85SJgiptJGVz0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: Raleway; font-style: italic; font-weight: 500; src: local('Raleway Medium Italic'), local('Raleway-MediumItalic'), url(https://fonts.gstatic.com/s/raleway/v11/S7vGLZZ40c85SJgiptJGV-gdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face { font-family: Raleway; font-style: italic; font-weight: 600; src: local('Raleway SemiBold Italic'), local('Raleway-SemiBoldItalic'), url(https://fonts.gstatic.com/s/raleway/v11/OY22yoG8EJ3IN_muVWm29D0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: Raleway; font-style: italic; font-weight: 600; src: local('Raleway SemiBold Italic'), local('Raleway-SemiBoldItalic'), url(https://fonts.gstatic.com/s/raleway/v11/OY22yoG8EJ3IN_muVWm29Ogdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face { font-family: Raleway; font-style: italic; font-weight: 700; src: local('Raleway Bold Italic'), local('Raleway-BoldItalic'), url(https://fonts.gstatic.com/s/raleway/v11/lFxvRPuGFG5ktd7P0WRwKj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: Raleway; font-style: italic; font-weight: 700; src: local('Raleway Bold Italic'), local('Raleway-BoldItalic'), url(https://fonts.gstatic.com/s/raleway/v11/lFxvRPuGFG5ktd7P0WRwKugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face { font-family: Lato; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: Lato; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face { font-family: Lato; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2'); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: Lato; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face { font-family: Lato; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: Lato; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face { font-family: Lato; font-style: italic; font-weight: 300; src: local('Lato Light Italic'), local('Lato-LightItalic'), url(https://fonts.gstatic.com/s/lato/v11/XNVd6tsqi9wmKNvnh5HNEBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: Lato; font-style: italic; font-weight: 300; src: local('Lato Light Italic'), local('Lato-LightItalic'), url(https://fonts.gstatic.com/s/lato/v11/2HG_tEPiQ4Z6795cGfdivFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face { font-family: Lato; font-style: italic; font-weight: 400; src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/YMOYVM-eg6Qs9YzV9OSqZfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: Lato; font-style: italic; font-weight: 400; src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/PLygLKRVCQnA5fhu3qk5fQ.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face { font-family: Lato; font-style: italic; font-weight: 700; src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v11/AcvTq8Q0lyKKNxRlL28RnxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: Lato; font-style: italic; font-weight: 700; src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYEFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face { font-family: 'Kaushan Script'; font-style: normal; font-weight: 400; src: local('Kaushan Script'), local('KaushanScript-Regular'), url(https://fonts.gstatic.com/s/kaushanscript/v5/qx1LSqts-NtiKcLw4N03IO87R-l0-Xx_7cYc0ZX1ifE.woff2) format('woff2'); unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face { font-family: 'Kaushan Script'; font-style: normal; font-weight: 400; src: local('Kaushan Script'), local('KaushanScript-Regular'), url(https://fonts.gstatic.com/s/kaushanscript/v5/qx1LSqts-NtiKcLw4N03IEd0sm1ffa_JvZxsF_BEwQk.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
a, button { -webkit-transition: all .2s cubic-bezier(0, 0, .58, 1); transition: all .2s cubic-bezier(0, 0, .58, 1) }
.button-line:before, .sticky-header-container { -webkit-transition: .27s cubic-bezier(0, 0, .58, 1); -moz-transition: .27s cubic-bezier(0, 0, .58, 1); -o-transition: .27s cubic-bezier(0, 0, .58, 1); -ms-transition: .27s cubic-bezier(0, 0, .58, 1); left: 0 }
a, body { color: #7a7a7a }
body { font-size: 14px; font-family: Lato; line-height: 24px; font-weight: 400 }
img { max-width: 100%; height: auto }
section { margin: 0 }
h1, h2, h3, h4, h5, h6 { line-height: 1.4; font-weight: 400 }
h1 { font-size: 32px }
h2 { font-size: 28px }
h6 { font-weight: 700 }
textarea { overflow: hidden }
button { color: #fff }
.clr:after { content: "."; height: 0; clear: both; visibility: hidden; font-size: 0 }
.color-theme { color: #2EBBEC!important }
.color-white { color: #fff!important }
.uppercase { font-weight: 600 }
.align-center { text-align: center!important }
.align-left { text-align: left!important }
.align-right { text-align: right!important }
.left { float: left!important }
.right { float: right!important }
.relative { position: relative; z-index: 2 }
.hidden { display: none }
.inline-block { display: inline-block }
.italic { color: #9b9b9b }
.font-alt { font-family: Raleway; font-weight: 500 }
.feature-top-text, .font-alt-2, .section-title-top { font-family: Kaushan Script }
.font-small { font-size: 1.1em; line-height: 1.42857143 }
.font-big { font-size: 2em; line-height: 1.2 }
.font-huge { font-size: 5.714em; line-height: 1.1 }
.font-white { color: #fff!important }
.opacity-0 { opacity: 0 }
.opacity-10:before { opacity: .1 }
.opacity-20:before { opacity: .2 }
.opacity-30:before { opacity: .3 }
.opacity-40:before { opacity: .4 }
.opacity-50:before { opacity: .5 }
.opacity-60:before { opacity: .6 }
.opacity-70:before { opacity: .7 }
.opacity-80:before { opacity: .8 }
.opacity-90:before { opacity: .9 }
.opacity-100 { opacity: 1 }
.section-text { font-size: .8571428em; line-height: 1.666666667 }
.section-title, .section-title-small { margin-bottom: 15px; padding-bottom: 15px; font-weight: 700; line-height: 1.3; z-index: 4; position: relative }
.section-title { font-size: 30px; text-align: center; color: #2CB8EA }
.section-title-small { margin-top: 0; font-size: 24px; color: #303233 }
.breadcrumbs .section-title { margin: 0; padding: 0; font-size: 54px; line-height: 1.1; text-align: inherit }
.featured_separated { width: 100%; display: block; text-align: inherit; line-height: 0; font-size: 0; padding-top: 10px }
.featured_separated span { display: inline-block; width: 36px; height: 1px; background: #303233 }
.fullwidth-slider.on-dark .section-title { color: #fff }
.small-title { padding: 0; margin-bottom: 40px; font-size: 40px; font-weight: 600; text-align: center; color: #303233 }
.section-title-top { font-size: 14px; color: #303233; margin-bottom: 3px }
.breadcrumbs .section-title-top { font-size: 18px; margin: 0; color: #7a7a7a }
.column-col-12, .column-col-3, .column-col-4, .column-col-6, .column-col-8, .column-col-9 { margin-right: 30px }
.column-col { float: left }
.column-col.respons { width: calc(100% - 30px) }
.column-col-3 { width: calc(23.1% - 30px) }
.column-col-4 { width: calc(31.4% - 30px) }
.column-col-6 { width: calc(50% - 30px) }
.column-col-8 { width: calc(65.83% - 30px) }
.column-col-9 { width: calc(74.35% - 30px) }
.column-col-12 { width: calc(100% - 30px) }
.page { overflow: hidden }
header.sticky-header { position: relative; box-shadow: none; top: 0; left: 0; width: 100%; z-index: 99 }
.local-scroll, .sticky-header-container { -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.15) }
header .bottom-header { padding: 15px 0 }
header .inner-nav .logo>a { display: inline-block; height: 100% }
header .inner-nav .logo>a>img { height: 100% }
.small-height { height: 55px!important }
.sticky-header-container { position: fixed; top: 0; width: 100%; z-index: 100; opacity: 0; background: #fff; -moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,.15); box-shadow: 0 3px 10px 0 rgba(0,0,0,.15); transform: translateY(-100%); -ms-transform: translateY(-100%); -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: .27s cubic-bezier(0, 0, .58, 1) }
.sticky-header-container.sticky-on { opacity: 1; transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); padding: 5px 0!important }
.sticky-header-container .main-nav { position: relative; height: 70px }
.sticky-header-container .header-on-bg .main-nav { position: relative; z-index: 1 }
.sticky-header-container .nav-logo-wrap .logo { height: 70px }
.sticky-header-container .inner-nav ul li a { height: 70px; line-height: 70px }
.background { position: absolute; top: 0; left: 0; right: 0; height: 100% }
.blog-section, .mini-section, .page-section, .small-section { width: 100%; display: block; position: relative; overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 80px 0 }
.blog-section, .fullwidth-slider .home-section, .main-slider .home-section, .main-slider-fadein .home-section, .scroll { background-attachment: scroll }
.blog-section .container, .mini-section .container, .page-section .container, .small-section .container { position: relative }
.small-section { padding: 30px 0 }
.mini-section { padding: 45px 0 }
.blog-section { padding: 80px 0 }
.bg-section-blue:before, .bg-section-dark:before, .bg-section-featured:before, .bg-section-gray:before, .bg-section-white:before { content: ' '; width: 100%; height: 100%; position: absolute; z-index: 0; top: 0; left: 0 }
.bg-section-blue:before { background-color: #303233 }
.bg-section-dark:before { background-color: #303030 }
.bg-section-white:before { background-color: #fff }
.bg-section-gray:before { background-color: #f5f5f5 }
.bg-section-half-left, .bg-section-half-right { background-repeat: no-repeat }
.not-found-bg { position: absolute; z-index: 1; top: 2%; left: 0; width: 100%; height: 100%; text-align: center }
.background-gradient-bottom:before { content: ' '; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #fff; background: linear-gradient(to bottom, transparent 60%, #fff) }
.home-content, .home-wrapper { height: 100%; position: relative }
.section-icon { margin-bottom: 7px; text-align: center; font-size: 32px }
.home-wrapper { display: table; width: 100% }
.home-content { z-index: 1; display: table-cell; vertical-align: middle }
.home-content.cont-right { padding-left: 50% }
.home-padding { padding-top: 320px }
.feature-logo { margin-bottom: 40px }
.feature-logo img { max-width: 100%!important; width: 171px!important; display: inline-block!important }
.feature-header { color: #fff; display: inline-block; margin-bottom: .7142857em }
.dark .feature-header { color: #303233 }
.feature-header h1 { font-size: 7.142857em; font-size: calc(14px + 4.142857em); font-weight: 700; line-height: 1.3; margin-top: 0; margin-bottom: .2em }
.feature-bottom-text { color: #fff; margin: 0 auto 4.285714em; font-size: 1em; font-size: calc(7px + .5em); line-height: 1.7142857 }
.dark .feature-bottom-text { color: #7a7a7a }
.feature-bottom-text h2 { margin: 0; font-size: 1em; font-size: calc(7px + .5em); font-weight: 400 }
.feature-top-text { color: #fff }
.dark .feature-top-text { color: #303233 }
.feature-top-text h3 { font-size: 1.71428em; font-size: calc(14px + .71428em); margin: 0 }
.main-slider .home-wrapper { width: 50%; padding-top: 15%; margin-left: auto }
.main-slider .home-wrapper.cont-left { margin-right: auto; margin-left: 0 }
.main-slider .feature-bottom-text { margin: 0 auto 3em }
.header-16, .header-40 { margin-top: 0; position: relative }
.main-slider .feature-header { margin-bottom: 2em }
.main-slider .feature-header h1 { font-size: 2.7em }
.main-slider .feature-header h1 .featured_separated { padding-top: 25px }
.fullwidth-slider .feature-header h1 .featured_separated span, .main-slider .feature-header h1 .featured_separated span { width: 80px; height: 2px }
.fullwidth-slider .feature-header h1 span:not(.featured_separated) { display: block; margin-bottom: 0; line-height: .5; font-size: .6em; font-weight: 300 }
.fullwidth-slider .feature-bottom-text { font-size: 1em; letter-spacing: .3em }
.header-40 { z-index: 1; font-size: 36px; font-weight: 500; text-transform: uppercase; letter-spacing: .2em; color: #fff }
.breadcrumbs, .header-16 { font-weight: 400; text-transform: none; color: #fff }
.header-16 { font-size: 14px }
.breadcrumbs { font-size: 16px; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) }
.owl-next, .owl-prev, .tp-leftarrow, .tp-rightarrow { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) }
.breadcrumbs a { color: #fff }
.breadcrumbs span { opacity: .5 }
.tp-leftarrow, .tp-rightarrow { opacity: 1; display: block; position: absolute; z-index: 20; background: #fff; top: calc(50% - 20px); margin-top: -30px; width: 50px; height: 50px; line-height: 50px; font-size: 16px; text-align: center; color: #303233; transition: all .27s cubic-bezier(0, 0, .58, 1) }
.tp-leftarrow { left: 0 }
.tp-rightarrow { right: 0 }
.tparrows:before { color: #303233; line-height: 48px }
.local-scroll { position: fixed; z-index: 100; bottom: 20px; right: 20px; width: 40px; height: 40px; text-align: center; font-size: 12px; color: #303233; background-color: #fff; -moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,.15); box-shadow: 0 3px 10px 0 rgba(0,0,0,.15); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: translateY(150%); -moz-transform: translateY(150%); -ms-transform: translateY(150%); transform: translateY(150%) }
.button, .button.alt:hover:not(.button-border):not(.button-shadow) { background: #303233; color: #fff }
.local-scroll:before { content: '\f13f'; font-family: Flaticon; line-height: 40px }
.local-scroll.active { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.button { display: inline-table; padding: 9px 17px; border: 1px solid transparent; font-size: 10px; font-family: Raleway; font-weight: 700; line-height: 1.375; letter-spacing: 1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; white-space: nowrap; -webkit-transition: all .2s cubic-bezier(0, 0, .58, 1); transition: all .2s cubic-bezier(0, 0, .58, 1) }
.button i:before, .icon { display: inline-block; text-align: center }
.button-border, .button-border.alt:hover, .button-shadow, .button-shadow.alt:hover { background: #fff }
.button-large { height: auto; padding: 16px 50px; font-size: 16px }
.button-medium { height: auto; padding: 14px 50px; font-size: 13px }
.button-small { height: auto; padding: 11px 27px; font-size: 12px }
.button-border { border: 1px solid #eaeaea }
.button-shadow { border: none; -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,.15); box-shadow: 0 3px 10px 0 rgba(0,0,0,.15) }
.button-border.alt:hover { border-color: #eaeaea }
.button-round { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.button-circle { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px }
.button-full { width: 100% }
.button-gray { color: #fff; background-color: #303030 }
.button-gray.button-border { color: #303030; border: 2px solid #303030; background: 0 0 }
.button-icon { position: relative; padding: 6px 12px; padding-right: calc(24px + 4em); overflow: hidden }
.button-icon i { position: absolute; top: 0; right: 0; width: 4em; font-size: 1em; padding: 0; height: auto; text-align: center; color: #303233; background-color: #fff; -webkit-transition: all .2s cubic-bezier(0, 0, .58, 1); -moz-transition: all .2s cubic-bezier(0, 0, .58, 1); -o-transition: all .2s cubic-bezier(0, 0, .58, 1); -ms-transition: all .2s cubic-bezier(0, 0, .58, 1); transition: all .2s cubic-bezier(0, 0, .58, 1) }
.button-large.button-icon { padding: 12px 30px; padding-right: calc(30px + 4em) }
.button-medium.button-icon { padding: 9px 27px; padding-right: calc(27px + 4em) }
.button-small.button-icon { padding: 7px 25px; padding-right: calc(25px + 4em) }
.button.button-icon i:before { width: auto; margin: 0; line-height: calc(.69em + 12px) }
.button-large.button-icon i:before { line-height: calc(.69em + 24px) }
.button-medium.button-icon i:before { line-height: calc(.69em + 18px) }
.button-small.button-icon i:before { line-height: calc(.69em + 14px) }
.button-icon.button-gray i { color: #303030; background-color: #fff }
.button-icon.button-border i, .button-icon.button-white i { color: #fff; background-color: #303233 }
.button-icon.button-gray.button-border i { color: #fff; background-color: #303030 }
.button-icon.button-white.button-border i, .button.alt, .button:hover { color: #303233; background-color: #fff }
.button i:before { font-size: 2em; line-height: 1em; width: 1em; margin-top: -.1388em; margin-bottom: -.1388em }
.button.alt, .button:hover { border-color: #303233 }
.button-white:hover { color: #fff; border-color: #fff; background: 0 0 }
.button-white.button-border:hover { color: #303233; background-color: #fff }
.button-gray:hover { color: #303030; border-color: #303030; background: 0 0 }
.button-gray.button-border:hover { color: #fff; background-color: #303030 }
.button-icon:hover i { color: #fff; background-color: #303233 }
.button-icon.button-border:hover i { color: #303233; background-color: #fff }
.button-icon.button-gray:hover i { color: #fff; background-color: #303030 }
.button-icon.button-white:hover i { color: #303233; background-color: #fff }
.button-icon.button-gray.button-border:hover i { color: #303030; background-color: #fff }
.button-icon.button-white.button-border:hover i { color: #fff; background-color: #303233 }
.button-line { font-size: 10px; font-weight: 700; color: #303233; position: relative; padding: 0 0 8px; border: 0; background: 0 0 }
.button.button-line.alt:hover { color: #303233!important; background: 0 0!important }
.button-line:before { content: ' '; position: absolute; z-index: 1; bottom: 0; width: 30px; height: 1px; transition: .27s cubic-bezier(0, 0, .58, 1) }
.button-line.alt:before, .button-line:hover:before { width: 100% }
.button-line.alt:hover:before { width: 30px }
.button-line.button-large { font-size: 16px }
.button-line.button-medium { font-size: 13px }
.button-line.button-small { font-size: 12px }
.icon { width: 1.6666667em; height: 1.6666667em; line-height: 1.6666667em; font-size: 1.2em; color: #fff; background-color: #303233; box-sizing: content-box; -webkit-box-shadow: 0 0 0 1px #303233; -moz-box-shadow: 0 0 0 1px #303233; box-shadow: 0 0 0 1px #303233; -webkit-transition: .27s cubic-bezier(0, 0, .58, 1); -moz-transition: .27s cubic-bezier(0, 0, .58, 1); -o-transition: .27s cubic-bezier(0, 0, .58, 1); -ms-transition: .27s cubic-bezier(0, 0, .58, 1); transition: .27s cubic-bezier(0, 0, .58, 1) }
.icon.icon-simple { color: #303233!important; background-color: transparent!important; -webkit-box-shadow: 0 0 0 1px transparent!important; -moz-box-shadow: 0 0 0 1px transparent!important; box-shadow: 0 0 0 1px transparent!important }
.no-hover { pointer-events: none }
.icon-round { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.icon-border { color: #303233; background-color: transparent }
.icon-circle { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px }
.icon-dark.icon-border { color: #303030; background-color: transparent; border-color: #303030 }
.icon-white, .icon-white.icon-border { border-color: #fff }
.icon-gray { color: #303233; background-color: #eaeaea; -webkit-box-shadow: 0 0 0 1px #eaeaea; -moz-box-shadow: 0 0 0 1px #eaeaea; box-shadow: 0 0 0 1px #eaeaea }
.icon-gray.icon-border { color: #303233; background-color: transparent }
.icon-white { color: #303233; background-color: #fff }
.icon-white.icon-border, .icon:hover { color: #303233; background-color: transparent }
.icon-dark:hover { color: #303030 }
.icon.icon-border:hover { color: #fff; background-color: #303233 }
.icon-gray.icon-border:hover { color: #303233; background-color: #eaeaea }
.icon-white.icon-border:hover { color: #303233; background-color: #fff }
.icon-small { font-size: 1.6em }
.icon-medium { font-size: 2.3em }
.icon-large { font-size: 3em }
.skill-bar { color: #303233; margin-bottom: 33px }
.skill-bar li { padding-bottom: 20px; padding-left: 0; border: 0 }
.skill-bar li:last-child { padding-bottom: 0 }
.skill-bar li:before { display: none }
.skill-bar .bar { display: block; height: 5px; position: relative; background: #eaeaea }
.skill-bar .bar span { display: block; width: 0; height: 5px; position: absolute; z-index: 1 }
.skill-bar.style-2 .bar span { background-color: #303233 }
.skill-bar .medium.bar, .skill-bar .medium.bar span { height: 6px }
.skill-bar .large.bar, .skill-bar .large.bar span { height: 8px }
.skill-bar .extra-large.bar, .skill-bar .extra-large.bar span { height: 10px }
.skill-bar .name { line-height: 1; padding-bottom: 10px; text-align: left; font-size: 12px; font-weight: 700 }
.skill-bar .name .skill-bar-perc, .skill-bar .name span { float: right }
.alt-2-features-item, .alt-features-item { margin-top: 20px }
.alt-2-features-icon, .alt-features-icon { padding-bottom: 20px; font-size: 55px; line-height: 1; color: #303233 }
.alt-2-features-icon { padding-bottom: 0; float: left; margin-right: 10px; text-align: center; font-size: 18px; line-height: 24px }
.alt-2-features-title { margin-bottom: 20px }
.alt-2-features-descr, .alt-features-descr { font-size: 16px; overflow: hidden }
.alt-3-features-item { margin: 70px 0 0; position: relative; padding-left: 60px; text-align: left }
.alt-3-features-item span { display: block }
.alt-3-features-icon { width: 36px; height: 40px; position: absolute; z-index: 1; top: 0; left: 0; line-height: 40px; text-align: center; font-size: 36px }
.alt-3-features-icon-inside, .features-icon-inside { width: 130px; height: 130px; position: absolute; z-index: -1; top: 0; left: 60px; line-height: 130px; text-align: center; font-size: 120px; opacity: .1; color: #2CB8EA }
.alt-2-features-title, .alt-3-features-title, .alt-features-title { margin: 0 0 10px; padding: 0; font-size: 18px; font-weight: 700; color: #303233 }
.alt-3-features-title-line { width: 20px; height: 1px; margin-bottom: 15px; background-color: #9b9b9b }
.alt-3-features-button { display: block; position: relative; font-size: 12px; font-weight: 600; color: #303233; padding-top: 15px }
.alert, .alt-3-features-button:hover { color: #2E4A5F }
.alert { margin: 0 auto 20px; padding: 13px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #303233; font-weight: 500; text-transform: none }
.alert span { font-weight: 700; text-transform: uppercase }
.info { color: #4db1e2; border-color: #bbdefb }
.success { border-color: #03FC7E; color: #04CE67 }
.notice { color: #C79F00 }
.error { border-color: #FC0325; color: #CC001C }
.on-dark .text, ins.ins-1, ins.ins-4 { color: #fff }
.clearlist, .clearlist li { list-style: none; padding: 0; margin: 0; background: 0 0 }
ins.ins-1, ins.ins-2, ins.ins-3, ins.ins-4 { padding: 3px 5px; text-decoration: none }
ul li.list-item-2:before, ul li.list-item-3:before, ul li.list-item:before { content: ' '; position: relative; display: inline-block; width: 6px; height: 6px; margin-right: 10px; z-index: 1; vertical-align: middle; text-align: center }
ul li { margin-bottom: 1em }
ul li.list-item, ul li.list-item-2, ul li.list-item-3 { margin-left: 10px }
ul li.list-item:before { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px }
ul li.list-item-2:before { border: 1px solid #2E4A5F; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
ul li.list-item-3:before { background-color: #303030 }
ins.ins-2 { background-color: #eaeaea }
ins.ins-3 { background-color: #E8F7FF }
ins.ins-4 { background-color: #303030 }
.blog-item.default .owl-carousel { overflow: visible }
.default .owl-nav { position: absolute; z-index: 1; top: 100px; left: -105px; border: 2px solid #2E4A5F; width: 71px; height: 38px; border-radius: 4px }
.owl-next, .owl-prev { opacity: 1; display: block; position: absolute; z-index: 5; background: #fff; top: calc(50% - 20px); margin-top: -30px; width: 50px; height: 50px; line-height: 50px; font-size: 16px; border: 1px solid #eaeaea; text-align: center; color: #303233; transition: all .27s cubic-bezier(0, 0, .58, 1) }
.default .owl-next, .default .owl-prev, .owl-next:before, .owl-prev:before { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); display: block; position: absolute }
.default .owl-next, .default .owl-prev { opacity: 1; z-index: 1; top: 0; margin: 0; width: 34px; height: 34px; line-height: 30px; font-size: 16px; text-align: center; color: #2E4A5F; transition: all .27s cubic-bezier(0, 0, .58, 1) }
.owl-prev { left: -10px }
.owl-next { right: -10px }
.default .owl-prev { left: 0 }
.default .owl-next { right: -1px }
.owl-next:before, .owl-prev:before { content: ""; width: 40px; height: 40px; z-index: -1; left: calc(50% - 20px); top: calc(50% - 20px); transition: all .27s cubic-bezier(0, 0, .58, 1) }
.default .owl-next:before, .default .owl-prev:before, .owl-controls .owl-pagination .owl-page { -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) }
.default .owl-next:before, .default .owl-prev:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) }
.default .owl-next:after { content: " "; display: block; border-right: 2px solid; position: absolute; left: -1px; top: 0; border-width: 2px; height: 35px; border-color: #2E4A5F }
.blog-item.columns .owl-carousel:hover .owl-prev { transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px) }
.blog-item.columns .owl-carousel:hover .owl-next { transform: translateX(-10px); -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px) }
.default .owl-carousel:hover .owl-prev { opacity: 1; left: 0 }
.default .owl-carousel:hover .owl-next { opacity: 1; right: -1px }
.default .owl-next:hover, .default .owl-prev:hover { background-color: #2E4A5F; color: #fff; -webkit-transition: 0 none!important; -moz-transition: 0 none!important; -ms-transition: 0 none!important; -o-transition: 0 none!important; transition: 0 none!important }
.item-carousel { margin-bottom: -50px; padding-bottom: 50px }
.fullwidth-slider.on-dark p { color: #fff }
.owl-pagination { display: block; width: 100%; text-align: center; padding: 25px 0 }
.content-slider .owl-pagination { position: absolute; z-index: 5; padding: 0; bottom: 35px; left: 0 }
.owl-controls .owl-pagination .owl-page { display: inline-block; margin: 5px; width: 10px; height: 10px; border: 1px solid #CECCCC; background-color: #fff; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) }
.blog-item .content-slider .owl-next, .blog-item .content-slider .owl-prev { margin-top: -20px }
.main-slider .home-section { height: 700px; margin-bottom: 10px }
.fullwidth-slider.dots-alt .owl-pagination, .main-slider.dots-alt .owl-pagination { position: absolute; z-index: 20; bottom: 2%; padding: 0 }
.fullwidth-slider.dots-alt .owl-pagination .owl-page, .main-slider.dots-alt .owl-pagination .owl-page { border: 2px solid #303233; margin: 10px }
.fullwidth-slider.dots-alt .owl-pagination .owl-page.active, .main-slider.dots-alt .owl-pagination .owl-page.active { background-color: #303233; border-color: #303233 }
.portfolio-grid { list-style: none; margin: 0; padding: 0 }
.filter-grid.gutter, .grid-col.gutter { list-style: none; margin: 0 0 0 -30px; padding: 0 }
.filter-grid:not(.gutter), .grid-col:not(.gutter) { margin-top: 50px }
.filter-grid-2 .portfolio-item, .grid-col-2 .grid-item { width: 49.99% }
.filter-grid-3 .portfolio-item, .grid-col-3 .grid-item { width: 33.3% }
.filter-grid-3 .portfolio-item.big-width, .grid-col-3 .grid-item.big-width { width: 66.6% }
.filter-grid-4 .portfolio-item, .grid-col-4 .grid-item { width: 24.99% }
.filter-grid-5 .portfolio-item, .grid-col-5 .grid-item { width: 19.99% }
.grid-item, .portfolio-item { float: left; margin: 0 }
.gutter .grid-item, .gutter .portfolio-item { padding: 30px 0 0 30px }
.gutter .blog-hover, .gutter.portfolio-with-title .grid-item, .gutter.portfolio-with-title .portfolio-item { padding: 60px 0 0 30px }
.grid-item.item-1 { width: 40% }
.grid-item.item-2 { width: 20% }
.grid-item.item-3 { width: 40% }
.grid-item.item-4 { width: 60% }
.categories a:hover, .categories-big a:hover, .portfolio-title a:hover { opacity: .7 }
.promo-preview { max-height: 600px; overflow: hidden }
.main-filter, .portfolio-filter { list-style: none; padding: 0; font-size: 18px; text-align: center; color: #303233; font-family: 600!important }
.main-filter a, .portfolio-filter a { position: relative; display: inline-block; margin: 0 25px 10px; padding-bottom: 5px; color: #303233; text-decoration: none; -webkit-transition: all .37s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) }
.portfolio-filter a.active:before { content: ' '; position: absolute; z-index: 1; bottom: 0; left: 0; width: 15px; height: 1px; -webkit-transition: .27s cubic-bezier(0, 0, .58, 1); -moz-transition: .27s cubic-bezier(0, 0, .58, 1); -o-transition: .27s cubic-bezier(0, 0, .58, 1); -ms-transition: .27s cubic-bezier(0, 0, .58, 1); transition: .27s cubic-bezier(0, 0, .58, 1) }
.blog-media, .portfolio-img, .portfolio-item { position: relative }
.portfolio-filter a.active:hover:before { width: 100% }
.portfolio-item { z-index: 1 ;}
.portfolio-img { overflow: hidden }
.portfolio-hover:before { content: ''; height: 100%; display: inline-block; width: 0; vertical-align: middle; font-size: 0 }
.potfolio-hover-container { width: 100%; text-align: center; display: inline-block; vertical-align: middle }
.potfolio-hover-container .icon-container i { font-size: 20px; padding: 4px 12px; line-height: 1; display: inline-block }
.portfolio-title-cont { position: relative; z-index: 1 }
.portfolio-title-cont h3 { margin-bottom: 5px; margin-top: 25px }
.potfolio-hover-container a:hover { opacity: .6 }
.portfolio-item .portfolio-hover, .potfolio-hover-container .categories, .potfolio-hover-container .icon-container, .potfolio-hover-container .portfolio-title { -webkit-font-smoothing: antialiased; -khtml-font-smoothing: antialiased; -apple-font-smoothing: antialiased; font-smooth: always; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; white-space: nowrap }
.blog-hover:before, .portfolio-img:before { content: " "; display: block; width: 100%; top: 0; left: 0; -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1); height: 100% }
.potfolio-hover-container .categories, .potfolio-hover-container .icon-container, .potfolio-hover-container .portfolio-title { opacity: 0 }
.potfolio-hover-container .portfolio-title { -webkit-transform: translate(0, -3px); -moz-transform: translate(0, -3px); -o-transform: translate(0, -3px); -ms-transform: translate(0, -3px); transform: translate(0, -3px) }
.potfolio-hover-container .icon-container { -webkit-transform: translate(0, 8px); -moz-transform: translate(0, 8px); -o-transform: translate(0, 8px); -ms-transform: translate(0, 8px); transform: translate(0, 8px) }
.potfolio-hover-container .categories { -webkit-transform: translate(0, -8px); -moz-transform: translate(0, -8px); -o-transform: translate(0, -8px); -ms-transform: translate(0, -8px); transform: translate(0, -8px) }
.portfolio-item:hover .potfolio-hover-container .categories, .portfolio-item:hover .potfolio-hover-container .icon-container, .portfolio-item:hover .potfolio-hover-container .portfolio-title { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.portfolio-img:before { position: absolute; z-index: 1; background-color: #fff; opacity: 0; transition: all .27s cubic-bezier(.3, .1, .58, 1) }
.hover-black .blog-hover:before, .hover-black .portfolio-img:before { background-color: #000 }
.blog-hover:before, .hover-white .blog-hover:before, .hover-white .portfolio-img:before { background-color: #fff }
.blog-item .blog-hover:not(.video):hover:before, .portfolio-item:hover .portfolio-img:before { opacity: .9 }
.blog-hover:before, .blog-icon { position: absolute; opacity: 0; z-index: 1 }
.blog-media img, .portfolio-img img { width: 100%; display: block; overflow: hidden; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; will-change: transform }
.blog-item:hover .blog-media img, .portfolio-item:hover .portfolio-img img { -webkit-transform: scale(1.075); -moz-transform: scale(1.075); -o-transform: scale(1.075); -ms-transform: scale(1.075); transform: scale(1.075) }
.blog-item.single:hover .blog-media img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.blog-item.single .blog-media:hover img { -webkit-transform: scale(1.075); -moz-transform: scale(1.075); -o-transform: scale(1.075); -ms-transform: scale(1.075); transform: scale(1.075) }
.blog-hover, .portfolio-hover { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden }
.blog-hover:before { transition: all .27s cubic-bezier(.3, .1, .58, 1) }
.team-hover-container, .team-hover:before { display: inline-block; vertical-align: middle }
.blog-icon { top: 50%; left: 50%; font-size: 26px; padding: 4px; line-height: 1; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1); transition: all .27s cubic-bezier(.3, .1, .58, 1) }
.blog-item-data a, .portfolio-item-data a { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) }
.blog-item .blog-hover:not(.video):hover .blog-icon { opacity: 1 }
.team-hover-container a:hover i, .team-title-cont h3 a:hover { opacity: .6 }
.hover-white .blog-icon { color: #000 }
.blog-title, .portfolio-title { font-size: 20px; color: #303233; margin-bottom: 12px; margin-top: 0; font-weight: 700 }
.portfolio-item-data a { color: #9C9C9C; font-size: 14px; text-decoration: none; text-transform: none; transition: all .27s cubic-bezier(0, 0, .58, 1) }
.portfolio-single h2.portfolio-title { font-size: 30px }
.portfolio-single .portfolio-descr h4 { font-size: 18px; color: #303233; margin-bottom: 0; font-weight: 700 }
.team-item { position: relative; padding: 0 15px }
.team-img { position: relative; overflow: hidden }
.team-hover:before { content: ''; height: 100%; width: 0; font-size: 0 }
.footer-social-links a:before, .product-img .pic:before, .team-item .team-hover:after { content: " " }
.team-hover-container { width: 100%; text-align: center }
.team-hover-container p { padding: 0 45px; white-space: normal!important; cursor: default; -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px) }
.team-hover-container .icon-container { padding: 10px 0; -webkit-transform: translate(0, 8px); -moz-transform: translate(0, 8px); -o-transform: translate(0, 8px); -ms-transform: translate(0, 8px); transform: translate(0, 8px) }
.team-hover-container .icon-container i { color: #303233; width: 30px; height: 30px; line-height: 30px; font-size: 14px; margin: 0 10px }
.team-title-cont { position: relative; z-index: 1 }
.team-hover, .team-item .team-hover:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.team-title-cont h3 { margin-bottom: 0; margin-top: 25px; font-size: 18px; font-weight: 600 }
.team-title-cont h3 a { color: #303233 }
.team-hover-container a i { -webkit-transition: all .2s cubic-bezier(0, 0, .58, 1); -moz-transition: all .2s cubic-bezier(0, 0, .58, 1); -o-transition: all .2s cubic-bezier(0, 0, .58, 1); -ms-transition: all .2s cubic-bezier(0, 0, .58, 1); transition: all .2s cubic-bezier(0, 0, .58, 1) }
.team-item .team-hover:after { display: block; z-index: -1; background-color: #fff; opacity: 0; -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1); transition: all .27s cubic-bezier(.3, .1, .58, 1) }
.blog-item-q p:after, .blog-item-q p:before { content: '"' }
.team-item:hover .team-hover:after { opacity: .9 }
.team-hover-container .categories, .team-hover-container .icon-container, .team-hover-container p, .team-item .team-hover { -webkit-font-smoothing: antialiased; -khtml-font-smoothing: antialiased; -apple-font-smoothing: antialiased; font-smooth: always; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; white-space: nowrap }
.team-hover-container .categories, .team-hover-container .icon-container, .team-hover-container p { opacity: 0 }
.team-hover-container .categories { -webkit-transform: translate(0, -8px); -moz-transform: translate(0, -8px); -o-transform: translate(0, -8px); -ms-transform: translate(0, -8px); transform: translate(0, -8px) }
.team-item:hover .team-hover-container .categories, .team-item:hover .team-hover-container .icon-container, .team-item:hover .team-hover-container p { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.team-img img { width: 100%; display: block; overflow: hidden; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; will-change: transform }
.count-descr, .count-icon, .count-number { display: inline-block }
.team-item:hover .team-img img { -webkit-transform: scale(1.075); -moz-transform: scale(1.075); -o-transform: scale(1.075); -ms-transform: scale(1.075); transform: scale(1.075) }
.team-hover { z-index: 1; overflow: hidden }
.clearfix-left-col, .clearfix-right-col { width: 49.4%; float: left }
.count-wrap { color: #303233 }
.count-inner { padding: 20px 0 }
.count-icon { vertical-align: middle; font-size: 55px; line-height: 1 }
.count-icon i { float: left }
.count-number { font-size: 30px; font-weight: 700; line-height: 1; text-align: center }
.count-descr { vertical-align: middle; position: relative; z-index: 1 }
.count-wrap.icon-left .count-icon+.count-descr { margin-left: 10px }
.count-wrap.icon-top .count-descr { display: block; margin-left: 0 }
.avatar, .blog-item ul.post-meta li, .count-wrap .count-number.large, .nav-tabs.center-tabs, .single .post-author, .widget-tag a { display: inline-block }
.count-wrap.icon-small .count-icon { font-size: 18px; vertical-align: middle; margin-top: -4px }
.count-wrap.icon-small .count-descr { margin-left: 0 }
.count-wrap .count-number.large { font-size: 46px; font-weight: 500; line-height: 1; text-align: center; margin-bottom: 12px }
.count-wrap.icon-inside .count-icon { position: absolute; z-index: -1; top: 50%; left: 50%; font-size: 74px; color: #fff; opacity: .2; margin-left: -37px; margin-top: -38px }
.contact-item, .contact-item-icon i, .contact-item-icon span, .pricing-icon, .pricing-item, .pricing-num sup, .pricing-title, .pricing-wrap { position: relative }
.black-count, .contact-item { color: #303030 }
.count-title { margin: 0; font-size: 12px; font-weight: 700; line-height: 1; text-transform: uppercase }
.pricing-item { margin: 0 0 30px; text-align: center }
.pr-button, .pricing-title { margin-bottom: 15px }
.pricing-item-inner { border: 1px solid #eaeaea; -webkit-box-shadow: 0 3px 10px 0 transparent; -moz-box-shadow: 0 3px 10px 0 transparent; box-shadow: 0 3px 10px 0 transparent; -webkit-transition: all .2s cubic-bezier(0, 0, .58, 1); -moz-transition: all .2s cubic-bezier(0, 0, .58, 1); -o-transition: all .2s cubic-bezier(0, 0, .58, 1); -ms-transition: all .2s cubic-bezier(0, 0, .58, 1); transition: all .2s cubic-bezier(0, 0, .58, 1) }
.main .pricing-item-inner, .pricing-item-inner:hover { -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,.15); box-shadow: 0 3px 10px 0 rgba(0,0,0,.15) }
.pricing-wrap { padding: 30px 20px; text-align: center; overflow: hidden }
.pricing-icon { padding-top: 10px; padding-bottom: 15px; font-size: 32px; line-height: 1; z-index: 1 }
.pricing-title { font-size: 30px; font-weight: 700; text-align: center; line-height: 1.3; z-index: 4 }
.pricing-features { padding: 25px 0 }
.pricing-num-container { margin-left: -20px; margin-right: -20px; padding: 25px 20px 20px; background: #f5f5f5 }
.pricing-num { font-size: 40px; font-weight: 700; line-height: 1 }
.pricing-num sup { font-size: 18px; top: -20px; left: -3px; margin-left: -7px }
.contact-item { text-align: center }
.contact-item-icon { font-size: 48px; line-height: 48px; color: #303233; text-align: center; margin-bottom: 12px }
.contact-item-title { color: #303233; font-size: 24px; margin-bottom: 30px; text-transform: uppercase }
.contact-item-text { font-size: 16px; color: #7a7a7a }
.contact-item-text span { padding-bottom: 5px }
.alt.contact-item { text-align: left }
.alt .contact-item-icon { position: absolute; top: 5px; left: 0; font-size: 40px; line-height: 40px; color: #303233; text-align: center; margin-bottom: 12px }
.alt .contact-item-text { font-size: 14px; padding-left: 60px; min-height: 40px; margin-bottom: 30px }
.form .form-group, .nav-tabs>li { margin-bottom: 10px }
.alt .contact-item-text span { text-transform: uppercase; color: #303233; font-weight: 700; padding-bottom: 0 }
.clearfix-left-col { margin-right: 1.2% }
.form-tip { font-size: 11px; color: #aaa }
.form input[type=email], input[type=text], textarea { -webkit-appearance: none }
.form input[type=text], .form input[type=email], .form input[type=number], .form input[type=url], .form input[type=search], .form input[type=tel], .form input[type=password], .form input[type=date], .form input[type=color], .form input[type=subject], .form select { display: inline-block; height: 33px; vertical-align: middle; font-size: 12px; font-weight: 500; text-transform: none; color: #9D9D9D; border: 1px solid #eaeaea; padding-left: 13px; padding-right: 13px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s cubic-bezier(0, 0, .58, 1); -moz-transition: all .2s cubic-bezier(0, 0, .58, 1); -o-transition: all .2s cubic-bezier(0, 0, .58, 1); -ms-transition: all .2s cubic-bezier(0, 0, .58, 1); transition: all .2s cubic-bezier(0, 0, .58, 1) }
.form input[type=text].input-md, .form input[type=email].input-md, .form input[type=number].input-md, .form input[type=url].input-md, .form input[type=search].input-md, .form input[type=tel].input-md, .form input[type=password].input-md, .form input[type=date].input-md, .form input[type=color].input-md, .form input[type=subject].input-md, .form select.input-md { height: 33px; padding-left: 13px; padding-right: 13px; font-size: 12px; border: 1px solid #eaeaea; text-transform: none }
.form input[type=text].input-lg, .form input[type=email].input-lg, .form input[type=number].input-lg, .form input[type=url].input-lg, .form input[type=search].input-lg, .form input[type=tel].input-lg, .form input[type=password].input-lg, .form input[type=date].input-lg, .form input[type=color].input-lg, .form input[type=subject].input-lg, .form select.input-lg { height: 40px; padding-left: 13px; padding-right: 13px; font-size: 12px; border: 1px solid #eaeaea; text-transform: none }
.form input[type=text]:focus, .form input[type=email]:focus, .form input[type=number]:focus, .form input[type=url]:focus, .form input[type=search]:focus, .form input[type=tel]:focus, .form input[type=password]:focus, .form input[type=date]:focus, .form input[type=color]:focus, .form input[type=subject]:focus, .form select:focus { color: #303233; -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,.15); box-shadow: 0 3px 10px 0 rgba(0,0,0,.15); outline: 0; padding-left: 5px; border-left-color: transparent }
.form textarea:focus, .submenu { -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,.15) }
.form textarea.input-lg, .form textarea.input-md { padding-left: 13px; padding-right: 13px; max-width: 100% }
textarea.form-control { height: 190px }
.form textarea { font-size: 12px; font-weight: 500; color: #9D9D9D; border: 1px solid #eaeaea; outline: 0; text-transform: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all .2s cubic-bezier(0, 0, .58, 1); -moz-transition: all .2s cubic-bezier(0, 0, .58, 1); -o-transition: all .2s cubic-bezier(0, 0, .58, 1); -ms-transition: all .2s cubic-bezier(0, 0, .58, 1); transition: all .2s cubic-bezier(0, 0, .58, 1) }
.map-section, .product-img .pic:before { -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1) }
.form textarea.input-md { border: 1px solid #eaeaea; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 100px }
.form textarea.input-lg { border: 1px solid #eaeaea; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 150px }
.form textarea:focus { color: #111; box-shadow: 0 3px 10px 0 rgba(0,0,0,.15); padding-left: 5px; border-left-color: transparent }
.form div.error, .form div.success { margin-top: 20px; padding: 13px 20px; color: #fff; text-align: center }
.form input.error { border-color: #e41919 }
.form div.error { background: rgba(228,25,25,.75) }
.form div.success { background: rgba(50,178,95,.75) }
.button:focus, a:focus, button:focus { outline: 0 }
.google-map { position: relative; background: #303233 }
#map-canvas { height: 530px; position: relative; background-color: #303233!important; z-index: 1 }
.map-section { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; padding: 0!important; background: rgba(17,17,17,.93); z-index: 2; cursor: pointer; transition: all .27s cubic-bezier(.3, .1, .58, 1) }
.product-img .pic:before, .product-img .product-hover { z-index: 1; top: 0; left: 0; height: 100%; position: absolute }
.nav-tabs { border: none }
.nav-tabs>li { font-size: 12px; text-transform: uppercase; margin-right: 10px; font-weight: 500 }
aside ul, aside:last-child { margin: 0 }
.nav-tabs>li>a, aside h3, aside h3.font-alt, aside h4.font-alt { font-weight: 700 }
.nav-tabs>li>a { color: #303233; font-family: Raleway; padding: 11px 27px; font-size: 12px; margin: 0; border: 1px solid #eaeaea; background: #fff; cursor: pointer; border-radius: 0 }
.tab-content { padding: 30px; background-color: #f5f5f5 }
.tab-content p:last-child { margin-bottom: 0 }
.center-tabs~.tab-content { border-bottom: 0 }
.nav-tabs.border-tabs>li>a { opacity: .7; background-color: transparent; border: 0; position: relative; z-index: 1; border-bottom: 1px solid transparent }
.nav-tabs.border-tabs>li.active>a, .nav-tabs.border-tabs>li.active>a:focus, .nav-tabs.border-tabs>li.active>a:hover { border: 0 }
.nav-tabs.icon-tabs>li.active>a, .nav-tabs.icon-tabs>li.active>a:focus, .nav-tabs.icon-tabs>li.active>a:hover, .nav-tabs.icon-tabs>li>a:hover { color: #303233; background-color: transparent; border: 0 }
.nav-tabs.border-tabs.icon-tabs>li.active>a, .nav-tabs.border-tabs.icon-tabs>li.active>a:focus, .nav-tabs.border-tabs.icon-tabs>li.active>a:hover, .nav-tabs.border-tabs.icon-tabs>li>a:hover, .nav-tabs.border-tabs>li.active>a, .nav-tabs.border-tabs>li.active>a:focus, .nav-tabs.border-tabs>li.active>a:hover, .nav-tabs.border-tabs>li>a:hover { opacity: 1; background-color: transparent; border-bottom: 1px solid transparent }
.gal-item:hover, .widget-archives li:hover, .widget-categories li:hover, .widget-comments li a:hover, .widget-search .form:hover .search-submit, .widget-tag a:hover, aside h4:hover>a { opacity: .7 }
.nav-tabs.icon-tabs>li>a { color: #9b9b9b; background-color: transparent; border: 0 }
aside h3, aside h4>a { color: #303233 }
.icon-tabs .media-tabs { font-size: 60px }
aside { margin-bottom: 50px; position: relative }
aside h3 { font-size: 18px; font-family: Philosopher; margin-bottom: 20px }
aside h3 .featured_separated { padding-top: 7px }
aside h4 { font-size: 14px; margin-bottom: 5px; margin-top: 0; line-height: 1.7 }
.search-submit { width: 52px; height: 40px; position: absolute; top: 0; right: 0; padding: 0; text-align: center; line-height: 38px; overflow: hidden; background: 0 0; border: none; outline: 0; color: #303233; font-size: 20px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s }
.widget-categories li { line-height: 2; position: relative; margin-bottom: 0; padding: 7px 0; border-bottom: 1px solid #e7e7e7 }
.widget-categories li:last-child { border-bottom: none }
.widget-categories .cat-item span { float: right }
.widget-gallery { max-width: 360px }
.widget-gallery-cont { margin: 0 -5px }
.gal-item { float: left; width: 25%; padding: 5px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s }
.blog-media .video, .blog-media iframe, .full-width .author img { width: 100% }
.widget-post .author { float: left; margin-right: 10px; position: relative }
.widget-post article { margin-bottom: 25px; padding-bottom: 5px }
article.full-width { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eaeaea }
.widget-post article:last-child, .widget-post p { margin-bottom: 0 }
.widget-post p { font-size: 10px; line-height: 1.2; font-weight: 600 }
.full-width .author { float: none; margin-right: 0; margin-bottom: 15px }
.widget-archives li, .widget-comments li { line-height: 2; margin-bottom: 0; border-bottom: 1px solid #e7e7e7; position: relative }
.widget-comments li { padding: 12px 0 }
.widget-comments li span { color: #b6b6b6 }
.widget-archives li { padding: 7px 0 }
.widget-archives li:last-child { border-bottom: none }
.widget-tag a { border: 1px solid #eaeaea; padding: 4px 21px; margin-bottom: 7px; margin-right: 4px }
.blog-item { position: relative }
.blog-item.on-dark .blog-item-body, .blog-item.on-dark .blog-item-data a, .blog-item.on-dark .blog-item-title a { color: #fff }
.blog-item.on-dark .blog-item-foot .button { color: #303233; background-color: #fff; border-color: #fff }
.blog-item.on-dark .blog-item-foot .button:hover { color: #fff; border-color: #fff; background: 0 0 }
.blog-item.default { margin-left: 100px }
.blog-item-data { font-size: 10px; line-height: 1; margin-bottom: 12px }
.blog-item.default .blog-item-data { margin-bottom: 20px }
.blog-item-title { margin: 0 0 30px; padding: 0; font-size: 20px; text-transform: uppercase; line-height: 1; color: #303233 }
.blog-item.default .blog-item-title { margin: 0 0 10px }
.blog-item-title a { color: #303233; text-decoration: none }
.blog-item-title a:hover { opacity: .8; text-decoration: none }
.blog-item-data { text-transform: none }
.blog-item-data a { transition: all .27s cubic-bezier(0, 0, .58, 1) }
.blog-item-q p a, .pagination a.nav-next>.icon-part, .pagination a.nav-prev>.icon-part { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) }
.blog-item-data a:hover { color: #303233 }
.blog-section .blog-item-data a { color: #303030; text-transform: none }
.separator { margin: 0 5px }
.blog-media { margin-bottom: 30px; overflow: hidden }
.blog-item-body { margin-bottom: 15px }
.blog-item-q { background: 0 0; border: none; padding: 0; margin: 1em 0 }
.blog-item-q p { position: relative; background: #f8f8f8; padding: 17px 20px; font-size: 18px; font-weight: 300; font-style: normal; letter-spacing: 0 }
.blog-item-q p a { color: #555; text-decoration: none; transition: all .27s cubic-bezier(0, 0, .58, 1) }
.blog-item-q p:before { position: absolute; top: 10px; left: 10px }
.columns .blog-media { margin-bottom: 30px }
.columns .blog-item-title { font-size: 18px; margin-bottom: 14px; text-transform: none; font-weight: 700 }
.single .blog-media { margin-bottom: 45px }
.single .blog-item { margin-bottom: 170px }
.single .blog-item-title { font-size: 30px; text-transform: none; margin-bottom: 10px }
.single .blog-item-title.font-alt { font-weight: 700 }
.blog-item ul.post-meta { padding: 0; list-style: none; margin: 0!important }
.blog-item ul.post-meta li { margin-right: 30px; color: #7a7a7a; font-size: 12px }
.blog-item ul.post-meta li i { margin-right: 5px }
.single .blog-item-body p { margin-bottom: 10px }
.single .blog-item-body ul { margin: 20px }
.single .author-img { float: left; margin-right: 30px }
.single .author-img img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.single .author-content { margin-top: 10px }
.single .author-content a { text-transform: uppercase; font-size: 16px; color: #2E4A5F; font-weight: 500 }
.comment-name.font-alt, .single .blog-tags span.font-alt { font-weight: 700 }
.single .author-content p { font-size: 14px; font-style: italic; margin-top: 20px }
.blog-page-title { text-transform: uppercase; color: #2E4A5F; font-size: 40px }
.comment-name, .single .blog-tags span { font-size: 18px; color: #303233 }
.single .blog-tags span { margin-right: 5px }
ol.commentlist { list-style-type: none; padding-left: 0 }
.commentlist .comment { padding-bottom: 30px }
.commentlist .comment:last-child { border-bottom: none }
.avatar { float: left; margin-right: 20px }
.comment-container.second { margin-left: 30px }
.comment .meta { font-size: 10px }
.comment p { margin: 5px 0 }
.comment .reply { font-size: 11px; padding: 0; float: right; text-transform: uppercase; font-weight: 800; line-height: 1.7 }
.comment .reply:before { width: 20px }
.comment .reply:hover:before { width: 100% }
aside.widget-post.blog h4 { font-size: 18px; margin-bottom: 10px }
aside.widget-post.blog p { font-size: 10px; font-weight: 400; margin-bottom: 5px }
aside.widget-post.blog article p.text { font-size: 14px; margin-bottom: 20px; line-height: 1.7 }
.widget-post.blog article.full-width { border: 0 }
.widget-post.blog article.full-width .author { margin-bottom: 25px }
.pagination { width: 100%; height: auto; font-size: 16px; text-align: center; margin-top:25px; }
.pagination li{display:inline-block; float:left; list-style:none; width:40px; margin-right:5px;}
.pagination li.active a{color:#fff; background-color:#2CB8EA !important;}
.pagination:after { content: ''; clear: both; display: table }
.pagination a.nav-next, .pagination a.nav-prev { color: #303233; height:auto; font-size: 0 }
.pagination a:not(.nav-next):not(.nav-prev) { display: inline-block; width: 100%; max-width: 50px; line-height: 40px; background-color:#e5e5e5; margin-left: -1px }
.pagination a:not(.nav-next):not(.nav-prev).active { background-color:#2CB8EA; }
.pagination a.nav-next>*, .pagination a.nav-prev>* { vertical-align: middle; display: inline-block }
.pagination a.nav-next>.icon-part, .pagination a.nav-prev>.icon-part { padding: 12px 0 12px 26px; border: 1px solid #eaeaea; height: 50px; font-size: 14px; border-right: 0; transition: all .27s cubic-bezier(0, 0, .58, 1) }
.pagination a.nav-next>.word-part .wrapper, .pagination a.nav-next>.word-part .wrapper span, .pagination a.nav-prev>.word-part .wrapper, .pagination a.nav-prev>.word-part .wrapper span { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) }
.pagination a.nav-next>.icon-part { padding-right: 26px; padding-left: 0; border-left: 0; border-right: 1px solid #eaeaea; transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) }
.pagination a.nav-next>.word-part, .pagination a.nav-prev>.word-part { font-size: 14px; overflow: hidden }
.pagination a.nav-next>.word-part .wrapper, .pagination a.nav-prev>.word-part .wrapper { padding: 12px 26px; border: 1px solid #eaeaea; height: 50px; font-size: 14px; border-left: 0; transform: translateX(calc(-100% + 27px)); -ms-transform: translateX(calc(-100% + 27px)); -moz-transform: translateX(calc(-100% + 27px)); -webkit-transform: translateX(calc(-100% + 27px)); transition: all .27s cubic-bezier(0, 0, .58, 1) }
.pagination a.nav-next>.word-part .wrapper { border-right: 0; border-left: 1px solid #eaeaea; transform: translateX(calc(100% - 27px)); -ms-transform: translateX(calc(100% - 27px)); -moz-transform: translateX(calc(100% - 27px)); -webkit-transform: translateX(calc(100% - 27px)) }
.pagination a.nav-prev:hover>.word-part .wrapper { transform: translateX(-20px); -ms-transform: translateX(-20px); -moz-transform: translateX(-20px); -webkit-transform: translateX(-20px) }
.pagination a.nav-next:hover>.word-part .wrapper { transform: translateX(20px); -ms-transform: translateX(20px); -moz-transform: translateX(20px); -webkit-transform: translateX(20px) }
.pagination a.nav-next>.word-part .wrapper span, .pagination a.nav-prev>.word-part .wrapper span { opacity: 0; font-weight: 600; vertical-align: middle; transition: all .27s cubic-bezier(0, 0, .58, 1) }
.pagination a.nav-next:hover>.word-part .wrapper span, .pagination a.nav-prev:hover>.word-part .wrapper span { opacity: 1 }
.pagination a.nav-next>span, .pagination a.nav-prev>span { width: 0; overflow: hidden; display: inline-block; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) }
.pagination a.nav-next:hover>span, .pagination a.nav-prev:hover>span { width: auto }
.pagination a.nav-next i, .pagination a.nav-prev i { transform: rotate(90deg)!important; display: inline-block; line-height: 1; overflow: hidden; font-size: 21px; height: 14px; vertical-align: middle }
.pagination a.nav-prev i { line-height: 8px }
.product-img, .product-img .pic { position: relative; overflow: hidden }
.product-img .pic img { width: 100%; display: block; overflow: hidden; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; will-change: transform }
.product:hover .product-img .pic img { -webkit-transform: scale(1.075); -moz-transform: scale(1.075); -o-transform: scale(1.075); -ms-transform: scale(1.075); transform: scale(1.075) }
.product-img .pic:before { display: block; width: 100%; background-color: #fff; opacity: 0; transition: all .27s cubic-bezier(.3, .1, .58, 1) }
.product .product-img .product-button-cont .add-to-cart, .product-title a { -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1) }
.product:hover .product-img .pic:before { opacity: .9 }
.product-img img { width: 100% }
.product-img .product-hover { width: 100%; overflow: hidden; white-space: nowrap }
.product-img .product-hover:before { content: ''; height: 100%; display: inline-block; width: 0; vertical-align: middle; font-size: 0 }
.product-button-cont { width: 100%; text-align: center; display: inline-block; vertical-align: middle }
.product-button-cont .view-cart { display: none }
.product .product-img .product-button-cont .add-to-cart { transition: all .27s cubic-bezier(.3, .1, .58, 1); opacity: 0 }
.product:hover .product-img .product-button-cont .add-to-cart { opacity: 1 }
.product-title { font-size: 18px; margin-bottom: 14px; text-transform: none; font-weight: 700 }
.post-prev-price span, .post-prev-title, .shop-single-title, .shop-view, table.table tr:first-child { text-transform: uppercase }
.product-title a { color: #303233; text-decoration: none; transition: all .27s cubic-bezier(.3, .1, .58, 1) }
.post-prev-title a, .product-info, .product-info a { -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1) }
.product-info, .product-info a { margin-bottom: 15px; font-size: 11px; text-decoration: none; color: #aaa; transition: all .27s cubic-bezier(.3, .1, .58, 1) }
.product-text { margin-bottom: 40px; color: #303030; font-size: 18px; font-weight: 500; line-height: 1.75 }
.product-price { font-size: 20px; font-weight: 700; color: #303233 }
.product-price del, .product-price span { font-size: 14px; color: #303030; text-transform: uppercase; display: block }
.product-price del, .shop-view a { display: inline-block }
.product-special { position: absolute; top: 10px; left: 0; padding: 5px 20px; font-size: 13px; line-height: 1.4; font-weight: 700; color: #303233; z-index: 2 }
.shop-columns .product-img { margin-bottom: 15px }
.shop-columns .product-title { font-size: 16px; margin-bottom: 5px }
.shop-columns .product-price { font-size: 14px; margin-bottom: 15px }
select.shop-select { border-color: #9b9b9b!important }
.shop-view { font-size: 12px; font-weight: 500; color: #9b9b9b; margin-left: 15px }
.shop-view a { position: relative; color: #303233; opacity: .5; font-size: 16px; text-align: center; vertical-align: middle; width: 35px; height: 35px; line-height: 35px; border: 1px solid transparent; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px }
.grid-view .product p, .list-view .product-hover .product-button-cont, .list-view .product-img .pic:before, .product-descr .product-button-cont { display: none }
form.product-sorting select { padding-left: 13px!important; padding-right: 13px!important; border: none; background: 0 0 }
.products-panel { padding: 5px 20px }
.product-show-info { padding-top: 5px }
.shop-view a i { margin-right: 1px }
.shop-view a.active { opacity: 1 }
.list-view .product { width: 100%; text-align: left!important }
.list-view .product:last-child { border-bottom: none }
.list-view .product-img { float: left }
.home-shop.list-view .product-img { width: 20% }
.list-view .product-descr .product-button-cont { display: block; text-align: left; margin-bottom: 15px; padding-top: 5px }
.list-view .product-descr { padding-left: 30px; margin-bottom: 30px; overflow: hidden; color: #9B9B9B }
.list-view .product-title { font-size: 20px; margin-bottom: 15px; margin-top: 5px }
.product-price del { opacity: .4; padding-left: 7px }
.shop-single .product-title { font-size: 30px; color: #303233; margin-top: 0; margin-bottom: 5px }
.shop-single .stars { margin-bottom: 10px }
.shop-single .qty { width: 44px; height: 40px!important; padding: 5px!important; text-align: center }
.shop-single .product-img { margin-bottom: 30px }
.shop-single .product-price { font-weight: 700; font-size: 34px }
.shop-single .product-price del { font-size: 16px }
.shop-single .shop-tags { font-size: 16px; color: #9b9b9b }
.shop-single .shop-tags a:hover { text-decoration: underline }
.shop-single-title { font-size: 20px }
.widget-posts.shop-widget li { margin-bottom: 20px }
.widget-posts.shop-widget .widget-posts-img { margin-right: 20px; margin-bottom: 10px }
.widget-posts.shop-widget .item-title { color: #303233; font-size: 14px; font-weight: 700 }
.stars { font-size: 13px; color: #b6b6b6; opacity: .7 }
.stars span { display: block; margin-left: 8px; color: #303030 }
.post-prev-img { margin-bottom: 80px; position: relative }
.post-prev-img a { -webkit-transition: all .2s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .2s cubic-bezier(.3, .1, .58, 1); -o-transition: all .2s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .2s cubic-bezier(.3, .1, .58, 1); transition: all .2s cubic-bezier(.3, .1, .58, 1) }
.post-prev-img a:hover { opacity: .85 }
.post-prev-img img { width: 100% }
.post-prev-title { margin-bottom: 10px; font-size: 30px; color: #303233 }
.post-prev-title a { color: #303233; text-decoration: none; transition: all .27s cubic-bezier(.3, .1, .58, 1) }
.post-prev-info, .post-prev-info a { margin-bottom: 15px; font-size: 11px; text-decoration: none; color: #aaa; -webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1); -moz-transition: all .27s cubic-bezier(.3, .1, .58, 1); -o-transition: all .27s cubic-bezier(.3, .1, .58, 1); -ms-transition: all .27s cubic-bezier(.3, .1, .58, 1); transition: all .27s cubic-bezier(.3, .1, .58, 1) }
.post-prev-text { margin-bottom: 40px; color: #303030; font-size: 18px; font-weight: 500; line-height: 1.75 }
.post-prev-price { font-size: 30px; font-weight: 600; color: #303233 }
.post-prev-price span { font-size: 14px; color: #303030; display: block }
.lead { margin: 1em 0 2em; font-size: 140%; line-height: 1.6 }
.price_slider_amount { display: inline-block; font-size: 12px; font-weight: 600; color: #303233; margin-bottom: 15px }
.price_slider_amount span { color: #303030 }
.price_slider_wrapper .price_slider { height: 3px; width: 100%; position: relative; margin-bottom: 15px; background-color: #eaeaea }
.price_slider_amount .price_label { opacity: .7; font-size: 14px }
.price_slider .ui-slider-range { height: 5px; position: absolute; background-color: #303233; top: -1px }
.price_slider .ui-slider-handle { width: 0; height: 0; padding-bottom: 11px; position: absolute; top: 0; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease }
.price_slider .ui-slider-handle+.ui-slider-handle { transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%) }
.price_slider .ui-slider-handle:before { content: ' '; position: absolute; z-index: 1; bottom: 3px; left: -1px; width: 4px; height: 13px; background-color: #fff; border: 1px solid #e7e7e7 }
.shopping-cart-table .input-sm { padding: 0; padding-right: 10px!important; line-height: 1; width: 70px; height: 35px!important; color: #303233!important; border-color: #e7e7e7 }
table.shopping-cart-table tr td, table.shopping-cart-table tr th { vertical-align: middle; padding: 10px; border-bottom: 1px solid #e7e7e7 }
table { border-color: #e7e7e7 }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border-color: #e7e7e7!important }
blockquote, blockquote.alt { border: none; line-height: 1.75; z-index: 1 }
table.table { font-size: 14px }
table.table tr:first-child { background-color: #f2f2f2 }
.total-table { width: 100%; font-size: 16px; text-align: right }
.total-table th { padding: 8px 0; color: #303233; text-align: left }
.total-table .amount { font-size: 18px; color: #303233; font-weight: 700 }
.total-table .order-total .amount { font-size: 20px }
blockquote { margin: 60px 0 0; padding: 0; background: 0 0; font-size: 1.142857; font-style: italic; color: #7a7a7a; text-align: center; position: relative }
blockquote:before { content: ''; position: absolute; z-index: 1; top: 0; left: 50%; width: 150px; height: 117px; margin-top: -10px; margin-left: -75px; display: inline-block; opacity: .7; background-image: url(../images/icons/quote-icon.png) }
blockquote p { margin-bottom: 1em; font-size: 16px }
blockquote footer { font-size: 20px; font-weight: 700; font-style: normal; color: #303233; margin-top: 30px }
blockquote footer span { font-size: 14px; font-weight: 400; color: #7a7a7a; display: block; margin-top: 10px }
.on-dark blockquote footer { color: #fff }
blockquote footer:before { display: none }
.blockquote-author img { max-width: 100% }
blockquote.alt { margin: 20px 0; padding: 35px 35px 35px 95px; font-size: 14px; font-style: italic; background: #f5f5f5; color: #7a7a7a; text-align: left; position: relative }
blockquote.alt:before { content: '”'; font-size: 100px; line-height: 70px; position: absolute; z-index: 1; top: 35px; left: 40px; width: 34px; height: 27px; margin-top: 7px; margin-left: 0; display: inline-block; opacity: .7; background-image: none }
blockquote.alt p { margin-bottom: 1em; font-size: 14px }
blockquote.alt footer { font-size: 12px; margin-top: 10px }
blockquote.alt footer.font-alt { font-weight: 700 }
.home-section { width: 100%; display: block; position: relative; overflow: hidden; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
.main-nav { width: 100%; height: 90px; background: rgba(255,255,255,.97); z-index: 1030 }
.inner-nav .submenu .nav-submenu:before, .mobile-on .inner-nav .nav-submenu:before { display: block; height: 1px; position: absolute; content: '' }
.header-on-bg .main-nav { position: absolute; top: 0; left: 0 }
.main-nav.transparent { background-color: transparent!important }
.main-nav.white:not(.js-transparent) { background: rgba(15,47,71,.97) }
.main-nav.white.small-height { color: #fff }
.inner-nav .submenu .nav-submenu:before { top: calc(9px + .65em); width: 20px; left: -20px }
.mobile-on .inner-nav .nav-submenu:before { width: 15px; top: 25px; left: 7px }
.full-wrapper { padding: 0; height: 100% }
.nav-logo-wrap { float: left; margin-right: 30px }
.nav-logo-wrap .logo { display: table-cell; vertical-align: middle; max-width: 150px; height: 90px; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) }
.stick-logo { position: absolute; top: 50%; margin-top: -15.5px; opacity: 1 }
.top-fixed .stick-logo { position: absolute; top: 50%; margin-top: -15.5px; opacity: 0 }
.inner-nav, .inner-nav ul li { position: relative }
.small-height .stick-logo { opacity: 1 }
.inner-nav { display: inline-block; float: right }
.inner-nav ul { margin: auto; font-size: 16px; font-weight: 400; line-height: 1.3 }
.inner-nav>ul>li>a, .submenu li a { font-weight: 600 }
.inner-nav>ul { display: inline-block; vertical-align: middle }
.inner-nav ul:after { content: ''; display: table; clear: both }
.inner-nav>ul>li { float: left; margin-left: 0 }
.inner-nav>ul>li>a>i { font-size: 1em; line-height: 1; display: inline-block; vertical-align: text-top; margin-left: 4px }
.mobile-on .nav-submenu>i { position: absolute; z-index: 1; display: block; top: 50%; right: 30px; margin-top: -10px; line-height: 1 }
.inner-nav.hidden-nav>ul { pointer-events: none }
.inner-nav.hidden-nav.menu-opened>ul { pointer-events: auto }
.inner-nav.hidden-nav .menu-button, .main-nav.mobile-on .mobile-nav .menu-button { display: inline-block; width: 32px; height: 32px; vertical-align: middle; margin-left: 50px; cursor: pointer; position: relative; z-index: 1; overflow: hidden }
.inner-nav.hidden-nav .menu-button span, .main-nav.mobile-on .mobile-nav .menu-button span { display: inline-block; height: 2px; position: absolute; top: 6px; right: 0; left: 0; -webkit-transition: .27s cubic-bezier(0, 0, .58, 1); -moz-transition: .27s cubic-bezier(0, 0, .58, 1); -o-transition: .27s cubic-bezier(0, 0, .58, 1); -ms-transition: .27s cubic-bezier(0, 0, .58, 1); transition: .27s cubic-bezier(0, 0, .58, 1) }
.inner-nav.hidden-nav .menu-button span:nth-child(2), .main-nav.mobile-on .mobile-nav .menu-button span:nth-child(2) { top: 13px; left: 6px }
.inner-nav.hidden-nav .menu-button span:nth-child(3), .main-nav.mobile-on .mobile-nav .menu-button span:nth-child(3) { top: 21px; left: 12px }
.inner-nav.hidden-nav .menu-button:hover span, .inner-nav.hidden-nav.menu-opened .menu-button span, .main-nav.mobile-on .mobile-nav.active .menu-button span { left: 0 }
.inner-nav.hidden-nav.menu-opened .menu-button span:nth-child(3), .main-nav.mobile-on .mobile-nav.active .menu-button span:nth-child(3) { -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0) }
.inner-nav.hidden-nav.menu-opened .menu-button span:nth-child(2), .main-nav.mobile-on .mobile-nav.active .menu-button span:nth-child(2) { -webkit-transform: translate3d(0, 3px, 0) rotate(45deg) scale(.8); transform: translate3d(0, 3px, 0) rotate(45deg) scale(.8) }
.inner-nav.hidden-nav.menu-opened .menu-button span:nth-child(1), .main-nav.mobile-on .mobile-nav.active .menu-button span:nth-child(1) { -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg) scale(.8); transform: translate3d(0, 10px, 0) rotate(-45deg) scale(.8) }
.small-height .dark .inner-nav>ul>li>.submenu { border-top: none }
.dark .inner-nav>ul>li>a { color: #303233; padding-left: 25px; padding-right: 25px }
.inner-nav>ul>li>a.active:after { content: ''; display: block; width: 26px; height: 1px; background-color: red; vertical-align: middle; position: absolute; top: calc(50% + 15px); left: calc(50% - 13px); -webkit-transition: all .3s cubic-bezier(0, 0, .58, 1); -moz-transition: all .3s cubic-bezier(0, 0, .58, 1); -o-transition: all .3s cubic-bezier(0, 0, .58, 1); -ms-transition: all .3s cubic-bezier(0, 0, .58, 1); transition: all .3s cubic-bezier(0, 0, .58, 1) }
.inner-nav>ul>li>a.active { background-color: #2CB8EA; color: #fff }
.mobile-on .inner-nav>ul>li>a.active:after { left: inherit }
.inner-nav.hidden-nav>ul>li>a.active:after { opacity: 0; -webkit-transform: translate3d(0, 3px, 0); transform: translate3d(0, 3px, 0) }
.inner-nav.hidden-nav.menu-opened>ul>li>a.active:after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.mobile-on .inner-nav.hidden-nav.menu-opened>ul>li>a.active:after { opacity: 0 }
.white .inner-nav>ul>li>a { color: #fff }
.small-height.white.js-transparent .inner-nav>ul>li>a, .submenu li a { color: #303233 }
.inner-nav ul li a { height: 90px; line-height: 90px; display: inline-block; text-decoration: none; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) }
.inner-nav ul li a .slide-container { line-height: 20px; display: inline-block; height: 20px; overflow: hidden; vertical-align: middle }
.inner-nav ul li a .slide-container span { display: block }
.inner-nav.hidden-nav ul li a .slide-container span { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); transition: .6s -webkit-transform cubic-bezier(.165, .84, .44, 1), .6s opacity cubic-bezier(.165, .84, .44, 1); transition: .6s transform cubic-bezier(.165, .84, .44, 1), .6s opacity cubic-bezier(.165, .84, .44, 1); -webkit-transition-delay: .7s; transition-delay: .7s }
.inner-nav ul li .submenu li:not(.submenu-mega-col):before, .social-links-share a { -moz-transition: .27s cubic-bezier(0, 0, .58, 1); -o-transition: .27s cubic-bezier(0, 0, .58, 1); -ms-transition: .27s cubic-bezier(0, 0, .58, 1) }
.inner-nav.menu-opened ul li a .slide-container span { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.inner-nav>ul>li:nth-child(1) a .slide-container span { -webkit-transition-delay: 0s; transition-delay: 0s }
.inner-nav>ul>li:nth-child(2) a .slide-container span { -webkit-transition-delay: 50ms; transition-delay: 50ms }
.inner-nav>ul>li:nth-child(3) a .slide-container span { -webkit-transition-delay: .1s; transition-delay: .1s }
.inner-nav>ul>li:nth-child(4) a .slide-container span { -webkit-transition-delay: .15s; transition-delay: .15s }
.inner-nav>ul>li:nth-child(5) a .slide-container span { -webkit-transition-delay: .2s; transition-delay: .2s }
.inner-nav>ul>li:nth-child(6) a .slide-container span { -webkit-transition-delay: .25s; transition-delay: .25s }
.inner-nav>ul>li:nth-child(7) a .slide-container span { -webkit-transition-delay: .3s; transition-delay: .3s }
.inner-nav>ul>li:nth-child(8) a .slide-container span { -webkit-transition-delay: .35s; transition-delay: .35s }
.inner-nav>ul>li:nth-child(9) a .slide-container span { -webkit-transition-delay: .4s; transition-delay: .4s }
.inner-nav>ul>li:nth-child(10) a .slide-container span { -webkit-transition-delay: .45s; transition-delay: .45s }
.inner-nav>ul>li:nth-child(11) a .slide-container span { -webkit-transition-delay: .5s; transition-delay: .5s }
.inner-nav>ul>li:nth-child(12) a .slide-container span { -webkit-transition-delay: .55s; transition-delay: .55s }
.inner-nav>ul>li:nth-child(13) a .slide-container span { -webkit-transition-delay: .6s; transition-delay: .6s }
.inner-nav>ul>li:nth-child(14) a .slide-container span { -webkit-transition-delay: .65s; transition-delay: .65s }
.inner-nav>ul>li:nth-child(15) a .slide-container span { -webkit-transition-delay: .7s; transition-delay: .7s }
.small-height .inner-nav ul li a { height: 55px!important; line-height: 55px!important }
.submenu li ul { left: 100%; right: auto; top: 0 }
.submenu.submenu-right li ul { left: auto; right: 100% }
.submenu { display: none; width: 300px; position: absolute; top: 100%; left: 0; padding: 25px 30px; background-color: #fff; box-shadow: 0 3px 10px 0 rgba(0,0,0,.15) }
.submenu.submenu-center { transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%) }
.submenu.submenu-right { left: auto; right: 0 }
.submenu li a { position: relative; display: block; padding: 8px 10px; margin: 0 20px; text-transform: none; background-color: #fff; text-align: left }
.submenu-mega { white-space: nowrap; width: auto; padding: 30px 20px }
.submenu-mega-col { display: inline-block; vertical-align: top; overflow: hidden; width: 240px }
.mobile-nav, .mobile-on .mobile-nav .menu-button { vertical-align: middle }
.submenu-mega-col ul { border-left: 0!important }
.submenu-mega-col>ul { float: none; margin: 0; width: auto; padding: 0 }
.inner-nav ul li .submenu li:not(.submenu-mega-col):before { content: ''; display: block; height: 1px; width: 0; position: absolute; top: calc(8px + .65em); -webkit-transition: .27s cubic-bezier(0, 0, .58, 1); transition: .27s cubic-bezier(0, 0, .58, 1) }
.footer-news, .mobile-nav { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) }
.inner-nav ul li .submenu li:hover:before { width: 100% }
.mobile-on .inner-nav ul li .submenu li:hover:before { width: 0 }
.inner-nav ul li .submenu li a, .submenu-mega li a { display: inline-block; height: auto!important; line-height: 1.3!important; font-size: 14px; font-weight: 500 }
.banner-heading, .mobile-nav { font-weight: 400; text-transform: uppercase }
.submenu-mega-title:hover { background: 0 0!important; color: #303233!important; opacity: .6 }
.submenu-mega-title { margin-bottom: 10px }
.mobile-on .submenu-mega-col>ul { left: auto; right: auto; border: none }
.mobile-on .submenu-mega-col { display: block; width: 100%!important }
.mobile-on .submenu-mega>ul>li:last-child>a, .mobile-on .submenu>li:last-child>a { border: none!important }
.mobile-on .submenu-mega:last-child>ul { border-bottom: none!important }
.mobile-on .desktop-nav { display: none; width: 100%; position: absolute; top: 100%; left: 0; padding: 0 10px; z-index: 100 }
.mobile-on .desktop-nav ul { width: 100%; float: none; background: rgba(255,255,255,.9); position: relative; overflow-x: hidden; -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,.15); box-shadow: 0 3px 10px 0 rgba(0,0,0,.15) }
.mobile-on .desktop-nav>ul { overflow-y: auto }
.mobile-on .desktop-nav ul li { display: block; float: none!important; overflow: hidden; border-bottom: 1px solid rgba(0,0,0,.065) }
.mobile-on .desktop-nav ul li:hover { background: rgba(0,0,0,.1) }
.mobile-on .desktop-nav ul li ul { padding: 0; background-color: rgba(255,255,255,.8) }
.mobile-on .desktop-nav ul li a, .mobile-on .inner-nav ul li .submenu li a { display: block; width: 100%; height: 50px!important; line-height: 50px!important; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 30px; text-align: left; border-left: none; border-right: none; border-bottom: none; letter-spacing: 1px; cursor: pointer; background: 0 0 }
.mobile-nav, .mobile-on .inner-nav .menu-button { display: none }
.mobile-on .inner-nav ul li .submenu li .submenu li a { padding: 0 60px }
.mobile-on .js-opened>.nav-submenu>.fa { border-color: rgba(255,255,255,.4); line-height: 14px }
.mobile-on .inner-nav li { margin: 0!important }
.mobile-on .submenu { display: none; opacity: 0; left: 0!important; right: 0; top: 0; bottom: 0; border-left: none!important; border-right: none!important; border-top: none; z-index: 10 }
.inner-nav li.js-opened .submenu { opacity: 1 }
.mobile-nav { float: right; font-size: 11px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; transition: all .27s cubic-bezier(0, 0, .58, 1) }
.social-links-share a, .social-links-share a i { -webkit-transition: .27s cubic-bezier(0, 0, .58, 1) }
.mobile-nav.small-height { color: #303233 }
.mobile-nav.active, .mobile-nav:hover { color: #777 }
.mobile-nav:active { -webkit-box-shadow: 0 0 35px rgba(0,0,0,.05) inset; -moz-box-shadow: 0 0 35px rgba(0,0,0,.05) inset; box-shadow: 0 0 35px rgba(0,0,0,.05) inset }
.no-js .mobile-nav { width: 55px; height: 55px }
.mobile-on .mobile-nav, .mobile-on .mobile-nav:before { height: 100%; display: inline-block }
.mobile-on .mobile-nav:before { content: ''; width: 0; margin-left: -1px; vertical-align: middle }
.mobile-on li.submenu-mega-col { width: auto; padding: 0; text-align: left; white-space: normal }
.mobile-on .submenu-mega-col li:last-child { border-bottom: 0 }
.mobile-on .submenu { width: 100%; float: none; position: relative; overflow-x: hidden }
.mobile-on .submenu.submenu-center { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0) }
.shadow-title { position: absolute; z-index: 2; width: calc(100% + 40px); top: 180px; left: -20px; right: -20px; font-size: 300px; color: #F6F6F6; line-height: .65; text-align: center; white-space: nowrap; text-transform: uppercase }
.banner-title { font-size: 20px; color: #303233; text-transform: uppercase }
.on-dark .banner-title { color: #fff }
.small-banner-title { font-size: 29px; color: #303233; text-transform: uppercase }
.banner-heading { font-size: 30px; color: #303030; margin: 0 }
.banner-descr h3 { font-size: 70px; color: #303233; text-transform: uppercase; margin-top: 0; margin-bottom: 35px }
.newsletter-label { margin-bottom: 50px; font-size: 20px; color: #fff; text-transform: uppercase }
.form input.newsletter-field { max-width: 420px; vertical-align: bottom; text-transform: none }
.round { -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px!important }
.social-links-share { color: #303233 }
.social-links-share a { font-size: 14px; margin: 0 10px; color: #303233; width: 30px; height: 30px; line-height: 30px; position: relative; display: inline-block; border: 1px solid #eaeaea; transition: .27s cubic-bezier(0, 0, .58, 1) }
.partners.hover-effect a img, .social-links-share a i { -moz-transition: .27s cubic-bezier(0, 0, .58, 1); -o-transition: .27s cubic-bezier(0, 0, .58, 1); -ms-transition: .27s cubic-bezier(0, 0, .58, 1) }
.social-links-share a i { transition: .27s cubic-bezier(0, 0, .58, 1) }
.social-links-share a:hover i { opacity: .7 }
.social-links-share span { font-size: 18px; margin-right: 10px; font-weight: 700 }
.partners.hover-effect a img { -webkit-transition: .27s cubic-bezier(0, 0, .58, 1); transition: .27s cubic-bezier(0, 0, .58, 1) }
.footer-social-links a, .partners.hover-effect a img:hover { -moz-transition: .27s cubic-bezier(0, 0, .58, 1); -o-transition: .27s cubic-bezier(0, 0, .58, 1); -ms-transition: .27s cubic-bezier(0, 0, .58, 1) }
.partners.hover-effect a img:hover { opacity: .7; -webkit-transition: .27s cubic-bezier(0, 0, .58, 1); transition: .27s cubic-bezier(0, 0, .58, 1) }
.footer-social-links a { font-size: 25px; margin: 0 10px; color: #303233; width: 50px; height: 50px; position: relative; display: inline-block; line-height: 50px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: .27s cubic-bezier(0, 0, .58, 1); transition: .27s cubic-bezier(0, 0, .58, 1) }
.footer-social-links a:before { position: absolute; width: 100%; height: 100%; border: 2px solid #303233; top: 0; left: 0; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: .27s cubic-bezier(0, 0, .58, 1); -moz-transition: .27s cubic-bezier(0, 0, .58, 1); -o-transition: .27s cubic-bezier(0, 0, .58, 1); -ms-transition: .27s cubic-bezier(0, 0, .58, 1); transition: .27s cubic-bezier(0, 0, .58, 1) }
.footer-social-links a:hover, .header-login a:hover { color: #fff; background-color: #303233 }
.footer { background-color: #303233 }
.footer-title { font-size: 20px; color: #fff }
.footer-list, .footer-text { font-size: 14px; color: #fff }
.footer-list i { margin-right: 10px }
.footer-inner .section-text { font-weight: 500 }
.footer-columns .footer-social-links a { font-size: 20px; margin: 0 5px; width: 40px; height: 40px; line-height: 40px }
.footer-news { color: #fff; font-size: 14px; position: relative; margin-bottom: 20px; transition: all .27s cubic-bezier(0, 0, .58, 1) }
.footer-news a{color: #fff;}
.footer-news:last-child { margin-bottom: 0 }
.footer-news:hover { opacity: .8 }
.footer-news img { position: absolute; top: 0; left: 0 }
.footer-news-text { padding: 5px 0 0 65px; font-weight: 700; min-height: 50px; color: #fff }
.footer-news-text span { font-size: 10px; font-weight: 400; line-height: 1; display: block; opacity: .85; margin-top: 2px }
.footer-grid { margin: 0 0 0 -10px; padding: 0; max-width: 300px }
.footer-grid .col-3 { padding: 0 0 10px 10px; width: 25%; float: left; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) }
.footer-grid .col-3:hover { opacity: .8 }
.bottom-footer { height: 50px; line-height: 50px; font-size: 14px; background-color: #2CB8EA; color: rgba(255,255,255,1) }
.footer-contacts-title { font-size: 16px; font-weight: 600; margin-bottom: 20px; text-align: center; text-transform: uppercase }
.footer-contact-item { position: relative; z-index: 1; color: #303233; padding-left: 45px; margin: 0 0 20px 55px }
.footer-contact-icon { position: absolute; z-index: 1; top: 0; left: 0; font-size: 28px }
.footer-contact-text { font-size: 14px; font-weight: 400; color: #303030 }
.footer-contact-text span { display: block }
.subscribe p { font-size: 12px; margin-bottom: 50px }
.form .subscribe-field { max-width: 400px; height: 45px!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; background-color: transparent; text-transform: none!important; border-right: none!important; vertical-align: bottom!important }
.not-found-title, dl>dt { text-transform: uppercase }
.subscribe .form .button { box-shadow: none }
.subscribe .featured_separated { padding-bottom: 10px; padding-top: 0 }
.text-white { color: #fff }
.navigation { width: 100%; height: 90px; font-size: 16px; text-align: center; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea }
.nav-all { font-size: 24px }
.navigation a.nav-next, .navigation a.nav-prev { margin-top: 20px; margin-bottom: 20px; color: #303233; height: 50px; font-size: 0 }
.navigation a.nav-all { color: #eaeaea; line-height: 0; width: 30px; height: 25px; display: inline-block; top: calc(50% - 15px); position: relative; z-index: 1 }
.navigation a.nav-all span { position: absolute; z-index: 1; top: 0; left: 0; display: inline-block; width: 13px; height: 10px; border: 1px solid #cfd0d0; -webkit-transition: all .2s cubic-bezier(0, 0, .58, 1); -moz-transition: all .2s cubic-bezier(0, 0, .58, 1); -o-transition: all .2s cubic-bezier(0, 0, .58, 1); -ms-transition: all .2s cubic-bezier(0, 0, .58, 1); transition: all .2s cubic-bezier(0, 0, .58, 1) }
.navigation a.nav-next>.icon-part, .navigation a.nav-next>.word-part .wrapper, .navigation a.nav-prev>.icon-part, .navigation a.nav-prev>.word-part .wrapper { height: 50px; font-size: 14px; -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) }
.navigation a.nav-all span:nth-child(1) { transform: translate(0, 1px); -ms-transform: translate(0, 1px); -moz-transform: translate(0, 1px); -webkit-transform: translate(0, 1px) }
.navigation a.nav-all span:nth-child(2) { transform: translate(16px, 1px); -ms-transform: translate(16px, 1px); -moz-transform: translate(16px, 1px); -webkit-transform: translate(16px, 1px) }
.navigation a.nav-all span:nth-child(3) { transform: translate(0, 14px); -ms-transform: translate(0, 14px); -moz-transform: translate(0, 14px); -webkit-transform: translate(0, 14px) }
.navigation a.nav-all span:nth-child(4) { transform: translate(16px, 14px); -ms-transform: translate(16px, 14px); -moz-transform: translate(16px, 14px); -webkit-transform: translate(16px, 14px) }
.navigation a.nav-all:hover span:nth-child(1) { transform: translate(1px, 2px); -ms-transform: translate(1px, 2px); -moz-transform: translate(1px, 2px); -webkit-transform: translate(1px, 2px) }
.navigation a.nav-all:hover span:nth-child(2) { transform: translate(15px, 2px); -ms-transform: translate(15px, 2px); -moz-transform: translate(15px, 2px); -webkit-transform: translate(15px, 2px) }
.navigation a.nav-all:hover span:nth-child(3) { transform: translate(1px, 13px); -ms-transform: translate(1px, 13px); -moz-transform: translate(1px, 13px); -webkit-transform: translate(1px, 13px) }
.navigation a.nav-all:hover span:nth-child(4) { transform: translate(15px, 13px); -ms-transform: translate(15px, 13px); -moz-transform: translate(15px, 13px); -webkit-transform: translate(15px, 13px) }
.navigation a.nav-next>*, .navigation a.nav-prev>* { vertical-align: middle; display: inline-block }
.navigation a.nav-next>.icon-part, .navigation a.nav-prev>.icon-part { padding: 12px 0 12px 26px; border: 1px solid #eaeaea; border-right: 0; transition: all .27s cubic-bezier(0, 0, .58, 1) }
.navigation a.nav-next>.icon-part { padding-right: 26px; padding-left: 0; border-left: 0; border-right: 1px solid #eaeaea; transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) }
.navigation a.nav-next>.word-part, .navigation a.nav-prev>.word-part { font-size: 14px; overflow: hidden }
.navigation a.nav-next>.word-part .wrapper, .navigation a.nav-prev>.word-part .wrapper { padding: 12px 26px; border: 1px solid #eaeaea; border-left: 0; transform: translateX(calc(-100% + 27px)); -ms-transform: translateX(calc(-100% + 27px)); -moz-transform: translateX(calc(-100% + 27px)); -webkit-transform: translateX(calc(-100% + 27px)); transition: all .27s cubic-bezier(0, 0, .58, 1) }
.navigation a.nav-next>.word-part .wrapper span, .navigation a.nav-next>span, .navigation a.nav-prev>.word-part .wrapper span, .navigation a.nav-prev>span { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1) }
.navigation a.nav-next>.word-part .wrapper { border-right: 0; border-left: 1px solid #eaeaea; transform: translateX(calc(100% - 27px)); -ms-transform: translateX(calc(100% - 27px)); -moz-transform: translateX(calc(100% - 27px)); -webkit-transform: translateX(calc(100% - 27px)) }
.navigation a.nav-prev:hover>.word-part .wrapper { transform: translateX(-20px); -ms-transform: translateX(-20px); -moz-transform: translateX(-20px); -webkit-transform: translateX(-20px) }
.navigation a.nav-next:hover>.word-part .wrapper { transform: translateX(20px); -ms-transform: translateX(20px); -moz-transform: translateX(20px); -webkit-transform: translateX(20px) }
.navigation a.nav-next>.word-part .wrapper span, .navigation a.nav-prev>.word-part .wrapper span { opacity: 0; font-weight: 600; vertical-align: middle; transition: all .27s cubic-bezier(0, 0, .58, 1) }
.navigation a.nav-next:hover>.word-part .wrapper span, .navigation a.nav-prev:hover>.word-part .wrapper span { opacity: 1 }
.navigation a.nav-next>span, .navigation a.nav-prev>span { width: 0; overflow: hidden; display: inline-block; transition: all .27s cubic-bezier(0, 0, .58, 1) }
.navigation a.nav-next:hover>span, .navigation a.nav-prev:hover>span { width: auto }
.navigation a.nav-next i, .navigation a.nav-prev i { transform: rotate(90deg)!important; display: inline-block; line-height: 1; overflow: hidden; font-size: 21px; height: 14px; vertical-align: middle }
.navigation a.nav-prev i { line-height: 8px }
dl>dt { font-size: .8571428em; font-weight: 400 }
dl>dt>a { display: block; position: relative; margin-top: 10px; padding: 7px 0; font-weight: 600 }
.on-dark .accordion>dt>a { color: #fff; border-color: #fff }
.accordion>dt>a.active { margin-bottom: 0 }
dl>dt>a>.icon { margin: -.3em 12px -.3em -.7em }
.accordion>dt>a.active>.icon, .toggle>dt>a.active>.icon { color: #fff; -webkit-box-shadow: 0 0 0 1px #2EBBEC; -moz-box-shadow: 0 0 0 1px #2EBBEC; box-shadow: 0 0 0 1px #2EBBEC }
.on-dark .accordion>dt>a:after { background-color: #fff }
.on-dark .accordion>dt>a.active:after { background-color: #303233 }
dl>dd { padding: 20px; background-color: #f5f5f5 }
.accordion.back-full>dt>a { color: #fff; background-color: #303233 }
.accordion>dt>a:after, .toggle>dt>a, .toggle>dt>a:after, dl>dt>a { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); -moz-transition: all .27s cubic-bezier(0, 0, .58, 1); -o-transition: all .27s cubic-bezier(0, 0, .58, 1); -ms-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) }
dl dt>a { padding: 13px 20px; color: #303233 }
dl>dt>a>i { font-weight: 400 }
.accordion.alt>dt>a, .toggle.alt>dt>a { border: 1px solid #eaeaea }
.line-ver { display: block; width: 70px; height: 2px; margin: 25px auto; background-color: #303233 }
.white, .white .banner-title { color: #fff }
.not-found-content { position: absolute; z-index: 2; max-width: 330px; bottom: 14%; left: 50%; margin-left: -165px }
.not-found-title { font-size: 60px; color: #fff; line-height: 1.1; margin-bottom: 50px }

@media only screen and (max-width:1200px) {
.filter-grid-5 .portfolio-item { width: 25% }
}

@media only screen and (max-width:992px) {
.filter-grid-3 .portfolio-item, .filter-grid-3 .portfolio-item.big-width, .filter-grid-4 .portfolio-item, .filter-grid-5 .portfolio-item, .portfolio-item { width: 50% }
.breadcrumbs:not(.align-center) { text-align: left!important }
.owl-carousel:hover .owl-next { right: 0 }
.owl-carousel:hover .owl-prev { left: 0 }
.portfolio-single>.portfolio-item { width: 100% }
.blog-section, .mini-section, .page-section, .small-section { background-attachment: scroll!important }
.shopping-cart-table .product-thumbnail { font-size: 0 }
.shopping-cart-table .product-thumbnail img { width: 50px }
.fullwidth-slider .home-wrapper { font-size: 10px }
}

@media only screen and (max-width:768px) {
.comment-name .stars, .pagination a.nav-next, .pagination a.nav-prev, .products-panel .left, .products-panel .right { float: none!important }
.bg-section-half-right { background-position: left }
.bg-section-half-left { background-position: right }
.icon-tabs .media-tabs { font-size: 45px }
.filter-grid-3 .portfolio-item.big-width { width: 100% }
.blog-section, .mini-section, .page-section, .small-section { padding: 70px 0 }
.mini-section { padding: 45px 0 }
.main-filter a, .portfolio-filter a { margin: 0 10px 5px }
.breadcrumbs .section-title { font-size: 30px }
.breadcrumbs .section-title-top { font-size: 16px }
.products-panel { text-align: center }
.pagination { height: auto }
.pagination a.nav-next, .pagination a.nav-prev { display: block }
.shopping-cart-table .product-subtotal, .shopping-cart-table .product-thumbnail { display: none }
.list-view .product-descr { padding-left: 0; clear: both }
.shopping-cart-table .input-sm { width: 45px }
.shopping-cart-table .product-quantity { font-size: 0 }
table.shopping-cart-table tr td, table.shopping-cart-table tr th { padding: 5px }
.comment-name .stars { margin-top: 5px }
.fullwidth-slider .home-wrapper { font-size: 7px }
}

@media only screen and (max-width:520px) {
.portfolio-filter { width: 80%; margin: 0 auto }
}

@media only screen and (max-width:480px) {
.filter-grid-2 .portfolio-item, .filter-grid-3 .portfolio-item, .filter-grid-4 .portfolio-item, .filter-grid-5 .portfolio-item, .portfolio-item, .work-item { width: 100% }
}
.multi-columns-row .col-xs-1:nth-child(12n+13), .multi-columns-row .col-xs-2:nth-child(6n+7), .multi-columns-row .col-xs-3:nth-child(4n+5), .multi-columns-row .col-xs-4:nth-child(3n+4), .multi-columns-row .col-xs-6:nth-child(2n+3) { clear: left }

@media (min-width:768px) {
.multi-columns-row .col-xs-1:nth-child(12n+13), .multi-columns-row .col-xs-2:nth-child(6n+7), .multi-columns-row .col-xs-3:nth-child(4n+5), .multi-columns-row .col-xs-4:nth-child(3n+4), .multi-columns-row .col-xs-6:nth-child(2n+3) { clear: none }
.multi-columns-row .col-sm-1:nth-child(12n+13), .multi-columns-row .col-sm-2:nth-child(6n+7), .multi-columns-row .col-sm-3:nth-child(4n+5), .multi-columns-row .col-sm-4:nth-child(3n+4), .multi-columns-row .col-sm-6:nth-child(2n+3) { clear: left }
}

@media (min-width:992px) {
.multi-columns-row .col-sm-1:nth-child(12n+13), .multi-columns-row .col-sm-2:nth-child(6n+7), .multi-columns-row .col-sm-3:nth-child(4n+5), .multi-columns-row .col-sm-4:nth-child(3n+4), .multi-columns-row .col-sm-6:nth-child(2n+3) { clear: none }
.multi-columns-row .col-md-1:nth-child(12n+13), .multi-columns-row .col-md-2:nth-child(6n+7), .multi-columns-row .col-md-3:nth-child(4n+5), .multi-columns-row .col-md-4:nth-child(3n+4), .multi-columns-row .col-md-6:nth-child(2n+3) { clear: left }
}

@media (min-width:1200px) {
.multi-columns-row .col-md-1:nth-child(12n+13), .multi-columns-row .col-md-2:nth-child(6n+7), .multi-columns-row .col-md-3:nth-child(4n+5), .multi-columns-row .col-md-4:nth-child(3n+4), .multi-columns-row .col-md-6:nth-child(2n+3) { clear: none }
.multi-columns-row .col-lg-1:nth-child(12n+13), .multi-columns-row .col-lg-2:nth-child(6n+7), .multi-columns-row .col-lg-3:nth-child(4n+5), .multi-columns-row .col-lg-4:nth-child(3n+4), .multi-columns-row .col-lg-6:nth-child(2n+3) { clear: left }
}
.accordion.alt>dt>a.active, .accordion>dt>a.active>.icon, .bg-section-featured:before, .button-border.alt, .button-border:hover, .button-line:before, .button-shadow.alt, .button-shadow:hover, .featured_separated.color-alt span, .inner-nav .nav-submenu:before, .inner-nav ul li .submenu li:before, .inner-nav>ul>li>a.active:after, .local-scroll:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover, .navigation a.nav-next:hover>.icon-part, .navigation a.nav-next:hover>.word-part .wrapper, .navigation a.nav-prev:hover>.icon-part, .navigation a.nav-prev:hover>.word-part .wrapper, .owl-controls .owl-pagination .owl-page.active, .owl-next:hover, .owl-prev:hover, .pagination a.nav-next:hover>.icon-part, .pagination a.nav-next:hover>.word-part .wrapper, .pagination a.nav-prev:hover>.icon-part, .pagination a.nav-prev:hover>.word-part .wrapper, .portfolio-filter a.active:before, .product-special, .progress .progress-bar, .skill-bar .bar span, .toggle.alt>dt>a.active, .toggle>dt>a.active>.icon, .tp-leftarrow:hover, .tp-rightarrow:hover, dl:not(.accordion):not(.alt):not(.toggle)>dt>a, ins.ins-1, ul li.list-item:before { background: #2EBBEC }
.accordion.alt>dt>a.active, .button-border.alt, .button-border:hover, .nav-tabs.border-tabs.icon-tabs>li.active>a, .nav-tabs.border-tabs.icon-tabs>li.active>a:focus, .nav-tabs.border-tabs.icon-tabs>li.active>a:hover, .nav-tabs.border-tabs.icon-tabs>li>a:hover, .nav-tabs.border-tabs>li.active>a, .nav-tabs.border-tabs>li.active>a:focus, .nav-tabs.border-tabs>li.active>a:hover, .nav-tabs.border-tabs>li>a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover, .navigation a.nav-next:hover>.icon-part, .navigation a.nav-next:hover>.word-part .wrapper, .navigation a.nav-prev:hover>.icon-part, .navigation a.nav-prev:hover>.word-part .wrapper, .notice, .owl-controls .owl-pagination .owl-page.active, .owl-next:hover, .owl-prev:hover, .pagination a.nav-next:hover>.icon-part, .pagination a.nav-next:hover>.word-part .wrapper, .pagination a.nav-prev:hover>.icon-part, .pagination a.nav-prev:hover>.word-part .wrapper, .toggle.alt>dt>a.active, .tp-leftarrow:hover, .tp-rightarrow:hover, dl:not(.accordion):not(.alt):not(.toggle)>dt>a { border-color: #2EBBEC }
.alt-3-features-icon, .blog-item ul.post-meta li a:hover, .main-filter a.active, .main-filter a:hover, .mobile-on .inner-nav.hidden-nav.menu-opened>ul>li>a.active, .portfolio-filter a.active, .portfolio-filter a:hover, .single .blog-tags a:hover, .special-color, blockquote.alt:before { color: #2EBBEC }
.accordion>dt>a.active span, .accordion>dt>a:hover span, .blog-icon, .button-border, .button-shadow, .font-color-alt, .header-font-color, .portfolio-title, .portfolio-title a, .potfolio-hover-container .icon-container>a, .pricing-icon, .pricing-num, .pricing-title, .toggle>dt>a.active span, .toggle>dt>a:hover span { color: #303233 }
.inner-nav.hidden-nav .menu-button span, .main-nav.mobile-on .mobile-nav .menu-button span, .progress.style-2 .progress-bar { background: #303233 }
.social { width: 100%; height: auto }
.social li a { margin-right: 5px }
.social li a i { height: 40px; width: 40px; color: #fff; text-align: center; line-height: 40px; font-size: 20px; -webkit-transition: ease-in-out .3s; -moz-transition: ease-in-out .3s; transition: ease-in-out .3s }
.soc-facebook { background-color: #305891!important }
.soc-facebook:hover { background-color: #fff!important; color: #305891!important }
.soc-twitter { background-color: #2CA8D2!important }
.soc-twitter:hover { background-color: #fff!important; color: #2CA8D2!important }
.soc-instagram { background-color: #A27556!important }
.soc-instagram:hover { background-color: #fff!important; color: #A27556!important }
.soc-google-plus { background-color: #DA5534!important }
.soc-google-plus:hover { background-color: #fff!important; color: #DA5534!important }