/*

Theme Name: Miko
Theme URI: http://bypixels.com/themes/wordpress/miko/
Description: Miko is a creative Wordpress theme. It allows to choose basic settings like branding, colors, header layout, etc. It comes with an integration with Visual Composer page builder, Slider Revolution and some other cool plugins.
Version: 1.0
Author: Breecode / EnergyThemes
Author URI: http://themeforest.net/user/breecode
Tags: blue, green, orange, purple, red, one-column, two-columns, three-columns, four-columns, custom-background, custom-colors, custom-header
custom-menu, featured-images, theme-options
License: GNU General Public License
License URI: license.txt
Copyright: Bypixels (http://bypixels.com/)


1 - BASE 
2 - PRELOADER 
3 - TRANSITIONS 
4 - HEADER & MAIN NAV - A) Logo
4 - HEADER & MAIN NAV B) Global
4 - HEADER & MAIN NAV - C)HEADER SOCIAL ICONS BACKGROUND
5 - RESPONSIVE NAV
6 - BLOG - A) Global
6 - BLOG - B) Blog Section
6 - BLOG - C) Blog Post 
6 - BLOG - D) About the author
6 - BLOG - E) Comments 
7 - BLOG SIDEBAR  A) Global
7 - BLOG SIDEBAR  B) Tag Cloud
7 - BLOG SIDEBAR  C) Categories Widget
8 - PAGINATION
9 - TWITTER FEED
10 - FOOTER
11 - MEDIA QUERIES
12 - PAGINATION

*/


/*=================================================

1 - BASE 

=================================================*/

html {

text-rendering: optimizeLegibility !important;

-webkit-font-smoothing: antialiased !important;

}

body {
    font-family: 'Open Sans', Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 15px;
    color: #6b6a6a;
    line-height: 35px;
    font-weight: 400;
    background: #f2f2f2;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #303030;
    font-weight: bold;
    line-height: 25px;
    font-family: 'Roboto',Arial;

 
}
h1 {
    font-size: 22px;
  
}
h2 {
    font-size: 19px;
}
h3 {
    font-size: 18px;
}
h4 {
    font-size: 16px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 12px;
}
a {
    text-decoration: none!important;
    -moz-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}
a {
    color: gray;
}
a:hover {
    text-decoration: none;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto!important;
    margin-left: auto!important;
}
p {
    margin: 0 0 20px;
}
button.close {
    width: 10px;
}
.blog_container.home_ {
    margin-top: 120px;
}
.clear {
    clear: both;
}
.center {
    text-align: center;
}
.bold {
    font-weight: bold;
}
.uppercase {
    text-transform: uppercase;
}
.divider_padding.big_divider {
    padding: 40px 0px;
}
.divider_padding {
    padding: 30px 0px;
}
.divider_padding.big {
    padding: 60px 0px;
}
.container-fluid.nopadding {
    padding: 0;
    margin: 0;
}
.divider_padding.small {
    padding: 15px 0px;
}
blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #EEE;
}
img {
    max-width: 100%;
}
.errorcontainer {
    text-align: center;
}
blockquote p {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
}
input,
button,
select,
textarea {
    background-color: rgb(240, 240, 240);
    border: 1px solid rgb(223, 223, 223);
}
.right {
    float: right;
}
.left {
    float: left;
}
.huge {
    font-size: 100px;
    margin-bottom: 60px;
}
.section {
   
    
    background-color: #FFFFFF;
    -webkit-background-size: cover;
    background-size: cover;
}
.section.gray {
    background-color: #f3f3f3;
}
.section.nobottom {
    margin-bottom: -36px;
    padding-bottom: 0;
}
.section.notop {
    margin-top: -36px;
    padding-top: 0;
}
.hidden {
    display: none;
}
.loading_icon {
    background: #000 url("images/status.gif") no-repeat center center;
    height: 60px;
    width: 60px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    display: none;
    z-index: 10000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    behavior: url(css/PIE.htc);
    opacity: .25;
}


/*=================================================

2 - PRELOADER 

=================================================*/


#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    /* change if the mask should have another color than white */
    
    z-index: 9999;
    /* makes sure it stays on top */
}
#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    
    top: 50%;
    /* centers the loading animation vertically one the screen */
    
    background-image: url(http://bypixels.com/themes/wordpress/miko/wp-content/themes/images/status.gif);
    /* path to your loading animation */
    
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    /* is width and height divided by two */
}



/*=================================================

3 - TRANSITIONS 

=================================================*/



header {
    -moz-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
font-family: 'Raleway',Arial;

}



/*=================================================

4 - HEADER & MAIN NAV - A) Logo

=================================================*/

#logo {
    float: left;
    margin-top: 25px;
}
.white {
    color: white;
}
.white > a {
    color: white!important;
}
#logo_dark {
    display: none;
    float: left;
    margin-top: 25px;
}
header.small #logo {
    display: none;
}



/*=================================================

4 - HEADER & MAIN NAV B) Global

=================================================*/

.main_nav .sub-menu {
    display: none;
}
.overlay_nav .sub-menu {
    font-size: 14px;
}
.fit_background {
    -webkit-background-size: cover;
    background-size: cover;
}
.fixed_background {
    background-attachment: fixed;
}
header.small {
    height: 60px;
}
header {
    position: fixed;
    width: 100%;
    z-index: 9990;
    top: 0;
    height: 78px;

    /* The Fallback */
    
    
    -webkit-background-clip: padding-box;
    /* for Safari */
    
    background-clip: padding-box;
    /* for IE9+,Firefox 4+,Opera,Chrome */
}
.main_nav {
    float: right;
    margin-top: 28px;
}
.main_nav li {
    float: left;
    text-transform: uppercase;
    font-size: 13px;
    margin-right: 35px;
    font-weight: bolder;
    z-index: 1;
    list-style: none;
    position: relative;
    float: left;
    display: inline;
}
.main_nav li a {
    color: #EAEAEA;
}
.main_nav li.active a,
.main_nav li a:hover {
    color: white;
}
.dropdown-menu li a:hover {
    color: white!important;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: white;
    text-decoration: none;
    background-color: #313131;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff!important;
    text-decoration: none;
    background-color: #313131;
    outline: 0;
}
.menu .label {
    text-transform: uppercase;
}
.main_nav ul li ul li {
    text-transform: none;
    width: 100%;
    margin: 0;
}
.small .dropdown-menu {
    top: 40px;
}
.mobileAreaMenu .dropdown-menu {
    position: relative;
    top: 0;
    width: 100%;
}
.open>.dropdown-menu>li>.dropdown-menu {
    display: block;
    background: none;
    border: none;
    box-shadow: none;
}
.open>.dropdown-menu>li>.dropdown-menu>li {
    background: none;
    background: none;
    padding: 0!important;
}
.open>.dropdown-menu>li>a {
    color: darkgrey!important;
    font-weight: bold;
}
.open>.dropdown-menu>li>.dropdown-menu>li>a {
    padding-left: 50px!important;
}
.mobileAreaMenu .dropdown-menu {} .dropdown-menu {
    width: 220px;
    position: absolute;
    top: 47px;
    left: 0;
    padding: 0;
    border-radius: 0;
    border: none;
    background: rgba(30, 30, 30, .97);
}
.menu {
    margin-top: -11px;
}
.social_nav i {
    color: white;
}
.social_nav {
    float: right;
    margin-right: -15px;
}
.social_nav li {
    float: left;
    list-style: none;
    border-left: 1px solid rgba(255, 255, 255, .15)
}
.social_nav li:last-child {
    border-right: 1px solid rgb(105, 105, 105);
    border-right: 1px solid rgba(255, 255, 255, .15)
}
.social_nav li i {
    padding: 28px;
    -webkit-background-clip: padding-box;
    /* for Safari */
    
    background-clip: padding-box;
    /* for IE9+,Firefox 4+,Opera,Chrome */
}
.social_nav .fa-2x {
    font-size: 1.45em!important;
}




/*=================================================

4 - HEADER & MAIN NAV - C)HEADER SOCIAL ICONS BACKGROUND

=================================================*/





header.small li.twitter_header_icon:hover {
    background: #32ccfe;
}
header.small li.facebook_header_icon:hover {
    background: #3b5999;
}
header.small li.wordpress_header_icon:hover {
    background: #37b1eb
}
header.small li.tumblr_header_icon:hover {
    background: #31506d;
}
header.small li.soundcloud_header_icon:hover {
    background: #ff4e1e;
}
header.small li.youtube_header_icon:hover {
    background: #ff2825;
}
header.small li.linkedin_header_icon:hover {
    background: #008ed3;
}
header.small li.lastfm_header_icon:hover {
    background: #ff001e;
}
header.small li.foursquare_header_icon:hover {
    background: #ff2645;
}
header.small li.dribbble_header_icon:hover {
    background: #ff3482;
}
header.small li.behance_header_icon:hover {
    background: #131313;
}
header.small li.deviantart_header_icon:hover {
    background: #4fb64a;
}
header.small li.flickr_header_icon:hover {
    background: #ed1384;
}
header.small li.pinterest_header_icon:hover {
    background: #e51e25;
}
header.small li.vine_header_icon:hover {
    background: #19b284;
}
header.small li.digg_header_icon:hover {
    background: #3651a3;
}
/* White color for Font-Awesome icons when they are hover over in the header under white state */

header.white .social_nav li:hover i,
header.small.transparent_menu .social_nav li:hover i,
header.white_menu .social_nav li i,
.dark_menu.small .social_nav li:hover i,


/* HEADER SMALL */

header.small .main_nav {
    margin-top: 18px;
}
.small #logo_dark {
    display: block;
    margin-top: 15px;
    width: 130px
}
header.small .social_nav li i {
    padding: 20px;
}
header.small .social_nav li {
    border-left: 1px solid rgb(247, 247, 247);
}
header.white_menu.small .social_nav li {
    border: none;
}
.page .small #logo_dark {
    margin-top: 16px;
}
.page .center_style.small #logo_dark {
    margin-top: 0px;
}
/* HEADER STYLE 01:TRANSPARENT TO WHITE */

.transparent_menu li a {
    color: #dbdbdb;
}
.transparent_menu .social_nav li:hover i {
    color: #161616;
}
.transparent_menu .social_nav li:hover {
    background: white;
}
header.small.transparent_menu {
    background-color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid #F5F5F5;
}
header.small.transparent_menu .social_nav i {
    color: #AFAFAF;
}
header.small.transparent_menu li a {
    color: #B8B8B8;
}
header.small.transparent_menu .social_nav .menu_trigger i {
    color: white;
}
header.small.transparent_menu .main_nav li.active a,
header.small.transparent_menu .main_nav li a:hover {
    color: #3c3c3c;
}
/* HEADER STYLE 02:TRANSPARENT TO DARK */

header.small.transparent_menu.dark {
    background-color: #232323;
    border-bottom: 1px solid rgb(46, 46, 46);
}
header.small.transparent_menu.dark .social_nav li {
    border-left: 1px solid rgb(46, 46, 46);
}
header.small.transparent_menu.dark .main_nav li.active a,
header.small.transparent_menu.dark .main_nav li a:hover {
    color: white;
}
/* HEADER STYLE 03:WHITE */

header.white_menu {
    background-color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid #F5F5F5;
}
header.white_menu .main_nav li a {
    color: #989898;
}
header.white_menu .main_nav li.active a,
header.white_menu .main_nav li a:hover {
    color: #3c3c3c;
}
/* HEADER STYLE 04:TRANSPARENT DARK */

.transparent_dark_menu {
    background-color: rgba(0, 0, 0, 0.4);
    border-bottom: 1px solid rgba(66, 66, 66, 0.1)
}
.transparent_dark_menu .social_nav li:hover i {
    color: #161616;
}
.transparent_dark_menu .social_nav li:hover {
    background: white;
}
.transparent_dark_menu.small .social_nav li:hover i {
    color: white;
}

.transparent_dark_menu.small { border-bottom: 1px solid rgba(48, 48, 48, 0.2); background-color: rgba(0, 0, 0, 0.6);}

.single-viba-portfolio .transparent_dark_menu {    background-color: #1e1e1e;}
.single-viba-portfolio .transparent_dark_menu.small {    background-color: #1e1e1e;}
/* HEADER STYLE 05:DARK */

.dark_menu {
    background-color: #232323;
    border-bottom: 1px solid rgb(46, 46, 46);
}
.dark_menu .social_nav li {
    border-left: 1px solid rgb(46, 46, 46);
}
header.small.dark_menu .social_nav li {
    border-left: 1px solid rgb(46, 46, 46);
}
header.dark_menu .social_nav li:last-child {
    border-right: 1px solid rgb(46, 46, 46);
}
header.white.dark_menu {
    background-color: #232323;
    border-bottom: 1px solid rgb(46, 46, 46);
}
header.white.dark_menu .main_nav li.active a,
header.white.dark_menu .main_nav li a:hover {
    color: white;
}
.dark_menu .social_nav li:hover i {
    color: #161616;
}
.dark_menu .social_nav li:hover {
    background: white;
}




/*=================================================

5 - RESPONSIVE NAV

=================================================*/





.responsive_container {
    width: 100%;
    position: fixed;
    z-index: 100;
}
.mobile_nav_trigger {
    float: right;
    padding: 0;
    margin-right: -15px;
}
.mobile_nav_trigger li {
    list-style: none;
}
.responsive_nav {
    margin-top: -1px;
}
.mobileAreaMenu {
    background: white;
    width: 100%;
    margin-top: -10px;
}
.menu_trigger {
    float: right;
    color: white;
}
.menu_trigger i:hover {
    color: white;
}
.menu_trigger i {
    padding: 24px;
    color: white;
}
.small .menu_trigger i {
    padding: 17px;
    color: white;
}
.menu_trigger,
.mobileAreaMenu,
.responsive_nav {
    display: none;
}
header.small .mobileAreaMenu li a {
    color: #555555;
}
header.small .mobileAreaMenu li a:hover {
    color: white;
}
.mobileAreaMenu li a {
    font-size: 12px;
    color: #848484;
    line-height: 28px;
    padding: 4px 0px;
    border-bottom: 1px solid #EFEFEF;
    display: block;
    padding-left: 30px;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mobileAreaMenu ul {
    padding: 0;
}
.mobileAreaMenu ul li ul li a {
    border-bottom: 1px solid #2C2C2C;
}
.mobileAreaMenu li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
/* DARK STYLE */

.mobileAreaMenu.dark_style li a {
    color: #E0E0E0;
    border-bottom: 1px solid #414141;
}
.mobileAreaMenu.dark_style {
    background: rgb(50, 50, 50);
}
.mobileAreaMenu.dark_style a:hover {
    color: white;
}



/*=================================================

6 - BLOG - B) Blog Section

=================================================*/



/* Two columns */



#blog {
    margin-bottom: -8px;
}
/*FIX FOR THE BLOG BUTTONS MARGIN*/

.wrapper_blog_title {
    z-index: 100;
    position: absolute;
    bottom: 20px;
}
.wrapper_blog_title,
.wrapper_blog_title h2,
.wrapper_blog_title a {
    color: white;
}
.blog-item-home {
    height: 500px;
    background-size: cover;
    padding: 25px;
    position: relative;
    background-position: center;
    display: inline-table;
    width: 100%;
}
.blog_buttons {
    background: #f0f0f0;
    margin-top: -10px;
    margin-bottom: -35px;
}
.read_allnews {
    text-align: center;
    padding: 50px;
}
.read_next_story {
    float: right;
    padding: 50px;
}
.read_prev_story {
    padding: 50px;
}
.read_prev_story i,
.read_allnews i {
    margin-right: 10px;
}
.read_next_story i {
    margin-left: 10px;
}
.read_allnews,
.read_next_story,
.read_prev_story {
    padding: 30px 10px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
}
.read_more:hover {
    color: white;
}
.read_more a:hover {
    color: white!important;
}
.over_blog {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .2;
    background-color: #000000;
    background-size: cover;
    -moz-transition: .45s ease-in-out;
    -webkit-transition: .45s ease-in-out;
    -o-transition: .45s ease-in-out;
    -ms-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
}
.blog-item-home:hover .over_blog {
    opacity: .7
}
.blog_wrapper.two_columns .the-date-big {

}
.blog_wrapper.two_columns .img-container-blog {
    min-height: 200px;
}
.blog_wrapper.two_columns .the-date-big .month {
    font-size: 12px;
}
.blog_wrapper.two_columns .the-date-big .number {
    font-size: 25px;
}
.single_blog_header {
    height: 600px;
    position: relative;
}
.over_single_blog {
    position: absolute;
    background-color: rgba(81, 81, 81, 0.43);
    height: 100%;
    width: 100%;
}
.single_title_heading h1 {
    color: white;
    padding-top: 280px;
    font-size: 40px;
    line-height: 50px;
}
.blog_wrapper {
    padding: 70px 0px;
}
#blog_header {
    min-height: 380px;
    padding-top: 190px;
    background-size: cover;
    background-color: #353535;
}
.blog_title_heading {
    margin-top: 20px;
}
.blog_title_heading h1 {
    color: white;
    text-transform: uppercase;
    font-weight: lighter;
    letter-spacing: 2px;
    font-size: 26px;
    line-height: 56px;
    display: inline;
    padding: 10px 20px;
}
.breadcrums {
    float: right;
    font-weight: bold;
    font-size: 14px;
    margin-top: 20px;
}
.breadcrums a {
    color: white;
}
.breadcrums li {
    float: left;
    margin-left: 20px;
}
.the-date-big span {
    display: block;
    display: block;
    color: white;
}
.the-date-big {
       -moz-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    z-index: 100;
    text-align: center;
    float: left;
    margin-right: 30px;
    position: absolute;
    margin-top: -60px;
}
.the-date-big:hover {
    background-color: #323232;
}
.the-date-big .number {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: -10px;
}
.the-date-big .month {
        font-size: 12px;
    font-weight: bold;
    padding: 3px 20px;
}
.blog_header_title .the-title {padding-top: 20px;}


/*=================================================

6 - BLOG - C) Blog item

=================================================*/




.blog-item {
    background-color: #ffffff;
    margin-bottom: 70px;
    text-align: left;
}
.img-container-blog {
    min-height: 400px;
    position: relative;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;

    background-position: center;
}



/*=================================================

6 - BLOG - C) Blog Post

=================================================*/




.the-title h1 {
    line-height: 25px;
    margin: 15px 0px;
}
.the-title h1 a {
    font-size: 24px;
    color: #323232;
}
.blog-item.blog-post {
    margin-bottom: 0;
}
.blog-item .metas {
    border-bottom: 1px solid #e6e6e6;
}
.blog-item .metas .the-comments a,
.blog-item .metas .the-date a,
.blog-item .metas .the-author a {
    background-repeat: no-repeat;
    float: left;
    margin-bottom: 15px;
    color: #9da0a4;
    margin-right: 20px;
    font-size: 13px;
}
.the-comments a {
    padding-top: 7px;
    margin-top: -7px;
}
.the-comments a i {
    margin-top: 7px;
}
.metas .the-date i,
.metas .the-author i,
.metas .the-comments i {
    padding-right: 8px;
    color: #363636;
}
.read_more_small img {
    margin-top: 5px;
}
.read_more_small {
    background: #9da0a4;
    -moz-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    padding: 0px 7px;
    margin-top: 4px;
    float: right;
}
.read_more_small i {
    color: white;
}
.blog-boddy {
    border-bottom: 1px solid #ECECEC;       padding: 0 40px;
}
.single-post .blog-boddy { padding-right: 30px;
    padding-bottom: 30px;
}
.used_tags span {
    font-weight: bold
}
.used_tags {
    font-size: 12px;
}
.used_tags span,
.used_tags li {
    float: left;
    margin-right: 10px;
    list-style: none;
}
.comment article {
    margin-bottom: 5px;
}
ul.children {
    margin-left: 50px;
}
ul.reply_ {
    padding: 0;
}
.blogpost-title {
    margin: 20px 0;
}
.comment {
    margin-bottom: 25px;
    border: 1px solid #e5e5e5;
    background-color: #FFF;
}
.comment-body {
    padding: 10px;
}
.comment-body p {
    line-height: 25px;
}
#comment-list li {
    margin: 0;
    padding: 0px;
    list-style: none;
}
.comment .comment-reply-link {
    float: right;
    margin-top: 0px;
    background-color: #F7F7F7;
    margin-right: 0px;
    font-size: 11px;
    color: #999;
}
.comment .ago {
    float: right;
    font-size: 11px;
}
.comment.reply {
    margin-left: 50px;
}
.label_comment {
    display: initial;
}
.reply_ li {
    margin: 0;
    margin-bottom: 25px;
    list-style: none;
    padding: 0;
}
#searchsubmit {
    display: none;
}



/*=================================================

6 - BLOG - D) About the author

=================================================*/



.about_the_author {
    background-color: rgb(241, 241, 241);
    margin-top: 30px;
    padding: 30px;
    border: 1px solid rgb(233, 233, 233);
}
.author_avatar {
    width: 100px;
    height: 100px;
    background-size: cover;
    float: left;
    margin-right: 30px;
}
.about_the_author h4 {
    display: inline;
}
.about_the_author p {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 0;
}



/*=================================================

6 - BLOG - E) Comments

=================================================*/




.comment {
    margin-bottom: 25px;
    border: 1px solid rgb(233, 233, 233);
    background-color: #FFF;
    font-size: 14px;
}
.comment-body {
    padding: 10px;
}
.comment .replybutton {
    float: right;
    margin-top: 0px;
    background-color: #F7F7F7;
    margin-right: 0px;
    font-size: 11px;
    color: #999;
    padding: 8px;
}
.post-info {
    position: relative;
    padding: 9px 9px 9px 69px;
    margin-bottom: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    line-height: 50px;
    vertical-align: middle;
    color: #999;
    background-color: #F7F7F7;
    -webkit-background-clip: border;
    behavior: url(css/PIE.htc);
    border-bottom: 1px solid rgb(233, 233, 233);
}
.post-info .post-avatar {
    position: absolute;
    top: 10px;
    display: inline-block;
    left: 10px;
    width: 50px;
    height: 50px;
    background-position: center;
}
.post-author {
    font-size: 14px;
    margin-right: 10px;
    margin: 0px 5px;
    margin-right: 10px;
}
.post-info .post-author {
    font-weight: bold;
    color: #232527;
}
.comment .ago {
    float: right;
    font-size: 11px;
}
.comment.reply {
    margin-left: 50px;
}
.label_comment {
    display: initial;
}
.reply-input div {
    margin-bottom: 25px;
}
.blogpost-title {
    margin-top: 40px;
    margin-bottom: 20px;
}
#response .submit_post {
    margin-top: 20px;
    color: white;
    width: 200px;
    border-radius: 2px;
    -moz-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    border: none;
}
#response .submit_post:hover {
    background-color: #25292c;
}
#response input,
#response textarea {
    outline: none;
    padding: 6px 10px;
    border: none;
    color: #838383;
    background-color: #E2E2E2;
    width: 100%;
    margin: 0;
    box-shadow: none;
}
.label_comment {
    display: initial;
}



/*=================================================

7 - BLOG SIDEBAR 

=================================================*/




.sidebar {
  
    padding-left: 20px;
    text-align: left;
}


.sidebar input, .sidebar button, .sidebar select, .sidebar textarea {
   background-color: rgb(255, 255, 255);
    border: 1px solid rgb(223, 223, 223);
    padding: 2%;
    width: 100%;
}
.sidebar option {width:100%;}
/* Fix for sidebar templates */

.trigger_sidebar li {
    list-style: none;
}
.wrapper_sidebar .container .container {
    width: 100%!important;
}
.trigger_sidebar a:hover {
    color: #323232;
}
.trigger_sidebar li a {
    float: left;
    width: 50%;
    text-align: center;
    background-color: #e4e4e4;
    padding: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    cursor: pointer;
}
.trigger_sidebar li.active a {
    background-color: #323232;
}
.trigger_sidebar .active a {
    color: white;
    font-weight: bold;
}
.trigger_sidebar {
    padding: 0;
}
.widget {
    padding-bottom: 20px;
}
.widget-title {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bolder;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
}
.post-list-wrapper li {
    display: inline-block;
    float: left;
    border-bottom: 1px solid rgb(235, 235, 235);
    width: 100%;
    margin-top: 12px;
    padding-bottom: 12px;
}
.small_featured_image {
    float: left;
    width: 70px;
    height: 60px;
    background-size: cover;
    margin-right: 15px;
}
.list_metas {
    font-size: 11px;
    margin-top: -5px;
}
.list_metas a:first-child {
    margin-right: 0px!important;
}
.list_metas a {
    margin-right: 15px;
}
.list_metas i {
    margin-right: 5px;
}
.small_title {
    font-size: 14px;
    font-weight: bold;
    color: rgb(134, 134, 134);
    line-height: 18px;
}



/*=================================================

7 - BLOG SIDEBAR B) TAG CLOUD

=================================================*/




.tagcloud a {
    display: inline-block;
    padding: 9px;
    line-height: 9px;
    margin-right: 4px;
    margin-bottom: 4px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(css/PIE.htc);
    color: #E7E7E7;
    letter-spacing: 1px;
    background-color: rgb(56, 56, 56);
    font-size: 11px!important;
}
.post-list-wrapper ul {
    padding: 0;
}



/*=================================================

7 - BLOG SIDEBAR C) CATEGORIES WIDGET

=================================================*/




.widget-area li {
    list-style: none;
    padding: 5px 0px;
    font-size: 13px;
}
.widget-area ul {
    padding: 0;
}
.widget-container {
    margin-bottom: 30px;
}



/*=================================================

8 - PAGINATION

=================================================*/




ul.page-numbers {
    list-style: none;
    margin: 1em auto;
    padding: 0;
    color: #555555;
    text-transform: uppercase;
    font-size: 90%;
}
ul.page-numbers li {
    display: inline;
}
ul.page-numbers a.page-numbers {
    margin: 2px;
    padding: 5px 10px;
    display: inline-block;
    border-top: 1px solid #fff;
    text-decoration: none !important;
    font-size: smaller !important;
    text-shadow: white 0 1px 0;
    background: white;
    border: 1px solid rgb(223, 223, 223);
}
ul.page-numbers a.page-numbers:first-child,
ul.page-numbers a.page-numbers.first {
    margin-left: 0;
}
ul.page-numbers a.page-numbers:last-child,
ul.page-numbers a.page-numbers.last {
    margin-right: 0;
}
ul.page-numbers a.page-numbers:hover,
ul.page-numbers a.page-numbers:focus {
    color: #333333;
}
ul.page-numbers a.page-numbers.more {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0 none !important;
    background: transparent !important;
    margin-left: 0;
    margin-right: 0;
}
ul.page-numbers a.page-numbers.active {
    -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
    border-color: #505050 !important;
    color: #f2f2f2 !important;
    text-shadow: black 0 1px 0;
    background-color: #676767;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5f5f5f), color-stop(100%, #5c5c5c));
    background-image: -webkit-linear-gradient(#5f5f5f, #5c5c5c);
    background-image: -moz-linear-gradient(#5f5f5f, #5c5c5c);
    background-image: -o-linear-gradient(#5f5f5f, #5c5c5c);
    background-image: linear-gradient(#5f5f5f, #5c5c5c);
}
ul.page-numbers .prev:before {
    content: "\2039";
    padding-right: 0.5em;
}
ul.page-numbers .next:after {
    content: "\203A";
    padding-left: 0.5em;
}
ul.page-numbers .dots {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0 none !important;
    background: transparent !important;
    color: #999999 !important;
    margin-left: 0.25em;
    margin-right: 0.25em;
}
ul.page-numbers .current {
    background: #5f5f5f;
    margin-right: 2px;
    padding: 5px 10px;
    display: inline-block;
    border-top: 1px solid #fff;
    text-decoration: none !important;
    font-size: smaller !important;
    border-color: #505050 !important;
    color: #f2f2f2 !important;
    text-shadow: black 0 1px 0;
}



/*=================================================

9 - TWITTER FEED

=================================================*/




.tweecool span {
    font-size: 12px;
    display: block;
}
.tweecool li {
    display: inline-block;
    margin-bottom: 20px;
}
.tweecool li img {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin-bottom: 40px;
    float: left;
    margin-right: 15px;
}
.tweecool ul {
    margin-bottom: 0;
    padding: 0
}
.col_footer ul {
    padding: 0
}



/*=================================================

10 - FOOTER

=================================================*/

footer .viba-portfolio-widget-item img {height: 80px;padding: 5%;}
footer .col-md-3 {

    padding: 0 3%;
}

#subfooter {
    border-top: 1px solid #161616;
    font-size: 12px;
    padding: 20px 15px;
    color: #777777;
    background-color: #0f0f0f;
}
#subfooter a {
    font-weight: bold;
}
.by_author {
    float: right;
}
.copyright {
    float: left;
}



/*=================================================

11 - MEDIA QUERIES

=================================================*/



/* QUERIES FROM 1920px TO 1620px */

@media only screen and (min-width: 1620px) and (max-width: 1920px) {}
/* QUERIES FROM 1620px TO 1200px */

@media only screen and (min-width: 1200px) and (max-width: 1620px) {}
/* QUERIES FROM 1200px TO 992px */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .menu_trigger {
        display:block;
    }
    .main_nav {
        display: none;
    }
    .responsive_nav {
        display: block;
    }
}
/* QUERIES FROM 992px TO 768px */

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .menu_trigger {
        display: block;
    }
    .section {
        padding: 70px 0px;
    }
    .main_nav {
        display: none;
    }
    .responsive_nav {
        display: block;
    }
    .social_nav {
        margin-right: 0;
    }
    .service_custom_column {
        width: 50%;
    }
    .blog-item-home {
        height: 400px;
    }
}
/* QUERIES FROM 767px TO 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    header {
        height: 59px;
    }
    #logo {
        margin-top: 15px;
    }
    .menu_trigger i {
        padding: 14px;
    }
    .menu_trigger {
        display: block;
    }
    .main_nav {
        display: none;
    }
    .responsive_nav {
        display: block;
    }
    .blog-item-home {
        height: 350px;
    }
    #colums_triggers {
        display: none;
    }
}
/* QUERIES FROM 480px and less than 480px */

@media only screen and (max-width: 480px) {
    header {
        height: 59px;
    }
    #logo {
        margin-top: 15px;
    }
    .menu_trigger i {
        padding: 14px;
    }
    .menu_trigger {
        display: block;
    }
    .main_nav {
        display: none;
    }
    .responsive_nav {
        display: block;
    }
    .blog-item-home {
        height: 300px;
    }
    .copyright {
        float: none;
        text-align: center;
    }
    .by_author {
        text-align: center;
        float: none;
    }
}
/* WP */

.admin-bar header {
    top: 32px;
}
/* VC ICONS */

.vc_element-icon.icon-miko_team_group {
    background-image: url(http://bypixels.com/themes/wordpress/miko/wp-content/themes/images/icons/20.png);
}
.vc_row-fluids .vc_col-xs-1,
.vc_row-fluids .vc_col-sm-1,
.vc_row-fluids .vc_col-md-1,
.vc_row-fluids .vc_col-lg-1,
.vc_row-fluids .vc_col-xs-2,
.vc_row-fluids .vc_col-sm-2,
.vc_row-fluids .vc_col-md-2,
.vc_row-fluids .vc_col-lg-2,
.vc_row-fluids .vc_col-xs-3,
.vc_row-fluids .vc_col-sm-3,
.vc_row-fluids .vc_col-md-3,
.vc_row-fluids .vc_col-lg-3,
.vc_row-fluids .vc_col-xs-4,
.vc_row-fluids .vc_col-sm-4,
.vc_row-fluids .vc_col-md-4,
.vc_row-fluids .vc_col-lg-4,
.vc_row-fluids .vc_col-xs-5,
.vc_row-fluids .vc_col-sm-5,
.vc_row-fluids .vc_col-md-5,
.vc_row-fluids .vc_col-lg-5,
.vc_row-fluids .vc_col-xs-6,
.vc_row-fluids .vc_col-sm-6,
.vc_row-fluids .vc_col-md-6,
.vc_row-fluids .vc_col-lg-6,
.vc_row-fluids .vc_col-xs-7,
.vc_row-fluids .vc_col-sm-7,
.vc_row-fluids .vc_col-md-7,
.vc_row-fluids .vc_col-lg-7,
.vc_row-fluids .vc_col-xs-8,
.vc_row-fluids .vc_col-sm-8,
.vc_row-fluids .vc_col-md-8,
.vc_row-fluids .vc_col-lg-8,
.vc_row-fluids .vc_col-xs-9,
.vc_row-fluids .vc_col-sm-9,
.vc_row-fluids .vc_col-md-9,
.vc_row-fluids .vc_col-lg-9,
.vc_row-fluids .vc_col-xs-10,
.vc_row-fluids .vc_col-sm-10,
.vc_row-fluids .vc_col-md-10,
.vc_row-fluids .vc_col-lg-10,
.vc_row-fluids .vc_col-xs-11,
.vc_row-fluids .vc_col-sm-11,
.vc_row-fluids .vc_col-md-11,
.vc_row-fluids .vc_col-lg-11,
.vc_row-fluids .vc_col-xs-12,
.vc_row-fluids .vc_col-sm-12,
.vc_row-fluids .vc_col-md-12,
.vc_row-fluids .vc_col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



/*=================================================

12 - PAGINATION

=================================================*/




ul.page-numbers {
    list-style: none;
    margin: 1em auto;
    padding: 0;
    color: #555555;
    text-transform: uppercase;
    font-size: 90%;
}
ul.page-numbers li {
    display: inline;
}
ul.page-numbers a.page-numbers {
    margin: 2px;
    padding: 5px 10px;
    display: inline-block;
    border-top: 1px solid #fff;
    text-decoration: none !important;
    font-size: smaller !important;
    text-shadow: white 0 1px 0;
    background: white;
    border: 1px solid rgb(223, 223, 223);
}
ul.page-numbers a.page-numbers:first-child,
ul.page-numbers a.page-numbers.first {
    margin-left: 0;
}
ul.page-numbers a.page-numbers:last-child,
ul.page-numbers a.page-numbers.last {
    margin-right: 0;
}
ul.page-numbers a.page-numbers:hover,
ul.page-numbers a.page-numbers:focus {
    color: #333333;
}
ul.page-numbers a.page-numbers.more {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0 none !important;
    background: transparent !important;
    margin-left: 0;
    margin-right: 0;
}
ul.page-numbers a.page-numbers.active {
    -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
    border-color: #505050 !important;
    color: #f2f2f2 !important;
    text-shadow: black 0 1px 0;
    background-color: #676767;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5f5f5f), color-stop(100%, #5c5c5c));
    background-image: -webkit-linear-gradient(#5f5f5f, #5c5c5c);
    background-image: -moz-linear-gradient(#5f5f5f, #5c5c5c);
    background-image: -o-linear-gradient(#5f5f5f, #5c5c5c);
    background-image: linear-gradient(#5f5f5f, #5c5c5c);
}
ul.page-numbers .prev:before {
    content: "\2039";
    padding-right: 0.5em;
}
ul.page-numbers .next:after {
    content: "\203A";
    padding-left: 0.5em;
}
ul.page-numbers .dots {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0 none !important;
    background: transparent !important;
    color: #999999 !important;
    margin-left: 0.25em;
    margin-right: 0.25em;
}
ul.page-numbers .current {
    background: #5f5f5f;
    margin-right: 2px;
    padding: 5px 10px;
    display: inline-block;
    border-top: 1px solid #fff;
    text-decoration: none !important;
    font-size: smaller !important;
    border-color: #505050 !important;
    color: #f2f2f2 !important;
    text-shadow: black 0 1px 0;
}
.wp-caption,
.wp-caption-text,
.gallery-caption,
.bypostauthor,
.alignright,
.alignleft,
.aligncenter {}
/* FIX */

@-moz-document url-prefix() {
    .section_inner {
        margin-top: -35px;
    }
}
#captcha_image {
    width: 130px;
    margin-right: 10px;
    margin-top: -8px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    #show {
        display: none!important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    #show {
        display: none!important;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #show {
        display: none!important;
    }
}
@media only screen and (max-width: 480px) {
    #show {
        display: none!important;
    }
}
/* MEGA MENU */

.mega-col-4 ul li a {
    border-bottom: none!important;
}
.mega-col-3 ul li {
    width: 33.33%!important;
    padding: 0!important;
    /*border-right:1px solid #2C2C2C;*/
}
.mega-col-4 ul li {
    width: 25%!important;
    padding: 0!important;
    /*border-right:1px solid #2C2C2C;*/
}
.mega-col-5 ul li {
    width: 20%!important;
    padding: 0!important;
    /*border-right:1px solid #2C2C2C;*/
}
nav.main_nav ul li ul li a {
    display: block;
    border-bottom: 1px solid #2C2C2C;
    width: 100%;
    height: auto !important;
    line-height: 1.3 !important;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 11px 15px;
    font-size: 12px;
    text-align: left;
    text-transform: none;
    border-left: none;
    border-right: none;
    letter-spacing: 0;
    color: #b0b0b0;
    cursor: pointer;
}
nav.main_nav ul li>ul {
    padding: 0;
    border-radius: 0;
    border: none;
}
nav.main_nav ul li ul li a:hover {
    background: #313131;
    color: white!important;
}
nav.main_nav ul>li>a:after {
    font-family: "FontAwesome";
    /*  content:"\f107";*/
    
    padding-left: 10px;
    line-height: normal;
}
nav.main_nav ul li>a:only-child:after {
    content: '';
    padding: 0!important;
    line-height: normal;
}
nav.main_nav .mega-col-3 ul li a {
    border: none!important;
}
nav.main_nav ul li li a:after {
    content: "\f105";
    line-height: normal;
    padding-left: 10px;
    float: right;
}
nav.main_nav ul li.left_side_menu li.menu-item-has-children>a:after {
    content: "\f104";
    float: left;
    padding-left: 0;
}
/* UL background color */

nav.main_nav ul ul {
    position: absolute;
    width: 16em;
    line-height: 20px;
    padding: 0 0 0 0;
    margin: 0;
    z-index: 5000;
    background: #252525;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}
.fixed_header_left nav ul ul {
    box-shadow: 0 8px 0px rgba(0, 0, 0, 0.1)!important;
    border-top: none !important;
}
nav.main_nav ul ul ul {
    z-index: 999;
}
nav.main_nav ul ul li {
    width: 16em;
    font-weight: normal!important;
    text-transform: none!important;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
nav.main_nav ul ul nav ul ul li a,
nav.main_nav ul ul nav ul ul .current-menu-item li a {
    text-align: left;
    padding: 12px 13px 12px 13px !important;
    float: none;
    font-size: 13px;
    margin: 0;
    text-transform: none!important;
    font-weight: normal!important;
    border-bottom: none!important;
    border-top: none!important;
    text-shadow: none!important;
    border-radius: 0!important;
    line-height: normal!important;
    width: 100%;
    white-space: normal;
}
nav.main_nav ul li:hover ul,
nav.main_nav ul li.sfHover ul {
    left: 0;
    right: 0;
    margin: 0 auto;
    /*padding:20px;*/
    
    border-radius: 0;
    margin-top: 15px;
}
.small nav.main_nav ul li:hover ul,
.small nav.main_nav ul li.sfHover ul {
    margin-top: 8px;
}
nav.main_nav ul li.left_side_menu:hover ul,
nav.main_nav ul li.sfHover.left_side_menu ul {
    left: inherit;
    right: 0px;
}
nav.main_nav ul li:hover li ul,
nav.main_nav ul li.sfHover li ul,
nav.main_nav ul li li:hover li ul,
nav.main_nav ul li li.sfHover li ul,
nav.main_nav ul li li li:hover li ul,
nav.main_nav ul li li li.sfHover li ul {
    top: -9999em
}
/* Second level UL */

nav.main_nav ul li li:hover>ul,
nav.main_nav ul li li.sfHover>ul,
nav.main_nav ul li li li:hover>ul,
nav.main_nav ul li li li.sfHover>ul,
nav.main_nav ul li li li li:hover>ul,
nav.main_nav ul li li li li.sfHover>ul {
    left: 16em;
    top: -21px!important;
    z-index: 2;
}
/* SMALL second level UL */

.small nav.main_nav ul li li:hover>ul,
.small nav.main_nav ul li li.sfHover>ul,
.small nav.main_nav ul li li li:hover>ul,
.small nav.main_nav ul li li li.sfHover>ul,
.small nav.main_nav ul li li li li:hover>ul,
.small nav.main_nav ul li li li li.sfHover>ul {
    top: -12px!important;
}
.miko_megamenu {
    position: static!important;
}
.miko_megamenu ul {
    position: absolute;
    width: 1170px!important;
    white-space: nowrap;
    left: auto;
    z-index: 500;
    float: left !important;
    zoom: 1;
    overflow: visible;
    visibility: visible;
    margin: 0;
}
.miko_megamenu>ul {
    padding: 20px!important;
}
.miko_megamenu ul li>a:after {
    display: none!important;
}
.mt_menu {
    display: none;
    min-height: 49px;
    position: relative;
    z-index: 999;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.miko_menu_icon {
    padding-right: 10px;
    line-height: normal;
}
.h1_mega ul {
    left: 40px!important;
    display: none;
}
.miko_megamenu ul li {
    min-width: 100px !important;
    display: inline-block;
    float: left;
    margin: 0!important;
    position: relative;
    padding: 11px 27px;
}
.miko_megamenu ul li a {
    width: auto;
    display: block;
    background: transparent;
}
.miko_megamenu ul li ul {
    visibility: visible!important;
    display: block!important;
    position: static!important;
    max-width: 100%;
    padding: 0px 0 0 0!important;
    box-shadow: none!important;
    margin-top: 0px!important;
}
.miko_megamenu ul li ul li {
    width: 100%!important;
    padding: 0!important;
}
nav.main_nav .miko_megamenu li a,
.miko_megamenu li a {
    padding: 11px 20px 11px!important;
    width: 100%!important;
}
/* Column Title */

nav.main_nav .miko_megamenu ul li a,
.miko_megamenu ul li a {
    font-size: 13px!important;
    font-weight: 900!important;
    text-transform: uppercase !important;
    white-space: normal;
}
nav.main_nav .miko_megamenu ul ul li a,
.miko_megamenu ul ul li a {
    font-size: 13px!important;
    font-weight: normal!important;
    text-transform: none!important;
    white-space: normal;
}
nav.main_nav ul .mega_no_heading ul li {
    top: 0px!important;
}
.vc_row-fluids .cbp-popup-singlePage .vc_col-xs-1,
.vc_row-fluids .cbp-popup-singlePage .vc_col-sm-1,
.vc_row-fluids .cbp-popup-singlePage .vc_col-md-1,
.vc_row-fluids .cbp-popup-singlePage .vc_col-lg-1,
.vc_row-fluids .cbp-popup-singlePage .vc_col-xs-2,
.vc_row-fluids .cbp-popup-singlePage .vc_col-sm-2,
.vc_row-fluids .cbp-popup-singlePage .vc_col-md-2,
.vc_row-fluids .cbp-popup-singlePage .vc_col-lg-2,
.vc_row-fluids .cbp-popup-singlePage .vc_col-xs-3,
.vc_row-fluids .cbp-popup-singlePage .vc_col-sm-3,
.vc_row-fluids .cbp-popup-singlePage .vc_col-md-3,
.vc_row-fluids .cbp-popup-singlePage .vc_col-lg-3,
.vc_row-fluids .cbp-popup-singlePage .vc_col-xs-4,
.vc_row-fluids .cbp-popup-singlePage .vc_col-sm-4,
.vc_row-fluids .cbp-popup-singlePage .vc_col-md-4,
.vc_row-fluids .cbp-popup-singlePage .vc_col-lg-4,
.vc_row-fluids .cbp-popup-singlePage .vc_col-xs-5,
.vc_row-fluids .cbp-popup-singlePage .vc_col-sm-5,
.vc_row-fluids .cbp-popup-singlePage .vc_col-md-5,
.vc_row-fluids .cbp-popup-singlePage .vc_col-lg-5,
.vc_row-fluids .cbp-popup-singlePage .vc_col-xs-6,
.vc_row-fluids .cbp-popup-singlePage .vc_col-sm-6,
.vc_row-fluids .cbp-popup-singlePage .vc_col-md-6,
.vc_row-fluids .cbp-popup-singlePage .vc_col-lg-6,
.vc_row-fluids .cbp-popup-singlePage .vc_col-xs-7,
.vc_row-fluids .cbp-popup-singlePage .vc_col-sm-7,
.vc_row-fluids .cbp-popup-singlePage .vc_col-md-7,
.vc_row-fluids .cbp-popup-singlePage .vc_col-lg-7,
.vc_row-fluids .cbp-popup-singlePage .vc_col-xs-8,
.vc_row-fluids .cbp-popup-singlePage .vc_col-sm-8,
.vc_row-fluids .cbp-popup-singlePage .vc_col-md-8,
.vc_row-fluids .cbp-popup-singlePage .vc_col-lg-8,
.vc_row-fluids .cbp-popup-singlePage .vc_col-xs-9,
.vc_row-fluids .cbp-popup-singlePage .vc_col-sm-9,
.vc_row-fluids .cbp-popup-singlePage .vc_col-md-9,
.vc_row-fluids .cbp-popup-singlePage .vc_col-lg-9,
.vc_row-fluids .cbp-popup-singlePage .vc_col-xs-10,
.vc_row-fluids .cbp-popup-singlePage .vc_col-sm-10,
.vc_row-fluids .cbp-popup-singlePage .vc_col-md-10,
.vc_row-fluids .cbp-popup-singlePage .vc_col-lg-10,
.vc_row-fluids .cbp-popup-singlePage .vc_col-xs-11,
.vc_row-fluids .cbp-popup-singlePage .vc_col-sm-11,
.vc_row-fluids .cbp-popup-singlePage .vc_col-md-11,
.vc_row-fluids .cbp-popup-singlePage .vc_col-lg-11,
.vc_row-fluids .cbp-popup-singlePage .vc_col-xs-12,
.vc_row-fluids .cbp-popup-singlePage .vc_col-sm-12,
.vc_row-fluids .cbp-popup-singlePage .vc_col-md-12,
.vc_row-fluids .cbp-popup-singlePage .vc_col-lg-12 {
    padding-left: 15px;
    padding-right: 15px;
}
/* FIX */

.cbpw-ajax-block .vc_empty_space {
    display: none;
}
button.close {
    width: 10px;
}
.cbp-ratio-even .cbp-caption-defaultWrap {
    width: 100%
}
/* WP STYLE DEFAULT */

.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin: 9px 30px 0px 0px;
}
.alignright,
img.alignright {
    display: inline;
    float: right;
    margin: 9px 0px 0px 30px;
}
.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
.alignnone {
    max-width: 100%;
}
.wp-caption-text {
    text-align: center;
    padding-top: 10px;
}
.wp-caption {
    text-align: center;
    max-width: 100%;
}
.wp-caption.alignnone {
    margin: 10px 0;
}
.wp-caption.aligncenter {
    margin: 10px auto;
}
.wp-caption img {
    display: inline-block!important;    height: auto;
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {} .alignright {
    text-align: right;
}
.alignleft {
    text-align: left;
}
.aligncenter {
    text-align: center;
}
.sticky {
    border: 5px solid #E6E6E6;
    padding: 40px;
    margin-top: 30px;
}
.read_more_index {
    margin-left: 20px;
}
/* search widget */

#searchform {} .widget_search {} .screen-reader-text {}
/* Fix for align images */

.wpb_single_image img {
    vertical-align: top;
    height: auto;
}
.wpb_single_image .vc_single_image-wrapper {
    display: inline-block;
    width: 100%!important;
}


p.form input {
    border: none;
    padding: 10px 20px;
    background-color: #4fe1ed;
    color: #fff;
}
p.form-btn input {
    padding: 10px 20px;
}
.form::-webkit-input-placeholder {
    background-color: #4cdbe7;
    color: white;
    border: medium none;
    font-weight: bold;
}
.form input:-moz-placeholder {
    /* Firefox 18- */
    
    color: white;
    background-color: #4cdbe7;
    border: medium none;
    font-weight: bold;
}
.form input::-moz-placeholder {
    /* Firefox 19+*/
    
    color: white;
    border: medium none;
    font-weight: bold;
    background-color: #4cdbe7;
}
p.form-btn input.wpcf7-form-control {
    border-radius: 30px;
    border: none;
    background-color: #4fe1ed;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;

    color: #fff;
}
p.form2 input {
    background-color: #131313;
    border-bottom: 1px solid #9068be;
 
    font-size: 15px;
    color: #fff;
    text-style: italic;
    text-style: italic;
}
p.form2 input[type=submit] {
    border-radius: 30px;
    background-color: #9068be;
    padding: 5px 15px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    border: none;
    padding: 5px 40px;
}
#wpcf7-f53-p36-o1,
#wpcf7-f53-p56-o1 {
    text-align: center;
}
p.form2 span input[placeholder] {
    color: white !important;
    padding: 0;
    font-style: italic;
    font-size: 13px;
    border-bottom: 1px solid #9068be !important;
    border: none;
}
.vision-progress-section .progress,
.vision-progress-section .progress-bar {
    height: 5px !important;
}
.viba-portfolio-filter {
    margin-bottom: 50px;
}
p.form3 input,
form p.form3 input[textarea] {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #7d7b7b;
    padding: 10px;
}
p.form3 textarea {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
p.form3 input[type="submit"] {
    background-color: #fc5252;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;

    font-size: 13px;
}
.read_more_blue {
    padding: 8px 30px;
    margin: 10px 0px;
    border-radius: 30px;
    background-color: #1ddd85;
    display: inline-flex;
    color: #fff;
    -moz-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}
.blog-item .metas {
    margin-bottom: 20px;

    
}
.blog-item .date {
    border-right: 1px solid #ccc;
    padding: 10px 0 5px 0;
}
.blog-item .date p {
    font-size: 23;
    color: #494949;
    font-weight: bold;
    line-height: 20px;
    font-size: 23px;
    text-transform: uppercase;
}

.blog-item .metas .the-comments a,
.blog-item .metas .the-date a,
.blog-item .metas .the-author a {
    background-repeat: no-repeat;
    float: left;
    margin-bottom: 15px;
    color: #9da0a4;
    margin-right: 20px;
    font-size: 13px;
}
.the-comments a {
    margin-right: 5px!important;
}
.the-author a {
    text-transform: capitalize;
}
.metas .the-date i,
.metas .the-author i,
.metas .the-comments i {
    padding-right: 8px;
    color: #363636;
}
footer .tagcloud ul {
    list-style: none;
    padding-left: 0 !important;
}
footer .tagcloud {
    display: inline;
    line-height: 40px;
}
footer .tagcloud a {
    font-size: 12px!important;
    color: #fff;
    background-color: #181818;
    padding: 7px 20px;
    border-radius: 30px;

    font-size: 11px;
    font-weight: bold;
}
footer .tagcloud a:hover {
    text-decoration: none;
}
footer .tagcloud a:hover {
    background-color: #1ddd85;
    color: #fff;
}
footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
footer .fw_blog li:first-child {
    padding-top: 0;
}
footer .fw_blog li:last-child {
    border: none;
}
footer .fw_blog li {
    padding: 15px 0;
    border-bottom: 1px solid #141414;
}
footer .fw_blog li a {
    font-size: 14px!important;
    line-height: 20px !important;
}
footer .fw_blog li .date {
    color: #777777;
    font-size: 12px!important;
}
footer .fw_blog li a:hover {
    text-decoration: none;
}
footer .fw_blog li p:hover {
    color: #fff;
}
footer {
    background-color: #0f0f0f;
    padding: 50px 0px 50px 0px !important;
}
.blog-item .blog-date {
    margin: 0 auto;
    width: 150px;
    text-align: center;
    margin-top: -20px;
    z-index: 1;
}
.blog-item .blog-date p {
    background-color: #00b4ff;
    border-radius: 30px;
    font-size: 11px !important;
    text-transform: uppercase;
    font-family: 'Arial';
    color: #fff;
    font-weight: bold;
}
.blog-item .blog-content {
    margin: 20px 0;
}
.blog-item .blog-content h4 {
   
    color: #3b3b3b;
    font-size: 20px;
    margin-bottom: 5px;
}
.blog-item .blog-content p.meta {
    font-size: 13px !important;
    color: #a3a3a3;
    margin-bottom: 10px;
}
.blog-content p {
    color: #989898 !important;
   
    font-size: 15px !important;
    margin-bottom: 20px;
}
.blog-content a {
    color: #00b4ff;
    font-style: italic;
}
footer .tagcloud ul {
    list-style: none;
    padding-left: 0 !important;
}
footer .tagcloud {
    display: inline;
    line-height: 40px;
}
footer .tagcloud a {
    font-size: 11px!important;
    color: #7f7f7f;
    background-color: #181818;
    padding: 12px 20px;
    border-radius: 30px;
    font-family: 'Roboto';
    letter-spacing: 0;
}
footer .tagcloud a:hover {
    text-decoration: none;
}
footer .tagcloud a:hover {
    background-color: #1ddd85;
    color: #fff;
}
footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
footer .fw_blog li:first-child {
    padding-top: 0;
}
footer .fw_blog li:last-child {
    border: none;
}
footer .fw_blog li {
    padding: 15px 0;
    border-bottom: 1px solid #141414;
}
footer .fw_blog li a {
    font-size: 14px!important;
    line-height: 20px !important;
}
footer .fw_blog li .date {
    color: #777777;
    font-size: 12px!important;
}
footer h2 {
    color: white;
    margin-bottom: 30px;
    font-weight: normal;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}
footer .fw_blog li a:hover {
    text-decoration: none;
}
footer .fw_blog li p:hover {
    color: #fff;
}
footer {
    background-color: #0f0f0f;
    padding: 50px 0px 50px 0px !important;font-size: 14px;
}
/* FIX FOR VC */

.section_inner {
     /* padding-top: 78px;*/
}
.vc_row {
    margin-left: 0px!important;
    margin-right: 0px!important;
}
.slick-next {
    right: 0!important;
    ;
}
.slick-prev {
    left: 0!important;
    ;
}
/* Fix for carousel team */

.miko_fix_carousel .aio-icon {
    float: left!important;
}
.miko_fix_carousel .slick-prev {
    left: -25px!important;
}
/* COLORS*/

.the-date-big,
.read_more:hover {
    background-color: #1ddd85;
}
.read_more.black:hover,
.read_more:hover {
    background-color: #0F0F0F;
}
#response .submit_post {
    background: #1ddd85;
}



/*=================================================

26 - BUTTONS

=================================================*/



/* BUTTON READ MORE WHITE */

.read_more {
    display: inline-flex;
    padding: 8px 30px;
    color: white;
    font-family: 'Roboto', Arial;
    margin: 10px 0px 30px 0px;
    -moz-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0;
    background: #1ddd85;
    border-radius: 25px;
    
    font-size: 13px;
}
.excerpt_blog {
    
}
/* miko  Blog Widget */

.blog {
  
    text-align: center;
}
.blog-item .blog-date {
    margin: 0 auto;
    width: 150px;
    text-align: center;
    margin-top: -20px;
    z-index: 100;
    position: relative;
}
.blog-item .blog-date p {
    background-color: #00b4ff;
    border-radius: 30px;
    font-size: 11px !important;
    text-transform: uppercase;
    font-family: 'Arial';
    color: #fff;
    font-weight: bold;
}
.blog-item .blog-content {
    margin: 20px 0;
    text-align: center;
}
.blog-item .blog-content h4 a {
   
    color: #3b3b3b;
    font-size: 20px;
    margin-bottom: 5px;
    font-style: normal;
    transition: color 0.5s ease;
}
.blog-item .blog-content h4 a:hover {
    text-decoration: none;
    color: #1ddd85;
}
.blog-item2 .blog-content h4 {
    margin: 20px 0;
}
.blog-item2 .blog-content h4 a {
   
    color: #3b3b3b;
    font-size: 18px;
    line-height: 30px;
    font-style: normal;
    transition: color 0.3s ease;
    font-weight: normal;
}
.blog-item2 .blog-content h4 a:hover {
    color: #1ddd85;
}
.blog-item .blog-content p.meta {
    font-size: 13px !important;
    color: #a3a3a3;
    margin-bottom: 10px;
}
.blog-content p {
    color: #989898 !important;
   
    font-size: 15px !important;
    margin-bottom: 20px;
}
.blog-content a {
    color: #00b4ff;
    font-style: italic;
}
.blog-content a:hover {
    text-decoration: none;
}
.blog-item2 .blog-content .blog-meta h5 {
    transition: background-color 0.3s ease;
    background-color: #1ddd85;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 30px;
    border-radius: 30px;
    float: left;
    font-size: 13px;
    font-family: 'Roboto';
}
.blog-item2 .blog-content .blog-meta p {
    float: left;
    margin: 0 25px;
    font-family: 'Roboto';
    font-size: 13px !important;
    color: #989898;
    text-transform: uppercase;
    font-weight: bold;
}
.blog-item img,
.blog-item2 img {
    transition: all .2s ease-in-out;
}
.blog-item img:hover,
.blog-item2 img:hover {
    transform: scale(1.1);
}
.blog-item2 .blog-content .blog-meta h5:hover {
    background-color: #212121;
}
.miko_comment_fix a {
    color: #989898;
}
/* calendar widget */

#wp-calendar {
    width: 100%;
}
#wp-calendar caption {
    text-align: right;
    color: #333;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 15px;
}
#wp-calendar thead {
    font-size: 10px;
}
#wp-calendar thead th {
    padding-bottom: 10px;
}
#wp-calendar tbody {
    color: #aaa;
}
#wp-calendar tbody td {
    background: #f5f5f5;
    border: 1px solid #fff;
    text-align: center;
    padding: 8px;
}
#wp-calendar tbody td:hover {
    background: #fff;
}
#wp-calendar tbody .pad {
    background: none;
}
#wp-calendar tfoot #next {
    font-size: 10px;
    text-transform: uppercase;
    text-align: right;
}
#wp-calendar tfoot #prev {
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 10px;
}
/* Blog carousel */

.blog_carousel_miko .slick-center .blog_item_slide {
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    color: #e67e22;
    opacity: 1;
    transform: scale(1.08);
}
.blog_carousel_miko .blog_item_slide {
    opacity: 0.1;
    transition: all 300ms ease;
}
.blog_item_slide {
    background: #fff;
    color: #3498db;
    margin: 10px;
    padding: 2%;
    position: relative;
}
/* CLIENTS HOVER */

.carousel_opacity img {
    opacity: 0.4;
    -moz-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}
.carousel_opacity img:hover {
    opacity: 1;
}
.miko_icon_over .aio-icon-right .aio-icon {
    margin-left: 55px;
    margin-right: -210px;
}
.miko_icon_over .aio-icon {
    height: 3em;
    width: 3em;
    line-height: 3em;
}
.carousel_opacity img {
    opacity: 0.4;
    -moz-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}
.carousel_opacity img:hover {
    opacity: 1;
}
.icon_index {
    z-index: 1;
}
form.wpcf7-form {} p.form2 {
    text-align: center;
}
input::-webkit-input-placeholder {
    color: #fff !important;
}
h4.pull-left {
    text-transform: none;
    font-style: italic;
}
.vision-progress-section .progress-bar {
    background: rgba(212, 131, 250, 1) !important;
    background: -moz-linear-gradient(left, rgba(212, 131, 250, 1) 0%, rgba(212, 131, 250, 1) 11%, rgba(67, 221, 232, 1) 100%)!important;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(212, 131, 250, 1)), color-stop(11%, rgba(212, 131, 250, 1)), color-stop(100%, rgba(67, 221, 232, 1)))!important;
    background: -webkit-linear-gradient(left, rgba(212, 131, 250, 1) 0%, rgba(212, 131, 250, 1) 11%, rgba(67, 221, 232, 1) 100%)!important;
    background: -o-linear-gradient(left, rgba(212, 131, 250, 1) 0%, rgba(212, 131, 250, 1) 11%, rgba(67, 221, 232, 1) 100%)!important;
    background: -ms-linear-gradient(left, rgba(212, 131, 250, 1) 0%, rgba(212, 131, 250, 1) 11%, rgba(67, 221, 232, 1) 100%)!important;
    background: linear-gradient(to right, rgba(212, 131, 250, 1) 0%, rgba(212, 131, 250, 1) 11%, rgba(67, 221, 232, 1) 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d483fa', endColorstr='#43dde8', GradientType=1)!important;
}
.vision-progress-section.gradient2 .progress-bar {
    background: rgba(4, 93, 202, 1)!important;
    background: -moz-linear-gradient(left, rgba(4, 93, 202, 1) 0%, rgba(4, 234, 255, 1) 64%, rgba(4, 234, 255, 1) 100%)!important;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4, 93, 202, 1)), color-stop(64%, rgba(4, 234, 255, 1)), color-stop(100%, rgba(4, 234, 255, 1)))!important;
    background: -webkit-linear-gradient(left, rgba(4, 93, 202, 1) 0%, rgba(4, 234, 255, 1) 64%, rgba(4, 234, 255, 1) 100%)!important;
    background: -o-linear-gradient(left, rgba(4, 93, 202, 1) 0%, rgba(4, 234, 255, 1) 64%, rgba(4, 234, 255, 1) 100%)!important;
    background: -ms-linear-gradient(left, rgba(4, 93, 202, 1) 0%, rgba(4, 234, 255, 1) 64%, rgba(4, 234, 255, 1) 100%)!important;
    background: linear-gradient(to right, rgba(4, 93, 202, 1) 0%, rgba(4, 234, 255, 1) 64%, rgba(4, 234, 255, 1) 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#045dca', endColorstr='#04eaff', GradientType=1)!important;
}
.vp-style-fullwidth-masonry .viba-portfolio-filter li a:hover,
.vp-style-fullwidth-masonry .viba-portfolio-filter li a.selected,
.vp-style-fullwidth-masonry .vp-filter-slide-in .vp-filter-button:hover {
    border: none;
    background-color: #1ddd85;
    border-radius: 30px;
    padding: 5px 10px;
}
.viba-portfolio-filter li a {
    border: none;
    color: #919191;
    font-size: 10px;
   
    letter-spacing: 1px;
    font-weight: bold;
}
.form3::-webkit-input-placeholder {
    color: #212121;
}
/* Blog carousel */

.blog_carousel_miko .slick-center .blog_item_slide {
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    color: #e67e22;
    opacity: 1;
    transform: scale(1.08);
}
.blog_carousel_miko .blog_item_slide {
    opacity: 0.1;
    transition: all 300ms ease;
}
.blog_item_slide {
    background: #fff;
    color: #3498db;
    margin: 10px;
    padding: 2%;
    position: relative;
}
footer a{
    font-size: 14px;
   
    color: #5a5a5a;
    line-height: 35px;
}
.miko_icon_over .aio-icon-right .aio-icon {
    margin-left: 55px;
    margin-right: -248px;
}
.miko_icon_over .aio-icon {
    height: 3em;
    width: 3em;
    line-height: 3em;
}
.carousel_opacity img {
    opacity: 0.4;
    -moz-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}
.carousel_opacity img:hover {
    opacity: 1;
}
.icon_index {
    z-index: 1;
}
.viba-portfolio-wrapper .viba-portfolio-filter li {
    margin-left: 10px!important;
}
/* HEADER */

.overlay_nav div > ul > li {
    margin: 20px 0px;
}
/* Overlay style */

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(21, 21, 21, 0.95);
    z-index: 9999;
}
/* Overlay closing cross */

.menu_trigger_overlay {
    float: right;
    margin-top: -15px;
    color: white;
}
.menu_trigger_overlay i:hover {
    color: white;
}
.menu_trigger_overlay i {
    padding: 24px;
    color: white;
}
.small .menu_trigger_overlay i {
    padding: 17px;
    color: white;
}
.overlay .overlay-close {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    background: url(images/cross.png) no-repeat center center;
    text-indent: 200%;
    color: transparent;
    outline: none;
    z-index: 100;
}
/* Menu style */

.overlay nav {
    text-align: center;
    position: relative;
    top: 50%;

    font-size: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: bold;
    font-family: 'Montserrat', Arial;
}
.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;


}
.overlay ul li {

}
.overlay ul li a {
    font-weight: 300;
    display: block;
    color: #fff;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}
.overlay ul li a:hover,
.overlay ul li a:focus {
    color: #1ddd85;
}
/* Effects */

.overlay-hugeinc {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-hugeinc.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.overlay-hugeinc nav {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}
.overlay-hugeinc nav ul {
    opacity: 0.4;
    -webkit-transform: translateY(-25%) rotateX(35deg);
    transform: translateY(-25%) rotateX(35deg);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
}
.overlay-hugeinc.open nav ul {
     opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    margin: 10px 0px;
    position: relative;
    float: none;
    width: auto;
    background: transparent;
    top: 0;
        text-align: center;    box-shadow: none;
}
.overlay-hugeinc.close nav ul {
    -webkit-transform: translateY(25%) rotateX(-35deg);
    transform: translateY(25%) rotateX(-35deg);
}
@media screen and (max-height: 30.5em) {
    .overlay nav {
        height: 70%;
        font-size: 34px;
    }
    .overlay ul li {
        min-height: 34px;
    }
}
.widget {
    padding-bottom: 10px !important;
}
.qtip-content.qtip-content {
    background-color: #7d54ac !important;
    border: none!important;
}
.qtip-borderTop,
.qtip-borderBottom {
    display: none !important;
}
.qtip-contentWrapper {
    border: none !important;
}
span.classtoolTips0,
span.classtoolTips1,
span.classtoolTips2,
span.classtoolTips3,
span.classtoolTips4,
span.classtoolTips5,
span.classtoolTips6,
span.classtoolTips7 {
    font-family: 'Roboto';
    color: #fff;
    border: none;
}
.wpb_button,
.wpb_content_element,
.wpb_row,
ul.wpb_thumbnails-fluid>li {}


/* Fix for pricing tables */

.ult_pricing_table .ult_price_link {
    padding:0!important;
}


.ult_design_5 .ult_pricing_table .ult_price_link .ult_price_action_button {
    color: #fff;
    background: #555;
    border-radius: 3px;
    padding: 10px;
    width: 100%!important;
}

.ult_price_link a {background: #1ddd85!important;}
.float_fix .ult-item-wrap {    display: inline;}

.ult-carousel-wrapper button.square-bg, .ult-carousel-wrapper button.square-border {
top:40%!important;
    z-index: 9;
}

.ult_design_5 .ult_pricing_table .ult_price_link .ult_price_action_button {
-webkit-border-radius: 25px!important;
     -moz-border-radius: 25px!important;
    border-radius: 25px!important;  
    padding: 20px!important;  
}

.text_with_padding {padding: 15%;}
.ult-item-wrap .slick-slide {margin: 0!important;}
.carousel_nopadding {margin:0!important;padding:0!important;}


.match_height .vc_column-inner {height:100%;}
.wrapper_sidebar {margin-top: 20px;}
.custom_contact_page input {padding:10px;    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;}
.custom_contact_page p {    font-weight: bold;}
.custom_contact_page textarea {width:100%;padding:10px;-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;}
.site-content {padding-top:80px;}
.custom_contact_page .wpcf7-submit {background:#242424; color:white; font-weight: bold;-webkit-border-radius: 25px; -moz-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    transition: .15s ease-in-out;   
    -moz-border-radius: 25px;
    border-radius: 25px;width: 100%;}
.custom_contact_page .wpcf7-submit:hover {background-color: #1ddd85;}



@-moz-document url-prefix() { 

 .custom_contact_page input {padding:0;width:100%;}

}
@-moz-document url-prefix() { 

.custom_contact_page textarea {width:100%;padding:0;}
}


.extra_font .stats-number {font-weight:100!important; font-family: 'Roboto';}

/*Fix flipping card on home */


.flip_padding .ifb-back, .flip_padding .ifb-front {padding:5%!important;} 




.custom_pricing .ult_pricing_table, .custom_pricing .ult_pricing_heading {background: transparent!important;} 

.custom_pricing .ult_price_body_block {background: transparent!important;} 

.custom_pricing .ult_pricing_table {padding: 10%!important;}


.custom_pricing.first {background:url('../../../../../../sand/services1.jpg')!important;background-size: cover !important;}
.custom_pricing.second {background:url('../../../../../../sand/services2.jpg')!important;background-size: cover !important;}
.custom_pricing.third {background:url('../../../../../../sand/services3.jpg')!important;background-size: cover !important;}



/*About Fix*/
.custom_skills .vc_label {padding: 0 !important;
padding-left: 3% !important;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
text-shadow: none !important;}
.custom_skills .vc_single_bar{margin-bottom:20px!important;}


.left-icon .aio-icon-left .aio-icon, .left-icon .aio-icon-left .aio-icon-img {
    margin-right: 25px!important;
}

.wrapper_center.container {margin-top:120px;}