@charset "UTF-8";
/*
Theme Name: gear
Theme URI: https://wpopal.org/themes/gear/
Author: WPOPAL Team
Author URI: https://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: gear
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*------------------------------------------------------------------
[Table of contents]
1. Utilities
2. Base
3. Layout
4. Page
5. Post
6. Form
7. Responsive
8. Widget
-------------------------------------------------------------------*/
/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/* $headings-font-weight: 700 !default; */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display: block; }
audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden],template {
display: none; }
a {
background-color: transparent; }
a:active,a:hover {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted; }
b,strong {
font-weight: 700; }
dfn {
font-style: italic; }
h1 {
font-size: 2em;
margin: .67em 0; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -.5em; }
sub {
bottom: -.25em; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,kbd,pre,samp {
font-family: monospace,monospace;
font-size: 1em; }
button,input,optgroup,select,textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button,select {
text-transform: none; }
button,html input[type=button],input[type=reset],input[type=submit] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled],html input[disabled] {
cursor: default; }
button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type=checkbox],input[type=radio] {
box-sizing: border-box;
padding: 0; }
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
height: auto; }
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box; }
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em; }
textarea {
overflow: auto; }
optgroup {
font-weight: 700; }
table {
border-collapse: collapse; }
td,th {
padding: 0; }
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,:after,:before {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important; }
a,a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
a[href^="#"]:after,a[href^="javascript:"]:after {
content: ""; }
blockquote,pre {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
img,tr {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
h2,h3,p {
orphans: 3;
widows: 3; }
h2,h3 {
page-break-after: avoid; }
.navbar {
display: none; }
.btn>.caret,.dropup>.btn>.caret {
border-top-color: #000 !important; }
.label {
border: 1px solid #000; }
.table {
border-collapse: collapse !important; }
.table td,.table th {
background-color: #fff !important; }
.table-bordered td,.table-bordered th {
border: 1px solid #ddd !important; } }
*,:after,:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent; }
body {
font-family: Yantramanav;
font-size: 16px;
line-height: 1.5;
color: #666;
background-color: #fff; }
button,input,select,textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit; }
a {
color: #000; }
a,a:focus,a:hover {
text-decoration: none; }
a:focus,a:hover {
color: #d0262e; }
a:focus {
outline: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.img-responsive {
display: block;
max-width: 100%;
height: auto; }
.img-rounded {
border-radius: 3px; }
.img-thumbnail {
padding: 4px;
line-height: 1.5;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto; }
.img-circle {
border-radius: 50%; }
hr {
margin-top: 24px;
margin-bottom: 24px;
border-top: 1px solid #eee; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0; }
.sr-only-focusable:active,.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
[role=button] {
cursor: pointer; }
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
font-family: Poppins;
font-weight: 700;
line-height: 1.1;
color: #1f252b; }
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
font-weight: 400;
line-height: 1;
color: #000; }
.h1,.h2,.h3,h1,h2,h3 {
margin-top: 24px;
margin-bottom: 12px; }
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
font-size: 65%; }
.h4,.h5,.h6,h4,h5,h6 {
margin-top: 12px;
margin-bottom: 12px; }
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
font-size: 75%; }
.h1,h1 {
font-size: 44px; }
.h2,h2 {
font-size: 30px; }
.h3,h3 {
font-size: 24px; }
.h4,h4 {
font-size: 18px; }
.h5,h5 {
font-size: 16px; }
.h6,h6 {
font-size: 14px; }
p {
margin: 0 0 12px; }
.lead {
margin-bottom: 24px;
font-size: 18px;
font-weight: 300;
line-height: 1.4; }
@media (min-width: 768px) {
.lead {
font-size: 24px; } }
.small,small {
font-size: 75%; }
.mark,mark {
background-color: #fffaf2;
padding: .2em; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.text-justify {
text-align: justify; }
.text-nowrap {
white-space: nowrap; }
.text-lowercase {
text-transform: lowercase; }
.text-capitalize {
text-transform: capitalize; }
.text-muted {
color: #666; }
.text-primary {
color: #ebba11; }
a.text-primary:focus,a.text-primary:hover {
color: #bb940e; }
.text-success {
color: #1b7121; }
a.text-success:focus,a.text-success:hover {
color: #114815; }
.text-info {
color: #19527e; }
a.text-info:focus,a.text-info:hover {
color: #113653; }
.text-warning {
color: #a76800; }
a.text-warning:focus,a.text-warning:hover {
color: #744800; }
.text-danger {
color: #ff4a5d; }
a.text-danger:focus,a.text-danger:hover {
color: #ff172f; }
.bg-primary {
color: #fff;
background-color: #ebba11 !important; }
a.bg-primary:focus,a.bg-primary:hover {
background-color: #bb940e; }
.bg-success {
background-color: #f2fef3 !important; }
a.bg-success:focus,a.bg-success:hover {
background-color: #c3fac7; }
.bg-info {
background-color: #f2f9ff !important; }
a.bg-info:focus,a.bg-info:hover {
background-color: #bfe1ff; }
.bg-warning {
background-color: #fffaf2 !important; }
a.bg-warning:focus,a.bg-warning:hover {
background-color: #ffe6bf; }
.bg-danger {
background-color: #ffe3e6 !important; }
a.bg-danger:focus,a.bg-danger:hover {
background-color: #ffb0b8; }
.page-header {
padding-bottom: 11px;
margin: 0 0 24px;
border-bottom: 1px solid #eee; }
ol,ul {
margin-top: 0;
margin-bottom: 12px; }
ol ol,ol ul,ul ol,ul ul {
margin-bottom: 0; }
.list-inline,.list-unstyled {
padding-left: 0;
list-style: none; }
.list-inline {
margin-left: -5px; }
.list-inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px; }
dl {
margin-top: 0;
margin-bottom: 24px; }
dd,dt {
line-height: 1.5; }
dd {
margin-left: 0; }
.dl-horizontal dd:after,.dl-horizontal dd:before {
content: " ";
display: table; }
.dl-horizontal dd:after {
clear: both; }
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.dl-horizontal dd {
margin-left: 180px; } }
abbr[data-original-title],abbr[title] {
cursor: help;
border-bottom: 1px dotted #666; }
.initialism {
font-size: 90%; }
blockquote {
padding: 12px 24px;
margin: 0 0 24px;
border-left: 5px solid #ebba11; }
blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
margin-bottom: 0; }
blockquote .small,blockquote footer,blockquote small {
display: block;
font-size: 80%;
line-height: 1.5;
color: #666; }
blockquote .small:before,blockquote footer:before,blockquote small:before {
content: "\2014 \00A0"; }
.blockquote-reverse,.menu-theme blockquote.dropdown-menu,.portfolio.portfolio_home4 blockquote.nav-inner,.single_blog blockquote.meta,blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #ebba11;
border-left: 0;
text-align: right; }
.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,.menu-theme blockquote.dropdown-menu .small:before,.menu-theme blockquote.dropdown-menu footer:before,.menu-theme blockquote.dropdown-menu small:before,.portfolio.portfolio_home4 blockquote.nav-inner .small:before,.portfolio.portfolio_home4 blockquote.nav-inner footer:before,.portfolio.portfolio_home4 blockquote.nav-inner small:before,.single_blog blockquote.meta .small:before,.single_blog blockquote.meta footer:before,.single_blog blockquote.meta small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
content: ""; }
.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,.menu-theme blockquote.dropdown-menu .small:after,.menu-theme blockquote.dropdown-menu footer:after,.menu-theme blockquote.dropdown-menu small:after,.portfolio.portfolio_home4 blockquote.nav-inner .small:after,.portfolio.portfolio_home4 blockquote.nav-inner footer:after,.portfolio.portfolio_home4 blockquote.nav-inner small:after,.single_blog blockquote.meta .small:after,.single_blog blockquote.meta footer:after,.single_blog blockquote.meta small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
content: "\00A0 \2014"; }
address {
margin-bottom: 24px;
font-style: normal;
line-height: 30px; }
code,kbd,pre,samp {
font-family: Roboto; }
code {
color: #c7254e;
background-color: #f9f2f4; }
code,kbd {
padding: 2px 4px;
font-size: 90%;
border-radius: 3px; }
kbd {
color: #fff;
background-color: #333;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); }
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
box-shadow: none; }
pre {
display: block;
padding: 11.5px;
margin: 0 0 12px;
font-size: 15px;
line-height: 1.5;
word-break: break-all;
word-wrap: break-word;
color: #666;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 3px; }
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0; }
.pre-scrollable {
max-height: 340px;
overflow-y: scroll; }
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.container:after,.container:before {
content: " ";
display: table; }
.container:after {
clear: both; }
@media (min-width: 768px) {
.container {
width: 780px; } }
@media (min-width: 992px) {
.container {
width: 1000px; } }
@media (min-width: 1200px) {
.container {
width: 1200px; } }
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.container-fluid:after,.container-fluid:before {
content: " ";
display: table; }
.container-fluid:after {
clear: both; }
.row {
margin-left: -15px;
margin-right: -15px; }
.row:after,.row:before {
content: " ";
display: table; }
.row:after {
clear: both; }
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px; }
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
float: left; }
.col-xs-1 {
width: 8.33333%; }
.col-xs-2 {
width: 16.66667%; }
.col-xs-3 {
width: 25%; }
.col-xs-4 {
width: 33.33333%; }
.col-xs-5 {
width: 41.66667%; }
.col-xs-6 {
width: 50%; }
.col-xs-7 {
width: 58.33333%; }
.col-xs-8 {
width: 66.66667%; }
.col-xs-9 {
width: 75%; }
.col-xs-10 {
width: 83.33333%; }
.col-xs-11 {
width: 91.66667%; }
.col-xs-12 {
width: 100%; }
.col-xs-pull-0 {
right: auto; }
.col-xs-pull-1 {
right: 8.33333%; }
.col-xs-pull-2 {
right: 16.66667%; }
.col-xs-pull-3 {
right: 25%; }
.col-xs-pull-4 {
right: 33.33333%; }
.col-xs-pull-5 {
right: 41.66667%; }
.col-xs-pull-6 {
right: 50%; }
.col-xs-pull-7 {
right: 58.33333%; }
.col-xs-pull-8 {
right: 66.66667%; }
.col-xs-pull-9 {
right: 75%; }
.col-xs-pull-10 {
right: 83.33333%; }
.col-xs-pull-11 {
right: 91.66667%; }
.col-xs-pull-12 {
right: 100%; }
.col-xs-push-0 {
left: auto; }
.col-xs-push-1 {
left: 8.33333%; }
.col-xs-push-2 {
left: 16.66667%; }
.col-xs-push-3 {
left: 25%; }
.col-xs-push-4 {
left: 33.33333%; }
.col-xs-push-5 {
left: 41.66667%; }
.col-xs-push-6 {
left: 50%; }
.col-xs-push-7 {
left: 58.33333%; }
.col-xs-push-8 {
left: 66.66667%; }
.col-xs-push-9 {
left: 75%; }
.col-xs-push-10 {
left: 83.33333%; }
.col-xs-push-11 {
left: 91.66667%; }
.col-xs-push-12 {
left: 100%; }
.col-xs-offset-0 {
margin-left: 0; }
.col-xs-offset-1 {
margin-left: 8.33333%; }
.col-xs-offset-2 {
margin-left: 16.66667%; }
.col-xs-offset-3 {
margin-left: 25%; }
.col-xs-offset-4 {
margin-left: 33.33333%; }
.col-xs-offset-5 {
margin-left: 41.66667%; }
.col-xs-offset-6 {
margin-left: 50%; }
.col-xs-offset-7 {
margin-left: 58.33333%; }
.col-xs-offset-8 {
margin-left: 66.66667%; }
.col-xs-offset-9 {
margin-left: 75%; }
.col-xs-offset-10 {
margin-left: 83.33333%; }
.col-xs-offset-11 {
margin-left: 91.66667%; }
.col-xs-offset-12 {
margin-left: 100%; }
@media (min-width: 768px) {
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
float: left; }
.col-sm-1 {
width: 8.33333%; }
.col-sm-2 {
width: 16.66667%; }
.col-sm-3 {
width: 25%; }
.col-sm-4 {
width: 33.33333%; }
.col-sm-5 {
width: 41.66667%; }
.col-sm-6 {
width: 50%; }
.col-sm-7 {
width: 58.33333%; }
.col-sm-8 {
width: 66.66667%; }
.col-sm-9 {
width: 75%; }
.col-sm-10 {
width: 83.33333%; }
.col-sm-11 {
width: 91.66667%; }
.col-sm-12 {
width: 100%; }
.col-sm-pull-0 {
right: auto; }
.col-sm-pull-1 {
right: 8.33333%; }
.col-sm-pull-2 {
right: 16.66667%; }
.col-sm-pull-3 {
right: 25%; }
.col-sm-pull-4 {
right: 33.33333%; }
.col-sm-pull-5 {
right: 41.66667%; }
.col-sm-pull-6 {
right: 50%; }
.col-sm-pull-7 {
right: 58.33333%; }
.col-sm-pull-8 {
right: 66.66667%; }
.col-sm-pull-9 {
right: 75%; }
.col-sm-pull-10 {
right: 83.33333%; }
.col-sm-pull-11 {
right: 91.66667%; }
.col-sm-pull-12 {
right: 100%; }
.col-sm-push-0 {
left: auto; }
.col-sm-push-1 {
left: 8.33333%; }
.col-sm-push-2 {
left: 16.66667%; }
.col-sm-push-3 {
left: 25%; }
.col-sm-push-4 {
left: 33.33333%; }
.col-sm-push-5 {
left: 41.66667%; }
.col-sm-push-6 {
left: 50%; }
.col-sm-push-7 {
left: 58.33333%; }
.col-sm-push-8 {
left: 66.66667%; }
.col-sm-push-9 {
left: 75%; }
.col-sm-push-10 {
left: 83.33333%; }
.col-sm-push-11 {
left: 91.66667%; }
.col-sm-push-12 {
left: 100%; }
.col-sm-offset-0 {
margin-left: 0; }
.col-sm-offset-1 {
margin-left: 8.33333%; }
.col-sm-offset-2 {
margin-left: 16.66667%; }
.col-sm-offset-3 {
margin-left: 25%; }
.col-sm-offset-4 {
margin-left: 33.33333%; }
.col-sm-offset-5 {
margin-left: 41.66667%; }
.col-sm-offset-6 {
margin-left: 50%; }
.col-sm-offset-7 {
margin-left: 58.33333%; }
.col-sm-offset-8 {
margin-left: 66.66667%; }
.col-sm-offset-9 {
margin-left: 75%; }
.col-sm-offset-10 {
margin-left: 83.33333%; }
.col-sm-offset-11 {
margin-left: 91.66667%; }
.col-sm-offset-12 {
margin-left: 100%; } }
@media (min-width: 992px) {
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
float: left; }
.col-md-1 {
width: 8.33333%; }
.col-md-2 {
width: 16.66667%; }
.col-md-3 {
width: 25%; }
.col-md-4 {
width: 33.33333%; }
.col-md-5 {
width: 41.66667%; }
.col-md-6 {
width: 50%; }
.col-md-7 {
width: 58.33333%; }
.col-md-8 {
width: 66.66667%; }
.col-md-9 {
width: 75%; }
.col-md-10 {
width: 83.33333%; }
.col-md-11 {
width: 91.66667%; }
.col-md-12 {
width: 100%; }
.col-md-pull-0 {
right: auto; }
.col-md-pull-1 {
right: 8.33333%; }
.col-md-pull-2 {
right: 16.66667%; }
.col-md-pull-3 {
right: 25%; }
.col-md-pull-4 {
right: 33.33333%; }
.col-md-pull-5 {
right: 41.66667%; }
.col-md-pull-6 {
right: 50%; }
.col-md-pull-7 {
right: 58.33333%; }
.col-md-pull-8 {
right: 66.66667%; }
.col-md-pull-9 {
right: 75%; }
.col-md-pull-10 {
right: 83.33333%; }
.col-md-pull-11 {
right: 91.66667%; }
.col-md-pull-12 {
right: 100%; }
.col-md-push-0 {
left: auto; }
.col-md-push-1 {
left: 8.33333%; }
.col-md-push-2 {
left: 16.66667%; }
.col-md-push-3 {
left: 25%; }
.col-md-push-4 {
left: 33.33333%; }
.col-md-push-5 {
left: 41.66667%; }
.col-md-push-6 {
left: 50%; }
.col-md-push-7 {
left: 58.33333%; }
.col-md-push-8 {
left: 66.66667%; }
.col-md-push-9 {
left: 75%; }
.col-md-push-10 {
left: 83.33333%; }
.col-md-push-11 {
left: 91.66667%; }
.col-md-push-12 {
left: 100%; }
.col-md-offset-0 {
margin-left: 0; }
.col-md-offset-1 {
margin-left: 8.33333%; }
.col-md-offset-2 {
margin-left: 16.66667%; }
.col-md-offset-3 {
margin-left: 25%; }
.col-md-offset-4 {
margin-left: 33.33333%; }
.col-md-offset-5 {
margin-left: 41.66667%; }
.col-md-offset-6 {
margin-left: 50%; }
.col-md-offset-7 {
margin-left: 58.33333%; }
.col-md-offset-8 {
margin-left: 66.66667%; }
.col-md-offset-9 {
margin-left: 75%; }
.col-md-offset-10 {
margin-left: 83.33333%; }
.col-md-offset-11 {
margin-left: 91.66667%; }
.col-md-offset-12 {
margin-left: 100%; } }
@media (min-width: 1200px) {
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
float: left; }
.col-lg-1 {
width: 8.33333%; }
.col-lg-2 {
width: 16.66667%; }
.col-lg-3 {
width: 25%; }
.col-lg-4 {
width: 33.33333%; }
.col-lg-5 {
width: 41.66667%; }
.col-lg-6 {
width: 50%; }
.col-lg-7 {
width: 58.33333%; }
.col-lg-8 {
width: 66.66667%; }
.col-lg-9 {
width: 75%; }
.col-lg-10 {
width: 83.33333%; }
.col-lg-11 {
width: 91.66667%; }
.col-lg-12 {
width: 100%; }
.col-lg-pull-0 {
right: auto; }
.col-lg-pull-1 {
right: 8.33333%; }
.col-lg-pull-2 {
right: 16.66667%; }
.col-lg-pull-3 {
right: 25%; }
.col-lg-pull-4 {
right: 33.33333%; }
.col-lg-pull-5 {
right: 41.66667%; }
.col-lg-pull-6 {
right: 50%; }
.col-lg-pull-7 {
right: 58.33333%; }
.col-lg-pull-8 {
right: 66.66667%; }
.col-lg-pull-9 {
right: 75%; }
.col-lg-pull-10 {
right: 83.33333%; }
.col-lg-pull-11 {
right: 91.66667%; }
.col-lg-pull-12 {
right: 100%; }
.col-lg-push-0 {
left: auto; }
.col-lg-push-1 {
left: 8.33333%; }
.col-lg-push-2 {
left: 16.66667%; }
.col-lg-push-3 {
left: 25%; }
.col-lg-push-4 {
left: 33.33333%; }
.col-lg-push-5 {
left: 41.66667%; }
.col-lg-push-6 {
left: 50%; }
.col-lg-push-7 {
left: 58.33333%; }
.col-lg-push-8 {
left: 66.66667%; }
.col-lg-push-9 {
left: 75%; }
.col-lg-push-10 {
left: 83.33333%; }
.col-lg-push-11 {
left: 91.66667%; }
.col-lg-push-12 {
left: 100%; }
.col-lg-offset-0 {
margin-left: 0; }
.col-lg-offset-1 {
margin-left: 8.33333%; }
.col-lg-offset-2 {
margin-left: 16.66667%; }
.col-lg-offset-3 {
margin-left: 25%; }
.col-lg-offset-4 {
margin-left: 33.33333%; }
.col-lg-offset-5 {
margin-left: 41.66667%; }
.col-lg-offset-6 {
margin-left: 50%; }
.col-lg-offset-7 {
margin-left: 58.33333%; }
.col-lg-offset-8 {
margin-left: 66.66667%; }
.col-lg-offset-9 {
margin-left: 75%; }
.col-lg-offset-10 {
margin-left: 83.33333%; }
.col-lg-offset-11 {
margin-left: 91.66667%; }
.col-lg-offset-12 {
margin-left: 100%; } }
table {
background-color: transparent; }
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #666; }
caption,th {
text-align: left; }
.table {
margin-bottom: 24px; }
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
line-height: 1.5;
border-top: 1px solid #ddd; }
.table>thead>tr>th {
border-bottom: 2px solid #ddd; }
.table>tbody+tbody {
border-top: 2px solid #ddd; }
.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
padding: 5px; }
.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
border: 1px solid #ddd; }
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
border-bottom-width: 2px; }
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9; }
.table-hover>tbody>tr:hover {
background-color: #f5f5f5; }
table col[class*=col-] {
position: static;
float: none;
display: table-column; }
table td[class*=col-],table th[class*=col-] {
position: static;
float: none;
display: table-cell; }
.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
background-color: #f5f5f5; }
.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
background-color: #e8e8e8; }
.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
background-color: #f2fef3; }
.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
background-color: #dafcdd; }
.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
background-color: #f2f9ff; }
.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
background-color: #d9edff; }
.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
background-color: #fffaf2; }
.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
background-color: #fff0d9; }
.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
background-color: #ffe3e6; }
.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
background-color: #ffcacf; }
.table-responsive {
overflow-x: auto;
min-height: .01%; }
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 18px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd; }
.table-responsive>.table {
margin-bottom: 0; }
.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
white-space: nowrap; }
.table-responsive>.table-bordered {
border: 0; }
.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
border-left: 0; }
.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
border-right: 0; }
.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
border-bottom: 0; } }
fieldset {
margin: 0;
min-width: 0; }
fieldset,legend {
padding: 0;
border: 0; }
legend {
display: block;
width: 100%;
margin-bottom: 24px;
font-size: 24px;
line-height: inherit;
color: #666;
border-bottom: 1px solid #e5e5e5; }
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 400; }
input[type=search] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
input[type=checkbox],input[type=radio] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal; }
input[type=file] {
display: block; }
input[type=range] {
display: block;
width: 100%; }
select[multiple],select[size] {
height: auto; }
input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {
outline: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
output {
display: block;
padding-top: 11px;
font-size: 16px;
line-height: 1.5;
color: #555; }
.form_info .form-group,.form_info .form-row {
width: 33.3333%;
float: left; }
.form_info .form-group:nth-child(2),.form_info .form-row:nth-child(2) {
padding: 0 10px; }
.form-control {
display: block;
width: 100%;
height: 46px;
padding: 10px 20px;
font-size: 16px;
line-height: 1.5;
color: #555;
background-color: #f9f9f9;
background-image: none;
border: 1px solid #e1e1e1;
/* @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); */
-webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.form-control:focus {
border-color: #ebba11;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none; }
.form-control::-moz-placeholder {
color: #999;
opacity: 1; }
.form-control:-ms-input-placeholder {
color: #999; }
.form-control::-webkit-input-placeholder {
color: #999; }
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1; }
.form-control[disabled],fieldset[disabled] .form-control {
cursor: not-allowed; }
textarea.form-control {
min-height: 100px;
width: 100%; }
input[type=search] {
-webkit-appearance: none; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control {
line-height: 46px; }
.input-group-sm>.input-group-btn>input[type=date].btn,.input-group-sm>.input-group-btn>input[type=datetime-local].btn,.input-group-sm>.input-group-btn>input[type=month].btn,.input-group-sm>.input-group-btn>input[type=time].btn,.input-group-sm>input[type=date].form-control,.input-group-sm>input[type=date].input-group-addon,.input-group-sm>input[type=datetime-local].form-control,.input-group-sm>input[type=datetime-local].input-group-addon,.input-group-sm>input[type=month].form-control,.input-group-sm>input[type=month].input-group-addon,.input-group-sm>input[type=time].form-control,.input-group-sm>input[type=time].input-group-addon,.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm {
line-height: 36px; }
.input-group-lg>.input-group-btn>input[type=date].btn,.input-group-lg>.input-group-btn>input[type=datetime-local].btn,.input-group-lg>.input-group-btn>input[type=month].btn,.input-group-lg>.input-group-btn>input[type=time].btn,.input-group-lg>input[type=date].form-control,.input-group-lg>input[type=date].input-group-addon,.input-group-lg>input[type=datetime-local].form-control,.input-group-lg>input[type=datetime-local].input-group-addon,.input-group-lg>input[type=month].form-control,.input-group-lg>input[type=month].input-group-addon,.input-group-lg>input[type=time].form-control,.input-group-lg>input[type=time].input-group-addon,.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg {
line-height: 56px; } }
.form-group,.form-row {
margin-bottom: 15px; }
.checkbox,.radio {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px; }
.checkbox label,.radio label {
min-height: 24px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer; }
.checkbox-inline input[type=checkbox],.checkbox input[type=checkbox],.radio-inline input[type=radio],.radio input[type=radio] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9; }
.checkbox+.checkbox,.radio+.radio {
margin-top: -5px; }
.checkbox-inline,.radio-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: 400;
cursor: pointer; }
.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
margin-top: 0;
margin-left: 10px; }
.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .checkbox label,fieldset[disabled] .radio-inline,fieldset[disabled] .radio label,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
cursor: not-allowed; }
.form-control-static {
padding-top: 11px;
padding-bottom: 11px;
margin-bottom: 0;
min-height: 40px; }
.form-control-static.input-lg,.form-control-static.input-sm,.input-group-lg>.form-control-static.form-control,.input-group-lg>.form-control-static.input-group-addon,.input-group-lg>.input-group-btn>.form-control-static.btn,.input-group-sm>.form-control-static.form-control,.input-group-sm>.form-control-static.input-group-addon,.input-group-sm>.input-group-btn>.form-control-static.btn {
padding-left: 0;
padding-right: 0; }
.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn,.input-sm {
height: 36px;
padding: 8px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.input-group-sm>.input-group-btn>select.btn,.input-group-sm>select.form-control,.input-group-sm>select.input-group-addon,select.input-sm {
height: 36px;
line-height: 36px; }
.input-group-sm>.input-group-btn>select[multiple].btn,.input-group-sm>.input-group-btn>textarea.btn,.input-group-sm>select[multiple].form-control,.input-group-sm>select[multiple].input-group-addon,.input-group-sm>textarea.form-control,.input-group-sm>textarea.input-group-addon,select[multiple].input-sm,textarea.input-sm {
height: auto; }
.form-group-sm .form-control {
height: 36px;
padding: 8px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.form-group-sm select.form-control {
height: 36px;
line-height: 36px; }
.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control {
height: auto; }
.form-group-sm .form-control-static {
height: 36px;
min-height: 36px;
padding: 9px 10px;
font-size: 12px;
line-height: 1.5; }
.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn,.input-lg {
height: 56px;
padding: 15px 40px;
font-size: 18px;
line-height: 1.33333;
border-radius: 3px; }
.input-group-lg>.input-group-btn>select.btn,.input-group-lg>select.form-control,.input-group-lg>select.input-group-addon,select.input-lg {
height: 56px;
line-height: 56px; }
.input-group-lg>.input-group-btn>select[multiple].btn,.input-group-lg>.input-group-btn>textarea.btn,.input-group-lg>select[multiple].form-control,.input-group-lg>select[multiple].input-group-addon,.input-group-lg>textarea.form-control,.input-group-lg>textarea.input-group-addon,select[multiple].input-lg,textarea.input-lg {
height: auto; }
.form-group-lg .form-control {
height: 56px;
padding: 15px 40px;
font-size: 18px;
line-height: 1.33333;
border-radius: 3px; }
.form-group-lg select.form-control {
height: 56px;
line-height: 56px; }
.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control {
height: auto; }
.form-group-lg .form-control-static {
height: 56px;
min-height: 42px;
padding: 16px 40px;
font-size: 18px;
line-height: 1.33333; }
.has-feedback {
position: relative; }
.has-feedback .form-control {
padding-right: 57.5px; }
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
pointer-events: none; }
.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-group-lg>.form-control+.form-control-feedback,.input-group-lg>.input-group-addon+.form-control-feedback,.input-group-lg>.input-group-btn>.btn+.form-control-feedback,.input-lg+.form-control-feedback {
width: 56px;
height: 56px;
line-height: 56px; }
.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-group-sm>.form-control+.form-control-feedback,.input-group-sm>.input-group-addon+.form-control-feedback,.input-group-sm>.input-group-btn>.btn+.form-control-feedback,.input-sm+.form-control-feedback {
width: 36px;
height: 36px;
line-height: 36px; }
.has-success .checkbox,.has-success .checkbox-inline,.has-success.checkbox-inline label,.has-success.checkbox label,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.radio-inline label,.has-success.radio label {
color: #1b7121; }
.has-success .form-control {
border-color: #1b7121;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
.has-success .form-control:focus {
border-color: #114815;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #2fc339;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #2fc339; }
.has-success .input-group-addon {
color: #1b7121;
border-color: #1b7121;
background-color: #f2fef3; }
.has-success .form-control-feedback {
color: #1b7121; }
.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning.checkbox-inline label,.has-warning.checkbox label,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.radio-inline label,.has-warning.radio label {
color: #a76800; }
.has-warning .form-control {
border-color: #a76800;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
.has-warning .form-control:focus {
border-color: #744800;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ffa40e;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ffa40e; }
.has-warning .input-group-addon {
color: #a76800;
border-color: #a76800;
background-color: #fffaf2; }
.has-warning .form-control-feedback {
color: #a76800; }
.has-error .checkbox,.has-error .checkbox-inline,.has-error.checkbox-inline label,.has-error.checkbox label,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.radio-inline label,.has-error.radio label {
color: #ff4a5d; }
.has-error .form-control {
border-color: #ff4a5d;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
.has-error .form-control:focus {
border-color: #ff172f;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ffb0b8;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ffb0b8; }
.has-error .input-group-addon {
color: #ff4a5d;
border-color: #ff4a5d;
background-color: #ffe3e6; }
.has-error .form-control-feedback {
color: #ff4a5d; }
.has-feedback label~.form-control-feedback {
top: 29px; }
.has-feedback label.sr-only~.form-control-feedback {
top: 0; }
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #a6a6a6; }
@media (min-width: 768px) {
.form-inline .form-group,.form-inline .form-row {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.form-inline .form-control-static {
display: inline-block; }
.form-inline .input-group {
display: inline-table;
vertical-align: middle; }
.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
width: auto; }
.form-inline .input-group>.form-control {
width: 100%; }
.form-inline .checkbox,.form-inline .control-label,.form-inline .radio {
margin-bottom: 0;
vertical-align: middle; }
.form-inline .checkbox,.form-inline .radio {
display: inline-block;
margin-top: 0; }
.form-inline .checkbox label,.form-inline .radio label {
padding-left: 0; }
.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
position: relative;
margin-left: 0; }
.form-inline .has-feedback .form-control-feedback {
top: 0; } }
.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 11px; }
.form-horizontal .checkbox,.form-horizontal .radio {
min-height: 35px; }
.form-horizontal .form-group,.form-horizontal .form-row {
margin-left: -15px;
margin-right: -15px; }
.form-horizontal .form-group:after,.form-horizontal .form-group:before,.form-horizontal .form-row:after,.form-horizontal .form-row:before {
content: " ";
display: table; }
.form-horizontal .form-group:after,.form-horizontal .form-row:after {
clear: both; }
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 11px; } }
.form-horizontal .has-feedback .form-control-feedback {
right: 15px; }
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 21px;
font-size: 18px; } }
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 9px;
font-size: 12px; } }
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 700;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 2px solid transparent;
white-space: nowrap;
text-transform: uppercase;
padding: 10px 20px;
line-height: 1.5;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
outline: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.btn.focus,.btn:focus,.btn:hover {
color: #fff;
text-decoration: none; }
.btn.active,.btn:active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px transparent;
box-shadow: inset 0 3px 5px transparent; }
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none; }
a.btn.disabled,fieldset[disabled] a.btn {
pointer-events: none; }
.btn-default {
color: #fff;
background-color: #2e2e2e;
border-color: #2e2e2e; }
.btn-default.focus,.btn-default:focus {
color: #fff;
background-color: #151515;
border-color: #000; }
.btn-default.active,.btn-default:active,.btn-default:hover,.open>.btn-default.dropdown-toggle {
color: #fff;
background-color: #151515;
border-color: #0f0f0f; }
.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.btn-default.dropdown-toggle.focus,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle:hover {
color: #fff;
background-color: #030303;
border-color: #000; }
.btn-default.active,.btn-default:active,.open>.btn-default.dropdown-toggle {
background-image: none; }
.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
background-color: #2e2e2e;
border-color: #2e2e2e; }
.btn-default .badge {
color: #2e2e2e;
background-color: #fff; }
.btn-primary {
color: #fff;
background-color: #ebba11;
border-color: #ebba11; }
.btn-primary.focus,.btn-primary:focus {
color: #fff;
background-color: #bb940e;
border-color: #745c08; }
.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #bb940e;
border-color: #b28d0d; }
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover {
color: #fff;
background-color: #9a7a0b;
border-color: #745c08; }
.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle {
background-image: none; }
.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
background-color: #ebba11;
border-color: #ebba11; }
.btn-primary .badge {
color: #ebba11;
background-color: #fff; }
.btn-success {
color: #fff;
background-color: #70ba28;
border-color: #70ba28; }
.btn-success.focus,.btn-success:focus {
color: #fff;
background-color: #57901f;
border-color: #315111; }
.btn-success.active,.btn-success:active,.btn-success:hover,.open>.btn-success.dropdown-toggle {
color: #fff;
background-color: #57901f;
border-color: #52881d; }
.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.btn-success.dropdown-toggle.focus,.open>.btn-success.dropdown-toggle:focus,.open>.btn-success.dropdown-toggle:hover {
color: #fff;
background-color: #457319;
border-color: #315111; }
.btn-success.active,.btn-success:active,.open>.btn-success.dropdown-toggle {
background-image: none; }
.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
background-color: #70ba28;
border-color: #70ba28; }
.btn-success .badge {
color: #70ba28;
background-color: #fff; }
.btn-info {
color: #fff;
background-color: #04adf0;
border-color: #04adf0; }
.btn-info.focus,.btn-info:focus {
color: #fff;
background-color: #0389be;
border-color: #025373; }
.btn-info.active,.btn-info:active,.btn-info:hover,.open>.btn-info.dropdown-toggle {
color: #fff;
background-color: #0389be;
border-color: #0382b4; }
.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.btn-info.dropdown-toggle.focus,.open>.btn-info.dropdown-toggle:focus,.open>.btn-info.dropdown-toggle:hover {
color: #fff;
background-color: #03709b;
border-color: #025373; }
.btn-info.active,.btn-info:active,.open>.btn-info.dropdown-toggle {
background-image: none; }
.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
background-color: #04adf0;
border-color: #04adf0; }
.btn-info .badge {
color: #04adf0;
background-color: #fff; }
.btn-warning {
color: #fff;
background-color: #f0c73b;
border-color: #f0c73b; }
.btn-warning.focus,.btn-warning:focus {
color: #fff;
background-color: #e6b612;
border-color: #9f7e0c; }
.btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.btn-warning.dropdown-toggle {
color: #fff;
background-color: #e6b612;
border-color: #ddaf11; }
.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.btn-warning.dropdown-toggle.focus,.open>.btn-warning.dropdown-toggle:focus,.open>.btn-warning.dropdown-toggle:hover {
color: #fff;
background-color: #c59c0f;
border-color: #9f7e0c; }
.btn-warning.active,.btn-warning:active,.open>.btn-warning.dropdown-toggle {
background-image: none; }
.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
background-color: #f0c73b;
border-color: #f0c73b; }
.btn-warning .badge {
color: #f0c73b;
background-color: #fff; }
.btn-danger {
color: #fff;
background-color: #e93434;
border-color: #e93434; }
.btn-danger.focus,.btn-danger:focus {
color: #fff;
background-color: #d31717;
border-color: #8e0f0f; }
.btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #d31717;
border-color: #ca1616; }
.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.btn-danger.dropdown-toggle.focus,.open>.btn-danger.dropdown-toggle:focus,.open>.btn-danger.dropdown-toggle:hover {
color: #fff;
background-color: #b31313;
border-color: #8e0f0f; }
.btn-danger.active,.btn-danger:active,.open>.btn-danger.dropdown-toggle {
background-image: none; }
.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
background-color: #e93434;
border-color: #e93434; }
.btn-danger .badge {
color: #e93434;
background-color: #fff; }
.btn-link {
color: #000;
border-radius: 0; }
.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none; }
.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
border-color: transparent; }
.btn-link:focus,.btn-link:hover {
color: #d0262e;
text-decoration: none;
background-color: transparent; }
.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
color: #666;
text-decoration: none; }
.btn-group-lg>.btn,.btn-lg {
padding: 15px 40px;
font-size: 18px;
line-height: 1.33333;
border-radius: 3px; }
.btn-group-sm>.btn,.btn-sm {
padding: 8px 10px; }
.btn-group-sm>.btn,.btn-group-xs>.btn,.btn-sm,.btn-xs {
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.btn-group-xs>.btn,.btn-xs {
padding: 2px 5px; }
.btn-block {
display: block;
width: 100%; }
.btn-block+.btn-block {
margin-top: 5px; }
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
width: 100%; }
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear; }
.fade.in {
opacity: 1; }
.collapse {
display: none; }
.collapse.in {
display: block; }
tr.collapse.in {
display: table-row; }
tbody.collapse.in {
display: table-row-group; }
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height,visibility;
transition-property: height,visibility;
-webkit-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; }
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent; }
.dropdown,.dropup {
position: relative; }
.dropdown-toggle:focus {
outline: 0; }
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 205px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 16px;
text-align: left;
background-color: #fff;
border-top: 2px solid #000;
border-radius: 3px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
background-clip: padding-box; }
.dropdown-menu.pull-right,.menu-theme .dropdown-menu,.portfolio.portfolio_home4 .dropdown-menu.nav-inner,.single_blog .dropdown-menu.meta {
right: 0;
left: auto; }
.dropdown-menu .divider {
height: 1px;
margin: 11px 0;
overflow: hidden;
background-color: #e5e5e5; }
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.5;
color: #666;
white-space: nowrap; }
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
text-decoration: none;
color: #595959;
background-color: #f5f5f5; }
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #ebba11; }
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
color: #666; }
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed; }
.open>.dropdown-menu {
display: block; }
.open>a {
outline: 0; }
.dropdown-menu-right {
left: auto;
right: 0; }
.dropdown-menu-left {
left: 0;
right: auto; }
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.5;
color: #666;
white-space: nowrap; }
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990; }
.menu-theme .dropdown-menu>.dropdown-menu,.portfolio.portfolio_home4 .nav-inner>.dropdown-menu,.pull-right>.dropdown-menu,.single_blog .meta>.dropdown-menu {
right: 0;
left: auto; }
.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
content: ""; }
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px; }
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto; }
.navbar-right .dropdown-menu-left {
left: 0;
right: auto; } }
.btn-group,.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle; }
.btn-group-vertical>.btn,.btn-group>.btn {
position: relative;
float: left; }
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
z-index: 2; }
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
margin-left: -1px; }
.btn-toolbar {
margin-left: -5px; }
.btn-toolbar:after,.btn-toolbar:before {
content: " ";
display: table; }
.btn-toolbar:after {
clear: both; }
.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group {
float: left; }
.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
margin-left: 5px; }
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0; }
.btn-group>.btn:first-child {
margin-left: 0; }
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.btn-group>.btn-group {
float: left; }
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0; }
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
outline: 0; }
.btn-group>.btn+.dropdown-toggle {
padding-left: 8px;
padding-right: 8px; }
.btn-group-lg.btn-group>.btn+.dropdown-toggle,.btn-group>.btn-lg+.dropdown-toggle {
padding-left: 12px;
padding-right: 12px; }
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125); }
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none; }
.btn .caret {
margin-left: 0; }
.btn-group-lg>.btn .caret,.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0; }
.dropup .btn-group-lg>.btn .caret,.dropup .btn-lg .caret {
border-width: 0 5px 5px; }
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
display: block;
float: none;
width: 100%;
max-width: 100%; }
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before {
content: " ";
display: table; }
.btn-group-vertical>.btn-group:after {
clear: both; }
.btn-group-vertical>.btn-group>.btn {
float: none; }
.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
margin-top: -1px;
margin-left: 0; }
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
border-radius: 0; }
.btn-group-vertical>.btn:first-child:not(:last-child) {
border-top-right-radius: 3px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.btn-group-vertical>.btn:last-child:not(:first-child) {
border-bottom-left-radius: 3px;
border-top-right-radius: 0;
border-top-left-radius: 0; }
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0; }
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0; }
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate; }
.btn-group-justified>.btn,.btn-group-justified>.btn-group {
float: none;
display: table-cell;
width: 1%; }
.btn-group-justified>.btn-group .btn {
width: 100%; }
.btn-group-justified>.btn-group .dropdown-menu {
left: auto; }
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio],[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio] {
position: absolute;
clip: rect(0,0,0,0);
pointer-events: none; }
.input-group {
position: relative;
display: table;
border-collapse: separate; }
.input-group[class*=col-] {
float: none;
padding-left: 0;
padding-right: 0; }
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0; }
.input-group-addon,.input-group .form-control {
display: table-cell; }
.input-group-addon:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0; }
.input-group-addon,.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle; }
.input-group-addon {
padding: 10px 20px;
font-size: 16px;
font-weight: 400;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #e1e1e1;
border-radius: 3px; }
.input-group-addon.input-sm,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.input-group-addon.btn {
padding: 8px 10px;
font-size: 12px;
border-radius: 3px; }
.input-group-addon.input-lg,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.input-group-addon.btn {
padding: 15px 40px;
font-size: 18px;
border-radius: 3px; }
.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
margin-top: 0; }
.input-group-addon:first-child {
border-right: 0; }
.input-group-addon:last-child {
border-left: 0; }
.input-group-btn {
font-size: 0;
white-space: nowrap; }
.input-group-btn,.input-group-btn>.btn {
position: relative; }
.input-group-btn>.btn+.btn {
margin-left: -1px; }
.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
z-index: 2; }
.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
margin-right: -1px; }
.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
z-index: 2;
margin-left: -1px; }
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none; }
.nav:after,.nav:before {
content: " ";
display: table; }
.nav:after {
clear: both; }
.nav>li,.nav>li>a {
position: relative;
display: block; }
.nav>li>a {
padding: 10px 15px; }
.nav>li>a:focus,.nav>li>a:hover {
text-decoration: none;
background-color: transparent; }
.nav>li.disabled>a {
color: #666; }
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
color: #666;
text-decoration: none;
background-color: transparent;
cursor: not-allowed; }
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
background-color: transparent;
border-color: #000; }
.nav .nav-divider {
height: 1px;
margin: 11px 0;
overflow: hidden;
background-color: #e5e5e5; }
.nav>li>a>img {
max-width: none; }
.nav-tabs {
border-bottom: 1px solid transparent; }
.nav-tabs>li>a {
line-height: 1.5;
border: none;
font-weight: 600;
border-radius: 3px 3px 0 0; }
.nav-tabs>li>a:hover {
border-color: transparent; }
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
color: #ebba11;
background-color: transparent;
border: 1px solid transparent;
border-bottom-color: transparent;
cursor: default; }
.nav-pills>li {
float: left; }
.nav-pills>li>a {
border-radius: 3px; }
.nav-pills>li+li {
margin-left: 2px; }
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
color: #fff;
background-color: #ebba11; }
.nav-stacked>li {
float: none; }
.nav-stacked>li+li {
margin-top: 2px;
margin-left: 0; }
.nav-justified,.nav-tabs.nav-justified {
width: 100%; }
.nav-justified>li,.nav-tabs.nav-justified>li {
float: none; }
.nav-justified>li>a,.nav-tabs.nav-justified>li>a {
text-align: center;
margin-bottom: 5px; }
.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto; }
@media (min-width: 768px) {
.nav-justified>li,.nav-tabs.nav-justified>li {
display: table-cell;
width: 1%; }
.nav-justified>li>a,.nav-tabs.nav-justified>li>a {
margin-bottom: 0; } }
.nav-tabs-justified,.nav-tabs.nav-justified {
border-bottom: 0; }
.nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
margin-right: 0;
border-radius: 3px; }
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
border: 1px solid #ddd; }
@media (min-width: 768px) {
.nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
border-bottom: 1px solid #ddd;
border-radius: 3px 3px 0 0; }
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
border-bottom-color: #fff; } }
.tab-content>.tab-pane {
display: none; }
.tab-content>.active {
display: block; }
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0; }
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 0;
border: 1px solid transparent; }
.navbar:after,.navbar:before {
content: " ";
display: table; }
.navbar:after {
clear: both; }
@media (min-width: 768px) {
.navbar {
border-radius: 3px; } }
.navbar-header:after,.navbar-header:before {
content: " ";
display: table; }
.navbar-header:after {
clear: both; }
@media (min-width: 768px) {
.navbar-header {
float: left; } }
.navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1);
-webkit-overflow-scrolling: touch; }
.navbar-collapse:after,.navbar-collapse:before {
content: " ";
display: table; }
.navbar-collapse:after {
clear: both; }
.navbar-collapse.in {
overflow-y: auto; }
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none; }
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important; }
.navbar-collapse.in {
overflow-y: visible; }
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
padding-left: 0;
padding-right: 0; } }
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
max-height: 340px; }
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
max-height: 200px; } }
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
margin-right: -15px;
margin-left: -15px; }
@media (min-width: 768px) {
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
margin-right: 0;
margin-left: 0; } }
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px; }
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0; } }
.navbar-fixed-bottom,.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 1030; }
@media (min-width: 768px) {
.navbar-fixed-bottom,.navbar-fixed-top {
border-radius: 0; } }
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px; }
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0; }
.navbar-brand {
float: left;
padding: 13px 15px;
font-size: 18px;
line-height: 24px;
height: 50px; }
.navbar-brand:focus,.navbar-brand:hover {
text-decoration: none; }
.navbar-brand>img {
display: block; }
@media (min-width: 768px) {
.navbar>.container-fluid .navbar-brand,.navbar>.container .navbar-brand {
margin-left: -15px; } }
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px; }
.navbar-toggle:focus {
outline: 0; }
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px; }
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px; }
@media (min-width: 768px) {
.navbar-toggle {
display: none; } }
.navbar-nav {
margin: 6.5px -15px; }
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 24px; }
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none; }
.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a {
padding: 5px 15px 5px 25px; }
.navbar-nav .open .dropdown-menu>li>a {
line-height: 24px; }
.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
background-image: none; } }
@media (min-width: 768px) {
.navbar-nav {
margin: 0; }
.navbar-nav,.navbar-nav>li {
float: left; }
.navbar-nav>li>a {
padding-top: 13px;
padding-bottom: 13px; } }
.navbar-form {
margin: 2px -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1);
box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1); }
@media (min-width: 768px) {
.navbar-form .form-group,.navbar-form .form-row {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
.navbar-form .form-control {
width: auto;
vertical-align: middle; }
.navbar-form .form-control,.navbar-form .form-control-static {
display: inline-block; }
.navbar-form .input-group {
display: inline-table;
vertical-align: middle; }
.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn {
width: auto; }
.navbar-form .input-group>.form-control {
width: 100%; }
.navbar-form .checkbox,.navbar-form .control-label,.navbar-form .radio {
margin-bottom: 0;
vertical-align: middle; }
.navbar-form .checkbox,.navbar-form .radio {
display: inline-block;
margin-top: 0; }
.navbar-form .checkbox label,.navbar-form .radio label {
padding-left: 0; }
.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] {
position: relative;
margin-left: 0; }
.navbar-form .has-feedback .form-control-feedback {
top: 0; } }
@media (max-width: 767px) {
.navbar-form .form-group,.navbar-form .form-row {
margin-bottom: 5px; }
.navbar-form .form-group:last-child,.navbar-form .form-row:last-child {
margin-bottom: 0; } }
@media (min-width: 768px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none; } }
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0; }
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
margin-bottom: 0;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.navbar-btn {
margin-top: 2px;
margin-bottom: 2px; }
.btn-group-sm>.navbar-btn.btn,.navbar-btn.btn-sm {
margin-top: 7px;
margin-bottom: 7px; }
.btn-group-xs>.navbar-btn.btn,.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px; }
.navbar-text {
margin-top: 13px;
margin-bottom: 13px; }
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px; } }
@media (min-width: 768px) {
.navbar-left {
float: left !important; }
.navbar-right {
float: right !important;
margin-right: -15px; }
.navbar-right~.navbar-right {
margin-right: 0; } }
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7; }
.navbar-default .navbar-brand {
color: #777; }
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
color: #5e5e5e;
background-color: transparent; }
.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text {
color: #777; }
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
color: #333;
background-color: transparent; }
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
color: #555;
background-color: #e7e7e7; }
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover {
color: #ccc;
background-color: transparent; }
.navbar-default .navbar-toggle {
border-color: #ddd; }
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
background-color: #ddd; }
.navbar-default .navbar-toggle .icon-bar {
background-color: #888; }
.navbar-default .navbar-collapse,.navbar-default .navbar-form {
border-color: #e7e7e7; }
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
background-color: #e7e7e7;
color: #555; }
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #777; }
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color: #333;
background-color: transparent; }
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #555;
background-color: #e7e7e7; }
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color: #ccc;
background-color: transparent; } }
.navbar-default .navbar-link {
color: #777; }
.navbar-default .navbar-link:hover {
color: #333; }
.navbar-default .btn-link {
color: #777; }
.navbar-default .btn-link:focus,.navbar-default .btn-link:hover {
color: #333; }
.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover {
color: #ccc; }
.navbar-inverse {
background-color: #222;
border-color: #090909; }
.navbar-inverse .navbar-brand {
color: #8c8c8c; }
.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text {
color: #8c8c8c; }
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover {
color: #fff;
background-color: #090909; }
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover {
color: #444;
background-color: transparent; }
.navbar-inverse .navbar-toggle {
border-color: #333; }
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {
background-color: #333; }
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff; }
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
border-color: #101010; }
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover {
background-color: #090909;
color: #fff; }
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
border-color: #090909; }
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #090909; }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #8c8c8c; }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #fff;
background-color: #090909; }
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color: #444;
background-color: transparent; } }
.navbar-inverse .navbar-link {
color: #8c8c8c; }
.navbar-inverse .navbar-link:hover {
color: #fff; }
.navbar-inverse .btn-link {
color: #8c8c8c; }
.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover {
color: #fff; }
.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover {
color: #444; }
.breadcrumb {
padding: 30px 0;
margin-bottom: 24px;
list-style: none;
background-color: transparent;
/* border-radius: $border-radius-base; */ }
.breadcrumb>li {
display: inline-block; }
.breadcrumb>.active {
color: #000; }
.pagination {
display: inline-block;
padding-left: 0;
margin: 0;
border-radius: 3px; }
.pagination>li {
display: inline; }
.pagination>li>a,.pagination>li>span {
position: relative;
float: left;
padding: 10px 20px;
line-height: 1.5;
text-decoration: none;
color: #000;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px; }
.pagination>li:first-child>a,.pagination>li:first-child>span {
margin-left: 0;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
.pagination>li:last-child>a,.pagination>li:last-child>span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px; }
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
z-index: 3;
color: #d0262e;
background-color: #eee;
border-color: #ddd; }
.pagination>li>a.current,.pagination>li>span.current {
color: #d0262e; }
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
z-index: 2;
color: #fff;
background-color: #ebba11;
border-color: #ebba11;
cursor: default; }
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
color: #666;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed; }
.pagination-lg>li>a,.pagination-lg>li>span {
padding: 15px 40px;
font-size: 18px;
line-height: 1.33333; }
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px; }
.pagination-sm>li>a,.pagination-sm>li>span {
padding: 8px 10px;
font-size: 12px;
line-height: 1.5; }
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px; }
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #000;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em; }
.label:empty {
display: none; }
.btn .label {
position: relative;
top: -1px; }
a.label:focus,a.label:hover {
color: #ebba11;
text-decoration: none;
cursor: pointer; }
.label-default {
background-color: #666; }
.label-default[href]:focus,.label-default[href]:hover {
background-color: #4d4d4d; }
.label-primary {
background-color: #ebba11; }
.label-primary[href]:focus,.label-primary[href]:hover {
background-color: #bb940e; }
.label-success {
background-color: #70ba28; }
.label-success[href]:focus,.label-success[href]:hover {
background-color: #57901f; }
.label-info {
background-color: #04adf0; }
.label-info[href]:focus,.label-info[href]:hover {
background-color: #0389be; }
.label-warning {
background-color: #f0c73b; }
.label-warning[href]:focus,.label-warning[href]:hover {
background-color: #e6b612; }
.label-danger {
background-color: #e93434; }
.label-danger[href]:focus,.label-danger[href]:hover {
background-color: #d31717; }
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
color: #fff;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
text-align: center;
background-color: #666;
border-radius: 10px; }
.badge:empty {
display: none; }
.btn .badge {
position: relative;
top: -1px; }
.btn-group-xs>.btn .badge,.btn-xs .badge {
top: 0;
padding: 1px 5px; }
.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
color: #000;
background-color: #fff; }
.list-group-item>.badge {
float: right; }
.list-group-item>.badge+.badge {
margin-right: 5px; }
.nav-pills>li>a>.badge {
margin-left: 3px; }
a.badge:focus,a.badge:hover {
color: #fff;
text-decoration: none;
cursor: pointer; }
.alert {
padding: 15px;
margin-bottom: 24px;
border: 1px solid transparent;
border-radius: 3px; }
.alert h4 {
margin-top: 0;
color: inherit; }
.alert .alert-link {
font-weight: 700; }
.alert>p,.alert>ul {
margin-bottom: 0; }
.alert>p+p {
margin-top: 5px; }
.alert-dismissable,.alert-dismissible {
padding-right: 35px; }
.alert-dismissable .close,.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit; }
.alert-success {
background-color: #f2fef3;
border-color: #ddfcda;
color: #1b7121; }
.alert-success hr {
border-top-color: #c7fac3; }
.alert-success .alert-link {
color: #114815; }
.alert-info {
background-color: #f2f9ff;
border-color: #cef1ff;
color: #19527e; }
.alert-info hr {
border-top-color: #b5e9ff; }
.alert-info .alert-link {
color: #113653; }
.alert-warning {
background-color: #fffaf2;
border-color: #ffead9;
color: #a76800; }
.alert-warning hr {
border-top-color: #ffdcbf; }
.alert-warning .alert-link {
color: #744800; }
.alert-danger {
background-color: #ffe3e6;
border-color: #ffcad8;
color: #ff4a5d; }
.alert-danger hr {
border-top-color: #ffb0c5; }
.alert-danger .alert-link {
color: #ff172f; }
@-webkit-keyframes a {
0% {
background-position: 40px 0; }
to {
background-position: 0 0; } }
@keyframes a {
0% {
background-position: 40px 0; }
to {
background-position: 0 0; } }
.progress {
overflow: hidden;
height: 24px;
margin-bottom: 24px;
background-color: #f5f5f5;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1); }
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 24px;
color: #fff;
text-align: center;
background-color: #ebba11;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease; }
.progress-bar-striped,.progress-striped .progress-bar {
background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
background-size: 40px 40px; }
.progress-bar.active,.progress.active .progress-bar {
-webkit-animation: a 2s linear infinite;
-o-animation: a 2s linear infinite;
animation: a 2s linear infinite; }
.progress-bar-success {
background-color: #70ba28; }
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); }
.progress-bar-info {
background-color: #04adf0; }
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); }
.progress-bar-warning {
background-color: #f0c73b; }
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); }
.progress-bar-danger {
background-color: #e93434; }
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); }
.media {
margin-top: 15px; }
.media:first-child {
margin-top: 0; }
.media,.media-body {
zoom: 1;
overflow: hidden; }
.media-body {
width: 10000px; }
.media-object {
display: block; }
.media-object.img-thumbnail {
max-width: none; }
.media-right,.media>.pull-right,.menu-theme .media>.dropdown-menu,.portfolio.portfolio_home4 .media>.nav-inner,.single_blog .media>.meta {
padding-left: 10px; }
.media-left,.media>.pull-left {
padding-right: 10px; }
.media-body,.media-left,.media-right {
display: table-cell;
vertical-align: top; }
.media-middle {
vertical-align: middle; }
.media-bottom {
vertical-align: bottom; }
.media-heading {
margin-top: 0;
margin-bottom: 5px; }
.media-list {
padding-left: 0;
list-style: none; }
.list-group {
margin-bottom: 20px;
padding-left: 0; }
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd; }
.list-group-item:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px; }
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; }
a.list-group-item,button.list-group-item {
color: #555; }
a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading {
color: #333; }
a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover {
text-decoration: none;
color: #555;
background-color: #f5f5f5; }
button.list-group-item {
width: 100%;
text-align: left; }
.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover {
background-color: #eee;
color: #666;
cursor: not-allowed; }
.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading {
color: inherit; }
.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text {
color: #666; }
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
z-index: 2;
color: #fff;
background-color: #ebba11;
border-color: #ebba11; }
.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small {
color: inherit; }
.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text {
color: #fbf1cd; }
.list-group-item-success {
color: #1b7121;
background-color: #f2fef3; }
a.list-group-item-success,button.list-group-item-success {
color: #1b7121; }
a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading {
color: inherit; }
a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover {
color: #1b7121;
background-color: #dafcdd; }
a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover {
color: #fff;
background-color: #1b7121;
border-color: #1b7121; }
.list-group-item-info {
color: #19527e;
background-color: #f2f9ff; }
a.list-group-item-info,button.list-group-item-info {
color: #19527e; }
a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading {
color: inherit; }
a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover {
color: #19527e;
background-color: #d9edff; }
a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover {
color: #fff;
background-color: #19527e;
border-color: #19527e; }
.list-group-item-warning {
color: #a76800;
background-color: #fffaf2; }
a.list-group-item-warning,button.list-group-item-warning {
color: #a76800; }
a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading {
color: inherit; }
a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover {
color: #a76800;
background-color: #fff0d9; }
a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover {
color: #fff;
background-color: #a76800;
border-color: #a76800; }
.list-group-item-danger {
color: #ff4a5d;
background-color: #ffe3e6; }
a.list-group-item-danger,button.list-group-item-danger {
color: #ff4a5d; }
a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading {
color: inherit; }
a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover {
color: #ff4a5d;
background-color: #ffcacf; }
a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover {
color: #fff;
background-color: #ff4a5d;
border-color: #ff4a5d; }
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px; }
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3; }
.panel {
margin-bottom: 24px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none; }
.panel-body {
padding: 20px; }
.panel-body:after,.panel-body:before {
content: " ";
display: table; }
.panel-body:after {
clear: both; }
.panel-heading {
padding: 15px 20px;
border-bottom: 1px solid transparent;
border-top-right-radius: 2px;
border-top-left-radius: 2px; }
.panel-heading>.dropdown .dropdown-toggle,.panel-title {
color: inherit; }
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 18px; }
.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a {
color: inherit; }
.panel-footer {
padding: 15px 20px;
background-color: #f5f5f5;
border-top: 1px solid transparent;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.panel>.list-group,.panel>.panel-collapse>.list-group {
margin-bottom: 0; }
.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
border-width: 1px 0;
border-radius: 0; }
.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 2px;
border-top-left-radius: 2px; }
.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0; }
.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child {
border-top-width: 0; }
.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table {
margin-bottom: 0; }
.panel>.panel-collapse>.table caption,.panel>.table-responsive>.table caption,.panel>.table caption {
padding-left: 20px;
padding-right: 20px; }
.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child {
border-top-right-radius: 2px;
border-top-left-radius: 2px; }
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
border-top-left-radius: 2px; }
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
border-top-right-radius: 2px; }
.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
border-bottom-left-radius: 2px; }
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
border-bottom-right-radius: 2px; }
.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
border-top: 1px solid #ddd; }
.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
border-top: 0; }
.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
border: 0; }
.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
border-left: 0; }
.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
border-right: 0; }
.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
border-bottom: 0; }
.panel>.table-responsive {
border: 0;
margin-bottom: 0; }
.panel-group {
margin-bottom: 24px; }
.panel-group .panel {
margin-bottom: 0;
border-radius: 3px; }
.panel-group .panel+.panel {
margin-top: 5px; }
.panel-group .panel-heading {
border-bottom: 0; }
.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 1px solid transparent; }
.panel-group .panel-footer {
border-top: 0; }
.panel-group .panel-footer+.panel-collapse .panel-body {
border-bottom: 1px solid transparent; }
.panel-default {
border-color: #ededed; }
.panel-default>.panel-heading {
color: #666;
background-color: #f5f5f5;
border-color: #ededed; }
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ededed; }
.panel-default>.panel-heading .badge {
color: #f5f5f5;
background-color: #666; }
.panel-default>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ededed; }
.panel-primary {
border-color: #ebba11; }
.panel-primary>.panel-heading {
color: #fff;
background-color: #ebba11;
border-color: #ebba11; }
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ebba11; }
.panel-primary>.panel-heading .badge {
color: #ebba11;
background-color: #fff; }
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ebba11; }
.panel-success {
border-color: #ddfcda; }
.panel-success>.panel-heading {
color: #1b7121;
background-color: #f2fef3;
border-color: #ddfcda; }
.panel-success>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ddfcda; }
.panel-success>.panel-heading .badge {
color: #f2fef3;
background-color: #1b7121; }
.panel-success>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ddfcda; }
.panel-info {
border-color: #cef1ff; }
.panel-info>.panel-heading {
color: #19527e;
background-color: #f2f9ff;
border-color: #cef1ff; }
.panel-info>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #cef1ff; }
.panel-info>.panel-heading .badge {
color: #f2f9ff;
background-color: #19527e; }
.panel-info>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #cef1ff; }
.panel-warning {
border-color: #ffead9; }
.panel-warning>.panel-heading {
color: #a76800;
background-color: #fffaf2;
border-color: #ffead9; }
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ffead9; }
.panel-warning>.panel-heading .badge {
color: #fffaf2;
background-color: #a76800; }
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ffead9; }
.panel-danger {
border-color: #ffcad8; }
.panel-danger>.panel-heading {
color: #ff4a5d;
background-color: #ffe3e6;
border-color: #ffcad8; }
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ffcad8; }
.panel-danger>.panel-heading .badge {
color: #ffe3e6;
background-color: #ff4a5d; }
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ffcad8; }
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden; }
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0; }
.embed-responsive-16by9 {
padding-bottom: 56.25%; }
.embed-responsive-4by3 {
padding-bottom: 75%; }
.modal,.modal-open {
overflow: hidden; }
.modal {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10500;
-webkit-overflow-scrolling: touch;
outline: 0; }
.modal.fade .modal-dialog {
-webkit-transform: translateY(-25%);
-ms-transform: translateY(-25%);
-o-transform: translateY(-25%);
transform: translateY(-25%);
-webkit-transition: -webkit-transform .3s ease-out;
-moz-transition: -moz-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out; }
.modal.in .modal-dialog {
-webkit-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0); }
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto; }
.modal-dialog {
position: relative;
width: auto;
margin: 10px; }
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid #ebba11;
border-radius: 3px;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
background-clip: padding-box;
outline: 0; }
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000; }
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0); }
.modal-backdrop.in {
opacity: .5;
filter: alpha(opacity=50); }
.modal-header {
padding: 15px 30px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.5px; }
.modal-header .close {
margin-top: -2px; }
.modal-title {
margin: 0;
line-height: 1.5; }
.modal-body {
position: relative;
padding: 30px; }
.modal-footer {
padding: 30px;
text-align: right;
border-top: 1px solid #e5e5e5; }
.modal-footer:after,.modal-footer:before {
content: " ";
display: table; }
.modal-footer:after {
clear: both; }
.modal-footer .btn+.btn {
margin-left: 5px;
margin-bottom: 0; }
.modal-footer .btn-group .btn+.btn {
margin-left: -1px; }
.modal-footer .btn-block+.btn-block {
margin-left: 0; }
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 10% auto; }
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
box-shadow: 0 5px 15px rgba(0,0,0,.5); }
.modal-sm {
width: 300px; } }
@media (min-width: 992px) {
.modal-lg {
width: 900px; } }
.carousel,.carousel-inner {
position: relative; }
.carousel-inner {
overflow: hidden;
width: 100%; }
.carousel-inner>.item {
display: none;
position: relative;
-webkit-transition: left .6s ease-in-out;
-o-transition: .6s ease-in-out left;
transition: left .6s ease-in-out; }
.carousel-inner>.item>a>img,.carousel-inner>.item>img {
display: block;
max-width: 100%;
height: auto;
line-height: 1; }
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner>.item {
-webkit-transition: -webkit-transform .6s ease-in-out;
-moz-transition: -moz-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px; }
.carousel-inner>.item.active.right,.carousel-inner>.item.next {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
left: 0; }
.carousel-inner>.item.active.left,.carousel-inner>.item.prev {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
left: 0; }
.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right {
-webkit-transform: translateZ(0);
transform: translateZ(0);
left: 0; } }
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
display: block; }
.carousel-inner>.active {
left: 0; }
.carousel-inner>.next,.carousel-inner>.prev {
position: absolute;
top: 0;
width: 100%; }
.carousel-inner>.next {
left: 100%; }
.carousel-inner>.prev {
left: -100%; }
.carousel-inner>.next.left,.carousel-inner>.prev.right {
left: 0; }
.carousel-inner>.active.left {
left: -100%; }
.carousel-inner>.active.right {
left: 100%; }
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 35px;
height: 35px;
opacity: .5;
filter: alpha(opacity=50);
-webkit-box-shadow: 0 0 0 1px #ededed inset;
box-shadow: inset 0 0 0 1px #ededed;
font-size: 40px;
color: #696969;
text-align: center;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
transition: all .5s ease-in-out 0s; }
.carousel-control.left {
/* @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001)); */ }
.carousel-control.right {
left: auto;
right: 0;
/* @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5)); */ }
.carousel-control:focus,.carousel-control:hover {
outline: 0;
color: #ebba11;
text-decoration: none;
opacity: .9;
filter: alpha(opacity=90);
-webkit-box-shadow: 0 0 0 30px #ebba11 inset;
box-shadow: inset 0 0 0 30px #ebba11; }
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 5;
display: inline-block; }
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
left: 50%;
margin-left: -10px; }
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
right: 50%;
margin-right: -10px; }
.carousel-control .icon-next,.carousel-control .icon-prev {
width: 20px;
height: 20px;
line-height: 1;
font-family: serif; }
.carousel-control .icon-prev:before {
content: "\2039"; }
.carousel-control .icon-next:before {
content: "\203a"; }
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center; }
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #ededed;
border-radius: 10px;
cursor: pointer;
background-color: #000 \9;
background-color: transparent; }
.carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #ebba11; }
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6); }
.carousel-caption .btn {
text-shadow: none; }
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px; }
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
margin-left: -15px; }
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
margin-right: -15px; }
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px; }
.carousel-indicators {
bottom: 20px; } }
.clearfix:after,.clearfix:before {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
.center-block {
display: block;
margin-left: auto;
margin-right: auto; }
.menu-theme .dropdown-menu,.portfolio.portfolio_home4 .nav-inner,.pull-right,.single_blog .meta {
float: right !important;
margin-left: 0 !important; }
.pull-left {
float: left !important;
margin-right: 0 !important; }
.hide {
display: none !important; }
.show {
display: block !important; }
.invisible {
visibility: hidden; }
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.hidden {
display: none !important; }
.affix {
position: fixed; }
@-ms-viewport {
width: device-width; }
.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
display: none !important; }
@media (max-width: 767px) {
.visible-xs {
display: block !important; }
table.visible-xs {
display: table !important; }
tr.visible-xs {
display: table-row !important; }
td.visible-xs,th.visible-xs {
display: table-cell !important; } }
@media (max-width: 767px) {
.visible-xs-block {
display: block !important; } }
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important; } }
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important; }
table.visible-sm {
display: table !important; }
tr.visible-sm {
display: table-row !important; }
td.visible-sm,th.visible-sm {
display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important; }
table.visible-md {
display: table !important; }
tr.visible-md {
display: table-row !important; }
td.visible-md,th.visible-md {
display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important; } }
@media (min-width: 1200px) {
.visible-lg {
display: block !important; }
table.visible-lg {
display: table !important; }
tr.visible-lg {
display: table-row !important; }
td.visible-lg,th.visible-lg {
display: table-cell !important; } }
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important; } }
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important; } }
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important; } }
@media (max-width: 767px) {
.hidden-xs {
display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important; } }
@media (min-width: 1200px) {
.hidden-lg {
display: none !important; } }
.visible-print {
display: none !important; }
@media print {
.visible-print {
display: block !important; }
table.visible-print {
display: table !important; }
tr.visible-print {
display: table-row !important; }
td.visible-print,th.visible-print {
display: table-cell !important; } }
.visible-print-block {
display: none !important; }
@media print {
.visible-print-block {
display: block !important; } }
.visible-print-inline {
display: none !important; }
@media print {
.visible-print-inline {
display: inline !important; } }
.visible-print-inline-block {
display: none !important; }
@media print {
.visible-print-inline-block {
display: inline-block !important; } }
@media print {
.hidden-print {
display: none !important; } }
/*
* Global variables
*/
/* main color which will be used for all main block styles... */
/**
* Import component variables
*/
/**
*
*/
/* --- SCSS For Accordion --- */
/* --- SCSS For Breadcrumb --- */
/* --- SCSS For Buttons --- */
/* --- SCSS For Call-to-action --- */
/* --- SCSS For Content-slider --- */
/* */
/* carousel-controls-v1 */
/* carousel-controls-v2 */
/* carousel-controls-v3 */
/* Navigation Styles */
/* carousel-indicators-v1 */
/* carousel-indicators-v2 */
/* carousel-indicators-v3 */
/* carousel-indicators-v4 */
/* carousel-indicators-v5 */
/* carousel-indicators-v6 */
/* --- SCSS For Counters --- */
/* --- SCSS For Heading --- */
/* --- SCSS For Icon-box --- */
/* --- SCSS For Interactive-banner --- */
/* --- SCSS For Latest-posts --- */
/* latest posts */
/* --- SCSS For List --- */
/* variables for list */
/* variables for list light */
/* --- SCSS For Message --- */
/* --- SCSS For Newsletter --- */
/* --- SCSS For Piechart --- */
/* --- SCSS For Pricing --- */
/* --- SCSS For Process-steps --- */
/* process-steps */
/* --- SCSS For Service --- */
/* variables for tab style1 using as base of tab */
/* --- SCSS For Style-icon --- */
/* Variables icons default */
/* Variables icons bodered */
/* Variables icons darker */
/* Variables icons light */
/* Variables icons plain */
/* Variables icons for light style */
/* Variables icons outline */
/* Variables icons inverse */
/* --- SCSS For Table --- */
/* --- SCSS For Tabs --- */
/* variables for tab style1 using as base of tab */
/* tab style version 5 */
/* tab style version 6 */
/* --- SCSS For Testimonials --- */
/* testimonials default */
/* testimonials-v1 */
/* testimonials light */
/* --- SCSS For Typography --- */
/**
* Blocks Layout Selectors
*/
/********* LAYOUT **************/
/* 1. Utilities */
/**
* Import component variables
*/
/** elements mixins **/
/**
* Transition-timing-function property@mixin
*/
/*background RGBA
============================================*/
/*inline-block
============================================*/
/****/
/****/
/****/
/** elements mixins **/
/**
* Transition-timing-function property@mixin
*/
/*background RGBA
============================================*/
/*inline-block
============================================*/
/****/
/****/
@font-face {
font-family: icomoon;
src: url(../fonts/icomoon.eot);
src: url(../fonts/icomoon.eot#iefix) format("embedded-opentype"),url(../fonts/icomoon.ttf) format("truetype"),url(../fonts/icomoon.woff) format("woff"),url(../fonts/icomoon.svg#icomoon) format("svg");
font-weight: 400;
font-style: normal; }
[class*=" icon-"],[class^=icon-] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: icomoon !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-camera:before {
content: "\e90f"; }
.icon-headphones:before {
content: "\e910"; }
.icon-music:before {
content: "\e911"; }
.icon-facebook2:before {
content: "\ea91"; }
.icon-vimeo2:before {
content: "\eaa1"; }
.icon-lanyrd:before {
content: "\eaa2"; }
.icon-flickr2:before {
content: "\eaa4"; }
.icon-trello:before {
content: "\eab3"; }
.icon-wordpress:before {
content: "\eab4"; }
.icon-joomla:before {
content: "\eab5"; }
.icon-blogger2:before {
content: "\eab8"; }
.icon-linkedin:before {
content: "\eac9"; }
.icon-safari:before {
content: "\eadd"; }
.icon-dashboard:before {
content: "\e871"; }
.icon-view_module:before {
content: "\e8f0"; }
.icon-widgets:before {
content: "\e1bd"; }
/* 2. Base */
/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
@media (max-width: 1199px) {
#opal-masthead .container-fluid {
padding: 0 15px; } }
.container-fluid {
padding: 0; }
button,input,select,textarea {
background-color: #fff;
background-image: none;
border: 1px solid #e2e2e2;
padding: 8px 20px;
font-size: 16px;
line-height: 1.62857;
outline: none; }
.sticky,.tag-sticky-2 {
border: 1px solid #e2e2e2;
padding: 30px;
margin: 30px 0;
background: #fbfbfb; }
.sticky .entry-title,.tag-sticky-2 .entry-title {
margin-top: 0; }
.aligncenter,div.aligncenter {
display: block;
margin: 5px auto; }
.alignright {
float: right;
margin: 5px 0 20px 20px; }
.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
a img.alignleft,a img.alignnone {
margin: 5px 20px 20px 0; }
a img.alignleft {
float: left; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
p {
line-height: 30px; }
.wp-caption {
max-width: 100%;
margin-bottom: 20px;
text-align: center;
padding-top: 20px; }
.wp-caption.alignleft {
margin: 5px 20px 20px 0; }
.wp-caption.alignright {
margin: 5px 0 20px 20px; }
.wp-caption.alignnone {
display: inline-block; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.wp-caption p.wp-caption-text {
font-size: 13px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; }
.entry-caption,.gallery-caption,.wp-caption .wp-caption-text {
color: #000;
font-size: 18px;
font-style: italic;
margin: 0 0 24px; }
button.close {
padding: 5px 10px; }
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px,1px,1px,1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: .875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */ }
.video-responsive {
height: 0;
padding-top: 0;
padding-bottom: 56.25%;
margin-bottom: 10px;
position: relative;
overflow: hidden; }
.video-responsive embed,.video-responsive iframe,.video-responsive object,.video-responsive video {
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%; }
.audio-responsive iframe {
width: 100%;
height: 126px; }
.links li {
padding: 0 2px; }
.links li a {
padding: 15px 5px;
text-transform: uppercase; }
.links li:first-child {
padding-left: 0; }
.rtl .links li:first-child {
padding-right: 0;
padding-left: inherit; }
.links li:last-child {
padding-right: 0; }
.links li:last-child:before {
display: none; }
.rtl .links li:last-child {
padding-left: 0;
padding-right: inherit; }
/**
* 4.0 Elements
*/
hr {
background-color: #eaeaea;
background-color: rgba(51,51,51,.1);
border: 0;
height: 1px; }
dl,hr {
margin-bottom: 1.6em; }
dt {
font-weight: 700; }
dd {
margin-bottom: 1.6em; }
table,td,th {
border: 1px solid #eaeaea;
border: 1px solid rgba(51,51,51,.1); }
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.6em;
width: 100%; }
caption,td,th {
font-weight: 400;
text-align: left; }
th {
font-weight: 700; }
td,th {
border-width: 0 1px 1px 0; }
td,th {
padding: .4em; }
img {
-ms-interpolation-mode: bicubic;
border: 0;
height: auto;
max-width: 100%;
vertical-align: middle; }
figure {
margin: 0; }
del {
opacity: .8; }
input {
border: 1px solid #e2e2e2;
font-size: 14px;
line-height: 1.714; }
input[type=checkbox],input[type=radio] {
height: auto; }
.alert {
padding: 15px 20px;
text-transform: uppercase;
font-size: 12px;
font-weight: 700; }
.table {
width: 100%;
max-width: 100%;
margin-bottom: 30px;
border-spacing: 0;
border: 0;
border-collapse: collapse; }
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #e2e2e2;
border-right: 0;
border-bottom: 0; }
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #e2e2e2; }
.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
border-top: 0; }
.table>tbody+tbody {
border-top: 2px solid #e2e2e2; }
.table .table {
background-color: #fff; }
/* 3. Layout */
body {
overflow-x: hidden;
font-weight: 300;
-ms-word-wrap: break-word;
word-wrap: break-word; }
#main .container {
position: relative; }
#main .container .container {
width: 100%; }
.home-background .site-main {
background: #eee;
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(#eee,#fff);
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#eee,#fff);
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#eee,#fff);
/* For Firefox 3.6 to 15 */
background: linear-gradient(#eee,#fff);
/* Standard syntax (must be last) */ }
/**
* Page Style
*/
#page {
position: relative;
overflow: hidden; }
#page.page-static-left,#page.page-static-left.active {
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out; }
#page.page-static-left.active {
margin-left: 250px; }
#page.page-static-left.active .sidebar-static-left {
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
left: 0; }
#page.active .button-action:before {
content: "\f060"; }
.entry-content-page {
overflow: hidden; }
.site-main {
min-height: 500px; }
.sidebar-static-left {
background: #282828;
color: #ccc;
left: -290px;
height: 100%;
position: fixed;
width: 300px;
z-index: 99999;
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out; }
.sidebar-static-left .inner {
padding: 30px;
width: 100%;
position: absolute;
height: 100%; }
.sidebar-static-left .button-action {
background: red;
position: absolute;
right: -40px;
top: 0;
height: 40px;
color: #ccc; }
.sidebar-static-left .button-action:before {
content: "\f061";
font-size: 12px;
height: 38px;
width: 38px;
font-family: FontAwesome;
text-align: center;
display: block;
line-height: 34px; }
/**
* Topbar layout styles
*/
.opal-topbar {
text-transform: none;
font-size: 14px;
color: #fff;
background: transparent;
font-weight: 300;
padding: 13px 0; }
.opal-topbar span {
color: #999;
font-family: Yantramanav;
font-size: 14px; }
.opal-topbar ul {
margin-right: 30px;
margin-bottom: 0; }
.opal-topbar ul li {
float: left;
padding-right: 15px; }
.opal-topbar ul>li {
position: relative; }
.opal-topbar ul a {
color: #999; }
.opal-topbar ul a:hover {
color: #d0262e; }
.opal-topbar .mini-account a {
color: #fff; }
.opal-topbar .mini-account a:hover {
color: #d0262e; }
.opal-topbar .social {
padding-left: 30px; }
.opal-topbar .social span+span {
padding-left: 6px; }
.opal-topbar .mini-cart {
color: #fff; }
.topbar-mobile {
width: 100%;
background: #d0262e;
display: table; }
.topbar-mobile .btn {
padding: 10px 20px; }
.topbar-mobile .btn-offcanvas {
background-color: transparent;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
padding: 0;
font-size: 15px; }
.topbar-mobile .fa {
color: #fff; }
.active-mobile {
line-height: 48px;
width: 48px;
height: 48px;
position: relative;
cursor: pointer;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
text-align: center; }
.active-mobile:hover {
background-color: #ba2229 !important;
cursor: pointer; }
.active-mobile:hover .active-content {
display: block;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
left: 0;
right: auto; }
.active-mobile .active-content {
top: 100%;
z-index: 99999;
border: 2px solid #d0262e;
padding: 20px;
background-color: #fff;
left: -10000px;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
min-width: 240px;
visibility: hidden;
right: 0;
text-align: left;
-webkit-transition: opacity .3s ease 0s;
-o-transition: opacity .3s ease 0s;
transition: opacity .3s ease 0s; }
.active-mobile .active-content p.total {
color: #000;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
padding-top: 5px;
padding-bottom: 5px; }
.active-mobile ul {
padding: 0; }
.active-mobile ul li {
display: block;
margin: 0;
padding: 5px 0;
line-height: normal; }
.active-mobile .search-category-container {
display: none; }
.active-mobile .search-category-input {
/* 3 */
/* 3 */
/* 4 */
/* 6 */
/* 6 */
/* 7 */
font-size: 15px;
/* 9 */
font-size: 1.5rem;
/* 9 */
height: 42px; }
.active-mobile .input-group-btn {
line-height: 32px;
background: #d0262e; }
.active-mobile .btn-search {
padding-left: 10px;
padding-right: 10px; }
.active-mobile .btn-search .fa {
font-size: 14px;
color: #000; }
/**
* custom Layout styles
*/
.service-learnmore {
padding-top: 15px;
font-weight: 500; }
.service-learnmore i {
padding-left: 10px; }
@media (min-width: 768px) and (max-width: 991px) {
.service-archive-services .col-lg-4.col-md-4.col-sm-6.col-xs-12.first-child {
clear: both; } }
.service-archive-services .row>div {
padding-bottom: 30px; }
.service-archive-services .content-service .entry-content {
padding: 20px;
padding-left: 30px; }
@media (max-width: 992px) {
.service-archive-services .content-service .entry-content {
padding-left: 10px; } }
.service-archive-services .content-service .service-learnmore {
display: none; }
.service-archive-services .content-service .service-learnmore a {
color: #d0262e;
font-weight: 600; }
.service-archive-services .content-service .service-learnmore a i {
padding-left: 10px; }
.service-archive-services .content-service .service-box-image {
position: relative;
overflow: hidden; }
.service-archive-services .content-service .service-box-image img {
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s; }
.service-archive-services .content-service .service-box-icon {
z-index: 9;
position: absolute;
top: 0;
right: 0;
background: #d0262e; }
@media (max-width: 767px) {
.service-archive-services .content-service .service-box-icon {
display: none; } }
.service-archive-services .content-service .service-box-icon i,.service-archive-services .content-service .service-box-icon img {
padding: 10px;
color: #fff;
font-size: 20px;
height: 55px;
filter: invert(100%);
-webkit-filter: invert(100%);
-moz-filter: invert(100%);
-o-filter: invert(100%);
-ms-filter: invert(100%); }
@media (max-width: 991px) {
.service-archive-services .content-service .service-box-icon {
display: none; } }
.service-archive-services .content-service:hover .service-box-image img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s; }
.service-tabs .nav-tabs {
margin-bottom: 40px;
clear: both; }
.service-tabs .nav-tabs>li {
display: initial; }
@media (max-width: 767px) {
.service-tabs .nav-tabs>li {
display: block;
margin-top: 1px; } }
.service-tabs .nav-tabs>li a {
background: #fff;
color: #000;
border-right: 1px solid #e3e3e3;
line-height: 50px;
font-size: 14px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
padding-left: 50px; }
.rtl .service-tabs .nav-tabs>li a {
padding-right: 50px;
padding-left: inherit; }
@media (max-width: 991px) {
.service-tabs .nav-tabs>li a {
line-height: 30px;
padding-left: 10px; }
.rtl .service-tabs .nav-tabs>li a {
padding-right: 10px;
padding-left: inherit; } }
@media (max-width: 767px) {
.service-tabs .nav-tabs>li a {
line-height: 22px;
width: 100%;
border-top: 1px solid #e3e3e3; } }
@media (max-width: 768px) {
.service-tabs .nav-tabs>li a {
padding-left: 10px; }
.rtl .service-tabs .nav-tabs>li a {
padding-right: 10px;
padding-left: inherit; } }
.service-tabs .nav-tabs>li a:last-child {
border-bottom: 1px solid #e3e3e3; }
.service-tabs .nav-tabs>li.active>a {
color: #d0262e;
background: none;
border-right: #fff;
border-left: 3px solid #d0262e; }
.service-tabs .nav-tabs>li.active>a:first-child {
border-top: 1px solid #e3e3e3; }
.service-tabs .nav-tabs:after {
border-right: 1px solid #e3e3e3;
height: 80px;
float: right; }
@media (max-width: 767px) {
.service-tabs .nav-tabs:after {
display: none; } }
.service-tabs .block-right .service-subtitle {
display: none; }
.service-tabs .block-right .service-readmore {
margin-top: 20px; }
.service-tabs .block-right .service-readmore a {
font-size: 12px;
padding: 10px 20px; }
.service-tabs .block-right .service-readmore a i {
font-size: 10px; }
.service-tabs .service-box * {
font-size: 18px; }
.service-tabs .service-box .service-title {
text-transform: capitalize; }
.service-list-icon .service-icon {
background: #fff;
margin-bottom: 40px;
padding-bottom: 30px; }
.service-list-icon .service-icon .service-box-image {
position: relative;
overflow: hidden; }
.service-list-icon .service-icon .service-box-image img {
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s; }
.service-list-icon .service-icon .entry-content {
padding: 10px 20px 10px 40px; }
.service-list-icon .service-icon .service-box-icon {
z-index: 9;
position: absolute;
top: 0;
right: 0;
background: #d0262e; }
@media (max-width: 767px) {
.service-list-icon .service-icon .service-box-icon {
display: none; } }
.service-list-icon .service-icon .service-box-icon i,.service-list-icon .service-icon .service-box-icon img {
padding: 10px;
color: #fff;
font-size: 20px;
height: 55px;
filter: invert(100%);
-webkit-filter: invert(100%);
-moz-filter: invert(100%);
-o-filter: invert(100%);
-ms-filter: invert(100%); }
.service-list-icon .service-icon .service-description {
min-height: 100px; }
.service-list-icon .service-icon:hover .service-box-image img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s; }
@media (max-width: 991px) {
.service-grid .service-content {
min-height: 80px; } }
.service-grid.style-home6 .opalservice_content .content-service .entry-content {
padding: 20px; }
.service-grid.style-home7 .opalservice_content article .content-service .entry-content {
background: url(../images/shap7-1.png) no-repeat scroll 100% 0 #fff; }
@media (max-width: 991px) {
.service-grid.style-home7 .opalservice_content:nth-child(3n+1) {
width: 100%; } }
.service-grid.service-h8 .opalservice_content {
text-align: center;
color: #fff; }
.service-grid.service-h8 .opalservice_content article .content-service .service-box-image {
display: none; }
.service-grid.service-h8 .opalservice_content .content-service .entry-content,.service-grid.service-h8 .opalservice_content article .content-service:hover .entry-content {
background: none; }
.service-grid.service-h8 .opalservice_content .content-service .service-title a {
color: #fff; }
.service-grid .opalservice_content article {
overflow: hidden;
margin-bottom: 30px; }
.service-grid .opalservice_content article .content-service .service-box-image {
position: absolute; }
.service-grid .opalservice_content article .content-service .service-box-image img {
max-width: inherit; }
.service-grid .opalservice_content article .content-service .entry-content {
padding: 47px 25px;
margin-right: -1px;
/* text-align: center; */
background: #fff;
-webkit-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
transition: all .5s ease-in-out 0s;
position: relative; }
.service-grid .opalservice_content article .content-service .entry-content .service-box-icon i {
font-size: 50px; }
.service-grid .opalservice_content article .content-service .entry-content .service-title {
padding: 5px; }
.service-grid .opalservice_content article .content-service:hover .service-box-icon img {
filter: invert(100%);
-webkit-filter: invert(100%);
-moz-filter: invert(100%);
-o-filter: invert(100%);
-ms-filter: invert(100%); }
.service-grid .opalservice_content article .content-service:hover .service-title a {
color: #fff; }
.service-grid .opalservice_content article .content-service:hover .entry-content {
background: rgba(0,0,0,.45);
-webkit-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
transition: all .5s ease-in-out 0s;
color: #fff; }
.service-title {
font-size: 14px;
text-transform: uppercase; }
.service-box-icon {
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s; }
.service-box-icon:before {
background-color: #ebba11;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transform: scaleX(.5);
-moz-transform: scaleX(.5);
-ms-transform: scaleX(.5);
-o-transform: scaleX(.5);
transform: scaleX(.5);
-webkit-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
transition: all .4s ease 0s;
width: 100%;
z-index: -1; }
.service-box-icon:hover:before {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
/**
* Header Layout styles
*/
.home.blog .site-header {
margin-bottom: 30px; }
.site-header .searchform .form-control {
margin-top: 10px;
border: 0;
background: #f9f9f9;
padding-left: 50px; }
.site-header .searchform .form-control:focus {
background: #f9ecec; }
.site-header .opal-search .btn-search {
right: auto;
left: 0; }
.opal-menu-top {
list-style: none;
margin-bottom: 0;
padding-left: 0; }
.opal-menu-top li {
padding: 5px 20px;
display: block; }
#opal-logo img {
padding-top: 10px; }
.header-support {
padding: 18px 0;
z-index: 1; }
.header-support .media {
margin: 0;
font-size: 14px;
padding-left: 45px;
width: 25%; }
.header-support .media+.media {
position: relative; }
.header-support .media+.media:before {
content: "";
position: absolute;
width: 2px;
height: 40px;
left: 0;
top: 0;
bottom: 0;
margin: auto; }
.header-support .media .media-left i {
text-align: center; }
.header-support .media:hover i {
color: #ebba11; }
.header-support p {
margin: 0;
line-height: normal;
font-weight: 300; }
.header-absolute .search-right,.header-main,.menu-header-sidebar {
position: relative; }
.menu-header-sidebar {
top: -12px;
left: -13px; }
.menu-header-sidebar.active span:first-of-type {
-webkit-transform: translateY(20px) rotate(-45deg);
transform: translateY(20px) rotate(-45deg);
top: -9px; }
.menu-header-sidebar.active span:nth-of-type(2) {
opacity: 0; }
.menu-header-sidebar.active span:nth-of-type(3) {
-webkit-transform: translateY(-20px) rotate(45deg);
transform: translateY(-20px) rotate(45deg);
bottom: -18px; }
.menu-header-sidebar.active .menu-trigger {
position: fixed; }
.menu-header-sidebar.active .menu-trigger span {
background: #fff; }
.menu-header-sidebar.active .menu-trigger span:first-of-type {
top: -10px; }
.menu-header-sidebar.active .menu-trigger span:nth-of-type(3) {
bottom: -20px; }
.menu-header-sidebar .menu-trigger {
cursor: pointer;
position: absolute;
width: 15px;
height: 13px;
display: inline-block;
transition: all .4s;
/* box-sizing: border-box; */
z-index: 2; }
.menu-header-sidebar .menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 3px;
background-color: #000;
transition: all .4s; }
.menu-header-sidebar .menu-trigger span:first-of-type {
top: 5px; }
.menu-header-sidebar .menu-trigger span:nth-of-type(2) {
top: 15px; }
.menu-header-sidebar .menu-trigger span:nth-of-type(3) {
bottom: 0; }
.menu-header-sidebar .static-header-sidebar {
background: #3a3941;
color: #fff;
list-style: none;
padding: 90px 30px 30px;
position: fixed;
right: 0;
top: -200%;
width: 405px;
text-align: left;
overflow: hidden;
visibility: hidden;
z-index: 1;
-webkit-backface-visibility: hidden;
box-sizing: border-box;
box-shadow: -3px 0 3px rgba(0,0,0,.04);
-webkit-transition: all .6s cubic-bezier(.77,0,.175,1);
-moz-transition: all .6s cubic-bezier(.77,0,.175,1);
transition: all .6s cubic-bezier(.77,0,.175,1); }
.menu-header-sidebar .static-header-sidebar.active {
top: 20px;
visibility: visible; }
.menu-header-sidebar .static-header-sidebar .widgettitle {
color: #fff;
margin-top: 0; }
.menu-header-sidebar .widget_sp_image-description {
padding-top: 20px; }
@media (min-width: 992px) {
.header-middle {
padding: 15px 0; }
.header-middle,.header-middle>div {
justify-content: space-between;
display: flex; } }
.download a {
font-size: 12px;
text-transform: uppercase;
color: #fff;
line-height: 40px;
position: relative;
letter-spacing: -.5px; }
.download a:before {
position: absolute;
content: "";
height: 3px;
background: #ebba11;
top: 97%;
width: 63%;
-webkit-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
transition: all .4s ease 0s;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.download a:hover:before {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scaleX(.5);
-moz-transform: scaleX(.5);
-ms-transform: scaleX(.5);
-o-transform: scaleX(.5);
transform: scaleX(.5); }
.download i {
font-size: 18px;
padding-right: 10px;
color: #ebba11; }
.header-default {
background: #2c2c2c; }
@media (max-width: 991px) {
.header-default {
background: #fff; } }
.header-default .header_main {
background: #fff;
position: relative; }
@media (max-width: 991px) {
.header-default .header_main {
padding: 16px 0; } }
.header-default .header_main .header-support {
background: #d0262e;
color: #fff;
position: absolute; }
.header-default .header_main .header-support strong {
font-family: Yantramanav;
font-weight: 400; }
.header-default .header_main .header-support .media {
width: 20%; }
.header-default .header_main .header-support .media+.media:before {
background: #bb2229; }
.header-default .header_main .header-support .media-left i {
color: #fff;
border: 1px solid #fff;
font-size: 17px;
border-radius: 50%;
width: 35px;
height: 35px; }
.header-default .header_main .header-support .media-left i:before {
padding-top: 7px; }
.header-default .header_main .header-support:hover .media-left i {
border: 1px solid #ebba11; }
.header-default .opal-mainmenu {
margin: 15px 0; }
.header-default .search-focus {
padding: 22px 40px; }
.header-default .navbar-mega {
position: static; }
.header-default .download a {
padding: 29px 30px;
background: #bb2229; }
.header-default .download a:before {
top: 97%; }
.header-default .download a+a {
border-left: 1px solid #951b21; }
.header-boxed .opal-topbar {
background: #f8f8f8; }
.header-boxed .opal-topbar li {
float: left; }
.header-boxed .header-support {
background: #fff; }
.header-boxed .header-support .media {
padding-left: 0; }
.header-boxed .header-support .media-left i {
font-size: 20px;
border: 1px solid #e1e1e1;
color: #999;
padding: 8px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px; }
.header-boxed .header-support p {
color: #d0262e;
font-size: 12px; }
.header-boxed .header-support strong {
color: #000; }
.header-absolute .header-boxed .search-right,.header-boxed .header-absolute .search-right,.header-boxed .header-main {
background: #d0262e;
display: flex;
justify-content: space-between; }
.header-boxed .navbar-mega .navbar-nav>li.active>a,.header-boxed .navbar-mega .navbar-nav>li.active>a .caret {
color: #ebba11; }
.header-boxed .navbar-mega .navbar-nav>li>a {
padding: 25px 30px;
color: #fff; }
.header-boxed .navbar-mega .navbar-nav>li>a:hover,.header-boxed .navbar-mega .navbar-nav>li>a:hover .caret {
color: #ebba11; }
.header-boxed .navbar-mega .navbar-nav>li>a .caret {
color: #fff; }
@media (min-width: 768px) {
.header-boxed .navbar-mega .navbar-nav>li.aligned-left>.dropdown-menu {
min-width: 900px; } }
.header-boxed .download a {
padding: 26px;
background: #bb2229; }
.header-boxed .search-right {
display: table; }
.header-boxed .search-right>div {
display: table-cell; }
.header-boxed .search-box-wrapper {
padding: 4px 0; }
.header-boxed .search-box-wrapper .search-focus {
color: #fff; }
.header-boxed .search-box-wrapper .search-focus:hover {
color: #ebba11; }
.header-absolute .social .fa {
color: #fff; }
.header-absolute .header-top {
background: #2c2c2c; }
@media (max-width: 991px) {
.header-absolute .header-top {
padding: 16px 0; } }
.header-absolute .header-main,.header-absolute .search-right {
display: flex;
justify-content: space-between;
align-items: center; }
.header-absolute .header-main .opal-topbar,.header-absolute .search-right .opal-topbar {
padding: 25px 0; }
.header-absolute .download {
background: none;
margin-top: -5px; }
.header-absolute .download a {
background: #ebba11;
padding: 12px 30px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
transition: all .8s ease 0s; }
.header-absolute .download a:before {
display: none; }
.header-absolute .download a i {
color: #fff; }
.header-absolute .download a:hover {
-webkit-box-shadow: inset 0 0 0 30px #d0262e;
box-shadow: inset 0 0 0 30px #d0262e; }
.header-absolute .header-support {
width: 70%; }
.header-absolute .header-support .media {
width: 30%; }
.header-absolute .header-support .media .media-left i {
font-size: 20px;
border: 1px solid #3e3e3e;
color: #999;
padding: 8px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px; }
.header-absolute .header-support .media p {
color: #d0262e;
font-size: 12px; }
.header-absolute .header-support .media strong {
color: #fff; }
.header-absolute .opal-topbar .list-inline.pull-right>li,.header-absolute .opal-topbar .menu-theme .list-inline.dropdown-menu>li,.header-absolute .opal-topbar .portfolio.portfolio_home4 .list-inline.nav-inner>li,.header-absolute .opal-topbar .single_blog .list-inline.meta>li,.menu-theme .header-absolute .opal-topbar .list-inline.dropdown-menu>li,.portfolio.portfolio_home4 .header-absolute .opal-topbar .list-inline.nav-inner>li,.single_blog .header-absolute .opal-topbar .list-inline.meta>li {
padding: 0 15px; }
.header-absolute .navbar-mega .navbar-nav>li>a {
color: #000;
padding: 25px; }
@media (max-width: 1199px) {
.header-absolute .navbar-mega .navbar-nav>li>a {
padding: 10px;
padding-top: 30px; } }
.header-absolute .navbar-mega .navbar-nav>li>a .caret {
color: #000; }
.header-absolute .navbar-mega .navbar-nav>li:hover>.dropdown-menu {
left: auto;
right: auto; }
.header-absolute .navbar-mega .navbar-nav>li.aligned-left>.dropdown-menu {
left: 0;
right: auto; }
@media (min-width: 768px) {
.header-absolute .navbar-mega .navbar-nav>li.aligned-left>.dropdown-menu {
min-width: 900px; } }
.header-home5 .opal-topbar,.header-home6 .opal-topbar,.header-home7 .opal-topbar {
background-color: #d0262e; }
.header-home5 .opal-topbar *,.header-home6 .opal-topbar *,.header-home7 .opal-topbar * {
color: #fff; }
.header-absolute .header-home5 .search-right,.header-absolute .header-home6 .search-right,.header-absolute .header-home7 .search-right,.header-home5 .header-absolute .search-right,.header-home5 .header-main,.header-home6 .header-absolute .search-right,.header-home6 .header-main,.header-home7 .header-absolute .search-right,.header-home7 .header-main {
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; }
.header-home5 .navbar-mega .navbar-nav>li>a,.header-home6 .navbar-mega .navbar-nav>li>a,.header-home7 .navbar-mega .navbar-nav>li>a {
line-height: 1; }
.header-home5 .navbar-mega .navbar-nav>li>a .caret,.header-home6 .navbar-mega .navbar-nav>li>a .caret,.header-home7 .navbar-mega .navbar-nav>li>a .caret {
vertical-align: inherit; }
.header-home5 .search-box-wrapper .btn,.header-home6 .search-box-wrapper .btn,.header-home7 .search-box-wrapper .btn {
margin-right: 30px; }
@media (min-width: 1200px) {
.header-home6 {
background: #fff;
left: 0;
position: absolute;
top: 50px;
width: 100%;
z-index: 1090; } }
@media (max-width: 991px) {
.header-home6 .header_main,.header-home7 .header_main {
padding: 16px 0; } }
.header-home7 {
/* @media (max-width: $screen-sm-max){
background: #242424;
} */ }
@media (min-width: 992px) {
.header-transparent {
background-color: transparent;
border-bottom: 1px solid hsla(0,0%,100%,.2);
left: 0;
position: absolute;
top: 0;
z-index: 1090;
width: 100%; }
.header-transparent .navbar-mega .navbar-nav>li>a,.header-transparent .navbar-mega .navbar-nav>li>a .caret,.header-transparent .search-box-wrapper .btn {
color: #fff; } }
.mini-account .fa {
font-size: 16px; }
.cart {
margin-right: 30px; }
.cart .btn {
padding-left: 15px;
padding-right: 15px; }
.logo-wrapper {
min-width: 200px;
vertical-align: top; }
.topbar-group {
text-align: center; }
.topbar-group>div {
padding: 0 15px;
display: inline-block;
float: none !important; }
.mini-account ul.dropdown-menu>li>* {
padding: 5px 20px;
display: block; }
.mini-account ul.dropdown-menu>li>a:hover {
background: transparent;
color: #d0262e; }
.search-box-wrapper {
text-align: left; }
/**
* Search block layout and styles
*/
.searchform {
position: relative; }
.btn-search {
position: absolute;
right: 0;
top: 0;
border: 0;
font-size: 14px;
z-index: 10;
color: #000;
padding: 12px 20px; }
.btn-search,.btn-search input {
background: transparent;
outline: 0; }
.btn-search input {
border: none; }
.btn-search:focus,.btn-search:hover {
background: transparent;
color: #d0262e; }
.search-category {
position: relative;
width: 100%; }
.search-category select.dropdown_product_cat {
border-right: 0 !important;
background: transparent;
outline: none; }
.search-category .dropdown_product_cat,.search-category .form-control {
background: #fff;
border-width: 2px;
border-color: #000;
padding: 10px 20px; }
.search-category .input-group-addon {
padding: 0;
background: transparent;
border: 0; }
.search-box-wrapper .search-focus {
font-size: 14px;
display: block;
vertical-align: middle;
color: #000;
cursor: pointer; }
.search-box-wrapper .search-focus:hover {
color: #d0262e; }
.search-box-wrapper .search-focus span {
color: #fff;
padding-left: 20px; }
.search-box-wrapper .btn {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
padding: 19px 20px; }
.search-box-wrapper .btn.close {
padding: 3px 8px; }
.toggle-overlay-container {
z-index: 10; }
.toggle-overlay-container .dropdown-toggle-button {
width: 86px;
height: 100%;
text-align: center;
float: right;
background: #f2f2f2;
cursor: pointer; }
.toggle-overlay-container.active {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible; }
/**
* Breadscrumb content style
*/
#opal-breadscrumb {
padding-top: 80px;
background-size: cover;
background: url(../images/Breadcrumb.png);
position: relative; }
#opal-breadscrumb .container:after {
position: absolute;
bottom: 0;
width: 91%;
height: 1px;
background: #e5e5e5;
margin-left: 40px; }
@media (max-width: 991px) {
#opal-breadscrumb .container:after {
width: 100%;
margin-left: 0; } }
#opal-breadscrumb .container h2 {
color: #fff;
font-size: 36px;
text-transform: uppercase;
padding-bottom: 20px; }
@media (max-width: 991px) {
#opal-breadscrumb .container h2 {
text-align: center; } }
#opal-breadscrumb .container h2 li {
list-style: none; }
#opal-breadscrumb .container h2 li a {
display: none; }
#opal-breadscrumb .container h2 a {
color: #fff; }
@media (max-width: 991px) {
#opal-breadscrumb .container {
padding-left: 0;
padding-right: 0; } }
@media (max-width: 991px) {
#opal-breadscrumb {
padding-top: 10px; } }
#opal-breadscrumb .breadcrumb {
margin: 0;
position: relative;
background: #fff;
padding-left: 40px;
font-size: 12px;
color: #000; }
#opal-breadscrumb .breadcrumb>li>a {
color: #999; }
#opal-breadscrumb .breadcrumb>li>a:after {
content: "\f105";
font-family: FontAwesome;
padding: 0 10px;
color: #000; }
.opal-breadscrumb+[class*=container] {
padding-top: 50px;
padding-bottom: 50px; }
/**
* Footer layout styles
*/
.opal-footer {
color: #999;
overflow: hidden; }
.opal-footer .widget {
margin-bottom: 0; }
.opal-footer .widget-title,.opal-footer .widgettitle {
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
margin-bottom: 20px;
margin-top: 0;
font-size: 24px;
color: #fff; }
.opal-footer ul .clock-time {
font-family: Poppins;
font-size: 12px;
line-height: 24px; }
.opal-footer ul .clock-time span {
font-weight: 500;
color: #666; }
.opal-footer ul .clock-time span+span {
font-weight: 600;
font-size: 14px;
line-height: 28px; }
.opal-footer ul .clock-time i {
color: #d0262e;
padding-right: 6px; }
.menu-theme .opal-footer ul .dropdown-menu i,.opal-footer ul .menu-theme .dropdown-menu i,.opal-footer ul .portfolio.portfolio_home4 .nav-inner i,.opal-footer ul .pull-right i,.opal-footer ul .single_blog .meta i,.portfolio.portfolio_home4 .opal-footer ul .nav-inner i,.single_blog .opal-footer ul .meta i {
padding-right: 6px; }
@media (max-width: 768px) {
.opal-footer .kc-feature-boxes.kc-fb-layout-1 {
text-align: center !important; } }
.opal-footer .opal-footer-profile .feature-box {
color: #666; }
.opal-footer .opal-footer-profile .feature-box a {
color: #d0262e;
text-decoration: underline; }
.opal-footer .footer-bottom {
background: #312f3a;
color: #fff; }
@media (min-width: 992px) {
.opal-footer .footer-bottom .row {
display: flex; } }
.opal-footer .footer-bottom .column {
padding-top: 70px;
padding-bottom: 70px; }
.opal-footer .footer-bottom .textwidget,.opal-footer .opal-footer-profile .textwidget {
line-height: 30px; }
.opal-footer .footer-bottom a,.opal-footer .opal-footer-profile a {
color: #999; }
.opal-footer .footer-bottom a:hover,.opal-footer .opal-footer-profile a:hover {
color: #d0262e; }
/*------------------------------------* Copyright
\*------------------------------------*/
.opal-copyright {
padding: 40px 0;
background: #2c2c2c;
position: relative; }
@media (max-width: 768px) {
.opal-copyright {
text-align: center; } }
.opal-copyright a {
color: #fff; }
.opal-copyright a:active,.opal-copyright a:focus,.opal-copyright a:hover {
color: #999; }
.opal-copyright .scroll {
text-align: center;
left: 50%;
top: 50%;
margin: 0 -50% 0 0;
padding: 0;
position: absolute;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
line-height: 40px;
z-index: 1; }
.opal-copyright .scroll:before {
content: "";
left: 12px;
top: -42px;
position: absolute;
border-top: 20px solid #f9f9f9;
border-bottom: 20px solid transparent;
border-left: 20px solid transparent;
border-right: 20px solid transparent; }
.opal-copyright .scroll .scrollup {
font-size: 12px;
color: #999; }
.opal-copyright .copyright {
text-align: right;
font-size: 16px; }
@media (max-width: 767px) {
.opal-copyright .copyright {
margin-top: -50px;
padding-top: 0; } }
@media (max-width: 480px) {
.opal-copyright .copyright {
margin-top: 0;
text-align: center; } }
.opal-copyright .inner {
padding-top: 30px;
padding-bottom: 30px; }
.opal-copyright .info-footer aside+aside {
margin-left: 100px; }
.opal-copyright .info-footer img {
margin: 0; }
#opalloginform {
margin-top: 20px; }
.entry-header .entry-title {
margin-bottom: 0; }
/* block */
.widget {
position: relative;
/* block styles */ }
.widget.nopadding .widget-content {
padding: 0;
margin: 0; }
.widget.widget-categoriestabs {
margin-bottom: 0; }
.heading-title,.widget-style,.widget-title,.widgettitle {
font-size: 30px;
padding-bottom: 20px;
letter-spacing: 0;
position: relative; }
/**
* Styling Css for widgets in Sidebar Left Static
*/
.widget-static .widget-title,.widget-static .widgettitle {
color: #fff; }
.widget-static ul li {
border: none; }
@media (min-width: 1199px) {
.kc-wp-sidebar.sidebar-right,.sidebar.sidebar-right {
padding-left: 20px; }
.kc-wp-sidebar.sidebar-left,.sidebar.sidebar-left {
padding-right: 20px; } }
.kc-wp-sidebar .sidebar.sidebar-right,.sidebar .sidebar.sidebar-right {
padding-left: 0; }
.kc-wp-sidebar .sidebar.sidebar-left,.sidebar .sidebar.sidebar-left {
padding-right: 0; }
.kc-wp-sidebar .widget-title,.kc-wp-sidebar .widgettitle,.sidebar .widget-title,.sidebar .widgettitle {
position: relative;
padding: 15px 0;
border-bottom: 2px solid #000;
font-size: 16px;
margin-top: 0 30px;
text-transform: uppercase; }
.kc-wp-sidebar>div+div,.sidebar>div+div {
margin-top: 40px; }
.widget-style:hover .widget-title,.widget-style:hover .widgettitle {
border-bottom: 2px solid #ebba11; }
/**
* Styling Css for widgets in footer layout
*/
.kc-wp-sidebar .kc_title {
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase; }
.kc-wp-sidebar>div+div {
margin-top: 50px; }
/* 8. Widget */
/* List Style Widgets*/
.widget_archive a,.widget_layered_nav a,.widget_product_categories a,.widget_recent_comments a,.widget_recent_entries a {
font-weight: 600;
color: #666; }
.widget_archive a:before,.widget_categories a:before,.widget_layered_nav a:before,.widget_pages a:before,.widget_recent_comments a:first-child:before,.widget_recent_entries a:before {
margin-right: 10px;
font-family: FontAwesome;
color: #ebba11;
display: inline-block;
font-size: 11px;
line-height: 22px; }
.widget_archive a:before {
content: "\f016"; }
.widget_recent_comments a:first-child:before {
content: "\f0e5"; }
.widget_layered_nav a:before {
content: "\f0da"; }
.widget_archive li,.widget_categories li,.widget_links li,.widget_meta li,.widget_pages li,.widget_recent_comments li,.widget_recent_entries li {
line-height: 30px; }
.widget_archive li:first-child,.widget_categories li:first-child,.widget_links li:first-child,.widget_meta li:first-child,.widget_pages li:first-child,.widget_recent_comments li:first-child,.widget_recent_entries li:first-child {
border-top: 0; }
.widget_categories li ul.children {
border-top: none; }
.widget_categories li li:last-child,.widget_pages li li:last-child {
padding-bottom: 0; }
.widget_recent_comments ul,.widget_recent_entries ul {
list-style: none; }
.widget_recent_comments .comment-author-link,.widget_recent_entries .comment-author-link {
color: #ebba11; }
.widget.widget_categories ul li a,.widget.widget_layered_nav_filters ul li a,.widget.widget_layered_nav ul li a,.widget.widget_pages ul li a,.widget_nav_menu ul li a,.widget_recent_entries ul li a {
color: #666; }
.widget.widget_categories ul li a:hover,.widget.widget_layered_nav_filters ul li a:hover,.widget.widget_layered_nav ul li a:hover,.widget.widget_pages ul li a:hover,.widget_nav_menu ul li a:hover,.widget_recent_entries ul li a:hover {
color: #d0262e; }
.widget.widget_categories ul li ul.children li:last-child,.widget.widget_layered_nav_filters ul li ul.children li:last-child,.widget.widget_layered_nav ul li ul.children li:last-child,.widget.widget_pages ul li ul.children li:last-child,.widget_nav_menu ul li ul.children li:last-child,.widget_recent_entries ul li ul.children li:last-child {
padding-bottom: 0; }
.widget.widget_categories ul li ul.children li a:before,.widget.widget_layered_nav_filters ul li ul.children li a:before,.widget.widget_layered_nav ul li ul.children li a:before,.widget.widget_pages ul li ul.children li a:before,.widget_nav_menu ul li ul.children li a:before,.widget_recent_entries ul li ul.children li a:before {
content: none; }
.kc-wp-sidebar .widget.widget_categories>ul>li,.kc-wp-sidebar .widget_nav_menu>ul>li,.kc-wp-sidebar .widget_pages>ul>li,.kc-wp-sidebar .widget_recent_entries>ul>li,.sidebar .widget.widget_categories>ul>li,.sidebar .widget_nav_menu>ul>li,.sidebar .widget_pages>ul>li,.sidebar .widget_recent_entries>ul>li {
border-bottom: 1px solid #e2e2e2;
padding: 10px 0;
font-weight: 700;
font-size: 14px;
line-height: normal; }
.kc-wp-sidebar .widget_categories>div>ul,.kc-wp-sidebar .widget_categories>ul,.kc-wp-sidebar .widget_nav_menu>div>ul,.kc-wp-sidebar .widget_nav_menu>ul,.kc-wp-sidebar .widget_pages>div>ul,.kc-wp-sidebar .widget_pages>ul,.sidebar .widget_categories>div>ul,.sidebar .widget_categories>ul,.sidebar .widget_nav_menu>div>ul,.sidebar .widget_nav_menu>ul,.sidebar .widget_pages>div>ul,.sidebar .widget_pages>ul {
list-style: none;
margin: 0;
padding: 0; }
.kc-wp-sidebar .widget_categories>div>ul li,.kc-wp-sidebar .widget_categories>ul li,.kc-wp-sidebar .widget_nav_menu>div>ul li,.kc-wp-sidebar .widget_nav_menu>ul li,.kc-wp-sidebar .widget_pages>div>ul li,.kc-wp-sidebar .widget_pages>ul li,.sidebar .widget_categories>div>ul li,.sidebar .widget_categories>ul li,.sidebar .widget_nav_menu>div>ul li,.sidebar .widget_nav_menu>ul li,.sidebar .widget_pages>div>ul li,.sidebar .widget_pages>ul li {
width: 100%; }
.kc-wp-sidebar .widget_categories>div>ul ul,.kc-wp-sidebar .widget_categories>ul ul,.kc-wp-sidebar .widget_nav_menu>div>ul ul,.kc-wp-sidebar .widget_nav_menu>ul ul,.kc-wp-sidebar .widget_pages>div>ul ul,.kc-wp-sidebar .widget_pages>ul ul,.sidebar .widget_categories>div>ul ul,.sidebar .widget_categories>ul ul,.sidebar .widget_nav_menu>div>ul ul,.sidebar .widget_nav_menu>ul ul,.sidebar .widget_pages>div>ul ul,.sidebar .widget_pages>ul ul {
padding-left: 20px;
padding-bottom: 5px;
list-style: none; }
.kc-wp-sidebar .sidebar-service,.sidebar .sidebar-service {
list-style: none; }
.kc-wp-sidebar .sidebar-service li,.sidebar .sidebar-service li {
padding: 12px 0;
font-weight: 700;
font-size: 14px;
line-height: normal;
border-bottom: 1px solid #e4e4e4; }
.kc-wp-sidebar .sidebar-service li a,.sidebar .sidebar-service li a {
color: #999;
position: relative;
padding-left: 10px;
display: block; }
.kc-wp-sidebar .sidebar-service li:hover,.sidebar .sidebar-service li:hover {
background: #d0262e; }
.kc-wp-sidebar .sidebar-service li:hover a,.sidebar .sidebar-service li:hover a {
color: #fff; }
.kc-wp-sidebar .widget_nav_menu ul.menu>li,.sidebar .widget_nav_menu ul.menu>li {
padding: 10px 0;
font-size: 14px;
line-height: normal; }
.kc-wp-sidebar .widget_nav_menu ul.menu>li>a,.sidebar .widget_nav_menu ul.menu>li>a {
font-size: 14px;
color: #000; }
.kc-wp-sidebar .widget_nav_menu ul.menu>li+li,.sidebar .widget_nav_menu ul.menu>li+li {
border-top: 1px solid #e2e2e2; }
.kc-wp-sidebar .widget_nav_menu ul.menu>li.active a,.sidebar .widget_nav_menu ul.menu>li.active a {
color: #d0262e; }
.kc-wp-sidebar .widget_wpopal_latest_posts .item+.item,.sidebar .widget_wpopal_latest_posts .item+.item {
padding-top: 15px;
padding-bottom: 20px;
border-top: 1px solid #e2e2e2; }
.kc-wp-sidebar .widget_wpopal_latest_posts .item .post-thumbnail,.sidebar .widget_wpopal_latest_posts .item .post-thumbnail {
display: none; }
.kc-wp-sidebar .widget_wpopal_latest_posts .item:first-child,.sidebar .widget_wpopal_latest_posts .item:first-child {
padding-bottom: 20px; }
.kc-wp-sidebar .widget_wpopal_latest_posts .item:first-child .post-thumbnail,.sidebar .widget_wpopal_latest_posts .item:first-child .post-thumbnail {
display: block; }
.kc-wp-sidebar .widget_wpopal_latest_posts .item:first-child .post-thumbnail a,.sidebar .widget_wpopal_latest_posts .item:first-child .post-thumbnail a {
width: auto;
margin-bottom: 10px; }
/* Recent Posts Widget */
.widget_recent_entries .post-date {
display: block;
font-size: 12px;
font-weight: 400;
font-family: Yantramanav;
color: #fff; }
.widget_wpopal_recent_post .post-widget {
border: none; }
.widget_wpopal_recent_post .item-post.media {
border-top: 1px solid #e2e2e2;
padding-top: 20px;
padding-bottom: 20px;
margin: 0; }
.widget_wpopal_recent_post .item-post.media:first-child {
border-top: none; }
.widget_wpopal_recent_post .item-post.media a.image {
width: 100px;
padding-left: 20px; }
.rtl .widget_wpopal_recent_post .item-post.media a.image {
padding-right: 20px;
padding-left: inherit; }
.widget_wpopal_recent_post .item-post.media .media-body .entry-title {
padding-right: 15px; }
.rtl .widget_wpopal_recent_post .item-post.media .media-body .entry-title {
padding-left: 15px;
padding-right: inherit; }
.widget_wpopal_recent_post .item-post.media .media-body>p {
display: none; }
.widget_wpopal_recent_post .post-stick-layout .item-post.media.item-big {
border-top: none; }
.widget_wpopal_recent_post .post-stick-layout .item-post.media.item-big a.image {
padding-right: 0;
width: 100%;
margin-bottom: 10px; }
.rtl .widget_wpopal_recent_post .post-stick-layout .item-post.media.item-big a.image {
padding-left: 0;
padding-right: inherit; }
.widget_wpopal_recent_post .post-stick-layout .item-post.media.item-big .entry-title {
margin: 0 0 10px;
font-weight: 700;
font-size: 14px;
line-height: 20px; }
.widget_wpopal_recent_post .post-stick-layout .item-post.media {
padding-top: 15px; }
.widget_wpopal_recent_post .post-stick-layout .item-post.media .media-body .entry-title {
margin: 0 0 5px; }
.widget_wpopal_recent_post .post-stick-layout .item-post.media .post-date {
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
color: #d0262e; }
/* Search Widget */
.widget_search .input-search {
background: transparent; }
.widget_search .btn-search input {
border: none;
background: transparent; }
/* RSS Widget */
.rsswidget img {
margin-top: -4px; }
.rssSummary {
margin: 9px 0; }
.rss-date {
display: block;
font-size: 12px;
color: #d0262e; }
.widget_rss li {
margin-bottom: 18px; }
/* Text Widget */
.widget_rss li:last-child,.widget_text>div>:last-child {
margin-bottom: 0; }
/* Calendar Widget*/
.widget_calendar table {
line-height: 2;
margin: 0; }
.widget_calendar caption {
color: #000;
font-weight: 700;
line-height: 1.7142857142;
margin-bottom: 10px;
text-align: left;
text-transform: uppercase; }
.widget_calendar thead th {
background: #f5f5f5; }
.widget_calendar tbody td,.widget_calendar thead th {
text-align: center; }
.widget_calendar tbody a {
color: #d0262e;
display: block; }
.widget_calendar tbody a:hover {
color: #000; }
.widget_calendar #prev {
padding-left: 5px; }
.widget_calendar #next {
padding-right: 5px;
text-align: right; }
.widget_calendar #today {
color: #d0262e; }
.widget_calendar #today:hover {
color: #000; }
/* Newletter in footer */
.opal-footer-profile .widget_mc4wp_form_widget {
display: table; }
.opal-footer-profile .widget_mc4wp_form_widget h2 {
font-size: 12px;
color: #999;
text-transform: uppercase;
display: table-cell;
text-align: right; }
.opal-footer-profile .widget_mc4wp_form_widget .mc4wp-form-basic {
margin: 0; }
.opal-footer-profile .widget_mc4wp_form_widget .input-group {
width: 70%; }
.opal-footer-profile .widget_mc4wp_form_widget .input-group:before {
content: "\f003";
font-family: Fontawesome;
position: absolute;
right: 7px;
top: 18px;
z-index: 10; }
.opal-footer-profile .widget_mc4wp_form_widget .input-group .form-control {
padding: 12px;
width: 94%;
margin-right: 20px;
margin-left: 40px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px; }
.rtl .opal-footer-profile .widget_mc4wp_form_widget .input-group .form-control {
margin-left: 20px;
margin-right: inherit;
margin-right: 40px;
margin-left: inherit; }
.opal-footer-profile .widget_mc4wp_form_widget .input-group .form-control::-webkit-input-placeholder {
/* Chrome/Opera/Safari */ }
.opal-footer-profile .widget_mc4wp_form_widget .input-group .form-control::-moz-placeholder {
/* Firefox 19+ */ }
.opal-footer-profile .widget_mc4wp_form_widget .input-group .form-control:-ms-input-placeholder {
/* IE 10+ */ }
.opal-footer-profile .widget_mc4wp_form_widget .input-group .form-control:-moz-placeholder {
/* Firefox 18- */ }
.opal-footer-profile .widget_mc4wp_form_widget .input-group .btn {
padding: 12px 40px;
font-size: 12px; }
.opal-footer-profile .widget_mc4wp_form_widget .input-group .btn-email {
background-color: #ebba11;
border-color: #ebba11;
color: #fff; }
.opal-footer-profile .widget_mc4wp_form_widget .mc4wp-response {
position: absolute;
margin-top: 20px; }
.form-control {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px; }
.wpcf7-form {
position: relative; }
.wpcf7-form .form-group.submit .btn,.wpcf7-form .submit.form-row .btn {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
width: 33%; }
.wpcf7-form .wpcf7-form-control::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #fff;
font-size: 14px; }
.wpcf7-form .wpcf7-form-control::-moz-placeholder {
/* Firefox 19+ */
color: #fff;
font-size: 14px; }
.wpcf7-form .wpcf7-form-control:-ms-input-placeholder {
/* IE 10+ */
color: #fff;
font-size: 14px; }
.wpcf7-form .wpcf7-form-control:-moz-placeholder {
/* Firefox 18- */
color: #fff;
font-size: 14px; }
.wpcf7-form .wpcf7-response-output {
position: absolute;
color: #fff;
bottom: -60px;
z-index: 1;
margin: 0;
padding: 15px 20px;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
border: 1px solid transparent;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px; }
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
background: #f2fef3;
color: #1b7121;
border-color: #ddfcda; }
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
background: #ffe3e6;
color: #ff4a5d;
border-color: #ffcad8; }
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ng {
background: #f2f9ff;
color: #19527e;
border-color: #cef1ff; }
.wpcf7-form .wpcf7-response-output.wpcf7-spam-blocked {
background: #fffaf2;
color: #a76800;
border-color: #ffead9; }
.wpcf7-form .wpcf7-submit {
position: relative;
width: 100%; }
/******** brand ********/
.brands-collection {
overflow: hidden;
clear: both; }
.brands-collection .item-brand img {
display: inline-block;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
-webkit-transition: all .35s ease-in-out 0s;
-o-transition: all .35s ease-in-out 0s;
transition: all .35s ease-in-out 0s; }
.brands-collection .item-brand:hover {
color: #d0262e; }
.brands-collection .item-brand:hover img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: none;
-webkit-transition: all .35s ease 0s;
-o-transition: all .35s ease 0s;
transition: all .35s ease 0s; }
/* widget-video */
.widget-video .popup-video {
text-align: right;
margin-right: 20px;
text-align: center; }
.rtl .widget-video .popup-video {
text-align: left;
margin-left: 20px;
margin-right: inherit; }
.widget-video .popup-video a {
width: 140px;
height: 140px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
line-height: 140px;
text-indent: 3px;
text-align: center;
display: inline-block;
background: #d0262e;
color: #000;
font-size: 30px;
position: relative; }
.widget-video .popup-video a,.widget-video .popup-video a:hover {
-webkit-transition: box-shadow .5s;
-o-transition: box-shadow .5s;
transition: box-shadow .5s; }
.widget-video .popup-video a:hover {
color: #d0262e;
background: transparent;
-webkit-box-shadow: 0 0 0 140px #000 inset;
box-shadow: inset 0 0 0 140px #000; }
.widget-video.style-v1 {
text-align: center;
text-transform: uppercase; }
.widget-video.style-v1 .sub-title {
font-family: Yantramanav;
margin: 30px 0;
letter-spacing: 4px;
color: #fff;
font-weight: 300; }
.widget-video.style-v1 .title {
font-size: 60px;
line-height: 60px;
font-weight: 700;
letter-spacing: -2px;
color: #fff; }
.widget-video.style-v2 .title {
color: #000; }
/* 12.2. Download links widget */
.widget-download-link-wrapper {
border: 1px solid #d0262e;
padding: 8px 15px; }
.widget-download-link-wrapper+.widget-download-link-wrapper {
margin-top: 10px; }
.widget-download-link-wrapper .widget-download-icon {
color: #d0262e;
float: left; }
.rtl .widget-download-link-wrapper .widget-download-icon {
float: right; }
.widget-download-link-wrapper .widget-download-icon .fa {
margin-right: 12px;
font-size: 16px; }
.rtl .widget-download-link-wrapper .widget-download-icon .fa {
margin-left: 12px;
margin-right: inherit; }
.widget-download-link-wrapper .widget-download-title {
line-height: 12px; }
.widget-download-link-wrapper .widget-download-title a {
color: #000;
font-weight: 700; }
.widget-download-link-wrapper .widget-download-title a:hover {
color: #d0262e; }
.widget-download-link-wrapper .widget-download-subtitle {
line-height: 15px; }
.widget-download-link-wrapper .widget-download-details {
display: table;
text-transform: uppercase;
font-size: 12px; }
.widget-info .title .fa {
font-size: 20px;
margin-right: 10px; }
.widget-info h5 {
margin-top: 0; }
.widget-info small {
font-size: 14px;
color: #acacac; }
.widget-info .column+.column {
padding-left: 40px;
border-left: 1px solid #e2e2e2; }
.opal-newsletter {
position: relative;
display: flex;
color: #999; }
.opal-newsletter a {
font-size: 40px;
color: #fff;
background: #d0262e;
padding: 10px 20px 50px;
margin-right: 20px;
border-top-right-radius: 3px;
border-top-left-radius: 3px; }
.opal-newsletter a:active,.opal-newsletter a:focus,.opal-newsletter a:hover {
color: #f2f2f2; }
.opal-newsletter h4 {
color: #fff;
display: block;
text-align: left; }
#consultsulution-newsletter {
position: absolute;
padding: 30px;
background-color: #fff;
bottom: 100%;
min-width: 250px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px; }
#consultsulution-newsletter h3 {
margin-top: 0;
margin-bottom: 0; }
#consultsulution-newsletter .input-group {
display: inline-block; }
#consultsulution-newsletter .input-group input {
margin-bottom: 15px;
width: 100%; }
.wpcf7-form-control-wrap input::-webkit-input-placeholder,textarea.form-control::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #666 !important; }
.wpcf7-form-control-wrap input::-moz-placeholder,textarea.form-control::-moz-placeholder {
/* Firefox 19+ */
color: #666 !important; }
.wpcf7-form-control-wrap input:-ms-input-placeholder,textarea.form-control:-ms-input-placeholder {
/* IE 10+ */
color: #666 !important; }
.wpcf7-form-control-wrap input:-moz-placeholder,textarea.form-control:-moz-placeholder {
/* Firefox 18- */
color: #666 !important; }
.opal-footer-profile .widget_mc4wp_form_widget .input-group .form-control:-moz-placeholder,.opal-footer-profile .widget_mc4wp_form_widget .input-group .form-control:-ms-input-placeholder,.opal-footer-profile .widget_mc4wp_form_widget .input-group .form-control::-moz-placeholder,.opal-footer-profile .widget_mc4wp_form_widget .input-group .form-control::-webkit-input-placeholder,textarea.form-control {
font-family: Roboto;
font-weight: 300;
font-size: 12px; }
.widget cite,.widget ul li a.rsswidget {
font-size: 14px; }
.form-submit .btn {
border-radius: 23px;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
-ms-border-radius: 23px;
-o-border-radius: 23px; }
.form-group label,.form-row label {
font-size: 12px; }
/*
* Main Menu
*/
.navbar-mega {
min-height: inherit;
border: 0 solid transparent;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0; }
.navbar-mega .navbar-toggle {
border-color: #e2e2e2; }
.navbar-mega .navbar-toggle .icon-bar {
background-color: #d0262e; }
.navbar-mega .navbar-nav {
float: none;
padding: 0;
position: relative; }
.navbar-mega .navbar-nav>.open>a {
border-color: transparent;
border-left-color: rgba(0,0,0,.1);
color: #d0262e;
background: transparent; }
.navbar-mega .navbar-nav>.open>a:before {
opacity: 1;
filter: alpha(opacity=100); }
.navbar-mega .navbar-nav .caret {
border: 0;
width: auto;
height: auto;
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s;
color: #000; }
.navbar-mega .navbar-nav .caret:before {
font-size: 15px;
font-weight: 700;
content: "\f107";
font-family: FontAwesome; }
.navbar-mega .navbar-nav ul {
padding: 0;
margin: 0;
list-style: none; }
.navbar-mega .navbar-nav ul li.dropdown-submenu,.navbar-mega .navbar-nav ul li.parent {
position: relative; }
.navbar-mega .navbar-nav ul li.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
right: auto;
position: absolute; }
.navbar-mega .navbar-nav li.active {
background: none; }
.navbar-mega .navbar-nav li.active>a {
background: none;
color: #d0262e; }
.navbar-mega .navbar-nav li.active>a .caret {
color: #d0262e; }
.navbar-mega .navbar-nav li.open>a,.navbar-mega .navbar-nav li a:active,.navbar-mega .navbar-nav li a:focus,.navbar-mega .navbar-nav li a:hover {
background: none;
color: #d0262e; }
.navbar-mega .navbar-nav>li {
margin-top: 0;
float: none;
display: inline-block; }
.navbar-mega .navbar-nav>li>a {
color: #000;
padding: 10px 25px;
line-height: 20px;
letter-spacing: 0;
margin: 0;
text-transform: uppercase;
word-break: normal;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
/* 3 */
/* 3 */
/* 4 */
/* 6 */
/* 6 */
/* 7 */
font-size: 14px;
/* 9 */
font-size: 1.4rem;
/* 9 */
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
position: relative; }
.navbar-mega .navbar-nav>li>a:focus .caret,.navbar-mega .navbar-nav>li>a:hover .caret {
color: #d0262e; }
.navbar-mega .navbar-nav>li>a:focus:before,.navbar-mega .navbar-nav>li>a:hover:before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1); }
.navbar-mega .navbar-nav>li:last-child a:after {
content: none; }
.navbar-mega .navbar-nav>li .kc_column,.navbar-mega .navbar-nav>li .kc_column_inner {
padding-left: 0;
padding-right: 0; }
.navbar-mega .navbar-nav>li .dropdown-menu {
padding-top: 0;
padding-bottom: 0;
min-width: 190px;
position: absolute;
display: block;
right: 0;
top: 100%;
transform: translateY(20px);
visibility: hidden;
z-index: 999; }
.rtl .navbar-mega .navbar-nav>li .dropdown-menu {
left: 0;
right: auto; }
.navbar-mega .navbar-nav>li .dropdown-menu ul.dropdown-menu,.navbar-mega .navbar-nav>li .dropdown-menu ul.sub-menu {
left: 95%;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
transform: translateY(20px); }
.navbar-mega .navbar-nav>li .dropdown-menu .row {
padding-top: 0; }
.navbar-mega .navbar-nav>li .dropdown-menu a {
min-height: inherit;
text-transform: none;
/* 3 */
/* 3 */
/* 4 */
/* 6 */
/* 6 */
/* 7 */
font-size: 12px;
/* 9 */
font-size: 1.2rem;
/* 9 */
position: relative;
padding: 10px 17px 10px 26px;
line-height: 2;
display: block;
white-space: normal;
padding-right: 0; }
.navbar-mega .navbar-nav>li .dropdown-menu li {
display: block;
padding: 1px;
position: relative;
border: none;
border-bottom: 1px solid #e2e2e2; }
.navbar-mega .navbar-nav>li .dropdown-menu li:before {
content: "\f18e";
font-size: 11px;
color: #999;
position: absolute;
font-family: FontAwesome;
top: 16px;
left: 13px; }
.navbar-mega .navbar-nav>li .dropdown-menu li:hover>ul.dropdown-menu {
opacity: 1;
visibility: visible;
transform: translate(0);
top: 0; }
.navbar-mega .navbar-nav>li .dropdown-menu .widget-title,.navbar-mega .navbar-nav>li .dropdown-menu .widgettitle {
padding: 10px 15px;
/* 3 */
/* 3 */
/* 4 */
/* 6 */
/* 6 */
/* 7 */
font-size: 14px;
/* 9 */
font-size: 1.4rem;
/* 9 */
border-bottom: 1px solid #e2e2e2;
margin: 0;
line-height: 40px;
text-align: left; }
.rtl .navbar-mega .navbar-nav>li .dropdown-menu .widget-title,.rtl .navbar-mega .navbar-nav>li .dropdown-menu .widgettitle {
text-align: right; }
.navbar-mega .navbar-nav>li .dropdown-menu .widget-title:before,.navbar-mega .navbar-nav>li .dropdown-menu .widgettitle:before {
content: none; }
.navbar-mega .navbar-nav>li .dropdown-menu .widget-content {
border: none; }
.navbar-mega .navbar-nav>li .dropdown-menu .products,.navbar-mega .navbar-nav>li .dropdown-menu .widget {
box-shadow: none;
margin-bottom: 0;
border: 1px solid #e2e2e2;
border-bottom: none; }
.navbar-mega .navbar-nav>li .dropdown-menu .products .row>div,.navbar-mega .navbar-nav>li .dropdown-menu .widget-products .widget-title {
padding: 0 20px; }
.navbar-mega .navbar-nav>li .dropdown-menu .opal-category-filter {
margin: 0;
padding: 30px 0 30px 30px; }
.navbar-mega .navbar-nav>li .dropdown-menu .category-caption {
clear: both;
padding-top: 30px; }
.navbar-mega .navbar-nav>li .sub-menu {
position: absolute;
background: #fff;
z-index: 999;
box-shadow: 0 6px 12px rgba(0,0,0,.175);
text-align: left;
padding: 30px 10px;
-webkit-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
transform: translateY(20px);
min-width: 245px;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
top: 100%; }
.navbar-mega .navbar-nav>li .sub-menu .sub-menu {
left: 90%;
top: 20px; }
.navbar-mega .navbar-nav>li .sub-menu a {
padding: 15px 30px;
padding-right: 0;
display: block;
color: #666;
font-size: 12px; }
.navbar-mega .navbar-nav>li .sub-menu li:hover>.sub-menu {
opacity: 1;
visibility: visible;
transform: translate(0); }
.navbar-mega .navbar-nav>li .mega-dropdown-menu {
padding: 40px; }
.navbar-mega .navbar-nav>li .mega-dropdown-menu ul li a {
padding-left: 0;
padding-right: 0; }
.rtl .navbar-mega .navbar-nav>li .mega-dropdown-menu ul li a {
padding-right: 0;
padding-left: inherit;
padding-left: 0;
padding-right: inherit; }
.navbar-mega .navbar-nav>li .mega-dropdown-menu ul li a:hover {
padding-left: 10px;
padding-right: 10px; }
.rtl .navbar-mega .navbar-nav>li .mega-dropdown-menu ul li a:hover {
padding-right: 10px;
padding-left: inherit;
padding-left: 10px;
padding-right: inherit; }
.navbar-mega .navbar-nav>li:hover .dropdown-menu {
-webkit-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
-webkit-transition: all .4s cubic-bezier(.25,.46,.45,.94) 0s;
-o-transition: all .4s cubic-bezier(.25,.46,.45,.94) 0s;
transition: all .4s cubic-bezier(.25,.46,.45,.94) 0s; }
.navbar-mega .navbar-nav>.active {
background: transparent; }
.navbar-mega .navbar-nav>.active>a {
color: #d0262e; }
.navbar-mega .navbar-nav>.aligned-fullwidth {
position: static !important; }
.navbar-mega .navbar-nav>.aligned-fullwidth>.dropdown-menu {
width: 120% !important; }
.navbar-mega .navbar-nav>.aligned-left,.navbar-mega .navbar-nav>.aligned-right {
position: static !important; }
.navbar-mega .navbar-nav .wpb-container-mega {
margin: 0; }
.navbar-mega .navbar-nav .container-mega .row {
padding-bottom: 0;
margin: 0 !important;
width: 100%;
position: relative;
overflow: hidden; }
.navbar-mega .navbar-nav .container-mega .row>div {
position: relative;
padding: 0; }
.navbar-mega .navbar-nav .container-mega .row>div:after {
content: "";
width: 1px;
height: 1000px;
background: #e2e2e2;
position: absolute;
left: 0;
top: 0; }
.rtl .navbar-mega .navbar-nav .container-mega .row>div:after {
right: 0;
left: auto; }
.navbar-mega .navbar-nav .container-mega .row>div:first-child:after {
content: none; }
.navbar-mega .text-label {
position: absolute;
top: -20px;
right: 45%;
padding: 0 3px;
font-size: 9px;
color: #fff; }
.navbar-mega .text-label.text-hot {
background: #e93434; }
.navbar-mega .text-label.text-hot:after {
border-top-color: #e93434; }
.navbar-mega .text-label.text-new {
background: #04adf0; }
.navbar-mega .text-label.text-new:after {
border-top-color: #04adf0; }
.navbar-mega .text-label.text-featured {
background: #ebba11;
right: 15%; }
.navbar-mega .text-label.text-featured:after {
border-top-color: #ebba11; }
.navbar-mega .text-label:after {
content: "";
position: absolute;
border: 3px solid transparent;
top: 100%;
left: 50%;
margin-left: -3px; }
.navbar-mega .navbar-nav>li:hover>.dropdown-menu {
opacity: 1;
filter: alpha(opacity=100);
right: 0;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
visibility: visible;
border-bottom: 1px solid #e2e2e2; }
.rtl .navbar-mega .navbar-nav>li:hover>.dropdown-menu {
left: 0;
right: auto; }
.navbar-mega .navbar-nav>li:hover>.sub-menu {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0); }
.navbar-mega .navbar-nav>li:hover>.sub-menu li {
border-bottom: 1px solid #ccc; }
.navbar-mega .navbar-nav>li:hover>.sub-menu li:before {
content: "\f061";
font-size: 8px;
color: #999;
position: absolute;
font-family: FontAwesome;
padding: 19px 10px; }
.navbar-mega .navbar-nav>li:hover>.sub-menu li:last-child {
border: none; }
/**
* White Styles
*/
.navbar-mega-light .navbar-mega .navbar-nav>li>a,.navbar-mega-light .navbar-mega .navbar-nav>li>a .caret {
color: #fff; }
.navbar-mega-light .navbar-mega .navbar-nav>li.active>a:before,.navbar-mega-light .navbar-mega .navbar-nav>li:hover>a:before {
background: #fff; }
.navbar-mega-theme {
background: #d0262e; }
.navbar-mega-theme .navbar-mega .navbar-nav>li>a,.navbar-mega-theme .navbar-mega .navbar-nav>li>a .caret {
color: #fff; }
/*
* vertical megamenu
*/
.widget_wpopal_menu_vertical .vertical-menu {
padding: 0;
background: #fff;
box-shadow: 0 0 3px 1px rgba(20,19,23,.1); }
.widget_wpopal_menu_vertical .widget-title {
background: #41b5ac;
color: #fff;
margin-bottom: 0; }
.widget_wpopal_menu_vertical .widget-title>span {
padding: 20px; }
.widget_wpopal_menu_vertical .navbar-nav {
position: relative;
margin: 0; }
.widget_wpopal_menu_vertical .navbar-nav>li {
width: 100%;
height: auto;
position: static;
border-bottom: 1px solid #eee; }
.widget_wpopal_menu_vertical .navbar-nav>li>a {
display: block;
color: #000;
padding: 13px 20px;
line-height: 24px;
text-transform: uppercase;
font-size: 12px;
font-family: Roboto;
font-weight: 600; }
.widget_wpopal_menu_vertical .navbar-nav>li>a .text-label {
background: #e35263 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 9px;
font-weight: 400;
line-height: 1;
margin-left: 8px;
padding: 3px;
position: relative; }
.widget_wpopal_menu_vertical .navbar-nav>li>a .text-label:after {
border: none;
border-color: transparent #e35263 transparent transparent;
border-image: none;
border-style: solid;
border-width: 3px;
content: "";
margin-top: -3px;
position: absolute;
right: 100%;
top: 50%; }
.widget_wpopal_menu_vertical .navbar-nav>li>a .text-label.text-new {
background: #03a9f4 none repeat scroll 0 0; }
.widget_wpopal_menu_vertical .navbar-nav>li>a .text-label.text-new:after {
border-right: 3px solid #03a9f4; }
.widget_wpopal_menu_vertical .navbar-nav>li>a .text-label.text-featured {
background: green none repeat scroll 0 0; }
.widget_wpopal_menu_vertical .navbar-nav>li>a .text-label.text-featured:after {
border-right: 3px solid green; }
.widget_wpopal_menu_vertical .navbar-nav>li:focus>a,.widget_wpopal_menu_vertical .navbar-nav>li:focus>a .caret:before,.widget_wpopal_menu_vertical .navbar-nav>li:focus>a:before,.widget_wpopal_menu_vertical .navbar-nav>li:hover>a,.widget_wpopal_menu_vertical .navbar-nav>li:hover>a .caret:before,.widget_wpopal_menu_vertical .navbar-nav>li:hover>a:before {
color: #d0262e; }
.widget_wpopal_menu_vertical .navbar-nav>li.open .dropdown-menu {
display: block !important; }
.widget_wpopal_menu_vertical .navbar-nav li a {
-webkit-transition: all .2s ease-in-out 0s;
-o-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s; }
.widget_wpopal_menu_vertical .navbar-nav li a .caret {
position: absolute;
top: 50%;
margin-top: -10px;
border: 0 !important; }
.widget_wpopal_menu_vertical .navbar-nav li a .caret:before {
content: "\f105";
font-family: FontAwesome;
font-size: 13px;
font-weight: 500;
color: #ccc; }
.widget_wpopal_menu_vertical .navbar-nav li a:focus,.widget_wpopal_menu_vertical .navbar-nav li a:hover {
color: #d0262e; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu {
border: 0;
top: 0;
min-width: 700px;
padding: 20px;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
display: block; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .container-mega {
padding: 0 20px; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .widget-title {
background: transparent;
color: #d0262e; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .widget-title span {
padding: 0 0 20px; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .widget-content {
padding: 0;
border: none; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .widget_nav_menu ul {
background-color: transparent; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .widget_nav_menu ul li {
border-bottom: 0; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .widget_nav_menu .widgettitle {
margin-bottom: 20px;
font-size: 18px; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .products-grid div.product {
border-bottom: 0; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu>li>a {
padding: 7px 0;
display: block; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu>li>a:hover {
padding-left: 5px; }
.rtl .widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu>li>a:hover {
padding-right: 5px;
padding-left: inherit; }
.widget_wpopal_menu_vertical .navbar-nav li:focus>a,.widget_wpopal_menu_vertical .navbar-nav li:focus>a .caret:before,.widget_wpopal_menu_vertical .navbar-nav li:hover>a,.widget_wpopal_menu_vertical .navbar-nav li:hover>a .caret:before {
color: #d0262e; }
.widget_wpopal_menu_vertical .navbar-nav li:focus>.dropdown-menu,.widget_wpopal_menu_vertical .navbar-nav li:hover>.dropdown-menu {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all .3s ease-in 0s;
-o-transition: all .3s ease-in 0s;
transition: all .3s ease-in 0s;
visibility: visible; }
.widget_wpopal_menu_vertical .navbar-nav li i {
margin-right: 10px; }
.rtl .widget_wpopal_menu_vertical .navbar-nav li i {
margin-left: 10px;
margin-right: inherit; }
.widget_wpopal_menu_vertical .widget_nav_menu ul li {
padding: 10px 0; }
.widget_wpopal_menu_vertical .widget_nav_menu ul li a {
display: block;
color: #8a8a8a; }
.widget_wpopal_menu_vertical .widget_nav_menu ul li a:hover {
color: #d0262e;
padding-left: 5px; }
.rtl .widget_wpopal_menu_vertical .widget_nav_menu ul li a:hover {
padding-right: 5px;
padding-left: inherit; }
.widget_wpopal_menu_vertical .menu-left .navbar-nav>li>a:after {
right: -3px; }
.rtl .widget_wpopal_menu_vertical .menu-left .navbar-nav>li>a:after {
left: -3px;
right: auto; }
.widget_wpopal_menu_vertical .menu-left .navbar-nav>li:focus>a:after,.widget_wpopal_menu_vertical .menu-left .navbar-nav>li:hover>a:after {
border-color: #fff;
z-index: 1001; }
.widget_wpopal_menu_vertical .menu-left .navbar-nav li .dropdown-menu {
right: 130%;
left: auto; }
.rtl .widget_wpopal_menu_vertical .menu-left .navbar-nav li .dropdown-menu {
left: 130%;
right: auto;
left: auto; }
.widget_wpopal_menu_vertical .menu-left .navbar-nav li:focus>.dropdown-menu,.widget_wpopal_menu_vertical .menu-left .navbar-nav li:hover>.dropdown-menu {
right: 100%; }
.rtl .widget_wpopal_menu_vertical .menu-left .navbar-nav li:focus>.dropdown-menu,.rtl .widget_wpopal_menu_vertical .menu-left .navbar-nav li:hover>.dropdown-menu {
left: 100%;
right: auto; }
.widget_wpopal_menu_vertical .menu-left .navbar-nav li a .caret {
right: 20px; }
.rtl .widget_wpopal_menu_vertical .menu-left .navbar-nav li a .caret {
left: 20px;
right: auto; }
.widget_wpopal_menu_vertical .menu-right .navbar-nav>li>a:before {
float: left; }
.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav>li>a:before {
float: right; }
.widget_wpopal_menu_vertical .menu-right .navbar-nav>li>a:after {
left: -3px; }
.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav>li>a:after {
right: -3px;
left: auto; }
.widget_wpopal_menu_vertical .menu-right .navbar-nav>li:focus>a:after,.widget_wpopal_menu_vertical .menu-right .navbar-nav>li:hover>a:after {
border-color: #fff;
z-index: 1001; }
.widget_wpopal_menu_vertical .menu-right .navbar-nav li a .caret {
right: 20px; }
.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav li a .caret {
left: 20px;
right: auto; }
.menu-theme .dropdown-menu {
width: 50%; }
/*
* Off Canvas
* --------------------------------------------------
*/
.sidebar-offcanvas {
position: absolute;
top: 0;
bottom: 0;
width: 65%;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
box-shadow: 0 0 5px rgba(0,0,0,.5);
text-align: left;
background: #fff; }
.rtl .sidebar-offcanvas {
text-align: right; }
.btn-offcanvas:hover {
color: #d0262e; }
.offcanvas-head button {
padding: 14px 25px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
margin-right: 20px; }
.row-offcanvas {
position: relative; }
.offcanvas-showright,.row-offcanvas {
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out; }
.offcanvas-showright {
background: rgba(208,38,46,.8);
position: relative;
width: 400px;
position: absolute;
right: -800px;
top: 0;
z-index: 1000;
display: block;
padding: 50px 0; }
.offcanvas-showright.active {
display: block;
right: 0; }
.offcanvas-showright .showright {
background-color: #fff;
width: 40px;
height: 40px;
border: none;
margin-right: 50px; }
.rtl .offcanvas-showright .showright {
margin-left: 50px;
margin-right: inherit; }
.offcanvas-showright .showright .fa {
color: #d0262e; }
.navbar-offcanvas {
border: none; }
.navbar-offcanvas ul#main-menu-offcanvas {
float: none;
display: block; }
.navbar-offcanvas ul#main-menu-offcanvas>li {
position: relative;
border-bottom: 1px solid #e2e2e2;
display: block;
float: none; }
.navbar-offcanvas ul#main-menu-offcanvas>li .caret {
position: absolute;
right: 10px;
top: 10px;
width: 27px;
height: 27px;
border: 1px solid #e2e2e2;
z-index: 9;
background: #f5f5f5; }
.navbar-offcanvas ul#main-menu-offcanvas>li .caret:hover {
cursor: pointer; }
.navbar-offcanvas ul#main-menu-offcanvas>li .caret:after {
font-family: FontAwesome;
content: "\f107";
top: 0;
left: 7px;
position: absolute;
z-index: 9; }
.navbar-offcanvas ul#main-menu-offcanvas>li ul li a {
font-size: 13px;
font-weight: 300;
padding: 10px 15px; }
.navbar-offcanvas ul#main-menu-offcanvas li.active>a {
background: none;
color: #d0262e; }
/* 4. Page */
/**
* 6.10 Contributor Page
* -----------------------------------------------------------------------------
*/
.contributor {
border-bottom: 1px solid rgba(0,0,0,.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 48px 10px; }
.contributor:first-of-type {
padding-top: 24px; }
.contributor-info {
margin: 0 auto;
max-width: 474px; }
.contributor-avatar {
border: 1px solid rgba(0,0,0,.1);
float: left;
margin: 0 30px 20px 0;
padding: 2px; }
.contributor-name {
font-size: 16px;
font-weight: 900;
line-height: 1.5;
margin: 0; }
.contributor-bio a {
text-decoration: underline; }
.contributor-bio a:hover {
text-decoration: none; }
.contributor-posts-link {
display: inline-block;
line-height: normal;
padding: 10px 30px; }
.contributor-posts-link:before {
content: "\f443"; }
/**
* 6.11 404 Page
* -----------------------------------------------------------------------------
*/
.notfound-page {
text-align: center;
padding: 100px 0; }
.notfound-page .title_404 {
font-size: 150px;
color: #d0262e;
line-height: 72px;
padding-bottom: 30px 0;
font-weight: 700;
font-family: Poppins; }
.notfound-page .error-description {
font-size: 36px;
color: #000;
font-weight: 700;
line-height: 30px;
padding-top: 30px; }
.notfound-page .button {
margin-top: 30px;
margin-bottom: 60px; }
.notfound-page .info-404 {
font-size: 20px;
line-height: 36px; }
h1.page-title {
position: relative;
padding-bottom: 20px;
margin-bottom: 30px; }
h1.page-title:before {
content: "";
position: absolute;
bottom: 0;
width: 70px;
height: 3px;
background: #ff4a5d; }
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
letter-spacing: -.5px; }
/* 5. Post */
/**
* 8.0 Gallery
* -----------------------------------------------------------------------------
*/
.gallery .gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
padding: 0;
position: relative; }
.gallery-columns-1 .gallery-item {
max-width: 100%;
width: auto; }
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 14px);
max-width: calc(50% - 14px);
width: auto; }
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 11px);
max-width: calc(33.3% - 11px);
width: auto; }
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 9px);
max-width: calc(25% - 9px);
width: auto; }
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 8px);
max-width: calc(20% - 8px);
width: auto; }
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 7px);
max-width: calc(16.7% - 7px);
width: auto; }
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 7px);
max-width: calc(14.28% - 7px);
width: auto; }
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 6px);
max-width: calc(12.5% - 6px);
width: auto; }
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 6px);
max-width: calc(11.1% - 6px);
width: auto; }
.gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0; }
.gallery .gallery-caption {
background-color: rgba(0,0,0,.7);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%; }
.gallery .gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%; }
.gallery-item:hover .gallery-caption {
opacity: 1; }
.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption {
display: none; }
/**
* 9.0 Audio/Video
* ----------------------------------------------------------------------------
*/
.mejs-container .mejs-controls,.mejs-mediaelement {
background: #000; }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #fff; }
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #24890d; }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail .mejs-time-total {
background: hsla(0,0%,100%,.33); }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail span {
border-radius: 0; }
.mejs-overlay-loading {
background: transparent; }
.mejs-overlay-button {
background-color: #fff;
background-image: none;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0,0,0,.8);
color: #000;
height: 36px;
margin-left: -24px;
width: 48px; }
.mejs-overlay-button:before {
-webkit-font-smoothing: antialiased;
content: "\f452";
display: inline-block;
font: normal 32px/1.125 Genericons;
position: absolute;
top: 1px;
left: 10px; }
.mejs-controls .mejs-button button:focus {
outline: none; }
.mejs-controls .mejs-button button {
-webkit-font-smoothing: antialiased;
background: none;
color: #fff;
display: inline-block;
font: normal 16px/1 Genericons; }
.mejs-playpause-button.mejs-play button:before {
content: "\f452"; }
.mejs-playpause-button.mejs-pause button:before {
content: "\f448"; }
.mejs-volume-button.mejs-mute button:before {
content: "\f109";
font-size: 20px;
position: absolute;
top: -2px;
left: 0; }
.mejs-volume-button.mejs-unmute button:before {
content: "\f109";
left: 0;
position: absolute;
top: 0; }
.mejs-fullscreen-button button:before {
content: "\f474"; }
.mejs-fullscreen-button.mejs-unfullscreen button:before {
content: "\f406"; }
.mejs-overlay:hover .mejs-overlay-button {
background-color: #24890d;
color: #fff; }
.mejs-controls .mejs-button button:hover {
color: #41a62a; }
.single_blog footer.entry-meta {
overflow: hidden;
width: 100%;
margin-bottom: -10px;
padding-top: 20px; }
div.page-links {
text-align: center;
padding-top: 40px;
display: none; }
.single_blog div.page-links {
display: block; }
.single_blog div.page-links a span {
padding-left: 10px; }
.post-preview {
margin-bottom: 15px; }
.paging-navigation {
margin-bottom: 30px; }
.post .post-thumbnail {
display: block;
text-align: center; }
.post .entry-title,.post .excerpt {
-ms-word-wrap: break-word;
word-wrap: break-word; }
.widget_archive ul {
list-style: none;
margin: 0;
padding: 0; }
.widget_archive ul li {
line-height: 30px;
padding: 5px; }
.widget_archive ul ul {
padding-left: 15px; }
.rtl .widget_archive ul ul {
padding-right: 15px;
padding-left: inherit; }
.widget_meta>ul,.widget_pages>ul,.widget_recent_comments>ul,.widget_rss>ul {
list-style: none;
padding-left: 0; }
.widget_text img {
margin-bottom: 10px;
margin-top: 10px; }
.widget_text select {
max-width: 100%; }
.widget_calendar table {
width: 100%; }
.sidebar select {
margin: 20px; }
.sidebar form select {
margin: 0; }
.sidebar .widget>ul {
padding: 0; }
.sidebar .opal-search .btn-search:hover {
color: #d0262e; }
.sidebar .opal-search .btn-search input {
padding: 0; }
.sidebar .opal-search .btn-search input:hover {
color: #d0262e; }
.sidebar .opal-search>* {
background: transparent; }
.widget_nav_menu .menu-testing-menu-container>ul>li {
padding: 10px 0; }
.widget_nav_menu .menu-testing-menu-container ul li {
line-height: 30px; }
.paging-navigation {
margin: 30px 0; }
.navigation {
text-align: center;
clear: both;
border-top: 1px solid #999; }
.navigation .pagination {
padding-top: 30px; }
.navigation .pagination>* {
font-size: 14px;
padding: 10px;
border: 1px solid #e2e2e2;
font-weight: 700;
display: inline-block;
margin: 0 2px;
background: #efefef;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%; }
.navigation .pagination>:hover {
color: #000; }
.navigation .pagination .page-numbers {
width: 40px;
height: 40px; }
.navigation .pagination .page-numbers.next,.navigation .pagination .page-numbers.prev {
width: inherit;
background: transparent;
border: none; }
.navigation .pagination span.current {
color: #000;
border-color: #000; }
.tagcloud a {
font-size: 12px !important;
display: inline-block;
color: #000;
border: 1px solid #e2e2e2;
padding: 5px;
margin: 5px 3px;
text-transform: uppercase; }
.tagcloud a:hover {
color: #d0262e; }
.opal-commentlists table {
width: 100%; }
.latest_posts .post-thumbnail a {
display: block;
width: 70px;
margin-top: 10px;
padding-right: 10px; }
.rtl .latest_posts .post-thumbnail a {
padding-left: 10px;
padding-right: inherit; }
.latest_posts .entry-title {
margin-top: 0;
line-height: 24px;
margin-bottom: 5px;
letter-spacing: 0;
font-size: 16px; }
.latest_posts .entry-date {
font-size: 14px;
color: #999;
font-weight: 400; }
.latest_posts .entry-info {
font-size: 14px;
line-height: 16px;
color: #acacac;
padding-bottom: 5px; }
.latest_posts .entry-info .zmdi {
padding-right: 5px; }
.recentcomments a {
-ms-word-wrap: break-word;
word-wrap: break-word; }
p.currentTextHolder {
line-height: normal; }
form.post-password-form input[type=submit] {
background: #d0262e;
color: #fff;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
border-color: transparent; }
form.post-password-form input[type=submit]:active,form.post-password-form input[type=submit]:focus,form.post-password-form input[type=submit]:hover {
background: #000;
color: #fff; }
.addthis {
text-align: right; }
.addthis>div {
display: inline-block; }
article+article {
margin-top: 50px; }
.cat-links {
text-transform: capitalize; }
.cat-links a {
color: #2b2b2b; }
.cat-links a:hover {
color: #41a62a; }
/**
* 6.4 Entry Content
* -----------------------------------------------------------------------------
*/
.entry-summary,.page-content {
word-wrap: break-word;
margin-bottom: 20px; }
.comment-content a,.comment-content a.button,.comment-content a:hover,.entry-content a,.entry-content a.button,.entry-content a:hover,.entry-summary a,.entry-summary a.button,.entry-summary a:hover,.page-content a,.page-content a.button,.page-content a:hover {
text-decoration: none; }
.comment-content table,.entry-content table {
font-size: 14px;
line-height: 1.2857142857;
margin-bottom: 24px;
width: 100%; }
.comment-content th,.entry-content th {
font-weight: 700;
padding: 8px;
text-transform: uppercase; }
.comment-content td,.entry-content td {
padding: 8px; }
.entry-content .edit-link {
font-size: 12px;
font-weight: 400;
line-height: 1.3333333333;
text-transform: uppercase; }
.entry-content .edit-link a {
color: #d0262e;
text-decoration: none; }
.entry-content .edit-link a:hover {
color: #41a62a; }
.entry-content .more-link {
white-space: nowrap; }
.ratings a {
text-indent: -9999em !important; }
.entry-content-page {
position: relative; }
.entry-content-page .edit-link {
background: #000;
position: absolute;
top: 0;
right: 0;
padding: 5px 6px;
z-index: 10000; }
.entry-content-page .edit-link:before {
content: none; }
.entry-content-page .edit-link a {
font-size: 11px;
color: #fff !important; }
.entry-content-page>.edit-link {
right: -40px; }
/* Tag links style */
.tag-links a {
color: #000;
display: inline-block;
font-size: 14px;
text-transform: capitalize;
line-height: 18px;
margin-right: 10px;
position: relative; }
.rtl .tag-links a {
margin-left: 10px;
margin-right: inherit; }
.tag-links a:hover {
color: #d0262e; }
/**
* Navigation links
*/
.post-navigation {
clear: both;
margin-top: 50px; }
.post-navigation .nav-links {
display: flex;
justify-content: space-between; }
.post-navigation .nav-links a {
padding: 30px 0;
display: block;
float: left;
flex: 1; }
.rtl .post-navigation .nav-links a {
float: right; }
.post-navigation .nav-links a>span {
font-size: 14px;
display: block; }
.post-navigation .nav-links a>i {
float: right;
margin-top: -100px;
color: #999;
font-size: 24px; }
.post-navigation .nav-links a:hover i {
color: #d0262e; }
.post-navigation .nav-links a .pull-left {
text-align: left; }
.post-navigation .nav-links a .pull-left .meta-nav:before {
font-family: FontAwesome;
content: "\f104";
margin-right: 7px;
font-size: 16px; }
.menu-theme .post-navigation .nav-links a .dropdown-menu,.portfolio.portfolio_home4 .post-navigation .nav-links a .nav-inner,.post-navigation .nav-links a .menu-theme .dropdown-menu,.post-navigation .nav-links a .portfolio.portfolio_home4 .nav-inner,.post-navigation .nav-links a .pull-right,.post-navigation .nav-links a .single_blog .meta,.single_blog .post-navigation .nav-links a .meta {
text-align: right; }
.menu-theme .post-navigation .nav-links a .dropdown-menu .meta-nav:after,.portfolio.portfolio_home4 .post-navigation .nav-links a .nav-inner .meta-nav:after,.post-navigation .nav-links a .menu-theme .dropdown-menu .meta-nav:after,.post-navigation .nav-links a .portfolio.portfolio_home4 .nav-inner .meta-nav:after,.post-navigation .nav-links a .pull-right .meta-nav:after,.post-navigation .nav-links a .single_blog .meta .meta-nav:after,.single_blog .post-navigation .nav-links a .meta .meta-nav:after {
font-family: FontAwesome;
content: "\f105";
margin-left: 7px;
font-size: 16px; }
.post-navigation .nav-links .meta-nav {
color: #999;
font-size: 12px;
display: block; }
.post-navigation .nav-links .meta-nav i {
font-size: 36px;
vertical-align: middle;
padding: 0 10px; }
.post-navigation .nav-links .meta-nav .meta-info {
color: #000;
font-size: 14px; }
.post-link-right {
text-align: right; }
.post-link-left {
text-align: left; }
/* Mediaelements */
.hentry .mejs-container {
margin: 12px 0 18px; }
.hentry .mejs-container .mejs-controls,.hentry .mejs-mediaelement {
background: #000; }
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #fff; }
.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
background: #24890d; }
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.hentry .mejs-controls .mejs-time-rail .mejs-time-total {
background: hsla(0,0%,100%,.33); }
.hentry .mejs-container .mejs-controls .mejs-time {
padding-top: 9px; }
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.hentry .mejs-controls .mejs-time-rail span {
border-radius: 0; }
.hentry .mejs-overlay-loading {
background: transparent; }
.hentry .mejs-overlay-button {
background-color: #fff;
background-image: none;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0,0,0,.8);
color: #000;
height: 36px;
margin-left: -24px;
width: 48px; }
.hentry .mejs-overlay-button:before {
-webkit-font-smoothing: antialiased;
content: "\f452";
display: inline-block;
font: normal 32px/1.125 Genericons;
position: absolute;
top: 1px;
left: 10px; }
.hentry .mejs-controls .mejs-button button:focus {
outline: none; }
.hentry .mejs-controls .mejs-button button {
-webkit-font-smoothing: antialiased;
background: none;
color: #fff;
display: inline-block;
font: normal 16px/1 Genericons; }
.hentry .mejs-playpause-button.mejs-play button:before {
content: "\f452"; }
.hentry .mejs-playpause-button.mejs-pause button:before {
content: "\f448"; }
.hentry .mejs-volume-button.mejs-mute button:before {
content: "\f109";
font-size: 20px;
position: absolute;
top: -2px;
left: 0; }
.hentry .mejs-volume-button.mejs-unmute button:before {
content: "\f109";
left: 0;
position: absolute;
top: 0; }
.hentry .mejs-fullscreen-button button:before {
content: "\f474"; }
.hentry .mejs-fullscreen-button.mejs-unfullscreen button:before {
content: "\f406"; }
.hentry .mejs-overlay:hover .mejs-overlay-button {
background-color: #24890d;
color: #fff; }
.hentry .mejs-controls .mejs-button button:hover {
color: #41a62a; }
.gallery-columns-3 .gallery-item:nth-child(3n+1) {
clear: both; }
.archive-title {
padding-bottom: 20px;
margin-bottom: 30px;
margin-top: 0;
position: relative; }
.archive-title:before {
content: "";
position: absolute;
bottom: 0;
width: 70px;
height: 3px;
background: #d0262e; }
.entry-meta {
overflow: hidden;
margin: 5px 0; }
.entry-meta>* {
font-size: 12px;
margin-right: 4px;
float: left; }
.entry-meta .entry-date {
color: #999; }
.entry-meta .icon-dot {
padding-top: 7px;
padding-right: 3px; }
.entry-meta ul {
margin: 0;
padding: 0;
list-style: none; }
.entry-meta ul li {
float: left;
padding-right: 7px; }
.entry-meta .author a {
text-transform: capitalize;
margin-left: 3px;
color: #000; }
.entry-category>* {
float: right; }
.rtl .entry-category>* {
float: left; }
.entry-category a {
color: #d0262e;
font-size: 12px; }
article[class*=post] {
position: relative; }
article[class*=post] .list-item h3 {
font-size: 18px; }
article[class*=post] .post-format a i {
display: none; }
article[class*=post] .post-content span a {
display: inline-block;
color: #d0262e;
margin-top: 10px; }
article[class*=post] .post-content span a:hover {
color: #ba2229; }
article[class*=post] .post-content a {
display: block;
margin-top: 10px;
color: #d0262e; }
.entry-title {
font-size: 18px;
line-height: 28px;
margin-top: 10px; }
.excerpt p {
margin-bottom: 0;
font-family: Yantramanav;
font-weight: 300; }
h1.entry-title {
font-size: 30px;
line-height: 34px;
margin-top: 10px;
margin-bottom: 20px;
letter-spacing: -1px; }
.blog-item:not(.col-lg-6) .entry-title {
min-height: 10px; }
.blog-carousel .entry-content,.blog-grid .entry-content,.content-blog .entry-content {
padding-top: 20px; }
.blog-carousel .blog-item,.blog-grid .blog-item,.content-blog .blog-item {
margin-bottom: 30px; }
.blog-carousel .blog-item.first-childs,.blog-grid .blog-item.first-childs,.content-blog .blog-item.first-childs {
clear: both; }
.blog-carousel .blog-item .entry-content,.blog-grid .blog-item .entry-content,.content-blog .blog-item .entry-content {
color: #666; }
.blog-carousel {
margin-left: -15px; }
.blog-carousel .owl-pagination {
margin-bottom: 0;
display: none; }
.related-posts .related-post-title {
font-size: 24px;
margin-top: 60px;
padding-bottom: 20px;
margin-bottom: 30px;
position: relative; }
.related-posts .related-post-title:before {
content: "";
position: absolute;
bottom: 0;
width: 100px;
height: 2px;
background: #999; }
.related-posts .related-post-title span:before {
display: none; }
.related-posts .entry-content {
padding-top: 20px; }
.related-posts .entry-content .excerpt {
font-size: 18px; }
.list_pro_home2 .excerpt {
display: none; }
.list_pro_home2 .blog-list .content-blog {
display: table;
margin-bottom: 30px; }
.list_pro_home2 .blog-list .content-blog>div {
width: 35%;
display: table-cell;
vertical-align: top; }
.list_pro_home2 .blog-list .content-blog>div:last-child {
width: 50%;
padding-left: 30px;
padding-top: 0; }
.list_pro_home2 .blog-list .content-blog .entry-title {
font-size: 18px; }
.blog-post-list.grid-layout {
margin-left: -15px;
margin-right: -15px; }
.blog-post-list.grid-layout .list-post .entry-content {
overflow: hidden; }
.blog-post-list.grid-layout .list-post .content-blog {
clear: both; }
@media (min-width: 991px) {
.blog-post-list.grid-layout .list-post .image {
width: 50%;
float: left;
margin-right: 30px; } }
.blog-post-list .content-blog .excerpt p a,.blog-post-list.grid-layout .excerpt {
display: none; }
.blog-post-list.list-layout .list-post article+article {
border-top: 1px solid #e3e3e3;
margin-top: 10px; }
.blog-post-list.list-layout .list-post article+article .entry-meta {
margin-top: 10px; }
.blog-post-list.list-layout .list-post article+article .entry-meta i {
margin-top: 3px; }
.blog-post-list.list-layout .list-post article+article:hover {
border-top: 1px solid #ebba11; }
.blog-post-list.list-layout .list-post .entry-title {
font-size: 14px;
min-height: inherit;
margin-top: 0; }
@media (max-width: 991px) {
.blog-post-list.list-layout .list-post {
padding-left: 0;
padding-top: 20px; } }
.blog-post-list .main-post {
/* padding-left:0px; */ }
.blog-post-list .entry-category .post-categories {
padding-left: 0; }
.content-blog h3:before,.content-blog span:before {
display: none; }
.content-blog .excerpt {
color: #666;
padding-bottom: 40px; }
@media (max-width: 768px) {
.content-blog .excerpt {
padding-bottom: 10px; } }
.content-blog .image {
position: relative;
overflow: hidden; }
.content-blog .image .post-thumbnail img {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; }
.content-blog .image .post-thumbnail img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
/*------------------------------------* Comment List
\*------------------------------------*/
.comments {
margin-bottom: 40px;
border-top: 1px solid #999; }
.comments .comments-title {
font-size: 20px;
margin-bottom: 10px;
color: #000;
margin-top: 50px;
text-transform: uppercase;
font-family: Poppins; }
.comments .the-comment {
padding-top: 20px; }
.comments .the-comment .avatar {
float: left;
margin-right: 5px; }
.rtl .comments .the-comment .avatar {
float: right; }
.comments .the-comment .avatar img {
width: 50px;
height: 50px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%; }
.comments .opal-commentlists {
padding-bottom: 40px; }
.comments .comment-box {
overflow: hidden; }
.comments .comment-box .comment-author strong {
color: #000;
font-size: 14px;
text-transform: capitalize; }
.comments .comment-box span {
color: #666;
padding-left: 20px;
font-family: Poppins; }
.comments .comment-box span i {
padding-right: 10px; }
.comments .comment-author {
color: #d0262e;
float: none !important; }
.comments .comment-meta {
font-size: 14px;
color: #aaa; }
.comments .comment-text {
-ms-word-wrap: break-word;
word-wrap: break-word; }
.comments .children,.comments .commentlists {
list-style: none; }
@media (max-width: 480px) {
.comments .children,.comments .commentlists {
padding-left: 10px; } }
.comments .commentlists {
padding-left: 0; }
.comments a {
color: #d0262e;
text-transform: uppercase;
font-size: 12px; }
.comments a:hover {
color: #000; }
.comments ol,.comments ul {
margin: 0; }
.comments .form-submit {
text-align: center; }
#comments nav.woocommerce-pagination ul.page-numbers {
border: 0; }
#comments nav.woocommerce-pagination ul.page-numbers li {
border: 0;
margin: 0 2px; }
#comments nav.woocommerce-pagination ul.page-numbers li span.current {
background: #d0262e;
color: #fff;
padding: 10px 15px;
font-weight: 400;
font-size: 12px; }
#comments nav.woocommerce-pagination ul.page-numbers li a {
padding: 10px 15px;
font-weight: 400;
background: #f3f3f3;
font-size: 12px;
color: #000; }
.comment-navigation {
margin: 20px 0; }
.comment-navigation .previous {
float: left; }
.comment-navigation .next {
float: right; }
.entry-header .post-categories {
padding-left: 5px; }
/*------------------------------------*\
portfolio
\*------------------------------------*/
.portfolio-masonry-entry {
margin-bottom: 30px; }
.portfolio-masonry-entry.nopadding {
margin-bottom: 0; }
.entry-thumb img {
padding: 12px 0; }
.single-portfolio .info {
padding-right: 0; }
.single-portfolio .gallery {
padding-left: 45px; }
.single-portfolio .col-md-4 {
padding-left: 0; }
.single-portfolio h1.portfolio_title_single {
font-size: 36px;
padding-bottom: 20px;
line-height: 40px;
text-align: center; }
.single-portfolio .portfolio-meta-info ul {
padding-top: 30px;
clear: both;
padding-left: 0; }
.single-portfolio .portfolio-meta-info ul li {
list-style: none;
border-bottom: 1px solid #e0e0e0;
padding: 10px 0; }
.single-portfolio .portfolio-meta-info ul li:hover {
border-bottom: 1px solid #ebba11; }
.single-portfolio .portfolio-meta-info ul li:last-child {
border-bottom: none;
border-top: 1px solid #000; }
.single-portfolio .portfolio-meta-info ul li .meta-label {
font-size: 12px;
color: #000;
text-transform: uppercase;
line-height: 40px; }
.single-portfolio .portfolio-meta-info ul li .meta {
float: right;
font-family: Poppins;
font-size: 14px;
line-height: 40px;
font-weight: 300;
color: #666; }
.portfolio_default .excerpt {
padding: 0 150px 50px;
text-align: center;
font-size: 18px; }
@media (max-width: 991px) {
.portfolio_default .excerpt {
padding: 15px;
text-align: none; } }
.portfolio_default .entry-thumb img {
width: 99%; }
.portfolio_default .portfolio-meta-info ul {
padding: 20px 0;
display: flex;
justify-content: space-between; }
@media (max-width: 768px) {
.portfolio_default .portfolio-meta-info ul {
display: block; } }
.portfolio_default .portfolio-meta-info ul li {
width: 100%;
margin-right: 5px;
padding: 20px;
padding-left: 0;
border-bottom: none;
clear: both; }
.portfolio_default .portfolio-meta-info ul li:last-child {
border-top: none; }
.portfolio_default .portfolio-meta-info ul li .meta-label {
color: #000;
text-transform: uppercase;
border-bottom: 1px solid #e0e0e0;
display: block;
padding-bottom: 10px; }
.portfolio_default .portfolio-meta-info ul li .meta {
float: left;
padding-top: 5px; }
.ih-item {
display: block;
margin-bottom: 25px;
position: relative; }
.ih-item:hover .img,.ih-item:hover .img-full {
overflow: hidden; }
.ih-item:hover .img-full:before,.ih-item:hover .img:before {
width: 101%;
height: 101%;
-webkit-transition: all .2s ease;
-o-transition: all ease .2s;
transition: all .2s ease; }
.ih-item:hover .img-full .icon,.ih-item:hover .img .icon {
width: 100%;
left: 50%; }
.ih-item:hover .img-full .icon,.ih-item:hover .img .icon,.ih-item:hover .info {
visibility: visible;
-webkit-transition: all .2s ease;
-o-transition: all ease .2s;
transition: all .2s ease; }
@media (min-width: 768px) and (max-width: 991px) {
.ih-item:hover .info h3 a {
font-size: 12px;
text-transform: capitalize; } }
.ih-item .img,.ih-item .img-full {
position: relative; }
.ih-item .img-full img,.ih-item .img img {
background: #d0262e; }
.ih-item .img-full:before,.ih-item .img:before {
content: "";
background: rgba(0,0,0,.8);
width: 0;
height: 0;
left: 50%;
top: 50%;
-webkit-transition: all .2s ease;
-o-transition: all ease .2s;
transition: all .2s ease; }
.ih-item .img-full .icon,.ih-item .img-full:before,.ih-item .img .icon,.ih-item .img:before {
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
position: absolute; }
.ih-item .img-full .icon,.ih-item .img .icon {
bottom: 10px;
padding-left: 30px;
height: auto;
z-index: 9;
visibility: hidden;
color: #fff; }
.ih-item .img-full .icon .icon-add,.ih-item .img .icon .icon-add {
padding: 8px; }
.ih-item .info {
position: absolute;
top: 30px;
padding: 0 30px;
height: auto;
visibility: hidden;
-webkit-transition: all .05s ease-in-out;
-o-transition: all .05s ease-in-out;
transition: all .05s ease-in-out; }
.ih-item .info h3 {
margin: 0;
padding-right: 1px; }
.ih-item .info h3 a {
font-size: 14px;
text-transform: uppercase;
line-height: 30px;
color: #fff; }
.ih-item .info .category {
font-size: 12px;
color: #d0262e; }
.ih-item .info .category i {
margin-left: 5px; }
.ih-item .info .excerpt {
display: none; }
.portfolio.style-v7 .nav-inner {
margin: 0 auto;
text-align: center; }
.portfolio.style-v7 .nav-tabs>li {
background: hsla(0,0%,100%,.1); }
@media (min-width: 480px) {
.portfolio.style-v7 .nav-tabs>li:first-child {
padding-left: 30px; }
.portfolio.style-v7 .nav-tabs>li:last-child {
padding-right: 30px; } }
.portfolio.style-v7 .nav-tabs>li>a {
color: #fff; }
.portfolio.style-v7 .nav-tabs>li>a.active {
color: #ebba11; }
.portfolio.style-v5 .ih-item {
margin: 0; }
.portfolio.style-v5 .nav-inner {
margin: 0 auto;
text-align: center; }
.portfolio.style-v5 .nav-tabs>li>a {
padding-top: 0; }
.portfolio.style-v5 .ih-item:hover .img:before {
width: 95%;
height: 95%; }
.portfolio.style-v6 .ih-item {
margin-bottom: 0; }
.portfolio.style-v6 .ih-item .img-full:before,.portfolio.style-v6 .ih-item .img:before {
background: hsla(0,0%,100%,.8); }
.portfolio.style-v6 .ih-item .info h3 a {
color: #000; }
.portfolio.style-v6 .nav-tabs>li>a {
font-size: 14px;
color: #f0bbc5;
padding: 0 25px 0 0;
font-weight: 600; }
.portfolio.style-v6 .nav-tabs>li>a.active {
color: #ebba11; }
.portfolio.style-v6 .nav-tabs>li>a.active:before {
content: none; }
@media (min-width: 1200px) {
.portfolio.style-v6 .filters {
width: 25%;
float: left; }
.portfolio.style-v6 .masonry-spaced {
width: 75%;
float: left;
margin: -174px 0 0; }
.portfolio.style-v6 .nav-tabs {
margin-top: 20px;
margin-bottom: 0; }
.portfolio.style-v6 .nav-tabs>li {
display: block; }
.portfolio.style-v6 .nav-tabs>li>a {
padding: 0 0 30px; } }
@media (min-width: 991px) {
.portfolio.style-v4 .filters {
width: 25%;
float: left; }
.portfolio.style-v4 .masonry-spaced {
width: 75%;
float: left;
margin: -90px 0 0; }
.portfolio.style-v4 .nav-tabs>li {
display: block; }
.portfolio.style-v4 .nav-tabs>li>a {
font-size: 14px;
color: #666;
padding: 0 0 30px;
font-weight: 600; }
.portfolio.style-v4 .nav-tabs>li>a.active {
color: #d0262e; }
.portfolio.style-v4 .nav-tabs>li>a.active:before {
content: none; } }
.portfolio.style-v1 {
padding-bottom: 60px; }
.portfolio.style-v1 .nav-inner {
margin: 0 auto;
text-align: center; }
.portfolio.style-v1 .nav-tabs {
clear: both; }
.portfolio.style-v1 .nav-tabs li {
background: #232323; }
@media (min-width: 767px) {
.portfolio.style-v1 .nav-tabs li:first-child {
padding-left: 30px; }
.portfolio.style-v1 .nav-tabs li:last-child {
padding-right: 30px; } }
.portfolio.style-v1.categories_filter {
background: #232323; }
.portfolio.style-v1 .main-portfolio {
padding: 0; }
.portfolio.v2 .nav-tabs {
display: inline-block;
background-color: #232323; }
@media (max-width: 767px) {
.portfolio.v2 .nav-tabs {
display: block; } }
.portfolio.style-v1.light .masonry-item {
padding-top: 15px; }
.portfolio.style-v1.light .nav-tabs {
display: none; }
@media (max-width: 992px) {
.portfolio.style-v1.light .ih-item {
display: table-cell; } }
.portfolio.style-v1.light .ih-item .img {
width: 50%;
float: left; }
.portfolio.style-v1.light .ih-item .img:before {
display: none; }
.portfolio.style-v1.light .ih-item .info {
width: 50%;
float: left;
position: relative;
visibility: visible;
padding-top: 4%;
padding-left: 5%; }
.portfolio.style-v1.light .ih-item .info .icon {
display: none; }
.portfolio.style-v1.light .ih-item .info .excerpt {
display: block;
padding-top: 25px;
font-size: 18px;
line-height: 30px; }
@media (max-width: 767px) {
.portfolio.style-v1.light .ih-item .info .excerpt {
display: none; } }
.portfolio.style-v1.light .ih-item .info .excerpt a {
display: none; }
.portfolio.style-v1.light .ih-item .info .info-inner a {
color: #000; }
.portfolio.style-v1.light.right .img {
float: right; }
.portfolio.style-v1.light.right .info {
padding-left: 0;
padding-right: 5%; }
.portfolio.style-v1.light.center .nav-tabs>li {
float: none;
display: inline-block; }
.portfolio.style-v1.light.center .nav-tabs>li>a.active,.portfolio.style-v1.light.center .nav-tabs>li>a:hover {
color: #000; }
.portfolio.portfolio_home4 .nav-inner {
clear: both; }
.portfolio.portfolio_home4 .nav-inner .nav-tabs {
text-align: right;
background: #f5f5f5;
margin-bottom: 60px; }
.portfolio.portfolio_home4 .nav-inner .nav-tabs>li {
display: inline-block; }
@media (min-width: 767px) {
.portfolio.portfolio_home4 .nav-inner .nav-tabs>li:first-child {
padding-left: 30px; }
.portfolio.portfolio_home4 .nav-inner .nav-tabs>li:last-child {
padding-right: 30px; } }
.portfolio.portfolio_home4 .nav-inner .nav-tabs>li>a {
color: #999; }
@media (max-width: 767px) {
.portfolio.portfolio_home4 .nav-inner .nav-tabs {
text-align: center; } }
.portfolio.style-v2 .nav-tabs {
text-align: center;
margin-bottom: 40px; }
.portfolio.style-v2 .nav-tabs li {
background: #f5f5f5;
padding: 2px 5px; }
@media (min-width: 767px) {
.portfolio.style-v2 .nav-tabs li:first-child {
padding-left: 30px; }
.portfolio.style-v2 .nav-tabs li:last-child {
padding-right: 30px; } }
.portfolio.style-v3 .first-childs {
clear: both; }
.portfolio.style-v3 .ih-item .info {
position: inherit;
visibility: initial;
padding-bottom: 30px; }
.portfolio.style-v3 .ih-item .info h3 a {
color: #000; }
.portfolio.style-v3.no-space-row .nav-tabs {
text-align: center; }
.portfolio.style-v3.no-space-row .nav-tabs li {
background: #f5f5f5; }
.portfolio .nav-tabs>li.active a:before,.portfolio .nav-tabs>li>a.active:before {
position: absolute;
content: "";
height: 2px;
background: #ebba11;
bottom: -2%;
width: 100%;
left: 0; }
.portfolio .nav-tabs>li {
text-transform: uppercase; }
.portfolio .nav-tabs>li>a {
color: #999;
padding: 15px; }
@media (max-width: 767px) {
.portfolio .nav-tabs>li>a {
padding: 10px 12px; } }
.portfolio .nav-tabs>li>a:before {
-webkit-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
transition: all .4s ease 0s;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.portfolio .nav-tabs>li>a:hover:before {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scaleX(.5);
-moz-transform: scaleX(.5);
-ms-transform: scaleX(.5);
-o-transform: scaleX(.5);
transform: scaleX(.5); }
.content-portfolio {
margin-top: 30px;
margin-left: -15px;
margin-right: -15px; }
.fullscreen .ih-item img {
width: 100%; }
.ih-item.square {
position: relative; }
.ih-item.square .info {
backface-visibility: hidden;
bottom: 0;
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
background: #333;
color: #fff; }
.ih-item.square .info>* {
color: #fff; }
.ih-item.square .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
padding: 10px;
background: #000;
margin: 30px 0 0;
font-size: 17px; }
.ih-item.square .info p {
font-style: italic;
position: relative;
color: #bbb;
padding: 20px;
text-align: center;
font-size: 16px; }
.ih-item.square.effect2 {
overflow: hidden; }
.ih-item.square.effect2.colored .info {
background: #333; }
.ih-item.square.effect2.colored .info h3 {
background: #111; }
.ih-item.square.effect2 .img {
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform: rotate(0deg) scale(1);
-moz-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1); }
.ih-item.square.effect2 .info {
background: #333;
visibility: hidden;
-webkit-transition: all .35s ease-in-out .3s;
-o-transition: all .35s .3s ease-in-out;
transition: all .35s ease-in-out .3s; }
.ih-item.square.effect2 .info h3 {
-webkit-transition: all .35s ease-in-out .6s;
-o-transition: all .35s .6s ease-in-out;
transition: all .35s ease-in-out .6s; }
.ih-item.square.effect2 .info h3,.ih-item.square.effect2 .info p {
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-o-transform: translateY(-200px);
transform: translateY(-200px); }
.ih-item.square.effect2 .info p {
-webkit-transition: all .35s linear .5s;
-o-transition: all .35s .5s linear;
transition: all .35s linear .5s; }
.ih-item.square.effect2 a:hover .img {
-webkit-transform: rotate(2turn) scale(0);
-moz-transform: rotate(2turn) scale(0);
-ms-transform: rotate(2turn) scale(0);
-o-transform: rotate(2turn) scale(0);
transform: rotate(2turn) scale(0);
opacity: 0; }
.ih-item.square.effect2 a:hover .info {
visibility: visible; }
.ih-item.square.effect2 a:hover .info h3,.ih-item.square.effect2 a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.ih-item.square.effect3.bottom_to_top {
overflow: hidden; }
.ih-item.square.effect3.bottom_to_top .info {
top: auto;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%); }
.ih-item.square.effect3.bottom_to_top .img,.ih-item.square.effect3.bottom_to_top .info {
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s; }
.ih-item.square.effect3.bottom_to_top a:hover .img {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px); }
.ih-item.square.effect3.bottom_to_top a:hover .info {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.ih-item.square.effect5 .img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect5 .img,.ih-item.square.effect5 .info {
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out; }
.ih-item.square.effect5 .info {
background: #000;
opacity: 0; }
.ih-item.square.effect5 a:hover .img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-delay: 0,0;
-moz-transition-delay: 0,0;
-ms-transition-delay: 0,0;
-o-transition-delay: 0,0;
transition-delay: 0,0; }
.ih-item.square.effect5 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition-delay: .3s,.3s;
-moz-transition-delay: .3s,.3s;
-ms-transition-delay: .3s,.3s;
-o-transition-delay: .3s,.3s;
transition-delay: .3s,.3s; }
.ih-item.square.effect5.left_to_right .info {
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg); }
.ih-item.square.effect6 {
overflow: hidden; }
.ih-item.square.effect6 .img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect6 .img,.ih-item.square.effect6 .info {
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out; }
.ih-item.square.effect6 .info {
background: #000;
visibility: hidden;
opacity: 0; }
.ih-item.square.effect6 .info h3 {
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out; }
.ih-item.square.effect6 .info p {
-webkit-transition: all .35s linear .1s;
-o-transition: all .35s .1s linear;
transition: all .35s linear .1s; }
.ih-item.square.effect6 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
.ih-item.square.effect6 a:hover .info {
visibility: visible;
opacity: 1; }
.ih-item.square.effect6.bottom_to_top .info h3,.ih-item.square.effect6.bottom_to_top .info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%); }
.ih-item.square.effect6.bottom_to_top a:hover .info h3,.ih-item.square.effect6.bottom_to_top a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.ih-item.square.effect7 {
overflow: hidden; }
.ih-item.square.effect7 .img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect7 .img,.ih-item.square.effect7 .info {
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out; }
.ih-item.square.effect7 .info {
background: #000;
visibility: hidden;
opacity: 0; }
.ih-item.square.effect7 .info h3 {
-webkit-transform: scale(4);
-moz-transform: scale(4);
-ms-transform: scale(4);
-o-transform: scale(4);
transform: scale(4);
-webkit-transition: all .35s ease-in-out .1s;
-o-transition: all .35s .1s ease-in-out;
transition: all .35s ease-in-out .1s; }
.ih-item.square.effect7 .info p {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
-webkit-transition: all .35s linear .3s;
-o-transition: all .35s .3s linear;
transition: all .35s linear .3s; }
.ih-item.square.effect7 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
.ih-item.square.effect7 a:hover .info {
visibility: visible;
opacity: 1; }
.ih-item.square.effect7 a:hover .info h3,.ih-item.square.effect7 a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect8 {
overflow: hidden; }
.ih-item.square.effect8 .img {
opacity: 1; }
.ih-item.square.effect8 .img,.ih-item.square.effect8 .info {
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out; }
.ih-item.square.effect8 .info {
visibility: hidden;
opacity: 0; }
.ih-item.square.effect8 .info h3 {
-webkit-transition: all .35s ease-in-out .1s;
-o-transition: all .35s .1s ease-in-out;
transition: all .35s ease-in-out .1s; }
.ih-item.square.effect8 .info p {
-webkit-transition: all .35s linear .15s;
-o-transition: all .35s .15s linear;
transition: all .35s linear .15s; }
.ih-item.square.effect8 a:hover .img {
opacity: 0; }
.ih-item.square.effect8 a:hover .info {
visibility: visible;
opacity: 1; }
.ih-item.square.effect8.scale_up .img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect8.scale_up .info,.ih-item.square.effect8.scale_up .info h3,.ih-item.square.effect8.scale_up .info p {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
.ih-item.square.effect8.scale_up a:hover .img {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5); }
.ih-item.square.effect8.scale_up a:hover .info,.ih-item.square.effect8.scale_up a:hover .info h3,.ih-item.square.effect8.scale_up a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect10 {
overflow: hidden; }
.ih-item.square.effect10 .img,.ih-item.square.effect10 .info {
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out; }
.ih-item.square.effect10 .info {
visibility: hidden;
opacity: 0; }
.ih-item.square.effect10 a:hover .info {
visibility: visible;
opacity: 1; }
.ih-item.square.effect10.left_to_right .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
.ih-item.square.effect10.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%); }
.ih-item.square.effect10.left_to_right a:hover .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%); }
.ih-item.square.effect10.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
.ih-item.square.effect12 {
overflow: hidden; }
.ih-item.square.effect12 .img,.ih-item.square.effect12 .info {
-webkit-transition: all .35s ease-in;
-o-transition: all .35s ease-in;
transition: all .35s ease-in; }
.ih-item.square.effect12 .info {
background: #000;
visibility: hidden;
opacity: 0; }
.ih-item.square.effect12 .info h3,.ih-item.square.effect12 .info p {
-webkit-transition: all .35s ease-in;
-o-transition: all .35s ease-in;
transition: all .35s ease-in; }
.ih-item.square.effect12 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transition-delay: .2s,.2s;
-moz-transition-delay: .2s,.2s;
-ms-transition-delay: .2s,.2s;
-o-transition-delay: .2s,.2s;
transition-delay: .2s,.2s; }
.ih-item.square.effect12 a:hover .info h3 {
-webkit-transition-delay: .3s,.3s;
-moz-transition-delay: .3s,.3s;
-ms-transition-delay: .3s,.3s;
-o-transition-delay: .3s,.3s;
transition-delay: .3s,.3s; }
.ih-item.square.effect12 a:hover .info p {
-webkit-transition-delay: .25s,.25s;
-moz-transition-delay: .25s,.25s;
-ms-transition-delay: .25s,.25s;
-o-transition-delay: .25s,.25s;
transition-delay: .25s,.25s; }
.ih-item.square.effect12.left_to_right .info {
-webkit-transform: translate(-460px,-100px) rotate(-180deg);
-moz-transform: translate(-460px,-100px) rotate(-180deg);
-ms-transform: translate(-460px,-100px) rotate(-180deg);
-o-transform: translate(-460px,-100px) rotate(-180deg);
transform: translate(-460px,-100px) rotate(-180deg); }
.ih-item.square.effect12.left_to_right .info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px); }
.ih-item.square.effect12.left_to_right .info p {
-webkit-transform: translateX(-300px) rotate(-90deg);
-moz-transform: translateX(-300px) rotate(-90deg);
-ms-transform: translateX(-300px) rotate(-90deg);
-o-transform: translateX(-300px) rotate(-90deg);
transform: translateX(-300px) rotate(-90deg); }
.ih-item.square.effect12.left_to_right a:hover .info {
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0); }
.ih-item.square.effect12.left_to_right a:hover .info h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.ih-item.square.effect12.left_to_right a:hover .info p {
-webkit-transform: translateX(0) rotate(0deg);
-moz-transform: translateX(0) rotate(0deg);
-ms-transform: translateX(0) rotate(0deg);
-o-transform: translateX(0) rotate(0deg);
transform: translateX(0) rotate(0deg); }
.ih-item.square.effect14 {
overflow: hidden; }
.ih-item.square.effect14 .img {
opacity: 1;
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out; }
.ih-item.square.effect14 .info {
visibility: hidden;
-webkit-transition: all .35s ease .2s;
-o-transition: all .35s ease .2s;
transition: all .35s ease .2s; }
.ih-item.square.effect14 .info,.ih-item.square.effect14 a:hover .img {
opacity: 0;
pointer-events: none;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5); }
.ih-item.square.effect14 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect14.left_to_right .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0); }
.ih-item.square.effect14.left_to_right a:hover .img {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg); }
.ih-item.square.effect15 {
overflow: hidden;
-webkit-perspective: 900px;
-ms-perspective: 900px;
-moz-perspective: 900px;
-o-perspective: 900px;
perspective: 900px; }
.ih-item.square.effect15 .img {
opacity: 1;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out; }
.ih-item.square.effect15 .info {
opacity: 0;
-webkit-transition: all .35s ease-in-out .3s;
-o-transition: all .35s ease-in-out .3s;
transition: all .35s ease-in-out .3s; }
.ih-item.square.effect15 a:hover .img {
opacity: 0;
visibility: hidden; }
.ih-item.square.effect15 a:hover .info {
visibility: visible;
opacity: 1; }
.ih-item.square.effect15.left_to_right .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%; }
.ih-item.square.effect15.left_to_right .info {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%; }
.ih-item.square.effect15.left_to_right a:hover .img {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg); }
.ih-item.square.effect15.left_to_right a:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0); }
.ih-item.square.effect16 .info {
opacity: 0;
filter: alpha(opacity=0);
background: #d0262e;
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s; }
.ih-item.square.effect16 .info h3 {
background: none; }
.ih-item.square.effect16 .info h3 a {
color: #000 !important;
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s; }
.ih-item.square.effect16 .info h3 a:hover {
color: #fff !important; }
.ih-item.square.effect16 .info .description {
display: none; }
.ih-item.square.effect16 .info .created,.ih-item.square.effect16 .info .zoom {
display: block !important;
visibility: visible !important;
padding: 0;
color: #fff;
font-weight: 400; }
.ih-item.square.effect16 .info .zoom i {
border: 1px solid #fff !important; }
.ih-item.square.effect16 .info .info-inner {
position: absolute;
top: 50%;
margin-top: -60px;
left: 0;
width: 100%;
height: auto;
z-index: 1; }
.ih-item.square.effect16 .info .info-inner h3 {
margin: 0; }
.ih-item.square.effect16:hover .info {
opacity: 1;
filter: alpha(opacity=100); }
.zoomLens {
width: 50px !important;
height: 50px !important; }
.zoomLens:before {
content: "\f067";
font-family: FontAwesome;
height: 50px;
width: 50px;
text-align: center;
line-height: 48px;
font-size: 20px;
display: block;
font-weight: 400; }
.opaljob-archive {
margin-left: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 15px; }
.opaljob-single-job .opaljob-main {
padding-left: 45px; }
.opaljob-single-job .opaljob-main .highlight {
color: #ebba11;
text-transform: capitalize; }
.opaljob-single-job .opaljob-main .title {
text-transform: capitalize;
padding-bottom: 10px; }
.opaljob-single-job .opaljob-main a.opaljob-button {
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px; }
.opaljob-single-job .opaljob-main a.opaljob-button:hover {
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px; }
.opaljob-main .opaljob-table .job-date a,.opaljob-main .opaljob-table .job-date span,.opaljob-main .opaljob-table .job-title a,.opaljob-main .opaljob-table .job-title span {
font-size: 14px;
line-height: 20px;
color: #666;
font-family: Poppins; }
.opaljob-main .opaljob-table .job-date a:hover,.opaljob-main .opaljob-table .job-date span:hover,.opaljob-main .opaljob-table .job-title a:hover,.opaljob-main .opaljob-table .job-title span:hover {
color: #ff4a5d; }
.opaljob-main .opaljob-table th {
font-size: 16px;
text-transform: uppercase; }
.opaljob-main .opaljob-table thead tr {
background: #e6e6e6;
color: #000; }
.opaljob-main .opaljob-table td,.opaljob-main .opaljob-table th {
border: none;
border-bottom: 1.2px solid #e6e6e6; }
.opaljob-main .opaljob-table tbody>tr:nth-of-type(2n) {
background-color: #fff; }
.kc_accordion_section.group {
margin-bottom: 0; }
#opal-breadscrumb .breadcrumb,.call-to-action p,.comments .comment-box .comment-author strong,.comments a,.download_service .download,.element-block-heading .sub-heading span,.element-timelife .entry-timeline .timelife-date,.entry-caption,.entry-category a,.entry-meta>*,.entry-title,.form-group label,.form-row label,.gallery-caption,.header-absolute .header-support .media .media-body *,.header-boxed .header-support,.header-boxed .header-support .media-body *,.ih-item .info .category,.items-team .job,.kc-call-to-action.kc-cta-3 .kc-cta-button a,.kc-pricing-tables.kc-pricing-layout-4 .header-pricing .kc-pricing-price span.content-duration,.kc-testimo.kc-testi-layout-3 .content-position,.kc-title-wrap.title,.kc-title-wrap.title_home4,.kc-wp-sidebar .sidebar-service li a,.kc-wp-sidebar .widget.widget_categories>ul>li,.kc-wp-sidebar .widget_nav_menu>ul>li,.kc-wp-sidebar .widget_pages>ul>li,.kc-wp-sidebar .widget_recent_entries>ul>li,.kc_accordion_section_v1 .kc_accordion_section>.kc_accordion_header>a,.kc_counter_box h4,.nav-tabs>li>a,.navbar-mega .navbar-nav>li .dropdown-menu a,.navbar-mega .navbar-nav>li .sub-menu a,.navbar-mega .navbar-nav>li>a,.opal-copyright .scroll .scrollup,.opal-footer-profile .widget_mc4wp_form_widget h2,.opaljob-single-job .opaljob-main .contact p.description,.opaljob-single-job .opaljob-main .highlight,.opaljob-single-job .opaljob-main footer .opaljob-button,.post-navigation .nav-links,.rss-date,.sidebar .sidebar-service li a,.sidebar .widget.widget_categories>ul>li,.sidebar .widget_nav_menu>ul>li,.sidebar .widget_pages>ul>li,.sidebar .widget_recent_entries>ul>li,.tag-links a,.tagcloud a,.team-single .team-job span,.team-single ul.metabox,.team-single ul.metabox li span,.testimonials .testimonials-position a,.widget.widget_categories ul li a,.widget.widget_layered_nav_filters ul li a,.widget.widget_layered_nav ul li a,.widget.widget_pages ul li a,.widget_nav_menu ul li a,.widget_recent_entries ul li a,.wp-caption .wp-caption-text,div.page-links {
font-family: Poppins;
font-weight: 500; }
#opal-breadscrumb .container h2,.btn,.download a,.feature-box .button-link a,.h1,.h2,.h3,.h4,.h5,.h6,.heading-title,.ih-item .info h3,.ih-item .info h3 a,.items-team .team-name,.kc-feature-boxes .content-button a,.kc-feature-boxes .content-title,.kc-feature-boxes.kc-fb-layout-3 .content-title,.kc-pricing-tables.kc-pricing-layout-4 .content-button a,.kc-pricing-tables.kc-pricing-layout-4 .header-pricing .content-title div,.kc-testimo.kc-testi-layout-3 .content-title,.kc-wp-sidebar .widget-title,.kc-wp-sidebar .widgettitle,.kc_accordion_section.group h3,.kc_counter_box_des .info_number h4,.navbar-mega .navbar-nav>li .dropdown-menu .widget-title,.navbar-mega .navbar-nav>li .dropdown-menu .widgettitle,.notfound-page .error-description,.portfolio_default .portfolio-meta-info ul li .meta-label,.post-navigation .nav-links .meta-nav .meta-info,.service-title,.sidebar .widget-title,.sidebar .widgettitle,.single-portfolio .portfolio-meta-info ul li .meta-label,.single-portfolio h1.portfolio_title_single,.team-single .team-job .team-title,.testimonials .testimonials-name,.widget-style,.widget-title,.widget cite,.widgettitle,.widget ul li a.rsswidget,h1,h1.page-title,h2,h3,h4,h5,h6 {
font-family: Poppins;
font-weight: 600; }
.element-block-heading .heading:after,.kc-title-wrap.title_home4 .kc_title:after,.title .kc_title:after {
position: absolute;
content: "";
width: 80px;
height: 1px;
background: #dbdbdb;
left: 0;
bottom: 0;
-webkit-transition: all .9s ease;
-o-transition: all .9s ease;
transition: all .9s ease; }
.element-block-heading .heading:hover:after,.kc-title-wrap.title_home4 .kc_title:hover:after,.title .kc_title:hover:after {
width: 130px;
background: #ebba11;
height: 2px; }
.kc-title-wrap.title,.kc-title-wrap.title_home4 {
text-transform: uppercase;
color: #999;
font-size: 12px;
margin-bottom: 20px; }
.kc-title-wrap.title.white,.white .kc_title {
color: #fff; }
.kc-title-wrap.title.title_home6 {
color: #2545ae; }
.kc-title-wrap.title_home4 {
color: #fff; }
@media (max-width: 991px) {
.kc-title-wrap.title_home4 {
color: #999; } }
.title .kc_title {
font-weight: 700;
letter-spacing: -1px; }
.title.white .kc_title:after {
background: hsla(0,0%,100%,.3); }
.title.title_home6 .kc_title:after {
background: rgba(0,0,0,.2); }
.kc_accordion_section.group {
padding-bottom: 0 !important; }
.kc_accordion_section.group h3 {
font-size: 14px;
color: #000;
padding: 6px; }
.kc_accordion_section.group h3.ui-state-active {
border-left: 2px solid #d0262e; }
.kc_accordion_section_v1 h3.ui-state-active {
border-left: none !important; }
.form-contact p,.form-group p,.form-row p {
color: #000;
font-weight: 600;
line-height: normal; }
.form-contact p span,.form-group p span,.form-row p span {
color: #d0262e; }
.downlod_service {
display: table;
border: 1px solid #e1e1e1;
margin: 30px 0;
padding: 20px; }
.downlod_service div {
display: table-cell; }
.downlod_service div:first-child {
width: 10%; }
.downlod_service:hover {
-webkit-box-shadow: 0 5px 20px 5px rgba(64,81,115,.25);
box-shadow: 0 5px 20px 5px rgba(64,81,115,.25); }
@media (max-width: 991px) {
.service_image_home4 {
display: none; } }
.tab-content>.active {
clear: both; }
.kc_title {
margin-top: 3px;
padding-bottom: 15px;
font-family: Poppins;
font-size: 24px;
position: relative; }
.kc_accordion_header>span.ui-accordion-header-icon {
font-family: FontAwesome !important;
color: #000 !important;
font-size: 12px !important; }
.kc_accordion_header>span.ui-accordion-header-icon:before {
content: "" !important; }
.kc-section-active .kc_accordion_header.ui-state-active>span.ui-accordion-header-icon:before {
content: "" !important; }
.call-to-action {
background: url(../images/single_service1.png) bottom/auto no-repeat scroll;
padding: 66px 20px;
text-transform: uppercase; }
.call-to-action .title,.call-to-action .title1 {
color: #fff;
font-size: 24px;
line-height: 30px;
font-family: Poppins; }
@media (max-width: 991px) {
.call-to-action .title,.call-to-action .title1 {
color: #000; } }
.call-to-action .title1 {
color: #d0262e; }
.call-to-action p {
color: #000;
font-size: 12px;
line-height: 30px; }
.call-to-action .buttons {
color: #fff;
text-decoration: underline; }
.call-to-action .buttons:hover {
color: #000; }
.call-to-action .buttons i {
font-size: 12px; }
.brands-collection .item-brand,.content-image-home3 .kc-fb-layout-4 .content-image {
display: block;
position: relative;
background: #fff;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
-webkit-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
transition: all .5s ease-in-out 0s; }
.brands-collection .item-brand:after,.brands-collection .item-brand:before,.content-image-home3 .kc-fb-layout-4 .content-image:after,.content-image-home3 .kc-fb-layout-4 .content-image:before {
width: 100%;
height: 100%;
z-index: 3;
content: "";
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
transition: all .5s ease-in-out 0s; }
.brands-collection .item-brand:before,.content-image-home3 .kc-fb-layout-4 .content-image:before {
border-bottom: 2px solid #ebba11;
border-left: 2px solid #ebba11;
-webkit-transform-origin: 0 100%; }
.brands-collection .item-brand:after,.content-image-home3 .kc-fb-layout-4 .content-image:after {
border-top: 2px solid #ebba11;
border-right: 2px solid #ebba11;
-webkit-transform-origin: 100% 0; }
.brands-collection .item-brand:hover,.content-image-home3 .kc-fb-layout-4 .content-image:hover {
border-color: transparent; }
.brands-collection .item-brand:hover:after,.brands-collection .item-brand:hover:before,.content-image-home3 .kc-fb-layout-4 .content-image:hover:after,.content-image-home3 .kc-fb-layout-4 .content-image:hover:before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.gallery-thumb {
padding-bottom: 40px; }
.gallery-thumb .carousel-control {
right: 10px !important;
color: #fff; }
.gallery-thumb .carousel-control span {
padding-left: 10px;
padding-right: 10px; }
.gallery-thumb .owl-wrapper-outer {
overflow: hidden; }
.gallery-thumb .owl-carousel .owl-item {
padding: 0; }
.gallery-thumb h1 {
text-align: left;
padding-left: 15px; }
.blog-content .post-categories li {
display: none; }
.blog-content .post-categories li:first-child {
display: block; }
.opal-mapping-info .mapping-view-title {
display: none; }
.cssload-thecube .cssload-cube:before {
background-color: #d0262e; }
.opalservice-categories.widget {
padding-bottom: 30px; }
.feature-button a {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
/* W3C */
-webkit-backface-visibility: hidden;
/* Safari & Chrome */
-moz-backface-visibility: hidden;
/* Firefox */
-ms-backface-visibility: hidden;
/* Internet Explorer */
-o-backface-visibility: hidden;
/* Opera */
-webkit-transition-property: color;
transition-property: color;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-duration: .5s;
transition-duration: .5s; }
.feature-button a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #d0262e;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition-property: transform;
transition-property: transform;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-duration: .5s;
transition-duration: .5s; }
.feature-button a:hover {
color: #fff; }
.feature-button a:hover:before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
-moz-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
-o-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
-webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
transition-timing-function: cubic-bezier(.52,1.64,.37,.66); }
.btn-primary:hover {
background-color: #d0262e;
border-color: #d0262e; }
.kc-sp-mapping-view.default {
clear: both; }
.kc-sp-mapping-view.default .mapping-view-content {
display: block; }
.kc-sp-mapping-view.default .mapping-view-content .opal-mapping-view {
width: 100%; }
.kc-sp-mapping-view.default .mapping-view-content .opal-mapping-info {
display: none; }
.kc-sp-mapping-view.default .mapping-view-content .number {
background: #d0262e;
-webkit-box-shadow: 0 0 0 0 #d0262e;
box-shadow: 0 0 0 0 #d0262e;
width: 10px;
height: 10px; }
body .tooltipster-sidetip .tooltipster-box {
background-color: #d0262e;
border-color: #d0262e; }
body .tooltipster-sidetip .tooltipster-content {
padding: 5px 10px; }
body .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background,body .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
border-bottom-color: #d0262e; }
body .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background,body .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
border-left-color: #d0262e; }
body .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background,body .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
border-right-color: #d0262e; }
body .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background,body .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
border-top-color: #d0262e; }
body .tooltip_content h5 {
color: #fff;
font-weight: 400;
font-size: 14px; }
li.widget_custom_html {
list-style: none; }
.opal-social-share {
float: right; }
.opal-social-share .fa {
color: #000; }
.opal-social-share .fa:hover {
color: #d0262e; }
.bypostauthor {
display: block; }
.blog-post.blog-list,.kc_single_image,.widget.widget-service {
clear: both; }
/* 6. Form */
/**
* Block Heading
*/
.element-block-heading {
margin-bottom: 40px;
text-transform: uppercase; }
.element-block-heading .heading {
font-size: 24px;
margin: 0;
padding-bottom: 20px;
line-height: 24px;
position: relative;
font-family: Poppins;
font-weight: 700;
margin-bottom: 40px; }
.element-block-heading .sub-heading {
font-size: 12px;
color: #999; }
.element-block-heading .sub-heading span {
padding: 0 10px; }
.element-block-heading.style-v2 .heading {
color: #000; }
.element-block-heading.style-v2 .heading:after {
background: #fff; }
.element-block-heading.style-v3 {
text-align: center;
margin-bottom: 30px; }
.element-block-heading.style-v3 .heading {
text-transform: uppercase; }
.element-block-heading.style-v3 .heading:after {
right: 0;
margin: auto; }
.element-block-heading.style-v4 {
text-align: center;
margin-bottom: 40px; }
.element-block-heading.style-v4 .heading:after {
right: 0;
margin: auto; }
.element-block-heading.style-v5 {
text-align: center;
margin-bottom: 40px; }
.element-block-heading.style-v5 .heading {
color: #fff; }
.element-block-heading.style-v5 .heading:after {
right: 0;
margin: auto;
background: hsla(0,0%,86%,.3); }
.element-block-heading.style-v5 .sub-heading {
color: #d0262e; }
.element-block-heading.v2 .info {
display: none; }
.project .style-v3 .heading {
color: #fff; }
/****
element-steps
*********/
.element-steps .steps-number {
font-size: 60px;
font-weight: 700;
line-height: 55px;
font-family: Yantramanav;
color: #d0262e;
width: 90px; }
.element-steps .steps-title {
margin-top: 0; }
/****
element-steps
*********/
@media (min-width: 480px) {
.element-timelife {
padding-left: 100px; }
.element-timelife:before {
content: "";
position: absolute;
width: 2px;
height: 100%;
background: #e5e9ee;
top: 0;
left: 60px; } }
.element-timelife .entry-timeline {
position: relative; }
.element-timelife .entry-timeline .timelife-month {
font-size: 14px;
text-transform: uppercase;
color: #fff; }
@media (min-width: 480px) {
.element-timelife .entry-timeline .timelife-month {
position: absolute;
left: -100px;
top: 20px; }
.element-timelife .entry-timeline .timelife-month:before {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
-webkit-box-shadow: 0 0 0 3px #fff;
box-shadow: 0 0 0 3px #fff;
background: #e5e9ee;
right: -28px;
top: 5px; }
.element-timelife .entry-timeline .timelife-month:after {
content: "";
position: absolute;
width: 40px;
height: 2px;
background: #e5e9ee;
top: 10px;
right: -71px; } }
.element-timelife .entry-timeline .timelife-date {
color: #d0262e; }
.element-timelife .entry-timeline .media-left {
padding-right: 0; }
.element-timelife .entry-timeline .media-body {
padding: 30px; }
.element-timelife .entry-timeline .media-body h3 {
margin-top: 0; }
.border-0 {
border-width: 0; }
.border-1 {
border-width: 1px; }
.border-2 {
border-width: 2px; }
.border-3 {
border-width: 3px; }
.border-4 {
border-width: 4px; }
.border-5 {
border-width: 5px; }
.border-6 {
border-width: 6px; }
.border-7 {
border-width: 7px; }
.border-8 {
border-width: 8px; }
.border-9 {
border-width: 9px; }
.border-10 {
border-width: 10px; }
.border-11 {
border-width: 11px; }
.border-12 {
border-width: 12px; }
.border-13 {
border-width: 13px; }
.border-14 {
border-width: 14px; }
.border-15 {
border-width: 15px; }
.border-16 {
border-width: 16px; }
.border-17 {
border-width: 17px; }
.border-18 {
border-width: 18px; }
.border-19 {
border-width: 19px; }
.border-20 {
border-width: 20px; }
.radius-0 {
border-radius: 0; }
.radius-1 {
border-radius: 1px; }
.radius-2 {
border-radius: 2px; }
.radius-3 {
border-radius: 3px; }
.radius-4 {
border-radius: 4px; }
.radius-5 {
border-radius: 5px; }
.radius-6 {
border-radius: 6px; }
.radius-7 {
border-radius: 7px; }
.radius-8 {
border-radius: 8px; }
.radius-9 {
border-radius: 9px; }
.radius-10 {
border-radius: 10px; }
.radius-11 {
border-radius: 11px; }
.radius-12 {
border-radius: 12px; }
.radius-13 {
border-radius: 13px; }
.radius-14 {
border-radius: 14px; }
.radius-15 {
border-radius: 15px; }
.radius-16 {
border-radius: 16px; }
.radius-17 {
border-radius: 17px; }
.radius-18 {
border-radius: 18px; }
.radius-19 {
border-radius: 19px; }
.radius-20 {
border-radius: 20px; }
.margin--60 {
margin: -60px; }
.margin-top--60 {
margin-top: -60px; }
.margin-bottom--60 {
margin-bottom: -60px; }
.margin-left--60 {
margin-left: -60px; }
.margin-right--60 {
margin-right: -60px; }
.margin--59 {
margin: -59px; }
.margin-top--59 {
margin-top: -59px; }
.margin-bottom--59 {
margin-bottom: -59px; }
.margin-left--59 {
margin-left: -59px; }
.margin-right--59 {
margin-right: -59px; }
.margin--58 {
margin: -58px; }
.margin-top--58 {
margin-top: -58px; }
.margin-bottom--58 {
margin-bottom: -58px; }
.margin-left--58 {
margin-left: -58px; }
.margin-right--58 {
margin-right: -58px; }
.margin--57 {
margin: -57px; }
.margin-top--57 {
margin-top: -57px; }
.margin-bottom--57 {
margin-bottom: -57px; }
.margin-left--57 {
margin-left: -57px; }
.margin-right--57 {
margin-right: -57px; }
.margin--56 {
margin: -56px; }
.margin-top--56 {
margin-top: -56px; }
.margin-bottom--56 {
margin-bottom: -56px; }
.margin-left--56 {
margin-left: -56px; }
.margin-right--56 {
margin-right: -56px; }
.margin--55 {
margin: -55px; }
.margin-top--55 {
margin-top: -55px; }
.margin-bottom--55 {
margin-bottom: -55px; }
.margin-left--55 {
margin-left: -55px; }
.margin-right--55 {
margin-right: -55px; }
.margin--54 {
margin: -54px; }
.margin-top--54 {
margin-top: -54px; }
.margin-bottom--54 {
margin-bottom: -54px; }
.margin-left--54 {
margin-left: -54px; }
.margin-right--54 {
margin-right: -54px; }
.margin--53 {
margin: -53px; }
.margin-top--53 {
margin-top: -53px; }
.margin-bottom--53 {
margin-bottom: -53px; }
.margin-left--53 {
margin-left: -53px; }
.margin-right--53 {
margin-right: -53px; }
.margin--52 {
margin: -52px; }
.margin-top--52 {
margin-top: -52px; }
.margin-bottom--52 {
margin-bottom: -52px; }
.margin-left--52 {
margin-left: -52px; }
.margin-right--52 {
margin-right: -52px; }
.margin--51 {
margin: -51px; }
.margin-top--51 {
margin-top: -51px; }
.margin-bottom--51 {
margin-bottom: -51px; }
.margin-left--51 {
margin-left: -51px; }
.margin-right--51 {
margin-right: -51px; }
.margin--50 {
margin: -50px; }
.margin-top--50 {
margin-top: -50px; }
.margin-bottom--50 {
margin-bottom: -50px; }
.margin-left--50 {
margin-left: -50px; }
.margin-right--50 {
margin-right: -50px; }
.margin--49 {
margin: -49px; }
.margin-top--49 {
margin-top: -49px; }
.margin-bottom--49 {
margin-bottom: -49px; }
.margin-left--49 {
margin-left: -49px; }
.margin-right--49 {
margin-right: -49px; }
.margin--48 {
margin: -48px; }
.margin-top--48 {
margin-top: -48px; }
.margin-bottom--48 {
margin-bottom: -48px; }
.margin-left--48 {
margin-left: -48px; }
.margin-right--48 {
margin-right: -48px; }
.margin--47 {
margin: -47px; }
.margin-top--47 {
margin-top: -47px; }
.margin-bottom--47 {
margin-bottom: -47px; }
.margin-left--47 {
margin-left: -47px; }
.margin-right--47 {
margin-right: -47px; }
.margin--46 {
margin: -46px; }
.margin-top--46 {
margin-top: -46px; }
.margin-bottom--46 {
margin-bottom: -46px; }
.margin-left--46 {
margin-left: -46px; }
.margin-right--46 {
margin-right: -46px; }
.margin--45 {
margin: -45px; }
.margin-top--45 {
margin-top: -45px; }
.margin-bottom--45 {
margin-bottom: -45px; }
.margin-left--45 {
margin-left: -45px; }
.margin-right--45 {
margin-right: -45px; }
.margin--44 {
margin: -44px; }
.margin-top--44 {
margin-top: -44px; }
.margin-bottom--44 {
margin-bottom: -44px; }
.margin-left--44 {
margin-left: -44px; }
.margin-right--44 {
margin-right: -44px; }
.margin--43 {
margin: -43px; }
.margin-top--43 {
margin-top: -43px; }
.margin-bottom--43 {
margin-bottom: -43px; }
.margin-left--43 {
margin-left: -43px; }
.margin-right--43 {
margin-right: -43px; }
.margin--42 {
margin: -42px; }
.margin-top--42 {
margin-top: -42px; }
.margin-bottom--42 {
margin-bottom: -42px; }
.margin-left--42 {
margin-left: -42px; }
.margin-right--42 {
margin-right: -42px; }
.margin--41 {
margin: -41px; }
.margin-top--41 {
margin-top: -41px; }
.margin-bottom--41 {
margin-bottom: -41px; }
.margin-left--41 {
margin-left: -41px; }
.margin-right--41 {
margin-right: -41px; }
.margin--40 {
margin: -40px; }
.margin-top--40 {
margin-top: -40px; }
.margin-bottom--40 {
margin-bottom: -40px; }
.margin-left--40 {
margin-left: -40px; }
.margin-right--40 {
margin-right: -40px; }
.margin--39 {
margin: -39px; }
.margin-top--39 {
margin-top: -39px; }
.margin-bottom--39 {
margin-bottom: -39px; }
.margin-left--39 {
margin-left: -39px; }
.margin-right--39 {
margin-right: -39px; }
.margin--38 {
margin: -38px; }
.margin-top--38 {
margin-top: -38px; }
.margin-bottom--38 {
margin-bottom: -38px; }
.margin-left--38 {
margin-left: -38px; }
.margin-right--38 {
margin-right: -38px; }
.margin--37 {
margin: -37px; }
.margin-top--37 {
margin-top: -37px; }
.margin-bottom--37 {
margin-bottom: -37px; }
.margin-left--37 {
margin-left: -37px; }
.margin-right--37 {
margin-right: -37px; }
.margin--36 {
margin: -36px; }
.margin-top--36 {
margin-top: -36px; }
.margin-bottom--36 {
margin-bottom: -36px; }
.margin-left--36 {
margin-left: -36px; }
.margin-right--36 {
margin-right: -36px; }
.margin--35 {
margin: -35px; }
.margin-top--35 {
margin-top: -35px; }
.margin-bottom--35 {
margin-bottom: -35px; }
.margin-left--35 {
margin-left: -35px; }
.margin-right--35 {
margin-right: -35px; }
.margin--34 {
margin: -34px; }
.margin-top--34 {
margin-top: -34px; }
.margin-bottom--34 {
margin-bottom: -34px; }
.margin-left--34 {
margin-left: -34px; }
.margin-right--34 {
margin-right: -34px; }
.margin--33 {
margin: -33px; }
.margin-top--33 {
margin-top: -33px; }
.margin-bottom--33 {
margin-bottom: -33px; }
.margin-left--33 {
margin-left: -33px; }
.margin-right--33 {
margin-right: -33px; }
.margin--32 {
margin: -32px; }
.margin-top--32 {
margin-top: -32px; }
.margin-bottom--32 {
margin-bottom: -32px; }
.margin-left--32 {
margin-left: -32px; }
.margin-right--32 {
margin-right: -32px; }
.margin--31 {
margin: -31px; }
.margin-top--31 {
margin-top: -31px; }
.margin-bottom--31 {
margin-bottom: -31px; }
.margin-left--31 {
margin-left: -31px; }
.margin-right--31 {
margin-right: -31px; }
.margin--30 {
margin: -30px; }
.margin-top--30 {
margin-top: -30px; }
.margin-bottom--30 {
margin-bottom: -30px; }
.margin-left--30 {
margin-left: -30px; }
.margin-right--30 {
margin-right: -30px; }
.margin--29 {
margin: -29px; }
.margin-top--29 {
margin-top: -29px; }
.margin-bottom--29 {
margin-bottom: -29px; }
.margin-left--29 {
margin-left: -29px; }
.margin-right--29 {
margin-right: -29px; }
.margin--28 {
margin: -28px; }
.margin-top--28 {
margin-top: -28px; }
.margin-bottom--28 {
margin-bottom: -28px; }
.margin-left--28 {
margin-left: -28px; }
.margin-right--28 {
margin-right: -28px; }
.margin--27 {
margin: -27px; }
.margin-top--27 {
margin-top: -27px; }
.margin-bottom--27 {
margin-bottom: -27px; }
.margin-left--27 {
margin-left: -27px; }
.margin-right--27 {
margin-right: -27px; }
.margin--26 {
margin: -26px; }
.margin-top--26 {
margin-top: -26px; }
.margin-bottom--26 {
margin-bottom: -26px; }
.margin-left--26 {
margin-left: -26px; }
.margin-right--26 {
margin-right: -26px; }
.margin--25 {
margin: -25px; }
.margin-top--25 {
margin-top: -25px; }
.margin-bottom--25 {
margin-bottom: -25px; }
.margin-left--25 {
margin-left: -25px; }
.margin-right--25 {
margin-right: -25px; }
.margin--24 {
margin: -24px; }
.margin-top--24 {
margin-top: -24px; }
.margin-bottom--24 {
margin-bottom: -24px; }
.margin-left--24 {
margin-left: -24px; }
.margin-right--24 {
margin-right: -24px; }
.margin--23 {
margin: -23px; }
.margin-top--23 {
margin-top: -23px; }
.margin-bottom--23 {
margin-bottom: -23px; }
.margin-left--23 {
margin-left: -23px; }
.margin-right--23 {
margin-right: -23px; }
.margin--22 {
margin: -22px; }
.margin-top--22 {
margin-top: -22px; }
.margin-bottom--22 {
margin-bottom: -22px; }
.margin-left--22 {
margin-left: -22px; }
.margin-right--22 {
margin-right: -22px; }
.margin--21 {
margin: -21px; }
.margin-top--21 {
margin-top: -21px; }
.margin-bottom--21 {
margin-bottom: -21px; }
.margin-left--21 {
margin-left: -21px; }
.margin-right--21 {
margin-right: -21px; }
.margin--20 {
margin: -20px; }
.margin-top--20 {
margin-top: -20px; }
.margin-bottom--20 {
margin-bottom: -20px; }
.margin-left--20 {
margin-left: -20px; }
.margin-right--20 {
margin-right: -20px; }
.margin--19 {
margin: -19px; }
.margin-top--19 {
margin-top: -19px; }
.margin-bottom--19 {
margin-bottom: -19px; }
.margin-left--19 {
margin-left: -19px; }
.margin-right--19 {
margin-right: -19px; }
.margin--18 {
margin: -18px; }
.margin-top--18 {
margin-top: -18px; }
.margin-bottom--18 {
margin-bottom: -18px; }
.margin-left--18 {
margin-left: -18px; }
.margin-right--18 {
margin-right: -18px; }
.margin--17 {
margin: -17px; }
.margin-top--17 {
margin-top: -17px; }
.margin-bottom--17 {
margin-bottom: -17px; }
.margin-left--17 {
margin-left: -17px; }
.margin-right--17 {
margin-right: -17px; }
.margin--16 {
margin: -16px; }
.margin-top--16 {
margin-top: -16px; }
.margin-bottom--16 {
margin-bottom: -16px; }
.margin-left--16 {
margin-left: -16px; }
.margin-right--16 {
margin-right: -16px; }
.margin--15 {
margin: -15px; }
.margin-top--15 {
margin-top: -15px; }
.margin-bottom--15 {
margin-bottom: -15px; }
.margin-left--15 {
margin-left: -15px; }
.margin-right--15 {
margin-right: -15px; }
.margin--14 {
margin: -14px; }
.margin-top--14 {
margin-top: -14px; }
.margin-bottom--14 {
margin-bottom: -14px; }
.margin-left--14 {
margin-left: -14px; }
.margin-right--14 {
margin-right: -14px; }
.margin--13 {
margin: -13px; }
.margin-top--13 {
margin-top: -13px; }
.margin-bottom--13 {
margin-bottom: -13px; }
.margin-left--13 {
margin-left: -13px; }
.margin-right--13 {
margin-right: -13px; }
.margin--12 {
margin: -12px; }
.margin-top--12 {
margin-top: -12px; }
.margin-bottom--12 {
margin-bottom: -12px; }
.margin-left--12 {
margin-left: -12px; }
.margin-right--12 {
margin-right: -12px; }
.margin--11 {
margin: -11px; }
.margin-top--11 {
margin-top: -11px; }
.margin-bottom--11 {
margin-bottom: -11px; }
.margin-left--11 {
margin-left: -11px; }
.margin-right--11 {
margin-right: -11px; }
.margin--10 {
margin: -10px; }
.margin-top--10 {
margin-top: -10px; }
.margin-bottom--10 {
margin-bottom: -10px; }
.margin-left--10 {
margin-left: -10px; }
.margin-right--10 {
margin-right: -10px; }
.margin--9 {
margin: -9px; }
.margin-top--9 {
margin-top: -9px; }
.margin-bottom--9 {
margin-bottom: -9px; }
.margin-left--9 {
margin-left: -9px; }
.margin-right--9 {
margin-right: -9px; }
.margin--8 {
margin: -8px; }
.margin-top--8 {
margin-top: -8px; }
.margin-bottom--8 {
margin-bottom: -8px; }
.margin-left--8 {
margin-left: -8px; }
.margin-right--8 {
margin-right: -8px; }
.margin--7 {
margin: -7px; }
.margin-top--7 {
margin-top: -7px; }
.margin-bottom--7 {
margin-bottom: -7px; }
.margin-left--7 {
margin-left: -7px; }
.margin-right--7 {
margin-right: -7px; }
.margin--6 {
margin: -6px; }
.margin-top--6 {
margin-top: -6px; }
.margin-bottom--6 {
margin-bottom: -6px; }
.margin-left--6 {
margin-left: -6px; }
.margin-right--6 {
margin-right: -6px; }
.margin--5 {
margin: -5px; }
.margin-top--5 {
margin-top: -5px; }
.margin-bottom--5 {
margin-bottom: -5px; }
.margin-left--5 {
margin-left: -5px; }
.margin-right--5 {
margin-right: -5px; }
.margin--4 {
margin: -4px; }
.margin-top--4 {
margin-top: -4px; }
.margin-bottom--4 {
margin-bottom: -4px; }
.margin-left--4 {
margin-left: -4px; }
.margin-right--4 {
margin-right: -4px; }
.margin--3 {
margin: -3px; }
.margin-top--3 {
margin-top: -3px; }
.margin-bottom--3 {
margin-bottom: -3px; }
.margin-left--3 {
margin-left: -3px; }
.margin-right--3 {
margin-right: -3px; }
.margin--2 {
margin: -2px; }
.margin-top--2 {
margin-top: -2px; }
.margin-bottom--2 {
margin-bottom: -2px; }
.margin-left--2 {
margin-left: -2px; }
.margin-right--2 {
margin-right: -2px; }
.margin--1 {
margin: -1px; }
.margin-top--1 {
margin-top: -1px; }
.margin-bottom--1 {
margin-bottom: -1px; }
.margin-left--1 {
margin-left: -1px; }
.margin-right--1 {
margin-right: -1px; }
.margin-0 {
margin: 0; }
.margin-top-0 {
margin-top: 0; }
.margin-bottom-0 {
margin-bottom: 0; }
.margin-left-0 {
margin-left: 0; }
.margin-right-0 {
margin-right: 0; }
.margin-1 {
margin: 1px; }
.margin-top-1 {
margin-top: 1px; }
.margin-bottom-1 {
margin-bottom: 1px; }
.margin-left-1 {
margin-left: 1px; }
.margin-right-1 {
margin-right: 1px; }
.margin-2 {
margin: 2px; }
.margin-top-2 {
margin-top: 2px; }
.margin-bottom-2 {
margin-bottom: 2px; }
.margin-left-2 {
margin-left: 2px; }
.margin-right-2 {
margin-right: 2px; }
.margin-3 {
margin: 3px; }
.margin-top-3 {
margin-top: 3px; }
.margin-bottom-3 {
margin-bottom: 3px; }
.margin-left-3 {
margin-left: 3px; }
.margin-right-3 {
margin-right: 3px; }
.margin-4 {
margin: 4px; }
.margin-top-4 {
margin-top: 4px; }
.margin-bottom-4 {
margin-bottom: 4px; }
.margin-left-4 {
margin-left: 4px; }
.margin-right-4 {
margin-right: 4px; }
.margin-5 {
margin: 5px; }
.margin-top-5 {
margin-top: 5px; }
.margin-bottom-5 {
margin-bottom: 5px; }
.margin-left-5 {
margin-left: 5px; }
.margin-right-5 {
margin-right: 5px; }
.margin-6 {
margin: 6px; }
.margin-top-6 {
margin-top: 6px; }
.margin-bottom-6 {
margin-bottom: 6px; }
.margin-left-6 {
margin-left: 6px; }
.margin-right-6 {
margin-right: 6px; }
.margin-7 {
margin: 7px; }
.margin-top-7 {
margin-top: 7px; }
.margin-bottom-7 {
margin-bottom: 7px; }
.margin-left-7 {
margin-left: 7px; }
.margin-right-7 {
margin-right: 7px; }
.margin-8 {
margin: 8px; }
.margin-top-8 {
margin-top: 8px; }
.margin-bottom-8 {
margin-bottom: 8px; }
.margin-left-8 {
margin-left: 8px; }
.margin-right-8 {
margin-right: 8px; }
.margin-9 {
margin: 9px; }
.margin-top-9 {
margin-top: 9px; }
.margin-bottom-9 {
margin-bottom: 9px; }
.margin-left-9 {
margin-left: 9px; }
.margin-right-9 {
margin-right: 9px; }
.margin-10 {
margin: 10px; }
.margin-top-10 {
margin-top: 10px; }
.margin-bottom-10 {
margin-bottom: 10px; }
.margin-left-10 {
margin-left: 10px; }
.margin-right-10 {
margin-right: 10px; }
.margin-11 {
margin: 11px; }
.margin-top-11 {
margin-top: 11px; }
.margin-bottom-11 {
margin-bottom: 11px; }
.margin-left-11 {
margin-left: 11px; }
.margin-right-11 {
margin-right: 11px; }
.margin-12 {
margin: 12px; }
.margin-top-12 {
margin-top: 12px; }
.margin-bottom-12 {
margin-bottom: 12px; }
.margin-left-12 {
margin-left: 12px; }
.margin-right-12 {
margin-right: 12px; }
.margin-13 {
margin: 13px; }
.margin-top-13 {
margin-top: 13px; }
.margin-bottom-13 {
margin-bottom: 13px; }
.margin-left-13 {
margin-left: 13px; }
.margin-right-13 {
margin-right: 13px; }
.margin-14 {
margin: 14px; }
.margin-top-14 {
margin-top: 14px; }
.margin-bottom-14 {
margin-bottom: 14px; }
.margin-left-14 {
margin-left: 14px; }
.margin-right-14 {
margin-right: 14px; }
.margin-15 {
margin: 15px; }
.margin-top-15 {
margin-top: 15px; }
.margin-bottom-15 {
margin-bottom: 15px; }
.margin-left-15 {
margin-left: 15px; }
.margin-right-15 {
margin-right: 15px; }
.margin-16 {
margin: 16px; }
.margin-top-16 {
margin-top: 16px; }
.margin-bottom-16 {
margin-bottom: 16px; }
.margin-left-16 {
margin-left: 16px; }
.margin-right-16 {
margin-right: 16px; }
.margin-17 {
margin: 17px; }
.margin-top-17 {
margin-top: 17px; }
.margin-bottom-17 {
margin-bottom: 17px; }
.margin-left-17 {
margin-left: 17px; }
.margin-right-17 {
margin-right: 17px; }
.margin-18 {
margin: 18px; }
.margin-top-18 {
margin-top: 18px; }
.margin-bottom-18 {
margin-bottom: 18px; }
.margin-left-18 {
margin-left: 18px; }
.margin-right-18 {
margin-right: 18px; }
.margin-19 {
margin: 19px; }
.margin-top-19 {
margin-top: 19px; }
.margin-bottom-19 {
margin-bottom: 19px; }
.margin-left-19 {
margin-left: 19px; }
.margin-right-19 {
margin-right: 19px; }
.margin-20 {
margin: 20px; }
.margin-top-20 {
margin-top: 20px; }
.margin-bottom-20 {
margin-bottom: 20px; }
.margin-left-20 {
margin-left: 20px; }
.margin-right-20 {
margin-right: 20px; }
.margin-21 {
margin: 21px; }
.margin-top-21 {
margin-top: 21px; }
.margin-bottom-21 {
margin-bottom: 21px; }
.margin-left-21 {
margin-left: 21px; }
.margin-right-21 {
margin-right: 21px; }
.margin-22 {
margin: 22px; }
.margin-top-22 {
margin-top: 22px; }
.margin-bottom-22 {
margin-bottom: 22px; }
.margin-left-22 {
margin-left: 22px; }
.margin-right-22 {
margin-right: 22px; }
.margin-23 {
margin: 23px; }
.margin-top-23 {
margin-top: 23px; }
.margin-bottom-23 {
margin-bottom: 23px; }
.margin-left-23 {
margin-left: 23px; }
.margin-right-23 {
margin-right: 23px; }
.margin-24 {
margin: 24px; }
.margin-top-24 {
margin-top: 24px; }
.margin-bottom-24 {
margin-bottom: 24px; }
.margin-left-24 {
margin-left: 24px; }
.margin-right-24 {
margin-right: 24px; }
.margin-25 {
margin: 25px; }
.margin-top-25 {
margin-top: 25px; }
.margin-bottom-25 {
margin-bottom: 25px; }
.margin-left-25 {
margin-left: 25px; }
.margin-right-25 {
margin-right: 25px; }
.margin-26 {
margin: 26px; }
.margin-top-26 {
margin-top: 26px; }
.margin-bottom-26 {
margin-bottom: 26px; }
.margin-left-26 {
margin-left: 26px; }
.margin-right-26 {
margin-right: 26px; }
.margin-27 {
margin: 27px; }
.margin-top-27 {
margin-top: 27px; }
.margin-bottom-27 {
margin-bottom: 27px; }
.margin-left-27 {
margin-left: 27px; }
.margin-right-27 {
margin-right: 27px; }
.margin-28 {
margin: 28px; }
.margin-top-28 {
margin-top: 28px; }
.margin-bottom-28 {
margin-bottom: 28px; }
.margin-left-28 {
margin-left: 28px; }
.margin-right-28 {
margin-right: 28px; }
.margin-29 {
margin: 29px; }
.margin-top-29 {
margin-top: 29px; }
.margin-bottom-29 {
margin-bottom: 29px; }
.margin-left-29 {
margin-left: 29px; }
.margin-right-29 {
margin-right: 29px; }
.margin-30 {
margin: 30px; }
.margin-top-30 {
margin-top: 30px; }
.margin-bottom-30 {
margin-bottom: 30px; }
.margin-left-30 {
margin-left: 30px; }
.margin-right-30 {
margin-right: 30px; }
.margin-31 {
margin: 31px; }
.margin-top-31 {
margin-top: 31px; }
.margin-bottom-31 {
margin-bottom: 31px; }
.margin-left-31 {
margin-left: 31px; }
.margin-right-31 {
margin-right: 31px; }
.margin-32 {
margin: 32px; }
.margin-top-32 {
margin-top: 32px; }
.margin-bottom-32 {
margin-bottom: 32px; }
.margin-left-32 {
margin-left: 32px; }
.margin-right-32 {
margin-right: 32px; }
.margin-33 {
margin: 33px; }
.margin-top-33 {
margin-top: 33px; }
.margin-bottom-33 {
margin-bottom: 33px; }
.margin-left-33 {
margin-left: 33px; }
.margin-right-33 {
margin-right: 33px; }
.margin-34 {
margin: 34px; }
.margin-top-34 {
margin-top: 34px; }
.margin-bottom-34 {
margin-bottom: 34px; }
.margin-left-34 {
margin-left: 34px; }
.margin-right-34 {
margin-right: 34px; }
.margin-35 {
margin: 35px; }
.margin-top-35 {
margin-top: 35px; }
.margin-bottom-35 {
margin-bottom: 35px; }
.margin-left-35 {
margin-left: 35px; }
.margin-right-35 {
margin-right: 35px; }
.margin-36 {
margin: 36px; }
.margin-top-36 {
margin-top: 36px; }
.margin-bottom-36 {
margin-bottom: 36px; }
.margin-left-36 {
margin-left: 36px; }
.margin-right-36 {
margin-right: 36px; }
.margin-37 {
margin: 37px; }
.margin-top-37 {
margin-top: 37px; }
.margin-bottom-37 {
margin-bottom: 37px; }
.margin-left-37 {
margin-left: 37px; }
.margin-right-37 {
margin-right: 37px; }
.margin-38 {
margin: 38px; }
.margin-top-38 {
margin-top: 38px; }
.margin-bottom-38 {
margin-bottom: 38px; }
.margin-left-38 {
margin-left: 38px; }
.margin-right-38 {
margin-right: 38px; }
.margin-39 {
margin: 39px; }
.margin-top-39 {
margin-top: 39px; }
.margin-bottom-39 {
margin-bottom: 39px; }
.margin-left-39 {
margin-left: 39px; }
.margin-right-39 {
margin-right: 39px; }
.margin-40 {
margin: 40px; }
.margin-top-40 {
margin-top: 40px; }
.margin-bottom-40 {
margin-bottom: 40px; }
.margin-left-40 {
margin-left: 40px; }
.margin-right-40 {
margin-right: 40px; }
.margin-41 {
margin: 41px; }
.margin-top-41 {
margin-top: 41px; }
.margin-bottom-41 {
margin-bottom: 41px; }
.margin-left-41 {
margin-left: 41px; }
.margin-right-41 {
margin-right: 41px; }
.margin-42 {
margin: 42px; }
.margin-top-42 {
margin-top: 42px; }
.margin-bottom-42 {
margin-bottom: 42px; }
.margin-left-42 {
margin-left: 42px; }
.margin-right-42 {
margin-right: 42px; }
.margin-43 {
margin: 43px; }
.margin-top-43 {
margin-top: 43px; }
.margin-bottom-43 {
margin-bottom: 43px; }
.margin-left-43 {
margin-left: 43px; }
.margin-right-43 {
margin-right: 43px; }
.margin-44 {
margin: 44px; }
.margin-top-44 {
margin-top: 44px; }
.margin-bottom-44 {
margin-bottom: 44px; }
.margin-left-44 {
margin-left: 44px; }
.margin-right-44 {
margin-right: 44px; }
.margin-45 {
margin: 45px; }
.margin-top-45 {
margin-top: 45px; }
.margin-bottom-45 {
margin-bottom: 45px; }
.margin-left-45 {
margin-left: 45px; }
.margin-right-45 {
margin-right: 45px; }
.margin-46 {
margin: 46px; }
.margin-top-46 {
margin-top: 46px; }
.margin-bottom-46 {
margin-bottom: 46px; }
.margin-left-46 {
margin-left: 46px; }
.margin-right-46 {
margin-right: 46px; }
.margin-47 {
margin: 47px; }
.margin-top-47 {
margin-top: 47px; }
.margin-bottom-47 {
margin-bottom: 47px; }
.margin-left-47 {
margin-left: 47px; }
.margin-right-47 {
margin-right: 47px; }
.margin-48 {
margin: 48px; }
.margin-top-48 {
margin-top: 48px; }
.margin-bottom-48 {
margin-bottom: 48px; }
.margin-left-48 {
margin-left: 48px; }
.margin-right-48 {
margin-right: 48px; }
.margin-49 {
margin: 49px; }
.margin-top-49 {
margin-top: 49px; }
.margin-bottom-49 {
margin-bottom: 49px; }
.margin-left-49 {
margin-left: 49px; }
.margin-right-49 {
margin-right: 49px; }
.margin-50 {
margin: 50px; }
.margin-top-50 {
margin-top: 50px; }
.margin-bottom-50 {
margin-bottom: 50px; }
.margin-left-50 {
margin-left: 50px; }
.margin-right-50 {
margin-right: 50px; }
.margin-51 {
margin: 51px; }
.margin-top-51 {
margin-top: 51px; }
.margin-bottom-51 {
margin-bottom: 51px; }
.margin-left-51 {
margin-left: 51px; }
.margin-right-51 {
margin-right: 51px; }
.margin-52 {
margin: 52px; }
.margin-top-52 {
margin-top: 52px; }
.margin-bottom-52 {
margin-bottom: 52px; }
.margin-left-52 {
margin-left: 52px; }
.margin-right-52 {
margin-right: 52px; }
.margin-53 {
margin: 53px; }
.margin-top-53 {
margin-top: 53px; }
.margin-bottom-53 {
margin-bottom: 53px; }
.margin-left-53 {
margin-left: 53px; }
.margin-right-53 {
margin-right: 53px; }
.margin-54 {
margin: 54px; }
.margin-top-54 {
margin-top: 54px; }
.margin-bottom-54 {
margin-bottom: 54px; }
.margin-left-54 {
margin-left: 54px; }
.margin-right-54 {
margin-right: 54px; }
.margin-55 {
margin: 55px; }
.margin-top-55 {
margin-top: 55px; }
.margin-bottom-55 {
margin-bottom: 55px; }
.margin-left-55 {
margin-left: 55px; }
.margin-right-55 {
margin-right: 55px; }
.margin-56 {
margin: 56px; }
.margin-top-56 {
margin-top: 56px; }
.margin-bottom-56 {
margin-bottom: 56px; }
.margin-left-56 {
margin-left: 56px; }
.margin-right-56 {
margin-right: 56px; }
.margin-57 {
margin: 57px; }
.margin-top-57 {
margin-top: 57px; }
.margin-bottom-57 {
margin-bottom: 57px; }
.margin-left-57 {
margin-left: 57px; }
.margin-right-57 {
margin-right: 57px; }
.margin-58 {
margin: 58px; }
.margin-top-58 {
margin-top: 58px; }
.margin-bottom-58 {
margin-bottom: 58px; }
.margin-left-58 {
margin-left: 58px; }
.margin-right-58 {
margin-right: 58px; }
.margin-59 {
margin: 59px; }
.margin-top-59 {
margin-top: 59px; }
.margin-bottom-59 {
margin-bottom: 59px; }
.margin-left-59 {
margin-left: 59px; }
.margin-right-59 {
margin-right: 59px; }
.margin-60 {
margin: 60px; }
.margin-top-60 {
margin-top: 60px; }
.margin-bottom-60 {
margin-bottom: 60px; }
.margin-left-60 {
margin-left: 60px; }
.margin-right-60 {
margin-right: 60px; }
.min-height-0 {
min-height: 0; }
.min-height-100 {
min-height: 100px; }
.min-height-200 {
min-height: 200px; }
.min-height-300 {
min-height: 300px; }
.min-height-400 {
min-height: 400px; }
.min-height-500 {
min-height: 500px; }
.min-height-600 {
min-height: 600px; }
.height-0 {
height: 0; }
.height-100 {
height: 100px; }
.height-200 {
height: 200px; }
.height-300 {
height: 300px; }
.height-400 {
height: 400px; }
.height-500 {
height: 500px; }
.height-600 {
height: 600px; }
.width-0 {
width: 0;
margin: auto; }
.width-10 {
width: 10%;
margin: auto; }
.width-20 {
width: 20%;
margin: auto; }
.width-30 {
width: 30%;
margin: auto; }
.width-40 {
width: 40%;
margin: auto; }
.width-50 {
width: 50%;
margin: auto; }
.width-60 {
width: 60%;
margin: auto; }
.width-70 {
width: 70%;
margin: auto; }
.width-80 {
width: 80%;
margin: auto; }
.width-90 {
width: 90%;
margin: auto; }
.width-100 {
width: 100%;
margin: auto; }
.min-width-0 {
min-width: 0; }
.min-width-10 {
min-width: 10px; }
.min-width-20 {
min-width: 20px; }
.min-width-30 {
min-width: 30px; }
.min-width-40 {
min-width: 40px; }
.min-width-50 {
min-width: 50px; }
.min-width-60 {
min-width: 60px; }
.padding-0 {
padding: 0; }
.padding-top-0 {
padding-top: 0; }
.padding-bottom-0 {
padding-bottom: 0; }
.padding-left-0 {
padding-left: 0; }
.padding-right-0 {
padding-right: 0; }
.padding-1 {
padding: 1px; }
.padding-top-1 {
padding-top: 1px; }
.padding-bottom-1 {
padding-bottom: 1px; }
.padding-left-1 {
padding-left: 1px; }
.padding-right-1 {
padding-right: 1px; }
.padding-2 {
padding: 2px; }
.padding-top-2 {
padding-top: 2px; }
.padding-bottom-2 {
padding-bottom: 2px; }
.padding-left-2 {
padding-left: 2px; }
.padding-right-2 {
padding-right: 2px; }
.padding-3 {
padding: 3px; }
.padding-top-3 {
padding-top: 3px; }
.padding-bottom-3 {
padding-bottom: 3px; }
.padding-left-3 {
padding-left: 3px; }
.padding-right-3 {
padding-right: 3px; }
.padding-4 {
padding: 4px; }
.padding-top-4 {
padding-top: 4px; }
.padding-bottom-4 {
padding-bottom: 4px; }
.padding-left-4 {
padding-left: 4px; }
.padding-right-4 {
padding-right: 4px; }
.padding-5 {
padding: 5px; }
.padding-top-5 {
padding-top: 5px; }
.padding-bottom-5 {
padding-bottom: 5px; }
.padding-left-5 {
padding-left: 5px; }
.padding-right-5 {
padding-right: 5px; }
.padding-6 {
padding: 6px; }
.padding-top-6 {
padding-top: 6px; }
.padding-bottom-6 {
padding-bottom: 6px; }
.padding-left-6 {
padding-left: 6px; }
.padding-right-6 {
padding-right: 6px; }
.padding-7 {
padding: 7px; }
.padding-top-7 {
padding-top: 7px; }
.padding-bottom-7 {
padding-bottom: 7px; }
.padding-left-7 {
padding-left: 7px; }
.padding-right-7 {
padding-right: 7px; }
.padding-8 {
padding: 8px; }
.padding-top-8 {
padding-top: 8px; }
.padding-bottom-8 {
padding-bottom: 8px; }
.padding-left-8 {
padding-left: 8px; }
.padding-right-8 {
padding-right: 8px; }
.padding-9 {
padding: 9px; }
.padding-top-9 {
padding-top: 9px; }
.padding-bottom-9 {
padding-bottom: 9px; }
.padding-left-9 {
padding-left: 9px; }
.padding-right-9 {
padding-right: 9px; }
.padding-10 {
padding: 10px; }
.padding-top-10 {
padding-top: 10px; }
.padding-bottom-10 {
padding-bottom: 10px; }
.padding-left-10 {
padding-left: 10px; }
.padding-right-10 {
padding-right: 10px; }
.padding-11 {
padding: 11px; }
.padding-top-11 {
padding-top: 11px; }
.padding-bottom-11 {
padding-bottom: 11px; }
.padding-left-11 {
padding-left: 11px; }
.padding-right-11 {
padding-right: 11px; }
.padding-12 {
padding: 12px; }
.padding-top-12 {
padding-top: 12px; }
.padding-bottom-12 {
padding-bottom: 12px; }
.padding-left-12 {
padding-left: 12px; }
.padding-right-12 {
padding-right: 12px; }
.padding-13 {
padding: 13px; }
.padding-top-13 {
padding-top: 13px; }
.padding-bottom-13 {
padding-bottom: 13px; }
.padding-left-13 {
padding-left: 13px; }
.padding-right-13 {
padding-right: 13px; }
.padding-14 {
padding: 14px; }
.padding-top-14 {
padding-top: 14px; }
.padding-bottom-14 {
padding-bottom: 14px; }
.padding-left-14 {
padding-left: 14px; }
.padding-right-14 {
padding-right: 14px; }
.padding-15 {
padding: 15px; }
.padding-top-15 {
padding-top: 15px; }
.padding-bottom-15 {
padding-bottom: 15px; }
.padding-left-15 {
padding-left: 15px; }
.padding-right-15 {
padding-right: 15px; }
.padding-16 {
padding: 16px; }
.padding-top-16 {
padding-top: 16px; }
.padding-bottom-16 {
padding-bottom: 16px; }
.padding-left-16 {
padding-left: 16px; }
.padding-right-16 {
padding-right: 16px; }
.padding-17 {
padding: 17px; }
.padding-top-17 {
padding-top: 17px; }
.padding-bottom-17 {
padding-bottom: 17px; }
.padding-left-17 {
padding-left: 17px; }
.padding-right-17 {
padding-right: 17px; }
.padding-18 {
padding: 18px; }
.padding-top-18 {
padding-top: 18px; }
.padding-bottom-18 {
padding-bottom: 18px; }
.padding-left-18 {
padding-left: 18px; }
.padding-right-18 {
padding-right: 18px; }
.padding-19 {
padding: 19px; }
.padding-top-19 {
padding-top: 19px; }
.padding-bottom-19 {
padding-bottom: 19px; }
.padding-left-19 {
padding-left: 19px; }
.padding-right-19 {
padding-right: 19px; }
.padding-20 {
padding: 20px; }
.padding-top-20 {
padding-top: 20px; }
.padding-bottom-20 {
padding-bottom: 20px; }
.padding-left-20 {
padding-left: 20px; }
.padding-right-20 {
padding-right: 20px; }
.padding-21 {
padding: 21px; }
.padding-top-21 {
padding-top: 21px; }
.padding-bottom-21 {
padding-bottom: 21px; }
.padding-left-21 {
padding-left: 21px; }
.padding-right-21 {
padding-right: 21px; }
.padding-22 {
padding: 22px; }
.padding-top-22 {
padding-top: 22px; }
.padding-bottom-22 {
padding-bottom: 22px; }
.padding-left-22 {
padding-left: 22px; }
.padding-right-22 {
padding-right: 22px; }
.padding-23 {
padding: 23px; }
.padding-top-23 {
padding-top: 23px; }
.padding-bottom-23 {
padding-bottom: 23px; }
.padding-left-23 {
padding-left: 23px; }
.padding-right-23 {
padding-right: 23px; }
.padding-24 {
padding: 24px; }
.padding-top-24 {
padding-top: 24px; }
.padding-bottom-24 {
padding-bottom: 24px; }
.padding-left-24 {
padding-left: 24px; }
.padding-right-24 {
padding-right: 24px; }
.padding-25 {
padding: 25px; }
.padding-top-25 {
padding-top: 25px; }
.padding-bottom-25 {
padding-bottom: 25px; }
.padding-left-25 {
padding-left: 25px; }
.padding-right-25 {
padding-right: 25px; }
.padding-26 {
padding: 26px; }
.padding-top-26 {
padding-top: 26px; }
.padding-bottom-26 {
padding-bottom: 26px; }
.padding-left-26 {
padding-left: 26px; }
.padding-right-26 {
padding-right: 26px; }
.padding-27 {
padding: 27px; }
.padding-top-27 {
padding-top: 27px; }
.padding-bottom-27 {
padding-bottom: 27px; }
.padding-left-27 {
padding-left: 27px; }
.padding-right-27 {
padding-right: 27px; }
.padding-28 {
padding: 28px; }
.padding-top-28 {
padding-top: 28px; }
.padding-bottom-28 {
padding-bottom: 28px; }
.padding-left-28 {
padding-left: 28px; }
.padding-right-28 {
padding-right: 28px; }
.padding-29 {
padding: 29px; }
.padding-top-29 {
padding-top: 29px; }
.padding-bottom-29 {
padding-bottom: 29px; }
.padding-left-29 {
padding-left: 29px; }
.padding-right-29 {
padding-right: 29px; }
.padding-30 {
padding: 30px; }
.padding-top-30 {
padding-top: 30px; }
.padding-bottom-30 {
padding-bottom: 30px; }
.padding-left-30 {
padding-left: 30px; }
.padding-right-30 {
padding-right: 30px; }
.padding-31 {
padding: 31px; }
.padding-top-31 {
padding-top: 31px; }
.padding-bottom-31 {
padding-bottom: 31px; }
.padding-left-31 {
padding-left: 31px; }
.padding-right-31 {
padding-right: 31px; }
.padding-32 {
padding: 32px; }
.padding-top-32 {
padding-top: 32px; }
.padding-bottom-32 {
padding-bottom: 32px; }
.padding-left-32 {
padding-left: 32px; }
.padding-right-32 {
padding-right: 32px; }
.padding-33 {
padding: 33px; }
.padding-top-33 {
padding-top: 33px; }
.padding-bottom-33 {
padding-bottom: 33px; }
.padding-left-33 {
padding-left: 33px; }
.padding-right-33 {
padding-right: 33px; }
.padding-34 {
padding: 34px; }
.padding-top-34 {
padding-top: 34px; }
.padding-bottom-34 {
padding-bottom: 34px; }
.padding-left-34 {
padding-left: 34px; }
.padding-right-34 {
padding-right: 34px; }
.padding-35 {
padding: 35px; }
.padding-top-35 {
padding-top: 35px; }
.padding-bottom-35 {
padding-bottom: 35px; }
.padding-left-35 {
padding-left: 35px; }
.padding-right-35 {
padding-right: 35px; }
.padding-36 {
padding: 36px; }
.padding-top-36 {
padding-top: 36px; }
.padding-bottom-36 {
padding-bottom: 36px; }
.padding-left-36 {
padding-left: 36px; }
.padding-right-36 {
padding-right: 36px; }
.padding-37 {
padding: 37px; }
.padding-top-37 {
padding-top: 37px; }
.padding-bottom-37 {
padding-bottom: 37px; }
.padding-left-37 {
padding-left: 37px; }
.padding-right-37 {
padding-right: 37px; }
.padding-38 {
padding: 38px; }
.padding-top-38 {
padding-top: 38px; }
.padding-bottom-38 {
padding-bottom: 38px; }
.padding-left-38 {
padding-left: 38px; }
.padding-right-38 {
padding-right: 38px; }
.padding-39 {
padding: 39px; }
.padding-top-39 {
padding-top: 39px; }
.padding-bottom-39 {
padding-bottom: 39px; }
.padding-left-39 {
padding-left: 39px; }
.padding-right-39 {
padding-right: 39px; }
.padding-40 {
padding: 40px; }
.padding-top-40 {
padding-top: 40px; }
.padding-bottom-40 {
padding-bottom: 40px; }
.padding-left-40 {
padding-left: 40px; }
.padding-right-40 {
padding-right: 40px; }
.padding-41 {
padding: 41px; }
.padding-top-41 {
padding-top: 41px; }
.padding-bottom-41 {
padding-bottom: 41px; }
.padding-left-41 {
padding-left: 41px; }
.padding-right-41 {
padding-right: 41px; }
.padding-42 {
padding: 42px; }
.padding-top-42 {
padding-top: 42px; }
.padding-bottom-42 {
padding-bottom: 42px; }
.padding-left-42 {
padding-left: 42px; }
.padding-right-42 {
padding-right: 42px; }
.padding-43 {
padding: 43px; }
.padding-top-43 {
padding-top: 43px; }
.padding-bottom-43 {
padding-bottom: 43px; }
.padding-left-43 {
padding-left: 43px; }
.padding-right-43 {
padding-right: 43px; }
.padding-44 {
padding: 44px; }
.padding-top-44 {
padding-top: 44px; }
.padding-bottom-44 {
padding-bottom: 44px; }
.padding-left-44 {
padding-left: 44px; }
.padding-right-44 {
padding-right: 44px; }
.padding-45 {
padding: 45px; }
.padding-top-45 {
padding-top: 45px; }
.padding-bottom-45 {
padding-bottom: 45px; }
.padding-left-45 {
padding-left: 45px; }
.padding-right-45 {
padding-right: 45px; }
.padding-46 {
padding: 46px; }
.padding-top-46 {
padding-top: 46px; }
.padding-bottom-46 {
padding-bottom: 46px; }
.padding-left-46 {
padding-left: 46px; }
.padding-right-46 {
padding-right: 46px; }
.padding-47 {
padding: 47px; }
.padding-top-47 {
padding-top: 47px; }
.padding-bottom-47 {
padding-bottom: 47px; }
.padding-left-47 {
padding-left: 47px; }
.padding-right-47 {
padding-right: 47px; }
.padding-48 {
padding: 48px; }
.padding-top-48 {
padding-top: 48px; }
.padding-bottom-48 {
padding-bottom: 48px; }
.padding-left-48 {
padding-left: 48px; }
.padding-right-48 {
padding-right: 48px; }
.padding-49 {
padding: 49px; }
.padding-top-49 {
padding-top: 49px; }
.padding-bottom-49 {
padding-bottom: 49px; }
.padding-left-49 {
padding-left: 49px; }
.padding-right-49 {
padding-right: 49px; }
.padding-50 {
padding: 50px; }
.padding-top-50 {
padding-top: 50px; }
.padding-bottom-50 {
padding-bottom: 50px; }
.padding-left-50 {
padding-left: 50px; }
.padding-right-50 {
padding-right: 50px; }
.padding-51 {
padding: 51px; }
.padding-top-51 {
padding-top: 51px; }
.padding-bottom-51 {
padding-bottom: 51px; }
.padding-left-51 {
padding-left: 51px; }
.padding-right-51 {
padding-right: 51px; }
.padding-52 {
padding: 52px; }
.padding-top-52 {
padding-top: 52px; }
.padding-bottom-52 {
padding-bottom: 52px; }
.padding-left-52 {
padding-left: 52px; }
.padding-right-52 {
padding-right: 52px; }
.padding-53 {
padding: 53px; }
.padding-top-53 {
padding-top: 53px; }
.padding-bottom-53 {
padding-bottom: 53px; }
.padding-left-53 {
padding-left: 53px; }
.padding-right-53 {
padding-right: 53px; }
.padding-54 {
padding: 54px; }
.padding-top-54 {
padding-top: 54px; }
.padding-bottom-54 {
padding-bottom: 54px; }
.padding-left-54 {
padding-left: 54px; }
.padding-right-54 {
padding-right: 54px; }
.padding-55 {
padding: 55px; }
.padding-top-55 {
padding-top: 55px; }
.padding-bottom-55 {
padding-bottom: 55px; }
.padding-left-55 {
padding-left: 55px; }
.padding-right-55 {
padding-right: 55px; }
.padding-56 {
padding: 56px; }
.padding-top-56 {
padding-top: 56px; }
.padding-bottom-56 {
padding-bottom: 56px; }
.padding-left-56 {
padding-left: 56px; }
.padding-right-56 {
padding-right: 56px; }
.padding-57 {
padding: 57px; }
.padding-top-57 {
padding-top: 57px; }
.padding-bottom-57 {
padding-bottom: 57px; }
.padding-left-57 {
padding-left: 57px; }
.padding-right-57 {
padding-right: 57px; }
.padding-58 {
padding: 58px; }
.padding-top-58 {
padding-top: 58px; }
.padding-bottom-58 {
padding-bottom: 58px; }
.padding-left-58 {
padding-left: 58px; }
.padding-right-58 {
padding-right: 58px; }
.padding-59 {
padding: 59px; }
.padding-top-59 {
padding-top: 59px; }
.padding-bottom-59 {
padding-bottom: 59px; }
.padding-left-59 {
padding-left: 59px; }
.padding-right-59 {
padding-right: 59px; }
.padding-60 {
padding: 60px; }
.padding-top-60 {
padding-top: 60px; }
.padding-bottom-60 {
padding-bottom: 60px; }
.padding-left-60 {
padding-left: 60px; }
.padding-right-60 {
padding-right: 60px; }
.padding-61 {
padding: 61px; }
.padding-top-61 {
padding-top: 61px; }
.padding-bottom-61 {
padding-bottom: 61px; }
.padding-left-61 {
padding-left: 61px; }
.padding-right-61 {
padding-right: 61px; }
.padding-62 {
padding: 62px; }
.padding-top-62 {
padding-top: 62px; }
.padding-bottom-62 {
padding-bottom: 62px; }
.padding-left-62 {
padding-left: 62px; }
.padding-right-62 {
padding-right: 62px; }
.padding-63 {
padding: 63px; }
.padding-top-63 {
padding-top: 63px; }
.padding-bottom-63 {
padding-bottom: 63px; }
.padding-left-63 {
padding-left: 63px; }
.padding-right-63 {
padding-right: 63px; }
.padding-64 {
padding: 64px; }
.padding-top-64 {
padding-top: 64px; }
.padding-bottom-64 {
padding-bottom: 64px; }
.padding-left-64 {
padding-left: 64px; }
.padding-right-64 {
padding-right: 64px; }
.padding-65 {
padding: 65px; }
.padding-top-65 {
padding-top: 65px; }
.padding-bottom-65 {
padding-bottom: 65px; }
.padding-left-65 {
padding-left: 65px; }
.padding-right-65 {
padding-right: 65px; }
.padding-66 {
padding: 66px; }
.padding-top-66 {
padding-top: 66px; }
.padding-bottom-66 {
padding-bottom: 66px; }
.padding-left-66 {
padding-left: 66px; }
.padding-right-66 {
padding-right: 66px; }
.padding-67 {
padding: 67px; }
.padding-top-67 {
padding-top: 67px; }
.padding-bottom-67 {
padding-bottom: 67px; }
.padding-left-67 {
padding-left: 67px; }
.padding-right-67 {
padding-right: 67px; }
.padding-68 {
padding: 68px; }
.padding-top-68 {
padding-top: 68px; }
.padding-bottom-68 {
padding-bottom: 68px; }
.padding-left-68 {
padding-left: 68px; }
.padding-right-68 {
padding-right: 68px; }
.padding-69 {
padding: 69px; }
.padding-top-69 {
padding-top: 69px; }
.padding-bottom-69 {
padding-bottom: 69px; }
.padding-left-69 {
padding-left: 69px; }
.padding-right-69 {
padding-right: 69px; }
.padding-70 {
padding: 70px; }
.padding-top-70 {
padding-top: 70px; }
.padding-bottom-70 {
padding-bottom: 70px; }
.padding-left-70 {
padding-left: 70px; }
.padding-right-70 {
padding-right: 70px; }
.padding-71 {
padding: 71px; }
.padding-top-71 {
padding-top: 71px; }
.padding-bottom-71 {
padding-bottom: 71px; }
.padding-left-71 {
padding-left: 71px; }
.padding-right-71 {
padding-right: 71px; }
.padding-72 {
padding: 72px; }
.padding-top-72 {
padding-top: 72px; }
.padding-bottom-72 {
padding-bottom: 72px; }
.padding-left-72 {
padding-left: 72px; }
.padding-right-72 {
padding-right: 72px; }
.padding-73 {
padding: 73px; }
.padding-top-73 {
padding-top: 73px; }
.padding-bottom-73 {
padding-bottom: 73px; }
.padding-left-73 {
padding-left: 73px; }
.padding-right-73 {
padding-right: 73px; }
.padding-74 {
padding: 74px; }
.padding-top-74 {
padding-top: 74px; }
.padding-bottom-74 {
padding-bottom: 74px; }
.padding-left-74 {
padding-left: 74px; }
.padding-right-74 {
padding-right: 74px; }
.padding-75 {
padding: 75px; }
.padding-top-75 {
padding-top: 75px; }
.padding-bottom-75 {
padding-bottom: 75px; }
.padding-left-75 {
padding-left: 75px; }
.padding-right-75 {
padding-right: 75px; }
.padding-76 {
padding: 76px; }
.padding-top-76 {
padding-top: 76px; }
.padding-bottom-76 {
padding-bottom: 76px; }
.padding-left-76 {
padding-left: 76px; }
.padding-right-76 {
padding-right: 76px; }
.padding-77 {
padding: 77px; }
.padding-top-77 {
padding-top: 77px; }
.padding-bottom-77 {
padding-bottom: 77px; }
.padding-left-77 {
padding-left: 77px; }
.padding-right-77 {
padding-right: 77px; }
.padding-78 {
padding: 78px; }
.padding-top-78 {
padding-top: 78px; }
.padding-bottom-78 {
padding-bottom: 78px; }
.padding-left-78 {
padding-left: 78px; }
.padding-right-78 {
padding-right: 78px; }
.padding-79 {
padding: 79px; }
.padding-top-79 {
padding-top: 79px; }
.padding-bottom-79 {
padding-bottom: 79px; }
.padding-left-79 {
padding-left: 79px; }
.padding-right-79 {
padding-right: 79px; }
.padding-80 {
padding: 80px; }
.padding-top-80 {
padding-top: 80px; }
.padding-bottom-80 {
padding-bottom: 80px; }
.padding-left-80 {
padding-left: 80px; }
.padding-right-80 {
padding-right: 80px; }
.padding-81 {
padding: 81px; }
.padding-top-81 {
padding-top: 81px; }
.padding-bottom-81 {
padding-bottom: 81px; }
.padding-left-81 {
padding-left: 81px; }
.padding-right-81 {
padding-right: 81px; }
.padding-82 {
padding: 82px; }
.padding-top-82 {
padding-top: 82px; }
.padding-bottom-82 {
padding-bottom: 82px; }
.padding-left-82 {
padding-left: 82px; }
.padding-right-82 {
padding-right: 82px; }
.padding-83 {
padding: 83px; }
.padding-top-83 {
padding-top: 83px; }
.padding-bottom-83 {
padding-bottom: 83px; }
.padding-left-83 {
padding-left: 83px; }
.padding-right-83 {
padding-right: 83px; }
.padding-84 {
padding: 84px; }
.padding-top-84 {
padding-top: 84px; }
.padding-bottom-84 {
padding-bottom: 84px; }
.padding-left-84 {
padding-left: 84px; }
.padding-right-84 {
padding-right: 84px; }
.padding-85 {
padding: 85px; }
.padding-top-85 {
padding-top: 85px; }
.padding-bottom-85 {
padding-bottom: 85px; }
.padding-left-85 {
padding-left: 85px; }
.padding-right-85 {
padding-right: 85px; }
.padding-86 {
padding: 86px; }
.padding-top-86 {
padding-top: 86px; }
.padding-bottom-86 {
padding-bottom: 86px; }
.padding-left-86 {
padding-left: 86px; }
.padding-right-86 {
padding-right: 86px; }
.padding-87 {
padding: 87px; }
.padding-top-87 {
padding-top: 87px; }
.padding-bottom-87 {
padding-bottom: 87px; }
.padding-left-87 {
padding-left: 87px; }
.padding-right-87 {
padding-right: 87px; }
.padding-88 {
padding: 88px; }
.padding-top-88 {
padding-top: 88px; }
.padding-bottom-88 {
padding-bottom: 88px; }
.padding-left-88 {
padding-left: 88px; }
.padding-right-88 {
padding-right: 88px; }
.padding-89 {
padding: 89px; }
.padding-top-89 {
padding-top: 89px; }
.padding-bottom-89 {
padding-bottom: 89px; }
.padding-left-89 {
padding-left: 89px; }
.padding-right-89 {
padding-right: 89px; }
.padding-90 {
padding: 90px; }
.padding-top-90 {
padding-top: 90px; }
.padding-bottom-90 {
padding-bottom: 90px; }
.padding-left-90 {
padding-left: 90px; }
.padding-right-90 {
padding-right: 90px; }
.padding-91 {
padding: 91px; }
.padding-top-91 {
padding-top: 91px; }
.padding-bottom-91 {
padding-bottom: 91px; }
.padding-left-91 {
padding-left: 91px; }
.padding-right-91 {
padding-right: 91px; }
.padding-92 {
padding: 92px; }
.padding-top-92 {
padding-top: 92px; }
.padding-bottom-92 {
padding-bottom: 92px; }
.padding-left-92 {
padding-left: 92px; }
.padding-right-92 {
padding-right: 92px; }
.padding-93 {
padding: 93px; }
.padding-top-93 {
padding-top: 93px; }
.padding-bottom-93 {
padding-bottom: 93px; }
.padding-left-93 {
padding-left: 93px; }
.padding-right-93 {
padding-right: 93px; }
.padding-94 {
padding: 94px; }
.padding-top-94 {
padding-top: 94px; }
.padding-bottom-94 {
padding-bottom: 94px; }
.padding-left-94 {
padding-left: 94px; }
.padding-right-94 {
padding-right: 94px; }
.padding-95 {
padding: 95px; }
.padding-top-95 {
padding-top: 95px; }
.padding-bottom-95 {
padding-bottom: 95px; }
.padding-left-95 {
padding-left: 95px; }
.padding-right-95 {
padding-right: 95px; }
.padding-96 {
padding: 96px; }
.padding-top-96 {
padding-top: 96px; }
.padding-bottom-96 {
padding-bottom: 96px; }
.padding-left-96 {
padding-left: 96px; }
.padding-right-96 {
padding-right: 96px; }
.padding-97 {
padding: 97px; }
.padding-top-97 {
padding-top: 97px; }
.padding-bottom-97 {
padding-bottom: 97px; }
.padding-left-97 {
padding-left: 97px; }
.padding-right-97 {
padding-right: 97px; }
.padding-98 {
padding: 98px; }
.padding-top-98 {
padding-top: 98px; }
.padding-bottom-98 {
padding-bottom: 98px; }
.padding-left-98 {
padding-left: 98px; }
.padding-right-98 {
padding-right: 98px; }
.padding-99 {
padding: 99px; }
.padding-top-99 {
padding-top: 99px; }
.padding-bottom-99 {
padding-bottom: 99px; }
.padding-left-99 {
padding-left: 99px; }
.padding-right-99 {
padding-right: 99px; }
.padding-100 {
padding: 100px; }
.padding-top-100 {
padding-top: 100px; }
.padding-bottom-100 {
padding-bottom: 100px; }
.padding-left-100 {
padding-left: 100px; }
.padding-right-100 {
padding-right: 100px; }
.top--10 {
top: -10px !important; }
.bottom--10 {
bottom: -10px !important; }
.left--10 {
left: -10px !important; }
.right--10 {
right: -10px !important; }
.top--9 {
top: -9px !important; }
.bottom--9 {
bottom: -9px !important; }
.left--9 {
left: -9px !important; }
.right--9 {
right: -9px !important; }
.top--8 {
top: -8px !important; }
.bottom--8 {
bottom: -8px !important; }
.left--8 {
left: -8px !important; }
.right--8 {
right: -8px !important; }
.top--7 {
top: -7px !important; }
.bottom--7 {
bottom: -7px !important; }
.left--7 {
left: -7px !important; }
.right--7 {
right: -7px !important; }
.top--6 {
top: -6px !important; }
.bottom--6 {
bottom: -6px !important; }
.left--6 {
left: -6px !important; }
.right--6 {
right: -6px !important; }
.top--5 {
top: -5px !important; }
.bottom--5 {
bottom: -5px !important; }
.left--5 {
left: -5px !important; }
.right--5 {
right: -5px !important; }
.top--4 {
top: -4px !important; }
.bottom--4 {
bottom: -4px !important; }
.left--4 {
left: -4px !important; }
.right--4 {
right: -4px !important; }
.top--3 {
top: -3px !important; }
.bottom--3 {
bottom: -3px !important; }
.left--3 {
left: -3px !important; }
.right--3 {
right: -3px !important; }
.top--2 {
top: -2px !important; }
.bottom--2 {
bottom: -2px !important; }
.left--2 {
left: -2px !important; }
.right--2 {
right: -2px !important; }
.top--1 {
top: -1px !important; }
.bottom--1 {
bottom: -1px !important; }
.left--1 {
left: -1px !important; }
.right--1 {
right: -1px !important; }
.top-0 {
top: 0 !important; }
.bottom-0 {
bottom: 0 !important; }
.left-0 {
left: 0 !important; }
.right-0 {
right: 0 !important; }
.top-1 {
top: 1px !important; }
.bottom-1 {
bottom: 1px !important; }
.left-1 {
left: 1px !important; }
.right-1 {
right: 1px !important; }
.top-2 {
top: 2px !important; }
.bottom-2 {
bottom: 2px !important; }
.left-2 {
left: 2px !important; }
.right-2 {
right: 2px !important; }
.top-3 {
top: 3px !important; }
.bottom-3 {
bottom: 3px !important; }
.left-3 {
left: 3px !important; }
.right-3 {
right: 3px !important; }
.top-4 {
top: 4px !important; }
.bottom-4 {
bottom: 4px !important; }
.left-4 {
left: 4px !important; }
.right-4 {
right: 4px !important; }
.top-5 {
top: 5px !important; }
.bottom-5 {
bottom: 5px !important; }
.left-5 {
left: 5px !important; }
.right-5 {
right: 5px !important; }
.top-6 {
top: 6px !important; }
.bottom-6 {
bottom: 6px !important; }
.left-6 {
left: 6px !important; }
.right-6 {
right: 6px !important; }
.top-7 {
top: 7px !important; }
.bottom-7 {
bottom: 7px !important; }
.left-7 {
left: 7px !important; }
.right-7 {
right: 7px !important; }
.top-8 {
top: 8px !important; }
.bottom-8 {
bottom: 8px !important; }
.left-8 {
left: 8px !important; }
.right-8 {
right: 8px !important; }
.top-9 {
top: 9px !important; }
.bottom-9 {
bottom: 9px !important; }
.left-9 {
left: 9px !important; }
.right-9 {
right: 9px !important; }
.top-10 {
top: 10px !important; }
.bottom-10 {
bottom: 10px !important; }
.left-10 {
left: 10px !important; }
.right-10 {
right: 10px !important; }
.line-height-0 {
line-height: 0; }
.line-height-10 {
line-height: 10px; }
.line-height-20 {
line-height: 20px; }
.line-height-30 {
line-height: 30px; }
.line-height-40 {
line-height: 40px; }
.line-height-50 {
line-height: 50px; }
.line-height-60 {
line-height: 60px; }
.font-size-0 {
font-size: 0 !important; }
.font-size-10 {
font-size: 10px !important; }
.font-size-20 {
font-size: 20px !important; }
.font-size-30 {
font-size: 30px !important; }
.font-size-40 {
font-size: 40px !important; }
.font-size-50 {
font-size: 50px !important; }
.font-size-60 {
font-size: 60px !important; }
.font-size-70 {
font-size: 70px !important; }
.font-size-80 {
font-size: 80px !important; }
.font-size-90 {
font-size: 90px !important; }
.font-size-100 {
font-size: 100px !important; }
.font-size-110 {
font-size: 110px !important; }
.font-size-120 {
font-size: 120px !important; }
.font-size-130 {
font-size: 130px !important; }
.font-size-140 {
font-size: 140px !important; }
.font-size-150 {
font-size: 150px !important; }
.font-size-160 {
font-size: 160px !important; }
.font-size-170 {
font-size: 170px !important; }
.font-size-180 {
font-size: 180px !important; }
.font-size-190 {
font-size: 190px !important; }
.font-size-200 {
font-size: 200px !important; }
.font-size-210 {
font-size: 210px !important; }
.font-size-220 {
font-size: 220px !important; }
.font-size-230 {
font-size: 230px !important; }
.font-size-240 {
font-size: 240px !important; }
.font-size-250 {
font-size: 250px !important; }
.font-size-260 {
font-size: 260px !important; }
.font-size-270 {
font-size: 270px !important; }
.font-size-280 {
font-size: 280px !important; }
.font-size-290 {
font-size: 290px !important; }
.font-size-300 {
font-size: 300px !important; }
.font-size-310 {
font-size: 310px !important; }
.font-size-320 {
font-size: 320px !important; }
.font-size-330 {
font-size: 330px !important; }
.font-size-340 {
font-size: 340px !important; }
.font-size-350 {
font-size: 350px !important; }
.font-size-360 {
font-size: 360px !important; }
.font-size-370 {
font-size: 370px !important; }
.font-size-380 {
font-size: 380px !important; }
.font-size-390 {
font-size: 390px !important; }
.font-size-400 {
font-size: 400px !important; }
.font-size-410 {
font-size: 410px !important; }
.font-size-420 {
font-size: 420px !important; }
.font-size-430 {
font-size: 430px !important; }
.font-size-440 {
font-size: 440px !important; }
.font-size-450 {
font-size: 450px !important; }
.font-size-460 {
font-size: 460px !important; }
.font-size-470 {
font-size: 470px !important; }
.font-size-480 {
font-size: 480px !important; }
.font-size-490 {
font-size: 490px !important; }
.font-size-500 {
font-size: 500px !important; }
.icon-style {
margin-left: -40px; }
.icon-style,.margin-top-100 {
margin-top: -100px; }
.margin-left-40px {
margin-left: -40px; }
.hasborder {
border: 1px solid #e2e2e2 !important; }
.noborder {
border: 1px solid transparent !important; }
.nopadding {
padding-left: 0 !important;
padding-right: 0 !important; }
.border-top {
border-top: 1px solid #e2e2e2 !important;
margin-top: 2px; }
.bg-none {
background: transparent !important; }
.no-before:before {
content: none !important; }
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
.no-space-row .kc_column,.no-space-row .row {
margin: 0; }
.no-space-row [class*=col-],.no-space-row [class*=kc_col-],.no-space-row [class^=col-],.no-space-row [class^=kc_col-] {
padding: 0; }
.no-padding {
margin: 0 !important;
padding: 0 !important; }
.bg-white {
background: #fff; }
.bg-primary,.bg-red {
background-color: #d0262e; }
.bg-red {
padding: 55px 30px 45px; }
.box-shadow {
-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.11);
box-shadow: 0 0 4px 0 rgba(0,0,0,.11);
background: #fff; }
.btn {
font-size: 14px;
text-transform: capitalize;
padding: 10px 46px;
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s; }
.btn+.btn {
margin-left: 5px; }
.btn-link {
font-size: 16px; }
.theme-color-default {
color: #000;
background-color: #fff;
border-color: #fff; }
.open .theme-color-default.dropdown-toggle,.theme-color-default.active,.theme-color-default:active,.theme-color-default:focus,.theme-color-default:hover {
color: #fff;
background-color: #000;
border-color: #000; }
.open .theme-color-default.dropdown-toggle,.theme-color-default.active,.theme-color-default:active {
background-image: none; }
.theme-color-default.disabled,.theme-color-default.disabled.active,.theme-color-default.disabled:active,.theme-color-default.disabled:focus,.theme-color-default.disabled:hover,.theme-color-default[disabled],.theme-color-default[disabled].active,.theme-color-default[disabled]:active,.theme-color-default[disabled]:focus,.theme-color-default[disabled]:hover,fieldset[disabled] .theme-color-default,fieldset[disabled] .theme-color-default.active,fieldset[disabled] .theme-color-default:active,fieldset[disabled] .theme-color-default:focus,fieldset[disabled] .theme-color-default:hover {
background-color: #fff;
border-color: #fff; }
.theme-color-default .badge {
color: #fff;
background-color: #000; }
.btn-outline-light {
color: #fff;
background-color: transparent;
border-color: #fff; }
.btn-outline-light.active,.btn-outline-light:active,.btn-outline-light:focus,.btn-outline-light:hover,.open .btn-outline-light.dropdown-toggle {
color: #fff;
background-color: #000;
border-color: #000; }
.btn-outline-light.active,.btn-outline-light:active,.open .btn-outline-light.dropdown-toggle {
background-image: none; }
.btn-outline-light.disabled,.btn-outline-light.disabled.active,.btn-outline-light.disabled:active,.btn-outline-light.disabled:focus,.btn-outline-light.disabled:hover,.btn-outline-light[disabled],.btn-outline-light[disabled].active,.btn-outline-light[disabled]:active,.btn-outline-light[disabled]:focus,.btn-outline-light[disabled]:hover,fieldset[disabled] .btn-outline-light,fieldset[disabled] .btn-outline-light.active,fieldset[disabled] .btn-outline-light:active,fieldset[disabled] .btn-outline-light:focus,fieldset[disabled] .btn-outline-light:hover {
background-color: transparent;
border-color: #fff; }
.btn-outline-light .badge {
color: transparent;
background-color: #fff; }
.btn-light {
color: #000;
background-color: #fff;
border-color: #fff; }
.btn-light.focus,.btn-light:focus {
color: #000;
background-color: #e6e6e6;
border-color: #bfbfbf; }
.btn-light.active,.btn-light:active,.btn-light:hover,.open>.btn-light.dropdown-toggle {
color: #000;
background-color: #e6e6e6;
border-color: #e0e0e0; }
.btn-light.active.focus,.btn-light.active:focus,.btn-light.active:hover,.btn-light:active.focus,.btn-light:active:focus,.btn-light:active:hover,.open>.btn-light.dropdown-toggle.focus,.open>.btn-light.dropdown-toggle:focus,.open>.btn-light.dropdown-toggle:hover {
color: #000;
background-color: #d4d4d4;
border-color: #bfbfbf; }
.btn-light.active,.btn-light:active,.open>.btn-light.dropdown-toggle {
background-image: none; }
.btn-light.disabled,.btn-light.disabled.active,.btn-light.disabled.focus,.btn-light.disabled:active,.btn-light.disabled:focus,.btn-light.disabled:hover,.btn-light[disabled],.btn-light[disabled].active,.btn-light[disabled].focus,.btn-light[disabled]:active,.btn-light[disabled]:focus,.btn-light[disabled]:hover,fieldset[disabled] .btn-light,fieldset[disabled] .btn-light.active,fieldset[disabled] .btn-light.focus,fieldset[disabled] .btn-light:active,fieldset[disabled] .btn-light:focus,fieldset[disabled] .btn-light:hover {
background-color: #fff;
border-color: #fff; }
.btn-light .badge {
color: #fff;
background-color: #000; }
.btn-light.btn-inverse {
color: #000; }
.btn-inverse-light {
color: #000;
background-color: #fff;
border-color: #fff; }
.btn-inverse-light.active,.btn-inverse-light:active,.btn-inverse-light:focus,.btn-inverse-light:hover,.open .btn-inverse-light.dropdown-toggle {
color: #fff;
background-color: transparent;
border-color: #fff; }
.btn-inverse-light.active,.btn-inverse-light:active,.open .btn-inverse-light.dropdown-toggle {
background-image: none; }
.btn-inverse-light.disabled,.btn-inverse-light.disabled.active,.btn-inverse-light.disabled:active,.btn-inverse-light.disabled:focus,.btn-inverse-light.disabled:hover,.btn-inverse-light[disabled],.btn-inverse-light[disabled].active,.btn-inverse-light[disabled]:active,.btn-inverse-light[disabled]:focus,.btn-inverse-light[disabled]:hover,fieldset[disabled] .btn-inverse-light,fieldset[disabled] .btn-inverse-light.active,fieldset[disabled] .btn-inverse-light:active,fieldset[disabled] .btn-inverse-light:focus,fieldset[disabled] .btn-inverse-light:hover {
background-color: #fff;
border-color: #fff; }
.btn-inverse-light .badge {
color: #fff;
background-color: #000; }
.btn-outline {
background: transparent; }
.btn-outline.btn-default {
color: #000; }
.btn-outline.btn-default:hover,.btn-outline.btn-light {
color: #fff; }
.btn-outline.btn-light:hover {
color: #000; }
.btn-outline.btn-primary {
color: #ebba11; }
.btn-outline.btn-primary:hover {
color: #fff; }
.btn-outline.btn-success {
color: #70ba28; }
.btn-outline.btn-success:hover {
color: #fff; }
.btn-outline.btn-info {
color: #04adf0; }
.btn-outline.btn-info:hover {
color: #fff; }
.btn-outline.btn-danger {
color: #e93434; }
.btn-outline.btn-danger:hover {
color: #fff; }
.btn-outline.btn-warning {
color: #f0c73b; }
.btn-outline.btn-warning:hover {
color: #fff; }
.btn-inverse.btn-default:hover {
color: #000;
background: transparent; }
.btn-inverse.btn-light:hover {
color: #fff;
background: transparent; }
.btn-inverse.btn-primary:hover {
color: #ebba11;
background: transparent; }
.btn-inverse.btn-success:hover {
color: #70ba28;
background: transparent; }
.btn-inverse.btn-info:hover {
color: #04adf0;
background: transparent; }
.btn-inverse.btn-danger:hover {
color: #e93434;
background: transparent; }
.btn-inverse.btn-warning:hover {
color: #f0c73b;
background: transparent; }
.btn-3d {
border: 0 none;
box-shadow: inset 0 -5px 0 0 rgba(0,0,0,.15); }
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
/* display none until init */
.owl-carousel {
display: none;
width: 100%;
-ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translateZ(0); }
.owl-carousel .owl-wrapper-outer {
position: relative;
width: 100%;
direction: ltr !important; }
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height .5s ease-in-out;
-moz-transition: height .5s ease-in-out;
-ms-transition: height .5s ease-in-out;
-o-transition: height .5s ease-in-out;
transition: height .5s ease-in-out; }
.owl-carousel .owl-item {
float: left;
padding: 0 15px; }
.owl-controls .owl-buttons div,.owl-controls .owl-page {
cursor: pointer; }
.owl-controls .owl-buttons div {
position: absolute; }
.owl-controls .owl-buttons .owl-prev {
left: 10px;
top: 50%; }
.owl-controls .owl-buttons .owl-next {
right: 10px;
top: 50%; }
/* mouse grab icon */
/* fix */
.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden; }
.owl-carousel .owl-item .gallery-item img,.owl-carousel .owl-wrapper .gallery-item img {
width: 100%; }
/* OpenCart Code */
.owl-carousel {
margin: 0; }
.owl-carousel .owl-buttons div {
opacity: 0;
color: rgba(0,0,0,.8);
text-shadow: 1px 1px 0 hsla(0,0%,100%,.3);
transition: all .3s ease; }
.owl-carousel:hover .owl-buttons div {
opacity: .7; }
.owl-carousel .owl-buttons div i {
font-size: 40px;
margin: -20px 0 0; }
.owl-carousel .owl-buttons .owl-prev {
left: -50px; }
.owl-carousel .owl-buttons .owl-next {
right: -50px; }
.owl-carousel:hover .owl-buttons .owl-prev {
left: 10px; }
.owl-carousel:hover .owl-buttons .owl-next {
right: 10px; }
@media (max-width: 991px) {
.owl-carousel.owl-theme .owl-controls {
display: none; } }
.owl-carousel.owl-theme .owl-controls .owl-pagination {
display: none; }
.owl-carousel.owl-theme .owl-controls .owl-page {
display: inline-block;
margin: 0 10px; }
.owl-carousel.owl-theme .owl-controls .owl-page span {
display: none;
width: 15px;
height: 15px;
background: #e6e6e6;
border-radius: 20px;
opacity: 1;
filter: alpha(opacity=100); }
.owl-carousel.owl-theme .owl-controls .owl-page.active span {
background: #acacac; }
.owl-carousel-play {
margin-left: -15px;
margin-right: -15px; }
.owl-carousel-play .carousel-control {
z-index: 1;
right: 0;
top: 30%;
line-height: 35px;
position: absolute;
-webkit-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
transition: all .5s ease-in-out 0s;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none; }
.owl-carousel-play .carousel-control:focus,.owl-carousel-play .carousel-control:hover {
color: #d0262e;
-webkit-box-shadow: none;
box-shadow: none; }
.carousel-md {
width: 44px;
height: 44px;
line-height: 44px; }
.carousel-sm {
width: 34px;
height: 34px;
line-height: 34px;
font-size: 14px; }
.carousel-xs {
width: 28px;
height: 28px;
line-height: 28px;
font-size: 14px; }
/*Font Weight*/
.fweight-100 {
font-weight: 100 !important; }
.fweight-200 {
font-weight: 200 !important; }
.fweight-300 {
font-weight: 300 !important; }
.fweight-400 {
font-weight: 400 !important; }
.fweight-500 {
font-weight: 500 !important; }
.fweight-600 {
font-weight: 600 !important; }
.fweight-700 {
font-weight: 700 !important; }
.fweight-800 {
font-weight: 800 !important; }
/* text color
------------------------------------------*/
.text-black {
color: #000 !important; }
.text-white {
color: #fff !important; }
.text-lightgray {
color: #f1f1f1 !important; }
.text-lightorange {
color: #ffcd90 !important; }
.text-darkorange {
color: #664401 !important; }
.text-grayishorange {
color: #b8b3ac !important; }
.text-darker {
color: #333 !important; }
.initialism,.text-uppercase {
text-transform: uppercase; }
.text-underline {
text-decoration: underline; }
.text-big {
font-size: 36px !important; }
.text-small {
font-size: 14px !important; }
/*Radius
------------------------------------*/
.radius-0 {
border-radius: 0 !important; }
.radius-x {
border-radius: 50% !important; }
.radius-1x {
border-radius: 10px !important; }
.radius-2x {
border-radius: 20px !important; }
.radius-3x {
border-radius: 30px !important; }
.radius-4x {
border-radius: 40px !important; }
.radius-5x {
border-radius: 50px !important; }
/****/
.heading-v1 {
position: relative;
padding-bottom: 35px;
text-align: center; }
.heading-v1:after,.heading-v1:before {
left: 50%;
width: 80px;
height: 5px;
content: "";
bottom: 0;
position: absolute; }
.heading-v1:before {
margin-left: -80px; }
.heading-v1:after,.heading-v1:before {
background: #d0262e; }
.heading-v2 {
padding-bottom: 35px;
text-align: center;
position: relative; }
.heading-v2:after {
width: 200px;
height: 1px;
z-index: 1;
bottom: 0;
background: #d0262e;
margin-left: -100px; }
.heading-v2:after,.heading-v2:before {
left: 50%;
content: " ";
text-align: center;
position: absolute; }
.heading-v2:before {
width: 12px;
height: 12px;
margin-left: -6px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 2;
bottom: -5px;
background: #fff;
border: 1px solid #d0262e; }
.heading-v3 {
padding-bottom: 35px;
color: #fff !important;
text-align: center;
position: relative; }
.heading-v3:after {
left: 0;
right: 0;
margin: auto;
width: 50px;
height: 2px;
content: " ";
bottom: 0;
background-color: #fff;
position: absolute; }
.heading-v4 {
z-index: 1;
text-align: center;
padding-top: 100px;
position: relative; }
.heading-v4:before {
content: "";
background-color: #70ba28;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.heading-v4:after,.heading-v4:before {
left: 50%;
z-index: -1;
width: 50px;
height: 50px;
top: 11px;
text-align: center;
position: absolute;
margin-left: -25px; }
.heading-v4:after {
line-height: 50px;
content: "\f109";
font-family: FontAwesome;
color: #fff;
font-size: 20px; }
.heading-v5 {
padding-bottom: 30px;
text-align: center;
position: relative; }
.heading-v5:before {
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 0;
-webkit-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-o-transform: skew(-30deg);
letter-spacing: 4px;
content: "\f04d\f04d\f04d\f04d";
font-family: FontAwesome !important;
font-size: 11px;
color: #d0262e; }
.heading-v6 {
position: relative;
margin-bottom: 35px;
text-align: center; }
.heading-v6:after,.heading-v6:before {
content: "\f053";
font-family: FontAwesome;
position: absolute;
top: -16px;
font-size: 18px;
height: 15px;
width: 12px;
overflow: hidden;
border-radius: 5px;
color: #d0262e;
left: 50%;
margin-left: -80px;
transform: rotate(45deg); }
.heading-v6:after {
right: 50%;
margin-right: -80px;
transform: rotate(135deg);
left: inherit; }
.heading-v7 {
padding-bottom: 70px;
text-align: center;
position: relative; }
.heading-v7:before {
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 18px solid #70ba28;
bottom: 20px;
width: 18px;
height: 14px;
margin-left: -18px; }
.heading-v7:after,.heading-v7:before {
content: "";
left: 50%;
position: absolute; }
.heading-v7:after {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 12px solid #fff;
bottom: 24px;
margin-left: -14px;
width: 10px;
height: 8px; }
.heading-v8 {
position: relative;
text-align: center;
padding: 20px 0 25px; }
.heading-v8:after,.heading-v8:before {
content: ".";
font-size: 22px;
left: 50%;
position: absolute;
color: #c1c1c1;
text-shadow: 10px 0 #ddd,-10px 0 #ddd; }
.heading-v8:before {
top: -15px; }
.heading-v8:after {
bottom: 0; }
.contact-me {
text-transform: uppercase;
font-family: Yantramanav;
font-weight: 700;
letter-spacing: -1px; }
.contact-me h2 {
margin-top: 0;
letter-spacing: -2px; }
.contact-me p {
font-weight: 400;
letter-spacing: -1px; }
/***********************/
.blog-carousel .owl-carousel .owl-wrapper-outer,.testimonial-v2 .owl-carousel .owl-wrapper-outer,.testimonial-v3 .owl-carousel .owl-wrapper-outer {
overflow: hidden; }
.blog-carousel .inner {
display: table; }
.blog-carousel .inner>div {
display: block; }
@media (min-width: 1200px) {
.blog-carousel .inner>div {
display: table-cell;
vertical-align: bottom; }
.blog-carousel .inner>div:last-child {
padding-left: 20px; } }
@media (max-width: 1199px) {
.blog-carousel .inner {
display: block; } }
.blog-carousel .testimonials {
border: 0; }
.blog-carousel .testimonials:hover {
-webkit-box-shadow: none;
box-shadow: none; }
.blog-carousel .testimonials .testimonials-description {
color: #666;
padding-top: 30px; }
@media (max-width: 1199px) {
.blog-carousel .testimonials .testimonials-description {
padding-top: 0; } }
.blog-carousel .testimonials .testimonials-description .kc_column {
padding-right: 0;
padding-left: 0; }
.blog-carousel .testimonials .content-image:hover:before,.blog-carousel .testimonials .image:hover:before {
background: #d0262e; }
.testimonial-collection .owl-carousel .owl-wrapper-outer {
overflow: hidden; }
.testimonial-collection .testimonials .testimonials-description {
font-size: 20px; }
.testimonial-v1 .testimonials {
text-align: center; }
@media screen and (min-width: 991px) {
.testimonial-v1 .testimonials {
padding: 0 190px; } }
.testimonial-v1 .testimonials .testimonials-description {
color: #333; }
.testimonial-v2 .testimonials-description {
padding: 60px 0 20px !important; }
.testimonial-v2 .testimonials-description .kc-container {
padding: 0; }
.testimonial-v2 .testimonials-description:before {
top: 0;
bottom: auto !important;
width: 40px;
height: 40px;
line-height: 40px !important;
padding: 0 !important;
text-align: center; }
.testimonial-v3 {
text-align: left; }
.testimonial-v3 .testimonials {
padding: 0 140px; }
@media (max-width: 991px) {
.testimonial-v3 .testimonials {
padding: 0 20px; } }
.testimonial-v3 .testimonials .testimonials-name a {
color: #ebba11; }
.testimonial-v3 .testimonials .testimonials-description {
color: #fff;
position: relative;
padding: 30px 0 0 20px; }
@media (max-width: 767px) {
.testimonial-v3 .testimonials .testimonials-description {
padding: 0; } }
.testimonial-v3 .carousel-control {
top: 50%;
display: none; }
.testimonial-v3:hover .carousel-control {
display: block; }
.testimonial-v3 .media-left {
position: relative;
color: #999;
font-weight: 500;
vertical-align: bottom; }
@media (min-width: 767px) {
.testimonial-v3 .media-left {
width: 24%;
background: url(../images/rectangle7-1.png) no-repeat scroll 100%; } }
@media (max-width: 767px) {
.testimonial-v3 .media-left {
display: inline-block; } }
.testimonial-v3 .media-left .image:before {
background: #ebba11; }
.testimonial-v5 .testimonials .testimonials-description {
padding: 0; }
.testimonial-v4 .owl-carousel-play .carousel-controls,.testimonial-v5 .owl-carousel-play .carousel-controls {
position: absolute;
right: 0;
margin-top: 40px; }
.testimonial-v4 .owl-carousel-play .carousel-controls .carousel-control,.testimonial-v5 .owl-carousel-play .carousel-controls .carousel-control {
background: #fff;
left: auto;
width: 50px;
height: 40px;
line-height: 35px; }
.testimonial-v4 .owl-carousel-play .carousel-controls .carousel-control i,.testimonial-v5 .owl-carousel-play .carousel-controls .carousel-control i {
padding: 10px;
font-size: 24px;
line-height: 20px; }
.testimonial-v4 .owl-carousel-play .carousel-controls .carousel-control.right,.testimonial-v5 .owl-carousel-play .carousel-controls .carousel-control.right {
top: -40px; }
.testimonial-v4 .testimonials .inner {
display: flex;
align-items: end; }
.testimonial-v4 .info {
margin-left: 20px; }
.testimonial-v4 .info p {
margin-bottom: 0; }
.testimonial-v4 .testimonials-description {
margin: 0 -15px; }
.testimonials {
/* border: 1px solid $border-color;
@include border-radius(3px);
padding:20px;
padding-top:30px;
margin-bottom: 20px;
position: relative; */ }
.testimonials .testimonials-description {
/* margin-bottom: 30px;
z-index: 1; */
padding: 30px 0; }
.testimonials .testimonials-description p {
line-height: 30px; }
.testimonials .testimonials-name {
font-size: 18px;
color: #000;
padding-top: 12px;
margin-bottom: 0; }
.testimonials .testimonials-position a {
font-size: 12px;
line-height: 24px; }
/* .testimonial-v2 {
.testimonials {
.image{
@extend %content_img;
display: table-cell;
img{width:100%;}
}
}
.owl-carousel-play .carousel-controls{
position: absolute;
right: 15px;
width: 30px;
margin-top:40px;
.carousel-control{
top: 0%;
right: -5px;
i{padding:10px;font-size: 24px;line-height: 20px;}
&.left{
padding-top: 40px;
}
&.right{
}
}
}
} */
/** SOCIAL ICONS ***/
.social .fa {
font-size: 13px;
display: inline-block;
text-align: center;
line-height: normal;
background: transparent; }
.social .fa:hover {
color: #d0262e; }
.social a+a {
margin-left: 20px; }
.icon-round {
width: 46px;
height: 46px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
background: #f7f7f7;
color: #999;
line-height: 46px !important;
text-align: center; }
.icon-round:hover {
background: #d0262e;
color: #fff; }
.bo-social-icons [class^=bo-social-] {
display: inline-block;
margin-right: 30px;
font-size: 18px;
color: #a5a5a5;
-webkit-transition: all .2s ease-out 0s;
-o-transition: all .2s ease-out 0s;
transition: all .2s ease-out 0s; }
.bo-social-icons [class^=bo-social-]:hover {
color: #d0262e; }
/* --- SCSS For Typography --- */
.dropcap {
color: #000;
float: left;
font-weight: 800;
line-height: 48px;
width: 60px;
height: 60px;
margin-right: 10px;
padding: 3px 10px 2px;
text-transform: uppercase;
text-align: center;
font-size: 48px; }
.dropcap.dropcap-v2 {
color: #fff;
background: #ebba11; }
.dropcap.dropcap-info {
background: #04adf0; }
.dropcap.dropcap-danger {
background: #e93434; }
.dropcap.dropcap-success {
background: #70ba28; }
.dropcap.dropcap-warning {
background: #f0c73b; }
blockquote {
padding: 20px;
font-size: 24px;
border-left: 3px solid #d3d3d3;
margin: 20px 0; }
blockquote p {
line-height: 36px; }
blockquote.blockquote-left i {
left: 17px;
margin-right: 10px; }
blockquote.blockquote-right {
border-left: none;
border-right: 2px solid #d0262e;
padding-left: 30px;
padding-right: 20px;
text-align: right; }
blockquote.blockquote-right i {
right: 17px;
margin-left: 10px; }
blockquote.blockquote-right .blockquote-in {
margin-right: 45px; }
blockquote.blockquote-brd {
padding: 15px;
border: 1px solid #ebba11; }
blockquote.blockquote-brd i {
color: #000;
top: 30px;
left: 25px;
position: absolute; }
blockquote.blockquote-brd .blockquote-in {
margin-left: 45px; }
blockquote.blockquote-info {
border-color: #04adf0; }
blockquote.blockquote-danger {
border-color: #e93434; }
blockquote.blockquote-success {
border-color: #70ba28; }
blockquote.blockquote-warning {
border-color: #f0c73b; }
blockquote.border {
border: 1px solid #ddd; }
ul.list {
font-size: 14px; }
ul.list i {
padding-right: 10px; }
ul.list li {
padding: 10px 0;
display: block; }
ul.list.list-border li {
border-bottom: 1px solid #e5e5e5; }
ul.list.list-light li a,ul.list.list-light li i {
color: #fff; }
ul.list.list-style-circle li,ul.list.list-style-disc li {
position: relative;
padding-left: 20px; }
ul.list.list-style-circle li:before,ul.list.list-style-disc li:before {
font-family: FontAwesome;
font-size: 10px;
left: 0;
position: absolute;
top: 15px; }
ul.list.list-style-circle.list-light li:before,ul.list.list-style-disc.list-light li:before {
color: #fff; }
ul.list.list-style-circle li:before {
content: "\f10c"; }
ul.list.list-style-disc li:before {
content: "\f111"; }
ul.list.list-style-square li {
position: relative;
padding-left: 20px; }
ul.list.list-style-square li:before {
content: "";
top: 20px;
left: 0;
position: absolute;
width: 6px;
height: 6px;
background-color: #666; }
ul.list.list-style-square.list-light li:before {
color: #fff; }
ul.list.list-style-number {
counter-reset: a;
list-style: outside none decimal; }
ul.list.list-style-number li {
display: block;
padding-left: 25px; }
ul.list.list-style-number li:before {
content: counter(a,decimal);
counter-increment: a;
left: 15px;
position: absolute; }
ul.list.list-style-number.list-light li:before {
color: #fff; }
ul.list.list-v1 {
background: #f7f7f7; }
ul.list.list-v1 li+li {
border-top: 1px solid #ebebeb; }
ul.list.list-v1 i {
font-size: 12px; }
ul.list.list-v1 a {
font-weight: 700;
font-size: 14px;
text-transform: uppercase; }
ul.list.list-v1 li {
padding: 10px 20px; }
ul.list.list-v1 li:hover {
background: #000; }
ul.list.list-v1 li:hover a {
color: #d0262e; }
ul.list.no-padding li {
padding: 0; }
/* --- SCSS For keyframes --- */
@-webkit-keyframes b {
50% {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0); }
51% {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0); }
52% {
opacity: 1;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0); }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
@keyframes b {
50% {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0); }
51% {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0); }
52% {
opacity: 1;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0); }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
/* Wobble Skew */
/*************************************/
.pricing {
text-align: center;
background: #fff;
border: 1px solid #dedede;
margin-bottom: 30px; }
.pricing:hover {
border-color: #d0262e; }
.pricing:hover .plan-price-inner .plan-figure,.pricing:hover .plan-price-inner p {
-webkit-animation: b .4s forwards;
animation: b .4s forwards;
-webkit-animation-timing-function: cubic-bezier(.7,0,.3,1);
animation-timing-function: cubic-bezier(.7,0,.3,1); }
.pricing:hover .plan-price-inner p {
-webkit-animation-delay: .05s;
animation-delay: .05s; }
.pricing .recommend {
display: none; }
.pricing .plan-title {
font-size: 24px;
font-weight: 300;
margin: 0;
padding: 30px 0 15px; }
.pricing .plan-figure {
font-size: 48px;
font-weight: 300;
color: #000;
font-size: 36px;
line-height: 36px;
font-weight: 700;
padding: 0 30px;
color: #d0262e;
display: inline-block; }
.pricing .plan-price-inner {
display: inline-block;
overflow: hidden;
z-index: 10;
position: relative;
background: #fff; }
.pricing .plan-price-inner p {
font-family: Yantramanav;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 2px;
color: #999;
font-size: 10px;
margin-top: -10px;
display: block; }
.pricing .inverse {
padding: 15px 40px;
color: #fff;
background-color: #ebba11;
border-color: #ebba11; }
.pricing .inverse.focus,.pricing .inverse:focus {
color: #fff;
background-color: #bb940e;
border-color: #745c08; }
.open>.pricing .inverse.dropdown-toggle,.pricing .inverse.active,.pricing .inverse:active,.pricing .inverse:hover {
color: #fff;
background-color: #bb940e;
border-color: #b28d0d; }
.open>.pricing .inverse.dropdown-toggle.focus,.open>.pricing .inverse.dropdown-toggle:focus,.open>.pricing .inverse.dropdown-toggle:hover,.pricing .inverse.active.focus,.pricing .inverse.active:focus,.pricing .inverse.active:hover,.pricing .inverse:active.focus,.pricing .inverse:active:focus,.pricing .inverse:active:hover {
color: #fff;
background-color: #9a7a0b;
border-color: #745c08; }
.open>.pricing .inverse.dropdown-toggle,.pricing .inverse.active,.pricing .inverse:active {
background-image: none; }
.pricing .inverse.disabled,.pricing .inverse.disabled.active,.pricing .inverse.disabled.focus,.pricing .inverse.disabled:active,.pricing .inverse.disabled:focus,.pricing .inverse.disabled:hover,.pricing .inverse[disabled],.pricing .inverse[disabled].active,.pricing .inverse[disabled].focus,.pricing .inverse[disabled]:active,.pricing .inverse[disabled]:focus,.pricing .inverse[disabled]:hover,fieldset[disabled] .pricing .inverse,fieldset[disabled] .pricing .inverse.active,fieldset[disabled] .pricing .inverse.focus,fieldset[disabled] .pricing .inverse:active,fieldset[disabled] .pricing .inverse:focus,fieldset[disabled] .pricing .inverse:hover {
background-color: #ebba11;
border-color: #ebba11; }
.pricing .inverse .badge {
color: #ebba11;
background-color: #fff; }
.pricing .plan-price {
position: relative; }
.pricing .plan-price:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #e2e2e2;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
margin: auto; }
.pricing .pricing-body {
line-height: 40px;
margin: 25px; }
.pricing .membership-add-to-purchase br {
display: none; }
.pricing .plan-currency {
font-size: 30px;
font-weight: 300; }
.pricing .plain-info li {
font-size: 16px;
color: #000;
font-weight: 300;
background: #f8f8f8;
padding: 14px 0; }
.pricing .plain-info li:nth-child(odd) {
background: #fff; }
.pricing .pricing-footer {
padding: 0 20px 40px; }
.pricing.featured-plan {
position: relative; }
.pricing.featured-plan:after {
content: "";
position: absolute;
border-top: 35px solid #d0262e;
border-bottom: 35px solid transparent;
border-right: 35px solid #d0262e;
border-left: 35px solid transparent;
right: 0;
top: 0; }
.pricing.featured-plan:before {
font-family: FontAwesome;
content: "\f005";
position: absolute;
right: 15px;
color: #fff;
top: 10px;
z-index: 10; }
/* give report */
.chart {
position: absolute;
width: 200px;
height: 400px;
top: 0;
left: 15px;
bottom: 0;
margin: auto; }
@media (max-width: 768px) {
.chart {
right: 30px; } }
.doughnutSummary {
margin-left: 0 !important;
margin-top: -50px !important; }
.doughnutSummaryTitle {
font-size: 14px !important;
color: #acacac; }
.doughnutSummaryNumber {
margin-top: 15px;
font-size: 24px;
font-weight: 700;
color: #000; }
.kc-give-chart-wrapper {
padding-left: 50px; }
@media (min-width: 768px) {
.kc-give-chart-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex; } }
.kc-give-chart-wrapper .chart-wrapper {
height: 320px;
position: relative; }
@media (min-width: 768px) {
.kc-give-chart-wrapper .chart-wrapper {
width: 70%; } }
.kc-give-chart-wrapper .list-label-chart {
padding: 0 15px;
margin-bottom: 30px; }
@media (min-width: 768px) {
.kc-give-chart-wrapper .list-label-chart {
width: 30%; } }
@media (max-width: 768px) {
.kc-give-chart-wrapper .list-label-chart {
text-align: center; } }
.kc-give-chart-wrapper .list-label-chart ul li+li {
margin-top: 20px; }
.kc-give-chart-wrapper .list-label-chart ul li span.text {
color: #acacac;
font-size: 14px;
max-width: 200px;
display: block;
line-height: 1.2; }
.kc-give-chart-wrapper .list-label-chart ul li .Yellow:before {
content: "\f111";
font-family: FontAwesome;
margin-right: 5px;
font-size: 10px;
color: #ffae02; }
.kc-give-chart-wrapper .list-label-chart ul li .Green:before {
content: "\f111";
font-family: FontAwesome;
margin-right: 5px;
font-size: 10px;
color: #3dbc79; }
.kc-give-chart-wrapper .list-label-chart ul li .Grey:before {
content: "\f111";
font-family: FontAwesome;
margin-right: 5px;
font-size: 10px;
color: #e1e1e1; }
.kc-give-chart-wrapper .list-label-chart ul li .Blue:before {
content: "\f111";
font-family: FontAwesome;
margin-right: 5px;
font-size: 10px;
color: #3080e3; }
.kc-give-chart-wrapper .list-label-chart ul li span.number {
font-size: 24px;
margin-top: 10px;
font-weight: 700;
min-width: 85px; }
/* our team */
/********** team ************/
.team-list .items-team {
padding-bottom: 30px; }
.team-list .items-team .team-name {
font-size: 14px;
text-transform: uppercase; }
.team-list .items-team p {
line-height: 25px; }
.team-list .items-team .team-content {
padding-top: 35px;
padding-bottom: 35px; }
.team-list .items-team .description {
padding: 15px 0 30px;
position: relative; }
.team-list .items-team .description:before {
content: "";
position: absolute;
left: 0;
bottom: 20px;
background: #d0262e;
width: 30px;
height: 1px; }
.team-list .items-team .social-icons a {
padding-right: 15px; }
.team-v2 .items-team {
margin-bottom: 30px; }
.team-v2 .items-team img {
margin-right: 20px; }
.team-v2 .items-team .team-header {
float: left; }
.team-v2 .items-team .team-body {
position: static;
border: 0;
padding: 0 0 0 80px; }
.items-team .team-header {
position: relative; }
.items-team .team-header:before {
width: 100%;
top: 0;
background: rgba(0,0,0,.5);
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
content: "";
height: 100%;
left: 0;
pointer-events: none;
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s; }
.items-team .team-name {
font-size: 16px;
margin-top: 0;
margin-bottom: 5px; }
.items-team .team-body {
padding: 20px 0;
bottom: 8px;
width: 100%;
border-radius: 5;
-webkit-border-radius: 5;
-moz-border-radius: 5;
-ms-border-radius: 5;
-o-border-radius: 5; }
.items-team .job {
font-size: 12px;
line-height: 20px;
color: #d0262e; }
.items-team .bo-social-icons {
left: 50%;
top: 50%;
margin: 0 -50% 0 0;
padding: 0;
position: absolute;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
transition: all .4s ease 0s;
opacity: 0;
filter: alpha(opacity=0); }
.items-team .bo-social-icons>a {
display: inline-block;
margin: 0 auto;
line-height: 40px;
background: #fff;
text-align: center;
min-width: 40px;
min-height: 40px;
margin: 0 3px; }
.items-team:hover .team-header .bo-social-icons,.items-team:hover .team-header:before {
opacity: 1;
filter: alpha(opacity=100); }
.items-team:hover .team-header .bo-social-icons:before {
width: 120px;
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s; }
.items-team:hover .team-header .bo-social-icons a {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.team-single .team {
border-bottom: 1px solid #999;
padding-bottom: 70px;
padding-top: 20px; }
.team-single .team-job {
border-bottom: 1px solid #999;
padding-bottom: 10px; }
.team-single .team-job .team-title {
font-size: 20px;
margin-bottom: 0;
margin-top: 10px; }
.team-single .team-job span {
font-size: 12px;
line-height: 30px;
color: #d0262e; }
.team-single .team-body {
display: table-cell; }
.team-single .link-social a {
padding: 10px;
color: #999;
display: inline-block; }
.team-single .link-social a:hover {
color: #d0262e;
text-align: center;
border: 1px solid #d0262e;
border-radius: 50%;
width: 30px;
height: 30px;
padding: 5px 8px; }
.team-single ul.metabox {
list-style: none;
padding: 0;
margin-top: 15px; }
.team-single ul.metabox li {
font-size: 14px;
line-height: 24px; }
.team-single ul.metabox li span {
text-transform: uppercase;
font-size: 12px; }
.team-single ul.metabox li p {
color: #000;
margin-bottom: 5px; }
.blogv1 a {
color: #fff; }
.blogv1 a:hover {
color: #d0262e; }
.blogv1 .entry-date,.blogv1 .entry-meta .fa {
color: #fff; }
.effect-v1 {
text-align: center; }
.effect-v1 img {
opacity: .1;
filter: alpha(opacity=10);
-webkit-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
transition: all .5s ease-in-out 0s; }
.effect-v1:hover img {
opacity: 1;
filter: alpha(opacity=100); }
.effect-style1 {
width: 185px !important;
height: 185px !important;
/* style for hover */ }
.effect-style1:before {
content: "";
background: #312f3a;
width: 100%;
height: 100%;
z-index: 0;
-webkit-box-shadow: none;
box-shadow: none; }
.effect-style1 img,.effect-style1:before {
position: absolute;
top: 0;
left: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; }
.effect-style1 img {
width: 50px;
z-index: 1;
right: 0;
bottom: 0;
margin: auto; }
.effect-style1:hover:before {
z-index: 3;
top: -30px;
left: -30px;
width: 244px;
height: 244px;
-webkit-box-shadow: 0 5px 20px 0 rgba(171,179,194,.25);
box-shadow: 0 5px 20px 0 rgba(171,179,194,.25);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px; }
.effect-style1:hover:before,.effect-style1:hover img {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; }
.effect-style1:hover img {
width: 100px;
z-index: 4; }
/* effect-v2*/
.effect-style2 {
width: 185px !important;
height: 185px !important;
/* style for hover */ }
.effect-style2:before {
content: "";
background: #d0262e;
width: 100%;
height: 100%;
z-index: 0;
-webkit-box-shadow: none;
box-shadow: none; }
.effect-style2 img,.effect-style2:before {
position: absolute;
top: 0;
left: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; }
.effect-style2 img {
width: 50px;
z-index: 1;
right: 0;
bottom: 0;
margin: auto; }
.effect-style2:hover:before {
z-index: 3;
top: -30px;
left: -30px;
width: 244px;
height: 244px;
-webkit-box-shadow: 0 5px 20px 0 rgba(171,179,194,.25);
box-shadow: 0 5px 20px 0 rgba(171,179,194,.25);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px; }
.effect-style2:hover:before,.effect-style2:hover img {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; }
.effect-style2:hover img {
width: 100px;
z-index: 4; }
/* effect-v3*/
.effect-style3 {
width: 185px !important;
height: 185px !important;
border: 1px solid #eff4f6;
/* style for hover */ }
.effect-style3:before {
content: "";
background: #fff;
width: 100%;
height: 100%;
z-index: 0;
-webkit-box-shadow: none;
box-shadow: none; }
.effect-style3 img,.effect-style3:before {
position: absolute;
top: 0;
left: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; }
.effect-style3 img {
width: 50px;
z-index: 1;
right: 0;
bottom: 0;
margin: auto; }
.effect-style3:hover:before {
z-index: 3;
top: -30px;
left: -30px;
width: 244px;
height: 244px;
-webkit-box-shadow: 0 5px 20px 0 rgba(171,179,194,.25);
box-shadow: 0 5px 20px 0 rgba(171,179,194,.25);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px; }
.effect-style3:hover:before,.effect-style3:hover img {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; }
.effect-style3:hover img {
width: 100px;
z-index: 4; }
.effect-v2 {
background-color: #000;
overflow: hidden;
position: relative;
/* style for hover */ }
.effect-v2:before {
border: 1px solid #fff;
bottom: 20px;
content: "";
left: 20px;
position: absolute;
right: 20px;
top: 20px;
-webkit-transform: translate3d(-20px,0,0);
transform: translate3d(-20px,0,0);
opacity: 0;
filter: alpha(opacity=0);
z-index: 1; }
.effect-v2 img,.effect-v2:before {
-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
-o-transition: opacity .35s ease 0s,transform .35s ease 0s;
transition: opacity .35s ease 0s,transform .35s ease 0s; }
.effect-v2 img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.effect-v2 .action {
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
-o-transition: opacity .35s ease 0s,transform .35s ease 0s;
transition: opacity .35s ease 0s,transform .35s ease 0s; }
.effect-v2:hover:before {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.effect-v2:hover img {
opacity: .7;
filter: alpha(opacity=70);
-webkit-transform: scaleX(1.2);
-ms-transform: scaleX(1.2);
-o-transform: scaleX(1.2);
transform: scaleX(1.2); }
.effect-v2:hover .action {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
filter: alpha(opacity=100); }
/* effect-v3*/
.effect-v3 {
background-color: #000;
overflow: hidden;
border-bottom: 1px solid #e1e1e1;
position: relative;
/* style for hover */ }
.effect-v3:after,.effect-v3:before {
bottom: 20px;
content: "";
left: 20px;
opacity: 0;
position: absolute;
right: 20px;
top: 20px;
-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
-o-transition: opacity .35s ease 0s,transform .35s ease 0s;
transition: opacity .35s ease 0s,transform .35s ease 0s;
z-index: 1; }
.effect-v3:before {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0); }
.effect-v3:after {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0); }
.effect-v3 img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity .35s ease 0s;
-o-transition: opacity .35s ease 0s;
transition: opacity .35s ease 0s;
width: 100%; }
.effect-v3 .banner-title {
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);
-webkit-transition: transform .35s ease 0s;
-o-transition: transform .35s ease 0s;
transition: transform .35s ease 0s; }
.effect-v3 .action {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
-o-transition: opacity .35s ease 0s,transform .35s ease 0s;
transition: opacity .35s ease 0s,transform .35s ease 0s; }
.effect-v3:hover:after,.effect-v3:hover:before {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.effect-v3:hover img {
opacity: .5;
filter: alpha(opacity=50); }
.effect-v3:hover .action,.effect-v3:hover .banner-title {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateZ(0);
transform: translateZ(0); }
/* effect-v4*/
.effect-v4 {
background-color: #fff;
overflow: hidden;
position: relative;
/* style for hover */ }
.effect-v4,.effect-v4:before {
-webkit-box-shadow: 0 0 0 30px hsla(0,0%,100%,.2);
box-shadow: 0 0 0 30px hsla(0,0%,100%,.2); }
.effect-v4:before {
border: 2px solid #fff;
bottom: 20px;
content: "";
left: 20px;
opacity: 0;
position: absolute;
right: 20px;
top: 20px;
-webkit-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
-o-transition: opacity .35s ease 0s,transform .35s ease 0s;
transition: opacity .35s ease 0s,transform .35s ease 0s;
z-index: 1; }
.effect-v4 img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity .35s ease 0s;
-o-transition: opacity .35s ease 0s;
transition: opacity .35s ease 0s; }
.effect-v4 .banner-title {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: transform .35s ease 0s;
-o-transition: transform .35s ease 0s;
transition: transform .35s ease 0s; }
.effect-v4 .action {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
-o-transition: opacity .35s ease 0s,transform .35s ease 0s;
transition: opacity .35s ease 0s,transform .35s ease 0s; }
.effect-v4:hover:before {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.effect-v4:hover img {
opacity: .5;
filter: alpha(opacity=50); }
.effect-v4:hover .banner-title {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
-o-transform: scale(.95);
transform: scale(.95); }
.effect-v4:hover .action {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
/* effect-v5*/
.effect-v5 {
background-color: #000;
overflow: hidden;
position: relative;
/* style for hover */ }
.effect-v5 img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 1s ease 0s,transform 1s ease 0s;
-o-transition: opacity 1s ease 0s,transform 1s ease 0s;
transition: opacity 1s ease 0s,transform 1s ease 0s; }
.effect-v5 .action {
transform: translate3d(-150%,0,0);
-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
-o-transition: opacity .35s ease 0s,transform .35s ease 0s;
transition: opacity .35s ease 0s,transform .35s ease 0s; }
.effect-v5:hover img {
opacity: .5;
filter: alpha(opacity=50);
transform: scale3d(1.1,1.1,1); }
.effect-v5:hover .action {
opacity: 1;
filter: alpha(opacity=100);
transform: scale3d(1.1,1.1,1);
transform: translateZ(0); }
/* effect-v6*/
.effect-v6 {
background-color: #000;
overflow: hidden;
position: relative;
/* style for hover */ }
.effect-v6 img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity .35s ease 0s;
-o-transition: opacity .35s ease 0s;
transition: opacity .35s ease 0s; }
.effect-v6 .action {
transform: translate3d(0,-100px,0);
transition: opacity .35s ease 0s,transform .35s ease 0s;
opacity: 0; }
.effect-v6:hover img {
opacity: .5;
filter: alpha(opacity=50); }
.effect-v6:hover .action {
opacity: 1;
transform: translateZ(0); }
/* effect-v7*/
.effect-v7 {
overflow: hidden;
position: relative;
/* style for hover */ }
.effect-v7:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .4s cubic-bezier(.94,.85,.1,.62) 0s;
-o-transition: all .4s cubic-bezier(.94,.85,.1,.62) 0s;
transition: all .4s cubic-bezier(.94,.85,.1,.62) 0s;
z-index: 1;
border: 200px double transparent;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible; }
.effect-v7:hover:before {
opacity: 0;
filter: alpha(opacity=0);
border: 0 double hsla(0,0%,100%,.7);
visibility: hidden; }
/* effect-v8*/
.effect-v8 {
overflow: hidden;
position: relative;
/* style for hover */ }
.effect-v8:before {
border-bottom: 50px solid hsla(0,0%,100%,.4);
border-top: 50px solid hsla(0,0%,100%,.4);
content: "";
height: 100%;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
transform: rotate(45deg) scaleY(0);
-o-transform: rotate(45deg) scaleY(0);
-webkit-transform: rotate(45deg) scaleY(0);
-moz-transform: rotate(45deg) scaleY(0);
-ms-transform: rotate(45deg) scaleY(0);
-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
-o-transition: opacity .35s ease 0s,transform .35s ease 0s;
transition: opacity .35s ease 0s,transform .35s ease 0s;
transform-origin: 50% 50% 0;
width: 100%; }
.effect-v8:hover:before {
opacity: 1;
filter: alpha(opacity=100);
transform: rotate(45deg) scaleY(4);
-o-transform: rotate(45deg) scaleY(4);
-webkit-transform: rotate(45deg) scaleY(4);
-moz-transform: rotate(45deg) scaleY(4);
-ms-transform: rotate(45deg) scaleY(4); }
/* effect-v9*/
.effect-v9 {
overflow: hidden;
position: relative;
/* style for hover */ }
.effect-v9:before {
border: 50px solid transparent;
border-top-right-radius: 50px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
left: 0;
right: 0;
bottom: 0;
margin: auto;
position: absolute;
top: 0;
content: "";
opacity: 1;
filter: alpha(opacity=100);
width: 100px;
height: 100px;
-webkit-transform: scale(7);
-ms-transform: scale(7);
-o-transform: scale(7);
transform: scale(7);
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
visibility: visible;
z-index: 1; }
.effect-v9:hover:before {
border: 0 solid rgba(0,0,0,.7);
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden; }
/* effect-v10*/
.effect-v10 {
overflow: hidden;
position: relative;
/* style for hover */ }
.effect-v10:before {
background-color: hsla(0,0%,100%,.2);
display: block;
width: 100%;
height: 100%;
left: -100%;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
content: "";
z-index: 1; }
.effect-v10:hover:before {
left: 0;
opacity: 1;
filter: alpha(opacity=100); }
/* effect-v11*/
.effect-default {
overflow: hidden;
position: relative;
display: block !important; }
.effect-default:before {
background: hsla(0,0%,100%,.1) none repeat scroll 0 0;
content: "";
display: inline-block;
height: 559px;
position: absolute;
right: 755px;
top: 0;
-webkit-transform: skew(-45deg);
-moz-transform: skew(-45deg);
-ms-transform: skew(-45deg);
-o-transform: skew(-45deg);
transform: skew(-45deg);
-webkit-transition: all .6s ease-in-out 0s;
-o-transition: all .6s ease-in-out 0s;
transition: all .6s ease-in-out 0s;
width: 600px; }
.effect-default:hover:before {
right: -900px; }
.feature-box {
font-size: 18px;
line-height: 30px; }
.feature-box h4 {
margin: 30px 0 10px;
font-family: Poppins;
letter-spacing: -1px; }
.feature-box .fbox-icon {
color: #000;
font-size: 30px;
margin: 0; }
.feature-box .fbox-img {
-webkit-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
color: #d0262e;
display: inline-block; }
.feature-box .button-link a {
text-transform: uppercase;
font-size: 12px;
letter-spacing: -.5px;
color: #d0262e; }
.feature-box .button-link a:hover {
background: transparent;
color: #000; }
.feature-box .button-link a:after {
margin-left: 5px;
content: "\f01d";
font-family: FontAwesome;
font-size: 12px;
font-weight: 300; }
.feature-box-v1 .fbox-icon {
background: #f1f4fb;
color: #d0262e;
width: 62px;
height: 62px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
-webkit-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
line-height: 62px;
text-align: center;
margin-bottom: 15px; }
.feature-box-v1+.feature-box-v1 {
margin-top: 40px; }
.feature-box-v1:hover .fbox-icon {
-webkit-box-shadow: 0 0 0 62px #d0262e inset;
box-shadow: inset 0 0 0 62px #d0262e;
color: #fff;
-webkit-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s; }
@media (max-width: 767px) {
.feature-box-v1 {
text-align: center;
margin-bottom: 20px;
padding: 20px 0; }
.feature-box-v1:hover {
box-shadow: 0 5px 20px 0 rgba(171,179,194,.25);
border: 1px solid #eff4f6; } }
.feature-box-v1 .description {
color: #000; }
.feature-box-v1 .fbox-img {
overflow: hidden;
position: relative; }
.feature-box-v1 .fbox-img img {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; }
.feature-box-v1 .fbox-img img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.feature-box-v2 {
display: table; }
.feature-box-v2 .fbox-icon {
font-size: 16px;
color: #d0262e; }
.feature-box-v2 .fbox-icon+.fbox-content {
padding-left: 10px; }
.feature-box-v2 .fbox-img+.fbox-content {
padding-left: 20px; }
.feature-box-v2 .fbox-img {
-webkit-transition: all .2s ease-out 0s;
-o-transition: all .2s ease-out 0s;
transition: all .2s ease-out 0s;
position: relative; }
.feature-box-v2>div {
display: table-cell;
vertical-align: top; }
.feature-box-v2:hover .fbox-img {
padding: 10px 0; }
.feature-box-v3 {
text-align: center;
padding: 30px;
color: #fff; }
@media (min-width: 1199px) {
.feature-box-v3 {
padding: 50px 140px; } }
.feature-box-v3 h4 {
color: #fff;
margin-top: 10px; }
.feature-box-v3 .button-link a {
color: #fff; }
.feature-box-v3 .fbox-content,.feature-box-v3 .fbox-icon {
display: inline-block; }
.feature-box-v3 .fbox-icon {
margin-right: 20px; }
.feature-box-v3 .fbox-img {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.feature-box-v3:hover .fbox-img {
-webkit-animation-name: c;
animation-name: c;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1; }
@-webkit-keyframes c {
50% {
-webkit-transform: scale(.5);
transform: scale(.5); } }
@keyframes c {
50% {
-webkit-transform: scale(.5);
transform: scale(.5); } }
.nav-tabs {
margin-bottom: 40px; }
.nav-tabs>li {
float: none;
display: inline-block; }
.nav-tabs>li>a {
text-transform: uppercase;
font-size: 12px;
color: #fff; }
.download_service {
border: 1px solid #e1e1e1;
border-left: 3px solid #ebba11;
margin-top: 12px; }
.download_service .download {
padding: 16px 0;
padding-left: 55px;
color: #000;
font-size: 14px;
position: relative;
display: block;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s; }
.download_service .download:hover {
-webkit-box-shadow: inset 0 0 0 30px #ebba11;
box-shadow: inset 0 0 0 30px #ebba11;
color: #fff; }
.download_service .download:before {
position: absolute;
content: "";
top: 10px;
left: 20px;
width: 32px;
height: 42px;
background: url(../images/pdf.png) no-repeat 0 0; }
.download_service .download i {
font-size: 14px; }
.flickr-gallery {
padding-top: 10px; }
.flickr-gallery .flickr_badge_image {
float: left;
padding: 2px; }
.about-signer1:before {
color: hsla(0,0%,100%,.1);
text-align: left;
float: left;
width: 100%;
padding-bottom: 30px;
padding-top: 10px; }
.about-signer1:before,.about-signer:before {
content: "\f10d";
font-size: 48px;
line-height: 20px;
font-family: FontAwesome; }
.about-signer:before {
color: #ebebeb; }
.about-signer.black:before {
color: rgba(0,0,0,.4); }
.about-signer.white:before {
color: hsla(0,0%,100%,.2); }
.about-signer.white p {
padding: 20px 0 0;
margin: 0; }
.about-signer p {
padding-left: 60px;
margin-top: -48px; }
.details ol li {
line-height: 30px;
color: #000;
font-weight: 300;
font-family: Poppins; }
.details p {
font-family: Roboto; }
body.kingcomposer h1.page-title {
display: none; }
@media (min-width: 768px) {
.entry-content-page>.kc_row>.kc-row-container.kc-container {
max-width: 780px; } }
@media (min-width: 992px) {
.entry-content-page>.kc_row>.kc-row-container.kc-container {
max-width: 1000px; } }
@media (min-width: 1200px) {
.entry-content-page>.kc_row>.kc-row-container.kc-container {
max-width: 1200px; } }
.kc_single_image p.scapt {
margin-top: 20px;
font-family: Yantramanav;
font-weight: 700;
color: #000; }
.kc_single_image p.scapt small {
display: block;
font-family: Yantramanav;
font-size: 14px;
font-weight: 300;
letter-spacing: 2px; }
.kc_tabs.hightlight .ui-tabs {
border: none; }
.kc_tabs.hightlight .kc_tab.ui-tabs-body-active {
padding: 0;
background: transparent;
margin-top: 20px; }
.kc_tabs.hightlight .kc_tab .kc_tab_content {
padding: 0; }
.kc_tabs.hightlight .kc_wrapper .kc_tabs_nav {
background: transparent;
text-align: center;
height: auto;
border-top: 1px solid #e2e2e2 !important;
border-bottom: 1px solid #e2e2e2 !important; }
.kc_tabs.hightlight .kc_wrapper .kc_tabs_nav li {
font-weight: 700;
color: #acacac;
padding: 0; }
.kc_tabs.hightlight .kc_wrapper .kc_tabs_nav li:hover,.kc_tabs.hightlight .kc_wrapper .kc_tabs_nav li a:hover {
background: transparent; }
.kc_tabs.hightlight .kc_wrapper .kc_tabs_nav li a {
font-weight: 700;
font-size: 18px;
padding: 0; }
.kc_tabs.hightlight .kc_wrapper .kc_tabs_nav li+li {
margin-left: 30px; }
.kc_tabs.hightlight .kc_wrapper .kc_tabs_nav .ui-tabs-active {
background: transparent;
color: #acacac; }
.kc_tabs.hightlight .kc_wrapper .kc_tabs_nav .ui-tabs-active a {
color: #000;
background: transparent; }
.kc-pie-chart-wrapper .pie_chart_text h3 {
color: #d0262e;
font-size: 14px; }
.kc_box_wrap .media-body {
vertical-align: middle; }
.kc_accordion_header:hover {
background-color: #ebba11 !important; }
.kc_accordion_header:hover a {
color: #fff !important; }
.kc_accordion_header>span.ui-accordion-header-icon {
pointer-events: none; }
.kc_accordion_section_v1 .kc_accordion_section {
font-size: 14px; }
.kc_accordion_section_v1 .kc_accordion_section i {
color: #d0262e;
padding-right: 10px; }
.kc_accordion_section_v1 .kc_accordion_section>.kc_accordion_header {
border-width: 0;
margin-bottom: 0; }
.kc_accordion_section_v1 .kc_accordion_section>.kc_accordion_header>a {
font-size: 16px;
line-height: 24px;
padding: 0;
color: #000; }
.kc_accordion_section_v1 .kc_accordion_section>.kc_accordion_header>span.ui-accordion-header-icon {
display: none; }
.kc_accordion_section_v1 .kc_accordion_section>.kc_accordion_content .kc_text_block {
margin-left: 20px; }
.kc_button.btn {
padding: 12px 20px; }
.kc_button.btn-light {
border-color: #fff;
background: transparent;
color: #fff; }
.kc_button.btn-light:hover {
color: #d0262e;
background: #fff; }
.kc_button.btn-link {
background: transparent;
padding: 0;
font-size: 12px;
color: #fff; }
.kc_button.btn-link:hover {
color: #d0262e; }
.kc_button.btn-default {
color: #fff;
background-color: #2e2e2e;
border-color: #2e2e2e; }
.kc_button.btn-default.focus,.kc_button.btn-default:focus {
color: #fff;
background-color: #151515;
border-color: #000; }
.kc_button.btn-default.active,.kc_button.btn-default:active,.kc_button.btn-default:hover,.open>.kc_button.btn-default.dropdown-toggle {
color: #fff;
background-color: #151515;
border-color: #0f0f0f; }
.kc_button.btn-default.active.focus,.kc_button.btn-default.active:focus,.kc_button.btn-default.active:hover,.kc_button.btn-default:active.focus,.kc_button.btn-default:active:focus,.kc_button.btn-default:active:hover,.open>.kc_button.btn-default.dropdown-toggle.focus,.open>.kc_button.btn-default.dropdown-toggle:focus,.open>.kc_button.btn-default.dropdown-toggle:hover {
color: #fff;
background-color: #030303;
border-color: #000; }
.kc_button.btn-default.active,.kc_button.btn-default:active,.open>.kc_button.btn-default.dropdown-toggle {
background-image: none; }
.kc_button.btn-default.disabled,.kc_button.btn-default.disabled.active,.kc_button.btn-default.disabled.focus,.kc_button.btn-default.disabled:active,.kc_button.btn-default.disabled:focus,.kc_button.btn-default.disabled:hover,.kc_button.btn-default[disabled],.kc_button.btn-default[disabled].active,.kc_button.btn-default[disabled].focus,.kc_button.btn-default[disabled]:active,.kc_button.btn-default[disabled]:focus,.kc_button.btn-default[disabled]:hover,fieldset[disabled] .kc_button.btn-default,fieldset[disabled] .kc_button.btn-default.active,fieldset[disabled] .kc_button.btn-default.focus,fieldset[disabled] .kc_button.btn-default:active,fieldset[disabled] .kc_button.btn-default:focus,fieldset[disabled] .kc_button.btn-default:hover {
background-color: #2e2e2e;
border-color: #2e2e2e; }
.kc_button.btn-default .badge {
color: #2e2e2e;
background-color: #fff; }
.kc_button.btn-primary {
color: #fff;
background-color: #ebba11;
border-color: #ebba11; }
.kc_button.btn-primary.focus,.kc_button.btn-primary:focus {
color: #fff;
background-color: #bb940e;
border-color: #745c08; }
.kc_button.btn-primary.active,.kc_button.btn-primary:active,.kc_button.btn-primary:hover,.open>.kc_button.btn-primary.dropdown-toggle {
color: #fff;
background-color: #bb940e;
border-color: #b28d0d; }
.kc_button.btn-primary.active.focus,.kc_button.btn-primary.active:focus,.kc_button.btn-primary.active:hover,.kc_button.btn-primary:active.focus,.kc_button.btn-primary:active:focus,.kc_button.btn-primary:active:hover,.open>.kc_button.btn-primary.dropdown-toggle.focus,.open>.kc_button.btn-primary.dropdown-toggle:focus,.open>.kc_button.btn-primary.dropdown-toggle:hover {
color: #fff;
background-color: #9a7a0b;
border-color: #745c08; }
.kc_button.btn-primary.active,.kc_button.btn-primary:active,.open>.kc_button.btn-primary.dropdown-toggle {
background-image: none; }
.kc_button.btn-primary.disabled,.kc_button.btn-primary.disabled.active,.kc_button.btn-primary.disabled.focus,.kc_button.btn-primary.disabled:active,.kc_button.btn-primary.disabled:focus,.kc_button.btn-primary.disabled:hover,.kc_button.btn-primary[disabled],.kc_button.btn-primary[disabled].active,.kc_button.btn-primary[disabled].focus,.kc_button.btn-primary[disabled]:active,.kc_button.btn-primary[disabled]:focus,.kc_button.btn-primary[disabled]:hover,fieldset[disabled] .kc_button.btn-primary,fieldset[disabled] .kc_button.btn-primary.active,fieldset[disabled] .kc_button.btn-primary.focus,fieldset[disabled] .kc_button.btn-primary:active,fieldset[disabled] .kc_button.btn-primary:focus,fieldset[disabled] .kc_button.btn-primary:hover {
background-color: #ebba11;
border-color: #ebba11; }
.kc_button.btn-primary .badge {
color: #ebba11;
background-color: #fff; }
.kc_button.btn-success {
color: #fff;
background-color: #70ba28;
border-color: #70ba28; }
.kc_button.btn-success.focus,.kc_button.btn-success:focus {
color: #fff;
background-color: #57901f;
border-color: #315111; }
.kc_button.btn-success.active,.kc_button.btn-success:active,.kc_button.btn-success:hover,.open>.kc_button.btn-success.dropdown-toggle {
color: #fff;
background-color: #57901f;
border-color: #52881d; }
.kc_button.btn-success.active.focus,.kc_button.btn-success.active:focus,.kc_button.btn-success.active:hover,.kc_button.btn-success:active.focus,.kc_button.btn-success:active:focus,.kc_button.btn-success:active:hover,.open>.kc_button.btn-success.dropdown-toggle.focus,.open>.kc_button.btn-success.dropdown-toggle:focus,.open>.kc_button.btn-success.dropdown-toggle:hover {
color: #fff;
background-color: #457319;
border-color: #315111; }
.kc_button.btn-success.active,.kc_button.btn-success:active,.open>.kc_button.btn-success.dropdown-toggle {
background-image: none; }
.kc_button.btn-success.disabled,.kc_button.btn-success.disabled.active,.kc_button.btn-success.disabled.focus,.kc_button.btn-success.disabled:active,.kc_button.btn-success.disabled:focus,.kc_button.btn-success.disabled:hover,.kc_button.btn-success[disabled],.kc_button.btn-success[disabled].active,.kc_button.btn-success[disabled].focus,.kc_button.btn-success[disabled]:active,.kc_button.btn-success[disabled]:focus,.kc_button.btn-success[disabled]:hover,fieldset[disabled] .kc_button.btn-success,fieldset[disabled] .kc_button.btn-success.active,fieldset[disabled] .kc_button.btn-success.focus,fieldset[disabled] .kc_button.btn-success:active,fieldset[disabled] .kc_button.btn-success:focus,fieldset[disabled] .kc_button.btn-success:hover {
background-color: #70ba28;
border-color: #70ba28; }
.kc_button.btn-success .badge {
color: #70ba28;
background-color: #fff; }
.kc_button.btn-info {
color: #fff;
background-color: #04adf0;
border-color: #04adf0; }
.kc_button.btn-info.focus,.kc_button.btn-info:focus {
color: #fff;
background-color: #0389be;
border-color: #025373; }
.kc_button.btn-info.active,.kc_button.btn-info:active,.kc_button.btn-info:hover,.open>.kc_button.btn-info.dropdown-toggle {
color: #fff;
background-color: #0389be;
border-color: #0382b4; }
.kc_button.btn-info.active.focus,.kc_button.btn-info.active:focus,.kc_button.btn-info.active:hover,.kc_button.btn-info:active.focus,.kc_button.btn-info:active:focus,.kc_button.btn-info:active:hover,.open>.kc_button.btn-info.dropdown-toggle.focus,.open>.kc_button.btn-info.dropdown-toggle:focus,.open>.kc_button.btn-info.dropdown-toggle:hover {
color: #fff;
background-color: #03709b;
border-color: #025373; }
.kc_button.btn-info.active,.kc_button.btn-info:active,.open>.kc_button.btn-info.dropdown-toggle {
background-image: none; }
.kc_button.btn-info.disabled,.kc_button.btn-info.disabled.active,.kc_button.btn-info.disabled.focus,.kc_button.btn-info.disabled:active,.kc_button.btn-info.disabled:focus,.kc_button.btn-info.disabled:hover,.kc_button.btn-info[disabled],.kc_button.btn-info[disabled].active,.kc_button.btn-info[disabled].focus,.kc_button.btn-info[disabled]:active,.kc_button.btn-info[disabled]:focus,.kc_button.btn-info[disabled]:hover,fieldset[disabled] .kc_button.btn-info,fieldset[disabled] .kc_button.btn-info.active,fieldset[disabled] .kc_button.btn-info.focus,fieldset[disabled] .kc_button.btn-info:active,fieldset[disabled] .kc_button.btn-info:focus,fieldset[disabled] .kc_button.btn-info:hover {
background-color: #04adf0;
border-color: #04adf0; }
.kc_button.btn-info .badge {
color: #04adf0;
background-color: #fff; }
.kc_button.btn-warning {
color: #fff;
background-color: #f0c73b;
border-color: #f0c73b; }
.kc_button.btn-warning.focus,.kc_button.btn-warning:focus {
color: #fff;
background-color: #e6b612;
border-color: #9f7e0c; }
.kc_button.btn-warning.active,.kc_button.btn-warning:active,.kc_button.btn-warning:hover,.open>.kc_button.btn-warning.dropdown-toggle {
color: #fff;
background-color: #e6b612;
border-color: #ddaf11; }
.kc_button.btn-warning.active.focus,.kc_button.btn-warning.active:focus,.kc_button.btn-warning.active:hover,.kc_button.btn-warning:active.focus,.kc_button.btn-warning:active:focus,.kc_button.btn-warning:active:hover,.open>.kc_button.btn-warning.dropdown-toggle.focus,.open>.kc_button.btn-warning.dropdown-toggle:focus,.open>.kc_button.btn-warning.dropdown-toggle:hover {
color: #fff;
background-color: #c59c0f;
border-color: #9f7e0c; }
.kc_button.btn-warning.active,.kc_button.btn-warning:active,.open>.kc_button.btn-warning.dropdown-toggle {
background-image: none; }
.kc_button.btn-warning.disabled,.kc_button.btn-warning.disabled.active,.kc_button.btn-warning.disabled.focus,.kc_button.btn-warning.disabled:active,.kc_button.btn-warning.disabled:focus,.kc_button.btn-warning.disabled:hover,.kc_button.btn-warning[disabled],.kc_button.btn-warning[disabled].active,.kc_button.btn-warning[disabled].focus,.kc_button.btn-warning[disabled]:active,.kc_button.btn-warning[disabled]:focus,.kc_button.btn-warning[disabled]:hover,fieldset[disabled] .kc_button.btn-warning,fieldset[disabled] .kc_button.btn-warning.active,fieldset[disabled] .kc_button.btn-warning.focus,fieldset[disabled] .kc_button.btn-warning:active,fieldset[disabled] .kc_button.btn-warning:focus,fieldset[disabled] .kc_button.btn-warning:hover {
background-color: #f0c73b;
border-color: #f0c73b; }
.kc_button.btn-warning .badge {
color: #f0c73b;
background-color: #fff; }
.kc_button.btn-danger {
color: #fff;
background-color: #e93434;
border-color: #e93434; }
.kc_button.btn-danger.focus,.kc_button.btn-danger:focus {
color: #fff;
background-color: #d31717;
border-color: #8e0f0f; }
.kc_button.btn-danger.active,.kc_button.btn-danger:active,.kc_button.btn-danger:hover,.open>.kc_button.btn-danger.dropdown-toggle {
color: #fff;
background-color: #d31717;
border-color: #ca1616; }
.kc_button.btn-danger.active.focus,.kc_button.btn-danger.active:focus,.kc_button.btn-danger.active:hover,.kc_button.btn-danger:active.focus,.kc_button.btn-danger:active:focus,.kc_button.btn-danger:active:hover,.open>.kc_button.btn-danger.dropdown-toggle.focus,.open>.kc_button.btn-danger.dropdown-toggle:focus,.open>.kc_button.btn-danger.dropdown-toggle:hover {
color: #fff;
background-color: #b31313;
border-color: #8e0f0f; }
.kc_button.btn-danger.active,.kc_button.btn-danger:active,.open>.kc_button.btn-danger.dropdown-toggle {
background-image: none; }
.kc_button.btn-danger.disabled,.kc_button.btn-danger.disabled.active,.kc_button.btn-danger.disabled.focus,.kc_button.btn-danger.disabled:active,.kc_button.btn-danger.disabled:focus,.kc_button.btn-danger.disabled:hover,.kc_button.btn-danger[disabled],.kc_button.btn-danger[disabled].active,.kc_button.btn-danger[disabled].focus,.kc_button.btn-danger[disabled]:active,.kc_button.btn-danger[disabled]:focus,.kc_button.btn-danger[disabled]:hover,fieldset[disabled] .kc_button.btn-danger,fieldset[disabled] .kc_button.btn-danger.active,fieldset[disabled] .kc_button.btn-danger.focus,fieldset[disabled] .kc_button.btn-danger:active,fieldset[disabled] .kc_button.btn-danger:focus,fieldset[disabled] .kc_button.btn-danger:hover {
background-color: #e93434;
border-color: #e93434; }
.kc_button.btn-danger .badge {
color: #e93434;
background-color: #fff; }
.kc_button.btn-outline {
background: transparent; }
.kc_button.btn-outline.btn-default {
color: #000; }
.kc_button.btn-outline.btn-default:hover {
color: #fff; }
.kc_button.btn-outline.btn-primary {
color: #ebba11; }
.kc_button.btn-outline.btn-primary:hover {
color: #fff; }
.kc_button.btn-outline.btn-success {
color: #70ba28; }
.kc_button.btn-outline.btn-success:hover {
color: #fff; }
.kc_button.btn-outline.btn-info {
color: #04adf0; }
.kc_button.btn-outline.btn-info:hover {
color: #fff; }
.kc_button.btn-outline.btn-danger {
color: #e93434; }
.kc_button.btn-outline.btn-danger:hover {
color: #fff; }
.kc_button.btn-outline.btn-warning {
color: #f0c73b; }
.kc_button.btn-outline.btn-warning:hover {
color: #fff; }
.kc_button.btn-inverse.btn-default:hover {
color: #000;
background: transparent; }
.kc_button.btn-inverse.btn-primary:hover {
color: #ebba11;
background: transparent; }
.kc_button.btn-inverse.btn-success:hover {
color: #70ba28;
background: transparent; }
.kc_button.btn-inverse.btn-info:hover {
color: #04adf0;
background: transparent; }
.kc_button.btn-inverse.btn-danger:hover {
color: #e93434;
background: transparent; }
.kc_button.btn-inverse.btn-warning:hover {
color: #f0c73b;
background: transparent; }
.btn-group-lg>.kc_button.btn,.kc_button.btn-lg {
padding: 15px 40px;
font-size: 12px;
line-height: 1.33333;
border-radius: 3px; }
.btn-group-sm>.kc_button.btn,.kc_button.btn-sm {
padding: 8px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.btn-group-xs>.kc_button.btn,.kc_button.btn-xs {
padding: 2px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.kc_google_maps .map_popup_contact_form {
height: auto !important;
padding: 0 !important;
overflow-y: initial !important;
margin-top: 150px;
margin-left: auto;
left: 0;
margin-right: auto;
right: 0; }
.kc-google-maps iframe {
pointer-events: none; }
/*************************/
/*********element King *******/
.kc_counter_box {
float: left;
line-height: 24px;
width: 100%;
text-align: left !important; }
@media (max-width: 767px) {
.kc_counter_box {
float: none;
text-align: center; } }
.kc_counter_box .counter-box-image {
text-align: right; }
@media (max-width: 767px) {
.kc_counter_box .counter-box-image {
text-align: center; } }
.kc_counter_box span.counterup {
color: #ebba11;
font-size: 36px;
font-family: Poppins; }
.kc_counter_box span.counterup:hover {
color: #d0262e; }
.kc_counter_box h4 {
color: #fff;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0; }
.kc_counter_box_des .info_number {
text-align: left; }
.kc_counter_box_des .info_number span.counterup {
color: #d0262e;
font-size: 48px; }
.kc_counter_box_des .info_number h4 {
font-size: 14px;
position: relative;
text-transform: uppercase;
margin-bottom: 0; }
@media (min-width: 768px) and (max-width: 991px) {
.kc_counter_box_des .info_number h4 {
min-height: 40px; } }
.kc_counter_box_des .info_number p {
color: #666;
padding-top: 5px; }
@media (max-width: 768px) {
.kc_counter_box_des .info_number {
text-align: center; } }
@media (max-width: 768px) {
.feature span {
padding-top: 10px; }
.feature .info_number {
text-align: center;
position: relative;
padding-bottom: 20px;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out; }
.feature .info_number:after {
content: "";
width: 5px;
height: 2px;
opacity: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
background: #ebba11;
-webkit-transition: width .5s ease,height .5s ease;
-o-transition: width .5s ease,height .5s ease;
transition: width .5s ease,height .5s ease; }
.feature .info_number:hover:after {
width: 100%;
height: 2px;
opacity: 1; } }
.feature_home2 h4 {
color: #000; }
.bg-blue {
background: #d0262e; }
.kc-feature-boxes .content-title {
font-size: 20px;
text-transform: inherit;
margin: 0 0 10px;
letter-spacing: -.5px;
color: #000; }
.kc-feature-boxes .content-button a {
background: transparent;
text-transform: inherit;
color: #d0262e;
padding: 0;
font-size: 14px; }
.kc-feature-boxes .content-button a:hover {
background: transparent;
color: #000; }
.kc-feature-boxes .content-button a:after {
/* margin-left: 5px;
content: "\f0da";
font-family: "FontAwesome";
font-size: 12px;
color:$button-color; */ }
@media (max-width: 768px) {
.kc-feature-boxes.kc-fb-layout-1 {
text-align: center; } }
.kc-feature-boxes.kc-fb-layout-1 .content-icon i {
color: #c33;
background: transparent;
/* background:$theme-color; */
/* color:$theme-color;
font-size:18px; */ }
.kc-feature-boxes.kc-fb-layout-1 .content-button a,.kc-feature-boxes.kc-fb-layout-1 .content-button a:hover,.kc-feature-boxes.kc-fb-layout-1 .content-title {
color: #d0262e; }
.kc-feature-boxes.kc-fb-layout-2 {
background-color: #d0262e !important;
padding-top: 30%;
background-size: 0 100% !important;
background-repeat: no-repeat;
box-shadow: none;
border-right: 2px solid #bb2229; }
@media (max-width: 768px) {
.kc-feature-boxes.kc-fb-layout-2 {
text-align: center; } }
.kc-feature-boxes.kc-fb-layout-2 figure,.kc-feature-boxes.kc-fb-layout-2>div {
color: #fff;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: transform .5s;
-o-transition: transform .5s;
transition: transform .5s; }
.kc-feature-boxes.kc-fb-layout-2 .content-title {
padding-top: 20px; }
.kc-feature-boxes.kc-fb-layout-2 .content-desc {
padding: 40px 15px;
opacity: 0; }
.kc-feature-boxes.kc-fb-layout-2 .content-desc a {
color: #fff; }
.kc-feature-boxes.kc-fb-layout-2 .content-button {
opacity: 0;
margin-bottom: 50px; }
.kc-feature-boxes.kc-fb-layout-2 .content-button a {
color: #fff; }
.kc-feature-boxes.kc-fb-layout-2 .content-button a:hover {
background: none; }
.kc-feature-boxes.kc-fb-layout-2:hover {
padding-top: 15%;
padding-bottom: 15%;
background-size: 100% 100% !important;
border-right: 0 solid #bb2229; }
.kc-feature-boxes.kc-fb-layout-2:hover>div,.kc-feature-boxes.kc-fb-layout-2:hover figure {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
.kc-feature-boxes.kc-fb-layout-3 .content-icon i {
font-size: 40px;
color: #fff;
width: 45px;
line-height: 55px; }
.kc-feature-boxes.kc-fb-layout-3 .content-desc {
font-size: 16px;
color: #999; }
.kc-feature-boxes.kc-fb-layout-3 .box-right {
padding-left: 30px;
margin-top: -10px; }
.rtl .kc-feature-boxes.kc-fb-layout-3 .box-right {
padding-right: 30px;
padding-left: inherit; }
.kc-feature-boxes.kc-fb-layout-4.right .content-image,.kc-feature-boxes.kc-fb-layout-4.right img {
float: right; }
.kc-feature-boxes.kc-fb-layout-4.right .box-right {
text-align: right; }
.kc-feature-boxes.kc-fb-layout-4 .box-right {
padding: 0 15px; }
.kc-feature-boxes.kc-fb-layout-4 .content-image {
width: 20%; }
.kc-feature-boxes.kc-fb-layout-4 .content-desc {
margin-bottom: 15px;
font-weight: 300; }
.kc-team .content-title {
font-family: Poppins;
font-size: 14px;
font-weight: 700;
color: #000;
margin: 0 0 10px; }
.kc-team .content-subtitle {
text-transform: uppercase;
font-size: 12px;
color: #d0262e;
float: none; }
.kc-team .content-button {
margin-top: 20px; }
.kc-team.kc-team-1 .content-image img {
width: 100%; }
.kc-team.kc-team-1 .content-title {
margin-bottom: 10px;
margin-top: 20px; }
.kc-team.kc-team-1 .content-subtitle {
margin-bottom: 35px; }
.kc-team.kc-team-1 .content-socials {
border-top: 1px solid #e2e2e2;
padding: 15px 0; }
.kc-team.kc-team-1 .content-socials a {
font-size: 14px;
background: transparent;
border-color: transparent;
color: #bfbfbf;
margin-bottom: 0; }
/*******Call to action****************/
.call_button .kc-col-container {
align-items: center;
display: flex; }
.kc-call-to-action.kc-cta-3 {
background: transparent;
padding-left: 30px; }
.kc-call-to-action.kc-cta-3 .kc-cta-desc h2 {
font-size: 30px;
color: #fff;
margin-bottom: 0;
letter-spacing: -1.3px; }
.kc-call-to-action.kc-cta-3 .kc-cta-text {
color: #fff;
font-size: 16px;
margin-bottom: 0; }
.kc-call-to-action.kc-cta-3 .kc-cta-button {
width: 20%; }
.kc-call-to-action.kc-cta-3 .kc-cta-button a {
background: transparent;
border: 2px solid #fff;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
padding: 15px 30px;
font-size: 12px; }
.kc-call-to-action.kc-cta-3 .kc-cta-button a:hover {
-webkit-box-shadow: 0 0 0 30px #d0262e inset;
box-shadow: inset 0 0 0 30px #d0262e; }
.kc-call-to-action.kc-cta-3 .kc-cta-icon {
margin-left: 5px; }
.kc-call-to-action.feature>div {
width: 60% !important; }
.kc-call-to-action.kc-cta-3.call_home2 .kc-cta-desc h2 {
letter-spacing: 0; }
.kc-call-to-action.kc-cta-3.call_home2 .kc-cta-text {
letter-spacing: -1.3px; }
.kc-image-hover-effects.kc-img-effects-1 .overlay-effects .content-title {
letter-spacing: 2px;
position: relative;
padding-bottom: 35px; }
.kc-image-hover-effects.kc-img-effects-1 .overlay-effects .content-title:after {
content: "";
background: #d0262e;
width: 8px;
position: absolute;
height: 30px;
bottom: 0;
right: 0;
padding: 0;
left: 0;
margin: auto;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
transform: skew(20deg); }
.kc-image-hover-effects.kc-img-effects-3 .overlay-effects {
padding: 40px;
letter-spacing: -1px;
text-transform: uppercase; }
.kc-image-hover-effects.kc-img-effects-3 .overlay-effects .content-title {
font-size: 18px;
font-weight: 400;
color: #fff; }
.kc-image-hover-effects.kc-img-effects-3 .overlay-effects .content-desc {
font-size: 30px;
line-height: 30px;
margin: 0;
color: #fff; }
.kc-image-hover-effects.kc-img-effects-2:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
z-index: 1;
display: block;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s; }
.kc-image-hover-effects.kc-img-effects-2 .kc-pretty-photo img {
width: 100%;
min-height: 160px; }
.kc-image-hover-effects.kc-img-effects-2 .kc-pretty-photo:frist-child {
position: relative; }
.kc-image-hover-effects.kc-img-effects-2 .kc-pretty-photo:frist-child:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
left: 0;
top: 0; }
.kc-image-hover-effects.kc-img-effects-2 .overlay-effects {
background: transparent;
top: 50%;
margin-top: -30px;
height: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
filter: alpha(opacity=100); }
.kc-image-hover-effects.kc-img-effects-2 .overlay-effects:before {
content: "";
width: 0;
position: absolute;
height: 98px;
bottom: 0;
top: 0;
right: 0;
padding: 0;
z-index: -1;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
pointer-events: none;
margin: auto;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
transform: skew(20deg);
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s; }
.kc-image-hover-effects.kc-img-effects-2 .overlay-effects .content-title {
font-size: 16px;
color: #fff;
text-transform: uppercase;
letter-spacing: -.7px; }
.kc-image-hover-effects.kc-img-effects-2 .overlay-effects .content-desc {
font-size: 18px;
line-height: 24px;
color: #fff;
letter-spacing: 1px;
margin-bottom: 0; }
.kc-image-hover-effects.kc-img-effects-2:hover {
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s; }
.kc-image-hover-effects.kc-img-effects-2:hover:before {
opacity: 1;
filter: alpha(opacity=100); }
.kc-image-hover-effects.kc-img-effects-2:hover .overlay-effects:before {
width: 25px;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s; }
.kc-image-hover-effects.kc-img-effects-2:hover .overlay-effects .content-desc {
color: #fff;
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s; }
.kc-image-hover-effects.bg-style1:hover:before {
border-bottom-color: #d96161; }
.kc-image-hover-effects.bg-style2:hover:before {
border-bottom-color: #5276db; }
.kc-image-hover-effects.bg-style3:hover:before {
border-bottom-color: #dbc952; }
/*************/
.kc-testimo b,.kc-testimo strong {
font-size: 18px;
font-weight: 900;
color: #000; }
.kc-testimo.kc-testi-layout-5 {
position: relative; }
.kc-testimo.kc-testi-layout-5+.kc-testi-layout-5 {
margin-top: 10px; }
.kc-testimo.kc-testi-layout-5 .content-image img {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
width: 60px; }
.kc-testimo.kc-testi-layout-5 .content-title {
font-size: 16px;
text-transform: capitalize;
margin-left: 40px; }
.kc-testimo.kc-testi-layout-5 .content-position {
font-size: 14px;
color: #acacac;
margin-left: 40px; }
.kc-testimo.kc-testi-layout-5 .content-desc {
color: #666; }
.kc-testimo.kc-testi-layout-5 .box-right {
position: relative; }
.kc-testimo.kc-testi-layout-5 .box-right:before {
content: "\f10d";
font-family: FontAwesome;
color: #fff;
font-size: 20px;
line-height: 20px;
position: absolute;
background: #ebba11;
padding: 10px; }
.kc-testimo.kc-testi-layout-3 {
box-shadow: none;
text-align: left;
padding: 40px 0;
margin-bottom: 30px;
background: #f9f9f9; }
.kc-testimo.kc-testi-layout-3 .content-image {
width: 14%; }
@media (max-width: 991px) {
.kc-testimo.kc-testi-layout-3 .content-image {
width: 100%; } }
.kc-testimo.kc-testi-layout-3 .content-title {
font-size: 16px;
width: 86%;
color: #000; }
.kc-testimo.kc-testi-layout-3 .content-position {
font-size: 12px;
line-height: 24px;
color: #999;
width: 86%; }
.kc-testimo.kc-testi-layout-3 .content-desc {
color: #666;
font-size: 20px;
line-height: 30px;
font-weight: 300; }
.kc-testimo.kc-testi-layout-3:hover {
-webkit-box-shadow: 0 5px 20px 5px rgba(64,81,115,.25);
box-shadow: 0 5px 20px 5px rgba(64,81,115,.25); }
.kc-testimo.kc-testi-layout-3 .content-image,.testimonial-collection .image,.testimonial-v2 .testimonials-description {
position: relative; }
.kc-testimo.kc-testi-layout-3 .content-image img,.testimonial-collection .image img,.testimonial-v2 .testimonials-description img {
padding-left: 52px;
width: auto; }
.kc-testimo.kc-testi-layout-3 .content-image:before,.testimonial-collection .image:before,.testimonial-v2 .testimonials-description:before {
content: "\f10d";
font-family: FontAwesome;
color: #fff;
font-size: 20px;
line-height: 20px;
position: absolute;
background: #ebba11;
padding: 17px;
z-index: 9;
bottom: 0; }
.kc-multi-icons-wrapper>a.multi-icons-link {
background: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s; }
.kc-multi-icons-wrapper>a.multi-icons-link>i {
font-size: 14px;
color: #999; }
.kc-multi-icons-wrapper>a.multi-icons-link:hover {
background: #fff; }
.kc-multi-icons-wrapper>a.multi-icons-link:hover i {
color: #d0262e; }
/*********************************/
.kc-pricing-tables.kc-pricing-layout-4 {
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
border-radius: 0;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
padding-top: 25px; }
.kc-pricing-tables.kc-pricing-layout-4 .header-pricing {
border-bottom: 1px solid #e2e2e2;
background: #2c2c2c;
position: relative;
z-index: 10;
padding: 20px 30px 50px; }
.kc-pricing-tables.kc-pricing-layout-4 .header-pricing .content-icon-header i {
background: none;
font-size: 36px;
line-height: 18px;
height: auto; }
.kc-pricing-tables.kc-pricing-layout-4 .header-pricing .content-title {
color: #white;
line-height: 24px; }
.kc-pricing-tables.kc-pricing-layout-4 .header-pricing .content-title div {
font-size: 18px; }
.kc-pricing-tables.kc-pricing-layout-4 .header-pricing .content-title .content-sub-title {
font-size: 12px;
font-family: Poppins;
text-transform: lowercase; }
.kc-pricing-tables.kc-pricing-layout-4 .header-pricing .kc-pricing-price {
position: absolute;
background: #ebba11;
padding: 15px;
bottom: -45px;
width: 50%;
margin-left: 20%; }
@media (max-width: 480px) {
.kc-pricing-tables.kc-pricing-layout-4 .header-pricing .kc-pricing-price {
margin-left: 14%; } }
.kc-pricing-tables.kc-pricing-layout-4 .header-pricing .kc-pricing-price span {
font-weight: 700;
font-family: Poppins;
color: #fff;
font-size: 36px;
line-height: 24px;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s; }
@media (max-width: 991px) {
.kc-pricing-tables.kc-pricing-layout-4 .header-pricing .kc-pricing-price span {
font-size: 20px; } }
.kc-pricing-tables.kc-pricing-layout-4 .header-pricing .kc-pricing-price span.content-duration {
font-size: 14px;
color: #fff;
text-transform: lowercase; }
.kc-pricing-tables.kc-pricing-layout-4 .header-pricing .kc-pricing-price span.content-price {
font-family: Poppins; }
.kc-pricing-tables.kc-pricing-layout-4 .content-desc {
position: relative;
text-align: left;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
padding-top: 50px;
border: 1px solid #e2e2e2; }
.kc-pricing-tables.kc-pricing-layout-4 .content-desc li {
padding: 10px 30px;
padding-right: 5px;
font-size: 16px;
background: transparent !important;
color: #000; }
@media (max-width: 991px) {
.kc-pricing-tables.kc-pricing-layout-4 .content-desc li {
padding: 10px; } }
.kc-pricing-tables.kc-pricing-layout-4 .content-desc li:not(:last-child) {
border-bottom: 1px solid #e2e2e2 !important; }
.kc-pricing-tables.kc-pricing-layout-4 .content-desc li:before {
content: "\f05d";
font-family: FontAwesome;
color: #00c484;
padding-right: 4px; }
.kc-pricing-tables.kc-pricing-layout-4 .content-button {
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
padding-top: 15px;
border: 1px solid #e2e2e2; }
.kc-pricing-tables.kc-pricing-layout-4 .content-button a {
padding: 12px 20px;
font-size: 12px;
width: 80%;
text-transform: uppercase;
color: #000;
background: #e5e5e5;
line-height: 20px; }
.kc-pricing-tables.kc-pricing-layout-4 .content-button a:hover {
color: #fff;
background: #d0262e; }
.kc-pricing-tables.kc-pricing-layout-4.featured,.kc-pricing-tables.kc-pricing-layout-4:hover {
-webkit-transform: translateY(-25px);
-moz-transform: translateY(-25px);
-ms-transform: translateY(-25px);
-o-transform: translateY(-25px);
transform: translateY(-25px);
-webkit-transition: box-shadow .3s ease 0s;
-o-transition: box-shadow .3s ease 0s;
transition: box-shadow .3s ease 0s;
-webkit-transform: .3s ease 0s;
-moz-transform: .3s ease 0s;
-ms-transform: .3s ease 0s;
-o-transform: .3s ease 0s;
transform: .3s ease 0s; }
.kc-pricing-tables.kc-pricing-layout-4.featured .content-button a,.kc-pricing-tables.kc-pricing-layout-4:hover .content-button a {
background: #d0262e;
color: #fff; }
.kc-pricing-tables.kc-pricing-layout-4.featured .header-pricing,.kc-pricing-tables.kc-pricing-layout-4:hover .header-pricing {
background: #d0262e;
border-color: #e2e2e2;
padding: 20px 30px 75px; }
.kc-blog-posts .grid-2:nth-child(odd),.kc-blog-posts .grid-3:nth-child(3n+1),.kc-blog-posts .grid-4:nth-child(4n+1) {
clear: both; }
.kc-blog-posts.kc-blog-posts-2 .entry-meta {
display: inline-block; }
.kc-blog-posts.kc-blog-posts-2 .kc-list-item-2 {
padding: 0;
border: none; }
@media (min-width: 767px) {
.kc-blog-posts.kc-blog-posts-2 .kc-list-item-2 {
display: flex;
flex-direction: row-reverse; }
.kc-blog-posts.kc-blog-posts-2 .kc-list-item-2 .post-item-left {
padding-left: 30px; }
.kc-blog-posts.kc-blog-posts-2 .kc-list-item-2:nth-child(2n) .post-item-right .excerpt,.kc-blog-posts.kc-blog-posts-2 .kc-list-item-2:nth-child(2n) .post-item-right .post_details {
text-align: right; } }
@media (max-width: 767px) {
.kc-blog-posts.kc-blog-posts-2 .kc-list-item-2 .post-item-left {
padding-right: 0; }
.kc-blog-posts.kc-blog-posts-2 .kc-list-item-2:nth-child(n) .excerpt {
padding-bottom: 30px; } }
.kc-blog-posts.kc-blog-posts-2 .kc-list-item-2 figure img {
width: 100%; }
.kc-blog-posts.kc-blog-posts-2 .kc-list-item-2 .post_details {
padding-top: 50px; }
.title-style:before {
content: "";
background: #d0262e;
width: 5px;
height: 20px;
vertical-align: bottom;
display: inline-block;
margin-right: 10px;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-ms-transform: skew(20deg);
-o-transform: skew(20deg);
transform: skew(20deg); }
.rtl .title-style:before {
margin-left: 10px;
margin-right: inherit; }
.bg-overlay,.bg-overlay-red,.bg-overlay-yellow {
position: relative; }
.bg-overlay-red:before,.bg-overlay-yellow:before,.bg-overlay:before {
opacity: .7;
filter: alpha(opacity=70);
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%; }
.bg-overlay-red:before {
background: #a51e24; }
.bg-overlay-yellow:before {
background: #ffae00; }
.kc_image_gallery.kc-grid .item-grid {
padding: 30px;
text-align: center; }
.kc-tabs-slider {
position: relative; }
.kc-tabs-slider .owl-carousel .owl-controls {
position: absolute;
right: 10px;
top: 50%;
margin-top: 0; }
.kc-tabs-slider .owl-carousel .owl-item {
padding: 0; }
.kc-tabs-slider .owl-carousel .owl-controls .owl-page {
display: block; }
.kc-tabs-slider .owl-carousel .owl-controls .owl-page span {
background: #fff;
opacity: .5;
filter: alpha(opacity=50); }
.kc-tabs-slider .owl-carousel .owl-controls .owl-page.active span {
opacity: 1;
filter: alpha(opacity=100);
background: #fff; }
.style-blog1 .entry-content {
background: #fff;
padding: 20px; }
.style-blog1 .excerpt {
padding-bottom: 0; }
/* 8. Responsive */
@media (min-width: 1200px) {
.col-lg-cus-5 {
width: 20%;
float: left;
padding-left: 15px;
padding-right: 15px; }
.rtl .col-lg-cus-5 {
float: right; } }
@media (min-width: 992px) and (max-width: 1200px) {
.col-md-cus-5 {
width: 20%;
float: left;
padding-left: 15px;
padding-right: 15px; }
.rtl .col-md-cus-5 {
float: right; }
body.kc-css-system .kc-css-141212 {
padding-left: 10% !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.col-sm-cus-5 {
width: 50%;
float: left;
padding-left: 15px;
padding-right: 15px; }
.rtl .col-sm-cus-5 {
float: right; }
.kc_counter_box .counter-box-image,.kc_counter_box .info_number {
text-align: center; }
.portfolio.style-v1.light .ih-item .info {
top: 0;
padding-top: 0; }
.ih-item .info {
top: 20px;
padding-left: 10px; } }
@media (min-width: 991px) {
.opalservice_content .first-child {
clear: both; }
.form-footer1>div:nth-child(odd) {
padding-right: 7px; }
.form-footer1>div:nth-child(2n) {
padding-left: 7px; }
.first-child {
clear: both; } }
@media (min-width: 767px) {
.service-archive-services .first-child {
clear: both; } }
@media (max-width: 480px) {
.col-xs-cus-12 {
width: 100%;
padding-left: 15px;
padding-right: 15px; } }
@media screen and (max-width: 992px) {
.row-offcanvas-right {
right: 0; }
.rtl .row-offcanvas-right {
left: 0;
right: auto; }
.row-offcanvas-left {
left: 0; }
.rtl .row-offcanvas-left {
right: 0;
left: auto; }
.row-offcanvas-right .sidebar-offcanvas {
right: -65%; }
.rtl .row-offcanvas-right .sidebar-offcanvas {
left: -65%;
right: auto; }
.row-offcanvas-left .sidebar-offcanvas {
left: -65%; }
.rtl .row-offcanvas-left .sidebar-offcanvas {
right: -65%;
left: auto; }
.row-offcanvas-right.active {
right: 65%; }
.rtl .row-offcanvas-right.active {
left: 65%;
right: auto; }
.row-offcanvas-left.active {
left: 65%;
position: relative; }
.rtl .row-offcanvas-left.active {
right: 65%;
left: auto; }
.row-offcanvas-left.active:before {
content: "";
background-color: rgba(0,0,0,.2);
height: 100%;
width: 100%;
position: absolute;
z-index: 999; }
.zoomContainer {
display: none; } }
@media (max-width: 480px) {
.active-mobile.cart-popup .active-content {
right: 0;
left: -100px; }
.zoomContainer {
display: none; } }
@media (min-width: 992px) and (max-width: 1199px) {
.widget_wpopal_menu_vertical .navbar-nav>li>a {
padding: 7px 15px; } }
@media (min-width: 768px) and (max-width: 991px) {
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu {
min-width: 550px; } }
@media (min-width: 991px) {
.widget_wpopal_menu_vertical .menu-right .navbar-nav>li>.dropdown-menu {
margin-right: 2px;
min-height: 480px; }
.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav>li>.dropdown-menu {
margin-left: 2px;
margin-right: inherit; } }
@media (min-width: 991px) {
.widget_wpopal_menu_vertical .menu-right .navbar-nav li .dropdown-menu {
right: 130%;
left: auto; }
.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav li .dropdown-menu {
left: 130%;
right: auto; }
.widget_wpopal_menu_vertical .menu-right .navbar-nav li:focus>.dropdown-menu,.widget_wpopal_menu_vertical .menu-right .navbar-nav li:hover>.dropdown-menu {
right: 100%; }
.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav li:focus>.dropdown-menu,.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav li:hover>.dropdown-menu {
left: 100%;
right: auto; } }
/*********************************/
@media (max-width: 1199px) {
.element-timelife .entry-timeline .media-left {
vertical-align: middle;
padding-left: 30px; }
.cart .buttons a+a {
margin-top: 10px; }
.kc-pricing-tables.kc-pricing-layout-2 {
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
padding: 0 15px;
border: 0; }
.kc-pricing-tables.kc-pricing-layout-2:hover {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; }
.service-list .first-child:first-child .service-icon {
padding-top: 25px; }
.body.kc-css-system .kc-css-457738,.kc-css-988110 .kc_column {
width: 100%; } }
/*$media (min-width: 992px) and (max-width: 1199px)*/
@media (min-width: 992px) and (max-width: 1199px) {
.header-boxed .search-box-wrapper .search-focus {
padding-right: 15px;
padding-left: 15px; }
.header-support .media {
padding-left: 25px; }
.navbar-mega .navbar-nav>li>a {
padding-left: 10px;
padding-right: 10px; }
.header-full {
padding-left: 20px;
padding-right: 20px; }
.items-team {
/* padding-bottom: 115px; */
/* .job {
min-height: 40px;
} */ }
.image-style {
display: flex;
align-items: center; }
.header-boxed .search-box-wrapper .input-search {
width: 102px;
padding-left: 40px;
font-size: 14px; } }
@media (max-width: 991px) {
.opal-footer .kc_column {
width: 100% !important; }
.opal-footer .column+.column,.opal-footer .kc_column+.kc_column {
margin-top: 30px; }
.widget_shopping_cart_content .buttons {
text-align: right; }
.rtl .widget_shopping_cart_content .buttons {
text-align: left; }
.widget_shopping_cart_content .buttons>a {
float: none !important;
display: inline-block;
margin: 10px 0; }
.logo-wrapper {
min-width: 100%;
text-align: center; }
html body div.kc_row[data-kc-parallax=true] {
background-size: cover !important; }
.kc-elm.kc-css-799268,.kc-elm.kc-css-860972 {
width: 100%; }
.nav-tabs>li>a {
padding-right: 10px;
padding-left: 10px; }
/***************************/
.items-team {
padding-bottom: 0; }
.items-team .team-body {
position: static;
border: 0;
padding: 20px 0; }
.items-team .team-body .bo-social-icons {
display: block; }
.form-column+.form-column {
margin-top: 20px; }
.site-header.header-absolute {
background: #312f3a; }
.element-timelife .entry-timeline .image {
margin: 30px 0; }
.single-product-summary {
margin-top: 50px; }
.opal-copyright .info-footer aside+aside {
margin-left: 30px; } }
@media (min-width: 991px) {
.header-absolute .site-header {
position: absolute;
width: 100%;
z-index: 9999; }
.header-absolute .opal-breadscrumb {
padding-bottom: 60px;
padding-top: 300px; }
.widget_mc4wp_form_widget {
margin: 0 auto;
width: 75% !important;
float: none !important; }
.flex {
display: flex; } }
/*$media (min-width: 768px) and (max-width: 991px) {*/
@media (min-width: 768px) and (max-width: 991px) {
.opal-social-share {
margin-left: 20px;
display: block; }
.rtl .opal-social-share {
margin-right: 20px;
margin-left: inherit; }
.kc-image-gallery>.kc_image_gallery.kc-grid>.item-grid {
width: 33.33333%; }
.effect-v1 {
width: 193px !important;
height: 193px !important; }
.items-team .team-header img {
width: 100%; }
.call-to-action .kc_button {
border-color: #d0262e;
color: #000; }
.service_home4 .service-box-image img,.service_home4 div {
width: 100%; }
.opal-footer-profile .widget_mc4wp_form_widget h2 {
display: block;
text-align: center; }
.kc-feature-boxes.kc-fb-layout-2 .content-desc {
padding: 20px 0; } }
/*$media (max-width: 767px) {*/
@media (max-width: 767px) {
.kc-image-gallery>.kc_image_gallery.kc-grid>.item-grid {
width: 50% !important; }
.kc-call-to-action.kc-cta-3 {
display: block; }
.kc-call-to-action.kc-cta-3>div {
display: block;
width: 100%;
text-align: center; }
.kc-call-to-action.kc-cta-3>div>* {
display: inline-block; }
.kc-call-to-action.kc-cta-3>div a {
margin-top: 20px;
float: none; }
.element-timelife .entry-timeline .media-left {
display: block; }
.element-timelife .entry-timeline .image {
margin-bottom: 0; }
.blog-carousel .blog-item,.blog-grid .blog-item {
padding-right: 0;
padding-left: 0; }
.service_home4 .service-box-image img {
width: 100%; }
.nav-tabs>li {
display: block; }
.nav-tabs>li+li {
padding-top: 10px; }
.nav-tabs>li>a {
display: inline-block; }
.opal-footer-profile .widget_mc4wp_form_widget .mc4wp-form-fields {
text-align: center; }
.opal-footer-profile .widget_mc4wp_form_widget h2 {
display: block;
text-align: center; }
.opal-footer-profile .widget_mc4wp_form_widget .input-group {
display: block;
width: 100%; }
.opal-footer-profile .widget_mc4wp_form_widget .input-group:before {
display: none; }
.opal-footer-profile .widget_mc4wp_form_widget .input-group .form-control {
float: none;
margin-right: 0;
margin-left: 0; }
.opal-footer-profile .widget_mc4wp_form_widget .input-group .input-group-btn {
display: block;
margin-top: 20px;
width: 100%; }
.opal-footer-profile .widget_mc4wp_form_widget .input-group .input-group-btn .btn {
padding: 10px 40px; }
.kc-call-to-action {
padding: 25px !important; }
.kc-call-to-action.kc-cta-3 {
padding-left: 0; }
.kc-call-to-action.kc-cta-3 .kc-cta-button {
width: 100% !important; }
.kc-call-to-action.kc-cta-3 .kc-cta-button a {
padding: 10px 20px; }
.list_pro_home2 .blog-list .content-blog {
display: block; }
.list_pro_home2 .blog-list .content-blog>div {
width: 100%;
display: block; }
.list_pro_home2 .blog-list .content-blog>div:last-child {
width: 100%;
padding-left: 15px;
padding-top: 10px; }
.list_pro_home2 .blog-list .content-blog .entry-title {
font-size: 14px; }
div.wpcf7 {
padding: 15px; }
.element-block-heading .heading {
font-size: 20px;
margin-bottom: 10px;
padding-top: 30px; }
.kc_title {
font-size: 20px; }
.kc-feature-boxes.kc-fb-layout-2 {
border-bottom: 2px solid #bb2229; }
.header-boxed {
padding: 16px 0; }
.kc_counter_box .info_number {
text-align: center;
padding: 20px 0; } }
/*$media (max-width: 480px) {*/
@media (max-width: 480px) {
.kc-image-gallery>.kc_image_gallery.kc-grid>.item-grid {
width: 100% !important; }
.setting-popup .active-content {
min-width: 170px; }
.portfolio .nav-tabs>li+li a {
border: 0; }
.portfolio .nav-tabs>li>a {
padding: 5px; }
.portfolio.style-v1.light.center .nav-tabs>li {
display: block; }
.brands-collection .partners-content {
padding-left: 0;
padding-right: 0; }
.blog-list .content-blog .image,.element-timelife .entry-timeline .media-left {
padding-left: 0; }
.element-timelife .entry-timeline .image {
margin-top: 0; }
.widget-info .column {
margin: 20px 0; }
.widget-info .column+.column {
padding-left: 15px; }
.notfound-page .button>a {
display: inline-block;
margin-top: 10px; } }
@media (max-width: 991px) {
.kc_col-sm-7 {
width: 100% !important; } }
@import url(http://www.sampaolesiplastic.com.ar/wp/wp-content/themes/gear/style.css);