/**
  * Name: MNGM
  * Version: 1.0
  * Author: Life Style
  * Author URI: http://www.life-style.uz/
*/

@import url("fonts.css");
@import url("../font/css/fontello-codes.css");
@import url("../font/css/fontello-embedded.css");
@import url("../font/css/fontello-ie7-codes.css");
@import url("../font/css/fontello-ie7.css");
@import url("../font/css/fontello.css");

@import url("flexslider.css"); 

@import url("shortcodes.css");

/**
    * Preloader
    * Bootstrap resetting elements 
    * Boxed Layout
    * Top
    * Header
    * Header 2
    * Header 3
    * Header 4
    * Header 5
    * Setup mega menu
    * Mobile navigation
    * Blog style 1
    * Blog style 2
    * Blog single 1
    * Blog Sidebar
    * Product Title Bar
    * Product Sidebar
    * Product Content
    * Products Detail
    * Description Reviews
    * Related Products
    * Slider
    * Services Section
    * Recent Work Section
    * Acvanced Video Section
    * Team Section
    * Twitter Section
    * Acvanced Video Section
    * Main Competencies Section
    * Working With Us Section
    * Map Section
    * Mission Section
    * Case Studies
    * What we can do
    * Portfolio
    * Portfolio - 2
    * Portfolio-2 2 columns
    * Portfolio-2 4 columns
    * Portfolio alternative
    * Portfolio Details 1
    * Portfolio Details 2
    * Portfolio Detailes 3
    * Portfolio Detailes 4
    * Single Page
    * Blog List Alt
    * Footer
    * Twitter footer
    * Twitter sidebar
    * Bottom
*/

/* Reset
-------------------------------------------------------------- */
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 24px;
    background: #fff;
    color: #4c4c4c;
}

::-moz-selection { 
    color: #fff; 
    text-shadow: none; 
    background: #000; 
}

::-webkit-selection { 
    color: #fff; 
    text-shadow: none; 
    background: #000; 
}

::selection { 
    color: #fff; 
    text-shadow: none; 
    background: #000; 
}

a {
    color: #000;
    text-decoration: none;
     -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
    	 -ms-transition: all 0.3s ease-in-out;
    	  -o-transition: all 0.3s ease-in-out;
    		 transition: all 0.3s ease-in-out;
}

a:hover,
a:focus,
a.active {
    outline: none;
    color: #459ce4;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
    	-ms-transition: all 0.3s ease-in-out;
    	 -o-transition: all 0.3s ease-in-out;
    		transition: all 0.3s ease-in-out;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
    outline: none;
}

img:focus {
    outline: none;
}

.img-left {
    margin: 7px 30px 25px 0 !important;
    float: left;
}

.img-right {
    margin: 7px 0 25px 30px !important;
    float: right;
}

img.arrow-hover {
    -webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
}

img.arrow-hover:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

h1 { font: 42px  Arial, sans-serif;}
h2 { font: 26px  Arial, sans-serif;}
h3 { font: 22px  Arial, sans-serif;}
h4 { font: 18px  Arial, sans-serif;}
h5 { font: 16px  Arial, sans-serif;}
h6 { font: 14px  Arial, sans-serif;}

h1.small-thin {
    font-family:  Arial, sans-serif;
    font-size: 20px;
    font-weight: lighter;
    font-weight: ;
}

h1.small-light {
    font-family: Arial, sans-serif;
    font-size: 32px;
    font-weight: lighter;
}

h1.small-regular {
    font-family: Arial, sans-serif;
    font-size: 32px;
    font-weight: normal;
}

h1.small-medium {
    font-family: Arial, sans-serif;
    font-size: 32px;
    font-weight: normal;
}

h1.small-bold {
    font-family: Arial, sans-serif;
    font-size: 32px;
    font-weight: bold;
}

h1.thin {
    font-family: Arial, sans-serif;
    font-size: 42px;
    font-weight: lighter;
}

h1.light {
    font-family: Arial, sans-serif;
    font-size: 42px;
    font-weight: lighter;
}

h1.medium {
    font-family: Arial, sans-serif;
    font-size: 42px;
    font-weight: normal;
}

h1.bold {
    font-family: Arial, sans-serif;
    font-size: 42px;
    font-weight: bold;
}

h2.thin {
    font-family: Arial, sans-serif;
    font-size: 26px;
    font-weight: lighter;
}

h2.light {
    font-family: Arial, sans-serif;
    font-size: 26px;
    font-weight: lighter;
}

h2.medium {
    font-family: Arial, sans-serif;
    font-size: 26px;
    font-weight: normal;
}

h2.bold {
    font-family: Arial, sans-serif;
    font-size: 26px;
    font-weight: bold;
}

h3.thin {
    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: lighter;
}

h3.light {
    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: lighter;
}

h3.medium {
    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: normal;
}

h3.bold {
    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
}

h4.thin {
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: lighter;
}

h4.light {
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: lighter;
}

h4.medium {
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
}

h4.bold {
    font-family:Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

h5.thin {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: lighter;
}

h5.light {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: lighter;
}

h5.medium {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
}

h5.bold {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

h6.small-thin {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: lighter;
}

h6.light {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: lighter;
}

h6.medium {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
}

h6.bold {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.thin {
    font-family: Arial, sans-serif;
    font-weight: lighter;
}

.light {
    font-family: Arial, sans-serif;
    font-weight: lighter;
}

.medium {
    font-family: Arial, sans-serif;
    font-weight: normal;
}

.bold {
    font-family: Arial, sans-serif;
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    line-height: 24px;
    letter-spacing: 0.8px;
}

p {
    margin: 0;
    padding: 0;
}

input[type="checkbox"] { display: inline; }

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    color: #000;
    outline: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	color: #000;
	border: 1px solid #0060B0 !important;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
		  	box-shadow: none;
}

input[type="text"],
input[type="password"] {
    border: 1px solid #ddd;
    height: 38px;
    padding: 19px 27px 19px;
    outline: none;
    font-size: 11px;
    color: #000 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

button {
    outline: none;
}

.aligncenter {
    text-align: center;
}

/* Preloader
-------------------------------------------------------------- */
.preloader {
    background: none repeat scroll 0 0 #fff;
    height: 100%;
    opacity: 1;
    position: fixed;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 9999;
}

.preloader .spinner {
    height: 30px;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: relative;
    top: 50%;
    width: 30px;
}

.preloader .pre-bounce1,
.preloader .pre-bounce2 {
    background-color: #0060B0;
    border-radius: 50%;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-animation: 2s ease 0s normal none infinite bounce;
            animation: 2s ease 0s normal none infinite bounce;
}

.preloader .pre-bounce2 {
    -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s;
}

/* Bootstrap resetting elements */
.btn {
    background-image: none;
}

.uneditable-input,
.dropdown-menu,
.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus {
    -webkit-appearance: none;
    text-shadow: none;
    outline: none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
    	 -o-box-shadow: none;
    		box-shadow: none;
}

i {
    font-size: 25px;
    color: #000;
}

.roll-animation {
    opacity: 0;
}
.roll-animation.animated {
    opacity: 1;
}
.opisanie{
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 700;
  color: #333;
}
.my_gotovy{
    font-style: italic;
    line-height: 30px;
    font-size: 26px;
    font-weight: 100;
}

/* Boxed Layout
-------------------------------------------------------------- */
body.boxed {
    background-image: url('../images/background/low_contrast_linen.png'); 
    background-repeat: repeat;
}

body.boxed .boxed-wrap {
    max-width: 1240px;
    margin: 0 auto;
    background-color: #fff;
}

body.boxed .boxed-wrap .sticky-wrapper {
    max-width: 1240px;
}

body.boxed .boxed-wrap .is-sticky {
    max-width: 1240px;
}

#header {
    width: 100%;
}

/* Top
-------------------------------------------------------------- */
.top-bar {
    position: absolute;
    width: 100%;
    z-index: 9999;
    background-color: #f7f7f8;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.top-forms {
    float: right;
    font-size: 11px;
      margin-top: 30px;
}

.top-forms > div > a {
    text-transform: uppercase;
}

.top-forms > div {
    float: left;
    position: relative;
}

.top-forms div:last-child {
    margin-right: 0;
}

.top-forms > div > a {
    line-height: 42px;
    position: relative;
    letter-spacing: 0.7px;
}

ul.top-social li {
    float: left;
}

ul.top-social li i{
    font-size: 20px;
    line-height: 42px;
    display: block;
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

span.top-text {
    color: #636363;
    font-size: 12px;
    line-height: 42px;
}

ul.top-social+span.top-text {
    display: none;
}

ul.top-social li a:hover i {
    color: #000;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

.top-forms div i {
    font-size: 19px;
    position: relative;
    top: 2px;
}


.top-forms .search-form,
.top-forms .login-form,
.top-forms .language-list,
.top-forms .cart {
    position: absolute;
    top: 60px;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}

.top-forms .language-top > a {
    letter-spacing: 0.7px;
}

.top-forms .language-top:hover ul.language-list,
.top-forms .search-top:hover .search-form,
.top-forms .login-top:hover .login-form,
.top-forms .cart-top:hover .cart {
    visibility: visible;
    opacity: 1;
    z-index: 99;
    top: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

.top-forms .language-top > a i {
    position: relative;
    top: 3px;
    left: -5px;
    font-size: 22px;
}

.top-forms .language-top ul.language-list {
    width: 128px;
    padding-left: 27px;
    padding-top: 9px;
    background-color: #fff;
    font-size: 12px;
    text-transform: capitalize;
    right: -4px;
    top: 60px;
}

.top-forms .language-top ul.language-list:before {
    top: -18px;
    border-color: transparent transparent #e6e8e9 transparent;
}

.top-forms .language-top ul.language-list:after {
  top: -18px;
  border-color: transparent transparent #fff transparent;
}

.top-forms .language-top ul.language-list:before,
.top-forms .language-top ul.language-list:after {
    content: "";
    position: absolute;
    right: 18px;
    border-width: 9px 7px;
    border-style: solid;
    z-index: 9999;
}

.top-forms .language-top ul.language-list li a {
    line-height: 33px;
}

.top-forms .language-top ul.language-list li.active a {
    font-weight: bold;
}

.top-forms .search-top {
    margin-right: 21px;
}

.top-forms .search-form input {
    padding: 3px 27px;
}

.top-forms .search-form {
    right: -20px;
}

.top-forms .search-top .search-form:before {
    top: -18px;
    border-color: transparent transparent #e6e8e9 transparent;
}

.top-forms .search-top .search-form:after {
  top: -18px;
  border-color: transparent transparent #fff transparent;
}

.top-forms .search-top .search-form:before,
.top-forms .search-top .search-form:after {
    content: "";
    position: absolute;
    right: 25px;
    border-width: 9px 7px;
    border-style: solid;
    z-index: 9999;
}

.top-forms .search-form #searchsubmit,
.top-forms .search-form #searchsubmit1 {
    position: absolute;
    right: 3px;
    top: 0;
    background: none;
    border: none;
    outline: none;
    font-size: 19px;
}

.top-forms .login-top {
    margin-right: 21px;
}

.top-forms .login-top .login-form {
    padding: 10px;
    background-color: #fff;
    right: -20px;
}

.top-forms .login-top .login-form:before {
    top: -18px;
    border-color: transparent transparent #e6e8e9 transparent;
}

.top-forms .login-top .login-form:after {
  top: -18px;
  border-color: transparent transparent #fff transparent;
}

.top-forms .login-top .login-form:before,
.top-forms .login-top .login-form:after {
    content: "";
    position: absolute;
    right: 25px;
    border-width: 9px 7px;
    border-style: solid;
    z-index: 9999;
}

.top-forms .login-top .login-form input[type="text"],
.top-forms .login-top .login-form input[type="password"] {
    width: 180px;
    padding: 5px 27px;
}

.top-forms .login-top .login-form button.btn-submit {
    background-color: #0060B0;
    width: 180px;
}

.top-forms .cart-top {
    margin-right: 16px;
}

.top-forms .cart-top .cart {
    background-color: #fff;
    min-width: 187px;
    padding: 26px 9px;
    right: -20px;
}

.top-forms .cart-top .cart:before {
    top: -18px;
    border-color: transparent transparent #e6e8e9 transparent;
}

.top-forms .cart-top .cart:after {
  top: -18px;
  border-color: transparent transparent #fff transparent;
}

.top-forms .cart-top .cart:before,
.top-forms .cart-top .cart:after {
    content: "";
    position: absolute;
    right: 25px;
    border-width: 9px 7px;
    border-style: solid;
    z-index: 9999;
}

.top-forms .cart-top .cart .product img {
    max-width: 85px;
    float: left;
    margin-right: 10px;
}

.top-forms .cart-top .cart .product .product-name {
    position: relative;
    top: -8px;
}

.top-forms .cart-top .cart .product a.name {
    font-size: 10px;
    font-weight: bold;
}

.top-forms .cart-top .cart .product .btn-close i {
    font-size: 12px;
    color: #ff0000;
    top: 1px;
    right: -3px;
}

.top-forms .cart-top .cart .product .price {
    font-size: 18px;
    font-size: 18px;
    top: -13px;
    position: relative;
}

.top-forms .cart-top .cart .button {
    margin-top: 28px;
}

.top-forms .cart-top .cart .button .btn-gotocart {
    background: none;
    width: 100%;
    margin-bottom: 7px;
    color: #000;
    border: 1px solid #dddddd;
    padding: 7px 15px 7px 30px;
}

.top-forms .cart-top .cart .button .btn-gotocart i {
    position: relative;
    left: 10px;
    color: #000;
}

.top-forms .cart-top .cart .button .btn-checkout {
    background-color: #0060B0;
    width: 100%;
    padding: 9px 29px 7px 12px;
}

.top-forms .cart-top .cart .button .btn-checkout i {
    position: relative;
    left: 23px;
}

.top-forms .wishlist-top a i {
    margin-right: 4px;
}

/* Header
-------------------------------------------------------------- */

.header {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.header.is-sticky {
    width: 100%;
    z-index: 99;
    box-shadow: 0px -1px 25px #ddd;
}

.header .logo {
    margin-top: 40px;
    float: left;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.header.is-sticky .logo {
    margin-top: 23px;
}

.header .logo a {
    display: block;
    height: 100%;
}

.header .logo {
    width: 135px;
    height: 25px;
}

.menu-under-slide #main-slider {
    padding-bottom: 0;
}

.menu-under-slide .sticky-wrapper {
    position: relative;
}

.menu-under-slide .line-top {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0) ;
    -moz-opacity: 0 ;
    -khtml-opacity: 0 ;
    opacity: 0 ;
}

.menu-under-slide .is-sticky .line-top {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.menu-under-slide #header {
    position: relative;
    background: #104591;
}

.menu-under-slide .is-sticky #header {
    background: rgba(0, 0, 0, 0.5);
}


#mainnav li > ul {
    border-top: 3px solid #0060B0;
}

.header #mainnav {
    position: relative;
    display: block;
    float: right;
    font-size: 13px;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.header #mainnav ul {
    list-style: none;
    margin: 0;
}

.header #mainnav > ul > li {
    float: left;
    padding: 0 18px;
}

.header #mainnav > ul > li > a {
    position: relative;
    display: block;
    font-weight: 500;
    text-decoration: none;
    height: 102px;
    line-height: 102px;
    outline: none;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.header.is-sticky #mainnav > ul > li > a {
    height: 71px;
    line-height: 71px;
}

.header #mainnav > ul > li:last-child {
    padding-right: 0;
}

.header #mainnav ul li {
    position: relative;
}

.header #mainnav ul li ul {
    width: 199px;
    position: absolute;
    top: 100%;
    left: 15px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0) ;
    -moz-opacity: 0 ;
    -khtml-opacity: 0 ;
    opacity: 0 ;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.header #mainnav ul li ul:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
}

.header #mainnav ul li ul li ul {
    left: 100%;
    top: -3px;
}

.header #mainnav li:hover > ul {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.header #mainnav .submenu {
    z-index: 99999;
    background-color: #fff;
}

.header #mainnav .submenu li a {
    display: block;
    line-height: 30px;
    padding: 7px 18px;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.header #mainnav .submenu li:first-child a {
    border-top: 0;
}

.header #mainnav li:hover > ul.submenu {
    left: 0;
}

.header #mainnav li:hover > ul.submenu ul.submenu {
    left: 100%;
}

#mainnav .mainnav-wrap > ul > li > a.active, 
#mainnav .mainnav-wrap > ul > li > a.hover, 
#mainnav .mainnav-wrap > ul > li > a:active, 
#mainnav .mainnav-wrap > ul > li > a:hover {
    color: #0060B0;
}

#mainnav-mobi ul  li:hover > a,
#mainnav-mobi ul  li.hover > a,
#mainnav-mobi ul  li:active > a,
#mainnav-mobi ul  li.active > a {
    color: #0060B0;
}

#big-video-wrap {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

body.video-bg-slider section {
    z-index: 99;
    background-color: #fff;
}

body.video-bg-slider footer {
    position: relative;
    z-index: 99;
}

body.video-bg-slider .bottom {
    position: relative;
    z-index: 99;
    background-color: #fff;
}

/* Header 2
-------------------------------------------------------------- */
.sticky-wrapper {
    position: absolute;
    width: 100%;
    z-index: 999;
}

.header-2 {
    -webkit-transition: all 0.7s ease;
       -moz-transition: all 0.7s ease;
        -ms-transition: all 0.7s ease;
         -o-transition: all 0.7s ease;
            transition: all 0.7s ease;
}

.header-2 .header-wrap {
    position: relative;
}

.header-2 .header-wrap .line-top {
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    width: 100%;
    background-color: #fff;
}

.dark .header-2 .header-wrap .line-top {
    background-color: #171717;
}

.line-top .color {
    background-color: #0060B0;
}

.single-page .header-wrap .line-top {
    display: none;
}


.header-2 .header-wrap .line-top .line-color {
    height: 100%;
    width: 43%;
    background-color: #0060B0;
}

.dark .header-2 .header-wrap .line-top .line-color {
    background-color: #171717;
}

.header-2 header {
    height: 104px;
}

.header-2.is-sticky {
    width: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5);
}

.header-2 .logo {
    margin-top: 10px;
    float: left;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.header-2.is-sticky .logo {
    margin-top: 10px;
}
.header-2.is-sticky .logo img{
    width: 55px;
    margin-left: 40px;
}
.header-2 .logo a {
    display: block;
    height: 100%;
}

.header-2 .logo {
    width: 135px;
    height: 24px;
}

.header-2 #mainnav {
    position: relative;
    display: block;
    float: left;
    font-size: 15px;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.header-2 #mainnav ul {
    list-style: none;
    margin: 0;
}

.header-2 #mainnav > ul > li {
    float: left;
    padding: 0 15px;
}

.header-2 #mainnav > ul > li > a:after {
    width: 0;
    height: 3px;
    position: absolute;
    content: "";
    bottom: 35px;
    left: 0;
    background-color: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.header-2.is-sticky #mainnav > ul > li > a:after {
  bottom: 18px;
}

.header-2 #mainnav > ul > li:hover a:after {
    width: 100%;
}

.header-2 #mainnav > ul > li > a {
    color: #fff;
    position: relative;
    display: block;
    font-weight: 500;
    text-decoration: none;
    height: 104px;
    line-height: 104px;
    outline: none;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.header-2.is-sticky #mainnav > ul > li > a {
    height: 71px;
    line-height: 71px;
}

.header-2 #mainnav > ul > li:last-child {
    padding-right: 0;
}

.header-2 #mainnav ul li {
    position: relative;
}

.header-2 #mainnav ul li ul {
    width: 199px;
    position: absolute;
    top: 69px;
    left: 15px; 
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

#mainnav ul li ul.submenu.right-submenu {
    left: auto !important;
    right: 0;
}

.header-2.is-sticky #mainnav ul li ul {
    top: 53px;
}

.header-2 #mainnav ul li ul:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
}

.header-2 #mainnav ul li ul li ul {
    left: 100%;
    top: -3px;
}

.header-2 #mainnav li:hover > ul {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.header-2 #mainnav .submenu {
    z-index: 99999;
    background-color: #fff;
}

.header-2 #mainnav .submenu li a {
    display: block;
    line-height: 30px;
    padding: 7px 18px;
    color: #4c4c4c;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.header-2 #mainnav .submenu li:hover > a {
    color: #0060B0;
}

.header-2 #mainnav .submenu li:first-child a {
    border-top: 0;
}

.header-2 #mainnav li:hover > ul.submenu {
    left: 0;
}

.header-2 #mainnav li:hover > ul.submenu ul.submenu {
    left: 100%;
    top: -3px;
}

/* Header 3
-------------------------------------------------------------- */

.header-3 {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out; 
}

.header-3.is-sticky {
    width: 100%;
    z-index: 99;
    box-shadow: 0px -1px 25px #ddd;
}

.header-3 .logo {
    margin-top: 40px;
    float: left;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.header-3.is-sticky .logo {
    margin-top: 23px;
}

.header-3 .logo a {
    display: block;
    height: 100%;
}

.header-3 .logo {
    width: 135px;
    height: 25px;
}

.header-3 #mainnav {
    position: relative;
    display: block;
    float: right;
    font-size: 13px;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.header-3 #mainnav ul {
    list-style: none;
    margin: 0;
}

.header-3 #mainnav li > ul {
    border-top: none;
}

.header-3 #mainnav .submenu li:first-child a {
      border-top: 1px solid #e3e3e3;
}

.header-3 #mainnav > ul > li {
    float: left;
    padding: 0 18px;
}

.header-3 #mainnav > ul > li > a {
    position: relative;
    display: block;
    font-weight: 500;
    text-decoration: none;
    height: 105px;
    line-height: 105px;
    outline: none;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.header-3.is-sticky #mainnav > ul > li > a {
    height: 71px;
    line-height: 71px;
}

.header-3 #mainnav > ul > li:last-child {
    padding-right: 0;
}

.header-3 #mainnav ul li {
    position: relative;
}

.header-3 #mainnav ul li ul {
    width: 199px;
    position: absolute;
    top: 100%;
    left: 15px; 
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.header-3 #mainnav ul li ul:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
}

.header-3 #mainnav ul li ul li ul {
    left: 100%;
    top: 0;
}

.header-3 #mainnav li:hover > ul {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.header-3 #mainnav .submenu {
    z-index: 99999;
    background-color: #fff;
}

.header-3 #mainnav .submenu li a {
    display: block;
    line-height: 30px;
    padding: 7px 18px;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.header-3 #mainnav .submenu li:first-child a {
    border-top: 0;
}

.header-3 #mainnav li:hover > ul.submenu {
    left: 0;
}

.header-3 #mainnav li:hover > ul.submenu ul.submenu {
    left: 100%;
}

/* Header 4
-------------------------------------------------------------- */

.header-4 {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out; 
}

.header-4 .wrap {
    display: inline-block;
}

.header-4.is-sticky {
    width: 100%;
    z-index: 99;
    box-shadow: 0px -1px 25px #ddd;
}

.header-4 .logo {
    display: inline-block;
    margin-top: 40px;
    width: 135px;
    height: 25px;
}

.header-4 .menu-container {
    display: inline-block;
}

.header-4 .logo a {
    display: block;
    height: 100%;
}

.header-4 #mainnav {
    position: relative;
    display: block;
    float: right;
    font-size: 13px;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.header-4 #mainnav ul {
    list-style: none;
    margin: 0;
}

.header-4 #mainnav > ul > li {
    float: left;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.header-4 #mainnav > ul > li:before {
    width: 1px;
    height: 41px;
    position: absolute;
    content: "";
    bottom: 31px;
    left: -2px;
    background-color: #d8d8d8;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.header-4 #mainnav > ul > li:first-child:before {
    height: 0;
}

.header-4 #mainnav > ul > li {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.header-4 #mainnav > ul > li:hover {
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    background-color: #f7f7f7;
}

.header-4 #mainnav > ul > li:hover:before {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.header-4 #mainnav > ul > li a {
    text-transform: uppercase;
    font-size: 11px;
    color: #7f7f7f;
}

.header-4 #mainnav > ul > li ul li a {
    color: #4c4c4c;
}

.header-4 #mainnav > ul > li ul {
    background-color: #f7f7f7;
    border-top: 1px solid #e3e3e3; 
}

.header-4 #mainnav ul li div#mega > ul.submenu {
    border-top: 0; 
}

.header-4 #mainnav > ul > li > a {
    position: relative;
    display: block;
    font-weight: 500;
    text-decoration: none;
    height: 105px;
    line-height: 105px;
    outline: none;
    padding: 0 30px;
}

.header-4 #mainnav ul li {
    position: relative;
}

.header-4 #mainnav ul li ul {
    width: 199px;
    position: absolute;
    top: 100%;
    left: -1px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.header-4 #mainnav ul li ul:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
}

.header-4 #mainnav ul li ul li ul {
    left: 100%;
    top: -1px;
}

.header-4 #mainnav li:hover > ul {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.header-4 #mainnav .submenu {
    z-index: 99999;
}

.header-4 #mainnav .submenu li a {
    display: block;
    line-height: 30px;
    padding: 0 18px;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.header-4 #mainnav .submenu li {
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.header-4 #mainnav .submenu li:hover {
    background-color: #fcfcfc;
}

.header-4 #mainnav .submenu li:first-child a {
    border-top: 0;
}

.header-4 #mainnav li:hover > .submenu > li > a {
    padding: 7px 18px;
}

.header-4 #mainnav ul li:hover div#mega ul.submenu > li > a {
    padding: 7px 18px;
}

/* Header 5
-------------------------------------------------------------- */

.header-5 {
    background-color: #fff;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.header-5 .header-wrap .line-top {
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    width: 100%;
    border-bottom: 1px solid #c9c9c9;
    background-color: #fff;
}

.header-5 .header-wrap .line-top .line-color {
    height: 100%;
    width: 43%;
    background-color: #0060B0;
}

.header-5.is-sticky {
    width: 100%;
    z-index: 99;
    box-shadow: 0px -1px 25px #ddd;
}

.header-5 .logo {
    margin-top: 40px;
    float: left;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.header-5.is-sticky .logo {
    margin-top: 23px;
}

.header-5 .logo a {
    display: block;
    height: 100%;
}

.header-5 .logo {
    width: 135px;
    height: 25px;
}

.header-5 #mainnav {
    position: relative;
    display: block;
    float: right;
    font-size: 13px;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.header-5 #mainnav ul {
    list-style: none;
    margin: 0;
}

.header-5 #mainnav > ul > li {
    float: left;
    padding: 0 18px;
}

.header-5 #mainnav > ul > li > a {
    position: relative;
    display: block;
    font-weight: 500;
    text-decoration: none;
    height: 102px;
    line-height: 102px;
    outline: none;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.header-5.is-sticky #mainnav > ul > li > a {
    height: 71px;
    line-height: 71px;
}

.header-5 #mainnav > ul > li:last-child {
    padding-right: 0;
}

.header-5 #mainnav ul li {
    position: relative;
}

.header-5 #mainnav ul li ul {
    width: 199px;
    position: absolute;
    top: 100%;
    left: 15px; 
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.header-5 #mainnav ul li ul:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
}

.header-5 #mainnav ul li ul li ul {
    left: 100%;
    top: -3px;
}

.header-5 #mainnav li:hover > ul {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.header-5 #mainnav .submenu {
    z-index: 99999;
    background-color: #fff;
}

.header-5 #mainnav .submenu li a {
    display: block;
    line-height: 30px;
    padding: 7px 18px;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.header-5 #mainnav .submenu li:first-child a {
    border-top: 0;
}

.header-5 #mainnav li:hover > ul.submenu {
    left: 0;
}

.header-5 #mainnav li:hover > ul.submenu ul.submenu {
    left: 100%;
}

/*Setup mega menu*/

#mainnav ul li div#mega {
    position: absolute;
    top: 69px;
    border-top: 3px solid #0060B0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0) ;
    -moz-opacity: 0 ;
    -khtml-opacity: 0 ;
    opacity: 0 ;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.header-4 #mainnav ul li div#mega {
    top: 100%;
    border-top: 0;
}

#mainnav ul li div#mega {
    /*top: 100%;
    border-top: 0;*/
}

#mainnav ul li div#mega ul.submenu {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0) ;
    -moz-opacity: 0 ;
    -khtml-opacity: 0 ;
    opacity: 0 ;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.is-sticky #mainnav ul li div#mega {
    top: 53px;
}

.header-4.is-sticky #mainnav ul li div#mega {
    top: 100%;
}

.header.is-sticky #mainnav ul li div#mega {
    top: 100%;
}

.header #mainnav ul li div#mega,
.header-3 #mainnav ul li div#mega,
.header-5 #mainnav ul li div#mega {
    top: 100%;
}

.header-3 #mainnav ul li div#mega {
    border-top: 0;
}

#mainnav ul li:hover div#mega {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100) ;
    -moz-opacity: 1 ;
    -khtml-opacity: 1 ;
    opacity: 1 ;
}

#mainnav ul li:hover div#mega ul.submenu {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100) ;
    -moz-opacity: 1 ;
    -khtml-opacity: 1 ;
    opacity: 1 ;
}

#mainnav ul li div#mega > ul.submenu {
    position: relative;
    float: left;
    left: auto;
    top: 0;
}

#mainnav div#mega > ul.submenu li:first-child a {
    border-top: 1px solid #e3e3e3;
}

#mainnav  div#mega > ul.submenu li a {
    border-left: 0;
}

#mainnav  div#mega > ul.submenu:first-child li a {
    border-left: 1px solid #e3e3e3;
}

#mainnav .submenu li a i {
    position: absolute;
    left: -15px;
    top: 12px;
    font-size: 20px;
    color: #0060B0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

#mainnav .submenu li:hover > a i {
    left: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100) ;
    -moz-opacity: 1 ;
    -khtml-opacity: 1 ;
    opacity: 1 ;
    visibility: visible;
}

.header-4 #mainnav .submenu li:hover > a i {
    display: none;
}

#mainnav .submenu li:hover > a {
    padding: 7px 15px 7px 36px;
}


/* Mobile navigation
---------------------------------------- */
#mainnav-mobi {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    background-color: #1c1c1c;
    z-index: 1000;
}

#mainnav-mobi ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainnav-mobi ul li {
    margin:0;
    position: relative;
    text-align: left;
    border-top: 1px solid #252525;
    cursor: pointer;
}

#mainnav-mobi ul > li > a {
    text-decoration: none;
    height: 55px;
    line-height: 55px;
    padding: 0 50px;
    color: #fff;
}

#mainnav-mobi ul.sub-menu {
    top: 100%;
    left: 0;
    z-index: 2000;
    position: relative;
    background-color: #161625;
}

#mainnav-mobi > ul > li > ul > li,
#mainnav-mobi > ul > li > ul > li > ul > li {
    position: relative;
    border-top: 1px solid #252525;
    background-color: #222;
}

#mainnav-mobi > ul > li > ul > li >  a {
    padding-left: 70px !important;
}

#mainnav-mobi > ul > li > ul > li > ul > li a {
    padding-left: 90px !important;
}

#mainnav-mobi ul.sub-menu > li > a {
    display: block;
    text-decoration: none;
    padding: 0 60px;
    border-top-color: rgba(255,255,255,0.1);
    -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
}

#mainnav-mobi > ul > li > ul > li:first-child a {
    border-top: none;
}

#mainnav-mobi ul.sub-menu > li > a:hover,
#mainnav-mobi > ul > li > ul > li.active > a {
    color: #fff;
}

.btn-menu {
    float: right;
    font-size: 28px;
    color: #000;
    text-align:center;
    cursor: pointer;
    display: none;
    height: 102px;
    line-height: 102px;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;      
}

.is-sticky .btn-menu {
    height: 71px;
    line-height: 71px;
}

.btn-submenu {
    position: absolute;
    right: 20px;
    top: 0;
    font-family: "fontello";
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
    width: 70px;
    height: 44px;
}

.btn-submenu i {
    color: #F3F3F3;
}

.btn-submenu i.icon-chevron-up {
    display: none;
}

.btn-submenu.active i.icon-chevron-up {
    display: block;
    padding-top: 17px;
}

.btn-submenu.active i.icon-chevron-down {
    display: none;
}



/* Blog style 1
    ---------------------------------------- */
.page-title h1.title.thin {
    font-size: 52px;
    line-height: 52px;
    text-align: center; 
    margin: 78px 0 46px 0;
    letter-spacing: 1.3px;
}

.blog-full-3 .page-title h1.title.thin {
    margin: 78px 0 77px 0;
}

.blog-full-2 .page-title h1.title.thin {
    margin: 78px 0 77px 0;
}

.meetteam-page .page-title h1.title.thin {
    margin: 78px 0 82px 0;
}

.no-sidebar .sidebar {
    display: none;
}

.site-content {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 28px;
}

.site-content .post {
    margin-bottom: 120px;
}

.blog-full .site-content .post {
    text-align: center;
}

.blog-full-3 .site-content .post {
    margin-bottom: 0;
}

.blog-full-2 .site-content .post {
    margin-bottom: 0;
    margin-top: 111px;
}

.blog-full-2 .site-content .post:first-child {
    margin-top: 0;
}

.blog-full-2 .site-content {
    margin-top: 0;
}

.post-media {
    margin-bottom: 48px;
}

.blog-full-2 .post-media {
    margin-bottom: 40px;
}

.post-media img {
    width: 100%;
}

.site-content .post h2.title-post {
    font-size: 33px;
    margin: 0 0 25px 0;
    letter-spacing: 0.6px;
    word-spacing: 0.5px;
}

.blog-full-2 .site-content .post h2.title-post {
    margin: 0 0 14px 0;
}

.site-content .post .entry-post {
    word-spacing: 0.1px;
}

.blog-full .site-content .post .entry-post {
    margin-bottom: 41px;
}

.blog-full-2 .site-content .post .entry-post {
    margin-bottom: 29px;
}

.site-content .post .meta-post,
.site-content .post .meta-post a {
    font-size: 22px;
    margin-bottom: 44px;
    color: #b2b2b2;
}

.site-content .post .meta-post {
    margin-bottom: 45px;
}

.blog-full-2 .site-content .post .meta-post,
.blog-full-2 .site-content .post .meta-post a {
    margin-bottom: 22px;
}

.site-content .post .meta-post span {
    margin-right: 33px;
    display: inline-block;
}

.site-content .post .meta-post img {
    margin-right: 4px;
    margin-bottom: 6px;
}
.site-content .post .meta-post img.imgcomment {
    margin-left: -8px;
    margin-right: 13px;
}

.site-content .post .meta-post a:hover,.site-content .post .meta-post a.hover {
    color: #0060B0;
}

.more-link {
    padding:0;
}

.pagination {
    text-align: center;
    margin-top: -29px;
    display: block;
}

.blog-full .pagination {
    display: block;
    text-align: center;
    margin-top: 23px;
    margin-bottom: 81px;
}

.pagination a img {
    margin: 0 18px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pagination a img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pagination-2 {
    margin-top: 50px;
}

.blog-full-3 .pagination-2 {
    text-align: right;
    margin-top: 47px;
}

.blog-full-2 .pagination-2 {
    text-align: right;
    margin-top: 59px;
}

.pagination-2 a {
    font-size: 11px;
    letter-spacing: 0.3px;
}

.pagination-2 a.active {
    font-weight: bold;
    color: #000;
}

.pagination-2 a.prev {
    width: 200px;
    position: relative;
    display: inline-block;
    border: 1px solid #c4c4c4;
    padding: 5px 19px 5px 0;
    margin-right: 15px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-size: 11px;
    text-align: right;
    line-height: 28px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
         -o-border-radius: 2px;
            border-radius: 2px;
}

.pagination-2 a.prev i,
.pagination-single a.prev i {
    position: absolute;
    top: 9px;
    left: 11px;
    font-size: 22px;
}

.pagination-2 a.prev:hover i {
    -webkit-animation-name: righttoleft; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */
    -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
    animation-name: righttoleft;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-direction: alternate;    
}

@-webkit-keyframes righttoleft {
    0% {
        left:11px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    15% {
        left:46px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    100% {
        left:11px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

@keyframes righttoleft {
    0% {
        left:11px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    15% {
        left:46px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    100% {
        left:11px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

.pagination-2 a.next {
    width: 200px;
    position: relative;
    text-align: left;
    display: inline-block;
    border: 1px solid #c4c4c4;
    padding: 5px 0 5px 19px;
    margin-left: 15px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-size: 11px;
    line-height: 28px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
         -o-border-radius: 2px;
            border-radius: 2px;
}

.pagination-2 a.next i,
 .pagination-single a.next i {
    position: absolute;
    top: 9px;
    right: 11px;
    font-size: 22px;
}

.pagination-2 a.next:hover i {
    -webkit-animation-name: lefttoright; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */
    -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
    animation-name: lefttoright;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-direction: alternate;    
}

@-webkit-keyframes lefttoright {
    0% {
        right:11px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    15% {
        right:46px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    100% {
        right:11px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

@keyframes lefttoright {
    0% {
        right:11px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    15% {
        right:46px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    100% {
        right:11px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

.pagination-2 a.next:hover i {
    -webkit-animation-name: lefttoright; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */
    -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
    animation-name: lefttoright;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-direction: alternate;    
}

.pagination-single {
    margin-bottom: 37px;
}

.products-details .pagination-single {
    text-align: right;
    margin-bottom: 0;
    position: relative;
    top: -2px;
}

.pagination-single.bottom {
    margin-bottom: 56px;
}

.pagination-single img {
    position: relative;
    top: -15px;
    left: 10px;
}

.products-details .pagination-single img {
    left: 0;
}

.pagination-single a.prev {
    width: 45.17%;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    border: 1px solid #c4c4c4;
    padding: 5px 19px 5px 60px;
    margin-right: 15px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-size: 11px;
    text-align: left;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
         -o-border-radius: 2px;
            border-radius: 2px;
}

.pagination-single a.prev:hover i {
    -webkit-animation-name: righttoleft; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */
    -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
    animation-name: righttoleft;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-direction: alternate;    
}

.pagination-single a.next {
    width: 45.17%;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    right: -17px;
    border: 1px solid #c4c4c4;
    padding: 5px 40px 5px 19px;
    margin-left: 15px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-size: 11px;
    text-align: left;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
         -o-border-radius: 2px;
            border-radius: 2px;
}

.products-details .pagination-single a.prev {
    width: 200px;
    margin-right: 10px;
    text-overflow: inherit;
}

.products-details .pagination-single a.next {
    width: 200px;
    margin-left: 10px;
    right: 0;
    text-overflow: inherit;
}

.pagination-single a.next:hover i {
    -webkit-animation-name: lefttoright; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */
    -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
    animation-name: lefttoright;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-direction: alternate;    
}

/* Blog style 2
    ---------------------------------------- */
.site-content.blog-style-2 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 96px;
    font-size: 16px;
    line-height: 28px;
}

.blog-full-3 .site-content.blog-style-2 {
    margin-top: 0;
}

.site-content.blog-style-2 .post {
    margin-top: 49px;
    border-bottom: 1px solid #e5e5e5;
}

.blog-sidebar-3 .site-content.blog-style-2 .post {
    padding-bottom: 31px;
}

.blog-full-3 .site-content.blog-style-2 .post {
    margin-top: 75px;
}

.site-content.blog-style-2 .post:first-child {
    margin-top: 0;
}
  
.site-content.blog-style-2 .post-media {
    margin-bottom: 23px;
}

.blog-sidebar-3 .site-content.blog-style-2 .post-media {
    width: 48%;
    float: left;
}

.blog-sidebar-3 .site-content.blog-style-2 .right-col {
    width: 48.5%;
    float: right;
}

.blog-full-3 .site-content.blog-style-2 .post-media {
    margin-bottom: 40px;
}

.site-content.blog-style-2 .post h2.title-post {
    font-size: 32px;
    line-height: 36px;
    margin: 0 0 14px 0;
    letter-spacing: 0.5px;
}

.blog-sidebar-3 .site-content.blog-style-2 .post h2.title-post {
    margin: 0 0 4px 0;
}

.blog-full-3 .site-content.blog-style-2 .post h2.title-post {
    font-size: 33px;
    margin-bottom: 17px;
    line-height: normal;
}

.site-content.blog-style-2 .post .entry-post {
    word-spacing: -0.2px;
    font-size: 14px;
    line-height: 24px;
}

.site-content.blog-style-2 .post .entry-post p {
    color: #666666;
}

.blog-full-3 .site-content.blog-style-2 .post .entry-post p {
    font-size: 16px;
    line-height: 28px;
}

.site-content.blog-style-2 .post .meta-post,
.site-content.blog-style-2 .post .meta-post a {
    font-size: 14px;
    margin-bottom: 23px;
    color: #686868;
}

.site-content.blog-style-2 .post .meta-post,
.site-content.blog-style-2 .post .meta-post a {
    margin-bottom: 15px;
}

.blog-full-3 .site-content.blog-style-2 .post .meta-post,
.blog-full-3 .site-content.blog-style-2 .post .meta-post a {
    margin-bottom: 16px;
}

.blog-full-3 .site-content.blog-style-2 .post .meta-post span {
    margin-right: 6px;
}

.blog-full-3 .site-content.blog-style-2 .post .meta-post span i {
    color: #cccccc;
    font-size: 21px;
}

.site-content.blog-style-2 .post .meta-post .left {
    float: left;
    font-size: 19px;
}

.site-content.blog-style-2 .post .meta-post .right {
    float: right;
}

.site-content.blog-style-2 .post .meta-post .left i,
.site-content.blog-style-2 .post .meta-post .right i {
    position: relative;
    top: 3px;
    font-size: 22px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

.site-content.blog-style-2 .post .meta-post span {
    margin-right: 0;
}

.site-content.blog-style-2 .post .meta-post .right span {
    margin-left: 1px;
}

.blog-sidebar-3 .site-content.blog-style-2 .post .meta-post .right span {
    font-weight: bold;
    position: relative;
    top: 2px;
}

.site-content.blog-style-2 .post .meta-post img {
    margin-right: 4px;
    margin-bottom: 6px;
}
.site-content.blog-style-2 .post .meta-post img.imgcomment {
    margin-left: -8px;
    margin-right: 13px;
}

.site-content.blog-style-2 .post .meta-post a:hover,.site-content .post .meta-post a.hover {
    color: #0060B0;
}

.site-content.blog-style-2 .post .readmore {
    background-color: #0060B0;
    margin: 24px 0 50px 0;
    padding: 7px 26px 5px 29px;
}

.blog-sidebar-3 .site-content.blog-style-2 .post .readmore {
    margin: 21px 0 50px 0;
}

.blog-full-3 .site-content.blog-style-2 .post .readmore {
    margin: 24px 0 63px 0;
}

/* Blog single 1
    ---------------------------------------- */
.site-content.blog-style-2 .post.post-single {
  padding-bottom: 37px;
}

.post-single .entry-post p {
    margin-bottom: 24px;
}

.author-wrap {
    width: 100%;
    margin-top: 23px;
    margin-bottom: 52px;
}

.author-wrap .author {
    float: left;
    width: 50%;
    color: #3b3b3b;
    font-size: 14px;
}

.author-wrap .tag {
    float: left;
    width: 50%;
    text-align: right;
    color: #3b3b3b;
    font-size: 14px;
}

.comment-list .comment-title,
.add-comment .commentform-title {
    font-size: 19px;
    line-height: 25px;
}

.comment-list .comment-title {
    margin-bottom: 29px;
    letter-spacing: 0.3px;
}

.add-comment .commentform-title {
    margin-bottom: 41px;
    margin-top: -11px;
    letter-spacing: 0.3px;
}

.comment-list .unstyled .comment {
    position: relative;
    margin-bottom: 64px;
}

.comment-list .unstyled .children {
    margin-left: 100px;
}

.comment-list .unstyled .comment .avatar {
    position: absolute;
    width: 70px;
    left: 0;
}

.comment-list .unstyled .comment .comment-text {
    margin-left: 100px;
}

.comment-list .unstyled .comment .comment-text h5.author {
    font-size: 17px;
    font-weight: bold;
    position: relative;
    top: -6px;
}

.comment-list .unstyled .comment .comment-text .comment-meta {
    font-size: 14px;
    color: #000;
    position: relative;
    top: -18px;
}

.comment-list .unstyled .comment .comment-text .comment-body {
    font-size: 14px;
    line-height: 22px;
    color: #4c4c4c;
    margin-top: -14px;
}

.add-comment .comment-form .comment-wrap {
    width: 100%;
}

.add-comment .comment-form .comment-wrap .comment {
    width: 100%;
    max-width: 100%;
    max-height: 145px;
    min-height: 145px;
    padding: 10px 10px 10px 20px;
    border: 1px solid #dddddd;
    outline: none;
    font-size: 14px;
    margin-bottom: 13px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
         -o-border-radius: 2px;
            border-radius: 2px;
}

.add-comment .comment-form .name-wrap {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    width: 50%;
    float: left;
}

.add-comment .comment-form .email-wrap {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    width: 50%;
    float: right;
}


.add-comment .comment-form .name-wrap .name {
    width: 100%;
    border: 1px solid #dddddd;
    outline: none;
    font-size: 14px;
    padding: 5px 20px 5px 20px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
         -o-border-radius: 2px;
            border-radius: 2px;
}

.add-comment .comment-form .email-wrap .email {
    width: 100%;
    border: 1px solid #dddddd;
    outline: none;
    font-size: 14px;
    padding: 5px 20px 5px 20px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
         -o-border-radius: 2px;
            border-radius: 2px;
}

.add-comment .comment-form .submit-wrap {
    width: 100%;
    margin-top: 21px;
}

.add-comment .comment-form .submit-wrap .btn-submit {
    background-color: #0060B0;
    padding: 6px 36px 5px 36px;
}

.selectpicker {
    border: 1px solid #dddddd;
    outline: none;
    font-size: 14px;
    padding: 10px;
    margin-bottom: 13px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
         -o-border-radius: 2px;
            border-radius: 2px;
}

/* Blog Sidebar
    ---------------------------------------- */
.sidebar {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 20px;
    font-size: 16px;
}

.sidebar .widget {
    margin-bottom: 65px;
    color: #000;
}

.sidebar .widget .widget-title {
    font-size: 18px;
    margin: 0 0 22px 0;
    letter-spacing: 0.3px;
}

.sidebar .widget_featured_posts h4.bold {
    font-size: 17px;
    margin: 0 0 6px 0;
}

.sidebar .widget_featured_posts .thumb {
    margin-bottom: 13px;
    margin-top: 32px;
}

.sidebar .widget_search {
    margin-bottom: 58px;
}

.sidebar #searchform {
    position: relative;
}

.sidebar .widget_search #searchform .input-search {
    border: 1px solid #ddd;
    width: 100%;
    height: 38px;
    padding: 19px 27px 19px;
    outline: none;
    font-size: 11px;
    color: #000 !important;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
         -o-border-radius: 3px;
            border-radius: 3px;
}

::-webkit-input-placeholder {
    color: #000;
    letter-spacing: 0.5px;
}

:-moz-placeholder {
    color: #000;
    letter-spacing: 0.5px;
}

::-moz-placeholder {
    color: #000;
    letter-spacing: 0.5px;
}

:-ms-input-placeholder {  
    color: #000;
    letter-spacing: 0.5px;
}

#searchsubmit,
#searchsubmit1 {
    position: absolute;
    right: 15px;
    top: 8px;
    background: none;
    border: none;
    outline: none;
    font-size: 19px;
}

.sidebar .widget ul {
    padding: 0;
    list-style: none;
    /*letter-spacing: 0.3px;*/
}

.sidebar .widget p {
    font-size: 15px;
    line-height: 24px;
    /*letter-spacing: 0.3px;*/
    margin: 0;
}

.sidebar .widget_categories ul li,
.sidebar .widget_archives ul li {
    line-height: normal;
}

.sidebar .widget_categories ul li a,
.sidebar .widget_archives ul li a {
    display: inline-block;
    font-size: 14px;
    color: #000;
    margin-top: 24px;
    line-height: normal;
}

.sidebar .widget_categories ul li a:hover,
.sidebar .widget_archives ul li a:hover {
    color: #0060B0;
}

.sidebar .widget_categories ul li:first-child a,
.sidebar .widget_archives ul li:first-child a {
    margin-top: 0;
}

.sidebar .widget_archives ul li a span {
    color: #b1b1b1;
}

/* Product Title Bar
    ---------------------------------------- */
.products-page .title-bar .breadcrumbs {
    position: relative;
    top: 6px;
}

.products-page .title-bar .breadcrumbs ul li {
    display: inline-block;
}

.products-page .title-bar .breadcrumbs ul li a {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

.products-page .title-bar .breadcrumbs ul li i {
    position: relative;
    top: 3px;
    font-size: 18px;
}

.products-page .title-bar .breadcrumbs ul li i:before {
    width: 6px;
    position: relative;
    left: -9px;
    font-weight: bold;
}

.products-page #productsearch .input-search {
    width: 200px;
}

.products-page #productsearch #searchsubmit,
.products-page #productsearch #searchsubmit1 {
    position: relative;
    top: 1px;
    left: -52px;
    background: none;
    border: none;
    outline: none;
    font-size: 19px;
}

/* Product Sidebar
    ---------------------------------------- */
.products-page .sidebar {
    margin-top: 93px;
}

.products-page .sidebar .widget {
    margin-bottom: 47px;
}

.products-page .sidebar .widget .widget-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    margin-bottom: 28px;
}

.products-page .sidebar ul li a {
    display: inline-block;
    line-height: normal;
    font-size: 15px;
    margin-top: 13px;
}

.products-page .sidebar ul li:first-child a {
    margin-top: 0;
}

.products-page .sidebar .widget_clothing_size ul li a {
    text-transform: uppercase;
    margin-top: 10px;
}

.products-page .sidebar .widget_clothing_size ul li:first-child a {
    margin-top: 0;
}

.products-page .sidebar .widget_clothing_size ul li span {
    color: #777;
    margin-left: 5px;
}

.products-page .sidebar .widget_popular_products ul li {
    margin-top: 10px;
}

.products-page .sidebar .widget_popular_products ul li:first-child {
    margin-top: 0;
}

.products-page .sidebar .widget_popular_products ul li a {
    font-size: 14px;
    color: #212121;
    position: relative;
}

.products-page .sidebar .widget_popular_products ul li a p {
    margin-left: 61px;
    position: relative;
    top: -3px;
    line-height: normal;
    letter-spacing: -0.2px;
}

.products-page .sidebar .widget_popular_products ul li a:hover {
    color: #0060B0;
}

.products-page .sidebar .widget_popular_products ul li p.meta {
    margin-left: 61px;
    font-weight: bold;
    position: relative;
    top: -8px;
}

.products-page .sidebar .widget_popular_products ul li a img {
    width: 50px;
    position: absolute;
    left: 0;
    top: 0;
}

/* Product Content
    ---------------------------------------- */
.products-page .page-title h1.title.thin {
    font-size: 52px;
    line-height: 52px;
    text-align: center;
    margin: 102px 0 63px 0;
    letter-spacing: 1.3px;
}

.products-page #content {
    float: right;
    width: 75%;
    padding: 0 15px;
    margin-top: 98px;
}

.products-page .right-sidebar #content {
    float: left;
}

.products-page .no-sidebar #content {
    width: 100%;
}

.products-page .left-sidebar #content .pagination-2,
.products-page .no-sidebar #content .pagination-2,
.products-page .right-sidebar #content .pagination-2 {
    text-align: right;
    margin-top: 20px;
}

.products-page .woocommerce {
    display: inline-block;
    margin: 0 -15px;
}

.products-page .widget.woocommerce {
    display: inline-block;
    margin: 0 0 47px 0;
}

.woocommerce ul.products.onecols li {
    width: 100%;
}

.woocommerce ul.products.twocols li {
    width: 50%;
}

.woocommerce ul.products.threecols li {
    width: 33.3333%;
}

.woocommerce ul.products.fourcols li {
    width: 25%;
}

.woocommerce ul.products.fivecols li {
    width: 20%;
}

.products-page .woocommerce ul li {
    padding: 0 15px;
    float: left;
    margin-bottom: 48px;
}

.products-page .woocommerce ul li .product-info {
    position: relative;
}

.products-page .woocommerce ul li .product-info .addtocart-details {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 44%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.products-page .woocommerce ul li .product-info .addtocart-details span {
    display: inline-block;
    width: 89px;
}

.woocommerce ul.products.fivecols li .product-info .addtocart-details span, 
.woocommerce ul.products.fourcols li .product-info .addtocart-details span {
    width: 60px;
}

.products-page .woocommerce ul.products.fivecols li .product-info .addtocart-details span img,
.products-page .woocommerce ul.products.fourcols li .product-info .addtocart-details span img {
    width: 20px;
}


.products-page .woocommerce ul li .product-info .addtocart-details .addtocart {
    position: relative;
    left: -35px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.products-page .woocommerce ul.products.fivecols li .product-info .addtocart-details span.line,
.products-page .woocommerce ul.products.fourcols li .product-info .addtocart-details span.line,
.products-page .woocommerce ul li .product-info .addtocart-details span.line {
    height: 31px;
    width: 1px;
    background-color: #fff;
    position: relative;
    top: 60px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
}

.products-page .woocommerce ul.products.fivecols li:hover > .product-info .addtocart-details .line,
.products-page .woocommerce ul.products.fourcols li:hover > .product-info .addtocart-details .line,
.products-page .woocommerce ul li:hover > .product-info .addtocart-details .line {
    top: -17px;
}

.products-page .woocommerce ul li .product-info .addtocart-details .details {
    position: relative;
    right: -35px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.products-page .woocommerce ul li .product-info .addtocart-details .addtocart a,
.products-page .woocommerce ul li .product-info .addtocart-details .details a {
    color: #fff;
    font-size: 12px;
    display: block;
    margin-top: 6px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.products-page .woocommerce ul.products.fourcols li .product-info .addtocart-details .addtocart a, 
.products-page .woocommerce ul.products.fourcols li .product-info .addtocart-details .details a,
.products-page .woocommerce ul.products.fivecols li .product-info .addtocart-details .addtocart a, 
.products-page .woocommerce ul.products.fivecols li .product-info .addtocart-details .details a {
    font-size: 10px;
}

.products-page .woocommerce ul li .product-info .addtocart-details .addtocart a:hover,
.products-page .woocommerce ul li .product-info .addtocart-details .details a:hover {
    color: #000;
}

.products-page .woocommerce ul li .product-info > img {
    width: 100%;
}

.products-page .woocommerce ul li .meta h3 {
    font-size: 16px;
    margin-bottom: -2px;
    margin-top: 22px;
    letter-spacing: 0.3px;
}

.products-page .woocommerce ul li .meta span.price {
    font-size: 16px;
    font-weight: bold;
}

.products-page .woocommerce ul li .product-hover {
    position: absolute;
    width: 100%;
    height: 10%;
    background-color: #0060B0;
    bottom: 0;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.products-page .woocommerce ul li:hover > .product-info .product-hover {
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=96)";
    filter: alpha(opacity=96);
    -moz-opacity: 0.96;
    -khtml-opacity: 0.96;
    opacity: 0.96;
}

.products-page .woocommerce ul li:hover > .product-info .addtocart-details {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.products-page .woocommerce ul li:hover > .product-info .addtocart-details .addtocart {
    left: 0;
}

.products-page .woocommerce ul li:hover > .product-info .addtocart-details .details {
    right: 0;
}

.products-page .woocommerce ul.products li {
    width: 100%;
}

.products-page .woocommerce ul.products.twocols li {
    width: 50%;
}

.products-page .woocommerce ul.products.threecols li {
    width: 33.3333%;
}

.products-page .woocommerce ul.products.fourcols li {
    width: 25%;
}

.products-page .woocommerce ul.products.fivecols li {
    width: 20%;
}

/* Products Detail
    ---------------------------------------- */
.products-details .details-info {
    padding: 0 0 50px 0; 
}

.products-details .title-bar {
    padding: 11px 0 80px 0;
}

.products-details .details-info .popup-gallery .main-image {
    position: relative;
}

.products-details .details-info .popup-gallery .main-image a {
    position: absolute;
    top: 15px;
    left: 14px;
}

.products-details .details-info .popup-gallery .main-image a img {
    width: 50px;
}

.products-details .details-info .popup-gallery .main-image img {

}

.products-details .details-info .popup-gallery ul.small-images {
    margin-right: -18px;
    margin-top: 15px;
}

.products-details .details-info .popup-gallery ul.small-images li {
    float: left;
    width: 33.3333%;
    height: 95px;
    overflow: hidden;
    padding-right: 18px;
    cursor: pointer;
    position: relative;
}

.products-details .details-info .popup-gallery ul.small-images li div img.img-item {
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.products-details .details-info .popup-gallery ul.small-images li div {
    background-color: #0060B0;
}

.products-details .details-info .popup-gallery ul.small-images li:hover > div img.img-item {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
    filter: alpha(opacity=5);
    -moz-opacity: 0.05;
    -khtml-opacity: 0.05;
    opacity: 0.05;
}

.products-details .details-info .popup-gallery ul.small-images li div img.view {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.products-details .details-info .popup-gallery ul.small-images li:hover > div img.view {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.products-details .details-info .popup-gallery ul.small-images li .view {
    position: absolute;
    top: 39%;
    left: 37%;
}

.products-details .details-info h2.name {
    font-size: 40px;
    line-height: 46px;
    font-weight: bold;
    margin-top: -8px;
    margin-bottom: 0;
    letter-spacing: 1px;
}

.products-details .details-info span.sku {
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 9px;
}

.products-details .details-info div.price {
    margin-bottom: 67px;
}

.products-details .details-info div.price .baseprice {
    font-size: 41px;
    line-height: 60px;
    color: #212121;
    margin-right: 15px;
}

.products-details .details-info div.price .saleprice {
    font-size: 30px;
    color: #a6a6a6;
    text-decoration: line-through; 
}

.woocommerce-color select,
.woocommerce-size select,
.woocommerce-quantity select {
    background: #fff url("../images/caret.png") no-repeat 92% center;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    width: 100%;
    padding: 6px 31px 6px 12px;
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin-bottom: 15px;
}

.products-details .details-info .btn-addtocart {
    margin-top: 3px;
}

.products-details .details-info .product-description {
    position: relative;
    top: -5px;
    padding-left: 56px;
}
    
.products-details .details-info .product-description p {
    margin-bottom: 22px;
    line-height: 22px;
}

.products-details .details-info .product-description ul {
    list-style: inherit;
    margin-left: 14px;
    line-height: 22px;
    margin-bottom: 22px;
}

.products-details .details-info .product-description img.like-facebook,
.products-details .details-info .product-description img.pinit {
    margin-top: 5px;
    display: inline-block;
}

/* Description Reviews
    ---------------------------------------- */
.description-review {
    background-color: #f3f3f3;
    padding: 24px 0 60px 0;
}

.nav-tabs {
    border-bottom: 0;
}

ul.nav.nav-tabs li {
    margin: 10px 32px 48px 0;
}

ul.nav.nav-tabs li a {
    font-size: 18px;
    color: #909090;
    text-transform: uppercase;
    border: none;
    padding: 0;
    background: none;
    letter-spacing: 0.8px;
}

ul.nav.nav-tabs li.active a:hover,
ul.nav.nav-tabs li.active a:focus {
    border: none;
    background: none;
}

ul.nav.nav-tabs li.active a {
    font-weight: bold;
    color: #212121;
}

/* Related Products
    ---------------------------------------- */
.products .related-product .woocommerce {
    margin: 0;
}

.related-product {
    padding: 85px 0 78px 0;
}

.related-product h2.title {
    text-align: center;
    font-size: 28px;
    margin-bottom: 73px;
    letter-spacing: 0.4px;
}

/* Slider
    ---------------------------------------- */

.flexslider {
    border: 0;
    margin: 0;
}

.post .flex-control-nav {
    bottom: 0;
}

.flexslider .flex-nav-next a.flex-next,
.flexslider .flex-nav-prev a.flex-prev {
    position: absolute;
    text-align: center;
    top: 50%;
    background-color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.flexslider .flex-nav-next a.flex-next {
    right: 0;
}

.flexslider .flex-nav-prev a.flex-prev {
    left: 0;
}

.flexslider .flex-nav-next a.flex-next .icon-chevron-right,
.flexslider .flex-nav-prev a.flex-prev .icon-chevron-left {
    display: block;
    font-size: 16px;
    line-height: 40px;
}


.flexslider .flex-nav-next a.flex-next .icon-chevron-right:before,
.flexslider .flex-nav-prev a.flex-prev .icon-chevron-left:before {
    margin: 0;
}

/* Services Section
    ---------------------------------------- */
.services {
    text-align: center;
    background-color: #fff;
    padding: 60px 0 42px 0;
}

.dark .services,
body.dark.video-bg-slider section.services {
    background-color: #171717;
}

.services-page-2 .services {
    text-align: center;
    background-image: url('http://www.rollthemes.com/demo/html/flatik/images/background/5.jpg');
    background-position: center;
    padding: 62px 0 101px 0;
}

.single-page .services {
    text-align: center;
    background-image: url('http://www.rollthemes.com/demo/html/flatik/images/background/7.jpg');
    background-position: center;
    padding: 62px 0 135px 0;
}

.services-2 {
    padding: 77px 0 85px 0;
}

.services-page .services-2 {
    padding:  46px 0 14px 0;
}

/* Recent Work Section
    ---------------------------------------- */
.recent-works{
    background-color: #fff;
    padding: 60px 0 51px 0;
    text-align: center;
}

.dark .recent-works,
body.dark.video-bg-slider section.recent-works {
    background-color: #171717;
}

.meetteam-page .recent-works {
    padding: 25px 0 39px 0;
}

.services-page-2 .recent-works {
    padding: 60px 0 34px 0;
}
/* Acvanced Video Section
    ---------------------------------------- */
.about {
    background-color: #fff;
    padding: 10px 0 103px 0;
}

.single-page .about {
    padding: 71px 0 105px 0;
}

.meetteam-page .about {
    padding: 51px 0 10px 0;
}

.faq-page .about {
    padding: 32px 0 123px 0;
}

.about-2 {
    padding: 72px 0 97px 0;
}

.services-page-2 .about-2 {
    padding: 72px 0 26px 0;
}

/* Team Section
    ---------------------------------------- */
.team,
body.video-bg-slider section.team {
    background-color: #f7f7f8;
    padding: 61px 0 0 0;
}

.dark .team,
body.dark.video-bg-slider section.team {
    background-color: #000;
}

/* Twitter Section
    ---------------------------------------- */
.twitter,
body.video-bg-slider section.twitter {
    background-color: #0060B0;
    padding: 50px 0 62px 0;
}

/* Acvanced Video Section
    ---------------------------------------- */
.advanced-video {
    background-image: url('http://www.rollthemes.com/demo/html/flatik/images/background/1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 93px 0;
    overflow: hidden;
}

/* Main Competencies Section
    ---------------------------------------- */
.competencies,
body.video-bg-slider section.competencies {
    background-color: #f7f7f8;
    padding: 83px 0 126px 0;
}

/* Working With Us Section
    ---------------------------------------- */
section.work-with-us,
body.video-bg-slider section.work-with-us {
    background-color: #0060B0;
    padding: 50px 0 40px 0;
}

.dark .work-with-us {
    background-color: #171717;
}

.dark.video-bg-slider .work-with-us {
    background-color: #171717;
}

/* Map Section
    ---------------------------------------- */
.map {
    padding: 0;
}

/* Mission Section
    ---------------------------------------- */
.mission {
    padding: 74px 0 82px 0;
    background-image: url('../images/background/4.jpg');
    background-size: cover;
}

.about-page .mission,
.about-alt-page .mission {
    margin: 94px 0 21px;
}

/* Case Studies
    ---------------------------------------- */
.casestudies {
    padding: 12px 0 91px 0;
}

/* What we can do
    ---------------------------------------- */
.services-page-2 .whatwecando {
    padding: 87px 0 72px 0;
}

/* Portfolio
-------------------------------------------------------------- */
.portfolio h1.small-light {
    font-size: 33px;
    text-align: center;
    margin-bottom: 61px;
}

.related-portfolio {
    padding: 60px 0 31px 0;
}

.related-portfolio .portfolio h1.small {
    font-size: 28px;
    text-align: center;
    margin-bottom: 71px;
    letter-spacing: 0.5px;
}

.single-page h1.title.thin {
    text-align: center;
    font-size: 52px;
    line-height: 52px;
    margin: 10px 0 54px 0;
    letter-spacing: 1.3px;
}

.single-page .contact-form h1.title.thin {
    margin-bottom: 79px;
}

.single-page .about h1.title.thin {
    margin-bottom: 88px;
}

.single-page .services h1.title.thin {
    margin: 22px 0 86px 0;
    color: #fff;
}

.portfolio p.description {
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 82px;
    margin-top: 25px;
    word-spacing: 0.1px;
}

.portfolio .portfolio-item {
    margin-bottom: 32px; 
}

.portfolio div.image {
    background-color: #000;
    position: relative;
    cursor: pointer;
}

.portfolio div.image > img {
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.portfolio div.image:hover > img.img {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
}

.portfolio div.image .img-zoom {
    position: absolute;
    left: 45%;
    top: 44%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.1s ease-in-out;
       -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
         -o-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
}

.portfolio div.image:hover .img-zoom {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    visibility: visible;
}

.portfolio a h5 {
    margin-top: 25px;
    margin-bottom: 0;
    letter-spacing: 0.4px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.portfolio a:hover h5 {
    color: #0060B0;
}

.portfolio span {
    color: #686868;
    display: inline-block;
    letter-spacing: 0;
}

.portfolio .pagination {
    display: block;
    margin-top: 43px;
    margin-bottom: 62px;
}

/* Portfolio - 2
-------------------------------------------------------------- */
.portfolio-page-2 .portfolio-list {
    padding: 17px 0 60px 0;
}

.single-page .portfolio-list {
    padding: 17px 0 91px 0;
}


select.orderby {
    background: #fff url("../images/caret.png") no-repeat 92% center;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    width: 200px;
    padding: 6px 31px 6px 12px;
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.portfolio-page-2 .portfolio-ordering,
.single-page .portfolio-ordering {
    margin-bottom: 98px;
}

.portfolio-page-2 .portfolio-ordering > span,
.single-page .portfolio-ordering > span {
    margin-right: 39px;
    font-size: 11px;
    letter-spacing: 0.7px;
    color: #000;
    text-transform: uppercase;
}

.portfolio-page-2 .portfolio h1.small-light,
.single-page .portfolio h1.small-light {
    font-size: 33px;
    text-align: center;
    margin-bottom: 61px;
}

.portfolio-page-2 .related-portfolio,
.single-page .related-portfolio {
    padding: 60px 0 31px 0;
}

.portfolio-page-2 .portfolio .portfolio-item,
.single-page .portfolio .portfolio-item {
    margin-bottom: 32px; 
}

.portfolio-page-2 .portfolio div.image,
.single-page .portfolio div.image {
    background-color: #000;
    position: relative;
    cursor: pointer;
}

.portfolio-page-2 .portfolio div.image > img,
.single-page .portfolio div.image > img {
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.portfolio-page-2 .portfolio div.image:hover img.img,
.single-page .portfolio div.image:hover img.img {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    width: 200%;
    height: 200%;
}

.portfolio-page-2 .portfolio div.image div.view {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 40%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    visibility: hidden;
}

.single-page .portfolio div.image div.view {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 40%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    visibility: hidden;
}

.portfolio-page-2 .portfolio div.image:hover .view,
.single-page .portfolio div.image:hover .view {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    visibility: visible;
}

.portfolio-page-2 .portfolio div.image .view a,
.portfolio-page-2 .portfolio div.image .view a img,
.single-page .portfolio div.image .view a,
.single-page .portfolio div.image .view a img {
    -webkit-transition: all 0s ease-in-out;
       -moz-transition: all 0s ease-in-out;
        -ms-transition: all 0s ease-in-out;
         -o-transition: all 0s ease-in-out;
            transition: all 0s ease-in-out;
}

.portfolio-page-2 .portfolio div.image .view a,
.single-page .portfolio div.image .view a {
    display: inline-block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
    background-color: #0060B0;
    margin: 0 11px;
}

.portfolio-page-2 .portfolio > a h5,
.single-page .portfolio > a h5 {
    margin-top: 25px;
    margin-bottom: 0;
    letter-spacing: 0.4px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.portfolio-page-2 .portfolio a:hover h5,
.single-page .portfolio a:hover h5 {
    color: #0060B0;
}

.portfolio-page-2 .portfolio .pagination,
.single-page .portfolio .pagination {
    display: block;
    margin-top: 43px;
    margin-bottom: 62px;
}

.portfolio-page-2 .pagination-2,
.single-page .pagination-2 {
    margin-bottom: 32px;
    text-align: right;
}

/* Portfolio-2 2 columns
    -------------------------------------------------------------- */
.portfolio-page-2.twocol .portfolio div.image div.view {
    left: 0;
    top: 42%;
}

/* Portfolio-2 4 columns
    -------------------------------------------------------------- */
.portfolio-page-2.fourcol .portfolio div.image div.view {
    left: 0;
    top: 33%;
}

/* Portfolio alternative
-------------------------------------------------------------- */
.portfolio-alt h1.small-light {
    font-size: 33px;
    text-align: center;
    margin-bottom: 61px;
}

.portfolio-alt p.description {
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 87px;
    margin-top: 25px;
    word-spacing: 0.1px;
}

.portfolio-alt .portfolio-item-1,
.portfolio-alt .portfolio-item-2,
.portfolio-alt .portfolio-item-3,
.portfolio-alt .portfolio-item-4,
.portfolio-alt .portfolio-item-5,
.portfolio-alt .portfolio-item-6 {
    background-color: #fff;
    position: relative;
}

.portfolio-alt .portfolio-item-1 img.img,
.portfolio-alt .portfolio-item-2 img.img,
.portfolio-alt .portfolio-item-3 img.img,
.portfolio-alt .portfolio-item-4 img.img,
.portfolio-alt .portfolio-item-5 img.img,
.portfolio-alt .portfolio-item-6 img.img {
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.portfolio-alt .portfolio-item-1:hover img.img,
.portfolio-alt .portfolio-item-2:hover img.img,
.portfolio-alt .portfolio-item-3:hover img.img,
.portfolio-alt .portfolio-item-4:hover img.img,
.portfolio-alt .portfolio-item-5:hover img.img,
.portfolio-alt .portfolio-item-6:hover img.img {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
}

.portfolio-alt .portfolio-item-1 .title,
.portfolio-alt .portfolio-item-2 .title,
.portfolio-alt .portfolio-item-3 .title,
.portfolio-alt .portfolio-item-4 .title,
.portfolio-alt .portfolio-item-5 .title,
.portfolio-alt .portfolio-item-6 .title {
    position: absolute;
    z-index: 9;
    top: 25px;
    left: 33px;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.portfolio-alt .portfolio-item-1:hover .title,
.portfolio-alt .portfolio-item-2:hover .title,
.portfolio-alt .portfolio-item-3:hover .title,
.portfolio-alt .portfolio-item-4:hover .title,
.portfolio-alt .portfolio-item-5:hover .title,
.portfolio-alt .portfolio-item-6:hover .title {
    top: 5px;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

.portfolio-alt .portfolio-item-1 .title a.ajax-popup,
.portfolio-alt .portfolio-item-2 .title a.ajax-popup,
.portfolio-alt .portfolio-item-3 .title a.ajax-popup,
.portfolio-alt .portfolio-item-4 .title a.ajax-popup,
.portfolio-alt .portfolio-item-5 .title a.ajax-popup,
.portfolio-alt .portfolio-item-6 .title a.ajax-popup {
    display: block;
}

.portfolio-alt .portfolio-item-1 .title a h5,
.portfolio-alt .portfolio-item-2 .title a h5,
.portfolio-alt .portfolio-item-3 .title a h5,
.portfolio-alt .portfolio-item-4 .title a h5,
.portfolio-alt .portfolio-item-5 .title a h5,
.portfolio-alt .portfolio-item-6 .title a h5 {
    font-weight: bold;
}

.portfolio-alt .portfolio-item-1 .title span,
.portfolio-alt .portfolio-item-2 .title span,
.portfolio-alt .portfolio-item-3 .title span,
.portfolio-alt .portfolio-item-4 .title span,
.portfolio-alt .portfolio-item-5 .title span,
.portfolio-alt .portfolio-item-6 .title span {
    color: #000;
}

.portfolio-alt .portfolio-item-1 img.img-zoom,
.portfolio-alt .portfolio-item-2 img.img-zoom,
.portfolio-alt .portfolio-item-3 img.img-zoom,
.portfolio-alt .portfolio-item-4 img.img-zoom,
.portfolio-alt .portfolio-item-5 img.img-zoom,
.portfolio-alt .portfolio-item-6 img.img-zoom {
    position: absolute;
    z-index: 99;
    bottom: 45px;
    left: 30px;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.portfolio-alt .portfolio-item-1:hover img.img-zoom,
.portfolio-alt .portfolio-item-2:hover img.img-zoom,
.portfolio-alt .portfolio-item-3:hover img.img-zoom,
.portfolio-alt .portfolio-item-4:hover img.img-zoom,
.portfolio-alt .portfolio-item-5:hover img.img-zoom,
.portfolio-alt .portfolio-item-6:hover img.img-zoom {
    bottom: 22px;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

.portfolio-alt .portfolio-item-1 {
    width: 100%;
}

.portfolio-alt .portfolio-item-2 {
    width: 50%;
    float: left;
}

.portfolio-alt .portfolio-item-3 {
    width: 33.3333%;
    float: left;
}

.portfolio-alt .portfolio-item-4 {
    width: 25%;
    float: left;
}

.portfolio-alt .portfolio-item-5 {
    width: 20%;
    float: left;
}

.portfolio-alt .portfolio-item-6 {
    width: 16.6666%;
    float: left;
}

.portfolio-alt div.image {
    background-color: #000;
    position: relative;
    cursor: pointer;
}

.portfolio-alt div.image a img {
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.portfolio-alt div.image:hover a img.img {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
}

.portfolio-alt div.image .img-zoom {
    position: absolute;
    left: 45%;
    top: 44%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.1s ease-in-out;
       -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
         -o-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
}

.portfolio-alt div.image:hover .img-zoom {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    visibility: visible;
}

.portfolio-alt a h5 {
    margin-top: 25px;
    margin-bottom: 0;
    letter-spacing: 0.4px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.portfolio-alt a:hover h5 {
    color: #0060B0;
}

.portfolio-alt span {
    color: #686868;
    display: inline-block;
    letter-spacing: 0;
}

.portfolio-alt .pagination {
    display: block;
    margin-top: 71px;
    margin-bottom: 62px;
}

.ajax-content {
    max-width: 1170px;
    margin: 0 auto;
    background: #FFF;
    position: relative;
    padding: 60px 85px;
}

.mfp-close-btn-in .mfp-close {
    color: #F00 !important;
    background-color: #fff;
    width: 26px !important;
    padding-left: 6px;
    height: 23px;
    line-height: 18px;
    right: 0px !important;
    top: 40px !important;
}

section.ajax-content .mfp-close-btn-in .mfp-close {
    color: #000 !important;
    top: 0px !important;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ajax-content h2.title-post {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 18px 0;
}

.ajax-content h2.title-post a {
    letter-spacing: 1.3px;
}

.ajax-content .entry-post p {
    font-size: 16px;
    line-height: 30px;
}

.ajax-content .meta-post {
    margin-top: 33px;
}

.ajax-content .meta-post span {
    margin-right: 15px;
}

.ajax-content .meta-post span.tag img {
    margin-right: 15px;
}

.ajax-content .meta-post span a {
    font-size: 22px;
    color: #b2b2b2;
}

.ajax-content .post-media {
    margin-bottom: 0;
    margin-top: 42px;
}

.ajax-content .post-media ul li {
    width: 25%;
    padding-right: 20px;
    float: left;
}

/* Portfolio Details 1
    ---------------------------------------- */
.sec-folio-details {
    margin-bottom: 117px;
}

.pagination-single-2 {
    margin-bottom: 57px;
}

.pagination-single-2 .prev-post a h3,
.pagination-single-2 .next-post a h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.pagination-single-2 .prev-post a:hover h3,
.pagination-single-2 .next-post a:hover h3 {
    color: #0060B0;
}

.pagination-single-2 .prev-post span,
.pagination-single-2 .next-post span {
    color: #686868;
    position: relative;
    top: -1px;
}

.pagination-single-2  .pagination-images {
    text-align: center;
    margin-top: 32px;
}

.pagination-single-2  .pagination-images a {
    display: inline-block;
}

.pagination-single-2 .pagination-images a img.arrow-left,
.pagination-single-2 .pagination-images a img.arrow-right {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.pagination-single-2 .pagination-images a img.arrow-left:hover,
.pagination-single-2 .pagination-images a img.arrow-right:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.pagination-single-2  .pagination-images .nine-dot {
    margin: 0 20px;
}

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

.portfolio-details-page .page-title h1.title.thin,
.portfolio-details-page-2 .page-title h1.title.thin,
.portfolio-details-page-3 .page-title h1.title.thin,
.portfolio-details-page-4 .page-title h1.title.thin {
  margin: 78px 0 114px 0;
}

.portfolio-details h1.small-light {
    font-size: 33px;
    margin-bottom: 28px;
}

.portfolio-details p.description {
    font-size: 16px;
    line-height: 28px;
    color: #666666;
    margin-bottom: 41px;
}

.portfolio-details .meta {
    margin-bottom: 30px;
}

.portfolio-details .meta span a {
    font-size: 22px;
    color: #b2b2b2;
}

.portfolio-details .meta span {
    margin-right: 29px;
    display: inline-block;
}

.portfolio-details .meta span img {
    position: relative;
    top: -4px;
}

.portfolio-details .meta span.tag img {
    margin-right: 10px;
}

.portfolio-details .meta span a:hover {
    color: #0060B0;
}

#navcarousel .flex-viewport ul.slides li {
    position: relative;
    height: 200px;
    overflow: hidden;
} 

#navcarousel .flex-viewport ul.slides li div.overlay {
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
} 

#navcarousel .flex-viewport ul.slides li:hover div.overlay {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
} 

#navcarousel .flex-viewport ul.slides li .img-zoom {
    position: absolute;
    display: none;
    visibility: hidden;
    top: 42%;
    left: 46%;
    width: auto;
} 

#navcarousel .flex-viewport ul.slides li:hover .img-zoom {
    display: block;
    visibility: visible;
    z-index: 9;
}

/* Portfolio Details 2
    ---------------------------------------- */

.portfolio-details-page-2 .pagination-single {
    text-align: center;
    margin-bottom: -7px;
}

.portfolio-details-page-2 .pagination-single a.prev {
    width: 200px;
    margin-right: 0;
    padding: 5px 5px 5px 60px;
}

.portfolio-details-page-2 .pagination-single a.next {
    width: 200px;
    margin-left: 2px;
}

.portfolio-details-page-2 .sec-folio-details {
    margin-bottom: 44px;
}

.portfolio-details-page-2 .portfolio-details {
  text-align: left;
}

.portfolio-details-page-2 .sec-folio-details .portfolio-details h1.small-light {
    font-size: 22px;
    margin-bottom: 21px;
    margin-top: 0;
    position: relative;
    top: -2px;
    letter-spacing: 0.4px;
}

.portfolio-details-page-2 .sec-folio-details .portfolio-details p.description {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    margin-bottom: 44px;
}

.portfolio-details-page-2 .sec-folio-details .portfolio-details .meta span {
    font-size: 14px;
    color: #000;
    display: block;
    letter-spacing: 0.5px;
}

.portfolio-details-page-2 .sec-folio-details .portfolio-details .meta span.like {
    margin-top: 18px;
}

.portfolio-details-page-2 .sec-folio-details .portfolio-details #navcarousel {
    margin-top: 27px;
} 

.portfolio-details-page-2 .sec-folio-details .portfolio-details #navcarousel .flex-viewport ul.slides li div.overlay {
    background-color: #0060B0;
} 

.portfolio-details-page-2 .sec-folio-details .portfolio-details #navcarousel .flex-viewport ul.slides li:hover div.overlay {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
} 

.portfolio-details-page-2 .sec-folio-details .portfolio-details #navcarousel .flex-viewport ul.slides li {
    background-color: #0060B0;
    position: relative;
    height: 104px;
    overflow: hidden;
    margin-left: 30px;
} 

.portfolio-details-page-2 .sec-folio-details .portfolio-details #navcarousel .flex-viewport ul.slides li:first-child {
    margin-left: 0;
} 

/* Portfolio Detailes 3
    ---------------------------------------- */
.portfolio-details-page-3 .sec-folio-details {
    margin-bottom: 44px;
}

.portfolio-details-page-3 .portfolio-details {
    text-align: left;
}

.portfolio-details-page-3 .pagination-single {
    margin-bottom: 29px;
}

.portfolio-details-page-3 .pagination-single a.prev {
    margin-right: 0;
    padding: 5px 5px 5px 60px;
}

.portfolio-details-page-3 .pagination-single a.next {
    margin-left: 2px;
}

.portfolio-details-page-3 .portfolio-details .folio-info {
    padding-left: 25px;
}

.portfolio-details-page-3 .portfolio-details h1.small-light {
    font-size: 22px;
    margin-bottom: 21px;
    margin-top: 0;
    position: relative;
    top: -2px;
    letter-spacing: 0.4px;
}

.portfolio-details-page-3 .portfolio-details p.description {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    margin-bottom: 16px;
}

.portfolio-details-page-3 .portfolio-details .meta span {
    font-size: 14px;
    color: #000;
    display: block;
    letter-spacing: 0.5px;
    line-height: 28px;
}

.portfolio-details-page-3 .portfolio-details .meta span.like {
    margin-top: 18px;
}

.portfolio-details-page-3 .portfolio-details #navcarousel {
    margin-top: 27px;
} 

.portfolio-details-page-3 .portfolio-details #navcarousel .flex-viewport ul.slides li div.overlay {
    background-color: #0060B0;
} 

.portfolio-details-page-3 .portfolio-details #navcarousel .flex-viewport ul.slides li:hover div.overlay {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
} 

.portfolio-details-page-3 .portfolio-details #navcarousel .flex-viewport ul.slides li {
    background-color: #0060B0;
    position: relative;
    height: 104px;
    overflow: hidden;
    margin-left: 30px;
} 

.portfolio-details-page-3 .sec-folio-details .portfolio-details #navcarousel .flex-viewport ul.slides li:first-child {
    margin-left: 0;
} 

/* Portfolio Detailes 4
    ---------------------------------------- */
.portfolio-details-page-4 .related-portfolio {
    padding: 40px 0 31px 0;
}

.portfolio-details-page-4 .page-title h1.title.thin {
    margin: 78px 0 124px 0;
}

.portfolio-details-page-4 .sec-folio-details {
    margin-bottom: 57px;
}

.portfolio-details-page-4 .portfolio-details {
    text-align: left;
}

.portfolio-details-page-4 .portfolio-details .post-media {
    margin-bottom: 34px;
}

.portfolio-details-page-4 .pagination-single {
    margin-bottom: 27px;
    text-align: center;
}

.portfolio-details-page-4 .pagination-single a.prev {
    width: 200px;
    margin-right: 0;
    padding: 5px 5px 5px 60px;
}

.portfolio-details-page-4 .pagination-single a.next {
    width: 200px;
    margin-left: 2px;
}

.portfolio-details-page-4 .portfolio-details h1.small-bold {
    font-size: 22px;
    margin-bottom: 19px;
    margin-top: 0;
    letter-spacing: 0.4px;
}

.portfolio-details-page-4 .portfolio-details p.description {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    margin-bottom: 16px;
}

.portfolio-details-page-4 .portfolio-details .meta {
    position: relative;
    top: -1px;
}

.portfolio-details-page-4 .portfolio-details .meta span {
    display: block;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
}

/* Single Page
    ---------------------------------------- */
.bg-parallax {
    height: 318px;
    background-position: center;
}

.parallax-overlay {
    width: 100%;
    height: 100%;
    background-color: #58585a;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

/* Blog List Alt
    ---------------------------------------- */
.search-bar .blog-ordering select {
    background: #fff url("../images/caret.png") no-repeat 89% center;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    width: 200px;
    padding: 6px 31px 6px 12px;
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.blog-full-2 .search-bar {
    padding: 63px 0; 
}

.blog-full-3 .search-bar {
    padding: 63px 0; 
}

.search-bar div.search {
    text-align: right;
}

.title-bar div.search #frm-search,
.search-bar div.search #frm-search {
    display: inline-block;
    position: relative;
}

.title-bar div.search #frm-search > div,
.search-bar div.search #frm-search > div {
    width: 200px;
    position: relative;
}

.title-bar div.search #frm-search > div .input-search,
.search-bar div.search #frm-search > div .input-search {
    width: 100%;
}

.title-bar div.search #frm-search #searchsubmit,
.search-bar div.search #frm-search #searchsubmit1 {
    right: 9px;
}

.blog-page-alt #searchsubmit,
.blog-page-alt #searchsubmit1 {
    position: absolute;
    right: 0;
    top: 8px;
    background: none;
    border: none;
    outline: none;
    font-size: 19px;
}
.blog-list .post .post-media {
    margin-bottom: 29px
}

.blog-list  .post .entry-post {
    margin-bottom: 15px
}

.blog-list .post .title-post {
    margin-bottom: 15px
}

.blog-list .post .title-post a {
    letter-spacing: 0.5px;
}

.blog-list .post .entry-post p {
    font-size: 16px;
    color: #666666;
}

.blog-list .post .meta-post {
    margin-bottom: 25px;
}

.blog-list .post .meta-post span {
    margin-right: 5px;
}

.blog-list .post .meta-post i {
    font-size: 19px;
    color: #e5e5e5;
    position: relative;
    top: 2px;
}

.blog-list .post .more-link {
  margin-bottom: 70px;
}

.blog-list .pagination {
  text-align: center;
  margin-top: 27px;
  margin-bottom: 25px;
  display: block;
}
/* Footer
    ---------------------------------------- */
.footer {
    background-color: #171717;
    padding: 78px 0 45px 0;
}

.footer p {
    padding: 0;
    line-height: 20px;
}

.footer .widget-brand p {
    line-height: 24px;
    letter-spacing: 0.1px;
    word-spacing: 0.2px;
    word-spacing: -0.8px;
    margin-bottom: 25px;
}

.footer .widget-title {
    color: #8b8b8b;
    margin: 0 0 26px 0;
}

.footer .widget-recent-posts p {
    margin-bottom: 2px;
}

.footer .unstyled li {
    position: relative;
    margin-bottom: 25px;
}

.footer .unstyled li div.img {
    background-color: #fff;
    position: absolute;
    width: 70px;
    top: 3px;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer .unstyled li div.img .thumb {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer .unstyled li:hover div.img .thumb {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

.footer .unstyled li:hover div.img .plus {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.footer .unstyled li div.img img.plus{
    position: absolute;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    top: 24px;
    left: 24px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer .unstyled li .meta-post {
    margin-left: 85px;
}

.footer .unstyled li .meta-post a {
    font-size: 14px;
    color: #666;
}

.footer .unstyled li:hover .meta-post a {
    color: #fff;
}

.footer .unstyled li .meta-post span.date {
    font-size: 12px;
    color: #454545;
}

.footer .widget p {
    color: #666;
}

.footer .widget-brand .logo {
    margin-bottom: 22px;
    margin-top: -4px;
}

.footer .widget-brand .btn-readmore {
    margin-top: -7px;
    margin-left: 3px;
    display: block;
}

.footer .widget-tags {
    margin-left: 25px;
}

.footer .widget-flickr {
    margin-left: 30px;
}

.footer .flick-wrap {
    margin: -5px -9px 0 -9px;
}

.footer .flickr_badge_image {
    float: left;
    width: 70px;
    height: 70px;
    margin: 8px;
    background-color: #fff;
}

.footer .flickr_badge_image img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer .flickr_badge_image:hover,
.footer .flickr_badge_image:hover img {
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}

.footer .flickr_badge_image:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.footer-2 {
    position: relative;
    background-color: #f7f7f8;
    /*padding: 30px 0;*/
}

.dark .footer-2 {
    background-color: #171717;
}

.footer-2 .bg-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 39.5%;
    height: 100%;
    background-color:#171717; 
}

.dark .footer-2 .bg-left {
    background-color:#fff; 
}

.footer-2 h3,
.footer-2 h5 {
    line-height: normal;
    margin: 0;
}

.footer-2 .widget-title {
    margin-bottom: 40px;
    letter-spacing: 0.3px;
    color: #7f7f7f;
}

.dark .footer-2 .widget-title {
    color: #8b8b8b;
}

.footer-2 .widget-contact-info .widget-title {
    color: #fff;
}

.dark .footer-2 .widget-contact-info .widget-title {
    color: #000;
}

.footer-2 .widget-contact-info .widget-title {
    color: #fff;
}

.footer-2 .widget-twitter .latest-tweets .tweet_text:hover {
    color: #000;
}

.footer-2 .widget-contact-info .phone,
.footer-2 .widget-contact-info .mail {
    color: #fff;
    font-size: 20px;
    margin-bottom: 11px;
}

.dark .footer-2 .widget-contact-info .phone,
.dark .footer-2 .widget-contact-info .mail {
    color: #000;
}

.footer-2 .widget-contact-info .address {
    font-size: 14px;
    line-height: 22px;
    margin-top: 50px;
    color: #d3d3d3;
}

.dark .footer-2 .widget-contact-info .address {
    color: #000;
}

.footer-2 .widget-recent-posts .widget-title {
    margin-bottom: 39px;
}

.footer-2 .widget-recent-posts .item h3 {
    margin-bottom: 16px;
    letter-spacing: 0.7px;
    font-size: 20px;
}

.dark .footer-2 .widget-recent-posts .item h3 {
    color: #fff;
}

.footer-2 .widget-recent-posts .item p.text {
    margin-bottom: 28px;
    line-height: 28px;
    color: #666666;
}

.dark .footer-2 .widget-recent-posts .item p.text {
    color: #8b8b8b;
}


/* Twitter footer
    ---------------------------------------- */
.widget-twitter .latest-tweets ul li {
    margin-top: 20px;
}

.widget-twitter .latest-tweets ul li:first-child {
    margin-top: 0;
}

.widget-twitter .latest-tweets .tweet_text {
    color: #666;
    line-height: 20px;
    display: inherit;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dark .widget-twitter .latest-tweets .tweet_text {
    color: #D6D6D6;
}

.widget-twitter .latest-tweets .tweet_text:hover {
    color: #fff;
}

.dark .widget-twitter .latest-tweets .tweet_text:hover {
    color: #fff;
}

.widget-twitter .latest-tweets .tweet_text a {
    color: #0060B0;
}

.widget-twitter .latest-tweets .tweet_time {
    display: block;
}

.widget-twitter .latest-tweets .tweet_time a {
    font-size: 12px;
    color: #454545;
}

/* Twitter sidebar
    ---------------------------------------- */
.sidebar .widget_twitter .latest-tweets ul li {
    margin-bottom: 16px;
}

.sidebar .widget_twitter .latest-tweets span.tweet_text {
    font-size: 13px;
    line-height: 21px;
    display: inherit;
}

.sidebar .widget_twitter .latest-tweets .tweet_time {
    font-size: 11px;
    display: block;
    margin-top: 5px;
}

/* Bottom
    ---------------------------------------- */
.bottom {
    padding: 20px 0 20px 0;
}

.dark .bottom {
    background-color: #000;
}

.bottom .bottom-left {
    width: 50%;
}

.bottom .bottom-left p {
    margin: 0;
    padding: 0;
}

.dark .bottom .bottom-left p {
    color: #fff;
}

.bottom .bottom-right {
    width: 50%;
    float: right;
    text-align: right;
}

.bottom .go-top2 {
    width: 30%;
    float: right;
    position: relative;
    top: -7px;
}

.bottom .go-top2 img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.bottom .go-top2 img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.bottom .bottom-right .bottom-links a {
    margin-left: 8px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.bottom .bottom-right .bottom-links a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.dark .bottom .bottom-right .bottom-links a {
    color: #fff;
}


.to-top-mobile {
    position: fixed !important;
    right: 12px;
    bottom: -45px;
    background-color: #2f2f2f;
    display: block;
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    width:50px;
    height: 50px;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 9999;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
  
.to-top-mobile img {
    width: 29px;
    margin-top: 11px;
}

.show {
    bottom: 12px;
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.show:hover {
    /* 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;
}

.fix {
    position: fixed;
    top: 0;
    z-index: 99999;
}

.posit_logo{
  position: absolute;
  top: 10%;
  left: 2%;
  z-index: 9;
}
.posit_logo .logo img{
	width: 60%;
}


/******************** Часы **********************/
#clock {
  font-family: sans-serif;
  font-size: 40px;
  font-weight: 100;
  color: #555;
  float:left;
  margin-top: 5px;
}

#box i {
  float:left;
  font-size: 40px;
  color: #555;
  margin-right: 30px;
}

#box {
  width: 100%;
  margin: 0 auto;
  margin-top: 0px;
}

/*==============================================================================
   Часы
==============================================================================*/
.flipclock {
}
.flipclock hr {
    position: absolute;
    left: 0;
    top: 65px;
    width: 100%;
    height: 3px;
    border: 0;
    background: #000;
    z-index: 10;
    opacity: 0;
}
ul.flip {
    position: relative;
    float: left;
    margin: 10px;
    padding: 0;
    width: 180px;
    height: 130px;
    font-size: 120px;
    font-weight: bold;
    line-height: 127px;
}

ul.flip li {
    float: left;
    margin: 0;
    padding: 0;
    width: 49%;
    height: 100%;
    -webkit-perspective: 200px;
    list-style: none;
}

ul.flip li.d1 {
    float: right;
}

ul.flip li section {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

}

ul.flip li section:first-child {
    z-index: 2;
}

ul.flip li div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 49%;
    overflow: hidden;
}

ul.flip li div .shadow {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

ul.flip li div.up {
    -webkit-transform-origin: 50% 100%;
    top: 0;
}

ul.flip li div.down {
    -webkit-transform-origin: 50% 0%;
    bottom: 0;
}

ul.flip li div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #fff;
    text-shadow: 0 0 2px #fff;
    text-align: center;
    background-color: #000;
    border-radius: 6px;
}

ul.flip li div.up div.inn {
    top: 0;

}

ul.flip li div.down div.inn {
    bottom: 0;
}

/*--------------------------------------
 PLAY
--------------------------------------*/

body.play ul section.ready {
    z-index: 3;
}

body.play ul section.active {
    -webkit-animation: index .5s .5s linear both;
    z-index: 2;
}

@-webkit-keyframes index {
    0% {
        z-index: 2;
    }
    5% {
        z-index: 4;
    }
    100% {
        z-index: 4;
    }
}

body.play ul section.active .down {
    z-index: 2;
    -webkit-animation: flipdown .5s .5s linear both;
}

@-webkit-keyframes flipdown {
    0% {
        -webkit-transform: rotateX(90deg);
    }  
    80% {
        -webkit-transform: rotateX(5deg);
    } 
    90% {
        -webkit-transform: rotateX(15deg);
    }
    100% {
        -webkit-transform: rotateX(0deg);
    }
}

body.play ul section.ready .up {
    z-index: 2;
    -webkit-animation: flipup .5s linear both;
}

@-webkit-keyframes flipup {
    0% {
        -webkit-transform: rotateX(0deg);
    }  
    90% {
        -webkit-transform: rotateX(0deg);
    }
    100% {
        -webkit-transform: rotateX(-90deg);
    }
}

/*--------------------------------------
Тени
--------------------------------------*/

body.play ul section.ready .up .shadow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .1)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    -webkit-animation: show .5s linear both;
}

body.play ul section.active .up .shadow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .1)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    -webkit-animation: hide .5s .3s linear both;
}

/*DOWN*/

body.play ul section.ready .down .shadow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, .1)));
    background: linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    -webkit-animation: show .5s linear both;
}

body.play ul section.active .down .shadow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, .1)));
    background: linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    -webkit-animation: hide .5s .3s linear both;
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
    }
    90% {
        opacity: .10;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }  
    80% {
        opacity: .20;
    }
    100% {
        opacity: 0;
    }
}




/* Таблица календарика */ 
.calendar { 
  border: 1px solid #909090; 
  border-collapse: collapse; 
  font-family: Arial; 
  font-size: 14px; 
} 
/* Заголовок */ 
.calendar th { 
  text-align: center; 
  width: 36px; 
  height: 36px; 
  background: rgba(240, 239, 239, 0.56); 
  color: #000000; 
  border: 1px solid #909090; 
} 
/* Заголовок праздника */ 
.calendar th.holiday { 
  color: #FF0000; 
} 
/* Ячейка дня */ 
.calendar td { 
  text-align: right; 
  width: 28px; 
  height: 36px; 
  padding-right: 8px; 
  border: 1px solid #909090; 
  text-align: right; 
  cursor: pointer; 
} 
/* Затемненный день */ 
.calendar td.grayed { 
  background: #fff; 
  cursor: auto !important; 
} 
/* Выбранный день */ 
.calendar td.selected { 
  background: #104591; 
  color: #FFFFFF;  
} 
/* Праздничный день */ 
.calendar td.holiday { 
  color: #FF0000; 
} 
/* Кнопки навигации */ 
.calendar td.navigation { 
  text-align: center; 
  border: 0px none !important; 
  font-size: 20px; 
  cursor: pointer; 
  white-space: nowrap; 
}