Difference between revisions of "Team:Rice/Template:test"

 
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
 +
/** ********************************************** **
 +
@Author Dorin Grigoras
 +
@Website www.stepofweb.com
 +
@Last Update Wednesday, Apryl 26, 2017
 +
 +
TABLE CONTENTS
 +
-------------------------------
 +
Globals
 +
Boxed
 +
Color Background
 +
Slide Top
 +
Parallax Social Icons
 +
Page Header
 +
Top Nav
 +
Menu Vertical
 +
Page Menu
 +
Scroll To Top
 +
Preloader
 +
Misc
 +
Material Design
 +
Landing Page
 +
Featured Grid
 +
Captions
 +
Aside
 +
Masonry Gallery
 +
Simple Gallery [CSS ONLY]
 +
Image Hover
 +
Sticky Side
 +
Parallax Social icons
 +
Word Rotator
 +
Sliders
 +
Standard Forms Messages
 +
Portfolio
 +
Item Box
 +
Mixitup
 +
Blog
 +
Comments
 +
Timeline
 +
Contact
 +
Error 404
 +
Maintenance
 +
Login & Register
 +
Search Page
 +
Block Review
 +
Cards
 +
Category Grid
 +
Footer
 +
Responsive
 +
DEMO ONLY [remove on production]
 +
*************************************************** **/
 +
 +
 +
 
/** Globals
 
/** Globals
 
  **************************************************************** **/
 
  **************************************************************** **/
Line 436: Line 489:
 
}
 
}
  
 +
 +
/** Boxed
 +
**************************************************************** **/
 +
body.boxed {
 +
background-color:#f1f2f7;
 +
}
 +
body.boxed section {
 +
background-color:#fff;
 +
}
 +
body.boxed #wrapper {
 +
max-width:1170px;
 +
margin-left:auto;
 +
margin-right:auto;
 +
margin-top:50px;
 +
margin-bottom:50px;
 +
 +
-webkit-border-radius: 3px;
 +
  -moz-border-radius: 3px;
 +
border-radius: 3px;
 +
}
 +
@media only screen and (max-width: 992px) {
 +
body.boxed #wrapper {
 +
margin-top:0;
 +
margin-bottom:0;
 +
 +
-webkit-border-radius: 0;
 +
  -moz-border-radius: 0;
 +
border-radius: 0;
 +
}
 +
}
 +
 +
 +
 +
 +
 
/** Color Background
 
/** Color Background
 
  **************************************************************** **/
 
  **************************************************************** **/
Line 571: Line 659:
 
border:0;
 
border:0;
 
}
 
}
 +
 +
 +
 +
 +
 +
 +
 +
/** Slide Top
 +
**************************************************************** **/
 +
#slidetop {
 +
display: block;
 +
color:#888;
 +
font-size:13px;
 +
background-color:#363839;
 +
z-index: 1500;
 +
position: absolute;
 +
top: 0; right: 0; left:0;
 +
width: 100%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
#slidetop h1,
 +
#slidetop h2,
 +
#slidetop h3,
 +
#slidetop h4,
 +
#slidetop h5,
 +
#slidetop h6 {
 +
font-size:13px;
 +
line-height:20px;
 +
color:#fff;
 +
}
 +
 +
#slidetop ul {
 +
margin:0;
 +
}
 +
#slidetop a {
 +
color:#ccc;
 +
text-decoration:none;
 +
}
 +
#slidetop ul>li>a {
 +
display:block;
 +
overflow:hidden;
 +
text-overflow:ellipsis;
 +
white-space: nowrap;
 +
width:100%;
 +
}
 +
#slidetop ul>li>a>i {
 +
margin-right:6px;
 +
}
 +
#slidetop h1>i,
 +
#slidetop h2>i,
 +
#slidetop h3>i,
 +
#slidetop h4>i,
 +
#slidetop h5>i,
 +
#slidetop h6>i {
 +
margin-right:8px;
 +
}
 +
#slidetop a:hover {
 +
color:#fff;
 +
}
 +
#slidetop .container {
 +
display:none;
 +
height: auto;
 +
padding:30px 0;
 +
}
 +
 +
#slidetop a.slidetop-toggle {
 +
height:35px;
 +
position: absolute;
 +
right: 0; bottom:-35px;
 +
border-top: 35px solid #363839;
 +
border-left: 35px solid transparent;
 +
 +
display:inline-block;
 +
text-decoration:none;
 +
color:#fff;
 +
text-align:center;
 +
}
 +
#slidetop a.slidetop-toggle:after {
 +
font-family:FontAwesome;
 +
content: "\f067";
 +
height:18px;
 +
color:#fff;
 +
position:absolute;
 +
top: -34px;
 +
left: -16px;
 +
}
 +
#slidetop.active a.slidetop-toggle:after {
 +
content: "\f068";
 +
}
 +
 +
 +
@media only screen and (max-width: 768px) {
 +
#slidetop {
 +
display:none !important;
 +
}
 +
}
 +
 +
 +
 +
/** Parallax Social Icons
 +
**************************************************************** **/
 +
#sidepanel {
 +
color:#888;
 +
font-size:13px;
 +
position: fixed;
 +
top: 0; right: -280px; bottom:0;
 +
width:280px;
 +
z-index: 3000;
 +
background-color:#363839;
 +
 +
overflow:hidden;
 +
display:none;
 +
 +
-webkit-transition: right .4s ease;
 +
-o-transition: right .4s ease;
 +
transition: right .4s ease;
 +
 +
}
 +
#sidepanel_overlay {
 +
position:fixed;
 +
left:0; top:0;
 +
right:0; bottom:0;
 +
background-color:rgba(0,0,0,0.5);
 +
z-index:2999;
 +
 +
-webkit-transition: all .400s;
 +
  -moz-transition: all .400s;
 +
-o-transition: all .400s;
 +
transition: all .400s;
 +
}
 +
 +
#sidepanel_close {
 +
color: #999;
 +
background-color:rgba(0,0,0,0.2);
 +
 +
display: block;
 +
position: absolute;
 +
top: 0; right: 0;
 +
 +
width: 40px; height: 40px;
 +
font-size: 18px;
 +
line-height: 40px;
 +
 +
text-align: center;
 +
}
 +
#sidepanel_close:hover {
 +
color:#fff;
 +
}
 +
#sidepanel.sidepanel-light #sidepanel_close {
 +
color:#777;
 +
background-color:rgba(0,0,0,0.1);
 +
}
 +
#sidepanel.sidepanel-light #sidepanel_close:hover {
 +
color:#333;
 +
}
 +
#sidepanel.sidepanel-theme-color #sidepanel_close {
 +
color:#ccc;
 +
background-color:rgba(0,0,0,0.1);
 +
}
 +
#sidepanel.sidepanel-theme-color #sidepanel_close:hover {
 +
color:#fff;
 +
}
 +
 +
/* position */
 +
#sidepanel.sidepanel-inverse {
 +
right:auto;
 +
left: -280px;
 +
}
 +
/* colors */
 +
#sidepanel.sidepanel-dark {
 +
color:#ddd;
 +
background-color:#363839;
 +
}
 +
#sidepanel.sidepanel-light {
 +
color:#111;
 +
background-color:#ffffff;
 +
}
 +
#sidepanel.sidepanel-theme-color {
 +
color:#fff;
 +
background-color:#333;
 +
}
 +
 +
/* sidepanel content */
 +
#sidepanel h1,
 +
#sidepanel h2,
 +
#sidepanel h3,
 +
#sidepanel h4,
 +
#sidepanel h5,
 +
#sidepanel h6 {
 +
color:#ddd;
 +
}
 +
#sidepanel .sidepanel-content {
 +
margin:50px 30px;
 +
overflow-y:auto;
 +
}
 +
#sidepanel .sidepanel-title {
 +
font-size:18px;
 +
line-height:23px;
 +
}
 +
 +
/* sidepanel menu */
 +
#sidepanel ul>li>a {
 +
font-size:14px;
 +
}
 +
#sidepanel ul ul>li>a {
 +
font-size:11px;
 +
}
 +
#sidepanel ul {
 +
border-bottom:rgba(0,0,0,0.2) 1px solid;
 +
padding-bottom:30px;
 +
}
 +
#sidepanel ul ul {
 +
margin-top:6px;
 +
border-bottom:0;
 +
padding-bottom:0;
 +
}
 +
#sidepanel ul ul>li {
 +
padding:5px 0 5px 32px;
 +
 +
}
 +
 +
#sidepanel .list-group-item {
 +
background-color:transparent;
 +
border:0; padding:8px 0;
 +
}
 +
#sidepanel .list-group-item a {
 +
color:#ddd;
 +
display:block;
 +
text-decoration:none;
 +
}
 +
#sidepanel ul li a[data-toggle="collapse"] {
 +
/* font-weight:bold; */
 +
}
 +
#sidepanel ul li a[data-toggle="collapse"].collapsed {
 +
color:#ddd;
 +
font-weight:normal;
 +
}
 +
#sidepanel ul li a>i.ico-dd {
 +
float:right;
 +
}
 +
#sidepanel ul li a>i.ico-category {
 +
width:20px;
 +
}
 +
#sidepanel .list-group-item a>i {
 +
margin-right:6px;
 +
}
 +
#sidepanel .list-group-item .badge {
 +
float:right;
 +
}
 +
 +
 +
/* light */
 +
#sidepanel.sidepanel-light ul  a,
 +
#sidepanel.sidepanel-light ul li a[data-toggle="collapse"].collapsed,
 +
#sidepanel.sidepanel-light .list-group-item ul li a[data-toggle="collapse"].collapsed {
 +
color:#777 !important;
 +
}
 +
#sidepanel.sidepanel-light,
 +
#sidepanel.sidepanel-light h1,
 +
#sidepanel.sidepanel-light h2,
 +
#sidepanel.sidepanel-light h3,
 +
#sidepanel.sidepanel-light h4,
 +
#sidepanel.sidepanel-light h5,
 +
#sidepanel.sidepanel-light h6,
 +
#sidepanel.sidepanel-light ul li a[data-toggle="collapse"],
 +
#sidepanel.sidepanel-light ul a:hover {
 +
color:#111 !important;
 +
}
 +
 +
/* theme color */
 +
#sidepanel.sidepanel-theme-color ul  a,
 +
#sidepanel.sidepanel-theme-color ul li a[data-toggle="collapse"].collapsed,
 +
#sidepanel.sidepanel-theme-color .list-group-item ul li a[data-toggle="collapse"].collapsed {
 +
color:#eee !important;
 +
}
 +
#sidepanel.sidepanel-theme-color,
 +
#sidepanel.sidepanel-theme-color h1,
 +
#sidepanel.sidepanel-theme-color h2,
 +
#sidepanel.sidepanel-theme-color h3,
 +
#sidepanel.sidepanel-theme-color h4,
 +
#sidepanel.sidepanel-theme-color h5,
 +
#sidepanel.sidepanel-theme-color h6,
 +
#sidepanel.sidepanel-theme-color ul li a[data-toggle="collapse"],
 +
#sidepanel.sidepanel-theme-color ul a:hover {
 +
color:#fff !important;
 +
}
 +
 +
 +
 +
 +
 +
/** Page Header
 +
**************************************************************** **/
 +
section.page-header {
 +
position: relative;
 +
padding: 50px 0 50px 0;
 +
border-top: 0;
 +
margin-top: 0;
 +
margin-bottom: 0 !important;
 +
background-color: rgba(0,0,0,0.05);
 +
border-bottom: rgba(0,0,0,0.05) 1px solid;
 +
 +
-webkit-transition: all 0s;
 +
  -moz-transition: all 0s;
 +
-o-transition: all 0s;
 +
transition: all 0s;
 +
}
 +
 +
 +
@media only screen and (max-width: 1024px) {
 +
section.page-header {
 +
background-position: center !important;
 +
 +
background-attachment: inherit;
 +
 +
-webkit-background-size: 100% 100% !important;
 +
  -moz-background-size: 100% 100% !important;
 +
-o-background-size: 100% 100% !important;
 +
  background-size: 100% 100% !important;
 +
 +
-webkit-box-sizing: inherit !important;
 +
  -moz-box-sizing: inherit !important;
 +
box-sizing: inherit !important;
 +
}
 +
}
 +
 +
 +
/* shadows */
 +
section.page-header.shadow-after-1:before {
 +
content:' ';
 +
position:absolute;
 +
left:0; right:0;
 +
width:100%; height:60px;
 +
bottom:-60px;
 +
background-image:url('../images/_smarty/misc/shadow1.png');
 +
background-size: 100% 100%;
 +
}
 +
section.page-header.shadow-after-2:before {
 +
content:' ';
 +
position:absolute;
 +
left:0; right:0;
 +
width:100%; height:60px;
 +
bottom:-60px;
 +
background-image:url('../images/_smarty/misc/shadow2.png');
 +
background-size: 100% 100%;
 +
}
 +
section.page-header.shadow-after-3:before {
 +
content:' ';
 +
position:absolute;
 +
left:0; right:0;
 +
width:100%; height:60px;
 +
bottom:-60px;
 +
background-image:url('../images/_smarty/misc/shadow3.png');
 +
background-size: 100% 100%;
 +
}
 +
 +
 +
section.dark.page-header {
 +
color:#fff;
 +
background-color:#151515 !important;
 +
}
 +
section.dark-2.page-header {
 +
color:#fff;
 +
background-color:#292e32 !important;
 +
}
 +
section.light.page-header {
 +
color:#151515;
 +
background-color:transparent;
 +
border-top: rgba(0,0,0,0.05) 1px solid;
 +
 +
}
 +
section.page-header.page-header-xs {
 +
padding: 20px 0 20px 0;
 +
}
 +
section.page-header.page-header-md {
 +
padding: 50px 0 50px 0;
 +
}
 +
section.page-header.page-header-lg {
 +
padding: 80px 0 80px 0;
 +
}
 +
section.page-header.page-header-xlg {
 +
padding: 130px 0 130px 0;
 +
}
 +
section.page-header.page-header-2xlg {
 +
padding: 250px 0 250px 0;
 +
}
 +
@media only screen and (max-width: 482px) {
 +
section.page-header.page-header-2xlg {
 +
padding: 130px 0 130px 0;
 +
}
 +
}
 +
 +
/* page header tabs */
 +
.page-header.page-header-xs ul.page-header-tabs {
 +
display:block;
 +
text-align:left;
 +
margin-bottom:-21px;
 +
margin-top:40px;
 +
}
 +
.page-header.page-header-md ul.page-header-tabs {
 +
display:block;
 +
text-align:left;
 +
margin-bottom:-51px;
 +
margin-top:70px;
 +
}
 +
.page-header.page-header-lg ul.page-header-tabs {
 +
display:block;
 +
text-align:left;
 +
margin-bottom:-81px;
 +
margin-top:80px;
 +
}
 +
.page-header.page-header-2xlg ul.page-header-tabs {
 +
display:block;
 +
text-align:left;
 +
margin-bottom:-250px;
 +
margin-top:144px;
 +
}
 +
.page-header ul.page-header-tabs>li {
 +
background-color: rgba(0,0,0,0.02);
 +
padding:0;
 +
 +
-webkit-border-top-left-radius: 3px;
 +
-webkit-border-top-right-radius: 3px;
 +
  -moz-border-top-left-radius: 3px;
 +
  -moz-border-top-right-radius: 3px;
 +
border-top-left-radius: 3px;
 +
border-top-right-radius: 3px;
 +
}
 +
.page-header ul.page-header-tabs>li>a {
 +
display:inline-block;
 +
padding:6px 20px;
 +
color:#111;
 +
text-decoration:none;
 +
}
 +
.page-header.page-header-xs ul.page-header-tabs li a>span.badge {
 +
padding:1px 5px;
 +
}
 +
 +
.page-header.dark ul.page-header-tabs>li {
 +
background-color:rgba(255,255,255,0.1);
 +
 +
-webkit-transition: all .300s;
 +
  -moz-transition: all .300s;
 +
-o-transition: all .300s;
 +
transition: all .300s;
 +
}
 +
.page-header.dark ul.page-header-tabs>li:hover {
 +
background-color:rgba(255,255,255,0.2);
 +
}
 +
.page-header.dark ul.page-header-tabs>li>a {
 +
color:#fff;
 +
}
 +
 +
.page-header ul.page-header-tabs>li:hover {
 +
background-color:rgba(0,0,0,0.03);
 +
}
 +
.page-header ul.page-header-tabs.dark>li:hover {
 +
background-color:rgba(0,0,0,0.1);
 +
}
 +
 +
.page-header ul.page-header-tabs>li.active>a {
 +
color:#000;
 +
}
 +
.page-header.dark ul.page-header-tabs>li.active:hover,
 +
.page-header ul.page-header-tabs>li.active {
 +
font-weight:bold;
 +
background-color:#fff;
 +
}
 +
.page-header ul.page-header-tabs.dark>li.active>a {
 +
color:#fff;
 +
}
 +
.page-header ul.page-header-tabs.dark>li.active {
 +
background-color: #212121;
 +
}
 +
 +
 +
 +
 +
@media only screen and (max-width: 767px) {
 +
.page-header ul.page-header-tabs {
 +
background-color:rgba(0,0,0,0.03);
 +
padding:6px;
 +
margin-left:-15px;
 +
margin-right:-15px;
 +
}
 +
 +
.page-header.page-header-2xlg ul.page-header-tabs {
 +
margin-top:143px;
 +
margin-bottom:-135px;
 +
}
 +
 +
.page-header ul.page-header-tabs.dark {
 +
background-color:rgba(0,0,0,0.1);
 +
}
 +
.page-header ul.page-header-tabs>li,
 +
.page-header ul.page-header-tabs>li>a {
 +
display:block;
 +
float:none !important;
 +
text-align:center;
 +
 +
-webkit-border-radius: 0;
 +
  -moz-border-radius: 0;
 +
border-radius: 0;
 +
}
 +
.page-header ul.page-header-tabs.dark>li {
 +
border:0;
 +
}
 +
}
 +
 +
 +
 +
section.page-header>.container {
 +
min-height:42px;
 +
}
 +
section.page-header h1 {
 +
margin:0;
 +
padding:0;
 +
font-size:26px;
 +
font-weight:300;
 +
}
 +
 +
section.page-header .breadcrumb {
 +
position:absolute;
 +
font-size:12px;
 +
top:50%; left:0;
 +
margin-top:-20px;
 +
background:transparent;
 +
margin-bottom:0;
 +
z-index:10;
 +
}
 +
section.page-header .breadcrumb>li+li:before {
 +
content:"·";
 +
}
 +
section.page-header .breadcrumb a {
 +
color:#333;
 +
}
 +
section.page-header.parallax .breadcrumb li.active,
 +
section.page-header.parallax .breadcrumb a {
 +
color:#fff;
 +
}
 +
section.page-header .breadcrumb {
 +
right:0; left:auto;
 +
}
 +
section.page-header .breadcrumb.breadcrumb-inverse {
 +
left:0; right:auto;
 +
}
 +
section.page-header .breadcrumb.breadcrumb-center {
 +
left:auto; right:auto;
 +
position:relative;
 +
margin-top:20px;
 +
}
 +
section.dark.page-header .breadcrumb a {
 +
color:#ccc;
 +
}
 +
@media only screen and (max-width: 767px) {
 +
section.page-header {
 +
text-align:center;
 +
}
 +
section.page-header .breadcrumb {
 +
position:relative;
 +
display:block;
 +
margin:0;
 +
}
 +
section.page-header .container.text-right,
 +
section.page-header .container.text-left {
 +
text-align:center;
 +
}
 +
}
 +
 +
 +
 +
/* options - like buttons */
 +
section.page-header ul.page-options {
 +
position:absolute;
 +
font-size:24px;
 +
top:50%; left:0;
 +
margin-top:-15px;
 +
background:transparent;
 +
margin-bottom:0;
 +
z-index:10;
 +
}
 +
section.page-header ul.page-options a {
 +
color:#333;
 +
text-decoration:none;
 +
}
 +
section.page-header.parallax ul.page-options li.active,
 +
section.page-header.parallax ul.page-options a {
 +
color:#fff;
 +
}
 +
section.page-header ul.page-options {
 +
right:0; left:auto;
 +
}
 +
section.page-header ul.page-options.page-options-inverse {
 +
left:0; right:auto;
 +
}
 +
section.page-header ul.page-options.page-options-center {
 +
left:auto; right:auto;
 +
position:relative;
 +
margin-top:20px;
 +
}
 +
section.dark.page-header ul.page-options a {
 +
color:#ccc;
 +
}
 +
 +
@media only screen and (max-width: 767px) {
 +
section.page-header  ul.page-options {
 +
position:relative;
 +
display:block;
 +
margin:0;
 +
margin-top:20px;
 +
font-size:28px;
 +
}
 +
}
 +
 +
 +
 +
/** Top Nav
 +
**************************************************************** **/
 +
#header,
 +
#topNav,
 +
#topMain {
 +
display: block;
 +
}
 +
#header {
 +
position: relative;
 +
left:0; top:0; right:0;
 +
z-index:1000;
 +
font-size:14px;
 +
background-color:#fff;
 +
border-bottom: rgba(0,0,0,0.05) 1px solid;
 +
 +
-webkit-box-shadow: 0 0 2px rgba(0,0,0,.1) !important;
 +
  -moz-box-shadow: 0 0 2px rgba(0,0,0,.1) !important;
 +
box-shadow: 0 0 2px rgba(0,0,0,.1) !important;
 +
 +
-webkit-transition: all .800s;
 +
  -moz-transition: all .800s;
 +
-o-transition: all .800s;
 +
transition: all .800s;
 +
}
 +
#header a.logo>img {
 +
height:80px;
 +
-webkit-transition: all .300s;
 +
  -moz-transition: all .300s;
 +
-o-transition: all .300s;
 +
transition: all .300s;
 +
}
 +
#header a.logo.logo-responsive>img {
 +
height:100%; /* used on center - example: page-coming-soon-1.html */
 +
}
 +
 +
/* force uppercase links */
 +
#topBar ul li a,
 +
#mainMenu ul li a,
 +
#topMain ul li a {
 +
text-transform:uppercase;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
/* BS 4 fix */
 +
#header.navbar-toggleable-md .navbar-collapse {
 +
display: inherit;
 +
width: auto;
 +
}
 +
@media only screen and (min-width: 768px) {
 +
body.menu-vertical #mainMenu.sidebar-vertical .navbar-collapse {
 +
display: block !important;
 +
}
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical * {
 +
flex: none;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li a:after {
 +
border:0;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical .navbar-collapse ul.nav.navbar-nav,
 +
body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a {
 +
display: block;
 +
width: 100%;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar .navbar-collapse li {
 +
width: 100%;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical .navbar-collapse>ul.nav.navbar-nav li>a {
 +
padding-left: 15px;
 +
padding-right: 15px;
 +
}
 +
 +
 +
 +
 +
 +
 +
/* two logo images : light & dark */
 +
#header a.logo>img:last-child {
 +
display:none;
 +
}
 +
#header a.logo>img:first-child {
 +
display:inline-block;
 +
}
 +
#header.fixed a.logo>img:first-child {
 +
display:none;
 +
}
 +
#header.fixed a.logo>img:last-child {
 +
display:inline-block;
 +
}
 +
 +
 +
 +
/* shadows */
 +
#header.shadow-after-1:before {
 +
content:' ';
 +
position:absolute;
 +
left:0; right:0;
 +
width:100%; height:60px;
 +
bottom:-60px;
 +
background-image:url('../images/_smarty/misc/shadow1.png');
 +
background-size: 100% 100%;
 +
}
 +
#header.shadow-before-1:before {
 +
content:' ';
 +
position:absolute;
 +
left:0; right:0; top:0;
 +
width:100%; height:60px;
 +
background-image:url('../images/_smarty/misc/shadow1.png');
 +
background-size: 100% 100%;
 +
}
 +
 +
#header.shadow-after-2:before {
 +
content:' ';
 +
position:absolute;
 +
left:0; right:0;
 +
width:100%; height:60px;
 +
bottom:-60px;
 +
background-image:url('../images/_smarty/misc/shadow2.png');
 +
background-size: 100% 100%;
 +
}
 +
#header.shadow-before-2:before {
 +
content:' ';
 +
position:absolute;
 +
left:0; right:0; top:0;
 +
width:100%; height:60px;
 +
background-image:url('../images/_smarty/misc/shadow2.png');
 +
background-size: 100% 100%;
 +
}
 +
#header.shadow-after-3:before {
 +
content:' ';
 +
position:absolute;
 +
left:0; right:0;
 +
width:100%; height:60px;
 +
bottom:-60px;
 +
background-image:url('../images/_smarty/misc/shadow3.png');
 +
background-size: 100% 100%;
 +
}
 +
#header.shadow-before-3:before {
 +
content:' ';
 +
position:absolute;
 +
left:0; right:0; top:0;
 +
width:100%; height:60px;
 +
background-image:url('../images/_smarty/misc/shadow3.png');
 +
background-size: 100% 100%;
 +
}
 +
 +
 +
/** Search - Default
 +
********************** **/
 +
#header li.search {
 +
display:inline-block;
 +
}
 +
#header li.search .search-box {
 +
display:none;
 +
right: 0;
 +
left:auto;
 +
/*top: 100%;*/
 +
padding: 15px;
 +
background-color: #fff;
 +
position: absolute;
 +
box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
 +
width: 274px;
 +
margin-top: 36px;
 +
z-index: 22;
 +
}
 +
#header.header-md li.search .search-box {
 +
margin-top:25px;
 +
}
 +
#header.header-sm  li.search .search-box {
 +
margin-top:19px;
 +
}
 +
#header.fixed  li.search .search-box {
 +
margin-top:18px;
 +
}
 +
#header.fixed.header-sm  li.search .search-box {
 +
margin-top:18px;
 +
}
 +
#header.fixed.header-md  li.search .search-box {
 +
margin-top:15px;
 +
}
 +
 +
#header li.search i.fa {
 +
color: #333;
 +
cursor: pointer;
 +
position: relative;
 +
}
 +
form.mobile-search {
 +
display:none;
 +
}
 +
 +
 +
/** Search - Fullscreen
 +
********************** **/
 +
#header li.search.fullscreen>.search-box {
 +
text-align:center;
 +
position:fixed;
 +
padding:30px;
 +
background-color:rgba(255,255,255,0.95) !important;
 +
left:0; top:0 !important; right:0; bottom:0;
 +
width:100%;
 +
height:100%;
 +
margin:0 !important;
 +
z-index:2000;
 +
}
 +
#header li.search.fullscreen>.search-box>form {
 +
width: 100%;
 +
max-width:800px;
 +
display:inline-block;
 +
margin:auto;
 +
margin-top:20%;
 +
}
 +
#header li.search.fullscreen>.search-box>form input {
 +
border: 0;
 +
background-color: rgba(0,0,0,0.1);
 +
padding-top: 15px;
 +
padding-bottom: 15px;
 +
height: 65px;
 +
font-size:24px;
 +
font-weight:300;
 +
color:#121212;
 +
border-right:rgba(0,0,0,0.2) 1px solid;
 +
}
 +
#header li.search.fullscreen>.search-box>form button {
 +
border: 0;
 +
font-size: 24px;
 +
padding: 15px 20px !important;
 +
height: 65px;
 +
background-color: rgba(0,0,0,0.1);
 +
color: #888;
 +
}
 +
#header li.search.fullscreen>.search-box>form button>i {
 +
color: #999;
 +
font-size: 22px;
 +
}
 +
#header li.search.fullscreen>.search-box>form button:hover>i {
 +
color: #121212;
 +
}
 +
#header li.search.fullscreen #closeSearch {
 +
background-color: rgba(0,0,0,0.05);
 +
text-decoration: none;
 +
text-align: center;
 +
width: 60px;
 +
height: 60px;
 +
line-height: 60px;
 +
position: absolute;
 +
top: -3px;
 +
left: 50%;
 +
margin-left: -30px;
 +
color: #888;
 +
font-size: 40px;
 +
z-index: 1000;
 +
 +
 +
-webkit-border-radius: 3px;
 +
  -moz-border-radius: 3px;
 +
border-radius: 3px;
 +
}
 +
#header li.search.fullscreen #closeSearch:hover {
 +
color:#111;
 +
}
 +
 +
/* Dark */
 +
#header li.search.fullscreen.dark>.search-box {
 +
background-color:rgba(0,0,0,0.95) !important;
 +
}
 +
#header li.search.fullscreen.dark>.search-box>form input {
 +
color:#ddd;
 +
background-color: rgba(255,255,255,0.1);
 +
border-right-color:rgba(255,255,255,0.2);
 +
}
 +
#header li.search.fullscreen.dark>.search-box>form button {
 +
background-color: rgba(255,255,255,0.1);
 +
}
 +
#header li.search.fullscreen.dark>.search-box>form button>i {
 +
color: #999;
 +
}
 +
#header li.search.fullscreen.dark>.search-box>form button:hover>i {
 +
color: #fff;
 +
}
 +
#header li.search.fullscreen.dark #closeSearch {
 +
background-color: rgba(255,255,255,0.2);
 +
color: #888;
 +
}
 +
#header li.search.fullscreen.dark #closeSearch:hover {
 +
color:#fff;
 +
}
 +
 +
@media only screen and (max-width: 480px) {
 +
#header li.search.fullscreen>.search-box>form {
 +
margin-top:30%;
 +
}
 +
}
 +
@media only screen and (max-height: 400px) {
 +
#header li.search.fullscreen>.search-box>form {
 +
margin-top:60px;
 +
}
 +
}
 +
 +
 +
 +
/** Search - Header
 +
********************** **/
 +
#header .search-box.over-header {
 +
text-align:center;
 +
position:absolute;
 +
padding:0;
 +
background-color:#fff !important;
 +
left:0; top:0 !important; right:0; bottom:0;
 +
width:100%;
 +
height:100%;
 +
margin:0 !important;
 +
z-index:2000;
 +
border:0;
 +
display:none;
 +
}
 +
#header .search-box.over-header>form {
 +
display:block;
 +
z-index:0;
 +
}
 +
#header .search-box.over-header>form>input {
 +
font-size:32px;
 +
font-weight:bold;
 +
background-color:transparent;
 +
height:inherit;
 +
position:absolute;
 +
top:50%; left:0;
 +
width:100%;
 +
margin-top:-30px;
 +
padding-left:40px;
 +
padding-right:60px;
 +
border:0;
 +
box-shadow:none;
 +
}
 +
 +
#header .search-box.over-header>form>input::-webkit-input-placeholder { /* WebKit browsers */
 +
color: #666;
 +
text-transform:uppercase;
 +
}
 +
 +
#header .search-box.over-header>form>input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 +
color: #666;
 +
text-transform:uppercase;
 +
}
 +
 +
#header .search-box.over-header>form>input::-moz-placeholder { /* Mozilla Firefox 19+ */
 +
color: #666;
 +
text-transform:uppercase;
 +
}
 +
 +
#header .search-box.over-header>form>input:-ms-input-placeholder { /* Internet Explorer 10+ */
 +
color: #666;
 +
text-transform:uppercase;
 +
}
 +
 +
#header .search-box.over-header #closeSearch {
 +
position:absolute;
 +
right:0;
 +
color:#333;
 +
background:transparent;
 +
top:50%; right:30px;
 +
font-size:20px;
 +
margin-top:-10px;
 +
z-index:1;
 +
}
 +
 +
/* dark */
 +
#header.dark .search-box.over-header {
 +
background-color:#333 !important;
 +
}
 +
#header.dark .search-box.over-header>form>input {
 +
color:#fff;
 +
}
 +
#header.dark .search-box.over-header>form>input::-webkit-input-placeholder { /* WebKit browsers */
 +
color: #ddd;
 +
text-transform:uppercase;
 +
}
 +
 +
#header.dark .search-box.over-header>form>input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 +
color: #ddd;
 +
text-transform:uppercase;
 +
}
 +
 +
#header.dark .search-box.over-header>form>input::-moz-placeholder { /* Mozilla Firefox 19+ */
 +
color: #ddd;
 +
text-transform:uppercase;
 +
}
 +
 +
#header.dark .search-box.over-header>form>input:-ms-input-placeholder { /* Internet Explorer 10+ */
 +
color: #ddd;
 +
text-transform:uppercase;
 +
}
 +
 +
#header.dark .search-box.over-header #closeSearch {
 +
color:#fff;
 +
}
 +
 +
#header.translucent #topMain,
 +
#header.dark.transparent #topMain {
 +
background-color:transparent;
 +
}
 +
 +
@media only screen and (max-height: 760px) {
 +
#header .search-box.over-header>form>input {
 +
font-size:20px;
 +
margin-top:-20px;
 +
font-weight:300;
 +
}
 +
}
 +
 +
 +
 +
/** Quick Shop Cart
 +
********************** **/
 +
#header li.quick-cart .quick-cart-box {
 +
display:none;
 +
right: 0;
 +
left:auto;
 +
top: 100%;
 +
padding:10px 0;
 +
background-color: #fff;
 +
position: absolute;
 +
box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
 +
width: 274px;
 +
margin-top: 36px;
 +
z-index: 22;
 +
}
 +
#header.fixed  li.quick-cart .quick-cart-box {
 +
/*margin-top:18px;*/
 +
}
 +
#header.fixed.header-sm li.quick-cart .quick-cart-box {
 +
/*margin-top:18px;*/
 +
}
 +
#header.fixed.header-md li.quick-cart .quick-cart-box {
 +
/*margin-top:15px;*/
 +
}
 +
 +
#header li.quick-cart .quick-cart-wrapper {
 +
max-height:400px;
 +
overflow-y:auto;
 +
}
 +
#header li.quick-cart .quick-cart-box h4 {
 +
font-size:17px;
 +
margin:0;
 +
padding:0 10px 10px 10px;
 +
border-bottom:rgba(0,0,0,0.1) 1px solid;
 +
}
 +
#header li.quick-cart .quick-cart-box a {
 +
display:block;
 +
padding:15px 10px;
 +
border-bottom:rgba(0,0,0,0.04) 1px solid;
 +
}
 +
#header li.quick-cart .quick-cart-box a:hover {
 +
background-color:rgba(0,0,0,0.03);
 +
}
 +
#header li.quick-cart .quick-cart-box a>img {
 +
float:left;
 +
margin-right:10px;
 +
}
 +
#header li.quick-cart .quick-cart-box a h6 {
 +
margin:0;
 +
padding:4px 0 0 0;
 +
 +
text-overflow:ellipsis;
 +
white-space: nowrap;
 +
overflow:hidden;
 +
}
 +
#header li.quick-cart .quick-cart-box a.btn {
 +
background-color:#151515;
 +
border:0; margin:0;
 +
padding-top:6px;
 +
padding-bottom:4px;
 +
}
 +
#header li.quick-cart .quick-cart-footer {
 +
padding:10px 10px 0 10px;
 +
}
 +
#header li.quick-cart .quick-cart-footer>span {
 +
display:inline-block;
 +
padding-top:3px;
 +
background-color:rgba(0,0,0,0.05);
 +
padding: 4px 3px;
 +
 +
-webkit-border-radius: 3px;
 +
  -moz-border-radius: 3px;
 +
border-radius: 3px;
 +
}
 +
 +
@media only screen and (min-width: 992px) { /* min-width */
 +
#header li.quick-cart .quick-cart-box {
 +
top:21px;
 +
}
 +
#header.header-sm li.quick-cart .quick-cart-box {
 +
margin-top:19px;
 +
}
 +
#header.header-md li.quick-cart .quick-cart-box {
 +
margin-top:26px;
 +
}
 +
#header li.quick-cart .quick-cart-wrapper {
 +
max-height:300px;
 +
overflow-y:auto;
 +
}
 +
}
 +
 +
@media only screen and (max-width: 992px) { /* max-width */
 +
#header li.quick-cart .quick-cart-box {
 +
margin-top:18px;
 +
}
 +
#header.dark li.search .search-box {
 +
margin-top:38px !important;
 +
}
 +
 +
}
 +
@media only screen and (max-width: 769px) {
 +
#header li.quick-cart .quick-cart-box {
 +
position:fixed;
 +
width:100%;
 +
left:0; right:0;
 +
top:60px;
 +
margin-top:0;
 +
border:rgba(0,0,0,0.08) 1px solid !important;
 +
}
 +
#header.dark li.quick-cart .quick-cart-box {
 +
border:rgba(255,255,255,0.08) 1px solid;
 +
}
 +
#header li.quick-cart .quick-cart-wrapper {
 +
max-height:200px;
 +
overflow-y:auto;
 +
}
 +
 +
/**
 +
Quick Cart & top Search Fix (if #topBar exists).
 +
.has-topBar - added by Javascript
 +
**/
 +
#header ul.has-topBar>li.quick-cart .quick-cart-box,
 +
#header ul.has-topBar>li.search .search-box {
 +
top:98px !important;
 +
}
 +
}
 +
 +
 +
 +
 +
/** Menu Vertical
 +
********************** **/
 +
body.menu-vertical.menu-vertical #wrapper .container {
 +
width:100%;
 +
}
 +
body.menu-vertical.menu-vertical #wrapper {
 +
margin-left:263px;
 +
}
 +
body.menu-vertical.menu-vertical.menu-inverse #wrapper {
 +
margin-right:263px;
 +
margin-left:0;
 +
}
 +
 +
body.menu-vertical #mainMenu.sidebar-vertical {
 +
position:fixed;
 +
left:0; top:0; bottom:0;
 +
width:263px;
 +
background-color:#fff;
 +
z-index:100;
 +
}
 +
body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical {
 +
left:auto;
 +
right:0;
 +
}
 +
 +
body.menu-vertical #mainMenu .navbar-collapse {
 +
border-color:transparent;
 +
}
 +
 +
body.menu-vertical #mainMenu .navbar-default {
 +
background-color:transparent !important;
 +
border:0;
 +
}
 +
 +
body.menu-vertical #mainMenu .logo {
 +
display:block;
 +
margin:30px 0 30px 0;
 +
padding:30px 0;
 +
}
 +
 +
 +
/* Aside Vertical */
 +
body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a {
 +
border-bottom:#eee 1px solid;
 +
text-align:left;
 +
 +
font-size:12px;
 +
text-transform:uppercase;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a.dropdown-toggle {
 +
background-image: url('../images/_smarty/submenu_light.png');
 +
background-position:center right;
 +
background-repeat:no-repeat;
 +
}
 +
 +
body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a>i {
 +
margin-right:13px;
 +
color:#666;
 +
float:left;
 +
width:20px;
 +
text-align:center;
 +
line-height:22px;
 +
}
 +
 +
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu {
 +
top:-1px;
 +
left:auto;
 +
right:-230px;
 +
padding:0;
 +
width:230px;
 +
overflow:hidden;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>li>a {
 +
border-bottom:#eee 1px solid;
 +
font-size:12px;
 +
text-transform:uppercase;
 +
}
 +
 +
body.menu-vertical #mainMenu.sidebar-vertical li.dropdown.open>a {
 +
background-color:transparent !important;
 +
color:#111;
 +
}
 +
 +
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar {
 +
width:100%;
 +
padding: 0;
 +
}
 +
 +
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a,
 +
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a:focus,
 +
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a:hover,
 +
body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>.active>a,
 +
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li:hover>a {
 +
background-color:rgba(0,0,0,0.01);
 +
}
 +
 +
body.menu-vertical #mainMenu.sidebar-vertical .social-icons {
 +
padding:30px 15px;
 +
}
 +
 +
body.menu-vertical #mainMenu .social-icon {
 +
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 +
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 +
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 +
}
 +
 +
/* Inline Search */
 +
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .inline-search form input.serch-input {
 +
background-color:rgba(255,255,255,0.2);
 +
border-color:rgba(255,255,255,0.1);
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .inline-search form button {
 +
border-left-color:rgba(255,255,255,0.1);
 +
}
 +
 +
 +
/* Column Menu / Mega Menu */
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu {
 +
min-width: 600px;
 +
width: auto !important;
 +
left: 262px;
 +
right:auto;
 +
 +
background-position:top right;
 +
background-repeat:no-repeat;
 +
}
 +
body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu {
 +
min-width: 600px;
 +
width: auto !important;
 +
left: auto !important;
 +
right: 262px !important;
 +
}
 +
 +
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu ul li {
 +
list-style:none;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu ul {
 +
background-color:transparent;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu .row>div {
 +
padding:10px 0;
 +
min-width:100px;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.divider {
 +
border:0;
 +
background:none;
 +
margin-bottom:20px;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a {
 +
font-size:11px;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu,
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu ul,
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a,
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li {
 +
border:0 !important;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h3,
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h4,
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h5,
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h6 {
 +
font-size:15px;
 +
line-height:15px;
 +
margin:0 0 8px 0;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h3,
 +
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h4,
 +
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h5,
 +
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h6 {
 +
color:#fff;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h3,
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h3,
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h4,
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h4,
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h5,
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h5,
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h6,
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h6 {
 +
text-decoration:underline;
 +
}
 +
 +
@media only screen and (max-width: 768px) {
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu {
 +
background-image:none !important;
 +
}
 +
}
 +
 +
 +
/* Top Options */
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.top-links {
 +
margin:10px;
 +
border:0 !important;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu {
 +
top: auto;
 +
left: auto;
 +
right: auto;
 +
width:auto;
 +
min-width:10px;
 +
border:0 !important;
 +
background-color:#fff !important;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu li,
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu li a {
 +
border:0 !important;
 +
color:#333 !important;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu li.divider {
 +
margin:0;
 +
background-color:rgba(255,255,255,0.1);
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu>li>a {
 +
padding: 3px 6px;
 +
font-size: 12px;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.top-links a.dropdown-toggle {
 +
background-color:rgba(0,0,0,0.1) !important;
 +
padding:3px 6px !important;
 +
margin-bottom:3px;
 +
font-size:12px;
 +
 +
-webkit-border-radius: 2px;
 +
  -moz-border-radius: 2px;
 +
border-radius: 2px;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.top-links a.dropdown-toggle {
 +
background-color:rgba(0,0,0,0.5) !important;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.top-links a.dropdown-toggle>i {
 +
padding:0 6px 0 0;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical ul.top-links>li {
 +
margin:0;
 +
padding:0;
 +
}
 +
 +
 +
 +
 +
 +
/* DARK */
 +
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar ul,
 +
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark {
 +
background-color:#333;
 +
color:#ccc;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar ul {
 +
border-top-color:rgba(255,255,255,0.1);
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .dropdown-menu>li>a,
 +
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .navbar-default .navbar-nav>li>a {
 +
border-bottom-color:rgba(255,255,255,0.1);
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .navbar-default .navbar-nav>li>a.dropdown-toggle {
 +
background-image: url('../images/_smarty/submenu_dark.png');
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar li a {
 +
color:#ccc;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .navbar-default .navbar-nav>li>a>i {
 +
color:#ccc;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-dark {
 +
border-color:rgba(255,255,255,0.08);
 +
}
 +
 +
 +
/* OPEN ON CLICK */
 +
body.menu-vertical.menu-vertical-hide #wrapper {
 +
margin-left:0 !important;
 +
margin-right:0 !important;
 +
}
 +
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical {
 +
right:auto;
 +
left:-263px;
 +
}
 +
body.menu-vertical.menu-vertical-hide.menu-inverse #mainMenu.sidebar-vertical {
 +
left:auto;
 +
right:-263px;
 +
}
 +
 +
.fancy_big_btn,
 +
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn {
 +
position:absolute;
 +
right:-80px;
 +
top:15px;
 +
display:inline-block;
 +
background:rgba(255,255,255,0.2);
 +
padding:6px;
 +
z-index:100;
 +
 +
-webkit-transition: background 600ms;
 +
  -moz-transition: background 600ms;
 +
-o-transition: background 600ms;
 +
transition: background 600ms;
 +
}
 +
.fancy_big_btn,
 +
body.menu-vertical.menu-vertical-hide.menu-inverse #mainMenu.sidebar-vertical #sidebar_vertical_btn {
 +
right:auto;
 +
left:-80px;
 +
}
 +
 +
.fancy_big_btn:hover,
 +
.fancy_big_btn:active,
 +
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn:hover,
 +
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn:active {
 +
background:#fff;
 +
}
 +
 +
.fancy_big_btn i,
 +
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn i {
 +
display:block;
 +
width:54px; height:54px;
 +
background-image:url('data:image/gif;base64,R0lGODlhNwA3AJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAA3ADcAAAJUlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrZhAMfyTNc1Zue6je/+7goKh8Si8dj6KXmXpVPWezqR1Kr1is2apM8o9+f9ArXksvmMTqvX7Lb7DS8AADs=');
 +
background-repeat:no-repeat;
 +
background-position:center;
 +
background-color:#000;
 +
 +
-webkit-transition: background 300ms;
 +
  -moz-transition: background 300ms;
 +
-o-transition: background 300ms;
 +
transition: background 300ms;
 +
 +
}
 +
.fancy_big_btn:hover i,
 +
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn:hover i {
 +
background-color:#f6f6f6;
 +
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAARklEQVRoge3WsQ0AIAwDsML/P8MLdECoxZ4zJFsiAAAAqGgksutai7yj3vN2i5dajwPgex5KVa3HAfA9D6Wq1uMAAACoaQMxSAMQNhNmmQAAAABJRU5ErkJggg==');
 +
}
 +
 +
/*
 +
for anywhere use
 +
<button class="fancy_big_btn inverse"><i></i></button>
 +
*/
 +
.fancy_big_btn {
 +
right:auto;
 +
left:0;
 +
top:20px;
 +
}
 +
.fancy_big_btn.inverse {
 +
left:auto;
 +
right:0;
 +
}
 +
/* custom icon */
 +
.fancy_big_btn i.fa,
 +
.fancy_big_btn i.et,
 +
.fancy_big_btn i.glyphicon,
 +
.fancy_big_btn i.icon,
 +
.fancy_big_btn i.ico {
 +
background-image:none;
 +
color:#fff;
 +
font-size:30px;
 +
line-height:50px;
 +
margin:0;
 +
padding:0;
 +
 +
-webkit-transition: all 300ms;
 +
  -moz-transition: all 300ms;
 +
-o-transition: all 300ms;
 +
transition: all 300ms;
 +
}
 +
.fancy_big_btn:hover i.fa,
 +
.fancy_big_btn:hover i.et,
 +
.fancy_big_btn:hover i.glyphicon,
 +
.fancy_big_btn:hover i.icon,
 +
.fancy_big_btn:hover i.ico {
 +
color:#000;
 +
}
 +
 +
 +
 +
/* Responsive */
 +
@media (min-width: 768px) {
 +
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar .navbar-collapse {
 +
padding: 0;
 +
max-height: none;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar ul {
 +
float: none;
 +
border-top:#eee 1px solid;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar ul:not {
 +
display: block;
 +
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar .navbar-collapse li {
 +
float: none;
 +
display: block;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li a {
 +
color:#000;
 +
 +
-webkit-transition: all .10s;
 +
  -moz-transition: all .10s;
 +
-o-transition: all .10s;
 +
transition: all .10s;
 +
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical li.dropdown:hover>ul.dropdown-menu {
 +
display:block;
 +
}
 +
body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical li.dropdown:hover>ul.dropdown-menu {
 +
left:-230px;
 +
right:auto;
 +
}
 +
 +
 +
/* uncomment if you would like the menu to be fixed */
 +
/* .navbar {
 +
position: fixed;
 +
width: 170px;
 +
z-index: 2;
 +
} */
 +
}
 +
@media (min-width: 992px) {
 +
body.menu-vertical #mainMenu.sidebar-vertical .navbar {
 +
width: 212px;
 +
}
 +
 +
}
 +
@media only screen and (max-width: 1216px) {
 +
body.menu-vertical .container {
 +
width: 100%;
 +
}
 +
}
 +
@media (min-width: 1200px) {
 +
body.menu-vertical #mainMenu.sidebar-vertical .navbar {
 +
width: 262px;
 +
}
 +
}
 +
@media (min-width: 768px) {
 +
body.menu-vertical #mainMenu .navbar-default {
 +
border:0;
 +
}
 +
body.menu-vertical #mainMenu {
 +
border-right:#d6d6d6 1px solid;
 +
 +
-webkit-box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14);
 +
  -moz-box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14);
 +
box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14);
 +
}
 +
 +
}
 +
@media (max-width: 768px) {
 +
body.menu-vertical #mainMenu {
 +
position:relative;
 +
width:100%;
 +
}
 +
body.menu-vertical #mainMenu .navbar-nav {
 +
margin-bottom:0;
 +
margin-top:0;
 +
}
 +
body.menu-vertical #mainMenu .navbar-header {
 +
background-color: rgba(255,255,255,0.06);
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .navbar-default .navbar-toggle .icon-bar {
 +
background-color: #fff;
 +
}
 +
 +
body.menu-vertical #middle {
 +
padding:15px !important;
 +
}
 +
 +
body.menu-vertical #mainMenu .logo {
 +
padding:0;
 +
margin:15px 0;
 +
}
 +
 +
body.menu-vertical #wrapper {
 +
margin-left:0 !important;
 +
margin-right:0 !important;
 +
}
 +
body.menu-vertical #mainMenu.sidebar-vertical {
 +
position:relative;
 +
width:100%;
 +
}
 +
 +
body.menu-vertical .navbar {
 +
margin-bottom:0;
 +
}
 +
 +
body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu {
 +
width:100%;
 +
}
 +
 +
 +
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical {
 +
left:0 !important; right:0;
 +
}
 +
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn {
 +
display:none;
 +
 +
}
 +
body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical {
 +
width:100% !important;
 +
}
 +
 +
}
 +
 +
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li a {
 +
padding-top: 8px;
 +
padding-bottom: 8px;
 +
}
 +
.sidebar-vertical .sidebar-nav .navbar-header {
 +
float: none;
 +
}
 +
 +
 +
 +
 +
/** Mobile Button
 +
********************** **/
 +
#topNav button.btn-mobile {
 +
display:none;
 +
}
 +
#topNav button.btn-mobile {
 +
color:#333;
 +
display: none;
 +
padding:6px 10px;
 +
float:right;
 +
margin-top:13px;
 +
margin-right:0;
 +
 +
-webkit-border-radius: 0;
 +
  -moz-border-radius: 0;
 +
border-radius: 0;
 +
}
 +
 +
#topNav button.btn-mobile i {
 +
padding:0; margin:0;
 +
font-size:21px;
 +
}
 +
@media only screen and (max-width: 992px) {
 +
#topNav button.btn-mobile {
 +
display:inline-block;
 +
}
 +
}
 +
 +
 +
 +
#header li.search .search-box,
 +
#header li.quick-cart .quick-cart-box {
 +
border:rgba(0,0,0,0.07) 1px solid;
 +
border-top:0;
 +
}
 +
 +
 +
/* Dark & Color Header */
 +
#header.dark {
 +
background-color:#333;
 +
}
 +
#header.dark #topMain.nav-pills>li>a {
 +
color:#ccc;
 +
}
 +
#header.dark #topMain.nav-pills>li.active>a,
 +
#header.dark #topMain.nav-pills>li>a:hover {
 +
color:#fff;
 +
}
 +
 +
/* DARK CART & SEARCH */
 +
#header.dark li.search .search-box,
 +
#header.dark  li.quick-cart .quick-cart-box {
 +
background-color:#333;
 +
}
 +
#header.translucent li.search .search-box,
 +
#header.translucent  li.quick-cart .quick-cart-box {
 +
background-color:rgba(33,33,33,0.80);
 +
 +
-webkit-transition: all 0.2s;
 +
-moz-transition: all 0.2s;
 +
-o-transition: all 0.2s;
 +
transition: all 0.2s;
 +
}
 +
#header.translucent li.search .search-box:hover,
 +
#header.translucent  li.quick-cart .quick-cart-box:hover {
 +
background-color:rgba(33,33,33,0.88);
 +
}
 +
 +
#header.translucent ul.nav-second-main li i,
 +
#header.translucent li.search i.fa,
 +
#header.dark li.quick-cart .quick-cart-box a,
 +
#header.dark li.quick-cart .quick-cart-box a h6,
 +
#header.dark li.quick-cart .quick-cart-footer,
 +
#header.dark li.quick-cart .quick-cart-box h4 {
 +
color:#fff !important;
 +
}
 +
#header.dark li.quick-cart .quick-cart-box h4,
 +
#header.dark li.quick-cart .quick-cart-box a {
 +
border-bottom: rgba(255,255,255,0.08) 1px solid;
 +
}
 +
#header.dark li.quick-cart .quick-cart-box a:hover {
 +
background-color:rgba(255,255,255,0.06);
 +
}
 +
#header.dark li.search .search-box input {
 +
color: #999;
 +
background-color: rgba(0,0,0,.2);
 +
border-color: rgba(0,0,0,.25);
 +
 +
-webkit-transition: all 0.2s;
 +
-moz-transition: all 0.2s;
 +
-o-transition: all 0.2s;
 +
transition: all 0.2s;
 +
}
 +
#header.dark li.search .search-box input:focus,
 +
#header.dark li.search .search-box textarea:focus {
 +
background-color: rgba(0,0,0,.3);
 +
}
 +
 +
 +
 +
/* Transparent Header */
 +
#header.transparent {
 +
position:absolute;
 +
background-color:transparent;
 +
border-bottom:rgba(255,255,255,0.3) 1px solid;
 +
 +
-webkit-box-shadow: none;
 +
  -moz-box-shadow: none;
 +
box-shadow: none;
 +
}
 +
#header.transparent.color,
 +
#header.transparent.dark {
 +
border:0;
 +
}
 +
#header.transparent #topMain.nav-pills>li>a {
 +
color:#fff;
 +
 +
-webkit-border-radius: 0;
 +
  -moz-border-radius: 0;
 +
border-radius: 0;
 +
}
 +
#header.transparent #topMain.nav-pills>li.active>a,
 +
#header.transparent #topMain.nav-pills>li>a:hover {
 +
background-color:rgba(0,0,0,0.03);
 +
}
 +
#header.transparent + section.page-header.page-header-lg,
 +
#header.transparent + section.page-header {
 +
/*margin-top:-100px;*/
 +
padding:180px 0;
 +
}
 +
#header.transparent + section.page-header.page-header-xlg {
 +
padding:280px 0;
 +
padding-top:350px;
 +
}
 +
 +
#header.transparent + section.page-header.page-header-lg {
 +
padding-top:250px;
 +
}
 +
 +
#header.transparent a.social-icon {
 +
background-color:rgba(0,0,0,0.2);
 +
}
 +
#header.transparent a.social-icon>i {
 +
color:#eaeaea;
 +
}
 +
 +
/* on scroll */
 +
#header.fixed.transparent{
 +
background-color:#fff;
 +
}
 +
#header.fixed.dark,
 +
#header.fixed.dark.transparent {
 +
background-color:#333;
 +
border:0;
 +
}
 +
#header.fixed.transparent ul.nav-second-main li a,
 +
#header.fixed.transparent ul.nav-second-main li a>i,
 +
#header.fixed.transparent #topMain.nav-pills>li>a {
 +
color:#151515;
 +
}
 +
#header.fixed.dark.transparent ul.nav-second-main li a,
 +
#header.fixed.dark.transparent ul.nav-second-main li a>i,
 +
#header.fixed.dark.transparent #topMain.nav-pills>li>a {
 +
color:#fff;
 +
}
 +
 +
@media only screen and (max-width: 992px) {
 +
#header.transparent.fixed #topNav button.btn-mobile {
 +
color:#333 !important;
 +
}
 +
#header.transparent.dark.fixed #topNav button.btn-mobile {
 +
color:#fff !important;
 +
}
 +
#header.transparent #topMain.nav-pills>li>a {
 +
color:#fff;
 +
}
 +
#header.transparent.dark #topMain.nav-pills>li>a {
 +
color:#fff;
 +
}
 +
}
 +
 +
 +
@media only screen and (max-width: 768px) {
 +
#header.transparent + section.page-header {
 +
margin-top:0;
 +
}
 +
 +
/* force dark submenu */
 +
#header.transparent #topMain {
 +
background-color:#333 !important;
 +
}
 +
#header.transparent #topMain li.active>a {
 +
color:#fff !important;
 +
}
 +
}
 +
 +
 +
 +
/* Transparent Header */
 +
#header.translucent {
 +
position:absolute;
 +
background-color:rgba(0,0,0,0.2);
 +
 +
-webkit-box-shadow: none;
 +
  -moz-box-shadow: none;
 +
box-shadow: none;
 +
}
 +
 +
#header.translucent #topMain.nav-pills>li>a {
 +
color:#fff;
 +
 +
-webkit-border-radius: 0;
 +
  -moz-border-radius: 0;
 +
border-radius: 0;
 +
}
 +
#header.translucent #topMain.nav-pills>li.active>a,
 +
#header.translucent #topMain.nav-pills>li>a:hover {
 +
color:#fff;
 +
background-color:rgba(0,0,0,0.1);
 +
}
 +
#header.translucent + section.page-header {
 +
margin-top:-100px;
 +
padding:180px 0;
 +
}
 +
#header.translucent + section.page-header.page-header-xlg {
 +
padding:280px 0;
 +
padding-top:420px;
 +
}
 +
 +
#header.translucent + section.page-header.page-header-lg {
 +
padding-top:350px;
 +
}
 +
 +
/* on scroll */
 +
#header.fixed.translucent{
 +
background-color:#fff;
 +
}
 +
#header.fixed.dark,
 +
#header.fixed.dark.translucent {
 +
background-color:#333;
 +
border:0;
 +
}
 +
#header.fixed.translucent ul.nav-second-main li a,
 +
#header.fixed.translucent ul.nav-second-main li a>i,
 +
#header.fixed.translucent #topMain.nav-pills>li>a {
 +
color:#151515;
 +
}
 +
#header.fixed.dark.translucent ul.nav-second-main li a,
 +
#header.fixed.dark.translucent ul.nav-second-main li a>i,
 +
#header.fixed.dark.translucent #topMain.nav-pills>li>a {
 +
color:#fff;
 +
}
 +
 +
@media only screen and (max-width: 768px) {
 +
#header.transparent + section.page-header {
 +
margin-top:0;
 +
}
 +
}
 +
 +
 +
 +
/* BOTTOM HEADER */
 +
#header.bottom {
 +
position:absolute;
 +
top:auto; bottom:0;
 +
border-bottom:rgba(0,0,0,0.05) 1px solid;
 +
}
 +
#header.bottom.fixed {
 +
top:0; bottom:auto;
 +
}
 +
#header.bottom.sticky {
 +
position:absolute;
 +
}
 +
#header.bottom.fixed.sticky {
 +
position:fixed;
 +
}
 +
#header.bottom.dropup #topMain>li>ul.dropdown-menu ul.dropdown-menu {
 +
bottom: auto;
 +
box-shadow:none;
 +
}
 +
#header.bottom.dropup ul.dropdown-menu {
 +
bottom:94px;
 +
}
 +
#header.header-md.bottom.dropup ul.dropdown-menu {
 +
bottom:68px;
 +
}
 +
#header.header-sm.bottom.dropup ul.dropdown-menu {
 +
bottom:58px;
 +
}
 +
#header.bottom.dropup.slim ul.dropdown-menu {
 +
bottom:53px;
 +
}
 +
#header.bottom.dropup .nav-second-main .quick-cart-box,
 +
#header.bottom.dropup .nav-second-main .search-box {
 +
top:auto; bottom:100%;
 +
margin-bottom:39px;
 +
box-shadow: 5px -5px rgba(91, 91, 91, 0.2);
 +
border-bottom:0
 +
}
 +
#header.bottom.header-md.dropup .nav-second-main .quick-cart-box,
 +
#header.bottom.header-md.dropup .nav-second-main .search-box {
 +
margin-bottom:23px;
 +
}
 +
#header.bottom.header-sm.dropup .nav-second-main .quick-cart-box,
 +
#header.bottom.header-sm.dropup .nav-second-main .search-box {
 +
margin-bottom:20px;
 +
}
 +
 +
#header.bottom.dropup ul.dropdown-menu:before {
 +
top:auto;
 +
bottom: -10px !important;
 +
border-bottom:0 !important;
 +
border-top: rgba(255,255,255,1) 10px solid;
 +
}
 +
#header.bottom.dropup.dark ul.dropdown-menu:before {
 +
border-top: rgba(33,33,33,0.95) 10px solid !important;
 +
}
 +
 +
#header.bottom  + #slider {
 +
margin-bottom:94px;
 +
}
 +
#header.header-md.bottom  + #slider {
 +
margin-bottom:70px;
 +
}
 +
#header.header-sm.bottom  + #slider {
 +
margin-bottom:60px;
 +
}
 +
#header.header-sm.bottom.transparent + #slider,
 +
#header.header-sm.bottom.translucent + #slider {
 +
margin-bottom:0;
 +
}
 +
 +
#header.bottom + #slider > .swiper-container .swiper-pagination {
 +
top:0 !important;
 +
bottom:auto;
 +
}
 +
 +
@media only screen and (max-width: 992px) {
 +
#header.bottom {
 +
top:0; bottom:auto;
 +
}
 +
#header.bottom.sticky {
 +
position:relative !important;
 +
}
 +
#header.bottom.transparent ul.nav-second-main li a,
 +
#header.bottom.transparent ul.nav-second-main li a>i,
 +
#header.bottom.transparent #topNav button.btn-mobile {
 +
color:#212121;
 +
}
 +
#header.bottom + #slider > .swiper-container .swiper-pagination {
 +
top:auto !important;
 +
bottom:10px;
 +
}
 +
#header.bottom.dropup .nav-second-main .quick-cart-box,
 +
#header.bottom.dropup .nav-second-main .search-box {
 +
bottom:auto;
 +
}
 +
}
 +
 +
 +
/* STATIC HEADER */
 +
#header.bottom.static + #slider {
 +
margin-bottom:0;
 +
}
 +
#header.bottom.static {
 +
border-top:rgba(0,0,0,0.15) 1px solid;
 +
}
 +
#header.bottom.static.dark {
 +
border-top:rgba(255,255,255,0.15) 1px solid;
 +
}
 +
#header.bottom.static .nav-second-main .quick-cart-box,
 +
#header.bottom.static .nav-second-main .search-box,
 +
#header.bottom.static .nav-second-main .quick-cart-box,
 +
#header.bottom.static .nav-second-main .search-box {
 +
border:rgba(0,0,0,0.15) 1px solid;
 +
border-bottom:0;
 +
}
 +
#header.bottom.static.dark .nav-second-main .quick-cart-box,
 +
#header.bottom.static.dark .nav-second-main .search-box,
 +
#header.bottom.static.dark .nav-second-main .quick-cart-box,
 +
#header.bottom.static.dark .nav-second-main .search-box {
 +
border:rgba(255,255,255,0.15) 1px solid;
 +
border-bottom:0;
 +
}
 +
@media only screen and (max-width: 992px) {
 +
#header.static {
 +
/*position:relative !important;*/
 +
}
 +
}
 +
 +
#header.static:not(.transparent) + section.page-header {
 +
margin-top:60px;
 +
}
 +
 +
 +
 +
/* fullwidth container */
 +
#topNav .full-container {
 +
display:block;
 +
margin:0 15px;
 +
}
 +
 +
/* remove bootstrap issue */
 +
#topNav ul.dropdown-menu>li,
 +
#topNav ul.dropdown-menu>li a {
 +
background-color:transparent;
 +
}
 +
#topNav .nav-pills>li+li {
 +
margin-left:0;
 +
}
 +
 +
/* search */
 +
#header li.search .search-box form {
 +
margin:0;
 +
}
 +
 +
 +
/* Medium Height : 70 */
 +
#header.header-md #topNav a.logo {
 +
height:70px;
 +
line-height:50px;
 +
}
 +
#header.header-md #topNav a.logo>img {
 +
height:70px;
 +
}
 +
#header.header-md #topNav #topMain>li>a {
 +
height:70px;
 +
line-height:70px;
 +
}
 +
@media only screen and (max-width: 992px) {
 +
#header.header-md #topMain.nav-pills>li>a {
 +
color:#212121;
 +
}
 +
#header.header-md #topMain.nav-pills>li.active>a,
 +
#header.header-md #topMain.nav-pills>li>a:hover {
 +
color:#212121;
 +
background-color:rgba(0,0,0,0.02);
 +
}
 +
}
 +
 +
 +
/* Small Height : 60px */
 +
#header.header-sm #topNav a.logo {
 +
height:60px;
 +
line-height:50px;
 +
}
 +
#header.header-sm #topNav a.logo>img {
 +
height:60px;
 +
}
 +
#header.header-sm #topNav #topMain>li>a {
 +
height:60px;
 +
line-height:60px;
 +
}
 +
@media only screen and (max-width: 992px) {
 +
#header.header-sm #topMain.nav-pills>li>a {
 +
color:#212121;
 +
}
 +
#header.header-sm #topMain.nav-pills>li.active>a,
 +
#header.header-sm #topMain.nav-pills>li>a:hover {
 +
color:#212121;
 +
background-color:rgba(0,0,0,0.02);
 +
}
 +
}
 +
 +
 +
/* Sticky 60px */
 +
#header.fixed {
 +
position:fixed;
 +
border-bottom:rgba(0,0,0,0.08) 1px solid;
 +
}
 +
#header.fixed #topNav a.logo {
 +
height:60px;
 +
line-height:50px;
 +
}
 +
#header.fixed #topNav a.logo>img {
 +
height:60px;
 +
}
 +
#header.fixed #topNav #topMain>li>a {
 +
height:60px;
 +
line-height:60px;
 +
}
 +
 +
 +
/* Static */
 +
#header.static {
 +
position:fixed;
 +
}
 +
#header.static:not(.transparent) {
 +
border-bottom:rgba(0,0,0,0.08) 1px solid;
 +
}
 +
 +
 +
@media only screen and (max-width: 992px) {
 +
#header.header-sm #topMain.nav-pills>li>a,
 +
#header.header-md #topMain.nav-pills>li>a {
 +
color:#212121;
 +
}
 +
#header.header-sm #topMain.nav-pills>li.active>a,
 +
#header.header-sm #topMain.nav-pills>li>a:hover,
 +
#header.header-md #topMain.nav-pills>li.active>a,
 +
#header.header-md #topMain.nav-pills>li>a:hover {
 +
color:#212121;
 +
background-color:rgba(0,0,0,0.02);
 +
}
 +
 +
#header.transparent.header-sm #topMain.nav-pills>li>a,
 +
#header.transparent.header-md #topMain.nav-pills>li>a,
 +
#header.transparent.header-sm #topMain.nav-pills>li.active>a,
 +
#header.transparent.header-sm #topMain.nav-pills>li>a:hover,
 +
#header.transparent.header-md #topMain.nav-pills>li.active>a,
 +
#header.transparent.header-md #topMain.nav-pills>li>a:hover {
 +
color:#fff;
 +
}
 +
 +
#header.transparent #topMain,
 +
#header .submenu-dark #topMain {
 +
background-color:#333;
 +
}
 +
#header.dark #topMain.nav-pills>li.active>a,
 +
#header.dark #topMain.nav-pills>li:hover>a,
 +
#header.dark #topMain.nav-pills>li>a {
 +
color:#333;
 +
}
 +
#header.dark .submenu-dark #topMain.nav-pills>li.active>a,
 +
#header.dark .submenu-dark #topMain.nav-pills>li:hover>a,
 +
#header.dark .submenu-dark #topMain.nav-pills>li>a {
 +
color:#fff;
 +
}
 +
#header.dark #topMain.nav-pills>li.active>a {
 +
background-color:rgba(0,0,0,0.1);
 +
}
 +
}
 +
 +
 +
 +
/*
 +
Top Bar
 +
*/
 +
#topBar {
 +
display:block;
 +
background-color:#fff;
 +
border-bottom:rgba(0,0,0,0.05) 1px solid;
 +
}
 +
#topBar>.border-bottom {
 +
border-bottom:rgba(0,0,0,0.05) 1px solid;
 +
}
 +
#topBar>.border-top {
 +
border-top:rgba(0,0,0,0.05) 1px solid;
 +
}
 +
#topBar,
 +
#topBar>.container {
 +
min-height: 39px;
 +
}
 +
 +
#topBar.dark {
 +
color:#ccc;
 +
background-color:#363839;
 +
border-bottom-color:rgba(255,255,255,0.1);
 +
}
 +
#topBar.dark .dropdown-menu a,
 +
#topBar.dark ul.top-links>li>a {
 +
color:#fff;
 +
}
 +
#topBar.dark .dropdown-menu a:hover {
 +
color:#fff !important;
 +
background-color:#333;
 +
}
 +
#topBar.dark ul.top-links>li {
 +
border-right: rgba(255,255,255,0.1) 1px solid;
 +
}
 +
 +
body.boxed #topBar.dark ul.top-links>li {
 +
border-right:0;
 +
}
 +
#topBar.dark .dropdown-menu {
 +
background-color:#363839;
 +
}
 +
#topBar.dark .dropdown-menu .divider {
 +
background-color:#444;
 +
}
 +
#topBar.dark>.border-bottom {
 +
border-bottom-color:rgba(255,255,255,0.1);
 +
}
 +
#topBar.dark>.border-top {
 +
border-top-color:rgba(255,255,255,0.1);
 +
}
 +
 +
/* Logo */
 +
#topBar .logo {
 +
display:inline-block;
 +
}
 +
#topBar .logo img {
 +
-webkit-transition: width .4s ease, height .4s ease;
 +
-o-transition: width .4s ease, height .4s ease;
 +
transition: width .4s ease, height .4s ease;
 +
}
 +
#topBar .logo.has-banner {
 +
height:100px;
 +
line-height:100px;
 +
 +
}
 +
 +
/* banner */
 +
#topBar .banner {
 +
margin:5px 0;
 +
display:inline-block;
 +
padding-left:5px;
 +
border-left:rgba(0,0,0,0.05) 1px solid;
 +
}
 +
#topBar.dark .banner {
 +
border-left-color:rgba(255,255,255,0.05) 1px solid;
 +
}
 +
 +
/* social Icon */
 +
#topBar .social-icon {
 +
margin:3px 0 0 0;
 +
}
 +
 +
/* Links */
 +
#topBar ul.top-links {
 +
float:left;
 +
margin:0;
 +
}
 +
#topBar ul.top-links>li {
 +
padding:0;
 +
display:inline-block;
 +
margin-left:-3px;
 +
position:relative;
 +
border-right:rgba(0,0,0,0.1) 1px solid;
 +
 +
}
 +
#topBar ul.top-links>li:hover >.dropdown-menu,
 +
#mainMenu ul.top-links>li:hover >.dropdown-menu {
 +
display:block !important;
 +
}
 +
#topBar ul.top-links>li .dropdown-menu {
 +
z-index:3000;
 +
}
 +
#topBar ul.top-links>li>a {
 +
padding:10px;
 +
font-size:12px;
 +
color:#151515;
 +
display:block;
 +
text-decoration:none;
 +
}
 +
#topBar ul.top-links>li>a:hover {
 +
background-color:rgba(0,0,0,0.01);
 +
}
 +
#topBar ul.top-links>li>a>i {
 +
margin-right:5px;
 +
filter: alpha(opacity=30);
 +
opacity:0.3;
 +
}
 +
@media only screen and (max-width: 768px) {
 +
#topBar {
 +
text-align:center;
 +
}
 +
#topBar ul.top-links {
 +
display:inline-block;
 +
float:none;
 +
margin:0 auto;
 +
}
 +
#topBar ul.top-links>li:last-child>a {
 +
border-right:0;
 +
}
 +
}
 +
#topBar ul.top-links li.text-welcome {
 +
padding:0 15px;
 +
font-size:12px;
 +
}
 +
 +
/* Drop Downs & Lang */
 +
#topBar ul.dropdown-menu {
 +
min-width:50px;
 +
margin:0; padding:0;
 +
margin-left:-1px;
 +
}
 +
#topBar ul.dropdown-menu>li>a {
 +
padding:8px 6px;
 +
font-size:12px;
 +
}
 +
#topBar ul.dropdown-langs>li>a {
 +
padding:3px 6px;
 +
font-size:12px;
 +
}
 +
#topBar ul.top-links>li>a>img.flag-lang {
 +
float:left;
 +
margin-top:3px;
 +
margin-right:6px;
 +
}
 +
#topBar ul.dropdown-menu>li>a>i {
 +
margin-right:6px;
 +
}
 +
#topBar ul.dropdown-langs>li:hover>a {
 +
color:#000 !important;
 +
background-color:#eee;
 +
}
 +
#topBar ul.dropdown-menu>li.divider {
 +
margin:0; padding:0;
 +
border-bottom:0;
 +
height:1px;
 +
}
 +
 +
 +
 +
 +
/*
 +
Nav Second Main
 +
- search, etc
 +
*/
 +
#header ul.nav-second-main {
 +
border-left:rgba(0,0,0,0.1) 1px solid;
 +
padding-left:15px;
 +
margin-top: 39px;
 +
 +
-webkit-transition: all .300s;
 +
  -moz-transition: all .300s;
 +
-o-transition: all .300s;
 +
transition: all .300s;
 +
}
 +
#header.fixed ul.nav-second-main {
 +
margin-top:20px;
 +
}
 +
#header.header-sm ul.nav-second-main {
 +
margin-top:20px;
 +
}
 +
#header.header-md ul.nav-second-main {
 +
margin-top:23px;
 +
}
 +
#header.fixed.header-sm ul.nav-second-main.nav-social,
 +
#header.fixed.header-md ul.nav-second-main.nav-social {
 +
margin-top:18px;
 +
}
 +
#header ul.nav-second-main.nav-social a {
 +
margin-left:10px !important;
 +
}
 +
#header ul.nav-second-main.nav-social>li:first-child a {
 +
margin-left:10px !important;
 +
}
 +
#header.fixed ul.nav-second-main.nav-social a>i:hover {
 +
color: #fff !important;
 +
}
 +
#header ul.nav-second-main li {
 +
padding-top:33px;
 +
padding:0 5px 0px 5px;
 +
}
 +
#header ul.nav-second-main li>a {
 +
background-color:transparent;
 +
color:#666;
 +
padding:0 3px;
 +
display:block;
 +
}
 +
#header ul.nav-second-main li i {
 +
font-size:18px;
 +
width: 20px;
 +
height: 20px;
 +
margin:0;
 +
padding:0;
 +
 +
opacity:0.6;
 +
filter: alpha(opacity=60);
 +
 +
-webkit-transition: all .300s;
 +
  -moz-transition: all .300s;
 +
-o-transition: all .300s;
 +
transition: all .300s;
 +
}
 +
#header ul.nav-second-main li:hover i {
 +
opacity:1;
 +
filter: alpha(opacity=100);
 +
}
 +
#header ul.nav-second-main li .badge {
 +
padding:3px 6px;
 +
}
 +
 +
/* dark & color menu */
 +
#header.transparent ul.nav-second-main li a,
 +
#header.transparent ul.nav-second-main li a>i,
 +
#header.color ul.nav-second-main li a,
 +
#header.color ul.nav-second-main li a>i,
 +
#header.dark ul.nav-second-main li a,
 +
#header.dark ul.nav-second-main li a>i {
 +
color:#fff;
 +
 +
opacity:1;
 +
filter: alpha(opacity=100);
 +
}
 +
 +
@media only screen and (max-width: 992px) {
 +
#header ul.nav-second-main {
 +
margin:15px 15px 0 0;
 +
border:0;
 +
}
 +
#header ul.nav-second-main li {
 +
padding:0;
 +
padding-top:6px;
 +
}
 +
#header ul.nav-second-main {
 +
-webkit-transition: all 0s;
 +
  -moz-transition: all 0s;
 +
-o-transition: all 0s;
 +
transition: all 0s;
 +
}
 +
#header.fixed ul.nav-second-main li {
 +
padding-top:0;
 +
}
 +
#header.header-md ul.nav-second-main li>a,
 +
#header.header-sm ul.nav-second-main li>a {
 +
margin-top:-6px;
 +
}
 +
 +
/* header social */
 +
#header.header-md ul.nav-second-main {
 +
margin-top:20px;
 +
}
 +
#header.fixed.header-sm ul.nav-second-main.nav-social,
 +
#header.fixed.header-md ul.nav-second-main.nav-social {
 +
margin-top:26px;
 +
}
 +
 +
/* header translucent fix */
 +
#header.header-md.translucent ul.nav-second-main {
 +
margin-top:23px;
 +
}
 +
#header.header-md.translucent.fixed ul.nav-second-main {
 +
margin-top:29px;
 +
}
 +
 +
}
 +
 +
 +
/** ************************************************************* **/
 +
/* submenu */
 +
#topNav ul.dropdown-menu {
 +
text-align:left;
 +
margin-top: 0;
 +
box-shadow:none;
 +
border:#eee 1px solid;
 +
border-top:#eee 1px solid;
 +
list-style:none;
 +
background:#fff;
 +
background-color:#fff;
 +
box-shadow:rgba(0,0,0,0.2) 0 6px 12px;
 +
min-width:200px;
 +
padding:0;
 +
 +
border-color: #1ABC9C #fff #fff;
 +
 +
-webkit-transition: top .4s ease;
 +
-o-transition: top .4s ease;
 +
transition: top .4s ease;
 +
 +
-webkit-border-radius: 0;
 +
  -moz-border-radius: 0;
 +
border-radius: 0;
 +
}
 +
#topNav ul.dropdown-menu ul.dropdown-menu {
 +
margin-top: -1px !important; /* -1px required for border-top menu */
 +
}
 +
 +
#topNav ul.dropdown-menu li {
 +
position:relative;
 +
/*border-bottom: rgba(0,0,0,0.06) 1px solid;*/
 +
}
 +
/*
 +
#topNav .submenu-dark ul.dropdown-menu li {
 +
border-bottom-color: rgba(0,0,0,0.2);
 +
}
 +
*/
 +
#topNav ul.dropdown-menu li:last-child {
 +
border-bottom:0;
 +
}
 +
#topNav ul.dropdown-menu li a {
 +
margin:0;
 +
padding:7px 15px;
 +
font-weight:400;
 +
line-height:23px;
 +
 +
color:#666;
 +
font-size:12px;
 +
display:block;
 +
text-decoration:none;
 +
}
 +
#topNav ul.dropdown-menu>li a i {
 +
margin-right:6px;
 +
font-size:12px;
 +
}
 +
#topNav ul.dropdown-menu a.dropdown-toggle {
 +
background-position: right center;
 +
background-repeat: no-repeat;
 +
}
 +
#topNav ul.dropdown-menu li.active>a,
 +
#topNav ul.dropdown-menu li.active:hover>a,
 +
#topNav ul.dropdown-menu li.active:focus>a,
 +
#topNav ul.dropdown-menu li:hover>a,
 +
#topNav ul.dropdown-menu li:focus>a,
 +
#topNav ul.dropdown-menu li:focus>a {
 +
color:#000;
 +
background-color:rgba(0,0,0,0.05);
 +
}
 +
 +
#topNav ul.dropdown-menu li.divider {
 +
margin:-1px 0 0 0;
 +
padding:0; border:0;
 +
background-color:rgba(0,0,0,0.1);
 +
}
 +
#topNav .nav li:hover>ul.dropdown-menu {
 +
padding:0;
 +
display:block;
 +
z-index:100;
 +
}
 +
#topNav ul.dropdown-menu li .badge {
 +
margin-top:4px;
 +
}
 +
 +
/* sub-submenu */
 +
#topNav ul.dropdown-menu>li:hover > ul.dropdown-menu {
 +
display:block;
 +
position:absolute;
 +
left:100%; top:0;
 +
padding:0; margin:0;
 +
border-left:0 !important;
 +
border-right:0 !important;
 +
border-bottom:0 !important;
 +
}
 +
/** ************************************************************* **/
 +
 +
 +
/* onepage active link */
 +
#topMain.nav-onepage>li.active>a {
 +
font-weight:bold;
 +
}
 +
 +
 +
/** Responsive Top Nav
 +
********************* **/
 +
@media only screen and (max-width: 992px) {
 +
.navbar-collapse {
 +
height:100%;
 +
}
 +
form.mobile-search {
 +
display:block;
 +
}
 +
 +
#topNav div.nav-main-collapse {
 +
padding:0; margin:0;
 +
}
 +
#topNav button.btn-mobile {
 +
display:block;
 +
float:right;
 +
margin-right:0;
 +
 +
-webkit-transition: none;
 +
  -moz-transition: none;
 +
-o-transition: none;
 +
transition: none;
 +
}
 +
#header.dark #topNav button.btn-mobile,
 +
#header.transparent #topNav button.btn-mobile,
 +
#header.theme-color #topNav button.btn-mobile {
 +
color:#fff;
 +
}
 +
#topNav nav.nav-main {
 +
background-color:#fff;
 +
}
 +
#topNav div.nav-main-collapse,
 +
#topNav div.nav-main-collapse.in {
 +
width: 100%;
 +
margin:-1px 0 0 0;
 +
}
 +
#topNav div.nav-main-collapse {
 +
float: none;
 +
overflow-x:hidden;
 +
max-height:350px;
 +
}
 +
 +
 +
 +
 +
 +
/* ======================== MOBILE MENU V2 ===================== */
 +
html.noscroll,
 +
html.noscroll body {
 +
overflow: hidden !important;
 +
}
 +
 +
#header.fixed #topNav div.nav-main-collapse,
 +
#topNav div.nav-main-collapse {
 +
max-height:100% !important;
 +
height:100%;
 +
width: 100%;
 +
position: fixed !important;
 +
left:0 !important; right:0; bottom:0; top:0;
 +
z-index:9999 !important;
 +
overflow-y: scroll !important;
 +
padding-top:58px !important;
 +
margin:0 !important;
 +
}
 +
#topNav div.nav-main-collapse {
 +
-webkit-overflow-scrolling: touch; /* iOS smooth scroll */
 +
    -webkit-animation: fadeIn .3s !important;
 +
            animation: fadeIn .3s !important;
 +
}
 +
 +
#header.fixed #topNav button.btn-mobile-active,
 +
#topNav button.btn-mobile-active {
 +
position: fixed !important;
 +
z-index:999999 !important;
 +
background-color: #232323;
 +
height: 60px !important;
 +
top:0 !important;
 +
width: 100%;
 +
left:0; right:0;
 +
margin: 0 !important;
 +
opacity: 0.9;
 +
 +
}
 +
#topNav button.btn-mobile-active>i {
 +
float:right;
 +
margin-right:10px;
 +
margin-left:10px;
 +
color: #fff !important;
 +
font-size:30px;
 +
}
 +
#topNav button.btn-mobile-active>i:before {
 +
content: "\f00d" !important;
 +
}
 +
 +
#menu-overlay {
 +
position: fixed;
 +
top:0; bottom:0;
 +
left:0; right:0;
 +
width: 100%;
 +
height: 100%;
 +
background-color: rgba(0,0,0,0.4);
 +
z-index:10 !important;
 +
}
 +
 +
/* dropdown background color */
 +
#topMain,
 +
#topNav ul.dropdown-menu {
 +
color: #fff;
 +
background-color: #333;
 +
display: block;
 +
}
 +
#topNav ul.dropdown-menu {
 +
border: 0;
 +
}
 +
#topMain>li>a {
 +
color: #fff !important;
 +
}
 +
#topNav ul.dropdown-menu li>a {
 +
color: #fbfbfb !important;
 +
}
 +
#topMain>li>a,
 +
#topNav ul.dropdown-menu li>a {
 +
font-size:15px !important;
 +
}
 +
/* ====================== END MOBILE MENU V2 ==================== */
 +
 +
 +
 +
#topNav div.nav-main-collapse.collapse:not(.show) {
 +
display: none;
 +
}
 +
#topNav div.nav-main-collapse.in {
 +
display: block !important;
 +
}
 +
#topNav div.nav-main-collapse {
 +
position: relative;
 +
}
 +
 +
 +
 +
#topMain>li>a>span {
 +
display:none !important;
 +
}
 +
#topMain li {
 +
display:block !important;
 +
float:none;
 +
text-align:left;
 +
 +
-webkit-border-radius: 0;
 +
  -moz-border-radius: 0;
 +
border-radius: 0;
 +
}
 +
#topMain li a {
 +
text-align:left;
 +
border:0;
 +
height:auto;
 +
line-height:15px;
 +
 +
-webkit-border-radius: 0;
 +
  -moz-border-radius: 0;
 +
border-radius: 0;
 +
}
 +
#topMain>li:hover,
 +
#topMain>li:hover>a {
 +
border-top:0 !important;
 +
}
 +
#topMain>li>a {
 +
height:auto;
 +
line-height:auto;
 +
}
 +
 +
/* submenu */
 +
#topMain ul.dropdown-menu {
 +
position: static;
 +
clear: both;
 +
float: none;
 +
display: none !important;
 +
border-left:0 !important;
 +
 +
-webkit-box-shadow: none;
 +
  -moz-box-shadow: none;
 +
box-shadow: none;
 +
}
 +
 +
#topNav nav.nav-main li.resp-active > ul.dropdown-menu {
 +
display: block !important;
 +
margin-left:30px;
 +
margin-right:30px;
 +
padding:20px 0;
 +
border-right:0;
 +
}
 +
#topNav nav.nav-main li.resp-active > ul.dropdown-menu li {
 +
border-left:0;
 +
}
 +
 +
#topNav ul.nav>li:hover>a:before,
 +
#topNav ul.nav>li.active>a:before {
 +
background-color:transparent;
 +
}
 +
 +
#topNav ul.dropdown-menu>li:hover > ul.dropdown-menu {
 +
position:static;
 +
}
 +
 +
#topNav div.submenu-dark ul.dropdown-menu {
 +
border-top:0;
 +
}
 +
 +
 +
/** sub menu */
 +
#topNav nav.nav-main li.resp-active > ul.dropdown-menu {
 +
margin:0; padding:0;
 +
}
 +
#topNav nav.nav-main li > ul.dropdown-menu li a {
 +
padding-left:40px;
 +
width: 100%;
 +
display: block;
 +
}
 +
 +
#topNav .dropdown-menu.float-right,
 +
#topNav .dropdown-menu.float-left {
 +
float:none !important;
 +
}
 +
}
 +
 +
@media only screen and (max-width: 500px) {
 +
#topNav div.nav-main-collapse {
 +
max-height:290px;
 +
overflow-y:auto;
 +
}
 +
}
 +
 +
 +
 +
/* Mega Menu */
 +
#topNav #topMain>li.mega-menu {
 +
  position: inherit;
 +
  color:#fff;
 +
 +
}
 +
#topNav #topMain>li.mega-menu>ul {
 +
  max-width:100%;
 +
  width: 100%;
 +
  top: inherit;
 +
}
 +
#topNav #topMain>li.mega-menu div.row {
 +
display:table;
 +
margin:0;
 +
padding:0;
 +
width:100%;
 +
}
 +
#topNav #topMain>li.mega-menu div.row div {
 +
display:table-cell;
 +
border-left: rgba(0,0,0,0.1) 1px solid;
 +
margin-left: -1px;
 +
display: table-cell;
 +
vertical-align: top;
 +
float: none;
 +
 +
margin:0;
 +
padding:15px 0 0 0;
 +
}
 +
#topNav #topMain>li.mega-menu div.row>div:first-child {
 +
border-left:0 !important;
 +
}
 +
#topNav #topMain>li.mega-menu div.row div>ul>li>span {
 +
color:#111;
 +
font-weight:bold;
 +
display:block;
 +
padding:6px 15px 15px 15px;
 +
}
 +
@media only screen and (max-width: 992px) {
 +
#topNav #topMain>li.mega-menu div.row div>ul>li>span {
 +
color:#fff;
 +
}
 +
}
 +
#topNav #topMain>li.mega-menu div.row div:first-child {
 +
border-left:0;
 +
}
 +
#topNav #topMain>li.mega-menu div.row div>ul>li+li>span {
 +
margin-top:25px;
 +
}
 +
 +
 +
/* LIGHT SUBMENU */
 +
#topNav ul.dropdown-menu a.dropdown-toggle {
 +
background-image: url('../images/_smarty/submenu_light.png');
 +
}
 +
 +
 +
/* DARK SUBMENU */
 +
#topNav div.submenu-dark ul.dropdown-menu {
 +
background:#333;
 +
background-color:#333;
 +
}
 +
#topNav div.submenu-dark ul.dropdown-menu a.dropdown-toggle {
 +
background-image: url('../images/_smarty/submenu_dark.png');
 +
}
 +
#topNav div.submenu-dark ul.dropdown-menu li.active>a,
 +
#topNav div.submenu-dark ul.dropdown-menu li.active:hover>a,
 +
#topNav div.submenu-dark ul.dropdown-menu li.active:focus>a,
 +
#topNav div.submenu-dark ul.dropdown-menu li:hover>a,
 +
#topNav div.submenu-dark ul.dropdown-menu li:focus>a,
 +
#topNav div.submenu-dark ul.dropdown-menu li:focus>a {
 +
color:#fff;
 +
background-color:rgba(0,0,0,0.15);
 +
}
 +
#topNav div.submenu-dark ul.dropdown-menu li.divider {
 +
background-color:rgba(255,255,255,0.1);
 +
}
 +
#topNav div.submenu-dark ul.dropdown-menu>li a {
 +
color:#ccc;
 +
}
 +
#topNav div.submenu-dark #topMain>li.mega-menu div.row div>ul>li>span {
 +
color:#fff;
 +
}
 +
#topNav div.submenu-dark #topMain>li.mega-menu div.row>div {
 +
border-left: rgba(0,0,0,0.2) 1px solid;
 +
}
 +
 +
@media only screen and (max-width: 992px) {
 +
#topNav div.submenu-dark li>a {
 +
color: #fff !important;
 +
}
 +
#header.translucent #topMain,
 +
#header.dark.transparent #topMain {
 +
background-color: #333 !important;
 +
}
 +
}
 +
 +
 +
 +
 +
/** Page Menu
 +
**************************************************************** **/
 +
#page-menu {
 +
  position: relative;
 +
  height: 44px;
 +
  line-height: 46px;
 +
  background-color:#333;
 +
  color:#fff;
 +
  text-shadow:rgba(0,0,0,.1) 1px 1px 1px;
 +
  z-index:100;
 +
  overflow:hidden;
 +
}
 +
#page-menu ul {
 +
margin:0;
 +
line-height: 44px;
 +
}
 +
#page-menu ul>li {
 +
line-height: 44px;
 +
float:left;
 +
}
 +
#page-menu ul>li>a {
 +
color:#fff;
 +
height:44px;
 +
padding:0 10px;
 +
display:inline-block;
 +
text-decoration:none;
 +
 +
-webkit-transition: all .300s;
 +
  -moz-transition: all .300s;
 +
-o-transition: all .300s;
 +
transition: all .300s;
 +
}
 +
#page-menu ul>li>a>i {
 +
margin-right:5px;
 +
}
 +
#page-menu ul>li:hover,
 +
#page-menu ul>li.active {
 +
background-color:rgba(0,0,0,0.3);
 +
}
 +
#page-menu nav {
 +
position:relative;
 +
}
 +
#page-menu ul.list-inline.dropdown-menu {
 +
display:block;
 +
}
 +
#page-menu-mobile {
 +
display:none;
 +
font-size:21px;
 +
 +
background-color:rgba(0,0,0,0.2);
 +
height:44px;
 +
width:44px;
 +
}
 +
@media only screen and (min-width: 990px) {
 +
#page-menu ul {
 +
display:block !important;
 +
}
 +
}
 +
@media only screen and (max-width: 992px) {
 +
#page-menu {
 +
overflow:visible;
 +
}
 +
#page-menu ul>li {
 +
float:none !important;
 +
}
 +
 +
#page-menu-mobile {
 +
display:inline-block;
 +
}
 +
#page-menu ul {
 +
display:none;
 +
position:absolute;
 +
min-width:200px;
 +
}
 +
#page-menu nav.float-right ul {
 +
right:-15px;
 +
top:44px;
 +
}
 +
#page-menu nav.float-left ul {
 +
left:-15px;
 +
top:44px;
 +
}
 +
#page-menu nav.float-right #page-menu-mobile {
 +
margin-right:-15px;
 +
}
 +
#page-menu nav.float-left #page-menu-mobile {
 +
margin-left:-15px;
 +
}
 +
#page-menu ul>li,
 +
#page-menu ul>li>a {
 +
color:#fff !important;
 +
display:block;
 +
float:none;
 +
}
 +
#page-menu ul>li>a {
 +
color:#ccc;
 +
}
 +
}
 +
 +
 +
 +
/* page menu light */
 +
#page-menu.page-menu-light {
 +
color:#151515;
 +
text-shadow:rgba(255,255,255,.1) 1px 1px 1px;
 +
background-color:rgba(0,0,0,0.1);
 +
}
 +
#page-menu.page-menu-light ul {
 +
background-color:rgba(0,0,0,0.02) !important;
 +
}
 +
#page-menu.page-menu-light ul li {
 +
border-left:rgba(0,0,0,0.05) 1px solid;
 +
}
 +
#page-menu.page-menu-light ul li:hover {
 +
background-color:rgba(0,0,0,0.02);
 +
}
 +
#page-menu.page-menu-light ul li a {
 +
color:#151515;
 +
}
 +
#page-menu.page-menu-light ul li.active a {
 +
color:#fff;
 +
}
 +
 +
 +
/* page menu dark */
 +
#page-menu.page-menu-dark {
 +
background-color:#444;
 +
}
 +
#page-menu.page-menu-dark ul {
 +
background-color:#666 !important;
 +
}
 +
#page-menu.page-menu-dark ul li {
 +
border-left:#444 1px solid;
 +
}
 +
 +
 +
/*
 +
page menu color
 +
*/
 +
#page-menu.page-menu-color ul li {
 +
border-left:rgba(0,0,0,0.1) 1px solid;
 +
}
 +
 +
/* page menu transparent */
 +
#page-menu.page-menu-transparent {
 +
color:#151515;
 +
border-top:rgba(0,0,0,0.05) 1px solid;
 +
border-bottom:rgba(0,0,0,0.05) 1px solid;
 +
text-shadow:rgba(255,255,255,.1) 1px 1px 1px;
 +
background-color:transparent;
 +
}
 +
#page-menu.page-menu-transparent ul {
 +
background-color:transparent !important;
 +
}
 +
#page-menu.page-menu-transparent ul li {
 +
border-left:#fafafa 1px solid;
 +
}
 +
#page-menu.page-menu-transparent ul li a {
 +
color:#212121;
 +
}
 +
#page-menu.page-menu-transparent ul li:hover {
 +
background-color:rgba(0,0,0,0.01);
 +
}
 +
#page-menu.page-menu-transparent ul li.active {
 +
background-color:rgba(0,0,0,0.05);
 +
margin-bottom:-1px;
 +
}
 +
 +
@media only screen and (max-width: 992px) {
 +
#page-menu.page-menu-light ul {
 +
background-color:#777 !important;
 +
}
 +
#page-menu.page-menu-transparent ul {
 +
background-color:#777 !important;
 +
}
 +
#page-menu.page-menu-transparent ul li.active {
 +
margin-bottom:0;
 +
}
 +
#page-menu ul li {
 +
border-left:0;
 +
}
 +
}
 +
 +
 +
 +
 +
/** BULLET NAV
 +
********************* */
 +
#nav-bullet {
 +
position: fixed;
 +
padding: 0;
 +
top: 50%;
 +
transform: translateY(-50%);
 +
right: 1em;
 +
z-index: 100;
 +
font-size:14px;
 +
}
 +
#nav-bullet ul {
 +
list-style: none;
 +
display: inline-block;
 +
padding: 0.92857143em;
 +
background: rgba(0, 0, 0, 0.4);
 +
border-radius: 1.85714286em;
 +
transition: all .2s ease;
 +
}
 +
#nav-bullet ul:hover {
 +
background: rgba(0, 0, 0, 0.6);
 +
}
 +
 +
#nav-bullet ul li:not(:last-child) {
 +
margin-bottom: 1.85714286em;
 +
}
 +
@media all and (max-width: 767px) {
 +
#nav-bullet {
 +
right: 0;
 +
}
 +
#nav-bullet ul {
 +
border-radius: 1.85714286em 0 0 1.85714286em;
 +
padding: 1.85714286em 0.92857143em;
 +
}
 +
}
 +
#nav-bullet li a {
 +
width: 8px;
 +
height: 8px;
 +
background: #fff;
 +
border-radius: 50%;
 +
transition: all .2s ease;
 +
display: block;
 +
position: relative;
 +
}
 +
#nav-bullet li a:not(:hover) {
 +
opacity: .5;
 +
}
 +
#nav-bullet li.active a {
 +
opacity: 1;
 +
animation: bulge .5s ease;
 +
-webkit-animation: bulge .5s ease;
 +
}
 +
@keyframes bulge {
 +
0% {
 +
transform: scale(1);
 +
}
 +
50% {
 +
transform: scale(1.3);
 +
}
 +
100% {
 +
transform: scale(1);
 +
}
 +
}
 +
@-webkit-keyframes bulge {
 +
0% {
 +
transform: scale(1);
 +
}
 +
50% {
 +
transform: scale(1.3);
 +
}
 +
100% {
 +
transform: scale(1);
 +
}
 +
}
 +
#nav-bullet li a[data-title]:before {
 +
content: attr(data-title);
 +
position: absolute;
 +
right: 12px;
 +
top: -14px;
 +
background: #222;
 +
color: #fff;
 +
border-radius: 6px;
 +
padding: 4px 8px;
 +
display: inline-block;
 +
transition: all .2s ease;
 +
white-space: nowrap;
 +
}
 +
#nav-bullet li a[data-title]:not(:hover):before {
 +
opacity: 0;
 +
transform: translateX(-20px);
 +
}
 +
 +
 +
 +
 +
 +
 +
/** Scroll To Top
 +
**************************************************************** **/
 +
#toTop {
 +
font-size:38px;
 +
line-height:33px;
 +
background-color: rgba(0,0,0,0.3);
 +
color: #FFF;
 +
position: fixed;
 +
height: 35px; width: 40px;
 +
right: 6px; bottom: 6px;
 +
text-align: center;
 +
text-transform: uppercase;
 +
opacity: 0.9;
 +
filter: alpha(opacity=90);
 +
text-decoration:none;
 +
display:none;
 +
z-index: 1000;
 +
 +
-webkit-border-radius: 2px !important;
 +
-moz-border-radius: 2px !important;
 +
border-radius: 2px !important;
 +
 +
-webkit-transition: all 0.2s;
 +
  -moz-transition: all 0.2s;
 +
-o-transition: all 0.2s;
 +
transition: all 0.2s;
 +
}
 +
#toTop:hover {
 +
background-color: rgba(0,0,0,0.7);
 +
}
 +
#toTop:before {
 +
font-family: "fontawesome";
 +
content: "\f102";
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
/** Preloader
 +
**************************************************************** **/
 +
#preloader {
 +
    position: fixed;
 +
    z-index: 9999999;
 +
    top: 0; bottom: 0;
 +
    right: 0; left: 0;
 +
 +
    background: #fff;
 +
}
 +
 +
.inner {
 +
    position: absolute;
 +
    top: 0; bottom: 0;
 +
    right: 0; left: 0;
 +
 +
    width: 54px;
 +
    height: 54px;
 +
    margin: auto;
 +
}
 +
 +
.page-loader{
 +
display:block;
 +
width: 100%;
 +
height: 100%;
 +
position: fixed;
 +
top: 0;
 +
left: 0;
 +
background: #fefefe;
 +
z-index: 100000;
 +
}
 +
 +
#preloader span.loader {
 +
  width: 50px;
 +
  height: 50px;
 +
  position: absolute;
 +
  top: 50%;
 +
  left: 50%;
 +
  margin: -25px 0 0 -25px;
 +
  font-size: 10px;
 +
  text-indent: -12345px;
 +
  border-top: 1px solid rgba(0,0,0, 0.08);
 +
  border-right: 1px solid rgba(0,0,0, 0.08);
 +
  border-bottom: 1px solid rgba(0,0,0, 0.08);
 +
  border-left: 1px solid rgba(0,0,0, 0.5);
 +
 
 +
  -webkit-border-radius: 50%;
 +
  -moz-border-radius: 50%;
 +
  border-radius: 50%;
 +
 
 +
  -webkit-animation: spinner 700ms infinite linear;
 +
  -moz-animation: spinner 700ms infinite linear;
 +
  -ms-animation: spinner 700ms infinite linear;
 +
  -o-animation: spinner 700ms infinite linear;
 +
  animation: spinner 700ms infinite linear;
 +
 
 +
  z-index: 100001;
 +
}
 +
 +
@-webkit-keyframes spinner {
 +
  0% {
 +
    -webkit-transform: rotate(0deg);
 +
    -moz-transform: rotate(0deg);
 +
    -ms-transform: rotate(0deg);
 +
    -o-transform: rotate(0deg);
 +
    transform: rotate(0deg);
 +
  }
 +
 +
  100% {
 +
    -webkit-transform: rotate(360deg);
 +
    -moz-transform: rotate(360deg);
 +
    -ms-transform: rotate(360deg);
 +
    -o-transform: rotate(360deg);
 +
    transform: rotate(360deg);
 +
  }
 +
}
 +
 +
@-moz-keyframes spinner {
 +
  0% {
 +
    -webkit-transform: rotate(0deg);
 +
    -moz-transform: rotate(0deg);
 +
    -ms-transform: rotate(0deg);
 +
    -o-transform: rotate(0deg);
 +
    transform: rotate(0deg);
 +
  }
 +
 +
  100% {
 +
    -webkit-transform: rotate(360deg);
 +
    -moz-transform: rotate(360deg);
 +
    -ms-transform: rotate(360deg);
 +
    -o-transform: rotate(360deg);
 +
    transform: rotate(360deg);
 +
  }
 +
}
 +
 +
@-o-keyframes spinner {
 +
  0% {
 +
    -webkit-transform: rotate(0deg);
 +
    -moz-transform: rotate(0deg);
 +
    -ms-transform: rotate(0deg);
 +
    -o-transform: rotate(0deg);
 +
    transform: rotate(0deg);
 +
  }
 +
 +
  100% {
 +
    -webkit-transform: rotate(360deg);
 +
    -moz-transform: rotate(360deg);
 +
    -ms-transform: rotate(360deg);
 +
    -o-transform: rotate(360deg);
 +
    transform: rotate(360deg);
 +
  }
 +
}
 +
 +
@keyframes spinner {
 +
  0% {
 +
    -webkit-transform: rotate(0deg);
 +
    -moz-transform: rotate(0deg);
 +
    -ms-transform: rotate(0deg);
 +
    -o-transform: rotate(0deg);
 +
    transform: rotate(0deg);
 +
  }
 +
 +
  100% {
 +
    -webkit-transform: rotate(360deg);
 +
    -moz-transform: rotate(360deg);
 +
    -ms-transform: rotate(360deg);
 +
    -o-transform: rotate(360deg);
 +
    transform: rotate(360deg);
 +
  }
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
/** Misc
 +
**************************************************************** **/
 +
.img-hover img {
 +
-webkit-transition: all .400s;
 +
  -moz-transition: all .400s;
 +
-o-transition: all .400s;
 +
transition: all .400s;
 +
}
 +
.img-hover:hover img {
 +
opacity: 0.8;
 +
filter: alpha(opacity=80);
 +
}
 +
.img-hover>.badge-absolute {
 +
position: absolute;
 +
border-radius:0 !important;
 +
padding:8px;
 +
z-index:100;
 +
}
 +
 +
/* ported from bootstrap 4 */
 +
ul.list-inline>li {
 +
display: inline-block;
 +
}
 +
 +
 +
ul.list-inline.list-separator>li:before {
 +
content: '/';
 +
display: inline-block;
 +
margin-right: 10px;
 +
opacity: .5;
 +
}
 +
ul.list-inline.list-separator>li:first-child:before {
 +
margin:0;
 +
content:'';
 +
}
 +
 +
.dropdown-menu {
 +
-webkit-border-radius: 0;
 +
  -moz-border-radius: 0;
 +
border-radius: 0;
 +
}
 +
 +
.navbar-toggle {
 +
border:0;
 +
 +
-webkit-border-radius: 0;
 +
  -moz-border-radius: 0;
 +
border-radius: 0;
 +
}
 +
 +
 +
.navbar-toggle {
 +
    position: relative;
 +
    float: right;
 +
    padding: 9px 10px;
 +
    margin-top: 8px;
 +
    margin-right: 15px;
 +
    margin-bottom: 8px;
 +
    background-color: transparent;
 +
    background-image: none;
 +
    border: 1px solid transparent;
 +
    border-radius: 4px;
 +
    display: none;
 +
}
 +
.navbar-toggle .icon-bar {
 +
display: block;
 +
    width: 22px;
 +
    height: 2px;
 +
    border-radius: 1px;
 +
    margin-bottom:3px;
 +
}
 +
.navbar-default .navbar-toggle .icon-bar {
 +
background-color:#111;
 +
}
 +
@media only screen and (max-width: 768px) {
 +
.navbar-toggle {
 +
display: inherit;
 +
}
 +
}
 +
 +
 +
/* infinite scroll */
 +
#infscr-loading {
 +
position: fixed;
 +
top: 50%; left: 50%;
 +
width: 68px; height: 68px;
 +
line-height: 68px;
 +
font-size: 30px;
 +
text-align: center;
 +
 +
color: #fff;
 +
margin: -34px 0 0 -34px;
 +
background-color: rgba(0,0,0,0.8);
 +
 +
-webkit-border-radius: 3px;
 +
  -moz-border-radius: 3px;
 +
border-radius: 3px;
 +
}
 +
 +
form .row {
 +
margin-bottom:20px;
 +
}
 +
form label {
 +
font-weight:bold;
 +
}
 +
table a {
 +
color:#666;
 +
}
 +
section.dark table a {
 +
color:#ddd;
 +
}
 +
 +
 +
 +
/* Featured OWL Carousel */
 +
.owl-carousel.featured .thumbnail.float-left {
 +
margin-right:20px;
 +
}
 +
.owl-carousel.featured .thumbnail.float-right {
 +
margin-left:20px;
 +
}
 +
.owl-carousel.featured a {
 +
color:#333;
 +
}
 +
section.dark .owl-carousel.featured a {
 +
color:#999;
 +
}
 +
 +
/*
 +
increment / decrement - quantity shop like
 +
 +
<!-- QTY -->
 +
<span class="incrdcr">
 +
<a href="#" data-for="no" data-min="1" class="decr">-</a>
 +
<input id="no" type="text" name="qty" value="1" title="Number" >
 +
<a href="#" data-for="no" data-max="999" class="incr">+</a>
 +
</span>
 +
<!-- /QTY -->
 +
*/
 +
.incrdcr .incr,
 +
.incrdcr .decr {
 +
color:#000;
 +
display: block;
 +
float: left;
 +
cursor: pointer;
 +
border: 0 transparent;
 +
padding: 0;
 +
width: 36px;
 +
height: 40px;
 +
line-height: 40px;
 +
text-align: center;
 +
background-color: rgba(0,0,0,0.07);
 +
font-size: 16px;
 +
font-weight: 700;
 +
text-decoration:none;
 +
 +
-webkit-transition: background-color .2s linear;
 +
-o-transition: background-color .2s linear;
 +
transition: background-color .2s linear;
 +
}
 +
.incrdcr .incr:hover,
 +
.incrdcr .decr:hover {
 +
background-color: rgba(0,0,0,0.1);
 +
}
 +
 +
.incrdcr>input {
 +
float: left;
 +
width: 50px;
 +
height: 40px;
 +
line-height: 40px;
 +
border: 0;
 +
border-left: 1px solid rgba(0,0,0,0.1);
 +
border-right: 1px solid rgba(0,0,0,0.1);
 +
background-color: rgba(0,0,0,0.07);
 +
text-align: center;
 +
margin-bottom: 0;
 +
}
 +
 +
/* Link List - example: page-faq-4.html */
 +
ul.list-links>li>a {
 +
color:#111;
 +
font-weight:700;
 +
display:inline-block;
 +
padding:3px 0;
 +
font-size:16px;
 +
}
 +
ul.list-links>li>a>i {
 +
margin-right:6px;
 +
}
 +
section.dark ul.list-links>li>a {
 +
color:#fff;
 +
}
 +
 +
/* Slimscroll */
 +
.slimScrollBar {
 +
-webkit-border-radius: 0 !important;
 +
  -moz-border-radius: 0 !important;
 +
border-radius: 0 !important;
 +
}
 +
 +
 +
/* Canvas Particles */
 +
#canvas-particle {
 +
position:absolute;
 +
}
 +
#slider #canvas-particle {
 +
z-index:10;
 +
}
 +
 +
 +
/* Youtube Background */
 +
#video-volume {
 +
bottom: 85px;
 +
left: 50%;
 +
margin: 0 0 0 -15px;
 +
position: absolute;
 +
z-index: 100;
 +
width: 30px;
 +
height: 30px;
 +
line-height: 26px;
 +
font-size: 20px;
 +
text-align: center;
 +
border-radius: 50%;
 +
border: 1px solid #fff;
 +
color: #FFFFFF;
 +
cursor: pointer;
 +
}
 +
 +
/* Text Rotator */
 +
h1>span.rotate,
 +
h2>span.rotate,
 +
h3>span.rotate,
 +
h4>span.rotate,
 +
h5>span.rotate,
 +
h6>span.rotate {
 +
color:inherit !important;
 +
}
 +
 +
 +
/** EVENT LIST
 +
 +
Example Usage: index-thematics-music.html
 +
 +
<div class="event-item">
 +
<div class="event-date-wrapper">
 +
<span class="event-date-day">02</span>
 +
<span class="event-date-month">April</span>
 +
</div>
 +
<div class="event-content-wrapper">
 +
<div class="event-content-inner-wrapper">
 +
<h3 class="event-title"><a href="#">Columbia, SC</a></h3>
 +
<div class="event-location">Colonial Life Arena w/ Aloe Blacc </div>
 +
</div>
 +
<div class="event-status-wrapper">
 +
<a href="#">Buy Now</a>
 +
</div>
 +
</div>
 +
</div>
 +
 +
**/
 +
.event-item {
 +
margin-bottom:25px;
 +
padding:10px;
 +
display:block;
 +
background-color:rgba(0,0,0,0.04);
 +
}
 +
section.dark .event-item {
 +
background-color:rgba(0,0,0,0.06);
 +
}
 +
 +
.event-item .event-date-wrapper {
 +
float: left;
 +
text-align: center;
 +
width: 55px;
 +
margin-right: 20px;
 +
}
 +
.event-item .event-date-wrapper .event-date-day {
 +
    font-size: 43px;
 +
    font-weight: bold;
 +
    display: block;
 +
    line-height: 1;
 +
    margin-bottom: 4px;
 +
}
 +
.event-item .event-date-wrapper .event-date-month {
 +
    font-size: 14px;
 +
    font-weight: bold;
 +
    display: block;
 +
}
 +
.event-item .event-content-wrapper {
 +
    padding-top: 6px;
 +
    overflow: hidden;
 +
    position: relative;
 +
}
 +
.event-item .event-content-wrapper .event-content-inner-wrapper {
 +
    padding-right: 105px;
 +
}
 +
.event-item .event-content-wrapper .event-content-inner-wrapper .event-title {
 +
font-size: 15px;
 +
font-weight: bold;
 +
margin-bottom: 5px;
 +
}
 +
.event-item .event-content-wrapper .event-location {
 +
font-size:13px;
 +
}
 +
.event-item .event-content-wrapper .event-status-wrapper {
 +
    position: absolute;
 +
    top: 10px;
 +
    right: 0px;
 +
    text-align: center;
 +
    letter-spacing: 1px;
 +
}
 +
@media only screen and (max-width: 600px) {
 +
.event-item .event-content-wrapper .event-content-inner-wrapper {
 +
padding-right:0;
 +
}
 +
.event-item .event-content-wrapper .event-status-wrapper {
 +
position:relative;
 +
top:auto;
 +
right:auto;
 +
left:auto;
 +
text-align:left;
 +
}
 +
}
 +
 +
 +
/**  INLINE NEWS
 +
 +
Example Usage: index-thematics-music.html
 +
 +
<div class="inews-item">
 +
<a class="inews-thumbnail" href="#">
 +
<span class="inews-sticky font-lato">
 +
<i class="fa fa-bullhorn"></i>
 +
STICKY POST
 +
</span>
 +
<img class="img-fluid" src="assets/images/_smarty/demo/thematics/music/i3-min.jpg" alt="image" />
 +
</a>
 +
 +
<div class="inews-item-content">
 +
 +
<div class="inews-date-wrapper">
 +
<span class="inews-date-day">29</span>
 +
<span class="inews-date-month">June</span>
 +
<span class="inews-date-year">2015</span>
 +
</div>
 +
 +
<div class="inews-content-inner">
 +
 +
<h3 class="size-20"><a href="#">Lorem Upsum Dolor</a></h3>
 +
<ul class="blog-post-info list-inline noborder margin-bottom-20 nopadding">
 +
<li>
 +
<a href="page-profile.html">
 +
<i class="fa fa-user"></i>
 +
<span class="font-lato">By John Doe</span>
 +
</a>
 +
</li>
 +
<li>
 +
<i class="fa fa-folder-open-o"></i>
 +
 +
<a class="category" href="#">
 +
<span class="font-lato">Design</span>
 +
</a>
 +
<a class="category" href="#">
 +
<span class="font-lato">Photography</span>
 +
</a>
 +
</li>
 +
</ul>
 +
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Idque Caesaris facere voluntate liceret: sese habere....</p>
 +
</div>
 +
 +
 +
</div>
 +
</div>
 +
 +
**/
 +
.inews-item {
 +
clear:both;
 +
margin-bottom:30px;
 +
min-height:132px;
 +
position:relative;
 +
}
 +
.inews-item:after,
 +
.inews-item:before {
 +
display:table;
 +
content:" ";
 +
}
 +
.inews-item:after {
 +
clear: both;
 +
}
 +
.inews-item .inews-thumbnail {
 +
border:0;
 +
padding:0;
 +
width: 35%;
 +
max-width:350px;
 +
margin: 0 20px 0 0;
 +
float:left;
 +
position:relative;
 +
}
 +
.inews-item .inews-thumbnail .inews-sticky {
 +
position:absolute;
 +
left:0; bottom:-1px;
 +
background-color:#74c6de;
 +
color:#fff;
 +
font-size: 11px;
 +
font-weight: bold;
 +
padding: 5px 12px;
 +
text-shadow:#333 0 0 1px;
 +
}
 +
.inews-item .inews-thumbnail .inews-sticky>i {
 +
font-size:14px;
 +
margin-right:8px;
 +
}
 +
.inews-item .inews-date-wrapper {
 +
text-align: center;
 +
position:absolute;
 +
left:0;
 +
margin-right: 20px;
 +
width: 65px;
 +
padding-bottom: 20px;
 +
background-color:rgba(0,0,0,0.1);
 +
}
 +
.inews-item .inews-date-wrapper:before {
 +
content:' ';
 +
position:absolute;
 +
right:-10px;
 +
top:6px;
 +
width: 0;
 +
height: 0;
 +
border-top: 10px solid transparent;
 +
border-bottom: 10px solid transparent;
 +
 +
border-left: 10px solid rgba(0,0,0,0.1);
 +
}
 +
.inews-item .inews-date-wrapper .inews-date-day {
 +
display: block;
 +
font-size: 50px;
 +
line-height: 1;
 +
margin-bottom: 16px;
 +
}
 +
.inews-item .inews-date-wrapper .inews-date-month {
 +
display: block;
 +
font-size: 14px;
 +
line-height: 1;
 +
margin-bottom: 14px;
 +
}
 +
.inews-item .inews-date-wrapper .inews-date-year {
 +
display: block;
 +
font-size: 17px;
 +
line-height: 1;
 +
}
 +
.inews-item .inews-item-content {
 +
overflow:hidden;
 +
padding-left:85px;
 +
position:relative;
 +
}
 +
.inews-content-inner h3 {
 +
margin-bottom:8px;
 +
display:block;
 +
margin-top:3px;
 +
}
 +
.inews-content-inner .list-inline>li {
 +
padding:0;
 +
}
 +
 +
@media only screen and (max-width: 768px) {
 +
.inews-item {
 +
max-width:380px;
 +
margin-left:auto;
 +
margin-right:auto;
 +
}
 +
.inews-item .inews-thumbnail {
 +
float:none;
 +
display:block;
 +
margin-bottom:20px;
 +
width:100%;
 +
}
 +
}
 +
 +
 +
/** TEAM ITEM
 +
example usage:
 +
index-thematics-wedding.html
 +
 +
 +
<div class="team-item clearfix">
 +
<img class="team-item-image rounded" src="assets/images/_smarty/demo/thematics/wedding/him-min.jpg" alt="wedding" width="150" height="150" />
 +
 +
<div class="team-item-desc">
 +
<h4 class="nomargin">MIKE BAKER</h4>
 +
<h5><span>Groom</span></h5>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, pariatur, magni! Omnis reiciendis architecto, cupiditate fuga dolores nam accusamus iste molestias quos mollitia totam eius porro culpa incidunt, sunt rerum molestiae aliquid non hic.</p>
 +
<hr />
 +
 +
<!-- Social Icons -->
 +
<div class="margin-top-20">
 +
<a href="#" class="social-icon social-icon-sm social-icon-transparent  social-facebook float-left" data-toggle="tooltip" data-placement="top" title="Facebook">
 +
 +
<i class="icon-facebook"></i>
 +
<i class="icon-facebook"></i>
 +
</a>
 +
 +
<a href="#" class="social-icon social-icon-sm social-icon-transparent  social-twitter float-left" data-toggle="tooltip" data-placement="top" title="Twitter">
 +
<i class="icon-twitter"></i>
 +
<i class="icon-twitter"></i>
 +
</a>
 +
 +
<a href="#" class="social-icon social-icon-sm social-icon-transparent  social-gplus float-left" data-toggle="tooltip" data-placement="top" title="Google plus">
 +
<i class="icon-gplus"></i>
 +
<i class="icon-gplus"></i>
 +
</a>
 +
 +
<a href="#" class="social-icon social-icon-sm social-icon-transparent  social-linkedin float-left" data-toggle="tooltip" data-placement="top" title="Linkedin">
 +
<i class="icon-linkedin"></i>
 +
<i class="icon-linkedin"></i>
 +
</a>
 +
 +
</div>
 +
<!-- /Social Icons -->
 +
 +
</div>
 +
</div>
 +
 +
********************** **/
 +
.team-item {
 +
position:relative;
 +
}
 +
.team-item .team-item-image {
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
}
 +
.team-item .team-item-desc {
 +
padding-left:180px;
 +
}
 +
@media only screen and (max-width: 482px) {
 +
.team-item {
 +
text-align:center;
 +
}
 +
.team-item .team-item-desc {
 +
padding-left:0;
 +
margin-top:20px;
 +
}
 +
.team-item a.social-icon {
 +
float:none !important;
 +
}
 +
.team-item .team-item-image {
 +
position:relative;
 +
}
 +
}
 +
 +
 +
/* flot chart */
 +
.flot-chart .legendLabel {
 +
padding:0 8px;
 +
}
 +
 +
 +
/* Vectorial Map */
 +
svg {
 +
    touch-action: none;
 +
}
 +
 +
.jvectormap-container {
 +
    width: 100%;
 +
    height: 100%;
 +
    position: relative;
 +
    overflow: hidden;
 +
    touch-action: none;
 +
}
 +
 +
.jvectormap-tip {
 +
    position: absolute;
 +
    display: none;
 +
    border: solid 1px #CDCDCD;
 +
    border-radius: 3px;
 +
    background: #292929;
 +
    color: white;
 +
    font-family: sans-serif, Verdana;
 +
    font-size: smaller;
 +
    padding: 3px;
 +
}
 +
 +
.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {
 +
    position: absolute;
 +
    left: 10px;
 +
    border-radius: 3px;
 +
    background: #292929;
 +
    padding: 3px;
 +
    color: white;
 +
    cursor: pointer;
 +
    line-height: 10px;
 +
    text-align: center;
 +
    box-sizing: content-box;
 +
}
 +
 +
.jvectormap-zoomin, .jvectormap-zoomout {
 +
    width: 10px;
 +
    height: 10px;
 +
}
 +
 +
.jvectormap-zoomin {
 +
    top: 10px;
 +
}
 +
 +
.jvectormap-zoomout {
 +
    top: 30px;
 +
}
 +
 +
.jvectormap-goback {
 +
    bottom: 10px;
 +
    z-index: 1000;
 +
    padding: 6px;
 +
}
 +
 +
.jvectormap-spinner {
 +
    position: absolute;
 +
    left: 0;
 +
    top: 0;
 +
    right: 0;
 +
    bottom: 0;
 +
    background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
 +
}
 +
 +
.jvectormap-legend-title {
 +
    font-weight: bold;
 +
    font-size: 14px;
 +
    text-align: center;
 +
}
 +
 +
.jvectormap-legend-cnt {
 +
    position: absolute;
 +
}
 +
 +
.jvectormap-legend-cnt-h {
 +
    bottom: 0;
 +
    right: 0;
 +
}
 +
 +
.jvectormap-legend-cnt-v {
 +
    top: 0;
 +
    right: 0;
 +
}
 +
 +
.jvectormap-legend {
 +
    background: black;
 +
    color: white;
 +
    border-radius: 3px;
 +
}
 +
 +
.jvectormap-legend-cnt-h .jvectormap-legend {
 +
    float: left;
 +
    margin: 0 10px 10px 0;
 +
    padding: 3px 3px 1px 3px;
 +
}
 +
 +
.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
 +
    float: left;
 +
}
 +
 +
.jvectormap-legend-cnt-v .jvectormap-legend {
 +
    margin: 10px 10px 0 0;
 +
    padding: 3px;
 +
}
 +
 +
.jvectormap-legend-cnt-h .jvectormap-legend-tick {
 +
    width: 40px;
 +
}
 +
 +
.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
 +
    height: 15px;
 +
}
 +
 +
.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
 +
    height: 20px;
 +
    width: 20px;
 +
    display: inline-block;
 +
    vertical-align: middle;
 +
}
 +
 +
.jvectormap-legend-tick-text {
 +
    font-size: 12px;
 +
}
 +
 +
.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
 +
    text-align: center;
 +
}
 +
 +
.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
 +
    display: inline-block;
 +
    vertical-align: middle;
 +
    line-height: 20px;
 +
    padding-left: 3px;
 +
}
 +
 +
.jvectormap-zoomin, .jvectormap-zoomout {
 +
    position: absolute;
 +
    left: 10px;
 +
    -webkit-border-radius: 3px;
 +
    -moz-border-radius: 3px;
 +
    border-radius: 3px;
 +
    background: #333;
 +
    padding: 4px 0;
 +
    color: white;
 +
    width: 40px;
 +
    height: 40px;
 +
padding:0;
 +
    cursor: pointer;
 +
    line-height: 40px;
 +
font-size:24px;
 +
    text-align: center;
 +
 +
 +
-webkit-border-bottom-right-radius: 15px;
 +
-webkit-border-top-left-radius: 15px;
 +
-moz-border-radius-bottomright: 15px;
 +
-moz-border-radius-topleft: 15px;
 +
border-bottom-right-radius: 15px;
 +
border-top-left-radius: 15px;
 +
}
 +
.jvectormap-zoomin:hover, .jvectormap-zoomout:hover {
 +
background-color:#444;
 +
}
 +
.jvectormap-zoomin {
 +
    top: 0;
 +
}
 +
 +
.jvectormap-zoomout {
 +
    top: 50px;
 +
}
 +
 +
div.vector-map {
 +
background-color:rgba(0,0,0,0.06);
 +
border: rgba(0,0,0,0.06) 1px solid;
 +
padding:20px 10px;
 +
position:relative;
 +
}
 +
 +
 +
 +
/*
 +
breathing background
 +
zoom in - zoom out
 +
*/
 +
@keyframes breath {
 +
  0%  { background-size: 100% auto; }
 +
  50% { background-size: 110% auto; }
 +
  100% { background-size: 100% auto; }
 +
}
 +
 +
.bg-breath {
 +
width: 100%;
 +
height: 100%;
 +
animation: breath 30s linear infinite;
 +
}
 +
 +
 +
/* menu title */
 +
#topNav #topMain li>h4 {
 +
    display: block;
 +
    padding: 10px 15px 10px 15px;
 +
    margin:0;
 +
    color: #111;
 +
    font-weight: 600;
 +
    font-size: 14px;
 +
    background-color: rgba(0,0,0,0.05);
 +
}
 +
 +
#topNav .submenu-dark #topMain li>h4 {
 +
color: #fff;
 +
background-color: rgba(0,0,0,0.15);
 +
}
 +
#header #topNav #topMain li>h4>i {
 +
margin-right: 8px;
 +
}
 +
 +
 +
/* menu caption */
 +
#header p.menu-caption {
 +
color: #404040;
 +
margin: 8px 0;
 +
padding: 8px 8px;
 +
font-size:13px;
 +
font-weight: 300;
 +
}
 +
 +
#header .submenu-dark p.menu-caption {
 +
color: #888;
 +
}
 +
#header p.menu-caption>i {
 +
margin-left: 8px;
 +
margin-right: 8px;
 +
}
 +
 +
 +
/* no topmain dropdown icon */
 +
#topMain.nav-pills>li>a.dropdown-toggle.noicon {
 +
padding-right: 15px !important;
 +
}
 +
#topMain.nav-pills>li>a.dropdown-toggle.noicon:after {
 +
display: none !important;
 +
}
 +
 +
#topMain .dropdown-toggle>.badge {
 +
padding: .1em .4em .3em;
 +
}
 +
 +
/* no menu lines */
 +
#topNav ul.dropdown-menu.dropdown-menu-clean li {
 +
border-bottom: 0 !important;
 +
}
 +
 +
/* dropdown open inversed */
 +
#topMain li.dropdown.open-inverse ul.dropdown-menu li>ul {
 +
right:100%;
 +
left: auto;
 +
}
 +
 +
/*
 +
DROPDOWN ANIMATE
 +
Dependency: animate.css
 +
*/
 +
/* FADE IN */
 +
#topMain.nav-animate-fadeIn li.dropdown:hover>ul.dropdown-menu,
 +
#topMain .nav-animate-fadeIn:hover>ul.dropdown-menu {
 +
    -webkit-animation: fadeIn .6s;
 +
            animation: fadeIn .6s;
 +
}
 +
/* FADE IN UP */
 +
#topMain.nav-animate-fadeInUp li.dropdown:hover>ul.dropdown-menu,
 +
#topMain .nav-animate-fadeInUp:hover>ul.dropdown-menu {
 +
    -webkit-animation: fadeInUp .2s;
 +
            animation: fadeInUp .2s;
 +
}
 +
/* BOUNCE IN */
 +
#topMain.nav-animate-bounceIn li.dropdown:hover>ul.dropdown-menu,
 +
#topMain .nav-animate-bounceIn:hover>ul.dropdown-menu {
 +
    -webkit-animation: bounceIn .6s;
 +
            animation: bounceIn .6s;
 +
}
 +
/* BOUNCE IN UP */
 +
#topMain.nav-animate-bounceInUp li.dropdown:hover>ul.dropdown-menu,
 +
#topMain .nav-animate-bounceInUp:hover>ul.dropdown-menu {
 +
    -webkit-animation: bounceInUp .2s;
 +
            animation: bounceInUp .2s;
 +
}
 +
/* FLIP IN X */
 +
#topMain.nav-animate-flipInX li.dropdown:hover>ul.dropdown-menu,
 +
#topMain .nav-animate-flipInX:hover>ul.dropdown-menu {
 +
    -webkit-animation: flipInX .5s;
 +
            animation: flipInX .4s;
 +
}
 +
/* FLIP IN Y */
 +
#topMain.nav-animate-flipInY li.dropdown:hover>ul.dropdown-menu,
 +
#topMain .nav-animate-flipInY:hover>ul.dropdown-menu {
 +
    -webkit-animation: flipInY .5s;
 +
            animation: flipInY .4s;
 +
}
 +
/* ZOOM IN */
 +
#topMain.nav-animate-zoomIn li.dropdown:hover>ul.dropdown-menu,
 +
#topMain .nav-animate-zoomIn:hover>ul.dropdown-menu {
 +
    -webkit-animation: zoomIn .5s;
 +
            animation: zoomIn .5s;
 +
}
 +
/* SLIDE IN UP */
 +
#topMain.nav-animate-slideInUp li.dropdown:hover>ul.dropdown-menu,
 +
#topMain .nav-animate-slideInUp:hover>ul.dropdown-menu {
 +
    -webkit-animation: slideInUp .1s;
 +
            animation: slideInUp .1s;
 +
}
 +
 +
 +
 +
/* TOPMAIN TEXT HOVER ANIMATED */
 +
#topMain.nav-hover-animate ul.dropdown-menu li a,
 +
#topMain .nav-hover-animate ul.dropdown-menu li a {
 +
-webkit-transition: all .300s;
 +
transition: all .300s;
 +
}
 +
#topMain.nav-hover-animate ul.dropdown-menu li:hover>a,
 +
#topMain .nav-hover-animate ul.dropdown-menu li:hover>a {
 +
padding-left: 23px;
 +
}
 +
 +
 +
/* topmain hover bounce in */
 +
@media only screen and (min-width: 768px) {
 +
#topMain li.hover-animate-bounceIn:hover>a.dropdown-toggle,
 +
#topMain li.hover-animate-bounceIn:hover>a.dropdown-toggle {
 +
animation: bounceIn 1s;
 +
}
 +
}
 +
 +
 +
 +
/* side nav mobile max height - essentials rewrite */
 +
@media only screen and (max-width: 768px) {
 +
div.side-nav ul {
 +
max-height:650px;
 +
}
 +
}
 +
 +
 +
 +
/* gradient bg */
 +
.gradient-bg { 
 +
background: -webkit-linear-gradient(left,  #9357cc 0%,#2989d8 50%,#2cc99d 100%) !important;
 +
}
 +
 +
 +
/* sizes */
 +
ul.portfolio-detail-list {
 +
font-size: 14px;
 +
}
 +
 +
 +
 +
/* fix page title */
 +
section.page-header * {
 +
z-index:10;
 +
}
 +
 +
 +
 +
/* disable uppercase text transformation */
 +
#header.disable-uppercase #topBar ul li a,
 +
#header.disable-uppercase #mainMenu ul li a,
 +
#header.disable-uppercase #topMain ul li a {
 +
text-transform: none;
 +
}
 +
 +
 +
 +
/* cookie alert */
 +
#cookie-alert {
 +
position: fixed;
 +
left:0;
 +
right:0;
 +
top:-150px;
 +
bottom:auto;
 +
width: 100%;
 +
padding: 10px;
 +
margin: 0;
 +
 +
border-radius:0;
 +
-moz-border-radius:0;
 +
border: 0;
 +
z-index:999999;
 +
}
 +
#cookie-alert.alert-position-bottom {
 +
top:auto;
 +
bottom:-150px;
 +
}
 +
#cookie-alert p {
 +
margin:0;
 +
padding: 6px 0 0 0;
 +
}
 +
#cookie-alert .fa {
 +
margin: 0 8px;
 +
font-size:16px;
 +
}
 +
#cookie-alert>.container {
 +
padding: 0;
 +
margin-top: 0;
 +
margin-bottom: 0;
 +
}
 +
#cookie-alert .cookie-close-btn {
 +
font-size: 30px;
 +
}
 +
 +
 +
 +
 +
/** FULLSCREEN GOOGLE MAP
 +
*************************** **/
 +
#map-fullscreen {
 +
height: 100%;
 +
position: fixed;
 +
left:0; right:0;
 +
top:0; bottom:0;
 +
background-color: #fff;
 +
 +
z-index: 9999999;
 +
display: none;
 +
}
 +
#gmap-init {
 +
height: 100% !important;
 +
width: 100% !important;
 +
}
 +
#map-fullscreen button {
 +
position: absolute;
 +
top:13px;
 +
right:13px;
 +
z-index:99999;
 +
border: 0;
 +
margin: 0;
 +
width:50px;
 +
height: 50px;
 +
text-align: center;
 +
line-height: 50px;
 +
background-color: #fff;
 +
font-size:20px;
 +
 +
-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
 +
  -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
 +
box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
 +
}
 +
 +
 +
 +
 +
/** BACKSTRETCH NAVIGATION
 +
*************************** **/
 +
.bs-next,
 +
.bs-prev {
 +
display: block;
 +
position: absolute;
 +
width: 60px;
 +
height: 60px;
 +
top: 50%;
 +
margin-top: -30px;
 +
text-align: center;
 +
opacity: 0.5;
 +
border-radius: 3px;
 +
line-height: 60px;
 +
 +
z-index: 100;
 +
}
 +
.bs-next:hover,
 +
.bs-prev:hover {
 +
background-color: rgba(0,0,0,0.2);
 +
opacity: 1;
 +
}
 +
.bs-next {
 +
right:15px;
 +
}
 +
.bs-prev {
 +
left:15px;
 +
}
 +
 +
.bs-next:before,
 +
.bs-prev:before {
 +
 +
content: "\f104";
 +
font-family: 'FontAwesome';
 +
display: block;
 +
font-size:50px;
 +
color: #fff;
 +
padding: 0;
 +
margin: 0;
 +
}
 +
.bs-next:before {
 +
content: "\f105";
 +
}
 +
@media only screen and (max-width: 768px) {
 +
.bs-next,
 +
.bs-prev {
 +
top: auto;
 +
bottom: 15px;
 +
margin-top: 0;
 +
}
 +
}
 +
 +
 +
 +
 +
 +
/** ROUNDED LOGO
 +
Usage: for sliders
 +
Example: feature-slider-backstretch.html
 +
*************************** **/
 +
.rounded-logo {
 +
display:inline-block;
 +
width:350px;
 +
height:350px;
 +
text-align:center;
 +
padding:30px;
 +
background:rgba(0,0,0,0.2);
 +
border:rgba(0,0,0,0.1) 20px solid;
 +
 +
-webkit-border-radius: 50%;
 +
  -moz-border-radius: 50%;
 +
border-radius: 50%;
 +
 +
-webkit-box-shadow:0 0 100px rgba(0,0,0,0.5) inset;
 +
  -moz-box-shadow:0 0 100px rgba(0,0,0,0.5) inset;
 +
box-shadow:0 0 100px rgba(0,0,0,0.5) inset;
 +
}
 +
 +
.rounded-logo>img {
 +
width:100%;
 +
height:auto;
 +
}
 +
 +
.rounded-logo.rounded-logo-sm {
 +
width: 250px !important;
 +
height: 250px !important;
 +
}
 +
 +
.rounded-logo.rounded-logo-xs {
 +
width: 200px !important;
 +
height: 200px !important;
 +
padding: 10px !important;
 +
}
 +
 +
@media only screen and (max-width: 768px) {
 +
.rounded-logo {
 +
width: 250px;
 +
height: 250px;
 +
}
 +
}
 +
 +
 +
 +
/** Premium Circles
 +
Example: shortcode-thumbnails.html
 +
*************************** **/
 +
.premium-thumbnail-circle {
 +
  position: relative;
 +
  width: 240px;
 +
  height: 240px;
 +
  border-radius: 50%;
 +
}
 +
.premium-thumbnail-circle figure {
 +
  position: relative;
 +
  width: 240px;
 +
  height: 240px;
 +
  border-radius: 50%;
 +
}
 +
.premium-thumbnail-circle figure:before {
 +
  position: absolute;
 +
  display: block;
 +
  content: '';
 +
  width: 100%;
 +
  height: 100%;
 +
  border-radius: 50%;
 +
  box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
 +
  -webkit-transition: all 0.35s ease-in-out;
 +
  -moz-transition: all 0.35s ease-in-out;
 +
  transition: all 0.35s ease-in-out;
 +
}
 +
.premium-thumbnail-circle figure img {
 +
  border-radius: 50%;
 +
  -moz-border-radius: 50%;
 +
  -webkit-border-radius: 50%;
 +
 +
  width: 100%;
 +
  height: auto;
 +
}
 +
.premium-thumbnail-circle .info {
 +
  position: absolute;
 +
  top: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  right: 0;
 +
  text-align: center;
 +
  border-radius: 50%;
 +
  -webkit-backface-visibility: hidden;
 +
  backface-visibility: hidden;
 +
}
 +
 +
.premium-thumbnail.premium-thumbnail-square {
 +
  position: relative;
 +
  width: 336px;
 +
  height: 236px;
 +
  border: 8px solid #fff;
 +
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
 +
}
 +
.premium-thumbnail.premium-thumbnail-square .info {
 +
  position: absolute;
 +
  top: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  right: 0;
 +
  text-align: center;
 +
  -webkit-backface-visibility: hidden;
 +
  backface-visibility: hidden;
 +
}
 +
 +
.premium-thumbnail-circle .spinner {
 +
  width: 250px;
 +
  height: 250px;
 +
  border: 10px solid;
 +
 +
  border-radius: 50%;
 +
  -webkit-transition: all 1.2s ease-in-out;
 +
  -moz-transition: all 1.2s ease-in-out;
 +
  transition: all 1.2s ease-in-out;
 +
}
 +
.premium-thumbnail-circle figure {
 +
  position: absolute;
 +
  top: 10px;
 +
  bottom: 0;
 +
  left: 10px;
 +
  right: 0;
 +
  width: auto;
 +
  height: auto;
 +
}
 +
.premium-thumbnail-circle figure:before {
 +
  display: none;
 +
}
 +
.premium-thumbnail-circle.color .info {
 +
  background: #1a4a72;
 +
  background: rgba(26, 74, 114, 0.6);
 +
}
 +
.premium-thumbnail-circle .info {
 +
  width: 230px;
 +
  height: 230px;
 +
  top: 10px;
 +
  bottom: 0;
 +
  left: 10px;
 +
  right: 0;
 +
  background: #333333;
 +
  background: rgba(50, 50, 50, 0.8);
 +
  opacity: 0;
 +
  -webkit-transition: all 1.2s ease-in-out;
 +
  -moz-transition: all 1.2s ease-in-out;
 +
  transition: all 1.2s ease-in-out;
 +
}
 +
.premium-thumbnail-circle .info h3 {
 +
  color: #fff;
 +
  text-transform: uppercase;
 +
  position: relative;
 +
  letter-spacing: 1px;
 +
  font-size: 20px !important;
 +
  margin: 0 10px;
 +
  padding: 60px 0 15px 0;
 +
 +
 +
}
 +
.premium-thumbnail-circle .info p {
 +
  color: #fff;
 +
  padding: 10px 5px;
 +
  padding-top:14px;
 +
  margin: 0px 10px;
 +
  font-size: 14px;
 +
  border-top: 1px solid rgba(255, 255, 255, 1);
 +
  line-height:20px;
 +
}
 +
.premium-thumbnail-circle a:hover .spinner {
 +
  -webkit-transform: rotate(360deg);
 +
  -moz-transform: rotate(360deg);
 +
  -ms-transform: rotate(360deg);
 +
  -o-transform: rotate(360deg);
 +
  transform: rotate(360deg);
 +
}
 +
.premium-thumbnail-circle a:hover .info {
 +
  opacity: 1;
 +
}
 +
 +
.premium-thumbnail-circle .spinner {
 +
    border-color: #222;
 +
    border-right-color: #ccc;
 +
    border-bottom-color: #ccc;
 +
}
 +
 +
 +
 +
/** BS 4 fix
 +
************************************ **/
 +
.btn-group>.btn {
 +
padding: 10px !important;
 +
}
 +
.btn-default {
 +
    color: #333;
 +
    background-color: #fff;
 +
    border-color: #ccc;
 +
    padding: 6px 12px;
 +
    line-height: 26px;
 +
}
 +
.btn-group>.btn-default {
 +
    line-height: 18px;
 +
}
 +
.btn-group-sm>.btn, .btn-sm {
 +
    padding: 5px 10px;
 +
    font-size: 12px;
 +
    line-height: 1.5;
 +
    border-radius: 3px;
 +
}
 +
.btn-toolbar .btn,
 +
.btn-toolbar .btn-group,
 +
.btn-toolbar .input-group {
 +
/* used by summernote */
 +
    float: left;
 +
}
 +
.btn-group>.btn:first-child {
 +
    padding-right: 5px;
 +
}
 +
 +
#topMain>li>a {
 +
display: block;
 +
position: relative;
 +
padding-left: 15px;
 +
padding-right: 15px;
 +
}
 +
#topMain>li>a>.badge {
 +
margin-top: 8px;
 +
}
 +
#topMain .dropdown-toggle::after {
 +
border: 0;
 +
}
 +
#header .badge,
 +
#slider .badge,
 +
#slider .page-header {
 +
border-radius: 2px;
 +
}
 +
 +
.breadcrumb>li+li:before {
 +
    padding: 0 7px 0 5px;
 +
}
 +
 +
ul.nav>li>a {
 +
display: block;
 +
}
 +
ul.list-group>li {
 +
list-style: none;
 +
}
 +
.breadcrumb>li {
 +
display: inline-block;
 +
}
 +
ul.nav.nav-pills>li {
 +
display: inline-block;
 +
}
 +
ul.list-group li>a,
 +
ul.list-group ul:not(.collapse) {
 +
display: block;
 +
width: 100%;
 +
}
 +
ul.list-group ul {
 +
width: 100%;
 +
}
 +
ul.list-group li>a:after {
 +
border: 0;
 +
}
 +
ul.dropdown-menu a {
 +
display: block;
 +
width: 100%;
 +
}
 +
ul.row.list-inline>li,
 +
ul.list-unstyled.list-inline>li {
 +
margin-right: 0;
 +
}
 +
.list-inline>li {
 +
    display: inline-block;
 +
    padding-right: 5px;
 +
    padding-left: 5px;
 +
}
 +
.badge {
 +
padding:.3em .6em .4em;
 +
}
 +
pre {
 +
font-size:13px;
 +
}
 +
ul.list-unstyled .dropdown-toggle::after {
 +
border:0;
 +
}
 +
.card-default>.card-heading {
 +
    color: #333;
 +
    background-color: #f5f5f5;
 +
    border-color: #ddd;
 +
}
 +
.card-heading {
 +
    padding: 10px 15px;
 +
}
 +
.card-heading>h1,
 +
.card-heading>h2,
 +
.card-heading>h3,
 +
.card-heading>h4,
 +
.card-heading>h5,
 +
.card-heading>h6 {
 +
margin:0;
 +
}
 +
h1.card-title,
 +
h2.card-title,
 +
h3.card-title,
 +
h4.card-title,
 +
h5.card-title,
 +
h6.card-title {
 +
font-size:16px;
 +
}
 +
.card-title a {
 +
display: block;
 +
width: 100%;
 +
}
 +
.media-body,
 +
.media-left,
 +
.media-right {
 +
    display: table-cell;
 +
    vertical-align: top;
 +
}
 +
.media {
 +
    margin-top: 15px;
 +
}
 +
.dropdown-menu>li>a {
 +
    font-weight: 400;
 +
    color: #333;
 +
}
 +
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
 +
    color: #fff;
 +
    text-decoration: none;
 +
    background-color: #337ab7;
 +
    outline: 0;
 +
}
 +
.dropdown-menu .divider {
 +
    height: 1px;
 +
    margin: 9px 0;
 +
    overflow: hidden;
 +
    background-color: #e5e5e5;
 +
    padding: 0;
 +
}
 +
ul.pagination {
 +
display: inline-block;
 +
margin: 20px 0;
 +
}
 +
ul.pagination>li {
 +
float: left;
 +
}
 +
 +
@media (min-width: 1200px) {
 +
.container {
 +
    width: 1170px;
 +
    max-width: 100%;
 +
}
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
/** Material Design
 +
**************************************************************** **/
 +
div.side-nav[class*=" mdl-shadow--"] {
 +
padding: 15px 15px 1px 15px;
 +
}
 +
@media only screen and (max-width: 768px) {
 +
div.side-nav[class*=" mdl-shadow--"] {
 +
padding: 0 !important;
 +
}
 +
div.side-nav[class*=" mdl-shadow--"] ul>li {
 +
margin: 5px 15px !important;
 +
border: 0 !important;
 +
font-size:16px;
 +
}
 +
}
 +
.mdl-badge.mdl-badge--no-background[data-badge]:after {
 +
background: transparent;
 +
}
 +
 +
 +
/* WIDE CARD */
 +
.mdl-card-wide.mdl-card {
 +
width: 100%;
 +
}
 +
 +
/* IMAGE CARD */
 +
.mdl-card-image > .mdl-card__actions {
 +
  height: 52px;
 +
  padding: 16px;
 +
  background: rgba(0, 0, 0, 0.2);
 +
}
 +
.mdl-card-image__filename {
 +
  color: #fff;
 +
  font-size: 14px;
 +
  font-weight: 500;
 +
}
 +
 +
/* EVENT CARD */
 +
.mdl-card-event > .mdl-card__actions {
 +
  border-color: rgba(255, 255, 255, 0.2);
 +
}
 +
.mdl-card-event > .mdl-card__title {
 +
  align-items: flex-start;
 +
}
 +
.mdl-card-event > .mdl-card__title > h4 {
 +
  margin-top: 0;
 +
}
 +
.mdl-card-event > .mdl-card__actions {
 +
  display: flex;
 +
  box-sizing:border-box;
 +
  align-items: center;
 +
}
 +
.mdl-card-event > .mdl-card__actions > .material-icons {
 +
  padding-right: 10px;
 +
}
 +
.mdl-card-event > .mdl-card__title,
 +
.mdl-card-event > .mdl-card__actions,
 +
.mdl-card-event > .mdl-card__actions > .mdl-button {
 +
  color: #fff;
 +
}
 +
 +
/* checkbox fix */
 +
.mdl-checkbox__tick-outline {
 +
width: 101%;
 +
height: 101%;
 +
}
 +
 +
/* table fix */
 +
table.mdl-data-table {
 +
width: 100%;
 +
}
 +
.mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
 +
    padding-left: 20px;
 +
    width: 50px;
 +
}
 +
 +
 +
/* text fields fix */
 +
label.mdl-textfield__label {
 +
margin-bottom:0;
 +
text-indent:1;
 +
}
 +
 +
 +
/* RESPONSIVE CARDS */
 +
@media only screen and (max-width: 768px) {
 +
.mdl-mobile-fullwidth,
 +
.mdl-card-image.mdl-card,
 +
.mdl-card-square.mdl-card,
 +
.mdl-card-event.mdl-card,
 +
.mdl-card-wide.mdl-card {
 +
width: 100% !important;
 +
}
 +
}
 +
 +
 +
 +
 +
 +
 +
/** Landing Page
 +
**************************************************************** **/
 +
form.landing-form {
 +
    padding: 30px;
 +
    border-radius: 3px;
 +
background: rgba(0,0,0,.3);
 +
}
 +
 +
 +
 +
/** Featured Grid
 +
**************************************************************** **/
 +
section.featured-grid div.row>div {
 +
padding-left:4px;
 +
padding-right:4px;
 +
overflow:hidden;
 +
position:relative;
 +
}
 +
section.featured-grid div.row>div img {
 +
width:100%;
 +
}
 +
section.featured-grid div.row>div .absolute {
 +
z-index:10;
 +
margin:20px;
 +
}
 +
section.featured-grid div.row>div .absolute p {
 +
margin:0;
 +
}
 +
 +
section.featured-grid div.row>div div.relative {
 +
margin-bottom:10px;
 +
}
 +
 +
section.featured-grid div.row>div h1,
 +
section.featured-grid div.row>div h2,
 +
section.featured-grid div.row>div h3,
 +
section.featured-grid div.row>div h4,
 +
section.featured-grid div.row>div h5,
 +
section.featured-grid div.row>div h6 {
 +
margin:0;
 +
color:#000;
 +
line-height:1.1;
 +
}
 +
section.featured-grid div.row>div h1 {
 +
font-size:70px;
 +
}
 +
section.featured-grid div.row>div a:hover {
 +
color:#fff;
 +
}
 +
 +
section.featured-grid div.row>div .absolute.top-right {
 +
top:0; bottom:auto;
 +
right:0; left:auto;
 +
}
 +
section.featured-grid div.row>div .absolute.top-left {
 +
top:0; bottom:auto;
 +
left:0; right:auto;
 +
}
 +
section.featured-grid div.row>div .absolute.bottom-right {
 +
bottom:0; top:auto;
 +
right:0; left:auto;
 +
}
 +
section.featured-grid div.row>div .absolute.bottom-left {
 +
bottom:0; top:auto;
 +
left:0; right:auto;
 +
}
 +
section.featured-grid div.row>div .absolute.top-center {
 +
bottom:auto; top:0;
 +
left:auto; right:auto;
 +
}
 +
section.featured-grid div.row>div .absolute.bottom-center {
 +
bottom:0; top:auto;
 +
left:auto; right:auto;
 +
}
 +
 +
 +
/* ribbon */
 +
section.featured-grid div.row>div .ribbon {
 +
position: absolute;
 +
right: 4px;
 +
top: -3px;
 +
color: #fff;
 +
text-align:right;
 +
 +
width: 33.5%;
 +
height: 33.5%;
 +
}
 +
section.featured-grid div.row>div .ribbon:before {
 +
content: "";
 +
position: absolute;
 +
right: 0;
 +
top: 0;
 +
border: 150px solid #333;
 +
border-right: 0;
 +
border-bottom: 0;
 +
border-left: 150px solid transparent;
 +
}
 +
section.featured-grid div.row>div .ribbon h2,
 +
section.featured-grid div.row>div .ribbon h3,
 +
section.featured-grid div.row>div .ribbon h4 {
 +
color:#fff;
 +
}
 +
 +
 +
@media only screen and (max-width: 480px) {
 +
section.featured-grid div.row>div {
 +
margin:15px 0;
 +
}
 +
}
 +
@media only screen and (max-width: 600px) {
 +
section.featured-grid div.row>div h1 {
 +
font-size:40px;
 +
}
 +
section.featured-grid div.row>div h2 {
 +
font-size:25px;
 +
}
 +
}
 +
 +
 +
 +
 +
/** Captions
 +
**************************************************************** **/
 +
.caption-default,
 +
.caption-light,
 +
.caption-dark,
 +
.caption-color,
 +
.caption-primary,
 +
.caption-warning,
 +
.caption-info,
 +
.caption-danger {
 +
color:#fff;
 +
padding:10px;
 +
font-size:13px;
 +
background-color:rgba(0,0,0,0.9);
 +
}
 +
.caption-default {
 +
color:inherit;
 +
border:#666 1px solid;
 +
background-color:transparent;
 +
}
 +
.caption-light {
 +
color:#333;
 +
background-color:#eaeaea;
 +
}
 +
.caption-dark {
 +
color:#eee;
 +
background-color:#666;
 +
}
 +
.caption-primary,
 +
.caption-warning,
 +
.caption-info,
 +
.caption-danger {
 +
color:#fff;
 +
background-color:#333;
 +
}
 +
.caption-warning {
 +
background-color:#f0ad4e;
 +
}
 +
.caption-info {
 +
background-color:#5bc0de;
 +
}
 +
.caption-danger {
 +
background-color:#d9534f;
 +
}
 +
 +
/*
 +
Slider Default Caption
 +
Example usage: shop-4col-left.html (top banner)
 +
 +
*/
 +
.caption-slider-default {
 +
position:absolute !important;
 +
left:0; right:0;
 +
top:0; bottom:0;
 +
color:#000 !important;
 +
}
 +
.caption-slider-default .caption-container {
 +
margin:0 50px;
 +
}
 +
.caption-slider-default h1,
 +
.caption-slider-default h2,
 +
.caption-slider-default h3,
 +
.caption-slider-default h4,
 +
.caption-slider-default p {
 +
margin:0;
 +
color:#000 !important;
 +
}
 +
@media only screen and (max-width: 480px) {
 +
.caption-slider-default .caption-container {
 +
margin:0 30px;
 +
}
 +
.caption-slider-default h2 {
 +
font-size:16px;
 +
}
 +
.caption-slider-default p {
 +
display:none;
 +
}
 +
}
 +
 +
 +
 +
 +
/** Aside
 +
**************************************************************** **/
 +
.tab-post {
 +
padding-bottom: 20px;
 +
margin: 0 0 20px 0;
 +
border-bottom: rgba(0,0,0,0.06) 1px solid;
 +
}
 +
.tab-post a {
 +
color:#666;
 +
text-decoration:none;
 +
}
 +
section.dark .tab-post a {
 +
color:#ddd;
 +
}
 +
.tab-post small {
 +
display: block;
 +
font-size: 12px;
 +
}
 +
 +
 +
 +
/** Aside Navigation
 +
********************* **/
 +
ul.side-nav span.badge {
 +
float:right;
 +
margin-top:3px;
 +
font-weight:400;
 +
}
 +
ul.side-nav>li>span.badge {
 +
margin-top:12px;
 +
margin-right:6px;
 +
}
 +
ul.side-nav li.list-group-item>a>.badge {
 +
margin-right:20px;
 +
}
 +
 +
ul.side-nav li {
 +
list-style:none;
 +
}
 +
ul.side-nav ul {
 +
margin:0 0 20px 0;
 +
padding:0;
 +
}
 +
ul.side-nav ul li {
 +
padding:0 15px;
 +
}
 +
ul.side-nav ul li:last-child {
 +
border-bottom:0;
 +
}
 +
ul.side-nav a {
 +
display:block;
 +
text-decoration:none;
 +
color:#333;
 +
font-size:13px;
 +
letter-spacing: 1px;
 +
}
 +
ul.side-nav a i.fa {
 +
width:10px;
 +
}
 +
ul.side-nav ul li a {
 +
padding:3px;
 +
font-size:12px;
 +
}
 +
ul.side-nav>li {
 +
padding:0;
 +
}
 +
ul.side-nav>li>a {
 +
padding:7px 10px;
 +
}
 +
ul.side-nav>li.list-group-item.active {
 +
border:0;
 +
background-color:transparent;
 +
}
 +
ul.side-nav>li.active>a {
 +
background-color:transparent;
 +
}
 +
ul.side-nav li.list-toggle.active:after,
 +
ul.side-nav > li.active>a {
 +
font-weight:700;
 +
}
 +
ul.side-nav li.list-toggle:after {
 +
content: "\f104";
 +
font-family: FontAwesome;
 +
position: absolute;
 +
font-size: 15px;
 +
right: 10px;
 +
top: 7px;
 +
font-weight:normal;
 +
color:#999;
 +
}
 +
ul.side-nav li.list-toggle.active:after {
 +
content: "\f107";
 +
}
 +
 +
ul.side-nav .list-group-item {
 +
background-color:rgba(0,0,0,0);
 +
border-left:0;
 +
border-right:0;
 +
 +
-webkit-border-radius: 0;
 +
  -moz-border-radius: 0;
 +
border-radius: 0;
 +
}
 +
section.dark ul.side-nav .list-group-item {
 +
border-bottom-color:#333;
 +
border-top-color:#333;
 +
}
 +
 +
 +
 +
/** Masonry Gallery
 +
**************************************************************** **/
 +
.masonry-gallery {
 +
position: relative;
 +
}
 +
.masonry-gallery a,
 +
.masonry-gallery img {
 +
display: block;
 +
height: auto!important;
 +
}
 +
.masonry-gallery a {
 +
position: relative;
 +
float: left;
 +
width: 25%;
 +
overflow: hidden;
 +
}
 +
.masonry-gallery img {
 +
width: 100%;
 +
border-radius: 0!important;
 +
padding: 0 1px 1px 0;
 +
}
 +
 +
/* columns */
 +
.masonry-gallery.columns-2 a {
 +
width: 50%;
 +
}
 +
.masonry-gallery.columns-3 a {
 +
width: 33.30%;
 +
}
 +
.masonry-gallery.columns-4 a {
 +
width: 25%;
 +
}
 +
.masonry-gallery.columns-5 a {
 +
width: 20%;
 +
}
 +
.masonry-gallery.columns-6 a {
 +
width: 16.60%;
 +
}
 +
 +
 +
 +
 +
 +
 +
/** Simple Gallery [CSS ONLY]
 +
**************************************************************** **/
 +
.gallery-simple { 
 +
    margin: 1rem 0;
 +
 +
    -webkit-column-gap: 1rem;
 +
      -moz-column-gap: 1rem;
 +
    column-gap: 1rem;
 +
 +
    -webkit-column-count: 3;
 +
      -moz-column-count: 3;
 +
    column-count: 3;
 +
 +
    -webkit-column-width: 33.33333333333333%;
 +
      -moz-column-width: 33.33333333333333%;
 +
    column-width: 33.33333333333333%;
 +
}
 +
.gallery-simple.gallery-simple-columns-5 {
 +
    -webkit-column-count: 5;
 +
      -moz-column-count: 5;
 +
    column-count: 5;
 +
 +
    -webkit-column-width: 20%;
 +
      -moz-column-width: 20%;
 +
    column-width: 20%;
 +
}
 +
.gallery-simple.gallery-simple-columns-4 {
 +
    -webkit-column-count: 4;
 +
      -moz-column-count: 4;
 +
    column-count: 4;
 +
 +
    -webkit-column-width: 25%;
 +
      -moz-column-width: 25%;
 +
    column-width: 25%;
 +
}
 +
.gallery-simple.gallery-simple-columns-3 {
 +
    -webkit-column-count: 3;
 +
      -moz-column-count: 3;
 +
    column-count: 3;
 +
 +
    -webkit-column-width: 33.33333333333333%;
 +
      -moz-column-width: 33.33333333333333%;
 +
    column-width: 33.33333333333333%;
 +
}
 +
.gallery-simple.gallery-simple-columns-2 {
 +
    -webkit-column-count: 2;
 +
      -moz-column-count: 2;
 +
    column-count: 2;
 +
 +
    -webkit-column-width: 50%;
 +
      -moz-column-width: 50%;
 +
    column-width: 50%;
 +
}
 +
.gallery-simple.gallery-simple-columns-1 {
 +
    -webkit-column-count: 1;
 +
      -moz-column-count: 1;
 +
    column-count: 1;
 +
 +
    -webkit-column-width: 100%;
 +
      -moz-column-width: 100%;
 +
    column-width: 100%;
 +
}
 +
 +
.gallery-simple img {
 +
width: 100% !important;
 +
height: auto !important;
 +
margin-bottom: 1rem;
 +
}
 +
.gallery-simple>a>img {
 +
margin-bottom: 0;
 +
}
 +
.gallery-simple>a {
 +
position: relative;
 +
display: block;
 +
margin-bottom: 1rem;
 +
}
 +
 +
.gallery-simple .image-hover-overlay::before {
 +
bottom:10px;
 +
}
 +
 +
@media only screen and (max-width: 768px) {
 +
.gallery-simple { 
 +
    -webkit-column-count: 3;
 +
      -moz-column-count: 3;
 +
    column-count: 3;
 +
 +
    -webkit-column-width: 33.33333333333333%;
 +
      -moz-column-width: 33.33333333333333%;
 +
    column-width: 33.33333333333333%;
 +
}
 +
}
 +
 +
@media only screen and (max-width: 482px) {
 +
.gallery-simple { 
 +
    -webkit-column-count: 2 !important;
 +
      -moz-column-count: 2 !important;
 +
    column-count: 2 !important;
 +
 +
    -webkit-column-width: 50% !important;
 +
      -moz-column-width: 50% !important;
 +
    column-width: 50% !important;
 +
}
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
/** Image Hover
 +
**************************************************************** **/
 +
.image-hover {
 +
position:relative;
 +
display:table;
 +
}
 +
.image-hover>img {
 +
    -webkit-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); 
 +
      -moz-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
 +
-ms-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
 +
-o-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
 +
transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
 +
}
 +
.image-hover:hover>img {
 +
/* IE 8 */
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 +
 +
/* IE 5-7 */
 +
filter: alpha(opacity=90);
 +
 +
/* Netscape */
 +
-moz-opacity: 0.9;
 +
 +
/* Safari 1.x */
 +
-khtml-opacity: 0.9;
 +
 +
/* Good browsers */
 +
opacity: 0.9;
 +
}
 +
 +
.image-hover-icon {
 +
position:absolute;
 +
left:0; top:0;
 +
bottom:0; right:0;
 +
z-index:3;
 +
 +
/* IE 8 */
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 +
 +
/* IE 5-7 */
 +
filter: alpha(opacity=0);
 +
 +
/* Netscape */
 +
-moz-opacity: 0;
 +
 +
/* Safari 1.x */
 +
-khtml-opacity: 0;
 +
 +
/* Good browsers */
 +
opacity: 0;
 +
 +
    -webkit-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); 
 +
      -moz-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
 +
-ms-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
 +
-o-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
 +
transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
 +
}
 +
.image-hover-icon.image-hover-dark {
 +
background-color:rgba(0,0,0,0.3);
 +
}
 +
.image-hover-icon.image-hover-light {
 +
background-color:rgba(255,255,255,0.3);
 +
}
 +
.image-hover-icon.image-hover-light>i {
 +
color:#111;
 +
}
 +
.image-hover-icon>i {
 +
font-size:40px;
 +
position:absolute;
 +
left:50%; top:50%;
 +
margin-left:-15px;
 +
margin-top:-15px;
 +
z-index:2;
 +
color:#fff;
 +
}
 +
.image-hover:hover>.image-hover-icon {
 +
/* IE 8 */
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 +
 +
/* IE 5-7 */
 +
filter: alpha(opacity=100);
 +
 +
/* Netscape */
 +
-moz-opacity: 1;
 +
 +
/* Safari 1.x */
 +
-khtml-opacity: 1;
 +
 +
/* Good browsers */
 +
opacity: 1;
 +
}
 +
 +
 +
 +
 +
 +
/** Sticky Side
 +
**************************************************************** **/
 +
.sticky-side {
 +
position: fixed;
 +
top: 50%; left: 6px;
 +
width: 36px;
 +
z-index: 1;
 +
}
 +
.sticky-side .social-icon {
 +
margin:0;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
/** Parallax Social icons
 +
**************************************************************** **/
 +
ul.social-icons {
 +
    display: inline-block;
 +
    list-style: none;
 +
padding: 0;
 +
}
 +
ul.social-icons li {
 +
text-align:center;
 +
display: inline-block;
 +
    padding: 15px 40px;
 +
}
 +
ul.social-icons a h4 {
 +
    font-size: 15px;
 +
    letter-spacing: 1px;
 +
    margin-top: 0;
 +
    margin-bottom: 0;
 +
}
 +
ul.social-icons a {
 +
color:#fff;
 +
text-decoration:none;
 +
}
 +
ul.social-icons a>span {
 +
    font-size: 13px;
 +
color:#999;
 +
}
 +
ul.social-icons  a>i.fa {
 +
    line-height: 1!important;
 +
}
 +
ul.social-icons a h4,
 +
ul.social-icons a span {
 +
    -webkit-transition: 0.2s all linear;
 +
-moz-transition: 0.2s all linear;
 +
    -ms-transition: 0.2s all linear;
 +
    -o-transition: 0.2s all linear;
 +
transition: 0.2s all linear;
 +
}
 +
ul.social-icons a>i.fa {
 +
    border-radius: 50% !important;
 +
    width: 100px;
 +
    height: 100px;
 +
line-height:100px !important;
 +
    margin: 0 auto 0 auto;
 +
 +
font-size:60px;
 +
   
 +
-webkit-transition: 0.16s all linear;
 +
-moz-transition: 0.16s all linear;
 +
    -ms-transition: 0.16s all linear;
 +
    -o-transition: 0.16s all linear;
 +
transition: 0.16s all linear;
 +
}
 +
ul.social-icons a:hover>i.fa {
 +
    background: rgba(255,255,255,0.1);
 +
    font-size: 50px;
 +
line-height:100px !important;
 +
}
 +
@media (max-width:482px) {
 +
    ul.social-icons li {
 +
        padding: 15px 10px;
 +
    }
 +
 +
}
 +
 +
 +
 +
 +
 +
/** Word Rotator
 +
**************************************************************** **/
 +
.word-rotator {
 +
visibility: hidden;
 +
width: 100px;
 +
height: 0;
 +
margin-bottom:-11px;
 +
display: inline-block;
 +
overflow: hidden;
 +
text-align: left;
 +
position: relative;
 +
}
 +
 +
 +
h1 .word-rotator {
 +
bottom:-3px;
 +
height: 54px !important;
 +
}
 +
section.page-header h1 .word-rotator {
 +
bottom:1px;
 +
height: 39px !important;
 +
}
 +
h2 .word-rotator {
 +
bottom:0;
 +
height: 45px !important;
 +
}
 +
h3 .word-rotator {
 +
bottom:2px;
 +
height: 36px !important;
 +
}
 +
h4 .word-rotator {
 +
bottom:4px;
 +
height: 27px !important;
 +
}
 +
h5 .word-rotator {
 +
bottom:6px;
 +
height: 21px !important;
 +
}
 +
a .word-rotator {
 +
bottom:5px;
 +
height:24px;
 +
}
 +
p.lead .word-rotator {
 +
height:29px;
 +
bottom:4px;
 +
}
 +
.word-rotator.active {
 +
visibility: visible;
 +
width: auto;
 +
}
 +
.word-rotator .items {
 +
position: relative;
 +
width: 100%;
 +
}
 +
.word-rotator .items span {
 +
display:block;
 +
margin-bottom:0;
 +
}
 +
 +
/* Rotator Plugin */
 +
.rotating {
 +
  display: inline-block;
 +
  -webkit-transform-style: preserve-3d;
 +
  -moz-transform-style: preserve-3d;
 +
  -ms-transform-style: preserve-3d;
 +
  -o-transform-style: preserve-3d;
 +
  transform-style: preserve-3d;
 +
  -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
 +
  -moz-transform: rotateX(0) rotateY(0) rotateZ(0);
 +
  -ms-transform: rotateX(0) rotateY(0) rotateZ(0);
 +
  -o-transform: rotateX(0) rotateY(0) rotateZ(0);
 +
  transform: rotateX(0) rotateY(0) rotateZ(0);
 +
  -webkit-transition: 0.5s;
 +
  -moz-transition: 0.5s;
 +
  -ms-transition: 0.5s;
 +
  -o-transition: 0.5s;
 +
  transition: 0.5s;
 +
  -webkit-transform-origin-x: 50%;
 +
}
 +
 +
.rotating.flip {
 +
  position: relative;
 +
}
 +
 +
.rotating .front, .rotating .back {
 +
  left: 0;
 +
  top: 0;
 +
  -webkit-backface-visibility: hidden;
 +
  -moz-backface-visibility: hidden;
 +
  -ms-backface-visibility: hidden;
 +
  -o-backface-visibility: hidden;
 +
  backface-visibility: hidden;
 +
}
 +
 +
.rotating .front {
 +
  position: absolute;
 +
  display: inline-block;
 +
  -webkit-transform: translate3d(0,0,1px);
 +
  -moz-transform: translate3d(0,0,1px);
 +
  -ms-transform: translate3d(0,0,1px);
 +
  -o-transform: translate3d(0,0,1px);
 +
  transform: translate3d(0,0,1px);
 +
}
 +
 +
.rotating.flip .front {
 +
  z-index: 1;
 +
}
 +
 +
.rotating .back {
 +
  display: block;
 +
  opacity: 0;
 +
}
 +
 +
.rotating.spin {
 +
  -webkit-transform: rotate(360deg) scale(0);
 +
  -moz-transform: rotate(360deg) scale(0);
 +
  -ms-transform: rotate(360deg) scale(0);
 +
  -o-transform: rotate(360deg) scale(0);
 +
  transform: rotate(360deg) scale(0);
 +
}
 +
 +
 +
 +
.rotating.flip .back {
 +
  z-index: 2;
 +
  display: block;
 +
  opacity: 1;
 +
 
 +
  -webkit-transform: rotateY(180deg) translate3d(0,0,0);
 +
  -moz-transform: rotateY(180deg) translate3d(0,0,0);
 +
  -ms-transform: rotateY(180deg) translate3d(0,0,0);
 +
  -o-transform: rotateY(180deg) translate3d(0,0,0);
 +
  transform: rotateY(180deg) translate3d(0,0,0);
 +
}
 +
 +
.rotating.flip.up .back {
 +
  -webkit-transform: rotateX(180deg) translate3d(0,0,0);
 +
  -moz-transform: rotateX(180deg) translate3d(0,0,0);
 +
  -ms-transform: rotateX(180deg) translate3d(0,0,0);
 +
  -o-transform: rotateX(180deg) translate3d(0,0,0);
 +
  transform: rotateX(180deg) translate3d(0,0,0);
 +
}
 +
 +
.rotating.flip.cube .front {
 +
  -webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);
 +
  -moz-transform: translate3d(0,0,100px) scale(0.85,0.85);
 +
  -ms-transform: translate3d(0,0,100px) scale(0.85,0.85);
 +
  -o-transform: translate3d(0,0,100px) scale(0.85,0.85);
 +
  transform: translate3d(0,0,100px) scale(0.85,0.85);
 +
}
 +
 +
.rotating.flip.cube .back {
 +
  -webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);
 +
  -moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
 +
  -ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
 +
  -o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
 +
  transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
 +
}
 +
 +
.rotating.flip.cube.up .back {
 +
  -webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);
 +
  -moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
 +
  -ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
 +
  -o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
 +
  transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
/** Sliders
 +
**************************************************************** **/
 +
section#slider {
 +
display:block;
 +
padding:0;
 +
margin:0;
 +
box-shadow:none;
 +
background-color:#151515;
 +
overflow:hidden !important;
 +
border-bottom:0;
 +
z-index:0;
 +
 +
-webkit-transition: all 0s;
 +
  -moz-transition: all 0s;
 +
-o-transition: all 0s;
 +
transition: all 0s;
 +
}
 +
/* enable animation for mobile fullheight */
 +
section#slider.mobile-fullheight {
 +
-webkit-transition: all .400s;
 +
  -moz-transition: all .400s;
 +
-o-transition: all .400s;
 +
transition: all .400s;
 +
}
 +
section#slider.transparent {
 +
background-color:transparent;
 +
}
 +
section#slider.parallax-slider:before {
 +
    background-color: rgba(0,0,0,0.0);
 +
    position: absolute;
 +
    left: 0;
 +
    right: 0;
 +
    top: 0;
 +
    bottom: 0;
 +
    width: 100%;
 +
    height: 100%;
 +
}
 +
 +
section#slider .text-muted {
 +
color: #fff !important;
 +
}
 +
 +
section#slider .slider-video {
 +
position: absolute;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 0;
 +
top: 0;
 +
left: 0;
 +
}
 +
section#slider .slider-video video {
 +
position: absolute;
 +
top:0; bottom: 0;
 +
left:0; right: 0;
 +
min-width: 100%;
 +
min-height: 100%;
 +
width: auto;
 +
height: auto;
 +
overflow: hidden;
 +
}
 +
section#slider canvas {
 +
width:auto !important;
 +
height:auto !important;
 +
}
 +
section#slider a:hover {
 +
color:#fff;
 +
}
 +
 +
/* slider form */
 +
section#slider:not(.custom-form) form .btn {
 +
margin:0;
 +
}
 +
section#slider:not(.custom-form) input {
 +
color:#fff;
 +
background-color:rgba(0,0,0,0.7);
 +
border-color:rgba(255,255,255,0.3);
 +
}
 +
section#slider:not(.custom-form) .input-group-addon:first-child {
 +
color:#ccc;
 +
background-color:rgba(0,0,0,0.7);
 +
border-color:rgba(255,255,255,0.3);
 +
}
 +
section#slider:not(.custom-form) form.validate input.error {
 +
color:#333;
 +
}
 +
section#slider:not(.custom-form) input:focus {
 +
border-color:rgba(255,255,255,0.3);
 +
}
 +
section#slider:not(.custom-form) .btn-default {
 +
background-color:rgba(0,0,0,0.2);
 +
border-color:rgba(255,255,255,0.5);
 +
}
 +
 +
 +
#slider h1,
 +
.slider h1,
 +
#slider h2,
 +
.slider h2,
 +
#slider h3,
 +
.slider h3,
 +
#slider h4,
 +
.slider h4,
 +
#slider h5,
 +
.slider h5,
 +
#slider h6,
 +
.slider h6 {
 +
color:#fff;
 +
}
 +
 +
 +
/* slider top links */
 +
#slider .slider-links,
 +
.slider .slider-links {
 +
position:absolute;
 +
z-index:100;
 +
color:#fff;
 +
}
 +
#slider .slider-links li,
 +
.slider .slider-links li {
 +
vertical-align:top;
 +
text-align:left;
 +
font-size:22px;
 +
color:#ddd;
 +
font-style:italic;
 +
}
 +
#slider .slider-links li a,
 +
.slider .slider-links li a {
 +
color:#fff;
 +
font-size:12px;
 +
font-style:normal;
 +
font-weight:bold;
 +
border-left: 1px solid rgba(255,255,255,.15);
 +
margin-left: 15px;
 +
overflow: hidden;
 +
padding: 6px 0;
 +
padding-left: 15px;
 +
text-transform: uppercase;
 +
max-width:220px;
 +
display:inline-block;
 +
text-align:left;
 +
max-height:62px;
 +
text-shadow:none;
 +
 +
opacity: 1;
 +
filter: alpha(opacity=100);
 +
}
 +
#slider .slider-links li:hover a,
 +
.slider .slider-links li:hover a {
 +
opacity: 0.8;
 +
filter: alpha(opacity=80);
 +
}
 +
 +
 +
 +
/* shadows - over image */
 +
#slider .top-shadow,
 +
.slider .top-shadow {
 +
    padding: 50px 30px;
 +
min-height:150px;
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
    text-align: center;
 +
    width: 100%;
 +
z-index:80;
 +
 +
    background-image: -moz-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
 +
    background-image: -ms-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
 +
    background-image: -o-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
 +
    background-image: -webkit-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
 +
    background-image: -webkit-gradient(linear, center top, center top, from(rgba(51,51,51,0)), to(rgba(51,51,51,0.6)));
 +
    background-image: linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
 +
}
 +
#slider .bottom-shadow,
 +
.slider .bottom-shadow {
 +
    padding: 50px 30px;
 +
min-height:150px;
 +
    position: absolute;
 +
    bottom: 0;
 +
    left: 0;
 +
    text-align: center;
 +
    width: 100%;
 +
z-index:80;
 +
 +
    background-image: -moz-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
 +
    background-image: -ms-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
 +
    background-image: -o-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
 +
    background-image: -webkit-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
 +
    background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(51,51,51,0)), to(rgba(51,51,51,0.6)));
 +
    background-image: linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
 +
}
 +
 +
 +
/** Next | Prev
 +
************************* **/
 +
.tparrows.round,
 +
.tp-leftarrow.round,
 +
.tp-rightarrow.round,
 +
.flex-prev,
 +
.flex-next,
 +
.camera_next,
 +
.camera_prev,
 +
.nivo-nextNav,
 +
.nivo-prevNav,
 +
.owl-prev,
 +
.owl-next,
 +
.swiper-button-next,
 +
.swiper-button-prev {
 +
background-image:none !important;
 +
border:0;
 +
color:#ccc;
 +
font-size:34px;
 +
line-height:55px;
 +
height:auto !important;
 +
width:56px !important;
 +
text-align:center;
 +
background-color:rgba(0,0,0,0.2);
 +
 +
-webkit-border-radius: 3px;
 +
  -moz-border-radius: 3px;
 +
border-radius: 3px;
 +
 +
-webkit-transition: all .400s;
 +
  -moz-transition: all .400s;
 +
-o-transition: all .400s;
 +
transition: all .400s;
 +
}
 +
.tp-rightarrow.round,
 +
.flex-next,
 +
.owl-next,
 +
.camera_next,
 +
.nivo-nextNav,
 +
.swiper-button-next {
 +
right:-3px;
 +
}
 +
.tp-leftarrow.round,
 +
.flex-prev,
 +
.owl-prev,
 +
.camera_prev,
 +
.nivo-prevNav,
 +
.swiper-button-prev {
 +
left:-3px;
 +
}
 +
.tp-leftarrow.round:hover,
 +
.tp-rightarrow.round:hover,
 +
.flex-next:hover,
 +
.owl-prev:hover,
 +
.owl-next:hover,
 +
.flex-prev:hover,
 +
.camera_next:hover,
 +
.camera_prev:hover,
 +
.nivo-nextNav:hover,
 +
.nivo-prevNav:hover,
 +
.swiper-button-next:hover,
 +
.swiper-button-prev:hover {
 +
color:#fff;
 +
background-color:rgba(0,0,0,0.5);
 +
}
 +
 +
 +
/** Flex Slider **/
 +
.flexslider[data-arrowNav="false"] ul.flex-direction-nav {
 +
display:none !important;
 +
}
 +
 +
 +
 +
 +
/** Swiper Slider
 +
************************* **/
 +
    .swiper-container {
 +
        width: 100%;
 +
        height: 100%;
 +
position:relative;
 +
    }
 +
 +
.swiper-slide {
 +
color:#fff;
 +
        font-size: 18px;
 +
        background: #fff;
 +
position:relative;
 +
 +
  background-position: center center;
 +
background-repeat: no-repeat;
 +
 +
-webkit-background-size: cover;
 +
  -moz-background-size: cover;
 +
-o-background-size: cover;
 +
 +
-webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  background-size: cover;
 +
box-sizing: border-box;
 +
}
 +
.swiper-pagination-bullet {
 +
width:20px !important;
 +
height:5px !important;
 +
background:#fff !important;
 +
opacity: 0.5 !important;
 +
filter: alpha(opacity=50) !important;
 +
 +
-webkit-border-radius: 0 !important;
 +
  -moz-border-radius: 0 !important;
 +
border-radius: 0 !important;
 +
}
 +
.swiper-pagination-bullet:hover,
 +
.swiper-pagination-bullet-active {
 +
-webkit-transition: all .200s;
 +
  -moz-transition: all .200s;
 +
-o-transition: all .200s;
 +
transition: all .200s;
 +
 +
opacity: 1 !important;
 +
filter: alpha(opacity=100) !important;
 +
}
 +
 +
.swiper-caption {
 +
color:#fff;
 +
position:absolute;
 +
opacity: .85;
 +
bottom: 0;
 +
left:0;
 +
right:0;
 +
height: 80px;
 +
line-height:20px;
 +
padding:30px 15px;
 +
text-shadow: 1px 1px 1px rgba(0,0,0,.3);
 +
 +
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
 +
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.85)));
 +
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
 +
background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
 +
background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
 +
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
 +
}
 +
@media only screen and (max-width: 480px) {
 +
.swiper-caption {
 +
font-size:15px;
 +
}
 +
}
 +
 +
.swiper-container.has-fixed-footer .swiper-button-next,
 +
.swiper-container.has-fixed-footer .swiper-button-prev {
 +
margin-top:-80px;
 +
}
 +
 +
 +
 +
 +
/** Nivo Slider
 +
************************* **/
 +
.nivo-controlNav {
 +
display: none1;
 +
}
 +
.nivo-caption {
 +
left: 20px;
 +
bottom: 20px;
 +
display:inline-block;
 +
color: #fff;
 +
background-color:rgba(0,0,0,0.7);
 +
font-family:'Lato',Arial,Helvetica,sans-serif;
 +
font-weight:300;
 +
padding: 6px 15px 8px 15px;
 +
opacity: 1;
 +
width:auto;
 +
max-width:500px;
 +
font-size:21px;
 +
text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
 +
 +
-webkit-border-radius: 3px;
 +
  -moz-border-radius: 3px;
 +
border-radius: 3px;
 +
}
 +
.nivo-controlNav {
 +
text-align: center;
 +
padding: 20px 0;
 +
}
 +
.nivo-controlNav a {
 +
display:inline-block;
 +
width:22px;
 +
height:22px;
 +
background:url('../images/_smarty/plugins/slider.nivo/bullets.png') no-repeat;
 +
text-indent:-9999px;
 +
border:0;
 +
margin: 0 2px;
 +
}
 +
.nivo-controlNav a.active {
 +
background-position:0 -22px;
 +
}
 +
 +
@media only screen and (max-width: 768px) {
 +
.nivo-caption {
 +
display:none;
 +
}
 +
}
 +
 +
 +
 +
/** Camera Slider
 +
************************* **/
 +
.camera_wrap {
 +
overflow:hidden;
 +
}
 +
.camera_wrap .camera_pag .camera_pag_ul {
 +
padding: 0;
 +
position: absolute;
 +
right: 20px; bottom: -8px;
 +
list-style: none;
 +
}
 +
.camera_caption {
 +
font-family:'Lato',Arial,Helvetica,sans-serif;
 +
font-size:22px;
 +
font-weight:300;
 +
}
 +
 +
.camera_commands {
 +
display:none !important;
 +
}
 +
.camera_pie canvas {
 +
margin:10px;
 +
}
 +
@media only screen and (max-width: 768px) {
 +
.camera_caption {
 +
display:none !important;
 +
}
 +
}
 +
 +
 +
 +
 +
 +
/** Elastic Slider
 +
************************* **/
 +
.ei-title h2 {
 +
font-size: 40px;
 +
line-height: 50px;
 +
color: #fff;
 +
font-weight:300;
 +
margin:0;
 +
}
 +
.ei-title h3 {
 +
font-size: 60px;
 +
line-height: 60px;
 +
font-family: 'Open Sans', sans-serif;
 +
text-transform: uppercase;
 +
font-weight:300;
 +
color: #fff;
 +
margin:0;
 +
}
 +
.ei-slider-thumbs {
 +
margin:0 auto;
 +
padding:0;
 +
top:-30px;
 +
position:relative;
 +
z-index:10;
 +
height:4px;
 +
}
 +
.ei-slider-thumbs li:hover img{
 +
bottom:4px;
 +
}
 +
.ei-container-thumbs {
 +
display:block;
 +
}
 +
.ei-slider-thumbs li {
 +
border-left:transparent 6px solid;
 +
}
 +
.ei-slider-thumbs li a {
 +
background-color:#fff;
 +
-webkit-box-shadow: none;
 +
  -moz-box-shadow: none;
 +
box-shadow: none;
 +
}
 +
.ei-slider-thumbs li img {
 +
-webkit-box-reflect: none;
 +
-ms-filter: none;
 +
}
 +
 +
@media only screen and (max-width: 768px) {
 +
.ei-title {
 +
display:none;
 +
}
 +
}
 +
 +
 +
 +
 +
/** Revolution Slider
 +
************************* **/
 +
.tp-caption {
 +
text-shadow:#000 1px 1px 1px;
 +
}
 +
.tp-caption.text_white,
 +
.tp-caption.text_black,
 +
.tp-caption.block_white,
 +
.tp-caption.block_theme_color,
 +
.tp-caption.block_black {
 +
white-space: nowrap;
 +
line-height: 34px;
 +
border-width: 0px;
 +
margin: 0px;
 +
padding: 1px 10px;
 +
letter-spacing: 0px;
 +
font-size: 22px;
 +
color: #fff;
 +
text-shadow:none;
 +
}
 +
 +
.tp-caption.block_white {
 +
background-color: #fff;
 +
}
 +
.tp-caption.block_black {
 +
background-color: #000;
 +
}
 +
.tp-caption.text_white {
 +
color: #fff;
 +
}
 +
.tp-caption.text_black {
 +
color: #111;
 +
}
 +
 +
.tp-bannertimer {
 +
background:rgba(0,0,0,0.5) !important;
 +
height:2px !important;
 +
}
 +
 +
.tparrows.round:before {
 +
font-family: 'revicons';
 +
}
 +
.tparrows {
 +
top:50% !important;
 +
margin-top:-25px;
 +
}
 +
.tparrows.preview1 {
 +
margin-top:-50px !important;
 +
}
 +
 +
.tparrows.preview4 {
 +
margin-top:-50px !important;
 +
}
 +
 +
.tparrows.preview2 {
 +
line-height:1;
 +
}
 +
 +
.tparrows:hover {
 +
color: #fff;
 +
}
 +
.tp-leftarrow.round:before {
 +
content: '\e824';
 +
}
 +
.tp-rightarrow.round:before {
 +
content: '\e825';
 +
}
 +
.tparrows.tp-rightarrow:before {
 +
margin-left: 1px;
 +
}
 +
/* bullets */
 +
.tp-bullets.simplebullets.round {
 +
bottom:20px !important;
 +
}
 +
.tp-bullets.simplebullets.round .bullet {
 +
background:none;
 +
background-color:#fff;
 +
height:5px;
 +
}
 +
.tp-bullets.simplebullets.round .bullet.selected {
 +
background-color:#000;
 +
}
 +
 +
/* revslider 5+ */
 +
.rev_slider_wrapper.arrows-bottom .tparrows {
 +
top:100% !important;
 +
}
 +
.rev_slider_wrapper .tp-caption {
 +
text-shadow:none;
 +
}
 +
.rev_slider_wrapper .inner {
 +
bottom:inherit !important;
 +
right:auto !important;
 +
width:auto !important;
 +
height:auto !important;
 +
}
 +
.rev_slider_wrapper.bottom-noinherit .inner {
 +
bottom:0 !important;
 +
}
 +
.tp-tabs,
 +
.tp-tab-mask,
 +
.tp-thumb-mask {
 +
z-index:1001;
 +
}
 +
.tp-thumbs {
 +
width:auto;
 +
}
 +
 +
.rev_slider_wrapper.bottom-noinherit .tp-tab-mask {
 +
transform: matrix(1, 0, 0, 1, 0, 100) !important;
 +
height:100% !important;
 +
max-height:100% !important;
 +
}
 +
.rev_slider_wrapper.tparrows-bottom  .tparrows {
 +
top:auto !important;
 +
bottom:-80px !important;
 +
margin-top:0 !important;
 +
}
 +
 +
/* centerig fix */
 +
.Dining-Social, .tp-caption.Dining-Social,
 +
.VideoControls-Play, .tp-caption.VideoControls-Play {
 +
text-align:center !important;
 +
}
 +
 +
/* rs-55.html arrows fix */
 +
.tparrows.gyges {
 +
top: 100% !important;
 +
}
 +
 +
/* rs-57.html */
 +
.rs-57 .bullet-bar.tp-bullets:before{
 +
content:" ";
 +
position:absolute;
 +
width:100%;
 +
height:100%;
 +
background:transparent;
 +
padding:10px;
 +
margin-left:-10px;
 +
margin-top:-10px;
 +
box-sizing:content-box;
 +
}
 +
 +
.rs-57 .bullet-bar .tp-bullet {
 +
width:60px;
 +
height:3px;
 +
position:absolute;
 +
background:#aaa; 
 +
background:rgba(204,204,204,0.5);
 +
cursor:pointer;
 +
box-sizing:content-box;
 +
}
 +
 +
.rs-57 .bullet-bar .tp-bullet:hover,
 +
.rs-57 .bullet-bar .tp-bullet.selected {
 +
background:rgba(204,204,204,1);
 +
}
 +
 +
/** Layer Slider
 +
************************* **/
 +
.ls-borderlessdark .ls-thumbnail-inner,
 +
div.ls-thumbnail-slide-container {
 +
background-color:rgba(0,0,0,0.1) !important;
 +
 +
-webkit-border-radius: 0;
 +
  -moz-border-radius: 0;
 +
border-radius: 0;
 +
}
 +
.ls-thumbnail-slide img {
 +
width:100%;
 +
}
 +
.ls-container .ls-thumbnail-wrapper {
 +
margin-bottom:100px;
 +
}
 +
 +
 +
 +
/** Slider Featured Text
 +
************************ **/
 +
#slider div.slider-featured-text {
 +
padding:30px;
 +
}
 +
#slider div.slider-featured-text h1 {
 +
text-shadow:rgba(33,33,33,0.5) 1px 1px 3px;
 +
font-size:90px;
 +
line-height:90px;
 +
margin:0;
 +
font-family:Arial,Helvetica,sans-serif;
 +
}
 +
#slider div.slider-featured-text h2 {
 +
text-shadow:#333 1px 1px 3px;
 +
font-size:30px;
 +
line-height:30px;
 +
}
 +
#slider div.slider-featured-text h1 em,
 +
#slider div.slider-featured-text h2 em {
 +
font-style:normal;
 +
}
 +
#slider div.slider-featured-text .btn {
 +
color:#333 !important;
 +
background-color:#fff !important;
 +
border:0 !important;
 +
}
 +
#slider div.slider-featured-text .btn:hover,
 +
#slider div.slider-featured-text .btn:active {
 +
opacity:0.9;
 +
}
 +
@media only screen and (max-width: 768px) {
 +
#slider div.slider-featured-text {
 +
text-align:center !important;
 +
width:100%;
 +
}
 +
#slider div.slider-featured-text h1 {
 +
font-size:30px;
 +
line-height:35px;
 +
text-align:center;
 +
}
 +
#slider div.slider-featured-text h2 {
 +
font-size:27px;
 +
line-height:27px;
 +
text-align:center;
 +
}
 +
}
 +
 +
 +
/** **/
 +
#slider img.img-fluid {
 +
display:inline-block;
 +
}
 +
 +
#slider h1,
 +
#slider h2,
 +
#slider h3,
 +
#slider h4,
 +
#slider h5,
 +
#slider h6,
 +
#slider p {
 +
color:#fff;
 +
text-shadow:rgba(0,0,0,0.16) 1px 1px 1px;
 +
}
 +
#slider h1 {
 +
font-size:60px;
 +
line-height:60px;
 +
}
 +
#slider h2 {
 +
font-size:40px;
 +
line-height:40px;
 +
}
 +
#slider h3 {
 +
font-size:30px;
 +
line-height:30px;
 +
}
 +
#slider:not(.custom-form) .btn {
 +
margin-top:30px;
 +
}
 +
#slider:not(.custom-form) .btn-default,
 +
.slider .btn-default {
 +
color:#fff;
 +
background-color:transparent;
 +
border-color:#fff;
 +
border-width:2px;
 +
}
 +
#slider:not(.custom-form) .btn-default:hover,
 +
.slider .btn-default:hover {
 +
background-color:rgba(255,255,255,0.1);
 +
}
 +
#slider:not(.custom-form) .btn,
 +
.slider .btn {
 +
color:#fff !important;
 +
}
 +
#slider .btn.btn-lg {
 +
font-size: 16px;
 +
}
 +
 +
@media only screen and (max-width: 768px) {
 +
#slider h1 {
 +
font-size:30px !important;
 +
line-height:35px !important;
 +
text-align:center;
 +
}
 +
#slider h2 {
 +
font-size:27px !important;
 +
line-height:27px !important;
 +
text-align:center;
 +
}
 +
#slider h3 {
 +
font-size:23px !important;
 +
line-height:23px !important;
 +
text-align:center;
 +
}
 +
#slider p.lead {
 +
font-size: 23px !important;
 +
}
 +
}
 +
 +
 +
 +
 +
 +
 +
/** Standard Forms Messages
 +
 +
USAGE:
 +
<p id="alert_success" class="alert alert-success alert-mini">Message sent! Thank You!</p>
 +
**************************************************************** **/
 +
#alert_newsletter,
 +
#alert_mandatory,
 +
#alert_success,
 +
#alert_failed {
 +
display:none;
 +
}
 +
 +
 +
 +
 +
 +
/** Portfolio
 +
**************************************************************** **/
 +
/* do not move from here - we rewrite this below */
 +
.item-box-desc h2,
 +
.item-box-desc h3,
 +
.item-box-desc h4,
 +
.item-box-desc h5 {
 +
font-size:18px;
 +
line-height:21px;
 +
margin:0;
 +
padding:0;
 +
}
 +
.item-box .owl-carousel {
 +
margin-top:0px !important;
 +
}
 +
 +
 +
 +
#portfolio {
 +
overflow:hidden;
 +
}
 +
#portfolio h2,
 +
#portfolio h3 {
 +
font-size:18px;
 +
line-height:20px;
 +
margin:0;
 +
color:#111;
 +
}
 +
 +
#portfolio .portfolio-item h2,
 +
#portfolio .portfolio-item h3 {
 +
text-overflow:ellipsis;
 +
white-space: nowrap;
 +
}
 +
 +
 +
#portfolio div.col-md-3 h2,
 +
#portfolio div.col-md-3 h3 {
 +
font-size:18px;
 +
line-height:18px;
 +
}
 +
#portfolio div.col-md-5th h2,
 +
#portfolio div.col-md-5th h3 {
 +
font-size:15px;
 +
line-height:15px;
 +
 +
overflow:hidden;
 +
text-overflow:ellipsis;
 +
white-space: nowrap;
 +
}
 +
#portfolio div.col-md-2 h2,
 +
#portfolio div.col-md-2 h3 {
 +
font-size:13px;
 +
line-height:13px;
 +
}
 +
#portfolio div.col-md-2 .item-box-desc,
 +
#portfolio div.col-md-2 .item-box-desc {
 +
padding:20px 6px 0 15px !important;
 +
}
 +
section.dark #portfolio h2,
 +
section.dark #portfolio h3 {
 +
color:#fff;
 +
}
 +
#portfolio.portfolio-title-over div.col-md-2 .item-box .item-hover .inner {
 +
margin-top:-20px !important;
 +
}
 +
 +
#portfolio div.col-md-2 ul.categories>li>a,
 +
#portfolio div.col-md-5th ul.categories>li>a {
 +
font-size:11px;
 +
line-height:11px;
 +
}
 +
 +
 +
/* dark section */
 +
section.dark#portfolio h2,
 +
section.dark #portfolio h2,
 +
section.dark#portfolio h3,
 +
section.dark #portfolio h3 {
 +
color:#fff !important;
 +
}
 +
.mix.row {
 +
display: -webkit-box !important;
 +
}
 +
#portfolio .mix-grid>.row.mix {
 +
border-bottom:rgba(0,0,0,0.1) 1px solid;
 +
margin-bottom:60px;
 +
padding-bottom:60px;
 +
}
 +
#portfolio .mix-grid>.row.mix:last-child {
 +
border-bottom:0;
 +
}
 +
#portfolio .mix-grid>.row>div:last-child {
 +
margin-bottom:0 !important;
 +
}
 +
#portfolio .item-box-desc h2,
 +
#portfolio .item-box-desc h3 {
 +
font-size:18px;
 +
line-height:20px;
 +
}
 +
 +
#portfolio .item-box-overlay-title {
 +
display:block;
 +
position:absolute;
 +
left:0; right:0;
 +
bottom:0;
 +
padding:8px;
 +
color:#fff;
 +
background-color:rgba(0,0,0,0.6);
 +
color:#fff;
 +
z-index:100;
 +
}
 +
#portfolio .item-box-overlay-title h2,
 +
#portfolio .item-box-overlay-title h3,
 +
#portfolio .item-box-overlay-title h4,
 +
#portfolio .item-box-overlay-title a {
 +
color:#fff;
 +
}
 +
#portfolio .item-box-overlay-title a:hover {
 +
color:#fff !important;
 +
}
 +
#portfolio .controlls-over .owl-pagination {
 +
bottom:auto;
 +
top:10px;
 +
right:10px;
 +
left:auto;
 +
width:auto;
 +
}
 +
 +
@media only screen and (max-width: 992px) {
 +
#portfolio div.col-md-5>h2,
 +
#portfolio div.col-md-5>h3 {
 +
margin-top:30px;
 +
}
 +
}
 +
@media only screen and (max-width: 480px) {
 +
#portfolio.portfolio-title-over .item-box .item-hover .inner {
 +
margin-top:-40px !important;
 +
}
 +
}
 +
 +
/** Gutter
 +
****************** **/
 +
#portfolio.portfolio-gutter .item-box {
 +
margin-bottom:30px;
 +
}
 +
 +
#portfolio.portfolio-nogutter .row>div,
 +
#portfolio.portfolio-nogutter .item-box {
 +
  padding: 0 !important;
 +
  margin: 0 !important;
 +
}
 +
 +
#portfolio.portfolio-gutter .item-box .item-box-desc  {
 +
margin-bottom:0 !important;
 +
padding-bottom:0 !important;
 +
}
 +
 +
 +
/** Isotope Portfolio
 +
****************** **/
 +
#portfolio.portfolio-isotope {
 +
display:block;
 +
margin:auto;
 +
width:100%;
 +
}
 +
#portfolio.portfolio-isotope .item-box-desc {
 +
margin-bottom:0;
 +
}
 +
#portfolio.portfolio-isotope-3 .portfolio-item.has-title .inner,
 +
#portfolio.portfolio-isotope-4 .portfolio-item.has-title .inner,
 +
#portfolio.portfolio-isotope-5 .portfolio-item.has-title .inner {
 +
margin-top:-36px !important;
 +
}
 +
#portfolio.portfolio-isotope-6 .portfolio-item.has-title .inner {
 +
margin-top:-26px !important;
 +
}
 +
 +
/* 2 columns */
 +
#portfolio.portfolio-isotope-2 .portfolio-item {
 +
margin: 0 20px 20px 0;
 +
float:left;
 +
}
 +
#portfolio.portfolio-isotope-2 .item-box-desc {
 +
padding:20px;
 +
}
 +
 +
/* 3 columns */
 +
#portfolio.portfolio-isotope-3 .portfolio-item {
 +
margin: 0 15px 15px 0;
 +
}
 +
#portfolio.portfolio-isotope-3 .item-box-desc {
 +
padding:20px;
 +
}
 +
 +
/* 4 columns */
 +
#portfolio.portfolio-isotope-4 .portfolio-item {
 +
margin: 0 12px 12px 0;
 +
}
 +
#portfolio.portfolio-isotope-4 .portfolio-item h3,
 +
#portfolio.portfolio-isotope-4 .portfolio-item h4 {
 +
font-size:17px;
 +
line-height:17px;
 +
}
 +
#portfolio.portfolio-isotope-4 .item-box-desc {
 +
padding:20px 10px 20px 10px;
 +
}
 +
 +
/* 5 columns */
 +
#portfolio.portfolio-isotope-5 .portfolio-item {
 +
margin: 0 10px 10px 0;
 +
}
 +
#portfolio.portfolio-isotope-5 .portfolio-item  h3,
 +
#portfolio.portfolio-isotope-5 .portfolio-item  h4 {
 +
font-size:16px;
 +
line-height:16px;
 +
}
 +
#portfolio.portfolio-isotope-5 .item-box-desc {
 +
padding:20px 10px 20px 10px;
 +
}
 +
 +
/* 6 columns */
 +
#portfolio.portfolio-isotope-6 .portfolio-item {
 +
margin: 0 6px 6px 0;
 +
}
 +
#portfolio.portfolio-isotope-6 .portfolio-item h3,
 +
#portfolio.portfolio-isotope-6 .portfolio-item h4 {
 +
font-size:15px;
 +
line-height:15px;
 +
}
 +
#portfolio.portfolio-isotope-6 .item-box-desc {
 +
padding:20px 10px 20px 10px;
 +
}
 +
 +
#portfolio.portfolio-isotope.portfolio-nogutter .portfolio-item {
 +
margin:0;
 +
}
 +
 +
 +
 +
 +
/** Ajax Portfolio
 +
****************** **/
 +
#portfolio_ajax_container {
 +
position:relative;
 +
}
 +
#portfolio_ajax_container .overlay>span {
 +
position: absolute;
 +
top: 50%; left: 50%;
 +
width: 68px; height: 68px;
 +
line-height: 76px;
 +
text-align: center;
 +
 +
margin: -34px 0 0 -34px;
 +
background-color: rgba(0,0,0,0.8);
 +
 +
-webkit-border-radius: 3px;
 +
  -moz-border-radius: 3px;
 +
border-radius: 3px;
 +
}
 +
#portfolio_ajax_container .overlay>span>i {
 +
color: #fff;
 +
font-size: 30px;
 +
}
 +
div.portfolio-ajax-page {
 +
margin-bottom:80px;
 +
padding:10px 0;
 +
}
 +
div.portfolio-ajax-page header {
 +
position:relative;
 +
}
 +
div.portfolio-ajax-page header>ul {
 +
margin:0;
 +
position:absolute;
 +
right:0;
 +
top:50%;
 +
margin-top:-10px;
 +
}
 +
div.portfolio-ajax-page header>ul a {
 +
font-size:18px;
 +
}
 +
div.portfolio-ajax-page header>ul a.portfolio-ajax-close {
 +
margin-left:20px;
 +
}
 +
div.portfolio-ajax-page header a {
 +
color:#888;
 +
text-decoration:none;
 +
}
 +
div.portfolio-ajax-page header a:hover {
 +
color:#000;
 +
}
 +
div.portfolio-ajax-page header h2,
 +
div.portfolio-ajax-page header h3 {
 +
margin:0;
 +
}
 +
 +
section.dark .portfolio-ajax-page header a:hover {
 +
color:#fff;
 +
}
 +
 +
@media only screen and (max-width: 768px) {
 +
div.portfolio-ajax-page header {
 +
text-align:center;
 +
}
 +
div.portfolio-ajax-page header>ul {
 +
position:relative;
 +
margin-top:30px;
 +
}
 +
div.portfolio-ajax-page header h2,
 +
div.portfolio-ajax-page header h3 {
 +
font-size:24px;
 +
line-height:24px;
 +
}
 +
}
 +
 +
 +
 +
 +
/** Portfolio Single
 +
****************** **/
 +
ul.portfolio-detail-list span {
 +
display: inline-block;
 +
font-weight: bold;
 +
width: 150px;
 +
}
 +
ul.portfolio-detail-list span>i {
 +
position: relative;
 +
top: 1px;
 +
width: 14px;
 +
text-align: center;
 +
margin-right: 7px;
 +
}
 +
 +
 +
 +
 +
 +
 +
/** Item Box
 +
**************************************************************** **/
 +
.item-box {
 +
overflow:hidden;
 +
margin:0;
 +
position:relative;
 +
box-shadow:rgba(0,0,0,0.1) 0 0 5px;
 +
 +
 +
-webkit-border-radius:0;
 +
  -moz-border-radius:0;
 +
border-radius:0;
 +
}
 +
.mix-grid .item-box,
 +
#portfolio .item-box {
 +
box-shadow:none;
 +
}
 +
.item-box.fullwidth {
 +
max-width:100%;
 +
}
 +
section.alternate .item-box {
 +
background-color:rgba(0,0,0,0.05);
 +
}
 +
 +
 +
.item-box figure {
 +
width:100%;
 +
display:block;
 +
margin-bottom:0;
 +
overflow:hidden;
 +
position:relative;
 +
text-align:center;
 +
}
 +
.item-box.fixed-box figure img {
 +
width:100%;
 +
height:auto;
 +
}
 +
 +
.item-box-desc {
 +
padding:30px 20px 20px 20px;
 +
overflow:hidden;
 +
margin-bottom:10px;
 +
text-align:left !important;
 +
}
 +
.item-box-desc p {
 +
margin-top:20px;
 +
display:block;
 +
overflow:hidden;
 +
text-overflow:ellipsis;
 +
/*white-space: nowrap;*/
 +
}
 +
.item-box.fixed-box .item-box-desc p {
 +
height:98px;
 +
}
 +
.item-box-desc h2,
 +
.item-box-desc h3,
 +
.item-box-desc h4,
 +
.item-box-desc h5 {
 +
padding:0; margin:0;
 +
}
 +
.item-box .item-box-desc small {
 +
display:block;
 +
}
 +
 +
.item-box.fixed-box .item-box-desc {
 +
height:256px;
 +
}
 +
 +
.item-box.fixed-box figure {
 +
max-height:263px;
 +
}
 +
 +
.item-box .socials {
 +
border-top:#eee 1px solid;
 +
text-align:center;
 +
display:block;
 +
}
 +
 +
 +
/* hover */
 +
.item-box .item-hover {
 +
opacity: 0;
 +
filter: alpha(opacity=0);
 +
position:absolute;
 +
left:0; right:0; top:0; bottom:0;
 +
text-align:center;
 +
color:#fff;
 +
 +
-webkit-transition: all 0.3s;
 +
  -moz-transition: all 0.3s;
 +
-o-transition: all 0.3s;
 +
transition: all 0.3s;
 +
}
 +
.item-box .item-hover,
 +
.item-box .item-hover button,
 +
.item-box .item-hover a {
 +
color:#fff;
 +
}
 +
.item-box .item-hover .inner {
 +
position:absolute;
 +
display:block;
 +
left:0; right:0; top:50%;
 +
margin-top:-10px;
 +
margin-bottom:0;
 +
width:100%;
 +
z-index:100;
 +
line-height:23px;
 +
}
 +
.item-box:hover .item-hover {
 +
opacity: 1;
 +
filter: alpha(opacity=100);
 +
}
 +
 +
.item-box .item-hover .inner .ico-rounded>span {
 +
color:#666;
 +
background-color:#fff;
 +
width:50px;
 +
height:50px;
 +
line-height:50px !important;
 +
margin:-20px  5px 0 5px;
 +
 +
-webkit-transition: all 0.3s;
 +
  -moz-transition: all 0.3s;
 +
-o-transition: all 0.3s;
 +
transition: all 0.3s;
 +
 +
-webkit-border-bottom-right-radius: 20px;
 +
-webkit-border-top-left-radius: 20px;
 +
-moz-border-radius-bottomright: 20px;
 +
-moz-border-radius-topleft: 20px;
 +
border-bottom-right-radius: 20px;
 +
border-top-left-radius: 20px;
 +
}
 +
 +
 +
.nav-pills>li.active>a,
 +
.nav-pills>li.active>a:hover,
 +
.nav-pills>li.active>a:focus {
 +
color:#333;
 +
background-color:rgba(0,0,0,0.07);
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
/** Mixitup
 +
**************************************************************** **/
 +
.mix-grid .mix {
 +
opacity: 0;
 +
display: none;
 +
}
 +
.mix.nogutter,
 +
.mix.nogutter>.item-box  {
 +
padding:0 !important;
 +
margin:0 !important;
 +
line-height:0;
 +
}
 +
 +
 +
 +
 +
 +
/** Blog
 +
**************************************************************** **/
 +
.blog-post-item {
 +
display:block;
 +
margin-bottom:80px;
 +
padding-bottom:60px;
 +
border-bottom:#eee 1px solid;
 +
position:relative;
 +
}
 +
section.dark .blog-post-item {
 +
border-bottom:#444 1px solid;
 +
}
 +
 +
h1.blog-post-title,
 +
.blog-post-item h2 {
 +
letter-spacing:0;
 +
font-family:'Open Sans',Arial,Helvetica,sans-serif;
 +
font-size:22px;
 +
margin-bottom:10px;
 +
}
 +
ul.blog-post-info {
 +
display:block;
 +
border-bottom:#eaeaea 1px dotted;
 +
padding-bottom:20px;
 +
font-size:14px;
 +
}
 +
section.dark ul.blog-post-info {
 +
border-bottom-color:#444;
 +
}
 +
ul.blog-post-info li>a {
 +
color:#888;
 +
}
 +
ul.blog-post-info li i {
 +
color:#888;
 +
margin-right:5px;
 +
}
 +
ul.blog-post-info li a:after {
 +
content:' , ';
 +
}
 +
ul.blog-post-info li a:last-child:after {
 +
content:'';
 +
}
 +
 +
/* blog misc */
 +
.blog-post-item .flexslider {
 +
margin-bottom:20px;
 +
}
 +
h1.blog-post-title {
 +
font-size:24px;
 +
margin-bottom:0;
 +
}
 +
 +
 +
 +
 +
/** Blog Small Image
 +
****************** **/
 +
.blog-post-item .blog-item-small-image {
 +
width:300px;
 +
float:left;
 +
}
 +
.blog-post-item .blog-item-small-image + .blog-item-small-content {
 +
padding-left:330px;
 +
}
 +
.blog-post-item.blog-post-item-inverse .blog-item-small-image {
 +
width:300px;
 +
float:right;
 +
}
 +
.blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content {
 +
padding-left:0;
 +
padding-right:330px;
 +
}
 +
 +
.blog-both-sidebar .blog-post-item .blog-item-small-image {
 +
width:200px;
 +
}
 +
.blog-both-sidebar .blog-post-item .blog-item-small-image + .blog-item-small-content {
 +
padding-left:230px;
 +
}
 +
 +
.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image {
 +
width:200px;
 +
float:right;
 +
}
 +
.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content {
 +
padding-left:0;
 +
padding-right:230px;
 +
}
 +
 +
@media only screen and (max-width: 768px) {
 +
.blog-post-item .blog-item-small-image,
 +
.blog-post-item.blog-post-item-inverse .blog-item-small-image,
 +
.blog-both-sidebar .blog-post-item .blog-item-small-image,
 +
.blog-both-sidebar .blog-post-item .blog-item-small-image + .blog-item-small-content {
 +
width:100%;
 +
display:block;
 +
float:none;
 +
}
 +
.blog-post-item .blog-item-small-image + .blog-item-small-content,
 +
.blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content,
 +
.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image,
 +
.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content {
 +
padding:0;
 +
}
 +
}
 +
 +
 +
 +
/** Isotope Blog
 +
****************** **/
 +
#blog.blog-isotope {
 +
display:block;
 +
margin:auto;
 +
width:100%;
 +
}
 +
#blog.blog-isotope-3 .blog-post-item .flexslider,
 +
#blog.blog-isotope-4 .blog-post-item .flexslider,
 +
#blog.blog-isotope-5 .blog-post-item .flexslider,
 +
#blog.blog-isotope-6 .blog-post-item .flexslider {
 +
margin-bottom:20px;
 +
}
 +
 +
/* 2 columns */
 +
#blog.blog-isotope-2 .blog-post-item {
 +
margin: 0 20px 20px 0;
 +
float:left;
 +
border:0;
 +
}
 +
#blog.blog-isotope-2.blog-post-item h2 {
 +
font-size:17px;
 +
line-height:17px;
 +
}
 +
 +
/* 3 columns */
 +
#blog.blog-isotope-3 .blog-post-item {
 +
margin: 0 15px 15px 0;
 +
border:0;
 +
}
 +
#blog.blog-isotope-3 .blog-post-item h2 {
 +
font-size:17px;
 +
line-height:17px;
 +
}
 +
 +
/* 4 columns */
 +
#blog.blog-isotope-4 .blog-post-item {
 +
margin: 0;
 +
padding:0 15px 60px 15px;
 +
border:0;
 +
}
 +
#blog.blog-isotope-4 .blog-post-item h2 {
 +
font-size:17px;
 +
line-height:17px;
 +
}
 +
 +
/* 5 columns */
 +
#blog.blog-isotope-5 .blog-post-item {
 +
margin: 0 10px 10px 0;
 +
border:0;
 +
}
 +
#blog.blog-isotope-5 .blog-post-item  h2 {
 +
font-size:16px;
 +
line-height:16px;
 +
}
 +
 +
/* 6 columns */
 +
#blog.blog-isotope-6 .blog-post-item {
 +
margin: 0 6px 6px 0;
 +
border:0;
 +
}
 +
#blog.blog-isotope-6 .blog-post-item h2 {
 +
font-size:15px;
 +
line-height:15px;
 +
}
 +
 +
 +
 +
 +
/** Blog Single
 +
****************** **/
 +
.blog-single-small-media {
 +
width:350px;
 +
float:left;
 +
margin-right:30px;
 +
margin-bottom:20px;
 +
}
 +
.blog-single-small-media.inverse {
 +
float:right;
 +
margin-right:0;
 +
margin-left:30px;
 +
}
 +
 +
 +
/** Comments
 +
**************************************************************** **/
 +
.comments {
 +
margin-top:60px;
 +
}
 +
.comments .comment-item {
 +
margin:40px 0;
 +
}
 +
.comments a.comment-reply {
 +
float:right;
 +
font-size:11px;
 +
text-transform:uppercase;
 +
}
 +
.comments span.user-avatar {
 +
background:#eee;
 +
width:64px; height:64px;
 +
float:left;
 +
margin-right:10px;
 +
}
 +
section.dark .comments span.user-avatar {
 +
background:transparent;
 +
}
 +
.comments small {
 +
font-size:12px;
 +
font-family:'Open Sans',Arial,Helvetica,sans-serif;
 +
color:#aaa;
 +
}
 +
.comments h4 {
 +
font-size:15px;
 +
}
 +
section.dark .comments small {
 +
color:#666;
 +
}
 +
 +
 +
/* BORDERED COMMENTS */
 +
.comment-list p,
 +
.comment-list .row {
 +
margin-bottom: 0px;
 +
}
 +
.comment-list .card .card-heading {
 +
padding: 4px 15px;
 +
position: absolute;
 +
border:none;
 +
border-top-right-radius:0px;
 +
top: 1px;
 +
}
 +
.comment-list .card .card-heading.right {
 +
border-right-width: 0px;
 +
border-top-left-radius:0px;
 +
right: 16px;
 +
}
 +
.comment-list .card .card-heading .card-body {
 +
padding-top: 6px;
 +
}
 +
.comment-list figcaption {
 +
/*For wrapping text in thumbnail*/
 +
word-wrap: break-word;
 +
}
 +
/* Portrait tablets and medium desktops */
 +
@media (min-width: 768px) {
 +
.comment-list .arrow:after,
 +
.comment-list .arrow:before {
 +
content: "";
 +
position: absolute;
 +
width: 0;
 +
height: 0;
 +
border-style: solid;
 +
border-color: transparent;
 +
}
 +
.comment-list .card.arrow.left:after,
 +
.comment-list .card.arrow.left:before {
 +
border-left: 0;
 +
}
 +
/*****Left Arrow*****/
 +
.comment-list .card.arrow.left:before {
 +
left: 0px;
 +
top: 30px;
 +
border-right-color: inherit;
 +
border-width: 16px;
 +
}
 +
/*Background color effect*/
 +
.comment-list .card.arrow.left:after {
 +
left: 1px;
 +
top: 31px;
 +
border-right-color: #FFFFFF;
 +
border-width: 15px;
 +
}
 +
/*****Right Arrow*****/
 +
.comment-list .card.arrow.right:before {
 +
right: -16px;
 +
top: 30px;
 +
border-left-color: inherit;
 +
border-width: 16px;
 +
}
 +
/*Background color effect*/
 +
.comment-list .card.arrow.right:after {
 +
right: -14px;
 +
top: 31px;
 +
border-left-color: #FFFFFF;
 +
border-width: 15px;
 +
}
 +
 +
section.dark .comment-list .thumbnail {
 +
border-color:#666;
 +
background-color:#666;
 +
}
 +
section.dark .comment-list .card.arrow.left:after {
 +
border-right-color: #212121;
 +
}
 +
section.dark .comment-list .card.arrow.right:after {
 +
border-left-color: #212121;
 +
}
 +
}
 +
 +
.comment-list .comment-post {
 +
margin-top: 6px;
 +
}
 +
 +
 +
 +
/*
 +
article default comments
 +
usage example: page-profile-comments.html
 +
*/
 +
ul.comment {
 +
margin-bottom:30px;
 +
}
 +
li.comment {
 +
position:relative;
 +
margin-bottom:25px;
 +
font-size:13px;
 +
}
 +
li.comment p {
 +
margin:0; padding:0;
 +
}
 +
li.comment img.avatar {
 +
position:absolute;
 +
left:0; top:0;
 +
display:inline-block;
 +
}
 +
li.comment.comment-reply img.avatar {
 +
left:6px; top:6px;
 +
}
 +
li.comment .comment-body {
 +
position:relative;
 +
padding-left:60px;
 +
}
 +
li.comment.comment-reply {
 +
margin-left:60px;
 +
background-color:rgba(0,0,0,0.04);
 +
padding:6px;
 +
margin-bottom:6px;
 +
}
 +
li.comment a.comment-author {
 +
margin-bottom:6px;
 +
display:block;
 +
}
 +
li.comment a.comment-author span {
 +
font-size:15px;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
/** Timeline
 +
**************************************************************** **/
 +
.timeline {
 +
position:relative;
 +
padding-left:100px;
 +
}
 +
.timeline.timeline-inverse {
 +
padding-left:0;
 +
padding-right:100px;
 +
}
 +
.timeline .timeline-item {
 +
position:relative;
 +
min-height:150px;
 +
display:block;
 +
margin-bottom:30px;
 +
}
 +
.timeline .timeline-item-bordered {
 +
border-left:#ccc 1px dashed;
 +
padding-left:20px;
 +
}
 +
section.dark .timeline .timeline-item-bordered {
 +
border-left:rgba(255,255,255,0.2) 1px dashed;
 +
}
 +
 +
.timeline.timeline-inverse .timeline-item-bordered {
 +
border-right:#ccc 1px dashed;
 +
border-left:0;
 +
padding-right:20px;
 +
padding-left:0;
 +
}
 +
 +
/* horizontal line [left|center|right] */
 +
.timeline>.timeline-hline {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
bottom:0;
 +
margin-left: 30px;
 +
width: 1px;
 +
border-left:rgba(0,0,0,0.1) 1px dashed;
 +
height: 100%;
 +
}
 +
section.dark .timeline>.timeline-hline {
 +
border-left-color:rgba(255,255,255,0.2);
 +
}
 +
 +
.timeline.timeline-inverse>.timeline-hline {
 +
left:auto;
 +
right:0;
 +
margin-left:0;
 +
margin-right:30px;
 +
border-left:0;
 +
border-right:rgba(0,0,0,0.1) 1px dashed;
 +
}
 +
section.dark .timeline.timeline-inverse>.timeline-hline {
 +
border-right-color:rgba(255,255,255,0.2);
 +
}
 +
 +
/* timeline entry */
 +
.timeline .timeline-entry {
 +
display: block;
 +
border:rgba(0,0,0,0.1) 3px solid;
 +
background-color:#fff;
 +
padding-top: 10px;
 +
top: 20px;
 +
z-index:10;
 +
 +
position:absolute;
 +
left: -102px;
 +
right: auto;
 +
width: 64px;
 +
height: 64px;
 +
font-size: 26px;
 +
text-align:center;
 +
line-height:1;
 +
color:#ccc;
 +
font-weight:bold;
 +
font-family:'Lato','Open Sans',Arial,Helvetica,sans-serif;
 +
}
 +
.timeline .timeline-entry>.timeline-vline {
 +
position: absolute;
 +
top: 50%;
 +
margin-top:-1px;
 +
right: -40px;
 +
width: 40px;
 +
height: 0;
 +
border-top: 1px dashed #CCC;
 +
}
 +
.timeline.timeline-inverse .timeline-entry {
 +
right: -102px;
 +
left: auto;
 +
}
 +
.timeline.timeline-inverse .timeline-entry>.timeline-vline {
 +
right:auto;
 +
left: -40px;
 +
}
 +
 +
.timeline .timeline-entry>span {
 +
display:block;
 +
font-size:13px;
 +
text-transform:uppercase;
 +
font-weight:300;
 +
font-family:'Open Sans',Arial,Helvetica,sans-serif;
 +
}
 +
section.alternate .timeline .timeline-entry {
 +
background-color:#F9F9F9;
 +
}
 +
section.dark .timeline .timeline-entry {
 +
color:#666;
 +
background-color:#212121;
 +
border-color:rgba(255,255,255,0.2);
 +
}
 +
 +
section.dark .timeline .timeline-entry>.timeline-vline {
 +
border-top-color:rgba(255,255,255,0.2);
 +
}
 +
section.dark.alternate .timeline .timeline-entry {
 +
background-color:#151515;
 +
}
 +
 +
 +
/* timeline center */
 +
.timeline_center {
 +
margin: 0;
 +
position: relative; 
 +
background: url('../images/_smarty/timeline/timeline_top.png') no-repeat top center;
 +
padding-top: 9px;
 +
}
 +
.timeline_center:after {
 +
content: "";
 +
width: 0px;
 +
height: 0px;
 +
border-width: 3px;
 +
border-style: solid;
 +
position: absolute;
 +
left: 50%;
 +
bottom: -10px;
 +
margin-left: -3px;
 +
display: block;
 +
z-index: 1;
 +
 +
-webkit-border-radius: 100%;
 +
border-radius: 100%;
 +
}
 +
.timeline_center li {
 +
padding: 0 0 25px 55%;
 +
position: relative;
 +
background: url('../images/_smarty/timeline/timeline_right.png') no-repeat top center;
 +
}
 +
.timeline_center li:nth-child(even) {
 +
padding: 0 55% 25px 0;
 +
background: url('../images/_smarty/timeline/timeline_left.png') no-repeat top center;
 +
text-align:right;
 +
}
 +
 +
.timeline_center li h3 {
 +
font-size: 30px;
 +
line-height: 35px;
 +
}
 +
.timeline_center li h3 span {
 +
position: absolute;
 +
right: 55%;
 +
top: 0px;
 +
font-size:13px;
 +
}
 +
.timeline_center li h3:before {
 +
content: "";
 +
width: 15px;
 +
height: 15px;
 +
border-width: 4px;
 +
border-style: solid;
 +
position: absolute;
 +
left: 50%;
 +
top: 11px;
 +
margin-left: -7px;
 +
display: block;
 +
z-index: 1;
 +
 +
-webkit-border-radius: 100%;
 +
border-radius: 100%;
 +
}
 +
.timeline_center li:nth-child(even) h3 {
 +
text-align: right;
 +
}
 +
.timeline_center li:nth-child(even) h3 span {
 +
left: 55%;
 +
right: auto;
 +
}
 +
 +
.timeline_center li .timeline-desc {
 +
position: relative;
 +
font-size: 15px;
 +
line-height: 31px;
 +
}
 +
.timeline_center li .timeline-desc:before {
 +
content: "";
 +
width: 100%;
 +
height: 100%;
 +
position: absolute;
 +
left: -122%;
 +
top: 0;
 +
}
 +
.timeline_center li .timeline-desc.timeline-desc-line {
 +
background: url('../images/_smarty/timeline/textline.png') repeat-y;
 +
}
 +
.timeline_center li:nth-child(even) .timeline-desc:before {
 +
left: auto;
 +
right: -122%;
 +
}
 +
.timeline_center li:nth-child(even) .timeline-desc {
 +
text-align: right;
 +
}
 +
 +
.timeline_center li h3:before,
 +
.timeline_center:after {
 +
border-color: #333;
 +
}
 +
 +
@media only screen and (max-width: 650px) {
 +
.timeline_center { background-position: 11px top; }
 +
.timeline_center li { padding: 0 0 25px 70px !important; background: url('../images/_smarty/timeline/timeline_right.png') no-repeat !important; background-position: -30px top !important; width: auto; }
 +
.timeline_center li h3 span { position:relative; display:block; right:auto; left:auto; padding:5px 0 !important; margin:0; }
 +
.timeline_center li:nth-child(even) h3 span { position:relative; display:block; right:auto; left:auto; padding:0; margin:0; }
 +
.timeline_center li h3 { font-size:24px; line-height:24px; }
 +
.timeline_center li h3,
 +
.timeline_center li:nth-child(even) h3 { text-align: left; }
 +
.timeline_center li h3:before { left: 13px; }
 +
.timeline_center li .timeline-desc,
 +
.timeline_center li:nth-child(even) .timeline-desc { text-align: left; }
 +
.timeline_center li .timeline-desc:before { display: none; }
 +
.timeline_center:after { left: 13px; }
 +
}
 +
 +
 +
 +
 +
 +
 +
/** Contact
 +
**************************************************************** **/
 +
.contact-over-map {
 +
position:absolute;
 +
z-index:1;
 +
top:0; right:0;
 +
bottom:0; left:0;
 +
height:100%;
 +
}
 +
 +
.contact-over-box {
 +
position:relative;
 +
z-index:5;
 +
background-color:#fff;
 +
width:100%;
 +
max-width:380px;
 +
min-height:300px;
 +
padding:20px;
 +
box-shadow:#888 0 0 16px;
 +
 +
-webkit-border-radius: 3px;
 +
  -moz-border-radius: 3px;
 +
border-radius: 3px;
 +
}
 +
 +
section.dark .contact-over-box {
 +
background-color:#212121;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
/** Error 404
 +
**************************************************************** **/
 +
.error-404 {
 +
content: '404';
 +
font-size:200px;
 +
line-height:200px;
 +
font-weight:bold;
 +
color:#ddd;
 +
text-align:center;
 +
left:0; right:0;
 +
top:0; bottom:0;
 +
}
 +
section.dark .error-404 {
 +
color:#666;
 +
}
 +
.inline-search-404 {
 +
margin-top:60px;
 +
}
 +
 +
@media only screen and (max-width: 482px) {
 +
.inline-search-404 {
 +
margin-top:20px;
 +
}
 +
footer.footer-err-404 {
 +
display:none;
 +
}
 +
.err-404-row>div {
 +
margin-bottom:15px !important;
 +
}
 +
}
 +
 +
 +
 +
/** Maintenance
 +
**************************************************************** **/
 +
.maintenance {
 +
padding: 20px;
 +
margin-top: 10%;
 +
background-color: rgba(0,0,0,0.05);
 +
font-family:'Open Sans';
 +
font-size:14px;
 +
line-height:23px;
 +
text-align: center;
 +
font-weight:300;
 +
}
 +
.maintenance h1 {
 +
font-size:50px;
 +
line-height:50px;
 +
font-weight:300;
 +
margin-bottom:6px;
 +
}
 +
@media only screen and (max-width: 480px) {
 +
.maintenance h1 {
 +
font-size:40px;
 +
line-height:40px;
 +
}
 +
}
 +
 +
 +
 +
/** Login & Register
 +
**************************************************************** **/
 +
ul.login-features>li {
 +
content: ' ';
 +
clear: both;
 +
padding: 8px 0;
 +
font-size: 16px;
 +
font-weight: 300;
 +
line-height: 30px;
 +
}
 +
ul.login-features>li>i {
 +
font-size:30px;
 +
float:left;
 +
padding-right:20px;
 +
}
 +
.login-forgot-password {
 +
  display: inline-block;
 +
  margin-top: 8px;
 +
}
 +
.modal-short {
 +
max-height: 400px;
 +
overflow: auto;
 +
}
 +
@media only screen and (max-width: 992px) {
 +
form div.col-xs-6>button {
 +
margin:0 !important;
 +
}
 +
}
 +
 +
 +
 +
 +
 +
 +
/** Search Page
 +
**************************************************************** **/
 +
div.search-result {
 +
padding:20px 0;
 +
border-bottom:#eee 1px solid;
 +
}
 +
div.search-result p {
 +
margin:0; padding:0;
 +
}
 +
div.search-result img {
 +
float:left;
 +
margin-right:10px;
 +
margin-top:6px;
 +
}
 +
.search-title-aside {
 +
margin-top:20px;
 +
font-size:17px;
 +
line-height: 20px;
 +
color:#888;
 +
font-weight:400;
 +
}
 +
ul.search-history {
 +
border-bottom:#eee 1px solid;
 +
margin-bottom:0;
 +
padding-bottom:6px;
 +
}
 +
 +
 +
 +
 +
 +
/** Block Review
 +
example usage: page-forum-post.html
 +
**************************************************************** **/
 +
.block-review-content div.block-review-body {
 +
position:relative;
 +
padding:20px 0 20px 150px;
 +
}
 +
.block-review-content div.block-review-avatar {
 +
width:130px;
 +
float:left;
 +
margin-left:-140px;
 +
}
 +
@media only screen and (max-width: 482px) {
 +
.block-review-content div.block-review-body {
 +
padding:20px 0 20px 100px;
 +
}
 +
.block-review-content div.block-review-avatar {
 +
width:80px;
 +
margin-left:-90px;
 +
}
 +
.block-review-content div.block-review-avatar img {
 +
width:70px;
 +
}
 +
}
 +
 +
 +
 +
 +
 +
/** Category Grid
 +
**************************************************************** **/
 +
div.category-grid>div {
 +
margin:30px 0;
 +
}
 +
div.category-grid .card {
 +
border:0;
 +
background-color: rgba(0,0,0,0.02);
 +
-moz-border-radius: 0;
 +
    border-radius: 0;
 +
 +
}
 +
section.section-dark div.category-grid .card {
 +
background-color: rgba(0,0,0,0.08);
 +
}
 +
 +
 +
@media only screen and (min-width: 768px) {
 +
/*
 +
6 COLUMNS - RECALIBRATE FOR LONG TITLES
 +
*/
 +
.category-grid>div.col-sm-2:nth-child(6n+1),
 +
.category-grid>div.col-lg-2:nth-child(6n+1),
 +
.category-grid>div.col-md-2:nth-child(6n+1) {
 +
clear:both;
 +
}
 +
 +
/*
 +
5 COLUMNS - RECALIBRATE FOR LONG TITLES
 +
*/
 +
.category-grid>div.col-sm-5th:nth-child(5n+1),
 +
.category-grid>div.col-lg-5th:nth-child(5n+1),
 +
.category-grid>div.col-md-5th:nth-child(5n+1) {
 +
clear:both;
 +
}
 +
 +
 +
/*
 +
4 COLUMNS - RECALIBRATE FOR LONG TITLES
 +
*/
 +
.category-grid>div.col-sm-3:nth-child(4n+1),
 +
.category-grid>div.col-lg-3:nth-child(4n+1),
 +
.category-grid>div.col-md-3:nth-child(4n+1) {
 +
clear:both;
 +
}
 +
 +
/*
 +
3 COLUMNS - RECALIBRATE FOR LONG TITLES
 +
*/
 +
.category-grid>div.col-sm-4:nth-child(3n+1),
 +
.category-grid>div.col-lg-4:nth-child(3n+1),
 +
.category-grid>div.col-md-4:nth-child(3n+1) {
 +
clear:both;
 +
}
 +
}
 +
 +
@media only screen and (max-width: 768px) {
 +
/*
 +
2 COLUMNS - RECALIBRATE FOR LONG TITLES
 +
*/
 +
.category-grid>div.col-sm-6:nth-child(2n+1),
 +
.category-grid>div.col-lg-6:nth-child(2n+1),
 +
.category-grid>div.col-md-6:nth-child(2n+1) {
 +
clear:both;
 +
}
 +
}
 +
 +
 +
 +
 +
 +
/** Cards
 +
**************************************************************** **/
 +
 +
.card {
 +
    margin-bottom: 26px;
 +
    overflow-y: auto;
 +
    -webkit-border-radius: 3px;
 +
    -moz-border-radius: 3px;
 +
    -o-border-radius: 3px;
 +
    border-radius: 3px;
 +
    -webkit-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 1px;
 +
    -moz-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 1px;
 +
    -o-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 1px;
 +
    box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 1px;
 +
 +
    position: relative;
 +
    display: -webkit-box;
 +
    display: -webkit-flex;
 +
    display: -ms-flexbox;
 +
    display: flex;
 +
    -webkit-box-orient: vertical;
 +
    -webkit-box-direction: normal;
 +
    -webkit-flex-direction: column;
 +
    -ms-flex-direction: column;
 +
    flex-direction: column;
 +
    background-color: #fff;
 +
    border: 1px solid rgba(0,0,0,.125);
 +
    border-radius: .25rem;
 +
}
 +
 +
.card img {
 +
width: 100%;
 +
}
 +
.card-block {
 +
    -webkit-box-flex: 1;
 +
    -webkit-flex: 1 1 auto;
 +
    -ms-flex: 1 1 auto;
 +
    flex: 1 1 auto;
 +
    padding: 1.25rem;
 +
}
 +
section.dark-2 div.category-grid .card {
 +
    background-color: rgba(0,0,0,0.08);
 +
}
 +
 +
.card-img-top {
 +
    border-top-right-radius: calc(.25rem - 1px);
 +
    border-top-left-radius: calc(.25rem - 1px);
 +
}
 +
 +
 +
section.dark .card {
 +
background-color: rgba(0,0,0,0.2);
 +
}
 +
section.dark .alternate,
 +
section.dark .alternate-2,
 +
section.dark .alternate-3,
 +
section.dark .lightblue,
 +
section.dark .lightgreen {
 +
background-color: rgba(0,0,0,0.03);
 +
}
 +
 +
section.dark-2.alternate {
 +
background-color: #292e32 !important;
 +
}
 +
 +
 +
 +
 +
/** Footer
 +
**************************************************************** **/
 +
#footer {
 +
font-size:14px;
 +
color: rgba(255,255,255,0.6);
 +
display: block;
 +
 +
background: #313131;
 +
background: -moz-linear-gradient(top, #555555 0%, #313131 100%);
 +
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a1d2b), color-stop(100%, #313131));
 +
background: -webkit-linear-gradient(top, #555555 0%, #313131 100%);
 +
background: -o-linear-gradient(top, #555555 0%, #313131 100%);
 +
background: -ms-linear-gradient(top, #555555 0%, #313131 100%);
 +
background: linear-gradient(to bottom, #555555 0%,#313131 100%);
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#313131',GradientType=0 );
 +
}
 +
#footer>.container {
 +
padding-top:60px;
 +
margin-bottom:60px;
 +
}
 +
#footer:after,
 +
#footer:before {
 +
content:" ";
 +
display:table;
 +
}
 +
#footer:after {
 +
display: block;
 +
    content: "";
 +
    clear: both;
 +
}
 +
 +
#footer>.copyright {
 +
background-color:rgba(0,0,0,0.2);
 +
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
 +
padding:25px 0;
 +
font-size:13px;
 +
display:block;
 +
}
 +
#footer>.copyright:after,
 +
#footer>.copyright:before {
 +
content:" ";
 +
display:table;
 +
}
 +
#footer>.copyright:after {
 +
display: block;
 +
    content: "";
 +
    clear: both;
 +
}
 +
#footer>.copyright.has-social {
 +
padding:8px;
 +
}
 +
#footer>.copyright.has-social .social-icon {
 +
margin-top:8px;
 +
margin-bottom:0;
 +
line-height:0;
 +
}
 +
#footer>.copyright .copyright-text {
 +
margin-top:14px;
 +
}
 +
#footer canvas {
 +
width:auto !important;
 +
height:auto !important;
 +
}
 +
 +
 +
/* Footer Logo */
 +
#footer img.footer-logo {
 +
margin-bottom:20px;
 +
display:block;
 +
}
 +
 +
#footer .footer-logo.footer-2 {
 +
float:left;
 +
margin:0 20px 10px 0;
 +
border-right:rgba(255,255,255,0.1) 1px solid;
 +
padding-right:20px;
 +
}
 +
 +
/* Footer Typography */
 +
#footer h2 {
 +
font-size:26px;
 +
text-shadow:rgba(0,0,0,0.3) 3px 3px 5px;
 +
}
 +
#footer h3 {
 +
font-size:18px;
 +
margin-bottom:25px;
 +
}
 +
#footer h4 {
 +
font-size:15px;
 +
margin-bottom:25px;
 +
}
 +
 +
#footer a {
 +
color: rgba(255,255,255,0.6);
 +
text-decoration:none;
 +
}
 +
#footer a:hover {
 +
color: rgba(255,255,255,0.9);
 +
}
 +
#footer a>i.fa {
 +
padding-right: 6px;
 +
}
 +
 +
#footer  p {
 +
margin-top:0;
 +
}
 +
 +
#footer ul {
 +
margin-bottom:0;
 +
}
 +
 +
#footer hr {
 +
border:0;
 +
margin:20px 0;
 +
border-bottom:rgba(255,255,255,0.1) 1px solid;
 +
border-top:rgba(0,0,0,0.4) 1px solid;
 +
}
 +
 +
#footer address {
 +
margin-bottom:0;
 +
}
 +
 +
#footer h1,
 +
#footer h2,
 +
#footer h3,
 +
#footer h4,
 +
#footer h5,
 +
#footer h6 {
 +
color: rgba(255,255,255,0.8);
 +
font-weight:600;
 +
}
 +
 +
/* footer form */
 +
#footer form input,
 +
#footer form textarea {
 +
color: #999;
 +
background-color: rgba(0,0,0,.2);
 +
border-color: rgba(0,0,0,.25);
 +
margin-bottom:6px;
 +
 +
-webkit-transition: all 0.2s;
 +
  -moz-transition: all 0.2s;
 +
-o-transition: all 0.2s;
 +
transition: all 0.2s;
 +
}
 +
#footer form input[type="submit"]:hover,
 +
#footer form input:focus,
 +
#footer form textarea:focus {
 +
background-color: rgba(0,0,0,.3);
 +
}
 +
#footer form .input-group-addon {
 +
color: #999;
 +
background-color: rgba(0,0,0,.4);
 +
border-color: rgba(0,0,0,.25);
 +
}
 +
#footer form .input-group input,
 +
#footer form .input-group textarea {
 +
margin-bottom:0;
 +
}
 +
 +
@media only screen and (max-width: 480px) {
 +
#footer h4 {
 +
margin-top:60px;
 +
display:block;
 +
}
 +
#footer .mobile-block {
 +
margin-bottom:25px !important;
 +
}
 +
#footer.footer-fixed .mobile-block {
 +
margin-bottom:0 !important;
 +
}
 +
#footer .copyright {
 +
text-align:center;
 +
}
 +
}
 +
 +
/* footer list links */
 +
#footer ul.footer-links>li {
 +
padding-bottom:10px;
 +
font-weight:300;
 +
}
 +
#footer ul.footer-links>li>a {
 +
color: rgba(255,255,255,0.6);
 +
}
 +
#footer ul.footer-links>li>a:hover {
 +
color: rgba(255,255,255,0.9);
 +
}
 +
#footer ul.footer-links>li>a:before {
 +
content: "\f105";
 +
display: inline-block;
 +
font: normal normal normal 14px/1 FontAwesome;
 +
padding-right:10px;
 +
}
 +
 +
/* footer news list */
 +
#footer ul.footer-list li {
 +
padding:10px 0;
 +
border-bottom:rgba(0,0,0,0.2) 1px solid;
 +
}
 +
#footer ul.footer-list li small {
 +
display:block;
 +
font-family:'Open Sans',Arial,Helvetica,sans-serif;
 +
color:#ddd;
 +
}
 +
#footer.footer-light ul.footer-list li small {
 +
color: #999;
 +
}
 +
 +
#footer ul.footer-list.half-paddings li {
 +
padding:6px 0;
 +
}
 +
#footer ul.footer-list.half-paddings.noborder li {
 +
border:0;
 +
}
 +
 +
/* footer posts */
 +
#footer ul.footer-posts>li {
 +
padding: 15px 0;
 +
border-bottom:rgba(255,255,255,0.07) 1px solid;
 +
}
 +
#footer ul.footer-posts>li:first-child {
 +
padding-top:0;
 +
}
 +
#footer ul.footer-posts>li:last-child {
 +
border-bottom:0;
 +
}
 +
#footer ul.footer-posts>li>small {
 +
display:block;
 +
}
 +
 +
/* footer contact text */
 +
#footer address {
 +
background:url('../images/_smarty/world-map.png') no-repeat center;
 +
}
 +
#footer address .footer-sprite {
 +
margin-bottom:20px;
 +
padding-left:30px;
 +
background:url('../images/_smarty/footer_sprite.png') no-repeat 0 0;
 +
}
 +
#footer address .footer-sprite:last-child {
 +
margin-bottom:0;
 +
}
 +
#footer p {
 +
line-height:18px;
 +
}
 +
#footer p.contact-desc {
 +
margin:0 0 30px 0;
 +
padding:0 0 10px 0;
 +
border-bottom:#403E44 1px dashed;
 +
}
 +
#footer address .footer-sprite.address {
 +
background-position:0 0;
 +
}
 +
#footer address .footer-sprite.phone {
 +
background-position:0 -138px;
 +
line-height:30px;
 +
}
 +
#footer address .footer-sprite.email {
 +
background-position:0 -247px;
 +
}
 +
 +
 +
/* footer links - breadcrumbs like */
 +
#footer ul.inline-links>li+li:before {
 +
  padding: 0 5px 0 0;
 +
  content: "/\00a0";
 +
  color:rgba(255,255,255,0.3);
 +
}
 +
 +
 +
/* footer images gallery */
 +
#footer .footer-gallery>a {
 +
display:inline-block;
 +
margin-bottom:3px;
 +
margin-right:3px;
 +
float:left;
 +
}
 +
#footer .footer-gallery>a:hover {
 +
opacity:0.8;
 +
}
 +
 +
 +
@media only screen and (max-width: 768px) {
 +
#footer .footer-gallery {
 +
text-align:center;
 +
}
 +
#footer .footer-gallery>a,
 +
#footer .footer-gallery>img {
 +
float:none;
 +
margin-right:0;
 +
}
 +
 +
#footer .row>div {
 +
margin-bottom:60px;
 +
}
 +
}
 +
 +
/* sticky footer */
 +
footer.sticky {
 +
width: 100%;
 +
}
 +
@media only screen and (max-width: 768px) {
 +
footer.sticky {
 +
top:auto !important;
 +
position:relative !important;
 +
}
 +
}
 +
 +
#footer .btn,
 +
#footer .form-control {
 +
height:36px;
 +
}
 +
#footer .btn-sm,
 +
#footer .btn-sm,
 +
#footer .btn-lg,
 +
#footer .btn-xlg {
 +
height:auto;
 +
}
 +
 +
 +
#footer .copyright ul.list-social-icons {
 +
height:30px;
 +
}
 +
#footer .copyright ul.list-social-icons a.social-icon {
 +
margin:0;
 +
}
 +
 +
/* footer social icons */
 +
#footer a.social-icon {
 +
color: #999 !important;
 +
}
 +
 +
 +
 +
/** Footer Light
 +
** ************************ **/
 +
#footer.footer-light {
 +
color:#666;
 +
background-color:#fbfbfb;
 +
background-image: none;
 +
}
 +
#footer.footer-light form input,
 +
#footer.footer-light form textarea,
 +
#footer.footer-light form .input-group-addon {
 +
color:#eaeaea;
 +
}
 +
#footer.footer-light .copyright {
 +
background-color: rgba(0,0,0,0.04);
 +
}
 +
#footer.footer-light .copyright,
 +
#footer.footer-light .copyright a {
 +
color:#414141;
 +
}
 +
#footer.footer-light h1,
 +
#footer.footer-light h2,
 +
#footer.footer-light h3,
 +
#footer.footer-light h4,
 +
#footer.footer-light h5,
 +
#footer.footer-light h6 {
 +
color:#414141;
 +
}
 +
#footer.footer-light p,
 +
#footer.footer-light a,
 +
#footer.footer-light ul.footer-links>li>a {
 +
color:#666;
 +
}
 +
#footer.footer-light a:hover,
 +
#footer.footer-light ul.footer-links>li>a:hover {
 +
color:#000;
 +
}
 +
#footer.footer-light ul.footer-posts>li {
 +
border-bottom-color:rgba(0,0,0,0.07);
 +
}
 +
#footer.footer-light form textarea::-webkit-input-placeholder,
 +
#footer.footer-light form input::-webkit-input-placeholder {
 +
color: #eaeaea; /* WebKit browsers */
 +
}
 +
 +
#footer.footer-light form textarea:-moz-placeholder,
 +
#footer.footer-light form input:-moz-placeholder {
 +
color: #eaeaea; /* Mozilla Firefox 4 to 18 */
 +
}
 +
 +
#footer.footer-light form textarea::-moz-placeholder,
 +
#footer.footer-light form input::-moz-placeholder {
 +
color: #eaeaea; /* Mozilla Firefox 19+ */
 +
}
 +
 +
#footer.footer-light form textarea:-ms-input-placeholder,
 +
#footer.footer-light form input:-ms-input-placeholder {
 +
color: #eaeaea; /* Internet Explorer 10+ */
 +
}
 +
 +
/* footer social icons */
 +
#footer.footer-light a.social-icon {
 +
color: #666 !important;
 +
}
 +
 +
 +
 +
/** Fixed Footer
 +
** ************************ **/
 +
#footer.footer-fixed {
 +
position:fixed;
 +
left:0; right:0;
 +
bottom:0;
 +
width:100%;
 +
z-index:30;
 +
padding:10px 0;
 +
 +
filter: Alpha(Opacity=95);
 +
opacity:0.95;
 +
}
 +
#footer.footer-fixed .social-icon {
 +
margin-top:0;
 +
margin-bottom:0;
 +
}
 +
#footer.footer-fixed .footer-links>span,
 +
#footer.footer-fixed .footer-links>a {
 +
line-height:30px;
 +
font-size:13px;
 +
padding:6px 10px;
 +
border-right:rgba(255,255,255,0.1) 1px solid;
 +
}
 +
#footer.footer-fixed.footer-light .footer-links>a {
 +
border-right:rgba(0,0,0,0.1) 1px solid;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
/** Responsive
 +
**************************************************************** **/
 +
@media only screen and (max-width: 992px) {
 +
#header.header-sm #topNav button.btn-mobile {
 +
margin-top:16px;
 +
}
 +
#header.header-sm #topNav button.btn-mobile {
 +
margin-top:11px;
 +
}
 +
#topNav #topMain>li.mega-menu div.row div {
 +
display:block !important;
 +
border:0 !important;
 +
width: 100% !important;
 +
max-width: 100%;
 +
flex: none;
 +
}
 +
.block-md {
 +
display:block;
 +
}
 +
.text-center-md {
 +
text-align:center !important;
 +
float:none !important;
 +
}
 +
 +
#header .nav-second-main .quick-cart-box,
 +
#header .nav-second-main .search-box {
 +
box-shadow:none !important;
 +
}
 +
 +
 +
/* fullwidth button fix */
 +
body>.btn.fullwidth,
 +
#wrapper>.btn.fullwidth {
 +
padding-top:0!important;
 +
padding-bottom:20px!important;
 +
 +
white-space: pre;          /* CSS 2.0 */
 +
white-space: pre-wrap;      /* CSS 2.1 */
 +
white-space: pre-line;      /* CSS 3.0 */
 +
white-space: -pre-wrap;    /* Opera 4-6 */
 +
white-space: -o-pre-wrap;  /* Opera 7 */
 +
white-space: -moz-pre-wrap; /* Mozilla */
 +
white-space: -hp-pre-wrap;  /* HP Printers */
 +
word-wrap: break-word;      /* IE 5+ */
 +
}
 +
body>.btn.fullwidth>span,
 +
#wrapper>.btn.fullwidth >span {
 +
line-height:30px !important;
 +
}
 +
 +
}
 +
 +
@media only screen and (max-width: 768px) {
 +
img.img-fluid {
 +
float: none !important;
 +
}
 +
 +
#header.fixed {
 +
position:fixed;
 +
}
 +
 +
#header.transparent + #slider h1 {
 +
margin-top:80px !important;
 +
}
 +
section div.row>div {
 +
margin-bottom:60px;
 +
}
 +
section div.row.lightbox>div {
 +
margin-bottom:0;
 +
}
 +
section form div.row>div.form-group>div,
 +
section form div.row>div {
 +
margin-bottom:15px;
 +
}
 +
section form div.row>div.form-group>div:last-child,
 +
section form div.row>div:last-child {
 +
margin-bottom:0;
 +
}
 +
 +
.block-sm {
 +
display:block;
 +
}
 +
.text-center-md {
 +
text-align:center !important;
 +
}
 +
 +
form.landing-form >div {
 +
margin-bottom:5px !important;
 +
}
 +
}
 +
 +
@media only screen and (max-width: 480px) {
 +
.mobile-block {
 +
display:block;
 +
float:none !important;
 +
position:relative;
 +
}
 +
.mobile-block>.social-icon {
 +
float:none !important;
 +
}
 +
.block-xs {
 +
display:block;
 +
}
 +
.text-center-xs {
 +
text-align:center !important;
 +
float:none !important;
 +
}
 +
.modal-short {
 +
max-height: 320px;
 +
overflow: auto;
 +
}
 +
 +
.size-50 {
 +
font-size:30px !important;
 +
line-height:36px !important;
 +
}
 +
.size-40 {
 +
font-size:30px !important;
 +
line-height:36px !important;
 +
}
 +
.size-30 {
 +
font-size:23px !important;
 +
line-height:26px !important;
 +
}
 +
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
/** DEMO ONLY
 +
DO NOT USE THIS CSS - USED FOR DEMO ONLY!
 +
**************************************************************** **/
 +
.iconsPreview {
 +
font-size: 16px;
 +
}
 +
.iconsPreview.material-icons-preview a>i {
 +
font-size: 36px;
 +
}
 +
.iconsPreview a {
 +
text-decoration:none;
 +
}
 +
.iconsPreview .fa-hover a {
 +
display:block;
 +
padding:4px;
 +
text-decoration:none;
 +
}
 +
.iconsPreview .fa-hover a:hover {
 +
background-color:#f3f3f3;
 +
}
 +
.iconsPreview .fa-hover i {
 +
width:20px;
 +
margin-right:10px;
 +
color:#333 !important;
 +
}
 +
.iconsPreview .fa-hover a span {
 +
color:#666;
 +
}
 +
/** *** **/
 +
.iconsPreview.material-icons-preview a {
 +
padding: 10px 4px !important;
 +
}
 +
/** *** **/
 +
 +
.iconFlags a {
 +
text-decoration:none;
 +
}
 +
.iconFlags .flag-icon {
 +
padding-top:4px;
 +
padding-bottom:4px;
 +
cursor:pointer;
 +
display:block;
 +
}
 +
.iconFlags .flag-icon img {
 +
display:inline-block;
 +
margin-right:6px;
 +
}
 +
.iconFlags .flag-icon:hover {
 +
background-color:#f3f3f3;
 +
}
 +
 +
.bs-glyphicons a {
 +
text-decoration:none;
 +
}
 +
.bs-glyphicons .glyphicon-class {
 +
display: block;
 +
text-align: center;
 +
word-wrap: break-word;
 +
}
 +
.bs-glyphicons .glyphicon {
 +
margin-top: 5px;
 +
margin-bottom: 10px;
 +
font-size: 24px;
 +
}
 +
.bs-glyphicons li {
 +
float: left;
 +
width: 25%;
 +
height: 115px;
 +
padding: 10px;
 +
font-size: 10px;
 +
line-height: 1.4;
 +
text-align: center;
 +
border: 1px solid #fff;
 +
background-color: #f9f9f9;
 +
cursor:pointer;
 +
padding-top: 20px;
 +
}
 +
.bs-glyphicons li:hover {
 +
background-color:#f3f3f3;
 +
}
 +
@media (min-width: 769px) {
 +
.bs-glyphicons li {
 +
width: 12.5%;
 +
font-size: 12px;
 +
}
 +
}
 +
.iconExamples a {
 +
text-decoration:none;
 +
}
 +
.iconExamples .example {
 +
text-align: center;
 +
cursor:pointer;
 +
padding:6px 3px;
 +
}
 +
.iconExamples .example:hover {
 +
background-color:#f3f3f3;
 +
}
 +
.iconExamples .example:before,
 +
.iconExamples .example:after {
 +
content: " ";
 +
display: table;
 +
}
 +
.iconExamples .example .icon {
 +
font-size: 20px;
 +
float: left;
 +
width: 35px;
 +
}
 +
.iconExamples .example .class {
 +
text-align: center;
 +
float: left;
 +
margin-top: 0;
 +
font-weight: 400;
 +
margin-left: 10px;
 +
color: #333;
 +
}
 +
 +
 +
 +
/** *** **/
 +
.row.show-grid,
 +
.row.show-grid>div {
 +
padding:0;
 +
}
 +
.grid-block {
 +
background-color: #EEE;
 +
border: 1px solid #FFF;
 +
display: block;
 +
line-height: 40px;
 +
min-height: 40px;
 +
text-align: center;
 +
}
 +
.grid-color span {
 +
display:block;
 +
padding: 10px 0;
 +
text-align: center;
 +
background-color:rgba(0,0,0,0.1);
 +
}
 +
.grid-demo [class*="col-"] {
 +
background: #fafafa;
 +
border: 1px solid;
 +
border-color: #ddd;
 +
padding: 10px;
 +
text-align: center;
 +
margin-bottom:20px;
 +
}
 +
.grid-demo .row {
 +
margin-left:0;
 +
margin-right:0;
 +
}
 +
 +
/** *** **/
 +
.linecon a {
 +
text-decoration:none;
 +
}
 +
.linecon .icon {
 +
width: 12.5%;
 +
float: left;
 +
height: 115px;
 +
text-align: center;
 +
padding: 22px 10px;
 +
margin: 0 -1px -1px 0;
 +
border: 1px solid #fff;
 +
background-color: #f6f6f6;
 +
word-wrap: break-word;
 +
cursor:pointer;
 +
}
 +
.linecon .icon:hover {
 +
background-color:#f3f3f3;
 +
}
 +
.linecon .icon i {
 +
display: block;
 +
font-size: 30px;
 +
margin-bottom: 10px;
 +
}
 +
 +
/** *** **/
 +
.colors-bg-demo {
 +
padding:3px;
 +
margin-top:3px;
 +
}
 +
 +
 +
/** et line icons */
 +
 +
 +
.et-line-icons li>i {
 +
margin-top: 5px;
 +
margin-bottom: 10px;
 +
font-size: 26px;
 +
display:block;
 +
text-align:center;
 +
color:#000;
 +
margin-top:25px;
 +
}
 +
.et-line-icons li>span {
 +
font-size:13px;
 +
}
 +
.et-line-icons li {
 +
float: left;
 +
width: 25%;
 +
height: 115px;
 +
padding: 10px;
 +
font-size: 10px;
 +
line-height: 1.4;
 +
text-align: center;
 +
border: 1px solid #fff;
 +
background-color: #f9f9f9;
 +
cursor:pointer;
 +
}
 +
.et-line-icons li:hover {
 +
background-color:#f3f3f3;
 +
}
 +
@media (min-width: 769px) {
 +
.et-line-icons li {
 +
width: 12.5%;
 +
font-size: 12px;
 +
}
 +
}
 +
 +
/* material design demo */
 +
.mdl-demo-grid .mdl-cell {
 +
    box-sizing: border-box;
 +
    background-color: #BDBDBD;
 +
    height: 50px;
 +
    padding-left: 8px;
 +
    padding-top: 4px;
 +
    color: white;
 +
}
 +
 +
 +
 +
/* material section color switch */
 +
#header a.color-switch {
 +
display: inline-block;
 +
position: relative;
 +
float: left;
 +
width: 35px;
 +
height: 35px;
 +
margin-top: 30px;
 +
border: #fff 3px solid;
 +
background-color: #3072e0;
 +
margin-right: 10px;
 +
color: #fff;
 +
text-align: center;
 +
padding-top: 2px;
 +
border-radius: 50%;
 +
}
 +
#header.fixed a.color-switch {
 +
width: 27px;
 +
height: 27px;
 +
margin-top: 16px;
 +
padding-top: 1px;
 +
}
 +
#header.fixed a.color-switch>i {
 +
font-size: 19px;
 +
 +
}
 +
#header a.color-switch:hover {
 +
-webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75);
 +
}
 +
@media only screen and (max-width: 768px) {
 +
#header a.color-switch {
 +
width: 27px;
 +
height: 27px;
 +
margin-top: 16px;
 +
padding-top: 1px;
 +
}
 +
#header a.color-switch>i {
 +
font-size: 19px;
 +
 +
}
 +
}
 +
 +
#header ul.mdl-menu-color-switch {
 +
z-index:999999;
 +
}
 +
#header ul.mdl-menu-color-switch a {
 +
display: inline-block;
 +
width: 20px;
 +
height: 20px;
 +
border: #999 1px solid;
 +
}
 +
#header .mdl-menu__container {
 +
margin-top:15px;
 +
height: 40px !important
 +
}
 +
#header .mdl-menu__container>div {
 +
height: 40px !important
 +
}
 +
#header .mdl-menu__container.is-visible .mdl-menu {
 +
margin: 0 !important;
 +
padding: 0 !important;
 +
overflow: hidden;
 +
}
 +
#header .mdl-menu__container li {
 +
height: 40px !important;
 +
background-color: transparent !important;
 +
padding: 0 10px;
 +
}
 +
#header ul.mdl-menu-color-switch a:hover,
 +
#header ul.mdl-menu-color-switch a.active {
 +
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
 +
}
 +
 +
/* END material section color switch */
 +
 +
 +
/* start.html demo */
 +
.start-new-and-popular {
 +
position:absolute;
 +
bottom:0px;
 +
left:20px;
 +
color:#999 !important;
 +
z-index:100;
 +
}
 +
</style>
 +
</html>

Latest revision as of 16:45, 28 June 2019