/**
Theme Name: Loja
*/
/**
* Table of Contents
*
* 1.0 - Browser Reset
* 2.0 - Core Animation
* 3.0 - Typography
* 4.0 - Grid system
* 5.0 - Tables
* 6.0 - Forms
* 7.0 - Buttons
* 8.0 - Dropdown menus
* 9.0 - Navs
* 10.0 - Navbars
* 11.0 - Breadcrumbs
* 12.0 - Pagination
* 13.0 - Labels
* 14.0 - Alerts
* 15.0 - Progress bars
* 16.0 - Panels
* 17.0 - Close icons
* 18.0 - Morphsearch
* 19.0 - Mediaelementplayer
* 20.0 - Modals
* 21.0 - Tooltips
* 22.0 - Popovers
* 23.0 - Carousel
* 24.0 - DH Slider
* 25.0 - Shortcodes
* 25.1 - Caroufredsel Slider
* 25.2 - Testimonial
* 25.3 - Counter
* 25.4 - Countdown
* 25.5 - Instagram
* 25.6 - Box Feature,
* 25.7 - Client
* 26.0 - Header
* 27.0 - Footer
* 29.0 - Post
* 30.0 - Comment form
* 31.0 - Widget sidebar
* 32.0 - Contact form 7
* 34.0 - Utility classes
* 35.0 - Responsive: Utility classes
* 36.0 - Custom style
*/
/*--------------------------------------------------------------
1.0 - Browser Reset
--------------------------------------------------------------*/
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
overflow-x:hidden;
}
body {
margin: 0;
text-rendering: optimizelegibility;
/* letter-spacing: 0.2px;
word-wrap: break-word; */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
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: transparent;
-webkit-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s;
-o-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s;
transition: background-color 0.3s, border-color 0.3s, text-color 0.3s;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.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: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 3.076923076923077em;
}
hr {
-moz-box-sizing: content-box;
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;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 0.15384615384615385em;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.main-content table {
width: 100%;
max-width: 100%;
margin-bottom: 1.5384615384615385em;
}
* {
/* margin: 0;
padding: 0; */
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
text-rendering: geometricPrecision;
}
/*==================================================================
KIT KIT KIT KIT KIT KIT KIT KIT KIT KIT KIT KIT KIT KIT KIT KIT KIT
==================================================================*/
.kit-overlay2,
.kit-overlay1 {
position: relative;
z-index: 1;
}
.kit-overlay1::before {
content: "";
display: block;
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #000;
}
.kit-overlay2::before {
content: "";
display: block;
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #FFF;
}
.kit-overlay1::before {opacity: 0.8;}
.kit-overlay2::before {opacity: 0.8;}
/*---------------------------------------------*/
.kit-list1 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.kit-list1::before {
content: "";
display: block;
width: 7px;
height: 7px;
background: #ccc;
border-radius: 50%;
margin-right: 10px;
margin-top: 7px;
}
.kit-list1 > a {
max-width: calc(100% - 17px);
}
/*---------------------------------------------*/
.kit-list2 {
position: relative;
padding-left: 27px;
}
.kit-list2::before {
content: "\f078";
font-family: FontAwesome;
font-size: 14px;
color: #555;
position: absolute;
left: 0;
top: -1px;
}
/*---------------------------------------------*/
.kit-symbol1 {
position: relative;
}
.kit-symbol1::before {
content: "\f10d";
font-family: FontAwesome;
font-size: 36px;
color: #16a086;
line-height: 1;
position: absolute;
top: -5px;
left: -43px;
}
/*---------------------------------------------*/
.kit-pos1 {
position: absolute;
top: -35px;
left: 50px;
}
/*---------------------------------------------*/
@media (min-width: 1368px) {
.kit-pos2 {
position: relative;
height: 124px;
}
.kit-pos2-1 {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
}
}
/*---------------------------------------------*/
.kit-bor1 {
border: 10px solid #fff;
border-bottom: none;
}
@media (max-width: 1368px) {
.kit-bor1 {
border: none;
}
}
/*---------------------------------------------*/
.kit-underline1 {
position: relative;
}
.kit-underline1::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #ddd;
border-left: 70px solid #05233a;
}
/*------------------------------------------------------------------
[ Parallax100 ]*/
.parallax100 {
background-attachment: fixed;
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 991px) {
.parallax100 {background-attachment: inherit;}
}
/*****CSS hoipro*******/
.lanactive{
color:#c2fffc !important;
display:none
}
.boxcc {
background: #FFF;
width: 100%;
float: left;
padding: 20px;
box-shadow:1px 1px #ccc;
border-radius:20px;
}
.main-content table{
width:100% !important;
max-width:100% !important;
}
.main-content table td{
border:1px solid #dedede;
}
.contentdl p{
margin: 2% 0;
}
.titledt{
width: 100%;
float: left;
text-align: left;
font-size: 25px;
background: aliceblue;
padding: 10px 10px;
margin: 15px 0;
text-align: center;
}
.lkmb{
}
.lkmb div{
width:50%;
float:left;
}
.fl{
float:left;
}
.boxcs{
width:100%;
border:1px solid #ddd;
box-shadow:1px 2px 2px #ddd;
min-height:120px;
padding:5px;
background:#FFF;
margin-bottom:10px;
text-align:center;
}
.boxcs:hover{
border:1px solid orange;
box-shadow:1px 2px 2px orange;
}
.cs1{
width:25%;
margin-right:25px;
}
.cs2{
width:67%;
}
.csp1{
font-size:40px;
text-align:center;
color:#f1650e;
font-weight:bold;
}
.csp2{
color:#111;
font-size:14px;
text-align:center
}
.t1-b-2 {
font-family: Roboto-Bold;
font-size: 60px;
line-height: 1.1;
}
.menutk{
background:#010433;
padding:10px;
}
.menutk li{
}
.menutk li a{
color:#FFF;
font-size:18px;
}
.input-group a{
border:1px solid green;
padding:3px 4px;
color:#444;
}
.hoatdong-tabs-container{
margin-top:20px;
}
.hoatdong-tabs-container .product{
background:#FFF;
}
.taisaobox{
padding-top:0px;
padding-bottom:20px;
}
.taisao-container{
color:#FFF;
}
.titlewhy{
color:#FFF;
text-transform:uppercase;
}
.titlehd{
color:#010433;
/* text-transform:uppercase; */
font-size:30px;
font-weight: bold;
padding: 20px 0;
}
.titleconso{
color:#010433;
text-transform:uppercase;
font-size:28px;
}
.k3{
border-bottom:1px solid #ccc;
width:80px;
height:5px;
display: block;
margin:2px auto;
}
.k4{
border-bottom:1px solid #ccc;
width:120px;
height:5px;
display: block;
margin:2px auto;
}
.k1{
border-bottom:1px solid #FFF;
width:80px;
height:5px;
display: block;
margin:2px auto;
}
.k2{
border-bottom:1px solid #FFF;
width:120px;
height:5px;
display: block;
margin:2px auto;
}
.boxts{
padding:20px;
font-size:18px
}
.cname{
font-size:20px;
margin-top:25px;
margin-bottom:5px;
}
.cname .fa-quote-left{
position: relative;
top:-15px;
color:#ccc;
}
.cname .fa-quote-right{
position: relative;
bottom:-15px;
color:#ccc;
}
.ccont{
margin-top:15px;
font-size:20px;
}
.cimg{
margin-top:15px;
float:left;
margin-right:30px
}
.cimg img{
border-radius:0 0 50% 50%;
width:400px;
}
.showc a{
padding:0px 10px;
}
.boleft{
border-right: 1px solid #ccc
}
.boxcatnn{
text-align:center;
color:#FFF;
padding:20px;
display:none;
}
.boxcatnn a{
color:#FFF;
}
.homepage .content-container{
width:100%;
float:left !important
}
.content-container{
width:100%;
}
.borbot{
border-bottom:1px solid #f4f4f4;
padding:5px 0;
}
.titlelag {
font-size: 28px;
text-transform: uppercase;
line-height: 51px;
text-align: center;
font-weight:700;
width: 100%;
float: left;
color:#010433;
}
.bgh1{
background:#f4f4f4;
}
.bgh0{
background:#FFF;
width:100%;
float:left;
}
.homnew{
}
.homnew img{
max-width:100%;
}
.titlesn{
font-weight:bold;
}
.contentsn{
}
box-check #userDiv{
margin-top:5px;
margin-bottom:15px;
}
.input-ck2{
height: 35px;
margin-bottom: 10px;
border: 1px solid #F8C711;
border-radius:5px;
}
.box-check2 .title-home2 {
font-size: 18px;
text-transform: uppercase;
}
.box-check2 {
border: 2px solid #F8C711;
padding: 10px;
text-align:center;
margin-top:30px;
border-radius:10px;
background:aliceblue;
}
#btn999 {
padding: 8px 40px;
font-size: 16px;
border: 1px solid #666;
}
.box-check2 .input-ck{
width: 100%;
height: 40px;
margin-bottom: 10px;
border: 1px solid #F8C711;
border-radius:5px;
font-size: 16px;
}
.box-check2 #userDiv{
text-align:center;
}
.box-check2 #form {
margin-bottom: 20px;
margin-top: 10px;
}
.main{
width: 100%;
float: left;
}
.check-warranty{
width: 100%;
float: left;
padding: 14px 20px;
background: azure;
border: 1px solid #EEEE;
border-radius: 10px;
margin-bottom: 10px;
}
.fix-qc{
margin-bottom:10px;
}
.main-content{
line-height:25px;
}
.box-news-thumb {
box-shadow: 0 0 8px #ccc;
-webkit-transition: box-shadow 0.2s ease-in-out;
-moz-transition: box-shadow 0.2s ease-in-out;
-o-transition: box-shadow 0.2s ease-in-out;
transition: box-shadow 0.2s ease-in-out;
background: #fff;
min-height: 300px;
display: inline-block;
width: 100%;
padding:5px;
}
ul.news-thumb-list {
display: inline-block;
margin: 0;
padding: 0 1.1rem;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
height: 300px;
width: 100%;
}
ul.news-thumb-list li {
height: 90px;
margin-bottom: 10px;
padding: 0;
list-style: none;
overflow: hidden;
}
ul.news-thumb-list li {
list-style: none;
}
ul.news-thumb-list li:first-child a {
border-top: 0;
padding-top: 1.1rem;
}
ul.news-thumb-list li a {
border-top: .1rem solid #e5e5e5;
padding: 1.1rem 0;
padding-top: 1.1rem;
height: 100%;
width: 100%;
display: inline-block;
}
ul.news-thumb-list li a > .image {
float: left;
height: 75px;
width: 100px;
border: 0;
margin-right:8px;
}
ul.news-thumb-list li .caption {
background: 0;
bottom: auto;
height: 75px;
left: auto;
padding: 0;
position: relative;
right: auto;
width: auto;
}
ul.news-thumb-list li .title {
font-size: 13px;
line-height: 1.384;
color:
#333;
max-height: 70px;
overflow: hidden;
position: relative;
padding: 0;
top: -.4rem;
display: block;
white-space: normal;
margin-bottom:5px;
}
ul.news-thumb-list li .sourcename {
bottom: -5px;
color:
#a0a0a0;
position: absolute;
display: inline;
min-height: 0;
padding-top: 0;
font-size: 11px;
}
ul.news-thumb-list li a > .image ~ div {
padding: 0;
}
.bb1{
}
.bb2{
list-style:none;
background:#eee;
min-height:300px;
}
.bb2 li{
list-style:none;
border-bottom:1px solid #ddd;
padding:5px 10px;
margin-bottom:5px;
}
.bb1-img img{
max-width:100%
}
.bb1-tit {
margin-bottom:20px;
margin-top:10px
}
.bb1-tit a{
color:#333;
}
.center{text-align:center}
.fontdam{
font-weight:bold;
}
.bb1-date2 i{
color:orange;
}
.bb1-date1 i{
color:orange;
}
.bb1-date2{
color:#555;
font-size:12px;
margin:0;
}
.bb1-date1{
color:#555;
font-size:12px;
margin:0;
}
.cc0{
position:relative;
margin-bottom:30px;
}
.cc0-tit{
}
.cc0-img{
}
.cc1{
}
.cc2{
list-style:none;
}
.cc2 li{
list-style:none;
border-bottom:1px solid #ddd;
padding:5px 10px;
margin-bottom:10px;
background:#f9f9f9;
box-shadow:1px 1px 1px #ccc
}
.cc1-img img{
max-width:100%
}
.cc1-tit {
margin-bottom:20px;
margin-top:10px
}
.cc1-tit a{
color:#333;
}
.center{text-align:center}
.fontdam{
font-weight:bold;
}
.cc0-date1 i{
color:orange;
}
.cc1-date2 i{
color:orange;
}
.cc1-date1 i{
color:orange;
}
.cc1-date2{
color:#555;
font-size:12px;
margin:0;
}
.cc1-date1{
color:#555;
font-size:12px;
margin:0;
}
.cc0-date1{
color:#ccc;
font-size:12px;
margin:0;
}
@media (min-width: 1366px) {
.cc1-img{
height:200px;
overflow:hidden;
text-align:center;
}
}
@media (min-width: 768px) {
.cc1-img img{
max-height:200px;
}
.bb1-img img{
max-height:200px;
}
.c11 img{
max-height:90px;
}
.show_mb{
display:none !important
}
.cc0-tit{
background: rgba(0,0,0,0.5);
text-align:left;
padding:10px;
position:absolute;
bottom:0;
width:100%;
}
.cc0-tit a{
color:#FFF;
}
.cc0-img{
height:630px;
overflow:hidden;
text-align: center;
}
.cc1{
}
.bb1-tit {
height:55px;
overflow:hidden;
}
.bb1-img{
height:160px;
overflow:hidden;
text-align:center;
}
.cc1-tit {
height:55px;
overflow:hidden;
}
.cc1-img{
height:160px;
overflow:hidden;
text-align:center;
}
.fixhe{
height:600px;
overflow:hidden
}
.fixhe .tp-revslider-slidesli img{
width:100%;
height:600px;
}
.fixhe2{
height:550px;
overflow:hidden
}
.submn2{
margin:0;
position:absolute;
right:5px;
top:5px;
}
}
.trainghiemquocte {
position: fixed;
right: 0;
bottom: 30px;
z-index: 3;
}
@media (max-width: 767px) {
.show_des{
display:none !important
}
.fxb{
width:100% !important;
}
.fix-qc {
width: 49% !important;
float: left;
}
.main-content table {
width: 100% !important;
}
.main-content table td{
max-width: 100% !important;
font-size:14px !important;
padding:2px !important;
}
.main-content table td a {
font-size:14px !important;
}
.main-content table td span {
font-size:14px !important;
}
.trainghiemquocte img{
width:80px;
}
.box-news-thumb-qc{
height:auto !important;
}
.entry-title {
font-size: 12px !important;
height:40px;
}
.box-img-home {
height: 120px !important;
overflow: hidden;
}
.row-fluid .col-md-3{
width:50% !important;
float:left;
}
.entry-title{
text-align:center;
}
.box-img-home{
height: 200px;
overflow: hidden;
}
.submn2{
margin:0;
right:5px;
top:5px;
}
.nice-border{
width: 100% !important;
background:beige;
float: left;
padding: 5px 10px;
text-align: left;
border-bottom: 2px solid;
margin-bottom: 10px;
}
}
.submn2 li{
display:inline;
}
.submn2 li a{
font-size:12px;
font-weight:normal;
color:#333;
}
.submn2 > li + li::before {
content: "/\00a0";
padding: 0 5px;
color: #333;
font-size:12px;
}
.banner-top{
max-width:100%;
}
.menu-item i{
padding: 6px 7px;
border-radius: 50%;
}
.fix-map iframe{
max-width:100% !important;
height:200px;
}
.ndate{
color:#666;
font-size: 12px;
}
.box-news-thumb-hot {
}
.box-news-thumb-qc {
box-shadow: 0 0 8px
#ccc;
-webkit-transition: box-shadow 0.2s ease-in-out;
-moz-transition: box-shadow 0.2s ease-in-out;
-o-transition: box-shadow 0.2s ease-in-out;
transition: box-shadow 0.2s ease-in-out;
background:
#fff;
height: 350px;
display: inline-block;
width: 100%;
margin-bottom: 10px;
overflow:hidden;
}
.boxhomn {
border-bottom:none;
margin-bottom:15px;
padding-top: 5px;
}
.boxhomn > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
color:red;
border:none !important
}
.boxhomn li{
float:right;
border:none !important;
}
.boxhomn li a{
font-weight:bold;
font-style: italic;
padding: 5px 10px !important;
}
.bbxx .tab-content{
margin-top:15px !important;
}
.box-news-top {
margin:0;
padding:0px 6px 6px 6px;
list-style:none
}
.box-news-top img{
float:left;
width:112px;
margin-right:8px
}
.badge{
background:#ffc107 !important;
}
.box-news-top li{
display:inline;
margin-bottom:5px;
padding-bottom:5px;
margin-bottom:5px;
width:100%;
float:left;
line-height:18px;
}
.dcc{
background:#F4F4F4;
border-bottom:2px solid #D6E9C6;
padding-bottom:20px;
}
.tp-half-one{visibility:normal !important}
.title-slide{
font-size: 16px;
text-align: center;
margin-top: 20px;
position: absolute;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.6);
color: #FFF;
padding: 15px 5px;
width: 100%;
margin: 0;
}
.menu-item {
line-height: 30px;
}
#top-searchform .form-control{
height:28px !important;
}
.icon-c img{width:26px}
.zoom {
// transition: transform .2s; /* Animation */
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
-o-transition: all .35s ease;
transition: all .35s ease;
}
.zoom:hover {
transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
animation:1.3s ease-in-out 0s normal none infinite running oneclick-circle-img-anim;
}
.widget-title{
margin-top:0
}
.title-other{line-height:20px}
.title-other a{font-size:13px;}
.img-other{ max-width:100%; max-height:150px}
.fix-h2o{height:25px; overflow:hidden}
.ulphoto {
border: 1px solid #D0D0D0;
border-radius: 123px 123px 123px 123px;
display: block;
height: 100px !important;
width:100px;
padding: 5px;
}
.title-news-h1{margin-top:0; margin-bottom:20px; font-size:22px; text-transform:uppercase}
.icon-sss{
background: none;
border: navajowhite;
right: 10px;
position: absolute;
font-size: 14px;
top: 5px;
color: #7f6ba5;
}
.display{
display:table !important;
}
.hssv-title{font-size:14px; text-align:center; margin-top:10px}
.product_list_widget li{float:left; width:100%}
.product_list_widget li img{float:left; margin-right:10px}
.title-s2k {
margin-top: 15px;
margin-bottom: 8px;
color: greenyellow;
font-size: 16px;
border-bottom: 1px solid grey;
padding-bottom: 3px;
}
.info-e .input-text{
width: 100%;
border: 1px solid #ddd;
padding: 5px;
}
.search-staff{ width:80%; border:1px solid #010433; padding:5px}
.box-staff{
background:#010433; padding:10px
}
.staff-name{
color:#FFF;
font-size:20px;
margin-top:0;
}
.staff-address{
color:#FFF
}
.staff-phone a{
color:orange
}
.staff-email a{
color:#529DF1
}
.title_box_category {
background: #F9F9FA;
margin-bottom: 10px;
overflow: hidden;
position: relative;
padding-left: 1px;
white-space: nowrap;
}
.title_box_category::after {
content: '';
width: 100%;
height: 2px;
background: #dadada;
position: absolute;
top: 0;
left: 0;
}
.title_box_category h2, .title_box_category h3 {
display: inline-block;
min-height: 28px;
position: relative;
margin-right: 6px;
margin-top:0;
margin-bottom:0;
}
.title_box_category .first::after {
content: '';
width: 100%;
height: 2px;
position: absolute;
top: 0;
left: 0;
background: #999;
z-index: 9;
}
.title_box_category h3::after {
content: '';
width: 1px;
height: 10px;
background: #ccc;
position: absolute;
left: -2px;
top: 11px;
z-index: 1;
}
.title_box_category h3, h3, h4, h5, h6 {
line-height: 16px;
}
.title_box_category h3:first-of-type {
margin-left: -9px;
}
.title_box_category h2{
background:#010433;
min-width:160px;
}
.title_box_category .first {
color: #FFF;
padding: 7px 10px;
display: block;
font-weight:700;
font-size: 14px;
text-transform: uppercase;
}
.title_box_category h2 a, .title_box_category h3 a {
font: 400 12px arial;
color: #000;
padding: 10px 6px;
display: block;
}
.title_box_category h3:first-of-type {
margin-left: -9px;
}
.title_box_category h3 {
margin: 0;
margin-left: 0px;
}
#search-product{background:none}
.main-content img{max-width:100% !important; }
.nice-border .nice-border-bottom-right{display:none}
.nice-border .nice-border-top-left{display:none}
.home-title{ border-bottom:2px solid #eee; text-align:center; text-transform:uppercase; padding:10px; }
.home-title a::before {
position: absolute;
content: "";
height: 3px;
width: 150px;
background: #010433;
top: 62px;
left:41%
}
@media (max-width: 767px) {
#rev_slider_wrapper_top{
height:100px !important;
}
#rev_slider_top{
height:100px !important;
}
#rev_slider_wrapper{
height:250px !important;
}
#rev_slider{
height:250px !important;
}
.nvs{
margin-bottom:0 !important
}
.banner-top{
display:none
}
.readmore-link{
width:100%;
margin-bottom:30px;
font-size:16px !important;
}
.col-md-22{ width:100%}
.posts .entry-title{ font-size:13px !important;}
.title-home2{font-size:13px !important; margin-bottom:20px !important}
h1, .h1{font-size:23px !important;margin-bottom:10px!important}
h2, .h2{font-size:20px !important; margin-bottom:10px!important}
h3, .h3{font-size:18px !important; margin-bottom:10px !important}
.mb-sub{background:#ccc; padding-left:20px}
.mb-sub li a{text-transform:none !important}
.row{margin:0 !important}
.item-image{height:180px; }
.commerce ul.cart_list, .commerce ul.product_list_widget{padding:10px !important}
.summary{padding:15px}
.fix-mb1{width:20% !important; float:left}
.fix-mb2{width:80% !important;float:left}
.home-title a::before {
display:none;
}
#___comments_0{width:auto !important;max-width:100% !important}
}
.li-support{
border-bottom:1px solid #eee;
padding-bottom:5px;
padding-top:5px;
}
.title-support{
font-size:14px; font-weight:bold
}
.phone-support{
padding-left:5px
}
.email-support{
padding-left:5px
}
.navbar-fixed-top .logo-mobile{ display:none}
.heading-nice-border{ font-size:22px; color:#010433;border-bottom: 1px solid #ccc;position: relative;}
.navbar-fixed-top #top-searchform{display:none}
.hot-mail{ margin-bottom:10px}
.hot-mail a{font-weight:bold; padding-right:20px}
.hot-mail i{font-size:22px; position:relative; top:4px; color:#FFDD03}
.bg-banner{ padding-top:1px}
.line-top{ height:10px; background:#FFDD03}
.title-tn{ font-size:16px; text-transform:uppercase}
.title-home2{font-size:14px; font-weight:normal; margin-top:5px; margin-bottom:10px;text-align: center; height:50px}
.title-home2 a{color:#000}
.item-image{overflow: hidden; text-align:center;border:1px solid #efefef; background:azure; }
.bg-box-home{
background: #eeeeee url("../images/17.png");
}
.tta-container {
box-shadow: 0 0 8px #ccc;
-webkit-transition: box-shadow 0.2s ease-in-out;
-moz-transition: box-shadow 0.2s ease-in-out;
-o-transition: box-shadow 0.2s ease-in-out;
transition: box-shadow 0.2s ease-in-out;
background: #fff;
min-height: 200px;
display: inline-block;
width: 100%;
padding:10px;
}
.apl0{
padding-left:0 !important
}
.apr0{
padding-right:0 !important
}
.box-news-top{
}
.box-news-top li a{
font-weight:500;
}
@media (min-width: 768px) {
.lkmb{
display:none;
}
.hoatdong-mobile{
display:none;
}
.footer-widget li{
width:50%;
float:left;
margin-bottom:15px;
}
.col-md-22{ width:20%; float:left; padding:3px}
.title-home{
height:45px;
}
.pl0{
padding-left:0 !important;
padding-right:30px !important;
}
.pr0{
padding-right:0 !important;
padding-left:30px !important;
}
.box-img-home{
height:170px;
overflow:hidden;
/* background: #f9f9f9; */
border: 1px solid #f5f5f5;
text-align:center;
}
.img-hssv{ width:100%; height:168px; overflow:hidden}
.p0{padding:0 !important}
.item-image{height:180px;}
}
.item-image img{ max-width:100%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
padding:5px;
height:175px;
}
.item-image: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); }
.short-content{height:50px}
.bg-mn{
border-bottom:1px solid #555;border-top:1px solid #555; background:#010433
}
.navbar-default-wrap{ }
.navbar-fixed-top .navbar-default-wrap{ }
.fix-img img{max-width:100% !important; height:auto !important}
.fix-img input{max-width:100% !important}
/****************/
.main-content table > thead > tr > th,
.main-content table > tbody > tr > th,
.main-content table > tfoot > tr > th,
.main-content table > thead > tr > td,
.main-content table > tbody > tr > td,
.main-content table > tfoot > tr > td {
padding: 0.7692307692307693em;
line-height: 1.6;
vertical-align: middle;
/* border-top: 1px solid #dedede; */
}
.main-content table > thead > tr > th {
vertical-align: bottom;
border-bottom: 0px solid #dedede;
background: #ebebec;
}
.main-content table > caption + thead > tr:first-child > th,
.main-content table > colgroup + thead > tr:first-child > th,
.main-content table > thead:first-child > tr:first-child > th,
.main-content table > caption + thead > tr:first-child > td,
.main-content table > colgroup + thead > tr:first-child > td,
.main-content table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.main-content table > tbody + tbody {
border-top: 1px solid #dedede;
}
td,
th {
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 14px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: 'Roboto', sans-serif;
/* font-family: Plus Jakarta Sans,sans-serif; */
letter-spacing: .04rem;
}
body {
/* font-family: Arial, sans-serif; */
font-size: 14px;
color: #000;
background: #ffffff;
font-style: normal;
font-weight: 400;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #1e1e1e;
text-decoration: none;
}
a:hover,
a:focus {
color: #bca480;
text-decoration: none;
}
a:focus {
outline: none;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
max-width: 100%;
height: auto;
}
hr {
margin-top: 1.5384615384615385em;
margin-bottom: 1.5384615384615385em;
border: 0;
border-top: 1px solid #515151;
}
.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;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 0.15384615384615385em 0.3076923076923077em;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 0px;
}
kbd {
padding: 0.15384615384615385em 0.3076923076923077em;
font-size: 90%;
color: #ffffff;
background-color: #333333;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
box-shadow: none;
}
pre {
display: block;
padding: 0.2692307692307693em;
margin: 0 0 0.7692307692307693em;
font-size: 12px;
line-height: 1.6;
word-break: break-all;
word-wrap: break-word;
color: #1e1e1e;
background-color: #ebebec;
border: 1px solid #ebebec;
border-radius: 0px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 26.153846153846153em;
overflow-y: scroll;
}
/*--------------------------------------------------------------
2.0 - Core Animation
--------------------------------------------------------------*/
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.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: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}
@-webkit-keyframes loadingFade {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes loadingFade {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes loadingFade {
0% {
opacity: 0;
filter: alpha(opacity=0);
}
50% {
opacity: 1;
filter: alpha(opacity=100);
}
100% {
opacity: 0;
filter: alpha(opacity=0);
}
}
.fade-loading {
text-align: center;
}
.fade-loading i {
-webkit-animation: 1.5s ease 0s normal none infinite loadingFade;
-o-animation: 1.5s ease 0s normal none infinite loadingFade;
animation: 1.5s ease 0s normal none infinite loadingFade;
background: none repeat scroll 0 0 #bca480;
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
height: 10px;
margin: 0 4px;
opacity: 0;
filter: alpha(opacity=0);
width: 10px;
}
.fade-loading i:nth-child(0) {
-webkit-animation-delay: 0;
animation-delay: 0;
}
.fade-loading i:nth-child(1) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.fade-loading i:nth-child(2) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.fade-loading i:nth-child(3) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.fade-loading i:nth-child(4) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.spinner-loading {
-webkit-animation: fa-spin 1s infinite linear;
-o-animation: fa-spin 1s infinite linear;
animation: fa-spin 1s infinite linear;
-webkit-animation-timing-function: steps(8, start);
animation-timing-function: steps(8, start);
}
@keyframes loadmoreCube {
0% {
transform: translateX(-120px);
}
50% {
transform: translateX(0px) rotate(180deg) scale(2.2);
}
100% {
transform: translateX(120px);
}
}
@-o-keyframes loadmoreCube {
0% {
-o-transform: translateX(-120px);
}
50% {
-o-transform: translateX(0px) rotate(180deg) scale(2.2);
}
100% {
-o-transform: translateX(120px);
}
}
@-moz-keyframes loadmoreCube {
0% {
-moz-transform: translateX(-120px);
}
50% {
-moz-transform: translateX(0px) rotate(180deg) scale(2.2);
}
100% {
-moz-transform: translateX(120px);
}
}
@-webkit-keyframes loadmoreCube {
0% {
-webkit-transform: translateX(-120px);
}
50% {
-webkit-transform: translateX(0px) rotate(180deg) scale(2.2);
}
100% {
-webkit-transform: translateX(120px);
}
}
.loadmore-action {
text-align: center;
margin-top: 1.5384615384615385em;
margin-bottom: 1.5384615384615385em;
}
.loadmore-action .loadmore-loading {
display: none;
}
.loadmore-action .loadmore-loading span {
-webkit-animation: 2.5s ease-in-out 0s normal none infinite loadmoreCube;
-o-animation: 2.5s ease-in-out 0s normal none infinite loadmoreCube;
animation: 2.5s ease-in-out 0s normal none infinite loadmoreCube;
background: #bca480;
height: 8px;
width: 8px;
display: inline-block;
}
.loadmore-action .loadmore-loading span:nth-child(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.loadmore-action .loadmore-loading span:nth-child(2) {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.loadmore-action .loadmore-loading span:nth-child(3) {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.loadmore-action .loadmore-loading span:nth-child(4) {
-webkit-animation-delay: -1.5s;
animation-delay: -1.5s;
}
.loadmore-action .loadmore-loading span:nth-child(5) {
-webkit-animation-delay: -2s;
animation-delay: -2s;
}
.loadmore-action .btn-loadmore {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.6rem 1.7rem ;
font-size: 13px;
line-height: 1.3;
-webkit-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-o-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
background: transparent;
border: 2px solid #1e1e1e;
text-transform: uppercase;
color: #1e1e1e;
position: relative;
line-height: 1.4;
display: table;
margin: 0 auto;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.loadmore-action .btn-loadmore:hover,
.loadmore-action .btn-loadmore:focus {
color: #1e1e1e;
text-decoration: none;
}
.loadmore-action .btn-loadmore i,
.loadmore-action .btn-loadmore span {
z-index: 2;
position: relative;
}
.loadmore-action .btn-loadmore:hover {
border-color: #1e1e1e;
-webkit-box-shadow: 0 0 0 1px inset;
box-shadow: 0 0 0 1px inset;
}
.loadmore-action .btn-loadmore:after {
content: "\f067";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.loadmore-action .btn-loadmore:after {
margin-left: 0.38461538461538464em;
}
.dh-disable-animation .el-appear {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.dh-disable-animation .animate-box.animated {
visibility: visible;
}
.dh-disable-animation .column[data-fade="1"] {
opacity: 1;
filter: alpha(opacity=100);
}
.dh-disable-animation .row .row-image-bg[data-parallax="1"] {
background-position: 50% 0 !important;
background-attachment: scroll !important;
}
.dh-disable-animation .dh-lists[data-animation="1"] li {
opacity: 1;
filter: alpha(opacity=100);
left: 0 !important;
}
/*--------------------------------------------------------------
3.0 - Typography
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-weight: 700;
line-height: 1.1;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #444444;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
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,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 1rem;
margin-bottom: 1rem;
}
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: 25px;
font-style: normal;
font-weight: 700;
}
h2,
.h2 {
font-size: 2.3076923076923075em;
font-style: normal;
font-weight: 700;
}
h3,
.h3 {
font-size: 1.8461538461538463em;
font-style: normal;
font-weight: 700;
}
h4,
.h4 {
font-size: 1.3846153846153846em;
font-style: normal;
font-weight: 700;
}
h5,
.h5 {
font-size: 1.0769230769230769em;
font-style: normal;
font-weight: 700;
}
h6,
.h6 {
font-size: 13px;
font-style: normal;
font-weight: 700;
}
/* p {
margin: 0
} */
.el-heading {
margin-top: 0;
font-size: 1.8461538461538463em;
margin-bottom: 1rem;
}
.lead {
margin-bottom: 1.5384615384615385em;
font-size: 14px;
font-weight: 300;
line-height: 1.4;
}
.boxvd{
display: flex;
width: 100%;
flex-wrap: wrap;
}
.boxvd .vid{
flex: 50%;
}
.boxvd .vid iframe {
height: 220px !important;
}
#pdf_content{
width:100%;
height:auto;
}
@media (max-width: 767px) {
#pdf_content{
height:600px !important;
display:none;
}
}
@media (min-width: 768px) {
.viewmb{
display:none;
}
#pdf_content{
height:900px !important;
}
}
@media (max-width: 767px) {
.fix-img div{
max-width:100% !important;
text-indent:initial !important;
}
.fix-img img{
margin-top:10px;
}
.hoatdong-tabs-container{
display:none;
}
.lkdk{
display:none;
}
.lkmb img{
max-width:100%;
margin-bottom:10px;
}
.hoatdong-mobile {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.hoatdong-mobile .col-md-6{
flex: 50%;
}
.hoatdong-mobile img{
max-width:100%;
}
.container{
padding-left: 5px !important;
padding-right: 5px !important;
}
.fix-img table{
max-width:100% !important;
}
/* .fix-img table td p{
font-size:10px !important;
}
.fix-img table td span{
font-size:10px !important;
} */
.hot-mail a{width:100%; float:left; margin-bottom:5px}
.offcanvas-user a{ display:none !important}
}
@media (min-width: 768px) {
.lead {
font-size: 19.5px;
}
}
.heading-bold-first-word,
.heading-typed {
margin-top: 0;
font-weight: lighter;
}
.heading-bold-first-word > span {
font-weight: bold;
}
h2.heading-custom-font {
font-size: 3em;
}
.heading-typed .nth-typed {
display: inline-block;
min-width: 1px;
min-height: 1px;
}
small,
.small {
font-size: 85%;
}
cite {
font-style: normal;
}
mark,
.mark {
background-color: rgba(255, 224, 199, 0.3);
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-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #444444;
}
.text-primary {
color: #bca480;
}
a.text-primary:hover {
color: #aa8c5f;
}
.text-success {
color: #a0ce4e;
}
a.text-success:hover {
color: #87b633;
}
.text-info {
color: #63b5fd;
}
a.text-info:hover {
color: #319dfc;
}
.text-warning {
color: #feab62;
}
a.text-warning:hover {
color: #fe902f;
}
.text-danger {
color: #fe252c;
}
a.text-danger:hover {
color: #ef0109;
}
.bg-primary {
color: #fff;
background-color: #bca480;
}
a.bg-primary:hover {
background-color: #aa8c5f;
}
.bg-success {
background-color: rgba(204, 228, 158, 0.3);
}
a.bg-success:hover {
background-color: rgba(183, 217, 118, 0.3);
}
.bg-info {
background-color: rgba(200, 230, 254, 0.3);
}
a.bg-info:hover {
background-color: rgba(149, 207, 254, 0.3);
}
.bg-warning {
background-color: rgba(255, 224, 199, 0.3);
}
a.bg-warning:hover {
background-color: rgba(254, 196, 149, 0.3);
}
.bg-danger {
background-color: rgba(254, 139, 144, 0.3);
}
a.bg-danger:hover {
background-color: rgba(254, 88, 96, 0.3);
}
.page-header {
padding-bottom: -0.23076923076923073em;
margin: 3.076923076923077em 0 1.5384615384615385em;
border-bottom: 1px solid #ebebec;
}
ul,
ol {
margin-top: 0;
margin-bottom: 0.7692307692307693em;
list-style: none;
padding-left: 0;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
dl {
margin-top: 0;
margin-bottom: 1.5384615384615385em;
}
dt,
dd {
line-height: 1.6;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #444444;
}
blockquote {
padding: 0 0 0 1.5384615384615385em;
margin: 1.5384615384615385em 0 1.5384615384615385em;
font-size: 13px;
border-left: 3px solid #bca480;
font-style: italic;
font-weight: normal;
position: relative;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote p {
font-size: 1.1em;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.6;
color: #444444;
text-transform: uppercase;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
blockquote:after {
content: "";
}
address {
margin-bottom: 1.5384615384615385em;
font-style: normal;
line-height: 1.6;
}
iframe,
embed,
object {
max-height: 100%;
max-width: 100%;
border: 0;
}
/*--------------------------------------------------------------
4.0 - Grid system
--------------------------------------------------------------*/
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) and (max-width: 1366px) {
.container {
width: 1200px;
}
}
@media (min-width: 1367px) {
.container {
width: 1350px;
}
}
#wrapper {
-webkit-transition: transform 0.5s ease 0s;
-o-transition: transform 0.5s ease 0s;
transition: transform 0.5s ease 0s;
}
.full-wrap .container {
width: 100%;
max-width: 1280px;
}
.boxed-wrap {
background: #ffffff;
background-attachment: scroll;
background-position: center center;
background-repeat: repeat;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
margin: 0 auto;
position: relative;
z-index: 1;
}
@media (min-width: 768px) {
.boxed-wrap {
width: 750px;
}
}
@media (min-width: 992px) {
.boxed-wrap {
width: 970px;
}
}
@media (min-width: 1200px) {
.boxed-wrap {
width: 1200px;
}
}
@media (min-width: 768px) {
.boxed-wrap .container {
width: 720px;
}
}
@media (min-width: 992px) {
.boxed-wrap .container {
width: 940px;
}
}
@media (min-width: 1200px) {
.boxed-wrap .container {
width: 1170px;
}
}
.boxed-wrap .header-container .container {
padding-left: 30px;
padding-right: 30px;
}
@media (min-width: 768px) {
.boxed-wrap .header-container .container {
width: 750px;
}
}
@media (min-width: 992px) {
.boxed-wrap .header-container .container {
width: 970px;
}
}
@media (min-width: 1200px) {
.boxed-wrap .header-container .container {
width: 1200px;
}
}
.content-container {
padding-bottom: 20px;
}
@media (max-width: 767px) {
.content-container {
padding-top: 5px;
padding-bottom: 30px;
}
}
.content-container.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container-full {
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row {
position: relative;
}
.row.row-custom-margin {
z-index: 100;
}
@media (max-width: 767px) {
.row.row-custom-padding {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.row.row-custom-margin {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
.main-sidebar > div:first-child .widget-title {
margin-top: 0;
}
@media (min-width: 800px) {
.page-layout-left-sidebar .main-wrap {
float: right;
}
}
@media (max-width: 991px) and (min-width: 769px) {
.container {
width: 97%;
}
.main-wrap {
float: left;
width: 66.66666666666666%;
}
.col-md-12.main-wrap {
width: inherit;
float: none;
}
.sidebar-wrap {
float: left;
width: 33.33333333333333%;
}
}
@media (max-width: 767px) {
.sidebar-wrap {
border-top: 1px solid #ebebec;
clear: both;
margin-top: 1;
padding-top: 30px;
}
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
}
@media (max-width: 767px) {
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
width: 100%;
padding-left: 5px !important;
padding-right: 5px !important;
}
}
.column {
position: relative;
}
.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-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666666666666%;
}
.col-xs-10 {
width: 83.33333333333334%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666666666666%;
}
.col-xs-7 {
width: 58.333333333333336%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666666666667%;
}
.col-xs-4 {
width: 33.33333333333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.666666666666664%;
}
.col-xs-1 {
width: 8.333333333333332%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666666666666%;
}
.col-xs-pull-10 {
right: 83.33333333333334%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666666666666%;
}
.col-xs-pull-7 {
right: 58.333333333333336%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666666666667%;
}
.col-xs-pull-4 {
right: 33.33333333333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.666666666666664%;
}
.col-xs-pull-1 {
right: 8.333333333333332%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666666666666%;
}
.col-xs-push-10 {
left: 83.33333333333334%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666666666666%;
}
.col-xs-push-7 {
left: 58.333333333333336%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666666666667%;
}
.col-xs-push-4 {
left: 33.33333333333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.666666666666664%;
}
.col-xs-push-1 {
left: 8.333333333333332%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666666666666%;
}
.col-xs-offset-10 {
margin-left: 83.33333333333334%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666666666666%;
}
.col-xs-offset-7 {
margin-left: 58.333333333333336%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666666666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.666666666666664%;
}
.col-xs-offset-1 {
margin-left: 8.333333333333332%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@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-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666666666666%;
}
.col-sm-10 {
width: 83.33333333333334%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666666666666%;
}
.col-sm-7 {
width: 58.333333333333336%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666666666667%;
}
.col-sm-4 {
width: 33.33333333333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.666666666666664%;
}
.col-sm-1 {
width: 8.333333333333332%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666666666666%;
}
.col-sm-pull-10 {
right: 83.33333333333334%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666666666666%;
}
.col-sm-pull-7 {
right: 58.333333333333336%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666666666667%;
}
.col-sm-pull-4 {
right: 33.33333333333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.666666666666664%;
}
.col-sm-pull-1 {
right: 8.333333333333332%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666666666666%;
}
.col-sm-push-10 {
left: 83.33333333333334%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666666666666%;
}
.col-sm-push-7 {
left: 58.333333333333336%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666666666667%;
}
.col-sm-push-4 {
left: 33.33333333333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.666666666666664%;
}
.col-sm-push-1 {
left: 8.333333333333332%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666666666666%;
}
.col-sm-offset-10 {
margin-left: 83.33333333333334%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666666666666%;
}
.col-sm-offset-7 {
margin-left: 58.333333333333336%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666666666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.666666666666664%;
}
.col-sm-offset-1 {
margin-left: 8.333333333333332%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@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-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666666666666%;
}
.col-md-10 {
width: 83.33333333333334%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666666666666%;
}
.col-md-7 {
width: 58.333333333333336%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666666666667%;
}
.col-md-4 {
width: 33.33333333333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.666666666666664%;
}
.col-md-1 {
width: 8.333333333333332%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666666666666%;
}
.col-md-pull-10 {
right: 83.33333333333334%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666666666666%;
}
.col-md-pull-7 {
right: 58.333333333333336%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666666666667%;
}
.col-md-pull-4 {
right: 33.33333333333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.666666666666664%;
}
.col-md-pull-1 {
right: 8.333333333333332%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666666666666%;
}
.col-md-push-10 {
left: 83.33333333333334%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666666666666%;
}
.col-md-push-7 {
left: 58.333333333333336%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666666666667%;
}
.col-md-push-4 {
left: 33.33333333333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.666666666666664%;
}
.col-md-push-1 {
left: 8.333333333333332%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666666666666%;
}
.col-md-offset-10 {
margin-left: 83.33333333333334%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666666666666%;
}
.col-md-offset-7 {
margin-left: 58.333333333333336%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666666666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.666666666666664%;
}
.col-md-offset-1 {
margin-left: 8.333333333333332%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@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-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666666666666%;
}
.col-lg-10 {
width: 83.33333333333334%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666666666666%;
}
.col-lg-7 {
width: 58.333333333333336%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666666666667%;
}
.col-lg-4 {
width: 33.33333333333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.666666666666664%;
}
.col-lg-1 {
width: 8.333333333333332%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666666666666%;
}
.col-lg-pull-10 {
right: 83.33333333333334%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666666666666%;
}
.col-lg-pull-7 {
right: 58.333333333333336%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666666666667%;
}
.col-lg-pull-4 {
right: 33.33333333333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.666666666666664%;
}
.col-lg-pull-1 {
right: 8.333333333333332%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666666666666%;
}
.col-lg-push-10 {
left: 83.33333333333334%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666666666666%;
}
.col-lg-push-7 {
left: 58.333333333333336%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666666666667%;
}
.col-lg-push-4 {
left: 33.33333333333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.666666666666664%;
}
.col-lg-push-1 {
left: 8.333333333333332%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666666666666%;
}
.col-lg-offset-10 {
margin-left: 83.33333333333334%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666666666666%;
}
.col-lg-offset-7 {
margin-left: 58.333333333333336%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666666666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.666666666666664%;
}
.col-lg-offset-1 {
margin-left: 8.333333333333332%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
/*--------------------------------------------------------------
5.0 - Tables
--------------------------------------------------------------*/
table {
background-color: #ffffff;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 1.5384615384615385em;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 0.7692307692307693em;
line-height: 1.6;
vertical-align: middle;
border-top: 1px solid #dedede;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 0px solid #dedede;
background: #ebebec;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 1px solid #dedede;
}
.table-bordered {
border: 1px solid #dedede;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #dedede;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
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;
}
/*--------------------------------------------------------------
6.0 - Forms
--------------------------------------------------------------*/
::selection {
background: #1e1e1e;
/* WebKit/Blink Browsers */
color: #fff;
}
::-moz-selection {
background: #1e1e1e;
/* Gecko Browsers */
color: #fff;
}
::-webkit-input-placeholder {
color: #999;
}
:-moz-placeholder {
color: #999;
}
::-moz-placeholder {
color: #999;
}
:-ms-input-placeholder {
color: #999;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 1.5384615384615385em;
font-size: 19.5px;
line-height: inherit;
color: #1e1e1e;
border: 0;
border-bottom: 1px solid #ebebec;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 0.38461538461538464em;
font-weight: 700;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 0.3076923076923077em 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;
}
select {
-webkit-appearance: select;
-webkit-border-radius: 0px !important;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: none;
}
output {
display: block;
padding-top: 1.6153846153846154rem;
font-size: 13px;
line-height: 1.6;
color: #1e1e1e;
}
.form-control {
display: block;
width: 100%;
height: 40px;
padding: 0.6153846153846154rem;
font-size: 12px;
background-image: none;
border: 1px solid #ddd;
-webkit-border-radius: 0px;
border-radius: 0px;
outline: none;
-webkit-transition: box-shadow 0.15s;
-o-transition: box-shadow 0.15s;
transition: box-shadow 0.15s;
}
.form-control:focus {
border-color: #1e1e1e;
border-width: 1px;
outline: none;
-webkit-box-shadow: inset 0 0 0 1px #1e1e1e;
box-shadow: inset 0 0 0 1px #1e1e1e;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor: not-allowed;
/* background-color: #515151; */
opacity: 1;
filter: alpha(opacity=100);
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
line-height: 2.769230769230769em;
line-height: 1.6 \0;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
line-height: 128.57692307692307%;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
line-height: 3.687692307692308em;
}
.form-group {
margin-bottom: 1.1538461538461537em;
}
.radio,
.checkbox {
position: relative;
display: block;
min-height: 1.5384615384615385em;
margin-top: 0.7692307692307693em;
margin-bottom: 0.7692307692307693em;
}
.radio label,
.checkbox label {
padding-left: 1.5384615384615385em;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -1.5384615384615385em;
margin-top: 4px \9;
}
.dh-ie .radio input[type="radio"],
.dh-ie .radio-inline input[type="radio"],
.dh-ie .checkbox input[type="checkbox"],
.dh-ie .checkbox-inline input[type="checkbox"] {
position: relative \9;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -0.38461538461538464em;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.input-sm {
height: 128.57692307692307%;
padding: 0.5384615384615384rem 0.9230769230769231rem;
font-size: 85%;
line-height: 1.5;
-webkit-border-radius: 0px;
border-radius: 0px;
}
select.input-sm {
height: 128.57692307692307%;
line-height: 128.57692307692307%;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.input-lg {
height: 3.687692307692308em;
padding: 0.9230769230769231rem 1.3846153846153846rem;
font-size: 1.3846153846153846em;
line-height: 1.33;
-webkit-border-radius: 0px;
border-radius: 0px;
}
select.input-lg {
height: 3.687692307692308em;
line-height: 3.687692307692308em;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-flat-radio,
.form-flat-checkbox {
margin: 0;
cursor: pointer;
display: block;
position: relative;
padding: 0 0 0 30px;
}
.dh-ie .form-flat-radio,
.dh-ie .form-flat-checkbox {
padding: 0;
}
.form-flat-radio input,
.form-flat-checkbox input {
left: -9999px;
position: absolute;
}
.dh-ie .form-flat-radio input,
.dh-ie .form-flat-checkbox input {
position: relative;
left: auto;
}
.form-flat-radio i,
.form-flat-checkbox i {
background: none repeat scroll 0 0 #fff;
border-style: solid;
border-width: 2px;
display: block;
height: 19px;
left: 0;
outline: medium none;
position: absolute;
top: 5px;
border-color: #ebebec;
width: 19px;
top: 50%;
margin-top: -8.5px;
color: #1e1e1e;
}
.dh-ie .form-flat-radio i,
.dh-ie .form-flat-checkbox i {
display: none;
}
.form-flat-radio i:after,
.form-flat-checkbox i:after {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.form-flat-radio input:checked + i:after,
.form-flat-checkbox input:checked + i:after {
opacity: 1;
filter: alpha(opacity=100);
}
.form-flat-radio i {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.form-flat-radio i:after {
-webkit-border-radius: 50%;
border-radius: 50%;
content: "";
height: 7px;
left: 4px;
top: 4px;
line-height: 1;
width: 7px;
position: absolute;
background: #1e1e1e;
}
.form-flat-checkbox i:after {
content: "\f00c";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.form-flat-checkbox i:after {
font-size: 12px;
height: 19px;
left: -1px;
text-align: center;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
margin-top: 3px;
width: 19px;
opacity: 0;
filter: alpha(opacity=0);
line-height: 1;
}
.form-flat-select {
position: relative;
display: block;
}
.form-flat-select i {
height: 100%;
line-height: 40px;
padding: 0 10px;
position: absolute;
right: 0;
top: 0;
font-size: 1.2em;
}
.dh-ie .form-flat-select i {
display: none;
}
.form-flat-select select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
border-radius: 0;
padding: 0.5em 2em 0.5em 0.5em;
padding-right: 2em \9;
border: 2px solid #ebebec;
outline: none;
height: 40px;
}
.form-flat-select select option {
outline: none;
}
.form-flat-select select:active,
.form-flat-select select:focus {
border-color: #1e1e1e;
}
/*--------------------------------------------------------------
7.0 - Buttons
--------------------------------------------------------------*/
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.6rem 1.7rem ;
font-size: 13px;
line-height: 1.3;
-webkit-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-o-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
}
.btn:hover,
.btn:focus {
color: #1e1e1e;
text-decoration: none;
}
.btn i,
.btn span {
z-index: 2;
position: relative;
}
.btn-default {
background-color: #ebebec;
border-color: #ebebec;
background: transparent;
border: 2px solid #010433;
text-transform: uppercase;
color: #010433;
position: relative;
line-height: 1.4;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
color: #1e1e1e;
border-color: #d1d1d3;
-webkit-box-shadow: 0 0 0 2px #d1d1d3 inset;
box-shadow: 0 0 0 2px #d1d1d3 inset;
}
.btn-default:active,
.btn-default.active {
background-image: none;
}
.btn-default:hover {
border-color: #1e1e1e;
-webkit-box-shadow: 0 0 0 1px inset;
box-shadow: 0 0 0 1px inset;
}
.btn-primary {
color: #ffffff;
background-color: #010433;
border-color: #bca480;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
color: #ffffff;
border-color: #aa8c5f;
-webkit-box-shadow: 0 0 0 2px #aa8c5f inset;
box-shadow: 0 0 0 2px #aa8c5f inset;
}
.btn-primary:active,
.btn-primary.active {
background-image: none;
}
.btn-success {
color: #ffffff;
background-color: #a0ce4e;
border-color: #a0ce4e;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
color: #ffffff;
border-color: #87b633;
-webkit-box-shadow: 0 0 0 2px #87b633 inset;
box-shadow: 0 0 0 2px #87b633 inset;
}
.btn-success:active,
.btn-success.active {
background-image: none;
}
.btn-info {
color: #ffffff;
background-color: #63b5fd;
border-color: #63b5fd;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
color: #ffffff;
border-color: #319dfc;
-webkit-box-shadow: 0 0 0 2px #319dfc inset;
box-shadow: 0 0 0 2px #319dfc inset;
}
.btn-info:active,
.btn-info.active {
background-image: none;
}
.btn-warning {
color: #ffffff;
background-color: #feab62;
border-color: #feab62;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
color: #ffffff;
border-color: #fe902f;
-webkit-box-shadow: 0 0 0 2px #fe902f inset;
box-shadow: 0 0 0 2px #fe902f inset;
}
.btn-warning:active,
.btn-warning.active {
background-image: none;
}
.btn-danger {
color: #ffffff;
background-color: #fe252c;
border-color: #fe252c;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
color: #ffffff;
border-color: #ef0109;
-webkit-box-shadow: 0 0 0 2px #ef0109 inset;
box-shadow: 0 0 0 2px #ef0109 inset;
}
.btn-danger:active,
.btn-danger.active {
background-image: none;
}
.btn-black {
color: #ffffff;
background-color: #1e1e1e;
border-color: #1e1e1e;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active {
color: #ffffff;
border-color: #040404;
-webkit-box-shadow: 0 0 0 2px #040404 inset;
box-shadow: 0 0 0 2px #040404 inset;
}
.btn-black:active,
.btn-black.active {
background-image: none;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active {
color: #ffffff;
border-color: #515151;
-webkit-box-shadow: 0 0 0 2px #515151 inset;
box-shadow: 0 0 0 2px #515151 inset;
}
.btn-white {
color: #1e1e1e;
background-color: #ffffff;
border-color: #ffffff;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active {
color: #1e1e1e;
border-color: #e6e6e6;
-webkit-box-shadow: 0 0 0 2px #e6e6e6 inset;
box-shadow: 0 0 0 2px #e6e6e6 inset;
}
.btn-white:active,
.btn-white.active {
background-image: none;
}
.btn-outline {
background: transparent;
border: 2px solid #1e1e1e;
text-transform: uppercase;
color: #1e1e1e;
position: relative;
line-height: 1.4;
}
.btn-outline:hover {
border-color: #1e1e1e;
-webkit-box-shadow: 0 0 0 1px inset;
box-shadow: 0 0 0 1px inset;
}
.btn-primary-outline {
line-height: 1.4;
background: transparent;
border: 2px solid #bca480;
text-transform: uppercase;
color: #bca480;
position: relative;
}
.btn-primary-outline:hover {
color: #bca480;
border-color: #bca480;
-webkit-box-shadow: 0 0 0 1px inset;
box-shadow: 0 0 0 1px inset;
}
.btn-success-outline {
line-height: 1.4;
background: transparent;
border: 2px solid #a0ce4e;
text-transform: uppercase;
color: #a0ce4e;
position: relative;
}
.btn-success-outline:hover {
color: #a0ce4e;
border-color: #a0ce4e;
-webkit-box-shadow: 0 0 0 1px inset;
box-shadow: 0 0 0 1px inset;
}
.btn-info-outline {
line-height: 1.4;
background: transparent;
border: 2px solid #63b5fd;
text-transform: uppercase;
color: #63b5fd;
position: relative;
}
.btn-info-outline:hover {
color: #63b5fd;
border-color: #63b5fd;
-webkit-box-shadow: 0 0 0 1px inset;
box-shadow: 0 0 0 1px inset;
}
.btn-warning-outline {
line-height: 1.4;
background: transparent;
border: 2px solid #feab62;
text-transform: uppercase;
color: #feab62;
position: relative;
}
.btn-warning-outline:hover {
color: #feab62;
border-color: #feab62;
-webkit-box-shadow: 0 0 0 1px inset;
box-shadow: 0 0 0 1px inset;
}
.btn-danger-outline {
line-height: 1.4;
background: transparent;
border: 2px solid #fe252c;
text-transform: uppercase;
color: #fe252c;
position: relative;
}
.btn-danger-outline:hover {
color: #fe252c;
border-color: #fe252c;
-webkit-box-shadow: 0 0 0 1px inset;
box-shadow: 0 0 0 1px inset;
}
.btn-white-outline {
line-height: 1.4;
background: transparent;
border: 2px solid #ffffff;
text-transform: uppercase;
color: #ffffff;
position: relative;
}
.btn-white-outline:hover {
color: #ffffff;
border-color: #ffffff;
background: transparent;
-webkit-box-shadow: 0 0 0 1px inset;
box-shadow: 0 0 0 1px inset;
}
.btn-black-outline {
line-height: 1.4;
background: transparent;
border: 2px solid #1e1e1e;
text-transform: uppercase;
color: #1e1e1e;
position: relative;
}
.btn-black-outline:hover {
color: #1e1e1e;
border-color: #1e1e1e;
-webkit-box-shadow: 0 0 0 1px inset;
box-shadow: 0 0 0 1px inset;
}
.btn-lg {
padding: 0.6rem 1.7rem ;
font-size: 1.3846153846153846em;
line-height: 1.3;
-webkit-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-o-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.btn-sm {
padding: 0.6rem 1.7rem ;
font-size: 85%;
line-height: 1.3;
-webkit-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-o-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.btn-xs {
padding: 0.6rem 1.7rem ;
font-size: 85%;
line-height: 1.3;
-webkit-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-o-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.btn-align-center {
display: table;
margin-left: auto;
margin-right: auto;
}
.btn-align-right {
float: right;
}
.btn-uppercase {
text-transform: uppercase;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
/*--------------------------------------------------------------
8.0 - Dropdown menus
--------------------------------------------------------------*/
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.15384615384615385em;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
padding: 0;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 12.307692307692308em;
margin: 0px 0 0;
list-style: none;
font-size: 13px;
text-align: left;
background-color: #ffffff;
-webkit-box-shadow: 0 0.461538em 0.923077em rgba(0, 0, 0, 0.175);
box-shadow: 0 0.461538em 0.923077em rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu > li > a {
display: block;
padding: 0.23076923076923078em 1.5384615384615385em;
clear: both;
line-height: 1.6;
color: #1e1e1e;
white-space: nowrap;
}
.dropdown-menu > li > a:hover {
text-decoration: none;
color: #FFF !important;
background-color: #010433 !important ;
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
/*--------------------------------------------------------------
9.0 - Navs
--------------------------------------------------------------*/
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li:hover {
background: none;
}
.nav > li > a {
position: relative;
display: inline;
padding: 0.6rem 2rem;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background: none;
}
.nav > li > a > img {
max-width: none;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
background: none;
}
.tta-controls-align-center .nav-tabs>li {
float: left;
}
.tta-tabs-list .tab-pane {
padding-top: 60px;
}
/*.nav-tabs {
border-bottom: 1px solid #ebebec;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.6;
border: 1px solid transparent;
-webkit-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
color: #8a8a8a;
}
.nav-tabs > li > a > i {
margin-right: 0.5em;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
background: #fff;
color: #1e1e1e;
border: 1px solid #ebebec;
border-bottom-color: transparent;
cursor: default;
}
.nav-tabs-center {
display: table;
margin: 0 auto;
}
.tab-content {
padding: 20px 0;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.tab-content .widget {
margin-bottom: 0;
}
.widget .tab-content {
padding-bottom: 0;
}*/
/*--------------------------------------------------------------
10.0 - Navbars
--------------------------------------------------------------*/
.navbar {
margin-bottom: 1.5384615384615385em;
border-bottom: 0px solid transparent;
position: relative;
border: none;
border-radius: 0;
}
@media (min-width: 900px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
overflow-x: visible;
-webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 900px) {
.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;
}
}
.container > .navbar-wrap,
.container-fluid > .navbar-wrap,
.container > .navbar-header-left,
.container-fluid > .navbar-header-left,
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
@media (min-width: 900px) {
.container > .navbar-wrap,
.container-fluid > .navbar-wrap,
.container > .navbar-header-left,
.container-fluid > .navbar-header-left,
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
-webkit-transform: translate3d(0, -60px, 0);
transform: translate3d(0, -60px, 0);
}
@media (min-width: 900px) {
.navbar-fixed-top {
border-radius: 0;
}
}
.boxed-wrap .navbar-fixed-top {
left: auto;
right: auto;
}
.navbar-fixed-top.fixed-transition {
-webkit-transition: all 0.3s ease-in 0s;
-o-transition: all 0.3s ease-in 0s;
transition: all 0.3s ease-in 0s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.navbar-fixed-top {
top: 0;
}
@media (max-width: 900px) {
.header-type-classic .navbar-default-container {
}
.header-type-classic .navbar-default-container > .row > .col-md-12 {
padding: 0 10px;
}
}
.navbar-brand {
float: left;
font-size: 1.3846153846153846em;
}
.navbar-brand>img {
display: inline;
}
@media (max-width: 900px) {
.navbar-brand {
display: block;
height: 74px;
}
.navbar-brand img {
max-height: 100px;
position: relative;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
left: 0;
}
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
@media (min-width: 900px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -0.7692307692307693em;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin: 1px 0;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 0px;
height: 35px;
line-height: 35px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 3px;
-webkit-border-radius: 1px;
border-radius: 1px;
position: relative;
transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
-webkit-transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
-o-transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
-moz-transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
.navbar-toggle.x .bar-top {
top: 7px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: transform 0.4s;
-o-transition: transform 0.4s;
transition: transform 0.4s;
}
.navbar-toggle.x .bar-middle {
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.navbar-toggle.x .bar-bottom {
top: -5px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: transform 0.4s;
-o-transition: transform 0.4s;
transition: transform 0.4s;
}
@media (min-width: 900px) {
.navbar-toggle {
display: none;
}
}
.navbar-header .navbar-toggle {
border-color: transparent;
}
.navbar-header .navbar-toggle:hover,
.navbar-header .navbar-toggle:focus {
background-color: rgba(255, 255, 255, 0.2);
}
.navbar-header .navbar-toggle .icon-bar {
background-color: #000;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 1.5384615384615385em;
}
@media (max-width: 899px) {
.navbar-nav > li > a {
line-height: 1.5384615384615385em !important;
font-size: 13px;
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 899px) {
.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 > li .dropdown-menu > li > a {
padding-left: 3.8461538461538463em;
}
.navbar-nav .open .dropdown-menu > li > a {
padding: 0.7692307692307693em 1.1538461538461537em 0.7692307692307693em 1.9230769230769231em;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 1.5384615384615385em;
}
.navbar-nav .open .dropdown-menu > li > a:hover {
background-image: none;
}
}
@media (min-width: 900px) {
.navbar-nav {
margin: 0;
}
.navbar-nav > li {
display: inline-block;
float: left;
line-height: 27px;
padding-top: 10px;
}
.navbar-nav > li > a {
padding-top: 3.748520710059172em;
padding-bottom: 3.748520710059172em;
}
.navbar-nav.navbar-right:last-child {
margin-right: -0.7692307692307693em;
}
}
@media (min-width: 900px) {
.header-type-classic .navbar-fixed-top .navbar-nav > li > .dropdown-menu,
.header-type-default .navbar-fixed-top .navbar-nav > li > .dropdown-menu {
top: 52px;
}
}
.header-type-classic .navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
@media (min-width: 900px) {
.header-type-classic .navbar-nav > li > .dropdown-menu {
top: 47px;
}
}
.navbar-default {
background-color: rgba(255,255,255,0.9);
border-color: #1e1e1e;
}
@media (min-width: 900px) {
.header-type-default .navbar-default {
background: #3b3e43;
}
}
@media (min-width: 900px) {
.header-type-default .navbar-fixed-top.navbar-default {
height: 60px;
}
}
.navbar-default .navbar-brand {
color: #1e1e1e;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #040404;
background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
color: #1e1e1e;
font-weight: 700;
}
.navbar-default .navbar-nav > li > a:hover {
background-color: transparent;
}
.navbar-default .navbar-nav .open > a {
color: #bca480;
background-color: transparent;
}
.navbar-default .navbar-nav > .current-menu-ancestor > a,
.navbar-default .navbar-nav > .current-menu-parent > a,
.navbar-default .navbar-nav > .current-menu-ancestor > a:hover,
.navbar-default .navbar-nav > .current-menu-parent > a:hover {
color: #bca480;
background-color: transparent;
}
.navbar-default .navbar-nav > .current-menu-ancestor > a:before,
.navbar-default .navbar-nav > .current-menu-parent > a:before,
.navbar-default .navbar-nav > .current-menu-ancestor > a:hover:before,
.navbar-default .navbar-nav > .current-menu-parent > a:hover:before {
display: block !important;
}
.navbar-default .navbar-collapse {
border-color: #1e1e1e;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover {
background-color: transparent;
}
@media (max-width: 899px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #1e1e1e;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
color: #bca480;
background-color: transparent;
}
}
.navbar-brand {
padding: 0;
}
@media (max-width: 767px) {
.navbar-brand {
padding: 0;
}
}
.navbar-brand img {
max-height: 50px;
padding: 5px 0;
}
.navbar-brand .logo-fixed {
display: none;
}
.navbar-default .navbar-minicart {
display: none;
}
.navbar-default .user-login {
display: none;
position: relative;
z-index: 1;
}
.navbar-default .user-login .dropdown-menu > li > a {
padding-bottom: 10px;
padding-top: 10px;
text-transform: none;
color: #8a8a8a;
}
.navbar-default .user-login .dropdown-menu > li > a i {
color: #8a8a8a;
}
.navbar-default .navbar-minicart {
display: inline-block;
}
.navbar-default .navbar-minicart > a {
padding: 0 !important;
float: left;
padding: 0 15px !important;
}
.navbar-default .navbar-minicart .minicart::before {
right: 10px;
}
@media (max-width: 899px) {
.navbar-brand .logo {
display: block;
max-width: 200px;
}
.navbar-brand .logo-fixed {
display: none;
}
}
.navbar-fixed-top .logo {
display: none;
}
.navbar-fixed-top .logo-fixed {
display: inline-block;
max-height: 49px;
}
.navbar-brand .logo-mobile {
max-height: 79px;
display: none;
max-width: 150px;
}
@media (max-width: 899px) {
.navbar-brand .logo,
.navbar-brand .logo-fixed {
display: none;
}
.navbar-brand .logo-mobile {
display: inline-block;
}
}
.navbar-default {
margin-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
@media (min-width: 900px) {
.navbar-default .primary-navbar-collapse {
text-align: center;
padding: 0 0 0 100px;
}
}
@media (max-width: 899px) {
.navbar-default .primary-navbar-collapse {
float: none;
padding: 0;
width: auto;
}
}
@media (min-width: 900px) {
.navbar-default .navbar-header {
position: absolute;
float: none;
}
}
@media (max-width: 899px) {
.navbar-default .navbar-header {
width: auto;
}
}
.navbar-default .navbar-collapse {
border: none;
}
.navbar-header-right,
.navbar-header-left {
display: none;
font-size: 85%;
}
@media (min-width: 900px) {
.header-default-center .navbar-wrap > .navbar-header {
position: relative;
text-align: center;
z-index: 1;
padding: 15px 0;
}
.header-default-center .navbar-wrap > .navbar-header .navbar-brand {
float: none;
}
.header-default-center .navbar-fixed-top .navbar-header {
display: none;
}
.header-default-center .navbar-search {
float: right;
padding-right: 0 !important;
}
.header-default-center .navbar-default .primary-navbar-collapse {
float: none;
padding: 0;
background: #fff;
}
.header-default-center.header-type-default .primary-nav {
float: none;
text-align: center;
width: 100%;
margin: 0;
}
.header-default-center.header-type-default .primary-nav > li {
padding: 0 10px;
}
.header-default-center.header-type-default .primary-nav > li:first-child {
padding-left: 0;
}
.header-default-center .navbar-header-left {
display: block;
position: absolute;
left: 15px;
top: 50%;
-webkit-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
transform: translate(0px, -50%);
}
.header-default-center .language-switcher,
.header-default-center .user-login {
display: inline-block;
padding-right: 20px;
}
.header-default-center .language-switcher a,
.header-default-center .user-login a {
color: #ffffff;
}
.header-default-center .wpml-languages:hover .dropdown-menu,
.header-default-center .top-nav > li:hover .dropdown-menu {
display: block;
}
.header-default-center .wpml-languages .dropdown-menu:before,
.header-default-center .top-nav > li .dropdown-menu:before {
content: "";
display: block;
height: 9px;
position: absolute;
left: 20px;
top: -4px;
transform: translate(-50%, 0) rotate(45deg);
-moz-transform: translate(-50%, 0) rotate(45deg);
-webkit-transform: translate(-50%, 0) rotate(45deg);
-ms-transform: translate(-50%, 0) rotate(45deg);
-o-transform: translate(-50%, 0) rotate(45deg);
width: 9px;
z-index: 1010;
background: #fff;
}
.header-default-center .wpml-languages > a,
.header-default-center .top-nav > li > a {
text-transform: uppercase;
padding: 10px 0;
}
.header-default-center .wpml-languages {
position: relative;
padding: 10px 0;
}
.header-default-center .wpml-languages a > img {
margin-right: 5px;
}
.header-default-center .navbar-header .dropdown-menu > li > a {
padding-bottom: 10px;
padding-top: 10px;
text-transform: none;
color: #8a8a8a;
font-size: 85%;
}
.header-default-center .navbar-header .dropdown-menu > li > a i {
color: #8a8a8a;
}
.header-default-center .navbar-header-right {
display: block;
position: absolute;
right: 15px;
top: 50%;
z-index: 123;
-webkit-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
transform: translate(0px, -50%);
}
.header-default-center .navbar-header-right .user-wishlist,
.header-default-center .navbar-header-right .navbar-minicart-topbar {
float: right;
padding-left: 20px;
}
.header-default-center .navbar-header-right a {
color: #ffffff;
}
.header-default-center .navbar-header-right .user-wishlist-icon,
.header-default-center .navbar-header-right .minicart-icon {
margin-right: 15px;
}
.header-default-center .navbar-header-right .user-wishlist-icon span,
.header-default-center .navbar-header-right .minicart-icon span {
top: -1em;
}
.header-default-center .navbar-header-right .user-wishlist a,
.header-default-center .navbar-header-right .minicart-link {
text-transform: uppercase;
padding: 10px 0 !important;
display: block;
}
}
.navbar-collapse {
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-wrap {
position: relative;
}
.primary-nav {
margin: 0 0;
font-size: 13px;
font-style: normal;
font-weight: 700;
}
.primary-nav .navicon {
margin-right: 0.6153846153846154rem;
font-size: 13px;
}
.header-type-classic .primary-nav > li > a .navicon {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
margin-top: -2px;
}
@media (min-width: 900px) {
.primary-nav > .megamenu > .dropdown-menu {
background: rgba(59, 62, 67, 0.95);
border-top: 2px solid #bca480;
}
.primary-nav > .megamenu.megamenu-fullwidth {
position: static !important;
}
.primary-nav > .megamenu.megamenu-fullwidth > .dropdown-menu {
width: 100%;
}
.primary-nav > .megamenu .megamenu-title {
color: #fff;
margin: 15px 0;
padding: 8px 8px 15px;
font-size: 1em;
text-transform: uppercase;
position: relative;
}
.primary-nav > .megamenu .megamenu-title:before {
background: #bca480 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 2px;
left: 8px;
position: absolute;
width: 50px;
}
.primary-nav > .megamenu .megamenu-title a {
background: transparent !important;
}
.primary-nav > .megamenu .megamenu-title .caret {
display: none;
}
.primary-nav > .megamenu > .dropdown-menu .widget {
margin-bottom: 0;
}
.primary-nav > .megamenu > .dropdown-menu .megamenu-sidebar {
padding: 15px;
}
.primary-nav > .megamenu > .dropdown-menu .megamenu-sidebar .products {
margin: 0;
}
.primary-nav > .megamenu > .dropdown-menu .megamenu-sidebar .products li {
margin: 0;
}
.primary-nav > .megamenu > .dropdown-menu .megamenu-sidebar .products li img {
width: 100%;
}
.primary-nav > .megamenu > .dropdown-menu .megamenu-sidebar a {
margin: 0;
padding: 0;
}
.primary-nav > .megamenu > .dropdown-menu > li {
display: table-cell;
vertical-align: top;
border-bottom: none;
border-top: none;
padding: 15px 15px 30px;
min-width: 200px;
}
.primary-nav > .megamenu > .dropdown-menu > li:last-child {
border-right: none;
}
.primary-nav > .megamenu > .dropdown-menu > li.mega-col-12 {
width: 100%;
}
.primary-nav > .megamenu > .dropdown-menu > li.mega-col-3 {
width: 25%;
}
.primary-nav > .megamenu > .dropdown-menu > li.mega-col-6 {
width: 50%;
}
.primary-nav > .megamenu > .dropdown-menu > li.mega-col-4 {
width: 33.3333%;
}
.primary-nav > .megamenu > .dropdown-menu > li > a {
background: rgba(59, 62, 67, 0.95);
}
.primary-nav > .megamenu > .dropdown-menu > li .dropdown-menu {
background: transparent;
display: block !important;
position: relative;
-webkit-box-shadow: none !important;
box-shadow: none !important;
float: none;
left: 0 !important;
top: 0 !important;
opacity: 1 !important;
}
.primary-nav > .megamenu > .dropdown-menu > li .dropdown-menu li {
border: none;
}
.primary-nav > .megamenu > .dropdown-menu > li .dropdown-menu a {
padding-left: 8px;
}
.primary-nav > .megamenu > .dropdown-menu > li .dropdown-menu a:hover {
color: #bca480;
}
.primary-nav > .megamenu.open > .dropdown-menu {
display: table !important;
}
}
.primary-nav .dropdown-menu {
min-width: 200px;
background: #FFF;
}
.primary-nav .dropdown-menu li {
border-bottom: none;
border-top: 1px solid transparent;
}
.primary-nav .dropdown-menu li:first-child {
border-top: none;
}
.primary-nav .dropdown-menu li.menu-item-has-children > .dropdown-menu {
margin: 0;
left: 100%;
top: 0;
}
@media (max-width: 899px) {
.primary-nav .dropdown-menu li .megamenu-title {
font-size: 13px;
font-weight: 700;
margin: 0;
padding: 0.7692307692307693em 1.1538461538461537em 0.7692307692307693em 1.9230769230769231em;
position: relative;
color: #1e1e1e;
}
.primary-nav .dropdown-menu li .megamenu-title .caret {
cursor: pointer;
}
}
.primary-nav .dropdown-menu a {
color: #000;
padding: 0.5em 1.0769230769230769rem;
font-weight: bold;
}
@media (min-width: 900px) {
.primary-nav .dropdown-menu a:hover {
color: #333;
background: transparent;
}
}
.primary-nav .dropdown-menu .open > a {
color: #bca480;
}
.primary-nav li.menu-item-has-children {
position: relative;
}
@media (max-width: 899px) {
.primary-nav li.menu-item-has-children.open > .megamenu-title > .caret:before,
.primary-nav li.menu-item-has-children.open > a > .caret:before {
content: "\f068";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
}
@media (max-width: 899px) {
.primary-nav li {
border-bottom: 1px solid transparent;
}
.primary-nav li:last-child {
border-bottom: none;
}
}
.primary-nav > li:not(.megamenu) > .dropdown-menu {
padding: 10px 7px;
}
.primary-nav > li > .dropdown-menu {
}
.primary-nav > li > a {
position: relative;
}
@media (min-width: 900px) {
.header-type-classic .navbar-fixed-top .primary-nav > li{
padding-top:0!important
}
.header-type-classic .primary-nav > li > a {
padding: 0 10px;
}
.header-type-classic .navbar-fixed-top .primary-nav > li > a {
line-height: 35px;
}
.header-type-classic .primary-nav > li > a:hover {
color:#0CB14B !important;
}
.header-type-default .primary-nav > li > a {
text-transform: uppercase;
font-weight: 700;
line-height: 70px;
vertical-align: middle;
text-align: center;
display: block;
position: relative;
padding-top: 0;
padding-bottom: 0;
}
.header-type-default .primary-nav > li > a .navicon {
display: block;
font-size: 21px;
margin: 0;
position: absolute;
top: 25px;
color: #bca480;
left: 0;
width: 100%;
height: 30px;
line-height: 30px;
overflow: hidden;
-webkit-transition: height 0.2s;
-o-transition: height 0.2s;
transition: height 0.2s;
}
.header-type-default .primary-nav > li > a:first-child {
padding-left: 0;
}
}
@media (min-width: 900px) {
.primary-nav > li > a > .caret {
display: none;
}
}
.primary-nav > li.menu-item-has-children {
position: relative;
}
.primary-nav > li.menu-item-has-children .caret {
border: none;
vertical-align: baseline;
margin-left: 0.15384615384615385em;
font-size: 1.0769230769230769em;
}
@media (min-width: 900px) {
.primary-nav > li.menu-item-has-children .caret:before {
content: "\f107";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
}
@media (max-width: 899px) {
.primary-nav > li.menu-item-has-children .caret {
height: 100%;
padding: 10px;
position: absolute;
right: 0px;
top: 0;
width: 40px;
text-align: center;
}
.primary-nav > li.menu-item-has-children .caret:before {
content: "\f067";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
}
@media (min-width: 900px) {
.primary-nav > li.menu-item-has-children li.menu-item-has-children .caret {
position: absolute;
right: 1.0769230769230769rem;
}
.primary-nav > li.menu-item-has-children li.menu-item-has-children .caret:before {
content: "\f105";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
}
.primary-nav > li.current-menu-parent > a,
.primary-nav > li.current-menu-parent > a:hover {
color: #bca480;
background-color: transparent;
}
@media (max-width: 899px) {
.primary-nav .dropdown-menu {
position: relative;
float: none;
}
.primary-nav > li > a {
font-size: 13px;
}
}
.header-type-classic {
position: relative;
}
.navbar-fixed-top {
height: 50px;
}
.navbar-fixed-top img{display:none}
.navbar-fixed-top .navbar-nav.primary-nav > li > a {
line-height: 50px;
font-size:14px;
font-weight:700;
color:#171414;
padding: 0px 10px;
text-transform:uppercase;
}
.navbar-fixed-top .navbar-nav.primary-nav > li > a:hover{
color:orange;
}
.navbar-fixed-top .navbar-nav.primary-nav .search-form-wrap {
line-height: 60px;
height: 60px;
}
.navbar-search-button {
position: relative;
padding: 0 !important;
}
.navbar-search-button i {
height: 40px;
line-height: 35px;
text-align: center;
width: 40px;
font-size: 14px;
}
@-webkit-keyframes search_pop {
0% {
-webkit-transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes search_pop {
0% {
-moz-transform: scale(0.8);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes search_pop {
0% {
-moz-transform: scale(0.8);
}
100% {
-moz-transform: scale(1);
}
}
@keyframes search_pop {
0% {
transform: scale(0.8);
}
100% {
transform: scale(1);
}
}
@media (max-width: 899px) {
.navbar-search {
border: none !important;
}
}
.navbar-search .search-form-wrap {
color: #1e1e1e;
}
.navbar-search .search-form-wrap.show-popup {
position: absolute;
top: 100%;
right: 0;
border: 1px solid #ebebec;
z-index: 1000;
background: #fff;
margin: -0.07692307692307693em 0 0 0;
display: none;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 899px) {
.navbar-search .search-form-wrap.show-popup {
background: rgba(0, 0, 0, 0);
margin: 0;
border: none !important;
}
}
.navbar-search .search-form-wrap.show-popup.show {
-webkit-animation: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1 search_pop;
-o-animation: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1 search_pop;
animation: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1 search_pop;
}
.navbar-search .search-form-wrap.show-popup:before {
border-color: #fff;
border-style: solid none none solid;
border-width: 1px 0 0 1px;
content: "";
display: block;
height: 0.6923076923076923em;
position: absolute;
right: 1.5384615384615385em;
top: -0.38461538461538464em;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 0.6923076923076923em;
z-index: 1010;
background: #fff;
}
.navbar-search .search-form-wrap.show-popup .searchform-loading {
display: none;
}
.navbar-search .search-form-wrap.show-popup .searchform {
position: relative;
margin: 0.7692307692307693em;
}
.navbar-search .search-form-wrap.show-popup .searchform:after {
content: "\f002";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.navbar-search .search-form-wrap.show-popup .searchform.loading:after {
content: "\f110";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.navbar-search .search-form-wrap.show-popup .searchform.loading:after {
-webkit-animation: fa-spin 1s infinite linear;
-o-animation: fa-spin 1s infinite linear;
animation: fa-spin 1s infinite linear;
-webkit-animation-timing-function: steps(8, start);
animation-timing-function: steps(8, start);
}
.navbar-search .search-form-wrap.show-popup .searchform:after {
color: #fff;
position: absolute !important;
top: 0.6153846153846154em;
right: 0.7692307692307693em !important;
font-size: 1.2307692307692308em !important;
}
.navbar-search .search-form-wrap.show-popup .searchform:before {
content: "";
width: 2.6153846153846154em;
height: 2.6153846153846154em;
position: absolute;
right: 0;
text-align: center;
background: #bca480;
line-height: 2.6153846153846154em;
color: #fff;
}
@media (max-width: 899px) {
.navbar-search .search-form-wrap.show-popup .searchform:before {
background: rgba(0, 0, 0, 0);
}
}
.navbar-search .search-form-wrap.show-popup .searchinput {
width: 19.23076923076923em;
height: 2.6153846153846154em;
border: 1px solid #ebebec;
padding: 0.38461538461538464em;
padding-right: 2.769230769230769em;
background: #f8f8f8;
font-size: 13px;
outline: none;
}
@media (max-width: 899px) {
.navbar-search .search-form-wrap.show-popup .searchinput {
width: 100%;
background: rgba(11, 11, 11, 0.57);
border-color: rgba(11, 11, 11, 0.57);
}
}
@media (max-width: 899px) {
.navbar-search > a {
display: none !important;
}
.navbar-search .search-form-wrap.show-popup {
position: relative;
display: block !important;
border: none;
border-top: 1px solid #1e1e1e;
-webkit-box-shadow: none;
box-shadow: none;
padding: 10px 0;
}
.navbar-search .search-form-wrap.show-popup .searchform {
margin-left: 0;
margin-right: 0;
}
.navbar-search .search-form-wrap.show-popup:before {
display: none;
}
.navbar-search .search-form-wrap.show-popup #s {
width: 100%;
}
}
@media (max-width: 899px) {
.navbar-default {
/* height: 74px; */
}
.navbar-toggle {
float: left;
position: relative;
}
.header-container {
z-index: 1051;
}
.navbar-brand {
float: none;
text-align: center;
}
}
.navbar-minicart {
position: relative;
}
@media (max-width: 899px) {
.navbar-minicart {
display: none !important;
}
}
.search-icon-mobile {
display: none;
position: relative;
float: right;
padding: 9px 10px;
margin: 19px 0;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 0px;
height: 35px;
line-height: 35px;
color: #ffffff;
position: relative !important;
}
.search-icon-mobile:focus {
outline: 0;
}
.search-icon-mobile .icon-bar {
display: block;
width: 22px;
height: 2px;
-webkit-border-radius: 1px;
border-radius: 1px;
position: relative;
transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
-webkit-transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
-o-transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
-moz-transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
}
.search-icon-mobile .icon-bar + .icon-bar {
margin-top: 4px;
}
.search-icon-mobile.x .bar-top {
top: 7px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: transform 0.4s;
-o-transition: transform 0.4s;
transition: transform 0.4s;
}
.search-icon-mobile.x .bar-middle {
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.search-icon-mobile.x .bar-bottom {
top: -5px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: transform 0.4s;
-o-transition: transform 0.4s;
transition: transform 0.4s;
}
@media (min-width: 900px) {
.search-icon-mobile {
display: none;
}
}
.search-icon-mobile i {
font-size: 16px;
height: auto;
}
@media (max-width: 899px) {
.search-icon-mobile {
display: block;
}
}
.cart-icon-mobile {
display: none;
margin: 19px 0;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 0px;
height: 35px;
line-height: 35px;
float: right;
line-height: 1;
padding: 9px 10px;
font-size: 16px;
color: #ffffff;
position: relative;
}
.cart-icon-mobile:focus {
outline: 0;
}
.cart-icon-mobile .icon-bar {
display: block;
width: 22px;
height: 2px;
-webkit-border-radius: 1px;
border-radius: 1px;
position: relative;
transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
-webkit-transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
-o-transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
-moz-transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
}
.cart-icon-mobile .icon-bar + .icon-bar {
margin-top: 4px;
}
.cart-icon-mobile.x .bar-top {
top: 7px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: transform 0.4s;
-o-transition: transform 0.4s;
transition: transform 0.4s;
}
.cart-icon-mobile.x .bar-middle {
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.cart-icon-mobile.x .bar-bottom {
top: -5px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: transform 0.4s;
-o-transition: transform 0.4s;
transition: transform 0.4s;
}
@media (min-width: 900px) {
.cart-icon-mobile {
display: none;
}
}
.cart-icon-mobile:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.2);
}
.cart-icon-mobile span {
background: none repeat scroll 0 0 #bca480;
-webkit-border-radius: 100%;
border-radius: 100%;
color: #fff;
font-size: 85%;
height: 1.7em;
line-height: 1.7em;
position: absolute;
right: -3px;
text-align: center;
top: -4px;
width: 1.7em;
font-size: 12px;
}
.cart-icon-mobile .minicart-icon-svg {
font-size: 16px;
width: 20px;
}
@media (max-width: 899px) {
.cart-icon-mobile {
display: block;
}
}
@media (max-width: 899px) {
.navbar-header {
padding: 0;
height: 30px;
}
.navbar-header .row > .col-md-12 {
padding: 0 10px;
}
}
.offcanvas-overlay {
background-color: #b5b5b5;
height: 100%;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: fixed;
top: 0;
-webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
-o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
width: 100%;
z-index: 1050;
visibility: hidden;
}
.offcanvas {
-webkit-transition: left 0.5s;
-o-transition: left 0.5s;
transition: left 0.5s;
background: none repeat scroll 0 0 #ebebec;
bottom: 0;
position: fixed;
left: -300px;
top: 0;
width: 300px;
overflow-y: auto;
overflow-x: hidden;
}
@media (max-width: 350px) {
.offcanvas {
width: 260px;
left: -260px;
}
}
.offcanvas-wrap {
position: relative;
padding: 0 15px;
}
body.admin-bar .offcanvas-wrap {
margin-top: 32px;
}
@media (max-width: 782px) {
body.admin-bar .offcanvas-wrap {
margin-top: 46px;
}
}
.offcanvas-user {
margin-left: -15px;
margin-right: -15px;
background: #1e1e1e;
padding: 0 15px;
margin-bottom: 20px;
}
.offcanvas-user a {
height: 74px;
line-height: 74px;
color: #fff;
width: 50%;
float: left;
text-align: center;
display: block;
font-size: 85%;
text-transform: uppercase;
}
.offcanvas-user a.offcanvas-user-wishlist-link {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 899px) {
.open-offcanvas #wrapper {
height: 100%;
overflow: hidden;
position: fixed;
-webkit-transform: translate(300px, 0px);
-ms-transform: translate(300px, 0px);
-o-transform: translate(300px, 0px);
transform: translate(300px, 0px);
}
.open-offcanvas .offcanvas {
left: 0;
}
.open-offcanvas .offcanvas-overlay {
opacity: 0.5;
filter: alpha(opacity=80);
visibility: visible;
}
}
@media (max-width: 899px) and (max-width: 320px) {
.open-offcanvas #wrapper {
-webkit-transform: translate(260px, 0px);
-ms-transform: translate(260px, 0px);
-o-transform: translate(260px, 0px);
transform: translate(260px, 0px);
}
}
.offcanvas-nav {
margin: 0;
padding: 0;
}
.offcanvas-nav li {
display: block;
position: relative;
}
.offcanvas-nav li.menu-item-has-children {
position: relative;
}
.offcanvas-nav li.menu-item-has-children .caret {
border: none;
vertical-align: baseline;
margin-left: 0.15384615384615385em;
font-size: 1.0769230769230769em;
height: 100%;
padding: 10px;
position: absolute;
right: 10px;
top: 0;
width: 40px;
text-align: center;
}
.offcanvas-nav li.menu-item-has-children .caret:before {
content: "\f067";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.offcanvas-nav li.menu-item-has-children.open > .megamenu-title > .caret:before,
.offcanvas-nav li.menu-item-has-children.open > a > .caret:before {
content: "\f068";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.offcanvas-nav li.menu-item-has-children.open .dropdown-menu {
background-color: transparent;
border: 0 none;
box-shadow: none;
float: none;
margin-top: 0;
position: static;
width: auto;
}
.offcanvas-nav li.menu-item-has-children.open .dropdown-menu > li > a {
line-height: 1.65517em;
padding: 0.689655em 1.03448em 0.689655em 1.72414em;
}
.offcanvas-nav li.menu-item-has-children.open .dropdown-menu .dropdown-menu > li > a {
padding-left: 3.44828em;
}
.offcanvas-nav a {
display: block;
padding-bottom: 5px;
padding-top: 5px;
text-transform: uppercase;
position: relative;
color: #000;
}
.offcanvas-nav a:hover {
color: #bca480;
}
.offcanvas-nav .dropdown-menu > li > a:hover,
.offcanvas-nav .dropdown-menu > li > a:focus {
background: transparent;
}
.offcanvas-nav .dropdown-menu > li.active > a,
.offcanvas-nav .dropdown-menu > li.active > a:hover,
.offcanvas-nav .dropdown-menu > li.active > a:focus {
background: transparent;
}
.offcanvas-nav .dropdown-menu a {
color: #1e1e1e;
}
.offcanvas-nav .dropdown-menu a:hover {
color: #bca480;
}
.offcanvas-nav .navbar-search {
display: none;
}
.offcanvas-widget {
margin-top: 1px;
}
/*--------------------------------------------------------------
11.0 - Breadcrumbs
--------------------------------------------------------------*/
.breadcrumb {
list-style: none;
margin: 0;
padding: 0;
background: none;
}
.breadcrumb > li {
display: inline-block;
color: #8a8a8a;
}
.breadcrumb > li + li:before {
content: "/\00a0";
padding: 0 10px;
color: #1e1e1e;
font-size: 0.6em;
}
.breadcrumb > li a {
color: #1e1e1e;
}
.breadcrumb > li a:hover {
color: #bca480;
text-decoration: underline;
}
.breadcrumb > .active {
color: #8a8a8a;
}
/*--------------------------------------------------------------
12.0 - Pagination
--------------------------------------------------------------*/
.menu2{
padding: 6px 14px;
float: left;
background: #eee;
}
.paginate {
display: block;
margin-top: 1.5384615384615385em;
padding: 0 0 0.9230769230769231rem 0;
}
.container-full .paginate {
padding-left: 30px;
padding-right: 30px;
}
.paginate .paginate_links {
display: table;
margin: 0 auto;
}
.paginate .paginate_links .pagination-meta,
.paginate .paginate_links .page-numbers {
padding: 4px 11px;
border: 2px solid #ebebec;
display: inline-block;
float: left;
margin: 0 0.38461538461538464em 0 0;
color: #1e1e1e;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.paginate .paginate_links .pagination-meta:last-child,
.paginate .paginate_links .page-numbers:last-child {
margin: 0;
}
.paginate .paginate_links .pagination-meta.current,
.paginate .paginate_links .page-numbers.current {
border: 2px solid #bca480;
color: #fff;
background: #bca480;
}
.paginate .paginate_links a.page-numbers:hover,
.paginate .paginate_links a.page-numbers:focus {
border: 2px solid #bca480;
color: #fff;
background: #bca480;
}
.paginate .paginate_links .pagination-meta {
color: #1e1e1e;
border-color: transparent;
margin-right: 0.7692307692307693em;
}
@media (max-width: 767px) {
.paginate .paginate_links {
float: none;
}
.paginate .paginate_links .pagination-meta {
display: none;
}
}
/*--------------------------------------------------------------
17.0 - Close icons
--------------------------------------------------------------*/
.close {
float: right;
font-size: 19.5px;
font-weight: bold;
line-height: 1;
color: #000000;
opacity: 0.3;
filter: alpha(opacity=30);
}
.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
/*--------------------------------------------------------------
19.0 - Mediaelementplayer
--------------------------------------------------------------*/
.mejs-overlay-button {
background: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 50%;
border-radius: 50%;
width: 50px;
height: 50px;
margin-left: -25px !important;
}
.mejs-overlay-button:before {
font-family: "FontAwesome";
font-size: 22px;
content: "\f04b";
color: #fff;
display: block;
text-align: center;
line-height: 50px;
width: 50px;
height: 50px;
padding-left: 5px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mejs-poster {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.mejs-container {
background: none;
}
.mejs-container .mejs-controls {
background: #ebebec !important;
font-size: 11px !important;
}
.mejs-container.mejs-audio div.mejs-volume-button {
min-height: 0;
}
.mejs-container .mejs-controls > div {
min-height: 26px;
height: auto;
}
.mejs-controls .mejs-button button {
background-image: none;
height: 16px !important;
line-height: 0 !important;
margin: 8px 5px;
}
.mejs-controls .mejs-button button:before {
font-family: "FontAwesome";
font-size: 13px;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mejs-container .mejs-controls .mejs-time {
min-height: 0;
}
.mejs-container .mejs-controls .mejs-time span {
color: #000;
}
.mejs-controls .mejs-play button:before {
content: "\f04b";
}
.mejs-controls .mejs-pause button:before {
content: "\f04c";
}
.mejs-overlay-loading,
.mejs-overlay-loading span {
background: none !important;
}
.mejs-controls .mejs-time-rail span {
-webkit-border-radius: 0;
border-radius: 0;
height: 6px;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
background: #fff;
margin: 6px 5px;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #d1d1d3 !important;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #bca480 !important;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
border-color: #d1d1d3 transparent transparent !important;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
border: 1px solid #d1d1d3 !important;
background: #d1d1d3 !important;
}
.mejs-controls .mejs-fullscreen-button button:before {
content: "\f065";
}
.mejs-controls .mejs-unfullscreen button:before {
content: "\f066";
}
.mejs-controls .mejs-volume-button button:before {
content: "\f028";
}
.mejs-controls .mejs-mute button:before {
/* content: "\f026"; */
}
.mejs-controls .mejs-unmute button:before {
content: "\f026";
}
.mejs-controls div.mejs-horizontal-volume-slider {
float: right;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #fff;
-webkit-border-radius: 0;
border-radius: 0;
height: 6px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #bca480 !important;
-webkit-border-radius: 0;
border-radius: 0;
height: 6px;
}
.mejs-contextmenu {
z-index: 1001;
}
.dh-mfp-popup .mfp-content {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
-webkit-transform-origin: center top 0;
-moz-transform-origin: center top 0;
-ms-transform-origin: center top 0;
transform-origin: center top 0;
}
.dh-mfp-popup.mfp-ready .mfp-content {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.dh-mfp-popup .mfp-content .embed-wrap,
.dh-mfp-popup .mfp-content .video-embed-wrap {
max-width: 800px;
margin: 50px auto;
position: relative;
}
.dh-mfp-popup .mfp-content .embed-wrap .mfp-close,
.dh-mfp-popup .mfp-content .video-embed-wrap .mfp-close {
color: #fff;
right: -16px;
top: -35px;
}
/*--------------------------------------------------------------
20.0 - Modals
--------------------------------------------------------------*/
.modal-open {
overflow: hidden;
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-overflow-scrolling: touch;
z-index: 1090;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
-o-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
-ms-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
-moz-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
-webkit-transform-origin: center top 0;
-moz-transform-origin: center top 0;
-ms-transform-origin: center top 0;
transform-origin: center top 0;
}
.modal.in {
overflow-x: hidden;
overflow-y: auto;
}
.modal.in .modal-dialog {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px auto;
}
.modal-dialog.modal-dialog-center {
left: 50%;
margin: 0;
position: absolute;
top: 50%;
}
.modal-dialog.modal-dialog-center .modal-body {
overflow-y: auto;
}
.modal-dialog.modal-dialog-center .modal-footer {
margin-top: 0;
}
@media (max-width: 767px) {
.modal-dialog.modal-dialog-center {
width: 100%;
}
}
.modal-content {
position: relative;
background-color: #ffffff;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1075;
background-color: #000000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.modal-header {
padding: 30px;
padding-bottom: 0;
min-height: 31.6px;
}
.modal-dialog {
padding-top: 75px;
margin-top: 0 !important;
max-width: 90%;
}
.modal-header .close {
border: 2px solid #fff;
-webkit-border-radius: 100%;
border-radius: 100%;
color: #fff;
height: 40px;
left: 50%;
margin-top: -86px;
opacity: 1;
position: absolute;
width: 40px;
z-index: 100;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.modal-title {
margin: 0;
line-height: 1.6;
font-size: 1.8461538461538463em;
text-align: center;
text-transform: uppercase;
}
.modal-body {
position: relative;
padding: 30px;
}
.modal-footer {
padding: 30px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-left: 0.38461538461538464em;
margin-bottom: 0;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.user-register-modal .form-control,
.user-lostpassword-modal .form-control,
.user-login-modal .form-control {
border-color: #ebebec;
}
.user-register-modal .form-control:focus,
.user-lostpassword-modal .form-control:focus,
.user-login-modal .form-control:focus {
border-color: #1e1e1e;
border-width: 1px;
outline: none;
-webkit-box-shadow: inset 0 0 0 1px #1e1e1e;
box-shadow: inset 0 0 0 1px #1e1e1e;
}
.user-register-modal .modal-content,
.user-lostpassword-modal .modal-content,
.user-login-modal .modal-content {
border-width: 0px;
}
#suggesstion-staff{
position:relative;
z-index:10;
top:0px;
}
#country-staff{
float:left;list-style:none; padding:0;position: fixed; overflow-y:scroll; height:auto; width:60%; z-index:20; height:250px ; background:aliceblue;
border:1px solid #eee; border-top:none;
}
.btn-search-staff{border:1px solid #010433;}
#country-staff li{
padding: 10px; border-bottom: #eee 1px solid;
}
#country-staff li a{color:#333}
#country-staff li:hover{
background:#ece3d2;cursor: pointer;
}
#suggesstion-khachhang{
position:relative;
z-index:10;
top:40px;
}
#country-list{
float:left;list-style:none; padding:0;position: fixed; overflow-y:scroll; height:auto; width:40%; z-index:20; height:250px ; background:aliceblue;
border:1px solid #eee; border-top:none;
}
#country-list li{
padding: 10px; border-bottom: #eee 1px solid;
}
#country-list li a{color:#333}
#country-list li:hover{
background:#ece3d2;cursor: pointer;
}
#search-box{
padding: 0px;border: #a8d4b1 1px solid;border-radius:4px;
}
@media (min-width: 768px) {
.pll{
padding-left:0 !important;
}
.user-register-modal .modal-dialog,
.user-lostpassword-modal .modal-dialog,
.user-login-modal .modal-dialog {
width: 400px;
}
#top-searchform{ margin-top:3px; position:relative; z-index:10; margin-bottom:3px}
}
.user-register-modal .modal-header,
.user-lostpassword-modal .modal-header,
.user-login-modal .modal-header {
-webkit-border-radius: 0px 0px 0 0;
border-radius: 0px 0px 0 0;
}
.user-register-modal .modal-footer,
.user-lostpassword-modal .modal-footer,
.user-login-modal .modal-footer {
background-color: #ebebec;
-webkit-border-radius: 0 0 0px 0px;
border-radius: 0 0 0px 0px;
}
.user-register-modal .modal-footer button,
.user-lostpassword-modal .modal-footer button,
.user-login-modal .modal-footer button {
padding-left: 2rem;
padding-right: 2rem;
}
.ajax-modal-result,
.user-modal-result {
text-align: center;
}
.ajax-modal-result a,
.user-modal-result a {
color: #bca480;
}
.ajax-modal-result a:hover,
.user-modal-result a:hover {
text-decoration: underline;
}
.ajax-modal-result .error-response,
.user-modal-result .error-response {
color: #fe252c;
}
.ajax-modal-result .success-response,
.user-modal-result .success-response {
color: #a0ce4e;
}
.newsletter-modal .form-control {
border-color: #ebebec;
}
.newsletter-modal .form-control:focus {
border-color: #1e1e1e;
border-width: 1px;
outline: none;
-webkit-box-shadow: inset 0 0 0 1px #1e1e1e;
box-shadow: inset 0 0 0 1px #1e1e1e;
}
.newsletter-modal .modal-header {
border-bottom: 0;
}
.newsletter-modal .modal-body {
padding-bottom: 0;
}
@media (min-width: 768px) {
.newsletter-modal .modal-body {
padding-right: 30px;
padding-left: 30px;
}
}
@media (min-width: 768px) {
.newsletter-modal .modal-dialog {
width: 800px;
}
}
.newsletter-modal .newsletter-modal-title {
margin-top: 0;
margin-bottom: 10px;
text-transform: uppercase;
}
.newsletter-modal .newsletter-modal-desc {
font-size: 1.2em;
margin-bottom: 30px;
}
.newsletter-modal .modal-footer {
border: none;
text-align: inherit;
padding-bottom: 100px;
padding-top: 0;
}
.newsletter-modal .modal-footer button {
padding-left: 2rem;
padding-right: 2rem;
text-transform: uppercase;
}
@media (min-width: 768px) {
.newsletter-modal .modal-content {
background: #ffffff url("../images/newsletter-modal-bg.png") no-repeat scroll left center;
padding: 0 0 0 40%;
}
}
.newsletter-modal .ajax-modal-result {
text-align: inherit;
margin-bottom: 15px;
}
.user-login-or {
text-align: center;
margin-bottom: 1.5rem;
margin-top: 2rem;
position: relative;
}
.user-login-or:before {
position: absolute;
width: 100%;
height: 1px;
background: #ebebec;
top: 50%;
margin-top: -1px;
content: "";
left: 0;
}
.user-login-or span {
border: 1px solid #ebebec;
display: inline-block;
font-size: 1.1rem;
height: 2.5em;
width: 2.5em;
font-style: italic;
-webkit-border-radius: 100%;
border-radius: 100%;
line-height: 2.1em;
position: relative;
z-index: 2;
background-color: #fff;
}
.user-register-modal .user-login-facebook,
.user-login-modal .user-login-facebook {
text-align: center;
}
@media (max-width: 767px) {
.user-register-modal .lostpassword-modal-link,
.user-login-modal .lostpassword-modal-link {
margin-top: 30px;
text-align: center;
width: 100%;
}
}
@media (max-width: 767px) {
.user-register-modal .modal-footer,
.user-login-modal .modal-footer {
text-align: center !important;
}
.user-register-modal .modal-footer .user-login-modal-register,
.user-login-modal .modal-footer .user-login-modal-register {
margin-bottom: 15px;
}
.user-register-modal .modal-footer .pull-left,
.user-login-modal .modal-footer .pull-left {
display: block;
float: none !important;
}
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 2.3076923076923075em auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
/*--------------------------------------------------------------
21.0 - Tooltips
--------------------------------------------------------------*/
.tooltip {
position: absolute;
z-index: 1070;
display: block;
visibility: visible;
font-size: 85%;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
.tooltip.top {
margin-top: -0.23076923076923078em;
padding: 5px 0;
}
.tooltip.right {
margin-left: 0.23076923076923078em;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 0.23076923076923078em;
padding: 5px 0;
}
.tooltip.left {
margin-left: -0.23076923076923078em;
padding: 0 5px;
}
a[data-toggle="popover"],
a[data-toggle="tooltip"] {
color: #bca480;
text-decoration: underline;
}
a[data-toggle="popover"]:hover,
a[data-toggle="tooltip"]:hover {
color: #aa8c5f;
}
.tooltip-inner {
max-width: 15.384615384615385em;
padding: 5px 10px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #bca480;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #bca480;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-width: 5px 5px 0;
border-top-color: #bca480;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
right: 5px;
border-width: 5px 5px 0;
border-top-color: #bca480;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #bca480;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #bca480;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #bca480;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-width: 0 5px 5px;
border-bottom-color: #bca480;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-width: 0 5px 5px;
border-bottom-color: #bca480;
}
/*--------------------------------------------------------------
23.0 - Carousel
--------------------------------------------------------------*/
.carousel {
position: relative;
}
.carousel.fade {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
}
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
.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.fade {
opacity: 1;
filter: alpha(opacity=100);
}
.carousel.fade .carousel-inner .item {
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition-property: opacity;
width: 100%;
height: 100%;
}
.carousel.fade .carousel-inner .active {
opacity: 1;
z-index: 1;
}
.carousel.fade .carousel-inner .active.left,
.carousel.fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel.fade .carousel-inner .next.left,
.carousel.fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: 0.5;
filter: alpha(opacity=50);
font-size: 20px;
color: #ffffff;
text-align: center;
z-index: 10;
}
.carousel-control.right {
left: auto;
right: 0;
}
.carousel-control:hover,
.carousel-control:focus {
outline: 0;
color: #ffffff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-control .carousel-icon-prev,
.carousel-control .carousel-icon-next {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
}
.carousel-control .carousel-icon-prev {
left: 50%;
margin-left: -10px;
}
.carousel-control .carousel-icon-next {
right: 50%;
margin-right: -10px;
}
.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;
text-indent: -999px;
border: 1px solid #ffffff;
border-radius: 10px;
cursor: pointer;
margin: 0px 3px;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
background-color: #ffffff;
}
@media screen and (min-width: 768px) {
.carousel-control .carousel-icon-prev,
.carousel-control .carousel-icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px;
}
.carousel-control .carousel-icon-prev {
margin-left: -15px;
}
.carousel-control .carousel-icon-next {
margin-right: -15px;
}
.carousel-indicators {
bottom: 20px;
}
}
/*--------------------------------------------------------------
24.0 - DH Slider
--------------------------------------------------------------*/
@-webkit-keyframes text-from-bottom {
0% {
top: 70px;
opacity: 0;
filter: alpha(opacity=0);
}
50% {
top: 45px;
opacity: 0;
filter: alpha(opacity=0);
}
100% {
top: 0px;
opacity: 1;
filter: alpha(opacity=100);
}
}
@-moz-keyframes text-from-bottom {
0% {
top: 70px;
opacity: 0;
filter: alpha(opacity=0);
}
50% {
top: 45px;
opacity: 0;
filter: alpha(opacity=0);
}
100% {
top: 0px;
opacity: 1;
filter: alpha(opacity=100);
}
}
@-o-keyframes text-from-bottom {
0% {
top: 70px;
opacity: 0;
filter: alpha(opacity=0);
}
50% {
top: 45px;
opacity: 0;
filter: alpha(opacity=0);
}
100% {
top: 0px;
opacity: 1;
filter: alpha(opacity=100);
}
}
@keyframes text-from-bottom {
0% {
top: 70px;
opacity: 0;
filter: alpha(opacity=0);
}
50% {
top: 45px;
opacity: 0;
filter: alpha(opacity=0);
}
100% {
top: 0px;
opacity: 1;
filter: alpha(opacity=100);
}
}
.dhslider {
margin: 0 auto;
padding: 0;
position: relative;
}
.dhslider .dhslider-loader {
background: none repeat scroll 0 0 #393939;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 50;
}
.dhslider .dhslider-loader .fade-loading {
width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.dhslider .dhslider-wrap {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0;
padding: 0;
}
.dhslider .slide-bg {
background-position: center 0;
background-repeat: no-repeat;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.dhslider .slider-overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: url(../images/grid-overlay.png) repeat scroll 0 0 rgba(174, 174, 174, 0.25);
z-index: 2;
}
.dhslider .slide-link {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 3;
}
.dhslider .video-embed-wrap {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.dhslider .video-embed-wrap video {
position: relative;
visibility: visible;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.dhslider .carousel-control {
background: none;
visibility: hidden;
display: none !important;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.dhslider .carousel-control .carousel-icon-prev,
.dhslider .carousel-control .carousel-icon-next {
width: 50px;
height: 50px;
margin-top: -25px;
border: 2px solid #fff;
-webkit-border-radius: 100%;
border-radius: 100%;
line-height: 45px;
}
.dhslider .carousel-control:hover,
.dhslider .carousel-control:focus {
outline: 0;
color: #ffffff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.dhslider .carousel-control .carousel-icon-prev {
margin-left: -25px;
}
.dhslider .carousel-control .carousel-icon-next {
margin-right: -25px;
}
@media (max-width: 767px) {
.dhslider .carousel-control {
display: none;
}
}
.dhslider:hover .carousel-control {
opacity: 0.5;
filter: alpha(opacity=50);
visibility: visible;
}
.dhslider:hover .carousel-control:hover,
.dhslider:hover .carousel-control:focus {
outline: 0;
color: #ffffff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.dhslider .slider-caption {
position: absolute;
z-index: 9;
width: 100%;
top: 50%;
}
.dhslider .slider-caption.caption-align-left {
padding-left: 15%;
width: 50%;
}
.dhslider .slider-caption.caption-align-left .slider-caption-text {
max-width: none;
}
.dhslider .slider-caption.caption-align-center {
padding: 0 15%;
text-align: center;
}
.dhslider .slider-caption.caption-align-right {
padding-right: 15%;
width: 50%;
left: auto;
right: 0;
}
.dhslider .slider-caption.caption-align-right .slider-caption-text {
max-width: none;
}
@media (max-width: 1199px) {
.dhslider .slider-caption {
padding: 0 15px !important;
text-align: center !important;
width: 100% !important;
left: auto;
right: auto;
}
}
.dhslider .slider-caption .btn {
line-height: 1;
font-size: 1.2em;
border-width: 2px;
margin: 0 10px;
}
@media (max-width: 1199px) {
.dhslider .slider-caption .btn {
font-size: 1em;
}
}
@media (max-width: 767px) {
.dhslider .slider-caption .btn {
font-size: 0.8em;
}
}
.dhslider .slider-caption .slider-top-caption-text {
color: #fff;
font-size: 1.5em;
margin: 0;
text-transform: uppercase;
margin-bottom: 20px;
}
.dhslider .slider-caption .slider-heading-text {
color: #fff;
font-size: 3em;
margin: 0;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
}
@media (max-width: 1199px) {
.dhslider .slider-caption .slider-heading-text {
font-size: 3em;
}
}
@media (max-width: 767px) {
.dhslider .slider-caption .slider-heading-text {
font-size: 2em;
margin-bottom: 10px;
}
}
.dhslider .slider-caption .slider-caption-text {
font-size: 1rem;
color: #fff;
max-width: 70%;
margin: 0 auto 30px;
}
@media (max-width: 1199px) {
.dhslider .slider-caption .slider-caption-text {
font-size: 1em;
}
}
@media (max-width: 767px) {
.dhslider .slider-caption .slider-caption-text {
font-size: 0.8em;
margin-bottom: 10px;
}
}
@media (min-width: 900px) {
.dhslider .carousel-inner .slider-caption .slider-top-caption-text,
.dhslider .carousel-inner .slider-caption .slider-heading-text,
.dhslider .carousel-inner .slider-caption .slider-caption-text,
.dhslider .carousel-inner .slider-caption .slider-buttons a {
opacity: 0;
filter: alpha(opacity=0);
top: 70px;
position: relative;
}
.dhslider .carousel-inner .active .slider-caption .slider-top-caption-text,
.dhslider .carousel-inner .active .slider-caption .slider-heading-text,
.dhslider .carousel-inner .active .slider-caption .slider-caption-text,
.dhslider .carousel-inner .active .slider-caption .slider-buttons a {
opacity: 1;
filter: alpha(opacity=100);
top: 0;
-webkit-animation: text-from-bottom 1.2s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-animation: text-from-bottom 1.2s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
animation: text-from-bottom 1.2s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.dhslider .carousel-inner .active .slider-caption .slider-heading-text {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.dhslider .carousel-inner .active .slider-caption .slider-caption-text {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.dhslider .carousel-inner .active .slider-caption .slider-buttons a {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
}
@media (max-width: 767px) {
.dhslider .carousel-indicators {
display: none;
}
}
/*--------------------------------------------------------------
25.0 - Shortcodes
25.1 - Caroufredsel Slider
25.2 - Testimonial
25.3 - Counter
25.4 - Countdown
25.5 - Instagram
25.6 - Box Feature
25.7 - Client
--------------------------------------------------------------*/
/*--------------------------------------------------------------
25.1 - Caroufredsel Slider
--------------------------------------------------------------*/
.caroufredsel {
position: relative;
overflow: hidden;
padding: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.caroufredsel .caroufredsel_wrapper {
margin: 0 !important;
}
.single-product-thumbnails li{
width:80px !important; height:80px !important;
}
.caroufredsel .caroufredsel-wrap {
position: relative;
overflow: hidden;
height: 100%;
margin: 0 -10px;
}
.caroufredsel-item-no-padding.caroufredsel .caroufredsel-wrap {
margin: 0;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-items {
margin: 0;
padding: 0;
list-style: none;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-item {
float: left;
padding: 0;
list-style: none;
margin: 0 5px;
}
.caroufredsel-item-no-padding.caroufredsel .caroufredsel-wrap .caroufredsel-item {
margin: 0;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-item > a > img,
.caroufredsel .caroufredsel-wrap .caroufredsel-item > img {
width: 100%;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-next,
.caroufredsel .caroufredsel-wrap .caroufredsel-prev {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #1e1e1e;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
width: 40px;
height: 40px;
line-height: 37px;
font-size: 14px;
border: 2px solid #1e1e1e;
text-align: center;
z-index: 100;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-next:hover,
.caroufredsel .caroufredsel-wrap .caroufredsel-prev:hover {
background-color: #1e1e1e;
border-color: transparent;
color: #fff;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-next.disabled,
.caroufredsel .caroufredsel-wrap .caroufredsel-prev.disabled {
display: none !important;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-prev {
left: -45px;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-prev:before {
content: "\f053";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-next {
right: -45px;
}
.caroufredsel .caroufredsel-wrap .caroufredsel-next:before {
content: "\f054";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.caroufredsel .caroufredsel-wrap:hover > .caroufredsel-prev {
left: 20px;
}
.caroufredsel .caroufredsel-wrap:hover > .caroufredsel-next {
right: 20px;
}
.caroufredsel .caroufredsel-pagination {
text-align: center;
margin-top: 15px;
}
.caroufredsel .caroufredsel-pagination a {
background: transparent;
border: 1px solid rgba(0, 0, 0, 0.5);
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
height: 10px;
margin: 0 2px;
text-indent: -9999em;
width: 10px;
}
.caroufredsel .caroufredsel-pagination a:hover,
.caroufredsel .caroufredsel-pagination a.selected {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0);
}
/*--------------------------------------------------------------
25.2 - Testimonial
--------------------------------------------------------------*/
.testimonial .testimonial-text {
font-size: 1.2em;
text-align: center;
padding: 1.2rem 30px;
position: relative;
margin-bottom: 1.2rem;
}
.testimonial .testimonial-text > span {
font-family: "PT Sans", sans-serif;
font-size: 1.1em;
line-height: 1;
opacity: 0.2;
filter: alpha(opacity=20);
}
.testimonial .testimonial-text > span:first-child {
color: #666666;
font-size: 150px;
height: 64px;
left: 20px;
position: absolute;
top: 5px;
width: 64px;
}
.testimonial .testimonial-text > span:last-child {
color: #666;
font-size: 70px;
position: absolute;
}
.testimonial.bg-transparent .testimonial-text > span:last-child,
.testimonial.bg-transparent .testimonial-text > span:first-child,
.testimonial.bg-transparent .caroufredsel .caroufredsel-wrap .caroufredsel-next,
.testimonial.bg-transparent .caroufredsel .caroufredsel-wrap .caroufredsel-prev,
.testimonial.bg-transparent .testimonial-company,
.testimonial.bg-transparent .testimonial-author,
.testimonial.bg-transparent .testimonial-text {
color: #fff;
}
.testimonial.bg-transparent .testimonial-text {
background: rgba(0, 0, 0, 0);
}
.testimonial.bg-transparent .testimonial-text:before {
display: none;
}
.testimonial .testimonial-avatar {
text-align: center;
position: relative;
}
.testimonial .testimonial-avatar img {
width: 150px !important;
height: 150px!important;
-webkit-border-radius: 100%;
border-radius: 100%;
border: 1px solid #ebebec;
padding: 5px;
}
.testimonial .testimonial-author {
text-align: center;
margin-top: 0.5em;
font-size: 1.1em;
color: #1e1e1e;
}
.testimonial .testimonial-company {
text-align: center;
font-size: 85%;
color: #8a8a8a;
}
.testimonial .caroufredsel .caroufredsel-wrap .caroufredsel-next {
font-size: 50px;
right: 50%;
margin-right: -124px;
border: none;
color: #1e1e1e;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background: none;
}
.testimonial .caroufredsel .caroufredsel-wrap .caroufredsel-prev {
font-size: 50px;
left: 50%;
margin-left: -124px;
border: none;
color: #1e1e1e;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background: none;
}
.testimonial .caroufredsel .caroufredsel-wrap .caroufredsel-item:hover .caroufredsel-next,
.testimonial .caroufredsel .caroufredsel-wrap .caroufredsel-item:hover .caroufredsel-prev {
opacity: 1;
filter: alpha(opacity=100);
}
/*--------------------------------------------------------------
25.3 - Counter
--------------------------------------------------------------*/
.counter {
text-align: center;
margin-bottom: 15px;
}
.counter.counter-icon-top .counter-icon {
display: block;
}
.counter.counter-icon-left .counter-icon {
margin-right: 10px;
line-height: 1;
display: inline-block;
}
.counter .counter-count {
font-weight: 700;
line-height: 1.1;
margin-bottom: 0.7692307692307693em;
}
.counter .counter-unit {
font-size: 80%;
}
.counter .counter-number {
margin-top: 0;
}
.counter .counter-text {
display: block;
font-weight: 700;
line-height: 1.1;
margin-top: 0;
}
/*--------------------------------------------------------------
25.4 - Countdown
--------------------------------------------------------------*/
.countdown {
width: 90%;
}
.countdown-content:before,
.countdown-content:after {
content: " ";
display: table;
}
.countdown-content:after {
clear: both;
}
.countdown-item {
float: left;
width: 25%;
text-align: center;
border-right: 1px solid;
text-transform: uppercase;
}
.countdown-item:last-child {
border-right: none;
}
@media (max-width: 767px) {
.countdown-item {
border: none;
width: 50%;
}
}
.countdown-item .countdown-item-value {
font-size: 2.57em;
font-weight: bold;
}
.countdown-white .countdown-item {
color: #fff;
}
/*--------------------------------------------------------------
25.5 - Instagram
--------------------------------------------------------------*/
.instagram .caroufredsel-item a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
cursor: pointer;
}
/*--------------------------------------------------------------
25.6 - Box Feature
--------------------------------------------------------------*/
.box-ft {
position: relative;
text-align:center;
}
@media (max-width: 767px) {
.box-ft {
margin-bottom: 15px !important;
}
}
.box-ft-1 > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background: rgba(59, 62, 67, 0.75);
z-index: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.box-ft-1 > a:hover {
background: transparent;
}
.box-ft-1 > a:hover .bof-tf-title-wrap::after {
background: rgba(235, 235, 236, 0.25);
bottom: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(30deg);
-webkit-transform: translate(-50%, -50%) rotate(30deg);
-moz-transform: translate(-50%, -50%) rotate(30deg);
width: 100%;
}
.box-ft-1 > a:hover .bof-tf-title-wrap::before {
background: rgba(235, 235, 236, 0.25);
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-30deg);
-webkit-transform: translate(-50%, -50%) rotate(-30deg);
-moz-transform: translate(-50%, -50%) rotate(-30deg);
width: 100%;
}
.box-ft-1 .bof-tf-title-wrap {
position: absolute;
top: 50%;
left: 30px;
right: 30px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 2;
padding: 30px 0;
}
.box-ft-1 .bof-tf-title-wrap:after,
.box-ft-1 .bof-tf-title-wrap:before {
width: 100%;
height: 1px;
background: #bca480;
content: "";
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.box-ft-1 .bof-tf-title-wrap:after {
top: auto;
bottom: 0;
}
.box-ft-1 .bof-tf-title {
color: #fff;
text-transform: uppercase;
font-size: 2.2em;
font-weight: 700;
text-align: center;
display: block;
}
.box-ft-1 .bof-tf-sub-title {
text-transform: uppercase;
color: #bca480;
font-weight: 700;
display: block;
text-align: center;
font-size: 1.1em;
}
.box-ft-2 .bof-tf-title-wrap {
display: block;
padding: 15px 0 30px;
}
@media (min-width: 480px) {
.box-ft-2 .bof-tf-title-wrap {
padding: 30px;
}
}
.box-ft-2 .bof-tf-title-wrap .nice-border-bottom-left {
bottom: 0px;
left: 0;
}
.box-ft-2 .bof-tf-title-wrap .nice-border-bottom-right {
right: 0;
bottom: 0;
}
.box-ft-2 .bof-tf-title-wrap .nice-border-top-left {
left: 0;
top: 0;
}
.box-ft-2 .bof-tf-title-wrap .nice-border-top-right {
right: 0;
top: 0;
}
.box-ft-2 .bof-tf-sub-title {
color: #bca480;
text-transform: uppercase;
font-weight: bold;
display: block;
font-size: 1.2em;
}
.box-ft-2 .bof-tf-title {
font-size: 3em;
font-weight: 900;
text-transform: uppercase;
display: block;
line-height: 1;
}
@media (max-width: 1199px) {
.box-ft-2 .bof-tf-title {
font-size: 2em;
}
}
.box-ft-3 .bof-tf-title-wrap {
display: block;
position: relative;
z-index: 3;
padding: 15px;
}
@media (min-width: 480px) {
.box-ft-3 .bof-tf-title-wrap {
padding: 30px;
}
}
.box-ft-3 .bof-tf-title-wrap-2 {
display: block;
-webkit-transform: translate(0px, -100%);
-ms-transform: translate(0px, -100%);
-o-transform: translate(0px, -100%);
transform: translate(0px, -100%);
}
.box-ft-3 .box-ft-img-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover ;
background-size: cover;
background-position: center center;
background-image: url(../images/thumb_370x400.jpg);
content: "";
}
.box-ft-3 .box-ft-img-overlay:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background: rgba(59, 62, 67, 0.75);
content: "";
}
.box-ft-3 .bof-tf-sub-title {
color: #bca480;
text-transform: uppercase;
font-weight: bold;
display: block;
font-size: 1.2em;
}
.box-ft-3 .bof-tf-title {
font-size: 3em;
font-weight: 900;
text-transform: uppercase;
display: block;
line-height: 1;
color: #fff;
}
@media (max-width: 1199px) {
.box-ft-3 .bof-tf-title {
font-size: 2em;
}
}
.box-ft-3 .bof-tf-view-more {
display: inline-block;
padding: 5px 0;
text-transform: uppercase;
font-size: 85%;
color: #fff;
margin-top: 10px;
position: absolute;
left: 0;
}
.box-ft-3 .bof-tf-view-more:before,
.box-ft-3 .bof-tf-view-more:after {
background: #fff none repeat scroll 0 0;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 100%;
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
-webkit-transition: transform 0.3s ease 0s;
-o-transition: transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
width: 100%;
}
.box-ft-3 .bof-tf-view-more:after {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: top 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s;
-o-transition: top 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s;
transition: top 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s;
}
.box-ft-3 > a:hover .bof-tf-view-more:before,
.box-ft-3 > a:hover .bof-tf-view-more:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.box-ft-3 > a:hover .bof-tf-view-more:after {
opacity: 1;
filter: alpha(opacity=100);
top: 0;
}
/*--------------------------------------------------------------
25.7 - Client
--------------------------------------------------------------*/
.client.client-grid {
overflow: hidden;
border-left: 1px solid #ebebec;
border-right: 1px solid #ebebec;
border-top: 1px solid #ebebec;
}
.client.client-grid > .row .client-item {
padding: 15px;
}
.client.client-grid > .row > div {
border-right: 1px solid #ebebec;
border-bottom: 1px solid #ebebec;
}
/*--------------------------------------------------------------
26.0 - Header
--------------------------------------------------------------*/
.topbar {
background:#2d334d;
position: relative;
color:#eee;
padding: 3px;
border-bottom: 1px solid #eee;
display:none;
}
@media (max-width: 899px) {
.topbar {
display: none;
}
}
.topbar .left-topbar {
line-height:28px;
height: 28px;
}
.topbar .right-topbar {
text-align: right;
line-height: 35px;
height: 35px;
}
.topbar a {
color: #555;
}
.topbar .dropdown-menu > li > a {
padding-bottom: 10px;
padding-top: 10px;
text-transform: none;
color: #555;
}
.topbar .dropdown-menu > li > a i {
color: #8a8a8a;
}
.user-wishlist,
.user-login {
float: left;
color: #eee;
font-family: arial;
font-size: 12px;
padding: 0 20px 0 0;
}
.user-wishlist a,
.user-login a {
color: #ffffff;
}
.header-type-classic .language-switcher,
.header-type-classic .user-wishlist {
position: relative;
padding-left: 15px;
}
.header-type-classic .language-switcher:before,
.header-type-classic .user-wishlist:before {
position: absolute;
width: 1px;
height: 50%;
content: "";
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
background: rgba(255, 255, 255, 0.2);
}
.header-type-classic .language-switcher {
margin-right: 15px;
margin-top:5px;
}
.header-type-classic .language-switcher:before {
right: 0;
left: auto;
}
.header-type-classic .language-switcher .dropdown-menu {
left: auto;
right: 0;
}
.wpml-languages:hover .dropdown-menu,
.top-nav > li:hover .dropdown-menu {
display: block;
}
.wpml-languages > a,
.top-nav > li > a {
color: #666;
font-family: arial;
font-size: 12px;
padding: 0 20px 0 0;
}
.wpml-languages a:hover{color:#ff9933 !important}
.user-wishlist i,
.user-login i {
color: #ffffff;
margin-right: 5px;
}
.left-topbar {
padding-left: 15px;
}
.right-topbar {
padding-right: 15px;
}
.right-topbar .navbar-minicart {
float: right;
padding: 0 15px;
}
.right-topbar .navbar-minicart .minicart-icon {
margin-right: 25px;
}
.right-topbar .navbar-minicart .minicart-icon-svg {
color: #a4a4a4;
}
.right-topbar .navbar-minicart .minicart-link {
text-transform: uppercase;
color: #ffffff;
}
.right-topbar .language-switcher {
float: right;
color: #ffffff;
padding: 0 15px;
}
.right-topbar .language-switcher .wpml-languages {
position: relative;
}
.right-topbar .language-switcher .wpml-languages a > img {
margin-right: 5px;
}
.topbar-info a {
margin-right: 1.1em;
font-size: 85%;
color: #ffffff;
}
.topbar-info a:hover {
text-decoration: underline;
}
.topbar-info a i {
margin-right: 5px;
}
.topbar-icon-button {
float: right;
}
.topbar-icon-button ~ .topbar-nav {
padding-right: 1.2em;
}
.topbar-icon-button > div {
float: left;
padding: 0 1.2em;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.02);
}
.topbar-icon-button > div a {
color: #ffffff;
}
.topbar-icon-button > div a:hover {
color: #bca480;
}
.topbar-icon-button .navbar-minicart {
position: relative;
}
.topbar-icon-button .navbar-minicart:before {
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 1px;
height: 100%;
background: rgba(0, 0, 0, 0.07);
}
.topbar-icon-button .navbar-minicart .minicart {
text-align: left;
line-height: 1.6;
}
@media (min-width: 900px) {
.top-search {
display: table;
height: 100%;
float: right;
}
.top-search-wrap {
color: #ffffff;
display: table-cell;
font-size: 90%;
height: 100%;
text-align: center;
vertical-align: middle;
width: 100%;
}
.top-search {
/* placeholder */
/* hide placeholder when active in Chrome */
}
.top-search #top-searchform {
position: relative;
display: table;
margin: 0 auto;
}
.top-search #top-searchform-s {
position: relative;
z-index: 1;
background: none;
border-width: 0 0 1px 0;
border-color: rgba(254, 254, 254, 0);
padding: 0;
height: 30px;
color: #fff;
width: 0;
padding-left: 30px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.top-search #top-searchform-s:hover,
.top-search #top-searchform-s:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.top-search #top-searchform-s:focus {
border-color: #fff;
width: 200px;
}
.top-search #top-searchform-s::-webkit-input-placeholder {
color: #fff;
opacity: 1;
filter: alpha(opacity=100);
}
.top-search #top-searchform-s:-moz-placeholder {
color: #fff;
opacity: 1;
filter: alpha(opacity=100);
}
.top-search #top-searchform-s::-moz-placeholder {
color: #fff;
opacity: 1;
filter: alpha(opacity=100);
}
.top-search #top-searchform-s:-ms-input-placeholder {
color: #fff;
opacity: 1;
filter: alpha(opacity=100);
}
.top-search #top-searchform-s:focus::-webkit-input-placeholder {
color: transparent;
}
.top-search .top-searchform-icon {
position: absolute;
top: 50%;
left: 0;
}
.top-search .top-searchform-icon:before {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
content: "U";
font-family: "ElegantIcons";
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-transform: none;
color: #fff;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 14px;
}
}
.searchform-result .no-result {
padding: 0.7692307692307693em 0.7692307692307693em;
}
.searchform-result .searchform-result-list {
padding: 0.23076923076923078em 0.7692307692307693em 0;
}
.searchform-result .searchform-result-list .search-object {
font-size: 110%;
margin: 10px 0 0 0;
}
.searchform-result .searchform-result-list .search-object span {
padding: 0 0.38461538461538464em;
-webkit-border-radius: 0px;
border-radius: 0px;
background: #ebebec;
}
.searchform-result .searchform-result-list .search-entry {
border-bottom: 1px dotted #ebebec;
padding: 0.7692307692307693em 0;
}
.searchform-result .searchform-result-list .search-entry .search-image {
float: left;
width: 1.9230769230769231em;
text-align: center;
margin: 0 0.7692307692307693em 0.38461538461538464em 0;
font-size: 1.2307692307692308em;
}
.searchform-result .searchform-result-list .search-entry .search-image img {
width: 100%;
max-width: 100%;
max-height: 100%;
height: auto;
}
.searchform-result .searchform-result-list .search-entry .search-title {
margin: 0;
font-size: 13px;
}
.searchform-result .searchform-result-list .search-entry .search-excerpt {
color: #8a8a8a;
font-size: 85%;
}
.searchform-result .search-view-all {
padding: 1.5384615384615385em 0;
text-align: center;
background-color: #ebebec;
margin: -0.07692307692307693em 0 0;
border-top: 1px solid #ebebec;
}
.searchform-result .search-view-all a {
font-size: 85%;
text-transform: uppercase;
}
.searchform-result .search-view-all a:after {
content: "\f178";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.searchform-result .search-view-all a:after {
margin-left: 0.38461538461538464em;
}
@media (max-width: 767px) {
.header-container {
border-bottom: 1px solid #ebebec;
}
}
.header-type-classic,
.header-navbar-default {
position: relative;
z-index: 1000;
}
.header-container.header-navbar-fixed {
padding: 0 0 60px 0;
}
.header-search-overlay {
left: 0;
position: absolute;
top: 0;
bottom: 0;
right: 0;
background: #fff;
z-index: 99999;
display: none;
}
@media (max-width: 899px) {
.header-search-overlay {
display: block;
}
}
.header-search-overlay > div {
height: 100%;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}
.header-search-overlay .header-search-overlay-wrap {
position: relative;
height: 100%;
}
.header-search-overlay .searchform {
width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
padding-left: 60px;
}
@media (max-width: 899px) {
.header-search-overlay .searchform {
padding-left: 25px;
}
}
.header-search-overlay .searchform:before {
content: "\f002";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.header-search-overlay .searchform:before {
font-size: 20px;
left: 0;
line-height: 2.77143em;
position: absolute;
text-align: right;
top: 50%;
-webkit-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
transform: translate(0px, -50%);
width: 50px;
}
@media (max-width: 899px) {
.header-search-overlay .searchform:before {
width: auto;
font-size: 16px;
}
}
.header-search-overlay .searchform .searchinput {
border: medium none;
font-size: 36px;
font-weight: bold;
width: 100%;
outline: none;
}
@media (max-width: 899px) {
.header-search-overlay .searchform .searchinput {
font-size: 18px;
}
}
.header-search-overlay .searchform.loading ~ .close {
display: block;
}
.header-search-overlay .searchform.loading ~ .close > span {
display: none;
}
.header-search-overlay .searchform.loading ~ .close:after {
content: "\f110";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.header-search-overlay .searchform.loading ~ .close:after {
-webkit-animation: fa-spin 1s infinite linear;
-o-animation: fa-spin 1s infinite linear;
animation: fa-spin 1s infinite linear;
-webkit-animation-timing-function: steps(8, start);
animation-timing-function: steps(8, start);
}
.header-search-overlay .close {
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
height: 40px;
position: absolute;
right: 40px;
width: 40px;
opacity: 1;
filter: alpha(opacity=100);
font-size: 14px;
}
@media (max-width: 899px) {
.header-search-overlay .close {
right: 0;
width: 20px;
}
}
.header-search-overlay .searchform-result {
background: #d1d1d3;
position: absolute;
top: 100%;
width: 100%;
-webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.51);
box-shadow: 0 5px 6px rgba(0, 0, 0, 0.51);
}
.header-search-overlay .searchform-result .no-result {
font-size: 1.1em;
}
.header-search-overlay .searchform-result .searchform-result-list .search-entry {
border-bottom-color: #ffffff;
}
.header-search-overlay .searchform-result .searchform-result-list .search-entry .search-title {
font-size: 1.1em;
}
@media (min-width: 900px) {
.header-default-center .navbar-search-button {
position: absolute !important;
right: 10px;
}
}
.search-form-wrap {
height: 70px;
line-height: 70px;
}
.search-form-wrap > form {
display: inline-block;
line-height: 1;
}
.search-form-wrap .searchinput {
border: 2px solid #1e1e1e;
height: 35px;
padding: 5px 35px 5px 5px;
width: 244px;
}
@media (min-width: 900px) {
.header-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
}
}
@media (min-width: 900px) {
.header-absolute {
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background: rgba(255,255,255,0.9);
}
}
@media (min-width: 900px) and (max-width: 1599px) {
.lang-select img{
padding-left:1px !important
}
.header-type-classic .primary-nav > li > a {
padding: 0 5px;
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a:hover,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a:hover,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a:hover,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a:focus,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a:focus,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a:focus,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a > .navicon,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a > .navicon,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a > .navicon {
font-size:12px;
}
}
@media (min-width: 1600px){
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a:hover,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a:hover,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a:hover,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a:focus,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a:focus,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a:focus,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a > .navicon,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a > .navicon,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a > .navicon {
font-size:14px;
}
}
@media (min-width: 900px) {
.header-transparent .navbar-default:not(.navbar-fixed-top) {
background: rgba(0, 0, 0, 0);
border-color: rgba(255, 255, 255, 0);
border-width: 0 0 0px 0;
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a:hover,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a:hover,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a:hover,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a:focus,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a:focus,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a:focus,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a > .navicon,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a > .navicon,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a > .navicon {
color: #171414;
text-transform:uppercase;
font-weight: bold;
}
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a:hover,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a:hover,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a:hover,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a:focus,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a:focus,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a:focus,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a > .navicon,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a > .navicon,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a > .navicon {
color: #fff;
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a > .underline:before,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a > .underline:before,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a > .underline:before,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a > .underline:after,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a > .underline:after,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a > .underline:after {
background-color: #1e1e1e;
}
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a > .underline:before,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a > .underline:before,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a > .underline:before,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a > .underline:after,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a > .underline:after,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a > .underline:after {
background-color: #fff;
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a.minicart-link:before,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a.minicart-link:before,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a.minicart-link:before,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a.navbar-search-button:before,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a.navbar-search-button:before,
.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a.navbar-search-button:before {
background: #1e1e1e;
}
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a.minicart-link:before,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a.minicart-link:before,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a.minicart-link:before,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .open > a.navbar-search-button:before,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > .active > a.navbar-search-button:before,
.header-transparent-white.header-transparent .navbar-default:not(.navbar-fixed-top) .navbar-nav > li > a.navbar-search-button:before {
background: #fff;
}
.header-transparent .navbar-default:not(.navbar-fixed-top).navbar-fixed-top {
background: #ffffff;
border-color: transparent;
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .dropdown-menu a {
background: transparent;
}
.header-transparent .navbar-default:not(.navbar-fixed-top) .megamenu > .dropdown-menu .dropdown-menu {
background: transparent;
}
}
@media (min-width: 900px) {
.header-type-classic .header-container.page-heading-default .navbar-container {
padding-top: 30px;
padding-bottom: 30px;
position: relative;
}
}
.heading-container {
background: #F9F9FA;
overflow: hidden;
position: relative;
margin-bottom:20px;
}
.heading-container.heading-border {
border-bottom: 1px solid #ebebec;
}
.heading-container > div {
height: 100%;
}
.heading-container.heading-resize {
width: 100%;
}
.heading-container .heading-standar {
position: relative;
}
.heading-container .heading-standar .page-breadcrumb {
float: none;
padding: 10px 0;
}
.heading-container .heading-standar .page-breadcrumb a:hover {
text-decoration: underline;
}
@media (max-width: 767px) {
.heading-container .heading-standar .page-breadcrumb {
display: none;
}
}
.heading-container .heading-parallax {
position: relative;
}
.heading-container .heading-background {
background-color: #ebebec;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
.heading-container .heading-background .heading-wrap {
position: relative;
text-align: center;
}
.heading-container .heading-parallax.bg-1 {
background-image: url('../images/shop-header-bg.jpg');
}
.heading-container .heading-parallax.bg-2 {
background-image: url('../images/header-bg.jpg');
}
@media (min-width: 480px) {
.heading-container .heading-background .heading-wrap {
height: 550px;
padding-top: 99px;
}
}
@media (min-width: 480px) {
.heading-no-button.heading-container .heading-background .heading-wrap {
height: 200px;
padding-top: 0;
}
}
.heading-container .heading-background .heading-wrap:after {
content: "";
display: inline-block;
height: 100%;
margin-right: -0.3em;
vertical-align: middle;
width: 1px;
}
.heading-container .heading-background .page-title {
display: inline-block;
vertical-align: middle;
}
@media (min-width: 480px) {
.heading-button.heading-container .heading-background .page-title {
margin-top: -50px;
}
}
.heading-container .heading-background .page-title h1 {
color: #fff;
display: block;
margin: 0;
text-transform: uppercase;
font-size: 30px;
}
@media (max-width: 767px) {
.heading-container .heading-background .page-title h1 {
font-size: 1.5em;
text-align: center;
}
}
.heading-container .heading-background .page-title .subtitle {
color: #bca480;
font-size: 1.5em;
text-transform: uppercase;
margin-top: 10px;
display: block;
font-weight: 700;
}
@media (max-width: 767px) {
.heading-container .heading-background .page-title .subtitle {
font-size: 1em;
text-align: center;
}
}
.heading-container .heading-background .page-title .page-breadcrumb {
margin-top: 10px;
}
@media (max-width: 767px) {
.heading-container .heading-background .page-title .page-breadcrumb {
display: none;
}
}
.heading-container .heading-background .page-title .page-breadcrumb .breadcrumb > li {
color: #fff;
}
.heading-container .heading-background .page-title .page-breadcrumb .breadcrumb > li + li::before {
color: #fff;
}
.heading-container .heading-background .page-title .page-breadcrumb a {
color: #fff;
}
@media (max-width: 480px) {
.heading-container .heading-background .heading-wrap {
display: block;
height: auto;
margin: 0 auto;
}
.heading-container .heading-background .page-title {
padding-bottom: 1.5384615384615385em;
padding-top: 1.5384615384615385em;
font-weight: 700;
}
.heading-container .heading-background .subtitle {
font-weight: 700;
}
}
@media (min-width: 768px) {
.heading-container.heading-button .heading-background .heading-wrap {
text-align: left;
}
}
.heading-container.heading-button .heading-background .heading-wrap .heading-button-btn {
margin-top: 30px;
padding-right: 3rem;
padding-left: 3rem;
}
.page-breadcrumb-container .page-breadcrumb {
background: no-repeat;
padding: 30px 0;
border-bottom: 2px double #ebebec;
background: none;
}
.header-type-classic.header-transparent ~ .heading-container .heading-background {
padding-top: 99px;
}
/*--------------------------------------------------------------
27.0 - Footer
--------------------------------------------------------------*/
.footer-widget {
border-top:1px solid #C5D4E2;
background:#010433;
}
.footer-widget .footer-widget-wrap {
}
@media (min-width: 992px) {
.footer-widget .footer-widget-wrap {
}
.footer-widget .footer-widget-wrap > .container > .row {
display: table;
width: 100%;
}
}
@media (max-width: 991px) {
.footer-widget .footer-widget-col {
margin-bottom: 30px;
}
}
@media (min-width: 992px) {
.footer-widget .footer-widget-col {
border-right: 1px solid rgba(255, 255, 255, 0.15);
padding-top: 8px;
padding-bottom: 7px;
display: table-cell;
}
.footer-widget .footer-widget-col:last-child,
.footer-widget .footer-widget-col.no-border {
border: none;
}
.footer-widget .footer-widget-col.ver-top {
vertical-align: top;
}
}
.footer-widget .widget {
margin-bottom: 0;
padding-top: 30px;
color:#FFF;
}
.footer-widget .widget:first-child {
padding-top: 0;
}
.footer-widget .widget_nav_menu {
}
.footer-widget .widget-title {
text-transform: uppercase;
color:#000;
margin-top: 0;
margin-bottom: 5px;
position: relative;
text-align: left;
font-size:20px;
padding-left:0;
}
.footer-widget .widget-title.align-left {
text-align: left;
}
.footer-widget .widget-title:before {
position: absolute;
content: "";
height: 0px;
width: 50px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
background: #bca480;
bottom: 0;
}
.footer-widget .widget-title.align-left:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
left: 0;
}
.footer-widget li {
border-bottom: none;
padding-left: 0;
padding-bottom: 3px;
position: relative;
}
.footer-widget li .post-date {
display: block;
font-size: 85%;
color: rgba(135, 135, 135, 0.7);
}
.footer-widget li:last-child {
border: none;
}
.footer-widget .social-widget-wrap i {
color: #ffffff;
}
.footer-widget .social-widget-wrap i:hover {
color: inherit;
}
.footer-widget .social-widget-wrap i {
border: none !important;
margin-right: 30px;
width: auto;
}
.footer-widget .social-widget-wrap a:hover i {
color: #bca480 !important;
}
.footer-widget a {
font-weight: 400;
}
.footer-widget a:hover {
color: #bca480;
}
.footer {
color: #ccc;
border-bottom:1px solid #00588a;
}
.footer .footer-contact,
.footer .footer-info {
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
@media (min-width: 992px) {
.footer .footer-contact .row {
display: table;
width: 100%;
}
.footer .footer-contact .col-sm-4 {
display: table-cell;
float: none;
}
}
.footer .footer-contact-item {
padding: 36px;
text-align: center;
}
.footer .footer-contact-item .footer-contact-icon {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border: 2px solid #bca480;
color: #fff;
font-size: 20px;
display: inline-block;
margin-bottom: 15px;
}
.footer a {
color: #878787;
}
.footer a:hover {
color: #bca480;
}
.footer .footer-info {
color: #FFF;
padding: 10px 0;
position: relative;
}
.footer .footer-info a {
color: #FFF;
}
.footer .footer-info a:hover {
color: #bca480;
}
.copyright,
.footer-info-logo {
margin-bottom: 0.7692307692307693em;
}
.footer-social a {
width: 30px;
height: 30px;
display: inline-block;
line-height: 30px;
font-size: 1.5em;
margin: 0 5px;
}
.footer-social a i:hover {
background: none !important;
color: #bca480 !important;
}
a.go-to-top,
a.go-to-top:hover a.go-to-top:focus {
background-color: orange;
width: 30px;
height: 30px;
display: block;
line-height: 30px;
text-align: center;
position: absolute;
top: 0;
left: 50%;
margin-top: -15px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
margin-left: -15px;
border-radius:5px;
}
/*--------------------------------------------------------------
29.0 - Post
--------------------------------------------------------------*/
.posts.infinite-scroll .paginate,
.posts.loadmore .paginate {
display: none;
}
.posts .loadmore-action .btn-loadmore {
display: block;
width: 100%;
}
.posts .entry-title {
font-size: 1.3em;
font-weight: 700;
}
@media (min-width: 768px) {
.posts .entry-title {
font-size: 18px;
margin-top:0px;
}
.img-news{ }
}
@media (max-width: 767px) {
.img-news{max-width:100%; }
}
.posts .posts-wrap.posts-layout-masonry .entry-format {
display: none;
}
.posts .posts-wrap.posts-layout-masonry .entry-title {
font-size: 1.3em;
}
.posts .posts-wrap.posts-layout-masonry .hentry {
border-bottom: none;
padding-bottom: 0;
}
.posts .posts-wrap.posts-layout-masonry.no-gap.row {
margin-left: 0;
margin-right: 0;
}
.posts .posts-wrap.posts-layout-masonry.no-gap.row .hentry {
padding-left: 0;
padding-right: 0;
}
.posts .posts-wrap.posts-layout-center .hentry-wrap {
text-align: center;
}
.posts .posts-wrap.posts-layout-center .entry-format {
display: none;
}
@media (min-width: 480px) {
.posts .posts-wrap.posts-layout-center .entry-content,
.posts .posts-wrap.posts-layout-center .entry-featured {
max-width: 70%;
margin-left: auto;
margin-right: auto;
}
}
.hentry {
margin-bottom: 15px;
background: transparent;
}
.entry-header {
margin-bottom: 3px;
position: relative;
}
.entry-header .entry-meta {
margin-top: 1px;
}
.entry-content {
margin-top: 30px;
}
.entry-featured {
margin-bottom: 30px;
}
.entry-featured img {
width: 100%;
}
.entry-featured.video-featured:not(.col-md-8) {
width: 100%;
max-width: 100%;
}
.entry-format {
width: 65px;
height: 65px;
display: inline-block;
text-align: center;
line-height: 65px;
font-size: 30px;
color: #bca480;
float: left;
margin-right: 20px;
}
@media (max-width: 767px) {
.entry-format {
display: none;
}
}
.entry-title {
font-size: 14px;
margin-top: 10px;
font-weight: 500;
margin-bottom: 10px;
line-height:22px;
}
.sticky .entry-title:before {
content: "\f08d";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.sticky .entry-title:before {
line-height: 1;
opacity: 1;
-webkit-transform: rotate(-36deg);
-ms-transform: rotate(-36deg);
-o-transform: rotate(-36deg);
transform: rotate(-36deg);
color: #bca480;
}
.entry-meta {
color: #1e1e1e;
font-size: 85%;
}
.entry-meta.icon-meta i {
margin-right: 5px;
color: #bca480;
}
.entry-meta.icon-meta > span {
margin-right: 10px;
}
.entry-meta.icon-meta > span:last-child {
margin-right: 0;
}
.entry-meta a {
color: #1e1e1e;
}
.entry-meta a:hover {
color: #bca480;
}
.readmore-link {
margin: 0;
margin-top: 30px;
}
.readmore-link a {
font-weight: 700;
text-transform: uppercase;
}
.post-navigation {
margin-bottom: 30px;
}
.post-navigation .prev-post {
text-align: right;
}
.post-navigation .prev-post > a {
font-weight: 700;
text-transform: uppercase;
color: #1e1e1e;
}
.post-navigation .prev-post > a:before {
content: "\f104";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.post-navigation .prev-post > a:before {
margin-right: 0.38461538461538464em;
font-size: 110%;
}
@media (max-width: 767px) {
.post-navigation .prev-post {
text-align: center;
margin-bottom: 1.5384615384615385em;
}
.post-navigation .prev-post > a:before {
display: none;
}
}
.post-navigation .next-post {
text-align: left;
}
.post-navigation .next-post > a {
font-weight: 700;
text-transform: uppercase;
color: #1e1e1e;
}
.post-navigation .next-post > a:after {
content: "\f105";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.post-navigation .next-post > a:after {
margin-left: 0.38461538461538464em;
font-size: 110%;
}
@media (max-width: 767px) {
.post-navigation .next-post {
text-align: center;
}
.post-navigation .next-post > a:after {
display: none;
}
}
.post-navigation a {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.6rem 1.7rem ;
font-size: 13px;
line-height: 1.3;
-webkit-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-o-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
background: transparent;
border: 2px solid #1e1e1e;
text-transform: uppercase;
color: #1e1e1e;
position: relative;
line-height: 1.4;
}
.post-navigation a:hover,
.post-navigation a:focus {
color: #1e1e1e;
text-decoration: none;
}
.post-navigation a i,
.post-navigation a span {
z-index: 2;
position: relative;
}
.post-navigation a:hover {
border-color: #1e1e1e;
-webkit-box-shadow: 0 0 0 1px inset;
box-shadow: 0 0 0 1px inset;
}
.author-info {
padding: 30px 0;
border-top: 1px solid #ebebec;
border-bottom: 1px solid #ebebec;
}
@media (max-width: 767px) {
.author-info {
padding: 15px 0;
}
}
.author-info .author-avatar {
float: left;
margin-right: 30px;
}
.author-info .author-avatar img {
padding: 4px;
border: 2px solid #bca480;
-webkit-border-radius: 100%;
border-radius: 100%;
max-width: 9.23076923076923em;
}
@media (max-width: 767px) {
.author-info .author-avatar {
float: none;
text-align: center;
margin-bottom: 10px;
}
}
.author-info .author-description {
margin-left: 9.23076923076923em;
}
@media (max-width: 767px) {
.author-info .author-description {
margin-left: 0;
}
}
.author-info .author-description .author-title {
font-size: 1.1em;
margin-top: 0;
}
@media (max-width: 767px) {
.author-info .author-description .author-title {
text-align: center;
}
}
.author-info .author-description .author-title small {
font-size: 85%;
}
@media (max-width: 767px) {
.author-info .author-description .author-title small {
display: none;
}
}
.author-info .author-description .author-link {
display: block;
font-weight: bold;
margin-top: 1.5384615384615385em;
}
.author-info .author-social {
text-align: left;
}
.author-info .author-social a {
color: #8a8a8a;
display: inline-block;
margin-right: 0.821429em;
text-align: center;
background: #fff;
font-size: 13px;
height: 30px;
line-height: 30px;
width: 30px;
border: 2px solid #ebebec;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.author-info .author-social a:hover {
background: #bca480;
border-color: #bca480;
color: #fff;
}
.entry-tags {
color: #8a8a8a;
margin-top: 15px;
line-height: 1;
}
.entry-tags > span {
font-size: 110%;
color: #1e1e1e;
}
.entry-tags a {
display: inline-block;
margin: 0 4px 4px 0;
padding: 0.6rem 1.7rem ;
font-size: 13px;
line-height: 1.3;
-webkit-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-o-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-webkit-border-radius: 0px;
border-radius: 0px;
text-align: center;
vertical-align: middle;
border: 2px solid #ebebec;
color: #1e1e1e;
}
.entry-tags a:hover {
border-color: #bca480;
color: #1e1e1e;
}
@media (min-width: 768px) {
.single .hentry {
margin-left: auto;
margin-right: auto;
}
}
.single .entry-title {
font-weight: 700;
text-align: center;
}
@media (max-width: 991px) {
.single .entry-title {
font-size: 2em;
}
}
.single .entry-footer {
margin-top: 45px;
}
@media (max-width: 767px) {
.single .entry-footer {
text-align: center;
}
}
.single article .entry-meta {
display: table;
margin-left: auto;
margin-right: auto;
position: relative;
}
.single article .entry-meta:after,
.single article .entry-meta:before {
content: "";
position: absolute;
width: 50px;
height: 1px;
background: #ebebec;
top: 50%;
left: -70px;
}
@media (max-width: 767px) {
.single article .entry-meta:after,
.single article .entry-meta:before {
display: none;
}
}
.single article .entry-meta:after {
left: auto;
right: -70px;
}
.single .entry-tags {
margin: 0;
}
.single .share-links {
margin-top: 0;
}
@media (max-width: 767px) {
.single .share-links {
margin-top: 30px;
}
}
.single .share-links .share-icons {
text-align: right;
}
@media (max-width: 767px) {
.single .share-links .share-icons {
text-align: center;
}
}
.single .share-links .share-icons a {
color: #8a8a8a;
}
.single .below-content {
margin-top: 0.7692307692307693em;
}
.share-links {
margin-top: 30px;
}
.share-links h4 {
padding-right: 10px;
vertical-align: middle;
white-space: nowrap;
width: 1%;
}
.share-links .share-icons {
text-align: center;
}
.share-links .share-icons a {
font-size: 16px;
width: 40px;
height: 40px;
border: 2px solid #ebebec;
line-height: 40px;
text-align: center;
display: inline-block;
margin-right: 0.7692307692307693em;
}
.share-links .share-icons .facebook-share a:hover {
background-color: none;
border-color: #47639e;
color: #47639e;
}
.share-links .share-icons .twitter-share a:hover {
background-color: none;
border-color: #55acee;
color: #55acee;
}
.share-links .share-icons .pinterest-share a:hover {
background-color: none;
border-color: #cb2027;
color: #cb2027;
}
.share-links .share-icons .google-plus-share a:hover {
background-color: none;
border-color: #dd4b39;
color: #dd4b39;
}
.share-links .share-icons .linkedin-share a:hover {
background-color: none;
border-color: #069;
color: #069;
}
@media (max-width: 767px) {
.share-links {
display: block;
}
.share-links h4 {
display: block;
width: auto;
}
.share-links .share-icons {
display: block;
}
}
.related-post {
margin-top: 30px;
}
.related-post .related-post-title h3 {
font-size: 1.2em;
text-transform: uppercase;
line-height: 1.6;
padding: 0.6rem 0;
margin-bottom: 30px;
position: relative;
}
.related-post .related-post-title h3:before {
background: #bca480 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 50px;
}
.related-post .entry-featured {
margin-bottom: 15px;
}
.related-post .related-post-items {
margin-top: 1.5384615384615385em;
}
@media (max-width: 767px) {
.related-post .related-post-item {
margin-bottom: 30px;
}
}
.related-post .post-title {
font-size: 1.2em;
margin-top: 0;
margin-bottom: 0.38461538461538464em;
text-transform: uppercase;
font-weight: 700;
}
.related-post .entry-meta {
font-size: 85%;
}
.related-post .entry-meta .meta-date {
display: inline-block;
}
.related-post .excerpt {
margin-top: 0.7692307692307693em;
}
/*--------------------------------------------------------------
30.0 - Comment form
--------------------------------------------------------------*/
.comments-area {
margin-top: 30px;
text-align:justify;
}
.comments-area .form-allowed-tags {
display: none;
}
.comments-area .commentst-title {
margin-bottom: 0.7692307692307693em;
}
.comments-area .comment-list {
margin-top: 30px;
list-style: none;
}
.comments-area .comment-paginate .paginate_links {
float: left;
}
.comments-area .comment-paginate .paginate_links .page-numbers {
padding: 0.1em 0.7em;
font-size: 85%;
}
.comments-area .comment-paginate .paginate_links .next,
.comments-area .comment-paginate .paginate_links .prev,
.comments-area .comment-paginate .paginate_links .next:hover,
.comments-area .comment-paginate .paginate_links .prev:hover {
border-color: transparent;
}
.comment-list,
.comment-list .children {
margin: 0;
padding: 0;
list-style: none;
}
.comments-list .children {
margin-left: 50px;
}
@media (min-width: 768px) {
.comment-list .children {
padding-left: 3.4615384615384617em;
position: relative;
}
}
li.comment {
margin: 0;
padding: 0;
}
.comment-img {
float: left;
}
.comment-img img {
-webkit-border-radius: 100%;
border-radius: 100%;
padding: 4px;
border: 2px solid transparent;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.comment-wrap {
position: relative;
margin: 0 0 30px 0px;
padding: 0 0 30px;
border-bottom: 1px solid #ebebec;
}
@media (max-width: 767px) {
.comment-wrap {
padding: 15px;
}
}
.comment-wrap:hover .comment-img img {
border-color: #bca480;
}
.comment-block {
padding: 0;
margin: 0 0 0 96px;
}
.comment-header {
padding-bottom: 0.6153846153846154rem;
}
.comment-header span.pull-right {
margin-top: 0.46153846153846156em;
}
.comment-content {
position: relative;
}
.comment-author {
color: #1e1e1e;
font-weight: bold;
}
.comment-author a:hover {
color: #bca480;
}
.ispostauthor {
background: #8C8C8C;
color: #fff;
font-size: 85%;
padding: 0.15384615384615385em 0.6153846153846154em;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.comment-meta {
position: relative;
margin: 0;
display: block;
text-transform: uppercase;
margin-top: 5px;
font-size: 85%;
color: #8a8a8a;
}
.comment-meta .comment-edit-link {
text-decoration: underline;
margin-left: 10px;
color: #1e1e1e;
font-weight: bold;
}
.comment-pending {
padding: 0.6153846153846154rem 1.0769230769230769rem;
text-align: center;
color: #1e1e1e;
background-color: #515151;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.comment-reply-link {
border: 2px solid #ebebec;
padding: 0 10px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.comment-reply-link:hover {
background: #bca480;
border-color: #bca480;
color: #fff;
}
#respond {
margin-bottom: 3.8461538461538463em;
}
#respond .required {
position: relative;
color: #fe252c;
}
.comment-info {
position: relative;
}
.comment-reply-title {
font-size: 1.5em;
}
.comment-reply-title a {
color: inherit;
color: #8a8a8a;
}
.comments-area .commentst-title h3,
.comments-area > #respond-wrap .comment-reply-title {
font-size: 1.2em;
text-transform: uppercase;
line-height: 1.6;
padding: 0.6rem 0;
margin-bottom: 30px;
position: relative;
}
.comments-area .commentst-title h3:before,
.comments-area > #respond-wrap .comment-reply-title:before {
background: #bca480 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 50px;
}
#commentform {
margin-bottom: 0;
}
.comment-form > .row > div {
margin-bottom: 20px;
}
.comment-notes,
.logged-in-as {
margin-bottom: 0.7692307692307693em;
font-size: 85%;
}
.comment-notes a,
.logged-in-as a {
font-weight: 700;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment input,
.comment-form-author textarea,
.comment-form-email textarea,
.comment-form-url textarea,
.comment-form-comment textarea {
display: block;
width: 100%;
height: 2.769230769230769em;
padding: 0.6153846153846154rem;
font-size: 13px;
line-height: 1.6;
color: #1e1e1e;
background-color: #ffffff;
background-image: none;
border: 2px solid #ebebec;
-webkit-border-radius: 0px;
border-radius: 0px;
outline: none;
-webkit-transition: box-shadow 0.15s;
-o-transition: box-shadow 0.15s;
transition: box-shadow 0.15s;
}
.comment-form-author input:focus,
.comment-form-email input:focus,
.comment-form-url input:focus,
.comment-form-comment input:focus,
.comment-form-author textarea:focus,
.comment-form-email textarea:focus,
.comment-form-url textarea:focus,
.comment-form-comment textarea:focus {
border-color: #1e1e1e;
border-width: 1px;
outline: none;
-webkit-box-shadow: inset 0 0 0 1px #1e1e1e;
box-shadow: inset 0 0 0 1px #1e1e1e;
}
.comment-form-author input[disabled],
.comment-form-email input[disabled],
.comment-form-url input[disabled],
.comment-form-comment input[disabled],
.comment-form-author textarea[disabled],
.comment-form-email textarea[disabled],
.comment-form-url textarea[disabled],
.comment-form-comment textarea[disabled],
.comment-form-author input[readonly],
.comment-form-email input[readonly],
.comment-form-url input[readonly],
.comment-form-comment input[readonly],
.comment-form-author textarea[readonly],
.comment-form-email textarea[readonly],
.comment-form-url textarea[readonly],
.comment-form-comment textarea[readonly],
fieldset[disabled] .comment-form-author input,
fieldset[disabled] .comment-form-email input,
fieldset[disabled] .comment-form-url input,
fieldset[disabled] .comment-form-comment input,
fieldset[disabled] .comment-form-author textarea,
fieldset[disabled] .comment-form-email textarea,
fieldset[disabled] .comment-form-url textarea,
fieldset[disabled] .comment-form-comment textarea {
cursor: not-allowed;
background-color: #515151;
opacity: 1;
filter: alpha(opacity=100);
}
textarea.comment-form-author input,
textarea.comment-form-email input,
textarea.comment-form-url input,
textarea.comment-form-comment input,
textarea.comment-form-author textarea,
textarea.comment-form-email textarea,
textarea.comment-form-url textarea,
textarea.comment-form-comment textarea {
height: auto;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
font-weight: 400;
text-transform: uppercase;
height: 2.769230769230769em;
line-height: 2.769230769230769em;
margin: 0;
max-width: 100px;
}
.comment-form-author ::-webkit-input-placeholder,
.comment-form-email ::-webkit-input-placeholder,
.comment-form-url ::-webkit-input-placeholder,
.comment-form-comment ::-webkit-input-placeholder {
color: #1e1e1e;
}
.comment-form-author :-moz-placeholder,
.comment-form-email :-moz-placeholder,
.comment-form-url :-moz-placeholder,
.comment-form-comment :-moz-placeholder {
color: #1e1e1e;
}
.comment-form-author ::-moz-placeholder,
.comment-form-email ::-moz-placeholder,
.comment-form-url ::-moz-placeholder,
.comment-form-comment ::-moz-placeholder {
color: #1e1e1e;
}
.comment-form-author :-ms-input-placeholder,
.comment-form-email :-ms-input-placeholder,
.comment-form-url :-ms-input-placeholder,
.comment-form-comment :-ms-input-placeholder {
color: #1e1e1e;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-rating label,
.comment-form-comment label {
font-size: 13px;
}
.comment-form-author .required,
.comment-form-email .required,
.comment-form-url .required,
.comment-form-rating .required,
.comment-form-comment .required {
color: #fe252c !important;
}
p.comment-form-author,
p.comment-form-email,
p.comment-form-url,
p.comment-form-rating {
margin-bottom: 1.1538461538461537em;
margin-bottom: 20px;
}
.comment-form-comment textarea {
font-size: 13px;
margin-bottom: 1.5384615384615385em;
height: 15.384615384615385em;
resize: none;
width: 100%;
margin-top: 0em;
}
#review_form .form-submit,
.comment-form .form-submit {
margin: 0;
}
#review_form .form-submit input[type="submit"],
.comment-form .form-submit input[type="submit"] {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 0.6rem 1.7rem ;
font-size: 13px;
line-height: 1.3;
-webkit-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-o-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
color: #ffffff;
background-color: #bca480;
border-color: #bca480;
text-transform: uppercase;
font-weight: 700;
}
#review_form .form-submit input[type="submit"]:hover,
.comment-form .form-submit input[type="submit"]:hover,
#review_form .form-submit input[type="submit"]:focus,
.comment-form .form-submit input[type="submit"]:focus {
color: #1e1e1e;
text-decoration: none;
}
#review_form .form-submit input[type="submit"] i,
.comment-form .form-submit input[type="submit"] i,
#review_form .form-submit input[type="submit"] span,
.comment-form .form-submit input[type="submit"] span {
z-index: 2;
position: relative;
}
#review_form .form-submit input[type="submit"]:hover,
.comment-form .form-submit input[type="submit"]:hover,
#review_form .form-submit input[type="submit"]:focus,
.comment-form .form-submit input[type="submit"]:focus,
#review_form .form-submit input[type="submit"]:active,
.comment-form .form-submit input[type="submit"]:active,
#review_form .form-submit input[type="submit"].active,
.comment-form .form-submit input[type="submit"].active {
color: #ffffff;
border-color: #aa8c5f;
-webkit-box-shadow: 0 0 0 2px #aa8c5f inset;
box-shadow: 0 0 0 2px #aa8c5f inset;
}
#review_form .form-submit input[type="submit"]:active,
.comment-form .form-submit input[type="submit"]:active,
#review_form .form-submit input[type="submit"].active,
.comment-form .form-submit input[type="submit"].active {
background-image: none;
}
/*--------------------------------------------------------------
31.0 - Widget sidebar
--------------------------------------------------------------*/
.widget {
margin-bottom: 1px;
}
.widget p:last-child,
.widget ul:last-child,
.widget ol:last-child {
margin-bottom: 0;
}
.widget ul,
.widget ol {
margin-left: 0;
padding: 0;
list-style: none;
}
.widget select {
width: 100%;
}
.main-sidebar > .widget {
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 2px double #ebebec;
float:left;
width:100%;
}
.main-sidebar > .widget:last-child {
border-bottom: none;
}
.extra-sidebar .widget_rss li,
.main-sidebar .widget_rss li,
.extra-sidebar .widget_pages li,
.main-sidebar .widget_pages li,
.extra-sidebar .widget_archive li,
.main-sidebar .widget_archive li,
.extra-sidebar .widget_meta li,
.main-sidebar .widget_meta li,
.extra-sidebar .widget_nav_menu li,
.main-sidebar .widget_nav_menu li,
.extra-sidebar .widget_categories li,
.main-sidebar .widget_categories li,
.extra-sidebar .widget_recent_entries li,
.main-sidebar .widget_recent_entries li,
.extra-sidebar .widget_recent_comments li,
.main-sidebar .widget_recent_comments li {
padding: 15px 0;
border-top: 1px solid #ebebec;
padding-left: 30px;
display: block;
position: relative;
}
.extra-sidebar .widget_rss li:before,
.main-sidebar .widget_rss li:before,
.extra-sidebar .widget_pages li:before,
.main-sidebar .widget_pages li:before,
.extra-sidebar .widget_archive li:before,
.main-sidebar .widget_archive li:before,
.extra-sidebar .widget_meta li:before,
.main-sidebar .widget_meta li:before,
.extra-sidebar .widget_nav_menu li:before,
.main-sidebar .widget_nav_menu li:before,
.extra-sidebar .widget_categories li:before,
.main-sidebar .widget_categories li:before,
.extra-sidebar .widget_recent_entries li:before,
.main-sidebar .widget_recent_entries li:before,
.extra-sidebar .widget_recent_comments li:before,
.main-sidebar .widget_recent_comments li:before {
width: 5px;
height: 5px;
content: "";
position: absolute;
left: 12px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
background: #ebebec;
}
.extra-sidebar .widget_rss li:hover,
.main-sidebar .widget_rss li:hover,
.extra-sidebar .widget_pages li:hover,
.main-sidebar .widget_pages li:hover,
.extra-sidebar .widget_archive li:hover,
.main-sidebar .widget_archive li:hover,
.extra-sidebar .widget_meta li:hover,
.main-sidebar .widget_meta li:hover,
.extra-sidebar .widget_nav_menu li:hover,
.main-sidebar .widget_nav_menu li:hover,
.extra-sidebar .widget_categories li:hover,
.main-sidebar .widget_categories li:hover,
.extra-sidebar .widget_recent_entries li:hover,
.main-sidebar .widget_recent_entries li:hover,
.extra-sidebar .widget_recent_comments li:hover,
.main-sidebar .widget_recent_comments li:hover,
.extra-sidebar .widget_rss li .current-menu,
.main-sidebar .widget_rss li .current-menu,
.extra-sidebar .widget_pages li .current-menu,
.main-sidebar .widget_pages li .current-menu,
.extra-sidebar .widget_archive li .current-menu,
.main-sidebar .widget_archive li .current-menu,
.extra-sidebar .widget_meta li .current-menu,
.main-sidebar .widget_meta li .current-menu,
.extra-sidebar .widget_nav_menu li .current-menu,
.main-sidebar .widget_nav_menu li .current-menu,
.extra-sidebar .widget_categories li .current-menu,
.main-sidebar .widget_categories li .current-menu,
.extra-sidebar .widget_recent_entries li .current-menu,
.main-sidebar .widget_recent_entries li .current-menu,
.extra-sidebar .widget_recent_comments li .current-menu,
.main-sidebar .widget_recent_comments li .current-menu {
color: #bca480;
}
.extra-sidebar .widget_rss li:hover:before,
.main-sidebar .widget_rss li:hover:before,
.extra-sidebar .widget_pages li:hover:before,
.main-sidebar .widget_pages li:hover:before,
.extra-sidebar .widget_archive li:hover:before,
.main-sidebar .widget_archive li:hover:before,
.extra-sidebar .widget_meta li:hover:before,
.main-sidebar .widget_meta li:hover:before,
.extra-sidebar .widget_nav_menu li:hover:before,
.main-sidebar .widget_nav_menu li:hover:before,
.extra-sidebar .widget_categories li:hover:before,
.main-sidebar .widget_categories li:hover:before,
.extra-sidebar .widget_recent_entries li:hover:before,
.main-sidebar .widget_recent_entries li:hover:before,
.extra-sidebar .widget_recent_comments li:hover:before,
.main-sidebar .widget_recent_comments li:hover:before,
.extra-sidebar .widget_rss li .current-menu:before,
.main-sidebar .widget_rss li .current-menu:before,
.extra-sidebar .widget_pages li .current-menu:before,
.main-sidebar .widget_pages li .current-menu:before,
.extra-sidebar .widget_archive li .current-menu:before,
.main-sidebar .widget_archive li .current-menu:before,
.extra-sidebar .widget_meta li .current-menu:before,
.main-sidebar .widget_meta li .current-menu:before,
.extra-sidebar .widget_nav_menu li .current-menu:before,
.main-sidebar .widget_nav_menu li .current-menu:before,
.extra-sidebar .widget_categories li .current-menu:before,
.main-sidebar .widget_categories li .current-menu:before,
.extra-sidebar .widget_recent_entries li .current-menu:before,
.main-sidebar .widget_recent_entries li .current-menu:before,
.extra-sidebar .widget_recent_comments li .current-menu:before,
.main-sidebar .widget_recent_comments li .current-menu:before {
background: #bca480;
}
.extra-sidebar .widget_rss li:first-child,
.main-sidebar .widget_rss li:first-child,
.extra-sidebar .widget_pages li:first-child,
.main-sidebar .widget_pages li:first-child,
.extra-sidebar .widget_archive li:first-child,
.main-sidebar .widget_archive li:first-child,
.extra-sidebar .widget_meta li:first-child,
.main-sidebar .widget_meta li:first-child,
.extra-sidebar .widget_nav_menu li:first-child,
.main-sidebar .widget_nav_menu li:first-child,
.extra-sidebar .widget_categories li:first-child,
.main-sidebar .widget_categories li:first-child,
.extra-sidebar .widget_recent_entries li:first-child,
.main-sidebar .widget_recent_entries li:first-child,
.extra-sidebar .widget_recent_comments li:first-child,
.main-sidebar .widget_recent_comments li:first-child {
border: none;
}
.extra-sidebar .widget_rss li .post-date,
.main-sidebar .widget_rss li .post-date,
.extra-sidebar .widget_pages li .post-date,
.main-sidebar .widget_pages li .post-date,
.extra-sidebar .widget_archive li .post-date,
.main-sidebar .widget_archive li .post-date,
.extra-sidebar .widget_meta li .post-date,
.main-sidebar .widget_meta li .post-date,
.extra-sidebar .widget_nav_menu li .post-date,
.main-sidebar .widget_nav_menu li .post-date,
.extra-sidebar .widget_categories li .post-date,
.main-sidebar .widget_categories li .post-date,
.extra-sidebar .widget_recent_entries li .post-date,
.main-sidebar .widget_recent_entries li .post-date,
.extra-sidebar .widget_recent_comments li .post-date,
.main-sidebar .widget_recent_comments li .post-date {
display: block;
font-size: 85%;
color: #8a8a8a;
}
.extra-sidebar .widget_rss li ul,
.main-sidebar .widget_rss li ul,
.extra-sidebar .widget_pages li ul,
.main-sidebar .widget_pages li ul,
.extra-sidebar .widget_archive li ul,
.main-sidebar .widget_archive li ul,
.extra-sidebar .widget_meta li ul,
.main-sidebar .widget_meta li ul,
.extra-sidebar .widget_nav_menu li ul,
.main-sidebar .widget_nav_menu li ul,
.extra-sidebar .widget_categories li ul,
.main-sidebar .widget_categories li ul,
.extra-sidebar .widget_recent_entries li ul,
.main-sidebar .widget_recent_entries li ul,
.extra-sidebar .widget_recent_comments li ul,
.main-sidebar .widget_recent_comments li ul {
padding-top: 15px;
}
.extra-sidebar .widget_rss li ul li:last-child,
.main-sidebar .widget_rss li ul li:last-child,
.extra-sidebar .widget_pages li ul li:last-child,
.main-sidebar .widget_pages li ul li:last-child,
.extra-sidebar .widget_archive li ul li:last-child,
.main-sidebar .widget_archive li ul li:last-child,
.extra-sidebar .widget_meta li ul li:last-child,
.main-sidebar .widget_meta li ul li:last-child,
.extra-sidebar .widget_nav_menu li ul li:last-child,
.main-sidebar .widget_nav_menu li ul li:last-child,
.extra-sidebar .widget_categories li ul li:last-child,
.main-sidebar .widget_categories li ul li:last-child,
.extra-sidebar .widget_recent_entries li ul li:last-child,
.main-sidebar .widget_recent_entries li ul li:last-child,
.extra-sidebar .widget_recent_comments li ul li:last-child,
.main-sidebar .widget_recent_comments li ul li:last-child {
padding-bottom: 0;
}
.extra-sidebar .widget_rss li > a,
.main-sidebar .widget_rss li > a,
.extra-sidebar .widget_pages li > a,
.main-sidebar .widget_pages li > a,
.extra-sidebar .widget_archive li > a,
.main-sidebar .widget_archive li > a,
.extra-sidebar .widget_meta li > a,
.main-sidebar .widget_meta li > a,
.extra-sidebar .widget_nav_menu li > a,
.main-sidebar .widget_nav_menu li > a,
.extra-sidebar .widget_categories li > a,
.main-sidebar .widget_categories li > a,
.extra-sidebar .widget_recent_entries li > a,
.main-sidebar .widget_recent_entries li > a,
.extra-sidebar .widget_recent_comments li > a,
.main-sidebar .widget_recent_comments li > a {
font-weight: 700;
}
.widget-title {
background-image: linear-gradient(-90deg, #010433,#055FD9);
}
.widgettitle,
.widget-title {
font-size:16px;
margin-bottom: 20px;
text-transform: uppercase;
/* position: relative; */
padding-bottom: 0.8em;
text-align:center;
padding:10px;
color:#FFF;
}
.widgettitle:before,
.widget-title:before {
position: absolute;
content: "";
height: 2px;
width: 50px;
left: 0;
background: #bca480;
bottom: 0;
}
.main-sidebar .widgettitle,
.main-sidebar .widget-title {
position: relative;
width:100%; float:left;
}
.widget_search form {
position: relative;
}
.widget_search form:before {
content: "\f002";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.widget_search form:before {
width: 2.769230769230769em;
height: 2.769230769230769em;
position: absolute;
right: 0;
text-align: center;
line-height: 2.769230769230769em;
-webkit-border-radius: 0 0px 0px 0;
border-radius: 0 0px 0px 0;
}
.widget_tag_cloud .tagcloud a,
.widget_product_tag_cloud .tagcloud a {
float: left;
margin: 0 4px 4px 0;
padding: 0.6rem 1.7rem ;
font-size: 13px;
line-height: 1.3;
-webkit-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-o-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-webkit-border-radius: 0px;
border-radius: 0px;
text-align: center;
vertical-align: middle;
font-size: 13px !important;
border: 2px solid #ebebec;
color: #1e1e1e;
line-height: 1.1;
}
.widget_tag_cloud .tagcloud a:hover,
.widget_product_tag_cloud .tagcloud a:hover {
border-color: #bca480;
color: #1e1e1e;
}
#wp-calendar {
width: 100%;
max-width: 100%;
margin-bottom: 1.5384615384615385em;
background: #ebebec;
border: 1px solid #ebebec;
}
#wp-calendar > thead > tr > th,
#wp-calendar > tbody > tr > th,
#wp-calendar > tfoot > tr > th,
#wp-calendar > thead > tr > td,
#wp-calendar > tbody > tr > td,
#wp-calendar > tfoot > tr > td {
padding: 0.7692307692307693em;
line-height: 1.6;
vertical-align: middle;
border-top: 1px solid #dedede;
}
#wp-calendar > thead > tr > th {
vertical-align: bottom;
border-bottom: 0px solid #dedede;
background: #ebebec;
}
#wp-calendar > caption + thead > tr:first-child > th,
#wp-calendar > colgroup + thead > tr:first-child > th,
#wp-calendar > thead:first-child > tr:first-child > th,
#wp-calendar > caption + thead > tr:first-child > td,
#wp-calendar > colgroup + thead > tr:first-child > td,
#wp-calendar > thead:first-child > tr:first-child > td {
border-top: 0;
}
#wp-calendar > tbody + tbody {
border-top: 1px solid #dedede;
}
#wp-calendar caption {
background-color: #ebebec;
padding: 0.6153846153846154em;
text-transform: uppercase;
}
#wp-calendar > thead th {
background-color: #dedee0;
border: none !important;
text-align: center;
font-weight: 700;
color: #1e1e1e;
}
#wp-calendar > tbody > tr > td {
border: none;
line-height: 2.7em;
padding: 0;
text-align: center;
border-bottom: 1px solid #ebebec;
border-right: 1px solid #ebebec;
}
#wp-calendar > tbody > tr > td.pad {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
#wp-calendar > tbody > tr > td.pad:first-child {
border-left: 0;
}
#wp-calendar > tbody > tr > td.pad:last-child {
border-right: 0;
}
#wp-calendar > tbody > tr > td > a {
background: #bca480;
color: #ffffff;
text-align: center;
display: block;
}
.social-widget-wrap.social-widget-square i {
color: #fff;
}
.social-widget-wrap.social-widget-round i {
-webkit-border-radius: 100%;
border-radius: 100%;
color: #fff;
}
.social-widget-wrap.social-widget-outlined i {
background: transparent;
border: 1px solid;
}
.social-widget-wrap a {
margin: 0 1px 1px 0;
display: inline-block;
}
.social-widget-wrap a i {
font-size: 16px;
width: 34px;
height: 34px;
display: inline-block;
text-align: center;
line-height: 40px;
}
.recent-tweets ul {
list-style: none;
}
.recent-tweets ul li {
padding-bottom: 30px;
}
.recent-tweets ul li a {
color: #8a8a8a;
}
.recent-tweets ul li a:hover {
color: #bca480;
}
.recent-tweets .twitter_time {
margin-top: 8px;
display: block;
font-size: 85%;
}
.recent-tweets .twitter_time:before {
content: "\f099";
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.recent-tweets .twitter_time:before {
color: #00aced;
font-size: 120%;
margin-right: 5px;
}
.posts-thumbnail-list > li {
padding: 0 0 7px 0;
}
.posts-thumbnail-list > li:last-child {
padding-bottom: 0;
}
.posts-thumbnail-image {
float: left;
height: auto;
width: 130px;
margin-right:10px;
}
.posts-thumbnail-content {
line-height: 1;
margin-left: 10px;
/* min-height: 55px; */
}
.posts-thumbnail-content > time {
font-size: 85%;
color: #8a8a8a;
position: relative;
}
.posts-thumbnail-content > time:before {
position: absolute;
right: -40px;
bottom: 2px;
content: "";
height: 1px;
width: 30px;
background: #ebebec;
}
.posts-thumbnail-content > span {
float: right;
}
.posts-thumbnail-content > span a {
font-size: 85%;
color: #8a8a8a;
}
.posts-thumbnail-content > span a i {
margin-right: 0.15384615384615385em;
}
.posts-thumbnail-content > span a:hover {
color: #bca480;
}
.posts-thumbnail-content > a,
.posts-thumbnail-content > h4 {
display: block;
margin: 0.38461538461538464em 0;
font-size: 100%;
color: #1e1e1e;
font-weight: 700;
}
.posts-thumbnail-content > a:hover,
.posts-thumbnail-content > h4:hover {
color: #bca480;
}
.posts-thumbnail-content > h4 a {
color: #1e1e1e;
}
.posts-thumbnail-content > h4 a:hover {
color: #bca480;
}
.posts-thumbnail-content > a.posts-thumbnail-readmore {
text-transform: uppercase;
font-size: 85%;
margin-top: 10px;
}
.mailchimp-form-content input,
.mailchimp-form-content button {
width: 100%;
}
@media (min-width: 650px) {
.footer .navbar-footer .navbar-nav {
width: 100%;
margin: 0; }
.footer .navbar-footer .navbar-nav .dropdown {
width: 33%;
float: left; }
.footer .navbar-footer .navbar-nav .dropdown .dropdown-toggle {
margin-top: 0;
margin-bottom: 0;
padding: 0;
font-size: 25px;
color: #00588a; }
.footer .navbar-footer .navbar-nav .dropdown .dropdown-toggle:hover, .footer .navbar-footer .navbar-nav .dropdown .dropdown-toggle:focus, .footer .navbar-footer .navbar-nav .dropdown .dropdown-toggle:visited, .footer .navbar-footer .navbar-nav .dropdown .dropdown-toggle.open {
background: transparent; }
.footer .navbar-footer .navbar-nav .dropdown .dropdown-menu {
display: block;
position: relative;
background-color: transparent;
box-shadow: none;
border: none;
z-index: 1; }
.footer .navbar-footer .navbar-nav .dropdown .dropdown-menu li a {
padding: 7px 12px 7px 0;
position: relative;
background: transparent !important; }
.footer .navbar-footer .navbar-nav .dropdown .dropdown-menu li a:hover {
color: #db9815; } }
@media (max-width: 649px) {
.footer .navbar-footer .navbar-nav {
margin: 0; }
.slider .banner-slider .slick-dots li button {
width: 7px;
height: 7px;
}
.slider .banner-slider .slick-next:before , .slider .banner-slider .slick-prev:before {
font-size: 75px;
}{
font-size: 75px;
}
.footer .navbar-footer .navbar-nav .dropdown .dropdown-toggle {
background: transparent !important;
border-bottom: 1px solid #cacccb;
padding: 20px 0;
display: block;
font-size: 25px;
color: #00588a; }
.footer .navbar-footer .navbar-nav .dropdown .dropdown-toggle:before {
color: #db9815;
content: "\f054";
font-family: 'FontAwesome';
position: absolute;
right: 0;
font-size: 14px; }
.footer .navbar-footer .navbar-nav .dropdown.open .dropdown-toggle:before {
content: "\f078"; }
.footer .navbar-footer .navbar-nav .dropdown .dropdown-menu {
padding-left: 15px; }
.footer .navbar-footer .navbar-nav .dropdown .dropdown-menu li a {
position: relative;
padding: 8px 12px;
background: transparent !important; }
.footer .navbar-footer .navbar-nav .dropdown .dropdown-menu li a:before {
content: "\f111";
font-family: FontAwesome;
display: inline-block;
font-size: 8px;
line-height: 20px;
position: absolute;
left: 0px; } }
.footer {
background:#0146a2;
/* background-image: linear-gradient(-90deg, #010433,#363893);*/
}
.footer .fanpage {
width: 340px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
display: block; }
.footer .social {
margin-top: 10px;
text-align: center; }
.footer .social a {
width: 40px;
height: 40px;
display: inline-block;
background: #939598;
border-radius: 50%;
text-align: center;
overflow: hidden;
margin: 5px 10px; }
.footer .social a i {
font-size: 20px;
line-height: 40px;
color: #fff; }
.footer .social a:hover {
background: #707275; }
.footer .copyright {
font-size: 12px;
text-align: center;
padding: 5px 0;
}
@media (min-width: 768px) {
.mailchimp-form-content .col-sm-4 {
padding-left: 0;
}
}
@media (max-width: 767px) {
.mailchimp-form-content .col-sm-4 {
margin-top: 15px;
}
}
.mailchimp-form-result {
font-size: 85%;
margin-bottom: 5px;
}
.mailchimp-form-result .error {
color: #fe252c;
}
.mailchimp-form-result .success {
color: #a0ce4e;
}
.widget_rss cite,
.widget_rss .rss-date {
font-size: 85%;
color: #8a8a8a;
display: block;
}
.widget_rss .rssSummary {
margin-top: 0.7692307692307693em;
font-size: 85%;
}
.widget_rss .rssSummary:before,
.widget_rss .rssSummary:after {
content: " ";
display: table;
}
.widget_rss .rssSummary:after {
clear: both;
}
.widget_rss cite {
font-style: italic;
float: right;
}
/*--------------------------------------------------------------
32.0 - Contact form 7
--------------------------------------------------------------*/
.wpcf7-form-control:not(.wpcf7-submit) {
display: block;
width: 100%;
height: 2.769230769230769em;
padding: 0.6153846153846154rem;
font-size: 13px;
line-height: 1.6;
color: #1e1e1e;
background-color: #ffffff;
background-image: none;
border: 2px solid #ebebec;
-webkit-border-radius: 0px;
border-radius: 0px;
outline: none;
-webkit-transition: box-shadow 0.15s;
-o-transition: box-shadow 0.15s;
transition: box-shadow 0.15s;
}
.wpcf7-form-control:not(.wpcf7-submit):focus {
border-color: #1e1e1e;
border-width: 1px;
outline: none;
-webkit-box-shadow: inset 0 0 0 1px #1e1e1e;
box-shadow: inset 0 0 0 1px #1e1e1e;
}
.wpcf7-form-control:not(.wpcf7-submit)[disabled],
.wpcf7-form-control:not(.wpcf7-submit)[readonly],
fieldset[disabled] .wpcf7-form-control:not(.wpcf7-submit) {
cursor: not-allowed;
background-color: #515151;
opacity: 1;
filter: alpha(opacity=100);
}
textarea.wpcf7-form-control:not(.wpcf7-submit) {
height: auto;
}
.wpcf7-form-control-wrap {
display: block !important;
width: 100% !important;
margin-top: 0.38461538461538464em;
margin-bottom: 0.7692307692307693em;
}
.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-not-valid {
color: #fe252c;
border-color: #fe252c;
}
div.wpcf7 .screen-reader-response {
border: 0 none;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.wpcf7-submit {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
padding: 0.6rem 1.7rem ;
font-size: 1.3846153846153846em;
line-height: 1.3;
-webkit-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-o-transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
transition: background-color 0.3s, border-color 0.3s, text-color 0.3s, box-shadow 0.3s;
-webkit-border-radius: 0px;
border-radius: 0px;
color: #ffffff;
background-color: #bca480;
border-color: #bca480;
text-transform: uppercase;
padding-right: 4rem;
padding-left: 4rem;
display: table;
margin: 0 auto;
}
.wpcf7-submit:hover,
.wpcf7-submit:focus {
color: #1e1e1e;
text-decoration: none;
}
.wpcf7-submit i,
.wpcf7-submit span {
z-index: 2;
position: relative;
}
.wpcf7-submit:hover,
.wpcf7-submit:focus,
.wpcf7-submit:active,
.wpcf7-submit.active {
color: #ffffff;
border-color: #aa8c5f;
-webkit-box-shadow: 0 0 0 2px #aa8c5f inset;
box-shadow: 0 0 0 2px #aa8c5f inset;
}
.wpcf7-submit:active,
.wpcf7-submit.active {
background-image: none;
}
span.wpcf7-not-valid-tip {
color: #fe252c;
font-size: 85%;
display: block;
}
.wpcf7-display-none {
display: none;
}
div.wpcf7-response-output {
padding: 0.6153846153846154rem 1.0769230769230769rem;
margin: 0.38461538461538464em 0 0 0;
}
div.wpcf7-validation-errors {
border: 1px solid #fe252c;
}
.contact-actions {
display: block;
text-align: right;
}
/*--------------------------------------------------------------
34.0 - Utility classes
--------------------------------------------------------------*/
.clear:before,
.clearfix:before,
.clear:after,
.clearfix:after,
.container:before,
.container:after,
.boxed-wrap:before,
.boxed-wrap:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.navbar-wrap:before,
.navbar-wrap:after,
.primary-nav .dropdown-menu:before,
.primary-nav .dropdown-menu:after,
.paginate:before,
.paginate:after,
.modal-footer:before,
.modal-footer:after,
.searchform-result .searchform-result-list .search-entry:before,
.searchform-result .searchform-result-list .search-entry:after,
.posts .posts-wrap:before,
.posts .posts-wrap:after,
.hentry-wrap:before,
.hentry-wrap:after,
.author-info:before,
.author-info:after,
.comment-notes:before,
.comment-notes:after,
.widget_text:before,
.widget_text:after,
.widget_tag_cloud .tagcloud:before,
.widget_tag_cloud .tagcloud:after,
.widget_product_tag_cloud .tagcloud:before,
.widget_product_tag_cloud .tagcloud:after,
.posts-thumbnail-list > li:before,
.posts-thumbnail-list > li:after,
.masonry-filter:before,
.masonry-filter:after,
.masonry-filter .filter-action:before,
.masonry-filter .filter-action:after {
content: " ";
display: table;
}
.clear:after,
.clearfix:after,
.container:after,
.boxed-wrap:after,
.container-fluid:after,
.row:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.navbar-wrap:after,
.primary-nav .dropdown-menu:after,
.paginate:after,
.modal-footer:after,
.searchform-result .searchform-result-list .search-entry:after,
.posts .posts-wrap:after,
.hentry-wrap:after,
.author-info:after,
.comment-notes:after,
.widget_text:after,
.widget_tag_cloud .tagcloud:after,
.widget_product_tag_cloud .tagcloud:after,
.posts-thumbnail-list > li:after,
.masonry-filter:after,
.masonry-filter .filter-action:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.transform-uppercase {
text-transform: uppercase;
}
.no-min-height {
min-height: 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;
visibility: hidden !important;
}
.affix {
position: fixed;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.bypostauthor {
margin: 0;
padding: 0;
}
#wpstats {
display: none;
}
.sticky {
margin-bottom: 30px;
}
.alignleft {
float: left;
margin-right: 1.5384615384615385em;
}
.alignright {
float: right;
margin-left: 1.5384615384615385em;
}
.aligncenter {
display: block;
margin: 1.5384615384615385em auto;
}
.wp-post-image {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.wp-caption-text {
text-align: center;
margin-top: 0.38461538461538464em;
}
.gallery-caption {
max-width: 100%;
padding: 0.38461538461538464em;
}
.wp-caption {
background: none repeat scroll 0 0 #ebebec;
border: 1px solid #ebebec;
max-width: 100%;
padding: 0.38461538461538464em;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}
.bg-cover {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.infinite-scroll-loading {
text-align: center;
margin-top: 1.5384615384615385em;
margin-bottom: 1.5384615384615385em;
}
[data-paginate="infinite_scroll"] .paginate,
[data-paginate="loadmore"] .paginate {
display: none;
}
.masonry-filter {
margin-bottom: 30px;
display: table;
margin-right: auto;
margin-left: auto;
width: 100%;
}
.masonry-filter .filter-action {
display: table-cell;
vertical-align: middle;
width: 80%;
text-align: right;
}
.masonry-filter .filter-action.filter-action-center {
display: block;
width: 100%;
text-align: left;
padding-bottom: 1em;
}
.masonry-filter .filter-action.filter-action-center > ul {
float: none;
text-transform: uppercase;
text-align: center;
}
.masonry-filter .filter-action.filter-action-center > ul li {
float: none;
padding: 0.5em 1.5em;
display: inline-block !important;
position: relative;
}
.masonry-filter .filter-action.filter-action-center > ul li:before {
content: '/';
position: absolute;
right: 0;
font-weight: bold;
color: #8a8a8a;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.masonry-filter .filter-action.filter-action-center > ul li:last-child:before {
display: none;
}
.masonry-filter .filter-action.filter-action-center > ul li a {
padding: 0 ;
border-bottom: none;
font-weight: bold;
}
.masonry-filter .filter-action.filter-action-center > ul li a.selected {
color: #bca480;
}
@media (max-width: 767px) {
.masonry-filter .filter-action {
width: 100%;
text-align: left;
display: block;
}
}
.masonry-filter .filter-action > ul {
float: right;
list-style: none;
padding: 0;
margin: 0;
}
.masonry-filter .filter-action > ul li {
display: none;
float: left;
padding: 0.6153846153846154rem 1.0769230769230769rem;
}
@media (max-width: 767px) {
.masonry-filter .filter-action > ul li {
display: block;
}
}
.masonry-filter .filter-action > ul li a {
display: block;
border-bottom: 1px solid transparent;
}
.masonry-filter .filter-action > ul li a.selected {
color: #bca480;
border-bottom-color: #bca480;
}
@media (max-width: 991px) {
.masonry-filter .filter-action > ul {
margin-top: 0.9230769230769231rem;
clear: both;
}
}
.not-found-wrapper {
text-align: center;
padding: 30px 0 100px;
}
.not-found-wrapper .widget_search > p {
font-size: 1.2em;
}
.not-found-title {
display: block;
font-size: 28px;
font-weight: bold;
margin-bottom: 20px;
}
.not-found-subtitle {
display: block;
font-size: 18em;
font-weight: 300;
line-height: 100%;
margin-bottom: 20px;
padding-bottom: 20px;
}
@media (max-width: 991px) {
.not-found-subtitle {
font-size: 10em;
}
}
.facebook-bg {
border-color: transparent;
background: #3b5998;
color: #fff;
}
.facebook-outlined {
border-color: #3b5998;
color: #3b5998;
}
.facebook-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.facebook-bg-hover:hover {
border-color: transparent !important;
background: #3b5998 !important;
color: #fff !important;
}
.twitter-bg {
border-color: transparent;
background: #00aced;
color: #fff;
}
.twitter-outlined {
border-color: #00aced;
color: #00aced;
}
.twitter-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.twitter-bg-hover:hover {
border-color: transparent !important;
background: #00aced !important;
color: #fff !important;
}
.google-plus-bg {
border-color: transparent;
background: #dd4b39;
color: #fff;
}
.google-plus-outlined {
border-color: #dd4b39;
color: #dd4b39;
}
.google-plus-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.google-plus-bg-hover:hover {
border-color: transparent !important;
background: #dd4b39 !important;
color: #fff !important;
}
.pinterest-bg {
border-color: transparent;
background: #cb2027;
color: #fff;
}
.pinterest-outlined {
border-color: #cb2027;
color: #cb2027;
}
.pinterest-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.pinterest-bg-hover:hover {
border-color: transparent !important;
background: #cb2027 !important;
color: #fff !important;
}
.linkedin-bg {
border-color: transparent;
background: #007bb6;
color: #fff;
}
.linkedin-outlined {
border-color: #007bb6;
color: #007bb6;
}
.linkedin-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.linkedin-bg-hover:hover {
border-color: transparent !important;
background: #007bb6 !important;
color: #fff !important;
}
.rss-bg {
border-color: transparent;
background: #fab135;
color: #fff;
}
.rss-outlined {
border-color: #fab135;
color: #fab135;
}
.rss-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.rss-bg-hover:hover {
border-color: transparent !important;
background: #fab135 !important;
color: #fff !important;
}
.instagram-bg {
border-color: transparent;
background: #517fa4;
color: #fff;
}
.instagram-outlined {
border-color: #517fa4;
color: #517fa4;
}
.instagram-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.instagram-bg-hover:hover {
border-color: transparent !important;
background: #517fa4 !important;
color: #fff !important;
}
.github-bg {
border-color: transparent;
background: #4183c4;
color: #fff;
}
.github-outlined {
border-color: #4183c4;
color: #4183c4;
}
.github-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.github-bg-hover:hover {
border-color: transparent !important;
background: #4183c4 !important;
color: #fff !important;
}
.behance-bg {
border-color: transparent;
background: #1769ff;
color: #fff;
}
.behance-outlined {
border-color: #1769ff;
color: #1769ff;
}
.behance-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.behance-bg-hover:hover {
border-color: transparent !important;
background: #1769ff !important;
color: #fff !important;
}
.stack-exchange-bg {
border-color: transparent;
background: #366fb3;
color: #fff;
}
.stack-exchange-outlined {
border-color: #366fb3;
color: #366fb3;
}
.stack-exchange-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.stack-exchange-bg-hover:hover {
border-color: transparent !important;
background: #366fb3 !important;
color: #fff !important;
}
.tumblr-bg {
border-color: transparent;
background: #32506d;
color: #fff;
}
.tumblr-outlined {
border-color: #32506d;
color: #32506d;
}
.tumblr-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.tumblr-bg-hover:hover {
border-color: transparent !important;
background: #32506d !important;
color: #fff !important;
}
.soundcloud-bg {
border-color: transparent;
background: #f50;
color: #fff;
}
.soundcloud-outlined {
border-color: #f50;
color: #f50;
}
.soundcloud-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.soundcloud-bg-hover:hover {
border-color: transparent !important;
background: #f50 !important;
color: #fff !important;
}
.dribbble-bg {
border-color: transparent;
background: #ea4c89;
color: #fff;
}
.dribbble-outlined {
border-color: #ea4c89;
color: #ea4c89;
}
.dribbble-bg-hover {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.dribbble-bg-hover:hover {
border-color: transparent !important;
background: #ea4c89 !important;
color: #fff !important;
}
.grayscale,
img.grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
img.grayscale:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.nth-typed {
font-weight: bold;
}
.typed-cursor {
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-o-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
font-weight: lighter;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/*--------------------------------------------------------------
35.0 - Responsive: Utility classes
--------------------------------------------------------------*/
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.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;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.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;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.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;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.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;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.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;
}
}
@media (max-width: 992px) {
.animate-box.animated {
visibility: visible;
}
.column[data-fade="1"] {
opacity: 1;
filter: alpha(opacity=100);
}
.el-appear {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.wpb_gmaps_widget .wpb_map_wraper iframe {
pointer-events: none;
}
.icon_element.icon-border .icon_element-inner {
border: 2px solid #bca480 !important;
}
.wpb_gmaps_widget .wpb_wrapper {
padding: 0!important;
background: transparent;
}
.col-icon-border {
/* border-bottom: 2px solid #ebebec; */
}
.col-icon-border:hover {
border-bottom-color: #bca480;
}
.col-icon-border:hover .icon_element-icon {
color: #bca480 !important;
}
.col-icon-border:hover h5 {
color: #bca480 !important;
}
.tta.tabs-border .tta-tabs-list {
position: relative;
}
.tta.tabs-border .tta-tabs-list:before {
content: "";
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 0;
/* border-bottom: 2px solid #ebebec; */
}
.tta.tabs-border .tta-tab > a {
font-weight: 700;
color: #1e1e1e !important;
background: none !important;
border-style: solid !important;
border-width: 0 0 2px 0 !important;
border-color: #ebebec !important;
z-index: 1;
}
.tta.tabs-border .tta-tab > a:hover {
color: #bca480;
}
.tta.tabs-border .tta-tab.active > a,
.tta.tabs-border .tta-tab.active > a {
border-bottom: 2px solid red !important;
color: red !important;
}
.tta.tabs-border .tta-panel-body {
padding: 60px 0 0 0 !important;
}
@media (min-width: 768px) {
.nice-border {
display: table;
/* margin: 0 auto; */
position: relative;
}
.nice-border:after,
.nice-border:before {
content: "";
position: absolute;
width: 25px;
height: 2px;
top: 50%;
left: -50px;
margin-top: -1px;
background: #ebebec;
}
.nice-border:after {
left: auto;
right: -50px;
}
.nice-border .nice-border-bottom-right,
.nice-border .nice-border-top-left {
position: absolute;
left: 0;
top: 0;
width: 0.9em;
height: 0.9em;
border-width: 3px 0 0 3px;
border-style: solid;
border-color: #bca480;
}
.nice-border .nice-border-bottom-right:after,
.nice-border .nice-border-top-left:after,
.nice-border .nice-border-bottom-right:before,
.nice-border .nice-border-top-left:before {
position: absolute;
content: "";
border-width: 3px 3px 0 0;
border-style: solid;
border-color: #bca480 transparent transparent transparent;
width: 0;
height: 0;
left: -3px;
bottom: -3px;
}
.nice-border .nice-border-bottom-right:after,
.nice-border .nice-border-top-left:after {
left: auto;
right: -3px;
top: -3px;
bottom: auto;
}
.nice-border .nice-border-bottom-right {
top: auto;
bottom: 0;
right: 0;
left: auto;
border-width: 0 3px 3px 0;
}
.nice-border .nice-border-bottom-right::after,
.nice-border .nice-border-bottom-right::before {
border-width: 0 0 3px 3px;
border-color: transparent transparent #bca480 transparent;
}
.nice-border .nice-border-content {
position: relative;
z-index: 2;
padding: 8px 0px;
display: inline-block;
text-transform: uppercase;
border-bottom: 2px solid;
font-size: 18px;
}
.nice-border-full {
position: relative;
}
.nice-border-full .nice-border-bottom-left,
.nice-border-full .nice-border-bottom-right,
.nice-border-full .nice-border-top-right,
.nice-border-full .nice-border-top-left {
position: absolute;
left: -10px;
top: -10px;
width: 40px;
height: 40px;
border-width: 3px 0 0 3px;
border-style: solid;
border-color: #bca480;
}
.nice-border-full .nice-border-bottom-left:after,
.nice-border-full .nice-border-bottom-right:after,
.nice-border-full .nice-border-top-right:after,
.nice-border-full .nice-border-top-left:after,
.nice-border-full .nice-border-bottom-left:before,
.nice-border-full .nice-border-bottom-right:before,
.nice-border-full .nice-border-top-right:before,
.nice-border-full .nice-border-top-left:before {
position: absolute;
content: "";
border-width: 3px 3px 0 0;
border-style: solid;
border-color: #bca480 transparent transparent transparent;
width: 0;
height: 0;
left: -3px;
bottom: -3px;
}
.nice-border-full .nice-border-bottom-left:after,
.nice-border-full .nice-border-bottom-right:after,
.nice-border-full .nice-border-top-right:after,
.nice-border-full .nice-border-top-left:after {
left: auto;
right: -3px;
top: -3px;
bottom: auto;
}
.nice-border-full .nice-border-top-right {
right: -10px;
left: auto;
border-width: 3px 3px 0 0;
}
.nice-border-full .nice-border-top-right::after,
.nice-border-full .nice-border-top-right::before {
border-width: 0 3px 3px;
border-color: transparent #bca480 transparent transparent;
left: auto;
right: -3px;
}
.nice-border-full .nice-border-top-right::after {
left: -6px;
right: auto;
top: -3px;
}
.nice-border-full .nice-border-bottom-left {
top: auto;
bottom: -10px;
border-width: 0 0 3px 3px;
}
.nice-border-full .nice-border-bottom-left::after,
.nice-border-full .nice-border-bottom-left::before {
border-width: 3px 0 0 3px;
border-color: transparent transparent transparent #bca480;
left: auto;
right: -3px;
}
.nice-border-full .nice-border-bottom-left::after {
bottom: auto;
top: -3px;
right: auto;
left: -3px;
}
.nice-border-full .nice-border-bottom-right {
top: auto;
bottom: -10px;
right: -10px;
left: auto;
border-width: 0 3px 3px 0;
}
.nice-border-full .nice-border-bottom-right::after,
.nice-border-full .nice-border-bottom-right::before {
border-width: 0 0 3px 3px;
border-color: transparent transparent #bca480 transparent;
}
}